/* ============================================================
   obalaban — AI Agent Setup layer. Loaded AFTER ob-home.css;
   reuses its tokens (--ink/--accent/--font-* etc.) and base
   components (.hero/.btn/.cta-final/.kicker/.eyebrow/.h2/.reveal
   /.mono/.u). Adds the packages/pricing tiers, security baseline,
   process ledger and FAQ specific to /services/ai-agent-setup/.
   ============================================================ */

.agt-section{padding:clamp(58px,9vw,118px) var(--pad);border-top:1px solid var(--line)}
.agt-wrap{max-width:var(--max);margin:0 auto}
.agt-head{margin-bottom:8px}
.agt-head .h2{margin-top:16px}
.agt-lead{color:var(--muted);max-width:64ch;margin-top:20px;
  font-size:18px;line-height:1.7}
.agt-prose{color:var(--muted);max-width:70ch;margin-top:22px;line-height:1.7;
  font-size:18px}
.agt-prose + .agt-prose{margin-top:18px}
.agt-prose strong{color:var(--text);font-weight:500}

/* ---------- Security baseline chips ---------- */
.agt-baseline{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:16px;
  overflow:hidden;margin-top:44px}
.agt-baseline__i{background:var(--ink);padding:clamp(20px,2vw,26px)}
.agt-baseline__k{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--accent-hover)}
.agt-baseline__t{margin-top:12px;font-family:var(--font-display);font-weight:600;
  font-size:16px;letter-spacing:-.01em;line-height:1.2}
.agt-baseline p{color:var(--muted);margin-top:8px;font-size:15px;line-height:1.6}

/* ---------- Packages / pricing tiers ---------- */
.agt-tiers{display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(16px,2vw,22px);margin-top:46px;align-items:stretch}
.agt-tier{position:relative;display:flex;flex-direction:column;
  padding:clamp(26px,2.6vw,36px);border:1px solid var(--line);border-radius:18px;
  background:var(--surface);transition:border-color .3s var(--ease),transform .3s var(--ease)}
.agt-tier:hover{border-color:var(--line-strong);transform:translateY(-3px)}
.agt-tier--featured{border-color:var(--accent);
  background:linear-gradient(180deg,var(--accent-weak),transparent 62%),var(--surface)}
.agt-tier__badge{position:absolute;top:-11px;left:clamp(26px,2.6vw,36px);
  font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ink);background:var(--accent-hover);padding:4px 11px;border-radius:20px}
.agt-tier__name{font-family:var(--font-display);font-weight:600;font-size:20px;letter-spacing:-.01em}
.agt-tier__price{margin-top:16px;display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.agt-tier__amt{font-family:var(--font-display);font-weight:600;
  font-size:clamp(2rem,3.4vw,2.5rem);letter-spacing:-.02em;color:var(--text);line-height:1}
.agt-tier__term{font-family:var(--font-mono);font-size:12px;color:var(--muted);letter-spacing:.04em}
.agt-tier__sep{height:1px;background:var(--line);margin:22px 0}
.agt-tier__features{list-style:none;margin:0;padding:0;display:flex;
  flex-direction:column;gap:12px;flex:1}
.agt-tier__features li{position:relative;padding-left:26px;color:var(--muted);
  line-height:1.6;font-size:15px}
.agt-tier__features li::before{content:"";position:absolute;left:2px;top:.34em;
  width:11px;height:6px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);
  transform:rotate(-45deg)}
.agt-tier__features li.is-head{padding-left:0;margin-top:2px;color:var(--accent-hover);
  font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.agt-tier__features li.is-head::before{display:none}
.agt-tier__cta{margin-top:28px}
.agt-tier__cta .btn{width:100%;justify-content:center}

/* ---------- Process ledger ---------- */
.agt-steps{list-style:none;margin:46px 0 0;padding:0;display:grid;
  grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:16px;overflow:hidden}
.agt-step{background:var(--ink);padding:clamp(24px,2.6vw,36px);display:flex;
  gap:18px;align-items:flex-start;transition:background .3s var(--ease)}
.agt-step:hover{background:var(--surface)}
.agt-step__n{color:var(--accent);font-family:var(--font-mono);font-size:13px;padding-top:4px;flex:none}
.agt-step__t{font-family:var(--font-display);font-weight:600;font-size:1.16rem;letter-spacing:-.01em}
.agt-step p{color:var(--muted);margin-top:10px;font-size:18px;line-height:1.7;max-width:52ch}

/* ---------- FAQ (visual; schema is built from page content) ---------- */
.agt-faq{margin-top:42px;border-top:1px solid var(--line)}
.agt-faq__item{padding:clamp(22px,2.6vw,30px) 0;border-bottom:1px solid var(--line)}
.agt-faq__q{font-family:var(--font-display);font-weight:600;
  font-size:18px;line-height:1.3;letter-spacing:-.01em}
.agt-faq__a{color:var(--muted);margin-top:12px;font-size:18px;line-height:1.7;max-width:80ch}

/* ---------- Legibility: mono eyebrow floor — scoped to THIS page only ---------- */
.page-id-690 .eyebrow{font-size:clamp(12px,1.3vw,13px);letter-spacing:.16em}

/* ---------- Responsive ---------- */
@media (max-width:980px){.agt-tiers{grid-template-columns:1fr}}
@media (max-width:880px){
  .agt-baseline{grid-template-columns:repeat(2,1fr)}
  .agt-steps{grid-template-columns:1fr}
}
@media (max-width:520px){.agt-baseline{grid-template-columns:1fr}}