/* ==========================================================================
   Bike Moto — Modern v2 layer
   Loaded AFTER style.css. Brand colours are taken straight from the logo:
     orange #FA9A20 · teal #26AB94 · green #4DB955 · red #CC2229
   Motion is transform/opacity only, and switched off for prefers-reduced-motion.
   Remove the two enqueues in functions.php to roll this whole layer back.
   ========================================================================== */

/* ---------- 1. Tokens ---------- */
:root{
  --brand-orange:#FA9A20; --brand-teal:#26AB94; --brand-green:#4DB955; --brand-red:#CC2229;
  --brand-grad:linear-gradient(90deg,var(--brand-orange),var(--brand-red) 38%,var(--brand-teal) 70%,var(--brand-green));
  --brand-grad-warm:linear-gradient(135deg,#FFB547,var(--brand-orange) 45%,#F0701A);
  --r-sm:10px; --r:16px; --r-lg:22px;
  --ease-out:cubic-bezier(.22,1,.36,1);
  --ease-spring:cubic-bezier(.34,1.56,.64,1);
  --on-accent:#fff;
  /* light mode: text-safe orange (white on it >= 4.5:1) */
  --accent:#B25400; --accent-dim:#8F4300; --accent-glow:rgba(250,154,32,.35);
  /* light theme text: true black, with strong secondary greys (all >= 7:1 on white) */
  --text:#000000; --text-dim:#26221e; --text-faint:#4d4741;
  --border:#cfc7bc;
  --shadow-card:0 1px 2px rgba(23,20,15,.05),0 8px 24px -12px rgba(23,20,15,.18);
  --shadow-lift:0 2px 4px rgba(23,20,15,.06),0 22px 44px -18px rgba(178,84,0,.35);
  --glass:color-mix(in srgb,var(--bg) 72%,transparent);
}
:root:not([data-theme="light"]){
  --bg:#09090b; --bg-alt:#101013; --surface:#16151a; --surface-2:#1d1b22; --border:#2a2730;
  --accent:#FA9A20; --accent-dim:#FFB547; --accent-glow:rgba(250,154,32,.42);
  --on-accent:#1b1204;
  /* dark theme text: true white, with strong secondary greys (all >= 8:1 on the card surface) */
  --text:#ffffff; --text-dim:#e6e2dd; --text-faint:#bdb7b0;
  --good:#4DB955; --bad:#ef5a5a;
  --shadow-card:0 1px 2px rgba(0,0,0,.5),0 10px 30px -14px rgba(0,0,0,.7);
  --shadow-lift:0 2px 4px rgba(0,0,0,.5),0 24px 48px -18px rgba(250,154,32,.28);
}

/* ---------- 2. Base smoothness ---------- */
html{ scroll-padding-top:92px; }
body{ text-rendering:optimizeLegibility; }
::selection{ background:var(--brand-orange); color:#1b1204; }
:focus-visible{ outline:2px solid var(--brand-orange); outline-offset:3px; border-radius:6px; }
*{ scrollbar-width:thin; scrollbar-color:color-mix(in srgb,var(--text-faint) 55%,transparent) transparent; }
img{ -webkit-user-drag:none; }
a,button{ -webkit-tap-highlight-color:transparent; }
h1,h2,h3{ letter-spacing:-.005em; }

/* page-to-page cross-fade (Chrome/Edge/Safari; ignored elsewhere) */
@view-transition{ navigation:auto; }
::view-transition-old(root){ animation:bm-vt-out .16s ease both; }
::view-transition-new(root){ animation:bm-vt-in .32s var(--ease-out) both; }
@keyframes bm-vt-out{ to{ opacity:0; } }
@keyframes bm-vt-in{ from{ opacity:0; transform:translateY(8px); } }
.bm-nav{ view-transition-name:bm-nav; }

/* ---------- 3. Scroll progress + back-to-top (injected by modern.js) ---------- */
.bm-progress{ position:fixed; inset:0 0 auto 0; height:3px; z-index:120; pointer-events:none; }
.bm-progress i{ display:block; height:100%; background:var(--brand-grad); transform-origin:0 50%; transform:scaleX(0); will-change:transform; border-radius:0 3px 3px 0; box-shadow:0 0 12px rgba(250,154,32,.55); }
.bm-totop{
  position:fixed; right:20px; bottom:20px; z-index:90; width:48px; height:48px; border-radius:50%; border:0; padding:0;
  display:grid; place-items:center; color:var(--text); cursor:pointer;
  background:conic-gradient(var(--brand-orange) calc(var(--p,0)*1%), color-mix(in srgb,var(--text) 14%,transparent) 0);
  opacity:0; transform:translateY(14px) scale(.9); pointer-events:none;
  transition:opacity .3s ease, transform .4s var(--ease-spring);
  box-shadow:0 10px 26px -8px rgba(0,0,0,.55);
}
.bm-totop::before{ content:""; position:absolute; inset:3px; border-radius:50%; background:var(--surface); }
.bm-totop svg{ position:relative; width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.bm-totop.is-on{ opacity:1; transform:none; pointer-events:auto; }
.bm-totop:hover{ transform:translateY(-3px); }
@media (max-width:640px){ .bm-totop{ right:14px; bottom:84px; width:44px; height:44px; } }

/* ---------- 4. Navigation ---------- */
.bm-nav{ background:var(--glass); backdrop-filter:saturate(1.6) blur(18px); -webkit-backdrop-filter:saturate(1.6) blur(18px); border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent); transition:box-shadow .3s ease, background .3s ease; }
.bm-nav-row{ transition:height .3s var(--ease-out); }
.bm-nav.is-scrolled{ box-shadow:0 12px 32px -18px rgba(0,0,0,.6); }
.bm-nav.is-scrolled .bm-nav-row{ height:62px; }
.bm-logo .bm-logo-img{ transition:height .3s var(--ease-out), transform .3s var(--ease-out); }
.bm-nav.is-scrolled .bm-logo .bm-logo-img{ height:46px; }
.bm-logo:hover .bm-logo-img{ transform:scale(1.03); }
.bm-nav-links a{ transition:color .2s ease; }
.bm-nav-links > ul > li > a::before{ content:""; position:absolute; left:0; right:0; bottom:-4px; height:2px; border-radius:2px; background:var(--brand-grad); transform:scaleX(0); transform-origin:0 50%; transition:transform .35s var(--ease-out); }
.bm-nav-links > ul > li > a:hover::before,
.bm-nav-links li.current-menu-item > a::before,
.bm-nav-links li.bm-current > a::before{ transform:scaleX(1); }
.bm-nav-links li.current-menu-item > a::after,
.bm-nav-links li.bm-current > a::after{ display:none; }
.bm-nav-links .sub-menu{ border-radius:var(--r); box-shadow:0 24px 60px -20px rgba(0,0,0,.6); animation:bm-pop .22s var(--ease-out) both; }
@keyframes bm-pop{ from{ opacity:0; transform:translate(-50%,6px) scale(.98); } }
.bm-icon-btn{ border-radius:12px; transition:background .2s ease, border-color .2s ease, transform .2s var(--ease-spring), color .2s ease; }
.bm-icon-btn:hover{ transform:translateY(-2px); border-color:var(--brand-orange); color:var(--accent); }
.bm-icon-btn:active{ transform:scale(.94); }
.bm-search-panel{ background:color-mix(in srgb,var(--bg-alt) 92%,transparent); }
.bm-mobile-menu{ border-radius:var(--r-lg) 0 0 var(--r-lg); transition:transform .45s var(--ease-out); }
.bm-mobile-menu li a{ transition:color .2s ease, padding-left .25s var(--ease-out); }
.bm-mobile-menu li a:hover{ color:var(--text); padding-left:12px; }

/* sticky sub-bars follow the shrunken (62px) nav */
.bm-tabnav{ top:61px; background:var(--glass); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); }
.bm-filters{ top:80px; }

/* ---------- 5. Buttons ---------- */
.bm-btn-solid,.bm-console-submit,.bm-cmp__cta{
  position:relative; overflow:hidden; isolation:isolate; clip-path:none !important; border-radius:12px;
  background:var(--brand-grad-warm) !important; border:0 !important; color:var(--on-accent) !important;
  box-shadow:0 8px 22px -10px var(--accent-glow);
  transition:transform .3s var(--ease-spring), box-shadow .3s ease, filter .3s ease;
}
:root[data-theme="light"] .bm-btn-solid,:root[data-theme="light"] .bm-console-submit,:root[data-theme="light"] .bm-cmp__cta{ background:linear-gradient(135deg,#d96a00,#b25400) !important; color:#fff !important; }
.bm-btn-solid::after,.bm-console-submit::after{ content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%); transform:translateX(-120%); transition:transform .7s var(--ease-out); }
.bm-btn-solid:hover,.bm-console-submit:hover{ transform:translateY(-2px); box-shadow:0 16px 34px -10px var(--accent-glow); filter:saturate(1.08); }
.bm-btn-solid:hover::after,.bm-console-submit:hover::after{ transform:translateX(120%); }
.bm-btn-solid:active,.bm-console-submit:active{ transform:translateY(0) scale(.97); }
.bm-hero-link,.bm-view-all{ border-radius:0; transition:color .2s ease, border-color .2s ease, gap .25s var(--ease-out); }
.bm-view-all:hover{ gap:12px; }

/* every "filled with accent" state: dark ink in dark mode so orange stays readable */
::selection{ color:#1b1204; }
.bm-search-panel button,.bm-cat-pill.is-active,.bm-tag.hot,.bm-card-view:hover,.bm-card-cmp.is-active,.bm-badge.hot,
.loc-picker__geo-yes,.bm-spec-tabnav button.is-active,.bm-pagination .current,.bm-variant-row__viewbtn:hover,.bm-slider__nav:hover{
  color:var(--on-accent) !important; background:var(--accent); border-color:var(--accent);
}
.bm-search-panel button{ border-radius:10px; }

/* ---------- 6. Eyebrow / brand details ---------- */
.eyebrow::before{ width:26px; height:4px; border-radius:4px; background:var(--brand-grad); }
.bm-hero h1 .accent{ background:var(--brand-grad-warm); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; }
:root[data-theme="light"] .bm-hero h1 .accent{ background:linear-gradient(135deg,#d96a00,#b25400); -webkit-background-clip:text; background-clip:text; }
.bm-hero-kicker{ border-radius:999px; backdrop-filter:blur(8px); }
.bm-hero-kicker .dot{ background:var(--brand-green); box-shadow:0 0 0 3px rgba(77,185,85,.28); animation:bm-ping 2.2s ease-out infinite; }
@keyframes bm-ping{ 0%{ box-shadow:0 0 0 0 rgba(77,185,85,.55); } 80%,100%{ box-shadow:0 0 0 9px rgba(77,185,85,0); } }

/* ---------- 7. Hero ---------- */
.bm-hero{ background:var(--bg); border-bottom:0; }
.bm-hero::after{
  content:""; position:absolute; inset:-20% -10% auto -10%; height:120%; pointer-events:none; z-index:0; opacity:.9;
  background:
    radial-gradient(520px 360px at 82% 8%, rgba(250,154,32,.30), transparent 70%),
    radial-gradient(460px 340px at 94% 52%, rgba(38,171,148,.22), transparent 70%),
    radial-gradient(420px 320px at 62% 0%, rgba(204,34,41,.18), transparent 70%),
    radial-gradient(380px 280px at 8% 92%, rgba(77,185,85,.12), transparent 70%);
  animation:bm-drift 22s ease-in-out infinite alternate; will-change:transform;
}
@keyframes bm-drift{ from{ transform:translate3d(0,0,0) scale(1); } to{ transform:translate3d(-2.5%,3%,0) scale(1.08); } }
.bm-hero-grid{ z-index:1; }
.bm-hero h1 .outline{ -webkit-text-stroke:1.5px color-mix(in srgb,var(--text) 85%,transparent); }
.bm-hero-stat b{ background:var(--brand-grad-warm); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; }
:root[data-theme="light"] .bm-hero-stat b{ background:linear-gradient(135deg,#d96a00,#8F4300); -webkit-background-clip:text; background-clip:text; }
.bm-console{ border-radius:var(--r-lg); overflow:hidden; background:color-mix(in srgb,var(--surface) 82%,transparent); backdrop-filter:blur(14px); box-shadow:var(--shadow-card), 0 40px 80px -40px rgba(250,154,32,.25); position:relative; border:1px solid var(--border); }
.bm-console::before{ content:""; position:absolute; inset:0; border-radius:inherit; padding:1px; background:linear-gradient(140deg,rgba(250,154,32,.7),transparent 30%,transparent 65%,rgba(38,171,148,.6)); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; }
.bm-console-media{ border-radius:var(--r); overflow:hidden; }
.bm-console-media img{ transition:transform 1.2s var(--ease-out); }
.bm-console:hover .bm-console-media img{ transform:scale(1.04); }
.bm-field,.bm-field--select,.bm-city-select,.bm-form-field input,.bm-form-field select,.bm-form-field textarea,.bm-emi-field,.bm-sort select,.bm-filter-opt{ border-radius:12px; }
.bm-field{ transition:border-color .2s ease, box-shadow .2s ease; }
.bm-field:focus-within{ border-color:var(--brand-orange); box-shadow:0 0 0 4px rgba(250,154,32,.16); }

/* ---------- 8. Category pills ---------- */
.bm-cat-pill{ border-radius:999px; transition:transform .3s var(--ease-spring), background .25s ease, border-color .25s ease, color .25s ease, box-shadow .25s ease; }
.bm-cat-pill:hover{ transform:translateY(-2px); border-color:var(--brand-orange); box-shadow:0 10px 22px -12px var(--accent-glow); }
.bm-cat-pill.is-active{ box-shadow:0 10px 24px -10px var(--accent-glow); }
.bm-cat-arrow{ transition:transform .25s var(--ease-spring), border-color .2s ease, color .2s ease; }
.bm-cat-arrow:hover{ transform:translateY(-50%) scale(1.08); }

/* ---------- 9. Cards (bike / blog / brand / pillars) ---------- */
.bm-card,.bm-blog-card,.bm-brand-page-card{
  position:relative; border-radius:var(--r-lg); overflow:hidden; background:var(--surface); box-shadow:var(--shadow-card);
  transition:transform .45s var(--ease-out), box-shadow .45s var(--ease-out), border-color .3s ease;
}
.bm-card::before,.bm-blog-card::before,.bm-brand-page-card::before{ /* cursor spotlight */
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none; opacity:0; transition:opacity .35s ease;
  background:radial-gradient(360px circle at var(--mx,50%) var(--my,0%), rgba(250,154,32,.14), transparent 60%);
}
.bm-card::after,.bm-blog-card::after,.bm-brand-page-card::after{ /* brand stripe */
  content:""; position:absolute; left:0; right:0; top:0; height:3px; z-index:2; background:var(--brand-grad); transform:scaleX(0); transform-origin:0 50%; transition:transform .5s var(--ease-out);
}
.bm-card:hover,.bm-blog-card:hover,.bm-brand-page-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow-lift); border-color:color-mix(in srgb,var(--brand-orange) 45%,var(--border)); }
.bm-card:hover::before,.bm-blog-card:hover::before,.bm-brand-page-card:hover::before{ opacity:1; }
.bm-card:hover::after,.bm-blog-card:hover::after,.bm-brand-page-card:hover::after{ transform:scaleX(1); }
.bm-card-media img,.bm-blog-media img{ transition:transform .9s var(--ease-out); }
.bm-card:hover .bm-card-media img,.bm-blog-card:hover .bm-blog-media img{ transform:scale(1.07); }
.bm-card-body,.bm-blog-body{ position:relative; z-index:2; }
.bm-card-view,.bm-card-cmp{ border-radius:12px; transition:background .25s ease, color .25s ease, border-color .25s ease, transform .3s var(--ease-spring); }
.bm-card-view:hover,.bm-card-cmp:hover{ transform:translateY(-2px); }
.bm-card-cmp:active,.bm-card-view:active{ transform:scale(.94); }
.bm-card-price b,.bm-brand-page-range{ color:var(--accent); }
.bm-tag,.bm-badge{ border-radius:999px; }
.bm-card-specs b{ color:var(--text); }
.bm-card-specs span,.bm-card-price span,.bm-card-brand{ color:var(--text-faint); }
.bm-card-name,.bm-card-name a,.bm-blog-title a{ color:var(--text); }
.bm-brand-cell{ color:var(--text-dim); }
.bm-brand-cell:hover{ color:var(--text); }
.bm-bike-rail{ scroll-behavior:smooth; }
.bm-bike-rail::-webkit-scrollbar-thumb{ background:var(--brand-orange); border-radius:6px; }
.bm-brand-grid{ border-radius:var(--r-lg); overflow:hidden; }
.bm-brand-cell{ transition:background .3s ease, color .3s ease, letter-spacing .3s var(--ease-out); }
.bm-brand-cell:hover{ letter-spacing:.04em; }
.bm-pillars{ border-radius:var(--r-lg); overflow:hidden; }
.bm-pillar{ position:relative; transition:background .35s ease, transform .4s var(--ease-out); }
.bm-pillar:hover{ background:var(--surface); }
.bm-pillar::after{ content:""; position:absolute; left:32px; right:32px; bottom:0; height:3px; border-radius:3px; background:var(--c,var(--brand-orange)); transform:scaleX(0); transform-origin:0 50%; transition:transform .5s var(--ease-out); }
.bm-pillar:hover::after{ transform:scaleX(1); }
.bm-pillar:nth-child(1){ --c:var(--brand-orange); } .bm-pillar:nth-child(2){ --c:var(--brand-teal); } .bm-pillar:nth-child(3){ --c:var(--brand-green); }
.bm-pillar .num{ color:var(--c,var(--accent)); }
:root[data-theme="light"] .bm-pillar:nth-child(2) .num{ color:#16816e; } :root[data-theme="light"] .bm-pillar:nth-child(3) .num{ color:#2b8a33; }

/* ---------- 10. FAQ ---------- */
.bm-faq-q{ border-radius:10px; transition:color .2s ease, padding-left .3s var(--ease-out); }
.bm-faq-q:hover{ color:var(--accent); padding-left:10px; }
.bm-faq-q .plus::before,.bm-faq-q .plus::after{ background:var(--brand-orange); border-radius:2px; }
.bm-faq-a{ transition:max-height .45s var(--ease-out); }
.bm-faq-item.is-open{ border-bottom-color:color-mix(in srgb,var(--brand-orange) 50%,var(--border)); }

/* ---------- 11. CTA band ---------- */
.bm-cta-band{ background:var(--bg-alt); border-top:1px solid var(--border); isolation:isolate; }
.bm-cta-band::before{ background:
  radial-gradient(600px 300px at 12% 120%, rgba(204,34,41,.35), transparent 70%),
  radial-gradient(640px 320px at 88% -20%, rgba(250,154,32,.38), transparent 70%),
  radial-gradient(500px 260px at 60% 130%, rgba(38,171,148,.28), transparent 70%); z-index:-1; }
.bm-cta-band::after{ content:""; position:absolute; left:0; right:0; top:0; height:3px; background:var(--brand-grad); }
.bm-cta-inner h2{ color:var(--text); }
.bm-cta-inner p{ color:var(--text-dim); }
.bm-cta-band .bm-btn-solid{ background:var(--brand-grad-warm) !important; }

/* ---------- 12. Footer ---------- */
.bm-footer{ position:relative; background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--bg-alt) 80%,transparent)); }
.bm-footer::before{ content:""; position:absolute; left:0; right:0; top:0; height:2px; background:var(--brand-grad); opacity:.9; }
.bm-foot-social a{ border-radius:12px; transition:transform .3s var(--ease-spring), border-color .2s ease, color .2s ease, background .2s ease; }
.bm-foot-social a:hover{ transform:translateY(-3px); background:var(--surface); }
.bm-foot-col a{ display:inline-block; transition:color .2s ease, transform .25s var(--ease-out); }
.bm-foot-col a:hover{ transform:translateX(4px); }

/* ---------- 13. Bike detail / location / compare / listings ---------- */
.bm-price-console,.bm-summary-box,.bm-emi-panel,.bm-emi-result,.bm-spec-panel,.bm-spec-group,.bm-info,.bm-quickstats,.bm-highlight-cell,
.bm-showcase,.bm-proscons,.bm-comment,.bm-comment-form,.bm-filters,.bm-review-summary,.bm-loc-hero,.bm-loc-breakup,.bm-loc-intro,.bm-loc-minitable,
.bm-colour-preview,.bm-toc,.bm-cmp,.bm-empty,.loc-picker__panel,.loc-picker__geo-banner{ border-radius:var(--r); }
.bm-gallery-main,.bm-slider,.bm-slider__stage,.bm-loc-gallery__main,.bm-gallery-thumbs img,.bm-slider__thumbs button,.bm-slider__thumbs img{ border-radius:var(--r); overflow:hidden; }
.bm-variant-list{ overflow:visible; }
.bm-variant-list__head{ padding:0 8px 4px; overflow:visible; }
.bm-variant-row{ border-radius:var(--r); overflow:hidden; transition:transform .4s var(--ease-out), box-shadow .4s var(--ease-out), border-color .3s ease; }
.bm-variant-row:hover{ transform:translateY(-3px); box-shadow:var(--shadow-lift); }
.bm-variant-row::before{ background:var(--brand-grad) !important; width:4px; }
.bm-variant-row__viewbtn,.bm-spec-tabnav button,.bm-pagination a,.bm-pagination span,.bm-slider__nav,.loc-picker__input,.bm-toc a{ border-radius:10px; transition:transform .3s var(--ease-spring), background .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease; }
.bm-slider__nav:hover{ transform:scale(1.1); }
.bm-slider__thumbs button,.bm-gallery-thumbs img{ transition:transform .3s var(--ease-spring), box-shadow .25s ease, border-color .25s ease; }
.bm-slider__thumbs button:hover,.bm-gallery-thumbs img:hover{ transform:translateY(-3px); }
.bm-tabnav a,.bm-tabnav button{ transition:color .2s ease, border-color .25s ease; }
.bm-spec-row{ transition:background .2s ease; }
.bm-spec-row:hover{ background:color-mix(in srgb,var(--brand-orange) 6%,transparent); }
.bm-cmp__img img{ transition:transform .6s var(--ease-out); } .bm-cmp:hover .bm-cmp__img img{ transform:scale(1.05); }
input,select,textarea{ transition:border-color .2s ease, box-shadow .2s ease, background .2s ease; }
input:focus,select:focus,textarea:focus{ border-color:var(--brand-orange); box-shadow:0 0 0 4px rgba(250,154,32,.16); outline:none; }

/* summary text fills the full content width (was capped at 780px, leaving the right half empty) */
.bm-summary-box{ max-width:none; width:100%; padding-left:clamp(22px,3vw,44px); padding-right:clamp(22px,3vw,44px); font-size:16.5px; line-height:1.85; color:var(--text-dim); }
.bm-summary-box p{ max-width:none; }

/* ---------- 14. Scroll reveal (class added by modern.js; nothing hides if JS is off) ---------- */
/* opacity + vertical slide only (no scale), and the transform is removed once revealed, so text is always rendered crisp */
.bm-js .bm-rv{ opacity:0; transform:translate3d(0,22px,0); transition:opacity .7s var(--ease-out), transform .8s var(--ease-out); transition-delay:var(--d,0ms); }
.bm-js .bm-rv.is-in{ opacity:1; transform:none; }
.bm-js .bm-hero .bm-rv{ transform:translate3d(0,30px,0); }
/* hero text lines arrive on load */
.bm-js .bm-hero h1,.bm-js .bm-hero-sub,.bm-js .bm-hero-actions,.bm-js .bm-hero-kicker,.bm-js .bm-hero-stats{ animation:bm-rise .9s var(--ease-out) both; }
.bm-js .bm-hero-kicker{ animation-delay:.05s; } .bm-js .bm-hero h1{ animation-delay:.15s; } .bm-js .bm-hero-sub{ animation-delay:.3s; } .bm-js .bm-hero-actions{ animation-delay:.42s; } .bm-js .bm-hero-stats{ animation-delay:.55s; }
@keyframes bm-rise{ from{ opacity:0; transform:translate3d(0,26px,0); } }

/* ---------- 15. Motion safety ---------- */
@media (prefers-reduced-motion:reduce){
  .bm-js .bm-rv{ opacity:1 !important; transform:none !important; transition:none !important; }
  .bm-hero::after,.bm-hero-kicker .dot{ animation:none !important; }
  .bm-js .bm-hero h1,.bm-js .bm-hero-sub,.bm-js .bm-hero-actions,.bm-js .bm-hero-kicker,.bm-js .bm-hero-stats{ animation:none !important; }
  .bm-card:hover,.bm-blog-card:hover,.bm-variant-row:hover{ transform:none; }
  @view-transition{ navigation:none; }
}
@media (hover:none){
  .bm-card:hover,.bm-blog-card:hover,.bm-brand-page-card:hover{ transform:none; }
  .bm-card::before,.bm-blog-card::before{ display:none; }
}