@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');


.mb-wrap *, .mb-wrap *::before, .mb-wrap *::after {
  box-sizing: border-box;
}

.mb-wrap {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: #f0f4f3;
  line-height: 1.6;
  --mb-green: #007968;
  --mb-teal:  #7FE8CF;
}

@keyframes mb-orb1 {
0%,100%{transform:translate(0,0) scale(1)} 33%{transform:translate(40px,-30px) scale(1.08)} 66%{transform:translate(-20px,20px) scale(.94)}
}

@keyframes mb-orb2 {
0%,100%{transform:translate(0,0) scale(1)} 40%{transform:translate(-35px,25px) scale(1.1)} 70%{transform:translate(20px,-15px) scale(.92)}
}

@keyframes mb-fadeinup {
from{opacity:0;transform:translateY(22px)} to{opacity:1;transform:translateY(0)}
}

@keyframes mb-badgein {
from{opacity:0;transform:scale(.88) translateY(16px)} to{opacity:1;transform:scale(1) translateY(0)}
}

@keyframes mb-shimmer {
0%{background-position:-200% center} 100%{background-position:200% center}
}

.mb-wrap .mb-container {
  max-width: 1180px; margin: 0 auto; padding: 0 20px;
}

.mb-wrap .mb-center {
  text-align: center;
}

.mb-wrap .mb-h1 {
  font-size: clamp(22px,3.8vw,44px); font-weight: 900; line-height: 1.12; letter-spacing: -.01em;
}

.mb-wrap .mb-h2 {
  font-size: clamp(18px,2.6vw,32px); font-weight: 800; line-height: 1.2;
}

.mb-wrap .mb-section {
  padding: 64px 0;
}

.mb-wrap .mb-section-alt {
  background: #f7faf9;
}

.mb-wrap .mb-section h2, .mb-wrap .mb-section-alt h2 {
  color: #111827;
}

.mb-wrap .mb-sec-hd {
  margin-bottom: 36px;
}

.mb-wrap .mb-chip-light {
  display: inline-flex; align-items: center; gap: 6px;
  background: rgba(0,121,104,.08); border: 1px solid rgba(0,121,104,.2);
  color: #007968; font-size: 12px; font-weight: 700;
  padding: 5px 14px; border-radius: 100px; margin-bottom: 14px;
}

.mb-wrap .mb-sec-hd p {
  font-size: 15px; color: #6b7280; line-height: 1.75; max-width: 620px; margin: 10px auto 0;
}

.mb-wrap .mb-hero {
  position: relative; overflow: hidden;
  background: linear-gradient(145deg, #060d12 0%, #091520 40%, #0b1e2a 70%, #061018 100%);
  padding: 80px 0 72px;
}

.mb-wrap .mb-orb {
  position: absolute; border-radius: 50%; pointer-events: none; filter: blur(72px);
}

.mb-wrap .mb-orb-1 {
  width:500px;height:500px;top:-130px;right:-70px; background:radial-gradient(circle,rgba(0,121,104,.28) 0%,rgba(0,121,104,.08) 60%,transparent 80%); animation:mb-orb1 12s ease-in-out infinite;
}

.mb-wrap .mb-orb-2 {
  width:360px;height:360px;bottom:-90px;left:-50px; background:radial-gradient(circle,rgba(0,121,104,.18) 0%,transparent 70%); animation:mb-orb2 15s ease-in-out infinite;
}

.mb-wrap .mb-orb-3 {
  width:200px;height:200px;top:40%;left:40%; background:radial-gradient(circle,rgba(0,121,104,.12) 0%,transparent 70%); animation:mb-orb1 20s ease-in-out infinite reverse;
}

.mb-wrap .mb-hero::before {
  content:''; position:absolute; inset:0; pointer-events:none;
  background-image: radial-gradient(rgba(255,255,255,.055) 1px,transparent 1px);
  background-size: 32px 32px;
  mask-image: radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%);
  -webkit-mask-image: radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%);
}

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

.mb-wrap .mb-hero-grid {
  display:grid; grid-template-columns:1fr 360px; gap:48px; align-items:center;
}

