:root{--color-bg-primary:#09090b;--color-bg-surface:#1a1528d6;--color-bg-elevated:#14111f;--color-gold:#c9a84c;--color-gold-pale:#e8d5a3;--color-purple-mid:#7b4fa6;--color-text-primary:#eee5d4;--color-text-secondary:#a99d88;--color-text-tertiary:#6c6254;--font-display:"Cinzel", serif;--font-body:"EB Garamond", Georgia, serif;--font-ui:"Inter", sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 24%, #4a2d8a2e, transparent 34rem), var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-body);margin:0}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}.site-shell,.app-shell{min-height:100vh;position:relative;overflow-x:hidden}.site-shell:before,.app-shell:before{content:"";pointer-events:none;opacity:.18;background-image:radial-gradient(circle,#ffffff59 1px,#0000 1px);background-size:71px 97px;position:fixed;inset:0}.topbar{z-index:2;justify-content:space-between;align-items:center;padding:1.15rem clamp(1rem,4vw,3rem);display:flex;position:relative}.brand,.nav-link{color:var(--color-gold-pale);font-family:var(--font-display);letter-spacing:.24em;text-transform:uppercase;background:0 0;border:0}.brand{align-items:center;gap:.6rem;font-size:.92rem;display:inline-flex}.brand-dot{background:radial-gradient(circle, var(--color-gold), #7e6429);border-radius:999px;width:.5rem;height:.5rem}.nav-link{color:var(--color-gold);border:1px solid #c9a84c59;padding:.48rem .9rem;font-size:.62rem}.hero{text-align:center;place-items:center;min-height:calc(100vh - 72px);padding:4rem 1.25rem 5rem;display:grid}.hero>*{max-width:640px}.hero-problem,.hero-promise,.try-it p,.process-step p{color:var(--color-text-secondary);font-style:italic;font-weight:400;line-height:1.8}.hero-problem{font-size:clamp(1.08rem,2.1vw,1.35rem)}.hero h1{font:400 clamp(3rem, 10vw, 6.6rem)/1.05 var(--font-display);letter-spacing:.04em;margin:0}.hero h1 em,.try-it em{color:var(--color-gold-pale);font-family:var(--font-body)}.hero-promise{color:var(--color-gold-pale);margin:0 0 1rem;font-size:1.18rem}.primary-cta,.quiet-button,.secondary-button{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;border:1px solid #c9a84c59;border-radius:999px;padding:.9rem 1.35rem;font-size:.72rem}.primary-cta,.quiet-button{color:#100e16;background:linear-gradient(135deg, #9b64c4, var(--color-gold-pale));box-shadow:0 0 32px #c9a84c2e}.secondary-button{color:var(--color-text-secondary);background:#ffffff05}.divider{opacity:.45;justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}.divider span{background:linear-gradient(to right, transparent, var(--color-gold));width:5rem;height:1px}.divider span:last-child{background:linear-gradient(to left, transparent, var(--color-gold))}.divider i{border:1px solid var(--color-gold);width:.45rem;height:.45rem;transform:rotate(45deg)}.process,.try-it,.collection{z-index:1;text-align:center;max-width:900px;margin:0 auto;padding:4rem 1.25rem;position:relative}.eyebrow{color:var(--color-gold);font-family:var(--font-display);letter-spacing:.35em;text-transform:uppercase;margin-bottom:1rem;font-size:.62rem;display:block}.process h2,.try-it h2,.collection h1{font:400 clamp(1.8rem, 5vw, 3.2rem)/1.2 var(--font-display);margin:0 0 2rem}.steps-grid{background:#c9a84c1f;border:1px solid #c9a84c1f;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.process-step{background:#0d0c14c7;padding:2rem 1.5rem}.step-mark{color:var(--color-gold);font:.62rem var(--font-display);letter-spacing:.2em}.step-mark span{border:1px solid #c9a84c73;border-radius:50%;width:2rem;height:2rem;margin:0 auto .7rem;display:block}.process-step h3{color:var(--color-gold-pale);font:.85rem var(--font-display);letter-spacing:.16em;text-transform:uppercase}.flow-card{z-index:1;background:linear-gradient(#1a1528e6,#09090be0);border:1px solid #c9a84c29;width:min(100% - 2rem,430px);min-height:680px;margin:1rem auto 3rem;padding:1.25rem;position:relative;box-shadow:0 30px 90px #0006}.flow-progress{color:var(--color-text-tertiary);font-family:var(--font-ui);grid-template-columns:1fr repeat(3,auto);align-items:center;gap:.75rem;font-size:.78rem;display:grid}.flow-progress strong{font-family:var(--font-display);color:var(--color-text-tertiary);font-weight:400}.flow-progress .active{color:var(--color-gold-pale)}.flow-panel{gap:1.1rem;padding:2rem .4rem .4rem;display:grid}.panel-heading{text-align:center}.panel-heading h2{color:var(--color-text-primary);font:400 1.4rem var(--font-display);margin:0 0 .35rem}.panel-heading p{color:var(--color-text-secondary);font-family:var(--font-ui);margin:0;font-size:.88rem;line-height:1.55}textarea{resize:vertical;width:100%;min-height:132px;color:var(--color-text-primary);background:#ffffff09;border:1px solid #c9a84c29;border-radius:12px;outline:none;padding:1rem;line-height:1.6}textarea::placeholder{color:#e8e0d05c;font-style:italic}.body-map-wrap{flex-direction:column;align-items:center;gap:.8rem;display:flex}.segmented{background:#ffffff0a;border:1px solid #c9a84c33;border-radius:999px;padding:2px;display:inline-flex}.segmented button{color:var(--color-text-tertiary);font-family:var(--font-ui);letter-spacing:.2em;text-transform:uppercase;background:0 0;border:0;border-radius:999px;padding:.35rem 1rem;font-size:.64rem}.segmented button[aria-selected=true]{color:#100e16;background:var(--color-gold);font-weight:600}.body-map{width:13rem;max-height:55vh}.body-map path{cursor:pointer;transition:fill .2s,stroke .2s,filter .2s}.body-map text{pointer-events:none;-webkit-user-select:none;user-select:none;fill:#ffffff47;font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase}.selection-note{text-align:center;color:var(--color-gold-pale);font-family:var(--font-display);letter-spacing:.08em;margin:-.2rem 0}.flow-actions{justify-content:space-between;gap:.75rem;display:flex}.guided-copy{color:var(--color-text-secondary);margin:0;font-size:1.08rem;font-style:italic;line-height:1.65}.reading-card{text-align:center;background:radial-gradient(circle at 50% 32%,#7b4fa673,#0000 45%),#1a1528eb;border:1px solid #c9a84c33;flex-direction:column;justify-content:space-between;min-height:330px;padding:1.4rem;display:flex}.reading-card span,.reading-card small{color:var(--color-gold);font-family:var(--font-display);letter-spacing:.28em;text-transform:uppercase;font-size:.58rem}.reading-card h3{color:var(--color-gold-pale);font:400 1.45rem var(--font-display);letter-spacing:.06em;margin:.5rem 0}.sigil{color:var(--color-gold-pale);font-size:2.4rem}.reading-card p{color:var(--color-text-secondary);margin:0;font-style:italic;line-height:1.7}.reading-card small{letter-spacing:.08em;text-transform:none;line-height:1.7;display:block}.collection>p{color:var(--color-text-secondary);font-family:var(--font-ui)}.collection-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:2rem;display:grid}.empty-state{padding:5rem 1rem}.empty-state span{color:var(--color-gold);font-size:2rem}.empty-state p{color:var(--color-text-secondary)}@media (width<=720px){.steps-grid{grid-template-columns:1fr}.flow-progress{grid-template-columns:1fr;justify-items:center}.flow-progress span{order:-1}}