:root{--yellow:#ffd000;--black:#0b0b0b}*{box-sizing:border-box}body{margin:0;background:#10100f;color:#fff;font:16px Manrope,Arial,sans-serif}main{min-height:100vh;padding:28px clamp(22px,8vw,130px);background:radial-gradient(circle at 80% 20%,#473800 0,transparent 28%),linear-gradient(135deg,#0a0a0a,#181815)}.logo{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800}.logo img{width:44px;height:44px;border-radius:11px}.hero{min-height:590px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:60px}.hero small{color:var(--yellow);font-size:11px;font-weight:800;letter-spacing:.16em}.hero h1{font-size:clamp(46px,7vw,92px);line-height:.91;letter-spacing:-.06em;margin:18px 0}.hero em{font-style:normal;color:var(--yellow)}.hero p{max-width:530px;color:#ccc;line-height:1.7}.install,.store{display:inline-block;margin:24px 10px 0 0;padding:15px 20px;border-radius:8px;font-weight:800;text-decoration:none}.install{border:0;background:var(--yellow);color:#111}.store{border:1px solid #555;color:#fff}.hero aside{justify-self:center;max-width:320px;text-align:center;background:#fff;color:#111;padding:20px;border-radius:20px}.hero aside img{width:100%;border-radius:10px}.hero aside b,.hero aside span{display:block}.hero aside b{margin-top:8px}.hero aside span{font-size:12px;color:#666;margin-top:5px;line-height:1.5}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:40px}.steps article{border:1px solid #333;background:#161615;padding:25px;border-radius:13px}.steps b{color:var(--yellow);font-size:11px;text-transform:uppercase}.steps h2{margin:9px 0;font-size:22px}.steps p{font-size:13px;line-height:1.6;color:#b9b9b5;margin:0}@media(max-width:720px){main{padding:20px}.hero{grid-template-columns:1fr;gap:28px;padding:45px 0}.hero h1{font-size:56px}.hero aside{width:min(100%,320px)}.steps{grid-template-columns:1fr}}