/* ============================================================
   mbc-homepage.css  —  Medical Billers and Coders Homepage
   All rules scoped under .mbc-hp__page to prevent conflicts
   with existing site CSS
   ============================================================ */

:root {
--teal:#49A2A4;--teal-d:#357C7E;--teal-deeper:#1F5A5C;--teal-light:#67C2C7;
  --teal-pale:#D6F0F1;--teal-bg:#EEF8F9;--green:#71B177;--green-d:#4E8A54;
  --green-pale:#E4F4E6;--white:#FFFFFF;--off-white:#F7FBFC;--text-dark:#0E2E2F;
  --text-mid:#2C5557;--text-muted:#5A8A8C;--border:#C8E6E8;--border-light:#E2F2F3;
  --radius:10px;--radius-lg:16px;
}

.mbc-hp__page h1, .mbc-hp__page h2, .mbc-hp__page h3, .mbc-hp__page h4, .mbc-hp__page h5, .mbc-hp__page .jakarta {
font-family:'Plus Jakarta Sans',sans-serif
}

.mbc-hp__page a {
color:inherit;text-decoration:none
}

.mbc-hp__page .topbar {
background:var(--teal-deeper);color:rgba(255,255,255,0.82);font-size:0.8rem;padding:8px 0
}

.mbc-hp__page .topbar-inner {
max-width:1180px;margin:0 auto;padding:0 28px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px
}

.mbc-hp__page .topbar a {
color:var(--teal-pale);transition:color 0.15s
}

.mbc-hp__page .topbar a:hover {
color:#fff
}

.mbc-hp__page .topbar-left {
display:flex;gap:20px;align-items:center
}

.mbc-hp__page .topbar-right {
display:flex;align-items:center;gap:14px
}

.mbc-hp__page .hipaa-badge {
background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.2);color:var(--teal-pale);padding:3px 10px;border-radius:100px;font-size:0.73rem;font-weight:600;display:flex;align-items:center;gap:5px
}

.mbc-hp__page .navbar {
background:var(--white);border-bottom:1.5px solid var(--border-light);position:sticky;top:0;z-index:200;padding:0;box-shadow:0 2px 12px rgba(73,162,164,0.07)
}

.mbc-hp__page .nav-inner {
max-width:1180px;margin:0 auto;padding:0 28px;display:flex;align-items:center;height:64px;gap:8px
}

.mbc-hp__page .nav-logo img {
height:40px;display:block
}

.mbc-hp__page .nav-logo-text {
font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.3rem;color:var(--teal-d);display:none
}

.mbc-hp__page .nav-links {
display:flex;align-items:center;gap:2px;list-style:none;margin-left:auto
}

.mbc-hp__page .nav-links a {
font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:0.84rem;color:var(--text-dark);padding:7px 13px;border-radius:7px;transition:all 0.18s;letter-spacing:0.01em;white-space:nowrap
}

.mbc-hp__page .nav-links a:hover {
color:var(--teal);background:var(--teal-bg)
}

.mbc-hp__page .nav-cta {
background:var(--teal)!important;color:#fff!important;padding:8px 18px!important;border-radius:7px!important;transition:background 0.18s,transform 0.15s!important
}

.mbc-hp__page .nav-cta:hover {
background:var(--teal-d)!important;transform:translateY(-1px)!important
}

.mbc-hp__page .hamburger {
display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;margin-left:auto
}

.mbc-hp__page .hamburger span {
display:block;width:22px;height:2px;background:var(--text-dark);border-radius:2px;transition:all 0.2s
}

.mbc-hp__page .mobile-nav {
display:none;position:fixed;inset:0;top:113px;background:#fff;z-index:190;padding:24px 28px;border-top:1px solid var(--border-light);overflow-y:auto
}

.mbc-hp__page .mobile-nav.open {
display:block
}

.mbc-hp__page .mobile-nav a {
display:block;padding:13px 0;font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:0.95rem;color:var(--text-dark);border-bottom:1px solid var(--border-light)
}

