:root{--navy:#071426;--navy2:#0b1e35;--cyan:#23d5e8;--cyan2:#75f0f5;--slate:#607087;--ink:#102033;--bg:#f5f8fb;--card:#fff;--line:#dce5ee;--green:#21b573;--amber:#f3b43f;--red:#ef5b68;--shadow:0 18px 55px rgba(7,20,38,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}.v11-nav{position:sticky;top:0;z-index:100;background:rgba(7,20,38,.96);backdrop-filter:blur(16px);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.v11-navin{max-width:1440px;margin:auto;height:74px;display:flex;align-items:center;gap:28px;padding:0 28px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.04em;font-size:21px}.brand b{color:var(--cyan)}.navlinks{display:flex;gap:18px;align-items:center;flex:1}.navlinks a{font-size:13px;color:#b8c7d8;padding:9px 7px}.navlinks a:hover{color:#fff}.navcta{background:var(--cyan);color:#04101e;padding:11px 16px;border-radius:10px;font-weight:800;font-size:13px}.hero{background:radial-gradient(circle at 80% 20%,rgba(35,213,232,.18),transparent 32%),linear-gradient(135deg,#061322,#0b2139 58%,#0c3048);color:#fff}.hero-in{max-width:1440px;margin:auto;padding:78px 28px 60px;display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan2);font-weight:800}.hero h1{font-size:clamp(44px,6vw,82px);line-height:.98;letter-spacing:-.06em;margin:16px 0 20px;max-width:850px}.hero p{font-size:19px;line-height:1.65;color:#b9c9d8;max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{padding:13px 18px;border-radius:10px;font-weight:800;font-size:13px;border:1px solid transparent}.btn-primary{background:var(--cyan);color:#061322}.btn-dark{border-color:rgba(255,255,255,.2);color:#fff}.hero-panel{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:22px;padding:20px;box-shadow:0 30px 80px rgba(0,0,0,.2)}.signal{display:flex;justify-content:space-between;padding:16px 4px;border-bottom:1px solid rgba(255,255,255,.09)}.signal:last-child{border:0}.signal strong{font-size:14px}.signal span{font-size:12px;color:#8fa6ba}.status{padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900}.ok{background:rgba(33,181,115,.15);color:#6af0b2}.watch{background:rgba(243,180,63,.15);color:#ffd17a}.critical{background:rgba(239,91,104,.15);color:#ff9ca5}.wrap{max-width:1440px;margin:auto;padding:0 28px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:-28px;position:relative}.metric{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.metric small{display:block;color:var(--slate);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.metric strong{display:block;font-size:30px;margin:8px 0 3px;letter-spacing:-.04em}.metric em{font-size:11px;color:var(--green);font-style:normal;font-weight:700}.section{padding:76px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section h2{font-size:38px;letter-spacing:-.04em;margin:0 0 8px}.section-head p{margin:0;color:var(--slate);max-width:650px;line-height:1.6}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;min-height:190px;transition:.25s;box-shadow:0 8px 25px rgba(7,20,38,.04)}.feature:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#b9d8e4}.feature .icon{width:42px;height:42px;border-radius:12px;background:#e8fbfd;color:#078b9b;display:grid;place-items:center;font-weight:900;margin-bottom:18px}.feature h3{margin:0 0 8px;font-size:19px}.feature p{color:var(--slate);font-size:13px;line-height:1.6;margin:0}.dark-section{background:var(--navy);color:#fff}.dark-section p{color:#a9bacb}.control{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.dark-panel{background:#0d2037;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:22px}.bar{height:9px;background:#e7edf3;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),#36a7ff);border-radius:999px}.kpi-row{display:grid;grid-template-columns:1.4fr .6fr .6fr;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.kpi-row:last-child{border:0}.article-search{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;gap:12px;box-shadow:var(--shadow)}.article-search input{flex:1;border:0;outline:0;font-size:16px}.tag{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eef5fa;color:#426075;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.footer{background:#061322;color:#91a5b8;padding:50px 0}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px}.footer h3{color:#fff;font-size:14px}.footer a{display:block;font-size:12px;margin:9px 0}.footer p{font-size:12px;line-height:1.7}.article-hero{background:linear-gradient(135deg,#071426,#102d49);color:#fff;padding:62px 0}.article-layout{display:grid;grid-template-columns:1fr 320px;gap:28px}.article-body{background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:var(--shadow)}.article-body h2{font-size:27px;margin-top:34px}.article-body p,.article-body li{line-height:1.75;color:#4d6074}.article-body table{width:100%;border-collapse:collapse;margin:20px 0}.article-body th,.article-body td{padding:11px;border:1px solid var(--line);text-align:left;font-size:13px}.aside{position:sticky;top:96px;height:max-content}.mini{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:14px}.mini a{display:block;font-size:12px;padding:8px 0;color:#365269}.mobile-menu{display:none}@media(max-width:1000px){.navlinks{display:none}.mobile-menu{display:block;margin-left:auto}.hero-in,.control,.article-layout{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.grid4{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:1fr}.aside{position:static}}@media(max-width:600px){.v11-navin{padding:0 16px}.wrap{padding:0 16px}.hero-in{padding:55px 16px 45px}.hero h1{font-size:46px}.metrics{margin-top:0;grid-template-columns:1fr}.grid4{grid-template-columns:1fr}.section{padding:52px 0}.section h2{font-size:30px}.footer-grid{grid-template-columns:1fr 1fr}.article-body{padding:22px}.article-body h2{font-size:23px}}