.mb-wrap .mb-hero-content > * {
  animation: mb-fadeinup .6s ease both;
}

.mb-wrap .mb-hero-content > *:nth-child(1) {
  animation-delay:.05s;
}

.mb-wrap .mb-hero-content > *:nth-child(2) {
  animation-delay:.15s;
}

.mb-wrap .mb-hero-content > *:nth-child(3) {
  animation-delay:.25s;
}

.mb-wrap .mb-hero-content > *:nth-child(4) {
  animation-delay:.35s;
}

.mb-wrap .mb-hero-content > *:nth-child(5) {
  animation-delay:.45s;
}

.mb-wrap .mb-hero-content > *:nth-child(6) {
  animation-delay:.55s;
}

.mb-wrap .mb-hero-logo {
  width:96px; height:auto; filter:brightness(0) invert(1); opacity:.9; display:block; margin-bottom:18px;
}

.mb-wrap .mb-chip {
  display:inline-flex; align-items:center; gap:6px;
  background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.15);
  color:rgba(255,255,255,.8); font-size:12px; font-weight:600; letter-spacing:.03em;
  padding:6px 14px; border-radius:100px; margin-bottom:18px; backdrop-filter:blur(6px);
}

.mb-wrap .mb-chip svg {
  width:14px;height:14px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0;
}

.mb-wrap .mb-hero-content h1 {
  color:#fff; margin-bottom:16px;
}

.mb-wrap .mb-hero-content h1 em {
  color:#7FE8CF; font-style:normal;
}

.mb-wrap .mb-hero-desc {
  color:rgba(255,255,255,.68); font-size:15.5px; line-height:1.78; margin-bottom:28px; max-width:520px;
}

.mb-wrap .mb-hero-btns, .mb-wrap .mb-hero-actions {
  display:flex; gap:12px; flex-wrap:wrap; margin-bottom:0;
}

.mb-wrap .mb-btn {
  display:inline-flex; align-items:center; gap:8px;
  font-family:inherit; font-weight:700; font-size:14.5px;
  padding:13px 22px; border-radius:10px; border:none; cursor:pointer;
  text-decoration:none; transition:.15s;
}

.mb-wrap .mb-btn-primary {
  background: linear-gradient(90deg,#007968 0%,#009980 40%,#007968 100%);
  background-size:200% auto;
  color:#fff; box-shadow:0 4px 16px rgba(0,121,104,.35);
  animation:mb-shimmer 2.6s linear infinite;
}

.mb-wrap .mb-btn-primary:hover {
  color:#fff;
}

.mb-wrap .mb-btn-outline, .mb-wrap .mb-btn-ghost {
  background:rgba(255,255,255,.07); border:1.5px solid rgba(255,255,255,.25); color:rgba(255,255,255,.85); backdrop-filter:blur(6px);
}

.mb-wrap .mb-btn-outline:hover, .mb-wrap .mb-btn-ghost:hover {
  background:rgba(255,255,255,.12); color:#fff;
}

.mb-wrap .mb-btn-lg {
  padding:14px 26px; font-size:15px;
}

.mb-wrap .mb-btn svg {
  width:17px;height:17px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0;
}

.mb-wrap .mb-hero-badges {
  display:grid; grid-template-columns:repeat(4,1fr); margin-top:28px; padding-top:22px; border-top:1px solid rgba(255,255,255,.1);
}

.mb-wrap .mb-hero-badge {
  text-align:center; padding:0 6px;
}

.mb-wrap .mb-hero-badge + .mb-hero-badge {
  border-left:1px solid rgba(255,255,255,.08);
}

.mb-wrap .mb-hero-badge-val {
  display:block; font-size:15px; font-weight:900; color:#fff; margin-bottom:3px;
}

.mb-wrap .mb-hero-badge-sub {
  display:block; font-size:10.5px; color:rgba(255,255,255,.42); line-height:1.35;
}

.mb-wrap .mb-price-card {
  animation:mb-badgein .7s ease .1s both;
  background:rgba(8,18,28,.72); border:1px solid rgba(255,255,255,.11);
  border-radius:18px; padding:22px 20px;
  backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  box-shadow:0 24px 64px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.07);
}

