/* Section Three — Smarter Way to Scale only. Earlier approved work is untouched. */
.s3-scale{--purple:#371640;--pink:#ea6be7;--lime:#d9ff62;position:relative;padding:135px 0;background:var(--purple);color:#fff;overflow:hidden}.s3-scale:before{content:"";position:absolute;width:700px;height:700px;right:-240px;top:-260px;border-radius:50%;background:#4f66ff25;filter:blur(90px)}.s3-grid{position:relative;width:min(1420px,88vw);margin:auto;display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw;align-items:center}.s3-kicker{margin:0;font:10px monospace;letter-spacing:.16em;text-transform:uppercase;color:#d9ff62}.s3-copy h2{margin:22px 0 30px;font-size:clamp(58px,6vw,96px);line-height:.88;letter-spacing:-.07em}.s3-copy h2 em{font-family:Georgia,serif;font-weight:400;color:var(--pink)}.s3-copy>p:not(.s3-kicker){max-width:500px;color:#ffffffb5;font-size:18px;line-height:1.55}.s3-copy ul{list-style:none;margin:35px 0;padding:0}.s3-copy li{display:flex;align-items:center;padding:15px 0;border-top:1px solid #ffffff26;color:#f8edf9}.s3-copy li:before{content:"";width:8px;height:8px;margin-right:13px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px #d9ff6288}.s3-button{display:inline-flex;align-items:center;gap:28px;padding:7px 8px 7px 24px;border-radius:999px;background:var(--pink);color:#2d1035;font-size:13px;font-weight:800}.s3-button i{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#2d1035;color:var(--lime);font-style:normal;transition:.35s}.s3-button:hover i{transform:rotate(45deg)}
.s3-visual{position:relative;height:650px;perspective:1100px}.s3-board{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr .62fr 1fr;gap:14px;transform-style:preserve-3d}.s3-tile{position:relative;margin:0;border-radius:26px;overflow:hidden;box-shadow:0 25px 55px #18091d58;transition:translate .5s cubic-bezier(.16,1,.3,1),rotate .5s;will-change:translate,rotate}.s3-tile img{width:100%;height:100%;display:block;object-fit:cover}.s3-a{grid-column:1;grid-row:1}.s3-b{grid-column:2;grid-row:1}.s3-c{grid-column:3;grid-row:1/3}.s3-d{grid-column:1;grid-row:2}.s3-e{grid-column:2;grid-row:2/4}.s3-f{grid-column:1;grid-row:3}.s3-g{grid-column:3;grid-row:3}.s3-h{position:absolute;right:-5%;bottom:10%;width:175px;height:175px;border:7px solid var(--purple);z-index:5}.s3-motion{animation:s3Float 5.8s ease-in-out infinite}.s3-c{animation-delay:-1.4s}.s3-d{animation-delay:-3s}.s3-g{animation-delay:-4.2s}.s3-status{position:absolute;z-index:5;left:-28px;top:44%;padding:11px 15px;border:1px solid #ffffff77;border-radius:999px;background:#f8f2eedd;color:#371640;backdrop-filter:blur(12px);box-shadow:0 14px 35px #0003;font:9px monospace;letter-spacing:.08em;animation:s3Float 5s -2s ease-in-out infinite}.s3-status i{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#08dc79;box-shadow:0 0 0 0 #08dc79;animation:s3Pulse 2s infinite}.s3-scan{position:absolute;z-index:4;left:0;right:0;top:-30%;height:30%;background:linear-gradient(transparent,#d9ff6260,transparent);animation:s3Scan 4.5s linear infinite;pointer-events:none}.s3-sheen{position:absolute;inset:-90%;background:linear-gradient(115deg,transparent 44%,#fff8 50%,transparent 56%);animation:s3Sheen 4.3s linear infinite}.s3-chart-light{position:absolute;left:8%;right:8%;bottom:15%;height:3px;border-radius:99px;background:#d9ff62;filter:blur(4px);animation:s3Chart 2.2s ease-in-out infinite}.s3-reveal{opacity:0;transform:translateY(38px);transition:opacity .9s,transform 1s cubic-bezier(.16,1,.3,1)}.s3-reveal.is-visible{opacity:1;transform:none}
@keyframes s3Float{50%{transform:translateY(-10px)}}@keyframes s3Pulse{70%{box-shadow:0 0 0 14px #08dc7900}}@keyframes s3Scan{to{transform:translateY(440%)}}@keyframes s3Sheen{to{transform:translateX(65%)}}@keyframes s3Chart{50%{opacity:.25;transform:scaleX(.72)}}
@media(max-width:1000px){.s3-grid{grid-template-columns:1fr;gap:70px}.s3-copy{max-width:700px}.s3-visual{height:680px}}
@media(max-width:650px){.s3-scale{padding:88px 0}.s3-copy h2{font-size:14vw}.s3-copy>p:not(.s3-kicker){font-size:16px}.s3-copy li{font-size:14px;line-height:1.45}.s3-grid{gap:55px}.s3-visual{height:540px}.s3-board{gap:8px}.s3-tile{border-radius:16px}.s3-h{right:-2%;width:115px;height:115px;border-width:4px}.s3-status{left:8px;top:48%;font-size:7px}}
@media(prefers-reduced-motion:reduce){.s3-motion,.s3-status,.s3-status i,.s3-scan,.s3-sheen,.s3-chart-light{animation:none!important}.s3-reveal{opacity:1;transform:none}}

/* Compact desktop sizing requested after approval */
@media(min-width:1001px){.s3-scale{padding:100px 0}.s3-grid{width:min(1180px,84vw);grid-template-columns:.8fr 1.2fr;gap:5vw}.s3-copy h2{font-size:clamp(52px,4.6vw,72px)}.s3-copy>p:not(.s3-kicker){font-size:16px}.s3-copy li{padding:12px 0;font-size:14px}.s3-visual{height:520px}.s3-tile{border-radius:20px}.s3-h{width:135px;height:135px}}

/* Exact supplied high-resolution collage */
.s3-visual--exact{height:500px;display:grid;place-items:center}.s3-collage{position:relative;width:min(620px,100%);margin:0;transform-style:preserve-3d;transition:translate .55s,rotate .55s}.s3-collage>img{width:100%;height:auto;display:block;border-radius:28px;box-shadow:0 32px 75px #16091d66}.s3-collage:before{content:"";position:absolute;z-index:2;inset:0;border:1px solid #ffffff45;border-radius:28px;pointer-events:none}.s3-collage-scan{position:absolute;z-index:3;left:2%;right:2%;top:0;height:2px;background:#d9ff62;box-shadow:0 0 18px #d9ff62;animation:s3ExactScan 5s ease-in-out infinite}.s3-collage-pulse{position:absolute;z-index:4;width:13px;height:13px;border:3px solid #fff;border-radius:50%;background:#08dc79;box-shadow:0 0 0 0 #08dc79;animation:s3ExactPulse 2.4s infinite}.s3-collage-pulse.p1{left:29%;top:42%}.s3-collage-pulse.p2{right:18%;bottom:22%;animation-delay:1.1s}.s3-collage-label{position:absolute;z-index:4;left:24px;bottom:22px;padding:11px 15px;border-radius:999px;background:#f6f1ece8;color:#371640;font:8px monospace;letter-spacing:.08em;backdrop-filter:blur(12px);box-shadow:0 15px 35px #0003}.s3-collage-label i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#08dc79}@keyframes s3ExactScan{50%{transform:translateY(420px);opacity:.25}}@keyframes s3ExactPulse{70%{box-shadow:0 0 0 16px #08dc7900}}@media(max-width:650px){.s3-visual--exact{height:390px}.s3-collage>img{border-radius:19px}.s3-collage:before{border-radius:19px}.s3-collage-label{left:12px;bottom:12px}}


/* Requested heading sizing and case-study image fit fixes. */
.s3-copy h2{font-size:clamp(36px,3.05vw,48px);line-height:.94}.s3-balanced-heading>span,.s3-balanced-heading>em{display:block;white-space:nowrap}
.s4-copy h2{font-size:clamp(38px,3.1vw,48px);line-height:.96}
.s6-case.active .s6-case-media img{width:100%;height:100%;object-fit:cover;object-position:62% center;transform:none}
.s6-case.active .s6-case-media:after{background:linear-gradient(90deg,#071d1ae8 0 36%,#071d1a42 56%,transparent 76%)}
@media(max-width:650px){
  .s3-copy h2{font-size:9.7vw;line-height:.96}.s3-balanced-heading>span,.s3-balanced-heading>em{white-space:nowrap}
  .s4-copy h2{font-size:10.6vw;line-height:.96}
  .s6-case.active .s6-case-media img{object-position:62% center}
}


/* Requested burgundy theme for the scalable-growth section. */
.s3-scale{--purple:#6d0808;--pink:#ffb4a2;--lime:#ffd166;background:#6d0808;color:#fff7f2}
.s3-scale:before{background:#ff8a6529}
.s3-kicker{color:#ffd166}
.s3-copy h2{color:#fff7f2;font-size:clamp(36px,3.05vw,48px);line-height:.94}
.s3-copy h2 em{color:#ffb4a2}
.s3-copy>p:not(.s3-kicker){color:#f3d8d2}
.s3-copy li{color:#fff7f2;border-color:#ffffff30}
.s3-copy li:before{background:#ffd166;box-shadow:0 0 14px #ffd16688}
.s3-button{background:#ffb4a2;color:#4a0505}
.s3-button i{background:#4a0505;color:#ffd166}
.s3-collage:before{border-color:#ffffff55}


/* Equal two-column alignment with balanced outer spacing. */
.s3-grid{width:min(1180px,calc(100% - 80px));margin-inline:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:center}
.s3-copy,.s3-collage{width:100%;max-width:560px;justify-self:center}
.s3-collage img{width:100%;height:auto;display:block}
@media(max-width:900px){.s3-grid{width:min(680px,calc(100% - 32px));grid-template-columns:1fr;gap:38px}.s3-copy,.s3-collage{max-width:100%}}


/* Final enforced desktop balance: equal 560px columns and equal outer margins. */
@media(min-width:901px){
  .s3-grid{width:1180px!important;max-width:calc(100% - 80px)!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:560px 560px!important;gap:60px!important;justify-content:center!important;align-items:center!important}
  .s3-copy{width:560px!important;max-width:560px!important;justify-self:center!important}
  .s3-visual.s3-visual--exact{width:560px!important;max-width:560px!important;height:auto!important;min-height:391px!important;justify-self:center!important}
  .s3-collage{width:560px!important;max-width:560px!important;margin:0 auto!important;justify-self:center!important}
  .s3-collage>img{width:560px!important;max-width:100%!important;height:auto!important}
}

/* FINAL: repaired compact two-column section sizing. */
.s3-scale{padding:92px 0;background:#6d0808;color:#fff7f2}
.s3-grid{width:min(1180px,calc(100% - 80px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:center}
.s3-copy,.s3-visual.s3-visual--exact,.s3-collage{width:100%;max-width:560px;justify-self:center}
.s3-copy h2{font-size:clamp(36px,3.05vw,48px);line-height:.94}
.s3-visual.s3-visual--exact{height:auto;min-height:391px}
.s3-collage>img{width:100%;height:auto}
@media(max-width:900px){.s3-grid{width:min(680px,calc(100% - 32px));grid-template-columns:1fr;gap:42px}.s3-copy,.s3-visual.s3-visual--exact,.s3-collage{max-width:100%}}


/* FINAL: exact collage rebuilt with eight independently replaceable images. */
.s3-collage--separate{position:relative;width:100%;max-width:560px;aspect-ratio:1368/956;margin:0;background:#351642;border-radius:28px;overflow:hidden;box-shadow:0 32px 75px #16091d66}
.s3-collage--separate>img.s3-gallery-item{position:absolute;display:block;width:auto;height:auto;max-width:none;object-fit:cover;border-radius:20px;box-shadow:none}
.s3-gallery-woman{left:2.193%;top:4.393%;width:29.386%!important;height:33.682%!important}
.s3-gallery-counter{left:2.193%;top:41.213%;width:29.532%!important;height:18.828%!important}
.s3-gallery-office{left:2.193%;top:62.971%;width:29.532%!important;height:33.054%!important}
.s3-gallery-email{left:33.918%;top:4.393%;width:29.678%!important;height:23.640%!important}
.s3-gallery-man{left:33.918%;top:31.172%;width:29.532%!important;height:42.050%!important}
.s3-gallery-chart{left:33.918%;top:76.151%;width:29.532%!important;height:19.874%!important}
.s3-gallery-ring{left:65.643%;top:4.393%;width:29.678%!important;height:47.071%!important}
.s3-gallery-customer{left:65.643%;top:54.603%;width:29.678%!important;height:41.423%!important}
.s3-collage--separate:before{inset:0;border-radius:28px}
@media(max-width:650px){.s3-collage--separate{border-radius:19px}.s3-collage--separate>img.s3-gallery-item{border-radius:13px}}


/* Specificity lock: preserve the exact eight-tile geometry. */
.s3-collage--separate>img.s3-gallery-item{position:absolute!important;display:block!important;max-width:none!important;object-fit:cover!important;border-radius:20px!important;box-shadow:none!important}
.s3-collage--separate>img.s3-gallery-woman{left:2.193%!important;top:4.393%!important;width:29.386%!important;height:33.682%!important}
.s3-collage--separate>img.s3-gallery-counter{left:2.193%!important;top:41.213%!important;width:29.532%!important;height:18.828%!important}
.s3-collage--separate>img.s3-gallery-office{left:2.193%!important;top:62.971%!important;width:29.532%!important;height:33.054%!important}
.s3-collage--separate>img.s3-gallery-email{left:33.918%!important;top:4.393%!important;width:29.678%!important;height:23.640%!important}
.s3-collage--separate>img.s3-gallery-man{left:33.918%!important;top:31.172%!important;width:29.532%!important;height:42.050%!important}
.s3-collage--separate>img.s3-gallery-chart{left:33.918%!important;top:76.151%!important;width:29.532%!important;height:19.874%!important}
.s3-collage--separate>img.s3-gallery-ring{left:65.643%!important;top:4.393%!important;width:29.678%!important;height:47.071%!important}
.s3-collage--separate>img.s3-gallery-customer{left:65.643%!important;top:54.603%!important;width:29.678%!important;height:41.423%!important}
@media(max-width:650px){.s3-collage--separate>img.s3-gallery-item{border-radius:13px!important}}


/* FINAL: remove the purple backing while preserving the exact gallery geometry. */
.s3-collage--separate{background:transparent!important;box-shadow:none!important}
.s3-collage--separate>img.s3-gallery-item{background:transparent!important}


/* FINAL UNIFIED THEME: hero-matched dark section with orange accents. */
.s3-scale{--purple:#0b0b10;--pink:#ff4b12;--lime:#ff8a66;background:radial-gradient(circle at 82% 18%,#7568ff20,transparent 34%),radial-gradient(circle at 12% 82%,#ff4b121d,transparent 32%),#0b0b10;color:#f8f5f0}
.s3-scale:before{background:#ff4b121f}
.s3-kicker{color:#ff8a66}
.s3-copy h2{color:#f8f5f0}
.s3-copy h2 em{color:#ff6540}
.s3-copy>p:not(.s3-kicker){color:#c9c3bf}
.s3-copy li{color:#f8f5f0;border-color:#ffffff20}
.s3-copy li:before{background:#ff4b12;box-shadow:0 0 14px #ff4b1288}
.s3-button{background:#ff4b12;color:#fff}
.s3-button i{background:#ffffff28;color:#fff}
.s3-collage-scan{background:#ff6540;box-shadow:0 0 18px #ff4b12}
.s3-collage:before{border-color:#ffffff42}
