/* Nexus Setor Seguro - camada visual premium do portal operacional */
:root{
  --nexus-obsidian:#020617;
  --nexus-panel:rgba(15,23,42,.76);
  --nexus-panel-strong:rgba(8,13,27,.92);
  --nexus-line:rgba(148,163,184,.24);
  --nexus-gold:#ffd002;
  --nexus-cyan:#38bdf8;
  --nexus-green:#22c55e;
}
body{
  background:
    radial-gradient(900px 520px at 8% -12%,rgba(56,189,248,.16),transparent 58%),
    radial-gradient(760px 460px at 92% 4%,rgba(255,208,2,.12),transparent 54%),
    linear-gradient(135deg,#020617 0%,#050b19 44%,#08111f 100%) !important;
}
.top{
  background:linear-gradient(135deg,rgba(2,6,23,.86),rgba(8,13,27,.74)) !important;
  border-bottom:1px solid rgba(255,208,2,.24) !important;
  color:#f8fafc;
}
.brand,.brand-txt{color:#f8fafc !important}.brand-txt span{color:var(--nexus-gold) !important}
.nexus-env-pill{
  display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;
  color:#f8fafc;background:rgba(56,189,248,.11);border:1px solid rgba(56,189,248,.28);
  font-size:.76rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;
}
.shell{max-width:1240px !important;width:min(100% - 32px,1240px) !important;padding-top:28px !important}
.ss-hero{
  min-height:220px;
  display:grid;
  align-content:end;
  border-radius:30px !important;
  padding:34px !important;
  background:
    linear-gradient(100deg,rgba(2,6,23,.94) 0%,rgba(2,6,23,.78) 52%,rgba(2,6,23,.38) 100%),
    radial-gradient(520px 280px at 82% 20%,rgba(255,208,2,.20),transparent 62%),
    linear-gradient(135deg,#111827,#020617) !important;
  border:1px solid rgba(255,208,2,.22) !important;
  box-shadow:0 34px 90px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.ss-hero:before{
  content:"";position:absolute;inset:auto 24px 24px auto;width:180px;height:180px;border-radius:50%;
  background:radial-gradient(circle,rgba(56,189,248,.24),transparent 68%);filter:blur(2px);pointer-events:none;
}
.ss-hero h1{font-size:clamp(2rem,5vw,4.4rem) !important;line-height:.95 !important;max-width:760px;color:#fff !important;text-shadow:0 12px 36px rgba(0,0,0,.65)}
.ss-hero .sub{max-width:860px !important;color:rgba(226,232,240,.92) !important;font-size:1rem !important}
.card,.ss-policy,.ss-kpi article{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035)) !important;
  border-color:var(--nexus-line) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.22) !important;
}
.card{border-radius:24px !important}.card h2{color:#f8fafc !important;font-size:1.12rem !important;letter-spacing:-.02em}
.btn{background:linear-gradient(135deg,#fff7bd,#ffd002,#ff9f0a) !important;color:#111827 !important}
.btn-ghost{background:rgba(15,23,42,.62) !important;color:#e2e8f0 !important;border:1px solid rgba(148,163,184,.24) !important;text-decoration:none !important}
.btn-ghost:hover{border-color:rgba(255,208,2,.46) !important;color:#fff !important;text-decoration:none !important}
input,textarea,select{background:rgba(2,6,23,.62) !important;color:#f8fafc !important;border-color:rgba(148,163,184,.25) !important}
.pill{background:rgba(255,208,2,.14) !important;color:#fff7bd !important;border:1px solid rgba(255,208,2,.24)}
.nexus-command-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:14px 0 0}
.nexus-command-strip article{padding:14px;border-radius:18px;background:rgba(2,6,23,.42);border:1px solid rgba(148,163,184,.18)}
.nexus-command-strip span{display:block;color:#94a3b8;text-transform:uppercase;font-size:.7rem;font-weight:900;letter-spacing:.08em}.nexus-command-strip strong{display:block;color:#fff;font-size:1rem;margin-top:6px}
@media(max-width:720px){.top{position:relative}.shell{width:min(100% - 22px,1240px) !important}.ss-hero{padding:24px !important;border-radius:24px !important}.ss-hero h1{font-size:2.35rem !important}}
