/* AI Agent feature page styles */

/* ===== DESIGN TOKENS (page-specific) ===== */
:root{
  --aa-blue-950:#0a1628;--aa-blue-900:#0f1f3d;--aa-blue-800:#1a3260;
  --aa-blue-700:#1e4080;--aa-blue-600:#2563eb;--aa-blue-500:#3b82f6;
  --aa-blue-400:#60a5fa;--aa-blue-300:#93c5fd;--aa-blue-100:#dbeafe;--aa-blue-50:#eff6ff;
  --aa-cyan:#0ea5e9;--aa-violet:#7c3aed;--aa-violet-light:#a78bfa;
  --aa-green-600:#16a34a;--aa-green-400:#4ade80;
  --aa-amber-500:#f59e0b;--aa-rose-500:#f43f5e;
  --aa-surface:#f8faff;--aa-white:#fff;
  --aa-text-primary:#0a1628;--aa-text-secondary:#4b5e7e;--aa-text-muted:#8499b8;
  --aa-border:#e2eaf8;
  --aa-r-sm:8px;--aa-r-md:12px;--aa-r-lg:20px;--aa-r-xl:28px;--aa-r-full:100px;
  --aa-sh-sm:0 1px 4px rgba(10,22,40,.07);
  --aa-sh-md:0 4px 20px rgba(37,99,235,.10);
  --aa-sh-lg:0 8px 40px rgba(37,99,235,.15);
  --aa-sh-blue:0 8px 32px rgba(37,99,235,.22);
}

/* Map page tokens to global vars where used together */
body.ai-agent-page{
  background:var(--aa-white);
  color:var(--aa-text-primary);
}

/* Announcement bar */
#announcement{
  background:linear-gradient(90deg,var(--blue-600,#2563eb),var(--accent,#0ea5e9));
  color:#fff;
  font-size:13px;
  font-weight:500;
  text-align:center;
  padding:10px 48px 10px 16px;
  position:relative;
}
#announcement a{
  color:#fff;
  font-weight:700;
  text-decoration:underline;
}
#announcement .close-ann{
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  font-size:18px;
  color:rgba(255,255,255,.7);
  cursor:pointer;
}
#announcement .close-ann:hover{color:#fff}

/* ===== RESET & BASE (scoped) ===== */
.ai-agent-page *, .ai-agent-page *::before, .ai-agent-page *::after{
  box-sizing:border-box;
  margin:0;
  padding:0;
}
.ai-agent-page a{text-decoration:none;color:inherit}
.ai-agent-page button{cursor:pointer;border:none;background:none;font-family:inherit}

/* ===== LAYOUT ===== */
.ai-agent-page .container{max-width:1100px;margin:0 auto;padding:0 24px}
.ai-agent-page .container-sm{max-width:820px;margin:0 auto;padding:0 24px}
.ai-agent-page .section{padding:90px 0}
.ai-agent-page .section-sm{padding:62px 0}

/* ===== TYPOGRAPHY ===== */
.ai-agent-page .section-headline{
  font-family:'Plus Jakarta Sans',sans-serif;
  font-weight:800;
  font-size:clamp(28px,4vw,46px);
  line-height:1.1;
  letter-spacing:-.025em;
  text-align:center;
}
.ai-agent-page .section-sub{
  font-size:17px;
  color:var(--aa-text-secondary);
  max-width:600px;
  margin:14px auto 0;
  text-align:center;
  line-height:1.65;
}
.ai-agent-page .highlight{color:var(--aa-blue-600)}

/* ===== BUTTONS ===== */
.ai-agent-page .btn-primary{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:var(--aa-blue-600);
  color:#fff;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:15px;
  font-weight:700;
  padding:13px 28px;
  border-radius:var(--aa-r-full);
  box-shadow:var(--aa-sh-blue);
  transition:all .22s;
  border:none;
}
.ai-agent-page .btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 44px rgba(37,99,235,.38);
}
.ai-agent-page .btn-outline{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:transparent;
  color:var(--aa-blue-600);
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:15px;
  font-weight:600;
  padding:12px 24px;
  border-radius:var(--aa-r-full);
  border:1.5px solid var(--aa-blue-100);
  transition:all .2s;
}
.ai-agent-page .btn-outline:hover{background:var(--aa-blue-50)}
.ai-agent-page .btn-white{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:#fff;
  color:var(--aa-blue-700);
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:15px;
  font-weight:700;
  padding:13px 28px;
  border-radius:var(--aa-r-full);
  box-shadow:0 4px 18px rgba(0,0,0,.12);
  transition:all .22s;
}
.ai-agent-page .btn-white:hover{transform:translateY(-2px)}