.mbc-hp__page .mobile-nav a:last-child {
border-bottom:none
}

.mbc-hp__page .mob-cta-btn {
display:block;margin-top:20px;background:var(--teal);color:#fff!important;text-align:center;padding:14px;border-radius:9px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:0.95rem
}

.mbc-hp__page .hero {
background:var(--white);padding:72px 0 64px;position:relative;overflow:hidden
}

.mbc-hp__page .hero::before {
content:'';position:absolute;top:0;right:0;width:55%;height:100%;background:var(--teal-bg);clip-path:ellipse(90% 100% at 100% 50%);z-index:0
}

.mbc-hp__page .hero::after {
content:'';position:absolute;top:-120px;right:-80px;width:420px;height:420px;border-radius:50%;background:var(--teal-pale);opacity:0.35;z-index:0
}

.mbc-hp__page .hero-inner {
max-width:1180px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;position:relative;z-index:1
}

.mbc-hp__page .hero-eyebrow {
    text-align:center;
display:inline-flex;align-items:center;gap:7px;background:var(--green-pale);border:1px solid #c2e2c5;color:var(--green-d);font-family:'Plus Jakarta Sans',sans-serif;font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;padding:6px 13px;border-radius:100px;margin-bottom:22px
}

.mbc-hp__page .hero-eyebrow i {
font-size:0.6rem;color:var(--green)
}

.mbc-hp__page .hero h1 {
font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(2rem,3.8vw,3.1rem);color:var(--text-dark);line-height:1.1;letter-spacing:-0.025em;margin-bottom:20px;font-weight:800
}

.mbc-hp__page .hero h1 .teal {
color:var(--teal)
}

.mbc-hp__page .hero h1 .green {
color:var(--green-d)
}

.mbc-hp__page .hero-sub {
font-size:1rem;color:var(--text-muted);line-height:1.75;max-width:460px;margin-bottom:32px
}

.mbc-hp__page .hero-btns {
display:flex;gap:12px;flex-wrap:wrap;margin-bottom:44px
}

.mbc-hp__page .btn-primary {
background:var(--teal);color:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:0.88rem;padding:13px 24px;border-radius:8px;border:none;cursor:pointer;transition:all 0.18s;display:inline-flex;align-items:center;gap:8px;letter-spacing:0.01em
}

.mbc-hp__page .btn-primary:hover {
background:var(--teal-d);transform:translateY(-1px);box-shadow:0 6px 20px rgba(73,162,164,0.3)
}

.mbc-hp__page .btn-ghost {
background:transparent;color:var(--teal-d);border:1.5px solid var(--border);font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:0.88rem;padding:12px 22px;border-radius:8px;cursor:pointer;transition:all 0.18s;display:inline-flex;align-items:center;gap:7px
}

.mbc-hp__page .btn-ghost:hover {
border-color:var(--teal);color:var(--teal);background:var(--teal-bg)
}

.mbc-hp__page .hero-trust {
display:flex;gap:0;border:1.5px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;max-width:420px
}

.mbc-hp__page .htrust {
padding:16px 20px;flex:1;text-align:center;border-right:1px solid var(--border)
}

.mbc-hp__page .htrust:last-child {
border-right:none
}

.mbc-hp__page .htrust-val {
font-family:'Plus Jakarta Sans',sans-serif;font-size:1.55rem;font-weight:800;color:var(--teal);line-height:1
}

.mbc-hp__page .htrust-lbl {
font-size:0.7rem;color:var(--text-muted);margin-top:4px;line-height:1.3
}

.mbc-hp__page .hero-right {
position:relative
}

.mbc-hp__page .hero-visual {
background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:28px;box-shadow:0 12px 40px rgba(73,162,164,0.1)
}

.mbc-hp__page .hero-visual-top {
display:flex;align-items:center;justify-content:space-between;margin-bottom:22px
}

