/* Shared chrome for the public marketing pages — the CSS rules that were
   byte-for-byte identical in the inline <style> of all 26 pages (reset/preflight
   shim, nav, nav dropdown, footer links). Extracted 30 Aug 2026; see
   docs/adr/0004-static-pages-via-eleventy-includes.md.

   Loaded from <head> immediately BEFORE each page's own inline <style>, which is
   where these rules sat, so the cascade order is unchanged. Page-specific CSS
   stays inline in the page. */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
/* Base-style parity shim — replicates the parts of Tailwind Preflight this
   site rendered with before the CDN script was removed. Keep directly after
   the universal reset so the cascade order matches the old injection point. */
*, *::before, *::after { border-width: 0; border-style: solid; border-color: #e5e7eb; }
a { color: inherit; text-decoration: inherit; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
b, strong { font-weight: bolder; }
code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; }
ul, ol { list-style: none; }
img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; }
img, video { max-width: 100%; height: auto; }
table { text-indent: 0; border-color: inherit; border-collapse: collapse; }
hr { height: 0; color: inherit; border-top-width: 1px; }
button, input, optgroup, select, textarea { font: inherit; letter-spacing: inherit; color: inherit; }
button, select { text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; background-color: transparent; background-image: none; }
button, [role="button"] { cursor: pointer; }
:disabled { cursor: default; }
input::placeholder, textarea::placeholder { opacity: 1; color: #9ca3af; }
textarea { resize: vertical; }
[hidden] { display: none; }
.font-display { font-family: 'Cormorant Garamond', Georgia, serif; }
.label { font-size: 0.68rem; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: #4A88C4; font-family: 'Outfit', sans-serif; }
.gold-line { width: 2.5rem; height: 1px; background: #4A88C4; display: block; }
.nav-item { font-size: 0.7rem; font-weight: 500; letter-spacing: 0.13em; text-transform: uppercase; color: rgba(255,255,255,0.65); transition: color 0.2s ease; position: relative; padding-bottom: 3px; text-decoration: none; }
.nav-item::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: #4A88C4; transform: scaleX(0); transform-origin: left; transition: transform 0.25s ease; }
.nav-item:hover { color: #fff; }
.nav-item:hover::after, .nav-item.active::after { transform: scaleX(1); }
.nav-cta { display: inline-flex; align-items: center; gap: 0.5rem; background: #4A88C4; color: #fff; font-family: 'Outfit', sans-serif; font-size: 0.68rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; padding: 0.72rem 1.4rem; text-decoration: none; white-space: nowrap; box-shadow: 0 6px 18px rgba(74,136,196,0.30), inset 0 1px 0 rgba(255,255,255,0.18); transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease; }
.nav-cta:hover { background: #2A6BA8; transform: translateY(-2px); box-shadow: 0 10px 26px rgba(74,136,196,0.42), inset 0 1px 0 rgba(255,255,255,0.22); }
.nav-cta:active { background: #1A5290; transform: translateY(0); box-shadow: 0 4px 12px rgba(74,136,196,0.28); }
.nav-cta:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.nav-cta-icon { transition: transform 0.3s cubic-bezier(0.22,1,0.36,1); }
.nav-cta:hover .nav-cta-icon { transform: translateY(-2px); }
.nav-item.active { color: #fff; }
.flink { font-size: 0.875rem; color: rgba(255,255,255,0.5); transition: color 0.2s ease; text-decoration: none; display: block; padding: 0.2rem 0; }
.flink:hover { color: rgba(255,255,255,0.9); }
.nav-dropdown { position: relative; display: inline-flex; align-items: center; }
.nav-dropdown-menu { position: absolute; top: calc(100% + 2px); left: 50%; transform: translateX(-50%); background: linear-gradient(180deg, rgba(16,33,61,0.82) 0%, rgba(11,24,49,0.74) 100%); backdrop-filter: blur(22px) saturate(160%); -webkit-backdrop-filter: blur(22px) saturate(160%); border: 1px solid rgba(120,170,225,0.18); min-width: 210px; display: flex; flex-direction: column; z-index: 100; box-shadow: 0 8px 32px rgba(0,0,0,0.35); opacity: 0; visibility: hidden; transform: translateX(-50%) translateY(-8px); transition: opacity 0.26s cubic-bezier(0.16,1,0.3,1), transform 0.28s cubic-bezier(0.16,1,0.3,1), visibility 0s linear 0.28s; }
.nav-dropdown:hover .nav-dropdown-menu { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }
.nav-dropdown-item { font-size: 0.68rem; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.6); padding: 0.875rem 1.25rem; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.06); transition: color 0.2s ease, background 0.2s ease; font-family: 'Outfit', sans-serif; }
.nav-dropdown-item:last-child { border-bottom: none; }
.nav-dropdown-item:hover { color: #fff; background: rgba(74,136,196,0.1); }
