.vz-public { font-family: Inter, system-ui, sans-serif; }
.vz-public-nav { background: #063A5D; color: #fff; }
.vz-public-nav a { color: rgba(255,255,255,.9); text-decoration: none; }
.vz-public-hero { background: #063A5D; color: #fff; padding: 4rem 1.5rem; }
.vz-public-hero h1 { font-size: clamp(2rem,4vw,3rem); font-weight: 800; line-height: 1.1; }
.vz-btn { display: inline-flex; padding: .75rem 1.25rem; border-radius: .65rem; font-weight: 700; text-decoration: none; }
.vz-btn--primary { background: #00B050; color: #fff; }
.vz-btn--outline { border: 1px solid rgba(255,255,255,.35); color: #fff; }
.vz-section { padding: 3rem 1.5rem; max-width: 72rem; margin: 0 auto; }
.vz-section--muted { background: #f8fafc; }
.vz-grid { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); }
.vz-card { background: #fff; border: 1px solid #e2e8f0; border-radius: .85rem; padding: 1.25rem; }
.vz-preview-card { background: linear-gradient(145deg,#0f2744,#063A5D); border-radius: 1rem; padding: 1.25rem; }
.vz-metric { background: rgba(255,255,255,.08); border-radius: .5rem; padding: .75rem; font-size: .75rem; }
.vz-metric strong { display: block; font-size: 1.1rem; margin-top: .25rem; }
.vz-footer { background: #041f33; color: rgba(255,255,255,.75); }
.vz-public input,.vz-public textarea,.vz-public select { width: 100%; border: 1px solid #e2e8f0; border-radius: .5rem; padding: .6rem .75rem; }