*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;background:#0f0f0f;color:#fff;line-height:1.5}
.container{width:90%;max-width:1200px;margin:auto}
.hero{padding:80px 0;background:linear-gradient(135deg,#0f0f0f,#1c1c1c,#222)}
.badge{display:inline-block;background:orange;color:#000;padding:10px 18px;border-radius:999px;font-weight:bold;margin-bottom:25px}
h1{font-size:64px;line-height:1.1;font-weight:900}
h1 span{color:orange}
.price{margin-top:20px;font-size:36px;font-weight:bold}
.subtitle{margin-top:30px;max-width:800px;color:#ccc;font-size:20px}
.buttons{margin-top:35px;display:flex;gap:20px;flex-wrap:wrap}
.btn{padding:16px 28px;border-radius:14px;text-decoration:none;font-weight:bold}
.orange{background:orange;color:#000}
.dark{border:1px solid #444;color:#fff}
.features{padding:30px 0;background:#151515;border-top:1px solid #333;border-bottom:1px solid #333}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.feature{background:#1d1d1d;padding:20px;border-radius:16px;text-align:center;font-weight:bold}
.services,.geo,.contacts{padding:70px 0}
h2{font-size:42px;margin-bottom:30px}
.service{background:#1c1c1c;border:1px solid #333;border-radius:18px;padding:20px;margin-bottom:14px;display:flex;justify-content:space-between;gap:20px}
.service span{color:orange;font-weight:bold;white-space:nowrap}
.geo-list{background:#1a1a1a;padding:30px;border-radius:20px;color:#ddd;font-size:20px}
.contact-box{background:#1a1a1a;padding:30px;border-radius:20px}
.contact-box p{margin-bottom:14px;font-size:20px}
footer{border-top:1px solid #333;text-align:center;padding:30px;color:#999}
@media(max-width:768px){
h1{font-size:42px}
.price{font-size:28px}
h2{font-size:32px}
.subtitle{font-size:18px}
.service{flex-direction:column}
.contact-box p{font-size:18px}
.buttons{flex-direction:column}
.btn{text-align:center}
}