.case-hero-lead{max-width:100%;line-height:1.55}
.page-case-studies .sectionHead .subhead,.page-case-studies .sectionHead p{max-width:none!important;line-height:1.55}
.cardUl{padding-left:18px;line-height:1.6;color:var(--sub)}
.filters{margin-top:14px;padding:14px;border-radius:var(--radius2);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.filterRow{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.filterGroup{display:flex;flex-direction:column;gap:6px}
.filterGroup label{font-size:12px;color:var(--muted)}
.filterGroup input,.filterGroup select{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.18);color:var(--text);min-width:190px}
.filterGrow{flex:1;min-width:240px}
.filterClear{padding:10px 14px;font-size:13px}
.filterMeta{margin-top:10px;font-size:12px;color:var(--muted)}
.filterGroup input,.filterGroup select{background:#102533}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 6px}
.badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:var(--text)}
.case-card[hidden]{display:none!important}
.page-case-studies .card .subhead,.page-case-studies .card p{max-width:none!important}
.page-case-studies .case-card .subhead{max-width:none!important}
section{padding:34px 0}
.sectionHead{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px;align-items:center}
h2{margin:0;font-size:26px;letter-spacing:-.3px}
.subhead{margin:0;color:var(--muted);max-width:72ch}
.grid{display:grid;gap:14px}
.grid.cols3{grid-template-columns:repeat(3,1fr)}
.grid.cols4{grid-template-columns:repeat(4,1fr)}
.card{background:rgba(16,27,53,.72);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:16px;box-shadow:0 10px 22px rgba(0,0,0,.25)}
.card h3{margin:0 0 8px;font-size:16px}
.card p{margin:0;color:var(--muted);font-size:14px}
.card a.more{display:inline-flex;gap:8px;align-items:center;margin-top:12px;font-weight:600;font-size:13px;color:var(--sub);opacity:.95}
.card a.more span{width:20px;height:20px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.hero-gradient{padding:22px;border-radius:var(--radius2);background:linear-gradient(135deg,rgba(14,165,233,.16),rgba(34,197,94,.08)),rgba(16,27,53,.72);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow)}
.page-case-studies,.page-case-study, .page-services, .page-industries{position:relative}
.page-case-study .badgeRow{display:flex;gap:8px;flex-wrap:wrap}
.page-case-study .badge{padding:7px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:var(--sub);font-size:15px}
.kicker{margin:0 0 8px;color:var(--muted);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.heroActions{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}
.badges{margin-top:14px}
.lead{margin:0}
.page-case-study h1, .page-services h1, .page-industries h1{margin:0 0 10px;font-size:40px;line-height:1.1}
.page-case-study .lead, .page-services .lead, .page-industries .lead{max-width:none!important}
.page-case-study .card .subhead, .page-services .card .subhead, .page-industries .card .subhead{max-width:none!important;line-height:1.55}
.grid.cols3 {margin-top:14px}
.grid.cols3 .card {background: rgba(16,27,53,.55)}
.ulList {padding-left:18px; line-height:1.6; color:var(--sub)}

.pill{
      display:inline-flex; align-items:center; gap:8px;
      padding:8px 12px;
      border-radius:999px;
      background: rgba(255,255,255,.06);
      border: 1px solid rgba(255,255,255,.12);
      color: var(--sub);
      font-size:13px;
      width: fit-content;
    }
    .pill .dot{
      width:8px; height:8px; border-radius:99px;
      background: linear-gradient(135deg, var(--brand), var(--brand2));
      box-shadow: 0 0 0 4px rgba(14,165,233,.12);
    }
.hero.indus h1 {
    margin: 14px 0 10px;
    font-size: 44px;
    line-height: 1.06;
    letter-spacing: -.8px;
}
.hero.indus .lead {
    color: var(--sub);
    font-size: 17px;
    margin: 0 0 18px;
    max-width: 100%;
}

/* Services page css */
.page-services .hero .lead,
.page-services .sectionHead .subhead,
.page-services .sectionHead p,
.page-services .card .subhead,
.page-services .card p.lead{max-width: none !important;line-height: 1.55;}
.servicePillar .subhead{max-width:none !important; margin-top:6px;}
.svcMeta{margin-top:12px;}
.svcBullets{margin:8px 0 10px 0px; line-height:1.6; color: var(--sub);}
.svcFit{margin:0 0 12px; color: var(--sub); line-height:1.55;}
.svcCtas{display:flex; flex-wrap:wrap; gap:10px; margin-top:8px;}

.srvcld.grid h3 {margin:10px 0 6px}

/* Proof strip */
    .proofStrip{
      display:grid; grid-template-columns: repeat(4, 1fr);
      gap:12px;
      margin-top:14px;
    }
    .proof{
      padding:14px;
      border-radius: var(--radius);
      border:1px solid rgba(255,255,255,.10);
      background: rgba(255,255,255,.04);
    }
    .proof .kpi{
      font-size:22px; font-weight:800; letter-spacing:-.3px;
      background: linear-gradient(135deg, var(--brand), var(--brand2));
      -webkit-background-clip:text; background-clip:text; color:transparent;
    }
    .proof .lbl{color:var(--sub); font-weight:700; font-size:13px; margin-top:4px}
    .proof .dsc{color:var(--muted); font-size:12px; margin-top:6px}
    /* Process */
    .steps{display:grid; grid-template-columns: repeat(5, 1fr); gap:12px}
    .stepNum{
      width:34px; height:34px;
      border-radius:12px;
      display:inline-flex; align-items:center; justify-content:center;
      background: rgba(255,255,255,.05);
      border:1px solid rgba(255,255,255,.10);
      color: var(--sub);
      font-weight:800;
    }
.proofStrip.srvcld {grid-template-columns: repeat(3, 1fr); margin-top:18px}
.grid.cols2.indus {grid-template-columns:1fr 1fr}
.grid.srvcld {grid-template-columns: repeat(4, 1fr)}
.grid.cols2.indusc {grid-template-columns: 1.2fr .8fr; gap:18px; align-items:start}
.miniCtas.indusc {display:flex; gap:10px; flex-wrap:wrap; margin-top:10px}
.proofStrip.indusc{grid-template-columns:1fr; margin-top:0}
   /* FAQ */
details {
    border-radius: var(--radius);
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(255,255,255,.04);
    padding: 0 14px
}

details+details {
    margin-top: 10px
}

summary {
    cursor: pointer;
    font-weight: 700;
    color: var(--sub);
    list-style: none;
    padding: 12px 14px
}

summary::-webkit-details-marker {
    display: none
}

details p {
    color: var(--muted);
    margin: 0 0 0;
    padding: 0 14px 15px
}

.faqWp details {
    position: relative
}

.faqWp details:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    right: 13px;
    top: 13px;
    background-image: url(../images/plus.webp);
    background-size: 100%;
    pointer-events: none
}

.faqWp details[open]:before {
    background-image: url(../images/minus.webp);
    background-size: 100%
}
section.btmCTAWrp {
    padding-top: 0;
}
.btmCTA .card.hero-gradient {
    padding: 20px;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(14, 165, 233, .14), rgba(34, 197, 94, .08)), rgba(16, 27, 53, .72);
    border: 1px solid rgba(255, 255, 255, .10);
}


    ul.bullets li {
    margin: 7px 0;
}
ul.bullets {
    padding-left: 20px;
}
a, button, .btn, .card, .platform, .navlinks a{
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease, color .16s ease, opacity .16s ease;
  will-change: transform;
}
.card:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(0,0,0,.26);
  border-color: rgba(59,130,246,.30);
}
.card:active{ transform: translateY(-1px); box-shadow: 0 10px 26px rgba(0,0,0,.22); }
.btn:hover{ transform: translateY(-1px); box-shadow: 0 10px 26px rgba(0,0,0,.22); }
.btn:active{ transform: translateY(0px); box-shadow: 0 6px 16px rgba(0,0,0,.18); }

