:root{--bg:#06111f;--panel:#0d2036;--line:#274968;--text:#edf5ff;--muted:#9fb4ca;--cyan:#63c7ff;--green:#55d89b;--orange:#ffb454}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}
a{color:var(--cyan);text-decoration:none}.page{max-width:1450px;margin:auto;padding:34px 26px 50px}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.panel,.card{background:linear-gradient(180deg,var(--panel),#0a1a2c);border:1px solid var(--line);border-radius:15px;padding:18px}
h1{font-size:38px;line-height:1.08;margin:0 0 12px}h2{font-size:21px;margin:0 0 12px}h3{font-size:15px;margin:0 0 8px}
p{line-height:1.6;color:#dce8f3}.muted{color:var(--muted)}
.badge{display:inline-block;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;margin:0 6px 8px 0}
.ok{background:#123928;color:#7ce0ad}.info{background:#173853;color:#8fd3ff}.warn{background:#432f14;color:#ffd08c}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid.two{grid-template-columns:repeat(2,1fr)}
.metric{font-size:28px;font-weight:800;margin-top:7px}.k{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.flow{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.step{text-align:center;background:#091a2b;border:1px solid #294966;border-radius:11px;padding:13px 8px;font-size:11px}.step b{display:block;margin-bottom:4px}
table{width:100%;border-collapse:collapse;background:#0b1d31}th,td{padding:10px;border-bottom:1px solid #27445e;text-align:left;font-size:13px;vertical-align:top}th{background:#10263d;color:#c7d8e8}
.human-box{background:#091a2b;border:1px solid #2b4c67;border-radius:12px;padding:15px;line-height:1.6}
.sdkio{display:grid;grid-template-columns:1fr 70px 1fr;gap:12px;align-items:center}.arrow{text-align:center;font-size:34px;color:var(--cyan)}
.status{display:flex;align-items:center;gap:8px;margin:8px 0}.dot{width:9px;height:9px;border-radius:50%;background:var(--green)}
.footer{margin-top:28px;color:var(--muted);font-size:12px}
.ai-insight{margin-top:18px;padding:20px;background:linear-gradient(180deg,#102a44,#0a1c2f);border:1px solid #31638a;border-radius:15px}
.ai-insight-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.ai-insight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.ai-cell{background:#081827;border:1px solid #294966;border-radius:10px;padding:12px}.ai-cell .v{font-size:20px;font-weight:800;margin-top:4px}
@media(max-width:1000px){.hero,.grid,.grid.two,.sdkio{grid-template-columns:1fr}.arrow{transform:rotate(90deg)}.flow{grid-template-columns:repeat(2,1fr)}.ai-insight-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.ai-insight-grid{grid-template-columns:1fr}}