:root,[data-theme=light]{--font-display:"Zodiak", Georgia, serif;--font-body:"Satoshi", "Inter", sans-serif;--text-xs:clamp(.75rem, .7rem + .25vw, .875rem);--text-sm:clamp(.875rem, .8rem + .35vw, 1rem);--text-base:clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl:clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--text-2xl:clamp(2rem, 1.2rem + 2.5vw, 3.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--brand-chocolate:#4a3a33;--brand-teal:#1b5e6a;--brand-gold:#c9a96e;--brand-cream:#f6f1eb;--color-bg:var(--brand-cream);--color-surface:color-mix(in oklab, var(--brand-cream) 88%, white);--color-surface-2:color-mix(in oklab, var(--brand-cream) 78%, white);--color-surface-offset:color-mix(in oklab, var(--brand-cream) 72%, var(--brand-gold));--color-text:var(--brand-chocolate);--color-text-muted:color-mix(in oklab, var(--brand-chocolate) 76%, var(--brand-cream));--color-text-faint:color-mix(in oklab, var(--brand-chocolate) 48%, var(--brand-cream));--color-border:color-mix(in oklab, var(--brand-chocolate) 18%, transparent);--color-primary:var(--brand-teal);--color-primary-hover:color-mix(in oklab, var(--brand-teal) 78%, var(--brand-chocolate));--color-primary-contrast:var(--brand-cream);--color-chocolate:var(--brand-chocolate);--color-chocolate-hover:color-mix(in oklab, var(--brand-chocolate) 86%, black);--color-gold:var(--brand-gold);--color-error:#8e3434;--earth:var(--brand-chocolate);--earth-soft:color-mix(in oklab, var(--brand-gold) 30%, var(--brand-cream));--air:var(--brand-teal);--air-soft:color-mix(in oklab, var(--brand-teal) 12%, var(--brand-cream));--water:var(--brand-teal);--water-soft:color-mix(in oklab, var(--brand-teal) 16%, var(--brand-cream));--fire:color-mix(in oklab, var(--brand-gold) 84%, var(--brand-chocolate));--fire-soft:color-mix(in oklab, var(--brand-gold) 34%, var(--brand-cream));--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:999px;--shadow-sm:0 1px 2px color-mix(in oklab, var(--color-chocolate) 10%, transparent);--shadow-md:0 12px 34px color-mix(in oklab, var(--color-chocolate) 10%, transparent);--shadow-lg:0 24px 70px color-mix(in oklab, var(--color-chocolate) 13%, transparent);--transition-interactive:.18s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--color-bg:oklab(29.8168% .0181937 .018109);--color-surface:oklab(26.1806% .0181937 .018109);--color-surface-2:oklab(22.5444% .0181937 .018109);--color-surface-offset:oklab(48.7229% .0161409 .0393968);--color-text:#f6f1eb;--color-text-muted:oklab(91.4058% .00483276 .0257987);--color-text-faint:oklab(69.7794% .00961446 .0131224);--color-border:oklab(96.0359% .00287363 .00920433/.18);--color-primary:oklab(59.0272% -.0403765 -.0232097);--color-primary-hover:oklab(66.2233% -.0319668 -.016907);--color-primary-contrast:#4a3a33;--color-chocolate:#f6f1eb;--color-chocolate-hover:oklab(93.5104% .00394225 .0182558);--color-gold:#c9a96e;--color-error:#e0998f;--earth:#c9a96e;--earth-soft:oklab(42.5424% .0171673 .0287529);--air:oklab(62.1113% -.0367723 -.0205085);--air-soft:oklab(37.8511% .00462355 .00840265);--water:oklab(59.0272% -.0403765 -.0232097);--water-soft:oklab(38.182% .00160796 .00624569);--fire:#c9a96e;--fire-soft:oklab(44.8601% .0167824 .0327443);--shadow-sm:0 1px 2px oklab(0% none none/.35);--shadow-md:0 12px 34px oklab(0% none none/.3);--shadow-lg:0 24px 70px oklab(0% none none/.42)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;scroll-padding-top:var(--space-16)}body{min-height:100dvh;line-height:1.6;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:radial-gradient(circle at top left, color-mix(in oklab, var(--earth-soft) 46%, transparent), transparent 34rem), radial-gradient(circle at bottom right, color-mix(in oklab, var(--water-soft) 40%, transparent), transparent 30rem), var(--color-bg)}button,input{font:inherit;color:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit}svg{max-width:100%;height:auto;display:block}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;font-weight:500;line-height:1.08}h1{font-size:var(--text-2xl);letter-spacing:-.025em}h2{font-size:var(--text-xl);letter-spacing:-.018em}h3{font-size:var(--text-lg)}p{text-wrap:pretty;max-width:72ch}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}::selection{background:color-mix(in oklab, var(--color-primary) 25%, transparent)}.skip-link{top:var(--space-3);left:var(--space-3);z-index:1000;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-primary-contrast);padding:var(--space-2) var(--space-4);transition:transform var(--transition-interactive);text-decoration:none;position:fixed;transform:translateY(-160%)}.skip-link:focus-visible{transform:translateY(0)}.site-header{z-index:100;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) clamp(var(--space-4), 4vw, var(--space-10));border-bottom:1px solid color-mix(in oklab, var(--color-border) 60%, transparent);background:color-mix(in oklab, var(--color-bg) 86%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-3);min-height:44px;color:var(--color-text);letter-spacing:.015em;font-weight:700;text-decoration:none;display:inline-flex}.brand-logo{border:1px solid color-mix(in oklab, var(--color-primary) 24%, transparent);border-radius:var(--radius-md);background:var(--brand-cream);width:46px;height:46px;box-shadow:var(--shadow-sm);object-fit:contain;flex:none}.theme-toggle,.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);min-height:44px;transition:background var(--transition-interactive), color var(--transition-interactive), border-color var(--transition-interactive), box-shadow var(--transition-interactive), transform var(--transition-interactive);text-decoration:none;display:inline-flex}.theme-toggle{border:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-2) var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}.theme-toggle__orb{background:var(--color-primary);width:.85rem;height:.85rem;box-shadow:0 0 0 4px color-mix(in oklab, var(--color-primary) 12%, transparent);border-radius:50%}.button{padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:700}.button--primary{background:var(--color-primary);color:var(--color-primary-contrast);box-shadow:var(--shadow-sm)}.button--primary:hover:not(:disabled),.button--secondary:hover:not(:disabled),.theme-toggle:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.button--primary:hover:not(:disabled){background:var(--color-primary-hover)}.button--secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.button--ghost{border:1px solid var(--color-border);color:var(--color-text);background:0 0}.button--ghost:hover:not(:disabled){background:color-mix(in oklab, var(--color-surface) 72%, transparent)}.section{width:min(1120px, calc(100% - clamp(var(--space-5), 6vw, var(--space-16))));padding-block:clamp(var(--space-10), 7vw, var(--space-20));margin-inline:auto}.section--tight{padding-block:clamp(var(--space-8), 5vw, var(--space-12))}.eyebrow{color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:700}.hero{gap:clamp(var(--space-8), 7vw, var(--space-20));grid-template-columns:minmax(0,1.08fr) minmax(280px,.72fr);align-items:center;min-height:calc(100dvh - 90px);display:grid}.hero__content{gap:var(--space-5);display:grid}.hero__promise{color:var(--color-text);font-size:var(--text-lg);line-height:1.45}.hero__intro,.about-strip p,.meet p,.gate-preview p,.result-copy,.next-step p,.ritual-card p{color:var(--color-text-muted)}.hero__actions{gap:var(--space-3);padding-top:var(--space-3);flex-wrap:wrap;display:flex}.hero-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:linear-gradient(145deg, var(--color-surface), color-mix(in oklab, var(--earth-soft) 58%, var(--color-surface)));padding:var(--space-6);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.element-ring{aspect-ratio:1;border:1px solid color-mix(in oklab, var(--color-primary) 30%, transparent);background:radial-gradient(circle, transparent 38%, color-mix(in oklab, var(--color-surface) 70%, transparent) 39%), conic-gradient(from 18deg, var(--earth-soft), var(--air-soft), var(--water-soft), var(--fire-soft), var(--earth-soft));border-radius:50%;place-items:center;max-width:22rem;margin-inline:auto;display:grid}.element-ring span{color:var(--color-primary);font-family:var(--font-display);font-size:var(--text-lg);grid-area:1/1}.element-ring span:first-child{transform:translateY(-6rem)}.element-ring span:nth-child(2){transform:translate(6.2rem)}.element-ring span:nth-child(3){transform:translateY(6rem)}.element-ring span:nth-child(4){transform:translate(-6.2rem)}.hero-card p{margin-top:var(--space-6);color:var(--color-text);font-family:var(--font-display);font-size:var(--text-lg);line-height:1.25}.about-strip{gap:var(--space-8);border-block:1px solid var(--color-border);grid-template-columns:minmax(220px,.55fr) minmax(0,1fr);display:grid}.section-heading{gap:var(--space-2);margin-bottom:var(--space-8);display:grid}.section-heading p:last-child{color:var(--color-text-muted);max-width:760px}.steps{gap:var(--space-4);grid-template-columns:1.1fr .9fr;display:grid}.step-card{gap:var(--space-3);border-radius:var(--radius-lg);background:color-mix(in oklab, var(--color-surface) 88%, transparent);padding:var(--space-6);display:grid}.step-card:first-child{background:color-mix(in oklab, var(--water-soft) 58%, var(--color-surface));grid-row:span 2;align-content:end;min-height:20rem}.step-card__number{color:var(--color-text-faint);font-size:var(--text-sm);font-weight:700}.step-card p{color:var(--color-text-muted)}.meet__panel,.start-panel,.quiz-card,.email-gate__panel,.result-copy,.ritual-card,.next-step{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:color-mix(in oklab, var(--color-surface) 92%, transparent);box-shadow:var(--shadow-sm)}.meet__panel{gap:var(--space-4);max-width:820px;padding:clamp(var(--space-6), 5vw, var(--space-10));display:grid}.soft-note,.privacy,.download-note{color:var(--color-text-faint);font-size:var(--text-sm)}.start-panel{justify-content:space-between;align-items:center;gap:var(--space-4);padding:clamp(var(--space-5), 5vw, var(--space-8));flex-wrap:wrap;display:flex}.start-panel p{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-lg)}.quiz-shell{place-items:center;min-height:calc(100dvh - 180px);display:grid}.quiz-card{width:min(780px,100%);padding:clamp(var(--space-5), 5vw, var(--space-8))}.progress-block{gap:var(--space-2);margin-bottom:var(--space-8);display:grid}.progress-meta{justify-content:space-between;gap:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:700;display:flex}.progress-track{border-radius:var(--radius-full);background:var(--color-surface-offset);height:.55rem;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--color-primary);height:100%;transition:width .36s cubic-bezier(.4,0,.2,1);display:block}.question-form fieldset{border:0}.question-form legend{gap:var(--space-3);margin-bottom:var(--space-6);display:grid}.answers{gap:var(--space-3);display:grid}.answer-card{cursor:pointer;min-height:5.6rem;display:grid}.answer-card input{opacity:0;pointer-events:none;position:absolute}.answer-card__content{gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in oklab, var(--color-surface) 78%, transparent);padding:var(--space-4) var(--space-5);transition:background var(--transition-interactive), border-color var(--transition-interactive), box-shadow var(--transition-interactive), transform var(--transition-interactive);align-content:center;display:grid}.answer-card:hover .answer-card__content,.answer-card input:focus-visible+.answer-card__content{border-color:color-mix(in oklab, var(--color-primary) 45%, var(--color-border));box-shadow:var(--shadow-md);transform:translateY(-1px)}.answer-card.is-selected .answer-card__content{border-color:color-mix(in oklab, var(--color-primary) 58%, var(--color-border));background:color-mix(in oklab, var(--color-primary) 10%, var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-primary) 16%, transparent)}.answer-card__keyword{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-lg);line-height:1.15}.answer-card__description{color:var(--color-text-muted)}.quiz-nav{justify-content:space-between;gap:var(--space-4);margin-top:var(--space-8);display:flex}.loading-screen{text-align:center;place-items:center;min-height:calc(100dvh - 180px);display:grid}.loading-screen>*{max-width:620px}.loading-orb{width:8rem;height:8rem;margin-bottom:var(--space-6);border:1px solid var(--color-border);background:color-mix(in oklab, var(--color-surface) 78%, transparent);border-radius:50%;position:relative}.loading-orb span{background:var(--color-primary);transform-origin:0 0;border-radius:50%;width:.7rem;height:.7rem;animation:2.8s linear infinite orbit;position:absolute;inset:50% auto auto 50%}.loading-orb span:nth-child(2){animation-delay:-.7s}.loading-orb span:nth-child(3){animation-delay:-1.4s}.loading-orb span:nth-child(4){animation-delay:-2.1s}@keyframes orbit{0%{transform:rotate(0)translate(3.1rem)}to{transform:rotate(360deg)translate(3.1rem)}}.result-screen,.email-gate,.full-result{gap:var(--space-6);display:grid}.result-hero{gap:var(--space-3);border-radius:var(--radius-xl);padding:clamp(var(--space-6), 7vw, var(--space-12));background:linear-gradient(135deg, color-mix(in oklab, var(--result-soft) 82%, var(--color-surface)), var(--color-surface)), var(--color-surface);display:grid;position:relative;overflow:hidden}.result-screen--earth{--result-color:var(--earth);--result-soft:var(--earth-soft)}.result-screen--air{--result-color:var(--air);--result-soft:var(--air-soft)}.result-screen--water{--result-color:var(--water);--result-soft:var(--water-soft)}.result-screen--fire{--result-color:var(--fire);--result-soft:var(--fire-soft)}.result-symbol{color:color-mix(in oklab, var(--result-color) 32%, transparent);font-family:var(--font-display);font-size:clamp(4rem,18vw,12rem);line-height:.8}.result-copy{gap:var(--space-4);padding:clamp(var(--space-5), 5vw, var(--space-8));display:grid}.gate-preview{gap:var(--space-4);border:1px solid color-mix(in oklab, var(--color-primary) 18%, var(--color-border));border-radius:var(--radius-xl);background:linear-gradient(135deg, color-mix(in oklab, var(--color-primary) 8%, transparent), transparent 48%), color-mix(in oklab, var(--color-surface) 94%, transparent);padding:clamp(var(--space-5), 5vw, var(--space-8));align-items:start;display:grid}.email-gate{place-items:center;min-height:calc(100dvh - 180px)}.email-gate__panel{gap:var(--space-4);width:min(640px,100%);padding:clamp(var(--space-6), 5vw, var(--space-10));display:grid;position:relative}.modal-backdrop{z-index:500;background:color-mix(in oklab, var(--brand-chocolate) 42%, transparent);padding:var(--space-4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);place-items:center;animation:.26s cubic-bezier(.16,1,.3,1) modal-backdrop-in;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-panel{width:min(640px,100%);max-height:calc(100dvh - var(--space-8));border-color:color-mix(in oklab, var(--color-primary) 22%, var(--color-border));background:linear-gradient(150deg, color-mix(in oklab, var(--result-soft) 58%, transparent), transparent 42%), var(--color-surface);box-shadow:var(--shadow-lg);animation:.32s cubic-bezier(.16,1,.3,1) modal-panel-in;overflow-y:auto}.modal-close{top:var(--space-4);right:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);background:color-mix(in oklab, var(--color-surface) 90%, transparent);width:44px;height:44px;color:var(--color-text);font-size:var(--text-lg);transition:background var(--transition-interactive), border-color var(--transition-interactive), transform var(--transition-interactive);place-items:center;line-height:1;display:grid;position:absolute}.modal-close:hover{border-color:color-mix(in oklab, var(--color-primary) 40%, var(--color-border));background:color-mix(in oklab, var(--color-primary) 8%, var(--color-surface));transform:translateY(-1px)}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-panel-in{0%{opacity:0;transform:translateY(var(--space-4)) scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.gate-form{gap:var(--space-4);margin-top:var(--space-2);display:grid}.gate-form label{gap:var(--space-2);color:var(--color-text);font-size:var(--text-sm);font-weight:700;display:grid}.gate-form small{color:var(--color-text-faint);font-weight:500}.gate-form input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);min-height:52px;padding:0 var(--space-4)}.gate-form input:focus{border-color:var(--color-primary)}.form-error{color:var(--color-error);font-size:var(--text-sm);font-weight:700}.result-kicker{color:var(--color-text-muted);font-size:var(--text-lg)}.full-result__grid{gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(280px,.48fr);align-items:start;display:grid}.ritual-card{gap:var(--space-4);padding:clamp(var(--space-5), 4vw, var(--space-7));background:color-mix(in oklab, var(--result-soft) 54%, var(--color-surface));display:grid;position:sticky;top:6.5rem}.next-step{justify-content:space-between;align-items:center;gap:var(--space-5);padding:clamp(var(--space-5), 5vw, var(--space-8));flex-wrap:wrap;display:flex}.restart-row{padding-top:var(--space-2);justify-content:center;display:flex}.site-footer{justify-content:space-between;gap:var(--space-3);border-top:1px solid var(--color-border);padding:var(--space-6) clamp(var(--space-4), 4vw, var(--space-10));color:var(--color-text-faint);font-size:var(--text-sm);flex-wrap:wrap;display:flex}@media (width<=820px){h1{font-size:var(--text-xl)}.site-header{padding-inline:var(--space-4)}.brand span{max-width:8rem;line-height:1.15}.theme-toggle span:last-child{display:none}.hero,.about-strip,.full-result__grid{grid-template-columns:1fr}.hero{min-height:auto}.element-ring{max-width:17rem}.element-ring span:first-child{transform:translateY(-4.6rem)}.element-ring span:nth-child(2){transform:translate(4.8rem)}.element-ring span:nth-child(3){transform:translateY(4.6rem)}.element-ring span:nth-child(4){transform:translate(-4.8rem)}.steps{grid-template-columns:1fr}.step-card:first-child{grid-row:auto;min-height:auto}.quiz-card{border-radius:var(--radius-lg)}.answer-card{min-height:5.2rem}.quiz-nav,.start-panel,.next-step,.site-footer{flex-direction:column;align-items:stretch}.quiz-nav .button,.start-panel .button,.next-step .button{width:100%}.ritual-card{position:static}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}