.mbc-hp__page .hero-visual-top h4 {
font-family:'Plus Jakarta Sans',sans-serif;font-size:0.85rem;font-weight:700;color:var(--text-dark)
}

.mbc-hp__page .live-badge {
display:flex;align-items:center;gap:5px;background:var(--green-pale);color:var(--green-d);font-size:0.7rem;font-weight:700;padding:4px 10px;border-radius:100px
}

.mbc-hp__page .live-dot {
width:6px;height:6px;border-radius:50%;background:var(--green);animation:blink 2s ease-in-out infinite
}

@keyframes blink {
0%,100%{opacity:1}50%{opacity:0.3}
}

.mbc-hp__page .stat-rows {
display:flex;flex-direction:column;gap:12px;margin-bottom:22px
}

.mbc-hp__page .stat-bar-row {
display:flex;flex-direction:column;gap:5px
}

.mbc-hp__page .stat-bar-labels {
display:flex;justify-content:space-between;align-items:baseline
}

.mbc-hp__page .stat-bar-label {
font-size:0.78rem;color:var(--text-mid);font-weight:500
}

.mbc-hp__page .stat-bar-val {
font-family:'Plus Jakarta Sans',sans-serif;font-size:0.82rem;font-weight:700;color:var(--teal-d)
}

.mbc-hp__page .stat-bar-track {
height:7px;background:var(--teal-pale);border-radius:100px;overflow:hidden
}

.mbc-hp__page .stat-bar-fill {
height:100%;border-radius:100px;background:linear-gradient(90deg,var(--teal),var(--teal-light));transition:width 1.2s ease
}

.mbc-hp__page .stat-bar-fill.green {
background:linear-gradient(90deg,var(--green),#9FD4A3)
}

.mbc-hp__page .alert-rows {
display:flex;flex-direction:column;gap:8px
}

.mbc-hp__page .alert-row {
display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:var(--off-white);border-radius:8px;border:1px solid var(--border-light)
}

.mbc-hp__page .alert-row i {
color:var(--teal);font-size:0.8rem;margin-top:2px;flex-shrink:0
}

.mbc-hp__page .alert-row p {
font-size:0.78rem;color:var(--text-mid);line-height:1.5
}

.mbc-hp__page .alert-row p strong {
color:var(--text-dark)
}

.mbc-hp__page .float-badge {
position:absolute;top:-18px;right:24px;background:var(--teal);color:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-size:0.78rem;font-weight:700;padding:8px 16px;border-radius:100px;box-shadow:0 4px 14px rgba(73,162,164,0.35);white-space:nowrap
}

.mbc-hp__page .ticker-band {
background:var(--teal-deeper);padding:10px 0;overflow:hidden
}

.mbc-hp__page .ticker-track {
display:flex;gap:64px;animation:tickermove 32s linear infinite;white-space:nowrap
}

@keyframes tickermove {
from{transform:translateX(0)}to{transform:translateX(-50%)}
}

.mbc-hp__page .ticker-item {
font-size:0.79rem;color:rgba(255,255,255,0.75);display:inline-flex;align-items:center;gap:6px
}

.mbc-hp__page .ticker-item b {
color:var(--teal-pale)
}

.mbc-hp__page .ticker-dot {
color:rgba(255,255,255,0.25);margin:0 8px
}

.mbc-hp__page section {
padding:50px 0
}

.mbc-hp__page .container {
max-width:1180px;margin:0 auto;padding:0 28px
}

.mbc-hp__page .eyebrow {
font-family:'Plus Jakarta Sans',sans-serif;font-size:0.7rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--teal);margin-bottom:12px
}

.mbc-hp__page .section-h {
font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(1.7rem,2.8vw,2.3rem);color:var(--text-dark);line-height:1.15;letter-spacing:-0.02em;margin-bottom:14px;font-weight:800
}

