:root{
  --sage-blue-800:#00c4cc;
  --sage-blue-700:#058d93;
  --sage-cyan-400:#5ff2ff;

  --sage-ink:#0b1220;
  --sage-muted:#52607a;

  --sage-border: rgba(15, 23, 42, 0.12);
  --sage-card-shadow: 0 16px 44px rgba(2, 6, 23, 0.10);
  --sage-card-shadow-soft: 0 10px 28px rgba(2, 6, 23, 0.08);
  --sage-radius: 18px;
}

body{
  color: var(--sage-ink);
  background:
    radial-gradient(900px 520px at 10% -10%, rgba(0,196,204,0.18), transparent 60%),
    radial-gradient(900px 520px at 95% 0%, rgba(95,242,255,0.14), transparent 55%),
    linear-gradient(180deg, #ffffff 0%, #f2feff 55%, #ffffff 100%);
  min-height: 100vh;
}

.sc-navbar{
  background: rgba(255,255,255,0.82);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--sage-border);
}

.sc-brand-mark{
  width: 38px; height: 38px;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--sage-blue-700), var(--sage-cyan-400));
  box-shadow: 0 14px 30px rgba(0,196,204,0.18);
  flex: 0 0 auto;
}

.sc-btn-primary{
  --bs-btn-bg: var(--sage-blue-700);
  --bs-btn-border-color: var(--sage-blue-700);
  --bs-btn-hover-bg: var(--sage-blue-800);
  --bs-btn-hover-border-color: var(--sage-blue-800);
  --bs-btn-active-bg: #009ca3;
  --bs-btn-active-border-color: #009ca3;
  box-shadow: 0 14px 28px rgba(0,196,204,0.18);
}

.sc-card{
  border: 1px solid var(--sage-border);
  box-shadow: var(--sage-card-shadow);
  border-radius: var(--sage-radius);
}
.sc-card-soft{
  border: 1px solid var(--sage-border);
  box-shadow: var(--sage-card-shadow-soft);
  border-radius: var(--sage-radius);
}

.dropdown-menu{
  border: 1px solid var(--sage-border);
  box-shadow: 0 16px 50px rgba(2,6,23,0.12);
  border-radius: 14px;
  padding: 10px;
}
.dropdown-item{
  border-radius: 10px;
  padding: 10px 10px;
}
.dropdown-item:hover{
  background: rgba(0,196,204,0.08);
}

.sc-lead{
  color: var(--sage-muted);
  max-width: 75ch;
  font-size: 1.125rem;
  line-height: 1.7;
}

.sc-hero{ padding: 72px 0 26px; }
.sc-section{ padding: 70px 0; }

.sc-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(0,196,204,0.18);
  background: rgba(0,196,204,0.06);
  color: #006a6f;
  font-weight: 700;
  font-size: 12px;
}

.sc-ico{
  width: 46px; height: 46px;
  border-radius: 16px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(0,196,204,0.08);
  border: 1px solid rgba(0,196,204,0.14);
  color: var(--sage-blue-700);
  flex: 0 0 auto;
  font-size: 1.2rem;
}

.sc-mini{
  border: 1px solid rgba(15, 23, 42, 0.10);
  border-radius: 16px;
  padding: 14px;
  background: rgba(255,255,255,0.90);
  height: 100%;
}

.sc-trust-logo{
  height: 36px;
  border-radius: 12px;
  border: 1px dashed rgba(15,23,42,0.18);
  background: rgba(255,255,255,0.75);
  display:flex; align-items:center; justify-content:center;
  font-size: 12px;
  color: var(--sage-muted);
  user-select:none;
}

.sc-list{
  margin: 0;
  padding-left: 1.1rem;
  color: #3f4d66;
  font-size: 0.98rem;
  line-height: 1.65;
}
.sc-list li{ margin-bottom: 7px; }

.sc-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,0.10);
  background: rgba(255,255,255,0.92);
  color: #27344d;
  font-weight: 600;
  font-size: 0.92rem;
  white-space: nowrap;
}
.sc-chip i{ color: var(--sage-blue-700); }

