/* svc-ai.css — AI & Automation · unified blue/cyan — no grid lines */
.hero-ai {
    background: linear-gradient(140deg, #0B1426 0%, #0F1E38 50%, #0B1426 100%);
}
.hero-ai .svc-hero__bg::after {
    content:''; position:absolute;
    width:460px; height:460px; border-radius:50%;
    background:radial-gradient(circle, rgba(6,182,212,.08) 0%, transparent 70%);
    top:50%; right:-50px; transform:translateY(-50%); pointer-events:none;
}
.hero-ai .svc-h1            { color:#fff; }
.hero-ai .svc-sub           { color:#94A3B8; }
.hero-ai .hero-tag          { color:#38BDF8; background:rgba(56,189,248,.08); border:1px solid rgba(56,189,248,.2); }
.hero-ai .svc-bc            { color:rgba(255,255,255,.45); }
.hero-ai .svc-bc a          { color:rgba(255,255,255,.45); }
.hero-ai .svc-bc a:hover    { color:#fff; }
.hero-ai .svc-bc i          { color:rgba(255,255,255,.22); }
.hero-ai .svc-proof-item    { color:rgba(255,255,255,.65); }
.hero-ai .svc-proof-item i  { color:#38BDF8; }

/* Neural network nodes */
.n-node { animation:nodePulse 2.5s ease-in-out infinite; }
.n-node:nth-child(2){animation-delay:.4s}.n-node:nth-child(3){animation-delay:.8s}
.n-node:nth-child(4){animation-delay:1.2s}.n-node:nth-child(5){animation-delay:1.6s}
@keyframes nodePulse{0%,100%{opacity:.4}50%{opacity:1}}
.n-edge{stroke-dasharray:200;stroke-dashoffset:200;animation:edgeDraw 2s ease forwards}
.n-edge:nth-child(2){animation-delay:.15s}.n-edge:nth-child(3){animation-delay:.3s}.n-edge:nth-child(4){animation-delay:.45s}
@keyframes edgeDraw{to{stroke-dashoffset:0}}

/* Chat demo */
.ai-chat {
    background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.07);
    border-radius:14px; padding:16px; display:flex; flex-direction:column; gap:9px; margin-top:14px;
}
.chat-u {
    align-self:flex-end; max-width:80%; padding:8px 12px; border-radius:12px;
    background:rgba(37,99,235,.28); border:1px solid rgba(37,99,235,.38);
    color:#BFDBFE; font-size:.76rem; line-height:1.5; border-bottom-right-radius:3px;
}
.chat-a {
    align-self:flex-start; max-width:84%; padding:8px 12px; border-radius:12px;
    background:rgba(56,189,248,.08); border:1px solid rgba(56,189,248,.14);
    color:#E0F2FE; font-size:.76rem; line-height:1.5; border-bottom-left-radius:3px;
}
.chat-typing {
    align-self:flex-start; display:flex; gap:4px; align-items:center;
    padding:8px 12px; background:rgba(56,189,248,.05); border:1px solid rgba(56,189,248,.1);
    border-radius:12px; border-bottom-left-radius:3px; width:fit-content;
}
.chat-typing span { width:5px; height:5px; border-radius:50%; background:#38BDF8; animation:typDot 1.4s ease-in-out infinite; }
.chat-typing span:nth-child(2){animation-delay:.2s}.chat-typing span:nth-child(3){animation-delay:.4s}
@keyframes typDot{0%,80%,100%{transform:translateY(0);opacity:.5}40%{transform:translateY(-5px);opacity:1}}

/* Accuracy ring */
.acc-ring-wrap {
    background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.07);
    border-radius:11px; padding:13px 16px; display:flex; align-items:center; gap:13px; margin-top:10px;
}
.acc-ring{position:relative;width:50px;height:50px;flex-shrink:0}
.acc-ring svg{width:50px;height:50px;transform:rotate(-90deg)}
.acc-track{fill:none;stroke:rgba(255,255,255,.06);stroke-width:5}
.acc-fill{fill:none;stroke:#38BDF8;stroke-width:5;stroke-linecap:round;stroke-dasharray:138;stroke-dashoffset:17;animation:ringFill 1.5s cubic-bezier(.4,0,.2,1) forwards}
@keyframes ringFill{from{stroke-dashoffset:138}to{stroke-dashoffset:17}}
.acc-pct{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.66rem;font-weight:800;color:#38BDF8;transform:rotate(90deg)}
.acc-lbl{font-size:.76rem;color:rgba(255,255,255,.5);line-height:1.45}
.acc-lbl strong{color:#fff;display:block;font-size:.82rem;margin-bottom:2px}

.cta-ai { background:radial-gradient(ellipse at 50% 0%, #0c1f30 0%, #07090F 65%); }
.cta-ai h2 { color:#fff; }
.cta-ai .svc-cta-sub { color:#94A3B8; }
.cta-ai .svc-cta-trust { color:rgba(255,255,255,.5); }
.cta-ai .svc-cta-trust i { color:#38BDF8; }