/* Windows Phone / Metro: generous live tiles, large type, restrained depth. */
.benefits-section .original-benefits{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:220px;gap:12px;isolation:isolate}
.benefits-section .original-benefit{--tile:#713ca5;position:relative;min-width:0;overflow:hidden;padding:28px;border:0;border-radius:2px;background:var(--tile);color:#fff;box-shadow:none;display:flex;align-items:flex-end;transition:box-shadow .25s;touch-action:pan-y}
.benefits-section .original-benefit:nth-child(1),.benefits-section .original-benefit:nth-child(6){grid-column:span 2}
.benefits-section .original-benefit:nth-child(2){--tile:#482363}.benefits-section .original-benefit:nth-child(3){--tile:#8353b0}.benefits-section .original-benefit:nth-child(4){--tile:#592b88}.benefits-section .original-benefit:nth-child(5){--tile:#39254d}
.benefits-section .original-benefit h3{position:relative;z-index:2;margin:0;max-width:100%;color:#fff;font-family:"Segoe UI",Inter,Arial,sans-serif;font-size:clamp(23px,2.25vw,32px);font-weight:400;line-height:1.16;letter-spacing:-.025em;overflow-wrap:normal;hyphens:auto;transition:transform .3s}
.benefits-section .metro-light{position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(circle 240px at var(--light-x,50%) var(--light-y,50%),#ffffff4d 0%,#ffffff24 42%,transparent 78%);opacity:0;transition:opacity .24s}
.benefits-section .original-benefits.is-lit .metro-light{opacity:1}
.benefits-section .original-benefit::after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid #ffffff15;background:linear-gradient(115deg,transparent 20%,#ffffff10 48%,transparent 75%);transform:translateX(-110%);transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.metro-icon{position:absolute;top:27px;left:28px;width:54px;height:54px;color:#fff;opacity:.92;pointer-events:none;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.metro-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.benefits-section .original-benefit:hover::after{transform:translateX(110%)}.benefits-section .original-benefit:hover{box-shadow:0 18px 40px #48236325;z-index:2}
/* Content stays visible without JS. Reveal once, no endless decorative loop. */
.benefits-section .original-benefits.is-arriving .original-benefit{animation:metro-arrive .62s cubic-bezier(.16,1,.3,1) backwards;animation-delay:var(--tile-delay,0ms)}
@keyframes metro-arrive{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}
/* Split-flap lettering belongs only to this section's heading and introduction. */
.has-metro-heading h2{font-family:"Segoe UI",Inter,Arial,sans-serif;font-weight:400;letter-spacing:-.04em;max-width:1050px}
.has-metro-heading .lead{font-family:"Segoe UI",Inter,Arial,sans-serif;max-width:900px;font-weight:400;line-height:1.65}
.flap-readable{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;user-select:none}
.flap-word{display:inline-block;white-space:nowrap;max-width:100%}
.flap-char{position:relative;display:inline-block;perspective:260px;white-space:pre}
.flap-char.is-flipping{color:transparent}
.flap-char.is-flipping::before,.flap-char.is-flipping::after{content:attr(data-char);position:absolute;inset:0;pointer-events:none;color:#713ca5;background:#faf8fd;backface-visibility:hidden;transform-origin:50% 50%;animation-duration:.46s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.4,0,.3,1)}
.flap-char.is-flipping::before{clip-path:inset(0 0 50%);animation-name:flap-top}
.flap-char.is-flipping::after{clip-path:inset(50% 0 0);animation-name:flap-bottom}
@keyframes flap-top{0%{transform:rotateX(0);filter:brightness(1);opacity:1}42%,100%{transform:rotateX(-90deg);filter:brightness(.65);opacity:0}}
@keyframes flap-bottom{0%,58%{transform:rotateX(90deg);filter:brightness(.65);opacity:0}59%{transform:rotateX(90deg);filter:brightness(.65);opacity:1}100%{transform:rotateX(0);filter:brightness(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.flap-char.is-flipping{color:inherit}.flap-char.is-flipping::before,.flap-char.is-flipping::after{display:none}}
.footer-bottom{align-items:center;gap:24px}.footer-bottom .footer-copyright,.footer-bottom nav a{white-space:nowrap}.footer-bottom nav{gap:12px;justify-content:flex-end}.footer-bottom .footer-copyright{flex-shrink:0}
@media(max-width:1250px){.footer-bottom{display:grid;grid-template-columns:1fr;gap:20px}.footer-bottom nav{justify-content:flex-start}}
@media(max-width:800px){.benefits-section .original-benefits{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:200px;gap:10px}.benefits-section .original-benefit{padding:24px}.benefits-section .original-benefit h3{font-size:26px}.metro-icon{left:24px;top:24px;width:47px;height:47px}}
@media(max-width:440px){.benefits-section .original-benefits{grid-auto-rows:190px;gap:8px}.benefits-section .original-benefit{padding:18px}.benefits-section .original-benefit h3{font-size:23px;line-height:1.14}.metro-icon{left:18px;top:20px;width:42px;height:42px}.footer-bottom nav{gap:14px 18px}.footer-bottom .footer-copyright{font-size:11px}}
@media(prefers-reduced-motion:reduce){.benefits-section .original-benefits .original-benefit,.benefits-section .metro-light,.benefits-section .original-benefit::after,.metro-icon{animation:none!important;transition:none!important;transform:none!important}.benefits-section .metro-light,.benefits-section .original-benefit::after{display:none}}