.mb-wrap .mb-price-card-title {
  font-size:10.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.45); margin-bottom:14px; padding-bottom:12px; border-bottom:1px solid rgba(255,255,255,.08);
}

.mb-wrap .mb-price-row, .mb-wrap .mb-price-item {
  display:flex; align-items:center; gap:11px; padding:9px 8px; border-radius:10px; transition:background .18s; cursor:default;
}

.mb-wrap .mb-price-row:hover, .mb-wrap .mb-price-item:hover {
  background:rgba(255,255,255,.05);
}

.mb-wrap .mb-price-row + .mb-price-row {
  border-top:1px solid rgba(255,255,255,.05);
}

.mb-wrap .mb-price-ico {
  width:30px;height:30px;flex-shrink:0; border-radius:8px; background:rgba(0,121,104,.25); display:flex; align-items:center; justify-content:center;
}

.mb-wrap .mb-price-ico svg {
  width:14px;height:14px; fill:none; stroke:#7FE8CF; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;
}

.mb-wrap .mb-price-name {
  flex:1; font-size:13px; font-weight:500; color:rgba(255,255,255,.82);
}

.mb-wrap .mb-price-val {
  font-size:12.5px; font-weight:700; color:#7FE8CF; white-space:nowrap;
}

.mb-wrap .mb-price-note {
  margin-top:12px; padding-top:10px; border-top:1px solid rgba(255,255,255,.06); font-size:10.5px; color:rgba(255,255,255,.35); line-height:1.5;
}

.mb-wrap .mb-trust {
  background:#007968; padding:18px 0;
}

.mb-wrap .mb-trust-inner, .mb-wrap .mb-trust-grid {
  display:flex; align-items:center; justify-content:center; gap:0; flex-wrap:wrap;
}

.mb-wrap .mb-trust-item {
  display:flex; align-items:center; gap:10px; padding:8px 28px; flex:1; min-width:200px;
}

.mb-wrap .mb-trust-item + .mb-trust-item {
  border-left:1px solid rgba(255,255,255,.2);
}

.mb-wrap .mb-trust-ico, .mb-wrap .mb-trust-icon {
  width:38px;height:38px;flex-shrink:0; background:rgba(255,255,255,.12); border-radius:10px; display:flex; align-items:center; justify-content:center;
}

.mb-wrap .mb-trust-ico svg, .mb-wrap .mb-trust-icon svg {
  width:18px;height:18px; fill:none; stroke:#fff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;
}

.mb-wrap .mb-trust-val {
  font-size:13.5px; font-weight:700; color:#fff; line-height:1.2;
}

.mb-wrap .mb-trust-sub {
  font-size:11px; color:rgba(255,255,255,.68);
}

.mb-wrap .mb-benefit-grid {
  display:grid; grid-template-columns:repeat(4,1fr); gap:20px;
}
.mb-wrap .mb-benefit-grid.cols-2,
.mb-wrap .mb-benefit-grid:has(> :last-child:nth-child(2)) {
  grid-template-columns:repeat(2,1fr);
}
.mb-wrap .mb-benefit-grid.cols-3,
.mb-wrap .mb-benefit-grid:has(> :last-child:nth-child(3)) {
  grid-template-columns:repeat(3,1fr);
}
.mb-wrap .mb-benefit-grid.cols-4,
.mb-wrap .mb-benefit-grid:has(> :last-child:nth-child(4)) {
  grid-template-columns:repeat(4,1fr);
}

.mb-wrap .mb-benefit-card {
  background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:24px 20px; transition:.2s; position:relative; overflow:hidden;
}

.mb-wrap .mb-benefit-card::before {
  content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,#007968,#7FE8CF);
}

.mb-wrap .mb-benefit-card:hover {
  transform:translateY(-4px); box-shadow:0 12px 32px rgba(0,0,0,.1); border-color:#d1fae5;
}