/* ===== ANIMATIONS ===== */
.ai-agent-page .fade-up{opacity:0;transform:translateY(26px);transition:opacity .55s ease,transform .55s ease}
.ai-agent-page .fade-up.visible{opacity:1;transform:translateY(0)}
.ai-agent-page .d1{transition-delay:.1s}
.ai-agent-page .d2{transition-delay:.2s}
.ai-agent-page .d3{transition-delay:.3s}
.ai-agent-page .d4{transition-delay:.4s}

/* ===== HERO ===== */
#ai-hero{background:var(--aa-white);padding:72px 0 56px}
#ai-hero .hero-h1{
  font-family:'Plus Jakarta Sans',sans-serif;
  font-weight:800;
  font-size:clamp(34px,5vw,58px);
  line-height:1.08;
  letter-spacing:-.025em;
  color:var(--aa-text-primary);
  margin-bottom:18px;
  text-align:center;
}
#ai-hero .hero-sub{
  font-size:17px;
  color:var(--aa-text-secondary);
  line-height:1.7;
  margin:0 auto 32px;
  max-width:580px;
  text-align:center;
}
#ai-hero .hero-ctas{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:48px;
}
.feature-badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  background:var(--aa-blue-50);
  color:var(--aa-blue-600);
  border:1px solid var(--aa-blue-100);
  border-radius:var(--aa-r-full);
  padding:6px 16px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  margin-bottom:20px;
}
.stats-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:0;
}
.stat-box{
  background:var(--aa-white);
  border:1.5px solid var(--aa-border);
  border-radius:var(--aa-r-xl);
  padding:24px 20px;
  text-align:center;
  box-shadow:var(--aa-sh-sm);
  transition:all .25s;
}
.stat-box:hover{box-shadow:var(--aa-sh-md);transform:translateY(-2px)}
.sb-num{
  font-family:'Plus Jakarta Sans',sans-serif;
  font-weight:800;
  font-size:30px;
  line-height:1;
  margin-bottom:6px;
}
.sb-label{font-size:12px;color:var(--aa-text-muted);font-weight:600;line-height:1.4}

/* ===== INTERACTIVE TABBED DEMO ===== */
.demo-section{padding:0 24px;max-width:1060px;margin:0 auto}
.tabs-header{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:28px;
}
.tab-btn{
  display:inline-flex;
  align-items:center;
  gap:7px;
  background:var(--aa-white);
  border:1.5px solid var(--aa-border);
  border-radius:var(--aa-r-full);
  padding:9px 18px;
  font-size:13px;
  font-weight:600;
  color:var(--aa-text-secondary);
  cursor:pointer;
  transition:all .22s;
  white-space:nowrap;
}
.tab-btn:hover{
  border-color:var(--aa-blue-300);
  color:var(--aa-blue-600);
  background:var(--aa-blue-50);
}
.tab-btn.active{
  background:var(--aa-blue-600);
  border-color:var(--aa-blue-600);
  color:#fff;
  box-shadow:var(--aa-sh-blue);
}
.tab-ico{font-size:15px}
.demo-layout{
  display:grid;
  grid-template-columns:300px 1fr;
  gap:20px;
  align-items:start;
}

