/* Stage470 — Market Dominance + Product Superiority + Performance Scaling */
:root{
  --q470-border: rgba(124, 151, 255, .20);
  --q470-surface: rgba(8, 14, 27, .84);
  --q470-surface-2: rgba(12, 21, 39, .86);
  --q470-text-soft: rgba(229, 237, 255, .76);
  --q470-accent: #8fb1ff;
  --q470-green: #74f0bd;
  --q470-warn: #ffd08a;
}
.q470-dominance-strip,
.q470-first60,
.q470-benchmark,
.q470-terminal-acceleration{
  position:relative;
  margin: 22px 0;
  padding: 22px;
  border:1px solid var(--q470-border);
  border-radius: 24px;
  background: linear-gradient(180deg, var(--q470-surface), rgba(4, 9, 19, .76));
  box-shadow: 0 22px 60px rgba(0,0,0,.27), inset 0 1px 0 rgba(255,255,255,.04);
  overflow:hidden;
}
.q470-dominance-strip::before,
.q470-terminal-acceleration::before{
  content:''; position:absolute; inset:-1px; pointer-events:none;
  background: radial-gradient(circle at 12% 0%, rgba(116,240,189,.13), transparent 32%), radial-gradient(circle at 90% 10%, rgba(143,177,255,.14), transparent 34%);
}
.q470-dominance-strip > *, .q470-terminal-acceleration > *{ position:relative; z-index:1; }
.q470-eyebrow{ display:inline-flex; align-items:center; gap:8px; color:var(--q470-accent); font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.q470-eyebrow::before{ content:''; width:8px; height:8px; border-radius:999px; background:var(--q470-green); box-shadow:0 0 18px rgba(116,240,189,.85); }
.q470-headline{ margin:8px 0 10px; font-size:clamp(24px,3vw,38px); line-height:1.08; color:#f4f7ff; }
.q470-copy{ margin:0; color:var(--q470-text-soft); max-width:72ch; line-height:1.6; }
.q470-grid{ display:grid; gap:14px; margin-top:18px; }
.q470-grid-4{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.q470-grid-3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.q470-grid-2{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.q470-card{ padding:16px; border:1px solid rgba(138,161,255,.16); border-radius:18px; background:rgba(10,17,31,.76); }
.q470-card strong{ display:block; margin-bottom:6px; color:#f6f8ff; font-size:16px; }
.q470-card span{ color:var(--q470-text-soft); font-size:13px; line-height:1.5; }
.q470-cta-optimizer{ display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.q470-cta-optimizer a,
.q470-cta-optimizer button{ appearance:none; border:1px solid rgba(143,177,255,.28); background:rgba(12,20,36,.88); color:#f4f7ff; text-decoration:none; padding:11px 15px; border-radius:999px; font-weight:700; cursor:pointer; transition:transform .18s ease, border-color .18s ease, background .18s ease; }
.q470-cta-optimizer a:first-child{ background:linear-gradient(135deg,#5c7cff,#75f0bd); color:#05111f; border-color:transparent; }
.q470-cta-optimizer a:hover,.q470-cta-optimizer button:hover{ transform:translateY(-1px); border-color:rgba(143,177,255,.52); }
.q470-first60 ol{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; list-style:none; padding:0; margin:18px 0 0; counter-reset:q470; }
.q470-first60 li{ counter-increment:q470; padding:16px; border:1px solid rgba(138,161,255,.15); border-radius:18px; background:rgba(8,15,28,.78); color:var(--q470-text-soft); }
.q470-first60 li::before{ content:'0' counter(q470); display:inline-flex; width:36px; height:36px; align-items:center; justify-content:center; margin-bottom:10px; border-radius:12px; background:rgba(116,240,189,.12); color:#c2ffe8; font-weight:800; }
.q470-benchmark-table{ width:100%; border-collapse:collapse; margin-top:18px; overflow:hidden; border-radius:18px; }
.q470-benchmark-table th,.q470-benchmark-table td{ padding:13px; border:1px solid rgba(138,161,255,.13); text-align:left; color:var(--q470-text-soft); }
.q470-benchmark-table th{ color:#f7f9ff; background:rgba(18,28,50,.72); }
.q470-benchmark-table .win{ color:#9cf4cc; font-weight:800; }
.q470-benchmark-table .gap{ color:#ffd08a; }
.q470-sticky-rail{ position:fixed; left:50%; bottom:18px; transform:translateX(-50%); z-index:50; display:flex; gap:10px; align-items:center; max-width:min(930px,calc(100vw - 24px)); padding:10px 12px; border:1px solid rgba(143,177,255,.24); border-radius:999px; background:rgba(5,10,20,.88); backdrop-filter:blur(16px); box-shadow:0 18px 50px rgba(0,0,0,.42); }
.q470-sticky-rail span{ color:var(--q470-text-soft); font-size:13px; white-space:nowrap; }
.q470-sticky-rail a{ color:#06101f; background:linear-gradient(135deg,#8fb1ff,#74f0bd); text-decoration:none; padding:9px 12px; border-radius:999px; font-size:13px; font-weight:800; white-space:nowrap; }
.q470-terminal-acceleration{ margin-top:18px; }
.q470-perf-row{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin-top:14px; }
.q470-perf-pill{ padding:12px; border-radius:16px; border:1px solid rgba(138,161,255,.16); background:rgba(8,15,28,.72); }
.q470-perf-pill span{ display:block; color:var(--q470-text-soft); font-size:11px; text-transform:uppercase; letter-spacing:.06em; }
.q470-perf-pill strong{ display:block; margin-top:5px; color:#f7f9ff; font-size:18px; }
.q470-friction-log{ margin-top:14px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.q470-friction-log div{ padding:12px; border-radius:14px; background:rgba(13,20,36,.72); border:1px solid rgba(138,161,255,.14); color:var(--q470-text-soft); font-size:13px; }
@media (max-width: 1080px){
  .q470-grid-4,.q470-first60 ol,.q470-perf-row{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .q470-grid-3,.q470-friction-log{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 720px){
  .q470-grid-4,.q470-grid-3,.q470-grid-2,.q470-first60 ol,.q470-perf-row,.q470-friction-log{ grid-template-columns:1fr; }
  .q470-sticky-rail{ border-radius:22px; align-items:stretch; flex-direction:column; left:12px; right:12px; bottom:12px; transform:none; max-width:none; }
  .q470-sticky-rail span{ white-space:normal; }
  .q470-sticky-rail a{ text-align:center; }
}