.mbc-hp__page .section-p {
font-size:0.97rem;color:var(--text-muted);line-height:1.72;max-width:520px
}

.mbc-hp__page .reveal {
opacity:1;transform:translateY(20px);transition:opacity 0.5s ease,transform 0.5s ease
}

.mbc-hp__page .reveal.visible {
opacity:1;transform:none
}

.mbc-hp__page .calc-section {
background:var(--off-white);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)
}

.mbc-hp__page .calc-layout {
display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:44px;align-items:start
}

.mbc-hp__page .calc-card {
background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:30px
}

.mbc-hp__page .calc-card h4 {
font-family:'Plus Jakarta Sans',sans-serif;font-size:0.95rem;font-weight:700;color:var(--text-dark);margin-bottom:20px
}

.mbc-hp__page .result-card {
background:var(--teal-deeper);border-radius:var(--radius-lg);padding:30px;color:#fff
}

.mbc-hp__page .result-card h4 {
font-family:'Plus Jakarta Sans',sans-serif;font-size:0.82rem;font-weight:700;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:22px
}

.mbc-hp__page .result-row {
display:flex;justify-content:space-between;align-items:baseline;padding:11px 0;border-bottom:1px solid rgba(255,255,255,0.08)
}

.mbc-hp__page .result-row:last-of-type {
border-bottom:none
}

.mbc-hp__page .rl {
font-size:0.82rem;color:rgba(255,255,255,0.55)
}

.mbc-hp__page .rv {
font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;font-weight:700;color:#fff
}

.mbc-hp__page .result-total {
background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);border-radius:10px;padding:18px;margin:16px 0;text-align:center
}

.mbc-hp__page .result-total .label {
font-size:0.72rem;color:rgba(255,255,255,0.45);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px
}

.mbc-hp__page .result-total .amount {
font-family:'Plus Jakarta Sans',sans-serif;font-size:2.4rem;font-weight:800;color:var(--teal-pale);line-height:1
}

.mbc-hp__page .result-total .sub {
font-size:0.74rem;color:rgba(255,255,255,0.35);margin-top:4px
}

.mbc-hp__page .btn-result {
display:block;width:100%;background:var(--green);color:#fff;text-align:center;border:none;border-radius:8px;padding:12px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:0.88rem;cursor:pointer;margin-top:18px;transition:all 0.2s
}

.mbc-hp__page .btn-result:hover {
background:var(--green-d);transform:translateY(-1px)
}

.mbc-hp__page .result-note {
font-size:0.7rem;color:rgba(255,255,255,0.28);text-align:center;margin-top:10px;line-height:1.55
}

.mbc-hp__page .proof-section {
background:var(--white)
}

.mbc-hp__page .tab-nav {
display:flex;gap:0;border-bottom:1.5px solid var(--border-light);margin-top:40px
}

.mbc-hp__page .tab-btn {
font-family:'Plus Jakarta Sans',sans-serif;font-size:0.82rem;font-weight:700;color:var(--text-muted);padding:10px 22px;border:none;background:none;cursor:pointer;border-bottom:2.5px solid transparent;margin-bottom:-1.5px;transition:all 0.18s;white-space:nowrap;letter-spacing:0.01em
}

.mbc-hp__page .tab-btn.active {
color:var(--teal);border-bottom-color:var(--teal)
}

.mbc-hp__page .tab-btn:hover:not(.active) {
color:var(--text-mid)
}

.mbc-hp__page .tab-panel {
display:none;padding-top:32px
}

.mbc-hp__page .tab-panel.active {
display:block
}

.mbc-hp__page .spec-grid {
display:flex;flex-wrap:wrap;gap:9px
}

.mbc-hp__page .spec-pill {
display:inline-flex;align-items:center;gap:6px;background:var(--white);border:1.5px solid var(--border);border-radius:100px;padding:8px 16px;font-size:0.83rem;font-weight:500;color:var(--text-mid);cursor:pointer;transition:all 0.18s
}

