.hero-section{--shield-indigo: 79 70 229;--shield-indigo-light: 99 102 241;--shield-blue: 29 78 216;--shield-purple-accent: 156 163 255;--shield-cyan: 0 200 255;--shield-cyan-light: 0 150 255;--shield-danger: 255 50 50;--shield-danger-glow: 255 0 0;--shield-white: 255 255 255;--shield-black: 0 0 0}.circuit-board-animated{opacity:.7}.circuit-svg{transform-origin:center}.circuit-lines{position:absolute;inset:0;opacity:.15;background:linear-gradient(90deg,transparent 96%,rgb(var(--shield-purple-accent) / 80%) 96%) 0 0 / 100% 25%,linear-gradient(90deg,transparent 96%,rgb(var(--shield-purple-accent) / 80%) 96%) 0 50% / 100% 25%,linear-gradient(0deg,transparent 96%,rgb(var(--shield-purple-accent) / 80%) 96%) 25% 0 / 25% 100%,linear-gradient(0deg,transparent 96%,rgb(var(--shield-purple-accent) / 80%) 96%) 75% 0 / 25% 100%;background-repeat:no-repeat;animation:circuit-fade 8s infinite alternate}@keyframes circuit-fade{0%{opacity:.1}to{opacity:.25}}.shield-icon{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.shield{position:relative;width:80%;height:80%;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,rgb(var(--shield-blue) / 30%),rgb(var(--shield-indigo) / 30%));box-shadow:0 0 30px rgb(var(--shield-indigo) / 50%);z-index:3;border:1px solid rgb(var(--shield-white) / 20%)}.shield.shield-pulse{animation:shieldPulse .75s ease-out;will-change:transform,box-shadow,filter}.shield.shield-scanning{animation:shieldScan 3s ease-in-out;will-change:box-shadow,border-color}@keyframes shieldPulse{0%{box-shadow:0 0 30px rgb(var(--shield-indigo) / 50%);transform:scale(1);border-color:rgb(var(--shield-white) / 20%)}10%{box-shadow:0 0 80px rgb(var(--shield-cyan) / 90%),0 0 40px rgb(var(--shield-indigo-light) / 80%);transform:scale(1.08);border-color:rgb(var(--shield-white) / 80%);background:linear-gradient(135deg,rgb(var(--shield-blue) / 50%),rgb(var(--shield-indigo) / 50%))}30%{box-shadow:0 0 70px rgb(var(--shield-cyan) / 80%),0 0 35px rgb(var(--shield-indigo-light) / 70%);transform:scale(1.05);border-color:rgb(var(--shield-white) / 60%);filter:brightness(1.2)}50%{box-shadow:0 0 60px rgb(var(--shield-cyan) / 70%),0 0 30px rgb(var(--shield-indigo-light) / 60%);transform:scale(1.03);border-color:rgb(var(--shield-white) / 40%);filter:brightness(1.1)}75%{box-shadow:0 0 40px rgb(var(--shield-indigo) / 60%);transform:scale(1.02);border-color:rgb(var(--shield-white) / 30%);filter:brightness(1.05)}to{box-shadow:0 0 30px rgb(var(--shield-indigo) / 50%);transform:scale(1);border-color:rgb(var(--shield-white) / 20%);filter:brightness(1)}}@keyframes shieldScan{0%{box-shadow:0 0 30px rgb(var(--shield-indigo) / 50%);border-color:rgb(var(--shield-white) / 20%)}25%{box-shadow:0 0 50px rgb(var(--shield-cyan) / 70%),0 0 25px rgb(var(--shield-indigo-light) / 60%);border-color:rgb(var(--shield-cyan) / 40%)}50%{box-shadow:0 0 60px rgb(var(--shield-cyan) / 80%),0 0 30px rgb(var(--shield-indigo-light) / 70%);border-color:rgb(var(--shield-cyan) / 60%)}75%{box-shadow:0 0 50px rgb(var(--shield-cyan) / 70%),0 0 25px rgb(var(--shield-indigo-light) / 60%);border-color:rgb(var(--shield-cyan) / 40%)}to{box-shadow:0 0 30px rgb(var(--shield-indigo) / 50%);border-color:rgb(var(--shield-white) / 20%)}}.outer-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90%;border:2px solid rgb(var(--shield-white) / 20%);border-radius:50%;z-index:1;animation:rotate 20s linear infinite;will-change:transform}.outer-circle:before,.outer-circle:after{content:"";position:absolute;top:0;left:50%;width:10px;height:10px;background-color:rgb(var(--shield-purple-accent) / 80%);border-radius:50%;transform:translate(-50%) translateY(-50%)}.outer-circle:after{top:100%;background-color:rgb(var(--shield-purple-accent) / 80%)}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.connection-points{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.connection-points:before,.connection-points:after{content:"";position:absolute;width:3px;height:40%;background:linear-gradient(to bottom,transparent,rgb(var(--shield-purple-accent) / 80%),transparent);will-change:transform,opacity}.connection-points:before{top:5%;left:50%;animation:connectionFlowTop 6s ease-in-out infinite}.connection-points:after{bottom:5%;left:50%;animation:connectionFlowBottom 6s ease-in-out infinite}@keyframes connectionFlowTop{0%{transform:translateY(-100%) translate(-50%);opacity:0}30%,70%{opacity:1}to{transform:translateY(0) translate(-50%);opacity:0}}@keyframes connectionFlowBottom{0%{transform:translateY(100%) translate(-50%);opacity:0}30%,70%{opacity:1}to{transform:translateY(0) translate(-50%);opacity:0}}.shield-icon:before,.shield-icon:after{content:"";position:absolute;width:4px;height:4px;background-color:rgb(var(--shield-white) / 90%);border-radius:50%;opacity:0;filter:blur(1px);z-index:4}.shield-icon:before{top:30%;left:0;animation:connectionNodeLeft 8s linear infinite}.shield-icon:after{bottom:30%;right:0;animation:connectionNodeRight 8s linear infinite;animation-delay:4s}@keyframes connectionNodeLeft{0%,5%,95%,to{opacity:0;transform:scale(1);box-shadow:0 0 rgb(var(--shield-white) / 0%)}30%,40%{opacity:1;transform:scale(3);box-shadow:0 0 20px rgb(var(--shield-indigo-light) / 80%),0 0 10px rgb(var(--shield-white) / 80%)}}@keyframes connectionNodeRight{0%,5%,95%,to{opacity:0;transform:scale(1);box-shadow:0 0 rgb(var(--shield-white) / 0%)}30%,40%{opacity:1;transform:scale(3);box-shadow:0 0 20px rgb(var(--shield-indigo-light) / 80%),0 0 10px rgb(var(--shield-white) / 80%)}}.pulse-effect{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgb(var(--shield-white) / 30%),rgb(var(--shield-indigo-light) / 0%) 70%);animation:pulse 4s cubic-bezier(.4,0,.6,1) infinite;transition:opacity .5s ease,transform .5s ease;will-change:transform,opacity}@keyframes pulse{0%,to{transform:scale(.8);opacity:.2}50%{transform:scale(1.2);opacity:.4}}.shield-icon .outer-circle.brightened:before,.shield-icon .outer-circle.brightened:after{background-color:rgb(var(--shield-white) / 90%);opacity:.9;transition:background-color .5s ease,opacity .5s ease}@keyframes pathFlash{0%{stroke:rgb(var(--shield-purple-accent) / 60%);stroke-width:2px}50%{stroke:rgb(var(--shield-cyan) / 80%);stroke-width:3px;filter:drop-shadow(0 0 3px rgb(var(--shield-cyan-light) / 60%))}to{stroke:rgb(var(--shield-purple-accent) / 60%);stroke-width:2px}}.shield-path.flash{animation:pathFlash .75s ease-out}@media(prefers-reduced-motion:reduce){.outer-circle{animation:none;will-change:auto}.pulse-effect{animation:none;transition:none;will-change:auto}.circuit-lines{animation:none}.connection-points:before,.connection-points:after{animation:none;will-change:auto}.shield-icon:before,.shield-icon:after{animation:none}.shield.shield-pulse,.shield.shield-scanning{animation:none;will-change:auto}}.companies-banner{text-align:center;padding-top:.5rem;animation:fadeInUp .6s ease-out forwards}.logo-slider{--logo-width: 180px;--visible-logos: 7;--logo-duplicates: 3;position:relative;width:100%;height:100px;overflow:hidden;margin:0 auto;padding:5px 0}.logo-slider-track{display:flex;width:calc(var(--logo-width) * var(--visible-logos) * var(--logo-duplicates));animation:scroll 50s linear infinite}.logo-slide{width:var(--logo-width);height:90px;display:flex;align-items:center;justify-content:center;padding:0 15px;position:relative;overflow:visible}.logo-slide img{max-width:85%;max-height:95%;object-fit:contain;filter:grayscale(100%) opacity(70%);transition:filter .3s ease,transform .3s ease,box-shadow .3s ease;transform:translateY(0)}.logo-slide img[data-logo=teck]{max-width:70%}.logo-slide img[data-logo=kobalt]{max-width:80%}.logo-slide img:hover{filter:grayscale(0%) opacity(100%);transform:scale(1.05) translateY(0);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000008}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.logo-slide .white-logo{filter:grayscale(100%) opacity(70%) brightness(.3) contrast(1.2)}.logo-slide .white-logo:hover{filter:grayscale(0%) opacity(100%) brightness(.3) contrast(1.2)}:global(.dark) .logo-slide .white-logo{filter:grayscale(100%) opacity(80%) brightness(1.5) contrast(1.1)}:global(.dark) .logo-slide .white-logo:hover{filter:grayscale(0%) opacity(100%) brightness(1.5) contrast(1.1)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(var(--logo-width) * var(--visible-logos) * -1))}}.logo-slider-track:hover{animation-play-state:paused}@media(width<=1024px){.logo-slider{--logo-width: 170px;height:90px}}@media(width<=768px){.logo-slider{--logo-width: 150px;height:95px}.logo-slide{padding:0 10px;height:90px}}@media(hover:none)and (width<=768px){.logo-slide img:active{transform:scale(1.04) translateY(0)}}@media(hover:hover)and (width<=768px){.logo-slide img:hover,.logo-slide img:active{transform:scale(1.04) translateY(0)}}@media(width<=480px){.logo-slider{--logo-width: 120px;height:100px;padding:5px 0 10px}.logo-slide{padding:0 8px;height:90px}.logo-slide img{max-width:90%;max-height:90%;position:relative;margin:0 auto}}@media(prefers-reduced-motion:reduce){.logo-slider{height:auto;overflow:visible}.logo-slider-track{animation:none;flex-wrap:wrap;justify-content:center;width:auto;gap:1rem}.logo-slider-track>[aria-hidden=true]{display:none}}#vuln-popup{position:absolute;top:80px;right:20px;z-index:50;background-color:#fffffff2;backdrop-filter:blur(5px);border-radius:.75rem;width:345px;max-width:calc(100vw - 40px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid rgb(241 245 249 / 80%);padding:.75rem;transition:opacity .35s ease-out,transform .35s ease-out,visibility .35s linear,box-shadow .35s ease;will-change:opacity,transform,visibility}.dark #vuln-popup{background-color:#1e293bf2;border:1px solid rgb(51 65 85 / 80%);box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}#vuln-popup:not(.hidden){opacity:1;transform:translateY(0);box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a;animation:popIn .4s ease-out forwards}.dark #vuln-popup:not(.hidden){box-shadow:0 10px 25px -5px #0006,0 8px 10px -6px #0000004d}#vuln-popup.hidden{opacity:0;transform:translateY(-15px) scale(.97);visibility:hidden;pointer-events:none;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #00000008}.dark #vuln-popup.hidden{box-shadow:0 4px 6px -1px #00000026,0 2px 4px -2px #0000001a}@keyframes popIn{0%{opacity:0;transform:translateY(-15px) scale(.97)}50%{opacity:1;transform:translateY(3px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}@media(width<=1023px){#vuln-popup{width:322px;padding:.625rem}}@keyframes popInCentered{0%{opacity:0;transform:translate(-50%) translateY(-15px) scale(.97)}50%{opacity:1;transform:translate(-50%) translateY(3px) scale(1.01)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@media(width<=400px){#vuln-popup{right:auto;left:50%;transform:translate(-50%);width:calc(100vw - 32px);max-width:322px}#vuln-popup:not(.hidden){animation:popInCentered .4s ease-out forwards}#vuln-popup.hidden{transform:translate(-50%) translateY(-15px) scale(.97)}}@keyframes pulseHint{0%{box-shadow:0 0 #3b82f699;transform:scale(1)}70%{box-shadow:0 0 8px 4px #3b82f600;transform:scale(1.05)}to{box-shadow:0 0 #3b82f600;transform:scale(1)}}.pulse-hint{animation:pulseHint .7s ease-in-out 3}.threats-counter{transition:transform .2s ease}.threats-counter:hover{transform:translateY(-1px)}@media(prefers-reduced-motion:reduce){#vuln-popup{will-change:auto}#vuln-popup:not(.hidden){animation:none}.pulse-hint{animation:none}.threats-counter:hover{transform:none}}@keyframes malwarePulseFlash{0%{fill:#ff3c3ce5;r:3}50%{fill:#ffffffe5;r:10}to{fill:#00c8ffe5;r:0;opacity:0}}.malware-caught{animation:malwarePulseFlash .5s ease-out forwards}@keyframes counterPulse{0%{transform:scale(1);color:#dbeafe}50%{transform:scale(1.4);color:#fff}to{transform:scale(1);color:#dbeafe}}.counter-increment{animation:counterPulse .5s ease-out}@keyframes pathFlashThreat{0%{stroke:#9ca3ff99;stroke-width:2px}50%{stroke:#ff3c3ccc;stroke-width:3px;filter:drop-shadow(0 0 3px rgb(255 0 0 / 60%))}to{stroke:#9ca3ff99;stroke-width:2px}}.shield-path.flash-threat{animation:pathFlashThreat .75s ease-out}@keyframes transformToMalware{0%{fill:#fffc;transform:scale(1)}25%{fill:#ffffffe5;transform:scale(2.4)}50%{fill:#ff9696e5;transform:scale(2)}75%{fill:#ff6464e5;transform:scale(1.6)}to{fill:#ff3c3ce5;transform:scale(1.2)}}.transforming-to-malware{animation:transformToMalware .5s ease-out forwards;will-change:fill,transform;transform-box:fill-box;transform-origin:center center}@media(prefers-reduced-motion:reduce){.transforming-to-malware{animation:none;fill:#ff3c3ce5;will-change:auto;transform:scale(1.2)}}.dynamic-pulse{transition:fill .5s ease}@media(width<=1023px){.connection-points:before,.connection-points:after,.shield-icon:before,.shield-icon:after{animation-duration:4s}.shield-icon{transform:scale(.9)}}@media(width<=767px){.shield-icon{transform:scale(.8)}}
