:root{--bg:#08090b;--surface-0:#0d0e10;--surface:#101113;--surface-hover:#16171a;--border:#ffffff24;--border-subtle:#ffffff14;--text:#f2f5f9;--text-2:#a9b7c6;--muted:#74838f;--muted-2:#5a6875;--accent:#22c8cf;--on-accent:#071013;--amber:#e8960a;--blue:#6aa6ff;--violet:#a78bfa;--green:#2ab06f;--accent-soft:#22c8cf21;--amber-soft:#e8960a21;--blue-soft:#6aa6ff21;--violet-soft:#a78bfa21;--green-soft:#2ab06f21;--font-mono:"Spline Sans Mono", ui-monospace, monospace;--font-display:"Bricolage Grotesque", "Schibsted Grotesk", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);letter-spacing:-.006em;-webkit-font-smoothing:antialiased;font-family:Schibsted Grotesk,-apple-system,BlinkMacSystemFont,sans-serif}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:var(--accent-soft)}:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 60%, transparent);outline-offset:2px;border-radius:4px}.wrap{max-width:1080px;margin:0 auto;padding:0 2rem}.nav{z-index:50;border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(20px)saturate(1.5);background:#0d0e1099;border-radius:999px;max-width:calc(100vw - 2rem);transition:background .25s,border-color .25s,box-shadow .25s;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff0f,0 12px 32px -8px #00000080}.nav.scrolled{border-color:var(--border);background:#0d0e10e0;box-shadow:inset 0 1px #ffffff14,0 16px 40px -8px #000000a6}.nav-inner{align-items:center;gap:.5rem;padding:.4rem;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.01em;border-radius:999px;align-items:center;gap:.55rem;padding:.3rem .8rem .3rem .45rem;font-size:.98rem;font-weight:700;display:flex}.logo-img{border-radius:7px;width:26px;height:26px;display:block}.nav-links{border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);align-items:center;gap:.1rem;padding:0 .5rem;display:flex}.nav-links a{color:var(--muted);border-radius:999px;padding:.42rem .8rem;font-size:.84rem;font-weight:500;transition:color .15s,background .15s}.nav-links a:hover{color:var(--text);background:#ffffff0f}.nav-cta{border-radius:999px;margin-left:.15rem;padding:.44rem 1rem}@media (width<=640px){.nav-links{display:none}.nav-inner{gap:.75rem}}.btn{letter-spacing:.01em;border:1px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.btn-primary{color:#000;background:#fff}.btn-primary:hover{background:#e8e8e8}.btn-ghost{background:var(--surface);border-color:var(--border);color:var(--text-2)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text)}.btn-lg{border-radius:10px;padding:.85rem 1.5rem;font-size:.95rem}.hero{text-align:center;padding:9rem 0 4rem;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#22c8cf1f,#0000);width:720px;height:480px;position:absolute;top:-240px;left:50%;transform:translate(-50%)}.hero h1{font-family:var(--font-display);letter-spacing:-.025em;max-width:780px;margin:0 auto 1.25rem;font-size:clamp(2.4rem,6vw,4rem);font-weight:600;line-height:1.08}.hero h1 em{color:var(--accent);font-style:normal}.hero .sub{color:var(--text-2);max-width:560px;margin:0 auto 2.25rem;font-size:1.05rem;line-height:1.65}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-bottom:1rem;display:flex}.hero-note{color:var(--muted-2);font-size:.78rem}.mockup{border:1px solid var(--border);background:var(--surface-0);text-align:left;border-radius:14px;max-width:880px;margin:3.5rem auto 0;display:flex;overflow:hidden;box-shadow:0 0 90px #22c8cf12}.mock-side{border-right:1px solid var(--border-subtle);flex-shrink:0;width:200px;padding:1rem .9rem;display:none}.mock-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted-2);margin:.9rem .2rem .4rem;font-size:.58rem;font-weight:600}.mock-item{color:var(--text-2);background:var(--surface-hover);border-radius:7px;align-items:center;gap:.5rem;padding:.42rem .6rem;font-size:.72rem;font-weight:600;display:flex}.mock-app{color:var(--muted);align-items:center;gap:.5rem;padding:.3rem .6rem;font-size:.7rem;display:flex}.mock-dot{border-radius:5px;flex-shrink:0;width:16px;height:16px}.mock-main{flex:1;min-width:0;padding:1.6rem 1.8rem 1.8rem}.mock-timer-area{text-align:center;margin-bottom:1.4rem}.mock-phase{color:var(--text-2);margin-bottom:.35rem;font-size:.8rem;font-weight:600}.mock-timer{font-family:var(--font-mono);color:var(--accent);font-size:clamp(2.6rem,6vw,3.6rem);font-weight:700;line-height:1}.mock-encourage{color:var(--muted);margin-top:.45rem;font-size:.72rem}.mock-doc{border:1px solid var(--border-subtle);background:var(--surface);border-radius:10px;padding:1rem 1.2rem}.mock-doc-bar{color:var(--muted);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:.9rem;padding-bottom:.6rem;font-size:.66rem;display:flex}.mock-line{background:var(--surface-hover);border-radius:4px;height:7px;margin-bottom:.55rem}section{padding:6rem 0}.section-head{text-align:center;max-width:560px;margin:0 auto 3rem}.section-head h2{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:.75rem;font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:600}.section-head p{color:var(--text-2);font-size:.95rem;line-height:1.65}.steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.step{background:var(--surface);border:1px solid var(--border-subtle);border-radius:12px;padding:1.5rem}.step-num{font-family:var(--font-mono);color:var(--accent);background:var(--accent-soft);border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:1rem;font-size:.8rem;font-weight:700;display:flex}.step h3{margin-bottom:.4rem;font-size:.98rem;font-weight:600}.step p{color:var(--muted);font-size:.85rem;line-height:1.6}.stakes{background:var(--surface-0);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.stakes-grid{grid-template-columns:1fr;align-items:center;gap:2.5rem;display:grid}.stakes-copy h2{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(1.6rem,3.5vw,2.1rem);font-weight:700}.stakes-copy h2 em{color:var(--amber);font-style:normal}.stakes-copy p{color:var(--text-2);margin-bottom:1rem;font-size:.95rem;line-height:1.7}.stake-card{background:var(--surface);border:1px solid #e8960a4d;border-radius:14px;width:100%;max-width:380px;margin:0 auto;padding:1.5rem}.stake-card .sc-title{text-transform:uppercase;letter-spacing:.04em;color:var(--amber);margin-bottom:1rem;font-size:.72rem;font-weight:600}.stake-amount{font-family:var(--font-mono);color:var(--text);margin-bottom:.9rem;font-size:1.6rem;font-weight:700}.stake-bar{background:var(--surface-hover);border-radius:4px;height:8px;margin-bottom:.7rem;overflow:hidden}.stake-bar>div{background:var(--amber);border-radius:4px;width:72%;height:100%}.stake-meta{color:var(--muted);font-size:.78rem}.pricing{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch;gap:1rem;display:grid}.plan{background:var(--surface);border:1px solid var(--border-subtle);border-radius:14px;flex-direction:column;padding:1.75rem;display:flex}.plan.featured{background:linear-gradient(180deg, #22c8cf0f, transparent 40%), var(--surface);border-color:#22c8cf66}.plan-name{align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:flex}.plan-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:2px 8px;font-size:.58rem;font-weight:700}.plan-price{font-family:var(--font-mono);margin:.9rem 0 .2rem;font-size:1.9rem;font-weight:700}.plan-price span{color:var(--muted);font-family:Schibsted Grotesk,sans-serif;font-size:.75rem;font-weight:500}.plan-desc{color:var(--muted);margin-bottom:1.2rem;font-size:.8rem}.plan ul{flex-direction:column;flex:1;gap:.55rem;margin-bottom:1.6rem;list-style:none;display:flex}.plan li{color:var(--text-2);gap:.55rem;font-size:.84rem;line-height:1.45;display:flex}.plan li:before{content:"✓";color:var(--accent);flex-shrink:0;font-weight:700}.faq{flex-direction:column;gap:.6rem;max-width:640px;margin:0 auto;display:flex}.faq details{background:var(--surface);border:1px solid var(--border-subtle);border-radius:10px;padding:1rem 1.2rem}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;font-size:.92rem;font-weight:600;list-style:none;display:flex}.faq summary:after{content:"+";color:var(--muted);font-size:1.1rem}.faq details[open] summary:after{content:"–"}.faq details p{color:var(--muted);margin-top:.7rem;font-size:.85rem;line-height:1.65}.final-cta{text-align:center;background:radial-gradient(600px 260px at 50% 0%, #22c8cf1a, transparent), var(--surface-0);border-top:1px solid var(--border-subtle)}.footer{border-top:1px solid var(--border-subtle);padding:2rem 0}.footer-inner{color:var(--muted);flex-wrap:wrap;align-items:center;gap:1rem;font-size:.8rem;display:flex}.footer-inner .spacer{margin-left:auto}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rise{animation:.6s both rise}.rise-1{animation-delay:50ms}.rise-2{animation-delay:.12s}.rise-3{animation-delay:.2s}@media (width>=720px){.mock-side{display:block}.stakes-grid{grid-template-columns:1.1fr .9fr}}.hero-stripes{pointer-events:none;height:230px;position:absolute;top:0;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.hero-stripes span{background:linear-gradient(90deg,#0000 5%,#22c8cf47 35%,#0a5a6e2e 70%,#0000 95%);width:150%;height:42px;position:absolute;left:-25%;transform:rotate(-7deg)}.hero-stripes span:first-child{opacity:.9;top:4px}.hero-stripes span:nth-child(2){opacity:.55;top:66px}.hero-stripes span:nth-child(3){opacity:.3;top:128px}.keycaps{flex-wrap:wrap;gap:.45rem;margin-top:1rem;display:flex}.keycap{font-family:var(--font-mono);color:var(--muted);border:1px solid var(--border);background:linear-gradient(#16171a,#101113);border-bottom-width:2px;border-radius:6px;padding:3px 9px;font-size:.72rem;-webkit-text-decoration:line-through #f43f5eb3;text-decoration:line-through #f43f5eb3;text-decoration-thickness:1.5px}.shots{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;display:grid}.shot{background:var(--surface);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden}.shot img{border-bottom:1px solid var(--border-subtle);width:100%;display:block}.shot figcaption{padding:1rem 1.2rem}.shot figcaption h3{margin-bottom:.3rem;font-size:.95rem;font-weight:600}.shot figcaption p{color:var(--muted);font-size:.82rem;line-height:1.55}.shot-canvas{border-bottom:1px solid var(--border-subtle);background:var(--surface-0);min-height:230px;padding:1.4rem}.shot-canvas.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;display:flex}.mq-progress{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.6rem;font-size:.62rem;font-weight:600}.mq-question{margin-bottom:.8rem;font-size:.95rem;font-weight:600}.mq-opt{border:1px solid var(--border-subtle);color:var(--text-2);border-radius:8px;align-items:center;gap:.5rem;margin-bottom:.45rem;padding:.5rem .7rem;font-size:.78rem;display:flex}.mq-opt.right{background:var(--green-soft);color:#7fdcac;border-color:#2ab06f80}.mq-opt.wrong{color:#f79bad;background:#f43f5e14;border-color:#f43f5e73}.mq-opt.dim{opacity:.45}.mq-explain{color:var(--muted);border-left:2px solid var(--green);background:var(--surface);border-radius:0 6px 6px 0;margin-top:.6rem;padding:.4rem .7rem;font-size:.72rem}.ms-num{font-family:var(--font-mono);font-size:3rem;font-weight:700;line-height:1}.ms-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}.ms-row{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:.9rem;display:flex}.ms-chip{font-family:var(--font-mono);color:var(--text-2);background:var(--surface);border:1px solid var(--border-subtle);border-radius:6px;padding:3px 8px;font-size:.66rem}.ms-chip.good{color:var(--green);border-color:#2ab06f66}.mg-grid{height:200px;display:flex;position:relative}.mg-col{border-left:1px solid var(--border-subtle);text-align:center;flex:1}.mg-col:first-child{border-left:none}.mg-day{color:var(--muted-2);font-size:.6rem;font-weight:600;line-height:2}.mg-block{background:var(--accent-soft);border:1px solid #22c8cf80;border-radius:6px;width:11%;position:absolute}.mg-block.amber{background:var(--amber-soft);border-color:#e8960a80}.mg-now{background:var(--amber);width:11%;height:2px;box-shadow:0 0 6px var(--amber);position:absolute}.showcase{grid-template-columns:1fr;align-items:stretch;gap:1rem;display:grid}@media (width>=860px){.showcase{grid-template-columns:340px 1fr}}.showcase-rail{flex-direction:column;gap:.5rem;display:flex}.rail-item{text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:.8rem;padding:.9rem 1rem;transition:background .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.rail-item:hover{background:var(--surface)}.rail-item.active{background:var(--surface);border-color:var(--border-subtle)}.chip.sm{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin:0;display:flex}.rail-text{flex-direction:column;gap:.15rem;min-width:0;display:flex}.rail-title{color:var(--text);font-size:.92rem;font-weight:600}.rail-blurb{color:var(--muted);opacity:0;max-height:0;font-size:.78rem;line-height:1.5;transition:max-height .3s,opacity .3s;overflow:hidden}.rail-item.active .rail-blurb{opacity:1;max-height:3.2em}.rail-progress{background:var(--accent);height:2px;animation:6s linear forwards railProgress;position:absolute;bottom:0;left:0}@keyframes railProgress{0%{width:0}to{width:100%}}.showcase-stage{background:var(--surface-0);border:1px solid var(--border-subtle);border-radius:14px;min-height:320px;animation:.35s stageIn;display:flex}@keyframes stageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.stage-inner{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:460px;margin:0 auto;padding:2rem;display:flex}.stage-inner.center{text-align:center;align-items:center;gap:.4rem}.stage-line{color:var(--muted);margin-bottom:.6rem;font-size:.8rem}.pop{opacity:0;animation:.4s forwards popIn}@keyframes popIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.keycap{position:relative}.keycap.anim{opacity:0;text-decoration:none;animation:.35s forwards popIn}.keycap .strike{background:#f43f5ed9;width:0;height:1.5px;animation:.25s forwards strikeIn;position:absolute;top:50%;left:8%}@keyframes strikeIn{to{width:84%}}.mg-block.grow{transform-origin:top;animation:.4s forwards growBlock;transform:scaleY(0)}@keyframes growBlock{to{transform:scaleY(1)}}.minis{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1rem;display:grid}.mini{background:var(--surface);border:1px solid var(--border-subtle);border-radius:12px;align-items:flex-start;gap:.8rem;padding:1.1rem 1.2rem;display:flex}.mini h3{margin-bottom:.25rem;font-size:.92rem;font-weight:600}.mini p{color:var(--muted);font-size:.8rem;line-height:1.55}@media (prefers-reduced-motion:reduce){.pop,.keycap.anim,.mg-block.grow,.showcase-stage{opacity:1;animation:none;transform:none}.keycap .strike{width:84%;animation:none}.rail-progress{width:100%;animation:none}}