*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#080d15;color:#f2f6fa;font:17px/1.65 "Segoe UI",Arial,sans-serif}a{color:inherit}.wrap{max-width:1240px;margin:auto;padding:0 36px}header{display:flex;align-items:center;justify-content:space-between;min-height:110px;border-bottom:1px solid #243344}.brand{display:flex;gap:14px;align-items:center;text-decoration:none;font-weight:750;letter-spacing:2px;line-height:1.3}.brand small{display:block;font-size:12px;font-weight:400;letter-spacing:2px;color:#a3b3c2;margin-top:5px}nav{display:flex;gap:30px}nav a{text-decoration:none;font-size:15px}nav a:hover{color:#00d9ff}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:40px;padding-top:72px;padding-bottom:75px;align-items:center}.eyebrow{color:#00d9ff;font-size:14px;letter-spacing:2px;font-weight:700;margin:0 0 23px}h1{font-size:clamp(45px,5.1vw,72px);line-height:1.08;letter-spacing:-2.5px;margin:0 0 27px}h1 em{font-style:normal;color:#00d9ff}.lead{font-size:21px;max-width:440px;color:#b5c2d0;line-height:1.55}.release{font-size:24px;font-weight:700;margin-top:29px}.platform{font-size:15px;color:#a3b3c2;margin-top:7px}.button{display:inline-block;background:#00d9ff;color:#05121c;padding:13px 24px;border-radius:5px;text-decoration:none;font-weight:700;margin-top:13px}.button:hover{background:#86edff}.hero-art{position:relative;padding-top:0}.round{display:block;width:58%;height:auto;margin:0 auto 30px}.screen{border:1px solid #3b4c5d;padding:9px;border-radius:12px;background:#182432;box-shadow:0 25px 75px #0008;transform:rotate(-2deg)}.screen img{display:block;width:100%;height:auto;border-radius:5px}.band{border-top:1px solid #243344;border-bottom:1px solid #243344;background:#0d1722}.band-inner{display:flex;justify-content:space-between;gap:24px;padding-top:25px;padding-bottom:25px;color:#a3b3c2;letter-spacing:2px;font-size:13px;font-weight:700}.section{padding-top:85px;padding-bottom:65px}h2{font-size:clamp(32px,4vw,49px);letter-spacing:-1.6px;line-height:1.16;margin:0 0 30px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.number{color:#00d9ff;font-size:14px;letter-spacing:2px}h3{font-size:22px;line-height:1.3;margin:19px 0 14px}.features p,.section-head p,figcaption,.contact p{color:#a3b3c2}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.gallery figure{margin:0}.gallery figure:first-child{grid-column:1/-1}.gallery img{display:block;width:100%;height:auto;border:1px solid #29394c;border-radius:8px}figcaption{padding:14px 0;font-size:15px}figcaption span{color:#00d9ff;margin-right:10px}.section-head{display:flex;justify-content:space-between;gap:45px;align-items:center}.section-head>p{max-width:380px}video{width:100%;display:block;aspect-ratio:16/9;background:#000;border:1px solid #29394c;border-radius:10px}.contact{background:#10202d;border-top:1px solid #284151;padding:70px 0}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.contact .eyebrow{color:#00d9ff}.email{font-size:clamp(20px,2.7vw,31px);color:#00d9ff;text-underline-offset:8px;overflow-wrap:anywhere}footer{padding-top:30px!important;padding-bottom:30px!important;color:#a3b3c2;font-size:13px}footer p{margin:5px 0}a:focus-visible{outline:3px solid #fff;outline-offset:6px}@media(max-width:800px){.wrap{padding-left:22px;padding-right:22px}header{min-height:95px}nav{gap:15px}nav a{font-size:14px}.brand{font-size:16px}.brand img{width:40px;height:40px}.brand small{font-size:10px}.hero{grid-template-columns:1fr;padding-top:44px;gap:45px}.hero-art{max-width:600px;width:100%;margin:auto}.round{width:40%}.band-inner{display:grid;grid-template-columns:1fr 1fr;font-size:12px;gap:15px}.features{grid-template-columns:1fr;gap:25px}.section{padding-top:60px;padding-bottom:45px}.gallery{grid-template-columns:1fr}.gallery figure:first-child{grid-column:auto}.section-head,.contact-inner{display:block}.section-head>p{max-width:none}.contact{padding:50px 0}.email{display:inline-block;margin-top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:420px){header{flex-wrap:wrap;gap:14px;padding-top:18px!important;padding-bottom:18px!important}.brand{flex-shrink:0}.brand small{letter-spacing:1.4px}nav{width:100%;justify-content:space-between}.hero{padding-top:35px}}