:root{
  --aot-orange:#FE4F20;--aot-orange-dark:#E94216;--aot-bg:#08090A;--aot-carbon:#121416;--aot-surface:#1C1F22;--aot-steel:#34383D;--aot-text-muted:#A7ABB0;--aot-text-light:#F4F5F6;--aot-white:#fff;--aot-border-dark:rgba(255,255,255,.10);--aot-border-light:#E3E5E7;--shell:min(1320px,calc(100% - 40px));--header-h:84px;--radius:14px;--font-body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Arial Narrow",Arial,Helvetica,sans-serif;--shadow:0 24px 70px rgba(0,0,0,.22)
}

*{box-sizing:border-box;padding: 0;margin: 0;}
html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;font-family:var(--font-body);background:var(--aot-bg);color:var(--aot-text-light);line-height:1.6;overflow-x:hidden}body.menu-open,body.cookie-open{overflow:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;text-transform: capitalize;}button,input,select,textarea{font:inherit}button{cursor:pointer;text-transform: capitalize;}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;top:12px;left:12px;z-index:9999;background:#fff;color:#111;padding:10px 14px;border-radius:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid rgba(254,79,32,.55);outline-offset:3px}
h1,h2,h3,h4,h5{text-transform: capitalize; }
h1,h2{letter-spacing: 2px !important;  text-transform: capitalize !important;}
h1{line-height:4rem !important;}
h2{line-height:3.5vw !important;}
@media (max-width:767px) {
 h2{line-height: 3rem !important;}
}
img,iframe{border-radius: 16px;}

/* =========================================================
   GLOBAL HEADER & NAVIGATION
   ========================================================= */
