.bar{position:sticky;top:0;z-index:20;background:#08080adb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.bar-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:56px;padding:env(safe-area-inset-top) 8px 0;max-width:1180px;margin:0 auto;box-sizing:content-box}.bar-side{display:flex;align-items:center;min-width:40px}.bar-side.right{justify-content:flex-end}.brand{font:400 30px/1 var(--display);letter-spacing:.04em;text-decoration:none;color:var(--fg);padding:8px 10px}.bar-back{width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:var(--fg);font-size:22px;cursor:pointer;display:grid;place-items:center}.bar-back:hover{background:var(--panel)}.bar-progress{height:3px;background:var(--line)}.bar-progress i{display:block;height:100%;background:var(--accent);box-shadow:0 0 10px var(--accent);transition:width .4s cubic-bezier(.2,.8,.2,1)}.funnel-bg{background:radial-gradient(120% 60% at 50% 0%,#0f0f0c 0%,var(--bg) 70%)}.screen{min-height:calc(100dvh - 59px);display:grid;grid-template-rows:1fr auto;width:min(480px,100%);margin:0 auto}.screen-body{padding:22px 16px 16px;display:grid;gap:18px;align-content:start}.action{position:sticky;bottom:0;z-index:2;padding:12px 16px calc(12px + env(safe-area-inset-bottom));display:grid;gap:10px;background:var(--bg)}.action:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:28px;pointer-events:none;background:linear-gradient(to bottom,rgba(8,8,10,0),var(--bg))}.action .btn{width:100%;padding:18px 20px;font-size:18px}.action .alt{text-align:center;font:13px var(--mono);color:var(--muted);background:none;border:0;cursor:pointer;padding:6px}.action .alt:hover{color:var(--fg)}.screen-body input,.screen-body textarea,.screen-body select{scroll-margin-bottom:110px}.consent{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--panel);border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.consent p{margin:0;flex:1;min-width:0}.consent button{font:700 13px var(--mono);border-radius:999px;padding:6px 14px;cursor:pointer;border:1.5px solid var(--line);background:transparent;color:var(--fg)}.consent .c-yes{background:var(--accent);color:var(--bg);border-color:var(--accent)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 22px rgba(var(--accent-rgb),.45)}50%{box-shadow:0 0 36px rgba(var(--accent-rgb),.75)}}@keyframes draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}.rise{animation:rise .32s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i, 0) * 60ms)}.pop{animation:pop .24s ease-out both;animation-delay:calc(var(--i, 0) * 50ms)}.glow{animation:glow 2.4s ease-in-out infinite}.draw{transform-origin:left;animation:draw .5s cubic-bezier(.2,.8,.2,1) both}.pulse{animation:pulse 1.4s ease-in-out infinite}.tnum{font-variant-numeric:tabular-nums}::view-transition-old(root){animation:.18s ease-in both vt-out}::view-transition-new(root){animation:.24s cubic-bezier(.2,.8,.2,1) both vt-in}@keyframes vt-out{to{opacity:0;transform:translate(-10px)}}@keyframes vt-in{0%{opacity:0;transform:translate(14px)}}.landing{width:min(640px,100%);margin:0 auto}.hero{min-height:calc(100dvh - 59px);display:grid;align-content:center;gap:18px;padding:24px 16px 32px}.hero h1{font:400 clamp(60px,15vw,112px)/.95 var(--display);letter-spacing:.01em}.lead{font-size:clamp(17px,1.6vw,20px);color:#d9d5c6;max-width:30em}.hero .start,.hero .start-micro{margin-top:8px}.hero .start-label{font-size:15px}.hero .start-row .btn{padding:18px 24px;font-size:18px}.demo{display:grid;gap:18px;justify-items:center;margin-top:18px}.demo-toggle{font:700 14px var(--mono);color:var(--accent);background:none;border:0;cursor:pointer;padding:10px 14px;text-decoration:underline;text-underline-offset:4px}.demo-toggle:hover{color:var(--fg)}.phone{justify-self:center;width:min(300px,76vw,33.75dvh);margin:0}.phone-screen{position:relative;aspect-ratio:9 / 16;border-radius:34px;overflow:hidden;border:2px solid rgba(var(--accent-rgb),.55);background:#000;box-shadow:0 0 40px rgba(var(--accent-rgb),.28),0 30px 80px #0009}.phone-screen video,.phone-screen img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.phone-screen img{opacity:0;transition:opacity .6s ease}.phone-screen img.on{opacity:1}.phone figcaption{margin-top:12px;text-align:center;font:14px var(--mono);color:var(--muted)}.start{max-width:620px}.start-label{display:block;font:700 14px var(--mono);margin-bottom:10px}.start-row{display:grid;gap:10px}@property --sweep{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@keyframes sweep{to{--sweep: 360deg}}.start-field{position:relative;isolation:isolate;border-radius:999px;padding:1.5px;--sweep: 0deg;background:conic-gradient(from var(--sweep),var(--line) 0 62%,rgba(var(--accent-rgb),.45) 78%,var(--accent) 86%,rgba(var(--accent-rgb),.45) 94%,var(--line) 100%);animation:sweep 3.4s linear infinite}.start-field:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;z-index:-1;border-radius:inherit;padding:6px;filter:blur(7px);opacity:.8;background:conic-gradient(from var(--sweep),transparent 0 64%,var(--accent) 86%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.start-field:focus-within{animation:none;background:var(--accent);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.18),0 0 24px rgba(var(--accent-rgb),.35)}.start-field:focus-within:before{display:none}.start-input{display:block;width:100%;min-width:0;font:16px var(--mono);color:var(--fg);background:var(--panel);border:0;border-radius:999px;padding:16px 22px}.start-input::placeholder{color:transparent}.start-input:focus{outline:none;border-radius:999px}.start-field:focus-within .start-ghost{opacity:.55}.start-ghost{position:absolute;left:22px;top:50%;transform:translateY(-50%);pointer-events:none;font:16px var(--mono);white-space:nowrap;overflow:hidden;max-width:calc(100% - 44px)}.start-ghost.caret:after{content:"";display:inline-block;width:2px;height:1.1em;margin-left:3px;vertical-align:-.2em;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.start-field{background:var(--line)}.start-field:before{display:none}}.start-micro{margin-top:12px;font:14px var(--mono);color:var(--muted)}.foot{padding:28px 16px calc(28px + env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--muted);font-size:14px;display:grid;gap:16px;width:min(640px,100%);margin:0 auto}.foot nav{display:flex;gap:20px;flex-wrap:wrap}@media(min-width:900px){.start-row{grid-template-columns:1fr auto}}@font-face{font-family:League Gothic;src:url(/fonts/league-gothic-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-700.woff2) format("woff2");font-weight:700;font-display:swap}:root{--bg: #08080a;--panel: #121210;--line: #2a2820;--fg: #f6f4ec;--muted: #b5b0a0;--accent: #ffe500;--accent-rgb: 255, 229, 0;--display: "League Gothic", "Impact", sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius: 18px}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font:17px/1.55 var(--body);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}.neon{color:var(--accent);text-shadow:0 0 8px rgba(var(--accent-rgb),.7),0 0 26px rgba(var(--accent-rgb),.35)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:700 17px var(--mono);letter-spacing:.02em;color:var(--bg);background:var(--accent);border:0;border-radius:999px;padding:16px 26px;cursor:pointer;text-decoration:none;box-shadow:0 0 22px rgba(var(--accent-rgb),.45);transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 0 34px rgba(var(--accent-rgb),.7)}.btn-sm{padding:10px 18px;font-size:14px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
