

.b2b-hero{position:relative;overflow:hidden;text-align:center;
  display:flex;flex-direction:column;justify-content:center;
  padding:var(--sp-sec) var(--sp-6) 96px;
  background:radial-gradient(125% 90% at 50% 0%,var(--dark-lift) 0%,var(--dark) 58%,var(--dark) 100%)}
.b2b-hero .inner{position:relative;z-index:5;max-width:960px;margin:0 auto}

@media(max-width:640px){
  .b2b-hero{padding-top:calc(var(--sp-sec) + 56px)}
}

.b2b-hero h1{font-weight:var(--fw-bold);font-size:var(--fs-h2);line-height:var(--lh-tight);
  letter-spacing:var(--ls-tight);color:#fff;margin:var(--sp-6) auto 0;max-width:26ch}
.b2b-hero h1 .hl{color:var(--blue-soft)}
.b2b-hero .sub{max-width:60ch;margin:var(--sp-6) auto 0}
.b2b-hero-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-3);
  margin-block-start:var(--sp-8)}

.b2b-hero .fr.fh2{inset-inline-start:9%;inset-block-end:-58px}

.b2b-proof{background:var(--cream);padding-block:var(--sp-8)}
.b2b-proof-in{display:flex;align-items:center;gap:var(--sp-6)}
.b2b-proof .u-logos-set img{height:64px}

.b2b-cat{background:#fff;padding-block:var(--sp-12) var(--sp-sec)}

.b2b-list{display:flex;flex-direction:column;gap:0}

.b2b-o{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);
  gap:var(--sp-12);align-items:center;
  padding-block:var(--sp-12);scroll-margin-block-start:88px}
.b2b-o + .b2b-o{border-block-start:1px solid var(--hairline)}

.b2b-o:nth-child(even){grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.b2b-o:nth-child(even) .b2b-o-art{order:2}

.b2b-o-art{position:relative;display:grid;place-items:center;min-height:260px}

.b2b-scr{position:relative;display:block;width:100%;max-width:340px;aspect-ratio:16/10}
.b2b-scr .fr{position:absolute;inset:0;width:auto;height:auto;animation:none;
  border-radius:var(--r-md)}

.b2b-scr--rec .fr{border-color:rgba(252,61,67,.22);
  box-shadow:0 26px 60px rgba(252,61,67,0.12),inset 0 1px 0 rgba(255,255,255,.92)}
.b2b-scr--rec .fr::before{background:radial-gradient(90% 70% at 50% 0%,rgba(252,61,67,.12),transparent 65%)}
.b2b-scr--rec .fr .ring{background:rgba(252,61,67,.12);border-color:rgba(252,61,67,.35)}
.b2b-scr--rec .fr .ring::after{border-left-color:rgba(252,61,67,.82)}

.b2b-o-who{display:inline-flex;align-items:center;
  padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);
  background:rgba(25,92,255,.06);
  font-size:var(--fs-eyebrow);font-weight:var(--fw-bold);
  color:var(--blue);line-height:var(--lh-card)}
.b2b-o-name{margin:var(--sp-4) 0 0;font-size:var(--fs-h3);font-weight:var(--fw-black);
  line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:var(--dark)}

.b2b-o-hook{margin:var(--sp-4) 0 0;font-size:var(--fs-body);font-weight:var(--fw-bold);
  line-height:var(--lh-body);color:var(--dark);max-width:52ch}

.b2b-o-lead{margin:var(--sp-3) 0 var(--sp-6);font-size:var(--fs-body);color:var(--tx-ink);
  line-height:var(--lh-body);max-width:62ch}

.b2b-o-tracks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--sp-6);margin-block-end:var(--sp-6);max-width:62ch}
.b2b-o-track{padding-inline-start:var(--sp-4);
  border-inline-start:2px solid rgba(25,92,255,.22)}
.b2b-o-track span{display:block;font-size:var(--fs-eyebrow);font-weight:var(--fw-bold);
  color:var(--blue)}
.b2b-o-track h4{margin:var(--sp-1) 0 0;font-size:var(--fs-body);font-weight:var(--fw-bold);
  color:var(--dark);line-height:var(--lh-card)}
.b2b-o-track p{margin:var(--sp-1) 0 0;font-size:var(--fs-eyebrow);color:var(--tx-ink);
  line-height:var(--lh-body)}

.b2b-o-out{background:var(--cream);border-radius:var(--r-md);
  padding:var(--sp-4) var(--sp-6);max-width:62ch}
.b2b-o-out span{display:block;font-size:var(--fs-eyebrow);font-weight:var(--fw-bold);
  color:var(--blue);margin-block-end:var(--sp-1)}
.b2b-o-out p{margin:0;font-size:var(--fs-body);color:var(--tx-ink);font-weight:var(--fw-bold);line-height:var(--lh-body)}

.b2b-o-foot{display:flex;flex-direction:column;align-items:flex-start;
  gap:var(--sp-6);margin-block-start:var(--sp-6)}
.b2b-o-scope{font-size:var(--fs-eyebrow);color:var(--tx-muted)}

.b2b-after{margin-block-start:var(--sp-12);padding-block-start:var(--sp-12);
  border-block-start:1px solid var(--hairline)}
.b2b-after-head{text-align:center;max-width:640px;margin:0 auto var(--sp-8)}
.b2b-after h3{margin:0;font-size:var(--fs-h3);font-weight:var(--fw-black);
  line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:var(--dark)}
.b2b-after p{margin:var(--sp-4) 0 0;font-size:var(--fs-body);color:var(--tx-ink);line-height:var(--lh-body)}

.b2b-after-art{display:flex;align-items:center;justify-content:center;
  padding:var(--sp-3) var(--sp-2)}

