@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;src:url("fonts/inter-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;src:url("fonts/inter-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --bg:#f4f8fa;--bg2:#edf4f6;--surface:#ffffff;--surface2:#f6fafb;--surface3:#eef5f7;
  --text:#102633;--muted:#56707d;--green-text:#0f7d54;--line:#d6e3e8;--line2:#c6d8df;
  --green:#2fc98e;--green2:#159d69;--green-dark:#0d5a42;--navy:#0b202c;--navy2:#102c3a;
  --danger:#c74c43;--shadow:0 18px 50px rgba(16,38,51,.10);--shadow-soft:0 10px 28px rgba(16,38,51,.07);
  --radius:24px;--radius-sm:15px;--max:1180px;
}
html[data-theme="dark"]{
  --bg:#071219;--bg2:#0a1820;--surface:#0d1d26;--surface2:#10242e;--surface3:#132c38;
  --text:#eef7fa;--muted:#9bb0ba;--green-text:#42d79e;--line:#213c49;--line2:#2b4a59;
  --green:#42d79e;--green2:#24b77f;--green-dark:#103b2f;--navy:#061018;--navy2:#0b1d27;
  --shadow:0 20px 54px rgba(0,0,0,.30);--shadow-soft:0 12px 32px rgba(0,0,0,.22)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{margin:0;background:linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none} img{display:block;max-width:100%} button,input,select,textarea{font:inherit}
button,a,input,select,textarea{outline-offset:3px} :focus-visible{outline:3px solid rgba(47,201,142,.45)}
.wrap{width:min(var(--max),92vw);margin:auto}.section{padding:72px 0}.tiny{font-size:.76rem;color:var(--muted)}

/* Header */
.top{position:sticky;top:0;z-index:90;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent);box-shadow:0 7px 24px rgba(16,38,51,.04)}
.nav{min-height:72px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;flex:0 0 auto}.brand-logo{width:176px;height:auto}.brand-text{display:none}
.navlinks{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex:1}.navlinks>a:not(.cta){font-size:.88rem;font-weight:800;color:var(--muted);white-space:nowrap;transition:.2s}.navlinks>a:not(.cta):hover{color:var(--text)}
.langs{display:flex;gap:5px}.langs a{min-width:36px;text-align:center;padding:7px 8px;border:1px solid var(--line);border-radius:10px;font-size:.74rem;font-weight:900;background:var(--surface)}.langs a.on{background:var(--green);color:#082218;border-color:transparent}
.cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:13px;padding:12px 17px;min-height:44px;background:linear-gradient(180deg,var(--green),#26bd84);color:#071f16;font-weight:900;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.cta:hover,.btn:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(47,201,142,.20)}
.btn.secondary{background:var(--surface);color:var(--text);border-color:var(--line);box-shadow:none}.btn.secondary:hover{background:var(--surface2)}
.navlinks>.cta{font-size:.84rem;white-space:nowrap}
.controls{display:flex;gap:6px;align-items:center}.ctrl-group{display:flex;gap:4px}.ctrl-label{display:none}.ctrl-btn{border:1px solid var(--line);background:var(--surface);color:var(--text);min-width:34px;height:34px;border-radius:10px;font-size:.78rem;font-weight:900;cursor:pointer}.ctrl-btn[data-theme-btn]{font-size:1rem}.ctrl-btn.is-on{background:color-mix(in srgb,var(--green) 17%,var(--surface));border-color:color-mix(in srgb,var(--green) 55%,var(--line));color:var(--green2)}
.menu-toggle{display:none;margin-left:auto;width:43px;height:43px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:10px;cursor:pointer}.menu-toggle span{display:block;height:2px;background:var(--text);margin:5px 0;border-radius:9px}

/* Home hero */
.hero-bg{padding:30px 0 8px;background:transparent}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.78fr);gap:46px;align-items:center;min-height:590px;padding:54px;border-radius:30px;overflow:hidden;background-image:linear-gradient(90deg,rgba(4,15,22,.91) 0%,rgba(4,15,22,.75) 46%,rgba(4,15,22,.28) 68%,rgba(4,15,22,.42) 100%),url('hero-bright.webp');background-size:cover;background-position:center;box-shadow:var(--shadow)}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 45%)}
.hero-copy,.hero-quick{position:relative;z-index:2}.hero-copy{max-width:640px;color:#fff}.eyebrow{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:rgba(47,201,142,.13);border:1px solid rgba(91,233,177,.26);color:#8ff2c9;font-size:.78rem;line-height:1.2;font-weight:900;letter-spacing:.075em;text-transform:uppercase}
.hero h1{font-size:clamp(44px,4.55vw,62px);line-height:1.01;letter-spacing:-.05em;margin:17px 0 18px;max-width:620px}.hero h1 span{color:var(--green)}.hero-copy>p{font-size:1.06rem;color:rgba(239,248,251,.86);max-width:610px;margin:0}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 18px}.hero .btn.secondary{background:rgba(6,20,28,.58);color:#fff;border-color:rgba(255,255,255,.28);backdrop-filter:blur(8px)}.hero .btn.secondary:hover{background:rgba(8,26,35,.78)}
.trust{display:flex;flex-wrap:wrap;gap:8px}.pill{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.20);background:rgba(5,19,27,.48);backdrop-filter:blur(8px);border-radius:999px;padding:7px 10px;color:#e9f4f7;font-size:.76rem;font-weight:800}
.hero-quick{background:rgba(255,255,255,.96);color:#102633;border:1px solid rgba(255,255,255,.7);border-radius:24px;padding:28px;box-shadow:0 22px 56px rgba(0,0,0,.23);backdrop-filter:blur(12px)}
html[data-theme="dark"] .hero-quick{background:rgba(10,27,36,.94);color:#eef7fa;border-color:#274653}.quick-kicker,.service-kicker{color:var(--green-text);font-size:.75rem;font-weight:900;letter-spacing:.10em;text-transform:uppercase}.hero-quick h2{font-size:1.85rem;line-height:1.1;letter-spacing:-.035em;margin:9px 0 7px}.hero-quick>p{color:var(--muted);margin:0 0 17px;font-size:.92rem}.quick-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:12px}.quick-wide{grid-column:1/-1}.quick-form .field{margin:0}.quick-submit{width:100%;margin-top:16px}.quick-note{display:block;text-align:center;color:var(--muted);font-size:.78rem;margin-top:10px}

/* Benefits */
.metrics{padding:18px 0 20px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{padding:18px 19px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-soft)}.metric strong{display:block;font-size:1rem;color:var(--green-text);margin-bottom:3px}.metric span{font-size:.82rem;color:var(--muted)}

/* Headings */
.head{max-width:860px;margin:0 auto 30px;text-align:center}.head h2{font-size:clamp(32px,3.7vw,46px);line-height:1.07;letter-spacing:-.04em;margin:0 0 11px}.head p{margin:0;color:var(--muted);font-size:1.02rem}.quote-trust{display:flex;gap:13px;flex-wrap:wrap;margin-top:18px;color:var(--muted);font-size:.83rem;font-weight:750}

/* Quote form */
#quote{padding-top:68px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--surface2) 70%,transparent),transparent)}
#quote .head{text-align:left;margin:0 0 26px;max-width:880px}.form-zone{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;align-items:start}.formcard{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow)}
.progress{display:flex;gap:9px;margin-bottom:22px}.progress i{height:5px;flex:1;border-radius:999px;background:var(--line)}.progress i.on{background:var(--green)}.formstep{display:none}.formstep.on{display:block}.formstep h3{font-size:1.78rem;letter-spacing:-.03em;margin:0 0 5px}.sub{color:var(--muted);margin:0 0 18px}.tyre-list{display:grid;gap:14px}.tyre-row{position:relative;padding:17px;border:1px solid var(--line);background:var(--surface2);border-radius:18px}.tyre-grid{display:grid;grid-template-columns:1.2fr .62fr .9fr .95fr 1fr;gap:10px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.76rem;font-weight:850;color:var(--text)}.field input,.field select,.field textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line2);border-radius:11px;background:var(--surface);color:var(--text);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 16%,transparent)}.field textarea{min-height:100px;resize:vertical}.remove-tyre{position:absolute;right:9px;top:7px;border:0;background:transparent;color:var(--muted);font-size:1.1rem;cursor:pointer}.add-line{width:100%;margin-top:12px;background:color-mix(in srgb,var(--green-dark) 86%,var(--surface));color:#dcf8eb;border-color:color-mix(in srgb,var(--green) 32%,var(--green-dark))}.add-line:hover{box-shadow:none;background:var(--green-dark)}
.radio-grid,.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.choice{display:flex;align-items:flex-start;gap:7px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);cursor:pointer;font-size:.84rem}.choice input{margin-top:3px;accent-color:var(--green2)}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:12px}.navform{display:flex;justify-content:space-between;gap:10px;margin-top:22px}.consent{display:flex;gap:9px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:11px;margin-top:10px;color:var(--muted);font-size:.78rem}.consent input{margin-top:3px;accent-color:var(--green2)}.status{display:none;margin-top:14px;padding:12px;border-radius:11px}.status.ok{display:block;background:#e1f7ec;color:#145d40}.status.err{display:block;background:#fee9e7;color:#8d3028}
.side{position:sticky;top:94px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-soft)}.side h3{font-size:1.25rem;margin:0 0 10px}.bigsum{font-size:2.4rem;font-weight:900;color:var(--green-text)}.note{font-size:.8rem;color:var(--muted)}.summary-lines{display:grid;gap:8px;margin:14px 0}.sumline{padding:10px 11px;border-radius:10px;background:var(--surface2);font-size:.79rem;color:var(--text)}.sumline span{color:var(--muted)}

