
/* VASUKI FINAL SEO + MOBILE ACCESSIBILITY v22 — 2026-08-12 */
:root{--vsk22-bg:#08090d;--vsk22-panel:#12151b;--vsk22-ink:#17191f;--vsk22-muted:#59616e;--vsk22-paper:#f8f5ee;--vsk22-gold:#d8ad55;--vsk22-gold2:#f0d58f;--vsk22-line:rgba(216,173,85,.22)}
/* Keep the mobile menu trigger reachable while scrolling. */
@media(max-width:1180px){
  html body .hamburger{position:fixed!important;top:max(10px,env(safe-area-inset-top))!important;right:14px!important;width:48px!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:4005!important;border-radius:15px!important;background:rgba(22,23,27,.94)!important;border:1px solid rgba(216,173,85,.35)!important;color:#d8ad55!important;box-shadow:0 8px 28px rgba(0,0,0,.28)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
  html body:not(.dark-mode) .hamburger{background:rgba(248,245,238,.96)!important;color:#9b7123!important;border-color:rgba(155,113,35,.28)!important}
  html body .mobile-menu{z-index:4010!important}
  html body .mobile-overlay{z-index:4008!important}
}
/* Hero contrast: this section is always dark regardless of theme. */
html body .vsk-premium-hero .vsk-hero-copy h1,html body .vsk-premium-hero .vsk-hero-copy h2{color:#fbf7ee!important}
html body .vsk-premium-hero .vsk-hero-copy h1 span,html body .vsk-premium-hero .vsk-hero-copy h2 span{color:#f0d58f!important}
html body .vsk-premium-hero .vsk-hero-copy>p{color:#c9cdd6!important}
html body .vsk-premium-hero .vsk-trust-row span{color:#e9e2d3!important}
html body .vsk-premium-hero .vsk-eyebrow{color:#f0d58f!important}
/* Shared SEO pages have deterministic contrast in both themes. */
body.vsk-seo-page{margin:0;font-family:Poppins,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--vsk22-paper);color:var(--vsk22-ink);line-height:1.65}
body.vsk-seo-page *{box-sizing:border-box}
body.vsk-seo-page a{color:inherit}
.vsk22-nav{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(16px,5vw,72px);background:rgba(248,245,238,.97);border-bottom:1px solid #e4ddcf;backdrop-filter:blur(12px)}
.vsk22-brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-weight:900;letter-spacing:.08em}.vsk22-brand img{width:38px;height:38px;border-radius:11px}.vsk22-navlinks{display:flex;gap:18px;font-size:13px;font-weight:700}.vsk22-navlinks a{text-decoration:none}
.vsk22-hero{background:radial-gradient(circle at 85% 15%,rgba(216,173,85,.16),transparent 33%),linear-gradient(135deg,#06070a,#10141b);color:#fbf7ee;padding:clamp(64px,9vw,118px) clamp(18px,7vw,108px)}
.vsk22-hero .eyebrow{display:inline-flex;padding:7px 12px;border:1px solid rgba(240,213,143,.28);border-radius:999px;color:#f0d58f;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.vsk22-hero h1{max-width:980px;font-size:clamp(38px,6vw,78px);line-height:1.02;margin:20px 0;color:#fbf7ee}.vsk22-hero p{max-width:800px;font-size:clamp(16px,2vw,20px);color:#cbd0d9;margin:0}.vsk22-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.vsk22-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:14px;padding:13px 20px;font-weight:800;background:linear-gradient(135deg,#f0d58f,#d8ad55);color:#141414}.vsk22-btn.secondary{background:transparent;color:#f5ead1;border:1px solid rgba(240,213,143,.35)}
.vsk22-wrap{width:min(1120px,calc(100% - 32px));margin:auto;padding:56px 0}.vsk22-wrap h2{font-size:clamp(27px,4vw,44px);line-height:1.15;margin:0 0 14px;color:#17191f}.vsk22-wrap>p,.vsk22-muted{color:#59616e}.vsk22-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}.vsk22-card{display:block;text-decoration:none;background:#fff;border:1px solid #e4ddcf;border-radius:20px;padding:24px;color:#17191f;box-shadow:0 10px 34px rgba(23,25,31,.06)}.vsk22-card h3{margin:0 0 8px;font-size:19px;color:#17191f}.vsk22-card p{margin:0;color:#606875;font-size:14px}.vsk22-card strong{color:#9a7021}.vsk22-dark{background:#0b0e13;color:#f8f3e8}.vsk22-dark .vsk22-wrap h2,.vsk22-dark .vsk22-card h3{color:#fbf7ee}.vsk22-dark .vsk22-wrap>p,.vsk22-dark .vsk22-card p{color:#c3c9d3}.vsk22-dark .vsk22-card{background:#13171e;border-color:rgba(216,173,85,.2);color:#f8f3e8}.vsk22-faq details{background:#fff;border:1px solid #e3dccf;border-radius:14px;padding:16px 18px;margin:10px 0}.vsk22-faq summary{cursor:pointer;font-weight:800;color:#17191f}.vsk22-faq p{color:#59616e}.vsk22-footer{padding:28px 20px;text-align:center;background:#08090d;color:#bfc5ce;font-size:13px}.vsk22-footer a{color:#efd38a}.vsk22-table{overflow:auto;background:white;border:1px solid #e3dccf;border-radius:18px}.vsk22-table table{width:100%;border-collapse:collapse;min-width:700px}.vsk22-table th,.vsk22-table td{text-align:left;padding:14px 16px;border-bottom:1px solid #eee7db;color:#424955}.vsk22-table th{color:#17191f;background:#fbf8f1}.vsk22-note{border-left:4px solid #d8ad55;background:#fff8e8;padding:16px 18px;border-radius:0 14px 14px 0;color:#555d68}
@media(max-width:800px){.vsk22-navlinks{display:none}.vsk22-grid{grid-template-columns:1fr}.vsk22-hero{padding-top:72px}.vsk22-wrap{padding:42px 0}.vsk22-hero h1{font-size:42px}.vsk22-actions .vsk22-btn{width:100%}}
