#bmx,#bmx *{box-sizing:border-box}
#bmx{
  --bg:#ffffff; --bg-2:#f6f7fb; --tint:#f2f1fd; --surface:#ffffff;
  --border:#e8e9f1; --border-2:#dcdeea;
  --ink:#0e1119; --ink-2:#474e63; --ink-3:#646b7e;
  --indigo:#5b5be6; --indigo-ink:#4a3fd6; --blue:#4c6fe8; --violet:#8b5cf6;
  --d-bg:#0b0d12; --d-surface:#151a28; --d-surface-2:#1b2030; --d-border:#242b3c;
  --d-ink:#eef1f8; --d-ink-2:#a7b0c4; --d-ink-3:#7a8197;
  --ok:#0f9d58;
  --display:'Space Grotesk',system-ui,-apple-system,sans-serif;
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --r-sm:8px; --r:14px; --r-lg:22px; --r-pill:999px;
  --ease:cubic-bezier(.2,.7,.2,1);
  --shadow-1:0 1px 2px rgba(14,17,25,.04), 0 4px 16px -8px rgba(14,17,25,.10);
  --shadow-2:0 2px 6px rgba(14,17,25,.05), 0 24px 48px -24px rgba(20,20,60,.22);
  --maxw:1140px; --gutter:clamp(20px,5vw,44px);
}#bmx *{box-sizing:border-box}#bmx{-webkit-text-size-adjust:100%; scroll-behavior:smooth}#bmx{margin:0; background:var(--bg); color:var(--ink); font-family:var(--sans); font-size:17px; line-height:1.62; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility}#bmx h1, #bmx h2, #bmx h3, #bmx h4{font-family:var(--display); font-weight:600; line-height:1.1; letter-spacing:-0.025em; margin:0; text-wrap:balance; color:var(--ink)}#bmx p{margin:0}#bmx a{color:inherit; text-decoration:none}#bmx img{max-width:100%; display:block}#bmx :focus-visible{outline:2.5px solid var(--indigo); outline-offset:3px; border-radius:4px}#bmx .wrap{max-width:var(--maxw); margin-inline:auto; padding-inline:var(--gutter)}#bmx .r{opacity:1; transform:none}@media (prefers-reduced-motion:no-preference){.js #bmx .r{transform:translateY(16px); transition:transform .6s var(--ease)}.js #bmx .r.in{transform:none}
}#bmx .logo{display:block; background:var(--logo) no-repeat left center; background-size:contain; text-indent:-9999px; overflow:hidden; white-space:nowrap}#bmx .logo.nav-logo{width:186px; height:26px}#bmx .logo.foot-logo{width:210px; height:29px}#bmx .nav{position:sticky; top:0; z-index:50; background:rgba(11,13,18,.82); backdrop-filter:saturate(1.4) blur(12px); border-bottom:1px solid transparent; transition:border-color .3s}#bmx .nav.stuck{border-color:rgba(255,255,255,.09)}#bmx .nav-in{display:flex; align-items:center; justify-content:space-between; height:70px; max-width:var(--maxw); margin-inline:auto; padding-inline:var(--gutter); gap:20px}#bmx .nav-links{display:flex; align-items:center; gap:26px; font-size:15px; font-weight:450; color:var(--d-ink-2)}#bmx .nav-links a:hover{color:#fff}#bmx .nav-cta{display:inline-flex; align-items:center; gap:7px; font-size:14.5px; font-weight:600; padding:9px 16px; border-radius:var(--r-pill); background:var(--indigo); color:#fff; transition:transform .2s var(--ease), background .2s; white-space:nowrap}#bmx .nav-cta:hover{background:var(--indigo-ink); transform:translateY(-1px)}@media(max-width:900px){#bmx .nav-links{display:none}}#bmx .btn{display:inline-flex; align-items:center; gap:8px; font-family:var(--sans); font-weight:600; font-size:15.5px; padding:13px 22px; border-radius:var(--r-pill); cursor:pointer; border:1px solid transparent; transition:transform .18s var(--ease), background .2s, box-shadow .2s}#bmx .btn-primary{background:var(--indigo); color:#fff; box-shadow:0 8px 20px -10px rgba(91,91,230,.7)}#bmx .btn-primary:hover{background:var(--indigo-ink); transform:translateY(-2px)}#bmx .btn-ghost{background:transparent; color:var(--ink); border-color:var(--border-2)}#bmx .btn-ghost:hover{border-color:var(--ink); transform:translateY(-2px)}#bmx .arw{transition:transform .2s var(--ease)}#bmx .btn:hover .arw, #bmx .nav-cta:hover .arw{transform:translateX(3px)}#bmx .sec{padding:clamp(56px,8vh,96px) 0; scroll-margin-top:86px}#bmx .sec-head{max-width:62ch}#bmx .sec-head .k{font-size:13px; font-weight:600; color:var(--indigo); margin-bottom:12px}#bmx .sec-head h2{font-size:clamp(1.8rem,3.3vw,2.6rem)}#bmx .sec-head p{margin-top:15px; font-size:1.08rem; color:var(--ink-2); line-height:1.55; max-width:54ch}#bmx .ph{background:linear-gradient(135deg,var(--tint),var(--bg-2)); position:relative; display:grid; place-items:center; overflow:hidden; border:1px solid var(--border)}#bmx .ph::before{content:""; width:40px; height:40px; border-radius:10px; background:var(--surface); box-shadow:var(--shadow-1); background-image:linear-gradient(135deg,var(--indigo),var(--violet)); opacity:.85}#bmx .ph::after{content:"Replace image \00b7 16:9"; position:absolute; bottom:10px; left:0; right:0; text-align:center; font-size:10.5px; font-weight:600; color:var(--ink-3); letter-spacing:.02em}#bmx .ph{border-style:dashed !important}#bmx .hero{padding:calc(var(--hdr,0px) + clamp(30px,5vh,64px)) 0 clamp(36px,5vh,60px)}#bmx .hero-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(28px,5vw,60px); align-items:center}#bmx .hero h1{font-size:clamp(2rem,3.8vw,3.2rem); letter-spacing:-0.03em}#bmx .hero h1 .em{color:var(--indigo)}#bmx .hero-sub{margin-top:22px; font-size:clamp(1.05rem,1.6vw,1.2rem); line-height:1.55; color:var(--ink-2); max-width:36ch}#bmx .hero-cta{margin-top:30px; display:flex; gap:14px; flex-wrap:wrap}#bmx .hero-proof{margin-top:32px; display:flex; align-items:center; gap:16px 22px; flex-wrap:wrap; padding-top:24px; border-top:1px solid var(--border)}#bmx .hp{display:flex; align-items:center; gap:12px}#bmx .hero-proof .big{font-family:var(--display); font-size:2rem; font-weight:600; letter-spacing:-0.03em; line-height:1}#bmx .hero-proof .lbl{font-size:13.5px; color:var(--ink-3); line-height:1.4; max-width:20ch}#bmx .hero-proof .sep{width:1px; height:36px; background:var(--border-2)}#bmx .spec-wrap{position:relative}#bmx .specimen{background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); box-shadow:var(--shadow-2); overflow:hidden}#bmx .spec-top{display:flex; align-items:center; gap:9px; padding:13px 18px; border-bottom:1px solid var(--border); background:var(--bg-2)}#bmx .spec-dot{width:9px; height:9px; border-radius:50%}#bmx .spec-chrome{display:flex; gap:6px}#bmx .spec-tag{margin-left:auto; display:inline-flex; align-items:center; gap:7px; font-size:12.5px; font-weight:600; color:var(--ink-2)}#bmx .spec-tag .g{width:16px;height:16px;border-radius:5px;background:conic-gradient(from 210deg,#10a37f,#0e8f6f);display:grid;place-items:center;color:#fff;font-size:10px}#bmx .spec-body{padding:19px 20px 22px}#bmx .spec-q{font-size:14px; color:var(--ink-3); margin-bottom:13px}#bmx .spec-q b{color:var(--ink-2); font-weight:600}#bmx .spec-a{font-size:15.5px; line-height:1.6}#bmx .spec-a .name{background:linear-gradient(transparent 62%, rgba(91,91,230,.22) 0); font-weight:600; color:var(--indigo-ink); padding:0 1px}#bmx .spec-cite{margin-top:15px; display:flex; flex-wrap:wrap; gap:7px}#bmx .cite{display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:500; color:var(--ink-2); background:var(--bg-2); border:1px solid var(--border); border-radius:var(--r-pill); padding:5px 11px}#bmx .cite .n{width:15px;height:15px;border-radius:4px;background:var(--tint);color:var(--indigo);display:grid;place-items:center;font-size:9px;font-weight:700}#bmx .spec-float{position:absolute; right:16px; bottom:-18px; background:var(--ink); color:#fff; font-size:12px; font-weight:600; padding:8px 13px; border-radius:11px; box-shadow:var(--shadow-2); display:flex; align-items:center; gap:8px}#bmx .spec-float .pulse{width:8px;height:8px;border-radius:50%;background:#43e08a}@media(max-width:820px){#bmx .hero-grid{grid-template-columns:1fr; gap:38px}}#bmx .marquee{border-block:1px solid var(--border); background:var(--bg-2); overflow:hidden; padding:22px 0}#bmx .marquee-lead{font-size:13px; font-weight:600; color:var(--ink-3); text-align:center; margin-bottom:16px}#bmx .mq-track{display:flex; gap:56px; width:max-content; animation:mq 34s linear infinite}#bmx .marquee:hover .mq-track{animation-play-state:paused}#bmx .mq-track{gap:64px}#bmx .mq-logo{color:var(--ink); opacity:.62; height:30px; transition:opacity .2s; flex:0 0 auto}#bmx .marquee:hover .mq-logo{opacity:.95}@keyframes mq{to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){#bmx .mq-track{animation:none; flex-wrap:wrap; justify-content:center; width:auto}}#bmx .metrics{border-bottom:1px solid var(--border)}#bmx .metrics-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--border)}#bmx .metric{background:var(--surface); padding:30px clamp(16px,2vw,26px)}#bmx .metric .v{font-family:var(--display); font-weight:600; font-size:clamp(1.9rem,3vw,2.4rem); letter-spacing:-0.03em; line-height:1}#bmx .metric .k{margin-top:9px; font-size:13.5px; color:var(--ink-2); line-height:1.45}#bmx .metric .k b{color:var(--ink); font-weight:600}@media(max-width:720px){#bmx .metrics-grid{grid-template-columns:1fr 1fr}}#bmx .shift{display:grid; grid-template-columns:1fr auto 1fr; margin-top:42px; border:1px solid var(--border); border-radius:var(--r-lg); overflow:hidden; background:var(--surface); box-shadow:var(--shadow-1)}#bmx .shift-col{padding:clamp(24px,3vw,36px)}#bmx .shift-col.old{background:var(--bg-2)}#bmx .shift-k{font-size:12.5px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-3); margin-bottom:6px}#bmx .shift-col.new .shift-k{color:var(--indigo)}#bmx .shift-col h3{font-size:1.35rem; margin-bottom:14px}#bmx .shift-li{display:flex; gap:11px; align-items:flex-start; padding:8px 0; font-size:14.5px; color:var(--ink-2)}#bmx .shift-li svg{flex:0 0 18px; margin-top:3px}#bmx .shift-mid{display:grid; place-items:center; width:60px; background:linear-gradient(180deg,var(--bg-2),var(--surface)); color:var(--indigo)}#bmx .shift-mid .ring{width:42px;height:42px;border-radius:50%;border:1px solid var(--border-2);background:var(--surface);display:grid;place-items:center;box-shadow:var(--shadow-1)}@media(max-width:760px){#bmx .shift{grid-template-columns:1fr}#bmx .shift-mid{width:auto; height:54px; border-block:1px solid var(--border)}}#bmx .flow{position:relative; margin-top:50px; display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(20px,3vw,34px)}#bmx .flow::before{content:""; position:absolute; top:26px; left:8%; right:8%; height:2px; background:linear-gradient(90deg,var(--border),var(--indigo),var(--border))}#bmx .phase{position:relative; z-index:1}#bmx .phase-n{width:54px; height:54px; border-radius:16px; background:var(--surface); border:1px solid var(--border); box-shadow:var(--shadow-1); display:grid; place-items:center; font-family:var(--display); font-weight:600; font-size:1.15rem; color:var(--indigo); margin-bottom:20px}#bmx .phase h3{font-size:1.2rem; margin-bottom:9px}#bmx .phase p{font-size:14.5px; color:var(--ink-2); line-height:1.55; max-width:34ch}#bmx .phase ul{margin:14px 0 0; padding:0; list-style:none; display:flex; flex-direction:column; gap:7px}#bmx .phase li{font-size:13px; color:var(--ink-3); display:flex; gap:8px; align-items:flex-start}#bmx .phase li svg{flex:0 0 15px; margin-top:3px}@media(max-width:760px){#bmx .flow{grid-template-columns:1fr; gap:26px}#bmx .flow::before{display:none}}#bmx .pricing{background:var(--bg-2); border-block:1px solid var(--border)}#bmx .caps{margin-top:36px; display:flex; flex-direction:column}#bmx .cap{display:grid; grid-template-columns:1.05fr 1fr; gap:clamp(24px,4vw,56px); align-items:center; padding:clamp(30px,4vw,52px) 0; border-top:1px solid var(--border)}#bmx .cap:nth-child(even){grid-template-columns:1fr 1.1fr}#bmx .cap:nth-child(even) .cap-copy{order:2}#bmx .cap h3{font-size:1.4rem; margin-bottom:10px}#bmx .cap p{font-size:15px; color:var(--ink-2); line-height:1.6; max-width:44ch}#bmx .cap-tags{margin-top:16px; display:flex; flex-wrap:wrap; gap:8px}#bmx .tag{font-size:12.5px; font-weight:500; color:var(--ink-2); background:var(--bg-2); border:1px solid var(--border); border-radius:var(--r-pill); padding:5px 12px}#bmx .cap-viz{background:var(--bg-2); border:1px solid var(--border); border-radius:var(--r); min-height:172px; padding:20px; display:flex; flex-direction:column; justify-content:center}#bmx .bars{display:flex; align-items:flex-end; gap:10px; height:120px}#bmx .bar{flex:1; background:linear-gradient(180deg,var(--indigo),var(--blue)); border-radius:6px 6px 3px 3px; position:relative; min-height:8px}#bmx .bar.you{background:linear-gradient(180deg,var(--ink),#2a2f45)}#bmx .bar span{position:absolute; top:-20px; left:0; right:0; text-align:center; font-size:11px; font-weight:600; color:var(--ink-3)}#bmx .bar em{position:absolute; bottom:-22px; left:0; right:0; text-align:center; font-size:10.5px; font-style:normal; color:var(--ink-3)}#bmx .pgrid{display:grid; grid-template-columns:repeat(6,1fr); gap:6px}#bmx .pcell{aspect-ratio:1; border-radius:5px; background:var(--border)}#bmx .pcell.hit{background:var(--indigo)}#bmx .pcell.mid{background:var(--violet); opacity:.5}@media(max-width:720px){#bmx .cap, #bmx .cap:nth-child(even){grid-template-columns:1fr}#bmx .cap:nth-child(even) .cap-copy{order:0}}#bmx .ind{margin-top:40px}#bmx .ind-tabs{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:22px}#bmx .ind-tab{padding:9px 17px; border-radius:var(--r-pill); border:1px solid var(--border-2); background:var(--surface); cursor:pointer; font-family:var(--sans); font-size:14px; font-weight:600; color:var(--ink-2); transition:background .2s, border-color .2s, color .2s}#bmx .ind-tab .dot{display:none}#bmx .ind-tab:hover{border-color:var(--ink-3); color:var(--ink)}#bmx .ind-tab[aria-selected="true"]{background:var(--ink); border-color:var(--ink); color:#fff}#bmx .ind-panel{display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--border); border-radius:var(--r-lg); box-shadow:var(--shadow-1); overflow:hidden; background:var(--surface)}#bmx .ind-panel[hidden]{display:none}#bmx .ind-media{min-height:280px; height:100%; border-right:1px solid var(--border)}#bmx .ind-in{padding:clamp(26px,3vw,38px); display:flex; flex-direction:column; justify-content:center}#bmx .ind-in h3{font-size:1.5rem; margin-bottom:10px}#bmx .ind-in p{font-size:15px; color:var(--ink-2); line-height:1.6; max-width:52ch}#bmx .ind-stats{margin-top:20px; display:flex; gap:14px; flex-wrap:wrap}#bmx .ind-stat{flex:1; min-width:130px; background:var(--bg-2); border:1px solid var(--border); border-radius:var(--r); padding:16px 18px}#bmx .ind-stat .v{font-family:var(--display); font-weight:600; font-size:1.7rem; letter-spacing:-0.02em; color:var(--ink); line-height:1}#bmx .ind-stat .k{margin-top:7px; font-size:12.5px; color:var(--ink-3); line-height:1.4}@media(max-width:720px){#bmx .ind-tabs{overflow-x:auto; flex-wrap:nowrap}#bmx .ind-tab{white-space:nowrap}#bmx .ind-panel{grid-template-columns:1fr}#bmx .ind-media{min-height:180px; border-right:none; border-bottom:1px solid var(--border)}}#bmx .bento{margin-top:46px; display:grid; grid-template-columns:1.5fr 1fr; gap:16px}#bmx .cell{background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); padding:clamp(22px,2.8vw,32px); box-shadow:var(--shadow-1); transition:transform .25s var(--ease), box-shadow .25s}#bmx .cell:hover{transform:translateY(-3px); box-shadow:var(--shadow-2)}#bmx .cell-lead{grid-row:span 2; background:linear-gradient(180deg,var(--d-bg),var(--d-surface)); color:var(--d-ink); border-color:var(--d-border)}#bmx .cell-lead h3{color:#fff; font-size:1.5rem}#bmx .cell-lead p{color:var(--d-ink-2); font-size:15px; margin-top:12px; line-height:1.55}#bmx .tiers{margin-top:22px; display:flex; flex-direction:column; gap:9px}#bmx .tier{display:flex; align-items:center; gap:13px; padding:12px 15px; background:rgba(255,255,255,.04); border:1px solid var(--d-border); border-radius:12px}#bmx .tier .tn{font-family:var(--display); font-weight:600; color:#fff; font-size:14px}#bmx .tier .td{font-size:12px; color:var(--d-ink-3)}#bmx .tier .tc{margin-left:auto; font-family:var(--display); font-weight:600; color:#b7b7f7; background:rgba(91,91,230,.18); border-radius:8px; padding:4px 10px; font-size:13px}#bmx .cell .kpi{font-family:var(--display); font-weight:600; font-size:clamp(2.1rem,4vw,2.9rem); letter-spacing:-0.03em; line-height:1}#bmx .cell .kpi-l{margin-top:10px; font-size:14px; color:var(--ink-3); max-width:26ch}#bmx .shot{padding:0; overflow:hidden}#bmx .shot-bar{display:flex; align-items:center; gap:7px; padding:11px 15px; border-bottom:1px solid var(--border); background:var(--bg-2)}#bmx .shot-url{font-size:12px; color:var(--ink-3)}#bmx .shot-body{padding:17px 20px}#bmx .shot-body .pub{font-family:var(--display); font-weight:600; font-size:1.02rem; margin-bottom:7px}#bmx .shot-body .ex{font-size:13.5px; color:var(--ink-2); line-height:1.55}#bmx .shot-body .ex mark{background:rgba(91,91,230,.16); color:var(--indigo-ink); font-weight:600; padding:0 2px; border-radius:3px}@media(max-width:820px){#bmx .bento{grid-template-columns:1fr}#bmx .cell-lead{grid-row:auto}}#bmx .results-grid{margin-top:44px; display:grid; grid-template-columns:1.3fr 1fr; gap:24px; align-items:stretch}#bmx .dash{background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); box-shadow:var(--shadow-1); overflow:hidden}#bmx .dash-top{display:flex; align-items:center; justify-content:space-between; padding:16px 22px; border-bottom:1px solid var(--border)}#bmx .dash-top .t{font-family:var(--display); font-weight:600; font-size:15px}#bmx .dash-top .badge{font-size:11.5px; font-weight:600; color:var(--ok); background:rgba(15,157,88,.1); border-radius:var(--r-pill); padding:4px 10px}#bmx .dash-body{padding:24px 22px}#bmx .chart{height:150px; margin-bottom:8px}#bmx .chart svg{width:100%; height:100%; overflow:visible}#bmx .dash-legend{display:flex; gap:18px; font-size:12.5px; color:var(--ink-2); margin-top:14px}#bmx .dash-legend i{display:inline-block; width:20px; height:3px; border-radius:2px; vertical-align:middle; margin-right:7px}#bmx .res-cards{display:flex; flex-direction:column; gap:16px}#bmx .res-card{background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); padding:24px; box-shadow:var(--shadow-1); flex:1; display:flex; flex-direction:column; justify-content:center}#bmx .res-card .rv{font-family:var(--display); font-weight:600; font-size:2.2rem; letter-spacing:-0.03em; line-height:1; color:var(--ink)}#bmx .res-card .rk{margin-top:8px; font-size:13.5px; color:var(--ink-2); line-height:1.45}#bmx .res-card .rw{margin-top:12px; font-size:12.5px; color:var(--ink-3); padding-top:12px; border-top:1px solid var(--border)}@media(max-width:820px){#bmx .results-grid{grid-template-columns:1fr}}#bmx .ptable{margin-top:44px; background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--shadow-1)}#bmx .ptable-wrap{overflow-x:auto}#bmx .ptable table{width:100%; border-collapse:collapse; min-width:660px}#bmx .ptable th, #bmx .ptable td{padding:17px clamp(14px,2.2vw,26px); text-align:left; border-bottom:1px solid var(--border); vertical-align:top}#bmx .ptable thead th{border-bottom:1px solid var(--border-2)}#bmx .ptable .plan{font-family:var(--display); font-weight:600; font-size:1.15rem}#bmx .ptable .plan.feat{color:var(--indigo)}#bmx .ptable .price{font-family:var(--display); font-weight:600; font-size:1.5rem; letter-spacing:-0.02em; margin-top:4px}#bmx .ptable .price small{font-family:var(--sans); font-size:.78rem; font-weight:500; color:var(--ink-3)}#bmx .ptable .rowlbl{font-weight:600; color:var(--ink); font-size:14.5px}#bmx .ptable td{font-size:14.5px; color:var(--ink-2)}#bmx .ptable col.hl{background:var(--tint)}#bmx .ptable tr:last-child td{border-bottom:none}#bmx .ptable .tick{color:var(--ok)}#bmx .ptable .badge{display:inline-block; font-size:11px; font-weight:700; color:var(--indigo); background:var(--tint); border-radius:var(--r-pill); padding:3px 9px; margin-left:8px}#bmx .vs{margin-top:44px; overflow-x:auto}#bmx .vs table{width:100%; border-collapse:collapse; min-width:640px; background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); overflow:hidden}#bmx .vs th, #bmx .vs td{padding:16px 20px; border-bottom:1px solid var(--border); text-align:left; font-size:14.5px}#bmx .vs thead th{font-family:var(--display); font-weight:600; font-size:15px; border-bottom:1px solid var(--border-2)}#bmx .vs thead th.us{color:var(--indigo)}#bmx .vs td.rl{font-weight:600; color:var(--ink)}#bmx .vs td{color:var(--ink-2)}#bmx .vs col.usc{background:var(--tint)}#bmx .vs .yes{color:var(--ok); font-weight:600}#bmx .vs .no{color:var(--ink-3)}#bmx .vs tr:last-child td{border-bottom:none}#bmx .quotes{margin-top:44px; display:grid; grid-template-columns:1.4fr 1fr; gap:16px}#bmx .q-lead{background:var(--d-bg); color:var(--d-ink); border-radius:var(--r-lg); padding:clamp(28px,3vw,44px); display:flex; flex-direction:column; justify-content:space-between; border:1px solid var(--d-border)}#bmx .q-lead blockquote{font-family:var(--display); font-weight:500; font-size:clamp(1.3rem,2.2vw,1.7rem); line-height:1.32; letter-spacing:-0.02em; margin:0; color:#fff}#bmx .q-lead blockquote .hl{color:#b7b7f7}#bmx .q-lead .who{margin-top:26px; font-size:14px; color:var(--d-ink-2)}#bmx .q-lead .who b{color:#fff; font-weight:600}#bmx .q-col{display:flex; flex-direction:column; gap:16px}#bmx .q-sm{background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); padding:24px; box-shadow:var(--shadow-1); flex:1}#bmx .q-sm p{font-size:15px; line-height:1.55; color:var(--ink)}#bmx .q-sm .who{margin-top:16px; font-size:13px; color:var(--ink-3)}#bmx .q-sm .who b{color:var(--ink-2); font-weight:600}@media(max-width:820px){#bmx .quotes{grid-template-columns:1fr}}#bmx .carousel-head{display:flex; justify-content:space-between; align-items:flex-end; gap:20px; flex-wrap:wrap}#bmx .car-nav{display:flex; gap:8px}#bmx .car-btn{width:44px; height:44px; border-radius:50%; border:1px solid var(--border-2); background:var(--surface); display:grid; place-items:center; cursor:pointer; color:var(--ink); transition:border-color .2s, transform .15s, background .2s}#bmx .car-btn:hover{border-color:var(--ink); transform:translateY(-1px)}#bmx .car-btn:disabled{opacity:.35; cursor:default; transform:none}#bmx .bc-track{margin-top:34px; display:flex; gap:20px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; padding-bottom:6px; scrollbar-width:none; cursor:grab}#bmx .bc-track::-webkit-scrollbar{display:none}#bmx .bc-track.drag{cursor:grabbing; scroll-behavior:auto}#bmx .bpost{scroll-snap-align:start; flex:0 0 clamp(280px,32%,360px); background:var(--surface); border:1px solid var(--border); border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--shadow-1); transition:transform .2s var(--ease), box-shadow .2s}#bmx .bpost:hover{transform:translateY(-4px); box-shadow:var(--shadow-2)}#bmx .bpost .bimg{aspect-ratio:16/9; width:100%}#bmx .bpost .bin{padding:20px 22px 24px}#bmx .bpost .bcat{font-size:12px; font-weight:600; color:var(--indigo); margin-bottom:9px}#bmx .bpost h3{font-size:1.12rem; line-height:1.3; margin-bottom:9px}#bmx .bpost p{font-size:13.5px; color:var(--ink-2); line-height:1.5}#bmx .bpost .bmeta{margin-top:16px; font-size:12px; color:var(--ink-3); display:flex; justify-content:space-between}#bmx .faq-grid{margin-top:36px; max-width:760px; margin-inline:auto}#bmx .faq details{border-bottom:1px solid var(--border); padding:3px 0}#bmx .faq summary{list-style:none; cursor:pointer; padding:17px 0; font-family:var(--display); font-weight:600; font-size:1.06rem; display:flex; justify-content:space-between; gap:16px; align-items:center}#bmx .faq summary::-webkit-details-marker{display:none}#bmx .faq summary .pm{flex:0 0 22px; height:22px; border:1px solid var(--border-2); border-radius:50%; display:grid; place-items:center; color:var(--indigo); transition:transform .25s var(--ease), background .2s}#bmx .faq details[open] summary .pm{transform:rotate(45deg); background:var(--tint)}#bmx .faq details p{padding:0 0 19px; font-size:15px; color:var(--ink-2); line-height:1.62; max-width:60ch}#bmx .faq-aside{margin-top:30px; background:var(--tint); border:1px solid var(--border); border-radius:var(--r-lg); padding:28px 30px; text-align:center; max-width:760px; margin-inline:auto}#bmx .faq-aside h3{font-size:1.3rem; margin-bottom:8px}#bmx .faq-aside p{font-size:14.5px; color:var(--ink-2); line-height:1.55; margin-bottom:20px; max-width:52ch; margin-left:auto; margin-right:auto}#bmx .final{background:linear-gradient(165deg,var(--d-bg),#12152a 70%,var(--d-surface)); color:var(--d-ink); position:relative; overflow:hidden}#bmx .final::before{content:""; position:absolute; width:520px; height:520px; border-radius:50%; background:radial-gradient(circle,rgba(91,91,230,.14),transparent 72%); top:-260px; right:-160px; filter:blur(8px)}#bmx .final-in{position:relative; text-align:center; max-width:720px; margin-inline:auto}#bmx .final h2{color:#fff; font-size:clamp(2rem,4vw,2.9rem)}#bmx .final p{margin-top:18px; color:var(--d-ink-2); font-size:1.1rem; line-height:1.55}#bmx .final .btn-primary{margin-top:28px}#bmx .final-note{margin-top:16px; font-size:13.5px; color:var(--d-ink-3)}#bmx .foot{background:var(--d-bg); border-top:1px solid var(--d-border); padding:52px 0 34px}#bmx .foot-grid{display:grid; grid-template-columns:1.5fr repeat(3,1fr); gap:32px}#bmx .foot-brand{max-width:30ch}#bmx .foot-brand p{font-size:14px; color:var(--d-ink-3); margin-top:14px; line-height:1.55}#bmx .foot-col h4{font-size:13px; font-weight:600; color:var(--d-ink); margin-bottom:14px; font-family:var(--sans)}#bmx .foot-col a{display:block; font-size:14px; color:var(--d-ink-3); padding:5px 0; transition:color .2s}#bmx .foot-col a:hover{color:#fff}#bmx .foot-btm{margin-top:40px; padding-top:24px; border-top:1px solid var(--d-border); display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:13px; color:var(--d-ink-3)}@media(max-width:720px){#bmx .foot-grid{grid-template-columns:1fr 1fr}}#bmx .ans{background:var(--surface); border:1px solid var(--border); border-radius:14px; padding:16px 17px; box-shadow:var(--shadow-1)}#bmx .ans-h{display:flex; align-items:center; gap:8px; margin-bottom:12px; font-size:11.5px; font-weight:600; color:var(--ink-2); letter-spacing:.01em}#bmx .ans-h .eng{display:inline-flex; align-items:center; gap:6px}#bmx .ans-h .eng .d{width:9px;height:9px;border-radius:50%;background:conic-gradient(from 200deg,var(--indigo),var(--violet))}#bmx .ans-h .il, #bmx .il-inline{margin-left:auto; font-weight:600; color:var(--ink-3); background:var(--bg-2); border:1px solid var(--border); border-radius:var(--r-pill); padding:2px 9px; font-size:10px; letter-spacing:.02em; white-space:nowrap}#bmx .il-inline{margin-left:8px; display:inline-block; vertical-align:middle}#bmx .ans-q{color:var(--ink-3); font-size:12.5px; line-height:1.45; margin-bottom:10px}#bmx .ans-a{color:var(--ink); line-height:1.55; font-size:13.5px}#bmx .ans-a .name{background:linear-gradient(transparent 62%, rgba(91,91,230,.22) 0); font-weight:600; color:var(--indigo-ink); padding:0 1px}#bmx .ans-cite{margin-top:13px; display:flex; flex-wrap:wrap; gap:7px}#bmx .ans-cite .c{display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:500; color:var(--ink-2); background:var(--bg-2); border:1px solid var(--border); border-radius:var(--r-pill); padding:4px 10px}#bmx .ans-cite .c .n{width:14px;height:14px;border-radius:4px;background:var(--tint);color:var(--indigo);display:grid;place-items:center;font-size:8px;font-weight:700}#bmx .consensus{display:flex; flex-direction:column; gap:9px}#bmx .cons-row{display:flex; align-items:center; gap:11px; font-size:12.5px; color:var(--ink-2); background:var(--surface); border:1px solid var(--border); border-radius:10px; padding:10px 13px; box-shadow:var(--shadow-1)}#bmx .cons-row .src{font-weight:600; color:var(--ink-3); font-size:10.5px; letter-spacing:.02em; text-transform:uppercase; flex:0 0 78px}#bmx .cons-row b{color:var(--indigo-ink); font-weight:600}#bmx .cons-row .ck{margin-left:auto; color:var(--ok); flex:0 0 auto; font-weight:700}#bmx .cons-out{margin-top:3px; font-size:12.5px; color:var(--ink-2); text-align:center; padding-top:11px; border-top:1px dashed var(--border-2)}#bmx .cons-out b{color:var(--ink); font-weight:600}#bmx .share{display:flex; flex-direction:column; gap:13px}#bmx .share-row{display:flex; align-items:center; gap:12px; font-size:12.5px}#bmx .share-row .sl{flex:0 0 84px; color:var(--ink-2)}#bmx .share-row .sl.you{color:var(--ink); font-weight:600}#bmx .share-track{flex:1; height:10px; background:var(--bg-2); border-radius:var(--r-pill); overflow:hidden; border:1px solid var(--border)}#bmx .share-fill{height:100%; border-radius:var(--r-pill); background:var(--border-2)}#bmx .share-fill.you{background:linear-gradient(90deg,var(--indigo),var(--blue))}#bmx .share-row .sv{flex:0 0 36px; text-align:right; font-family:var(--display); font-weight:600; font-size:13px; color:var(--ink-2)}#bmx .share-row .sv.you{color:var(--indigo-ink)}#bmx .ba{display:flex; flex-direction:column; gap:10px}#bmx .ba-row{display:flex; gap:10px; align-items:flex-start; font-size:12.5px; line-height:1.5; padding:11px 13px; border-radius:10px; border:1px solid var(--border)}#bmx .ba-row.bad{background:rgba(224,103,103,.06); border-color:rgba(224,103,103,.28)}#bmx .ba-row.good{background:rgba(15,157,88,.06); border-color:rgba(15,157,88,.28)}#bmx .ba-row .tag{flex:0 0 auto; font-size:9.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; padding:3px 8px; border-radius:var(--r-pill); margin-top:1px}#bmx .ba-row.bad .tag{background:rgba(224,103,103,.15); color:#c0392b}#bmx .ba-row.good .tag{background:rgba(15,157,88,.15); color:#0f7a45}#bmx .ba-row .txt{color:var(--ink-2)}#bmx .ba-row.good .txt b{color:var(--ink); font-weight:600}#bmx .cap:first-child{border-top:none; padding-top:6px}#bmx .mq-eng{display:inline-flex; align-items:center; gap:10px; font-family:var(--display); font-weight:600; font-size:19px; letter-spacing:-0.02em; color:var(--ink); opacity:.58; white-space:nowrap; flex:0 0 auto; transition:opacity .2s}#bmx .marquee:hover .mq-eng{opacity:.9}#bmx .mq-eng .d{width:8px; height:8px; border-radius:50%; background:var(--indigo); opacity:.65}#bmx .ind-ans{display:flex; flex-direction:column; justify-content:center; gap:0; padding:clamp(22px,3vw,32px); background:linear-gradient(160deg,var(--tint),var(--bg-2))}#bmx .imgslot{position:relative; border-radius:var(--r-lg); overflow:hidden; background:linear-gradient(135deg,var(--tint),var(--bg-2)); border:1px dashed var(--border-2); display:grid; place-items:center; min-height:220px}#bmx .imgslot img{width:100%; height:100%; object-fit:cover; display:block}#bmx .imgslot-c{display:flex; flex-direction:column; align-items:center; gap:12px; color:var(--ink-3); font-size:12.5px; line-height:1.5; text-align:center; padding:26px}#bmx .imgslot-c b{color:var(--ink-2); font-weight:600; font-size:11.5px}#bmx .imgslot-ic{width:44px; height:44px; border-radius:12px; background:var(--surface); border:1px solid var(--border); display:grid; place-items:center; color:var(--indigo); box-shadow:var(--shadow-1)}#bmx .sec-head.split{max-width:none; display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(28px,5vw,64px); align-items:center}#bmx .sec-head.split .sh-txt{max-width:56ch}#bmx .sec-head.split .imgslot{min-height:240px; align-self:stretch}#bmx .sec-head.center{max-width:none; text-align:center}#bmx .sec-head.center .sh-txt{max-width:60ch; margin-inline:auto}#bmx .sec-head.center .sh-txt p{margin-inline:auto}@media(max-width:820px){#bmx .sec-head.split{grid-template-columns:1fr}#bmx .sec-head.split .imgslot{min-height:190px}}#bmx .eng-tabs{display:flex; gap:6px; margin-bottom:12px; flex-wrap:wrap}#bmx .eng-tab{font-family:var(--sans); font-size:12.5px; font-weight:600; color:var(--ink-2); background:var(--surface); border:1px solid var(--border-2); border-radius:var(--r-pill); padding:6px 14px; cursor:pointer; transition:background .2s var(--ease), border-color .2s, color .2s}#bmx .eng-tab[aria-selected="true"]{background:var(--ink); border-color:var(--ink); color:#fff}#bmx .eng-tab:hover:not([aria-selected="true"]){border-color:var(--ink-3); color:var(--ink)}#bmx .spec-body{min-height:216px; transition:opacity .18s var(--ease)}#bmx .spec-cap{margin-top:14px; font-size:12px; color:var(--ink-3); text-align:center}#bmx .type-caret{display:inline-block; width:2px; height:1.05em; background:var(--indigo); margin-left:2px; vertical-align:text-bottom; animation:blink 1.05s steps(2) infinite}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){#bmx .type-caret{display:none}#bmx .spec-body{transition:none}}#bmx .q-lead .who, #bmx .q-sm .who{display:flex; align-items:center; gap:12px}#bmx .avatar{flex:0 0 auto; width:42px; height:42px; border-radius:50%; background:linear-gradient(135deg,var(--tint),var(--bg-2)); border:1px solid var(--border); display:grid; place-items:center; overflow:hidden; color:var(--ink-3)}#bmx .avatar svg{width:20px;height:20px}#bmx .avatar img{width:100%;height:100%;object-fit:cover}#bmx .q-lead .avatar{border-color:var(--d-border); background:rgba(255,255,255,.08); color:var(--d-ink-3)}#bmx .faq-wrap{display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(30px,5vw,66px); align-items:start}#bmx .faq-head{position:sticky; top:96px}#bmx .faq-head p{margin-top:14px; font-size:15px; color:var(--ink-2); line-height:1.6; max-width:34ch}#bmx .faq-head p a{color:var(--indigo-ink); font-weight:600; text-decoration:underline; text-underline-offset:3px}@media(max-width:820px){#bmx .faq-wrap{grid-template-columns:1fr}#bmx .faq-head{position:static}}#bmx .trusted{padding:30px 0 32px; border-bottom:1px solid var(--border); background:var(--bg)}#bmx .trusted-lead{text-align:center; font-size:12.5px; font-weight:600; letter-spacing:.03em; text-transform:uppercase; color:var(--ink-3); margin-bottom:20px}#bmx .logo-row{display:flex; flex-wrap:wrap; justify-content:center; gap:14px}#bmx .logo-slot{width:134px; height:54px; border:1px dashed var(--border-2); border-radius:10px; display:grid; place-items:center; color:var(--ink-3); font-size:11px; font-weight:600; background:var(--bg-2)}#bmx .logo-slot img{max-width:78%; max-height:60%; object-fit:contain}#bmx .trusted-note{text-align:center; font-size:11.5px; color:var(--ink-3); margin-top:18px}#bmx .cs-head{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:20px}#bmx .cs-logo{font-size:10.5px; font-weight:600; letter-spacing:.02em; color:var(--d-ink-3); border:1px dashed var(--d-border); border-radius:9px; padding:9px 15px}#bmx .cs-tag{font-size:11px; font-weight:600; color:#b7b7f7; background:rgba(91,91,230,.18); border-radius:var(--r-pill); padding:5px 12px; white-space:nowrap}#bmx .cs-metric{margin-bottom:18px; padding-bottom:18px; border-bottom:1px solid var(--d-border)}#bmx .cs-num{display:block; font-family:var(--display); font-weight:600; font-size:clamp(1.5rem,2.8vw,2rem); color:#fff; letter-spacing:-0.02em; line-height:1.1}#bmx .cs-lbl{display:block; margin-top:8px; font-size:13px; color:var(--d-ink-2); line-height:1.5; max-width:42ch}#bmx .cs-link{color:#b7b7f7; text-decoration:underline; text-underline-offset:3px; font-weight:600; white-space:nowrap}#bmx .spec-tag .g{background:none!important; width:18px; height:18px; border-radius:0; box-shadow:none}#bmx .spec-tag .g svg{width:18px; height:18px}#bmx .mq-eng{opacity:.85}#bmx .mq-eng svg{width:22px; height:22px; flex:0 0 auto}#bmx .ans-h .eng svg{width:15px; height:15px; flex:0 0 auto}#bmx .imgslot .slot-img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:1; display:block}#bmx .imgslot.mini-slot{min-height:200px}#bmx .spec-card{position:relative}#bmx .spec-cap{margin-top:34px}#bmx .metrics{background:var(--bg); padding:clamp(36px,5vh,56px) 0}#bmx .metrics-grid{gap:0 !important; background:none !important; grid-template-columns:repeat(4,1fr)}#bmx .metric{background:none !important; padding:2px clamp(16px,2.2vw,32px); border-left:1px solid var(--border)}#bmx .metric:first-child{border-left:none; padding-left:0}#bmx .metric .v{font-size:clamp(2.1rem,3.4vw,2.75rem); letter-spacing:-0.035em}#bmx .metric .k{margin-top:11px; font-size:14px; line-height:1.5; max-width:26ch}@media(max-width:720px){#bmx .metric{padding-left:0; border-left:none; padding-block:14px; border-top:1px solid var(--border)}#bmx .metric:first-child{border-top:none}}#bmx .bpost .bin{padding-top:24px}#bmx .nav-cta{padding:12px 18px; min-height:44px}#bmx .eng-tab{padding:12px 17px; min-height:44px; display:inline-flex; align-items:center}#bmx .ind-tab{padding:12px 18px; min-height:44px; display:inline-flex; align-items:center; gap:6px}#bmx .btn-sm{font-size:14px; padding:11px 18px; min-height:44px; width:100%; justify-content:center}#bmx .ptable .ptable-cta td{padding-top:20px; padding-bottom:22px; border-bottom:none; vertical-align:middle}#bmx .ptable .ptable-cta td:first-child{padding:0}#bmx .midcta{background:var(--ink); color:var(--d-ink); padding:clamp(28px,4vh,44px) 0}#bmx .midcta-in{display:flex; align-items:center; justify-content:space-between; gap:clamp(20px,4vw,48px); flex-wrap:wrap}#bmx .midcta h3{color:#fff; font-size:clamp(1.25rem,2.2vw,1.6rem); margin-bottom:8px}#bmx .midcta p{color:var(--d-ink-2); font-size:15px; line-height:1.55; max-width:52ch}#bmx .midcta .btn-primary{white-space:nowrap; box-shadow:0 8px 24px -10px rgba(91,91,230,.8)}@media(max-width:720px){#bmx .midcta-in{flex-direction:column; align-items:flex-start}#bmx .midcta .btn{width:100%; justify-content:center}}#bmx .faq summary .pm{flex:0 0 30px; width:30px; height:30px; display:grid; place-items:center; padding:0; line-height:0}#bmx .faq summary .pm svg{width:14px; height:14px; display:block}#bmx .cap-tags .tag{text-transform:none !important; letter-spacing:normal !important}#bmx .share-fill{display:block}#bmx .share-track{display:block}#bmx .hero{background:var(--bg) !important}#bmx .bpost .bimg{aspect-ratio:16/9; width:100%; overflow:hidden; background:var(--bg-2); display:block}#bmx .bpost .bimg img{width:100%; height:100%; object-fit:cover; display:block}#bmx .bpost .bin{padding:20px 22px 24px}#bmx .ind-link{margin-top:20px; display:inline-flex; align-items:center; gap:8px; font-size:14.5px; font-weight:600; color:var(--indigo-ink); text-decoration:underline; text-underline-offset:4px; min-height:44px}#bmx .ind-link:hover{color:var(--ink)}#bmx .ind-link .arw{transition:transform .2s var(--ease)}#bmx .ind-link:hover .arw{transform:translateX(3px)}#bmx .ind-all{margin-top:22px; text-align:center; font-size:14.5px}#bmx .ind-all a{color:var(--indigo-ink); font-weight:600; text-decoration:underline; text-underline-offset:4px}#bmx .prog{margin-top:38px; border:1px solid var(--border); border-radius:var(--r-lg); overflow:hidden; background:var(--surface); box-shadow:var(--shadow-1)}#bmx .prog-row{display:flex; align-items:center; gap:clamp(14px,2.5vw,28px); padding:20px clamp(18px,2.6vw,30px); border-top:1px solid var(--border); color:var(--ink); transition:background .18s var(--ease)}#bmx .prog-row:first-child{border-top:none}#bmx .prog-row:hover{background:var(--bg-2)}#bmx .prog-n{font-family:var(--display); font-weight:600; font-size:1.06rem; flex:0 0 clamp(150px,22%,230px)}#bmx .prog-d{font-size:14.5px; color:var(--ink-2); flex:1; line-height:1.5}#bmx .prog-row .arw{flex:0 0 auto; color:var(--indigo); transition:transform .2s var(--ease)}#bmx .prog-row:hover .arw{transform:translateX(4px)}#bmx .prog-all{margin-top:22px; text-align:center; font-size:14.5px}#bmx .prog-all a{color:var(--indigo-ink); font-weight:600; text-decoration:underline; text-underline-offset:4px}@media(max-width:640px){#bmx .prog-row{flex-wrap:wrap; gap:6px}#bmx .prog-n{flex:1 0 100%}#bmx .prog-d{flex:1 0 100%}}#bmx .prog-bento{margin-top:38px; display:grid; grid-template-columns:1.05fr 1fr; gap:16px; align-items:stretch}#bmx .prog-lead{background:linear-gradient(180deg,var(--d-bg),var(--d-surface)); color:var(--d-ink); border:1px solid var(--d-border); border-radius:var(--r-lg); padding:clamp(26px,3vw,38px); display:flex; flex-direction:column; transition:transform .25s var(--ease), box-shadow .25s}#bmx .prog-lead:hover{transform:translateY(-3px); box-shadow:var(--shadow-2)}#bmx .prog-tag{align-self:flex-start; font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:#b7b7f7; background:rgba(91,91,230,.18); border-radius:var(--r-pill); padding:5px 12px}#bmx .prog-lead h3{color:#fff; font-size:clamp(1.45rem,2.3vw,1.85rem); margin-top:18px}#bmx .prog-lead p{color:var(--d-ink-2); font-size:15px; line-height:1.6; margin-top:12px; max-width:40ch}#bmx .prog-go{margin-top:auto; padding-top:24px; display:inline-flex; align-items:center; gap:8px; color:#fff; font-weight:600; font-size:14.5px}#bmx .prog-lead:hover .arw{transform:translateX(4px)}#bmx .prog-go .arw{transition:transform .2s var(--ease)}#bmx .prog-side{display:grid; grid-template-columns:1fr 1fr; gap:16px}#bmx .prog-item{background:var(--surface); border:1px solid var(--border); border-radius:var(--r); padding:22px 20px; display:flex; flex-direction:column; gap:7px; box-shadow:var(--shadow-1); transition:transform .2s var(--ease), border-color .2s}#bmx .prog-item:hover{transform:translateY(-3px); border-color:var(--border-2)}#bmx .prog-fit{font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--indigo)}#bmx .prog-name{font-family:var(--display); font-weight:600; font-size:1.06rem; color:var(--ink); letter-spacing:-0.02em}#bmx .prog-line{font-size:13.5px; color:var(--ink-2); line-height:1.5}@media(max-width:860px){#bmx .prog-bento{grid-template-columns:1fr}}@media(max-width:560px){#bmx .prog-side{grid-template-columns:1fr}}#bmx .ind-all, #bmx .prog-all{max-width:none !important; margin-inline:auto; width:100%}@media(max-width:900px){#bmx .metrics-grid{grid-template-columns:1fr 1fr !important}#bmx .metric{border-left:none !important; padding-left:0; padding-right:14px; padding-block:16px; border-top:1px solid var(--border)}#bmx .metric:nth-child(-n+2){border-top:none}#bmx .metric .v{font-size:clamp(1.7rem,7vw,2.1rem)}#bmx .metric .k{font-size:13px}
}@media(max-width:430px){#bmx .metrics-grid{grid-template-columns:1fr !important}#bmx .metric{border-top:1px solid var(--border) !important; padding-right:0}#bmx .metric:first-child{border-top:none !important}
}#bmx .scroll-hint{display:none}@media(max-width:820px){#bmx .scroll-hint{display:block; margin-top:14px; font-size:12.5px; color:var(--ink-3); text-align:center; max-width:none}
}@media(max-width:560px){#bmx .sec{padding:44px 0}#bmx .hero{padding-top:calc(var(--hdr,0px) + 22px); padding-bottom:32px}#bmx .eng-tabs{gap:5px}#bmx .eng-tab{font-size:12px; padding:10px 12px}#bmx .prog-lead{padding:24px 22px}#bmx .cs-num{font-size:1.35rem}#bmx .q-lead blockquote{font-size:1.15rem}#bmx .ptable th, #bmx .ptable td{padding:14px 14px}
}@media(max-width:720px){#bmx .ind-tabs{flex-wrap:wrap; overflow-x:visible}#bmx .ind-tab{flex:0 0 auto; white-space:nowrap}
}@media(max-width:560px){#bmx .btn, #bmx .btn-sm{white-space:normal; text-align:center; line-height:1.3}#bmx .hero-cta{flex-direction:column; align-items:stretch}#bmx .hero-cta .btn{width:100%; justify-content:center}#bmx .midcta .btn, #bmx .final .btn, #bmx .faq-aside .btn{width:100%; justify-content:center}#bmx .btn-lg{width:100%; justify-content:center}
}@media(max-width:560px){#bmx .btn, #bmx .btn-primary, #bmx .btn-ghost, #bmx .btn-sm, #bmx .midcta .btn-primary{white-space:normal !important; overflow:visible !important}#bmx .hero-cta .btn, #bmx .midcta .btn, #bmx .final .btn{width:100% !important; justify-content:center}
}#bmx .proto{background:#111; color:#fff; font-size:12.5px; text-align:center; padding:8px 16px}#bmx .proto b{color:#8fa2ff}