.mbc-hp__page .spec-pill::before {
content:'';width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0;transition:background 0.18s
}

.mbc-hp__page .spec-pill:hover {
background:var(--teal);border-color:var(--teal);color:#fff
}

.mbc-hp__page .spec-pill:hover::before {
background:#fff
}

.mbc-hp__page .spec-pill.hi {
background:var(--teal-bg);border-color:var(--teal-pale);color:var(--teal-d)
}

.mbc-hp__page .spec-all {
background:var(--teal);border-color:var(--teal);color:#fff
}

.mbc-hp__page .spec-all::before {
background:#fff
}

.mbc-hp__page .spec-note {
margin-top:22px;font-size:0.83rem;color:var(--text-muted);line-height:1.6
}

.mbc-hp__page .spec-note a {
color:var(--teal);font-weight:600;text-decoration:underline;text-underline-offset:3px
}

.mbc-hp__page .states-grid {
display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px
}

.mbc-hp__page .state-card {
border:1.5px solid var(--border);border-radius:9px;padding:12px 14px;font-size:0.82rem;font-weight:500;color:var(--text-mid);cursor:pointer;transition:all 0.18s;display:flex;align-items:center;gap:7px
}

.mbc-hp__page .state-card::before {
content:'';width:5px;height:5px;border-radius:50%;background:var(--teal-light);flex-shrink:0
}

.mbc-hp__page .state-card:hover {
border-color:var(--teal);color:var(--teal-d);background:var(--teal-bg)
}

.mbc-hp__page .cases-grid {
display:grid;grid-template-columns:repeat(3,1fr);gap:18px
}

.mbc-hp__page .case-card {
border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:24px;position:relative;overflow:hidden;transition:all 0.2s;background:var(--white)
}

.mbc-hp__page .case-card:hover {
border-color:var(--teal);box-shadow:0 8px 28px rgba(73,162,164,0.1);transform:translateY(-2px)
}

.mbc-hp__page .case-card::before {
content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal),var(--teal-light))
}

.mbc-hp__page .case-tag {
font-family:'Plus Jakarta Sans',sans-serif;font-size:0.68rem;font-weight:700;color:var(--teal);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px
}

.mbc-hp__page .case-card h5 {
font-family:'Plus Jakarta Sans',sans-serif;font-size:0.9rem;font-weight:700;color:var(--text-dark);margin-bottom:6px
}

.mbc-hp__page .case-meta {
font-size:0.77rem;color:var(--text-muted);margin-bottom:16px;line-height:1.5
}

.mbc-hp__page .case-stats {
display:grid;grid-template-columns:1fr 1fr;gap:8px
}

.mbc-hp__page .cs {
background:var(--teal-bg);border-radius:7px;padding:10px 11px
}

.mbc-hp__page .cs-val {
font-family:'Plus Jakarta Sans',sans-serif;font-size:1.1rem;font-weight:800;color:var(--teal-d);line-height:1
}

.mbc-hp__page .cs-lbl {
font-size:0.68rem;color:var(--text-muted);margin-top:3px
}

.mbc-hp__page .testi-strip {
background:linear-gradient(135deg,var(--teal-deeper),var(--teal-d));border-radius:var(--radius-lg);padding:28px 32px;margin-top:36px;display:flex;align-items:center;gap:20px
}

.mbc-hp__page .testi-qmark {
font-family:'Plus Jakarta Sans',sans-serif;font-size:3.5rem;color:rgba(255,255,255,0.2);line-height:1;flex-shrink:0;margin-top:-8px
}

.mbc-hp__page .testi-body {
flex:1
}

.mbc-hp__page .testi-text {
font-size:0.93rem;color:rgba(255,255,255,0.88);line-height:1.68;font-style:italic;margin-bottom:10px
}

.mbc-hp__page .testi-attr {
font-family:'Plus Jakarta Sans',sans-serif;font-size:0.78rem;font-weight:700;color:var(--teal-pale)
}

