:root{
  --navy:#031D38;--navy2:#092E52;--gold:#B79B63;--bg:#F3F5F7;--surface:#fff;
  --text:#17232D;--muted:#697783;--line:#DCE3E8;--shadow:0 18px 48px rgba(3,29,56,.10)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}
a{text-decoration:none;color:inherit}.page-shell{min-height:100vh}
.hero{background:linear-gradient(120deg,var(--navy),#0B355B 70%,#123F69);color:#fff;padding:58px max(5vw,28px) 66px;display:flex;justify-content:space-between;gap:25px;align-items:flex-start;border-bottom:4px solid rgba(183,155,99,.85)}
.hero-copy{max-width:760px}.eyebrow,.section-kicker,.system-label{font-size:12px;letter-spacing:.16em;font-weight:800}.eyebrow{opacity:.7}.hero h1{font-size:clamp(38px,6vw,66px);line-height:1;margin:13px 0 14px}.hero p{font-size:17px;line-height:1.6;max-width:700px;margin:0;opacity:.82}.hero-badge{border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:10px 14px;font-size:12px;background:rgba(255,255,255,.08);white-space:nowrap}
main{width:min(1180px,92vw);margin:-30px auto 0}.section{margin-bottom:30px}.systems-section{position:relative}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:17px}.section-head.compact{align-items:center}.section-head h2{margin:4px 0 0;color:var(--navy);font-size:27px}.section-head p{max-width:520px;color:var(--muted);margin:0;line-height:1.5;font-size:14px}.section-kicker{color:#8A7145}
.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.system-card{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:28px;min-height:300px;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:.2s}.system-card:hover{transform:translateY(-4px);box-shadow:0 22px 58px rgba(3,29,56,.16)}.system-card::after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-90px;top:-90px;background:rgba(3,29,56,.035)}.system-card.tools::after{background:rgba(183,155,99,.10)}.system-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:var(--navy);color:#fff;font-size:26px;margin-bottom:25px}.system-card.tools .system-icon{background:var(--gold)}.system-label{color:#8A7145}.system-copy h3{font-size:31px;margin:7px 0 10px;color:var(--navy)}.system-copy p{margin:0;color:var(--muted);line-height:1.55;max-width:480px}.system-action{margin-top:auto;border-top:1px solid var(--line);padding-top:19px;color:var(--navy);font-weight:800;display:flex;justify-content:space-between;align-items:center}.system-action b{font-size:20px}
.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tool-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;grid-template-columns:45px 1fr auto;gap:14px;align-items:center;transition:.18s}.tool-card:hover{border-color:#BAC5CE;transform:translateY(-2px);box-shadow:0 10px 26px rgba(3,29,56,.08)}.tool-icon{width:45px;height:45px;border-radius:12px;background:#EEF2F5;color:var(--navy);display:grid;place-items:center;font-weight:800}.tool-card h3{font-size:16px;margin:0 0 5px;color:var(--navy)}.tool-card p{font-size:13px;line-height:1.45;color:var(--muted);margin:0}.arrow{color:#8A96A0;font-size:18px}
.two-column{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel-block{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(3,29,56,.05)}.simple-list,.external-grid{display:grid;gap:9px}.simple-list a,.external-grid a{border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#FAFBFC;transition:.15s}.simple-list a:hover,.external-grid a:hover{background:#fff;border-color:#BEC8D0}.simple-list strong,.external-grid strong{display:block;color:var(--navy);font-size:14px}.simple-list span,.external-grid span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.external-grid a{display:grid;grid-template-columns:42px 1fr auto}.external-icon{width:42px;height:42px!important;border-radius:11px;background:var(--navy);color:#fff!important;margin:0!important;display:grid!important;place-items:center!important;font-weight:800;font-size:12px!important}
footer{width:min(1180px,92vw);margin:15px auto 0;border-top:1px solid var(--line);padding:24px 0 35px;display:flex;justify-content:space-between;gap:20px;color:#84909A;font-size:12px}
@media(max-width:850px){.hero{padding-top:40px;flex-direction:column}.hero-badge{display:none}main{margin-top:-22px}.system-grid,.two-column,.tool-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column;gap:8px}.system-card{min-height:265px}.system-copy h3{font-size:27px}}
@media(max-width:520px){main{width:min(94vw,1180px)}.hero{padding-left:5vw;padding-right:5vw}.system-card{padding:22px}.tool-card{grid-template-columns:40px 1fr auto}.tool-icon{width:40px;height:40px}.panel-block{padding:17px}footer{flex-direction:column}}


/* V1.1 — refinamento visual compacto */
:root{
  --ns-navy:#031D38;
  --ns-gold:#B79B63;
  --ns-bg:#F5F7F9;
  --ns-surface:#FFFFFF;
  --ns-line:#E2E7EB;
  --ns-muted:#73808B;
}

body{
  background:var(--ns-bg);
}

header,
.topbar{
  min-height:64px !important;
  padding-top:10px !important;
  padding-bottom:10px !important;
}

main,
.container,
.portal-container,
.content{
  max-width:1080px !important;
}

.hero,
.welcome,
.intro,
.header-hero{
  padding-top:24px !important;
  padding-bottom:24px !important;
  margin-bottom:20px !important;
}

.hero h1,
.welcome h1,
.intro h1,
.header-hero h1{
  font-size:clamp(26px,3vw,36px) !important;
  line-height:1.08 !important;
  margin-bottom:8px !important;
}

.hero p,
.welcome p,
.intro p,
.header-hero p{
  font-size:13px !important;
  line-height:1.5 !important;
}

.section,
section{
  margin-bottom:22px;
}

.section-title,
section h2{
  margin-bottom:10px !important;
}

.section-title h2,
section > h2{
  font-size:17px !important;
  line-height:1.2 !important;
}

/* cartões principais */
.main-grid,
.system-grid,
.cards-main{
  gap:12px !important;
}

.main-card,
.system-card,
.card-main{
  min-height:138px !important;
  padding:18px !important;
  border-radius:16px !important;
  box-shadow:0 5px 16px rgba(3,29,56,.055) !important;
}

.main-card:hover,
.system-card:hover,
.card-main:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 10px 24px rgba(3,29,56,.085) !important;
}

.main-card h2,
.main-card h3,
.system-card h2,
.system-card h3,
.card-main h2,
.card-main h3{
  font-size:18px !important;
  margin-top:6px !important;
  margin-bottom:6px !important;
}

.main-card p,
.system-card p,
.card-main p{
  font-size:11.5px !important;
  line-height:1.45 !important;
}

.main-icon,
.system-icon,
.card-icon{
  width:44px !important;
  height:44px !important;
  border-radius:12px !important;
  font-size:18px !important;
}

/* acessos/ferramentas */
.tools-grid,
.quick-grid,
.links-grid,
.utility-grid{
  gap:9px !important;
}

.tool-card,
.quick-card,
.link-card,
.utility-card{
  min-height:72px !important;
  padding:12px 13px !important;
  border-radius:13px !important;
  box-shadow:0 3px 10px rgba(3,29,56,.035) !important;
}

.tool-card:hover,
.quick-card:hover,
.link-card:hover,
.utility-card:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 7px 17px rgba(3,29,56,.07) !important;
}

.tool-icon,
.quick-icon,
.link-icon,
.utility-icon{
  width:38px !important;
  height:38px !important;
  border-radius:10px !important;
  font-size:16px !important;
}

.tool-card strong,
.quick-card strong,
.link-card strong,
.utility-card strong{
  font-size:12px !important;
}

.tool-card span,
.quick-card span,
.link-card span,
.utility-card span{
  font-size:10px;
}

.script-card,
.script-link,
.pill,
.chip{
  padding:7px 10px !important;
  font-size:10.5px !important;
}

/* menos espaços vazios */
.grid{
  gap:10px;
}

footer{
  margin-top:22px !important;
  padding-top:16px !important;
  padding-bottom:22px !important;
  font-size:10px !important;
}

@media (max-width:768px){
  .main-card,
  .system-card,
  .card-main{
    min-height:auto !important;
    padding:16px !important;
  }

  .tool-card,
  .quick-card,
  .link-card,
  .utility-card{
    min-height:66px !important;
  }
}