#bmx{max-width:none;margin:0;padding:0}
/* ================= solution pages supplement ================= */
#bmx .hero-grid.hero-solo{grid-template-columns:1fr;max-width:900px;margin:0 auto;text-align:center}
#bmx .hero-solo .hero-cta{justify-content:center}
/* 6-col track so a 5-item programme list lays out 3 then 2 with the final row
   filling the width, instead of leaving a dead third column */
#bmx .progs{margin-top:36px;display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
#bmx .progs>*{grid-column:span 2}
#bmx .progs>*:nth-child(4):nth-last-child(2),
#bmx .progs>*:nth-child(5):nth-last-child(1){grid-column:span 3}
/* explicit column counts so a grid never orphans a lone card on the last row */
#bmx .feat-grid{margin-top:36px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}
#bmx .feat-grid.cols-1{grid-template-columns:1fr;max-width:70ch;margin-inline:auto}
#bmx .feat-grid.cols-2{grid-template-columns:repeat(2,1fr)}
#bmx .feat-grid.cols-3{grid-template-columns:repeat(3,1fr)}
#bmx .feat-grid.cols-4{grid-template-columns:repeat(4,1fr)}
/* asymmetric section head: title left, prose right */
#bmx .sh-aside{align-self:center}
#bmx .sh-aside p{margin:0 0 14px;color:var(--ink-2);font-size:15.5px;line-height:1.75}
#bmx .sh-aside p:last-child{margin-bottom:0}
/* timeline variants beyond the homepage's fixed 3 columns */
#bmx .flow.f2{grid-template-columns:repeat(2,1fr)}
#bmx .flow.f4{grid-template-columns:repeat(4,1fr)}
#bmx .flow.f5,#bmx .flow.f6{grid-template-columns:repeat(3,1fr);row-gap:34px}
#bmx .flow.f5::before,#bmx .flow.f6::before{display:none}
#bmx .feat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:22px 20px;box-shadow:var(--shadow-1)}
#bmx .feat h3{font-family:var(--display);font-weight:600;font-size:1.05rem;line-height:1.3;margin:0 0 8px;color:var(--ink)}
#bmx .feat p{margin:0;color:var(--ink-2);font-size:14.5px;line-height:1.62}
#bmx .ptable{margin-top:36px}
/* above-the-fold visual: the centerpiece element layout-aware ranking looks at.
   min-width:0 matters here. aspect-ratio plus a min-height gives the slot an
   intrinsic width that overrides its grid fraction and crushes the text column. */
