/* Generated by scripts/build-guest-css.php. */

/* Source: public/new-dashboard/assets/fmcsa-rss.css */
/* FMCSA RSS Updates */
.fmcsa-updates-section{background:#fff;border:1px solid var(--border,#e2dfd8);border-radius:18px;padding:28px;margin:34px auto;max-width:1180px;box-shadow:0 12px 30px rgba(15,39,68,.06)}
.fmcsa-updates-kicker{color:var(--orange,#e05a2b);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:12px;margin-bottom:6px}
.fmcsa-updates-section h2{font-size:clamp(24px,3vw,36px);color:var(--navy,#0f2744);margin:0 0 8px}
.fmcsa-updates-intro{color:var(--muted,#666);max-width:760px;line-height:1.65;margin:0 0 20px}
.fmcsa-feed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.fmcsa-feed-card{border:1px solid var(--border,#e2dfd8);border-radius:14px;padding:16px;background:#fafafa;display:flex;flex-direction:column;gap:8px;min-height:190px}
.fmcsa-feed-date{font-size:12px;color:var(--muted,#666);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.fmcsa-feed-card h3{font-size:18px;line-height:1.3;color:var(--navy,#0f2744);margin:0}
.fmcsa-feed-card p{color:var(--muted,#666);line-height:1.55;margin:0;flex:1}
.fmcsa-feed-card a{font-weight:800;color:var(--orange,#e05a2b);text-decoration:none}
.fmcsa-feed-card a:hover{text-decoration:underline}
.fmcsa-feed-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:18px}
.fmcsa-disclaimer{font-size:13px;color:var(--muted,#666);line-height:1.5;margin-top:12px}
.fmcsa-status{font-size:14px;color:var(--muted,#666);padding:10px 0}
.fmcsa-topic-filter{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.fmcsa-topic-filter button{border:1px solid var(--border,#e2dfd8);background:#fff;border-radius:999px;padding:8px 12px;font-weight:700;cursor:pointer}
.fmcsa-topic-filter button.active{background:var(--navy,#0f2744);color:#fff;border-color:var(--navy,#0f2744)}
@media(max-width:850px){.fmcsa-feed-grid{grid-template-columns:1fr}.fmcsa-updates-section{padding:22px;margin:24px 12px}}


/* Source: public/css/about.css */
        /* ── 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, .18) 0%, transparent 65%), radial-gradient(ellipse at 10% 80%, rgba(13, 158, 117, .12) 0%, transparent 55%);
            pointer-events: none
        }

        .hero::after {
            content: '';
            position: absolute;
            inset: 0;
            background-image: radial-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px);
            background-size: 28px 28px;
            pointer-events: none;
            opacity: .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: -.5px;
            margin-bottom: 1.1rem
        }

        .h1 em {
            font-style: italic;
            color: #f5a07a
        }

        .hero-sub {
            font-size: 16px;
            color: rgba(255, 255, 255, .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, .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: .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: .5rem;
            letter-spacing: -.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 .15s, transform .15s, box-shadow .15s;
            background: var(--white)
        }

        .wby-card:hover {
            border-color: var(--navy2);
            transform: translateY(-3px);
            box-shadow: 0 8px 24px rgba(15, 39, 68, .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, .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: .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 .15s, transform .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: .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 .15s, transform .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: -.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: .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: .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: .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: .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 .15s, transform .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 .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: .75rem;
            letter-spacing: -.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, .07);
            border: 1px solid rgba(255, 255, 255, .12);
            border-radius: 10px;
            padding: .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: .6rem;
            letter-spacing: -.3px
        }

        .cta-p {
            font-size: 15px;
            color: rgba(255, 255, 255, .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, .5);
            cursor: pointer;
            text-decoration: none;
            display: inline-block
        }

        .bw2:hover {
            background: rgba(255, 255, 255, .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, .35);
            cursor: pointer;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 8px
        }

        .bg3:hover {
            background: rgba(255, 255, 255, .08)
        }




        /* ── 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: -.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 .15s, border-color .15s, box-shadow .15s
        }

        .path-card:hover {
            transform: translateY(-2px);
            border-color: var(--navy2);
            box-shadow: 0 10px 30px rgba(15, 39, 68, .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) {
            .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
            }

            footer {
                padding: 2rem 1.25rem 1rem
            }

            .fg {
                grid-template-columns: 1fr
            }

            .trust-bar-inner {
                flex-wrap: wrap
            }

            .tb-stat {
                flex: 1 1 calc(50% - 1px)
            }

            .ctbl {
                font-size: 12px
            }

            .ctbl th,
            .ctbl td {
                padding: .6rem .75rem
            }

            .mkt-stats {
                grid-template-columns: 1fr
            }

            .path-list {
                grid-template-columns: 1fr
            }

            .rtd-strip {
                padding: 1rem 1.25rem
            }

            body {
                padding-bottom: 68px
            }

            .mobile-sticky {
                display: flex;
                position: fixed;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 450;
                background: #fff;
                border-top: 1px solid var(--border);
                box-shadow: 0 -8px 24px rgba(0, 0, 0, .08);
                padding: 8px;
                gap: 8px
            }

            .mobile-sticky a {
                flex: 1;
                text-align: center;
                border-radius: 8px;
                padding: 10px 6px;
                font-size: 12.5px;
                font-weight: 800;
                color: #fff;
                background: var(--navy);
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 5px
            }

            .mobile-sticky a:nth-child(2) {
                background: var(--orange)
            }

            .mobile-sticky a:nth-child(3) {
                background: var(--teal2)
            }
        }


        .nav-section-label {
            font-size: 10.5px;
            font-weight: 800;
            letter-spacing: .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 .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 .8rem
        }

        .prose-card h3 {
            color: var(--navy);
            font-size: 18px;
            margin: 1.4rem 0 .55rem
        }

        .prose-card p {
            color: #555;
            font-size: 14.5px;
            line-height: 1.85;
            margin: .65rem 0
        }

        .prose-card ul,
        .prose-card ol {
            margin: .75rem 0 1rem 1.1rem;
            color: #444
        }

        .prose-card li {
            font-size: 14px;
            line-height: 1.7;
            margin: .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: .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
        }


        /* ── INTERIOR PAGES: CONTACT / ABOUT ── */
        .page-hero {
            background: linear-gradient(135deg, #0b1e38 0%, #0f2744 55%, #1a3a5c 100%);
            padding: 4.25rem 2.5rem 3.5rem;
            position: relative;
            overflow: hidden;
            color: #fff
        }

        .page-hero::before {
            content: '';
            position: absolute;
            inset: 0;
            background: radial-gradient(ellipse at 78% 45%, rgba(224, 90, 43, .18), transparent 60%), radial-gradient(ellipse at 10% 80%, rgba(13, 158, 117, .13), transparent 55%)
        }

        .page-hero-inner {
            max-width: 1200px;
            margin: 0 auto;
            position: relative;
            z-index: 1;
            display: grid;
            grid-template-columns: 1.1fr .9fr;
            gap: 2.5rem;
            align-items: center
        }

        .page-kicker {
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 2px;
            text-transform: uppercase;
            color: #f5a07a;
            margin-bottom: 12px
        }

        .page-title {
            font-family: 'Fraunces', serif;
            font-size: 42px;
            line-height: 1.12;
            letter-spacing: -.5px;
            margin-bottom: 1rem;
            color: #fff
        }

        .page-lead {
            font-size: 16px;
            line-height: 1.75;
            color: rgba(255, 255, 255, .78);
            max-width: 610px;
            margin-bottom: 1.5rem
        }

        .hero-proof {
            display: flex;
            gap: 10px;
            flex-wrap: wrap
        }

        .hero-proof span {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            border: 1px solid rgba(255, 255, 255, .18);
            background: rgba(255, 255, 255, .08);
            color: #fff;
            border-radius: 999px;
            padding: 8px 11px;
            font-size: 12.5px;
            font-weight: 700
        }

        .hero-proof i {
            color: #5dcaa5
        }

        .hero-card {
            background: #fff;
            border: 1px solid var(--border);
            border-radius: 18px;
            padding: 1.5rem;
            color: var(--text);
            box-shadow: 0 22px 60px rgba(0, 0, 0, .22)
        }

        .hero-card h3 {
            font-size: 17px;
            color: var(--navy);
            margin-bottom: 8px
        }

        .hero-card p {
            font-size: 13.5px;
            color: var(--muted);
            line-height: 1.65;
            margin-bottom: 1rem
        }

        .quick-list {
            list-style: none;
            display: grid;
            gap: 10px;
            margin-top: 12px
        }

        .quick-list li {
            display: flex;
            gap: 9px;
            align-items: flex-start;
            font-size: 13.5px;
            color: #444;
            line-height: 1.55
        }

        .quick-list i {
            color: var(--teal);
            font-size: 17px;
            margin-top: 2px;
            flex-shrink: 0
        }

        .page-wrap {
            padding: 3.5rem 2.5rem;
            background: var(--bg)
        }

        .page-inner {
            max-width: 1200px;
            margin: 0 auto
        }

        .two-col {
            display: grid;
            grid-template-columns: 1.05fr .95fr;
            gap: 2rem;
            align-items: start
        }

        .page-hero + .page-wrap .card,
        .page-hero ~ .sec .card {
            background: #fff;
            border: 1px solid var(--border);
            border-radius: 16px;
            padding: 1.6rem;
            box-shadow: 0 6px 24px rgba(15, 39, 68, .05)
        }

        .page-hero + .page-wrap .card h2,
        .page-hero ~ .sec .card h2,
        .section-title {
            font-family: 'Fraunces', serif;
            color: var(--navy);
            font-size: 27px;
            line-height: 1.2;
            margin-bottom: .75rem;
            letter-spacing: -.3px
        }

        .page-hero + .page-wrap .card h3,
        .page-hero ~ .sec .card h3 {
            color: var(--navy);
            font-size: 17px;
            margin: 1.2rem 0 .5rem
        }

        .page-hero + .page-wrap .card p,
        .page-hero ~ .sec .card p {
            color: #555;
            line-height: 1.75;
            margin-bottom: 1rem;
            font-size: 14.5px
        }

        .info-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 14px;
            margin-top: 1.25rem
        }

        .info-tile {
            background: #fff;
            border: 1px solid var(--border);
            border-radius: 14px;
            padding: 1.25rem
        }

        .info-ico {
            width: 42px;
            height: 42px;
            border-radius: 11px;
            background: var(--light);
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 10px;
            color: var(--navy2);
            font-size: 20px
        }

        .info-tile h3 {
            font-size: 15px;
            color: var(--navy);
            margin-bottom: 6px
        }

        .info-tile p {
            font-size: 13.5px;
            color: var(--muted);
            line-height: 1.6
        }

        .contact-methods {
            display: grid;
            gap: 12px
        }

        .method {
            display: flex;
            gap: 12px;
            align-items: flex-start;
            padding: 14px;
            border: 1px solid var(--border);
            border-radius: 12px;
            background: #fff
        }

        .method i {
            font-size: 23px;
            color: var(--orange);
            flex-shrink: 0;
            margin-top: 2px
        }

        .method strong {
            display: block;
            color: var(--navy);
            font-size: 14.5px;
            margin-bottom: 2px
        }

        .method a,
        .method span {
            color: #444;
            font-size: 14px;
            line-height: 1.55
        }

        .form-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 12px
        }

        .form-field {
            display: flex;
            flex-direction: column;
            gap: 6px;
            margin-bottom: 12px
        }

        .form-field.full {
            grid-column: 1 / -1
        }

        .form-field label {
            font-size: 12px;
            font-weight: 700;
            color: var(--navy);
            letter-spacing: .3px
        }

        .form-field input,
        .form-field select,
        .form-field textarea {
            width: 100%;
            border: 1.5px solid var(--border);
            border-radius: 10px;
            padding: 12px 12px;
            font-family: 'Outfit', sans-serif;
            font-size: 14px;
            background: #fff;
            color: #222;
            outline: none
        }

        .form-field input:focus,
        .form-field select:focus,
        .form-field textarea:focus {
            border-color: var(--navy2);
            box-shadow: 0 0 0 3px rgba(26, 58, 92, .08)
        }

        .form-field textarea {
            min-height: 118px;
            resize: vertical
        }

        .sms-box {
            background: #fffaf7;
            border: 1px solid #f5c4a8;
            border-radius: 12px;
            padding: 12px 13px;
            font-size: 12.5px;
            color: #75401f;
            line-height: 1.55;
            margin: 8px 0 14px
        }

        .check-row {
            display: flex;
            align-items: flex-start;
            gap: 8px;
            margin-top: 8px
        }

        .check-row input {
            margin-top: 4px
        }

        .side-note {
            background: #fffaf7;
            border: 1px solid #f5c4a8;
            border-radius: 14px;
            padding: 1.25rem;
            margin-top: 1rem
        }

        .side-note strong {
            color: var(--orange2)
        }

        .badge-row {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
            margin-top: 10px
        }

        .mini-badge {
            font-size: 11.5px;
            font-weight: 800;
            color: var(--navy);
            background: var(--light);
            border: 1px solid var(--border);
            padding: 6px 9px;
            border-radius: 999px
        }

        .timeline {
            display: grid;
            gap: 14px;
            margin-top: 1rem
        }

        .tline {
            display: grid;
            grid-template-columns: 48px 1fr;
            gap: 12px;
            align-items: start
        }

        .tnum {
            width: 42px;
            height: 42px;
            border-radius: 50%;
            background: var(--orange);
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 800
        }

        .tbody {
            background: #fff;
            border: 1px solid var(--border);
            border-radius: 14px;
            padding: 1rem
        }

        .tbody h3 {
            margin: 0 0 4px;
            color: var(--navy);
            font-size: 15.5px
        }

        .tbody p {
            margin: 0;
            color: #555;
            font-size: 13.5px;
            line-height: 1.6
        }

        .about-list {
            list-style: none;
            display: grid;
            gap: 9px;
            margin: 1rem 0
        }

        .about-list li {
            display: flex;
            gap: 9px;
            align-items: flex-start;
            color: #444;
            font-size: 14px;
            line-height: 1.6
        }

        .about-list i {
            color: var(--teal);
            font-size: 17px;
            margin-top: 2px;
            flex-shrink: 0
        }

        .cta-panel {
            background: linear-gradient(135deg, var(--navy), var(--navy2));
            border-radius: 18px;
            padding: 2rem;
            margin-top: 2rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1.5rem;
            flex-wrap: wrap
        }

        .cta-panel h2 {
            font-family: 'Fraunces', serif;
            font-size: 27px;
            margin-bottom: 6px;
        }

        .cta-panel p {
            font-size: 14.5px;
            line-height: 1.6;
            max-width: 650px
        }

        .cta-panel .btn-p {
            box-shadow: none
        }
        .cta-panel section.eeat-trust , .cta-panel section.eeat-trust h2, .cta-panel section.eeat-trust p{
            color: var(--navy) !important;
        }

        @media(max-width:900px) {

            .page-hero-inner,
            .two-col {
                grid-template-columns: 1fr
            }

            .info-grid {
                grid-template-columns: 1fr
            }

            .form-grid {
                grid-template-columns: 1fr
            }

            .page-title {
                font-size: 34px
            }

            .page-hero {
                padding: 3rem 1.25rem
            }

            .page-wrap {
                padding: 2.5rem 1.25rem
            }

            .hero-card {
                padding: 1.2rem
            }

            .cta-panel {
                align-items: flex-start
            }
        }

        /* NAV ALIGNMENT PATCH */
        @media(min-width:901px) {
            .nl {
                align-items: center
            }

            .nl>a,
            .nav-dd {
                height: 64px;
                display: flex;
                align-items: center
            }

            .nav-ddmenu,
            .guide-nav-menu {
                text-align: left
            }

            .nav-ddmenu a,
            .guide-nav-menu a {
                justify-content: flex-start;
                text-align: left;
                align-items: center
            }

            .nav-ddmenu i,
            .guide-nav-menu i {
                flex: 0 0 16px;
                text-align: center
            }

            .nav-section-label {
                display: block;
                text-align: left;
                padding: 8px 10px 4px;
                color: var(--muted);
                font-size: 10px;
                font-weight: 700;
                letter-spacing: 1.2px;
                text-transform: uppercase
            }
        }


/* Source: public/css/contactus.css */
* {
    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
}

/* ── BUTTONS ── */
.btn-p {
    background: var(--orange);
    color: #fff;
    padding: 14px 28px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    box-shadow: 0 4px 16px rgba(224, 90, 43, .35)
}

.btn-p:hover {
    background: var(--orange2);
    box-shadow: 0 6px 20px rgba(224, 90, 43, .45)
}

.btn-o {
    background: transparent;
    color: var(--navy);
    padding: 13px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid var(--navy);
    cursor: pointer;
    text-decoration: none;
    display: inline-block
}

.btn-o:hover {
    background: var(--light)
}

.btn-o-white {
    background: transparent;
    color: #fff;
    padding: 13px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid rgba(255, 255, 255, .5);
    cursor: pointer;
    text-decoration: none;
    display: inline-block
}

.btn-o-white:hover {
    background: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .8)
}

.btn-hero-blue {
    background: var(--navy2);
    color: #fff;
    padding: 14px 28px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 700;
    border: 1px solid rgba(255, 255, 255, .25);
    cursor: pointer;
    text-decoration: none;
    display: inline-block
}

.btn-hero-blue:hover {
    background: #244a72
}

/* ── 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, .18) 0%, transparent 65%), radial-gradient(ellipse at 10% 80%, rgba(13, 158, 117, .12) 0%, transparent 55%);
    pointer-events: none
}

.hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px);
    background-size: 28px 28px;
    pointer-events: none;
    opacity: .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: -.5px;
    margin-bottom: 1.1rem
}

.h1 em {
    font-style: italic;
    color: #f5a07a
}

.hero-sub {
    font-size: 16px;
    color: rgba(255, 255, 255, .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, .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: .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: .5rem;
    letter-spacing: -.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 .15s, transform .15s, box-shadow .15s;
    background: var(--white)
}

.wby-card:hover {
    border-color: var(--navy2);
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(15, 39, 68, .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, .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: .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 .15s, transform .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: .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 .15s, transform .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: -.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: .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: .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: .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: .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 .15s, transform .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 .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: .75rem;
    letter-spacing: -.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, .07);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    padding: .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: .6rem;
    letter-spacing: -.3px
}

.cta-p {
    font-size: 15px;
    color: rgba(255, 255, 255, .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, .5);
    cursor: pointer;
    text-decoration: none;
    display: inline-block
}

.bw2:hover {
    background: rgba(255, 255, 255, .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, .35);
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px
}

.bg3:hover {
    background: rgba(255, 255, 255, .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: -.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 .15s, border-color .15s, box-shadow .15s
}

.path-card:hover {
    transform: translateY(-2px);
    border-color: var(--navy2);
    box-shadow: 0 10px 30px rgba(15, 39, 68, .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) {
    .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
    }

    .trust-bar-inner {
        flex-wrap: wrap
    }

    .tb-stat {
        flex: 1 1 calc(50% - 1px)
    }

    .ctbl {
        font-size: 12px
    }

    .ctbl th,
    .ctbl td {
        padding: .6rem .75rem
    }

    .mkt-stats {
        grid-template-columns: 1fr
    }

    .path-list {
        grid-template-columns: 1fr
    }

    .rtd-strip {
        padding: 1rem 1.25rem
    }

    body {
        padding-bottom: 68px
    }

    .mobile-sticky {
        display: flex;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 450;
        background: #fff;
        border-top: 1px solid var(--border);
        box-shadow: 0 -8px 24px rgba(0, 0, 0, .08);
        padding: 8px;
        gap: 8px
    }

    .mobile-sticky a {
        flex: 1;
        text-align: center;
        border-radius: 8px;
        padding: 10px 6px;
        font-size: 12.5px;
        font-weight: 800;
        color: #fff;
        background: var(--navy);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px
    }

    .mobile-sticky a:nth-child(2) {
        background: var(--orange)
    }

    .mobile-sticky a:nth-child(3) {
        background: var(--teal2)
    }
}


.nav-section-label {
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .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 .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 .8rem
}

.prose-card h3 {
    color: var(--navy);
    font-size: 18px;
    margin: 1.4rem 0 .55rem
}

.prose-card p {
    color: #555;
    font-size: 14.5px;
    line-height: 1.85;
    margin: .65rem 0
}

.prose-card ul,
.prose-card ol {
    margin: .75rem 0 1rem 1.1rem;
    color: #444
}

.prose-card li {
    font-size: 14px;
    line-height: 1.7;
    margin: .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: .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
}


/* ── INTERIOR PAGES: CONTACT / ABOUT ── */
.page-hero {
    background: linear-gradient(135deg, #0b1e38 0%, #0f2744 55%, #1a3a5c 100%);
    padding: 4.25rem 2.5rem 3.5rem;
    position: relative;
    overflow: hidden;
    color: #fff
}

.page-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 78% 45%, rgba(224, 90, 43, .18), transparent 60%), radial-gradient(ellipse at 10% 80%, rgba(13, 158, 117, .13), transparent 55%)
}

.page-hero-inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 2.5rem;
    align-items: center
}

.page-kicker {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #f5a07a;
    margin-bottom: 12px
}

.page-title {
    font-family: 'Fraunces', serif;
    font-size: 42px;
    line-height: 1.12;
    letter-spacing: -.5px;
    margin-bottom: 1rem;
    color: #fff
}

.page-lead {
    font-size: 16px;
    line-height: 1.75;
    color: rgba(255, 255, 255, .78);
    max-width: 610px;
    margin-bottom: 1.5rem
}

.hero-proof {
    display: flex;
    gap: 10px;
    flex-wrap: wrap
}

.hero-proof span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .08);
    color: #fff;
    border-radius: 999px;
    padding: 8px 11px;
    font-size: 12.5px;
    font-weight: 700
}

.hero-proof i {
    color: #5dcaa5
}

.hero-card {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.5rem;
    color: var(--text);
    box-shadow: 0 22px 60px rgba(0, 0, 0, .22)
}

.hero-card h3 {
    font-size: 17px;
    color: var(--navy);
    margin-bottom: 8px
}

.hero-card p {
    font-size: 13.5px;
    color: var(--muted);
    line-height: 1.65;
    margin-bottom: 1rem
}

.quick-list {
    list-style: none;
    display: grid;
    gap: 10px;
    margin-top: 12px
}

.quick-list li {
    display: flex;
    gap: 9px;
    align-items: flex-start;
    font-size: 13.5px;
    color: #444;
    line-height: 1.55
}

.quick-list i {
    color: var(--teal);
    font-size: 17px;
    margin-top: 2px;
    flex-shrink: 0
}

.page-wrap {
    padding: 3.5rem 2.5rem;
    background: var(--bg)
}

.page-inner {
    max-width: 1200px;
    margin: 0 auto
}

.two-col {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 2rem;
    align-items: start
}

.contact-hero ~ .page-wrap .card,
.contact-hero ~ .sec .card {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 1.6rem;
    box-shadow: 0 6px 24px rgba(15, 39, 68, .05)
}

.contact-hero ~ .page-wrap .card h2,
.contact-hero ~ .sec .card h2,
.section-title {
    font-family: 'Fraunces', serif;
    color: var(--navy);
    font-size: 27px;
    line-height: 1.2;
    margin-bottom: .75rem;
    letter-spacing: -.3px
}

.contact-hero ~ .page-wrap .card h3,
.contact-hero ~ .sec .card h3 {
    color: var(--navy);
    font-size: 17px;
    margin: 1.2rem 0 .5rem
}

.contact-hero ~ .page-wrap .card p,
.contact-hero ~ .sec .card p {
    color: #555;
    line-height: 1.75;
    margin-bottom: 1rem;
    font-size: 14.5px
}

.info-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-top: 1.25rem
}

.info-tile {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 1.25rem
}

.info-ico {
    width: 42px;
    height: 42px;
    border-radius: 11px;
    background: var(--light);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    color: var(--navy2);
    font-size: 20px
}

.info-tile h3 {
    font-size: 15px;
    color: var(--navy);
    margin-bottom: 6px
}

.info-tile p {
    font-size: 13.5px;
    color: var(--muted);
    line-height: 1.6
}

.contact-methods {
    display: grid;
    gap: 12px
}

.method {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: #fff;
    text-decoration: none
}

.method:hover {
    border-color: var(--orange);
    box-shadow: 0 6px 18px rgba(15, 39, 68, .08)
}

.method i {
    font-size: 23px;
    color: var(--orange);
    flex-shrink: 0;
    margin-top: 2px
}

.method strong {
    display: block;
    color: var(--navy);
    font-size: 14.5px;
    margin-bottom: 2px
}

.method a,
.method span {
    color: #444;
    font-size: 14px;
    line-height: 1.55
}

.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px
}

.form-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 12px
}

.form-field.full {
    grid-column: 1 / -1
}

.form-field label {
    font-size: 12px;
    font-weight: 700;
    color: var(--navy);
    letter-spacing: .3px
}

.form-field input,
.form-field select,
.form-field textarea {
    width: 100%;
    border: 1.5px solid var(--border);
    border-radius: 10px;
    padding: 12px 12px;
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    background: #fff;
    color: #222;
    outline: none
}

.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus {
    border-color: var(--navy2);
    box-shadow: 0 0 0 3px rgba(26, 58, 92, .08)
}

.form-field textarea {
    min-height: 118px;
    resize: vertical
}

.sms-box {
    background: #fffaf7;
    border: 1px solid #f5c4a8;
    border-radius: 12px;
    padding: 12px 13px;
    font-size: 12.5px;
    color: #75401f;
    line-height: 1.55;
    margin: 8px 0 14px
}

.check-row {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 8px
}

.check-row input {
    margin-top: 4px
}

.side-note {
    background: #fffaf7;
    border: 1px solid #f5c4a8;
    border-radius: 14px;
    padding: 1.25rem;
    margin-top: 1rem
}

.side-note strong {
    color: var(--orange2)
}

.badge-row {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 10px
}

.mini-badge {
    font-size: 11.5px;
    font-weight: 800;
    color: var(--navy);
    background: var(--light);
    border: 1px solid var(--border);
    padding: 6px 9px;
    border-radius: 999px
}

.timeline {
    display: grid;
    gap: 14px;
    margin-top: 1rem
}

.tline {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 12px;
    align-items: start
}

.tnum {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--orange);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800
}

.tbody {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 1rem
}

.tbody h3 {
    margin: 0 0 4px;
    color: var(--navy);
    font-size: 15.5px
}

.tbody p {
    margin: 0;
    color: #555;
    font-size: 13.5px;
    line-height: 1.6
}

.about-list {
    list-style: none;
    display: grid;
    gap: 9px;
    margin: 1rem 0
}

.about-list li {
    display: flex;
    gap: 9px;
    align-items: flex-start;
    color: #444;
    font-size: 14px;
    line-height: 1.6
}

.about-list i {
    color: var(--teal);
    font-size: 17px;
    margin-top: 2px;
    flex-shrink: 0
}

.cta-panel {
    background: linear-gradient(135deg, var(--navy), var(--navy2));
    color: #fff;
    border-radius: 18px;
    padding: 2rem;
    margin-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap
}

.cta-panel h2 {
    font-family: 'Fraunces', serif;
    font-size: 27px;
    margin-bottom: 6px;
    color: #fff
}

.cta-panel p {
    color: rgba(255, 255, 255, .75);
    font-size: 14.5px;
    line-height: 1.6;
    max-width: 650px
}

.cta-panel .btn-p {
    box-shadow: none
}

@media(max-width:900px) {

    .page-hero-inner,
    .two-col {
        grid-template-columns: 1fr
    }

    .info-grid {
        grid-template-columns: 1fr
    }

    .form-grid {
        grid-template-columns: 1fr
    }

    .page-title {
        font-size: 34px
    }

    .page-hero {
        padding: 3rem 1.25rem
    }

    .page-wrap {
        padding: 2.5rem 1.25rem
    }

    .hero-card {
        padding: 1.2rem
    }

    .cta-panel {
        align-items: flex-start
    }
}
/* Contact hero card button fix */
.contact-hero .hcard .contact-hero-btn {
    background: var(--orange) !important;
    border-color: var(--orange) !important;
    color: #fff !important;
    font-weight: 800;
    box-shadow: 0 8px 20px rgba(224, 90, 43, .25);
}

.contact-hero .hcard .contact-hero-btn:hover,
.contact-hero .hcard .contact-hero-btn:focus {
    background: var(--orange2) !important;
    border-color: var(--orange2) !important;
    color: #fff !important;
}


/* Source: public/css/pricing-new.css */
* {
    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
}

/* ── BUTTONS ── */
.btn-p {
    background: var(--orange);
    color: #fff;
    padding: 14px 28px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    box-shadow: 0 4px 16px rgba(224, 90, 43, .35)
}

.btn-p:hover {
    background: var(--orange2);
    box-shadow: 0 6px 20px rgba(224, 90, 43, .45)
}

.btn-o {
    background: transparent;
    color: var(--navy);
    padding: 13px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid var(--navy);
    cursor: pointer;
    text-decoration: none;
    display: inline-block
}

.btn-o:hover {
    background: var(--light)
}

.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
}

.btn-o-white {
    background: transparent;
    color: #fff;
    padding: 13px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid rgba(255, 255, 255, .5);
    cursor: pointer;
    text-decoration: none;
    display: inline-block
}

.btn-o-white:hover {
    background: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .8)
}

.btn-hero-blue {
    background: var(--navy2);
    color: #fff;
    padding: 14px 28px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 700;
    border: 1px solid rgba(255, 255, 255, .25);
    cursor: pointer;
    text-decoration: none;
    display: inline-block
}

.btn-hero-blue:hover {
    background: #244a72
}

/* ── 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, .18) 0%, transparent 65%), radial-gradient(ellipse at 10% 80%, rgba(13, 158, 117, .12) 0%, transparent 55%);
    pointer-events: none
}

.hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px);
    background-size: 28px 28px;
    pointer-events: none;
    opacity: .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: -.5px;
    margin-bottom: 1.1rem
}

.h1 em {
    font-style: italic;
    color: #f5a07a
}

.hero-sub {
    font-size: 16px;
    color: rgba(255, 255, 255, .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, .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: .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: .5rem;
    letter-spacing: -.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 .15s, transform .15s, box-shadow .15s;
    background: var(--white)
}

.wby-card:hover {
    border-color: var(--navy2);
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(15, 39, 68, .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, .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: .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 .15s, transform .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: .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 .15s, transform .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: -.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: .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: .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: .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: .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 .15s, transform .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 .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: .75rem;
    letter-spacing: -.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, .07);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    padding: .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: .6rem;
    letter-spacing: -.3px
}

.cta-p {
    font-size: 15px;
    color: rgba(255, 255, 255, .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, .5);
    cursor: pointer;
    text-decoration: none;
    display: inline-block
}

.bw2:hover {
    background: rgba(255, 255, 255, .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, .35);
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px
}

.bg3:hover {
    background: rgba(255, 255, 255, .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: -.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 .15s, border-color .15s, box-shadow .15s
}

.path-card:hover {
    transform: translateY(-2px);
    border-color: var(--navy2);
    box-shadow: 0 10px 30px rgba(15, 39, 68, .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) {
    .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
    }

    .trust-bar-inner {
        flex-wrap: wrap
    }

    .tb-stat {
        flex: 1 1 calc(50% - 1px)
    }

    .ctbl {
        font-size: 12px
    }

    .ctbl th,
    .ctbl td {
        padding: .6rem .75rem
    }

    .mkt-stats {
        grid-template-columns: 1fr
    }

    .path-list {
        grid-template-columns: 1fr
    }

    .rtd-strip {
        padding: 1rem 1.25rem
    }

    body {
        padding-bottom: 68px
    }

    .mobile-sticky {
        display: flex;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 450;
        background: #fff;
        border-top: 1px solid var(--border);
        box-shadow: 0 -8px 24px rgba(0, 0, 0, .08);
        padding: 8px;
        gap: 8px
    }

    .mobile-sticky a {
        flex: 1;
        text-align: center;
        border-radius: 8px;
        padding: 10px 6px;
        font-size: 12.5px;
        font-weight: 800;
        color: #fff;
        background: var(--navy);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px
    }

    .mobile-sticky a:nth-child(2) {
        background: var(--orange)
    }

    .mobile-sticky a:nth-child(3) {
        background: var(--teal2)
    }
}

/* ── PRICING PAGE ── */
.price-hero {
    background: linear-gradient(135deg, var(--navy) 0%, var(--navy2) 100%);
    color: #fff;
    padding: 4.5rem 2.5rem 3.75rem;
    position: relative;
    overflow: hidden
}

.price-hero:after {
    content: '';
    position: absolute;
    right: -100px;
    top: -120px;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: rgba(224, 90, 43, .18)
}

.price-hero-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 2rem;
    align-items: center;
    position: relative;
    z-index: 1
}

.price-crumb {
    font-size: 12px;
    color: #a9c1d5;
    margin-bottom: 1rem
}

.price-crumb a {
    color: #fff;
    text-decoration: none
}

.price-kicker {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #ffb28d;
    margin-bottom: .75rem
}

.price-title {
    color: white;
    font-family: 'Fraunces', serif;
    font-size: 44px;
    line-height: 1.08;
    letter-spacing: -.5px;
    margin-bottom: 1rem
}

.price-copy {
    font-size: 16px;
    line-height: 1.75;
    color: #d6e3ee;
    max-width: 700px;
    margin-bottom: 1.4rem
}

.price-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap
}

.price-actions .btn-p {
    background: var(--orange)
}

.price-actions .btn-o {
    color: #fff;
    border-color: #7aaac8
}

.price-actions .btn-o:hover {
    background: rgba(255, 255, 255, .1)
}

.price-card-mini {
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 18px;
    padding: 1.4rem;
    backdrop-filter: blur(8px)
}

.mini-row {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: .7rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, .16);
    font-size: 13px;
    color: #dce9f4
}

.mini-row:last-child {
    border-bottom: none
}

.mini-row strong {
    color: #fff
}

.mini-row span:last-child {
    color: #ffb28d;
    font-weight: 800
}

.price-note-top {
    background: #fff7f2;
    border-bottom: 1px solid #f2d2c4;
    padding: .85rem 2.5rem;
    color: #7a3010;
    font-size: 13px;
    text-align: center
}

.price-plans {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    align-items: stretch
}

.plan {
    background: #fff;
    border: 1.5px solid var(--border);
    border-radius: 18px;
    padding: 1.6rem;
    display: flex;
    flex-direction: column;
    position: relative;
    box-shadow: 0 8px 24px rgba(15, 39, 68, .04)
}

.plan.featured {
    border: 2px solid var(--orange);
    background: #fffaf7;
    transform: translateY(-5px)
}

.plan-tag {
    font-size: 10.5px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .6px;
    color: var(--orange);
    margin-bottom: .5rem
}

.plan-name {
    font-size: 19px;
    font-weight: 800;
    color: var(--navy);
    line-height: 1.25;
    margin-bottom: .4rem
}

.plan-desc {
    font-size: 13px;
    color: var(--muted);
    line-height: 1.6;
    min-height: 62px
}

.plan-price {
    font-family: 'Fraunces', serif;
    color: var(--navy);
    font-size: 39px;
    line-height: 1;
    margin: 1rem 0 .25rem
}

.plan-price small {
    font-family: 'Outfit', sans-serif;
    font-size: 13px;
    color: var(--muted);
    font-weight: 500
}

.plan-sub {
    font-size: 12.5px;
    color: var(--muted);
    margin-bottom: 1rem
}

.plan-list {
    list-style: none;
    margin: 0 0 1.25rem
}

.plan-list li {
    display: flex;
    gap: 8px;
    font-size: 13.2px;
    color: #444;
    line-height: 1.5;
    padding: 6px 0;
    border-bottom: 1px solid #f1eee8
}

.plan-list li:last-child {
    border-bottom: none
}

.plan-list i {
    color: var(--teal);
    font-size: 15px;
    margin-top: 2px;
    flex-shrink: 0
}

.plan .btn-blk {
    margin-top: auto
}

.price-grid2 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px
}

.price-panel {
    background: #fff;
    border: 1.5px solid var(--border);
    border-radius: 15px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    min-height: 205px
}

.panel-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: var(--light);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px
}

.panel-icon i {
    color: var(--navy2);
    font-size: 20px
}

.panel-name {
    font-weight: 800;
    color: var(--navy);
    font-size: 15px;
    margin-bottom: 5px
}

.panel-copy {
    font-size: 12.8px;
    color: var(--muted);
    line-height: 1.55;
    margin-bottom: 12px;
    flex: 1
}

.panel-price {
    font-size: 18px;
    font-weight: 900;
    color: var(--orange);
    margin-bottom: 10px
}

.panel-link {
    font-weight: 800;
    color: var(--navy2);
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    gap: 4px
}

.panel-link:hover {
    color: var(--orange)
}

.fee-table {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 16px;
    overflow: hidden
}

.fee-row {
    display: grid;
    grid-template-columns: 1.2fr .6fr 2fr;
    border-bottom: 1px solid var(--border)
}

.fee-row:last-child {
    border-bottom: none
}

.fee-row div {
    padding: 14px 16px;
    font-size: 13.5px
}

.fee-row.head div {
    background: var(--navy);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .5px
}

.fee-row div:nth-child(2) {
    font-weight: 900;
    color: var(--orange)
}

.fee-row.head div:nth-child(2) {
    color: #fff
}

/* ── DETAILED PANEL PRICING TABLE ── */
.panel-pricing-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    margin-top: 1.5rem
}

.panel-table-card {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(15, 39, 68, .06)
}

.panel-table-head {
    background: linear-gradient(135deg, var(--navy2), #095da8);
    color: #fff;
    padding: 1.25rem 1.5rem;
    display: flex;
    gap: 14px;
    align-items: center
}

.panel-table-head .panel-head-icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .13);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    flex-shrink: 0
}

.panel-table-head .panel-kicker {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #ffd39c;
    font-weight: 900;
    margin-bottom: 2px
}

.panel-table-head h3 {
    font-size: 20px;
    line-height: 1.25;
    margin: 0;
    color: #fff
}

.panel-table-body {
    padding: 1.35rem 1.5rem 1.5rem
}

.panel-table-copy {
    font-size: 14px;
    color: #233;
    line-height: 1.65;
    margin-bottom: 1.1rem
}

.panel-table-label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    font-weight: 900;
    color: var(--navy);
    margin-bottom: 10px
}

.panel-options {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px
}

.panel-option {
    background: #eef2f7;
    border: 1px solid #d9e1ec;
    border-radius: 7px;
    padding: 13px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--navy);
    transition: all .15s ease;
    min-height: 52px
}

.panel-option:hover {
    background: #fff7f2;
    border-color: #f5c4a8;
    transform: translateY(-1px)
}

.panel-option .panel-option-name {
    font-weight: 850;
    font-size: 14px;
    line-height: 1.25
}

.panel-option .panel-option-price {
    font-weight: 900;
    color: #f29b10;
    font-size: 13px;
    white-space: nowrap
}

.panel-option.member-prompt {
    background: #0d5fa8;
    color: #fff;
    border-color: #0d5fa8;
    justify-content: center;
    text-align: center
}

.panel-option.member-prompt:hover {
    background: #0a4d88;
    border-color: #0a4d88
}

.panel-option.member-prompt .panel-option-name {
    color: #fff
}

.panel-option.member-prompt .panel-option-price {
    display: none
}

.panel-pricing-note {
    margin-top: 14px;
    font-size: 12.5px;
    color: var(--muted);
    line-height: 1.65
}

.panel-pricing-cta {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 1.25rem
}

@media(max-width:900px) {
    .panel-pricing-wrap {
        grid-template-columns: 1fr
    }

    .panel-options {
        grid-template-columns: 1fr 1fr
    }
}

@media(max-width:560px) {
    .panel-options {
        grid-template-columns: 1fr
    }

    .panel-table-head {
        padding: 1rem 1.1rem
    }

    .panel-table-body {
        padding: 1.1rem
    }
}

.member-pricing-callout {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 18px;
    align-items: center;
    background: #fffaf7;
    border: 1.5px solid #f5c4a8;
    border-radius: 16px;
    padding: 1.35rem 1.5rem;
    margin-bottom: 1.5rem
}

.member-pricing-callout h3 {
    font-family: 'Fraunces', serif;
    color: var(--navy);
    font-size: 22px;
    margin-bottom: 6px
}

.member-pricing-callout p {
    font-size: 14px;
    color: #555;
    line-height: 1.7
}

.member-pricing-callout strong {
    color: var(--orange2)
}

.member-save-box {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 1rem;
    text-align: center
}

.member-save-box .big {
    font-family: 'Fraunces', serif;
    font-size: 32px;
    color: var(--orange);
    line-height: 1
}

.member-save-box .small {
    font-size: 12.5px;
    color: var(--muted);
    margin-top: 4px
}

.member-table {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 28px rgba(15, 39, 68, .06)
}

.member-row {
    display: grid;
    grid-template-columns: 1.25fr .55fr .55fr .9fr;
    border-bottom: 1px solid var(--border)
}

.member-row:last-child {
    border-bottom: none
}

.member-row>div {
    padding: 14px 16px;
    font-size: 13.5px;
    line-height: 1.45
}

.member-row.head>div {
    background: var(--navy);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .5px
}

.member-row>div:nth-child(3) {
    font-weight: 900;
    color: var(--orange2);
    background: #fffaf7
}

.member-row.head>div:nth-child(3) {
    background: var(--orange2);
    color: #fff
}

.member-row>div:first-child {
    font-weight: 700;
    color: var(--navy)
}

.member-note {
    font-size: 12.5px;
    color: var(--muted);
    line-height: 1.65;
    margin-top: 12px
}

.member-cta {
    margin-top: 1.25rem;
    display: flex;
    gap: 10px;
    flex-wrap: wrap
}

@media(max-width:800px) {

    /* ── DETAILED PANEL PRICING TABLE ── */
    .panel-pricing-wrap {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 22px;
        margin-top: 1.5rem
    }

    .panel-table-card {
        background: #fff;
        border: 1px solid var(--border);
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0 12px 30px rgba(15, 39, 68, .06)
    }

    .panel-table-head {
        background: linear-gradient(135deg, var(--navy2), #095da8);
        color: #fff;
        padding: 1.25rem 1.5rem;
        display: flex;
        gap: 14px;
        align-items: center
    }

    .panel-table-head .panel-head-icon {
        width: 44px;
        height: 44px;
        border-radius: 10px;
        background: rgba(255, 255, 255, .13);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 21px;
        flex-shrink: 0
    }

    .panel-table-head .panel-kicker {
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        color: #ffd39c;
        font-weight: 900;
        margin-bottom: 2px
    }

    .panel-table-head h3 {
        font-size: 20px;
        line-height: 1.25;
        margin: 0;
        color: #fff
    }

    .panel-table-body {
        padding: 1.35rem 1.5rem 1.5rem
    }

    .panel-table-copy {
        font-size: 14px;
        color: #233;
        line-height: 1.65;
        margin-bottom: 1.1rem
    }

    .panel-table-label {
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 1.6px;
        font-weight: 900;
        color: var(--navy);
        margin-bottom: 10px
    }

    .panel-options {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 9px
    }

    .panel-option {
        background: #eef2f7;
        border: 1px solid #d9e1ec;
        border-radius: 7px;
        padding: 13px 14px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        color: var(--navy);
        transition: all .15s ease;
        min-height: 52px
    }

    .panel-option:hover {
        background: #fff7f2;
        border-color: #f5c4a8;
        transform: translateY(-1px)
    }

    .panel-option .panel-option-name {
        font-weight: 850;
        font-size: 14px;
        line-height: 1.25
    }

    .panel-option .panel-option-price {
        font-weight: 900;
        color: #f29b10;
        font-size: 13px;
        white-space: nowrap
    }

    .panel-option.member-prompt {
        background: #0d5fa8;
        color: #fff;
        border-color: #0d5fa8;
        justify-content: center;
        text-align: center
    }

    .panel-option.member-prompt:hover {
        background: #0a4d88;
        border-color: #0a4d88
    }

    .panel-option.member-prompt .panel-option-name {
        color: #fff
    }

    .panel-option.member-prompt .panel-option-price {
        display: none
    }

    .panel-pricing-note {
        margin-top: 14px;
        font-size: 12.5px;
        color: var(--muted);
        line-height: 1.65
    }

    .panel-pricing-cta {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        margin-top: 1.25rem
    }

    @media(max-width:900px) {
        .panel-pricing-wrap {
            grid-template-columns: 1fr
        }

        .panel-options {
            grid-template-columns: 1fr 1fr
        }
    }

    @media(max-width:560px) {
        .panel-options {
            grid-template-columns: 1fr
        }

        .panel-table-head {
            padding: 1rem 1.1rem
        }

        .panel-table-body {
            padding: 1.1rem
        }
    }

    .member-pricing-callout {
        grid-template-columns: 1fr
    }

    .member-row {
        grid-template-columns: 1fr
    }

    .member-row.head {
        display: none
    }

    .member-row>div {
        border-bottom: 1px solid #f0ede8
    }

    .member-row>div:before {
        display: block;
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: .5px;
        color: #777;
        font-weight: 800;
        margin-bottom: 2px
    }

    .member-row>div:nth-child(1):before {
        content: 'Service'
    }

    .member-row>div:nth-child(2):before {
        content: 'Non-member'
    }

    .member-row>div:nth-child(3):before {
        content: 'Member'
    }

    .member-row>div:nth-child(4):before {
        content: 'Notes'
    }
}

.pay-strip {
    background: #fff;
    border: 1.5px solid var(--border);
    border-radius: 16px;
    padding: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap
}

.pay-title {
    font-weight: 900;
    color: var(--navy);
    font-size: 16px
}

.pay-copy {
    font-size: 13px;
    color: var(--muted)
}

.pay-badges {
    display: flex;
    gap: 8px;
    flex-wrap: wrap
}

.pay-badge {
    background: var(--light);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 7px 11px;
    font-size: 12px;
    font-weight: 800;
    color: var(--navy)
}

@media(max-width:900px) {
    .price-hero-inner {
        grid-template-columns: 1fr
    }

    .price-title {
        font-size: 36px
    }

    .price-plans {
        grid-template-columns: 1fr
    }

    .plan.featured {
        transform: none
    }

    .price-grid2 {
        grid-template-columns: 1fr 1fr
    }

    .fee-row {
        grid-template-columns: 1fr
    }

    .fee-row.head {
        display: none
    }

    .fee-row div {
        border-bottom: 1px solid #f1eee8
    }

    .fee-row div:last-child {
        border-bottom: none
    }
}

@media(max-width:560px) {
    .price-hero {
        padding: 3.2rem 1.25rem
    }

    .price-note-top {
        padding: .8rem 1.25rem
    }

    .price-grid2 {
        grid-template-columns: 1fr
    }

    .price-title {
        font-size: 32px
    }

    .price-actions a {
        width: 100%;
        text-align: center
    }

    .sec {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

/* ── DRUG TESTING PANELS SECTION (MATCHES PRICING THEME) ── */
.drug-panels-sec {
    background: var(--bg);
    padding: 3.8rem 2.5rem;
    border-top: 1px solid var(--border)
}

.drug-panels-inner {
    max-width: 1180px;
    margin: 0 auto
}

.drug-panels-eyebrow {
    text-align: center;
    color: var(--orange);
    font-size: 11px;
    letter-spacing: 2.8px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 8px
}

.drug-panels-title {
    text-align: center;
    font-family: 'Fraunces', serif;
    font-size: 34px;
    line-height: 1.2;
    color: var(--navy);
    margin-bottom: 10px
}

.drug-panels-sub {
    text-align: center;
    max-width: 760px;
    margin: 0 auto 1.8rem;
    color: var(--muted);
    font-size: 14.5px;
    line-height: 1.7
}

.drug-panels-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    align-items: start
}

.drug-panel-card {
    background: #fff;
    border: 1.5px solid var(--border);
    border-radius: 18px;
    padding: 1.5rem;
    box-shadow: 0 8px 24px rgba(15, 39, 68, .04)
}

.drug-panel-head {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 1.1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #f1eee8
}

.drug-panel-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: #fff3ec;
    color: var(--orange);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    flex-shrink: 0
}

.drug-panel-kicker {
    font-size: 10.5px;
    font-weight: 900;
    letter-spacing: .7px;
    color: var(--orange);
    text-transform: uppercase;
    margin-bottom: 4px
}

.drug-panel-head h3 {
    font-size: 20px;
    line-height: 1.25;
    color: var(--navy);
    margin: 0;
    font-weight: 900
}

.drug-panel-copy {
    font-size: 13.5px;
    color: var(--muted);
    line-height: 1.65;
    margin-bottom: 1rem
}

.drug-panel-label {
    font-size: 11px;
    letter-spacing: 1.7px;
    text-transform: uppercase;
    color: var(--navy);
    font-weight: 900;
    margin-bottom: 10px
}

.drug-panel-table {
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    margin-bottom: 1rem
}

.drug-panel-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px;
    align-items: center;
    padding: 12px 14px;
    border-bottom: 1px solid #f1eee8;
    color: #333
}

.drug-panel-row:last-child {
    border-bottom: none
}

.drug-panel-row:hover {
    background: #fffaf7
}

.drug-panel-name {
    font-weight: 800;
    color: var(--navy);
    font-size: 14px;
    line-height: 1.3
}

.drug-panel-price {
    font-weight: 900;
    color: var(--orange);
    font-size: 14px;
    white-space: nowrap
}

.drug-panel-member {
    background: var(--light);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 12px 14px;
    margin-top: .75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    color: var(--navy);
    font-size: 13px;
    font-weight: 800
}

.drug-panel-member strong {
    color: var(--teal)
}

.drug-panels-note {
    font-size: 12.5px;
    color: var(--muted);
    line-height: 1.65;
    margin-top: .65rem
}

.drug-panels-cta {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 1.75rem
}

@media(max-width:1100px) {
    .drug-panels-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media(max-width:900px) {
    .drug-panels-grid {
        grid-template-columns: 1fr
    }

    .drug-panels-title {
        font-size: 29px
    }
}

@media(max-width:560px) {
    .drug-panels-sec {
        padding: 3rem 1.25rem
    }

    .drug-panel-card {
        padding: 1.2rem
    }

    .drug-panel-row {
        grid-template-columns: 1fr
    }

    .drug-panel-price {
        white-space: normal
    }

    .drug-panel-member {
        align-items: flex-start;
        flex-direction: column
    }
}

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


/* Source: public/css/faqs.css */
* {
    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
}

/* ── BUTTONS ── */
.btn-p {
    background: var(--orange);
    color: #fff;
    padding: 14px 28px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    box-shadow: 0 4px 16px rgba(224, 90, 43, .35)
}

.btn-p:hover {
    background: var(--orange2);
    box-shadow: 0 6px 20px rgba(224, 90, 43, .45)
}

.btn-o {
    background: transparent;
    color: var(--navy);
    padding: 13px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid var(--navy);
    cursor: pointer;
    text-decoration: none;
    display: inline-block
}

.btn-o:hover {
    background: var(--light)
}

.btn-o-white {
    background: transparent;
    color: #fff;
    padding: 13px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid rgba(255, 255, 255, .5);
    cursor: pointer;
    text-decoration: none;
    display: inline-block
}

.btn-o-white:hover {
    background: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .8)
}

.btn-hero-blue {
    background: var(--navy2);
    color: #fff;
    padding: 14px 28px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 700;
    border: 1px solid rgba(255, 255, 255, .25);
    cursor: pointer;
    text-decoration: none;
    display: inline-block
}

.btn-hero-blue:hover {
    background: #244a72
}

/* ── 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, .18) 0%, transparent 65%), radial-gradient(ellipse at 10% 80%, rgba(13, 158, 117, .12) 0%, transparent 55%);
    pointer-events: none
}

.hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px);
    background-size: 28px 28px;
    pointer-events: none;
    opacity: .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: -.5px;
    margin-bottom: 1.1rem
}

.h1 em {
    font-style: italic;
    color: #f5a07a
}

.hero-sub {
    font-size: 16px;
    color: rgba(255, 255, 255, .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, .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: .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: .5rem;
    letter-spacing: -.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 .15s, transform .15s, box-shadow .15s;
    background: var(--white)
}

.wby-card:hover {
    border-color: var(--navy2);
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(15, 39, 68, .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, .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: .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 .15s, transform .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: .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 .15s, transform .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: -.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: .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: .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(4, 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: .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: .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)
}

.pp-r {
    background: #eef2ff;
    color: #3730a3
}

.rtd-flow {
    margin: 1.5rem 0 1.75rem;
    background: #f8fbfc;
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 1.25rem
}

.rtd-flow-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem
}

.rtd-flow-title {
    font-size: 16px;
    font-weight: 800;
    color: var(--navy);
    margin: 0
}

.rtd-flow-text {
    font-size: 13.5px;
    color: var(--muted);
    line-height: 1.55;
    margin: .25rem 0 0;
    max-width: 760px
}

.rtd-flow-steps {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    align-items: stretch
}

.rtd-flow-step {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: .9rem;
    text-decoration: none;
    color: inherit;
    position: relative;
    min-height: 112px
}

.rtd-flow-step strong {
    display: block;
    color: var(--navy);
    font-size: 13.5px;
    margin-bottom: 5px
}

.rtd-flow-step span {
    display: block;
    color: #5f6670;
    font-size: 12px;
    line-height: 1.45
}

.rtd-flow-step em {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background: #eaf7f1;
    color: var(--teal);
    font-style: normal;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 8px
}

.rtd-flow-step.key {
    border-color: var(--orange);
    background: #fffaf7
}

.rtd-flow-step:hover {
    border-color: var(--navy2);
    box-shadow: 0 8px 22px rgba(15, 39, 68, .08)
}


/* ── 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 .15s, transform .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 .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: .75rem;
    letter-spacing: -.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, .07);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    padding: .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: .6rem;
    letter-spacing: -.3px
}

.cta-p {
    font-size: 15px;
    color: rgba(255, 255, 255, .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, .5);
    cursor: pointer;
    text-decoration: none;
    display: inline-block
}

.bw2:hover {
    background: rgba(255, 255, 255, .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, .35);
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px
}

.bg3:hover {
    background: rgba(255, 255, 255, .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: -.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 .15s, border-color .15s, box-shadow .15s
}

.path-card:hover {
    transform: translateY(-2px);
    border-color: var(--navy2);
    box-shadow: 0 10px 30px rgba(15, 39, 68, .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
    }

    .rtd-flow-steps {
        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) {
    .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
    }

    .rtd-flow-steps {
        grid-template-columns: 1fr
    }

    .rtd-flow-top {
        display: block
    }

    .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
    }

    .trust-bar-inner {
        flex-wrap: wrap
    }

    .tb-stat {
        flex: 1 1 calc(50% - 1px)
    }

    .ctbl {
        font-size: 12px
    }

    .ctbl th,
    .ctbl td {
        padding: .6rem .75rem
    }

    .mkt-stats {
        grid-template-columns: 1fr
    }

    .path-list {
        grid-template-columns: 1fr
    }

    .rtd-strip {
        padding: 1rem 1.25rem
    }

    body {
        padding-bottom: 68px
    }

    .mobile-sticky {
        display: flex;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 450;
        background: #fff;
        border-top: 1px solid var(--border);
        box-shadow: 0 -8px 24px rgba(0, 0, 0, .08);
        padding: 8px;
        gap: 8px
    }

    .mobile-sticky a {
        flex: 1;
        text-align: center;
        border-radius: 8px;
        padding: 10px 6px;
        font-size: 12.5px;
        font-weight: 800;
        color: #fff;
        background: var(--navy);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px
    }

    .mobile-sticky a:nth-child(2) {
        background: var(--orange)
    }

    .mobile-sticky a:nth-child(3) {
        background: var(--teal2)
    }
}

.nav-section-label {
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .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 .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 .8rem
}

.prose-card h3 {
    color: var(--navy);
    font-size: 18px;
    margin: 1.4rem 0 .55rem
}

.prose-card p {
    color: #555;
    font-size: 14.5px;
    line-height: 1.85;
    margin: .65rem 0
}

.prose-card ul,
.prose-card ol {
    margin: .75rem 0 1rem 1.1rem;
    color: #444
}

.prose-card li {
    font-size: 14px;
    line-height: 1.7;
    margin: .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: .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
}
/* RTD Step 5 / Step 6 workflow block */
.rtd-flow {
    margin: 1.5rem 0 1.75rem;
    background: #f8fbfc;
    border: 1px solid var(--border, #d8e0e8);
    border-radius: 16px;
    padding: 1.25rem
}

.rtd-flow-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem
}

.rtd-flow-title {
    font-size: 16px;
    font-weight: 800;
    color: var(--navy, #08213f);
    margin: 0
}

.rtd-flow-text {
    font-size: 13.5px;
    color: var(--muted, #5f6670);
    line-height: 1.55;
    margin: .25rem 0 0;
    max-width: 760px
}

.rtd-flow-steps {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    align-items: stretch
}

.rtd-flow-step {
    background: #fff;
    border: 1px solid var(--border, #d8e0e8);
    border-radius: 12px;
    padding: .9rem;
    text-decoration: none;
    color: inherit;
    position: relative;
    min-height: 112px;
    display: block
}

.rtd-flow-step strong {
    display: block;
    color: var(--navy, #08213f);
    font-size: 13.5px;
    margin-bottom: 5px
}

.rtd-flow-step span {
    display: block;
    color: #5f6670;
    font-size: 12px;
    line-height: 1.45
}

.rtd-flow-step em {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background: #eaf7f1;
    color: var(--teal, #118a6f);
    font-style: normal;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 8px
}

.rtd-flow-step.key {
    border-color: var(--orange, #e8542d);
    background: #fffaf7
}

.rtd-flow-step:hover {
    border-color: var(--navy2, #12385f);
    box-shadow: 0 8px 22px rgba(15, 39, 68, .08)
}

.rtd-guide-link {
    display: inline-block;
    margin-top: 10px;
    font-size: 13px;
    font-weight: 800;
    color: var(--orange, #e8542d);
    text-decoration: none
}

.rtd-guide-link:hover {
    text-decoration: underline
}

@media(max-width:900px) {
    .rtd-flow-steps {
        grid-template-columns: 1fr 1fr
    }
}

@media(max-width:600px) {
    .rtd-flow-steps {
        grid-template-columns: 1fr
    }

    .rtd-flow-top {
        display: block
    }
}

.faq-hero {
    padding: 80px 20px 60px;
    background: linear-gradient(135deg, var(--navy), #173f68);
    color: #fff;
    position: relative;
    overflow: hidden
}

.faq-hero:before {
    content: "";
    position: absolute;
    right: -120px;
    top: -120px;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .08)
}

.faq-hero-inner {
    position: relative;
    z-index: 1;
    text-align: center;
    max-width: 900px;
    margin: auto
}

.faq-hero h1 {
    font-family: 'Libre Baskerville', serif;
    font-size: clamp(36px, 5vw, 60px);
    line-height: 1.08;
    margin: 12px 0
}

.faq-lead {
    font-size: 18px;
    line-height: 1.75;
    color: #eaf2fb;
    max-width: 820px;
    margin: 0 auto 26px
}

.faq-hero-actions {
    display: flex;
    gap: 14px;
    justify-content: center;
    flex-wrap: wrap
}

.faq-page-wrap {
    background: var(--bg);
    padding: 54px 20px 80px
}

.faq-layout {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 28px;
    align-items: start
}

.faq-sidebar {
    position: sticky;
    top: 96px;
    display: grid;
    gap: 18px
}

.faq-side-card,
.faq-intro-card,
.faq-category,
.faq-cta-band {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(15, 39, 68, .06)
}

.faq-side-card {
    padding: 22px
}

.faq-side-card h2 {
    font-size: 20px;
    margin-bottom: 14px;
    color: var(--navy)
}

.faq-topic-nav {
    display: grid;
    gap: 8px
}

.faq-topic-nav a {
    padding: 10px 12px;
    border-radius: 10px;
    background: #f7f6f2;
    color: var(--navy);
    font-weight: 600;
    text-decoration: none
}

.faq-topic-nav a:hover {
    background: #fff0e9;
    color: var(--orange)
}

.help-card p {
    color: var(--muted);
    line-height: 1.7;
    margin-bottom: 16px
}

.faq-main {
    display: grid;
    gap: 22px
}

.faq-intro-card {
    padding: 28px
}

.faq-intro-card h2,
.faq-category h2,
.faq-cta-band h2 {
    font-family: 'Libre Baskerville', serif;
    color: var(--navy);
    line-height: 1.2
}

.faq-quick-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 20px
}

.faq-quick-grid a {
    display: block;
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: 14px;
    text-decoration: none;
    background: #faf9f6;
    color: var(--navy)
}

.faq-quick-grid strong {
    display: block;
    font-size: 17px;
    margin-bottom: 6px
}

.faq-quick-grid span {
    color: var(--muted);
    line-height: 1.5
}

.faq-category {
    padding: 28px
}

.faq-category h2 {
    font-size: 28px;
    margin-bottom: 18px
}

.faq-item {
    border-top: 1px solid var(--border)
}

.faq-item:first-of-type {
    border-top: 0
}

.faq-item summary {
    cursor: pointer;
    list-style: none;
    padding: 18px 4px;
    font-weight: 800;
    color: var(--navy);
    font-size: 17px;
    display: flex;
    justify-content: space-between;
    gap: 16px
}

.faq-item summary::-webkit-details-marker {
    display: none
}

.faq-item summary:after {
    content: "+";
    color: var(--orange);
    font-size: 24px;
    line-height: 1;
    font-weight: 800
}

.faq-item[open] summary:after {
    content: "–"
}

.faq-answer {
    padding: 0 4px 18px;
    color: #434343;
    line-height: 1.75
}

.faq-answer p {
    margin: 0
}

.faq-cta-band {
    padding: 30px;
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: center;
    background: #fff7f2
}

.faq-cta-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    min-width: max-content
}

@media(max-width:900px) {
    .faq-layout {
        grid-template-columns: 1fr
    }

    .faq-sidebar {
        position: static;
        display: block
    }

    .faq-side-card {
        display: block;
        height: auto;
        min-height: 0;
        overflow: visible;
        margin-bottom: 18px
    }

    .faq-topic-nav {
        display: flex;
        flex-direction: column;
        gap: 8px;
        position: static !important;
        width: 100%;
        height: auto
    }

    .faq-topic-nav a {
        display: flex !important;
        align-items: center;
        position: static !important;
        width: 100%;
        box-sizing: border-box;
        min-height: 46px;
        white-space: normal;
        line-height: 1.15;
        margin: 0
    }

    .faq-quick-grid {
        grid-template-columns: 1fr
    }

    .faq-cta-band {
        display: block
    }

    .faq-cta-actions {
        margin-top: 20px
    }

    .faq-hero {
        padding: 60px 18px 44px
    }
}

@media(max-width:520px) {
    .faq-page-wrap {
        padding: 34px 14px 60px
    }

    .faq-side-card {
        padding: 18px 16px;
        border-radius: 16px
    }

    .faq-side-card h2 {
        font-size: 20px;
        margin-bottom: 14px
    }

    .faq-topic-nav a {
        font-size: 15px;
        padding: 12px 14px;
        border-radius: 10px
    }

    .faq-layout {
        gap: 18px
    }

    .faq-category,
    .faq-intro-card,
    .faq-cta-band {
        padding: 22px 18px
    }

    .faq-category h2 {
        font-size: 24px
    }

    .faq-item summary {
        font-size: 16px;
        line-height: 1.35
    }
}


/* FAQ mobile layout hardening */
.faq-hero .btn-o {
    background: #fff;
    color: #0b2a4a !important;
    border-color: #fff;
    box-shadow: 0 10px 22px rgba(15, 39, 68, .12)
}

.faq-hero .btn-o:hover {
    background: #fff0e9;
    color: #e9532b !important;
    border-color: #fff0e9
}

.faq-rtd-btn,
.faq-cta-actions .faq-rtd-btn {
    background: #e9532b !important;
    color: #fff !important;
    border-color: #e9532b !important;
    box-shadow: 0 10px 22px rgba(233, 83, 43, .22)
}

.faq-rtd-btn:hover {
    background: #cf4321 !important;
    border-color: #cf4321 !important;
    color: #fff !important
}

@media(max-width:900px) {
    .faq-layout {
        display: block !important;
        grid-template-columns: none !important;
    }

    .faq-sidebar {
        position: static !important;
        display: block !important;
        width: 100% !important;
        margin: 0 0 22px 0 !important;
    }

    .faq-side-card {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        box-sizing: border-box !important;
        margin: 0 0 18px 0 !important;
        clear: both !important;
    }

    .faq-topic-nav {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        width: 100% !important;
        height: auto !important;
        overflow: visible !important;
        position: relative !important;
        margin: 0 !important;
    }

    .faq-topic-nav a {
        display: block !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        transform: none !important;
        width: 100% !important;
        max-width: none !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 13px 14px !important;
        line-height: 1.2 !important;
        box-sizing: border-box !important;
        text-align: left !important;
        white-space: normal !important;
    }

    .faq-main {
        display: grid !important;
        gap: 22px !important;
        clear: both !important;
    }
}

@media(max-width:520px) {
    .faq-side-card {
        padding: 20px 16px !important;
        border-radius: 16px !important;
    }

    .faq-topic-nav a {
        font-size: 15px !important;
    }

    .faq-side-card.help-card {
        margin-top: 18px !important;
    }
}

/* Final FAQ left-sidebar overlap fix: force the topic nav to participate in normal layout on all viewports */
.faq-sidebar {
    display: block !important;
}

.faq-sidebar .faq-side-card {
    display: block !important;
    position: relative !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    clear: both !important;
}

.faq-sidebar .faq-side-card+.faq-side-card {
    margin-top: 24px !important;
}

.faq-topic-nav {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    position: static !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.faq-topic-nav a {
    display: block !important;
    position: static !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    line-height: 1.18 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    box-sizing: border-box !important;
    border-radius: 10px !important;
}

@media(min-width:901px) {
    .faq-sidebar {
        position: sticky !important;
        top: 96px !important;
    }

    .faq-sidebar .faq-side-card {
        padding: 22px !important;
    }

    .faq-topic-nav a {
        font-size: 15px !important;
    }
}

@media(max-width:900px) {
    .faq-sidebar {
        position: static !important;
        width: 100% !important;
        margin-bottom: 22px !important;
    }
}

/* Source: public/css/guides.css */
body {
            font-family: Outfit, Arial, sans-serif;
            background: #f5f4f0;
            margin: 0;
            color: #1a1a1a
        }

        .skip-nav {
            position: absolute;
            top: -100px;
            left: 1rem;
            background: #0f2744;
            color: white;
            padding: .6rem 1rem
        }

        .skip-nav:focus {
            top: 0
        }

        nav {
            background: #fff;
            border-bottom: 1px solid #e2dfd8;
            display: flex;
            gap: 18px;
            align-items: center;
            padding: 16px 28px;
            position: sticky;
            top: 0
        }

        nav a {
            color: #0f2744;
            text-decoration: none;
            font-weight: 700
        }

        .logo {
            font-family: 'Fraunces', serif;
            font-size: 24px;
            margin-right: auto
        }

        .logo span {
            color: #e05a2b
        }

        .hero {
            background: #fff;
            padding: 58px 24px;
            text-align: center;
            border-bottom: 1px solid #e2dfd8
        }
        .hero h1{
            color: white;
        }

        h1 {
            font-family: 'Fraunces', serif;
            color: #0f2744;
            font-size: 46px;
            margin: 0 0 12px
        }

        .hero p {
            max-width: 840px;
            margin: auto;
            font-size: 19px;
            color: #f0f0ff
        }

        .grid {
            max-width: 1180px;
            margin: 36px auto;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            padding: 0 24px
        }

        .gcard {
            background: #fff;
            border: 1px solid #e2dfd8;
            border-radius: 18px;
            padding: 22px;
            box-shadow: 0 6px 18px rgba(15, 39, 68, .06);
        
            display: flex;
            flex-direction: column;
            height: 100%;
        }

        .gcard a {
            margin-top: auto; /* The magic ingredient */
            align-self: flex-start; /* Keeps the button from stretching horizontally */
            color: #0f2744;
        }

        .gcard h2 {
            font-family: 'Fraunces', serif;
            font-size: 24px;
            margin: 0 0 10px
        }
        .gcard p{
            margin-bottom: 20px !important;
        }

        .read {
            display: inline-block;
            margin-top: 8px;
            background: #e05a2b;
            color: #fff !important;
            border-radius: 8px;
            padding: 10px 14px;
            text-decoration: none;
            font-weight: 800
        }

        .cta {
            background: #0f2744;
            color: #fff;
            text-align: center;
            padding: 42px 20px
        }

        .cta a {
            color: #fff;
            background: #e05a2b;
            padding: 12px 18px;
            border-radius: 8px;
            text-decoration: none;
            font-weight: 800
        }

        @media(max-width:900px) {
            .grid {
                grid-template-columns: 1fr
            }

            h1 {
                font-size: 34px
            }
        }

/* Source: public/css/reason-type.css */
/* ── Reason Type / Service Detail Page Fix ── */
.service-hero {
    background: linear-gradient(135deg,
            #0b1e38 0%,
            #0f2744 45%,
            #1a3a5c 100%);
    color: #fff;
    padding: 4rem 2.5rem 3.4rem;
    position: relative;
    overflow: hidden;
}

.service-hero:before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 75% 40%,
            rgba(224, 90, 43, 0.2),
            transparent 65%),
        radial-gradient(ellipse at 12% 85%,
            rgba(13, 158, 117, 0.14),
            transparent 58%);
    pointer-events: none;
}

.service-hero-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 2.5rem;
    align-items: center;
    position: relative;
    z-index: 1;
}

.breadcrumb {
    font-size: 12.5px;
    color: rgba(255, 255, 255, 0.72);
    margin-bottom: 1rem;
}

.breadcrumb a {
    color: #fff;
    font-weight: 700;
}

.breadcrumb span {
    color: rgba(255, 255, 255, 0.72);
}

.service-kicker {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #ffb08d;
    margin-bottom: 0.8rem;
}

.service-h1 {
    font-family: "Fraunces", serif;
    font-size: 42px;
    line-height: 1.1;
    color: #fff;
    letter-spacing: -0.5px;
    margin-bottom: 1rem;
}

.service-lead {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.75;
    max-width: 720px;
    margin-bottom: 1.35rem;
}

.hero-checks {
    display: flex;
    gap: 10px 16px;
    flex-wrap: wrap;
    margin: 1.1rem 0 1.5rem;
}

.hero-check {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: rgba(255, 255, 255, 0.84);
    font-size: 13.5px;
}

.hero-check i {
    color: #59d49f;
    font-size: 16px;
}

.service-ctas {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.btn-white {
    background: #fff;
    color: var(--navy);
    padding: 13px 22px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.18);
}

.btn-white:hover {
    background: #f5f4f0;
}

.btn-orange {
    background: var(--orange) !important;
    color: #fff !important;
}

.btn-orange:hover {
    background: #c94d22 !important;
    color: #fff !important;
}

.btn-outline-light {
    background: transparent;
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.55);
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.btn-outline-light:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: #fff;
}

.hero-price-card {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 18px;
    padding: 1.45rem;
    backdrop-filter: blur(5px);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.18);
}

.hpc-label {
    font-size: 10.5px;
    font-weight: 900;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #ffb08d;
    margin-bottom: 6px;
}

.hpc-title {
    font-size: 17px;
    font-weight: 900;
    color: #fff;
    margin-bottom: 6px;
}

.hpc-price {
    font-family: "Fraunces", serif;
    font-size: 31px;
    color: #fff;
    margin-bottom: 4px;
}

.hpc-note {
    font-size: 12.5px;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.55;
    margin-bottom: 1rem;
}

.hpc-list {
    list-style: none;
    margin: 0 0 1.1rem;
}

.hpc-list li {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    color: rgba(255, 255, 255, 0.86);
    font-size: 13px;
    padding: 6px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.hpc-list li:last-child {
    border-bottom: none;
}

.hpc-list i {
    color: #59d49f;
    margin-top: 2px;
}

.service-strip {
    background: #fff;
    border-bottom: 1px solid var(--border);
}

.service-strip-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.strip-item {
    display: flex;
    gap: 11px;
    align-items: flex-start;
    padding: 1.1rem 1rem;
    border-right: 1px solid var(--border);
}

.strip-item:last-child {
    border-right: none;
}

.strip-item>i {
    font-size: 20px;
    color: var(--orange);
    margin-top: 2px;
}

.strip-title {
    font-weight: 900;
    color: var(--navy);
    font-size: 13.5px;
}

.strip-sub {
    font-size: 12.5px;
    color: var(--muted);
    line-height: 1.45;
}

.content-section {
    padding: 3.6rem 2.5rem;
    background: var(--bg);
}

.content-section.white {
    background: #fff;
}

.content-inner {
    max-width: 1120px;
    margin: 0 auto;
}

.content-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 2rem;
    align-items: start;
}

.prose-card {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 1.9rem;
    margin-bottom: 1rem;
}

.white .prose-card {
    background: var(--bg);
}

.prose-card h2 {
    font-family: "Fraunces", serif;
    color: var(--navy);
    font-size: 29px;
    line-height: 1.2;
    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.15rem;
    color: #444;
}

.prose-card li {
    font-size: 14px;
    line-height: 1.7;
    margin: 0.3rem 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: 7px 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: 900;
    font-size: 13.5px;
    display: block;
    text-align: center;
    text-decoration: none;
}

.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: 900;
    font-size: 13.5px;
    display: block;
    text-align: center;
    margin-top: 8px;
    text-decoration: none;
}

.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;
}

.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;
}

.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;
}

.hero-img-panel {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 200%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
    overflow: hidden;
    background-color: rgb(0, 0, 0);
}

.hero-img-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, #0f2744 0%, transparent 75%);
    z-index: 1;
}