.mb-wrap .mb-benefit-icon, .mb-wrap .mb-bc-icon {
  width:44px;height:44px; border-radius:12px; background:linear-gradient(135deg,rgba(0,121,104,.1),rgba(127,232,207,.15)); display:flex; align-items:center; justify-content:center; margin-bottom:14px;
}

.mb-wrap .mb-benefit-icon svg {
  width:22px;height:22px; fill:none; stroke:#007968; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;
}

.mb-wrap .mb-benefit-card h3 {
  font-size:15px; font-weight:700; color:#111827; margin-bottom:8px;
}

.mb-wrap .mb-benefit-card p {
  font-size:13.5px; color:#6b7280; line-height:1.6;
}

.mb-wrap .mb-table-wrap {
  overflow-x:auto; border-radius:14px; border:1px solid #e5e7eb !important; box-shadow:0 4px 24px rgba(0,0,0,.06);
}

.mb-wrap .mb-table {
  width:100% !important; border-collapse:collapse !important; font-size:14px !important; table-layout:auto !important;
}

.mb-wrap .mb-table thead tr {
  background:#007968 !important; border:none !important;
}

.mb-wrap .mb-table thead th {
  background:#007968 !important; color:#fff !important;
  padding:13px 16px !important; font-weight:700 !important; font-size:13px !important;
  text-align:center !important; white-space:nowrap !important;
  border:none !important; vertical-align:middle !important;
}

.mb-wrap .mb-table thead th:first-child {
  border-radius:13px 0 0 0 !important; text-align:left !important;
}

.mb-wrap .mb-table thead th:last-child {
  border-radius:0 13px 0 0 !important;
}

.mb-wrap .mb-table tbody tr {
  background:#fff !important; border:none !important; margin:0 !important; padding:0 !important;
}

.mb-wrap .mb-table tbody tr:nth-child(even) {
  background:#f0faf8 !important;
}

.mb-wrap .mb-table tbody tr:hover {
  background:#e6f4f1 !important;
}

.mb-wrap .mb-table tbody td {
  padding:11px 16px !important;
  border:none !important;
  border-bottom:1px solid #e5e7eb !important;
  text-align:center !important;
  color:#374151 !important;
  font-size:14px !important;
  font-weight:400 !important;
  vertical-align:middle !important;
  background:transparent !important;
  line-height:1.4 !important;
}

.mb-wrap .mb-table tbody td:first-child {
  font-weight:700 !important; color:#1f2937 !important; text-align:left !important;
}

.mb-wrap .mb-table tbody td:nth-child(2) {
  text-align:left !important;
}

.mb-wrap .mb-table .mb-price-badge {
  display:inline-block !important; background:#007968 !important; color:#fff !important;
  font-weight:700 !important; font-size:13px !important; padding:3px 12px !important;
  border-radius:20px !important; white-space:nowrap !important;
}

.mb-wrap .mb-table-wrap table tbody tr:first-child, .mb-wrap .mb-table-wrap table tbody tr:first-child td, .mb-wrap .mb-table tbody tr:first-child, .mb-wrap .mb-table tbody tr:first-child td {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #374151 !important;
  border-top: none !important;
}

.mb-wrap .mb-table tbody tr:first-child td:first-child {
  color: #1f2937 !important;
  font-weight: 700 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  text-align: left !important;
}

.mb-wrap .mb-table tbody tr:first-child td:nth-child(2) {
  text-align:left !important;
}

.mb-wrap .mb-table tbody tr:first-child .mb-price-badge {
  background: #007968 !important;
  background-color: #007968 !important;
  color: #fff !important;
}

.mb-wrap .mb-table-note {
  font-size:13px; color:#6b7280; margin-top:12px; text-align:center; font-style:italic;
}

.mb-wrap .mb-table-type-head {
  color:#007968 !important; font-size:17px !important; font-weight:800 !important; margin:0 0 12px !important; padding-left:4px !important;
}

.mb-wrap .mb-why-grid {
  display:grid; grid-template-columns:repeat(3,1fr); gap:20px;
}

