/* Theme A: dark, technical. Black hero and bands, mono labels, 14px cards, console panel. */
:root { --h1: clamp(38px, 4.6vw, 58px); }
.theme-a .site-header { background: var(--black); color: #fff; border-bottom: 1px solid #1d2422; }
.theme-a .site-header a { color: #fff; }
.theme-a .site-header .nav-d a:hover, .theme-a .site-header .nav-d a[aria-current] { color: var(--bright); }
.theme-a .site-header .brand-word { color: #fff; }
.theme-a .site-header .brand-word b { color: var(--bright); }
.theme-a .site-header .brand-mark { box-shadow: 0 0 0 1px #2a3330; border-radius: 9px; }
.theme-a .site-header .nav-m summary { border-color: #2a3330; color: #fff; }
.theme-a .site-header .nav-m-panel { background: #111614; border-color: #2a3330; }
.theme-a .site-header .nav-m-panel a:hover { background: #1b2220; }
.theme-a .site-header .btn-solid { color: #fff; }
.theme-a .page-hero { background: var(--black); color: #fff; padding: 64px 0 56px; }
.theme-a .page-hero .eyebrow { color: var(--bright); }
.theme-a .page-hero .crumbs { color: #9db0ab; }
.theme-a .page-hero .crumbs a:hover { color: #fff; }
.theme-a .page-hero .lede { color: var(--soft); }
.theme-a .page-hero h1 { color: #fff; }
.theme-a .page-grid { padding-top: 64px; }
.theme-a .sec-tight { padding-top: 64px; }
.theme-a .contact-wrap { padding-top: 56px; }
.theme-a .card h3 { letter-spacing: -.01em; }
.theme-a .side-cta { background: var(--black); }
.theme-a .cta-end { background: var(--green); }
.theme-a .page-banner { margin-top: 32px; }