.hero-img-panel::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, #0b1e38 0%, transparent 0%);
    z-index: 1;
}

.hero-img-panel img {
    width: 50%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    margin-left: 50%;
    opacity: 0.38;
    display: block;
}

@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;
    }

    .service-hero {
        padding: 2.8rem 1.25rem;
    }

    .service-hero-inner,
    .content-grid {
        grid-template-columns: 1fr;
    }

    .service-h1 {
        font-size: 34px;
    }

    .hero-price-card,
    .side-card {
        position: static;
    }

    .service-strip-inner {
        grid-template-columns: repeat(2, 1fr);
    }

    .strip-item:nth-child(2) {
        border-right: none;
    }

    .strip-item {
        border-bottom: 1px solid var(--border);
    }

    .content-section {
        padding: 2.7rem 1.25rem;
    }

    .prose-card {
        padding: 1.35rem;
    }

    .service-ctas a {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .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;
    }

    /* Hero images hidden on tablet */
    .hero-img-panel,
    .ind-hero-img-panel {
        display: none !important;
    }
}

.rt-info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin: 0.9rem 0;
}

.rt-info-item {
    background: var(--bg, #f5f4f0);
    border: 1px solid var(--border, #e2dfd8);
    border-radius: 10px;
    padding: 0.85rem 1rem;
}

.rt-info-item strong {
    display: block;
    font-size: 13px;
    color: var(--navy, #0f2744);
    margin-bottom: 0.3rem;
}

.rt-info-item span {
    font-size: 12.5px;
    color: #555;
    line-height: 1.55;
}

.rt-timing-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin: 0.85rem 0;
}

.rt-timing {
    border-radius: 10px;
    padding: 0.9rem 1rem;
    border: 1.5px solid;
}

.rt-timing--drug {
    background: #fff8f0;
    border-color: #f5c4a8;
}

.rt-timing--alc {
    background: #fff0f0;
    border-color: #f5a8a8;
}

.rt-timing-label {
    font-size: 12px;
    font-weight: 700;
    color: var(--navy, #0f2744);
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin-bottom: 4px;
}

.rt-timing-val {
    font-family: "Fraunces", serif;
    font-size: 22px;
    color: var(--orange, #e05a2b);
    display: block;
    line-height: 1;
    margin-bottom: 4px;
}

.rt-timing-desc {
    font-size: 12px;
    color: #666;
    line-height: 1.5;
}

.rt-checklist {
    list-style: none;
    margin: 0.7rem 0;
}

.rt-checklist li {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    font-size: 13.5px;
    color: #444;
    line-height: 1.65;
    padding: 0.45rem 0;
    border-bottom: 1px solid var(--border, #e2dfd8);
}

.rt-checklist li:last-child {
    border-bottom: none;
}

.rt-checklist li i {
    font-size: 16px;
    color: var(--teal, #0d9e75);
    flex-shrink: 0;
    margin-top: 2px;
}

.rt-warn-box {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: #fff8f0;
    border: 1.5px solid #f5c4a8;
    border-radius: 10px;
    padding: 0.85rem 1rem;
    margin: 0.85rem 0;
}

.rt-warn-box i {
    font-size: 18px;
    color: var(--orange, #e05a2b);
    flex-shrink: 0;
    margin-top: 1px;
}

.rt-warn-box p {
    font-size: 13px;
    color: #555;
    line-height: 1.65;
    margin: 0;
}

.rt-warn-box strong {
    color: var(--navy, #0f2744);
}

.rt-panel-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin: 0.85rem 0;
}

.rt-panel-item {
    background: var(--bg, #f5f4f0);
    border: 1px solid var(--border, #e2dfd8);
    border-radius: 8px;
    padding: 0.7rem 0.9rem;
    font-size: 13px;
    color: #444;
    display: flex;
    align-items: center;
    gap: 7px;
}

.rt-panel-item i {
    font-size: 14px;
    color: var(--teal, #0d9e75);
    flex-shrink: 0;
}

.rt-result-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin: 0.85rem 0;
}

.rt-result {
    background: var(--navy, #0f2744);
    border-radius: 10px;
    padding: 0.85rem 1rem;
    text-align: center;
}

.rt-result-val {
    display: block;
    font-family: "Fraunces", serif;
    font-size: 20px;
    color: #fff;
    line-height: 1;
    margin-bottom: 4px;
}

.rt-result-lbl {
    display: block;
    font-size: 11.5px;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.4;
}

@media (max-width: 600px) {

    .rt-info-grid,
    .rt-timing-grid,
    .rt-panel-list,
    .rt-result-grid {
        grid-template-columns: 1fr;
    }
}


/* Source: public/css/services.css */
* {
        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;
      }
      .price-chip span {
        display: block;
        margin-top: 4px;
        font-size: 12.5px;
        line-height: 1.35;
        font-weight: 800;
        color: var(--navy);
      }
      .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.5rem 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;
      }


/* Source: public/css/industries.css */
* {
    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;
}

/* ── BUTTONS ── */
.btn-p {
    background: var(--orange);
    color: #fff;
    padding: 14px 28px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    box-shadow: 0 4px 16px rgba(224, 90, 43, 0.35);
}

.btn-p:hover {
    background: var(--orange2);
    box-shadow: 0 6px 20px rgba(224, 90, 43, 0.45);
}

.btn-o {
    background: transparent;
    color: var(--navy);
    padding: 13px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid var(--navy);
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.btn-o:hover {
    background: var(--light);
}

.btn-o-white {
    background: transparent;
    color: #fff;
    padding: 13px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid rgba(255, 255, 255, 0.5);
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.btn-o-white:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.8);
}

.btn-hero-blue {
    background: var(--navy2);
    color: #fff;
    padding: 14px 28px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 700;
    border: 1px solid rgba(255, 255, 255, 0.25);
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.btn-hero-blue:hover {
    background: #244a72;
}

/* ── 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 !important;
    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) {
    .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;
    }

    .fg {
        grid-template-columns: 1fr;
    }

    .trust-bar-inner {
        flex-wrap: wrap;
    }

    .tb-stat {
        flex: 1 1 calc(50% - 1px);
    }

    .ctbl {
        font-size: 12px;
    }

    .ctbl th,
    .ctbl td {
        padding: 0.6rem 0.75rem;
    }

    .mkt-stats {
        grid-template-columns: 1fr;
    }

    .path-list {
        grid-template-columns: 1fr;
    }

    .rtd-strip {
        padding: 1rem 1.25rem;
    }

    body {
        padding-bottom: 68px;
    }

    .mobile-sticky {
        display: flex;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 450;
        background: #fff;
        border-top: 1px solid var(--border);
        box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.08);
        padding: 8px;
        gap: 8px;
    }

    .mobile-sticky a {
        flex: 1;
        text-align: center;
        border-radius: 8px;
        padding: 10px 6px;
        font-size: 12.5px;
        font-weight: 800;
        color: #fff;
        background: var(--navy);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }

    .mobile-sticky a:nth-child(2) {
        background: var(--orange);
    }

    .mobile-sticky a:nth-child(3) {
        background: var(--teal2);
    }
}

.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;
}

/* NAV ALIGNMENT PATCH */
@media (min-width: 901px) {
    .nl {
        align-items: center;
    }

    .nl>a,
    .nav-dd {
        height: 64px;
        display: flex;
        align-items: center;
    }

    .nav-ddmenu,
    .guide-nav-menu {
        text-align: left;
    }

    .nav-ddmenu a,
    .guide-nav-menu a {
        justify-content: flex-start;
        text-align: left;
        align-items: center;
    }

    .nav-ddmenu i,
    .guide-nav-menu i {
        flex: 0 0 16px;
        text-align: center;
    }

    .nav-section-label {
        display: block;
        text-align: left;
        padding: 8px 10px 4px;
        color: var(--muted);
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 1.2px;
        text-transform: uppercase;
    }
}

/* ── COMPREHENSIVE MOBILE CSS v2 ── */

/* ── 900px: tablet collapse ── */
@media (max-width: 900px) {

    /* Hero grids → single column */
    .service-hero-inner {
        grid-template-columns: 1fr !important;
    }

    .ind-hero-inner {
        grid-template-columns: 1fr !important;
    }

    .signup-hero-inner {
        grid-template-columns: 1fr !important;
    }

    .page-hero-inner {
        grid-template-columns: 1fr !important;
    }

    .guide-hero-inner {
        grid-template-columns: 1fr !important;
    }

    .comp-grid,
    .mkt-inner {
        grid-template-columns: 1fr;
    }

    .content-grid {
        grid-template-columns: 1fr !important;
    }

    .content-wrap {
        grid-template-columns: 1fr !important;
    }

    .two-col {
        grid-template-columns: 1fr !important;
    }

    /* Hero text */
    .service-h1,
    .guide-h1 {
        font-size: 30px;
    }

    .service-hero,
    .ind-hero {
        padding: 2.5rem 1.25rem 2rem;
    }

    .service-lead {
        font-size: 15px;
    }

    /* Hero CTAs → full width stacked */
    .service-ctas .btn-p,
    .service-ctas .btn-o,
    .service-ctas .btn-o-white,
    .service-ctas .btn-hero-blue,
    .service-ctas .btn-white,
    .service-ctas .btn-outline-light,
    .btn-white,
    .btn-outline-light {
        width: 100%;
        text-align: center;
        display: block;
        box-sizing: border-box;
    }

    /* Sidebars unstick */
    .sidebar,
    .guide-sidebar,
    .side-card {
        position: static !important;
        top: auto;
    }

    /* Service page grids */
    .info-grid,
    .related-grid {
        grid-template-columns: 1fr;
    }

    .hero-panel,
    .hero-price-card {
        margin-top: 1.5rem;
    }

    .path-grid {
        grid-template-columns: 1fr !important;
    }

    .csg {
        grid-template-columns: 1fr 1fr;
    }

    .ind-stats {
        grid-template-columns: 1fr 1fr !important;
    }

    .mini-grid {
        grid-template-columns: 1fr 1fr;
    }

    .fields {
        grid-template-columns: 1fr !important;
    }

    .rtd-flow-steps {
        grid-template-columns: 1fr 1fr !important;
    }

    .intro-grid {
        grid-template-columns: 1fr 1fr !important;
    }

    .test-options {
        grid-template-columns: 1fr !important;
    }

    .faq-mini {
        grid-template-columns: 1fr 1fr !important;
    }

    .info-box {
        padding: 0.85rem;
    }

    /* Pricing & guides */
    .svc-grid,
    .tgrid,
    .bgrid,
    .price-grid,
    .ind-grid,
    .path-grid {
        grid-template-columns: 1fr 1fr;
    }

    .wby-grid,
    .steps {
        grid-template-columns: 1fr 1fr;
    }

    .price-plans {
        grid-template-columns: 1fr !important;
    }

    .price-grid2 {
        grid-template-columns: 1fr 1fr !important;
    }

    .drug-panels-grid {
        grid-template-columns: 1fr 1fr !important;
    }

    .fmcsa-context-grid {
        grid-template-columns: 1fr 1fr !important;
    }

    .faq-quick-grid {
        grid-template-columns: 1fr !important;
    }

    /* General */
    .h1 {
        font-size: 34px;
    }

    .fg {
        grid-template-columns: 1fr 1fr;
    }

    .mkt-stats {
        grid-template-columns: 1fr 1fr 1fr;
    }

    /* Hero images hidden on tablet */
    .hero-img-panel,
    .ind-hero-img-panel {
        display: none !important;
    }

    /* Table: allow scroll */
    .price-table-wrap,
    .ctbl-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .price-table,
    .ctbl {
        min-width: 520px;
    }
}

/* ── 600px: phone ── */
@media (max-width: 600px) {

    /* Nav */
    .nl {
        display: none;
    }

    .mob-menu-btn {
        display: block;
    }

    /* ALL multi-column grids → 1 column */
    .svc-grid,
    .tgrid,
    .bgrid,
    .price-grid,
    .wby-grid,
    .steps,
    .ind-grid,
    .path-grid,
    .ind-stats,
    .csg,
    .mini-grid,
    .info-grid,
    .related-grid,
    .content-grid,
    .comp-grid,
    .two-col,
    .guide-list-grid,
    .form-grid,
    .fields,
    .rtd-flow-steps,
    .intro-grid,
    .test-options,
    .faq-mini,
    .service-strip-inner,
    .signup-hero-inner,
    .page-hero-inner,
    .guide-hero-inner,
    .price-plans,
    .price-grid2,
    .drug-panels-grid,
    .fmcsa-context-grid,
    .faq-quick-grid,
    .fee-row,
    .member-pricing-callout,
    .member-row,
    .comp-stat-row,
    .hero-price-card-grid {
        grid-template-columns: 1fr !important;
    }

    /* Headings */
    .h1 {
        font-size: 28px;
    }

    .service-h1,
    .guide-h1 {
        font-size: 24px;
    }

    .service-hero,
    .ind-hero {
        padding: 2rem 1.25rem 1.5rem;
    }

    .guide-hero {
        padding: 2.5rem 1.25rem;
    }

    /* Section padding */
    .hero,
    .sec,
    .how-sec,
    .comp-sec,
    .cmp-sec,
    .cta-band,
    .mkt-band,
    .path-sec,
    .content-section {
        padding: 2rem 1.25rem;
    }

    .trust-bar,
    .partner-bar {
        padding: 0 1.25rem;
    }

    .fg {
        grid-template-columns: 1fr;
    }

    .fbot {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }

    .cbr {
        justify-content: center;
    }

    /* Trust bar */
    .trust-bar-inner {
        flex-wrap: wrap;
    }

    .tb-stat {
        flex: 1 1 calc(50% - 1px);
    }

    /* Table: force scroll */
    .price-table-wrap,
    .ctbl-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        border-radius: 10px;
    }

    .price-table,
    .ctbl {
        min-width: 480px;
        font-size: 12px;
    }

    .ctbl th,
    .ctbl td {
        padding: 0.55rem 0.7rem;
    }

    /* Service pages */
    .service-lead,
    .service-sub {
        font-size: 14px;
    }

    .service-ctas .btn-p,
    .service-ctas .btn-o,
    .service-ctas .btn-o-white,
    .service-ctas .btn-hero-blue,
    .service-ctas .btn-white,
    .service-ctas .btn-outline-light {
        width: 100%;
        text-align: center;
        display: block;
        box-sizing: border-box;
        margin-bottom: 8px;
    }

    .price-chip {
        font-size: 15px;
    }

    .mini-list li {
        font-size: 13px;
    }

    .article-card {
        padding: 1.2rem;
    }

    .article-card h2,
    .prose-card h2 {
        font-size: 21px;
    }

    .content-section {
        padding: 1.75rem 1.25rem;
    }

    .prose-card {
        padding: 1.2rem;
    }

    .hpc-price {
        font-size: 24px;
    }

    /* Industry pages */
    .ind-stats .ind-stat {
        padding: 1rem;
    }

    .ind-hero h1 {
        font-size: 26px;
    }

    /* Pricing page */
    .fee-row {
        padding: 0.7rem 0;
    }

    .member-pricing-callout {
        padding: 1.25rem;
    }

    .member-row {
        padding: 0.7rem 0;
    }

    /* CTA band */
    .cta-row {
        flex-direction: column;
        align-items: center !important;
    }

    .cta-row a,
    .cta-row .bw,
    .cta-row .bw2 {
        width: 100%;
        max-width: 320px;
        text-align: center !important;
        display: block;
        box-sizing: border-box;
    }

    .cta-phones {
        flex-direction: column;
        align-items: center;
        gap: 0.6rem;
    }

    /* Guides */
    .guide-list-grid {
        grid-template-columns: 1fr !important;
    }

    /* FAQ */
    .fq {
        font-size: 13.5px;
        padding: 0.9rem 1rem;
    }

    .fa {
        font-size: 13.5px;
        padding: 0.75rem 1rem;
    }

    /* General text */
    .mkt-stats {
        grid-template-columns: 1fr;
    }

    .path-list {
        grid-template-columns: 1fr;
    }

    .rtd-strip {
        padding: 1rem 1.25rem;
    }

    /* Sticky bar */
    body {
        padding-bottom: 68px;
    }

    .mobile-sticky {
        display: flex;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 450;
        background: #fff;
        border-top: 1px solid #e2dfd8;
        box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.08);
        padding: 8px;
        gap: 8px;
    }

    .mobile-sticky a {
        flex: 1;
        text-align: center;
        border-radius: 8px;
        padding: 10px 6px;
        font-size: 12.5px;
        font-weight: 800;
        color: #fff;
        background: #0f2744;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }

    .mobile-sticky a:nth-child(2) {
        background: #e05a2b;
    }

    .mobile-sticky a:nth-child(3) {
        background: #0a7a55;
    }

    /* Form fields */
    .form-grid {
        grid-template-columns: 1fr !important;
    }

    input,
    select,
    textarea {
        font-size: 16px !important;
    }

    /* prevent iOS zoom */

    /* Signup pages */
    .signup-hero-inner {
        grid-template-columns: 1fr !important;
    }

    .faq-mini {
        grid-template-columns: 1fr !important;
    }

    .intro-grid {
        grid-template-columns: 1fr !important;
    }

    .test-options {
        grid-template-columns: 1fr !important;
    }

    .fields {
        grid-template-columns: 1fr !important;
    }
}


.service-hero-inner {
    position: relative;
    z-index: 1;
}

.ind-hero {
    background: linear-gradient(135deg,
            #0b1e38 0%,
            #0f2744 55%,
            #1a3a5c 100%);
    color: #fff;
    padding: 4rem 2.5rem 3.5rem;
    position: relative;
    overflow: hidden;
}

.ind-hero:before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 75% 40%,
            rgba(224, 90, 43, 0.18),
            transparent 60%),
        radial-gradient(ellipse at 10% 80%,
            rgba(13, 158, 117, 0.12),
            transparent 55%);
    pointer-events: none;
}

.ind-hero-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 3rem;
    align-items: center;
    position: relative;
    z-index: 1;
}

.breadcrumb {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 14px;
}

.breadcrumb a {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.ind-hero h1 {
    font-family: "Fraunces", serif;
    font-size: 42px;
    line-height: 1.08;
    letter-spacing: -0.4px;
    margin-bottom: 1rem;
    color: #fff;
}

.ind-hero h1 em {
    color: #f5a07a;
    font-style: italic;
}

.ind-lead {
    font-size: 16px;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.78);
    max-width: 670px;
    margin-bottom: 1.4rem;
}

.ind-pillrow {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 1.1rem 0;
}

.ind-pill {
    font-size: 12px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    padding: 7px 10px;
    border-radius: 999px;
}

.ind-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);
}

.ind-panel h3 {
    font-size: 17px;
    margin-bottom: 12px;
    color: #fff;
}

.ind-panel .price {
    font-family: "Fraunces", serif;
    font-size: 36px;
    color: #fff;
    line-height: 1;
}

.ind-panel .note {
    font-size: 12.5px;
    color: rgba(255, 255, 255, 0.72);
    margin: 0.3rem 0 1rem;
}

.ind-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    background: #fff;
}

.ind-stat {
    text-align: center;
    padding: 1.2rem;
    border-right: 1px solid var(--border);
}

.ind-stat:last-child {
    border-right: none;
}

.ind-stat strong {
    font-family: "Fraunces", serif;
    color: var(--navy);
    font-size: 25px;
    display: block;
}

.ind-stat span {
    font-size: 12px;
    color: var(--muted);
}

.page-wrap {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 2rem;
    padding: 3rem 2.5rem;
}

.article-card {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 1.6rem;
    margin-bottom: 1rem;
}

.article-card h2 {
    font-family: "Fraunces", serif;
    color: var(--navy);
    font-size: 26px;
    margin-bottom: 0.7rem;
}

.article-card h3 {
    color: var(--navy);
    font-size: 17px;
    margin: 1rem 0 0.4rem;
}

.article-card p {
    color: #555;
    line-height: 1.75;
    margin-bottom: 0.8rem;
}

.article-card ul {
    margin: 0 0 0.8rem 1.1rem;
    color: #555;
    line-height: 1.75;
}

.article-card li {
    margin: 0.25rem 0;
}

.info-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.info-box {
    border: 1px solid var(--border);
    background: var(--bg);
    border-radius: 12px;
    padding: 1rem;
}

.info-box strong {
    display: block;
    color: var(--navy);
    margin-bottom: 4px;
}

.info-box span {
    font-size: 13px;
    color: #666;
    line-height: 1.55;
}

.sidebar {
    position: relative;
}

.side-card {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 1.25rem;
    margin-bottom: 1rem;
    position: sticky;
    top: 82px;
}

.side-card+.side-card {
    position: static;
}

.side-card h3 {
    color: var(--navy);
    font-size: 17px;
    margin-bottom: 0.7rem;
}

.small-link-list {
    list-style: none;
    margin: 0;
}

.small-link-list li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #445;
    gap: 8px;
    padding: 9px 0;
    border-bottom: 1px solid #eee;
    font-size: 13.5px;
}

.small-link-list li:last-child a {
    border-bottom: 0;
}

/* Global industry sidebar correction: keep the full sidebar sticky, not each card. */
@media (min-width: 901px) {
    body .content-wrap,
    body .page-wrap {
        grid-template-columns: minmax(0, 1fr) 330px !important;
        gap: 2rem !important;
        align-items: start !important;
    }

    body .content-wrap .sidebar,
    body .page-wrap .sidebar {
        position: sticky !important;
        top: 112px !important;
        align-self: start !important;
        display: block !important;
        width: 100% !important;
        max-width: 330px !important;
        min-width: 0 !important;
    }

    body .content-wrap .sidebar .side-card,
    body .page-wrap .sidebar .side-card {
        position: static !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 1rem !important;
    }
}

@media (max-width: 900px) {
    body .content-wrap,
    body .page-wrap {
        grid-template-columns: 1fr !important;
    }

    body .content-wrap .sidebar,
    body .page-wrap .sidebar,
    body .content-wrap .sidebar .side-card,
    body .page-wrap .sidebar .side-card {
        position: static !important;
        top: auto !important;
        max-width: 100% !important;
    }
}

.cta-band {
    background: var(--navy);
    color: #fff;
    /* border-radius: 18px; */
    padding: 1.6rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.cta-band h2 {
    font-family: "Fraunces", serif;
    font-size: 24px;
    margin-bottom: 0.2rem;
    color: #fff;
}

.cta-band p {
    color: rgba(255, 255, 255, 0.75);
    margin: 0;
}

.faq-list .fq {
    font-weight: 700;
    color: var(--navy);
    padding: 13px 0;
    border-bottom: 1px solid var(--border);
    cursor: pointer;
}

.faq-list .fa {
    display: none;
    padding: 10px 0 15px;
    color: #555;
    line-height: 1.7;
}

.faq-list .fa.op {
    display: block;
}

@media (max-width: 900px) {

    .ind-hero-inner,
    .page-wrap {
        grid-template-columns: 1fr;
    }

    .ind-hero h1 {
        font-size: 34px;
    }

    .ind-panel {
        max-width: 480px;
    }

    .info-grid {
        grid-template-columns: 1fr;
    }

    .cta-band {
        display: block;
    }

    .ind-stats {
        grid-template-columns: 1fr;
    }

    .ind-stat {
        border-right: 0;
        border-bottom: 1px solid var(--border);
    }

    .ind-stat:last-child {
        border-bottom: 0;
    }
}

.hero-img-panel {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 200%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
    overflow: hidden;
    background-color: rgb(0, 0, 0);
}

.hero-img-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, #0f2744 0%, transparent 75%);
    z-index: 1;
}

.hero-img-panel::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, #0b1e38 0%, transparent 0%);
    z-index: 1;
}

.hero-img-panel img {
    width: 50%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    margin-left: 50%;
    opacity: 0.38;
    display: block;
}