@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Source+Serif+4:wght@600;700&display=swap");

:root,
[data-theme="dark"],
[data-theme="light"]{
  --ink:#132033 !important;
  --muted:#5c6878 !important;
  --quiet:#eef2f6 !important;
  --paper:#ffffff !important;
  --panel:#f7f9fb !important;
  --navy:#08172b !important;
  --line:#d9e0ea !important;
  --gold:#b9872c !important;
  --gold-soft:#f5ead6 !important;
  --green:#1f7a5c !important;
  --blue:#225b8f !important;
  --red:#a33d3d !important;
  --shadow:0 22px 60px rgba(8,23,43,.12) !important;
  --bg:#ffffff !important;
  --bg2:#f7f9fb !important;
  --surface:#ffffff !important;
  --s2:#f7f9fb !important;
  --s3:#eef2f6 !important;
  --border:#d9e0ea !important;
  --b2:#c0cad8 !important;
  --txt:#132033 !important;
  --txt2:#5c6878 !important;
  --txt3:#667386 !important;
  --gold2:#9a6d1d !important;
  --gold3:#f5ead6 !important;
  --accent:#b9872c !important;
  --accent2:#f5ead6 !important;
  --accent3:#e4d0aa !important;
  --nav-bg:rgba(255,255,255,.94) !important;
}

html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--paper) !important;
  color:var(--ink) !important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  line-height:1.6;
}
body::before,
body::after{display:none !important}
a{color:inherit}

body > nav,
body > header,
.site-header{
  position:sticky !important;
  top:0 !important;
  z-index:50 !important;
  width:100% !important;
  height:auto !important;
  background:rgba(255,255,255,.94) !important;
  border-bottom:1px solid rgba(217,224,234,.8) !important;
  box-shadow:none !important;
  backdrop-filter:blur(14px) !important;
}

body > nav,
body > header > nav,
.site-header .nav,
header .nav{
  max-width:1180px !important;
  margin:0 auto !important;
  padding:18px 24px !important;
  display:flex !important;
  align-items:center !important;
  gap:28px !important;
}

.nav-inner{
  max-width:1180px !important;
  margin:0 auto !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:28px !important;
  width:100% !important;
}

.brand,
.logo,
.nav-logo{
  display:inline-flex !important;
  align-items:center !important;
  flex-direction:row !important;
  gap:0 !important;
  color:var(--navy) !important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size:23px !important;
  font-weight:900 !important;
  line-height:1.1 !important;
  letter-spacing:-.03em !important;
  text-decoration:none !important;
  text-transform:none !important;
  white-space:nowrap !important;
}
.brand span,
.logo span,
.nav-logo span{display:inline !important}
.brand span,
.logo span,
.nav-logo span,
.footer-logo span,
.footer-brand span{color:var(--gold) !important}
.nav-logo small{display:none !important}
.nav-spacer{flex:1 1 auto !important}

.nav-links,
.links,
body > nav:not(.nav) > a.logo ~ a,
body > nav:not(.nav) > a.nav-logo ~ a{
  align-items:center !important;
}
.nav-links,
.links{
  margin-left:auto !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:26px !important;
}
body > nav > a:not(.brand):not(.logo):not(.nav-logo),
body > header nav > a:not(.brand):not(.logo):not(.nav-logo),
.nav-links a,
.links a,
.nav-link{
  color:#334155 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size:14px !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  line-height:1.2 !important;
  text-decoration:none !important;
  text-transform:capitalize !important;
}
body > nav > a:not(.brand):not(.logo):not(.nav-logo):hover,
body > header nav > a:not(.brand):not(.logo):not(.nav-logo):hover,
.nav-links a:hover,
.links a:hover,
.nav-link:hover{color:var(--navy) !important}

body > nav > a[href$="/app"],
body > nav > a[href="/app"],
body > header nav a[href$="/app"],
body > header nav a[href="/app"],
.nav-links a[href$="/app"],
.links a[href$="/app"],
.nav-launch,
.nav-cta{
  background:var(--navy) !important;
  color:#fff !important;
  border:1px solid var(--navy) !important;
  border-radius:6px !important;
  padding:10px 16px !important;
  font-weight:800 !important;
  box-shadow:none !important;
}

.theme-toggle,
#themeBtn,
.gs-lang-toggle{display:none !important}

main,
.wrap,
.container,
.content,
.article,
.post,
.page,
.library,
.hero-content,
.submit-box{
  color:var(--ink);
}

main,
.hero,
.page-hero,
.content,
.article,
.post,
.library,
section{
  background-color:transparent;
}

h1{
  color:var(--navy) !important;
  font-family:"Source Serif 4",Georgia,serif !important;
  letter-spacing:-.035em;
}
h2,
.section-head h2,
.section-title h2,
.article h1,
.post h1{
  color:var(--navy) !important;
  font-family:"Source Serif 4",Georgia,serif !important;
}
h3,
h4{color:var(--navy)}
p,
li,
.lead,
.hero-sub,
.hero-copy,
.ebook-desc,
.card p,
.post p,
.article p{color:var(--muted)}

.eyebrow,
.hero-pill,
.blog-eyebrow,
.page-eyebrow,
.section-eyebrow,
.a-eyebrow{
  color:var(--gold) !important;
  background:transparent !important;
  border-color:var(--gold-soft) !important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
}

.card,
.tool-card,
.resource-card,
.ebook-card,
.service-card,
.post-card,
.type-card,
.faq-item,
.proof-list,
.note-panel,
.submit-inner,
.band,
.cta-strip,
.visual-panel,
.resource-panel,
.tool-panel,
.stat,
.step{
  background:#fff !important;
  border:1px solid var(--line) !important;
  box-shadow:0 16px 45px rgba(8,23,43,.08) !important;
  color:var(--ink) !important;
}

.btn,
.btn-primary,
.btn-download,
.btn-cta,
.cta,
button[type="submit"]{
  background:var(--navy) !important;
  color:#fff !important;
  border:1px solid var(--navy) !important;
  border-radius:6px !important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-weight:800 !important;
  text-decoration:none !important;
}
.btn.secondary,
.btn-secondary,
.secondary,
.btn-preview{
  background:#fff !important;
  color:var(--navy) !important;
  border:1px solid #b9c4d2 !important;
}

input,
select,
textarea{
  background:#fff !important;
  color:var(--ink) !important;
  border:1px solid var(--line) !important;
  border-radius:6px !important;
}

footer{
  background:#07111f !important;
  color:#d8e1ee !important;
  border-top:0 !important;
}
footer a{color:#d8e1ee !important}
footer p,
footer li{color:#9fb0c4 !important}

@media(max-width:920px){
  body > nav,
  body > header > nav,
  .site-header .nav,
  header .nav{padding:16px 18px !important;gap:14px !important}
  .nav-links a:not([href$="/app"]),
  .links a:not([href$="/app"]),
  body > nav > a:not(.brand):not(.logo):not(.nav-logo):not([href$="/app"]),
  body > header nav > a:not(.brand):not(.logo):not(.nav-logo):not([href$="/app"]){
    display:none !important;
  }
  .brand,
  .logo,
  .nav-logo{font-size:20px !important}
}

@media(max-width:480px){
  .brand,
  .logo,
  .nav-logo{font-size:20px !important}
  .nav-links,
  .links{gap:12px !important}
  body > nav > a[href$="/app"],
  body > header nav a[href$="/app"],
  .nav-links a[href$="/app"],
  .links a[href$="/app"],
  .nav-launch,
  .nav-cta{padding:10px 14px !important}
  #govscout-lang-switcher{margin-right:0 !important}
}