@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');:root{--navy:#07162d;--navy2:#10254a;--gold:#f5ba20;--ink:#0b1d38;--muted:#617087;--light:#f4f6fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Outfit,Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1190px;margin:auto;padding:0 28px}.top{background:white;position:sticky;top:0;z-index:5;box-shadow:0 2px 15px #0b193014}.nav{height:87px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand img{height:51px;width:51px}.brand strong{display:block;font:800 22px Outfit;letter-spacing:.025em}.brand small{font-size:10px;letter-spacing:.17em;font-weight:800;color:#bd8500}nav{display:flex;align-items:center;gap:29px;font-size:13px;font-weight:700}nav a:hover{color:#d69a00}.nav-cta{background:var(--navy);color:#fff!important;padding:13px 18px}.menu{display:none;background:transparent;border:0;font-size:25px}.hero{background:linear-gradient(112deg,#07162d,#173763);color:white;padding:82px 0 85px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.22em;color:var(--gold);font-weight:800;margin-bottom:22px}.eyebrow.dark{color:#b58100}h1{font-size:clamp(46px,5.5vw,77px);line-height:1.04;letter-spacing:-.04em;margin-bottom:24px}h1 em{font-style:normal;color:var(--gold)}.intro{color:#c5d0dd;font-size:17px;line-height:1.8;max-width:510px}.actions{display:flex;gap:12px;margin-top:31px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 23px;font-size:13px;font-weight:800;border:0;cursor:pointer}.gold{background:var(--gold);color:#14233a}.outline{border:1px solid #7890a8;color:white}.hero-facts{display:flex;gap:18px;flex-wrap:wrap;margin-top:40px;color:#c8d2dc;font-size:11px}.hero-photo{height:455px;position:relative;border-radius:5px;background:linear-gradient(0deg,#07162d90,#07162d00 55%),url('/assets/black-mechanic-workshop.webp') center/cover;box-shadow:25px 25px 0 #f5ba2026}.photo-label{position:absolute;bottom:20px;left:20px;background:white;color:var(--navy);padding:17px 22px}.photo-label b,.photo-label span{display:block}.photo-label b{font:800 14px Outfit}.photo-label span{font-size:11px;margin-top:5px;color:#667}.stats{background:var(--gold)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr)}.stats-grid div{padding:22px 15px;border-right:1px solid #a6752460;display:flex;align-items:center;gap:16px}.stats-grid strong{font:800 27px Outfit}.stats-grid span{font-size:12px;font-weight:700}.section{padding:100px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}.section h2,.about h2,.contact h2{font-size:clamp(34px,4vw,51px);letter-spacing:-.035em;line-height:1.12;max-width:620px}.section-heading p{max-width:400px;color:var(--muted);line-height:1.7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service{background:#f5f7f9;padding:30px;min-height:235px;border-bottom:3px solid transparent}.service:hover{border-color:var(--gold)}.service .num{color:#b58100;font-size:11px;font-weight:800}.symbol{font-size:35px;margin:20px 0 13px;color:#b58100}.service h3{font-size:21px;margin-bottom:9px}.service p{font-size:13px;color:var(--muted);line-height:1.75}.about{background:var(--navy);color:white;padding:85px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.about-photo{min-height:430px;background:url('/assets/black-mechanic-workshop.webp') center/cover,#344456}.about p:not(.eyebrow){color:#c1ccda;line-height:1.9;font-size:15px}.registration{border-top:1px solid #5d6a7a;padding-top:23px;margin-top:28px;font-size:11px;letter-spacing:.12em;color:#f5ba20}.registration b{display:block;color:white;font-size:18px;letter-spacing:0;margin-top:7px}.why{background:#f6f7f9}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:38px}.why-grid div{border-top:2px solid #f5ba20;padding-top:20px}.why-grid span{font:800 29px Outfit;color:#f5ba20}.why-grid h3{margin-top:14px}.why-grid p{color:var(--muted);font-size:14px;line-height:1.8}.contact{background:#10254a;color:white;padding:90px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact p{color:#c4cbd6;line-height:1.8}.contact-lines{display:grid;gap:20px;margin-top:35px}.contact-lines b,.contact-lines span,.contact-lines a{display:block}.contact-lines b{color:var(--gold);font-size:12px;margin-bottom:4px}.contact-lines span,.contact-lines a{font-size:14px;line-height:1.5}.form{background:white;color:var(--ink);padding:36px}.form h3{font-size:25px}.form label{display:block;font-size:12px;font-weight:800;margin:17px 0}.form input,.form textarea,.form select{width:100%;border:1px solid #d7dde4;padding:13px;margin-top:7px;font:14px 'DM Sans',Arial;background:#fff;border-radius:0}.form .btn{width:100%;margin:8px 0}.form small{font-size:11px;color:#667;line-height:1.5;display:block}footer{background:#071226;color:white;padding:35px 0}.footer-grid{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-grid p{color:#aab4c0;font-size:12px}.footer-grid small{font-size:10px;color:#8191a6}@media(max-width:900px){.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.hero-photo{height:360px}.cards{grid-template-columns:repeat(2,1fr)}.nav{height:75px}.menu{display:block}nav{display:none;position:absolute;top:75px;left:0;right:0;background:white;padding:25px;flex-direction:column;align-items:stretch}nav.open{display:flex}.section-heading{display:block}.footer-grid{display:block}}@media(max-width:570px){.wrap{padding:0 18px}.hero{padding:60px 0}.hero-photo{height:290px}.stats-grid{grid-template-columns:1fr}.stats-grid div{padding:13px 15px}.cards,.why-grid{grid-template-columns:1fr}.section,.contact{padding:65px 0}.about{padding:65px 0}.about-photo{min-height:280px}.form{padding:24px}.brand strong{font-size:18px}.brand small{font-size:8px}.brand img{height:45px;width:45px}}