/* Phone */
.phone{
  background:#12192e;
  border:6px solid #1d2b47;
  border-radius:42px;
  box-shadow:0 0 0 1px rgba(255,255,255,.05),0 40px 80px rgba(0,0,0,.55),0 0 80px rgba(37,99,235,.14);
  overflow:hidden;
}
.phone-notch{
  height:30px;
  background:#0c1225;
  display:flex;
  align-items:center;
  justify-content:center;
}
.pn-inner{width:68px;height:5px;background:#1d2b47;border-radius:3px}
.chat-head{
  padding:10px 14px;
  display:flex;
  align-items:center;
  gap:10px;
  transition:background .4s;
}
.chat-av{
  width:36px;
  height:36px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  flex-shrink:0;
  transition:background .4s;
}
.chat-name{font-size:13px;font-weight:700;color:#fff}
.chat-status{
  font-size:10px;
  color:rgba(255,255,255,.6);
  display:flex;
  align-items:center;
  gap:4px;
  margin-top:1px;
}
.online-dot{
  width:6px;
  height:6px;
  background:var(--aa-green-400);
  border-radius:50%;
  display:inline-block;
}
.chat-body{
  background:#ece5dd;
  padding:12px 10px;
  min-height:390px;
  max-height:400px;
  overflow-y:auto;
  display:flex;
  flex-direction:column;
  gap:7px;
  transition:all .3s;
}
.bbl{
  max-width:88%;
  padding:8px 11px;
  border-radius:10px;
  font-size:11.5px;
  line-height:1.55;
}
.bbl-out{background:#dcf8c6;border-radius:10px 10px 0 10px;margin-left:auto;color:#111}
.bbl-in{background:#fff;border-radius:0 10px 10px 10px;margin-right:auto;color:#111}
.bbl-time{font-size:9px;color:#8899a6;margin-top:3px;text-align:right}
.ai-tag{
  display:inline-flex;
  align-items:center;
  gap:3px;
  background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(124,58,237,.12));
  border:1px solid rgba(96,165,250,.18);
  border-radius:var(--aa-r-full);
  padding:2px 7px;
  font-size:9px;
  font-weight:700;
  color:var(--aa-blue-400);
  margin-bottom:5px;
}
.qrs{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}
.qr{
  background:#fff;
  border:1.5px solid #25d366;
  color:#25d366;
  border-radius:var(--aa-r-full);
  padding:4px 10px;
  font-size:10px;
  font-weight:700;
  cursor:pointer;
  transition:all .2s;
  white-space:nowrap;
}
.qr:hover,.qr.picked{background:#25d366;color:#fff}
.typing-bbl{
  background:#fff;
  border-radius:0 10px 10px 10px;
  padding:10px 14px;
  display:none;
  align-items:center;
  gap:4px;
  width:fit-content;
}
.typing-bbl.show{display:flex}
.td{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#a0aec0;
  animation:typebounce 1.4s infinite;
}
.td:nth-child(2){animation-delay:.2s}
.td:nth-child(3){animation-delay:.4s}
@keyframes typebounce{
  0%,60%,100%{transform:translateY(0)}
  30%{transform:translateY(-6px)}
}
.chat-bar{
  background:#f0f0f0;
  padding:10px 12px;
  display:flex;
  align-items:center;
  gap:8px;
  border-top:1px solid #ddd;
}
.chat-input-field{
  flex:1;
  background:#fff;
  border:none;
  border-radius:var(--aa-r-full);
  padding:8px 13px;
  font-size:11.5px;
  outline:none;
  color:#111;
  font-family:'DM Sans',sans-serif;
}
.chat-send-btn{
  width:32px;
  height:32px;
  border-radius:50%;
  background:#25d366;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  border:none;
  cursor:pointer;
}

/* Context panel */
.context-panel{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.ctx-card{
  background:var(--aa-white);
  border:1.5px solid var(--aa-border);
  border-radius:var(--aa-r-xl);
  padding:20px;
}
.ctx-label{
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--aa-text-muted);
  margin-bottom:14px;
}
.ctx-industry{
  display:flex;
  align-items:center;
  gap:12px;
  padding:8px 0;
  border-bottom:1px solid var(--aa-border);
}
.ctx-industry:last-child{border-bottom:none;padding-bottom:0}
.ctx-ico{font-size:20px;width:34px;text-align:center;flex-shrink:0}
.ctx-name{font-size:12px;font-weight:700;color:var(--aa-text-primary)}
.ctx-use{font-size:10.5px;color:var(--aa-text-muted);margin-top:1px}
.ctx-badge{
  font-size:9px;
  font-weight:700;
  padding:2px 8px;
  border-radius:var(--aa-r-full);
  flex-shrink:0;
  margin-left:auto;
}

/* ===== HOW IT WORKS ===== */
.how-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  margin-top:52px;
  position:relative;
}
.how-line{
  position:absolute;
  top:27px;
  left:12%;
  right:12%;
  height:2px;
  background:linear-gradient(90deg,var(--aa-blue-100),var(--aa-blue-300),var(--aa-blue-100));
  z-index:0;
}
.how-step{position:relative;z-index:1;text-align:center}
.step-n{
  width:54px;
  height:54px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--aa-blue-600),var(--aa-violet));
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-weight:800;
  font-size:20px;
  color:#fff;
  margin:0 auto 16px;
  box-shadow:0 6px 22px rgba(37,99,235,.3);
}
.step-t{
  font-family:'Plus Jakarta Sans',sans-serif;
  font-weight:800;
  font-size:14px;
  color:var(--aa-text-primary);
  margin-bottom:7px;
}
.step-d{font-size:13px;color:var(--aa-text-secondary);line-height:1.62}

/* ===== INDUSTRY USE CASES ===== */
.industry-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  margin-top:52px;
}
.ind-card{
  background:#fff;
  border:1.5px solid var(--aa-border);
  border-radius:var(--aa-r-xl);
  padding:28px;
  transition:all .3s;
  position:relative;
  overflow:hidden;
}
.ind-card::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
}
.ind-card:hover{
  box-shadow:var(--aa-sh-lg);
  transform:translateY(-4px);
  border-color:var(--aa-blue-100);
}
.ind-icon{
  width:52px;
  height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
  margin-bottom:16px;
}
.ind-title{
  font-family:'Plus Jakarta Sans',sans-serif;
  font-weight:800;
  font-size:16px;
  color:var(--aa-text-primary);
  margin-bottom:6px;
}
.ind-sub{font-size:12px;color:var(--aa-text-muted);font-weight:700;margin-bottom:10px}
.ind-desc{font-size:13px;color:var(--aa-text-secondary);line-height:1.65;margin-bottom:14px}
.ind-tasks{list-style:none;padding:0}
.ind-tasks li{
  font-size:12px;
  color:var(--aa-text-secondary);
  padding:4px 0 4px 18px;
  position:relative;
  border-bottom:1px solid var(--aa-border);
  line-height:1.5;
}
.ind-tasks li:last-child{border-bottom:none}
.ind-tasks li::before{
  content:'→';
  position:absolute;
  left:0;
  color:var(--aa-blue-500);
  font-weight:700;
  font-size:11px;
}

