/* Virtual Auditor — deep-content page UI (matched to React app) */
:root{--va-blue:#155dfc;--va-blue-dark:#1e40af;--va-green:#25d366;--va-green-dark:#1ea352;--va-ink:#0f172a;--va-text:#334155;--va-line:#e5e7eb;--va-bg:#f8fafc;--va-utility:#202124}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--va-text);background:#fff}
img{max-width:100%;height:auto;display:block}

/* UTILITY TOP BAR (black) */
.vap-utility-bar{background:var(--va-utility);color:#cbd5e1;font-size:.78rem;padding:6px 0;border-bottom:1px solid #000}
.vap-utility-inner{max-width:1280px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.vap-utility-creds{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.vap-utility-creds span{display:inline-flex;align-items:center}
.vap-utility-creds span+span{padding-left:14px;border-left:1px solid #3f4144}
.vap-utility-creds .ibbi{color:#fac800;font-weight:600}
.vap-utility-contact{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.vap-utility-contact a{color:#cbd5e1;text-decoration:none;display:inline-flex;align-items:center;gap:5px}
.vap-utility-contact a:hover{color:#fff}
@media(max-width:680px){.vap-utility-creds span:nth-child(n+4){display:none}.vap-utility-contact a span.lbl{display:none}}

/* HEADER */
.vap-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--va-line);box-shadow:0 1px 2px rgba(15,23,42,.04)}
.vap-header-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px}
.vap-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--va-ink);flex-shrink:0}
.vap-logo-mark{width:42px;height:42px;border-radius:8px;background:var(--va-blue);color:#fff;display:grid;place-items:center;font-weight:800;font-size:15px;letter-spacing:.5px}
.vap-logo-text{display:flex;flex-direction:column;line-height:1.15}
.vap-logo-name{font-weight:800;font-size:1.05rem;color:var(--va-ink)}
.vap-logo-tag{font-size:.68rem;color:#64748b;letter-spacing:.6px;text-transform:uppercase;font-weight:500}
.vap-nav{display:flex;gap:22px;align-items:center;flex:1;justify-content:center}
.vap-nav a{color:var(--va-ink);text-decoration:none;font-size:.92rem;font-weight:500;display:inline-flex;align-items:center;gap:3px}
.vap-nav a:hover{color:var(--va-blue)}
.vap-nav .chev{font-size:.65rem;opacity:.7}
.vap-header-cta{display:flex;align-items:center}
.vap-btn-consult{background:var(--va-blue);color:#fff;padding:10px 20px;border-radius:8px;font-weight:600;font-size:.9rem;text-decoration:none;white-space:nowrap;transition:background .15s}
.vap-btn-consult:hover{background:var(--va-blue-dark)}
@media(max-width:980px){.vap-nav{display:none}}
@media(max-width:480px){.vap-logo-tag{display:none}.vap-btn-consult{padding:9px 14px;font-size:.85rem}}

/* HERO */
.vap-hero{background:linear-gradient(135deg,#eff6ff 0%,#f8fafc 60%,#fff 100%);padding:48px 20px 56px}
.vap-hero-inner{max-width:1280px;margin:0 auto}
.vap-breadcrumb{font-size:.85rem;color:#64748b;margin-bottom:20px;display:flex;align-items:center;gap:8px}
.vap-breadcrumb a{color:#64748b;text-decoration:none;display:inline-flex;align-items:center;gap:5px}
.vap-breadcrumb a:hover{color:var(--va-blue)}
.vap-breadcrumb .sep{color:#cbd5e1}
.vap-hero-pill{display:inline-block;background:#dbeafe;color:var(--va-blue);font-size:.82rem;font-weight:600;padding:5px 14px;border-radius:999px;margin-bottom:18px}
.vap-hero h1{font-size:clamp(2rem,4.5vw,3.25rem);font-weight:800;color:var(--va-ink);line-height:1.15;margin:0 0 18px;max-width:780px;letter-spacing:-.02em}
.vap-hero-lead{font-size:1.05rem;color:#475569;line-height:1.65;max-width:680px;margin:0 0 28px}
.vap-hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.vap-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:8px;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .15s;border:none;white-space:nowrap}
.vap-btn-call{background:var(--va-blue);color:#fff}
.vap-btn-call:hover{background:var(--va-blue-dark)}
.vap-btn-wa{background:var(--va-green);color:#fff}
.vap-btn-wa:hover{background:var(--va-green-dark)}

/* DEEP CONTENT typography (existing va-deep-content already styled inline) */
.vap-deep-content{max-width:1100px;margin:0 auto;padding:36px 20px}

/* INLINE CTA BANNER */
.vap-cta-banner{background:linear-gradient(135deg,var(--va-blue) 0%,var(--va-blue-dark) 100%);color:#fff;border-radius:14px;padding:30px 28px;margin:40px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.vap-cta-banner-text h3{margin:0 0 6px;color:#fff;font-size:1.25rem;font-weight:700}
.vap-cta-banner-text p{margin:0;color:#dbeafe;font-size:.95rem}
.vap-cta-banner-actions{display:flex;flex-wrap:wrap;gap:10px}
.vap-cta-banner .vap-btn-call{background:#fff;color:var(--va-blue)}
.vap-cta-banner .vap-btn-call:hover{background:#f1f5f9}

/* FOOTER */
.vap-footer{background:#0f172a;color:#cbd5e1;padding:48px 20px 32px;font-size:.92rem;line-height:1.65;margin-top:56px}
.vap-footer-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:36px}
.vap-footer h4{color:#fff;font-size:.92rem;font-weight:700;margin:0 0 14px;text-transform:uppercase;letter-spacing:.6px}
.vap-footer a{color:#cbd5e1;text-decoration:none}
.vap-footer a:hover{color:#fff}
.vap-footer ul{list-style:none;padding:0;margin:0}
.vap-footer li{margin-bottom:8px}
.vap-foot-cred{color:#94a3b8;font-size:.82rem;margin-top:18px}
.vap-footer-bar{max-width:1280px;margin:32px auto 0;padding-top:20px;border-top:1px solid #1e293b;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:.82rem;color:#94a3b8}
.vap-social{display:flex;gap:10px;margin-top:12px}
.vap-social a{width:36px;height:36px;border-radius:50%;background:#1e293b;display:grid;place-items:center;font-size:.85rem;color:#cbd5e1;font-weight:600}
.vap-social a:hover{background:var(--va-blue);color:#fff}

/* FLOATING RIGHT-SIDE CIRCULAR CTAs (matches React app) */
.vap-floating-cta{position:fixed;right:18px;bottom:24px;display:flex;flex-direction:column;gap:12px;z-index:60}
.vap-floating-cta a{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;text-decoration:none;box-shadow:0 6px 16px rgba(15,23,42,.18);transition:transform .15s,box-shadow .15s;color:#fff;font-size:1.4rem}
.vap-floating-cta a:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(15,23,42,.25)}
.vap-floating-cta .call{background:var(--va-blue)}
.vap-floating-cta .wa{background:var(--va-green)}
@media(max-width:480px){.vap-floating-cta{right:12px;bottom:16px}.vap-floating-cta a{width:48px;height:48px;font-size:1.25rem}}