:root {
  --agent-bg: #050611;
  --agent-panel: #0c1020;
  --agent-panel-2: #11162a;
  --agent-line: rgba(170, 194, 255, .13);
  --agent-text: #f7f9ff;
  --agent-muted: #9aa4bd;
  --agent-cyan: #54e7ff;
  --agent-violet: #9a7cff;
  --agent-pink: #ff6fb6;
  --agent-coral: #ff8f70;
  --agent-amber: #ffc56b;
}

html { scroll-padding-top: 142px; }
.ai-agents-page { color: var(--agent-text); background: var(--agent-bg); }
.ai-agents-page .section { padding-block: clamp(90px, 10vw, 150px); }
.ai-agents-page .section-kicker { color: var(--agent-cyan); }
.ai-agents-page .section-heading { max-width: 780px; }
.ai-agents-page .section-heading h2,
.agent-context-copy h2,
.agent-architecture-heading h2,
.agent-governance-copy h2,
.agent-delivery-copy h2,
.agent-faq-copy h2 { color: #fff; font-size: clamp(2rem, 4.4vw, 4.3rem); line-height: 1.08; letter-spacing: -.045em; }
.ai-agents-page-fa .section-heading h2,
.ai-agents-page-fa .agent-context-copy h2,
.ai-agents-page-fa .agent-architecture-heading h2,
.ai-agents-page-fa .agent-governance-copy h2,
.ai-agents-page-fa .agent-delivery-copy h2,
.ai-agents-page-fa .agent-faq-copy h2 { letter-spacing: -.035em; line-height: 1.25; }
.ai-agents-page .section-heading p,
.agent-context-copy>p,
.agent-architecture-heading>p,
.agent-governance-copy>p,
.agent-delivery-copy>p,
.agent-faq-copy>p { color: var(--agent-muted); font-size: 1rem; line-height: 1.9; }

/* Hero */
.agent-hero { position: relative; min-height: min(920px, 100vh); display: flex; align-items: center; overflow: hidden; isolation: isolate; background: #03050d; }
.agent-hero::after { position: absolute; inset: auto 0 0; z-index: 2; height: 150px; pointer-events: none; background: linear-gradient(transparent, var(--agent-bg)); content: ""; }
.agent-hero-media { position: absolute; inset: 0; z-index: -2; overflow: hidden; }
.agent-hero-media::after { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(3,5,13,.96) 0%, rgba(3,5,13,.78) 31%, rgba(3,5,13,.1) 63%), linear-gradient(0deg, rgba(3,5,13,.9), transparent 38%); content: ""; }
[dir="rtl"] .agent-hero-media::after { background: linear-gradient(270deg, rgba(3,5,13,.97) 0%, rgba(3,5,13,.79) 31%, rgba(3,5,13,.1) 63%), linear-gradient(0deg, rgba(3,5,13,.9), transparent 38%); }
.agent-hero-media img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.055) translate(var(--agent-x, 0), var(--agent-y, 0)); transition: transform .55s cubic-bezier(.2,.8,.2,1); }
[dir="rtl"] .agent-hero-media img { transform: scaleX(-1) scale(1.055) translate(calc(var(--agent-x, 0) * -1), var(--agent-y, 0)); }
.agent-hero-layout { width: min(calc(100% - 48px), 1220px); display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); align-items: center; min-height: inherit; padding-top: 112px; }
.agent-hero-copy { position: relative; z-index: 3; grid-column: 1; max-width: 690px; padding-block: 80px; }
.agent-hero .breadcrumbs { margin-bottom: 38px; }
.agent-signature { display: flex; align-items: center; gap: 12px; margin-bottom: 25px; color: #aeb7d2; font: 700 .65rem/1 Inter, sans-serif; letter-spacing: .18em; }
.agent-signature i { width: 33px; height: 1px; background: linear-gradient(90deg, var(--agent-cyan), var(--agent-violet)); box-shadow: 0 0 15px var(--agent-cyan); }
.agent-hero h1 { max-width: 680px; margin: 0; color: #fff; font-size: clamp(3.2rem, 6.2vw, 6.35rem); line-height: .98; letter-spacing: -.065em; }
.ai-agents-page-fa .agent-hero h1 { font-size: clamp(3rem, 5.35vw, 5.4rem); line-height: 1.16; letter-spacing: -.055em; }
.agent-gradient { color: transparent; background: linear-gradient(105deg, var(--agent-cyan), #b9aaff 50%, var(--agent-pink)); -webkit-background-clip: text; background-clip: text; }
.agent-lead { max-width: 660px; margin: 29px 0 0; color: #b1bad0; font-size: 1.04rem; line-height: 1.92; }
.agent-hero-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 34px; }
.agent-hero .button-primary { color: #051019; background: linear-gradient(115deg, #56ecff, #8fbcff 48%, #ab8bff); box-shadow: 0 15px 45px rgba(84,231,255,.17); }
.agent-hero .button-primary:hover { box-shadow: 0 18px 55px rgba(84,231,255,.3); }
.agent-hero .button-ghost { border-color: rgba(184,199,242,.24); background: rgba(10,14,29,.58); backdrop-filter: blur(14px); }
.agent-hero-signals { display: flex; flex-wrap: wrap; gap: 11px 22px; margin-top: 31px; color: #8894af; font-size: .72rem; }
.agent-hero-signals span { display: flex; align-items: center; gap: 8px; }
.agent-hero-signals i { width: 5px; height: 5px; border-radius: 50%; background: var(--agent-cyan); box-shadow: 0 0 10px var(--agent-cyan); }
.agent-orbit-mark { position: absolute; inset-inline-end: clamp(35px, 6vw, 100px); bottom: 75px; z-index: 2; width: 88px; height: 88px; border: 1px solid rgba(84,231,255,.18); border-radius: 50%; }
.agent-orbit-mark::before, .agent-orbit-mark::after { position: absolute; inset: 12px; border: 1px solid rgba(154,124,255,.2); border-radius: inherit; content: ""; }
.agent-orbit-mark::after { inset: 29px; background: var(--agent-cyan); box-shadow: 0 0 28px var(--agent-cyan); animation: agentPulse 2.8s ease-in-out infinite; }
@keyframes agentPulse { 50% { opacity: .38; transform: scale(.7); } }

/* Sticky section rail */
.agent-rail { position: sticky; top: 80px; z-index: 20; border-block: 1px solid var(--agent-line); background: rgba(5,6,17,.86); backdrop-filter: blur(20px); }
.agent-rail-inner { min-height: 62px; display: flex; align-items: center; gap: 42px; }
.agent-rail-mark { flex: 0 0 auto; display: flex; align-items: center; gap: 9px; color: #6c7897; font: 700 .61rem/1 Inter,sans-serif; letter-spacing: .14em; }
.agent-rail-mark i { width: 7px; height: 7px; border: 1px solid var(--agent-cyan); border-radius: 50%; box-shadow: 0 0 10px var(--agent-cyan); }
.agent-rail-links { display: flex; gap: 31px; overflow-x: auto; scrollbar-width: none; white-space: nowrap; }
.agent-rail-links::-webkit-scrollbar { display: none; }
.agent-rail-links a { position: relative; padding: 23px 0 20px; color: #78829b; font-size: .72rem; transition: color .2s; }
.agent-rail-links a::after { position: absolute; inset: auto 0 -1px; height: 2px; opacity: 0; transform: scaleX(.2); background: linear-gradient(90deg,var(--agent-cyan),var(--agent-violet)); content: ""; transition: .25s; }
.agent-rail-links a:hover,.agent-rail-links a.is-active { color: #fff; }
.agent-rail-links a.is-active::after { opacity: 1; transform: scaleX(1); }

/* Context */
.agent-context { background: radial-gradient(circle at 92% 12%,rgba(154,124,255,.09),transparent 29%),#080a15; }
.agent-context-grid { display: grid; grid-template-columns: minmax(300px,.82fr) minmax(0,1.18fr); gap: clamp(50px,8vw,115px); align-items: center; }
.agent-context-copy { max-width: 580px; }
.agent-context-statement { margin-top: 32px; padding: 22px 24px; color: #d8def0; line-height: 1.9; border-inline-start: 2px solid var(--agent-cyan); background: linear-gradient(90deg,rgba(84,231,255,.08),transparent); }
[dir="rtl"] .agent-context-statement { background: linear-gradient(270deg,rgba(84,231,255,.08),transparent); }
.agent-shift { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.agent-shift::before { position: absolute; top: 50%; left: 50%; z-index: 3; width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid rgba(84,231,255,.3); border-radius: 50%; color: var(--agent-cyan); background: #0d1121; box-shadow: 0 0 35px rgba(84,231,255,.16); transform: translate(-50%,-50%); content: "→"; font: 700 1.15rem/1 Inter,sans-serif; }
[dir="rtl"] .agent-shift::before { content: "←"; }
.agent-shift-card { min-height: 360px; padding: 30px; display: flex; flex-direction: column; border: 1px solid var(--agent-line); border-radius: 24px; background: linear-gradient(145deg,rgba(21,27,49,.94),rgba(8,10,21,.96)); }
.agent-shift-card:last-child { border-color: rgba(84,231,255,.22); background: radial-gradient(circle at 80% 12%,rgba(84,231,255,.12),transparent 30%),linear-gradient(145deg,#11182d,#090b17); }
.agent-shift-code { color: #697590; font: 700 .58rem/1 Inter,sans-serif; letter-spacing: .15em; }
.agent-shift-card>i { width: 56px; height: 56px; display: grid; place-items: center; margin-top: 50px; color: #7f8aa3; border: 1px solid rgba(163,180,221,.15); border-radius: 17px; background: rgba(255,255,255,.025); }
.agent-shift-card:last-child>i { color: var(--agent-cyan); border-color: rgba(84,231,255,.22); background: rgba(84,231,255,.07); }
.agent-shift-card .icon { width: 28px; height: 28px; }
.agent-shift-card h3 { margin: auto 0 12px; color: #fff; font-size: 1.23rem; }
.agent-shift-card p { margin: 0; color: #8d98b0; font-size: .82rem; line-height: 1.8; }

/* Agent archetype navigator */
.agent-types { background: #060712; }
.agent-types-head { display: grid; grid-template-columns: 1.1fr .9fr; gap: 70px; align-items: end; margin-bottom: 58px; }
.agent-types-head .section-heading { margin: 0; }
.agent-types-note { padding: 20px 22px; color: #8f9ab3; font-size: .8rem; line-height: 1.8; border: 1px solid var(--agent-line); border-radius: 15px; background: rgba(255,255,255,.02); }
.agent-type-shell { display: grid; grid-template-columns: minmax(275px,.43fr) minmax(0,1.57fr); min-height: 590px; overflow: hidden; border: 1px solid rgba(143,168,230,.17); border-radius: 27px; background: linear-gradient(135deg,#0b0f20,#12172c); box-shadow: 0 38px 100px rgba(0,0,0,.32); }
.agent-type-tabs { padding: 14px; border-inline-end: 1px solid var(--agent-line); background: rgba(4,6,15,.45); }
.agent-type-tab { width: 100%; min-height: 132px; display: grid; grid-template-columns: 48px 1fr auto; gap: 14px; align-items: center; padding: 18px; color: #818ca6; text-align: start; border: 1px solid transparent; border-radius: 16px; background: transparent; cursor: pointer; transition: .25s; }
.agent-type-tab:hover { color: #cbd4e9; background: rgba(255,255,255,.025); }
.agent-type-tab[aria-selected="true"] { color: #fff; border-color: rgba(84,231,255,.19); background: linear-gradient(100deg,rgba(84,231,255,.1),rgba(154,124,255,.08)); }
.agent-type-tab>i { width: 48px; height: 48px; display: grid; place-items: center; color: var(--agent-cyan); border-radius: 14px; background: rgba(84,231,255,.07); }
.agent-type-tab:nth-child(2)>i { color: var(--agent-violet); background: rgba(154,124,255,.08); }
.agent-type-tab:nth-child(3)>i { color: var(--agent-pink); background: rgba(255,111,182,.08); }
.agent-type-tab:nth-child(4)>i { color: var(--agent-amber); background: rgba(255,197,107,.08); }
.agent-type-tab .icon { width: 23px; height: 23px; }
.agent-type-tab span { display: grid; gap: 6px; }
.agent-type-tab strong { color: inherit; font-size: .91rem; }
.agent-type-tab small { color: #68738d; font: 700 .56rem/1 Inter,sans-serif; letter-spacing: .13em; }
.agent-type-tab>b { color: #47526d; font: 700 .67rem/1 Inter,sans-serif; }
.agent-type-stage { position: relative; min-width: 0; overflow: hidden; }
.agent-type-stage::before { position: absolute; width: 450px; height: 450px; inset-inline-end: -180px; top: -190px; border: 1px solid rgba(154,124,255,.12); border-radius: 50%; box-shadow: 0 0 0 50px rgba(84,231,255,.018),0 0 0 105px rgba(154,124,255,.012); content: ""; }
.agent-type-panel { position: relative; min-height: 100%; padding: clamp(42px,6vw,82px); display: flex; flex-direction: column; justify-content: center; }
.agent-type-panel[hidden] { display: none; }
.agent-type-panel-tag { color: var(--agent-cyan); font: 700 .62rem/1 Inter,sans-serif; letter-spacing: .16em; }
.agent-type-panel h3 { max-width: 730px; margin: 22px 0 17px; color: #fff; font-size: clamp(2rem,4vw,4.4rem); line-height: 1.04; letter-spacing: -.05em; }
.ai-agents-page-fa .agent-type-panel h3 { line-height: 1.24; }
.agent-type-panel>p { max-width: 680px; margin: 0; color: #9ca7be; font-size: .96rem; line-height: 1.95; }
.agent-type-flow { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 43px; }
.agent-type-flow span { padding: 11px 14px; color: #c7d0e3; font-size: .69rem; border: 1px solid var(--agent-line); border-radius: 999px; background: rgba(255,255,255,.025); }
.agent-type-flow i { width: 17px; height: 1px; background: linear-gradient(90deg,var(--agent-cyan),var(--agent-violet)); }
.agent-type-outcome { display: grid; grid-template-columns: auto 1fr; gap: 14px; align-items: start; margin-top: 34px; padding-top: 24px; border-top: 1px solid var(--agent-line); color: #858fa8; font-size: .78rem; line-height: 1.75; }
.agent-type-outcome .icon { width: 22px; height: 22px; color: var(--agent-cyan); }

/* Capabilities */
.agent-capabilities { background: radial-gradient(circle at 8% 80%,rgba(255,111,182,.07),transparent 28%),#0a0c18; }
.agent-capability-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-top: 54px; }
.agent-capability { min-height: 275px; padding: 25px; border: 1px solid var(--agent-line); border-radius: 19px; background: linear-gradient(145deg,rgba(19,24,44,.88),rgba(8,10,20,.9)); transition: transform .25s,border-color .25s; }
.agent-capability:hover { transform: translateY(-6px); border-color: rgba(84,231,255,.27); }
.agent-capability:nth-child(2),.agent-capability:nth-child(7) { transform: translateY(24px); }
.agent-capability:nth-child(2):hover,.agent-capability:nth-child(7):hover { transform: translateY(18px); }
.agent-capability>i { width: 50px; height: 50px; display: grid; place-items: center; margin-bottom: 50px; color: var(--agent-cyan); border-radius: 15px; background: rgba(84,231,255,.07); }
.agent-capability:nth-child(3n+2)>i { color: var(--agent-violet); background: rgba(154,124,255,.08); }
.agent-capability:nth-child(3n)>i { color: var(--agent-pink); background: rgba(255,111,182,.08); }
.agent-capability .icon { width: 24px; height: 24px; }
.agent-capability small { color: #58647e; font: 700 .57rem/1 Inter,sans-serif; letter-spacing: .13em; }
.agent-capability h3 { margin: 13px 0 8px; color: #fff; font-size: 1rem; }
.agent-capability p { margin: 0; color: #8994ad; font-size: .76rem; line-height: 1.8; }

/* Architecture */
.agent-architecture { background: #050611; }
.agent-architecture-heading { display: grid; grid-template-columns: 1fr .72fr; gap: 70px; align-items: end; margin-bottom: 55px; }
.agent-architecture-frame { position: relative; overflow: hidden; padding: 1px; border-radius: 27px; background: linear-gradient(120deg,rgba(84,231,255,.4),rgba(154,124,255,.12),rgba(255,197,107,.3)); box-shadow: 0 35px 100px rgba(0,0,0,.36); }
.agent-architecture-media { position: relative; min-height: 570px; overflow: hidden; border-radius: 26px; background: #060914; }
.agent-architecture-media::after { position: absolute; inset: 0; background: linear-gradient(0deg,#060914 0%,transparent 39%),linear-gradient(90deg,rgba(6,9,20,.45),transparent 35%,rgba(6,9,20,.2)); content: ""; }
.agent-architecture-media img { width: 100%; min-height: 570px; display: block; object-fit: cover; }
.agent-architecture-label { position: absolute; top: 24px; inset-inline-start: 24px; z-index: 2; display: flex; align-items: center; gap: 9px; padding: 10px 13px; color: #aeb9d1; font: 700 .57rem/1 Inter,sans-serif; letter-spacing: .13em; border: 1px solid rgba(182,200,239,.18); border-radius: 999px; background: rgba(7,10,21,.66); backdrop-filter: blur(12px); }
.agent-architecture-label i { width: 6px; height: 6px; border-radius: 50%; background: var(--agent-amber); box-shadow: 0 0 9px var(--agent-amber); }
.agent-layers { position: relative; z-index: 3; display: grid; grid-template-columns: repeat(6,1fr); gap: 8px; margin: -115px 14px 14px; }
.agent-layer { min-height: 145px; padding: 18px; border: 1px solid rgba(176,193,231,.16); border-radius: 15px; background: rgba(10,13,27,.88); backdrop-filter: blur(18px); transition: .25s; }
.agent-layer:hover { transform: translateY(-6px); border-color: rgba(84,231,255,.27); }
.agent-layer>span { color: var(--agent-cyan); font: 700 .54rem/1 Inter,sans-serif; letter-spacing: .12em; }
.agent-layer:nth-child(3)>span,.agent-layer:nth-child(4)>span { color: var(--agent-violet); }
.agent-layer:nth-child(5)>span { color: var(--agent-amber); }
.agent-layer:nth-child(6)>span { color: var(--agent-pink); }
.agent-layer h3 { margin: 29px 0 7px; color: #fff; font-size: .87rem; }
.agent-layer p { margin: 0; color: #7f8aa3; font-size: .65rem; line-height: 1.65; }

/* Governance */
.agent-governance { overflow: hidden; background: radial-gradient(circle at 88% 45%,rgba(255,197,107,.1),transparent 28%),#0b0d19; }
.agent-governance-grid { display: grid; grid-template-columns: minmax(300px,.72fr) minmax(0,1.28fr); gap: clamp(55px,8vw,110px); align-items: center; }
.agent-governance-copy { max-width: 560px; }
.agent-governance-badge { display: inline-flex; align-items: center; gap: 10px; margin-top: 26px; padding: 12px 15px; color: var(--agent-amber); font-size: .72rem; border: 1px solid rgba(255,197,107,.2); border-radius: 999px; background: rgba(255,197,107,.06); }
.agent-governance-badge .icon { width: 18px; height: 18px; }
.agent-control-system { position: relative; display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; padding: 26px; border: 1px solid rgba(255,197,107,.14); border-radius: 29px; background: linear-gradient(145deg,rgba(20,24,43,.9),rgba(8,10,19,.96)); }
.agent-control-system::before { position: absolute; inset: 50% auto auto 50%; z-index: 2; width: 80px; height: 80px; border: 1px solid rgba(255,197,107,.23); border-radius: 50%; background: #121522; box-shadow: 0 0 35px rgba(255,197,107,.12); transform: translate(-50%,-50%); content: ""; }
.agent-control-system::after { position: absolute; inset: 50% auto auto 50%; z-index: 3; width: 10px; height: 10px; border-radius: 50%; background: var(--agent-amber); box-shadow: 0 0 20px var(--agent-amber); transform: translate(-50%,-50%); content: ""; }
.agent-control { min-height: 225px; padding: 25px; display: flex; flex-direction: column; border: 1px solid var(--agent-line); border-radius: 18px; background: rgba(255,255,255,.022); }
.agent-control>i { width: 46px; height: 46px; display: grid; place-items: center; color: var(--agent-amber); border-radius: 14px; background: rgba(255,197,107,.07); }
.agent-control:nth-child(2)>i,.agent-control:nth-child(3)>i { color: var(--agent-cyan); background: rgba(84,231,255,.07); }
.agent-control .icon { width: 23px; height: 23px; }
.agent-control h3 { margin: auto 0 8px; color: #fff; font-size: 1rem; }
.agent-control p { margin: 0; color: #8b96ad; font-size: .75rem; line-height: 1.75; }

/* Delivery */
.agent-delivery { background: #060712; }
.agent-delivery-grid { display: grid; grid-template-columns: minmax(280px,.62fr) minmax(0,1.38fr); gap: clamp(50px,8vw,115px); align-items: start; }
.agent-delivery-copy { position: sticky; top: 170px; }
.agent-delivery-list { position: relative; display: grid; gap: 9px; counter-reset: agent-step; }
.agent-delivery-list::before { position: absolute; top: 45px; bottom: 45px; inset-inline-start: 34px; width: 1px; background: linear-gradient(var(--agent-cyan),var(--agent-violet),var(--agent-pink),var(--agent-amber)); opacity: .46; content: ""; }
.agent-delivery-step { position: relative; min-height: 125px; display: grid; grid-template-columns: 50px 1fr auto; gap: 20px; align-items: center; padding: 22px; border: 1px solid var(--agent-line); border-radius: 18px; background: linear-gradient(105deg,rgba(18,23,42,.92),rgba(8,10,21,.94)); transition: .25s; }
.agent-delivery-step:hover { transform: translateX(6px); border-color: rgba(84,231,255,.25); }
[dir="rtl"] .agent-delivery-step:hover { transform: translateX(-6px); }
.agent-delivery-step>i { position: relative; z-index: 1; width: 50px; height: 50px; display: grid; place-items: center; color: var(--agent-cyan); border: 1px solid rgba(84,231,255,.18); border-radius: 15px; background: #101928; }
.agent-delivery-step:nth-child(2)>i,.agent-delivery-step:nth-child(3)>i { color: var(--agent-violet); border-color: rgba(154,124,255,.2); background: #171529; }
.agent-delivery-step:nth-child(4)>i { color: var(--agent-pink); border-color: rgba(255,111,182,.18); background: #211324; }
.agent-delivery-step:nth-child(5)>i { color: var(--agent-amber); border-color: rgba(255,197,107,.18); background: #211912; }
.agent-delivery-step .icon { width: 25px; height: 25px; }
.agent-delivery-step h3 { margin: 0 0 6px; color: #fff; font-size: 1rem; }
.agent-delivery-step p { margin: 0; color: #8994ab; font-size: .78rem; line-height: 1.75; }
.agent-delivery-step>span { color: rgba(183,196,231,.25); font: 700 1.7rem/1 Inter,sans-serif; }

/* FAQ */
.agent-faq { background: #0a0c17; }
.agent-faq-grid { display: grid; grid-template-columns: minmax(270px,.64fr) minmax(0,1.36fr); gap: clamp(50px,8vw,110px); align-items: start; }
.agent-faq-copy { position: sticky; top: 170px; }
.agent-faq-list { border-top: 1px solid var(--agent-line); }
.agent-faq-item { border-bottom: 1px solid var(--agent-line); }
.agent-faq-question { width: 100%; min-height: 94px; display: grid; grid-template-columns: auto 1fr 32px; align-items: center; gap: 18px; padding: 18px 4px; color: #fff; text-align: start; border: 0; background: transparent; cursor: pointer; }
.agent-faq-question>span:first-child { color: #58647c; font: 700 .65rem/1 Inter,sans-serif; letter-spacing: .11em; }
.agent-faq-question strong { font-size: 1rem; }
.agent-faq-toggle { position: relative; width: 30px; height: 30px; border: 1px solid rgba(180,195,231,.2); border-radius: 50%; }
.agent-faq-toggle::before,.agent-faq-toggle::after { position: absolute; top: 50%; left: 50%; width: 11px; height: 1px; background: var(--agent-cyan); transform: translate(-50%,-50%); content: ""; transition: transform .25s; }
.agent-faq-toggle::after { transform: translate(-50%,-50%) rotate(90deg); }
.agent-faq-question[aria-expanded="true"] .agent-faq-toggle::after { transform: translate(-50%,-50%) rotate(0); }
.agent-faq-answer { padding: 0 51px 27px 55px; }
[dir="rtl"] .agent-faq-answer { padding-inline: 55px 51px; }
.agent-faq-answer[hidden] { display: none; }
.agent-faq-answer p { margin: 0; color: #929db4; line-height: 1.95; }

/* CTA / Footer */
.agent-cta { padding-block: clamp(90px,10vw,140px); background: #050611; }
.agent-cta .cta-card { position: relative; overflow: hidden; border-color: rgba(84,231,255,.2); background: radial-gradient(circle at 82% 4%,rgba(84,231,255,.18),transparent 31%),radial-gradient(circle at 8% 106%,rgba(255,111,182,.16),transparent 34%),linear-gradient(125deg,#101e2d,#17172e 56%,#25132c); }
.agent-cta .cta-card::before { position: absolute; width: 330px; height: 330px; inset-inline-end: -140px; bottom: -180px; border: 1px solid rgba(154,124,255,.2); border-radius: 50%; box-shadow: 0 0 0 48px rgba(255,255,255,.018),0 0 0 100px rgba(255,255,255,.01); content: ""; }
.agent-cta .cta-copy,.agent-cta .cta-actions { position: relative; z-index: 1; }
.agent-cta .cta-copy small { color: var(--agent-cyan); }
.ai-agents-page .about-footer { border-top-color: var(--agent-line); background: #04050c; }
.ai-agents-page .footer-domain { color: var(--agent-cyan); }

@media (max-width: 1100px) {
  .agent-context-grid { grid-template-columns: 1fr; }
  .agent-context-copy { max-width: 760px; }
  .agent-types-head { grid-template-columns: 1fr; gap: 20px; }
  .agent-capability-grid { grid-template-columns: repeat(2,1fr); }
  .agent-capability:nth-child(2),.agent-capability:nth-child(7),.agent-capability:nth-child(2):hover,.agent-capability:nth-child(7):hover { transform: none; }
  .agent-architecture-heading { grid-template-columns: 1fr; gap: 15px; }
  .agent-layers { grid-template-columns: repeat(3,1fr); margin-top: -82px; }
  .agent-governance-grid { grid-template-columns: 1fr; }
  .agent-governance-copy { max-width: 760px; }
  .agent-delivery-grid { grid-template-columns: 1fr; }
  .agent-delivery-copy { position: static; max-width: 760px; }
}

@media (max-width: 900px) {
  html { scroll-padding-top: 90px; }
  .agent-hero { min-height: 880px; align-items: end; padding-bottom: 56px; }
  .agent-hero-media::after,[dir="rtl"] .agent-hero-media::after { background: linear-gradient(0deg,#03050d 4%,rgba(3,5,13,.95) 49%,rgba(3,5,13,.15) 100%); }
  .agent-hero-media img,[dir="rtl"] .agent-hero-media img { object-position: 70% center; }
  .agent-hero-layout { display: block; padding-top: 330px; }
  .agent-hero-copy { max-width: 100%; padding-block: 30px; }
  .agent-orbit-mark { display: none; }
  .agent-rail { top: 64px; }
  .agent-rail-mark { display: none; }
  .agent-rail-links { width: 100%; }
  .agent-type-shell { grid-template-columns: 1fr; }
  .agent-type-tabs { display: grid; grid-template-columns: repeat(4,minmax(170px,1fr)); overflow-x: auto; border-inline-end: 0; border-bottom: 1px solid var(--agent-line); scrollbar-width: none; }
  .agent-type-tab { min-height: 116px; grid-template-columns: 42px 1fr; }
  .agent-type-tab>b { display: none; }
  .agent-type-panel { min-height: 480px; }
  .agent-faq-grid { grid-template-columns: 1fr; }
  .agent-faq-copy { position: static; max-width: 760px; }
}

@media (max-width: 680px) {
  .ai-agents-page .section { padding-block: 78px; }
  .agent-hero { min-height: 850px; padding-bottom: 36px; }
  .agent-hero-layout { width: min(calc(100% - 32px),1220px); padding-top: 285px; }
  .agent-hero h1 { font-size: clamp(2.7rem,13vw,4rem); }
  .ai-agents-page-fa .agent-hero h1 { font-size: clamp(2.35rem,10.7vw,3.4rem); }
  .agent-lead { margin-top: 20px; font-size: .91rem; line-height: 1.88; }
  .agent-hero-actions { margin-top: 24px; }
  .agent-hero-actions .button { width: 100%; }
  .agent-hero-signals { gap: 8px 14px; margin-top: 24px; }
  .agent-shift { grid-template-columns: 1fr; }
  .agent-shift::before { top: 50%; transform: translate(-50%,-50%) rotate(90deg); }
  [dir="rtl"] .agent-shift::before { transform: translate(-50%,-50%) rotate(-90deg); }
  .agent-shift-card { min-height: 285px; }
  .agent-type-shell { border-radius: 20px; }
  .agent-type-tabs { grid-template-columns: repeat(4,165px); padding: 9px; }
  .agent-type-tab { min-height: 105px; padding: 13px; }
  .agent-type-tab small { display: none; }
  .agent-type-panel { min-height: 520px; padding: 34px 23px; }
  .agent-type-panel h3 { font-size: 2.25rem; }
  .ai-agents-page-fa .agent-type-panel h3 { font-size: 2rem; }
  .agent-type-flow { margin-top: 30px; }
  .agent-capability-grid { grid-template-columns: 1fr; }
  .agent-capability { min-height: 235px; }
  .agent-capability>i { margin-bottom: 36px; }
  .agent-architecture-frame { border-radius: 20px; }
  .agent-architecture-media { min-height: 400px; border-radius: 19px; }
  .agent-architecture-media img { min-height: 400px; object-position: center; }
  .agent-architecture-label { top: 13px; inset-inline-start: 13px; }
  .agent-layers { grid-template-columns: 1fr 1fr; margin: -45px 9px 9px; }
  .agent-layer { min-height: 125px; }
  .agent-control-system { padding: 11px; border-radius: 20px; }
  .agent-control-system::before,.agent-control-system::after { display: none; }
  .agent-control { min-height: 205px; padding: 20px; }
  .agent-delivery-step { grid-template-columns: 48px 1fr; padding: 17px; }
  .agent-delivery-step>span { display: none; }
  .agent-faq-question { grid-template-columns: auto 1fr 28px; gap: 12px; }
  .agent-faq-answer,[dir="rtl"] .agent-faq-answer { padding-inline: 39px 4px; }
}

@media (max-width: 420px) {
  .agent-control-system { grid-template-columns: 1fr; }
  .agent-control { min-height: 180px; }
  .agent-layers { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .agent-orbit-mark::after { animation: none; }
  .agent-hero-media img,[dir="rtl"] .agent-hero-media img { transition: none; }
}