.ai-page { --ai-accent:var(--blue,#3f51b7); }
.ai-page section { scroll-margin-top:110px; }
.ai-page h1,.ai-page h2,.ai-page h3 { letter-spacing:0; }
.ai-page p { color:var(--muted-foreground); line-height:1.9; }
.ai-page .eyebrow { color:var(--ai-accent); }
.ai-hero { padding:60px 0 64px; }
.ai-hero-grid { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.ai-hero-copy { min-width:0; }
.ai-identity { font-size:22px; font-weight:800; margin-bottom:24px; direction:ltr; text-align:start; }
[dir=rtl] .ai-identity { text-align:right; }
.ai-hero h1 { font-size:48px; line-height:1.2; margin:20px 0 24px; text-wrap:balance; }
[dir=rtl] .ai-hero h1 { font-size:43px; line-height:1.5; }
.ai-hero-copy>p { font-size:17px; }
.ai-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.ai-actions .btn { white-space:normal; text-align:center; }
.ai-workflow-visual { min-width:0; border:1px solid var(--border); border-radius:8px; padding:28px; background:var(--surface); box-shadow:0 20px 55px #13305f0c; }
.ai-visual-top { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:24px; border-bottom:1px solid var(--border); }
.ai-visual-top .brand-logo { width:135px; }
.ai-visual-top>span { color:var(--muted-foreground); font-size:11px; }
.ai-flow-inputs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:26px; }
.ai-flow-inputs>div { display:grid; justify-items:center; text-align:center; gap:12px; font-size:12px; padding:15px 6px; background:var(--surface-muted); border-radius:4px; }
.ai-flow-inputs .icon { color:var(--ai-accent); }
.ai-flow-line { width:1px; height:27px; background:var(--border); margin:auto; position:relative; }
.ai-flow-line:after { content:''; position:absolute; width:5px; height:5px; border-radius:50%; background:#25c7db; left:-2px; animation:ai-travel 2.8s ease-in-out infinite; }
@keyframes ai-travel { 0% { transform:translateY(0);opacity:0; } 25%,75% { opacity:1; } 100% { transform:translateY(24px);opacity:0; } }
.ai-flow-engine { display:grid; justify-items:center; gap:10px; background:#0f2450; color:#fff; padding:24px; border-radius:6px; }
.ai-flow-engine>.icon { color:#75d7e5; }
.ai-flow-engine strong { font-size:24px; }
.ai-flow-engine span { color:#d1dcef; font-size:13px; }
.ai-approval { display:flex; align-items:center; gap:14px; padding:18px; border:1px solid var(--border); border-inline-start:3px solid #1b9b97; border-radius:4px; }
.ai-approval>div { flex:1; }
.ai-approval strong,.ai-approval span { display:block; }
.ai-approval strong { font-size:15px; }
.ai-approval span { font-size:12px; color:var(--muted-foreground); margin-top:5px; }
.ai-approval>.icon { color:#19857e; flex-shrink:0; }
.ai-flow-output { display:flex; align-items:center; justify-content:center; gap:12px; font-size:13px; }
.ai-heading { max-width:820px; margin-bottom:36px; }
.ai-heading h2 { font-size:36px; line-height:1.35; text-wrap:balance; }
[dir=rtl] .ai-heading h2 { line-height:1.55; }
.ai-heading p { font-size:16px; margin-top:20px; }
.ai-soft { background:var(--surface-muted); }
.ai-split { display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:start; }
.ai-split .ai-heading { margin-bottom:0; }
.ai-purpose-copy p+p { margin-top:16px; }
.ai-principle { display:block; border-inline-start:3px solid var(--ai-accent); padding:16px 20px; margin-top:24px; }
.ai-capabilities { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.ai-capabilities article { border-top:1px solid var(--border); padding-top:24px; }
.ai-capabilities article>.icon { color:var(--ai-accent); margin-inline-end:12px; vertical-align:middle; }
.ai-status { display:inline-block; color:var(--ai-accent); font-size:12px; font-weight:700; }
.ai-roadmap { color:var(--muted-foreground); }
.ai-page h3 { font-size:20px; line-height:1.6; margin:16px 0 10px; }
.ai-capabilities p,.ai-ecosystem p { font-size:15px; }
.ai-examples { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.ai-examples article { padding:24px; background:var(--surface); border:1px solid var(--border); border-radius:8px; }
.ai-examples h3 { margin-top:0; }
.ai-examples ol { list-style:none; margin:24px 0 0; padding:0; }
.ai-examples li { position:relative; display:flex; gap:12px; align-items:center; font-size:14px; min-height:68px; }
.ai-examples li:not(:last-child):after { content:''; position:absolute; inset-inline-start:15px; top:50px; height:36px; width:1px; background:var(--border); }
.ai-step-number { display:grid; place-items:center; border:1px solid var(--border); background:var(--surface-muted); width:32px; height:32px; flex-shrink:0; border-radius:50%; font-size:12px; }
.ai-process { list-style:none; padding:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:24px; }
.ai-process li { border-top:2px solid var(--border); padding-top:20px; }
.ai-process-number { color:var(--ai-accent); font-weight:800; font-size:14px; }
.ai-process p { font-size:14px; }
.ai-control { background:#0f2450; color:#fff; }
.ai-control p { color:#c6d5eb; }
.ai-control .eyebrow { color:#75d7e5; }
.ai-controls { list-style:none; padding:0; margin-top:24px; display:grid; gap:18px; }
.ai-controls li { display:flex; gap:12px; align-items:start; font-size:15px; }
.ai-controls .icon { color:#75d7e5; flex-shrink:0; }
.ai-ecosystem { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.ai-ecosystem article { border-top:2px solid var(--border); padding-top:24px; }
.ai-ecosystem .btn-link { font-size:14px; margin-top:24px; }
.ai-engagement { list-style:none; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.ai-engagement li { border-top:1px solid var(--border); padding-top:20px; display:flex; align-items:center; gap:12px; font-size:16px; font-weight:700; }
.ai-engagement .icon { color:var(--ai-accent); flex-shrink:0; }
.ai-caption { margin:28px 0; font-size:14px; }
.ai-final { background:#0f2450; color:#fff; margin-bottom:72px; }
.ai-final .eyebrow { color:#75d7e5; }
.ai-final p { color:#c6d5eb; }
@media(max-width:1000px) {
 .ai-hero-grid,.ai-split { gap:36px; }
 .ai-hero h1,[dir=rtl] .ai-hero h1 { font-size:36px; }
 .ai-capabilities { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ai-process { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .ai-examples { gap:16px; }
 .ai-examples article { padding:18px; }
}
@media(max-width:760px) {
 .ai-hero { padding:36px 0 48px; }
 .ai-hero-grid,.ai-split,.ai-examples,.ai-ecosystem { grid-template-columns:1fr; }
 .ai-hero-copy>p { font-size:16px; }
 .ai-heading h2 { font-size:29px; }
 .ai-workflow-visual { padding:20px; }
 .ai-capabilities,.ai-process,.ai-engagement { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
 .ai-final { margin-bottom:40px; }
}
@media(max-width:430px) {
 .ai-hero h1,[dir=rtl] .ai-hero h1 { font-size:32px; }
 .ai-actions .btn { width:100%; justify-content:center; }
 .ai-capabilities,.ai-engagement { grid-template-columns:1fr; }
 .ai-visual-top .brand-logo { width:110px; }
 .ai-flow-inputs { gap:6px; }
 .ai-flow-inputs>div { font-size:11px; }
}
@media(prefers-reduced-motion:reduce) { .ai-flow-line:after { animation:none; } }