:root{color-scheme:light;--bg:#f3f6f9;--card:#fff;--tx:#0f1521;--mu:#5b6579;--bd:#e1e6f0;--ac:#0b5cab;--acs:#e3eefa;--cr:#c81e1e;--hi:#c2410c;--me:#a16207;--lo:#4d7c0f;--cb:#f1f4fa;--up:#15803d;--dn:#b45309;--mt:#c81e1e;--sh:0 1px 2px rgba(15,21,33,.05),0 6px 20px rgba(15,21,33,.04);--p0:#c81e1e;--p1:#c2410c;--p2:#a16207;--p3:#5b6579;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
main,footer,.hi{max-width:1000px;margin:auto;padding:16px}
a{color:var(--ac)}ul{margin:6px 0;padding-left:20px}code{background:var(--cb);padding:1px 5px;border-radius:5px;font-size:.9em}
/* header */
.hd{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--bd)}
.hi{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:18px;color:var(--tx);text-decoration:none;letter-spacing:-.01em}
.logo svg{width:24px;height:24px;color:var(--ac)}
.nav{display:flex;gap:2px;flex-wrap:wrap;flex:1}
.nav a{font-size:13.5px;color:var(--mu);text-decoration:none;padding:6px 10px;border-radius:8px}
.nav a:hover{background:var(--acs);color:var(--ac)}
.tools{display:flex;gap:8px;align-items:center}
.osel{padding:6px 8px;font-size:13px;border-radius:8px}
.ib{width:34px;height:34px;border:1px solid var(--bd);border-radius:9px;background:var(--card);color:var(--tx);cursor:pointer;font-size:15px;line-height:1}
.ib:hover{border-color:var(--ac)}
/* hero */
.hero{padding:18px 0 6px}
.hero h1{font-size:clamp(26px,4.6vw,38px);line-height:1.1;letter-spacing:-.025em;margin:0 0 8px;font-weight:800}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--ac),#0b5cab);-webkit-background-clip:text;background-clip:text;color:transparent}
h1{font-size:26px;line-height:1.2;margin:10px 0 6px;letter-spacing:-.015em}
.sub{color:var(--mu);margin:0 0 14px}
.live{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--mu)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--up);box-shadow:0 0 0 0 var(--up);animation:pl 2s infinite}
.dot.old{background:var(--dn);animation:none}
@keyframes pl{70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}
.sbox{position:relative;margin:14px 0}
.sbox input{width:100%;padding:14px 48px 14px 16px;font-size:16px;border-radius:14px;box-shadow:var(--sh)}
.sbox kbd{position:absolute;right:14px;top:50%;transform:translateY(-50%);font:12px ui-monospace,monospace;border:1px solid var(--bd);border-radius:6px;padding:1px 7px;color:var(--mu);background:var(--cb)}
/* stats and panels */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:12px 0}
.st{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:12px 14px;font-size:12.5px;color:var(--mu);box-shadow:var(--sh)}
.st b{display:block;font-size:24px;line-height:1.15;color:var(--tx);letter-spacing:-.02em}
.st.hot b{color:var(--cr)}
.panels{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}
@media(max-width:720px){.panels{grid-template-columns:1fr}}
.pn{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:14px;box-shadow:var(--sh)}
.pn h3{margin:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--mu)}
.sevbar{display:flex;height:12px;border-radius:99px;overflow:hidden;background:var(--bd)}
.sevbar i{display:block;min-width:3px}
.lg{display:flex;gap:6px 14px;flex-wrap:wrap;margin-top:10px;font-size:12.5px;color:var(--mu)}
.lg button{all:unset;cursor:pointer;display:flex;gap:5px;align-items:center}.lg button:hover{color:var(--tx)}
.lg i{width:9px;height:9px;border-radius:3px;display:inline-block}
.spark{display:flex;align-items:flex-end;gap:4px;height:64px}
.spark span{flex:1;background:var(--ac);opacity:.75;border-radius:4px 4px 0 0;min-height:3px;position:relative}
.spark span:hover{opacity:1}
.spk-l{display:flex;justify-content:space-between;font-size:11px;color:var(--mu);margin-top:4px}
/* patch now */
.pnow{margin:14px 0}
.pnow h2{font-size:13px;text-transform:uppercase;letter-spacing:.07em;color:var(--p0);margin:0 0 8px;display:flex;align-items:center;gap:8px}
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.pc{display:flex;gap:10px;align-items:center;background:var(--card);border:1px solid var(--bd);border-left:4px solid var(--p0);border-radius:12px;padding:10px 12px;text-decoration:none;color:var(--tx);box-shadow:var(--sh)}
.pc:hover{border-color:var(--p0)}
.pc b{display:block;font-size:14px}.pc span{font-size:12.5px;color:var(--mu);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:210px}
/* filters */
.fbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:14px 0 10px}
.fg{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.fg+.fg{padding-left:10px;border-left:1px solid var(--bd)}
.chip{font:inherit;font-size:13px;padding:5px 11px;border:1px solid var(--bd);border-radius:99px;background:var(--card);color:var(--tx);cursor:pointer}
.chip:hover{border-color:var(--ac)}
.chip[aria-pressed=true]{background:var(--ac);border-color:var(--ac);color:#fff}
.rc{font-size:12.5px;color:var(--mu);margin:0 0 8px}
input,select,button,textarea{font:inherit}
input,select,textarea{padding:9px 10px;border:1px solid var(--bd);border-radius:10px;background:var(--card);color:var(--tx)}
input:focus,select:focus,textarea:focus,.chip:focus-visible,button:focus-visible{outline:2px solid var(--ac);outline-offset:1px}
/* cards */
.c{background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:14px 16px;margin-bottom:12px;box-shadow:var(--sh)}
.c.t-P0{border-left:4px solid var(--p0)}
.cg{display:flex;gap:14px;align-items:flex-start}
.cb2{flex:1;min-width:0}
.ring{--tc:var(--p3);flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--tc) calc(var(--p)*1%),var(--bd) 0);position:relative}
.ring::before{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--card)}
.ring b{position:relative;font-size:15px;letter-spacing:-.02em}
.ring.t-P0{--tc:var(--p0)}.ring.t-P1{--tc:var(--p1)}.ring.t-P2{--tc:var(--p2)}
.tl{font-size:10.5px;text-align:center;color:var(--mu);margin-top:3px;font-weight:600;letter-spacing:.02em;white-space:nowrap}
.top{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.id{font-weight:800;color:var(--tx);text-decoration:none;letter-spacing:-.01em}.id:hover{color:var(--ac)}
.b{font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;border:1px solid currentColor;white-space:nowrap}
.CRITICAL{color:var(--cr)}.HIGH{color:var(--hi)}.MEDIUM{color:var(--me)}.LOW{color:var(--lo)}
.kev{color:#fff;background:var(--cr);border-color:var(--cr)}
.upgrade,.s-fixed{color:var(--up)}.downgrade,.s-deferred,.s-pending{color:var(--dn)}.mitigate,.s-vulnerable{color:var(--mt)}.s-not-affected{color:var(--mu)}
.watch{color:var(--ac)}.rem{color:var(--hi)}
.t{margin:6px 0 2px;font-weight:650;font-size:16px;line-height:1.35}.s{color:var(--mu);margin:3px 0;font-size:14px}
.m{color:var(--mu);font-size:12.5px;margin-top:6px}
.why{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.why span{font-size:12px;background:var(--cb);border:1px solid var(--bd);border-radius:8px;padding:2px 8px;color:var(--mu)}
details{margin-top:10px}summary{cursor:pointer;color:var(--ac);font-size:14px;font-weight:600}
.p{border-top:1px solid var(--bd);margin-top:12px;padding-top:10px}
.ph{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-weight:700}
.kv{font-size:13px;color:var(--mu);margin:3px 0}.kv b{color:var(--tx)}
.l{font-size:12.5px;color:var(--mu);margin:10px 0 3px}
h2{font-size:17px;margin:20px 0 6px;letter-spacing:-.01em}
.cw{position:relative}
.f{background:var(--cb);border:1px solid var(--bd);border-radius:10px;padding:9px 58px 9px 11px;margin:2px 0 6px;font:12.5px/1.5 ui-monospace,Menlo,Consolas,monospace;overflow-x:auto;white-space:pre-wrap;word-break:break-word}
.cp{position:absolute;right:7px;top:7px;font-size:11px;padding:3px 9px;border:1px solid var(--bd);border-radius:7px;background:var(--card);color:var(--tx);cursor:pointer}
.cp:hover{border-color:var(--ac);color:var(--ac)}
.fx[hidden]{display:none}
.osn{font-size:12.5px;background:var(--acs);color:var(--ac);border-radius:10px;padding:7px 11px;margin:8px 0;display:none}
.osn button{all:unset;cursor:pointer;text-decoration:underline;margin-left:6px}
/* cve page */
.cvh{display:flex;gap:18px;align-items:center;margin:6px 0 10px}.cvh>div:last-child{flex:1;min-width:0}
.cvh .ring{width:76px;height:76px}.cvh .ring b{font-size:22px}.cvh .ring::before{inset:7px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
@media(max-width:720px){.grid2{grid-template-columns:1fr}}
.kvt{width:100%;border-collapse:collapse;font-size:13.5px}.kvt td{padding:5px 0;border-bottom:1px solid var(--bd);vertical-align:top}.kvt td:first-child{color:var(--mu);width:44%}
.aff-box{border:1px solid var(--ac);background:var(--acs);border-radius:14px;padding:14px;margin:14px 0}
.aff-box h3{margin:0 0 8px;font-size:15px}
.aff-box .row{display:flex;gap:8px;flex-wrap:wrap}.aff-box input{flex:1;min-width:150px}
.aff-box .res{margin-top:10px;font-size:14px;display:none}
.res.bad{color:var(--cr)}.res.ok{color:var(--up)}
.btn{padding:9px 16px;border:0;border-radius:10px;background:var(--ac);color:#fff;font-weight:700;cursor:pointer}
.more{display:block;margin:14px auto;padding:10px 20px;border:1px solid var(--bd);border-radius:10px;background:var(--card);color:var(--tx);cursor:pointer;font-weight:600}
.more:hover{border-color:var(--ac)}
.hint{font-size:13px;color:var(--up);margin-top:6px}
.note{font-size:12.5px;color:var(--mu);border:1px dashed var(--bd);border-radius:12px;padding:10px 12px;margin:12px 0}
.aff{display:block;margin:16px 0;padding:14px;border:1px solid var(--bd);border-radius:12px;background:var(--card);text-decoration:none;color:var(--tx);font-size:14px}.aff b{color:var(--ac)}
.crawl{font-size:13px;margin-top:18px}.crawl a{display:block;padding:2px 0}
footer{color:var(--mu);font-size:12.5px;padding-bottom:50px;border-top:1px solid var(--bd);margin-top:20px}
.sk{height:96px;border-radius:16px;margin-bottom:12px;background:linear-gradient(90deg,var(--card),var(--cb),var(--card));background-size:200% 100%;animation:sh 1.3s infinite;border:1px solid var(--bd)}
@keyframes sh{to{background-position:-200% 0}}
@media(max-width:560px){.nav{order:3;flex-basis:100%;overflow-x:auto;flex-wrap:nowrap}.nav a{white-space:nowrap}.cvh .ring{width:60px;height:60px}.cvh{gap:12px}.fg+.fg{padding-left:0;border-left:0}.ring{width:44px;height:44px}.ring::before{inset:4px}.ring b{font-size:13px}main,footer,.hi{padding:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
@media print{.hd,.fbar,.cp,.aff-box,footer{display:none}body{background:#fff}}
.alert{border:1px solid var(--cr);border-left:5px solid var(--cr);background:color-mix(in srgb,var(--cr) 8%,var(--card));border-radius:12px;padding:12px 14px;margin:12px 0;font-size:15px}

.logo img{width:28px;height:28px;display:block}
.hero{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.hero-tx{flex:1;min-width:260px}
.hero-art{width:220px;height:220px;flex:none;filter:drop-shadow(0 10px 30px rgba(99,102,241,.25))}
@media(max-width:700px){.hero-art{width:120px;height:120px;order:-1}}
.m time{white-space:nowrap}

.top5{margin:18px 0;padding:16px 18px;background:var(--cd,var(--bg2,#fff));border:1px solid var(--bd,#e2e8f0);border-radius:14px}
.top5 h2{margin:0 0 8px;font-size:16px}
.top5 ol{margin:0;padding-left:22px;display:grid;gap:8px}
.top5 li a{color:inherit;text-decoration:none}.top5 li a:hover{text-decoration:underline}
.top5 li span{display:block;font-size:12px;color:var(--mu,#64748b);margin-top:2px}
.top5 i.b{font-style:normal}
.news{display:grid;gap:6px;margin:18px 0;padding:16px 18px;border:1px solid var(--bd,#e2e8f0);border-radius:14px;background:linear-gradient(135deg,rgba(56,189,248,.10),rgba(99,102,241,.10))}
.news span{font-size:13px;color:var(--mu,#64748b)}
.news div{display:flex;gap:8px;flex-wrap:wrap}
.news input{flex:1;min-width:200px;padding:10px 12px;border-radius:10px;border:1px solid var(--bd,#cbd5e1);background:transparent;color:inherit;font:inherit}
.news button{padding:10px 16px;border:0;border-radius:10px;background:#4f46e5;color:#fff;font-weight:700;cursor:pointer}
.tl{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid var(--bd,#cbd5e1)}
.tl li{position:relative;padding:4px 0 10px 14px}
.tl li::before{content:"";position:absolute;left:-21px;top:9px;width:10px;height:10px;border-radius:50%;background:#205493}
.tl time{display:block;font-size:12px;color:var(--mu,#64748b)}

button.st{font:inherit;text-align:left;cursor:pointer;transition:transform .12s,border-color .12s}
button.st:hover{transform:translateY(-2px);border-color:var(--ac)}
button.st:focus-visible{outline:2px solid var(--ac);outline-offset:2px}

/* light-only polish */
.nav{flex-wrap:nowrap}.nav a{white-space:nowrap;padding:6px 8px}
@media(min-width:561px){main,footer,.hi{max-width:1080px}}
.stats{grid-template-columns:repeat(4,1fr)}
@media(max-width:700px){.stats{grid-template-columns:repeat(2,1fr)}}
.tl li{text-align:left}.tl li *{text-align:left}
.hd{box-shadow:0 1px 0 var(--bd),0 4px 16px rgba(15,21,33,.04)}
.card,.pn,.st{transition:box-shadow .15s}
.card:hover{box-shadow:0 2px 4px rgba(15,21,33,.06),0 10px 28px rgba(15,21,33,.08)}

.posts{list-style:none;margin:16px 0;padding:0;display:grid;gap:12px}
.post{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:16px 18px;box-shadow:var(--sh)}
.post:hover{border-color:var(--ac)}
.post .pm{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--mu);margin-bottom:6px}
.post .kind{background:var(--acs);color:var(--ac);font-weight:700;padding:2px 9px;border-radius:99px}
.post>a{display:block;font-size:19px;font-weight:800;line-height:1.3;color:var(--tx);text-decoration:none;letter-spacing:-.01em}
.post>a:hover{color:var(--ac)}
.post p{margin:6px 0 0;color:var(--mu);font-size:14px}
details>summary{cursor:pointer;font-weight:700;margin:10px 0}

/* hub layout: utility bar, mega menu, cards, animated flow, footer columns */
.ub{background:#112e51;color:#cfd8f3;font-size:12.5px}
.ubi{max-width:1080px;margin:auto;padding:7px 16px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ubi a{color:#cfd8f3;margin-left:14px;text-decoration:none}.ubi a:hover{text-decoration:underline}
.mega{display:flex;gap:2px;flex:1;align-items:center}
.mega .mt{font:inherit;font-size:14px;font-weight:600;color:var(--tx);background:none;border:0;padding:8px 11px;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-flex;gap:6px;align-items:center}
.mega .mt:hover,.mg:focus-within .mt,.mg:hover .mt{background:var(--acs);color:var(--ac)}
.mt i{width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.mg{position:relative}
.mp{display:none;position:absolute;left:0;top:100%;min-width:280px;padding:8px;background:var(--card);border:1px solid var(--bd);border-radius:14px;box-shadow:0 12px 40px rgba(15,21,33,.14);z-index:50}
.mg:hover .mp,.mg:focus-within .mp{display:grid}
.mp a{padding:9px 12px;border-radius:9px;text-decoration:none;color:var(--tx);display:grid;gap:1px}
.mp a:hover{background:var(--acs)}.mp a b{font-size:14px}.mp a span{font-size:12.5px;color:var(--mu)}
.hd .nav{display:none}
@media(max-width:860px){.mega{display:none}.hd .nav{display:flex}.ubi span:first-child{display:none}}
.sh{margin:22px 0 10px;font-size:19px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:12px 0}
.fc{display:grid;gap:6px;padding:16px;background:var(--card);border:1px solid var(--bd);border-radius:14px;text-decoration:none;color:var(--tx);box-shadow:var(--sh);transition:transform .12s,border-color .12s}
.fc:hover{transform:translateY(-3px);border-color:var(--ac)}
.fc .ic{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#38bdf8,#205493);color:#fff;display:grid;place-items:center;font-weight:800}
.fc span:not(.ic){font-size:13.5px;color:var(--mu)}.fc i{font-style:normal;font-weight:700;color:var(--ac);font-size:13px}
.flow{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:14px 0}
.fs{position:relative;padding:16px;background:var(--card);border:1px solid var(--bd);border-radius:14px;animation:lit 6s ease-in-out infinite;animation-delay:var(--d)}
.fs em{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--acs);color:var(--ac);font-style:normal;font-weight:800;margin-bottom:6px}
.fs b{display:block;margin-bottom:4px}.fs span{font-size:13.5px;color:var(--mu)}
@keyframes lit{0%,60%,100%{border-color:var(--bd);box-shadow:var(--sh)}15%,35%{border-color:#205493;box-shadow:0 0 0 4px rgba(99,102,241,.15)}}
@media(prefers-reduced-motion:reduce){.fs{animation:none}}
.vids{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.vids iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px}
.ft{width:100%;border-collapse:collapse;margin:10px 0}.ft th,.ft td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--bd);font-size:14px}
footer .fi{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:24px;margin-bottom:18px}
footer h4{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--mu)}
footer .fi a{display:block;padding:3px 0;font-size:14px}.fb p{font-size:13.5px;color:var(--mu);max-width:340px}
footer .fn{font-size:12.5px;color:var(--mu);border-top:1px solid var(--bd);padding-top:12px}
@media(max-width:760px){footer .fi{grid-template-columns:1fr 1fr}.fb{grid-column:1/-1}}
footer .fi a{text-decoration:none;color:var(--tx)}footer .fi a:hover{color:var(--ac);text-decoration:underline}
footer .fb .logo{font-size:17px}

.vid{width:100%;max-width:960px;aspect-ratio:16/9;display:block;margin:10px auto;border-radius:16px;background:#0b1220;box-shadow:0 20px 60px rgba(15,21,33,.18)}
.vsec{margin:18px 0}.vsec .m{font-size:13px;font-weight:500;color:var(--mu);margin-left:8px}
.tr{max-width:960px;margin:6px auto;font-size:14px;color:var(--mu)}.tr summary{cursor:pointer;font-weight:600}

.trust{display:flex;justify-content:space-between;gap:10px 24px;flex-wrap:wrap;margin:14px 0;padding:12px 16px;background:var(--card);border:1px solid var(--bd);border-left:4px solid #15803d;border-radius:10px;font-size:13.5px;color:var(--mu)}
.trust b{color:var(--tx);margin-right:6px}
.verify{margin:18px 0;padding:14px 16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;font-size:14px}
.verify a{margin:0 4px}

.try,.walk{margin:22px 0}.tryf{display:flex;gap:10px;margin:10px 0}.tryf input{flex:1;padding:14px 16px;border:1px solid var(--bd,#dbe1ee);border-radius:12px;font-size:16px;background:#fff}
.btn2{background:linear-gradient(90deg,#0b5cab,#112e51);color:#fff;border:0;border-radius:12px;padding:0 26px;font-weight:700;font-size:16px;cursor:pointer}
.tryx{font-size:14px;color:var(--mu);display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.tryr .c{margin-top:12px}
.wtabs{display:flex;gap:8px;margin:10px 0}.wt{flex:1;padding:12px;border:1px solid #dbe1ee;background:#fff;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer}.wt b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e8ecf4;margin-right:6px;font-size:13px}.wt.on{border-color:#0b5cab;background:#eaf2fb;color:#0b5cab}.wt.on b{background:#0b5cab;color:#fff}
.wbody{background:#fff;border:1px solid #dbe1ee;border-radius:16px;padding:22px 24px;min-height:220px;box-shadow:0 10px 30px rgba(15,21,33,.06)}.wbody h3{margin:0 0 8px;font-size:20px}
.wn{font-size:18px;margin:12px 0}.wn b{font-size:44px;letter-spacing:-.03em;color:#0b5cab;margin-right:8px}.chips2{display:flex;flex-wrap:wrap;gap:8px}.chips2 span{background:#f1f4fb;border:1px solid #dbe1ee;border-radius:999px;padding:5px 12px;font-size:14px;font-weight:600}
.wex{display:flex;gap:20px;align-items:center;margin:12px 0}.wex2{margin:12px 0}
.wnav{display:flex;justify-content:space-between;align-items:center;margin:10px 0;color:var(--mu);font-size:14px}.wnav button:disabled{opacity:.4;cursor:default}
.walk details{margin-top:8px}.logo .tld{color:var(--mu);font-weight:600;margin-left:-8px}
@media(max-width:600px){.tryf{flex-direction:column}.btn2{padding:12px}.wex{flex-direction:column;align-items:flex-start}.wtabs{flex-wrap:wrap}}

/* ===== polish layer: alignment, identity, mobile ===== */
:root{--g1:#0b5cab;--g2:#112e51;--grad:linear-gradient(90deg,#0b5cab,#112e51)}
html{scroll-behavior:smooth}
body{background:radial-gradient(900px 420px at 85% -80px,#e3e9ff,transparent),radial-gradient(700px 360px at -10% 0,#e6f4ff,transparent),var(--bg);background-repeat:no-repeat}
/* one content width everywhere */
main,.hi,footer .fi,footer .fn{max-width:1080px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}
footer{max-width:none;padding:28px 0 50px;background:#fff;border-top:1px solid var(--bd);margin-top:34px}
footer .fb .logo{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:8px;white-space:nowrap}
.logo{white-space:nowrap}.logo img{flex:none}
footer .fb p{margin-top:10px}
/* inner page titles */
main>h1{font-size:clamp(26px,4vw,36px);letter-spacing:-.025em;margin:22px 0 8px;font-weight:800;position:relative;padding-top:14px}
main>h1::before{content:"";position:absolute;top:0;left:0;width:52px;height:5px;border-radius:99px;background:var(--grad)}
main>.sub,main>h1+p{font-size:16px;color:var(--mu);max-width:760px}
/* hero as a banner */
.hero{background:linear-gradient(135deg,#fff 0%,#eaf2fb 55%,#e4eef8 100%);border:1px solid var(--bd);border-radius:24px;padding:26px 30px;margin:14px 0 18px;box-shadow:0 18px 50px rgba(36,86,230,.10);position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.16),transparent 70%)}
.hero h1{font-size:clamp(30px,5vw,46px);margin-bottom:10px}
.hero .sub{font-size:16.5px;max-width:640px}
.cta{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 10px}
.btn2,.btn3{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:12px 20px;font-weight:700;font-size:15px;text-decoration:none;cursor:pointer;transition:transform .12s,box-shadow .12s}
.btn2{background:var(--grad);color:#fff;border:0;box-shadow:0 8px 22px rgba(36,86,230,.28)}
.btn3{background:#fff;color:var(--ac);border:1px solid #cfd9f7}
.btn2:hover,.btn3:hover{transform:translateY(-2px)}
.live{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--mu)}
/* stat tiles with colour accents */
.st{position:relative;overflow:hidden;transition:transform .12s,box-shadow .12s}
.st::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#94a3b8}
.st:nth-child(1)::before{background:var(--g1)}.st:nth-child(2)::before{background:var(--cr)}.st:nth-child(3)::before{background:#ea580c}.st:nth-child(4)::before{background:#b91c1c}
.st:nth-child(n+5)::before{background:var(--g2)}
button.st:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(15,21,33,.12)}
.st b{font-size:28px}
/* section headings */
.sh{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:21px;letter-spacing:-.015em;margin:30px 0 12px}
.sh::before{content:"";align-self:center;width:6px;height:22px;border-radius:99px;background:var(--grad)}
/* Try-it as a gradient panel */
.try{background:linear-gradient(135deg,#112e51,#0b4f9c);border-radius:22px;padding:22px 24px;color:#fff;box-shadow:0 18px 44px rgba(76,56,220,.28);margin:22px 0}
.try .sh{margin-top:0;color:#fff}.try .sh::before{background:#fff}.try .m{color:#dbe4ff}
.try .tryf input{border:0;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.try .btn2{background:#fff;color:#112e51;box-shadow:none}
.try .tryx{color:#dbe4ff}.try .tryx .chip{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);color:#fff}
.try .tryr{color:var(--tx)}.try .tryr>.s{color:#fff}.try .tryr>.s a{color:#fff;text-decoration:underline}
/* start-here cards get colour */
.fc{border-radius:18px;padding:18px}
.fc:nth-child(1) .ic{background:linear-gradient(135deg,#ef4444,#f97316)}
.fc:nth-child(2) .ic{background:linear-gradient(135deg,#f59e0b,#ef4444)}
.fc:nth-child(3) .ic{background:linear-gradient(135deg,#10b981,#06b6d4)}
.fc:hover{box-shadow:0 14px 30px rgba(36,86,230,.14)}
/* CVE cards */
.c{border-radius:18px;transition:box-shadow .15s,transform .15s}.c:hover{box-shadow:0 12px 30px rgba(15,21,33,.10)}
/* CVE page header: ring and badges aligned */
.cvh{align-items:flex-start;background:#fff;border:1px solid var(--bd);border-radius:18px;padding:16px 18px;box-shadow:var(--sh)}
.cvh>div:first-child{display:flex;flex-direction:column;align-items:center;flex:none}
.cvh .tl{margin-top:6px}
.cvh>div:last-child p{margin:8px 0 0}
/* walkthrough + blog cards */
.wbody{border-radius:18px}.wt.on{box-shadow:0 6px 16px rgba(36,86,230,.16)}
/* header */
.hd{background:rgba(255,255,255,.86)}
.nav a.on,.nav a:hover{color:var(--ac)}
/* mobile */
@media(max-width:700px){
  .ub{display:none}
  main{padding-left:14px;padding-right:14px}
  .hero{padding:20px 18px;border-radius:20px}.hero-art{display:none}
  .hero h1{font-size:30px}.cta .btn2,.cta .btn3{flex:1}
  .try{padding:18px 16px}.stats{grid-template-columns:repeat(2,1fr)}
  .sh{font-size:19px}.wtabs{gap:6px}.wt{padding:10px 6px;font-size:14px}
  .cvh{flex-direction:column;align-items:flex-start}
  .fbar{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.fbar .fg{flex:none}
  img,video,pre,table{max-width:100%}.f,.cw{overflow-x:auto}
}
.nav{min-width:0;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}
.fbar{max-width:100%}
.c .m,.c .s,.c .t,time{overflow-wrap:anywhere}
.c time{display:inline;white-space:normal;word-break:break-word}html,body{overflow-x:clip}
.ring+.tl,.tl.tl{border-left:0;padding-left:0}.cvh .tl{border:0;padding:0;margin:6px 0 0}
/* government-style palette: navy + federal blue + gold accent */

main>h1::before{background:linear-gradient(90deg,#fdb81e,#0b5cab)}
.sh::before{background:linear-gradient(180deg,#fdb81e,#0b5cab)}
.hd{border-bottom:3px solid #0b5cab}
.hero{background:linear-gradient(135deg,#fff 0%,#eaf2fb 60%,#dfeaf6 100%)}
.hero::after{background:radial-gradient(circle,rgba(11,92,171,.14),transparent 70%)}
.try{background:linear-gradient(135deg,#112e51,#205493)}
footer{background:#112e51;color:#c9d6e8;border-top:4px solid #fdb81e}
footer .fi a,footer .logo{color:#fff}footer h4{color:#fdb81e}footer .fb p,footer .fn{color:#aebdd3;border-color:#2c4a73}
footer .fi a:hover{color:#fdb81e}footer .logo .tld{color:#aebdd3}
/* primary buttons everywhere, list cards on info pages */
.more,button.btn,main .btn{background:linear-gradient(90deg,#0b5cab,#112e51);color:#fff;border:0;border-radius:12px;padding:12px 22px;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 8px 20px rgba(11,92,171,.25);transition:transform .12s}
.more:hover,button.btn:hover{transform:translateY(-2px)}
main>ul,main>h2+ul,main>h3+ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:8px}
main>ul>li,main>h2+ul>li,main>h3+ul>li{background:#fff;border:1px solid var(--bd);border-left:4px solid #0b5cab;border-radius:10px;padding:9px 12px;font-size:14px;overflow-wrap:anywhere}
main textarea,main input[type=text],main input[type=search],main select{border:1px solid #c5d3e6;border-radius:12px}
main textarea:focus,main input:focus,main select:focus{outline:2px solid #0b5cab33;border-color:#0b5cab}
.it2{display:grid;grid-template-columns:1fr minmax(240px,1.3fr) auto;gap:14px;align-items:center;background:#fff;border:1px solid var(--bd);border-left:4px solid #0b5cab;border-radius:12px;padding:12px 16px;margin:10px 0}
@media(max-width:760px){.it2{grid-template-columns:1fr}}