/* =====================================================================
   On Digital: fintech / SaaS design layer (Flatpay-inspired)
   Loads after site.css. Monochrome black and white, one lime accent,
   condensed uppercase display type, small radii, crisp borders.
   ===================================================================== */
:root{
  --serif:"Anton","Impact","Arial Narrow",sans-serif;
  --sans:"Inter Tight",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ink:#0B0B0B;--ink-2:#3D3D3D;--muted:#6B6B6B;--line:rgba(0,0,0,.10);
  --green:#0B0B0B;--green-2:#1C1C1C;--green-3:#0B0B0B;
  --sage:#F4F4F2;--sage-2:#ECECE9;--cream:#F4F4F2;--beige:#F4F4F2;--beige-2:#ECECE9;
  --bg:#FFFFFF;--white:#FFFFFF;
  --hl:#D8F24E;--hl-deep:#C6E236;--lime-soft:#E4F7A1;
  --r:6px;--r-lg:10px;--pill:8px;
}
html,body{background:#fff;color:var(--ink);font-family:var(--sans)}
body,main,.bx-page{background:#fff}
p,li,.lede{font-family:var(--sans)}

/* ---------- type ---------- */
h1,h2,h3,.h2,.h3{font-family:var(--serif)!important;font-weight:400!important;letter-spacing:.004em!important;text-transform:uppercase;line-height:.96!important;color:inherit}
h4,.fcol h4{font-family:var(--sans)!important;text-transform:none;letter-spacing:0!important}
.h2,.osec .h2,.tsec .h2,.open-why .h2,.bx-head .h2{font-size:clamp(38px,4.6vw,68px)!important;max-width:none}
h3{font-size:clamp(22px,1.8vw,28px)}
em.hl,.hl{font-style:normal!important;background:none!important;color:inherit!important;padding:0!important;box-shadow:inset 0 -.18em 0 var(--hl)}
.lede{color:var(--muted)!important;font-size:clamp(16px,1.15vw,18px)}
.kicker{font:600 12.5px var(--sans)!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--muted)!important;background:none!important;-webkit-text-fill-color:currentColor}
.sec-head{display:block;text-align:center;max-width:860px;margin:0 auto clamp(30px,3.4vw,52px)}
.sec-head .h2{margin:12px auto 0!important}
.sec-head .lede{margin:16px auto 0!important;max-width:60ch}

/* ---------- buttons ---------- */
.btn{border-radius:6px!important;font:600 15px var(--sans)!important;padding:13px 22px!important;letter-spacing:0;box-shadow:none!important;transition:background .15s ease,color .15s ease,border-color .15s ease}
.btn-accent,.btn-ink,.pg-hero .btn-accent,.osec .btn-accent{background:#0B0B0B!important;color:#fff!important;border:1px solid #0B0B0B!important}
.btn-accent:hover,.btn-ink:hover{background:#2A2A2A!important}
.btn-ghost{background:#fff!important;color:#0B0B0B!important;border:1px solid #0B0B0B!important}
.btn-ghost:hover{background:#0B0B0B!important;color:#fff!important}
.btn-white{background:#fff!important;color:#0B0B0B!important;border:1px solid #fff!important}
.btn-white:hover{background:#E9E9E6!important}
.btn-outline-white{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.85)!important}
.btn-outline-white:hover{background:#fff!important;color:#0B0B0B!important}
.link-arrow{color:var(--ink);font-weight:600}

/* ---------- header: floating white bar ---------- */
header.site{position:sticky;top:0;z-index:80;background:transparent!important;border:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  padding:14px clamp(12px,2.4vw,32px) 0;margin:0 0 -78px;pointer-events:none}
header.site .nav{pointer-events:auto;position:relative;display:flex!important;align-items:center;gap:clamp(16px,2.2vw,34px);max-width:1360px;height:64px;margin:0 auto;
  background:#fff!important;border-radius:8px!important;box-shadow:0 6px 30px rgba(0,0,0,.10)!important;padding:0 10px 0 22px!important;border:0}
header.site .nav .logo{order:0!important;flex:none}
header.site .nav .logo img{height:16px;width:auto}
header.site .navlinks{display:flex;gap:2px;margin:0 auto 0 0;justify-self:auto}
header.site .mm-btn{font:500 14.5px var(--sans)!important;color:#0B0B0B!important;padding:22px 11px!important}
header.site .mm:hover .mm-btn,header.site .mm.open .mm-btn{color:#555!important}
.nav-cta{margin-left:auto;gap:12px!important}
.nav-cta .btn-accent{padding:11px 18px!important;font-size:14.5px!important}
.mm-panel{top:calc(100% + 8px)!important;left:0!important;right:0!important;border-radius:8px!important;background:#fff!important;box-shadow:0 24px 60px rgba(0,0,0,.14)!important;border:0!important;padding:26px 0 28px!important}
.mm-panel::before{top:-10px!important;height:10px!important}
.mm-grid{padding:0 28px!important;max-width:none!important}
.mm-sm{position:relative}
.mm-sm .mm-panel{left:-6px!important;right:auto!important;width:320px;top:calc(100% + 4px)!important}
.mm-feature{background:#F4F4F2!important;border-radius:8px!important}
.mm-feature,.mm-feature *{color:#0B0B0B}
.mobile-menu{pointer-events:auto;max-width:1360px;margin:8px auto 0!important;background:#fff!important;border-radius:8px!important;box-shadow:0 20px 50px rgba(0,0,0,.14)!important}
@media(max-width:1020px){
  header.site{margin-bottom:-74px}
  header.site .nav{height:60px;padding:0 8px 0 18px!important}
  header.site .navlinks{display:none}
}

/* ---------- page hero (inner pages) ---------- */
.pg-hero{background:#fff;padding:calc(78px + clamp(56px,7vw,110px)) 0 clamp(36px,4vw,60px)}
.pg-hero h1{color:#0B0B0B!important;font-size:clamp(48px,6.4vw,104px)!important;max-width:13ch}
.pg-hero.solo h1{max-width:16ch}
.pg-hero .kicker{color:var(--muted)!important}
.pg-hero .lede{color:var(--ink-2)!important}
.pg-hero .answer{background:#F4F4F2!important;border:0!important;border-left:3px solid var(--hl)!important;border-radius:8px!important}
.ph-vis{border-radius:12px!important;background:#F4F4F2!important;border:0!important}
.ph-vis.t-white{background:#fff!important;border:1px solid var(--line)!important;box-shadow:0 20px 50px rgba(0,0,0,.06)!important}
.crumbs,.crumbs a{color:var(--muted)}

/* ---------- sections, cards, tiles ---------- */
.sec.osec{padding:clamp(72px,8vw,120px) 0}
.tile{border-radius:12px!important}
.t-sage{background:#F4F4F2!important}
.t-white{background:#fff!important;border:1px solid var(--line)!important}
.t-green{background:#0B0B0B!important}
.osec .card,.tsec .card,.card{border-radius:10px!important;background:#fff!important;border:1px solid var(--line)!important;box-shadow:none!important}
.osec .grid>.card:nth-child(3n+2),.osec .grid>.card:nth-child(3n){background:#fff!important}
.osec .grid>.card:nth-child(odd){background:#F4F4F2!important;border-color:transparent!important}
.osec a.card:hover,.tsec a.card:hover,a.tile:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.08)!important}
.osec .card .num-badge,.num-badge{background:#0B0B0B!important;color:#fff!important;border-radius:6px!important;font-family:var(--sans)}
.osec .card .tag,.tag{background:#F4F4F2!important;color:#0B0B0B!important;border-radius:6px!important}
.osec .card-img,.card-img{border-radius:8px!important;background:#fff}
.osec .grid>a.card:not(:has(.card-img)):not(:has(.num-badge))::before{background:#0B0B0B!important;border-radius:8px!important;width:44px!important;height:44px!important}
.why-list li::before{font-family:var(--serif)!important;color:#0B0B0B!important}
.why-list li{border-color:var(--line)!important}
.vis-tile{border-radius:12px!important;background:#F4F4F2!important}
.w{border-radius:10px!important}
.w-pill.p-acc,.p-acc{background:var(--hl)!important;color:#0B0B0B!important}

/* dark band = black rounded panel */
.band{background:#0B0B0B!important;border-radius:12px!important}
.band::after{display:none!important}
.band .kicker{color:rgba(255,255,255,.6)!important}
.band .step{background:#1A1A1A!important;border-radius:10px!important}
.band .step small{color:var(--hl)!important}
.band .btn-accent{background:#fff!important;color:#0B0B0B!important;border-color:#fff!important}
.band .card,.band .card.dk{background:#1A1A1A!important;border:0!important}
.band .stat{background:#1A1A1A!important;border-radius:10px!important}
.osec .step{background:#F4F4F2!important;border-radius:10px!important}
.osec .step small{color:#0B0B0B!important}

/* faq */
.osec .faq summary{font:600 17px var(--sans)!important;text-transform:none}
.faq-wrap .h2{font-size:clamp(34px,3.8vw,56px)!important}

/* marquee */
.marquee{background:#fff!important;padding:clamp(34px,4vw,54px) 0 0!important;border:0!important}
.marquee p{font:500 14px var(--sans)!important;color:var(--muted)!important;text-transform:none;letter-spacing:0}
.marquee img{filter:grayscale(1) contrast(1.1);opacity:.7}

/* ---------- closing CTA: lime panel on black ---------- */
.fin-cta{background:#0B0B0B;padding:clamp(28px,4vw,56px) 0 0;margin-top:clamp(60px,7vw,110px)}
.fc-panel{position:relative;overflow:hidden;background:var(--lime-soft);color:#0B0B0B;border-radius:12px;display:grid;grid-template-columns:1.15fr 1fr .5fr;gap:clamp(24px,4vw,60px);align-items:center;padding:clamp(34px,4.6vw,64px)}
.fc-copy .kicker{color:#3D3D3D!important}
.fc-copy h2{font-size:clamp(40px,4.8vw,72px)!important;margin-top:10px;max-width:12ch}
.fc-copy p{margin-top:16px;color:#2A2A2A;font-size:16.5px;line-height:1.55;max-width:46ch}
.fc-copy .btn-row{margin-top:26px}
.fc-copy .btn-ghost{background:transparent!important}
.fc-ticks{list-style:none;margin:0;padding:0}
.fc-ticks li{display:flex;gap:12px;align-items:center;padding:14px 0;border-top:1px solid rgba(0,0,0,.14);font:600 15.5px var(--sans)}
.fc-ticks li:last-child{border-bottom:1px solid rgba(0,0,0,.14)}
.fc-ticks li::before{content:"";flex:none;width:18px;height:18px;background:no-repeat center/18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10.5l4 4 8-9' fill='none' stroke='%230B0B0B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.fc-mark{justify-self:end}
.fc-mark img{width:clamp(90px,9vw,140px);height:auto;border-radius:10px;transform:rotate(-8deg);box-shadow:0 20px 40px rgba(0,0,0,.18)}
@media(max-width:1060px){.fc-panel{grid-template-columns:1fr 1fr}.fc-mark{display:none}}
@media(max-width:700px){.fc-panel{grid-template-columns:1fr}}
.open-cta{background:#0B0B0B!important}
.open-cta::after,.open-cta::before{display:none!important}
.open-cta .btn-accent{background:#fff!important;color:#0B0B0B!important}

/* ---------- footer: black ---------- */
footer.site{background:#0B0B0B!important;color:#fff!important;margin-top:0!important;padding:clamp(56px,6vw,90px) 0 30px!important;border:0!important}
footer.site *{border-color:#262626}
footer.site p,footer.site .legal,footer.site .legal span{color:rgba(255,255,255,.62)!important}
footer.site h4{color:#fff!important;font:600 14px var(--sans)!important}
footer.site a{color:rgba(255,255,255,.72)!important;text-decoration:none}
footer.site a:hover{color:#fff!important}
footer.site .logo img{height:22px;width:auto}
footer.site .partners img{filter:none}
.fin-cta + footer.site{padding-top:clamp(56px,6vw,90px)!important}

/* ---------- AI toolkit page: black instead of green ---------- */
.tk-hero,.tk-cover,.tk-mod.t-green,body.tk-gated .tk-lockcard{background:#0B0B0B!important}
.tk-hero h1{color:#fff!important}
.tk-hero .kicker{color:var(--ai3)!important}
.tk-hero .lede{color:rgba(255,255,255,.8)!important}
.tk-hero .answer{background:rgba(255,255,255,.07)!important;color:rgba(255,255,255,.85)}
.tk-hero .ph-vis{background:linear-gradient(#fff,#fff) padding-box,var(--ai-conic) border-box!important;border:2px solid transparent!important;border-radius:12px!important}
.tk-page .ph-form .btn-accent,.tk-lockcard .btn-accent,.tk-guide .g-toc .btn-accent{background:linear-gradient(90deg,var(--ai1),var(--ai2))!important;border:0!important;color:#fff!important}
.tk-cover{border-radius:12px!important}
.tk-cover h2,.tk-lockcard h3{color:#fff}
.code{border-radius:10px!important;background:#0B0B0B!important}
.tk-mod{border-radius:12px!important}
.tk-page .osec .kicker,.tk-page .open-cta .kicker{background:var(--ai-lin)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent}
.tk-hero .crumbs,.tk-hero .crumbs a{color:rgba(255,255,255,.6)}

/* guide + case studies */
.g-step{background:#F4F4F2!important;border-radius:10px!important}
.osec .cs-card{border-radius:12px!important;border:1px solid var(--line)!important}
.cs-logo{background:#F4F4F2!important;border-radius:8px!important}
.g-toc a.on{border-left-color:#0B0B0B!important}

/* forms */
.form{border-radius:10px!important}
.form input,.form select,.form textarea{border-radius:6px!important;background:#fff!important;border:1px solid #D9D9D6!important}
.form input:focus,.form select:focus,.form textarea:focus{border-color:#0B0B0B!important;box-shadow:0 0 0 3px rgba(0,0,0,.08)}

/* =====================================================================
   HOMEPAGE (fx-*)
   ===================================================================== */
.fx-hero{position:relative;overflow:hidden;background:#0B0B0B;color:#fff;min-height:min(100vh,900px);display:flex;align-items:center;justify-content:center;text-align:center}
.fx-bg{position:absolute;inset:0}
.fx-bg video{width:100%;height:100%;object-fit:cover;opacity:.55}
.fx-shade{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.35),rgba(0,0,0,.75) 75%)}
.fx-inner{position:relative;z-index:1;padding-top:130px;padding-bottom:90px;display:flex;flex-direction:column;align-items:center}
.fx-kicker{font:600 13px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.fx-hero h1{color:#fff;font-size:clamp(60px,9.4vw,156px)!important;line-height:.9!important;margin-top:20px}
.fx-hl{color:var(--hl)}
.fx-sub{margin-top:24px;font-size:clamp(16.5px,1.3vw,19px);line-height:1.55;color:rgba(255,255,255,.86);max-width:58ch}
.fx-btns{justify-content:center;margin-top:30px}
.fx-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin-top:34px;font:500 14px var(--sans);color:rgba(255,255,255,.8)}
.fx-trust span{display:inline-flex;align-items:center;gap:8px}
.fx-trust img{width:18px;height:18px}
.fx-trust img.kl{width:auto;height:13px;filter:brightness(0) invert(1)}
.fx-trust b{color:#fff}
.fx-home header.site{margin-bottom:-78px}

.fx-sec{padding:clamp(80px,9vw,140px) 0 0}
.fx-sec.tight{padding-top:clamp(60px,6vw,100px)}
.fx-head{text-align:center;max-width:900px;margin:0 auto clamp(34px,4vw,58px)}
.fx-head h2{font-size:clamp(40px,5vw,76px)!important}
.fx-head p{margin:16px auto 0;color:var(--muted);font-size:clamp(16px,1.2vw,18px);line-height:1.55;max-width:60ch}
.fx-head .btn-row{margin-top:26px}

/* product cards */
.fx-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.fx-card{display:flex;flex-direction:column;background:#F4F4F2;border-radius:10px;padding:14px 14px 22px;text-decoration:none;color:#0B0B0B;transition:transform .2s ease,box-shadow .2s ease}
.fx-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.08)}
.fx-img{border-radius:8px;overflow:hidden;aspect-ratio:5/3;background:#fff}
.fx-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.fx-card:hover .fx-img img{transform:scale(1.03)}
.fx-label{display:flex;align-items:center;gap:8px;margin:18px 8px 0}
.fx-label b{font:600 17px var(--sans)}
.arr{width:16px;height:16px;transition:transform .2s ease}
.fx-card:hover .arr{transform:translateX(4px)}
.fx-card small{margin:6px 8px 0;color:var(--muted);font-size:14.5px}

/* feature cards */
.fx-feats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1120px;margin:0 auto}
.fx-feat{border:1px solid var(--line);border-radius:10px;padding:clamp(26px,3vw,44px);text-align:center;display:flex;flex-direction:column;align-items:center}
.fx-vis{width:100%;max-width:420px;min-height:220px;display:flex;align-items:center;justify-content:center;margin-bottom:26px}
.fx-vis .w{box-shadow:0 14px 34px rgba(0,0,0,.08)!important;transform:none!important;width:100%}
.fx-feat h3{font-size:clamp(26px,2.2vw,34px)!important}
.fx-feat p{margin-top:12px;color:var(--muted);font-size:15.5px;line-height:1.55;max-width:42ch}

/* black split panel */
.fx-panel{background:#0B0B0B;color:#fff;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,60px);align-items:end;padding:clamp(14px,1.4vw,20px);overflow:hidden}
.fx-panel-copy{padding:clamp(24px,4vw,60px)}
.fx-panel-copy h2{font-size:clamp(44px,5.4vw,84px)!important;color:#fff}
.fx-panel-copy p{margin-top:18px;color:rgba(255,255,255,.75);font-size:16.5px;line-height:1.55;max-width:44ch}
.fx-panel-copy .btn-row{margin-top:26px}
.fx-panel-media{position:relative;display:block;border-radius:8px;overflow:hidden;aspect-ratio:1/1;max-height:600px;color:#fff;text-decoration:none}
.fx-panel-media img{width:100%;height:100%;object-fit:cover}
.fx-panel-media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,0) 55%)}
.fx-stat{position:absolute;left:24px;right:24px;bottom:22px;z-index:1}
.fx-stat b{display:block;font:400 clamp(26px,2.4vw,38px)/1 var(--serif);text-transform:uppercase;max-width:16ch}
.fx-stat small{display:block;margin-top:10px;font-size:13.5px;color:rgba(255,255,255,.8)}

/* steps */
.fx-steps{display:grid;gap:clamp(40px,6vw,90px)}
.fx-step{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,100px);align-items:center}
.fx-step.rev .fx-step-img{order:2}
.fx-step-img{border-radius:10px;overflow:hidden;aspect-ratio:4/3.4}
.fx-step-img img{width:100%;height:100%;object-fit:cover}
.fx-step-copy{max-width:460px}
.fx-pill{display:inline-block;background:var(--lime-soft);color:#0B0B0B;font:600 12.5px var(--sans);padding:5px 10px;border-radius:6px}
.fx-step-copy h3{font-size:clamp(30px,3vw,44px)!important;margin-top:16px}
.fx-step-copy p{margin-top:14px;color:var(--ink-2);font-size:16.5px;line-height:1.6}
.fx-step-copy .btn-row{margin-top:22px}

/* numbers */
.fx-nums{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.fx-nums>div{padding:clamp(28px,3.4vw,50px) clamp(18px,2.4vw,36px);text-align:center}
.fx-nums>div+div{border-left:1px solid var(--line)}
.fx-nums b{display:block;font:400 clamp(64px,7.6vw,128px)/.9 var(--serif)}
.fx-nums span{display:block;margin:12px auto 0;color:var(--muted);font-size:15px;max-width:26ch}

/* categories marquee */
.fx-cats{padding-bottom:10px}
.fx-mq{overflow:hidden;padding:10px 0}
.fx-mq-track{display:flex;width:max-content;animation:fxmq 46s linear infinite}
.fx-mq.rev .fx-mq-track{animation-direction:reverse}
.fx-mq:hover .fx-mq-track{animation-play-state:paused}
.fx-mq a{display:inline-flex;align-items:center;gap:22px;padding:0 34px;font:400 clamp(44px,6vw,96px)/1.05 var(--serif);text-transform:uppercase;color:#0B0B0B;text-decoration:none;white-space:nowrap}
.fx-mq a:hover{color:#6B6B6B}
.fx-mq img{width:clamp(60px,6.4vw,104px);height:clamp(60px,6.4vw,104px);object-fit:cover;border-radius:8px}
@keyframes fxmq{to{transform:translateX(-50%)}}

/* responsive */
@media(max-width:980px){
  .fx-cards{grid-template-columns:1fr 1fr}
  .fx-feats,.fx-panel,.fx-step{grid-template-columns:1fr}
  .fx-step.rev .fx-step-img{order:0}
  .fx-panel-media{aspect-ratio:4/3}
}
@media(max-width:640px){
  .fx-cards{grid-template-columns:1fr}
  .fx-nums{grid-template-columns:1fr}
  .fx-nums>div+div{border-left:0;border-top:1px solid var(--line)}
  .fx-hero h1{font-size:clamp(50px,15vw,72px)!important}
  .fx-sub br{display:none}
}
@media(prefers-reduced-motion:reduce){.fx-mq-track{animation:none}}
body,p,li,a,button,input,select,textarea,.lede{letter-spacing:0!important}
h1,h2,h3,.h2,.fx-head h2{text-wrap:balance}
.fx-head{max-width:1100px}
footer.site .partners img.kl,footer.site .partners img[src*="klaviyo"]{filter:brightness(0) invert(1)}
.pg-hero h1{font-size:clamp(44px,5.4vw,88px)!important;max-width:16ch}
.band .card p,.band .card span,.band p{color:rgba(255,255,255,.72)!important}
.band .card h3,.band h2,.band .h2{color:#fff!important}
.band .card .link-arrow{color:#fff!important}

/* =================== AI storefronts page (ais-*) =================== */
.pg-hero .ph-vis img{width:100%;height:auto;border-radius:10px;background:#fff}
.ais-shift{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,6vw,90px);align-items:center}
.ais-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ais-col{border:1px solid var(--line);border-radius:10px;padding:24px}
.ais-col.now{background:#0B0B0B;color:#fff;border-color:#0B0B0B}
.ais-col b{font:600 13px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.ais-col.now b{color:var(--hl)}
.ais-col ol{margin:14px 0 0;padding-left:20px;display:grid;gap:10px;font-size:15.5px;line-height:1.45}
.ais-col:not(.now) ol{color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(0,0,0,.25)}
.ais-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ais-card{border:1px solid var(--line);border-radius:12px;padding:clamp(26px,3vw,44px);background:#F4F4F2;border-color:transparent}
.ais-card.dark{background:#0B0B0B;color:#fff}
.ais-card h3{font-size:clamp(30px,3vw,46px)!important;margin-top:16px}
.ais-card .ticks{margin-top:22px}
.ais-card .ticks li{font-size:15.5px;line-height:1.5}
.ais-card.dark .ticks li{color:rgba(255,255,255,.85)}
.ais-card.dark .fx-pill{background:var(--hl)}
.ais-sub{margin-top:14px;color:rgba(255,255,255,.75);font-size:16px;line-height:1.55}
.ais-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.ais-chips span{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:7px 11px;font:600 13.5px var(--sans)}
.ais-chips img{width:16px;height:16px}
.ais-why{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ais-why>div{background:#1A1A1A;border-radius:10px;padding:26px}
.ais-why b{display:block;font:400 clamp(52px,5vw,80px)/1 var(--serif);color:var(--hl)}
.ais-why p{margin-top:14px;font-size:15px;line-height:1.55}
.ais-phases{display:grid;gap:0;border-top:1px solid var(--line);max-width:1040px;margin:0 auto}
.ais-phase{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}
.ais-n{font:400 clamp(44px,4vw,64px)/1 var(--serif);color:#0B0B0B}
.ais-phase h3{font-size:clamp(24px,2.2vw,32px)!important}
.ais-phase small{display:inline-block;margin-top:8px;background:var(--lime-soft);border-radius:6px;padding:4px 9px;font:600 12.5px var(--sans)}
.ais-phase p{margin-top:12px;color:var(--ink-2);font-size:16px;line-height:1.6;max-width:68ch}
.ais-ready{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,6vw,90px);align-items:start}
.ais-ready .g-checklist{background:#F4F4F2;border-radius:12px}
@media(max-width:980px){.ais-shift,.ais-two,.ais-ready{grid-template-columns:1fr}.ais-why{grid-template-columns:1fr}}
@media(max-width:560px){.ais-compare{grid-template-columns:1fr}.ais-phase{grid-template-columns:1fr;gap:8px}}

/* homepage AI storefront section */
.fx-ais{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fx-ais .ais-card ul{margin-top:18px}
.fx-ais-cta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}
.fx-hero .fx-new{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 14px 6px 6px;font:600 13px var(--sans);color:#fff;text-decoration:none;margin-bottom:18px}
.fx-hero .fx-new em{font-style:normal;background:var(--hl);color:#0B0B0B;border-radius:999px;padding:3px 9px;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase}
.fx-hero .fx-new:hover{background:rgba(255,255,255,.18)}
@media(max-width:980px){.fx-ais{grid-template-columns:1fr}}

/* headless comparison table */
.hl-compare{max-width:980px;margin:0 auto;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.hl-compare table{width:100%;border-collapse:collapse;font-size:16px}
.hl-compare th,.hl-compare td{padding:18px 22px;text-align:left;border-top:1px solid var(--line);vertical-align:top}
.hl-compare thead th{border-top:0;font:600 13px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:#F4F4F2}
.hl-compare td:first-child{font-weight:600;color:#0B0B0B;width:22%}
.hl-compare td{color:var(--muted)}
.hl-compare .us{background:#0B0B0B;color:#fff!important;font-weight:600}
.hl-compare thead .us{color:var(--hl)!important;background:#0B0B0B}
.hl-compare tbody tr:not(:first-child) .us{border-top-color:#262626}
@media(max-width:640px){.hl-compare th,.hl-compare td{padding:14px 12px;font-size:14.5px}}

/* homepage v3: four services + flagship */
.fx-svcs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.fx-svc{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#F4F4F2;border-radius:12px;overflow:hidden;text-decoration:none;color:#0B0B0B;transition:transform .2s ease,box-shadow .2s ease}
.fx-svc:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.08)}
.fx-svc .fx-img{border-radius:0;aspect-ratio:auto;height:100%;min-height:240px}
.fx-svc-body{padding:clamp(22px,2.4vw,34px);display:flex;flex-direction:column;align-items:flex-start}
.fx-badge{background:var(--hl);color:#0B0B0B;font:700 11.5px var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:6px;margin-bottom:12px}
.fx-svc h3{font-size:clamp(26px,2.3vw,36px)!important}
.fx-svc p{margin-top:10px;color:var(--ink-2);font-size:15.5px;line-height:1.5}
.fx-svc ul{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.fx-svc li{background:#fff;border-radius:6px;padding:5px 9px;font:500 13px var(--sans)}
.fx-more{margin-top:auto;padding-top:20px;display:inline-flex;align-items:center;gap:6px;font:600 15px var(--sans)}
.fx-svc:hover .arr{transform:translateX(4px)}
.fx-svc:first-child{background:#0B0B0B;color:#fff}
.fx-svc:first-child p{color:rgba(255,255,255,.78)}
.fx-svc:first-child li{background:#1F1F1F;color:#fff}
.fx-flag{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(30px,5vw,80px);align-items:center}
.fx-flag-copy h2{font-size:clamp(40px,4.6vw,72px)!important;margin-top:16px}
.fx-flag-copy p{margin-top:18px;color:var(--ink-2);font-size:17px;line-height:1.6;max-width:52ch}
.fx-flag-copy .ticks{margin-top:20px}
.fx-flag-copy .btn-row{margin-top:26px}
.fx-flag .hl-compare{margin:0}
@media(max-width:1100px){.fx-svc{grid-template-columns:1fr}.fx-svc .fx-img{min-height:0;aspect-ratio:5/3}}
@media(max-width:980px){.fx-svcs,.fx-flag{grid-template-columns:1fr}}
.fx-svcs{grid-template-columns:repeat(4,minmax(0,1fr))}
.fx-svc{grid-template-columns:1fr!important;align-content:start}
.fx-svc .fx-img{min-height:0!important;height:auto!important;aspect-ratio:5/3!important;background:#fff;border-radius:0}
.fx-svc .fx-img img{object-fit:contain}
.fx-svc:first-child .fx-img{background:#fff}
@media(max-width:1100px){.fx-svcs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.fx-svcs{grid-template-columns:1fr}}