:root { --navy:#102a43; --graphite:#364152; --amber:#b87912; --amber-light:#d89a2b; --warm-white:#f7f8fa; --mist:#e8edf1; --white:#fff; --rule:#cbd4dc; --text:#293846; --shell:min(1200px,calc(100% - 64px)); --sans:"IBM Plex Sans",Arial,sans-serif; --serif:"IBM Plex Serif",Georgia,serif; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--text); background:var(--warm-white); font-family:var(--sans); font-size:16px; line-height:1.65; } a { color:inherit; } a:focus-visible { outline:3px solid var(--amber-light); outline-offset:4px; } .shell { width:var(--shell); margin:0 auto; }.skip-link { position:absolute; top:-60px; left:1rem; z-index:20; padding:.5rem .75rem; color:var(--white); background:var(--navy); }.skip-link:focus { top:1rem; }
.site-header { position:sticky; top:0; z-index:10; border-bottom:1px solid rgba(16,42,67,.12); background:rgba(247,248,250,.96); backdrop-filter:blur(10px); }.header-inner { display:flex; align-items:center; min-height:76px; gap:2rem; }.brand { display:block; width:165px; line-height:0; flex:0 0 auto; }.brand img { width:100%; height:auto; } nav { display:flex; align-items:center; gap:1.35rem; margin-left:auto; } nav a,.header-cta { font-size:.78rem; font-weight:600; letter-spacing:.04em; text-decoration:none; text-transform:uppercase; } nav a { color:var(--graphite); } nav a:hover,.text-link:hover,.email-link:hover,.site-footer a:hover { color:var(--amber); }.header-cta { padding:.58rem .8rem; border:1px solid var(--navy); color:var(--navy); transition:background-color .2s ease,color .2s ease; }.header-cta:hover { color:var(--white); background:var(--navy); }
.hero { padding:clamp(5rem,10vw,9.2rem) 0 clamp(4rem,8vw,7rem); border-bottom:1px solid var(--rule); }.hero-grid { display:grid; grid-template-columns:minmax(0,1.06fr) minmax(330px,.94fr); align-items:center; gap:clamp(3.5rem,9vw,9rem); }.eyebrow { margin:0 0 1.25rem; color:var(--amber); font-size:.72rem; font-weight:700; letter-spacing:.13em; line-height:1.25; text-transform:uppercase; } h1,h2 { margin:0; color:var(--navy); font-family:var(--serif); font-weight:400; line-height:1.08; letter-spacing:-.035em; } h1 { max-width:680px; font-size:clamp(3rem,6.1vw,5.55rem); } h2 { font-size:clamp(2.2rem,3.7vw,3.6rem); }.lead { max-width:640px; margin:2rem 0 0; font-size:clamp(1.1rem,1.5vw,1.3rem); line-height:1.65; }.action-row { display:flex; flex-wrap:wrap; align-items:center; gap:1.5rem 2rem; margin-top:2.35rem; }.button { display:inline-flex; align-items:center; gap:.7rem; width:fit-content; padding:.86rem 1.05rem; font-size:.78rem; font-weight:700; letter-spacing:.045em; line-height:1.25; text-decoration:none; text-transform:uppercase; transition:background-color .2s ease,color .2s ease,border-color .2s ease; }.button-primary { border:1px solid var(--navy); color:var(--white); background:var(--navy); }.button-primary:hover { background:var(--amber); border-color:var(--amber); }.text-link { color:var(--navy); font-size:.85rem; font-weight:600; text-underline-offset:5px; }.status { display:flex; flex-wrap:wrap; gap:.4rem .8rem; margin:2.4rem 0 0; color:var(--graphite); font-size:.76rem; font-weight:600; letter-spacing:.035em; text-transform:uppercase; }.status span + span::before { content:""; display:inline-block; width:3px; height:3px; margin:0 .8rem .18rem 0; border-radius:50%; background:var(--amber); }
.continuity-figure { margin:0; padding:2.1rem 0 0; }.continuity-figure svg { display:block; width:100%; overflow:visible; }.continuity-figure figcaption { max-width:445px; margin-top:1.2rem; color:#5a6875; font-size:.88rem; line-height:1.5; }.figure-line { fill:none; stroke:var(--navy); stroke-width:5; }.figure-fine-line { fill:none; stroke:#b7c1c9; stroke-width:1; }.figure-marker,.figure-bracket { fill:none; stroke:var(--amber-light); stroke-width:2; }.figure-dot { fill:var(--amber-light); }.continuity-figure text { fill:var(--graphite); font-family:var(--sans); font-size:13px; font-weight:700; letter-spacing:.12em; }
.section { padding:clamp(5rem,10vw,9rem) 0; }.section-rule { border-bottom:1px solid var(--rule); }.content-grid { display:grid; grid-template-columns:minmax(155px,.45fr) minmax(0,1.55fr); gap:clamp(2rem,8vw,8rem); }.section-label { display:flex; flex-direction:column; justify-content:space-between; min-height:126px; }.section-label .eyebrow { margin:0; }.section-label > span { color:var(--amber); font-family:var(--serif); font-size:1.15rem; }.prose { max-width:780px; }.prose h2 { max-width:760px; }.prose p { max-width:715px; margin:1.75rem 0 0; font-size:1.07rem; }.section-ink { color:#dbe4eb; background:var(--navy); }.section-ink h2 { color:var(--white); }.section-ink .section-label > span { color:var(--amber-light); }.maturity-note { max-width:635px; margin-top:2.7rem; padding:1.2rem 1.4rem 1.3rem; border-left:3px solid var(--amber-light); background:rgba(255,255,255,.08); }.maturity-note p { margin:0; font-size:.95rem; }.maturity-note strong { color:var(--white); font-size:.74rem; letter-spacing:.1em; text-transform:uppercase; }.measure-section { border-bottom:1px solid var(--rule); }.measure-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; padding:0; margin:2.4rem 0; border-top:1px solid var(--rule); list-style:none; }.measure-list li { display:flex; align-items:center; min-height:66px; padding:.75rem .5rem .75rem 0; border-bottom:1px solid var(--rule); font-size:.95rem; }.measure-list li::before { content:""; flex:0 0 10px; height:2px; margin-right:12px; background:var(--amber-light); }.measure-list li:nth-child(odd) { margin-right:2rem; }.section-soft { background:var(--mist); }.scope-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; max-width:800px; margin-top:3.2rem; border-top:1px solid #b8c3cd; }.scope-list p { margin:0; padding-top:1rem; color:var(--navy); font-family:var(--serif); font-size:1.15rem; line-height:1.35; }.scope-list span { display:block; margin-bottom:.45rem; color:var(--amber); font-family:var(--sans); font-size:.7rem; font-weight:700; letter-spacing:.1em; }.plain-note { color:var(--navy); font-weight:600; }
.contact-section { padding:clamp(5rem,10vw,8rem) 0; color:#dbe4eb; background:var(--navy); }.contact-grid { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:clamp(2rem,10vw,10rem); }.contact-section h2 { max-width:550px; color:var(--white); }.contact-copy p { margin:0 0 1.35rem; font-size:1.08rem; }.button-light { margin-top:1.25rem; color:var(--navy); border:1px solid var(--white); background:var(--white); }.button-light:hover { color:var(--white); border-color:var(--amber-light); background:var(--amber); }.email-link { display:block; width:fit-content; margin-top:1.7rem; color:var(--white); font-size:.88rem; font-weight:600; text-decoration-color:var(--amber-light); text-underline-offset:5px; }.site-footer { padding:1.75rem 0 2rem; color:#cbd5de; background:#0b2134; font-size:.72rem; }.footer-inner { display:grid; grid-template-columns:1fr auto; gap:.6rem 2rem; }.site-footer p { margin:0; }.site-footer a { margin-left:1.2rem; color:var(--white); }.disclaimer { grid-column:1 / -1; max-width:690px; color:#95a8b8; }
@media (max-width:820px) { :root { --shell:min(100% - 40px,680px); }.header-inner { flex-wrap:wrap; gap:.7rem 1.2rem; padding:.85rem 0; }.brand { width:145px; } nav { order:3; width:100%; gap:1.1rem; margin-left:0; overflow-x:auto; }.header-cta { margin-left:auto; }.hero-grid,.content-grid,.contact-grid { grid-template-columns:1fr; }.hero-grid { gap:2.8rem; }.continuity-figure { max-width:580px; padding:0; }.section-label { min-height:auto; flex-direction:row; align-items:center; }.section-label > span { font-size:1rem; }.measure-list { grid-template-columns:1fr; }.measure-list li:nth-child(odd) { margin-right:0; }.scope-list { grid-template-columns:1fr; gap:.75rem; }.scope-list p { padding-top:.8rem; }.footer-inner { grid-template-columns:1fr; }.site-footer a { margin:0 1.2rem 0 0; } }
@media (max-width:490px) { :root { --shell:min(100% - 32px,680px); }.site-header { position:static; }.header-cta { display:none; } nav { gap:1rem; } nav a { font-size:.7rem; }.hero { padding-top:4.5rem; }.action-row { align-items:flex-start; flex-direction:column; gap:1.1rem; }.status { display:grid; gap:.4rem; }.status span + span::before { display:none; }.continuity-figure svg { min-width:430px; transform:translateX(-25px); }.continuity-figure { overflow:hidden; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition-duration:.01ms !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; } }