/* Brand marquee */
.brand-strip-section{padding:28px 0 48px}.brand-strip-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:15px}.brand-strip-head h2{font-size:1.55rem;margin:5px 0 4px;letter-spacing:-.025em}.brand-strip-head p{margin:0;color:var(--muted);font-size:.88rem;max-width:760px}.brand-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.brand-track{display:flex;width:max-content;animation:brandScroll 42s linear infinite}.brand-group{display:flex;gap:10px;padding-right:10px}.brand-logo-card{width:168px;height:74px;display:grid;place-items:center;padding:6px 10px;background:#fff;border:1px solid #e3e8eb;border-radius:13px;box-shadow:0 6px 18px rgba(16,38,51,.05)}.brand-logo-card img{width:100%;height:100%;object-fit:contain}.brand-marquee:hover .brand-track{animation-play-state:paused}.brand-disclaimer{margin:11px 0 0;color:var(--muted);font-size:.78rem;text-align:center}@keyframes brandScroll{to{transform:translateX(-50%)}}

/* Service rows */
.services-list{padding-top:66px}.services-list .head{text-align:left;max-width:820px;margin:0 0 28px}.service-rows{display:grid;gap:18px}.service-row{display:grid;grid-template-columns:minmax(0,.84fr) minmax(440px,1.16fr);align-items:center;gap:34px;padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-soft);overflow:hidden}.service-row-copy{padding:10px 5px 10px 12px}.service-row h3{font-size:clamp(25px,2.7vw,34px);line-height:1.07;letter-spacing:-.035em;margin:7px 0 10px}.service-row p{color:var(--muted);margin:0 0 17px;max-width:48ch}.service-row .btn{font-size:.82rem}.service-row-media{width:100%;height:255px;max-width:560px;justify-self:end;border-radius:18px;overflow:hidden;background:var(--surface3);border:1px solid var(--line)}.service-row-media img{width:100%;height:100%;object-fit:cover;object-position:center}

/* Before / after */
.compare-section{padding-top:58px}.premium-compare{position:relative;max-width:980px;margin:auto;aspect-ratio:16/8.6;overflow:hidden;border-radius:24px;border:1px solid var(--line);box-shadow:var(--shadow);background:var(--surface3);touch-action:pan-y;user-select:none}.premium-compare>img,.premium-compare .ba-after img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.premium-compare .ba-after{position:absolute;left:0;top:0;bottom:0;width:50%;overflow:hidden;will-change:width}.premium-compare .ba-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#fff;z-index:3;box-shadow:0 0 0 1px rgba(0,0,0,.12)}.premium-compare .ba-knob{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#102633;font-weight:900;box-shadow:0 5px 20px rgba(0,0,0,.25)}.premium-compare input[type=range]{position:absolute;inset:0;z-index:5;opacity:0;cursor:ew-resize;width:100%;height:100%}.compare-label{position:absolute;top:14px;z-index:4;padding:7px 10px;border-radius:999px;background:rgba(7,18,25,.72);color:#fff;font-size:.78rem;font-weight:900}.compare-label.before{left:14px}.compare-label.after{right:14px}

/* Process, FAQ, SEO */
.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stepbox{padding:21px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-soft)}.stepbox .n{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#062016;font-weight:900;margin-bottom:12px}.stepbox h3{margin:0 0 7px}.stepbox p{margin:0;color:var(--muted);font-size:.9rem}
.faq{max-width:860px;margin:auto}.faq details{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:0;margin-bottom:9px}.faq summary{font-weight:850;cursor:pointer;padding:15px 17px;min-height:44px}.faq p{color:var(--muted);margin:0;padding:0 17px 16px}.seo-copy{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}.seo-copy p,.seo-copy li{color:var(--muted)}.chip-link{font-weight:850;color:var(--green-text)}.legal-mini{font-size:.82rem}

/* Service pages */
.service-hero{padding:48px 0 30px}.service-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:44px;align-items:center}.service-grid h1{font-size:clamp(38px,4.3vw,54px);line-height:1.04;letter-spacing:-.045em;margin:13px 0}.service-grid p{color:var(--muted);font-size:1.04rem;max-width:58ch}.service-grid>img{width:100%;max-width:560px;justify-self:end;aspect-ratio:16/10;object-fit:cover;border-radius:22px;border:1px solid var(--line);box-shadow:var(--shadow)}
.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;align-items:start}.content-card,.related-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow-soft)}.content-card h2{margin-top:0;font-size:1.8rem}.content-card p,.content-card li,.related-card p{color:var(--muted)}.content-card h3{margin-top:28px}.related-card{position:sticky;top:94px}.related-card h3{margin-top:0}.chip-link{display:block;padding:10px 0;border-bottom:1px solid var(--line)}.service-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:25px;padding:15px;border-radius:14px;background:var(--surface2)}.seo-steps{padding-left:20px}.seo-steps li{margin:8px 0}

/* Legal */
.legal-page{max-width:900px;padding:55px 0}.legal-page h1{font-size:clamp(38px,4.3vw,54px);letter-spacing:-.04em}.legal-intro{font-size:1.05rem;color:var(--muted)}.legal-block{padding:21px 0;border-top:1px solid var(--line)}.legal-block h2{font-size:1.25rem;margin:0 0 7px}.legal-block p,.legal-block li{color:var(--muted)}

