:root{
--green:#07966f;--green2:#0bc48c;--ink:#07152a;--muted:#607088;--line:#dce4ec;--pale:#f4f8f8;--white:#fff;--dark:#07141c;--mono:"SFMono-Regular",Consolas,monospace;
--shadow:0 22px 60px rgba(12,31,49,.10)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f9fb;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{text-decoration:none;color:inherit}
.ribbon{height:48px;background:#e9faf4;border-bottom:1px solid #bfe9db;display:flex;align-items:center;padding:0 30px;gap:24px;position:sticky;top:0;z-index:100;color:#08715a;font-size:12px}
.ribbon-left{display:flex;align-items:center;gap:9px;white-space:nowrap}.ribbon-dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 #07966f55;animation:pulse 1.8s infinite}.ribbon-live{margin:auto;display:flex;align-items:center;gap:14px;font:800 9px var(--mono);letter-spacing:.08em}.ribbon-live i{width:4px;height:4px;border-radius:50%;background:#7bcdb9}.back-link{background:var(--green);color:white;padding:9px 16px;border-radius:9px;font-size:10px;font-weight:900;letter-spacing:.04em;white-space:nowrap;box-shadow:0 7px 18px #07966f2b}.back-link:hover{transform:translateY(-1px);background:#067e5e}
.nav{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 38px;gap:35px;position:sticky;top:48px;z-index:90}.brand{display:flex;align-items:center;gap:13px;min-width:360px}.brand img{width:44px;height:44px}.brand b{display:block;font-size:19px;letter-spacing:.035em}.brand small{display:block;margin-top:3px;color:var(--green);font:800 9px var(--mono);letter-spacing:.09em}.nav nav{margin-left:auto;display:flex;background:#f0f4f6;border:1px solid #dfe6ec;border-radius:14px;padding:4px;box-shadow:0 4px 15px #0b253d08}.nav nav a{padding:10px 15px;border-radius:10px;font-size:11px;font-weight:850;letter-spacing:.05em;color:#526175}.nav nav a.active,.nav nav a:hover{background:var(--green);color:#fff;box-shadow:0 5px 12px #07966f2e}.menu-btn{display:none;border:0;background:none;font-size:22px}
.hero{padding:62px 5.5vw 70px;background:linear-gradient(180deg,#f9fbfc 0,#eef7f4 100%);border-bottom:1px solid var(--line);overflow:hidden}.hero-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center}.hero-copy{position:relative}.eyebrow,.kicker{font:800 10px var(--mono);letter-spacing:.12em;color:var(--green)}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid #b8e8da;background:#effcf8;padding:8px 12px;border-radius:8px}.signal{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 1.5s infinite}.hero-index{font:800 10px var(--mono);color:#91a0af;margin:28px 0 12px;display:flex;gap:18px}.hero-index span{color:#aeb9c5}.hero h1{font-size:clamp(46px,6vw,79px);line-height:.94;letter-spacing:-.065em;margin:0}.hero h1 em{font-style:normal;color:var(--green)}.hero h1 span{position:relative}.hero h1 span:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:3px;background:linear-gradient(90deg,var(--green),transparent);transform-origin:left;animation:scanline 3s infinite}.hero-copy>p{max-width:650px;color:#53657c;line-height:1.75;font-size:14px;margin:28px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.primary,.secondary{padding:14px 18px;border-radius:9px;font-size:10px;font-weight:900;letter-spacing:.07em}.primary{background:var(--green);color:white;box-shadow:0 12px 25px #07966f2b}.primary span{margin-left:18px}.secondary{border:1px solid #cad5dd;background:#fff;color:#25364b}.micro-stats{display:flex;gap:10px;margin-top:38px}.micro-stats div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 17px;min-width:145px;box-shadow:0 10px 25px #0c263b08}.micro-stats b{display:block;font-size:22px;color:var(--green)}.micro-stats span{font:800 8px var(--mono);color:#7c8998;letter-spacing:.05em}
.signal-orbit{background:#07171b;border-radius:25px;min-height:480px;padding:20px;color:#d7fff4;box-shadow:var(--shadow);position:relative;overflow:hidden}.orbit-head,.orbit-footer{display:flex;justify-content:space-between;align-items:center;font:800 9px var(--mono);letter-spacing:.08em}.orbit-head b{color:#39e3ad}.orbit-head b i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#39e3ad;margin-right:5px;animation:pulse 1s infinite}.orbit-stage{height:385px;position:relative;display:grid;place-items:center}.scan-ring{position:absolute;border:1px solid #36d8ad2e;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.ring-a{width:315px;height:315px}.ring-b{width:235px;height:235px}.ring-c{width:145px;height:145px;border-color:#36d8ad4a}.radar-sweep{position:absolute;width:155px;height:155px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from 0deg,#32e0ac66,transparent 18%,transparent 100%);animation:spin 4.5s linear infinite;mask-image:radial-gradient(circle,transparent 0 49%,#000 50%)}.core{width:96px;height:96px;border-radius:50%;border:1px solid #39e3ad66;background:#0b2928;display:grid;place-items:center;z-index:2;box-shadow:0 0 40px #15c18c22}.core span{font-size:25px;font-weight:900;color:#fff}.core small{text-align:center;font:800 7px var(--mono);color:#56d9b4;line-height:1.25}.node{position:absolute;background:#0e2928;border:1px solid #2c8f78;color:#d8fff3;border-radius:20px;padding:7px 9px;font:800 8px var(--mono);letter-spacing:.06em;box-shadow:0 0 18px #10bd8d18;animation:float 3s ease-in-out infinite}.n1{top:35px;left:25%}.n2{top:110px;right:13%;animation-delay:.4s}.n3{right:6%;bottom:130px;animation-delay:.8s}.n4{bottom:30px;left:28%;animation-delay:1.1s}.n5{bottom:95px;left:8%;animation-delay:1.5s}.n6{top:150px;left:6%;animation-delay:1.8s}.orbit-footer{border-top:1px solid #ffffff14;padding-top:15px;color:#91a9a6}
.ticker{height:52px;background:var(--dark);overflow:hidden;color:#b7d8d0;display:flex;align-items:center}.ticker-track{display:flex;gap:28px;white-space:nowrap;font:800 9px var(--mono);letter-spacing:.12em;animation:marquee 25s linear infinite}.ticker-track b{color:var(--green2)}
.priority,.watchlist,.workbench,.briefing{padding:105px 5.5vw}.priority{background:#fff}.section-intro,.watch-head,.workbench-head{max-width:1250px;margin:0 auto 48px;display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:end}.section-intro h2,.watch-head h2,.workbench-head h2{font-size:clamp(38px,5vw,64px);line-height:.96;letter-spacing:-.055em;margin:10px 0 0}.section-intro h2 em,.watch-head h2 em,.workbench-head h2 em{font-style:normal;color:var(--green)}.section-intro p,.workbench-head p{color:#68778b;font-size:13px;line-height:1.8;margin:0}.priority-grid{max-width:1250px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr 1fr;grid-template-rows:260px 260px;gap:16px}.priority-card{border:1px solid var(--line);border-radius:18px;padding:28px;position:relative;overflow:hidden;background:#f9fbfc;transition:.35s}.priority-card:hover{transform:translateY(-7px);box-shadow:0 24px 50px #0a243c12}.priority-card.tall{grid-row:span 2;background:#eef9f5}.priority-card.wide{grid-column:2 / 4}.priority-card.dark{background:#09191f;color:#fff;border-color:#09191f}.card-num{position:absolute;top:22px;right:24px;font:800 9px var(--mono);color:#94a2ae}.card-icon{font-size:25px;color:var(--green)}.priority-card h3{font-size:28px;line-height:1;margin:35px 0 13px;letter-spacing:-.04em}.priority-card p{max-width:390px;color:#66768a;font-size:12px;line-height:1.7}.dark p{color:#9aabb0}.priority-card small{position:absolute;bottom:23px;left:28px;font:800 8px var(--mono);color:#7c8b99;letter-spacing:.07em}.mini-bars{display:grid;gap:9px;margin-top:35px}.mini-bars i{display:block;height:7px;background:#cdece2;border-radius:99px;position:relative;overflow:hidden}.mini-bars i:after{content:"";display:block;height:100%;width:var(--v);background:linear-gradient(90deg,var(--green),#52d7ae);border-radius:99px;animation:barPulse 2.4s ease-in-out infinite}.route-map{height:70px;margin-top:28px;background:radial-gradient(circle at 20% 50%,var(--green) 0 3px,transparent 4px),radial-gradient(circle at 50% 25%,#77bfae 0 3px,transparent 4px),radial-gradient(circle at 82% 70%,var(--green) 0 3px,transparent 4px);position:relative}.route-map:before,.route-map:after{content:"";position:absolute;border-top:1px dashed #8db6aa;transform-origin:left}.route-map:before{left:20%;top:50%;width:31%;transform:rotate(-24deg)}.route-map:after{left:50%;top:28%;width:36%;transform:rotate(30deg)}.correlation-lines{margin-top:30px;display:grid;gap:10px}.correlation-lines i{height:1px;background:linear-gradient(90deg,#3fe4b0,transparent);animation:lineMove 2.8s linear infinite}.correlation-lines i:nth-child(2){width:75%;animation-delay:.4s}.correlation-lines i:nth-child(3){width:50%;animation-delay:.8s}.correlation-lines i:nth-child(4){width:86%;animation-delay:1.1s}.briefing-progress{height:9px;border-radius:99px;background:#dcebe7;margin-top:32px;overflow:hidden}.briefing-progress span{display:block;width:78%;height:100%;background:linear-gradient(90deg,var(--green),#66e0b8);animation:barPulse 2s infinite}
.watchlist{background:#f2f6f7}.watch-controls{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.filter{border:1px solid #cfd9df;background:#fff;padding:9px 12px;border-radius:8px;font:800 9px var(--mono);color:#607084;cursor:pointer}.filter.active,.filter:hover{background:var(--green);color:#fff;border-color:var(--green)}.watch-table{max-width:1250px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.watch-row{display:grid;grid-template-columns:120px 1.8fr 1fr 130px 110px;gap:20px;align-items:center;padding:22px 25px;border-top:1px solid #e7edf1;font-size:12px}.watch-row:first-child{border-top:0}.watch-label{background:#f8fafb;font:800 8px var(--mono);letter-spacing:.08em;color:#7d8996}.severity{font:900 8px var(--mono);letter-spacing:.06em}.severity.critical{color:#e63f52}.severity.high{color:#db8a12}.severity.medium{color:#8a9a2a}.confidence{display:flex;align-items:center;gap:9px;font:800 10px var(--mono);color:#2d8d74}.confidence i{height:5px;width:75px;background:#dfeae7;border-radius:99px;overflow:hidden;position:relative}.confidence i:after{content:"";position:absolute;inset:0;background:var(--green);width:var(--w);border-radius:99px}.state{font:800 8px var(--mono);color:#8a98a6}.state.live{color:var(--green)}.watch-row.hidden{display:none}
.workbench{background:#fff}.workbench-grid{max-width:1250px;margin:auto;display:grid;grid-template-columns:250px 1fr 190px;min-height:530px;border:1px solid #cfd9df;border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.object-list{background:#f4f7f8;border-right:1px solid var(--line);padding:15px}.object{display:block;width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:11px;padding:15px;margin-bottom:7px;cursor:pointer}.object.active,.object:hover{background:#fff;border-color:#d6e2df;box-shadow:0 6px 18px #0a263c09}.object span,.object small{display:block;font:800 8px var(--mono);color:#82909d;letter-spacing:.06em}.object b{display:block;margin:6px 0;font-size:11px}.correlation-canvas{position:relative;background:#07181d;overflow:hidden}.canvas-grid{position:absolute;inset:0;background-image:linear-gradient(#0f2c33 1px,transparent 1px),linear-gradient(90deg,#0f2c33 1px,transparent 1px);background-size:38px 38px;opacity:.45}.canvas-label{position:absolute;top:18px;left:20px;font:800 8px var(--mono);letter-spacing:.08em;color:#77968f}.canvas-label span{color:#3ee1af}.map-node{position:absolute;border:1px solid #2d8270;background:#0c2828;color:#d8fff5;border-radius:12px;padding:12px 14px;min-width:120px;box-shadow:0 0 25px #00c28e16;z-index:3}.map-node small{display:block;font:800 7px var(--mono);color:#55bfa3}.map-node b{display:block;margin-top:5px;font-size:10px}.center{left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;border-color:#39dfad;background:#0b302b}.m1{left:12%;top:22%}.m2{right:10%;top:25%}.m3{left:20%;bottom:17%}.connection{position:absolute;height:1px;background:linear-gradient(90deg,#36dcae55,#36dcae);transform-origin:left;z-index:1}.c1{width:245px;left:29%;top:41%;transform:rotate(-29deg)}.c2{width:230px;left:50%;top:51%;transform:rotate(-27deg)}.c3{width:250px;left:35%;top:56%;transform:rotate(27deg)}.pulse-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#5bf0c0;box-shadow:0 0 15px #5bf0c0;z-index:4;animation:travel 3.5s linear infinite}.pd1{left:40%;top:36%}.pd2{left:61%;top:40%;animation-delay:1.1s}.pd3{left:45%;top:66%;animation-delay:2.1s}.confidence-panel{padding:26px;background:#f7faf9;border-left:1px solid var(--line);display:flex;flex-direction:column;align-items:center}.confidence-panel>span{font:800 8px var(--mono);letter-spacing:.09em;color:#7b8995}.confidence-panel>strong{font-size:30px;color:var(--green);margin:12px}.confidence-ring{width:122px;height:122px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--green) 0 92%,#dbe8e3 92%);margin:12px 0 30px}.confidence-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#f7faf9}.confidence-ring b{position:relative;font:900 9px var(--mono);color:var(--green)}.confidence-panel button{margin-top:auto;width:100%;border:0;border-radius:8px;padding:12px;background:var(--green);color:#fff;font:900 9px var(--mono);cursor:pointer}
.briefing{background:#eaf5f1}.briefing-panel{max-width:1250px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.briefing h2{font-size:48px;line-height:.98;letter-spacing:-.05em;margin:10px 0}.briefing h2 em{font-style:normal;color:var(--green)}.desk-feed{border-left:2px solid #b7d8ce;padding-left:24px}.desk-feed>div{padding:0 0 24px;margin-bottom:22px;border-bottom:1px solid #cfe1dc}.desk-feed span{font:800 8px var(--mono);color:#82978f}.desk-feed b{display:block;margin:7px 0;font-size:11px}.desk-feed p{margin:0;color:#63766f;font-size:12px;line-height:1.65}
footer{background:#06151b;color:#a7bab7;padding:25px 5.5vw;display:flex;align-items:center;justify-content:space-between;font-size:10px}footer div{display:flex;align-items:center;gap:9px;color:#fff}footer img{width:28px;height:28px}footer a{color:#5ce0b5;font:800 9px var(--mono)}.toast{position:fixed;right:22px;bottom:22px;background:#07181d;color:#fff;padding:13px 16px;border-radius:9px;font:800 9px var(--mono);box-shadow:0 14px 35px #07181d33;transform:translateY(120px);transition:.35s;z-index:200}.toast.show{transform:translateY(0)}
@keyframes navShimmer{0%{left:-55px}55%,100%{left:calc(100% + 15px)}}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 #07966f00}50%{box-shadow:0 0 0 7px #07966f18}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes scanline{0%,100%{transform:scaleX(.2);opacity:.3}50%{transform:scaleX(1);opacity:1}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes barPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.2)}}@keyframes lineMove{0%{transform:translateX(-20px);opacity:.2}50%{opacity:1}100%{transform:translateX(20px);opacity:.2}}@keyframes travel{0%{transform:translate(0,0);opacity:.2}20%{opacity:1}50%{transform:translate(70px,20px)}80%{opacity:1}100%{transform:translate(140px,0);opacity:.2}}
@media(max-width:950px){.ribbon-live{display:none}.nav{padding:0 18px}.brand{min-width:0}.nav nav{display:none}.menu-btn{display:block;margin-left:auto}.hero-grid{grid-template-columns:1fr}.priority-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.priority-card.tall{grid-row:auto}.priority-card.wide{grid-column:auto}.section-intro,.watch-head,.workbench-head{grid-template-columns:1fr;gap:25px}.workbench-grid{grid-template-columns:210px 1fr}.confidence-panel{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.confidence-ring{margin:0}.confidence-panel button{margin:0}.briefing-panel{grid-template-columns:1fr}}
@media(max-width:650px){.ribbon{height:44px;padding:0 12px;font-size:9px}.back-link{font-size:8px;padding:8px 9px}.nav{height:72px;top:44px}.brand b{font-size:14px}.brand small{font-size:7px}.hero{padding:45px 18px}.hero h1{font-size:43px}.micro-stats{overflow:auto}.micro-stats div{min-width:130px}.signal-orbit{min-height:400px}.orbit-stage{height:320px}.priority,.watchlist,.workbench,.briefing{padding:75px 18px}.priority-grid{grid-template-columns:1fr}.priority-card.wide{grid-column:auto}.watch-row{grid-template-columns:1fr 1.5fr;gap:9px;padding:17px}.watch-label,.watch-row span:nth-of-type(2),.watch-row .state{display:none}.watch-row strong{font-size:11px}.workbench-grid{grid-template-columns:1fr}.object-list{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}.correlation-canvas{min-height:420px}.confidence-panel{grid-column:auto}.briefing h2{font-size:39px}footer{flex-direction:column;gap:15px;align-items:flex-start}}

/* CertifiedHacker SOC-style shell */
.topline{height:42px;background:#eef1ff;border-bottom:1px solid #e0e4f4;position:sticky;top:0;z-index:40;color:#4c4a78;font-size:11px}
.topline-inner{max-width:1380px;height:100%;margin:auto;padding:0 28px;display:flex;align-items:center;gap:26px}
.topline-inner>div:first-child{white-space:nowrap}
.topline .pulse-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#10b981;box-shadow:0 0 0 0 rgba(16,185,129,.5);animation:pulse 1.8s infinite;margin-right:8px}
.top-ticker{display:flex;gap:14px;align-items:center;overflow:hidden;white-space:nowrap;flex:1;justify-content:center;font-family:var(--mono);font-size:10px}
.top-ticker i{width:3px;height:3px;background:#aab1c5;border-radius:50%}
.top-link{margin-left:auto;border:0;background:none;color:var(--green);font-weight:800;font-size:11px;white-space:nowrap}
.site-header{height:86px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(28px,calc((100vw - 1380px)/2));gap:34px;position:sticky;top:42px;z-index:20}
.site-header .brand{display:flex;align-items:center;gap:12px;min-width:285px}
.site-header .brand img{width:48px;height:48px}
.site-header .brand b{display:block;font-size:20px;letter-spacing:.04em}
.site-header .brand small{display:block;color:var(--green);font-family:var(--mono);font-size:8px;font-weight:800;letter-spacing:.07em;margin-top:3px}
.desktop-nav{display:flex;gap:4px;background:#f2f5f9;border:1px solid #e1e6ee;border-radius:14px;padding:5px;margin-left:auto;position:relative;isolation:isolate;overflow:hidden}
.desktop-nav a{padding:10px 14px;border-radius:9px;color:#4c5970;font-size:11px;font-weight:800;letter-spacing:.03em;transition:color .28s ease,transform .28s ease;position:relative;z-index:2}
.desktop-nav a:hover{color:var(--green);transform:translateY(-1px)}
.desktop-nav a.active{color:#fff}
.nav-indicator{position:absolute;z-index:1;left:5px;top:5px;height:calc(100% - 10px);width:0;border-radius:9px;background:linear-gradient(135deg,var(--green),var(--green2));box-shadow:0 7px 18px #07966f35;transition:left .42s cubic-bezier(.22,.8,.25,1),width .42s cubic-bezier(.22,.8,.25,1);overflow:hidden;pointer-events:none}
.nav-indicator:after{content:"";position:absolute;top:0;bottom:0;width:48px;left:-55px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-18deg);animation:navShimmer 2.8s linear infinite}
.nav-indicator:before{content:"";position:absolute;inset:1px;border-radius:8px;border:1px solid rgba(255,255,255,.16)}

.header-actions{display:flex;gap:8px;align-items:center}
.primary-btn,.outline-btn{border-radius:10px;padding:11px 16px;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;transition:.2s;border:1px solid transparent}
.primary-btn{background:var(--green);color:#fff;box-shadow:0 7px 20px #11b9812c}.primary-btn:hover{transform:translateY(-2px);background:#0b9f71}
.outline-btn{background:#fff;color:var(--green);border-color:#cfd5e5}.outline-btn:hover{background:#eefaf6;border-color:#a9dfcf}
.menu-btn{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px}
.mobile-nav{display:none}
.mobile-nav.open{display:flex;position:fixed;top:128px;right:15px;z-index:35;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:0 20px 50px #07152b20;min-width:230px}
.mobile-nav.open a{padding:11px 12px;font-size:11px;font-weight:800;border-radius:8px}.mobile-nav.open a:hover{background:#eefaf6;color:var(--green)}

/* Live bars: fill and number are driven by the same JS value */
.mini-bars i{background:#cdece2!important;position:relative!important;overflow:hidden!important}
.mini-bars i:after{display:none!important;content:none!important}
.mini-bars i span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--green),#52d7ae);border-radius:99px;transition:width .18s linear;box-shadow:0 0 12px #11b98155}
.bar-readout b{color:var(--green)}
.confidence{display:flex;align-items:center;gap:9px;font:800 10px var(--mono);color:#2d8d74}
.confidence i{height:5px;width:75px;background:#dfeae7;border-radius:99px;overflow:hidden;position:relative;display:block}
.confidence i:after{display:none!important;content:none!important}
.confidence i span{display:block;height:100%;width:0;background:var(--green);border-radius:99px;transition:width .18s linear;box-shadow:0 0 8px #11b98155}
.confidence b{min-width:31px}

/* SOC-style footer */
.site-footer{background:#06151b;color:#a7bab7;padding:25px max(28px,calc((100vw - 1380px)/2));display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px}
.footer-brand{display:flex;align-items:center;gap:12px;color:#fff}.footer-brand img{width:40px;height:40px}.footer-brand b{display:block;font-size:12px;letter-spacing:.04em}.footer-brand small{display:block;color:#5ce0b5;font:800 8px var(--mono);letter-spacing:.06em;margin-top:3px}.site-footer>a{color:#5ce0b5;font:800 9px var(--mono)}

/* Frontend-only access dialogs, matching the SOC shell */
.modal{position:fixed;inset:0;background:#06152599;backdrop-filter:blur(7px);display:none;align-items:center;justify-content:center;padding:20px;z-index:100}
.modal.open{display:flex}.modal-card{position:relative;width:min(460px,100%);background:#fff;border:1px solid #dfe5ef;border-radius:18px;padding:30px;box-shadow:0 30px 90px #06152544}.modal-close{position:absolute;right:14px;top:12px;border:0;background:#f2f5f9;width:32px;height:32px;border-radius:8px;font-size:22px;color:#536178}.modal-card h2{font-size:31px;line-height:1;margin:10px 0}.modal-card p{color:#68778b;font-size:12px;line-height:1.7}.modal-card label{display:block;margin:16px 0 0;font:800 9px var(--mono);letter-spacing:.05em;color:#65748a}.modal-card input{display:block;width:100%;margin-top:7px;border:1px solid #d7e0e6;border-radius:9px;padding:12px 13px;outline:none;font:500 12px var(--sans)}.modal-card input:focus{border-color:var(--green);box-shadow:0 0 0 3px #11b98118}.modal-submit{width:100%;margin-top:20px}

@media(max-width:1050px){.site-header{padding:0 18px;gap:16px}.site-header .brand{min-width:250px}.desktop-nav{display:none}.header-actions{margin-left:auto}.menu-btn{display:block}.topline-inner{padding:0 18px}.top-ticker{display:none}}
@media(max-width:700px){.topline{height:44px}.site-header{height:78px;top:44px}.site-header .brand{min-width:0}.site-header .brand b{font-size:16px}.site-header .brand small{font-size:7px}.site-header .brand img{width:40px;height:40px}.header-actions .outline-btn,.header-actions .primary-btn{display:none}.mobile-nav.open{top:122px}.site-footer{flex-direction:column;align-items:flex-start}.site-footer>span{order:3}.top-link{font-size:9px}}
.mini-bars i b{position:absolute;right:7px;top:50%;transform:translateY(-50%);z-index:2;font:800 7px var(--mono);color:#174d40;text-shadow:0 1px 2px #ffffffaa}

/* Final live-motion refinements */
.status-label{display:flex;align-items:center;gap:0}.status-label .pulse-dot{flex:0 0 auto;margin-right:9px}
.mini-bars i span,.confidence i span{position:relative;overflow:hidden}
.mini-bars i span:after,.confidence i span:after{content:"";position:absolute;top:0;bottom:0;width:28%;left:-32%;background:linear-gradient(90deg,transparent,#ffffffb8,transparent);animation:barShimmer 1.45s linear infinite}
.mini-bars i b{animation:valueBlink 1.8s ease-in-out infinite}
.confidence i span{position:relative}
.confidence i span:before{content:"";position:absolute;inset:-2px 0;background:#65f3c8;opacity:.22;animation:barGlow .9s ease-in-out infinite}
.confidence b{display:inline-block;min-width:31px;animation:valueBlink 1.6s ease-in-out infinite}
.confidence-ring{background:conic-gradient(var(--green) 0 92%,#dbe8e3 92% 100%);transition:none;box-shadow:0 0 0 1px #07966f0f,0 0 28px #07966f18;animation:ringGlow 1.4s ease-in-out infinite}
.confidence-ring b{display:block;font:900 22px var(--mono);color:var(--green);text-align:center;z-index:2}
.confidence-ring small{position:absolute;bottom:35px;font:900 7px var(--mono);color:var(--green);letter-spacing:.06em;z-index:2}
.object-float{animation:nodeFloatA 3.6s ease-in-out infinite, nodeGlow 1.8s ease-in-out infinite}
.object-float-2{animation:nodeFloatB 4.1s ease-in-out infinite, nodeGlow 2.1s ease-in-out infinite}
.object-float-3{animation:nodeFloatC 3.9s ease-in-out infinite, nodeGlow 1.6s ease-in-out infinite}
.site-footer{min-height:96px;background:#06151b;border-top:1px solid #0d252c}
.footer-brand img{filter:none}
@keyframes barShimmer{0%{left:-32%}100%{left:125%}}
@keyframes barGlow{0%,100%{opacity:.10}50%{opacity:.42}}
@keyframes valueBlink{0%,100%{opacity:.82;text-shadow:0 0 0 transparent}50%{opacity:1;text-shadow:0 0 9px #07966f55}}
@keyframes ringGlow{0%,100%{box-shadow:0 0 0 1px #07966f0f,0 0 20px #07966f12}50%{box-shadow:0 0 0 1px #07966f22,0 0 38px #07966f2d}}
@keyframes nodeFloatA{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
@keyframes nodeFloatB{0%,100%{transform:translateY(0)}50%{transform:translateY(15px)}}
@keyframes nodeFloatC{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}
@keyframes nodeGlow{0%,100%{box-shadow:0 0 16px #00c28e12}50%{box-shadow:0 0 30px #00c28e35}}


/* Precision shell fixes */
.status-label .pulse-dot{position:relative;display:inline-block;left:auto;top:auto;right:auto;bottom:auto;transform:none;width:12px;height:12px;flex:0 0 12px;margin-right:10px;z-index:1;animation:pulse 1.15s infinite}
.topline-inner{overflow:hidden}
.top-ticker{position:relative;overflow:hidden;white-space:nowrap;flex:1;justify-content:center}
.top-ticker span,.top-ticker i{flex:0 0 auto}
.top-ticker{animation:tickerDrift 16s linear infinite}
@keyframes tickerDrift{0%{transform:translateX(18px)}50%{transform:translateX(-8px)}100%{transform:translateX(18px)}}

/* Match the compact CertifiedHacker SOC footer shell */
.site-footer{min-height:140px;height:140px;box-sizing:border-box;background:#06151b;color:#a7bab7;padding:0 42px;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:10px;border-top:0}
.footer-brand{display:flex;align-items:center;gap:18px;color:#fff;min-width:300px}
.footer-brand img{width:60px;height:60px;flex:0 0 60px}
.footer-brand b{display:block;font-size:17px;letter-spacing:.025em}
.footer-brand small{display:block;color:#5ce0b5;font:800 9px var(--mono);letter-spacing:.06em;margin-top:7px}
.site-footer>span{color:#a7bab7;font-size:12px;flex:1;text-align:center}
.site-footer>a{color:#5ce0b5;font:800 10px var(--mono);white-space:nowrap}

/* Live bars: moving fill + synchronized values + visible light sweep */
.mini-bars i span,.confidence i span{position:relative;display:block;height:100%;overflow:hidden}
.mini-bars i span:after,.confidence i span:after{content:"";position:absolute;top:0;bottom:0;width:32%;left:-36%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);animation:barLightSweep 1.05s linear infinite;pointer-events:none}
.mini-bars i b,.confidence b{animation:valueBlink 1.1s ease-in-out infinite}
.confidence i span:before{content:"";position:absolute;inset:0;background:rgba(126,255,216,.32);animation:fillBlink .8s ease-in-out infinite;pointer-events:none}
@keyframes barLightSweep{0%{left:-36%;opacity:0}15%{opacity:1}60%{left:112%;opacity:1}75%,100%{left:112%;opacity:0}}
@keyframes fillBlink{0%,100%{opacity:.08}50%{opacity:.42}}

/* Live relationship ring */
.confidence-ring{animation:ringGlow 1.2s ease-in-out infinite}
.confidence-ring:after{content:"";position:absolute;inset:2px;border-radius:50%;border:1px solid rgba(16,185,129,.35);animation:ringBlink 1.25s ease-in-out infinite}
@keyframes ringBlink{0%,100%{opacity:.15;transform:scale(1)}50%{opacity:.8;transform:scale(1.04)}}

@media(max-width:700px){
  .site-footer{height:auto;min-height:0;padding:28px 22px;align-items:flex-start;flex-direction:column}
  .site-footer>span{text-align:left}
  .footer-brand{min-width:0}
}

/* FINAL SOC-MATCHED RIBBON + FOOTER */
.topline{height:48px;background:#eef1ff;border-bottom:1px solid #e0e4f4;position:sticky;top:0;z-index:120;overflow:hidden}
.topline-inner{max-width:none;height:100%;padding:0 18px;display:flex;align-items:center;gap:24px;overflow:hidden}
.status-label{display:flex;align-items:center;gap:8px;flex:0 0 auto;white-space:nowrap;color:#4c4a78;font-size:12px}
.status-label .pulse-dot{width:10px;height:10px;margin:0;flex:0 0 10px}
.top-ticker{display:block;position:relative;overflow:hidden;flex:1;min-width:0;height:100%;font-family:var(--mono);font-size:10px}
.top-ticker-track{position:absolute;left:0;top:0;height:100%;display:flex;align-items:center;gap:18px;white-space:nowrap;animation:topRibbonMove 20s linear infinite;will-change:transform}
.top-ticker-track span{flex:0 0 auto;color:#4c4a78}
.top-ticker-track i{display:block;width:4px;height:4px;flex:0 0 4px;border-radius:50%;background:#aab1c5}
.top-link{flex:0 0 auto;white-space:nowrap}
@keyframes topRibbonMove{0%{transform:translateX(8%)}100%{transform:translateX(-55%)}}

/* Same footer architecture as the SOC site: white shell, main row, divider and bottom line. */
footer{background:#fff;border-top:1px solid var(--line);padding:34px max(28px,calc((100vw - 1380px)/2)) 22px;color:var(--ink)}
.footer-main{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.footer-brand{min-width:270px;display:flex;align-items:center;gap:13px}
.footer-brand img{width:44px;height:44px}
.footer-brand b{display:block;font-size:17px;letter-spacing:.025em;color:var(--ink)}
.footer-brand small{display:block;color:var(--green);font:800 9px var(--mono);letter-spacing:.06em;margin-top:5px}
.footer-links{display:flex;gap:22px;margin-left:auto;align-items:center}
.footer-links a{font-size:10px;font-weight:800;color:#65728a;white-space:nowrap}
.footer-links a:hover{color:var(--green)}
.footer-actions{display:flex;gap:8px;margin-left:8px}
.footer-actions .outline-btn,.footer-actions .primary-btn{font-size:10px;padding:11px 14px}
.footer-bottom{border-top:1px solid #e9edf2;margin-top:28px;padding-top:17px;display:flex;justify-content:space-between;color:#8994a6;font:700 9px var(--mono);letter-spacing:.04em}
@media(max-width:1050px){.top-ticker{display:none}.footer-links{margin-left:auto}.footer-actions{margin-left:0}}
@media(max-width:760px){.top-link{font-size:9px}.topline-inner{padding:0 12px}.footer-main{display:grid;grid-template-columns:1fr;gap:20px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-left:0}.footer-actions{margin-left:0;flex-wrap:wrap}.footer-bottom{display:grid;gap:8px}}

/* FINAL REAL-WORLD FOOTER ALIGNMENT — SOC-inspired two-tier layout */
footer{
  background:#fff;
  color:#8994a6;
  border-top:1px solid var(--line);
  padding:32px max(28px,calc((100vw - 1380px)/2)) 22px;
}
footer .footer-main{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  min-height:74px;
  flex-wrap:nowrap;
}
footer .footer-brand{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:300px;
  flex:0 0 auto;
}
footer .footer-brand img{width:60px;height:60px;flex:0 0 60px}
footer .footer-brand b{display:block;color:#07172b;font-size:17px;letter-spacing:.025em}
footer .footer-brand small{display:block;color:var(--green);font:800 9px var(--mono);letter-spacing:.07em;margin-top:5px}
footer .footer-links{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:30px;
  margin-left:auto;
  flex:1 1 auto;
}
footer .footer-links a{
  color:#526175;
  font-size:11px;
  font-weight:800;
  letter-spacing:.025em;
  white-space:nowrap;
  transition:color .2s,transform .2s;
}
footer .footer-links a:hover{color:var(--green);transform:translateY(-1px)}
footer .footer-actions{display:none!important}
footer .footer-bottom{
  border-top:1px solid #e9edf2;
  margin-top:22px;
  padding-top:17px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  color:#8994a6;
  font:700 10px var(--mono);
  letter-spacing:.035em;
}
footer .footer-bottom span:last-child{text-align:right}

@media(max-width:1050px){
  footer .footer-main{gap:25px}
  footer .footer-links{gap:18px}
  footer .footer-brand{min-width:260px}
}
@media(max-width:760px){
  footer{padding:28px 18px 20px}
  footer .footer-main{display:grid;grid-template-columns:1fr;gap:22px;align-items:start}
  footer .footer-brand{min-width:0}
  footer .footer-links{display:grid;grid-template-columns:1fr 1fr;justify-content:stretch;gap:14px;margin:0}
  footer .footer-links a{white-space:normal}
  footer .footer-bottom{display:grid;gap:8px;margin-top:22px}
  footer .footer-bottom span:last-child{text-align:left}
}

/* FINAL SOC-STYLE FOOTER — MATCHES CORPORATE SOC FOOTER */
footer{
  background:#fff !important;
  color:#65728a !important;
  border-top:0 !important;
  padding:0 22px !important;
  height:190px !important;
  min-height:190px !important;
  box-sizing:border-box !important;
  display:block !important;
}
footer .footer-main{
  height:128px !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:30px !important;
  border:0 !important;
}
footer .footer-brand{
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  margin:0 !important;
}
footer .footer-brand img{
  width:60px !important;
  height:60px !important;
  flex:0 0 60px !important;
}
footer .footer-brand b{
  display:block !important;
  color:#07172b !important;
  font-size:24px !important;
  line-height:1.05 !important;
  letter-spacing:.01em !important;
  font-weight:800 !important;
}
footer .footer-brand small{
  display:block !important;
  color:var(--green) !important;
  font:800 10px var(--mono) !important;
  letter-spacing:.08em !important;
  margin-top:7px !important;
}
footer .footer-links{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:26px !important;
  margin:0 !important;
  flex:0 0 auto !important;
}
footer .footer-links a{
  color:#65728a !important;
  font-family:inherit !important;
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
  text-decoration:none !important;
}
footer .footer-links a:hover{color:var(--green) !important;transform:none !important}
footer .footer-actions{display:none !important}
footer .footer-bottom{
  height:62px !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:18px 0 0 !important;
  border-top:1px solid #e4e9ef !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:20px !important;
  color:#7d899d !important;
  font:700 11px var(--mono) !important;
  letter-spacing:.04em !important;
}
footer .footer-bottom span{color:#7d899d !important}
footer .footer-bottom span:last-child{text-align:right !important}
@media(max-width:1000px){
  footer .footer-main{gap:20px !important}
  footer .footer-links{gap:18px !important}
  footer .footer-brand b{font-size:24px !important}
  footer .footer-links a{font-size:13px !important}
}
@media(max-width:760px){
  footer{height:auto !important;min-height:0 !important;padding:28px 22px 22px !important}
  footer .footer-main{height:auto !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:24px !important}
  footer .footer-links{width:100% !important;display:flex !important;flex-wrap:wrap !important;justify-content:flex-start !important;gap:14px 20px !important}
  footer .footer-bottom{height:auto !important;margin-top:26px !important;padding-top:18px !important;display:flex !important;flex-direction:column !important;gap:8px !important}
  footer .footer-bottom span:last-child{text-align:left !important}
}


/* FINAL FOOTER FIX — same two-tier structure as CertifiedHacker SOC */
footer{
  background:#fff !important;
  color:#65728a !important;
  border-top:1px solid var(--line) !important;
  padding:34px max(28px,calc((100vw - 1380px)/2)) 22px !important;
  height:auto !important;
  min-height:0 !important;
  box-sizing:border-box !important;
  display:block !important;
}
footer .footer-main{
  display:flex !important;
  align-items:center !important;
  gap:30px !important;
  min-height:74px !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
  flex-wrap:nowrap !important;
  justify-content:space-between !important;
}
footer .footer-brand{
  min-width:270px !important;
  display:flex !important;
  align-items:center !important;
  gap:13px !important;
  margin:0 !important;
  flex:0 0 auto !important;
}
footer .footer-brand img{width:44px !important;height:44px !important;flex:0 0 44px !important}
footer .footer-brand b{display:block !important;color:#07172b !important;font-size:17px !important;line-height:1.05 !important;letter-spacing:.025em !important}
footer .footer-brand small{display:block !important;color:var(--green) !important;font:800 9px var(--mono) !important;letter-spacing:.06em !important;margin-top:5px !important}
footer .footer-links{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:22px !important;
  margin-left:auto !important;
  flex:0 1 auto !important;
}
footer .footer-links a{
  color:#65728a !important;
  font-family:inherit !important;
  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
  text-decoration:none !important;
}
footer .footer-links a:hover{color:var(--green) !important;transform:none !important}
footer .footer-actions{display:none !important}
footer .footer-bottom{
  border-top:1px solid #e9edf2 !important;
  margin-top:28px !important;
  padding-top:17px !important;
  height:auto !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:20px !important;
  color:#8994a6 !important;
  font:700 9px var(--mono) !important;
  letter-spacing:.04em !important;
}
footer .footer-bottom span{color:#8994a6 !important}
footer .footer-bottom span:last-child{text-align:right !important}
footer .footer-disclosure{
  display:block !important;
  margin-top:16px !important;
  max-width:1180px !important;
  color:#8994a6 !important;
  font-family:inherit !important;
  font-size:12px !important;
  line-height:1.65 !important;
}
footer .footer-disclosure a{color:#6477ff !important;font-weight:800 !important;text-decoration:none !important}
footer .footer-disclosure a:hover{text-decoration:underline !important}
@media(max-width:1050px){
  footer .footer-main{gap:20px !important}
  footer .footer-links{gap:18px !important}
}
@media(max-width:760px){
  footer{padding:28px 18px 22px !important}
  footer .footer-main{display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:20px !important}
  footer .footer-links{width:100% !important;display:grid !important;grid-template-columns:1fr 1fr !important;justify-content:stretch !important;gap:14px 20px !important;margin:0 !important}
  footer .footer-links a{white-space:normal !important}
  footer .footer-bottom{display:flex !important;flex-direction:column !important;gap:8px !important;margin-top:24px !important;padding-top:17px !important}
  footer .footer-bottom span:last-child{text-align:left !important}
  footer .footer-disclosure{font-size:11px !important;line-height:1.6 !important;margin-top:14px !important}
}