/* ============================================================
   MedAI Agent Page — Complete CSS Redesign v2
   Design language: matches homepage-revamp.css + fordoctor.css
   Primary: #2464ee | Dark: #0f172a | Body: #475569
   Container: 1354px
   ============================================================ */

/* ── TOKENS ─────────────────────────────────────────────────── */
:root {
    --b:     #2464ee;
    --b-dk:  #1a52c4;
    --b-t1:  #e8f0fe;
    --b-t2:  #d2e3fc;
    --b-bg:  #f7f9ff;
    --hd:    #0f172a;
    --bd:    #475569;
    --br:    #dde7ff;
    --sh-sm: 0 1px 4px rgba(15,23,42,.06),0 2px 8px rgba(36,100,238,.07);
    --sh-md: 0 4px 16px rgba(15,23,42,.08),0 8px 28px rgba(36,100,238,.10);
    --sh-b:  0 6px 24px rgba(36,100,238,.28);
    --r-sm:  8px;
    --r-md:  12px;
    --r-lg:  16px;
    --r-xl:  24px;
    --ease:  cubic-bezier(.4,0,.2,1);
}

/* ── GLOBAL ──────────────────────────────────────────────────── */
section { padding: 0 !important; }

.container_wrappere {
    max-width: 1354px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
}

/* ── NAV HEIGHT TRACKING (mirrors new-header.css body padding-top) ── */
:root { --nh: 73px; }
body.has-bottom-nav { --nh: 140px; }
@media (max-width: 992px) {
    :root { --nh: 120px; }
    body.has-bottom-nav { --nh: 170px; }
}
@media (max-width: 768px) {
    :root { --nh: 110px; }
    body.has-bottom-nav { --nh: 170px; }
}
@media (max-width: 576px) {
    :root { --nh: 100px; }
    body.has-bottom-nav { --nh: 160px; }
}

/* ══════════════════════════════════════════════════════════════
   HERO — agentbanner__sec
══════════════════════════════════════════════════════════════ */
.agentbanner__sec {
    width: 100% !important;
    min-height: calc(100svh - var(--nh)) !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
    margin-top: 140px !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    background: #f2f6fe !important;
}

/* main two-column row fills available height */
.agentbanner__sec-container {
    flex: 1 !important;
    max-width: 1354px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 32px !important;
    box-sizing: border-box !important;
}

/* ── LEFT — anchors to centre via auto margins so it never clips ── */
.agentbanner__sec-left {
    flex: 0 0 44% !important;
    max-width: 44% !important;
    align-self: center !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.agentbanner__sec-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 5px 14px 5px 9px !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: var(--bd) !important;
    border: 1px solid var(--br) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .07em !important;
    text-transform: uppercase !important;
    margin-bottom: 12px !important;
    box-shadow: 0 1px 6px rgba(36,100,238,.08) !important;
}

.agentbanner__sec-badge-dot {
    width: 8px !important; height: 8px !important;
    border-radius: 50% !important;
    background: #22c55e !important;
    flex-shrink: 0 !important;
    box-shadow: 0 0 0 3px rgba(34,197,94,.2) !important;
}

.agentbanner__sec-title {
    font-size: 40px !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;
    color: var(--hd) !important;
    letter-spacing: -.03em !important;
    margin: 0 0 12px !important;
}

.agentbanner__sec-title-blue { color: var(--b) !important; }

.agentbanner__sec-sparkle {
    color: #818cf8 !important;
    font-size: 36px !important;
    font-weight: 400 !important;
    vertical-align: middle !important;
    letter-spacing: 0 !important;
}

.agentbanner__sec-desc {
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: var(--bd) !important;
    margin: 0 0 18px !important;
    max-width: 480px !important;
}

/* Feature list */
.agentbanner__sec-features {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 22px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.agentbanner__sec-feature {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
}

.agentbanner__sec-feature-icon {
    width: 36px !important; height: 36px !important;
    flex-shrink: 0 !important;
    border-radius: 10px !important;
    background: var(--b-t1) !important;
    border: 1px solid var(--br) !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    color: var(--b) !important;
    font-size: 14px !important;
    margin-top: 1px !important;
}

.agentbanner__sec-feature-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.agentbanner__sec-feature-text strong {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--hd) !important;
    line-height: 1.3 !important;
    display: block !important;
}

.agentbanner__sec-feature-text span {
    font-size: 13px !important;
    color: var(--bd) !important;
    line-height: 1.4 !important;
    display: block !important;
}