#bmx .hero-grid>*{min-width:0}
#bmx .hero-vis{align-self:center;min-width:0}
#bmx .hero-vis .imgslot{width:100%;aspect-ratio:16/10;min-height:0}
@media(min-width:981px){
  #bmx .hero-grid:has(.hero-vis){grid-template-columns:1.12fr .88fr}
  #bmx .hero-grid:has(.hero-vis) h1{font-size:clamp(2rem,3.4vw,3rem)}
}
/* below that the hero stacks; the :has() rule above must not outrank the
   theme's own single-column mobile hero */
@media(max-width:980px){
  #bmx .hero-grid,#bmx .hero-grid:has(.hero-vis){grid-template-columns:1fr}
  /* headline stays first on small screens so the page answers "what is this"
     before it shows anything; the visual still lands above the fold */
  #bmx .hero-vis{max-width:520px}
}
#bmx .sec-head.split>*{min-width:0}
#bmx .sec-head.split .imgslot{width:100%;aspect-ratio:16/10;min-height:0}
#bmx .sec-prose{margin-top:20px;max-width:74ch}
#bmx .sec-head.center + .sec-prose{margin-left:auto;margin-right:auto}
#bmx .sec-prose p{margin:0 0 14px;color:var(--ink-2);font-size:15.5px;line-height:1.75}
#bmx .sec-prose p:last-child{margin-bottom:0}
#bmx .bmx-list{margin:20px auto 0;max-width:74ch;padding-left:20px}
#bmx .bmx-list li{color:var(--ink-2);font-size:15.5px;line-height:1.7;margin-bottom:9px}
#bmx .faq-note{margin-top:24px;text-align:center;color:var(--ink-3);font-size:14.5px}
@media(max-width:980px){
  #bmx .feat-grid.cols-3,#bmx .feat-grid.cols-4{grid-template-columns:repeat(2,1fr)}
  #bmx .flow.f4,#bmx .flow.f5,#bmx .flow.f6{grid-template-columns:repeat(2,1fr)}
  #bmx .sec-head.split{grid-template-columns:1fr;gap:18px}
  #bmx .progs{grid-template-columns:repeat(2,1fr)}
  #bmx .progs>*{grid-column:auto}
  #bmx .progs>*:nth-child(5):nth-last-child(1){grid-column:span 2}
}
@media(max-width:640px){
  #bmx .progs,#bmx .feat-grid,#bmx .feat-grid.cols-2,#bmx .feat-grid.cols-3,#bmx .feat-grid.cols-4{grid-template-columns:1fr}
  #bmx .progs>*,#bmx .progs>*:nth-child(4):nth-last-child(2),#bmx .progs>*:nth-child(5):nth-last-child(1){grid-column:auto}
  #bmx .flow.f2,#bmx .flow.f4,#bmx .flow.f5,#bmx .flow.f6{grid-template-columns:1fr}
}