@font-face{font-family:Inter;src:url('assets/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Space;src:url('assets/space.woff2') format('woff2');font-weight:300 700;font-display:swap}
:root{--bg:#080b10;--surface:#10151d;--muted:#9da8b9;--ink:#f2f5fa;--cyan:#84e5e5;--line:#ffffff18;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}button,a,summary{touch-action:manipulation}button{cursor:pointer}.skip{position:fixed;top:-100px;left:20px;background:var(--cyan);color:#061012;padding:12px;z-index:20}.skip:focus{top:10px}.nav{height:92px;max-width:1400px;padding:0 5%;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:10px;font-family:Space,Arial,sans-serif;font-size:24px;font-weight:600;letter-spacing:-1px}.beta{font-family:Inter,sans-serif;font-size:10px;font-weight:500;letter-spacing:1.2px;border:1px solid #39404d;padding:2px 5px;margin-left:6px;color:#a6afc0}.nav nav{display:flex;gap:30px;font-size:14px;color:#b4bdcc}.nav nav a:hover,.text-link:hover,footer a:hover{color:var(--cyan)}.button{display:inline-flex;gap:24px;align-items:center;justify-content:center;border:1px solid #35414e;border-radius:8px;padding:14px 24px;font-size:15px;font-weight:600;line-height:1.5;transition:background .2s,transform .2s}.button:hover{background:#26313e;transform:translateY(-2px)}.button.small{padding:10px 17px;font-size:13px}.button.primary{background:var(--cyan);border-color:var(--cyan);color:#082022;box-shadow:0 0 34px #70e6e510}.button.primary:hover{background:#adf8f3}.hero{padding:74px 5% 62px;text-align:center;overflow:hidden}.eyebrow{font-size:11px;font-weight:500;letter-spacing:2.3px;color:#9daebf;margin:0 0 22px}.eyebrow>span{width:5px;height:5px;background:var(--cyan);display:inline-block;vertical-align:middle;margin-right:9px;border-radius:100%}h1,h2,h3{font-family:Space,Arial,sans-serif;line-height:1.04;letter-spacing:-.055em;margin:0;font-weight:500}h1{font-size:clamp(64px,7.9vw,116px)}h1 em,h2 em{font-style:normal;background:linear-gradient(105deg,#c4eeee 5%,#89b1d9 45%,#b9a3ed 90%);background-clip:text;-webkit-background-clip:text;color:transparent}.lede{font-size:18px;line-height:1.7;color:#a4afbf;margin:26px 0}.hero-actions{display:flex;justify-content:center;align-items:center;gap:32px;margin:30px 0 20px}.text-link{font-size:14px;display:inline-flex;gap:16px;align-items:center}.requirements{font-size:10px;letter-spacing:1.4px;color:#8a95a7;margin:0}.requirements i{font-style:normal;margin:0 12px;color:#586373}.stage{max-width:1080px;margin:65px auto 0;perspective:1400px;position:relative;padding:0 45px 58px}.halo{position:absolute;inset:0 -20% 0;pointer-events:none;background:radial-gradient(ellipse at 25% 30%,#3cb3b720,transparent 55%),radial-gradient(ellipse at 82% 50%,#63509d25,transparent 50%);filter:blur(35px)}.screen-assembly{position:relative;transform-style:preserve-3d;transition:transform .4s ease-out;will-change:transform}.screen{border:1px solid #566373;border-radius:12px;padding:7px;background:linear-gradient(140deg,#202833,#10151d);box-shadow:0 30px 70px #0008,0 0 0 5px #c6def105;text-align:left}.screen-top{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 12px 7px;color:#8c9aac;font-size:9px;letter-spacing:1.5px}.window-dots{display:flex;gap:5px}.window-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#506071}.window-dots i:first-child{background:#86c3ca}.comparison{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:5px;background:#151f27;isolation:isolate}.comparison img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.enhanced-region{position:absolute;inset:0;clip-path:inset(0 0 0 var(--split));opacity:var(--blend)}.image-label{position:absolute;top:18px;background:#071017a6;border:1px solid #ffffff24;border-radius:4px;padding:5px 10px;font-size:9px;letter-spacing:1.7px;pointer-events:none}.original-label{left:18px}.enhanced-label{right:18px;color:#b4fffa}.divider{position:absolute;left:var(--split);top:0;bottom:0;width:1px;background:#d5ffffb0;pointer-events:none}.divider>span{position:absolute;top:47%;left:0;transform:translate(-50%,-50%);background:#e4ffff;color:#172b30;line-height:38px;width:47px;height:38px;border-radius:30px;text-align:center;box-shadow:0 2px 15px #0005;font-size:17px}.compare-range{position:absolute;inset:0;z-index:3;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.comparison:focus-within{outline:3px solid var(--cyan);outline-offset:3px}.screen-footer{height:29px;display:flex;align-items:center;justify-content:space-between;padding:7px 12px 0;font-size:8px;letter-spacing:1.5px;color:#8391a2}.tiny-dot{display:inline-block;width:4px;height:4px;background:var(--cyan);border-radius:50%;margin:0 5px 1px 0}.float-panel{position:absolute;bottom:-34px;right:-25px;width:290px;padding:18px 20px;border:1px solid #61738768;border-radius:13px;background:#15202ded;box-shadow:0 20px 60px #0008;backdrop-filter:blur(16px);transform:translateZ(32px);text-align:left}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.panel-title>span{display:flex;align-items:center;gap:6px;font-size:12px}.switch{width:33px;height:21px;min-height:21px;border:0;border-radius:30px;background:#81e7df;padding:3px}.switch span{display:block;width:15px;height:15px;border-radius:100%;background:#143d3a;transform:translateX(12px);transition:transform .2s}.switch[aria-pressed=false]{background:#526071}.switch[aria-pressed=false] span{transform:none;background:#eff5fa}.float-panel label{font-size:12px;display:flex;justify-content:space-between;color:#b5c3d0}.float-panel output{color:#b5ffff}.float-panel input{width:100%;height:22px;margin:7px 0 0;accent-color:var(--cyan);cursor:pointer}.panel-foot{display:flex;justify-content:space-between;font-size:10px;color:#899aab}.demo-note{max-width:985px;margin:0 auto;display:flex;justify-content:space-between;align-items:start;text-align:left;font-size:12px;color:#9da8b9;gap:20px}.demo-note details{max-width:480px;text-align:right}.demo-note summary{cursor:pointer;font-size:12px}.demo-note p{font-size:13px}.demo-note a{color:var(--cyan)}.proof-strip{border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1240px;margin:0 auto;padding:25px 5%;font-size:13px}.proof-strip>span{font-size:9px;letter-spacing:1.6px;color:#8692a4}.proof-strip>div:before{content:'+';color:#87cacb;margin-right:10px}.section{max-width:1180px;margin:auto;padding:95px 30px}.intro{padding-top:110px;padding-bottom:25px}.intro h2{font-size:clamp(40px,4.2vw,62px)}h2 span{color:#737f91}.intro>p:last-child{max-width:490px;color:var(--muted);margin:25px 0 0}.feature{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center;padding-top:72px;padding-bottom:72px}.feature.reverse{grid-template-columns:1.15fr .85fr}.reverse .feature-copy{order:2}.feature h3{font-size:clamp(38px,3.9vw,54px);margin:20px 0 24px}.feature p{color:var(--muted);font-size:15px}.section-number{font-size:12px;letter-spacing:2px;color:#72cecf}.quiet{font-size:13px!important;color:#8994a4!important}.key-row{display:flex;align-items:center;gap:10px;margin-top:26px;font-size:11px;color:#b1bccb}.key-row kbd{background:#19212d;border:1px solid #3b4859;border-bottom-width:3px;border-radius:5px;padding:4px 8px;color:#e4ebf2;font-family:Inter,sans-serif}.key-row kbd:nth-of-type(2){margin-left:10px}.feature-visual{overflow:hidden;border:1px solid #26313e;border-radius:14px;background:radial-gradient(ellipse at top,#253444,#0e151f 70%);padding:25px 22px 0;position:relative;box-shadow:0 20px 45px #0003}.visual-caption{font-size:9px;letter-spacing:1.6px;color:#92a3b7;margin-bottom:20px}.feature-visual img{display:block;width:100%;height:auto;border:1px solid #38485a;border-radius:8px 8px 0 0;box-shadow:0 12px 35px #0006}.screenshot-visual{padding-bottom:50px}.visual-tag{position:absolute;bottom:16px;left:22px;font-size:11px;color:#adc7d1}.tuning{padding-bottom:25px}.format-row{display:flex;gap:10px;margin:24px 0}.format-row span{border:1px solid #354053;border-radius:5px;padding:6px 12px;color:#c8d3df;font-size:11px}.setup{border-top:1px solid var(--line);margin-top:55px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.setup h2,.compat h2,.faq h2{font-size:clamp(36px,4vw,54px)}.setup ol{list-style:none;padding:0;margin:0}.setup li{display:flex;gap:22px;padding:0 0 30px}.setup li>span{font-family:Space,sans-serif;color:var(--cyan);font-size:13px;border:1px solid #314d54;border-radius:50%;width:36px;height:36px;flex-shrink:0;display:grid;place-items:center}.setup li h3{font-size:20px;letter-spacing:-.02em;margin:5px 0 10px}.setup li p{color:var(--muted);font-size:14px;margin:0}.compat{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:40px}.compat p{color:var(--muted);font-size:14px;max-width:410px}.compat-table>div{border-bottom:1px solid var(--line);padding:17px 0;display:flex;justify-content:space-between;gap:20px;font-size:13px}.compat-table b{font-size:12px;font-weight:400;color:#9ba7ba}.compat-table b.verified{color:var(--cyan)}.compat-table p{font-size:12px;line-height:1.8;margin:22px 0 14px}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.questions details{border-bottom:1px solid var(--line);padding:19px 0}.questions details:first-child{padding-top:0}.questions summary{list-style:none;cursor:pointer;font-size:15px;display:flex;justify-content:space-between;gap:20px}.questions summary:after{content:'+';color:#a2b7c9}.questions details[open] summary:after{content:'−'}.questions p{color:var(--muted);font-size:14px;padding-right:25px}.closing{text-align:center;padding-top:80px;padding-bottom:95px;position:relative;background:radial-gradient(ellipse at 50% 90%,#2833433d,transparent 70%)}.closing>.eyebrow{margin:25px 0}.closing h2{font-size:clamp(42px,5vw,70px);margin-bottom:32px}.closing-links{margin:23px 0;font-size:12px;display:flex;gap:15px;justify-content:center;color:#b6c0d0}footer{max-width:1280px;padding:45px 5% 24px;margin:auto;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-top>div{display:flex;gap:25px;font-size:12px;color:#b0bbca}footer>p{font-size:11px;color:#7f8b9f;max-width:690px;margin:27px 0}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1px;color:#8290a3}.demo-loading{position:absolute;inset:0;background:#15202d;padding:60px;z-index:4;font-size:14px}.demo-loading[hidden]{display:none}
@media(min-width:1600px){.hero{padding-top:95px}.stage{margin-top:80px}}@media(max-width:1000px){.nav nav{gap:18px}.feature,.feature.reverse,.setup,.compat,.faq{gap:38px}.stage{padding-inline:15px}.float-panel{right:-5px}.section{padding-inline:6%}.proof-strip{flex-wrap:wrap;justify-content:center}.proof-strip>span{width:100%;text-align:center}.screen-code{display:none}}@media(max-width:760px){.nav{height:78px}.nav nav{display:none}.brand{font-size:21px}.beta{display:none}.hero{padding-top:52px}h1{font-size:clamp(53px,11vw,82px)}.lede{font-size:16px}.hero-actions{flex-direction:column;gap:20px}.requirements{font-size:9px;letter-spacing:.8px}.requirements i{margin:0 7px}.stage{margin-top:42px;padding:0 0 125px}.screen{padding:5px}.screen-top{font-size:7px;height:26px}.screen-footer{font-size:6px;height:24px;padding-inline:5px;letter-spacing:.8px}.float-panel{right:12px;bottom:-105px;width:260px}.screen-assembly{transform:none!important;will-change:auto}.image-label{top:10px;font-size:7px;padding:4px 6px;letter-spacing:1px}.original-label{left:10px}.enhanced-label{right:10px}.demo-note{display:block;font-size:12px;text-align:center}.demo-note details{max-width:100%;text-align:center;margin-top:12px}.proof-strip{gap:18px 22px;font-size:11px;padding:25px}.section{padding-top:60px;padding-bottom:60px}.intro{padding-bottom:0}.feature,.feature.reverse,.setup,.compat,.faq{grid-template-columns:1fr;gap:32px}.reverse .feature-copy{order:0}.feature h3{font-size:43px}.feature-visual{max-width:580px;width:100%}.setup{margin-top:15px}.compat{padding-top:20px}.footer-top{align-items:flex-start;flex-direction:column}.footer-top>div{gap:20px;flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:10px}.closing{padding-inline:24px}.closing h2{font-size:45px}.key-row{flex-wrap:wrap}.float-panel .switch{min-width:44px;min-height:28px}.switch span{transform:translateX(20px)}.screen-footer>span:last-child{max-width:130px;text-align:right}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.screen-assembly{transform:none!important;will-change:auto}}

.detail-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-pair figure{margin:0;min-width:0}.detail-pair img{width:100%;height:230px;object-fit:cover;object-position:50% 50%;border-radius:6px}.detail-pair figcaption{font-size:13px;color:var(--muted);margin-top:10px}.feature-copy p{font-size:16px}.mobile-nav{display:none}.button.small{font-size:14px}@media(max-width:760px){.mobile-nav{display:block;margin-left:auto;font-size:14px}.mobile-nav summary{cursor:pointer;padding:10px}.mobile-nav div{position:absolute;right:5%;top:70px;z-index:20;padding:20px;background:#17212c;border:1px solid #465263;border-radius:10px;display:grid;gap:16px}.nav{gap:10px}.nav .button.small{padding:10px}.detail-pair img{height:200px}}
@media(max-width:400px){.nav{padding-inline:4%;gap:5px}.nav .brand{font-size:19px;gap:6px}.nav .brand img{width:28px;height:28px}.mobile-nav summary{padding:8px 4px}.nav .button.small{font-size:12px;padding:10px;gap:8px}}