.site-header{
  position:fixed;inset:0 0 auto;z-index:1000;height:var(--header-h);
  border-bottom:1px solid transparent;
  transition:background .25s ease,border-color .25s ease,backdrop-filter .25s ease,padding-right .2s ease
}
.site-header.is-scrolled{background:rgba(8,9,10,.96);border-bottom-color:rgba(255,255,255,.08);backdrop-filter:blur(16px)}
body.menu-open{overflow:hidden;padding-right:var(--scrollbar-comp,0px)}
body.menu-open .site-header{padding-right:var(--scrollbar-comp,0px)}
.header-inner{height:100%;display:flex;align-items:center;gap:18px}
.brand{display:flex;align-items:center;flex:0 0 auto;min-width:0}
.brand img{width:205px;height:auto}
.desktop-nav{display:flex;align-items:center;gap:24px;margin-left:auto;min-width:0}
.nav-link,.mega-trigger{
  appearance:none;border:0;background:none;color:#dfe1e3;font-size:.84rem;font-weight:700;
  letter-spacing:.015em;padding:30px 0 26px;position:relative;white-space:nowrap
}
.mega-trigger{display:inline-flex;align-items:center;gap:8px}
.nav-link:after,.mega-trigger:after{
  content:"";position:absolute;left:0;right:100%;bottom:17px;height:2px;background:var(--aot-orange);
  transition:right .2s ease
}
.nav-link:hover,.nav-link:focus-visible,.mega-trigger:hover,.mega-trigger:focus-visible{color:#fff}
.nav-link:hover:after,.nav-link.active:after,.mega-trigger.active:after,.mega-trigger[aria-expanded=true]:after{right:0}
.nav-chevron,.mobile-chevron{
  display:inline-block;width:8px;height:8px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;
  transform:rotate(45deg) translateY(-1px);transform-origin:center;transition:transform .2s ease;flex:0 0 auto
}
.mega-trigger[aria-expanded=true] .nav-chevron,.mobile-accordion[aria-expanded=true] .mobile-chevron{transform:rotate(225deg) translateY(-1px)}
.nav-item{position:static}
.mega-menu{
  position:absolute;top:calc(100% - 2px);left:50%;width:min(1100px,calc(100vw - 48px));
  transform:translate(-50%,-6px);background:#111315;border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 50px rgba(0,0,0,.28);opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease;border-radius:14px;overflow:hidden
}
.mega-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.mega-grid{display:grid;grid-template-columns:minmax(0,31fr) minmax(0,31fr) minmax(0,38fr);background:#121416}
.mega-grid>div{padding:30px 32px;background:#121416;min-width:0}
.mega-grid>div+div{border-left:1px solid rgba(255,255,255,.06)}
.mega-grid a{
  display:flex;align-items:center;color:#c7c9cc;padding:8px 0;font-size:1.01rem;font-weight:550;line-height:1.35;
  transition:color .2s ease,transform .2s ease
}
.mega-grid a:not(.text-link):before{content:"";width:0;height:1px;background:var(--aot-orange);margin-right:0;transition:width .2s ease,margin-right .2s ease}
.mega-grid a:hover,.mega-grid a:focus-visible{color:#fff;transform:translateX(4px)}
.mega-grid a:not(.text-link):hover:before,.mega-grid a:not(.text-link):focus-visible:before{width:8px;margin-right:7px}
.mega-grid a:focus-visible{outline:2px solid var(--aot-orange);outline-offset:4px;border-radius:2px}
.mega-eyebrow{margin:0 0 12px;color:#fff;font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;font-weight:600}
.mega-feature{background:#1c1f22!important;display:flex;flex-direction:column;justify-content:flex-start}
.mega-feature strong{display:block;max-width:290px;font-size:1.12rem;line-height:1.35;margin:7px 0 8px;color:#fff}
.mega-feature p{max-width:320px;margin:0 0 13px;color:#a7abb0;font-size:.86rem;line-height:1.55}
.mini-kicker{color:var(--aot-orange);font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.text-link{display:inline-flex!important;width:max-content;color:#fff!important;font-weight:750!important;font-size:.9rem!important;padding:5px 0!important}
.text-link span{color:var(--aot-orange);display:inline-block;margin-left:6px;transition:transform .2s ease}
.text-link:hover span,.text-link:focus-visible span{transform:translateX(4px)}
.header-actions{display:flex;align-items:center;gap:11px;flex:0 0 auto}
.header-phone{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#c7c9cc;white-space:nowrap}
.header-phone:hover,.header-phone:focus-visible{color:#fff}
.icon-circle{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.13);border-radius:50%;color:var(--aot-orange)}
.icon-circle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.btn-aot,.btn-ghost,.btn-dark{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 20px;border-radius:10px;font-weight:600;border:1px solid transparent;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease}
.btn-aot{background:var(--aot-orange);color:#fff}.btn-aot:hover{background:var(--aot-orange-dark);transform:translateY(-1px)}
.btn-aot-sm{min-height:42px;padding:0 15px;font-size:.82rem}.btn-aot.active{box-shadow:0 0 0 2px rgba(254,79,32,.22)}
.btn-ghost{border-color:rgba(255,255,255,.26);color:#fff;background:transparent}.btn-ghost:hover{border-color:var(--aot-orange);color:var(--aot-orange)}
.btn-dark{background:#0b0b0c;color:#fff}.btn-dark:hover{background:#222}
.menu-toggle{display:none;background:none;border:0;width:44px;height:44px;padding:9px;border-radius:9px}
.menu-toggle:hover,.menu-toggle:focus-visible{background:rgba(255,255,255,.06)}
.menu-toggle span{display:block;height:2px;background:#fff;margin:6px 0;border-radius:2px}
.mobile-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.64);z-index:1090;backdrop-filter:blur(2px)}
.mobile-menu{position:fixed;inset:0 0 0 auto;width:min(420px,92vw);background:#101113;z-index:1100;transform:translateX(102%);transition:transform .25s ease;display:flex;flex-direction:column;box-shadow:-20px 0 60px rgba(0,0,0,.4);visibility:hidden}
.mobile-menu.is-open{transform:none;visibility:visible}
.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #292b2e}
.mobile-menu-head img{width:184px}
.mobile-close{width:42px;height:42px;border:1px solid #2d3033;background:#17191b;color:#fff;border-radius:50%;font-size:1.55rem;line-height:1;display:grid;place-items:center}
.mobile-close:hover,.mobile-close:focus-visible{border-color:var(--aot-orange);color:var(--aot-orange)}
.mobile-nav-scroll{overflow:auto;overscroll-behavior:contain;padding:10px 20px 28px}
.mobile-nav>a,.mobile-accordion{display:flex;width:100%;min-height:52px;align-items:center;justify-content:space-between;padding:13px 0;border:0;border-bottom:1px solid #292b2e;background:none;color:#fff;font-weight:600;text-align:left}
.mobile-nav>a[aria-current=page],.mobile-accordion.active{color:var(--aot-orange)}
.mobile-accordion{gap:16px}
.mobile-chevron{margin-right:4px;color:#aeb2b5}
.mobile-accordion[aria-expanded=true] .mobile-chevron{color:var(--aot-orange)}
.mobile-submenu{padding:8px 0 11px 14px;border-bottom:1px solid #292b2e}
.mobile-subheading{display:block;padding:12px 0 5px;color:#fff;font-size:.68rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.mobile-submenu a{display:block;min-height:44px;padding:11px 0;color:#a5a7aa;font-size:.93rem}
.mobile-submenu a:hover,.mobile-submenu a:focus-visible{color:#fff}
.mobile-hub-link{color:#fff!important;font-weight:600!important;border-top:1px solid rgba(255,255,255,.06);margin-top:7px;padding-top:14px!important}
.mobile-menu-cta{margin-top:22px;padding:18px;background:#181a1d;border:1px solid #292b2e;border-radius:14px}
.mobile-menu-cta p{margin:0 0 12px}.mobile-call{display:block;text-align:center;margin-top:13px;color:#fff;font-weight:700}

.hero-section{position:relative;min-height:790px;padding-top:var(--header-h);background:radial-gradient(circle at 78% 42%,rgba(254,79,32,.08),transparent 24%),linear-gradient(180deg,#090a0b 0%,#0c0e10 100%);overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to right,black,transparent 74%)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;min-height:650px;gap:20px}.hero-copy{padding:70px 0 55px}.hero-kicker{margin-bottom: 15px;display: block;}.section-kicker{display:flex;align-items:center;gap:10px;color:#d6d8da;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.16em;margin-bottom:19px}.section-kicker span{width:34px;height:2px;background:var(--aot-orange)}.section-kicker.light{color:#5f6469}.section-kicker.dark{color:#43484d}.hero-copy h1,.section-head h2,.quote-intro h2,.vehicle-copy h2,.servicing-copy h2,.why-title h2,.faq-intro h2,.reviews-score strong,.final-cta h2,.areas-copy h2{font-family:var(--font-display);font-stretch:condensed;text-transform:uppercase;letter-spacing:-.045em;line-height:.94;margin:0}
.hero-copy h1{font-size:clamp(1.2rem,3vw,3.5rem);max-width:780px}.hero-copy h1 em{font-style:normal;color:var(--aot-orange)}.hero-lead{max-width:650px;margin:24px 0 30px;color:#aeb2b6;font-size:1.08rem}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);margin-top:52px;border-top:1px solid rgba(255,255,255,.11);max-width:720px}.hero-proof>div{padding:17px 16px 0 0}.hero-proof strong,.hero-proof span{display:block}.hero-proof strong{font-size:.86rem}.hero-proof span{color:#858a8f;font-size:.75rem;margin-top:3px}
.hero-visual{height:100%;display:flex;align-items:center;justify-content:center;min-width:0; }


.hero-visual-frame {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    background: #08090A;
    max-height: 550px;
}

.hero-visual-swiper {
    width: 100%;
    height: 100%;
}

.hero-visual-swiper .swiper-slide {
    overflow: hidden;
    width: 100% ;
    height: 100%;
}

.hero-visual-swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1.2s ease;
    max-height: 550px;

}

.hero-visual-swiper .swiper-slide-active img {
    transform: scale(1.04);
}

.hero-visual-frame .visual-tag {
    position: absolute;
    z-index: 5;
    pointer-events: none;
    width: max-content;
}

.hero-visual-frame .visual-tag-top {
    top: 22px;
    left: 22px;
}

.hero-visual-frame .visual-tag-bottom {
    right: 22px;
    left: unset;
    bottom: 22px;
}

.hero-visual-swiper .swiper-pagination {
    position: absolute;
    bottom: 18px !important;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.hero-visual-swiper .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    margin: 0 !important;
    background: rgba(255, 255, 255, 0.55);
    opacity: 1;
    transition: all 0.3s ease;
}

.hero-visual-swiper .swiper-pagination-bullet-active {
    width: 24px;
    border-radius: 10px;
    background: #FE4F20;
}

/* Ensure pagination stays visible */
.hero-visual-frame {
    position: relative;
}

.hero-visual-swiper {
    position: relative;
}
.hero-visual-frame:before{content:"";position:absolute;right:6%;top:14%;width:42%;height:58%;border-right:1px solid rgba(254,79,32,.36);border-top:1px solid rgba(254,79,32,.16)}.hero-visual img{width:100%}.visual-tag{position:absolute;font-size:.68rem;letter-spacing:.14em;color:#afb3b7;border:1px solid rgba(255,255,255,.11);background:rgba(8,9,10,.78);padding:8px 10px;backdrop-filter:blur(6px)}.visual-tag span{color:var(--aot-orange);margin-right:8px}.visual-tag-top{top:24%;right:4%}.visual-tag-bottom{bottom:20%;left:4%}.hero-rail{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:24px;height:56px;background:#050606;border-top:1px solid rgba(255,255,255,.07);font-size:.68rem;letter-spacing:.16em;color:#8d9296;white-space:nowrap}.hero-rail i{width:4px;height:4px;border-radius:50%;background:var(--aot-orange)}
.quote-section{background:#eef0f1;color:#101214;padding:50px 0}.quote-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.quote-intro{padding-top:20px}
.quote-intro h2{font-size:clamp(2rem,3.5vw,3.5rem);max-width:520px}.quote-intro>p{color:#5b6065;max-width:520px;margin:22px 0 30px}.quote-help{display:flex;gap:14px;padding:16px 0;border-top:1px solid #d8dbdd}.quote-help-index{display:grid;place-items:center;width:32px;height:32px;border:1px solid #c8cbce;border-radius:50%;color:var(--aot-orange);font-weight:900;flex:0 0 auto}.quote-help strong,.quote-help small{display:block}.quote-help small{color:#777c81;margin-top:2px}.quote-console{background:#121416;color:#fff;border:1px solid #25282b;box-shadow:0 30px 80px rgba(23,27,30,.2);border-radius:18px;overflow:hidden}.console-head{display:flex;justify-content:space-between;padding:14px 20px;background:#0b0d0e;color:#858b90;font-size:.66rem;letter-spacing:.15em;border-bottom:1px solid #282b2e}.console-status{display:flex;align-items:center;gap:7px;color:#cfd2d4}.console-status i{width:6px;height:6px;border-radius:50%;background:#58d17a;box-shadow:0 0 0 4px rgba(88,209,122,.08)}.quote-form{padding:26px}.form-row.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{margin-bottom:15px}.field label{display:flex;justify-content:space-between;color:#d9dbdd;font-size:.77rem;font-weight:600;margin-bottom:7px}.field label span{font-weight:500;color:#72777c}.field input:not([type=checkbox]),.field select,.field textarea{width:100%;border:1px solid #33373b;background:#191c1f;color:#fff;border-radius:9px;padding:12px 13px;outline:none;transition:border-color .2s,box-shadow .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--aot-orange);box-shadow:0 0 0 3px rgba(254,79,32,.13)}.field input::placeholder,.field textarea::placeholder{color:#6d7379}.form-submit{width:100%;margin-top:4px}.form-note{margin:12px 0 0;color:#7e848a;font-size:.75rem;text-align:center}.form-note a{color:#fff}.honeypot{position:absolute!important;left:-9999px!important}.form-errors,.form-success{margin:24px 24px 0;padding:14px 16px;border-radius:10px;font-size:.86rem}.form-errors{background:#3a1713;border:1px solid #7f2c23;color:#ffdcd6}.form-errors ul{margin:6px 0 0;padding-left:18px}.form-success{background:#13291c;border:1px solid #285e3a;color:#d9ffe4}.form-success p{margin:5px 0 0}
.trust-strip{background:#171a1c;border-top:1px solid #22262a;border-bottom:1px solid #22262a}.trust-grid{display:grid;grid-template-columns:1.35fr repeat(4,1fr)}.trust-grid>div{min-height:145px;padding:26px 20px;border-right:1px solid #292d30}.trust-grid>div:first-child{border-left:1px solid #292d30}.trust-lead{display:flex;align-items:center;gap:18px}.trust-lead strong{line-height:1.3}.trust-index{display:grid;place-items:center;min-width:50px;height:50px;border:1px solid #3a3e42;border-radius:50%;color:var(--aot-orange);font-size:.7rem;font-weight:900}.trust-item span,.trust-item strong,.trust-item small{display:block}.trust-item span{font-size:.65rem;color:var(--aot-orange);font-weight:900;letter-spacing:.1em}.trust-item strong{margin-top:8px}.trust-item small{color:#8c9297;margin-top:5px;line-height:1.45}
.light-section{background:#f5f6f6;color:#0d0f10}
.light-section .faq-trigger{color: var(--aot-bg);}
.services-section{padding:50px 0}.section-head.split{display:grid;grid-template-columns:1fr .7fr;gap:80px;align-items:end;margin-bottom:50px}.section-head h2{font-size:clamp(1.5rem,2.5vw,3rem)}.section-head.split p{color:#64696d;margin:0 0 6px}.service-editorial{border-top:2px solid #161819}
.service-row{display:grid;grid-template-columns:72px 1.1fr 1.2fr 85px;gap:24px;align-items:center;padding:26px 15px;transition: .3s; border-bottom:1px solid #d8dcde;transition:padding .2s ease,background .2s ease}.service-row:hover{padding-left:14px;background:#fff}.service-no{color:var(--aot-orange);font-weight:900;font-size:.72rem}.service-title h3{margin:0;font-size:1.25rem}.service-title span{font-size:.7rem;color:#7b8084;text-transform:uppercase;letter-spacing:.11em}.service-row p{margin:0;color:#5e6468;font-size:.92rem;transition: .3s;}.service-row>a{font-size:.82rem;font-weight:600;text-align:right}.service-row>a span{color:var(--aot-orange)}
.vehicle-section{position:relative;background:#0d0f11;padding:50px 0;overflow:hidden}.vehicle-bg{position:absolute;inset:0;background:radial-gradient(circle at 82% 45%,rgba(254,79,32,.08),transparent 30%),linear-gradient(135deg,transparent 0 58%,rgba(255,255,255,.025) 58% 59%,transparent 59%)}.vehicle-layout{position:relative;display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:center}.vehicle-copy h2{font-size:clamp(2rem,3.5vw,4rem)}.vehicle-copy p{color:#a2a6aa;margin:24px 0 30px}.vehicle-bays{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #2d3033;border-left:1px solid #2d3033}.vehicle-bay{min-height:230px;padding:24px;border-right:1px solid #2d3033;border-bottom:1px solid #2d3033;position:relative;overflow:hidden;transition:background .2s ease,transform .2s ease}.vehicle-bay:after{content:"";position:absolute;width:90px;height:90px;border:1px solid rgba(254,79,32,.2);border-radius:50%;right:-28px;bottom:-28px}.vehicle-bay:hover{background:#171a1d;transform:translateY(-2px)}.bay-code{font-size:.62rem;color:#73797f;letter-spacing:.15em}
.bay-icon{font-size:2.3rem;color:var(--aot-orange);margin: 0 16px}.vehicle-bay h3{margin:0;font-size:1.13rem}.vehicle-bay p{margin:7px 0 0;color:#83898e;font-size:.85rem;max-width:240px}
.servicing-section{background:#16191b;padding:50px 0}.servicing-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.servicing-visual{position:relative;min-width:0}.servicing-visual img{width:100%;border-radius:18px;border:1px solid #292d30}.service-dial{position:absolute;right:-22px;bottom:28px;width:150px;height:150px;border-radius:50%;background:#090a0b;border:1px solid #3a3e42;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 18px 50px rgba(0,0,0,.45)}.service-dial:before{content:"";position:absolute;inset:8px;border-radius:50%;border:1px dashed rgba(254,79,32,.45)}.service-dial span{color:var(--aot-orange);font-size:.66rem;letter-spacing:.15em}.service-dial strong{font-size:1.75rem;line-height:1.1}.service-dial small{font-size:.56rem;color:#777d82;letter-spacing:.12em}.servicing-copy h2{font-size:clamp(2rem,3vw,3.5rem)}.servicing-copy>p{color:#9da2a6;margin:22px 0 24px}.service-list{margin-bottom:28px}.service-list>div{display:grid;grid-template-columns:38px 1fr;gap:0 12px;padding:14px 0;border-top:1px solid #2b2f32}.service-list span{grid-row:1/3;color:var(--aot-orange);font-size:.66rem;font-weight:900;padding-top:3px}.service-list strong{font-size:.95rem}.service-list small{color:#7d8388}
.why-section{padding:50px 0}.why-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:85px}.why-title h2{font-size:clamp(1.8rem,3.5vw,3.5rem)}.why-title p{color:#656a6e;margin-top:22px}.why-points{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #d7dadc;border-left:1px solid #d7dadc}.why-point{padding:25px;border-right:1px solid #d7dadc;border-bottom:1px solid #d7dadc;display:flex;gap:16px}.why-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #c9cdd0;border-radius:50%;color:var(--aot-orange);flex:0 0 auto}.why-point h3{margin:0 0 8px;font-size:1.05rem}.why-point p{margin:0;color:#666c70;font-size:.87rem}
.process-section{background:#0c0e10;padding:50px 0}.section-head.centered{text-align:center;max-width:800px;margin:0 auto 58px}.section-head.centered .section-kicker{justify-content:center}.process-track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);position:relative}.process-track:before{content:"";position:absolute;top:33px;left:16.6%;right:16.6%;height:1px;background:linear-gradient(90deg,#34383d,#fe4f20,#34383d)}.process-track li{text-align:center;padding:0 30px;position:relative}.process-marker{position:relative;z-index:1;margin:0 auto 20px;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#101214;border:1px solid #3b3f43;color:var(--aot-orange);font-weight:900}.process-track span{display:block;font-weight:600}.process-track p{color:#7f858a;font-size:.86rem;margin:8px auto 0;max-width:290px}
.areas-section{padding:50px 0}.areas-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.areas-copy h2{font-size:clamp(2rem,3vw,3.5rem)}.areas-copy p{color:#666b6f;margin:22px 0 28px}
.area-map{height:430px;position:relative;background:#e8eaeb;border:1px solid #dadde0;overflow:hidden}
.area-map iframe{
   width: 100%;
   height: 100%;
}
.area-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#dfe2e4 1px,transparent 1px),linear-gradient(90deg,#dfe2e4 1px,transparent 1px);background-size:42px 42px}.map-ring{position:absolute;border:1px solid #bfc4c7;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.ring-1{width:230px;height:230px}.ring-2{width:365px;height:365px;border-style:dashed}.map-cross{position:absolute;background:#c6cace}.map-cross.h{height:1px;left:14%;right:14%;top:50%}.map-cross.v{width:1px;top:10%;bottom:10%;left:50%}.map-origin{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;background:#111315;color:#fff;padding:13px 18px;min-width:140px;box-shadow:0 12px 24px rgba(0,0,0,.16)}.map-origin i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--aot-orange);left:50%;top:-5px;transform:translateX(-50%)}.map-origin strong,.map-origin span{display:block}.map-origin strong{font-size:.8rem;letter-spacing:.13em}.map-origin span{font-size:.65rem;color:#91969a}.map-place{position:absolute;font-size:.7rem;font-weight:600;color:#575d61;text-transform:uppercase;letter-spacing:.08em}.p1{right:14%;top:26%}.p2{right:22%;bottom:20%}.p3{left:14%;top:30%}.p4{left:18%;bottom:21%}.p5{right:7%;top:55%}
.faq-section{background:#121416;padding:50px 0}.faq-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:80px}
.faq-intro h2{font-size:clamp(1.8rem,3vw,3.2rem)}
.faq-intro p{color:#858b90;margin: 15px 0;}.faq-list{border-top:1px solid #303438}
.faq-item{border-bottom:1px solid #303438}.faq-item h3{margin:0; text-transform: none !important;}
.faq-item h3 button{text-transform: none !important;}
.faq-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;border:0;background:none;color:#fff;padding:19px 0;font-weight:600}
.faq-trigger span{font-weight: 600; font-size: 24px; text-transform: none !important;}
.faq-trigger i{width:20px;height:20px;position:relative}.faq-trigger i:before,.faq-trigger i:after{content:"";position:absolute;left:2px;right:2px;top:9px;height:2px;background:var(--aot-orange);transition:transform .2s}.faq-trigger i:after{transform:rotate(90deg)}.faq-trigger[aria-expanded=true] i:after{transform:rotate(0)}.faq-panel{padding:0 44px 20px 0;color:#8f959a;}.faq-panel p{margin:0}
.reviews-section{background:#090b0c;padding:50px 0}
.reviews-layout{
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:40px;
}

.reviews-score{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.reviews-score strong{
    font-size:clamp(1.8rem,3vw,2.8rem);
    line-height:1.2;
    margin:14px 0;
}

.reviews-score p{
    color:var(--aot-text-muted);
}

.data-pending{
    color:var(--aot-orange);
    font-size:.82rem;
}

.reviews-placeholder{
    min-width:0;
    overflow:hidden;
}

.reviewsSwiper{
    overflow:hidden;
}

.reviewsSwiper .swiper-slide{
    height:auto;
}

.review-card{
    height:100%;
    min-height:220px;
    justify-content:space-between;
}

.review-google-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    color:var(--aot-text-muted);
    font-size:.82rem;
}

.review-google-head .bi-google{
    font-size:1.35rem;
    color:#4285F4;
}

.review-pending-content{
    padding:20px 0;
}

.review-pending-content>i{
    color:var(--aot-orange);
    font-size:1.3rem;
}

.review-pending-content p{
    color:var(--aot-text-muted);
    font-size:.88rem;
    margin:10px 0 0;
}

.review-card>a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--aot-orange);
    font-size:.82rem;
    font-weight:600;
}

.reviews-slider-controls{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:18px;
}

.reviews-pagination{
    position:static;
    width:auto!important;
}

.reviews-pagination .swiper-pagination-bullet{
    background:var(--aot-text-muted);
}

.reviews-pagination .swiper-pagination-bullet-active{
    background:var(--aot-orange);
}

.reviews-arrows{
    display:flex;
    gap:8px;
}

.reviews-prev,
.reviews-next{
    width:38px;
    height:38px;
    border:1px solid var(--aot-border-dark);
    border-radius:50%;
    background:var(--aot-surface);
    color:var(--aot-white);
}

.reviews-prev:hover,
.reviews-next:hover{
    background:var(--aot-orange);
}

/* Review text - collapsed by default */
.review-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    overflow-wrap: anywhere;
    line-height: 1.7;
    margin-bottom: 6px;
}

/* Expanded review */
.review-text.is-expanded {
    display: block;
    -webkit-line-clamp: unset;
    overflow: visible;
}

/* Read more / Read less button */
.review-toggle {
    display: inline-block;
    padding: 4px 0;
    border: 0;
    background: transparent;
    color: var(--near-black);
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.review-toggle:hover {
    opacity: 0.7;
}

.review-toggle:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 4px;
}

@media(max-width:767.98px){
    .reviews-layout{
        grid-template-columns:1fr;
        gap:28px;
    }
}

.final-cta{position:relative;background:#050606;padding:80px 0;overflow:hidden}.final-cta-lines{position:absolute;inset:0;background:radial-gradient(circle at 80% 50%,rgba(254,79,32,.12),transparent 28%),repeating-linear-gradient(110deg,transparent 0 80px,rgba(255,255,255,.025) 81px 82px,transparent 83px 160px)}.final-cta-inner{position:relative;max-width:900px;text-align:center}.final-code{display:inline-block;color:var(--aot-orange);font-size:.7rem;letter-spacing:.18em;font-weight:900;margin-bottom:18px}.final-cta h2{font-size:clamp(1.5rem,3vw,3.2rem)}.final-cta p{color:#8c9297}.final-cta .hero-actions{justify-content:center;margin-top:26px}.legal-notes{background:#0a0c0d;border-top:1px solid #181b1d;padding:18px 0;color:#82888d}.legal-notes details{border-bottom:1px solid #1c1f22;padding:10px 0;font-size:.78rem}.legal-notes summary{cursor:pointer;color:#aeb2b5;font-weight:700}.legal-notes p{max-width:900px}
.site-footer{background:#08090a;border-top:1px solid #1c1f22;padding:70px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr .9fr 1fr 1fr;gap:52px}.footer-brand img{width:230px}.footer-brand p{color:#858b90;max-width:370px;font-size:.86rem; margin: 15px 0;}.footer-directions{color:#fff;font-weight:600;font-size:.86rem}.footer-directions span{color:var(--aot-orange)}.footer-heading{font-size:.75rem;text-transform:uppercase;letter-spacing:.13em;color:#fff;margin:3px 0 16px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin:7px 0}.footer-links a,.site-footer address,.site-footer>div a{color:#8e9498;font-size:.84rem;font-style:normal}.footer-links a:hover,.site-footer a:hover{color:#fff}.hours-list{margin:0}.hours-list div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid #181b1d;font-size:.8rem}.hours-list dt{font-weight:600;color:#94999d}.hours-list dd{margin:0;color:#c1c4c6}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #1b1e20;margin-top:48px;padding-top:20px;color:#666c71;font-size:.72rem}.footer-bottom p{margin:0}.footer-bottom nav{display:flex;gap:16px;flex-wrap:wrap}.footer-bottom a{color:#72787d}
.utility-stack{position:fixed;right:18px;bottom:20px;z-index:800;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.utility-btn{width:48px;min-height:48px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#17191b;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.9rem;box-shadow:0 10px 30px rgba(0,0,0,.22);transition:transform .2s,border-color .2s,opacity .2s}.utility-btn:hover{transform:translateY(-2px);border-color:var(--aot-orange)}.utility-btn small{font-size:.49rem;line-height:1;margin-top:2px}.whatsapp-btn{background:#17231a}.trustpilot-btn{background:#131719}.back-to-top{opacity:0;pointer-events:none}.back-to-top.is-visible{opacity:1;pointer-events:auto}.is-unconfigured{opacity:.82}
.cookie-banner{position:fixed;z-index:1075;left:18px;right:18px;bottom:18px;background:#111315;color:#fff;border:1px solid #2c3033;border-radius:16px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 28px 70px rgba(0,0,0,.48)}.cookie-banner[hidden],.cookie-modal[hidden]{display:none}.cookie-copy{max-width:700px}.cookie-kicker{font-size:.62rem;color:var(--aot-orange);font-weight:900;text-transform:uppercase;letter-spacing:.15em}.cookie-copy h2,.cookie-modal-panel h2{margin:4px 0 5px;font-size:1.25rem}.cookie-copy p,.cookie-modal-panel>p{margin:0;color:#979da2;font-size:.82rem}.cookie-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.btn-cookie{min-height:42px;padding:0 14px;border-radius:8px;font-weight:600;font-size:.78rem;border:1px solid #3a3e42}.btn-cookie.primary{background:var(--aot-orange);color:#fff;border-color:var(--aot-orange)}.btn-cookie.secondary{background:#17191b;color:#e7e8e9}.cookie-modal{position:fixed;inset:0;z-index:1600;display:grid;place-items:center;padding:20px}.cookie-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72)}.cookie-modal-panel{position:relative;width:min(620px,100%);max-height:min(720px,calc(100vh - 40px));overflow:auto;background:#111315;border:1px solid #2d3134;border-radius:18px;padding:26px;box-shadow:0 30px 90px rgba(0,0,0,.55)}.cookie-modal-close{position:absolute;right:16px;top:14px;width:36px;height:36px;border-radius:50%;border:1px solid #33373a;background:#191b1e;color:#fff;font-size:1.4rem}.cookie-option{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid #282c2f;margin-top:12px}.cookie-option strong,.cookie-option span{display:block}.cookie-option span{color:#83898e;font-size:.77rem}.cookie-option input{width:22px;height:22px;accent-color:var(--aot-orange)}.status-pill{border:1px solid #3a3e42;padding:5px 8px;border-radius:20px;color:#a9aeb2!important;white-space:nowrap}.cookie-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s cubic-bezier(.2,.7,.2,1),transform .65s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}
@media (max-width:1099px){.desktop-nav,.header-phone{display:none}.header-actions{margin-left:auto}.menu-toggle{display:block}}

@media (max-width:1180px){:root{--shell:min(100% - 34px,1100px)}.desktop-nav{gap:15px}.nav-link,.mega-trigger{font-size:.78rem}.brand img{width:195px}.header-phone span:last-child{display:none}.hero-grid{grid-template-columns:1.05fr .95fr}.hero-copy h1{font-size:clamp(2rem,3vw,3.5rem)}.quote-layout,.servicing-layout{gap:45px}.trust-grid{grid-template-columns:1.2fr repeat(4,1fr)}}
@media (max-width:1024px){:root{--header-h:76px}.desktop-nav,.header-phone{display:none}.header-actions{margin-left:auto}.menu-toggle{display:block}.hero-section{min-height:auto}.hero-grid{grid-template-columns:1fr .85fr;min-height:650px}.hero-copy{padding-top:55px}.hero-proof{grid-template-columns:1fr 1fr}.hero-proof>div:last-child{display:none}.quote-layout{grid-template-columns:1fr;gap:35px}.quote-intro{display:grid;grid-template-columns:1.2fr .8fr;column-gap:35px}.quote-intro h2,.quote-intro>p{grid-column:1}.quote-help{grid-column:2}.quote-help:nth-of-type(1){grid-row:1/2}.quote-help:nth-of-type(2){grid-row:2/3}.trust-grid{grid-template-columns:1fr 1fr 1fr}.trust-lead{grid-column:1/-1;min-height:100px}.trust-grid>div:nth-child(n+4){border-top:1px solid #292d30}.vehicle-layout,.why-layout,.areas-layout,.faq-layout,.reviews-layout{grid-template-columns:1fr;gap:48px}.vehicle-copy{max-width:720px}.servicing-layout{grid-template-columns:1fr}.servicing-visual{max-width:760px}.why-title,.areas-copy,.faq-intro,.reviews-score{max-width:760px}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.section-head.split{grid-template-columns:1fr;gap:22px}.service-row{grid-template-columns:56px 1fr 1fr 68px}}
@media (max-width:760px){:root{--shell:min(100% - 28px,680px);--header-h:70px}.brand img{width:175px}.btn-aot-sm{display:none}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding:55px 0 25px}.hero-copy h1{font-size:clamp(3rem,14vw,4.8rem)}.hero-lead{font-size:.98rem}.hero-visual{margin-top:-20px;max-height:470px}.hero-visual-frame{width:min(95%,500px);transform:none}.hero-proof{margin-top:38px}.hero-rail{justify-content:flex-start;overflow:hidden;padding-left:14px}.quote-section,.services-section,.vehicle-section,.servicing-section,.why-section,.process-section,.areas-section,.faq-section,.reviews-section,.final-cta{padding:40px 0}.quote-intro{display:block}.quote-intro h2,.section-head h2,.vehicle-copy h2,.servicing-copy h2,.why-title h2,.areas-copy h2,.faq-intro h2,.reviews-score strong{font-size:clamp(2rem,8vw,3rem); line-height: normal !important;}.form-row.two{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr 1fr}.trust-lead{grid-column:1/-1}.trust-grid>div{min-height:128px}.trust-item:nth-child(2),.trust-item:nth-child(4){border-left:1px solid #292d30}.trust-item:nth-child(n+2){border-top:1px solid #292d30}.service-row{grid-template-columns:44px 1fr 58px;gap:12px}.service-row p{grid-column:2/4}.vehicle-bays{grid-template-columns:1fr 1fr}.vehicle-bay{min-height:210px}.why-points{grid-template-columns:1fr}.process-track{grid-template-columns:1fr;gap:28px}.process-track:before{top:0;bottom:0;left:32px;right:auto;width:1px;height:auto}.process-track li{text-align:left;padding:0 0 0 92px;min-height:82px}.process-marker{position:absolute;left:0;top:0;margin:0}.process-track p{margin-left:0}.area-map{height:370px}.reviews-placeholder{grid-template-columns:1fr}.reviews-placeholder .review-note{grid-column:1}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.cookie-banner{align-items:flex-start;flex-direction:column}.cookie-actions{width:100%;justify-content:stretch}.cookie-actions .btn-cookie{flex:1 1 160px}.utility-stack{right:12px;bottom:12px}.utility-btn{width:44px;min-height:44px}.final-cta h2{font-size:clamp(3rem,13vw,5rem)}.service-dial{right:12px;bottom:12px;width:126px;height:126px}}
@media (max-width:520px){:root{--shell:calc(100% - 22px)}.header-inner{gap:10px}.brand img{width:155px}.hero-copy{padding-top:42px}.hero-copy h1{font-size:clamp(2rem,12vw,3rem);line-height: normal !important;}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions>a{width:100%}.hero-proof{grid-template-columns:1fr 1fr}.hero-proof>div{padding-right:8px}.hero-visual{max-height:390px}.visual-tag{display:none}.quote-console{border-radius:12px}.quote-form{padding:18px}.trust-grid{grid-template-columns:1fr}.trust-item:nth-child(2),.trust-item:nth-child(4){border-left:none}.trust-grid>div{border-left:1px solid #292d30}.service-row{grid-template-columns:36px 1fr 52px}.service-row:hover{padding-left:0}.vehicle-bays{grid-template-columns:1fr}.vehicle-bay{min-height:180px}.why-point{padding:20px}.area-map{height:325px}.ring-2{width:290px;height:290px}.map-place{font-size:.58rem}.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:auto}.cookie-banner{left:10px;right:10px;bottom:10px;padding:16px}.cookie-actions{display:grid;grid-template-columns:1fr;width:100%}.cookie-modal{padding:10px}.cookie-modal-panel{padding:22px 18px}.cookie-modal-actions{display:grid;grid-template-columns:1fr}.utility-stack{bottom:8px;right:8px}.trustpilot-btn{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}

/* =========================================================
   ABOUT PAGE
   ========================================================= */
.page-about{background:var(--aot-bg)}
.page-about .site-header{background:rgba(8,9,10,.78);backdrop-filter:blur(14px);border-bottom-color:rgba(255,255,255,.06)}
.page-about .mobile-nav a[aria-current="page"]{color:var(--aot-orange)}
.page-about .mobile-nav a[aria-current="page"]:before{content:"";display:inline-block;width:18px;height:2px;background:var(--aot-orange);margin-right:8px;vertical-align:middle}
.about-hero{position:relative;overflow:hidden;padding:calc(var(--header-h) + 54px) 0 68px;background:#08090a}
.about-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000 0 58%,transparent 88%)}
.about-hero:after{content:"ABOUT / AOT";position:absolute;left:-18px;bottom:-34px;font-family:var(--font-display);font-size:clamp(6rem,15vw,13rem);font-weight:900;line-height:1;color:rgba(255,255,255,.018);letter-spacing:-.06em;white-space:nowrap;pointer-events:none}
.about-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;gap:54px;align-items:center;min-height:620px}
.about-breadcrumb{margin-bottom:40px}
.about-breadcrumb ol{display:flex;align-items:center;gap:10px;list-style:none;padding:0;margin:0;color:#7f858a;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}
.about-breadcrumb li+li:before{content:"/";margin-right:10px;color:#4b5054}
.about-breadcrumb a:hover{color:var(--aot-orange)}
.about-hero-copy h1,.about-story-copy h2,.about-section-head h2,.approach-intro h2,.workshop-copy h2,.about-why-statement h2,.local-copy h2,.trust-summary-copy h2,.about-final-cta h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.045em;line-height:.95;margin:0}
.about-hero-copy h1{font-size:clamp(2rem,4vw,4.55rem);max-width:760px}
.about-hero-lead{font-size:1.08rem;color:#aeb2b6;max-width:640px;margin:24px 0 30px}
.about-hero-meta{display:grid;grid-template-columns:1.4fr .75fr 1fr;margin-top:48px;border-top:1px solid rgba(255,255,255,.1)}
.about-hero-meta>div{padding:16px 14px 0 0;border-right:1px solid rgba(255,255,255,.07)}
.about-hero-meta>div:last-child{border-right:0;padding-left:14px}
.about-hero-meta span,.about-hero-meta strong{display:block}.about-hero-meta span{font-size:.61rem;color:#73797e;letter-spacing:.13em;font-weight:900}.about-hero-meta strong{font-size:.8rem;margin-top:4px}
.about-hero-visual{min-width:0}
.about-tech-frame{position:relative;min-height:535px;border:1px solid rgba(255,255,255,.08);overflow:hidden;background:#0c0e0f;clip-path:polygon(6% 0,100% 0,100% 92%,94% 100%,0 100%,0 8%)}
.about-tech-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}
.about-wheel-cut{position:absolute;width:92%;right:-28%;bottom:-32%;opacity:.82;filter:saturate(.85)}
.about-wheel-cut img{width:100%}
.about-spec{position:absolute;z-index:3;display:grid;grid-template-columns:34px 1fr;padding:11px 13px;background:rgba(8,9,10,.82);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);min-width:178px}.about-spec span{grid-row:1/3;color:var(--aot-orange);font-size:.65rem;font-weight:900}.about-spec strong{font-size:.7rem;letter-spacing:.14em}.about-spec small{color:#858b90;font-size:.61rem}.about-spec-a{left:6%;top:18%}.about-spec-b{right:5%;top:41%}.about-hero-mark{position:absolute;left:7%;bottom:8%;font-size:.67rem;letter-spacing:.2em;color:#72787d;font-weight:900}
.about-story{padding:50px 0}
.about-story-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:84px;align-items:center}
.story-image-panel{position:relative;min-height:560px;overflow:hidden;background:#111315; border: 16px; overflow: hidden; clip-path:polygon(0 0,92% 0,100% 9%,100% 100%,8% 100%,0 91%)}
.story-image-panel img{width:100%;height:100%;min-height:560px;object-fit:cover;filter:contrast(1.08)}
.story-image-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 35%,rgba(254,79,32,.10))}
.story-stamp{position:absolute;right:0;bottom:0;z-index:2;width:166px;height:116px;background:var(--aot-orange);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:20px}.story-stamp span{font-family:var(--font-display);font-size:2.6rem;line-height:.85;font-weight:900}.story-stamp small{font-size:.56rem;letter-spacing:.1em;margin-top:8px}
.about-story-copy h2{color:#101214;font-size:clamp(2rem,3vw,3.2rem);max-width:650px}.about-story-copy>p{color:#575d62;margin:20px 0;max-width:650px}.about-story-copy blockquote{margin:34px 0 28px;padding:24px 26px;border-left:3px solid var(--aot-orange);background:#f0f1f2}.about-story-copy blockquote span{display:block;color:var(--aot-orange-dark);font-size:.63rem;letter-spacing:.13em;font-weight:900;text-transform:uppercase}.about-story-copy blockquote p{margin:7px 0 0;color:#1f2326;font-size:1rem;font-weight:700}
.about-inline-link{display:inline-flex;gap:10px;align-items:center;font-weight:900;font-size:.84rem;border-bottom:1px solid #ccd0d2;padding-bottom:5px}.about-inline-link span{color:var(--aot-orange)}.about-inline-link:hover{border-color:var(--aot-orange)}
.about-services{padding:50px 0;background:#121416;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.about-section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end;margin-bottom:52px}.about-section-head h2{font-size:clamp(2rem,3vw,3.2rem)}.about-section-head>p{color:#959b9f;max-width:530px;margin:0 0 6px}
.about-service-bands{border-top:1px solid #2d3134}.about-service-band{display:grid;grid-template-columns:70px 1.1fr 1.6fr 190px;gap:28px;align-items:center;padding:28px 0;border-bottom:1px solid #2d3134;transition:padding .25s ease,background .25s ease}.about-service-band:hover{padding-left:14px;background:linear-gradient(90deg,rgba(254,79,32,.055),transparent 58%)}.band-number{color:var(--aot-orange);font-family:var(--font-display);font-size:1.6rem}.band-title span{display:block;color:#6f757a;font-size:.58rem;letter-spacing:.16em;font-weight:900}.band-title h3{font-family:var(--font-display);text-transform:uppercase;font-size:2rem;line-height:1;margin:4px 0 0}.about-service-band>p{color:#9ca1a5;font-size:.9rem;margin:0}.about-service-band>a{justify-self:end;color:#fff;font-size:.79rem;font-weight:900}.about-service-band>a span{color:var(--aot-orange)}
.about-approach{padding:50px 0;background:#1c1f22}.about-approach-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:90px}.approach-intro{position:sticky;top:120px;align-self:start}.approach-intro h2{font-size:clamp(2rem,3vw,3.15rem)}.approach-intro>p{color:#9ba0a4;max-width:510px;margin:24px 0 0}.approach-list{border-top:1px solid #393d40}.approach-item{display:grid;grid-template-columns:70px 1fr;gap:22px;padding:28px 0;border-bottom:1px solid #393d40}.approach-item>span{color:var(--aot-orange);font-family:var(--font-display);font-size:1.45rem}.approach-item h3{margin:0 0 7px;text-transform:uppercase;font-family:var(--font-display);letter-spacing:.02em;font-size:1.6rem}.approach-item p{margin:0;color:#9da2a6;font-size:.9rem;max-width:640px}
.about-workshop{padding:50px 0;background:#090a0b}.workshop-stage{position:relative;display:grid;grid-template-columns:1.2fr .8fr;min-height:610px;border:1px solid #25282a;background:#111315;overflow:hidden}.workshop-visual{min-height:610px;position:relative}.workshop-visual img{width:100%;height:100%;object-fit:cover;filter:contrast(1.1)}.workshop-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 50%,#111315 100%)}.workshop-overlay-label{position:absolute;left:30px;bottom:30px;z-index:2;background:rgba(8,9,10,.8);border:1px solid rgba(255,255,255,.12);padding:14px 16px}.workshop-overlay-label span,.workshop-overlay-label strong{display:block}.workshop-overlay-label span{font-size:.58rem;color:#8b9094;letter-spacing:.14em}.workshop-overlay-label strong{font-size:.78rem;margin-top:3px}.workshop-copy{padding:62px 50px 58px 15px;position:relative;z-index:2}.workshop-copy h2{font-size:clamp(2rem,3vw,3.8rem)}.workshop-copy>p{color:#9ba0a4;margin:24px 0}.workshop-specs{margin:28px 0 32px;border-top:1px solid #33373a}.workshop-specs>div{padding:13px 0;border-bottom:1px solid #33373a}.workshop-specs span,.workshop-specs strong{display:block}.workshop-specs span{font-size:.57rem;letter-spacing:.14em;color:#6f757a;font-weight:900}.workshop-specs strong{margin-top:3px;font-size:.81rem}
.about-why{padding:50px 0}.about-why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.about-why-statement h2{font-size:clamp(2rem,3vw,3.15rem);color:#111315}.about-why-statement>p{color:#5e6468;max-width:540px}.about-why-list{border-top:1px solid #d7dadd}.why-line{display:grid;grid-template-columns:54px 1fr 1.4fr;gap:20px;padding:24px 0;border-bottom:1px solid #d7dadd;align-items:start}.why-line>span{font-family:var(--font-display);font-size:1.4rem;color:var(--aot-orange)}.why-line h3{margin:2px 0 0;color:#151719;text-transform:uppercase;font-family:var(--font-display);font-size:1.35rem}.why-line p{margin:0;color:#646a6f;font-size:.86rem}
.about-local{padding:50px 0;background:#141719;overflow:hidden}.local-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:center}.local-copy h2{font-size:clamp(2rem,3vw,3.3rem);margin-bottom: 15px;}.local-copy>p{color:#989ea2;max-width:620px}.light-link{color:#fff;border-color:#34383d}.local-coordinate{height:480px;position:relative;display:grid;place-items:center}
.local-coordinate iframe{width: 100%;height: 100%; opacity: .7;}
.local-coordinate:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle,#000 30%,transparent 72%)}.coord-ring{position:relative;width:330px;height:330px;border:1px solid rgba(254,79,32,.28);border-radius:50%;display:grid;place-items:center;color:#fff;font-family:var(--font-display);font-size:2rem;letter-spacing:.12em}.coord-ring:before,.coord-ring:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%}.coord-ring:before{inset:46px}.coord-ring:after{inset:91px}.coord-dot{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--aot-orange);box-shadow:0 0 0 9px rgba(254,79,32,.1)}.coord-card{position:absolute;right:2%;bottom:7%;background:#0c0e0f;border:1px solid #303438;padding:17px 20px;min-width:200px}.coord-card span,.coord-card strong,.coord-card small{display:block}.coord-card span{color:#73797e;font-size:.55rem;letter-spacing:.15em}.coord-card strong{font-family:var(--font-display);font-size:2.1rem;color:var(--aot-orange);line-height:1.1}.coord-card small{font-size:.57rem;color:#83898e;letter-spacing:.11em}
.about-trust{padding:80px 0}.trust-summary{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:center}.trust-summary-copy h2{font-size:clamp(2rem,3vw,3.7rem);color:#111315}.trust-summary-copy>p{color:#61676b;max-width:700px}.trust-contact-panel{border-left:3px solid var(--aot-orange);padding:12px 0 12px 28px}.trust-contact-label{display:block;color:#8a9094;font-size:.57rem;letter-spacing:.15em;font-weight:900;margin-bottom:10px}.trust-contact-panel a{display:block;color:#121416;font-family:var(--font-display);font-size:1.6rem;font-weight:600;line-height:1.15;margin:7px 0;word-break:break-word}.trust-contact-panel a:hover{color:var(--aot-orange)}.trust-contact-panel small{display:block;color:#73797d;margin-top:16px}
.about-final-cta{position:relative;overflow:hidden;padding:50px 0;background:#08090a;text-align:center}.about-final-cta:before{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(254,79,32,.18);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.about-final-cta:after{content:"";position:absolute;width:390px;height:390px;border:1px dashed rgba(255,255,255,.08);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.about-final-cta .shell{position:relative;z-index:2}.cta-code{display:block;color:var(--aot-orange);font-size:.62rem;letter-spacing:.17em;font-weight:900;margin-bottom:17px}.about-final-cta h2{font-size:clamp(1.5rem,2vw, 2.5rem);max-width:980px;margin-inline:auto}.about-final-cta p{color:#91979b;max-width:620px;margin:22px auto 28px}.about-final-cta .hero-actions{justify-content:center}
@media (max-width:1024px){.about-hero-grid{grid-template-columns:1fr .82fr;gap:28px}.about-hero-copy h1{font-size:clamp(3.3rem,6vw,5.3rem)}.about-tech-frame{min-height:475px}.about-story-grid,.about-approach-grid,.about-why-grid,.local-grid,.trust-summary{grid-template-columns:1fr;gap:48px}.about-section-head{grid-template-columns:1fr;gap:22px}.about-service-band{grid-template-columns:56px 1fr 1.35fr 150px}.approach-intro{position:static}.workshop-stage{grid-template-columns:1fr}.workshop-visual{min-height:440px}.workshop-copy{padding:44px}.workshop-visual:after{background:linear-gradient(180deg,transparent 58%,#111315 100%)}.about-why-statement{max-width:740px}.local-copy{max-width:760px}.local-coordinate{height:390px}.trust-summary-copy{max-width:780px}}
@media (max-width:760px){.about-hero{padding-top:calc(var(--header-h) + 34px);padding-bottom:74px}.about-hero-grid{grid-template-columns:1fr}.about-breadcrumb{margin-bottom:28px}.about-hero-copy h1{font-size:clamp(3rem,13vw,4.9rem)}.about-hero-meta{grid-template-columns:1fr 1fr}.about-hero-meta>div:nth-child(3){display:none}.about-hero-visual{margin-top:10px}.about-tech-frame{min-height:400px}.about-story,.about-services,.about-approach,.about-workshop,.about-why,.about-local,.about-trust,.about-final-cta{padding:40px 0}.about-story-grid{gap:42px}.story-image-panel,.story-image-panel img{min-height:390px}.about-story-copy h2,.about-section-head h2,.approach-intro h2,.workshop-copy h2,.about-why-statement h2,.local-copy h2,.trust-summary-copy h2{font-size:clamp(2rem,9vw,3rem)}.about-service-band{grid-template-columns:46px 1fr 74px;gap:13px}.about-service-band>p{grid-column:2/4}.about-service-band>a{grid-column:2/4;justify-self:start}.approach-item{grid-template-columns:50px 1fr}.workshop-stage{border-left:0;border-right:0}.workshop-copy{padding:36px 24px 42px}.workshop-visual{min-height:350px}.why-line{grid-template-columns:45px 1fr}.why-line p{grid-column:2}.local-coordinate{height:340px}.coord-ring{width:270px;height:270px}.coord-card{right:0;bottom:0}.trust-contact-panel{padding-left:20px}.trust-contact-panel a{font-size:1.35rem}.about-final-cta h2{font-size:clamp(3rem,12vw,5rem)}}
@media (max-width:520px){.about-hero-meta{grid-template-columns:1fr}.about-hero-meta>div:nth-child(2){display:none}.about-tech-frame{min-height:330px}.about-spec-b{display:none}.about-spec-a{left:5%;top:11%}.about-wheel-cut{width:110%;right:-40%;bottom:-32%}.story-image-panel,.story-image-panel img{min-height:310px}.story-stamp{width:136px;height:96px;padding:16px}.story-stamp span{font-size:2.1rem}.about-service-band{grid-template-columns:38px 1fr}.about-service-band>p,.about-service-band>a{grid-column:2}.about-service-band>a{margin-top:4px}.about-service-band:hover{padding-left:0}.approach-item{grid-template-columns:38px 1fr}.workshop-copy{padding:30px 18px 38px}.workshop-overlay-label{left:14px;bottom:14px}.why-line{grid-template-columns:36px 1fr}.local-coordinate{height:300px}.coord-ring{width:235px;height:235px}.coord-card{min-width:164px;padding:13px 15px}.coord-card strong{font-size:1.7rem}.trust-contact-panel{border-left-width:2px}.about-final-cta .hero-actions{display:grid;grid-template-columns:1fr}.about-final-cta .hero-actions>a{width:100%}}

/* =========================================================
   TYRES PAGE
   ========================================================= */
.page-tyres{background:var(--aot-bg);color:var(--aot-text-light)}
.page-tyres .site-header .mega-trigger.active{color:var(--aot-orange)}
.page-tyres .mobile-accordion.active{color:var(--aot-orange)}
.tyres-hero{position:relative;overflow:hidden;min-height:780px;padding-top:var(--header-h);background:#08090a}
.tyres-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,#000 0%,#000 45%,transparent 86%)}
.tyres-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;min-height:680px;gap:30px}
.tyres-breadcrumb{margin:0 0 38px}.tyres-breadcrumb ol{display:flex;gap:9px;list-style:none;padding:0;margin:0;color:#747a7f;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}.tyres-breadcrumb li+li:before{content:"/";margin-right:9px;color:#44494d}.tyres-breadcrumb a{color:#a5aaae}.tyres-breadcrumb a:hover{color:var(--aot-orange)}
.tyres-hero-copy{padding:58px 0 72px}.tyres-hero-copy h1{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,5rem);line-height:.91;letter-spacing:-.052em;text-transform:uppercase;max-width:760px;margin:0}.tyres-hero-copy h1 em{font-style:normal;color:var(--aot-orange)}.tyres-hero-lead{max-width:640px;margin:25px 0 30px;color:#a7abb0;font-size:1.07rem}
.tyres-hero-specs{display:grid;grid-template-columns:repeat(3,1fr);max-width:690px;margin-top:48px;border-top:1px solid rgba(255,255,255,.11)}.tyres-hero-specs>div{padding:18px 14px 0 0}.tyres-hero-specs span,.tyres-hero-specs strong,.tyres-hero-specs small{display:block}.tyres-hero-specs span{color:var(--aot-orange);font-family:var(--font-display);font-size:1.05rem}.tyres-hero-specs strong{font-size:.82rem;text-transform:uppercase;margin:4px 0}.tyres-hero-specs small{color:#767c81;font-size:.71rem}
.tyres-hero-visual{position:relative;min-height:610px;display:grid;place-items:center}.tyre-orbit{position:relative;width:min(100%,650px);aspect-ratio:1/1}.tyre-orbit:before{content:"";position:absolute;inset:9%;border:1px solid rgba(254,79,32,.18);border-radius:50%}.tyre-orbit:after{content:"TYRE / CONTROL";position:absolute;right:2%;top:9%;font-size:.57rem;letter-spacing:.18em;color:#63696e;transform:rotate(90deg);transform-origin:right top}.tyre-orbit img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;filter:contrast(1.05)}.orbit-line{position:absolute;z-index:1;border:1px solid rgba(255,255,255,.07);border-radius:50%}.orbit-one{inset:1%}.orbit-two{inset:20%;border-style:dashed}.tyre-tech-label{position:absolute;z-index:3;padding:10px 12px;border-left:2px solid var(--aot-orange);background:rgba(8,9,10,.86);backdrop-filter:blur(5px)}.tyre-tech-label small,.tyre-tech-label strong{display:block}.tyre-tech-label small{font-size:.52rem;color:#71777c;letter-spacing:.16em}.tyre-tech-label strong{font-size:.65rem;letter-spacing:.08em;margin-top:3px}.label-a{top:23%;left:2%}.label-b{right:2%;bottom:20%}.tyres-hero-tread{position:absolute;z-index:3;left:0;right:0;bottom:0;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 max(18px,calc((100vw - 1240px)/2));border-top:1px solid rgba(255,255,255,.08);background:#050606;color:#777d82;font-size:.58rem;letter-spacing:.17em}
.tyre-quote{padding:50px 0;background:#1c1f22}.tyre-quote-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:84px;align-items:start}.tyre-quote-intro h2,.tyre-section-head h2,.tyre-vehicles-copy h2,.tyre-options-head h2,.safety-copy h2,.balance-copy h2,.tyre-why-title h2,.tyre-process-head h2,.tyre-local-copy h2,.tyre-faq .faq-intro h2,.tyre-final-cta h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.045em;line-height:.94;margin:0}.tyre-quote-intro h2{font-size:clamp(2rem,3vw,3.5rem)}.tyre-quote-intro>p{color:#a1a6aa;max-width:520px;margin:24px 0 32px}.tyre-size-chip{border:1px solid #393d40;padding:20px 22px;max-width:440px;background:#141618}.tyre-size-chip span,.tyre-size-chip strong,.tyre-size-chip small{display:block}.tyre-size-chip span{font-size:.55rem;letter-spacing:.16em;color:#767c81}.tyre-size-chip strong{font-family:var(--font-display);font-size:2.2rem;color:var(--aot-orange);margin:7px 0 5px}.tyre-size-chip small{font-size:.69rem;color:#878d92}
.tyre-services{padding:50px 0}.tyre-section-head{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:52px}
.tyre-section-head h2{font-size:clamp(2.5rem,3vw,3.5rem);color:#111315}.tyre-section-head>p{color:#62686d;max-width:590px;margin:0}.tyre-service-grid{display:grid;grid-template-columns:.9fr 1.1fr;border-top:1px solid #d8dbdd;border-bottom:1px solid #d8dbdd}.tyre-feature-service{padding:30px 28px 30px 0;border-right:1px solid #d8dbdd}.service-index{display:block;color:var(--aot-orange);font-size:.6rem;font-weight:900;letter-spacing:.15em;margin-bottom:45px}.tyre-feature-service h3{font-family:var(--font-display);font-size:clamp(1.8rem, 3vw,3.2rem);text-transform:uppercase;letter-spacing:-.04em;color:#111315;margin:0}.tyre-feature-service p{color:#5f656a;max-width:560px;margin:15px 0 20px}.tyre-feature-service a,.tyre-mini-service a{color:#17191b;font-weight:900;font-size:.8rem}.tyre-feature-service a span{color:var(--aot-orange)}.tyre-mini-service{display:grid;grid-template-columns:40px 1fr;gap:16px;padding:20px 0 20px 30px;border-bottom:1px solid #d8dbdd}
.tyre-mini-service:last-child{border-bottom:0}.tyre-mini-service>span{font-family:var(--font-display);font-size:1.45rem;color:var(--aot-orange)}.tyre-mini-service h3{font-family:var(--font-display);font-size:1.6rem;text-transform:uppercase;color:#151719;margin:0 0 5px}.tyre-mini-service p{color:#686e73;margin:0 0 10px;font-size:.88rem}
.tyre-vehicles{padding:50px 0;background:#121416;overflow:hidden}
.tyre-vehicles-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px;align-items:center}.tyre-vehicles-copy h2{font-size:clamp(2rem, 3vw,3.2rem)}.tyre-vehicles-copy p{color:#979da1;max-width:520px;margin:24px 0 30px}.vehicle-spec-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid #2a2e31}.vehicle-spec{padding:18px;position:relative;border-right:1px solid #2a2e31;border-bottom:1px solid #2a2e31;background:#16191b;transition:transform .25s ease,background .25s ease}.vehicle-spec:nth-child(2n){border-right:0}.vehicle-spec:nth-last-child(-n+2){border-bottom:0}.vehicle-spec:last-child{grid-column:1/-1;border-right:0}.vehicle-spec:hover{background:#1c1f22;transform:translateY(-3px)}.vehicle-spec>span{color:var(--aot-orange);font-size:.55rem;letter-spacing:.15em}.vehicle-spec>strong{display:block;font-family:var(--font-display);text-transform:uppercase;font-size:1.8rem;margin:10px 0 7px}
.vehicle-spec>p{margin:0;color:#858b90;font-size:.84rem;max-width:330px;margin-bottom: 10px;}
.tyre-options{padding:50px 0}.tyre-options-head{max-width:900px}
.tyre-options-head h2{font-size:clamp(2rem,3vw,3.5rem);color:#111315}.tyre-options-head p{color:#61676b;max-width:760px;margin:22px 0 44px}.option-scale{display:grid;grid-template-columns:repeat(3,1fr);border-top:3px solid #151719}
.option-tier{padding:20px 20px 28px;border-right:1px solid #d7dadd;position:relative}.option-tier:last-child{border-right:0}.option-tier>span{font-family:var(--font-display);color:var(--aot-orange);font-size:1.4rem}
.option-tier h3{font-family:var(--font-display);font-size:2rem;text-transform:uppercase;color:#151719;margin:22px 0 10px}
.option-tier p{color:#656b70;margin:0}.option-note{margin:24px 0 0;color:#747a7e;font-size:.79rem}
.tyre-safety{padding:50px 0;background:#15181a}.tyre-safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:center}.safety-visual{min-height:560px;display:grid;place-items:center;position:relative}.safety-visual:before{content:"INSPECTION / CONDITION";position:absolute;left:0;bottom:20px;color:#575d62;font-size:.56rem;letter-spacing:.18em}.safety-ring{position:relative;width:min(100%,520px);}.safety-ring:before{content:"";position:absolute;inset:5%;border:1px dashed rgba(255,255,255,.12);border-radius:50%}.safety-ring img{width:100%;height:100%;object-fit:contain;filter:grayscale(.15) contrast(1.05)}.damage-marker{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--aot-orange);box-shadow:0 0 0 10px rgba(254,79,32,.12)}.marker-a{top:24%;left:18%}.marker-b{right:18%;bottom:25%}.safety-copy h2{font-size:clamp(2rem,3vw,3.3rem)}.safety-copy>p{color:#979da2;max-width:620px;margin:24px 0}.safety-checks{list-style:none;padding:0;margin:28px 0 34px;border-top:1px solid #34383b}.safety-checks li{padding:13px 0 13px 28px;border-bottom:1px solid #34383b;position:relative;color:#d5d8da}.safety-checks li:before{content:"";position:absolute;left:2px;top:20px;width:8px;height:8px;border:2px solid var(--aot-orange);border-radius:50%}
.tyre-balance{padding:50px 0}.balance-grid{display:grid;grid-template-columns:1fr .85fr;gap:92px;align-items:center}.balance-copy h2{font-size:clamp(2rem,3vw,3.1rem);color:#111315}.balance-copy p{color:#60666b;max-width:670px;margin:22px 0 26px}.balance-diagnostic{border:1px solid #d1d5d8;border-top:4px solid #161819;background:#f7f8f8;padding:28px}.diag-label{display:block;color:#878d91;font-size:.55rem;font-weight:900;letter-spacing:.15em;margin-bottom:18px}.balance-diagnostic>div{display:grid;grid-template-columns:58px 1fr;gap:14px;padding:15px 0;border-bottom:1px solid #d8dbdd;align-items:center}.balance-diagnostic strong{font-family:var(--font-display);color:var(--aot-orange);font-size:1.35rem}.balance-diagnostic p{color:#292d31;margin:0;font-weight:600}.balance-diagnostic small{display:block;color:#777d82;margin-top:18px}
.tyre-why{padding:50px 0;background:#121416}.tyre-why-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:90px}.tyre-why-title{position:sticky;top:120px;align-self:start}
.tyre-why-title h2{font-size:clamp(2rem,3.5vw,3rem)}.tyre-why-list{border-top:1px solid #33373a}.tyre-why-item{display:grid;grid-template-columns:64px 1fr;gap:20px;padding:26px 0;border-bottom:1px solid #33373a}.tyre-why-item>span{font-family:var(--font-display);font-size:1.45rem;color:var(--aot-orange)}.tyre-why-item h3{font-family:var(--font-display);font-size:1.6rem;text-transform:uppercase;margin:0 0 5px}.tyre-why-item p{color:#91979b;margin:0;max-width:670px}
.tyre-process{padding:50px 0}.tyre-process-head{max-width:780px}
.tyre-process-head h2{font-size:clamp(2rem,3vw,3.25rem);color:#111315}.tyre-process-track{list-style:none;padding:0;margin:52px 0 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cdd1d4}.tyre-process-track li{position:relative;padding:30px 28px 0 0}.tyre-process-track li:before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;background:var(--aot-orange);border-radius:50%}.tyre-process-track span{font-family:var(--font-display);font-size:1.35rem;color:var(--aot-orange)}.tyre-process-track h3{font-family:var(--font-display);text-transform:uppercase;color:#151719;font-size:1.45rem;margin:22px 0 8px}.tyre-process-track p{color:#656b70;margin:0;font-size:.86rem;max-width:250px}
.tyre-local{padding:50px 0;background:#1b1e21}.tyre-local-grid{display:grid;grid-template-columns:1fr .85fr;gap:92px;align-items:center}.tyre-local-copy h2{font-size:clamp(2rem, 3vw,3.2rem)}.tyre-local-copy>p{color:#989ea2;max-width:650px;margin:22px 0}.local-area-tags{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 32px}.local-area-tags span{padding:8px 11px;border:1px solid #3a3e42;color:#b1b6ba;font-size:.7rem}.tyre-size-guide{border:1px solid #383c3f;background:#101214;padding:30px}.guide-code{display:block;color:#6f757a;font-size:.55rem;letter-spacing:.16em}.tyre-size-guide>strong{display:block;font-family:var(--font-display);font-size:2.65rem;color:#fff;margin:8px 0 24px}.size-guide-row{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:12px 0;border-top:1px solid #313538}.size-guide-row span{font-family:var(--font-display);color:var(--aot-orange);font-size:1.2rem}.size-guide-row p{margin:0;color:#a0a6aa;font-size:.83rem}.tyre-size-guide>small{display:block;color:#767c81;margin-top:18px}
.tyre-faq{padding:50px 0}.tyre-faq .faq-intro h2{color:#111315}
.tyre-faq .faq-intro p{color:#61676b; margin: 10px 0;}
.tyre-faq .faq-list{border-color:#d7dadd}.tyre-faq .faq-item{border-color:#d7dadd}.tyre-faq .faq-trigger{color:#151719}.tyre-faq .faq-panel{color:#646a6f}
.tyre-final-cta{position:relative;overflow:hidden;padding:50px 0;background:#08090a;text-align:center}.tyre-final-cta:before{content:"";position:absolute;left:50%;top:50%;width:650px;height:650px;border:1px solid rgba(254,79,32,.16);border-radius:50%;transform:translate(-50%,-50%)}.tyre-final-cta:after{content:"";position:absolute;left:50%;top:50%;width:470px;height:470px;border:1px dashed rgba(255,255,255,.07);border-radius:50%;transform:translate(-50%,-50%)}.tyre-final-cta .shell{position:relative;z-index:2}
.tyre-final-cta h2{font-size:clamp(2rem,3vw,3.2rem);max-width:950px;margin-inline:auto}.tyre-final-cta p{max-width:620px;color:#92989c;margin:22px auto 29px}.tyre-final-cta .hero-actions{justify-content:center}
@media (max-width:1024px){.tyres-hero-grid{grid-template-columns:1fr .84fr}.tyres-hero-copy h1{font-size:clamp(3.5rem,6.4vw,5.8rem)}.tyre-orbit{width:110%}.tyre-quote-grid,.tyre-vehicles-grid,.tyre-safety-grid,.balance-grid,.tyre-why-grid,.tyre-local-grid{grid-template-columns:1fr;gap:50px}.tyre-section-head{grid-template-columns:1fr;gap:22px}.tyre-service-grid{grid-template-columns:1fr}.tyre-feature-service{border-right:0;border-bottom:1px solid #d8dbdd;padding-right:0}.tyre-mini-service{padding-left:0}.vehicle-spec-grid{max-width:780px}.safety-visual{min-height:430px;order:2}.safety-copy{order:1}.tyre-why-title{position:static}.tyre-process-track{grid-template-columns:1fr 1fr;row-gap:38px}.tyre-size-guide{max-width:700px}}
@media (max-width:760px){.tyres-hero{min-height:auto}.tyres-hero-grid{grid-template-columns:1fr;gap:0}.tyres-breadcrumb{margin-bottom:27px}.tyres-hero-copy{padding:44px 0 20px}.tyres-hero-copy h1{font-size:clamp(3rem,13vw,5rem)}.tyres-hero-visual{min-height:390px;margin-bottom:48px}.tyre-orbit{width:min(110%,500px)}.tyres-hero-specs{grid-template-columns:1fr 1fr}.tyres-hero-specs>div:last-child{display:none}.tyres-hero-tread{justify-content:flex-start;overflow:hidden;white-space:nowrap;padding:0 14px}.tyres-hero-tread span:nth-child(3){display:none}.tyre-quote,.tyre-services,.tyre-vehicles,.tyre-options,.tyre-safety,.tyre-balance,.tyre-why,.tyre-process,.tyre-local,.tyre-faq,.tyre-final-cta{padding:40px 0}.tyre-quote-intro h2,.tyre-section-head h2,.tyre-vehicles-copy h2,.tyre-options-head h2,.safety-copy h2,.balance-copy h2,.tyre-why-title h2,.tyre-process-head h2,.tyre-local-copy h2,.tyre-faq .faq-intro h2{font-size:clamp(2rem,9vw,3rem); line-height: normal !important;}.vehicle-spec-grid{grid-template-columns:1fr}.vehicle-spec,.vehicle-spec:nth-child(2n),.vehicle-spec:last-child{grid-column:auto;border-right:0;border-bottom:1px solid #2a2e31}.vehicle-spec:last-child{border-bottom:0}.option-scale{grid-template-columns:1fr}.option-tier{border-right:0;border-bottom:1px solid #d7dadd;min-height:auto;padding-inline:0}.option-tier:last-child{border-bottom:0}.safety-visual{min-height:340px}.safety-ring{width:min(100%,390px)}.tyre-process-track{grid-template-columns:1fr;border-top:0;border-left:1px solid #cdd1d4;margin-left:5px}.tyre-process-track li{padding:0 0 30px 34px}.tyre-process-track li:before{top:7px;left:-5px}.tyre-process-track h3{margin-top:8px}.tyre-size-guide>strong{font-size:2.1rem}.tyre-final-cta h2{font-size:clamp(3rem,12vw,5rem)}}
@media (max-width:520px){.tyres-hero-specs{grid-template-columns:1fr}.tyres-hero-specs>div:nth-child(2){display:none}.tyre-orbit{width:125%;margin-left:-8%}.label-a{left:8%}.label-b{right:5%}.tyre-feature-service{padding-top:36px}.tyre-mini-service{grid-template-columns:45px 1fr}.vehicle-spec{min-height:170px;padding:23px}.tyre-size-guide{padding:23px 18px}.tyre-size-guide>strong{font-size:1.8rem}.size-guide-row{grid-template-columns:52px 1fr}.tyre-final-cta .hero-actions{display:grid;grid-template-columns:1fr}.tyre-final-cta .hero-actions>a{width:100%}}

/* =========================================================
   SERVICING & REPAIRS PAGE
   ========================================================= */
.page-servicing-repairs{background:var(--aot-bg);color:var(--aot-text-light)}
.page-servicing-repairs .site-header{background:linear-gradient(180deg,rgba(8,9,10,.96),rgba(8,9,10,.72),transparent)}
.sr-hero{position:relative;overflow:hidden;background:#08090a;padding:150px 0 0}
.sr-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}
.sr-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.9fr);gap:70px;align-items:center;padding-bottom:72px}
.sr-breadcrumb ol{display:flex;gap:10px;list-style:none;padding:0;margin:0 0 28px;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--aot-text-muted)}
.sr-breadcrumb li+li:before{content:"/";margin-right:10px;color:var(--aot-orange)}
.sr-breadcrumb a{color:inherit;text-decoration:none}
.sr-hero h1{max-width:860px;font-size:clamp(1.5rem,3vw, 2.5rem);line-height:.9;letter-spacing:-.045em;text-transform:uppercase;margin:18px 0 24px}
.sr-hero h1 em{display:block;color:var(--aot-orange);font-style:normal}
.sr-hero-lead{max-width:700px;color:#c7c9cc;font-size:clamp(1rem,1.4vw,1.24rem);line-height:1.75}
.sr-hero-matrix{display:grid;grid-template-columns:repeat(3,1fr);margin-top:38px;border:1px solid var(--aot-border-dark)}
.sr-hero-matrix>div{padding:18px 18px 16px;border-right:1px solid var(--aot-border-dark)}
.sr-hero-matrix>div:last-child{border-right:0}.sr-hero-matrix span{display:block;color:var(--aot-orange);font-size:.7rem;letter-spacing:.18em}.sr-hero-matrix strong{display:block;margin:8px 0 2px}.sr-hero-matrix small{color:var(--aot-text-muted)}
.sr-hero-visual{min-height:610px;display:flex;align-items:center;justify-content:center}.sr-machine-frame{position:relative;width:100%;aspect-ratio:1/1;border:1px solid var(--aot-border-dark);background:radial-gradient(circle at 50% 50%,rgba(254,79,32,.14),transparent 36%),#111315;overflow:hidden}.sr-machine-frame img{width:125%;height:100%;object-fit:cover;opacity:.5;filter:contrast(1.12)}
.sr-machine-frame:before,.sr-machine-frame:after{content:"";position:absolute;inset:7%;border:1px solid rgba(255,255,255,.09);border-radius:50%}.sr-machine-frame:after{inset:21%;border-style:dashed}.sr-scan-line{position:absolute;left:8%;right:8%;top:42%;height:2px;background:linear-gradient(90deg,transparent,var(--aot-orange),transparent);box-shadow:0 0 20px rgba(254,79,32,.35)}
.sr-dial{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:180px;height:180px;border-radius:50%;border:1px solid rgba(254,79,32,.55);display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(8,9,10,.78);text-align:center}.sr-dial span,.sr-dial small{font-size:.65rem;letter-spacing:.18em;color:var(--aot-text-muted)}.sr-dial strong{font-size:1.15rem;margin:6px 0;color:#fff}.sr-node{position:absolute;padding:7px 9px;border:1px solid rgba(255,255,255,.12);font-size:.63rem;letter-spacing:.18em;color:#d7d9dc;background:rgba(8,9,10,.72)}.sr-node.n1{left:5%;top:14%}.sr-node.n2{right:6%;top:22%}.sr-node.n3{right:12%;bottom:11%}
.sr-hero-rail{position:relative;z-index:1;display:flex;align-items:center;gap:22px;padding:16px max(24px,calc((100vw - 1320px)/2));border-top:1px solid var(--aot-border-dark);background:#101214;color:#c8cacf;font-size:.68rem;letter-spacing:.2em}.sr-hero-rail i{width:4px;height:4px;border-radius:50%;background:var(--aot-orange)}
.sr-enquiry{background:#1c1f22;padding:50px 0}.sr-enquiry-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:72px;align-items:start}.sr-enquiry-intro h2,.sr-overview h2,.sr-levels h2,.sr-repairs h2,.sr-warning h2,.sr-maintenance h2,.sr-why h2,.sr-areas h2,.sr-faq h2,.sr-final-cta h2{font-size:clamp(1.8rem,2.5vw,3.5rem);line-height:normal !important;letter-spacing:-.035em;text-transform:uppercase}.sr-enquiry-intro p{color:#b7babf;line-height:1.75}.sr-intake-note{margin-top:32px;padding:22px;border-left:3px solid var(--aot-orange);background:#141618}.sr-intake-note span{display:block;color:var(--aot-orange);font-size:.68rem;letter-spacing:.16em;margin-bottom:7px}.sr-intake-note strong{font-size:.95rem;line-height:1.55}
.sr-overview{padding:50px 0}.sr-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.sr-overview-copy p{color:#4e5257;line-height:1.8}.sr-service-gauge{position:relative;padding:36px;border:1px solid #d9dcdf;background:#f1f2f3}.gauge-core{padding:32px;background:#0d0f10;color:#fff;display:flex;flex-direction:column;justify-content:flex-end}.gauge-core span{color:var(--aot-orange);font-size:.7rem;letter-spacing:.18em}.gauge-core strong{font-size:1.8rem;margin:7px 0}.gauge-core small{color:#a7abb0}.sr-service-gauge ul{list-style:none;padding:0;margin:0}.sr-service-gauge li{display:grid;grid-template-columns:52px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid #d9dcdf;color:#24272a}.sr-service-gauge li span{color:var(--aot-orange);font-weight:700}
.sr-levels{padding:50px 0;background:#121416}.sr-section-head{display:grid;grid-template-columns:1fr .7fr;gap:60px;align-items:end;margin-bottom:25px}.sr-section-head>p{color:#aaadb2;line-height:1.75}.sr-section-head.dark-copy>p{color:#555a5f}.sr-level-track{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--aot-border-dark);border-bottom:1px solid var(--aot-border-dark)}
.sr-level{padding:38px 32px 40px;border-right:1px solid var(--aot-border-dark);display:flex;flex-direction:column}.sr-level:last-child{border-right:0}.sr-level-focus{background:#1b1d20}.level-code{font-size:.67rem;letter-spacing:.18em;color:var(--aot-orange)}.sr-level h3{font-size:1.65rem;margin:30px 0 14px}.sr-level p{color:#aeb1b5;line-height:1.7}.sr-level a{margin-top:auto;color:#fff;text-decoration:none}.sr-level a:hover{color:var(--aot-orange)}
.sr-repairs{padding:50px 0;background:#0d0f10}.sr-repairs-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.sr-repairs-visual{min-height:580px;position:relative;border:1px solid var(--aot-border-dark);background:#151719;overflow:hidden}.repair-grid-lines{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:52px 52px}.repair-grid-lines:after{content:"";position:absolute;inset:17%;border:1px dashed rgba(254,79,32,.4);transform:rotate(-8deg)}.repair-target{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:230px;height:230px;border-radius:50%;border:1px solid rgba(254,79,32,.55);display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(8,9,10,.78)}.repair-target span,.repair-target small{font-size:.65rem;letter-spacing:.2em;color:#999da3}.repair-target strong{font-size:1.8rem;color:#fff;margin:7px}.sr-repairs-copy>p{color:#b4b7bc;line-height:1.75}.sr-repair-list{margin:32px 0}.sr-repair-list>div{display:grid;grid-template-columns:52px 1fr;gap:15px;padding:18px 0;border-top:1px solid var(--aot-border-dark)}.sr-repair-list span{color:var(--aot-orange);font-weight:700}.sr-repair-list strong,.sr-repair-list small{display:block}.sr-repair-list small{color:#a2a6ab;margin-top:3px}
.sr-warning{padding:50px 0}.sr-warning-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dfe1e3}.sr-warning-grid article{padding:15px;border-right:1px solid #dfe1e3;}.sr-warning-grid article:last-child{border-right:0}.sr-warning-grid article>span{font-size:2rem;color:var(--aot-orange)}
.sr-warning-grid h3{margin:20px 0 10px;font-size:1.25rem;color:#131516}.sr-warning-grid p{color:#55595e;line-height:1.65}
.sr-maintenance{padding:50px 0;background:#17191b}.sr-maintenance-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.sr-maintenance-copy p{color:#acb0b5;line-height:1.8}.sr-maintenance-points{border-top:1px solid var(--aot-border-dark)}.sr-maintenance-points>div{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--aot-border-dark)}.sr-maintenance-points strong{color:var(--aot-orange)}.sr-maintenance-points span{font-size:1.08rem}
.sr-why{padding:50px 0;background:#090a0b}.sr-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.sr-why-statement>span,.sr-final-inner>span{color:var(--aot-orange);font-size:.68rem;letter-spacing:.2em}.sr-why-statement p{color:#aeb1b5;line-height:1.75;max-width:600px}.sr-why-list article{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:22px 0;border-top:1px solid var(--aot-border-dark)}.sr-why-list article>span{color:var(--aot-orange);font-weight:700}.sr-why-list h3{font-size:1.15rem;margin:0 0 6px}.sr-why-list p{color:#a4a7ac;margin:0;line-height:1.6}
.sr-booking{padding:50px 0}.sr-process{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:55px 0 0;border-top:2px solid #111315}.sr-process li{position:relative;padding:42px 28px 0 0}.sr-process li:before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;background:var(--aot-orange);border-radius:50%}.sr-process span{display:inline-flex;width:42px;height:42px;border:1px solid #bbbfc3;align-items:center;justify-content:center;font-weight:700}.sr-process strong{display:block;margin:10px 9px 10px 0px;color:#111315}.sr-process p{color:#606469;line-height:1.65}
.sr-areas{padding:50px 0;background:#202326}.sr-areas-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.sr-areas-copy p{color:#b7babf;line-height:1.75}
.sr-area-map{position:relative;border:1px solid var(--aot-border-dark);background:radial-gradient(circle at 50% 50%,rgba(254,79,32,.13),transparent 34%),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,45px 45px,45px 45px}.sr-map-origin{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.sr-map-origin i{display:block;width:18px;height:18px;border:4px solid var(--aot-orange);border-radius:50%;margin:0 auto 10px}.sr-map-origin strong,.sr-map-origin small{display:block}.sr-map-origin small{color:#a4a8ad}.sr-area-map>span{position:absolute;color:#d8dade;font-size:.78rem}
.sr-area-map iframe{
    height: 100%;
    width: 100%;
    min-height: 350px;
}
.sr-area-map .a1{left:12%;top:20%}.sr-area-map .a2{right:16%;top:23%}.sr-area-map .a3{left:18%;bottom:19%}.sr-area-map .a4{right:12%;bottom:18%}.sr-area-map .a5{right:28%;top:50%}
.sr-faq{padding:50px 0}.sr-final-cta{position:relative;overflow:hidden;padding:50px 0;background:#08090a}.sr-final-lines{position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 52%,rgba(254,79,32,.08) 52% 52.5%,transparent 52.5% 100%)}.sr-final-inner{position:relative;z-index:1;max-width:950px}.sr-final-inner p{color:#b8bbc0;font-size:1.08rem}.sr-final-cta h2{margin:14px 0 20px}
@media(max-width:1100px){.sr-hero-grid,.sr-enquiry-grid,.sr-overview-grid,.sr-repairs-grid,.sr-maintenance-grid,.sr-why-grid,.sr-areas-grid{grid-template-columns:1fr;gap:48px}.sr-hero-visual{min-height:480px}.sr-section-head{grid-template-columns:1fr;gap:16px}.sr-warning-grid{grid-template-columns:repeat(2,1fr)}.sr-warning-grid article:nth-child(2){border-right:0}.sr-warning-grid article:nth-child(-n+2){border-bottom:1px solid #dfe1e3}.sr-process{grid-template-columns:repeat(2,1fr);row-gap:15px}.sr-level-track{grid-template-columns:1fr}.sr-level{border-right:0;border-bottom:1px solid var(--aot-border-dark);min-height:auto}.sr-level:last-child{border-bottom:0}}
@media(max-width:760px){.sr-hero{padding-top:118px}.sr-hero-grid{padding-bottom:45px}.sr-hero h1{font-size:clamp(2rem,9.5vw,3rem); line-height: normal !important;}.sr-hero-visual{min-height:auto}.sr-machine-frame{aspect-ratio:1/1.05}.sr-hero-matrix{grid-template-columns:1fr}.sr-hero-matrix>div{border-right:0;border-bottom:1px solid var(--aot-border-dark)}.sr-hero-matrix>div:last-child{border-bottom:0}.sr-hero-rail{overflow:hidden;white-space:nowrap;padding-inline:20px}.sr-enquiry,.sr-overview,.sr-levels,.sr-repairs,.sr-warning,.sr-maintenance,.sr-why,.sr-booking,.sr-areas,.sr-faq,.sr-final-cta{padding:40px 0}.sr-enquiry-grid,.sr-overview-grid,.sr-repairs-grid,.sr-maintenance-grid,.sr-why-grid,.sr-areas-grid{gap:36px}.sr-service-gauge{padding:18px}.sr-warning-grid{grid-template-columns:1fr}.sr-warning-grid article{border-right:0;border-bottom:1px solid #dfe1e3;min-height:auto}.sr-process{grid-template-columns:1fr;border-top:0}.sr-process li{padding:0px 0 14px 70px;border-left:2px solid #111315}.sr-process li:before{top:31px;left:-7px}.sr-process li>span{position:absolute;left:16px;top:18px}.sr-area-map{min-height:330px}.sr-dial{width:145px;height:145px}.sr-node{display:none}}
@media(max-width:520px){.sr-hero-matrix>div:nth-child(3){display:none}.sr-enquiry-intro h2,.sr-overview h2,.sr-levels h2,.sr-repairs h2,.sr-warning h2,.sr-maintenance h2,.sr-why h2,.sr-areas h2,.sr-faq h2,.sr-final-cta h2{font-size:clamp(1.5rem,4vw, 2em)}.sr-level{padding:24px 20px}.sr-final-inner .hero-actions{display:grid;grid-template-columns:1fr}.sr-final-inner .hero-actions>a{width:100%}}

/* =========================================================
   CROSS-PAGE UI REGRESSION FIXES
   ========================================================= */
.page-servicing-repairs .sr-repair-list>div{grid-template-columns:52px minmax(0,1fr)}
.page-servicing-repairs .sr-repair-list strong,.page-servicing-repairs .sr-repair-list small{grid-column:2;min-width:0}
.page-servicing-repairs .sr-repair-list small{grid-column:2;margin-top:-8px;line-height:1.6}
.page-servicing-repairs .sr-faq .faq-trigger{color:#111315}
.page-servicing-repairs .sr-faq .faq-panel{color:#555a5f}
.page-servicing-repairs .sr-faq .faq-list,.page-servicing-repairs .sr-faq .faq-item{border-color:#cfd3d6}
.page-servicing-repairs .sr-faq .faq-intro h2{color:#111315}
.page-servicing-repairs .sr-faq .faq-intro p{color:#60656a}

/* =========================================================
   AREAS PAGE
   ========================================================= */
.page-areas{background:var(--aot-bg)}
.areas-hero{position:relative;overflow:hidden;padding-top:var(--header-h);background:#08090a;min-height:760px}
.areas-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to right,transparent 0,black 24%,black 80%,transparent 100%)}
.areas-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:.92fr 1.08fr;gap:60px;align-items:center;min-height:650px;padding-top:58px;padding-bottom:80px}
.areas-breadcrumb ol{display:flex;gap:10px;list-style:none;padding:0;margin:0 0 34px;font-size:.75rem;color:#8f9499}.areas-breadcrumb li+li:before{content:"/";margin-right:10px;color:#565a5e}.areas-breadcrumb a{color:#c5c8cb;text-decoration:none}.areas-breadcrumb a:hover{color:var(--aot-orange)}
.areas-hero h1,.areas-base h2,.areas-network h2,.areas-services h2,.areas-featured h2,.areas-directions h2,.areas-trust h2,.areas-local-cta h2,.areas-faq h2,.areas-final-cta h2{font-family:var(--font-display);font-stretch:condensed;text-transform:uppercase;letter-spacing:-.045em;line-height:.95;margin:0}
.areas-hero h1{font-size:clamp(2rem,3vw,3.2rem);max-width:650px}.areas-hero h1 em{font-style:normal;color:var(--aot-orange)}.areas-hero-lead{max-width:650px;color:#adb2b6;font-size:1.08rem;line-height:1.75;margin:25px 0 30px}.areas-hero-note{margin-top:46px;padding-top:18px;border-top:1px solid rgba(255,255,255,.11);display:grid;gap:6px;max-width:610px}.areas-hero-note span{color:var(--aot-orange);font-size:.66rem;letter-spacing:.18em}.areas-hero-note strong{font-size:.9rem;color:#e5e7e9}

.areas-network-visual{position:relative;min-height:520px;border:1px solid rgba(255,255,255,.09);background:#111315;overflow:hidden}.network-grid{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px}.network-grid:after{content:"";position:absolute;inset:8%;border:1px solid rgba(255,255,255,.06)}

.network-origin{position:absolute;left:48%;top:48%;transform:translate(-50%,-50%);width:144px;height:144px;border:1px solid rgba(254,79,32,.65);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0b0c;box-shadow:0 0 0 18px rgba(254,79,32,.035)}.network-origin>span{width:12px;height:12px;border-radius:50%;background:var(--aot-orange);margin-bottom:10px}.network-origin strong{font-size:1.25rem}.network-origin small{color:#989da2;font-size:.65rem;letter-spacing:.12em;margin-top:4px}
.network-node{position:absolute;display:flex;align-items:center;gap:8px;color:#d6d9dc;font-size:.76rem}.network-node i{width:9px;height:9px;border-radius:50%;border:2px solid var(--aot-orange);background:#111315}.node-a{left:10%;top:19%}.node-b{right:10%;top:18%}.node-c{left:12%;bottom:19%}.node-d{right:10%;bottom:20%}.node-e{right:9%;top:52%}.network-route{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(254,79,32,.62),transparent);transform-origin:left center}.route-one{width:48%;left:21%;top:38%;transform:rotate(16deg)}.route-two{width:45%;left:45%;top:49%;transform:rotate(-22deg)}.route-three{width:40%;left:20%;top:63%;transform:rotate(-15deg)}.network-coordinate{position:absolute;color:#656a6e;font-size:.58rem;letter-spacing:.18em}.coord-one{left:5%;bottom:5%}.coord-two{right:5%;top:5%}
.areas-hero-rail{position:absolute;left:0;right:0;bottom:0;height:54px;display:flex;align-items:center;justify-content:center;gap:24px;border-top:1px solid rgba(255,255,255,.08);background:#050606;color:#878c91;font-size:.66rem;letter-spacing:.18em}.areas-hero-rail i{width:4px;height:4px;border-radius:50%;background:var(--aot-orange)}
.areas-base{padding:50px 0}.areas-base-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:50px;align-items:start}.areas-base-label>span{display:block;color:#71767a;font-size:.66rem;letter-spacing:.18em;margin-bottom:26px}.base-marker{min-height:350px;position:relative;border:1px solid #d7dade;background:linear-gradient(90deg,rgba(0,0,0,.035) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.035) 1px,transparent 1px);background-size:42px 42px;display:flex;align-items:center;justify-content:center}.base-marker:before,.base-marker:after{content:"";position:absolute;background:#d0d3d6}.base-marker:before{height:1px;width:72%;left:14%}.base-marker:after{width:1px;height:72%;top:14%}.base-marker i{position:relative;z-index:1;width:22px;height:22px;border:5px solid var(--aot-orange);border-radius:50%;background:#fff;box-shadow:0 0 0 12px rgba(254,79,32,.1)}.base-marker b{position:absolute;z-index:1;left:50%;top:calc(50% + 38px);transform:translateX(-50%);font-size:.76rem;letter-spacing:.18em;color:#181a1c}
.areas-base h2,.areas-network h2,.areas-services h2,.areas-featured h2,.areas-directions h2,.areas-trust h2,.areas-local-cta h2,.areas-faq h2,.areas-final-cta h2{font-size:clamp(2rem,2.8vw,3.2rem)}
.areas-base-copy>p{color:#50555a;line-height:1.8;max-width:820px;margin: 10px 0;}.areas-contact-strip{display:grid;grid-template-columns:repeat(3,1fr);margin:34px 0 30px;border-top:1px solid #d6d9dc;border-bottom:1px solid #d6d9dc}.areas-contact-strip>div{padding:14px 16px 14px 0}.areas-contact-strip>div+div{padding-left:20px;border-left:1px solid #d6d9dc}.areas-contact-strip span,.areas-contact-strip strong,.areas-contact-strip a{display:block}.areas-contact-strip span{font-size:.62rem;letter-spacing:.16em;color:#757a7f;margin-bottom:5px}.areas-contact-strip a,.areas-contact-strip strong{font-size:.88rem;color:#111315;text-decoration:none}


/* =========================================
   PREMIUM AREA NETWORK
========================================= */

.areas-network {
    --network-orange: #FE4F20;
    --network-bg: #0B0D0F;
    --network-card: #131619;
    --network-muted: #92999F;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(40px, 5vw, 70px) 0;
    background: var(--network-bg);
    color: #fff;
}

/* Ambient background details */
.areas-network::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 540px;
    height: 540px;
    top: -260px;
    right: -140px;
    border-radius: 50%;
    background: rgba(254, 79, 32, 0.09);
    filter: blur(100px);
    pointer-events: none;
}

.areas-network::after {
    content: "AOT / LOCAL NETWORK";
    position: absolute;
    z-index: -1;
    top: 110px;
    right: -35px;
    color: rgba(255, 255, 255, 0.025);
    font-size: clamp(32px, 6vw, 86px);
    font-weight: 900;
    letter-spacing: -0.06em;
    white-space: nowrap;
    pointer-events: none;
}

/* Section heading */
.areas-section-head {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.65fr);
    gap: 70px;
    align-items: end;
    margin-bottom: 65px;
}

.areas-section-head h2 {
    max-width: 760px;
    margin: 0;
    font-size: clamp(36px, 5.2vw, 68px);
    line-height: 1.02;
    letter-spacing: -0.055em;
    font-weight: 800;
}

.areas-section-head h2 em {
    color: var(--network-orange);
    font-style: normal;
}

.areas-section-head > p {
    max-width: 390px;
    margin: 0 0 5px auto;
    color: var(--network-muted);
    font-size: 15px;
    line-height: 1.9;
}

.areas-section-head.dark-copy > p {
    color: var(--network-muted);
}

/* Route list */
.areas-route-list {
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.13);
    counter-reset: area-route;
}

/* Individual route */
.area-route-item {
    position: relative;
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr) 52px;
    gap: 32px;
    align-items: center;
    min-height: 155px;
    padding: 30px 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.11);
    background: transparent;
    counter-increment: area-route;
    transition:
        background 0.4s ease,
        padding 0.4s cubic-bezier(.2, .8, .2, 1),
        border-color 0.4s ease;
}

/* Animated orange edge */
.area-route-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background: var(--network-orange);
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform 0.4s ease;
}

/* Route number */
.route-code {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--network-orange);
    font-family: monospace;
    font-size: 12px;
    letter-spacing: 0.12em;
    white-space: nowrap;
}

.route-code::before {
    content: "0" counter(area-route);
    font-size: 21px;
    font-weight: 700;
    letter-spacing: -0.05em;
}

.route-code i {
    display: block;
    width: 24px;
    height: 1px;
    background: rgba(254, 79, 32, 0.65);
    transition: width 0.35s ease;
}

/* Route content */
.area-route-item h3 {
    margin: 0 0 10px;
    color: #F7F8F9;
    font-size: clamp(20px, 2.2vw, 29px);
    line-height: 1.15;
    letter-spacing: -0.035em;
    font-weight: 700;
    transition: color 0.3s ease;
}

.area-route-item p {
    max-width: 650px;
    margin: 0;
    color: #92999F;
    font-size: 14px;
    line-height: 1.8;
    transition: color 0.3s ease;
}

/* Arrow link */
.area-route-item > a {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255, 255, 255, 0.17);
    border-radius: 50%;
    color: #fff;
    text-decoration: none;
    font-size: 21px;
    transition:
        color 0.3s ease,
        background 0.3s ease,
        border-color 0.3s ease,
        transform 0.35s ease;
}



/* Base location */
.area-route-item.is-base {
    background:
        linear-gradient(
            100deg,
            rgba(254, 79, 32, 0.09),
            rgba(254, 79, 32, 0.025) 48%,
            transparent 100%
        );
}

.area-route-item.is-base::before {
    transform: scaleY(1);
}

/* Hover interactions */
@media (hover: hover) and (pointer: fine) {
    .area-route-item:hover {
        padding-left: 34px;
        background: linear-gradient(
            100deg,
            rgba(255, 255, 255, 0.055),
            rgba(255, 255, 255, 0.012)
        );
        border-bottom-color: rgba(254, 79, 32, 0.35);
    }

    .area-route-item:hover::before {
        transform: scaleY(1);
    }

    .area-route-item:hover .route-code i {
        width: 38px;
    }

    .area-route-item:hover h3 {
        color: var(--network-orange);
    }

    .area-route-item:hover p {
        color: #D0D4D7;
    }

    .area-route-item:hover > a {
        color: #fff;
        background: var(--network-orange);
        border-color: var(--network-orange);
        transform: rotate(45deg);
    }

    .area-route-item:hover > a::after {
        transform: rotate(-45deg);
    }
}

/* Entry animation */
@keyframes areaRouteReveal {
    from {
        opacity: 0;
        transform: translateY(22px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: no-preference) {
    .area-route-item {
        animation: areaRouteReveal 0.7s both;
    }

    .area-route-item:nth-child(2) {
        animation-delay: 0.08s;
    }

    .area-route-item:nth-child(3) {
        animation-delay: 0.16s;
    }

    .area-route-item:nth-child(4) {
        animation-delay: 0.24s;
    }

    .area-route-item:nth-child(5) {
        animation-delay: 0.32s;
    }
}

/* Tablet */
@media (max-width: 900px) {
    .areas-section-head {
        grid-template-columns: 1fr;
        gap: 24px;
        margin-bottom: 42px;
    }

    .areas-section-head > p {
        margin: 0;
        max-width: 600px;
    }

    .area-route-item {
        grid-template-columns: 78px minmax(0, 1fr) 46px;
        gap: 20px;
        padding: 26px 14px;
    }

    .route-code {
        gap: 8px;
    }

    .route-code i {
        width: 15px;
    }
}

/* Mobile */
@media (max-width: 576px) {

    .areas-network::after {
        top: 65px;
        right: -20px;
        font-size: 35px;
    }

    .areas-section-head {
        gap: 18px;
        margin-bottom: 34px;
    }

    .areas-section-head h2 {
        font-size: clamp(34px, 9vw, 46px);
        line-height: 1.06;
    }

    .areas-section-head > p {
        font-size: 14px;
        line-height: 1.8;
    }

    .area-route-item {
        grid-template-columns: 1fr 42px;
        gap: 12px;
        min-height: auto;
        padding: 25px 12px;
    }

    .route-code {
        grid-column: 1 / -1;
        margin-bottom: 2px;
    }

    .route-code::before {
        font-size: 18px;
    }

    .route-code i {
        width: 32px;
    }

    .area-route-item h3 {
        font-size: 22px;
        margin-bottom: 8px;
    }

    .area-route-item p {
        font-size: 13px;
        line-height: 1.75;
    }

    .area-route-item > a {
        width: 40px;
        height: 40px;
        font-size: 19px;
        grid-column: 2;
        grid-row: 2;
        align-self: center;
    }

    .area-route-item.is-base {
        padding-left: 16px;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .area-route-item,
    .area-route-item::before,
    .area-route-item > a,
    .area-route-item > a::after,
    .route-code i {
        animation: none !important;
        transition: none !important;
    }
}

.areas-services{padding:50px 0}.areas-service-bands{border-top:1px solid #d7dade}.areas-service-bands article{display:grid;grid-template-columns:100px minmax(0,1fr) 230px;gap:30px;align-items:center;padding:34px 0;border-bottom:1px solid #d7dade}.areas-service-bands article>span{color:var(--aot-orange);font-size:.68rem;letter-spacing:.16em}.areas-service-bands h3{margin:0 0 8px;color:#121416;font-size:1.5rem}.areas-service-bands p{margin:0;color:#5b6065;line-height:1.65}.areas-service-bands a{justify-self:end;color:#111315;text-decoration:none;font-weight:700}.areas-service-bands a:hover{color:var(--aot-orange)}
.areas-featured{padding:50px 0;background:#202326}.areas-featured-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}
.areas-featured-copy p{color:#b5b9bd;line-height:1.8;margin: 10px 0;}.areas-local-matrix{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid rgba(255,255,255,.12)}
.areas-local-matrix>div{padding:15px;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;justify-content:space-between}.areas-local-matrix>div:nth-child(2n){border-right:0}.areas-local-matrix>div:nth-last-child(-n+2){border-bottom:0}
.areas-local-matrix .matrix-origin{background:#0d0f10;border-right:0}.areas-local-matrix .matrix-origin small{color:var(--aot-orange);letter-spacing:.17em}.areas-local-matrix .matrix-origin strong{font-size:2.4rem}.areas-local-matrix span{color:var(--aot-orange);font-size:.72rem}.areas-local-matrix b{font-size:1rem}
.areas-directions{padding:50px 0}.areas-directions-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}
.directions-track iframe{
    width: 100%;
    height: 100%;
    min-height: 280px;
}
.directions-track{background:#111315;position:relative;color:#fff;border:1px solid #272a2d; border-radius: 16px;}.directions-track:before{content:"";position:absolute;top:15%;bottom:15%;width:2px;background:linear-gradient(var(--aot-orange),#555b60)}.directions-track i{position:relative;z-index:1;width:14px;height:14px;border-radius:50%;border:3px solid #ff6840;background:#111315}.directions-track .track-start,.directions-track b{position:relative;z-index:1;background:#111315;padding:7px 12px;font-size:.68rem;letter-spacing:.16em}.areas-directions-copy p{color:#53585d;line-height:1.8; margin: 15px 0;}
.areas-trust{padding:50px 0;background:#0d0f10}.areas-trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.areas-trust-statement>span,.areas-final-inner>span{color:var(--aot-orange);font-size:.67rem;letter-spacing:.18em}.areas-trust-statement p{color:#a9adb1;line-height:1.8}.areas-trust-list article{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:22px 0;border-top:1px solid rgba(255,255,255,.11)}.areas-trust-list article>span{color:var(--aot-orange);font-weight:700}.areas-trust-list h3{margin:0 0 6px;font-size:1.15rem}.areas-trust-list p{color:#9da2a7;margin:0;line-height:1.65}
.areas-local-cta{padding:90px 0}.areas-local-cta-inner{display:grid;grid-template-columns:1fr auto;gap:55px;align-items:end;padding:42px 0;border-top:1px solid #cfd3d6;border-bottom:1px solid #cfd3d6}.areas-local-cta-inner p{max-width:780px;color:#555b60;line-height:1.75}.areas-local-cta .hero-actions{justify-content:flex-end}
.areas-faq{padding:50px 0;background:#121416}.areas-faq .faq-trigger{color:#fff}.areas-faq .faq-panel{color:#90969b}.areas-final-cta{position:relative;overflow:hidden;padding:50px 0;background:#08090a}.areas-final-route{position:absolute;left:48%;top:-35%;width:2px;height:170%;background:linear-gradient(transparent,rgba(254,79,32,.26),transparent);transform:rotate(33deg)}.areas-final-inner{position:relative;z-index:1;max-width:980px}.areas-final-inner p{color:#afb3b7;font-size:1.08rem;line-height:1.7}.areas-final-inner h2{margin:14px 0 20px}

@media(max-width:1100px){
  .areas-hero-grid,.areas-base-grid,.areas-featured-grid,.areas-directions-grid,.areas-trust-grid{grid-template-columns:1fr;gap:48px}
  .areas-network-visual{min-height:470px}
  .areas-section-head{grid-template-columns:1fr;gap:18px}
  .areas-base-label{max-width:620px}.base-marker{min-height:280px}
  .areas-local-cta-inner{grid-template-columns:1fr}.areas-local-cta .hero-actions{justify-content:flex-start}
}
@media(max-width:760px){
  .areas-hero{padding-top:110px;min-height:auto}.areas-hero-grid{padding-top:32px;padding-bottom:92px;gap:38px}.areas-hero h1{font-size:clamp(3.2rem,15vw,5.1rem)}
  .areas-network-visual{min-height:390px}.network-node{font-size:.68rem}.node-e{display:none}.areas-hero-rail{overflow:hidden;white-space:nowrap;justify-content:flex-start;padding:0 20px}
  .areas-base,.areas-network,.areas-services,.areas-featured,.areas-directions,.areas-trust,.areas-faq,.areas-final-cta{padding:78px 0}.areas-local-cta{padding:68px 0}
  .areas-contact-strip{grid-template-columns:1fr}.areas-contact-strip>div,.areas-contact-strip>div+div{padding:15px 0;border-left:0;border-bottom:1px solid #d6d9dc}.areas-contact-strip>div:last-child{border-bottom:0}
  .area-route-item{grid-template-columns:85px minmax(0,1fr);gap:18px}.area-route-item>a{grid-column:2;justify-self:start}.route-code i{width:25px}
  .areas-service-bands article{grid-template-columns:70px minmax(0,1fr);gap:18px}.areas-service-bands article>a{grid-column:2;justify-self:start}.areas-local-matrix{grid-template-columns:1fr}.areas-local-matrix>div,.areas-local-matrix>div:nth-child(2n),.areas-local-matrix>div:nth-last-child(-n+2){border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.areas-local-matrix>div:last-child{border-bottom:0}.areas-local-matrix .matrix-origin{grid-column:auto}.directions-track{min-height:310px}
}
@media(max-width:520px){
  .areas-base h2,.areas-network h2,.areas-services h2,.areas-featured h2,.areas-directions h2,.areas-trust h2,.areas-local-cta h2,.areas-faq h2,.areas-final-cta h2{font-size:clamp(1.5rem,4vw, 2em)}
  .areas-network-visual{min-height:340px}.network-origin{width:115px;height:115px}.network-node span{display:none}.network-node i{width:11px;height:11px}.coord-one,.coord-two{display:none}
  .area-route-item{grid-template-columns:1fr}.route-code{grid-column:1}.area-route-item>a{grid-column:1}.areas-service-bands article{grid-template-columns:1fr}.areas-service-bands article>a{grid-column:1}.areas-local-cta .hero-actions,.areas-final-inner .hero-actions{display:grid;grid-template-columns:1fr}.areas-local-cta .hero-actions>a,.areas-final-inner .hero-actions>a{width:100%}
}

/* Cross-page responsive hardening found during viewport QA */
@media(max-width:1180px){:root{--shell:min(calc(100% - 34px),1100px)}}
@media(max-width:820px){.hero-visual-frame{transform:none}.service-dial{right:0}}
@media(max-width:760px){:root{--shell:min(calc(100% - 28px),680px)}.workshop-stage,.workshop-visual,.workshop-copy,.tyre-why-grid,.tyre-why-title,.tyre-why-list{min-width:0}.tyres-hero-visual{overflow:hidden}}
@media(max-width:520px){.workshop-stage,.workshop-visual,.workshop-copy{width:100%;max-width:100%}.tyre-why-grid>*{min-width:0}.tyre-orbit{max-width:none}}
@media(max-width:520px){
  .about-approach-grid{grid-template-columns:minmax(0,1fr)}
  .approach-intro,.approach-list{min-width:0;max-width:100%}
  .tyre-orbit{width:100%;margin-left:0}
}
/* Final viewport containment: keep decorative art and anti-spam fields from widening the document. */
html,body{max-width:100%;overflow-x:clip}
.honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;left:0!important;top:0!important}
@media(max-width:520px){
  .about-story-grid{grid-template-columns:minmax(0,1fr)}
  .about-story-visual,.about-story-copy,.story-image-panel{min-width:0;max-width:100%}
}
/* Closed mobile navigation must never bleed into the viewport. */
.mobile-menu{visibility:hidden;pointer-events:none}
.mobile-menu.is-open{visibility:visible;pointer-events:auto}
.about-local-links{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
@media(max-width:520px){.about-local-links{align-items:flex-start;flex-direction:column;gap:14px}}

/* =========================================================
   CONTACT PAGE
   ========================================================= */
.page-contact,.page-quote{background:#08090a;color:#fff}
.contact-hero{padding:150px 0 90px;background:#08090a;min-height:720px;display:flex;align-items:center;overflow:hidden}.contact-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.contact-hero h1,.quote-hero h1{font-size:clamp(2rem,3.5vw,4rem);line-height:.94;letter-spacing:-.055em;margin:16px 0 24px}.contact-hero-copy>p,.quote-hero-copy>p{max-width:680px;color:#aeb2b6;font-size:1.08rem;line-height:1.75}.page-breadcrumb{display:flex;gap:10px;align-items:center;color:#858b90;font-size:.78rem;margin-bottom:28px}.page-breadcrumb a{color:#c7cbce;text-decoration:none}.section-kicker.dark{color:var(--aot-orange)}.contact-route-visual{min-height:480px;position:relative;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,#141719,#0d0f10);overflow:hidden}.contact-route-visual:before,.contact-route-visual:after{content:"";position:absolute;background:rgba(255,255,255,.055)}.contact-route-visual:before{inset:20% -20%;height:1px;transform:rotate(-18deg)}.contact-route-visual:after{left:28%;top:-10%;width:1px;height:120%;transform:rotate(24deg)}.contact-route-line{position:absolute;left:18%;top:18%;width:62%;height:58%;border-left:2px solid rgba(254,79,32,.62);border-bottom:2px solid rgba(254,79,32,.3);transform:skew(-18deg)}.contact-node{position:absolute;width:14px;height:14px;border-radius:50%;border:3px solid var(--aot-orange);background:#111315}.contact-node.node-one{left:16%;top:15%}.contact-node.node-two{right:19%;bottom:24%}.contact-route-label{position:absolute;right:32px;bottom:30px;display:flex;flex-direction:column;align-items:flex-end}.contact-route-label small{color:var(--aot-orange);letter-spacing:.18em}.contact-route-label strong{font-size:2.6rem}.contact-route-label span{color:#9ca1a5}
.section-light{background:#f1f2f2;color:#111315; padding: 40px 0;}.contact-methods{padding:50px 0}.contact-method-grid{display:grid;grid-template-columns:1.25fr .9fr 1fr;border-top:1px solid #cfd3d6;border-bottom:1px solid #cfd3d6}.contact-method-grid>a{padding:30px 28px;text-decoration:none;color:#111315;border-right:1px solid #cfd3d6;display:flex;flex-direction:column;gap:8px;justify-content:center}.contact-method-grid>a:last-child{border-right:0}.contact-method-grid span{color:var(--aot-orange);font-size:.68rem;letter-spacing:.16em}.contact-method-grid strong{font-size:1.6rem}.contact-method-grid small{color:#646a6f;line-height:1.6}.contact-method-primary{background:#111315!important;color:#fff!important}.contact-method-primary small{color:#a9adb1!important}
.contact-form-section{padding:50px 0;background:#121416}.form-editorial-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;align-items:start}.form-editorial-copy{position:sticky;top:120px}.form-editorial-copy h2,.contact-location h2,.contact-shortcuts h2,.contact-faq h2,.contact-final h2,.quote-selector-intro h2,.quote-form-copy h2,.quote-helps h2,.quote-process h2,.quote-alternative h2,.quote-faq h2,.quote-final h2{font-size:clamp(1.8rem,2.4vw,3.4rem); margin-bottom: 15px; letter-spacing:-.04em}.form-editorial-copy p{color:#aeb2b6;line-height:1.8}.aot-form-panel{background:#191c1f;border:1px solid #2f3336;padding:30px}.form-grid{display:grid;gap:16px}.form-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .full{grid-column:1/-1}
.aot-form-panel .field{margin:0}
.aot-form-panel .field .iti.iti--allow-dropdown{width: 100%; padding-left: 50px;}
.aot-form-panel .field label,.aot-form-panel legend{display:block;color:#f1f2f2;font-size:.78rem;font-weight:600;margin-bottom:8px}.aot-form-panel .field input:not([type="checkbox"]),.aot-form-panel .field select,.aot-form-panel .field textarea{width:100%;border:1px solid #35393d;background:#111315;color:#fff;border-radius:9px;padding:13px 14px;outline:none}.aot-form-panel .field input:focus,.aot-form-panel .field select:focus,.aot-form-panel .field textarea:focus{border-color:var(--aot-orange);box-shadow:0 0 0 3px rgba(254,79,32,.12)}.field-error{display:block;color:#ff9a86;margin-top:6px}.contact-choice{border:0;padding:0;margin:0}.contact-choice label{display:inline-flex!important;align-items:center;gap:8px;margin:0 22px 0 0!important;font-weight:600!important}.contact-choice input{width:auto!important}.form-status{padding:14px 16px;margin-bottom:20px;border:1px solid;border-radius:10px}.form-status.success{background:#13291c;border-color:#2d6440;color:#d9ffe4}.form-status.error{background:#3a1713;border-color:#7f2c23;color:#ffdcd6}.form-submit{width:100%;margin-top:20px}
.contact-location{padding:50px 0}.contact-location-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:90px;align-items:start}.contact-address address{font-style:normal;color:#565c61;line-height:1.8;font-size:1.05rem;margin:24px 0}.contact-hours{border-top:1px solid #cfd3d6}.contact-hours>span{display:block;color:var(--aot-orange);font-size:.68rem;letter-spacing:.16em;padding: 12px 0}.contact-hours>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #d5d8da;padding:15px 0}.contact-hours>div strong{font-weight:700}.contact-hours>div b{font-weight:500;color:#555b60}.contact-hours small{display:block;margin-top:16px;color:#777c81;line-height:1.6}
.contact-shortcuts{padding:50px 0;background:#0d0f10}.shortcut-rows{border-top:1px solid rgba(255,255,255,.12)}.shortcut-rows a{display:grid;grid-template-columns:70px 240px minmax(0,1fr) 30px;gap:24px;align-items:center;padding:26px 0;border-bottom:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none}.shortcut-rows span{color:var(--aot-orange);font-size:.72rem}.shortcut-rows strong{font-size:1.2rem}.shortcut-rows em{font-style:normal;color:#9da2a7}.shortcut-rows b{color:var(--aot-orange);font-size:1.2rem}.contact-faq{padding:50px 0;background:#121416}.contact-faq .faq-trigger{color:#fff}.contact-faq .faq-panel{color:#9da2a7}.contact-final{padding:50px 0;background:#08090a;position:relative;overflow:hidden}.contact-final:after{content:"";position:absolute;right:10%;top:-40%;height:180%;width:1px;background:linear-gradient(transparent,rgba(254,79,32,.35),transparent);transform:rotate(26deg)}

/* =========================================================
   GET A QUOTE PAGE
   ========================================================= */
.quote-hero{padding:150px 0 92px;min-height:700px;display:flex;align-items:center;background:#08090a;overflow:hidden}.quote-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.quote-hero-cues{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.quote-hero-cues span{border:1px solid rgba(255,255,255,.16);padding:9px 13px;font-size:.72rem;letter-spacing:.12em}.quote-tech-visual{min-height:480px;position:relative;display:grid;place-items:center;background:#111315;border:1px solid #25282b;overflow:hidden}.quote-ring{width:280px;height:280px;border:1px solid rgba(255,255,255,.17);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.quote-ring:before,.quote-ring:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(254,79,32,.25)}.quote-ring:before{inset:26px}.quote-ring:after{inset:58px}.quote-ring i{position:absolute;width:12px;height:12px;background:var(--aot-orange);border-radius:50%;right:24px;top:72px}.quote-ring b{font-size:4rem;letter-spacing:-.05em}.quote-ring small{color:#999fa4;letter-spacing:.16em}.quote-axis{position:absolute;background:rgba(255,255,255,.08)}.axis-a{height:1px;width:120%;transform:rotate(-25deg)}.axis-b{width:1px;height:120%;transform:rotate(22deg)}
.quote-selector-section{padding:50px 0;background:#121416}.quote-selector-intro{display:grid;grid-template-columns:180px 1fr 1fr;gap:32px;align-items:end;margin-bottom:36px}.quote-selector-intro h2{margin:0}.quote-selector-intro p{margin:0;color:#a9adb1;line-height:1.7}.quote-service-selector{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.12)}.quote-service-choice{margin:0;cursor:pointer}.quote-service-choice input{position:absolute;opacity:0;pointer-events:none}.quote-service-choice span{display:flex;flex-direction:column;min-height:130px;justify-content:space-between;padding:24px;border-right:1px solid rgba(255,255,255,.12);transition:.2s}.quote-service-choice:last-child span{border-right:0}.quote-service-choice small{color:#777d82}.quote-service-choice strong{font-size:1.3rem}.quote-service-choice input:checked+span{background:var(--aot-orange);color:#fff}.quote-service-choice input:focus-visible+span{outline:3px solid #fff;outline-offset:-5px}
.quote-form-section{padding:50px 0}.quote-form-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;align-items:start}.quote-form-copy{position:sticky;top:120px}.quote-form-copy p{color:#555b60;line-height:1.8}.quote-info-list{display:grid;grid-template-columns:repeat(2,1fr);margin-top:28px;border-top:1px solid #d4d7da}.quote-info-list span{padding:14px 0;border-bottom:1px solid #d4d7da;font-size:.7rem;letter-spacing:.13em;color:#676d72}.light-panel{background:#111315;color:#fff}.quote-conditional{margin-top:26px;padding-top:24px;border-top:1px solid #303438}.quote-conditional h3{font-size:1.2rem;margin:0 0 18px}.quote-final-fields{margin-top:26px}.quote-consent{display:flex;gap:12px;align-items:flex-start;color:#d1d4d6;font-size:.82rem;line-height:1.6}.quote-consent input{margin-top:3px}.quote-consent a{color:#fff;text-decoration:underline}.quote-helps{padding:50px 0;background:#fff;color:#111315}.quote-helps-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.quote-helps p{color:#575d62;line-height:1.8}.quote-help-matrix{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #d5d8db}.quote-help-matrix span{min-height:50px;display:grid;place-items:center;border-right:1px solid #d5d8db;border-bottom:1px solid #d5d8db;font-size:.72rem;letter-spacing:.12em}.quote-help-matrix span:nth-child(3n){border-right:0}.quote-help-matrix span:nth-last-child(-n+3){border-bottom:0}.quote-process{padding:50px 0;background:#121416}.quote-process-track{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.12);margin-top:34px}.quote-process-track article{padding:28px 26px 16px 0;border-right:1px solid rgba(255,255,255,.12)}.quote-process-track article+article{padding-left:26px}.quote-process-track article:last-child{border-right:0}.quote-process-track span{color:var(--aot-orange);font-size:.72rem}.quote-process-track p{color:#9da2a7;line-height:1.7}.quote-alternative{padding:50px 0}.quote-alternative-inner{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end}.quote-alternative p{color:#575d62;max-width:760px}.quote-faq{padding:50px 0;background:#202326}.quote-faq .faq-trigger{color:#fff}.quote-faq .faq-panel{color:#b0b4b8}.quote-final{padding:50px 0;background:#08090a}

@media(max-width:1100px){.contact-hero-grid,.quote-hero-grid,.form-editorial-grid,.contact-location-grid,.quote-form-grid,.quote-helps-grid{grid-template-columns:1fr;gap:48px}.form-editorial-copy,.quote-form-copy{position:static}.quote-selector-intro{grid-template-columns:1fr;gap:12px}.quote-service-selector{grid-template-columns:repeat(2,1fr)}.quote-service-choice:nth-child(2) span{border-right:0}.quote-service-choice:nth-child(-n+2) span{border-bottom:1px solid rgba(255,255,255,.12)}}
@media(max-width:760px){.contact-hero,.quote-hero{padding:118px 0 70px;min-height:auto}.contact-route-visual,.quote-tech-visual{min-height:360px}.contact-method-grid{grid-template-columns:1fr}.contact-method-grid>a{border-right:0;border-bottom:1px solid #cfd3d6;}.contact-method-grid>a:last-child{border-bottom:0}.form-grid.two-col{grid-template-columns:1fr}.form-grid .full{grid-column:1}.shortcut-rows a{grid-template-columns:48px minmax(0,1fr) 22px;gap:14px}.shortcut-rows em{grid-column:2}.quote-process-track{grid-template-columns:1fr}.quote-process-track article,.quote-process-track article+article{padding:24px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.quote-process-track article:last-child{border-bottom:0}.quote-alternative-inner{grid-template-columns:1fr}.quote-help-matrix{grid-template-columns:repeat(2,1fr)}.quote-help-matrix span:nth-child(3n){border-right:1px solid #d5d8db}.quote-help-matrix span:nth-child(2n){border-right:0}.quote-help-matrix span:nth-last-child(-n+3){border-bottom:1px solid #d5d8db}.quote-help-matrix span:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:520px){.contact-hero h1,.quote-hero h1{font-size:clamp(2rem,9.5vw,3.6rem)}.contact-route-visual,.quote-tech-visual{min-height:300px}.quote-ring{width:215px;height:215px}.quote-service-selector{grid-template-columns:1fr}.quote-service-choice span,.quote-service-choice:nth-child(2) span{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.quote-service-choice:last-child span{border-bottom:0}.aot-form-panel{padding:22px 18px}.contact-choice label{display:flex!important;margin:0 0 10px!important}.quote-help-matrix{grid-template-columns:1fr}.quote-help-matrix span,.quote-help-matrix span:nth-child(2n),.quote-help-matrix span:nth-child(3n){border-right:0;border-bottom:1px solid #d5d8db}.quote-help-matrix span:last-child{border-bottom:0}.contact-final .hero-actions,.quote-final .hero-actions{display:grid;grid-template-columns:1fr}.contact-final .hero-actions>a,.quote-final .hero-actions>a{width:100%}}

/* =========================================================
   TYRE SERVICE DETAIL PAGES — SHARED FOUNDATION
   ========================================================= */
.tyre-service-detail{background:var(--aot-bg);color:var(--aot-text-light)}
.detail-hero{position:relative;overflow:hidden;padding:150px 0 92px;background:#08090a;min-height:700px;display:flex;align-items:center}
.detail-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,#000,transparent 70%)}
.detail-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:78px;align-items:center}
.breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 30px;color:#81878c;font-size:.74rem;text-transform:uppercase;letter-spacing:.1em}.breadcrumb a{color:#b7bcc0;text-decoration:none}.breadcrumb a:hover{color:var(--aot-orange)}
.detail-hero h1{font-family:var(--font-display);font-size:clamp(2rem,3.5vw,4rem);font-stretch:condensed;text-transform:uppercase;letter-spacing:-.052em;line-height:.94;margin:14px 0 24px;max-width:780px}.detail-hero-copy>p{max-width:690px;color:#aeb3b7;font-size:1.08rem;line-height:1.75}.detail-hero-visual{position:relative;min-height:470px;border:1px solid rgba(255,255,255,.09);background:radial-gradient(circle at 48% 48%,#202428 0,#121416 42%,#090a0b 76%);overflow:hidden}.detail-hero-visual:before{content:"";position:absolute;left:12%;right:12%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(254,79,32,.75),transparent)}.detail-wheel{position:absolute;left:50%;top:50%;width:min(75%,350px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);border:22px solid #22272b;box-shadow:inset 0 0 0 2px #4a4f53,0 0 0 1px rgba(255,255,255,.05)}.detail-wheel:before,.detail-wheel:after{content:"";position:absolute;border-radius:50%;inset:18%;border:1px solid #5b6064}.detail-wheel:after{inset:40%;background:#0b0c0d;border:6px solid #3b4044}.detail-wheel span{position:absolute;inset:4%;border-radius:50%;border:1px dashed rgba(254,79,32,.4)}.detail-spec{position:absolute;right:24px;bottom:24px;text-align:right}.detail-spec b{display:block;color:var(--aot-orange);font-size:2rem}.detail-spec small{color:#8e9499;letter-spacing:.15em;font-size:.58rem}
.detail-hero--fitment .detail-wheel{border-width:12px;box-shadow:0 0 0 38px rgba(255,255,255,.035),inset 0 0 0 2px #51565b}.detail-hero--budget .detail-wheel{transform:translate(-50%,-50%) scale(.88)}.detail-hero--puncture .detail-wheel span:after{content:"";position:absolute;width:8px;height:56px;background:var(--aot-orange);right:18%;top:-2%;transform:rotate(18deg)}.detail-hero--balance .detail-wheel{animation:none}.detail-hero--balance .detail-wheel:before{inset:10%;border-style:dashed}.detail-hero--alignment .detail-hero-visual:after{content:"";position:absolute;left:50%;top:8%;bottom:8%;width:1px;background:rgba(254,79,32,.45)}.detail-hero--carvan .detail-wheel{left:38%}.detail-hero--carvan .detail-hero-visual:after{content:"VAN";position:absolute;right:8%;top:12%;color:rgba(255,255,255,.08);font:900 4rem/1 var(--font-display)}.detail-hero--suvev .detail-wheel{left:61%}.detail-hero--suvev .detail-hero-visual:after{content:"EV";position:absolute;left:7%;bottom:10%;color:rgba(254,79,32,.13);font:900 5rem/1 var(--font-display)}
.tyre-service-detail section:not(.detail-hero){position:relative}.service-intro,.fitment-overview,.size-guide,.budget-definition,.budget-use,.puncture-decision,.puncture-not-ignore,.balance-explain,.balance-vs,.alignment-geometry,.alignment-causes,.carvan-split,.carvan-range,.suvev-dual,.suvev-fit,.service-local,.service-faq{padding:50px 0}.dark-panel,.service-process,.fitment-steps,.fitment-vehicles,.budget-spectrum,.budget-fitment,.puncture-signals,.puncture-next,.balance-symptoms,.balance-fit,.alignment-signs,.alignment-balance,.carvan-choice,.carvan-wheelcare,.suvev-load,.suvev-wheel,.related-service-strip,.detail-final{padding:50px 0;background:#121416}
.tyre-service-detail h2{font-family:var(--font-display);font-size:clamp(2.7rem,4.8vw,5.25rem);font-stretch:condensed;text-transform:uppercase;letter-spacing:-.045em;line-height:.96;margin:0 0 22px}.tyre-service-detail h3{font-size:1.25rem}.tyre-service-detail .section-light p{color:#555b60;line-height:1.78}.tyre-service-detail p{line-height:1.75}.service-intro-grid,.balance-explain-grid,.local-service-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:start}.signal-list{list-style:none;margin:0;padding:0;border-top:1px solid #d4d8db}.signal-list li{padding:22px 0;border-bottom:1px solid #d4d8db;display:grid;grid-template-columns:180px 1fr;gap:28px}.signal-list strong{color:#151719}.signal-list span{color:#61676c;line-height:1.6}.service-tech-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:90px}.service-tech-grid>div:first-child p{color:#a6abb0}.range-stack{border-top:1px solid #32363a}.range-stack article{display:grid;grid-template-columns:55px 150px 1fr;gap:25px;padding:24px 0;border-bottom:1px solid #32363a}.range-stack article>span{color:var(--aot-orange)}.range-stack h3,.range-stack p{margin:0}.range-stack p{color:#979da2}.service-crossover{padding:50px 0}.service-crossover-head{display:flex; justify-content:space-between;gap:40px;align-items:end;margin-bottom:40px}.vehicle-split{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d1d5d8}.vehicle-split a{padding:34px;color:#131516;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end}.vehicle-split a+a{border-left:1px solid #d1d5d8}.vehicle-split strong{font-size:1.6rem;margin-bottom:10px}.vehicle-split span{color:#676d72}.process-line{list-style:none;margin:45px 0 0;padding:0;border-top:1px solid #313539}.process-line li{display:grid;grid-template-columns:85px 1fr;gap:28px;padding:26px 0;border-bottom:1px solid #313539}.process-line>li>span{color:var(--aot-orange);font-weight:600}.process-line h3{margin:0 0 6px}.process-line p{margin:0;color:#969ca1}.editorial-columns{display:grid;grid-template-columns:1fr .82fr;gap:85px;align-items:center}.tech-note{padding:34px;border-left:2px solid var(--aot-orange);background:#e7e9ea}.tech-note>span{color:var(--aot-orange);font-size:.66rem;letter-spacing:.16em}.tech-note p{margin:15px 0}.tech-note a{color:#111315;font-weight:600}.vertical-steps{margin-top:45px}.vertical-steps article{display:grid;grid-template-columns:50px 1fr;gap:35px;padding:20px 0;border-top:1px solid #303438}.vertical-steps article:last-child{border-bottom:1px solid #303438}.vertical-steps b{font-size:2.5rem;color:var(--aot-orange)}
.vertical-steps h2{font-size:clamp(1.5rem,1.5vw,2rem);margin-bottom:10px}.vertical-steps p{color:#9da2a7}.size-guide-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.tyre-size-mark{min-height:280px;border:1px solid #d3d7da;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;font-size:2rem}.tyre-size-mark strong{font-size:4rem;color:#111315}.tyre-size-mark span{color:var(--aot-orange)}.tyre-size-mark small{position:absolute;bottom:24px;left:24px;color:#73797e;letter-spacing:.14em;text-transform:uppercase}.fitment-bands{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #303438;border-bottom:1px solid #303438}.fitment-bands a{padding:35px 25px;text-decoration:none;color:#fff}.fitment-bands a+a{border-left:1px solid #303438}.fitment-bands span{display:block;color:var(--aot-orange);font-size:.68rem;letter-spacing:.16em;margin-bottom:8px}.statement-layout{max-width:1000px}.statement-layout>p{font-size:1.08rem;max-width:820px}.spectrum-row{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #33373a;margin-top:42px}.spectrum-row article{padding:34px;min-height:280px}.spectrum-row article+article{border-left:1px solid #33373a}.spectrum-row b{color:var(--aot-orange)}.spectrum-row h3{font-size:1.7rem}.spectrum-row p,.spectrum-note{color:#989ea3}.spectrum-note{margin-top:22px}.budget-use-grid,.decision-grid,.not-ignore,.compare-split,.cause-layout,.two-service,.load-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.check-lines p{padding:17px 0;margin:0;border-top:1px solid #d2d6d9}.check-lines p:last-child{border-bottom:1px solid #d2d6d9}.side-cta,.balance-fit-row,.split-action{display:flex;justify-content:space-between;gap:50px;align-items:end}.side-cta>div,.balance-fit-row>div,.split-action>div{max-width:760px}.decision-factors{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d2d6d9}.decision-factors span{padding:25px;border-right:1px solid #d2d6d9;border-bottom:1px solid #d2d6d9;font-weight:600;color:#1a1c1e}.decision-factors span:nth-child(2n){border-right:0}.warning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #313539;border-bottom:1px solid #313539}.warning-grid article{padding:32px 28px}.warning-grid article+article{border-left:1px solid #313539}.warning-grid p{color:#9ca2a7}.split-action>div:last-child{display:grid;gap:14px}.split-action a{color:#fff;text-decoration:none;font-weight:600}.balance-explain-grid{align-items:center}.balance-ring{width:min(100%,360px);aspect-ratio:1;border-radius:50%;border:24px solid #202326;position:relative;margin:auto;background:#f1f2f2;box-shadow:inset 0 0 0 1px #adb2b6}.balance-ring:before{content:"";position:absolute;inset:20%;border-radius:50%;border:2px dashed var(--aot-orange)}.balance-ring span,.balance-ring i{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--aot-orange)}.balance-ring span{top:9%;left:50%}.balance-ring i{bottom:12%;right:22%}.symptom-track{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #303438;border-bottom:1px solid #303438;margin:35px 0}.symptom-track span{padding:30px 22px;text-align:center;color:#d5d8da}.symptom-track span+span{border-left:1px solid #303438}.caution-copy{max-width:850px;color:#979da2}.compare-split article{padding:25px;border:1px solid #d3d7da}.compare-split article>span{color:var(--aot-orange);font-weight:600}.compare-split h3{font-size:1.5rem; margin: 15px 0; color:#141617}.compare-split a{color:#131516;font-weight:600}.geometry-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.geometry-visual{position:relative;border:1px solid #d2d6d9;background:linear-gradient(90deg,transparent 49.8%,#c7cbce 50%,transparent 50.2%)}.geometry-visual .wheel-line{position:absolute;top:18%;bottom:18%;width:34px;border:5px solid #1f2225}.geometry-visual .left{left:26%;transform:rotate(-7deg)}.geometry-visual .right{right:26%;transform:rotate(7deg)}.geometry-visual .centre-line{position:absolute;left:8%;right:8%;top:50%;height:1px;background:var(--aot-orange)}.alignment-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #303438;border-left:1px solid #303438}.alignment-list>div{padding:30px;border-right:1px solid #303438;border-bottom:1px solid #303438}.alignment-list b{color:var(--aot-orange)}.alignment-list p{color:#9ca1a6}.cause-layout a{color:#111315;font-weight:600}.two-service p{color:#b5b9bd}.two-service a{color:#fff}.carvan-grid,.suvev-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #d1d5d8}.carvan-grid article,.suvev-grid article{padding:30px}.carvan-grid article+article,.suvev-grid article+article{border-left:1px solid #d1d5d8}.carvan-grid article>span,.suvev-grid article>span{color:var(--aot-orange);font-weight:900;letter-spacing:.16em}.carvan-grid ul{padding-left:20px;color:#5c6267}.choice-ruler{display:grid;grid-template-columns:repeat(5,1fr);margin:38px 0 24px;border-top:1px solid #32363a;border-bottom:1px solid #32363a}.choice-ruler span{padding:25px 16px;text-align:center;color:#d8dbdd;font-size:.72rem;letter-spacing:.12em}.choice-ruler span+span{border-left:1px solid #32363a}.link-rail{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.link-rail a{display:inline-flex;padding:14px 18px;border:1px solid #3a3e42;color:#fff;text-decoration:none}.load-bars{display:grid;gap:12px}.load-bars span{display:flex;align-items:center;gap:15px;padding:18px;border:1px solid #33373a}.load-bars b{color:var(--aot-orange);min-width:35px}.service-local{border-top:1px solid #d5d9dc}.local-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.local-actions>a:not(.btn-dark){color:#111315;font-weight:600}.related-service-strip{padding:72px 0}.related-service-links{display:grid;grid-template-columns:repeat(4,1fr);margin-top:25px;border-top:1px solid #303438}.related-service-links a{display:flex;justify-content:space-between;gap:15px;color:#fff;text-decoration:none;padding:22px 16px;border-bottom:1px solid #303438}.related-service-links a:hover{color:var(--aot-orange)}.service-faq{background:#f1f2f2}.service-faq h2{color:#111315}.service-faq .faq-item{border-color:#ccd1d4}.service-faq .faq-list{border-color:#ccd1d4}.service-faq .faq-trigger{color:#141617}.service-faq .faq-panel{color:#5d6368}.detail-final{overflow:hidden}.detail-final:before{content:"";position:absolute;left:68%;top:-50%;width:1px;height:200%;background:rgba(254,79,32,.22);transform:rotate(31deg)}.detail-final>.shell{position:relative;z-index:1;max-width:1050px}.detail-final p{color:#a6abb0;max-width:760px}
.mobile-submenu-grouped .mobile-subheading{display:block;padding:14px 18px 7px;color:var(--aot-orange);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600}.mobile-submenu-grouped .mobile-hub-link{margin-top:8px;border-top:1px solid #292d30;font-weight:600}

/* =========================================================
   NEW TYRES PAGE
   ========================================================= */
.page-new-tyres .detail-hero{background:linear-gradient(115deg,#08090a 0,#0f1214 62%,#08090a 100%)}
.page-new-tyres .service-tech{background:#0f1113}

/* =========================================================
   TYRE FITTING PAGE
   ========================================================= */
.page-tyre-fitting .fitment-steps{background:#0d0f11}.page-tyre-fitting .size-guide{background:#f4f5f5}

/* =========================================================
   BUDGET TYRES PAGE
   ========================================================= */
.page-budget-tyres .detail-hero{background:linear-gradient(135deg,#090a0b,#171a1d)}.page-budget-tyres .budget-spectrum{background:#15181a}

/* =========================================================
   PUNCTURE REPAIR PAGE
   ========================================================= */
.page-puncture-repair .puncture-signals{background:#101214}.page-puncture-repair .decision-factors span:last-child{grid-column:1/-1;border-right:0}

/* =========================================================
   WHEEL BALANCING PAGE
   ========================================================= */
.page-wheel-balancing .balance-symptoms{background:#0e1012}

/* =========================================================
   WHEEL ALIGNMENT PAGE
   ========================================================= */
.page-wheel-alignment .alignment-signs{background:#151719}.page-wheel-alignment .detail-hero-visual{background:linear-gradient(90deg,#101214 49.8%,rgba(254,79,32,.23) 50%,#101214 50.2%)}

/* =========================================================
   CAR & VAN TYRES PAGE
   ========================================================= */
.page-car-van-tyres .carvan-choice{background:#111315}.page-car-van-tyres .carvan-grid article:first-child{background:#f7f7f7}

/* =========================================================
   SUV & EV TYRES PAGE
   ========================================================= */
.page-suv-ev-tyres .suvev-load{background:#0d1012}.page-suv-ev-tyres .suvev-grid article:last-child{background:#e9ebec}

@media (max-width:1024px){
 .detail-hero-grid,.service-tech-grid,.editorial-columns,.size-guide-grid,.budget-use-grid,.decision-grid,.geometry-grid,.load-grid{grid-template-columns:1fr;gap:46px}.detail-hero{min-height:auto}.detail-hero-visual{min-height:390px}.service-intro-grid,.balance-explain-grid,.local-service-grid{grid-template-columns:1fr;gap:46px}.related-service-links{grid-template-columns:1fr 1fr}.warning-grid{grid-template-columns:1fr}.warning-grid article+article{border-left:0;border-top:1px solid #313539}.symptom-track{grid-template-columns:1fr 1fr}.symptom-track span:nth-child(3){border-left:0;border-top:1px solid #303438}.carvan-grid,.suvev-grid{grid-template-columns:1fr}.carvan-grid article+article,.suvev-grid article+article{border-left:0;border-top:1px solid #d1d5d8}.choice-ruler{grid-template-columns:repeat(3,1fr)}.side-cta,.balance-fit-row,.split-action{align-items:flex-start;flex-direction:column}
}
@media (max-width:760px){
 .detail-hero{padding:120px 0 64px}.detail-hero-grid{gap:30px}.detail-hero h1{font-size:clamp(3rem,13vw,5rem)}.detail-hero-copy>p{font-size:1rem}.detail-hero-visual{min-height:330px}.detail-wheel{width:min(75%,260px);border-width:16px}.service-intro,.fitment-overview,.size-guide,.budget-definition,.budget-use,.puncture-decision,.puncture-not-ignore,.balance-explain,.balance-vs,.alignment-geometry,.alignment-causes,.carvan-split,.carvan-range,.suvev-dual,.suvev-fit,.service-local,.service-faq,.dark-panel,.service-process,.fitment-steps,.fitment-vehicles,.budget-spectrum,.budget-fitment,.puncture-signals,.puncture-next,.balance-symptoms,.balance-fit,.alignment-signs,.alignment-balance,.carvan-choice,.carvan-wheelcare,.suvev-load,.suvev-wheel,.related-service-strip,.detail-final{padding:50px 0}.tyre-service-detail h2{font-size:clamp(2.65rem,11vw,4rem)}.signal-list li{grid-template-columns:1fr;gap:6px}.range-stack article{grid-template-columns:42px 1fr;gap:12px}.range-stack article p{grid-column:2}.vehicle-split{grid-template-columns:1fr}.vehicle-split a+a{border-left:0;border-top:1px solid #d1d5d8}.tyre-size-mark{min-height:230px}.tyre-size-mark strong{font-size:2.8rem}.fitment-bands,.spectrum-row,.budget-use-grid,.not-ignore,.compare-split,.two-service{grid-template-columns:1fr}.fitment-bands a+a,.spectrum-row article+article{border-left:0;border-top:1px solid #303438}.decision-factors{grid-template-columns:1fr}.decision-factors span{border-right:0}.symptom-track{grid-template-columns:1fr}.symptom-track span+span,.symptom-track span:nth-child(3){border-left:0;border-top:1px solid #303438}.alignment-list{grid-template-columns:1fr}.carvan-grid article,.suvev-grid article{padding:30px 24px}.choice-ruler{grid-template-columns:1fr 1fr}.choice-ruler span:nth-child(odd){border-left:0}.related-service-links{grid-template-columns:1fr}.local-actions{width:100%}.local-actions .btn-dark{width:100%;justify-content:center}
}
.hub-link-pair{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:18px}.hub-link-pair a{display:inline-flex!important}.hub-link-pair.compact{margin-top:10px;gap:8px 18px}
.service-faq .faq-item:first-of-type{border-top:1px solid #ccd1d4}

/* =========================================================
   GLOBAL FOOTER HARDENING — prevents page-level heading rules leaking into footer
   ========================================================= */
.site-footer h2.footer-heading{
  font-family:var(--font-body)!important;
  font-size:.75rem!important;
  line-height:1.3!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  margin:3px 0 16px!important;
  color:#fff!important;
  font-weight:600!important;
}
.site-footer .footer-brand img{width:min(230px,100%);height:auto}
.site-footer .footer-grid>*{min-width:0}
.site-footer address,.site-footer .footer-links a,.site-footer .footer-grid>div>a{overflow-wrap:anywhere}
@media(max-width:760px){.site-footer{padding-top:54px}.site-footer .footer-grid{gap:34px}.site-footer .footer-heading{margin-bottom:11px!important}.site-footer .footer-bottom{margin-top:34px}}

/* =========================================================
   SERVICING & WORKSHOP DETAIL PAGES
   ========================================================= */
.workshop-service-detail main{overflow:hidden}
.workshop-service-detail main h2{font-family:var(--font-display);font-size:clamp(2.55rem,4.8vw,5rem);text-transform:uppercase;letter-spacing:-.045em;line-height:.96;margin:0 0 20px}
.workshop-service-detail main h3{font-size:1.18rem}.workshop-service-detail main p{line-height:1.75}
.ws-hero{padding:calc(var(--header-h) + 60px) 0 76px;min-height:680px;display:flex;align-items:center;position:relative;background:#090a0b;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}
.ws-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(90deg,#000,transparent 86%)}
.ws-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:72px;align-items:center}.ws-hero-copy{min-width:0}.ws-hero-copy h1{font-family:var(--font-display);font-size:clamp(2.5rem,4vw,4.35rem);text-transform:uppercase;letter-spacing:-.055em;line-height:.91;margin:0}.ws-hero-copy>p{max-width:690px;color:#a8adb1;font-size:1.04rem;margin:24px 0 30px}.ws-hero .breadcrumb{display:flex;gap:9px;flex-wrap:wrap;color:#7f858a;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:34px}.ws-hero .breadcrumb a:hover{color:var(--aot-orange)}
.ws-hero-meter,.oil-gauge,.diag-screen,.repair-grid-visual,.exhaust-line,.ws-stack-visual{min-height:420px;border:1px solid #2d3134;position:relative;background:#111315;display:flex;align-items:center;justify-content:center;overflow:hidden}.ws-hero-meter:before{content:"";width:260px;height:260px;border:1px solid #3a3e42;border-radius:50%;box-shadow:inset 0 0 0 34px #0d0f10}.ws-hero-meter i{position:absolute;width:125px;height:2px;background:var(--aot-orange);transform:rotate(-24deg);transform-origin:right center}.ws-hero-meter span,.ws-hero-meter strong{position:absolute;left:28px}.ws-hero-meter span{top:28px;color:var(--aot-orange);letter-spacing:.15em;font-size:.65rem}.ws-hero-meter strong{bottom:28px;max-width:250px;font-size:1rem}
.ws-stack-visual{display:grid;align-content:center;gap:0;padding:55px}.ws-stack-visual span{padding:20px 15px;border-top:1px solid #35393c;font-size:1.05rem;letter-spacing:.11em}.ws-stack-visual span:last-child{border-bottom:1px solid #35393c}.ws-stack-visual span:nth-child(2){transform:translateX(22px);color:var(--aot-orange)}
.oil-gauge{border-radius:50%;aspect-ratio:1;min-height:0;width:min(100%,440px);margin:auto}.oil-gauge:before{content:"";position:absolute;inset:15%;border-radius:50%;border:1px dashed #50555a}.oil-gauge i{position:absolute;width:42%;height:3px;background:var(--aot-orange);transform:rotate(34deg);transform-origin:right}.oil-gauge strong{font-size:4rem}.oil-gauge span{position:absolute;bottom:17%;font-size:.65rem;letter-spacing:.16em;color:#8d9398}
.repair-grid-visual{background-image:linear-gradient(#292d30 1px,transparent 1px),linear-gradient(90deg,#292d30 1px,transparent 1px);background-size:64px 64px}.repair-grid-visual span{position:absolute;width:12px;height:12px;background:var(--aot-orange)}.repair-grid-visual span:nth-child(1){top:22%;left:24%}.repair-grid-visual span:nth-child(2){top:52%;left:60%}.repair-grid-visual span:nth-child(3){bottom:20%;right:18%}.repair-grid-visual strong{font-family:var(--font-display);font-size:3.2rem;line-height:.9;text-align:center}
.diag-screen{flex-direction:column;align-items:flex-start;padding:50px}.diag-screen:before{content:"";position:absolute;inset:26px;border:1px solid #33373a}.diag-screen span{color:var(--aot-orange);font-size:.65rem;letter-spacing:.15em;margin-bottom:35px;z-index:1}.diag-screen i{display:block;width:80%;height:2px;background:#303438;margin:11px 0;position:relative}.diag-screen i:after{content:"";position:absolute;left:25%;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--aot-orange)}.diag-screen b{font-size:1.25rem;margin-top:35px;z-index:1}
.exhaust-line{display:block; border-radius: 12px;}.exhaust-line:before{content:"";position:absolute;left:10%;right:10%;top:50%;height:14px;border:2px solid #5a6065;border-radius:12px}.exhaust-line i{position:absolute;top:calc(50% - 18px);width:48px;height:48px;border:3px solid #34383d;border-radius:50%;background:#111315}.exhaust-line i:nth-child(1){left:18%}.exhaust-line i:nth-child(2){left:46%}.exhaust-line i:nth-child(3){right:18%}.exhaust-line span{position:absolute;left:28px;bottom:28px;color:var(--aot-orange);font-size:.65rem;letter-spacing:.15em}
.ws-intro,.ws-full-overview,.ws-oil-explain,.ws-compare,.ws-attention,.ws-workshop-links,.ws-local{padding:40px 0}.ws-dark,.ws-related,.ws-faq,.ws-final{padding:50px 0;background:#121416}
.ws-final{background:#08090a;border-top:1px solid #24282b;position:relative}
.ws-final h2{margin-bottom: 20px;}
.ws-final p{color:#a3a8ac;max-width:760px}.ws-editorial-split,.ws-oil-grid,.ws-local-grid,.ws-exhaust-focus{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.ws-note{padding:25px;border-left:3px solid var(--aot-orange);background:#e6e8e9;color:#242729}.ws-note b{display:block;color:var(--aot-orange);font-size:2rem}.ws-note p{margin:8px 0 0}.ws-wide-copy{max-width:980px}.ws-wide-copy>p{max-width:850px;color:inherit}.ws-dark p,.ws-related p{color:#9ca2a7}.ws-question-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #32363a;margin-top:35px}.ws-question-grid article{padding:30px 26px;border-bottom:1px solid #32363a}.ws-question-grid article+article{border-left:1px solid #32363a}.ws-question-grid h2{font-size:clamp(1.5rem,2vw,2.5rem)}.ws-compare-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d3d7da}.ws-compare-grid article{padding:25px;}.ws-compare-grid article+article{border-left:1px solid #d3d7da}.ws-compare-grid article>span{color:var(--aot-orange);font-weight:900;letter-spacing:.16em}.ws-compare-grid a{font-weight:600;color:#111315}.ws-related{background:#16191b}.ws-link-rail{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.ws-link-rail a{padding:14px 18px;border:1px solid #383c40;color:#fff}.ws-link-rail a:hover{border-color:var(--aot-orange);color:var(--aot-orange)}.ws-local-grid>div{max-width:760px}.ws-local-grid>a{justify-self:end}.ws-timeline,.ws-diagnostic-flow{display:grid;grid-template-columns:repeat(3,1fr)}.ws-timeline>div,.ws-diagnostic-flow>article{padding:25px;border-top:1px solid #32363a;border-bottom:1px solid #32363a}.ws-timeline>div+div,.ws-diagnostic-flow>article+article{border-left:1px solid #32363a}.ws-timeline span,.ws-diagnostic-flow b{color:var(--aot-orange)}.ws-timeline h2,.ws-diagnostic-flow h2{font-size:clamp(1.5rem,2vw,2.4rem);margin-top:22px}.ws-signal-list{border-top:1px solid #d0d4d7}.ws-signal-list span{display:block;padding:15px 0;border-bottom:1px solid #d0d4d7;color:#222629;font-weight:600}.ws-oil-grid article{padding:20px 25px;border:1px solid #d2d6d9}.ws-oil-grid span{color:var(--aot-orange);font-weight:900}
.ws-oil-grid h2{font-size:clamp(1.2rem,2vw,3rem)}.repair-sequence{margin-top:32px;border-top:1px solid #303438}.repair-sequence article{display:grid;grid-template-columns:80px 1fr 1.2fr;gap:25px;align-items:start;padding:28px 0;border-bottom:1px solid #303438}.repair-sequence b{color:var(--aot-orange)}.repair-sequence h2{font-size:clamp(1.2rem,2vw,2rem)}.repair-sequence p{margin:0}.ws-cardless-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d2d6d9}.ws-cardless-grid a{padding:30px 24px;color:#17191b;border-bottom:1px solid #d2d6d9}.ws-cardless-grid a+a{border-left:1px solid #d2d6d9}.ws-cardless-grid strong,.ws-cardless-grid span{display:block}.ws-cardless-grid span{color:#63696e;margin-top:8px}.diag-symptoms{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #303438;border-left:1px solid #303438;margin-top:30px}.diag-symptoms span{padding:25px;border-right:1px solid #303438;border-bottom:1px solid #303438}.ws-caution{max-width:780px;margin-top:24px}.exhaust-route{position:relative;min-height:220px;border:1px solid #303438;display:flex;align-items:center;justify-content:space-around;padding:40px}.exhaust-route:before{content:"";position:absolute;left:13%;right:13%;height:4px;background:#3e4347}.exhaust-route span,.exhaust-route i{position:relative;z-index:1}.exhaust-route span{background:#121416;padding:8px;color:#aeb3b7}.exhaust-route i{width:30px;height:30px;border:4px solid var(--aot-orange);border-radius:50%;background:#121416}.ws-faq{background:#0d0f10}.ws-faq .faq-item{border-color:#2e3235}.ws-faq .faq-trigger{color:#fff}.ws-faq .faq-panel{color:#adb2b6}.ws-faq h2{color:#fff}
@media(max-width:1024px){.ws-hero-grid{grid-template-columns:1fr 1fr;gap:40px}.ws-editorial-split,.ws-oil-grid,.ws-local-grid,.ws-exhaust-focus{gap:45px}.ws-question-grid{grid-template-columns:1fr 1fr}.ws-question-grid article:nth-child(3){border-left:0}.ws-cardless-grid{grid-template-columns:1fr 1fr}.ws-cardless-grid a:nth-child(3){border-left:0}}
@media(max-width:760px){.ws-hero{padding:calc(var(--header-h) + 42px) 0 64px;min-height:auto}.ws-hero-grid{grid-template-columns:1fr;gap:34px}.ws-hero-copy h1{font-size:clamp(3rem,13vw,4.7rem)}.ws-hero-meter,.ws-stack-visual,.diag-screen,.repair-grid-visual,.exhaust-line{min-height:300px}.oil-gauge{max-width:300px}.ws-intro,.ws-full-overview,.ws-oil-explain,.ws-compare,.ws-attention,.ws-workshop-links,.ws-local,.ws-dark,.ws-related,.ws-faq,.ws-final{padding:40px 0}.workshop-service-detail main h2{font-size:clamp(2.45rem,10.5vw,3.8rem)}.ws-editorial-split,.ws-oil-grid,.ws-local-grid,.ws-exhaust-focus{grid-template-columns:1fr;gap:32px}.ws-local-grid>a{justify-self:start}.ws-question-grid,.ws-compare-grid,.ws-timeline,.ws-diagnostic-flow,.ws-cardless-grid,.diag-symptoms{grid-template-columns:1fr}.ws-question-grid article+article,.ws-compare-grid article+article,.ws-timeline>div+div,.ws-diagnostic-flow>article+article,.ws-cardless-grid a+a{border-left:0}.repair-sequence article{grid-template-columns:48px 1fr}.repair-sequence article p{grid-column:2}.ws-oil-grid article+article{margin-top:0}.ws-oil-grid article+article{border-top:0}.ws-link-rail{display:grid;grid-template-columns:1fr}.ws-link-rail a{text-align:center}.exhaust-route{min-height:180px;padding:20px}.exhaust-route span{font-size:.7rem}}
@media(max-width:520px){.ws-hero-copy h1{font-size:clamp(2.8rem,14vw,4rem)}.ws-stack-visual{padding:25px}.ws-stack-visual span{padding:20px 10px}.repair-grid-visual strong{font-size:2.4rem}.diag-screen{padding:32px}.ws-note{padding:24px}.ws-compare-grid article{padding:28px 22px}.ws-cardless-grid a{padding:24px 18px}.diag-symptoms span{padding:20px}.exhaust-route i{width:22px;height:22px}.exhaust-route span{font-size:.55rem}}

/* Closed off-canvas must not contribute to page width at any viewport. */
.mobile-menu[aria-hidden="true"]{display:none}

/* =========================================================
   CROSS-SITE RESPONSIVE HARDENING
   ========================================================= */
.honeypot,.honeypot *{visibility:hidden!important;max-width:1px!important;max-height:1px!important}
.detail-hero-copy,.detail-hero-grid>*,.vertical-steps article>*,.cause-layout>*{min-width:0}
.about-hero,.about-final-cta,.detail-final,.tyre-final-cta,.service-process{overflow:clip;contain:paint}
@media(max-width:520px){
  .about-wheel-cut{right:-6%;width:96%;max-width:96%}
  .about-approach{overflow:clip}
  .detail-hero-copy,.detail-hero-copy .hero-actions,.detail-hero-copy .breadcrumb{max-width:100%;min-width:0}
  .detail-hero h1,.detail-hero-copy p,.vertical-steps h2{overflow-wrap:anywhere;word-break:normal}
  .vertical-steps article{grid-template-columns:44px minmax(0,1fr);gap:16px}
  .vertical-steps b{font-size:1.8rem}
  .process-line li{grid-template-columns:44px minmax(0,1fr);gap:16px}
  .cause-layout{grid-template-columns:minmax(0,1fr);gap:24px}
  .cause-layout a{overflow-wrap:anywhere}
  .tyre-why{overflow:clip}
}
@media(max-width:520px){
  .tyre-service-detail main h2{overflow-wrap:anywhere}
  .side-cta>*{min-width:0;max-width:100%}
}

/* =========================================================
   LEGAL PAGES
   ========================================================= */
.page-legal { background: #f5f6f7; }
.page-legal .legal-hero { min-height: clamp(230px, 28vw, 330px); display:flex; align-items:flex-end; padding: clamp(88px, 10vw, 132px) 0 44px; background:#08090A; color:#fff; border-bottom:1px solid rgba(255,255,255,.08); }
.page-legal .legal-hero-inner { min-width:0; }
.page-legal .legal-hero h1 { max-width: 900px; margin:.35rem 0 .8rem; color:#fff; font-size:clamp(2.5rem,5vw,5.4rem); line-height:.96; letter-spacing:-.045em; }
.page-legal .legal-hero h1{
 margin-bottom: 20px;
}
.page-legal .legal-hero p { max-width:760px; color:#A7ABB0; font-size:clamp(1rem,1.35vw,1.18rem); line-height:1.65; }
.page-legal .legal-updated { margin-top:1rem; font-size:.88rem !important; text-transform:uppercase; letter-spacing:.08em; color:#d4d6d8 !important; }
.page-legal .page-breadcrumb { margin-bottom:1rem; }
.page-legal .legal-reading { padding: clamp(35px,4vw,00px) 0 60px; color:#24282c; }
.page-legal .legal-layout { display:grid; grid-template-columns:minmax(210px, .31fr) minmax(0, 1fr); gap:clamp(20px,4vw,60px); align-items:start; }
.page-legal .legal-toc > div { position:sticky; top:112px; padding:24px; background:#121416; color:#fff; border:1px solid rgba(255,255,255,.08); border-radius:14px; }
.page-legal .legal-toc-title { display:block; margin-bottom:14px; color:#FE4F20; font-size:.76rem; font-weight:600; letter-spacing:.13em; text-transform:uppercase; }
.page-legal .legal-toc ol { list-style:none; padding:0; margin:0; display:grid; gap:8px; }
.page-legal .legal-toc a { display:block; padding:7px 0; color:#c9ccd0; font-size:.9rem; line-height:1.35; text-decoration:none; border-bottom:1px solid rgba(255,255,255,.055); }
.page-legal .legal-toc a:hover,.page-legal .legal-toc a:focus-visible { color:#fff; text-decoration:underline; text-underline-offset:4px; }
.page-legal .legal-content { width:100%; max-width:900px; min-width:0; }
.page-legal .legal-review-note { padding:22px 24px; margin-bottom:42px; background:#fff5f1; border-left:4px solid #FE4F20; border-radius:0 10px 10px 0; }
.page-legal .legal-review-note strong { color:#16191c; }
.page-legal .legal-review-note p { margin:.45rem 0 0; font-size:.95rem; }
.page-legal .legal-section { scroll-margin-top:120px; padding:0 0 20px; margin:0 0 20px; border-bottom:1px solid #d9dcdf; }
.page-legal .legal-section h2,.page-legal .legal-related h2 { margin:0 0 10px; color:#15181b; font-size:clamp(1.25rem,2vw,1.8rem) !important; line-height:1.12; letter-spacing:-.025em; }
.page-legal .legal-section h2 {}
.page-legal .legal-section h3 { margin:28px 0 10px; color:#262a2e; font-size:1.08rem; }
.page-legal .legal-section p,.page-legal .legal-section li,.page-legal .legal-related { color:#4e555b; font-size:clamp(1rem,1.15vw,1.08rem); line-height:1.78; }
.page-legal .legal-section p { margin:0; }
.page-legal .legal-section ul { padding-left:1.2rem; }
.page-legal .legal-section a,.page-legal .legal-related a { color:#c43b16; font-weight:650; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; overflow-wrap:anywhere; }
.page-legal .legal-section code { padding:.08rem .32rem; border-radius:4px; background:#e7e9eb; color:#202326; font-size:.92em; }
.page-legal .legal-related { padding:30px; background:#121416; color:#A7ABB0; border-radius:14px; }
.page-legal .legal-related h2 { color:#fff; }
.page-legal .legal-related-links { display:flex; flex-wrap:wrap; gap:12px 26px; }
.page-legal .legal-related a { color:#fff; }
.page-legal .legal-related a:hover,.page-legal .legal-related a:focus-visible { color:#FE4F20; }
.page-legal .legal-section .btn-aot { color:#fff; text-decoration:none; }
.form-privacy-note { margin:10px 0 16px; font-size:.88rem; line-height:1.55; color:inherit; opacity:.84; }
.form-privacy-note a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
.cookie-banner a,.cookie-modal a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
@media (max-width: 900px) {
  .page-legal .legal-layout { grid-template-columns:1fr; gap:30px; }
  .page-legal .legal-toc > div { position:static; }
  .page-legal .legal-toc ol { grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 22px; }
}
@media (max-width: 560px) {
  .page-legal .legal-hero { padding-top:84px; padding-bottom:34px; }
  .page-legal .legal-toc > div { padding:20px; }
  .page-legal .legal-toc ol { grid-template-columns:1fr; }
  .page-legal .legal-reading { padding-top:34px; }
  .page-legal .legal-section { padding-bottom:15px; margin-bottom:15px; }
  .page-legal .legal-related { padding:22px; }
  .page-legal .legal-related-links { display:grid; }
}


/* =========================================================
   SITEWIDE UI/UX & RESPONSIVE REMEDIATION
   Canonical layout/component boundaries — 2026-10-15
   ========================================================= */
:root{--section-space:clamp(72px,8vw,112px);--section-space-compact:clamp(54px,6vw,84px);--reading-measure:78ch}
.shell{width:min(1250px,calc(100% - 40px));max-width:1300px;margin-inline:auto;min-width:0}
main{min-width:0}
main section{min-width:0}
main [class*="-grid"]>*,main [class*="-layout"]>*,main [class*="-split"]>*,main [class*="-row"]>*{min-width:0}
main h1,main h2,main h3{max-width:100%;word-break:normal;overflow-wrap:normal;text-wrap:balance}
main p,main li,main a{overflow-wrap:break-word}
.hero-actions,.contact-actions,.quote-actions,.cta-actions{max-width:100%;min-width:0}
.hero-actions>*{min-width:0}

/* Uploaded client logo: keep the original artwork readable on dark chrome. */
.brand img,.mobile-menu-head img,.footer-brand img{object-fit:contain;border-radius:4px}
.brand img{width:140px;}
.mobile-menu-head img{width:142px;max-height:64px}
.footer-brand img{width:230px;max-width:100%;height:auto}

/* Shared component typography is isolated from page-specific display rules. */
.site-header,.site-header *,.mega-menu,.mega-menu *,.mobile-menu,.mobile-menu *,.cookie-banner,.cookie-banner *,.cookie-modal,.cookie-modal *,.utility-stack,.utility-stack *,.site-footer,.site-footer *{font-family:var(--font-body)}
.site-footer .footer-heading{font-family:var(--font-body)!important;font-size:.75rem!important;line-height:1.3!important;letter-spacing:.13em!important;text-transform:uppercase!important}
.cookie-banner h2,.cookie-modal h2{font-family:var(--font-body)!important;text-transform:none!important;letter-spacing:0!important;line-height:1.25!important}
.utility-stack{font-size:1rem}

/* Decorative media and placeholder photography stay inside their visual frames. */
.hero-visual,.about-hero-visual,.tyres-hero-visual,.sr-hero-visual,.areas-network-visual,.contact-route-visual,.quote-tech-visual,.detail-hero-visual,.ws-hero-grid>div:last-child{min-width:0;}
.page-placeholder-media{
    display:block;width:100%;height:100%;;object-fit:cover;border:1px solid rgba(255,255,255,.08);border-radius:12px;
    /* background:#101214 */
}
.detail-hero-visual .page-placeholder-media,.ws-hero-grid>div:last-child .page-placeholder-media{position:absolute;inset:0;width:100%;height:100%;min-height:0;opacity:.74;z-index:0}
.detail-hero-visual>*:not(.page-placeholder-media),.ws-hero-grid>div:last-child>*:not(.page-placeholder-media){position:relative;z-index:1}
.contact-route-visual .page-placeholder-media,.quote-tech-visual .page-placeholder-media,.areas-network-visual .page-placeholder-media{position:absolute;inset:0;width:100%;height:100%;min-height:0;opacity:.42;z-index:0}
.contact-route-visual>*:not(.page-placeholder-media),.quote-tech-visual>*:not(.page-placeholder-media),.areas-network-visual>*:not(.page-placeholder-media){position:relative;z-index:1}

/* Reading measure and legal alignment. */
.page-legal .legal-hero-inner{min-width:0}
.page-legal .legal-hero h1,.page-legal .legal-hero p,.page-legal .legal-updated,.page-legal .page-breadcrumb{margin-left:0;margin-right:0}
.page-legal .legal-content{max-width:var(--reading-measure)}
.page-legal .legal-section p,.page-legal .legal-section li{max-width:var(--reading-measure)}
.page-legal .legal-toc{min-width:0}
.page-legal .legal-toc a{overflow-wrap:anywhere}

/* Form and long-content containment. */
form,.field,.form-row,.quote-form,.contact-form,.quote-form-shell{min-width:0;max-width:100%}
input,select,textarea{max-width:100%}
.faq-trigger{min-width:0;max-width:100%}
.faq-trigger>*{min-width:0}

@media (max-width:1099px){
  .shell{width:min(100% - 34px,960px)}
  .brand img{width:132px;}
}
@media (max-width:760px){
  .shell{width:min(100% - 28px,680px)}
  .brand img{width:118px;}
  .page-placeholder-media{min-height:230px}
  .hero-actions{width:100%}
  .hero-actions>a,.hero-actions>button{max-width:100%}
  .page-legal .legal-layout{grid-template-columns:minmax(0,1fr)}
  .page-legal .legal-content{max-width:100%}
  .page-legal .legal-hero h1{font-size:clamp(2.5rem,12vw,4.25rem)}
}
@media (max-width:520px){
  .shell{width:calc(100% - 24px)}
  .brand img{width:108px;}
  .mobile-menu-head img{width:128px}
  main h1{overflow-wrap:normal;hyphens:none}
  main h2{overflow-wrap:normal;hyphens:none}
  .hero-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
  .hero-actions>a,.hero-actions>button{width:100%;white-space:normal;text-align:center}
  .page-placeholder-media{min-height:210px;border-radius:8px}
  .page-legal .legal-hero{min-height:0;padding:calc(var(--header-h) + 34px) 0 36px}
  .page-legal .legal-hero p{font-size:1rem;line-height:1.6}
  .page-legal .legal-updated{font-size:.76rem!important;letter-spacing:.06em}
  .footer-brand img{width:210px}
  .utility-stack{right:8px;bottom:8px}
}

/* Shared CTA variants used throughout detail, contact and area pages. */
.btn-outline,.btn-outline-dark{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:10px;font-weight:600;text-decoration:none;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}
.btn-outline{color:#fff!important;border:1px solid rgba(255,255,255,.30);background:transparent}
.btn-outline:hover,.btn-outline:focus-visible{color:#fff!important;border-color:var(--aot-orange);background:rgba(254,79,32,.08);transform:translateY(-1px)}
.btn-outline-dark{color:#17191b!important;border:1px solid #9ea4a9;background:transparent}
.btn-outline-dark:hover,.btn-outline-dark:focus-visible{color:#17191b!important;border-color:var(--aot-orange);background:rgba(254,79,32,.08);transform:translateY(-1px)}
main a.btn-aot,.site-header a.btn-aot{color:#fff!important;text-decoration:none}
.workshop-stage>*{min-width:0}
/* =========================================================
   Google Places Autocomplete
========================================================= */

.pac-container {
    border: 1px solid var(--aot-border-dark);
    border-radius: 8px;
    background: var(--aot-surface);
    box-shadow: var(--shadow);
    font-family: var(--font-body);
    overflow: hidden;
    z-index: 99999;
}

.pac-item {
    padding: 10px 14px;
    border-top: 1px solid var(--aot-border-dark);
    color: var(--aot-text-light);
    cursor: pointer;
    font-family: var(--font-body);
    font-size: 13px;
    line-height: 1.5;
}

.pac-item:hover,
.pac-item-selected {
    background-color: var(--aot-carbon);
}

.pac-item-query {
    color: var(--aot-text-light);
}

.pac-matched {
    color: var(--aot-orange);
    font-weight: 600;
}

.pac-icon {
    filter: grayscale(1) brightness(2);
}

.pac-logo::after {
    display: none;
}


/* =========================================================
   Form Errors
========================================================= */

.quote-form__error,
.form-error {
    margin-top: 5px;
    color: #ff6b61;
    font-family: var(--font-body);
    font-size: 13px;
    line-height: 1.4;
}

.quote-form__field {
    margin-bottom: 9px;
}


/* =========================================================
   Main Quote Form
========================================================= */

.vip-quote-form {
    width: 100%;
    max-width: 100%;
    margin: 20px auto 0;
    padding: 28px 30px;
    box-sizing: border-box;
    overflow: hidden;

    border: 1px solid var(--aot-border-dark);
    border-radius: var(--radius);

    background: var(--aot-carbon);
    color: var(--aot-text-light);

    box-shadow: var(--shadow);
}


/* =========================================================
   Progress
========================================================= */

.vip-form-progress {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 26px;
}

.vip-progress-step {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    white-space: nowrap;
}

.vip-progress-step span {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    box-sizing: border-box;

    border: 1.5px solid var(--aot-steel);
    border-radius: 50%;

    background: var(--aot-surface);
    color: var(--aot-text-muted);

    font-family: var(--font-body);
    font-size: 12px;
    font-weight: 600;
    line-height: 1;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease;
}

.vip-progress-step strong {
    color: var(--aot-text-muted);
    font-family: var(--font-body);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;

    transition: color 0.25s ease;
}

.vip-progress-step.active span {
    border-color: var(--aot-orange);
    background: var(--aot-orange);
    color: var(--aot-white);
}

.vip-progress-step.active strong,
.vip-progress-step.done strong {
    color: var(--aot-orange);
}

.vip-progress-step.done span {
    border-color: var(--aot-orange);
    background: var(--aot-surface);
    color: var(--aot-orange);
}

.vip-progress-line {
    position: relative;
    flex: 1 1 auto;
    min-width: 12px;
    height: 2px;
    margin: 0 15px;
    overflow: hidden;
    border-radius: 2px;
    background: var(--aot-steel);
}

.vip-progress-line::after {
    content: "";
    position: absolute;
    inset: 0;
    width: 0;
    background: var(--aot-orange);
    transition: width 0.35s ease;
}

.vip-form-progress.is-step-2 .vip-progress-line::after {
    width: 100%;
}


/* =========================================================
   Form Steps
========================================================= */

.vip-form-step {
    display: none;
}

.vip-form-step.active {
    display: block;
    animation: vipFadeIn 0.3s ease;
}

@keyframes vipFadeIn {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* =========================================================
   Form Grid
========================================================= */

.vip-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 16px;
}

.vip-full-width {
    grid-column: 1 / -1;
}

.vip-field {
    min-width: 0;
}


/* =========================================================
   Labels
========================================================= */

.vip-field label {
    display: block;
    margin-bottom: 7px;
    color: var(--aot-text-light);
    font-family: var(--font-body);
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.4;
}

.vip-field label em {
    color: var(--aot-orange);
    font-style: normal;
}

.vip-field .vip-contact-options{display: flex; align-items: center; gap: 15px;}
.vip-field .vip-contact-options label,.vip-field .vip-consent{display: flex; align-items: center; gap: 15px;}
/* =========================================================
   Inputs
========================================================= */

.vip-field input:not([type="checkbox"]):not([type="radio"]) ,
.vip-field select,
.vip-field textarea {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;

    border: 1px solid var(--aot-steel);
    border-radius: 8px;
    outline: none;

    background-color: var(--aot-surface);
    color: var(--aot-text-light);

    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1.4;

    transition:
        border-color 0.25s ease,
        background-color 0.25s ease,
        box-shadow 0.25s ease;
}

.vip-field input,
.vip-field select {
    height: 48px;
    padding: 0 14px;
}

.vip-field input:hover,
.vip-field select:hover,
.vip-field textarea:hover {
    border-color: var(--aot-orange);
}

.vip-field input:focus,
.vip-field select:focus,
.vip-field textarea:focus {
    border-color: var(--aot-orange);
    box-shadow: 0 0 0 3px rgba(254, 79, 32, 0.16);
}

.vip-field input::placeholder,
.vip-field textarea::placeholder {
    color: var(--aot-text-muted);
    opacity: 1;
}

.vip-field input:disabled,
.vip-field select:disabled,
.vip-field textarea:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}


/* =========================================================
   Textarea
========================================================= */

.vip-field textarea {
    min-height: 96px;
    padding: 13px 14px;
    line-height: 1.5;
    resize: vertical;
}


/* =========================================================
   Select
========================================================= */

.vip-field select {
    padding-right: 42px;
    cursor: pointer;

    appearance: none;
    -webkit-appearance: none;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%23F4F5F6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 12px 8px;
}

.vip-field select:invalid {
    color: var(--aot-text-muted);
}

.vip-field select option {
    background: var(--aot-surface);
    color: var(--aot-text-light);
}


/* =========================================================
   Date & Time
========================================================= */

.vip-field input[type="date"],
.vip-field input[type="time"] {
    min-height: 48px;
    cursor: pointer;
    color-scheme: dark;

    appearance: none;
    -webkit-appearance: none;
    text-align: left;
}

.vip-field input[type="date"]::-webkit-calendar-picker-indicator,
.vip-field input[type="time"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 0.75;
    filter: invert(1);
    transition: opacity 0.25s ease;
}

.vip-field input[type="date"]::-webkit-calendar-picker-indicator:hover,
.vip-field input[type="time"]::-webkit-calendar-picker-indicator:hover {
    opacity: 1;
}


/* =========================================================
   Return Fields
========================================================= */

.vip-return-fields {
    display: none;
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 16px;
    padding: 18px;

    border: 1px dashed var(--aot-steel);
    border-radius: 8px;

    background-color: var(--aot-surface);
}

.vip-return-fields.active {
    display: grid;
    animation: vipFadeIn 0.3s ease;
}


/* =========================================================
   Validation
========================================================= */

.vip-error {
    margin-top: 5px;
    color: #ff6b61;
    font-family: var(--font-body);
    font-size: 11.5px;
    line-height: 1.4;
}

.vip-error:empty {
    display: none;
}

.vip-field input.is-invalid,
.vip-field select.is-invalid,
.vip-field textarea.is-invalid,
.vip-invalid {
    border-color: #ff6b61 !important;
    background-color: rgba(180, 35, 24, 0.08);
}

.vip-field input.is-invalid:focus,
.vip-field select.is-invalid:focus,
.vip-field textarea.is-invalid:focus {
    box-shadow: 0 0 0 3px rgba(255, 107, 97, 0.14);
}


/* =========================================================
   International Telephone Input
========================================================= */

.vip-field .iti {
    display: block;
    width: 100%;
}

.vip-field .iti input {
    width: 100%;
}

.vip-field .iti__selected-country {
    background: transparent;
}

.vip-field .iti__selected-country:hover,
.vip-field .iti__selected-country:focus {
    background: var(--aot-steel);
}

.vip-field .iti__country-list {
    max-width: min(320px, calc(100vw - 48px));
    border: 1px solid var(--aot-steel);
    border-radius: 8px;
    background: var(--aot-surface);
    color: var(--aot-text-light);
    box-shadow: var(--shadow);
}

.vip-field .iti__country.iti__highlight {
    background: var(--aot-carbon);
}

.vip-field .iti__country-name,
.vip-field .iti__dial-code {
    color: var(--aot-text-light);
}


/* =========================================================
   Form Actions
========================================================= */

.vip-form-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;

    margin-top: 24px;
    padding-top: 20px;

    border-top: 1px solid var(--aot-border-dark);
}

.vip-form-step[data-step="2"] .vip-form-actions {
    justify-content: space-between;
}


/* =========================================================
   Buttons
========================================================= */

.vip-next-btn,
.vip-back-btn,
.vip-submit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    min-height: 48px;
    padding: 0 26px;
    box-sizing: border-box;

    border: 1px solid transparent;
    border-radius: 8px;

    font-family: var(--font-body);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1;

    cursor: pointer;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}


/* =========================================================
   Primary Buttons
========================================================= */

.vip-next-btn,
.vip-submit-btn {
    border-color: var(--aot-orange);
    background-color: var(--aot-orange);
    color: var(--aot-white);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18);
}

.vip-next-btn:hover,
.vip-submit-btn:hover {
    border-color: var(--aot-orange-dark);
    background-color: var(--aot-orange-dark);
    color: var(--aot-white);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

.vip-next-btn:active,
.vip-submit-btn:active {
    transform: translateY(1px);
}

.vip-next-btn span,
.vip-submit-btn span {
    font-size: 16px;
    transition: transform 0.25s ease;
}

.vip-next-btn:hover span,
.vip-submit-btn:hover span {
    transform: translateX(3px);
}

.vip-submit-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    box-shadow: none;
}


/* =========================================================
   Back Button
========================================================= */

.vip-back-btn {
    border-color: var(--aot-steel);
    background-color: var(--aot-surface);
    color: var(--aot-text-light);
}

.vip-back-btn:hover {
    border-color: var(--aot-orange);
    background-color: var(--aot-carbon);
    color: var(--aot-orange);
}

.vip-back-btn:active {
    transform: translateY(1px);
}


/* =========================================================
   Button Focus
========================================================= */

.vip-next-btn:focus-visible,
.vip-back-btn:focus-visible,
.vip-submit-btn:focus-visible {
    outline: 2px solid var(--aot-orange);
    outline-offset: 3px;
}


/* =========================================================
   Disabled Buttons
========================================================= */

.vip-next-btn:disabled,
.vip-back-btn:disabled,
.vip-submit-btn:disabled {
    opacity: 0.55;
    cursor: not-allowed;
    pointer-events: none;
}


/* =========================================================
   Responsive
========================================================= */

@media (max-width: 767.98px) {
    .vip-quote-form {
        max-width: 100%;
        padding: 24px 20px;
        border-radius: 12px;
    }

    .vip-progress-step strong {
        display: none;
    }

    .vip-progress-line {
        margin: 0 10px;
    }

    .vip-form-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

    .vip-full-width {
        grid-column: auto;
    }

    .vip-return-fields {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
        padding: 15px;
    }

    .vip-form-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .vip-form-step[data-step="2"] .vip-form-actions {
        flex-direction: column-reverse;
    }

    .vip-next-btn,
    .vip-back-btn,
    .vip-submit-btn {
        width: 100%;
    }
}


/* =========================================================
   Small Mobile
========================================================= */

@media (max-width: 479.98px) {
    .vip-quote-form {
        padding: 20px 16px;
    }

    .vip-form-progress {
        margin-bottom: 22px;
    }

    .vip-progress-step span {
        width: 28px;
        height: 28px;
        flex-basis: 28px;
        font-size: 11px;
    }

    .vip-progress-line {
        margin: 0 8px;
    }

    .vip-field input,
    .vip-field select {
        height: 46px;
    }

    .vip-field textarea {
        min-height: 100px;
    }

    .vip-next-btn,
    .vip-back-btn,
    .vip-submit-btn {
        min-height: 46px;
        padding: 0 20px;
    }
}


/* =========================================================
   Reduced Motion
========================================================= */

@media (prefers-reduced-motion: reduce) {
    .vip-form-step.active,
    .vip-return-fields.active {
        animation: none;
    }

    .vip-progress-step span,
    .vip-progress-step strong,
    .vip-progress-line::after,
    .vip-field input,
    .vip-field select,
    .vip-field textarea,
    .vip-next-btn,
    .vip-back-btn,
    .vip-submit-btn,
    .vip-next-btn span,
    .vip-submit-btn span {
        transition: none;
    }
}



/* =========================================================
   AOT SWIPER GALLERY
   Uses existing AOT root variables
   ========================================================= */

.media-gallery-section {
    overflow: hidden;
    padding: 40px 0;
}

.media-gallery-section .section-head {
    margin-bottom: 30px;
}

.media-gallery-section .section-head .nm-eyebrow {
    color: var(--aot-orange);
}

.media-gallery-section .section-head h2 {
    color: var(--aot-text-light);
}

/* Swiper */
.media-gallery-swiper {
    width: 100%;
    overflow: visible;
}

.media-gallery-swiper .swiper-wrapper {
    align-items: stretch;
}

.media-gallery-swiper .swiper-slide {
    height: auto;
    align-self: stretch;
}

/* Variable slide widths */
.media-gallery__slide--logo {
    width: 240px;
}

.media-gallery__slide--small {
    width: 260px;
}

.media-gallery__slide--medium {
    width: 340px;
}

.media-gallery__slide--wide {
    width: 460px;
}

/* Gallery card */
.media-gallery__item {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
    border: 1px solid var(--aot-border-dark);
    border-radius: var(--radius);
    background: var(--aot-carbon);
    isolation: isolate;
}

/* Images */
.media-gallery__item > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}

.media-gallery__item:hover > img {
    transform: scale(1.045);
}

/* Subtle image overlay */
.media-gallery__item:not(.media-gallery__item--logo)::after {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(
        180deg,
        rgba(8, 9, 10, .02) 45%,
        rgba(8, 9, 10, .18) 100%
    );
    content: "";
    pointer-events: none;
}

/* First slide: Logo */
.media-gallery__item--logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    background: var(--aot-surface);
}

.media-gallery__item--logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: none !important;
}

/* Video */
.media-gallery__item--video video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: var(--aot-carbon);
}

.media-gallery__video-label {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 6px;
    background: rgba(8, 9, 10, .78);
    color: var(--aot-white);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .04em;
    pointer-events: none;
}

.media-gallery__video-label i {
    color: var(--aot-orange);
    font-size: 16px;
}

/* Controls */
.media-gallery__controls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    margin-top: 24px;
}

.media-gallery__arrow {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border: 1px solid var(--aot-border-dark);
    border-radius: 50%;
    background: var(--aot-surface);
    color: var(--aot-text-light);
    transition:
        background .25s ease,
        border-color .25s ease,
        color .25s ease;
}

.media-gallery__arrow:hover {
    border-color: var(--aot-orange);
    background: var(--aot-orange);
    color: var(--aot-white);
}

.media-gallery__arrow:focus-visible {
    outline: 3px solid var(--aot-orange);
    outline-offset: 4px;
}

/* Pagination */
.media-gallery__pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: auto !important;
}

.media-gallery__pagination .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    margin: 0 !important;
    border-radius: 20px;
    background: var(--aot-text-muted);
    opacity: .5;
    transition:
        width .25s ease,
        background .25s ease,
        opacity .25s ease;
}

.media-gallery__pagination .swiper-pagination-bullet-active {
    width: 24px;
    background: var(--aot-orange);
    opacity: 1;
}

/* Tablet */
@media (max-width: 991px) {
    .media-gallery__item {
        height: 280px;
    }

    .media-gallery__slide--logo {
        width: 220px;
    }

    .media-gallery__slide--small {
        width: 230px;
    }

    .media-gallery__slide--medium {
        width: 300px;
    }

    .media-gallery__slide--wide {
        width: 390px;
    }
}

/* Mobile */
@media (max-width: 575px) {
    .media-gallery-section .section-head {
        margin-bottom: 22px;
    }

    .media-gallery__item {
        height: 240px;
        border-radius: 10px;
    }

    .media-gallery__slide--logo {
        width: 190px;
    }

    .media-gallery__slide--small {
        width: 210px;
    }

    .media-gallery__slide--medium {
        width: 250px;
    }

    .media-gallery__slide--wide {
        width: 290px;
    }

    .media-gallery__item--logo {
        padding: 22px;
    }

    .media-gallery__controls {
        gap: 12px;
        margin-top: 20px;
    }

    .media-gallery__arrow {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .media-gallery__item > img,
    .media-gallery__arrow,
    .media-gallery__pagination .swiper-pagination-bullet {
        transition: none;
    }

    .media-gallery__item:hover > img {
        transform: none;
    }
}

/* Desktop: hide mobile background */
.hero-mobile-visual {
    display: none;
}
.hero-v2{
  min-height: 100vh;
}
.hero-v2 .shell{width: min(1280px, calc(100% - 40px))};

.hero-v2 {
    position: relative;
    isolation: isolate;
    min-height: 100vh;
    background: transparent;
    overflow: hidden;
}

/* Image as background */
.hero-v2-visual {
    position: absolute;
    inset: 0;
    overflow: hidden;
    height: 100vh;
    pointer-events: none;
}

.hero-v2-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 0;
}

/* Premium transparent black overlay */
.hero-v2-visual .hero-mobile-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(5, 6, 6, 0.40) 0%,
        rgba(5, 6, 6, 0.65) 50%,
        rgba(0, 0, 0, 0.92) 100%
    );
}

/* Keep content above image */
.hero-v2 > .container,
.hero-v2 > .shell,
.hero-v2 > .hero-v2-content {
    position: relative;
    z-index: 1;
}

@media (max-width: 992px) {

    /* Show mobile background image */
    .hero-mobile-visual {
        display: block;
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        pointer-events: none;
        overflow: hidden;
    }

    .hero-mobile-image {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: center bottom;
        border-radius: 0;
    }

    .hero-mobile-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0.45) 0%,
            rgba(0, 0, 0, 0.70) 45%,
            #08090A 100%
        );
    }

 
/* Hero positioning */
.sr-hero,
.hero-section,
.tyres-hero,
.areas-hero,
.about-hero,
.contact-hero,
.detail-hero,
.ws-hero {
    position: relative;
    isolation: isolate;
    background: #08090A;
    overflow: hidden;
}

/* Keep content above image and overlay */
.sr-hero .hero-grid,
.hero-section > .hero-grid,
.tyres-hero .hero-grid,
.areas-hero .hero-grid,
.about-hero .hero-grid,
.contact-hero .contact-hero-grid,
.detail-hero .hero-grid,
.ws-hero .hero-grid {
    position: relative;
    z-index: 1;
    display: block;
}

/* Hide original right-side visual */
.sr-hero .sr-hero-visual,
.hero-section .hero-visual,
.tyres-hero .tyres-hero-visual,
.tyres-hero .tyres-hero-specs,
.areas-hero .areas-network-visual,
.areas-hero .areas-hero-specs,
.about-hero .about-hero-visual,
.about-hero .about-hero-specs,
.contact-hero .contact-route-visual,
.contact-hero .contact-hero-specs,
.detail-hero .detail-hero-visual,
.detail-hero .detail-hero-specs,
.ws-hero .ws-hero-meter,
.ws-hero .ws-hero-specs,.ws-hero .ws-stack-visual,.ws-hero .oil-gauge,.ws-hero .exhaust-line, .ws-hero .repair-grid-visual, .ws-hero .diag-screen {
    display: none !important;
}

/* White text */
.sr-hero .hero-copy,
.hero-section .hero-copy,
.tyres-hero .hero-copy,
.areas-hero .hero-copy,
.about-hero .hero-copy,
.contact-hero .hero-copy,
.detail-hero .hero-copy,
.ws-hero .hero-copy,

.sr-hero .hero-copy h1,
.hero-section .hero-copy h1,
.tyres-hero .hero-copy h1,
.areas-hero .hero-copy h1,
.about-hero .hero-copy h1,
.contact-hero .hero-copy h1,
.detail-hero .hero-copy h1,
.ws-hero .hero-copy h1,

.sr-hero .hero-copy p,
.hero-section .hero-copy p,
.tyres-hero .hero-copy p,
.areas-hero .hero-copy p,
.about-hero .hero-copy p,
.contact-hero .hero-copy p,
.detail-hero .hero-copy p,
.ws-hero .hero-copy p,

.sr-hero .hero-copy strong,
.hero-section .hero-copy strong,
.tyres-hero .hero-copy strong,
.areas-hero .hero-copy strong,
.about-hero .hero-copy strong,
.contact-hero .hero-copy strong,
.detail-hero .hero-copy strong,
.ws-hero .hero-copy strong,

.sr-hero .hero-copy span,
.hero-section .hero-copy span,
.tyres-hero .hero-copy span,
.areas-hero .hero-copy span,
.about-hero .hero-copy span,
.contact-hero .hero-copy span,
.detail-hero .hero-copy span,
.ws-hero .hero-copy span,

.sr-hero .section-kicker,
.hero-section .section-kicker,
.tyres-hero .section-kicker,
.areas-hero .section-kicker,
.about-hero .section-kicker,
.contact-hero .section-kicker,
.detail-hero .section-kicker,
.ws-hero .section-kicker {
    color: #fff;
}

/* Preserve orange heading accent */
.sr-hero .hero-copy h1 em,
.hero-section .hero-copy h1 em,
.tyres-hero .hero-copy h1 em,
.areas-hero .hero-copy h1 em,
.about-hero .hero-copy h1 em,
.contact-hero .hero-copy h1 em,
.detail-hero .hero-copy h1 em,
.ws-hero .hero-copy h1 em {
    color: #FE4F20;
}




    .hero-section .hero-lead {
        color: rgba(255, 255, 255, 0.88);
    }

    .hero-section .hero-proof div {
        border-color: rgba(255, 255, 255, 0.20);
    }

    .hero-section .hero-proof span {
        color: rgba(255, 255, 255, 0.75);
    }

    /* Keep buttons above the background */
    .hero-section .hero-actions,
    .hero-section .hero-proof {
        position: relative;
        z-index: 1;
    }

    .hero-section .btn-ghost {
        color: #fff;
        border-color: rgba(255, 255, 255, 0.45);
    }

    /* Service rail */
    .hero-section .hero-rail {
        position: relative;
        z-index: 1;
        color: #fff;
    }
}
/* vehicle recover page */
/* =========================================
   VEHICLE RECOVERY INTRO — WHITE EDITION
========================================= */

.recovery-intro-section {
    position: relative;
    overflow: hidden;
    padding: 40px 0;
    background: #fff;
    color: #142235;
}

.recovery-intro-content {
    position: relative;
    z-index: 2;
    padding: 10px 15px 10px 0;
}

.recovery-intro-content .section-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--aot-orange);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
}

.recovery-intro-content .section-kicker::before {
    content: "";
    width: 30px;
    height: 2px;
    background: var(--aot-orange);
}

.recovery-intro-content h2 {
    max-width: 620px;
    margin: 22px 0;
    color: #142235;
    font-size: clamp(28px, 3.5vw, 45px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -2px;
}

.recovery-intro-content h2 span {
    display: block;
    color: var(--aot-orange);
}

.recovery-intro-content p {
    max-width: 590px;
    color: #657184;
    font-size: 14px;
    line-height: 1.85;
}

.recovery-intro-content p.lead {
    color: #27374B;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.75;
}

.recovery-intro-content .btn-aot {
    box-shadow: 0 8px 20px rgba(216,11,22,.15);
}

.recovery-intro-content .about-inline-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #142235;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.recovery-intro-content .about-inline-link i {
    color: var(--aot-orange);
    font-size: 17px;
}

/* SERVICE HIGHLIGHTS */

.recovery-highlights {
    max-width: 540px;
    border-top: 1px solid #E8EBEF;
    padding-top: 15px;
}

.recovery-highlight {
    display: flex;
    align-items: center;
    gap: 13px;
    height: 100%;
    padding: 15px;
    border: 1px solid #E9EDF2;
    border-radius: 12px;
    background: #F8FAFC;
    transition: .3s ease;
}

.recovery-highlight:hover {
    border-color: var(--aot-orange);
    background: #fff;
    transform: translateY(-3px);
}

.recovery-highlight > i {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #FCEDEF;
    color: var(--aot-orange);
    font-size: 21px;
}

.recovery-highlight strong,
.recovery-highlight span {
    display: block;
}

.recovery-highlight strong {
    color: #142235;
    font-size: 13px;
    font-weight: 800;
}

.recovery-highlight span {
    margin-top: 4px;
    color: #7B8796;
    font-size: 11px;
}

/* IMAGE COMPOSITION */

.recovery-intro-visual {
    position: relative;
    padding: 0 0 55px 35px;
}

.recovery-image-main {
    position: relative;
    overflow: hidden;
    border-radius: 4px 35px 4px 35px;
    background: #EDF0F4;
}

.recovery-image-main::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        transparent 65%,
        rgba(12,25,42,.18)
    );
    pointer-events: none;
}

.recovery-image-main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s ease;
}

.recovery-intro-visual:hover .recovery-image-main img {
    transform: scale(1.035);
}

/* FLOATING IMAGE PANEL */

.recovery-image-caption {
    position: absolute;
    left: 0;
    bottom: 12px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 13px;
    width: min(90%, 390px);
    padding: 19px;
    border: 1px solid #E9EDF2;
    border-left: 4px solid var(--aot-orange);
    border-radius: 4px 15px 15px 15px;
    background: #fff;
    box-shadow: 0 15px 40px rgba(20,34,53,.12);
    color: #142235;
}

.recovery-image-caption strong,
.recovery-image-caption span {
    display: block;
}

.recovery-image-caption strong {
    font-size: 14px;
    font-weight: 800;
}

.recovery-image-caption span {
    margin-top: 4px;
    color: #7B8796;
    font-size: 12px;
}

.recovery-image-caption .caption-icon {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    background: #FCEDEF;
    color: var(--aot-orange);
    font-size: 23px;
}

.recovery-image-caption > i {
    color: var(--aot-orange);
    font-size: 20px;
}

/* IMAGE INDEX */

.recovery-visual-index {
    position: absolute;
    top: 22px;
    right: -5px;
    writing-mode: vertical-rl;
    color: #657184;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

/* RESPONSIVE */

@media(max-width:991.98px) {
    .recovery-intro-section {
        padding: 65px 0;
    }

    .recovery-intro-content {
        padding-right: 0;
    }

    .recovery-intro-visual {
        padding-left: 20px;
    }

  
}

@media(max-width:575.98px) {
    .recovery-intro-section {
        padding: 50px 0;
    }

    .recovery-intro-content h2 {
        font-size: 37px;
        letter-spacing: -1.3px;
    }

    .recovery-image-main {
        border-radius: 4px 24px 4px 24px;
    }

    .recovery-image-caption {
        padding: 13px;
    }

    .recovery-highlight {
        padding: 11px;
        gap: 8px;
    }

    .recovery-highlight > i {
        width: 35px;
        height: 35px;
        font-size: 18px;
    }
}

/* RECOVERY WHY CHOOSE US */
.recovery-why-section {
    padding: 55px 0;
    background: var(--aot-carbon);
    border-block: 1px solid var(--aot-border-dark);
}

.recovery-why-section h2 {
    margin: 10px 0 0;
    color: var(--aot-white);
}

.recovery-why-section h2 span {
    color: var(--aot-orange);
}

.recovery-why-intro {
    margin: 0;
    color: var(--aot-text-muted);
    font-size: 14px;
}

.recovery-why-card {
    position: relative;
    height: 100%;
    min-height: 220px;
    padding: 22px;
    overflow: hidden;
    background: var(--aot-surface);
    border: 1px solid var(--aot-border-dark);
    border-radius: var(--radius);
    transition: .3s ease;
}

.recovery-why-card:hover {
    border-color: var(--aot-orange);
    transform: translateY(-4px);
}

.recovery-why-number {
    position: absolute;
    top: 15px;
    right: 18px;
    color: rgba(255,255,255,.18);
    font-size: 13px;
    font-weight: 700;
}

.recovery-why-icon {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    margin-bottom: 20px;
    color: var(--aot-orange);
    background: rgba(254,79,32,.10);
    border-radius: 10px;
    font-size: 21px;
}

.recovery-why-card h3 {
    margin: 0 0 8px;
    color: var(--aot-text-light);
    font-size: 18px;
    font-weight: 700;
}

.recovery-why-card p {
    margin: 0;
    color: var(--aot-text-muted);
    font-size: 13px;
    line-height: 1.65;
}

.recovery-why-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 18px;
    padding: 16px 20px;
    background: var(--aot-surface);
    border: 1px solid var(--aot-border-dark);
    border-radius: var(--radius);
}

.recovery-why-bottom p {
    margin: 0;
    color: var(--aot-text-light);
    font-weight: 600;
}

@media(max-width:575.98px) {
    .recovery-why-section {
        padding: 38px 0;
    }

    .recovery-why-bottom {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* sell your car page start here  */
/* SELL YOUR CAR INTRO */
.sell-car-intro {
    padding: 50px 0;
    background: var(--aot-white);
    color: var(--aot-bg);
    overflow: hidden;
}

.sell-car-content h2 {
    margin: 12px 0 18px;
    color: var(--aot-bg);
}
.sell-car-content .section-kicker{color: var(--aot-bg);}
.sell-car-content h2 span {
    color: var(--aot-orange);
}

.sell-car-content p {
    color: #62676D;
    font-size: 14px;
    margin-bottom: 12px;
}

.sell-car-content .sell-car-lead {
    color: #292D32;
    font-size: 16px;
    font-weight: 600;
}

.sell-car-content .btn-aot {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
}

.sell-car-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid var(--aot-border-light);
}

.sell-car-trust div {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #34383D;
    font-size: 13px;
    font-weight: 600;
}

.sell-car-trust i {
    color: var(--aot-orange);
    font-size: 19px;
}

.sell-car-visual {
    position: relative;
    padding: 0 0 35px 30px;
}

.sell-car-image {
    overflow: hidden;
    border-radius: 16px 16px 16px 70px;
    background: #E9EAEB;
}

.sell-car-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sell-car-image-label {
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    width: min(90%, 350px);
    padding: 15px;
    background: var(--aot-white);
    border: 1px solid var(--aot-border-light);
    border-radius: 12px;
    box-shadow: 0 12px 35px rgba(0,0,0,.10);
}

.sell-car-label-icon {
    display: grid !important;
    place-items: center;
    flex: 0 0 42px;
    height: 42px;
    border-radius: 10px;
    background: rgba(254,79,32,.10);
    color: var(--aot-orange);
    font-size: 20px;
}

.sell-car-image-label strong,
.sell-car-image-label span {
    display: block;
}

.sell-car-image-label strong {
    color: var(--aot-bg);
    font-size: 14px;
}

.sell-car-image-label div span {
    color: #777D83;
    font-size: 11px;
}

.sell-car-image-label > i {
    color: var(--aot-orange);
}

.sell-car-image-tag {
    position: absolute;
    top: 18px;
    right: -4px;
    writing-mode: vertical-rl;
    color: var(--aot-white);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}

.sell-car-options {
    margin-top: 30px;
}

.sell-car-option {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    height: 100%;
    padding: 22px;
    background: #F5F6F7;
    border: 1px solid var(--aot-border-light);
    border-radius: 14px;
    transition: .3s ease;
}

.sell-car-option:hover {
    border-color: var(--aot-orange);
    transform: translateY(-3px);
}

.sell-car-option-icon {
    display: grid;
    place-items: center;
    flex: 0 0 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--aot-bg);
    color: var(--aot-orange);
    font-size: 22px;
}

.sell-car-option-tag {
    color: var(--aot-orange);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.sell-car-option h3 {
    margin: 4px 0 7px;
    color: var(--aot-bg);
    font-size: 18px;
}

.sell-car-option p {
    margin: 0;
    color: #62676D;
    font-size: 13px;
}

.sell-car-option-arrow {
    position: absolute;
    top: 20px;
    right: 20px;
    color: var(--aot-orange);
}

@media(max-width:991.98px) {
    .sell-car-visual {
        padding-left: 18px;
    }
    .sell-car-image {
        height: 360px;
    }
}

@media(max-width:575.98px) {
    .sell-car-intro {
        padding: 38px 0;
    }
    .sell-car-visual {
        padding-left: 10px;
    }
    .sell-car-image {
        height: 290px;
        border-bottom-left-radius: 40px;
    }
    .sell-car-option {
        padding: 18px;
    }
}
/* ========================================
   RUNNING VEHICLES — BLACK VERSION
======================================== */
.sell-runner-section {
    padding: 45px 0;
    background: var(--aot-bg);
    color: var(--aot-text-light);
    overflow: hidden;
}

.runner-layout {
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    align-items: center;
    gap: 55px;
}

.runner-visual {
    position: relative;
    min-height: 470px;
    padding: 0 30px 30px 0;
}

.runner-visual > img {
    width: 100%;
    object-fit: cover;
    border-radius: 14px 100px 14px 14px;
}

.runner-image-mark {
    position: absolute;
    top: 18px;
    left: 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 14px;
    color: var(--aot-white);
    background: rgba(8,9,10,.85);
    border-radius: 5px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.runner-image-mark span:first-child {
    color: var(--aot-orange);
}

.runner-image-note {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 17px 20px;
    background: var(--aot-surface);
    border: 1px solid var(--aot-border-dark);
    border-radius: 12px;
    box-shadow: var(--shadow);
}

.runner-image-note > i {
    color: var(--aot-orange);
    font-size: 27px;
}

.runner-image-note strong,
.runner-image-note span {
    display: block;
}

.runner-image-note strong {
    color: var(--aot-white);
    font-size: 14px;
}

.runner-image-note span,
.runner-bottom-note {
    color: var(--aot-text-muted);
    font-size: 11px;
}

.runner-content h2 {
    margin: 12px 0 18px;
    color: var(--aot-white);
}

.runner-content h2 span {
    color: var(--aot-orange);
}

.runner-content p {
    color: var(--aot-text-muted);
    font-size: 14px;
    margin-bottom: 13px;
}

.runner-content .runner-lead {
    color: var(--aot-text-light);
    font-size: 16px;
    font-weight: 600;
}

.runner-checklist {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 13px;
    margin: 22px 0;
    padding: 18px 0;
    border-block: 1px solid var(--aot-border-dark);
}

.runner-checklist div {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--aot-text-light);
    font-size: 12px;
    font-weight: 600;
}

.runner-checklist i {
    color: var(--aot-orange);
    font-size: 17px;
}

.runner-bottom {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
}


/* ========================================
   NON-RUNNING VEHICLES — WHITE VERSION
======================================== */
.sell-nonrunner-section {
    padding: 45px 0;
    background: var(--aot-white);
    color: var(--aot-bg);
    overflow: hidden;
}

.nonrunner-layout {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    align-items: center;
    gap: 55px;
}

.nonrunner-content h2 {
    margin: 12px 0 18px;
    color: var(--aot-bg);
}
.nonrunner-content .section-kicker{color: var(--aot-bg);}
.nonrunner-content h2 span {
    color: var(--aot-orange);
}

.nonrunner-content p {
    color: #62676D;
    font-size: 14px;
    margin-bottom: 13px;
}

.nonrunner-content .nonrunner-lead {
    color: #292D32;
    font-size: 16px;
    font-weight: 600;
}

.nonrunner-conditions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin: 22px 0;
}

.nonrunner-conditions div {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 13px;
    background: #F5F6F7;
    border: 1px solid var(--aot-border-light);
    border-radius: 9px;
    color: #34383D;
    font-size: 12px;
    font-weight: 600;
}

.nonrunner-conditions i {
    color: var(--aot-orange);
    font-size: 19px;
}

.nonrunner-visual {
    position: relative;
    min-height: 470px;
    padding: 25px 0 25px 25px;
}

.nonrunner-visual > img {
    width: 100%;
    object-fit: cover;
    filter: brightness(.85);
    border-radius: 14px 14px 90px 14px;
}

.nonrunner-overlay {
    position: absolute;
    inset: 25px 0 25px 25px;
    background: linear-gradient(180deg, transparent 50%, rgba(0,0,0,.65));
    border-radius: 14px 14px 90px 14px;
    pointer-events: none;
}

.nonrunner-image-index {
    position: absolute;
    top: 42px;
    right: 18px;
    padding: 8px 12px;
    background: var(--aot-orange);
    color: var(--aot-white);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.nonrunner-image-caption {
    position: absolute;
    left: 0;
    bottom: 48px;
    display: flex;
    align-items: center;
    gap: 12px;
    width: min(90%, 330px);
    padding: 16px;
    background: var(--aot-white);
    border: 1px solid var(--aot-border-light);
    border-radius: 12px;
    box-shadow: 0 12px 35px rgba(0,0,0,.12);
}

.nonrunner-caption-icon {
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    height: 42px;
    background: rgba(254,79,32,.10);
    color: var(--aot-orange);
    border-radius: 9px;
    font-size: 20px;
}

.nonrunner-image-caption strong,
.nonrunner-image-caption span {
    display: block;
}

.nonrunner-image-caption strong {
    color: var(--aot-bg);
    font-size: 14px;
}

.nonrunner-image-caption div span {
    color: #777D83;
    font-size: 11px;
}

.nonrunner-side-label {
    position: absolute;
    right: -5px;
    bottom: 100px;
    writing-mode: vertical-rl;
    color: #62676D;
    font-size: 9px;
    letter-spacing: 2px;
}


/* ========================================
   RESPONSIVE
======================================== */
@media(max-width:991.98px) {
    .runner-layout,
    .nonrunner-layout {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .nonrunner-content {
        order: 1;
    }

    .nonrunner-visual {
        order: 2;
    }

    .runner-visual,
    .nonrunner-visual {
        min-height: 400px;
    }

    .runner-visual > img,
    .nonrunner-visual > img {
        height: 380px;
    }
}

@media(max-width:575.98px) {
    .sell-runner-section,
    .sell-nonrunner-section {
        padding: 38px 0;
    }

    .runner-visual,
    .nonrunner-visual {
        min-height: 320px;
    }

    .runner-visual > img,
    .nonrunner-visual > img {
        height: 300px;
    }

    .runner-checklist {
        grid-template-columns: 1fr;
    }

    .nonrunner-conditions {
        gap: 8px;
    }

    .nonrunner-conditions div {
        padding: 11px 9px;
        font-size: 11px;
    }
}

/* mobile repair */
/* MOBILE REPAIR INTRO */
.mobile-repair-intro {
    padding: 45px 0;
    background: var(--aot-white);
    color: var(--aot-bg);
    overflow: hidden;
}

.mobile-repair-content h2 {
    margin: 12px 0 18px;
    color: var(--aot-bg);
}
.mobile-repair-content .section-kicker{color: var(--aot-bg);}
.mobile-repair-content h2 span {
    color: var(--aot-orange);
}

.mobile-repair-content p {
    margin-bottom: 13px;
    color: #62676D;
    font-size: 14px;
}

.mobile-repair-content .mobile-repair-lead {
    color: #292D32;
    font-size: 16px;
    font-weight: 600;
}

.mobile-repair-content .btn-aot {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 10px;
}

.mobile-repair-highlights {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 22px;
    padding-top: 17px;
    border-top: 1px solid var(--aot-border-light);
}

.mobile-repair-highlights div {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #34383D;
    font-size: 12px;
    font-weight: 600;
}

.mobile-repair-highlights i {
    color: var(--aot-orange);
    font-size: 19px;
}

.mobile-repair-visual {
    position: relative;
    padding: 0 0 35px 30px;
}

.mobile-repair-image {
    overflow: hidden;
    border-radius: 16px 16px 16px 75px;
    background: #E9EAEB;
}

.mobile-repair-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mobile-repair-image-caption {
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    width: min(90%, 360px);
    padding: 16px;
    background: var(--aot-white);
    border: 1px solid var(--aot-border-light);
    border-radius: 12px;
    box-shadow: 0 12px 35px rgba(0,0,0,.10);
}

.mobile-repair-image-caption > span {
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    height: 42px;
    background: rgba(254,79,32,.10);
    color: var(--aot-orange);
    border-radius: 10px;
    font-size: 21px;
}

.mobile-repair-image-caption strong,
.mobile-repair-image-caption small {
    display: block;
}

.mobile-repair-image-caption strong {
    color: var(--aot-bg);
    font-size: 13px;
}

.mobile-repair-image-caption small {
    color: #777D83;
    font-size: 11px;
}

.mobile-repair-image-index {
    position: absolute;
    top: 18px;
    right: -4px;
    writing-mode: vertical-rl;
    color: #62676D;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2px;
}

@media(max-width:991.98px) {
    .mobile-repair-visual {
        padding-left: 20px;
    }

    .mobile-repair-image {
        height: 380px;
    }
}

@media(max-width:575.98px) {
    .mobile-repair-intro {
        padding: 38px 0;
    }

    .mobile-repair-visual {
        padding-left: 10px;
    }

    .mobile-repair-image {
        height: 290px;
        border-bottom-left-radius: 45px;
    }

    .mobile-repair-image-caption {
        padding: 12px;
    }
}

/* MOBILE BOOKING OPTIONS */
.mobile-booking-section {
    padding: 50px 0;
    background: var(--aot-bg);
    overflow: hidden;
}

.booking-section-heading {
    max-width: 680px;
    margin-bottom: 42px;
}

.booking-section-heading .section-kicker {
    color: var(--aot-orange);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
}

.booking-section-heading h2 {
    margin: 12px 0;
    color: var(--aot-white);
}

.booking-section-heading h2 span {
    color: var(--aot-orange);
}

.booking-section-heading p {
    max-width: 580px;
    margin: 0;
    color: var(--aot-text-muted);
    font-size: 14px;
}

.booking-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.booking-card {
    position: relative;
    min-height: 510px;
    padding: 32px;
    border-radius: 18px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.booking-emergency {
    background: var(--aot-orange);
    color: var(--aot-white);
}

.booking-home {
    background: #F1F2F3;
    color: var(--aot-bg);
}

.booking-card-top {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.booking-number {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

.booking-icon {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border-radius: 14px;
    font-size: 23px;
}

.booking-emergency .booking-icon {
    background: rgba(255,255,255,.17);
    color: var(--aot-white);
}

.booking-home .booking-icon {
    background: var(--aot-bg);
    color: var(--aot-orange);
}

.booking-card-content {
    position: relative;
    z-index: 2;
    max-width: 470px;
    margin-top: 55px;
}

.booking-label {
    display: block;
    margin-bottom: 12px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

.booking-emergency .booking-label {
    color: rgba(255,255,255,.75);
}

.booking-home .booking-label {
    color: #777D83;
}

.booking-card h3 {
    margin: 0 0 15px;
    font-size: clamp(30px, 3vw, 43px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -1px;
}

.booking-emergency h3 {
    color: var(--aot-white);
}

.booking-home h3 {
    color: var(--aot-bg);
}

.booking-home h3 span {
    color: var(--aot-orange);
}

.booking-emergency h3 span {
    color: var(--aot-bg);
}

.booking-card-content > p {
    max-width: 420px;
    margin-bottom: 24px;
    font-size: 13px;
    line-height: 1.8;
}

.booking-emergency .booking-card-content > p {
    color: rgba(255,255,255,.88);
}

.booking-home .booking-card-content > p {
    color: #62676D;
}

.booking-features {
    display: grid;
    gap: 12px;
    margin: 0 0 28px;
    padding: 20px 0;
    list-style: none;
    border-top: 1px solid rgba(255,255,255,.25);
    border-bottom: 1px solid rgba(255,255,255,.25);
}

.booking-home .booking-features {
    border-color: #D7DADD;
}

.booking-features li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 600;
}

.booking-features i {
    font-size: 16px;
}

.booking-emergency .booking-features i {
    color: var(--aot-bg);
}

.booking-home .booking-features i {
    color: var(--aot-orange);
}

.booking-cta {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    width: fit-content;
    min-width: 245px;
    padding: 15px 18px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 800;
    transition: .3s ease;
}

.booking-emergency .booking-cta {
    background: var(--aot-bg);
    color: var(--aot-white);
}

.booking-home .booking-cta {
    background: var(--aot-orange);
    color: var(--aot-white);
}

.booking-cta i {
    font-size: 17px;
    transition: transform .3s ease;
}

.booking-cta:hover {
    color: var(--aot-white);
    transform: translateY(-3px);
}

.booking-cta:hover i {
    transform: translate(3px, -3px);
}

.booking-card-watermark {
    position: absolute;
    right: -10px;
    bottom: -45px;
    font-size: clamp(100px, 13vw, 190px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -10px;
    pointer-events: none;
    user-select: none;
}

.booking-emergency .booking-card-watermark {
    color: rgba(255,255,255,.09);
}

.booking-home .booking-card-watermark {
    color: rgba(0,0,0,.045);
}

/* RESPONSIVE */
@media(max-width:767.98px) {
    .mobile-booking-section {
        padding: 60px 0;
    }

    .booking-options {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .booking-card {
        min-height: 480px;
        padding: 25px;
    }

    .booking-card-content {
        margin-top: 45px;
    }

    .booking-card-watermark {
        font-size: 125px;
    }
}

@media(max-width:575.98px) {
    .booking-card {
        min-height: 0;
        padding: 22px;
    }

    .booking-card h3 {
        font-size: 32px;
    }

    .booking-card-content {
        margin-top: 35px;
    }

    .booking-cta {
        width: 100%;
    }
}

/* MOBILE REPAIR - WHY CHOOSE US */
.mobile-why-section {
    padding: 85px 0;
    background: var(--aot-white);
    color: var(--aot-bg);
    overflow: hidden;
}

.mobile-why-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 35px;
    margin-bottom: 42px;
}

.mobile-why-heading .section-kicker {
    color: var(--aot-orange);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
}

.mobile-why-heading h2 {
    margin: 12px 0 0;
    color: var(--aot-bg);
}

.mobile-why-heading h2 span {
    color: var(--aot-orange);
}

.mobile-why-heading > p {
    max-width: 420px;
    margin: 0 0 5px;
    color: #686E74;
    font-size: 14px;
}

.mobile-why-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 15px;
}

.mobile-why-card {
    position: relative;
    padding: 24px 21px;
    background: #F5F6F7;
    border: 1px solid #E7E9EB;
    border-radius: 13px;
    overflow: hidden;
    transition: .3s ease;
}

.mobile-why-card:hover {
    background: var(--aot-white);
    border-color: rgba(254,79,32,.45);
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0,0,0,.07);
}

.mobile-why-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 35px;
}

.mobile-why-number {
    color: #A0A5AA;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.mobile-why-icon {
    display: grid;
    place-items: center;
    width: 45px;
    height: 45px;
    background: rgba(254,79,32,.10);
    color: var(--aot-orange);
    border-radius: 11px;
    font-size: 21px;
}

.mobile-why-card h3 {
    margin-bottom: 11px;
    color: var(--aot-bg);
    font-size: 17px;
    font-weight: 800;
}

.mobile-why-card p {
    margin: 0;
    color: #72787E;
    font-size: 12px;
    line-height: 1.8;
}

.mobile-why-line {
    position: absolute;
    bottom: 0;
    left: 21px;
    width: 38px;
    height: 3px;
    background: var(--aot-orange);
    border-radius: 5px 5px 0 0;
    transition: .3s ease;
}

.mobile-why-card:hover .mobile-why-line {
    width: calc(100% - 42px);
}

.mobile-why-bottom {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 25px;
    padding: 22px 25px;
    background: #F5F6F7;
    border: 1px solid #E7E9EB;
    border-radius: 13px;
}

.mobile-why-bottom-icon {
    display: grid;
    place-items: center;
    flex: 0 0 48px;
    height: 48px;
    background: var(--aot-bg);
    color: var(--aot-orange);
    border-radius: 11px;
    font-size: 21px;
}

.mobile-why-bottom > div:nth-child(2) {
    display: grid;
    gap: 3px;
}

.mobile-why-bottom strong {
    color: var(--aot-bg);
    font-size: 14px;
}

.mobile-why-bottom span {
    color: #747A80;
    font-size: 12px;
}

.mobile-why-btn {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    margin-left: auto;
    padding: 13px 18px;
    background: var(--aot-orange);
    color: var(--aot-white);
    border-radius: 7px;
    font-size: 12px;
    font-weight: 800;
    transition: .3s ease;
}

.mobile-why-btn:hover {
    background: var(--aot-orange-dark);
    color: var(--aot-white);
}

.mobile-why-btn i {
    font-size: 16px;
}

/* RESPONSIVE */
@media(max-width:991.98px) {
    .mobile-why-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mobile-why-heading {
        align-items: start;
        flex-direction: column;
        gap: 15px;
    }
}

@media(max-width:575.98px) {
    .mobile-why-section {
        padding: 55px 0;
    }

    .mobile-why-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .mobile-why-card {
        min-height: 0;
        padding: 22px;
    }

    .mobile-why-card-top {
        margin-bottom: 23px;
    }

    .mobile-why-bottom {
        align-items: flex-start;
        flex-wrap: wrap;
        padding: 18px;
    }

    .mobile-why-bottom > div:nth-child(2) {
        flex: 1;
    }

    .mobile-why-btn {
        width: 100%;
        justify-content: space-between;
        margin: 5px 0 0;
    }
}
/* 24/7 emergency */
/* 24/7 EMERGENCY BOOKING INTRO */
.emergency-intro-section {
    padding: 55px 0;
    background: var(--aot-white);
    color: var(--aot-bg);
    overflow: hidden;
}

.emergency-intro-content h2 {
    margin: 12px 0 18px;
    color: var(--aot-bg);
}
.emergency-intro-content .section-kicker{color: var(--aot-surface);}
.emergency-intro-content h2 span {
    color: var(--aot-orange);
}

.emergency-intro-content p {
    margin-bottom: 13px;
    color: #62676D;
    font-size: 14px;
    line-height: 1.8;
}

.emergency-intro-content .emergency-intro-lead {
    color: #292D32;
    font-size: 16px;
    font-weight: 600;
}

.emergency-intro-content .btn-aot {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 10px;
}

.emergency-intro-points {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid var(--aot-border-light);
}

.emergency-intro-points div {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #34383D;
    font-size: 12px;
    font-weight: 700;
}

.emergency-intro-points i {
    color: var(--aot-orange);
    font-size: 19px;
}

.emergency-intro-visual {
    position: relative;
    padding: 0 0 35px 30px;
}

.emergency-intro-image {
    overflow: hidden;
    border-radius: 16px 16px 16px 75px;
    background: #E9EAEB;
}

.emergency-intro-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.emergency-intro-badge {
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    width: min(90%, 355px);
    padding: 16px;
    background: var(--aot-white);
    border: 1px solid var(--aot-border-light);
    border-radius: 12px;
    box-shadow: 0 12px 35px rgba(0,0,0,.10);
}

.emergency-badge-icon {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    height: 44px;
    background: rgba(254,79,32,.10);
    color: var(--aot-orange);
    border-radius: 10px;
    font-size: 21px;
}

.emergency-intro-badge strong,
.emergency-intro-badge small {
    display: block;
}

.emergency-intro-badge strong {
    color: var(--aot-bg);
    font-size: 13px;
}

.emergency-intro-badge small {
    color: #777D83;
    font-size: 11px;
}

.emergency-intro-index {
    position: absolute;
    top: 18px;
    right: -4px;
    writing-mode: vertical-rl;
    color: #62676D;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2px;
}

/* RESPONSIVE */
@media(max-width:991.98px) {
    .emergency-intro-visual {
        padding-left: 20px;
    }

    .emergency-intro-image {
        height: 380px;
    }
}

@media(max-width:575.98px) {
    .emergency-intro-section {
        padding: 40px 0;
    }

    .emergency-intro-visual {
        padding-left: 10px;
    }

    .emergency-intro-image {
        border-bottom-left-radius: 45px;
    }

    .emergency-intro-badge {
        padding: 12px;
    }

    .emergency-intro-points {
        gap: 12px;
    }
}
/* 24/7 why choose us  */
/* 24/7 EMERGENCY - WHY CHOOSE US */
.emergency-why-section {
    padding: 40px 0;
    background: var(--aot-bg);
    color: var(--aot-white);
    overflow: hidden;
}

.emergency-why-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 35px;
    margin-bottom: 42px;
}

.emergency-why-heading .section-kicker {
    color: var(--aot-orange);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
}

.emergency-why-heading h2 {
    max-width: 650px;
    margin: 12px 0 0;
    color: var(--aot-white);
}

.emergency-why-heading h2 span {
    color: var(--aot-orange);
}

.emergency-why-heading > p {
    max-width: 390px;
    margin: 0 0 5px;
    color: var(--aot-text-muted);
    font-size: 13px;
    line-height: 1.8;
}

.emergency-why-layout {
    display: grid;
    grid-template-columns: .85fr 1.5fr;
    gap: 18px;
}

.emergency-why-feature {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 32px;
    background: var(--aot-orange);
    border-radius: 15px;
    overflow: hidden;
}

.emergency-feature-icon {
    position: absolute;
    top: 30px;
    left: 30px;
    display: grid;
    place-items: center;
    width: 55px;
    height: 55px;
    background: rgba(255,255,255,.17);
    color: var(--aot-white);
    border-radius: 13px;
    font-size: 25px;
}

.emergency-feature-tag {
    position: relative;
    z-index: 2;
    margin-bottom: 12px;
    color: rgba(255,255,255,.8);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

.emergency-why-feature h3 {
    position: relative;
    z-index: 2;
    max-width: 320px;
    margin-bottom: 14px;
    color: var(--aot-white);
    font-size: clamp(27px, 3vw, 38px);
    font-weight: 800;
    line-height: 1.2;
}

.emergency-why-feature p {
    position: relative;
    z-index: 2;
    max-width: 340px;
    margin-bottom: 24px;
    color: rgba(255,255,255,.85);
    font-size: 13px;
    line-height: 1.8;
}

.emergency-feature-link {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 20px;
    padding-bottom: 7px;
    border-bottom: 1px solid rgba(255,255,255,.65);
    color: var(--aot-white);
    font-size: 12px;
    font-weight: 800;
}

.emergency-feature-link:hover {
    color: var(--aot-bg);
}

.emergency-feature-watermark {
    position: absolute;
    top: 45px;
    right: -12px;
    color: rgba(255,255,255,.10);
    font-size: 105px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -8px;
    pointer-events: none;
}

.emergency-why-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.emergency-why-card {
    position: relative;
    padding: 24px;
    background: var(--aot-carbon);
    border: 1px solid var(--aot-border-dark);
    border-radius: 13px;
    transition: .3s ease;
}

.emergency-why-card:hover {
    background: var(--aot-surface);
    border-color: rgba(254,79,32,.55);
    transform: translateY(-4px);
}

.emergency-card-number {
    position: absolute;
    top: 23px;
    right: 23px;
    color: #74797E;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.emergency-card-icon {
    display: grid;
    place-items: center;
    width: 43px;
    height: 43px;
    margin-bottom: 23px;
    background: rgba(254,79,32,.12);
    color: var(--aot-orange);
    border-radius: 10px;
    font-size: 20px;
}

.emergency-why-card h3 {
    margin-bottom: 9px;
    color: var(--aot-white);
    font-size: 16px;
    font-weight: 800;
}

.emergency-why-card p {
    max-width: 290px;
    margin: 0;
    color: var(--aot-text-muted);
    font-size: 12px;
    line-height: 1.8;
}

.emergency-card-arrow {
    position: absolute;
    right: 20px;
    bottom: 20px;
    color: var(--aot-orange);
    font-size: 17px;
    opacity: .65;
    transition: .3s ease;
}

.emergency-why-card:hover .emergency-card-arrow {
    opacity: 1;
    transform: translate(3px, -3px);
}

.emergency-why-footer {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 22px;
    padding: 22px 25px;
    background: var(--aot-carbon);
    border: 1px solid var(--aot-border-dark);
    border-radius: 13px;
}

.emergency-footer-mark {
    display: grid;
    place-items: center;
    flex: 0 0 48px;
    height: 48px;
    background: rgba(254,79,32,.13);
    color: var(--aot-orange);
    border-radius: 11px;
    font-size: 21px;
}

.emergency-footer-copy {
    display: grid;
    gap: 3px;
}

.emergency-footer-copy strong {
    color: var(--aot-white);
    font-size: 14px;
}

.emergency-footer-copy span {
    color: var(--aot-text-muted);
    font-size: 12px;
}

.emergency-footer-btn {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    margin-left: auto;
    padding: 14px 18px;
    background: var(--aot-orange);
    color: var(--aot-white);
    border-radius: 7px;
    font-size: 12px;
    font-weight: 800;
    transition: .3s ease;
}

.emergency-footer-btn:hover {
    background: var(--aot-orange-dark);
    color: var(--aot-white);
}

/* RESPONSIVE */
@media(max-width:991.98px) {
    .emergency-why-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 15px;
    }

    .emergency-why-layout {
        grid-template-columns: 1fr;
    }

    .emergency-why-feature {
        min-height: 340px;
    }
}

@media(max-width:575.98px) {
    .emergency-why-section {
        padding: 55px 0;
    }

    .emergency-why-cards {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .emergency-why-feature {
        min-height: 350px;
        padding: 24px;
    }

    .emergency-why-card {
        min-height: 190px;
    }

    .emergency-why-footer {
        flex-wrap: wrap;
        padding: 18px;
    }

    .emergency-footer-copy {
        flex: 1;
    }

    .emergency-footer-btn {
        width: 100%;
        justify-content: space-between;
        margin: 5px 0 0;
    }
}

/* HOME BOOKING INTRO */
.home-booking-intro {
    position: relative;
    padding: 45px 0 50px;
    background: var(--aot-white);
    color: var(--aot-bg);
    overflow: hidden;
}

.home-booking-layout {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    align-items: center;
    gap: 65px;
}

/* LEFT CONTENT */
.home-booking-content {
    position: relative;
    z-index: 2;
}

.home-booking-eyebrow {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 25px;
}

.home-booking-eyebrow-line {
    width: 27px;
    height: 2px;
    background: var(--aot-orange);
}

.home-booking-eyebrow > span:nth-child(2) {
    color: #777D83;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

.home-booking-eyebrow-tag {
    margin-left: 5px;
    padding: 6px 10px;
    background: rgba(254,79,32,.09);
    color: var(--aot-orange);
    border-radius: 4px;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1px;
}

.home-booking-content h2 {
    margin: 0 0 23px;
    color: var(--aot-bg);
    font-size: clamp(38px, 4.4vw, 61px);
    font-weight: 900;
    line-height: 1.12 !important;
    letter-spacing: -2px !important;
}

.home-booking-content h2 span {
    display: block;
    color: var(--aot-orange);
}

.home-booking-content h2 .home-booking-title-last {
    color: var(--aot-bg);
}

.home-booking-lead {
    max-width: 550px;
    margin-bottom: 14px;
    color: #30363C;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
}

.home-booking-content > p:not(.home-booking-lead) {
    max-width: 540px;
    margin-bottom: 25px;
    color: #70767D;
    font-size: 13px;
    line-height: 1.9;
}

/* BENEFITS */
.home-booking-benefits {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
    margin-bottom: 28px;
}

.home-booking-benefit {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 14px 12px;
    background: #F5F6F7;
    border: 1px solid #E9EAEC;
    border-radius: 9px;
}

.home-benefit-icon {
    display: grid;
    place-items: center;
    flex: 0 0 39px;
    height: 39px;
    background: rgba(254,79,32,.10);
    color: var(--aot-orange);
    border-radius: 8px;
    font-size: 19px;
}

.home-booking-benefit strong,
.home-booking-benefit small {
    display: block;
}

.home-booking-benefit strong {
    margin-bottom: 3px;
    color: var(--aot-bg);
    font-size: 11px;
    font-weight: 800;
}

.home-booking-benefit small {
    color: #777D83;
    font-size: 10px;
    line-height: 1.5;
}

/* MAIN BUTTON */
.home-booking-main-btn {
    display: inline-flex;
    align-items: center;
    gap: 25px;
    padding: 7px 8px 7px 19px;
    background: var(--aot-bg);
    color: var(--aot-white);
    border-radius: 7px;
    font-size: 12px;
    font-weight: 800;
    transition: .3s ease;
}

.home-booking-main-btn > span {
    display: grid;
    place-items: center;
    width: 39px;
    height: 39px;
    background: var(--aot-orange);
    border-radius: 5px;
    font-size: 17px;
}

.home-booking-main-btn:hover {
    background: var(--aot-orange);
    color: var(--aot-white);
}

.home-booking-main-btn:hover > span {
    background: var(--aot-bg);
}

/* RIGHT VISUAL */
.home-booking-visual {
    position: relative;
    padding: 0 28px 45px 0;
}

.home-booking-image-wrap {
    position: relative;
    overflow: hidden;
    background: #E9EAEB;
    border-radius: 180px 180px 12px 12px;
}

.home-booking-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
}

.home-booking-image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,.10), transparent 40%, rgba(0,0,0,.35));
    pointer-events: none;
}

.home-booking-image-label {
    position: absolute;
    top: 25px;
    left: 25px;
    right: 25px;
    display: flex;
    justify-content: space-between;
    color: var(--aot-white);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 2px;
}

/* FLOATING PANEL */
.home-booking-float {
    position: absolute;
    left: -35px;
    bottom: 0;
    z-index: 3;
    width: min(78%, 330px);
    padding: 21px;
    background: var(--aot-white);
    border: 1px solid #E5E7E9;
    border-radius: 12px;
    box-shadow: 0 18px 50px rgba(0,0,0,.12);
}

.home-booking-float-top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.home-booking-float-icon {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    background: rgba(254,79,32,.10);
    color: var(--aot-orange);
    border-radius: 8px;
    font-size: 15px;
}

.home-booking-float-label {
    color: #858B91;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.home-booking-float > strong {
    display: block;
    margin-bottom: 5px;
    color: var(--aot-bg);
    font-size: 22px;
    font-weight: 900;
}

.home-booking-float > p {
    margin: 0 0 16px;
    color: #777D83;
    font-size: 11px;
}

.home-booking-float-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 13px;
    border-top: 1px solid #E9EAEC;
}

.home-booking-float-bottom span {
    color: var(--aot-orange);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1px;
}

.home-booking-float-bottom i {
    color: var(--aot-bg);
    font-size: 17px;
}

/* DECORATIVE DETAILS */
.home-booking-vertical-text {
    position: absolute;
    top: 80px;
    right: 0;
    writing-mode: vertical-rl;
    color: #92989E;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 2px;
}

.home-booking-decoration {
    position: absolute;
    right: 5px;
    bottom: 75px;
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    background: var(--aot-orange);
    color: var(--aot-white);
    border-radius: 50%;
    font-size: 15px;
}

/* RESPONSIVE */
@media(max-width:991.98px) {
    .home-booking-layout {
        grid-template-columns: 1fr 1fr;
        gap: 35px;
    }

    .home-booking-content h2 {
        font-size: 43px;
    }

    .home-booking-image-wrap {
        height: 460px;
    }

    .home-booking-benefits {
        grid-template-columns: 1fr;
    }
}

@media(max-width:767.98px) {
    .home-booking-intro {
        padding: 45px 0 65px;
    }

    .home-booking-layout {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .home-booking-content h2 {
        font-size: clamp(38px, 9vw, 54px);
    }

    .home-booking-benefits {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-booking-visual {
        max-width: 540px;
        width: 100%;
        margin: 0 auto;
    }

    .home-booking-image-wrap {
        height: 480px;
    }

    .home-booking-float {
        left: -8px;
    }
}

@media(max-width:575.98px) {
    .home-booking-intro {
        padding: 38px 0 55px;
    }

    .home-booking-content h2 {
        font-size: 39px;
        letter-spacing: -1.5px !important;
    }

    .home-booking-lead {
        font-size: 14px;
    }

    .home-booking-benefits {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .home-booking-image-wrap {
        height: 380px;
        border-radius: 130px 130px 10px 10px;
    }

    .home-booking-visual {
        padding-right: 15px;
        padding-bottom: 55px;
    }

    .home-booking-float {
        width: 85%;
        left: -5px;
        padding: 16px;
    }

    .home-booking-float > strong {
        font-size: 19px;
    }

    .home-booking-vertical-text {
        right: -2px;
        font-size: 8px;
    }

    .home-booking-decoration {
        right: 0;
        bottom: 75px;
        width: 30px;
        height: 30px;
    }
}

/* HOME BOOKING - WHY CHOOSE US */
.home-why-section {
    padding: 90px 0;
    background: var(--aot-bg);
    color: var(--aot-white);
    overflow: hidden;
}

.home-why-header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 35px;
    margin-bottom: 42px;
}

.home-why-heading .section-kicker {
    color: var(--aot-orange);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

.home-why-heading h2 {
    max-width: 620px;
    margin: 13px 0 0;
    color: var(--aot-white);
}

.home-why-heading h2 span {
    color: var(--aot-orange);
}

.home-why-header > p {
    max-width: 390px;
    margin: 0 0 5px;
    color: var(--aot-text-muted);
    font-size: 13px;
    line-height: 1.9;
}

/* MAIN LAYOUT */
.home-why-main {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 22px;
}

/* VISUAL */
.home-why-visual {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    background: var(--aot-carbon);
}

.home-why-visual > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
    transition: transform .7s ease;
}

.home-why-visual:hover > img {
    transform: scale(1.045);
}

.home-why-visual-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(0,0,0,.05) 20%,
        rgba(0,0,0,.25) 45%,
        rgba(0,0,0,.88) 100%
    );
}

.home-why-visual-content {
    position: absolute;
    right: 28px;
    bottom: 32px;
    left: 28px;
    z-index: 2;
}

.home-why-visual-content > span {
    display: block;
    margin-bottom: 12px;
    color: var(--aot-orange);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 2px;
}

.home-why-visual-content strong {
    display: block;
    max-width: 350px;
    margin-bottom: 20px;
    color: var(--aot-white);
    font-size: clamp(27px, 3vw, 39px);
    font-weight: 900;
    line-height: 1.2;
}

.home-why-visual-content a {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    padding-bottom: 7px;
    border-bottom: 1px solid rgba(255,255,255,.6);
    color: var(--aot-white);
    font-size: 12px;
    font-weight: 700;
}

.home-why-visual-content a:hover {
    color: var(--aot-orange);
}

.home-why-visual-index {
    position: absolute;
    top: 25px;
    left: 25px;
    z-index: 2;
    color: var(--aot-white);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 2px;
    writing-mode: vertical-rl;
}

/* FEATURE LIST */
.home-why-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
}

.home-why-item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 18px;
    background: var(--aot-carbon);
    border: 1px solid var(--aot-border-dark);
    border-radius: 12px;
    transition: .3s ease;
}

.home-why-item:hover {
    background: var(--aot-surface);
    border-color: rgba(254,79,32,.55);
    transform: translateY(-4px);
}

.home-why-item-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.home-why-number {
    color: #777D83;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.home-why-icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    background: rgba(254,79,32,.12);
    color: var(--aot-orange);
    border-radius: 10px;
    font-size: 20px;
}

.home-why-item-content {
    padding: 25px 0 10px;
}

.home-why-item h3 {
    margin-bottom: 10px;
    color: var(--aot-white);
    font-size: 17px;
    font-weight: 800;
}

.home-why-item p {
    margin: 0;
    color: var(--aot-text-muted);
    font-size: 12px;
    line-height: 1.8;
}

.home-why-item-arrow {
    position: absolute;
    right: 20px;
    bottom: 19px;
    color: var(--aot-orange);
    font-size: 16px;
    opacity: .65;
    transition: .3s ease;
}

.home-why-item:hover .home-why-item-arrow {
    opacity: 1;
    transform: translate(3px, -3px);
}

/* BOTTOM CTA */
.home-why-bottom {
    display: flex;
    align-items: center;
    gap: 17px;
    margin-top: 22px;
    padding: 22px 25px;
    background: var(--aot-carbon);
    border: 1px solid var(--aot-border-dark);
    border-radius: 12px;
}

.home-why-bottom-symbol {
    display: grid;
    place-items: center;
    flex: 0 0 48px;
    height: 48px;
    background: rgba(254,79,32,.12);
    color: var(--aot-orange);
    border-radius: 10px;
    font-size: 22px;
}

.home-why-bottom-text {
    display: grid;
    gap: 4px;
}

.home-why-bottom-text strong {
    color: var(--aot-white);
    font-size: 14px;
}

.home-why-bottom-text span {
    color: var(--aot-text-muted);
    font-size: 12px;
}

.home-why-bottom-btn {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    margin-left: auto;
    padding: 14px 18px;
    background: var(--aot-orange);
    color: var(--aot-white);
    border-radius: 7px;
    font-size: 12px;
    font-weight: 800;
    transition: .3s ease;
}

.home-why-bottom-btn:hover {
    background: var(--aot-orange-dark);
    color: var(--aot-white);
}

/* RESPONSIVE */
@media(max-width:991.98px) {
    .home-why-header {
        align-items: flex-start;
        flex-direction: column;
        gap: 15px;
    }

    .home-why-main {
        grid-template-columns: 1fr;
    }

 
}

@media(max-width:575.98px) {
    .home-why-section {
        padding: 55px 0;
    }

    .home-why-list {
        grid-template-columns: 1fr;
    }

    .home-why-item {
        min-height: 220px;
    }


    .home-why-visual-content {
        right: 20px;
        bottom: 24px;
        left: 20px;
    }

    .home-why-bottom {
        flex-wrap: wrap;
        padding: 18px;
    }

    .home-why-bottom-text {
        flex: 1;
    }

    .home-why-bottom-btn {
        width: 100%;
        justify-content: space-between;
        margin: 5px 0 0;
    }
}