:root{
      /* Color combo inspired by the reference screenshot */
      --vz-red:#d61f26;         /* primary action red */
      --vz-red-dark:#b21b21;    
      --vz-ink:#1f2328;         /* dark text */
      --vz-muted:#5b6066;       
      --vz-cream:#fff7f0;       /* light section bg */
      --vz-ivory:#fbefe3;       /* alt section bg */
      --vz-card:#fffaf5;        /* cards */
      --vz-gold:#ffcc66;        /* small accent */
      --vz-green:#1db954;       /* check icon */
      --vz-line:#f0e4d7;        /* hairlines */
    }

    html,body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--vz-ink)}
    .heading-hero{font-family:Poppins,Inter,sans-serif; letter-spacing:.2px}
    .navbar-brand strong{font-weight:800}

    .topbar{background:var(--vz-ivory);font-size:.875rem;border-bottom:1px solid var(--vz-line)}
    .topbar .badge{background:var(--vz-red)}

    .btn-vz{--bs-btn-bg:var(--vz-red);--bs-btn-border-color:var(--vz-red);--bs-btn-hover-bg:var(--vz-red-dark);--bs-btn-hover-border-color:var(--vz-red-dark);--bs-btn-color:#fff}
    .btn-outline-vz{--bs-btn-color:var(--vz-red);--bs-btn-border-color:var(--vz-red);--bs-btn-hover-bg:var(--vz-red);--bs-btn-hover-border-color:var(--vz-red);--bs-btn-hover-color:#fff}

    .hero{background:linear-gradient(180deg,#ffffff, var(--vz-cream));}
    .hero-badge{background:var(--vz-card); border:1px solid var(--vz-line);}
    .price-tag{font-size:3rem; font-weight:800; line-height:1}
    .check{color:var(--vz-green)}

    .section-title{font-family:Poppins,Inter,sans-serif; font-weight:700}
    .chip{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-radius:999px;background:var(--vz-card);border:1px solid var(--vz-line);font-size:.9rem}

    .offer-card{background:var(--vz-card);border:1px solid var(--vz-line);border-radius:1rem;padding:1rem;transition:transform .2s ease}
    .offer-card:hover{transform:translateY(-2px)}

    .plan-card{background:#fff;border:1px solid var(--vz-line);border-radius:1.25rem;box-shadow:0 8px 24px rgba(31,35,40,.04)}
    .plan-card .card-header{background:linear-gradient(180deg,var(--vz-ivory),#fff);border-bottom:1px solid var(--vz-line)}

    .why-card{border:1px solid var(--vz-line); border-radius:1rem; background:#fff}

    .stripe{background:var(--vz-cream);border-top:1px solid var(--vz-line);border-bottom:1px solid var(--vz-line)}

    .compare-table th{background:var(--vz-ivory);}
    .compare-table td,.compare-table th{vertical-align:middle}
    .compare-table .btn{white-space:nowrap}

    .pro-con .card{border:1px solid var(--vz-line)}

    .help-card{border:1px solid var(--vz-line); border-radius:1rem; background:#fff}

    .faq .accordion-button{font-weight:600}

    .footer{background:#111; color:#e9e9e9}
    .footer a{color:#fff}
    .disclaimer{font-size:.875rem; color:#cfcfcf}

    .sticky-cta{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--vz-line);z-index:1030}

    .badge-dot{display:inline-flex; align-items:center; gap:.5rem}
    .badge-dot i{color:var(--vz-red)}

    .map-placeholder{background:radial-gradient(circle at 30% 30%, #ffe9d1, #ffd9a6, #ffcc84); border:1px solid var(--vz-line)}

    .bi-check-circle-fill{color:var(--vz-green)}
    .bi-lightning-charge-fill{color:#ff7b00}
    .bi-shield-lock-fill{color:#3b82f6}

    .list-check li{padding-left:1.5rem; position:relative}
    .list-check li::before{content:"\f26e"; font-family:"bootstrap-icons"; position:absolute; left:0; color:var(--vz-green)}

    .shadow-soft{box-shadow:0 10px 30px rgba(0,0,0,.06)}
  
    /* CTA bands */
    .cta-band{background:var(--vz-cream);border-top:1px solid var(--vz-line);border-bottom:1px solid var(--vz-line)}
    .cta-strong{background:linear-gradient(180deg,var(--vz-red), var(--vz-red-dark)); color:#fff}
    .cta-strong h2,.cta-strong p,.cta-strong .section-title{color:#fff}

     .pay-topbar{background:#000;color:#fff}
    .pay-topbar a{color:#fff;text-decoration:none}
    .pay-modal .modal-content{border:none;border-radius:1.25rem;box-shadow:0 30px 60px rgba(3,48,145,.25)}
    .pay-modal .modal-body{padding:2rem 2rem 1rem}
    .pay-modal h4{font-weight:900;color:#0f172a}
    .chip{display:inline-flex;align-items:center;gap:.45rem;border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:.45rem .8rem;font-weight:600}
    .chip i{color:#033091}
    .avatar-circle{width: 150px;height: 150px;border-radius:50%;background:#fff;border:4px solid #eef2ff;display:flex;align-items:center;justify-content:center;margin:.5rem auto 0}
    .avatar-circle i{font-size:2rem;color:#033091}
    .pay-modal .btn-primary{border-radius:999px;font-weight:800}