/* Live bilingual comparison cards, preserving the original white-card styling. */
.plan-comparison{scroll-margin-top:180px;padding:24px 5.5% 80px;background:#000}
.comparison-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.3%;max-width:1120px;margin:auto;align-items:stretch}
.comparison-art-card{position:relative;min-width:0;background:transparent;border-radius:3.2% / 1.9%;overflow:hidden;box-shadow:0 0 25px #e7edf214,0 14px 30px #0008}
.comparison-reveal{position:relative;width:100%;height:100%;overflow:hidden}
.comparison-reveal img{position:absolute;display:block;max-width:none;height:auto;margin:0;pointer-events:none}
.comparison-reveal.reveal-ready{transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.comparison-reveal.reveal-ready:not(.is-revealed){opacity:0;transform:translate3d(0,var(--reveal-from,28px),0)}
.comparison-reveal.is-revealed{opacity:1;transform:translate3d(0,0,0)}
@media(min-width:901px){
 .reference-home .reference-hero{display:flex;flex-direction:column;align-items:center;min-height:0;padding-bottom:32px}
 .reference-home .reference-hero>.backup-opening-copy{width:100%;max-width:920px;text-align:center}
 .reference-home .backup-opening-copy h1{margin-left:auto;margin-right:auto}
 .reference-home .backup-opening-copy .hero-stat-carousel,.reference-home .backup-opening-copy .backup-kickstart,.reference-home .backup-opening-copy .backup-free-line,.reference-home .backup-opening-copy .hero-phone{margin-left:auto;margin-right:auto}
 .reference-home .reference-hero>.gloss-rating-feature{position:relative;inset:auto;transform:none;width:490px;max-width:100%;margin:20px auto 0;padding:16px 28px 32px}
 .reference-home .rating-center-label,.reference-home .rating-out-of{font-size:10px}
 .reference-home .rating-center strong{font-size:64px}
}
@media(max-width:700px){.plan-comparison{padding:12px 2px 48px}.comparison-grid{gap:6px;max-width:none;width:100%}}
@media(prefers-reduced-motion:reduce){.comparison-reveal.reveal-ready{transition:none!important;opacity:1!important;transform:none!important;filter:none!important}}

.comparison-controls{display:none}
@media(max-width:700px){
 .comparison-grid{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;align-items:stretch;position:relative;padding-bottom:8px}
 .comparison-grid::-webkit-scrollbar{display:none}
 .comparison-grid:after{content:"";flex:0 0 calc(15% - 12px)}
 .comparison-art-card{flex:0 0 70%;scroll-snap-align:center;opacity:.32;transition:opacity .4s ease}
 .comparison-art-card.is-current{opacity:1}
 .comparison-grid:focus-visible{outline:1px solid #ddbe80;outline-offset:2px}
 .comparison-controls{display:flex;justify-content:center;gap:8px;margin-top:12px}
 .comparison-controls button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;background:transparent;cursor:pointer}
 .comparison-controls button:after{content:"";width:6px;height:6px;border-radius:9px;background:#625c50;transition:width .3s ease,background .3s ease}
 .comparison-controls button[aria-pressed=true]:after{width:22px;background:#e7c682}
 .comparison-controls button:focus-visible{outline:2px solid #e7c682;outline-offset:1px;border-radius:50%}
}
@media(prefers-reduced-motion:reduce){.comparison-art-card,.comparison-controls button:after{transition:none!important}.comparison-grid{scroll-behavior:auto}}

/* Additional breathing room around the rating feature. */
.reference-home .reference-hero>#ratings{margin-top:56px;margin-bottom:40px}
@media(max-width:900px){.reference-home .reference-hero>#ratings{margin-top:28px;margin-bottom:28px}}

/* All display copy is live text connected to the language switch. */
.comparison-art-card{container-type:inline-size;border:2px solid #d5dce4;border-radius:18px}
.comparison-art-card .comparison-reveal{display:flex;flex-direction:column;background:#fff;min-height:187.4cqw;color:#090b1c;font-family:Arial,Helvetica,sans-serif}
.comparison-card-header{height:29.3cqw;flex:none;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden;position:relative;padding:3cqw 6cqw;text-align:center}
.comparison-card-header h2{font-family:Arial,Helvetica,sans-serif;color:#fff;font-weight:700;font-size:10cqw;line-height:.98;letter-spacing:-.045em;margin:0;text-transform:none}
.comparison-logo-header img{width:218.78980892%;left:-7.16560510%;top:-6.688cqw}
.comparison-summary{height:44.8cqw;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2cqw;padding:3cqw 3.2cqw;text-align:center}
.comparison-price{display:flex;align-items:baseline;justify-content:center;gap:2cqw;white-space:nowrap;color:#009743;font-weight:700;line-height:1}
.comparison-price strong{font-size:26cqw;letter-spacing:-.075em;font-weight:800}
.comparison-price>span{font-size:6.8cqw;letter-spacing:-.04em}
.comparison-provider .comparison-price{color:#082231}
.comparison-provider .comparison-price strong{letter-spacing:-.045em}
.comparison-summary .comparison-subtitle{font-size:5.2cqw;line-height:1.12;letter-spacing:-.04em;color:#003b7b;margin:0;font-weight:500}
.comparison-benefits{display:flex;flex-direction:column;flex:1;gap:1cqw;padding:0 2.866cqw 2.866cqw;margin:0;list-style:none}
.comparison-benefits li{display:flex;align-items:center;flex:1;min-height:10.8cqw;gap:4.46cqw;padding:1.4cqw 2.55cqw 1.4cqw 4.46cqw;border-radius:2.55cqw;background:#fff6e7;font-size:4.8cqw;font-weight:700;line-height:1.1;letter-spacing:-.03em}
.comparison-benefits li>span:last-child,.comparison-benefits li>div{min-width:0;flex:1}
.comparison-check{flex:0 0 8.28cqw;width:8.28cqw;height:8.28cqw;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#00aa56,#00863f)}
.comparison-check svg{width:70%;height:70%;fill:none;stroke:#fff;stroke-width:3.5;stroke-linecap:square;stroke-linejoin:miter}
.comparison-cross{background:linear-gradient(145deg,#ff1616,#f00000)}
.comparison-provider .comparison-benefits{gap:1.5cqw}
.comparison-provider .comparison-benefits li{background:#ebf5f9}
.comparison-provider .comparison-benefits .comparison-service-row{min-height:18cqw;flex:1.7}
.comparison-cost{display:block;margin-top:1.1cqw;color:#003b7b;font-weight:500;line-height:1.12}
@media(max-width:700px){.comparison-art-card{border-radius:12px}}
html[lang=es] .comparison-card-header h2{font-size:8.2cqw;line-height:1.03}

.comparison-provider .comparison-benefits .comparison-extra-row{min-height:14.5cqw}

/* The website service keeps its image above the full bilingual comparison. */
.service-front-card.website-front-card{max-width:1120px;background:#000;box-shadow:none;padding-bottom:0}
.website-front-card>.service-visual{max-width:480px;margin-inline:auto}
.website-front-card>.plan-comparison{width:100%;padding:0 0 24px}
.website-front-card .comparison-benefits{text-align:left}