/* ===== Homepage below the hero: Apple-style rhythm with Stripe-style touches =====
   Styling only. Scoped to body.ah and to .section:not(.bi-strip), so the hero and the built-in strip are untouched. */
body.ah{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.ah .section:not(.bi-strip){padding:clamp(4.5rem,9vw,8.5rem) 0;--cb:#f5f7fb;--hair:rgba(10,37,64,.09);background:#fff}
body.ah .section.dim:not(.bi-strip){background:#f5f7fb;--cb:#fff}
body.ah .section:not(.bi-strip) .wrap{max-width:1180px}

/* rhythm: white / grey / navy bands, set by position so no markup changes are needed */
body.ah-home > section:nth-of-type(4){background:#f5f7fb;--cb:#fff}                       /* comparison */
body.ah-home > section:nth-of-type(7){background:#f5f7fb;--cb:#fff}                       /* money flow */
body.ah-home > section:nth-of-type(8){background:#fff;--cb:#f5f7fb}                       /* gateways */
body.ah-home > section:nth-of-type(9){background:#f5f7fb;--cb:#fff}                       /* launch steps */
body.ah-home > section:nth-of-type(10){background:#fff;--cb:#f5f7fb}                      /* pricing */
body.ah-home > section:nth-of-type(11){background:#f5f7fb;--cb:#fff}                      /* faq */
body.ah-home > section:nth-of-type(12){background:#fff;--cb:#f5f7fb}                      /* customization */

/* headings */
body.ah .section:not(.bi-strip) .eyebrow{font-size:1.05rem;font-weight:600;letter-spacing:-.01em;text-transform:none;color:var(--gold)}
body.ah .section:not(.bi-strip) .wrap>.eyebrow,body.ah .section:not(.bi-strip) .wrap>div>.eyebrow{display:block;text-align:center}
body.ah .section:not(.bi-strip) .section-title{font-size:clamp(2.2rem,4.8vw,3.9rem);font-weight:800;line-height:1.06;letter-spacing:-.04em;max-width:17ch;margin:.55rem auto 0;text-align:center;text-wrap:balance;color:var(--ink)}
body.ah .section:not(.bi-strip) .section-lede{font-size:clamp(1.08rem,1.7vw,1.32rem);line-height:1.45;letter-spacing:-.01em;color:#6e6e73;max-width:36em;margin:1.3rem auto 3.2rem;text-align:center}
body.ah .section:not(.bi-strip) .section-lede a{color:var(--gold)}

/* buttons: pill, calm */
body.ah .section:not(.bi-strip) .btn{border-radius:980px;padding:.95rem 1.9rem;font-size:1.02rem;font-weight:600;letter-spacing:-.01em;box-shadow:none}
body.ah .section:not(.bi-strip) .btn-primary:hover{box-shadow:0 10px 26px rgba(7,116,248,.28);transform:translateY(-1px)}
body.ah .section:not(.bi-strip) .btn-ghost{border:1.5px solid rgba(10,37,64,.22)}

/* cards: soft tiles, no borders; Stripe-style layered hover shadow */
body.ah .section:not(.bi-strip) .card{background:var(--cb);border:0;border-radius:28px;box-shadow:none;transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s cubic-bezier(.22,.61,.36,1)}
body.ah .section:not(.bi-strip) .card:hover{transform:translateY(-4px);box-shadow:0 1px 2px rgba(10,37,64,.05),0 22px 48px rgba(10,37,64,.10)}
body.ah .section:not(.bi-strip) .card .icon-dot{width:52px;height:52px;border-radius:16px;background:rgba(7,116,248,.10);color:var(--gold);box-shadow:none;font-size:1.3rem}
body.ah .grid-3,body.ah .grid-4{gap:1.25rem}
body.ah .grid-3 .card{padding:2.2rem 2rem !important}
body.ah .grid-3 .card h3{font-size:1.4rem !important;letter-spacing:-.025em;margin:1.2rem 0 .6rem !important}
body.ah .grid-3 .card p{font-size:1.03rem !important;line-height:1.55 !important;color:#6e6e73 !important}
body.ah .grid-4 .card{padding:1.9rem 1.6rem !important}
body.ah .grid-4 .card h3{font-size:1.2rem !important;letter-spacing:-.02em;margin:1rem 0 .5rem !important}
body.ah .grid-4 .card p{font-size:.98rem !important;line-height:1.55 !important;color:#6e6e73 !important}

/* comparison table: one big white card, our column tinted */
body.ah .compare-wrap-v2{border:0;border-radius:28px;background:#fff;box-shadow:0 1px 2px rgba(10,37,64,.05),0 26px 64px rgba(10,37,64,.09)}
body.ah table.compare-v2{font-size:1.02rem}
body.ah table.compare-v2 th{padding:1.2rem 1.6rem;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:#86868b;border-bottom:1px solid var(--hair);background:#fff}
body.ah table.compare-v2 td{padding:1.2rem 1.6rem;border-bottom:1px solid var(--hair)}
body.ah table.compare-v2 th.col-us{color:var(--gold);background:rgba(7,116,248,.05)}
body.ah table.compare-v2 td.col-us{background:rgba(7,116,248,.05);color:var(--ink);font-weight:700}

/* walkthrough video: a dark cinematic band */
body.ah #walkthrough{background:#070b26 !important;--cb:rgba(255,255,255,.06)}
body.ah #walkthrough .eyebrow{color:#8fb8ff}
body.ah #walkthrough .section-title{color:#f5f5f7}
body.ah #walkthrough .section-lede{color:#a8afd0}
body.ah #walkthrough .wrap>div:nth-of-type(1){max-width:1100px !important;border-radius:28px !important;box-shadow:0 40px 90px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.08) !important}
body.ah #walkthrough .btn-primary{background:#fff;color:var(--ink)}
body.ah #walkthrough .btn-primary:hover{background:#e6e9fb;box-shadow:none}

/* feature explorer */
body.ah .tabs-explorer .tab-panel-v2{gap:clamp(2rem,5vw,4.5rem)}
body.ah .tabs-explorer .tab-panel-v2 h3{font-size:clamp(1.6rem,2.6vw,2.2rem) !important;letter-spacing:-.03em;line-height:1.12}
body.ah .tabs-explorer .tab-panel-v2 p{font-size:1.08rem;line-height:1.55;color:#6e6e73}
body.ah .tabs-explorer .tab-panel-v2 ul{font-size:1.03rem;line-height:1.75;color:#515154}
body.ah .tabs-explorer .tab-media,body.ah .tabs-explorer .tab-panel-v2 img,body.ah .tabs-explorer .tab-panel-v2 video{border-radius:20px}
body.ah .tabs-explorer .tab-panel-v2 .eyebrow{text-align:left}

/* money flow */
body.ah .flow-v2{gap:1rem;margin-bottom:1.6rem}
body.ah .flow-v2 .card{padding:2rem 1.8rem !important}
body.ah .flow-v2 .num{font-size:3rem !important;font-weight:800;letter-spacing:-.04em;color:var(--gold);line-height:1}
body.ah .flow-v2 h4{font-size:1.25rem !important;letter-spacing:-.02em;margin:1rem 0 .55rem !important}
body.ah .flow-v2 p{font-size:1rem !important;line-height:1.55 !important;color:#6e6e73 !important}
body.ah .flow-arrow-v2{color:#c2c7d3}
body.ah .flow-branch-v2{background:#fff;border:0;border-radius:22px;padding:1.4rem 1.8rem;font-size:1.02rem;line-height:1.55;margin-bottom:1.6rem;box-shadow:inset 4px 0 0 var(--gold)}

/* payment gateways (two-column, left aligned) */
body.ah #gateways .wrap>div:first-child .eyebrow,body.ah #gateways .section-title,body.ah #gateways .section-lede{text-align:left;margin-left:0;margin-right:0}
body.ah #gateways .section-title{max-width:14ch}
body.ah #gateways .section-lede{margin-bottom:1.6rem;max-width:30em}
body.ah #gateways .gw-home li{font-size:1.04rem;line-height:1.5}

/* launch steps */
body.ah .steps-v2{gap:1rem;background:none;border:0;margin-bottom:2.4rem}
body.ah .steps-v2>div{background:var(--cb);border-radius:24px;padding:1.8rem 1.5rem}
body.ah .steps-v2 .num{font-size:2.6rem !important;font-weight:800;letter-spacing:-.04em;color:var(--gold);line-height:1}
body.ah .steps-v2 h4{font-size:1.18rem !important;letter-spacing:-.02em;margin:1rem 0 .5rem !important}
body.ah .steps-v2 p{font-size:.96rem !important;line-height:1.5 !important;color:#6e6e73 !important}

/* pricing */
body.ah .pricing-grid-v2{gap:1.25rem}
body.ah .price-card-v2{padding:2.4rem 2rem;border-radius:28px}
body.ah .price-card-v2 .plan-name{font-size:1.05rem;color:#6e6e73}
body.ah .price-card-v2.featured .plan-name{color:#a8afd0}
body.ah .price-card-v2 .price-amount{font-size:clamp(2.2rem,3.3vw,3rem);letter-spacing:-.04em;margin:.8rem 0 1.6rem}
body.ah .price-card-v2 .price-feats{font-size:1rem;gap:.85rem}
body.ah .section:not(.bi-strip) .price-card-v2.featured{background:#070b26 !important;color:#f5f5f7;box-shadow:0 30px 70px rgba(7,11,38,.35)}
body.ah .section:not(.bi-strip) .price-card-v2.featured:hover{box-shadow:0 36px 80px rgba(7,11,38,.42)}
body.ah .price-card-v2 .btn{justify-content:center;width:100%}
body.ah .featured-badge{border-radius:980px}

/* FAQ: calm list with hairlines */
body.ah .faq-list-v2{max-width:820px;margin:0 auto}
body.ah .faq-item-v2{border:0;border-bottom:1px solid var(--hair);background:none;border-radius:0;padding:1.7rem 0}
body.ah .faq-item-v2 .q{font-size:clamp(1.15rem,1.8vw,1.4rem);font-weight:700;letter-spacing:-.02em;color:var(--ink);margin-bottom:.6rem}
body.ah .faq-item-v2 .a{font-size:1.06rem;line-height:1.6;color:#6e6e73;max-width:none}

/* customization */
body.ah .section .tick{color:var(--gold)}
body.ah #demo~*{}
body.ah-home > section:nth-of-type(12) .wrap>div:nth-of-type(1){font-size:1.1rem !important;gap:.8rem !important}

/* final call to action */
body.ah #demo{background:#070b26 !important}
body.ah #demo .section-title{color:#f5f5f7 !important;font-size:clamp(2.4rem,6vw,4.6rem);max-width:15ch}
body.ah #demo p{font-size:clamp(1.1rem,1.8vw,1.3rem) !important;color:#a8afd0 !important}
body.ah #demo .btn-primary{background:#fff;color:var(--ink)}
body.ah #demo .btn-primary:hover{background:#e6e9fb;box-shadow:none}
body.ah #demo .btn-ghost-light{border-radius:980px;border:1.5px solid rgba(255,255,255,.35);color:#fff;padding:.95rem 1.9rem;font-size:1.02rem;font-weight:600}

@media (max-width:900px){
  body.ah .section:not(.bi-strip) .section-title{max-width:none}
  body.ah .steps-v2{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  body.ah .steps-v2{grid-template-columns:1fr}
  body.ah .grid-3 .card{padding:1.8rem 1.5rem !important}
  body.ah table.compare-v2 th,body.ah table.compare-v2 td{padding:.9rem 1rem}
}
@media (max-width:900px){
  body.ah .tabs-explorer .tab-panel-v2.active{grid-template-columns:minmax(0,1fr)}
  body.ah .tabs-explorer .tab-panel-v2>*{min-width:0}
  body.ah .tabs-explorer .tab-panel-v2 video,body.ah .tabs-explorer .tab-panel-v2 img{max-width:100%;height:auto}
}