/* ===== CORE CAPABILITIES ===== */
.cap-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:52px;
}
.cap-card{
  background:#fff;
  border:1.5px solid var(--aa-border);
  border-radius:var(--aa-r-xl);
  padding:22px;
  transition:all .25s;
}
.cap-card:hover{
  box-shadow:var(--aa-sh-md);
  transform:translateY(-3px);
  border-color:var(--aa-blue-300);
}
.cap-icon{font-size:30px;margin-bottom:12px}
.cap-title{
  font-family:'Plus Jakarta Sans',sans-serif;
  font-weight:800;
  font-size:14px;
  color:var(--aa-text-primary);
  margin-bottom:6px;
}
.cap-desc{font-size:12px;color:var(--aa-text-secondary);line-height:1.65}

/* ===== DATA SOURCES ===== */
.sources-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:52px;
}
.src-card{
  background:#fff;
  border:1.5px solid var(--aa-border);
  border-radius:var(--aa-r-xl);
  padding:22px;
  transition:all .25s;
}
.src-card:hover{
  box-shadow:var(--aa-sh-md);
  transform:translateY(-3px);
  border-color:var(--aa-blue-300);
}
.src-icon{font-size:28px;margin-bottom:10px}
.src-title{
  font-family:'Plus Jakarta Sans',sans-serif;
  font-weight:800;
  font-size:14px;
  color:var(--aa-text-primary);
  margin-bottom:6px;
}
.src-desc{font-size:12px;color:var(--aa-text-secondary);line-height:1.65;margin-bottom:10px}
.src-tags{display:flex;flex-wrap:wrap;gap:5px}
.src-tag{
  background:var(--aa-blue-50);
  color:var(--aa-blue-700);
  border-radius:var(--aa-r-sm);
  padding:2px 8px;
  font-size:10px;
  font-weight:700;
}

