:root{--ink:#111315;--ink2:#1a1d20;--lime:#dfff00;--steel:#92989d;--paper:#f3f1eb;--white:#fff;--line:#d3d1ca}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.topbar{height:86px;padding:0 max(24px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:40px;background:var(--ink);color:#fff}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;text-transform:uppercase;line-height:1.05;font-size:.68rem;letter-spacing:.12em}.brand b{font-size:1rem}.brand-icon{width:42px;height:42px;display:grid;place-items:center;background:var(--lime);color:var(--ink);font-size:1.25rem;font-weight:900;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}.topbar nav{display:flex;gap:28px}.topbar nav a{color:#c8cbcd;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:.67rem;font-weight:800}.head-call{text-align:right;text-decoration:none;color:var(--lime);line-height:1.2}.head-call small{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.6rem;color:#aeb2b5}.head-call strong{font-size:1.2rem}.hero{position:relative;min-height:700px;height:calc(100svh - 86px);max-height:900px;color:#fff;display:flex;align-items:center}.hero-photo,.hero-overlay{position:absolute;inset:0}.hero-photo{background:url('assets/mobile-mechanic-western-sydney.webp') center/cover no-repeat}.hero-overlay{background:linear-gradient(90deg,rgba(7,9,10,.98) 0%,rgba(8,10,11,.87) 37%,rgba(8,10,11,.25) 68%,rgba(8,10,11,.07))}.hero-content{position:relative;z-index:2;padding-bottom:90px}.status{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;font-weight:800;color:#d7dbdc;margin-bottom:25px}.status span{width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(223,255,0,.15)}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:900;text-transform:uppercase;letter-spacing:-.055em;line-height:.86}h1{font-size:clamp(4rem,7vw,7.6rem);margin:0 0 30px;max-width:920px}h1 em{font-style:normal;color:var(--lime)}.hero-content>p{max-width:590px;color:#cbd0d2;font-size:1.12rem;margin-bottom:30px}.hero-action{display:flex;align-items:center;gap:25px}.hero-action small{text-transform:uppercase;letter-spacing:.1em;color:#aeb3b5;font-size:.62rem}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:64px;padding:0 25px;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:.68rem;transition:.2s}.button strong{font-size:1rem}.button-lime{background:var(--lime);color:var(--ink);min-width:300px}.button:hover{transform:translateY(-3px)}.service-strip{position:absolute;z-index:2;left:0;right:0;bottom:0;background:rgba(17,19,21,.9);border-top:1px solid #44494c}.service-strip .wrap{height:90px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.service-strip span{height:100%;display:flex;align-items:center;gap:13px;border-right:1px solid #44494c;text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;font-weight:800;color:#c9cdcf}.service-strip span:last-child{border:0}.service-strip b{font-size:1.2rem;color:var(--lime)}.section{padding:115px 0}.intro-grid{display:grid;grid-template-columns:160px 1fr .8fr;gap:60px;align-items:start}.section-tag,.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.68rem;font-weight:900;color:#6e7477}.intro h2,.section-heading h2,.why h2,.areas h2{font-size:clamp(3.5rem,5.8vw,6.4rem);margin:0}.intro-grid>div:last-child{padding-top:10px}.intro-grid p{color:#666b6e;font-size:1.05rem}.line-link{display:inline-flex;justify-content:space-between;gap:45px;color:var(--ink);text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:900;border-bottom:3px solid var(--lime);padding:9px 0}.services{background:var(--ink);color:#fff}.section-heading{display:grid;grid-template-columns:1fr .7fr;align-items:end;gap:80px;margin-bottom:50px}.section-heading .eyebrow,.areas .eyebrow{color:var(--lime)}.section-heading h2{font-size:clamp(3.5rem,5.5vw,6.1rem)}.section-heading>p{max-width:420px;color:#aeb3b5}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #45494c;border-left:1px solid #45494c}.service-grid article{min-height:340px;padding:30px;border-right:1px solid #45494c;border-bottom:1px solid #45494c;display:flex;flex-direction:column}.service-grid article.featured{background:var(--lime);color:var(--ink)}.service-no{font-size:.68rem;color:#8f9699;font-weight:800}.featured .service-no{color:#5b6600}.service-symbol{margin:auto 0 38px;font-size:2.2rem;color:var(--lime)}.featured .service-symbol{color:var(--ink)}.service-grid h3{font-size:1.35rem;text-transform:uppercase;line-height:1.1;margin:0 0 12px}.service-grid p{margin:0;color:#aeb3b5;font-size:.9rem}.featured p{color:#454b00}.callout{background:var(--lime);padding:75px 0}.callout-grid{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:50px}.callout p{text-transform:uppercase;letter-spacing:.15em;font-size:.68rem;font-weight:900;margin:0}.callout h2{font-size:clamp(3rem,5vw,5.3rem);margin:0}.round-call{width:120px;height:120px;border-radius:50%;background:var(--ink);color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:16px;text-transform:uppercase;font-weight:900;font-size:.75rem;transition:.2s}.round-call b{font-size:1.3rem}.round-call:hover{transform:rotate(8deg)}.why{background:var(--paper)}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.eyebrow.dark{color:#74797c}.why h2{font-size:clamp(3.3rem,5vw,5.7rem);margin:25px 0 30px}.why-copy>p:not(.eyebrow){color:#666c70;max-width:520px;margin-bottom:30px}.button-dark{background:var(--ink);color:#fff;min-width:310px}.button-dark strong{color:var(--lime)}.benefits article{display:grid;grid-template-columns:60px 1fr;gap:24px;padding:30px 0;border-top:1px solid var(--line)}.benefits article:last-child{border-bottom:1px solid var(--line)}.benefits>article>span{font-weight:900;color:#7a8100}.benefits h3{font-size:1.4rem;text-transform:uppercase;margin:0 0 6px}.benefits p{color:#6c7073;margin:0}.areas{background:var(--ink2);color:#fff}.areas-top{display:grid;grid-template-columns:1fr .6fr;gap:80px;align-items:end;margin-bottom:55px}.areas h2{font-size:clamp(3.5rem,5.5vw,6rem);margin:24px 0 0}.areas-top>p{color:#aeb3b5}.area-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid #4a4f52;border-top:1px solid #4a4f52}.area-grid span{padding:25px 20px;border-right:1px solid #4a4f52;border-bottom:1px solid #4a4f52;text-transform:uppercase;font-weight:800;font-size:.75rem;letter-spacing:.08em}.area-grid span:before{content:"●";color:var(--lime);margin-right:12px;font-size:.55rem}.final-cta{background:#fff;padding:110px 0}.final-cta p{text-transform:uppercase;letter-spacing:.15em;font-size:.7rem;font-weight:900;color:#707679}.final-cta h2{font-size:clamp(3.5rem,6vw,7rem);margin:20px 0 35px}.final-cta a{display:inline-flex;align-items:center;gap:45px;color:var(--ink);font-size:clamp(1.7rem,3vw,3rem);font-weight:900;text-decoration:none;border-bottom:8px solid var(--lime)}footer{background:#08090a;color:#fff;padding:42px 0}footer .wrap{display:grid;grid-template-columns:1fr 1.2fr auto;gap:30px;align-items:center}.footer-brand{text-transform:uppercase;letter-spacing:.1em}.footer-brand b{color:var(--lime)}footer p{margin:0;color:#92989b;font-size:.85rem}footer a{color:var(--lime);text-decoration:none;font-weight:900}.mobile-call{display:none}
@media(max-width:850px){body{padding-bottom:72px}.wrap{width:min(100% - 32px,1180px)}.topbar{height:72px;padding:0 16px;grid-template-columns:1fr}.topbar nav,.head-call{display:none}.hero{height:auto;min-height:720px;align-items:flex-start}.hero-photo{background-position:62% center}.hero-overlay{background:linear-gradient(90deg,rgba(7,9,10,.97),rgba(7,9,10,.72) 72%,rgba(7,9,10,.3))}.hero-content{padding-top:95px;padding-bottom:250px}.hero h1{font-size:clamp(3.3rem,15vw,5rem)}.hero-action{align-items:flex-start;flex-direction:column}.service-strip .wrap{height:auto;grid-template-columns:1fr;padding-bottom:12px}.service-strip span{height:44px;border-right:0;border-bottom:1px solid #45494c}.section{padding:78px 0}.intro-grid,.section-heading,.why-grid,.areas-top{grid-template-columns:1fr;gap:35px}.intro-grid{gap:25px}.intro h2,.section-heading h2,.why h2,.areas h2{font-size:3.3rem}.service-grid{grid-template-columns:1fr}.service-grid article{min-height:280px}.callout-grid{grid-template-columns:1fr;gap:25px}.round-call{width:100px;height:100px}.area-grid{grid-template-columns:1fr 1fr}.final-cta{padding:80px 0}.final-cta h2{font-size:3.5rem}footer .wrap{grid-template-columns:1fr;gap:7px}.mobile-call{position:fixed;z-index:50;left:0;right:0;bottom:0;height:72px;background:var(--lime);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:16px;text-decoration:none;text-transform:uppercase;font-size:.66rem;letter-spacing:.08em}.mobile-call strong{font-size:1rem}}@media(max-width:520px){.button{width:100%;min-width:0}.area-grid{grid-template-columns:1fr}.callout h2{font-size:3rem}.final-cta a{font-size:1.55rem;gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.round-call{transition:none}}