
:root { color-scheme:light; font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
body { position:relative; isolation:isolate; margin:0; color:#071b43; background:#ffffff !important; line-height:1.6; }
a { color:inherit; text-decoration:none; }
a:focus-visible { outline:3px solid var(--azera-accent); outline-offset:5px; }
.vh-bg-video { display:none; }
.azera-silk { display:none !important; position:fixed; inset:0; z-index:0; width:100%; height:100%; pointer-events:none; }
body::before { display:none !important; content:""; }
.vh-shell { position:relative; z-index:1; width:min(1100px,calc(100% - 40px)); margin:auto; }
.vh-skip { position:relative; z-index:1; position:absolute; left:-9999px; }
.vh-skip:focus { left:20px; top:12px; padding:10px; background:#fff; }
.vh-header { display:flex; justify-content:center; align-items:center; padding:28px 0; border-bottom:1px solid #dce8f6; }
.vh-brand { display:block; background:transparent; }
.vh-brand-logo { display:block; width:min(380px,78vw); height:auto; max-height:82px; object-fit:contain; object-position:center; margin:0 auto; filter:none; }
.vh-main { padding:48px 0 20px; }
.vh-intro { text-align:center; margin-bottom:34px; }
.vh-eyebrow { color:#087ee7; font-size:12px; letter-spacing:2px; text-transform:uppercase; font-weight:700; }
h1 { font-size:clamp(32px,5vw,52px); line-height:1.15; margin:12px 0 16px; letter-spacing:-1.5px; }
.vh-intro p { margin:0; color:#506687; font-size:17px; }
.vh-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.vh-card { background:rgba(255,255,255,.92); border:1px solid #dbe8f7; border-radius:18px; box-shadow:0 10px 30px rgba(11,67,137,.06); }
.vh-card-primary { border-color:#0b9cf1; }
.vh-card-inner { padding:28px; height:100%; display:flex; flex-direction:column; align-items:flex-start; }
.vh-icon { width:44px; height:44px; display:grid; place-items:center; color:#078de8; }
.vh-icon svg,.vh-safety svg { width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.6; }
h2 { margin:14px 0 8px; font-size:24px; line-height:1.3; }
.vh-card p { margin:0 0 24px; color:#506687; font-size:15px; }
.vh-cta { display:flex; align-items:center; justify-content:space-between; gap:20px; width:100%; margin-top:auto; padding:13px 17px; border:1px solid #dbe8f7; border-radius:10px; font-weight:700; }
.vh-cta-primary { background:#078de8; color:#fff; }
.vh-cta:hover { border-color:#078de8; }
.vh-card-soon { position:relative; overflow:hidden; }
.vh-card-soon .vh-card-inner { filter:blur(4px); pointer-events:none; user-select:none; opacity:.58; }
.vh-card-soon .vh-cta { font:inherit; font-weight:700; color:#506687; background:transparent; text-align:left; }
.vh-soon-overlay { position:absolute; inset:0; display:flex; flex-direction:column; gap:10px; align-items:center; justify-content:center; background:rgba(245,250,255,.24); }
.vh-soon-overlay svg { width:28px; height:28px; fill:none; stroke:#087ee7; stroke-width:1.7; }
.vh-soon-overlay strong { color:#071b43; font-size:20px; }
.vh-soon-label { padding:7px 14px; border:1px solid #d1e4fb; border-radius:99px; background:#fff; color:#087ee7; font-size:13px; font-weight:700; }
.vh-safety { display:flex; gap:16px; padding:22px; margin:22px 0; border:1px solid #dbe8f7; background:#fff; border-radius:14px; }
.vh-safety svg { flex-shrink:0; color:#078de8; }
.vh-safety p { margin:4px 0 0; color:#506687; font-size:13px; }
.vh-utility { display:flex; flex-wrap:wrap; justify-content:center; gap:24px; font-size:14px; }
.vh-utility a:hover { color:var(--azera-accent); }
.vh-footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; padding:24px 0; margin-top:20px; border-top:1px solid #dce8f6; font-size:12px; color:#506687; }
@media(max-width:640px) { .vh-shell { width:calc(100% - 28px); } .vh-grid { grid-template-columns:1fr; } .vh-main { padding-top:30px; } .vh-card-inner { padding:23px; } .vh-brand-logo { width:290px; max-width:84vw; height:64px; } .vh-footer { justify-content:center; text-align:center; } }
