:root{--ink:#111214;--red:#ff554a;--paper:#f5f3ee;--line:#d9d7d2;--muted:#b9babd;--gutter:clamp(20px,5vw,84px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #ffbd59;outline-offset:5px}img{display:block;width:100%;height:auto}figure{margin:0}p{max-width:65ch}h1,h2,h3{line-height:1.03;letter-spacing:-.045em;margin:0 0 22px}h1{font-size:clamp(48px,7.4vw,116px);font-weight:900}h2{font-size:clamp(34px,4.6vw,68px)}h3{font-size:25px;letter-spacing:-.025em}section{padding:80px var(--gutter)}.eyebrow{font:700 12px/1.4 ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase}.muted{color:var(--muted)}.red{color:#ff545a}.skip{position:absolute;left:20px;top:-100px;padding:12px;background:#fff;color:#111;z-index:20}.skip:focus{top:40px}.review{padding:9px var(--gutter);background:#ead9b3;color:#29221a;font:12px/1.5 Arial;display:flex;justify-content:space-between;gap:16px}.head{padding:23px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #ffffff24}.logo{font-size:21px;line-height:1;text-decoration:none;font-weight:900;letter-spacing:-.06em;display:flex;align-items:center;gap:9px;white-space:nowrap}.logo svg{width:38px;height:38px}.logo small{font-size:11px;letter-spacing:.05em;color:#ff545a}.nav{display:flex;gap:27px;font-size:14px}.nav a{text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--red);color:white;text-decoration:none;padding:17px 25px;min-height:48px;border:1px solid var(--red);font-weight:700;cursor:pointer}.btn.secondary{background:transparent;border-color:#777;color:inherit}.head .btn{padding:12px 18px;font-size:14px}.menu{display:none}.hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center;padding-top:78px;padding-bottom:80px;overflow:hidden}.hero p{font-size:19px;color:#c7c7c8;max-width:460px}.hero .eyebrow{color:#ff6a6f;font-size:12px}.hero h1{margin-top:25px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero figure{position:relative}.hero figure:before{content:'';position:absolute;inset:-25px;border:1px solid #ffffff28;border-radius:50%;pointer-events:none}.hero img{height:600px;object-fit:cover;object-position:48% center;border-radius:48% 48% 0 0}.hero figcaption{font-size:11px;color:#aaa;margin-top:12px}.size-chip{position:absolute;bottom:55px;left:-36px;background:var(--red);padding:18px 27px;font:700 25px ui-monospace,monospace;box-shadow:0 15px 35px #0007}.size-chip small{display:block;font-size:10px;letter-spacing:.15em;margin-top:7px}.strip{background:var(--red);padding:18px var(--gutter);display:flex;gap:32px;justify-content:space-between;font-size:13px;font-weight:700}.services{background:var(--paper);color:var(--ink)}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:40px}.section-head p{max-width:350px;color:#555}.service{display:grid;grid-template-columns:65px 1fr 1fr 35px;gap:20px;padding:30px 0;border-top:1px solid #bdbcb9;align-items:center;text-decoration:none}.service h3{margin:0;font-size:30px}.service p{margin:0;color:#57585c;font-size:15px}.service .n{font:14px ui-monospace,monospace;color:var(--red)}.service .arr{font-size:28px}.service:hover h3{text-decoration:underline}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.split img{height:530px;object-fit:cover}.split figcaption{font-size:12px;color:var(--muted);padding-top:12px}.steps{padding:0;list-style:none;counter-reset:step}.steps li{position:relative;padding:20px 0 20px 52px;border-bottom:1px solid #ffffff29;counter-increment:step}.steps li:before{content:'0' counter(step);position:absolute;left:0;top:22px;font:13px ui-monospace,monospace;color:#ff5f64}.steps strong{display:block;font-size:20px}.steps p{margin:7px 0;color:#b9babd}.size-section{background:#e8e6e1;color:#111}.size-display{font-size:clamp(32px,5vw,76px);font-weight:900;letter-spacing:-.06em;white-space:nowrap}.size-display span{color:var(--red)}.size-key{display:flex;gap:25px;border-top:1px solid #b5b5b5;padding-top:20px;margin-top:24px}.size-key b{display:block;font:24px ui-monospace,monospace}.size-key span{font-size:13px;color:#53555a}.checklist{list-style:none;padding:0}.checklist li{padding:10px 0;border-bottom:1px solid #ffffff25}.checklist li:before{content:'↗';margin-right:15px;color:#ff6a6f}.questions{background:var(--paper);color:#111}.questions details{padding:20px 0;border-top:1px solid var(--line)}summary{cursor:pointer;font-size:19px;font-weight:700}.questions details p{color:#52545a}.cta{background:var(--red);display:flex;justify-content:space-between;align-items:center;gap:40px}.cta .btn{background:#fff;color:#111;border-color:#fff;white-space:nowrap}.cta h2{font-size:clamp(36px,4vw,64px);margin-bottom:10px}.foot{padding:40px var(--gutter) 100px;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;font-size:13px;color:#c1c1c1}.foot nav{display:flex;gap:20px;flex-wrap:wrap}.bottom-call{display:none}.inner{max-width:1180px;margin:0 auto;min-height:60vh}.inner>h1{font-size:clamp(40px,6vw,80px);max-width:900px}.inner p{font-size:18px}.inner .intro{font-size:23px;color:#c5c5c5}.inner ul{padding-left:22px}.inner li{margin:10px 0}.reading{max-width:800px}.reading h2{font-size:30px;margin-top:42px}.tag{display:inline-block;border:1px solid #666;padding:6px 10px;margin-bottom:25px;font-size:12px}.notice{border-left:4px solid #e1a72b;background:#ffffff0a;padding:18px;margin:25px 0;font-size:14px!important}.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:35px}.quote-grid fieldset{border:1px solid #666;padding:25px}.quote-grid label{display:block;margin:12px 0}.quote-grid input,.quote-grid select,.quote-grid textarea{display:block;width:100%;background:white;color:#111;padding:12px;border:1px solid #888;margin-top:5px}.quote-grid textarea{min-height:90px}.quote-grid .btn{width:100%;margin-top:20px}.quote-grid output{display:block;margin-top:15px}.v-b{background:#f7f7f5;color:#151515}.v-b .review{background:#252525;color:white}.v-b .head{background:white;border-color:#ddd}.v-b .logo small{color:var(--red)}.v-b .hero{grid-template-columns:1fr 1.05fr;gap:40px;background:#f5f3ee}.v-b h1{font-size:clamp(46px,6vw,88px)}.v-b .hero p{color:#555}.v-b .red{color:var(--red)}.v-b .hero img{border-radius:0;height:560px}.v-b .hero figure:before{display:none}.v-b .hero figcaption{color:#555}.v-b .size-chip{color:white;left:20px;bottom:35px}.v-b .hero .eyebrow{color:#a71b21}.v-b .strip{background:#17191d;color:white}.v-b .services{background:white}.v-b .services-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.v-b .service{display:block;padding:27px;border:1px solid #dedede;border-top:4px solid var(--red)}.v-b .service h3{margin:14px 0}.v-b .service .arr{display:block;text-align:right}.v-b .process{background:#17191d;color:white}.v-b .size-section{background:white}.v-b .real{background:#eeeae3}.v-b .real figcaption{color:#555}.v-b .questions{background:white}.v-b .cta{color:white}.v-b .foot{background:#17191d;color:#ddd}.v-b .inner .intro{color:#555}.v-b .inner .notice{background:#fff0cf}.v-b .checklist li{border-color:#bbb}.v-b .checklist li:before{color:var(--red)}.v-b .quote-grid fieldset{border-color:#aaa}.v-b .inner .btn.secondary{color:#111}
@media(min-width:1600px){.hero,.section-head,.services-grid,.split{max-width:1440px;margin-left:auto;margin-right:auto}}
@media(max-width:1050px){.nav{display:none}.menu{display:block}.menu summary{font-size:14px}.menu nav{position:absolute;z-index:10;right:20px;top:130px;background:#fff;color:#111;padding:25px;box-shadow:0 12px 35px #0006;display:grid;gap:18px}.hero{gap:32px}.hero img{height:460px}.hero h1{font-size:70px}.size-chip{left:-15px;font-size:20px}.split{gap:35px}.service{grid-template-columns:40px 1fr 1fr 25px}.head{gap:15px}.head .btn{font-size:12px}}
@media(max-width:700px){section{padding:50px 22px}.head{padding:20px 22px}.head .btn{display:none}.review{padding:8px 20px;font-size:11px}.hero,.v-b .hero{grid-template-columns:1fr;padding-top:42px;gap:38px}.hero h1,.v-b h1{font-size:58px}.hero p{font-size:17px}.hero img,.v-b .hero img{height:390px}.hero figure:before{inset:-12px}.size-chip{left:0;bottom:40px}.strip{padding:16px 22px;gap:15px;flex-wrap:wrap;font-size:12px}.split{grid-template-columns:1fr;gap:30px}.split img{height:350px}.section-head{display:block}.service{grid-template-columns:28px 1fr 22px;gap:12px}.service p{grid-column:2}.service .arr{grid-column:3;grid-row:1}.service h3{font-size:25px}.v-b .services-grid{grid-template-columns:1fr}.size-key{gap:22px}.cta{display:block}.cta .btn{margin-top:20px}.foot{display:block;padding:35px 22px 110px}.foot nav{margin-top:20px}.bottom-call{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#151515;border-top:1px solid #555;padding:10px 15px;align-items:center;justify-content:space-between;color:white;font-size:13px}.bottom-call .btn{padding:11px 20px}.quote-grid{grid-template-columns:1fr}.inner>h1{font-size:46px}.actions .btn{padding:15px 18px}.inner{padding-top:40px}.hero figure:before{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Keep the outdoor service context and wheel visible in both photo layouts. */
.hero img,.v-b .hero img,.process img{height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center;border-radius:0}.hero figure:before{display:none}.hero .size-chip{position:static;display:block;margin-top:12px;box-shadow:none}

/* Refined, premium pass for the two Cameron review concepts. */
:root{--ink:#171817;--red:#a8754d;--paper:#f4f1ea;--line:#d8d2c7;--muted:#aaa79f}
body{font-family:Inter,"Avenir Next",Montserrat,Arial,sans-serif;letter-spacing:.005em}
h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.055em}
.head{position:relative;padding-top:26px;padding-bottom:26px;border-bottom-color:#ffffff1a}
.logo{font-size:18px;letter-spacing:.035em}
.logo svg{width:34px;height:34px}
.logo small{color:#c9a477}
.nav{gap:32px;font-size:13px;letter-spacing:.02em}
.nav a{opacity:.78;transition:opacity .2s ease}
.nav a:hover{opacity:1}
.btn{border-radius:3px;background:var(--red);border-color:var(--red);letter-spacing:.025em;transition:transform .22s ease,background-color .22s ease,box-shadow .22s ease}
.btn:hover{transform:translateY(-2px);background:#936441;box-shadow:0 12px 30px #0003}
.btn.secondary{border-color:#ffffff55;background:transparent}
.hero{gap:clamp(42px,7vw,100px);padding-top:clamp(75px,10vw,140px);padding-bottom:clamp(75px,10vw,140px)}
.hero>div{animation:premium-rise .75s both}
.hero figure{animation:premium-rise .9s .12s both}
.hero img,.v-b .hero img,.process img{border-radius:3px;box-shadow:0 34px 80px #0003}
.hero .eyebrow,.red{color:#c29a6b}
.hero p{max-width:430px;color:#c7c4bd}
.hero .size-chip{display:inline-flex;align-items:baseline;gap:15px;padding:0;margin-top:16px;background:transparent;color:#d5b58b;font:600 14px/1.4 Inter,"Avenir Next",Arial,sans-serif;letter-spacing:.12em}
.hero .size-chip small{margin:0;color:#aaa79f;font:600 10px/1.4 Inter,"Avenir Next",Arial,sans-serif;letter-spacing:.16em}
.strip{background:#262724;color:#e9e3d8;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.services{background:#f4f1ea;color:#20211e}
.services .section-head p,.service p{color:#696960}
.service{border-color:#d4cec1;transition:padding .22s ease,border-color .22s ease}
.service:hover{padding-left:10px;border-color:#a8754d}
.service .n{color:#a8754d}
.service h3{font-family:Georgia,"Times New Roman",serif;font-weight:500}
.process{background:#20211f}
.process img{box-shadow:0 28px 65px #0005}
.steps li{border-color:#ffffff1d}
.size-section{background:#e9e5dc}
.size-display span{color:#9c7550}
.real{background:#20211f}
.real img{box-shadow:0 25px 60px #0005}
.questions{background:#f4f1ea;color:#20211e}
.questions details{border-color:#d8d2c7}
.questions details p{color:#62635d}
.cta{background:#a8754d}
.cta .btn{background:#f4f1ea;color:#22231f;border-color:#f4f1ea}
.cta .btn:hover{background:#fff}
.foot{background:#171817;color:#c5c1b8}
.v-b{--ink:#252923;--red:#8b765e;--paper:#f4f2ec;--line:#ded9cf;--muted:#777970;background:#f4f2ec;color:#252923}
.v-b .review{background:#e8e3d9;color:#4b4942}
.v-b .head{background:#f8f7f2;border-color:#dedbd3}
.v-b .logo small{color:#8b765e}
.v-b .hero{background:linear-gradient(135deg,#f4f2ec 0%,#eeece4 100%)}
.v-b .hero p{color:#62655e}
.v-b .hero .eyebrow{color:#816b53}
.v-b .hero img{box-shadow:0 35px 75px #35372b24}
.v-b .hero .size-chip{color:#816b53}
.v-b .strip{background:#30382f;color:#f4f2ec}
.v-b .services,.v-b .questions{background:#fbfaf7}
.v-b .service{border:0;border-top:1px solid #dcd7ce;border-radius:0;background:transparent;padding:28px 8px}
.v-b .service:hover{padding-left:16px;border-color:#8b765e}
.v-b .service h3{font-family:Georgia,"Times New Roman",serif;font-weight:500}
.v-b .service .n{color:#8b765e}
.v-b .process,.v-b .foot{background:#30382f}
.v-b .size-section{background:#ece9e1}
.v-b .real{background:#e7e3da}
.v-b .real img{box-shadow:0 24px 60px #35372b24}
.v-b .cta{background:#30382f}
.v-b .cta .btn{background:#e7dfd0;color:#252923;border-color:#e7dfd0}
@keyframes premium-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.head{padding-top:18px;padding-bottom:18px}.hero,.v-b .hero{padding-top:58px;padding-bottom:62px}.hero .size-chip{display:flex;flex-wrap:wrap}.strip{letter-spacing:.11em}.service:hover,.v-b .service:hover{padding-left:8px}}
@media(prefers-reduced-motion:reduce){.hero>div,.hero figure{animation:none}.btn,.nav a,.service{transition:none}}

/* Brand correction: premium through precision, using the approved tyre palette. */
:root{--ink:#17191c;--red:#d82424;--paper:#fff;--line:#d8d8d6;--muted:#a9aaab}
h1,h2{font-family:"Arial Narrow","Roboto Condensed",Impact,sans-serif;font-weight:800;letter-spacing:-.04em}
.logo{letter-spacing:-.04em}
.logo small{color:#d82424}
.hero .eyebrow,.red{color:#ef4545}
.hero .size-chip{display:block;padding:2px 0 2px 14px;border-left:3px solid #d82424;color:#fff;font-family:"Arial Narrow","Roboto Condensed",Impact,sans-serif;font-size:clamp(28px,4vw,48px);font-weight:800;letter-spacing:.015em}
.hero .size-chip small{display:block;margin-top:3px;color:#a9aaab;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:600;letter-spacing:.13em}
.strip{background:#d82424;color:#fff}
.services{background:#fff;color:#17191c}
.services .section-head p,.service p{color:#5c5f63}
.service{border-color:#d8d8d6}
.service:hover{border-color:#d82424}
.service .n,.size-display span{color:#d82424}
.service h3{font-family:"Arial Narrow","Roboto Condensed",Impact,sans-serif;font-weight:700}
.process,.foot{background:#17191c}
.size-section{background:#f1f1ef}
.questions{background:#fff;color:#17191c}
.questions details{border-color:#d8d8d6}
.questions details p{color:#5c5f63}
.cta{background:#d82424}
.cta .btn{background:#fff;color:#17191c;border-color:#fff}
.v-b{--ink:#17191c;--red:#d82424;--paper:#fff;--line:#dededc;--muted:#65686c;background:#fff;color:#17191c}
.v-b .review{background:#17191c;color:#fff}
.v-b .head{background:#fff;border-color:#e2e2e0}
.v-b .logo small{color:#d82424}
.v-b .hero{background:#f5f5f3}
.v-b .hero .eyebrow{color:#b4180c}
.v-b .hero .size-chip{color:#17191c}
.v-b .hero .size-chip small{color:#65686c}
.v-b .strip{background:#17191c;color:#fff}
.v-b .services,.v-b .questions{background:#fff}
.v-b .service{background:#fff;border-top:1px solid #dededc}
.v-b .service:hover{border-color:#d82424}
.v-b .service h3{font-family:"Arial Narrow","Roboto Condensed",Impact,sans-serif;font-weight:700}
.v-b .service .n{color:#d82424}
.v-b .process,.v-b .foot{background:#17191c}
.v-b .size-section,.v-b .real{background:#f1f1ef}
.v-b .cta{background:#d82424}
.v-b .cta .btn{background:#fff;color:#17191c;border-color:#fff}

:root{--red:#ff554a}
.logo .mark-3d{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:50%;position:relative;background:conic-gradient(from 35deg,#f8fafb,#747c84 12%,#23282f 26%,#ff6652 31%,#e5413c 37%,#bcc3c9 44%,#272d34 60%,#f1f2f3 77%,#747c84 90%,#ff6652);box-shadow:0 0 20px #ff554a35,inset 0 2px 5px #fff8,0 7px 14px #0008}
.logo .mark-3d:before{content:"";position:absolute;inset:6px;border-radius:50%;border:3px solid #252b31;background:radial-gradient(circle at 36% 30%,#818990 0 4%,#252a30 23%,#0b0d10 68%);box-shadow:inset 0 0 7px #000,0 0 0 1px #d5d9dd}
.logo .mark-3d i{width:9px;height:9px;border-radius:50%;background:linear-gradient(145deg,#fff,#8c959c);box-shadow:0 1px 6px #000;z-index:1}
.hero figure{isolation:isolate}.hero .wheel-orbit{position:absolute;z-index:2;right:0;bottom:10px;width:270px;aspect-ratio:1;border-radius:50%;border:1px solid #ff6b4d75;transform:rotateX(61deg) rotateZ(-18deg);box-shadow:0 0 44px #ff554a38,inset 0 0 35px #ff554a22;pointer-events:none}
.hero .wheel-3d{position:absolute;z-index:3;right:-20px;bottom:6px;width:min(39%,280px);height:auto;object-fit:contain;border-radius:0;filter:drop-shadow(0 24px 24px #000a);animation:wheelFloat 6s ease-in-out infinite;pointer-events:none}
.hero .wheel-3d.wheel-a{right:-25px;bottom:5px}
.hero .wheel-3d.wheel-b{right:0;bottom:13px;width:min(36%,250px)}
.hero .wheel-orbit.wheel-b{right:5px;bottom:12px;width:245px}
@keyframes wheelFloat{0%,100%{transform:translateY(0) rotate(-9deg)}50%{transform:translateY(-10px) rotate(-6deg)}}
.inner{position:relative;isolation:isolate;overflow:hidden}
.inner:after{content:"";position:absolute;z-index:-1;right:3%;top:22px;width:170px;height:170px;background:url("../img/wheel-v3.webp") center/contain no-repeat;opacity:.20;filter:drop-shadow(0 12px 18px #0008);pointer-events:none}
.v-b .inner:after{opacity:.12}
.strip{background:linear-gradient(100deg,#f04442,#ff7850)}
.btn{background:linear-gradient(135deg,#ff7850,#e33d3b);border-color:#f45448;box-shadow:0 10px 28px #f0483b30}
.btn.secondary{background:transparent;box-shadow:none;border-color:#f45448}
.v-b .btn.secondary{color:#17191d}
.review{background:linear-gradient(90deg,#f5a153,#ff6952);color:#14171c}
.v-b .review{background:#17191d;color:white}
@media(max-width:700px){.hero .wheel-3d{right:-5px;bottom:8px;width:34%;min-width:125px}.hero .wheel-orbit{right:0;bottom:4px;width:150px}.hero .wheel-3d.wheel-b{right:0;bottom:6px;width:31%;min-width:118px}.hero .wheel-orbit.wheel-b{right:0;bottom:0;width:138px}.inner:after{right:0;top:10px;width:110px;height:110px;opacity:.14}.logo .mark-3d{width:34px;height:34px;flex-basis:34px}}
@media(prefers-reduced-motion:reduce){.hero .wheel-3d{animation:none}}

/* Real 3D tyre mark shared by both approved options. */
.logo .mark-3d{width:48px;height:48px;flex:0 0 48px;border-radius:0;background:url("../img/wheel-v3.webp") center / contain no-repeat;box-shadow:none;filter:drop-shadow(0 5px 8px #0008);animation:logoWheelBob 4.8s ease-in-out infinite}
.logo .mark-3d::before,.logo .mark-3d::after,.logo .mark-3d i{display:none!important;content:none!important}
@keyframes logoWheelBob{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-3px) rotate(2deg)}}
@media(max-width:700px){.logo .mark-3d{width:40px;height:40px;flex-basis:40px}}
@media(prefers-reduced-motion:reduce){.logo .mark-3d{animation:none}}