﻿:root{
      --brand-teal:#009fb9;
      --brand-purple:#6d4aad;
      --ink:#0b1320;
      --muted:#5b6778;
      --bg:#f6f8fb;
    }
    body { color: var(--ink); background: var(--bg); }
    .brand-mark { height: 44px; width: auto; }
    .nav-link.active { font-weight: 700; }
    .rounded-xxl { border-radius: 1.25rem; }
    .shadow-soft { box-shadow: 0 12px 30px rgba(0,0,0,.08); }

    .hero{ position:relative; overflow:hidden; min-height:26vh; display:flex; align-items:center;
      border-radius:1.25rem; color:#fff; background:#0b1320; }
    .hero-bg{ position:absolute; inset:0; background-size:cover; background-position:center; z-index:0;
      filter:saturate(1.05) contrast(1.02); transform:scale(1.02); }
    .hero::before{ content:""; position:absolute; inset:0; z-index:1;
      background: linear-gradient(90deg, rgba(11,19,32,.82), rgba(11,19,32,.35)); }
    .hero-inner{ position:relative; z-index:2; }
    .pill{ border-radius:999px; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.18);
      padding:.35rem .7rem; display:inline-flex; gap:.5rem; align-items:center; backdrop-filter: blur(8px); }

    .hipaa-banner{ background:#ffffff; border-bottom:1px solid rgba(0,0,0,.06); }
    .small-muted { color: var(--muted); }
    .form-hint { color: var(--muted); font-size: .925rem; }

    .btn-brand{ background: linear-gradient(90deg, var(--brand-teal), var(--brand-purple)); border:none; }
    .btn-brand:hover{ opacity:.92; }

    .secure-badge{ display:inline-flex; align-items:center; gap:.4rem; font-size:.9rem; color:#0b1320;
      background:#eef6ff; border:1px solid #d7e7ff; border-radius:999px; padding:.35rem .65rem; }

    .icon-circle{ width:40px; height:40px; border-radius:999px; display:flex; align-items:center; justify-content:center;
      background:#fff; border:1px solid rgba(0,0,0,.08); }
    .footer a { color: inherit; opacity: .85; }
    .footer a:hover { opacity: 1; }
    @media (min-width: 992px) {
    /* make the dropdown span full container width */
    .navbar .dropdown-mega { position: static; }

    .navbar .dropdown-mega .dropdown-menu {
      width: 100%;
      left: 0;
      right: 0;
      top: 100%;
      border: 0;
      border-radius: 1rem;
      padding: 1rem 1.25rem;
      margin-top: .5rem;
      box-shadow: 0 .75rem 2rem rgba(11, 19, 32, .12);
    }
  }

  .mega-title{
    font-weight: 700;
    font-size: .95rem;
    margin-bottom: .5rem;
    color: var(--ink, #0b1320);
  }
  .mega-link{
    display: block;
    padding: .45rem .5rem;
    border-radius: .6rem;
    text-decoration: none;
    color: var(--ink, #0b1320);
  }
  .mega-link:hover{
    background: rgba(0,0,0,.04);
  }
  .mega-muted{
    font-size: .85rem;
    color: var(--muted, #5b6778);
    margin: 0;
  }