/* TechNix 2.6.4 - E-commerce Partners page. Uses the site colour tokens from site.css. */
.ep{background:#fff;color:var(--ink,#092640)}
.ep *{box-sizing:border-box}
:where(.ep) :where(h1,h2,h3,p,ul,ol){margin:0}
.ep svg{display:block;flex:none}

/* hero */
.ep-hero{position:relative;color:#fff;background:#031d36 var(--ep-bg) right center/cover no-repeat;min-height:600px;display:flex;align-items:center;padding:72px 0 132px}
.ep-hero-in{position:relative}
.ep-hero-copy{max-width:580px}
.ep-hero .eyebrow{color:#73cdf9}
.ep-hero h1{font-size:clamp(32px,3.7vw,52px);line-height:1.08;letter-spacing:-.02em;margin:14px 0 18px;font-weight:800}
.ep-hero p{font-size:18px;line-height:1.6;color:#d3e6f2;max-width:560px}
.ep-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.ep-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:6px;font-weight:800;font-size:15px;text-decoration:none;border:1px solid transparent;transition:background .15s,border-color .15s,transform .15s}
.ep-btn svg{width:18px;height:18px}
.ep-btn-primary{background:#0f8ee0;color:#fff;border-color:#0f8ee0}
.ep-btn-primary:hover{background:#0b7cc7;border-color:#0b7cc7;transform:translateY(-1px)}
.ep-btn-ghost{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.4)}
.ep-btn-ghost:hover{background:rgba(255,255,255,.14);border-color:#fff}
.ep-stats{display:flex;flex-wrap:wrap;gap:12px 34px;list-style:none;padding:0;margin-top:38px}
.ep-stats li{display:flex;flex-direction:column;padding-left:14px;border-left:3px solid #13a0e7}
.ep-stats b{font-size:22px;line-height:1.2;font-weight:800}
.ep-stats span{font-size:12.5px;color:#a9c7dc}

/* marketplace logos, overlapping the hero */
.ep-stores{position:relative;z-index:2;margin-top:-84px}
.ep-stores-card{background:#fff;border:1px solid var(--line,#dce6ed);border-radius:14px;box-shadow:var(--shadow,0 22px 65px rgba(4,35,60,.12));padding:28px}
.ep-stores-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 24px;margin-bottom:22px}
.ep-stores-head h2{font-size:22px;font-weight:800}
.ep-stores-head p{color:var(--muted,#63788b);font-size:14.5px}
.ep-logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}
.ep-logo{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:18px;border:1px solid var(--line,#dce6ed);border-radius:12px;background:#fff;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s,transform .15s;min-width:0}
.ep-logo:hover,.ep-logo:focus-visible{border-color:#13a0e7;box-shadow:0 12px 30px rgba(8,114,193,.14);transform:translateY(-2px)}
.ep-logo-img{display:flex;align-items:center;height:64px;width:100%;margin-bottom:10px}
.ep-logo-img img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:left center}
.ep-logo-text{font-weight:800;font-size:20px;color:#0d2a6b}
.ep-logo-name{font-weight:800;font-size:15px}
.ep-logo-blurb{font-size:13px;line-height:1.45;color:var(--muted,#63788b);min-height:38px}
.ep-logo-go{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-weight:800;font-size:13.5px;color:#0878c9}
.ep-logo-go svg{width:16px;height:16px;transition:transform .15s}
.ep-logo:hover .ep-logo-go svg{transform:translateX(3px)}

/* sections */
.ep-section{padding:84px 0}
.ep-soft{background:var(--soft,#f1f6f9)}
.ep-title{text-align:center;max-width:720px;margin:0 auto 42px}
.ep-title.ep-left{text-align:left;margin:0}
.ep-title h2{font-size:clamp(26px,3vw,38px);line-height:1.15;letter-spacing:-.015em;margin-top:10px;font-weight:800}
.ep-title p{margin-top:14px;color:var(--muted,#63788b);font-size:16.5px;line-height:1.65}
.ep .ep-eyebrow-dark{color:#0878c9}

.ep-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.ep-benefit{padding:26px 24px;border:1px solid var(--line,#dce6ed);border-radius:14px;background:#fff}
.ep-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:12px;background:#e6f3fc;color:#0878c9;margin-bottom:18px}
.ep-benefit h3{font-size:17.5px;font-weight:800;margin-bottom:8px}
.ep-benefit p{font-size:14.5px;line-height:1.65;color:var(--muted,#63788b)}

.ep-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;padding:0;counter-reset:s;position:relative}
.ep-steps li{position:relative;padding:0 6px}
.ep-steps li:not(:last-child)::after{content:"";position:absolute;top:23px;left:64px;right:-18px;border-top:2px dashed #b8d3e6}
.ep-step-no{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#0878c9;color:#fff;font-weight:800;font-size:19px;margin-bottom:18px;position:relative;z-index:1;box-shadow:0 0 0 6px var(--soft,#f1f6f9)}
.ep-steps h3{font-size:17.5px;font-weight:800;margin-bottom:8px}
.ep-steps p{font-size:14.5px;line-height:1.65;color:var(--muted,#63788b)}

.ep-two{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
.ep-checks{list-style:none;padding:0;display:grid;gap:14px}
.ep-checks li{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border:1px solid var(--line,#dce6ed);border-radius:12px;font-size:15.5px;line-height:1.55;background:#fff}
.ep-checks li span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e2f5ea;color:#177a43;flex:none;margin-top:1px}
.ep-checks li svg{width:16px;height:16px;stroke-width:2.4}

.ep-faq-wrap{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px;align-items:start}
.ep-faq{display:grid;gap:12px}
.ep-faq details{background:#fff;border:1px solid var(--line,#dce6ed);border-radius:12px;padding:0 20px}
.ep-faq summary{cursor:pointer;list-style:none;padding:18px 26px 18px 0;font-weight:800;font-size:16px;position:relative}
.ep-faq summary::-webkit-details-marker{display:none}
.ep-faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:24px;font-weight:500;color:#0878c9}
.ep-faq details[open] summary::after{content:"\2212"}
.ep-faq details p{padding:0 0 18px;color:var(--muted,#63788b);font-size:15px;line-height:1.7}

.ep-band{background:linear-gradient(105deg,#031d36,#075b98);color:#fff;padding:60px 0}
.ep-band-in{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.ep-band h2{font-size:clamp(24px,2.6vw,32px);font-weight:800;margin-bottom:8px}
.ep-band p{color:#cfe3f1;font-size:16px}
.ep-band .ep-cta{margin:0}

@media(max-width:1100px){
  .ep-benefits,.ep-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ep-steps li::after{display:none}
  .ep-two,.ep-faq-wrap{grid-template-columns:1fr;gap:28px}
}
@media(max-width:780px){
  .ep-hero{background:#031d36 var(--ep-bg-m) center bottom/cover no-repeat;min-height:640px;align-items:flex-start;padding:44px 0 280px}
  .ep-hero p{font-size:16px}
  .ep-cta{gap:10px}
  .ep-btn{width:100%;min-height:50px}
  .ep-stats{display:none}
  .ep-stores{margin-top:-64px}
  .ep-stores-card{padding:20px 16px}
  .ep-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .ep-logo{padding:14px}
  .ep-logo:last-child:nth-child(odd){grid-column:1/-1}
  .ep-logo-img{height:52px}
  .ep-logo-blurb{display:none}
  .ep-section{padding:56px 0}
  .ep-title{margin-bottom:28px}
  .ep-benefits,.ep-steps{grid-template-columns:1fr}
  .ep-band{padding:44px 0}
  .ep-band-in .ep-cta{width:100%}
}
@media(prefers-reduced-motion:reduce){.ep-btn,.ep-logo,.ep-logo-go svg{transition:none}}