:root{--bg:#101217;--panel:#1a1e27;--muted:#a1a8b5;--line:#303641;--lime:#c8f36b;--white:#f7f8fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font:15px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}a{text-decoration:none;color:inherit}header,main,footer{max-width:1140px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:25px 24px;border-bottom:1px solid #ffffff12}.logo{font-weight:850;font-size:20px}.logo:first-letter{color:var(--lime)}nav{display:flex;gap:25px;align-items:center;font-size:13px}nav a{color:#c6cbd4}.navbtn,.outline{border:1px solid var(--line);padding:10px 15px;border-radius:9px}.hero{padding:100px 24px 85px;display:grid;grid-template-columns:1.05fr .95fr;gap:75px;align-items:center}.eyebrow{color:var(--lime);font-size:11px;font-weight:850;letter-spacing:2px}.hero h1{font-size:clamp(54px,6vw,83px);line-height:1.04;letter-spacing:-4px;margin:22px 0}em{font-style:normal;color:var(--lime)}.sub{max-width:480px;color:var(--muted);font-size:17px}.actions{display:flex;align-items:center;gap:25px;margin-top:30px}.btn{display:inline-block;background:var(--lime);color:#11170b;font-size:13px;font-weight:800;padding:13px 20px;border-radius:9px;border:0;cursor:pointer}.btn:hover{background:#e3ffae}.secondary{font-weight:750;font-size:13px}.small{color:#929baa;font-size:12px;margin-top:22px}.visual{padding:15px;background:linear-gradient(145deg,#252c35,#15181f);border:1px solid #414957;border-radius:22px;transform:rotate(2deg);box-shadow:0 30px 80px #0005}.screen{height:400px;border-radius:14px;background:radial-gradient(ellipse at 45% 20%,#7b8e83 0%,#3c4e55 24%,#17202a 60%,#0c1016 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.screen:after{content:"";width:330px;height:330px;border:1px solid #ffffff24;border-radius:50%;position:absolute}.play{position:absolute;top:20px;left:20px;background:#12172099;border:1px solid #ffffff35;padding:9px 13px;border-radius:50%;font-size:12px}.caption{font-size:36px;line-height:1.05;letter-spacing:-1px;font-weight:900;text-align:center;transform:rotate(-5deg);z-index:1;text-shadow:0 3px 12px #0008}.caption strong{color:var(--lime)}.bottom{position:absolute;bottom:18px;left:20px;color:#d6dce0;font-size:10px;letter-spacing:1px}.visual-foot{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#9ba5b2;padding:16px 6px 3px}.strip{border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:22px 0}.strip div{padding:0 24px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.strip div:last-child{border:0}.strip span{color:var(--muted);font-size:12px}.section{padding:100px 24px}.section h2{font-size:clamp(36px,4vw,50px);line-height:1.1;letter-spacing:-2px;margin:14px 0}.section-sub{color:var(--muted);max-width:500px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}.cards article{border:1px solid var(--line);background:var(--panel);border-radius:15px;padding:28px;display:flex;flex-direction:column}.cards .featured{border-color:#b2d960;background:linear-gradient(155deg,#29351f,#1a1e27 60%)}.tag{font-size:10px;color:var(--lime);letter-spacing:1.5px;font-weight:850}.cards h3{font-size:23px;margin:5px 0}.price{font-size:34px;font-weight:850;letter-spacing:-1px}.price small{font-size:12px;color:var(--muted);font-weight:400}.cards article>p:not(.tag){color:var(--muted);font-size:13px}.cards ul{list-style:none;padding:0;margin:20px 0 30px;flex:1}.cards li{font-size:13px;margin-bottom:11px}.cards li:before{content:'✓';color:var(--lime);margin-right:10px}.cards .btn,.cards .outline{text-align:center;font-size:13px;font-weight:800}.process{padding-top:40px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:36px}.steps>div{border-top:1px solid var(--line);padding-top:18px}.steps span{color:var(--lime);font-size:12px;font-weight:850}.steps h3{margin:12px 0 5px}.steps p{color:var(--muted);font-size:13px}.contact{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact form{background:var(--panel);padding:26px;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;gap:10px}label{font-size:12px;font-weight:700}input,textarea,select{width:100%;background:#11151b;color:white;border:1px solid #39404e;border-radius:8px;padding:12px;font:inherit;font-size:13px}input:focus,textarea:focus,select:focus{outline:1px solid var(--lime)}form button{margin-top:10px}footer{border-top:1px solid var(--line);padding:28px 24px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}footer b{color:var(--white)}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:40px;padding-top:65px}.visual{max-width:480px;width:100%;margin:auto}.cards{grid-template-columns:1fr;max-width:530px}.contact{grid-template-columns:1fr;gap:30px}.steps{grid-template-columns:1fr}.section{padding-block:65px}}@media(max-width:500px){nav>a:not(.navbtn){display:none}.hero h1{letter-spacing:-2px}.hero,.section{padding-inline:18px}.screen{height:300px}.strip{grid-template-columns:1fr;gap:15px}.strip div{border-right:0;padding:0 20px}.actions{flex-wrap:wrap}footer{gap:12px;flex-direction:column}}
