/* =========================================================
   AIServe Page (ai-)
   File: /css/pages/aiserve.css
   Match Corporate concept: photo + cards + band
========================================================= */

:root{
  --ai-text: var(--text, #0f172a);
  --ai-muted: var(--muted, #64748b);
  --ai-border: var(--border, #e6eaf2);
  --ai-brand: var(--brand, #0b63f6);
  --ai-bg: var(--bg, #f6f8fb);
  --ai-shadow: var(--shadow, 0 18px 60px rgba(15,23,42,.10));
}

/* HERO background image */
.sv-hero--img{
  position:relative;
  color:#fff;
}
.sv-hero--img::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(rgba(0,0,0,.58), rgba(0,0,0,.58));
}
.sv-hero--img .wrap{ position:relative; z-index:2; }

/* set AIServe hero background */
.sv-hero--aiserve{
  background:
    linear-gradient(180deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,.25) 100%),
    url('/images/case-studies/aiserve-hero.jpg') center/cover no-repeat;
}

/* keep breadcrumb readable in hero */
.sv-hero--img .sv-bc,
.sv-hero--img .sv-sub{ color:rgba(255,255,255,.88); }
.sv-hero--img .sv-bc a{ color:rgba(255,255,255,.88); }
.sv-hero--img .sv-bc a:hover{ color:#fff; }

.ai-section{
  padding:64px 0;
  background:var(--ai-bg);
}

.ai-grid2{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap:14px;
  align-items:start;
}
@media(max-width:980px){
  .ai-grid2{ grid-template-columns:1fr; }
}

.ai-h2{
  margin:0 0 10px 0;
  font-size:26px;
  font-weight:950;
  letter-spacing:-.3px;
  color:var(--ai-text);
}
.ai-sub{
  margin:0 0 14px 0;
  color:var(--ai-muted);
  line-height:1.75;
}

.ai-tiles{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
}
@media(max-width:560px){
  .ai-tiles{ grid-template-columns:1fr; }
}

.ai-tile{
  background:#fff;
  border:1px solid var(--ai-border);
  border-radius:18px;
  padding:16px;
  box-shadow:0 10px 35px rgba(15,23,42,.06);
}
.ai-tile strong{
  display:block;
  font-weight:950;
  color:var(--ai-text);
}
.ai-tile span{
  display:block;
  margin-top:6px;
  color:var(--ai-muted);
  line-height:1.7;
}

.ai-pillRow{
  margin-top:14px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.ai-pill{
  background:#fff;
  border:1px solid var(--ai-border);
  border-radius:999px;
  padding:6px 10px;
  font-weight:900;
  color:var(--ai-muted);
  font-size:.85rem;
}

.ai-side{
  display:grid;
  gap:12px;
}

.ai-photo{
  background:#fff;
  border:1px solid var(--ai-border);
  border-radius:18px;
  overflow:hidden;
  box-shadow:var(--ai-shadow);
}
.ai-photo img{
  width:100%;
  height:360px;
  object-fit:cover;
  display:block;
}
@media(max-width:980px){
  .ai-photo img{ height:280px; }
}

.ai-card{
  background:#fff;
  border:1px solid var(--ai-border);
  border-radius:18px;
  padding:18px;
  box-shadow:0 10px 35px rgba(15,23,42,.06);
}

.ai-ol{
  margin:0;
  padding-left:18px;
  color:var(--ai-muted);
  line-height:1.85;
}
.ai-ol strong{ color:var(--ai-text); }

.ai-note{
  margin-top:12px;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(11,99,246,.08);
  border:1px solid rgba(11,99,246,.18);
  color:#0b3f8f;
  font-weight:900;
}

/* band */
.ai-band{
  padding:64px 0;
  background: linear-gradient(135deg,#0b5cab 0%, #063b78 55%, #052a56 100%);
  color:#fff;
}
.ai-bandIn{
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  padding:22px;
  display:flex;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  align-items:center;
}

.ai-h2--white{ color:#fff; margin:0; }
.ai-muted{ color:rgba(255,255,255,.85); margin-top:8px; line-height:1.75; }

.ai-kpis{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:12px;
  min-width:min(520px, 100%);
}
@media(max-width:980px){
  .ai-kpis{ grid-template-columns:1fr; width:100%; }
}

.ai-kpi{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  padding:14px;
}
.ai-kpiN{ font-size:1.35rem; font-weight:950; }
.ai-kpiT{ margin-top:6px; color:rgba(255,255,255,.86); font-weight:800; }