/* ============================================================
   Ask Iftaykhar - GEO / AEO additions
   Loaded after the theme sheet. Uses only the theme's tokens
   (charcoal + neon, Outfit / Manrope / JetBrains Mono).
   ============================================================ */

/* ---------- Answer block (below every service / case-study H1) ---------- */
.aeo-target{
  position:relative; text-align:left; max-width:820px; margin:30px auto 0;
  padding:clamp(22px,2.6vw,32px) clamp(22px,3vw,38px);
  border-radius:var(--r-l); border:1px solid var(--line);
  background:linear-gradient(168deg,var(--ink-2) 0%,var(--ink-1) 100%);
  box-shadow:0 0 70px -34px rgba(255,235,91,.35);
}
.aeo-target::before{
  content:''; position:absolute; top:0; left:0; right:0; height:1px;
  background:linear-gradient(90deg,transparent,var(--neon),transparent);
}
.aeo-target p{ margin:0; }
.aeo-target p strong{
  color:var(--bone); font-weight:700; font-size:clamp(1rem,1.3vw,1.12rem); line-height:1.6; letter-spacing:-.01em;
}
.aeo-target ul.aik-list{ margin-top:18px; }
.aeo-target ul.aik-list li b{ color:var(--neon); font-weight:700; }
.aeo-target ul.aik-list li a{ color:var(--bone); text-decoration:underline; text-underline-offset:3px; text-decoration-color:var(--neon-40); }
.aeo-target ul.aik-list li a:hover{ color:var(--neon); }
.aik-phero .aeo-target + .aik-lead{ margin-top:26px; }
.aik-phero .aeo-target + .aik-btns{ margin-top:30px; }

/* ---------- Data table ---------- */
.aik-tablewrap{
  overflow-x:auto; -webkit-overflow-scrolling:touch;
  border:1px solid var(--line-2); border-radius:var(--r-l); background:var(--ink-1);
}
.aik-table{
  width:100%; min-width:460px; border-collapse:collapse; font-size:.95rem; color:var(--muted);
}
.aik-table caption{
  caption-side:top; text-align:left; padding:18px 22px 6px;
  font-family:var(--f-mono); font-size:.62rem; letter-spacing:.2em; text-transform:uppercase; color:var(--muted-2);
}
.aik-table th, .aik-table td{ padding:14px 22px; text-align:left; vertical-align:top; border-top:1px solid var(--line-2); }
.aik-table thead th{
  border-top:0; font-family:var(--f-mono); font-size:.62rem; letter-spacing:.17em; text-transform:uppercase;
  color:var(--neon); font-weight:500; background:rgba(255,235,91,.04);
}
.aik-table tbody th{ font-family:var(--f-display); font-weight:700; color:var(--bone); letter-spacing:-.015em; }
.aik-table td.is-after{ color:var(--bone); font-weight:700; }
.aik-table tbody tr:hover{ background:var(--ink-2); }
.aik-cs__note{ font-size:.8rem; color:var(--muted-2); margin:14px 4px 0; line-height:1.6; }

/* ---------- Case study layout ---------- */
.aik-cs__head h1{ margin-bottom:0; font-size:clamp(1.9rem,3.5vw,3rem); letter-spacing:-.04em; max-width:22ch; margin-inline:auto; }
.aik-cs__grid{ display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(28px,4vw,60px); align-items:start; }
.aik-cs__side h2{ font-size:clamp(1.9rem,3.6vw,2.9rem); }
.aik-cs__loc{
  display:flex; align-items:center; gap:15px; margin-top:26px; padding:16px 19px;
  border-radius:var(--r-m); border:1px solid var(--line); background:var(--ink-1);
}
.aik-cs__loc i{
  width:42px; height:42px; border-radius:12px; flex:none; display:grid; place-items:center;
  background:var(--neon-08); border:1px solid var(--neon-14); color:var(--neon);
}
.aik-cs__loc i svg{ width:19px; height:19px; }
.aik-cs__loc b{ display:block; font-family:var(--f-mono); font-size:.58rem; letter-spacing:.16em; text-transform:uppercase; color:var(--muted-2); font-weight:500; margin-bottom:3px; }
.aik-cs__loc .aik-info__txt > span{ font-family:var(--f-display); font-weight:600; font-size:1rem; color:var(--bone); letter-spacing:-.015em; }
.aik-cs__prose{ max-width:820px; margin-inline:auto; padding-inline:0; }
.aik-cs__prose h2{ font-size:clamp(1.5rem,2.4vw,1.95rem); margin:44px 0 14px; }
.aik-cs__prose > h2:first-child{ margin-top:0; }
.aik-cs__prose p{ font-size:clamp(1rem,1.25vw,1.08rem); }
.aik-cs-card .aik-client__ttl h3 a{ color:inherit; }
.aik-cs-card .aik-client__ttl h3 a:hover{ color:var(--neon); }
.aik-client__foot .aik-tags + .aik-tlink{ margin-top:16px; }

/* ---------- FAQ ---------- */
.aik-faqwrap{ max-width:820px; margin-inline:auto; }
.aik-faqwrap h2{ font-size:clamp(1.7rem,3vw,2.5rem); margin-bottom:26px; }
.aik-faq{ border-top:1px solid var(--line-2); }
.aik-faq__item{ padding:24px 0; border-bottom:1px solid var(--line-2); }
.aik-faq__item h3{ font-size:clamp(1.06rem,1.5vw,1.22rem); margin:0 0 10px; }
.aik-faq__item p{ margin:0; font-size:.98rem; }

/* ---------- Service pages ---------- */
.aik-svc__deliver{ height:100%; }
.aik-svc__deliver h3{ margin-bottom:6px; }
.aik-svc__deliver .aik-list{ margin-top:16px; }
.aik-svc__deliver .aik-list li{ font-size:.96rem; }
.aik-svc__fit{ display:flex; flex-wrap:wrap; gap:8px; margin-top:22px; }
.aik-card__links{ display:flex; flex-wrap:wrap; gap:12px 28px; align-items:center; }

/* ---------- Responsive ---------- */
@media (max-width:900px){
  .aik-cs__grid{ grid-template-columns:1fr; }
}
@media (max-width:640px){
  .aeo-target{ padding:20px; }
  .aik-table th, .aik-table td{ padding:12px 14px; }
}
@media (prefers-reduced-motion:reduce){
  .aeo-target{ box-shadow:none; }
}