:root{
    --navy:#2050C8;
    --navy-deep:#18377A;
    --navy-grad:linear-gradient(160deg,#14306E 0%,#18377A 42%,#3A2E74 100%);
    --orange:#D6394A;
    --orange-dark:#BC2C3C;
    --orange-soft:#FCE7EA;
    --green:#3E8E5B;
    --green-soft:#E8F5ED;
    --blue-soft:#E9EFFA;
    --bg:#FFFFFF;
    --bg-tint:#F6F8FC;
    --ink:#0A0A0A;
    --gray:#2E2E2E;
    --gray-soft:#6B6B6B;
    --line:#E6EAF0;
    --radius:18px;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  a{color:inherit;text-decoration:none;}

  /* ===== The Problem ===== */
  .problem{
    overflow:hidden;
    position:relative;
  }
  .problem-inner{ margin:0 auto; position:relative; z-index:1; }
  .problem-head{ margin-bottom:32px; text-align:center; }
  .problem-eyebrow{
    display:inline-flex; align-items:center;
    font-size:12.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
    color:var(--navy); background:#DCE6FA;
    padding:7px 16px; border-radius:999px;
    margin-bottom:18px;
  }
  .problem-eyebrow .dot{ width:6px; height:6px; border-radius:50%; background:var(--orange); }
  .problem-title{
    font-family:'Plus Jakarta Sans',sans-serif; font-weight:800!important;
    font-size:36px!important; line-height:1.2; letter-spacing:-0.015em; color:#0a0a0a!important;
  }

  .problem-split{
    display:grid; grid-template-columns:1.15fr 1fr; gap:48px; align-items:center;
  }
  .problem-left{
    display:flex; flex-direction:column; justify-content:center;
    background:
      radial-gradient(ellipse 46% 66% at 8% 10%, rgba(122,196,255,.24), transparent 62%),
      radial-gradient(ellipse 42% 60% at 94% 18%, rgba(255,147,164,.22), transparent 60%),
      radial-gradient(ellipse 48% 62% at 80% 94%, rgba(32,80,200,.15), transparent 64%),
      radial-gradient(ellipse 40% 54% at 22% 90%, rgba(143,180,255,.20), transparent 60%),
      var(--bg-tint);
    border:1px solid var(--line);
    border-radius:24px;
    padding:44px 40px;
    box-shadow: 0 24px 50px -26px rgba(20, 44, 82, .20);
  }

  /* Stat gauge block (inside the panel) */
  .stat-card{
    padding-top:8px;
  }
  .stat-gauge{
    position:relative;
    width:180px; height:180px;
    margin:0 auto 28px;
    display:flex; align-items:center; justify-content:center;
  }
  .stat-gauge svg{ position:absolute; inset:0; transform:rotate(-90deg); }
  .stat-gauge-ring-bg{ fill:none; stroke:rgba(20,44,82,.10); stroke-width:10; }
  .stat-gauge-ring{
    fill:none; stroke:var(--orange); stroke-width:10; stroke-linecap:round;
    stroke-dasharray:251; stroke-dashoffset:60;
  }
  .stat-gauge:not(.in) .stat-gauge-ring{ stroke-dashoffset:251; }
  .stat-gauge.in .stat-gauge-ring{
    stroke-dashoffset:60;
    transition:stroke-dashoffset 1.4s cubic-bezier(.25,.8,.25,1);
  }
  .stat-gauge-num .amt{ opacity:1; transform:translateY(0); }
  .stat-gauge.in .stat-gauge-num .amt{
    opacity:1; transform:translateY(0);
    transition:opacity .6s ease .4s, transform .6s ease .4s;
  }
  .stat-gauge-num{ position:relative; z-index:1; text-align:center; }
  .stat-gauge-num .amt{ font-family:'Plus Jakarta Sans',sans-serif; font-weight:800; font-size:34px; color:var(--ink); display:block; }
  .stat-gauge-num .lbl{ font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--orange); }
  .stat-card-text{ text-align:center; }
  .stat-card-text strong{ display:block; font-size:15px; line-height:1.55; color:var(--ink); margin-bottom:14px; }
  .stat-card-text span{ font-size: 15px;
    line-height: 1.6;
    color: #0A0A0A;
    font-weight: 400;
    display: block;
    max-width: 560px;
    margin: 0 auto; }
  .stat-cta-wrap{
    display:flex; flex-direction:column; align-items:center; gap:13px;
    margin-top:22px; padding-top:20px; border-top:1px solid var(--line);
  }
  .stat-cta{
    display:inline-flex; align-items:center; gap:9px;
    background:var(--orange); color:var(--bg); font-weight:700; font-size:15.5px;
    padding:17px 30px; border-radius:999px;
       box-shadow: rgba(214, 57, 74, 0.45) 0px 14px 28px -8px!important;
    transition:transform .15s, box-shadow .15s, background .15s;
    cursor:pointer;
    border:none;
  }
  .stat-cta:hover{ background:var(--orange-dark); color:#fff!important; transform:translateY(-2px); box-shadow:0 18px 34px -8px rgba(214,57,74,.55); }
  .stat-cta svg{ width:15px; height:15px; transition:transform .15s; }
  .stat-cta:hover svg{ transform:translateX(3px); }
  .stat-call{
    display:inline-flex; align-items:center; gap:8px;
    font-family:'Plus Jakarta Sans',sans-serif; font-weight:800; font-size:16px;
    color:var(--navy); text-decoration:none; transition:color .15s;
  }
  .stat-call svg{ width:15px; height:15px; color:var(--orange); }
  .stat-call:hover{ color:var(--orange); }

  /* Right: problem list rows */
  .problem-list{ display:flex; flex-direction:column; justify-content:center; }
  .problem-row{
    display:flex; align-items:flex-start; gap:20px;
    padding:24px 16px;
    margin:0 -16px;
    border-bottom:1px solid var(--line);
    border-radius:14px;
    transition:padding-left .2s, background .2s;
  }
  .problem-row:first-child{ padding-top:24px; }
  .problem-row:last-child{ border-bottom:none; }
  .problem-row:hover{
    padding-left:22px;
    background:var(--bg-tint);
    border-bottom-color:transparent;
  }
  .problem-num{
    display:none;
  }
  .problem-row-icon{
    width:44px; height:44px; border-radius:12px; flex-shrink:0;
    display:flex; align-items:center; justify-content:center;
    color:#fff;
    box-shadow:0 8px 18px -6px rgba(0,0,0,.18);
    transition:transform .25s ease;
  }
  .problem-row:hover .problem-row-icon{ transform:scale(1.08) rotate(-3deg); }
  .problem-row-icon svg{ width:21px; height:21px; }
  .problem-row-text h3{
    font-family:'Plus Jakarta Sans',sans-serif; font-weight:700; font-size:16.5px;
    color:var(--ink); margin-bottom:6px;
  }
  .problem-row-text p{ font-size:15px; line-height:1.6; color:#0A0A0A; font-weight:400; max-width:480px; }

  @media (max-width: 1024px){
    .problem-split{ grid-template-columns:1fr; gap:36px; }
    .problem-left{ align-items:center; text-align:center; max-width:480px; margin:0 auto; }
  }
  @media (max-width: 640px){
    .problem{ padding:64px 20px; }
    .problem-list {
    
    padding: 0px 20px;
   
}
.problem-row-text p {
    font-size: 14px;
    line-height: 1.4;
    color: #0A0A0A;
    font-weight: 400;
    max-width: 480px;
}
    .problem-left{ padding:32px 24px; }
    .problem-title{ font-size:20px!important; }
    .problem-row{ gap:14px; padding:20px 0; }
    .problem-num{ display:none; }
    .problem-row-icon{ width:38px; height:38px; }
    .problem-row-icon svg{ width:18px; height:18px; }
  }