/* High-contrast comparison cards. Bebas Neue is self-hosted under the bundled SIL OFL. */
@font-face{font-family:'Bebas Neue';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/bebas-neue-400.woff') format('woff')}
.footer-comparisons{padding-top:44px;padding-bottom:46px}
.footer-comparisons .footer-compare-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:27px}
.footer-comparisons h3{font-family:'Bebas Neue','Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:clamp(45px,5vw,66px);font-weight:400;font-synthesis:none;line-height:1.05;letter-spacing:.025em;color:#f0f6e9;text-transform:uppercase;margin:0}
.footer-compare-highlight{position:relative;display:inline-block;color:#7AB52E;padding-bottom:5px}
.footer-compare-highlight::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:#7AB52E;transform-origin:left center}
.footer-comparisons .footer-compare-note{font-family:Manrope,Arial,sans-serif;font-size:13px;line-height:1.7;color:#bdcfaa;margin:0 0 4px;max-width:230px}
.footer-comparisons nav{position:static;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;background:none;padding:0;border:0;box-shadow:none}
footer .footer-comparisons a:not(.brand){position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:10px;min-width:0;min-height:142px;margin:0;padding:21px;border:1px solid #e5eddb;border-top:4px solid #7AB52E;border-radius:5px;background:#fbfcf7;color:#315c1d;box-shadow:0 8px 24px #0002;text-decoration:none;transition:transform .22s,box-shadow .22s,background .22s,border-color .22s}
.footer-comparisons .footer-compare-label{font-family:Manrope,Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.13em;line-height:1;text-transform:uppercase;color:#3e602a}
.footer-comparisons a strong{display:block;font-family:'Bebas Neue','Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:36px;font-weight:400;font-synthesis:none;letter-spacing:.025em;line-height:1.02;text-transform:uppercase;color:#315c1d;max-width:100%}
.footer-comparisons .footer-compare-arrow{position:absolute;top:16px;right:17px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#7AB52E;color:#24331a;font-family:Arial,sans-serif;font-size:22px;font-weight:400;line-height:1;transition:transform .22s}
footer .footer-comparisons a:hover{background:#fff;border-color:#7AB52E;transform:translateY(-4px);box-shadow:0 13px 30px #0003}
footer .footer-comparisons a:hover .footer-compare-arrow{transform:translate(2px,-2px)}
footer .footer-comparisons a[aria-current="page"]{background:#f0f7e6;border-color:#7AB52E;box-shadow:inset 0 0 0 1px #7AB52E}
footer .footer-comparisons a:focus-visible{outline:3px solid #7AB52E;outline-offset:5px}
.footer-comparisons.comparison-entered .footer-compare-highlight::after{animation:compare-heading-draw .65s ease-out both}
.footer-comparisons.comparison-entered nav a{animation:compare-card-arrive .6s cubic-bezier(.2,.7,.2,1) both}
.footer-comparisons.comparison-entered nav a:nth-child(2){animation-delay:.06s}
.footer-comparisons.comparison-entered nav a:nth-child(3){animation-delay:.12s}
.footer-comparisons.comparison-entered nav a:nth-child(4){animation-delay:.18s}
.footer-comparisons.comparison-entered nav a:nth-child(5){animation-delay:.24s}
@keyframes compare-heading-draw{from{transform:scaleX(.15)}to{transform:scaleX(1)}}
@keyframes compare-card-arrive{from{opacity:.65;translate:0 12px}to{opacity:1;translate:0 0}}
@media(max-width:1120px){.footer-comparisons nav{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-comparisons h3{font-size:57px}.footer-comparisons a strong{font-size:36px}}
@media(max-width:650px){.footer-comparisons{padding-top:36px;padding-bottom:37px}.footer-comparisons .footer-compare-heading{display:block;margin-bottom:24px}.footer-comparisons h3{font-size:48px;line-height:1.05}.footer-comparisons .footer-compare-note{margin:14px 0 0;font-size:12px;max-width:100%}.footer-comparisons nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}footer .footer-comparisons a:not(.brand){min-height:132px;padding:17px;gap:10px}.footer-comparisons a strong{font-size:30px}.footer-comparisons .footer-compare-arrow{top:13px;right:13px;width:29px;height:29px;font-size:20px}}
@media(max-width:370px){.footer-comparisons h3{font-size:43px}.footer-comparisons nav{gap:10px}footer .footer-comparisons a:not(.brand){padding:14px;min-height:126px}.footer-comparisons a strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){.footer-comparisons.comparison-entered nav a,.footer-comparisons.comparison-entered .footer-compare-highlight::after{animation:none!important;translate:none!important;opacity:1!important}footer .footer-comparisons a:not(.brand),.footer-comparisons .footer-compare-arrow{transition:none}footer .footer-comparisons a:hover,footer .footer-comparisons a:hover .footer-compare-arrow{transform:none}}
/* This additional navigation is deliberately the final element in the footer. */
.footer-bottom-comparisons{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 24px;padding-top:18px;padding-bottom:24px}
.footer-bottom-comparisons>span{font-family:Manrope,Arial,sans-serif;font-size:11px;font-weight:700;line-height:1.6;color:#bacbad}
.footer-bottom-comparisons nav{position:static;display:flex;align-items:center;flex-wrap:wrap;gap:5px 20px;background:none;border:0;box-shadow:none;padding:0}
footer .footer-bottom-comparisons a:not(.brand){display:inline-flex;align-items:center;min-height:44px;padding:7px 0;margin:0;color:#bcd5a6;font-size:11px;line-height:1.5;font-weight:600;text-decoration:underline;text-underline-offset:4px}
footer .footer-bottom-comparisons a:hover,footer .footer-bottom-comparisons a[aria-current="page"]{color:#edF7e5}
footer .footer-bottom-comparisons a:focus-visible{outline:2px solid #7AB52E;outline-offset:4px}
@media(max-width:650px){.footer-bottom-comparisons{display:block;padding-top:15px}.footer-bottom-comparisons nav{margin-top:7px;gap:3px 18px}footer .footer-bottom-comparisons a:not(.brand){font-size:11px}}