.mbc-hp__page .testi-arrows {
display:flex;gap:6px;flex-shrink:0
}

.mbc-hp__page .testi-arrows button {
width:32px;height:32px;border-radius:50%;border:1.5px solid rgba(255,255,255,0.25);background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.7);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0.75rem;transition:all 0.18s
}

.mbc-hp__page .testi-arrows button:hover {
background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.5);color:#fff
}

.mbc-hp__page .how-section {
background:var(--off-white);border-top:1px solid var(--border-light)
}

.mbc-hp__page .accordion {
margin-top:36px;border:1.5px solid var(--border);border-radius:var(--radius-lg);overflow:hidden
}

.mbc-hp__page .acc-item {
border-bottom:1px solid var(--border)
}

.mbc-hp__page .acc-item:last-child {
border-bottom:none
}

.mbc-hp__page .acc-trigger {
width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 24px;background:var(--white);border:none;cursor:pointer;text-align:left;transition:background 0.18s
}

.mbc-hp__page .acc-trigger:hover, .mbc-hp__page .acc-trigger.open {
background:var(--teal-bg)
}

.mbc-hp__page .acc-tl {
display:flex;align-items:center;gap:13px
}

.mbc-hp__page .acc-ico {
width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:0.95rem
}

.mbc-hp__page .acc-ico.t1 {
background:var(--teal-pale);color:var(--teal-d)
}

.mbc-hp__page .acc-ico.t2 {
background:var(--green-pale);color:var(--green-d)
}

.mbc-hp__page .acc-ico.t3 {
background:#FFF3E6;color:#B76B0F
}

.mbc-hp__page .acc-ico.t4 {
background:#EEF1FE;color:#4353B7
}

.mbc-hp__page .acc-title {
font-family:'Plus Jakarta Sans',sans-serif;font-size:0.92rem;font-weight:700;color:var(--text-dark)
}

.mbc-hp__page .acc-sub {
font-size:0.75rem;color:var(--text-muted);margin-top:2px
}

.mbc-hp__page .acc-chevron {
width:22px;height:22px;border:1.5px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.25s;color:var(--text-muted);font-size:0.65rem
}

.mbc-hp__page .acc-trigger.open .acc-chevron {
transform:rotate(180deg);background:var(--teal);border-color:var(--teal);color:#fff
}

.mbc-hp__page .acc-body {
display:none;padding:0 24px 24px;background:var(--teal-bg)
}

.mbc-hp__page .acc-body.open {
display:block
}

.mbc-hp__page .acc-body-inner {
padding-top:18px;border-top:1px solid var(--border-light)
}

.mbc-hp__page .acc-body p {
font-size:0.86rem;color:var(--text-mid);line-height:1.72;margin-bottom:12px
}

.mbc-hp__page .acc-body p:last-child {
margin-bottom:0
}

.mbc-hp__page .acc-points {
list-style:none;display:flex;flex-direction:column;gap:7px;margin-bottom:12px
}

.mbc-hp__page .acc-points li {
font-size:0.84rem;color:var(--text-mid);padding-left:18px;position:relative;line-height:1.55
}

.mbc-hp__page .acc-points li::before {
content:'';position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:var(--teal)
}

.mbc-hp__page .pillar-3 {
display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:4px
}

.mbc-hp__page .pillar-box {
background:var(--white);border:1px solid var(--border);border-radius:9px;padding:16px
}

.mbc-hp__page .pillar-box h6 {
font-family:'Plus Jakarta Sans',sans-serif;font-size:0.82rem;font-weight:700;color:var(--text-dark);margin-bottom:7px
}

.mbc-hp__page .pillar-box ul {
list-style:none;display:flex;flex-direction:column;gap:4px
}

.mbc-hp__page .pillar-box ul li {
font-size:0.76rem;color:var(--text-muted);padding-left:12px;position:relative
}