/* Buttons */
.agentbanner__sec-btns {
    display: flex !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

.agentbanner__sec-btn {
    height: 48px !important;
    padding: 0 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    border-radius: var(--r-md) !important;
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    transition: all .2s var(--ease) !important;
    border: none !important;
    cursor: pointer !important;
}

.agentbanner__sec-btn-primary {
    background: var(--b) !important;
    color: #fff !important;
    box-shadow: var(--sh-b) !important;
}

.agentbanner__sec-btn-primary:hover {
    background: var(--b-dk) !important;
    transform: translateY(-2px) !important;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0 8px 32px rgba(36,100,238,.38) !important;
}

.agentbanner__sec-btn-secondary {
    background: #fff !important;
    color: var(--bd) !important;
    border: 1.5px solid #cbd5e1 !important;
}

.agentbanner__sec-btn-secondary:hover {
    border-color: var(--b) !important;
    color: var(--b) !important;
    background: var(--b-t1) !important;
    text-decoration: none !important;
}

/* ── RIGHT ── */
.agentbanner__sec-right {
    flex: 0 0 52% !important;
    max-width: 52% !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    overflow: visible !important;
    position: relative !important;
}

/* ── Floating waveform widget ── */
.abanner-wave-float {
    position: absolute !important;
    bottom: 285px !important;
    left: 16px !important;
    z-index: 20 !important;
    /* background: rgba(255,255,255,.82) !important; */
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    /* border: 1px solid rgba(255,255,255,.7) !important; */
    border-radius: 18px !important;
    padding: 14px 20px !important;
    /* box-shadow: 0 8px 36px rgba(36,100,238,.16), 0 2px 8px rgba(0,0,0,.06) !important; */
}

.abanner-wave-bars {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    height: 44px !important;
}

.abanner-wave-bars span {
    display: block !important;
    width: 4px !important;
    border-radius: 999px !important;
    background: #6b8ef5 !important;
    animation: abanner-wave 0.9s infinite ease-in-out !important;
}

/* Mirror pattern: low → high → low → high → low for natural waveform shape */
.abanner-wave-bars span:nth-child(1)  { animation-delay: 0s !important; }
.abanner-wave-bars span:nth-child(2)  { animation-delay: .06s !important; }
.abanner-wave-bars span:nth-child(3)  { animation-delay: .12s !important; }
.abanner-wave-bars span:nth-child(4)  { animation-delay: .18s !important; }
.abanner-wave-bars span:nth-child(5)  { animation-delay: .25s !important; }
.abanner-wave-bars span:nth-child(6)  { animation-delay: .32s !important; }
.abanner-wave-bars span:nth-child(7)  { animation-delay: .40s !important; }
.abanner-wave-bars span:nth-child(8)  { animation-delay: .48s !important; }
.abanner-wave-bars span:nth-child(9)  { animation-delay: .56s !important; }
.abanner-wave-bars span:nth-child(10) { animation-delay: .48s !important; }
.abanner-wave-bars span:nth-child(11) { animation-delay: .40s !important; }
.abanner-wave-bars span:nth-child(12) { animation-delay: .32s !important; }
.abanner-wave-bars span:nth-child(13) { animation-delay: .25s !important; }
.abanner-wave-bars span:nth-child(14) { animation-delay: .18s !important; }
.abanner-wave-bars span:nth-child(15) { animation-delay: .12s !important; }
.abanner-wave-bars span:nth-child(16) { animation-delay: .06s !important; }
.abanner-wave-bars span:nth-child(17) { animation-delay: 0s !important; }
.abanner-wave-bars span:nth-child(18) { animation-delay: .06s !important; }
.abanner-wave-bars span:nth-child(19) { animation-delay: .12s !important; }

@keyframes abanner-wave {
    0%, 100% { height: 5px; }
    50% { height: 38px; }
}

.agentbanner__sec-main-image {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin-bottom: -4px !important;
}

/* ── TRUST BAR ── */
.abanner-trust {
    border-top: 1px solid rgba(36,100,238,.1) !important;
    background: rgba(255,255,255,.65) !important;
    backdrop-filter: blur(8px) !important;
    padding: 16px 0 !important;
}

.abanner-trust-inner {
    max-width: 1354px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    display: flex !important;
    align-items: center !important;
    gap: 24px !important;
    flex-wrap: wrap !important;
}

.abanner-trust-label {
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .1em !important;
    color: var(--bd) !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.abanner-trust-badges {
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
}

.abanner-trust-badges img {
    height: 36px !important;
    width: auto !important;
    object-fit: contain !important;
}

.abanner-trust-badge-sep {
    display: inline-block !important;
    width: 1px !important;
    height: 28px !important;
    background: var(--br) !important;
    flex-shrink: 0 !important;
    margin: 0 4px !important;
}

.abanner-trust-brand {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 4px 10px !important;
    background: rgba(255,255,255,.8) !important;
    border: 1px solid var(--br) !important;
    border-radius: 8px !important;
}

.abanner-trust-brand-svg {
    width: 22px !important;
    height: 22px !important;
    flex-shrink: 0 !important;
}

.abanner-trust-brand span {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #374151 !important;
    white-space: nowrap !important;
    letter-spacing: .02em !important;
}

.abanner-trust-aws-icon {
    font-size: 22px !important;
    color: #FF9900 !important;
    line-height: 1 !important;
}

.abanner-trust-divider {
    width: 1px !important; height: 32px !important;
    background: var(--br) !important;
    flex-shrink: 0 !important;
}

.abanner-trust-quote {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
}

.abanner-trust-qmark {
    font-size: 28px !important;
    font-weight: 900 !important;
    color: var(--b) !important;
    line-height: .8 !important;
    margin-top: 2px !important;
}

.abanner-trust-qtext {
    margin: 0 0 3px !important;
    font-size: 13px !important;
    color: var(--hd) !important;
    font-style: italic !important;
    line-height: 1.4 !important;
}

.abanner-trust-qfooter {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.abanner-trust-stars { color: #f59e0b !important; font-size: 13px !important; letter-spacing: 1px !important; }
.abanner-trust-star-empty { color: #d1d5db !important; }
.abanner-trust-qauthor { font-size: 12px !important; color: var(--bd) !important; font-weight: 600 !important; }

/* ── KEYFRAMES ── */
@keyframes agr-wiggle {
    0%   { box-shadow: 0 6px 24px rgba(36,100,238,.28); }
    2%   { transform: rotate(-2deg); }
    4%   { transform: rotate(2deg); }
    6%   { transform: rotate(-1.5deg); }
    8%   { transform: rotate(1.5deg); }
    10%  { transform: rotate(0); }
    16%  { box-shadow: 0 10px 40px rgba(36,100,238,.50); }
    30%  { box-shadow: 0 6px 24px rgba(36,100,238,.28); }
    100% { transform: rotate(0); box-shadow: 0 6px 24px rgba(36,100,238,.28); }
}

/* ── RESPONSIVE ── */
@media (max-width: 1200px) {
    .agentbanner__sec-container { gap: 24px !important; }
    .agentbanner__sec-title { font-size: 36px !important; }
}

@media (max-width: 991px) {
    /* body already has padding-top ~120px for the fixed header — no extra margin needed */
    .agentbanner__sec { margin-top: 0 !important; }
    .agentbanner__sec-container { padding: 0 20px !important; gap: 20px !important; }
    .agentbanner__sec-title { font-size: 28px !important; }
    .agentbanner__sec-left {
        flex: 0 0 48% !important; max-width: 48% !important;
        padding-top: 32px !important; padding-bottom: 32px !important;
    }
    .agentbanner__sec-right { flex: 0 0 50% !important; max-width: 50% !important; }
}

@media (max-width: 767px) {
    .agentbanner__sec { min-height: auto !important; margin-top: 0 !important; }
    .agentbanner__sec-container {
        flex-direction: column !important;
        padding: 20px 16px !important;
        gap: 12px !important;
        align-items: center !important;
    }
    .agentbanner__sec-left {
        flex: none !important;
        max-width: 100% !important;
        width: 100% !important;
        align-self: auto !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        order: 1 !important;
    }
    .agentbanner__sec-right {
        flex: none !important;
        max-width: 100% !important;
        width: 100% !important;
        justify-content: center !important;
        align-items: center !important;
        order: 2 !important;
    }
    /* Hide waveform widget on mobile — only relevant on desktop */
    .abanner-wave-float { display: none !important; }
    .agentbanner__sec-main-image { max-width: 220px !important; margin: 0 auto !important; display: block !important; }
    .agentbanner__sec-title { font-size: 26px !important; }
    .agentbanner__sec-features { gap: 8px !important; }
    .abanner-trust { padding: 12px 0 !important; }
    .abanner-trust-inner { gap: 12px !important; flex-wrap: wrap !important; }
    .abanner-trust-divider { display: none !important; }
    .abanner-trust-quote { display: none !important; }
}

@media (max-width: 576px) {
    .agentbanner__sec { margin-top: 0 !important; }
}

@media (max-width: 576px) {
    .agentbanner__sec-container { padding: 20px 14px !important; gap: 16px !important; }
    .agentbanner__sec-title { font-size: 22px !important; }
    .agentbanner__sec-main-image { max-width: 200px !important; }
    .agentbanner__sec-desc { font-size: 13px !important; margin-bottom: 14px !important; }
    .agentbanner__sec-features { gap: 8px !important; margin-bottom: 16px !important; }
    .agentbanner__sec-feature-icon { width: 30px !important; height: 30px !important; font-size: 12px !important; }
    .agentbanner__sec-feature-text strong { font-size: 13px !important; }
    .agentbanner__sec-feature-text span { font-size: 12px !important; }
    .agentbanner__sec-btn { height: 42px !important; font-size: 14px !important; width: 100% !important; justify-content: center !important; }
    .agentbanner__sec-btns { flex-direction: column !important; }
    .abanner-trust-badges img { height: 26px !important; }
}

@media (max-width: 400px) {
    .agentbanner__sec-title { font-size: 20px !important; }
    .agentbanner__sec-main-image { max-width: 170px !important; }
}

/* ══════════════════════════════════════════════════════════════
   MEET AI TABS — meet__ai-tabs-wrap
══════════════════════════════════════════════════════════════ */
.meet__ai-tabs-wrap {
    width: 100% !important;
    background: var(--b-bg) !important;
    padding: 72px 0 !important;
}

.meet__ai-header { text-align: center !important; margin-bottom: 36px !important; }

.meet__ai-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 5px 16px !important;
    background: var(--b-t1) !important;
    color: var(--b) !important;
    border: 1px solid var(--br) !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    margin-bottom: 12px !important;
    height: auto !important;
}

.meet__ai-badge-dot {
    width: 8px !important; height: 8px !important;
    border-radius: 50% !important;
    background: var(--b) !important;
}

.meet__ai-title {
    font-size: 38px !important;
    font-weight: 700 !important;
    color: var(--hd) !important;
    letter-spacing: -.022em !important;
    line-height: 1.15 !important;
    margin: 0 0 10px !important;
}

.meet__ai-title span { color: var(--b) !important; }

.meet__ai-subtitle {
    font-size: 17px !important;
    color: var(--bd) !important;
    line-height: 1.7 !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    font-weight: 400 !important;
}

/* Tabs */
.meet__ai-tabs {
    gap: 10px !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    margin-bottom: 32px !important;
    padding: 0 !important;
    list-style: none !important;
}

.meet__ai-tabs .nav-link {
    height: 38px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    background: #fff !important;
    border: 1.5px solid var(--br) !important;
    color: var(--bd) !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    transition: all .2s var(--ease) !important;
    box-shadow: none !important;
}

.meet__ai-tabs .nav-link svg {
    width: 16px !important; height: 16px !important;
    flex-shrink: 0 !important;
    color: var(--bd) !important;
    transition: color .2s !important;
}

.meet__ai-tabs .nav-link.active {
    background: var(--b) !important;
    border-color: var(--b) !important;
    color: #fff !important;
    box-shadow: var(--sh-b) !important;
}

.meet__ai-tabs .nav-link.active svg { color: #fff !important; }

/* Tab card */
.meet__ai-card {
    background: #fff !important;
    border: 1px solid var(--br) !important;
    border-radius: var(--r-xl) !important;
    padding: 48px !important;
    display: flex !important;
    justify-content: space-between !important;
    gap: 48px !important;
    box-shadow: var(--sh-sm) !important;
    align-items: center !important;
}

.meet__ai-card-content { width: 50% !important; }

.meet__ai-card-content h2 {
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: var(--hd) !important;
    letter-spacing: -.02em !important;
    margin: 0 0 14px !important;
}

.meet__ai-card-content h2 span { color: var(--b) !important; }

.meet__ai-card-content p {
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: var(--bd) !important;
    margin: 0 0 24px !important;
    font-weight: 400 !important;
}

.meet__ai-card-content ul {
    list-style: none !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
}

.meet__ai-card-content ul li {
    position: relative !important;
    padding-left: 22px !important;
    margin-bottom: 12px !important;
    color: var(--bd) !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}

.meet__ai-card-content ul li::before {
    content: "✓" !important;
    position: absolute !important;
    left: 0 !important; top: 0 !important;
    color: var(--b) !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}

.meet__ai-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 4px !important;
    color: var(--b) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: gap .2s var(--ease) !important;
}

.meet__ai-link:hover { gap: 13px !important; color: var(--b-dk) !important; text-decoration: none !important; }

.meet__ai-card-image {
    width: 44% !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
}

.meet__ai-card-image img {
    width: 80% !important;
    display: block !important;
    filter: drop-shadow(0 8px 28px rgba(36,100,238,.13)) !important;
}

.meetimg22 { width: 78% !important; }
.meetimg23 { width: 100% !important; }

@media (max-width: 991px) {
    .meet__ai-tabs-wrap { padding: 48px 0 !important; }
    .meet__ai-title { font-size: 28px !important; }
    .meet__ai-subtitle { font-size: 15px !important; }
    .meet__ai-card { padding: 32px !important; gap: 28px !important; }
    .meet__ai-card-content h2 { font-size: 24px !important; }
    .meet__ai-card-content p { font-size: 15px !important; }
}
@media (max-width: 767px) {
    .meet__ai-tabs-wrap { padding: 36px 0 !important; }
    .meet__ai-card {
        flex-direction: column !important;
        padding: 24px !important;
        gap: 24px !important;
        align-items: flex-start !important;
    }
    .meet__ai-card-content { width: 100% !important; order: 2 !important; }
    .meet__ai-card-image {
        width: 100% !important;
        order: 1 !important;
        justify-content: flex-start !important;
    }
    .meet__ai-card-image img { width: 100% !important; }
    .meet__ai-title { font-size: 30px !important; }
}
@media (max-width: 575px) {
    .meet__ai-title { font-size: 26px !important; }
}

/* ══════════════════════════════════════════════════════════════
   AUTOMATE CLINIC — automate__clinic
══════════════════════════════════════════════════════════════ */
.automate__clinic {
    position: relative !important;
    overflow: hidden !important;
    padding: 80px 0 !important;
    background: #fff !important;
}

.automate__clinic::before {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important; left: -80px !important;
    width: 480px !important; height: 300px !important;
    background: radial-gradient(circle, rgba(36,100,238,.06) 0%, transparent 70%) !important;
    pointer-events: none !important;
}

.automate__clinic-wrapper {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 72px !important;
}

.automate__clinic-content {
    flex: 0 0 46% !important;
    max-width: 46% !important;
    margin-top: 0 !important;
}

.automate__clinic-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 5px 16px !important;
    background: var(--b-t1) !important;
    color: var(--b) !important;
    border: 1px solid var(--br) !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    margin-bottom: 14px !important;
    height: auto !important;
}

.automate__clinic-badge svg { width: 14px !important; height: 14px !important; }

.automate__clinic-title {
    font-size: 38px !important;
    font-weight: 700 !important;
    color: var(--hd) !important;
    letter-spacing: -.022em !important;
    line-height: 1.2 !important;
    margin: 0 0 20px !important;
}

.automate__clinic-title span {
    display: block !important;
    color: var(--b) !important;
}

.automate__clinic-text {
    font-size: 16px !important;
    line-height: 1.78 !important;
    color: var(--bd) !important;
    margin: 0 0 20px !important;
    font-weight: 400 !important;
}

.automate__clinic-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    height: 46px !important;
    padding: 0 24px !important;
    border-radius: var(--r-md) !important;
    background: var(--b) !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    box-shadow: var(--sh-b) !important;
    transition: all .2s var(--ease) !important;
    margin-top: 10px !important;
}

.automate__clinic-btn:hover {
    background: var(--b-dk) !important;
    transform: translateY(-2px) !important;
    color: #fff !important;
    text-decoration: none !important;
}

.automate__clinic-image-wrap {
    flex: 0 0 46% !important;
    max-width: 46% !important;
}

.automate__clinic-image img {
    width: 96% !important;
    display: block !important;
    /* filter: drop-shadow(0 16px 40px rgba(36,100,238,.14)) !important; */
}

.automate__clinic-features {
    margin-top: 32px !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
}

.automate__clinic-feature { display: flex !important; align-items: flex-start !important; gap: 12px !important; }

.automate__clinic-feature-icon {
    width: 36px !important; height: 36px !important;
    flex-shrink: 0 !important;
    border-radius: 10px !important;
    background: var(--b-t1) !important;
    border: 1px solid var(--br) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--b) !important;
    font-size: 16px !important;
    box-shadow: none !important;
}

.automate__clinic-feature-icon svg { width: 16px !important; height: 16px !important; }
.automate__clinic-feature h6 { margin: 0 0 3px !important; color: var(--hd) !important; font-size: 13px !important; font-weight: 700 !important; }
.automate__clinic-feature p { margin: 0 !important; color: var(--bd) !important; font-size: 12px !important; line-height: 1.5 !important; }

@media (max-width: 1199px) {
    .automate__clinic-title { font-size: 32px !important; }
    .automate__clinic-wrapper { gap: 48px !important; }
}
@media (max-width: 991px) {
    .automate__clinic { padding: 56px 0 !important; }
    .automate__clinic-content, .automate__clinic-image-wrap { flex: 0 0 48% !important; max-width: 48% !important; }
    .automate__clinic-title { font-size: 30px !important; }
    .automate__clinic-features { grid-template-columns: 1fr !important; }
}
@media (max-width: 767px) {
    .automate__clinic { padding: 40px 0 !important; }
    .automate__clinic-wrapper { flex-direction: column-reverse !important; gap: 20px !important; }
    .automate__clinic-content, .automate__clinic-image-wrap { max-width: 100% !important; flex: none !important; }
    .automate__clinic-title { font-size: 26px !important; }
    .automate__clinic-btn { width: 100% !important; justify-content: center !important; }
}

/* ══════════════════════════════════════════════════════════════
   PROBLEMS GRID — document_clinicn
══════════════════════════════════════════════════════════════ */
.document_clinicn {
    padding: 88px 0 !important;
    background: #f1f5fb !important;
}

/* ── Header ── */
.document_clinicn__header {
    text-align: center !important;
    max-width: 680px !important;
    margin: 0 auto 48px !important;
}

.document_clinicn__badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 6px 18px !important;
    background: #e8f0fe !important;
    border: 1px solid #c7d9fd !important;
    border-radius: 999px !important;
    margin-bottom: 20px !important;
}
.document_clinicn__badge i {
    font-size: 13px !important;
    color: #2464ee !important;
}
.document_clinicn__badge span {
    color: #2464ee !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
}

.document_clinicn__title {
    margin: 0 0 14px !important;
    font-size: 40px !important;
    font-weight: 800 !important;
    line-height: 1.12 !important;
    color: #0f172a !important;
    letter-spacing: -.03em !important;
}
.document_clinicn__title span { color: #2464ee !important; }

.document_clinicn__subtitle {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #475569 !important;
    font-weight: 400 !important;
}

/* ── Grid ── */
.document_clinicn__grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
}

/* ── Cards ── */
.document_clinicn__card {
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 18px !important;
    padding: 28px 24px !important;
    box-shadow: 0 2px 16px rgba(36,100,238,.07) !important;
    transition: transform .22s ease, box-shadow .22s ease !important;
}
.document_clinicn__card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 32px rgba(36,100,238,.13) !important;
}

/* Card top: icon circle left, number right */
.document_clinicn__card-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 22px !important;
}

/* Icon circles — pastel bg, colored icon */
.document_clinicn__image-wrap {
    width: 56px !important;
    height: 56px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}
