.firewall-hero{background:linear-gradient(90deg,#2d323d 0,#1e2d4a 20%);min-height:100vh;position:relative;overflow:hidden;box-shadow:inset 0 0 40px rgba(0,0,0,.25);display:flex;align-items:center}.firewall-hero:before{content:"";position:absolute;inset:0;mix-blend-mode:screen;opacity:.35;pointer-events:none;animation:subtleZoom 18s ease-in-out infinite}@keyframes subtleZoom{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hero-glowing-effect{position:absolute;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(0,117,255,.15) 0,rgba(0,102,255,.05) 40%,transparent 70%);filter:blur(60px);animation:pulse-glow 10s ease-in-out infinite alternate;z-index:1;opacity:.8;mix-blend-mode:screen}@keyframes pulse-glow{0%{opacity:.6;transform:scale(.9) translate(0);filter:blur(60px)}50%{opacity:.8;transform:scale(1.05) translate(-20px,-10px);filter:blur(70px)}to{opacity:.7;transform:scale(.95) translate(20px,10px);filter:blur(60px)}}.firewall-badge{display:inline-block;padding:6px 16px;background:linear-gradient(135deg,rgba(0,117,255,.15),rgba(0,224,255,.15));backdrop-filter:blur(10px);border-radius:50px;font-size:14px;font-weight:600;color:#fff;letter-spacing:.5px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1);transform:translateY(0);transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 5px 15px -5px rgba(0,117,255,.1)}.firewall-badge:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 25px -5px rgba(0,117,255,.3);border:1px solid rgba(255,255,255,.2)}.firewall-highlight{color:#00b7ff;position:relative;display:inline-block;transition:all .3s ease;animation:highlight-pulse 3s infinite}@keyframes highlight-pulse{0%,to{text-shadow:0 0 10px rgba(0,183,255,.2)}50%{text-shadow:0 0 20px rgba(0,183,255,.4)}}.firewall-highlight:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:30%;background:linear-gradient(90deg,rgba(0,117,255,.2),rgba(0,224,255,.2));z-index:-1;border-radius:2px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.firewall-highlight:hover:after{height:100%;background:linear-gradient(90deg,rgba(0,117,255,.3),rgba(0,224,255,.3));opacity:.6;border-radius:4px}.network-grid{background-size:30px 30px;z-index:0;opacity:.7;animation:grid-pulse 15s linear infinite}.network-grid,.network-grid:before{position:absolute;top:0;left:0;width:100%;height:100%}.network-grid:before{content:"";background:radial-gradient(circle at center,transparent 30%,rgba(7,26,80,.8) 100%);pointer-events:none}@keyframes grid-pulse{0%{opacity:.5;background-position:0 0}50%{opacity:.7;background-position:5px 5px}to{opacity:.5;background-position:0 0}}.security-card{border-radius:16px;background:white;overflow:hidden;transition:all .5s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(0,0,0,.06);position:relative;z-index:1;box-shadow:0 10px 20px rgba(0,0,0,.04);height:100%}.security-card:before{top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,117,255,.05),rgba(0,224,255,.05));transition:opacity .5s ease}.security-card:after,.security-card:before{content:"";position:absolute;z-index:-1;opacity:0}.security-card:after{top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(255,255,255,.5) 0,transparent 80%);transform:scale(0);transition:transform .6s ease-out,opacity .6s ease;pointer-events:none}.security-card:hover{transform:translateY(-15px) scale(1.03);box-shadow:0 30px 50px -15px rgba(0,0,0,.15);border-color:rgba(0,117,255,.2)}.security-card:hover:before{opacity:1}.security-card:hover:after{opacity:.5;transform:scale(1);animation:card-glow 2s ease-out forwards}@keyframes card-glow{0%{opacity:.5;transform:scale(0)}50%{opacity:.3}to{opacity:0;transform:scale(1)}}.feature-icon-wrapper{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,rgba(0,117,255,.1),rgba(0,224,255,.1));display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 15px -5px rgba(0,117,255,.1);position:relative;overflow:hidden}.feature-icon-wrapper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.8) 0,transparent 80%);transform:scale(0);opacity:0;transition:all .6s ease;z-index:1;pointer-events:none}.security-card:hover .feature-icon-wrapper{transform:scale(1.15) rotate(5deg);background:linear-gradient(135deg,rgba(0,117,255,.15),rgba(0,224,255,.15));box-shadow:0 15px 20px -5px rgba(0,117,255,.2)}.security-card:hover .feature-icon-wrapper:before{opacity:.2;transform:scale(1);animation:pulse-ring 1.5s ease-out}@keyframes pulse-ring{0%{opacity:.2;transform:scale(0)}80%,to{opacity:0;transform:scale(1)}}.feature-icon{color:#0066ff;font-size:28px;transition:all .3s ease;position:relative;z-index:2}.security-card:hover .feature-icon{transform:scale(1.1);color:#0088ff;text-shadow:0 0 10px rgba(0,102,255,.4)}.text-gradient{background:linear-gradient(90deg,#0066ff,#00b7ff);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;display:inline-block;animation:text-shimmer 5s linear infinite;background-size:200% 100%}@keyframes text-shimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.text-gradient:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#0066ff,#00b7ff);transition:width .4s ease}h2:hover .text-gradient:after{width:100%}.spec-card{border-radius:16px;border:1px solid rgba(0,0,0,.06);padding:30px;transition:all .4s ease;position:relative;overflow:hidden;height:100%;background:white;z-index:1;transform:translateZ(0);will-change:transform;transform-style:preserve-3d}.spec-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#0066ff 0,#00b7ff);transform:scaleY(0);transform-origin:top;transition:transform .4s ease;z-index:-1}.spec-card:hover{border-color:rgba(0,117,255,.3);box-shadow:0 20px 30px -10px rgba(0,0,0,.1);transform:translateY(-5px)}.spec-card:hover:before{transform:scaleY(1)}.usecase-card{border-radius:16px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);background:white;box-shadow:0 10px 20px -5px rgba(0,0,0,.08)}.usecase-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 30px 40px -15px rgba(0,0,0,.15)}.usecase-image{height:240px;position:relative;overflow:hidden}.usecase-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s ease}.usecase-card:hover .usecase-image img{transform:scale(1.08)}.usecase-content{background:white;padding:24px;position:relative;z-index:2}.usecase-tag{display:inline-block;padding:4px 12px;background-color:rgba(0,117,255,.1);color:#0066ff;border-radius:50px;font-size:12px;font-weight:600;margin-right:8px;margin-bottom:8px;transition:all .3s ease}.usecase-tag:hover{background-color:rgba(0,117,255,.2);transform:translateY(-2px)}.animation-float{animation:float 8s ease-in-out infinite}@keyframes float{0%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-15px) rotate(1deg)}50%{transform:translateY(0) rotate(0deg)}75%{transform:translateY(10px) rotate(-1deg)}to{transform:translateY(0) rotate(0deg)}}.animation-pulse{animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.dashboard-container{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 30px 40px -15px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.1);background:rgba(255,255,255,.05);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);transform:perspective(1200px) rotateX(5deg) rotateY(-2deg);transform-style:preserve-3d;transition:all .6s cubic-bezier(.175,.885,.32,1.275);will-change:transform}.dashboard-container:hover{transform:perspective(1200px) rotateX(0deg) rotateY(0deg) scale(1.02);box-shadow:0 40px 60px -15px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.15),0 0 30px rgba(0,183,255,.2)}.dashboard-container>*{transform-style:preserve-3d;transition:transform .4s ease-out}.dashboard-container:hover>*{transform:translateZ(10px)}.dashboard-glow{position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(0,224,255,.4) 0,transparent 70%);filter:blur(30px);z-index:0;animation:glow-move 12s infinite alternate;mix-blend-mode:screen}@keyframes glow-move{0%{opacity:.4;transform:translate(0);filter:blur(30px)}25%{opacity:.6;transform:translate(50px,30px);filter:blur(35px)}50%{opacity:.5;transform:translate(100px,-30px);filter:blur(40px)}75%{opacity:.7;transform:translate(50px,-60px);filter:blur(35px)}to{opacity:.4;transform:translate(0);filter:blur(30px)}}.connectivity-line{position:absolute;width:2px;background:linear-gradient(180deg,transparent,rgba(0,102,255,.7),transparent);animation:connectivity 3s infinite;opacity:.7;box-shadow:0 0 10px rgba(0,102,255,.5)}@keyframes connectivity{0%{opacity:0;transform:translateY(-100%) scaleY(.8);background:linear-gradient(180deg,transparent,rgba(0,102,255,.5),transparent)}40%{opacity:.8;transform:translateY(0) scaleY(1);background:linear-gradient(180deg,transparent,rgba(0,102,255,.8),transparent)}60%{opacity:.8;transform:translateY(0) scaleY(1);background:linear-gradient(180deg,transparent,rgba(0,102,255,.8),transparent)}to{opacity:0;transform:translateY(100%) scaleY(.8);background:linear-gradient(180deg,transparent,rgba(0,102,255,.5),transparent)}}.btn{position:relative;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.btn:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translateX(-100%);transition:transform .6s ease}.btn:hover:after{transform:translateX(100%)}@media (max-width:1200px){.hero-glowing-effect{width:600px;height:600px}.stat-value{font-size:36px}.dashboard-container{transform:perspective(1000px) rotateX(3deg) rotateY(-1deg)}}@media (max-width:992px){.firewall-hero{min-height:80vh}.security-card{margin-bottom:24px}.usecase-image{height:200px}.spec-card{margin-bottom:24px}.stat-value{font-size:32px}.dashboard-container{transform:perspective(1000px) rotateX(2deg) rotateY(0)}}@media (max-width:768px){.firewall-hero{min-height:auto;padding-top:120px;padding-bottom:80px}.hero-glowing-effect{width:400px;height:400px}.security-card:hover,.usecase-card:hover{transform:translateY(-8px) scale(1.01)}.usecase-image{height:180px}.stat-card{margin-bottom:20px}.stat-card:hover,.testimonial-card:hover{transform:translateY(-5px)}.dashboard-container{transform:perspective(1000px) rotateX(0) rotateY(0)}}@media (max-width:640px){.dashboard-container{transform:none;box-shadow:0 20px 30px -10px rgba(0,0,0,.2),0 0 0 1px rgba(255,255,255,.1)}.hero-glowing-effect{width:300px;height:300px}.firewall-badge{padding:5px 12px;font-size:12px}.firewall-highlight:after{height:25%}.stat-value{font-size:28px}.security-card:hover,.stat-card:hover,.testimonial-card:hover,.usecase-card:hover{transform:translateY(-5px)}.feature-icon-wrapper{width:56px;height:56px}.feature-icon{font-size:24px}.connectivity-line{display:none}}@media (max-width:480px){.network-grid{background-size:20px 20px}.stat-value{font-size:24px}.security-card,.spec-card,.stat-card,.testimonial-card,.usecase-card{border-radius:12px}.security-card:hover,.stat-card:hover,.testimonial-card:hover,.usecase-card:hover{transform:translateY(-3px)}}@media (min-width:992px){.parallax-scroll{transition:transform .5s cubic-bezier(.175,.885,.32,1.275);will-change:transform}.parallax-scroll-slow{transform:translateY(var(--parallax-offset,0))}.parallax-scroll-medium{transform:translateY(calc(var(--parallax-offset, 0) * 1.5))}.parallax-scroll-fast{transform:translateY(calc(var(--parallax-offset, 0) * 2))}}.floating-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.particle{position:absolute;width:3px;height:3px;background-color:rgba(255,255,255,.3);border-radius:50%;pointer-events:none;animation:float-particle 15s linear infinite}@keyframes float-particle{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translateX(20px);opacity:0}}#specifications li,#specifications ul{position:relative;z-index:5}#specifications ul{will-change:transform;transform:translateZ(0)}#specifications h3,#specifications span{position:relative;z-index:5}