.mbc-hp__page .pillar-box ul li::before {
content:'·';position:absolute;left:0;color:var(--teal);font-weight:700
}

.mbc-hp__page .cta-section {
background:linear-gradient(135deg,var(--teal-deeper) 0%,var(--teal-d) 60%,var(--teal) 100%);padding:80px 0;position:relative;overflow:hidden
}

.mbc-hp__page .cta-section::before {
content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 80% at 90% 40%,rgba(113,177,119,0.18) 0%,transparent 60%)
}

.mbc-hp__page .cta-inner {
max-width:1180px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;position:relative;z-index:1
}

.mbc-hp__page .cta-eyebrow {
font-family:'Plus Jakarta Sans',sans-serif;font-size:0.7rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--green-pale);margin-bottom:12px;opacity:0.8
}

.mbc-hp__page .cta-section h2 {
font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(1.8rem,3vw,2.6rem);color:#fff;line-height:1.1;letter-spacing:-0.02em;margin-bottom:18px;font-weight:800
}

.mbc-hp__page .cta-section p {
font-size:0.97rem;color:rgba(255,255,255,0.65);line-height:1.72;margin-bottom:28px
}

.mbc-hp__page .contact-opts {
display:flex;flex-direction:column;gap:10px
}

.mbc-hp__page .copt {
display:flex;align-items:center;gap:14px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.14);border-radius:10px;padding:14px 18px;transition:border-color 0.18s
}

.mbc-hp__page .copt:hover {
border-color:rgba(255,255,255,0.3)
}

.mbc-hp__page .copt-icon {
width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,0.12);display:flex;align-items:center;justify-content:center;color:var(--teal-pale);flex-shrink:0;font-size:0.9rem
}

.mbc-hp__page .copt-lbl {
font-size:0.68rem;color:rgba(255,255,255,0.42);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:3px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:600
}

.mbc-hp__page .copt-val {
font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:0.93rem;color:#fff
}

.mbc-hp__page .copt-val a {
color:#fff
}

.mbc-hp__page .cta-form {
background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.16);border-radius:var(--radius-lg);padding:32px
}

.mbc-hp__page .cta-form h4 {
font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;font-weight:700;color:#fff;margin-bottom:4px
}

.mbc-hp__page .cta-form .fsub {
font-size:0.8rem;color:rgba(255,255,255,0.45);margin-bottom:22px
}

.mbc-hp__page .frow {
display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:11px
}

.mbc-hp__page .frow.one {
grid-template-columns:1fr
}

.mbc-hp__page .fg label {
display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:0.67rem;font-weight:700;color:rgba(255,255,255,0.45);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:5px
}

.mbc-hp__page .fg input, .mbc-hp__page .fg select {
width:100%;background:rgba(255,255,255,0.09);border:1px solid rgba(255,255,255,0.18);border-radius:7px;padding:10px 12px;color:#fff;font-size:0.86rem;font-family:'DM Sans',sans-serif;outline:none;transition:border-color 0.18s
}

.mbc-hp__page .fg input:focus, .mbc-hp__page .fg select:focus {
border-color:var(--teal-light)
}

.mbc-hp__page .fg input::placeholder {
color:rgba(255,255,255,0.25)
}

.mbc-hp__page .fg select option {
background:#1F5A5C;color:#fff
}

.mbc-hp__page .btn-submit {
width:100%;background:var(--green);color:#fff;border:none;border-radius:8px;padding:13px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:0.9rem;cursor:pointer;margin-top:6px;transition:all 0.2s;letter-spacing:0.01em
}

.mbc-hp__page .btn-submit:hover {
background:var(--green-d);transform:translateY(-1px)
}

.mbc-hp__page .form-trust {
display:flex;justify-content:center;gap:16px;margin-top:12px;flex-wrap:wrap
}

.mbc-hp__page .ftbadge {
font-size:0.7rem;color:rgba(255,255,255,0.35);display:flex;align-items:center;gap:5px
}

