/* /business landing page. Standalone (no css/sales.css), using the main site palette
   from css/home_v2.css. Every selector is scoped under .ss-biz so nothing leaks. */

.ss-biz{--biz-navy:#14183A;--biz-pink:#E8236E;--biz-pink-dark:#C2145A;--biz-pink-soft:#F3F5F9;--biz-slate:#5B6178;--biz-body:#4A4F63;--biz-neutral:#F3F5F9;--biz-border:#E4E8F0;--biz-shadow:0 6px 24px rgba(20,24,58,0.07);--biz-radius:16px;
    font-family:'Poppins',sans-serif;color:var(--biz-body);font-size:1rem;line-height:1.65;background:#fff;overflow-x:clip}
.ss-biz *{box-sizing:border-box}
.ss-biz img{display:block;max-width:100%}
.ss-biz p{margin-top:0}
.ss-biz h1,.ss-biz h2,.ss-biz h3{font-family:'Poppins',sans-serif;color:var(--biz-navy);font-weight:700;letter-spacing:-.02em}
.ss-biz h2{font-size:2.49rem;font-size:clamp(1.85rem,3.4vw,2.7rem);line-height:1.18;margin:0 0 1rem}
.ss-biz a:not(.ss-biz-btn){color:var(--biz-pink);text-underline-offset:3px}
.ss-biz a:not(.ss-biz-btn):hover{color:var(--biz-pink-dark)}
.ss-biz :focus-visible{outline:3px solid var(--biz-pink);outline-offset:3px}
.ss-biz-wrap{width:min(1180px,calc(100% - 48px));margin-left:auto;margin-right:auto;margin-inline:auto}
.ss-biz-eyebrow{font-size:.78rem;letter-spacing:.14em;font-weight:600;text-transform:uppercase;color:var(--biz-pink);margin:0 0 .9rem}
.ss-biz-section{padding-top:5.12rem;padding-bottom:5.12rem;padding-block:clamp(3rem,7vw,5.5rem)}
.ss-biz-intro{max-width:720px;margin-bottom:2.93rem;margin-bottom:clamp(2rem,4vw,3rem)}
.ss-biz-intro p:not(.ss-biz-eyebrow){color:var(--biz-slate);font-size:1.05rem;margin:0}

/* Buttons */
.ss-biz-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
/* Safari before 14.1 ignores gap on flex boxes; <html> gets .no-flexgap (templates/core/metaheader.php) and these margins stand in for it. */
.no-flexgap .ss-biz-actions>*{margin-right:.75rem;margin-bottom:.75rem}
.no-flexgap .ss-biz-actions>:last-child{margin-right:0}
.ss-biz-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:50px;padding:.8rem 1.6rem;border:2px solid transparent;border-radius:999px;font-family:inherit;font-size:.97rem;font-weight:600;line-height:1.3;text-decoration:none!important;cursor:pointer}
.no-flexgap .ss-biz-btn>*+*{margin-left:.6rem}
.no-flexgap .ss-biz-btn>:only-child{margin-right:.6rem}
.no-flexgap .ss-biz-btn>[aria-hidden]:only-child{margin-left:.6rem;margin-right:0}
.ss-biz-btn-primary{background:var(--biz-pink);border-color:var(--biz-pink);color:#fff!important}
.ss-biz-btn-primary:hover{background:var(--biz-pink-dark);border-color:var(--biz-pink-dark)}
.ss-biz-btn-ghost{background:transparent;border-color:rgba(255,255,255,0.7);color:#fff!important}
.ss-biz-btn-ghost:hover{background:#fff;border-color:#fff;color:var(--biz-navy)!important}

/* Hero */
.ss-biz-hero{position:relative;isolation:isolate;background:var(--biz-navy);color:#fff;min-height:599px;min-height:clamp(520px,78vh,700px);display:flex;align-items:center;padding-top:5.85rem;padding-bottom:5.85rem;padding-block:clamp(3.5rem,8vw,6rem)}
.ss-biz-hero-img{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:72% 50%}
.ss-biz-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,24,58,0.92) 0%,rgba(20,24,58,0.8) 42%,rgba(20,24,58,0.35) 75%,rgba(20,24,58,0.2) 100%),linear-gradient(0deg,rgba(20,24,58,0.7) 0%,rgba(20,24,58,0) 45%)}
.ss-biz-hero-copy{max-width:640px}
.ss-biz-hero .ss-biz-eyebrow{color:#fff;opacity:.85}
.ss-biz-hero h1{font-size:3.95rem;font-size:clamp(2.5rem,5.4vw,4.4rem);line-height:1.08;letter-spacing:-.035em;margin:0 0 1.4rem;color:#fff}
.ss-biz-hero h1 em{font-style:normal;color:var(--biz-pink)}
.ss-biz-lead{font-size:1.15rem;line-height:1.65;color:rgba(255,255,255,0.86);margin:0 0 2rem;max-width:560px}
.ss-biz-trust{list-style:none;margin:2rem 0 0;padding:1.4rem 0 0;border-top:1px solid rgba(255,255,255,0.18);display:flex;flex-wrap:wrap;gap:.7rem 1.8rem;font-size:.92rem;color:#fff}
.no-flexgap .ss-biz-trust>*{margin-right:1.8rem;margin-bottom:.7rem}
.no-flexgap .ss-biz-trust>:last-child{margin-right:0}
.ss-biz-trust li{display:flex;align-items:center;gap:.5rem}
.no-flexgap .ss-biz-trust li>*+*{margin-left:.5rem}
.no-flexgap .ss-biz-trust li>:only-child{margin-right:.5rem}
.ss-biz-trust svg{flex:none;color:var(--biz-pink)}

/* Value strip */
.ss-biz-stats{background:var(--biz-neutral);border-bottom:1px solid var(--biz-border)}
.ss-biz-stats ul{list-style:none;margin:0 auto;padding:2.6rem 0;padding:clamp(1.8rem,4vw,2.6rem) 0;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem;gap:1.5rem}
.ss-biz-stats li{border-left:3px solid var(--biz-pink);padding-left:1.2rem}
.ss-biz-stats strong{display:block;font-size:2.49rem;font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.1;letter-spacing:-.03em;font-weight:700;color:var(--biz-navy)}
.ss-biz-stats span{display:block;font-size:.9rem;margin-top:.35rem;color:var(--biz-slate)}

/* Use cases (zig-zag) */
.ss-biz-row{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:3.66rem;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.ss-biz-row+.ss-biz-row{margin-top:4.39rem;margin-top:clamp(3rem,6vw,5rem)}
.ss-biz-row-flip .ss-biz-media{order:2}
.ss-biz-media img{width:100%;height:auto;aspect-ratio:15/9;object-fit:cover;border-radius:var(--biz-radius);box-shadow:0 18px 44px rgba(20,24,58,0.14)}
.ss-biz-row h3{font-size:1.76rem;font-size:clamp(1.5rem,2.4vw,1.95rem);line-height:1.22;margin:0 0 1rem}
.ss-biz-row p{color:var(--biz-slate)}
.ss-biz-ticks{list-style:none;margin:1.3rem 0 0;padding:0;display:grid;grid-gap:.6rem;gap:.6rem}
.ss-biz-ticks li{position:relative;padding-left:1.8rem;font-size:.96rem;color:var(--biz-body)}
.ss-biz-ticks li:before{content:"";position:absolute;left:0;top:.38em;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--biz-pink-soft)}
.ss-biz-ticks li:after{content:"";position:absolute;left:.39rem;top:.58em;width:.32rem;height:.54rem;border:solid var(--biz-pink);border-width:0 2px 2px 0;transform:rotate(45deg)}
.ss-biz-note-line{margin-top:3.5rem!important;margin-top:clamp(2.5rem,5vw,3.5rem)!important;padding-top:1.5rem;border-top:1px solid var(--biz-border);color:var(--biz-slate);font-size:.95rem}

/* Benefit grid */
.ss-biz-benefits{background:var(--biz-neutral)}
.ss-biz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1.2rem;gap:1.2rem}
.ss-biz-card{background:#fff;border:1px solid var(--biz-border);border-radius:var(--biz-radius);padding:1.8rem;box-shadow:var(--biz-shadow)}
.ss-biz-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--biz-navy);color:#fff;margin-bottom:1.3rem}
.ss-biz-card h3{font-size:1.12rem;line-height:1.35;margin:0 0 .55rem}
.ss-biz-card p{color:var(--biz-slate);font-size:.94rem;margin:0}

/* Comparison */
.ss-biz-compare{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.2rem;gap:1.2rem}
.ss-biz-col{border-radius:var(--biz-radius);padding:2.19rem;padding:clamp(1.5rem,3vw,2.2rem)}
.ss-biz-col h3{font-size:1.3rem;margin:0 0 1.2rem}
.ss-biz-col ul{list-style:none;margin:0;padding:0}
.ss-biz-col li{padding:1rem 0;border-top:1px solid var(--biz-border)}
.ss-biz-col li strong{display:block;font-size:1rem;font-weight:600}
.ss-biz-col li span{display:block;font-size:.92rem;margin-top:.2rem}
.ss-biz-col-old{background:var(--biz-neutral);border:1px solid var(--biz-border)}
.ss-biz-col-old li strong{color:var(--biz-navy)}
.ss-biz-col-old li span{color:var(--biz-slate)}
.ss-biz-col-new{background:var(--biz-navy);color:#fff;box-shadow:0 18px 44px rgba(20,24,58,0.18)}
.ss-biz .ss-biz-col-new h3{color:var(--biz-pink)}
.ss-biz-col-new li{border-top-color:rgba(255,255,255,0.14)}
.ss-biz-col-new li strong{color:#fff}
.ss-biz-col-new li span{color:rgba(255,255,255,0.75)}
.ss-biz-compare-note{color:var(--biz-slate);font-size:.88rem;margin-top:1.2rem!important;max-width:820px}

/* How it works (navy band) */
.ss-biz-how{background:var(--biz-navy);color:#fff}
.ss-biz-how .ss-biz-eyebrow{color:var(--biz-pink)}
.ss-biz .ss-biz-how h2,.ss-biz .ss-biz-how h3{color:#fff}
.ss-biz-how .ss-biz-row{grid-template-columns:1fr 1.1fr}
.ss-biz-how .ss-biz-media img{box-shadow:none}
.ss-biz-steps{list-style:none;margin:2rem 0 0;padding:0;display:grid;grid-gap:1.4rem;gap:1.4rem}
.ss-biz-steps li{display:grid;grid-template-columns:44px 1fr;grid-gap:1rem;gap:1rem;align-items:start}
.ss-biz-steps li>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--biz-pink);color:#fff;font-weight:600;font-size:.88rem}
.ss-biz-steps h3{font-size:1.1rem;margin:.55rem 0 .3rem}
.ss-biz-steps p{color:rgba(255,255,255,0.78);font-size:.95rem;margin:0}
.ss-biz .ss-biz-how a:not(.ss-biz-btn){color:#fff;text-decoration-color:var(--biz-pink)}

/* Final CTA (pink band, follows the navy how-it-works band) */
.ss-biz-cta{position:relative;overflow:hidden;border-radius:20px;background:var(--biz-pink);color:#fff;padding:4.39rem 3.66rem;padding:clamp(2.5rem,6vw,4.5rem) clamp(1.3rem,5vw,4rem);display:grid;grid-template-columns:1.3fr 1fr;grid-gap:2rem;gap:2rem;align-items:center}
.ss-biz-cta:after{content:"";position:absolute;right:-120px;top:-120px;width:340px;height:340px;border-radius:50%;border:60px solid rgba(255,255,255,0.1);pointer-events:none}
.ss-biz-cta .ss-biz-eyebrow{color:#fff;opacity:.85}
.ss-biz .ss-biz-cta h2{color:#fff;margin:0}
.ss-biz-cta p:not(.ss-biz-eyebrow){color:rgba(255,255,255,0.9);margin:1rem 0 0}
.ss-biz-cta .ss-biz-actions{position:relative;z-index:1;justify-content:flex-end}
.ss-biz-cta .ss-biz-btn-primary{background:#fff;border-color:#fff;color:var(--biz-navy)!important}
.ss-biz-cta .ss-biz-btn-primary:hover{background:var(--biz-navy);border-color:var(--biz-navy);color:#fff!important}

/* FAQ */
.ss-biz-faq{display:grid;grid-template-columns:1fr 1.2fr;grid-gap:4rem;gap:4rem;padding-top:5rem;padding-bottom:5rem;padding-block:clamp(3rem,7vw,5rem)}
.ss-biz-faq-list details{border-bottom:1px solid var(--biz-border);padding:1rem 0}
.ss-biz-faq-list details:first-child{padding-top:0}
.ss-biz-faq-list summary{cursor:pointer;font-weight:600;font-size:1rem;color:var(--biz-navy);padding:.35rem 0}
.ss-biz-faq-list summary::marker{color:var(--biz-pink)}
.ss-biz-faq-list details p{color:var(--biz-slate);margin:1rem 0 0}
.ss-biz-faq-links{margin-top:1.6rem!important;font-size:.95rem;font-weight:500;display:flex;flex-wrap:wrap;gap:.4rem 1.2rem}
.no-flexgap .ss-biz-faq-links>*{margin-right:1.2rem;margin-bottom:.4rem}
.no-flexgap .ss-biz-faq-links>:last-child{margin-right:0}

/* Two paths: team data or partner programme (sits straight under the hero) */
.ss-biz-anchor{scroll-margin-top:90px}
.ss-biz-paths{background:var(--biz-neutral);border-bottom:1px solid var(--biz-border);padding-top:2.6rem;padding-bottom:2.6rem;padding-block:clamp(1.8rem,4vw,2.6rem)}
.ss-biz-paths-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.2rem;gap:1.2rem}
.ss-biz a.ss-biz-path{display:flex;flex-direction:column;background:#fff;border:1px solid var(--biz-border);border-top:4px solid var(--biz-pink);border-radius:var(--biz-radius);padding:2rem;padding:clamp(1.4rem,3vw,2rem);box-shadow:var(--biz-shadow);color:var(--biz-body);text-decoration:none}
.ss-biz-path-label{font-size:.78rem;letter-spacing:.14em;font-weight:600;text-transform:uppercase;color:var(--biz-slate);margin-bottom:.6rem}
.ss-biz .ss-biz-path h2{font-size:1.76rem;font-size:clamp(1.4rem,2.4vw,1.8rem);margin:0 0 .6rem}
.ss-biz-path p{color:var(--biz-slate);margin:0 0 1rem}
.ss-biz-path-points{list-style:none;margin:0 0 1.4rem;padding:0;display:grid;grid-gap:.45rem;gap:.45rem;font-size:.95rem}
.ss-biz-path-points li{padding-left:1rem;border-left:2px solid var(--biz-border)}
.ss-biz-path-points strong{color:var(--biz-navy)}
.ss-biz-path-go{margin-top:auto;font-weight:600;color:var(--biz-pink)}
.ss-biz a.ss-biz-path:hover{color:var(--biz-body);border-color:#d3d9e6}
.ss-biz a.ss-biz-path:hover .ss-biz-path-go{color:var(--biz-pink-dark)}

/* Outline button for light backgrounds */
.ss-biz-btn-outline{background:#fff;border-color:var(--biz-navy);color:var(--biz-navy)!important}
.ss-biz-btn-outline:hover{background:var(--biz-navy);color:#fff!important}

/* Partner programme */
.ss-biz-partners{background:var(--biz-neutral);border-top:1px solid var(--biz-border)}
.ss-biz-partner-lead{color:var(--biz-slate);font-size:1.05rem}
.ss-biz-deal{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;margin-top:1.6rem}
.ss-biz-deal>div{background:#fff;border:1px solid var(--biz-border);border-radius:var(--biz-radius);padding:1.2rem 1.3rem}
.ss-biz-deal strong{display:block;font-size:2.6rem;font-size:clamp(2rem,3.6vw,2.6rem);line-height:1.05;letter-spacing:-.03em;font-weight:700;color:var(--biz-navy)}
.ss-biz-deal span{display:block;font-size:.78rem;letter-spacing:.12em;font-weight:600;text-transform:uppercase;color:var(--biz-pink);margin-top:.4rem}
.ss-biz-deal p{margin:.3rem 0 0;font-size:.92rem;color:var(--biz-slate)}
.ss-biz-suits{background:#fff;border:1px solid var(--biz-border);border-radius:var(--biz-radius);padding:2rem;padding:clamp(1.4rem,3vw,2rem);box-shadow:var(--biz-shadow)}
.ss-biz .ss-biz-suits h3{font-size:1.15rem;margin:0 0 1rem}
.ss-biz-suits-list{list-style:none;margin:0 0 1.2rem;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.no-flexgap .ss-biz-suits-list>*{margin-right:.5rem;margin-bottom:.5rem}
.no-flexgap .ss-biz-suits-list>:last-child{margin-right:0}
.ss-biz-suits-list li{border:1px solid var(--biz-border);border-radius:999px;padding:.35rem .9rem;font-size:.9rem;font-weight:500;color:var(--biz-navy);background:#fff}
.ss-biz-suits p{margin:0;font-size:.94rem;color:var(--biz-slate)}
.ss-biz-partner-grid{margin-top:3.5rem;margin-top:clamp(2.5rem,5vw,3.5rem)}
.ss-biz-partner-how{margin-top:3.5rem;margin-top:clamp(2.5rem,5vw,3.5rem)}
.ss-biz .ss-biz-partner-how h3{font-size:1.3rem;margin:0 0 1.2rem}
.ss-biz-partner-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:1.2rem;gap:1.2rem}
.ss-biz-partner-steps li{display:grid;grid-template-columns:40px 1fr;grid-gap:.8rem;gap:.8rem;align-items:start}
.ss-biz-partner-steps li>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--biz-pink);color:#fff;font-weight:600;font-size:.85rem}
.ss-biz-partner-steps strong{display:block;color:var(--biz-navy);margin-top:.4rem}
.ss-biz-partner-steps p{margin:.2rem 0 0;font-size:.92rem;color:var(--biz-slate)}
.ss-biz-partner-cta{margin-top:3.5rem;margin-top:clamp(2.5rem,5vw,3.5rem);background:#fff;border:1px solid var(--biz-border);border-radius:20px;padding:2.6rem;padding:clamp(1.6rem,4vw,2.6rem);display:grid;grid-template-columns:1.2fr 1fr;grid-gap:1.5rem;gap:1.5rem;align-items:center;box-shadow:var(--biz-shadow)}
.ss-biz .ss-biz-partner-cta h3{font-size:1.76rem;font-size:clamp(1.35rem,2.4vw,1.8rem);margin:0 0 .5rem}
.ss-biz-partner-cta p{margin:0;color:var(--biz-slate)}
.ss-biz-partner-cta .ss-biz-actions{justify-content:flex-end}

/* Motion: subtle, and off for reduced motion */
@media(prefers-reduced-motion:no-preference){
.ss-biz-btn{transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.ss-biz-btn:hover{transform:translateY(-1px)}
.ss-biz-card{transition:border-color .2s ease,box-shadow .2s ease}
.ss-biz-card:hover{border-color:#d3d9e6;box-shadow:0 12px 32px rgba(20,24,58,0.1)}
}

@media(max-width:960px){
.ss-biz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ss-biz-partner-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.ss-biz-partner-cta{grid-template-columns:1fr}
.ss-biz-partner-cta .ss-biz-actions{justify-content:flex-start}
.ss-biz-stats ul{grid-template-columns:repeat(2,1fr);grid-gap:1.4rem 1.5rem;gap:1.4rem 1.5rem}
.ss-biz-cta{grid-template-columns:1fr}
.ss-biz-cta .ss-biz-actions{justify-content:flex-start}
}

@media(max-width:760px){
.ss-biz-wrap{width:calc(100% - 36px)}
.ss-biz-hero{min-height:0}
.ss-biz-hero-img{object-position:80% 50%}
.ss-biz-hero:before{background:linear-gradient(180deg,rgba(20,24,58,0.8) 0%,rgba(20,24,58,0.88) 55%,rgba(20,24,58,0.95) 100%)}
.ss-biz-lead{font-size:1.03rem}
.ss-biz-actions .ss-biz-btn{width:100%}
.no-flexgap .ss-biz-actions>*{margin-right:0}
.ss-biz-trust{gap:.6rem 1.2rem}
.no-flexgap .ss-biz-trust>*{margin-right:1.2rem;margin-bottom:.6rem}
.no-flexgap .ss-biz-trust>:last-child{margin-right:0}
.ss-biz-row,.ss-biz-how .ss-biz-row{grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}
.ss-biz-row-flip .ss-biz-media{order:0}
.ss-biz-grid,.ss-biz-compare,.ss-biz-faq,.ss-biz-paths-grid,.ss-biz-partner-steps{grid-template-columns:1fr}
.ss-biz-faq{grid-gap:1.5rem;gap:1.5rem}
.ss-biz-card{padding:1.4rem}
}