/* Section Four — Why Madrivo only. Uses the supplied imagery. */
.s4-why{--ink:#371640;--pink:#f2d7f1;--accent:#e96be4;--violet:#4f66ff;position:relative;padding:105px 0;background:var(--pink);color:var(--ink);overflow:hidden}.s4-wrap{width:min(1180px,84vw);margin:auto;display:grid;grid-template-columns:.95fr 1.05fr;gap:6vw;align-items:center}.s4-visual{position:relative;height:570px;perspective:1100px}.s4-frame{position:absolute;left:50%;top:50%;width:390px;height:510px;transform:translate(-50%,-50%);border-radius:26px 110px 26px 110px;overflow:hidden;box-shadow:0 30px 65px #37164026}.s4-frame img{width:100%;height:100%;object-fit:cover}.s4-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 65%,#37164024)}.s4-card{position:absolute;z-index:3;border-radius:16px;box-shadow:0 18px 42px #3716402b;will-change:translate,rotate;animation:s4Float 6s ease-in-out infinite}.s4-message{left:0;top:22px;width:195px}.s4-new{right:-8px;top:112px;width:205px;animation-delay:-1.3s}.s4-roas{right:20px;bottom:20px;width:135px;animation-delay:-2.7s}.s4-waiting{left:-4px;bottom:70px;width:225px;animation-delay:-4s}.s4-orbit{position:absolute;left:50%;top:50%;width:520px;height:520px;transform:translate(-50%,-50%);border:1px solid #4f66ff22;border-radius:50%;animation:s4Spin 24s linear infinite}.s4-orbit:after{content:"";position:absolute;left:50%;top:-5px;width:10px;height:10px;border-radius:50%;background:#d9ff62;box-shadow:0 0 16px #d9ff62}.s4-kicker{margin:0;font:10px monospace;letter-spacing:.16em;text-transform:uppercase;color:#7a5b7c}.s4-copy h2{margin:20px 0 30px;font-size:clamp(48px,4.5vw,68px);line-height:.92;letter-spacing:-.065em}.s4-copy h2 em{font-family:Georgia,serif;font-weight:400;color:var(--violet)}.s4-reason{display:grid;grid-template-columns:34px 1fr;gap:14px;padding:16px 0;border-top:1px solid #37164022}.s4-reason>span{width:24px;height:24px;display:grid;place-items:center;border:2px solid var(--accent);border-radius:6px;color:var(--accent);font-size:13px}.s4-reason h3{margin:0 0 6px;font-size:18px}.s4-reason p{margin:0;color:#735c74;font-size:13px;line-height:1.5}.s4-reveal{opacity:0;transform:translateY(36px);transition:opacity .9s,transform 1s cubic-bezier(.16,1,.3,1)}.s4-reveal.is-visible{opacity:1;transform:none}
@keyframes s4Float{50%{transform:translateY(-9px)}}@keyframes s4Spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(max-width:950px){.s4-wrap{grid-template-columns:1fr;gap:55px}.s4-visual{height:560px}.s4-copy{max-width:720px}}
@media(max-width:650px){.s4-why{padding:80px 0}.s4-wrap{width:88vw}.s4-visual{height:500px}.s4-frame{width:300px;height:430px}.s4-orbit{width:430px;height:430px}.s4-message{width:150px}.s4-new{width:150px;right:-4px}.s4-roas{width:100px}.s4-waiting{width:170px}.s4-copy h2{font-size:13vw}.s4-reason{padding:15px 0}.s4-reason h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){.s4-card,.s4-orbit{animation:none!important}.s4-reveal{opacity:1;transform:none}}


/* FINAL: #A290B7 theme and timed dropdown reasons. */
.s4-why{--ink:#25172f;--pink:#a290b7;--accent:#6d0808;--violet:#fff3ea;background:#a290b7;color:#25172f}
.s4-kicker{color:#4f365d}
.s4-copy h2{color:#25172f;font-size:clamp(38px,3.1vw,48px);line-height:.96}
.s4-copy h2 em{color:#fff3ea;text-shadow:0 1px 0 #ffffff33}
.s4-reason{position:relative;cursor:pointer;align-items:start;transition:background .3s,padding .35s,border-color .3s}
.s4-reason:hover,.s4-reason.is-open{background:#ffffff18;border-color:#ffffff40;padding-left:12px;padding-right:12px}
.s4-reason>span{border-color:#6d0808;color:#6d0808;transition:transform .35s,background .35s,color .35s}
.s4-reason.is-open>span{transform:rotate(45deg);background:#6d0808;color:#fff3ea}
.s4-reason h3{color:#25172f;margin:1px 0 0}
.s4-reason p{max-height:0;margin:0;overflow:hidden;opacity:0;transform:translateY(-6px);color:#493755;transition:max-height .48s cubic-bezier(.16,1,.3,1),opacity .3s,transform .4s,margin .4s}
.s4-reason.is-open p{max-height:110px;margin-top:8px;opacity:1;transform:none}
@media(max-width:650px){.s4-copy h2{font-size:10.6vw}.s4-reason.is-open p{max-height:150px}}


/* FINAL UNIFIED THEME: warm neutral section with orange interaction accents. */
.s4-why{--ink:#111318;--pink:#f3eee4;--accent:#ff4b12;--violet:#ff4b12;background:#f3eee4;color:#111318}
.s4-kicker{color:#8f4b35}
.s4-copy h2{color:#111318}
.s4-copy h2 em{color:#ff4b12;text-shadow:none}
.s4-reason{border-color:#1113181c}
.s4-reason:hover,.s4-reason.is-open{background:#ff4b120d;border-color:#ff4b1230}
.s4-reason>span{border-color:#ff4b12;color:#ff4b12}
.s4-reason.is-open>span{background:#ff4b12;color:#fff}
.s4-reason h3{color:#111318}
.s4-reason p{color:#625d59}
.s4-orbit{border-color:#ff4b1220}
.s4-orbit:after{background:#ff4b12;box-shadow:0 0 16px #ff4b1270}

/* SECTION FOUR — FINAL GREEN THEME */
html body .s4-why{
  --ink:#f7fbfa!important;
  --pink:#0c1e21!important;
  --accent:#4fc4ac!important;
  --violet:#79cfbe!important;
  position:relative!important;
  background:#0c1e21!important;
  background-color:#0c1e21!important;
  background-image:none!important;
  color:#f7fbfa!important;
}
html body .s4-why:before{
  content:""!important;position:absolute!important;inset:0!important;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px)!important;
  background-size:64px 64px!important;pointer-events:none!important;
}
html body .s4-why .s4-wrap{position:relative!important;z-index:1!important}
html body .s4-why .s4-kicker{color:#76cdbb!important}
html body .s4-why .s4-copy h2,
html body .s4-why .s4-reason h3{color:#f8fcfb!important}
html body .s4-why .s4-copy h2 em{color:#79cfbe!important}
html body .s4-why .s4-reason{border-color:rgba(153,218,205,.2)!important;background:transparent!important}
html body .s4-why .s4-reason:hover,
html body .s4-why .s4-reason.is-open{background:linear-gradient(135deg,#105045,#0b3d35)!important;border-color:rgba(100,211,188,.48)!important;box-shadow:0 18px 44px rgba(0,18,14,.22)!important}
html body .s4-why .s4-reason>span{border-color:#51c7af!important;color:#58cbb4!important;background:rgba(74,192,168,.1)!important}
html body .s4-why .s4-reason.is-open>span{background:#4bc0a8!important;border-color:#4bc0a8!important;color:#0c1e21!important}
html body .s4-why .s4-reason p{color:#bfd6d1!important}
html body .s4-why .s4-orbit{border-color:rgba(99,205,183,.3)!important}
html body .s4-why .s4-orbit:after{background:#58cbb4!important;box-shadow:0 0 18px rgba(88,203,180,.85)!important}
html body .s4-why .s4-frame{border:1px solid rgba(145,218,203,.24)!important;box-shadow:0 34px 80px rgba(0,18,14,.42)!important}
html body .s4-why .s4-frame:after{background:linear-gradient(transparent 50%,rgba(3,42,34,.52))!important}
html body .s4-why .s4-card{filter:none!important;box-shadow:0 20px 48px rgba(0,18,14,.36)!important}

/* Softer professional dropdown motion */
html body .s4-why .s4-reason{transition:background .65s ease,padding .7s cubic-bezier(.16,1,.3,1),border-color .65s ease,box-shadow .65s ease!important}
html body .s4-why .s4-reason>span{transition:transform .65s cubic-bezier(.16,1,.3,1),background .55s ease,color .55s ease!important}
html body .s4-why .s4-reason p{transition:max-height .9s cubic-bezier(.16,1,.3,1),opacity .55s ease .08s,transform .75s cubic-bezier(.16,1,.3,1),margin .7s ease!important}