@font-face{font-family:Inter;src:url("/fonts/InterVariable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--black:#050505;--ink:#090a0b;--panel:#0d0f11;--raised:#121416;--line:#292c30;--line-soft:#1d1f22;--text:#f3f4f2;--muted:#a1a5aa;--quiet:#6f747a;--accent:#54d2b2;--accent-dark:#09251e;font-family:Inter,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;background:var(--black);color:var(--text);font-size:15px;line-height:1.6;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}
a{color:inherit}
a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:5px}
img{max-width:100%}
.skip-link{position:absolute;top:-90px;left:20px;z-index:20;padding:9px 13px;background:var(--accent);color:#07120f;text-decoration:none;font-weight:700}.skip-link:focus{top:16px}
.wrap{width:min(100% - clamp(40px,8vw,128px),1440px);margin-inline:auto}
.site-header{position:relative;z-index:10;min-height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:14px clamp(20px,4vw,64px);border-bottom:1px solid var(--line-soft);background:rgba(5,5,5,.9);backdrop-filter:blur(16px)}
.brand,.footer-brand{display:inline-flex;align-items:center;gap:11px;width:max-content;color:var(--text);text-decoration:none;font-weight:700;letter-spacing:-.025em}.brand img,.footer-brand img{border-radius:7px}
.site-header nav{display:flex;gap:32px;align-items:center}.site-header nav a,.site-footer nav a{color:var(--muted);font-size:13px;text-decoration:none;transition:color .15s ease}.site-header nav a:hover,.site-footer nav a:hover{color:var(--text)}
.site-header>.store-button{justify-self:end}
.store-button{display:inline-flex;align-items:center;gap:13px;min-height:54px;padding:10px 18px;border:1px solid #e8ebe8;border-radius:10px;background:#f4f5f2;color:#090a09;text-decoration:none;font-weight:680;line-height:1.15;box-shadow:0 0 0 0 rgba(84,210,178,0);transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}.store-button:hover{background:#fff;box-shadow:0 0 0 4px rgba(84,210,178,.12);transform:translateY(-1px)}
.store-button small{display:block;margin-bottom:3px;color:#4f5553;font-size:9px;font-weight:580}.store-button-small{min-height:39px;padding:7px 13px;border-color:#3a3e41;background:#111315;color:var(--text);font-size:12px}.store-button-small:hover{background:#181b1d}.store-button-small .windows-mark{width:14px;height:14px}.store-button-small .windows-mark i{background:var(--accent)}
.windows-mark{display:grid;grid-template-columns:1fr 1fr;gap:2px;width:21px;height:21px;transform:skewY(-4deg)}.windows-mark i{display:block;background:#151716}
.hero{position:relative;display:grid;grid-template-columns:minmax(370px,.78fr) minmax(580px,1.22fr);align-items:center;gap:clamp(42px,6vw,100px);min-height:760px;padding-block:94px 110px}
.hero:before{content:"";position:absolute;top:80px;left:-210px;width:510px;height:510px;border-radius:50%;background:rgba(84,210,178,.08);filter:blur(110px);pointer-events:none}
.hero-copy{position:relative;z-index:2;max-width:650px}.availability{display:flex;align-items:center;gap:10px;margin:0 0 25px;color:#bdc2c1;font-size:12px}.availability span{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(84,210,178,.09)}
.hero h1{max-width:650px;margin:0;color:#f7f7f4;font-size:clamp(54px,5.7vw,86px);font-weight:630;letter-spacing:-.068em;line-height:.99}
.hero-lede{max-width:590px;margin:29px 0 32px;color:#b7bbbe;font-size:17px;line-height:1.72}
.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.quiet-link{padding:8px 2px;border-bottom:1px solid #555b5e;color:#c9ccce;font-size:13px;text-decoration:none}.quiet-link:hover{border-color:var(--accent);color:var(--text)}
.hero-facts{display:flex;flex-wrap:wrap;gap:9px 21px;margin-top:34px;color:var(--quiet);font-size:11px}.hero-facts span{position:relative}.hero-facts span+span:before{content:"";position:absolute;top:7px;left:-12px;width:3px;height:3px;border-radius:50%;background:#4b5054}
.hero-product{position:relative;min-width:0;transform:translateX(5%)}
.pane-rail{position:absolute;z-index:2;left:-27px;top:50%;display:grid;gap:9px;padding:11px 8px;transform:translateY(-50%);border:1px solid var(--line);border-radius:12px;background:#090a0b;box-shadow:0 18px 45px #000}.pane-rail span{width:8px;height:23px;border:1px solid #34383b;border-radius:3px;background:#151719}.pane-rail span.active{border-color:var(--accent);background:var(--accent)}
.app-frame{position:relative;margin:0;border:1px solid #3b3f43;border-radius:16px;overflow:hidden;background:#020303;box-shadow:-24px 45px 100px rgba(0,0,0,.62),0 0 0 8px rgba(255,255,255,.018)}
.app-frame:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);border-radius:inherit}.app-frame>img{display:block;width:100%;height:auto}.window-bar{height:35px;display:flex;align-items:center;gap:8px;padding:0 11px;border-bottom:1px solid var(--line-soft);background:#0d0e0f;color:#7f8589;font-size:9px}.window-bar img{border-radius:4px}.window-bar span{color:#c6c9c8}.window-bar b{margin-left:auto;padding:3px 7px;border:1px solid #303437;border-radius:5px;color:#9aa09f;font-weight:550}.window-bar i{width:10px;height:10px;margin-left:5px;border:1px solid #393d40;border-radius:2px}
.product-strip{border-block:1px solid var(--line-soft);background:#08090a}.strip-grid{display:grid;grid-template-columns:repeat(3,1fr)}.strip-grid p{display:flex;align-items:center;gap:16px;margin:0;padding:24px clamp(12px,3vw,40px);border-right:1px solid var(--line-soft);color:#c4c7c7;font-size:12px}.strip-grid p:first-child{padding-left:0}.strip-grid p:last-child{border-right:0}.strip-grid strong{color:var(--accent);font-size:10px;font-weight:650}
.workspace{padding-block:140px 150px}.section-intro{display:grid;grid-template-columns:minmax(130px,.32fr) minmax(420px,1fr) minmax(250px,.55fr);gap:clamp(30px,5vw,78px);align-items:start;margin-bottom:55px}.section-intro>p:first-child,.control-copy>p:first-child,.closing>div>p{margin:9px 0 0;color:var(--accent);font-size:12px;font-weight:650}.section-intro h2,.control-copy h2,.closing h2{margin:0;font-size:clamp(39px,5vw,66px);font-weight:590;letter-spacing:-.057em;line-height:1.07}.section-copy{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.75}.section-intro.compact{grid-template-columns:minmax(130px,.32fr) minmax(420px,1.55fr);max-width:1050px}.section-intro.compact h2{font-size:clamp(38px,4.5vw,59px)}
.wide-shot{margin:0;border:1px solid #35393c;border-radius:16px;overflow:hidden;background:#050606;box-shadow:0 30px 90px #000}.wide-shot img{display:block;width:100%;height:auto}.wide-shot figcaption{display:flex;justify-content:space-between;gap:30px;padding:15px 19px;border-top:1px solid var(--line-soft);color:var(--quiet);font-size:11px}.wide-shot figcaption span:first-child{color:#c4c8c7}
.inside{padding-bottom:150px}.feature-row{display:grid;grid-template-columns:minmax(300px,.42fr) minmax(570px,.98fr);gap:clamp(50px,8vw,125px);align-items:center;min-height:650px;padding-block:90px;border-top:1px solid var(--line-soft)}.feature-row.reversed{grid-template-columns:minmax(570px,.98fr) minmax(300px,.42fr)}.feature-row.reversed .feature-copy{order:2}.feature-row.reversed figure{order:1}.feature-number{display:inline-grid;place-items:center;width:34px;height:34px;margin-bottom:31px;border:1px solid #34594f;border-radius:9px;color:var(--accent);font-size:11px}.feature-copy h3{max-width:500px;margin:0 0 20px;font-size:clamp(29px,3.2vw,45px);font-weight:590;letter-spacing:-.047em;line-height:1.12}.feature-copy>p{max-width:520px;margin:0 0 26px;color:var(--muted);font-size:14px;line-height:1.75}.feature-copy ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.feature-copy li{padding:6px 9px;border:1px solid var(--line);border-radius:6px;color:#969b9f;font-size:10px}.feature-row figure,.control-grid figure{position:relative;margin:0;border:1px solid #303438;border-radius:14px;overflow:hidden;background:#070808;box-shadow:0 25px 70px rgba(0,0,0,.44)}.feature-row figure:before,.control-grid figure:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);pointer-events:none}.feature-row figure img,.control-grid figure img{display:block;width:100%;height:auto}
.control-section{padding-block:130px;border-block:1px solid var(--line-soft);background:var(--ink)}.control-grid{display:grid;grid-template-columns:minmax(350px,.48fr) minmax(570px,1fr);gap:clamp(55px,9vw,140px);align-items:center}.control-copy h2{margin-top:16px;font-size:clamp(39px,4.5vw,59px)}.control-copy>p:not(:first-child){max-width:510px;margin:25px 0 34px;color:var(--muted);line-height:1.75}.control-copy dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-block:1px solid var(--line)}.control-copy dl div{padding:15px 11px 14px;border-right:1px solid var(--line)}.control-copy dl div:first-child{padding-left:0}.control-copy dl div:last-child{border-right:0}.control-copy dt{color:var(--quiet);font-size:9px}.control-copy dd{margin:4px 0 0;color:#d3d5d5;font-size:11px}
.faq{padding-block:135px}.faq .section-intro{margin-bottom:54px}.faq-list{max-width:950px;margin-left:auto;border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 0;cursor:pointer;list-style:none;color:#dfe1e0;font-size:16px}.faq summary::-webkit-details-marker{display:none}.faq summary span{position:relative;width:18px;height:18px;flex:0 0 auto}.faq summary span:before,.faq summary span:after{content:"";position:absolute;top:8px;left:2px;width:14px;height:1px;background:#9aa09f}.faq summary span:after{transform:rotate(90deg);transition:transform .18s ease}.faq details[open] summary span:after{transform:rotate(0)}.faq details p{max-width:690px;margin:-5px 0 27px;color:var(--muted);font-size:13px;line-height:1.75}
.closing{display:flex;align-items:end;justify-content:space-between;gap:50px;padding-block:102px}.closing h2{max-width:780px;margin-top:13px}.closing>div>span{display:block;margin-top:21px;color:var(--muted);font-size:13px}.closing>.store-button{flex:0 0 auto}
.site-footer{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:30px;min-height:115px;border-top:1px solid var(--line-soft);color:var(--quiet);font-size:11px}.site-footer p{margin:0}.site-footer nav{display:flex;gap:20px}.site-footer small{white-space:nowrap}
@media(max-width:1100px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:90px}.hero-copy{max-width:760px}.hero-product{transform:none}.app-frame{max-width:1000px}.section-intro{grid-template-columns:160px 1fr}.section-copy{grid-column:2}.feature-row,.feature-row.reversed,.control-grid{grid-template-columns:1fr;gap:50px}.feature-row,.feature-row.reversed{min-height:0}.feature-row.reversed .feature-copy{order:1}.feature-row.reversed figure{order:2}.feature-copy{max-width:650px}.control-copy{max-width:690px}.faq-list{max-width:none;margin:0}.site-footer{grid-template-columns:auto 1fr auto}.site-footer small{grid-column:3}.site-footer nav{grid-column:2}}
@media(max-width:700px){.wrap{width:min(100% - 36px,1440px)}.site-header{min-height:66px;padding-inline:18px}.site-header>.store-button span:last-child{font-size:0}.site-header>.store-button span:last-child:after{content:"Get";font-size:12px}.hero{min-height:0;padding-block:72px 82px}.hero h1{font-size:clamp(48px,13vw,67px)}.hero-lede{font-size:15px}.hero-facts{gap:8px 14px}.hero-facts span+span:before{display:none}.pane-rail{display:none}.app-frame{border-radius:10px}.hero-product{width:125%;max-width:none}.window-bar{height:27px}.window-bar i{display:none}.strip-grid{grid-template-columns:1fr}.strip-grid p,.strip-grid p:first-child{padding:14px 0;border-right:0;border-bottom:1px solid var(--line-soft)}.strip-grid p:last-child{border-bottom:0}.workspace{padding-block:90px 100px}.section-intro,.section-intro.compact{display:block;margin-bottom:36px}.section-intro>p:first-child{margin:0 0 14px}.section-intro h2,.section-intro.compact h2,.control-copy h2,.closing h2{font-size:clamp(35px,10vw,48px)}.section-copy{margin-top:22px}.wide-shot{width:125%;border-radius:10px}.wide-shot figcaption{display:none}.inside{padding-bottom:90px}.feature-row{padding-block:70px;gap:35px}.feature-copy h3{font-size:32px}.feature-row figure,.control-grid figure{width:118%;border-radius:10px}.feature-row.reversed figure{transform:translateX(-15%)}.control-section{padding-block:88px}.control-copy dl{grid-template-columns:1fr}.control-copy dl div,.control-copy dl div:first-child{display:flex;justify-content:space-between;padding:11px 0;border-right:0;border-bottom:1px solid var(--line)}.control-copy dl div:last-child{border-bottom:0}.faq{padding-block:90px}.faq summary{font-size:14px}.closing{align-items:start;flex-direction:column;padding-block:84px}.site-footer{grid-template-columns:1fr auto;gap:18px;padding-block:27px}.site-footer p{display:none}.site-footer nav{grid-column:1;grid-row:2}.site-footer small{grid-column:2;grid-row:2}.store-button:hover{transform:none}}
@media(max-width:430px){.brand span{font-size:13px}.store-button-small{padding-inline:10px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-facts{display:grid}.site-footer nav{gap:13px}.site-footer nav a{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.store-button,.faq summary span:after{transition:none}}
.site-header nav a[aria-current="page"]{color:var(--text);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:8px}
.site-footer nav{flex-wrap:wrap;row-gap:10px}
@media(max-width:1100px){.site-header{gap:8px 20px}.site-header nav{display:flex;grid-column:1/-1;grid-row:2;justify-content:center;gap:clamp(16px,4vw,32px)}.site-header nav a{display:inline-flex;align-items:center;min-height:44px}.site-header>.store-button{grid-column:2;grid-row:1}}
@media(max-width:700px){.site-header nav a{font-size:12px}.site-footer nav{grid-column:1/-1;grid-row:2;gap:8px 16px}.site-footer small{grid-column:2;grid-row:1}}