@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;1,700;1,800&family=Manrope:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101214;--surface:#191c1f;--text:#f4f3ef;--muted:#a8abad;--red:#d0ad55;--line:#343638}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;font-size:17px;line-height:1.55}a{color:inherit;text-decoration:none}button,a,select{ -webkit-tap-highlight-color:transparent}a:focus-visible,select:focus-visible{outline:3px solid #fff;outline-offset:5px}.header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;line-height:1.05;letter-spacing:2px}.brand small{display:block;font-size:12px;letter-spacing:3.1px;margin-top:7px}.brand-mark{font-size:47px;letter-spacing:-8px;font-style:italic;margin-right:7px}.brand-mark span{color:var(--red)}nav{display:flex;gap:30px;font-size:15px}nav a:hover,.text-link:hover{color:var(--red)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;background:var(--red);color:#101214;padding:17px 24px;font-size:16px;font-weight:700;transition:background .2s}.button:hover{background:#e5c774}.button span{font-size:24px;line-height:1}.button.small{padding:13px 19px;gap:24px}.hero{min-height:685px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-photo{position:absolute;inset:0;background:linear-gradient(90deg,#101214 1%,rgba(16,18,20,.88) 23%,rgba(16,18,20,.09) 72%),linear-gradient(0deg,#101214 0%,transparent 28%),url('hero.png') center right/cover no-repeat}.hero-content{position:relative;max-width:760px;padding:75px 0 100px 5%}.eyebrow{font-size:13px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:12px}.eyebrow>span{height:2px;width:26px;background:var(--red)}h1,h2{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;line-height:.96;margin:25px 0;font-weight:700;letter-spacing:-1px}h1{font-size:clamp(70px,7.9vw,122px)}em{color:var(--red);font-style:normal}h1 em{display:inline}h2{font-size:clamp(48px,5vw,76px)}.intro{max-width:420px;color:#c4c5c6;margin:24px 0 32px;font-size:19px}.text-link{display:inline-flex;margin-left:24px;gap:15px;font-size:15px}.hero-bottom{position:absolute;left:5%;right:5%;bottom:26px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px;color:#b9bbbc}.strip{display:flex;justify-content:space-around;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 5%;font-size:14px;font-weight:700;letter-spacing:2px}.strip b{color:var(--red)}.section{padding:90px 5%;scroll-margin-top:20px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:40px}.section-heading h2{margin-bottom:0}.section-heading h2 span{color:#8d9296}.section-heading>p{color:var(--muted);max-width:390px;margin-bottom:0}.services{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.services article{padding:34px;position:relative}.services article+article{border-left:1px solid var(--line)}.number{position:absolute;right:28px;top:25px;color:#84898d;font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-size:22px}.services svg{height:45px;width:45px;fill:none;stroke:var(--red);stroke-width:1.6;margin:8px 0 19px}.services h3{font-size:25px;margin:8px 0 16px;line-height:1.15}.services p{color:var(--muted);min-height:105px;margin:0 0 30px}.services a{display:flex;justify-content:space-between;font-size:15px;font-weight:600;border-top:1px solid var(--line);padding-top:20px;gap:10px}.services a span{color:var(--red)}.services a:hover{color:var(--red)}.approach{background:#181b1d;display:grid;grid-template-columns:1fr 1fr;column-gap:9%}.approach>.eyebrow{grid-column:1/-1;margin:0 0 32px}.approach h2{margin:0}.steps>div{position:relative;padding:0 0 25px 52px;border-bottom:1px solid var(--line);margin-bottom:26px}.steps>div:last-child{margin-bottom:0;padding-bottom:0;border:0}.steps span{position:absolute;left:0;top:1px;color:var(--red);font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-size:24px}.steps h3{font-size:22px;line-height:1.25;margin:0 0 9px}.steps p{color:var(--muted);margin:0;max-width:420px}.appointment{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.appointment h2{font-size:clamp(70px,8vw,112px)}.appointment>div>p{color:var(--muted)}.booking{background:var(--surface);border:1px solid var(--line);padding:36px}.booking-label{color:var(--red);letter-spacing:2px;font-size:12px;font-weight:700}.booking h3{font-size:32px;margin:14px 0 5px;line-height:1.2}.booking>p{margin:0 0 28px;color:var(--muted)}label{display:block;font-size:15px;margin-bottom:9px;font-weight:600}select{width:100%;font:inherit;color:var(--text);background:#101214;border:1px solid #515558;border-radius:0;padding:14px 12px}.booking-status{margin-top:24px;padding:20px;border-left:2px solid var(--red);background:#222629}.booking-status strong{font-size:16px}.booking-status p{font-size:15px;color:#b9bec2;margin:8px 0 0}footer{border-top:1px solid var(--line);padding:40px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p{font-size:12px;letter-spacing:2px;color:var(--muted)}footer>small{color:var(--muted);font-size:13px}.mobile-book{display:none}@media(min-width:1700px){.header,.section,footer{padding-left:max(5%,calc((100vw - 1500px)/2));padding-right:max(5%,calc((100vw - 1500px)/2))}.hero-content{padding-left:max(5%,calc((100vw - 1500px)/2));max-width:1000px}}@media(max-width:1000px){nav{display:none}.hero{min-height:630px}.hero-photo{background-position:center,center,62% center}.services article{padding:24px}.services p{min-height:140px}.section{padding-top:65px;padding-bottom:65px}.text-link{margin-left:16px}.section-heading>p{max-width:290px}.booking{padding:25px}.appointment{gap:6%}footer p{display:none}}@media(max-width:680px){.header{height:85px;padding:0 6%;gap:12px}.brand{font-size:19px;gap:9px}.brand small{font-size:10px;letter-spacing:2.3px}.brand-mark{font-size:39px}.button.small{font-size:13px;padding:13px 12px;gap:10px}.button.small span{display:none}.hero{min-height:710px;align-items:flex-start}.hero-photo{background-image:linear-gradient(180deg,#101214 0%,rgba(16,18,20,.8) 25%,transparent 70%),linear-gradient(0deg,#101214,transparent 35%),url('hero.png');background-size:cover,cover,auto 72%;background-position:center,center,64% bottom}.hero-content{padding:45px 6% 0;max-width:100%}h1{font-size:72px}.intro{font-size:17px;max-width:330px}.text-link{display:none}.hero-bottom{left:6%;right:6%;font-size:10px;letter-spacing:1px;gap:20px}.hero-bottom span:last-child{text-align:right}.strip{gap:15px;flex-wrap:wrap;justify-content:center;padding:18px 6%;font-size:11px;letter-spacing:1px}.strip b:nth-of-type(2){display:none}.strip span{width:38%;text-align:center}.section{padding:55px 6%}.section-heading{display:block}.section-heading>p{margin-top:25px;max-width:none}.services{display:block}.services article+article{border-left:0;border-top:1px solid var(--line)}.services p{min-height:0;max-width:380px}.services article{padding:30px}.services svg{margin-bottom:12px}.approach,.appointment{display:block}.approach h2{margin-bottom:40px}.approach>.eyebrow{margin-bottom:25px}.appointment h2{font-size:78px}.booking{margin-top:35px}.eyebrow{font-size:11px;letter-spacing:1.5px}footer{padding:30px 6% 115px;display:block}footer>small{display:block;margin-top:25px}.mobile-book{display:flex;position:fixed;bottom:14px;left:6%;right:6%;z-index:10;box-shadow:0 4px 30px #0009}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.pricing{background:#0a0b0c;border-top:1px solid var(--line)}.pricing .section-heading{align-items:center}.pricing h2{font-size:clamp(68px,7vw,102px)}.pricing h2 em{font-style:italic}.pricing-intro p{color:var(--muted);margin:0 0 25px}.price-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:6%}.oil-pricing{border:1px solid #6a592e;padding:30px 32px;background:linear-gradient(135deg,#282417 0%,#101214 65%)}.oil-pricing h3{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-style:italic;font-size:34px;background:linear-gradient(90deg,#d0ad55,transparent);color:#101214;margin:-30px -32px 17px;padding:12px 32px;line-height:1.1}.pricing table{width:100%;border-collapse:collapse}.pricing th{text-align:left;font-weight:500}.pricing td{text-align:right;white-space:nowrap}.pricing th,.pricing td{border-bottom:1px solid #3f3825;padding:16px 0;font-size:18px}.oil-pricing td,.basic-pricing strong{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;color:var(--red);font-size:29px;font-weight:600}.price-book{display:flex;justify-content:space-between;padding-top:24px;font-size:16px;font-weight:600}.price-book:hover{color:var(--red)}.basic-pricing th{padding-right:20px}.basic-pricing td span{display:inline-block;min-width:85px;margin-left:16px;color:var(--muted);font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1000px){.price-grid{gap:4%}.basic-pricing td span{display:block;margin:0;min-width:0}.pricing th,.pricing td{font-size:16px}}@media(max-width:680px){.price-grid{display:block}.pricing-intro{margin-top:25px}.oil-pricing{padding:25px}.oil-pricing h3{margin:-25px -25px 15px;padding:12px 25px}.basic-pricing{margin-top:25px}.pricing th,.pricing td{font-size:17px}.pricing .section-heading{margin-bottom:30px}.pricing-intro p{font-size:16px}}

