:root{
  --ai-green:#2A9D8F;
  --ai-green-dark:#1F7F74;
  --ai-blue:#1A5276;
  --ai-purple:#6C3483;
  --ai-amber:#D35400;
  --ai-red:#C0392B;
  --ai-gold:#B7950B;
  --ai-ink:#0F1115;
  --ai-muted:#667085;
  --ai-line:#E4E7EC;
  --ai-bg:#F5F7F9;
  --ai-dark:#0B0D10;
  --ai-soft:#EDF8F6;
}

.ai-hero{
  padding:96px 24px 76px;
  background:var(--ai-dark);
  color:#fff;
}

.ai-hero-inner,
.ai-section-inner,
.ai-band-inner,
.ai-cta-inner{
  width:min(1160px,100%);
  margin:auto;
}

.ai-hero-inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) 380px;
  gap:54px;
  align-items:center;
}

.breadcrumb{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin-bottom:28px;
  color:rgba(255,255,255,.52);
  font-size:13px;
}

.breadcrumb a{
  color:rgba(255,255,255,.56);
  text-decoration:none;
}

.breadcrumb a:hover{color:#9BD8D0}

.ai-tag{
  display:inline-flex;
  align-items:center;
  margin-bottom:18px;
  padding:7px 14px;
  border:1px solid rgba(155,216,208,.3);
  border-radius:999px;
  background:rgba(155,216,208,.08);
  color:#9BD8D0;
  font-size:12px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.ai-hero h1{
  max-width:780px;
  margin-bottom:20px;
  font-size:clamp(35px,4.7vw,58px);
  line-height:1.04;
}

.ai-hero-lead{
  max-width:690px;
  margin-bottom:30px;
  color:#D0D5DD;
  font-size:19px;
  line-height:1.66;
}

.ai-proof{
  display:grid;
  gap:12px;
  padding:26px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:rgba(255,255,255,.04);
}

.ai-proof-item{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding-bottom:12px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.ai-proof-item:last-child{
  padding-bottom:0;
  border-bottom:0;
}

.ai-proof-dot{
  width:8px;
  height:8px;
  margin-top:7px;
  border-radius:50%;
  background:#9BD8D0;
  flex:0 0 auto;
}

.ai-proof-item p{
  margin:0;
  color:#F2F4F7;
  font-size:15px;
  line-height:1.52;
}

.ai-section{
  padding:78px 24px;
}

.ai-band{
  padding:78px 24px;
  background:#fff;
}

.ai-section-head{
  max-width:860px;
  margin-bottom:32px;
}

.ai-section-head h2{
  margin-bottom:12px;
  font-size:clamp(30px,4vw,46px);
  line-height:1.08;
}

.ai-section-head p{
  margin:0;
  color:var(--ai-muted);
  font-size:18px;
  line-height:1.68;
}

.ai-grid-3,
.ai-grid-4{
  display:grid;
  gap:16px;
}

.ai-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ai-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}

.ai-card{
  min-height:100%;
  padding:22px;
  border:1px solid var(--ai-line);
  border-top:4px solid var(--ai-green);
  border-radius:8px;
  background:#fff;
  box-shadow:0 1px 2px rgba(16,24,40,.04);
}

.ai-card.blue{border-top-color:var(--ai-blue)}
.ai-card.purple{border-top-color:var(--ai-purple)}
.ai-card.amber{border-top-color:var(--ai-amber)}
.ai-card.gold{border-top-color:var(--ai-gold)}
.ai-card.red{border-top-color:var(--ai-red)}

.ai-card span,
.ai-lane-label{
  display:block;
  margin-bottom:12px;
  color:var(--ai-green-dark);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.ai-card h3{
  margin-bottom:10px;
  font-size:21px;
  line-height:1.2;
}

.ai-card p,
.ai-card li{
  color:var(--ai-muted);
  font-size:15px;
  line-height:1.62;
}

.ai-card p{margin-bottom:0}
.ai-card ul{display:grid;gap:9px;margin:12px 0 0;padding-left:18px}

.ai-method{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:1px;
  overflow:hidden;
  border:1px solid var(--ai-line);
  border-radius:10px;
  background:var(--ai-line);
}

.ai-method-step{
  padding:22px;
  background:#fff;
}

.ai-method-step strong{
  display:block;
  margin-bottom:8px;
  color:var(--ai-ink);
  font-size:17px;
}

.ai-method-step span{
  display:block;
  margin-bottom:12px;
  color:var(--ai-green-dark);
  font-size:12px;
  font-weight:900;
  letter-spacing:.1em;
}

.ai-method-step p{
  margin:0;
  color:var(--ai-muted);
  font-size:14px;
  line-height:1.58;
}

.ai-lanes{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.ai-lane{
  padding:20px;
  border:1px solid var(--ai-line);
  border-radius:8px;
  background:#fff;
}

.ai-lane ol{
  display:grid;
  gap:12px;
  margin:0;
  padding-left:20px;
}

.ai-lane li{
  color:#344054;
  font-size:14px;
  line-height:1.5;
}

.ai-table-wrap{
  overflow:auto;
  border:1px solid var(--ai-line);
  border-radius:10px;
  background:#fff;
}

.ai-table{
  width:100%;
  min-width:760px;
  border-collapse:collapse;
}

.ai-table th{
  padding:14px 16px;
  background:#0B0D10;
  color:#fff;
  text-align:left;
  white-space:nowrap;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.ai-table td{
  padding:16px;
  border-top:1px solid var(--ai-line);
  color:#344054;
  font-size:14px;
  line-height:1.55;
  vertical-align:top;
}

.ai-table td:first-child{
  color:var(--ai-ink);
  font-weight:800;
}

.ai-cta{
  padding:78px 24px;
  background:var(--ai-dark);
  color:#fff;
  text-align:center;
}

.ai-cta-inner{
  max-width:780px;
}

.ai-cta .kicker{
  color:#9BD8D0;
}

.ai-cta h2{
  color:#fff;
  margin-bottom:14px;
}

.ai-cta p{
  color:#D0D5DD;
  font-size:18px;
  line-height:1.65;
}

.ai-note{
  margin-top:18px;
  padding:18px 20px;
  border:1px solid #CFE5E1;
  border-radius:8px;
  background:var(--ai-soft);
  color:#344054;
  font-size:15px;
  line-height:1.65;
}

.ai-tool-showcase{
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:32px;
  align-items:start;
}

.ai-tool-media{
  overflow:hidden;
  border:1px solid var(--ai-line);
  border-radius:10px;
  background:#fff;
  box-shadow:0 1px 2px rgba(16,24,40,.04);
}

.ai-tool-media img{
  display:block;
  width:100%;
  height:auto;
}

.ai-tool-value{
  display:grid;
  gap:14px;
  margin:0;
  padding:0;
  list-style:none;
}

.ai-tool-value li{
  padding:16px 18px;
  border:1px solid var(--ai-line);
  border-radius:8px;
  background:#fff;
  box-shadow:0 1px 2px rgba(16,24,40,.04);
}

.ai-tool-value strong{
  display:block;
  margin-bottom:4px;
  color:var(--ai-green-dark);
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.ai-tool-value span{
  display:block;
  color:#344054;
  font-size:14px;
  line-height:1.58;
}

.ai-card-link{
  display:inline-block;
  margin-top:14px;
  font-size:13px;
  font-weight:800;
  color:var(--ai-green-dark);
  text-decoration:none;
  letter-spacing:.02em;
}

.ai-card-link:hover{color:var(--ai-green)}

.ai-quote{
  margin:0;
  padding:32px 36px;
  border:1px solid var(--ai-line);
  border-left:4px solid var(--ai-green);
  border-radius:10px;
  background:var(--ai-soft);
}

.ai-quote p{
  margin:0;
  color:var(--ai-ink);
  font-size:20px;
  line-height:1.55;
  font-style:italic;
}

.ai-quote cite{
  display:block;
  margin-top:14px;
  color:var(--ai-muted);
  font-size:14px;
  font-style:normal;
}

.ai-pill-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}

.ai-pill{
  display:inline-flex;
  align-items:center;
  padding:7px 14px;
  border:1px solid var(--ai-line);
  border-radius:999px;
  background:#fff;
  color:var(--ai-ink);
  font-size:13px;
  font-weight:700;
}

.ai-pill.muted{
  border-style:dashed;
  color:var(--ai-muted);
}

@media(max-width:980px){
  .ai-hero-inner,
  .ai-grid-3,
  .ai-grid-4,
  .ai-lanes{
    grid-template-columns:1fr 1fr;
  }

  .ai-method{
    grid-template-columns:1fr;
  }

  .ai-tool-showcase{
    grid-template-columns:1fr;
  }
}

@media(max-width:680px){
  .ai-hero{padding:76px 18px 56px}
  .ai-section,
  .ai-band,
  .ai-cta{padding:56px 18px}
  .ai-hero-inner,
  .ai-grid-3,
  .ai-grid-4,
  .ai-lanes{
    grid-template-columns:1fr;
  }
  .ai-proof{padding:20px}
}