:root{color-scheme:dark;--bg:#091b20;--muted:#afc2c3;--line:#294046;--lime:#d6f77c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:#f3f7f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--lime);outline-offset:6px}a:hover{color:var(--lime)}img{max-width:100%;display:block}header,main,footer{max-width:1320px;margin:auto;padding:0 48px}.nav{display:flex;justify-content:space-between;align-items:center;height:110px}.brand{display:flex;gap:13px;align-items:center;font-size:20px;font-weight:750;letter-spacing:-.6px}nav{display:flex;gap:30px;font-size:14px}.hero{padding:72px 0 80px;display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}.eyebrow,.number{font-size:12px;letter-spacing:2px;font-weight:650;color:var(--lime)}h1{font-size:clamp(48px,5.5vw,76px);line-height:1.06;letter-spacing:-4px;margin:24px 0}em{font-style:normal;color:var(--lime)}.lead{font-size:19px;line-height:1.65;color:var(--muted);max-width:530px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 16px}.button{padding:14px 20px;border-radius:7px;font-size:14px;font-weight:700}.primary{background:var(--lime);color:#14221a}.primary:hover{background:#e9ffb3;color:#14221a}.secondary{border:1px solid #4d656b}.fine{font-size:12px;color:var(--muted)}.hero-screen{border:1px solid #345058;border-radius:16px;padding:10px;background:#142b32;box-shadow:0 28px 80px #0005;transform:rotate(-2deg)}.hero-screen img{border-radius:8px}.hero-screen span{display:block;text-align:center;font-size:12px;letter-spacing:1px;margin:13px}.strip{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;color:var(--lime);font-size:12px}.strip b{color:#dce8e7;font-weight:500;padding-left:14px}section{padding:84px 0}.section-head{max-width:750px;margin-bottom:38px}h2{font-size:clamp(30px,3.8vw,48px);line-height:1.16;letter-spacing:-1.8px;margin:18px 0 22px}p{color:var(--muted)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.features article{border-top:1px solid var(--line);padding-top:25px}h3{font-size:23px;font-weight:600;line-height:1.4;letter-spacing:-.5px}.features p{font-size:15px}.gallery{padding-top:15px}.shots{display:grid;grid-template-columns:1fr 1fr;gap:38px 28px}figure{margin:0}figure img{border:1px solid #3a5157;border-radius:10px}figcaption{font-size:14px;color:var(--muted);margin:16px 0}figcaption b{color:#f2f5ee;font-weight:550}.remote{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 340px;gap:100px;align-items:center}.remote ul{padding-left:20px;color:#dce8e7}.remote li{padding:6px}.phone{height:575px;overflow:hidden;border:8px solid #294148;border-radius:34px;box-shadow:0 20px 80px #0006}.phone img{width:100%}.specs{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line)}dl{margin:0}dl div{border-bottom:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;gap:20px;font-size:14px}dt{color:var(--muted)}dd{margin:0;text-align:right}.install{background:#142d31;border:1px solid #345054;border-radius:18px;padding:50px}.install ol{padding-left:25px;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.install li{padding-left:5px}.install b,.install span{display:block}.install span{font-size:14px;color:var(--muted);margin-top:10px}.notes{padding:60px 0}.notes h2{font-size:20px;letter-spacing:0}.notes p{font-size:13px;max-width:1000px}footer{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid var(--line);padding-top:25px;padding-bottom:35px;font-size:12px}@media(max-width:950px){.hero{grid-template-columns:1fr;gap:35px;padding-top:40px}.hero-screen{transform:none}.features{gap:20px}.remote{gap:40px;grid-template-columns:1fr 280px}.specs{gap:35px}.strip{flex-wrap:wrap}}@media(max-width:640px){header,main,footer{padding-left:22px;padding-right:22px}.nav{height:85px}nav{gap:16px}nav a:first-child{display:none}.brand{font-size:16px}h1{letter-spacing:-2.5px}.hero{padding-bottom:45px}.strip{display:grid;gap:12px}section{padding:50px 0}.features,.shots,.remote,.specs{grid-template-columns:1fr}.remote{gap:28px}.phone{width:300px;max-width:100%;justify-self:center}.install{padding:28px 24px}.install ol{grid-template-columns:1fr;gap:22px}.install .actions{gap:16px}footer{flex-wrap:wrap}.section-head{margin-bottom:25px}}
img{height:auto}