:root{
  --bg:#0b0c11;--surface:#13151d;--light:#f4f3f0;--ink:#15161b;
  --muted:#a8acb7;--muted-dark:#666b76;--accent:#8069e8;--accent-soft:#b4a8ef;
  --line:rgba(255,255,255,.12);--line-dark:rgba(18,20,26,.13);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,sans-serif;background:var(--bg);color:#fff;line-height:1.6}
a{text-decoration:none;color:inherit}img{display:block;width:100%}.container{width:min(1180px,calc(100% - 40px));margin:auto}
.header{position:fixed;top:0;left:0;right:0;z-index:20;background:rgba(11,12,17,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:baseline;gap:8px}.moli{font-family:Manrope,sans-serif;font-size:21px;font-weight:700;letter-spacing:.14em}.by{font-size:10px;color:#9ba0ad;letter-spacing:.08em}
nav{display:flex;gap:27px;font-size:13px;color:#c4c8d2}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:13px 22px;border-radius:999px;border:1px solid transparent;font-weight:700;cursor:pointer}
.button-small{min-height:40px;padding:9px 17px;background:#fff;color:#111}.button-primary{background:#fff;color:#111}.button-ghost{border-color:rgba(255,255,255,.4);color:#fff;background:rgba(0,0,0,.12)}
.hero{position:relative;min-height:820px;display:flex;align-items:center;overflow:hidden}.hero-media{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,10,.93) 0%,rgba(5,6,10,.64) 42%,rgba(5,6,10,.08) 72%),linear-gradient(0deg,rgba(5,6,10,.66),transparent 45%)}
.hero-content{position:relative;z-index:2;padding-top:80px}.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:700;color:#aaa1df}.kicker.dark{color:#6e5acc}
h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.08;margin-top:0}h1{font-size:clamp(54px,7.2vw,94px);letter-spacing:-.055em;max-width:900px;margin-bottom:28px}h1 span{color:#c9c4dd}h2{font-size:clamp(38px,5vw,64px);letter-spacing:-.045em}h3{font-size:25px}
.lead{font-size:18px;color:#d0d2da;max-width:650px}.actions{display:flex;gap:13px;margin:32px 0 28px}.hero-proof{display:flex;gap:20px;flex-wrap:wrap;color:#c3c5ce;font-size:12px}.hero-proof span:not(:last-child):after{content:"•";margin-left:20px;color:#8176bd}
.mode-switch{position:absolute;right:40px;bottom:35px;z-index:3;border:1px solid rgba(255,255,255,.2);background:rgba(12,14,20,.45);backdrop-filter:blur(16px);padding:5px;border-radius:999px;display:flex;gap:4px}.mode-switch span{padding:9px 15px;border-radius:999px;color:#aeb2bd;font-size:12px}.mode-switch span.active{background:#fff;color:#111}
.ownership-strip{background:#11131a;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ownership-grid{display:grid;grid-template-columns:repeat(3,1fr)}.ownership-grid article{padding:25px 26px;border-right:1px solid var(--line);display:grid}.ownership-grid article:last-child{border-right:0}.ownership-grid strong{font-size:13px}.ownership-grid span{font-size:12px;color:#8e94a3}
.section{padding:105px 0}.light{background:var(--light);color:var(--ink)}.intro-grid{display:grid;grid-template-columns:1fr .7fr;gap:70px;align-items:end;margin-bottom:48px}.intro-copy{color:var(--muted-dark);font-size:17px}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.story-card{position:relative;min-height:570px;border-radius:26px;overflow:hidden;background:#111}.story-card img{height:100%;object-fit:cover}.story-overlay{position:absolute;left:0;right:0;bottom:0;padding:36px;background:linear-gradient(0deg,rgba(8,9,13,.92),rgba(8,9,13,.02));color:white}.story-overlay p:last-child{color:#c8cad2}.small-label{text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:#b8afea}
.dark-section{background:#0d0f15}.product-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.product-image{position:relative}.product-image img{border-radius:25px;min-height:540px;object-fit:cover}.real-tag{position:absolute;left:18px;bottom:18px;background:rgba(7,8,11,.72);padding:9px 13px;border-radius:999px;font-size:11px;color:#d6d8df}.product-copy>p{color:var(--muted);font-size:17px}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}.spec-grid div{padding:20px;border:1px solid var(--line);border-radius:16px;display:grid}.spec-grid strong{font-size:23px}.spec-grid span{font-size:12px;color:#959aa8}.product-copy small{color:#777e8e}
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.process article{padding:23px;border:1px solid var(--line-dark);border-radius:18px;min-height:230px;background:rgba(255,255,255,.55)}.process span{font-size:11px;color:#6e5acc}.process h3{font-size:20px;margin-top:52px}.process p{font-size:13px;color:var(--muted-dark)}
.reserve-section{background:#171927}.reserve-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.reserve-grid p{color:#b5bac7}.reserve-grid form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.reserve-grid input,.reserve-grid select{min-height:50px;padding:13px 15px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:#222533;color:white}.reserve-grid button{width:100%}.reserve-grid small{grid-column:1/-1;color:#7d8495}
.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.demo-card p{color:var(--muted-dark)}.button-dark{background:#15171d;color:#fff}.demo-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.demo-facts div{padding:24px;border:1px solid var(--line-dark);border-radius:18px;display:grid;background:white}.demo-facts strong{font-size:19px}.demo-facts span{font-size:11px;color:var(--muted-dark)}
footer{padding:35px 0;background:#08090d}.footer{display:flex;justify-content:space-between;align-items:center;gap:25px;color:#858b99;font-size:12px}.footer-brand{color:white}
@media(max-width:900px){nav{display:none}.hero{min-height:760px}.intro-grid,.product-grid,.reserve-grid,.demo-grid{grid-template-columns:1fr}.story-grid{grid-template-columns:1fr}.story-card{min-height:470px}.process{grid-template-columns:1fr 1fr}.mode-switch{right:18px}.ownership-grid{grid-template-columns:1fr}.ownership-grid article{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:600px){.container{width:min(100% - 24px,1180px)}.hero{min-height:710px}.hero-shade{background:linear-gradient(0deg,rgba(5,6,10,.92) 0%,rgba(5,6,10,.45) 70%)}h1{font-size:49px}.actions{flex-direction:column;align-items:stretch}.mode-switch{bottom:18px}.story-card{min-height:410px}.process,.spec-grid,.reserve-grid form,.demo-facts{grid-template-columns:1fr}.reserve-grid small{grid-column:auto}.footer{flex-direction:column;align-items:flex-start}}


/* Esports layer — restrained, premium and competitive */
.esports-card{isolation:isolate}
.esports-card:after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(115deg,transparent 0 54%,rgba(128,105,232,.15) 55% 56%,transparent 57%),
    radial-gradient(circle at 78% 28%,rgba(74,224,255,.18),transparent 28%);
  pointer-events:none;z-index:1
}
.esports-hud{
  position:absolute;z-index:3;top:22px;left:22px;right:22px;
  display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:8px
}
.hud-chip,.hud-stat{
  background:rgba(7,9,15,.62);border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(14px);border-radius:12px;padding:10px 12px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)
}
.hud-chip{display:flex;align-items:center;gap:9px}
.hud-chip span{
  padding:4px 7px;border-radius:999px;background:#ff476f;color:white;
  font-size:9px;font-weight:800;letter-spacing:.08em
}
.hud-chip strong{font-size:10px;letter-spacing:.1em}
.hud-stat{display:grid}
.hud-stat small{font-size:8px;letter-spacing:.12em;color:#9ea5b6}
.hud-stat strong{font-size:12px}
.story-overlay{z-index:4}

.esports-section{
  background:
    radial-gradient(circle at 78% 22%,rgba(84,74,188,.22),transparent 28%),
    linear-gradient(145deg,#0b0d15,#121526);
  color:white;position:relative;overflow:hidden
}
.esports-section:before{
  content:"";position:absolute;inset:0;opacity:.15;pointer-events:none;
  background:
    repeating-linear-gradient(90deg,transparent 0 78px,rgba(255,255,255,.035) 79px 80px),
    linear-gradient(135deg,transparent 0 48%,rgba(95,227,255,.08) 49%,transparent 50%)
}
.esports-layout{
  position:relative;z-index:1;
  display:grid;grid-template-columns:.86fr 1.14fr;gap:76px;align-items:center
}
.esports-copy>p:not(.kicker){color:#b4bac8;font-size:17px}
.competitive-points{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 30px}
.competitive-points span{
  padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.035);font-size:11px;color:#cfd3dc
}
.leaderboard-panel{
  border-radius:24px;padding:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.15);
  box-shadow:0 26px 80px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(18px)
}
.leaderboard-head,.leaderboard-footer,.leaderboard-row{display:flex;align-items:center}
.leaderboard-head{justify-content:space-between;padding:10px 10px 18px}
.leaderboard-head div{display:grid}
.leaderboard-head small{color:#8e96aa;font-size:9px;letter-spacing:.14em}
.leaderboard-head strong{font-size:16px}
.live-badge{
  padding:6px 10px;border-radius:999px;background:rgba(255,71,111,.13);
  color:#ff718e;font-size:9px;font-weight:800;letter-spacing:.12em
}
.leaderboard-row{
  display:grid;grid-template-columns:42px 1fr auto;gap:14px;
  padding:15px 12px;border-top:1px solid rgba(255,255,255,.08)
}
.featured-row{background:linear-gradient(90deg,rgba(128,105,232,.12),transparent)}
.rank{font-family:Manrope,sans-serif;color:#8d94a5;font-size:13px}
.leaderboard-row div{display:grid}
.leaderboard-row small{font-size:9px;color:#777f92}
.time{font-family:Manrope,sans-serif;font-size:14px;color:#d8dcE6}
.leaderboard-footer{justify-content:space-between;padding:16px 10px 5px;color:#858da0;font-size:10px}
.leaderboard-footer strong{color:#beb4f4}

@media(max-width:900px){
  .esports-layout{grid-template-columns:1fr}
}
@media(max-width:650px){
  .esports-hud{grid-template-columns:1fr 1fr;top:12px;left:12px;right:12px}
  .hud-chip{grid-column:1/-1}
  .hud-stat:last-child{display:none}
}


/* --- V6.2 design refinement --- */
.ownership-strip{
  background:
    radial-gradient(circle at 18% 18%, rgba(109,87,219,.18), transparent 26%),
    linear-gradient(145deg,#070913,#0d1020);
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
  padding:82px 0;
}
.ownership-shell{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:28px;
  align-items:stretch;
}
.ownership-intro{
  padding:18px 0 18px 0;
}
.ownership-intro h2{
  margin:10px 0 18px;
  font-size:clamp(42px,5.2vw,72px);
  max-width:430px;
}
.ownership-intro p:not(.kicker){
  color:#aab1c2;
  max-width:420px;
  font-size:16px;
}
.ownership-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.ownership-card{
  min-height:280px;
  padding:26px 24px 24px;
  border-radius:28px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.03));
  border:1px solid rgba(169,142,255,.18);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 18px 54px rgba(0,0,0,.22);
  display:grid;
  align-content:start;
  gap:16px;
  position:relative;
  overflow:hidden;
}
.ownership-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(125,104,232,.11),transparent 34%);
  pointer-events:none;
}
.ownership-card .num{
  position:relative;
  z-index:1;
  color:#72e8f8;
  font-size:14px;
  font-weight:800;
  letter-spacing:.08em;
}
.own-icon{
  width:48px;height:48px;
  border-radius:16px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  color:#e4e6ef;
  font-size:22px;
}
.ownership-card strong{
  position:relative;z-index:1;
  font-size:18px;
  line-height:1.15;
}
.ownership-card span:last-child{
  position:relative;z-index:1;
  color:#9fa6ba;
  font-size:14px;
  line-height:1.7;
}

.experience-refined{
  background:
    linear-gradient(180deg,#f5f5f2 0%, #f0f1f4 100%);
  color:#12131a;
}
.mode-block{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:46px;
  align-items:center;
  padding:72px 0;
}
.mode-block + .mode-block{
  border-top:1px solid rgba(15,18,28,.08);
}
.mode-block-recharge{
  grid-template-columns:1.05fr .95fr;
}
.mode-copy h2{
  max-width:610px;
  margin:8px 0 18px;
  font-size:clamp(42px,5vw,74px);
}
.mode-copy .intro-copy{
  max-width:560px;
  font-size:17px;
  color:#677082;
}
.chip-row,.stat-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:26px;
}
.chip-row span,.stat-pills span{
  padding:11px 16px;
  border-radius:999px;
  background:white;
  border:1px solid rgba(18,21,30,.10);
  box-shadow:0 4px 14px rgba(18,21,30,.05);
  font-size:13px;
  font-weight:600;
  color:#1f2230;
}
.mode-visual{
  display:flex;
  justify-content:center;
}
.visual-frame{
  position:relative;
  width:100%;
  min-height:500px;
  border-radius:34px;
  overflow:hidden;
  background:#111;
  box-shadow:0 28px 70px rgba(17,20,30,.12);
  border:1px solid rgba(18,21,30,.08);
}
.visual-frame img{
  width:100%;height:100%;min-height:500px;object-fit:cover;
}
.floating-panel{
  position:absolute;
  border-radius:18px;
  padding:14px 16px;
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.85);
  box-shadow:0 18px 44px rgba(18,22,30,.14);
  display:grid;
}
.floating-panel small{
  color:#697182;
  font-size:10px;
  letter-spacing:.12em;
}
.floating-panel strong{
  font-size:14px;
  line-height:1.25;
}
.top-right{top:20px;right:20px}
.bottom-left{left:20px;bottom:20px}
.dark-frame{
  background:#0b0d15;
}
.dark-frame:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 40%,rgba(6,8,14,.72));
  pointer-events:none;
}
.halo{
  position:absolute;
  right:10%;
  top:8%;
  width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle,rgba(122,101,231,.45),transparent 65%);
  filter:blur(26px);
  pointer-events:none;
}
.floating-spec{
  position:absolute;
  left:24px;
  bottom:24px;
  padding:18px 20px;
  border-radius:20px;
  background:rgba(10,12,20,.62);
  border:1px solid rgba(255,255,255,.12);
  color:white;
  backdrop-filter:blur(18px);
  box-shadow:0 20px 50px rgba(0,0,0,.25);
}
.floating-spec small{
  display:block;
  font-size:10px;
  letter-spacing:.16em;
  color:#9ea6ba;
}
.floating-spec strong{
  font-size:28px;
  line-height:1.1;
}
.esports-frame:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(12,14,22,.06),rgba(12,14,22,.55)),
    radial-gradient(circle at 72% 24%,rgba(128,105,232,.25),transparent 28%);
  pointer-events:none;
}
.esports-bar{
  position:absolute;
  left:18px;
  right:18px;
  top:18px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.esports-bar span{
  padding:9px 12px;
  border-radius:999px;
  background:rgba(10,12,18,.62);
  border:1px solid rgba(255,255,255,.12);
  color:#f3f3f5;
  font-size:11px;
  letter-spacing:.06em;
  backdrop-filter:blur(14px);
}

@media (max-width: 1100px){
  .ownership-shell,
  .mode-block,
  .mode-block-recharge{
    grid-template-columns:1fr;
  }
  .ownership-grid{
    grid-template-columns:1fr 1fr 1fr;
  }
}
@media (max-width: 800px){
  .ownership-grid{
    grid-template-columns:1fr;
  }
  .ownership-intro h2{
    max-width:none;
  }
  .visual-frame,
  .visual-frame img{
    min-height:380px;
  }
  .mode-block{
    padding:54px 0;
  }
}


/* V6.3 subtle pain-point styling */
.subtle-note{
  margin-top:14px;
}
.subtle-note span{
  display:inline-block;
  padding:10px 14px;
  border-left:3px solid rgba(110,90,204,.36);
  background:rgba(110,90,204,.06);
  color:#6d7485;
  border-radius:10px;
  font-size:13px;
  line-height:1.55;
  max-width:560px;
}
.micro-comparison{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:8px 0 28px;
}
.micro-pill{
  padding:11px 14px;
  border-radius:999px;
  background:rgba(21,23,29,.06);
  border:1px solid rgba(21,23,29,.08);
  color:#677082;
  font-size:12px;
  line-height:1.35;
}
.micro-pill.emphasis{
  background:rgba(110,90,204,.08);
  border-color:rgba(110,90,204,.12);
  color:#4f4397;
}

@media (max-width: 700px){
  .subtle-note span{max-width:none}
}


/* V6.4 icon and lower-page refinement */
.ownership-refined{
  background:#f4f4f1;
}
.ownership-header{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:58px;
  align-items:end;
  margin-bottom:34px;
}
.ownership-header h2{
  margin:10px 0 0;
  font-size:clamp(42px,5.3vw,74px);
  line-height:1.03;
  letter-spacing:-.05em;
}
.ownership-side-copy .intro-copy{
  margin-bottom:20px;
}
.journey-cards{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
  margin-top:18px;
}
.journey-card{
  position:relative;
  min-height:270px;
  padding:24px 22px;
  border-radius:24px;
  background:linear-gradient(180deg,#ffffff,#f7f7f5);
  border:1px solid rgba(15,18,28,.09);
  box-shadow:0 14px 30px rgba(18,21,30,.05);
  display:flex;
  flex-direction:column;
}
.journey-num{
  color:#6e5acc;
  font-size:14px;
  font-weight:700;
  letter-spacing:.05em;
}
.journey-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  margin:18px 0 22px;
  border-radius:16px;
  background:linear-gradient(180deg,#fafafe,#ebeaf7);
  border:1px solid rgba(110,90,204,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
  color:#5548a8;
  font-size:21px;
}
.journey-card h3{
  margin:0 0 12px;
  font-size:22px;
}
.journey-card p{
  margin:0;
  color:#677082;
  font-size:14px;
  line-height:1.65;
}
.ownership-bottom{
  margin-top:24px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.assurance-panel,
.ownership-cta-panel{
  border-radius:26px;
  padding:28px;
  background:white;
  border:1px solid rgba(15,18,28,.08);
  box-shadow:0 14px 28px rgba(18,21,30,.05);
}
.assurance-panel{
  background:linear-gradient(145deg,#0c1020,#171b31);
  color:white;
  border-color:rgba(255,255,255,.06);
}
.assurance-panel .small-label{
  color:#9aebf4;
}
.assurance-panel h3{
  margin:10px 0 20px;
  font-size:34px;
  max-width:380px;
}
.assurance-list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:12px;
}
.assurance-list li{
  display:flex;
  gap:12px;
  align-items:flex-start;
  color:#c0c7d7;
  font-size:14px;
  line-height:1.65;
}
.assurance-dot{
  width:9px;
  height:9px;
  margin-top:8px;
  border-radius:50%;
  background:#6ee6f2;
  box-shadow:0 0 12px rgba(110,230,242,.65);
  flex:0 0 auto;
}
.ownership-cta-panel .small-label{
  color:#6e5acc;
}
.ownership-cta-panel h3{
  margin:10px 0 14px;
  font-size:34px;
  max-width:420px;
}
.ownership-cta-panel p{
  color:#677082;
  max-width:470px;
}
.panel-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:24px;
}

.closing-banner{
  background:
    radial-gradient(circle at 80% 25%, rgba(128,105,232,.16), transparent 26%),
    linear-gradient(145deg,#0d1019,#171b2c);
  color:white;
  padding:76px 0;
}
.closing-shell{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:stretch;
}
.closing-copy h2{
  margin:10px 0 16px;
  font-size:clamp(38px,5vw,66px);
  max-width:580px;
}
.closing-copy p:not(.kicker){
  color:#b8becd;
  max-width:560px;
  font-size:17px;
}
.closing-stats{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.closing-stats div{
  padding:22px 24px;
  border-radius:22px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  display:grid;
}
.closing-stats strong{
  font-size:26px;
  letter-spacing:-.03em;
}
.closing-stats span{
  color:#b9c0cf;
  font-size:14px;
}

@media (max-width: 1100px){
  .journey-cards{
    grid-template-columns:repeat(3,1fr);
  }
}
@media (max-width: 900px){
  .ownership-header,
  .ownership-bottom,
  .closing-shell{
    grid-template-columns:1fr;
  }
}
@media (max-width: 760px){
  .journey-cards{
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width: 560px){
  .journey-cards{
    grid-template-columns:1fr;
  }
  .panel-actions{
    flex-direction:column;
  }
}


/* V6.4.1 image-filled additions */
.mode-block-movie{
  grid-template-columns:1.05fr .95fr;
}
.movie-frame{
  background:#090b10;
}
.movie-frame:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(6,8,13,.04),rgba(6,8,13,.48)),
    radial-gradient(circle at 70% 25%,rgba(45,163,255,.18),transparent 28%);
  pointer-events:none;
}
.movie-ui{
  position:absolute;
  z-index:3;
  left:22px;
  right:22px;
  bottom:22px;
  padding:17px 18px;
  border-radius:18px;
  background:rgba(8,10,16,.62);
  border:1px solid rgba(255,255,255,.13);
  backdrop-filter:blur(16px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 42px rgba(0,0,0,.22);
  display:grid;
}
.movie-ui small{
  color:#7fdcff;
  font-size:9px;
  letter-spacing:.16em;
}
.movie-ui strong{
  margin-top:4px;
  color:white;
  font-size:20px;
}
.movie-ui span{
  margin-top:5px;
  color:#c2c8d4;
  font-size:12px;
}
@media(max-width:1100px){
  .mode-block-movie{grid-template-columns:1fr}
}


/* V6.4.2 icon integration */
.own-icon,.journey-icon{display:grid;place-items:center;line-height:0;}
.own-icon{width:56px;height:56px;border-radius:18px;border:1px solid rgba(123,90,255,.28);background:rgba(123,90,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);}
.journey-icon{width:72px;height:72px;border-radius:22px;border:1px solid rgba(123,90,255,.22);background:rgba(123,90,255,.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);margin-bottom:18px;}
.own-svg,.journey-svg{width:30px;height:30px;stroke:#8f6bff;stroke-width:2.05;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.journey-svg{width:38px;height:38px;stroke:#7f5cff;stroke-width:1.95;}
.ownership-card .own-icon{margin-bottom:16px;}
.journey-card .journey-icon{margin-top:6px;}
.ownership-card:hover .own-icon,.journey-card:hover .journey-icon{background:rgba(123,90,255,.08);border-color:rgba(123,90,255,.34);transform:translateY(-1px);transition:.25s ease;}


/* V6.4.3 header CTA refinement */
.header-cta-group{display:flex;align-items:center;gap:12px;}
.button-small-ghost{background:rgba(255,255,255,.04);color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:none;}
.button-small-ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.28);}
@media (max-width: 900px){
  .header-cta-group{gap:8px;}
  .button-small-ghost{padding-inline:16px;}
}
@media (max-width: 760px){
  .header-cta-group{display:none;}
}


/* V6.4.5 four modes title */
.modes-intro{padding-bottom:18px;}
.modes-intro h2{margin:8px 0 10px;font-size:clamp(34px,4.8vw,62px);line-height:.98;letter-spacing:-.04em;color:#0b0f19;max-width:720px;}
.modes-intro-copy{max-width:760px;font-size:18px;line-height:1.7;color:#60697b;}
@media (max-width: 900px){
  .modes-intro{padding-bottom:6px;}
  .modes-intro-copy{font-size:16px;}
}


/* V6.4.6 clearer heading hierarchy */
.modes-intro h2{
  font-size:clamp(52px,6vw,82px);
  line-height:.98;
  letter-spacing:-.055em;
  max-width:860px;
}
.mode-copy h2{
  font-size:clamp(34px,3.7vw,54px);
  line-height:1.04;
  letter-spacing:-.04em;
  max-width:620px;
}
.mode-copy .kicker{
  margin-bottom:12px;
}
@media(max-width:900px){
  .modes-intro h2{font-size:clamp(44px,9vw,64px);}
  .mode-copy h2{font-size:clamp(32px,7vw,46px);}
}


/* V6.4.8 day / night timeline */
.timeline-section{
  position:relative;
  overflow:hidden;
  padding:104px 0 112px;
  background:
    radial-gradient(circle at 78% 10%,rgba(118,89,255,.09),transparent 28%),
    linear-gradient(180deg,#f5f4f0,#eeeff4);
  color:#11131a;
}
.timeline-heading{
  margin-bottom:38px;
}
.timeline-heading h2{
  margin:8px 0 12px;
  max-width:900px;
  font-size:clamp(44px,5.8vw,76px);
  line-height:.98;
  letter-spacing:-.055em;
}
.timeline-heading>p:last-child{
  max-width:760px;
  color:#687183;
  font-size:17px;
}
.timeline-shell{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:18px;
  padding:18px;
  border-radius:32px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(18,21,30,.08);
  box-shadow:0 30px 80px rgba(17,20,31,.10);
}
.timeline-copy{
  min-height:610px;
  padding:38px 30px 30px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.timeline-time-row{
  display:flex;
  align-items:baseline;
  gap:12px;
  margin-bottom:26px;
}
.timeline-time-row span:first-child{
  font-family:Manrope,sans-serif;
  font-size:44px;
  line-height:1;
  font-weight:700;
  letter-spacing:-.04em;
}
.timeline-time-row span:last-child{
  color:#7a8291;
  font-size:13px;
}
.timeline-mode-label{
  margin:0 0 12px;
  color:#735ae2;
  font-size:11px;
  font-weight:800;
  letter-spacing:.17em;
}
.timeline-copy h3{
  margin:0 0 17px;
  max-width:560px;
  font-size:clamp(34px,4.4vw,57px);
  letter-spacing:-.045em;
}
.timeline-copy>p:not(.timeline-mode-label){
  margin:0;
  max-width:540px;
  color:#687183;
  font-size:16px;
}
.timeline-tags{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:26px 0 22px;
}
.timeline-tags span{
  padding:10px 13px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(18,21,30,.09);
  box-shadow:0 4px 14px rgba(18,21,30,.04);
  color:#272a34;
  font-size:12px;
  font-weight:600;
}
.timeline-settings{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-bottom:27px;
}
.timeline-settings div{
  padding:14px;
  border-radius:16px;
  background:rgba(18,21,30,.045);
  display:grid;
}
.timeline-settings small{
  color:#858d9d;
  font-size:8px;
  letter-spacing:.12em;
}
.timeline-settings strong{
  margin-top:4px;
  font-size:13px;
}
.timeline-copy .button{
  align-self:flex-start;
}
.timeline-visual{
  position:relative;
  min-height:610px;
  overflow:hidden;
  border-radius:24px;
  background:#0b0e15;
  transition:background .45s ease;
}
.timeline-visual img{
  width:100%;
  height:100%;
  min-height:610px;
  object-fit:cover;
  transition:opacity .28s ease,transform .7s cubic-bezier(.2,.7,.2,1);
}
.timeline-visual.changing img{
  opacity:.12;
  transform:scale(1.025);
}
.timeline-atmosphere{
  position:absolute;
  inset:0;
  pointer-events:none;
  transition:background .5s ease;
  background:
    linear-gradient(180deg,rgba(4,7,12,.03),rgba(4,7,12,.28)),
    radial-gradient(circle at 75% 15%,rgba(255,209,122,.12),transparent 28%);
}
.timeline-visual[data-mode="play"] .timeline-atmosphere{
  background:
    linear-gradient(180deg,rgba(5,7,13,.05),rgba(5,7,13,.44)),
    radial-gradient(circle at 65% 25%,rgba(57,116,255,.28),transparent 30%),
    radial-gradient(circle at 85% 60%,rgba(135,57,255,.18),transparent 32%);
}
.timeline-visual[data-mode="movie"] .timeline-atmosphere{
  background:
    linear-gradient(180deg,rgba(4,6,11,.04),rgba(4,6,11,.46)),
    radial-gradient(circle at 64% 34%,rgba(48,177,255,.20),transparent 30%);
}
.timeline-visual[data-mode="recharge"] .timeline-atmosphere{
  background:
    linear-gradient(180deg,rgba(4,6,10,.02),rgba(4,6,10,.34)),
    radial-gradient(circle at 72% 20%,rgba(255,166,78,.23),transparent 31%);
}
.timeline-ui{
  position:absolute;
  z-index:3;
  padding:14px 16px;
  border-radius:17px;
  background:rgba(8,10,16,.58);
  border:1px solid rgba(255,255,255,.13);
  backdrop-filter:blur(16px);
  color:#fff;
  display:grid;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 18px 38px rgba(0,0,0,.18);
}
.timeline-ui small{
  color:#aab2c2;
  font-size:9px;
  letter-spacing:.14em;
}
.timeline-ui strong{
  margin-top:4px;
  font-size:13px;
}
.timeline-ui.top-left{top:18px;left:18px}
.timeline-ui.bottom-right{right:18px;bottom:18px}
.timeline-clock{
  position:absolute;
  z-index:3;
  top:18px;
  right:18px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:10px 13px;
  border-radius:999px;
  background:rgba(8,10,16,.56);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  backdrop-filter:blur(15px);
}
.timeline-clock span{font-size:16px}
.timeline-clock strong{font-size:12px}
.timeline-control{
  grid-column:1/-1;
  padding:8px 22px 16px;
}
.timeline-track{
  position:relative;
  height:10px;
  margin:0 7.5% 12px;
}
.timeline-track:before{
  content:"";
  position:absolute;
  left:0;right:0;top:4px;
  height:2px;
  background:#d4d6dd;
}
.timeline-track-fill{
  position:absolute;
  left:0;top:4px;
  width:0%;
  height:2px;
  background:linear-gradient(90deg,#6a55d7,#2cc5ef);
  transition:width .35s ease;
}
#timeline-range{
  position:absolute;
  inset:-7px 0 auto;
  width:100%;
  height:24px;
  opacity:0;
  cursor:grab;
  z-index:4;
}
#timeline-range:active{cursor:grabbing}
.timeline-nodes{
  display:grid;
  grid-template-columns:repeat(4,1fr);
}
.timeline-node{
  position:relative;
  border:0;
  padding:13px 8px 5px;
  background:transparent;
  color:#7a8292;
  font:inherit;
  cursor:pointer;
  display:grid;
  justify-items:center;
}
.timeline-node:before{
  content:"";
  position:absolute;
  top:-15px;
  width:12px;height:12px;
  border-radius:50%;
  background:#d0d3db;
  border:3px solid #f7f7f7;
  box-shadow:0 0 0 1px rgba(18,21,30,.09);
  transition:.25s ease;
}
.timeline-node span{
  font-size:11px;
}
.timeline-node strong{
  margin-top:2px;
  font-size:14px;
}
.timeline-node.active{
  color:#171923;
}
.timeline-node.active:before{
  background:#735ae2;
  box-shadow:0 0 0 5px rgba(115,90,226,.12);
}
@media(max-width:980px){
  .timeline-shell{grid-template-columns:1fr}
  .timeline-copy{min-height:auto;padding:28px 22px}
  .timeline-visual,.timeline-visual img{min-height:500px}
}
@media(max-width:650px){
  .timeline-section{padding:76px 0 82px}
  .timeline-shell{padding:10px}
  .timeline-heading h2{font-size:44px}
  .timeline-time-row span:first-child{font-size:36px}
  .timeline-settings{grid-template-columns:1fr}
  .timeline-visual,.timeline-visual img{min-height:390px}
  .timeline-control{padding:12px 7px 12px}
  .timeline-node strong{font-size:12px}
  .timeline-node span{font-size:9px}
  .timeline-ui.bottom-right{left:12px;right:12px;bottom:12px}
}


/* V6.4.9 darker timeline shell + stronger CTA system */
.timeline-section{
  background:
    radial-gradient(circle at 72% 6%,rgba(74,130,255,.12),transparent 24%),
    radial-gradient(circle at 18% 24%,rgba(101,76,208,.10),transparent 28%),
    linear-gradient(180deg,#070910 0%,#0a0d15 54%,#080a10 100%);
  color:#f5f7fb;
  border-top:1px solid rgba(255,255,255,.05);
  border-bottom:1px solid rgba(255,255,255,.05);
}
.timeline-heading .kicker.dark{
  color:#70d7f4;
}
.timeline-heading h2{
  color:#f5f7fb;
}
.timeline-heading>p:last-child{
  color:#aab2c1;
}
.timeline-shell{
  padding:18px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:
    0 36px 100px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.055);
  backdrop-filter:blur(18px);
}
.timeline-copy{
  border-radius:23px;
  background:
    radial-gradient(circle at 0% 0%,rgba(87,113,255,.12),transparent 34%),
    linear-gradient(180deg,rgba(19,23,34,.98),rgba(10,13,21,.98));
  border:1px solid rgba(255,255,255,.075);
  padding:42px 32px 32px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.timeline-time-row span:first-child{
  color:#f8f9fc;
}
.timeline-time-row span:last-child{
  color:#8993a5;
}
.timeline-mode-label{
  color:#73d8f6;
}
.timeline-copy h3{
  color:#f6f7fb;
}
.timeline-copy>p:not(.timeline-mode-label){
  color:#aeb6c5;
}
.timeline-tags span{
  background:rgba(255,255,255,.045);
  border-color:rgba(255,255,255,.10);
  color:#d8dce6;
  box-shadow:none;
}
.timeline-settings div{
  background:rgba(255,255,255,.038);
  border:1px solid rgba(255,255,255,.075);
}
.timeline-settings small{
  color:#788397;
}
.timeline-settings strong{
  color:#e8eaf0;
}
.timeline-actions{
  display:flex;
  flex-wrap:wrap;
  gap:11px;
  margin-top:2px;
}
.timeline-primary-cta{
  background:linear-gradient(135deg,#5f72ff,#41c7ea);
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 15px 36px rgba(65,130,255,.25);
}
.timeline-primary-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 42px rgba(65,130,255,.34);
}
.timeline-secondary-cta{
  background:rgba(255,255,255,.055);
  color:#f6f7fb;
  border:1px solid rgba(255,255,255,.15);
}
.timeline-secondary-cta:hover{
  background:rgba(255,255,255,.09);
  border-color:rgba(255,255,255,.24);
}
.timeline-cta-note{
  margin-top:14px!important;
  color:#7f899c!important;
  font-size:11px!important;
  letter-spacing:.01em;
}
.timeline-visual{
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 22px 60px rgba(0,0,0,.26);
}
.timeline-control{
  padding:18px 22px 12px;
  border-radius:20px;
  background:rgba(6,8,13,.62);
  border:1px solid rgba(255,255,255,.07);
}
.timeline-track:before{
  background:rgba(255,255,255,.15);
}
.timeline-track-fill{
  background:linear-gradient(90deg,#6d7cff,#4ad6eb);
  box-shadow:0 0 14px rgba(74,214,235,.24);
}
.timeline-node{
  color:#778195;
}
.timeline-node.active{
  color:#f1f3f7;
}
.timeline-node:before{
  background:#313849;
  border-color:#0b0e16;
  box-shadow:0 0 0 1px rgba(255,255,255,.12);
}
.timeline-node.active:before{
  background:#57d0ed;
  box-shadow:
    0 0 0 5px rgba(87,208,237,.11),
    0 0 20px rgba(87,208,237,.28);
}
.timeline-conversion-panel{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-top:2px;
  padding:24px 26px;
  border-radius:22px;
  background:
    radial-gradient(circle at 92% 8%,rgba(68,194,235,.15),transparent 32%),
    linear-gradient(135deg,rgba(22,28,44,.95),rgba(11,15,24,.96));
  border:1px solid rgba(255,255,255,.09);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.conversion-copy{
  max-width:680px;
}
.conversion-kicker{
  display:block;
  color:#70d7f4;
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
  margin-bottom:7px;
}
.conversion-copy strong{
  display:block;
  color:#f7f8fb;
  font-size:24px;
  line-height:1.16;
}
.conversion-copy p{
  margin:7px 0 0;
  color:#9da6b8;
  font-size:13px;
  line-height:1.7;
}
.conversion-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  flex:0 0 auto;
}
.conversion-demo{
  background:#fff;
  color:#11141b;
}
.conversion-reserve{
  background:transparent;
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
}
@media(max-width:980px){
  .timeline-conversion-panel{
    align-items:flex-start;
    flex-direction:column;
  }
}
@media(max-width:650px){
  .timeline-copy{
    padding:28px 20px 22px;
  }
  .timeline-actions,
  .conversion-actions{
    width:100%;
    flex-direction:column;
  }
  .timeline-actions .button,
  .conversion-actions .button{
    width:100%;
  }
  .timeline-conversion-panel{
    padding:20px;
  }
}


/* V6.4.10 simplified mode details */
.timeline-tags{
  margin:24px 0 15px;
}
.timeline-tags span{
  padding:8px 11px;
  font-size:11px;
  background:rgba(255,255,255,.04);
}
.timeline-settings{
  display:none!important;
}
.timeline-mode-summary{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  margin:0 0 24px;
  color:#8f99ab;
  font-size:12px;
  font-weight:600;
}
.timeline-mode-summary i{
  width:3px;
  height:3px;
  border-radius:50%;
  background:#4f596b;
}
@media(max-width:650px){
  .timeline-mode-summary{
    gap:7px;
    font-size:11px;
  }
}

/* v7 — product range + reservation-led refinement */
.cockpit-range{padding-top:110px;padding-bottom:110px}
.range-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end;margin-bottom:44px}
.range-heading h2{margin-bottom:0}.range-heading>p{color:#aeb7c6;max-width:620px;line-height:1.7}
.range-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:70px}
.range-card{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);padding:28px 24px;min-height:310px;display:flex;flex-direction:column}
.range-card .tier{font-size:11px;letter-spacing:.18em;color:#86dfff;margin-bottom:22px}.range-card h3{font-size:23px;margin:0 0 10px}.range-card strong{font-size:15px;color:#fff;margin-bottom:22px}.range-card p{color:#c6ceda;line-height:1.55}.range-card small{margin-top:auto;color:#7f8999;line-height:1.4}
.featured-range-card{border-color:rgba(98,212,255,.55);background:linear-gradient(180deg,rgba(62,179,226,.10),rgba(255,255,255,.035))}
.pro-detail{margin-top:10px;padding-top:55px;border-top:1px solid rgba(255,255,255,.10)}
.australia-band{background:#0b1119;color:white;padding:90px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.australia-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.australia-grid h2{font-size:44px;line-height:1.08;margin:10px 0 0}.australia-points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.australia-points>div{padding:22px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035)}.australia-points strong{display:block;margin-bottom:9px}.australia-points span{color:#b7c1ce;font-size:14px;line-height:1.5}
footer small{display:block;max-width:620px;color:#818b99;line-height:1.5;margin-top:8px}
@media(max-width:980px){.range-grid{grid-template-columns:repeat(2,1fr)}.range-heading,.australia-grid{grid-template-columns:1fr}.australia-points{grid-template-columns:1fr 1fr}.australia-grid h2{font-size:38px}}
@media(max-width:620px){.range-grid{grid-template-columns:1fr}.range-heading{gap:20px}.australia-points{grid-template-columns:1fr}.cockpit-range{padding-top:72px;padding-bottom:72px}.australia-band{padding:70px 0}.australia-grid h2{font-size:32px}}

/* v8 — manager-feedback layout: immersion → silence → experience → product evidence → reassurance → fit → ownership → action */
.quiet-statement{background:#070910;color:#fff;padding:110px 0;border-top:1px solid rgba(255,255,255,.06)}
.quiet-statement p{margin:0;text-align:center;font-family:Manrope,sans-serif;font-size:clamp(42px,6vw,86px);font-weight:600;letter-spacing:-.045em;color:#f5f7fb}
.quiet-statement p span{color:#7de6f4}
.product-showcase{display:grid;grid-template-columns:1.02fr .98fr;gap:58px;align-items:center;padding:92px 0;border-top:1px solid rgba(255,255,255,.08)}
.product-showcase:first-of-type{margin-top:48px}
.product-showcase.reverse .product-showcase-media{order:2}.product-showcase.reverse .product-showcase-copy{order:1}
.product-showcase-media{position:relative;min-height:520px;border-radius:34px;overflow:hidden;background:#f7f7f7;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 70px rgba(0,0,0,.32)}
.product-showcase-media img{width:100%;height:100%;min-height:520px;object-fit:contain;background:#fff}
.product-showcase-media.remote-media img{object-fit:cover;background:#0d0e12}
.source-tag{position:absolute;left:18px;bottom:18px;padding:9px 12px;border-radius:999px;background:rgba(7,9,16,.74);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(12px);font-size:11px;color:#d9e3f5;letter-spacing:.04em}
.product-showcase-copy h3{font-family:Manrope,sans-serif;font-size:clamp(36px,4.4vw,62px);line-height:1.03;letter-spacing:-.04em;margin:14px 0 20px}
.product-showcase-copy>p{color:#aeb8cc;line-height:1.75;max-width:600px}
.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}
.feature-list div{padding:18px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(255,255,255,.035)}
.feature-list strong,.feature-list span{display:block}.feature-list strong{font-size:14px;color:#fff;margin-bottom:7px}.feature-list span{font-size:12px;line-height:1.55;color:#9faac0}
.source-note{font-size:11px!important;color:#7f8ba2!important;border-left:2px solid #72e8f8;padding-left:12px}
.mini-hold-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:45px;margin:34px 0 10px;padding:34px;border-radius:26px;border:1px dashed rgba(255,255,255,.20);background:rgba(255,255,255,.025)}
.mini-hold-card h3{margin:8px 0 0;font-size:28px}.mini-hold-card p{margin:0;color:#a7b1c3;line-height:1.7}
.local-promise{background:#f4f3ee;color:#111;padding:54px 0}
.local-promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:center;font-family:Manrope,sans-serif;font-weight:700;font-size:18px}
.local-promise-grid span+span{border-left:1px solid rgba(0,0,0,.13)}
.fit-section{background:#eef0f2;color:#111}
.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.fit-grid h2{font-size:clamp(42px,5vw,70px);letter-spacing:-.04em;margin:10px 0 18px}.fit-grid>div>p{color:#626a78;line-height:1.7}
.fit-tool{padding:30px;border-radius:26px;background:#fff;box-shadow:0 28px 70px rgba(20,24,34,.10);display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fit-tool label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#525b6a}.fit-tool label:nth-child(3){grid-column:1/-1}.fit-tool input{width:100%;box-sizing:border-box;padding:14px 15px;border-radius:12px;border:1px solid #d8dce4;background:#fafbfc;font:inherit;font-size:15px}.fit-tool button{grid-column:1/-1}.fit-result{grid-column:1/-1;margin:0!important;padding:14px 16px;border-radius:12px;background:#f2f5f8!important;color:#303745!important;font-weight:600}
@media(max-width:900px){.product-showcase,.mini-hold-card,.fit-grid{grid-template-columns:1fr}.product-showcase.reverse .product-showcase-media,.product-showcase.reverse .product-showcase-copy{order:initial}.feature-list{grid-template-columns:1fr}.local-promise-grid{grid-template-columns:1fr}.local-promise-grid span+span{border-left:0;border-top:1px solid rgba(0,0,0,.13);padding-top:20px}.product-showcase-media,.product-showcase-media img{min-height:380px}}

/* ===== V9 PLAYER-LED REFRESH ===== */
.player-hero{min-height:92vh;position:relative;background:#050609;overflow:hidden}
.player-hero .hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(1.08) contrast(1.04)}
.player-hero .hero-shade{background:linear-gradient(90deg,rgba(3,5,9,.9) 0%,rgba(3,5,9,.55) 42%,rgba(3,5,9,.15) 72%,rgba(3,5,9,.32) 100%),linear-gradient(0deg,rgba(4,5,8,.72),transparent 45%)}
.hero-grid-glow{position:absolute;inset:auto 0 0;height:32%;opacity:.2;background-image:linear-gradient(rgba(102,228,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(102,228,255,.16) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to top,#000,transparent)}
.player-hero-copy{padding-top:clamp(150px,18vh,220px);padding-bottom:110px;position:relative;z-index:3}
.player-hero-copy h1{font-size:clamp(64px,9.5vw,146px);line-height:.82;letter-spacing:-.065em;margin:14px 0 26px;max-width:1040px}
.player-hero-copy h1 span{color:#7defff;text-shadow:0 0 38px rgba(71,222,255,.16)}
.player-hero-copy .lead{max-width:700px;font-size:clamp(18px,2vw,25px);line-height:1.45;color:#e7e9ef;font-weight:500}
.hero-spec-rail{display:flex;gap:28px;flex-wrap:wrap;margin-top:42px;padding-top:20px;border-top:1px solid rgba(255,255,255,.18);max-width:900px;color:#c9ced8;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.hero-spec-rail b{font-size:18px;color:#fff;margin-right:7px}
.hero-disclaimer{display:block;margin-top:10px;color:#8d95a5;font-size:10px}
.hero-corner-copy{position:absolute;z-index:4;right:34px;bottom:38px;display:flex;align-items:center;gap:12px;color:#c6cbd5;font-size:10px;letter-spacing:.14em;transform:rotate(90deg);transform-origin:right bottom}
.hero-corner-copy i{width:48px;height:1px;background:#77eaff;display:block}

.creator-proof{background:#080a0f;color:#fff;padding-top:110px;padding-bottom:120px}
.proof-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;margin-bottom:44px}
.proof-heading h2{font-size:clamp(44px,5.5vw,78px);line-height:.96;letter-spacing:-.045em;margin:8px 0 0;max-width:820px}
.proof-heading>p{color:#aab1bd;line-height:1.75;max-width:480px}
.video-grid{display:grid;grid-template-columns:1.35fr .825fr .825fr;gap:16px}
.video-card{position:relative;min-height:390px;border-radius:26px;overflow:hidden;background:#13161d;color:white;text-decoration:none;border:1px solid rgba(255,255,255,.09);box-shadow:0 28px 60px rgba(0,0,0,.28)}
.video-card-large{min-height:520px}
.video-card img{position:absolute;width:100%;height:100%;object-fit:cover;filter:brightness(.7) saturate(1.05);transition:.4s ease}
.video-card:hover img{transform:scale(1.025);filter:brightness(.82) saturate(1.1)}
.video-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,7,10,.94),rgba(5,7,10,.02) 64%)}
.play-button{position:absolute;z-index:2;top:24px;right:24px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#7defff;color:#071018;font-size:18px;box-shadow:0 0 0 8px rgba(125,239,255,.1)}
.video-meta{position:absolute;z-index:3;left:26px;right:26px;bottom:25px;display:grid;gap:9px}
.video-meta small{color:#7defff;font-size:10px;letter-spacing:.11em;font-weight:800}
.video-meta strong{font-size:20px;line-height:1.2}
.video-card-large .video-meta strong{font-size:28px;max-width:620px}
.video-meta span{font-size:12px;color:#c3c9d3}

.player-range{background:#05070b;padding-top:120px;padding-bottom:130px}
.player-range-heading{margin-bottom:62px}
.player-range-heading h2{font-size:clamp(48px,6vw,86px);max-width:900px;line-height:.94}
.player-product{display:grid;grid-template-columns:1.1fr .9fr;gap:66px;align-items:center;padding:90px 0;border-top:1px solid rgba(255,255,255,.1)}
.player-product.reverse{grid-template-columns:.9fr 1.1fr}
.player-product.reverse .player-product-media{order:2}.player-product.reverse .player-product-copy{order:1}
.player-product-media{position:relative;border-radius:30px;overflow:hidden;background:#eee;min-height:580px;display:grid;place-items:center}
.player-product-media img{width:100%;height:100%;min-height:580px;object-fit:cover}
.pro-product .player-product-media img{object-fit:contain;background:#f4f4f2;padding:18px}
.brand-patch{position:absolute;left:22px;top:22px;padding:12px 15px;border-radius:10px;background:rgba(4,6,10,.89);backdrop-filter:blur(8px);border:1px solid rgba(125,239,255,.4);font-weight:900;letter-spacing:.08em;font-size:13px}
.brand-patch span{color:#7defff;margin-left:6px}
.concept-label{position:absolute;right:16px;bottom:14px;color:#e7e9ef;background:rgba(4,6,10,.72);padding:7px 9px;border-radius:7px;font-size:9px;letter-spacing:.02em}
.product-number{font-size:11px;color:#7defff;font-weight:800;letter-spacing:.14em;margin-bottom:18px}
.player-product-copy h3{font-size:clamp(40px,4.5vw,70px);line-height:.98;letter-spacing:-.045em;margin:0 0 22px}
.product-punch{font-size:20px;color:#d7dbe4;line-height:1.55;max-width:620px}
.player-tags{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0 32px}.player-tags span{border:1px solid rgba(125,239,255,.32);color:#c7f8ff;padding:8px 11px;border-radius:999px;font-size:10px;letter-spacing:.08em;font-weight:800}
.spec-lines{border-top:1px solid rgba(255,255,255,.13)}.spec-lines>div{display:grid;grid-template-columns:145px 1fr;gap:20px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.1)}.spec-lines b{font-size:12px;color:#fff}.spec-lines span{font-size:12px;line-height:1.55;color:#9ea6b5}
.product-actions{display:flex;align-items:center;gap:22px;margin-top:30px}.text-link{color:#c9d1dc;text-decoration:none;font-size:12px;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:4px}.text-link:hover{color:#7defff}
.player-mini{margin-top:26px;border-color:rgba(125,239,255,.22)}

/* reduce 'AI dashboard' feel in the timeline */
.timeline-ui{opacity:.72}.timeline-mode-summary{font-family:inherit}.timeline-clock{border-radius:14px}.timeline-section .kicker{letter-spacing:.09em}.timeline-conversion-panel{border-radius:22px}

/* more human, less consultant-style ownership */
.ownership-strip{padding:70px 0}.ownership-intro h2{font-size:clamp(36px,4.6vw,62px)}

@media(max-width:980px){
  .video-grid{grid-template-columns:1fr 1fr}.video-card-large{grid-column:1/-1;min-height:440px}
  .proof-heading{grid-template-columns:1fr;gap:18px}
  .player-product,.player-product.reverse{grid-template-columns:1fr;gap:34px}.player-product.reverse .player-product-media,.player-product.reverse .player-product-copy{order:initial}.player-product-media,.player-product-media img{min-height:430px}
}
@media(max-width:700px){
  .player-hero{min-height:760px}.player-hero-copy{padding-top:130px}.player-hero-copy h1{font-size:58px}.hero-spec-rail{gap:14px;display:grid}.hero-corner-copy{display:none}
  .video-grid{grid-template-columns:1fr}.video-card,.video-card-large{min-height:360px;grid-column:auto}
  .player-product{padding:58px 0}.player-product-media,.player-product-media img{min-height:340px}.spec-lines>div{grid-template-columns:1fr;gap:6px}.product-actions{align-items:flex-start;flex-direction:column}
}


/* v10 product discovery + pricing */
.finder-section{background:#f3f5f7;color:#111;padding:7rem 0}.finder-shell{display:grid;grid-template-columns:1fr 1.35fr;gap:4rem;align-items:start}.finder-intro h2,.compare-head h2{font-size:clamp(2.5rem,5vw,5.2rem);line-height:.94;letter-spacing:-.055em;margin:.5rem 0 1.2rem}.finder-intro p{max-width:34rem;color:#555}.finder-controls{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.25rem;border:1px solid #d7dce3;border-radius:20px;background:#fff}.finder-controls label,.finance-calculator label{display:flex;flex-direction:column;gap:.55rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.finder-controls select,.finance-calculator select{width:100%;padding:1rem;border:1px solid #ccd3dc;border-radius:10px;background:#fff;font:inherit;color:#111}.finder-controls .button{align-self:end}.finder-result{grid-column:2;padding:1.25rem 1.35rem;border-radius:16px;background:#0c1119;color:#fff;display:grid;grid-template-columns:180px 1fr auto;gap:1rem;align-items:center}.finder-result strong{display:block;font-size:1.4rem}.finder-result p{margin:0;color:#cdd6e4}.finder-result a{color:#61e7ff;font-weight:700}.finder-eyebrow{display:block;font-size:.65rem;letter-spacing:.16em;color:#61e7ff;margin-bottom:.25rem}.price-lockup{display:flex;align-items:baseline;gap:1rem;margin:.5rem 0 1.2rem}.price-lockup strong{font-size:2.1rem;color:#fff}.price-lockup span,.mini-price span{font-size:.8rem;color:#aebbd0}.mini-price{display:flex;flex-direction:column;gap:.25rem;min-width:190px}.mini-price strong{font-size:1.8rem}.compare-section{background:#eef1f4;color:#111}.compare-head{display:grid;grid-template-columns:1.3fr .7fr;gap:4rem;align-items:end;margin-bottom:2rem}.compare-head p{color:#5c6470}.compare-wrap{overflow:auto;border-radius:18px;border:1px solid #d4dae2;background:#fff}.compare-table{border-collapse:collapse;width:100%;min-width:850px}.compare-table th,.compare-table td{padding:1.2rem 1.25rem;border-bottom:1px solid #e3e7ec;text-align:left}.compare-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:#6b7480;background:#f9fafb}.compare-table td b{display:block}.compare-table td small{display:block;color:#78828f;margin-top:.25rem}.finance-section{background:#08111d;color:#fff}.finance-shell{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.finance-copy h2{font-size:clamp(2.6rem,5vw,5rem);line-height:.96;letter-spacing:-.05em;margin:.4rem 0 1.2rem}.finance-copy p{color:#b7c4d6;max-width:40rem}.finance-note{margin-top:2rem;padding:1rem;border-left:2px solid #53dfff;color:#aebbd0;font-size:.78rem;line-height:1.5}.finance-calculator{background:#111c2b;border:1px solid #23334a;border-radius:22px;padding:1.5rem}.finance-calculator select{background:#0b1420;border-color:#34445c;color:#fff}.term-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1rem 0 1.5rem}.term-tabs button{border:1px solid #34445c;background:#0b1420;color:#c7d2e3;padding:.8rem;border-radius:9px;cursor:pointer}.term-tabs button.active{background:#dffbff;color:#061017;border-color:#dffbff;font-weight:800}.monthly-number{padding:1.4rem 0;border-top:1px solid #27364d;border-bottom:1px solid #27364d}.monthly-number span{display:block;color:#9eacc0;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.monthly-number strong{font-size:4rem;line-height:1;margin:.5rem .2rem 0 0;display:inline-block}.monthly-number small{color:#9eacc0}.finance-breakdown{display:flex;justify-content:space-between;padding:1rem 0 1.4rem;color:#aebbd0}.finance-breakdown b{color:#fff}.global-disclaimer{font-size:.68rem;color:#7b8796;padding:1.25rem 0 2.5rem;line-height:1.5}.player-mini{gap:1.5rem;align-items:center}
@media(max-width:850px){.finder-shell,.finance-shell,.compare-head{grid-template-columns:1fr;gap:2rem}.finder-result{grid-column:1;grid-template-columns:1fr}.finder-controls{grid-template-columns:1fr}.price-lockup{flex-direction:column;gap:.25rem}.monthly-number strong{font-size:3rem}}


/* =========================================================
   V11 — CONSISTENCY SYSTEM
   One visual language across hero, finder, products, pricing,
   ownership and fit-check modules.
   ========================================================= */
:root{
  --v11-bg:#080a0f;
  --v11-surface:#10141b;
  --v11-surface-2:#171c24;
  --v11-light:#f1f3f5;
  --v11-light-card:#ffffff;
  --v11-ink:#101318;
  --v11-muted:#9fa8b7;
  --v11-muted-dark:#5d6672;
  --v11-line:rgba(255,255,255,.10);
  --v11-line-dark:#d9dee5;
  --v11-accent:#7de6f4;
  --v11-accent-2:#c6fbff;
  --v11-radius:22px;
  --v11-section:clamp(84px,8vw,126px);
  --v11-shadow:0 28px 80px rgba(0,0,0,.18);
}

html{scroll-behavior:smooth}
body{background:var(--v11-bg);color:#f6f7f9}
.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.section-system{padding:var(--v11-section) 0}
.section-dark{background:var(--v11-bg);color:#f5f7fb}
.section-light{background:var(--v11-light);color:var(--v11-ink)}
.section-system h2,
.section-system h3{font-family:Manrope,Inter,sans-serif;letter-spacing:-.045em}
.section-system h2{font-size:clamp(42px,5.4vw,76px);line-height:.96;margin:.35rem 0 1.25rem}
.section-system p{line-height:1.65}
.kicker,.kicker.dark{
  color:var(--v11-accent);
  letter-spacing:.12em;
  font-size:10px;
}
.section-light .kicker.dark{color:#367c88}

/* Header */
.header{
  background:rgba(8,10,15,.82)!important;
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.header nav{gap:22px}
.header nav a{color:#cfd5de;font-size:12px}
.header nav a:hover{color:#fff}
.button{
  border-radius:999px!important;
  min-height:46px;
  display:inline-flex;align-items:center;justify-content:center;
  font-weight:700;letter-spacing:-.01em;
}
.button-primary{background:#fff!important;color:#090b10!important;border-color:#fff!important}
.button-primary:hover{background:var(--v11-accent)!important;border-color:var(--v11-accent)!important}
.button-ghost,.button-small-ghost{background:rgba(255,255,255,.05)!important;color:#fff!important;border-color:rgba(255,255,255,.22)!important}

/* Hero media carousel */
.hero-v11{
  min-height:min(900px,94vh);
  background:#05070b;
}
.hero-carousel{position:absolute;inset:0;overflow:hidden}
.hero-slide{
  position:absolute;inset:0;
  opacity:0;transform:scale(1.025);
  transition:opacity .8s ease,transform 7s ease;
  pointer-events:none;
}
.hero-slide.active{opacity:1;transform:scale(1);z-index:1}
.hero-slide img{width:100%;height:100%;object-fit:cover}
.hero-video-slide iframe{
  position:absolute;left:50%;top:50%;
  width:177.78vh;min-width:100%;height:56.25vw;min-height:100%;
  transform:translate(-50%,-50%) scale(1.05);
  border:0;pointer-events:none;
}
.video-fallback{position:absolute;inset:0;z-index:-1}
.video-fallback img{width:100%;height:100%;object-fit:cover}
.hero-v11 .hero-shade{
  z-index:2;
  background:
    linear-gradient(90deg,rgba(5,7,11,.95) 0%,rgba(5,7,11,.73) 40%,rgba(5,7,11,.22) 72%,rgba(5,7,11,.28) 100%),
    linear-gradient(0deg,rgba(5,7,11,.72),transparent 48%);
}
.hero-v11 .hero-grid-glow{z-index:3;opacity:.10}
.hero-v11 .hero-content{z-index:5;max-width:760px;padding-top:96px}
.hero-v11 h1{
  font-family:Manrope,Inter,sans-serif;
  font-size:clamp(64px,8vw,124px);
  line-height:.82;letter-spacing:-.068em;
  margin:.7rem 0 1.5rem;
}
.hero-v11 h1 span{color:var(--v11-accent)}
.hero-v11 .lead{max-width:650px;font-size:clamp(17px,1.7vw,22px);color:#d7dce4}
.hero-proofline{
  display:flex;gap:12px;flex-wrap:wrap;margin-top:34px
}
.hero-proofline span{
  font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  border:1px solid rgba(255,255,255,.17);border-radius:999px;
  padding:9px 13px;background:rgba(8,10,15,.34);
}
.hero-carousel-controls{
  position:absolute;z-index:7;right:40px;bottom:38px;
  display:flex;align-items:center;gap:12px;
  padding:9px;border-radius:999px;
  background:rgba(8,10,15,.52);backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.13);
}
.hero-arrow{
  width:38px;height:38px;border-radius:50%;border:0;
  color:#fff;background:rgba(255,255,255,.08);cursor:pointer;font-size:17px
}
.hero-arrow:hover{background:rgba(255,255,255,.18)}
.hero-dots{display:flex;gap:7px}
.hero-dot{
  width:8px;height:8px;padding:0;border:0;border-radius:999px;
  background:rgba(255,255,255,.35);cursor:pointer;transition:.25s
}
.hero-dot.active{width:26px;background:var(--v11-accent)}
.hero-media-label{
  position:absolute;z-index:7;left:40px;bottom:43px;
  display:flex;align-items:center;gap:12px;
  font-size:9px;letter-spacing:.16em;color:#dce1e9
}
.hero-media-label i{display:block;width:44px;height:1px;background:var(--v11-accent)}

/* Standardised content headings */
.proof-heading,.range-heading,.compare-head,.finance-shell,.fit-grid,.finder-shell{
  max-width:1180px;margin-inline:auto;
}
.proof-heading,.range-heading,.compare-head{
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
  gap:64px;align-items:end;margin-bottom:52px
}
.proof-heading>p,.range-heading>p,.compare-head>p{
  max-width:460px;margin:0;color:var(--v11-muted)
}
.section-light .compare-head>p{color:var(--v11-muted-dark)}

/* Video proof cards */
.creator-proof{background:#0c0f15!important}
.video-grid{gap:18px}
.video-card{
  border-radius:var(--v11-radius)!important;
  overflow:hidden;border:1px solid var(--v11-line)!important;
  background:var(--v11-surface)!important;
  box-shadow:none!important;
}
.video-card img{filter:saturate(.92) contrast(1.03)}
.video-card:hover{transform:translateY(-4px);border-color:rgba(125,230,244,.5)!important}

/* Timeline brought into same light-panel language */
.timeline-section{background:var(--v11-light)!important}
.timeline-shell{
  border-radius:28px!important;
  box-shadow:var(--v11-shadow)!important;
  border:1px solid var(--v11-line-dark)!important;
  overflow:hidden;
}
.timeline-copy,.timeline-control,.timeline-conversion-panel{border-color:#e1e5ea!important}
.timeline-tags span{border-radius:999px!important}

/* Finder */
.finder-section{background:#e9edf0!important}
.finder-shell{grid-template-columns:.9fr 1.1fr!important;gap:64px!important}
.finder-controls{
  border-radius:var(--v11-radius)!important;
  border:1px solid var(--v11-line-dark)!important;
  box-shadow:0 18px 50px rgba(29,37,47,.08);
  padding:22px!important;
}
.finder-result{border-radius:16px!important;background:#10141b!important}

/* Product range */
.player-range{background:#080a0f!important}
.player-product{
  gap:72px!important;padding:96px 0!important;
  border-top:1px solid var(--v11-line)!important;
}
.player-product-media{
  border-radius:var(--v11-radius)!important;
  background:var(--v11-surface)!important;
  box-shadow:var(--v11-shadow);
}
.player-product-copy h3{
  font-size:clamp(44px,5vw,72px)!important;
  max-width:650px
}
.product-punch{font-size:18px!important;color:#c7ced8!important}
.player-tags{gap:8px!important}
.player-tags span{
  border-radius:999px!important;
  color:#d9e1ea!important;
  border-color:rgba(255,255,255,.15)!important;
  background:rgba(255,255,255,.035)!important
}
.spec-lines div{border-color:var(--v11-line)!important}
.brand-patch{border-radius:10px!important}
.price-lockup strong{font-size:2.35rem!important}
.mini-hold-card{
  border-radius:var(--v11-radius)!important;
  border:1px solid var(--v11-line)!important;
  background:var(--v11-surface)!important
}

/* Compare */
.compare-section{background:#f1f3f5!important}
.compare-wrap{
  border-radius:var(--v11-radius)!important;
  border:1px solid var(--v11-line-dark)!important;
  box-shadow:0 18px 50px rgba(28,35,45,.07)
}
.compare-table th{background:#e8ecef!important;color:#535c68!important}
.compare-table td{background:#fff}

/* Finance */
.finance-section{background:#0c1017!important}
.finance-calculator{
  border-radius:var(--v11-radius)!important;
  background:var(--v11-surface)!important;
  border:1px solid var(--v11-line)!important;
  box-shadow:var(--v11-shadow)
}
.term-tabs button{border-radius:999px!important}
.term-tabs button.active{background:var(--v11-accent)!important;border-color:var(--v11-accent)!important}

/* Ownership */
.ownership-strip{
  background:#0c1017!important;
  border-top:1px solid var(--v11-line)!important;
  padding:var(--v11-section) 0!important
}
.ownership-card{
  background:var(--v11-surface)!important;
  border:1px solid var(--v11-line)!important;
  border-radius:var(--v11-radius)!important
}
.local-promise{background:#11161e!important;border-color:var(--v11-line)!important}

/* Fit */
.fit-section{background:#e9edf0!important}
.fit-tool{
  background:#fff!important;
  border-radius:var(--v11-radius)!important;
  border:1px solid var(--v11-line-dark)!important;
  box-shadow:0 18px 50px rgba(29,37,47,.08)
}
.fit-tool input{border-radius:10px!important}

/* Quiet statement */
.quiet-statement{background:#080a0f!important;padding:120px 0!important}
.quiet-statement p span{color:var(--v11-accent)!important}

/* footer */
footer{background:#06080c!important;border-top:1px solid var(--v11-line)!important}

/* Responsive */
@media(max-width:900px){
  .container{width:min(100% - 30px,1180px)}
  .header nav{display:none}
  .hero-v11{min-height:760px}
  .hero-v11 .hero-content{padding-top:110px}
  .hero-v11 h1{font-size:clamp(58px,17vw,92px)}
  .hero-carousel-controls{right:18px;bottom:22px}
  .hero-media-label{left:18px;bottom:28px}
  .proof-heading,.range-heading,.compare-head,
  .finder-shell,.finance-shell,.fit-grid{
    grid-template-columns:1fr!important;gap:28px!important
  }
  .finder-result{grid-column:1!important;grid-template-columns:1fr!important}
  .player-product,.player-product.reverse{
    grid-template-columns:1fr!important;gap:34px!important;padding:62px 0!important
  }
  .player-product.reverse .player-product-media,
  .player-product.reverse .player-product-copy{order:initial!important}
  .player-product-media,.player-product-media img{min-height:390px!important}
}
@media(prefers-reduced-motion:reduce){
  .hero-slide{transition:none}
}


/* =========================================================
   V12 — HERO BRAND REFINEMENT
   ========================================================= */
.hero-v11 .player-hero-copy{
  max-width:820px;
}
.hero-v11 h1{
  font-size:clamp(60px,7.6vw,116px);
  line-height:.86;
  max-width:850px;
  text-wrap:balance;
}
.hero-v11 h1 span{
  color:#ffffff;
}
.hero-v11 .lead{
  max-width:700px;
  color:#e3e7ed;
  font-size:clamp(17px,1.65vw,21px);
}
.hero-v11 .kicker{
  color:var(--v11-accent);
}
.hero-v11 .actions{
  margin-top:28px;
}
.hero-v11 .button-primary{
  background:var(--v11-accent)!important;
  color:#071016!important;
  border-color:var(--v11-accent)!important;
}
.hero-v11 .button-primary:hover{
  background:#ffffff!important;
  border-color:#ffffff!important;
}
.hero-v11 .button-ghost{
  background:rgba(7,10,15,.32)!important;
  backdrop-filter:blur(10px);
}
.hero-media-label{
  font-weight:700;
  letter-spacing:.12em;
}
.hero-proofline{
  margin-top:30px;
}
.hero-proofline span{
  background:rgba(4,7,12,.38);
  backdrop-filter:blur(8px);
  border-color:rgba(255,255,255,.13);
}
@media(max-width:900px){
  .hero-v11 h1{
    font-size:clamp(52px,15vw,82px);
    line-height:.88;
  }
  .hero-v11 .lead{
    max-width:90%;
  }
}


/* =========================================================
   V13 — UNIFIED AUDIENCE + CUSTOMER-JOURNEY ORDER
   Core audience: serious gamers / sim racers / tech professionals
   ========================================================= */

.ownership-v13{
  background:#0b0e14;
  border-top:1px solid rgba(255,255,255,.08);
}
.ownership-v13-head{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:72px;
  align-items:end;
  margin-bottom:54px;
}
.ownership-v13-head>p{
  color:var(--v11-muted);
  max-width:520px;
  margin:0;
}
.ownership-v13-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.ownership-v13-grid article{
  background:var(--v11-surface);
  border:1px solid var(--v11-line);
  border-radius:var(--v11-radius);
  padding:28px 24px 30px;
}
.ownership-v13-grid article span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;height:36px;
  border-radius:50%;
  background:rgba(125,230,244,.10);
  color:var(--v11-accent);
  font-size:11px;
  font-weight:800;
  margin-bottom:34px;
}
.ownership-v13-grid article h3{
  font-size:25px;
  margin:0 0 12px;
}
.ownership-v13-grid article p{
  color:var(--v11-muted);
  font-size:14px;
  margin:0;
}
.ownership-v13-note{
  margin-top:18px;
  display:flex;
  gap:12px;
  align-items:center;
  padding:16px 18px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  color:#b8c0cc;
  font-size:12px;
}
.ownership-v13-note strong{color:#fff}

.demo-v13{
  background:#eef1f3!important;
}
.demo-v13-grid{
  display:grid;
  grid-template-columns:1fr .8fr;
  gap:90px;
  align-items:center;
}
.demo-v13-grid h2{
  color:#11151b;
  font-size:clamp(54px,6vw,86px);
  line-height:.92;
}
.demo-v13-grid p{
  color:#5e6874;
  max-width:610px;
}
.demo-v13-form{
  background:#fff;
  border:1px solid #d9dee5;
  border-radius:var(--v11-radius);
  padding:30px;
  box-shadow:0 20px 55px rgba(26,34,44,.09);
}
.demo-v13-form label{
  display:block;
  color:#313843;
  font-size:12px;
  font-weight:700;
  margin-bottom:18px;
}
.demo-v13-form input,
.demo-v13-form select{
  width:100%;
  margin-top:8px;
  padding:14px 14px;
  border:1px solid #d6dce3;
  background:#f9fafb;
  color:#13171c;
  border-radius:10px;
  font:inherit;
}
.demo-v13-form .button{
  width:100%;
  margin-top:4px;
  background:#0b1016!important;
  color:#fff!important;
  border-color:#0b1016!important;
}
.demo-v13-form small{
  display:block;
  margin-top:12px;
  color:#7c8591;
  line-height:1.45;
}

/* make range appear earlier and more decisive */
.player-range .range-heading p{
  color:#aeb7c4;
}
.player-product-copy .product-punch{
  max-width:560px;
}

/* finder after range: feels like configuration, not discovery */
.finder-section{
  border-top:1px solid #d9dee5;
  border-bottom:1px solid #d9dee5;
}
.finder-section .finder-shell:before{
  content:"BUILD YOUR SETUP";
  grid-column:1/-1;
  display:block;
  color:#367c88;
  font-size:10px;
  font-weight:800;
  letter-spacing:.13em;
  margin-bottom:-20px;
}

/* compare stays product-led */
.compare-section{
  background:#f7f8f9!important;
}

/* timeline moved after compare: used as rationalisation */
.timeline-section{
  background:#e9edf0!important;
}
.timeline-section:before{
  content:"WHY A COCKPIT?";
  display:block;
  max-width:1180px;
  width:calc(100% - 48px);
  margin:0 auto 18px;
  color:#367c88;
  font-size:10px;
  font-weight:800;
  letter-spacing:.13em;
}

/* finance after experience */
.finance-section{
  border-top:1px solid rgba(255,255,255,.08);
}

/* remove over-generic marketing tone */
.section-system .eyebrow,
.section-system .subhead{
  letter-spacing:.08em;
}

@media(max-width:900px){
  .ownership-v13-head,
  .demo-v13-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
  .ownership-v13-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:620px){
  .ownership-v13-grid{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   V14 — HERO STORYTELLING
   Lifestyle → Sim Racing → Work/Play → Product Range
   ========================================================= */
.hero-v14{
  position:relative;
  min-height:min(900px,94vh);
  background:#05070b;
  overflow:hidden;
}
.hero-story{position:absolute;inset:0}
.hero-story-slide{
  position:absolute;inset:0;
  opacity:0;
  pointer-events:none;
  transition:opacity .8s ease;
  background:#07090d;
}
.hero-story-slide.active{
  opacity:1;
  pointer-events:auto;
  z-index:2;
}
.hero-story-slide>img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.025);
  transition:transform 7s ease;
}
.hero-story-slide.active>img{transform:scale(1)}
.hero-story-overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(4,7,11,.94) 0%,rgba(4,7,11,.67) 42%,rgba(4,7,11,.18) 74%),
    linear-gradient(0deg,rgba(4,7,11,.70),transparent 52%);
}
.hero-story-overlay-soft{
  background:linear-gradient(0deg,rgba(4,7,11,.58),rgba(4,7,11,.12) 60%,rgba(4,7,11,.18));
}
.hero-story-copy{
  position:relative;
  z-index:4;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  max-width:1180px;
  padding-top:84px;
}
.hero-story-copy h1,
.hero-story-copy h2{
  font-family:Manrope,Inter,sans-serif;
  text-transform:none;
  letter-spacing:-.065em;
  margin:.55rem 0 1.3rem;
  max-width:900px;
  color:#fff;
}
.hero-story-copy h1{
  font-size:clamp(68px,8vw,122px);
  line-height:.83;
}
.hero-story-copy h2{
  font-size:clamp(58px,7vw,104px);
  line-height:.88;
}
.hero-story-copy>p:not(.kicker){
  max-width:650px;
  color:#dce1e8;
  font-size:clamp(17px,1.55vw,21px);
  line-height:1.55;
}
.hero-story-copy-bottom{
  justify-content:flex-end;
  padding-bottom:110px;
}
.hero-story-copy-center{
  justify-content:center;
  align-items:center;
  text-align:center;
}
.hero-story-copy-center h2{max-width:920px}

.hero-split{
  position:absolute;inset:0;
  display:grid;
  grid-template-columns:1fr 1fr;
}
.hero-split-panel{
  position:relative;
  overflow:hidden;
}
.hero-split-panel img{
  width:100%;height:100%;object-fit:cover;
}
.hero-split-work img{filter:saturate(.72) brightness(.82)}
.hero-split-play img{filter:saturate(1.08) brightness(.76)}
.split-caption{
  position:absolute;
  left:34px;bottom:34px;
  z-index:4;
  display:flex;gap:12px;align-items:baseline;
  color:#fff;
}
.split-caption span{
  color:var(--v11-accent);
  font-size:12px;
  font-weight:800;
  letter-spacing:.10em;
}
.split-caption strong{
  font-size:28px;
  letter-spacing:-.03em;
}

.hero-story-controls{
  position:absolute;
  z-index:8;
  right:34px;
  bottom:34px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px;
  border-radius:999px;
  background:rgba(5,8,12,.52);
  border:1px solid rgba(255,255,255,.13);
  backdrop-filter:blur(12px);
}
.hero-story-arrow{
  width:38px;height:38px;
  border-radius:50%;
  border:0;
  background:rgba(255,255,255,.08);
  color:#fff;
  cursor:pointer;
}
.hero-story-arrow:hover{background:rgba(255,255,255,.18)}
.hero-story-dots{display:flex;gap:7px}
.hero-story-dot{
  width:8px;height:8px;
  padding:0;border:0;border-radius:999px;
  background:rgba(255,255,255,.34);
  cursor:pointer;
  transition:.25s;
}
.hero-story-dot.active{
  width:28px;
  background:var(--v11-accent);
}
.hero-story-label{
  position:absolute;
  z-index:8;
  left:34px;bottom:44px;
  font-size:9px;
  font-weight:800;
  letter-spacing:.15em;
  color:#e7ebf1;
  border-left:40px solid var(--v11-accent);
  padding-left:12px;
}

/* Navbar CTA hierarchy: no duplicate demo button in nav */
.header nav .button{display:none}
.header .header-actions .button:first-child{
  background:transparent!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.20)!important;
}
.header .header-actions .button:last-child{
  background:#fff!important;
  color:#090b10!important;
  border-color:#fff!important;
}

@media(max-width:900px){
  .hero-v14{min-height:790px}
  .hero-story-copy{padding-top:110px}
  .hero-story-copy h1{font-size:clamp(56px,16vw,86px)}
  .hero-story-copy h2{font-size:clamp(50px,14vw,80px)}
  .hero-story-copy>p:not(.kicker){max-width:90%}
  .hero-story-controls{right:16px;bottom:20px}
  .hero-story-label{left:16px;bottom:28px}
  .hero-split{grid-template-columns:1fr}
  .hero-split-panel:nth-child(2){display:none}
  .hero-workplay .hero-story-copy-center{align-items:flex-start;text-align:left}
  .split-caption{left:18px;bottom:80px}
}
@media(prefers-reduced-motion:reduce){
  .hero-story-slide,.hero-story-slide>img{transition:none}
}


/* =========================================================
   V15 — WORK → PLAY AS THE COVER
   ========================================================= */
.hero-v15{
  position:relative;
  min-height:min(900px,94vh);
  background:#05070b;
  overflow:hidden;
}
.hero-v15 .hero-cover-copy{
  align-items:center;
  text-align:center;
  justify-content:center;
  max-width:980px;
  padding-top:72px;
}
.hero-v15 .hero-cover-copy .kicker{
  color:#9af1fb;
  background:rgba(4,8,12,.36);
  border:1px solid rgba(255,255,255,.10);
  padding:8px 12px;
  border-radius:999px;
  backdrop-filter:blur(8px);
}
.hero-v15 .hero-cover-copy h1{
  font-size:clamp(64px,7.4vw,112px);
  line-height:.86;
  max-width:980px;
  text-shadow:0 5px 28px rgba(0,0,0,.30);
}
.hero-v15 .hero-cover-copy>p:not(.kicker){
  max-width:690px;
  color:#edf0f4;
  text-shadow:0 2px 14px rgba(0,0,0,.42);
}
.hero-v15 .hero-cover-copy .actions{
  justify-content:center;
}
.hero-v15 .hero-workplay .hero-split-panel:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(4,7,11,.42),rgba(4,7,11,.04) 55%,rgba(4,7,11,.12));
}
.hero-v15 .hero-split-work:before,
.hero-v15 .hero-split-play:before{
  position:absolute;
  z-index:4;
  top:28px;
  font-size:9px;
  font-weight:800;
  letter-spacing:.14em;
  color:rgba(255,255,255,.70);
}
.hero-v15 .hero-split-work:before{
  content:"DAY";
  left:30px;
}
.hero-v15 .hero-split-play:before{
  content:"NIGHT";
  right:30px;
}
.hero-v15 .split-caption{
  z-index:6;
  bottom:34px;
}
.hero-v15 .hero-split-work .split-caption{left:34px}
.hero-v15 .hero-split-play .split-caption{left:34px}
.hero-v15 .split-caption strong{
  font-size:24px;
}
.hero-v15 .hero-story-label{
  left:50%;
  transform:translateX(-50%);
  bottom:27px;
  border-left:0;
  padding-left:0;
  opacity:.72;
}
.hero-v15 .hero-story-controls{
  bottom:26px;
}
@media(max-width:900px){
  .hero-v15 .hero-cover-copy{
    align-items:flex-start;
    text-align:left;
    justify-content:flex-end;
    padding-bottom:110px;
  }
  .hero-v15 .hero-cover-copy .actions{justify-content:flex-start}
  .hero-v15 .hero-cover-copy h1{
    font-size:clamp(54px,15vw,82px);
  }
  .hero-v15 .hero-story-label{display:none}
}


/* =========================================================
   V16 — HERO CLEAN-UP
   Three polished slides, no redundant bottom label
   ========================================================= */
.hero-v16{
  position:relative;
  min-height:min(900px,94vh);
  background:#05070b;
  overflow:hidden;
}
.hero-v16 .hero-story-slide{
  background:#05070b;
}
.hero-v16 .hero-story-overlay-strong{
  background:
    linear-gradient(90deg,rgba(4,7,11,.93) 0%,rgba(4,7,11,.70) 39%,rgba(4,7,11,.16) 76%),
    linear-gradient(0deg,rgba(4,7,11,.62),transparent 54%);
}
.hero-v16 .hero-slide-copy{
  justify-content:center;
  align-items:flex-start;
  padding-top:74px;
}
.hero-v16 .hero-slide-copy h2{
  font-size:clamp(62px,7.2vw,108px);
  line-height:.87;
  max-width:920px;
}
.hero-v16 .hero-slide-copy>p:not(.kicker){
  max-width:590px;
}
.hero-v16 .hero-story-controls{
  right:30px;
  bottom:28px;
}
.hero-v16 .hero-story-dot.active{
  width:30px;
}
.hero-v16 .hero-story-label{
  display:none!important;
}

/* Work/play cover: allow the split visual to breathe */
.hero-v16 .hero-cover-copy{
  max-width:950px;
}
.hero-v16 .hero-cover-copy h1{
  font-size:clamp(62px,7.3vw,110px);
}
.hero-v16 .hero-workplay .hero-story-overlay-soft{
  background:
    linear-gradient(0deg,rgba(4,7,11,.56),rgba(4,7,11,.03) 55%),
    linear-gradient(90deg,rgba(4,7,11,.12),rgba(4,7,11,.04) 50%,rgba(4,7,11,.13));
}

/* Keep WORK / PLAY as scene labels only */
.hero-v16 .split-caption{
  bottom:34px;
  z-index:7;
}
.hero-v16 .split-caption span{
  color:var(--v11-accent);
  font-size:11px;
}
.hero-v16 .split-caption strong{
  font-size:26px;
}

/* Ensure sim image reads better than v15 */
.hero-v16 .hero-sim>img{
  object-position:center 54%;
  filter:brightness(.86) contrast(1.06);
}
.hero-v16 .hero-range-slide>img{
  object-position:center center;
  filter:brightness(.78) saturate(.95);
}

@media(max-width:900px){
  .hero-v16{min-height:780px}
  .hero-v16 .hero-slide-copy{
    justify-content:flex-end;
    padding-bottom:110px;
  }
  .hero-v16 .hero-slide-copy h2{
    font-size:clamp(52px,14vw,80px);
  }
  .hero-v16 .hero-story-controls{
    right:16px;
    bottom:18px;
  }
}


/* =========================================================
   V17 — RESTRAINED HERO SLOGANS
   Cover carries the story; later slides carry one clear line.
   ========================================================= */
.hero-v17-placeholder{} /* version marker */

.hero-v16 .hero-slogan-copy{
  justify-content:flex-end;
  padding-bottom:105px;
  padding-top:80px;
}
.hero-v16 .hero-slogan-copy h2{
  font-size:clamp(66px,7.4vw,112px);
  line-height:.84;
  max-width:800px;
  margin-bottom:24px;
  text-shadow:0 4px 28px rgba(0,0,0,.32);
}
.hero-v16 .hero-slogan-copy .kicker{
  margin-bottom:6px;
}
.hero-text-link{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:#fff;
  text-decoration:none;
  font-size:13px;
  font-weight:750;
  letter-spacing:.01em;
  padding-bottom:7px;
  border-bottom:1px solid rgba(255,255,255,.38);
  transition:.2s ease;
}
.hero-text-link span{
  color:var(--v11-accent);
  font-size:18px;
  transition:transform .2s ease;
}
.hero-text-link:hover{
  border-bottom-color:var(--v11-accent);
}
.hero-text-link:hover span{
  transform:translateX(4px);
}

/* Give the later slides a little more visual breathing room */
.hero-v16 .hero-sim .hero-story-overlay-strong{
  background:
    linear-gradient(90deg,rgba(3,6,10,.88) 0%,rgba(3,6,10,.53) 37%,rgba(3,6,10,.06) 72%),
    linear-gradient(0deg,rgba(3,6,10,.62),transparent 58%);
}
.hero-v16 .hero-range-slide .hero-story-overlay-strong{
  background:
    linear-gradient(90deg,rgba(3,6,10,.91) 0%,rgba(3,6,10,.59) 42%,rgba(3,6,10,.10) 76%),
    linear-gradient(0deg,rgba(3,6,10,.58),transparent 60%);
}

@media(max-width:900px){
  .hero-v16 .hero-slogan-copy{
    justify-content:flex-end;
    padding-bottom:105px;
  }
  .hero-v16 .hero-slogan-copy h2{
    font-size:clamp(54px,15vw,82px);
  }
}


/* =========================================================
   V19 — KEEP THE SPLIT HERO, REMOVE BOTTOM WORK/PLAY LABELS
   ========================================================= */
.hero-v19 .split-caption{
  display:none!important;
}

/* Cleaner first slide: let the split image + centre slogan do the work */
.hero-v19 .hero-workplay .hero-story-overlay-soft{
  background:
    linear-gradient(0deg,rgba(4,7,11,.48),rgba(4,7,11,.02) 58%),
    linear-gradient(90deg,rgba(4,7,11,.10),rgba(4,7,11,.03) 50%,rgba(4,7,11,.10));
}
.hero-v19 .hero-cover-copy{
  max-width:980px;
}
.hero-v19 .hero-cover-copy h1{
  text-shadow:0 5px 28px rgba(0,0,0,.34);
}

/* Following slides: concise slogan + one support line */
.hero-v19 .hero-slogan-copy{
  justify-content:flex-end;
  padding-bottom:104px;
}
.hero-v19 .hero-slogan-copy h2{
  font-size:clamp(66px,7.4vw,112px);
  line-height:.84;
  margin-bottom:16px;
}
.hero-v19 .hero-slogan-sub{
  max-width:560px;
  margin:0 0 20px;
  color:#d9e0e8;
  font-size:clamp(15px,1.25vw,18px);
  line-height:1.55;
}
.hero-v19 .hero-text-link{
  margin-top:2px;
}

/* Avoid redundant DAY/NIGHT labels if inherited from v15 */
.hero-v19 .hero-split-work:before,
.hero-v19 .hero-split-play:before{
  display:none!important;
}

/* Keep the only carousel UI in the bottom-right */
.hero-v19 .hero-story-label{
  display:none!important;
}

@media(max-width:900px){
  .hero-v19 .hero-cover-copy{
    justify-content:flex-end;
    align-items:flex-start;
    text-align:left;
    padding-bottom:108px;
  }
  .hero-v19 .hero-slogan-copy{
    padding-bottom:108px;
  }
}


/* =========================================================
   V20 — HERO MESSAGE ANCHORS
   Keep the Work/Play cover. Give the next slides concise copy.
   ========================================================= */

/* Product / cockpit slide: brighter subject, darker left copy zone */
.hero-v20 .hero-range-slide>img{
  filter:brightness(.90) saturate(.94) contrast(1.03)!important;
}
.hero-v20 .hero-range-slide .hero-story-overlay-strong{
  background:
    linear-gradient(90deg,
      rgba(3,6,10,.95) 0%,
      rgba(3,6,10,.78) 28%,
      rgba(3,6,10,.42) 49%,
      rgba(3,6,10,.08) 77%
    ),
    linear-gradient(0deg,rgba(3,6,10,.42),transparent 62%)!important;
}

/* Sim slide: keep mood, create readable left-side anchor */
.hero-v20 .hero-sim>img{
  filter:brightness(.88) contrast(1.05) saturate(.96)!important;
}
.hero-v20 .hero-sim .hero-story-overlay-strong{
  background:
    linear-gradient(90deg,
      rgba(3,6,10,.96) 0%,
      rgba(3,6,10,.75) 30%,
      rgba(3,6,10,.34) 54%,
      rgba(3,6,10,.04) 80%
    ),
    linear-gradient(0deg,rgba(3,6,10,.43),transparent 64%)!important;
}

/* Both secondary slides use the negative space on the left */
.hero-v20 .hero-slogan-copy{
  justify-content:center;
  align-items:flex-start;
  padding-top:78px;
  padding-bottom:60px;
  max-width:1180px;
}
.hero-v20 .hero-slogan-copy h2{
  max-width:670px;
  font-size:clamp(66px,7.2vw,108px);
  line-height:.84;
  margin:.45rem 0 18px;
  text-shadow:0 5px 28px rgba(0,0,0,.34);
}
.hero-v20 .hero-slogan-sub{
  max-width:500px;
  margin:0 0 20px;
  color:#dce2e9;
  font-size:clamp(15px,1.15vw,17px);
  line-height:1.58;
}
.hero-v20 .hero-text-link{
  font-size:12px;
  opacity:.92;
}

/* Keep the cover untouched visually */
.hero-v20 .hero-workplay .hero-cover-copy{
  max-width:980px;
}

/* slightly quieter carousel chrome */
.hero-v20 .hero-story-controls{
  background:rgba(5,8,12,.42);
  border-color:rgba(255,255,255,.10);
}

@media(max-width:900px){
  .hero-v20 .hero-slogan-copy{
    justify-content:flex-end;
    padding-bottom:108px;
    padding-top:90px;
  }
  .hero-v20 .hero-slogan-copy h2{
    font-size:clamp(54px,15vw,82px);
  }
}


/* =========================================================
   V21 — FIX HERO COPY LAYERING
   The secondary slide image was occupying layout height and
   pushing the text below the viewport. Make image a background layer.
   ========================================================= */

.hero-v21 .hero-story-slide:not(.hero-workplay) > img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  z-index:0!important;
  display:block!important;
}

.hero-v21 .hero-story-slide:not(.hero-workplay) .hero-story-overlay{
  z-index:1!important;
}

.hero-v21 .hero-story-slide:not(.hero-workplay) .hero-story-copy{
  position:relative!important;
  z-index:4!important;
  height:100%!important;
}

/* Place copy cleanly in left-side negative space */
.hero-v21 .hero-slogan-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  min-height:100%!important;
  padding-top:72px!important;
  padding-bottom:72px!important;
}

.hero-v21 .hero-slogan-copy .kicker,
.hero-v21 .hero-slogan-copy h2,
.hero-v21 .hero-slogan-copy .hero-slogan-sub,
.hero-v21 .hero-slogan-copy .hero-text-link{
  position:relative;
  z-index:5;
  opacity:1!important;
  visibility:visible!important;
}

.hero-v21 .hero-slogan-copy h2{
  color:#fff!important;
}

.hero-v21 .hero-slogan-copy .kicker{
  color:var(--v11-accent)!important;
}

@media(max-width:900px){
  .hero-v21 .hero-slogan-copy{
    justify-content:flex-end!important;
    padding-bottom:108px!important;
  }
}


/* =========================================================
   V22 — CONTINUOUS PRODUCT RANGE STORY
   ========================================================= */

.range-v22 .range-heading{
  display:grid;
  grid-template-columns:1.18fr .82fr;
  gap:56px;
  align-items:end;
  margin-bottom:28px!important;
  padding-bottom:32px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.range-v22 .range-heading h2{
  max-width:780px;
  margin-bottom:0;
}
.range-v22 .range-heading>p{
  max-width:500px;
  margin:0;
  color:#aeb7c4;
}
.range-flowline{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:8px;
  color:#9da7b5;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
}
.range-flowline span:first-child{
  color:var(--v11-accent);
}
.range-flowline i{
  flex:0 0 28px;
  height:1px;
  background:rgba(255,255,255,.18);
}

/* Remove the old large visual gap before first product */
.range-v22 .player-product{
  margin-top:0!important;
  padding:72px 0!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}
.range-v22 .player-product:first-of-type{
  border-top:0!important;
  padding-top:54px!important;
}

/* Tie each product into a single numbered vertical story */
.range-v22 .product-step{
  position:relative;
}
.range-v22 .product-step:before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  bottom:0;
  width:1px;
  background:linear-gradient(
    180deg,
    rgba(125,230,244,.12),
    rgba(255,255,255,.04)
  );
  pointer-events:none;
  opacity:.35;
}
.range-v22 .product-step .player-product-media,
.range-v22 .product-step .player-product-copy{
  position:relative;
  z-index:2;
}

/* More consistent model / price block */
.range-v22 .model-kicker,
.range-v22 .product-number,
.range-v22 .player-product-copy .kicker{
  color:var(--v11-accent)!important;
  font-size:10px!important;
  letter-spacing:.12em!important;
}
.range-v22 .price-lockup{
  display:flex;
  align-items:baseline;
  gap:14px;
  flex-wrap:wrap;
  margin:12px 0 18px;
}
.range-v22 .price-lockup strong{
  font-size:clamp(32px,3vw,48px)!important;
  letter-spacing:-.04em;
}
.range-v22 .price-lockup small{
  color:#aeb7c4;
  font-size:11px;
}
.range-v22 .product-punch{
  color:#f2f5f8!important;
  font-size:clamp(26px,2.8vw,42px)!important;
  line-height:1.05!important;
  max-width:620px!important;
  margin:12px 0 24px!important;
}

/* Specs become supporting evidence, not a competing block */
.range-v22 .spec-lines{
  margin-top:18px!important;
}
.range-v22 .spec-lines div{
  padding:11px 0!important;
}
.range-v22 .spec-lines span:first-child{
  color:#8f99a8!important;
  font-size:10px!important;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.range-v22 .spec-lines span:last-child{
  color:#e5e9ef!important;
}

/* CTA treatment unified */
.range-v22 .player-product-copy .actions,
.range-v22 .product-actions{
  margin-top:24px;
}
.range-v22 .player-product-copy .button{
  min-width:160px;
}

/* mobile */
@media(max-width:900px){
  .range-v22 .range-heading{
    grid-template-columns:1fr;
    gap:22px;
  }
  .range-flowline{
    overflow-x:auto;
    padding-bottom:4px;
  }
  .range-v22 .player-product{
    padding:52px 0!important;
  }
  .range-v22 .product-step:before{
    display:none;
  }
}


/* =========================================================
   V23 — PRODUCT TRUTH / OWNERSHIP / PROPOSED BENEFITS
   ========================================================= */
.product-truth-v23{
  background:#f4f6f7!important;
}
.truth-head,
.included-head{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:64px;
  align-items:end;
  margin-bottom:46px;
}
.truth-head>p,
.included-head>p{
  margin:0;
  max-width:520px;
  color:#606a76;
}
.truth-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.truth-card{
  background:#fff;
  border:1px solid #dce1e6;
  border-radius:22px;
  padding:28px;
}
.truth-card.featured{
  border-color:#8ddce7;
  box-shadow:0 20px 50px rgba(30,53,61,.08);
}
.truth-model{
  color:#4e8690;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
}
.truth-price{
  margin:16px 0 24px;
  font-size:32px;
  font-weight:800;
  color:#11151a;
  letter-spacing:-.04em;
}
.truth-price small{
  display:block;
  font-size:10px;
  color:#87909b;
  font-weight:600;
  letter-spacing:0;
  margin-top:5px;
}
.truth-card h3{
  font-size:30px;
  margin:0 0 12px;
}
.truth-card p{
  color:#5e6874;
  font-size:14px;
}
.truth-specs{
  display:grid;
  gap:8px;
  margin-top:22px;
}
.truth-specs span{
  padding-top:10px;
  border-top:1px solid #e7eaee;
  font-size:12px;
  color:#4e5762;
}
.truth-footnote{
  margin-top:16px;
  font-size:11px;
  color:#7f8893;
  max-width:900px;
}

.included-v23{
  background:#0b0e14!important;
}
.included-head>p{color:#9fa8b7}
.included-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.included-grid article{
  border:1px solid rgba(255,255,255,.09);
  background:#11161e;
  border-radius:22px;
  padding:26px;
}
.included-grid article span{
  color:var(--v11-accent);
  font-size:10px;
  letter-spacing:.12em;
  font-weight:800;
}
.included-grid article h3{
  margin:28px 0 10px;
  font-size:24px;
}
.included-grid article p{
  margin:0;
  color:#a8b0bb;
  font-size:13px;
}
.included-options{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  margin-top:18px;
  padding:16px 18px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  color:#c3cad3;
  font-size:11px;
}
.included-options strong{color:#fff;margin-right:4px}
.included-options span{
  border:1px solid rgba(255,255,255,.10);
  padding:7px 10px;
  border-radius:999px;
}

.founder-v23{background:#eceff1!important}
.founder-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:72px;
}
.founder-intro{
  color:#626c77;
  max-width:560px;
}
.founder-benefits{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.founder-benefits article{
  background:#fff;
  border:1px solid #d9dee4;
  border-radius:18px;
  padding:22px;
}
.founder-benefits b{
  display:block;
  color:#13171c;
  margin-bottom:8px;
}
.founder-benefits span{
  color:#66717c;
  font-size:12px;
  line-height:1.5;
}
.founder-note{
  grid-column:1/-1;
  display:flex;
  gap:10px;
  padding:14px 16px;
  background:#10141b;
  color:#dfe5ec;
  border-radius:14px;
  font-size:12px;
}
.founder-note strong{color:var(--v11-accent)}

.finance-proposed-note{
  margin:0 auto 22px;
  max-width:1180px;
  padding:15px 18px;
  border:1px solid rgba(125,230,244,.22);
  background:rgba(125,230,244,.06);
  border-radius:14px;
  display:flex;
  gap:12px;
  color:#bfc7d1;
  font-size:11px;
  line-height:1.5;
}
.finance-proposed-note strong{
  color:var(--v11-accent);
  white-space:nowrap;
}

.fit-access-v23{
  margin-top:18px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
  padding:20px;
  border:1px solid #d8dde3;
  background:#fff;
  border-radius:18px;
}
.fit-access-v23 strong{color:#11151a}
.fit-access-v23 p{
  margin:7px 0 0;
  color:#66707b;
  font-size:12px;
}
.fit-access-tags{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-content:flex-start;
}
.fit-access-tags span{
  padding:8px 10px;
  border-radius:999px;
  background:#eef1f3;
  color:#505a65;
  font-size:10px;
  font-weight:700;
}

@media(max-width:900px){
  .truth-head,.included-head,.founder-grid{
    grid-template-columns:1fr;
    gap:26px;
  }
  .truth-grid{grid-template-columns:1fr}
  .included-grid{grid-template-columns:1fr 1fr}
  .fit-access-v23{grid-template-columns:1fr}
}
@media(max-width:620px){
  .included-grid,.founder-benefits{grid-template-columns:1fr}
  .finance-proposed-note{flex-direction:column}
}


/* =========================================================
   V24 — FINAL DIRECTION
   Player-led, premium, tighter homepage
   ========================================================= */

.range-v24{
  background:#080a0f!important;
}
.range-v24 .range-heading{
  margin-bottom:20px!important;
}
.range-v24 .range-heading h2{
  font-size:clamp(52px,5.8vw,82px);
}
.player-kit-strip{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:36px;
  align-items:center;
  margin:18px 0 8px;
  padding:18px 20px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:#0f141b;
}
.player-kit-title span,
.range-support-label{
  display:block;
  color:var(--v11-accent);
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em;
  margin-bottom:6px;
}
.player-kit-title strong{
  color:#eef2f6;
  font-size:14px;
}
.player-kit-items{
  display:flex;
  justify-content:flex-end;
  gap:7px;
  flex-wrap:wrap;
}
.player-kit-items span{
  padding:7px 9px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  color:#b9c1cc;
  background:rgba(255,255,255,.025);
  font-size:9px;
  font-weight:750;
  letter-spacing:.04em;
}

.range-support-strip{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:18px;
}
.range-support-strip>div{
  border-top:1px solid rgba(255,255,255,.10);
  padding:18px 0 0;
}
.range-support-strip strong{
  display:block;
  color:#eef2f6;
  margin-bottom:7px;
  font-size:14px;
}
.range-support-strip p{
  margin:0;
  color:#929caa;
  font-size:11px;
  line-height:1.5;
}

/* Product presentation: more hardware, less luxury brochure */
.range-v24 .player-product{
  padding:60px 0!important;
}
.range-v24 .player-product-copy h3{
  font-size:clamp(42px,4.6vw,66px)!important;
}
.range-v24 .player-tags span{
  font-size:9px!important;
  letter-spacing:.05em;
  font-weight:750;
}
.range-v24 .spec-lines span:last-child{
  font-weight:650;
}

/* Finder */
.player-path{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:14px;
  color:#66727e;
  font-size:9px;
  font-weight:800;
  letter-spacing:.09em;
}
.player-path i{
  width:22px;
  height:1px;
  background:#cbd2d9;
}
.finder-section .finder-controls{
  background:#fff!important;
}
.finder-section button,
.finder-section select,
.finder-section input{
  font-family:inherit;
}

/* Compare */
.compare-player-legend{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-bottom:12px;
}
.compare-player-legend span{
  padding:11px 12px;
  background:#fff;
  border:1px solid #dce1e6;
  border-radius:12px;
  color:#606a75;
  font-size:10px;
}
.compare-player-legend b{
  color:#15191e;
  margin-right:4px;
}

/* Finance: product-led, not banking-led */
.finance-player-hook{
  display:flex;
  justify-content:space-between;
  gap:32px;
  align-items:flex-end;
  max-width:1180px;
  margin:0 auto 14px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.finance-player-hook span{
  color:var(--v11-accent);
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em;
}
.finance-player-hook strong{
  max-width:620px;
  color:#edf1f5;
  font-size:15px;
  text-align:right;
}

/* Owner/support + fit: cleaner */
.ownership-v13-grid article{
  min-height:210px;
}
.fit-access-v23{
  box-shadow:none!important;
}

/* Less section bulk overall */
.section-system{
  padding-top:clamp(72px,7vw,108px);
  padding-bottom:clamp(72px,7vw,108px);
}

/* Player proof cards get stronger thumbnail emphasis */
.creator-proof .video-card .video-thumb,
.creator-proof .video-card img{
  aspect-ratio:16/9;
  object-fit:cover;
}

/* Remove excessive luxury-like white space */
.quiet-statement{
  padding:88px 0!important;
}

@media(max-width:900px){
  .player-kit-strip,
  .range-support-strip,
  .compare-player-legend{
    grid-template-columns:1fr;
  }
  .player-kit-items{
    justify-content:flex-start;
  }
  .finance-player-hook{
    flex-direction:column;
    align-items:flex-start;
  }
  .finance-player-hook strong{
    text-align:left;
  }
}


/* =========================================================
   V25 — ALIGNED PRODUCT SPEC FORMAT
   ========================================================= */
.spec-product-v25 .player-product-copy{align-self:center}
.spec-product-v25 .player-product-copy h3{margin-bottom:10px!important}
.spec-product-v25 .product-punch{max-width:660px!important;font-size:16px!important;line-height:1.55!important;color:#aab3bf!important}
.product-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0 12px}
.product-spec-grid>div{min-height:130px;padding:17px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.025)}
.product-spec-grid small{display:block;color:var(--v11-accent);font-size:8px;font-weight:850;letter-spacing:.13em;margin-bottom:9px}
.product-spec-grid strong{display:block;color:#f3f6f9;font-size:17px;letter-spacing:-.02em;margin-bottom:7px}
.product-spec-grid span{display:block;color:#949eab;font-size:10.5px;line-height:1.48}
.full-specs-v25{margin:10px 0 20px;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}
.full-specs-v25 summary{cursor:pointer;list-style:none;padding:14px 0;color:#dbe1e8;font-size:11px;font-weight:750}
.full-specs-v25 summary::-webkit-details-marker{display:none}
.full-specs-v25 summary:after{content:"+";float:right;color:var(--v11-accent);font-size:16px}
.full-specs-v25[open] summary:after{content:"–"}
.full-specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding-bottom:14px}
.full-specs-grid span{padding:9px 0;border-top:1px solid rgba(255,255,255,.06);color:#9ba5b1;font-size:10px}
.full-specs-grid b{color:#e6ebf0;margin-right:5px}
.spec-product-v25 .concept-label{max-width:80%}
.spec-product-v25.ultra-product .player-product-media img{object-fit:contain;background:#f5f5f3;padding:4%}
.compare-table-v25 th,.compare-table-v25 td{vertical-align:top!important}
.compare-table-v25 thead th:not(:first-child){min-width:190px}
.compare-table-v25 th small{display:block;margin-top:4px;color:#8c96a2;font-size:9px;font-weight:650}
.compare-table-v25 td:first-child{width:180px;color:#2b333c}
.compare-table-v25 td small{display:block;color:#7c8793;line-height:1.4;margin-top:3px}
.tbc-chip{display:inline-block;padding:5px 7px;border:1px solid #cad1d8;border-radius:999px;color:#69747f;font-size:8px;font-weight:800;letter-spacing:.08em}
.compare-source-note{margin:12px 0 0;color:#7a8490;font-size:10px;max-width:950px;line-height:1.5}
@media(max-width:900px){.product-spec-grid,.full-specs-grid{grid-template-columns:1fr}}


/* =========================================================
   V26 — COMPANY + FAQ
   ========================================================= */

.about-v26{
  background:#090c11!important;
}
.about-v26-grid{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:68px;
  align-items:start;
}
.about-v26-intro h2{
  font-size:clamp(48px,5vw,78px);
  line-height:.94;
  margin:12px 0 24px;
}
.about-v26-intro>p:not(.kicker){
  max-width:650px;
  color:#a6afba;
  font-size:14px;
  line-height:1.65;
}
.about-v26-pillars{
  display:grid;
  gap:12px;
}
.about-v26-pillars article{
  display:grid;
  grid-template-columns:110px .65fr 1fr;
  gap:18px;
  align-items:start;
  padding:22px 0;
  border-top:1px solid rgba(255,255,255,.09);
}
.about-v26-pillars article:first-child{
  border-top:0;
}
.about-v26-pillars span{
  color:var(--v11-accent);
  font-size:9px;
  font-weight:850;
  letter-spacing:.12em;
  padding-top:5px;
}
.about-v26-pillars h3{
  margin:0;
  color:#eef2f6;
  font-size:22px;
}
.about-v26-pillars p{
  margin:0;
  color:#98a2ae;
  font-size:12px;
  line-height:1.6;
}
.about-v26-note{
  grid-column:1/-1;
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:center;
  margin-top:10px;
  padding:16px 18px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:#11161d;
}
.about-v26-note strong{
  color:#fff;
  letter-spacing:.02em;
}
.about-v26-note span{
  color:#929ca8;
  font-size:11px;
}

/* FAQ */
.faq-v26{
  background:#f4f6f7!important;
}
.faq-v26-head{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:60px;
  align-items:end;
  margin-bottom:38px;
}
.faq-v26-head h2{
  margin:10px 0 0;
  font-size:clamp(48px,5.2vw,78px);
  line-height:.94;
  color:#101419;
}
.faq-v26-head>p{
  margin:0;
  color:#64707c;
  max-width:560px;
  font-size:13px;
  line-height:1.65;
}
.faq-v26-list{
  border-top:1px solid #d7dce1;
}
.faq-v26-list details{
  border-bottom:1px solid #d7dce1;
}
.faq-v26-list summary{
  list-style:none;
  cursor:pointer;
  position:relative;
  padding:22px 54px 22px 0;
  color:#171b20;
  font-size:17px;
  font-weight:750;
  letter-spacing:-.01em;
}
.faq-v26-list summary::-webkit-details-marker{
  display:none;
}
.faq-v26-list summary:after{
  content:"+";
  position:absolute;
  right:2px;
  top:50%;
  transform:translateY(-50%);
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border:1px solid #cbd1d7;
  border-radius:50%;
  color:#4e5964;
  font-size:18px;
  font-weight:400;
}
.faq-v26-list details[open] summary:after{
  content:"–";
}
.faq-answer{
  max-width:860px;
  padding:0 0 22px;
}
.faq-answer p{
  margin:0;
  color:#5c6772;
  font-size:13px;
  line-height:1.7;
}
.faq-answer strong{
  color:#171b20;
}

/* Footer utility links */
.footer-v26-links{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.08);
}
.footer-v26-links a{
  color:#9da6b1;
  text-decoration:none;
  font-size:10px;
}
.footer-v26-links a:hover{
  color:#fff;
}

@media(max-width:900px){
  .about-v26-grid,
  .faq-v26-head{
    grid-template-columns:1fr;
    gap:28px;
  }
  .about-v26-pillars article{
    grid-template-columns:1fr;
    gap:8px;
  }
  .about-v26-note{
    flex-direction:column;
    align-items:flex-start;
  }
}


/* =========================================================
   V27 — OWN VISUALS / SOURCE-BACKED SPECS
   ========================================================= */
.spec-product-v27 .player-product-media img{
  object-fit:cover!important;
  background:#0a0d12!important;
  padding:0!important;
}
.spec-product-v27 .player-product-media:after{
  content:"LIFESTYLE VISUAL";
  position:absolute;
  left:18px;
  bottom:18px;
  padding:7px 9px;
  border-radius:7px;
  background:rgba(4,7,11,.72);
  color:#cbd3dc;
  font-size:8px;
  font-weight:800;
  letter-spacing:.12em;
  backdrop-filter:blur(10px);
}
.full-specs-v27{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  padding:0 0 16px;
}
.spec-group-v27{
  display:flex;
  flex-direction:column;
  gap:7px;
  min-height:150px;
  padding:16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(255,255,255,.022);
}
.spec-group-v27 b{
  color:var(--v11-accent);
  font-size:9px;
  letter-spacing:.11em;
  text-transform:uppercase;
  margin-bottom:3px;
}
.spec-group-v27 span{
  position:relative;
  padding-left:13px;
  color:#a7b0bc;
  font-size:10.5px;
  line-height:1.45;
}
.spec-group-v27 span:before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#66717e;
}
.spec-source-note-v27{
  display:flex;
  justify-content:space-between;
  gap:28px;
  align-items:flex-start;
  padding:13px 15px;
  margin:0 0 12px;
  border:1px solid #dce1e6;
  border-radius:12px;
  background:#fff;
}
.spec-source-note-v27 strong{
  color:#151a20;
  font-size:9px;
  letter-spacing:.1em;
  white-space:nowrap;
}
.spec-source-note-v27 span{
  color:#737e89;
  font-size:10px;
  line-height:1.5;
  max-width:720px;
}
@media(max-width:900px){
  .full-specs-v27{grid-template-columns:1fr}
  .spec-source-note-v27{flex-direction:column;gap:6px}
}


/* =========================================================
   V28 — BRAND INTEGRATION / PRODUCT IMAGE UPDATE
   ========================================================= */

/* Orbit / capsule logo */
.moli-orbit-logo{
  display:inline-flex;
  width:38px;
  height:38px;
  flex:0 0 38px;
}
.moli-orbit-logo svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.moli-orbit-logo .moli-star{
  fill:currentColor;
  stroke:none;
  opacity:.95;
}
.moli-orbit-logo .moli-capsule{
  fill:currentColor;
  stroke:none;
  opacity:.88;
}

/* Header */
.brand-v28{
  display:flex!important;
  align-items:center;
  gap:10px;
  color:#fff!important;
  text-decoration:none!important;
}
.brand-v28 .moli-orbit-logo{
  width:31px;
  height:31px;
  color:var(--v11-accent);
}
.brand-v28-copy{
  display:flex;
  flex-direction:column;
  line-height:1;
}
.brand-v28-copy strong{
  font-size:15px;
  letter-spacing:.12em;
}
.brand-v28-copy small{
  margin-top:4px;
  color:#7d8794;
  font-size:7px;
  letter-spacing:.14em;
}

/* Hero brand philosophy */
.brand-philosophy-v28{
  display:flex;
  gap:8px;
  margin:8px 0 14px;
  font-size:9px;
  font-weight:850;
  letter-spacing:.12em;
}
.brand-philosophy-v28 span{
  color:#a8b1bc;
}
.brand-philosophy-v28 span:nth-child(2){
  color:var(--v11-accent);
}

/* Product imagery */
.spec-product-v25.scorpion-product .player-product-media img,
.spec-product-v27.ultra-product .player-product-media img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:#f7f7f5!important;
  padding:5%!important;
}
.spec-product-v27 .player-product-media:after{
  display:none!important;
}

/* subtle, natural product brand badge */
.brand-patch-v28{
  position:absolute!important;
  right:18px!important;
  bottom:18px!important;
  left:auto!important;
  top:auto!important;
  display:flex!important;
  align-items:center;
  gap:8px;
  padding:9px 11px!important;
  border-radius:12px!important;
  border:1px solid rgba(111,231,242,.22)!important;
  background:rgba(7,11,16,.76)!important;
  color:#fff!important;
  backdrop-filter:blur(12px);
  box-shadow:0 8px 24px rgba(0,0,0,.16);
  width:auto!important;
  height:auto!important;
}
.brand-patch-v28 .moli-orbit-logo{
  width:24px;
  height:24px;
  flex-basis:24px;
  color:var(--v11-accent);
}
.brand-patch-copy{
  display:flex;
  align-items:baseline;
  gap:7px;
}
.brand-patch-copy b{
  font-size:10px;
  letter-spacing:.11em;
}
.brand-patch-copy em{
  color:var(--v11-accent);
  font-size:8px;
  font-style:normal;
  font-weight:850;
  letter-spacing:.09em;
}

/* Brand story */
.brand-story-v28{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 52%, rgba(43,202,224,.11), transparent 28%),
    radial-gradient(circle at 72% 72%, rgba(18,64,105,.22), transparent 35%),
    #070a0f!important;
}
.brand-story-v28:after{
  content:"";
  position:absolute;
  right:-15%;
  bottom:-65%;
  width:70vw;
  height:70vw;
  border-radius:50%;
  border:1px solid rgba(125,230,244,.14);
  box-shadow:
    0 0 0 24px rgba(125,230,244,.018),
    0 0 0 74px rgba(125,230,244,.012);
  pointer-events:none;
}
.brand-story-v28-grid{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:80px;
  position:relative;
  z-index:2;
}
.brand-story-v28-heading h2{
  margin:12px 0 0;
  font-size:clamp(54px,6vw,92px);
  line-height:.88;
  letter-spacing:-.055em;
}
.brand-story-v28-heading h2 span{
  color:var(--v11-accent);
}
.brand-story-v28-copy>p{
  max-width:680px;
  color:#9ea8b4;
  font-size:14px;
  line-height:1.7;
}
.brand-story-v28-lockup{
  display:flex;
  gap:14px;
  align-items:center;
  margin-bottom:28px;
}
.brand-story-v28-lockup .moli-orbit-logo{
  width:56px;
  height:56px;
  flex-basis:56px;
  color:var(--v11-accent);
}
.brand-story-v28-lockup div{
  display:flex;
  flex-direction:column;
}
.brand-story-v28-lockup strong{
  color:#fff;
  font-size:23px;
  letter-spacing:.12em;
}
.brand-story-v28-lockup small{
  margin-top:5px;
  color:#7f8995;
  font-size:8px;
  letter-spacing:.15em;
}
.brand-values-v28{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:30px;
}
.brand-values-v28 article{
  min-height:150px;
  padding:18px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:15px;
  background:rgba(255,255,255,.022);
}
.brand-values-v28 article>span{
  color:var(--v11-accent);
  font-size:9px;
  font-weight:850;
  letter-spacing:.12em;
}
.brand-values-v28 b{
  display:block;
  margin:20px 0 8px;
  color:#eff3f6;
  font-size:16px;
}
.brand-values-v28 small{
  color:#8f99a6;
  font-size:10.5px;
  line-height:1.55;
}

/* Footer brand */
.footer-brand-v28{
  display:flex;
  gap:12px;
  align-items:center;
  max-width:1180px;
  margin:0 auto;
  padding:34px 0 0;
  color:#fff;
}
.footer-brand-v28 .moli-orbit-logo{
  color:var(--v11-accent);
}
.footer-brand-v28 div{
  display:flex;
  flex-direction:column;
}
.footer-brand-v28 strong{
  font-size:13px;
  letter-spacing:.12em;
}
.footer-brand-v28 span{
  margin-top:4px;
  color:#737d89;
  font-size:8px;
  letter-spacing:.12em;
}

@media(max-width:900px){
  .brand-story-v28-grid{
    grid-template-columns:1fr;
    gap:36px;
  }
  .brand-values-v28{
    grid-template-columns:1fr;
  }
  .brand-patch-v28{
    right:12px!important;
    bottom:12px!important;
  }
}


/* =========================================================
   V29 — UNIFIED BRAND SYSTEM
   One logo / one cyan / one card language / less visual noise
   ========================================================= */

:root{
  --moli-bg:#080b10;
  --moli-panel:#0f141a;
  --moli-line:rgba(255,255,255,.09);
  --moli-muted:#929da9;
  --moli-cyan:#54d8e6;
}

/* header */
.v29-unified .site-header{
  background:rgba(7,10,15,.93)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  backdrop-filter:blur(18px);
}
.brand-v29{
  display:flex!important;
  align-items:center;
  width:126px;
  height:48px;
  padding:5px 0;
}
.brand-v29 img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:left center;
}

/* simplify nav */
.v29-unified .site-nav{
  gap:24px!important;
}
.v29-unified .site-nav a{
  font-size:10px!important;
  color:#aeb6c0!important;
}
.v29-unified .site-nav a:hover{
  color:#fff!important;
}

/* one button system */
.v29-unified .button,
.v29-unified .button-primary,
.v29-unified .button-secondary{
  border-radius:999px!important;
  min-height:42px;
  padding:0 18px!important;
  font-weight:750!important;
}
.v29-unified .button-primary{
  background:#f4f7f8!important;
  color:#0a0d12!important;
  border:1px solid #f4f7f8!important;
}
.v29-unified .button-secondary{
  background:transparent!important;
  color:#e8edf1!important;
  border:1px solid rgba(255,255,255,.17)!important;
}

/* section system */
.v29-unified .section-system{
  padding-top:clamp(72px,7vw,104px)!important;
  padding-bottom:clamp(72px,7vw,104px)!important;
}
.v29-unified .kicker{
  color:var(--moli-cyan)!important;
  letter-spacing:.14em!important;
}

/* cleaner product frame */
.v29-unified .player-product{
  gap:56px!important;
  border-top:1px solid var(--moli-line)!important;
}
.v29-unified .player-product-media{
  border-radius:20px!important;
  overflow:hidden!important;
  background:#f5f5f2!important;
  border:0!important;
}
.v29-unified .player-product-media img{
  display:block;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:#f5f5f2!important;
}
.v29-unified .pro-product .player-product-media img{
  padding:0!important;
  object-fit:cover!important;
}
.v29-unified .scorpion-product .player-product-media img,
.v29-unified .ultra-product .player-product-media img{
  padding:7%!important;
  object-fit:contain!important;
}

/* simple model chip replaces oversized branding stickers */
.model-chip-v29{
  position:absolute;
  left:16px;
  top:16px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 11px;
  border-radius:10px;
  background:rgba(6,10,15,.88);
  border:1px solid rgba(84,216,230,.25);
  color:#fff;
  backdrop-filter:blur(10px);
}
.model-chip-v29 span{
  font-size:9px;
  font-weight:800;
  letter-spacing:.11em;
}
.model-chip-v29 b{
  color:var(--moli-cyan);
  font-size:9px;
  letter-spacing:.08em;
}

/* disclaimer becomes a quiet caption, not a design element */
.concept-label-v29{
  left:16px!important;
  right:auto!important;
  bottom:14px!important;
  max-width:calc(100% - 32px)!important;
  padding:5px 7px!important;
  background:rgba(7,10,14,.62)!important;
  border:0!important;
  border-radius:7px!important;
  color:#c4cbd3!important;
  font-size:7.5px!important;
  letter-spacing:.02em!important;
}

/* spec cards */
.v29-unified .product-spec-grid{
  gap:8px!important;
}
.v29-unified .product-spec-grid>div{
  min-height:118px!important;
  border-radius:13px!important;
  border:1px solid var(--moli-line)!important;
  background:#0d1117!important;
}
.v29-unified .product-spec-grid small{
  color:var(--moli-cyan)!important;
}
.v29-unified .product-spec-grid strong{
  font-size:15px!important;
}
.v29-unified .product-spec-grid span{
  color:#87929f!important;
}

/* full specs less card-heavy */
.v29-unified .full-specs-v27{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
.v29-unified .spec-group-v27{
  min-height:auto!important;
  padding:14px!important;
  border-radius:12px!important;
  border:1px solid var(--moli-line)!important;
  background:#0d1117!important;
}
.v29-unified .spec-group-v27 b{
  color:var(--moli-cyan)!important;
}

/* brand section — stripped back */
.brand-story-v29{
  background:
    radial-gradient(circle at 20% 30%,rgba(84,216,230,.08),transparent 28%),
    #080b10!important;
}
.brand-story-v29-grid{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:84px;
  align-items:center;
}
.brand-story-v29-mark{
  min-height:360px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-right:1px solid var(--moli-line);
}
.brand-story-v29-mark img{
  width:min(280px,75%);
  max-height:260px;
  object-fit:contain;
}
.brand-story-v29-copy h2{
  margin:10px 0 24px;
  font-size:clamp(54px,6.3vw,94px);
  line-height:.88;
  letter-spacing:-.055em;
}
.brand-story-v29-copy h2 span{
  color:var(--moli-cyan);
}
.brand-story-v29-copy>p{
  max-width:650px;
  color:#9ba5b0;
  font-size:14px;
  line-height:1.7;
}
.brand-pillars-v29{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:26px;
}
.brand-pillars-v29 span{
  padding:8px 10px;
  border:1px solid var(--moli-line);
  border-radius:999px;
  color:#aeb7c1;
  font-size:8px;
  font-weight:800;
  letter-spacing:.09em;
}

/* company section follows same language */
.v29-unified .about-v26-pillars article{
  grid-template-columns:90px .65fr 1fr!important;
  padding:18px 0!important;
}
.v29-unified .about-v26-pillars h3{
  font-size:20px!important;
}
.v29-unified .about-v26-note{
  border-radius:12px!important;
  background:#0d1117!important;
}

/* FAQ stripped down */
.v29-unified .faq-v26-list summary{
  font-size:15px!important;
  padding-top:19px!important;
  padding-bottom:19px!important;
}
.v29-unified .faq-v26-list summary:after{
  width:26px!important;
  height:26px!important;
  border:0!important;
  background:#e8ecef!important;
}

/* footer */
.footer-brand-v29{
  max-width:1180px;
  margin:0 auto;
  padding:40px 0 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-top:1px solid rgba(255,255,255,.07);
}
.footer-brand-v29 img{
  width:118px;
  height:70px;
  object-fit:contain;
  object-position:left center;
}
.footer-brand-v29 span{
  color:#6f7985;
  font-size:8px;
  font-weight:750;
  letter-spacing:.13em;
}

/* suppress legacy visual noise */
.v29-unified .brand-patch-v28,
.v29-unified .brand-philosophy-v28,
.v29-unified .spec-product-v27 .player-product-media:after{
  display:none!important;
}

/* consistent cyan everywhere */
.v29-unified{
  --v11-accent:var(--moli-cyan)!important;
}

@media(max-width:900px){
  .brand-v29{width:105px}
  .brand-story-v29-grid{
    grid-template-columns:1fr;
    gap:32px;
  }
  .brand-story-v29-mark{
    min-height:220px;
    border-right:0;
    border-bottom:1px solid var(--moli-line);
  }
  .brand-story-v29-mark img{
    max-height:180px;
  }
  .v29-unified .full-specs-v27{
    grid-template-columns:1fr!important;
  }
  .footer-brand-v29{
    flex-direction:column;
    align-items:flex-start;
  }
}


/* =========================================================
   V30 — NEW WEBSITE DIRECTION
   PRO = GM-520 / PLUS = SCORPION / ULTRA = GATLING
   ========================================================= */

.v29-unified{
  background:#070a0f;
  --moli-cyan:#48d7e6;
  --moli-bg:#070a0f;
  --moli-panel:#0d1218;
  --moli-line:rgba(255,255,255,.085);
}

/* HERO */
.v29-unified .player-hero{
  min-height:clamp(650px,78vh,860px);
  overflow:hidden!important;
}
.v29-unified .hero-cover-copy{
  max-width:1180px!important;
  padding-left:clamp(42px,6vw,96px)!important;
  padding-right:clamp(42px,6vw,96px)!important;
}
.v29-unified .hero-cover-copy h1{
  max-width:710px!important;
  font-size:clamp(58px,7vw,102px)!important;
  line-height:.88!important;
  letter-spacing:-.065em!important;
  white-space:normal!important;
  overflow:visible!important;
}
.v29-unified .hero-cover-copy h1 span{
  color:var(--moli-cyan);
}
.v29-unified .hero-cover-copy p{
  max-width:570px!important;
  font-size:15px!important;
  line-height:1.65!important;
}
.v29-unified .hero-cover-copy .kicker{
  margin-bottom:16px!important;
}
.hero-values-v30{
  position:absolute;
  left:clamp(42px,6vw,96px);
  right:clamp(42px,6vw,96px);
  bottom:28px;
  z-index:8;
  display:flex;
  gap:0;
  border-top:1px solid rgba(255,255,255,.10);
  padding-top:18px;
}
.hero-values-v30 span{
  flex:1;
  color:#c6cdd5;
  font-size:9px;
  font-weight:750;
  letter-spacing:.07em;
}
.hero-values-v30 span+span{
  padding-left:18px;
  border-left:1px solid rgba(255,255,255,.10);
}
.hero-values-v30 b{
  color:var(--moli-cyan);
  margin-right:7px;
}

/* FAMILY INTRO */
.family-v30{
  background:#080b10;
  padding:72px 0 30px;
}
.family-v30-head{
  display:grid;
  grid-template-columns:1fr .75fr;
  align-items:end;
  gap:80px;
}
.family-v30-head h2{
  margin:10px 0 0;
  font-size:clamp(42px,5vw,70px);
  line-height:.96;
  letter-spacing:-.045em;
  color:#f5f7f9;
}
.family-v30-head>p{
  margin:0;
  color:#909ba6;
  font-size:13px;
  line-height:1.65;
}

/* PRODUCT RANGE */
.v29-unified .range-v24{
  padding-top:36px!important;
}
.v29-unified .player-kit-strip{
  background:transparent!important;
  border:0!important;
  border-top:1px solid var(--moli-line)!important;
  border-bottom:1px solid var(--moli-line)!important;
  border-radius:0!important;
  padding-left:0!important;
  padding-right:0!important;
}
.v29-unified .player-product{
  grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr)!important;
  gap:64px!important;
  padding:68px 0!important;
}
.v29-unified .player-product.reverse{
  grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr)!important;
}
.v29-unified .player-product-media{
  min-height:580px!important;
  background:#f3f3f0!important;
  box-shadow:0 24px 70px rgba(0,0,0,.24);
}
.v29-unified .player-product-media img{
  object-fit:contain!important;
  padding:5%!important;
  background:#f3f3f0!important;
}
.v29-unified .pro-product .player-product-media img{
  padding:0!important;
  object-fit:cover!important;
}
.v29-unified .scorpion-product .player-product-media img{
  padding:8%!important;
}
.v29-unified .ultra-product .player-product-media img{
  padding:7%!important;
  object-fit:contain!important;
}
.v29-unified .player-product-copy h3{
  font-size:clamp(48px,5vw,70px)!important;
  line-height:.92!important;
  letter-spacing:-.05em!important;
}
.v29-unified .product-punch{
  max-width:600px!important;
  font-size:14px!important;
}
.v29-unified .price-lockup strong{
  font-size:34px!important;
}

/* cleaner spec grid */
.v29-unified .product-spec-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
.v29-unified .product-spec-grid>div{
  min-height:112px!important;
  padding:16px!important;
  background:#0d1218!important;
  border-radius:12px!important;
}
.v29-unified .product-spec-grid strong{
  font-size:14px!important;
}
.v29-unified .product-spec-grid span{
  font-size:10px!important;
}

/* compare */
.v29-unified .compare-player-legend{
  gap:8px!important;
}
.v29-unified .compare-player-legend span{
  border-radius:10px!important;
}

/* About / company / FAQ */
.v29-unified .about-v26,
.v29-unified .brand-story-v29{
  background:#080b10!important;
}
.v29-unified .brand-story-v29-grid,
.v29-unified .about-v26-grid{
  max-width:1180px;
}
.v29-unified .brand-pillars-v29 span{
  border-radius:8px!important;
}
.v29-unified .faq-v26{
  background:#f2f4f5!important;
}

/* consistent footer */
.v29-unified footer{
  background:#070a0f!important;
}

/* mobile */
@media(max-width:900px){
  .hero-values-v30{
    display:none;
  }
  .family-v30-head{
    grid-template-columns:1fr;
    gap:24px;
  }
  .v29-unified .player-product,
  .v29-unified .player-product.reverse{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  .v29-unified .player-product-media{
    min-height:420px!important;
  }
}


/* =========================================================
   V31 — UI INTEGRATION PASS
   Focus: image integration / brand consistency / hierarchy / polish
   ========================================================= */

.v31-ui{
  --ui-bg:#070a0f;
  --ui-panel:#0c1117;
  --ui-panel-2:#10161d;
  --ui-line:rgba(255,255,255,.075);
  --ui-cyan:#4fd7e5;
  --ui-text:#f4f7f9;
  --ui-muted:#8c97a3;
}

/* ---------------------------------------------------------
   INLINE BRAND LOGO
   --------------------------------------------------------- */
.brand-inline-v31{
  display:inline-flex;
  align-items:center;
  vertical-align:middle;
  width:118px;
  height:48px;
}
.brand-inline-v31 img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:left center;
}

/* About / ownership use same logo language */
.about-v31-note{
  min-height:72px;
}
.about-v31-note .brand-inline-v31{
  width:132px;
  height:50px;
}

/* ---------------------------------------------------------
   IMAGE INTEGRATION
   Make product imagery feel embedded in the dark interface.
   --------------------------------------------------------- */
.v31-ui .media-integrated-v31{
  position:relative!important;
  isolation:isolate;
  background:
    linear-gradient(145deg,rgba(255,255,255,.94),rgba(234,237,239,.90))!important;
  border:1px solid rgba(255,255,255,.07)!important;
  box-shadow:
    0 28px 80px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.55)!important;
}
.v31-ui .media-integrated-v31:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  border-radius:inherit;
  background:
    linear-gradient(180deg,rgba(255,255,255,.0) 68%,rgba(6,10,15,.08)),
    radial-gradient(circle at 70% 30%,rgba(79,215,229,.07),transparent 36%);
  pointer-events:none;
}
.v31-ui .media-integrated-v31:after{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:5;
  border-radius:inherit;
  border:1px solid rgba(79,215,229,.08);
  pointer-events:none;
}
.media-glow-v31{
  position:absolute;
  z-index:0;
  width:58%;
  height:58%;
  right:-8%;
  bottom:-12%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(79,215,229,.14),transparent 68%);
  filter:blur(20px);
  pointer-events:none;
}
.media-grid-v31{
  position:absolute;
  z-index:0;
  inset:0;
  opacity:.25;
  background-image:
    linear-gradient(rgba(10,15,20,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(10,15,20,.04) 1px,transparent 1px);
  background-size:32px 32px;
  mask-image:linear-gradient(to bottom,transparent 0%,black 42%,black 100%);
  pointer-events:none;
}
.v31-ui .media-integrated-v31 img{
  position:relative;
  z-index:2;
}

/* Product-specific image treatment */
.v31-ui .pro-product .media-integrated-v31 img{
  object-fit:cover!important;
  transform:scale(1.015);
}
.v31-ui .scorpion-product .media-integrated-v31 img,
.v31-ui .ultra-product .media-integrated-v31 img{
  object-fit:contain!important;
  padding:6.5%!important;
  filter:drop-shadow(0 22px 22px rgba(0,0,0,.14));
}

/* Product media typography */
.v31-ui .model-chip-v29{
  z-index:7;
  left:18px!important;
  top:18px!important;
  background:rgba(7,11,16,.86)!important;
  border:1px solid rgba(79,215,229,.22)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.16);
}
.v31-ui .concept-label-v31{
  z-index:7!important;
  left:18px!important;
  bottom:16px!important;
  background:rgba(8,12,17,.76)!important;
  backdrop-filter:blur(10px);
  border-left:2px solid var(--ui-cyan)!important;
  border-radius:5px!important;
  padding:6px 8px!important;
  color:#d5dce2!important;
}

/* ---------------------------------------------------------
   TYPOGRAPHY HIERARCHY
   --------------------------------------------------------- */
.v31-ui h1,
.v31-ui h2,
.v31-ui h3{
  text-wrap:balance;
}
.v31-ui .player-product-copy h3{
  color:var(--ui-text)!important;
}
.v31-ui .product-number{
  color:var(--ui-cyan)!important;
  letter-spacing:.13em!important;
}
.v31-ui .product-punch{
  color:#9da7b1!important;
  max-width:570px!important;
}

/* ---------------------------------------------------------
   CARD LANGUAGE
   --------------------------------------------------------- */
.v31-ui .product-spec-grid>div,
.v31-ui .spec-group-v27,
.v31-ui .compare-player-legend span,
.v31-ui .about-v26-pillars article{
  transition:
    border-color .22s ease,
    background .22s ease,
    transform .22s ease;
}
.v31-ui .product-spec-grid>div:hover,
.v31-ui .spec-group-v27:hover{
  border-color:rgba(79,215,229,.22)!important;
  background:#10161d!important;
  transform:translateY(-2px);
}

/* ---------------------------------------------------------
   BUTTON / INTERACTION SYSTEM
   --------------------------------------------------------- */
.v31-ui .button,
.v31-ui .site-nav a,
.v31-ui .text-link{
  transition:all .2s ease;
}
.v31-ui .button-primary:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 28px rgba(79,215,229,.14);
}
.v31-ui .button-secondary:hover{
  border-color:rgba(79,215,229,.35)!important;
  color:var(--ui-cyan)!important;
}
.v31-ui .text-link:hover{
  color:var(--ui-cyan)!important;
}

/* ---------------------------------------------------------
   SECTION FLOW
   --------------------------------------------------------- */
.section-transition-v31{
  height:1px;
  max-width:1180px;
  margin:0 auto;
  background:linear-gradient(90deg,transparent,rgba(79,215,229,.16),transparent);
}
.v31-ui .section-dark{
  background:
    radial-gradient(circle at 84% 18%,rgba(79,215,229,.025),transparent 30%),
    var(--ui-bg)!important;
}

/* Range header cleaner */
.v31-ui .family-v30-head{
  padding-bottom:28px;
  border-bottom:1px solid var(--ui-line);
}

/* ---------------------------------------------------------
   COMPARE TABLE
   --------------------------------------------------------- */
.v31-ui .compare-wrap-v25{
  border:1px solid #dfe4e8;
  border-radius:16px;
  overflow:hidden;
  background:#fff;
}
.v31-ui .compare-table-v25{
  margin:0!important;
}
.v31-ui .compare-table-v25 thead{
  background:#0c1117;
  color:#fff;
}
.v31-ui .compare-table-v25 thead th{
  color:#fff!important;
  border-color:rgba(255,255,255,.08)!important;
}
.v31-ui .compare-table-v25 thead th:not(:first-child){
  color:#eef4f6!important;
}
.v31-ui .compare-table-v25 tbody tr:hover{
  background:#f5f8f9;
}
.v31-ui .compare-table-v25 td,
.v31-ui .compare-table-v25 th{
  border-color:#e8ecef!important;
}

/* ---------------------------------------------------------
   FAQ / LIGHT SECTIONS
   --------------------------------------------------------- */
.v31-ui .faq-v26-list details{
  transition:background .18s ease;
}
.v31-ui .faq-v26-list details:hover{
  background:rgba(255,255,255,.65);
}
.v31-ui .faq-v26-list summary{
  padding-left:8px!important;
  padding-right:52px!important;
}

/* ---------------------------------------------------------
   FOOTER
   --------------------------------------------------------- */
.v31-ui .footer-brand-v29{
  padding-top:34px!important;
}
.v31-ui .footer-brand-v29 img{
  width:132px!important;
}

/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */
@media(max-width:900px){
  .brand-inline-v31{
    width:96px;
    height:42px;
  }
  .v31-ui .media-integrated-v31{
    min-height:390px!important;
  }
  .v31-ui .scorpion-product .media-integrated-v31 img,
  .v31-ui .ultra-product .media-integrated-v31 img{
    padding:8%!important;
  }
}


/* =========================================================
   V32 — DETAIL CLEANUP PASS
   Removes duplicate labels / overlapping captions / clipped logo.
   ========================================================= */

.v31-ui .model-chip-v29,
.v31-ui .concept-label-v29,
.v31-ui .concept-label-v31{
  display:none!important;
}

/* Single UI-controlled product label */
.clean-model-chip-v32{
  position:absolute;
  z-index:10;
  top:18px;
  left:18px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:34px;
  padding:0 13px;
  border:1px solid rgba(79,215,229,.24);
  border-radius:9px;
  background:rgba(7,11,16,.90);
  box-shadow:0 10px 28px rgba(0,0,0,.16);
  backdrop-filter:blur(10px);
  pointer-events:none;
}
.clean-model-chip-v32 b,
.clean-model-chip-v32 em{
  margin:0;
  font-style:normal;
  font-size:10px;
  line-height:1;
  letter-spacing:.06em;
  white-space:nowrap;
}
.clean-model-chip-v32 b{color:#f4f7f9;}
.clean-model-chip-v32 em{color:#4fd7e5;font-weight:800;}

/* Product media: no duplicate webpage caption at bottom */
.v31-ui .media-integrated-v31{
  overflow:hidden!important;
}
.v31-ui .media-integrated-v31 > small{
  display:none!important;
}

/* Header logo — prevent clipping/collapse */
.v31-ui .brand,
.v31-ui .site-brand,
.v31-ui header .brand-inline-v31{
  overflow:visible!important;
  flex:0 0 auto!important;
}
.v31-ui header .brand-inline-v31{
  width:126px!important;
  min-width:126px!important;
  height:54px!important;
}
.v31-ui header .brand-inline-v31 img{
  display:block!important;
  width:126px!important;
  max-width:none!important;
  height:54px!important;
  object-fit:contain!important;
  object-position:left center!important;
}

/* Keep header content away from viewport edges */
.v31-ui .site-header .container,
.v31-ui header .container{
  padding-left:clamp(24px,4vw,56px)!important;
  padding-right:clamp(24px,4vw,56px)!important;
}

/* Avoid accidental text clipping anywhere in large product headings */
.v31-ui .player-product-copy,
.v31-ui .hero-cover-copy,
.v31-ui .family-v30-head{
  overflow:visible!important;
}
.v31-ui .player-product-copy h3,
.v31-ui .hero-cover-copy h1,
.v31-ui .family-v30-head h2{
  overflow:visible!important;
  max-width:100%!important;
}

/* Make baked-in product-art disclaimers the only disclaimers visible inside imagery.
   Web UI labels/captions stay outside the image area. */
.v31-ui .player-product-media + .player-product-copy{
  position:relative;
  z-index:2;
}

/* cleaner spacing */
.v31-ui .player-product{
  align-items:center!important;
}
.v31-ui .player-product-media{
  border-radius:18px!important;
}
.v31-ui .product-spec-grid{
  margin-top:20px!important;
}

/* Mobile safeguards */
@media(max-width:900px){
  .clean-model-chip-v32{
    top:12px;
    left:12px;
    min-height:31px;
    padding:0 10px;
  }
  .v31-ui header .brand-inline-v31{
    width:104px!important;
    min-width:104px!important;
    height:46px!important;
  }
  .v31-ui header .brand-inline-v31 img{
    width:104px!important;
    height:46px!important;
  }
}


/* =========================================================
   V33 — UNIFIED PRODUCT IMAGERY + VISUAL CONTINUITY
   ========================================================= */

/* Product titles live outside images. No chips/captions in the picture area. */
.v33-visual .clean-model-chip-v32,
.v33-visual .model-chip-v29,
.v33-visual .concept-label-v29,
.v33-visual .concept-label-v31,
.v33-visual .media-integrated-v31:after{
  display:none!important;
}

.v33-visual .media-integrated-v31{
  min-height:auto!important;
  aspect-ratio:1 / 1!important;
  background:#f6f6f3!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  box-shadow:0 28px 72px rgba(0,0,0,.28)!important;
}
.v33-visual .media-glow-v31,
.v33-visual .media-grid-v31{
  display:none!important;
}
.v33-visual .media-integrated-v31 img,
.v33-visual .pro-product .media-integrated-v31 img,
.v33-visual .scorpion-product .media-integrated-v31 img,
.v33-visual .ultra-product .media-integrated-v31 img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  object-fit:cover!important;
  transform:none!important;
  filter:none!important;
}

/* Let the external product title become the only title system */
.v33-visual .product-number{
  margin-bottom:14px!important;
}
.v33-visual .player-product-copy h3{
  margin-top:12px!important;
}

/* Visual story bridges strong hero into later information sections */
.visual-story-v33{
  background:#090d12;
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.visual-story-head-v33{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:64px;
  align-items:end;
  margin-bottom:34px;
}
.visual-story-head-v33 h2{
  margin:10px 0 0;
  font-size:clamp(46px,5vw,72px);
  line-height:.94;
  letter-spacing:-.05em;
}
.visual-story-head-v33>p{
  max-width:560px;
  margin:0;
  color:#8f9aa6;
  font-size:13px;
  line-height:1.7;
}
.visual-story-grid-v33{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:12px;
}
.visual-card-v33{
  position:relative;
  overflow:hidden;
  min-height:340px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:#0c1117;
}
.visual-card-wide-v33{
  grid-row:span 2;
  min-height:692px;
}
.visual-card-v33 img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.visual-title-v33{
  position:absolute;
  left:18px;
  right:18px;
  top:18px;
  z-index:3;
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
}
.visual-title-v33 span{
  color:#4fd7e5;
  font-size:8px;
  font-weight:850;
  letter-spacing:.12em;
}
.visual-title-v33 b{
  color:#fff;
  font-size:12px;
  font-weight:700;
}
.visual-card-v33:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(4,7,10,.42),transparent 34%,rgba(4,7,10,.10));
  pointer-events:none;
}

/* Ultra diagram: technical image, clean title outside */
.ultra-tech-visual-v33{
  position:relative;
  margin:20px 0 24px;
  padding-top:50px;
  overflow:hidden;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:#f5f5f2;
}
.ultra-tech-visual-v33 .visual-title-v33{
  top:15px;
}
.ultra-tech-visual-v33 .visual-title-v33 b{
  color:#1a2027;
}
.ultra-tech-visual-v33 img{
  display:block;
  width:100%;
  max-height:520px;
  object-fit:contain;
  background:#fff;
}

/* smooth transition into finder/compare */
.v33-visual .finder-section{
  border-top:0!important;
}
.v33-visual .section-transition-v31{
  opacity:.6;
}

/* Responsive */
@media(max-width:900px){
  .visual-story-head-v33{
    grid-template-columns:1fr;
    gap:22px;
  }
  .visual-story-grid-v33{
    grid-template-columns:1fr;
  }
  .visual-card-wide-v33{
    grid-row:auto;
    min-height:420px;
  }
  .visual-card-v33{
    min-height:300px;
  }
}


/* =========================================================
   V34 — LATER-PAGE VISUAL POLISH
   Goal: preserve v33 architecture, add visual anchors rather
   than more information.
   ========================================================= */
.v34-polish .section-visual-anchor-v34{
  margin-top:42px;
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  min-height:330px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:#0b1016;
}
.v34-polish .section-visual-copy-v34{
  padding:42px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.v34-polish .section-visual-copy-v34>span{
  color:#49d4e3;
  font-size:9px;
  font-weight:850;
  letter-spacing:.13em;
  margin-bottom:13px;
}
.v34-polish .section-visual-copy-v34>strong{
  color:#f6f8fa;
  max-width:460px;
  font-size:clamp(26px,3vw,42px);
  line-height:1.02;
  letter-spacing:-.04em;
}
.v34-polish .section-visual-copy-v34>p{
  color:#8995a2;
  max-width:470px;
  margin:17px 0 0;
  line-height:1.65;
  font-size:12px;
}
.v34-polish .section-visual-image-v34{
  min-height:330px;
  background:#f5f5f2;
}
.v34-polish .section-visual-image-v34 img{
  width:100%; height:100%; display:block; object-fit:cover;
}
.v34-polish .visual-finance-v34{
  grid-template-columns:1.05fr .95fr;
}
.v34-polish .visual-finance-v34 .section-visual-image-v34 img{
  object-fit:contain;
}
.v34-polish .visual-ownership-v34{
  grid-template-columns:1.25fr .75fr;
}
.v34-polish .visual-ownership-v34 .section-visual-image-v34{
  min-height:420px;
}
.v34-polish .visual-fit-v34{
  grid-template-columns:.8fr 1.2fr;
}
.v34-polish .fit-diagram-v34{
  min-height:330px;
  padding:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 50% 50%,rgba(66,211,226,.10),transparent 48%),
    #080d12;
}
.v34-polish .fit-diagram-v34 div{
  width:82px;height:82px;border:1px solid rgba(72,213,227,.35);
  border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.v34-polish .fit-diagram-v34 b{color:#49d4e3;font-size:12px}
.v34-polish .fit-diagram-v34 span{color:#fff;font-size:8px;font-weight:800;letter-spacing:.08em;margin-top:4px}
.v34-polish .fit-diagram-v34 i{width:38px;height:1px;background:rgba(72,213,227,.35)}

.v34-polish .compare-visual-strip-v34{
  margin-top:34px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.v34-polish .compare-visual-strip-v34 figure{
  margin:0;
  position:relative;
  overflow:hidden;
  aspect-ratio:1.45/1;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:#f5f5f2;
}
.v34-polish .compare-visual-strip-v34 img{
  width:100%;height:100%;object-fit:contain;display:block;
}
.v34-polish .compare-visual-strip-v34 figcaption{
  position:absolute;left:12px;bottom:12px;
  padding:7px 10px;border-radius:999px;
  background:#0b1016;color:#fff;
  font-size:8px;font-weight:850;letter-spacing:.12em;
}

/* Less dashboard-like: soften repeated card framing in later page */
.v34-polish #finder .finder-card,
.v34-polish #compare .compare-card,
.v34-polish #pricing .price-card,
.v34-polish #finance .finance-card{
  box-shadow:none!important;
}

/* FAQ stays intentionally text-led */
.v34-polish #faq{
  position:relative;
}
.v34-polish #faq:before{
  content:"";
  display:block;
  width:42px;height:2px;
  margin:0 auto 28px;
  background:#49d4e3;
  opacity:.8;
}

@media(max-width:900px){
  .v34-polish .section-visual-anchor-v34,
  .v34-polish .visual-finance-v34,
  .v34-polish .visual-ownership-v34,
  .v34-polish .visual-fit-v34{
    grid-template-columns:1fr;
  }
  .v34-polish .section-visual-copy-v34{padding:28px}
  .v34-polish .section-visual-image-v34{min-height:280px}
  .v34-polish .compare-visual-strip-v34{grid-template-columns:1fr}
  .v34-polish .fit-diagram-v34{padding:28px;overflow:auto;justify-content:flex-start}
}


/* =========================================================
   V35 — CLEAN BUILD / CONSISTENCY PASS
   ========================================================= */

/* Hero: remove previous bottom feature strip */
.v35-clean .hero-values-v30{display:none!important}

/* Hide the baked-in lower-right branding box on the left hero image
   by zooming/cropping the image toward the useful cockpit area. */
.v35-clean .hero-workplay .hero-split-work{
  overflow:hidden!important;
  background:#d9dad9;
}
.v35-clean .hero-workplay .hero-split-work img{
  width:125%!important;
  height:125%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:25% 38%!important;
  transform:translate(-4%,-3%)!important;
}

/* Keep hero text clear of the centre seam */
.v35-clean .hero-cover-copy{
  max-width:650px!important;
}
.v35-clean .hero-cover-copy h1{
  max-width:620px!important;
}
.v35-clean .hero-cover-copy p{
  max-width:520px!important;
}

/* Product range rebuilt: exactly 3 modules */
.v35-clean .range-v35{
  background:#070a0f!important;
}
.v35-clean .range-heading-v35{
  padding-bottom:30px;
  margin-bottom:0!important;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.v35-clean .product-v35{
  display:grid!important;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
  gap:64px!important;
  align-items:center!important;
  padding:72px 0!important;
  border-top:0!important;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.v35-clean .product-v35.reverse{
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
}
.v35-clean .product-v35.reverse .product-media-v35{order:2}
.v35-clean .product-v35.reverse .product-copy-v35{order:1}

/* identical product image spec */
.v35-clean .product-media-v35{
  position:relative!important;
  width:100%!important;
  aspect-ratio:1/1!important;
  min-height:0!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:#f6f6f3!important;
  border:1px solid rgba(255,255,255,.07)!important;
  box-shadow:0 26px 72px rgba(0,0,0,.28)!important;
}
.v35-clean .product-media-v35 img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  object-fit:cover!important;
  transform:none!important;
  filter:none!important;
}

/* matching typography */
.v35-clean .product-copy-v35{
  align-self:center!important;
  overflow:visible!important;
}
.v35-clean .product-copy-v35 h3{
  min-height:1.9em;
  margin:14px 0 12px!important;
  font-size:clamp(48px,5vw,68px)!important;
  line-height:.92!important;
}
.v35-clean .product-copy-v35 .product-punch{
  min-height:3.2em;
  max-width:560px!important;
  margin-bottom:20px!important;
}

/* 6 equal cards on every product */
.v35-clean .product-spec-grid-v35{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin:20px 0 10px!important;
}
.v35-clean .product-spec-grid-v35>div{
  box-sizing:border-box!important;
  height:118px!important;
  min-height:118px!important;
  padding:15px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:12px!important;
  background:#0d1218!important;
}
.v35-clean .product-spec-grid-v35 small{
  height:13px;
  margin-bottom:8px!important;
  color:#4fd7e5!important;
  font-size:8px!important;
  font-weight:850!important;
  letter-spacing:.11em!important;
}
.v35-clean .product-spec-grid-v35 strong{
  min-height:20px;
  color:#f5f7f9!important;
  font-size:15px!important;
  line-height:1.2!important;
  margin-bottom:7px!important;
}
.v35-clean .product-spec-grid-v35 span{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  color:#8d98a5!important;
  font-size:10px!important;
  line-height:1.45!important;
}

/* detail rows collapsed by default: consistent visible section height */
.v35-clean .full-specs-v35{
  margin:0 0 20px!important;
}
.v35-clean .full-specs-v35:not([open]) .full-specs-grid{
  display:none!important;
}
.v35-clean .full-specs-v35 summary{
  height:46px;
  box-sizing:border-box;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}

/* eliminate leftover obsolete visual wrappers */
.v35-clean .player-kit-strip,
.v35-clean .media-glow-v31,
.v35-clean .media-grid-v31{
  display:none!important;
}

/* mobile */
@media(max-width:900px){
  .v35-clean .product-v35,
  .v35-clean .product-v35.reverse{
    grid-template-columns:1fr!important;
    gap:28px!important;
    padding:50px 0!important;
  }
  .v35-clean .product-v35.reverse .product-media-v35,
  .v35-clean .product-v35.reverse .product-copy-v35{
    order:initial;
  }
  .v35-clean .product-spec-grid-v35{
    grid-template-columns:1fr!important;
  }
  .v35-clean .product-spec-grid-v35>div{
    height:auto!important;
    min-height:104px!important;
  }
  .v35-clean .product-copy-v35 h3,
  .v35-clean .product-copy-v35 .product-punch{
    min-height:0;
  }
}


/* =========================================================
   V36 — HARMONY PASS
   wider hero typography / hidden concept box / larger products
   / more natural image-text balance
   ========================================================= */

/* HERO: more horizontal, less stacked */
.v36-harmony .hero-cover-copy{
  width:min(46vw,760px)!important;
  max-width:760px!important;
  left:clamp(64px,7vw,124px)!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}
.v36-harmony .hero-cover-copy h1{
  margin:12px 0 22px!important;
  max-width:760px!important;
  font-size:clamp(62px,6.1vw,98px)!important;
  line-height:.88!important;
  letter-spacing:-.055em!important;
  white-space:normal!important;
}
.v36-harmony .hero-line-v36{
  display:block;
  white-space:nowrap;
}
.v36-harmony .hero-line-v36.accent{
  color:#43cfe0!important;
}
.v36-harmony .hero-cover-copy p{
  width:min(38vw,590px)!important;
  max-width:590px!important;
  margin-top:0!important;
  line-height:1.55!important;
  font-size:14px!important;
}
.v36-harmony .hero-cover-copy .hero-actions{
  margin-top:20px!important;
}

/* Stronger crop on left hero image: removes the lower-right baked concept box */
.v36-harmony .hero-workplay .hero-split-work{
  overflow:hidden!important;
}
.v36-harmony .hero-workplay .hero-split-work img{
  width:146%!important;
  height:146%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:22% 33%!important;
  transform:translate(-11%,-8%)!important;
}

/* subtle dark veil to integrate image and make any baked branding invisible */
.v36-harmony .hero-workplay .hero-split-work:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:
    linear-gradient(90deg,rgba(5,9,13,.40),rgba(5,9,13,.09) 72%,rgba(5,9,13,.20)),
    linear-gradient(180deg,rgba(5,9,13,.04),rgba(5,9,13,.30));
  pointer-events:none;
}

/* Make sure copy sits above the image veil */
.v36-harmony .hero-cover-copy{z-index:8!important}

/* product modules: more balanced and slightly editorial */
.v36-harmony .product-v35{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:74px!important;
  padding:84px 0!important;
}
.v36-harmony .product-v35.reverse{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
}
.v36-harmony .product-media-v35{
  border-radius:20px!important;
  background:#f4f4f1!important;
  box-shadow:
    0 30px 80px rgba(0,0,0,.26),
    inset 0 0 0 1px rgba(255,255,255,.40)!important;
}
.v36-harmony .product-media-v35 img{
  object-fit:cover!important;
}

/* images should read big, not like thumbnails */
.v36-harmony .product-v35 .product-media-v35{
  transform:scale(1.018);
}
.v36-harmony .product-copy-v35{
  max-width:610px;
}
.v36-harmony .product-copy-v35 h3{
  max-width:570px!important;
  min-height:0!important;
  margin:14px 0 14px!important;
  font-size:clamp(46px,4.5vw,64px)!important;
  line-height:.94!important;
}
.v36-harmony .product-copy-v35 .product-punch{
  min-height:0!important;
  max-width:530px!important;
  font-size:13px!important;
  line-height:1.58!important;
}

/* spec cards: equal visual weight */
.v36-harmony .product-spec-grid-v35{
  grid-auto-rows:116px!important;
}
.v36-harmony .product-spec-grid-v35>div{
  height:116px!important;
  min-height:116px!important;
  padding:16px 16px 14px!important;
}
.v36-harmony .product-spec-grid-v35 small{
  margin-bottom:9px!important;
}
.v36-harmony .product-spec-grid-v35 strong{
  min-height:18px!important;
  margin-bottom:7px!important;
}
.v36-harmony .product-spec-grid-v35 span{
  -webkit-line-clamp:2!important;
}

/* Range header should feel connected to products */
.v36-harmony .range-heading-v35{
  display:grid!important;
  grid-template-columns:1fr .8fr!important;
  gap:64px!important;
  align-items:end!important;
  padding-bottom:34px!important;
}
.v36-harmony .range-heading-v35>p{
  max-width:540px!important;
  margin:0!important;
  color:#8e99a6!important;
  line-height:1.65!important;
  font-size:12px!important;
}

/* smoother overall section transition */
.v36-harmony .section-system{
  scroll-margin-top:84px;
}
.v36-harmony .product-v35:last-child{
  border-bottom:0!important;
}

/* mobile */
@media(max-width:900px){
  .v36-harmony .hero-cover-copy{
    width:auto!important;
    left:24px!important;
    right:24px!important;
    top:52%!important;
  }
  .v36-harmony .hero-cover-copy h1{
    font-size:clamp(48px,13vw,72px)!important;
  }
  .v36-harmony .hero-line-v36{
    white-space:normal;
  }
  .v36-harmony .hero-cover-copy p{
    width:auto!important;
  }
  .v36-harmony .product-v35{
    gap:32px!important;
    padding:56px 0!important;
  }
  .v36-harmony .range-heading-v35{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
}


/* =========================================================
   V37 — GAMING UI HERO PASS
   Role: AAA gaming interface / premium gaming hardware brand
   ========================================================= */

.v37-gaming-ui{
  --g37-cyan:#47D5E5;
  --g37-bg:#06090E;
  --g37-white:#F5F7F9;
  --g37-muted:#9AA4AF;
}

/* Header / logo: fixed brand, no clipping */
.v37-gaming-ui .site-header{
  height:76px!important;
  background:rgba(4,7,11,.94)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
.v37-gaming-ui .site-header .container{
  height:100%;
  display:flex;
  align-items:center;
}
.v37-gaming-ui .brand-v37{
  width:142px!important;
  min-width:142px!important;
  height:58px!important;
  display:flex!important;
  align-items:center!important;
  overflow:visible!important;
}
.v37-gaming-ui .brand-v37 img{
  width:142px!important;
  height:58px!important;
  object-fit:contain!important;
  object-position:left center!important;
  display:block!important;
}

/* HERO FRAME */
.v37-gaming-ui .player-hero{
  position:relative!important;
  min-height:calc(100vh - 76px)!important;
  max-height:980px;
  overflow:hidden!important;
  background:#05080d!important;
}

/* background image split feels like one key art composition */
.v37-gaming-ui .hero-workplay{
  position:absolute!important;
  inset:0!important;
}
.v37-gaming-ui .hero-workplay:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 45%, rgba(4,7,11,.06), rgba(4,7,11,.16) 32%, rgba(4,7,11,.46) 78%),
    linear-gradient(90deg, rgba(4,7,11,.20), rgba(4,7,11,.02) 40%, rgba(4,7,11,.08) 60%, rgba(4,7,11,.28));
}
.v37-gaming-ui .hero-split-work,
.v37-gaming-ui .hero-split-play{
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:50%!important;
  overflow:hidden!important;
}
.v37-gaming-ui .hero-split-work{left:0!important}
.v37-gaming-ui .hero-split-play{right:0!important}
.v37-gaming-ui .hero-split-work img,
.v37-gaming-ui .hero-split-play img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  transform:none!important;
}
.v37-gaming-ui .hero-split-work img{
  object-position:28% 42%!important;
  filter:brightness(.66) saturate(.80)!important;
}
.v37-gaming-ui .hero-split-play img{
  object-position:center center!important;
  filter:brightness(.70) saturate(.98)!important;
}

/* central seam */
.v37-gaming-ui .hero-workplay:before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  bottom:0;
  width:1px;
  z-index:4;
  background:linear-gradient(180deg, transparent, rgba(71,213,229,.72) 16%, rgba(71,213,229,.34) 70%, transparent);
  box-shadow:0 0 24px rgba(71,213,229,.22);
}

/* HERO COPY: true center */
.v37-gaming-ui .hero-cover-copy{
  position:absolute!important;
  z-index:10!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-48%)!important;
  width:min(980px,82vw)!important;
  max-width:980px!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  padding:0!important;
}
.v37-gaming-ui .hero-kicker-v37{
  margin:0 0 18px!important;
  color:var(--g37-cyan)!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.16em!important;
}
.v37-gaming-ui .hero-title-v37{
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:0!important;
  font-size:clamp(66px,7.8vw,132px)!important;
  line-height:.82!important;
  letter-spacing:-.065em!important;
  font-weight:800!important;
  text-align:center!important;
}
.v37-gaming-ui .hero-title-v37 span{
  display:block!important;
  color:var(--g37-white)!important;
  white-space:nowrap!important;
}
.v37-gaming-ui .hero-title-v37 .accent{
  color:var(--g37-cyan)!important;
}
.v37-gaming-ui .hero-cover-copy>p:not(.kicker){
  width:min(720px,76vw)!important;
  max-width:720px!important;
  margin:28px auto 0!important;
  color:rgba(245,247,249,.92)!important;
  font-size:14px!important;
  line-height:1.65!important;
  text-align:center!important;
  text-shadow:0 2px 18px rgba(0,0,0,.55);
}

/* lightweight gaming HUD */
.hero-hud-v37{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin:23px 0 0;
  color:#A7B0BA;
  font-size:8px;
  font-weight:800;
  letter-spacing:.12em;
}
.hero-hud-v37 i{
  width:22px;
  height:1px;
  background:rgba(71,213,229,.42);
}

/* CTAs: game menu feel */
.v37-gaming-ui .hero-actions{
  margin-top:25px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:12px!important;
}
.v37-gaming-ui .hero-actions .button{
  min-width:174px!important;
  height:48px!important;
  padding:0 22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
}
.v37-gaming-ui .hero-actions .button-primary{
  position:relative;
  overflow:hidden;
  background:var(--g37-white)!important;
  color:#070A0E!important;
  border:1px solid var(--g37-white)!important;
  box-shadow:0 12px 36px rgba(0,0,0,.25);
}
.v37-gaming-ui .hero-actions .button-primary:after{
  content:"→";
  margin-left:15px;
  font-size:16px;
}
.v37-gaming-ui .hero-actions .button-secondary{
  background:rgba(5,9,13,.50)!important;
  color:#F2F5F7!important;
  border:1px solid rgba(255,255,255,.24)!important;
  backdrop-filter:blur(10px);
}
.v37-gaming-ui .hero-actions .button-secondary:hover{
  border-color:rgba(71,213,229,.72)!important;
  color:var(--g37-cyan)!important;
}

/* tiny bottom chrome, no text strip */
.v37-gaming-ui .hero-dots,
.v37-gaming-ui .hero-controls{
  z-index:12!important;
}

/* section underneath should not fight hero */
.v37-gaming-ui .family-v30,
.v37-gaming-ui .range-v35{
  border-top:1px solid rgba(255,255,255,.06)!important;
}

/* Mobile */
@media(max-width:900px){
  .v37-gaming-ui .site-header{height:66px!important}
  .v37-gaming-ui .brand-v37,
  .v37-gaming-ui .brand-v37 img{
    width:112px!important;
    min-width:112px!important;
    height:48px!important;
  }
  .v37-gaming-ui .player-hero{
    min-height:760px!important;
  }
  .v37-gaming-ui .hero-cover-copy{
    width:88vw!important;
    transform:translate(-50%,-46%)!important;
  }
  .v37-gaming-ui .hero-title-v37{
    font-size:clamp(54px,14vw,82px)!important;
    line-height:.86!important;
  }
  .v37-gaming-ui .hero-title-v37 span{
    white-space:normal!important;
  }
  .hero-hud-v37{
    display:none;
  }
  .v37-gaming-ui .hero-actions{
    flex-direction:column!important;
    width:100%;
  }
  .v37-gaming-ui .hero-actions .button{
    width:min(320px,90%)!important;
  }
}


/* =========================================================
   V38 — STREAMLINED GAMING UI
   Fewer modules, stronger journey, less repetition.
   ========================================================= */

.v38-streamlined .section-system{
  padding-top:82px!important;
  padding-bottom:82px!important;
}

/* Range follows hero directly and should feel intentional */
.v38-streamlined #range{
  padding-top:90px!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
}
.v38-streamlined .range-heading-v35{
  margin-bottom:18px!important;
}

/* Give products more visual breathing room after removing filler sections */
.v38-streamlined .product-v35{
  padding-top:88px!important;
  padding-bottom:88px!important;
}

/* Compare / Pricing / Ownership now start cleanly */
.v38-streamlined #compare,
.v38-streamlined #pricing,
.v38-streamlined #finance,
.v38-streamlined #ownership,
.v38-streamlined #about,
.v38-streamlined #faq{
  margin-top:0!important;
}

/* Remove any leftover visual-anchor styling if markup remains */
.v38-streamlined .section-visual-anchor-v34,
.v38-streamlined .compare-visual-strip-v34,
.v38-streamlined .section-transition-v31{
  display:none!important;
}

/* More editorial spacing, less dashboard stack */
.v38-streamlined .compare-wrap-v25{
  margin-top:28px!important;
}
.v38-streamlined .faq-v26-head{
  margin-bottom:28px!important;
}

/* Stronger final CTA / demo ending */
.v38-streamlined #demo{
  border-top:1px solid rgba(255,255,255,.07)!important;
}

/* Mobile */
@media(max-width:900px){
  .v38-streamlined .section-system{
    padding-top:60px!important;
    padding-bottom:60px!important;
  }
  .v38-streamlined .product-v35{
    padding-top:58px!important;
    padding-bottom:58px!important;
  }
}


/* ==========================================================
   V39 — HERO SOFT-BLEND PASS
   Goal: remove the obvious 50/50 split and make both images
   read as one cinematic key visual.
   ========================================================== */

.v38-streamlined .hero-v37{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#05080c;
}

/* Both image panels intentionally overlap in the middle.
   No hard seam. */
.v38-streamlined .hero-v37-left,
.v38-streamlined .hero-v37-right{
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:64%!important;
  overflow:hidden!important;
  z-index:0!important;
}

.v38-streamlined .hero-v37-left{
  left:0!important;
  right:auto!important;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 67%,rgba(0,0,0,.96) 76%,rgba(0,0,0,.66) 87%,transparent 100%);
          mask-image:linear-gradient(90deg,#000 0%,#000 67%,rgba(0,0,0,.96) 76%,rgba(0,0,0,.66) 87%,transparent 100%);
}

.v38-streamlined .hero-v37-right{
  right:0!important;
  left:auto!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.54) 13%,rgba(0,0,0,.94) 24%,#000 34%,#000 100%);
          mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.54) 13%,rgba(0,0,0,.94) 24%,#000 34%,#000 100%);
}

.v38-streamlined .hero-v37-left img,
.v38-streamlined .hero-v37-right img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}

/* Let the product detail sit behind the copy; gaming side is
   slightly more vivid to create a natural visual destination. */
.v38-streamlined .hero-v37-left img{
  object-position:center center!important;
  filter:brightness(.67) saturate(.72) contrast(1.05)!important;
  transform:scale(1.025);
}

.v38-streamlined .hero-v37-right img{
  object-position:center center!important;
  filter:brightness(.72) saturate(.96) contrast(1.06)!important;
  transform:scale(1.02);
}

/* One cinematic grade across the entire frame. */
.v38-streamlined .hero-v37::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 45%,rgba(32,205,226,.055) 0%,transparent 31%),
    linear-gradient(90deg,rgba(3,7,11,.28) 0%,rgba(3,7,11,.07) 38%,rgba(3,7,11,.03) 61%,rgba(3,7,11,.19) 100%),
    linear-gradient(180deg,rgba(3,6,10,.18) 0%,transparent 31%,rgba(3,6,10,.16) 72%,rgba(3,6,10,.68) 100%);
}

/* Soft cyan atmosphere instead of a cyan divider line. */
.v38-streamlined .hero-v37::after{
  content:"";
  position:absolute;
  z-index:1;
  pointer-events:none;
  top:7%;
  bottom:8%;
  left:50%;
  width:300px;
  transform:translateX(-50%);
  background:radial-gradient(ellipse at center,rgba(47,213,231,.07) 0%,rgba(47,213,231,.025) 39%,transparent 72%);
  filter:blur(24px);
}

/* Kill any older seam/divider treatments. */
.v38-streamlined .hero-v37-seam,
.v38-streamlined .hero-seam-v37,
.v38-streamlined .hero-v37-divider,
.v38-streamlined .hero-divider-v37{
  display:none!important;
}

/* Keep the copy visually above the composite image. */
.v38-streamlined .hero-v37-content{
  position:relative!important;
  z-index:3!important;
  width:min(900px,calc(100% - 48px))!important;
  margin-inline:auto!important;
  text-align:center!important;
}

/* A restrained shadow improves legibility without creating
   a box behind the title. */
.v38-streamlined .hero-v37 h1,
.v38-streamlined .hero-v37 .hero-v37-title{
  text-shadow:0 5px 28px rgba(0,0,0,.38);
}

.v38-streamlined .hero-v37 .hero-v37-sub,
.v38-streamlined .hero-v37 p{
  text-shadow:0 2px 16px rgba(0,0,0,.62);
}

/* Desktop widescreen: expand overlap, preventing a center gap. */
@media(min-width:1400px){
  .v38-streamlined .hero-v37-left,
  .v38-streamlined .hero-v37-right{
    width:65%!important;
  }
}

/* Mobile becomes a single cinematic composition rather than
   two narrow vertical slices. */
@media(max-width:800px){
  .v38-streamlined .hero-v37-left{
    width:100%!important;
    opacity:.52;
    -webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.68) 56%,transparent 88%);
            mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.68) 56%,transparent 88%);
  }
  .v38-streamlined .hero-v37-right{
    width:100%!important;
    opacity:.68;
    -webkit-mask-image:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.56) 35%,#000 58%,#000 100%);
            mask-image:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.56) 35%,#000 58%,#000 100%);
  }
  .v38-streamlined .hero-v37::after{
    left:50%;
    top:35%;
    width:75vw;
    height:240px;
  }
}


/* =========================================================
   V40 — CONTRAST / INTERACTION / SCALE PASS
   ========================================================= */

/* LIGHT SECTION READABILITY */
.timeline-section,
.timeline-section.section-light{
  background:#EEF1F3!important;
  color:#111820!important;
}
.timeline-section .timeline-heading .kicker,
.timeline-section .timeline-heading .kicker.dark{
  color:#0F7385!important;
  opacity:1!important;
}
.timeline-section .timeline-heading h2{
  color:#111820!important;
  opacity:1!important;
  text-shadow:none!important;
}
.timeline-section .timeline-heading>p:last-child{
  color:#5D6875!important;
  opacity:1!important;
}
.timeline-section .timeline-copy{
  color:#151B22!important;
}
.timeline-section .timeline-copy h3{
  color:#111820!important;
}
.timeline-section .timeline-copy p{
  color:#596572!important;
}
.timeline-section .timeline-time-row,
.timeline-section .timeline-mode-summary{
  color:#53606D!important;
}

/* TIMELINE: buttons are the actual interaction layer */
.timeline-control{
  position:relative!important;
  background:#11161D!important;
  border:1px solid rgba(255,255,255,.09)!important;
  overflow:visible!important;
}
#timeline-range{
  pointer-events:none!important;
  opacity:0!important;
  z-index:0!important;
}
.timeline-nodes{
  position:relative!important;
  z-index:10!important;
  gap:8px!important;
}
.timeline-node{
  position:relative!important;
  z-index:11!important;
  pointer-events:auto!important;
  min-height:66px!important;
  border-radius:10px!important;
  color:#8792A0!important;
  transition:background .18s ease,color .18s ease,transform .18s ease!important;
}
.timeline-node:hover{
  background:rgba(255,255,255,.055)!important;
  color:#DDE4EA!important;
}
.timeline-node:focus-visible{
  outline:1px solid #4BD5E4!important;
  outline-offset:2px!important;
}
.timeline-node.active{
  color:#FFFFFF!important;
  background:rgba(75,213,228,.08)!important;
}
.timeline-node.active:before{
  background:#4BD5E4!important;
  box-shadow:0 0 0 5px rgba(75,213,228,.12),0 0 18px rgba(75,213,228,.25)!important;
}
.timeline-track{
  pointer-events:none!important;
}

/* PRODUCT IMAGE SCALE: eliminate the 'tiny object in giant white box' feeling */
.v35-clean .product-media-v35,
.v36-harmony .product-media-v35{
  background:#F4F4F1!important;
}
.v35-clean .product-media-v35 img,
.v36-harmony .product-media-v35 img{
  object-fit:cover!important;
  width:100%!important;
  height:100%!important;
}
.v35-clean .scorpion-product .product-media-v35 img,
.v36-harmony .scorpion-product .product-media-v35 img,
.v35-clean .ultra-product .product-media-v35 img,
.v36-harmony .ultra-product .product-media-v35 img{
  transform:none!important;
}

/* HERO: remove every legacy cyan divider / pseudo seam */
.hero-workplay:before,
.hero-workplay:after,
.hero-workplay .hero-split-work:before,
.hero-workplay .hero-split-work:after,
.hero-workplay .hero-split-play:before,
.hero-workplay .hero-split-play:after,
.hero-split:before,
.hero-split:after{
  box-shadow:none!important;
}
.hero-workplay:before,
.hero-workplay .hero-split-work:before,
.hero-workplay .hero-split-play:before{
  display:none!important;
}

/* actual soft blend for the markup used by this page */
.hero-workplay .hero-split{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  overflow:hidden!important;
  background:#05080D!important;
}
.hero-workplay .hero-split-panel{
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:62%!important;
  overflow:hidden!important;
}
.hero-workplay .hero-split-work{
  left:0!important;
  right:auto!important;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 66%,rgba(0,0,0,.92) 77%,rgba(0,0,0,.45) 90%,transparent 100%)!important;
          mask-image:linear-gradient(90deg,#000 0%,#000 66%,rgba(0,0,0,.92) 77%,rgba(0,0,0,.45) 90%,transparent 100%)!important;
}
.hero-workplay .hero-split-play{
  right:0!important;
  left:auto!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.45) 10%,rgba(0,0,0,.92) 23%,#000 35%,#000 100%)!important;
          mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.45) 10%,rgba(0,0,0,.92) 23%,#000 35%,#000 100%)!important;
}
.hero-workplay .hero-split-work img{
  filter:brightness(.66) saturate(.75)!important;
}
.hero-workplay .hero-split-play img{
  filter:brightness(.73) saturate(1.02)!important;
}
.hero-workplay .hero-story-overlay-soft{
  background:
    radial-gradient(circle at 50% 47%,rgba(5,8,12,.02) 0%,rgba(5,8,12,.13) 44%,rgba(5,8,12,.34) 100%),
    linear-gradient(180deg,rgba(4,7,11,.08),rgba(4,7,11,.20) 72%,rgba(4,7,11,.48))!important;
}

/* no cyan central glow line */
.v38-streamlined .hero-v37::after,
.v39-softblend .hero-v37::after{
  display:none!important;
}

/* Mobile timeline */
@media(max-width:800px){
  .timeline-nodes{
    grid-template-columns:repeat(2,1fr)!important;
  }
  .timeline-node:before{
    display:none!important;
  }
}


/* =========================================================
   V41 — PLAYER-FIRST HERO / REAL BUTTONS / PRODUCT SCALE
   ========================================================= */

/* Hero: gaming campaign, not corporate split-screen brochure */
.v40-refined .hero-workplay .hero-cover-copy{
  width:min(1180px,calc(100% - 48px))!important;
  max-width:none!important;
  text-align:left!important;
  align-items:flex-start!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  padding-top:clamp(130px,17vh,190px)!important;
}
.v40-refined .hero-workplay .hero-cover-copy .hero-kicker-v37{
  color:#59DDEA!important;
  font-size:12px!important;
  letter-spacing:.24em!important;
  font-weight:850!important;
}
.v40-refined .hero-workplay .hero-title-v37{
  max-width:920px!important;
  margin:12px 0 18px!important;
  font-size:clamp(58px,7.4vw,116px)!important;
  line-height:.82!important;
  letter-spacing:-.065em!important;
  font-weight:950!important;
  text-transform:uppercase!important;
}
.v40-refined .hero-workplay .hero-title-v37 span{
  display:block!important;
  color:#fff!important;
  text-shadow:0 14px 42px rgba(0,0,0,.5)!important;
}
.v40-refined .hero-workplay .hero-title-v37 .accent{
  color:#50D6E5!important;
}
.v40-refined .hero-workplay .hero-cover-copy>p:not(.kicker){
  max-width:650px!important;
  font-size:clamp(16px,1.3vw,20px)!important;
  line-height:1.5!important;
  color:rgba(255,255,255,.82)!important;
}
.v40-refined .hero-workplay .actions{
  justify-content:flex-start!important;
  margin-top:26px!important;
}
.v40-refined .hero-workplay .hero-story-overlay-soft{
  background:
    linear-gradient(90deg,rgba(2,5,9,.82) 0%,rgba(2,5,9,.58) 36%,rgba(2,5,9,.16) 70%,rgba(2,5,9,.30) 100%),
    linear-gradient(0deg,rgba(2,5,9,.68) 0%,transparent 42%)!important;
}

/* Timeline: remove fake slider interaction. Four large real controls. */
.timeline-track{display:none!important}
.timeline-control{padding:12px!important}
.timeline-nodes{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:10px!important;
}
.timeline-node{
  appearance:none!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:#171D26!important;
  cursor:pointer!important;
  min-height:76px!important;
  border-radius:14px!important;
  position:relative!important;
  z-index:50!important;
}
.timeline-node:hover{transform:translateY(-2px)!important;background:#202835!important}
.timeline-node.active{
  border-color:#55D9E7!important;
  background:linear-gradient(180deg,rgba(85,217,231,.15),rgba(85,217,231,.06))!important;
  box-shadow:0 0 0 1px rgba(85,217,231,.08) inset!important;
}

/* Product photos: the image itself now fills the card */
.product-media-v35{
  padding:18px!important;
  overflow:hidden!important;
  background:#F5F5F2!important;
}
.product-media-v35 img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  transform:scale(1.13)!important;
  transform-origin:center!important;
}
.scorpion-product .product-media-v35 img{transform:scale(1.30)!important}
.ultra-product .product-media-v35 img{transform:scale(1.20)!important}

@media(max-width:800px){
  .v40-refined .hero-workplay .hero-cover-copy{
    width:calc(100% - 34px)!important;
    padding-top:120px!important;
  }
  .v40-refined .hero-workplay .hero-title-v37{
    font-size:clamp(48px,15vw,72px)!important;
  }
  .timeline-nodes{grid-template-columns:repeat(2,1fr)!important}
}


/* =========================================================
   V42 — PLAYER PROPOSITION / TIMELINE JS FIX
   ========================================================= */

.hero-title-v42{
  width:min(1080px,92vw)!important;
  max-width:none!important;
  font-size:clamp(54px,6.8vw,112px)!important;
  line-height:.84!important;
  letter-spacing:-.062em!important;
}
.hero-title-v42 span{
  white-space:nowrap!important;
}
.hero-title-v42 .accent{
  margin-top:4px!important;
}

/* First screen: restore a strong centered gaming key-art composition */
.v40-refined .hero-workplay .hero-cover-copy{
  left:50%!important;
  right:auto!important;
  width:min(1180px,calc(100% - 64px))!important;
  transform:translateX(-50%)!important;
  align-items:center!important;
  text-align:center!important;
}
.v40-refined .hero-workplay .hero-cover-copy>p:not(.kicker){
  max-width:720px!important;
  text-align:center!important;
}
.v40-refined .hero-workplay .actions{
  justify-content:center!important;
}

/* Timeline nodes are the entire hit-area, with no pseudo element stealing input */
.timeline-nodes{
  position:relative!important;
  z-index:100!important;
}
.timeline-node{
  cursor:pointer!important;
  user-select:none!important;
  touch-action:manipulation!important;
  pointer-events:auto!important;
}
.timeline-node::before,
.timeline-node::after{
  pointer-events:none!important;
}
.timeline-control::before,
.timeline-control::after,
.timeline-nodes::before,
.timeline-nodes::after{
  pointer-events:none!important;
}

.timeline-node.active{
  border-color:#50D6E5!important;
  color:#FFFFFF!important;
}
.timeline-node.active .timeline-node-time,
.timeline-node.active .timeline-node-label{
  color:#FFFFFF!important;
}

/* Make changes feel immediate */
.timeline-visual{
  transition:opacity .14s ease, transform .14s ease!important;
}
.timeline-visual.changing{
  opacity:.82!important;
  transform:scale(.997)!important;
}

@media(max-width:900px){
  .hero-title-v42 span{
    white-space:normal!important;
  }
}


/* =========================================================
   V43 — COLOR-LED PLAYER HERO
   Goal: use the photography/RGB to pull players in instead
   of hiding the key art behind a heavy black treatment.
   ========================================================= */

.v43-colorhero .hero-workplay{
  background:#080C12!important;
}

/* Reveal significantly more colour and hardware detail */
.v43-colorhero .hero-workplay .hero-split-work img{
  filter:brightness(.84) saturate(.92) contrast(1.025)!important;
}
.v43-colorhero .hero-workplay .hero-split-play img{
  filter:brightness(.92) saturate(1.17) contrast(1.04)!important;
}

/* No blanket dark wash. Only localised legibility gradient. */
.v43-colorhero .hero-workplay .hero-story-overlay-soft{
  background:
    linear-gradient(
      90deg,
      rgba(5,8,12,.50) 0%,
      rgba(5,8,12,.31) 25%,
      rgba(5,8,12,.10) 50%,
      rgba(5,8,12,.03) 72%,
      rgba(5,8,12,.10) 100%
    ),
    linear-gradient(
      180deg,
      rgba(5,8,12,.05) 0%,
      rgba(5,8,12,.02) 56%,
      rgba(5,8,12,.20) 100%
    )!important;
}

/* Copy sits vertically in the centre and slightly left of centre.
   This protects the gamer / cockpit on the right. */
.v43-colorhero .hero-workplay .hero-cover-copy{
  position:absolute!important;
  top:50%!important;
  left:clamp(60px,7vw,138px)!important;
  right:auto!important;
  width:min(800px,45vw)!important;
  max-width:800px!important;
  padding:0!important;
  transform:translateY(-48%)!important;
  align-items:flex-start!important;
  text-align:left!important;
}

/* Smaller than the previous giant type so the image still participates */
.v43-colorhero .hero-workplay .hero-title-v42{
  width:auto!important;
  max-width:800px!important;
  margin:12px 0 24px!important;
  font-size:clamp(54px,5.15vw,92px)!important;
  line-height:.87!important;
  letter-spacing:-.055em!important;
  text-align:left!important;
}
.v43-colorhero .hero-workplay .hero-title-v42 span{
  white-space:normal!important;
  text-align:left!important;
}
.v43-colorhero .hero-workplay .hero-title-v42 span:first-child{
  color:#FFFFFF!important;
}
.v43-colorhero .hero-workplay .hero-title-v42 .accent{
  color:#51D8E7!important;
  text-shadow:
    0 0 32px rgba(81,216,231,.12),
    0 8px 32px rgba(0,0,0,.22)!important;
}
.v43-colorhero .hero-workplay .hero-kicker-v37{
  color:#65E1EE!important;
  font-size:10px!important;
  letter-spacing:.20em!important;
}
.v43-colorhero .hero-workplay .hero-cover-copy>p:not(.kicker){
  width:min(610px,39vw)!important;
  max-width:610px!important;
  margin:0!important;
  color:rgba(255,255,255,.90)!important;
  font-size:clamp(14px,1vw,17px)!important;
  line-height:1.55!important;
  text-align:left!important;
  text-shadow:0 2px 16px rgba(0,0,0,.40)!important;
}
.v43-colorhero .hero-workplay .actions{
  justify-content:flex-start!important;
  margin-top:25px!important;
}

/* Primary button borrows the cyan energy without turning neon */
.v43-colorhero .hero-workplay .button-primary{
  background:#F7F9FA!important;
  color:#071016!important;
  box-shadow:0 12px 34px rgba(0,0,0,.18)!important;
}
.v43-colorhero .hero-workplay .button-primary:hover{
  background:#56DCE9!important;
  border-color:#56DCE9!important;
}
.v43-colorhero .hero-workplay .button-secondary{
  background:rgba(8,13,19,.36)!important;
  border-color:rgba(255,255,255,.34)!important;
  backdrop-filter:blur(10px);
}

/* Give the right gaming image slightly more visual territory */
.v43-colorhero .hero-workplay .hero-split-work{
  width:59%!important;
}
.v43-colorhero .hero-workplay .hero-split-play{
  width:64%!important;
}

/* Blend remains invisible; absolutely no dividing line */
.v43-colorhero .hero-workplay .hero-split-work,
.v43-colorhero .hero-workplay .hero-split-play{
  border:0!important;
  box-shadow:none!important;
}
.v43-colorhero .hero-workplay::before,
.v43-colorhero .hero-workplay::after,
.v43-colorhero .hero-split::before,
.v43-colorhero .hero-split::after{
  border:0!important;
  box-shadow:none!important;
}

/* A tiny cool lift on the right side helps RGB become the attraction */
.v43-colorhero .hero-workplay:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:2!important;
  pointer-events:none!important;
  right:4%!important;
  top:12%!important;
  width:46%!important;
  height:72%!important;
  background:radial-gradient(
    ellipse at 62% 50%,
    rgba(40,122,220,.07),
    rgba(44,206,228,.025) 42%,
    transparent 72%
  )!important;
}

/* Responsive */
@media(max-width:1000px){
  .v43-colorhero .hero-workplay .hero-cover-copy{
    left:42px!important;
    width:58vw!important;
  }
  .v43-colorhero .hero-workplay .hero-title-v42{
    font-size:clamp(50px,7vw,76px)!important;
  }
  .v43-colorhero .hero-workplay .hero-cover-copy>p:not(.kicker){
    width:52vw!important;
  }
}
@media(max-width:720px){
  .v43-colorhero .hero-workplay .hero-cover-copy{
    left:24px!important;
    right:24px!important;
    width:auto!important;
    top:54%!important;
  }
  .v43-colorhero .hero-workplay .hero-title-v42{
    font-size:clamp(47px,13vw,68px)!important;
  }
  .v43-colorhero .hero-workplay .hero-cover-copy>p:not(.kicker){
    width:auto!important;
  }
  .v43-colorhero .hero-workplay .hero-story-overlay-soft{
    background:linear-gradient(90deg,rgba(5,8,12,.63),rgba(5,8,12,.22))!important;
  }
}


/* =========================================================
   V44 — FINANCE SECTION RECOMPOSE
   Split finance storytelling from the interactive planner.
   ========================================================= */

/* The pricing/finance region gets stronger rhythm and separation */
.v44-finance-split #finance,
.v44-finance-split .finance-section,
.v44-finance-split [data-section="finance"]{
  position:relative;
}

/* Intro half: intentionally editorial, spacious, but not empty */
.v44-finance-split .finance-section .section-intro,
.v44-finance-split #finance .section-intro{
  padding-bottom:clamp(72px,8vw,132px)!important;
}

/* Strong transition before calculator / payment planner */
.v44-finance-split .finance-calculator,
.v44-finance-split .finance-planner,
.v44-finance-split .pricing-calculator,
.v44-finance-split .calculator-shell{
  position:relative!important;
  margin-top:clamp(46px,6vw,92px)!important;
}

/* Catch the calculator region based on existing form controls if generic class names differ */
.v44-finance-split #finance form,
.v44-finance-split .finance-section form{
  position:relative;
  z-index:2;
}

/* New visual floor under lower finance content */
.v44-finance-split #finance::after,
.v44-finance-split .finance-section::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:52%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 76% 38%, rgba(64,210,226,.055), transparent 28%),
    linear-gradient(180deg, rgba(15,22,31,.12), #0C121A 18%, #0C121A 100%);
  border-top:1px solid rgba(255,255,255,.075);
}

/* Keep actual content above the lower-zone background */
.v44-finance-split #finance > *,
.v44-finance-split .finance-section > *{
  position:relative;
  z-index:1;
}

/* Calculator becomes a deliberate product-configurator object */
.v44-finance-split .finance-card,
.v44-finance-split .calculator-card,
.v44-finance-split .payment-card{
  background:linear-gradient(180deg,#111923 0%,#0D141D 100%)!important;
  border:1px solid rgba(112,211,225,.17)!important;
  border-radius:24px!important;
  box-shadow:0 28px 80px rgba(0,0,0,.28)!important;
}

/* Make lower finance copy feel like a separate "build your plan" chapter */
.v44-finance-split .finance-bottom,
.v44-finance-split .finance-grid,
.v44-finance-split .finance-planner-grid{
  padding-top:clamp(64px,7vw,110px)!important;
  padding-bottom:clamp(76px,8vw,130px)!important;
}

/* Remove the lonely feeling of the small left label by giving it a proper rail */
.v44-finance-split .finance-bottom .eyebrow,
.v44-finance-split .finance-grid .eyebrow,
.v44-finance-split .finance-planner-grid .eyebrow{
  display:inline-flex!important;
  align-items:center;
  min-height:30px;
  padding:0 12px!important;
  border:1px solid rgba(74,211,228,.18);
  border-radius:999px;
  background:rgba(74,211,228,.055);
  color:#55D8E8!important;
}

/* Desktop: lower section reads as a clean two-column configurator */
@media(min-width:900px){
  .v44-finance-split .finance-bottom,
  .v44-finance-split .finance-grid,
  .v44-finance-split .finance-planner-grid{
    display:grid!important;
    grid-template-columns:minmax(300px,.82fr) minmax(480px,1.18fr)!important;
    gap:clamp(60px,7vw,120px)!important;
    align-items:center!important;
  }
}

/* Mobile: retain clear chapter separation */
@media(max-width:899px){
  .v44-finance-split #finance::after,
  .v44-finance-split .finance-section::after{
    height:58%;
  }
  .v44-finance-split .finance-bottom,
  .v44-finance-split .finance-grid,
  .v44-finance-split .finance-planner-grid{
    gap:34px!important;
  }
}

/* V45 — pull hero copy toward image centre */
.v45-hero-integrated .hero-workplay .hero-cover-copy{
 left:clamp(120px,10.8vw,220px)!important;
 top:49%!important; transform:translateY(-50%)!important;
 width:min(760px,42vw)!important;
}
.v45-hero-integrated .hero-workplay .hero-title-v42{
 max-width:720px!important; font-size:clamp(58px,5vw,92px)!important;
 line-height:.88!important; margin:13px 0 24px!important;
}
.v45-hero-integrated .hero-workplay .hero-cover-copy>p:not(.kicker){
 width:min(590px,36vw)!important; max-width:590px!important;
}
.v45-hero-integrated .hero-workplay .hero-story-overlay-soft{
 background:linear-gradient(90deg,rgba(5,8,12,.42),rgba(5,8,12,.27) 25%,rgba(5,8,12,.10) 48%,rgba(5,8,12,.02) 70%,rgba(5,8,12,.07))!important;
}
@media(max-width:1200px){
 .v45-hero-integrated .hero-workplay .hero-cover-copy{left:clamp(70px,8vw,110px)!important;width:48vw!important;}
}
@media(max-width:720px){
 .v45-hero-integrated .hero-workplay .hero-cover-copy{left:24px!important;right:24px!important;width:auto!important;}
}


/* =========================================================
   V46 — readability + visual balance
   ========================================================= */

/* Experience card: remove near-black-on-dark failure */
.v46-balance .timeline-section .timeline-copy{
  background:#121925!important;
  color:#f7f9fc!important;
}
.v46-balance .timeline-section .timeline-copy h3{
  color:#f7f9fc!important;
  opacity:1!important;
}
.v46-balance .timeline-section .timeline-copy>p:not(.timeline-mode-label){
  color:#b9c4d2!important;
}
.v46-balance .timeline-section .timeline-time-row span:first-child{
  color:#ffffff!important;
}
.v46-balance .timeline-section .timeline-time-row span:last-child,
.v46-balance .timeline-section .timeline-mode-summary{
  color:#94a2b5!important;
}
.v46-balance .timeline-section .timeline-mode-label{
  color:#45d9ee!important;
}
.v46-balance .timeline-section .timeline-tags span{
  color:#dce5ef!important;
  border-color:rgba(255,255,255,.16)!important;
}

/* Finance: turn empty right side into a deliberate ownership panel */
.v46-balance #finance{
  overflow:hidden;
}
.v46-balance #finance .finance-shell{
  grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr)!important;
  column-gap:clamp(70px,7vw,150px)!important;
  row-gap:46px!important;
  align-items:start!important;
}
.v46-balance #finance .finance-copy{
  padding-top:8px;
}
.v46-balance #finance .finance-proposed-note{
  margin-top:118px!important;
  width:100%!important;
  max-width:none!important;
  min-height:96px;
  display:grid!important;
  grid-template-columns:180px 1fr!important;
  align-items:start!important;
  gap:24px!important;
  padding:24px 26px!important;
  background:linear-gradient(135deg,rgba(69,217,238,.08),rgba(255,255,255,.025))!important;
  border:1px solid rgba(69,217,238,.26)!important;
}
.v46-balance #finance .finance-proposed-note strong{
  color:#45d9ee!important;
}
.v46-balance #finance .finance-proposed-note span{
  color:#c6d2df!important;
  line-height:1.55!important;
}

.v46-balance .finance-build-summary{
  grid-column:2;
  min-height:170px;
  border-top:1px solid rgba(255,255,255,.11);
  border-bottom:1px solid rgba(255,255,255,.11);
  display:grid;
  grid-template-columns:160px 1fr;
  align-items:center;
  gap:34px;
  padding:30px 4px;
  margin-top:-12px;
}
.v46-balance .finance-build-mark{
  font-size:48px;
  line-height:1;
  font-weight:800;
  letter-spacing:.18em;
  color:rgba(255,255,255,.09);
  transform:rotate(-90deg);
}
.v46-balance .finance-build-summary span{
  display:block;
  color:#45d9ee;
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;
  margin-bottom:10px;
}
.v46-balance .finance-build-summary strong{
  display:block;
  color:#f5f8fb;
  font-size:clamp(24px,2vw,34px);
  line-height:1.08;
  letter-spacing:-.035em;
}

.v46-balance #finance .finance-player-hook{
  grid-column:1!important;
  align-self:end!important;
}
.v46-balance #finance .finance-calculator{
  grid-column:2!important;
  width:100%!important;
  margin-top:0!important;
}

/* Keep finance hierarchy bright and readable */
.v46-balance #finance .finance-copy h2{color:#f7f9fc!important;}
.v46-balance #finance .finance-copy>p{color:#bdc9d8!important;}
.v46-balance #finance .finance-note{color:#b7c5d7!important;}

@media(max-width:900px){
  .v46-balance #finance .finance-shell{grid-template-columns:1fr!important;gap:28px!important;}
  .v46-balance #finance .finance-proposed-note,
  .v46-balance .finance-build-summary,
  .v46-balance #finance .finance-player-hook,
  .v46-balance #finance .finance-calculator{grid-column:1!important;margin-top:0!important;}
  .v46-balance #finance .finance-proposed-note{grid-template-columns:1fr!important;}
  .v46-balance .finance-build-summary{grid-template-columns:1fr!important;}
  .v46-balance .finance-build-mark{transform:none;font-size:32px;}
}


/* =========================================================
   V47 — logo cleanup + unified finance module
   ========================================================= */

/* Header logo: hide any clipped/stray left-side decoration */
.v46-balance .brand,
.v46-balance .site-logo,
.v46-balance header .logo-wrap{
  overflow:visible!important;
}
.v46-balance header img[alt*="MOLI"],
.v46-balance header img[alt*="JG"]{
  object-fit:contain!important;
  object-position:center!important;
}
.v46-balance header::before,
.v46-balance .brand::before,
.v46-balance .site-logo::before{
  display:none!important;
}

/* Remove the dark vertical MOLI word that reads like a rendering defect */
.v46-balance .finance-build-mark{
  display:none!important;
}

/* Finance becomes one deliberate, balanced ownership console */
.v46-balance #finance .finance-shell{
  grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr)!important;
  column-gap:64px!important;
  row-gap:0!important;
  align-items:stretch!important;
}
.v46-balance #finance .finance-copy{
  grid-column:1!important;
  grid-row:1 / span 3!important;
  padding:56px 46px 56px 0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
.v46-balance #finance .finance-proposed-note{
  grid-column:2!important;
  grid-row:1!important;
  margin:0!important;
  border-radius:20px 20px 0 0!important;
  border-bottom-color:rgba(255,255,255,.08)!important;
  background:#0f171f!important;
}
.v46-balance .finance-build-summary{
  grid-column:2!important;
  grid-row:2!important;
  margin:0!important;
  min-height:auto!important;
  padding:30px 28px 26px!important;
  display:block!important;
  background:#0f171f!important;
  border-top:0!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.v46-balance .finance-build-summary strong{
  max-width:470px;
  font-size:clamp(25px,2vw,34px)!important;
}
.v46-balance #finance .finance-calculator{
  grid-column:2!important;
  grid-row:3!important;
  margin:0!important;
  border-radius:0 0 20px 20px!important;
  border-top:0!important;
  background:#0f171f!important;
  box-shadow:0 30px 80px rgba(0,0,0,.22)!important;
}
.v46-balance #finance .finance-player-hook{
  grid-column:1!important;
  grid-row:4!important;
  margin-top:44px!important;
}

/* Give left side a visual anchor instead of a floating sentence */
.v46-balance #finance .finance-player-hook{
  padding:24px 0 22px!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
.v46-balance #finance .finance-player-hook strong{
  font-size:18px!important;
  line-height:1.35!important;
}

/* Make logo itself clean and contained */
.v46-balance .site-header .brand img,
.v46-balance .nav-brand img{
  max-height:58px!important;
  width:auto!important;
  display:block!important;
  clip-path:none!important;
  transform:none!important;
}

@media(max-width:900px){
  .v46-balance #finance .finance-shell{grid-template-columns:1fr!important;}
  .v46-balance #finance .finance-copy,
  .v46-balance #finance .finance-proposed-note,
  .v46-balance .finance-build-summary,
  .v46-balance #finance .finance-calculator,
  .v46-balance #finance .finance-player-hook{
    grid-column:1!important;
    grid-row:auto!important;
  }
  .v46-balance #finance .finance-copy{padding-right:0!important;}
}


/* =========================================================
   V48 — unified product card + image system
   No new showcase module; focus on consistency.
   ========================================================= */

.v48-product-system{
  --product-media-radius:22px;
  --product-media-bg:#f5f5f2;
  --product-media-h:560px;
  --product-card-gap:clamp(42px,5vw,84px);
}

/* Normalize every primary product section into the same two-column rhythm */
.v48-product-system .product-section,
.v48-product-system .cockpit-product,
.v48-product-system [data-product]{
  column-gap:var(--product-card-gap)!important;
}

/* All product media frames share one visual language */
.v48-product-system .product-media,
.v48-product-system .product-image,
.v48-product-system .product-visual,
.v48-product-system .cockpit-media{
  min-height:var(--product-media-h)!important;
  height:var(--product-media-h)!important;
  background:var(--product-media-bg)!important;
  border-radius:var(--product-media-radius)!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:clamp(24px,3vw,44px)!important;
  border:1px solid rgba(255,255,255,.08)!important;
}

/* Product images: same perceived scale even when source files have different whitespace */
.v48-product-system .product-media img,
.v48-product-system .product-image img,
.v48-product-system .product-visual img,
.v48-product-system .cockpit-media img{
  width:100%!important;
  height:100%!important;
  max-width:92%!important;
  max-height:92%!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  transform:none!important;
}

/* Slightly compensate source assets that contain excessive baked-in white space */
.v48-product-system [class*="plus"] .product-media img,
.v48-product-system [class*="plus"] .product-image img,
.v48-product-system [data-model="plus"] img{
  max-width:108%!important;
  max-height:108%!important;
}
.v48-product-system [class*="ultra"] .product-media img,
.v48-product-system [class*="ultra"] .product-image img,
.v48-product-system [data-model="ultra"] img{
  max-width:104%!important;
  max-height:104%!important;
}

/* One badge treatment everywhere */
.v48-product-system .product-badge,
.v48-product-system .model-badge,
.v48-product-system [class*="product"] .badge{
  top:22px!important;
  left:22px!important;
  border-radius:10px!important;
  min-height:38px!important;
  padding:0 15px!important;
  display:inline-flex!important;
  align-items:center!important;
  background:#111a21!important;
  color:#fff!important;
  border:1px solid rgba(69,217,238,.34)!important;
  box-shadow:none!important;
  letter-spacing:.05em!important;
}

/* Spec cards: same geometry and density */
.v48-product-system .spec-grid{
  grid-auto-rows:1fr!important;
  gap:12px!important;
}
.v48-product-system .spec-card{
  min-height:118px!important;
  height:100%!important;
  padding:20px!important;
  border-radius:14px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
.v48-product-system .spec-card h4,
.v48-product-system .spec-card strong{
  min-height:2.4em;
}
.v48-product-system .spec-card p{
  margin-top:auto!important;
}

/* Consistent headings/prices across Plus / Pro / Ultra */
.v48-product-system .product-title{
  font-size:clamp(48px,5vw,76px)!important;
  line-height:.94!important;
  letter-spacing:-.055em!important;
}
.v48-product-system .product-price{
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
}

/* Remove accidental duplicate overlays/captions inside product imagery */
.v48-product-system .product-media .product-badge ~ .product-badge,
.v48-product-system .product-media .media-caption + .media-caption,
.v48-product-system .product-image .media-caption + .media-caption{
  display:none!important;
}

/* Mobile: same ratio, less wasted vertical space */
@media(max-width:900px){
  .v48-product-system{--product-media-h:440px;}
}
@media(max-width:600px){
  .v48-product-system{--product-media-h:360px;}
  .v48-product-system .product-media,
  .v48-product-system .product-image,
  .v48-product-system .product-visual,
  .v48-product-system .cockpit-media{padding:20px!important;}
}


/* =========================================================
   V49 — layout harmony: finance + finder + logo cleanup
   ========================================================= */

/* Header/logo: remove the clipped white/grey ghost edge completely */
.v49-layout-polish .site-header,
.v49-layout-polish .site-header .container,
.v49-layout-polish .brand,
.v49-layout-polish .brand-v37{
  overflow:visible!important;
}
.v49-layout-polish .site-header .brand::before,
.v49-layout-polish .site-header .brand::after,
.v49-layout-polish .brand-v37::before,
.v49-layout-polish .brand-v37::after,
.v49-layout-polish .brand-inline-v31{
  display:none!important;
}
.v49-layout-polish .site-header .brand img{
  width:auto!important;
  height:42px!important;
  max-height:42px!important;
  object-fit:contain!important;
  object-position:left center!important;
  clip-path:none!important;
  filter:none!important;
  transform:none!important;
}

/* FINANCE — make the two halves read as one balanced composition */
.v49-layout-polish #finance{
  padding:clamp(90px,8vw,138px) 0!important;
}
.v49-layout-polish #finance .finance-shell{
  grid-template-columns:minmax(390px,.92fr) minmax(500px,1.08fr)!important;
  gap:clamp(58px,6vw,104px)!important;
  align-items:start!important;
}
.v49-layout-polish #finance .finance-copy{
  grid-column:1!important;
  grid-row:1 / span 3!important;
  padding:48px 0 0!important;
  max-width:560px!important;
}
.v49-layout-polish #finance .finance-copy h2{
  font-size:clamp(58px,5.1vw,82px)!important;
  line-height:.94!important;
  max-width:540px!important;
}
.v49-layout-polish #finance .finance-copy>p{
  max-width:520px!important;
  font-size:17px!important;
  line-height:1.55!important;
}
.v49-layout-polish #finance .finance-note{
  max-width:520px!important;
  margin-top:36px!important;
}

/* right ownership card becomes a single deliberate stack */
.v49-layout-polish #finance .finance-proposed-note{
  grid-column:2!important;
  grid-row:1!important;
  margin:0!important;
  min-height:auto!important;
  border-radius:18px 18px 0 0!important;
  border-bottom-color:rgba(255,255,255,.08)!important;
  padding:24px 28px!important;
}
.v49-layout-polish #finance .finance-build-summary{
  grid-column:2!important;
  grid-row:2!important;
  margin:0!important;
  min-height:132px!important;
  grid-template-columns:1fr!important;
  padding:26px 28px!important;
  border-left:1px solid rgba(69,217,238,.22)!important;
  border-right:1px solid rgba(69,217,238,.22)!important;
  border-top:0!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  background:#0f171f!important;
}
.v49-layout-polish #finance .finance-build-mark{display:none!important;}
.v49-layout-polish #finance .finance-build-summary strong{
  font-size:clamp(27px,2.2vw,36px)!important;
  max-width:520px!important;
}
.v49-layout-polish #finance .finance-calculator{
  grid-column:2!important;
  grid-row:3!important;
  border-radius:0 0 18px 18px!important;
  border:1px solid rgba(69,217,238,.22)!important;
  border-top:0!important;
  padding:28px!important;
  background:#0f171f!important;
  box-shadow:0 32px 80px rgba(0,0,0,.22)!important;
}
.v49-layout-polish #finance .finance-player-hook{
  grid-column:1!important;
  grid-row:4!important;
  width:100%!important;
  max-width:560px!important;
  margin:54px 0 0!important;
  padding:22px 0!important;
}

/* FINDER — reduce the empty upper-right area and align the interaction as one unit */
.v49-layout-polish #finder{
  padding:clamp(90px,8vw,132px) 0!important;
}
.v49-layout-polish #finder .finder-shell{
  grid-template-columns:minmax(390px,.9fr) minmax(520px,1.1fr)!important;
  grid-template-areas:
    "intro path"
    "controls result"!important;
  column-gap:clamp(54px,6vw,96px)!important;
  row-gap:44px!important;
  align-items:end!important;
}
.v49-layout-polish #finder .finder-intro{
  grid-area:intro!important;
  max-width:570px!important;
}
.v49-layout-polish #finder .finder-intro h2{
  font-size:clamp(58px,5.2vw,82px)!important;
  line-height:.94!important;
}
.v49-layout-polish #finder .player-path{
  grid-area:path!important;
  align-self:center!important;
  margin:0!important;
  justify-content:flex-start!important;
  opacity:.72!important;
}
.v49-layout-polish #finder .finder-controls{
  grid-area:controls!important;
  align-self:stretch!important;
  padding:24px!important;
  border-radius:18px!important;
  box-shadow:0 22px 60px rgba(12,20,30,.08)!important;
}
.v49-layout-polish #finder .finder-result{
  grid-area:result!important;
  grid-column:auto!important;
  align-self:stretch!important;
  min-height:174px!important;
  grid-template-columns:150px 1fr!important;
  grid-template-rows:1fr auto!important;
  padding:28px 30px!important;
  border-radius:18px!important;
}
.v49-layout-polish #finder .finder-result a{
  grid-column:2!important;
  justify-self:start!important;
}
.v49-layout-polish #finder .finder-result strong{
  font-size:1.55rem!important;
}
.v49-layout-polish #finder .finder-result p{
  font-size:16px!important;
  line-height:1.5!important;
}

/* prevent decorative pseudo-elements from creating stray edge artifacts */
.v49-layout-polish #finder::before,
.v49-layout-polish #finder::after,
.v49-layout-polish #finder .finder-shell::before,
.v49-layout-polish #finder .finder-shell::after{
  pointer-events:none!important;
}

@media(max-width:900px){
  .v49-layout-polish #finance .finance-shell{
    grid-template-columns:1fr!important;
  }
  .v49-layout-polish #finance .finance-copy,
  .v49-layout-polish #finance .finance-proposed-note,
  .v49-layout-polish #finance .finance-build-summary,
  .v49-layout-polish #finance .finance-calculator,
  .v49-layout-polish #finance .finance-player-hook{
    grid-column:1!important;grid-row:auto!important;
  }
  .v49-layout-polish #finance .finance-copy{padding-top:0!important;}
  .v49-layout-polish #finder .finder-shell{
    grid-template-columns:1fr!important;
    grid-template-areas:"intro" "path" "controls" "result"!important;
  }
  .v49-layout-polish #finder .finder-result{
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
  }
  .v49-layout-polish #finder .finder-result a{grid-column:1!important;}
}


/* =========================================================
   V50 — JG MOLI BRAND LOGO SYSTEM
   Use one clean logo asset everywhere; no clipped ghost edges.
   ========================================================= */

.v50-logo-system{
  --moli-logo-header-w:118px;
  --moli-logo-footer-w:154px;
}

/* HEADER */
.v50-logo-system .site-header .brand,
.v50-logo-system .site-header .brand-v37,
.v50-logo-system .site-header .site-logo{
  width:var(--moli-logo-header-w)!important;
  min-width:var(--moli-logo-header-w)!important;
  height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
  background:transparent!important;
}
.v50-logo-system .site-header .brand img,
.v50-logo-system .site-header .brand-v37 img,
.v50-logo-system .site-header .site-logo img{
  display:block!important;
  width:var(--moli-logo-header-w)!important;
  height:auto!important;
  max-height:54px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:none!important;
  clip-path:none!important;
  transform:none!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

/* Kill all decorative pseudo-elements that previously created white/grey edge artefacts */
.v50-logo-system .site-header .brand::before,
.v50-logo-system .site-header .brand::after,
.v50-logo-system .site-logo::before,
.v50-logo-system .site-logo::after,
.v50-logo-system .brand-v37::before,
.v50-logo-system .brand-v37::after{
  content:none!important;
  display:none!important;
}

/* ABOUT / COMPANY branding */
.v50-logo-system .about-brand img,
.v50-logo-system .company-brand img,
.v50-logo-system .brand-story img{
  width:180px!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  background:transparent!important;
}

/* FOOTER */
.v50-logo-system footer .brand img,
.v50-logo-system footer .footer-logo,
.v50-logo-system .site-footer img[alt*="MOLI"]{
  width:var(--moli-logo-footer-w)!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  opacity:.96!important;
}

/* Keep logo breathing room and aligned with nav */
.v50-logo-system .site-header .container{
  align-items:center!important;
}
.v50-logo-system .site-header nav{
  align-items:center!important;
}

/* On very small screens, scale cleanly instead of cropping */
@media(max-width:720px){
  .v50-logo-system{
    --moli-logo-header-w:96px;
  }
  .v50-logo-system .site-header .brand,
  .v50-logo-system .site-header .brand-v37,
  .v50-logo-system .site-header .site-logo{
    height:50px!important;
  }
}


/* =========================================================
   V52 — FOOTER BRAND FIX ONLY
   Keep all cockpit/product imagery intact.
   Move JG MOLI mark beside MOLI by AICyber and suppress duplicate.
   ========================================================= */

.v52-footer-brand-fix .footer-v52{
  position:relative!important;
}

/* Hide the standalone / floating footer logo row so brand appears once */
.v52-footer-brand-fix .footer-v52 > img[alt*="MOLI"],
.v52-footer-brand-fix .footer-v52 .footer-logo:not(.footer-brand-inline),
.v52-footer-brand-fix .footer-v52 .brand-logo-standalone,
.v52-footer-brand-fix .footer-v52 .footer-top-logo{
  display:none!important;
}

/* Put the clean logo immediately beside the MOLI by AICyber brand line */
.v52-footer-brand-fix .footer-v52 .brand,
.v52-footer-brand-fix .footer-v52 .footer-brand,
.v52-footer-brand-fix .footer-v52 .brand-v37{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  overflow:visible!important;
}

/* Any logo image inside the footer brand row becomes a compact mark */
.v52-footer-brand-fix .footer-v52 .brand img,
.v52-footer-brand-fix .footer-v52 .footer-brand img,
.v52-footer-brand-fix .footer-v52 .brand-v37 img{
  display:block!important;
  width:58px!important;
  height:58px!important;
  max-width:58px!important;
  max-height:58px!important;
  object-fit:contain!important;
  flex:0 0 58px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* no pseudo-logo ghosts */
.v52-footer-brand-fix .footer-v52 .brand::before,
.v52-footer-brand-fix .footer-v52 .brand::after,
.v52-footer-brand-fix .footer-v52 .footer-brand::before,
.v52-footer-brand-fix .footer-v52 .footer-brand::after{
  content:none!important;
  display:none!important;
}


/* =========================================================
   V53 — FOOTER: ONE BRAND MARK ONLY
   Screenshot fix: remove the upper standalone JG MOLI mark.
   Keep the lower inline mark beside MOLI by AICyber.
   ========================================================= */

/* The top strip in the footer is redundant. Hide its standalone logo/brand.
   Preserve the lower footer information row. */
.v53-footer-single-brand .footer-v52 > .footer-brand-strip,
.v53-footer-single-brand .footer-v52 > .footer-top,
.v53-footer-single-brand .footer-v52 > .footer-kicker-row,
.v53-footer-single-brand .footer-v52 > .footer-logo-row{
  display:none!important;
}

/* Generic fallback: standalone direct-child logo in footer = hidden.
   The inline logo nested beside MOLI remains visible. */
.v53-footer-single-brand .footer-v52 > img,
.v53-footer-single-brand .footer-v52 > a > img:only-child{
  display:none!important;
}

/* Remove excess height left by the old top strip where possible */
.v53-footer-single-brand .footer-v52{
  padding-top:34px!important;
}
.v53-footer-single-brand .footer-v52 > *:first-child:empty{
  display:none!important;
}

/* Explicitly preserve lower inline brand */
.v53-footer-single-brand .footer-v52 .footer-brand-inline,
.v53-footer-single-brand .footer-v52 .footer-brand-inline-wrap img,
.v53-footer-single-brand .footer-v52 .brand img,
.v53-footer-single-brand .footer-v52 .footer-brand img{
  display:block!important;
}


/* =========================================================
   V56 — FOOTER BRAND BREATHING ROOM
   Keep one logo, but give the mark and byline a more premium gap.
   ========================================================= */
.v56-footer-spacing .footer-v52 .footer-brand{
  gap:22px!important;
}
.v56-footer-spacing .footer-v52 .footer-brand .by{
  margin-left:0!important;
  padding-left:0!important;
  line-height:1.35!important;
  white-space:nowrap!important;
}
.v56-footer-spacing .footer-v52 .footer-brand-inline{
  flex:0 0 58px!important;
}


/* =========================================================
   V57 — PRODUCT IMAGE + FINANCE COMPOSITION POLISH
   Product imagery returns to the V48 visual treatment.
   Finance becomes one coherent premium decision console.
   ========================================================= */

/* Product cards: consistent image stage across Pro / Plus / Ultra */
.v57-finance-product-polish .product-media,
.v57-finance-product-polish .product-image,
.v57-finance-product-polish .model-media,
.v57-finance-product-polish .cockpit-media{
  min-height:520px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.v57-finance-product-polish .product-media img,
.v57-finance-product-polish .product-image img,
.v57-finance-product-polish .model-media img,
.v57-finance-product-polish .cockpit-media img{
  width:100%;
  height:100%;
  max-height:520px;
  object-fit:contain;
  object-position:center;
  display:block;
}

/* Finance section: tighten the two-column editorial composition */
.v57-finance-product-polish .finance-section,
.v57-finance-product-polish #pricing{
  position:relative;
}
.v57-finance-product-polish .finance-grid,
.v57-finance-product-polish .pricing-grid{
  align-items:stretch!important;
  column-gap:72px!important;
}
.v57-finance-product-polish .finance-copy,
.v57-finance-product-polish .pricing-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-height:620px!important;
}
.v57-finance-product-polish .finance-panel,
.v57-finance-product-polish .finance-console,
.v57-finance-product-polish .pricing-panel{
  align-self:center!important;
  border:1px solid rgba(69,211,229,.24)!important;
  background:linear-gradient(180deg,rgba(17,28,38,.98),rgba(12,22,31,.98))!important;
  border-radius:22px!important;
  overflow:hidden!important;
  box-shadow:0 26px 70px rgba(0,0,0,.22)!important;
}

/* Remove the "three separate cards" feeling when these blocks exist */
.v57-finance-product-polish .finance-scenario,
.v57-finance-product-polish .finance-intro,
.v57-finance-product-polish .finance-calculator,
.v57-finance-product-polish .pricing-scenario,
.v57-finance-product-polish .pricing-intro,
.v57-finance-product-polish .pricing-calculator{
  margin:0!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
}
.v57-finance-product-polish .finance-scenario,
.v57-finance-product-polish .pricing-scenario{
  border-top:0!important;
  background:rgba(69,211,229,.035)!important;
}
.v57-finance-product-polish .finance-intro,
.v57-finance-product-polish .pricing-intro{
  border-top:1px solid rgba(255,255,255,.08)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.v57-finance-product-polish .finance-calculator,
.v57-finance-product-polish .pricing-calculator{
  border-bottom:0!important;
}

/* Lower-left floating micro-callout should visually belong to the editorial column */
.v57-finance-product-polish .price-like-hardware,
.v57-finance-product-polish .finance-tagline{
  margin-top:42px!important;
  padding-top:22px!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
  max-width:100%!important;
}

/* Responsive */
@media (max-width: 900px){
  .v57-finance-product-polish .finance-grid,
  .v57-finance-product-polish .pricing-grid{
    grid-template-columns:1fr!important;
    row-gap:36px!important;
  }
  .v57-finance-product-polish .finance-copy,
  .v57-finance-product-polish .pricing-copy{
    min-height:auto!important;
  }
}


/* =========================================================
   V58 — FINANCE REBUILD
   Two deliberate masses: editorial story + one finance console.
   ========================================================= */
.v58-finance-rebuild #finance{
  padding:clamp(92px,9vw,150px) 0!important;
  min-height:auto!important;
  background:
    radial-gradient(circle at 78% 42%,rgba(55,210,229,.08),transparent 31%),
    linear-gradient(180deg,#070d13 0%,#09121b 100%)!important;
}
.v58-finance-rebuild .finance-shell-v58{
  max-width:1180px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr)!important;
  gap:clamp(64px,7vw,110px)!important;
  align-items:center!important;
}
.v58-finance-rebuild .finance-story-v58{
  min-height:610px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.v58-finance-rebuild .finance-story-v58 .kicker{
  color:#49d9ea!important;
  margin:0 0 18px!important;
}
.v58-finance-rebuild .finance-story-v58 h2{
  color:#f7f9fc!important;
  font-size:clamp(54px,5vw,78px)!important;
  line-height:.91!important;
  letter-spacing:-.055em!important;
  margin:0 0 28px!important;
}
.v58-finance-rebuild .finance-lead-v58{
  max-width:470px;
  color:#b9c6d4!important;
  font-size:16px!important;
  line-height:1.65!important;
  margin:0!important;
}
.v58-finance-rebuild .finance-proof-v58{
  margin-top:54px;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,.12);
  display:grid;
  grid-template-columns:130px 1fr;
  gap:24px;
  align-items:start;
}
.v58-finance-rebuild .finance-proof-v58 span,
.v58-finance-rebuild .finance-console-head-v58 span{
  color:#49d9ea;
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
}
.v58-finance-rebuild .finance-proof-v58 strong{
  color:#f7f9fc;
  font-size:22px;
  line-height:1.15;
}
.v58-finance-rebuild .finance-note-v58{
  margin-top:34px;
  display:grid;
  grid-template-columns:100px 1fr;
  gap:18px;
  padding:18px 0 0;
  color:#7f91a5;
  font-size:11px;
  line-height:1.55;
}
.v58-finance-rebuild .finance-note-v58 b{
  color:#a9b9c9;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.v58-finance-rebuild .finance-console-v58{
  border:1px solid rgba(75,215,232,.28);
  border-radius:26px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(16,27,37,.99),rgba(10,20,29,.99));
  box-shadow:0 34px 90px rgba(0,0,0,.32);
}
.v58-finance-rebuild .finance-console-head-v58{
  padding:34px 36px 30px;
  display:flex;
  justify-content:space-between;
  gap:30px;
  align-items:flex-start;
  border-bottom:1px solid rgba(255,255,255,.09);
  background:linear-gradient(135deg,rgba(71,216,233,.055),transparent 58%);
}
.v58-finance-rebuild .finance-console-head-v58 h3{
  color:#fff;
  font-size:clamp(29px,2.5vw,40px);
  line-height:1.02;
  letter-spacing:-.04em;
  margin:10px 0 0;
}
.v58-finance-rebuild .finance-status-v58{
  flex:0 0 auto;
  color:#6f8498;
  font-size:9px;
  line-height:1.35;
  letter-spacing:.14em;
  text-align:right;
}
.v58-finance-rebuild .finance-calculator-v58{
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  padding:32px 36px 34px!important;
}
.v58-finance-rebuild .finance-calculator-v58 select{
  min-height:52px!important;
  border-radius:12px!important;
}
.v58-finance-rebuild .finance-calculator-v58 .term-tabs{
  gap:10px!important;
  margin:14px 0 26px!important;
}
.v58-finance-rebuild .finance-calculator-v58 .term-tabs button{
  min-height:46px!important;
  border-radius:999px!important;
}
.v58-finance-rebuild .finance-calculator-v58 .monthly-number{
  padding:24px 0!important;
}
.v58-finance-rebuild .finance-calculator-v58 .monthly-number strong{
  font-size:clamp(62px,6vw,86px)!important;
  letter-spacing:-.055em!important;
}
.v58-finance-rebuild .finance-calculator-v58 .button{
  margin-top:4px;
  min-height:46px;
  padding:0 22px;
  display:inline-flex;
  align-items:center;
}
.v58-finance-rebuild .finance-console-foot-v58{
  padding:17px 36px;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;
  justify-content:space-between;
  color:#607589;
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
}
@media(max-width:900px){
  .v58-finance-rebuild .finance-shell-v58{
    grid-template-columns:1fr!important;
    gap:48px!important;
  }
  .v58-finance-rebuild .finance-story-v58{min-height:auto;}
  .v58-finance-rebuild .finance-note-v58,
  .v58-finance-rebuild .finance-proof-v58{grid-template-columns:1fr;}
}


/* =========================================================
   V59 — PRODUCT IMAGE SCALE SYSTEM
   All three products have comparable perceived scale.
   ========================================================= */
.v59-product-image-scale .product-media-v35{
  aspect-ratio:1 / 1!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:#f7f7f4!important;
}
.v59-product-image-scale .product-media-v35 img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-position:center!important;
}

/* PRO + PLUS: white product photography fills the stage */
.v59-product-image-scale .pro-product .product-media-v35 img,
.v59-product-image-scale .scorpion-product .product-media-v35 img{
  object-fit:cover!important;
  transform:scale(1.055)!important;
}

/* ULTRA: use the new front 3/4 Gatling shot as a full-bleed flagship image */
.v59-product-image-scale .ultra-product .product-media-v35{
  background:#111820!important;
}
.v59-product-image-scale .ultra-product .product-media-v35 img{
  object-fit:cover!important;
  transform:scale(1.02)!important;
}

/* Keep each image column equal, so alternation feels intentional */
.v59-product-image-scale .product-v35{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:clamp(54px,6vw,88px)!important;
  align-items:center!important;
}
.v59-product-image-scale .product-v35.reverse{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
}

/* Product cards now share exact media width */
.v59-product-image-scale .player-product-media{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}

/* Mobile remains large but avoids excessive vertical weight */
@media(max-width:900px){
  .v59-product-image-scale .product-v35,
  .v59-product-image-scale .product-v35.reverse{
    grid-template-columns:1fr!important;
  }
  .v59-product-image-scale .product-media-v35{
    max-width:620px!important;
    width:100%!important;
    margin:0 auto!important;
  }
}


/* V60 — tighter product photography, less dead space */
.v60-tight-product-media .product-media-v35{
  aspect-ratio: 6 / 5 !important;
  border-radius:20px!important;
}
.v60-tight-product-media .product-media-v35 img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transform:none!important;
}
.v60-tight-product-media .scorpion-product .product-media-v35 img{
  object-fit:cover!important;
}
.v60-tight-product-media .ultra-product .product-media-v35{
  background:#111!important;
}
.v60-tight-product-media .ultra-product .product-media-v35 img{
  object-position:center 48%!important;
}
@media(max-width:900px){
  .v60-tight-product-media .product-media-v35{
    aspect-ratio: 6 / 5 !important;
  }
}


/* =========================================================
   V61 — COCKPIT FINDER
   One cohesive configurator instead of four floating islands.
   ========================================================= */

.v61-cockpit-finder{
  position:relative!important;
  overflow:hidden!important;
  padding-top:clamp(76px,8vw,128px)!important;
  padding-bottom:clamp(84px,9vw,140px)!important;
}

/* Reduce headline dominance and improve balance */
.v61-cockpit-finder h2{
  max-width:650px!important;
  font-size:clamp(58px,5.6vw,92px)!important;
  line-height:.91!important;
  letter-spacing:-.065em!important;
  margin-bottom:28px!important;
}
.v61-cockpit-finder h2 + p{
  max-width:620px!important;
  font-size:clamp(16px,1.25vw,20px)!important;
  line-height:1.55!important;
}

/* Pull the step rail closer to the actual tool */
.v61-cockpit-finder [class*="step"],
.v61-cockpit-finder [class*="progress"]{
  letter-spacing:.09em!important;
}

/* Main interactive cards */
.v61-cockpit-finder form,
.v61-cockpit-finder [class*="finder"],
.v61-cockpit-finder [class*="recommend"]{
  position:relative;
}

/* Make all form controls feel like a premium configurator */
.v61-cockpit-finder select{
  min-height:58px!important;
  border-radius:12px!important;
  border:1px solid #c8d2dc!important;
  background:#fff!important;
  font-weight:700!important;
  padding-left:18px!important;
}
.v61-cockpit-finder button{
  min-height:58px!important;
  border-radius:999px!important;
  font-weight:800!important;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease!important;
}
.v61-cockpit-finder button:hover{
  transform:translateY(-2px)!important;
}

/* The primary finder CTA must look active, never disabled */
.v61-cockpit-finder button[type="submit"],
.v61-cockpit-finder .finder-submit,
.v61-cockpit-finder [class*="find"] button{
  background:#43d4e6!important;
  color:#071018!important;
  border-color:#43d4e6!important;
  box-shadow:0 10px 28px rgba(67,212,230,.22)!important;
}

/* Recommended result becomes the dark half of the configurator */
.v61-cockpit-finder [class*="recommend"]{
  border-radius:22px!important;
  box-shadow:0 22px 60px rgba(8,16,24,.12)!important;
}

/* Stronger match title */
.v61-cockpit-finder [class*="recommend"] h3,
.v61-cockpit-finder [class*="recommend"] strong{
  letter-spacing:-.03em!important;
}

/* Remove orphaned bottom eyebrow if it appears by itself */
.v61-cockpit-finder > *:last-child{
  margin-bottom:0!important;
}

/* Desktop: tighten the whole composition toward the center */
@media(min-width:901px){
  .v61-cockpit-finder > .container,
  .v61-cockpit-finder > [class*="inner"],
  .v61-cockpit-finder > [class*="wrap"]{
    max-width:1240px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Mobile */
@media(max-width:900px){
  .v61-cockpit-finder{
    padding-top:72px!important;
    padding-bottom:84px!important;
  }
  .v61-cockpit-finder h2{
    font-size:clamp(48px,15vw,72px)!important;
    max-width:520px!important;
  }
  .v61-cockpit-finder select,
  .v61-cockpit-finder button{
    min-height:54px!important;
  }
}


/* =========================================================
   V62 — FINANCE CLARITY
   Reduce competing emphasis. One headline, one number, one CTA.
   ========================================================= */
.v62-finance-clarity .finance-lead-v58 h2{
  font-size:clamp(62px,5.4vw,92px)!important;
  line-height:.94!important;
  letter-spacing:-.06em!important;
  max-width:560px!important;
}
.v62-finance-clarity .finance-lead-v58 > p{
  max-width:540px!important;
  font-size:17px!important;
  line-height:1.58!important;
  color:#b8c5d2!important;
}

/* Supporting story becomes quiet, not another headline */
.v62-finance-clarity .finance-story-v58{
  margin-top:46px!important;
  padding-top:28px!important;
}
.v62-finance-clarity .finance-story-v58 strong,
.v62-finance-clarity .finance-story-v58 h3{
  font-size:clamp(20px,1.5vw,26px)!important;
  line-height:1.1!important;
  font-weight:650!important;
  letter-spacing:-.025em!important;
}
.v62-finance-clarity .finance-story-v58 [class*="kicker"],
.v62-finance-clarity .finance-story-v58 small{
  opacity:.58!important;
}

/* Legal/planning copy visually recedes */
.v62-finance-clarity .finance-note-v58,
.v62-finance-clarity .finance-proof-v58{
  opacity:.62!important;
  font-size:12px!important;
  line-height:1.5!important;
}

/* Console: headline no longer competes with the A$ monthly figure */
.v62-finance-clarity .finance-console-head-v58{
  padding-bottom:28px!important;
}
.v62-finance-clarity .finance-console-head-v58 h3{
  font-size:clamp(28px,2.2vw,38px)!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
  font-weight:650!important;
  max-width:540px!important;
}
.v62-finance-clarity .finance-console-head-v58 .kicker{
  font-size:11px!important;
  opacity:.78!important;
}

/* Monthly amount is the single dominant conversion datum */
.v62-finance-clarity .monthly-number{
  font-size:clamp(72px,6.5vw,110px)!important;
  letter-spacing:-.065em!important;
  line-height:.9!important;
}
.v62-finance-clarity .finance-calculator-v58 label,
.v62-finance-clarity .finance-calculator-v58 [class*="label"]{
  letter-spacing:.06em!important;
}

/* Secondary price is intentionally smaller */
.v62-finance-clarity .finance-breakdown{
  font-size:15px!important;
}
.v62-finance-clarity .finance-breakdown strong{
  font-size:16px!important;
}

/* Bottom metadata should read like footer metadata, not another navigation layer */
.v62-finance-clarity .finance-console-foot-v58{
  opacity:.48!important;
  font-size:10px!important;
  letter-spacing:.12em!important;
}

/* Keep only the primary action visually loud */
.v62-finance-clarity .finance-calculator-v58 .button,
.v62-finance-clarity .finance-calculator-v58 button{
  font-weight:750!important;
  padding-left:24px!important;
  padding-right:24px!important;
}

/* Cyan is reserved for state + small navigation labels */
.v62-finance-clarity .finance-story-v58{
  color:inherit!important;
}

@media(max-width:900px){
  .v62-finance-clarity .finance-lead-v58 h2{
    font-size:clamp(54px,14vw,78px)!important;
  }
  .v62-finance-clarity .finance-console-head-v58 h3{
    font-size:30px!important;
  }
}

/* v63 — product media fit: Scorpion larger, Gatling edge-to-edge */
body.v63-product-media-fit .player-product-media.product-media-v35{
  overflow:hidden!important;
  padding:0!important;
}
body.v63-product-media-fit .scorpion-product .player-product-media{
  background:#f4f4f1!important;
}
body.v63-product-media-fit .scorpion-product .player-product-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:scale(1.08)!important;
}
body.v63-product-media-fit .ultra-product .player-product-media{
  background:#0a0d11!important;
}
body.v63-product-media-fit .ultra-product .player-product-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
}
@media(max-width:900px){
  body.v63-product-media-fit .scorpion-product .player-product-media img{transform:scale(1.04)!important;}
}

/* v64 — high-resolution Scorpion product presentation */
body.v64-product-image-refresh .scorpion-product .player-product-media{
  background:#f5f5f2!important;
  padding:14px!important;
}
body.v64-product-image-refresh .scorpion-product .player-product-media img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:scale(1.08)!important;
}
body.v64-product-image-refresh .ultra-product .player-product-media img{
  object-fit:cover!important;
  object-position:center 48%!important;
}
@media(max-width:900px){
 body.v64-product-image-refresh .scorpion-product .player-product-media img{transform:scale(1.03)!important;}
}

/* =========================================================
   V65 — COCKPIT FINDER / LOADOUT SELECTOR
   Tighten hierarchy: understand → select → match.
   ========================================================= */
.v65-loadout #finder{padding:clamp(72px,6vw,104px) 0!important;}
.v65-loadout #finder .finder-shell{
  grid-template-columns:minmax(360px,.82fr) minmax(620px,1.18fr)!important;
  grid-template-areas:"intro intro" "path path" "controls result"!important;
  column-gap:clamp(32px,4vw,58px)!important;
  row-gap:24px!important;
  align-items:stretch!important;
}
.v65-loadout #finder .finder-intro{grid-area:intro!important;max-width:760px!important;}
.v65-loadout #finder .finder-intro h2{font-size:clamp(50px,4.5vw,72px)!important;line-height:.94!important;margin:.45rem 0 1rem!important;max-width:620px!important;}
.v65-loadout #finder .finder-intro>p:last-child{font-size:17px!important;line-height:1.55!important;max-width:590px!important;margin-bottom:0!important;}
.v65-loadout #finder .player-path{
  grid-area:path!important;margin:4px 0 8px!important;display:grid!important;
  grid-template-columns:auto 1fr auto 1fr auto!important;align-items:center!important;
  width:min(100%,920px)!important;gap:14px!important;opacity:1!important;
}
.v65-loadout #finder .player-path span{font-size:11px!important;letter-spacing:.12em!important;font-weight:800!important;color:#667381!important;white-space:nowrap!important;}
.v65-loadout #finder .player-path span:first-child{color:#159db2!important;}
.v65-loadout #finder .player-path i{height:1px!important;background:#c6d0d8!important;width:100%!important;}
.v65-loadout #finder .finder-controls{grid-area:controls!important;padding:22px!important;border-radius:18px!important;box-shadow:0 18px 48px rgba(12,20,30,.07)!important;align-content:start!important;}
.v65-loadout #finder .finder-result{
  grid-area:result!important;position:relative!important;overflow:hidden!important;
  min-height:224px!important;padding:30px 42% 28px 30px!important;border-radius:18px!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:14px!important;
  background:#10141b!important;
}
.v65-loadout #finder .finder-result::after{
  content:"";position:absolute;right:-3%;bottom:-16%;width:44%;height:125%;
  background:url('assets/product-pro-v66.png') center/contain no-repeat;opacity:.22;filter:saturate(.75) contrast(1.08);
  pointer-events:none;
}
.v65-loadout #finder .finder-result>div,.v65-loadout #finder .finder-result>p,.v65-loadout #finder .finder-result>a{position:relative;z-index:1;}
.v65-loadout #finder .finder-result strong{font-size:clamp(25px,2vw,32px)!important;line-height:1.05!important;white-space:nowrap!important;}
.v65-loadout #finder .finder-result p{font-size:15px!important;line-height:1.5!important;color:#c9d2de!important;margin:0!important;max-width:330px!important;}
.v65-loadout #finder .finder-result a{margin-top:4px!important;font-size:14px!important;color:#43d4e8!important;}
.v65-loadout #finder .finder-eyebrow{margin-bottom:7px!important;}
@media(max-width:900px){
 .v65-loadout #finder .finder-shell{grid-template-columns:1fr!important;grid-template-areas:"intro" "path" "controls" "result"!important;}
 .v65-loadout #finder .player-path{grid-template-columns:1fr!important;gap:8px!important;}
 .v65-loadout #finder .player-path i{display:none!important;}
 .v65-loadout #finder .finder-result{padding-right:34%!important;}
}

/* =========================================================
   V67 — PRODUCT IMAGE FRAME FILL
   Scorpion + Gatling use the same strong, edge-filling visual scale.
   ========================================================= */
body.v67-product-frame-fill .scorpion-product .player-product-media,
body.v67-product-frame-fill .ultra-product .player-product-media{
  padding:0!important;
  overflow:hidden!important;
  background:#f5f5f2!important;
}
body.v67-product-frame-fill .scorpion-product .player-product-media img,
body.v67-product-frame-fill .ultra-product .player-product-media img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
}
body.v67-product-frame-fill .scorpion-product .player-product-media img{
  transform:scale(1.20)!important;
}
body.v67-product-frame-fill .ultra-product .player-product-media img{
  transform:scale(1.12)!important;
}
@media(max-width:900px){
  body.v67-product-frame-fill .scorpion-product .player-product-media img{transform:scale(1.13)!important;}
  body.v67-product-frame-fill .ultra-product .player-product-media img{transform:scale(1.08)!important;}
}

/* =========================================================
   V68 — UNIFIED PRODUCT PHOTOGRAPHY
   One visual language across Pro / Scorpion / Gatling.
   ========================================================= */
body.v68-product-unified .product-media-v35{
  height:clamp(430px,38vw,560px)!important;
  min-height:0!important;
  padding:0!important;
  background:#f6f6f2!important;
  border-radius:22px!important;
  overflow:hidden!important;
}
body.v68-product-unified .product-media-v35 img{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  display:block!important;
  background:#f6f6f2!important;
}
body.v68-product-unified .pro-product .product-media-v35 img{
  object-fit:contain!important;
  object-position:center center!important;
  padding:0!important;
  transform:scale(.98)!important;
}
body.v68-product-unified .scorpion-product .product-media-v35 img{
  object-fit:contain!important;
  object-position:center center!important;
  transform:scale(1.03)!important;
}
body.v68-product-unified .ultra-product .product-media-v35 img{
  object-fit:contain!important;
  object-position:center center!important;
  transform:scale(1.04)!important;
}
@media(max-width:900px){
 body.v68-product-unified .product-media-v35{height:420px!important;}
 body.v68-product-unified .pro-product .product-media-v35 img{transform:scale(.96)!important;}
 body.v68-product-unified .scorpion-product .product-media-v35 img,
 body.v68-product-unified .ultra-product .product-media-v35 img{transform:scale(1.01)!important;}
}


/* =========================================================
   V69 — MOLI PRODUCT STAGE SYSTEM
   One premium hardware family: metallic stage, soft edge, unified depth.
   ========================================================= */
body.v69-product-stage .product-media-v35{
  position:relative!important;
  isolation:isolate!important;
  background:
    radial-gradient(ellipse at 50% 42%,rgba(255,255,255,.98) 0%,rgba(247,249,249,.96) 42%,rgba(231,235,236,.96) 100%)!important;
  border:1px solid rgba(255,255,255,.42)!important;
  border-radius:24px!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    inset 0 -24px 55px rgba(96,111,121,.07),
    0 28px 70px rgba(0,0,0,.16)!important;
  overflow:hidden!important;
}
body.v69-product-stage .product-media-v35::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.28),transparent 30%,transparent 72%,rgba(66,213,231,.035));
  border-radius:inherit;
}
body.v69-product-stage .product-media-v35::after{
  content:"MOLI / HARDWARE";position:absolute;left:22px;bottom:18px;z-index:3;
  color:rgba(34,49,59,.42);font-size:9px;font-weight:800;letter-spacing:.16em;
  pointer-events:none;
}
body.v69-product-stage .product-media-v35 img{
  position:relative!important;z-index:1!important;
  background:transparent!important;
  filter:contrast(1.015) saturate(.97)!important;
}
/* Keep complete silhouettes; tune visual mass per platform rather than crop. */
body.v69-product-stage .pro-product .product-media-v35 img{transform:scale(.97)!important;}
body.v69-product-stage .scorpion-product .product-media-v35 img{transform:scale(1.055)!important;}
body.v69-product-stage .ultra-product .product-media-v35 img{transform:scale(1.055)!important;}

/* Product number behaves like a quiet industrial identifier. */
body.v69-product-stage .product-number{
  color:#35cfe3!important;font-size:11px!important;letter-spacing:.14em!important;font-weight:800!important;
}
/* Make image and copy feel like one composed product spread. */
body.v69-product-stage .product-v35{gap:clamp(56px,6vw,92px)!important;}
body.v69-product-stage .product-copy-v35{padding-top:8px!important;}

@media(max-width:900px){
 body.v69-product-stage .product-media-v35{border-radius:20px!important;box-shadow:0 20px 48px rgba(0,0,0,.14)!important;}
 body.v69-product-stage .product-media-v35::after{left:18px;bottom:14px;font-size:8px!important;}
 body.v69-product-stage .pro-product .product-media-v35 img{transform:scale(.95)!important;}
 body.v69-product-stage .scorpion-product .product-media-v35 img,
 body.v69-product-stage .ultra-product .product-media-v35 img{transform:scale(1.02)!important;}
}