/* Footer */
footer{margin-top:36px;padding:44px 0;background:#081720;color:#b8c8cf;border-top:1px solid rgba(255,255,255,.07)}.foot{display:grid;grid-template-columns:1.5fr .8fr .8fr;gap:42px}.footer-brand img{width:180px}.footer-brand p{max-width:520px;color:#b8c8cf;font-size:.88rem}.footer-operator{font-size:.82rem;color:#d6e2e6}.footer-links{display:grid;align-content:start;gap:8px}.footer-links strong{color:#fff;margin-bottom:4px}.footer-links a{font-size:.86rem;color:#b8c8cf}.footer-links a:hover{color:#fff}

/* Responsive */
@media(max-width:1100px){
  .navlinks{gap:12px}.navlinks>a:not(.cta){font-size:.8rem}.brand-logo{width:160px}.hero{grid-template-columns:1fr 390px;gap:30px;padding:42px}.hero h1{font-size:clamp(43px,5.1vw,57px)}
  .tyre-grid{grid-template-columns:1.2fr .6fr 1fr 1fr}.tyre-grid .field:nth-child(5){grid-column:1/-1}
  .service-row{grid-template-columns:minmax(0,.9fr) minmax(390px,1.1fr)}
}
@media(max-width:900px){
  .nav{min-height:66px}.navlinks{display:none;position:absolute;left:4vw;right:4vw;top:72px;flex-direction:column;align-items:stretch;gap:5px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.navlinks.open{display:flex}.navlinks>a:not(.cta){padding:10px 8px;font-size:.92rem}.langs{order:10}.navlinks>.cta{order:11}.controls{order:12;padding-top:5px}.menu-toggle{display:block}
  .hero{grid-template-columns:1fr;min-height:0;padding:34px;gap:28px;background-position:55% center}.hero-copy{max-width:620px}.hero h1{max-width:620px}.hero-quick{max-width:620px;width:100%}
  .metric-grid{grid-template-columns:1fr 1fr}.form-zone{grid-template-columns:1fr}.side{position:static}.service-row{grid-template-columns:1fr;gap:18px}.service-row-media{max-width:none;justify-self:stretch;height:280px}.service-row-copy{padding:5px}.service-grid{grid-template-columns:1fr;gap:24px}.service-grid>img{justify-self:start;max-width:680px}.article-grid{grid-template-columns:1fr}.related-card{position:static}.workflow{grid-template-columns:1fr}.seo-copy{grid-template-columns:1fr}.foot{grid-template-columns:1.3fr 1fr 1fr;gap:26px}
}
@media(max-width:650px){
  .wrap{width:min(94vw,var(--max))}.section{padding:54px 0}.brand-logo{width:150px}.hero-bg{padding-top:16px}.hero{padding:24px 20px;border-radius:22px;background-position:58% center}.hero h1{font-size:40px;line-height:1.01}.hero-copy>p{font-size:.95rem}.eyebrow{font-size:.75rem}.actions{margin-top:19px}.hero .actions .btn{flex:1;min-width:0}.trust{gap:6px}.pill{font-size:.75rem}.hero-quick{padding:20px;border-radius:18px}.hero-quick h2{font-size:1.55rem}.quick-grid{grid-template-columns:1fr 1fr}.quick-grid .field:nth-child(3),.quick-grid .field:nth-child(4),.quick-wide{grid-column:1/-1}.quick-note{font-size:.75rem}
  .metrics{padding-top:13px}.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric{padding:14px}.metric strong{font-size:.9rem}.metric span{font-size:.8rem}
  .head h2{font-size:32px}.head p{font-size:.94rem}.quote-trust{gap:7px;font-size:.75rem}.formcard{padding:17px}.formstep h3{font-size:1.5rem}.tyre-row{padding:14px}.tyre-grid{grid-template-columns:1fr}.tyre-grid .field:nth-child(5){grid-column:auto}.field input,.field select,.field textarea{min-height:46px}.radio-grid,.check-grid,.twocol{grid-template-columns:1fr}.navform{flex-direction:column-reverse}.navform .btn{width:100%}.side{padding:16px}.bigsum{font-size:2rem}
  .brand-logo-card{width:140px;height:66px}.brand-track{animation-duration:34s}.brand-strip-head h2{font-size:1.35rem}.brand-strip-head p{font-size:.8rem}
  .service-row{padding:17px;border-radius:20px}.service-row h3{font-size:27px}.service-row-media{height:215px;border-radius:15px}.service-row p{font-size:.9rem}.premium-compare{border-radius:18px;aspect-ratio:4/3}.compare-label{top:9px;font-size:.75rem}.compare-label.before{left:9px}.compare-label.after{right:9px}.premium-compare .ba-knob{width:44px;height:44px}
  .service-hero{padding-top:34px}.service-grid h1{font-size:38px}.service-grid>img{border-radius:18px}.content-card,.related-card{padding:18px}.service-cta{align-items:flex-start;flex-direction:column}.foot{grid-template-columns:1fr;gap:25px}.footer-brand img{width:160px}
}
@media(max-width:420px){.hero h1{font-size:36px}.quick-grid{grid-template-columns:1fr}.quick-grid .field{grid-column:auto!important}.metric-grid{grid-template-columns:1fr}.hero .actions{flex-direction:column}.hero .actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.brand-track{animation:none}.cta,.btn{transition:none}}

.step-error{margin:0 0 14px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--danger) 9%,var(--surface));color:var(--danger);font-size:.82rem;font-weight:750}

/* === V19 premium final === */
.services-list{padding-top:68px}
.services-list .head{text-align:left;max-width:860px;margin:0 0 30px}
.services-grid-v19{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.service-card-v19{display:flex;flex-direction:column;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow-soft);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.service-card-v19:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--green) 35%,var(--line))}
.service-card-image{display:block;overflow:hidden;background:var(--surface3);aspect-ratio:16/9}
.service-card-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s ease}
.service-card-v19:hover .service-card-image img{transform:scale(1.025)}
.service-card-body{display:flex;flex-direction:column;flex:1;padding:20px}
.service-card-body h3{font-size:1.35rem;line-height:1.1;letter-spacing:-.025em;margin:6px 0 8px}
.service-card-body p{color:var(--muted);font-size:.9rem;margin:0 0 15px;min-height:4.2em}
.service-card-link{margin-top:auto;color:var(--green-text);font-size:.84rem;font-weight:900}

.compare-section{padding:64px 0;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--surface2) 70%,transparent),transparent)}
.compare-v19{display:grid;grid-template-columns:minmax(0,.72fr) minmax(520px,1.28fr);gap:38px;align-items:center}
.compare-copy{max-width:440px}
.compare-copy h2{font-size:clamp(34px,3.7vw,48px);line-height:1.04;letter-spacing:-.04em;margin:8px 0 12px}
.compare-copy p{color:var(--muted);margin:0 0 20px}
.compare-v19 .premium-compare{max-width:none;width:100%;aspect-ratio:14/9;margin:0}
.compare-v19 .premium-compare>img,.compare-v19 .premium-compare .ba-after img{object-position:center}