.mb-wrap .mb-why-card {
  display:flex; align-items:flex-start; gap:14px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:20px; transition:.2s;
}

.mb-wrap .mb-why-card:hover {
  border-color:#6ee7b7; box-shadow:0 8px 24px rgba(0,0,0,.08);
}

.mb-wrap .mb-why-icon {
  width:46px;height:46px;flex-shrink:0; border-radius:12px; background:linear-gradient(135deg,rgba(0,121,104,.1),rgba(127,232,207,.15)); display:flex; align-items:center; justify-content:center;
}

.mb-wrap .mb-why-icon svg {
  width:22px;height:22px; fill:none; stroke:#007968; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;
}

.mb-wrap .mb-why-card h3 {
  font-size:15px; font-weight:700; color:#111827; margin-bottom:6px; text-transform:uppercase;
}

.mb-wrap .mb-why-card p {
  font-size:13.5px; color:#6b7280; line-height:1.6;
}

.mb-wrap .mb-steps-grid {
  display:grid; grid-template-columns:repeat(5,1fr); gap:20px;
}
.mb-wrap .mb-steps-grid.cols-4,
.mb-wrap .mb-steps-grid:has(> :last-child:nth-child(4)) {
  grid-template-columns:repeat(4,1fr);
}
.mb-wrap .mb-steps-grid.cols-5,
.mb-wrap .mb-steps-grid:has(> :last-child:nth-child(5)) {
  grid-template-columns:repeat(5,1fr);
}
.mb-wrap .mb-steps-grid.cols-3,
.mb-wrap .mb-steps-grid:has(> :last-child:nth-child(3)) {
  grid-template-columns:repeat(3,1fr);
}

.mb-wrap .mb-step, .mb-wrap .mb-step-card {
  background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:24px 16px; text-align:center; position:relative; transition:.2s;
}

.mb-wrap .mb-step:hover, .mb-wrap .mb-step-card:hover {
  transform:translateY(-4px); box-shadow:0 10px 28px rgba(0,0,0,.09);
}

.mb-wrap .mb-step-num {
  width:52px;height:52px; background:linear-gradient(135deg,#007968,#009980); color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:22px; font-weight:900; margin:0 auto 14px; box-shadow:0 6px 16px rgba(0,121,104,.3);
}

.mb-wrap .mb-step h3 {
  font-size:14px; font-weight:700; color:#111827; margin-bottom:8px; text-transform:uppercase;
}

.mb-wrap .mb-step p {
  font-size:13px; color:#6b7280; line-height:1.55;
}

.mb-wrap .mb-models-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 14px;
}

.mb-wrap .mb-model-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 18px 14px;
  text-align: center;
  transition: transform .2s, box-shadow .2s, border-color .2s;
  cursor: default;
  position: relative;
  overflow: hidden;
}

.mb-wrap .mb-model-card::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, #007968, #7FE8CF);
}

.mb-wrap .mb-model-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 28px rgba(0,121,104,.13);
  border-color: #6ee7b7;
}

.mb-wrap .mb-model-card-all {
  border-color: rgba(0,121,104,.3);
}

.mb-wrap .mb-model-chip {
  display: inline-block;
  background: rgba(0,121,104,.1);
  color: #007968;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .04em;
  padding: 3px 10px;
  border-radius: 100px;
  margin-bottom: 10px;
  white-space: nowrap;
}

.mb-wrap .mb-model-chip-all {
  background: #007968; color: #fff;
}

.mb-wrap .mb-model-name {
  font-size: 14px;
  font-weight: 800;
  color: #111827;
  line-height: 1.3;
  margin-bottom: 6px;
}

.mb-wrap .mb-model-sub {
  font-size: 11px;
  color: #9ca3af;
  line-height: 1.4;
}