/* Official logo 1 identity, applied consistently across site */
.brand img{width:112px;height:68px;object-fit:contain;background:#fff;border-radius:4px;padding:3px}
.brand strong{color:var(--navy)}.brand small{color:#b07b00}.top{border-bottom:3px solid var(--gold)}
.hero{background:linear-gradient(115deg,#07162d 0%,#102d56 65%,#07162d 100%)}
.hero-photo{border:3px solid var(--gold);box-shadow:20px 20px 0 #f5ba2029}
.hero-logo{position:absolute;top:18px;right:18px;background:#fff;padding:8px;border:2px solid var(--gold);border-radius:7px;max-width:47%;box-shadow:0 8px 25px #0005}
.hero-logo img{display:block;width:100%;max-height:135px;object-fit:contain}
.nav-cta{background:var(--navy);border-bottom:3px solid var(--gold)}
.service{border-top:2px solid #e8edf3}.service:hover{background:#fff8e8;border-color:var(--gold)}
footer .brand strong{color:#fff}footer .brand img{background:#fff}
@media(max-width:900px){.brand img{width:78px;height:52px}.hero-logo{max-width:42%}}
@media(max-width:570px){.brand img{width:63px;height:45px}.brand strong{font-size:16px}.hero-logo{max-width:48%;top:10px;right:10px;padding:4px}.hero-logo img{max-height:90px}}

/* Locally hosted hero image featuring a Black automotive technician */
.hero-photo{background-image:linear-gradient(0deg,#07162d90,#07162d00 55%),url("/assets/black-mechanic-workshop.webp");background-position:center;background-size:cover}

/* All workshop photos served locally to avoid missing external images. */
.about-photo{background-image:linear-gradient(135deg,rgba(7,22,45,.12),rgba(7,22,45,.3)),url('/assets/black-mechanic-workshop.webp');background-size:cover;background-position:65% center;}