/* CYBER.LABS Genesis V3 — scoped component styles. No global selectors or resets. */
.cld{--black:#050B12;--navy:#081725;--cyan:#00D8F5;--blue:#163E54;--white:#F2F7FA;--muted:#8FA3B5;--red:#FF4655;--violet:#8D7BFF;--border:rgba(125,178,202,.16);box-sizing:border-box;color:var(--white);font-family:Inter,Geist,system-ui,-apple-system,sans-serif;color-scheme:dark}
.cld *, .cld *::before,.cld *::after{box-sizing:border-box}.cld button{font:inherit}.cld button:focus-visible,.cld a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.cld button{cursor:pointer}.cld .eyebrow{font-size:10px;letter-spacing:.22em;font-weight:800;color:#6bd6e8;text-transform:uppercase}.cld .muted{color:var(--muted)}
.cld.hero{min-height:670px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 70% 80% at 75% 51%,rgba(5,63,92,.42),transparent 65%),linear-gradient(130deg,#050A10,#071420 55%,#03111c);border:1px solid var(--border);border-radius:22px;display:grid;grid-template-columns:minmax(300px,.86fr) minmax(410px,1.14fr);align-items:center;gap:2%;padding:clamp(24px,4vw,70px)}
.cld.hero::before{content:"";pointer-events:none;position:absolute;inset:0;background-image:linear-gradient(rgba(24,101,123,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(24,101,123,.07) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent 5%,black 70%);opacity:.55;z-index:-1}.cld.hero::after{content:"";pointer-events:none;position:absolute;width:650px;height:650px;right:-260px;top:-340px;background:radial-gradient(circle,rgba(0,216,245,.095),transparent 66%)}
.cld .hero-content{position:relative;z-index:2}.cld .hero-kicker{display:flex;align-items:center;gap:10px;margin:0 0 25px}.cld .live-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:cld-blink 2.6s ease-in-out infinite}.cld .hero-title{margin:0;letter-spacing:-.057em;font-weight:770;line-height:1.035;font-size:clamp(40px,4.55vw,76px);max-width:650px}.cld .hero-title span{color:#71e4f7}.cld .hero-lede{font-size:clamp(14px,1.35vw,17px);line-height:1.75;max-width:490px;margin:26px 0 31px;color:#a5bbca}.cld .hero-actions{display:flex;gap:12px;flex-wrap:wrap}.cld .cta{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border-radius:6px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;min-height:44px}.cld .cta:hover{transform:translateY(-2px)}.cld .cta.primary{color:#03111b;background:var(--cyan);box-shadow:0 5px 28px rgba(0,216,245,.15)}.cld .cta.secondary{border:1px solid rgba(135,200,224,.28);color:var(--white);background:rgba(10,33,46,.53)}.cld .hero-proof{margin-top:34px;font-size:10px;color:#638398;letter-spacing:.035em;display:flex;align-items:center;gap:12px}.cld .hero-proof::before{content:"";height:1px;width:35px;background:#2b5267}
.cld .viz-shell{position:relative;min-width:0;min-height:440px;display:flex;flex-direction:column;justify-content:center}.cld .viz-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:7px;z-index:2}.cld .micro{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;color:#6895a9;letter-spacing:.08em}.cld .sim-label{background:rgba(2,28,40,.77);border:1px solid rgba(0,216,245,.25);padding:7px 9px;border-radius:4px;font-size:9px;color:#79c8d8;letter-spacing:.12em;font-weight:700;text-transform:uppercase}.cld .viz-box{position:relative;border-radius:15px;min-height:390px;border:1px solid rgba(87,157,191,.12);background:radial-gradient(ellipse at center,rgba(3,79,110,.23),rgba(1,12,19,.12) 58%,transparent 70%);overflow:hidden}.cld .network{width:100%;height:auto;display:block;position:absolute;inset:0;min-height:100%;filter:drop-shadow(0 0 14px rgba(0,180,235,.12))}.cld .network .edge{stroke:#1c647c;stroke-width:.62;opacity:.36}.cld .network .edge.active{stroke:var(--cyan);stroke-width:1.4;opacity:.8;stroke-dasharray:4 8;animation:cld-flow 6s linear infinite}.cld .network .threat-edge{stroke:var(--red);stroke-width:2.2;fill:none;filter:url(#cld-red-glow);stroke-dasharray:8 8;animation:cld-flow 3s linear infinite;opacity:0;transition:opacity .5s}.cld .network .threat-edge.shown{opacity:.95}.cld .network .node{fill:#133f54;stroke:#3692ac;stroke-width:1;opacity:.82}.cld .network .node.highlight{fill:#00D8F5;stroke:#9af5fa;filter:url(#cld-cyan-glow)}.cld .network .node.risk{fill:var(--red);stroke:#ffc5c8;filter:url(#cld-red-glow)}.cld .network .core-circle{fill:#061b29;stroke:#49cde6;stroke-width:1.2}.cld .network .core-halo{fill:none;stroke:#1bbdda;stroke-width:.7;opacity:.4;stroke-dasharray:3 8;transform-origin:300px 205px;animation:cld-spin 48s linear infinite}.cld .network .core-inner{fill:#00d8f5;filter:url(#cld-cyan-glow)}.cld .network .core-label{fill:#e8faff;font:700 12px system-ui;letter-spacing:.11em;text-anchor:middle}.cld .network .core-small{fill:#83bdcc;font:8px system-ui;letter-spacing:.09em;text-anchor:middle}.cld .network .scan{fill:none;stroke:var(--cyan);stroke-width:1.5;opacity:.25;stroke-dasharray:2 7;transform-origin:300px 205px;animation:cld-spin 12s linear infinite}.cld .network .agent-link{stroke:#21a5bf;stroke-width:1.1;stroke-dasharray:4 7;opacity:.45}.cld .network .agent-circle{fill:#061923;stroke:#1bbfd6;stroke-width:1.25}.cld .network .agent-letter{fill:#b3f2ff;text-anchor:middle;font:bold 11px ui-monospace,monospace}.cld .network .agent-title{fill:#93c3d1;font:700 9px ui-monospace,monospace;letter-spacing:.04em;text-anchor:middle}.cld .network .agent.active .agent-circle{stroke-width:2.5;filter:url(#cld-cyan-glow)}.cld .network .agent.forge.active .agent-circle{stroke:var(--violet)}.cld .network .agent.argus.active .agent-circle{stroke:#3ff5ce}.cld .network .agent.active .agent-title{fill:#f0fcff}.cld .network .shield{fill:none;stroke:#24efc7;stroke-width:3;opacity:0;filter:url(#cld-cyan-glow);transition:opacity .4s}.cld .network .shield.shown{opacity:1;animation:cld-shield 2s ease-in-out infinite}.cld .network .critical{fill:#09222e;stroke:#56c9de;stroke-width:1.2}.cld .network .critical-text{fill:#c0e0e8;font:8px ui-monospace,monospace;letter-spacing:.04em;text-anchor:middle}.cld .network .flow-dot{fill:var(--cyan);filter:url(#cld-cyan-glow)}
.cld .stage-note{position:absolute;bottom:19px;left:19px;right:19px;background:rgba(3,16,24,.88);border:1px solid rgba(105,178,204,.23);padding:15px 18px;border-radius:8px;backdrop-filter:blur(8px);z-index:2}.cld .stage-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.cld .stage-name{font-size:13px;font-weight:760;margin-top:4px}.cld .stage-desc{color:#92b0bf;font-size:11px;line-height:1.5;margin-top:7px}.cld .approval{padding:4px 7px;border-radius:4px;border:1px solid rgba(141,123,255,.45);color:#c4baff;font-size:9px;text-transform:uppercase;letter-spacing:.04em}.cld .viz-controls{display:flex;align-items:center;gap:9px;margin-top:12px}.cld .icon-btn{background:rgba(11,38,51,.7);border:1px solid rgba(94,155,185,.3);color:#c3eaf1;min-width:36px;min-height:33px;border-radius:5px;font-size:12px}.cld .icon-btn:hover{background:#164052}.cld .timeline{height:3px;flex:1;background:#123444;border-radius:10px;overflow:hidden}.cld .timeline-fill{height:100%;width:0%;background:linear-gradient(90deg,#078ea9,#60edfb);transition:width .15s linear}.cld .timecode{min-width:50px;text-align:right}.cld .legend{display:flex;gap:15px;flex-wrap:wrap;margin-top:14px}.cld .legend span{font-size:10px;color:#7196a8}.cld .legend .swatch{display:inline-block;height:5px;width:5px;background:var(--cyan);border-radius:100%;margin-right:6px;vertical-align:middle}.cld .legend .swatch.red{background:var(--red)}
.cld.panel{background:linear-gradient(150deg,#081826,#051018);border:1px solid var(--border);border-radius:18px;padding:clamp(20px,3vw,40px)}.cld .panel-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:25px}.cld .panel-heading h2{font-size:clamp(22px,3vw,36px);letter-spacing:-.04em;margin:9px 0 0}.cld .panel-heading p{max-width:430px;margin:0;color:#8daaba;line-height:1.6;font-size:13px}.cld .graph-layout{display:grid;grid-template-columns:minmax(310px,1.35fr) minmax(245px,.65fr);gap:18px;align-items:stretch}.cld .graph-canvas{position:relative;background:radial-gradient(ellipse at 50% 45%,#0b2c3d 0%,#061520 54%,#05101a 100%);border:1px solid var(--border);border-radius:12px;min-height:350px;overflow:hidden}.cld .graph-canvas svg{width:100%;height:100%;min-height:345px;position:absolute;inset:0}.cld .gline{stroke:#24627a;stroke-width:1.2;opacity:.43;transition:opacity .2s,stroke .2s}.cld .gline.on{stroke:#46dbec;opacity:.9;stroke-width:1.8}.cld .graph-point{cursor:pointer}.cld .graph-point circle{fill:#0b2737;stroke:#267f96;stroke-width:1.2;transition:stroke .2s,fill .2s}.cld .graph-point.active circle{fill:#11506a;stroke:#81f4ff;stroke-width:2.4}.cld .graph-point text{font:10px system-ui;fill:#92b7c5;text-anchor:middle}.cld .graph-point.active text{fill:white}.cld .graph-point:focus{outline:none}.cld .graph-point:focus-visible circle{stroke:white;stroke-width:3}.cld .graph-info{padding:22px;border:1px solid var(--border);border-radius:11px;background:#081e2a;display:flex;flex-direction:column;justify-content:center}.cld .graph-info h3{font-size:22px;letter-spacing:-.02em;margin:12px 0}.cld .graph-info p{color:#a3bcc8;font-size:13px;line-height:1.65}.cld .graph-product{font-size:10px;color:#78d9e7;margin-top:12px;letter-spacing:.08em}
.cld .lab{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(300px,1.1fr);gap:20px}.cld .steps{display:flex;flex-direction:column;gap:8px}.cld .step{display:flex;align-items:center;gap:12px;padding:12px 14px;text-align:left;color:#99b1bf;background:#071c29;border:1px solid #214458;border-radius:7px;min-height:52px}.cld .step strong{font-size:13px}.cld .step .n{font:10px ui-monospace,monospace;color:#477f96}.cld .step.active{color:white;border-color:#0bafcb;background:#0b3142;box-shadow:inset 3px 0 var(--cyan)}.cld .detail{background:linear-gradient(140deg,#0b2a3c,#081924);border:1px solid rgba(82,162,191,.24);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:12px;min-height:330px}.cld .detail h3{font-size:clamp(23px,2.8vw,33px);letter-spacing:-.035em;margin:0}.cld .detail p{font-size:13px;line-height:1.7;color:#a5b9c5;margin:0}.cld .detail .section-tag{font-size:10px;letter-spacing:.15em;color:#65d9ef}.cld .detail .defense{margin-top:auto;padding:14px 15px;background:#09293a;border-left:2px solid var(--cyan);font-size:12px;color:#dbf7ff}.cld .lab-controls{display:flex;gap:9px;flex-wrap:wrap}.cld .lab-controls button{background:#10374b;border:1px solid #28637a;border-radius:6px;padding:11px 14px;font-size:11px;font-weight:700;color:#dcf7ff}.cld .lab-controls button.primary{background:#00d8f5;color:#051721;border-color:#00d8f5}.cld .lab-controls button:disabled{opacity:.42;cursor:not-allowed}.cld .approval-state{font-size:11px;color:#cfbdff;padding:8px 0}.cld .footer-note{color:#6f91a3;font-size:11px;margin-top:16px;line-height:1.6}
.cld.product-motion{border:1px solid var(--border);border-radius:10px;background:#061a28;padding:18px;max-width:620px}.cld.product-motion svg{width:100%;height:auto}.cld.product-motion .beam{stroke-dasharray:8 12;animation:cld-flow 4s linear infinite}.cld.product-motion .pulse{animation:cld-pulse 2.8s ease-in-out infinite;transform-origin:center}
@keyframes cld-flow{to{stroke-dashoffset:-64}}@keyframes cld-spin{to{transform:rotate(360deg)}}@keyframes cld-blink{50%{opacity:.45}}@keyframes cld-shield{50%{opacity:.4;stroke-width:1.2}}@keyframes cld-pulse{50%{opacity:.4;transform:scale(1.15)}}
@media(max-width:1020px){.cld.hero{grid-template-columns:1fr;min-height:auto;gap:36px}.cld .hero-title{max-width:780px;font-size:clamp(38px,6vw,68px)}.cld .viz-shell{min-height:380px}.cld .viz-box{min-height:400px}}
@media(max-width:640px){.cld.hero{padding:22px 18px;border-radius:13px;gap:28px}.cld .hero-title{font-size:clamp(36px,10vw,53px)}.cld .hero-lede{font-size:14px}.cld .viz-box{min-height:300px}.cld .network{height:320px;min-height:auto;top:0}.cld .viz-shell{min-height:330px}.cld .stage-note{bottom:9px;left:8px;right:8px;padding:10px}.cld .stage-desc{font-size:10px}.cld .stage-name{font-size:11px}.cld .graph-layout,.cld .lab{grid-template-columns:1fr}.cld .graph-canvas{min-height:280px}.cld .graph-canvas svg{min-height:280px}.cld .hero-proof{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.cld *, .cld *::before,.cld *::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}}

/* Integration: inherited institutional brand and motion lifecycle. */
.cld { --black:#05070a;--cyan:#00c8e8;--white:#f5f7f8;--red:#e85a5a;--violet:#9a7bff;font-family:Roboto,Arial,sans-serif; }
.cld [hidden]{display:none!important}
.cld[data-motion="paused"] *, .cld[data-motion="paused"] *::before,.cld[data-motion="paused"] *::after{animation-play-state:paused!important;transition:none!important}
.cld .icon-btn{min-width:44px;min-height:44px}
.cld .icon-btn:disabled{opacity:.55;cursor:default}
.cld .network .agent.forge.active .agent-circle{stroke:#e85a5a}
.cld .network .agent.bastion.active .agent-circle{stroke:#e7a92d}
.cld .network .agent.argus.active .agent-circle{stroke:#9a7bff}
.cld .network .shield{stroke:#9a7bff}
.cld .graph-point text{font-family:Roboto,Arial,sans-serif;font-size:12px}
.cld .step:disabled{opacity:.5;cursor:not-allowed}
.cld .stage-top{flex-wrap:wrap}
.cld.hero-visual{min-width:0;width:100%;margin:0}
.cld.hero-visual .viz-shell{min-height:0}
.cld.hero-visual .viz-box{display:flex;flex-direction:column;min-height:0}
.cld.hero-visual .network{position:static;height:auto;min-height:0;aspect-ratio:600/410}
.cld.hero-visual .stage-note{position:static;margin:0 10px 10px;min-height:130px}
.cld.hero-visual .viz-header{flex-wrap:wrap}
.cld .panel-heading h2,.cld h3{font-family:'Roboto Condensed',Roboto,sans-serif}
.cld .graph-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr)}
.cld .graph-canvas svg{position:static;height:auto;min-height:0;display:block}
.cld .graph-canvas{min-height:0;display:grid;align-items:center}
.cld .footer-note{color:#91a8b6}
.cld .lab{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.cld .detail{min-width:0}
.home-hero-figure:has([data-defense="hero"]){width:100%;left:0;min-width:0;margin:0;align-self:center}
[data-defense="product"]{width:100%}
@media(max-width:768px){.cld .graph-layout,.cld .lab{grid-template-columns:minmax(0,1fr)}}
@media(max-width:420px){.cld.panel{padding:16px}.cld .detail{padding:18px}.cld .graph-point text{font-size:14px}.cld .stage-name{font-size:13px}.cld .stage-desc{font-size:12px}.cld .sim-label{font-size:9px}.cld .graph-info{padding:18px}}

.home-hero-figure:has([data-defense="hero"]) figcaption{position:static;margin-top:12px;padding:0;width:100%;text-align:right;font-size:9px;line-height:1.5}
.cld.hero-visual [data-toggle]{padding-inline:10px;min-width:78px}
@media(max-width:720px){.home-hero-figure:has([data-defense="hero"]){margin-top:20px}}

.cld.product-motion .pulse{transform-box:fill-box;transform-origin:center}
[data-defense="hero"] > svg{width:100%;height:auto;display:block}