.contact-section{padding:70px 0;background:linear-gradient(180deg,color-mix(in srgb,var(--surface2) 72%,transparent),transparent)}
.contact-grid-v19{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:24px;align-items:stretch}
.contact-copy-v19,.contact-form-v19{border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-soft)}
.contact-copy-v19{padding:30px;background:linear-gradient(145deg,var(--navy),var(--navy2));color:#eef8fa}
.contact-copy-v19 h2{font-size:clamp(30px,3.3vw,42px);line-height:1.07;letter-spacing:-.035em;margin:8px 0 12px}
.contact-copy-v19 p{color:#b9cbd2;margin:0 0 20px}
.contact-copy-v19 ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:10px}
.contact-copy-v19 li{color:#dce9ed;font-size:.9rem}
.contact-copy-v19 .btn.secondary{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);color:#fff}
.contact-form-v19{padding:28px;background:var(--surface)}
.contact-form-v19 h2{font-size:1.9rem;letter-spacing:-.03em;margin:8px 0 6px}
.contact-form-v19>p{color:var(--muted);margin:0 0 20px}
.contact-form-v19 .twocol{margin-bottom:12px}
.contact-form-v19 .field textarea{min-height:130px}
.contact-consent{margin:14px 0}
.contact-consent a{text-decoration:underline;text-underline-offset:2px}
.contact-submit{min-width:190px}
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* Better service-page balance */
.service-grid{grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);gap:42px;align-items:center}
.service-grid>img{max-width:440px;aspect-ratio:4/3;border-radius:20px}
.service-grid p{max-width:66ch}
.service-intro-extra{margin-top:12px!important;font-size:.95rem!important}
.service-benefits{list-style:none;padding:0;margin:18px 0 20px;display:grid;gap:9px}
.service-benefits li{font-size:.88rem;font-weight:750;color:var(--text)}
.article-grid{grid-template-columns:minmax(0,1fr) 270px}

/* Four-column footer */
.foot-v19{grid-template-columns:1.25fr .7fr 1fr .85fr;gap:34px;align-items:start}
.footer-brand p{max-width:330px}
.footer-area{display:inline-flex;margin-top:4px;color:#d7e6ea;font-size:.8rem;font-weight:800}
.footer-help .footer-cta{margin-top:8px;display:inline-flex;width:max-content;padding:10px 13px;border-radius:10px;background:var(--green);color:#062016;font-weight:900}
.footer-operator{display:none!important}

html[data-theme="dark"] .service-card-v19{background:var(--surface)}
html[data-theme="dark"] .contact-form-v19{background:var(--surface)}
html[data-theme="dark"] .compare-section,html[data-theme="dark"] .contact-section{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--surface2) 50%,transparent),transparent)}

@media(max-width:1000px){
  .services-grid-v19{grid-template-columns:repeat(2,minmax(0,1fr))}
  .compare-v19{grid-template-columns:1fr;gap:24px}.compare-copy{max-width:700px}.compare-v19 .premium-compare{max-width:760px}
  .contact-grid-v19{grid-template-columns:1fr}.contact-copy-v19{padding:26px}.contact-form-v19{padding:25px}
  .service-grid{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)}.service-grid>img{max-width:400px}
  .foot-v19{grid-template-columns:1.2fr 1fr 1fr;gap:28px}.footer-help{grid-column:2/4}
}
@media(max-width:760px){
  .services-grid-v19{grid-template-columns:1fr;gap:14px}.service-card-body p{min-height:0}.service-card-image{aspect-ratio:16/9}
  .compare-v19 .premium-compare{aspect-ratio:4/3}.compare-copy h2{font-size:34px}
  .contact-form-v19 .twocol{grid-template-columns:1fr}.contact-copy-v19,.contact-form-v19{padding:20px;border-radius:19px}
  .service-grid{grid-template-columns:1fr;gap:20px}.service-grid>img{max-width:100%;width:100%;aspect-ratio:16/10}
  .foot-v19{grid-template-columns:1fr 1fr;gap:24px}.footer-help{grid-column:auto}
}
@media(max-width:520px){
  .services-list .head{margin-bottom:22px}.service-card-body{padding:17px}.service-card-body h3{font-size:1.22rem}
  .compare-v19{gap:18px}.compare-v19 .premium-compare{aspect-ratio:1/1}.compare-copy .btn{width:100%}
  .contact-submit{width:100%}
  .foot-v19{grid-template-columns:1fr;gap:24px}
}

/* === FINAL V20 polish === */
/* Theme-aware logo */
.brand-logo-night{display:none}
html[data-theme="dark"] .brand-logo-day{display:none}
html[data-theme="dark"] .brand-logo-night{display:block}
footer .footer-brand img{filter:none}

/* Service page hero: text leads, image supports */
.service-hero{padding:42px 0 28px}
.service-grid{grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);gap:46px;align-items:center;min-height:0}
.service-grid>div{align-self:center}
.service-grid>img{width:100%;max-width:405px;max-height:305px;aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:20px;justify-self:end}
.service-grid h1{font-size:clamp(36px,4vw,50px);max-width:18ch}
.service-grid p{font-size:1rem;line-height:1.7;max-width:68ch}
.service-intro-extra{max-width:68ch;margin-top:10px!important}
.service-benefits{margin:16px 0 20px;gap:8px}
.service-benefits li{line-height:1.45}
.service-hero .actions{margin-top:18px}

/* Before/after inspired by renovation-bruxelles.com: full overlay range + exact split */
.premium-compare{--compare:50%;position:relative;overflow:hidden;isolation:isolate;touch-action:pan-y;cursor:ew-resize}
.premium-compare>img,.premium-compare .ba-after img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.premium-compare .ba-after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--compare));width:auto!important;overflow:hidden;will-change:clip-path}
.premium-compare .ba-after img{width:100%!important}
.premium-compare .ba-line{position:absolute;z-index:4;top:0;bottom:0;left:var(--compare)!important;width:2px;background:rgba(255,255,255,.95);transform:translateX(-1px);box-shadow:0 0 0 1px rgba(0,0,0,.12);pointer-events:none;will-change:left}
.premium-compare .ba-knob{position:absolute;z-index:5;left:var(--compare)!important;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#102633;font-weight:900;box-shadow:0 7px 24px rgba(0,0,0,.28);pointer-events:none;will-change:left}
.premium-compare input[type=range]{position:absolute;z-index:6;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;pointer-events:none;touch-action:pan-y}
.compare-v19 .premium-compare{aspect-ratio:4/3;max-height:560px}
.compare-v19{grid-template-columns:minmax(0,.74fr) minmax(500px,1.26fr);gap:34px}

/* SEO text block: balanced columns */
.seo-copy{grid-template-columns:1fr 1fr;gap:52px;align-items:start}
.seo-copy>div:first-child p{max-width:66ch}
.seo-copy>div:first-child p+p{margin-top:16px}


@media(max-width:1000px){
  .service-grid{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:30px}
  .service-grid>img{max-width:360px;max-height:270px}
  .compare-v19{grid-template-columns:1fr;gap:24px}
  .compare-v19 .premium-compare{max-width:720px;max-height:none}
}
@media(max-width:760px){
  .service-hero{padding:30px 0 22px}
  .service-grid{grid-template-columns:1fr;gap:20px}
  .service-grid h1{font-size:36px;max-width:none}
  .service-grid>img{justify-self:stretch;max-width:100%;max-height:none;aspect-ratio:16/10}
  .compare-v19 .premium-compare{aspect-ratio:4/3}
  .seo-copy{grid-template-columns:1fr;gap:28px}
}
@media(max-width:520px){
  .service-grid h1{font-size:32px}
  .service-grid p{font-size:.96rem}
  .premium-compare .ba-knob{width:44px;height:44px}
  .compare-v19 .premium-compare{aspect-ratio:1/1}
}

/* ================= FINAL V21 ================= */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
::placeholder{color:var(--muted);opacity:.8}

/* Header: one theme toggle, larger targets */
.theme-toggle{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font-size:1.05rem;line-height:1;cursor:pointer}
.theme-toggle:hover{border-color:color-mix(in srgb,var(--green) 55%,var(--line))}
.langs a{min-height:36px;display:inline-grid;place-items:center}
.menu-toggle{width:44px;height:44px}

/* Mobile/tablet menu: synced with app.js (max-width:1120px) */
@media(max-width:1120px){
  .navlinks{display:none;position:absolute;left:4vw;right:4vw;top:calc(100% + 6px);flex-direction:column;align-items:stretch;gap:5px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);max-height:calc(100vh - 100px);overflow:auto}
  .navlinks.open{display:flex}
  .navlinks>a:not(.cta){padding:12px 8px;font-size:.95rem;min-height:44px;display:flex;align-items:center}
  .langs{order:10;flex-wrap:wrap;gap:8px}.langs a{min-width:48px;min-height:44px;font-size:.82rem}
  .navlinks>.cta{order:11;min-height:48px}
  .theme-toggle{order:12;width:auto;height:44px;padding:0 14px;justify-content:start;display:flex;gap:10px;align-items:center;font-size:.9rem;font-weight:800}
  .menu-toggle{display:block}
}
.theme-toggle .tt-label{display:none}
@media(max-width:1120px){.theme-toggle .tt-label{display:inline}}

