* {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }
      :root {
        --navy: #0f2744;
        --navy2: #1a3a5c;
        --orange: #e05a2b;
        --orange2: #c44d22;
        --teal: #0d9e75;
        --teal2: #0a7a55;
        --bg: #f5f4f0;
        --white: #fff;
        --border: #e2dfd8;
        --text: #1a1a1a;
        --muted: #666;
        --light: #eef2f7;
      }
      html {
        scroll-behavior: smooth;
      }
      a {
        text-decoration: none;
      }

      /* ── ANNOUNCE ── */
      .ann {
        background: var(--navy);
        color: #9dbfd8;
        text-align: center;
        font-size: 12.5px;
        padding: 9px 1rem;
      }
      .ann strong {
        color: #fff;
      }
      .skip-nav {
        position: absolute;
        top: -100px;
        left: 1rem;
        background: var(--navy);
        color: #fff;
        padding: 0.6rem 1.2rem;
        border-radius: 0 0 6px 6px;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        z-index: 9999;
        transition: top 0.15s;
      }
      .skip-nav:focus {
        top: 0;
      }
      body {
        font-family: "Outfit", sans-serif;
        background: var(--bg);
        color: var(--text);
        font-size: 15px;
        line-height: 1.5;
      }
      nav {
        background: var(--white);
        border-bottom: 1px solid var(--border);
        height: 64px;
        display: flex;
        align-items: center;
        padding: 0 2.5rem;
        gap: 1rem;
        position: sticky;
        top: 0;
        z-index: 200;
      }
      .nav-logo {
        font-family: "Fraunces", serif;
        font-size: 23px;
        color: var(--navy);
        text-decoration: none;
        margin-right: auto;
        letter-spacing: -0.3px;
      }
      .nav-logo span {
        color: var(--orange);
      }
      .nl {
        display: flex;
        align-items: center;
        gap: 1rem;
        font-size: 13.5px;
        font-weight: 500;
      }
      .nl a {
        color: #444;
        text-decoration: none;
        white-space: nowrap;
      }
      .nl a:hover {
        color: var(--navy);
      }
      .nav-dd {
        position: relative;
        height: 64px;
        display: flex;
        align-items: center;
      }
      .nav-dd::after {
        content: "";
        position: absolute;
        left: -8px;
        right: -8px;
        top: 100%;
        height: 14px;
        display: block;
      }
      .nav-ddbtn {
        background: none;
        border: none;
        font-family: "Outfit", sans-serif;
        font-size: 13.5px;
        font-weight: 500;
        color: #444;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 3px;
        padding: 0;
      }
      .nav-ddbtn:hover {
        color: var(--navy);
      }
      .nav-ddmenu {
        display: none;
        position: absolute;
        top: calc(100% - 1px);
        left: 0;
        background: var(--white);
        border: 1px solid var(--border);
        border-radius: 10px;
        min-width: 230px;
        padding: 6px;
        z-index: 300;
        box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);
      }
      .nav-dd:hover .nav-ddmenu,
      .nav-dd:focus-within .nav-ddmenu,
      .nav-dd.open .nav-ddmenu {
        display: block;
      }
      .nav-ddmenu a {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 8px 10px;
        font-size: 13px;
        color: #444;
        text-decoration: none;
        border-radius: 6px;
      }
      .nav-ddmenu a:hover {
        background: var(--light);
        color: var(--navy);
      }
      .nav-ddmenu a i {
        font-size: 14px;
        color: var(--navy2);
      }
      .ndiv {
        height: 1px;
        background: var(--border);
        margin: 4px 0;
      }
      .nav-section-label {
        font-size: 10.5px;
        font-weight: 800;
        letter-spacing: 0.9px;
        text-transform: uppercase;
        color: var(--orange);
        padding: 8px 10px 5px;
        margin-top: 2px;
      }
      .btn-login {
        border: 1.5px solid var(--navy);
        color: var(--navy);
        padding: 7px 15px;
        border-radius: 7px;
        font-size: 13px;
        font-weight: 500;
        text-decoration: none;
        display: inline-block;
      }
      .btn-login:hover {
        background: var(--light);
      }
      .btn-order {
        background: var(--orange);
        color: #fff;
        padding: 9px 20px;
        border-radius: 7px;
        font-size: 14px;
        font-weight: 700;
        white-space: nowrap;
        text-decoration: none;
        display: inline-block;
      }
      .btn-order:hover {
        background: var(--orange2);
      }
      .mob-menu-btn {
        display: none;
        background: none;
        border: none;
        cursor: pointer;
        font-size: 26px;
        color: var(--navy);
        margin-left: auto;
      }
      .mob-nav {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--white);
        z-index: 500;
        padding: 1.5rem 2rem;
        overflow-y: auto;
      }
      .mob-nav.open {
        display: block;
      }
      .mob-nav-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 2rem;
      }
      .mob-nav-logo {
        font-family: "Fraunces", serif;
        font-size: 22px;
        color: var(--navy);
        text-decoration: none;
      }
      .mob-nav-logo span {
        color: var(--orange);
      }
      .mob-close {
        background: none;
        border: none;
        font-size: 28px;
        cursor: pointer;
        color: var(--navy);
      }
      .mob-links a {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 0;
        font-size: 16px;
        font-weight: 600;
        color: var(--navy);
        text-decoration: none;
        border-bottom: 1px solid var(--border);
      }
      .mob-links a:hover {
        color: var(--orange);
      }
      .mob-links a i {
        font-size: 18px;
        color: var(--navy2);
      }
      .mob-sect-label {
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        color: var(--muted);
        padding: 14px 0 4px;
        display: block;
      }
      .mob-ctas {
        margin-top: 1.5rem;
        display: flex;
        flex-direction: column;
        gap: 10px;
      }
      /* ── HERO ── */
      .hero {
        background: linear-gradient(
          135deg,
          #0b1e38 0%,
          #0f2744 45%,
          #1a3a5c 100%
        );
        padding: 4.5rem 2.5rem 4rem;
        border-bottom: none;
        position: relative;
        overflow: hidden;
      }
      .hero::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
          radial-gradient(
            ellipse at 70% 50%,
            rgba(224, 90, 43, 0.18) 0%,
            transparent 65%
          ),
          radial-gradient(
            ellipse at 10% 80%,
            rgba(13, 158, 117, 0.12) 0%,
            transparent 55%
          );
        pointer-events: none;
      }
      .hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background-image: radial-gradient(
          rgba(255, 255, 255, 0.04) 1px,
          transparent 1px
        );
        background-size: 28px 28px;
        pointer-events: none;
        opacity: 0.6;
      }
      .hero-grid {
        display: grid;
        grid-template-columns: 1fr 420px;
        gap: 3.5rem;
        align-items: center;
        max-width: 1200px;
        margin: 0 auto;
        position: relative;
        z-index: 1;
      }
      .eyebrow {
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: #f5a07a;
        margin-bottom: 12px;
      }
      .h1 {
        font-family: "Fraunces", serif;
        font-size: 44px;
        line-height: 1.1;
        color: #fff;
        letter-spacing: -0.5px;
        margin-bottom: 1.1rem;
      }
      .h1 em {
        font-style: italic;
        color: #f5a07a;
      }
      .hero-sub {
        font-size: 16px;
        color: rgba(255, 255, 255, 0.75);
        line-height: 1.7;
        margin-bottom: 1.75rem;
        max-width: 440px;
      }
      .hero-ctas {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        margin-bottom: 1.5rem;
      }
      .trust-row {
        display: flex;
        gap: 1.25rem;
        flex-wrap: wrap;
      }
      .tbadge {
        font-size: 12.5px;
        color: rgba(255, 255, 255, 0.7);
        display: flex;
        align-items: center;
        gap: 5px;
      }
      .tbadge i {
        color: #5dcaa5;
        font-size: 15px;
      }

      /* ── HERO CONTACT CARD ── */
      .hcard {
        background: var(--bg);
        border: 1px solid var(--border);
        border-radius: 16px;
        padding: 1.75rem;
      }
      .hcard-title {
        font-size: 15px;
        font-weight: 700;
        color: var(--navy);
        margin-bottom: 3px;
      }
      .hcard-sub {
        font-size: 12.5px;
        color: var(--muted);
        margin-bottom: 1.25rem;
      }
      .hcard-inner {
        background: var(--white);
        border: 1px solid var(--border);
        border-radius: 10px;
        overflow: hidden;
        margin-bottom: 1rem;
      }
      .hc-row {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 11px 14px;
        border-bottom: 1px solid var(--border);
      }
      .hc-row:last-child {
        border-bottom: none;
      }
      .hc-row i {
        font-size: 19px;
        color: var(--orange);
        flex-shrink: 0;
      }
      .hc-lbl {
        font-size: 11.5px;
        color: var(--muted);
      }
      .hc-val {
        font-size: 14px;
        font-weight: 600;
      }
      .hc-val a {
        color: var(--navy);
        text-decoration: none;
      }
      .hc-val a:hover {
        color: var(--orange);
      }
      .hcard-hours {
        font-size: 12.5px;
        color: var(--muted);
        display: flex;
        align-items: center;
        gap: 5px;
        margin-bottom: 14px;
      }
      .hcard-hours i {
        color: var(--teal);
        font-size: 15px;
      }

      /* ── TRUST / STATS BAR ── */
      .trust-bar {
        background: var(--white);
        border-bottom: 1px solid var(--border);
      }
      .trust-bar-inner {
        display: flex;
        max-width: 1200px;
        margin: 0 auto;
      }
      .tb-stat {
        flex: 1;
        text-align: center;
        padding: 1.25rem 1rem;
        border-right: 1px solid var(--border);
      }
      .tb-stat:last-child {
        border-right: none;
      }
      .tb-num {
        font-family: "Fraunces", serif;
        font-size: 25px;
        color: var(--navy);
        display: block;
        margin-bottom: 2px;
      }
      .tb-lbl {
        font-size: 11.5px;
        color: var(--muted);
      }

      /* ── PARTNER BAR ── */
      .partner-bar {
        background: var(--bg);
        border-bottom: 1px solid var(--border);
        padding: 1rem 2.5rem;
      }
      .pb-inner {
        display: flex;
        align-items: center;
        gap: 1.5rem;
        flex-wrap: wrap;
        max-width: 1200px;
        margin: 0 auto;
      }
      .pb-label {
        font-size: 11px;
        font-weight: 700;
        color: var(--muted);
        letter-spacing: 0.8px;
        text-transform: uppercase;
        white-space: nowrap;
        flex-shrink: 0;
      }
      .pb-logos {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
      }
      .pb-logo {
        background: var(--white);
        border: 1px solid var(--border);
        border-radius: 8px;
        padding: 7px 16px;
        font-size: 12.5px;
        font-weight: 700;
        color: var(--navy2);
        display: flex;
        align-items: center;
        gap: 6px;
      }
      .pb-logo i {
        font-size: 14px;
        color: var(--teal);
      }
      .samhsa {
        background: #eaf7f1;
        border: 1.5px solid var(--teal);
        border-radius: 8px;
        padding: 7px 14px;
        font-size: 12.5px;
        font-weight: 700;
        color: var(--teal2);
        display: flex;
        align-items: center;
        gap: 6px;
      }
      .samhsa i {
        font-size: 16px;
      }

      /* ── SECTION SCAFFOLDING ── */
      .sec {
        padding: 3.5rem 2.5rem;
      }
      .sec-alt {
        background: var(--white);
      }
      .sec-inner {
        max-width: 1200px;
        margin: 0 auto;
      }
      .sec-ey {
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: var(--orange);
        margin-bottom: 6px;
      }
      .sec-h {
        font-family: "Fraunces", serif;
        font-size: 28px;
        color: var(--navy);
        margin-bottom: 0.5rem;
        letter-spacing: -0.3px;
      }
      .sec-sub {
        font-size: 14.5px;
        color: var(--muted);
        line-height: 1.65;
        margin-bottom: 2rem;
        max-width: 600px;
      }

      /* ── WHAT BRINGS YOU HERE ── */
      .wby-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 14px;
      }
      .wby-card {
        border: 1.5px solid var(--border);
        border-radius: 14px;
        padding: 1.5rem;
        cursor: pointer;
        text-decoration: none;
        color: inherit;
        display: block;
        transition:
          border-color 0.15s,
          transform 0.15s,
          box-shadow 0.15s;
        background: var(--white);
      }
      .wby-card:hover {
        border-color: var(--navy2);
        transform: translateY(-3px);
        box-shadow: 0 8px 24px rgba(15, 39, 68, 0.1);
      }
      .wby-card.urg {
        border-color: #f5c4a8;
        background: #fffaf7;
      }
      .wby-card.urg:hover {
        border-color: var(--orange);
        box-shadow: 0 8px 24px rgba(224, 90, 43, 0.12);
      }
      .wby-urg {
        display: inline-block;
        font-size: 10.5px;
        font-weight: 700;
        background: #fff0e8;
        color: var(--orange2);
        padding: 2px 8px;
        border-radius: 4px;
        margin-bottom: 10px;
        letter-spacing: 0.3px;
      }
      .wby-icon {
        width: 46px;
        height: 46px;
        border-radius: 11px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 12px;
      }
      .wi-b {
        background: var(--light);
      }
      .wi-b i {
        color: var(--navy2);
        font-size: 22px;
      }
      .wi-o {
        background: #fff0e8;
      }
      .wi-o i {
        color: var(--orange);
        font-size: 22px;
      }
      .wi-t {
        background: #eaf7f1;
      }
      .wi-t i {
        color: var(--teal);
        font-size: 22px;
      }
      .wi-p {
        background: #f5f0ff;
      }
      .wi-p i {
        color: #7c3aed;
        font-size: 22px;
      }
      .wby-name {
        font-size: 14px;
        font-weight: 700;
        color: var(--navy);
        margin-bottom: 6px;
        line-height: 1.35;
      }
      .wby-desc {
        font-size: 12.5px;
        color: var(--muted);
        line-height: 1.55;
        margin-bottom: 12px;
      }
      /* ── PRICE CHIP ── */
      .wby-price-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: var(--bg);
        border-radius: 8px;
        padding: 9px 12px;
        margin-bottom: 10px;
        border: 1px solid var(--border);
      }
      .wby-price {
        font-family: "Fraunces", serif;
        font-size: 21px;
        color: var(--navy);
        line-height: 1;
      }
      .wby-price-lbl {
        font-size: 10.5px;
        color: var(--muted);
        font-weight: 500;
        text-align: right;
        line-height: 1.3;
      }
      .wby-price-row.pr-urg {
        background: #fff0e8;
        border-color: #f5c4a8;
      }
      .wby-price-row.pr-urg .wby-price {
        color: var(--orange2);
      }
      .wby-price-row.pr-teal {
        background: #eaf7f1;
        border-color: #9fd8be;
      }
      .wby-price-row.pr-teal .wby-price {
        color: var(--teal2);
      }
      .wby-price-row.pr-purple {
        background: #f5f0ff;
        border-color: #c4b5fd;
      }
      .wby-price-row.pr-purple .wby-price {
        color: #5b21b6;
      }
      .wby-cta {
        font-size: 12.5px;
        color: var(--navy2);
        font-weight: 700;
        display: flex;
        align-items: center;
        gap: 4px;
      }

      /* ── INDUSTRIES SECTION ── */
      .ind-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
      }
      .ind-card {
        background: var(--white);
        border: 1.5px solid var(--border);
        border-radius: 14px;
        padding: 1.6rem;
        display: block;
        position: relative;
        transition:
          border-color 0.15s,
          transform 0.15s;
        cursor: pointer;
      }
      .ind-card:hover {
        border-color: var(--navy2);
        transform: translateY(-3px);
      }
      .ind-card.featured {
        border: 2px solid var(--navy2);
        background: #f7fbff;
      }
      .ind-card.new-badge-card {
        border-color: #7c3aed;
      }
      .ind-badge {
        display: inline-block;
        font-size: 10px;
        font-weight: 700;
        padding: 2px 8px;
        border-radius: 4px;
        margin-bottom: 10px;
        letter-spacing: 0.3px;
      }
      .ib-core {
        background: #e6f0fa;
        color: #1a3a5c;
      }
      .ib-new {
        background: #f5f0ff;
        color: #5b21b6;
      }
      .ib-growth {
        background: #eaf7f1;
        color: #0a7a55;
      }
      .ind-icon {
        width: 44px;
        height: 44px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 12px;
      }
      .ii-blue {
        background: var(--light);
      }
      .ii-blue i {
        color: var(--navy2);
        font-size: 21px;
      }
      .ii-orange {
        background: #fff4f0;
      }
      .ii-orange i {
        color: var(--orange);
        font-size: 21px;
      }
      .ii-teal {
        background: #eaf7f1;
      }
      .ii-teal i {
        color: var(--teal);
        font-size: 21px;
      }
      .ii-purple {
        background: #f5f0ff;
      }
      .ii-purple i {
        color: #7c3aed;
        font-size: 21px;
      }
      .ii-amber {
        background: #fffbeb;
      }
      .ii-amber i {
        color: #d97706;
        font-size: 21px;
      }
      .ii-rose {
        background: #fff1f2;
      }
      .ii-rose i {
        color: #e11d48;
        font-size: 21px;
      }
      .ind-name {
        font-size: 15px;
        font-weight: 700;
        color: var(--navy);
        margin-bottom: 5px;
      }
      .ind-desc {
        font-size: 13px;
        color: var(--muted);
        line-height: 1.6;
        margin-bottom: 10px;
      }
      .ind-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        margin-bottom: 10px;
      }
      .ind-tag {
        font-size: 11px;
        font-weight: 600;
        background: var(--bg);
        color: #555;
        padding: 3px 8px;
        border-radius: 4px;
      }
      .ind-lnk {
        font-size: 12.5px;
        color: var(--navy2);
        font-weight: 700;
        display: inline-flex;
        align-items: center;
        gap: 4px;
      }
      .ind-card-link {
        position: absolute;
        inset: 0;
        border-radius: 14px;
      }

      /* ── SERVICES ── */
      .svc-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
      }
      .svc-card {
        background: var(--white);
        border: 1.5px solid var(--border);
        border-radius: 14px;
        padding: 1.5rem;
        display: block;
        transition:
          border-color 0.15s,
          transform 0.15s;
        cursor: pointer;
        position: relative;
      }
      .svc-card:hover {
        border-color: var(--navy2);
        transform: translateY(-3px);
      }
      .svc-card.top {
        border: 2px solid var(--navy2);
        background: #f7fbff;
      }
      .svc-card.hot {
        border: 2px solid #e11d48;
        background: #fff5f7;
      }
      .top-b {
        display: inline-block;
        font-size: 10.5px;
        font-weight: 700;
        background: var(--navy);
        color: #fff;
        padding: 3px 9px;
        border-radius: 5px;
        margin-bottom: 12px;
      }
      .hot-b {
        display: inline-block;
        font-size: 10.5px;
        font-weight: 700;
        background: #e11d48;
        color: #fff;
        padding: 3px 9px;
        border-radius: 5px;
        margin-bottom: 12px;
      }
      .svc-icon {
        width: 42px;
        height: 42px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 12px;
      }
      .si-b {
        background: var(--light);
      }
      .si-b i {
        color: var(--navy2);
        font-size: 20px;
      }
      .si-r {
        background: #fff4f0;
      }
      .si-r i {
        color: var(--orange);
        font-size: 20px;
      }
      .si-t {
        background: #eaf7f1;
      }
      .si-t i {
        color: var(--teal);
        font-size: 20px;
      }
      .si-rose {
        background: #fff1f2;
      }
      .si-rose i {
        color: #e11d48;
        font-size: 20px;
      }
      .svc-name {
        font-size: 14.5px;
        font-weight: 700;
        color: var(--navy);
        margin-bottom: 6px;
      }
      .svc-desc {
        font-size: 13px;
        color: var(--muted);
        line-height: 1.6;
        margin-bottom: 10px;
      }
      .svc-price {
        font-size: 14px;
        font-weight: 700;
        color: var(--orange);
        margin-bottom: 10px;
      }
      .svc-lnk {
        font-size: 12.5px;
        color: var(--navy2);
        font-weight: 600;
        display: inline-flex;
        align-items: center;
        gap: 4px;
      }
      .svc-lnk i {
        font-size: 13px;
      }
      .svc-card-link {
        position: absolute;
        inset: 0;
        border-radius: 14px;
      }

      /* ── HOW IT WORKS ── */
      .how-sec {
        background: var(--navy);
        padding: 3.5rem 2.5rem;
      }
      .how-inner {
        max-width: 1200px;
        margin: 0 auto;
      }
      .how-ey {
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: #7aaac8;
        margin-bottom: 6px;
      }
      .how-h {
        font-family: "Fraunces", serif;
        font-size: 28px;
        color: #fff;
        margin-bottom: 2rem;
        letter-spacing: -0.3px;
      }
      .steps {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1.5rem;
      }
      .step {
        position: relative;
      }
      .step-num {
        width: 38px;
        height: 38px;
        border-radius: 50%;
        background: var(--orange);
        color: #fff;
        font-weight: 700;
        font-size: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 12px;
      }
      .step-title {
        font-size: 14px;
        font-weight: 700;
        color: #e8f2f8;
        margin-bottom: 5px;
      }
      .step-desc {
        font-size: 13px;
        color: #7aaac8;
        line-height: 1.6;
      }
      .step-arr {
        position: absolute;
        top: 19px;
        right: -10px;
        color: #2a5a7a;
        font-size: 18px;
      }

      /* ── COMPLIANCE ── */
      .comp-sec {
        background: var(--white);
        padding: 3.5rem 2.5rem;
        border-top: 1px solid var(--border);
      }
      .comp-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 3.5rem;
        align-items: start;
        max-width: 1200px;
        margin: 0 auto;
      }
      .comp-ey {
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: var(--orange);
        margin-bottom: 8px;
      }
      .comp-h {
        font-family: "Fraunces", serif;
        font-size: 27px;
        color: var(--navy);
        line-height: 1.25;
        margin-bottom: 1rem;
      }
      .comp-body {
        font-size: 14px;
        color: #555;
        line-height: 1.8;
        margin-bottom: 1.25rem;
      }
      .comp-list {
        list-style: none;
        margin-bottom: 1.75rem;
      }
      .comp-list li {
        font-size: 13.5px;
        color: #444;
        padding: 8px 0;
        display: flex;
        align-items: flex-start;
        gap: 9px;
        border-bottom: 1px solid #f0ede8;
        line-height: 1.55;
      }
      .comp-list li:last-child {
        border-bottom: none;
      }
      .comp-list li i {
        font-size: 16px;
        margin-top: 2px;
        flex-shrink: 0;
      }
      .li-warn {
        color: var(--orange);
      }
      .li-ok {
        color: var(--teal);
      }
      .comp-cta {
        display: flex;
        align-items: center;
        gap: 14px;
        flex-wrap: wrap;
      }
      .comp-right {
        background: var(--bg);
        border: 1px solid var(--border);
        border-radius: 14px;
        padding: 1.75rem;
      }
      .csg {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-bottom: 1rem;
      }
      .cstat {
        background: var(--white);
        border: 1px solid var(--border);
        border-radius: 10px;
        padding: 1rem;
        text-align: center;
      }
      .csn {
        font-family: "Fraunces", serif;
        font-size: 23px;
        color: var(--navy);
        display: block;
        margin-bottom: 3px;
      }
      .csl {
        font-size: 12px;
        color: var(--muted);
      }
      .comp-warn {
        background: #fff8f5;
        border: 1.5px solid #f5c4a8;
        border-radius: 10px;
        padding: 1rem;
        font-size: 13px;
        color: #7a3010;
        display: flex;
        align-items: flex-start;
        gap: 9px;
        line-height: 1.55;
      }
      .comp-warn i {
        font-size: 19px;
        color: var(--orange);
        flex-shrink: 0;
        margin-top: 1px;
      }

      /* ── COMPARISON TABLE ── */
      .cmp-sec {
        background: var(--bg);
        padding: 3.5rem 2.5rem;
      }
      .cmp-inner {
        max-width: 1200px;
        margin: 0 auto;
      }
      .ctbl-wrap {
        border: 1px solid var(--border);
        border-radius: 14px;
        overflow: hidden;
        background: var(--white);
      }
      .ctbl {
        width: 100%;
        border-collapse: collapse;
        font-size: 13.5px;
        table-layout: fixed;
      }
      .ctbl th {
        padding: 1.1rem 1.25rem;
        text-align: left;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        background: var(--navy);
        color: #7aaac8;
        border-right: 1px solid #1e3d5c;
      }
      .ctbl th.hl {
        background: var(--orange2);
        color: #fff;
        border-right: 1px solid var(--orange2);
      }
      .ctbl th:first-child {
        color: #c8ddf0;
      }
      .ctbl th:last-child,
      .ctbl td:last-child {
        border-right: none;
      }
      .ctbl td {
        padding: 0.9rem 1.25rem;
        border-bottom: 1px solid var(--border);
        border-right: 1px solid var(--border);
        color: #333;
        vertical-align: middle;
        line-height: 1.45;
      }
      .ctbl tr:last-child td {
        border-bottom: none;
      }
      .ctbl td.feat {
        font-weight: 600;
        color: var(--navy);
        background: #fafaf8;
      }
      .ctbl td.hl {
        background: #fffaf7;
        font-weight: 600;
        color: var(--navy);
      }
      .ctbl tr:hover td {
        background: #f8f7f4;
      }
      .ctbl tr:hover td.hl {
        background: #fff5f0;
      }
      .ctbl tr:hover td.feat {
        background: #f2f0ec;
      }
      .chk {
        color: var(--teal);
        font-size: 17px;
        vertical-align: -3px;
      }
      .xmk {
        color: #ccc;
        font-size: 17px;
        vertical-align: -3px;
      }
      .pmk {
        color: #e8a020;
        font-size: 15px;
        vertical-align: -2px;
      }
      .cmp-note {
        font-size: 12px;
        color: var(--muted);
        margin-top: 12px;
        text-align: center;
      }

      /* ── PRICING ── */
      .price-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
      }
      .pc {
        background: var(--white);
        border: 1.5px solid var(--border);
        border-radius: 14px;
        padding: 1.6rem;
      }
      .pc.hl {
        border: 2px solid var(--orange);
        background: #fffaf7;
      }
      .ppill {
        font-size: 10.5px;
        font-weight: 700;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        margin-bottom: 8px;
        display: inline-block;
        padding: 3px 10px;
        border-radius: 5px;
      }
      .pp-b {
        background: #e6f0fa;
        color: #1a3a5c;
      }
      .pp-o {
        background: #fff0e8;
        color: #c44d22;
      }
      .pp-g {
        background: #eaf7f1;
        color: #0a7a55;
      }
      .pname {
        font-size: 15px;
        font-weight: 700;
        color: var(--navy);
        margin-bottom: 5px;
      }
      .pamt {
        font-family: "Fraunces", serif;
        font-size: 33px;
        color: var(--navy);
        line-height: 1;
      }
      .psuf {
        font-size: 12px;
        color: var(--muted);
        margin-bottom: 14px;
        margin-top: 2px;
      }
      .pbrk {
        background: var(--bg);
        border-radius: 8px;
        padding: 0.8rem;
        margin-bottom: 1rem;
        font-size: 12.5px;
        color: #555;
        line-height: 1.75;
      }
      .pbrk strong {
        color: var(--navy);
      }
      .pf {
        list-style: none;
        margin-bottom: 1.25rem;
      }
      .pf li {
        font-size: 13px;
        color: #555;
        padding: 5px 0;
        display: flex;
        align-items: flex-start;
        gap: 7px;
        line-height: 1.45;
      }
      .pf li i {
        color: var(--teal);
        font-size: 15px;
        margin-top: 1px;
        flex-shrink: 0;
      }
      .btn-blk {
        display: block;
        width: 100%;
        text-align: center;
        padding: 13px;
        border-radius: 8px;
        font-size: 14.5px;
        font-weight: 700;
        cursor: pointer;
        text-decoration: none;
        font-family: "Outfit", sans-serif;
        border: none;
      }
      .bb-o {
        background: var(--orange);
        color: #fff;
      }
      .bb-o:hover {
        background: var(--orange2);
      }
      .bb-n {
        background: transparent;
        color: var(--navy);
        border: 2px solid var(--navy);
      }
      .bb-n:hover {
        background: var(--light);
      }

      /* ── TESTIMONIALS ── */
      .tgrid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
      }
      .tc {
        background: var(--bg);
        border: 1px solid var(--border);
        border-radius: 12px;
        padding: 1.4rem;
      }
      .tstars {
        color: #e8a020;
        font-size: 15px;
        margin-bottom: 9px;
        letter-spacing: 1px;
      }
      .tquote {
        font-size: 13.5px;
        color: #444;
        line-height: 1.7;
        font-style: italic;
        margin-bottom: 14px;
      }
      .tauth {
        font-size: 13px;
        font-weight: 700;
        color: var(--navy);
      }
      .trole {
        font-size: 12px;
        color: var(--muted);
      }
      .tvfy {
        font-size: 11.5px;
        color: var(--teal);
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 4px;
        margin-top: 5px;
      }
      .tvfy i {
        font-size: 13px;
      }
      .tind {
        display: inline-block;
        font-size: 10.5px;
        font-weight: 700;
        padding: 2px 7px;
        border-radius: 4px;
        margin-bottom: 8px;
      }
      .ti-trans {
        background: #e6f0fa;
        color: #1a3a5c;
      }
      .ti-const {
        background: #fffbeb;
        color: #92400e;
      }
      .ti-health {
        background: #fff1f2;
        color: #9f1239;
      }

      /* ── BLOG ── */
      .bgrid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
      }
      .bcard {
        background: var(--white);
        border: 1px solid var(--border);
        border-radius: 12px;
        overflow: hidden;
        text-decoration: none;
        color: inherit;
        display: block;
        transition:
          border-color 0.15s,
          transform 0.15s;
      }
      .bcard:hover {
        border-color: var(--navy2);
        transform: translateY(-2px);
      }
      .bimg {
        background: var(--light);
        height: 90px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .bimg i {
        font-size: 32px;
        color: #c0cdd8;
      }
      .bbody {
        padding: 1.1rem;
      }
      .btag {
        font-size: 10.5px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: var(--orange);
        margin-bottom: 5px;
      }
      .btitle {
        font-size: 13.5px;
        font-weight: 600;
        color: var(--navy);
        line-height: 1.5;
        margin-bottom: 7px;
      }
      .bread {
        font-size: 12.5px;
        color: var(--navy2);
        font-weight: 600;
      }

      /* ── FAQ ── */
      .faq-wrap {
        max-width: 720px;
      }
      .fi {
        background: var(--white);
        border: 1px solid var(--border);
        border-radius: 9px;
        margin-bottom: 8px;
        overflow: hidden;
      }
      .fq {
        padding: 1rem 1.25rem;
        font-size: 14px;
        font-weight: 600;
        color: var(--navy);
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        user-select: none;
      }
      .fq:hover {
        background: #fafaf8;
      }
      .fq i {
        font-size: 17px;
        color: #aaa;
        transition: transform 0.2s;
        flex-shrink: 0;
      }
      .fq.op i {
        transform: rotate(180deg);
      }
      .fa {
        display: none;
        padding: 0 1.25rem 1rem;
        font-size: 13.5px;
        color: #555;
        line-height: 1.7;
        border-top: 1px solid #f0ede8;
      }
      .fa.op {
        display: block;
      }

      /* ── DEV NOTES ── */
      .dev-notes {
        background: #fff8f0;
        border: 2px solid #f5c4a8;
        border-radius: 14px;
        padding: 1.5rem 1.75rem;
        margin-top: 2rem;
      }
      .dev-notes h3 {
        font-size: 15px;
        font-weight: 700;
        color: var(--orange2);
        margin-bottom: 1rem;
        display: flex;
        align-items: center;
        gap: 8px;
      }
      .dev-notes h3 i {
        font-size: 18px;
      }
      .dev-item {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        padding: 9px 0;
        border-bottom: 1px solid #f5e0cc;
        font-size: 13.5px;
        color: #444;
        line-height: 1.55;
      }
      .dev-item:last-child {
        border-bottom: none;
      }
      .dev-item i {
        color: var(--orange);
        font-size: 16px;
        flex-shrink: 0;
        margin-top: 2px;
      }
      .dev-item strong {
        color: var(--navy2);
      }

      /* ── MARKET OPPORTUNITY BANNER ── */
      .mkt-band {
        background: linear-gradient(135deg, #0f2744 0%, #1a3a5c 100%);
        padding: 3rem 2.5rem;
      }
      .mkt-inner {
        max-width: 1200px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 3rem;
        align-items: center;
      }
      .mkt-left h2 {
        font-family: "Fraunces", serif;
        font-size: 26px;
        color: #fff;
        margin-bottom: 0.75rem;
        letter-spacing: -0.3px;
      }
      .mkt-left p {
        font-size: 14px;
        color: #7aaac8;
        line-height: 1.7;
        margin-bottom: 1.25rem;
      }
      .mkt-stats {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
      }
      .mkt-stat {
        background: rgba(255, 255, 255, 0.07);
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 10px;
        padding: 0.9rem;
        text-align: center;
      }
      .mkt-stat-num {
        font-family: "Fraunces", serif;
        font-size: 22px;
        color: #fff;
        display: block;
        margin-bottom: 2px;
      }
      .mkt-stat-lbl {
        font-size: 11px;
        color: #7aaac8;
      }

      /* ── CTA BAND ── */
      .cta-band {
        background: var(--orange);
        padding: 4rem 2.5rem;
        text-align: center;
      }
      .cta-h {
        font-family: "Fraunces", serif;
        font-size: 32px;
        color: #fff;
        margin-bottom: 0.6rem;
        letter-spacing: -0.3px;
      }
      .cta-p {
        font-size: 15px;
        color: rgba(255, 255, 255, 0.85);
        margin-bottom: 1.75rem;
      }
      .cta-row {
        display: flex;
        gap: 12px;
        justify-content: center;
        flex-wrap: wrap;
      }
      .bw {
        background: #fff;
        color: var(--orange2);
        padding: 14px 28px;
        border-radius: 8px;
        font-size: 15px;
        font-weight: 700;
        border: none;
        cursor: pointer;
        text-decoration: none;
        display: inline-block;
      }
      .bw:hover {
        background: #f0ede8;
      }
      .bw2 {
        background: transparent;
        color: #fff;
        padding: 13px 26px;
        border-radius: 8px;
        font-size: 15px;
        font-weight: 600;
        border: 2px solid rgba(255, 255, 255, 0.5);
        cursor: pointer;
        text-decoration: none;
        display: inline-block;
      }
      .bw2:hover {
        background: rgba(255, 255, 255, 0.1);
      }
      .bg3 {
        background: transparent;
        color: #fff;
        padding: 13px 24px;
        border-radius: 8px;
        font-size: 14px;
        font-weight: 500;
        border: 1.5px solid rgba(255, 255, 255, 0.35);
        cursor: pointer;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        gap: 8px;
      }
      .bg3:hover {
        background: rgba(255, 255, 255, 0.08);
      }

      .cbr {
        display: flex;
        gap: 7px;
        flex-wrap: wrap;
      }
      .cb {
        background: #122235;
        border: 1px solid #1e3d5c;
        border-radius: 5px;
        padding: 4px 10px;
        font-size: 11px;
        color: #6a8fa8;
      }

      /* ── AUDIENCE SPLIT + RTD STRIP ── */
      .path-sec {
        background: var(--white);
        padding: 3rem 2.5rem;
        border-bottom: 1px solid var(--border);
      }
      .path-inner {
        max-width: 1200px;
        margin: 0 auto;
      }
      .path-head {
        display: flex;
        justify-content: space-between;
        gap: 2rem;
        align-items: end;
        margin-bottom: 1.4rem;
        flex-wrap: wrap;
      }
      .path-kicker {
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: var(--orange);
        margin-bottom: 6px;
      }
      .path-title {
        font-family: "Fraunces", serif;
        font-size: 30px;
        color: var(--navy);
        letter-spacing: -0.3px;
        line-height: 1.2;
      }
      .path-sub {
        font-size: 14.5px;
        color: var(--muted);
        line-height: 1.65;
        max-width: 540px;
      }
      .path-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 18px;
      }
      .path-card {
        border: 1.5px solid var(--border);
        border-radius: 16px;
        padding: 1.6rem;
        background: #fff;
        position: relative;
        overflow: hidden;
        transition:
          transform 0.15s,
          border-color 0.15s,
          box-shadow 0.15s;
      }
      .path-card:hover {
        transform: translateY(-2px);
        border-color: var(--navy2);
        box-shadow: 0 10px 30px rgba(15, 39, 68, 0.08);
      }
      .path-card.dot {
        background: linear-gradient(135deg, #f7fbff 0%, #fff 75%);
      }
      .path-card.emp {
        background: linear-gradient(135deg, #fffaf7 0%, #fff 75%);
      }
      .path-icon {
        width: 48px;
        height: 48px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 12px;
      }
      .path-card.dot .path-icon {
        background: var(--light);
        color: var(--navy2);
      }
      .path-card.emp .path-icon {
        background: #fff0e8;
        color: var(--orange);
      }
      .path-icon i {
        font-size: 24px;
      }
      .path-name {
        font-size: 17px;
        font-weight: 800;
        color: var(--navy);
        margin-bottom: 6px;
      }
      .path-desc {
        font-size: 13.5px;
        color: #555;
        line-height: 1.65;
        margin-bottom: 14px;
      }
      .path-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 7px;
        margin-bottom: 18px;
      }
      .path-list span {
        font-size: 12.5px;
        color: #444;
        display: flex;
        align-items: center;
        gap: 6px;
      }
      .path-list i {
        font-size: 14px;
        color: var(--teal);
      }
      .path-actions {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        align-items: center;
      }
      .path-link {
        font-size: 13px;
        font-weight: 700;
        color: var(--navy2);
        text-decoration: underline;
      }
      .rtd-strip {
        background: #fff7f2;
        border-top: 1px solid #f5c4a8;
        border-bottom: 1px solid #f5c4a8;
        padding: 1rem 2.5rem;
      }
      .rtd-inner {
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1.25rem;
        flex-wrap: wrap;
      }
      .rtd-copy {
        display: flex;
        align-items: flex-start;
        gap: 12px;
      }
      .rtd-copy i {
        font-size: 26px;
        color: var(--orange);
        margin-top: 2px;
        flex-shrink: 0;
      }
      .rtd-title {
        font-size: 16px;
        font-weight: 800;
        color: var(--navy);
        margin-bottom: 2px;
      }
      .rtd-text {
        font-size: 13.5px;
        color: #6b4a3a;
        line-height: 1.55;
      }
      .rtd-actions {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        align-items: center;
      }
      .mobile-sticky {
        display: none;
      }

      /* ── RESPONSIVE ── */
      @media (max-width: 900px) {
        .hero-grid,
        .comp-grid,
        .mkt-inner {
          grid-template-columns: 1fr;
        }
        .svc-grid,
        .tgrid,
        .bgrid,
        .price-grid,
        .ind-grid,
        .path-grid {
          grid-template-columns: 1fr 1fr;
        }
        .wby-grid,
        .steps {
          grid-template-columns: 1fr 1fr;
        }
        .h1 {
          font-size: 34px;
        }
        .fg {
          grid-template-columns: 1fr 1fr;
        }
        .mkt-stats {
          grid-template-columns: 1fr 1fr 1fr;
        }
      }
      @media (max-width: 600px) {
        .panel-grid,
        .threshold-box,
        .checklist-grid,
        .hair-compare,
        .stat-strip,
        .stat-strip-2 {
          grid-template-columns: 1fr;
        }
        .nl {
          display: none;
        }
        .mob-menu-btn {
          display: block;
        }
        .svc-grid,
        .tgrid,
        .bgrid,
        .price-grid,
        .wby-grid,
        .steps,
        .ind-grid,
        .path-grid {
          grid-template-columns: 1fr;
        }
        .h1 {
          font-size: 30px;
        }
        .hero,
        .sec,
        .how-sec,
        .comp-sec,
        .cmp-sec,
        .cta-band,
        .mkt-band,
        .path-sec {
          padding: 2.5rem 1.25rem;
        }
        .trust-bar,
        .partner-bar {
          padding: 0 1.25rem;
        }
      }

      .service-hero {
        background: linear-gradient(
          135deg,
          #0b1e38 0%,
          #0f2744 45%,
          #1a3a5c 100%
        );
        color: #fff;
        padding: 4rem 2.5rem 3.2rem;
        position: relative;
        overflow: hidden;
      }
      .service-hero:before {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(
          ellipse at 75% 40%,
          rgba(224, 90, 43, 0.18),
          transparent 65%
        );
      }
      .service-hero-inner {
        max-width: 1200px;
        margin: auto;
        display: grid;
        grid-template-columns: 1.25fr 0.75fr;
        gap: 2.5rem;
        align-items: center;
        position: relative;
        z-index: 1;
      }
      .crumb {
        font-size: 12px;
        color: rgba(255, 255, 255, 0.65);
        margin-bottom: 1rem;
      }
      .crumb a {
        color: #fff;
      }
      .service-ey {
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: #ffb08d;
        margin-bottom: 0.7rem;
      }
      .service-h1 {
        font-family: "Fraunces", serif;
        font-size: 42px;
        line-height: 1.1;
        letter-spacing: -0.5px;
        margin-bottom: 1rem;
      }
      .service-sub {
        font-size: 16px;
        color: rgba(255, 255, 255, 0.78);
        line-height: 1.75;
        max-width: 690px;
      }
      .service-ctas {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 1.6rem;
      }
      .hero-panel {
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 18px;
        padding: 1.4rem;
        backdrop-filter: blur(8px);
      }
      .panel-title {
        font-weight: 800;
        margin-bottom: 10px;
      }
      .mini-list {
        list-style: none;
      }
      .mini-list li {
        display: flex;
        gap: 8px;
        align-items: flex-start;
        padding: 7px 0;
        color: rgba(255, 255, 255, 0.82);
        font-size: 13.5px;
      }
      .mini-list i {
        color: #59d49f;
        margin-top: 2px;
      }
      .price-chip {
        display: inline-block;
        background: #fff;
        color: var(--navy);
        font-weight: 900;
        border-radius: 10px;
        padding: 10px 14px;
        margin: 10px 0 4px;
      }
      .hero-panel .side-note,
      .hero-summary-note {
        background: transparent;
        border: 0;
        border-radius: 0;
        padding: 0;
        margin: 0 0 0.9rem;
        color: rgba(255, 255, 255, 0.72);
        font-size: 12.5px;
        line-height: 1.5;
      }
      .price-strip {
        background: var(--navy, #0f2744);
        border-radius: 10px;
        padding: 0.85rem 1.4rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 8px;
        margin: 1.25rem 0;
      }
      .price-strip-note {
        font-size: 12.5px;
        color: #7aaac8;
        font-weight: 500;
        display: flex;
        align-items: center;
        gap: 5px;
      }
      .price-strip-items {
        display: flex;
        gap: 1.5rem;
        flex-wrap: wrap;
      }
      .price-strip-items span {
        font-size: 12.5px;
        color: #fff;
        font-weight: 600;
      }
      .price-strip-items strong {
        color: #5dcaa5;
      }
      .price-strip-items .price-warm {
        color: #f5a07a;
      }
      .btn-on-dark {
        color: #fff;
        border-color: rgba(255, 255, 255, 0.55);
      }
      .service-ctas-center {
        justify-content: center;
      }
      .sec-inner-narrow {
        max-width: 860px;
      }
      .sec-bg {
        background: var(--bg);
      }
      .sec-sub-narrow {
        max-width: 560px;
      }
      .rtd-intro {
        font-size: 13.5px;
        font-weight: 600;
        color: var(--navy);
        margin: 0.9rem 0 0.4rem;
      }
      .rtd-triggers-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-top: 0.5rem;
      }
      .rtd-trigger {
        display: flex;
        align-items: flex-start;
        gap: 9px;
        background: var(--bg, #f5f4f0);
        border: 1px solid var(--border, #e2dfd8);
        border-radius: 10px;
        padding: 0.8rem 0.9rem;
        font-size: 13px;
        color: #444;
        line-height: 1.6;
      }
      .rtd-trigger i {
        font-size: 17px;
        color: var(--orange, #e05a2b);
        flex-shrink: 0;
        margin-top: 1px;
      }
      .rtd-trigger strong {
        color: var(--navy, #0f2744);
      }
      .price-breakdown {
        background: var(--bg, #f5f4f0);
        border: 1px solid var(--border, #e2dfd8);
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 0.5rem;
      }
      .pb-total {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.9rem 1.1rem;
        background: var(--navy, #0f2744);
      }
      .pb-label {
        font-size: 13px;
        color: rgba(255, 255, 255, 0.8);
      }
      .pb-amount {
        font-family: "Fraunces", serif;
        font-size: 26px;
        color: #fff;
        line-height: 1;
      }
      .pb-per {
        font-size: 13px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.7);
      }
      .pb-lines {
        padding: 0.75rem 1.1rem;
      }
      .pb-line {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 0.5rem 0;
        font-size: 13.5px;
        color: #444;
        border-bottom: 1px solid var(--border, #e2dfd8);
      }
      .pb-line:last-child {
        border-bottom: none;
      }
      .pb-line i {
        color: var(--teal, #0d9e75);
        font-size: 15px;
        flex-shrink: 0;
      }
      .pb-line span {
        flex: 1;
      }
      .pb-line strong {
        color: var(--navy, #0f2744);
        font-size: 14px;
      }
      .rtd-muted-note {
        font-size: 13.5px;
        color: #555;
        line-height: 1.7;
        margin-top: 0.9rem;
      }
      .rtd-foot-note {
        font-size: 13px;
        color: var(--muted);
        margin-top: 0.75rem;
      }
      .sap-disclaimer {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        background: #fff8f0;
        border: 1.5px solid #f5c4a8;
        border-radius: 10px;
        padding: 0.85rem 1rem;
        margin-top: 0.9rem;
      }
      .sap-disclaimer i {
        font-size: 18px;
        color: var(--orange, #e05a2b);
        flex-shrink: 0;
        margin-top: 1px;
      }
      .sap-disclaimer p {
        font-size: 13px;
        color: #555;
        line-height: 1.65;
        margin: 0;
      }
      .sap-disclaimer strong {
        color: var(--navy, #0f2744);
      }
      .rtd-employer-card {
        border-left: 4px solid var(--teal, #0d9e75);
      }
      .rtd-employer-list {
        list-style: none;
        margin: 0.25rem 0;
        display: flex;
        flex-direction: column;
        gap: 8px;
      }
      .rtd-employer-list li {
        display: flex;
        align-items: flex-start;
        gap: 9px;
        font-size: 13.5px;
        color: #444;
        line-height: 1.65;
      }
      .rtd-employer-list li i {
        font-size: 16px;
        color: var(--teal, #0d9e75);
        flex-shrink: 0;
        margin-top: 2px;
      }
      .rtd-flow-link {
        font-size: 13px;
        font-weight: 700;
        color: var(--orange);
        white-space: nowrap;
      }
      .fut-note {
        font-size: 13.5px;
        color: #555;
        line-height: 1.7;
        margin-top: 0.85rem;
      }
      .fut-req-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin: 0.85rem 0 0.25rem;
      }
      .fut-req-item {
        background: var(--navy, #0f2744);
        border-radius: 10px;
        padding: 0.9rem 1.1rem;
        text-align: center;
      }
      .fut-req-num {
        display: block;
        font-family: "Fraunces", serif;
        font-size: 28px;
        color: #fff;
        line-height: 1;
        margin-bottom: 4px;
      }
      .fut-req-label {
        display: block;
        font-size: 12px;
        color: rgba(255, 255, 255, 0.75);
        line-height: 1.45;
      }
      .fut-consequences-card {
        border-left: 4px solid var(--orange, #e05a2b);
      }
      .fut-outcomes-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-top: 0.5rem;
      }
      .fut-outcome {
        display: flex;
        flex-direction: column;
        gap: 5px;
        padding: 0.9rem 1rem;
        border-radius: 10px;
        border: 1px solid var(--border, #e2dfd8);
      }
      .fut-outcome i {
        font-size: 20px;
        margin-bottom: 2px;
      }
      .fut-outcome strong {
        font-size: 13px;
        color: var(--navy, #0f2744);
        line-height: 1.3;
      }
      .fut-outcome span {
        font-size: 12.5px;
        color: #555;
        line-height: 1.55;
      }
      .fut-outcome--warn {
        background: #fff8f0;
        border-color: #f5c4a8;
      }
      .fut-outcome--warn i {
        color: var(--orange, #e05a2b);
      }
      .fut-outcome--info {
        background: #eaf7f1;
        border-color: #9fd8be;
      }
      .fut-outcome--info i {
        color: var(--teal, #0d9e75);
      }
      .hair-note {
        font-size: 14px;
        color: #555;
        line-height: 1.75;
        margin-bottom: 0.85rem;
      }
      .hair-foot-note {
        font-size: 13px;
        color: #666;
        line-height: 1.65;
        margin-top: 0.5rem;
      }
      .hair-compare {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin: 0.85rem 0;
      }
      .hc-col {
        border-radius: 10px;
        padding: 0.9rem 1rem;
        border: 1.5px solid;
      }
      .hc-col--hair {
        background: #f5f0ff;
        border-color: #c4b5fd;
      }
      .hc-col--urine {
        background: #eaf7f1;
        border-color: #9fd8be;
      }
      .hc-head {
        font-size: 13px;
        font-weight: 700;
        margin-bottom: 0.6rem;
      }
      .hc-col--hair .hc-head {
        color: #5b21b6;
      }
      .hc-col--urine .hc-head {
        color: var(--teal2, #0a7a55);
      }
      .hc-col ul {
        list-style: none;
        margin: 0;
      }
      .hc-col li {
        font-size: 12.5px;
        color: #555;
        line-height: 1.55;
        margin: 0;
        padding: 0.25rem 0;
      }
      .checklist-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        margin: 0.85rem 0;
      }
      .check-item {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        background: var(--bg, #f5f4f0);
        border: 1px solid var(--border, #e2dfd8);
        border-radius: 8px;
        padding: 0.7rem 0.85rem;
        font-size: 13px;
        color: #444;
        line-height: 1.5;
      }
      .check-item i {
        font-size: 15px;
        color: var(--teal, #0d9e75);
        flex-shrink: 0;
        margin-top: 1px;
      }
      .bat-lead {
        font-size: 14px;
        color: #555;
        line-height: 1.75;
        margin-bottom: 0.85rem;
      }
      .bat-threshold-title {
        font-size: 13.5px;
        font-weight: 600;
        color: var(--navy, #0f2744);
        margin-bottom: 0.6rem;
      }
      .threshold-box {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin: 0.85rem 0;
      }
      .tbox {
        border-radius: 10px;
        padding: 0.9rem 1rem;
        border: 1.5px solid;
      }
      .tbox--screen {
        background: #fff8f0;
        border-color: #f5c4a8;
      }
      .tbox--viol {
        background: #fff0f0;
        border-color: #f5a8a8;
      }
      .tbox--pass {
        background: #eaf7f1;
        border-color: #9fd8be;
      }
      .tbox-level {
        font-family: "Fraunces", serif;
        font-size: 28px;
        font-weight: 400;
        line-height: 1;
        margin-bottom: 3px;
      }
      .tbox--screen .tbox-level {
        color: var(--orange, #e05a2b);
      }
      .tbox--viol .tbox-level {
        color: #c0392b;
      }
      .tbox--pass .tbox-level {
        color: var(--teal, #0d9e75);
      }
      .tbox-label {
        font-size: 12.5px;
        font-weight: 600;
        color: var(--navy, #0f2744);
        margin-bottom: 3px;
      }
      .tbox-desc {
        font-size: 12px;
        color: #666;
        line-height: 1.5;
      }
      .info-note {
        background: #fff8f0;
        border: 1.5px solid #f5c4a8;
        border-radius: 10px;
        padding: 0.85rem 1rem;
        font-size: 13px;
        color: #555;
        line-height: 1.65;
        margin-top: 0.85rem;
      }
      .info-note strong {
        color: var(--navy, #0f2744);
      }
      .physical-lead {
        font-size: 14px;
        color: #555;
        line-height: 1.75;
        margin-bottom: 0.85rem;
      }
      .exam-checklist {
        list-style: none;
        margin: 0.75rem 0 0;
        display: flex;
        flex-direction: column;
        gap: 8px;
      }
      .exam-checklist li {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        margin: 0;
        padding: 0.8rem 0.9rem;
        background: var(--bg, #f5f4f0);
        border: 1px solid var(--border, #e2dfd8);
        border-radius: 10px;
        color: #444;
        font-size: 13.5px;
        line-height: 1.55;
      }
      .exam-checklist i {
        color: var(--teal, #0d9e75);
        font-size: 17px;
        flex-shrink: 0;
        margin-top: 1px;
      }
      .network-section {
        background: var(--bg, #f5f4f0);
      }
      .network-inner {
        max-width: 1240px;
      }
      .network-finder {
        margin-top: 1.6rem;
      }
      .network-map-row {
        row-gap: 1rem;
      }
      .network-search-panel,
      .network-map-shell {
        background: #fff;
        border: 1px solid var(--border, #e2dfd8);
        border-radius: 16px;
        box-shadow: 0 14px 35px rgba(15, 39, 68, 0.08);
      }
      .network-search-panel {
        padding: 1.15rem;
        min-height: 650px;
      }
      .network-search-panel .network-panel-search {
        padding: 0;
        margin-bottom: 0.65rem;
      }
      .network-search-panel .network-search-control {
        margin-bottom: 0;
      }
      .network-panel-head {
        margin-bottom: 1rem;
      }
      .network-kicker {
        display: block;
        font-size: 11px;
        color: var(--orange, #e05a2b);
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-bottom: 0.35rem;
      }
      .network-panel-head h3 {
        font-family: "Fraunces", serif;
        color: var(--navy, #0f2744);
        font-size: 25px;
        line-height: 1.15;
        margin: 0 0 0.45rem;
      }
      .network-panel-head p {
        color: var(--muted, #666);
        font-size: 13.5px;
        line-height: 1.6;
        margin: 0;
      }
      .network-search-control {
        position: relative;
        margin-bottom: 0.75rem;
      }
      .network-search-control i {
        position: absolute;
        left: 13px;
        top: 50%;
        transform: translateY(-50%);
        color: var(--navy2, #1a3a5c);
        font-size: 18px;
        z-index: 1;
      }
      .network-search-control .form-control {
        height: 46px;
        border-radius: 10px;
        border: 1.5px solid var(--border, #e2dfd8);
        padding-left: 42px;
        color: var(--navy, #0f2744);
        font-size: 14px;
      }
      .network-search-control .form-control:focus {
        border-color: var(--teal, #0d9e75);
        box-shadow: 0 0 0 3px rgba(13, 158, 117, 0.15);
      }
      .network-reset-btn {
        display: none;
        cursor: pointer;
        width: 100%;
        background: var(--navy, #0f2744);
        border-color: var(--navy, #0f2744);
        color: #fff;
        border-radius: 9px;
        font-weight: 700;
        margin-bottom: 0.75rem;
      }
      .network-helper {
        display: grid;
        gap: 6px;
        background: var(--bg, #f5f4f0);
        border: 1px solid var(--border, #e2dfd8);
        border-radius: 10px;
        padding: 0.8rem 0.9rem;
        margin-bottom: 0.8rem;
      }
      .network-helper span {
        display: flex;
        align-items: center;
        gap: 7px;
        color: #4d4d4d;
        font-size: 12.5px;
        line-height: 1.35;
      }
      .network-helper i {
        color: var(--teal, #0d9e75);
        font-size: 15px;
      }
      .network-results {
        max-height: 432px;
        overflow: auto;
        border: 1px solid var(--border, #e2dfd8);
        border-radius: 12px;
        background: #fff;
      }
      .network-clinic-table {
        width: 100%;
        background: #fff;
        border-collapse: collapse;
      }
      #clinic_table_header {
        position: sticky;
        top: 0;
        z-index: 2;
        background: var(--navy, #0f2744);
        color: #fff;
      }
      .network-clinic-table th,
      .network-clinic-table td {
        padding: 0.8rem;
        border-bottom: 1px solid var(--border, #e2dfd8);
        vertical-align: top;
        color: #444;
        font-size: 13px;
        line-height: 1.45;
      }
      .network-clinic-table th {
        color: #fff;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
      }
      .network-clinic-table input[type="radio"] {
        accent-color: var(--teal, #0d9e75);
        width: 16px;
        height: 16px;
      }
      .network-clinic-row {
        transition: background-color 0.15s ease, box-shadow 0.15s ease;
      }
      .network-clinic-cell {
        cursor: pointer;
        padding: 0.65rem 0.8rem !important;
        border-bottom: 1px solid var(--border, #e2dfd8);
      }
      .network-clinic-row.is-selected .network-clinic-cell {
        background: #f3fbff;
        box-shadow: inset 3px 0 0 var(--teal, #0d9e75);
      }
      .network-clinic-row:hover .network-clinic-cell {
        background: #fafcff;
      }
      .network-clinic-row.is-selected .network-clinic-cell {
        background: #f3fbff;
      }
      .network-perform-tests {
        margin-top: 0.2rem;
        line-height: 1.25;
      }
      .network-test-tags {
        display: inline-flex;
        flex-wrap: wrap;
        gap: 4px;
        margin-top: 4px;
      }
      .network-clinic-table td:nth-child(2) {
        width: 70%;
      }
      .network-clinic-table td:nth-child(3) {
        width: 96px;
        white-space: nowrap;
      }
      .network-map-shell {
        position: relative;
        overflow: hidden;
        min-height: 650px;
      }
      .network-map {
        min-height: 650px;
        width: 100%;
      }
      .network-map-loader {
        display: none;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: rgba(15, 39, 68, 0.92);
        color: #fff;
        border-radius: 999px;
        padding: 0.75rem 1rem;
        font-size: 13px;
        font-weight: 700;
        z-index: 5;
        gap: 4px;
        align-items: center;
      }
      .network-map-loader[style*="display: block"],
      .network-map-loader[style*="display:block"] {
        display: inline-flex !important;
      }
      .network-alert {
        display: none;
        border-radius: 10px;
        padding: 0.85rem 1rem;
        margin-bottom: 1rem;
        font-size: 13.5px;
        line-height: 1.55;
      }
      .network-alert-info {
        background: #fff8f0;
        border: 1.5px solid #f5c4a8;
        color: #6b4a3a;
      }
      .ajax-error-alert {
        background: #fff0f0;
        border: 1.5px solid #f5a8a8;
        color: #7a2d25;
      }
      .network-hidden-table,
      .network-hidden-state,
      .network-hidden-message {
        display: none;
      }
      @media (max-width: 768px) {
        .network-results {
          max-height: 320px;
        }
        .network-clinic-table th,
        .network-clinic-table td {
          padding: 0.55rem 0.6rem;
          font-size: 12px;
        }
        .network-clinic-table td:nth-child(2) {
          width: auto;
        }
        .network-clinic-table td:nth-child(3) {
          width: 78px;
        }
      }
      gmp-place-details-compact {
        color-scheme: light;
      }
      .blog-index-section,
      .blog-post-section {
        background: var(--bg, #f5f4f0);
      }
      .blog-index-inner {
        max-width: 1240px;
      }
      .blog-toolbar {
        background: #fff;
        border: 1px solid var(--border, #e2dfd8);
        border-radius: 16px;
        box-shadow: 0 14px 35px rgba(15, 39, 68, 0.08);
        padding: 1.1rem;
        display: grid;
        grid-template-columns: minmax(220px, 0.75fr) minmax(320px, 1fr) auto;
        align-items: end;
        gap: 1rem;
        margin-bottom: 1.25rem;
      }
      .blog-toolbar-copy h2 {
        font-family: "Fraunces", serif;
        color: var(--navy, #0f2744);
        font-size: 28px;
        line-height: 1.15;
        margin: 0 0 0.3rem;
      }
      .blog-toolbar-copy p:last-child {
        color: var(--muted, #666);
        font-size: 13.5px;
        margin: 0;
      }
      .blog-filter-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.85rem;
      }
      .blog-field {
        min-width: 0;
      }
      .blog-field label {
        display: block;
        color: var(--navy, #0f2744);
        font-size: 12.5px;
        font-weight: 800;
        margin-bottom: 0.35rem;
      }
      .blog-search-box {
        position: relative;
      }
      .blog-search-box > i {
        position: absolute;
        left: 13px;
        top: 50%;
        transform: translateY(-50%);
        color: var(--navy2, #1a3a5c);
        font-size: 18px;
        z-index: 1;
      }
      .blog-search-box .form-control,
      .blog-field .form-select {
        height: 46px;
        border-radius: 10px;
        border: 1.5px solid var(--border, #e2dfd8);
        color: var(--navy, #0f2744);
        font-size: 14px;
      }
      .blog-search-box .form-control {
        padding-left: 42px;
        padding-right: 42px;
      }
      .blog-search-box .form-control:focus,
      .blog-field .form-select:focus {
        border-color: var(--teal, #0d9e75);
        box-shadow: 0 0 0 3px rgba(13, 158, 117, 0.15);
      }
      .blog-clear-btn {
        position: absolute;
        top: 50%;
        right: 6px;
        transform: translateY(-50%);
        width: 34px;
        height: 34px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 0;
        border-radius: 8px;
        background: var(--light, #eef2f7);
        color: var(--navy, #0f2744);
        cursor: pointer;
      }
      .blog-count-label {
        justify-self: end;
        align-self: center;
        display: none;
        background: #eaf7f1;
        border: 1px solid #9fd8be;
        color: var(--teal2, #0a7a55);
        border-radius: 999px;
        padding: 0.55rem 0.85rem;
        font-size: 12.5px;
        font-weight: 800;
        white-space: nowrap;
      }
      .blog-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1.15rem;
      }
      .blog-card {
        background: #fff;
        border: 1px solid var(--border, #e2dfd8);
        border-radius: 16px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        min-width: 0;
        box-shadow: 0 12px 30px rgba(15, 39, 68, 0.07);
      }
      .blog-card-media {
        display: block;
        aspect-ratio: 16 / 9;
        overflow: hidden;
        background: var(--light, #eef2f7);
      }
      .blog-card-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.25s ease;
      }
      .blog-card:hover .blog-card-media img {
        transform: scale(1.035);
      }
      .blog-card-body {
        padding: 1rem;
        display: flex;
        flex-direction: column;
        gap: 0.7rem;
        flex: 1 1 auto;
      }
      .blog-tag {
        display: inline-flex;
        align-items: center;
        align-self: flex-start;
        border-radius: 6px;
        padding: 0 1rem !important;
        color: #fff;
        font-size: 11px !important;
        font-weight: 500 !important;
        line-height: 1 !important;
      }
      .blog-tag-warning {
        background: #cc8a12;
      }
      .blog-tag-danger {
        background: #c0392b;
      }
      .blog-tag-secondary {
        background: var(--navy2, #1a3a5c);
      }
      .blog-tag-success {
        background: var(--teal2, #0a7a55);
      }
      .blog-tag-primary {
        background: var(--navy, #0f2744);
      }
      .blog-card h3 {
        font-family: "Fraunces", serif;
        color: var(--navy, #0f2744);
        font-size: 22px;
        line-height: 1.18;
        margin: 0;
      }
      .blog-card h3 a,
      .blog-card p a {
        color: inherit;
      }
      .blog-card p {
        color: #555;
        font-size: 14px;
        line-height: 1.65;
        margin: 0;
      }
      .blog-card-meta {
        margin-top: auto;
        padding-top: 0.75rem;
        border-top: 1px solid var(--border, #e2dfd8);
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.8rem;
        flex-wrap: wrap;
        color: var(--muted, #666);
        font-size: 12.5px;
      }
      .blog-card-meta span,
      .blog-card-meta a {
        display: inline-flex;
        align-items: center;
        gap: 5px;
      }
      .blog-card-meta a {
        color: var(--orange, #e05a2b);
        font-weight: 800;
      }
      .blog-scroll-note {
        color: var(--muted, #666);
        text-align: center;
        font-size: 13px;
        margin-top: 1.25rem;
      }
      .autocomplete-items {
        position: absolute;
        z-index: 99;
        top: calc(100% + 6px);
        left: 0;
        right: 0;
        background: #fff;
        border: 1px solid var(--border, #e2dfd8);
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 16px 35px rgba(15, 39, 68, 0.14);
      }
      .autocomplete-dropdown {
        max-height: 280px;
        overflow-y: auto;
      }
      .blog-autocomplete-item {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        padding: 0.7rem;
        cursor: pointer;
        border-bottom: 1px solid var(--border, #e2dfd8);
      }
      .blog-autocomplete-item:last-child {
        border-bottom: 0;
      }
      .blog-autocomplete-item:hover,
      .blog-autocomplete-item.autocomplete-active {
        background: var(--light, #eef2f7);
      }
      .blog-autocomplete-item img {
        width: 72px;
        height: 48px;
        object-fit: cover;
        border-radius: 8px;
        flex: 0 0 auto;
      }
      .blog-autocomplete-item span,
      .blog-autocomplete-item small,
      .blog-autocomplete-item strong {
        display: block;
      }
      .blog-autocomplete-item small {
        color: var(--orange, #e05a2b);
        font-size: 11px;
        font-weight: 800;
        margin-bottom: 2px;
      }
      .blog-autocomplete-item strong {
        color: var(--navy, #0f2744);
        font-size: 13px;
        line-height: 1.3;
      }
      .blog-post-hero {
        background: var(--navy, #0f2744);
        color: #fff;
        padding: 4.5rem 2rem 3.2rem;
      }
      .blog-post-hero-inner {
        max-width: 1200px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(320px, 480px);
        gap: 2rem;
        align-items: center;
      }
      .blog-post-hero .crumb {
        color: rgba(255, 255, 255, 0.72);
        margin-bottom: 1rem;
      }
      .blog-post-hero .crumb a {
        color: #fff;
      }
      .blog-post-hero h1 {
        font-family: "Fraunces", serif;
        font-size: clamp(34px, 5vw, 58px);
        line-height: 1.02;
        letter-spacing: -0.2px;
        margin: 1rem 0;
        color: #fff;
      }
      .blog-post-hero-copy > p {
        color: rgba(255, 255, 255, 0.82);
        font-size: 17px;
        line-height: 1.7;
        max-width: 720px;
      }
      .blog-post-meta {
        display: flex;
        gap: 1rem;
        flex-wrap: wrap;
        margin-top: 1.2rem;
        color: rgba(255, 255, 255, 0.78);
        font-size: 13px;
        font-weight: 700;
      }
      .blog-post-meta span {
        display: inline-flex;
        align-items: center;
        gap: 6px;
      }
      .blog-post-hero-media {
        border-radius: 18px;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, 0.14);
        box-shadow: 0 20px 55px rgba(0, 0, 0, 0.25);
      }
      .blog-post-hero-media img {
        width: 100%;
        height: 100%;
        min-height: 300px;
        object-fit: cover;
        display: block;
      }
      .blog-post-layout {
        max-width: 1200px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 340px;
        gap: 1.5rem;
        align-items: start;
      }
      .blog-article-card,
      .blog-sidebar-card {
        background: #fff;
        border: 1px solid var(--border, #e2dfd8);
        border-radius: 16px;
        box-shadow: 0 12px 30px rgba(15, 39, 68, 0.07);
      }
      .blog-article-card {
        padding: 2rem;
      }
      .blog-article-content {
        color: #3f3f3f;
        font-size: 16px;
        line-height: 1.85;
      }
      .blog-article-content h1,
      .blog-article-content h2,
      .blog-article-content h3,
      .blog-article-content h4 {
        font-family: "Fraunces", serif;
        color: var(--navy, #0f2744);
        line-height: 1.2;
        margin: 1.5rem 0 0.75rem;
      }
      .blog-article-content h2 {
        font-size: 30px;
      }
      .blog-article-content h3 {
        font-size: 24px;
      }
      .blog-article-content p,
      .blog-article-content li {
        color: #3f3f3f;
      }
      .blog-article-content p {
        margin-bottom: 1rem;
      }
      .blog-article-content ul,
      .blog-article-content ol {
        margin: 0 0 1.2rem 1.25rem;
      }
      .blog-article-content img {
        max-width: 100%;
        height: auto;
        border-radius: 14px;
        margin: 1rem 0;
      }
      .blog-article-content a {
        color: var(--navy2, #1a3a5c);
        font-weight: 700;
        text-decoration: underline;
        text-underline-offset: 3px;
      }
      .blog-author-box {
        border-top: 1px solid var(--border, #e2dfd8);
        margin-top: 2rem;
        padding-top: 1.4rem;
      }
      .blog-author-label {
        color: var(--orange, #e05a2b);
        font-size: 11px;
        font-weight: 900;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin-bottom: 0.35rem;
      }
      .blog-author-box h2 {
        color: #ff8052;
        font-size: 20px;
        margin-bottom: 0.5rem;
      }
      .blog-author-box p {
        color: #fff;
        font-size: 13.5px;
        line-height: 1.7;
      }
      .blog-author-box a{
        color: #ff8052;
      }
      .blog-author-box a:hover{
        text-decoration: underline;
      }
      .blog-post-sidebar {
        position: sticky;
        top: 84px;
        display: grid;
        gap: 1rem;
      }
      .blog-sidebar-card {
        padding: 1rem;
      }
      .blog-sidebar-card h2 {
        font-family: "Fraunces", serif;
        color: var(--navy, #0f2744);
        font-size: 23px;
        margin-bottom: 0.9rem;
      }
      .blog-recent-card {
        display: flex;
        gap: 0.75rem;
        padding: 0.7rem 0;
        border-bottom: 1px solid var(--border, #e2dfd8);
      }
      .blog-recent-card img {
        width: 86px;
        height: 86px;
        object-fit: cover;
        border-radius: 10px;
        flex: 0 0 auto;
      }
      .blog-recent-card span,
      .blog-recent-card small,
      .blog-recent-card strong {
        display: block;
      }
      .blog-recent-card small {
        color: var(--orange, #e05a2b);
        font-size: 11px;
        font-weight: 900;
        margin-bottom: 0.25rem;
      }
      .blog-recent-card strong {
        color: var(--navy, #0f2744);
        font-size: 13.5px;
        line-height: 1.35;
      }
      .blog-more-link {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        color: var(--orange, #e05a2b);
        font-weight: 900;
        font-size: 13px;
        margin-top: 0.9rem;
      }
      .blog-sidebar-cta {
        background: var(--navy, #0f2744);
      }
      .blog-sidebar-cta h2,
      .blog-sidebar-cta p {
        color: #fff;
      }
      .blog-sidebar-cta p {
        color: rgba(255, 255, 255, 0.76);
        font-size: 13.5px;
        line-height: 1.6;
      }
      .blog-sidebar-cta .btn-p,
      .blog-sidebar-cta .btn-o {
        width: 100%;
        text-align: center;
        justify-content: center;
        margin-top: 0.6rem;
      }
      .blog-sidebar-cta .btn-o {
        color: #fff;
        border-color: rgba(255, 255, 255, 0.55);
      }
      .network-search-card {
        background: #fff;
        border: 1px solid var(--border, #e2dfd8);
        border-radius: 16px;
        box-shadow: 0 14px 35px rgba(15, 39, 68, 0.08);
        padding: 1rem;
        margin-bottom: 1rem;
        display: grid;
        grid-template-columns: minmax(260px, 1fr) minmax(300px, 0.55fr);
        align-items: center;
        gap: 1.25rem;
      }
      .network-search-card .network-panel-head {
        margin-bottom: 0;
      }
      .network-search-actions {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        min-width: 0;
      }
      .network-search-actions .network-search-control {
        flex: 1 1 auto;
        min-width: 0;
        margin-bottom: 0;
      }
      .network-search-actions .network-reset-btn {
        flex: 0 0 auto;
        width: auto;
        min-width: 104px;
        margin: 0;
        padding: 0.68rem 0.95rem;
      }
      .network-search-card .network-helper {
        margin-bottom: 0;
      }
      .network-panel-search {
        align-items: stretch;
        margin-bottom: 0.9rem;
      }
      .network-panel-search .network-search-control {
        width: 100%;
        margin-bottom: 0;
      }
      .network-panel-search .network-search-control .form-control {
        height: 56px;
        border-radius: 12px;
        padding-left: 46px;
        padding-right: 100px;
        font-size: 15px;
      }
      .network-panel-search .network-search-control i {
        left: 15px;
        font-size: 19px;
      }
      .network-panel-search .network-reset-btn {
        width: 100%;
        min-height: 44px;
        margin-top: 8px;
      }
      .network-map-row.row {
        display: grid;
        grid-template-columns: minmax(320px, 400px) minmax(0, 1fr);
        gap: 1rem;
        margin: 0;
        align-items: stretch;
      }
      .network-map-row.row > [class*="col-"] {
        width: auto;
        max-width: none;
        padding: 0;
      }
      .network-search-panel {
        display: flex;
        flex-direction: column;
        min-height: 0;
        height: 680px;
        padding: 1rem;
      }
      .network-results-head {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 0.75rem;
        padding-bottom: 0.75rem;
        border-bottom: 1px solid var(--border, #e2dfd8);
        margin-bottom: 0.75rem;
      }
      .network-results-head span {
        color: var(--navy, #0f2744);
        font-weight: 800;
        font-size: 14px;
      }
      .network-results-head small {
        color: var(--muted, #666);
        font-size: 11.5px;
        line-height: 1.3;
        text-align: right;
      }
      .network-results {
        flex: 1 1 auto;
        max-height: none;
        min-height: 0;
      }
      .network-map-shell,
      .network-map {
        height: 680px;
        min-height: 680px;
      }
      .network-map {
        height: 680px !important;
      }
      .network-map-shell {
        position: sticky;
        top: 78px;
      }
      .network-clinic-table tr:hover td {
        background: #f7fbff;
      }
      .network-clinic-table .badge {
        display: inline-flex;
        align-items: center;
        white-space: normal;
        line-height: 1.25;
        margin-top: 4px;
      }
      @media (max-width: 1100px) {
        .blog-toolbar {
          grid-template-columns: 1fr;
          align-items: stretch;
        }
        .blog-count-label {
          justify-self: start;
        }
        .blog-post-hero-inner,
        .blog-post-layout {
          grid-template-columns: 1fr;
        }
        .blog-post-sidebar {
          position: static;
          grid-template-columns: 1fr 1fr;
        }
        .network-search-card {
          grid-template-columns: 1fr;
          align-items: stretch;
        }
        .network-search-actions {
          align-items: stretch;
        }
        .network-search-panel .network-panel-search {
          margin-bottom: 0.5rem;
        }
      }
      @media (max-width: 991px) {
        .blog-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .blog-post-hero {
          padding: 3.2rem 1.25rem 2.5rem;
        }
        .blog-post-hero-media img {
          min-height: 250px;
        }
        .network-map-row.row {
          grid-template-columns: 1fr;
        }
        .network-map-row.row > .col-lg-8 {
          grid-row: 1;
        }
        .network-map-row.row > .col-lg-4 {
          grid-row: 2;
        }
        .network-map-shell {
          position: relative;
          top: auto;
        }
        .network-map-shell,
        .network-map {
          height: 430px;
          min-height: 430px;
        }
        .network-map {
          height: 430px !important;
        }
        .network-search-panel {
          height: 380px;
          min-height: 380px;
        }
        .network-search-panel .network-results-head {
          padding-top: 0.15rem;
        }
      }
      @media (max-width: 600px) {
        .blog-index-section,
        .blog-post-section {
          padding-left: 0.85rem;
          padding-right: 0.85rem;
        }
        .blog-filter-grid,
        .blog-grid,
        .blog-post-sidebar {
          grid-template-columns: 1fr;
        }
        .blog-toolbar,
        .blog-card,
        .blog-article-card,
        .blog-sidebar-card,
        .blog-post-hero-media {
          border-radius: 12px;
        }
        .blog-toolbar {
          padding: 0.9rem;
        }
        .blog-toolbar-copy h2 {
          font-size: 24px;
        }
        .blog-card h3 {
          font-size: 20px;
        }
        .blog-post-hero {
          padding: 2.6rem 1rem 2rem;
        }
        .blog-post-hero h1 {
          font-size: 34px;
        }
        .blog-post-hero-copy > p {
          font-size: 15px;
        }
        .blog-post-meta {
          gap: 0.65rem;
        }
        .blog-post-hero-media img {
          min-height: 210px;
        }
        .blog-article-card {
          padding: 1.15rem;
        }
        .blog-article-content {
          font-size: 15px;
          line-height: 1.75;
        }
        .blog-article-content h2 {
          font-size: 25px;
        }
        .blog-article-content h3 {
          font-size: 21px;
        }
        .blog-recent-card img {
          width: 76px;
          height: 76px;
        }
        .network-section {
          padding-left: 0.85rem;
          padding-right: 0.85rem;
        }
        .network-search-card,
        .network-search-panel,
        .network-map-shell {
          border-radius: 12px;
        }
        .network-search-actions {
          flex-direction: column;
        }
        .network-search-actions .network-reset-btn {
          width: 100%;
        }
        .network-helper {
          grid-template-columns: 1fr;
        }
        .network-map-shell,
        .network-map {
          height: 360px;
          min-height: 360px;
        }
        .network-map {
          height: 360px !important;
        }
        .network-search-panel {
          height: 360px;
          min-height: 360px;
          padding: 0.8rem;
        }
        .network-clinic-table th,
        .network-clinic-table td {
          padding: 0.65rem;
          font-size: 12.5px;
        }
        .network-results-head {
          align-items: flex-start;
          flex-direction: column;
          gap: 0.2rem;
        }
        .network-results-head small {
          text-align: left;
        }
      }
      .content-wrap {
        max-width: 1200px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 330px;
        gap: 2rem;
      }
      .article-card {
        background: #fff;
        border: 1px solid var(--border);
        border-radius: 16px;
        padding: 2rem;
        margin-bottom: 1rem;
      }
      .article-card h2 {
        font-family: "Fraunces", serif;
        color: var(--navy);
        font-size: 27px;
        margin-bottom: 0.8rem;
      }
      .article-card h3 {
        color: var(--navy);
        font-size: 17px;
        margin: 1.4rem 0 0.5rem;
      }
      .article-card p {
        color: #4d4d4d;
        line-height: 1.8;
        margin-bottom: 0.9rem;
      }
      .article-card ul,
      .article-card ol {
        margin: 0 0 1rem 1.1rem;
      }
      .article-card li {
        color: #4d4d4d;
        margin: 0.45rem 0;
        line-height: 1.65;
      }
      .fmcsa-req-card {
        border-color: #dbe8f4;
        background: linear-gradient(180deg, #fff 0%, #f7fbff 100%);
      }
      .reg-cite {
        font-family: "Outfit", sans-serif;
        font-size: 13px;
        color: var(--muted);
        font-weight: 700;
      }
      .req-intro {
        font-size: 13.5px;
        font-weight: 700;
        color: var(--navy);
        margin-bottom: 0.6rem;
      }
      .fmcsa-req-list {
        list-style: none;
        margin: 0;
      }
      .fmcsa-req-list li {
        display: flex;
        gap: 10px;
        align-items: flex-start;
        background: #fff;
        border: 1px solid var(--border);
        border-radius: 12px;
        padding: 0.9rem 1rem;
        margin: 0 0 9px;
      }
      .req-icon {
        color: var(--orange);
        font-size: 12px;
        margin-top: 5px;
        flex: 0 0 auto;
      }
      .fmcsa-warning-box {
        display: flex;
        gap: 12px;
        align-items: flex-start;
        background: #fff7f2;
        border: 1.5px solid #f5c4a8;
        border-radius: 14px;
        padding: 1rem;
        margin-top: 1.1rem;
      }
      .fmcsa-warn-icon {
        color: var(--orange);
        font-size: 21px;
        line-height: 1;
      }
      .fmcsa-warning-box strong,
      .fmcsa-warning-box span {
        display: block;
      }
      .fmcsa-warning-box strong {
        color: var(--orange2);
        margin-bottom: 4px;
      }
      .fmcsa-warning-box span {
        color: #6b4a3a;
        font-size: 13.5px;
        line-height: 1.6;
      }
      .reg-links {
        display: flex;
        gap: 1.25rem;
        flex-wrap: wrap;
        margin-top: 1.1rem;
      }
      .reg-links a {
        font-size: 13px;
        color: var(--navy2);
        font-weight: 600;
        text-decoration: underline;
        text-underline-offset: 3px;
      }
      .why-choose-card {
        background: #fff;
      }
      .why-benefits-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        margin-top: 1.2rem;
      }
      .why-benefit-item {
        display: flex;
        gap: 10px;
        align-items: flex-start;
        background: var(--bg);
        border: 1px solid var(--border);
        border-radius: 12px;
        padding: 1rem;
      }
      .why-benefit-icon {
        width: 24px;
        height: 24px;
        border-radius: 999px;
        background: #eaf7f1;
        color: var(--teal);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
        font-weight: 900;
        flex: 0 0 auto;
      }
      .why-benefit-item strong,
      .why-benefit-item span {
        display: block;
      }
      .why-benefit-item strong {
        color: var(--navy);
        font-size: 13.5px;
        margin-bottom: 4px;
      }
      .why-benefit-item span {
        color: #5b5b5b;
        font-size: 12.5px;
        line-height: 1.55;
      }
      .benefit-cta {
        margin-top: 1.5rem;
        padding-top: 1.25rem;
        border-top: 1px solid var(--border);
        display: flex;
        align-items: center;
        gap: 1rem;
        flex-wrap: wrap;
      }
      .benefit-cta .btn-p {
        font-size: 14px;
        padding: 12px 24px;
      }
      .benefit-cta span {
        font-size: 13px;
        color: var(--muted);
      }
      .benefit-cta a:not(.btn-p) {
        color: var(--navy);
        font-weight: 600;
      }
      .info-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        margin-top: 1rem;
      }
      .info-box {
        background: var(--bg);
        border: 1px solid var(--border);
        border-radius: 12px;
        padding: 1rem;
      }
      .info-box strong {
        display: block;
        color: var(--navy);
        margin-bottom: 4px;
      }
      .sidebar {
        position: sticky;
        top: 84px;
        align-self: start;
      }
      .side-card {
        background: #fff;
        border: 1px solid var(--border);
        border-radius: 16px;
        padding: 1.25rem;
        margin-bottom: 1rem;
      }
      .side-card h3 {
        font-size: 16px;
        color: var(--navy);
        margin-bottom: 0.65rem;
      }
      .side-price {
        font-family: "Fraunces", serif;
        color: var(--orange);
        font-size: 30px;
        line-height: 1;
        margin-bottom: 0.2rem;
      }
      .side-note {
        font-size: 12.5px;
        color: var(--muted);
        margin-bottom: 0.9rem;
      }
      .small-link-list {
        list-style: none;
      }
      .small-link-list li {
        border-bottom: 1px solid var(--border);
      }
      .small-link-list a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #444;
        padding: 9px 0;
        font-size: 13.5px;
      }
      .faq-list .fq {
        background: #fff;
        border: 1px solid var(--border);
        border-radius: 10px;
        padding: 1rem;
        margin-top: 10px;
        cursor: pointer;
        font-weight: 700;
        color: var(--navy);
      }
      .faq-list .fa {
        display: none;
        background: #fff;
        border: 1px solid var(--border);
        border-top: 0;
        border-radius: 0 0 10px 10px;
        padding: 0 1rem 1rem;
        color: #555;
        line-height: 1.7;
      }
      .faq-list .fa.op {
        display: block;
      }
      .related-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 14px;
      }
      .related-card {
        background: #fff;
        border: 1px solid var(--border);
        border-radius: 14px;
        padding: 1.1rem;
        color: inherit;
      }
      .related-card strong {
        color: var(--navy);
        display: block;
        margin-bottom: 5px;
      }
      .related-card span {
        font-size: 13px;
        color: var(--muted);
        line-height: 1.55;
      }
      .cta-section {
        background: var(--navy);
        color: #fff;
        padding: 3rem 2.5rem;
      }
      .cta-inner {
        max-width: 1050px;
        margin: auto;
        text-align: center;
      }
      .cta-inner h2 {
        font-family: "Fraunces", serif;
        font-size: 30px;
        margin-bottom: 0.6rem;
      }
      .cta-inner p {
        color: #aac2d4;
        margin-bottom: 1.2rem;
      }
      .nav-dd {
        padding: 20px 0;
      }
      .nav-ddmenu {
        top: 100%;
      }
      @media (max-width: 900px) {
        .service-hero-inner,
        .content-wrap {
          grid-template-columns: 1fr;
        }
        .service-h1 {
          font-size: 34px;
        }
        .sidebar {
          position: static;
        }
        .info-grid,
        .related-grid,
        .why-benefits-grid {
          grid-template-columns: 1fr;
        }
        .service-hero {
          padding: 2.8rem 1.25rem;
        }
        .article-card {
          padding: 1.3rem;
        }
        .service-ctas .btn-p,
        .service-ctas .btn-o,
        .service-ctas .btn-hero-blue {
          width: 100%;
          text-align: center;
        }
      }
      @media (max-width: 600px) {
        .rtd-triggers-grid {
          grid-template-columns: 1fr;
        }
        .fut-req-grid,
        .fut-outcomes-grid,
        .hair-compare,
        .checklist-grid {
          grid-template-columns: 1fr;
        }
        .pb-total {
          flex-direction: column;
          align-items: flex-start;
          gap: 4px;
        }
      }

      .nav-section-label {
        font-size: 10.5px;
        font-weight: 800;
        letter-spacing: 0.9px;
        text-transform: uppercase;
        color: var(--orange);
        padding: 8px 10px 5px;
        margin-top: 2px;
        display: block;
      }
      .nav-ddmenu a.reason-link {
        padding-left: 14px;
      }
      .reason-badge {
        font-size: 9px;
        background: #eef2f7;
        color: var(--navy2);
        padding: 1px 5px;
        border-radius: 3px;
        margin-left: auto;
        font-weight: 800;
      }
      .content-section {
        padding: 3.6rem 2.5rem;
        background: var(--bg);
      }
      .content-section.white {
        background: #fff;
      }
      .content-inner {
        max-width: 1100px;
        margin: 0 auto;
      }
      .content-grid {
        display: grid;
        grid-template-columns: 1.4fr 0.65fr;
        gap: 2rem;
        align-items: start;
      }
      .prose-card {
        background: #fff;
        border: 1px solid var(--border);
        border-radius: 16px;
        padding: 1.75rem;
      }
      .white .prose-card {
        background: var(--bg);
      }
      .prose-card h2 {
        font-family: "Fraunces", serif;
        color: var(--navy);
        font-size: 28px;
        margin: 0 0 0.8rem;
      }
      .prose-card h3 {
        color: var(--navy);
        font-size: 18px;
        margin: 1.4rem 0 0.55rem;
      }
      .prose-card p {
        color: #555;
        font-size: 14.5px;
        line-height: 1.85;
        margin: 0.65rem 0;
      }
      .prose-card ul,
      .prose-card ol {
        margin: 0.75rem 0 1rem 1.1rem;
        color: #444;
      }
      .prose-card li {
        font-size: 14px;
        line-height: 1.7;
        margin: 0.25rem 0;
      }
      .side-card {
        background: #fff;
        border: 1px solid var(--border);
        border-radius: 16px;
        padding: 1.4rem;
        position: sticky;
        top: 82px;
      }
      .side-card h3 {
        font-size: 17px;
        color: var(--navy);
        margin-bottom: 0.65rem;
      }
      .side-card p {
        font-size: 13.5px;
        color: #555;
        line-height: 1.65;
        margin-bottom: 1rem;
      }
      .side-list {
        list-style: none;
        margin: 0 0 1rem;
      }
      .side-list li {
        display: flex;
        gap: 8px;
        align-items: flex-start;
        font-size: 13px;
        color: #444;
        padding: 6px 0;
        border-bottom: 1px solid #eeeae3;
      }
      .side-list li:last-child {
        border-bottom: none;
      }
      .side-list i {
        color: var(--teal);
        margin-top: 2px;
      }
      .btn-small-primary {
        background: var(--orange);
        color: #fff;
        border-radius: 8px;
        padding: 11px 15px;
        font-weight: 800;
        font-size: 13.5px;
        display: block;
        text-align: center;
      }
      .btn-small-primary:hover {
        background: var(--orange2);
      }
      .btn-small-outline {
        border: 2px solid var(--navy);
        color: var(--navy);
        border-radius: 8px;
        padding: 10px 15px;
        font-weight: 800;
        font-size: 13.5px;
        display: block;
        text-align: center;
        margin-top: 8px;
      }
      .btn-small-outline:hover {
        background: var(--light);
      }
      .mini-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        margin-top: 1.2rem;
      }
      .mini-card {
        background: var(--bg);
        border: 1px solid var(--border);
        border-radius: 12px;
        padding: 1rem;
      }
      .mini-card h4 {
        font-size: 14.5px;
        color: var(--navy);
        margin-bottom: 5px;
      }
      .mini-card p {
        font-size: 13px;
        line-height: 1.6;
        color: #555;
        margin: 0;
      }
      @media (max-width: 850px) {
        .content-grid {
          grid-template-columns: 1fr;
        }
        .side-card {
          position: static;
        }
        .mini-grid {
          grid-template-columns: 1fr;
        }
      }
      @media (max-width: 560px) {
        .content-section {
          padding: 2.5rem 1.25rem;
        }
        .prose-card {
          padding: 1.35rem;
        }
        .prose-card h2 {
          font-size: 24px;
        }
      }

      .guide-nav-menu {
        min-width: 300px;
        max-height: 70vh;
        overflow: auto;
      }

      /* ── GUIDE PAGES ── */
      .guide-hero {
        background: linear-gradient(
          135deg,
          #0b1e38 0%,
          #0f2744 50%,
          #1a3a5c 100%
        );
        padding: 4rem 2.5rem 3.5rem;
        color: #fff;
        position: relative;
        overflow: hidden;
      }
      .guide-hero::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
          radial-gradient(
            ellipse at 75% 20%,
            rgba(224, 90, 43, 0.18),
            transparent 55%
          ),
          radial-gradient(
            ellipse at 5% 90%,
            rgba(13, 158, 117, 0.13),
            transparent 60%
          );
      }
      .guide-hero-inner {
        position: relative;
        z-index: 1;
        max-width: 1120px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1fr 320px;
        gap: 2rem;
        align-items: end;
      }
      .guide-kicker {
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: #f5a07a;
        margin-bottom: 10px;
      }
      .guide-h1 {
        font-family: "Fraunces", serif;
        font-size: 42px;
        line-height: 1.12;
        letter-spacing: -0.5px;
        margin-bottom: 14px;
        max-width: 800px;
      }
      .guide-sub {
        font-size: 16px;
        line-height: 1.7;
        color: rgba(255, 255, 255, 0.78);
        max-width: 760px;
      }
      .guide-card {
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 16px;
        padding: 1.2rem;
        backdrop-filter: blur(8px);
      }
      .guide-card p {
        font-size: 12.5px;
        color: rgba(255, 255, 255, 0.75);
        margin-bottom: 8px;
      }
      .guide-card strong {
        color: #fff;
      }
      .guide-card .btn-p {
        width: 100%;
        text-align: center;
        margin-top: 8px;
      }
      .guide-wrap {
        max-width: 1120px;
        margin: 0 auto;
        padding: 3rem 2.5rem;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 300px;
        gap: 2rem;
        align-items: start;
      }
      .guide-article {
        background: #fff;
        border: 1px solid var(--border);
        border-radius: 16px;
        padding: 2.2rem;
        box-shadow: 0 8px 24px rgba(15, 39, 68, 0.05);
      }
      .guide-article h2 {
        font-family: "Fraunces", serif;
        font-size: 27px;
        color: var(--navy);
        margin: 2rem 0 0.75rem;
        line-height: 1.25;
      }
      .guide-article h2:first-child {
        margin-top: 0;
      }
      .guide-article h3 {
        font-size: 18px;
        color: var(--navy2);
        margin: 1.4rem 0 0.5rem;
      }
      .guide-article p {
        font-size: 15px;
        line-height: 1.75;
        color: #444;
        margin: 0.7rem 0;
      }
      .guide-article ul,
      .guide-article ol {
        margin: 0.75rem 0 1rem 1.25rem;
      }
      .guide-article li {
        font-size: 15px;
        line-height: 1.7;
        color: #444;
        margin: 0.25rem 0;
      }
      .quick-answer {
        background: #fff8f5;
        border: 1.5px solid #f5c4a8;
        border-radius: 14px;
        padding: 1.2rem;
        margin: 0 0 1.5rem;
      }
      .quick-answer h2 {
        margin: 0 0 0.5rem !important;
        color: var(--orange2);
      }
      .key-box {
        background: #f7fbff;
        border: 1.5px solid #dbe8f4;
        border-radius: 14px;
        padding: 1.1rem;
        margin: 1.25rem 0;
      }
      .key-box strong {
        color: var(--navy);
      }
      .author-box {
        background: var(--bg);
        border: 1px solid var(--border);
        border-radius: 14px;
        padding: 1.2rem;
        margin-top: 2rem;
      }
      .author-box p {
        font-size: 13.5px;
        margin: 0.25rem 0;
        color: #555;
      }
      .guide-sidebar {
        position: sticky;
        top: 86px;
      }
      .side-box {
        background: #fff;
        border: 1px solid var(--border);
        border-radius: 14px;
        padding: 1rem;
        margin-bottom: 1rem;
      }
      .side-box h3 {
        font-size: 15px;
        color: var(--navy);
        margin-bottom: 0.7rem;
      }
      .side-box a {
        display: block;
        color: var(--navy2);
        font-size: 13.5px;
        font-weight: 600;
        padding: 0.45rem 0;
        border-bottom: 1px solid #f0ede8;
      }
      .side-box a:last-child {
        border-bottom: 0;
      }
      .side-cta {
        background: var(--navy);
        color: #fff;
        border-radius: 14px;
        padding: 1.2rem;
      }
      .side-cta p {
        font-size: 13px;
        color: #b8d5ea;
        line-height: 1.55;
        margin: 0.4rem 0 1rem;
      }
      .side-cta .btn-p {
        width: 100%;
        text-align: center;
      }
      .guide-list-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
      }
      .guide-tile {
        background: #fff;
        border: 1.5px solid var(--border);
        border-radius: 14px;
        padding: 1.25rem;
        text-decoration: none;
        color: inherit;
        display: block;
        transition: 0.15s;
      }
      .guide-tile:hover {
        border-color: var(--navy2);
        transform: translateY(-2px);
        box-shadow: 0 8px 24px rgba(15, 39, 68, 0.08);
      }
      .guide-tile .gcat {
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: var(--orange);
        font-weight: 800;
      }
      .guide-tile h3 {
        font-size: 17px;
        color: var(--navy);
        margin: 0.4rem 0;
      }
      .guide-tile p {
        font-size: 13px;
        color: #666;
        line-height: 1.6;
      }
      .related-guides {
        background: #fff;
        border: 1px solid var(--border);
        border-radius: 14px;
        padding: 1.5rem;
        margin: 2rem auto;
        max-width: 1120px;
      }
      .related-guides h2 {
        font-family: "Fraunces", serif;
        color: var(--navy);
        font-size: 24px;
        margin-bottom: 1rem;
      }
      @media (max-width: 900px) {
        .guide-hero-inner,
        .guide-wrap {
          grid-template-columns: 1fr;
        }
        .guide-card {
          max-width: 420px;
        }
        .guide-h1 {
          font-size: 34px;
        }
        .guide-sidebar {
          position: static;
        }
        .guide-list-grid {
          grid-template-columns: 1fr;
        }
        .guide-article {
          padding: 1.4rem;
        }
        .guide-wrap {
          padding: 2rem 1rem;
        }
        .guide-hero {
          padding: 3rem 1rem;
        }
      }
      /* ── FOUR PAGES ADDITIONS ── */
      .panel-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin: 0.85rem 0;
      }
      .panel-item {
        background: var(--bg, #f5f4f0);
        border: 1px solid var(--border, #e2dfd8);
        border-radius: 10px;
        padding: 0.85rem 1rem;
      }
      .panel-item strong {
        display: block;
        font-size: 13px;
        color: var(--navy, #0f2744);
        margin-bottom: 4px;
      }
      .panel-item ul {
        list-style: none;
        margin: 0;
      }
      .panel-item ul li {
        font-size: 12.5px;
        color: #555;
        padding: 2px 0;
        display: flex;
        align-items: center;
        gap: 6px;
      }
      .panel-item ul li::before {
        content: "";
        display: inline-block;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: var(--teal, #0d9e75);
        flex-shrink: 0;
      }

      .stat-strip {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        margin: 0.85rem 0;
      }
      .stat-strip-2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin: 0.85rem 0;
      }
      .sstat {
        background: var(--navy, #0f2744);
        border-radius: 10px;
        padding: 0.9rem 1.1rem;
        text-align: center;
      }
      .sstat-n {
        display: block;
        font-family: "Fraunces", serif;
        font-size: 24px;
        color: #fff;
        line-height: 1;
        margin-bottom: 4px;
      }
      .sstat-l {
        display: block;
        font-size: 11.5px;
        color: rgba(255, 255, 255, 0.75);
        line-height: 1.4;
      }
       .btn-o{
        color: #fff !important;
      }
      .btn-o:hover{
        color: var(--navy) !important;
      }
      .btn-o.btn-on-dark {
        color: #fff !important;
        border-color: rgba(255, 255, 255, 0.55) !important;
        background: transparent;
      }
      .btn-o.btn-on-dark:hover {
        color: var(--navy) !important;
        background: #fff;
        border-color: #fff !important;
      }
      .fmcsa-feed-actions .btn-o {
        color: var(--navy) !important;
        border-color: var(--navy) !important;
        background: #fff;
      }
      .fmcsa-feed-actions .btn-o:hover {
        color: #fff !important;
        background: var(--navy);
        border-color: var(--navy) !important;
      }
      .mob-ctas .btn-o {
        color: var(--navy, #0b1e38) !important;
        background: #fff !important;
        border-color: var(--navy, #0b1e38) !important;
      }
      .mob-ctas .btn-o:hover {
        color: var(--navy, #0b1e38) !important;
        background: var(--light, #f5f8fb) !important;
        border-color: var(--navy, #0b1e38) !important;
      }