/* WorldPCI comparison page (/compare/) — bright premium layer using the homepage palette. System fonts, no downloads. */
body.worldpci-premium .wpci .cmp {
  --navy: #10243d; --blue: #2468b4; --gold: #d9a441; --gold-d: #a9772a; --ice: #edf5fb; --slate: #4d6076; --line: #dfe5ec; --ease: cubic-bezier(.2, .7, .2, 1);
  color: var(--navy); background: #fff; font-family: "Segoe UI", Arial, sans-serif; line-height: 1.6; overflow-x: clip;
}
body.worldpci-premium .wpci .cmp *, body.worldpci-premium .wpci .cmp *::before, body.worldpci-premium .wpci .cmp *::after { box-sizing: border-box; }
body.worldpci-premium .wpci .cmp-shell { width: calc(100% - 48px); max-width: 1180px; margin: 0 auto; position: relative; }
body.worldpci-premium .wpci .cmp h1, body.worldpci-premium .wpci .cmp h2, body.worldpci-premium .wpci .cmp h3 { margin: 0; font-weight: 560; letter-spacing: -.035em; color: var(--navy); text-wrap: balance; }
:where(body.worldpci-premium .wpci .cmp) p { margin: 0; }
:where(body.worldpci-premium .wpci .cmp) a { color: inherit; }
:where(body.worldpci-premium .wpci .cmp) ul { margin: 0; padding: 0; list-style: none; }
body.worldpci-premium .wpci .cmp :focus-visible { outline: 3px solid var(--gold-d); outline-offset: 4px; border-radius: 4px; }
body.worldpci-premium .wpci .cmp-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

