/* =====================================================================
   Bullish Marketing · Apple layer (Oct 29 2026)
   Loads after styles.css on every marketing page.
   Dark/light rhythm, Apple-scale type, blur-into-focus reveals,
   dark glass nav, cinematic heroes.
   ===================================================================== */
:root{
  --ax-black:#07061A;
  --ax-ink:#12102E;
  --ax-lime:#B8E62E;
  --ax-violet:#6C5CE7;
  --ax-mute:#A9A7C2;
  --ax-gray:#F5F5F7;
}

/* ---------- Type ---------- */
body{letter-spacing:-0.006em}
h1{font-size:clamp(46px,6.4vw,92px);letter-spacing:-0.052em;line-height:.98;font-weight:800}
h2{font-size:clamp(36px,4.9vw,70px);letter-spacing:-0.046em;line-height:1.02;font-weight:800}
h3{letter-spacing:-0.022em}
.lead{font-size:clamp(18px,1.45vw,22px);font-weight:500;line-height:1.5}
.sec-head{margin-bottom:60px}
.section{padding:132px 0}
@media (max-width:760px){.section{padding:84px 0}}
.kicker{background:none !important;padding:0 !important;font-size:17px;font-weight:700;color:#6C6A84;margin-bottom:12px}
.kicker::before{display:none}
.band-ink .kicker,.ax-hero .kicker,.band-purple.ax-dark .kicker{color:var(--ax-mute) !important}
.gw{background-image:linear-gradient(95deg,#3B2FC9 0%,#6C5CE7 48%,#7FA329 100%)}
.band-ink .gw,.ax-hero .gw,.footer .gw{background-image:linear-gradient(95deg,#E2F98C 0%,#B8E62E 40%,#A99BFF 100%) !important}

/* ---------- Blur-into-focus reveals (replaces the slide-up) ---------- */
.rv{opacity:0;filter:blur(10px);transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),filter .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}
.rv.in{opacity:1;filter:blur(0);transform:none}
.ax-words .w{opacity:.16;transition:opacity .5s ease}
.ax-words .w.on{opacity:1}
@media (prefers-reduced-motion:reduce){.rv{filter:none;opacity:1;transform:none}.ax-words .w{opacity:1}}

/* ---------- Buttons ---------- */
.btn{border-radius:999px;font-weight:800;letter-spacing:-0.005em}
.btn-primary{background:var(--ax-lime);color:var(--ax-ink);box-shadow:0 14px 30px -12px rgba(184,230,46,.75)}
.btn-primary:hover{background:#C9F04D;color:var(--ax-ink)}
.band-ink .btn-white,.ax-hero .btn-white{background:#F5F5F7;color:var(--ax-ink)}
.band-ink .btn-ghost,.ax-hero .btn-ghost{color:#F5F5F7;border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.06)}

/* ---------- Nav: dark glass everywhere ---------- */
.nav{background:rgba(10,9,28,.74);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}
.nav .wrap{height:64px}
.nav .logo{color:#F5F5F7;font-size:20px}
.nav .logo .lm{color:var(--ax-mute)}
.nav .mark-img{width:28px;height:28px}
.nav .links a,.nav .dd-btn{color:#D9D8E6 !important;background:none}
.nav .links a:hover,.nav .links a[aria-current="page"],.nav .dd-btn:hover,.nav .dd.active>.dd-btn{color:#FFFFFF !important;background:rgba(255,255,255,.08)}
.nav .links .btn.nav-portal{color:var(--ax-ink) !important;background:var(--ax-lime);box-shadow:0 10px 24px -10px rgba(184,230,46,.8)}
.nav .links .btn.nav-portal:hover{background:#C9F04D}
.nav .dd-menu{background:rgba(22,20,52,.96);border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px -20px rgba(0,0,0,.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.nav .dd-menu a{color:#F5F5F7 !important}
.nav .dd-menu a small{color:var(--ax-mute)}
.nav .dd-menu a:hover,.nav .dd-menu a[aria-current="page"]{background:rgba(255,255,255,.08)}
.nav .burger{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}
.nav .burger span{background:#F5F5F7}
@media (max-width:1060px){
  .nav .links{background:rgba(10,9,28,.97);border-bottom:1px solid rgba(255,255,255,.08);top:64px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
  .nav .links a{font-size:19px;font-weight:700}
  .nav .dd-menu{background:none;border:0;box-shadow:none;backdrop-filter:none}
  .nav.open .links{max-height:calc(100dvh - 64px)}
}
html{scroll-padding-top:80px}

/* ---------- Hero: cinematic dark ---------- */
.hero.ax-hero{background:radial-gradient(60% 70% at 85% 0%,rgba(108,92,231,.28),transparent 70%),radial-gradient(50% 60% at 0% 100%,rgba(184,230,46,.14),transparent 70%),#000;color:#F5F5F7;padding:96px 0 96px}
.hero.ax-hero h1{background:none !important;color:#F5F5F7 !important;-webkit-text-fill-color:#F5F5F7}
.hero.ax-hero h1 .gw{-webkit-text-fill-color:transparent}
.hero.ax-hero .lead{color:var(--ax-mute)}
.hero.ax-hero .hero-note{color:#D9D8E6}
.hero.ax-hero .glow,.hero.ax-hero .orb{opacity:.35;mix-blend-mode:screen}
.hero.ax-hero .chips span,.hero.ax-hero .tag{background:rgba(255,255,255,.08);color:#F5F5F7;border-color:rgba(255,255,255,.14)}
@media (max-width:760px){.hero.ax-hero{padding:64px 0 72px}}

/* ---------- Dark bands (band-ink) ---------- */
.band-ink{background:radial-gradient(50% 60% at 90% 0%,rgba(108,92,231,.22),transparent 70%),radial-gradient(45% 55% at 0% 100%,rgba(184,230,46,.10),transparent 70%),var(--ax-black) !important;color:#F5F5F7}
.band-ink .lead,.band-ink p{color:#B4B2CC}
.band-ink h1,.band-ink h2,.band-ink h3{color:#F5F5F7}
.band-ink .ic-card h3,.band-ink .ic-card b,.band-ink .ic-card strong{color:var(--ax-ink)}
.band-ink .ic-card p{color:#4E4C63}
.band-ink .chips span,.band-ink .chip,.band-ink .tag{background:rgba(255,255,255,.08);color:#F5F5F7;border-color:rgba(255,255,255,.14)}
.band-ink .row,.band-ink .rows>*{border-color:rgba(255,255,255,.12)}
.band-ink .meta,.band-ink small{color:var(--ax-mute)}
.band-ink a:not(.btn){color:#DDF68F}
.band-ink::before{display:none !important}

/* ---------- Light bands ---------- */
main>.section.ax-light{background:#FFFFFF !important}
main>.section.ax-gray{background:var(--ax-gray) !important}
.section.ax-light::before,.section.ax-gray::before{display:none !important}

/* ---------- Cards: softer, rounder, Apple ---------- */
.ic-card{border-radius:28px}
.frame{border-radius:28px}

/* ---------- CTA band ---------- */
.band-purple.cta-band.ax-dark{background:radial-gradient(45% 70% at 50% 120%,rgba(184,230,46,.30),transparent 70%),radial-gradient(35% 60% at 15% 110%,rgba(108,92,231,.30),transparent 70%),var(--ax-black) !important;color:#F5F5F7}
.band-purple.cta-band.ax-dark .lead,.band-purple.cta-band.ax-dark p{color:#B4B2CC}
.band-purple.cta-band.ax-dark .gw{background-image:linear-gradient(95deg,#E2F98C 0%,#B8E62E 40%,#A99BFF 100%) !important}
.band-purple.cta-band.ax-dark .btn-white{background:var(--ax-lime);color:var(--ax-ink)}
.band-purple.cta-band.ax-dark .btn-ghost{color:#F5F5F7;border-color:rgba(255,255,255,.28)}

/* ---------- Footer ---------- */
.footer{background:var(--ax-black);border-top:1px solid rgba(255,255,255,.08)}

/* ---------- Glass cards on dark bands ---------- */
.band-ink :is(.row,.ind-card,.pc,.driver,.stat,.gg,.vs,.fact,.feature,.addon,.step){background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.12) !important;box-shadow:none !important;color:#F5F5F7;-webkit-backdrop-filter:none;backdrop-filter:none}
.band-ink :is(.row,.ind-card,.pc,.driver,.stat,.gg,.vs,.fact,.feature,.addon,.step) :is(h3,h4,b,strong){color:#F5F5F7 !important;-webkit-text-fill-color:#F5F5F7}
.band-ink :is(.row,.ind-card,.pc,.driver,.stat,.gg,.vs,.fact,.feature,.addon,.step) :is(p,small,li){color:#B4B2CC !important}
.band-ink :is(.row,.ind-card,.pc,.driver,.stat,.gg,.vs,.fact,.feature,.addon,.step):hover{background:rgba(255,255,255,.09) !important;border-color:rgba(184,230,46,.35) !important}
.band-ink .ic{background:rgba(184,230,46,.14) !important;color:#C9EE5A !important}
.band-ink .ind-card .ind-ic,.band-ink .ind-ic{background:rgba(184,230,46,.14) !important;color:#C9EE5A !important}
.band-ink .cs-steps>div{background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.12) !important;box-shadow:none !important;-webkit-backdrop-filter:none;backdrop-filter:none}
.band-ink .cs-steps>div b{color:#F5F5F7 !important}
.band-ink .cs-steps>div p{color:#B4B2CC !important}

/* About: track record */
.mm .mm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;margin-top:8px}
.mm .mm-card{border-radius:28px;padding:30px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.mm .mm-k{margin:0;font-size:13px;font-weight:800;color:#B8E62E}
.mm .mm-card h3{margin:14px 0 0;font-size:clamp(22px,2.2vw,28px);line-height:1.12;letter-spacing:-.03em;color:#fff}
.mm .mm-card p:last-child{margin:12px 0 0;font-size:16px;line-height:1.55;color:#B4B2CC}
.mm .mm-foot{margin:36px auto 0;max-width:820px;text-align:center;font-size:17px;line-height:1.55;color:#A9A7C2}
.ax-gray .stat{background:#fff}