:root{--bg:#07111f;--bg2:#0b1628;--bg3:#0f1c2e;--card:#101d2f;--card2:#132238;--line:rgba(255,255,255,.09);--tx:#e6edf7;--mut:#9db0c8;--cy:#35c2ff;--tl:#24d6b0;--am:#f2b84b;--gn:#3ecf8e}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(1100px 520px at 85% -8%,#0f2644 0,transparent 60%),var(--bg);color:var(--tx);font:16px/1.7 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
h1{font-size:38px;line-height:1.18;margin:0 0 14px;letter-spacing:-.01em}h2{font-size:27px;line-height:1.25;margin:0 0 10px}h3{font-size:19px;line-height:1.3;margin:0 0 8px}h4{font-size:12px;margin:0 0 6px;color:var(--mut);text-transform:uppercase;letter-spacing:.08em;font-weight:700}
p{margin:0 0 14px;max-width:74ch}ul,ol{margin:0 0 14px;padding-left:22px;max-width:74ch}li{margin-bottom:5px}a{color:var(--cy)}small,.mut{color:var(--mut);font-size:14px}
.skip{position:absolute;left:-999px;top:8px;background:var(--cy);color:#04121f;padding:8px 14px;border-radius:8px;z-index:100;font-weight:600}.skip:focus{left:8px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--cy);outline-offset:3px;border-radius:4px}
#side{position:fixed;inset:0 auto 0 0;width:272px;background:linear-gradient(180deg,var(--bg3),var(--bg2));border-right:1px solid var(--line);overflow:auto;padding:22px 16px;z-index:40;display:flex;flex-direction:column}
.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--tx);margin-bottom:6px}.brand img{width:42px;height:42px;border-radius:10px}.brand b{display:block;font-size:19px;line-height:1.15}.brand span{display:block;font-size:12px;color:var(--mut);line-height:1.3}
#side nav{margin-top:18px}#side nav a{display:flex;gap:10px;padding:9px 11px;border-radius:9px;color:#b9c8dc;text-decoration:none;font-size:14.5px;line-height:1.35}#side nav a i{font-style:normal;color:#4d6481;width:20px;font-variant-numeric:tabular-nums;flex:none}
#side nav a:hover{background:#ffffff0a;color:#fff}#side nav a[aria-current=page]{background:#35c2ff1c;color:#fff;font-weight:600}#side nav a[aria-current=page] i{color:var(--cy)}
.sidenote{margin-top:auto;padding-top:18px;font-size:12.5px;color:var(--mut);line-height:1.5}.sidenote b{color:var(--tx)}
#top{display:none}
main{margin-left:272px;padding:46px 44px 30px;max-width:1280px}
section.blk{padding:34px 0 6px}section.blk+section.blk{border-top:1px solid var(--line);margin-top:26px}
.eyebrow{color:var(--cy);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.lead{font-size:18.5px;color:#c9d6e8;max-width:70ch;line-height:1.65}
.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:34px;align-items:center;margin-bottom:10px}
.btnrow{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 4px}
.btn{display:inline-block;padding:10px 18px;border-radius:9px;border:1px solid var(--line);background:var(--card2);color:var(--tx);text-decoration:none;font-weight:600;font-size:15px}.btn:hover{border-color:var(--cy)}.btn.p{background:var(--cy);color:#04121f;border-color:var(--cy)}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px 22px;margin-bottom:16px}
.grid{display:grid;gap:16px;margin:16px 0}.g2{grid-template-columns:repeat(auto-fit,minmax(310px,1fr))}.g3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.g4{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.card.link{text-decoration:none;color:inherit;display:block}.card.link:hover{border-color:var(--cy)}.card.link h3{color:#fff}.card .more{color:var(--cy);font-size:14px;font-weight:600}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:22px 0}.kpi{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:15px 17px}.kpi b{display:block;font-size:29px;line-height:1.1;color:var(--cy);font-variant-numeric:tabular-nums}.kpi span{display:block;font-size:13.5px;color:var(--mut);margin-top:5px;line-height:1.45}
.note{border-left:3px solid var(--am);background:#f2b84b12;border-radius:0 10px 10px 0;padding:13px 17px;margin:18px 0;font-size:15px;max-width:80ch}.note b{color:var(--am)}.note.info{border-color:var(--cy);background:#35c2ff0f}.note.info b{color:var(--cy)}
.tag{display:inline-block;padding:2px 9px;border-radius:6px;font-size:12px;font-weight:700;background:#35c2ff1c;color:var(--cy);margin-right:6px}.tag.d{background:#24d6b01c;color:var(--tl)}
.fig{margin:18px 0;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}.fig-open{display:block;width:100%;padding:0;border:0;background:#fff;cursor:zoom-in}.fig-open img{display:block;width:100%;height:auto;-webkit-user-drag:none;user-select:none}
.fig figcaption{padding:12px 16px;font-size:14px;color:var(--mut);line-height:1.55}.fig figcaption b{color:var(--tx)}
.figs2{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:16px}.figs2 .fig{margin:0}
table{border-collapse:collapse;width:100%;font-size:14.5px}th,td{padding:10px 13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#16263d;color:#c4d3e6;font-weight:700;font-size:13px}.tw{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.chip{border:1px solid var(--line);background:var(--card2);color:var(--tx);border-radius:999px;padding:6px 15px;font:inherit;font-size:14px;cursor:pointer}.chip[aria-pressed=true]{background:#35c2ff24;border-color:var(--cy);color:#fff}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}.toc a{font-size:13.5px;text-decoration:none;color:#c4d3e6;background:var(--card2);border:1px solid var(--line);border-radius:8px;padding:5px 11px}.toc a:hover{border-color:var(--cy);color:#fff}
.wf{scroll-margin-top:18px}.wf header{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;margin-bottom:6px}.wf header h2{margin:0}.bp{font-size:13px;color:var(--mut)}
.wfgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px 28px;margin:14px 0}.wfgrid h4{margin-top:4px}.kv{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;font-size:14.5px;margin:0}.kv dt{color:var(--mut)}.kv dd{margin:0}
.chal{scroll-margin-top:18px}.chal .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px 26px}.chal .steps h4{color:var(--cy)}.chal .steps p{font-size:15px;margin:0 0 8px}
.arch{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;overflow-x:auto}.arch svg{display:block;min-width:820px;width:100%;height:auto}.arch a:focus-visible rect,.arch a:hover rect{stroke:var(--cy);stroke-width:2}
.dash{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px #35c2ff14,0 18px 60px -24px #35c2ff55}.dash .fig-open{background:#fff}
.nextbox{background:linear-gradient(180deg,#35c2ff10,#35c2ff06);border:1px solid #35c2ff33;border-radius:12px;padding:20px 22px;margin:34px 0 10px}
footer{margin-left:272px;padding:26px 44px 40px;border-top:1px solid var(--line);color:var(--mut);font-size:13.5px}footer b{color:var(--tx)}footer nav{display:flex;flex-wrap:wrap;gap:6px 18px;margin:10px 0}footer p{max-width:110ch}
#lb{position:fixed;inset:0;background:#030a14f2;z-index:90;display:none;align-items:center;justify-content:center;padding:26px;cursor:zoom-out}#lb.o{display:flex}#lb img{max-width:100%;max-height:100%;border-radius:8px;background:#fff;-webkit-user-drag:none}
@media(max-width:1040px){#side{transform:translateX(-102%);transition:transform .2s}#side.o{transform:none;box-shadow:6px 0 30px #000a}
 #top{display:flex;position:sticky;top:0;z-index:30;align-items:center;gap:12px;padding:10px 16px;background:#07111ff2;border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}#top button{background:var(--card);color:var(--tx);border:1px solid var(--line);border-radius:8px;padding:6px 11px;font-size:19px;cursor:pointer}#top a{color:var(--tx);text-decoration:none;font-weight:700}#top img{width:30px;height:30px;border-radius:7px;vertical-align:middle;margin-right:8px}
 main,footer{margin-left:0}main{padding:28px 18px 20px}footer{padding:24px 18px 36px}h1{font-size:30px}h2{font-size:23px}.hero{grid-template-columns:1fr}}
@media print{#side,#top{display:none}main,footer{margin:0}}