/* Section Two — Growth Engine only. Previous approved work is untouched. */
.s2-solutions{--paper:#f3eee4;--ink:#102f29;--green:#08e77b;--deep:#123b33;--coral:#ff754d;--violet:#7568ff;--pink:#df59dc;position:relative;padding:120px 0 170px;background:var(--paper);color:#111}.s2-intro{width:min(1220px,88vw);margin:0 auto 72px;display:grid;grid-template-columns:.35fr 1.15fr .55fr;gap:5vw;align-items:end}.s2-kicker{margin:0;font:10px monospace;letter-spacing:.16em;text-transform:uppercase;color:#67716d}.s2-intro h2{margin:0;font-size:clamp(56px,6vw,96px);line-height:.88;letter-spacing:-.07em}.s2-intro h2 em{font-family:Georgia,serif;font-weight:400;color:#4f66ff}.s2-intro>p:last-child{margin:0;color:#64716d;line-height:1.65}.s2-stack{width:min(1220px,88vw);margin:auto;padding-bottom:18vh}.s2-card{--card:#fff;--card-ink:#111;position:sticky;top:105px;height:min(560px,70vh);min-height:480px;margin-bottom:22px;padding:18px;display:grid;grid-template-columns:56% 44%;border-radius:25px;background:var(--card);color:var(--card-ink);box-shadow:0 28px 70px #0d302b1c;overflow:hidden;transform-origin:50% 0;transition:box-shadow .5s,filter .5s}.s2-card:nth-child(2){top:119px}.s2-card:nth-child(3){top:133px}.s2-card:nth-child(4){top:147px}.s2-card:nth-child(5){top:161px}.s2-card.is-focused{box-shadow:0 38px 90px #0d302b32}.s2-green{--card:#08e77b}.s2-deep{--card:#123b33;--card-ink:#eafff8}.s2-coral{--card:#ff754d}.s2-violet{--card:#7568ff}.s2-pink{--card:#df59dc}.s2-copy{padding:25px 35px 26px;display:flex;flex-direction:column;align-items:flex-start}.s2-index{font:9px monospace;letter-spacing:.14em;opacity:.67}.s2-copy h3{margin:48px 0 22px;font-size:clamp(46px,4.8vw,76px);line-height:.86;letter-spacing:-.065em}.s2-copy>p{max-width:590px;margin:0;font-size:15px;line-height:1.58;opacity:.72}.s2-copy>a{margin-top:auto;padding:13px 19px;border-radius:999px;background:#102f29;color:#fff;font-size:12px;font-weight:700}.s2-deep .s2-copy>a{background:#d9ff62;color:#102f29}.s2-media{position:relative;border-radius:19px;overflow:hidden;background:#111;isolation:isolate}.s2-media>img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1),filter .6s}.s2-card:hover .s2-media>img{transform:scale(1.045)}.s2-media:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 48%,#0003);pointer-events:none}.s2-filter{position:absolute;z-index:3;border:1px solid #ffffffa0;border-radius:16px;background:#f7f2e9e8;color:#102f29;backdrop-filter:blur(13px);box-shadow:0 18px 42px #0003;animation:s2Float 5s ease-in-out infinite}.s2-volume{right:18px;top:18px;width:175px;padding:15px}.s2-filter small{font:8px monospace;letter-spacing:.08em}.s2-filter b{display:block;margin-top:5px;font-size:25px}.s2-bars{height:48px;margin-top:9px;display:flex;align-items:end;gap:6px}.s2-bars i{flex:1;height:var(--h);border-radius:4px 4px 1px 1px;background:linear-gradient(#4f66ff,#ff654f);transform-origin:bottom;animation:s2Bars 1.7s ease-in-out infinite alternate}.s2-bars i:nth-child(2){animation-delay:.2s}.s2-bars i:nth-child(3){animation-delay:.4s}.s2-bars i:nth-child(4){animation-delay:.6s}.s2-search{left:18px;bottom:18px;padding:14px 17px 14px 46px;animation-delay:-1.2s}.s2-search>i{position:absolute;left:16px;top:22px;width:12px;height:12px;border-radius:50%;background:#d9ff62;box-shadow:0 0 0 0 #d9ff62;animation:s2Pulse 2s infinite}.s2-donut{right:20px;top:20px;width:132px;height:132px;display:grid;place-items:center;text-align:center;border-radius:50%;background:conic-gradient(#4c183d 0 24%,#f4d8ed 24%);animation-delay:-2s}.s2-donut:before{content:"";position:absolute;width:86px;height:86px;border-radius:50%;background:#ff754d}.s2-donut>*{position:relative;z-index:2}.s2-donut b{font-size:27px}.s2-ai{left:18px;bottom:18px;width:185px;padding:15px;animation-delay:-2.8s}.s2-ai-track{height:4px;margin-top:13px;border-radius:99px;background:#1c2f2b20;overflow:hidden}.s2-ai-track i{display:block;width:96%;height:100%;background:#4f66ff;animation:s2Load 2.8s ease-in-out infinite}.s2-scan{position:absolute;z-index:2;left:0;right:0;top:-35%;height:35%;background:linear-gradient(transparent,#d9ff6275,transparent);animation:s2Scan 4s linear infinite}.s2-compliance{right:18px;top:18px;padding:13px;text-align:center;animation-delay:-1.8s}.s2-compliance>i{width:37px;height:37px;display:grid;place-items:center;margin:auto;border-radius:50%;background:#d9ff62;font-style:normal;font-weight:900}.s2-compliance b{font-size:15px}.s2-progress{position:absolute;z-index:3;left:18px;bottom:18px;right:18px;height:6px;border-radius:99px;background:#ffffff6e;overflow:hidden}.s2-progress i{display:block;width:99.1%;height:100%;background:#d9ff62;transform-origin:left;animation:s2Load 3.2s ease-in-out infinite}.s2-card-note{position:absolute;z-index:2;left:18px;top:18px;padding:9px 12px;border-radius:999px;background:#102f29;color:#fff;font:8px monospace;letter-spacing:.08em}.s2-reveal{opacity:0;transform:translateY(40px);transition:opacity .9s,transform 1s cubic-bezier(.16,1,.3,1)}.s2-reveal.is-visible{opacity:1;transform:none}
@keyframes s2Float{50%{transform:translateY(-9px)}}@keyframes s2Bars{to{transform:scaleY(.4)}}@keyframes s2Pulse{70%{box-shadow:0 0 0 15px #d9ff6200}}@keyframes s2Load{0%{transform:scaleX(.12)}70%,100%{transform:scaleX(1)}}@keyframes s2Scan{to{transform:translateY(430%)}}
@media(max-width:900px){.s2-intro{grid-template-columns:1fr}.s2-card{grid-template-columns:1fr 1fr;height:520px}.s2-copy{padding:22px}.s2-copy h3{margin:34px 0 20px}}
@media(max-width:650px){.s2-solutions{padding:85px 0}.s2-intro{margin-bottom:45px}.s2-intro h2{font-size:14vw}.s2-stack{padding-bottom:0}.s2-card,.s2-card:nth-child(n){position:relative;top:auto;height:auto;min-height:700px;padding:12px;grid-template-columns:1fr;margin-bottom:18px}.s2-copy{min-height:345px;padding:18px 14px}.s2-copy h3{font-size:12vw;margin:24px 0 16px}.s2-copy>p{font-size:13px}.s2-copy>a{margin-top:22px}.s2-media{min-height:320px}.s2-volume{width:145px}.s2-donut{width:105px;height:105px}.s2-donut:before{width:67px;height:67px}}
@media(prefers-reduced-motion:reduce){.s2-filter,.s2-bars i,.s2-ai-track i,.s2-scan,.s2-progress i{animation:none!important}.s2-reveal{opacity:1;transform:none}}

/* Compact desktop sizing requested after approval */
@media(min-width:901px){.s2-solutions{padding:95px 0 125px}.s2-intro,.s2-stack{width:min(1080px,84vw)}.s2-intro{margin-bottom:50px}.s2-stack{padding-bottom:12vh}.s2-card{height:430px;min-height:420px;padding:14px;margin-bottom:16px}.s2-copy{padding:18px 28px 20px}.s2-copy h3{margin:30px 0 16px;font-size:clamp(40px,3.6vw,58px)}.s2-copy>p{font-size:13px}.s2-media{min-height:0}}

/* One-line compact Growth Engine heading */
@media(min-width:901px){.s2-intro{grid-template-columns:120px 1fr 260px;align-items:center}.s2-intro h2{font-size:clamp(36px,3.2vw,52px);line-height:1;white-space:nowrap;letter-spacing:-.055em}.s2-intro>p:last-child{font-size:13px}}
@media(max-width:900px){.s2-intro h2{white-space:normal}}


/* Requested five-card palette and overlay placement. */
.s2-card{background:linear-gradient(90deg,var(--card) 0%,var(--card) 34%,color-mix(in srgb,var(--card) 74%,white) 57%,color-mix(in srgb,var(--card) 32%,white) 100%)}
.s2-green{--card:#58a6d5;--card-ink:#1456a7}
.s2-deep{--card:#e59616;--card-ink:#ffe082}
.s2-coral{--card:#0f4a3e;--card-ink:#75a198}
.s2-violet{--card:#4a507d;--card-ink:#aaa8dc}
.s2-pink{--card:#50377b;--card-ink:#e4c7e5}
.s2-deep .s2-copy>a{background:#102f29;color:#fff}
.s2-filter,.s2-search,.s2-donut,.s2-ai,.s2-compliance{left:auto;right:18px;top:18px;bottom:auto}
@media(max-width:650px){.s2-filter,.s2-search,.s2-donut,.s2-ai,.s2-compliance{left:auto;right:13px;top:13px;bottom:auto}}

/* Keep the first card heading on exactly two lines. */
.s2-green .s2-copy h3{font-size:clamp(36px,3.25vw,52px);white-space:nowrap}
@media(max-width:650px){.s2-green .s2-copy h3{font-size:7.8vw;white-space:nowrap}}

/* FINAL: five supplied card palettes with a smooth light fade toward the image. */
.s2-card{background:linear-gradient(90deg,var(--card-start) 0%,var(--card-start) 32%,var(--card-mid) 62%,var(--card-end) 100%);color:var(--card-ink)}
.s2-green{--card-start:#58a6d5;--card-mid:#9ccbe5;--card-end:#e8f5fb;--card-ink:#1456a7}
.s2-deep{--card-start:#e59616;--card-mid:#f5c562;--card-end:#fff4d2;--card-ink:#ffe082}
.s2-coral{--card-start:#0f4a3e;--card-mid:#6f9a91;--card-end:#e2eeeb;--card-ink:#75a198}
.s2-violet{--card-start:#4a507d;--card-mid:#8e92b4;--card-end:#e8e9f2;--card-ink:#aaa8dc}
.s2-pink{--card-start:#50377b;--card-mid:#9c86b8;--card-end:#e4c7e5;--card-ink:#e4c7e5}


/* FINAL: heading-only intro after removing the two highlighted text blocks. */
.s2-intro{display:block;width:min(1080px,84vw);margin-left:auto;margin-right:auto;text-align:center}
.s2-intro h2{margin-left:auto;margin-right:auto}
@media(max-width:900px){.s2-intro{text-align:left}}


/* FINAL UNIFIED THEME: neutral section heading and compact card titles. */
.s2-solutions{--paper:#f3eee4;--ink:#111318;background:#f3eee4;color:#111318}
.s2-intro h2{color:#111318}
.s2-intro h2 em{color:#ff4b12}
@media(min-width:651px){.s2-card .s2-copy h3,.s2-green .s2-copy h3{font-size:clamp(30px,2.55vw,42px)!important;line-height:.94!important;letter-spacing:-.045em!important}}


/* FINAL LIGHT SERVICE CARDS + EDGE-TO-EDGE IMAGES. */
/* The first blue card stays unchanged; cards 2–5 now use light surfaces and dark text. */
.s2-green{--card-start:#58a6d5;--card-mid:#9ccbe5;--card-end:#e8f5fb;--card-ink:#1456a7}
.s2-deep{--card-start:#f2c264;--card-mid:#f8dea5;--card-end:#fffcf4;--card-ink:#6f4300}
.s2-coral{--card-start:#79b7a9;--card-mid:#badad2;--card-end:#f5fbf9;--card-ink:#174d43}
.s2-violet{--card-start:#9da3cc;--card-mid:#cfd2e6;--card-end:#f8f8fc;--card-ink:#30375f}
.s2-pink{--card-start:#ac8ac3;--card-mid:#d7c4e0;--card-end:#fbf7fc;--card-ink:#412357}
.s2-card{color:var(--card-ink)}
.s2-copy>a,.s2-deep .s2-copy>a{background:var(--card-ink)!important;color:#fff!important}
.s2-media:after{background:linear-gradient(135deg,transparent 58%,#00000012)}
@media(min-width:651px){
  .s2-card{padding:0!important;grid-template-columns:54% 46%!important}
  .s2-media{border-radius:0 25px 25px 0!important}
  .s2-media>img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
}


/* FINAL COMPLETE-IMAGE FIT + WIDER CENTERED CARDS. */
@media(min-width:901px){
  .s2-intro,.s2-stack{width:min(1180px,88vw)!important;margin-left:auto!important;margin-right:auto!important}
}
/* Keep the existing card height; only widen the centered card stack. */
.s2-media{background:var(--card-end)!important}
.s2-green .s2-media>img,.s2-deep .s2-media>img,.s2-pink .s2-media>img{object-fit:contain!important;object-position:center!important}