/* Pricing page. Responsive rules are the design's own (02 Pricing.dc.html <helmet>), kept verbatim: they override inline
   styles, hence the !important. Breakpoints: tablet <= 1023px, phone <= 640px. Shared tokens and components live in site.css. */

@keyframes marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

/* Hover states (the design's style-hover values) */
.hv-grad:hover{background:var(--grad-hover) !important;color:#fff !important}
.hv-out:hover{background:#f5f9fd !important;border-color:#0872b0 !important;color:#0872b0 !important}
.hv-tint:hover{background:#f5f9fd !important}
.hv-white:hover{background:#fff !important;color:#065f93 !important}
.hv-c:hover{color:#0872b0 !important}

/* Phone comparison list: one plan at a time, picked in the sticky bar */
.pr-mcmp[data-cmp="0"] [data-m]:not([data-m="0"]),.pr-mcmp[data-cmp="1"] [data-m]:not([data-m="1"]),
.pr-mcmp[data-cmp="2"] [data-m]:not([data-m="2"]),.pr-mcmp[data-cmp="3"] [data-m]:not([data-m="3"]){display:none}

.sec-h2{font-size:var(--text-xl) !important;line-height:1.1 !important;font-weight:500 !important}
.sec-mt{margin-top:48px !important}
@media (max-width:1023px){
.sec-h2{font-size:var(--text-xl) !important}
.sec-mt{margin-top:40px !important}
}
@media (max-width:640px){
[style*="1266px)"]{padding-left:0 !important;padding-right:0 !important}
.sec-h2{font-size:var(--text-lg) !important;line-height:1.15 !important}
.sec-mt{margin-top:28px !important}
.pr-h1{font-size:var(--text-xl) !important;line-height:1.2 !important}
.pr-rail{display:flex !important;flex-wrap:nowrap !important;gap:12px !important;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.pr-rail::-webkit-scrollbar{display:none}
.pr-rail > article{flex:0 0 min(90%,380px) !important;scroll-snap-align:center;padding:24px !important}
.pr-dots{display:flex !important}
.pr-scroll{display:none !important}
.pr-mcmp{display:block !important}
.pr-stick{position:sticky;left:0;z-index:1;background:#fff;box-shadow:8px 0 8px -8px rgba(11,34,57,.12)}
.pr-faqq{font-size:var(--text-base) !important;line-height:23px !important;padding:18px 0 !important}
.pr-btns > a{flex:1 1 0 !important;min-width:0;padding:0 10px !important;font-size:var(--text-base) !important}
}

/* Reduced motion: final states, nothing moves. */
@media (prefers-reduced-motion:reduce){
main *,main *::before,main *::after{animation:none !important;transition:none !important}
}

@media (max-width:1023px){.pr-h1{font-size:var(--text-xl) !important}}