/* Eyebrow on light backgrounds (service pages) */
.eyebrow.eyebrow-light{background:color-mix(in srgb,var(--green) 12%,var(--surface));border-color:color-mix(in srgb,var(--green) 38%,var(--line));color:var(--green-text)}

/* Hero background: lighter image on phones */
@media(max-width:700px){
  .hero{background-image:linear-gradient(90deg,rgba(4,15,22,.91) 0%,rgba(4,15,22,.75) 46%,rgba(4,15,22,.28) 68%,rgba(4,15,22,.42) 100%),url('hero-bright-800.webp')}
}

/* Trust strip (replaces repeated benefits) */
.metric strong{color:var(--text)}
.metric strong::before{content:"✓";color:var(--green-text);margin-right:7px}

/* Forms: labels, hints, inline errors */
.field-hint{margin:0;font-size:.78rem;color:var(--muted)}
.field-error{margin:0;font-size:.8rem;font-weight:750;color:var(--danger)}
.field.is-invalid input,.field.is-invalid select,.field.is-invalid textarea{border-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 14%,transparent)}
.choice-group.is-invalid .choice,.consent.is-invalid{border-color:var(--danger)}
.choice-group .field-error{grid-column:1/-1}
.consent{position:relative;flex-wrap:wrap}.consent>span{flex:1 1 0;min-width:0}.consent .field-error{flex-basis:100%;padding-left:24px}
.consent a,.contact-consent a{text-decoration:underline;text-underline-offset:2px}
fieldset.choice-fieldset{border:0;margin:0;padding:0;min-width:0}
fieldset.choice-fieldset legend{padding:0;margin:0 0 9px;font-weight:900;font-size:.95rem}
.step-error{margin:0 0 14px}
.formstep h3:focus{outline:none}

/* Tyre rows */
.tyre-row{padding:14px 17px 17px}
.tyre-row-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.tyre-row-head strong{font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.remove-tyre{position:static;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted);font-size:1.15rem;line-height:1}
.remove-tyre:hover{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}
.tyre-list.single .remove-tyre{display:none}
.tyre-grid{grid-template-columns:1.25fr .62fr 1fr 1fr}
.tyre-extra{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:10px}
.tyre-extra .field[hidden]{display:none}
.tyre-detail{margin-top:10px}
.opt{font-weight:600;color:var(--muted)}
@media(max-width:1100px){.tyre-grid{grid-template-columns:1.2fr .6fr 1fr 1fr}.tyre-grid .field:nth-child(5){grid-column:auto}}
@media(max-width:650px){.tyre-grid{grid-template-columns:1fr 1fr}.tyre-grid .field:first-child{grid-column:1/-1}.tyre-extra{grid-template-columns:1fr}}

/* Step 4 review */
.review{display:grid;gap:12px;margin:4px 0 6px}
.review-sec{border:1px solid var(--line);border-radius:14px;background:var(--surface2);padding:14px 16px}
.review-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
.review-head h4{margin:0;font-size:1rem}
.review-edit{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;min-height:36px;padding:6px 12px;font-weight:800;font-size:.82rem;cursor:pointer}
.review-edit:hover{border-color:var(--green)}
.review dl{display:grid;grid-template-columns:minmax(110px,max-content) 1fr;gap:6px 16px;margin:0;font-size:.9rem}
.review dt{color:var(--muted)}.review dd{margin:0;color:var(--text);overflow-wrap:anywhere}
.review ol{margin:0;padding-left:20px;display:grid;gap:6px;font-size:.9rem}
.review ol span{color:var(--muted)}
@media(max-width:520px){.review dl{grid-template-columns:1fr}.review dt{margin-top:6px}}

/* Success panel */
.form-success{display:grid;gap:14px;padding:6px 2px}
.form-success[hidden]{display:none}
.form-success:focus{outline:none}
.success-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--green) 18%,var(--surface));color:var(--green-text);font-size:1.6rem;font-weight:900}
.form-success h3{font-size:1.7rem;letter-spacing:-.03em;margin:0}
.form-success p{margin:0;color:var(--muted)}
.success-ref{display:inline-flex;gap:8px;align-items:center;width:max-content;max-width:100%;padding:9px 13px;border-radius:11px;background:var(--surface2);border:1px solid var(--line);font-size:.92rem}
.success-ref strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em}
.success-steps{margin:0;padding-left:20px;display:grid;gap:6px;color:var(--text)}
.form-success .btn{width:max-content}
.status.err{display:block}

/* Summary sidebar */
.sumline{line-height:1.45}

/* Service cards: whole card clickable */
.service-card-v19{position:relative}
.service-card-link{display:inline-flex;align-items:center;min-height:32px}
.service-card-link::after{content:"";position:absolute;inset:0;border-radius:inherit}
.service-card-v19:focus-within{outline:3px solid rgba(47,201,142,.45);outline-offset:2px}
.service-card-v19 .service-card-link:focus-visible{outline:none}

/* Brand marquee pause (WCAG 2.2.2) */
.brand-strip-head{align-items:flex-end}
.brand-pause{flex:0 0 auto;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font-weight:800;font-size:.84rem;cursor:pointer;display:inline-flex;gap:8px;align-items:center}
.brand-marquee.is-paused .brand-track,.brand-marquee:focus-within .brand-track{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.brand-pause{display:none}}
@media(max-width:650px){.brand-strip-head{flex-direction:column;align-items:flex-start}}

/* Before / after: keyboard focus on the knob */
.premium-compare:has(input:focus-visible) .ba-knob{outline:3px solid var(--green);outline-offset:3px}

/* Contact identity */
.contact-identity{margin:0 0 22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);display:grid;gap:4px;font-size:.88rem;color:#c9d8de;font-style:normal}
.contact-identity strong{color:#fff}
.contact-identity a{color:#8ff2c9;text-decoration:underline;text-underline-offset:2px}

/* Service pages: quick request card + figure */
.service-quick{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow);scroll-margin-top:90px}
.service-quick h2{font-size:1.5rem;line-height:1.15;letter-spacing:-.03em;margin:8px 0 6px}
.service-quick>p{color:var(--muted);margin:0 0 15px;font-size:.9rem}
.service-figure{margin:0 0 20px}
.service-figure img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:16px;border:1px solid var(--line)}
.service-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}
@media(max-width:1000px){.service-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr)}}
@media(max-width:760px){.service-grid{grid-template-columns:1fr}.service-quick{padding:20px}}

