:root{--scr: #0d1b18;--scr-2: #132723;--scr-3: #1c352f;--scr-line: #27483f;--scr-ink: #e9f6f2;--scr-dim: #8cb1a7;--paper: #f7fbf9;--paper-2: #e8f3ee;--card: #ffffff;--ink: #10231f;--ink-soft: #4d6b64;--hair: #d3e5de;--aqua: #22e0c0;--mango: #ffc24d;--lime: #7be86a;--coral: #ff8a63;--lime2: #7be86a;--grad-hero: linear-gradient(103deg, #22e0c0 0%, #7be86a 55%, #ffc24d 100%);--grad-warm: linear-gradient(103deg, #ffc24d 0%, #ff8a63 100%);--grad-cool: linear-gradient(140deg, #22e0c0 0%, #7be86a 100%);--glow-a: rgba(123, 232, 106, .16);--glow-b: rgba(34, 224, 192, .22);--bar-bg: rgba(13, 27, 24, .9);--tab-bg: rgba(19, 39, 35, .96);--scrim: rgba(7, 20, 17, .55);--scrim-strong: rgba(7, 20, 17, .8);--scrim-line: rgba(233, 246, 242, .85);--scrim-ink: #f2fbf8;--btn-shadow: #071411;--on-bright: #0a1c19;--card-lift: none;--radius: 18px;--font-display: "Bricolage Grotesque", "Trebuchet MS", sans-serif;--font-body: Karla, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);margin:0;text-wrap:balance}p{margin:0}img{max-width:100%}a{color:inherit}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--aqua);outline-offset:2px}input,select,textarea{font:inherit;width:100%;padding:12px 14px;border-radius:14px;border:2px solid var(--hair);background:#fff;color:var(--ink)}input:focus,select:focus{border-color:var(--coral)}.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;background:var(--grad-hero);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 24px;border-radius:14px;font-weight:700;text-decoration:none;background:var(--ink);color:#fffaf2;box-shadow:0 6px 0 0 var(--btn-shadow);transition:transform .12s ease,box-shadow .12s ease}.btn:active{transform:translateY(3px);box-shadow:0 3px 0 0 var(--btn-shadow)}.btn.bright{background:var(--grad-warm);color:#2a1300;box-shadow:0 6px #c96a12}.btn.bright:active{box-shadow:0 3px #c96a12}.btn.ghost{background:#fff;color:var(--ink);border:2px solid var(--ink);box-shadow:0 6px #10231f2e}.btn.block{width:100%}.btn:disabled{background:var(--hair);color:#9c8f7d;box-shadow:none}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:700;color:var(--ink-soft)}.note{font-size:13px;color:var(--ink-soft);line-height:1.45}.error{color:var(--coral);font-size:14px;font-weight:700}.site{min-height:100%;display:flex;flex-direction:column}.site-main{flex:1}.wrap{max-width:1080px;margin:0 auto;padding:0 20px;width:100%}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:20px}.wordmark{font-family:var(--font-display);font-weight:800;font-size:23px;letter-spacing:-.02em}.wordmark span{background:var(--grad-hero);-webkit-background-clip:text;background-clip:text;color:transparent}.hero{padding-block:32px 56px;display:grid;grid-template-columns:1.12fr .88fr;gap:48px;align-items:center}.hero h1{font-size:clamp(38px,6.4vw,66px);font-weight:800;line-height:1;letter-spacing:-.035em;margin-block:14px 18px}.hero h1 em{font-style:normal;background:var(--grad-hero);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.lede{font-size:19px;color:var(--ink-soft);max-width:46ch}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.hero-note{margin-top:16px;font-size:13.5px;line-height:1.6;color:#55635f;max-width:46ch}.phone{background:var(--scr);border-radius:34px;padding:11px;border:3px solid var(--scr-3);box-shadow:0 30px 60px -28px var(--scrim);max-width:300px;margin-inline:auto;width:100%;transform:rotate(-2deg)}.phone-inner{background:var(--scr-2);border-radius:24px;padding:18px;color:var(--scr-ink);display:flex;flex-direction:column;gap:12px}.phone-inner h4{font-size:16px}.phone-inner .meta{font-size:11px;color:var(--scr-dim)}.phone-chip{align-self:flex-start;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--on-bright);background:var(--aqua);border-radius:999px;padding:4px 10px}.phone-art{border-radius:14px;height:110px;background:var(--grad-cool);opacity:.9}.band{background:var(--paper-2);padding-block:56px}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.tilecard{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;gap:10px;box-shadow:6px 6px 0 0 var(--tile-shadow, var(--coral))}.tilecard:nth-child(3n+1){--tile-shadow: var(--aqua)}.tilecard:nth-child(3n+2){--tile-shadow: var(--mango)}.tilecard:nth-child(3n+3){--tile-shadow: var(--lime2)}.tilecard h3{font-size:21px}.tilecard p{font-size:15px;color:var(--ink-soft)}.rule-num{font-family:var(--font-display);font-weight:800;font-size:15px;color:#fff;background:var(--ink);width:36px;height:36px;border-radius:12px;display:grid;place-items:center}.section{padding-block:56px}.section h2{font-size:clamp(28px,4.2vw,40px);font-weight:800;letter-spacing:-.025em}.section .sub{color:var(--ink-soft);margin-top:10px;max-width:62ch}.waitlist{background:var(--ink);color:var(--paper);border-radius:26px;padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;box-shadow:10px 10px 0 0 var(--coral)}.waitlist h2{color:var(--paper);font-size:32px}.waitlist h2 em{font-style:normal;background:var(--grad-hero);-webkit-background-clip:text;background-clip:text;color:transparent}.waitlist p{color:var(--paper-2);margin-top:10px}.waitlist form{display:flex;flex-direction:column;gap:12px}.waitlist .row{display:flex;gap:12px}.waitlist .row>*{flex:1}.waitlist input,.waitlist select{border-color:transparent}.waitlist .btn{background:var(--grad-warm);color:#2a1300;box-shadow:0 6px #c96a12}.waitlist .note{color:#8cb1a7}.foot{border-top:2px solid var(--hair);padding-block:24px 40px;font-size:13px;color:var(--ink-soft);display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between}@media (max-width: 820px){.hero{grid-template-columns:1fr;gap:32px}.phone{transform:none}.waitlist{grid-template-columns:1fr;padding:26px;box-shadow:6px 6px 0 0 var(--coral)}.waitlist .row{flex-direction:column}}.app{min-height:100%;color:var(--scr-ink);display:flex;flex-direction:column;max-width:560px;margin-inline:auto;background:radial-gradient(900px 420px at 110% -8%,var(--glow-a),transparent 62%),radial-gradient(760px 400px at -18% 4%,var(--glow-b),transparent 60%),var(--scr)}.app-top{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--bar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--scr-line);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px}.app-top .wordmark{font-size:19px;color:var(--scr-ink)}.cap{font-size:11px;font-weight:700;color:var(--scr-ink);border:2px solid var(--scr-line);border-radius:999px;padding:5px 12px;background:var(--scr-2)}.cap.over{color:#2a1300;background:var(--mango);border-color:var(--mango)}.app-main{flex:1;padding:18px 16px 104px;display:flex;flex-direction:column;gap:16px}.app-main h2{font-size:24px;letter-spacing:-.02em}.app-main .hint{font-size:13.5px;color:var(--scr-dim);line-height:1.5}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:10;display:grid;grid-template-columns:repeat(4,1fr);background:var(--tab-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:2px solid var(--scr-line);padding-bottom:env(safe-area-inset-bottom,0px);max-width:560px;margin-inline:auto}.tabbar a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 12px;font-size:11px;font-weight:700;color:var(--scr-dim);text-decoration:none;transition:color .15s ease,transform .15s ease}.tabbar a.active{color:var(--aqua);transform:translateY(-2px)}.tabbar svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}.clip{box-shadow:var(--card-lift);background:var(--scr-2);border:2px solid var(--scr-line);border-radius:22px;overflow:hidden;box-shadow:0 16px 30px -22px #000000e6}.clip-art{position:relative;aspect-ratio:16 / 9;background:var(--scr-3);display:grid;place-items:center}.clip-art canvas{width:100%;height:100%;display:block}.clip-art .play{position:absolute;width:58px;height:58px;border-radius:50%;background:var(--scrim);border:2px solid var(--scrim-line);display:grid;place-items:center;color:var(--scrim-ink)}.clip-subject{position:absolute;top:12px;left:12px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--on-bright);border-radius:999px;padding:5px 11px}.clip-dur{position:absolute;bottom:12px;right:12px;font-size:11px;font-weight:700;color:var(--scrim-ink);background:var(--scrim-strong);padding:4px 9px;border-radius:8px}.clip-body{padding:16px;display:flex;flex-direction:column;gap:11px}.clip-body h3{font-size:18px;line-height:1.22}.byline{font-size:12px;color:var(--scr-dim);font-weight:700}.concept{font-size:12px;color:var(--scr-ink);background:var(--scr-3);border-radius:10px;padding:8px 11px}.reactions{display:flex;gap:10px}.reactions button{flex:1;border-radius:14px;padding:13px 8px;font-size:14px;font-weight:800;border:2px solid var(--scr-line);background:var(--scr-3);color:var(--scr-ink);transition:transform .12s ease,background .15s ease}.reactions button.alt{font-weight:700;color:var(--scr-dim)}.reactions button:active{transform:scale(.96)}.reactions button.on{background:var(--grad-cool);border-color:transparent;color:var(--on-bright);animation:pop .3s ease}.reactions button.on.alt{background:var(--mango);color:#2a1300}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.06)}to{transform:scale(1)}}.row-card{background:var(--scr-2);border:2px solid var(--scr-line);border-radius:20px;padding:15px 16px;display:flex;align-items:center;gap:13px}.badge-dot{width:44px;height:44px;border-radius:15px;flex:none;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:15px;color:var(--on-bright)}.grow{flex:1;min-width:0}.row-card h3{font-size:16px}.row-card .meta{font-size:12px;color:var(--scr-dim)}.pillbtn{border:2px solid var(--aqua);color:var(--aqua);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:800;background:transparent;transition:transform .12s ease}.pillbtn:active{transform:scale(.94)}.pillbtn.on{background:var(--aqua);color:var(--on-bright)}.pillbtn.waiting{border-color:var(--mango);color:var(--mango)}.pillbtn.quiet{border-color:var(--scr-line);color:var(--scr-dim)}.pillbtn.static{cursor:default}.answer{display:flex;gap:8px;flex:none}.caprow{display:flex;gap:10px;align-items:center}.caprow input{width:110px;background:var(--scr-3);border-color:var(--scr-line);color:var(--scr-ink)}.caprow .btn{flex:none;padding:13px 20px}.panel .row-card{background:var(--scr-3)}.btn.quietline{background:transparent;border:2px solid var(--scr-line);color:var(--scr-ink);box-shadow:none}.btn.danger{background:transparent;border:2px solid var(--coral);color:var(--coral);box-shadow:none}.progress{height:10px;border-radius:99px;background:var(--scr-3);overflow:hidden;margin-top:12px}.progress i{display:block;height:100%;border-radius:99px;background:var(--grad-warm);transition:width .45s cubic-bezier(.2,.8,.3,1)}.progress.done i{background:var(--grad-cool)}.chal-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;font-size:13px;font-weight:700;color:var(--scr-dim)}.chal-foot .won{color:var(--lime)}.stepbtn{border:2px solid var(--scr-line);background:var(--scr-3);color:var(--scr-ink);border-radius:12px;padding:9px 14px;font-size:13px;font-weight:800;transition:transform .12s ease}.stepbtn:active{transform:scale(.95)}.stepbtn:disabled{background:transparent;color:var(--lime);border-color:var(--lime)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.stat{border-radius:18px;padding:16px 8px;text-align:center;color:var(--on-bright)}.stat:nth-child(1){background:var(--aqua)}.stat:nth-child(2){background:var(--mango)}.stat:nth-child(3){background:var(--lime)}.stat b{display:block;font-family:var(--font-display);font-size:28px;font-variant-numeric:tabular-nums}.stat span{font-size:10px;font-weight:800;letter-spacing:.08em;opacity:.75}.ledger{display:flex;flex-direction:column;gap:9px}.ledger div{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;border-bottom:1px solid var(--scr-line);padding-bottom:9px}.ledger span:last-child{color:var(--aqua);font-weight:800;font-variant-numeric:tabular-nums}.panel{background:var(--scr-2);border:2px solid var(--scr-line);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:12px}.panel h3{font-size:17px}.panel .hint{color:var(--scr-dim);font-size:13px}.panel input,.panel select{background:var(--scr-3);border-color:var(--scr-line);color:var(--scr-ink)}.score-hero{border-radius:22px;padding:20px;color:var(--on-bright);background:var(--grad-hero);display:flex;align-items:center;justify-content:space-between;gap:16px}.score-hero b{font-family:var(--font-display);font-size:42px;line-height:1;font-variant-numeric:tabular-nums}.score-hero span{font-size:13px;font-weight:700;max-width:22ch}.notice-line{font-size:13px;color:var(--scr-ink);background:var(--scr-2);border-left:4px solid var(--coral);border-radius:0 12px 12px 0;padding:12px 14px;line-height:1.5}.end-card{border:2px dashed var(--scr-line);border-radius:20px;padding:22px;text-align:center;color:var(--scr-dim);font-size:13.5px}.end-card b{display:block;font-family:var(--font-display);color:var(--scr-ink);font-size:19px;margin-bottom:7px}.center-page{min-height:100%;display:grid;place-items:center;padding:28px 20px;background:var(--paper)}.consent-card{width:100%;max-width:480px;background:var(--card);border:2px solid var(--ink);border-radius:24px;padding:30px;display:flex;flex-direction:column;gap:16px;box-shadow:8px 8px 0 0 var(--aqua)}.consent-card h1{font-size:28px;letter-spacing:-.02em}.steps{display:flex;gap:8px}.steps i{flex:1;height:6px;border-radius:99px;background:var(--hair)}.steps i.on{background:var(--grad-hero)}.orline{display:flex;align-items:center;gap:12px;color:var(--ink-soft);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.orline:before,.orline:after{content:"";flex:1;height:2px;background:var(--hair)}.btn.ghostline{background:transparent;color:var(--ink);border:2px solid var(--hair);box-shadow:none;font-weight:700}.btn.ghostline:active{transform:translateY(1px)}.checkline{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--ink-soft)}.checkline input{width:20px;height:20px;flex:none;margin-top:2px;padding:0;accent-color:var(--coral)}.demo-flag{background:var(--grad-warm);color:#2a1300;font-size:12px;font-weight:800;text-align:center;padding:7px 12px;letter-spacing:.02em}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}[data-theme=charcoal]{--scr: #191c1e;--scr-2: #23282b;--scr-3: #2f3539;--scr-line: #3d464b;--scr-ink: #eef3f3;--scr-dim: #9aa7ab;--paper: #fbfaf7;--paper-2: #f1efe9;--ink: #20262a;--ink-soft: #5a676c;--hair: #e2dfd7;--aqua: #1fd6c1;--mango: #ffb020;--lime: #63dd8a;--lime2: #63dd8a;--coral: #ff7a5c;--grad-hero: linear-gradient(103deg, #1fd6c1 0%, #63dd8a 52%, #ffb020 100%);--grad-warm: linear-gradient(103deg, #ffb020 0%, #ff7a5c 100%);--grad-cool: linear-gradient(140deg, #1fd6c1 0%, #63dd8a 100%);--glow-a: rgba(255, 176, 32, .16);--glow-b: rgba(31, 214, 193, .2);--bar-bg: rgba(25, 28, 30, .9);--tab-bg: rgba(35, 40, 43, .96);--scrim: rgba(13, 17, 19, .55);--scrim-strong: rgba(13, 17, 19, .8);--scrim-line: rgba(238, 243, 243, .85);--btn-shadow: #0d1113;--on-bright: #10201e}[data-theme=daylight]{--scr: #e8ebeb;--scr-2: #ffffff;--scr-3: #f1f4f4;--scr-line: #d2d9d9;--scr-ink: #1b2224;--scr-dim: #657276;--paper: #fbfaf7;--paper-2: #eff2f1;--ink: #1b2224;--ink-soft: #5a676c;--hair: #dfe3e2;--aqua: #0fb3a1;--mango: #e08900;--lime: #3fa85f;--lime2: #3fa85f;--coral: #ef5f3c;--grad-hero: linear-gradient(103deg, #0fb3a1 0%, #3fa85f 52%, #e08900 100%);--grad-warm: linear-gradient(103deg, #e08900 0%, #ef5f3c 100%);--grad-cool: linear-gradient(140deg, #0fb3a1 0%, #3fa85f 100%);--glow-a: rgba(224, 137, 0, .12);--glow-b: rgba(15, 179, 161, .14);--bar-bg: rgba(255, 255, 255, .93);--tab-bg: rgba(255, 255, 255, .97);--scrim: rgba(27, 34, 36, .62);--scrim-strong: rgba(27, 34, 36, .78);--scrim-line: rgba(255, 255, 255, .9);--btn-shadow: #c3cbca;--on-bright: #0c1f1c;--card-lift: 0 10px 24px -20px rgba(27, 34, 36, .55)}[data-theme=sunrise]{--scr: #1d1512;--scr-2: #2a1f1a;--scr-3: #382a22;--scr-line: #4b382d;--scr-ink: #fdf1e6;--scr-dim: #bda393;--paper: #fffaf4;--paper-2: #fbeddc;--ink: #2a1a12;--ink-soft: #6b5346;--hair: #ecdcc8;--aqua: #ffb347;--mango: #ff8f4a;--lime: #ffd166;--lime2: #ffd166;--coral: #f4695a;--grad-hero: linear-gradient(103deg, #ffd166 0%, #ff8f4a 55%, #f4695a 100%);--grad-warm: linear-gradient(103deg, #ffb347 0%, #f4695a 100%);--grad-cool: linear-gradient(140deg, #ffd166 0%, #ff8f4a 100%);--glow-a: rgba(244, 105, 90, .18);--glow-b: rgba(255, 179, 71, .2);--bar-bg: rgba(29, 21, 18, .9);--tab-bg: rgba(42, 31, 26, .96);--scrim: rgba(20, 13, 10, .55);--scrim-strong: rgba(20, 13, 10, .8);--scrim-line: rgba(253, 241, 230, .85);--btn-shadow: #140d0a;--on-bright: #2a1300}.themes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.theme-swatch{border:2px solid var(--scr-line);border-radius:16px;padding:10px 6px 9px;display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--scr-3);color:var(--scr-dim);font-size:11px;font-weight:700;transition:transform .12s ease}.theme-swatch:active{transform:scale(.95)}.theme-swatch[aria-pressed=true]{border-color:var(--aqua);color:var(--scr-ink)}.theme-swatch i{width:100%;height:30px;border-radius:10px;display:block}.clip-art video{width:100%;height:100%;display:block;object-fit:cover;background:var(--scr-3)}.clip-art .play-btn{cursor:pointer;padding:0;transition:transform .14s ease,background .14s ease}.clip-art .play-btn:hover{transform:scale(1.06)}.clip-art .play-btn:active{transform:scale(.96)}.video-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;text-align:center;color:var(--scr-dim);font-size:13px;background:var(--scr-3)}