/* Review 6 (26 Oct 2026): domain brand mark, "send photos on WhatsApp" calls to action,
   3-step strip and a pinging WhatsApp button. Transform/opacity motion only; off for reduced motion. */
.xf6-dom{white-space:nowrap;text-transform:none!important;letter-spacing:-.005em}
.xf6-tld{font-size:.62em;font-weight:inherit;letter-spacing:0;color:#2f7de1;margin-left:.03em;text-transform:none}
.xf6-lock{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1.04;gap:2px}
.xf6-lock>b,.xf6-lock>strong,.xf6-lock>em,.xf6-lock>span{display:block}
.xf6-make{display:block;font-size:.58em;font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:.88;line-height:1.1}

/* Big WhatsApp button */
.xf6-wa{display:inline-flex;align-items:center;gap:12px;padding:11px 20px 11px 14px;margin:10px 10px 0 0;border-radius:6px;background:var(--wa,#1f8a4c);color:#fff!important;text-decoration:none!important;line-height:1.12;text-align:left;vertical-align:middle;position:relative;box-shadow:0 12px 26px -14px rgba(0,0,0,.6),inset 0 0 0 2px rgba(255,255,255,.14);transition:transform .2s ease,box-shadow .2s ease;max-width:100%}
.xf6-wa .xf6-ic{flex:none;width:30px;height:30px}
.xf6-wa span,.xf6-wa small,.xf6-wa strong{color:#fff!important;font-style:normal!important;background:none!important;-webkit-text-fill-color:#fff}
.xf6-wa>span{display:block!important}
.xf6-wa small{display:block;font-family:var(--body,system-ui);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.9}
.xf6-wa strong{display:block;font-family:var(--disp,system-ui);font-size:1.06rem;font-weight:800;letter-spacing:0;text-transform:none}
.xf6-wa:hover{transform:translateY(-2px);box-shadow:0 18px 30px -14px rgba(0,0,0,.65),inset 0 0 0 2px rgba(255,255,255,.22)}
.xf6-wa:focus-visible,.xf6-formwa a:focus-visible{outline:3px solid #2f7de1;outline-offset:3px}

/* Under the form */
.xf6-formwa{margin:14px 0 0;font-family:var(--body,system-ui)}
.xf6-formwa a{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:6px;border:2px dashed var(--wa,#1f8a4c);background:rgba(31,138,76,.09);color:inherit;text-decoration:none;font-size:.98rem;line-height:1.3}
.xf6-formwa .xf6-ic{flex:none;width:26px;height:26px;color:var(--wa,#1f8a4c);background:#fff;border-radius:50%;padding:3px;box-sizing:content-box}
.xf6-formwa b{color:inherit;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:var(--wa,#1f8a4c)}
.xf6-formwa a:hover b{text-decoration-color:currentColor}

/* Three steps */
.xf6-steps{padding:clamp(40px,6vw,72px) 0;font-family:var(--body,system-ui)}
.xf6-steps__in{max-width:1180px;margin:0 auto;padding:0 20px;box-sizing:border-box}
.xf6-steps__head{max-width:760px;margin-bottom:24px}
.xf6-steps__kick{margin:0 0 6px;font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.xf6-steps h2{margin:0;font-family:var(--disp,system-ui);font-size:clamp(1.8rem,4.2vw,3rem);line-height:1.05;letter-spacing:-.01em}
.xf6-steps__list{list-style:none;margin:0;padding:0;display:grid;gap:16px;counter-reset:none}
.xf6-steps__list li{position:relative;padding:22px 20px 20px;border-radius:6px;margin:0}
.xf6-steps__list h3{margin:12px 0 6px;font-family:var(--disp,system-ui);font-size:1.2rem;line-height:1.2}
.xf6-steps__list p{margin:0;line-height:1.5;font-size:.98rem}
.xf6-steps__n{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;font-family:var(--disp,system-ui);font-size:1.35rem;font-weight:800;line-height:1}
.xf6-steps__go{margin:24px 0 0}
.xf6-steps__go .xf6-wa{margin:0}
.xf6-steps__go .xf6-wa strong{font-size:1.18rem}
@media (min-width:760px){.xf6-steps__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
/* v0: dark band */
.xf6-steps--v0{background:#0d0f13;color:#fff}
.xf6-steps--v0 .xf6-steps__kick{color:#2f7de1}
.xf6-steps--v0 .xf6-steps__list li{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.xf6-steps--v0 .xf6-steps__list p{color:rgba(255,255,255,.84)}
.xf6-steps--v0 .xf6-steps__n{background:#2f7de1;color:#fff}
/* v1: light cards */
.xf6-steps--v1{background:#f2f3f6;color:inherit}
.xf6-steps--v1 .xf6-steps__kick{color:#2f7de1}
.xf6-steps--v1 .xf6-steps__list li{background:#fff;box-shadow:0 14px 30px -24px rgba(0,0,0,.5);border-top:5px solid #2f7de1}
.xf6-steps--v1 .xf6-steps__n{background:#0d0f13;color:#fff}
/* v2: numbered line */
.xf6-steps--v2{background:#fff;color:inherit;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08)}
.xf6-steps--v2 .xf6-steps__kick{color:#2f7de1}
.xf6-steps--v2 .xf6-steps__list li{padding-left:0;padding-right:0}
.xf6-steps--v2 .xf6-steps__n{background:#fff;color:#0d0f13;box-shadow:inset 0 0 0 3px #2f7de1}
@media (min-width:760px){.xf6-steps--v2 .xf6-steps__list li::before{content:"";position:absolute;left:58px;right:12px;top:45px;border-top:3px dotted #2f7de1;opacity:.7}.xf6-steps--v2 .xf6-steps__list li:last-child::before{display:none}}
/* v3: accent band */
.xf6-steps--v3{background:#2f7de1;color:#fff}
.xf6-steps--v3 .xf6-steps__list li{background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.xf6-steps--v3 .xf6-steps__n{background:#0d0f13;color:#fff}
@media (prefers-reduced-motion:no-preference){
  .xf6-steps__list li{transition:transform .3s ease}
  .xf6-steps__list li:hover{transform:translateY(-4px)}
}

/* Floating WhatsApp button: ping + "Send photos" label */
..xf-wa{overflow:visible!important}
.xf6-ping{position:absolute;inset:-3px;border-radius:inherit;border:3px solid var(--wa,#1f8a4c);pointer-events:none;opacity:0;animation:xf6ping 2.5s cubic-bezier(.2,.6,.35,1) infinite}
@keyframes xf6ping{0%{transform:scale(.92);opacity:.85}70%{transform:scale(1.55);opacity:0}100%{transform:scale(1.55);opacity:0}}
.xf6-tag{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);white-space:nowrap;background:#fff;color:#14261b;font:800 .84rem/1 var(--body,system-ui);letter-spacing:.01em;padding:9px 12px;border-radius:999px;box-shadow:0 8px 20px -8px rgba(0,0,0,.5),0 0 0 1px rgba(0,0,0,.06);pointer-events:none;text-transform:none}
.xf6-tag::after{content:"";position:absolute;right:-6px;top:50%;margin-top:-6px;border:6px solid transparent;border-right:0;border-left-color:#fff}
.xf6-tag{display:block!important}.xf6-tag__l{display:inline!important}.xf6-tag__s{display:none!important}
@media (max-width:640px){.xf6-tag{right:50%;top:auto;bottom:calc(100% + 9px);transform:translateX(50%);padding:6px 9px;font-size:.72rem}.xf6-tag::after{right:50%;top:100%;margin:0 -6px 0 0;border:6px solid transparent;border-bottom:0;border-top-color:#fff}.xf6-tag__l{display:none!important}.xf6-tag__s{display:inline!important}}
.r6-js .xf6-tag{opacity:0;transition:opacity .4s ease}
.r6-js.r6-scr .xf6-tag{opacity:1}
@media (prefers-reduced-motion:reduce){.xf6-ping{animation:none;opacity:0}.xf6-wa,.xf6-steps__list li{transition:none}}

/* ===== X5 (Jay, 26 Oct): dark carbon, crisp white type, subtle blue accent ===== */
:root{--amber:#1f6fe0;--amber-dk:#1959b8;--tz:#121419;--tz-2:#1b1e25;--tz-3:#2a2e37;--night:#0a0b0e;--xb:#4f9bff}
.xf-btn--amber,.xf-btn--amber:hover,.xf-btn--go,.xf-page .xf-btn--go,.xf-th-call,.xf-th-call:hover,.xf-th-bar,.xf-m .xf-hero__pre,.xf-xmodels__tag,.xf-q details[open] summary::after{color:#fff!important}
.xf-th-call>svg{color:#fff!important}
.xf-head{background:#0a0b0e!important;border-bottom:2px solid var(--amber)}
.xf-logo__b .xf6-tld,.xf-logo--light .xf-logo__b .xf6-tld{color:var(--xb)}
.xf-logo__a .xr-lmk,.xf-logo--light .xf-logo__b .xr-lmk{color:#fff!important}
.xf-logo__b{color:#fff}
.xf-foot{background:#0a0b0e}
/* Hero: full-bleed photo with a slow Ken Burns, BMW lettering huge behind the words */
.xf6-hero{min-height:min(92vh,980px);display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(70px,9vw,130px) 0 56px!important;background-color:#08090b!important}
.xf6-hero::after{display:none!important}
.xf6-hero .xf-m__pic{position:absolute;inset:0;width:100%;height:100%;clip-path:none;z-index:-2;overflow:hidden;margin:0;aspect-ratio:auto}
.xf6-hero .xf-m__pic::after{background:linear-gradient(90deg,rgba(8,9,11,.94) 0,rgba(8,9,11,.72) 34%,rgba(8,9,11,.18) 66%,rgba(8,9,11,.05) 100%),linear-gradient(0deg,rgba(8,9,11,.96) 0,rgba(8,9,11,0) 46%),linear-gradient(180deg,rgba(8,9,11,.6) 0,rgba(8,9,11,0) 22%)!important;z-index:1}
.xf6-hero .xf-m__img{object-position:62% 50%}
.xf6-hero .mvh-credit{z-index:3!important}
.xf6-hero .xf-m__wm{z-index:-1;top:40%;bottom:auto;transform:translateY(-50%);font-size:clamp(10rem,40vw,36rem);-webkit-text-stroke:2px rgba(255,255,255,.16);letter-spacing:-.07em;left:-.05em}
.xf6-hero .xf-hero__pre{background:transparent!important;border:1px solid rgba(255,255,255,.35);color:#fff!important;transform:none;padding:6px 12px;border-left:4px solid var(--amber)}
.xf6-hero .xf-m__h1{font-size:clamp(3.4rem,10.5vw,10rem)!important;text-shadow:0 6px 40px rgba(0,0,0,.45)}
.xf6-hero .xf-m__sell{color:#fff;opacity:.86}
.xf6-hero .xf-m__x5{color:#fff;-webkit-text-stroke:0;position:relative}
.xf6-hero .xf-m__x5::after{content:"";display:block;width:1.6em;height:.07em;margin-top:.08em;background:var(--amber);border-radius:2px}
.xf6-hero .xf-hero__em{color:#eef0f4!important;font-size:clamp(1.05rem,1.6vw,1.3rem);max-width:44ch}
.xf6-chips{gap:10px!important;max-width:760px!important;margin-bottom:12px!important}
.xf6-chips li{font-size:clamp(.95rem,1.4vw,1.12rem)!important;font-weight:700!important;padding:10px 18px!important;background:rgba(10,11,14,.62)!important;border:1px solid rgba(255,255,255,.22)!important;border-left:4px solid var(--amber)!important;transform:none!important;border-radius:3px;backdrop-filter:blur(4px)}
.xf6-also{color:#c9ced8;font-size:.95rem;margin:0 0 26px;max-width:60ch}
.xf6-acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 34px}
.xf6-acts .xf-th-call{margin:0!important;background:#fff!important;color:#0a0b0e!important}
.xf6-acts .xf-th-call small{color:#3a3f4b!important}
.xf6-acts .xf-th-call>svg{background:#0a0b0e!important;color:#fff!important}
.xf6-acts .xf6-wa{margin:0;padding:14px 22px 14px 16px}
.xf6-hero .xf-rail{position:relative}
@media (prefers-reduced-motion:no-preference){
  .xf6-hero .xf-m__img{animation:xf6kb 22s ease-in-out infinite alternate;transform-origin:65% 50%}
  @keyframes xf6kb{from{transform:scale(1)}to{transform:scale(1.12) translate(-1.5%,1%)}}
}
@media (max-width:900px){
  .xf6-hero{min-height:0;padding:0 0 40px!important;justify-content:flex-start}
  .xf6-hero .xf-m__pic{position:relative;inset:auto;height:auto;aspect-ratio:16/11;margin:0 0 -70px;z-index:-2}
  .xf6-hero .xf-m__pic::after{background:linear-gradient(0deg,rgba(8,9,11,1) 0,rgba(8,9,11,.2) 55%,rgba(8,9,11,0) 75%)!important}
  .xf6-hero .xf-m__wm{top:auto;bottom:10%;transform:none;font-size:46vw}
  .xf6-acts .xf-th-call,.xf6-acts .xf6-wa{width:100%;justify-content:flex-start}
}
/* Generations */
.xf6-gens{background:#0a0b0e;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 2px,transparent 2px 7px),repeating-linear-gradient(-45deg,rgba(0,0,0,.4) 0 2px,transparent 2px 7px);color:#fff;padding:clamp(56px,8vw,110px) 0}
.xf6-gens__kick{margin:0 0 10px;color:var(--xb);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.82rem}
.xf6-gens__h{display:flex;flex-wrap:wrap;align-items:center;gap:.2em .35em;margin:0 0 14px;font:700 clamp(2.4rem,7vw,5.6rem)/1 var(--disp);letter-spacing:-.03em;color:#fff}
.xf6-gens__h i{font-style:normal;color:var(--amber);font-size:.6em}
.xf6-gens__sub{color:#c9ced8;max-width:60ch;margin:0 0 34px;font-size:1.05rem}
.xf6-gens__grid{display:grid;gap:18px}
@media (min-width:760px){.xf6-gens__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}
.xf6-gen{display:block;color:#fff;text-decoration:none;border-radius:6px;overflow:hidden;background:#15171c;box-shadow:0 24px 50px -30px rgba(0,0,0,.9),inset 0 0 0 1px rgba(255,255,255,.08)}
.xf6-gen__fig{margin:0;position:relative}
.xf6-gen__ph{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#2a2e37,#0e0f13)}
.xf6-gen__ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.xf6-gen__ph::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,11,14,.92) 0,rgba(10,11,14,.25) 48%,rgba(10,11,14,0) 70%)}
.xf6-gen figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 24px;display:grid;grid-template-columns:auto 1fr;align-items:end;gap:2px 16px;z-index:1}
.xf6-gen__code{grid-row:span 2;font:700 clamp(3rem,6vw,5rem)/.85 var(--disp);letter-spacing:-.04em}
.xf6-gen__yrs{color:var(--xb);font-weight:700;font-size:.95rem}
.xf6-gen__txt{color:#dfe3ea;font-size:.95rem;line-height:1.35}
.xf6-gen__go{grid-column:1/-1;margin-top:10px;font-weight:700;font-size:.92rem;color:#fff;opacity:.85}
.xf6-gen:hover .xf6-gen__go,.xf6-gen:focus-visible .xf6-gen__go{opacity:1;text-decoration:underline;text-underline-offset:3px}
.xf6-gen:focus-visible{outline:3px solid var(--xb);outline-offset:3px}
.xf6-gens__cr{margin:18px 0 0;font-size:.74rem;color:#8d93a0;line-height:1.6}
.xf6-gens__cr a{color:inherit}
@media (prefers-reduced-motion:no-preference){
  .xf6-gen__ph img{animation:xf6kb2 20s ease-in-out infinite alternate}
  .xf6-gen:nth-child(2) .xf6-gen__ph img{animation-delay:-5s}.xf6-gen:nth-child(3) .xf6-gen__ph img{animation-delay:-10s}.xf6-gen:nth-child(4) .xf6-gen__ph img{animation-delay:-15s}
  @keyframes xf6kb2{from{transform:scale(1.02)}to{transform:scale(1.12)}}
  .xf6-gen{transition:transform .35s ease,box-shadow .35s ease}
  .xf6-gen:hover{transform:translateY(-6px)}
  .xr-on .xf6-gen.xr-rv.xr-in{transition-delay:calc(var(--i,0) * 90ms)}
}
@media (max-width:560px){.xf6-gen figcaption{padding:16px}.xf6-gen__txt{font-size:.88rem}}
/* Models grid and other sections: carbon + white */
.xf-xmodels{background:#0f1115!important;color:#fff}

.xf-logo{flex-direction:column;align-items:flex-start!important;gap:3px!important}
.xf-logo__a{font:700 11px/1 var(--disp)!important;letter-spacing:.18em;text-transform:uppercase;opacity:1!important;color:#c9ced8}
.xf-logo__a .xr-lmk{font-weight:700}
.xf-logo__b{font-size:26px!important}
@media (max-width:720px){.xf-logo__b{font-size:21px!important}}
.xf6-hero{padding-bottom:150px!important}
@media (max-width:900px){.xf6-hero{padding-bottom:120px!important}}
.xf6-gens__h{font-size:clamp(2rem,5.4vw,4.6rem)}