/* ============================================================
   922 S5 PROXY — authentic light theme
   Based on the real 922proxy.appm (web.archive.org): white/cream
   backgrounds, navy + coral + gold accents, Helvetica. Loads AFTER
   pia-classic.css to override the inherited PIA dark-blue look.
   ============================================================ */
:root{
  --c-navy:#173a63; --c-navy-d:#102a49;
  --c-coral:#ec5b4e; --c-coral-d:#d8463a;
  --c-gold:#ffcd27;  --c-gold-d:#f5a623;
  --c-ink:#23303f;
}

/* ---- fonts: kill Space Grotesk / Manrope -> Helvetica ---- */
h1,h2,h3,h4,h5,.hero h1,.section-head h2,.discount-tag strong,.discount-tag span,
.logo .lo-pia,.logo .lo-proxy{
  font-family:'Helvetica Neue',Helvetica,Arial,sans-serif !important;
}
body{background:#f6f7f9 !important;color:var(--c-ink) !important}

/* ---------- HERO: dark navy -> light ---------- */
.hero{
  background:
    radial-gradient(circle at 84% 14%,rgba(255,205,39,.22),transparent 42%),
    radial-gradient(circle at 10% 92%,rgba(236,91,78,.10),transparent 46%),
    linear-gradient(180deg,#ffffff 0%,#f3f6f9 100%) !important;
  color:var(--c-ink) !important;
}
.hero:before,.hero:after{display:none !important}
.hero h1{color:var(--c-navy) !important;font-weight:800 !important}
.hero h1 span{color:var(--c-coral) !important}
.hero p{color:#51607a !important}
.eyebrow{background:rgba(236,91,78,.10) !important;border:1px solid rgba(236,91,78,.30) !important;color:var(--c-coral-d) !important}
.hero-stats .stat,.stat{background:#fff !important;border:1px solid #e6e9ef !important;box-shadow:0 8px 26px rgba(23,58,99,.06) !important}
.stat strong{color:var(--c-navy) !important}
.stat span{color:#6b7686 !important}

/* hero right card -> light cream */
.discount-card{background:linear-gradient(145deg,#ffffff,#fff7e8) !important;border:1px solid #f0e3c4 !important;box-shadow:0 28px 70px rgba(23,58,99,.14) !important}
.discount-card:before{background:radial-gradient(circle at 68% 20%,rgba(255,205,39,.40),transparent 42%) !important}
.discount-tag{background:var(--c-gold) !important;color:#3a2700 !important}
.discount-tag strong{color:var(--c-coral-d) !important}
.mini-panel{background:#0f2a49 !important;border-color:rgba(255,255,255,.10) !important}

/* ---------- buttons / accents: bright blue -> coral + navy + gold ---------- */
.btn-primary,.home-plan .buy,.auth-submit,.mob-cta,.pia-sticky-cta{
  background:linear-gradient(135deg,var(--c-coral),var(--c-coral-d)) !important;
  box-shadow:0 14px 34px rgba(236,91,78,.30) !important;color:#fff !important;
}
.btn-secondary{background:#fff !important;border:1px solid var(--c-navy) !important;color:var(--c-navy) !important}
.signup{background:linear-gradient(135deg,var(--c-gold),var(--c-gold-d)) !important;color:#3a2700 !important;box-shadow:0 6px 18px rgba(245,166,35,.40) !important}
.signup:hover{background:linear-gradient(135deg,#ffd84d,var(--c-gold)) !important}
.dashboard-link,.step-num,.home-plan .tag{background:var(--c-navy) !important;color:#fff !important}
.home-plan .tag.best{background:#0f8f62 !important}
.home-plan .per-row b,.type-card a,.auth-row a,.auth-foot a,.coverage-stat .num .o{color:var(--c-coral) !important}
.icon{background:linear-gradient(135deg,var(--c-navy),var(--c-coral)) !important}
.nav a:hover,.hdr.scrolled .nav a:hover{color:var(--c-coral) !important;background:rgba(236,91,78,.08) !important}
.mob-link:hover,.mob-link:active{border-left-color:var(--c-coral) !important;color:var(--c-coral) !important;background:#fff5f3 !important}
.home-plan.pop{border-color:var(--c-coral) !important;box-shadow:0 22px 60px rgba(236,91,78,.16) !important}
.compare th.pia,.compare td.pia{background:#fff3f1 !important;color:var(--c-coral) !important}
.pia-sticky-cta .scta-btn{background:#fff !important;color:var(--c-coral) !important}
.support-btn{background:linear-gradient(135deg,#173a63 0%,#1f4f86 55%,#ec5b4e 130%) !important}

/* ---------- dark navy bands kept for contrast (authentic 922) ---------- */
.pricing-intro,.reopen-card.dark{background:linear-gradient(135deg,var(--c-navy),var(--c-navy-d)) !important}
.price-mini b{color:#ffd27a !important}

/* ---------- CTA section: dark blue -> warm gold (922 signature) ---------- */
.cta-section{background:linear-gradient(135deg,#fff4d6,#ffe6b3) !important;color:var(--c-navy) !important}
.cta-section h2,.cta-section p,.cta-section span,.cta-section div{color:var(--c-navy) !important}
.cta-section .btn-primary{background:linear-gradient(135deg,var(--c-coral),var(--c-coral-d)) !important;color:#fff !important}

.seo-inner .pia-faq summary::after{color:var(--c-coral) !important}
.seo-inner .pia-faq summary{color:var(--c-navy) !important}
/* about/SEO stat boxes: blue -> navy on cream */
.seo-inner .pia-fact div{background:#fff7ec !important;border-color:#f3e3c4 !important}
.seo-inner .pia-fact strong{color:var(--c-navy) !important}
/* misc inherited bright-blue accents -> coral */
.seo-links a,.seo-inner a,a.more-link{color:var(--c-coral) !important}
.usecase-card .uc-ico,.use-ico{background:linear-gradient(135deg,var(--c-navy),var(--c-coral)) !important}

/* footer stays deep navy (real 922 footer was dark) */
.footer{background:#13243d !important}

/* top promo banner -> gold (922 signature) instead of orange */
.top-banner{background:linear-gradient(90deg,#ffd84d,#f5a623) !important;color:#3a2700 !important}
.top-banner strong{color:#b22d1e !important}

/* ============================================================
   GLOBAL SKIN — applies on every page (shared class names):
   white header, navy nav, 922 PNG logo, light heroes.
   ============================================================ */
.hdr{background:rgba(255,255,255,.98) !important;box-shadow:0 2px 16px rgba(8,38,77,.09) !important;backdrop-filter:blur(8px)}
.hdr.scrolled{background:rgba(255,255,255,.98) !important;box-shadow:0 2px 16px rgba(0,0,0,.12) !important}
.hdr .nav a,.hdr.scrolled .nav a{color:#0a2540 !important}
.hdr .lang,.hdr .login,.hdr.scrolled .lang,.hdr.scrolled .login{color:#0a2540 !important}
.hdr .burger span,.hdr.scrolled .burger span{background:#08264d !important}
/* 922 PNG wordmark: never invert to white, size consistently */
.logo img,.logo .logo-img{filter:none !important;height:52px !important;width:auto !important;display:block !important}
.hdr.scrolled .logo img,.hdr.scrolled .logo .logo-img{filter:none !important;height:48px !important}
@media(max-width:700px){.logo img,.logo .logo-img{height:42px !important}}

/* page hero (pricing/location/etc share .hero dark navy) -> light + dark text */
.hero h2,.hero h3,.hero .lead,.hero li,.hero .hero-sub{color:#51607a !important}
.hero h1,.hero h2{color:var(--c-navy) !important}

/* dark promo / auth / cards on inner pages -> 922 navy (kill bright blue) */
.promo-card{background:linear-gradient(145deg,var(--c-navy-d),var(--c-navy)) !important;border-color:rgba(255,255,255,.14) !important}
.promo-primary{background:linear-gradient(135deg,var(--c-coral),var(--c-coral-d)) !important;color:#fff !important}

/* generic headings + section heads across pages */
.section-head h2,.sec-head h2,.page-title,h1.title{color:var(--c-navy) !important}

/* pricing tables / blue accents shared across pages */
.ptable .pcol.feat,.ptable th.feat,.tier.pop,.plan.pop{border-color:var(--c-coral) !important}
.tier .price,.plan .price,.ppi,.per-ip,.amount-big{color:var(--c-coral) !important}
.buy-btn,.tier .buy,.plan .buy,.order-btn,.cta-btn{background:linear-gradient(135deg,var(--c-coral),var(--c-coral-d)) !important;color:#fff !important}
a.txt-link,.blue,.accent{color:var(--c-coral) !important}

/* ============================================================
   HERO PROMO CARD — 922 "New User Exclusive ×2" (replaces PIA 85%-off tag)
   ============================================================ */
.hero-card .discount-card,.hero-card .discount-tag,.hero-card .mini-panel{display:none !important}
.promo922{width:min(440px,100%);background:#fff !important;border:1px solid #f0e3c4 !important;border-radius:22px !important;box-shadow:0 28px 70px rgba(23,58,99,.16) !important;overflow:hidden;position:relative}
.promo922-head{background:linear-gradient(135deg,var(--c-coral),var(--c-coral-d)) !important;color:#fff !important;font-weight:800;font-size:14px;text-align:center;padding:13px;letter-spacing:.2px}
.promo922-body{padding:26px 26px 22px;position:relative}
.promo922-burst{position:absolute;top:-8px;right:20px;width:78px;height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#ffd84a,var(--c-gold));color:#7a2d12;border-radius:50%;box-shadow:0 10px 22px rgba(245,166,35,.45);transform:rotate(8deg);border:3px solid #fff}
.promo922-burst .x2{font-size:27px;font-weight:900;line-height:1}
.promo922-burst .bl{font-size:8px;font-weight:800;letter-spacing:.3px;margin-top:1px}
.promo922-order{font-size:24px;font-weight:800;color:var(--c-navy);margin:2px 0 16px;max-width:64%}
.promo922-order b{color:var(--c-coral)}
.promo922-rows{display:flex;flex-direction:column}
.promo922-rows .pr{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #eef1f5;font-size:14px;color:#51607a}
.promo922-rows .pr b{color:var(--c-navy);font-weight:800}
.promo922-rows .pr.total{border-bottom:0;padding-top:13px}
.promo922-rows .pr.total b{font-size:21px;color:var(--c-coral)}
.promo922-rows .pr.total s{color:#aab4c2;font-weight:600;font-size:14px;margin-right:7px}
.promo922-cta{display:block;text-align:center;margin-top:14px;background:linear-gradient(135deg,var(--c-coral),var(--c-coral-d)) !important;color:#fff !important;font-weight:800;padding:14px;border-radius:12px;text-decoration:none;box-shadow:0 12px 30px rgba(236,91,78,.3)}
.promo922-cta:hover{filter:brightness(1.05)}
.promo922-foot{text-align:center;margin-top:12px;font-size:12px;color:#6b7686}
.promo922-foot b{color:var(--c-navy)}
@media(max-width:700px){.promo922{margin:0 auto}.promo922-order{max-width:60%}}

/* ============================================================
   LOGIN / SIGNUP MODAL — white head, real-color 922 logo,
   no duplicate "922 S5 Proxy" text label
   ============================================================ */
.auth-top{background:#ffffff !important;color:var(--c-navy) !important;border-bottom:1px solid #f0e3c4 !important}
.auth-top h3{color:var(--c-navy) !important}
.auth-top p{color:#5b6b82 !important}
.auth-close{background:rgba(8,38,77,.07) !important;color:var(--c-navy) !important}
.auth-close:hover{background:rgba(8,38,77,.14) !important}
/* image-logo modals (pricing + inner pages): show the logo in its real colors */
.auth-brand img{filter:none !important;height:46px !important;width:auto !important}
/* drop the redundant text label next to the logo (the name is already in the logo) */
.auth-brand strong{display:none !important}
/* text-logo modal (home page) recolored for the white head */
.auth-brand .b-pia{color:var(--c-navy) !important}
.auth-brand .b-proxy{color:var(--c-gold-d) !important}
.auth-brand .b-r{color:#94a3b8 !important}