@media (max-width: 900px) {
  .mb-wrap .mb-models-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .mb-wrap .mb-warning-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 500px) {
  .mb-wrap .mb-models-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.mb-wrap .mb-warning-grid {
  display:grid; grid-template-columns:repeat(4,1fr); gap:20px;
}

.mb-wrap .mb-warning-card {
  background: #fff;
  border: 1px solid rgba(239, 68, 68, 0.12);
  border-radius: 14px;
  padding: 24px 20px;
  transition: all .25s ease;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(239, 68, 68, 0.01);
}

.mb-wrap .mb-warning-card::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0; height: 3.5px;
  background: linear-gradient(90deg, #ef4444 0%, #f87171 100%);
}

.mb-wrap .mb-warning-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(239, 68, 68, 0.08);
  border-color: rgba(239, 68, 68, 0.28);
}

.mb-wrap .mb-warning-icon {
  width: 44px; height: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.07), rgba(248, 113, 113, 0.1));
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 14px;
  transition: transform 0.3s;
}

.mb-wrap .mb-warning-card:hover .mb-warning-icon {
  transform: scale(1.08) rotate(3deg);
}

.mb-wrap .mb-warning-icon svg {
  width: 22px; height: 22px; stroke: #ef4444; fill: none; stroke-width: 2; stroke-linecap:round; stroke-linejoin:round;
}

.mb-wrap .mb-warning-card h3 {
  font-size: 15px; font-weight: 700; color: #b91c1c; margin-bottom: 8px; padding-right: 70px;
}

.mb-wrap .mb-warning-card p {
  font-size: 13.5px; color: #4b5563; line-height: 1.6; margin: 0;
}

.mb-wrap .mb-warning-badge {
  position: absolute; top: 22px; right: 20px;
  display: inline-block;
  background: rgba(239, 68, 68, 0.08);
  color: #ef4444;
  font-size: 9px; font-weight: 700; letter-spacing: .05em;
  padding: 3px 9px; border-radius: 100px;
  text-transform: uppercase;
}

.mb-wrap .mb-faq {
  max-width:780px; margin:0 auto;
}

.mb-wrap .mb-faq-item {
  background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:18px 22px; margin-bottom:12px; transition:.2s;
}

.mb-wrap .mb-faq-item:hover {
  border-color:#6ee7b7; box-shadow:0 4px 16px rgba(0,0,0,.07);
}

.mb-wrap .mb-faq-q {
  font-size:15px; font-weight:700; color:#111827; margin-bottom:8px;
}

.mb-wrap .mb-faq-a {
  font-size:14px; color:#6b7280; line-height:1.7;
}

.mb-wrap .mb-faq-a strong {
  color:#007968;
}

.mb-wrap .mb-cta-section {
  background:linear-gradient(135deg,#060f0c 0%,#091a14 40%,#0b1e18 100%); padding:60px 0; text-align:center; position:relative; overflow:hidden;
}

.mb-wrap .mb-cta-section::before {
  content:''; position:absolute; inset:0; pointer-events:none; background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(0,121,104,.2) 0%,transparent 70%);
}

.mb-wrap .mb-cta-section h2 {
  color:#fff; margin-bottom:14px; position:relative;
}

.mb-wrap .mb-cta-section p {
  color:rgba(255,255,255,.62); margin-bottom:28px; position:relative; font-size:16px;
}

.mb-wrap .mb-cta-btns, .mb-wrap .mb-cta-actions {
  display:flex; gap:14px; justify-content:center; flex-wrap:wrap; position:relative;
}

@media (max-width: 900px) {
  .mb-wrap .mb-hero-grid {
    grid-template-columns:1fr; gap:36px;
  }

  .mb-wrap .mb-price-card {
    max-width:480px; margin:0 auto;
  }

  .mb-wrap .mb-benefit-grid {
    grid-template-columns:repeat(2,1fr);
  }

  .mb-wrap .mb-why-grid {
    grid-template-columns:repeat(2,1fr);
  }

  .mb-wrap .mb-steps-grid {
    grid-template-columns:repeat(3,1fr);
  }

  .mb-wrap .mb-trust-item + .mb-trust-item {
    border-left:none; border-top:1px solid rgba(255,255,255,.12);
  }
}

