:root{
    --green-c:#1c8a52;
    --green-dark-c:#136b3f;
    --green-bg-c:#eef8f2;
    --navy-c:#0b1b3f;
    --text-c:#16213e;
    --muted-c:#5b6b85;
    --border-c:#e4e8ef;
    --radius-c:14px;
  }
  *{box-sizing:border-box;}
  body{
    margin:0;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    color:var(--text-c);
    background:#fff;
    line-height:1.5;
  }
  .biznes {
    padding-top: 10px;
    padding-bottom: 50px;
    overflow: visible
  }
  .wrap-c{
    max-width:1200px;
    margin:0 auto;
    padding:15px 0px;
  }
  .section-title-c{
    font-size:28px;
    font-weight:700;
    margin:0 0 10px;
    color:var(--navy-c);
  }
  .section-title-c.center-c{ text-align:center; margin:20px 0; }

  /* title with green lines both sides */
  .divider-title-c{
    display:flex;
    align-items:center;
    gap:20px;
    margin:0 0 36px;
  }
  .divider-title-c::before,
  .divider-title-c::after{
    content:"";
    flex:1;
    height:2px;
    background:var(--green-c);
  }
  .divider-title-c h2{
    margin:0;
    font-size:26px;
    font-weight:700;
    color:var(--navy-c);
    white-space:nowrap;
  }

  /* ---------- HERO ---------- */
  .hero-c{
    background:linear-gradient(120deg,#08132c 0%,#0b2149 55%,#123563 100%);
    color:#fff;
    padding:64px 20px;
  }
  .hero-inner-c{ max-width:1200px; margin:0 auto; }
  .hero-title-c{
    font-size:38px; font-weight:800; margin:0 0 20px;
    max-width:640px; line-height:1.2; color: #fff;
  }
  .hero-sub-c{
    font-size:17px; font-weight:600; margin:0 0 14px;
    max-width:560px; color:#e4e9f5;
  }
  .hero-desc-c{
    font-size:14px; color:#b7c1d9; max-width:520px; margin:0 0 28px;
  }

  /* ---------- ICON GRID ---------- */
  .icon-grid-c{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
  }
  .icon-grid-c.cols-2-c{ grid-template-columns:repeat(2,1fr); }
  .icon-grid-c.cols-3-c{ grid-template-columns:repeat(3,1fr); }
  .icon-grid-c.cols-5-c{ grid-template-columns:repeat(5,1fr); }
  .icon-grid-c.cols-6-c{ grid-template-columns:repeat(6,1fr); }

  .icon-card-c{
    background:#fff;
    border:1px solid var(--border-c);
    border-radius:var(--radius-c);
    padding:26px 18px;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:14px;
    transition:border-color .2s ease, box-shadow .2s ease;
  }
  .icon-card-c:hover{
    border-color:var(--green-c);
    box-shadow:0 6px 20px rgba(28,138,82,.08);
  }
  .icon-card-c .icon-c{ width:44px; height:44px; color:var(--green-c); flex-shrink:0; }
  .icon-card-c .icon-c svg{ width:100%; height:100%; }
  .icon-card-c p{ margin:0; font-weight:600; font-size:14.5px; color:var(--text-c); }

  .icon-card-c.row-c{
    flex-direction:row; text-align:left; align-items:center; padding:22px;
  }
  .icon-card-c.row-c .icon-c{ width:30px; height:30px; }

  /* ---------- FEATURE CARD (icon top-left box, title, paragraph) ---------- */
  .feature-card-c{
    background:#fff;
    border:1px solid var(--border-c);
    border-radius:var(--radius-c);
    padding:24px;
  }
  .feature-icon-box-c{
    width:52px; height:52px;
    border:1.5px solid var(--green-c);
    border-radius:10px;
    display:flex; align-items:center; justify-content:center;
    color:var(--green-c);
    margin-bottom:14px;
  }
  .feature-icon-box-c svg{ width:26px; height:26px; }
  .feature-card-c h4{
    margin:0 0 8px; font-size:16px; font-weight:700; color:var(--text-c);
  }
  .feature-card-c p{ margin:0; font-size:14px; color:var(--muted-c); }

  /* ---------- STEP CARD (numbered, icon, title, desc) ---------- */
  .step-card-c{
    background:#fff;
    border:1px solid var(--border-c);
    border-radius:var(--radius-c);
    padding:22px;
    display:flex;
    gap:14px;
    align-items:flex-start;
  }
  .step-num-c{
    width:40px; height:40px; flex-shrink:0;
    background:var(--green-bg-c);
    color:var(--green-c);
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    font-weight:700; font-size:16px;
  }
  .step-icon-c{
    width:36px; height:36px; flex-shrink:0;
    color:var(--green-c);
  }
  .step-icon-c svg{ width:100%; height:100%; }
  .step-body-c h4{ margin:0 0 6px; font-size:15px; font-weight:700; color:var(--text-c); }
  .step-body-c p{ margin:0; font-size:13.5px; color:var(--muted-c); }
  .step-head-c{ display:flex; align-items:center; gap:10px; }

  /* ---------- CTA BANNER ---------- */
  .banner-cta-c{
    background:var(--navy-c);
    border-radius:16px;
    padding:28px 32px;
    display:flex;
    align-items:center;
    gap:20px;
    color:#fff;
    flex-wrap:wrap;
    position:relative;
    overflow:hidden;
  }
  .banner-cta-c::after{
    content:"";
    position:absolute; right:0; bottom:0; top:0;
    width:220px;
    background:linear-gradient(90deg, rgba(11,27,63,1), rgba(11,27,63,.2));
    z-index:1;
  }
  .banner-cta-icon-c{
    width:40px; height:40px; flex-shrink:0; color:var(--green-c);
    position:relative; z-index:2;
  }
  .banner-cta-icon-c svg{ width:100%; height:100%; }
  .banner-cta-text-c{ flex:1; min-width:220px; position:relative; z-index:2; }
  .banner-cta-text-c h3{ margin:0 0 6px; font-size:19px; color:white; }
  .banner-cta-text-c p{ margin:0; font-size:13.5px; color:#c9d2e5; }

  /* ---------- BUTTON ---------- */
  .btn-c{
    display:inline-flex; align-items:center; gap:10px;
    background:var(--green-c); color:#fff; text-decoration:none;
    font-weight:600; padding:13px 24px; border-radius:10px;
    font-size:14.5px; border:none; cursor:pointer;
    white-space:nowrap; flex-shrink:0; position:relative; z-index:2;
  }
  .btn-c:hover{ background:var(--green-dark-c); color:#fff; }

  /* ---------- DARK STRIP (full-width, centered title, 3-col divided list) ---------- */
  .dark-strip-c{
    background:var(--navy-c);
    color:#fff;
    padding:40px 20px;
  }
  .dark-strip-inner-c{
    max-width:1200px;
    margin:0 auto;
  }
  .dark-strip-title-c{
    text-align:center;
    font-size:22px;
    font-weight:700;
    margin:0 0 30px;
    color:white;
  }
  .dark-strip-list-c{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:0;
  }
  .dark-strip-item-c{
    display:flex;
    align-items:center;
    gap:14px;
    padding:0 24px;
    border-left:1px solid rgba(255,255,255,.18);
  }
  .dark-strip-item-c:first-child{ border-left:none; padding-left:0; }
  .dark-strip-item-c .icon-c{ width:28px; height:28px; color:var(--green-c); flex-shrink:0; }
  .dark-strip-item-c .icon-c svg{ width:100%; height:100%; }
  .dark-strip-item-c p{ margin:0; font-size:14px; font-weight:600; color:white; }

  hr.divider-c{ border:none; border-top:1px solid var(--border-c); margin:0; }

  /* ---------- RESPONSIVE ---------- */
  @media (max-width:900px){
    .icon-grid-c{ grid-template-columns:repeat(2,1fr); }
    .icon-grid-c.cols-2-c{ grid-template-columns:repeat(2,1fr); }
    .icon-grid-c.cols-3-c{ grid-template-columns:repeat(2,1fr); }
    .icon-grid-c.cols-5-c{ grid-template-columns:repeat(3,1fr); }
    .icon-grid-c.cols-6-c{ grid-template-columns:repeat(3,1fr); }
    .hero-title-c{ font-size:30px; }
    .dark-strip-list-c{ grid-template-columns:1fr; gap:18px; }
    .dark-strip-item-c{ border-left:none; padding-left:0; border-top:1px solid rgba(255,255,255,.18); padding-top:18px; }
    .dark-strip-item-c:first-child{ border-top:none; padding-top:0; }
  }

  @media (max-width:560px){
    .wrap-c{ padding:36px 16px; }
    .hero-c{ padding:44px 16px; }
    .hero-title-c{ font-size:24px; }
    .section-title-c{ font-size:21px; }
    .divider-title-c h2{ font-size:19px; white-space:normal; }
    .icon-grid-c, .icon-grid-c.cols-2-c, .icon-grid-c.cols-3-c,
    .icon-grid-c.cols-5-c, .icon-grid-c.cols-6-c{
      grid-template-columns:1fr;
    }
    .icon-card-c{ padding:20px 16px; }
    .step-card-c{ flex-direction:column; }
    .banner-cta-c{ flex-direction:column; text-align:center; padding:26px 20px; }
    .banner-cta-c::after{ display:none; }
    .dark-strip-title-c{ font-size:19px; }
  }