/* J&N Governance: Ledger White #F6F3EC · Federal Navy #14213D · Brass #8B6F47
   Slate Ink #3A4458 (body) · Rule #D9D2C3. Plex Serif headlines, Plex Sans body. */
:root{--ledger:#F6F3EC;--navy:#14213D;--brass:#8B6F47;--slate:#3A4458;--rule:#D9D2C3;--muted:#5A6275}
*{box-sizing:border-box;margin:0;padding:0}
html,body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{min-height:100vh;display:flex;flex-direction:column;background:var(--ledger);color:var(--navy);font-family:'IBM Plex Sans',system-ui,sans-serif}
a{color:inherit;text-decoration:none}
.serif,h1,.name,.num,.t{font-family:'IBM Plex Serif',Georgia,serif}
.nav,.hero,.foot{width:100%;max-width:1360px;margin:0 auto;padding-left:80px;padding-right:80px}
.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative}
.nav::after,.foot::before{content:"";position:absolute;left:80px;right:80px;height:1px;background:var(--rule)}
.nav::after{bottom:0}
.brand{display:flex;align-items:center;gap:12.6px}
.lockup{display:flex;flex-direction:column;line-height:1.1}
.name{font-weight:500;font-size:19px;letter-spacing:.005em;white-space:nowrap}
.lockup .sub{font-weight:500;font-size:8.6px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:4.5px;white-space:nowrap}
.links{display:flex;gap:34px;font-size:14px;color:var(--slate)}
.links a:hover{color:var(--navy);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--brass)}
.hero{flex:1;display:grid;align-content:start;grid-template-columns:minmax(0,600px) minmax(0,1fr);gap:96px;padding-top:80px;padding-bottom:80px;align-items:start}
.eyebrow{font-size:11.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--brass)}
h1{font-weight:400;font-size:46px;line-height:1.16;letter-spacing:-.01em;margin-top:22px;text-wrap:balance}
.body{font-size:17px;line-height:1.65;color:var(--slate);margin-top:22px;max-width:520px}
.btn{display:inline-flex;align-items:center;min-height:52px;padding:0 26px;background:var(--navy);color:var(--ledger);font-size:15.5px;font-weight:500;border-radius:2px;margin-top:36px;letter-spacing:.01em;transition:background .15s}
.btn:hover,.btn:focus-visible{background:#1F3058}
.list{list-style:none;border-top:1px solid var(--navy);margin-top:6px}
.item{padding:22px 0 24px;border-bottom:1px solid var(--rule);display:grid;grid-template-columns:44px 1fr;scroll-margin-top:24px}
.num{font-size:15px;color:var(--brass);padding-top:2px}
.t{font-weight:500;font-size:19px}
.d{font-size:14.5px;line-height:1.55;color:var(--muted);margin-top:6px}
.foot{height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12.5px;color:var(--muted);letter-spacing:.01em;position:relative}
.foot::before{top:0}
@media (max-width:960px){
  .nav,.hero,.foot{padding-left:24px;padding-right:24px}
  .nav::after,.foot::before{left:24px;right:24px}
  .links{display:none}
  .hero{grid-template-columns:1fr;gap:48px;padding-top:44px;padding-bottom:56px}
  h1{font-size:clamp(32px,8.5vw,46px)}
  .foot{flex-direction:column;align-items:flex-start;justify-content:center;height:auto;padding-top:16px;padding-bottom:16px;gap:4px}
}