.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:50%}.circuit-lines{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:8s infinite alternate circuit-fade;position:absolute;inset:0}@keyframes circuit-fade{0%{opacity:.1}to{opacity:.25}}.shield-icon{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.shield{background:linear-gradient(135deg, rgb(var(--shield-blue) / 30%) 0%, rgb(var(--shield-indigo) / 30%) 100%);width:80%;height:80%;box-shadow:0 0 30px rgb(var(--shield-indigo) / 50%);z-index:3;border:1px solid rgb(var(--shield-white) / 20%);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.shield.shield-pulse{will-change:transform, box-shadow, filter;animation:.75s ease-out shieldPulse}.shield.shield-scanning{will-change:box-shadow, border-color;animation:3s ease-in-out shieldScan}@keyframes shieldPulse{0%{box-shadow:0 0 30px rgb(var(--shield-indigo) / 50%);border-color:rgb(var(--shield-white) / 20%);transform:scale(1)}10%{box-shadow:0 0 80px rgb(var(--shield-cyan) / 90%), 0 0 40px rgb(var(--shield-indigo-light) / 80%);border-color:rgb(var(--shield-white) / 80%);background:linear-gradient(135deg, rgb(var(--shield-blue) / 50%) 0%, rgb(var(--shield-indigo) / 50%) 100%);transform:scale(1.08)}30%{box-shadow:0 0 70px rgb(var(--shield-cyan) / 80%), 0 0 35px rgb(var(--shield-indigo-light) / 70%);border-color:rgb(var(--shield-white) / 60%);filter:brightness(1.2);transform:scale(1.05)}50%{box-shadow:0 0 60px rgb(var(--shield-cyan) / 70%), 0 0 30px rgb(var(--shield-indigo-light) / 60%);border-color:rgb(var(--shield-white) / 40%);filter:brightness(1.1);transform:scale(1.03)}75%{box-shadow:0 0 40px rgb(var(--shield-indigo) / 60%);border-color:rgb(var(--shield-white) / 30%);filter:brightness(1.05);transform:scale(1.02)}to{box-shadow:0 0 30px rgb(var(--shield-indigo) / 50%);border-color:rgb(var(--shield-white) / 20%);filter:brightness();transform:scale(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{border:2px solid rgb(var(--shield-white) / 20%);z-index:1;will-change:transform;border-radius:50%;width:90%;height:90%;animation:20s linear infinite rotate;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.outer-circle:before,.outer-circle:after{content:"";background-color:rgb(var(--shield-purple-accent) / 80%);border-radius:50%;width:10px;height:10px;position:absolute;top:0;left:50%;transform:translate(-50%)translateY(-50%)}.outer-circle:after{background-color:rgb(var(--shield-purple-accent) / 80%);top:100%}@keyframes rotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.connection-points{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.connection-points:before,.connection-points:after{content:"";background:linear-gradient(to bottom, transparent, rgb(var(--shield-purple-accent) / 80%), transparent);will-change:transform, opacity;width:3px;height:40%;position:absolute}.connection-points:before{animation:6s ease-in-out infinite connectionFlowTop;top:5%;left:50%}.connection-points:after{animation:6s ease-in-out infinite connectionFlowBottom;bottom:5%;left:50%}@keyframes connectionFlowTop{0%{opacity:0;transform:translateY(-100%)translate(-50%)}30%,70%{opacity:1}to{opacity:0;transform:translateY(0%)translate(-50%)}}@keyframes connectionFlowBottom{0%{opacity:0;transform:translateY(100%)translate(-50%)}30%,70%{opacity:1}to{opacity:0;transform:translateY(0%)translate(-50%)}}.shield-icon:before,.shield-icon:after{content:"";background-color:rgb(var(--shield-white) / 90%);opacity:0;filter:blur(1px);z-index:4;border-radius:50%;width:4px;height:4px;position:absolute}.shield-icon:before{animation:8s linear infinite connectionNodeLeft;top:30%;left:0}.shield-icon:after{animation:8s linear 4s infinite connectionNodeRight;bottom:30%;right:0}@keyframes connectionNodeLeft{0%,5%,95%,to{opacity:0;box-shadow:0 0 0 rgb(var(--shield-white) / 0%);transform:scale(1)}30%,40%{opacity:1;box-shadow:0 0 20px rgb(var(--shield-indigo-light) / 80%), 0 0 10px rgb(var(--shield-white) / 80%);transform:scale(3)}}@keyframes connectionNodeRight{0%,5%,95%,to{opacity:0;box-shadow:0 0 0 rgb(var(--shield-white) / 0%);transform:scale(1)}30%,40%{opacity:1;box-shadow:0 0 20px rgb(var(--shield-indigo-light) / 80%), 0 0 10px rgb(var(--shield-white) / 80%);transform:scale(3)}}.pulse-effect{background:radial-gradient(circle, rgb(var(--shield-white) / 30%) 0%, rgb(var(--shield-indigo-light) / 0%) 70%);will-change:transform, opacity;border-radius:50%;width:100%;height:100%;transition:opacity .5s,transform .5s;animation:4s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.4;transform:scale(1.2)}}.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,opacity .5s}@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:.75s ease-out pathFlash}@media (prefers-reduced-motion:reduce){.outer-circle{will-change:auto;animation:none}.pulse-effect{will-change:auto;transition:none;animation:none}.circuit-lines{animation:none}.connection-points:before,.connection-points:after{will-change:auto;animation:none}.shield-icon:before,.shield-icon:after{animation:none}.shield.shield-pulse,.shield.shield-scanning{will-change:auto;animation:none}}.companies-banner{text-align:center;padding-top:.5rem;animation:.6s ease-out forwards fadeInUp}.logo-slider{--logo-width:180px;--visible-logos:7;--logo-duplicates:3;width:100%;height:100px;margin:0 auto;padding:5px 0;position:relative;overflow:hidden}.logo-slider-track{width:calc(var(--logo-width) * var(--visible-logos) * var(--logo-duplicates));animation:50s linear infinite scroll;display:flex}.logo-slide{width:var(--logo-width);justify-content:center;align-items:center;height:90px;padding:0 15px;display:flex;position:relative;overflow:visible}.logo-slide img{object-fit:contain;filter:grayscale()opacity(70%);max-width:85%;max-height:95%;transition:filter .3s,transform .3s,box-shadow .3s;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();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()opacity(70%)brightness(.3)contrast(1.2)}.logo-slide .white-logo:hover{filter:grayscale(0%)opacity()brightness(.3)contrast(1.2)}:global(.dark) .logo-slide .white-logo{filter:grayscale()opacity(80%)brightness(1.5)contrast(1.1)}:global(.dark) .logo-slide .white-logo:hover{filter:grayscale(0%)opacity()brightness(1.5)contrast(1.1)}@keyframes scroll{0%{transform:translate(0)}to{transform:translateX(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{height:90px;padding:0 10px}}@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{height:90px;padding:0 8px}.logo-slide img{max-width:90%;max-height:90%;margin:0 auto;position:relative}}@media (prefers-reduced-motion:reduce){.logo-slider{height:auto;overflow:visible}.logo-slider-track{flex-wrap:wrap;justify-content:center;gap:1rem;width:auto;animation:none}.logo-slider-track>[aria-hidden=true]{display:none}}#vuln-popup{z-index:50;backdrop-filter:blur(5px);will-change:opacity, transform, visibility;background-color:#fffffff2;border:1px solid #f1f5f9cc;border-radius:.75rem;width:345px;max-width:calc(100vw - 40px);padding:.75rem;transition:opacity .35s ease-out,transform .35s ease-out,visibility .35s linear,box-shadow .35s;position:absolute;top:80px;right:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dark #vuln-popup{background-color:#1e293bf2;border:1px solid #334155cc;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}#vuln-popup:not(.hidden){opacity:1;animation:.4s ease-out forwards popIn;transform:translateY(0);box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a}.dark #vuln-popup:not(.hidden){box-shadow:0 10px 25px -5px #0006,0 8px 10px -6px #0000004d}#vuln-popup.hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-15px)scale(.97);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{width:calc(100vw - 32px);max-width:322px;left:50%;right:auto;transform:translate(-50%)}#vuln-popup:not(.hidden){animation:.4s ease-out forwards popInCentered}#vuln-popup.hidden{transform:translate(-50%)translateY(-15px)scale(.97)}}@keyframes pulseHint{0%{transform:scale(1);box-shadow:0 0 #3b82f699}70%{transform:scale(1.05);box-shadow:0 0 8px 4px #3b82f600}to{transform:scale(1);box-shadow:0 0 #3b82f600}}.pulse-hint{animation:.7s ease-in-out 3 pulseHint}.threats-counter{transition:transform .2s}.threats-counter:hover{transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){#vuln-popup{will-change:auto}#vuln-popup:not(.hidden),.pulse-hint{animation:none}.threats-counter:hover{transform:none}}@keyframes malwarePulseFlash{0%{fill:#ff3c3ce6;r:3}50%{fill:#ffffffe6;r:10}to{fill:#00c8ffe6;r:0;opacity:0}}.malware-caught{animation:.5s ease-out forwards malwarePulseFlash}@keyframes counterPulse{0%{color:#dbeafe;transform:scale(1)}50%{color:#fff;transform:scale(1.4)}to{color:#dbeafe;transform:scale(1)}}.counter-increment{animation:.5s ease-out counterPulse}@keyframes pathFlashThreat{0%{stroke:#9ca3ff99;stroke-width:2px}50%{stroke:#ff3c3ccc;stroke-width:3px;filter:drop-shadow(0 0 3px #f009)}to{stroke:#9ca3ff99;stroke-width:2px}}.shield-path.flash-threat{animation:.75s ease-out pathFlashThreat}@keyframes transformToMalware{0%{fill:#fffc;transform:scale(1)}25%{fill:#ffffffe6;transform:scale(2.4)}50%{fill:#ff9696e6;transform:scale(2)}75%{fill:#ff6464e6;transform:scale(1.6)}to{fill:#ff3c3ce6;transform:scale(1.2)}}.transforming-to-malware{will-change:fill, transform;transform-box:fill-box;transform-origin:50%;animation:.5s ease-out forwards transformToMalware}@media (prefers-reduced-motion:reduce){.transforming-to-malware{fill:#ff3c3ce6;will-change:auto;animation:none;transform:scale(1.2)}}.dynamic-pulse{transition:fill .5s}@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)}}
