/* SellMyQ5.uk r9 (26 Oct 2026): deep graphite and platinum with a sharp red line, Michroma lettering, clean grid.
   Loaded last. Motion: transform/opacity only, off for prefers-reduced-motion. No maker logos: lettering only. */
@font-face{font-family:"Michroma";font-weight:400;font-display:swap;src:url(fonts/michroma-latin-400-normal.woff2) format("woff2")}
:root{
  --g0:#0b0d0f;--g1:#121417;--g2:#1a1d21;--g3:#24282d;--g4:#353a41;
  --pl:#e5e7ea;--pl2:#f3f4f5;--pl3:#c9cdd2;--red:#e1192d;--red-dk:#b0101f;
  --anth:#121417;--anth-2:#1a1d21;--anth-3:#33383e;--steel:#8d959e;--plat:#e5e7ea;--plat-2:#f3f4f5;--line:#dadde1;
  --bronze:#e1192d;--bronze-dk:#b0101f;--bronze-lt:#f9d6da;--ink:#16191c;--muted:#5a626b;--wa:#1d8048;
  --disp:"Michroma","Eurostile","Arial Black",sans-serif;--text:"Albert Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --q9-ease:cubic-bezier(.2,.7,.2,1);
  --qf-xa:#e1192d;--qf-xat:#e1192d;--qf-xai:#ffffff;--qf-xd:#121417;--qf-xl:#f3f4f5;--qf-xr:0px;--qf-xrb:0px
}
body{background:var(--pl2);color:var(--ink)}
h1,h2{font-family:var(--disp);font-weight:400;letter-spacing:-.01em;color:var(--g1)}
h2,.qf-h2,.q9-h2{font-size:clamp(1.45rem,2.7vw,2.25rem);line-height:1.16;text-wrap:balance}
h3{font-family:var(--text);font-weight:700}
a{color:var(--red-dk)}
a:hover{color:var(--g1)}
:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.q9-wrap{width:min(1200px,100% - 64px);margin:0 auto;position:relative}
@media (max-width:600px){.q9-wrap{width:calc(100% - 32px)}}

