#the-difference{margin:48px auto;padding:52px 32px;background:#F6F6F2;border-radius:30px;color:var(--navy)}
#the-difference h2{font-size:clamp(32px,3vw,46px);font-weight:600;line-height:1.15;letter-spacing:-.04em;text-align:center;margin:0 0 36px}
#the-difference h2 em{font-style:normal;color:var(--brand-turquoise)}
#the-difference .difference-panels{display:grid;grid-template-columns:2.4fr 1fr 1fr 1fr;gap:14px;align-items:stretch;transition:grid-template-columns .38s ease}
#the-difference[data-selected="1"] .difference-panels{grid-template-columns:1fr 2.4fr 1fr 1fr}
#the-difference[data-selected="2"] .difference-panels{grid-template-columns:1fr 1fr 2.4fr 1fr}
#the-difference[data-selected="3"] .difference-panels{grid-template-columns:1fr 1fr 1fr 2.4fr}
#the-difference .difference-panel{min-width:0;background:#FFFFFF;border:1px solid transparent;border-radius:18px;padding:20px;transition:border-color .2s ease}
#the-difference .difference-panel.is-selected{border-color:var(--brand-turquoise)}
#the-difference h3{margin:0;font:inherit}
#the-difference h3 button{display:flex;flex-direction:column;align-items:flex-start;gap:14px;position:relative;width:100%;min-height:122px;padding:0 0 20px;background:transparent;border:0;color:var(--navy);font:600 17px/1.4 Poppins,Arial,sans-serif;font-size:17px;text-align:left;cursor:pointer}
#the-difference .difference-number{font-size:13px;font-weight:500;letter-spacing:.06em}
#the-difference .difference-sign{position:absolute;right:0;top:0;color:var(--navy);font-size:23px;line-height:1}
#the-difference button:focus-visible{outline:3px solid var(--navy);outline-offset:5px;border-radius:4px}
#the-difference .difference-body svg{display:block;width:100%;height:auto;max-height:220px;margin:0 auto 14px}
#the-difference .difference-body p{font-size:16px;line-height:1.6;margin:0;max-width:460px}
#the-difference [hidden]{display:none!important}
#the-difference .is-animating .difference-move{animation:difference-arrive .65s ease both;transform-box:fill-box;transform-origin:center}
#the-difference .is-animating .difference-route{stroke-dasharray:224;animation:difference-connect .65s ease both}
@keyframes difference-arrive{from{transform:translateX(-18px)}to{transform:translateX(0)}}
@keyframes difference-connect{from{stroke-dashoffset:224}to{stroke-dashoffset:0}}
@media(max-width:1100px){#the-difference{padding:40px 24px}#the-difference .difference-panel{padding:16px}#the-difference h3 button{font-size:15px}}
@media(max-width:900px){#the-difference .difference-panels,#the-difference[data-selected] .difference-panels{grid-template-columns:minmax(0,1fr);gap:12px}#the-difference h3 button{min-height:48px;flex-direction:row;align-items:center;gap:16px;padding:0 32px 0 0;font-size:17px}#the-difference .difference-sign{top:12px}#the-difference .difference-body{padding-top:16px}#the-difference .difference-body svg{max-height:200px}#the-difference .difference-body p{max-width:none}}
@media(max-width:560px){#the-difference{padding:32px 18px;margin:32px auto;border-radius:24px}#the-difference h2{font-size:32px;margin-bottom:28px}#the-difference .difference-panel{padding:16px}#the-difference h3 button{font-size:16px}#the-difference .difference-body p{font-size:15px}}
@media(prefers-reduced-motion:reduce){#the-difference .difference-panels,#the-difference .difference-panel{transition:none}#the-difference .difference-move,#the-difference .difference-route{animation:none!important;transform:none!important;stroke-dashoffset:0!important}}