/* S3 Playground: rounded, pastel blobs, wave dividers, stacking step cards */
.s3{--br:999px;--cr:28px;--ir:24px;--lr:50%}
.s3 .lg-m{border-radius:50%}
.s3 h1,.s3 h2,.s3 h3{font-weight:700;letter-spacing:-.01em}
.s3-hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,5vw,64px);align-items:center;padding:clamp(48px,7vw,96px) 0 clamp(40px,5vw,72px)}
.blob{position:absolute;border-radius:50%;filter:blur(2px);opacity:.5;z-index:-1}
.blob.b1{width:320px;height:320px;background:color-mix(in srgb,var(--acc) 35%,#fff);left:-120px;top:10px}
.blob.b2{width:220px;height:220px;background:#ffe08a;right:10%;top:-40px}
.blob.b3{width:180px;height:180px;background:#b7f0d0;right:-60px;bottom:0}
.s3-pill{display:inline-block;background:var(--acc);color:var(--on);border-radius:999px;padding:8px 16px;font-weight:700;font-size:14px;margin:0 0 18px;transform:rotate(-2deg)}
.s3-hero h1{font-size:clamp(42px,6.2vw,84px);line-height:1}
.s3-act{display:flex;gap:14px 22px;flex-wrap:wrap;align-items:center;margin-top:26px}
.s3-pics{position:relative;height:min(480px,80vw)}
.s3-p{position:absolute;border-radius:var(--cr);overflow:hidden;border:6px solid #fff;box-shadow:0 24px 50px -24px rgba(0,0,0,.35)}
.s3-p img{width:100%;height:100%;object-fit:cover}
.s3-p.p1{left:0;top:8%;width:58%;height:66%;transform:rotate(-4deg)}
.s3-p.p2{right:0;top:0;width:44%;height:48%;transform:rotate(5deg)}
.s3-p.p3{right:8%;bottom:0;width:46%;height:44%;transform:rotate(-2deg);border-radius:50%}
.wave{display:block;width:100%;height:60px;fill:var(--surf)}
.wave.flip{transform:scaleY(-1)}
.s3-band{background:var(--surf);padding:clamp(28px,4vw,56px) 0}
.s3-band .sec-h{text-align:center}
.cc-soft{border:0;box-shadow:0 1px 0 var(--line)}
.cc-soft.c0{background:#fff4d6}.cc-soft.c1{background:#e3f1ff}.cc-soft.c2{background:#e7f8ea}.cc-soft.c3{background:#ffe7ef}
.cc-soft,.cc-soft .cc-d,.cc-soft .cc-m{color:#1f1f1f}
.cc-soft .cc-go{color:#1f1f1f}
.s3-band .center{margin-top:32px}
.s3-sec{padding:clamp(56px,8vw,110px) 0}
.why-cards li{border-radius:var(--cr);background:var(--surf);box-shadow:0 1px 0 var(--line)}
.s3-stack{display:flex;flex-direction:column;gap:20px;max-width:760px;margin:0 auto}
.s3-st{position:sticky;top:110px;padding:clamp(26px,4vw,44px);border-radius:var(--cr);box-shadow:0 20px 40px -26px rgba(0,0,0,.3);color:#1f1f1f}
.s3-st.c0{background:#fff4d6}.s3-st.c1{background:#e3f1ff}.s3-st.c2{background:#e7f8ea}.s3-st.c3{background:#ffe7ef}
.s3-st span{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#1f1f1f;color:#fff;font:700 22px/1 var(--hf)}
.s3-st h3{font-size:clamp(24px,3vw,34px);margin:14px 0 8px}
.s3-st p{margin:0;font-size:18px}
.s3-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px)}
@media (max-width:860px){.s3-hero,.s3-two{grid-template-columns:minmax(0,1fr)}.s3-st{top:80px}}