.document_clinicn__card--blue   .document_clinicn__image-wrap { background: #dbeafe !important; }
.document_clinicn__card--purple .document_clinicn__image-wrap { background: #ede9fe !important; }
.document_clinicn__card--teal   .document_clinicn__image-wrap { background: #ccfbf1 !important; }
.document_clinicn__card--green  .document_clinicn__image-wrap { background: #dcfce7 !important; }
.document_clinicn__card--orange .document_clinicn__image-wrap { background: #ffedd5 !important; }
.document_clinicn__card--blue2  .document_clinicn__image-wrap { background: #e0e7ff !important; }

.document_clinicn__image-wrap i {
    font-size: 22px !important;
    line-height: 1 !important;
}
.document_clinicn__card--blue   .document_clinicn__image-wrap i { color: #2464ee !important; }
.document_clinicn__card--purple .document_clinicn__image-wrap i { color: #7c3aed !important; }
.document_clinicn__card--teal   .document_clinicn__image-wrap i { color: #0d9488 !important; }
.document_clinicn__card--green  .document_clinicn__image-wrap i { color: #059669 !important; }
.document_clinicn__card--orange .document_clinicn__image-wrap i { color: #ea580c !important; }
.document_clinicn__card--blue2  .document_clinicn__image-wrap i { color: #4f46e5 !important; }

/* Numbers — top-right, accent-colored */
.document_clinicn__number {
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -.02em !important;
    flex-shrink: 0 !important;
}
.document_clinicn__card--blue   .document_clinicn__number { color: #2464ee !important; }
.document_clinicn__card--purple .document_clinicn__number { color: #7c3aed !important; }
.document_clinicn__card--teal   .document_clinicn__number { color: #0d9488 !important; }
.document_clinicn__card--green  .document_clinicn__number { color: #059669 !important; }
.document_clinicn__card--orange .document_clinicn__number { color: #ea580c !important; }
.document_clinicn__card--blue2  .document_clinicn__number { color: #4f46e5 !important; }

/* Title */
.document_clinicn__card-title {
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    color: #0f172a !important;
    text-align: left !important;
}

/* Colored underline */
.document_clinicn__line {
    display: block !important;
    width: 32px !important;
    height: 3px !important;
    margin: 12px 0 14px !important;
    border-radius: 3px !important;
}
.document_clinicn__card--blue   .document_clinicn__line { background: #2464ee !important; }
.document_clinicn__card--purple .document_clinicn__line { background: #7c3aed !important; }
.document_clinicn__card--teal   .document_clinicn__line { background: #0d9488 !important; }
.document_clinicn__card--green  .document_clinicn__line { background: #059669 !important; }
.document_clinicn__card--orange .document_clinicn__line { background: #ea580c !important; }
.document_clinicn__card--blue2  .document_clinicn__line { background: #4f46e5 !important; }

/* Description */
.document_clinicn__card-desc {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    color: #64748b !important;
}

/* ── Bottom bar ── */
.document_clinicn__footer {
    margin-top: 32px !important;
    padding: 18px 28px !important;
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 12px rgba(36,100,238,.06) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
}

.document_clinicn__footer-left {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}
.document_clinicn__footer-icon {
    width: 42px !important;
    height: 42px !important;
    border-radius: 10px !important;
    background: #e8f0fe !important;
    border: 1px solid #c7d9fd !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    color: #2464ee !important;
    font-size: 18px !important;
}
.document_clinicn__footer-left > div {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}
.document_clinicn__footer-left strong {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}
.document_clinicn__footer-left span {
    font-size: 13px !important;
    color: #64748b !important;
}

.document_clinicn__footer-right {
    display: flex !important;
    align-items: center !important;
    gap: 28px !important;
    flex-wrap: wrap !important;
}
.document_clinicn__footer-item {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
}
.document_clinicn__footer-item i {
    font-size: 20px !important;
}

/* ── Responsive ── */
@media (max-width: 991px) {
    .document_clinicn          { padding: 64px 0 !important; }
    .document_clinicn__title   { font-size: 30px !important; }
    .document_clinicn__grid    { grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; }
    .document_clinicn__card    { padding: 22px 20px !important; }
    .document_clinicn__header  { margin-bottom: 36px !important; }
}
@media (max-width: 767px) {
    .document_clinicn__footer       { flex-direction: column !important; align-items: flex-start !important; }
    .document_clinicn__footer-right { gap: 16px !important; }
}
@media (max-width: 575px) {
    .document_clinicn          { padding: 48px 0 !important; }
    .document_clinicn__title   { font-size: 26px !important; }
    .document_clinicn__grid    { grid-template-columns: 1fr !important; }
    .document_clinicn__number  { font-size: 18px !important; }
    .document_clinicn__header  { margin-bottom: 28px !important; }
    .document_clinicn__footer  { padding: 16px 18px !important; }
}

/* ══════════════════════════════════════════════════════════════
   CORE CAPABILITIES — ai__capabilities
══════════════════════════════════════════════════════════════ */
.ai__capabilities {
    padding: 88px 0 96px !important;
    background: #f0f5ff !important;
}

/* ── Header ── */
.ai__cap-header {
    text-align: center !important;
    max-width: 680px !important;
    margin: 0 auto 56px !important;
}

.ai__cap-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 6px 18px !important;
    background: #fff !important;
    color: var(--b) !important;
    border: 1px solid var(--br) !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    margin-bottom: 16px !important;
    box-shadow: 0 2px 12px rgba(36,100,238,.1) !important;
}

.ai__cap-title {
    font-size: 40px !important;
    font-weight: 700 !important;
    color: var(--hd) !important;
    letter-spacing: -.022em !important;
    line-height: 1.15 !important;
    margin: 0 0 14px !important;
}

.ai__cap-title span { color: var(--b) !important; }

.ai__cap-subtitle {
    font-size: 16px !important;
    color: var(--bd) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

/* ── Grid ── */
.ai__cap-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
}

/* ── Card base ── */
.ai__cap-card {
    background: #fff !important;
    border-radius: 22px !important;
    border: 1.5px solid #e8eef8 !important;
    padding: 28px 26px 24px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    position: relative !important;
    overflow: hidden !important;
    transition: transform .3s, box-shadow .3s, border-color .3s !important;
    box-shadow: 0 2px 16px rgba(36,100,238,.06) !important;
}

.ai__cap-card::before {
    content: none !important;
}

.ai__cap-card:hover {
    transform: translateY(-6px) !important;
    border-color: transparent !important;
}

/* ── Card top row: icon + number ── */
.ai__cap-card-top {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    margin-bottom: 20px !important;
}

/* ── Icon circle ── */
.ai__cap-icon {
    width: 60px !important;
    height: 60px !important;
    border-radius: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 26px !important;
    flex-shrink: 0 !important;
    transition: transform .3s !important;
}

.ai__cap-card:hover .ai__cap-icon {
    transform: scale(1.08) rotate(-4deg) !important;
}

/* ── Step number ── */
.ai__cap-num {
    font-size: 38px !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
    line-height: 1 !important;
    opacity: .07 !important;
    color: #0f172a !important;
    margin-top: 4px !important;
}

/* ── Text ── */
.ai__cap-card h3 {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: var(--hd) !important;
    letter-spacing: -.015em !important;
    line-height: 1.3 !important;
    margin: 0 0 10px !important;
}

.ai__cap-card p {
    font-size: 13.5px !important;
    color: var(--bd) !important;
    line-height: 1.65 !important;
    margin: 0 0 18px !important;
    flex: 1 !important;
}

/* ── Bottom pill tag ── */
.ai__cap-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 5px 12px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    width: fit-content !important;
    margin-top: auto !important;
}

/* ══ Per-card color themes ══════════════════════════════════ */

/* Blue */
.ai__cap-card--blue::before { background: #2464ee !important; }
.ai__cap-card--blue:hover { box-shadow: 0 16px 52px rgba(36,100,238,.18) !important; }
.ai__cap-card--blue .ai__cap-icon { background: #eef3ff !important; color: #2464ee !important; }
.ai__cap-card--blue .ai__cap-pill { background: #eef3ff !important; color: #2464ee !important; }

/* Purple */
.ai__cap-card--purple::before { background: #7c3aed !important; }
.ai__cap-card--purple:hover { box-shadow: 0 16px 52px rgba(124,58,237,.16) !important; }
.ai__cap-card--purple .ai__cap-icon { background: #f3eeff !important; color: #7c3aed !important; }
.ai__cap-card--purple .ai__cap-pill { background: #f3eeff !important; color: #7c3aed !important; }

/* Teal */
.ai__cap-card--teal::before { background: #0891b2 !important; }
.ai__cap-card--teal:hover { box-shadow: 0 16px 52px rgba(8,145,178,.16) !important; }
.ai__cap-card--teal .ai__cap-icon { background: #e0f9ff !important; color: #0891b2 !important; }
.ai__cap-card--teal .ai__cap-pill { background: #e0f9ff !important; color: #0891b2 !important; }

/* Green */
.ai__cap-card--green::before { background: #059669 !important; }
.ai__cap-card--green:hover { box-shadow: 0 16px 52px rgba(5,150,105,.16) !important; }
.ai__cap-card--green .ai__cap-icon { background: #ecfdf5 !important; color: #059669 !important; }
.ai__cap-card--green .ai__cap-pill { background: #ecfdf5 !important; color: #059669 !important; }

/* Orange */
.ai__cap-card--orange::before { background: #d97706 !important; }
.ai__cap-card--orange:hover { box-shadow: 0 16px 52px rgba(217,119,6,.16) !important; }
.ai__cap-card--orange .ai__cap-icon { background: #fffbeb !important; color: #d97706 !important; }
.ai__cap-card--orange .ai__cap-pill { background: #fffbeb !important; color: #d97706 !important; }

/* Indigo */
.ai__cap-card--indigo::before { background: #4338ca !important; }
.ai__cap-card--indigo:hover { box-shadow: 0 16px 52px rgba(67,56,202,.16) !important; }
.ai__cap-card--indigo .ai__cap-icon { background: #eef0ff !important; color: #4338ca !important; }
.ai__cap-card--indigo .ai__cap-pill { background: #eef0ff !important; color: #4338ca !important; }

/* ── Footer CTA bar ── */
.ai__cap-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    background: var(--hd) !important;
    border-radius: 20px !important;
    padding: 28px 36px !important;
    margin-top: 48px !important;
    flex-wrap: wrap !important;
}

.ai__cap-footer-left {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
}

.ai__cap-footer-icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.1) !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    font-size: 20px !important;
    flex-shrink: 0 !important;
}

.ai__cap-footer-left strong {
    display: block !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin-bottom: 3px !important;
}

.ai__cap-footer-left span {
    color: rgba(255,255,255,.55) !important;
    font-size: 13px !important;
}

.ai__cap-footer-right {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-shrink: 0 !important;
    flex-wrap: wrap !important;
}

.ai__cap-footer-btn-primary {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: var(--b) !important;
    color: #fff !important;
    border-radius: 999px !important;
    padding: 13px 26px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: background .25s, transform .25s, box-shadow .25s !important;
    white-space: nowrap !important;
}

.ai__cap-footer-btn-primary:hover {
    background: #1a52d4 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 28px rgba(36,100,238,.4) !important;
    color: #fff !important;
    text-decoration: none !important;
}

.ai__cap-footer-btn-outline {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: transparent !important;
    color: rgba(255,255,255,.75) !important;
    border: 1.5px solid rgba(255,255,255,.25) !important;
    border-radius: 999px !important;
    padding: 13px 22px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all .25s !important;
    white-space: nowrap !important;
}

.ai__cap-footer-btn-outline:hover {
    background: rgba(255,255,255,.1) !important;
    border-color: rgba(255,255,255,.5) !important;
    color: #fff !important;
    text-decoration: none !important;
}

/* ── Responsive ── */
@media (max-width: 991px) {
    .ai__capabilities { padding: 64px 0 72px !important; }
    .ai__cap-title { font-size: 30px !important; }
    .ai__cap-grid { grid-template-columns: repeat(2, 1fr) !important; }
    .ai__cap-footer { flex-direction: column !important; align-items: flex-start !important; padding: 24px !important; }
}

@media (max-width: 575px) {
    .ai__capabilities { padding: 48px 0 56px !important; }
    .ai__cap-title { font-size: 26px !important; }
    .ai__cap-grid { grid-template-columns: 1fr !important; }
    .ai__cap-footer-right { width: 100% !important; }
    .ai__cap-footer-btn-primary, .ai__cap-footer-btn-outline { flex: 1 !important; justify-content: center !important; }
}

/* ══════════════════════════════════════════════════════════════
   MEDAI METRICS — medai__clindoc
══════════════════════════════════════════════════════════════ */
.medai__clindoc {
    padding: 48px 0 40px !important;
    background: #fff !important;
    overflow: hidden !important;
}

/* ── Two-column header ── */
.medai__clindoc-header {
    display: flex !important;
    align-items: center !important;
    gap: 32px !important;
    margin-bottom: 0 !important;
}

.medai__clindoc-left {
    flex: 0 0 48% !important;
    max-width: 48% !important;
}

.medai__clindoc-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 5px 14px !important;
    border: 1px solid #c7d9fd !important;
    border-radius: 999px !important;
    background: #e8f0fe !important;
    color: #2464ee !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    margin-bottom: 12px !important;
    height: auto !important;
}
.medai__clindoc-badge i { font-size: 11px !important; }

.medai__clindoc-heading {
    margin: 0 0 12px !important;
    font-size: 40px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    color: #0f172a !important;
    letter-spacing: -.03em !important;
}
.medai__clindoc-heading span {
    display: block !important;
    color: #2464ee !important;
}

.medai__clindoc-desc {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    color: #475569 !important;
    font-weight: 400 !important;
}

/* ── Right column: Miya image only ── */
.medai__clindoc-right {
    flex: 0 0 48% !important;
    max-width: 48% !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
}

.medai__clindoc-miya {
    width: auto !important;
    max-width: 100% !important;
    max-height: 420px !important;
    height: 420px !important;
    display: block !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    margin-bottom: -20px !important;
}

/* ── Center sparkle — floats, takes no space ── */
.medai__clindoc-spark-center {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    z-index: 5 !important;
    margin: -36px 0 -36px !important;
}
.medai__clindoc-spark-img {
    width: 72px !important;
    height: 72px !important;
    object-fit: contain !important;
    display: block !important;
}

/* ── Metric cards ── */
.medai__clindoc-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
}

.medai__clindoc-card {
    position: relative !important;
    border-radius: 20px !important;
    padding: 22px 22px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    transition: transform .22s ease, box-shadow .22s ease !important;
}
.medai__clindoc-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 40px rgba(0,0,0,.1) !important;
}

.medai__clindoc-card--blue   { background: linear-gradient(145deg, #e8f0fe 0%, #f4f7ff 100%) !important; }
.medai__clindoc-card--purple { background: linear-gradient(145deg, #ede9fe 0%, #f7f5ff 100%) !important; }
.medai__clindoc-card--teal   { background: linear-gradient(145deg, #ccfbf1 0%, #f0fdfb 100%) !important; }

/* Icon circles */
.medai__clindoc-icon {
    width: 42px !important; height: 42px !important;
    border-radius: 10px !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    margin-bottom: 14px !important;
    font-size: 18px !important;
}
.medai__clindoc-card--blue   .medai__clindoc-icon { background: #dbeafe !important; color: #2464ee !important; }
.medai__clindoc-card--purple .medai__clindoc-icon { background: #ede9fe !important; color: #7c3aed !important; }
.medai__clindoc-card--teal   .medai__clindoc-icon { background: #ccfbf1 !important; color: #0d9488 !important; }

/* Stat numbers */
.medai__clindoc-card h3 {
    margin: 0 0 4px !important;
    font-size: 44px !important;
    font-weight: 800 !important;
    letter-spacing: -.04em !important;
    line-height: 1 !important;
}
.medai__clindoc-card--blue   h3 { color: #2464ee !important; }
.medai__clindoc-card--purple h3 { color: #7c3aed !important; }
.medai__clindoc-card--teal   h3 { color: #0d9488 !important; }

/* Title */
.medai__clindoc-card h4 {
    margin: 0 0 6px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    line-height: 1.35 !important;
}

/* Desc */
.medai__clindoc-card p {
    margin: 0 !important;
    font-size: 13px !important;
    color: #64748b !important;
    line-height: 1.6 !important;
    flex: 1 !important;
}

/* Bottom tag */
.medai__clindoc-card-tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin-top: 14px !important;
    padding: 6px 12px !important;
    background: rgba(255,255,255,.75) !important;
    border: 1px solid rgba(255,255,255,.9) !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    backdrop-filter: blur(4px) !important;
    width: fit-content !important;
}
.medai__clindoc-card--blue   .medai__clindoc-card-tag i { color: #2464ee !important; }
.medai__clindoc-card--purple .medai__clindoc-card-tag i { color: #7c3aed !important; }
.medai__clindoc-card--teal   .medai__clindoc-card-tag i { color: #0d9488 !important; }
.medai__clindoc-card-tag i { font-size: 14px !important; }

/* ── Responsive ── */
@media (max-width: 991px) {
    .medai__clindoc         { padding: 48px 0 40px !important; }
    .medai__clindoc-heading { font-size: 30px !important; }
    .medai__clindoc-header  { flex-direction: column !important; gap: 20px !important; }
    .medai__clindoc-left    { flex: none !important; max-width: 100% !important; }
    .medai__clindoc-right   { flex: none !important; max-width: 100% !important; justify-content: center !important; }
    .medai__clindoc-grid    { grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; }
    .medai__clindoc-miya    { max-width: 300px !important; height: 300px !important; max-height: 300px !important; margin-bottom: 0 !important; }
    .medai__clindoc-spark-center { margin: -20px 0 -20px !important; }
}
@media (max-width: 767px) {
    .medai__clindoc         { padding: 36px 0 32px !important; }
    .medai__clindoc-miya    { max-width: 220px !important; height: 220px !important; max-height: 220px !important; }
    .medai__clindoc-spark-center { margin: -16px 0 -16px !important; }
    .medai__clindoc-heading { font-size: 26px !important; }
}
@media (max-width: 575px) {
    .medai__clindoc         { padding: 32px 0 28px !important; }
    .medai__clindoc-heading { font-size: 24px !important; }
    .medai__clindoc-grid    { grid-template-columns: 1fr !important; }
    .medai__clindoc-card h3 { font-size: 38px !important; }
    .medai__clindoc-spark-center { margin: -12px 0 -12px !important; }
    .medai__clindoc-miya    { max-width: 180px !important; height: 180px !important; max-height: 180px !important; }
}

/* ══════════════════════════════════════════════════════════════
   SPEAK FREELY — medai__scribedemo
══════════════════════════════════════════════════════════════ */
.medai__scribedemo {
    padding: 88px 0 96px !important;
    background: #f0f5ff !important;
}

/* Badge sits directly above the heading inside the left column */
.msd-badge-wrap {
    display: none !important;
}
.msd-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 20px !important;
    background: #fff !important;
    border: 1.5px solid var(--br) !important;
    border-radius: 999px !important;
    color: var(--b) !important;
    font-size: 12px !important; font-weight: 700 !important;
    letter-spacing: .04em !important;
    box-shadow: 0 2px 12px rgba(36,100,238,.10) !important;
    margin-bottom: 16px !important;
}

/* Two-column layout */
.msd-layout {
    display: grid !important;
    grid-template-columns: 1fr 1.15fr !important;
    gap: 72px !important;
    align-items: center !important;
}

/* ── LEFT column ── */
.msd-heading {
    font-size: 40px !important;
    font-weight: 800 !important;
    color: var(--hd) !important;
    letter-spacing: -.035em !important;
    line-height: 1.1 !important;
    margin: 0 0 18px !important;
}
.msd-heading span { color: var(--b) !important; }

.msd-sub {
    font-size: 16px !important;
    line-height: 1.75 !important;
    color: var(--bd) !important;
    margin: 0 0 32px !important;
    max-width: 440px !important;
}

.msd-features {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    margin-bottom: 36px !important;
}
.msd-feature {
    display: flex !important;
    align-items: flex-start !important;
    gap: 16px !important;
}
.msd-feat-icon {
    width: 44px !important; height: 44px !important;
    flex-shrink: 0 !important;
    background: var(--b-t1) !important;
    border: 1.5px solid var(--br) !important;
    border-radius: 12px !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    color: var(--b) !important;
    font-size: 18px !important;
}
.msd-feat-body strong {
    display: block !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--hd) !important;
    margin-bottom: 4px !important;
}
.msd-feat-body p {
    margin: 0 !important;
    font-size: 13.5px !important;
    color: var(--bd) !important;
    line-height: 1.65 !important;
}

.msd-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 14px 28px !important;
    background: var(--b) !important;
    color: #fff !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: background .2s, transform .2s, box-shadow .2s !important;
    box-shadow: 0 4px 18px rgba(36,100,238,.28) !important;
}
.msd-btn:hover { background: #1a50c8 !important; transform: translateY(-2px) !important; box-shadow: 0 8px 28px rgba(36,100,238,.38) !important; color: #fff !important; text-decoration: none !important; }
.msd-btn i { font-size: 13px !important; }

.msd-cta-note {
    margin: 10px 0 0 !important;
    font-size: 12px !important;
    color: var(--bd) !important;
}

/* ── RIGHT column: cards ── */
.msd-right {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
}

.msd-card {
    background: #fff !important;
    border: 1.5px solid #dde7ff !important;
    border-radius: 16px !important;
    box-shadow: 0 6px 28px rgba(36,100,238,.09) !important;
    overflow: hidden !important;
}

/* Window dots */
.msd-card-dots {
    display: flex !important;
    gap: 5px !important;
    padding: 10px 14px 0 !important;
}
.msd-card-dots span {
    width: 8px !important; height: 8px !important;
    border-radius: 50% !important;
    background: #e2e8f0 !important;
}
.msd-card-dots span:nth-child(1) { background: #fc6058 !important; }
.msd-card-dots span:nth-child(2) { background: #fec02f !important; }
.msd-card-dots span:nth-child(3) { background: #2aca44 !important; }

/* Library card */
.msd-card--library { padding-bottom: 4px !important; }
.msd-lib-header {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    padding: 10px 16px !important;
    border-bottom: 1.5px solid #f1f5f9 !important;
}
.msd-lib-logo {
    font-size: 13px !important;
    font-weight: 800 !important;
    color: var(--b) !important;
    margin-right: 20px !important;
    white-space: nowrap !important;
}
.msd-lib-logo i { margin-right: 3px !important; font-size: 11px !important; }
.msd-lib-tabs {
    display: flex !important;
    gap: 0 !important;
    flex: 1 !important;
}
.msd-lib-tab {
    padding: 5px 14px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #94a3b8 !important;
    cursor: pointer !important;
    border-bottom: 2px solid transparent !important;
    white-space: nowrap !important;
}
.msd-lib-tab--active {
    color: var(--b) !important;
    border-bottom-color: var(--b) !important;
}
.msd-lib-actions {
    display: flex !important;
    gap: 12px !important;
    color: #94a3b8 !important;
    font-size: 13px !important;
}

.msd-lib-table {
    width: 100% !important;
    border-collapse: collapse !important;
    font-size: 12.5px !important;
}
.msd-lib-table thead th {
    padding: 8px 16px !important;
    color: #94a3b8 !important;
    font-weight: 600 !important;
    text-align: left !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
    border-bottom: 1px solid #f1f5f9 !important;
}
.msd-lib-table tbody td {
    padding: 9px 16px !important;
    color: var(--hd) !important;
    font-weight: 500 !important;
    border-bottom: 1px solid #f8fafc !important;
}
.msd-lib-table tbody td i { color: #94a3b8 !important; margin-right: 6px !important; }
.msd-lib-row--active td { background: #f0f7ff !important; }
.msd-lib-row--active td:first-child { color: var(--b) !important; font-weight: 600 !important; }
.msd-added {
    color: #16a34a !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
}
.msd-added i { margin-right: 2px !important; }

/* Bottom row */
.msd-bottom-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
}

/* Chat card */
.msd-card--chat {
    padding: 12px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}
.msd-chat-msgs {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}
.msd-chat-msg {
    border-radius: 10px !important;
    padding: 8px 12px !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}
.msd-msg--rec {
    background: var(--b) !important;
    color: #fff !important;
    align-self: flex-start !important;
    animation: msd-fadein .6s ease both !important;
}
.msd-msg--rec i { margin-right: 5px !important; }
.msd-msg--patient {
    background: #f1f5f9 !important;
    color: var(--hd) !important;
    align-self: flex-end !important;
    animation: msd-fadein .6s .5s ease both !important;
}
.msd-msg--ai {
    background: #ec4899 !important;
    color: #fff !important;
    align-self: flex-start !important;
    animation: msd-fadein .6s 1s ease both !important;
}
.msd-chat-dots {
    display: flex !important;
    gap: 4px !important;
    padding: 4px 0 !important;
    animation: msd-fadein .6s 1.4s ease both !important;
}
.msd-chat-dots span {
    width: 6px !important; height: 6px !important;
    border-radius: 50% !important;
    background: var(--br) !important;
    animation: msd-dot-pulse 1.2s infinite !important;
}
.msd-chat-dots span:nth-child(2) { animation-delay: .2s !important; }
.msd-chat-dots span:nth-child(3) { animation-delay: .4s !important; }

/* Recording bar */
.msd-rec-bar {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 10px !important;
    background: #f8fafc !important;
    border-radius: 10px !important;
}
.msd-rec-dot {
    width: 8px !important; height: 8px !important;
    border-radius: 50% !important;
    background: #ef4444 !important;
    flex-shrink: 0 !important;
    animation: msd-rec-blink 1s infinite !important;
}
.msd-rec-wave {
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
    flex: 1 !important;
}
.msd-rec-wave span {
    width: 3px !important;
    background: var(--b) !important;
    border-radius: 2px !important;
    animation: msd-wave-bar .8s ease-in-out infinite alternate !important;
}
.msd-rec-wave span:nth-child(1)  { height: 6px;  animation-delay: 0s; }
.msd-rec-wave span:nth-child(2)  { height: 14px; animation-delay: .07s; }
.msd-rec-wave span:nth-child(3)  { height: 20px; animation-delay: .14s; }
.msd-rec-wave span:nth-child(4)  { height: 10px; animation-delay: .21s; }
.msd-rec-wave span:nth-child(5)  { height: 24px; animation-delay: .28s; }
.msd-rec-wave span:nth-child(6)  { height: 14px; animation-delay: .35s; }
.msd-rec-wave span:nth-child(7)  { height: 18px; animation-delay: .42s; }
.msd-rec-wave span:nth-child(8)  { height: 8px;  animation-delay: .49s; }
.msd-rec-wave span:nth-child(9)  { height: 16px; animation-delay: .56s; }
.msd-rec-wave span:nth-child(10) { height: 6px;  animation-delay: .63s; }
.msd-rec-label { font-size: 11px !important; color: var(--bd) !important; white-space: nowrap !important; }
.msd-rec-label b { color: var(--hd) !important; font-weight: 600 !important; }

/* SOAP card */
.msd-card--soap { padding: 14px 14px 12px !important; }
.msd-soap-title {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--hd) !important;
    margin-bottom: 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}
.msd-soap-title i { color: var(--b) !important; }
.msd-soap-body {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    margin-bottom: 12px !important;
}
.msd-soap-line {
    font-size: 11.5px !important;
    color: var(--bd) !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    animation: msd-fadein .5s ease both !important;
}
.msd-soap-line:nth-child(1) { animation-delay: .3s !important; }
.msd-soap-line:nth-child(2) { animation-delay: .7s !important; }
.msd-soap-line:nth-child(3) { animation-delay: 1.1s !important; }
.msd-soap-line:nth-child(4) { animation-delay: 1.5s !important; }
.msd-soap-line strong { color: var(--hd) !important; font-weight: 700 !important; }
.msd-soap-actions {
    display: flex !important;
    gap: 6px !important;
}
.msd-soap-actions button {
    flex: 1 !important;
    padding: 6px 4px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    border: 1.5px solid var(--br) !important;
    background: #fff !important;
    color: var(--hd) !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    transition: all .2s !important;
}
.msd-soap-actions button:first-child { background: var(--b) !important; color: #fff !important; border-color: var(--b) !important; }
.msd-soap-actions button:hover { border-color: var(--b) !important; color: var(--b) !important; }
.msd-soap-actions button:first-child:hover { background: #1a50c8 !important; color: #fff !important; }

/* Trust bar */
.msd-trust-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    padding: 12px 20px !important;
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 14px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--bd) !important;
}
.msd-trust-bar i { color: var(--b) !important; margin-right: 5px !important; }
.msd-tsep { color: #cbd5e1 !important; }

/* ── Animations ── */
@keyframes msd-fadein {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes msd-dot-pulse {
    0%, 100% { transform: scale(.6); opacity: .4; }
    50%       { transform: scale(1);  opacity: 1; }
}
@keyframes msd-rec-blink {
    0%, 100% { opacity: 1; }
    50%       { opacity: .2; }
}
@keyframes msd-wave-bar {
    from { transform: scaleY(.4); }
    to   { transform: scaleY(1); }
}

@media (max-width: 1199px) {
    .msd-layout { gap: 48px !important; }
    .msd-heading { font-size: 34px !important; }
}
@media (max-width: 991px) {
    .medai__scribedemo { padding: 64px 0 72px !important; }
    .msd-layout { grid-template-columns: 1fr !important; gap: 36px !important; }
    .msd-heading { font-size: 30px !important; }
    .msd-sub { max-width: 100% !important; }
    /* Right column: cap width so it doesn't stretch too wide on tablet */
    .msd-right { max-width: 600px !important; margin: 0 auto !important; width: 100% !important; }
}
@media (max-width: 767px) {
    .medai__scribedemo { padding: 48px 0 56px !important; }
    .msd-heading { font-size: 26px !important; }
    /* Library card header: wrap logo + tabs, hide team/new tabs */
    .msd-lib-header { flex-wrap: wrap !important; gap: 8px !important; padding: 10px 12px !important; }
    .msd-lib-tab:not(.msd-lib-tab--active) { display: none !important; }
    /* Make table horizontally scrollable */
    .msd-card--library { overflow-x: auto !important; }
    .msd-lib-table { min-width: 340px !important; }
    /* Trust bar: wrap and center */
    .msd-trust-bar { flex-wrap: wrap !important; gap: 10px !important; justify-content: flex-start !important; }
    .msd-tsep { display: none !important; }
    /* CTA button full width */
    .msd-btn { width: 100% !important; justify-content: center !important; }
}
@media (max-width: 575px) {
    .msd-heading { font-size: 24px !important; }
    .msd-bottom-row { grid-template-columns: 1fr !important; }
    .msd-badge-wrap { margin-bottom: 32px !important; }
    .msd-right { max-width: 100% !important; }
    /* Hide the SOAP card on very small screens to reduce clutter */
    .msd-card--soap { display: none !important; }
    /* Make chat card fuller */
    .msd-bottom-row { display: block !important; }
}

/* ══════════════════════════════════════════════════════════════
   CAPABILITIES TABS — ai__drivensec (redesigned)
══════════════════════════════════════════════════════════════ */
.ai__drivensec {
    padding: 88px 0 96px !important;
    background: #fff !important;
}

/* ── Header ── */
.aid-top {
    text-align: center !important;
    max-width: 700px !important;
    margin: 0 auto 48px !important;
}

.aid-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 6px 18px !important;
    background: var(--b-t1) !important;
    color: var(--b) !important;
    border: 1px solid var(--br) !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    margin-bottom: 16px !important;
}

.aid-heading {
    font-size: 40px !important;
    font-weight: 700 !important;
    color: var(--hd) !important;
    letter-spacing: -.022em !important;
    line-height: 1.15 !important;
    margin: 0 0 14px !important;
}

.aid-heading span { color: var(--b) !important; }

.aid-sub {
    font-size: 16px !important;
    color: var(--bd) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

/* ── Tab buttons ── */
.aid-tabs {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
    margin-bottom: 0 !important;
}

.aid-tab {
    background: #f7f9ff !important;
    border: 1.5px solid #e8eef8 !important;
    border-bottom: none !important;
    border-radius: 18px 18px 0 0 !important;
    padding: 22px 22px 26px !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    cursor: pointer !important;
    position: relative !important;
    overflow: hidden !important;
    text-align: left !important;
    transition: background .3s, border-color .3s !important;
}

.aid-tab--active {
    background: #fff !important;
    border-color: var(--b) !important;
    border-bottom-color: #fff !important;
    z-index: 2 !important;
}

.aid-tab-icon {
    width: 52px !important;
    height: 52px !important;
    border-radius: 14px !important;
    background: #eef3ff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
    color: #94a3b8 !important;
    flex-shrink: 0 !important;
    transition: background .3s, color .3s !important;
}

.aid-tab--active .aid-tab-icon {
    background: var(--b) !important;
    color: #fff !important;
}

.aid-tab-body { flex: 1 !important; min-width: 0 !important; }

.aid-tab-num {
    display: block !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    color: #94a3b8 !important;
    text-transform: uppercase !important;
    margin-bottom: 4px !important;
}

.aid-tab--active .aid-tab-num { color: var(--b) !important; }

.aid-tab-body strong {
    display: block !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--hd) !important;
    line-height: 1.3 !important;
}

/* Progress bar auto-advance indicator */
.aid-tab-bar {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    height: 3px !important;
    width: 0 !important;
    background: var(--b) !important;
    border-radius: 0 !important;
    transition: none !important;
}

.aid-tab--active .aid-tab-bar {
    animation: aid-bar 5s linear forwards !important;
}

@keyframes aid-bar {
    from { width: 0%; }
    to   { width: 100%; }
}

/* ── Content panels ── */
.aid-panels {
    background: #fff !important;
    border: 1.5px solid var(--b) !important;
    border-top: none !important;
    border-radius: 0 0 24px 24px !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 1 !important;
}

.aid-panel {
    display: none !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 0 !important;
    padding: 0 !important;
    animation: none !important;
}

.aid-panel--active {
    display: flex !important;
    animation: aid-fade .35s ease !important;
}

@keyframes aid-fade {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

.aid-panel-left {
    flex: 0 0 52% !important;
    padding: 48px 48px 48px 52px !important;
}

.aid-panel-left h3 {
    font-size: 30px !important;
    font-weight: 700 !important;
    color: var(--hd) !important;
    letter-spacing: -.022em !important;
    line-height: 1.2 !important;
    margin: 0 0 18px !important;
}

.aid-panel-left h3 span { color: var(--b) !important; }

.aid-panel-left p {
    font-size: 15px !important;
    color: var(--bd) !important;
    line-height: 1.75 !important;
    margin: 0 0 12px !important;
}

.aid-panel-right {
    flex: 0 0 48% !important;
    background: #f2f6fe !important;
    border-left: 1.5px solid #e8eef8 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 32px !important;
    min-height: 420px !important;
    align-self: stretch !important;
}

.aid-panel-right img {
    width: 110% !important;
    max-width: 450px !important;
    display: block !important;
    /* filter: drop-shadow(0 12px 32px rgba(36,100,238,.14)) !important; */
}

.aid-img-full { max-width: 340px !important; }

/* Feature icon grid (panel 1) */
.aid-feature-grid {
    display: flex !important;
    gap: 14px !important;
    margin-top: 28px !important;
    flex-wrap: wrap !important;
}

.aid-feat {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 16px 20px !important;
    background: #f7f9ff !important;
    border: 1px solid var(--br) !important;
    border-radius: 14px !important;
    text-align: center !important;
    min-width: 90px !important;
    transition: box-shadow .2s !important;
}

.aid-feat:hover { box-shadow: 0 4px 16px rgba(36,100,238,.12) !important; }

.aid-feat-icon {
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    background: #eef3ff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--b) !important;
    font-size: 18px !important;
}

.aid-feat-icon svg {
    width: 22px !important;
    height: 22px !important;
    color: var(--b) !important;
    stroke: var(--b) !important;
}

.aid-feat small {
    font-size: 11.5px !important;
    font-weight: 600 !important;
    color: var(--bd) !important;
    line-height: 1.3 !important;
}

/* Tag pills (panels 2 & 3) */
.aid-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 28px !important;
}

.aid-tags span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 9px 16px !important;
    background: #f7f9ff !important;
    border: 1px solid var(--br) !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--b) !important;
    transition: all .2s !important;
}

.aid-tags span:hover {
    background: var(--b-t1) !important;
    border-color: var(--b) !important;
}

.aid-tags span i { font-size: 12px !important; }

/* ── Responsive ── */
@media (max-width: 991px) {
    .ai__drivensec { padding: 64px 0 72px !important; }
    .aid-heading { font-size: 30px !important; }
    .aid-tabs { grid-template-columns: 1fr !important; gap: 8px !important; }
    .aid-tab { border-radius: 14px !important; border-bottom: 1.5px solid #e8eef8 !important; }
    .aid-tab--active { border-bottom-color: var(--b) !important; }
    .aid-panels { border-top: 1.5px solid var(--b) !important; border-radius: 14px !important; }
    .aid-panel--active { flex-direction: column !important; }
    .aid-panel-left { flex: none !important; padding: 32px 28px !important; }
    .aid-panel-right { flex: none !important; border-left: none !important; border-top: 1.5px solid #e8eef8 !important; min-height: 280px !important; width: 100% !important; }
    .aid-panel-left h3 { font-size: 24px !important; }
}

@media (max-width: 575px) {
    .ai__drivensec { padding: 48px 0 56px !important; }
    .aid-heading { font-size: 26px !important; }
    .aid-panel-left { padding: 24px 20px !important; }
    .aid-feature-grid { gap: 10px !important; }
    .aid-feat { padding: 12px 14px !important; min-width: 70px !important; }
}

/* old carousel classes — HTML hidden via PHP if(false), kept for reference only */
.ai__drivensec__tag { display: none !important; }
.ai__drivensec__title { display: none !important; }
.ai__drivensec__wrapper { display: none !important; }
.ai__drivensec__dots { display: none !important; }

/* ══════════════════════════════════════════════════════════════
   SECURITY — build__healthh
══════════════════════════════════════════════════════════════ */
.build__healthh {
    padding: 80px 0 80px !important;
    /* background: linear-gradient(160deg, #e8f0fe 0%, #dde7ff 50%, #eef2ff 100%) !important; */
    position: relative !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    background: #f5f6fd !important;
}

.build__healthh::before {
    content: none !important;
}

.build__healthh__leftimg {
    position: absolute !important;
    left: 9px !important;
    top: 20px !important;
    width: 335px !important;
    opacity: 1 !important;
    z-index: 1 !important;
}

.build__healthh__rightimg {
    display: none !important;
}

.build__healthh__top {
    max-width: 620px !important;
    margin: 0 auto 30px !important;
    text-align: center !important;
    position: relative !important;
    z-index: 2 !important;
}

.build__healthh__tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 6px 18px !important;
    background: #fff !important;
    color: var(--b) !important;
    border: 1.5px solid var(--br) !important;
    border-radius: 999px !important;
    font-size: 11px !important; font-weight: 700 !important;
    letter-spacing: .08em !important; text-transform: uppercase !important;
    margin-bottom: 20px !important;
    box-shadow: 0 2px 10px rgba(36,100,238,.10) !important;
}

.build__healthh__top h2 {
    font-size: 38px !important;
    font-weight: 800 !important;
    color: var(--hd) !important;
    letter-spacing: -.03em !important;
    line-height: 1.12 !important;
    margin: 0 0 10px !important;
}

.build__healthh__top h2 span { color: var(--b) !important; }

.build__healthh__top p {
    font-size: 16px !important;
    color: var(--bd) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    font-weight: 400 !important;
}

.build__healthh__cards {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 14px !important;
    margin-bottom: 16px !important;
    position: relative !important;
    z-index: 2 !important;
}

.build__healthh__card {
    background: #fff !important;
    border: 1.5px solid var(--br) !important;
    border-radius: 16px !important;
    padding: 20px 18px !important;
    box-shadow: 0 4px 20px rgba(36,100,238,.07) !important;
    transition: box-shadow .25s var(--ease), transform .25s var(--ease) !important;
}

.build__healthh__card:hover {
    box-shadow: 0 10px 36px rgba(36,100,238,.14) !important;
    transform: translateY(-4px) !important;
}

.build__healthh__head {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    margin-bottom: 14px !important;
}

.build__healthh__icon {
    width: 52px !important; height: 52px !important;
    background: var(--b-t1) !important;
    border-radius: 12px !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    flex-shrink: 0 !important;
}

.build__healthh__icon img { width: 100% !important; padding: 10px !important; }
.build__healthh__icon i { font-size: 22px !important; color: var(--b) !important; }
.build__healthh__content { flex: 1 !important; }

.build__healthh__card h3 {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--hd) !important;
    margin: 0 0 8px !important;
    line-height: 1.35 !important;
}

.build__healthh__line {
    width: 28px !important; height: 2.5px !important;
    background: var(--b) !important;
    display: block !important;
    border-radius: 2px !important;
}

.build__healthh__card > p {
    font-size: 13.5px !important;
    color: var(--bd) !important;
    line-height: 1.65 !important;
    margin: 0 !important;
    font-weight: 400 !important;
}

.build__healthh__bottom {
    background: #fff !important;
    border: 1.5px solid var(--br) !important;
    border-radius: 16px !important;
    padding: 24px 28px !important;
    display: flex !important;
    justify-content: space-between !important;
    gap: 32px !important;
    align-items: center !important;
    position: relative !important;
    z-index: 2 !important;
    box-shadow: 0 4px 20px rgba(36,100,238,.07) !important;
    margin-bottom: 20px !important;
}

.build__healthh__iconn {
    width: 60px !important; height: 60px !important;
    background: var(--b-t1) !important;
    border-radius: 16px !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    flex-shrink: 0 !important;
}

.build__healthh__iconn img { width: 58% !important; }
.build__healthh__iconn i { font-size: 24px !important; color: var(--b) !important; }

.build__healthh__left {
    display: flex !important;
    width: 26% !important;
    gap: 16px !important;
    align-items: flex-start !important;
}

.build__healthh__left h3 { font-size: 18px !important; font-weight: 700 !important; color: var(--hd) !important; margin: 0 0 8px !important; line-height: 1.3 !important; }
.build__healthh__left span { width: 32px !important; height: 2.5px !important; background: var(--b) !important; display: block !important; margin-bottom: 12px !important; border-radius: 2px !important; }
.build__healthh__left p { font-size: 13px !important; color: var(--bd) !important; line-height: 1.65 !important; margin: 0 !important; }

.build__healthh__middle { display: flex !important; gap: 40px !important; }
.build__healthh__middle ul { padding: 0 !important; margin: 0 !important; list-style: none !important; }
.build__healthh__middle ul li {
    font-size: 14px !important;
    color: var(--hd) !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 9px 14px !important;
    background: var(--b-bg) !important;
    border: 1px solid var(--br) !important;
    border-radius: 10px !important;
    margin-bottom: 10px !important;
    font-weight: 500 !important;
}
.build__healthh__middle ul li i { color: var(--b) !important; font-size: 15px !important; flex-shrink: 0 !important; }

.build__healthh__img img { width: 100% !important; max-width: 190px !important; opacity: .95 !important; }

/* Footer tagline bar */
.build__healthh__footer {
    border-top: 1.5px solid var(--br) !important;
    padding: 14px 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
    position: relative !important;
    z-index: 2 !important;
}
.build__healthh__footer > span {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--b) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
}
.build__healthh__footer .bh-fsep {
    color: var(--br) !important;
    font-size: 20px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
}

@media (max-width: 991px) {
    .build__healthh { padding: 56px 0 56px !important; }
    .build__healthh__cards { grid-template-columns: repeat(2, 1fr) !important; }
    .build__healthh__top h2 { font-size: 30px !important; }
    .build__healthh__leftimg { width: 200px !important; }
    .build__healthh__rightimg { width: 160px !important; }
    .build__healthh__bottom { flex-direction: column !important; gap: 28px !important; padding: 28px 24px !important; }
    .build__healthh__left { width: 100% !important; }
    .build__healthh__middle { gap: 20px !important; width: 100% !important; }
}
@media (max-width: 575px) {
    .build__healthh { padding: 40px 0 40px !important; }
    .build__healthh__cards { grid-template-columns: 1fr !important; }
    .build__healthh__top h2 { font-size: 26px !important; }
    .build__healthh__leftimg, .build__healthh__rightimg { display: none !important; }
    .build__healthh__bottom { padding: 24px 16px !important; }
    .build__healthh__middle { flex-direction: column !important; gap: 0 !important; }
    .build__healthh__iconn { display: none !important; }
    .build__healthh__img { display: none !important; }
    .build__healthh__footer { flex-wrap: wrap !important; gap: 10px !important; }
}

/* ══════════════════════════════════════════════════════════════
   HOW MEDAI WORKS — 3-step animated process
══════════════════════════════════════════════════════════════ */
.medai__howworks {
    padding: 88px 0 96px !important;
    background: #fff !important;
}

.medai__howworks-top {
    text-align: center !important;
    max-width: 680px !important;
    margin: 0 auto 56px !important;
}

.medai__howworks-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 6px 18px !important;
    background: var(--b-t1) !important;
    color: var(--b) !important;
    border: 1px solid var(--br) !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    margin-bottom: 16px !important;
}

.medai__howworks-top h2 {
    font-size: 40px !important;
    font-weight: 700 !important;
    color: var(--hd) !important;
    letter-spacing: -.022em !important;
    line-height: 1.15 !important;
    margin: 0 0 12px !important;
}

.medai__howworks-top h2 span { color: var(--b) !important; }

.medai__howworks-top p {
    font-size: 16px !important;
    color: var(--bd) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

/* Grid */
.medai__howworks-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
    align-items: stretch !important;
}

/* Card */
.medai__howworks-card {
    background: #fff !important;
    border: 1.5px solid #e8eef8 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 24px rgba(36,100,238,.07) !important;
    display: flex !important;
    flex-direction: column !important;
    transition: box-shadow .3s, transform .3s !important;
}

.medai__howworks-card:hover {
    box-shadow: 0 14px 52px rgba(36,100,238,.14) !important;
    transform: translateY(-5px) !important;
}

/* Mockup top area */
.medai__howworks-mockup {
    background: #f7f9ff !important;
    border-bottom: 1.5px solid #e8eef8 !important;
    padding: 32px 24px 28px !important;
    min-height: 200px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Body */
.medai__howworks-body {
    padding: 24px 24px 28px !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    position: relative !important;
}

.medai__howworks-num {
    position: absolute !important;
    top: 18px !important;
    right: 20px !important;
    font-size: 40px !important;
    font-weight: 900 !important;
    color: rgba(36,100,238,.06) !important;
    letter-spacing: -.04em !important;
    line-height: 1 !important;
}

.medai__howworks-body h3 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--hd) !important;
    margin: 0 0 10px !important;
    line-height: 1.3 !important;
    letter-spacing: -.015em !important;
}

.medai__howworks-body > p {
    font-size: 14px !important;
    color: var(--bd) !important;
    line-height: 1.65 !important;
    margin: 0 0 18px !important;
}

.medai__howworks-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 22px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.medai__howworks-list li {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 13.5px !important;
    color: var(--hd) !important;
    font-weight: 500 !important;
}

.medai__howworks-list li i {
    color: var(--b) !important;
    font-size: 14px !important;
    width: 16px !important;
    text-align: center !important;
    flex-shrink: 0 !important;
}

.medai__howworks-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: var(--b) !important;
    color: #fff !important;
    border-radius: 999px !important;
    padding: 12px 24px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    margin-top: auto !important;
    width: fit-content !important;
    transition: background .25s, transform .25s, box-shadow .25s !important;
}

.medai__howworks-btn:hover {
    background: #1a52d4 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(36,100,238,.28) !important;
    color: #fff !important;
    text-decoration: none !important;
}

.medai__howworks-btn i { font-size: 12px !important; }

/* ────────────────────────────────────────────────────────
   CARD 1 — Recording mockup animations
──────────────────────────────────────────────────────── */
.mhw-rec {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 14px !important;
}

.mhw-mic-wrap {
    position: relative !important;
    width: 68px !important;
    height: 68px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.mhw-ring {
    position: absolute !important;
    border-radius: 50% !important;
    background: rgba(36,100,238,.18) !important;
    width: 68px !important;
    height: 68px !important;
}

.mhw-ring-1 { animation: mhw-ring-out 2.2s infinite ease-out !important; }
.mhw-ring-2 { animation: mhw-ring-out 2.2s infinite ease-out .9s !important; }

@keyframes mhw-ring-out {
    0% { transform: scale(1); opacity: .65; }
    100% { transform: scale(2.4); opacity: 0; }
}

.mhw-mic-btn {
    position: relative !important;
    z-index: 1 !important;
    width: 54px !important;
    height: 54px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #4d8af0, var(--b)) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    font-size: 22px !important;
    box-shadow: 0 6px 22px rgba(36,100,238,.38) !important;
    animation: mhw-mic-breathe 2s infinite ease-in-out !important;
}

@keyframes mhw-mic-breathe {
    0%, 100% { transform: scale(1); box-shadow: 0 6px 22px rgba(36,100,238,.38); }
    50% { transform: scale(1.07); box-shadow: 0 10px 32px rgba(36,100,238,.52); }
}

.mhw-rec-timer {
    font-size: 13px !important;
    color: #64748b !important;
    font-weight: 500 !important;
}

.mhw-rec-timer strong {
    font-family: monospace !important;
    color: var(--b) !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}

.mhw-rec-bar-track {
    width: 100% !important;
    height: 6px !important;
    background: #dde7ff !important;
    border-radius: 999px !important;
    overflow: hidden !important;
}

.mhw-rec-bar-fill {
    height: 100% !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #7ab3f8, var(--b)) !important;
    animation: mhw-bar-loop 3.5s infinite linear !important;
}

@keyframes mhw-bar-loop {
    0% { width: 0%; opacity: 1; }
    75% { width: 100%; opacity: 1; }
    90% { width: 100%; opacity: 0; }
    100% { width: 0%; opacity: 0; }
}

.mhw-waveform {
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
    height: 30px !important;
}

.mhw-waveform span {
    display: block !important;
    width: 3px !important;
    border-radius: 999px !important;
    background: var(--b) !important;
    opacity: .7 !important;
    animation: mhw-wave 0.85s infinite ease-in-out !important;
}

.mhw-waveform span:nth-child(1)  { animation-delay: 0s !important; }
.mhw-waveform span:nth-child(2)  { animation-delay: .07s !important; }
.mhw-waveform span:nth-child(3)  { animation-delay: .14s !important; }
.mhw-waveform span:nth-child(4)  { animation-delay: .21s !important; }
.mhw-waveform span:nth-child(5)  { animation-delay: .28s !important; }
.mhw-waveform span:nth-child(6)  { animation-delay: .35s !important; }
.mhw-waveform span:nth-child(7)  { animation-delay: .42s !important; }
.mhw-waveform span:nth-child(8)  { animation-delay: .35s !important; }
.mhw-waveform span:nth-child(9)  { animation-delay: .28s !important; }
.mhw-waveform span:nth-child(10) { animation-delay: .21s !important; }
.mhw-waveform span:nth-child(11) { animation-delay: .14s !important; }
.mhw-waveform span:nth-child(12) { animation-delay: .07s !important; }

@keyframes mhw-wave {
    0%, 100% { height: 4px; }
    50% { height: 24px; }
}

.mhw-rec-quality {
    font-size: 11.5px !important;
    color: #16a34a !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}

/* ────────────────────────────────────────────────────────
   CARD 2 — AI Processing mockup (looping appear/reset)
──────────────────────────────────────────────────────── */
.mhw-proc {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.mhw-proc-hdr {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--hd) !important;
    margin-bottom: 6px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid #e8eef8 !important;
}

.mhw-proc-hdr i { color: var(--b) !important; }

.mhw-proc-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 13px !important;
    padding: 8px 10px !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
}

/* Looping keyframes — each item folds its delay into the animation */
.mhw-proc-item--1 {
    background: #f0fdf4 !important;
    color: var(--hd) !important;
    animation: mhw-proc1 6s infinite ease !important;
}

.mhw-proc-item--2 {
    background: #eef3ff !important;
    color: var(--b) !important;
    animation: mhw-proc2 6s infinite ease !important;
}

.mhw-proc-item--3 {
    background: #f8faff !important;
    color: #94a3b8 !important;
    animation: mhw-proc3 6s infinite ease !important;
}

@keyframes mhw-proc1 {
    0%,4%  { opacity: 0; transform: translateX(-8px); }
    14%,80% { opacity: 1; transform: translateX(0); }
    92%,100% { opacity: 0; transform: translateX(-8px); }
}
@keyframes mhw-proc2 {
    0%,20% { opacity: 0; transform: translateX(-8px); }
    30%,80% { opacity: 1; transform: translateX(0); }
    92%,100% { opacity: 0; transform: translateX(-8px); }
}
@keyframes mhw-proc3 {
    0%,36% { opacity: 0; transform: translateX(-8px); }
    46%,80% { opacity: 1; transform: translateX(0); }
    92%,100% { opacity: 0; transform: translateX(-8px); }
}

.mhw-dot-done {
    display: inline-block !important;
    width: 15px !important;
    height: 15px !important;
    border-radius: 50% !important;
    background: #22c55e !important;
    flex-shrink: 0 !important;
    position: relative !important;
}

.mhw-dot-done::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.5l2.5 2.5 4.5-5' stroke='white' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat !important;
}

.mhw-spinner {
    display: inline-block !important;
    width: 15px !important;
    height: 15px !important;
    border-radius: 50% !important;
    border: 2.5px solid #c7d9fb !important;
    border-top-color: var(--b) !important;
    flex-shrink: 0 !important;
    animation: mhw-spin 0.75s linear infinite !important;
}

@keyframes mhw-spin {
    to { transform: rotate(360deg); }
}

.mhw-dot-idle {
    display: inline-block !important;
    width: 15px !important;
    height: 15px !important;
    border-radius: 50% !important;
    border: 2px solid #cbd5e1 !important;
    flex-shrink: 0 !important;
}

.mhw-proc-detected {
    font-size: 11.5px !important;
    color: #64748b !important;
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    margin-top: 4px !important;
    animation: mhw-proc4 6s infinite ease !important;
}

@keyframes mhw-proc4 {
    0%,52% { opacity: 0; transform: translateY(4px); }
    62%,80% { opacity: 1; transform: translateY(0); }
    92%,100% { opacity: 0; transform: translateY(0); }
}

.mhw-proc-detected i { color: var(--b) !important; margin-right: 4px !important; }
.mhw-proc-detected em { font-style: normal !important; color: var(--hd) !important; font-weight: 600 !important; }

/* ────────────────────────────────────────────────────────
   CARD 3 — Document viewer mockup (lines type in, loop)
──────────────────────────────────────────────────────── */
.mhw-doc {
    width: 100% !important;
    background: #fff !important;
    border-radius: 14px !important;
    border: 1.5px solid #e2eaf8 !important;
    overflow: hidden !important;
    box-shadow: 0 2px 14px rgba(36,100,238,.08) !important;
}

.mhw-doc-tabs {
    display: flex !important;
    border-bottom: 1.5px solid #e2eaf8 !important;
    padding: 0 12px !important;
    background: #f8faff !important;
}

.mhw-doc-tab {
    padding: 10px 12px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #94a3b8 !important;
    border-bottom: 2px solid transparent !important;
    margin-bottom: -1.5px !important;
    white-space: nowrap !important;
}

.mhw-doc-tab--active {
    color: var(--b) !important;
    border-bottom-color: var(--b) !important;
    font-weight: 700 !important;
}

.mhw-doc-body {
    padding: 16px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.mhw-doc-line {
    font-size: 12px !important;
    line-height: 1.55 !important;
    color: var(--hd) !important;
}

.mhw-doc-line strong { color: var(--b) !important; font-weight: 700 !important; }
.mhw-doc-line span { color: #334155 !important; }

/* Looping sequential reveal */
.mhw-doc-line--1 { animation: mhw-doc1 7s infinite ease !important; }
.mhw-doc-line--2 { animation: mhw-doc2 7s infinite ease !important; }
.mhw-doc-line--3 { animation: mhw-doc3 7s infinite ease !important; }
.mhw-doc-line--4 { animation: mhw-doc4 7s infinite ease !important; }

@keyframes mhw-doc1 {
    0%,3%  { opacity:0; transform:translateY(5px); }
    11%,78% { opacity:1; transform:translateY(0); }
    90%,100% { opacity:0; transform:translateY(0); }
}
@keyframes mhw-doc2 {
    0%,16% { opacity:0; transform:translateY(5px); }
    24%,78% { opacity:1; transform:translateY(0); }
    90%,100% { opacity:0; transform:translateY(0); }
}
@keyframes mhw-doc3 {
    0%,29% { opacity:0; transform:translateY(5px); }
    37%,78% { opacity:1; transform:translateY(0); }
    90%,100% { opacity:0; transform:translateY(0); }
}
@keyframes mhw-doc4 {
    0%,42% { opacity:0; transform:translateY(5px); }
    50%,78% { opacity:1; transform:translateY(0); }
    90%,100% { opacity:0; transform:translateY(0); }
}

/* ── Responsive ── */
@media (max-width: 991px) {
    .medai__howworks { padding: 64px 0 72px !important; }
    .medai__howworks-top h2 { font-size: 28px !important; }
    .medai__howworks-grid { grid-template-columns: 1fr !important; max-width: 440px !important; margin-left: auto !important; margin-right: auto !important; }
}

@media (max-width: 575px) {
    .medai__howworks { padding: 48px 0 56px !important; }
    .medai__howworks-top h2 { font-size: 24px !important; }
}

/* ══════════════════════════════════════════════════════════════
   IMPACT STATS — clinically__proven
══════════════════════════════════════════════════════════════ */
.clinically__proven {
    padding: 80px 0 !important;
    background: #f1f5fb !important;
}

/* ── Header ── */
.clinically__proven__top {
    text-align: center !important;
    max-width: 640px !important;
    margin: 0 auto 56px !important;
}

.clinically__proven__tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 16px !important;
    background: #fff !important;
    color: var(--b) !important;
    border: 1px solid var(--br) !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    margin-bottom: 14px !important;
    box-shadow: 0 2px 8px rgba(36,100,238,.08) !important;
}

.clinically__proven__top h2 {
    font-size: 38px !important;
    font-weight: 700 !important;
    color: var(--hd) !important;
    letter-spacing: -.022em !important;
    line-height: 1.2 !important;
}

.clinically__proven__top h2 span { color: var(--b) !important; }

.clinically__proven__underline {
    width: 52px !important;
    height: 3px !important;
    background: var(--b) !important;
    border-radius: 999px !important;
    margin: 14px auto 16px !important;
}

.clinically__proven__top p {
    margin: 0 !important;
    font-size: 16px !important;
    color: var(--bd) !important;
    line-height: 1.7 !important;
}

/* ── Two-column wrapper ── */
.clinically__proven__wrapper {
    display: flex !important;
    gap: 32px !important;
    align-items: stretch !important;
}

/* ── Left: map card ── */
.clinically__proven__left {
    width: 54% !important;
    flex-shrink: 0 !important;
}

.clinically__proven__map-card {
    background: #fff !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 28px rgba(36,100,238,.09) !important;
    padding: 16px !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
}

.clinically__proven__map-card img {
    width: 100% !important;
    display: block !important;
    border-radius: 12px !important;
}

/* fallback if no .map-card wrapper */
.clinically__proven__left > img {
    width: 100% !important;
    display: block !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 28px rgba(36,100,238,.09) !important;
}

/* ── Right: individual stat cards with line ── */
.clinically__proven__right {
    flex: 1 !important;
    position: relative !important;
    padding-left: 52px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

/* ── Vertical connecting line (runs through all dots) ── */
.clinically__proven__line {
    position: absolute !important;
    left: 22px !important;
    top: 28px !important;
    bottom: 28px !important;
    width: 2px !important;
    height: auto !important;
    background: linear-gradient(to bottom, #c7d9fb, #2464ee 50%, #c7d9fb) !important;
    opacity: .5 !important;
}

/* ── Each stat row: dot + white card ── */
.clinically__proven__item {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
    border-bottom: none !important;
}

/* ── Check dot sitting on the line ── */
.clinically__proven__dot {
    position: absolute !important;
    left: -40px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    background: var(--b) !important;
    border: 3px solid #f1f5fb !important;
    box-shadow: 0 0 0 3px rgba(36,100,238,.18) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 2 !important;
    animation: none !important;
    color: #fff !important;
}

.clinically__proven__dot i,
.clinically__proven__dot .fa-check {
    font-size: 8px !important;
    color: #fff !important;
    font-weight: 900 !important;
}

/* ── Individual white card ── */
.clinically__proven__card {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    background: #fff !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 16px rgba(36,100,238,.08) !important;
    padding: 16px 20px !important;
    position: relative !important;
    overflow: hidden !important;
    min-width: 0 !important;
}

/* ── Gradient icon circle ── */
.clinically__proven__icon {
    width: 52px !important;
    height: 52px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #6aaff8 0%, #2464ee 100%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 6px 18px rgba(36,100,238,.28) !important;
    flex-shrink: 0 !important;
}

.clinically__proven__icon img {
    width: 26px !important;
    height: 26px !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1) !important;
}

/* ── Stat text ── */
.clinically__proven__content {
    flex: 1 !important;
    min-width: 0 !important;
}

.clinically__proven__content h3 {
    margin: 0 0 2px !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    color: var(--hd) !important;
    letter-spacing: -.025em !important;
    line-height: 1.1 !important;
}

.clinically__proven__content h3 small {
    display: inline !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--hd) !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    margin-right: 3px !important;
}

.clinically__proven__content h3 span {
    color: var(--b) !important;
}

.clinically__proven__content p {
    margin: 0 !important;
    font-size: 13px !important;
    color: var(--bd) !important;
    line-height: 1.4 !important;
}

/* ── Watermark icon (faded bg icon on right) ── */
.clinically__proven__watermark {
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 52px !important;
    color: rgba(36,100,238,.08) !important;
    pointer-events: none !important;
    line-height: 1 !important;
}

/* ── Responsive ── */
@media (max-width: 991px) {
    .clinically__proven { padding: 56px 0 !important; }
    .clinically__proven__top h2 { font-size: 30px !important; }
    .clinically__proven__wrapper { flex-direction: column !important; gap: 28px !important; }
    .clinically__proven__left { width: 100% !important; }
    .clinically__proven__right { width: 100% !important; }
    .clinically__proven__map-card { height: auto !important; }
}

@media (max-width: 575px) {
    .clinically__proven { padding: 40px 0 !important; }
    .clinically__proven__top h2 { font-size: 26px !important; }
    .clinically__proven__top { margin-bottom: 32px !important; }
    .clinically__proven__card { padding: 14px 16px !important; }
    .clinically__proven__watermark { font-size: 40px !important; }
    .clinically__proven__icon { width: 44px !important; height: 44px !important; }
}

/* ══════════════════════════════════════════════════════════════
   TESTIMONIALS — real__storiess
══════════════════════════════════════════════════════════════ */
.real__storiess {
    width: 100% !important;
    background: var(--b-bg) !important;
    padding: 80px 0 !important;
    overflow: hidden !important;
}

.real__storiess-badge {
    display: block !important;
    width: max-content !important;
    margin: 0 auto 12px !important;
    padding: 5px 16px !important;
    border-radius: 999px !important;
    background: var(--b-t1) !important;
    color: var(--b) !important;
    border: 1px solid var(--br) !important;
    font-size: 11px !important; font-weight: 700 !important;
    letter-spacing: .08em !important; text-transform: uppercase !important;
    line-height: 1 !important;
}

.real__storiess-title {
    text-align: center !important;
    font-size: 38px !important;
    font-weight: 700 !important;
    color: var(--hd) !important;
    letter-spacing: -.022em !important;
    line-height: 1.15 !important;
    margin: 0 0 40px !important;
}

.real__storiess-title span { color: var(--b) !important; }

.real__storiess-titlee {
    text-align: center !important;
    font-size: 38px !important;
    font-weight: 700 !important;
    color: var(--hd) !important;
    letter-spacing: -.022em !important;
    line-height: 1.15 !important;
    margin: 0 0 6px !important;
}

.real__storiess-titlee span { color: var(--b) !important; }

.real__storiess-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
}

.real__storiess-card {
    position: relative !important;
    background: #fff !important;
    border: 1px solid var(--br) !important;
    border-radius: var(--r-lg) !important;
    padding: 36px 28px 32px !important;
    overflow: hidden !important;
    box-shadow: var(--sh-sm) !important;
    transition: transform .25s var(--ease), box-shadow .25s var(--ease) !important;
    min-height: auto !important;
}

.real__storiess-card:hover { transform: translateY(-4px) !important; box-shadow: var(--sh-md) !important; }

.real__storiess-card-center {
    background: linear-gradient(140deg, var(--b-t1) 0%, #fff 55%) !important;
    border-color: var(--b) !important;
}

.real__storiess-shape { position: absolute !important; z-index: 0 !important; }
.real__storiess-shape-pink { width: 96px !important; height: 72px !important; top: 0 !important; left: 0 !important; background: rgba(236,72,153,.07) !important; clip-path: polygon(0 0,80% 0,0% 100%,0 100%) !important; }
.real__storiess-shape-yellow { position: absolute !important; width: 32px !important; height: 32px !important; top: 16px !important; right: 16px !important; background: rgba(234,179,8,.12) !important; border-radius: 50% !important; }

.real__storiess-stars {
    font-size: 18px !important;
    color: #f59e0b !important;
    letter-spacing: 3px !important;
    margin-bottom: 14px !important;
    position: relative !important; z-index: 1 !important;
}

.real__storiess-card-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--hd) !important;
    margin: 0 0 12px !important;
    position: relative !important; z-index: 1 !important;
}

.real__storiess-text {
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: var(--bd) !important;
    margin: 0 !important;
    position: relative !important; z-index: 1 !important;
    font-style: italic !important;
}

.real__storiess-line { width: 36px !important; height: 2px !important; background: var(--br) !important; margin: 18px 0 !important; border-radius: 2px !important; }
.real__storiess-name { font-size: 15px !important; font-weight: 700 !important; color: var(--hd) !important; margin: 0 0 4px !important; }
.real__storiess-role { font-size: 13px !important; color: var(--bd) !important; margin: 0 !important; }

@media (max-width: 991px) {
    .real__storiess { padding: 56px 0 !important; }
    .real__storiess-title, .real__storiess-titlee { font-size: 30px !important; }
}
@media (max-width: 767px) {
    .real__storiess { padding: 40px 0 !important; }
    .real__storiess-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 14px !important; }
    .real__storiess-title, .real__storiess-titlee { font-size: 26px !important; }
    .real__storiess-card { padding: 24px 20px !important; }
}
@media (max-width: 480px) {
    .real__storiess-grid { grid-template-columns: 1fr !important; }
}

/* ══════════════════════════════════════════════════════════════
   FAQ — freqiently_aiagent
══════════════════════════════════════════════════════════════ */
.freqiently_aiagent {
    width: 100% !important;
    background: #fff !important;
    padding: 80px 0 !important;
}

.freqiently_aiagent-heading { text-align: center !important; margin-bottom: 40px !important; }

.freqiently_aiagent-title {
    font-size: 38px !important;
    font-weight: 700 !important;
    color: var(--hd) !important;
    letter-spacing: -.022em !important;
    line-height: 1.15 !important;
    margin: 0 0 10px !important;
    text-align: center !important;
}

.freqiently_aiagent-subtitle {
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: var(--bd) !important;
    margin: 0 !important;
    text-align: center !important;
}

.freqiently_aiagent-accordion {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    max-width: 840px !important;
    margin: 0 auto !important;
}

.freqiently_aiagent-item { border: none !important; overflow: hidden !important; }
.freqiently_aiagent-item summary { list-style: none !important; }
.freqiently_aiagent-item summary::-webkit-details-marker { display: none !important; }

.freqiently_aiagent-item:not([open]) {
    background: var(--b-bg) !important;
    border-radius: 999px !important;
    border: 1px solid var(--br) !important;
}

.freqiently_aiagent-item[open] {
    background: #fff !important;
    border: 1.5px solid var(--b) !important;
    border-radius: var(--r-lg) !important;
}

.freqiently_aiagent-question {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding: 0 14px 0 22px !important;
    cursor: pointer !important;
    min-height: 58px !important;
}

.freqiently_aiagent-item[open] .freqiently_aiagent-question {
    padding-top: 14px !important;
    padding-bottom: 8px !important;
    min-height: auto !important;
}

.freqiently_aiagent-question span:first-child {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--hd) !important;
    line-height: 1.4 !important;
}

.freqiently_aiagent-icon {
    width: 36px !important; height: 36px !important;
    border-radius: 50% !important;
    background: var(--b-t1) !important;
    border: 1px solid var(--br) !important;
    position: relative !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    flex-shrink: 0 !important;
    min-width: 36px !important;
    transition: background .2s var(--ease) !important;
}

.freqiently_aiagent-item[open] .freqiently_aiagent-icon { background: var(--b) !important; border-color: var(--b) !important; }

.freqiently_aiagent-icon::before {
    content: "" !important;
    position: absolute !important;
    width: 12px !important; height: 2px !important;
    background: var(--b) !important;
    border-radius: 2px !important;
}

.freqiently_aiagent-item[open] .freqiently_aiagent-icon::before { background: #fff !important; }

.freqiently_aiagent-icon::after {
    content: "" !important;
    position: absolute !important;
    width: 2px !important; height: 12px !important;
    background: var(--b) !important;
    border-radius: 2px !important;
}

.freqiently_aiagent-item[open] .freqiently_aiagent-icon::after { display: none !important; }

.freqiently_aiagent-answer {
    padding: 0 56px 20px 22px !important;
    color: var(--bd) !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
}

@media (max-width: 991px) {
    .freqiently_aiagent { padding: 56px 0 !important; }
    .freqiently_aiagent-title { font-size: 30px !important; }
}
@media (max-width: 575px) {
    .freqiently_aiagent { padding: 40px 0 !important; }
    .freqiently_aiagent-title { font-size: 26px !important; }
    .freqiently_aiagent-subtitle { font-size: 14px !important; }
    .freqiently_aiagent-answer { padding-right: 16px !important; }
}

/* ══════════════════════════════════════════════════════════════
   OUTCOME CTA — aiagent__outcome
══════════════════════════════════════════════════════════════ */
.aiagent__outcome {
    width: 100% !important;
    background: var(--b-bg) !important;
    padding: 80px 0 !important;
    overflow: hidden !important;
}

.aiagent__outcome-container {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    display: grid !important;
    grid-template-columns: 520px 1fr !important;
    align-items: center !important;
    gap: 64px !important;
    box-sizing: border-box !important;
}

.aiagent__outcome-content { width: 100% !important; }

.aiagent__outcome-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 6px 16px !important;
    background: var(--b-t1) !important;
    border: 1px solid var(--br) !important;
    border-radius: 999px !important;
    color: var(--b) !important;
    font-size: 13px !important; font-weight: 600 !important;
    margin-bottom: 20px !important;
}

.aiagent__outcome-badge-icon {
    width: 28px !important; height: 28px !important;
    background: rgba(36,100,238,.12) !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    border-radius: 50% !important;
    font-size: 13px !important;
    color: #f59e0b !important;
}

.aiagent__outcome-title {
    font-size: 40px !important;
    font-weight: 800 !important;
    color: var(--hd) !important;
    letter-spacing: -.03em !important;
    line-height: 1.1 !important;
    margin: 0 0 14px !important;
}

.aiagent__outcome-title span { color: var(--b) !important; }

.aiagent__outcome-description {
    max-width: 460px !important;
    color: var(--bd) !important;
    font-size: 16px !important;
    line-height: 1.75 !important;
    margin: 0 0 36px !important;
}

.aiagent__outcome-buttons {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin-bottom: 48px !important;
    flex-wrap: wrap !important;
}

.aiagent__outcome-btn {
    display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important;
    height: 46px !important; padding: 0 22px !important;
    text-decoration: none !important; border-radius: var(--r-md) !important;
    font-size: 15px !important; font-weight: 600 !important;
    transition: all .2s var(--ease) !important;
    min-width: auto !important;
}

.aiagent__outcome-btn svg { width: 20px !important; height: 20px !important; }

.aiagent__outcome-btn-primary {
    background: var(--b) !important; color: #fff !important;
    box-shadow: var(--sh-b) !important;
}

.aiagent__outcome-btn-primary:hover {
    background: var(--b-dk) !important; transform: translateY(-2px) !important; color: #fff !important; text-decoration: none !important;
}

.aiagent__outcome-btn-secondary {
    background: #fff !important; color: var(--bd) !important;
    border: 1.5px solid var(--br) !important;
}

.aiagent__outcome-btn-secondary:hover { border-color: var(--b) !important; color: var(--b) !important; text-decoration: none !important; }

.aiagent__outcome-features {
    display: flex !important;
    align-items: flex-start !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
}

.aiagent__outcome-feature { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 6px !important; }

.aiagent__outcome-feature-icon {
    width: 40px !important; height: 40px !important;
    border-radius: 10px !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    font-size: 18px !important; margin-bottom: 4px !important;
}

.aiagent__outcome-feature-blue   { background: #e7efff !important; }
.aiagent__outcome-feature-orange { background: #fff0df !important; }
.aiagent__outcome-feature-green  { background: #ddf6f0 !important; }
.aiagent__outcome-feature-purple { background: #efe6ff !important; }

.aiagent__outcome-feature h4 { margin: 0 !important; color: var(--hd) !important; font-size: 12px !important; line-height: 1.4 !important; font-weight: 600 !important; }

.aiagent__outcome-image-wrapper {
    display: flex !important; align-items: center !important; justify-content: center !important;
}

.aiagent__outcome-image {
    width: 110% !important; display: block !important;
    object-fit: contain !important;
    /* filter: drop-shadow(0 20px 56px rgba(36,100,238,.18)) !important; */
}

@media (max-width: 1199px) {
    .aiagent__outcome-container { grid-template-columns: 460px 1fr !important; gap: 48px !important; }
    .aiagent__outcome-title { font-size: 36px !important; }
}
@media (max-width: 991px) {
    .aiagent__outcome { padding: 56px 0 !important; }
    .aiagent__outcome-container { grid-template-columns: 1fr 1fr !important; gap: 36px !important; }
    .aiagent__outcome-title { font-size: 30px !important; }
}
@media (max-width: 767px) {
    .aiagent__outcome { padding: 40px 0 !important; }
    .aiagent__outcome-container { grid-template-columns: 1fr !important; gap: 40px !important; padding: 0 16px !important; }
    .aiagent__outcome-content { order: 1 !important; }
    .aiagent__outcome-image-wrapper { order: 2 !important; }
    .aiagent__outcome-title { font-size: 26px !important; }
    .aiagent__outcome-description { max-width: 100% !important; }
    .aiagent__outcome-buttons { flex-direction: column !important; align-items: stretch !important; }
    .aiagent__outcome-btn { width: 100% !important; }
    .aiagent__outcome-features { display: grid !important; grid-template-columns: repeat(2,1fr) !important; }
}
@media (max-width: 400px) {
    .aiagent__outcome-title { font-size: 24px !important; }
}