@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-latin-wght-normal-DX-nOvPD.woff2)format("woff2-variations"),url(/assets/inter-tight-latin-wght-normal-DX-nOvPD.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0a111c;--bg-2:#0e1828;--bg-3:#13203a;--fg:#e9eff6;--muted:#b4c1d1;--faint:#93a4b8;--line:#e9eff624;--accent:#5cc8ff;--accent-ink:#04121f;--warn:#ffd38a;--sans:"Inter Tight", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--pad:clamp(1.25rem, 4vw, 3.5rem);--maxw:1320px;--radius:14px;--section-y:clamp(5rem, 10vw, 8.5rem);--ease:cubic-bezier(.22, 1, .36, 1);--nav-h:5.6rem}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg);scroll-padding-top:6.5rem}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:clamp(1rem,.96rem + .2vw,1.125rem);line-height:1.6;overflow-x:clip}img,svg,canvas{max-width:100%;display:block}img{height:auto}a{color:inherit}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.wrap{width:100%;max-width:calc(var(--maxw) + 2 * var(--pad));padding-inline:var(--pad);margin-inline:auto}.mono{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.muted{color:var(--muted)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip-link{z-index:300;background:var(--fg);color:var(--bg);border-radius:99px;padding:.6rem 1rem;text-decoration:none;transition:top .2s;position:fixed;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.accent{color:var(--accent)}.eyebrow{color:var(--faint);margin-bottom:1rem}.h2{letter-spacing:-.025em;max-width:22ch;font-size:clamp(2rem,1.3rem + 2.6vw,3.4rem);font-weight:600;line-height:1.06}.h3{letter-spacing:-.01em;font-size:clamp(1.2rem,1.05rem + .5vw,1.5rem);font-weight:600;line-height:1.2}.ph{font-family:var(--mono);color:var(--warn);white-space:nowrap;border:1px dashed #ffd38a8c;border-radius:4px;padding:0 .3em;font-size:.82em}@media (width<=520px){.ph{white-space:normal}}.grid{grid-template-columns:repeat(12,1fr);align-items:start;gap:clamp(1.5rem,3vw,3rem);display:grid}.grid>:first-child{grid-column:1/span 6}.grid>:last-child{grid-column:7/span 6}@media (width<=900px){.grid>:first-child,.grid>:last-child{grid-column:1/-1}}.btn{min-height:48px;font:500 1rem/1 var(--sans);cursor:pointer;transition:background .25s, color .25s, border-color .25s, transform .25s var(--ease);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.4rem;text-decoration:none;display:inline-flex}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--primary:hover{background:#8fdaff}.btn--ghost{color:var(--fg);background:0 0;border-color:#e9eff680}.btn--ghost:hover{border-color:var(--fg);background:#e9eff60f}.btn:active{transform:translateY(1px)}.nav{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);transition:transform .4s var(--ease);background:linear-gradient(#0a111ceb,#0a111cbf);position:fixed;inset:0 0 auto}.nav.is-hidden{transform:translateY(-100%)}.demo-bar{text-align:center;padding:.35rem var(--pad);color:var(--accent-ink);background:var(--warn);letter-spacing:.04em;font-size:.7rem}.nav__inner{align-items:center;gap:2rem;height:4rem;display:flex}.nav__brand{letter-spacing:.18em;align-items:center;gap:.6rem;font-weight:600;text-decoration:none;display:flex}.nav__nav{margin-left:auto}.nav__links{gap:1.8rem;display:flex}.nav__burger{display:none}.nav__links a{color:var(--muted);padding:.5rem 0;font-size:.95rem;text-decoration:none}.nav__links a:hover{color:var(--fg)}.nav__cta{min-height:40px;padding:.5rem 1.1rem;font-size:.92rem}@media (width<=860px){.nav__inner{gap:.8rem}.nav__burger{border:1px solid var(--line);width:44px;height:44px;color:var(--fg);cursor:pointer;background:0 0;border-radius:10px;place-items:center;display:grid}.nav__links{background:var(--bg);border-bottom:1px solid var(--line);padding:.5rem var(--pad) 1rem;flex-direction:column;gap:0;display:none;position:absolute;top:100%;left:0;right:0}.nav__links.is-open{display:flex}.nav__links a{border-bottom:1px solid var(--line);padding:.9rem 0;font-size:1.1rem;display:block}.nav__cta{padding:.5rem .9rem}.demo-bar{font-size:.64rem}}.xp{background:radial-gradient(120% 80% at 75% 30%, #11223a 0%, var(--bg) 60%);position:relative}.xp:before{content:"";pointer-events:none;background-image:linear-gradient(#5cc8ff0d 1px,#0000 1px),linear-gradient(90deg,#5cc8ff0d 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.xp__stage{pointer-events:none;z-index:0;height:100svh;margin-bottom:-100svh;position:sticky;top:0}.xp__visual{top:var(--nav-h);width:58%;position:absolute;bottom:0;right:0}.xp__poster,.xp__canvas{width:100%;height:100%;position:absolute;inset:0}.xp__poster img{object-fit:contain;width:100%;height:100%;transition:opacity .6s}.xp.is-ready .xp__poster img{opacity:0}.xp__canvas{opacity:0;transition:opacity .6s}.xp.is-ready .xp__canvas{opacity:1}.xp__labels{position:absolute;inset:0}.xp__label{font:400 .72rem/1.3 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--fg);white-space:nowrap;opacity:0;will-change:transform;align-items:center;gap:.5rem;transition:opacity .35s,color .35s;display:flex;position:absolute;top:0;left:0}.xp__label:before{content:"";opacity:.7;background:currentColor;width:36px;height:1px}.xp__label span{border:1px solid var(--line);border-left:2px solid var(--accent);background:#0a111cd1;border-radius:3px;padding:.3rem .55rem}.xp__label.is-on{opacity:1}.xp__label.is-focus span{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.xp__flow{z-index:1;position:relative}.hero,.step{width:min(40%,520px)}.hero{min-height:100svh;padding-top:calc(var(--nav-h) + 2rem);flex-direction:column;justify-content:center;padding-bottom:4rem;display:flex}.hero__title{letter-spacing:-.04em;margin-bottom:1.6rem;font-size:clamp(2.8rem,1.6rem + 4.6vw,5.6rem);font-weight:600;line-height:.98}.hero__lead{color:var(--muted);max-width:46ch;margin-bottom:2rem;font-size:clamp(1.05rem,1rem + .3vw,1.25rem)}.hero__ctas{flex-wrap:wrap;gap:.8rem;margin-bottom:2.4rem;display:flex}.hero__hint{color:var(--faint)}.xp__flow{flex-direction:column;align-items:flex-start;display:flex}.roles{z-index:2;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a111ce0;border-radius:999px;flex-wrap:wrap;order:9;align-items:center;gap:.3rem;margin-bottom:1.5rem;padding:.35rem;display:inline-flex;position:sticky;bottom:1.5rem}.roles__label{color:var(--faint);padding:0 .6rem 0 .7rem}.roles label{position:relative}.roles input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.roles span{color:var(--muted);border-radius:999px;padding:.5rem 1rem;font-size:.92rem;transition:background .25s,color .25s;display:block}.roles input:checked+span{background:var(--accent);color:var(--accent-ink);font-weight:500}.roles input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.steps{counter-reset:s}.step{opacity:.35;flex-direction:column;justify-content:center;min-height:92vh;padding-block:3rem;transition:opacity .5s;display:flex}.step.is-active{opacity:1}.step__card{gap:.9rem;display:grid}.step__num{color:var(--accent)}.step__title{letter-spacing:-.02em;font-size:clamp(1.7rem,1.2rem + 1.6vw,2.6rem);font-weight:600;line-height:1.08}.step p[data-role]{color:var(--muted);max-width:44ch;font-size:1.08rem}.xp__end{color:var(--faint);order:8;width:min(40%,520px);padding:2rem 0 3rem}@media (width<=860px){.xp__visual{top:calc(var(--nav-h) + 3.6rem);width:100%;height:44svh;bottom:auto}.hero,.step,.xp__end{width:100%}.hero{padding-top:calc(var(--nav-h) + 48svh);justify-content:flex-end;min-height:100svh;padding-bottom:3rem}.hero__title{font-size:clamp(2.4rem,11vw,3.4rem)}.roles{top:calc(var(--nav-h) + .4rem);order:0;margin:0;bottom:auto}.step{opacity:1;flex-direction:column;justify-content:flex-end;min-height:120svh;padding:0 0 1rem;display:flex}.step__card{border:1px solid var(--line);background:#0a111ceb;border-radius:14px;gap:.6rem;padding:1.1rem 1.2rem;display:grid;position:sticky;bottom:1rem}.js .step:not(.is-active) .step__card{opacity:0}.step__card{transition:opacity .35s}.step__title{font-size:1.5rem}.step p[data-role]{font-size:1rem}.xp__labels,.hide-sm{display:none}.roles__label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;padding:0;overflow:hidden;position:absolute!important}.roles span{padding:.45rem .75rem;font-size:.88rem}}.section{padding-block:var(--section-y);border-top:1px solid var(--line);position:relative}.problem{background:var(--bg-2)}.problem .h2{margin-bottom:2rem}.ticks{gap:1.1rem;display:grid}.ticks li{color:var(--muted);padding-left:1.8rem;position:relative}.ticks li:before{content:"";border:2px solid var(--accent);border-radius:2px;width:.8rem;height:.8rem;position:absolute;top:.55em;left:0}.ticks strong{color:var(--fg);font-weight:600}.problem__fig img,.tabs__panel img{border-radius:var(--radius);aspect-ratio:3/2;object-fit:cover;width:100%}figcaption{color:var(--faint);margin-top:.7rem;font-size:.7rem}.calc{border-top:1px solid var(--line);grid-template-columns:1.2fr 1fr;gap:2rem 3rem;margin-top:clamp(3rem,6vw,5rem);padding-block:2.5rem;display:grid}.calc__head{grid-column:1/-1;gap:.6rem;max-width:70ch;display:grid}.calc__form{grid-template-columns:1fr 1fr;gap:1rem 1.2rem;display:grid}.calc__out{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);grid-template-columns:1fr auto;align-items:baseline;gap:.8rem 1rem;padding:1.6rem;display:grid}.calc__out .mono{color:var(--faint)}.calc__num{text-align:right;font-variant-numeric:tabular-nums;font-size:clamp(1.4rem,1.1rem + 1vw,2rem);font-weight:600}.calc__num--accent{color:var(--accent)}@media (width<=900px){.calc{grid-template-columns:1fr}}@media (width<=520px){.calc__form{grid-template-columns:1fr}}.field{color:var(--muted);gap:.4rem;font-size:.95rem;display:grid}.field input,.field select{font:inherit;color:var(--fg);background:var(--bg-3);border:1px solid #e9eff659;border-radius:10px;width:100%;min-height:48px;padding:.6rem .8rem}.field input[type=range]{min-height:32px;accent-color:var(--accent);background:0 0;border:0;padding:0}.field input:focus-visible,.field select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.field__err{color:#ffb4a8;margin-top:-.4rem;font-size:.9rem;display:none}.is-invalid+.field__err,.field.is-invalid+.field__err{display:block}.check{color:var(--muted);align-items:flex-start;gap:.7rem;font-size:.95rem;display:flex}.check input{width:22px;height:22px;accent-color:var(--accent);flex:none;margin-top:.15rem}.apps .h2{margin-bottom:2.5rem}.tabs__list{flex-wrap:wrap;gap:.5rem;margin-bottom:1.8rem;display:flex}.tabs__list [role=tab]{font:500 .95rem var(--sans);color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;min-height:44px;padding:.65rem 1.1rem;transition:background .25s,color .25s,border-color .25s}.tabs__list [role=tab]:hover{color:var(--fg);border-color:#e9eff666}.tabs__list [role=tab][aria-selected=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.tabs__panel{view-transition-name:app-panel;grid-template-columns:1.4fr 1fr;align-items:center;gap:2.5rem;display:grid}.tabs__panel[hidden]{display:none}.tabs__copy{color:var(--muted);gap:1rem;display:grid}.tabs__copy .h3{color:var(--fg)}@media (width<=900px){.tabs__panel{grid-template-columns:1fr;gap:1.4rem}}::view-transition-old(app-panel){animation-duration:.45s;animation-timing-function:var(--ease)}::view-transition-new(app-panel){animation-duration:.45s;animation-timing-function:var(--ease)}.specs{background:var(--bg-2)}.specs .h2{margin-bottom:1.4rem}.compare{gap:.9rem;margin-top:2.5rem;display:grid}.compare__row{color:var(--muted);grid-template-columns:7.5rem 1fr;align-items:center;gap:1rem;display:grid}.compare__row svg{width:100%;height:auto}.compare__fill{transform-origin:0}.table-wrap{overflow-x:auto}.spec{border-collapse:collapse;width:100%;font-size:1rem}.spec th,.spec td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.95rem .6rem}.spec thead th{font:400 .75rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.spec tbody th{color:var(--muted);width:45%;font-weight:500}.table-wrap .muted{margin-top:1rem}.refs__lead{max-width:64ch;margin:1.4rem 0 2.5rem}.refs__grid{grid-template-columns:repeat(3,1fr);gap:1.2rem;display:grid}.ref{border-radius:var(--radius);border:1px dashed #e9eff64d;align-content:start;gap:1rem;padding:1.6rem;display:grid}.ref .mono{color:var(--warn)}.ref dl{color:var(--muted);gap:.3rem;display:grid}.ref dt{font:400 .72rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-top:.5rem}@media (width<=900px){.refs__grid{grid-template-columns:1fr}}.inquiry .h2{margin-bottom:1.4rem}.summary{border-radius:var(--radius);border:1px solid var(--accent);background:#5cc8ff12;margin-top:2rem;padding:1.4rem}.summary .mono{color:var(--accent);margin-bottom:.5rem}.summary__text{font-size:1.15rem}.form{justify-items:start;gap:1.4rem;display:grid}.form>fieldset,.form>p{justify-self:stretch}.form__group{border:1px solid var(--line);border-radius:var(--radius);gap:.9rem;margin:0;padding:1.2rem 1.3rem 1.4rem;display:grid}.form__group legend{font:400 .78rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);padding:0 .4rem}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{position:relative}.chip input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.chip span{color:var(--muted);border:1px solid #e9eff659;border-radius:999px;min-height:44px;padding:.6rem 1rem;transition:background .2s,color .2s;display:block}.chip input:checked+span{background:var(--fg);color:var(--bg);border-color:var(--fg)}.chip input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.form__note{color:var(--warn);font-size:.95rem}.form__status{min-height:1.5em}.form__status.is-err{color:#ffb4a8}.form__status.is-ok{color:var(--accent)}.footer{border-top:1px solid var(--line);background:var(--bg);padding-block:2.5rem}.footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;display:flex}.footer__links{gap:1.4rem;display:flex}.footer__links a{color:var(--muted);padding:.5rem 0;display:inline-block}.legal{padding:calc(var(--nav-h) + 3rem) 0 5rem}.legal h1{letter-spacing:-.02em;margin-bottom:2rem;font-size:clamp(2.2rem,1.6rem + 2vw,3.2rem)}.legal h2{margin:2.2rem 0 .6rem;font-size:1.3rem}.legal p,.legal li{color:var(--muted);max-width:72ch;margin-bottom:.7rem}.legal ul{padding-left:1.3rem;list-style:outside}.legal a{color:var(--accent)}.legal table{border-collapse:collapse;width:100%;font-size:.92rem}.legal th,.legal td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;color:var(--muted);padding:.7rem .5rem}.legal th{color:var(--fg);font-weight:500}.legal .note{border:1px dashed var(--warn);color:var(--warn);border-radius:10px;padding:1rem 1.2rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.step{opacity:1}}.nav--static{position:sticky}.nav--static .nav__inner{justify-content:space-between}.legal{padding-top:3rem}.legal .ph{white-space:normal}.table-scroll{border-radius:8px;margin:1.5rem 0;overflow-x:auto}.table-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.legal td a{overflow-wrap:anywhere}.legal table{min-width:44rem}