:root{--bg:#0d1519;--panel:#162226;--muted:#9cabb0;--lime:#cdfd83}*{box-sizing:border-box}body{margin:0;color:#edf1ec;background:var(--bg);font:16px/1.6 system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:5px}header{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid #ffffff20}.brand{font-size:25px;letter-spacing:-1px;font-weight:800}.brand b{color:var(--lime)}nav{display:flex;gap:25px;font-size:14px}nav a:hover,.active{color:var(--lime)}.contact{border:1px solid #ffffff40;border-radius:30px;padding:9px 17px}main{max-width:1240px;margin:auto;padding:55px 32px 80px}.eyebrow{color:var(--lime);text-transform:uppercase;letter-spacing:2px;font-size:12px}h1{font-size:clamp(38px,5.8vw,76px);line-height:1.04;font-weight:500;letter-spacing:-3px;margin:24px 0}h2{font-size:32px;line-height:1.2;font-weight:500}p{color:var(--muted)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;min-height:480px}.btn{display:inline-flex;align-items:center;gap:30px;background:var(--lime);color:#152019;padding:14px 23px;border-radius:7px;font-weight:600;margin:15px 10px 15px 0;border:0;cursor:pointer}.secondary{background:transparent;color:#edf1ec;border:1px solid #ffffff35}.screen{background:linear-gradient(150deg,#26383c,#101a21);border:1px solid #ffffff25;border-radius:14px;padding:16px;box-shadow:0 35px 70px #0005;transform:rotate(-2deg)}.screen-top{display:flex;justify-content:space-between;color:#c5d0ce;font-size:11px;padding:0 4px 12px}.visual{height:260px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 25%,#c0dd9e55,transparent 45%),linear-gradient(25deg,#11191c 20%,#5e7768 21%,#233c39 45%,#a4b6a1 46%,#243b3d 70%);border-radius:8px}.visual:before{content:'';position:absolute;inset:20% 23%;border:1px solid #cdfd8370;box-shadow:0 0 0 22px #cdfd8310,0 0 0 45px #cdfd8308;transform:rotate(-15deg)}.play{position:absolute;inset:0;display:grid;place-items:center;font-size:35px;color:#fff}.badge{font-size:11px;padding:4px 10px;border:1px solid #ffffff30;border-radius:4px;display:inline-block;color:#c9dbce}.timeline{height:3px;background:#ffffff15;margin:17px 0 7px}.timeline:before{content:'';display:block;width:35%;height:3px;background:var(--lime)}.strip{display:flex;gap:35px;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;padding:20px 0;margin:50px 0;color:#aabbaf;font-size:13px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--panel);border:1px solid #ffffff15;border-radius:10px;padding:25px;transition:.2s}.card:hover{border-color:#cdfd8370;transform:translateY(-3px)}.card h3{font-size:22px;font-weight:500}.card .number{color:var(--lime);font-size:12px}.section{margin-top:75px}.section-title{display:flex;justify-content:space-between;align-items:center}.arrow{color:var(--lime)}footer{border-top:1px solid #ffffff20;padding:35px 32px;max-width:1240px;margin:auto;display:flex;justify-content:space-between;font-size:13px;color:#99aaa6}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}button.filter{padding:8px 16px;background:transparent;border:1px solid #ffffff30;color:white;border-radius:30px;cursor:pointer}button.filter.active{background:var(--lime);color:#142318}.hidden{display:none!important}video{width:100%;max-height:500px;background:#000;border-radius:12px}details{border-top:1px solid #ffffff25;padding:20px 0}summary{cursor:pointer}input,textarea,select{width:100%;padding:13px;background:#162226;border:1px solid #ffffff35;color:white;border-radius:6px;margin:8px 0 20px}label{font-size:14px}form{max-width:650px}.notice{border-left:2px solid var(--lime);padding-left:18px;color:#9cabb0}dialog{background:var(--panel);color:white;border:1px solid #ffffff30;border-radius:15px;max-width:750px;width:90%}dialog::backdrop{background:#000b}.close{float:right;background:transparent;border:0;color:white;font-size:24px;cursor:pointer}@media(max-width:800px){header{flex-wrap:wrap;gap:18px;padding:20px}nav{gap:15px;flex-wrap:wrap}main{padding:35px 20px}.hero{grid-template-columns:1fr;gap:30px}h1{letter-spacing:-1.5px}.grid{grid-template-columns:1fr}.strip{gap:15px;flex-wrap:wrap}.screen{transform:none}footer{flex-direction:column;gap:15px}}