@media (max-width:767px){
.miniCtas {
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
}
.sectionHead h2 {
    margin: 0 0 13px !important;
}
.grid.cols2.indus {
    grid-template-columns: none;
}
.grid.cols2.indusc {
    grid-template-columns: none;
}
.hero.indus h1 {
    font-size: 29px;
}
.btn {
    padding: 10px 14px 12px;
}
.faqWp summary {
    padding: 12px 14px 12px 4px;
}
.hero{padding:24px 0 22px}
.filterRow{align-items:flex-start;flex-direction:column}
.filterGroup{width:100%}
.filters{width:100%}
.page-case-study h1, .page-services h1, .page-industries h1{font-size:30px}
.svcBullets {margin: 8px 0 10px 0;}
.proofStrip.srvcld {grid-template-columns: repeat(1, 1fr);}
.grid.srvcld {grid-template-columns: repeat(1, 1fr)}
}
@media (max-width:980px){
.proof .kpi {font-size: 17px;}
.heroGrid{grid-template-columns:1fr}
h1{font-size:38px}
.proofStrip{grid-template-columns:repeat(2,1fr)}
.grid.cols3{grid-template-columns:1fr}
.grid.cols4{grid-template-columns:repeat(2,1fr)}
.tabs{grid-template-columns:1fr}
.steps{grid-template-columns:1fr}
}
@media (max-width:560px){.svcCtas .btn{width:100%; text-align:center;}}
@media (max-width:520px){
h1{font-size:29px}
.grid.cols4{grid-template-columns:1fr}
.proofStrip{grid-template-columns:1fr}
.navlinks{display:none}
.metric .m{min-width:48%}
}