*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:16px;line-height:1.5;min-height:100svh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}::selection{background:var(--accent);color:var(--accent-ink)}:root[data-theme=c] ::selection{background:var(--accent);color:var(--ink)}.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;white-space:nowrap}.hp-field{position:absolute!important;left:-9999px;top:0;width:1px;height:1px;opacity:0;pointer-events:none}.hero{position:relative;min-height:100svh;display:grid;place-items:center;overflow:clip;isolation:isolate;padding:24px}.hero:before{content:"";position:absolute;inset:0;z-index:-8;pointer-events:none}:root:not([data-theme=a]):not([data-theme=c]) .hero:before{background:radial-gradient(120% 90% at 50% 108%,color-mix(in oklab,var(--bg-elev) 90%,transparent) 0%,transparent 55%),linear-gradient(180deg,var(--bg-sink) 0%,var(--bg) 38%,#040710 100%)}:root[data-theme=c] .hero:before{background:radial-gradient(120% 90% at 50% 38%,var(--bg-elev) 0%,var(--bg) 46%,var(--bg-sink) 100%)}.atmo{position:absolute;inset:0;z-index:-6;pointer-events:none;display:none}.atmo-b{display:block}:root[data-theme=a] .atmo-b,:root[data-theme=c] .atmo-b{display:none}:root[data-theme=a] .atmo-a{display:block}:root[data-theme=c] .atmo-c{display:block}.atmo-a .b1,.atmo-a .b2{position:absolute;display:block;border-radius:50%;transition:opacity 1.4s ease}.atmo-a .b1{width:110vmin;height:110vmin;top:-34vmin;left:-22vmin;background:radial-gradient(closest-side,var(--bg-sink),transparent 72%);opacity:.75;animation:drift-a 34s var(--ease-out) infinite alternate}.atmo-a .b2{width:120vmin;height:120vmin;bottom:-46vmin;right:-30vmin;background:radial-gradient(closest-side,oklch(95.4% .011 250),transparent 72%);opacity:.65;animation:drift-b 41s var(--ease-out) infinite alternate}html.lit .atmo-a .b1{opacity:1}html.lit .atmo-a .b2{opacity:.9}@keyframes drift-a{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(6vmin,4vmin,0) scale(1.07)}}@keyframes drift-b{0%{transform:translateZ(0) scale(1.05)}to{transform:translate3d(-5vmin,-6vmin,0) scale(1)}}.atmo-a .halo{position:absolute;width:140vmin;height:100vmin;left:50%;top:50%;transform:translate(-50%,-52%);background:radial-gradient(closest-side,var(--bg-elev) 0%,transparent 68%)}.atmo-b .beam{position:absolute;left:50%;top:-14svh;width:min(150vw,1400px);height:120svh;transform:translate(-50%);filter:blur(30px);opacity:.9;transition:opacity var(--dur-slow) var(--ease);background:conic-gradient(from 150deg at 50% 0%,transparent 0deg,rgba(158,198,255,.03) 12deg,rgba(190,216,255,.085) 29deg,rgba(220,235,255,.125) 30deg,rgba(190,216,255,.085) 31deg,rgba(158,198,255,.03) 48deg,transparent 60deg);-webkit-mask-image:linear-gradient(180deg,#000 30%,rgba(0,0,0,.55) 62%,transparent 88%);mask-image:linear-gradient(180deg,#000 30%,rgba(0,0,0,.55) 62%,transparent 88%)}.atmo-b .beam.core{filter:blur(12px);opacity:.65;background:conic-gradient(from 172deg at 50% 0%,transparent 0deg,rgba(220,235,255,.09) 6deg,rgba(240,247,255,.15) 8deg,rgba(220,235,255,.09) 10deg,transparent 16deg)}html.lit .atmo-b .beam{opacity:1}html.lit .atmo-b .beam.core{opacity:.95}.atmo-b .pool{position:absolute;left:50%;top:50%;width:min(88vw,880px);height:min(52vh,460px);transform:translate(-50%,-46%);background:radial-gradient(50% 50% at 50% 50%,rgba(158,198,255,.12) 0%,rgba(158,198,255,.04) 45%,transparent 72%);transition:transform var(--dur-slow) var(--ease)}html.lit .atmo-b .pool{transform:translate(-50%,-46%) scale(1.06)}.atmo-b .floor{position:absolute;left:50%;bottom:6svh;width:min(70vw,640px);height:110px;transform:translate(-50%);background:radial-gradient(50% 50% at 50% 50%,rgba(158,198,255,.05),transparent 70%)}.atmo-b canvas{position:absolute;inset:0;width:100%;height:100%}.atmo-b .vignette{position:absolute;inset:0;background:radial-gradient(130% 100% at 50% 42%,transparent 52%,rgba(2,3,7,.55) 88%,rgba(1,2,5,.82) 100%)}.atmo-c .spot{position:absolute;inset:-20%;background:radial-gradient(34% 30% at 50% 44%,color-mix(in oklab,var(--bg-elev) 80%,white 8%) 0%,transparent 70%);opacity:.8;will-change:transform}.atmo-c .kword{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(4.2rem,16svh,11rem);font-family:var(--font-display);font-size:clamp(5.2rem,20.5vw,19rem);line-height:.78;letter-spacing:-.015em;color:var(--ink);user-select:none;opacity:.96}.atmo-c .kline{display:flex;--px: 0px;will-change:transform;animation:kdrift 7s ease-in-out infinite alternate}.atmo-c .kline:first-child{--px: var(--parallax, 0px)}.atmo-c .kline:last-child{--px: calc(var(--parallax, 0px) * -1);animation-delay:-3.5s;animation-direction:alternate-reverse}@keyframes kdrift{0%{transform:translate(var(--px)) translateY(-.6%)}to{transform:translate(var(--px)) translateY(.9%)}}.atmo-c .kword b{display:inline-block;font-weight:400;font-variation-settings:"wdth" 96,"wght" 780;transition:font-variation-settings var(--dur) var(--ease),transform .3s var(--ease);will-change:transform}.atmo-c .kword b:nth-child(1){transition-delay:0s}.atmo-c .kword b:nth-child(2){transition-delay:.03s}.atmo-c .kword b:nth-child(3){transition-delay:.06s}.atmo-c .kword b:nth-child(4){transition-delay:.09s}.atmo-c .kword b:nth-child(5){transition-delay:.12s}.atmo-c .kword .flare{color:var(--accent)}html.lit .atmo-c .kword b{font-variation-settings:"wdth" 125,"wght" 900}html.lit .atmo-c .kword{opacity:1}.atmo-c .kword b.pop{animation:pop .3s var(--ease)}@keyframes pop{30%{transform:scaleY(1.14) scaleX(.97)}to{transform:none}}.grain{position:fixed;inset:0;z-index:60;pointer-events:none;background-size:200px 200px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.05;mix-blend-mode:screen}:root[data-theme=a] .grain{opacity:.035;mix-blend-mode:normal}:root[data-theme=c] .grain{opacity:.09;mix-blend-mode:overlay}.mark{position:absolute;z-index:20;top:max(30px,env(safe-area-inset-top));left:50%;transform:translate(-50%);font-size:11px;font-weight:500;letter-spacing:.46em;text-indent:.46em;text-transform:uppercase;color:var(--ink-mute);text-decoration:none;transition:color var(--dur) var(--ease)}.mark b{font-weight:inherit;color:var(--accent)}.mark:hover,.mark:focus-visible{color:var(--ink);outline:none}:root[data-theme=a] .mark{text-transform:none;letter-spacing:-.01em;text-indent:0;font-size:15px;font-weight:650;color:var(--ink)}:root[data-theme=c] .mark{font-family:var(--font-mono);letter-spacing:.34em;text-indent:.34em}.install{position:relative;z-index:10;width:min(680px,calc(100vw - 44px));display:flex;flex-direction:column;align-items:center}.kicker{margin-bottom:30px;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.17em;text-transform:uppercase;color:var(--ink-faint);text-align:center;animation:rise .9s var(--ease-out) .1s both}.kicker .sep{color:var(--hair-strong);padding:0 .9em}.kicker em{font-style:normal;color:var(--ink-mute)}.lede{margin-bottom:30px;font-family:var(--font-display);font-size:clamp(27px,4.6vw,42px);font-weight:490;letter-spacing:-.025em;line-height:1.12;text-align:center;text-wrap:balance;max-width:20ch;color:var(--ink);animation:rise .95s var(--ease-out) .14s both}.lede em{font-style:normal;color:var(--ink-mute)}:root:not([data-theme=a]):not([data-theme=c]) .lede em{color:var(--accent)}:root[data-theme=c] .lede{text-transform:uppercase;font-variation-settings:"wdth" 112,"wght" 820;line-height:.96;letter-spacing:-.02em}:root[data-theme=c] .lede em{color:var(--accent)}.hero-sub{margin:-14px 0 30px;font-size:14px;font-weight:300;letter-spacing:.04em;color:var(--ink-mute);text-align:center;text-wrap:balance;max-width:46ch;animation:rise .95s var(--ease-out) .18s both}:root[data-theme=a] .hero-sub{font-weight:450}.install:before{content:"";position:absolute;z-index:-1;pointer-events:none;top:-105px;left:50%;transform:translate(-50%);width:min(72%,460px);height:210px;background:radial-gradient(50% 50% at 50% 50%,rgba(224,238,255,.11),rgba(180,210,255,.035) 55%,transparent 72%);opacity:0;transition:opacity var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease)}:root:not([data-theme=a]):not([data-theme=c]) .install:before{opacity:.8}html.lit:not([data-theme=a]):not([data-theme=c]) .install:before{transform:translate(-50%) scale(1.12);opacity:1}.bubble-form{width:100%;animation:rise 1s var(--ease-out) .22s both}.bubble{width:100%;display:flex;align-items:flex-end;gap:12px;padding:13px 13px 13px 30px;border-radius:var(--radius);background:var(--surface);color:var(--surface-ink);border:1px solid var(--surface-hair);transition:border-color var(--dur) var(--ease),box-shadow var(--dur-slow) var(--ease),transform var(--dur) var(--ease)}:root:not([data-theme=a]):not([data-theme=c]) .bubble{box-shadow:inset 0 1px #dcebff29,inset 0 -1px #02040999,0 0 0 1px #02040966,0 0 90px #78a5ff17,0 34px 70px -28px #000000e6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}:root:not([data-theme=a]):not([data-theme=c]) .bubble:focus-within{border-color:#9ec6ff57;box-shadow:inset 0 1px #dcebff3d,inset 0 -1px #02040999,0 0 0 1px #9ec6ff1a,0 0 130px #82afff29,0 34px 70px -26px #000000eb;transform:translateY(-2px)}:root[data-theme=a] .bubble{box-shadow:0 1px 2px #1b18130a,0 10px 30px #1b18130e,0 30px 80px -20px #1b181321}:root[data-theme=a] .bubble:focus-within{transform:translateY(-3px);border-color:color-mix(in oklab,var(--accent) 45%,transparent);box-shadow:0 0 0 4px var(--accent-soft),0 2px 4px #1b18130a,0 14px 38px #1b181312,0 40px 90px -20px #1b181329}:root[data-theme=c] .bubble{box-shadow:0 1px #ffffff59 inset,0 24px 60px -18px oklch(18% .12 270 / .85),0 60px 130px -30px #030034b3}:root[data-theme=c] .bubble:focus-within{transform:translateY(-4px) scale(1.012);box-shadow:0 1px #ffffff59 inset,0 0 0 3px var(--accent-soft),0 34px 70px -18px oklch(14% .12 270 / .9),0 80px 160px -30px oklch(12% .1 270 / .75)}.bubble textarea{flex:1;min-width:0;appearance:none;background:none;border:0;outline:none;resize:none;font-family:var(--font-ui);font-weight:300;font-size:17px;line-height:1.55;letter-spacing:-.006em;color:var(--surface-ink);caret-color:var(--accent);padding:12px 0;min-height:26px;max-height:38svh;overflow-y:auto;field-sizing:content;scrollbar-width:thin;scrollbar-color:var(--hair-strong) transparent}:root[data-theme=a] .bubble textarea{font-weight:450}:root[data-theme=c] .bubble textarea{font-weight:500;font-variation-settings:"wdth" 100,"wght" 500}.bubble textarea::placeholder{color:color-mix(in oklab,var(--surface-ink) 46%,transparent);transition:color var(--dur) var(--ease)}.bubble:focus-within textarea::placeholder{color:color-mix(in oklab,var(--surface-ink) 30%,transparent)}.send{flex:none;align-self:flex-end;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;cursor:pointer;border:1px solid transparent;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform .18s var(--ease)}.send svg{width:19px;height:19px;display:block}.send:active{transform:scale(.94)}.send:focus-visible{outline:2px solid var(--accent);outline-offset:3px}:root:not([data-theme=a]):not([data-theme=c]) .send{border-color:#9ec6ff2e;background:linear-gradient(180deg,#9ec6ff1a,#9ec6ff08);color:#eaf1fa8c}:root:not([data-theme=a]):not([data-theme=c]) .send:hover{color:var(--accent-hi);border-color:#9ec6ff66;box-shadow:0 0 26px #9ec6ff2e}:root:not([data-theme=a]):not([data-theme=c]) .bubble-form.has-text .send{background:linear-gradient(180deg,#f2f7ff,#c9ddfb);color:var(--accent-ink);border-color:#f0f7ffe6;box-shadow:0 0 34px #bedcff59,0 4px 14px -4px #0009}:root[data-theme=a] .send{background:var(--ink);color:var(--bg-elev);border:0}:root[data-theme=a] .send:hover{background:var(--accent);transform:scale(1.04)}:root[data-theme=c] .send{background:var(--accent);color:var(--accent-ink);border:0}:root[data-theme=c] .send:hover{transform:scale(1.08)}:root[data-theme=c] .send:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.consent{margin-top:14px;display:flex;align-items:flex-start;gap:9px;justify-content:center;animation:rise 1s var(--ease-out) .3s both}.consent-box{flex:none;margin-top:2px;width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.consent-text{font-size:11.5px;font-weight:300;line-height:1.4;letter-spacing:.01em;color:var(--ink-faint);max-width:46ch;text-align:left}.consent-text label{cursor:pointer;color:var(--ink-mute)}.consent-text a{color:var(--ink-mute);text-decoration:none;border-bottom:1px solid var(--hair-strong);transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.consent-text a:hover,.consent-text a:focus-visible{color:var(--accent);border-color:var(--accent);outline:none}:root[data-theme=a] .consent-text{font-weight:450}.hints{margin-top:26px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:0 8px}.hint{appearance:none;cursor:pointer;font-family:var(--font-ui);font-weight:300;font-size:12.5px;letter-spacing:.02em;color:var(--ink-mute);background:color-mix(in oklab,var(--accent) 3%,transparent);border:1px solid var(--hair);border-radius:var(--radius-pill);padding:9px 17px;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease),transform .25s var(--ease);animation:rise .8s var(--ease-out) both}.hint:nth-child(1){animation-delay:.4s}.hint:nth-child(2){animation-delay:.47s}.hint:nth-child(3){animation-delay:.54s}.hint:hover,.hint:focus-visible{color:var(--ink);border-color:var(--hair-strong);background:color-mix(in oklab,var(--accent) 7%,transparent);outline:none}:root[data-theme=a] .hint{font-weight:500;background:transparent}:root[data-theme=a] .hint:hover,:root[data-theme=a] .hint:focus-visible{background:var(--bg-elev)}:root[data-theme=c] .hint{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;background:transparent}:root[data-theme=c] .hint:hover,:root[data-theme=c] .hint:focus-visible{color:var(--ink);border-color:var(--ink);background:color-mix(in oklab,var(--ink) 8%,transparent);transform:translateY(-2px)}:root[data-theme=c] .hint:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.proof-line{margin-top:24px;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--ink-faint);text-align:center;text-wrap:balance;max-width:52ch;animation:rise .8s var(--ease-out) .6s both}:root[data-theme=c] .proof-line{letter-spacing:.06em}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.cue{position:absolute;z-index:20;bottom:max(26px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:1px;height:38px;overflow:hidden;background:color-mix(in oklab,var(--ink) 12%,transparent)}.cue:after{content:"";position:absolute;left:0;top:-40%;width:100%;height:40%;background:linear-gradient(180deg,transparent,var(--accent));animation:cue 2.8s var(--ease) infinite;opacity:.75}@keyframes cue{0%{top:-40%}62%,to{top:105%}}.after{position:relative;min-height:72svh;display:grid;place-items:center;padding:18vh 24px 12vh;text-align:center;background:linear-gradient(180deg,#040710 0%,var(--bg-sink) 100%)}.after:before{content:"";position:absolute;inset:0 0 auto;height:44svh;pointer-events:none;background:radial-gradient(72% 62% at 50% -18%,rgba(10,16,27,.92) 0%,rgba(8,13,22,.5) 45%,transparent 72%)}:root[data-theme=a] .after{background:var(--bg);border-top:1px solid var(--hair)}:root[data-theme=a] .after:before{display:none}:root[data-theme=c] .after{background:var(--surface);color:var(--surface-ink)}:root[data-theme=c] .after:before{display:none}.after .voice{font-family:var(--font-display);font-size:clamp(30px,4.6vw,50px);line-height:1.24;letter-spacing:.005em;color:var(--ink);max-width:20ch;text-wrap:balance}:root:not([data-theme=a]):not([data-theme=c]) .after .voice{font-style:italic;font-weight:400}:root:not([data-theme=a]):not([data-theme=c]) .after .voice em{font-style:italic;color:var(--accent)}:root[data-theme=a] .after .voice{font-weight:480;letter-spacing:-.028em;line-height:1.08}:root[data-theme=a] .after .voice em{font-style:normal;color:var(--accent)}:root[data-theme=c] .after .voice{color:var(--bg);font-size:clamp(2.6rem,8.5vw,6.5rem);line-height:.9;letter-spacing:-.02em;text-transform:uppercase;font-variation-settings:"wdth" 118,"wght" 880}:root[data-theme=c] .after .voice em{font-style:normal;color:var(--accent)}.after .sub{margin-top:26px;font-size:13px;font-weight:300;letter-spacing:.06em;color:var(--ink-mute)}:root[data-theme=c] .after .sub{color:color-mix(in oklab,var(--surface-ink) 78%,transparent)}.after footer{position:absolute;bottom:26px;left:0;right:0;display:flex;justify-content:center;flex-wrap:wrap;gap:28px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint)}:root[data-theme=c] .after footer{color:color-mix(in oklab,var(--surface-ink) 45%,transparent)}.after footer a{color:inherit;text-decoration:none;transition:color var(--dur) var(--ease)}.after footer a:hover,.after footer a:focus-visible{color:var(--accent);outline:none}@media(max-width:560px){.bubble{padding:10px 10px 10px 22px}.bubble textarea{font-size:16px}.send{width:46px;height:46px}.hints{gap:8px}.hint:nth-child(3){display:none}.atmo-c .kword{gap:clamp(7rem,30svh,13rem);font-size:27vw}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cue:after{display:none}.kicker,.bubble-form,.hint,.lede,.hero-sub,.proof-line,.consent{animation:none!important;opacity:1}html{scroll-behavior:auto}}.bubble-form.thinking{pointer-events:none}.bubble-form.thinking .send{opacity:.5}.bubble-form.thinking:after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 1px var(--accent, var(--ink));animation:think-pulse 1.4s var(--ease) infinite}@keyframes think-pulse{0%,to{opacity:.16}50%{opacity:.55}}.ekko-answer{width:100%;max-width:46rem;margin:18px auto 0;opacity:0;transform:translateY(10px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out);display:flex;flex-direction:column;gap:12px;text-align:left}.ekko-answer.show{opacity:1;transform:none}.ea-reply{font-size:1.02rem;line-height:1.55;color:var(--ink);white-space:pre-wrap;background:var(--surface, color-mix(in oklab, var(--bg-elev, var(--bg)) 60%, transparent));border:1px solid var(--hair, color-mix(in oklab, var(--ink) 12%, transparent));border-radius:16px;padding:16px 18px}.ea-cta{align-self:flex-start;text-decoration:none;font-weight:600;font-size:.95rem;color:var(--accent-ink, #fff);background:var(--accent, var(--ink));padding:10px 16px;border-radius:999px}:root[data-theme=a] .ea-cta{color:#fff}.ea-more{align-self:flex-start;font-size:.85rem;color:var(--ink-mute, var(--ink));text-decoration:underline;opacity:.8}@media(prefers-reduced-motion:reduce){.ekko-answer{transition:none;opacity:1;transform:none}.bubble-form.thinking:after{animation:none;opacity:.4}}