/* Padrão visual Vetra (o mesmo de edit.vetraonevision.com): preto puro, coral #FF4433, Geist, barra de vidro, títulos finos com degradê */
:root { --accent: #ff4433; --accent-hover: #e43a29; --grad-end: #ff8a5c; }
body, .mono, button, input, textarea, select { font-family: 'Geist', system-ui, -apple-system, sans-serif !important; }
.mono { font-family: 'Geist Mono', ui-monospace, monospace !important; }
.vetra-logo { display: inline-flex !important; align-items: center; gap: 8px; font-weight: 600 !important; font-size: 18px !important; letter-spacing: -.02em; color: #fff; }
.vetra-logo i { width: 6px; height: 6px; border-radius: 9px; background: #ff4433; box-shadow: 0 0 12px #ff4433; }
.vetra-logo span { font-family: 'Geist Mono', monospace; font-size: 11px; font-weight: 400; letter-spacing: .3em; color: rgba(255,255,255,.38); }
.nav { border: 1px solid rgba(255,255,255,.08) !important; border-radius: 16px !important; background: rgba(10,10,10,.55) !important;
  backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; }
.headline .grad, .sec-title .grad, .grad { background: linear-gradient(92deg, #fff 0%, #ff8a5c 55%, #ff4433 85%) !important;
  -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; }
.headline .grad { font-weight: 500 !important; }
.headline-sub, .sec-title { font-weight: 500 !important; letter-spacing: -.03em; }
.btn-pill-sm { background: #ff4433 !important; color: #fff !important; font-weight: 500 !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.12) inset, 0 10px 40px rgba(255,68,51,.35) !important; }
.btn-pill-sm:hover { box-shadow: 0 0 0 1px rgba(255,255,255,.2) inset, 0 14px 50px rgba(255,68,51,.5) !important; }
.blob-a { background: rgba(255,68,51,.28) !important; } .blob-b { background: rgba(255,138,92,.14) !important; }
.nav { top: 14px !important; left: 50% !important; transform: translateX(-50%); width: calc(100% - 48px) !important; max-width: 1180px; padding: 10px 12px 10px 18px !important; }
@media (max-width: 600px) { .nav { width: calc(100% - 32px) !important; } }