*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020a14;color:#f5f8fc;font-family:Sora,Arial,sans-serif}a{text-decoration:none;color:inherit}.topbar{height:34px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:#02060c;color:#8fa6bf;font:600 10px Sora;letter-spacing:.4px;border-bottom:1px solid #0d2845}.topbar a{color:#60e991}header{height:90px;display:flex;align-items:center;padding:0 4vw;gap:35px;position:sticky;top:0;z-index:30;background:rgba(2,10,20,.95);backdrop-filter:blur(16px);border-bottom:1px solid #0d2845}.logo{height:78px;display:flex;align-items:center}.logo img{width:175px;height:76px;object-fit:contain;display:block;background:transparent}nav{margin-left:auto;display:flex;gap:32px}nav a{font:700 12px Oxanium;letter-spacing:.7px;color:#d2dce7}nav a:hover{color:#1595ff}.book,.primary{background:linear-gradient(135deg,#0877ed,#159aff);padding:14px 20px;border-radius:6px;font:700 12px Oxanium}.menu{display:none;background:none;border:0;color:white;font-size:24px}.hero{height:650px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% center;display:block}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#020a14 0%,rgba(2,10,20,.96) 25%,rgba(2,10,20,.65) 52%,rgba(2,10,20,.08) 82%)}.hero-copy{position:relative;z-index:2;width:58%;padding-left:4vw}.kicker,.title>span,.work-copy>span,.cta span{color:#1595ff;font:700 13px Oxanium;letter-spacing:1.2px}.hero h1{font:700 clamp(52px,6.1vw,88px)/.9 Michroma;margin:14px 0 22px;letter-spacing:1px}.hero h1 em{font-style:normal;color:#138eff}.hero p{color:#b1bfcd;max-width:620px;font-size:16px;line-height:1.7}.features{display:flex;gap:0;margin:34px 0}.features span{font:700 10px Oxanium;width:150px;padding:12px 16px 12px 0;margin-right:15px;border-right:1px solid #17304c;color:#e8f0f8}.actions{display:flex;gap:12px}.actions a{min-width:170px;text-align:center}.whatsapp,.grid article a{border:1px solid #14cf63;color:#65ed98;padding:13px 18px;border-radius:6px;font:800 11px Oxanium}.section{padding:80px 4vw}.title h2,.work h2,.cta h2{font:700 clamp(30px,3.6vw,48px)/1.05 Michroma;margin:6px 0 34px;letter-spacing:.7px}.services{background:linear-gradient(180deg,#03101f,#041426)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid article{background:#061527;border:1px solid #0c4f8d;border-radius:8px;overflow:hidden;padding-bottom:18px;transition:.25s}.grid article:hover{transform:translateY(-5px);border-color:#1595ff;box-shadow:0 18px 45px rgba(0,75,150,.22)}.grid article img{width:100%;height:220px;object-fit:cover;display:block;background:#071421}.grid h3{font:700 18px Oxanium;margin:18px 18px 8px}.grid p{height:52px;color:#92a4b6;font-size:12px;line-height:1.55;margin:0 18px 18px}.grid article a{display:block;margin:0 18px;text-align:center;padding:10px}.why{background:#020a14}.whygrid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #174b7d;border-radius:8px;background:#061527}.whygrid>div{padding:32px;border-right:1px solid #17304c;text-align:center}.whygrid>div:last-child{border:0}.whygrid b{font:700 16px Oxanium}.whygrid p{font-size:12px;line-height:1.6;color:#8fa2b5}.work{min-height:480px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:5vw;background:#03101e}.work-photo{width:100%;height:360px;object-fit:cover;object-position:center;display:block;border:1px solid #174b7d;border-radius:10px}.work-copy p{color:#9eafc0;line-height:1.7;margin-bottom:30px}.cta{padding:50px 4vw;background:linear-gradient(110deg,#061b36,#0a3e79);display:flex;justify-content:space-between;align-items:center}.cta h2{margin:6px 0}.cta p{color:#bad0e6}.phone{font:700 32px Oxanium;display:flex;flex-direction:column;align-items:flex-end}.phone a{margin-top:12px;background:#12c65a;padding:12px 25px;border-radius:5px;font:800 11px Oxanium}footer{padding:45px 4vw;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:40px;background:#02060c;border-top:1px solid #12304e;color:#8fa2b5;font-size:12px;line-height:1.8}footer>img{width:180px;height:110px;object-fit:contain;background:transparent}footer b{color:#1d94ff;font:700 13px Oxanium}.float{position:fixed;right:24px;bottom:24px;width:55px;height:55px;background:#13c45a;border-radius:50%;display:grid;place-items:center;font-weight:800;z-index:50;box-shadow:0 10px 30px #000}
@media(max-width:900px){.topbar span:nth-child(2){display:none}header{height:76px}.logo{height:64px}.logo img{width:125px;height:60px}nav{display:none;position:absolute;top:76px;left:0;right:0;background:#020a14;padding:25px 4vw;flex-direction:column}nav.open{display:flex}.menu{display:block;margin-left:auto}.book{display:none}.hero{height:610px}.hero-photo{object-position:68% center}.hero-copy{width:90%}.hero h1{font-size:68px}.features{flex-wrap:wrap}.grid{grid-template-columns:repeat(2,1fr)}.whygrid{grid-template-columns:repeat(2,1fr)}.work{grid-template-columns:1fr}.cta{gap:25px;align-items:flex-start;flex-direction:column}.phone{align-items:flex-start}footer{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.topbar{font-size:8px}.hero{height:650px}.hero-photo{object-position:70% center}.hero-copy{width:100%;padding:0 22px}.hero h1{font-size:56px}.hero p{font-size:14px}.features span{width:45%;margin-bottom:8px}.actions{flex-direction:column;width:100%}.section{padding:60px 22px}.grid{grid-template-columns:1fr}.grid article img{height:225px}.whygrid{grid-template-columns:1fr}.whygrid>div{border-right:0;border-bottom:1px solid #17304c}.work{padding-left:22px;padding-right:22px}.work-photo{height:260px}.cta{padding:45px 22px}.phone{font-size:30px}footer{grid-template-columns:1fr;padding:40px 22px}}
.contact-buttons{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.contact-buttons a{padding:11px 18px;border-radius:6px;font:800 11px Oxanium}
.contact-buttons .maps{background:#0b7cff;color:#fff}
.contact-buttons .instagram{border:1px solid #d9458c;color:#ffd5e9}
footer a:hover{color:#36a3ff}
@media(max-width:520px){.contact-buttons{flex-direction:column}.contact-buttons a{text-align:center}}

/* Premium automotive typography refinement */
.hero h1,.title h2,.work h2,.cta h2{
  letter-spacing:-1.2px;
  text-transform:uppercase;
  text-shadow:0 0 28px rgba(16,137,255,.08);
}
.hero h1 em{
  letter-spacing:-1.6px;
  background:linear-gradient(90deg,#79c8ff 0%,#1497ff 42%,#0b69d9 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:none;
}
.kicker,.title>span,.work-copy>span,.cta span{
  letter-spacing:2px;
}
.grid h3,.whygrid b,nav a,.book,.primary,.whatsapp,.grid article a{
  letter-spacing:.9px;
}
.logo img{
  filter:drop-shadow(0 5px 18px rgba(0,100,255,.22));
}
@media(max-width:520px){
  .hero h1{font-size:42px;line-height:.98;letter-spacing:-.8px}
  .title h2,.work h2,.cta h2{letter-spacing:-.5px}
}

nav a.active{color:#1595ff}nav .emergency-link{color:#ffcf48}
.page-hero{padding:95px 4vw 80px;background:radial-gradient(circle at 80% 20%,#0a3969 0,transparent 36%),linear-gradient(135deg,#020a14,#06172a);border-bottom:1px solid #174b7d}.page-hero span{color:#1595ff;font:700 13px Oxanium;letter-spacing:2px}.page-hero h1{font:700 clamp(38px,5vw,70px)/1 Michroma;margin:15px 0 20px;letter-spacing:-1px}.page-hero p{max-width:650px;color:#a9bacb;line-height:1.7}
.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-cards>a{padding:32px;background:#061527;border:1px solid #174b7d;border-radius:10px;transition:.2s}.feature-cards>a:hover{transform:translateY(-5px);border-color:#1595ff}.feature-cards .roadside-card{border-color:#d49922;background:linear-gradient(145deg,#19170c,#081525)}.feature-cards b{font:700 20px Oxanium}.feature-cards p{color:#95a7b9;line-height:1.7;min-height:82px}.feature-cards strong{color:#1595ff;font:700 12px Oxanium}.roadside-card strong{color:#ffcf48}
.why-page{margin:0 auto;max-width:1250px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;background:#03101f}.gallery-grid img{width:100%;height:300px;object-fit:cover;border:1px solid #174b7d;border-radius:10px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;background:#03101f}.contact-grid>div{padding:48px;background:#061527;border:1px solid #174b7d;border-radius:10px}.contact-grid h2{font:700 clamp(27px,3vw,42px) Michroma;margin:12px 0 20px}.contact-grid p{color:#9eafc0;line-height:1.7;margin-bottom:30px}
.roadside-page{min-height:100vh;background:#05080d}.roadside-header{position:relative;top:auto;height:88px;background:#05080d;border-bottom:1px solid #252b34;justify-content:space-between}.back-home{font:700 11px Oxanium;color:#9eafc0;letter-spacing:1px}.roadside-main{min-height:calc(100vh - 88px);display:grid;place-items:center;padding:45px 4vw;background:radial-gradient(circle at 50% 10%,rgba(16,101,180,.3),transparent 36%),linear-gradient(rgba(4,8,13,.78),rgba(4,8,13,.96)),url('assets/tyres.jpg') center/cover}.roadside-focus{text-align:center;width:min(1050px,100%)}.roadside-badge{display:inline-block;padding:8px 14px;border:1px solid #ffbd2e;color:#ffd66f;background:rgba(71,48,0,.5);border-radius:50px;font:800 11px Oxanium;letter-spacing:1.6px}.roadside-focus h1{font:700 clamp(42px,6.4vw,84px)/.98 Michroma;margin:22px 0 15px;letter-spacing:-1.8px}.roadside-focus h1 em{font-style:normal;color:#ffca43}.roadside-focus>p{max-width:680px;margin:0 auto 30px;color:#c1ccd7;font-size:17px;line-height:1.6}
.emergency-actions{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px auto 25px}.emergency-actions a{min-height:170px;padding:25px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;font:800 clamp(19px,2.1vw,30px) Oxanium;box-shadow:0 18px 55px rgba(0,0,0,.4);transition:.2s}.emergency-actions a:hover{transform:translateY(-5px) scale(1.01)}.emergency-actions small{font:800 10px Oxanium;letter-spacing:2px;margin-bottom:10px}.emergency-actions span{font:600 12px Sora;margin-top:12px}.message-now{background:#18ca63;color:#03140a;border:2px solid #55ef91}.message-now small,.message-now span{color:#07491f}.call-now{background:#ffbd2e;color:#211500;border:2px solid #ffe08a}.call-now small,.call-now span{color:#664400}.roadside-small{display:flex;justify-content:center;align-items:center;gap:18px;color:#f3f6fa;font:700 12px Oxanium;letter-spacing:1px}.roadside-small i{width:5px;height:5px;border-radius:50%;background:#ffbd2e}.roadside-focus .availability-note{font-size:11px;color:#7f8d9c;margin:18px auto 0}
@media(max-width:900px){.feature-cards{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}}
@media(max-width:600px){.page-hero{padding:70px 22px 55px}.gallery-grid{grid-template-columns:1fr}.gallery-grid img{height:240px}.roadside-header{padding:0 20px}.back-home{font-size:9px}.roadside-main{padding:35px 20px}.roadside-focus h1{font-size:39px}.roadside-focus>p{font-size:14px}.emergency-actions{grid-template-columns:1fr;gap:13px}.emergency-actions a{min-height:140px}.roadside-small{flex-direction:column;gap:8px}.roadside-small i{display:none}}