:root{color-scheme:dark;--bg:#020c12;--panel:#081d26;--line:#184750;--mint:#2ff1c4;--text:#f3ffff;--muted:#a0b6c4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:radial-gradient(ellipse at 85% 0,#0a303633,transparent 55%),var(--bg);color:var(--text);font:15px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--mint)}button{cursor:pointer}em{font-style:normal;color:var(--mint)}.wrap{width:min(1160px,calc(100% - 64px));margin:auto}.demo{font-size:10px;text-align:center;letter-spacing:1.4px;padding:9px 12px;background:#15363c;color:#c0dcdf}header{display:flex;align-items:center;justify-content:space-between;gap:30px;height:100px}.brand{display:flex;align-items:center;gap:12px}.brand-glyph{width:45px;height:45px}.brand b{font-size:16px;letter-spacing:-.6px;white-space:nowrap}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:2px}nav{display:flex;gap:28px;font-size:13px;color:var(--muted)}nav a:hover,.text-link:hover{color:var(--mint)}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--mint);color:#00231f;font-weight:700;font-size:14px;border:1px solid var(--mint);border-radius:10px;padding:15px 23px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#67ffd6}.button.subtle{background:#0b232b;color:#e9ffff;border-color:#31535d}.button.subtle:hover{background:#15383e}header .button{font-size:12px;padding:11px 16px}.text-link{background:none;border:0;color:var(--text);font-size:14px;padding:0}.hero{min-height:580px;position:relative;isolation:isolate;display:flex;align-items:center}.hero:before{content:'';position:absolute;inset:0 -32px;z-index:-1;background:linear-gradient(90deg,#020c12 4%,#020c12de 25%,#020c1210 70%),url(mountain.webp) 68% center/cover no-repeat;border-radius:3px}.hero-copy{padding:40px 0 70px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:3px;color:var(--muted);margin:0 0 18px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6.5vw,82px);letter-spacing:-4px;line-height:1.02;margin-bottom:28px}h2{font-size:36px;line-height:1.15;letter-spacing:-1.4px;margin-bottom:20px}h3{font-size:20px;line-height:1.3;letter-spacing:-.4px}p{color:var(--muted)}.lead{font-size:18px;line-height:1.7}.actions{display:flex;align-items:center;gap:25px;margin-top:34px}.hint{font-size:12px;line-height:1.7;margin:18px 0 0;color:#829da8}.hero-label{position:absolute;bottom:36px;right:0;font-weight:700;letter-spacing:1.4px;font-size:11px}.hero-label small{display:block;font-size:8px;font-weight:400;letter-spacing:4px;color:#a4d9d2;margin-left:15px}.dot{display:inline-block;background:var(--mint);width:6px;height:6px;border-radius:50%;margin-right:8px;box-shadow:0 0 18px var(--mint)}section.wrap{padding-top:85px}.hero.wrap{padding-top:0}.section-title{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:32px}.section-title h2{margin-bottom:0}.section-title>p{font-size:14px;margin:0}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;border-top:1px solid var(--line);padding-top:30px}.number{color:var(--mint);font-size:13px;display:block;margin-bottom:26px}.three p{font-size:14px}.devices{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.platform-grid a{background:linear-gradient(140deg,#0b282f,#071720);border:1px solid var(--line);border-radius:12px;padding:20px;font-size:13px}.platform-grid a:hover{border-color:var(--mint)}.platform-grid span{display:block;font-size:25px;color:var(--mint);margin-bottom:8px}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.plan{padding:25px 20px;background:linear-gradient(135deg,#0b242c,#06161e);border:1px solid var(--line);border-radius:14px}.plan.featured{border-color:#36aa8e}.plan h3{font-size:26px;margin:16px 0 25px}.plan p{font-size:12px}.plan .button{width:100%;padding:12px 8px}.faq{max-width:850px}details{border-bottom:1px solid var(--line);padding:23px 0}summary{cursor:pointer;list-style:none;font-size:17px;padding-right:30px;position:relative}summary:after{content:'+';position:absolute;right:0;color:var(--mint)}details[open] summary:after{content:'−'}details p{padding-top:18px;font-size:14px;margin-bottom:0}.closing{padding-bottom:90px}.closing h2{font-size:50px}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:30px 0;font-size:11px;color:var(--muted);gap:20px}footer .brand-glyph{width:33px;height:33px}footer .brand b{font-size:12px}footer .brand small{font-size:8px}.cabinet{padding-top:50px;padding-bottom:85px;min-height:76vh}.cabinet h1{font-size:46px;letter-spacing:-2px}.panel{background:linear-gradient(140deg,#0c2b31,#071922);border:1px solid var(--line);border-radius:18px;padding:34px}.login-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.login-layout .panel{padding:45px}.login-art{background:linear-gradient(0deg,#020c12bb,transparent),url(mountain.webp) 65% center/cover;border-radius:18px;min-height:490px;display:flex;align-items:end;padding:35px}.login-art h2{font-size:42px}.login-art em{color:#eafffb}form{margin-top:30px}label{display:block;font-size:12px;color:#b3ccd1;margin-bottom:8px}input{width:100%;border:1px solid #34555f;border-radius:10px;padding:14px 16px;background:#04151d;color:white;margin-bottom:18px}form .button{width:100%}form .text-link{margin-top:18px}.demo-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:25px 0;font-size:11px;color:var(--muted)}.demo-controls button{font-size:11px;color:var(--muted);border:1px solid var(--line);background:#092029;padding:8px 13px;border-radius:30px}.demo-controls button[aria-pressed=true]{border-color:var(--mint);color:var(--mint)}.dashboard-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.panel h2{font-size:25px}.badge{border:1px solid #3a8375;border-radius:8px;padding:5px 10px;font-size:11px;color:var(--mint);white-space:nowrap}.state-title{font-size:30px;margin:30px 0 15px}.access>p{font-size:14px}.metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:25px 0}.metrics>div{display:flex;justify-content:space-between;padding:15px 0;font-size:13px}.metrics span{color:var(--muted)}.connection{display:flex;flex-direction:column;justify-content:center;text-align:center}.connection .button{width:100%}.lock-icon{font-size:58px;color:#598b91;display:block;margin:20px 0}.support-row{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:20px 0 65px;padding:24px 30px}.support-row h3{font-size:16px;margin:0}.support-row p{font-size:12px;margin:5px 0 0}dialog{background:#09202a;border:1px solid #35616a;border-radius:20px;color:var(--text);padding:40px;max-width:480px;width:calc(100% - 35px)}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:18px;top:10px;background:none;border:0;color:var(--muted);font-size:28px}dialog .button{margin-top:20px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#d3ffef;color:#003b2d;border-radius:10px;padding:12px 20px;opacity:0;pointer-events:none}.toast.show{opacity:1}[hidden]{display:none!important}@media(max-width:850px){.wrap{width:calc(100% - 40px)}nav{display:none}header{gap:12px}.brand b{font-size:14px}.hero:before{inset:0 -20px;background-position:65% center}.hero{min-height:570px}.hero:before{background-image:linear-gradient(90deg,#020c12ee,#020c1244),url(mountain.webp)}h1{font-size:66px}.plans{grid-template-columns:1fr 1fr}.devices{gap:30px}.login-layout,.dashboard-grid{grid-template-columns:1fr}.login-art{display:none}.support-row{flex-wrap:wrap}.section-title>p{max-width:190px}footer{flex-wrap:wrap}}@media(max-width:560px){header{height:85px}.brand-glyph{width:36px;height:36px}.brand{gap:7px}.brand b{font-size:12px}.brand small{font-size:8px;letter-spacing:1px}header .button{font-size:10px;padding:9px}.hero{min-height:600px}.hero-copy{padding-bottom:80px}h1{font-size:62px}.lead{font-size:16px}.hero-label{right:0;bottom:25px}.actions{align-items:start;flex-direction:column;gap:20px}.three,.devices{grid-template-columns:1fr}.three{gap:20px}.three article{display:grid;grid-template-columns:35px 1fr;gap:0 10px}.three p{grid-column:2}.number{margin:0}.three h3{margin-bottom:10px}h2{font-size:30px}.section-title{align-items:start}.section-title>p{display:none}section.wrap{padding-top:60px}.hero.wrap{padding-top:0}.plans{gap:10px}.plan{padding:20px 13px}.plan h3{font-size:23px}.plan .eyebrow{letter-spacing:1px}.closing h2{font-size:39px}footer{gap:25px}.panel,.login-layout .panel{padding:25px}.cabinet{padding-top:25px}.cabinet h1{font-size:36px}.state-title{font-size:26px}.demo-controls span{width:100%}.support-row{padding:22px}.badge{font-size:10px}.panel .section-title{gap:10px}}
.form-error{color:#ffb8b8;font-size:13px;margin-top:0}.form-error:empty{display:none}.section-title{align-items:center}.plan{display:flex;flex-direction:column}.plan .button{margin-top:auto}button[disabled]{cursor:not-allowed;opacity:.55}.platform-grid a{min-height:44px}.brand small{line-height:1.5}dialog .button{min-height:44px}@media(max-width:560px){.cabinet .section-title{align-items:start;flex-wrap:wrap}.badge{max-width:100%;white-space:normal}.brand b{white-space:normal}header .button{max-width:125px;text-align:center}.metrics>div{gap:14px}.metrics strong{text-align:right}.demo-controls button{min-height:38px}.section-title h1{margin-bottom:0}.plan .button{min-height:44px}.text-link{min-height:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.platform-icon{width:28px;height:28px;display:block}.state-title:focus:not(:focus-visible){outline:none}.form-error{scroll-margin-top:30px}