.b2b-after-art img{flex:1;min-width:0;width:100%;height:auto;display:block;
  margin-inline-start:-6%;border-radius:var(--r-md);border:1px solid var(--panel);
  box-shadow:var(--sh-rest);background:#fff}
.b2b-after-art img:first-child{margin-inline-start:0}

.b2b-after-art img{--rot:0deg;
  transform:rotate(0deg) scale(.94);
  transition:transform .8s var(--ease-out)}
.b2b-after-art img:nth-child(1){--rot:-3deg;z-index:1}
.b2b-after-art img:nth-child(2){--rot:1.5deg;z-index:2}
.b2b-after-art img:nth-child(3){--rot:-1.5deg;z-index:3}
.b2b-after-art img:nth-child(4){--rot:3deg;z-index:4}
.is-in .b2b-after-art img{transform:rotate(var(--rot)) scale(1)}
.is-in .b2b-after-art img:nth-child(1){transition-delay:.02s}
.is-in .b2b-after-art img:nth-child(2){transition-delay:.10s}
.is-in .b2b-after-art img:nth-child(3){transition-delay:.18s}
.is-in .b2b-after-art img:nth-child(4){transition-delay:.26s}
@media(prefers-reduced-motion:reduce){
  .b2b-after-art img,.is-in .b2b-after-art img{transition:none;transform:rotate(var(--rot))}
}

.b2b-o-auds{list-style:none;display:flex;flex-wrap:wrap;gap:var(--sp-2);
  margin:0 0 var(--sp-6);padding:0;max-width:62ch}
.b2b-o-auds li{display:inline-flex;align-items:center;
  padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);
  background:var(--cream);font-size:var(--fs-eyebrow);
  font-weight:var(--fw-bold);color:var(--tx-ink)}

.b2b-faq{max-width:none}

.b2b-phases{list-style:none;margin:var(--sp-12) 0 0;padding:0;position:relative;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-8)}

.b2b-phases::before{content:'';position:absolute;inset-block-start:6px;
  inset-inline:calc(100% / 6) calc(100% / 6);height:2px;
  background:linear-gradient(to left,rgba(25,92,255,.22),var(--blue))}
.b2b-phases li{position:relative;padding-block-start:var(--sp-8)}
.b2b-phases li::before{content:'';position:absolute;inset-block-start:0;
  inset-inline-start:calc(50% - 7px);width:14px;height:14px;border-radius:var(--r-pill);
  background:#fff;border:2px solid rgba(25,92,255,.35);box-shadow:0 0 0 6px #fff}
.b2b-phases li:last-child::before{background:var(--blue);border-color:var(--blue)}
.b2b-phase-k{display:block;text-align:center;font-size:var(--fs-eyebrow);
  font-weight:var(--fw-bold);color:var(--blue);margin-block-end:var(--sp-3)}
.b2b-phases h3{margin:0;text-align:center;font-size:var(--fs-title);
  font-weight:var(--fw-bold);color:var(--dark);line-height:var(--lh-card)}
.b2b-phases p{margin:var(--sp-2) 0 0;font-size:var(--fs-body);text-align:center;color:var(--tx-ink);
  line-height:var(--lh-body)}

#contact .lead-statement{max-width:380px}

@media(max-width:900px){

  .b2b-o,.b2b-o:nth-child(even){grid-template-columns:1fr;gap:var(--sp-8)}

  .b2b-o .b2b-o-art,.b2b-o:nth-child(even) .b2b-o-art{order:2}
  .b2b-o .b2b-o-tx,.b2b-o:nth-child(even) .b2b-o-tx{order:1}
  .b2b-o-tracks{grid-template-columns:1fr;gap:var(--sp-4)}

  .b2b-phases{grid-template-columns:1fr;gap:var(--sp-8)}
  .b2b-phases::before{inset-block:10px;inset-inline:6px auto;width:2px;height:auto;
    background:linear-gradient(to bottom,rgba(25,92,255,.22),var(--blue))}
  .b2b-phases li{padding-block-start:0;padding-inline-start:var(--sp-8)}
  .b2b-phases li::before{inset-block-start:4px;inset-inline-start:0}
  .b2b-phase-k,.b2b-phases h3,.b2b-phases p{text-align:start}
  .b2b-after-art{flex-wrap:wrap}

  .b2b-after-art{flex-direction:column;align-items:center;gap:0}
  .b2b-after-art img{flex:0 0 auto;width:min(88%,360px);margin-inline-start:0;
     box-shadow:0 18px 40px rgba(11,15,30,.22)}
  .b2b-after-art img + img{margin-block-start:-42px}
  .b2b-after-art img:nth-child(1){--rot:-2.4deg;z-index:4}
  .b2b-after-art img:nth-child(2){--rot:1.6deg;z-index:3}
  .b2b-after-art img:nth-child(3){--rot:-1.6deg;z-index:2}
  .b2b-after-art img:nth-child(4){--rot:2.4deg;z-index:1}

  .b2b-after-art img{transform:rotate(0deg) translate3d(0,10px,0) scale(.96)}
  .is-in .b2b-after-art img{transform:rotate(var(--rot)) translate3d(0,0,0) scale(1)}

}
@media(max-width:640px){

  #offers .u-section__head{margin-block-end:var(--sp-6)}
  #offers .b2b-o:first-child{padding-block-start:var(--sp-6)}
  .b2b-o-art{min-height:0}
  .b2b-o .u-btn{width:100%;justify-content:center}
  .b2b-hero-cta .u-btn{width:100%;justify-content:center}
  .b2b-proof .u-logos-set img{height:52px}
}
