
:root{
  --ink:#111417;--panel:#181d22;--panel2:#222930;--blue:#1697df;--blue2:#58bdf5;
  --paper:#f5f7f8;--muted:#6c7680;--line:#dce2e7;--white:#fff;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--white);line-height:1.6}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(13,16,18,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}
.topbar{width:min(var(--max),calc(100% - 40px));margin:auto;height:88px;display:flex;align-items:center;gap:24px}
.brand img{width:390px;max-height:64px;object-fit:cover;object-position:center}.header-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.phone-link{color:white;font-weight:800;letter-spacing:.04em}.nav{width:min(var(--max),calc(100% - 40px));margin:auto;display:flex;gap:28px;padding:0 0 14px;color:#c7d0d6;font-size:.92rem;font-weight:700}.nav a:hover{color:var(--blue2)}.menu-toggle{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:1.7rem}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;border:1px solid var(--blue);padding:14px 22px;border-radius:8px;font-weight:800;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px);background:#0f83c5}.btn-secondary{background:#fff;color:var(--ink);border-color:#fff}.btn-outline{background:transparent;border-color:rgba(255,255,255,.34)}.btn-small{padding:9px 14px;font-size:.88rem}.hero{position:relative;min-height:670px;background:linear-gradient(90deg,#0d1114 0%,rgba(13,17,20,.84) 48%,rgba(13,17,20,.2) 100%),url("assets/workshop.jpg") center/cover no-repeat;display:flex;align-items:center;color:#fff}.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 78% 42%,rgba(22,151,223,.20),transparent 35%)}.hero-content{position:relative;padding:80px 0}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:900;color:var(--blue2);margin:0 0 12px}.eyebrow.dark{color:#167bb6}.hero h1{font-size:clamp(3rem,7vw,6.4rem);line-height:.94;letter-spacing:-.055em;margin:0;max-width:850px}.hero-copy{font-size:1.18rem;max-width:660px;color:#d9e1e6;margin:26px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.trust-row{display:flex;gap:24px;flex-wrap:wrap;margin-top:42px;color:#cbd5db;font-size:.9rem;font-weight:700}.trust-row span:before{content:"✓";color:var(--blue2);margin-right:8px}.intro-strip{background:var(--paper);border-bottom:1px solid var(--line);padding:52px 0}.intro-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:end}.intro-grid h2,.section h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.05;letter-spacing:-.04em;margin:0}.intro-grid p:last-child{margin:0;color:#4e5961;font-size:1.05rem}.section{padding:100px 0}.split{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center}.split.reverse{grid-template-columns:1fr 1.05fr}.split.reverse .content{order:1}.split.reverse .stock-panel{order:2}.image-card{position:relative}.image-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}.image-badge{position:absolute;left:24px;bottom:24px;background:#111;color:#fff;padding:10px 14px;border-radius:7px;font-weight:800}.content p{color:#5f6972}.tick-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.tick-list li{font-weight:750}.tick-list li:before{content:"✓";color:var(--blue);margin-right:9px}.section-dark{background:var(--panel);color:#fff}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:42px}.section-heading>p{max-width:460px;color:#aeb9c1;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:var(--panel2);border:1px solid rgba(255,255,255,.07);border-radius:10px;overflow:hidden}.service-card img{width:100%;height:180px;object-fit:cover}.service-card>div{padding:24px}.service-card h3{font-size:1.25rem;margin:0 0 8px}.service-card p{color:#bcc5cb;margin:0}.service-card-cta{display:flex;align-items:center;background:linear-gradient(145deg,#107ebc,#145f89)}.mini-label{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--blue2)}.service-card-cta .mini-label,.service-card-cta p{color:#e7f5fc}.text-link{display:inline-block;margin-top:16px;font-weight:900}.stock-section{background:#f2f5f7}.stock-panel{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.15)}.stock-panel img{width:100%;height:450px;object-fit:cover}.stock-panel-copy{position:absolute;left:0;right:0;bottom:0;padding:28px;background:linear-gradient(transparent,rgba(0,0,0,.94));color:#fff}.stock-panel-copy span,.stock-panel-copy strong{display:block}.stock-panel-copy span{color:var(--blue2);font-weight:900;text-transform:uppercase;font-size:.75rem;letter-spacing:.12em}.stock-panel-copy strong{font-size:1.35rem}.fine-print{font-size:.82rem}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.review-grid blockquote{margin:0;padding:30px;border:1px solid var(--line);border-radius:10px;background:#fff}.review-grid blockquote:before{content:"“";font-size:4rem;color:var(--blue);line-height:.7}.review-grid p{font-size:1.06rem}.review-grid footer{font-weight:900;color:#59646d}.contact-section{background:#0e1215;color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-grid>div>p{color:#b8c2c9}.contact-cards{display:grid;gap:10px;margin-top:30px}.contact-cards a{background:#1b2227;border:1px solid rgba(255,255,255,.08);padding:17px 18px;border-radius:8px}.contact-cards span,.contact-cards strong{display:block}.contact-cards span{color:#7f919d;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.enquiry-form{background:#fff;color:var(--ink);padding:30px;border-radius:12px}.form-heading span,.form-heading strong{display:block}.form-heading span{text-transform:uppercase;color:var(--blue);font-size:.75rem;font-weight:900;letter-spacing:.12em}.form-heading strong{font-size:1.5rem;margin-bottom:16px}.enquiry-form label{display:block;font-size:.84rem;font-weight:850;margin-top:12px}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{width:100%;margin-top:5px;border:1px solid #cfd7dc;border-radius:7px;padding:12px;font:inherit}.enquiry-form .btn{width:100%;margin-top:16px}.form-note{font-size:.74rem;color:#6f7880}.location-card{margin-top:54px;padding:28px;background:#181e22;border-radius:12px;display:grid;grid-template-columns:1.2fr 1.1fr auto;gap:24px;align-items:center}.location-card h3{margin:4px 0}.location-card p{margin:0;color:#9eabb4}.dark-outline{border-color:#5e6b73}.footer{background:#090c0e;color:#a9b4bb;padding:55px 0 24px}.footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:50px}.footer-grid img{width:300px;filter:brightness(.95)}.footer-grid strong,.footer-grid a,.footer-grid span{display:block}.footer-grid strong{color:#fff;margin-bottom:10px}.footer-grid a{margin:5px 0}.footer-bottom{border-top:1px solid #222a2f;margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;font-size:.8rem}.toast{position:fixed;right:20px;bottom:20px;background:#111;color:#fff;padding:14px 18px;border-radius:8px;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s;z-index:50}.toast.show{opacity:1;transform:none}
@media(max-width:900px){
  .header-actions{display:none}.menu-toggle{display:block}.brand img{width:300px}.nav{display:none;position:absolute;top:88px;left:0;right:0;background:#0d1012;padding:20px;flex-direction:column}.nav.open{display:flex}
  .intro-grid,.split,.split.reverse,.contact-grid{grid-template-columns:1fr}.split.reverse .content,.split.reverse .stock-panel{order:unset}.service-grid{grid-template-columns:1fr 1fr}.review-grid{grid-template-columns:1fr}.location-card{grid-template-columns:1fr}.section-heading{display:block}.section-heading>p{margin-top:15px}.hero{min-height:610px}.hero h1{font-size:clamp(2.8rem,11vw,5rem)}
}
@media(max-width:600px){
  .wrap,.topbar,.nav{width:min(100% - 24px,var(--max))}.topbar{height:76px}.brand img{width:235px}.nav{top:76px}.hero{min-height:570px}.hero-content{padding:70px 0}.trust-row{display:grid;gap:8px}.intro-grid{gap:20px}.section{padding:72px 0}.service-grid{grid-template-columns:1fr}.tick-list{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.stock-panel img{height:330px}.btn{width:100%}.hero-actions{display:grid}.location-card .btn{width:100%}
}