body.worldpci-premium .wpci .cmp-btn { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 52px; padding: 14px 24px; border-radius: 6px; font-size: 15px; font-weight: 600; text-decoration: none; border: 1px solid transparent; transition: transform .3s var(--ease), box-shadow .3s var(--ease), background .25s, border-color .25s, color .25s; }
body.worldpci-premium .wpci .cmp-btn:hover { transform: translateY(-2px); }
body.worldpci-premium .wpci .cmp-btn-primary { background: linear-gradient(180deg, #2f78c8, #2468b4); color: #fff; box-shadow: 0 16px 30px -14px rgba(36, 104, 180, .8); }
body.worldpci-premium .wpci .cmp-btn-ghost { background: #fff; color: var(--navy); border-color: #b9c9d8; }
body.worldpci-premium .wpci .cmp-btn-ghost:hover { border-color: var(--blue); color: var(--blue); }
body.worldpci-premium .wpci .cmp-btn-light { background: #fff; color: var(--navy); }
body.worldpci-premium .wpci .cmp-btn-gold { background: var(--gold); color: #10243d; }
body.worldpci-premium .wpci .cmp-btn-outline { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .55); }
body.worldpci-premium .wpci .cmp-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 32px; }

body.worldpci-premium .wpci .cmp-hero { position: relative; overflow: hidden; padding: clamp(48px, 7vw, 104px) 0 clamp(52px, 7vw, 100px); background: linear-gradient(180deg, #fff 0%, #f8fafd 50%, #eef5fb 100%); }
body.worldpci-premium .wpci .cmp-sun { position: absolute; right: -8%; top: -35%; width: 62vw; max-width: 900px; aspect-ratio: 1; border-radius: 50%; pointer-events: none; background: radial-gradient(circle, rgba(255, 224, 160, .5), rgba(255, 224, 160, .14) 42%, transparent 68%); }
body.worldpci-premium .wpci .cmp-hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(217, 164, 65, .55), transparent); }
body.worldpci-premium .wpci .cmp-eyebrow, body.worldpci-premium .wpci .cmp-kicker { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; font-size: 13px; font-weight: 650; letter-spacing: .22em; text-transform: uppercase; color: var(--blue); }
body.worldpci-premium .wpci .cmp-eyebrow::before, body.worldpci-premium .wpci .cmp-kicker::before { content: ""; width: 40px; height: 2px; background: linear-gradient(90deg, var(--gold), rgba(217, 164, 65, .2)); }
body.worldpci-premium .wpci .cmp-hero h1 { font-size: clamp(2.4rem, 5.6vw, 4.4rem); line-height: 1.02; letter-spacing: -.05em; max-width: 14em; }
body.worldpci-premium .wpci .cmp-sub { margin-top: 22px; font-size: clamp(1.25rem, 2vw, 1.7rem); font-weight: 520; color: var(--blue); letter-spacing: -.015em; }
body.worldpci-premium .wpci .cmp-lead { margin-top: 16px; max-width: 36em; font-size: clamp(1.02rem, 1.3vw, 1.18rem); color: var(--slate); line-height: 1.75; }

body.worldpci-premium .wpci .cmp-section { padding: clamp(60px, 7.5vw, 108px) 0; background: #fff; }
body.worldpci-premium .wpci .cmp-tint { background: linear-gradient(180deg, #fff 0%, var(--ice) 100%); }
body.worldpci-premium .wpci .cmp-head { max-width: 760px; margin-bottom: clamp(28px, 4vw, 52px); }
body.worldpci-premium .wpci .cmp-head h2 { font-size: clamp(1.9rem, 4vw, 3.1rem); line-height: 1.08; }
body.worldpci-premium .wpci .cmp-head p:not(.cmp-kicker) { margin-top: 16px; font-size: clamp(1rem, 1.25vw, 1.15rem); color: var(--slate); }

body.worldpci-premium .wpci .cmp-plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
body.worldpci-premium .wpci .cmp-plan { padding: 32px 28px; border-radius: 20px; background: #fff; border: 1px solid var(--line); box-shadow: 0 28px 50px -36px rgba(16, 36, 61, .5); position: relative; }
body.worldpci-premium .wpci .cmp-plan::before { content: ""; position: absolute; left: 28px; right: 28px; top: 0; height: 3px; background: linear-gradient(90deg, var(--gold), rgba(217, 164, 65, .15)); }
body.worldpci-premium .wpci .cmp-plan h3 { font-size: 1.5rem; }
body.worldpci-premium .wpci .cmp-price { margin-top: 14px; display: flex; align-items: baseline; gap: 6px; }
body.worldpci-premium .wpci .cmp-price strong { font-size: 3rem; font-weight: 640; letter-spacing: -.05em; line-height: 1; }
body.worldpci-premium .wpci .cmp-price span { color: var(--slate); }
body.worldpci-premium .wpci .cmp-plan-line { margin-top: 10px; font-weight: 600; color: var(--blue); }
body.worldpci-premium .wpci .cmp-plan-add { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--line); color: var(--slate); }
body.worldpci-premium .wpci .cmp-plan-add strong { color: var(--navy); }
body.worldpci-premium .wpci .cmp-terms { margin-top: 28px; display: grid; gap: 10px; padding: 22px 26px; border-radius: 14px; background: var(--ice); border-left: 3px solid var(--gold); color: var(--navy); }

body.worldpci-premium .wpci .cmp-table-wrap { overflow-x: auto; border-radius: 16px; border: 1px solid var(--line); background: #fff; box-shadow: 0 26px 50px -38px rgba(16, 36, 61, .5); }
body.worldpci-premium .wpci .cmp-table { width: 100%; border-collapse: collapse; font-size: 15px; margin: 0; border: 0; }
body.worldpci-premium .wpci .cmp-table th, body.worldpci-premium .wpci .cmp-table td { padding: 16px 20px; text-align: left; vertical-align: top; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--navy); font-size: 15px; line-height: 1.5; }
body.worldpci-premium .wpci .cmp-table thead th { background: var(--navy); color: #fff; font-weight: 600; font-size: 14px; letter-spacing: .04em; text-transform: uppercase; }
body.worldpci-premium .wpci .cmp-table tbody th { font-weight: 600; width: 19%; }
body.worldpci-premium .wpci .cmp-table tbody tr:last-child th, body.worldpci-premium .wpci .cmp-table tbody tr:last-child td { border-bottom: 0; }
body.worldpci-premium .wpci .cmp-table td:nth-child(2) { background: rgba(217, 164, 65, .08); }
body.worldpci-premium .wpci .cmp-table-scope td:nth-child(2) { background: transparent; }
body.worldpci-premium .wpci .cmp-verified { display: block; margin-top: 6px; font-size: 12.5px; color: var(--slate); }
body.worldpci-premium .wpci .cmp-fine { margin-top: 18px; font-size: 13.5px; color: var(--slate); max-width: 62em; }
body.worldpci-premium .wpci .cmp-fine a { color: var(--blue); }

body.worldpci-premium .wpci .cmp-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
body.worldpci-premium .wpci .cmp-card { padding: 30px 28px; border-radius: 18px; background: #fff; border: 1px solid var(--line); }
body.worldpci-premium .wpci .cmp-card h3 { font-size: 1.3rem; }
body.worldpci-premium .wpci .cmp-card p { margin-top: 10px; color: var(--slate); }

body.worldpci-premium .wpci .cmp-cta { padding: clamp(40px, 6vw, 80px) 0 clamp(64px, 8vw, 110px); background: #fff; }
body.worldpci-premium .wpci .cmp-cta-card { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px 40px; padding: clamp(32px, 5vw, 56px); border-radius: 26px; background: linear-gradient(135deg, #10243d, #1b4170); color: #fff; }
body.worldpci-premium .wpci .cmp-cta-card h2 { color: #fff; font-size: clamp(1.7rem, 3.2vw, 2.5rem); }
body.worldpci-premium .wpci .cmp-cta-card p { margin-top: 10px; color: #d6e2f0; }
body.worldpci-premium .wpci .cmp-cta-card .cmp-actions { margin-top: 0; }

@media (max-width: 900px) {
  body.worldpci-premium .wpci .cmp-plans, body.worldpci-premium .wpci .cmp-cards { grid-template-columns: minmax(0, 1fr); }
  body.worldpci-premium .wpci .cmp-actions .cmp-btn { flex: 1 1 100%; }
}
@media (max-width: 700px) {
  body.worldpci-premium .wpci .cmp-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  body.worldpci-premium .wpci .cmp-table, body.worldpci-premium .wpci .cmp-table tbody, body.worldpci-premium .wpci .cmp-table tr, body.worldpci-premium .wpci .cmp-table th, body.worldpci-premium .wpci .cmp-table td { display: block; width: 100% !important; }
  body.worldpci-premium .wpci .cmp-table tr { padding: 8px 0 12px; border-bottom: 1px solid var(--line); }
  body.worldpci-premium .wpci .cmp-table tbody tr:last-child { border-bottom: 0; }
  body.worldpci-premium .wpci .cmp-table tbody th { padding: 14px 18px 4px; border: 0; font-size: 16px; }
  body.worldpci-premium .wpci .cmp-table td { padding: 6px 18px; border: 0; }
  body.worldpci-premium .wpci .cmp-table td::before { content: attr(data-label); display: block; font-size: 12px; font-weight: 650; letter-spacing: .1em; text-transform: uppercase; color: var(--blue); }
  body.worldpci-premium .wpci .cmp-table td:nth-child(2), body.worldpci-premium .wpci .cmp-table-scope td:nth-child(2) { background: transparent; }
}
@media (prefers-reduced-motion: reduce) { body.worldpci-premium .wpci .cmp-btn { transition: none; } body.worldpci-premium .wpci .cmp-btn:hover { transform: none; } }
body.worldpci-premium .wpci .cmp-sources { margin-top: 26px; padding: 20px 22px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
body.worldpci-premium .wpci .cmp-sources h3 { margin: 0 0 10px; font-size: 17px; color: var(--navy); }
body.worldpci-premium .wpci .cmp-sources ul { margin: 0 0 10px; padding-left: 20px; }
body.worldpci-premium .wpci .cmp-sources li { margin-bottom: 8px; line-height: 1.7; }
body.worldpci-premium .wpci .cmp-sources a { color: var(--blue); overflow-wrap: anywhere; }