.mbc-hp__page .ftbadge i {
color:var(--green);font-size:0.65rem
}

.mbc-hp__page footer {
background:var(--text-dark);padding:52px 0 24px;color:rgba(255,255,255,0.6)
}

.mbc-hp__page .footer-inner {
max-width:1180px;margin:0 auto;padding:0 28px
}

.mbc-hp__page .footer-top {
display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:36px
}

.mbc-hp__page .footer-logo {
font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.3rem;color:var(--teal-light);display:block;margin-bottom:12px;letter-spacing:-0.01em
}

.mbc-hp__page .footer-brand p {
font-size:0.8rem;color:rgba(255,255,255,0.38);line-height:1.7
}

.mbc-hp__page footer h6 {
font-family:'Plus Jakarta Sans',sans-serif;font-size:0.68rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--teal-light);margin-bottom:14px
}

.mbc-hp__page footer ul {
list-style:none;display:flex;flex-direction:column;gap:8px
}

.mbc-hp__page footer ul a {
font-size:0.8rem;color:rgba(255,255,255,0.48);transition:color 0.18s
}

.mbc-hp__page footer ul a:hover {
color:var(--teal-pale)
}

.mbc-hp__page .footer-div {
border:none;border-top:1px solid rgba(255,255,255,0.08);margin-bottom:18px
}

.mbc-hp__page .footer-bot {
display:flex;justify-content:space-between;align-items:center;font-size:0.75rem;color:rgba(255,255,255,0.28);flex-wrap:wrap;gap:8px
}

.mbc-hp__page .footer-bot a {
color:rgba(255,255,255,0.28);transition:color 0.18s
}

.mbc-hp__page .footer-bot a:hover {
color:rgba(255,255,255,0.5)
}

.mbc-hp__page .footer-bot-links {
display:flex;gap:16px
}

.mbc-hp__page .footer-socials {
display:flex;gap:8px;margin-top:16px
}

.mbc-hp__page .footer-socials a {
width:32px;height:32px;border-radius:7px;background:rgba(255,255,255,0.07);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.4);font-size:0.8rem;transition:all 0.18s
}

.mbc-hp__page .footer-socials a:hover {
background:var(--teal);color:#fff
}

@media(max-width:960px) {
.mbc-hp__page .hero-inner {
grid-template-columns:1fr;gap:44px;padding-top:5px;padding-bottom:52px
}

.mbc-hp__page .hero::before {
width:100%;height:40%;top:60%;clip-path:none
}

.mbc-hp__page .hero::after {
display:none
}

.mbc-hp__page .calc-layout {
grid-template-columns:1fr
}

.mbc-hp__page .cases-grid {
grid-template-columns:1fr 1fr
}

.mbc-hp__page .cta-inner {
grid-template-columns:1fr;gap:40px
}

.mbc-hp__page .footer-top {
grid-template-columns:1fr 1fr;gap:28px
}

.mbc-hp__page .pillar-3 {
grid-template-columns:1fr
}
}

@media(max-width:680px) {
.mbc-hp__page .topbar-inner {
justify-content:center
}

.mbc-hp__page .topbar-right {
display:none
}

.mbc-hp__page .nav-links {
display:none
}

.mbc-hp__page .hamburger {
display:flex
}

.mbc-hp__page .hero h1 {
font-size:1.9rem
}

.mbc-hp__page .hero-trust {
max-width:100%
}

.mbc-hp__page .htrust-val {
font-size:1.3rem
}

.mbc-hp__page .tab-nav {
overflow-x:auto
}

.mbc-hp__page .tab-btn {
font-size:0.76rem;padding:10px 14px
}

.mbc-hp__page .cases-grid {
grid-template-columns:1fr
}

.mbc-hp__page .testi-strip {
flex-direction:column
}

.mbc-hp__page .frow {
grid-template-columns:1fr
}

.mbc-hp__page .footer-top {
grid-template-columns:1fr
}
}