/* UPDATED: green cards + line-by-line scroll motion */
.s3-scroll{position:relative!important;height:470vh!important;min-height:3400px!important;padding:0!important;background:#edf3f1!important;color:#0a2f2a!important;overflow:clip!important;isolation:isolate;font-family:Arial,sans-serif!important}
.s3-scroll:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 25%,rgba(41,151,131,.12),transparent 31%),linear-gradient(rgba(20,80,70,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(20,80,70,.022) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px;pointer-events:none}
.s3-scroll-shell{position:absolute;inset:0}.s3-sticky{position:sticky;top:0;height:100vh;min-height:720px;width:min(1520px,92vw);margin:auto;display:grid;grid-template-columns:.62fr 1.38fr;gap:6vw;align-items:center;overflow:hidden}
.s3-left{position:relative;z-index:10;align-self:center}.s3-left .s3-kicker{margin:0 0 20px;color:#278c79!important;font:10px/1.2 monospace!important;letter-spacing:.16em;text-transform:uppercase}.s3-left h2{max-width:540px;margin:0;color:#0a2f2a!important;font-family:Arial,sans-serif!important;font-size:clamp(46px,4.15vw,66px)!important;font-weight:700!important;line-height:.94!important;letter-spacing:-.055em!important}.s3-left h2 span{display:block}.s3-left h2 em{display:block;margin-top:9px;color:#279b85!important;font-family:Georgia,serif!important;font-size:1.03em;font-weight:400!important;line-height:.95;font-style:italic}.s3-left>p:not(.s3-kicker){max-width:440px;margin:27px 0 0;color:#5d746f!important;font:15px/1.62 Arial,sans-serif!important}.s3-left .s3-button{display:inline-flex;margin-top:32px;align-items:center;gap:24px;padding:7px 8px 7px 22px;border-radius:999px;background:#279f89!important;color:#fff!important;font:700 13px Arial,sans-serif!important}.s3-left .s3-button i{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#f7faf9!important;color:#0a332d!important;font-style:normal;transition:transform .35s}.s3-left .s3-button:hover i{transform:rotate(45deg)}
.s3-card-stage{position:relative;height:100vh;min-height:720px;perspective:1400px;overflow:hidden}.s3-service-card{--tx:58%;--ty:100vh;--rx:0deg;--ry:0deg;--mx:50%;--my:50%;position:absolute;z-index:2;left:1%;top:0;width:min(760px,98%);min-height:270px;padding:38px 42px;display:grid;grid-template-columns:78px 1fr;gap:26px;border:1px solid rgba(133,211,195,.18);border-radius:4px;background:linear-gradient(140deg,#0d443b,#0a352f)!important;box-shadow:0 28px 72px rgba(8,52,44,.22);color:#f5fbf9;opacity:0;transform:translate3d(var(--tx),var(--ty),0) perspective(1200px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;will-change:transform,opacity;transition:border-color .3s,box-shadow .3s;overflow:hidden}
.s3-service-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(390px circle at var(--mx) var(--my),rgba(100,218,195,.2),transparent 58%);opacity:0;transition:opacity .3s;pointer-events:none}.s3-service-card:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 32%,rgba(171,235,222,.12) 49%,transparent 66%);transform:translateX(-125%);transition:transform .75s;pointer-events:none}.s3-service-card.is-mirroring{border-color:rgba(101,210,189,.52);box-shadow:0 34px 86px rgba(8,52,44,.3)}.s3-service-card.is-mirroring:before{opacity:1}.s3-service-card.is-mirroring:after{transform:translateX(125%)}.s3-service-card>*{position:relative;z-index:1;transform:translateZ(22px)}
.s3-service-icon{width:72px;height:72px;display:block;border-radius:50%;object-fit:cover;box-shadow:0 9px 24px rgba(0,20,16,.28);transition:transform .5s cubic-bezier(.16,1,.3,1)}.s3-service-card.is-mirroring .s3-service-icon{transform:translateZ(34px) scaleX(-1)}.s3-service-card small{display:block;margin-bottom:13px;color:#76cab9!important;font:9px monospace!important;letter-spacing:.14em}.s3-service-card h3{max-width:560px;margin:0;color:#fff!important;font:700 27px/1.12 Arial,sans-serif!important;letter-spacing:-.035em}.s3-service-card p{grid-column:2;max-width:590px;margin:16px 0 0;color:#b8d1cc!important;font:14px/1.58 Arial,sans-serif!important}.s3-service-card ul{grid-column:2;display:flex;flex-wrap:wrap;gap:9px;margin:19px 0 0;padding:0;list-style:none}.s3-service-card li{padding:8px 11px;border:1px solid rgba(131,205,191,.22);border-radius:999px;color:#d3e6e2!important;font:9px monospace!important;letter-spacing:.035em}.s3-service-card li:before{content:"•";margin-right:7px;color:#55c4ae}
@media(max-width:900px){.s3-scroll{height:auto!important;min-height:0!important;padding:92px 0!important;overflow:hidden!important}.s3-scroll-shell{position:relative;inset:auto}.s3-sticky{position:relative;top:auto;height:auto;min-height:0;width:calc(100% - 32px);display:block;overflow:visible}.s3-left h2{font-size:clamp(40px,11.5vw,52px)!important}.s3-left>p:not(.s3-kicker){font-size:14px!important}.s3-card-stage{height:auto;min-height:0;margin-top:55px;display:grid;gap:20px;overflow:visible}.s3-service-card{position:relative;left:auto;top:auto;width:100%;min-height:0;padding:25px;grid-template-columns:58px 1fr;opacity:1!important;transform:none!important}.s3-service-icon{width:54px;height:54px}.s3-service-card h3{font-size:21px!important}.s3-service-card p,.s3-service-card ul{grid-column:1/-1}.s3-service-card p{font-size:13px!important}.s3-service-card li{font-size:8px!important}}
@media(prefers-reduced-motion:reduce){.s3-scroll{height:auto!important;min-height:0!important;padding:100px 0!important}.s3-scroll-shell{position:relative}.s3-sticky{position:relative;height:auto;min-height:0}.s3-card-stage{height:auto;display:grid;gap:20px;margin-top:50px;overflow:visible}.s3-service-card{position:relative;left:auto;top:auto;width:100%;opacity:1!important;transform:none!important;transition:none!important}}