/* ===== HUMAN HANDOFF ===== */
.handoff-wrap{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:52px;
  align-items:center;
  margin-top:52px;
}
.hd-diagram{
  background:var(--aa-blue-950);
  border:1px solid rgba(255,255,255,.07);
  border-radius:var(--aa-r-xl);
  padding:26px;
}
.hd-row{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,.05);
}
.hd-row:last-child{border-bottom:none}
.hd-ico{
  width:34px;
  height:34px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:15px;
  flex-shrink:0;
}
.hd-main{flex:1}
.hd-t{font-size:12px;font-weight:700;color:rgba(255,255,255,.8)}
.hd-s{font-size:10px;color:rgba(255,255,255,.38);margin-top:1px}
.badge-ai{
  background:rgba(37,99,235,.18);
  color:var(--aa-blue-300);
  border:1px solid rgba(96,165,250,.2);
  border-radius:var(--aa-r-full);
  padding:2px 9px;
  font-size:9px;
  font-weight:800;
  flex-shrink:0;
}
.badge-human{
  background:rgba(22,163,74,.18);
  color:var(--aa-green-400);
  border:1px solid rgba(74,222,128,.2);
  border-radius:var(--aa-r-full);
  padding:2px 9px;
  font-size:9px;
  font-weight:800;
  flex-shrink:0;
}
.hd-divider{
  text-align:center;
  font-size:10px;
  color:rgba(255,255,255,.22);
  padding:8px 0;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:700;
}
.handoff-text h3{
  font-family:'Plus Jakarta Sans',sans-serif;
  font-weight:800;
  font-size:26px;
  color:var(--aa-text-primary);
  margin-bottom:14px;
}
.handoff-text p{
  font-size:15px;
  color:var(--aa-text-secondary);
  line-height:1.78;
  margin-bottom:14px;
}
.handoff-text ul{padding-left:0;margin-bottom:18px}
.handoff-text ul li{
  font-size:14px;
  color:var(--aa-text-secondary);
  padding:4px 0 4px 22px;
  position:relative;
  line-height:1.68;
}
.handoff-text ul li::before{
  content:'→';
  position:absolute;
  left:0;
  color:var(--aa-blue-500);
  font-weight:700;
}

/* ===== PROOF ===== */
.proof-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  margin-top:52px;
}
.proof-card{
  background:#fff;
  border:1.5px solid var(--aa-border);
  border-radius:var(--aa-r-xl);
  padding:28px;
  transition:all .3s;
}
.proof-card:hover{transform:translateY(-4px);box-shadow:var(--aa-sh-lg)}
.proof-n{
  font-family:'Plus Jakarta Sans',sans-serif;
  font-weight:800;
  font-size:36px;
  line-height:1;
  margin-bottom:4px;
}
.proof-lbl{
  font-size:10px;
  color:var(--aa-text-muted);
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:700;
  margin-bottom:14px;
}
.proof-q{
  font-size:13px;
  color:var(--aa-text-secondary);
  line-height:1.7;
  margin-bottom:16px;
  font-style:italic;
}
.proof-attr{display:flex;align-items:center;gap:10px}
.proof-av{
  width:36px;
  height:36px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--aa-blue-600),var(--aa-cyan));
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:12px;
  color:#fff;
  flex-shrink:0;
}
.proof-nm{font-size:11px;font-weight:700;color:var(--aa-text-primary)}
.proof-vol{font-size:10px;color:var(--aa-text-muted)}

/* ===== ACCURACY ===== */
.acc-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  margin-top:52px;
}
.acc-card{
  background:#fff;
  border:1.5px solid var(--aa-border);
  border-radius:var(--aa-r-xl);
  padding:28px;
}
.acc-head{
  font-family:'Plus Jakarta Sans',sans-serif;
  font-weight:800;
  font-size:16px;
  margin-bottom:18px;
  display:flex;
  align-items:center;
  gap:8px;
}
.acc-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:9px 0;
  border-bottom:1px solid var(--aa-border);
  font-size:13px;
}
.acc-row:last-child{border-bottom:none}
.acc-k{color:var(--aa-text-secondary)}
.acc-v{font-weight:700;color:var(--aa-text-primary)}
.acc-bar{
  height:4px;
  background:var(--aa-surface);
  border-radius:2px;
  overflow:hidden;
  margin-top:5px;
}
.acc-fill{
  height:100%;
  border-radius:2px;
  transition:width 1.5s ease;
  width:0;
}

