.ai-section{--ai-red:#d80000;--ai-blue:#2379b9;--ai-ink:#20262c}
.ai-section .ai-intro{padding:64px 0 42px;background:#f5f6f7}
.ai-intro h1{max-width:920px;font-size:clamp(2.5rem,5.2vw,4.8rem);line-height:1.07;letter-spacing:-.045em;margin:20px 0}
.ai-intro .ai-lead{max-width:850px;font-size:clamp(1.05rem,1.7vw,1.3rem);line-height:1.65}
.ai-breadcrumb{font-size:.85rem;display:flex;gap:10px;flex-wrap:wrap;color:#515960}
.ai-breadcrumb a{color:inherit}
.ai-scene{margin:30px 0 0;position:relative}
.ai-scene picture{display:block;overflow:hidden;border-radius:5px}
.ai-scene img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;max-height:none}
.ai-scene figcaption{font-size:.78rem;color:#545d65;margin-top:10px}
.ai-route-label{display:block;margin-top:18px;color:#d80000;font-size:.85rem;font-weight:750;letter-spacing:.04em}
.ai-section .ai-body{padding:64px 0}
.ai-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:70px;align-items:start}
.ai-copy{max-width:780px}
.ai-copy h2{font-size:clamp(1.55rem,2.5vw,2.2rem);line-height:1.2;margin:42px 0 16px;letter-spacing:-.025em}
.ai-copy h2:first-child{margin-top:0}
.ai-copy p{line-height:1.8;color:#424b53;margin:0 0 20px}
.ai-toc{border-top:3px solid #d80000;padding-top:20px}
.ai-toc h2{font-size:1rem;margin:0 0 15px}
.ai-toc a{display:block;padding:9px 0;font-size:.9rem;color:#303940;border-bottom:1px solid #e1e5e8}
.ai-section .ai-system{background:#182129;color:#fff;padding:54px 0}
.ai-system h2{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.2;color:#fff;margin:12px 0 20px}
.ai-system .eyebrow{color:#a9d8fc}
.ai-system-intro{max-width:780px;color:#d6e0e7;line-height:1.7}
.ai-system-top{display:flex;gap:20px;align-items:center;justify-content:space-between}
.ai-motion{background:transparent;color:#fff;border:1px solid #91a8b9;border-radius:3px;padding:10px 14px;cursor:pointer;font:inherit;font-size:.8rem;white-space:nowrap}
.ai-motion[hidden]{display:none}
.ai-topology{width:100%;height:auto;display:block;margin:24px 0 8px;max-height:280px}
.ai-topology .wire{fill:none;stroke:#538ab1;stroke-width:2}
.ai-topology .signal{fill:none;stroke:#96d3ff;stroke-width:3;stroke-dasharray:12 320}
.ai-animated .ai-topology .signal{animation:ai-travel 5.5s linear infinite}
.ai-topology .device{fill:#202f3b;stroke:#8299a9;stroke-width:1.5}
.ai-topology .detail{fill:none;stroke:#bbcbd6;stroke-width:1.4}
.ai-topology .port{fill:#e44343}
.ai-topology text{fill:#e7eff4;font-size:12px;font-family:inherit}
.ai-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:25px}
.ai-step{border-top:2px solid #6287a1;padding:18px 14px;background:#22313d;min-width:0}
.ai-step summary{cursor:pointer;font-size:1rem;font-weight:700;line-height:1.4}
.ai-step summary span{display:block;color:#9cceef;font-size:.75rem;letter-spacing:.1em;margin-bottom:8px}
.ai-step p{font-size:.9rem;line-height:1.65;color:#d6e0e7;margin:15px 0 0}
.ai-system-note{font-size:.87rem;line-height:1.7;color:#d6e0e7;margin-top:24px;max-width:1000px}
.ai-channels{padding:52px 0}
.ai-channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:24px}
.ai-channel{border:1px solid #d3dbe0;padding:18px;background:#fff}
.ai-channel summary{font-weight:700;cursor:pointer;color:#b80000}
.ai-channel p{color:#424b53;font-size:.94rem;line-height:1.7;margin:14px 0 0}
.ai-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}
.ai-card{padding:25px;border:1px solid #d5dce1;background:#fff;display:flex;flex-direction:column;align-items:start}
.ai-card h3{font-size:1.25rem;line-height:1.3;color:#d80000;margin:10px 0 14px}
.ai-card p{font-size:.92rem;line-height:1.65;color:#424b53;margin:0 0 20px}
.ai-card a{margin-top:auto;color:#b80000;font-weight:700}
.ai-card-number{font-size:.8rem;color:#52636f;letter-spacing:.13em}
.ai-links{padding:45px 0 65px;background:#f5f6f7}
.ai-links nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.ai-links a{border:1px solid #cbd4db;padding:12px 16px;color:#283641;background:#fff}
.ai-section :focus-visible{outline:3px solid #2580bf;outline-offset:4px}
.ai-system :focus-visible{outline-color:#a9d8fc}
.ai-paused .ai-topology .signal{animation-play-state:paused}
@keyframes ai-travel{to{stroke-dashoffset:-664}}
@media(prefers-reduced-motion:reduce){.ai-animated .ai-topology .signal{animation:none;stroke-dasharray:none;opacity:.6}}
@media(max-width:1024px){.ai-content-grid{gap:35px;grid-template-columns:minmax(0,1fr) 230px}.ai-flow{grid-template-columns:repeat(2,1fr)}.ai-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.ai-content-grid{grid-template-columns:1fr}.ai-toc{order:-1}.ai-toc nav{display:flex;flex-wrap:wrap;gap:0 18px}.ai-toc a{font-size:.82rem}.ai-channel-grid{grid-template-columns:repeat(2,1fr)}.ai-section .ai-intro{padding-top:32px}.ai-section .ai-body{padding:38px 0}.ai-system-top{align-items:start;flex-direction:column}.ai-topology{min-height:135px}.ai-scene img{max-height:none}}
@media(max-width:480px){.ai-cards,.ai-channel-grid,.ai-flow{grid-template-columns:1fr}.ai-topology{display:none}.ai-step{border-left:2px solid #6287a1;border-top:0}.ai-intro h1{font-size:2.5rem}.ai-links a{width:100%}}