.live-demo-page{background:var(--vx-void)}.live-demo-page main{overflow:clip}.live-demo-page main>section[id]{scroll-margin-top:calc(var(--header) + 18px)}.live-demo-product-hero .display-accent{color:var(--vx-bright);-webkit-text-fill-color:currentColor;background:0 0}.live-demo-product-hero .live-demo-product-image{opacity:.66;filter:saturate(.72)contrast(1.05)}.live-demo-product-copy{width:min(660px,58vw)!important}.live-demo-product-actions{align-items:center!important;gap:12px 22px!important}.live-demo-product-actions .cta-tertiary{flex:none}.live-demo-hero-spec-rail .spec-rail__value{font-size:clamp(1rem,1.55vw,1.35rem)}.live-demo-section{background:radial-gradient(900px 380px at 50% 0,#0c82cc1a,transparent 72%),var(--vx-void);border-top:0}.live-demo-simulation-heading{max-width:1100px;margin:0 auto 40px}.live-demo-simulation-heading>div{min-width:0}.live-demo-simulation-heading h2>span{display:block}.live-demo-simulation-heading>p{max-width:48ch;color:var(--vx-muted);font-size:var(--vx-type-body-lead);text-wrap:pretty;margin:0 0 4px;line-height:1.6}.live-demo-console{width:min(1100px,100%);margin-inline:auto;display:grid}.live-demo-flow{max-width:none;box-shadow:none;border:0;border-radius:0}.live-demo-status{font-variant-numeric:tabular-nums;color:var(--vx-safe)!important}.live-demo-status.is-danger{color:var(--vx-danger)!important}.live-demo-stage{border-top:1px solid var(--vx-line);overflow:hidden}.live-demo-canvas{aspect-ratio:16/5.2;width:100%;display:block}.live-demo-legend{border-top:1px solid var(--vx-line);min-height:46px;color:var(--vx-muted);font:600 var(--vx-type-micro)/1.2 var(--vx-font-mono);letter-spacing:.07em;text-transform:uppercase;background:#0003088a;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px 22px;margin:0;padding:8px 20px;list-style:none;display:flex}.live-demo-legend li{align-items:center;gap:8px;display:inline-flex}.live-demo-legend i{width:20px;height:3px;box-shadow:0 0 8px}.live-demo-legend .is-player{color:var(--vx-safe);background:var(--vx-safe)}.live-demo-legend .is-attack{color:var(--vx-danger);background:var(--vx-danger)}.live-demo-legend .is-leak{color:#fb923c;background:#fb923c}.live-demo-controls{min-width:0;padding:24px var(--vx-spec-rail-pad-x);border:0;border-top:1px solid var(--vx-line-strong);background:linear-gradient(#0a1220fa,#050c16fa);grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);align-items:end;gap:22px 26px;margin:0;display:grid}.live-demo-control{min-width:0}.live-demo-control>span{color:var(--vx-muted);font:600 var(--vx-type-label)/1.25 var(--vx-font-mono);letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;gap:14px;margin-bottom:12px;display:flex}.live-demo-control output{color:var(--vx-text);font-variant-numeric:tabular-nums}.live-demo-segment{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.live-demo-actions{grid-template-columns:minmax(150px,.72fr) minmax(230px,1.28fr);gap:8px;display:grid}.live-demo-segment button,.live-demo-actions button{border:1px solid var(--vx-line-strong);border-radius:var(--vx-radius-inner);background:var(--vx-raised);min-height:46px;color:var(--vx-muted);font:600 var(--vx-type-label)/1.2 var(--vx-font-mono);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;padding:0 14px}.live-demo-segment button:is(:hover,:focus-visible),.live-demo-segment button.is-active,.live-demo-actions .is-on{border-color:var(--vx-brand);color:var(--vx-bright);background:#30b5ff1c}.live-demo-actions .is-compare{color:#ff9aae;background:#f43f5e0f;border-color:#f43f5e94}.live-demo-actions .is-restore{border-color:var(--vx-brand);color:var(--vx-bright);background:#30b5ff1c}.live-demo-actions button:disabled{opacity:.62;cursor:not-allowed}.live-demo-telemetry{background:var(--vx-line-strong);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:1px 0 0;display:grid}.live-demo-telemetry>div{background:linear-gradient(180deg,var(--vx-surface),var(--vx-panel));min-width:0;min-height:104px;padding:18px 20px}.live-demo-telemetry span,.live-demo-telemetry strong,.live-demo-telemetry small,.live-demo-outcome span,.live-demo-outcome strong,.live-demo-outcome small{overflow-wrap:anywhere;display:block}.live-demo-telemetry span,.live-demo-outcome span{color:var(--vx-muted);font:600 var(--vx-type-label)/1.25 var(--vx-font-mono);letter-spacing:.08em;text-transform:uppercase}.live-demo-telemetry strong{color:var(--vx-text);font:600 clamp(1rem,1.4vw,1.25rem)/1.2 var(--vx-font-mono);font-variant-numeric:tabular-nums;margin-top:7px}.live-demo-telemetry small,.live-demo-outcome small{color:var(--vx-dim);font:500 var(--vx-type-label)/1.3 var(--vx-font-mono);margin-top:4px}.live-demo-outcome{border-top:1px solid var(--vx-line-strong);grid-template-columns:1fr 1fr;display:grid}.live-demo-outcome p{min-width:0;min-height:58px;padding:14px var(--vx-spec-rail-pad-x);background:var(--vx-void-soft);justify-content:space-between;align-items:center;gap:18px;margin:0;display:flex}.live-demo-outcome p+p{border-left:1px solid var(--vx-line)}.live-demo-outcome strong{color:var(--vx-safe);font:600 var(--vx-type-meta)/1.2 var(--vx-font-mono);text-transform:uppercase}.live-demo-disclosure{max-width:1100px;color:var(--vx-muted);font-size:var(--vx-type-body-sm);background:#30b5ff09;border-left:2px solid #30b5ff85;margin:-22px auto 0;padding:16px 18px 16px 20px;line-height:1.6}.live-demo-disclosure strong{color:var(--vx-muted);font-weight:600}.live-demo-validation{border-top:1px solid var(--vx-line);background:radial-gradient(740px 320px at 20% 0,#30b5ff0f,transparent 72%),var(--vx-void-soft)}.live-demo-section-head{grid-template-columns:minmax(0,1.04fr) minmax(320px,.76fr);align-items:end;gap:clamp(48px,7vw,96px);margin-bottom:42px;display:grid}.live-demo-section-head>div{min-width:0}.live-demo-section-head h2{max-width:22ch;color:var(--vx-text);font:700 var(--vx-type-h2-compact)/1.08 var(--vx-font-display);letter-spacing:-.04em;text-transform:none;text-wrap:pretty;margin:12px 0 0}.live-demo-section-head>p{border-left:1px solid var(--vx-line-strong);max-width:48ch;color:var(--vx-muted);font-size:var(--vx-type-body-lead);text-wrap:pretty;margin:0 0 4px;padding-left:24px;line-height:1.6}.live-demo-layers{background:var(--vx-line-strong);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid}.live-demo-layers li{background:linear-gradient(165deg,#0b192c,#07111f);grid-template-rows:auto 1fr;gap:22px;min-width:0;min-height:254px;padding:26px;display:grid}.live-demo-layers li>span{color:var(--vx-brand);font:600 var(--vx-type-label)/1.4 var(--vx-font-mono);letter-spacing:.1em}.live-demo-layers h3{color:var(--vx-text);font:700 var(--vx-type-h3)/1.12 var(--vx-font-display);text-transform:none;text-wrap:pretty;margin:0}.live-demo-layers p{max-width:42ch;color:var(--vx-muted);font-size:var(--vx-type-body);text-wrap:pretty;margin:10px 0 0;line-height:1.55}.live-demo-validation-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:clamp(58px,8vw,112px);display:grid}.live-demo-validation-copy h2{max-width:22ch;color:var(--vx-text);font:700 var(--vx-type-h2-compact)/1.08 var(--vx-font-display);letter-spacing:-.035em;text-transform:none;text-wrap:pretty;margin:14px 0 0}.live-demo-validation-copy>p{max-width:44ch;color:var(--vx-muted);font-size:var(--vx-type-body-lead);text-wrap:pretty;margin:24px 0 0;line-height:1.62}.live-demo-validation .live-demo-layers{border-top:2px solid var(--vx-brand);background:0 0;margin:0;padding:0;display:block}.live-demo-validation .live-demo-layers li{border-bottom:1px solid var(--vx-line);background:0 0;grid-template-rows:auto;grid-template-columns:42px minmax(0,1fr);gap:20px;min-height:0;padding:25px 0;display:grid}.live-demo-validation .live-demo-layers p{max-width:680px}.live-demo-evidence{border-top:1px solid var(--vx-line);background:radial-gradient(900px 340px at 50% 0,#0c82cc1a,transparent 70%),var(--vx-void)}.live-demo-evidence-routes{filter:drop-shadow(0 24px 60px #0000003d);background:#030a13f0}.live-demo-evidence-routes>a,.live-demo-route-grid>a{grid-template-columns:1fr auto}.live-demo-evidence-routes>a>span,.live-demo-route-grid>a>span{color:var(--vx-bright);font-size:1.5rem}.live-demo-faq-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(58px,8vw,100px);display:grid}.live-demo-faq-head{top:calc(var(--header) + 24px);position:sticky}.live-demo-faq .faq-list{border:1px solid var(--vx-border-frame);border-radius:var(--vx-radius-card);background:#050e19b8;overflow:hidden}.live-demo-faq .faq-list details{border:0;border-bottom:1px solid var(--vx-line);box-shadow:none;background:0 0;border-radius:0;margin:0}.live-demo-faq .faq-list details:last-child{border-bottom:0}.live-demo-faq .faq-list details[open]{box-shadow:inset 3px 0 var(--vx-brand);background:#30b5ff0b}.live-demo-faq .faq-list summary{min-height:68px;color:var(--vx-text);text-transform:none;padding:0 20px;font-size:1.05rem}.live-demo-faq .faq-list details p{max-width:760px;color:var(--vx-muted);font-size:var(--vx-type-body-sm);margin:0;padding:0 20px 18px}.live-demo-route-grid{grid-template-columns:1.35fr 1fr}@media (width>=901px){.live-demo-simulation-heading{grid-template-columns:minmax(0,1.02fr) minmax(320px,.72fr);align-items:end;gap:clamp(48px,7vw,96px);display:grid}.live-demo-simulation-heading>p{border-left:1px solid var(--vx-line-strong);padding-left:24px}}@media (width<=1120px){.live-demo-faq-grid{grid-template-columns:1fr}.live-demo-faq-head{position:static}}@media (width<=900px){.live-demo-product-copy{width:min(720px,82vw)!important}.live-demo-simulation-heading{gap:18px;display:grid}.live-demo-section-head{grid-template-columns:1fr;gap:20px}.live-demo-section-head>p{border-left:0;max-width:62ch;margin:0;padding-left:0}.live-demo-layers{grid-template-columns:1fr}.live-demo-layers li{grid-template-rows:auto;grid-template-columns:42px minmax(0,1fr);gap:18px;min-height:0}.live-demo-validation-grid{grid-template-columns:1fr;gap:36px}.live-demo-controls{grid-template-columns:1fr 1fr}}@media (width<=760px){.live-demo-section .vxshield-layout,.live-demo-validation-grid,.live-demo-faq-grid{gap:40px}.live-demo-actions{gap:12px}.live-demo-disclosure{margin-top:20px}.live-demo-flow .shield-flow-head{flex-wrap:wrap;padding-block:10px}.live-demo-flow .shield-flow-head small{width:100%;display:block}.live-demo-telemetry strong{font-size:1.5rem}.live-demo-outcome strong{font-size:var(--vx-type-body)}.live-demo-product-copy{width:100%!important}.live-demo-product-actions{flex-direction:column;align-items:stretch!important}.live-demo-product-actions .button{width:100%}.live-demo-product-actions .cta-tertiary{width:fit-content}.live-demo-canvas{aspect-ratio:4/2.4}.live-demo-legend{justify-content:flex-start}.live-demo-controls,.live-demo-route-grid,.live-demo-evidence-routes{grid-template-columns:1fr}.live-demo-actions{grid-column:1;grid-template-columns:1fr}.live-demo-telemetry{grid-template-columns:repeat(2,minmax(0,1fr))}.live-demo-outcome{grid-template-columns:1fr}.live-demo-outcome p+p{border-top:1px solid var(--vx-line);border-left:0}}@media (width<=460px){.live-demo-segment button{padding-inline:8px}.live-demo-telemetry>div{padding:16px 14px}}