:root{--ia-ink:#10243b;--ia-muted:#4d6278;--ia-line:#d6e1ea;--ia-soft:#f3f7fa;--ia-blue:#075985;--ia-dark:#071d2c;--ia-ok:#166534;--ia-warn:#92400e}
.ia-hero{background:linear-gradient(135deg,#071d2c,#0b3b58);color:#fff;padding:72px 0 58px}.ia-hero h1{color:#fff;max-width:900px;font-size:clamp(2.3rem,5vw,4.6rem);line-height:1.03;margin:12px 0 18px}.ia-hero p{max-width:820px;color:#e3f1f7;font-size:1.15rem;line-height:1.75}.ia-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.ia-stats div{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);border-radius:16px;padding:18px}.ia-stats strong{display:block;color:#fff;font-size:1.2rem}.ia-stats span{color:#d4e8f1;font-size:.92rem}
.ia-main{padding:56px 0 80px}.ia-intro{max-width:860px;margin-bottom:28px}.ia-intro h2{color:var(--ia-ink)}.ia-intro p{color:var(--ia-muted);line-height:1.7}.ia-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}.ia-tabs button{border:1px solid #b8c9d7;background:#fff;color:#17324b;border-radius:999px;padding:10px 15px;font:inherit;font-weight:800;cursor:pointer}.ia-tabs button[aria-selected=true]{background:#075985;color:#fff;border-color:#075985}.ia-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:24px;align-items:start}.ia-stage{border:1px solid var(--ia-line);border-radius:22px;background:#fff;padding:24px}.ia-visual{min-height:360px;background:linear-gradient(180deg,#eef6fa,#fff);border:1px solid #d4e3eb;border-radius:18px;display:grid;place-items:center;overflow:hidden}.ia-visual img{width:min(100%,620px);height:330px;object-fit:contain;padding:20px}.ia-stage h2{color:var(--ia-ink);margin:22px 0 8px}.ia-stage p{color:var(--ia-muted);line-height:1.65}.ia-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.ia-step{border:1px solid var(--ia-line);border-radius:14px;padding:14px;background:var(--ia-soft);position:relative}.ia-step b{display:block;color:var(--ia-blue);margin-bottom:5px}.ia-step span{font-size:.9rem;color:#415a72}.ia-step.active{outline:3px solid rgba(7,89,133,.18);border-color:#4e9abe;background:#eef8fc}.ia-panel{border:1px solid var(--ia-line);border-radius:22px;background:#fff;padding:22px;position:sticky;top:110px}.ia-panel h3{color:var(--ia-ink);margin-top:0}.ia-panel dl{margin:0}.ia-panel dt{font-weight:850;color:#223c54;margin-top:14px}.ia-panel dd{margin:4px 0 0;color:var(--ia-muted);line-height:1.5}.ia-links{display:grid;gap:9px;margin-top:20px}.ia-links a{display:flex;justify-content:space-between;gap:10px;color:#075985;font-weight:850;text-decoration:none;border-top:1px solid #e2e9ef;padding-top:10px}.ia-links a:hover{text-decoration:underline}.ia-sim{margin-top:44px;padding:28px;border-radius:22px;background:#eef6fa;border:1px solid #cddfe9}.ia-sim-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ia-controls label{display:block;font-weight:800;color:var(--ia-ink);margin-bottom:18px}.ia-controls input[type=range]{width:100%}.ia-result{border-radius:18px;background:#fff;border:1px solid var(--ia-line);padding:22px}.ia-result strong{display:block;font-size:2rem;color:var(--ia-ink)}.ia-meter{height:14px;border-radius:999px;background:#dfe8ee;overflow:hidden;margin:16px 0}.ia-meter span{display:block;height:100%;background:#075985;width:50%;transition:width .25s ease}.ia-note{color:var(--ia-muted);line-height:1.55}.ia-family-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px}.ia-card{border:1px solid var(--ia-line);border-radius:18px;background:#fff;padding:20px}.ia-card img{width:100%;height:150px;object-fit:contain;background:#f5f8fa;border-radius:12px}.ia-card h3{color:var(--ia-ink)}.ia-card p{color:var(--ia-muted);line-height:1.55}.ia-card a{color:#075985;font-weight:850;text-decoration:none}.ia-card a:hover{text-decoration:underline}@media(max-width:900px){.ia-layout,.ia-sim-grid{grid-template-columns:1fr}.ia-panel{position:static}.ia-flow{grid-template-columns:1fr 1fr}.ia-family-grid{grid-template-columns:1fr 1fr}.ia-stats{grid-template-columns:1fr}}@media(max-width:620px){.ia-flow,.ia-family-grid{grid-template-columns:1fr}.ia-visual{min-height:260px}.ia-visual img{height:250px}.ia-hero{padding:52px 0 44px}}
@media(prefers-reduced-motion:reduce){.ia-meter span{transition:none}}