/* ═══════════════════════════════════════
   AI PAGE
   ═══════════════════════════════════════ */

.ai-inner {
  max-width: 1320px; margin: 0 auto;
  padding-left: 64px; padding-right: 64px;
}

/* ── Hero ── */
.ai-hero { background: var(--dark); position: relative; overflow: hidden; }
.ai-hero-bg {
  position: absolute; inset: 0;
  background: url('assets/bg-hero-ai.jpg') center/cover no-repeat; z-index: 1;
}
.ai-hero-bg::after { content:''; position:absolute; inset:0; background:rgba(10,12,20,0.55); z-index:2; }
.ai-hero .ai-inner { padding-top:156px; padding-bottom:88px; position:relative; z-index:3; }
.ai-label { font-size:11px; font-weight:700; letter-spacing:3px; color:var(--gold); margin-bottom:16px; text-transform:uppercase; }
.ai-hero h1 { font-size:46px; font-weight:300; line-height:1.2; color:var(--white); margin-bottom:24px; letter-spacing:0.5px; }
.ai-hero h1 .gold { color:var(--gold); font-weight:600; }
.ai-hero-bold { font-size:15px; font-weight:700; color:var(--white); line-height:1.6; margin-bottom:16px; }
.ai-hero-sub { font-size:14px; font-weight:300; color:rgba(255,255,255,0.5); line-height:1.7; max-width:380px; margin-bottom:36px; }
.ai-btn-outline {
  display:inline-flex; align-items:center; gap:10px; padding:13px 28px;
  border:1.5px solid var(--gold); color:var(--gold); text-decoration:none;
  font-size:12px; font-weight:700; letter-spacing:1.5px; border-radius:4px; transition:all 0.25s;
}
.ai-btn-outline:hover { background:var(--gold); color:var(--dark); }

/* ── Problem Statement ── */
.ai-problem { background:var(--white); }
.ai-problem .ai-inner {
  padding-top:80px; padding-bottom:80px;
  display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;
}
.ai-problem h2 { font-size:34px; font-weight:900; line-height:1.2; color:var(--text-dark); letter-spacing:0.5px; }
.ai-problem h2 .gold { color:var(--gold); }
.ai-questions { border-left:3px solid var(--gold); padding-left:32px; display:flex; flex-direction:column; gap:20px; }
.ai-questions p {
  font-size:16px; font-weight:400; color:#555; padding-bottom:20px;
  border-bottom:1px solid #eee;
}
.ai-questions p:last-child { border-bottom:none; padding-bottom:0; }

