:root{--ink:#000;--periwinkle:#a8b7f9;--lime:#ebfec0;--ash:#ababab;--fog:#f5f5f5;--stone:#d9d9d9;--paper:#fff;--ink-80:#1a1a1a;--ink-60:#3d3d3d;--ink-40:#6b6b6b;--line:#e8e8e8;--shell:#eeece8;--shell-line:#dedcd6;--r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:24px;--r-xl:32px;--r-full:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-20:80px;--font-sans:"DM Sans", -apple-system, system-ui, sans-serif;--font-mono:"DM Sans", ui-monospace, monospace;--font-serif:"DM Serif Display", Georgia, serif;--ease:cubic-bezier(.2, 0, 0, 1)}*,:before,:after{box-sizing:border-box}html,body,#root{margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-sans);background:var(--shell);color:var(--ink);font-feature-settings:"ss01", "ss02", "cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;font-size:15px;line-height:1.5}button,input{font-family:inherit}.shell{max-width:1280px;padding:0 var(--s-6);margin:0 auto}@media (width<=600px){.shell{padding:0 var(--s-4)}}.nav-wrap{z-index:10;padding:var(--s-4) var(--s-6) 0;max-width:1280px;margin:0 auto;position:sticky;top:0}@media (width<=600px){.nav-wrap{padding:var(--s-3) var(--s-4) 0}}.nav-bar{background:var(--paper);border-radius:var(--r-full);padding:10px 10px 10px var(--s-5);justify-content:space-between;align-items:center;gap:var(--s-4);border:1px solid #0000000a;display:flex;box-shadow:0 1px 2px #0000000a,0 4px 24px #0000000a}.nav-bar .nav-brand{color:var(--ink);align-items:center;gap:6px;padding:4px 0;text-decoration:none;display:inline-flex}.nav-bar .nav-asterisk{width:16px;height:16px;color:var(--periwinkle);flex-shrink:0;display:block}.nav-bar .nav-logo{width:auto;height:20px;transition:opacity .2s var(--ease);display:block}.nav-bar .nav-brand:hover .nav-logo{opacity:.7}@media (width<=600px){.nav-bar .nav-logo{height:16px}.nav-bar .nav-asterisk{width:14px;height:14px}}.nav-bar .nav-cta{background:var(--lime);color:var(--ink);border-radius:var(--r-full);letter-spacing:.02em;cursor:pointer;transition:transform .2s var(--ease), background .2s var(--ease);white-space:nowrap;border:none;padding:10px 18px;font-size:12px;font-weight:700;text-decoration:none}.nav-bar .nav-cta:hover{background:#dff4a8;transform:translateY(-1px)}@media (width<=600px){.nav-wrap{padding:var(--s-3) var(--s-3) 0}.nav-bar{padding:8px 8px 8px var(--s-4)}.nav-bar .nav-cta{padding:12px 18px}}.label-bracket{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-60);align-items:center;font-size:11px;font-weight:700;display:inline-flex}.label-bracket:before{content:"[ ";margin-right:2px}.label-bracket:after{content:" ]";margin-left:2px}.label-bracket.on-dark{color:var(--fog)}.label-bracket.on-peri{color:var(--ink)}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-40);margin-bottom:var(--s-4);font-size:11px}.text-lead{color:var(--ink-60);font-size:17px;font-weight:400;line-height:1.55}.accent-serif{font-family:var(--font-serif);letter-spacing:-.015em;font-style:italic;font-weight:400}.btn{align-items:center;gap:var(--s-2);border-radius:var(--r-full);font-family:var(--font-sans);letter-spacing:-.005em;cursor:pointer;transition:transform .2s var(--ease), background .2s var(--ease), color .2s var(--ease);white-space:nowrap;border:1px solid #0000;padding:12px 20px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-peri{background:var(--periwinkle);color:var(--ink)}.btn-peri:hover{background:#93a6f5}.btn-copy{background:var(--shell);border-radius:var(--r-full);font-size:12px;font-weight:700;font-family:var(--font-sans);color:var(--ink);cursor:pointer;letter-spacing:.02em;transition:background .2s var(--ease), color .2s var(--ease), transform .2s var(--ease);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.btn-copy:hover{background:var(--ink);color:var(--paper);transform:translateY(-1px)}.btn-copy.copied{background:var(--lime);color:var(--ink);border-color:#0000}@media (width<=600px){.btn-copy{padding:11px 16px}}.stack{gap:var(--s-5);padding-top:var(--s-8);padding-bottom:var(--s-10);flex-direction:column;display:flex}@media (width<=600px){.stack{gap:var(--s-3);padding-top:var(--s-4);padding-bottom:var(--s-6)}}.section-card{background:var(--paper);border-radius:var(--r-xl);padding:var(--s-20);position:relative}.section-card.accent-ink{background:var(--ink);color:var(--paper)}.section-card.accent-lime{background:var(--lime);color:var(--ink)}.section-card.accent-peri{background:var(--periwinkle);color:var(--ink)}.section-card.accent-ash{background:var(--ash);color:var(--ink)}.section-card.accent-ash .eyebrow{color:var(--ink);opacity:.8}.section-card.accent-ash .text-lead{color:var(--ink-80)}@media (width<=960px){.section-card{padding:var(--s-10)}}@media (width<=720px){.section-card{padding:var(--s-8) var(--s-6);border-radius:var(--r-lg)}}@media (width<=600px){.section-card{padding:var(--s-6)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rise{animation:rise .6s var(--ease) both}.rise-1{animation-delay:40ms}.rise-2{animation-delay:.1s}.rise-3{animation-delay:.18s}.rise-4{animation-delay:.26s}.rise-5{animation-delay:.34s}.rise-6{animation-delay:.42s}@media (prefers-reduced-motion:reduce){.rise{animation:none}}.hero-card{gap:var(--s-16);grid-template-columns:1fr auto;align-items:center;display:grid}.hero-card .hero-content{min-width:0}.hero-card .eyebrow{margin-bottom:var(--s-6)}.hero-card .hero-title{letter-spacing:-.03em;margin:0 0 var(--s-6);max-width:640px;font-size:clamp(34px,5vw,64px);font-weight:700;line-height:1}.hero-card .hero-sub{max-width:520px;margin:0}.hero-card .hero-accent{color:var(--lime)}.hero-card .hero-figure{flex-shrink:0;justify-content:center;align-items:center;width:320px;height:320px;display:flex}.hero-card .hero-orbit{shape-rendering:geometricprecision;width:100%;height:100%;display:block}@media (width<=820px){.hero-card{gap:var(--s-5);grid-template-columns:1fr}.hero-card .hero-figure{order:-1;justify-self:start;width:120px;height:120px}}@media (width<=600px){.hero-card .hero-figure{width:72px;height:72px}.hero-card .hero-title{font-size:clamp(30px,8vw,40px)}}.stage-card{padding:0;overflow:hidden}.stage-rail-region{padding:var(--s-12) var(--s-8) var(--s-4)}@media (width<=960px){.stage-rail-region{padding:var(--s-10) var(--s-5) var(--s-3)}}@media (width<=720px){.stage-rail-region{padding:var(--s-6) var(--s-6) var(--s-2)}}.stage-rail-region .label-bracket{margin-bottom:var(--s-4);display:block}.stage-rail{gap:var(--s-2);grid-template-columns:repeat(6,1fr);display:grid}.stage-chip{background:var(--shell);border-radius:var(--r-md);padding:var(--s-5) var(--s-3);cursor:pointer;text-align:left;transition:background .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease), transform .2s var(--ease);min-height:92px;color:var(--ink);border:1px solid #0000;flex-direction:column;justify-content:space-between;gap:6px;display:flex}.stage-chip:hover{background:var(--fog);transform:translateY(-1px)}.stage-chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.stage-chip .letter{letter-spacing:-.03em;font-size:28px;font-weight:700;line-height:1}.stage-chip .name{letter-spacing:.06em;text-transform:uppercase;opacity:.7;font-size:11px;font-weight:700}.stage-chip.active .name{opacity:1;color:var(--periwinkle)}@media (width<=720px){.stage-rail{gap:var(--s-2);grid-template-columns:repeat(3,1fr)}.stage-chip{min-height:82px;padding:var(--s-4) var(--s-3)}.stage-chip .letter{font-size:24px}.stage-chip .name{font-size:11px}}.stage-hero-region{background:var(--ink);color:var(--paper);padding:var(--s-16) var(--s-12);gap:var(--s-10);margin:var(--s-8) var(--s-8) var(--s-8);border-radius:var(--r-lg);grid-template-columns:1fr auto;align-items:center;display:grid}@media (width<=960px){.stage-hero-region{padding:var(--s-10) var(--s-8);margin:var(--s-5)}}.stage-hero-region .stage-orbit{shape-rendering:geometricprecision;flex-shrink:0;width:180px;height:180px;display:block}.stage-hero-region .stage-orbit>g{transition:transform .8s var(--ease)}.stage-hero-region .stage-orbit-letter{font-family:var(--font-sans);letter-spacing:-.04em;fill:var(--lime);animation:letter-swap .45s var(--ease);font-size:68px;font-weight:700}@keyframes letter-swap{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.stage-hero-region .stage-orbit-letter{animation:none}.stage-hero-region .stage-orbit g{transition:none!important}}.stage-hero-region .stage-alt{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--periwinkle);margin:0;font-size:11px}.stage-hero-region .stage-name{letter-spacing:-.025em;margin:var(--s-2) 0 var(--s-4);font-size:clamp(30px,4vw,42px);font-weight:700;line-height:1}.stage-hero-region .stage-desc{color:var(--stone);margin:0 0 var(--s-5);max-width:520px;font-size:16px;line-height:1.6}.stage-hero-region .stage-question{font-family:var(--font-serif);letter-spacing:-.015em;color:var(--lime);max-width:520px;margin:0;font-size:clamp(22px,2.6vw,28px);font-style:italic;font-weight:400;line-height:1.25}@media (width<=600px){.stage-hero-region{padding:var(--s-6);gap:var(--s-4);margin:var(--s-3);grid-template-columns:1fr}.stage-hero-region .stage-orbit{order:-1;justify-self:start;width:140px;height:140px}.stage-hero-region .stage-orbit-letter{font-size:54px}}.content-card{padding:0;overflow:hidden}.content-tabs-region{padding:var(--s-12) var(--s-16) var(--s-8);justify-content:space-between;align-items:center;gap:var(--s-4);flex-wrap:wrap;display:flex}@media (width<=960px){.content-tabs-region{padding:var(--s-8) var(--s-10) var(--s-5)}}@media (width<=720px){.content-tabs-region{padding:var(--s-6) var(--s-6) var(--s-5)}}.content-tabs-region .tabs-label{margin:0}.tabs{background:var(--shell);border-radius:var(--r-full);gap:2px;padding:5px;display:inline-flex}.tab{border-radius:var(--r-full);cursor:pointer;font-family:var(--font-sans);letter-spacing:-.01em;color:var(--ink-60);transition:transform .2s var(--ease), background .25s var(--ease), color .25s var(--ease), box-shadow .25s var(--ease);white-space:nowrap;background:0 0;border:none;align-items:center;gap:10px;padding:12px 22px;font-size:15px;font-weight:700;display:inline-flex}.tab-prefix{white-space:nowrap}.tab:hover:not(.active-genius):not(.active-frustration){color:var(--ink)}.tab.active-genius{background:var(--ink);color:var(--paper);box-shadow:0 1px 2px #0000001a,0 6px 18px #0000002e}.tab.active-frustration{background:var(--periwinkle);color:var(--ink);box-shadow:0 1px 2px #0000000f,0 6px 18px #a8b7f980}.tab .swatch{background:var(--stone);width:8px;height:8px;transition:background .25s var(--ease), transform .25s var(--ease);border-radius:50%}.tab.active-genius .swatch{background:var(--lime);transform:scale(1.1)}.tab.active-frustration .swatch{background:var(--ink);transform:scale(1.1)}.tab .accent-serif{font-size:18px;line-height:1}@media (width<=600px){.tabs{width:100%}.tab{flex:1;justify-content:center;gap:8px;padding:12px 14px;font-size:14px}.tab .tab-prefix{display:none}.tab .accent-serif{font-size:18px}}.advice-region{margin:0 var(--s-8);border-radius:var(--r-lg);padding:var(--s-12) var(--s-16)}@media (width<=960px){.advice-region{margin:0 var(--s-5);padding:var(--s-10)}}.advice-region.genius{background:var(--ink);color:var(--paper)}.advice-region.frustration{background:var(--periwinkle);color:var(--ink)}.advice-region .advice-label{margin-bottom:var(--s-4);display:block}.advice-region p{max-width:620px;margin:0;font-size:16px;line-height:1.6}.advice-region.genius p{color:var(--stone)}@media (width<=600px){.advice-region{margin:0 var(--s-3);padding:var(--s-6)}}.prompts-region{padding:var(--s-12) var(--s-16) var(--s-10)}@media (width<=960px){.prompts-region{padding:var(--s-10) var(--s-10) var(--s-6)}}.prompts-list{flex-direction:column;display:flex}.prompt-row{padding:var(--s-5) 0;border-top:1px solid var(--line);gap:var(--s-3);display:grid}.prompt-row:first-child{border-top:none;padding-top:0}.prompt-row .prompt-head{justify-content:space-between;align-items:center;gap:var(--s-4);flex-wrap:wrap;display:flex}@media (width<=600px){.prompt-row .prompt-head{display:contents}.prompt-row .prompt-label{order:1}.prompt-row .prompt-body{order:2}.prompt-row .btn-copy{margin-top:var(--s-2);order:3;justify-self:start}}.prompt-row .prompt-label{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:24px;font-weight:400;line-height:1.15}.prompt-row .prompt-body{font-family:var(--font-sans);color:var(--ink-60);letter-spacing:-.005em;max-width:820px;margin:0;font-size:15px;font-style:normal;font-weight:400;line-height:1.6}@media (width<=600px){.prompts-region{padding:var(--s-6) var(--s-6) var(--s-3)}}.closer-card .closer-grid{gap:var(--s-12);grid-template-columns:1fr auto;align-items:center;display:grid}.closer-card .closer-copy{max-width:480px}.closer-card .closer-label{margin-bottom:var(--s-5);display:block}.closer-card .closer-title{margin:0 0 var(--s-4);letter-spacing:-.025em;font-size:clamp(22px,3.5vw,40px);font-weight:700;line-height:1.1}.closer-card .closer-title .accent-serif{font-weight:400}.closer-card .closer-desc{color:var(--ink-80);max-width:440px;margin:0;font-size:16px;line-height:1.55}.closer-card .closer-embed{flex-shrink:0;width:480px;max-width:100%}.closer-card .closer-embed iframe{border-radius:var(--r-lg);background:var(--paper);border:none;width:100%;height:320px;display:block;box-shadow:0 1px 2px #0000000a,0 8px 24px #0000000f}@media (width<=960px){.closer-card .closer-grid{gap:var(--s-8);grid-template-columns:1fr}.closer-card .closer-embed{width:100%}}@media (width<=600px){.closer-card .closer-embed iframe{height:300px}}.footer-card{align-items:center;gap:var(--s-12);text-align:center;flex-direction:column;display:flex}.footnote{align-items:center;gap:var(--s-5);flex-direction:column;max-width:640px;display:flex}.footnote-mark{color:var(--lime);display:inline-flex}.footnote-mark .asterisk{width:32px;height:32px;display:block}.footnote-text{color:var(--ink-60);margin:0;font-size:15px;line-height:1.6}.footnote-text .accent-serif{color:var(--ink);font-size:17px}.section-card.accent-ink .footnote-text{color:var(--stone)}.section-card.accent-ink .footnote-text .accent-serif{color:var(--paper)}.section-card.accent-ink .label-bracket.on-dark{color:var(--ash)}.footnote-cta{padding:10px 18px;font-size:13px}.footnote-cta span{transition:transform .2s var(--ease);display:inline-block}.footnote-cta:hover span{transform:translate(3px)}.footer-connect{gap:var(--s-4);flex-direction:column;align-items:center;display:flex}.footer-socials{gap:var(--s-3);display:flex}.footer-social{border-radius:var(--r-full);width:44px;height:44px;color:var(--paper);transition:background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease);background:#ffffff0f;border:1px solid #ffffff1f;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.footer-social:hover{background:var(--periwinkle);border-color:var(--periwinkle);color:var(--ink);transform:translateY(-2px)}.footer-social svg{width:20px;height:20px;display:block}@media (width<=820px){.footer-card{gap:var(--s-8)}}