@media (max-width: 600px) {
  .mb-wrap .mb-hero {
    padding:52px 0 48px;
  }

  .mb-wrap .mb-benefit-grid, .mb-wrap .mb-why-grid, .mb-wrap .mb-steps-grid, .mb-wrap .mb-warning-grid {
    grid-template-columns:1fr;
  }

  .mb-wrap .mb-hero-badges {
    grid-template-columns:repeat(2,1fr); gap:10px 0;
  }

  .mb-wrap .mb-hero-badge + .mb-hero-badge:nth-child(2n+1) {
    border-left:none;
  }

  .mb-wrap .mb-hero-badge:nth-child(n+3) {
    border-top:1px solid rgba(255,255,255,.07); padding-top:10px;
  }

  .mb-wrap .mb-section {
    padding:44px 0;
  }
}


/* ===========================================================================
   CÁC KHỐI BỔ SUNG THEO BRIEF 2026-10-22
   =========================================================================== */

/* 1. KHỐI ẢNH MINH HỌA TRONG BÀI (FIGURE & FIGCAPTION) */
.mb-wrap .mb-figure {
  margin: 32px 0;
  text-align: center;
}
.mb-wrap .mb-figure img {
  width: 100%;
  max-width: 960px;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  display: block;
  margin: 0 auto;
}
.mb-wrap .mb-figcaption {
  font-size: 14px;
  color: #64748b;
  margin-top: 10px;
  font-style: italic;
  line-height: 1.5;
}

/* 2. ẢNH THẬT TRONG QUY TRÌNH (PHÒNG LAB, SHOWROOM) */
.mb-wrap .mb-step-img {
  margin-top: 14px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.mb-wrap .mb-step-img img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 8px;
  display: block;
  transition: transform 0.3s ease;
}
.mb-wrap .mb-step-card:hover .mb-step-img img {
  transform: scale(1.03);
}

/* 3. KHỐI BOX SẢN PHẨM TRONG LANDING (nts-box-san-pham) */
.mb-wrap .mb-product-box-section {
  margin: 40px 0;
}
.mb-wrap .nts-box-san-pham {
  margin: 0 auto;
}

/* 4. BẢNG GIÁ ĐA CỘT RESPONSIVE, CHÚ THÍCH DƯỚI BẢNG VÀ LINK */
.mb-wrap .mb-table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 24px 0 16px;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}
.mb-wrap .mb-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14.5px;
  min-width: 650px;
  text-align: left;
}
.mb-wrap .mb-table th {
  background: #007968;
  color: #ffffff;
  font-weight: 700;
  padding: 14px 18px;
  white-space: nowrap;
  border-bottom: 2px solid #005a4e;
}
.mb-wrap .mb-table td {
  padding: 14px 18px;
  border-bottom: 1px solid #f1f5f9;
  color: #334155;
  vertical-align: middle;
}
.mb-wrap .mb-table tr:last-child td {
  border-bottom: none;
}
.mb-wrap .mb-table tr:hover td {
  background: #f8fafc;
}
.mb-wrap .mb-table-note {
  font-size: 13.5px;
  color: #64748b;
  margin-top: 10px;
  line-height: 1.6;
}
.mb-wrap .mb-table-note a {
  color: #007968;
  text-decoration: underline;
  font-weight: 600;
}
.mb-wrap .mb-table-note a:hover {
  color: #005a4e;
}

/* HELPER CLASSES FOR BO GOC & ADAPTIVE ELEMENTS */
.mb-wrap .mb-trust-text strong {
  display:block; font-size:13.5px; font-weight:700; color:#fff; line-height:1.2;
}
.mb-wrap .mb-trust-text span {
  display:block; font-size:11px; color:rgba(255,255,255,.68);
}
.mb-wrap .mb-hero-badges {
  display:flex !important; flex-wrap:wrap; gap:10px !important; margin-top:24px; padding-top:20px; border-top:1px solid rgba(255,255,255,.1);
}
.mb-wrap .mb-hero-badge {
  display:inline-flex; align-items:center; gap:8px; padding:7px 14px; border-radius:100px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); font-size:12.5px; color:#fff; font-weight:500;
}
.mb-wrap .mb-hero-badge svg {
  color:#00e5bf; flex-shrink:0;
}
.mb-wrap .mb-price-item {
  justify-content:space-between;
}
.mb-wrap .mb-pi-name {
  font-size:13.5px; color:rgba(255,255,255,.85); font-weight:500;
}
.mb-wrap .mb-pi-val {
  font-size:13.5px; font-weight:700; color:#00e5bf; white-space:nowrap;
}
.mb-wrap .mb-table-responsive {
  border-radius:14px; overflow:hidden; border:1px solid #e5e7eb; box-shadow:0 4px 16px rgba(0,0,0,.04);
}
.mb-wrap .mb-cta-box {
  border-radius:20px !important;
}

