/* ===== Navy panels: hero and closing call to action on every page ===== */
.pnl { --bg:#0d1c2a;--bg-2:#0d1c2a;--panel:#13263a;--line:#243a50;--fg:#fbfbfa;--muted:#b9c4cf;--accent:#227bf7;--accent-bright:#7fb2ff;--btn:#1a6ae0;--btn-hover:#1760cc;--deep:#0a1825;--knock:#0d1c2a;color-scheme:dark; color:#fbfbfa; border-radius:24px; margin-inline:clamp(10px, 2.2vw, 28px); overflow:hidden;
  box-shadow:0 18px 48px rgba(13,28,42,.16); isolation:isolate; border:0 !important; position:relative; }
.pnl:first-child, .bp-progress + .pnl { margin-top:14px; }
.pnl:last-child, .pnl:not(:has(~ :not(script))) { margin-bottom:36px; }
.pnl:not(:first-child) { margin-top:8px; }
.pnl h1, .pnl h2, .pnl h3, .pnl h4, .pnl summary { color:#fbfbfa !important; }
.pnl h1 em, .pnl h2 em { color:#227bf7 !important; }
.pnl .eyebrow { color:#8fb9ff !important; }
.pnl p, .pnl li { color:#b9c4cf; }
.pnl a:not(.btn) { color:#cfe0ff; }
.pnl .crumbs a, .pnl .crumbs { color:#b9c4cf !important; }
.pnl .btn-primary, .pnl .btn { background:#1a6ae0 !important; color:#ffffff !important; border-color:#1a6ae0 !important; }
.pnl .btn-ghost { background:transparent !important; color:#fbfbfa !important; border-color:rgba(251,251,250,.6) !important; }
.pnl .btn-ghost:hover { background:rgba(251,251,250,.08) !important; border-color:#fbfbfa !important; }
.pnl img { filter:none !important; }
.pnl .card, .pnl [class*="-card"], .pnl .svc, .pnl details { background:#13263a !important; border-color:#243a50 !important; box-shadow:none !important; }
.pnl input:not([type=checkbox]):not([type=radio]), .pnl select, .pnl textarea {
  background:#0a1825 !important; color:#fbfbfa !important; border-color:#2b4157 !important; }
.pnl input::placeholder, .pnl textarea::placeholder { color:#8293a5 !important; }
.pnl label { color:#fbfbfa; }
.pnl .field-err { color:#ffb4b4 !important; }
.hero.pnl::before { background:
    radial-gradient(55% 60% at 50% 18%, rgba(80,102,122,.28), transparent 70%),
    repeating-linear-gradient(90deg, rgba(251,251,250,.022) 0 1px, transparent 1px 96px) !important; }
.hero.pnl .ridges path { stroke:#50667a; stroke-width:1.25; stroke-opacity:.9; vector-effect:non-scaling-stroke; }
.cta.pnl { background:#0d1c2a !important; }
@media (max-width: 600px) { .pnl { border-radius:18px; } }
/* ===== /Navy panels ===== */