/* SIMCard Experience v2 — public-facing design system */
:root {
  --exp-navy: #102A43;
  --exp-navy-deep: #081C2D;
  --exp-navy-soft: #183B55;
  --exp-teal: #007F78;
  --exp-teal-dark: #006761;
  --exp-mint: #33D6C5;
  --exp-mint-pale: #E7FAF6;
  --exp-amber: #FFB547;
  --exp-amber-pale: #FFF3DE;
  --exp-ink: #102A43;
  --exp-slate: #536A7D;
  --exp-muted: #748798;
  --exp-line: #DFE8ED;
  --exp-soft: #F4F8FA;
  --exp-white: #FFFFFF;
  --exp-radius: 22px;
  --exp-shadow: 0 18px 60px rgba(16,42,67,.085);
  --exp-shadow-hover: 0 24px 70px rgba(16,42,67,.14);
}

html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body.exp-site-body { color: var(--exp-ink); background: #fff; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 15px; line-height: 1.65; -webkit-font-smoothing: antialiased; }
body.exp-site-body * { box-sizing: border-box; }
body.exp-site-body img { max-width: 100%; }
.exp-container { width: min(1220px, calc(100% - 48px)); margin-inline: auto; }
.exp-site-body h1, .exp-site-body h2, .exp-site-body h3, .exp-site-body p { overflow-wrap: break-word; }
.exp-eyebrow { display: inline-block; margin: 0 0 12px; color: var(--exp-teal); font-size: 10px; line-height: 1.4; font-weight: 900; letter-spacing: 1.65px; text-transform: uppercase; }
.exp-eyebrow-light { color: var(--exp-mint); }
.exp-muted { color: var(--exp-muted); }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.exp-site-body a { text-decoration: none; }
.exp-site-body a:focus-visible, .exp-site-body button:focus-visible, .exp-site-body input:focus-visible, .exp-site-body select:focus-visible, .exp-site-body textarea:focus-visible, .exp-site-body summary:focus-visible { outline: 3px solid rgba(51,214,197,.8); outline-offset: 3px; }

/* Top bar, navigation and page chrome */
.exp-topbar { color: #DBE9EF; background: var(--exp-navy-deep); font-size: 11px; }
.exp-topbar-inner { min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.exp-topbar-inner > span { display: inline-flex; align-items: center; gap: 8px; }
.exp-topbar-inner a { color: var(--exp-mint); font-weight: 750; }
.exp-topbar-inner a span { margin-left: 4px; }
.exp-topbar-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--exp-mint); box-shadow: 0 0 0 4px rgba(51,214,197,.12); }
.exp-header { position: sticky; top: 0; z-index: 80; background: rgba(255,255,255,.94); border-bottom: 1px solid rgba(223,232,237,.9); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.exp-nav-wrap { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 35px; }
.exp-brand-lockup { display: inline-flex; align-items: center; flex: 0 0 auto; min-width: 0; }
.exp-brand-lockup img { display: block; width: 188px; height: auto; max-height: 48px; object-fit: contain; object-position: left center; }
.exp-nav { display: flex; align-items: center; justify-content: flex-end; gap: clamp(16px,2.2vw,30px); }
.exp-nav > a { color: #40586A; font-size: 12px; font-weight: 780; transition: color .18s ease; white-space: nowrap; }
.exp-nav > a:hover { color: var(--exp-teal); }
.exp-nav > .exp-nav-cta { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; padding: 0 17px; border-radius: 12px; color: #fff; background: var(--exp-navy); box-shadow: 0 7px 17px rgba(16,42,67,.14); }
.exp-nav > .exp-nav-cta:hover { color: var(--exp-navy); background: var(--exp-mint); }
.exp-mobile-toggle { display: none; width: 44px; height: 44px; align-items: center; justify-content: center; flex-direction: column; gap: 5px; border: 1px solid var(--exp-line); border-radius: 12px; background: #fff; }
.exp-mobile-toggle span { display: block; width: 19px; height: 2px; border-radius: 2px; background: var(--exp-navy); }
.exp-flash-wrap { padding-top: 12px; }
.exp-flash-wrap .alert { margin: 0 0 12px; }
.exp-button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; border: 1px solid transparent; border-radius: 12px; padding: 0 19px; font-size: 12px; font-weight: 850; line-height: 1.2; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s ease; }
.exp-button:hover { transform: translateY(-2px); }
.exp-button-mint { color: var(--exp-navy); background: var(--exp-mint); box-shadow: 0 10px 25px rgba(51,214,197,.19); }
.exp-button-mint:hover { background: #65E8DA; box-shadow: 0 14px 30px rgba(51,214,197,.25); }
.exp-button-navy { color: #fff; background: var(--exp-navy); box-shadow: 0 9px 22px rgba(16,42,67,.14); }
.exp-button-navy:hover { color: var(--exp-navy); background: var(--exp-mint); }
.exp-button-ghost { color: #fff; background: rgba(255,255,255,.055); border-color: rgba(255,255,255,.28); }
.exp-button-ghost:hover { color: var(--exp-navy); background: #fff; border-color: #fff; }
.exp-button-outline { color: var(--exp-navy); background: #fff; border-color: #D6E1E8; }
.exp-button-outline:hover { color: var(--exp-teal-dark); border-color: #9DDED5; background: #F4FCFA; }
.exp-button-full { width: 100%; }
.exp-text-link { display: inline-flex; align-items: center; gap: 9px; color: var(--exp-teal); font-size: 12px; font-weight: 850; }
.exp-text-link:hover { color: var(--exp-navy); }
.exp-text-link span { font-size: 18px; transition: transform .18s ease; }
.exp-text-link:hover span { transform: translateX(3px); }

/* Hero: deep navy, high contrast, clear commercial action */
.exp-hero { position: relative; overflow: visible; isolation: isolate; color: #fff; background: linear-gradient(118deg, #081C2D 0%, #102A43 48%, #075C58 100%); }
.exp-hero-grid-pattern { position: absolute; inset: 0; z-index: -1; opacity: .24; background-image: linear-gradient(rgba(255,255,255,.075) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.075) 1px, transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(110deg, #000 0%, transparent 68%); }
.exp-hero-glow { position: absolute; z-index: -1; pointer-events: none; border-radius: 50%; filter: blur(1px); }
.exp-hero-glow-a { width: 580px; height: 580px; right: -190px; top: -250px; background: radial-gradient(circle, rgba(51,214,197,.24), rgba(0,127,120,.07) 48%, transparent 69%); }
.exp-hero-glow-b { width: 370px; height: 370px; left: 25%; bottom: -260px; background: radial-gradient(circle, rgba(51,214,197,.12), transparent 69%); }
.exp-hero-grid { display: grid; grid-template-columns: minmax(0,1.03fr) minmax(370px,.97fr); gap: clamp(36px,5.5vw,82px); align-items: center; padding-top: clamp(58px,7vw,98px); padding-bottom: 112px; }
.exp-hero-copy { position: relative; z-index: 2; max-width: 650px; }
.exp-hero-kicker { display: inline-flex; align-items: center; gap: 10px; padding: 9px 13px; border: 1px solid rgba(51,214,197,.3); border-radius: 999px; color: #D5FBF5; background: rgba(51,214,197,.07); font-size: 9px; font-weight: 850; letter-spacing: 1.25px; }
.exp-live-dot { position: relative; width: 7px; height: 7px; border-radius: 100%; background: var(--exp-mint); box-shadow: 0 0 0 5px rgba(51,214,197,.12); }
.exp-hero-copy h1 { max-width: 700px; margin: 26px 0 20px; color: #fff; font-size: clamp(46px,5.6vw,76px); font-weight: 880; line-height: .99; letter-spacing: -4.2px; }
.exp-hero-copy h1 span { color: var(--exp-mint); }
.exp-hero-lead { max-width: 555px; margin: 0; color: #CBD9E2; font-size: 16px; line-height: 1.82; }
.exp-hero-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 30px; }
.exp-hero-promises { display: flex; flex-wrap: wrap; gap: 13px 20px; margin-top: 27px; color: #C6D5DF; font-size: 10px; font-weight: 700; }
.exp-hero-promises span { display: inline-flex; align-items: center; gap: 7px; }
.exp-hero-promises i { width: 17px; height: 17px; display: grid; place-items: center; border-radius: 50%; color: var(--exp-mint); background: rgba(51,214,197,.12); font-style: normal; font-size: 10px; }
.exp-hero-stats { display: flex; gap: 0; margin-top: 36px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.14); }
.exp-hero-stats > div { min-width: 0; padding: 0 24px; border-right: 1px solid rgba(255,255,255,.14); }
.exp-hero-stats > div:first-child { padding-left: 0; }
.exp-hero-stats > div:last-child { padding-right: 0; border-right: 0; }
.exp-hero-stats strong { display: block; color: #fff; font-size: 25px; line-height: 1.2; letter-spacing: -.8px; }
.exp-hero-stats span { display: block; margin-top: 4px; color: #AEC2CF; font-size: 10px; }
.exp-hero-visual { position: relative; min-height: 450px; display: flex; align-items: center; justify-content: center; perspective: 1000px; }
.exp-visual-rings { position: absolute; width: 430px; height: 430px; border: 1px solid rgba(51,214,197,.16); border-radius: 50%; transform: rotate(-19deg); }
.exp-visual-rings:before, .exp-visual-rings:after { content: ""; position: absolute; inset: 28px; border: 1px solid rgba(51,214,197,.12); border-radius: 50%; }
.exp-visual-rings:after { inset: 60px; border-style: dashed; border-color: rgba(51,214,197,.14); }
.exp-visual-card { position: relative; z-index: 2; width: min(100%, 428px); padding: 25px; border: 1px solid rgba(255,255,255,.8); border-radius: 25px; color: var(--exp-navy); background: linear-gradient(148deg, rgba(255,255,255,.99), rgba(245,250,251,.97)); box-shadow: 0 34px 90px rgba(0,0,0,.22), 0 4px 0 rgba(255,255,255,.35) inset; transform: rotate(1.7deg); }
.exp-visual-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.exp-visual-kicker { color: var(--exp-teal); font-size: 9px; font-weight: 900; letter-spacing: 1.4px; }
.exp-visual-card-head h2 { margin: 5px 0 0; color: var(--exp-navy); font-size: 21px; font-weight: 850; letter-spacing: -.8px; }
.exp-visual-flag { width: 43px; height: 43px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 14px; color: var(--exp-teal); background: var(--exp-mint-pale); border: 1px solid #CDEFE8; font-size: 13px; font-weight: 900; }
.exp-visual-divider { height: 1px; margin: 20px 0 11px; background: #E3EBEF; }
.exp-visual-principle { display: flex; align-items: center; gap: 13px; padding: 13px 0; border-bottom: 1px solid #E9EFF2; }
.exp-principle-icon { width: 39px; height: 39px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 12px; font-size: 19px; font-weight: 800; }
.exp-principle-price { color: #006E68; background: #DFF8F3; }
.exp-principle-data { color: #214A6A; background: #E6F0F7; }
.exp-principle-freedom { color: #94600E; background: #FFF0D4; }
.exp-visual-principle > div { min-width: 0; flex: 1; }
.exp-visual-principle strong { display: block; font-size: 12px; font-weight: 850; }
.exp-visual-principle small { display: block; margin-top: 2px; color: #6C8090; font-size: 10px; }
.exp-principle-check { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; color: #007B63; background: #DDF7EA; font-size: 10px; font-weight: 900; }
.exp-visual-brands { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 18px; }
.exp-visual-brands > span { color: #6E8392; font-size: 9px; font-weight: 750; white-space: nowrap; }
.exp-visual-brands > div { display: flex; align-items: center; gap: 7px; }
.exp-visual-brand-logo { width: 42px; height: 31px; display: grid; place-items: center; padding: 3px; border: 1px solid #E1E9ED; border-radius: 9px; background: #fff; }
.exp-visual-brand-fallback { padding: 5px 8px; border-radius: 7px; color: var(--exp-navy); background: #fff; font-size: 9px; font-weight: 900; }
.exp-visual-brand-logo .provider-logo-box { width: 100%; height: 100%; border: 0; border-radius: 4px; padding: 0; background: transparent; }
.exp-visual-brand-logo .provider-logo-box img { width: 100%; height: 100%; object-fit: contain; }
.exp-visual-brand-logo .provider-logo-fallback { font-size: 7px; }
.exp-float-note { position: absolute; z-index: 3; display: flex; align-items: center; gap: 10px; padding: 12px 15px; border: 1px solid rgba(255,255,255,.8); border-radius: 14px; color: var(--exp-navy); background: rgba(255,255,255,.96); box-shadow: 0 16px 35px rgba(0,0,0,.18); }
.exp-float-note-one { top: 5%; right: -2%; }
.exp-float-note-two { bottom: 4%; left: -4%; }
.exp-float-note-icon { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 10px; color: #006D67; background: var(--exp-mint-pale); font-size: 13px; font-weight: 900; }
.exp-float-note-icon-gold { color: #8B5A0B; background: var(--exp-amber-pale); }
.exp-float-note strong, .exp-float-note small { display: block; }
.exp-float-note strong { font-size: 10px; font-weight: 900; }
.exp-float-note small { margin-top: 1px; color: #748798; font-size: 9px; }
.exp-finder-container { position: relative; z-index: 5; margin-top: -63px; }
.exp-finder { display: grid; grid-template-columns: 1.2fr 1fr 1.1fr 1.1fr auto; align-items: end; gap: 17px; padding: 21px 22px; border: 1px solid #E2EBEF; border-radius: 22px; background: #fff; box-shadow: 0 26px 65px rgba(16,42,67,.15); }
.exp-finder-intro { display: flex; align-items: center; gap: 12px; min-width: 0; align-self: center; }
.exp-finder-icon { width: 43px; height: 43px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 13px; color: var(--exp-teal); background: var(--exp-mint-pale); }
.exp-finder-icon svg, .exp-search-icon svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.exp-finder-intro strong { display: block; color: var(--exp-navy); font-size: 12px; font-weight: 900; }
.exp-finder-intro small { display: block; margin-top: 3px; color: var(--exp-muted); font-size: 10px; }
.exp-finder-field { display: flex; flex-direction: column; gap: 7px; min-width: 0; color: #40586A; font-size: 10px; font-weight: 850; }
.exp-finder-field select, .exp-finder-field input { width: 100%; min-height: 46px; padding: 0 12px; border: 1px solid #DCE6EB; border-radius: 11px; color: var(--exp-navy); background: #FBFCFD; font-size: 11px; outline: none; }
.exp-finder-field select:focus, .exp-finder-field input:focus { border-color: var(--exp-teal); box-shadow: 0 0 0 3px rgba(51,214,197,.16); }
.exp-finder > .exp-button { min-width: 138px; }

/* Reusable sections, headings and cards */
.exp-section { padding: 88px 0; }
.exp-section-white { background: #fff; }
.exp-section-soft { background: linear-gradient(180deg, #F5F8FA 0%, #F8FBFC 100%); }
.exp-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 32px; }
.exp-section-heading > div { max-width: 710px; }
.exp-section-heading h2 { margin: 0 0 10px; color: var(--exp-navy); font-size: clamp(29px,3.2vw,43px); font-weight: 880; line-height: 1.08; letter-spacing: -1.8px; }
.exp-section-heading p { max-width: 660px; margin: 0; color: #6A8090; font-size: 13px; line-height: 1.75; }
.exp-section-heading > .exp-text-link { margin-bottom: 5px; flex: 0 0 auto; }
.exp-logo-rail-section { padding: 36px 0 22px; background: #fff; }
.exp-logo-rail-title { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 20px; color: #718493; font-size: 9px; font-weight: 900; letter-spacing: 1.25px; }
.exp-logo-rail-title a { color: var(--exp-teal); font-size: 10px; letter-spacing: 0; }
.exp-logo-rail { display: grid; grid-template-columns: repeat(9,minmax(0,1fr)); gap: 10px; }
.exp-logo-rail-item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-width: 0; min-height: 83px; padding: 12px 8px; border: 1px solid #EDF1F4; border-radius: 13px; background: #fff; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.exp-logo-rail-item:hover { transform: translateY(-3px); border-color: #C5E9E3; box-shadow: 0 9px 24px rgba(16,42,67,.06); }
.exp-logo-rail-item > span:last-child { color: #647B8C; font-size: 9px; font-weight: 800; }
.exp-logo-rail-item .provider-logo-box { width: 74px; height: 34px; padding: 2px; border: 0; border-radius: 0; background: transparent; }
.exp-logo-rail-item .provider-logo-box img { width: 100%; height: 100%; object-fit: contain; }
.exp-logo-rail-item .provider-logo-fallback { font-size: 10px; }
.exp-intent-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 15px; }
.exp-intent-card { position: relative; min-height: 270px; display: flex; flex-direction: column; align-items: flex-start; overflow: hidden; padding: 25px 24px 22px; border: 1px solid var(--exp-line); border-radius: 19px; background: #fff; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.exp-intent-card:hover { transform: translateY(-5px); border-color: #C0E5DE; box-shadow: var(--exp-shadow); }
.exp-intent-number { position: absolute; top: 22px; right: 23px; color: #C2D1DA; font-size: 12px; font-weight: 900; letter-spacing: 1px; }
.exp-intent-icon { width: 50px; height: 50px; display: grid; place-items: center; margin-bottom: 25px; border-radius: 15px; color: var(--exp-teal); background: var(--exp-mint-pale); }
.exp-intent-icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.exp-intent-navy .exp-intent-icon { color: var(--exp-navy); background: #E9F0F5; }
.exp-intent-teal .exp-intent-icon { color: var(--exp-teal); background: #DDF7F2; }
.exp-intent-mint .exp-intent-icon { color: #007467; background: #D5F8F1; }
.exp-intent-gold .exp-intent-icon { color: #8D5A06; background: #FFF0D4; }
.exp-intent-card h3 { margin: 0 0 9px; color: var(--exp-navy); font-size: 16px; line-height: 1.3; font-weight: 880; letter-spacing: -.4px; }
.exp-intent-card p { margin: 0 0 24px; color: #708494; font-size: 11px; line-height: 1.8; }
.exp-intent-link { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; margin-top: auto; padding-top: 14px; border-top: 1px solid #EDF1F4; color: var(--exp-teal); font-size: 10px; font-weight: 900; }
.exp-intent-link b { font-size: 17px; }
.exp-value-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.exp-value-card { position: relative; padding: 28px; border: 1px solid #E3EBEF; border-radius: 20px; background: linear-gradient(145deg,#fff,#FBFDFE); box-shadow: 0 7px 26px rgba(16,42,67,.035); }
.exp-value-index { position: absolute; top: 22px; right: 24px; color: #D8E3E9; font-size: 13px; font-weight: 900; letter-spacing: 1px; }
.exp-value-icon { width: 43px; height: 43px; display: grid; place-items: center; margin-bottom: 22px; border-radius: 13px; font-size: 18px; font-weight: 850; }
.exp-value-icon-teal { color: #006C66; background: #DFF8F3; }
.exp-value-icon-navy { color: #173F5A; background: #E7EFF5; }
.exp-value-icon-gold { color: #8B5A0C; background: #FFF1D6; }
.exp-value-card h3 { margin: 0 0 9px; color: var(--exp-navy); font-size: 16px; font-weight: 880; }
.exp-value-card p { margin: 0; color: #6D8191; font-size: 12px; line-height: 1.85; }

/* Provider logo partial and tiles */
.provider-logo-box { width: 82px; height: 52px; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 5px; border: 1px solid #E6EDF1; border-radius: 12px; background: #fff; }
.provider-logo-box img { display: block; width: 100%; height: 100%; object-fit: contain; }
.provider-logo-fallback { display: block; color: var(--exp-navy); font-size: 12px; font-weight: 900; text-align: center; }
.exp-hero-proof { display: flex; flex-wrap: wrap; gap: 11px 18px; margin-top: 22px; color: #617A8B; font-size: 10px; font-weight: 800; }
.exp-hero-proof span { display: inline-flex; align-items: center; gap: 7px; }
.exp-hero-proof i { width: 17px; height: 17px; display: grid; place-items: center; border-radius: 50%; color: var(--exp-teal); background: #DFF7F2; font-size: 10px; font-style: normal; }

/* Plan cards, shared by home, brand and compare pages */
.exp-plan-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: stretch; gap: 17px; }
.exp-plan-card { position: relative; display: flex; min-width: 0; flex-direction: column; padding: 21px; border: 1px solid #E0E9EE; border-radius: 20px; background: #fff; box-shadow: 0 8px 28px rgba(16,42,67,.045); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.exp-plan-card:hover { transform: translateY(-4px); border-color: #B9E5DE; box-shadow: var(--exp-shadow); }
.exp-plan-card-topline { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.exp-plan-brand { display: flex; align-items: center; gap: 9px; min-width: 0; color: #465E70; font-size: 10px; font-weight: 900; }
.exp-plan-brand-logo { width: 48px; height: 33px; padding: 2px; border: 1px solid #EDF1F4; border-radius: 8px; background: #fff; }
.exp-plan-brand-logo img { width: 100%; height: 100%; object-fit: contain; }
.exp-plan-brand-logo .provider-logo-fallback { font-size: 8px; }
.exp-plan-brand-fallback { width: 42px; height: 31px; display: grid; place-items: center; border-radius: 8px; color: var(--exp-teal); background: var(--exp-mint-pale); font-size: 9px; font-weight: 900; }
.exp-plan-badges { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; }
.exp-pill { display: inline-flex; align-items: center; padding: 5px 8px; border-radius: 999px; font-size: 8px; font-weight: 900; line-height: 1; white-space: nowrap; }
.exp-pill-sponsored { color: #80510C; background: #FFF0D2; }
.exp-pill-type { color: #3E5F74; background: #EEF4F7; }
.exp-plan-name { min-height: 42px; margin: 18px 0 6px; color: var(--exp-navy); font-size: 16px; font-weight: 900; line-height: 1.35; letter-spacing: -.45px; }
.exp-plan-name a:hover { color: var(--exp-teal); }
.exp-plan-description { min-height: 38px; margin: 0 0 12px; color: #728697; font-size: 10px; line-height: 1.65; }
.exp-plan-price-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 18px 0 16px; border-top: 1px solid #EEF2F4; border-bottom: 1px solid #EEF2F4; }
.exp-plan-old-price { display: block; margin-bottom: 2px; color: #90A0AD; font-size: 10px; text-decoration: line-through; }
.exp-plan-price { color: var(--exp-navy); font-size: 31px; font-weight: 900; line-height: 1.1; letter-spacing: -1.4px; }
.exp-plan-price-note { margin-left: 5px; color: #7A8C9A; font-size: 9px; }
.exp-plan-source-mark { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 10px; color: #00735E; background: #DDF7EB; font-size: 12px; font-weight: 900; }
.exp-plan-specs { display: grid; gap: 11px; padding: 17px 0; }
.exp-plan-specs > div { display: flex; align-items: center; gap: 10px; min-width: 0; }
.exp-plan-spec-icon { width: 27px; height: 27px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 8px; color: var(--exp-teal); background: #E6F8F4; font-size: 12px; font-weight: 900; }
.exp-plan-specs strong, .exp-plan-specs small { display: block; }
.exp-plan-specs strong { color: #2A465B; font-size: 10px; font-weight: 850; }
.exp-plan-specs small { margin-top: 1px; color: #8798A5; font-size: 9px; }
.exp-plan-card-footer { display: flex; flex-direction: column; gap: 11px; margin-top: auto; padding-top: 13px; border-top: 1px solid #EEF2F4; }
.exp-plan-verified { color: #7B8F9D; font-size: 9px; }
.exp-plan-card-footer .exp-button { width: 100%; min-height: 42px; }
.exp-plan-card-compact .exp-plan-name { min-height: 0; }
.exp-plan-card-compact .exp-plan-description { min-height: 0; }
.exp-plan-card-compact .exp-plan-price { font-size: 28px; }
.exp-plan-card-compact .exp-plan-card-footer { gap: 9px; }
.exp-plan-card-compact .exp-plan-specs { padding-bottom: 12px; }
.exp-empty-state { display: flex; align-items: center; gap: 25px; padding: clamp(24px,4vw,42px); border: 1px solid #DCECE8; border-radius: 24px; background: linear-gradient(120deg,#F0FAF8,#FFFFFF 70%); }
.exp-empty-state-wide { min-height: 230px; }
.exp-empty-symbol { width: 65px; height: 65px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 19px; color: var(--exp-teal); background: #DFF8F3; font-size: 27px; }
.exp-empty-state h3 { margin: 6px 0 8px; color: var(--exp-navy); font-size: clamp(20px,2.4vw,26px); line-height: 1.2; letter-spacing: -.65px; }
.exp-empty-state p { max-width: 700px; margin: 0; color: #667F90; font-size: 12px; line-height: 1.8; }
.exp-empty-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 17px; }
.exp-empty-art { width: 102px; height: 112px; position: relative; flex: 0 0 auto; border: 1px solid #C2E8E1; border-radius: 20px; background: linear-gradient(155deg,#E5FAF6,#D6F2EC); transform: rotate(-5deg); }
.exp-empty-art span { position: absolute; display: grid; place-items: center; width: 39px; height: 39px; border-radius: 11px; color: var(--exp-navy); background: #fff; box-shadow: 0 6px 16px rgba(16,42,67,.08); font-size: 10px; font-weight: 900; }
.exp-empty-art span:nth-child(1) { top: 15px; left: -9px; color: #006D67; }
.exp-empty-art span:nth-child(2) { top: 41px; right: -9px; color: #19435E; }
.exp-empty-art span:nth-child(3) { bottom: 4px; left: 15px; color: #8B5A0B; }

/* Directory and individual brand profiles */
.exp-page-hero { padding: 28px 0 45px; background: linear-gradient(132deg,#F4F8FA 0%,#FFFFFF 58%,#EAFBF7 100%); border-bottom: 1px solid #E6EEF2; }
.exp-breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin: 0 0 24px; color: #8193A0; font-size: 10px; }
.exp-breadcrumbs a { color: var(--exp-teal); font-weight: 800; }
.exp-breadcrumbs span:last-child { color: #536B7C; }
.exp-directory-hero { padding: 28px 0 0; overflow: hidden; background: radial-gradient(circle at 95% 0%,rgba(51,214,197,.22),transparent 27%),linear-gradient(125deg,#F3F8FA,#fff 58%,#E6F9F5); }
.exp-directory-hero-grid { display: grid; grid-template-columns: minmax(0,1fr) 280px; align-items: center; gap: 55px; padding: 15px 0 49px; }
.exp-directory-hero h1, .exp-profile-copy h1, .exp-compare-hero h1, .exp-plan-detail-hero h1 { margin: 0 0 16px; color: var(--exp-navy); font-size: clamp(39px,5vw,61px); font-weight: 900; letter-spacing: -3px; line-height: 1.02; }
.exp-directory-hero h1 span, .exp-compare-hero h1 span { color: var(--exp-teal); }
.exp-directory-hero-grid > div:first-child > p { max-width: 660px; margin: 0; color: #60788A; font-size: 14px; line-height: 1.85; }
.exp-directory-count-card { display: flex; flex-direction: column; align-items: flex-start; padding: 24px; border: 1px solid rgba(255,255,255,.95); border-radius: 23px; background: rgba(255,255,255,.88); box-shadow: 0 20px 55px rgba(16,42,67,.08); }
.exp-directory-count-icon { width: 44px; height: 44px; display: grid; place-items: center; margin-bottom: 15px; border-radius: 14px; color: var(--exp-teal); background: var(--exp-mint-pale); }
.exp-directory-count-icon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.exp-directory-count-card strong { color: var(--exp-navy); font-size: 43px; font-weight: 900; line-height: 1.1; letter-spacing: -2px; }
.exp-directory-count-card > span:not(.exp-directory-count-icon) { margin-top: 4px; color: #526B7D; font-size: 11px; font-weight: 850; }
.exp-directory-count-card small { margin-top: 13px; padding-top: 13px; border-top: 1px solid #E9EFF2; color: #8294A0; font-size: 9px; line-height: 1.65; }
.exp-directory-search { position: relative; z-index: 2; display: flex; align-items: center; gap: 13px; padding: 12px; border: 1px solid #DFE8ED; border-radius: 17px; background: #fff; box-shadow: 0 18px 50px rgba(16,42,67,.1); transform: translateY(1px); }
.exp-search-icon { width: 42px; height: 42px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 12px; color: var(--exp-teal); background: #E4F8F4; }
.exp-directory-search input { min-width: 0; flex: 1; min-height: 43px; border: 0 !important; outline: 0; background: transparent !important; box-shadow: none !important; color: var(--exp-navy); font-size: 12px; }
.exp-directory-search .exp-button { min-width: 126px; }
.exp-search-clear { padding: 0 8px; color: var(--exp-teal); font-size: 11px; font-weight: 850; }
.exp-directory-section { padding-top: 55px; }
.exp-brand-directory-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 17px; }
.exp-brand-tile { position: relative; min-width: 0; display: flex; flex-direction: column; padding: 22px; border: 1px solid #E1E9EE; border-radius: 20px; background: #fff; box-shadow: 0 7px 24px rgba(16,42,67,.035); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.exp-brand-tile:hover { transform: translateY(-4px); border-color: #B7E2DA; box-shadow: var(--exp-shadow); }
.exp-brand-tile-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.exp-directory-status { display: inline-flex; align-items: center; gap: 7px; color: #617A8B; font-size: 9px; font-weight: 800; }
.exp-directory-status i { width: 6px; height: 6px; border-radius: 50%; background: var(--exp-teal); box-shadow: 0 0 0 4px rgba(51,214,197,.14); }
.exp-tile-arrow { color: #8A9BA7; font-size: 20px; }
.exp-brand-tile-logo { height: 72px; display: flex; align-items: center; margin: 17px 0 10px; }
.exp-brand-tile-logo .provider-logo-box { width: 126px; height: 58px; border-color: #EEF2F4; border-radius: 13px; }
.exp-brand-tile-logo .provider-logo-fallback { font-size: 17px; }
.exp-brand-tile h3 { margin: 0 0 2px; color: var(--exp-navy); font-size: 20px; font-weight: 900; letter-spacing: -.5px; }
.exp-brand-type { margin: 0; color: var(--exp-teal); font-size: 10px; font-weight: 850; }
.exp-brand-summary { min-height: 43px; margin: 13px 0; color: #6C8292; font-size: 11px; line-height: 1.7; }
.exp-brand-tile-meta { display: flex; flex-direction: column; gap: 7px; padding: 12px 0; border-top: 1px solid #EDF1F3; color: #728797; font-size: 9px; }
.exp-brand-tile-meta strong { color: #3A596D; font-size: 10px; font-weight: 850; }
.exp-brand-tile-link { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 14px; border-top: 1px solid #EDF1F3; color: var(--exp-teal); font-size: 10px; font-weight: 900; }
.exp-brand-tile-link b { font-size: 17px; transition: transform .18s ease; }
.exp-brand-tile:hover .exp-brand-tile-link b { transform: translateX(3px); }
.exp-directory-disclaimer { display: flex; align-items: flex-start; gap: 12px; margin-top: 28px; padding: 19px 21px; border: 1px solid #D9EBE7; border-radius: 16px; background: #F2FBF8; }
.exp-info-icon { width: 22px; height: 22px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 7px; color: var(--exp-teal); background: #DDF7F2; font-size: 11px; font-weight: 900; }
.exp-directory-disclaimer strong { color: var(--exp-navy); font-size: 11px; }
.exp-directory-disclaimer p { margin: 4px 0 0; color: #668091; font-size: 10px; line-height: 1.75; }
.exp-pagination { display: flex; justify-content: center; margin-top: 30px; overflow-x: auto; }
.exp-pagination nav { display: flex; align-items: center; gap: 5px; }
.exp-pagination a, .exp-pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; min-height: 36px; padding: 0 11px; border: 1px solid #DDE7EC; border-radius: 10px; color: var(--exp-navy); background: #fff; font-size: 11px; font-weight: 800; }
.exp-pagination span[aria-current="page"] span { color: #fff; border-color: var(--exp-navy); background: var(--exp-navy); }
.exp-pagination a:hover { border-color: var(--exp-teal); color: var(--exp-teal); }
.exp-cta-band { position: relative; overflow: hidden; padding: 48px 0; color: #fff; background: linear-gradient(115deg,#102A43,#0B4950); }
.exp-cta-band:after { content: ""; position: absolute; top: -220px; right: -80px; width: 430px; height: 430px; border: 1px solid rgba(51,214,197,.22); border-radius: 50%; box-shadow: 0 0 0 36px rgba(51,214,197,.04), 0 0 0 80px rgba(51,214,197,.03); pointer-events: none; }
.exp-cta-band-inner { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 25px; }
.exp-cta-band h2 { margin: 0 0 9px; color: #fff; font-size: clamp(25px,3vw,36px); font-weight: 900; letter-spacing: -1.3px; line-height: 1.13; }
.exp-cta-band p { margin: 0; color: #C6D9E2; font-size: 12px; }

/* Provider profile page */
.exp-profile-hero { padding-bottom: 51px; background: radial-gradient(circle at 94% 8%,rgba(51,214,197,.2),transparent 28%),linear-gradient(132deg,#F3F8FA 0%,#FFFFFF 58%,#E8FAF6 100%); }
.exp-profile-hero-grid { display: grid; grid-template-columns: minmax(0,1fr) 285px; align-items: center; gap: 35px; }
.exp-profile-identity { display: grid; grid-template-columns: 150px minmax(0,1fr); gap: 27px; align-items: start; }
.exp-profile-logo-card { display: flex; flex-direction: column; align-items: flex-start; gap: 13px; padding: 15px; border: 1px solid #E1E9EE; border-radius: 18px; background: rgba(255,255,255,.95); box-shadow: 0 12px 35px rgba(16,42,67,.055); }
.exp-profile-logo-card .provider-logo-box { width: 118px; height: 75px; border: 0; padding: 2px; }
.exp-profile-status { display: inline-flex; align-items: center; gap: 6px; color: #6A8191; font-size: 8px; font-weight: 800; }
.exp-profile-status i { width: 6px; height: 6px; border-radius: 50%; background: var(--exp-teal); }
.exp-profile-copy h1 { margin-bottom: 11px; }
.exp-profile-copy > p { max-width: 660px; margin: 0; color: #61798A; font-size: 13px; line-height: 1.85; }
.exp-profile-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 17px; }
.exp-profile-tags > span { padding: 7px 10px; border: 1px solid #DCE8ED; border-radius: 9px; color: #456174; background: rgba(255,255,255,.72); font-size: 9px; font-weight: 800; }
.exp-profile-tags .exp-rating-pill { color: #845708; border-color: #F2E0B8; background: #FFF7E7; }
.exp-profile-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 23px; }
.exp-profile-status-card { padding: 22px; border: 1px solid rgba(255,255,255,.95); border-radius: 21px; background: rgba(255,255,255,.92); box-shadow: 0 18px 52px rgba(16,42,67,.075); }
.exp-profile-status-head { display: flex; align-items: center; gap: 11px; }
.exp-status-orb { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 12px; background: #DDF7F2; }
.exp-status-orb i { width: 9px; height: 9px; border-radius: 50%; background: var(--exp-teal); box-shadow: 0 0 0 5px rgba(0,127,120,.1); }
.exp-status-label { display: block; color: #7B8D99; font-size: 8px; font-weight: 900; letter-spacing: 1px; }
.exp-profile-status-head strong { display: block; margin-top: 2px; color: var(--exp-teal); font-size: 13px; font-weight: 900; }
.exp-profile-status-divider { height: 1px; margin: 20px 0; background: #E8EEF1; }
.exp-profile-status-offers { display: flex; align-items: center; gap: 13px; }
.exp-profile-status-offers > strong { color: var(--exp-navy); font-size: 42px; line-height: 1; font-weight: 900; letter-spacing: -1.7px; }
.exp-profile-status-offers b, .exp-profile-status-offers span { display: block; }
.exp-profile-status-offers b { color: var(--exp-navy); font-size: 10px; }
.exp-profile-status-offers span { margin-top: 3px; color: #758997; font-size: 9px; line-height: 1.55; }
.exp-profile-status-note { margin: 16px 0 0; padding-top: 13px; border-top: 1px solid #E8EEF1; color: #8494A0; font-size: 9px; line-height: 1.65; }
.exp-profile-about-grid { display: grid; grid-template-columns: minmax(0,1fr) 370px; gap: 65px; align-items: start; }
.exp-profile-about h2 { margin: 0 0 15px; color: var(--exp-navy); font-size: clamp(28px,3vw,38px); line-height: 1.1; letter-spacing: -1.35px; font-weight: 900; }
.exp-profile-about > p { max-width: 720px; margin: 0; color: #657D8D; font-size: 13px; line-height: 1.95; }
.exp-best-for { display: flex; gap: 12px; margin-top: 22px; padding: 17px; border: 1px solid #F1E2C4; border-radius: 15px; background: #FFFAF0; }
.exp-best-for > span { color: #96600A; font-size: 19px; }
.exp-best-for strong { color: var(--exp-navy); font-size: 11px; }
.exp-best-for p { margin: 3px 0 0; color: #6C7C86; font-size: 11px; }
.exp-profile-editorial-note { display: flex; gap: 10px; align-items: flex-start; margin-top: 24px; }
.exp-profile-editorial-note p { margin: 0; color: #7A8C99; font-size: 10px; line-height: 1.75; }
.exp-facts-card { padding: 23px; border: 1px solid #E0E9EE; border-radius: 20px; background: #fff; box-shadow: 0 10px 32px rgba(16,42,67,.045); }
.exp-facts-card-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.exp-facts-card-heading .exp-eyebrow { margin: 0; }
.exp-facts-card-icon { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; color: var(--exp-teal); background: var(--exp-mint-pale); }
.exp-fact-row { display: flex; flex-direction: column; gap: 4px; padding: 15px 0; border-bottom: 1px solid #EDF1F4; }
.exp-fact-row span { color: #82929E; font-size: 9px; }
.exp-fact-row strong, .exp-fact-row a { color: var(--exp-navy); font-size: 11px; font-weight: 850; }
.exp-fact-row a { color: var(--exp-teal); }
.exp-fact-row:last-of-type { border-bottom: 0; }
.exp-brand-plans-section { scroll-margin-top: 110px; }
.exp-review-layout { display: grid; grid-template-columns: 300px minmax(0,1fr); align-items: start; gap: 52px; }
.exp-review-intro h2 { margin: 0 0 12px; color: var(--exp-navy); font-size: 32px; line-height: 1.1; letter-spacing: -1.2px; font-weight: 900; }
.exp-review-intro > p { margin: 0; color: #6A8090; font-size: 12px; line-height: 1.8; }
.exp-review-score { display: flex; align-items: center; gap: 13px; margin-top: 23px; padding: 18px; border: 1px solid #E0E9EE; border-radius: 16px; background: #FBFDFD; }
.exp-review-score > strong { color: var(--exp-navy); font-size: 35px; font-weight: 900; letter-spacing: -1.6px; }
.exp-review-score small, .exp-review-score b { display: block; }
.exp-review-score small { margin-top: 3px; color: #82929F; font-size: 9px; }
.exp-stars { color: #C2871D; font-size: 11px; letter-spacing: 2px; }
.exp-review-score-empty b { color: var(--exp-navy); font-size: 10px; }
.exp-review-disclaimer { margin-top: 15px; color: #83929E; font-size: 9px; line-height: 1.7; }
.exp-review-list { display: grid; gap: 12px; }
.exp-review-card { padding: 20px; border: 1px solid #E1E9EE; border-radius: 17px; background: #fff; box-shadow: 0 6px 22px rgba(16,42,67,.035); }
.exp-review-card-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.exp-review-card-head > strong { color: var(--exp-navy); font-size: 11px; }
.exp-review-card h3 { margin: 10px 0 5px; color: var(--exp-navy); font-size: 14px; }
.exp-review-card p { margin: 8px 0; color: #657D8D; font-size: 11px; line-height: 1.8; }
.exp-review-date { display: flex; align-items: center; justify-content: space-between; color: #92A0AA; font-size: 9px; }
.exp-review-date span { color: #00735F; font-weight: 800; }
.exp-empty-review { padding: 28px; border: 1px dashed #C7E2DC; border-radius: 16px; background: #F6FCFA; }
.exp-empty-review > span { color: var(--exp-teal); font-size: 24px; }
.exp-empty-review h3 { margin: 8px 0; color: var(--exp-navy); font-size: 16px; }
.exp-empty-review p { margin: 0; color: #6F8493; font-size: 11px; }
.exp-review-form-layout { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 60px; align-items: start; }
.exp-review-form-layout > div:first-child h2 { margin: 0 0 13px; color: var(--exp-navy); font-size: 34px; font-weight: 900; line-height: 1.1; letter-spacing: -1.4px; }
.exp-review-form-layout > div:first-child p { margin: 0; color: #6B8190; font-size: 12px; line-height: 1.85; }

/* Compare page */
.exp-compare-hero { padding-bottom: 43px; background: radial-gradient(circle at 95% 5%,rgba(51,214,197,.18),transparent 25%),linear-gradient(135deg,#F4F8FA,#fff 62%,#EAFBF7); }
.exp-compare-hero-grid { display: grid; grid-template-columns: minmax(0,1fr) 260px; align-items: center; gap: 45px; padding: 8px 0 10px; }
.exp-compare-hero h1 { font-size: clamp(39px,4.9vw,59px); }
.exp-compare-hero-grid > div:first-child > p { max-width: 700px; margin: 0; color: #60788A; font-size: 13px; line-height: 1.85; }
.exp-compare-hero-side { display: flex; flex-direction: column; align-items: flex-start; padding: 22px; border: 1px solid rgba(255,255,255,.95); border-radius: 22px; background: rgba(255,255,255,.9); box-shadow: 0 16px 45px rgba(16,42,67,.065); }
.exp-compare-hero-icon { width: 44px; height: 44px; display: grid; place-items: center; margin-bottom: 12px; border-radius: 14px; color: var(--exp-teal); background: var(--exp-mint-pale); }
.exp-compare-hero-icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.exp-compare-hero-side strong { color: var(--exp-navy); font-size: 36px; line-height: 1; font-weight: 900; letter-spacing: -1.5px; }
.exp-compare-hero-side > span:not(.exp-compare-hero-icon) { margin-top: 5px; color: #4E687A; font-size: 10px; font-weight: 850; }
.exp-compare-hero-side small { margin-top: 13px; padding-top: 12px; border-top: 1px solid #E8EEF2; color: #80919E; font-size: 9px; line-height: 1.65; }
.exp-compare-section { padding-top: 52px; }
.exp-compare-layout { display: grid; grid-template-columns: 276px minmax(0,1fr); align-items: start; gap: 25px; }
.exp-filter-panel { position: sticky; top: 105px; padding: 22px; border: 1px solid #DDE7EC; border-radius: 20px; background: #fff; box-shadow: 0 10px 32px rgba(16,42,67,.045); }
.exp-filter-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.exp-filter-panel-head .exp-eyebrow { margin-bottom: 5px; }
.exp-filter-panel-head h2 { margin: 0; color: var(--exp-navy); font-size: 19px; font-weight: 900; letter-spacing: -.6px; }
.exp-filter-panel-head > a { color: var(--exp-teal); font-size: 9px; font-weight: 900; }
.exp-filter-intro { margin: 11px 0 20px; color: #768A99; font-size: 10px; line-height: 1.7; }
.exp-filter-form { display: flex; flex-direction: column; gap: 14px; }
.exp-filter-form > label { display: flex; flex-direction: column; gap: 7px; color: #415B6D; font-size: 10px; font-weight: 850; }
.exp-filter-form input:not([type=checkbox]), .exp-filter-form select { width: 100%; min-width: 0; min-height: 43px; padding: 0 11px; border: 1px solid #DAE5EA; border-radius: 10px; color: var(--exp-navy); background: #FBFCFD; font-size: 11px; }
.exp-filter-checks { display: grid; gap: 10px; padding: 13px; border: 1px solid #E8EEF1; border-radius: 12px; background: #FAFCFD; }
.exp-check-label { display: flex; align-items: flex-start; gap: 9px; color: #526A7B; font-size: 10px; font-weight: 700; line-height: 1.5; }
.exp-check-label input { margin: 2px 0 0; accent-color: var(--exp-teal); }
.exp-filter-note { display: flex; align-items: flex-start; gap: 9px; margin-top: 18px; padding-top: 16px; border-top: 1px solid #E9EFF2; }
.exp-filter-note > span { width: 19px; height: 19px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 6px; color: var(--exp-teal); background: var(--exp-mint-pale); font-size: 10px; font-weight: 900; }
.exp-filter-note p { margin: 0; color: #7C8F9D; font-size: 9px; line-height: 1.7; }
.exp-compare-results { min-width: 0; }
.exp-results-header { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.exp-results-header .exp-eyebrow { margin-bottom: 7px; }
.exp-results-header h2 { margin: 0 0 7px; color: var(--exp-navy); font-size: 25px; font-weight: 900; letter-spacing: -1px; line-height: 1.15; }
.exp-results-header p { margin: 0; color: #728797; font-size: 11px; }
.exp-results-total { min-width: 67px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px; border: 1px solid #DDE9E7; border-radius: 13px; color: var(--exp-teal); background: #EFFAF7; }
.exp-results-total strong { font-size: 22px; line-height: 1.05; font-weight: 900; }
.exp-results-total small { margin-top: 3px; font-size: 8px; font-weight: 800; }
.exp-compare-plan-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
.exp-compare-disclaimer { margin: 19px 0 0; color: #8797A2; font-size: 9px; line-height: 1.8; }
.exp-empty-state-results { align-items: flex-start; }

/* Plan detail */
.exp-plan-detail-hero { padding-bottom: 42px; background: radial-gradient(circle at 90% 5%,rgba(51,214,197,.19),transparent 26%),linear-gradient(130deg,#F4F8FA,#FFFFFF 60%,#E9FAF6); }
.exp-plan-detail-hero-grid { display: grid; grid-template-columns: minmax(0,1fr) 310px; gap: 45px; align-items: center; padding: 8px 0; }
.exp-plan-detail-identity { display: flex; align-items: flex-start; gap: 23px; }
.exp-plan-detail-logo { width: 104px; height: 89px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid #E1E9EE; border-radius: 19px; background: #fff; box-shadow: 0 12px 32px rgba(16,42,67,.055); }
.exp-plan-detail-logo .provider-logo-box { width: 87px; height: 62px; border: 0; padding: 0; }
.exp-plan-detail-identity h1 { margin-bottom: 11px; font-size: clamp(31px,4vw,49px); letter-spacing: -2px; }
.exp-plan-detail-identity p { max-width: 620px; margin: 0; color: #657D8D; font-size: 12px; line-height: 1.8; }
.exp-plan-detail-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 15px; }
.exp-plan-detail-tags span { padding: 7px 9px; border: 1px solid #DFE8ED; border-radius: 8px; color: #4B6678; background: rgba(255,255,255,.75); font-size: 9px; font-weight: 800; }
.exp-plan-price-panel { display: flex; flex-direction: column; align-items: flex-start; padding: 22px; border: 1px solid rgba(255,255,255,.98); border-radius: 22px; background: #fff; box-shadow: 0 18px 48px rgba(16,42,67,.08); }
.exp-plan-promo-label { display: inline-flex; padding: 5px 8px; border-radius: 999px; color: #80510C; background: #FFF0D2; font-size: 8px; font-weight: 900; }
.exp-plan-price-panel > strong { margin-top: 6px; color: var(--exp-navy); font-size: 42px; line-height: 1.05; font-weight: 900; letter-spacing: -1.8px; }
.exp-plan-price-panel > span:not(.exp-plan-promo-label) { color: #748897; font-size: 10px; }
.exp-plan-price-panel > small { margin: 13px 0 15px; color: #80919D; font-size: 9px; }
.exp-plan-price-panel > p { margin: 13px 0 0; color: #7B8D9A; font-size: 9px; line-height: 1.7; }
.exp-plan-detail-layout { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 25px; align-items: start; }
.exp-plan-detail-main { display: grid; gap: 17px; }
.exp-detail-panel { padding: 27px; border: 1px solid #E0E9EE; border-radius: 20px; background: #fff; box-shadow: 0 8px 28px rgba(16,42,67,.035); }
.exp-detail-panel-heading h2, .exp-detail-panel h2 { margin: 0 0 8px; color: var(--exp-navy); font-size: 24px; font-weight: 900; letter-spacing: -.9px; }
.exp-detail-panel-heading p { margin: 0 0 19px; color: #718696; font-size: 11px; }
.exp-spec-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.exp-spec-item { display: flex; align-items: flex-start; gap: 12px; min-width: 0; padding: 15px; border: 1px solid #EAF0F3; border-radius: 13px; background: #FBFDFE; }
.exp-spec-icon { min-width: 31px; height: 31px; display: grid; place-items: center; border-radius: 9px; color: var(--exp-teal); background: #E2F8F4; font-size: 12px; font-weight: 900; }
.exp-spec-item small, .exp-spec-item strong { display: block; }
.exp-spec-item small { color: #7A8D9A; font-size: 9px; }
.exp-spec-item strong { margin-top: 4px; color: var(--exp-navy); font-size: 11px; font-weight: 850; line-height: 1.5; }
.exp-prose { color: #667E8E; font-size: 12px; line-height: 1.9; }
.exp-source-panel p { color: #667E8E; font-size: 11px; line-height: 1.8; }
.exp-plan-detail-sidebar { min-width: 0; }
.exp-plan-next-step { position: sticky; top: 105px; padding: 24px; border: 1px solid #DCE8E8; border-radius: 20px; background: linear-gradient(145deg,#F3FBF9,#fff); }
.exp-next-step-icon { width: 43px; height: 43px; display: grid; place-items: center; margin-bottom: 18px; border-radius: 13px; color: var(--exp-teal); background: #DDF7F2; font-size: 20px; font-weight: 900; }
.exp-plan-next-step h2 { margin: 0 0 11px; color: var(--exp-navy); font-size: 23px; font-weight: 900; line-height: 1.15; letter-spacing: -.7px; }
.exp-plan-next-step p { margin: 0 0 18px; color: #6B8292; font-size: 11px; line-height: 1.8; }
.exp-plan-next-step .exp-button + .exp-button { margin-top: 8px; }
.exp-plan-next-step > small { display: block; margin-top: 15px; color: #8797A2; font-size: 9px; line-height: 1.7; }

/* Review and form controls */
.exp-form-card { padding: 25px; border: 1px solid #DDE7EC; border-radius: 20px; background: #fff; box-shadow: 0 12px 36px rgba(16,42,67,.055); }
.exp-stack-form { display: flex; flex-direction: column; gap: 15px; }
.exp-form-card label { display: flex; flex-direction: column; gap: 7px; color: #3A566A; font-size: 10px; font-weight: 850; }
.exp-form-card label small { display: inline; color: #83929E; font-weight: 500; }
.exp-form-card input:not([type=checkbox]):not([type=radio]), .exp-form-card select, .exp-form-card textarea { width: 100%; min-height: 43px; padding: 11px 12px; border: 1px solid #DCE6EB; border-radius: 10px; color: var(--exp-navy); background: #FBFCFD; font-size: 11px; box-shadow: none; }
.exp-form-card textarea { min-height: 105px; resize: vertical; }
.exp-form-card input:focus, .exp-form-card select:focus, .exp-form-card textarea:focus { outline: 0; border-color: var(--exp-teal); box-shadow: 0 0 0 3px rgba(51,214,197,.16); }
.exp-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
.exp-form-card .exp-check-label { display: flex; flex-direction: row; align-items: flex-start; gap: 9px; line-height: 1.6; }
.exp-form-card .exp-check-label input { width: auto; min-height: auto; margin: 2px 0 0; accent-color: var(--exp-teal); }
.exp-form-card .exp-check-label a { color: var(--exp-teal); text-decoration: underline; }
.exp-form-card .honeypot { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }

/* FAQ, editorial CTA and footer */
.exp-faq-layout { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 65px; align-items: start; }
.exp-faq-intro h2 { margin: 0 0 13px; color: var(--exp-navy); font-size: clamp(29px,3.3vw,40px); font-weight: 900; line-height: 1.08; letter-spacing: -1.6px; }
.exp-faq-intro > p { margin: 0 0 20px; color: #6B8191; font-size: 12px; line-height: 1.85; }
.exp-faq-list { display: grid; gap: 10px; }
.exp-faq-list details { border: 1px solid #E0E9EE; border-radius: 15px; background: #fff; box-shadow: 0 5px 20px rgba(16,42,67,.025); overflow: hidden; }
.exp-faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 17px 19px; color: var(--exp-navy); font-size: 11px; font-weight: 850; cursor: pointer; list-style: none; }
.exp-faq-list summary::-webkit-details-marker { display: none; }
.exp-faq-list summary span { width: 24px; height: 24px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 8px; color: var(--exp-teal); background: #E2F8F4; font-size: 16px; font-weight: 600; }
.exp-faq-list details[open] { border-color: #B6E4DC; box-shadow: 0 10px 30px rgba(16,42,67,.05); }
.exp-faq-list details[open] summary span { color: var(--exp-navy); background: var(--exp-mint); }
.exp-faq-list details p { margin: -2px 19px 18px; color: #6B8190; font-size: 11px; line-height: 1.8; }
.exp-section-steps { position: relative; overflow: hidden; color: #fff; background: radial-gradient(circle at 92% 8%,rgba(51,214,197,.2),transparent 26%),linear-gradient(120deg,#091D2D,#102A43 60%,#075D58); }
.exp-steps-layout { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 80px; align-items: center; }
.exp-steps-copy h2 { margin: 0 0 15px; color: #fff; font-size: clamp(34px,4vw,49px); font-weight: 900; line-height: 1.03; letter-spacing: -2px; }
.exp-steps-copy h2 span { color: var(--exp-mint); }
.exp-steps-copy p { max-width: 470px; margin: 0; color: #C4D5DE; font-size: 12px; line-height: 1.85; }
.exp-steps-copy .exp-button { margin-top: 23px; }
.exp-steps-list { display: grid; gap: 0; }
.exp-steps-list article { display: flex; gap: 19px; padding: 21px 0; border-bottom: 1px solid rgba(255,255,255,.14); }
.exp-steps-list article:last-child { border-bottom: 0; }
.exp-steps-list article > span { width: 42px; height: 42px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid rgba(51,214,197,.38); border-radius: 13px; color: var(--exp-mint); background: rgba(51,214,197,.08); font-size: 11px; font-weight: 900; }
.exp-steps-list h3 { margin: 0 0 5px; color: #fff; font-size: 14px; font-weight: 900; }
.exp-steps-list p { margin: 0; color: #C0D2DC; font-size: 11px; line-height: 1.75; }
.exp-footer { color: #fff; background: #081C2D; }
.exp-footer-promo { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 28px; overflow: hidden; padding: 35px 38px; border: 1px solid rgba(51,214,197,.16); border-radius: 23px; background: radial-gradient(circle at 88% 10%,rgba(51,214,197,.2),transparent 28%),linear-gradient(115deg,#102A43,#0E4A4B); transform: translateY(-30px); margin-bottom: -5px; }
.exp-footer-promo-copy { position: relative; z-index: 1; }
.exp-footer-promo h2 { margin: 0 0 8px; color: #fff; font-size: clamp(26px,3vw,37px); font-weight: 900; line-height: 1.08; letter-spacing: -1.4px; }
.exp-footer-promo h2 span { color: var(--exp-mint); }
.exp-footer-promo p { margin: 0; color: #C3D5DD; font-size: 11px; }
.exp-footer-orbit { position: absolute; width: 280px; height: 280px; right: 9%; top: -135px; border: 1px solid rgba(51,214,197,.15); border-radius: 50%; box-shadow: 0 0 0 24px rgba(51,214,197,.025),0 0 0 60px rgba(51,214,197,.02); pointer-events: none; }
.exp-footer-main { display: grid; grid-template-columns: minmax(0,1.7fr) minmax(130px,.7fr) minmax(160px,.8fr); gap: 70px; padding-top: 27px; padding-bottom: 39px; }
.exp-footer-logo img { display: block; width: 175px; height: auto; max-height: 44px; object-fit: contain; object-position: left center; }
.exp-footer-brand > p { max-width: 330px; margin: 14px 0 12px; color: #B9CDD8; font-size: 11px; line-height: 1.75; }
.exp-footer-disclaimer { display: block; max-width: 420px; color: #8EA8B7; font-size: 9px; line-height: 1.75; }
.exp-footer-links { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; }
.exp-footer-links h3 { margin: 3px 0 5px; color: #fff; font-size: 11px; font-weight: 900; }
.exp-footer-links a { color: #B7CBD6; font-size: 10px; transition: color .18s ease; }
.exp-footer-links a:hover { color: var(--exp-mint); }
.exp-footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-top: 19px; padding-bottom: 21px; border-top: 1px solid rgba(255,255,255,.11); color: #8FA7B5; font-size: 9px; }
.exp-footer-bottom a { color: #D1E9E4; font-weight: 800; }

/* Existing shop and legal templates also use the new visual system */
.page-hero { padding: 34px 0 40px; background: linear-gradient(132deg,#F4F8FA,#fff 60%,#EAFBF7); border-bottom: 1px solid #E4ECF0; }
.page-hero h1 { margin: 8px 0 13px; color: var(--exp-navy); font-size: clamp(33px,4.4vw,52px); font-weight: 900; line-height: 1.06; letter-spacing: -2px; }
.page-hero > .container > p, .page-hero .container > p { max-width: 760px; color: #647B8C; font-size: 13px; line-height: 1.8; }
.product-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 17px; }
.product-card { overflow: hidden; border: 1px solid #E0E9EE; border-radius: 19px; background: #fff; box-shadow: 0 8px 28px rgba(16,42,67,.04); transition: transform .18s ease, box-shadow .18s ease; }
.product-card:hover { transform: translateY(-4px); box-shadow: var(--exp-shadow); }
.product-visual { position: relative; display: grid; place-items: center; min-height: 185px; background: radial-gradient(circle at 50% 20%,rgba(51,214,197,.17),transparent 50%),linear-gradient(140deg,#F1F8F9,#EAF7F5); }
.product-visual img { width: 100%; height: 185px; object-fit: contain; padding: 18px; }
.product-sim-icon { width: 78px; height: 106px; display: grid; place-items: center; border: 2px solid rgba(255,255,255,.88); border-radius: 15px; color: var(--exp-mint); background: linear-gradient(150deg,#183E5A,#102A43); box-shadow: 0 18px 30px rgba(16,42,67,.2); font-size: 18px; font-weight: 900; transform: rotate(-6deg); }
.exp-product-corner { position: absolute; top: 13px; right: 13px; padding: 6px 9px; border: 1px solid #C7EDE4; border-radius: 999px; color: #00735F; background: #E6FAF5; font-size: 8px; font-weight: 900; }
.product-info { padding: 19px; }
.product-info h3 { margin: 7px 0; color: var(--exp-navy); font-size: 16px; font-weight: 900; }
.product-info p { color: #708595; font-size: 11px; line-height: 1.75; }
.product-price { color: var(--exp-navy); font-size: 24px; font-weight: 900; letter-spacing: -.8px; }
.product-cta { display: flex; justify-content: space-between; margin-top: 13px; padding-top: 12px; border-top: 1px solid #EDF1F3; color: var(--exp-teal); font-size: 10px; font-weight: 900; }
.shop-detail-grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); align-items: start; gap: 45px; }
.product-show-visual { min-height: 380px; display: grid; place-items: center; border: 1px solid #E0E9EE; border-radius: 24px; background: radial-gradient(circle at 50% 28%,rgba(51,214,197,.18),transparent 45%),linear-gradient(140deg,#F1F8F9,#EAF7F5); }
.product-sim-icon-large { width: 125px; height: 170px; font-size: 26px; }
.product-show-info h2 { margin: 7px 0; color: var(--exp-navy); font-size: 28px; font-weight: 900; letter-spacing: -1px; }
.product-price-large { margin: 13px 0; font-size: 34px; }
.security-note { margin: 17px 0; padding: 14px; border: 1px solid #D7ECE7; border-radius: 12px; color: #476B78; background: #F2FBF8; font-size: 10px; line-height: 1.75; }
.prose { color: #627B8B; line-height: 1.9; font-size: 12px; }

/* Responsive behavior */
@media (max-width: 1120px) {
  .exp-nav-wrap { gap: 23px; }
  .exp-brand-lockup img { width: 170px; }
  .exp-nav { gap: 15px; }
  .exp-nav > a { font-size: 11px; }
  .exp-hero-grid { grid-template-columns: minmax(0,1fr) minmax(330px,.9fr); gap: 34px; }
  .exp-hero-copy h1 { font-size: clamp(44px,5.5vw,65px); letter-spacing: -3.3px; }
  .exp-visual-card { padding: 21px; }
  .exp-finder { grid-template-columns: 1.1fr 1fr 1fr; }
  .exp-finder-intro { grid-column: 1 / 2; }
  .exp-finder > .exp-button { grid-column: 3; }
  .exp-logo-rail { grid-template-columns: repeat(6,minmax(0,1fr)); }
  .exp-intent-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 820px) {
  .exp-container { width: min(100% - 34px, 700px); }
  .exp-topbar-inner { min-height: 32px; }
  .exp-nav-wrap { min-height: 72px; }
  .exp-brand-lockup img { width: 167px; max-height: 43px; }
  .exp-mobile-toggle { display: flex; }
  .exp-nav { display: none; position: absolute; top: 72px; left: 0; right: 0; padding: 12px 20px 19px; flex-direction: column; align-items: stretch; gap: 0; border-bottom: 1px solid var(--exp-line); background: rgba(255,255,255,.99); box-shadow: 0 20px 30px rgba(16,42,67,.1); }
  .exp-nav.is-open { display: flex; }
  .exp-nav > a { padding: 13px 4px; border-bottom: 1px solid #EDF1F4; font-size: 12px; }
  .exp-nav > .exp-nav-cta { justify-content: center; margin-top: 12px; padding: 0 16px; border-bottom: 0; }
  .exp-hero-grid { grid-template-columns: 1fr; gap: 22px; padding-top: 56px; padding-bottom: 100px; }
  .exp-hero-copy { max-width: 690px; }
  .exp-hero-copy h1 { max-width: 650px; font-size: clamp(44px,8vw,66px); }
  .exp-hero-lead { max-width: 620px; font-size: 14px; }
  .exp-hero-visual { min-height: 405px; width: min(100%,590px); margin: 0 auto; }
  .exp-visual-rings { width: 390px; height: 390px; }
  .exp-finder-container { margin-top: -55px; }
  .exp-finder { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 19px; }
  .exp-finder-intro { grid-column: 1 / -1; }
  .exp-finder > .exp-button { grid-column: 1 / -1; }
  .exp-logo-rail { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .exp-logo-rail-item { min-height: 72px; }
  .exp-section { padding: 65px 0; }
  .exp-section-heading { align-items: flex-start; flex-direction: column; gap: 13px; }
  .exp-section-heading h2 { font-size: clamp(29px,5.7vw,38px); }
  .exp-plan-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .exp-value-grid { gap: 12px; }
  .exp-value-card { padding: 20px; }
  .exp-directory-hero-grid { grid-template-columns: 1fr 215px; gap: 25px; }
  .exp-directory-hero h1, .exp-profile-copy h1 { font-size: 43px; letter-spacing: -2.3px; }
  .exp-directory-count-card { padding: 19px; }
  .exp-brand-directory-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .exp-profile-hero-grid { grid-template-columns: 1fr; }
  .exp-profile-status-card { max-width: none; }
  .exp-profile-about-grid { grid-template-columns: minmax(0,1fr) 300px; gap: 30px; }
  .exp-review-layout { grid-template-columns: 240px minmax(0,1fr); gap: 25px; }
  .exp-review-form-layout { grid-template-columns: 1fr; gap: 24px; }
  .exp-compare-hero-grid { grid-template-columns: minmax(0,1fr) 205px; gap: 25px; }
  .exp-compare-layout { grid-template-columns: 240px minmax(0,1fr); gap: 16px; }
  .exp-filter-panel { padding: 17px; }
  .exp-compare-plan-grid { grid-template-columns: 1fr; }
  .exp-plan-detail-hero-grid { grid-template-columns: 1fr; }
  .exp-plan-price-panel { max-width: 380px; }
  .exp-plan-detail-layout { grid-template-columns: minmax(0,1fr) 245px; gap: 15px; }
  .exp-footer-main { grid-template-columns: 1.3fr .7fr .8fr; gap: 30px; }
  .exp-steps-layout { gap: 35px; }
  .product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 620px) {
  .exp-container { width: calc(100% - 30px); }
  .exp-topbar-inner { justify-content: center; }
  .exp-topbar-inner > span { font-size: 9px; }
  .exp-topbar-inner a { display: none; }
  .exp-nav-wrap { min-height: 68px; }
  .exp-brand-lockup img { width: 154px; max-height: 40px; }
  .exp-nav { top: 68px; }
  .exp-hero-grid { padding-top: 42px; padding-bottom: 80px; }
  .exp-hero-kicker { padding: 8px 10px; font-size: 8px; letter-spacing: .65px; }
  .exp-hero-copy h1 { margin: 21px 0 15px; font-size: clamp(42px,11vw,57px); line-height: 1.01; letter-spacing: -2.7px; }
  .exp-hero-lead { font-size: 12px; line-height: 1.8; }
  .exp-hero-actions { display: grid; grid-template-columns: 1fr; gap: 9px; margin-top: 22px; }
  .exp-hero-actions .exp-button { width: 100%; }
  .exp-hero-promises { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 20px; font-size: 9px; }
  .exp-hero-stats { margin-top: 25px; padding-top: 16px; }
  .exp-hero-stats > div { padding: 0 11px; }
  .exp-hero-stats > div:first-child { padding-left: 0; }
  .exp-hero-stats strong { font-size: 21px; }
  .exp-hero-stats span { max-width: 95px; font-size: 8px; line-height: 1.4; }
  .exp-hero-visual { min-height: 337px; margin-top: 0; }
  .exp-visual-rings { width: 305px; height: 305px; }
  .exp-visual-card { width: min(100%,390px); padding: 17px; border-radius: 19px; transform: none; }
  .exp-visual-card-head h2 { font-size: 17px; }
  .exp-visual-flag { width: 35px; height: 35px; border-radius: 11px; }
  .exp-visual-divider { margin: 15px 0 8px; }
  .exp-visual-principle { gap: 10px; padding: 10px 0; }
  .exp-principle-icon { width: 33px; height: 33px; border-radius: 10px; font-size: 16px; }
  .exp-visual-principle strong { font-size: 10px; }
  .exp-visual-principle small { font-size: 8px; }
  .exp-principle-check { width: 19px; height: 19px; }
  .exp-visual-brands { padding-top: 13px; }
  .exp-visual-brands > span { font-size: 8px; }
  .exp-visual-brand-logo { width: 34px; height: 26px; }
  .exp-float-note { padding: 8px 10px; border-radius: 10px; gap: 7px; }
  .exp-float-note-one { top: 0; right: -2px; }
  .exp-float-note-two { bottom: 0; left: -2px; }
  .exp-float-note-icon { width: 25px; height: 25px; border-radius: 8px; }
  .exp-float-note strong { font-size: 9px; }
  .exp-float-note small { font-size: 8px; }
  .exp-finder-container { margin-top: -38px; }
  .exp-finder { gap: 11px; padding: 15px; border-radius: 17px; }
  .exp-finder-intro strong { font-size: 11px; }
  .exp-finder-intro small { font-size: 9px; }
  .exp-finder-field { font-size: 9px; }
  .exp-finder-field select { min-height: 42px; padding: 0 8px; font-size: 10px; }
  .exp-finder > .exp-button { min-width: 0; }
  .exp-logo-rail-section { padding-top: 28px; }
  .exp-logo-rail-title { align-items: flex-start; font-size: 8px; letter-spacing: .6px; }
  .exp-logo-rail-title a { font-size: 9px; text-align: right; }
  .exp-logo-rail { gap: 7px; }
  .exp-logo-rail-item { min-height: 65px; padding: 8px 4px; gap: 5px; border-radius: 10px; }
  .exp-logo-rail-item .provider-logo-box { width: 61px; height: 27px; }
  .exp-logo-rail-item > span:last-child { font-size: 8px; }
  .exp-section { padding: 51px 0; }
  .exp-section-heading { margin-bottom: 23px; }
  .exp-section-heading h2 { font-size: 29px; letter-spacing: -1.2px; }
  .exp-section-heading p { font-size: 11px; }
  .exp-intent-grid { grid-template-columns: 1fr 1fr; gap: 9px; }
  .exp-intent-card { min-height: 225px; padding: 16px; border-radius: 15px; }
  .exp-intent-icon { width: 40px; height: 40px; margin-bottom: 19px; border-radius: 12px; }
  .exp-intent-number { top: 16px; right: 14px; font-size: 9px; }
  .exp-intent-card h3 { font-size: 13px; }
  .exp-intent-card p { font-size: 10px; line-height: 1.65; }
  .exp-intent-link { font-size: 9px; }
  .exp-plan-grid { grid-template-columns: 1fr; gap: 12px; }
  .exp-plan-card { padding: 18px; }
  .exp-plan-name { min-height: 0; font-size: 15px; }
  .exp-plan-description { min-height: 0; }
  .exp-plan-price { font-size: 29px; }
  .exp-value-grid { grid-template-columns: 1fr; gap: 10px; }
  .exp-value-card { padding: 21px; }
  .exp-value-icon { margin-bottom: 14px; }
  .exp-value-card p { font-size: 11px; }
  .exp-steps-layout { grid-template-columns: 1fr; gap: 27px; }
  .exp-steps-copy h2 { font-size: 35px; }
  .exp-steps-list article { padding: 16px 0; }
  .exp-faq-layout { grid-template-columns: 1fr; gap: 25px; }
  .exp-faq-intro h2 { font-size: 31px; }
  .exp-faq-list summary { padding: 15px; font-size: 10px; }
  .exp-faq-list details p { margin: -2px 15px 15px; font-size: 10px; }
  .exp-footer-promo { align-items: flex-start; flex-direction: column; gap: 19px; padding: 25px 21px; border-radius: 18px; transform: translateY(-22px); margin-bottom: -1px; }
  .exp-footer-promo h2 { font-size: 30px; }
  .exp-footer-promo p { font-size: 10px; }
  .exp-footer-main { grid-template-columns: 1fr 1fr; gap: 25px 15px; padding-top: 20px; padding-bottom: 27px; }
  .exp-footer-brand { grid-column: 1 / -1; }
  .exp-footer-logo img { width: 155px; }
  .exp-footer-brand > p { font-size: 10px; }
  .exp-footer-links a { font-size: 9px; }
  .exp-footer-bottom { flex-direction: column; align-items: flex-start; gap: 7px; font-size: 8px; }
  .exp-directory-hero-grid { grid-template-columns: 1fr; gap: 22px; padding-bottom: 35px; }
  .exp-directory-hero h1, .exp-profile-copy h1, .exp-compare-hero h1 { font-size: clamp(35px,9vw,47px); letter-spacing: -2px; }
  .exp-directory-hero-grid > div:first-child > p { font-size: 12px; }
  .exp-directory-count-card { max-width: none; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 9px 13px; padding: 15px; }
  .exp-directory-count-icon { margin: 0; }
  .exp-directory-count-card strong { font-size: 26px; }
  .exp-directory-count-card > span:not(.exp-directory-count-icon) { margin-top: 0; }
  .exp-directory-count-card small { width: 100%; margin-top: 3px; padding-top: 9px; }
  .exp-directory-search { gap: 7px; padding: 8px; border-radius: 13px; }
  .exp-search-icon { width: 35px; height: 35px; border-radius: 9px; }
  .exp-directory-search input { font-size: 10px; }
  .exp-directory-search .exp-button { min-width: 0; min-height: 38px; padding: 0 10px; font-size: 10px; }
  .exp-search-clear { display: none; }
  .exp-brand-directory-grid { grid-template-columns: 1fr 1fr; gap: 9px; }
  .exp-brand-tile { padding: 14px; border-radius: 15px; }
  .exp-brand-tile-logo { height: 53px; margin: 13px 0 7px; }
  .exp-brand-tile-logo .provider-logo-box { width: 94px; height: 46px; border-radius: 10px; }
  .exp-brand-tile h3 { font-size: 16px; }
  .exp-brand-type { font-size: 9px; }
  .exp-brand-summary { min-height: 0; margin: 9px 0; font-size: 9px; line-height: 1.65; }
  .exp-brand-tile-meta { gap: 6px; padding: 10px 0; font-size: 8px; }
  .exp-brand-tile-meta strong { font-size: 9px; }
  .exp-brand-tile-link { padding-top: 10px; font-size: 8px; }
  .exp-directory-disclaimer { padding: 14px; }
  .exp-directory-disclaimer p { font-size: 9px; }
  .exp-cta-band { padding: 34px 0; }
  .exp-cta-band-inner { align-items: flex-start; flex-direction: column; }
  .exp-cta-band h2 { font-size: 28px; }
  .exp-cta-band p { font-size: 10px; line-height: 1.7; }
  .exp-profile-identity { grid-template-columns: 1fr; gap: 18px; }
  .exp-profile-logo-card { flex-direction: row; align-items: center; justify-content: space-between; padding: 10px 13px; }
  .exp-profile-logo-card .provider-logo-box { width: 88px; height: 54px; }
  .exp-profile-status { font-size: 8px; }
  .exp-profile-copy > p { font-size: 12px; }
  .exp-profile-actions { display: grid; grid-template-columns: 1fr; }
  .exp-profile-actions .exp-button { width: 100%; }
  .exp-profile-about-grid { grid-template-columns: 1fr; gap: 25px; }
  .exp-profile-about h2 { font-size: 30px; }
  .exp-profile-about > p { font-size: 12px; }
  .exp-facts-card { padding: 19px; }
  .exp-review-layout { grid-template-columns: 1fr; gap: 25px; }
  .exp-review-intro h2 { font-size: 29px; }
  .exp-review-card { padding: 16px; }
  .exp-review-form-layout > div:first-child h2 { font-size: 30px; }
  .exp-form-card { padding: 17px; }
  .exp-form-grid { grid-template-columns: 1fr; }
  .exp-compare-hero-grid { grid-template-columns: 1fr; gap: 22px; }
  .exp-compare-hero-grid > div:first-child > p { font-size: 12px; }
  .exp-compare-hero-side { max-width: none; display: grid; grid-template-columns: 43px auto; column-gap: 12px; padding: 15px; }
  .exp-compare-hero-icon { grid-row: span 2; margin: 0; }
  .exp-compare-hero-side strong { font-size: 27px; }
  .exp-compare-hero-side > span:not(.exp-compare-hero-icon) { margin-top: 0; }
  .exp-compare-hero-side small { grid-column: 1 / -1; }
  .exp-compare-layout { grid-template-columns: 1fr; }
  .exp-filter-panel { position: static; }
  .exp-filter-form { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
  .exp-filter-form > label:nth-child(3), .exp-filter-form > label:nth-child(4), .exp-filter-form > label:nth-child(7), .exp-filter-form .exp-button { grid-column: 1 / -1; }
  .exp-filter-checks { grid-column: 1 / -1; }
  .exp-results-header h2 { font-size: 22px; }
  .exp-results-total { min-width: 57px; }
  .exp-compare-plan-grid { grid-template-columns: 1fr; }
  .exp-empty-state { align-items: flex-start; flex-direction: column; gap: 16px; border-radius: 18px; }
  .exp-empty-art { width: 74px; height: 78px; }
  .exp-empty-art span { width: 29px; height: 29px; font-size: 8px; }
  .exp-empty-actions { display: grid; grid-template-columns: 1fr; }
  .exp-empty-actions .exp-button { width: 100%; }
  .exp-plan-detail-identity { flex-direction: column; gap: 15px; }
  .exp-plan-detail-identity h1 { font-size: 34px; letter-spacing: -1.7px; }
  .exp-plan-detail-logo { width: 92px; height: 76px; }
  .exp-plan-price-panel { width: 100%; max-width: none; }
  .exp-plan-price-panel > strong { font-size: 37px; }
  .exp-plan-detail-layout { grid-template-columns: 1fr; }
  .exp-plan-next-step { position: static; }
  .exp-detail-panel { padding: 19px; }
  .exp-detail-panel-heading h2, .exp-detail-panel h2 { font-size: 21px; }
  .exp-spec-grid { grid-template-columns: 1fr; }
  .page-hero { padding: 25px 0 28px; }
  .page-hero h1 { font-size: 34px; }
  .shop-detail-grid { grid-template-columns: 1fr; gap: 25px; }
  .product-show-visual { min-height: 245px; }
  .product-grid { grid-template-columns: 1fr 1fr; gap: 9px; }
  .product-visual { min-height: 125px; }
  .product-visual img { height: 125px; }
  .product-info { padding: 13px; }
  .product-info h3 { font-size: 12px; }
  .product-info p { font-size: 9px; }
  .product-price { font-size: 21px; }
}
@media (max-width: 390px) {
  .exp-container { width: calc(100% - 24px); }
  .exp-brand-lockup img { width: 143px; }
  .exp-hero-copy h1 { font-size: 39px; letter-spacing: -2.25px; }
  .exp-finder { grid-template-columns: 1fr; }
  .exp-finder-intro, .exp-finder > .exp-button { grid-column: auto; }
  .exp-intent-grid { grid-template-columns: 1fr; }
  .exp-intent-card { min-height: 196px; }
  .exp-brand-directory-grid { grid-template-columns: 1fr; }
  .exp-brand-tile { padding: 18px; }
  .exp-brand-summary { min-height: 0; font-size: 10px; }
  .exp-brand-tile-logo { height: 60px; }
  .exp-brand-tile h3 { font-size: 18px; }
  .exp-filter-form { grid-template-columns: 1fr; }
  .exp-filter-form > label:nth-child(3), .exp-filter-form > label:nth-child(4), .exp-filter-form > label:nth-child(7), .exp-filter-form .exp-button, .exp-filter-checks { grid-column: auto; }
  .product-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}