*{box-sizing:border-box}
:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#122b2b;color:#f2f3e9;-webkit-font-smoothing:antialiased}
body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #bce4d1;outline-offset:6px}a:hover{opacity:.8}
.header,main,footer{max-width:1440px;margin:auto}
.header{height:112px;padding:0 64px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;font-size:30px;font-weight:700;letter-spacing:-1.4px}.brand img{width:32px;height:32px;object-fit:contain}
.contact{font-size:14px;color:#cad6d0}
.hero{display:grid;grid-template-columns:1fr 1.17fr;min-height:650px;margin:0 32px;overflow:hidden}
.copy{padding:88px 32px 64px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.platform{font-size:14px;color:#b9cec3;margin-bottom:30px}
h1{font-size:clamp(62px,6.6vw,96px);line-height:.99;letter-spacing:-5px;font-weight:700;margin:0}h1 span{color:#bce4d1}
p{font-size:19px;line-height:1.5;color:#cad6d0;margin:30px 0 34px}
.download{display:flex;gap:10px;align-items:center;border:1px solid #77948a;border-radius:8px;padding:10px 18px;background:#0d2020;min-height:60px}.download svg{width:28px;height:32px}.download span{display:flex;flex-direction:column}.download small{font-size:10px;line-height:1.3}.download strong{font-weight:500;font-size:23px;letter-spacing:-.6px}
.product{background:#a8c9b8;position:relative;display:flex;gap:24px;align-items:center;justify-content:center;padding:48px 30px;overflow:hidden}
.device{margin:0;position:relative;padding:6px;background:#111818;border:1px solid #657971;border-radius:39px;flex:0 0 auto;width:246px;box-shadow:0 18px 26px #193c3330}.device img{display:block;width:100%;height:auto;border-radius:32px}.primary{margin-top:-40px}.secondary{margin-top:90px}.island{position:absolute;top:2.2%;left:35%;width:30%;height:3.8%;background:#000;border-radius:20px}
.details{padding:27px 64px 31px;display:flex;align-items:center;justify-content:space-between;gap:20px}.details>span{font-size:15px;color:#dae4dc}.details small{font-size:11px;color:#a6bdb2}
footer{padding:26px 64px 32px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff1a;font-size:12px;color:#a6bdb2}
@media(min-width:1600px){.hero{min-height:710px}.device{width:270px}}
@media(max-width:1150px){.header{padding:0 40px}.hero{margin:0 20px;grid-template-columns:.95fr 1fr}.copy{padding-left:20px}h1{font-size:72px;letter-spacing:-4px}.product{gap:16px;padding:35px 20px}.device{width:210px;border-radius:34px}.device img{border-radius:27px}.details,footer{padding-left:40px;padding-right:40px}}
@media(max-width:850px){.header{height:88px;padding:0 24px}.brand{font-size:27px}.hero{grid-template-columns:1fr;margin:0 16px}.copy{padding:45px 8px 50px}.platform{margin-bottom:23px}h1{font-size:76px;letter-spacing:-4px}p{margin:24px 0 28px;font-size:18px}.product{min-height:590px;gap:24px;padding:45px 24px}.device{width:230px}.primary{margin-top:-30px}.secondary{margin-top:65px}.details{padding:24px;align-items:flex-start;flex-direction:column;gap:10px}footer{padding:24px}}
@media(max-width:520px){.product{min-height:460px;gap:16px;padding:35px 18px}.device{width:46%;max-width:210px;padding:4px;border-radius:29px}.device img{border-radius:24px}.secondary{margin-top:65px}.primary{margin-top:-20px}h1{font-size:clamp(48px,14vw,64px);letter-spacing:-3px}footer{font-size:11px;gap:12px}}
@media(max-width:360px){h1{font-size:48px}.product{min-height:400px}.device{border-radius:24px}.device img{border-radius:20px}footer{flex-direction:column}}