:root{
--bg:#0f1112;--bg2:#151819;--surface:#191d1f;--surface2:#202527;
--text:#f4f5f5;--muted:#a7adaf;--line:#303638;--accent:#d9ff3f;
--dark:#111315;--max:1180px;--radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:#17191a;font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.55}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.container{width:min(calc(100% - 32px),var(--max));margin:auto}
.header{position:sticky;top:0;z-index:50;background:rgba(15,17,18,.96);border-bottom:1px solid #292d2e}
.header__inner{min-height:76px;display:flex;align-items:center;gap:28px}
.logo{display:flex;align-items:center;gap:10px;color:#fff;min-width:max-content}
.logo__mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--accent);color:var(--accent);font-weight:900;font-size:13px;transform:skew(-8deg)}
.logo__text{display:flex;flex-direction:column;line-height:1}
.logo__text strong{font-size:14px;letter-spacing:2px}
.logo__text small{font-size:10px;letter-spacing:5px;color:var(--accent);margin-top:5px}
.nav{display:flex;align-items:center;gap:22px;margin-left:auto}
.nav a{color:#c7cbcc;font-size:14px;font-weight:600}
.nav a:hover{color:var(--accent)}
.header__phone{display:flex;align-items:center;gap:9px;color:#fff;font-weight:800;font-size:14px;white-space:nowrap}
.header__phone>span:first-child{color:var(--accent);font-size:20px}
.header__phone small{display:block;color:#8f9698;font-size:10px;font-weight:500}
.menu-button{display:none;background:none;border:0;padding:8px}
.menu-button span{display:block;width:25px;height:2px;background:#fff;margin:5px}
.hero{position:relative;overflow:hidden;background:var(--bg);color:#fff;min-height:690px;display:flex;align-items:center}
.hero__background{position:absolute;inset:0;background:radial-gradient(circle at 80% 45%,rgba(217,255,63,.1),transparent 32%),linear-gradient(120deg,#0c0e0f,#151819 65%,#0d0f10)}
.hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:90px 0}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#9da5a7;font-size:12px;font-weight:800;letter-spacing:2px}
.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px var(--accent)}
.hero h1{font-size:clamp(45px,6vw,76px);line-height:.98;letter-spacing:-3px;margin:20px 0}
.hero h1 span{color:var(--accent)}
.hero__lead{max-width:650px;font-size:20px;color:#c3c8c9;margin:0 0 18px}
.hero__question{font-size:16px;font-weight:800;margin:0 0 28px}
.hero__actions{display:flex;flex-wrap:wrap;gap:12px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:14px 22px;font-weight:800;font-size:14px;border:1px solid transparent;transition:.2s}
.button--primary{background:var(--accent);color:#111315}
.button--primary:hover{background:#efffb2;transform:translateY(-2px)}
.button--secondary{border-color:#444a4b;color:#fff;background:rgba(255,255,255,.03)}
.button--secondary:hover{border-color:var(--accent)}
.button--dark{background:#151819;color:#fff}
.button--large{min-height:54px;padding:16px 25px}
.hero__phone{margin-top:22px;color:#888f91;font-size:13px}
.hero__phone a{color:#fff;font-weight:800;margin-left:6px}
.hero__visual{min-height:430px;position:relative;display:grid;place-items:center}
.transmission-card{position:relative;width:min(430px,90%);aspect-ratio:1.18;background:linear-gradient(145deg,#282d2f,#101314);border:1px solid #3c4244;border-radius:28px;padding:24px;box-shadow:0 35px 80px rgba(0,0,0,.45);transform:rotate(-4deg)}
.transmission-card:before{content:"";position:absolute;inset:14px;border:1px solid rgba(217,255,63,.12);border-radius:20px}
.transmission-card__top,.transmission-card__bottom{position:relative;display:flex;justify-content:space-between;color:#707779;font-size:10px;letter-spacing:1.5px}
.status{color:#9ea5a7}
.status i{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:5px}
.transmission-card__center{height:275px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}
.gear-large{font-size:125px;line-height:1;color:#394042;text-shadow:0 0 35px rgba(217,255,63,.12);animation:spin 18s linear infinite}
.transmission-card__center span{font-size:11px;letter-spacing:5px;color:var(--accent)}
.transmission-card__center strong{font-size:27px;letter-spacing:2px}
.gear{position:absolute;color:#343a3c;font-size:110px;opacity:.5}
.gear--one{top:20px;right:5px;animation:spin 25s linear infinite}
.gear--two{bottom:10px;left:20px;font-size:75px;animation:spinReverse 18s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}
.trust{background:var(--accent);color:#101213}
.trust__grid{display:grid;grid-template-columns:repeat(4,1fr)}
.trust__grid>div{display:flex;gap:14px;align-items:center;padding:24px 15px;border-right:1px solid rgba(0,0,0,.15)}
.trust__grid>div:first-child{padding-left:0}.trust__grid>div:last-child{border:0}
.trust strong{font-size:26px}.trust span{font-size:12px;font-weight:800;line-height:1.25}
.section{padding:100px 0}
.section--muted{background:#f4f5f4}
.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:45px}
.section-heading h2,.faq-layout h2,.sale-grid h2{font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-2px;margin:10px 0 0}
.section-heading>p{max-width:440px;color:#687072;margin:0}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.service-card{position:relative;min-height:320px;padding:28px;background:#f4f5f4;border:1px solid #e1e4e3;border-radius:var(--radius);transition:.25s;overflow:hidden}
.service-card:hover{transform:translateY(-5px);border-color:#b7c0bd;box-shadow:0 20px 45px rgba(0,0,0,.08)}
.service-card--featured{background:#171a1b;color:#fff;border-color:#171a1b}
.service-number{position:absolute;top:22px;right:22px;font-size:12px;color:#a2a8aa}
.service-icon{font-size:42px;margin:35px 0 25px}
.service-card h3{font-size:22px;margin:0 0 10px}
.service-card p{color:#727a7c;font-size:14px}
.service-card--featured p{color:#9fa5a7}
.card-link{position:absolute;bottom:25px;left:28px;font-size:13px;font-weight:800}
.problem-section{padding:100px 0;background:#121516;color:#fff}
.section-heading--light>p{color:#9ea5a7}
.problems{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.problems a{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;background:#1b1f20;border:1px solid #2d3233;border-radius:12px;font-weight:800}
.problems a:hover{border-color:var(--accent);color:var(--accent)}
.problems b{font-size:20px}
.cta-inline{margin-top:30px;display:flex;justify-content:space-between;gap:25px;align-items:center;padding:25px;background:#1b1f20;border:1px solid #2d3233;border-radius:16px}
.cta-inline div{display:flex;flex-direction:column}.cta-inline span{color:#8e9698;font-size:13px}
.sale-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.lead{font-size:18px;color:#687072;max-width:560px}
.check-list{list-style:none;padding:0;margin:30px 0;display:grid;gap:12px}
.check-list li:before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;background:var(--accent);border-radius:50%;font-size:12px;font-weight:900;margin-right:10px}
.sale-panel{min-height:420px;border-radius:28px;background:linear-gradient(140deg,#272d2f,#111415);color:#fff;padding:30px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}
.sale-panel:after{content:"⚙";position:absolute;font-size:310px;color:#343b3d;right:-70px;top:50px;opacity:.5}
.sale-panel__label,.sale-panel__code,.sale-panel__bottom{position:relative;z-index:1;font-size:11px;letter-spacing:3px;color:#aeb4b5}.sale-panel__code{color:var(--accent)}
.sale-panel__gear{position:relative;z-index:1;font-size:170px;text-align:center;color:#485052}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.step{padding:28px;background:#fff;border:1px solid #e1e4e3;border-radius:16px}
.step>b{font-size:12px;color:#7e8688}.step h3{font-size:20px}.step p{font-size:14px;color:#747b7d}
.brand-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #ddd;border-left:1px solid #ddd}
.brand-grid span{padding:25px 15px;text-align:center;font-size:14px;font-weight:800;border-right:1px solid #ddd;border-bottom:1px solid #ddd}
.faq-section{background:#f4f5f4}
.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}
.faq-layout>div:first-child p{color:#6d7577;margin:20px 0 25px}
.faq{display:grid;gap:10px}
details{background:#fff;border:1px solid #e0e3e2;border-radius:12px;padding:0 22px}
summary{cursor:pointer;list-style:none;padding:20px 0;font-weight:800;display:flex;justify-content:space-between}
summary::-webkit-details-marker{display:none}
summary span{font-size:22px;color:#8a9192}
details p{color:#6e7678;font-size:14px;padding:0 0 20px;margin:0}
.final-cta{background:#111415;color:#fff;text-align:center;padding:105px 0}
.final-cta__inner{display:flex;align-items:center;flex-direction:column}
.final-cta h2{font-size:clamp(38px,5vw,62px);line-height:1;margin:18px 0 15px;letter-spacing:-2px}
.final-cta p{color:#9da5a7;max-width:540px}
.phone-big{font-size:clamp(30px,5vw,52px);font-weight:900;color:var(--accent);margin:18px 0 25px;letter-spacing:-1px}
.footer{background:#0b0d0e;color:#fff;padding:65px 0 20px}
.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}
.footer__grid>div{display:flex;flex-direction:column;gap:9px}.footer__grid .logo{margin-bottom:8px}.footer__grid p,.footer__grid span{color:#727a7c;font-size:13px}.footer__grid strong{margin-bottom:8px}.footer__grid a:not(.logo){color:#b4bbbd;font-size:14px}.footer__grid a:not(.logo):hover{color:var(--accent)}
.footer__bottom{border-top:1px solid #222627;margin-top:50px;padding-top:20px;display:flex;justify-content:space-between;color:#666d6f;font-size:11px}
.mobile-call{display:none}
@media(max-width:1000px){
.nav{gap:12px}.nav a{font-size:12px}.header__phone{font-size:12px}
.hero__grid{grid-template-columns:1fr}.hero__visual{display:none}
.services-grid{grid-template-columns:repeat(2,1fr)}
.steps{grid-template-columns:repeat(2,1fr)}
.brand-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:760px){
.container{width:min(calc(100% - 24px),var(--max))}
.header__inner{min-height:64px}.header__phone{display:none}.menu-button{display:block;margin-left:auto}.nav{display:none;position:fixed;left:0;right:0;top:64px;bottom:0;background:#0f1112;padding:30px 24px;flex-direction:column;align-items:flex-start;gap:22px}.nav.is-open{display:flex}.nav a{font-size:20px}
.hero{min-height:auto}.hero__grid{padding:70px 0 75px}.hero h1{font-size:48px;letter-spacing:-2px}.hero__lead{font-size:17px}.hero__actions{flex-direction:column}.button{width:100%}
.trust__grid{grid-template-columns:1fr 1fr}.trust__grid>div{padding:18px 10px;border-bottom:1px solid rgba(0,0,0,.15)}.trust__grid>div:nth-child(2){border-right:0}.trust__grid>div:nth-child(3),.trust__grid>div:nth-child(4){border-bottom:0}
.section,.problem-section{padding:70px 0}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:15px}
.services-grid{grid-template-columns:1fr}.service-card{min-height:280px}
.problems{grid-template-columns:1fr}.cta-inline{display:block}.cta-inline .button{margin-top:18px}
.sale-grid{grid-template-columns:1fr;gap:35px}.sale-panel{min-height:330px}.sale-panel__gear{font-size:130px}
.steps{grid-template-columns:1fr}.brand-grid{grid-template-columns:repeat(2,1fr)}
.faq-layout{grid-template-columns:1fr;gap:35px}.final-cta{padding:80px 0}.phone-big{font-size:32px}
.footer__grid{grid-template-columns:1fr 1fr;gap:35px}.footer__grid>div:first-child{grid-column:1/-1}.footer__bottom{display:block}.footer__bottom span{display:block;margin-top:7px}
.mobile-call{display:flex;position:fixed;z-index:100;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));height:54px;border-radius:12px;background:var(--accent);color:#111315;align-items:center;justify-content:center;font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.3)}
body{padding-bottom:76px}
}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}
}

.narrow{max-width:850px}
.content-section{padding:70px 0;border-bottom:1px solid #e2e5e4}
.content-section:nth-child(even){background:#f4f5f4}
.content-section h2{font-size:clamp(30px,4vw,44px);letter-spacing:-1.5px;margin:0 0 18px}
.content-section p{color:#687072;font-size:17px;margin:0 0 25px}