/* Footer: identity + larger targets */
.footer-links a{padding:4px 0}
.footer-legal{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:4px;padding-top:18px;border-top:1px solid rgba(255,255,255,.10);font-size:.82rem;color:#a9bcc4;font-style:normal}
.footer-legal a{color:#d7e6ea;text-decoration:underline;text-underline-offset:2px}
.footer-area{display:none}

/* Legal pages */
.legal-block a{color:var(--green-text);text-decoration:underline}
.seo-copy li a{display:inline-block;padding:3px 0;color:var(--muted);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--muted) 40%,transparent);text-underline-offset:3px}
.seo-copy li a:hover{color:var(--green-text)}
.footer-legal a,.contact-identity a{display:inline-block;padding:4px 0}
.premium-compare img{pointer-events:none;-webkit-user-drag:none;user-select:none}

/* ================= FINAL V22 ================= */
/* Fleet collaboration section */
.fleet-section{padding:64px 0}
.fleet-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}
.fleet-head h2{font-size:clamp(30px,3.3vw,42px);line-height:1.07;letter-spacing:-.035em;margin:8px 0 10px}
.fleet-head p{margin:0;color:var(--muted);max-width:60ch}
.fleet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.fleet-card{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-soft)}
.fleet-card h3{margin:0 0 6px;font-size:1.08rem}
.fleet-card p{margin:0;color:var(--muted);font-size:.9rem}
@media(max-width:1000px){.fleet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fleet-head{flex-direction:column;align-items:flex-start}}
@media(max-width:520px){.fleet-grid{grid-template-columns:1fr}.fleet-head .btn{width:100%}}

/* About */
.about-section{padding:64px 0}
.about-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:28px;align-items:start}
.about-grid h2{font-size:clamp(30px,3.3vw,42px);line-height:1.07;letter-spacing:-.035em;margin:8px 0 14px}
.about-grid p{color:var(--muted);margin:0 0 12px;max-width:64ch}
.about-card{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-soft);display:grid;gap:10px;font-style:normal}
.about-card strong{font-size:1.05rem}
.about-card span{color:var(--muted);font-size:.92rem}
.about-card .about-person{color:var(--text);font-weight:750}
.about-card a{color:var(--green-text);text-decoration:underline;text-underline-offset:2px;display:inline-block;padding:3px 0}
@media(max-width:900px){.about-grid{grid-template-columns:1fr}}

/* Urgent note + remember + confirmation line */
.urgent-note{margin:6px 0 0;padding:8px 11px;border-radius:10px;background:color-mix(in srgb,var(--green) 12%,var(--surface));color:var(--green-text);font-size:.84rem;font-weight:750}
.urgent-note[hidden],#confirmSent[hidden]{display:none}
.success-actions{display:flex;gap:10px;flex-wrap:wrap}
.form-success .success-actions .btn{width:auto}

/* Mobile: shorter hero so the quick form starts in the first screen */
@media(max-width:650px){
  .hero .trust{display:none}
  .hero .eyebrow{display:none}
  .hero h1{margin-top:4px}
  .hero-copy>p{font-size:.92rem;line-height:1.5}
  .hero .actions{margin:16px 0 4px}
  .hero .actions .btn.secondary{display:none}
  .hero{gap:18px}
}

/* Service pages: on desktop the quick form is already beside the hero CTA */
@media(min-width:761px){.service-hero .actions .btn:not(.secondary){display:none}}

/* Cookie consent banner */
.consent-banner{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:130;max-width:760px;margin:0 auto;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 60px rgba(4,15,22,.28)}
.consent-banner[hidden],.consent-banner [hidden]{display:none!important}
.consent-inner{padding:16px 18px;display:grid;gap:12px}
.consent-text{margin:0;font-size:.88rem;line-height:1.5;color:var(--muted)}
.consent-text strong{color:var(--text)}
.consent-text a{color:var(--green-text);text-decoration:underline;text-underline-offset:2px}
.consent-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.consent-btn{min-width:128px}
.consent-link{border:0;background:none;color:var(--text);font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:44px;padding:0 6px}
.consent-panel{display:grid;gap:8px}
.consent-panel[hidden]{display:none}
.consent-row{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);cursor:pointer}
.consent-row input{margin-top:4px;accent-color:var(--green2);width:18px;height:18px}
.consent-row b{display:block;font-size:.9rem}.consent-row small{display:block;color:var(--muted);font-size:.8rem}
.footer-cookie-link{border:0;background:none;padding:4px 0;color:#b8c8cf;font:inherit;font-size:.86rem;text-align:left;cursor:pointer}
.footer-cookie-link:hover{color:#fff;text-decoration:underline}
@media(max-width:520px){.consent-banner{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px))}.consent-inner{padding:13px 14px;gap:10px}.consent-text{font-size:.84rem}.consent-btn{flex:1 1 0;min-width:0;min-height:44px;padding:10px 12px}.consent-link{flex-basis:100%;text-align:center;min-height:36px}}

/* Before / after: new tyre on the left, worn tyre on the right (V22 request) */
.premium-compare .ba-after{clip-path:inset(0 calc(100% - var(--compare)) 0 0)}
.compare-label.after{left:14px;right:auto}.compare-label.before{right:14px;left:auto}
@media(max-width:650px){.compare-label.after{left:9px;right:auto}.compare-label.before{right:9px;left:auto}}

/* Service pages: sizes table, lists, FAQ */
.content-card h3{margin:28px 0 10px}
.size-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px}
.size-table{width:100%;border-collapse:collapse;font-size:.92rem}
.size-table th,.size-table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--line)}
.size-table th{background:var(--surface2);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.size-table td:first-child{font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--text)}
.size-table td{color:var(--muted)}
.size-table tbody tr:last-child td{border-bottom:0}
.size-note{font-size:.88rem;margin-top:10px}
.service-list{padding-left:20px;margin:0;display:grid;gap:6px}
.service-list li{color:var(--muted)}
.service-fleet-link{font-weight:850;color:var(--green-text);text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:4px 0}
.service-faq{max-width:none;margin:0}
.service-faq details{background:var(--surface2)}

/* Key figures strip (under the hero) */
.metric.stat{display:grid;gap:2px;align-content:start}
.metric.stat strong::before{content:none}
.metric.stat .stat-num{font-size:clamp(30px,3.2vw,40px);line-height:1;font-weight:900;letter-spacing:-.04em;color:var(--green-text);font-variant-numeric:tabular-nums;margin-bottom:6px}
.metric.stat strong{margin:0;font-size:.98rem;color:var(--text)}
@media(max-width:650px){.metric.stat .stat-num{font-size:30px}}
@media(max-width:420px){.metrics .metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric.stat{padding:12px}.metric.stat .stat-num{font-size:26px;margin-bottom:4px}.metric.stat strong{font-size:.86rem}.metric.stat span:last-child{font-size:.76rem}}

