@font-face{font-family:Poppins;src:local('Poppins Regular'),local('Poppins-Regular'),url('/assets/fonts/Poppins-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:local('Poppins Medium'),local('Poppins-Medium'),url('/assets/fonts/Poppins-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:local('Poppins SemiBold'),local('Poppins-SemiBold'),url('/assets/fonts/Poppins-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:local('Poppins Bold'),local('Poppins-Bold'),url('/assets/fonts/Poppins-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
.security-playground{background:transparent;min-width:0;max-width:none;width:100%;color:#fff;position:relative;align-self:center}
.visual-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px;padding-left:18px;border-left:3px solid var(--red-light)}
.visual-heading .eyebrow{font-size:9px;letter-spacing:.1em;margin:0}
.visual-heading>span:last-child{font-size:8px;color:#aaa;white-space:nowrap}
.visual-canvas{min-height:350px;position:relative;display:flex;align-items:center;justify-content:center;touch-action:pan-y;cursor:grab;isolation:isolate}
.visual-canvas.is-dragging{cursor:grabbing}
.visual-scene{width:100%;max-width:590px;aspect-ratio:550/380;position:relative;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) rotateZ(var(--rotation,0deg));transform-origin:center;transition:transform .5s cubic-bezier(.16,.7,.2,1);will-change:transform;user-select:none}
.visual-scene>img{width:100%;height:100%;object-fit:contain;max-width:none;pointer-events:none;filter:drop-shadow(0 20px 24px #00000035)}
.visual-canvas.is-dragging .visual-scene{transition:none}
.hotspot{position:absolute;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);width:48px;height:48px;border:0;background:transparent;color:#fff;padding:10px;cursor:pointer}
.hotspot-dot{width:13px;height:13px;flex:none;background:#151515;border:2px solid var(--red-light);border-radius:50%;box-shadow:0 0 0 6px #981b3130;position:relative;transition:background .25s,box-shadow .25s,transform .25s}
.hotspot[aria-pressed=true] .hotspot-dot{background:var(--red-light);box-shadow:0 0 0 9px #981b3145}
.hotspot:hover .hotspot-dot{transform:scale(1.3)}
.hotspot-label{position:absolute;bottom:calc(100% - 6px);left:50%;transform:translateX(-50%);background:#1d1d1d;border:1px solid #ffffff40;color:#fff;font-size:8px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:6px 10px;transition:border-color .25s,background .25s}
.hotspot[aria-pressed=true] .hotspot-label{border-color:var(--red-light);background:var(--red)}
.hotspot-perimeter{left:23%;top:58%}
.hotspot-access{left:53%;top:72%}
.hotspot-monitoring{left:66%;top:46%}
.visual-detail{border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;padding:19px 0;min-height:164px}
.visual-detail .eyebrow{color:var(--red-light);font-size:8px;letter-spacing:.15em;margin:0 0 8px}
.visual-detail h3{font-size:21px;font-weight:500;line-height:1.35;letter-spacing:-.035em;margin:0 0 9px}
.visual-detail p{font-size:11px;line-height:1.9;color:#b7b7b7;margin:0 0 9px;max-width:530px;min-height:42px}
.visual-detail .text-link{font-size:10px;min-height:33px;padding-bottom:3px;border-bottom-color:#ffffff60;color:#fff;gap:25px}
.visual-detail .text-link:hover{color:var(--red-light)}
.visual-detail.is-changing>*{animation:layer-arrive .3s ease both}
.visual-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0 0}
.visual-toolbar p{font-size:9px;color:#aaa;line-height:1.8;max-width:245px;margin:0}
.visual-controls{display:flex;gap:8px;flex:none}
.visual-controls button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #575757;color:#fff;font-size:20px;line-height:1;border-radius:0;transition:background .2s,border-color .2s,transform .2s}
.visual-controls button:hover{background:var(--red);border-color:var(--red);transform:translateY(-2px)}
.visual-controls button:disabled{opacity:.35;background:transparent;border-color:#575757;transform:none;cursor:default}
.visual-disclaimer{display:block;font-size:8px;color:#8f8f8f;line-height:1.8;margin-top:12px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.reveal-item{transition:opacity .8s cubic-bezier(.2,.65,.2,1) var(--reveal-delay,0ms),transform .8s cubic-bezier(.2,.65,.2,1) var(--reveal-delay,0ms)}
.reveal-pending{opacity:0;transform:translateY(38px)}
.reveal-pending[data-reveal=left]{transform:translateX(-38px)}
.reveal-pending[data-reveal=right]{transform:translateX(38px)}
.hero-eyebrow{animation:hero-arrive .8s .05s both}
.hero-line{display:block;animation:hero-line-arrive 1s .12s cubic-bezier(.16,.8,.2,1) both}
.hero h1 em .hero-line:first-child{animation-delay:.23s}
.hero h1 em .hero-line:last-child{animation-delay:.34s}
.hero-description{animation:hero-arrive .9s .23s both}
.hero-actions{animation:hero-arrive .9s .32s both}
.hero-note{animation:hero-arrive .9s .4s both}
.security-playground{animation:model-arrive 1.1s .16s both}
.subhero h1{animation:hero-arrive .8s .08s both}
.subhero .lead{animation:hero-arrive .8s .18s both}
.subhero .button{animation:hero-arrive .8s .26s both}
.faq details[open]>p{animation:layer-arrive .35s ease both}
.navigation.is-open>a{animation:nav-arrive .35s both}
.navigation.is-open>a:nth-child(2){animation-delay:40ms}
.navigation.is-open>a:nth-child(3){animation-delay:80ms}
.navigation.is-open>a:nth-child(4){animation-delay:120ms}
.navigation.is-open>a:nth-child(5){animation-delay:160ms}
main{transition:opacity .16s ease,transform .16s ease}
body.page-leaving main{opacity:0;transform:translateY(-8px)}
body.page-leaving .footer{opacity:.3;transition:opacity .16s}
@keyframes hero-arrive{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}
@keyframes hero-line-arrive{from{opacity:0;transform:translateY(45%);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(0 0 0 0)}}
@keyframes model-arrive{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}
@keyframes layer-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes nav-arrive{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
@media(max-width:1320px){.visual-canvas{min-height:320px}.visual-detail{min-height:176px}.visual-detail h3{font-size:19px}.visual-heading .eyebrow{font-size:8px}.visual-toolbar p{font-size:8px}}
@media(max-width:959px){.security-playground{max-width:720px;margin-inline:auto}.visual-canvas{min-height:0;margin-block:18px}.visual-scene{max-width:620px}.visual-detail{min-height:154px}.visual-detail p{font-size:12px;max-width:650px;min-height:0}.visual-detail h3{font-size:23px}.visual-heading .eyebrow{font-size:10px}.visual-heading>span:last-child{font-size:9px}.visual-toolbar p{font-size:10px;max-width:400px}.visual-disclaimer{font-size:9px}}
@media(max-width:700px){.visual-heading{gap:12px;padding-left:12px}.visual-heading .eyebrow{font-size:8px}.visual-heading>span:last-child{font-size:7px}.visual-canvas{margin-block:20px 12px}.visual-scene{max-width:none;width:100%}.hotspot{width:44px;height:44px}.hotspot-dot{width:10px;height:10px}.hotspot-label{font-size:7px;padding:5px 7px}.visual-detail{padding-block:18px;min-height:190px}.visual-detail .eyebrow{font-size:8px}.visual-detail h3{font-size:19px}.visual-detail p{font-size:11px;min-height:60px}.visual-detail .text-link{font-size:10px}.visual-toolbar{gap:12px}.visual-toolbar p{font-size:8px;max-width:180px}.visual-controls{gap:5px}.visual-controls button{width:38px;height:38px;font-size:19px}.visual-disclaimer{font-size:8px}.reveal-pending[data-reveal=left],.reveal-pending[data-reveal=right]{transform:translateY(30px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal-pending{opacity:1!important;transform:none!important}.visual-scene{transform:none!important;will-change:auto}.visual-canvas{cursor:default}.audience:hover,.button:hover,.button:active,.visual-controls button:hover,.footer li a:hover,.button:hover .button-arrow,.text-link:hover>span,.hero-secondary:hover span{transform:none}body.page-leaving main,body.page-leaving .footer{opacity:1;transform:none}}
@media print{.security-playground,.scroll-progress{display:none}.reveal-pending{opacity:1;transform:none}}