*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;background:#071013;color:#fff}
.shell{width:min(1180px,92%);margin:auto}
img{max-width:100%}
.inv{filter:brightness(0) invert(1)}

/* hero */
.hero{position:relative;overflow:hidden;background-color:#050505;background-image:linear-gradient(90deg,rgba(2,7,10,.85) 0%,rgba(2,7,10,.5) 43%,rgba(2,7,10,.12) 78%),url('assets/images/hero-background.jpg');background-size:cover;background-position:center;background-repeat:no-repeat}
.nav{height:86px;display:flex;align-items:center;gap:clamp(14px,2.4vw,30px);position:relative;z-index:70}
.brand{display:flex;flex-direction:column;color:#fff;text-decoration:none;min-width:0;flex:none}
.brand b{font-size:clamp(21px,2.6vw,30px);line-height:1;font-weight:900;white-space:nowrap}
.brand i{color:#ef2028;font-style:normal}
.brand small{font-size:9px;margin-top:6px;font-weight:400;letter-spacing:.2px;opacity:.85;white-space:nowrap}
.navlinks{display:flex;align-items:center;gap:clamp(16px,2vw,36px);margin-left:auto}
.navlinks a{color:#fff;text-decoration:none;font-size:12.5px;font-weight:600;opacity:.9;white-space:nowrap}
.navlinks a:hover{opacity:1;color:#ef2028}
.navlinks-tg{display:none}
.telegram{display:flex;align-items:center;gap:10px;background:#ef2028;border-radius:9px;padding:12px 20px;color:#fff;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 8px 18px rgba(239,32,40,.28);flex:none}
.telegram img{width:22px;flex:none;filter:brightness(0) invert(1)}
.telegram span{white-space:nowrap}
.burger{display:none}
.nav-overlay{display:none}

.hero-inner{position:relative;min-height:500px;display:flex;align-items:flex-start;padding-bottom:60px}
.hero-copy{position:relative;z-index:4;padding-top:40px;max-width:640px}
.hero h1{font-size:clamp(30px,5vw,52px);line-height:.98;letter-spacing:-1px;margin:0;font-weight:900}
.hero h1 em{font-style:normal;color:#ef2028}
.hero-copy>p{font-size:clamp(14.5px,1.7vw,18px);line-height:1.45;margin-top:22px;color:#eee}
.hero-points{display:flex;gap:32px;margin-top:40px;padding-top:22px;border-top:1px solid rgba(255,255,255,.18);flex-wrap:wrap;row-gap:14px}
.hero-points span{display:flex;gap:9px;align-items:center;font-size:13px}
.hero-points img{width:20px;height:20px;filter:brightness(0) invert(1)}
.car{position:absolute;width:640px;right:20px;bottom:0;z-index:3;filter:drop-shadow(0 20px 20px rgba(0,0,0,.45))}

/* advantages */
.advantages{background-color:#f6f6f4;background-image:linear-gradient(rgba(246,246,244,.94),rgba(246,246,244,.94)),url('assets/images/section-bg-light.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;color:#101010;padding:64px 0 56px}
.adv-head{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}
.adv-head small{letter-spacing:5px;font-size:10px;color:#ef2028;font-weight:700}
.adv-head h2{font-size:clamp(26px,3.6vw,40px);line-height:1.06;margin:20px 0 0;font-weight:900}
.adv-head>p{width:390px;flex:none;font-size:15px;line-height:1.5;margin-top:34px;color:#3c3c3c}
.adv-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:40px}
.adv-grid article{padding:0 28px;border-right:1px solid #d7d7d7}
.adv-grid article:first-child{padding-left:0}
.adv-grid article:last-child{border:0}
.adv-grid img{width:38px;height:38px;float:left;margin-right:16px}
.adv-grid h3{font-size:14.5px;line-height:1.2;min-height:46px;margin:3px 0 12px;letter-spacing:.2px}
.adv-grid p{font-size:13.5px;line-height:1.45;color:#555;clear:both;margin:0}

/* process */
.process{background-color:#071013;background-image:radial-gradient(circle at 50% 0,rgba(19,29,33,.92),rgba(7,16,19,.98) 55%),url('assets/images/section-bg-dark.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;padding:60px 0 40px}
.process-title{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
.process-title small{font-size:10px;letter-spacing:5px;color:#ef4d4d;font-weight:700}
.process-title h2{font-size:clamp(23px,3vw,34px);margin:16px 0 0;font-weight:900}
.process-title>p{font-size:11px;line-height:1.5;margin:0;color:#9aa0a3;text-align:right;text-transform:uppercase;letter-spacing:.4px;font-weight:700}
.steps{display:grid;grid-template-columns:repeat(7,1fr);gap:22px;margin-top:36px}
.steps article{position:relative}
.steps img.round{width:52px;height:52px;display:block;margin-bottom:14px}
.steps .arrow{position:absolute;top:26px;left:64px;right:-10px;height:12px;transform:translateY(-50%);display:flex;align-items:center;pointer-events:none}
.steps .arrow:before{content:'';flex:1 1 auto;height:2px;background:#ef2028;min-width:6px}
.steps .arrow:after{content:'';flex:none;width:9px;height:9px;border-top:2px solid #ef2028;border-right:2px solid #ef2028;transform:rotate(45deg);margin-left:-5px}
.steps strong{font-size:21px;font-weight:900;color:#ef2028;display:block;margin-bottom:6px}
.steps h3{font-size:13.5px;line-height:1.25;margin:0 0 10px;min-height:34px}
.steps p{font-size:12px;line-height:1.5;color:#b7bcbe;margin:0}

.price{margin-top:32px;background:#fff9f9;color:#121212;border:2px solid #ef2028;border-radius:12px;padding:24px 30px;display:grid;grid-template-columns:1.35fr 1fr;gap:35px}
.price-left{display:flex;gap:24px;align-items:center}
.price-left img{width:70px;flex:none}
.price h3{font-size:14px;margin:0;font-weight:800}
.price-left strong{display:block;color:#ef2028;font-size:32px;margin:4px 0 6px;font-weight:900}
.price p{font-size:12.5px;line-height:1.45;margin:0;color:#555}
.price-right{font-size:12.5px;line-height:1.5;padding-left:35px;border-left:1px solid #e6b9ba;display:flex;flex-direction:column;justify-content:center;color:#444}
.price-right b{display:block;margin-bottom:6px;color:#111;font-size:12.5px}
.price-right strong{display:block;margin-top:8px;color:#111}

/* footer */
footer{background:#071013;padding:48px 0 20px}
.footer-main{display:grid;grid-template-columns:.85fr .9fr 1.3fr;gap:38px;align-items:start}
.footer-brand b{font-size:28px}
.footer-main p{font-size:13px;color:#c7cbcd;margin-top:14px}
.manager{border-left:1px solid #223034;border-right:1px solid #223034;display:flex;flex-direction:column;gap:16px;padding:0 34px}
.manager .row{display:flex;align-items:center;gap:14px}
.manager .row img{width:28px;height:28px;flex:none}
.manager .row span{display:flex;flex-direction:column;font-size:13px}
.req div{display:flex;flex-direction:column;font-size:13px}
.manager b{font-size:15px}
.manager small{margin-top:2px;color:#9aa0a3;font-size:12px}
.manager .tg-link,.req a{color:#fff;text-decoration:none;display:flex;align-items:center;gap:14px;font-weight:600}
.manager .tg-link img{width:28px;height:28px;flex:none}
.req{display:flex;gap:18px}
.req>img{width:32px;height:32px;flex:none}
.req span{margin-top:4px;color:#c7cbcd;font-size:13px;line-height:1.6}
.req a{margin-top:6px}
.footer-bottom{border-top:1px solid #1c2629;margin-top:30px;padding-top:18px;display:flex;justify-content:space-between;font-size:11px}
.footer-bottom a{color:#9aa0a3;text-decoration:none}
.footer-bottom a:hover{color:#fff}
.footer-bottom span{color:#6d7477}

@media(max-width:900px){
.steps{grid-template-columns:repeat(4,1fr);row-gap:32px}
.steps article:nth-child(4) .arrow{display:none}
}

/* modern slide-in menu: kicks in below 1024px, well before the nav links
   start crowding the logo + telegram button */
@media(max-width:1024px){
.navlinks{display:flex;position:fixed;top:0;right:0;bottom:0;width:min(320px,82vw);margin:0;background:#0b1418;flex-direction:column;align-items:flex-start;gap:2px;padding:96px 30px 30px;box-shadow:-18px 0 40px rgba(0,0,0,.45);transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:80;overflow-y:auto}
.navlinks.open{transform:translateX(0)}
.navlinks a{width:100%;padding:15px 2px;border-bottom:1px solid rgba(255,255,255,.09);font-size:15px}
.navlinks-tg{display:flex;align-items:center;gap:10px;margin-top:20px;background:#ef2028;border-radius:9px;padding:13px 18px;border-bottom:0;font-weight:700}
.navlinks-tg img{width:20px}
.nav-overlay{display:block;position:fixed;inset:0;background:rgba(3,6,8,.55);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .3s;z-index:75}
.nav-overlay.open{opacity:1;visibility:visible}
.burger{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:auto;background:none;border:0;width:44px;height:44px;padding:0;cursor:pointer;flex:none;z-index:90}
.burger span{display:block;width:24px;height:2px;background:#fff;margin:3px 0;border-radius:2px;transition:transform .3s,opacity .3s}
.burger.open span:nth-child(1){transform:translateY(5px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
.telegram span{display:none}
.telegram{padding:12px;border-radius:50%}
body.menu-open{overflow:hidden}
}

@media(max-width:850px){
.hero{min-height:auto}
.nav{height:76px}
.brand b{font-size:22px}
.brand small{font-size:7px}
.hero-inner{min-height:560px;padding-bottom:0}
.hero-copy{padding-top:32px}
.car{width:480px;right:-140px;bottom:-10px;opacity:.95}
.adv-head{display:block}
.adv-head>p{width:auto}
.adv-grid{grid-template-columns:1fr 1fr;gap:30px 20px}
.adv-grid article{border:0!important;padding:0!important}
.process-title{flex-direction:column;align-items:flex-start;gap:6px}
.process-title>p{text-align:left}
.steps{grid-template-columns:1fr 1fr}
.steps article .arrow{display:none}
.steps article:nth-child(2n-1) .arrow{display:flex;right:-10px}
.price{grid-template-columns:1fr}
.price-right{border-left:0;border-top:1px solid #e6b9ba;padding:18px 0 0}
.footer-main{grid-template-columns:1fr}
.manager{border:0;padding:0}
.footer-bottom{gap:14px;flex-direction:column}
}
@media(max-width:520px){
.car{width:340px;right:-95px;opacity:.9}
.adv-grid,.steps{grid-template-columns:1fr}
.steps article .arrow{display:none!important}
.price-left{align-items:flex-start}
.price-left img{width:56px}
.price{padding:20px}
.footer-bottom{flex-direction:column}
.shell{width:90%}
}
@media(max-width:380px){
.car{width:290px;right:-80px;bottom:0;opacity:.85}
}