
/* Advanze generated full-content page system */
.ap-page { background: #fff; color: #102033; }
.ap-hero { position: relative; overflow: hidden; color: #fff; background: radial-gradient(circle at 75% 30%, rgba(6,182,212,.28), transparent 32%), linear-gradient(135deg, var(--ap-hero-bg, #0a1628), #06111f); padding: 88px 0 76px; }
.ap-hero::before { content:""; position:absolute; inset:0; opacity:.4; background-image: linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent); }
.ap-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr); gap: clamp(32px, 5vw, 72px); align-items: center; }
.ap-eyebrow { margin: 0 0 14px; color: #06b6d4; text-transform: uppercase; letter-spacing: .14em; font-size: .78rem; font-weight: 800; }
.ap-hero h1 { margin: 0 0 20px; color: #fff; font-size: clamp(2.35rem, 5vw, 4.75rem); line-height: .96; letter-spacing: -.05em; max-width: 820px; }
.ap-kicker { font-size: clamp(1.05rem, 2vw, 1.45rem); color: rgba(255,255,255,.86); max-width: 760px; margin: 0 0 18px; }
.ap-hero-intro { color: rgba(255,255,255,.74); font-size: 1.02rem; line-height: 1.75; max-width: 760px; margin: 0 0 28px; }
.ap-hero-actions { display: flex; gap: 14px; flex-wrap: wrap; }
.ap-visual { position:relative; min-height: 370px; border: 1px solid rgba(255,255,255,.18); border-radius: 34px; background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.02)); box-shadow: 0 28px 80px rgba(0,0,0,.33), inset 0 0 45px rgba(6,182,212,.08); display:flex; align-items:center; justify-content:center; overflow:hidden; }
.ap-visual img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.18; filter:saturate(1.1) contrast(1.05); }
.ap-orbit { position:absolute; border:1px solid rgba(6,182,212,.4); border-radius:999px; }
.ap-orbit-one { width: 72%; height:72%; }
.ap-orbit-two { width: 48%; height:48%; border-color: rgba(147,51,234,.5); }
.ap-visual-core { position:relative; z-index:2; width: 190px; height:190px; border-radius: 999px; background: radial-gradient(circle, rgba(6,182,212,.45), rgba(59,130,246,.12)); border: 1px solid rgba(64,224,208,.75); display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff; box-shadow:0 0 48px rgba(6,182,212,.45); text-align:center; }
.ap-visual-core span { font-size: 3.6rem; font-weight:900; letter-spacing:-.08em; }
.ap-visual-core small { text-transform:uppercase; letter-spacing:.16em; color:#bff7ff; font-weight:800; font-size:.7rem; }
.ap-visual-pill { position:absolute; z-index:3; padding:9px 12px; border:1px solid rgba(255,255,255,.18); border-radius:999px; color:#d7fbff; font-size:.78rem; background:rgba(5,12,26,.62); backdrop-filter: blur(10px); }
.ap-pill-1 { top: 32px; left: 38px; } .ap-pill-2 { bottom: 34px; left: 54px; } .ap-pill-3 { right: 38px; bottom: 60px; }
.ap-section { padding: clamp(56px, 7vw, 96px) 0; }
.ap-section-soft { background: linear-gradient(180deg, #f7fbff 0%, #eef7ff 100%); }
.ap-section-blueprint { background: radial-gradient(circle at 20% 20%, rgba(6,182,212,.16), transparent 28%), linear-gradient(135deg, #071528, #0d1b34); color:#fff; }
.ap-section-cta { background: linear-gradient(135deg, #0a1628, #0d0a1c); color:#fff; }
.ap-two-col { display:grid; grid-template-columns: minmax(0,1fr) minmax(320px,.85fr); gap: clamp(30px,5vw,72px); align-items:start; }
.ap-two-col.reverse { grid-template-columns: minmax(320px,.85fr) minmax(0,1fr); }
.ap-two-col h2, .ap-section-heading h2, .ap-cta-card h2 { margin: 0 0 18px; font-size: clamp(1.9rem, 3vw, 3rem); letter-spacing:-.04em; line-height:1.04; color:#0a1628; }
.ap-section-blueprint h2, .ap-section-cta h2 { color:#fff; }
.ap-two-col p, .ap-section-heading p, .ap-cta-card p { color:#3b5068; font-size:1.02rem; line-height:1.78; }
.ap-section-blueprint p, .ap-section-cta p { color:rgba(255,255,255,.76); }
.ap-insight-panel { background:#fff; border:1px solid rgba(10,22,40,.08); border-radius:28px; padding:28px; box-shadow:0 18px 50px rgba(10,22,40,.08); }
.ap-insight-panel h3 { margin: 0 0 12px; }
.ap-insight-panel ul { padding-left: 20px; color:#425973; line-height:1.7; }
.ap-section-heading { text-align:center; max-width:860px; margin:0 auto 38px; }
.ap-card-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:20px; }
.ap-card { background:#fff; border:1px solid rgba(10,22,40,.08); border-radius:26px; padding:28px; box-shadow:0 14px 40px rgba(10,22,40,.06); }
.ap-card i { display:inline-flex; width:48px; height:48px; border-radius:16px; align-items:center; justify-content:center; margin-bottom:18px; color:#06b6d4; background:rgba(6,182,212,.11); font-size:1.4rem; }
.ap-card h3 { margin:0 0 10px; font-size:1.16rem; color:#0a1628; }
.ap-card p { margin:0; color:#51657e; line-height:1.65; }
.ap-blueprint-visual { position:relative; min-height:360px; display:flex; flex-direction:column; justify-content:center; gap:22px; padding:24px; }
.ap-layer { position:relative; z-index:2; border-radius:24px; border:1px solid rgba(255,255,255,.18); padding:26px 28px; color:#fff; text-transform:uppercase; letter-spacing:.12em; font-weight:900; box-shadow:0 20px 60px rgba(0,0,0,.22); }
.ap-layer-business { background:linear-gradient(135deg, rgba(16,185,129,.42), rgba(6,182,212,.26)); }
.ap-layer-platform { background:linear-gradient(135deg, rgba(147,51,234,.42), rgba(59,130,246,.22)); margin-left:28px; }
.ap-layer-tech { background:linear-gradient(135deg, rgba(59,130,246,.42), rgba(6,182,212,.18)); margin-left:56px; }
.ap-layer-beam { position:absolute; top:0; bottom:0; left:52%; width:12px; border-radius:999px; background:linear-gradient(180deg, transparent, rgba(6,182,212,.85), rgba(147,51,234,.85), transparent); filter: blur(3px); box-shadow:0 0 50px rgba(6,182,212,.55); }
.ap-outcome-grid { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:18px; }
.ap-outcome { background:#fff; border-radius:24px; border:1px solid rgba(10,22,40,.08); padding:24px; min-height:150px; box-shadow:0 12px 34px rgba(10,22,40,.06); }
.ap-outcome strong { display:block; color:#0a1628; font-size:1.08rem; margin-bottom:10px; }
.ap-outcome span { color:#51657e; line-height:1.6; }
.ap-steps { list-style:none; padding:0; margin:0; display:grid; gap:18px; }
.ap-steps li { display:grid; grid-template-columns:54px 1fr; gap:18px; align-items:start; background:#fff; border:1px solid rgba(10,22,40,.08); border-radius:24px; padding:22px; box-shadow:0 12px 34px rgba(10,22,40,.06); }
.ap-steps span { display:flex; align-items:center; justify-content:center; width:54px; height:54px; border-radius:18px; background:linear-gradient(135deg,#06b6d4,#3b82f6); color:#fff; font-weight:900; }
.ap-steps strong { display:block; color:#0a1628; margin-bottom:6px; }
.ap-steps p { margin:0; color:#51657e; line-height:1.6; }
.ap-cta-card { display:flex; gap:32px; align-items:center; justify-content:space-between; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15); border-radius:32px; padding:36px; box-shadow:0 24px 70px rgba(0,0,0,.22); }
.ap-related-links { display:grid; gap:12px; margin-left:auto; min-width:320px; width:min(100%, 360px); }
.ap-related-links a { align-items:center; color:#fff; text-decoration:none; border:1px solid rgba(255,255,255,.2); border-radius:999px; padding:12px 18px; display:flex; justify-content:space-between; gap:16px; background:rgba(255,255,255,.06); min-height:52px; }
.ap-related-links .ap-pricing-orange-btn, .ap-related-links .ap-pricing-orange-btn:hover, .ap-related-links .ap-pricing-orange-btn:focus-visible { background:linear-gradient(135deg,#ff6b35 0%,#ff8a5c 52%,#ffb86b 100%); border:0; box-shadow:0 10px 24px rgba(255,107,53,.28); color:#fff; padding-left:24px; padding-right:24px; }
.ap-related-links .ap-pricing-orange-btn:hover { background:linear-gradient(135deg,#ff5722 0%,#ff7a45 52%,#ffa94d 100%); box-shadow:0 14px 30px rgba(255,107,53,.34); transform:translateY(-2px); }
.ap-cta-actions { display:grid; gap:12px; margin-left:auto; min-width:320px; width:min(100%, 360px); }
.ap-cta-actions .adv-btn { align-items:center; border-radius:999px; display:inline-flex; justify-content:center; min-height:52px; text-align:center; }
.ap-cta-actions .ap-pricing-orange-btn, .ap-cta-actions .ap-pricing-orange-btn:hover, .ap-cta-actions .ap-pricing-orange-btn:focus-visible { background:linear-gradient(135deg,#ff6b35 0%,#ff8a5c 52%,#ffb86b 100%); border:0; box-shadow:0 10px 24px rgba(255,107,53,.28); color:#fff; }
.ap-cta-actions .ap-pricing-orange-btn:hover { background:linear-gradient(135deg,#ff5722 0%,#ff7a45 52%,#ffa94d 100%); box-shadow:0 14px 30px rgba(255,107,53,.34); transform:translateY(-2px); }
.ap-editorial-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(300px,.75fr); gap:clamp(32px,5vw,72px); align-items:start; }
.ap-lede { color:#3b5068; font-size:1.13rem; line-height:1.78; margin:0 0 18px; }
.ap-note-panel { background:#fff; border:1px solid rgba(10,22,40,.08); border-radius:18px; padding:28px; box-shadow:0 14px 40px rgba(10,22,40,.07); }
.ap-note-panel h3 { color:#0a1628; margin:0 0 14px; }
.ap-note-panel p { margin:0 0 14px; }
.ap-note-panel ul { color:#425973; line-height:1.7; margin:0; padding-left:20px; }
.ap-directory-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.ap-directory-card { background:#fff; border:1px solid rgba(10,22,40,.08); border-radius:18px; padding:24px; box-shadow:0 12px 34px rgba(10,22,40,.06); }
a.ap-directory-card { color:inherit; text-decoration:none; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
a.ap-directory-card:hover { border-color:rgba(2,116,194,.26); box-shadow:0 18px 44px rgba(10,22,40,.1); transform:translateY(-2px); }
.ap-directory-card i { color:#0274c2; display:inline-flex; font-size:1.4rem; margin-bottom:16px; }
.ap-directory-card h3 { color:#0a1628; margin:0 0 10px; }
.ap-directory-card p { color:#51657e; line-height:1.62; margin:0 0 16px; }
.ap-directory-card a { color:#0274c2; font-weight:800; text-decoration:none; }
.ap-directory-card span { color:#0274c2; font-weight:800; }
.ap-band-dark { background:linear-gradient(135deg,#0a1628,#10233f); color:#fff; }
.ap-band-dark h2,.ap-band-dark h3 { color:#fff; }
.ap-band-dark p,.ap-band-dark span,.ap-band-dark li { color:rgba(255,255,255,.78); }
.ap-stat-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.ap-stat { border:1px solid rgba(255,255,255,.16); border-radius:18px; padding:24px; background:rgba(255,255,255,.07); }
.ap-stat strong { color:#fff; display:block; font-size:1.1rem; margin-bottom:8px; }
.ap-link-list { display:grid; gap:12px; }
.ap-link-list a { align-items:center; background:#fff; border:1px solid rgba(10,22,40,.08); border-radius:14px; color:#0a1628; display:flex; justify-content:space-between; padding:16px 18px; text-decoration:none; box-shadow:0 10px 26px rgba(10,22,40,.05); }
.ap-blog-featured { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(300px,.72fr); gap:clamp(24px,4vw,44px); align-items:stretch; }
.ap-featured-article { background:#fff; border:1px solid rgba(10,22,40,.08); border-radius:18px; box-shadow:0 18px 50px rgba(10,22,40,.08); padding:clamp(26px,4vw,42px); }
.ap-featured-article h2 { color:#0a1628; font-size:clamp(2rem,3.5vw,3.4rem); letter-spacing:-.04em; line-height:1.02; margin:0 0 16px; }
.ap-featured-article p { color:#425973; font-size:1.04rem; line-height:1.75; margin:0 0 18px; }
.ap-blog-meta { color:#0274c2; display:flex; flex-wrap:wrap; font-size:.78rem; font-weight:900; gap:10px; letter-spacing:.12em; margin-bottom:16px; text-transform:uppercase; }
.ap-blog-side { background:linear-gradient(135deg,#0a1628,#10233f); border-radius:18px; box-shadow:0 22px 60px rgba(10,22,40,.16); color:#fff; padding:28px; }
.ap-blog-side h3 { color:#fff; margin:0 0 14px; }
.ap-blog-side p,.ap-blog-side li { color:rgba(255,255,255,.78); line-height:1.7; }
.ap-blog-side ul { margin:0; padding-left:20px; }
.ap-blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.ap-blog-card { background:#fff; border:1px solid rgba(10,22,40,.08); border-radius:16px; box-shadow:0 12px 34px rgba(10,22,40,.06); display:flex; flex-direction:column; min-height:260px; padding:24px; }
a.ap-blog-card { color:inherit; text-decoration:none; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
a.ap-blog-card:hover { border-color:rgba(2,116,194,.26); box-shadow:0 18px 44px rgba(10,22,40,.1); transform:translateY(-2px); }
.ap-blog-card h3 { color:#0a1628; font-size:1.08rem; line-height:1.25; margin:0 0 12px; }
.ap-blog-card p { color:#51657e; line-height:1.62; margin:0; }
.ap-blog-tag { align-self:flex-start; background:#eef7ff; border:1px solid rgba(2,116,194,.14); border-radius:999px; color:#0274c2; display:inline-flex; font-size:.72rem; font-weight:900; letter-spacing:.1em; margin-bottom:14px; padding:7px 10px; text-transform:uppercase; }
.ap-blog-card-footer { color:#73849a; font-size:.82rem; font-weight:800; margin-top:auto; padding-top:18px; }
.ap-blog-series { display:grid; gap:18px; }
.ap-blog-series-row { align-items:start; background:#fff; border:1px solid rgba(10,22,40,.08); border-radius:16px; box-shadow:0 12px 34px rgba(10,22,40,.05); display:grid; gap:18px; grid-template-columns:120px 1fr; padding:20px; }
.ap-blog-series-row strong { color:#0274c2; font-size:.78rem; letter-spacing:.12em; text-transform:uppercase; }
.ap-blog-series-row h3 { color:#0a1628; margin:0 0 8px; }
.ap-blog-series-row p { color:#51657e; line-height:1.62; margin:0; }
.ap-topic-rail { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.ap-topic-rail article { background:#fff; border:1px solid rgba(10,22,40,.08); border-radius:16px; padding:22px; }
.ap-topic-rail h3 { color:#0a1628; margin:0 0 10px; }
.ap-topic-rail p { color:#51657e; line-height:1.6; margin:0; }
.ap-blog-series-row { color:inherit; text-decoration:none; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.ap-blog-series-row:hover { border-color:rgba(2,116,194,.26); box-shadow:0 18px 44px rgba(10,22,40,.1); transform:translateY(-2px); }
.ap-article-hero { background:linear-gradient(135deg,#0a1628 0%,#10233f 58%,#0274c2 100%); color:#fff; padding:clamp(72px,9vw,120px) 0 clamp(48px,7vw,86px); }
.ap-article-hero .adv-container { max-width:980px; }
.ap-article-hero h1 { color:#fff; font-size:clamp(2.4rem,5vw,5rem); letter-spacing:-.05em; line-height:1; margin:0 0 22px; }
.ap-article-deck { color:rgba(255,255,255,.82); font-size:clamp(1.08rem,2vw,1.42rem); line-height:1.65; margin:0 0 24px; max-width:820px; }
.ap-article-meta { color:#bff7ff; display:flex; flex-wrap:wrap; font-size:.8rem; font-weight:900; gap:10px; letter-spacing:.12em; text-transform:uppercase; }
.ap-article-layout { display:grid; grid-template-columns:minmax(0,760px) minmax(240px,300px); gap:clamp(32px,6vw,72px); align-items:start; }
.ap-article-body { color:#23364d; font-size:1.06rem; line-height:1.86; }
.ap-article-body h2 { color:#0a1628; font-size:clamp(1.55rem,2.4vw,2.25rem); letter-spacing:-.03em; line-height:1.12; margin:2.3em 0 .7em; }
.ap-article-body p { margin:0 0 1.16em; }
.ap-article-body .ap-article-lede { color:#10233f; font-size:1.22rem; font-weight:650; line-height:1.72; margin-bottom:1.3em; }
.ap-article-body blockquote { border-left:4px solid #0274c2; color:#0a1628; font-size:1.22rem; font-weight:750; line-height:1.55; margin:2em 0; padding:8px 0 8px 22px; }
.ap-article-aside { background:#fff; border:1px solid rgba(10,22,40,.08); border-radius:16px; box-shadow:0 14px 40px rgba(10,22,40,.07); padding:24px; position:sticky; top:96px; }
.ap-article-aside h2 { color:#0a1628; font-size:1.05rem; margin:0 0 14px; }
.ap-article-aside a { color:#0274c2; display:block; font-weight:800; line-height:1.45; margin:0 0 12px; text-decoration:none; }
.ap-article-back { color:#0274c2; display:inline-flex; font-weight:900; gap:8px; margin-bottom:24px; text-decoration:none; }
@media (max-width: 980px){ .ap-article-layout { grid-template-columns:1fr; } .ap-article-aside { position:static; } }
@media (max-width: 980px){ .ap-blog-featured { grid-template-columns:1fr; } .ap-blog-grid { grid-template-columns:1fr 1fr; } .ap-blog-series-row { grid-template-columns:1fr; } .ap-topic-rail { grid-template-columns:1fr 1fr; } }
@media (max-width: 640px){ .ap-blog-grid,.ap-topic-rail { grid-template-columns:1fr; } }
@media (max-width: 980px){ .ap-editorial-grid { grid-template-columns:1fr; } .ap-directory-grid,.ap-stat-grid { grid-template-columns:1fr 1fr; } }
@media (max-width: 640px){ .ap-directory-grid,.ap-stat-grid { grid-template-columns:1fr; } }
@media (max-width: 980px){ .ap-hero-grid,.ap-two-col,.ap-two-col.reverse { grid-template-columns:1fr; } .ap-card-grid,.ap-outcome-grid { grid-template-columns:1fr 1fr; } .ap-cta-card { flex-direction:column; align-items:flex-start; } .ap-related-links,.ap-cta-actions { margin-left:0; min-width:0; width:100%; } }
@media (max-width: 640px){ .ap-card-grid,.ap-outcome-grid { grid-template-columns:1fr; } .ap-hero { padding:60px 0; } .ap-visual { min-height:280px; } }

/* Agentic use-case enrichment modules */
.agentic-use-case-section {
  background: #f4f8fb;
  border-top: 1px solid rgba(10, 22, 40, .06);
  border-bottom: 1px solid rgba(10, 22, 40, .06);
}
.agentic-use-case-grid {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr);
  gap: clamp(28px, 5vw, 64px);
  align-items: center;
  margin-bottom: clamp(28px, 5vw, 56px);
}
.agentic-use-case-copy h2 {
  color: #0a1628;
  font-size: clamp(1.9rem, 3vw, 2.85rem);
  line-height: 1.08;
  margin: 0 0 18px;
}
.agentic-use-case-copy p {
  color: #3b5068;
  font-size: 1.02rem;
  line-height: 1.74;
  margin: 0 0 16px;
}
.agentic-use-case-copy .agentic-scenario-lede {
  color: #102033;
  font-size: 1.13rem;
  font-weight: 700;
  line-height: 1.68;
}
.agentic-use-case-quote {
  background: #ffffff;
  border: 1px solid rgba(10, 22, 40, .08);
  border-left: 4px solid #ff8a5c;
  border-radius: 10px;
  color: #102033;
  font-weight: 800;
  line-height: 1.55;
  margin: 24px 0;
  padding: 18px 20px;
}
.agentic-agent-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 24px 0;
}
.agentic-agent-grid-expanded {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: clamp(28px, 5vw, 52px) 0;
}
.agentic-agent-card {
  background: #ffffff;
  border: 1px solid rgba(10, 22, 40, .08);
  border-radius: 10px;
  box-shadow: 0 10px 28px rgba(10, 22, 40, .05);
  min-height: 112px;
  padding: 16px;
}
.agentic-agent-card strong {
  color: #0a1628;
  display: block;
  font-size: .95rem;
  margin-bottom: 7px;
}
.agentic-agent-card span {
  color: #51657e;
  display: block;
  font-size: .88rem;
  line-height: 1.48;
}
.agentic-use-case-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}
.agentic-use-case-actions .adv-btn {
  border-radius: 999px;
  min-width: 220px;
  min-height: 48px;
  padding-left: 24px;
  padding-right: 24px;
}
.agentic-use-case-actions .agentic-use-case-primary {
  min-width: 240px;
}
.agentic-use-case-actions .agentic-use-case-primary,
.agentic-use-case-actions .agentic-use-case-primary:hover,
.agentic-use-case-actions .agentic-use-case-primary:focus-visible {
  background: linear-gradient(135deg,#ff6b35 0%,#ff8a5c 52%,#ffb86b 100%);
  border: 0;
  box-shadow: 0 10px 24px rgba(255,107,53,.26);
  color: #fff;
}
.agentic-visual-card {
  background: #071528;
  border: 1px solid rgba(10, 22, 40, .08);
  border-radius: 14px;
  box-shadow: 0 24px 64px rgba(10, 22, 40, .14);
  overflow: hidden;
}
.agentic-visual-card img {
  aspect-ratio: 14 / 9;
  display: block;
  height: auto;
  width: 100%;
}
.agentic-story-stage-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: clamp(28px, 5vw, 52px) 0;
}
.agentic-story-card {
  background: #ffffff;
  border: 1px solid rgba(10, 22, 40, .08);
  border-radius: 12px;
  box-shadow: 0 14px 38px rgba(10, 22, 40, .06);
  padding: 22px;
}
.agentic-story-card span {
  color: #0274c2;
  display: block;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .14em;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.agentic-story-card p {
  color: #3b5068;
  line-height: 1.66;
  margin: 0;
}
.agentic-story-card a {
  color: #0274c2;
  display: inline-flex;
  font-size: .9rem;
  font-weight: 900;
  margin-top: 16px;
  text-decoration: none;
}
.agentic-story-card a:hover,
.agentic-story-card a:focus-visible {
  color: #ff6b35;
}
.agentic-related-use-cases {
  margin: clamp(28px, 5vw, 52px) 0;
}
.agentic-related-use-cases-heading {
  max-width: 760px;
}
.agentic-related-use-cases-heading h3 {
  color: #071528;
  font-size: clamp(1.35rem, 2.4vw, 2rem);
  letter-spacing: 0;
  margin: 0 0 20px;
}
.agentic-related-use-case-grid {
  margin: 0;
}
.agentic-story-image-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: clamp(28px, 5vw, 52px) 0;
}
.agentic-story-image-grid-stacked {
  grid-template-columns: 1fr;
  margin: 0;
}
.agentic-mid-image-grid,
.agentic-closing-image-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.agentic-site-rollout-image-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: clamp(24px, 4vw, 44px) 0;
}
.agentic-story-image-card {
  background: #071528;
  border-radius: 14px;
  box-shadow: 0 18px 46px rgba(10, 22, 40, .12);
  margin: 0;
  min-height: 100%;
  overflow: hidden;
}
.agentic-story-image-card img {
  aspect-ratio: 16 / 9;
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
}
.agentic-story-image-card figcaption {
  display: grid;
  gap: 7px;
  padding: 16px;
}
.agentic-story-image-card strong {
  color: #ffffff;
}
.agentic-story-image-card span {
  color: rgba(255, 255, 255, .78);
  font-size: .9rem;
  line-height: 1.45;
}
.agentic-complexity-panel {
  background: linear-gradient(90deg, #0274C2 0%, #00B0F0 50%, #40E0D0 100%);
  border-radius: 16px;
  color: #ffffff;
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: clamp(24px, 4vw, 48px);
  margin: clamp(28px, 5vw, 56px) 0;
  padding: clamp(24px, 4vw, 40px);
}
.agentic-complexity-panel h3,
.agentic-classifier-band h3,
.agentic-technical-heading h3,
.agentic-control-model-bridge h3 {
  font-size: clamp(1.45rem, 2.2vw, 2.2rem);
  line-height: 1.12;
  margin: 0 0 14px;
}
.agentic-complexity-panel h3,
.agentic-complexity-panel p,
.agentic-complexity-panel .ap-eyebrow {
  color: #ffffff;
}
.agentic-complexity-panel p {
  color: rgba(255, 255, 255, .78);
  line-height: 1.7;
  margin: 0;
}
.agentic-complexity-panel ul {
  display: grid;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.agentic-complexity-panel li {
  background: #f4f8fb;
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 10px;
  color: #3b5068;
  line-height: 1.55;
  padding: 14px 16px;
}
.agentic-classifier-band {
  background: #ffffff;
  border: 1px solid rgba(10, 22, 40, .08);
  border-radius: 16px;
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: clamp(24px, 4vw, 48px);
  margin: clamp(28px, 5vw, 56px) 0;
  padding: clamp(24px, 4vw, 40px);
}
.agentic-classifier-band h3,
.agentic-technical-heading h3,
.agentic-control-model-bridge h3 {
  color: #0a1628;
}
.agentic-classifier-band p {
  color: #3b5068;
  line-height: 1.7;
  margin: 0;
}
.agentic-chip-grid {
  align-content: start;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.agentic-chip-grid span {
  background: #edf8ff;
  border: 1px solid rgba(2, 116, 194, .18);
  border-radius: 999px;
  color: #0a4f7c;
  font-size: .88rem;
  font-weight: 800;
  padding: 9px 12px;
}
.agentic-technical-visual {
  margin: clamp(32px, 6vw, 72px) 0;
}
.agentic-technical-heading {
  margin: 0 auto 22px;
  max-width: 860px;
  text-align: center;
}
.agentic-control-model-bridge {
  align-items: center;
  background: #ffffff;
  border: 1px solid rgba(10, 22, 40, .08);
  border-radius: 16px;
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(220px, .45fr);
  gap: clamp(24px, 4vw, 48px);
  margin: clamp(28px, 5vw, 56px) 0;
  padding: clamp(24px, 4vw, 40px);
}
.agentic-control-model-bridge p {
  color: #3b5068;
  line-height: 1.7;
}
.agentic-control-model-bridge img {
  border-radius: 12px;
  box-shadow: 0 16px 44px rgba(10, 22, 40, .12);
  height: auto;
  max-height: 520px;
  object-fit: contain;
  width: 100%;
}
.agentic-controls-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 24px;
}
.agentic-control-card {
  background: rgba(7, 21, 40, .96);
  border: 1px solid rgba(64, 224, 208, .2);
  border-radius: 10px;
  color: #ffffff;
  padding: 18px;
}
.agentic-control-card strong {
  color: #ffffff;
  display: block;
  margin-bottom: 8px;
}
.agentic-control-card span {
  color: rgba(255, 255, 255, .78);
  display: block;
  font-size: .9rem;
  line-height: 1.48;
}
.agentic-pricing-module {
  background: linear-gradient(90deg, #0274C2 0%, #00B0F0 50%, #40E0D0 100%);
  color: #ffffff;
}
.agentic-pricing-module .agentic-use-case-copy h2,
.agentic-pricing-module .agentic-use-case-copy p,
.agentic-pricing-module .ap-eyebrow {
  color: #ffffff;
}
.agentic-pricing-module .agentic-use-case-copy p {
  color: rgba(255, 255, 255, .9);
}
.agentic-pricing-module .agentic-use-case-copy .agentic-scenario-lede {
  color: #ffffff;
}
.agentic-pricing-module .agentic-agent-card {
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .14);
  box-shadow: none;
}
.agentic-pricing-module .agentic-agent-card strong {
  color: #ffffff;
}
.agentic-pricing-module .agentic-agent-card span {
  color: rgba(255, 255, 255, .76);
}
.agentic-pricing-intro {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr);
  gap: clamp(28px, 5vw, 64px);
  margin-bottom: clamp(28px, 5vw, 52px);
}
.agentic-pricing-story-stage-grid .agentic-story-card,
.agentic-pricing-module .agentic-story-image-card {
  background: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .16);
  box-shadow: none;
}
.agentic-pricing-story-stage-grid .agentic-story-card span,
.agentic-pricing-story-stage-grid .agentic-story-card p {
  color: #ffffff;
}
.agentic-pricing-image-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.agentic-pricing-module .agentic-related-use-cases-heading h3 {
  color: #ffffff;
}
.agentic-pricing-module .agentic-related-use-case-grid .agentic-story-card {
  background: #f4f8fb;
  border-color: rgba(255, 255, 255, .72);
  box-shadow: none;
}
.agentic-pricing-module .agentic-related-use-case-grid .agentic-story-card span {
  color: #0274c2;
}
.agentic-pricing-module .agentic-related-use-case-grid .agentic-story-card p {
  color: #3b5068;
}
.agentic-pricing-module .agentic-pricing-complexity-panel {
  background: rgba(7, 30, 58, .66);
  border: 1px solid rgba(255, 255, 255, .18);
  box-shadow: none;
}
.agentic-pricing-module .agentic-pricing-complexity-panel li {
  background: #f4f8fb;
  border-color: rgba(255, 255, 255, .72);
  color: #3b5068;
}
.agentic-pricing-module .agentic-technical-heading h3,
.agentic-pricing-module .agentic-technical-heading .ap-eyebrow {
  color: #ffffff;
}
.agentic-pricing-module .agentic-use-case-primary {
  min-width: 240px;
}
.agentic-pricing-module .agentic-use-case-actions .adv-btn-outline {
  background: rgba(255, 255, 255, .12);
  border-color: rgba(255, 255, 255, .72);
  color: #ffffff;
}
.agentic-pricing-module .agentic-use-case-actions .adv-btn-outline:hover,
.agentic-pricing-module .agentic-use-case-actions .adv-btn-outline:focus-visible {
  background: rgba(255, 255, 255, .2);
  border-color: #ffffff;
  color: #ffffff;
}
@media (max-width: 980px) {
  .agentic-use-case-grid {
    grid-template-columns: 1fr;
  }
  .agentic-agent-grid-expanded,
  .agentic-story-stage-grid,
  .agentic-story-image-grid,
  .agentic-pricing-intro,
  .agentic-complexity-panel,
  .agentic-classifier-band,
  .agentic-control-model-bridge {
    grid-template-columns: 1fr;
  }
  .agentic-controls-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 640px) {
  .agentic-agent-grid {
    grid-template-columns: 1fr;
  }
  .agentic-use-case-actions .adv-btn {
    justify-content: center;
    width: 100%;
  }
}

/* Review polish: lighten image cards and remove the heavy blue caption feel. */
.agentic-story-image-card {
  background: #fffaf5;
  border: 1px solid rgba(124, 45, 18, .08);
  box-shadow: 0 18px 44px rgba(90, 52, 22, .10);
}
.agentic-story-image-card img {
  filter: saturate(1.04) brightness(1.035) sepia(.035);
}
.agentic-story-image-card figcaption {
  background: linear-gradient(180deg, #fffaf5 0%, #fff3e8 100%);
  color: #5f4636;
}
.agentic-story-image-card strong {
  color: #7c2d12;
}

.fit-human-image-section {
  background: linear-gradient(180deg, #fffaf5 0%, #fff3e8 100%);
  padding: clamp(32px, 5vw, 64px) 0;
}
.fit-human-image-card {
  background: #071528;
  border: 1px solid rgba(124, 45, 18, .10);
  border-radius: 18px;
  box-shadow: 0 24px 64px rgba(90, 52, 22, .14);
  margin: 0;
  overflow: hidden;
  position: relative;
}
.fit-human-image-card img {
  aspect-ratio: 21 / 9;
  display: block;
  filter: saturate(1.04) brightness(1.035) sepia(.035);
  height: auto;
  object-fit: cover;
  width: 100%;
}
.fit-human-image-card figcaption {
  align-items: end;
  background: linear-gradient(180deg, rgba(7, 21, 40, 0) 0%, rgba(7, 21, 40, .72) 58%, rgba(7, 21, 40, .88) 100%);
  bottom: 0;
  color: #ffffff;
  display: grid;
  gap: 8px;
  left: 0;
  padding: clamp(22px, 4vw, 42px);
  position: absolute;
  right: 0;
}
.fit-human-image-card strong {
  color: #ffffff;
  display: block;
  font-size: clamp(1.25rem, 2.6vw, 2.35rem);
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.08;
  max-width: 860px;
}
.fit-human-image-card span {
  color: rgba(255, 255, 255, .88);
  display: block;
  line-height: 1.62;
  max-width: 820px;
}

@media (max-width: 760px) {
  .fit-human-image-card img {
    aspect-ratio: 4 / 3;
  }
  .fit-human-image-card figcaption {
    position: static;
    background: #071528;
  }
}
.agentic-story-image-card span {
  color: #665348;
}
.agentic-pricing-module .agentic-story-image-card {
  background: #fffaf5;
  border-color: rgba(255, 255, 255, .34);
  box-shadow: 0 18px 44px rgba(0, 0, 0, .12);
}

/* Clean demo page */
.demo-page .demo-hero {
  background:
    radial-gradient(circle at 82% 20%, rgba(255, 184, 107, .24), transparent 28%),
    radial-gradient(circle at 18% 6%, rgba(64, 224, 208, .18), transparent 30%),
    linear-gradient(135deg, #071a33 0%, #0d3358 58%, #173047 100%);
}
.demo-page .demo-hero .ap-eyebrow {
  color: #ffd7b5;
}
.demo-page .demo-hero .adv-btn-outline {
  background: rgba(255, 255, 255, .12);
  border-color: rgba(255, 255, 255, .48);
  color: #ffffff;
}
.demo-hero-visual,
.demo-story-image {
  background: #fffaf5;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 22px;
  box-shadow: 0 24px 64px rgba(0, 0, 0, .18);
  margin: 0;
  overflow: hidden;
}
.demo-hero-visual img,
.demo-story-image img {
  aspect-ratio: 16 / 10;
  display: block;
  filter: saturate(1.04) brightness(1.04) sepia(.035);
  object-fit: cover;
  width: 100%;
}
.demo-hero-visual figcaption {
  background: linear-gradient(180deg, #fffaf5 0%, #fff3e8 100%);
  color: #665348;
  display: grid;
  gap: 6px;
  padding: 16px 18px;
}
.demo-hero-visual strong {
  color: #7c2d12;
}
.demo-section-soft {
  background: linear-gradient(180deg, #fffaf5 0%, #f8fbff 100%);
}
.demo-insight-panel {
  border-color: rgba(249, 115, 22, .12);
}
.demo-path-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.demo-warm-band {
  background: linear-gradient(180deg, #fff7ed 0%, #ffffff 100%);
}
.demo-cta-card {
  background: linear-gradient(135deg, #071a33 0%, #0d3358 58%, #173047 100%);
}
@media (max-width: 980px) {
  .demo-path-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .demo-path-grid {
    grid-template-columns: 1fr;
  }
}
.advanze-contact-form-panel {
  background: #ffffff;
  border: 1px solid rgba(2, 116, 194, 0.14);
  border-radius: 8px;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.08);
  margin-top: 28px;
  padding: clamp(24px, 4vw, 42px);
}

.advanze-contact-section .adv-container {
  max-width: 1060px;
}

.advanze-contact-intro {
  max-width: 820px;
}

.advanze-contact-intro h2 {
  margin-bottom: 12px;
}

.advanze-contact-intro p {
  color: #4b5563;
  font-size: 1.02rem;
  line-height: 1.65;
  margin-bottom: 18px;
}

.advanze-contact-form {
  display: grid;
  gap: 20px;
}

.advanze-contact-form-grid {
  display: grid;
  gap: 18px 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.advanze-contact-field {
  display: grid;
  gap: 7px;
}

.advanze-contact-field label {
  color: #1f2937;
  font-size: 0.9rem;
  font-weight: 700;
}

.advanze-contact-field input,
.advanze-contact-field select,
.advanze-contact-field textarea {
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, 0.16);
  border-radius: 8px;
  color: #111827;
  font: inherit;
  min-height: 46px;
  padding: 11px 13px;
  width: 100%;
}

.advanze-contact-field input,
.advanze-contact-field select {
  height: 48px;
}

.advanze-contact-field textarea {
  min-height: 150px;
  resize: vertical;
}

.advanze-contact-field input:focus,
.advanze-contact-field select:focus,
.advanze-contact-field textarea:focus {
  border-color: #0274c2;
  box-shadow: 0 0 0 3px rgba(2, 116, 194, 0.14);
  outline: none;
}

.advanze-contact-hidden {
  left: -10000px;
  position: absolute;
  top: auto;
}

.advanze-form-status {
  color: #4b5563;
  font-size: 0.94rem;
  line-height: 1.45;
  min-height: 1.4em;
}

.advanze-contact-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 14px 18px;
  justify-content: space-between;
}

.advanze-contact-actions .adv-btn {
  min-width: 190px;
}

.advanze-contact-actions .pricing-contact-sales-btn,
.advanze-contact-actions .pricing-contact-sales-btn:hover,
.advanze-contact-actions .pricing-contact-sales-btn:focus-visible {
  background: linear-gradient(135deg, #ff6b35 0%, #ff8a5c 52%, #ffb86b 100%);
  border: 0;
  border-radius: 999px;
  box-shadow: 0 10px 24px rgba(255, 107, 53, 0.28);
  color: #ffffff;
  min-height: 52px;
  min-width: 220px;
  padding-left: 28px;
  padding-right: 28px;
}

.advanze-contact-actions .pricing-contact-sales-btn:hover {
  background: linear-gradient(135deg, #ff5722 0%, #ff7a45 52%, #ffa94d 100%);
  box-shadow: 0 14px 30px rgba(255, 107, 53, 0.34);
  transform: translateY(-2px);
}

.advanze-form-status[data-status="success"] {
  color: #116149;
}

.advanze-form-status[data-status="error"] {
  color: #b42318;
}

@media (max-width: 760px) {
  .advanze-contact-form-grid {
    grid-template-columns: 1fr;
  }

  .advanze-contact-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .advanze-contact-actions .adv-btn {
    width: 100%;
  }
}
