:root{--blue:#40c324;--blue-deep:#267b15;--ink:#090c10;--charcoal:#11161c;--muted:#66707c;--line:#dce2e8;--white:#fff;--off:#f4f6f8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}
.site-header{height:84px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;background:rgba(8,11,15,.96);color:#fff;position:fixed;top:0;left:0;right:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:10px;font-family:"Barlow Condensed",sans-serif;font-weight:800;letter-spacing:.06em}.brand-number{display:grid;place-items:center;width:47px;height:47px;background:var(--blue);font-size:28px;line-height:1;transform:skew(-5deg)}.brand-name{font-size:21px}.nav-links{display:flex;align-items:center;gap:34px;font-weight:600;font-size:14px}.nav-links a:not(.nav-cta):hover{color:var(--blue)}.nav-cta{padding:12px 20px;border:1px solid var(--blue);color:#fff}.nav-cta:hover{background:var(--blue)}.menu-button{display:none;background:none;border:0;padding:12px}.menu-button span{display:block;width:25px;height:2px;background:white;margin:6px}
.hero{min-height:790px;height:100vh;position:relative;display:flex;align-items:center;background:#0b1116 url("assets/workshop-hero.png") center/cover no-repeat;color:#fff;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,7,11,.96) 0%,rgba(4,8,12,.84) 36%,rgba(4,8,12,.2) 70%,rgba(4,8,12,.04) 100%)}.hero-content{position:relative;z-index:2;width:min(720px,80%);margin-left:clamp(24px,8vw,140px);padding-top:64px}.eyebrow{text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.2em;margin:0 0 20px;display:flex;align-items:center;gap:12px}.eyebrow span{width:36px;height:2px;background:var(--blue)}.eyebrow.dark{color:#53606d}.hero h1,.section h2,.proof-section h2,.rental-section h2{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:-.025em;line-height:.86;margin:0;font-weight:800}.hero h1{font-size:clamp(78px,10vw,148px)}em{font-style:normal;color:var(--blue)}.hero-copy{font-size:clamp(17px,1.5vw,21px);line-height:1.65;color:#c4cbd2;max-width:620px;margin:30px 0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 23px;text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:700;border:1px solid transparent;cursor:pointer;transition:.2s ease}.button span{font-size:20px;line-height:0}.button-primary{background:var(--blue);color:#fff}.button-primary:hover{background:#fff;color:var(--ink)}.button-secondary{border-color:rgba(255,255,255,.5);color:#fff}.button-secondary:hover{border-color:#fff;background:#fff;color:#111}.trust-strip{display:flex;gap:34px;margin-top:55px}.trust-strip div{border-left:2px solid var(--blue);padding-left:12px;display:flex;flex-direction:column}.trust-strip strong{text-transform:uppercase;font-family:"Barlow Condensed";font-size:20px;line-height:1}.trust-strip span{font-size:12px;color:#aeb7c1}.hero-tag{position:absolute;right:31px;bottom:64px;writing-mode:vertical-rl;font-size:11px;letter-spacing:.3em;color:rgba(255,255,255,.55)}
.section{padding:110px clamp(24px,8vw,140px)}.section-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:60px;align-items:end;margin-bottom:55px}.section h2{font-size:clamp(52px,6vw,86px)}.section-heading>p{color:var(--muted);max-width:420px;margin:0 0 8px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{min-height:350px;padding:32px;position:relative;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.25s ease}.service-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(17,34,50,.12);z-index:2}.service-card.featured{background:var(--blue);color:#fff;border-color:var(--blue)}.service-number{position:absolute;right:24px;top:20px;color:#98a2ad;font-family:"Barlow Condensed"}.featured .service-number{color:rgba(255,255,255,.65)}.service-icon{font-size:34px;margin:24px 0 52px;color:var(--blue)}.featured .service-icon{color:#fff}.service-card h3{font-family:"Barlow Condensed";text-transform:uppercase;font-size:30px;margin:0 0 10px;line-height:1}.service-card p{font-size:14px;color:var(--muted);min-height:72px}.featured p{color:#e6f2ff}.service-card a{text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.08em}.service-card a span{margin-left:8px}
.proof-section{background:var(--ink);color:#fff;padding:115px clamp(24px,8vw,140px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,10vw,170px);align-items:center}.proof-section h2{font-size:clamp(55px,6.5vw,92px)}.proof-detail{border-left:1px solid #303741;padding-left:clamp(30px,5vw,75px)}.proof-detail .lead{font-size:24px;line-height:1.45;color:#fff}.proof-detail>p:not(.lead){color:#9ba5af}.ticks{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px;color:#dfe5eb;font-size:14px}.ticks span::first-letter{color:var(--blue)}
.rental-section{margin:0 clamp(24px,5vw,80px);background:var(--blue);color:white;padding:80px clamp(28px,5vw,80px);display:grid;grid-template-columns:auto 1fr .7fr;gap:55px;align-items:center;position:relative;overflow:hidden}.rental-section::after{content:"DRIVE";position:absolute;right:-25px;bottom:-74px;font:800 180px/1 "Barlow Condensed";color:rgba(255,255,255,.08)}.rental-badge{width:130px;height:130px;display:grid;place-items:center;background:#fff;color:var(--blue);font:800 72px/1 "Barlow Condensed";transform:skew(-5deg)}.rental-section h2{font-size:clamp(54px,6vw,82px)}.rental-copy{position:relative;z-index:2}.rental-copy p{font-size:19px;margin:0 0 24px}.button-light{background:#fff;color:var(--ink)}.button-light:hover{background:var(--ink);color:#fff}
.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,10vw,150px);background:var(--off)}.contact-copy>p:not(.eyebrow){color:var(--muted);max-width:480px}.contact-note{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.08em}.enquiry-form{background:#fff;padding:35px;box-shadow:0 18px 60px rgba(25,36,47,.08)}.enquiry-form label{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700;margin-bottom:18px}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{display:block;width:100%;border:0;border-bottom:1px solid #bcc5ce;padding:11px 2px;background:transparent;color:#18202a;font-size:15px;text-transform:none;letter-spacing:normal;outline:none}.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus{border-color:var(--blue)}.enquiry-form .button{width:100%;margin-top:10px}.form-status{color:var(--blue-deep);font-size:13px;margin:12px 0 0;min-height:20px}
footer{background:#07090c;color:#fff;padding:45px clamp(24px,8vw,140px);display:grid;grid-template-columns:1fr 1.5fr auto;align-items:center;gap:30px}footer p{color:#8c96a0;text-align:center;font-size:13px}footer>span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#9ba5af}
@media(max-width:900px){.nav-links{position:fixed;left:0;right:0;top:84px;background:#090c10;padding:28px;display:none;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.menu-button{display:block}.hero{min-height:760px;background-position:62% center}.hero-overlay{background:linear-gradient(90deg,rgba(3,7,11,.97) 0%,rgba(3,7,11,.82) 60%,rgba(3,7,11,.22) 100%)}.hero-content{width:auto;margin:0 24px}.trust-strip{gap:18px}.service-grid{grid-template-columns:1fr 1fr}.section-heading,.proof-section,.contact-section{grid-template-columns:1fr}.proof-detail{padding:0;border:0}.rental-section{grid-template-columns:auto 1fr}.rental-copy{grid-column:1/-1}.rental-badge{width:95px;height:95px;font-size:55px}footer{grid-template-columns:1fr;text-align:center}footer .brand{justify-content:center}}
@media(max-width:560px){.site-header{height:72px;padding:0 18px}.brand-number{width:40px;height:40px;font-size:24px}.brand-name{font-size:18px}.nav-links{top:72px}.hero{height:auto;min-height:760px;background-position:69% center}.hero-overlay{background:linear-gradient(90deg,rgba(3,7,11,.98) 0%,rgba(3,7,11,.91) 58%,rgba(3,7,11,.47) 100%)}.hero-content{padding-top:90px}.hero h1{font-size:75px}.hero-copy{font-size:16px}.trust-strip{display:grid;grid-template-columns:1fr 1fr;margin-top:38px}.trust-strip div:last-child{display:none}.hero-tag{display:none}.section{padding:78px 20px}.section-heading{gap:22px}.service-grid{grid-template-columns:1fr}.service-card{min-height:300px}.proof-section{padding:78px 20px}.ticks{grid-template-columns:1fr}.rental-section{margin:0 12px;padding:50px 22px;grid-template-columns:1fr}.rental-badge{width:75px;height:75px;font-size:42px}.rental-copy{grid-column:auto}.contact-section{gap:35px}.enquiry-form{padding:25px 20px}.contact-note{flex-direction:column}footer{padding:40px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-card{transition:none}}
.direct-contact{display:grid;gap:10px;margin:30px 0 22px}.direct-contact a{display:flex;flex-direction:column;padding:15px 18px;border:1px solid var(--line);background:#fff;transition:.2s ease}.direct-contact a:hover{border-color:var(--blue);transform:translateX(4px)}.direct-contact small{text-transform:uppercase;letter-spacing:.09em;font-size:11px;color:var(--muted);font-weight:700}.direct-contact strong{font-size:17px;overflow-wrap:anywhere}.direct-contact .whatsapp-link{background:var(--ink);color:#fff;border-color:var(--ink)}.direct-contact .whatsapp-link small{color:#aeb7c1}.social-links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}.social-links a{padding:8px 12px;border:1px solid #bcc5ce;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.social-links a:hover{background:var(--blue);border-color:var(--blue);color:#fff}footer a:hover{color:var(--blue)}

/* Logo green: keep text readable on bright brand backgrounds. */
.button-primary,.brand-number,.service-card.featured,.rental-section{color:var(--ink)}.featured .service-number,.featured .service-icon,.featured p{color:var(--ink)}