/* Truck-wheel loader: first page of a visit only, never blocks clicks, auto-hides after 2.2s at most */
.fp-loader{display:none}
html.fp-loading .fp-loader{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;align-content:center;gap:14px;background:var(--bg);pointer-events:none;animation:fpLoaderOut .35s ease 2.2s forwards}
html.fp-loaded .fp-loader{opacity:0;transition:opacity .35s ease}
.fp-wheel{width:96px;height:96px;animation:fpSpin .9s linear infinite;filter:drop-shadow(0 10px 18px rgba(4,15,22,.25))}
.fp-loader-brand{font-weight:900;letter-spacing:.06em;font-size:1rem;color:var(--text)}
.fp-loader-brand span{color:var(--green-text)}
@keyframes fpSpin{to{transform:rotate(360deg)}}
@keyframes fpLoaderOut{to{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.fp-wheel{animation:none}}

/* Belgian details */
.be-flag{display:inline-flex;flex:0 0 auto;width:16px;height:11px;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.35)}
.eyebrow-light .be-flag{box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.be-flag i{flex:1}.be-flag i:nth-child(1){background:#000}.be-flag i:nth-child(2){background:#FAE042}.be-flag i:nth-child(3){background:#ED2939}
footer{position:relative}
footer::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#000 0 33.34%,#FAE042 33.34% 66.67%,#ED2939 66.67% 100%)}

/* Without / with FleetPneus */
.why-section{padding:56px 0 24px}
.why-head{max-width:780px;margin:0 0 24px}
.why-head h2{font-size:clamp(30px,3.4vw,44px);line-height:1.06;letter-spacing:-.04em;margin:8px 0 12px}
.why-head p{margin:0;color:var(--muted);font-size:1.02rem;max-width:66ch}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.why-card{padding:22px 24px;border-radius:20px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft)}
.why-card h3{margin:0 0 12px;font-size:1.1rem}
.why-card ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.why-card li{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:start;font-size:.95rem}
.why-card li::before{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:.72rem;font-weight:900;margin-top:1px}
.why-without{background:var(--surface2)}
.why-without h3{color:var(--muted)}
.why-without li{color:var(--muted)}
.why-without li::before{content:"✕";background:color-mix(in srgb,var(--danger) 12%,var(--surface));color:var(--danger)}
.why-with{border-color:color-mix(in srgb,var(--green) 45%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--green) 7%,var(--surface)),var(--surface))}
.why-with h3{color:var(--green-text)}
.why-with li{color:var(--text);font-weight:650}
.why-with li::before{content:"✓";background:var(--green);color:#062016}
@media(max-width:760px){.why-grid{grid-template-columns:1fr}.why-section{padding-top:44px}}

/* V22g: parent-company links + site credit */
.ext-link{color:var(--green-text);text-decoration:underline;text-underline-offset:2px}
.footer-legal .site-credit{margin-left:auto}
.footer-legal .site-credit a{color:#d7e6ea}
@media (max-width:760px){.footer-legal .site-credit{margin-left:0}}
.footer-legal{align-items:center}


/* V24 B2B moving statement bar */
/* B2B scrolling value strip — compact, boxed and theme-aware */
.b2b-scroll-section{position:relative;width:min(var(--max),92vw);margin:8px auto 28px;background:transparent;border:0;overflow:visible}
.b2b-scroll{position:relative;overflow:hidden;min-height:82px;display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-soft)}
html[data-theme="dark"] .b2b-scroll{background:#050706;border-color:rgba(47,201,142,.24);box-shadow:0 12px 32px rgba(0,0,0,.22)}
.b2b-scroll::before,.b2b-scroll::after{content:"";position:absolute;top:0;bottom:0;width:52px;z-index:2;pointer-events:none}
.b2b-scroll::before{left:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}
.b2b-scroll::after{right:0;background:linear-gradient(270deg,#fff,rgba(255,255,255,0))}
html[data-theme="dark"] .b2b-scroll::before{background:linear-gradient(90deg,#050706,rgba(5,7,6,0))}
html[data-theme="dark"] .b2b-scroll::after{background:linear-gradient(270deg,#050706,rgba(5,7,6,0))}
.b2b-scroll-track{display:flex;width:max-content;will-change:transform;animation:b2bScroll 32s linear infinite}
.b2b-scroll-group{display:flex;align-items:center;gap:clamp(15px,1.65vw,26px);padding-right:clamp(15px,1.65vw,26px);white-space:nowrap}
.b2b-scroll-item{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:clamp(24px,2.25vw,34px);line-height:1;font-weight:900;letter-spacing:-.045em;text-transform:uppercase;color:var(--green-text)}
.b2b-scroll-dot{font-size:clamp(17px,1.55vw,24px);color:var(--green2);line-height:1}
.b2b-scroll:hover .b2b-scroll-track,.b2b-scroll:focus-within .b2b-scroll-track,.b2b-scroll.is-paused .b2b-scroll-track{animation-play-state:paused}
.b2b-scroll-toggle{position:absolute;right:10px;bottom:8px;z-index:4;width:28px;height:28px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--green) 34%,var(--line));border-radius:999px;background:color-mix(in srgb,#fff 90%,transparent);color:var(--green2);font-size:.62rem;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
html[data-theme="dark"] .b2b-scroll-toggle{background:rgba(5,7,6,.82);border-color:rgba(47,201,142,.3);color:var(--green)}
.b2b-scroll-toggle:hover,.b2b-scroll-toggle:focus-visible{border-color:rgba(47,201,142,.75);outline:none;box-shadow:0 0 0 3px rgba(47,201,142,.12)}
@keyframes b2bScroll{to{transform:translateX(-50%)}}
@media(max-width:700px){.b2b-scroll-section{margin:6px auto 22px}.b2b-scroll{min-height:68px;border-radius:15px}.b2b-scroll-track{animation-duration:27s}.b2b-scroll-item{font-size:clamp(21px,6.2vw,28px);letter-spacing:-.04em}.b2b-scroll-group{gap:14px;padding-right:14px}.b2b-scroll-dot{font-size:17px}.b2b-scroll::before,.b2b-scroll::after{width:30px}.b2b-scroll-toggle{right:7px;bottom:6px;width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){.b2b-scroll-track{animation:none;transform:none}.b2b-scroll-toggle{display:none}}


/* === V26 partner network === */
.partner-cta-section{padding:34px 0 68px}
.partner-cta-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:center;padding:30px 34px;background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}
.partner-cta-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--green)}
.partner-cta-copy h2{font-size:clamp(28px,3vw,40px);line-height:1.08;letter-spacing:-.035em;margin:8px 0 10px;max-width:820px}
.partner-cta-copy p{margin:0;color:var(--muted);max-width:820px}
.partner-cta-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.partner-cta-chips span{display:inline-flex;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface2);font-size:.78rem;font-weight:800;color:var(--text)}
.partner-cta-action{display:flex;flex-direction:column;align-items:flex-end;gap:9px;min-width:205px}.partner-cta-action .btn{min-width:190px}.partner-cta-action small{max-width:230px;text-align:right;color:var(--muted);font-size:.72rem;line-height:1.4}
.partner-page-hero{padding:64px 0 38px}.partner-page-title{max-width:930px}.partner-page-title h1{font-size:clamp(42px,5.2vw,68px);line-height:1;letter-spacing:-.055em;margin:18px 0 18px}.partner-page-title>p{font-size:1.08rem;color:var(--muted);max-width:780px;margin:0}.partner-client-note{display:inline-flex;align-items:center;gap:12px;margin-top:22px;padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:.82rem}.partner-client-note a{color:var(--green-text);font-weight:900}
.partner-apply-section{padding-top:26px}.partner-apply-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:24px;align-items:start}.partner-info-card,.partner-form-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-soft)}.partner-info-card{padding:28px;position:sticky;top:96px}.partner-info-card h2,.partner-form-card h2{font-size:clamp(27px,3vw,36px);line-height:1.08;letter-spacing:-.035em;margin:8px 0 14px}.partner-info-card ul{list-style:none;padding:0;margin:18px 0;display:grid;gap:10px}.partner-info-card li{font-size:.9rem;color:var(--text)}.partner-disclaimer{padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:.8rem}.partner-contact-mini{display:grid;gap:5px;margin-top:20px;padding:15px;border-radius:14px;background:var(--surface2);font-size:.82rem}.partner-contact-mini a{color:var(--green-text);font-weight:800}
.partner-form-card{padding:30px}.partner-form-card>p{color:var(--muted);margin:0 0 22px}.partner-form-card .twocol{margin-bottom:12px}.partner-form-card>.field,.partner-form-card>.choice-fieldset{margin-top:12px}.partner-options{border:0;padding:0;margin-left:0;margin-right:0}.partner-options legend{font-size:.78rem;font-weight:850;margin-bottom:8px}.partner-options .check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-form-card textarea{min-height:112px}.partner-form-card #p-details{min-height:145px}.partner-submit{margin-top:4px;min-width:210px}
html[data-theme="dark"] .partner-cta-card,html[data-theme="dark"] .partner-info-card,html[data-theme="dark"] .partner-form-card,html[data-theme="dark"] .partner-client-note{background:var(--surface)}
@media(max-width:900px){.partner-cta-card{grid-template-columns:1fr}.partner-cta-action{align-items:flex-start}.partner-cta-action small{text-align:left}.partner-apply-grid{grid-template-columns:1fr}.partner-info-card{position:static}.partner-page-hero{padding-top:44px}}
@media(max-width:620px){.partner-cta-section{padding:24px 0 52px}.partner-cta-card{padding:24px 21px;border-radius:20px}.partner-cta-action .btn{width:100%}.partner-cta-action{width:100%}.partner-page-title h1{font-size:39px}.partner-form-card,.partner-info-card{padding:20px;border-radius:19px}.partner-form-card .twocol{grid-template-columns:1fr}.partner-options .check-grid{grid-template-columns:1fr}}

/* === V27 floating breakdown call CTA === */
.breakdown-float{
  position:fixed;
  right:max(18px,env(safe-area-inset-right,0px));
  bottom:calc(22px + env(safe-area-inset-bottom,0px));
  z-index:120;
  display:flex;
  align-items:center;
  gap:11px;
  min-height:58px;
  padding:9px 15px 9px 9px;
  border:1px solid color-mix(in srgb,var(--green) 55%,var(--line));
  border-radius:18px;
  background:color-mix(in srgb,var(--surface) 95%,transparent);
  color:var(--text);
  box-shadow:0 14px 38px rgba(4,15,22,.20);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.breakdown-float:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(4,15,22,.26);border-color:var(--green)}
.breakdown-float-icon{
  width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;
  border-radius:13px;background:var(--green);color:#062016;
}
.breakdown-float-icon svg{width:20px;height:20px;fill:currentColor}
.breakdown-float-copy{display:grid;line-height:1.12}
.breakdown-float-copy strong{font-size:.88rem;font-weight:900;letter-spacing:.015em;color:var(--green-text)}
.breakdown-float-copy span{margin-top:4px;font-size:.76rem;font-weight:800;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
html[data-theme="dark"] .breakdown-float{background:rgba(5,12,16,.94);border-color:rgba(66,215,158,.42);box-shadow:0 16px 42px rgba(0,0,0,.38)}
@media(max-width:650px){
  .breakdown-float{right:max(10px,env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));min-height:52px;padding:6px;border-radius:17px;gap:0}
  .breakdown-float-icon{width:40px;height:40px;flex-basis:40px;border-radius:12px}
  .breakdown-float-copy{max-width:0;opacity:0;overflow:hidden;pointer-events:none}
}
@media(prefers-reduced-motion:reduce){.breakdown-float{transition:none}}
/* V27 mobile refinement: keep the emergency label visible, hide only the number. */
@media(max-width:650px){
  .breakdown-float{padding:6px 10px 6px 6px;gap:8px}
  .breakdown-float-copy{display:block;max-width:110px;opacity:1;overflow:visible;pointer-events:auto}
  .breakdown-float-copy strong{display:block;font-size:.78rem;white-space:nowrap}
  .breakdown-float-copy span{display:none}
}


/* === V31 brand lockup + service responsive final === */
/* Discreet ownership line under the FleetPneus logo. */
header .brand{
  display:grid;
  grid-template-columns:auto;
  grid-template-rows:auto auto;
  justify-items:start;
  align-items:center;
  row-gap:0;
  line-height:1;
}
header .brand-logo{grid-column:1;grid-row:1}
header .brand-byline{
  grid-column:1;grid-row:2;
  justify-self:end;
  margin-top:-4px;
  padding-right:3px;
  color:var(--muted);
  font-size:9px;
  line-height:1;
  font-weight:750;
  letter-spacing:.055em;
  white-space:nowrap;
  opacity:.82;
}
header .brand-byline sup,.footer-brand-byline sup{font-size:.7em;line-height:0;vertical-align:super;margin-left:1px}
.footer-brand-byline{
  display:block;
  width:180px;
  margin-top:-4px;
  padding-right:3px;
  text-align:right;
  color:#829aa5;
  font-size:9px;
  line-height:1;
  font-weight:750;
  letter-spacing:.055em;
  opacity:.9;
}

/* Service pages: prevent long fields/tables/copy from forcing horizontal overflow. */
.service-grid,.service-grid>*,.service-quick,.service-quick form,.service-quick .quick-grid,
.service-quick .quick-grid .field,.article-grid,.article-grid>*,.content-card,.related-card{min-width:0}
.service-quick input,.service-quick select,.service-quick textarea{max-width:100%;min-width:0}
.service-grid h1,.content-card h2,.content-card h3,.chip-link{overflow-wrap:break-word;hyphens:auto}
.size-table-wrap{max-width:100%;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}

/* Tablet: service hero must stack before it becomes cramped. */
@media(max-width:900px){
  .service-hero .service-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .service-quick{width:100%;max-width:none}
  .article-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .related-card{position:static;top:auto}
}

@media(max-width:760px){
  .nav{min-height:70px}
  header .brand-logo{width:150px}
  header .brand-byline{font-size:8px;margin-top:-3px}
  .service-hero{padding:24px 0 18px}
  .service-hero .service-grid{gap:16px}
  .service-grid h1{font-size:clamp(30px,8vw,36px);line-height:1.07;letter-spacing:-.038em;margin:11px 0}
  .service-grid p{font-size:.96rem;line-height:1.62}
  .service-benefits{margin:14px 0 17px;gap:7px}
  .service-benefits li{font-size:.86rem}
  .service-quick{padding:18px;border-radius:18px}
  .service-quick .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .service-quick .quick-grid .field{grid-column:auto!important}
  .service-quick .field input,.service-quick .field select{width:100%}
  .content-card,.related-card{padding:18px;border-radius:18px}
  .service-figure img{border-radius:14px}
  .size-table{min-width:520px;font-size:.88rem}
  .size-table th,.size-table td{padding:9px 12px}
  .chip-link{padding:11px 0}
}

@media(max-width:560px){
  .service-quick .quick-grid{grid-template-columns:minmax(0,1fr)}
  .service-quick .quick-grid .field{grid-column:auto!important}
  .service-hero .actions{display:grid;grid-template-columns:1fr;gap:8px;width:100%}
  .service-hero .actions .btn{width:100%;min-width:0}
  .service-grid h1{font-size:clamp(29px,9vw,34px)}
  .content-card,.related-card{padding:16px;border-radius:17px}
  .content-card h2{font-size:1.55rem;line-height:1.12}
  .content-card h3{font-size:1.12rem;line-height:1.22}
  .service-cta{width:100%;padding:14px}
  .service-cta .btn{width:100%}
  .size-table{min-width:500px;font-size:.85rem}
  .footer-brand-byline{width:160px}
}

@media(max-width:380px){
  .service-quick{padding:15px}
  .service-grid h1{font-size:29px}
  .content-card,.related-card{padding:14px}
  .size-table{min-width:470px}
}