/* S4 Blush — pastel, rounded, floating blobs, three-image hero, stacking routine cards */
.s4{--br:999px;--cr:26px;--fr:16px;--lr:50%}
.s4 h1,.s4 h2{font-weight:400}
.s4-blobs{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.s4-blobs i{position:absolute;width:42vmax;height:42vmax;border-radius:50%;filter:blur(70px);opacity:.5}
.s4-blobs i:nth-child(1){background:color-mix(in srgb,var(--acc) 30%,var(--bg));left:-14vmax;top:-10vmax}
.s4-blobs i:nth-child(2){background:color-mix(in srgb,var(--acc) 15%,#fff);right:-16vmax;top:40vh}
.s4-blobs i:nth-child(3){background:color-mix(in srgb,var(--acc) 22%,var(--bg));left:25vw;bottom:-22vmax}
.s4{background:var(--bg)}.s4 body{background:transparent}
.s4 .hd{top:10px;margin:10px 12px 0;border-radius:999px;border:0;box-shadow:0 12px 40px -20px rgba(0,0,0,.3);background:color-mix(in srgb,var(--surf) 88%,transparent)}
.s4 .ann{border-radius:0}
.s4-hero{text-align:center;padding:clamp(48px,8vw,100px) 0 clamp(32px,5vw,60px)}
.s4-chip{display:inline-block;background:var(--surf);padding:8px 16px;border-radius:999px;font-size:14px;font-weight:600;margin:0 0 20px;box-shadow:0 8px 24px -14px rgba(0,0,0,.3)}
.s4-hero h1{font-size:clamp(44px,7.4vw,96px);line-height:1.02;max-width:14ch;margin:0 auto;letter-spacing:-.02em}
.s4-sub{max-width:34em;margin:20px auto 26px;color:var(--mute);font-size:19px}
.s4-act{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.s4 .btn.ghost{background:var(--surf);box-shadow:none}
.s4-imgs{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:16px;align-items:center;margin-top:clamp(36px,6vw,64px)}
.s4-i{border-radius:32px;overflow:hidden;box-shadow:0 30px 60px -36px rgba(0,0,0,.45)}
.s4-i img{width:100%;aspect-ratio:3/4;object-fit:cover}
.s4-i.i1{transform:rotate(-4deg) translateY(20px)}.s4-i.i3{transform:rotate(4deg) translateY(20px)}
@media (max-width:640px){.s4-imgs{grid-template-columns:1fr 1fr}.s4-i.i3{display:none}}
.s4-ct .ct-i{border-radius:50%}
.s4-ct{text-align:center}
.s4 .pc-im{border-radius:24px}
.s4-stack{display:grid;gap:20px;max-width:900px;margin:0 auto}
.s4-stack article{position:sticky;top:calc(96px + var(--t) * 14px);display:grid;grid-template-columns:auto 1fr 200px;gap:20px;align-items:center;background:var(--surf);border-radius:32px;padding:clamp(20px,4vw,40px);box-shadow:0 30px 60px -40px rgba(0,0,0,.4);transform-origin:50% 0}
.s4-n{width:56px;height:56px;border-radius:50%;background:var(--acc);color:var(--on);display:grid;place-items:center;font:400 24px/1 var(--hf)}
.s4-stack h3{font-size:clamp(22px,2.6vw,30px);font-weight:400}
.s4-stack p{margin:6px 0 0;color:var(--mute)}
.s4-si{border-radius:22px;overflow:hidden}
.s4-si img{width:100%;aspect-ratio:4/3;object-fit:cover}
@media (max-width:700px){.s4-stack article{grid-template-columns:auto 1fr}.s4-si{grid-column:1/-1}}
.s4-card{background:var(--surf);border-radius:36px;padding:clamp(22px,4vw,48px);box-shadow:0 30px 80px -50px rgba(0,0,0,.35)}
.s4-prom li{background:var(--bg)}
.s4-rv figure{border-radius:28px 28px 28px 6px}
.s4-nl{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.s4-nl h2{font-size:clamp(30px,4vw,48px)}
.s4-nl p{color:var(--mute)}
@media (max-width:760px){.s4-nl{grid-template-columns:minmax(0,1fr)}}
.s4 .ft{background:transparent}