/* Buttons */
.qf-btn{border-radius:0;font-weight:700;letter-spacing:.04em}
.qf-btn--bronze,.q9-btn--red{background:var(--red);color:#fff}
.qf-btn--bronze:hover{background:var(--red-dk);color:#fff}
.qf-btn--outline-dark{border-color:var(--g1);color:var(--g1)}
.q9-btn{display:inline-flex;align-items:center;gap:.7em;padding:17px 28px;font:700 .95rem/1 var(--text);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border:0;border-radius:0;transition:transform .25s var(--q9-ease),background-color .2s}
.q9-btn--red{color:#fff!important;box-shadow:0 16px 30px -16px rgba(225,25,45,.8)}
.q9-btn--red:hover{background:var(--red-dk);transform:translateY(-2px)}
.q9-btn--line{background:transparent;color:var(--g1)!important;box-shadow:inset 0 0 0 2px var(--g1)}
.q9-btn--line:hover{background:var(--g1);color:#fff!important}
.q9-btn span{transition:transform .25s var(--q9-ease)}
.q9-btn:hover span{transform:translateX(4px)}
.q9-call{display:inline-flex;align-items:center;gap:12px;padding:10px 20px 10px 16px;color:#fff!important;text-decoration:none;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);backdrop-filter:blur(6px);transition:transform .25s var(--q9-ease),background-color .2s}
.q9-call:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}
.q9-call svg{color:var(--red);flex:none}
.q9-call span{display:flex;flex-direction:column;line-height:1.15}
.q9-call small{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#c3c9cf;font-weight:700}
.q9-call strong{font:400 1.3rem/1.2 var(--disp);letter-spacing:.02em;white-space:nowrap}
.qf6-wa{border-radius:0;font-family:var(--text)}
.qf6-wa strong{font-family:var(--text);font-weight:800}
.qf6-formwa a{border-radius:0}

/* Kicker line */
.q9-kick{display:flex;align-items:center;gap:12px;margin:0 0 18px;font:700 .78rem/1.3 var(--text);letter-spacing:.2em;text-transform:uppercase;color:#d5dade}
.q9-kick--dark{color:var(--g3)}
.q9-kick__bar{flex:none;width:44px;height:3px;background:var(--red)}

/* Header */
.qf-top{position:sticky;top:0;z-index:40;background:rgba(11,13,15,.94);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:saturate(1.4) blur(10px)}
.qf-top::after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:min(28%,320px);background:var(--red)}
.qf-top__in{min-height:76px}
header a.qf-logo,header a.qf-logo>*,.qf-foot a.qf-logo,.qf-foot a.qf-logo>*{zoom:1!important}
.qf-logo{display:inline-flex;flex-direction:column;align-items:flex-start;gap:5px;line-height:1;text-decoration:none}
.qf-logo__sell{font:400 .62rem/1 var(--disp)!important;letter-spacing:.42em!important;text-transform:uppercase;color:#aeb5bc!important}
.qf-logo__sell .xr-lmk{color:#fff}
.qf-logo__q5{font:400 1.32rem/1 var(--disp)!important;letter-spacing:-.01em!important;padding:0!important;border:0!important;color:#fff}
.qf-logo__q5 .qf6-tld{color:var(--red);font-size:.66em;margin-left:.06em}
.qf-menu{gap:24px}
.qf-menu a{font-weight:500;font-size:.88rem;letter-spacing:.04em;color:#c8ced4;border-bottom:2px solid transparent}
.qf-menu a:hover,.qf-menu a[aria-current]{color:#fff;border-bottom-color:var(--red)}
.qf-top__phone{font:400 1.05rem/1 var(--disp);letter-spacing:.02em;padding:12px 16px;background:var(--red);color:#fff!important}
.qf-top__phone:hover{background:var(--red-dk)}
.qf-top__menu{border-radius:0;border-color:rgba(255,255,255,.3);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}
.q9-scrolled .qf-top{box-shadow:0 12px 30px -18px rgba(0,0,0,.9)}
@media (max-width:1080px){.qf-menu{gap:16px}.qf-menu a{font-size:.82rem}}
@media (max-width:900px){.qf-top{position:sticky}.qf-menu{top:76px;background:var(--g0)}.qf-top__phone{padding:10px 12px;font-size:.92rem}}
@media (max-width:600px){.qf-top__in{min-height:64px}.qf-menu{top:64px}.qf-logo__q5{font-size:1.06rem!important}.qf-logo__sell{font-size:.54rem!important;letter-spacing:.36em!important}.qf-top__phone{display:none}}

/* ---------- Home hero ---------- */
.q9-hero{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(120% 90% at 75% 30%,#2c3238 0,#15181b 55%,#0b0d0f 100%);color:#fff;min-height:min(92vh,880px);display:flex;align-items:flex-end;padding:clamp(110px,14vw,170px) 0 clamp(28px,4vw,44px)}
.q9-hero__pic{position:absolute;inset:0;margin:0;z-index:-2;overflow:hidden}
.q9-hero__img,.q9-ibg__img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:cover;object-position:62% 55%;color:transparent;font-size:0}
.q9-hero__pic::after,.q9-ibg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,13,15,.94) 0,rgba(11,13,15,.78) 38%,rgba(11,13,15,.25) 72%,rgba(11,13,15,.45) 100%),linear-gradient(0deg,rgba(11,13,15,.96) 0,rgba(11,13,15,0) 46%)}
.q9-hero__pic figcaption,.q9-ibg figcaption{position:absolute;right:12px;top:12px;z-index:3;max-width:calc(100% - 24px)}
.q9-cr{color:inherit;font:500 .74rem/1.35 var(--text);text-decoration:underline;text-decoration-color:rgba(127,127,127,.5);text-underline-offset:2px}
.q9-cr--hero{display:inline-block;padding:4px 8px;background:rgba(0,0,0,.6);color:#fff!important;text-decoration:none;font-size:.72rem}
.q9-cr--hero:hover{text-decoration:underline}
.q9-hero__wm{position:absolute;z-index:-1;left:-.04em;bottom:-.17em;font:400 clamp(8rem,31vw,30rem)/1 var(--disp);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.12);white-space:nowrap;pointer-events:none;user-select:none}
.q9-hero__in{z-index:1}
.q9-h1{margin:0 0 50px;color:#fff;line-height:.92}
.q9-h1__sell{display:block;font:700 clamp(1.15rem,2.2vw,1.6rem)/1.1 var(--text);letter-spacing:.32em;text-transform:uppercase;color:#d8dde2;margin-bottom:.55em}
.q9-h1__name{display:block;font-size:clamp(2.75rem,15vw,10.5rem);letter-spacing:-.035em;white-space:nowrap;text-transform:uppercase}
.q9-h1__q5{color:#fff;position:relative}
.q9-h1__q5::after{content:"";position:absolute;left:.04em;right:.02em;bottom:-.14em;height:.07em;min-height:4px;background:var(--red)}
.q9-hero__em{max-width:46ch;margin:0 0 24px;font-size:clamp(1.02rem,1.5vw,1.2rem);line-height:1.55;color:#d9dee3}
.q9-chips{list-style:none;margin:0 0 26px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.q9-chips a{display:block;padding:9px 14px;font:700 .82rem/1 var(--text);letter-spacing:.06em;color:#fff;text-decoration:none;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);transition:transform .2s var(--q9-ease),background-color .2s,box-shadow .2s}
.q9-chips a:hover{transform:translateY(-2px);background:var(--red);box-shadow:inset 0 0 0 1px var(--red)}
.q9-acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 34px}
.q9-acts .qf6-wa{margin:0}
.q9-acts--sm{margin:22px 0 0}
.q9-rail{border-top:1px solid rgba(255,255,255,.18)}
.q9-rail ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.q9-rail li{position:relative}
.q9-rail a{display:flex;flex-direction:column;gap:6px;padding:16px 14px 6px 0;color:#fff;text-decoration:none;position:relative}
.q9-rail a::before{content:"";position:absolute;left:0;top:-1px;height:3px;width:0;background:var(--red);transition:width .35s var(--q9-ease)}
.q9-rail a:hover::before,.q9-rail .is-here a::before{width:calc(100% - 14px)}
.q9-rail b{font:400 clamp(1rem,1.9vw,1.45rem)/1 var(--disp);letter-spacing:-.01em}
.q9-rail span{font-size:.82rem;color:#aab2ba;letter-spacing:.04em}
@media (max-width:760px){
  .q9-hero{min-height:0;padding-top:72px}
  .q9-hero__pic{bottom:auto;height:min(64vw,330px)}
  .q9-hero__pic::after{background:linear-gradient(0deg,#0b0d0f 0,rgba(11,13,15,.2) 60%,rgba(11,13,15,.35) 100%)}
  .q9-hero__in{padding-top:min(40vw,200px)}
  .q9-hero__wm{bottom:auto;top:min(48vw,240px);font-size:44vw}
  .q9-rail ol{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:4px}
  .q9-acts{flex-direction:column;align-items:stretch}
  .q9-acts>*{justify-content:center}
  .q9-call{justify-content:center}
}
/* Slow Ken Burns on the real photo */
@media (prefers-reduced-motion:no-preference){
  .q9-hero__img,.q9-ibg__img{animation:q9kb 26s ease-in-out infinite alternate;transform-origin:62% 50%;will-change:transform}
  @keyframes q9kb{from{transform:scale(1.02)}to{transform:scale(1.12) translate3d(-1.2%,-.8%,0)}}
  .q9-hero__in>*{animation:q9up .9s var(--q9-ease) both}
  .q9-hero__in>:nth-child(2){animation-delay:.08s}.q9-hero__in>:nth-child(3){animation-delay:.16s}.q9-hero__in>:nth-child(4){animation-delay:.22s}.q9-hero__in>:nth-child(5){animation-delay:.28s}.q9-hero__in>:nth-child(6){animation-delay:.34s}
  @keyframes q9up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
}

/* ---------- Inner page heroes ---------- */
.qf-hero{background:var(--g1)}
.q9-inner{position:relative;isolation:isolate;overflow:hidden;padding:clamp(48px,6vw,84px) 0 clamp(56px,7vw,96px)}
.q9-ibg{position:absolute;inset:0;margin:0;z-index:-2;overflow:hidden;background:radial-gradient(120% 90% at 75% 30%,#2c3238 0,#15181b 55%,#0b0d0f 100%)}
.q9-ibg::after{background:linear-gradient(90deg,rgba(11,13,15,.95) 0,rgba(11,13,15,.74) 45%,rgba(11,13,15,.5) 100%),linear-gradient(0deg,rgba(11,13,15,.9) 0,rgba(11,13,15,0) 50%)}
.q9-hero__wm--inner{bottom:-.2em;font-size:clamp(7rem,24vw,22rem)}
.q9-inner h1,.qf-hero--inner h1{font-size:clamp(1.9rem,4.4vw,3.4rem);line-height:1.08;color:#fff;letter-spacing:-.02em}
.q9-inner .xr-mk{color:#fff}
.q9-inner .qf-hero__tag{border:0;background:var(--red);color:#fff;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;padding:6px 12px}
.q9-inner .qf-crumbs,.q9-inner .qf-crumbs a{color:#b9c0c7}
.q9-inner .qf-hero__lead{color:#d3d8dd}
.q9-inner .qf-dashes li{border-bottom-color:rgba(255,255,255,.14)}
.q9-inner .qf-dashes li::before{background:var(--red);height:2px}
.q9-inner .q9-rail{margin-top:26px}
.q9-inner .q9-rail ol{grid-template-columns:repeat(5,minmax(0,1fr))}
.q9-inner .q9-rail b{font-size:.92rem}
.q9-inner .q9-rail span{font-size:.74rem}
.q9-inner .qf-form{box-shadow:0 40px 70px -40px rgba(0,0,0,.9)}
.q9-inner .qf6-formwa a{color:#fff;background:rgba(29,128,72,.18)}
.q9-inner .qf-contact dt{color:#aab2ba}
.q9-inner .qf-contact a{color:#fff}
@media (max-width:760px){.q9-inner .q9-rail ol{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Text-page header band */
.q9-phead{position:relative;isolation:isolate;overflow:hidden;color:#fff;padding:clamp(70px,10vw,130px) 0 clamp(40px,5vw,64px)}
.q9-phead h1{color:#fff;font-size:clamp(2rem,5.4vw,4.2rem);line-height:1.04;margin:0 0 14px;letter-spacing:-.025em}
.q9-phead__lead{max-width:60ch;color:#d3d8dd;font-size:1.08rem;margin:0}
.q9-phead+.qf-doc{padding-top:clamp(40px,5vw,64px)}

/* ---------- Valuation ---------- */
.qf-valuation{position:relative;background:linear-gradient(180deg,var(--g0) 0 90px,var(--pl2) 90px);padding:0 0 clamp(56px,7vw,96px);border:0}
.qf-valuation>.qf-wrap{background:#fff;padding:clamp(26px,3.6vw,52px);box-shadow:0 1px 0 rgba(0,0,0,.04),0 40px 80px -48px rgba(0,0,0,.55);border-top:4px solid var(--red)}
.qf-valuation .qf-h2{font-size:clamp(1.4rem,2.4vw,2rem)}
.qf-valuation .qf-dashes li::before{background:var(--red);height:2px}
.qf-valuation .qf6-formwa{margin:18px 0 14px}
@media (max-width:600px){.qf-valuation>.qf-wrap{margin:0 12px;padding:24px 16px}}
.qf-form{border-radius:0;border:1px solid var(--line);border-top:4px solid var(--g1)}
.qf-valuation .qf-form{background:var(--pl2)}
.qf-form__head h2{font-size:clamp(1.15rem,2vw,1.45rem);letter-spacing:-.01em}
.qf-reg{font-family:var(--disp)!important;font-size:clamp(1rem,1.5vw,1.2rem)!important;letter-spacing:.05em;padding-left:8px!important;padding-right:8px!important;background:#ffd400!important;color:#111!important;border:2px solid #111!important}
.qf-reg::placeholder{color:rgba(0,0,0,.45)}
.qf-f input,.qf-f select,.qf-f textarea{border-radius:0}
.qf-f input:focus,.qf-f select:focus,.qf-f textarea:focus{border-color:var(--g1);box-shadow:0 0 0 3px rgba(225,25,45,.22)}
.qf-form__note{background:var(--pl);border-left:3px solid var(--red)}
.qf-form .qf-btn--bronze{text-transform:uppercase;letter-spacing:.1em;font-size:.92rem;padding:17px 24px}

/* ---------- 3-step WhatsApp strip ---------- */
.qf6-steps--v0{background:var(--g1);position:relative;overflow:hidden}
.qf6-steps--v0::before{content:"3";position:absolute;right:-.06em;top:-.22em;font:400 clamp(14rem,30vw,26rem)/1 var(--disp);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.07);pointer-events:none}
.qf6-steps__in{position:relative}
.qf6-steps--v0 .qf6-steps__kick{color:#ff5a68}
.qf6-steps h2{font-family:var(--disp);font-size:clamp(1.6rem,3.4vw,2.6rem);color:#fff;letter-spacing:-.02em}
.qf6-steps--v0 .qf6-steps__list li{background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);border-top:3px solid var(--red);padding:26px 24px 24px}
.qf6-steps--v0 .qf6-steps__n{background:transparent;color:#fff;width:auto;height:auto;border-radius:0;font:400 2.6rem/1 var(--disp);letter-spacing:-.04em}
.qf6-steps__list h3{font-family:var(--text);font-weight:800;color:#fff}

/* ---------- Section heads ---------- */
.q9-head{max-width:860px;margin:0 0 clamp(28px,4vw,48px)}
.q9-head .q9-h2{margin:0 0 12px}
.q9-head__sub{margin:0;color:var(--muted);font-size:1.05rem;max-width:62ch}
.q9-h2 i{font-style:normal;color:var(--red);padding:0 .1em}

/* ---------- Generations ---------- */
.q9-gens{padding:clamp(64px,8vw,120px) 0;background:var(--pl2)}
.q9-gens__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.q9-gen{margin:0;min-width:0;display:flex;flex-direction:column}
.q9-gen--w7{grid-column:span 7}.q9-gen--w5{grid-column:span 5}.q9-gen--w12{grid-column:1/-1}
.q9-gen__link{position:relative;display:block;flex:1;min-height:clamp(320px,34vw,470px);overflow:hidden;color:#fff;text-decoration:none;background:radial-gradient(120% 100% at 70% 20%,#3a4047 0,#1a1d21 60%,#0b0d0f 100%);transition:transform .45s var(--q9-ease),box-shadow .45s var(--q9-ease);box-shadow:0 30px 60px -44px rgba(0,0,0,.8)}
.q9-gen--w12 .q9-gen__link{min-height:clamp(320px,36vw,520px)}
.q9-gen__ph{position:absolute;inset:0}
.q9-gen__img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:cover;color:transparent;font-size:0;transition:transform 1.1s var(--q9-ease)}
.q9-gen__ph::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,10,12,.94) 0,rgba(8,10,12,.55) 38%,rgba(8,10,12,0) 68%)}
.q9-gen__code{position:absolute;right:16px;top:10px;font:400 clamp(2.4rem,4.6vw,4.4rem)/1 var(--disp);letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.2px rgba(255,255,255,.42);pointer-events:none}
.q9-gen__cap{position:absolute;left:0;right:0;bottom:0;padding:clamp(18px,2.4vw,30px);display:flex;flex-direction:column;gap:6px}
.q9-gen__yrs{align-self:flex-start;padding:5px 10px;background:var(--red);font:700 .76rem/1 var(--text);letter-spacing:.12em;text-transform:uppercase}
.q9-gen__name{font:400 clamp(1.15rem,2.1vw,1.7rem)/1.15 var(--disp);letter-spacing:-.01em}
.q9-gen__txt{max-width:52ch;color:#d4d9de;font-size:.98rem;line-height:1.5}
.q9-gen__go{margin-top:6px;font:700 .82rem/1 var(--text);letter-spacing:.12em;text-transform:uppercase;color:#fff}
.q9-gen__go span{display:inline-block;transition:transform .3s var(--q9-ease)}
.q9-gen__link:hover,.q9-gen__link:focus-visible{transform:translateY(-6px);box-shadow:0 44px 70px -40px rgba(0,0,0,.85)}
.q9-gen__link:hover .q9-gen__img{transform:scale(1.06)}
.q9-gen__link:hover .q9-gen__go span{transform:translateX(6px)}
.q9-gen__cr{margin:8px 0 0;font-size:.74rem;line-height:1.35;color:var(--muted)}
.q9-gen__cr a{color:inherit}
@media (max-width:900px){.q9-gen--w7,.q9-gen--w5{grid-column:span 6}}
@media (max-width:760px){.q9-gen--w7,.q9-gen--w5,.q9-gen--w12{grid-column:1/-1}.q9-gen__link,.q9-gen--w12 .q9-gen__link{min-height:300px}}

/* ---------- Promises band ---------- */
.qf-terms{background:var(--g0);border:0;padding:clamp(36px,5vw,56px) 0;color:#fff}
.qf-terms__grid div{border-left:1px solid rgba(255,255,255,.14)}
.qf-terms__big{font:400 clamp(1.4rem,2.8vw,2.2rem)/1.1 var(--disp)!important;color:#fff!important;letter-spacing:-.02em}
.qf-terms__grid div:nth-child(odd) .qf-terms__big{color:#fff!important}
.qf-terms__grid span:not(.qf-terms__big){color:#aab2ba!important}
.qf-terms__grid div::before{content:"";display:block;width:28px;height:3px;background:var(--red);margin-bottom:14px}

/* ---------- Safe-selling cards (plus.php) ---------- */
.qf-xtrust{background:#fff}
.qf-xtrust h2,.qf-xuk h2,.qf-xmodels h2{font-family:var(--disp)!important;font-weight:400!important;letter-spacing:-.01em;font-size:clamp(1.45rem,2.7vw,2.25rem)!important;line-height:1.16!important}
.qf-xuk__nations li{border-radius:0!important}
.qf-xtrust__mark,.qf-xtrust__ic{background:var(--g1)!important;color:#fff!important;border-radius:0!important}
.qf-xtrust__card{border-radius:0!important;border-top:3px solid var(--red)!important;transition:transform .3s var(--q9-ease),box-shadow .3s!important}
.qf-xtrust__card:hover{transform:translateY(-5px)!important;box-shadow:0 30px 50px -36px rgba(0,0,0,.6)!important}
.qf-xkicker{color:var(--red)!important;letter-spacing:.18em!important}
.qf-xtrust__call a{border-radius:0!important;background:var(--g1)!important}

/* ---------- Model tiles ---------- */
.qf-models{background:var(--pl2)}
.qf-models__grid{gap:0;background:none;border:0;grid-template-columns:repeat(4,minmax(0,1fr));box-shadow:0 0 0 1px var(--line)}
.qf-tile{background:#fff;box-shadow:inset 0 0 0 .5px var(--line);position:relative;transition:transform .3s var(--q9-ease),box-shadow .3s,background-color .3s;z-index:0}
.qf-tile::before{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:var(--red);transition:width .35s var(--q9-ease)}
.qf-tile:hover{transform:translateY(-4px);box-shadow:0 26px 40px -30px rgba(0,0,0,.6);z-index:1}
.qf-tile:hover::before{width:100%}
.qf-tile__tag{font:400 .8rem/1 var(--disp)!important;color:var(--red-dk)!important;letter-spacing:.02em}
.qf-tile__name{font-family:var(--text)!important;font-weight:800!important}
.qf-versions span{font-weight:600;color:var(--g3)}
.qf-versions span+span::before{color:var(--red)}
@media (max-width:900px){.qf-models__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.qf-models__grid{grid-template-columns:1fr}}

/* ---------- Why / sellers ---------- */
.qf-why{background:#fff}
.qf-why__grid>div,.qf-sellers__grid>div{position:relative;padding-top:18px;border-top:1px solid var(--line)}
.qf-why__grid>div::before,.qf-sellers__grid>div::before{content:"";position:absolute;left:0;top:-1px;width:36px;height:3px;background:var(--red)}
.qf-sellers{background:var(--pl2)}

/* ---------- Story ---------- */
.q9-story{background:var(--g1);color:#d6dbe0;padding:clamp(64px,8vw,120px) 0;position:relative;overflow:hidden}
.q9-story::after{content:"QUATTRO";position:absolute;left:50%;bottom:-.24em;transform:translateX(-50%);font:400 clamp(5rem,17vw,16rem)/1 var(--disp);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.06);white-space:nowrap;pointer-events:none}
.q9-story__in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:start;z-index:1}
.q9-story .q9-h2{color:#fff;margin:0 0 16px}
.q9-story__head p{line-height:1.65}
.q9-story .q9-btn--line{color:#fff!important;box-shadow:inset 0 0 0 2px #fff}
.q9-story .q9-btn--line:hover{background:#fff;color:var(--g1)!important}
.q9-flag{display:inline-flex;flex-direction:column;width:30px;height:18px;flex:none;box-shadow:0 0 0 1px rgba(255,255,255,.2)}
.q9-flag i{flex:1;background:#000}.q9-flag i:nth-child(2){background:#dd0000}.q9-flag i:nth-child(3){background:#ffce00}
.q9-tl{list-style:none;margin:0;padding:0;position:relative}
.q9-tl::before{content:"";position:absolute;left:112px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--red),rgba(225,25,45,.15))}
.q9-tl li{display:grid;grid-template-columns:96px 1fr;gap:0 34px;padding:0 0 22px;position:relative}
.q9-tl li::after{content:"";position:absolute;left:107px;top:8px;width:12px;height:12px;background:var(--g1);box-shadow:inset 0 0 0 2px var(--red);transform:rotate(45deg)}
.q9-tl b{font:400 1.2rem/1.3 var(--disp);color:#fff;letter-spacing:-.01em}
.q9-tl p{margin:0;color:#c6ccd2}
.q9-story__pics{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,24px);margin-top:clamp(8px,2vw,20px)}
.q9-pic{margin:0}
.q9-pic__ph{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:radial-gradient(120% 100% at 70% 20%,#3a4047 0,#1a1d21 60%,#0b0d0f 100%)}
.q9-pic__img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:cover;color:transparent;font-size:0;transition:transform 1s var(--q9-ease)}
.q9-pic:hover .q9-pic__img{transform:scale(1.05)}
.q9-pic figcaption{padding:12px 0 0;color:#d6dbe0;font-size:.95rem}
.q9-pic figcaption b{font-family:var(--disp);font-weight:400;color:#fff;margin-right:6px}
.q9-cr--line{display:block;margin-top:4px;color:#9aa3ab!important;font-size:.74rem}
@media (max-width:900px){.q9-story__in{grid-template-columns:1fr}}
@media (max-width:600px){.q9-story__pics{grid-template-columns:1fr}.q9-tl::before{left:80px}.q9-tl li{grid-template-columns:66px 1fr;gap:0 30px}.q9-tl li::after{left:75px}.q9-tl b{font-size:.92rem}}

/* ---------- Steps, spec table, cover, FAQ, CTA ---------- */
.qf-steps{background:#fff}
.qf-steps__list span{font:400 2.4rem/1 var(--disp)!important;color:var(--red)!important;letter-spacing:-.04em}
.qf-spec{background:var(--pl2)}
.qf-spec__table th{font-family:var(--text);font-weight:800;color:var(--g1)}
.qf-spec__table tr{transition:background-color .2s}
.qf-spec__table tr:hover{background:#fff}
.qf-cover{background:var(--g2);color:#c9cfd5}
.qf-cover .qf-h2{color:#fff}
.qf-cover p{color:#c9cfd5}
.qf-cover .qf-btn--outline-dark{color:#fff;border-color:#fff}
.qf-cover .qf-btn--outline-dark:hover{background:#fff;color:var(--g1)}
.qf-cover__towns li,.qf-cover__towns a{border-color:rgba(255,255,255,.16)!important}
.qf-cover__towns a{color:#fff;font-family:var(--text)!important;font-weight:600;text-decoration:none;transition:color .2s}
.qf-cover__towns a:hover{color:#ff5a68}
.qf-faq{background:#fff}
.qf-faq details{border-color:var(--line)}
.qf-faq summary{font-weight:700}
.qf-faq summary::marker,.qf-faq summary::after{color:var(--red)}
.qf-close{background:var(--g0);position:relative;overflow:hidden;border-top:4px solid var(--red)}
.qf-close h2{color:#fff;font-size:clamp(1.5rem,3.2vw,2.5rem)}
.qf-close p{color:#b9c0c7}
.qf-close::before{content:"Q5";position:absolute;right:-.04em;bottom:-.3em;font:400 clamp(10rem,26vw,22rem)/1 var(--disp);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.07);pointer-events:none}
.qf-close .qf-wrap{position:relative}
.qf-close .qf-btn{border-radius:0}

/* UK coverage */
.qf-xuk--dark{background:var(--g1)!important}
.qf-xuk--dark h2{color:#fff!important}
.qf-xuk__reg{border-radius:0!important}

/* Text pages */
.qf-doc h1{font-size:clamp(1.8rem,4vw,3rem)}
.qf-doc h2{font-size:clamp(1.15rem,2vw,1.5rem);margin-top:1.6em}
.qf-doc ul li::marker{color:var(--red)}
.qf-guide__item{border-left:3px solid var(--red);padding-left:18px}
.qf-az__letter{font-family:var(--disp)!important;color:var(--red)!important}

/* ---------- Footer ---------- */
.q9-endline{height:4px;background:linear-gradient(90deg,var(--red) 0 22%,var(--g3) 22%)}
.qf-foot{background:var(--g0);position:relative;overflow:hidden}
.qf-foot>.qf-wrap{position:relative;z-index:1}
.qf-foot__wm{position:absolute;right:-.02em;bottom:-.2em;font:400 clamp(4rem,12vw,10rem)/1 var(--disp);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.06);white-space:nowrap;pointer-events:none;z-index:0}
.qf-foot__num a{font-family:var(--disp)!important;letter-spacing:-.01em}
.qf-foot h2{font-family:var(--text)!important;font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem!important;color:#fff!important}
.qf-foot a:hover{color:#fff}
.qf-foot .qf-btn--wa{border-radius:0}

/* Floating buttons */
.qf-th-bar{background:var(--red)!important;border-radius:0!important;font-family:var(--text)}
.qf-th-bar strong{font-family:var(--disp)!important;font-weight:400!important}

/* ---------- Scroll reveal (only when JS adds .xr-on; content shows without JS) ---------- */
.xr-on .xr-rv{opacity:0;transform:translateY(30px)}
.xr-on .xr-rv.xr-in{opacity:1;transform:none;transition:opacity .8s var(--q9-ease),transform .8s var(--q9-ease);transition-delay:calc(var(--i,0) * 70ms)}
.xr-on .q9-tl.xr-rv li{opacity:0;transform:translateX(-14px)}
.xr-on .q9-tl.xr-in li{opacity:1;transform:none;transition:opacity .6s ease,transform .6s var(--q9-ease);transition-delay:calc(var(--i,0) * 80ms)}

@media (prefers-reduced-motion:reduce){
  .q9-hero__img,.q9-ibg__img,.q9-hero__in>*{animation:none!important}
  .q9-btn,.q9-call,.q9-chips a,.q9-gen__link,.q9-gen__img,.q9-pic__img,.qf-tile,.qf-xtrust__card{transition:none!important}
  .q9-gen__link:hover,.q9-chips a:hover,.q9-btn:hover,.q9-call:hover,.qf-tile:hover{transform:none!important}
  .q9-gen__link:hover .q9-gen__img,.q9-pic:hover .q9-pic__img{transform:none}
  .xr-on .xr-rv,.xr-on .q9-tl.xr-rv li{opacity:1!important;transform:none!important;transition:none!important}
}

/* Inner pages on phones: the photo becomes a band at the top, the credit sits on it */
.q9-ibg figcaption{top:auto;bottom:10px}
@media (max-width:760px){
  .q9-ibg{bottom:auto;height:min(58vw,280px)}
  .q9-ibg::after{background:linear-gradient(0deg,#0b0d0f 0,rgba(11,13,15,.15) 55%,rgba(11,13,15,.3) 100%)}
  .q9-ibg figcaption{top:8px;bottom:auto}
  .q9-inner,.q9-phead{padding-top:min(50vw,240px);background:var(--g0)}
  .q9-hero__wm--inner{display:none}
  .qf-foot__num a{font-size:clamp(1.5rem,8vw,2.2rem)!important;white-space:nowrap}
}