:root{--bg:#080a0b;--panel:#141719;--orange:#ff5a19;--white:#f3f3ef;--line:#33383a}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--white);font-family:Manrope,sans-serif}
a{color:inherit;text-decoration:none}
header{height:82px;position:absolute;z-index:10;top:0;left:0;right:0;padding:0 4vw;border-bottom:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:space-between}
.logo{font:25px Archivo Black;letter-spacing:-.06em}
.logo span{color:var(--orange)}
.nav-links,.actions,.lang-switch{display:flex;align-items:center}
.nav-links{gap:34px;font-size:11px;text-transform:uppercase}
.actions{gap:16px}
.phone{font-size:11px}
.lang-switch{border:1px solid rgba(255,255,255,.3);border-radius:99px;padding:3px}
.lang-switch button{border:0;background:none;color:white;padding:5px 7px;border-radius:99px;font:600 9px Manrope}
.lang-switch button.active{background:var(--orange)}
.menu-button{display:none;border:0;background:none;color:white;font-size:22px}
.hero{height:100vh;min-height:720px;position:relative;overflow:hidden}
.hero>img{width:100%;height:100%;object-fit:cover}
.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.1)),linear-gradient(0deg,rgba(0,0,0,.6),transparent)}
.demo{position:absolute;right:4vw;top:120px;font-size:9px;letter-spacing:.2em}
.hero-copy{position:absolute;left:4vw;right:4vw;bottom:7vh}
.hero-copy>p{display:flex;align-items:center;gap:13px;font-size:11px;text-transform:uppercase;letter-spacing:.16em}
.hero-copy>p span{width:35px;height:6px;background:var(--orange)}
.hero h1,.heading h2,.about h2,.contact h2{font:clamp(77px,12vw,190px)/.75 Archivo Black;letter-spacing:-.075em;margin:30px 0 55px}
.hero h1 i{font-style:normal;color:transparent;-webkit-text-stroke:2px white}
.hero-action{border-top:1px solid rgba(255,255,255,.35);padding-top:22px;display:flex;justify-content:space-between;align-items:center}
.hero-action a{background:var(--orange);padding:15px 20px;font-size:12px}
.hero-action span{font-size:10px;text-transform:uppercase;letter-spacing:.15em}
.ticker{overflow:hidden;background:var(--orange);color:#0b0b0b;padding:15px 0}
.ticker div{width:max-content;font:24px Archivo Black;animation:move 22s linear infinite}
@keyframes move{to{transform:translateX(-50%)}
}
.services{padding:130px 4vw}
.heading{display:grid;grid-template-columns:80px 1fr;margin-bottom:70px}
.heading>span,.about-copy>span{border:1px solid var(--line);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:10px}
.heading p,.about .label{text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:var(--orange)}
.heading h2{font-size:clamp(55px,7vw,105px);max-width:1050px;line-height:.88}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.cards article{min-height:470px;background:var(--panel);padding:26px;display:flex;flex-direction:column}
.cards article.orange{background:var(--orange);color:#090909}
.cards article>span{font-size:9px;color:#999}
.cards h3{font:31px/1 Archivo Black;letter-spacing:-.05em;margin:65px 0 25px}
.cards p{font-size:13px;line-height:1.6;color:#a8acad}
.cards .orange p{color:#28200d}
.cards b{margin-top:auto;text-transform:uppercase;font-size:10px}
.about{display:grid;grid-template-columns:1fr 1fr}
.about-image{min-height:760px;position:relative}
.about-image>img{width:100%;height:100%;object-fit:cover}
.about-image>div{position:absolute;right:25px;bottom:25px;background:var(--orange);color:#111;width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.about-image b{font:47px Archivo Black}
.about-image span{font-size:9px;text-transform:uppercase}
.about-copy{padding:8vw 6vw;background:#efefe9;color:#111}
.about h2{font-size:clamp(50px,5.7vw,86px);margin-top:40px}
.about ul{list-style:none;padding:0;margin:55px 0 0;border-top:1px solid #bbb}
.about li{display:grid;grid-template-columns:50px 1fr;padding:22px 0;border-bottom:1px solid #bbb}
.about li b{color:var(--orange)}
.contact{padding:130px 4vw;display:grid;grid-template-columns:1.4fr 1fr;gap:8vw;background:var(--orange);color:#0c0c0b}
.contact>div>span{font-size:9px;letter-spacing:.18em}
.contact h2{font-size:clamp(55px,6.7vw,105px)}
.contact>div>p{max-width:650px;line-height:1.7}
.contact form{display:flex;flex-direction:column;justify-content:center}
.contact input{height:64px;border:0;border-bottom:1px solid rgba(0,0,0,.45);background:transparent;font:14px Manrope}
.contact button{height:64px;margin-top:25px;border:0;background:#0b0d0d;color:white;font:13px Manrope}
footer{padding:40px 4vw;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#999}
.menu-button{cursor:pointer}
@media(max-width:760px){header{height:70px}
.nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:#0b0d0d;padding:25px 5vw;flex-direction:column;align-items:flex-start}
.nav-links.open{display:flex}
.phone{display:none}
.menu-button{display:block}
.hero-copy{left:5vw;right:5vw}
.hero h1{font-size:21vw}
.hero-action{align-items:flex-start;gap:25px;flex-direction:column}
.heading{grid-template-columns:1fr}
.heading>span{margin-bottom:30px}
.services{padding:90px 5vw}
.cards{grid-template-columns:1fr}
.cards article{min-height:360px}
.about{grid-template-columns:1fr}
.about-image{min-height:520px}
.about-copy{padding:90px 5vw}
.contact{padding:90px 5vw;grid-template-columns:1fr}
footer{padding:35px 5vw;flex-direction:column;align-items:flex-start;gap:15px}
}

.diagnosis{display:grid;grid-template-columns:.95fr 1.05fr;background:#d9dbd4;color:#111}.diagnosis-copy{padding:9vw 6vw}.diagnosis-copy>span,.package-head>span,.faq>div>span{font-size:9px;letter-spacing:.18em}.diagnosis h2,.packages h2,.faq h2{font:clamp(52px,6.8vw,105px)/.85 Archivo Black;letter-spacing:-.065em;margin:38px 0}.diagnosis-copy>p{line-height:1.7;color:#535858}.diagnosis ol{list-style:none;padding:0;margin:55px 0 0;border-top:1px solid #aaa}.diagnosis li{display:grid;grid-template-columns:55px 1fr;padding:21px 0;border-bottom:1px solid #aaa}.diagnosis li b{color:var(--orange)}.diagnosis-image{position:relative;min-height:820px}.diagnosis-image>img{width:100%;height:100%;object-fit:cover}.diagnosis-image>div{position:absolute;left:25px;bottom:25px;background:var(--orange);color:#111;padding:25px;width:180px}.diagnosis-image>div span,.diagnosis-image>div small{display:block;font-size:9px}.diagnosis-image>div b{display:block;font:60px Archivo Black}
.packages{padding:130px 4vw}.package-head{display:grid;grid-template-columns:1fr 2.7fr}.package-head h2{margin-top:0}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:60px}.package-grid article{min-height:560px;background:var(--panel);padding:30px;display:flex;flex-direction:column;border:1px solid var(--line)}.package-grid .package-hot{background:var(--orange);color:#111;transform:translateY(-30px)}.package-grid>article>span{font-size:9px;letter-spacing:.16em}.package-grid h3{font:43px/1 Archivo Black;letter-spacing:-.05em;margin:65px 0 30px}.package-grid ul{padding:0;list-style:none}.package-grid li{padding:12px 0;border-bottom:1px solid rgba(150,150,150,.4);font-size:12px}.package-grid article>b{margin-top:auto;font:35px Archivo Black}
.road-banner{height:80vh;min-height:680px;position:relative}.road-banner>img{width:100%;height:100%;object-fit:cover}.road-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.05))}.road-banner>div{position:absolute;z-index:1;left:4vw;bottom:8vh;max-width:950px}.road-banner span{font-size:9px;letter-spacing:.2em}.road-banner h2{font:clamp(60px,8vw,125px)/.82 Archivo Black;letter-spacing:-.07em;margin:30px 0}.road-banner a{display:inline-block;background:var(--orange);color:#111;padding:15px 20px;font-size:12px}
.faq{padding:130px 4vw;background:#efefe9;color:#111;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.faq h2{font-size:clamp(52px,6vw,90px)}.faq-list{border-top:1px solid #aaa}.faq details{border-bottom:1px solid #aaa;padding:26px 0}.faq summary{font:24px Archivo Black;cursor:pointer;list-style:none}.faq summary:after{content:"+";float:right;color:var(--orange)}.faq details[open] summary:after{content:"−"}.faq details p{max-width:650px;line-height:1.7;color:#555}
@media(max-width:760px){.diagnosis{grid-template-columns:1fr}.diagnosis-copy{padding:90px 5vw}.diagnosis-image{min-height:560px}.packages{padding:90px 5vw}.package-head,.package-grid{grid-template-columns:1fr}.package-grid .package-hot{transform:none}.package-grid article{min-height:460px}.road-banner{min-height:620px}.faq{padding:90px 5vw;grid-template-columns:1fr}}

/* Interface v3: workshop command console with a persistent bottom dock */
body{padding-bottom:88px}body>header{display:none!important}.torque-top{position:absolute;z-index:35;left:0;right:0;top:0;height:86px;padding:0 3vw;display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:28px;border-bottom:1px solid rgba(255,255,255,.2)}.garage-status{display:flex;align-items:center;gap:9px;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.garage-status i{width:8px;height:8px;border-radius:50%;background:#70ff55;box-shadow:0 0 12px #70ff55}.torque-top .lang-switch{border-color:rgba(255,255,255,.25)}
.torque-dock{position:fixed;z-index:50;left:50%;bottom:18px;transform:translateX(-50%);width:min(760px,calc(100% - 36px));height:70px;background:rgba(18,21,22,.94);border:1px solid #444a4d;backdrop-filter:blur(16px);display:grid!important;grid-template-columns:1fr 1fr 1.25fr;gap:0;padding:6px}.torque-dock>a{display:grid;grid-template-columns:30px 1fr;align-items:center;padding:0 18px;border-right:1px solid #383d3f;font-size:11px;text-transform:uppercase}.torque-dock b{font-size:8px;color:#747b7e}.torque-dock .dock-book{background:var(--orange);color:#111;border:0;grid-template-columns:30px 1fr auto}.dock-book b{color:#111}.dock-book i{font-style:normal;font-size:20px}.hero-code{position:absolute;z-index:2;right:3vw;top:115px;display:grid;grid-template-columns:repeat(3,auto);gap:24px;font:8px Manrope;letter-spacing:.13em}.hero h1{font-size:clamp(90px,13.5vw,220px)}.hero-copy{left:3vw;right:3vw}.demo{left:3vw;right:auto}.hero-action{padding-bottom:25px}
@media(max-width:760px){body{padding-bottom:76px}.torque-top{height:72px;padding:0 5vw;grid-template-columns:1fr auto auto}.garage-status{display:none}.torque-top .phone{font-size:0}.torque-top .phone:after{content:"CALL";font-size:9px}.torque-dock{bottom:8px;height:62px;width:calc(100% - 16px)}.torque-dock>a{grid-template-columns:1fr;padding:0 10px;text-align:center}.torque-dock b,.dock-book i{display:none}.hero-code{display:none}.hero h1{font-size:22vw}}