/* ===== CONTENT ===== */
.content-section h2{
  font-family:'Plus Jakarta Sans',sans-serif;
  font-weight:800;
  font-size:26px;
  color:var(--aa-text-primary);
  margin:44px 0 14px;
}
.content-section p{
  font-size:15px;
  color:var(--aa-text-secondary);
  line-height:1.8;
  margin-bottom:14px;
}
.content-section ul{padding-left:0;margin-bottom:14px}
.content-section ul li{
  font-size:15px;
  color:var(--aa-text-secondary);
  line-height:1.75;
  padding:4px 0 4px 22px;
  position:relative;
}
.content-section ul li::before{
  content:'→';
  position:absolute;
  left:0;
  color:var(--aa-blue-500);
  font-weight:700;
}
.info-box{
  background:var(--aa-blue-50);
  border:1px solid var(--aa-blue-100);
  border-radius:var(--aa-r-md);
  padding:16px 20px;
  font-size:14px;
  color:var(--aa-blue-700);
  line-height:1.65;
  margin:20px 0;
}

/* ===== FAQ ===== */
.faq-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:48px;
}
.faq-item{
  background:#fff;
  border:1px solid var(--aa-border);
  border-radius:var(--aa-r-md);
  overflow:hidden;
}
.faq-q{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 22px;
  text-align:left;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:15px;
  font-weight:600;
  color:var(--aa-text-primary);
  cursor:pointer;
  transition:background .2s;
}
.faq-q:hover{background:var(--aa-blue-50)}
.faq-chev{
  width:18px;
  height:18px;
  color:var(--aa-text-muted);
  flex-shrink:0;
  transition:transform .3s;
}
.faq-item.open .faq-chev{transform:rotate(180deg)}
.faq-a{
  max-height:0;
  overflow:hidden;
  transition:max-height .35s ease,padding .35s;
  font-size:14px;
  color:var(--aa-text-secondary);
  line-height:1.75;
  padding:0 22px;
}
.faq-item.open .faq-a{max-height:500px;padding:0 22px 18px}

/* ===== FINAL CTA ===== */
.final-card{
  background:linear-gradient(135deg,var(--aa-blue-950),var(--aa-blue-900));
  border-radius:var(--aa-r-xl);
  padding:72px 48px;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.final-card::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse 60% 80% at 50% 0,rgba(37,99,235,.22),transparent 60%);
}
.final-card::after{
  content:'';
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(37,99,235,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.04) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 80%);
}
.final-card .fcc{position:relative;z-index:1}

/* Sticky bar */
#sbar{
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  z-index:90;
  background:rgba(10,22,40,.96);
  backdrop-filter:blur(20px);
  border-top:1px solid rgba(255,255,255,.07);
  padding:12px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  transform:translateY(100%);
  transition:transform .4s ease;
}
#sbar.show{transform:translateY(0)}
.sbar-t{
  color:rgba(255,255,255,.65);
  font-size:14px;
  font-weight:600;
}
.sbar-t strong{color:#fff}

/* ===== RESPONSIVE ===== */
@media(max-width:1000px){
  .demo-layout{grid-template-columns:1fr}
  .context-panel{display:none}
  .industry-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .how-grid{grid-template-columns:1fr 1fr}
  .how-line{display:none}
  .cap-grid{grid-template-columns:1fr 1fr}
  .handoff-wrap{grid-template-columns:1fr}
  .acc-grid{grid-template-columns:1fr}
  .proof-grid{grid-template-columns:1fr}
  .sources-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .industry-grid,.cap-grid,.sources-grid{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:1fr 1fr}
  .final-card{padding:48px 24px}
  .tabs-header{gap:6px}
  .tab-btn{padding:7px 13px;font-size:12px}
}