/* ── Every AI Initiative ── */
.ai-initiative { background:#F5F3EE; border-top:1px solid #E5E2DA; }
.ai-initiative .ai-inner { padding-top:72px; padding-bottom:72px; text-align:center; }
.ai-initiative-title { font-size:13px; font-weight:700; letter-spacing:3px; color:var(--text-dark); margin-bottom:48px; }
.ai-init-grid { display:grid; grid-template-columns:repeat(3,1fr); }
.ai-init-item { padding:0 36px; position:relative; text-align:left; }
.ai-init-item:not(:last-child)::after {
  content:''; position:absolute; right:0; top:5%; height:90%; width:1px; background:#DDD;
}
.ai-init-num { font-size:48px; font-weight:200; color:var(--gold); margin-bottom:4px; display:inline-block; vertical-align:top; margin-right:12px; }
.ai-init-heading { font-size:13px; font-weight:800; letter-spacing:1.5px; color:var(--text-dark); display:inline-block; vertical-align:top; padding-top:16px; }
.ai-init-desc { font-size:13px; font-weight:400; color:#888; line-height:1.6; margin:16px 0; }
.ai-init-desc strong { color:var(--text-dark); font-weight:600; font-style:italic; }
.ai-init-arrow { color:var(--gold); font-size:20px; margin-bottom:8px; text-align:center; }
.ai-init-verdict { font-size:18px; font-weight:800; color:var(--gold); letter-spacing:3px; text-align:center; }

/* ── VERDICT Dark Section ── */
.ai-verdict { background:var(--dark); position:relative; overflow:hidden; }
.ai-verdict-bg { position:absolute; inset:0; background:url('assets/bg-verdict.jpg') center/cover no-repeat; opacity:0.2; z-index:1; }
.ai-verdict .ai-inner {
  padding-top:80px; padding-bottom:80px; position:relative; z-index:2;
  display:grid; grid-template-columns:280px 1fr; gap:56px; align-items:center;
}
.ai-verdict-label { font-size:10px; font-weight:700; letter-spacing:2.5px; color:var(--gold); margin-bottom:8px; text-transform:uppercase; }
.ai-verdict-title { font-size:40px; font-weight:800; color:var(--white); letter-spacing:3px; margin-bottom:8px; }
.ai-verdict-tagline { font-size:18px; font-weight:400; color:var(--gold); font-style:italic; margin-bottom:20px; }
.ai-verdict-desc { font-size:13px; font-weight:300; color:rgba(255,255,255,0.5); line-height:1.7; }

/* VERDICT flow diagram */
.ai-vf { display:flex; flex-direction:column; align-items:center; gap:0; }
.ai-vf-icons { display:flex; align-items:center; gap:0; }
.ai-vf-node { display:flex; flex-direction:column; align-items:center; text-align:center; width:110px; position:relative; z-index:2; }
.ai-vf-circle {
  width:56px; height:56px; border-radius:50%; border:1.5px solid var(--gold);
  display:flex; align-items:center; justify-content:center;
  font-size:20px; color:var(--gold); background:var(--dark); margin-bottom:8px;
}
.ai-vf-node h5 { font-size:9px; font-weight:700; letter-spacing:1.5px; color:var(--white); }
/* Connecting dashes between nodes */
.ai-vf-dash {
  width:32px; height:0; border-top:2px dashed rgba(200,150,46,0.7);
  align-self:center; margin-top:-32px; flex-shrink:0;
}
/* Bracket below */
.ai-vf-bracket { position:relative; width:100%; max-width:480px; height:40px; margin-top:8px; }
.ai-vf-bracket::before {
  content:''; position:absolute; top:0; left:24px; right:24px; height:20px;
  border-left:1.5px solid rgba(200,150,46,0.35);
  border-right:1.5px solid rgba(200,150,46,0.35);
  border-bottom:1.5px solid rgba(200,150,46,0.35);
  border-radius:0 0 8px 8px;
}
.ai-vf-bracket-arrow {
  position:absolute; bottom:0; left:50%; transform:translateX(-50%);
  color:var(--gold); font-size:14px;
}
.ai-vf-verdict-text {
  font-size:32px; font-weight:800; color:var(--white); letter-spacing:5px; margin-top:8px;
}

/* ── Benefits ── */
.ai-benefits { background:var(--white); border-top:1px solid #eee; }
.ai-benefits .ai-inner { padding-top:64px; padding-bottom:64px; }
.ai-ben-grid { display:grid; grid-template-columns:repeat(3,1fr); }
.ai-ben-item { text-align:center; padding:0 28px; position:relative; }
.ai-ben-item:not(:last-child)::after {
  content:''; position:absolute; right:0; top:10%; height:80%; width:1px; background:#eee;
}
.ai-ben-icon {
  width:52px; height:52px; border-radius:50%; border:1.5px solid var(--gold);
  margin:0 auto 16px; display:flex; align-items:center; justify-content:center;
  color:var(--gold); font-size:20px;
}
.ai-ben-item h3 { font-size:13px; font-weight:800; letter-spacing:2px; color:var(--text-dark); margin-bottom:8px; }
.ai-ben-item p { font-size:13px; font-weight:400; color:#888; line-height:1.5; }

/* ── Process Flow ── */
.ai-process { background:#FAFAF8; border-top:1px solid #eee; }
.ai-process .ai-inner { padding-top:56px; padding-bottom:56px; }
.ai-flow { display:flex; align-items:center; justify-content:space-between; width:100%; }
.ai-flow-step { display:flex; flex-direction:column; align-items:center; text-align:center; gap:8px; flex:1; }
.ai-flow-icon {
  width:64px; height:64px; border-radius:14px; border:1.5px solid #ddd;
  display:flex; align-items:center; justify-content:center;
  font-size:24px; color:var(--text-dark); background:var(--white);
}
.ai-flow-step h4 { font-size:11px; font-weight:800; letter-spacing:2px; color:var(--text-dark); }
.ai-flow-arrow { color:var(--gold); font-size:18px; flex-shrink:0; padding-bottom:24px; }

/* ── Principles ── */
.ai-principles { background:#1A1C28; }
.ai-principles .ai-inner { padding-top:64px; padding-bottom:64px; }
.ai-prin-grid { display:grid; grid-template-columns:repeat(3,1fr); }
.ai-prin-item { padding:0 32px; position:relative; display:flex; align-items:flex-start; gap:16px; }
.ai-prin-item:not(:last-child)::after {
  content:''; position:absolute; right:0; top:5%; height:90%; width:1px; background:rgba(255,255,255,0.1);
}
.ai-prin-icon { font-size:28px; color:var(--gold); flex-shrink:0; margin-top:4px; }
.ai-prin-item h3 { font-size:16px; font-weight:700; color:var(--white); margin-bottom:6px; line-height:1.3; }
.ai-prin-item p { font-size:12.5px; font-weight:400; color:rgba(255,255,255,0.45); line-height:1.5; }

/* ── CTA ── */
.ai-cta { background:var(--dark); position:relative; overflow:hidden; }
.ai-cta-bg { position:absolute; inset:0; background:url('assets/footer-bg-ai.jpg') center/cover no-repeat; z-index:1; }
.ai-cta-bg::after { content:''; position:absolute; inset:0; background:rgba(14,16,24,0.55); }
.ai-cta .ai-inner {
  padding-top:72px; padding-bottom:72px; position:relative; z-index:2;
  display:flex; align-items:center; justify-content:space-between; gap:48px;
}
.ai-cta h2 { font-size:34px; font-weight:800; color:var(--white); line-height:1.2; letter-spacing:0.5px; }
.ai-cta h2 .gold { color:var(--gold); }
.ai-cta-sub { font-size:13px; font-weight:300; color:rgba(255,255,255,0.4); margin-top:12px; }
.ai-btn-gold {
  display:inline-flex; align-items:center; gap:10px; padding:16px 36px;
  background:var(--gold); color:var(--dark); text-decoration:none;
  font-size:12px; font-weight:700; letter-spacing:2px; border-radius:4px;
  transition:background 0.25s; white-space:nowrap; flex-shrink:0;
}
.ai-btn-gold:hover { background:var(--gold-hover); }

/* ═══ RESPONSIVE ═══ */
@media (max-width:1024px) {
  .ai-inner { padding-left:36px; padding-right:36px; }
  .ai-problem .ai-inner { grid-template-columns:1fr; gap:40px; }
  .ai-verdict .ai-inner { grid-template-columns:1fr; gap:40px; }
  .ai-flow { flex-wrap:wrap; gap:16px; justify-content:center; }
  .ai-flow-step { flex:0 0 auto; }
  .ai-flow-arrow { margin:0 8px; }
}
@media (max-width:768px) {
  .ai-inner { padding-left:24px; padding-right:24px; }
  .ai-hero h1 { font-size:32px; }
  .ai-problem h2 { font-size:26px; }
  .ai-init-grid { grid-template-columns:1fr; gap:32px; }
  .ai-init-item:not(:last-child)::after { display:none; }
  .ai-init-item { padding:0; }
  .ai-vf-icons { flex-wrap:wrap; justify-content:center; gap:12px; }
  .ai-vf-dash { display:none; }
  .ai-vf-bracket { display:none; }
  .ai-ben-grid { grid-template-columns:1fr; gap:32px; }
  .ai-ben-item:not(:last-child)::after { display:none; }
  .ai-flow { flex-wrap:wrap; gap:20px; justify-content:center; }
  .ai-flow-step { flex:0 0 auto; }
  .ai-flow-arrow { display:none; }
  .ai-prin-grid { grid-template-columns:1fr; gap:28px; }
  .ai-prin-item:not(:last-child)::after { display:none; }
  .ai-prin-item { padding:0; }
  .ai-cta .ai-inner { flex-direction:column; align-items:flex-start; gap:24px; }
  .ai-cta h2 { font-size:26px; }
}
@media (max-width:480px) {
  .ai-hero h1 { font-size:26px; }
  .ai-verdict-title { font-size:28px; }
  .ai-vf-node { width:80px; }
  .ai-vf-circle { width:44px; height:44px; font-size:16px; }
}