/* Kavosh Intelligence Lab — AI & Data Analytics */
.ai-data-page {
  --ai-cyan: #25e4ff;
  --ai-blue: #3b86ff;
  --ai-violet: #8d66ff;
  --ai-amber: #ffb45f;
  --ai-surface: rgba(7, 25, 61, .78);
  --ai-line: rgba(101, 169, 244, .21);
  background:
    radial-gradient(circle at 83% 15%, rgba(20, 115, 255, .12), transparent 25%),
    radial-gradient(circle at 12% 54%, rgba(109, 65, 255, .07), transparent 25%),
    linear-gradient(180deg, #020a1c 0%, #03112c 43%, #010718 100%);
}

.ai-data-page .about-header { background: linear-gradient(180deg, rgba(1, 8, 24, .95), rgba(2, 10, 28, .68)); }
.ai-data-page .gradient-text { color: transparent; background: linear-gradient(100deg, #e8fbff 0%, #39dcff 35%, #528bff 66%, #b276ff 100%); -webkit-background-clip: text; background-clip: text; }
.ai-data-page :focus-visible { outline: 2px solid var(--ai-cyan); outline-offset: 4px; }

/* Hero */
.ai-hero {
  position: relative;
  min-height: 880px;
  display: flex;
  align-items: center;
  overflow: hidden;
  isolation: isolate;
  padding-block: 136px 118px;
  border-block-end: 1px solid rgba(83, 154, 237, .16);
  background: #010719;
}

.ai-hero::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(1, 8, 24, .1), transparent 30%, transparent 72%, rgba(1, 8, 24, .08)),
    linear-gradient(180deg, rgba(1, 8, 23, .16), transparent 30%, rgba(1, 8, 23, .4) 75%, #020a1c 100%);
}

.ai-hero::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  opacity: .24;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(101, 176, 255, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(101, 176, 255, .08) 1px, transparent 1px);
  background-size: 74px 74px;
  mask-image: linear-gradient(90deg, #000, transparent 58%);
}

.ai-hero-media { position: absolute; z-index: 0; inset: 0; }
.ai-hero-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(1, 8, 24, .09) 43%, transparent 70%);
}
.ai-hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .8s cubic-bezier(.2, .7, .2, 1); }
.ai-hero-layout { position: relative; z-index: 3; width: min(calc(100% - 48px), 1220px); }
.ai-hero-copy { width: min(56%, 700px); margin-right: auto; margin-left: 0; }
.ai-hero .breadcrumbs { margin-block-end: 34px; }
.ai-hero .breadcrumbs a { color: #9eafc9; }
.ai-hero .breadcrumbs span { color: #e8f7ff; }

.lab-signature {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-block-end: 18px;
  color: #8eefff;
  font-size: .69rem;
  font-weight: 800;
  letter-spacing: .19em;
  direction: ltr;
}
.signature-pulse { position: relative; width: 8px; height: 8px; border-radius: 50%; background: var(--ai-cyan); box-shadow: 0 0 16px rgba(37, 228, 255, .8); }
.signature-pulse::after { content: ""; position: absolute; inset: -7px; border: 1px solid rgba(37, 228, 255, .45); border-radius: inherit; animation: signature-ping 2.4s ease-out infinite; }
@keyframes signature-ping { 0% { transform: scale(.55); opacity: 0; } 30% { opacity: 1; } 100% { transform: scale(1.35); opacity: 0; } }

.ai-hero h1 {
  max-width: 690px;
  margin: 0;
  color: #f8fbff;
  font-size: clamp(3rem, 5.3vw, 5.75rem);
  line-height: 1.13;
  letter-spacing: -.062em;
  text-wrap: balance;
  text-shadow: 0 20px 70px rgba(0, 0, 0, .4);
}
html[dir="rtl"] .ai-hero h1 { line-height: 1.3; letter-spacing: -.055em; }
.ai-hero .hero-lead { max-width: 640px; margin: 26px 0 0; color: #bdc9dc; font-size: clamp(.94rem, 1.15vw, 1.08rem); line-height: 2; }
html[dir="ltr"] .ai-hero .hero-lead { line-height: 1.8; }
.ai-hero .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-block-start: 34px; }
.ai-hero .button { min-height: 51px; padding-inline: 24px; }

.hero-value-chain {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-block-start: 35px;
  color: #92a5c2;
  font-size: .63rem;
  font-weight: 750;
  letter-spacing: .08em;
  direction: ltr;
}
.hero-value-chain span { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.hero-value-chain span i { width: 5px; height: 5px; border-radius: 50%; background: var(--ai-cyan); box-shadow: 0 0 9px rgba(37, 228, 255, .8); }
.hero-value-chain span:nth-of-type(2) i { background: #64a0ff; }
.hero-value-chain span:nth-of-type(3) i { background: #a779ff; }
.hero-value-chain span:nth-of-type(4) i { background: var(--ai-amber); }
.hero-value-chain b { width: clamp(10px, 2vw, 34px); height: 1px; background: linear-gradient(90deg, rgba(94, 165, 244, .2), rgba(94, 165, 244, .65)); }

.hero-system-card {
  position: absolute;
  z-index: 3;
  right: max(3vw, 28px);
  left: auto;
  inset-block-end: 58px;
  width: 255px;
  padding: 17px;
  border: 1px solid rgba(125, 190, 255, .22);
  border-radius: 17px;
  background: linear-gradient(145deg, rgba(5, 21, 53, .75), rgba(2, 11, 30, .58));
  backdrop-filter: blur(16px);
  box-shadow: 0 22px 60px rgba(0, 5, 22, .35), inset 0 1px rgba(255, 255, 255, .04);
}
.system-label { display: flex; align-items: center; gap: 7px; color: #c4d6ec; font-size: .55rem; font-weight: 700; letter-spacing: .12em; }
.system-label i { width: 6px; height: 6px; border-radius: 50%; background: #5de9cc; box-shadow: 0 0 9px rgba(93, 233, 204, .7); }
.system-orbit { position: relative; width: 72px; height: 72px; margin: 15px auto; border: 1px solid rgba(37, 228, 255, .34); border-radius: 50%; box-shadow: inset 0 0 24px rgba(37, 228, 255, .08), 0 0 25px rgba(37, 228, 255, .06); }
.system-orbit::before, .system-orbit::after { content: ""; position: absolute; border-radius: 50%; }
.system-orbit::before { inset: 12px; border: 1px solid rgba(102, 133, 255, .48); }
.system-orbit::after { inset: 27px; background: var(--ai-cyan); box-shadow: 0 0 17px rgba(37, 228, 255, .95); }
.system-orbit i { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: #85f1ff; box-shadow: 0 0 8px rgba(37, 228, 255, .9); }
.system-orbit i:nth-child(1) { inset: 3px 32px auto; animation: orbit-a 5s linear infinite; transform-origin: 4px 32px; }
.system-orbit i:nth-child(2) { inset: 33px auto auto 3px; animation: orbit-b 6.5s linear infinite; transform-origin: 32px 3px; }
.system-orbit i:nth-child(3) { inset: auto 14px 8px auto; background: #b38bff; animation: orbit-a 4.5s linear infinite reverse; transform-origin: -10px -18px; }
@keyframes orbit-a { to { rotate: 360deg; } }
@keyframes orbit-b { to { rotate: -360deg; } }
.system-path { display: grid; grid-template-columns: auto 1fr auto 1fr auto; align-items: center; gap: 7px; color: #8b9cb5; font-size: .5rem; letter-spacing: .08em; direction: ltr; }
.system-path b { height: 1px; background: linear-gradient(90deg, rgba(37, 228, 255, .15), rgba(37, 228, 255, .65)); }
.system-path span:last-child { color: #f0b873; }

/* Sticky section rail */
.ai-section-rail {
  position: sticky;
  z-index: 1200;
  inset-block-start: 77px;
  border-block: 1px solid rgba(96, 152, 226, .16);
  background: rgba(2, 10, 28, .87);
  backdrop-filter: blur(18px) saturate(1.2);
}
.ai-rail-inner { min-height: 60px; display: flex; align-items: center; justify-content: space-between; gap: 26px; }
.ai-rail-brand { display: inline-flex; align-items: center; gap: 8px; color: #7f94b1; font-size: .62rem; font-weight: 750; letter-spacing: .14em; direction: ltr; white-space: nowrap; }
.ai-rail-brand i { width: 6px; height: 6px; border-radius: 50%; background: var(--ai-cyan); box-shadow: 0 0 10px var(--ai-cyan); }
.ai-rail-links { display: flex; align-items: stretch; gap: 8px; overflow-x: auto; scrollbar-width: none; }
.ai-rail-links::-webkit-scrollbar { display: none; }
.ai-rail-links a { position: relative; min-height: 59px; display: grid; place-items: center; padding-inline: 16px; color: #879ab6; font-size: .7rem; font-weight: 700; white-space: nowrap; transition: color .2s ease; }
.ai-rail-links a::after { content: ""; position: absolute; inset-inline: 50%; inset-block-end: -1px; height: 2px; background: linear-gradient(90deg, var(--ai-cyan), var(--ai-violet)); box-shadow: 0 0 14px rgba(37, 228, 255, .6); transition: inset-inline .22s ease; }
.ai-rail-links a:hover, .ai-rail-links a.is-active { color: #e8f8ff; }
.ai-rail-links a.is-active::after { inset-inline: 13%; }

/* Premise */
.intelligence-premise { padding-block: 120px; overflow: hidden; }
.premise-grid { display: grid; grid-template-columns: .88fr 1.12fr; gap: 80px; align-items: center; }
.premise-copy h2 { max-width: 560px; margin: 13px 0 23px; font-size: clamp(2rem, 3.4vw, 3.3rem); line-height: 1.45; letter-spacing: -.045em; }
html[dir="ltr"] .premise-copy h2 { line-height: 1.15; }
.premise-copy p { max-width: 590px; margin: 0; color: #9facbf; font-size: .88rem; line-height: 2.1; }
html[dir="ltr"] .premise-copy p { line-height: 1.85; }
.premise-outcomes { position: relative; display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; overflow: hidden; border: 1px solid var(--ai-line); border-radius: 26px; background: var(--ai-line); box-shadow: var(--shadow); }
.premise-outcomes::after { content: ""; position: absolute; width: 210px; height: 210px; inset: calc(50% - 105px); border-radius: 50%; background: rgba(39, 137, 255, .11); filter: blur(50px); pointer-events: none; }
.premise-outcomes article { position: relative; z-index: 1; min-height: 185px; padding: 28px; background: linear-gradient(145deg, rgba(7, 29, 70, .96), rgba(3, 15, 39, .94)); }
.premise-outcomes article span { color: rgba(98, 193, 255, .5); font-size: .65rem; font-weight: 800; letter-spacing: .12em; }
.premise-outcomes article strong { display: block; margin-block: 28px 7px; color: #f4f9ff; font-size: 1.12rem; }
.premise-outcomes article p { margin: 0; color: #8293ae; font-size: .7rem; line-height: 1.85; }

/* Capabilities */
.capabilities-section { border-block: 1px solid rgba(101, 157, 229, .12); background: radial-gradient(circle at 50% 8%, rgba(38, 120, 255, .09), transparent 36%), rgba(2, 11, 29, .42); }
.capabilities-section .section-heading { max-width: 790px; }
.capabilities-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.capability-card {
  --capability-color: var(--ai-cyan);
  --pointer-x: 50%;
  --pointer-y: 50%;
  position: relative;
  min-height: 310px;
  overflow: hidden;
  padding: 27px;
  border: 1px solid rgba(108, 157, 222, .18);
  border-radius: 21px;
  background: linear-gradient(150deg, rgba(8, 29, 69, .88), rgba(3, 14, 36, .9));
  box-shadow: inset 0 1px rgba(255, 255, 255, .025);
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.capability-card::before { content: ""; position: absolute; inset: 0; opacity: 0; pointer-events: none; background: radial-gradient(220px circle at var(--pointer-x) var(--pointer-y), rgba(37, 228, 255, .14), transparent 65%); transition: opacity .25s ease; }
.capability-card::after { content: ""; position: absolute; width: 160px; height: 160px; inset-inline-end: -70px; inset-block-start: -75px; border-radius: 50%; background: color-mix(in srgb, var(--capability-color) 12%, transparent); filter: blur(38px); pointer-events: none; }
.capability-card:hover { transform: translateY(-6px); border-color: rgba(75, 208, 255, .42); box-shadow: 0 28px 65px rgba(0, 5, 22, .34); }
.capability-card:hover::before { opacity: 1; }
.capability-card.featured { grid-column: span 2; --capability-color: #35dfff; }
.capability-card.featured.violet { --capability-color: #9f73ff; }
.capability-card:nth-child(4), .capability-card:nth-child(8) { --capability-color: #6296ff; }
.capability-card:nth-child(5) { --capability-color: #b17fff; }
.capability-card:nth-child(7) { grid-column: span 2; --capability-color: #5ee6c3; }
.capability-card:nth-child(8) { grid-column: span 2; }
.capability-index { position: relative; z-index: 1; color: #6f829f; font-size: .58rem; font-weight: 750; letter-spacing: .13em; direction: ltr; }
.capability-mark { position: relative; z-index: 1; width: 53px; height: 53px; display: grid; place-items: center; margin-block: 35px 22px; border: 1px solid color-mix(in srgb, var(--capability-color) 38%, transparent); border-radius: 16px; color: var(--capability-color); background: color-mix(in srgb, var(--capability-color) 10%, transparent); box-shadow: inset 0 0 20px color-mix(in srgb, var(--capability-color) 7%, transparent); }
.capability-mark .icon { width: 26px; height: 26px; }
.capability-card h3 { position: relative; z-index: 1; margin: 0 0 10px; font-size: 1.08rem; }
.capability-card p { position: relative; z-index: 1; margin: 0; color: #8f9eb7; font-size: .75rem; line-height: 1.9; }
.capability-card.featured h3 { font-size: 1.3rem; }
.capability-card.featured p { max-width: 510px; }
.capability-card ul { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 7px; margin: 21px 0 0; padding: 0; list-style: none; }
.capability-card ul li { padding: 6px 10px; border: 1px solid rgba(102, 177, 241, .18); border-radius: 8px; color: #a7bad2; background: rgba(10, 42, 82, .42); font-size: .62rem; }

/* Pipeline */
.pipeline-section { overflow: hidden; }
.pipeline-heading { display: grid; grid-template-columns: 1.05fr .7fr; align-items: end; gap: 70px; margin-block-end: 48px; }
.pipeline-heading h2 { max-width: 760px; margin: 11px 0 0; font-size: clamp(2rem, 3.5vw, 3.35rem); line-height: 1.45; letter-spacing: -.045em; }
html[dir="ltr"] .pipeline-heading h2 { line-height: 1.16; }
.pipeline-heading > p { margin: 0 0 8px; color: #8f9eb8; font-size: .82rem; line-height: 1.95; }
.pipeline-visual { position: relative; height: 500px; margin: 0; overflow: hidden; border: 1px solid rgba(85, 175, 255, .27); border-radius: 29px; background: #020817; box-shadow: var(--shadow), inset 0 1px rgba(255, 255, 255, .04); }
.pipeline-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 62%, rgba(1, 8, 23, .92)); pointer-events: none; }
.pipeline-visual img { width: 100%; height: 100%; object-fit: cover; }
.pipeline-visual figcaption { position: absolute; z-index: 2; inset-inline: 24px; inset-block-end: 20px; display: flex; justify-content: space-between; align-items: center; gap: 20px; color: #8fa3be; font-size: .58rem; font-weight: 750; letter-spacing: .12em; direction: ltr; }
.pipeline-visual figcaption span { display: inline-flex; align-items: center; gap: 8px; }
.pipeline-visual figcaption i { width: 6px; height: 6px; border-radius: 50%; background: var(--ai-cyan); box-shadow: 0 0 11px var(--ai-cyan); }
.pipeline-visual figcaption bdi { color: #c1d8ee; }
.pipeline-stages { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin: 28px 0 0; padding: 0; list-style: none; }
.pipeline-stages::before, .pipeline-stages::after { content: ""; position: absolute; inset-inline: 8%; inset-block-start: 28px; height: 1px; }
.pipeline-stages::before { background: rgba(90, 149, 218, .22); }
.pipeline-stages::after { width: 0; background: linear-gradient(90deg, var(--ai-cyan), var(--ai-blue), var(--ai-violet), var(--ai-amber)); box-shadow: 0 0 14px rgba(37, 228, 255, .4); transition: width 1.8s cubic-bezier(.2, .7, .2, 1); }
.pipeline-stages.is-running::after { width: 84%; }
.pipeline-stages li { position: relative; z-index: 1; display: grid; grid-template-columns: 54px 1fr; column-gap: 15px; padding: 0 17px; }
.stage-number { width: 54px; height: 54px; display: grid; place-items: center; grid-row: 1 / span 2; border: 1px solid rgba(57, 209, 255, .38); border-radius: 50%; color: #d7f8ff; background: radial-gradient(circle, #0a3964, #06162e 70%); box-shadow: 0 0 0 7px #020a1c, 0 0 28px rgba(37, 228, 255, .13); font-size: .62rem; font-weight: 800; direction: ltr; }
.pipeline-stages li:nth-child(2) .stage-number { border-color: rgba(82, 139, 255, .45); }
.pipeline-stages li:nth-child(3) .stage-number { border-color: rgba(160, 107, 255, .48); }
.pipeline-stages li:nth-child(4) .stage-number { border-color: rgba(255, 180, 95, .48); }
.stage-icon { display: none; }
.pipeline-stages strong { display: block; margin-block: 3px 6px; font-size: .88rem; }
.pipeline-stages p { margin: 0; color: #8291aa; font-size: .66rem; line-height: 1.75; }

/* Solution navigator */
.solution-section { border-block: 1px solid rgba(101, 157, 229, .12); background: radial-gradient(circle at 20% 30%, rgba(89, 67, 255, .08), transparent 31%), rgba(3, 13, 34, .5); }
.solution-section .section-heading { max-width: 750px; }
.solution-navigator { display: grid; grid-template-columns: .86fr 1.14fr; min-height: 570px; overflow: hidden; border: 1px solid rgba(104, 165, 234, .23); border-radius: 27px; background: rgba(3, 14, 37, .78); box-shadow: var(--shadow); }
.solution-tabs { display: flex; flex-direction: column; gap: 8px; padding: 18px; border-inline-end: 1px solid rgba(102, 156, 222, .16); background: linear-gradient(150deg, rgba(8, 31, 73, .76), rgba(4, 17, 43, .62)); }
.solution-tab { flex: 1; display: grid; grid-template-columns: 52px 1fr; gap: 14px; align-items: center; padding: 16px; border: 1px solid transparent; border-radius: 16px; color: #94a4bc; background: transparent; text-align: start; cursor: pointer; transition: border-color .22s ease, background .22s ease, transform .22s ease; }
.solution-tab:hover { background: rgba(14, 51, 94, .45); transform: translateX(3px); }
html[dir="rtl"] .solution-tab:hover { transform: translateX(-3px); }
.solution-tab.is-active { border-color: rgba(55, 203, 255, .35); color: #effbff; background: linear-gradient(110deg, rgba(21, 88, 139, .44), rgba(44, 57, 134, .22)); box-shadow: inset 3px 0 var(--ai-cyan); }
html[dir="rtl"] .solution-tab.is-active { box-shadow: inset -3px 0 var(--ai-cyan); }
.solution-tab > i { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid rgba(111, 168, 231, .2); border-radius: 14px; color: #74baff; background: rgba(20, 72, 124, .25); }
.solution-tab.is-active > i { color: var(--ai-cyan); border-color: rgba(37, 228, 255, .35); background: rgba(30, 158, 195, .14); box-shadow: 0 0 25px rgba(37, 228, 255, .08); }
.solution-tab .icon { width: 23px; height: 23px; }
.solution-tab span { display: block; }
.solution-tab strong { display: block; margin-block-end: 3px; color: inherit; font-size: .82rem; }
.solution-tab small { color: #71839f; font-size: .64rem; }
.solution-results { position: relative; min-width: 0; background: radial-gradient(circle at 75% 15%, rgba(35, 133, 255, .15), transparent 33%); }
.solution-results::before { content: ""; position: absolute; inset: 0; opacity: .13; background-image: radial-gradient(rgba(132, 192, 255, .65) .7px, transparent .7px); background-size: 18px 18px; mask-image: linear-gradient(135deg, transparent, #000); }
.solution-panel { position: relative; z-index: 1; min-height: 100%; padding: 68px 66px; outline: none; animation: panel-in .38s ease both; }
@keyframes panel-in { from { opacity: 0; transform: translateY(9px); } to { opacity: 1; transform: none; } }
.solution-panel[hidden] { display: none; }
.result-code { color: #7185a3; font-size: .6rem; font-weight: 800; letter-spacing: .16em; direction: ltr; }
.result-icon { width: 70px; height: 70px; display: grid; place-items: center; margin-block: 42px 25px; border: 1px solid rgba(56, 220, 255, .35); border-radius: 21px; color: var(--ai-cyan); background: radial-gradient(circle at 35% 25%, rgba(44, 214, 255, .2), rgba(16, 62, 117, .16)); box-shadow: 0 0 35px rgba(37, 228, 255, .1); }
.result-icon .icon { width: 34px; height: 34px; }
.solution-panel h3 { max-width: 650px; margin: 0 0 15px; font-size: clamp(1.55rem, 2.5vw, 2.35rem); line-height: 1.45; letter-spacing: -.035em; }
html[dir="ltr"] .solution-panel h3 { line-height: 1.18; }
.solution-panel > p { max-width: 650px; margin: 0; color: #95a4bc; font-size: .82rem; line-height: 1.95; }
.solution-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-block: 27px 31px; }
.solution-tags span { padding: 7px 11px; border: 1px solid rgba(100, 170, 235, .2); border-radius: 9px; color: #abc0d9; background: rgba(12, 45, 88, .4); font-size: .64rem; direction: ltr; }
.solution-panel > a { display: inline-flex; align-items: center; gap: 9px; color: #d7f8ff; font-size: .76rem; font-weight: 800; }
.solution-panel > a .icon { width: 17px; height: 17px; color: var(--ai-cyan); transition: transform .2s ease; }
.solution-panel > a:hover .icon { transform: translateX(4px); }
html[dir="rtl"] .solution-panel > a .icon { transform: scaleX(-1); }
html[dir="rtl"] .solution-panel > a:hover .icon { transform: scaleX(-1) translateX(4px); }

/* Delivery */
.delivery-section { overflow: hidden; }
.delivery-heading { max-width: 850px; margin-block-end: 65px; }
.delivery-heading h2 { margin: 11px 0 14px; font-size: clamp(2rem, 3.5vw, 3.3rem); line-height: 1.45; letter-spacing: -.045em; }
html[dir="ltr"] .delivery-heading h2 { line-height: 1.16; }
.delivery-heading > p { max-width: 700px; margin: 0; color: #8e9db6; font-size: .82rem; line-height: 1.95; }
.delivery-track { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); gap: 13px; margin: 0; padding: 0; list-style: none; }
.delivery-track::before { content: ""; position: absolute; z-index: 0; inset-inline: 7%; inset-block-start: 56px; height: 1px; background: linear-gradient(90deg, rgba(37, 228, 255, .13), rgba(37, 228, 255, .55), rgba(93, 132, 255, .52), rgba(150, 98, 255, .52), rgba(255, 180, 95, .14)); }
.delivery-track li { position: relative; z-index: 1; min-height: 330px; padding: 23px 20px; border: 1px solid rgba(101, 153, 216, .17); border-radius: 19px; background: linear-gradient(160deg, rgba(7, 27, 64, .78), rgba(3, 14, 36, .7)); transition: transform .25s ease, border-color .25s ease; }
.delivery-track li:hover { transform: translateY(-5px); border-color: rgba(70, 202, 255, .35); }
.delivery-track li > span { color: rgba(128, 183, 234, .45); font-size: .62rem; font-weight: 800; letter-spacing: .1em; }
.delivery-track li > i { width: 65px; height: 65px; display: grid; place-items: center; margin-block: 26px 60px; border: 1px solid rgba(55, 211, 255, .35); border-radius: 50%; color: var(--ai-cyan); background: radial-gradient(circle, #0b3a67, #06162f 68%); box-shadow: 0 0 0 7px #03102a, 0 0 27px rgba(37, 228, 255, .1); }
.delivery-track li:nth-child(2) > i { color: #66a5ff; border-color: rgba(102, 165, 255, .4); }
.delivery-track li:nth-child(3) > i { color: #9d7aff; border-color: rgba(157, 122, 255, .4); }
.delivery-track li:nth-child(4) > i { color: #c27bff; border-color: rgba(194, 123, 255, .4); }
.delivery-track li:nth-child(5) > i { color: var(--ai-amber); border-color: rgba(255, 180, 95, .43); }
.delivery-track .icon { width: 28px; height: 28px; }
.delivery-track small { color: #6f819d; font-size: .56rem; font-weight: 800; letter-spacing: .12em; }
.delivery-track h3 { margin: 6px 0 8px; font-size: .94rem; }
.delivery-track p { margin: 0; color: #8190aa; font-size: .67rem; line-height: 1.8; }

/* Scenarios */
.scenarios-section { border-block: 1px solid rgba(101, 157, 229, .12); background: rgba(2, 11, 29, .46); }
.scenarios-section .section-heading { max-width: 760px; margin-inline: 0; text-align: start; }
.scenarios-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.scenario-card {
  --pointer-x: 50%;
  --pointer-y: 50%;
  position: relative;
  min-height: 560px;
  overflow: hidden;
  padding: 24px;
  border: 1px solid rgba(104, 159, 222, .18);
  border-radius: 23px;
  background: linear-gradient(155deg, rgba(8, 30, 70, .85), rgba(3, 14, 36, .9));
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.scenario-card::before { content: ""; position: absolute; inset: 0; opacity: 0; pointer-events: none; background: radial-gradient(250px circle at var(--pointer-x) var(--pointer-y), rgba(51, 160, 255, .13), transparent 66%); transition: opacity .25s ease; }
.scenario-card:hover { transform: translateY(-7px); border-color: rgba(72, 205, 255, .39); box-shadow: 0 28px 68px rgba(0, 5, 22, .35); }
.scenario-card:hover::before { opacity: 1; }
.scenario-top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.scenario-label { color: #71849f; font-size: .57rem; font-weight: 800; letter-spacing: .11em; direction: ltr; }
.scenario-top > i { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(95, 176, 235, .23); border-radius: 12px; color: #73dfff; background: rgba(19, 72, 119, .2); }
.scenario-top .icon { width: 19px; height: 19px; }
.scenario-visual { position: relative; z-index: 1; height: 220px; margin-block: 24px 27px; overflow: hidden; border: 1px solid rgba(86, 153, 219, .18); border-radius: 17px; background: radial-gradient(circle at 50% 45%, rgba(28, 121, 213, .23), transparent 40%), #03122e; }
.scenario-visual::after { content: ""; position: absolute; inset: 0; opacity: .2; background-image: linear-gradient(rgba(112, 172, 235, .13) 1px, transparent 1px), linear-gradient(90deg, rgba(112, 172, 235, .13) 1px, transparent 1px); background-size: 25px 25px; mask-image: linear-gradient(#000, transparent); }
.scenario-card h3 { position: relative; z-index: 1; margin: 0 0 10px; font-size: 1.15rem; }
.scenario-card > p { position: relative; z-index: 1; margin: 0; color: #8999b2; font-size: .72rem; line-height: 1.9; }
.scenario-card ul { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 7px; margin: 20px 0 0; padding: 0; list-style: none; }
.scenario-card li { padding: 5px 9px; border: 1px solid rgba(95, 164, 224, .16); border-radius: 7px; color: #97abc4; font-size: .59rem; }

.dashboard-demo .demo-ring { position: absolute; z-index: 1; width: 128px; height: 128px; inset: 38px 24px auto auto; border: 8px solid rgba(54, 132, 222, .19); border-top-color: var(--ai-cyan); border-right-color: #6f87ff; border-radius: 50%; transform: rotate(25deg); box-shadow: 0 0 30px rgba(37, 228, 255, .11); }
html[dir="rtl"] .dashboard-demo .demo-ring { inset: 38px auto auto 24px; }
.dashboard-demo .demo-ring::after { content: "72"; position: absolute; inset: 0; display: grid; place-items: center; color: #e7faff; font: 800 1.5rem/1 var(--font); transform: rotate(-25deg); opacity: .82; }
.demo-bars { position: absolute; z-index: 1; inset: auto auto 35px 28px; height: 102px; display: flex; align-items: end; gap: 8px; }
html[dir="rtl"] .demo-bars { inset: auto 28px 35px auto; }
.demo-bars i { width: 13px; height: 35%; border-radius: 4px 4px 1px 1px; background: linear-gradient(180deg, #7fefff, #2775dc); box-shadow: 0 0 11px rgba(37, 228, 255, .2); }
.demo-bars i:nth-child(2) { height: 58%; }.demo-bars i:nth-child(3) { height: 44%; }.demo-bars i:nth-child(4) { height: 83%; background: linear-gradient(180deg, #a785ff, #5b49c7); }.demo-bars i:nth-child(5) { height: 68%; }
.dashboard-demo > b { position: absolute; z-index: 1; inset: 25px auto auto 27px; width: 95px; height: 5px; border-radius: 6px; background: linear-gradient(90deg, #264b7c 60%, transparent 60%); box-shadow: 0 13px #19365f, 0 26px #234a7b; opacity: .7; }
html[dir="rtl"] .dashboard-demo > b { inset: 25px 27px auto auto; }

.demo-document { position: absolute; z-index: 1; width: 120px; height: 154px; inset: 28px auto auto 42px; padding: 25px 19px; border: 1px solid rgba(105, 190, 255, .4); border-radius: 11px; background: linear-gradient(145deg, rgba(22, 74, 126, .65), rgba(7, 30, 69, .9)); box-shadow: 18px 16px 0 rgba(32, 69, 119, .3), 0 20px 45px rgba(0, 7, 27, .4); }
html[dir="rtl"] .demo-document { inset: 28px 42px auto auto; box-shadow: -18px 16px 0 rgba(32, 69, 119, .3), 0 20px 45px rgba(0, 7, 27, .4); }
.demo-document i { display: block; height: 4px; margin-block-end: 13px; border-radius: 4px; background: rgba(124, 211, 255, .48); }
.demo-document i:nth-child(2) { width: 70%; }.demo-document i:nth-child(3) { width: 85%; background: rgba(157, 112, 255, .5); }.demo-document i:nth-child(4) { width: 55%; }
.document-demo > span { position: absolute; z-index: 1; width: 66px; height: 66px; inset: 78px 36px auto auto; border: 1px solid rgba(168, 125, 255, .46); border-radius: 50%; background: radial-gradient(circle, rgba(138, 94, 255, .35), rgba(22, 35, 83, .2)); box-shadow: 0 0 28px rgba(133, 89, 255, .18); }
html[dir="rtl"] .document-demo > span { inset: 78px auto auto 36px; }
.document-demo > span::before, .document-demo > span::after { content: ""; position: absolute; inset: 20px; border: 1px solid rgba(179, 222, 255, .7); border-radius: 50%; }
.document-demo > span::after { width: 19px; height: 1px; inset: auto -11px 6px auto; border: 0; border-block-start: 3px solid #9fcfff; rotate: 48deg; }
.document-demo > b { position: absolute; z-index: 1; width: 74px; height: 1px; inset: 109px 91px auto auto; background: linear-gradient(90deg, rgba(111, 192, 255, .2), #78cbff); }
html[dir="rtl"] .document-demo > b { inset: 109px auto auto 91px; }

.agent-demo .agent-core { position: absolute; z-index: 2; width: 78px; height: 78px; inset: calc(50% - 39px); border: 1px solid rgba(69, 220, 255, .52); border-radius: 24px; background: radial-gradient(circle at 35% 25%, rgba(82, 224, 255, .4), rgba(23, 61, 121, .55) 55%, rgba(22, 26, 69, .7)); box-shadow: 0 0 35px rgba(37, 228, 255, .18), inset 0 0 24px rgba(37, 228, 255, .12); rotate: 45deg; }
.agent-demo .agent-core::after { content: ""; position: absolute; inset: 26px; border-radius: 8px; background: #b7f6ff; box-shadow: 0 0 16px var(--ai-cyan); }
.agent-demo > i { position: absolute; z-index: 1; width: 30px; height: 30px; border: 1px solid rgba(114, 169, 244, .45); border-radius: 9px; background: rgba(24, 68, 121, .38); box-shadow: 0 0 14px rgba(35, 142, 255, .09); }
.agent-demo > i:nth-of-type(1) { inset: 25px auto auto 35px; }.agent-demo > i:nth-of-type(2) { inset: 35px 42px auto auto; }.agent-demo > i:nth-of-type(3) { inset: auto 50px 27px auto; }
.agent-demo > i::after { content: ""; position: absolute; width: 62px; height: 1px; inset: 14px auto auto 29px; transform-origin: left; rotate: 28deg; background: linear-gradient(90deg, #4bbfed, transparent); }
.agent-demo > i:nth-of-type(2)::after { inset: 14px 29px auto auto; transform-origin: right; rotate: -30deg; }.agent-demo > i:nth-of-type(3)::after { inset: auto 28px 14px auto; transform-origin: right; rotate: 32deg; }
.agent-demo > b { position: absolute; z-index: 0; width: 150px; height: 150px; inset: calc(50% - 75px); border: 1px dashed rgba(120, 154, 255, .24); border-radius: 50%; animation: orbit-a 18s linear infinite; }

/* Trust */
.trust-section { overflow: hidden; }
.trust-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: 78px; align-items: center; }
.trust-copy h2 { margin: 11px 0 17px; font-size: clamp(2rem, 3.4vw, 3.25rem); line-height: 1.45; letter-spacing: -.045em; }
html[dir="ltr"] .trust-copy h2 { line-height: 1.16; }
.trust-copy > p { margin: 0 0 30px; color: #8e9eb7; font-size: .82rem; line-height: 1.95; }
.trust-principles { display: grid; grid-template-columns: repeat(2, 1fr); gap: 13px; }
.trust-principles article { min-height: 165px; display: grid; grid-template-columns: 48px 1fr; gap: 14px; padding: 24px; border: 1px solid rgba(102, 158, 224, .18); border-radius: 19px; background: linear-gradient(150deg, rgba(8, 29, 68, .75), rgba(4, 16, 40, .7)); }
.trust-principles article > i { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 14px; color: var(--ai-cyan); background: rgba(32, 162, 192, .12); }
.trust-principles article:nth-child(2) > i { color: #76a6ff; background: rgba(65, 111, 214, .13); }.trust-principles article:nth-child(3) > i { color: #b380ff; background: rgba(135, 77, 213, .12); }.trust-principles article:nth-child(4) > i { color: var(--ai-amber); background: rgba(185, 105, 39, .11); }
.trust-principles .icon { width: 24px; height: 24px; }
.trust-principles h3 { margin: 2px 0 7px; font-size: .9rem; }
.trust-principles p { margin: 0; color: #8191aa; font-size: .67rem; line-height: 1.75; }

/* CTA enhancements */
.ai-cta .cta-card { border-color: rgba(60, 209, 255, .3); background: radial-gradient(circle at 83% 18%, rgba(31, 168, 255, .25), transparent 33%), radial-gradient(circle at 15% 90%, rgba(128, 74, 255, .18), transparent 31%), linear-gradient(130deg, rgba(6, 44, 87, .96), rgba(7, 20, 55, .96)); }
.ai-cta .cta-card::after { content: ""; position: absolute; width: 280px; height: 280px; inset-inline-end: -70px; inset-block-start: -90px; border: 1px solid rgba(88, 216, 255, .13); border-radius: 50%; box-shadow: inset 0 0 0 33px rgba(70, 161, 255, .025), inset 0 0 0 70px rgba(124, 87, 255, .022); }
.ai-cta .cta-actions { min-width: 235px; }

@media (max-width: 1180px) {
  .hero-system-card { display: none; }
  .ai-hero-copy { width: 59%; }
  .capabilities-grid { grid-template-columns: repeat(3, 1fr); }
  .capability-card.featured { grid-column: span 2; }
  .capability-card:nth-child(7), .capability-card:nth-child(8) { grid-column: auto; }
  .delivery-track { grid-template-columns: repeat(3, 1fr); }
  .delivery-track::before { display: none; }
  .delivery-track li { min-height: 300px; }
  .delivery-track li > i { margin-block-end: 40px; }
}

@media (max-width: 960px) {
  .ai-hero { min-height: 780px; padding-block: 125px 95px; }
  .ai-hero-copy { width: 67%; }
  .ai-hero h1 { font-size: clamp(2.7rem, 7vw, 4.6rem); }
  .ai-section-rail { inset-block-start: 71px; }
  .ai-rail-inner { justify-content: flex-start; }
  .ai-rail-links { margin-inline-start: auto; }
  .premise-grid, .trust-grid { grid-template-columns: 1fr; gap: 48px; }
  .pipeline-heading { grid-template-columns: 1fr; gap: 20px; }
  .pipeline-visual { height: 420px; }
  .pipeline-stages { grid-template-columns: repeat(2, 1fr); gap: 34px 20px; }
  .pipeline-stages::before, .pipeline-stages::after { display: none; }
  .solution-navigator { grid-template-columns: 1fr; }
  .solution-tabs { display: grid; grid-template-columns: repeat(2, 1fr); border-inline-end: 0; border-block-end: 1px solid rgba(102, 156, 222, .16); }
  .solution-tab { min-height: 100px; }
  .solution-tab.is-active, html[dir="rtl"] .solution-tab.is-active { box-shadow: inset 0 -3px var(--ai-cyan); }
  .scenarios-grid { grid-template-columns: repeat(2, 1fr); }
  .scenario-card:last-child { grid-column: 1 / -1; min-height: 500px; }
}

@media (max-width: 760px) {
  .ai-hero-layout { width: min(calc(100% - 32px), 1220px); }
  .ai-hero { min-height: 780px; align-items: flex-end; padding-block: 120px 72px; }
  .ai-hero-media img { object-position: 66% center; }
  .ai-hero::before { background: linear-gradient(180deg, rgba(1, 8, 24, .22), rgba(1, 8, 24, .55) 34%, rgba(1, 8, 24, .94) 67%, #020a1c 100%); }
  .ai-hero::after { opacity: .13; mask-image: linear-gradient(#000, transparent 75%); }
  .ai-hero-copy { width: 100%; }
  .ai-hero .breadcrumbs { margin-block-end: 22px; }
  .lab-signature { margin-block-end: 13px; font-size: .58rem; }
  .ai-hero h1 { font-size: clamp(2.45rem, 11vw, 3.65rem); }
  .ai-hero .hero-lead { margin-block-start: 18px; font-size: .84rem; }
  .ai-hero .hero-actions { margin-block-start: 25px; }
  .hero-value-chain { flex-wrap: wrap; margin-block-start: 26px; }
  .ai-section-rail { inset-block-start: 71px; }
  .ai-rail-brand { display: none; }
  .ai-rail-links { margin: 0; width: 100%; }
  .ai-rail-links a { padding-inline: 13px; }
  .intelligence-premise { padding-block: 82px; }
  .premise-grid { gap: 37px; }
  .premise-copy h2, .pipeline-heading h2, .delivery-heading h2, .trust-copy h2 { font-size: clamp(1.8rem, 8vw, 2.65rem); }
  .premise-outcomes { grid-template-columns: 1fr; }
  .premise-outcomes article { min-height: 145px; }
  .premise-outcomes article strong { margin-block-start: 19px; }
  .capabilities-grid { grid-template-columns: 1fr; }
  .capability-card.featured, .capability-card:nth-child(7), .capability-card:nth-child(8) { grid-column: auto; }
  .capability-card { min-height: 275px; }
  .pipeline-heading { margin-block-end: 34px; }
  .pipeline-visual { height: 330px; border-radius: 21px; }
  .pipeline-visual img { object-position: center; }
  .pipeline-visual figcaption { inset-inline: 15px; inset-block-end: 14px; }
  .pipeline-visual figcaption bdi { display: none; }
  .pipeline-stages { grid-template-columns: 1fr; gap: 22px; }
  .pipeline-stages li { padding: 0; }
  .solution-tabs { grid-template-columns: 1fr; }
  .solution-tab { min-height: 92px; }
  .solution-panel { padding: 44px 27px; }
  .result-icon { margin-block: 32px 22px; }
  .delivery-heading { margin-block-end: 40px; }
  .delivery-track { grid-template-columns: 1fr; gap: 12px; }
  .delivery-track li { min-height: 0; display: grid; grid-template-columns: 52px 1fr; column-gap: 16px; padding: 20px; }
  .delivery-track li > span { position: absolute; inset-inline-end: 17px; inset-block-start: 13px; }
  .delivery-track li > i { width: 50px; height: 50px; margin: 0; grid-row: 1; }
  .delivery-track li > div { grid-column: 2; }
  .delivery-track .icon { width: 23px; height: 23px; }
  .scenarios-grid { grid-template-columns: 1fr; }
  .scenario-card, .scenario-card:last-child { grid-column: auto; min-height: 540px; }
  .trust-grid { gap: 38px; }
  .trust-principles { grid-template-columns: 1fr; }
  .trust-principles article { min-height: 130px; }
}

@media (max-width: 480px) {
  .ai-hero { min-height: 800px; }
  .ai-hero .hero-actions .button { width: 100%; }
  .hero-value-chain { gap: 8px; }
  .hero-value-chain b { width: 8px; }
  .hero-value-chain span { font-size: .55rem; }
  .ai-rail-links a { padding-inline: 10px; font-size: .63rem; }
  .pipeline-visual { height: 270px; }
  .pipeline-visual img { object-position: 48% center; }
  .solution-tab { grid-template-columns: 45px 1fr; padding: 13px; }
  .solution-tab > i { width: 43px; height: 43px; }
  .scenario-card { padding: 19px; }
  .scenario-visual { height: 205px; }
  .trust-principles article { grid-template-columns: 42px 1fr; padding: 20px; }
  .trust-principles article > i { width: 42px; height: 42px; }
}

@media (prefers-reduced-motion: reduce) {
  .signature-pulse::after, .system-orbit i, .agent-demo > b { animation: none !important; }
  .ai-hero-media img { transition: none; }
  .pipeline-stages::after { transition: none; }
}