.sc-step{
  border: 1px solid rgba(15,23,42,0.10);
  border-radius: 16px;
  padding: 16px;
  background: rgba(255,255,255,0.90);
  height: 100%;
}

.sc-footer{
  border-top: 1px solid var(--sage-border);
  padding: 26px 0;
  margin-top: 54px;
  color: var(--sage-muted);
  font-size: 13px;
}

@media (max-width: 992px){
  .sc-hero{ padding-top: 44px; }
}






    /* Portfolio-specific */
    .sc-filter-bar{
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
    }
    .sc-filter-btn{
      padding: 8px 18px;
      border-radius: 999px;
      border: 1px solid var(--sage-border);
      background: rgba(255,255,255,0.9);
      color: var(--sage-muted);
      font-weight: 600;
      font-size: 0.88rem;
      cursor: pointer;
      transition: all 0.15s ease;
    }
    .sc-filter-btn:hover,
    .sc-filter-btn.active{
      background: var(--sage-blue-700);
      border-color: var(--sage-blue-700);
      color: #fff;
      box-shadow: 0 8px 20px rgba(31,94,255,0.20);
    }

    .sc-case-card{
      border: 1px solid var(--sage-border);
      border-radius: var(--sage-radius);
      background: rgba(255,255,255,0.97);
      box-shadow: var(--sage-card-shadow-soft);
      overflow: hidden;
      height: 100%;
      transition: box-shadow 0.2s ease, transform 0.2s ease;
      display: flex;
      flex-direction: column;
    }
    .sc-case-card:hover{
      box-shadow: var(--sage-card-shadow);
      transform: translateY(-4px);
    }

    .sc-case-thumb{
      height: 180px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 3rem;
      position: relative;
      overflow: hidden;
    }
    .sc-thumb-blue   { background: linear-gradient(135deg, #1f5eff18, #5ff2ff22); }
    .sc-thumb-indigo { background: linear-gradient(135deg, #5b21b618, #7c3aed22); }
    .sc-thumb-teal   { background: linear-gradient(135deg, #0d948818, #5ff2ff22); }
    .sc-thumb-amber  { background: linear-gradient(135deg, #d9770618, #fbbf2422); }
    .sc-thumb-slate  { background: linear-gradient(135deg, #33415518, #1f5eff22); }
    .sc-thumb-rose   { background: linear-gradient(135deg, #be123c18, #f4365622); }

    .sc-case-body{
      padding: 24px;
      flex: 1;
      display: flex;
      flex-direction: column;
    }

    .sc-tag{
      display: inline-flex;
      align-items: center;
      gap: 5px;
      padding: 4px 10px;
      border-radius: 999px;
      font-size: 0.75rem;
      font-weight: 700;
      letter-spacing: 0.02em;
    }
    .sc-tag-blue   { background: rgba(31,94,255,0.08); color: #1547d6; border: 1px solid rgba(31,94,255,0.15); }
    .sc-tag-indigo { background: rgba(91,33,182,0.08); color: #5b21b6; border: 1px solid rgba(91,33,182,0.15); }
    .sc-tag-teal   { background: rgba(13,148,136,0.08); color: #0d9488; border: 1px solid rgba(13,148,136,0.15); }
    .sc-tag-amber  { background: rgba(217,119,6,0.08); color: #b45309; border: 1px solid rgba(217,119,6,0.15); }

    .sc-result-pill{
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 6px 12px;
      border-radius: 10px;
      background: rgba(31,94,255,0.05);
      border: 1px solid rgba(31,94,255,0.12);
      font-size: 0.82rem;
      font-weight: 700;
      color: #1547d6;
    }

    .sc-featured-card{
      border: 1px solid var(--sage-border);
      border-radius: var(--sage-radius);
      background: rgba(255,255,255,0.97);
      box-shadow: var(--sage-card-shadow);
      overflow: hidden;
    }
    .sc-featured-thumb{
      height: 260px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 5rem;
    }

    /* Filter hide/show */
    .sc-case-item{ transition: opacity 0.2s ease; }
    .sc-case-item.hidden{ display: none; }





    /* About-page specific */
    .sc-stat-card{
      border: 1px solid var(--sage-border);
      border-radius: var(--sage-radius);
      background: rgba(255,255,255,0.95);
      padding: 28px 24px;
      text-align: center;
      box-shadow: var(--sage-card-shadow-soft);
      height: 100%;
    }
    .sc-stat-card .stat-num{
      font-size: 2.4rem;
      font-weight: 800;
      color: var(--sage-blue-700);
      line-height: 1.1;
    }
    .sc-stat-card .stat-label{
      color: var(--sage-muted);
      font-size: 0.92rem;
      margin-top: 6px;
    }

    .sc-value-card{
      border: 1px solid var(--sage-border);
      border-radius: var(--sage-radius);
      background: rgba(255,255,255,0.95);
      padding: 28px;
      box-shadow: var(--sage-card-shadow-soft);
      height: 100%;
    }

    .sc-team-card{
      border: 1px solid var(--sage-border);
      border-radius: var(--sage-radius);
      background: rgba(255,255,255,0.96);
      padding: 24px;
      box-shadow: var(--sage-card-shadow-soft);
      height: 100%;
      transition: box-shadow 0.2s ease, transform 0.2s ease;
    }
    .sc-team-card:hover{
      box-shadow: var(--sage-card-shadow);
      transform: translateY(-3px);
    }
    .sc-avatar{
      width: 64px; height: 64px;
      border-radius: 20px;
      display: flex; align-items: center; justify-content: center;
      font-size: 1.5rem;
      font-weight: 800;
      color: white;
      flex: 0 0 auto;
    }
    .sc-avatar-blue{ background: linear-gradient(135deg, var(--sage-blue-700), var(--sage-cyan-400)); }
    .sc-avatar-indigo{ background: linear-gradient(135deg, #5b21b6, #7c3aed); }
    .sc-avatar-teal{ background: linear-gradient(135deg, #0d9488, #5ff2ff); }
    .sc-avatar-slate{ background: linear-gradient(135deg, #334155, #1f5eff); }

    .sc-timeline-item{
      position: relative;
      padding-left: 52px;
      padding-bottom: 32px;
    }
    .sc-timeline-item:last-child{ padding-bottom: 0; }
    .sc-timeline-item::before{
      content: '';
      position: absolute;
      left: 19px;
      top: 42px;
      bottom: 0;
      width: 2px;
      background: linear-gradient(180deg, rgba(31,94,255,0.25), transparent);
    }
    .sc-timeline-item:last-child::before{ display: none; }
    .sc-timeline-dot{
      position: absolute;
      left: 0;
      top: 2px;
      width: 40px; height: 40px;
      border-radius: 14px;
      background: rgba(31,94,255,0.08);
      border: 1px solid rgba(31,94,255,0.18);
      color: var(--sage-blue-700);
      display: flex; align-items: center; justify-content: center;
      font-size: 0.95rem;
    }

    .sc-page-hero-bg{
      background:
        radial-gradient(600px 400px at 80% 50%, rgba(95,242,255,0.10), transparent 60%),
        radial-gradient(500px 300px at 20% 60%, rgba(31,94,255,0.10), transparent 55%);
    }



    /* Contact-page specific */
    .sc-form-label{
      font-weight: 600;
      font-size: 0.9rem;
      color: var(--sage-ink);
      margin-bottom: 6px;
    }
    .sc-form-control{
      border: 1px solid var(--sage-border);
      border-radius: 12px;
      padding: 12px 16px;
      font-size: 0.96rem;
      color: var(--sage-ink);
      background: rgba(255,255,255,0.95);
      transition: border-color 0.15s ease, box-shadow 0.15s ease;
    }
    .sc-form-control:focus{
      border-color: var(--sage-blue-700);
      box-shadow: 0 0 0 3px rgba(31,94,255,0.12);
      outline: none;
      background: #fff;
    }
    .sc-form-control::placeholder{ color: #9aaabe; }

    .sc-select{
      appearance: none;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2352607a' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right 14px center;
      background-size: 14px;
      padding-right: 40px;
    }

    .sc-radio-group{
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }
    .sc-radio-label{
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 10px 16px;
      border-radius: 12px;
      border: 1px solid var(--sage-border);
      background: rgba(255,255,255,0.9);
      font-size: 0.88rem;
      font-weight: 600;
      color: var(--sage-muted);
      cursor: pointer;
      transition: all 0.15s ease;
      user-select: none;
    }
    .sc-radio-label:hover{
      border-color: var(--sage-blue-700);
      color: var(--sage-blue-700);
      background: rgba(31,94,255,0.04);
    }
    .sc-radio-label input[type="radio"]{
      accent-color: var(--sage-blue-700);
    }
    .sc-radio-label:has(input:checked){
      border-color: var(--sage-blue-700);
      background: rgba(31,94,255,0.07);
      color: var(--sage-blue-700);
    }

    .sc-info-card{
      border: 1px solid var(--sage-border);
      border-radius: var(--sage-radius);
      background: rgba(255,255,255,0.96);
      padding: 24px;
      box-shadow: var(--sage-card-shadow-soft);
      height: 100%;
    }

    .sc-process-step{
      display: flex;
      gap: 16px;
      align-items: flex-start;
      padding-bottom: 24px;
      position: relative;
    }
    .sc-process-step:not(:last-child)::after{
      content: '';
      position: absolute;
      left: 22px;
      top: 46px;
      bottom: 0;
      width: 2px;
      background: linear-gradient(180deg, rgba(31,94,255,0.2), transparent);
    }
    .sc-process-num{
      width: 46px; height: 46px;
      border-radius: 14px;
      background: rgba(31,94,255,0.08);
      border: 1px solid rgba(31,94,255,0.18);
      color: var(--sage-blue-700);
      font-weight: 800;
      font-size: 0.95rem;
      display: flex; align-items: center; justify-content: center;
      flex: 0 0 auto;
    }

    /* Success state */
    .sc-success{
      display: none;
      text-align: center;
      padding: 40px 24px;
    }
    .sc-success-ico{
      width: 72px; height: 72px;
      border-radius: 24px;
      background: linear-gradient(135deg, var(--sage-blue-700), var(--sage-cyan-400));
      display: flex; align-items: center; justify-content: center;
      font-size: 2rem;
      color: #fff;
      margin: 0 auto 20px;
      box-shadow: 0 14px 30px rgba(31,94,255,0.25);
    }



    /* Legal page specific */
    .sc-legal-wrap{
      max-width: 780px;
      margin: 0 auto;
    }

    .sc-toc{
      border: 1px solid var(--sage-border);
      border-radius: var(--sage-radius);
      background: rgba(255,255,255,0.95);
      box-shadow: var(--sage-card-shadow-soft);
      padding: 24px 28px;
      position: sticky;
      top: 82px;
    }
    .sc-toc a{
      display: block;
      padding: 6px 0;
      font-size: 0.875rem;
      font-weight: 500;
      color: var(--sage-muted);
      text-decoration: none;
      border-left: 2px solid transparent;
      padding-left: 12px;
      transition: all 0.15s ease;
    }
    .sc-toc a:hover,
    .sc-toc a.active{
      color: var(--sage-blue-700);
      border-left-color: var(--sage-blue-700);
    }

    .sc-legal-section{
      padding-top: 48px;
    }
    .sc-legal-section h2{
      font-size: 1.25rem;
      font-weight: 700;
      margin-bottom: 14px;
      scroll-margin-top: 100px;
    }
    .sc-legal-section p,
    .sc-legal-section li{
      color: #3f4d66;
      font-size: 0.97rem;
      line-height: 1.8;
    }
    .sc-legal-section ul{
      padding-left: 1.2rem;
      margin-bottom: 1rem;
    }
    .sc-legal-section ul li{
      margin-bottom: 6px;
    }

    .sc-last-updated{
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 0.82rem;
      color: var(--sage-muted);
      background: rgba(255,255,255,0.9);
      border: 1px solid var(--sage-border);
      border-radius: 999px;
      padding: 5px 12px;
    }

    .sc-highlight-box{
      background: rgba(31,94,255,0.05);
      border: 1px solid rgba(31,94,255,0.14);
      border-radius: 14px;
      padding: 18px 20px;
      margin-bottom: 1rem;
    }
    .sc-highlight-box p{
      margin: 0;
      font-size: 0.95rem;
    }


 /* ── Services page specific ── */

    /* Hero stat strip */
    .sc-stat-strip{
      display: flex;
      gap: 0;
      border: 1px solid var(--sage-border);
      border-radius: var(--sage-radius);
      background: rgba(255,255,255,0.95);
      box-shadow: var(--sage-card-shadow-soft);
      overflow: hidden;
    }
    .sc-stat-item{
      flex: 1;
      padding: 20px 24px;
      text-align: center;
      border-right: 1px solid var(--sage-border);
    }
    .sc-stat-item:last-child{ border-right: none; }
    .sc-stat-num{
      font-size: 1.75rem;
      font-weight: 800;
      color: var(--sage-blue-700);
      line-height: 1.1;
    }
    .sc-stat-label{
      color: var(--sage-muted);
      font-size: 0.8rem;
      margin-top: 4px;
    }

    /* Service anchor nav */
    .sc-service-nav{
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
    }
    .sc-service-nav-btn{
      display: inline-flex;
      align-items: center;
      gap: 7px;
      padding: 9px 16px;
      border-radius: 999px;
      border: 1px solid var(--sage-border);
      background: rgba(255,255,255,0.9);
      color: var(--sage-muted);
      font-size: 0.875rem;
      font-weight: 600;
      text-decoration: none;
      transition: all 0.15s ease;
      white-space: nowrap;
    }
    .sc-service-nav-btn:hover{
      border-color: var(--sage-blue-700);
      color: var(--sage-blue-700);
      background: rgba(31,94,255,0.05);
    }
    .sc-service-nav-btn i{ font-size: 0.95rem; }

    /* Main service card */
    .sc-service-card{
      border: 1px solid var(--sage-border);
      border-radius: var(--sage-radius);
      background: rgba(255,255,255,0.97);
      box-shadow: var(--sage-card-shadow-soft);
      overflow: hidden;
      scroll-margin-top: 90px;
      transition: box-shadow 0.2s ease;
    }
    .sc-service-card:hover{
      box-shadow: var(--sage-card-shadow);
    }

    /* Coloured left accent bar */
    .sc-service-card::before{
      content: '';
      display: block;
      height: 4px;
      width: 100%;
    }
    .sc-accent-blue::before   { background: linear-gradient(90deg, var(--sage-blue-700), var(--sage-cyan-400)); }
    .sc-accent-indigo::before { background: linear-gradient(90deg, #5b21b6, #818cf8); }
    .sc-accent-teal::before   { background: linear-gradient(90deg, #0d9488, #5ff2ff); }
    .sc-accent-amber::before  { background: linear-gradient(90deg, #d97706, #fbbf24); }
    .sc-accent-violet::before { background: linear-gradient(90deg, #7c3aed, #a78bfa); }
    .sc-accent-green::before  { background: linear-gradient(90deg, #16a34a, #4ade80); }

    .sc-service-body{ padding: 32px 36px 36px; }
    @media (max-width: 768px){ .sc-service-body{ padding: 24px 20px 28px; } }

    /* Deliverables grid inside card */
    .sc-deliverable{
      display: flex;
      gap: 10px;
      align-items: flex-start;
      padding: 14px;
      border: 1px solid rgba(15,23,42,0.08);
      border-radius: 14px;
      background: rgba(248,250,255,0.8);
      height: 100%;
    }
    .sc-deliverable-ico{
      width: 36px; height: 36px;
      border-radius: 10px;
      display: flex; align-items: center; justify-content: center;
      font-size: 1rem;
      flex: 0 0 auto;
    }
    .bg-blue   { background: rgba(31,94,255,0.08); color: var(--sage-blue-700); border: 1px solid rgba(31,94,255,0.14); }
    .bg-indigo { background: rgba(91,33,182,0.08); color: #5b21b6; border: 1px solid rgba(91,33,182,0.12); }
    .bg-teal   { background: rgba(13,148,136,0.08); color: #0d9488; border: 1px solid rgba(13,148,136,0.12); }
    .bg-amber  { background: rgba(217,119,6,0.08); color: #b45309; border: 1px solid rgba(217,119,6,0.12); }
    .bg-violet { background: rgba(124,58,237,0.08); color: #7c3aed; border: 1px solid rgba(124,58,237,0.12); }
    .bg-green  { background: rgba(22,163,74,0.08); color: #16a34a; border: 1px solid rgba(22,163,74,0.12); }

    /* "Who is this for" tag */
    .sc-for-tag{
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 5px 12px;
      border-radius: 999px;
      font-size: 0.78rem;
      font-weight: 600;
      background: rgba(255,255,255,0.9);
      border: 1px solid var(--sage-border);
      color: var(--sage-muted);
    }

    /* Engagement model table */
    .sc-model-row{
      display: flex;
      gap: 12px;
      align-items: center;
      padding: 10px 0;
      border-bottom: 1px solid rgba(15,23,42,0.07);
    }
    .sc-model-row:last-child{ border-bottom: none; }
    .sc-model-dot{
      width: 8px; height: 8px;
      border-radius: 50%;
      flex: 0 0 auto;
    }

    /* Compare table */
    .sc-compare-table th,
    .sc-compare-table td{
      padding: 12px 16px;
      font-size: 0.88rem;
      vertical-align: middle;
    }
    .sc-compare-table thead th{
      background: rgba(31,94,255,0.05);
      font-weight: 700;
      border-bottom: 2px solid rgba(31,94,255,0.12);
    }
    .sc-compare-table tbody tr:hover td{
      background: rgba(31,94,255,0.03);
    }

    /* Section divider */
    .sc-service-divider{
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(31,94,255,0.15), transparent);
      margin: 0;
    }



  .svc-hero{padding:64px 0 48px;}
    .svc-hero-icon{width:72px;height:72px;border-radius:24px;background:var(--svc-gradient);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;box-shadow:0 16px 40px rgba(31,94,255,0.25);}
    .svc-accent-bar{height:4px;border-radius:0 0 0 0;background:var(--svc-gradient);margin-bottom:0;}

    .svc-deliverable{border:1px solid var(--sage-border);border-radius:16px;padding:20px;background:#fff;height:100%;transition:box-shadow .18s,transform .18s;}
    .svc-deliverable:hover{box-shadow:var(--sage-card-shadow-soft);transform:translateY(-2px);}
    .svc-deliverable-num{font-size:1.6rem;font-weight:800;color:var(--svc-color);opacity:.18;line-height:1;}

    .svc-process-step{display:flex;gap:18px;padding-bottom:32px;position:relative;}
    .svc-process-step:not(:last-child)::after{content:'';position:absolute;left:22px;top:50px;bottom:0;width:2px;background:linear-gradient(180deg,var(--svc-color-border),transparent);}
    .svc-process-num{width:46px;height:46px;border-radius:14px;background:var(--svc-color-light);border:1px solid var(--svc-color-border);color:var(--svc-color);font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center;flex:0 0 auto;}

    .svc-faq .accordion-item{border:1px solid var(--sage-border)!important;border-radius:14px!important;overflow:hidden;margin-bottom:10px;}
    .svc-faq .accordion-button{font-weight:600;}
    .svc-faq .accordion-button:not(.collapsed){color:var(--svc-color);background:var(--svc-color-light);}
    .svc-faq .accordion-button:focus{box-shadow:none;}

    .svc-stat{text-align:center;padding:24px 16px;border:1px solid var(--sage-border);border-radius:16px;background:#fff;}
    .svc-stat-num{font-size:2rem;font-weight:800;color:var(--svc-color);}
    .svc-stat-label{color:var(--sage-muted);font-size:0.82rem;margin-top:4px;}

    .svc-breadcrumb{font-size:0.85rem;color:var(--sage-muted);}
    .svc-breadcrumb a{color:var(--sage-muted);text-decoration:none;}
    .svc-breadcrumb a:hover{color:var(--svc-color);}

    .svc-related-card{border:1px solid var(--sage-border);border-radius:var(--sage-radius);background:#fff;padding:24px;box-shadow:var(--sage-card-shadow-soft);text-decoration:none;color:inherit;display:block;transition:box-shadow .18s,transform .18s;}
    .svc-related-card:hover{box-shadow:var(--sage-card-shadow);transform:translateY(-3px);color:inherit;}