.email-book{width:100%;margin-top:24px;gap:14px}.booking .booking-note{font-size:14px;line-height:1.6;color:var(--muted);margin:16px 0 24px}.contact-options{border-top:1px solid var(--line);padding-top:22px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.contact-options>span{font-size:14px;color:var(--muted)}.contact-options>a{font-size:24px;font-weight:600}.contact-options .contact-email{font-size:16px;font-weight:400;overflow-wrap:anywhere}.contact-options a:hover,.footer-contact a:hover{color:var(--red)}.footer-contact{display:flex;flex-direction:column;font-size:15px;gap:6px}.footer-contact a{overflow-wrap:anywhere}@media(max-width:680px){.footer-contact{margin-top:24px}.email-book{font-size:15px;padding:16px}}

/* Supplied Pinnacle Autosport identity. The original logo asset is preserved. */
:root{--red:#d6b04f;--muted:#afb2b5}.header{height:124px;background:#000}.logo-frame{display:block;width:265px;height:110px;position:relative;overflow:hidden;flex-shrink:0}.logo-frame img{position:absolute;width:310px;height:auto;max-width:none;left:-22px;top:-27px}.brand{line-height:1}.header nav{gap:25px}.hero h1{color:#e4e5e6}.hero h1 em,.appointment h2 em,.pricing h2 em{color:#d6b04f}footer{background:#000}footer .logo-frame{width:290px;height:164px}footer .logo-frame img{width:330px;left:-20px;top:-24px}.strip{font-size:13px;letter-spacing:1.5px}@media(max-width:1000px){.header{height:112px}.header .logo-frame{width:235px;height:98px}.header .logo-frame img{width:280px;left:-22px;top:-24px}}@media(max-width:680px){.header{height:96px;padding-left:4%;padding-right:4%;gap:8px}.header .logo-frame{width:180px;height:80px}.header .logo-frame img{width:215px;left:-18px;top:-17px}.header .button.small{font-size:12px;padding:13px 10px;white-space:nowrap}.strip{font-size:11px;letter-spacing:1px}.strip span{width:40%}footer .logo-frame{width:270px;height:152px}footer .logo-frame img{width:310px;left:-20px;top:-24px}}@media(max-width:360px){.header .logo-frame{width:153px;height:70px}.header .logo-frame img{width:185px;left:-16px;top:-13px}.header .button.small{font-size:11px;padding:12px 8px}}

.contact-options .instagram-link,.footer-contact .instagram-link{font-size:15px;font-weight:500;color:var(--red);overflow-wrap:anywhere}.contact-options .instagram-link{margin-top:10px}

.mobile-book{background:var(--red);align-items:stretch}.mobile-book[hidden]{display:none!important}.mobile-book>.button{flex:1;min-width:0;box-shadow:none}.close-booking{flex:0 0 48px;align-self:stretch;min-height:48px;border:0;border-left:1px solid #10121440;background:transparent;color:#101214;font-size:30px;cursor:pointer}.close-booking:hover{background:#e5c774}.close-booking:focus-visible{outline:3px solid #fff;outline-offset:-5px}

.contact-options .google-reviews-link,.footer-contact .google-reviews-link{font-size:15px;font-weight:500;color:var(--red)}

.contact-options .instagram-link,.footer-contact .instagram-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;align-self:flex-start;border:1px solid #d6b04f66;border-radius:50%;color:var(--red);transition:background .2s,color .2s}.contact-options .instagram-link:hover,.footer-contact .instagram-link:hover{background:var(--red);color:#101214}.instagram-link svg{display:block;flex-shrink:0}


/* Bold motorsport typography. */
body{font-family:Manrope,Arial,sans-serif;line-height:1.65}h1,h2{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-weight:800;line-height:.98;letter-spacing:-.015em;text-transform:uppercase}h1{font-size:clamp(68px,8vw,120px)}h2{font-size:clamp(48px,5vw,76px)}h1 em,h2 em{font-style:italic;font-weight:800}.hero-content{max-width:800px}.hero .intro{font-size:18px;line-height:1.7}.eyebrow{font-weight:700;letter-spacing:.17em}.services h3,.steps h3,.booking h3{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-weight:700;line-height:1.1;text-transform:uppercase;letter-spacing:.015em}.services h3{font-size:32px}.steps h3{font-size:29px}.booking h3{font-size:38px}.button{font-weight:700}.oil-pricing h3{font-weight:800;font-style:italic}.oil-pricing td,.basic-pricing strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;font-weight:700}.number,.steps span{font-family:'Barlow Condensed',Impact,sans-serif;font-size:24px;font-weight:700}.services p{min-height:120px}@media(max-width:1000px){.services p{min-height:165px}.services h3{font-size:29px}}@media(max-width:680px){h1{font-size:clamp(56px,12vw,76px)}h2{font-size:52px}.hero .intro{font-size:16px}.services p{min-height:0}.services h3{font-size:32px}.booking h3{font-size:34px}.steps h3{font-size:28px}}