:root{--bg:#fff;--ink:#111;--radius:14px;--gap:24px;--card-w:280px;--card-h:280px;--back-bg:#3a2e7b;--back-fg:#fff;--btn-fg:#3b2979;--btn-border:#91cccd;--btn-hover:#7bc2c3;--card-shadow:0 4px 12px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.05);--card-shadow-hover:0 8px 18px rgba(0,0,0,.1),0 2px 6px rgba(0,0,0,.06);--icon-size:90px}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}.bodie{background:var(--bg);color:var(--ink);display:grid;font-family:Brandon Grotesque,system-ui,-apple-system,Segoe UI,Roboto,sans-serif!important;padding:32px 16px;place-items:center}.learn-more{align-items:center;background:transparent;border:2px solid var(--btn-border);border-radius:0;color:var(--btn-fg);display:inline-flex;font-size:12px;font-weight:800;justify-content:center;letter-spacing:.2em;padding:8px 24px;text-decoration:none;text-transform:uppercase;transition:background-color .2s,color .2s,border-color .2s,transform .1s}.learn-more:hover{transform:translateY(-1px)}.learn-more:hover,.learn-more[data-surface=dark]{background:var(--btn-hover);border-color:var(--btn-hover);color:#2a1b6b}.learn-more[data-surface=dark]:hover{filter:brightness(.95)}.learn-more:focus-visible{outline:3px solid color-mix(in srgb,var(--btn-hover) 65%,transparent);outline-offset:2px}.cards{display:grid;gap:var(--gap);grid-template-columns:repeat(3,1fr);justify-items:center;max-width:1200px;width:100%}.card{height:var(--card-h);outline:none;perspective:1100px;width:var(--card-w)}.card.flipped .flip-card{transform:rotateY(180deg)}.flip-card{height:100%;position:relative;transform-origin:50% 50%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1);width:100%}.card:focus-within .flip-card,.card:hover .flip-card{transform:rotateY(180deg)}.face{align-items:center;backface-visibility:hidden;background:var(--bg);border-radius:var(--radius);box-shadow:var(--card-shadow);color:var(--ink);display:flex;flex-direction:column;inset:0;justify-content:center;padding:20px;position:absolute;text-align:center}.card:focus-within .face,.card:hover .face{box-shadow:var(--card-shadow-hover)}.front{transform:rotateY(0deg)}.back{background:var(--back-bg);color:var(--back-fg);transform:rotateY(180deg)}.front{justify-content:center;row-gap:10px}.front .copy{margin-top:0}.title{font-size:18px;font-weight:600;margin:0}.copy{font-size:14px;line-height:1.45;margin:4px 0 14px;max-width:85%}.back,.back .copy,.back .title,.back a:not(.learn-more){color:#fff}.back .copy{font-size:16.5px;line-height:1.55}.icon{background:transparent;border:0;border-radius:0;box-shadow:none;display:grid;height:var(--icon-size);place-items:center;transform:translateY(-8px);width:var(--icon-size)}.icon img{display:block;height:100%;object-fit:contain;width:100%}.front .icon{height:calc(var(--icon-size) + 3px);transform:translateY(-25px);width:calc(var(--icon-size) + 3px)}.front{row-gap:-15px}.front .title{margin-top:-9px}.front .copy{margin-top:-2px}.front .learn-more{margin-top:10px}.card--benefits .title .mobile-only{display:none}.card--benefits .title .desktop-only{display:inline}@media (max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:740px){:root{--icon-size:50px;--m-gap:16px}.bodie .cards{display:flex!important;flex-wrap:wrap!important;gap:var(--m-gap)!important;justify-content:center!important;margin-inline:auto!important;width:100%!important}.bodie .card{flex:0 1 calc((100% - var(--m-gap))/2)!important;height:auto!important;max-width:calc((100% - var(--m-gap))/2)!important;perspective:none!important;width:calc((100% - var(--m-gap))/2)!important}.bodie .flip-card{transform:none!important}.bodie .card:focus-within .flip-card,.bodie .card:hover .flip-card{transform:none!important}.bodie .back{display:none!important}.bodie .face{border-radius:18px;box-shadow:var(--card-shadow);inset:auto;min-height:210px;padding:24px 18px;position:relative}.bodie .front{row-gap:-15px}.bodie .title{font-size:13px}.bodie .copy{font-size:14px}.bodie .learn-more{border-width:1.5px;font-size:10px;letter-spacing:.12em;margin-top:10px;min-height:36px;padding:6px 12px}.bodie .icon{transform:translateY(-6px)}.bodie .card .front .icon,.bodie .card:active .front .icon,.bodie .card:focus-within .front .icon,.bodie .card:hover .front .icon{filter:none!important;opacity:1!important}.bodie .front .icon{height:calc(var(--icon-size) + 7px);transform:translateY(-8px);width:calc(var(--icon-size) + 7px)}.bodie .front .title{margin-top:-1px}.bodie .front .copy{margin-top:-2px}.bodie .front .learn-more{margin-top:0}}