:root{color-scheme:dark;--bg:#0d1117;--panel:#171d25;--panel2:#202832;--line:#303a45;--ink:#f5f7fa;--muted:#b5bec8;--red:#ed3535;--red2:#c72229;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,Segoe UI,Arial,sans-serif;padding-bottom:0}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ff9b9b;outline-offset:3px}img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}.skip{position:absolute;left:12px;top:-70px;background:white;color:black;padding:12px;z-index:30}.skip:focus{top:12px}.topline{background:#090c10;color:#d5dae0;font-size:.85rem}.topline .wrap{display:flex;justify-content:space-between;gap:12px;padding:6px 0}.topline a{color:#fff}.site-header{background:#10151b;border-bottom:1px solid var(--line);position:relative;z-index:10}.header-row{min-height:76px;display:flex;align-items:center;gap:22px}.logo{width:238px;flex:none}.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:24px}.desktop-nav a{text-decoration:none;font-weight:650;font-size:.93rem;color:#d5dce3}.desktop-nav a[aria-current=page],.desktop-nav a:hover{color:#fff}.header-cta{padding:11px 16px!important}.menu-button{display:none}.mobile-nav{display:none}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:50px;border-radius:8px;border:1px solid transparent;padding:12px 20px;text-decoration:none;font-weight:800;line-height:1.2;cursor:pointer;font:inherit;font-weight:800}.button-red{background:var(--red);color:#fff}.button-red:hover{background:var(--red2)}.button-outline{background:#ffffff0c;border-color:#73808e;color:#fff}.button-outline:hover{background:#ffffff20}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:850;color:#ff6969}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(2.35rem,5vw,4.8rem);max-width:810px;margin:16px 0 22px}h2{font-size:clamp(1.9rem,3.1vw,3.1rem);margin:10px 0 20px}h3{font-size:1.27rem;margin-bottom:10px}p{color:var(--muted)}.lead{font-size:clamp(1.08rem,1.6vw,1.25rem);line-height:1.55;max-width:640px}.hero{position:relative;isolation:isolate;background:#151a20;min-height:590px;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b1018 1%,#0b1018ec 32%,#0b1018a8 57%,#0b10183b 100%),url('roadside-service.webp') center center/cover;z-index:-1}.hero .wrap{padding:72px 0 98px}.hero h1{max-width:710px}.hero .lead{color:#e4e7e9}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.micro{font-size:.9rem;color:#cbd2d8;margin:21px 0 0}.checker-band{position:relative;margin-top:-50px;z-index:2}.checker-card{background:#fff;color:#111820;border-radius:14px;box-shadow:0 18px 40px #0007;display:grid;grid-template-columns:1.1fr 1.4fr;gap:30px;align-items:center;padding:26px 32px}.checker-card h2{font-size:1.42rem;margin:4px 0 6px}.checker-card p{color:#54606d;margin:0}.checker-card .eyebrow{color:#b72228}.postcode-form{display:flex;gap:9px}.postcode-form input{min-width:0;flex:1;border:1px solid #aab3bd;border-radius:7px;padding:13px 15px;font:inherit;color:#14202a;background:#fff;text-transform:uppercase}.postcode-form button{white-space:nowrap}.postcode-result{font-size:.94rem;margin:9px 0 0!important;min-height:1.3em}.postcode-result[data-state=success]{color:#145c36}.postcode-result[data-state=outside],.postcode-result[data-state=error]{color:#9b262b}.section{padding:88px 0}.section-tight{padding:65px 0}.section-alt{background:#141a21}.section-heading{max-width:740px;margin-bottom:30px}.section-heading p{max-width:690px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:26px;min-height:210px;display:flex;flex-direction:column}.card p{margin-bottom:22px}.card a{margin-top:auto;color:#ff7979;font-weight:750;text-decoration:none}.card a:hover{text-decoration:underline}.icon{width:42px;height:42px;border:1px solid #a72d32;background:#ed35351a;color:#ff7272;display:grid;place-items:center;border-radius:10px;font-size:1.35rem;margin-bottom:22px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,7vw,100px);align-items:start}.steps{counter-reset:step;display:grid;gap:14px}.step{position:relative;background:#1c242e;border:1px solid var(--line);border-radius:10px;padding:20px 20px 20px 70px}.step:before{counter-increment:step;content:counter(step);position:absolute;left:20px;top:22px;width:33px;height:33px;display:grid;place-items:center;background:var(--red);border-radius:8px;color:white;font-weight:850}.step strong{display:block;font-size:1.05rem}.step p{margin:4px 0 0}.area-list{display:flex;gap:9px;flex-wrap:wrap;padding:0;list-style:none}.area-list li{border:1px solid #4a5662;border-radius:50px;padding:7px 14px;color:#e8edf1}.callout{background:linear-gradient(120deg,#a51e24,#e23838);border-radius:14px;padding:40px;display:flex;justify-content:space-between;align-items:center;gap:30px}.callout h2{margin:0 0 8px}.callout p{color:#fff;margin:0}.callout .button{background:#fff;color:#192027;flex:none}.page-hero{background:radial-gradient(circle at 85% 15%,#682127 0,transparent 35%),#141a21;border-bottom:1px solid var(--line);padding:85px 0 75px}.page-hero h1{font-size:clamp(2.45rem,4.3vw,4.1rem)}.page-hero .lead{max-width:790px}.article{max-width:760px}.article h2{font-size:1.8rem;margin-top:40px}.article h3{margin-top:28px}.article ul{color:var(--muted);padding-left:25px}.article li{margin:8px 0}.article a{color:#ff8585}.note{border-left:4px solid var(--red);background:#25212a;padding:16px 20px;color:#e4e6e9;border-radius:0 8px 8px 0}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.fact{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:21px}.fact strong{display:block;margin-bottom:6px}.fact p{margin:0}.contact-card{background:#1b242d;border:1px solid var(--line);padding:26px;border-radius:12px}.contact-card a{overflow-wrap:anywhere;color:#ff8181}.footer{background:#090c10;border-top:1px solid #303740;padding:52px 0 100px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:35px}.footer .logo{width:220px;margin-bottom:14px}.footer p{max-width:400px;font-size:.94rem}.footer h3{font-size:1rem;letter-spacing:0}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin:9px 0}.footer a{text-decoration:none;color:#c7cfd7}.footer a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #303740;margin-top:36px;padding-top:22px;color:#9aa5b1;font-size:.85rem}.sticky-actions{display:none}.fine{font-size:.88rem;color:#aeb7c0}.source-link{font-size:.85rem;color:#aeb7c0}
@media(max-width:900px){.desktop-nav{gap:13px}.desktop-nav a{font-size:.85rem}.header-cta{display:none}.logo{width:210px}.checker-card{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){body{padding-bottom:72px}.wrap{width:min(100% - 30px,var(--max))}.topline{display:none}.header-row{min-height:68px;justify-content:space-between}.logo{width:205px}.desktop-nav{display:none}.menu-button{display:flex;background:#232b34;border:1px solid #4a5561;color:#fff;border-radius:8px;min-width:46px;min-height:44px;align-items:center;justify-content:center;font-size:1.45rem;cursor:pointer}.mobile-nav:not([hidden]){display:grid;border-top:1px solid var(--line);padding:8px 15px 15px;background:#11171d}.mobile-nav a{display:block;text-decoration:none;padding:12px 5px;border-bottom:1px solid #29323b;font-weight:650}.hero{min-height:0}.hero:before{background:linear-gradient(90deg,#0b1018e8,#0b1018a8),url('roadside-service.webp') 65% center/cover}.hero .wrap{padding:54px 0 86px}.hero h1{font-size:clamp(2.2rem,10.5vw,3.25rem)}.hero .lead{font-size:1.05rem}.hero-actions .button{flex:1}.checker-band{margin-top:-38px}.checker-card{padding:21px;gap:17px}.postcode-form{flex-direction:column}.postcode-form .button{width:100%}.section{padding:65px 0}.section-tight{padding:50px 0}.card-grid,.two-col,.facts,.footer-grid{grid-template-columns:1fr}.card{min-height:auto}.callout{padding:27px;display:block}.callout .button{margin-top:22px;width:100%}.page-hero{padding:57px 0}.footer{padding-bottom:38px}.footer-grid{gap:25px}.sticky-actions{position:fixed;z-index:20;bottom:0;left:0;right:0;display:flex;padding:8px;background:#0c1116;border-top:1px solid #53606d;gap:8px}.sticky-actions a{flex:1;min-height:53px}.sticky-actions .button-outline{background:#222d37}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.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}
/* Emergency-first layout and prominent postcode result */
.header-row{gap:15px}.logo{width:205px}.desktop-nav{gap:17px}.desktop-nav a{font-size:.88rem;white-space:nowrap}.header-cta{padding:0!important}.header-cta .button{display:grid;gap:1px;min-width:145px;min-height:57px;padding:8px 14px;text-align:center;white-space:nowrap}.header-cta small{font-size:.72rem;font-weight:650}.button{font-family:inherit}.hero{min-height:560px;align-items:stretch}.hero:before{background:linear-gradient(90deg,#090e15 0%,#090e15ed 30%,#090e1590 57%,#090e1530 100%),url('roadside-service.webp') center 47%/cover}.hero .wrap{padding:72px 0 105px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:46px;align-items:center}.hero-content{max-width:740px}.hero h1{font-size:clamp(3.25rem,5.3vw,5.3rem);line-height:1.02;margin:18px 0 22px;max-width:730px}.hero h1 em{display:block;font-style:normal;color:#ff6666}.hero .lead{max-width:670px}.emergency-label{display:inline-flex;align-items:center;gap:9px;border:1px solid #e8545b90;background:#3a171bb8;border-radius:50px;padding:7px 13px;color:#fff;font-size:.78rem;font-weight:850;letter-spacing:.1em}.emergency-label span{color:#ff5858;font-size:1.2rem;line-height:0}.hero-actions .button{min-height:58px;padding-inline:24px;font-size:1.06rem}.hero-safety{color:#e8eaed;font-size:.9rem;border-left:3px solid #fa5353;padding-left:12px;margin:23px 0 0;max-width:530px}.hero-quick{align-self:end;margin-bottom:5px;background:#0c131ae8;border:1px solid #82909d78;border-radius:14px;padding:25px;box-shadow:0 18px 45px #0008}.quick-kicker{color:#ff7777;font-size:.75rem;font-weight:850;letter-spacing:.13em}.hero-quick h2{font-size:1.7rem;margin:9px 0 17px}.hero-quick ul{padding:0;margin:0;list-style:none}.hero-quick li{display:flex;align-items:center;gap:13px;padding:10px 0;border-top:1px solid #65717e55;font-weight:700}.hero-quick li span{color:#ff7070;font-size:.75rem;letter-spacing:.08em}.hero-quick p{font-size:.85rem;margin:14px 0 0}.checker-band{margin-top:-58px}.checker-card{grid-template-columns:.85fr 1.15fr;gap:36px;padding:29px 32px;border:2px solid #e94747;box-shadow:0 25px 65px #000a}.checker-card h2{font-size:clamp(1.55rem,2.2vw,2.15rem);line-height:1.14;margin:5px 0 10px}.checker-intro p{font-size:.95rem}.postcode-form label{display:block;font-size:.87rem;font-weight:800;margin-bottom:8px}.postcode-row{display:flex;gap:9px}.postcode-row input{min-width:0;flex:1;border:2px solid #8895a2;border-radius:7px;padding:13px 15px;font:inherit;color:#14202a;background:#fff;text-transform:uppercase}.postcode-row .button{white-space:nowrap;min-height:53px}.postcode-result[hidden]{display:none}.postcode-result{display:flex;gap:14px;padding:18px;margin:16px 0 0!important;border:2px solid transparent;border-radius:10px;min-height:0;box-shadow:0 6px 16px #0001}.postcode-result[data-state=success]{background:#e6f7ed;border-color:#249756;color:#104f2a}.postcode-result[data-state=outside]{background:#fff4d8;border-color:#d49a24;color:#684700}.postcode-result[data-state=error]{background:#fff0ed;border-color:#d3594a;color:#7c241e}.postcode-result[data-state=loading]{background:#edf3f7;border-color:#8fa2b1;color:#263d50}.result-symbol{flex:none;display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:currentColor;font-size:0}.result-symbol::first-letter{color:white}.postcode-result[data-state=success] .result-symbol{background:#178246;color:white;font-size:1.25rem}.postcode-result[data-state=outside] .result-symbol{background:#a46c0d;color:white;font-size:1.25rem}.postcode-result[data-state=error] .result-symbol{background:#b93931;color:white;font-size:1.25rem}.postcode-result[data-state=loading] .result-symbol{background:#4b718d;color:white;font-size:1.25rem}.result-copy{min-width:0}.result-copy strong{display:block;font-size:1.16rem;line-height:1.25}.result-copy p{color:inherit;margin:5px 0 0;font-size:.94rem;line-height:1.45}.result-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:11px}.result-actions a{color:inherit;font-weight:850;text-decoration:underline;text-underline-offset:3px}.emergency-section{padding-top:72px}.emergency-section .card{border-top:3px solid #d4373c}.emergency-section .section-heading{max-width:800px}
@media(max-width:1100px){.desktop-nav{gap:11px}.desktop-nav a{font-size:.81rem}.header-cta .button{min-width:125px}.hero-grid{gap:25px}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-quick{display:none}.hero{min-height:0}.hero .wrap{padding:64px 0 105px}.checker-card{grid-template-columns:1fr;gap:18px}}
@media(max-width:700px){body{padding-bottom:76px}.hero:before{background:linear-gradient(180deg,#090e15a8 0%,#090e15ed 45%,#090e15 100%),url('roadside-service.webp') 64% top/cover}.hero .wrap{padding:36px 0 73px}.hero h1{font-size:clamp(2.45rem,10.6vw,3.55rem);margin:17px 0 18px}.hero h1 em{display:inline}.hero .lead{font-size:1.02rem}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.hero-actions .button{width:100%;padding:10px 12px;font-size:.93rem;min-height:54px;text-align:center}.hero-safety{font-size:.84rem;margin-top:20px}.emergency-label{font-size:.66rem}.checker-band{margin-top:-29px}.checker-card{padding:21px;border-radius:12px;gap:17px}.checker-card h2{font-size:1.65rem}.postcode-row{display:grid;grid-template-columns:1fr}.postcode-form input{width:100%}.postcode-result{padding:15px;gap:10px}.result-symbol{width:30px;height:30px}.result-copy strong{font-size:1.09rem}.result-copy p{font-size:.89rem}.result-actions{gap:10px;font-size:.9rem}.emergency-section{padding-top:58px}.sticky-actions{padding:8px 10px;gap:8px}.sticky-actions a{min-height:53px;font-size:.95rem;white-space:nowrap}.sticky-actions .button-outline{background:#1c3834;border-color:#489779;color:#fff}}
/* Local service guidance and compact footer links */
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-bottom nav{display:flex;align-items:center;gap:20px;margin-left:auto}.footer-bottom nav a{color:#aeb7c0;font-size:inherit;text-decoration:none}.footer-bottom nav a:hover{text-decoration:underline;color:#fff}.local-service-strip{background:#1a222b;border-top:1px solid #35414d;border-bottom:1px solid #35414d;padding:62px 0}.local-service-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(30px,7vw,90px);align-items:center}.local-service-grid h2{max-width:660px}.local-service-grid p{max-width:690px}.local-service-note{border-left:3px solid var(--red);padding:18px 24px;background:#0d151db3;border-radius:0 10px 10px 0}.local-service-note strong{font-size:1.2rem}.local-service-note p{margin:9px 0 0}.repair-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.75fr);align-items:start;gap:clamp(32px,6vw,90px)}.repair-layout .article{max-width:780px}.repair-layout .article h2{margin-top:32px}.repair-layout ol{color:var(--muted);padding-left:25px}.repair-layout li{padding-left:5px;margin-bottom:11px}.repair-aside{position:sticky;top:22px}.repair-aside .contact-card{display:flex;flex-direction:column;align-items:flex-start;gap:11px;border-top:4px solid var(--red)}.repair-aside .contact-card h2{font-size:1.65rem;margin:0}.repair-aside .contact-card p{margin:0}.repair-aside .button{width:100%;color:#fff}.repair-aside .button-outline{color:#fff}.source-note{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:30px;border-top:1px solid var(--line);padding-top:18px;font-size:.83rem}.source-note strong{width:100%;color:#e5edf3}.source-note a{color:#c4d2dd;text-decoration:underline}.faq-section{max-width:860px}.faq-item{border:1px solid #4a5662;border-radius:9px;background:#1b242d;margin-top:10px}.faq-item summary{cursor:pointer;padding:18px 22px;font-weight:800;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'+';float:right;color:#ff7474;font-size:1.3rem;line-height:1}.faq-item[open] summary:after{content:'−'}.faq-item p{padding:0 22px 20px;margin:0}.faq-item a{color:#ff8989}
@media(max-width:900px){.local-service-grid,.repair-layout{grid-template-columns:1fr}.repair-aside{position:static}}
@media(max-width:700px){.local-service-strip{padding:50px 0}.footer-bottom{display:block}.footer-bottom nav{margin:12px 0 0;gap:17px}.repair-aside .contact-card{gap:10px}}

/* Crawlable page hierarchy */
.breadcrumbs{font-size:.84rem;color:#abb7c2;padding-top:16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.breadcrumbs a{color:#e0e7ec;text-underline-offset:3px}.breadcrumbs a:hover{color:#fff}.breadcrumbs+[class]{margin-top:0}.breadcrumbs+.page-hero{padding-top:62px}
@media(max-width:700px){.breadcrumbs{padding-top:12px;font-size:.8rem}.breadcrumbs+.page-hero{padding-top:46px}}

/* Tyre brand carousel on the homepage */
.brand-section{padding:46px 0 48px;background:#111820;border-bottom:1px solid #35404b;overflow:hidden}.brand-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}.brand-heading h2{font-size:clamp(1.5rem,2.6vw,2.2rem);margin:5px 0 0}.brand-heading p{margin:0;max-width:340px;font-size:.9rem}.brand-viewport{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.brand-track{display:flex;width:max-content;animation:brand-slide 36s linear infinite}.brand-viewport:hover .brand-track,.brand-viewport:focus-within .brand-track{animation-play-state:paused}.brand-list{list-style:none;display:flex;align-items:center;gap:18px;margin:0;padding:0 18px 0 0}.brand-item{flex:none;display:grid;place-items:center;width:210px;height:79px;padding:8px 11px;background:#fff;border:1px solid #d9dfe5;border-radius:9px}.brand-item img{display:block;width:100%;height:auto;max-height:60px;object-fit:contain}.brand-list[aria-hidden=true] img{pointer-events:none}@keyframes brand-slide{to{transform:translateX(-50%)}}
@media(max-width:700px){.brand-section{padding:33px 0 37px}.brand-heading{display:block;margin-bottom:19px}.brand-heading p{margin-top:8px;font-size:.85rem}.brand-item{width:170px;height:68px}.brand-item img{max-height:49px}.brand-list{gap:11px;padding-right:11px}.brand-track{animation-duration:30s}}
@media(prefers-reduced-motion:reduce){.brand-viewport{overflow-x:auto;mask-image:none}.brand-track{animation:none}.brand-list[aria-hidden=true]{display:none}}