/* MOBILE OPTIMIZATIONS */
@media (max-width: 768px) {
  .mb-wrap .mb-benefit-grid,
  .mb-wrap .mb-benefit-grid.cols-2,
  .mb-wrap .mb-benefit-grid.cols-3,
  .mb-wrap .mb-benefit-grid.cols-4 {
    grid-template-columns: 1fr !important;
  }
  .mb-wrap .mb-hero-grid {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 600px) {
  .mb-wrap .mb-steps-grid,
  .mb-wrap .mb-steps-grid.cols-3,
  .mb-wrap .mb-steps-grid.cols-4,
  .mb-wrap .mb-steps-grid.cols-5 {
    grid-template-columns: 1fr !important;
  }
  .mb-wrap .mb-trust-inner,
  .mb-wrap .mb-trust-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
  }
  .mb-wrap .mb-trust-item {
    width: 100% !important;
    justify-content: flex-start !important;
  }
  .mb-wrap .mb-hero-btns,
  .mb-wrap .mb-hero-actions {
    flex-direction: column !important;
  }
  .mb-wrap .mb-btn {
    width: 100% !important;
    justify-content: center !important;
  }
}

/* ========================================================
   CHỐNG TRÀN VÀ TỐI ƯU VIEWPORT MOBILE 100%
   ======================================================== */
.mb-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: clip !important;
  box-sizing: border-box !important;
}
.mb-wrap *, .mb-wrap *::before, .mb-wrap *::after {
  box-sizing: border-box !important;
}
.mb-wrap .mb-hero {
  overflow: hidden !important;
  max-width: 100% !important;
}
.mb-wrap .mb-table-responsive {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
.mb-wrap .mb-table {
  min-width: 600px !important;
  width: 100% !important;
}
.mb-wrap .mb-container {
  width: 100% !important;
  max-width: 1180px !important;
  box-sizing: border-box !important;
}
@media (max-width: 768px) {
  .mb-wrap .mb-container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .mb-wrap .mb-hero {
    padding: 36px 0 32px !important;
  }
  .mb-wrap .mb-section {
    padding: 36px 0 !important;
  }
  .mb-wrap .mb-hero-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  .mb-wrap .mb-price-card {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
  .mb-wrap .mb-hero-btns,
  .mb-wrap .mb-hero-actions {
    flex-direction: column !important;
    width: 100% !important;
    gap: 10px !important;
  }
  .mb-wrap .mb-btn {
    width: 100% !important;
    justify-content: center !important;
  }
  .mb-wrap .mb-benefit-grid,
  .mb-wrap .mb-benefit-grid.cols-2,
  .mb-wrap .mb-benefit-grid.cols-3,
  .mb-wrap .mb-benefit-grid.cols-4 {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .mb-wrap .mb-steps-grid,
  .mb-wrap .mb-steps-grid.cols-3,
  .mb-wrap .mb-steps-grid.cols-4,
  .mb-wrap .mb-steps-grid.cols-5 {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .mb-wrap .mb-trust-inner,
  .mb-wrap .mb-trust-grid {
    flex-direction: column !important;
    display: flex !important;
    gap: 8px !important;
  }
  .mb-wrap .mb-trust-item {
    width: 100% !important;
    min-width: 0 !important;
    padding: 8px 12px !important;
    border-left: none !important;
    border-top: none !important;
  }
}