.reasons-section{background:#573080;color:#fff9f3;border-radius:0;margin:30px 0 50px;padding:90px 0 75px;position:relative;isolation:isolate}
body[data-theme="theme-2"] .reasons-heading h2,body[data-theme="theme-2"] .reason-step h3{color:#fff9f3}body[data-theme="theme-2"] .reasons-heading .eyebrow{color:#f5b3a2}
.reasons-heading{text-align:center;max-width:760px;margin:0 auto 65px}.reasons-heading .eyebrow{color:#f5b3a2}.reasons-heading h2{color:#fff9f3;font-size:clamp(32px,3.5vw,50px);line-height:1.18;letter-spacing:-1.6px;margin:18px 0}.reasons-heading>p{color:#d9c5e9;font-size:14px;line-height:1.8;max-width:600px;margin:20px auto 0}
body[data-theme="theme-2"] .reasons-heading h2{font-size:clamp(32px,3.5vw,50px)}
.reasons-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:start}.reasons-steps{border-left:1px solid #b18bce55}.reason-step{min-height:68vh;min-height:68svh;display:flex;flex-direction:column;justify-content:center;padding:55px 0 55px 40px;position:relative}.reason-step:before{content:'';position:absolute;left:-2px;top:calc(50% - 70px);height:140px;width:3px;background:#f49887;border-radius:3px;opacity:0;transition:opacity .4s}.reason-step.is-current:before{opacity:1}.reason-number{display:grid;place-items:center;width:54px;height:54px;border:1px solid #ba9ad17a;border-radius:50%;color:#e5d2f1;font-size:18px;font-weight:700;background:#8254a3;margin-bottom:24px;transition:background .4s,color .4s}.reason-step.is-current .reason-number{background:#f19583;color:#573080;border-color:#f19583}.reason-step h3{font-size:clamp(27px,3vw,40px);line-height:1.24;letter-spacing:-1px;max-width:450px;color:#fff9f3;margin:0 0 23px}.reason-step>p{font-size:15px;line-height:1.85;color:#ddcce9;max-width:440px;margin:0}
.reasons-stage{position:sticky;top:130px;height:clamp(350px,65vh,530px);border-radius:38px;background:#deccf1;overflow:hidden;box-shadow:0 20px 55px #27113715}.reason-visual{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 12px 46px;opacity:0;transform:translateY(16px) scale(.97);transition:opacity .5s ease,transform .65s cubic-bezier(.2,.8,.2,1);pointer-events:none}.reason-visual.is-current{opacity:1;transform:none}.reason-art{width:100%;height:100%;max-height:440px;display:block}.reason-scene-caption{font-size:12px;font-weight:650;color:#7b5298;text-align:center;padding:0 20px;line-height:1.6}.reasons-progress{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;gap:8px}.reasons-progress>span{width:7px;height:7px;background:#af8ec7;border-radius:10px;transition:width .4s,background .4s}.reasons-progress>span.is-current{width:24px;background:#ed9585}.reason-mobile-art{display:none}
.reason-cloud{animation:reason-drift 8s ease-in-out infinite}.reason-twinkle{animation:reason-glimmer 4s ease-in-out infinite}.reason-advisor-head{transform-box:view-box;transform-origin:385px 216px;animation:reason-nod 6s ease-in-out infinite}.reason-talking-hand,.reason-support-wave{transform-origin:0 0;animation:reason-gesture 5s ease-in-out infinite}.reason-conversation{animation:reason-bubble 5s ease-in-out infinite}.reason-paper-one{animation:reason-paper-one 6s ease-in-out infinite}.reason-paper-two{animation:reason-paper-two 6s ease-in-out infinite}.reason-comparison-spark{animation:reason-glimmer 4s ease-in-out infinite}.reason-draw-check{stroke-dasharray:65;stroke-dashoffset:0;animation:reason-check 6s ease-in-out infinite}.reason-phone-ring{animation:reason-ring 4s ease-out infinite}.reason-visual:not(.is-current) *{animation-play-state:paused!important}
.reasons-section.reasons-out-of-view *{animation-play-state:paused!important}.has-front-admin .reasons-stage{top:170px}
@keyframes reason-drift{0%,100%{transform:translateX(-5px)}50%{transform:translateX(9px)}}@keyframes reason-glimmer{0%,100%{opacity:.45}50%{opacity:1}}@keyframes reason-nod{0%,30%,100%{transform:rotate(0)}45%,60%{transform:rotate(3deg)}}@keyframes reason-gesture{0%,100%{transform:rotate(-2deg)}45%,65%{transform:rotate(5deg)}}@keyframes reason-bubble{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes reason-paper-one{0%,100%{transform:translateY(3px) rotate(-2deg)}50%{transform:translateY(-5px) rotate(0)}}@keyframes reason-paper-two{0%,100%{transform:translateY(-5px) rotate(2deg)}50%{transform:translateY(3px) rotate(0)}}@keyframes reason-check{0%,15%{stroke-dashoffset:65}40%,100%{stroke-dashoffset:0}}@keyframes reason-ring{0%,65%,100%{opacity:0}15%,35%{opacity:1}45%{opacity:.35}}
@media(max-width:1050px){.reasons-layout{gap:35px}.reason-step{padding-left:26px}.reasons-section .wrap{width:calc(100% - 60px)}.reasons-stage{height:clamp(340px,60vh,460px)}}
@media(max-width:800px){.reasons-section{margin:25px 0 35px;padding:55px 0 35px;border-radius:0}.reasons-section .wrap{width:calc(100% - 36px)}.reasons-heading{margin-bottom:35px}.reasons-heading h2{font-size:33px;letter-spacing:-1px}.reasons-heading>p{font-size:13px}.reasons-layout{display:block}.reasons-stage{display:none}.reasons-steps{border:0}.reason-step{min-height:0;padding:30px 0 40px;border-bottom:1px solid #b18bce44}.reason-step:last-child{border-bottom:0;padding-bottom:0}.reason-step:before{display:none}.reason-number{width:43px;height:43px;margin-bottom:18px;background:#f19583;color:#573080;border-color:#f19583;font-size:15px}.reason-step h3{font-size:27px;max-width:none;margin-bottom:16px}.reason-step>p{font-size:14px;max-width:none}.reason-mobile-art{display:block;background:#deccf1;border-radius:26px;margin-top:25px;overflow:hidden}.reason-mobile-art .reason-art{width:100%;height:auto;max-height:none}.reason-mobile-art *{animation-play-state:running}}
@media(prefers-reduced-motion:reduce){.reasons-section *{animation:none!important;transition:none!important}.reason-visual{transform:none}.reason-phone-ring{opacity:.4}}
body[data-motion="0"] .reasons-section *,.experience-paused .reasons-section *{animation:none!important;transition:none!important}
/* Each scene tells a short looping story rather than only floating in place. */
.reason-talking-hand{animation:reason-talk-active 3.8s ease-in-out infinite}.reason-support-wave{animation:reason-wave-active 4.6s ease-in-out infinite}.reason-advisor-head{animation:reason-listen-active 4s ease-in-out infinite}.reason-advisor-left-hand{transform-origin:352px 238px;animation:reason-type-left 1.2s ease-in-out infinite}.reason-advisor-right-hand{transform-origin:411px 240px;animation:reason-type-right 1.2s ease-in-out infinite}.reason-speaking-dot{transform-box:fill-box;transform-origin:center;animation:reason-speaking-dot 1.6s ease-in-out infinite}.reason-speaking-dot.dot-two{animation-delay:.18s}.reason-speaking-dot.dot-three{animation-delay:.36s}.reason-laptop-signal{animation:reason-type-signal 2.4s ease-in-out infinite}.reason-floating-policy{animation:reason-policy-arrive 8s cubic-bezier(.2,.7,.2,1) infinite;transform-origin:459px 200px}.reason-art-0 .reason-conversation{animation:reason-conversation-active 8s ease-in-out infinite}.reason-paper-one{animation:reason-compare-one 8s ease-in-out infinite}.reason-paper-two{animation:reason-compare-two 8s ease-in-out infinite}.reason-comparison-spark{animation:reason-compare-spark 8s ease-in-out infinite}.reason-comparison-car{animation:reason-car-drive 8s ease-in-out infinite}.reason-car-wheel{animation:reason-car-roll 8s ease-in-out infinite;transform-origin:0 0}.reason-call-icon{transform-origin:192px 246px;animation:reason-call-shake 5s ease-in-out infinite}.reason-call-halo{transform-origin:192px 246px;animation:reason-call-pulse 2.5s ease-out infinite}.reason-phone-ring{animation:reason-ring 2.5s ease-out infinite}.reason-message-in{animation:reason-message-in 8s ease-in-out infinite}.reason-message-out{animation:reason-message-out 8s ease-in-out infinite}
@keyframes reason-talk-active{0%,100%{transform:rotate(0)}20%{transform:rotate(-10deg)}40%{transform:rotate(5deg)}60%{transform:rotate(-7deg)}80%{transform:rotate(2deg)}}
@keyframes reason-wave-active{0%,40%,100%{transform:rotate(0)}10%,28%{transform:rotate(-12deg)}20%,35%{transform:rotate(7deg)}}
@keyframes reason-listen-active{0%,15%,70%,100%{transform:rotate(0)}30%,55%{transform:rotate(5deg)}42%{transform:rotate(1deg)}}
@keyframes reason-type-left{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(3deg)}}@keyframes reason-type-right{0%,100%{transform:rotate(3deg)}50%{transform:rotate(-2deg)}}
@keyframes reason-speaking-dot{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-6px);opacity:1}}@keyframes reason-type-signal{0%,100%{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}
@keyframes reason-policy-arrive{0%,48%,100%{opacity:0;transform:translate(20px,15px) scale(.8)}58%,87%{opacity:1;transform:translate(0,-5px) scale(1)}93%{opacity:0;transform:translate(0,-18px) scale(.95)}}
@keyframes reason-conversation-active{0%,8%,95%,100%{opacity:0;transform:translateY(12px) scale(.97)}18%,79%{opacity:1;transform:translateY(0) scale(1)}87%{opacity:0;transform:translateY(-10px) scale(1)}}
@keyframes reason-compare-one{0%,100%{transform:translate(-26px,8px) rotate(-5deg)}20%,40%{transform:translate(5px,-7px) rotate(1deg)}65%,80%{transform:translate(-3px,0) rotate(-1deg)}}
@keyframes reason-compare-two{0%,100%{transform:translate(26px,-8px) rotate(5deg)}20%,40%{transform:translate(-5px,7px) rotate(-1deg)}65%,80%{transform:translate(3px,0) rotate(1deg)}}
@keyframes reason-compare-spark{0%,18%,100%{opacity:0;transform:translateY(8px)}28%,72%{opacity:1;transform:translateY(0)}85%{opacity:0;transform:translateY(-8px)}}
@keyframes reason-car-drive{0%,100%{opacity:0;transform:translateX(-150px)}20%,68%{opacity:1;transform:translateX(0)}90%{opacity:0;transform:translateX(150px)}99%{opacity:0;transform:translateX(150px)}}
@keyframes reason-car-roll{0%,100%{transform:rotate(0deg)}20%,68%{transform:rotate(410deg)}90%,99%{transform:rotate(820deg)}}
@keyframes reason-call-shake{0%,4%,15%,100%{transform:rotate(0)}6%,10%{transform:rotate(-12deg)}8%,12%{transform:rotate(12deg)}}@keyframes reason-call-pulse{0%{opacity:.35;transform:scale(.7)}75%,100%{opacity:0;transform:scale(1.25)}}
@keyframes reason-message-in{0%,12%,88%,100%{opacity:0;transform:translate(-30px,16px)}25%,72%{opacity:1;transform:translate(0,0)}82%{opacity:0;transform:translate(0,-16px)}}
@keyframes reason-message-out{0%,35%,96%,100%{opacity:0;transform:translate(25px,18px)}48%,82%{opacity:1;transform:translate(0,0)}92%{opacity:0;transform:translate(0,-16px)}}

/* The corporate approach card shares the animated listening scene. */
body[data-theme="theme-2"] .about-art .about-listening-scene{position:relative;z-index:1;display:block;width:100%;max-width:440px;height:300px;background:transparent;margin:14px auto 0;overflow:visible}
body[data-theme="theme-2"] .about-art .about-listening-scene>svg{display:block;width:100%;height:100%;max-width:none;padding:0}
body[data-theme="theme-2"] .about-art:has(.about-listening-scene) h3{margin-top:10px}
@media(max-width:800px){body[data-theme="theme-2"] .about-art .about-listening-scene{height:260px;margin-top:12px}}
@media(max-width:420px){body[data-theme="theme-2"] .about-art .about-listening-scene{height:225px}}