.product{width:100%;min-height:100vh;background:#020615}.hero-section{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-bg{position:absolute;top:0;left:0;z-index:1}.hero-bg,.hero-bg img{width:100%;height:100%}.hero-bg img{-o-object-fit:cover;object-fit:cover}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(2,6,21,.85),rgba(2,6,21,.6) 50%,rgba(0,136,255,.2));z-index:2}.hero-content{position:relative;z-index:3;text-align:center;padding:0 20px}.hero-title{font-size:72px;font-weight:700;color:#fff;margin:0 0 16px 0;letter-spacing:8px;text-shadow:0 0 40px rgba(0,136,255,.5);-webkit-animation:fadeInUp 1s ease-out;animation:fadeInUp 1s ease-out}.hero-subtitle{font-size:24px;color:hsla(0,0%,100%,.6);letter-spacing:12px;margin:0 0 32px 0;-webkit-animation:fadeInUp 1s ease-out .2s both;animation:fadeInUp 1s ease-out .2s both}.hero-line{width:120px;height:4px;background:linear-gradient(90deg,transparent,#08f,transparent);margin:0 auto 32px;-webkit-animation:fadeInUp 1s ease-out .4s both;animation:fadeInUp 1s ease-out .4s both}.hero-desc{font-size:20px;color:hsla(0,0%,100%,.8);letter-spacing:4px;margin:0;-webkit-animation:fadeInUp 1s ease-out .6s both;animation:fadeInUp 1s ease-out .6s both;max-width:1020px}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite}.mouse{width:30px;height:50px;border:2px solid hsla(0,0%,100%,.5);border-radius:15px;display:flex;justify-content:center;padding-top:10px}.wheel{width:4px;height:8px;background:#08f;border-radius:2px;-webkit-animation:scrollWheel 1.5s infinite;animation:scrollWheel 1.5s infinite}.arrow-down{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid hsla(0,0%,100%,.5);margin-top:8px}@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes scrollWheel{0%{transform:translateY(0);opacity:1}to{transform:translateY(12px);opacity:0}}@keyframes scrollWheel{0%{transform:translateY(0);opacity:1}to{transform:translateY(12px);opacity:0}}@-webkit-keyframes bounce{0%,20%,50%,80%,to{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}.product-content{@extend .stripe-background;left:0;padding-bottom:80px;position:relative;background:linear-gradient(135deg,#020615,#000),repeating-linear-gradient(-45deg,rgba(0,34,108,.47058823529411764),rgba(0,136,255,.0784313725490196) 4px,transparent 0,transparent 24px);background-blend-mode:overlay}.introduction-box{margin:0 auto;width:1400px;left:0;position:relative}.introduction-box:before{content:"";position:absolute;top:0;left:-50%;right:-50%;height:100%;background:radial-gradient(ellipse at center,rgba(0,223,235,.08) 0,rgba(0,136,255,.05) 30%,transparent 70%);pointer-events:none}.introduction-box:after{content:"";position:absolute;top:50%;left:50%;width:800px;height:800px;background:radial-gradient(circle,rgba(0,223,235,.03) 0,transparent 50%);transform:translate(-50%,-50%);pointer-events:none;-webkit-animation:pulse 4s ease-in-out infinite;animation:pulse 4s ease-in-out infinite}@-webkit-keyframes pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}@keyframes pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.introduction-backimg-1{width:100%;position:relative;overflow:hidden}.introduction-backimg-1:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00dfeb,#08f,#00dfeb,transparent);box-shadow:0 0 20px rgba(0,223,235,.5)}.introduction-backimg-1:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#08f,#00dfeb,#08f,transparent);box-shadow:0 0 20px rgba(0,136,255,.5)}.case-title-line{margin:32px 0 23px;text-align:center;width:100%}.case-title-line img{width:60px}.introduction-title{padding:100px 0 60px;text-align:center;position:relative}h2.product-block-title{color:#fff;font-size:48px;font-weight:700;text-align:center;margin-bottom:20px;position:relative;display:inline-block;letter-spacing:4px;background:linear-gradient(180deg,#00f2ff,#08f 50%,#00dfeb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 0 20px rgba(0,136,255,.5))}h2.product-block-title:before{left:-100px;background:linear-gradient(90deg,transparent,#00dfeb,#08f)}h2.product-block-title:after,h2.product-block-title:before{content:"";position:absolute;top:50%;width:80px;height:2px;box-shadow:0 0 10px rgba(0,223,235,.5)}h2.product-block-title:after{right:-100px;background:linear-gradient(90deg,#08f,#00dfeb,transparent)}p.block-content{color:hsla(0,0%,100%,.7);font-size:18px;font-weight:400;text-align:center;margin-top:30px;max-width:900px;margin-left:auto;margin-right:auto;line-height:1.8;font-family:Font Awesome\ 5 Free;text-shadow:0 0 10px rgba(0,136,255,.3)}.product-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;width:100%;padding-bottom:60px;position:relative;z-index:1}.product-item-grid{width:calc(33.333% - 20px);border-radius:16px;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;background:rgba(10,14,30,.9);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(0,136,255,.2);box-shadow:0 4px 30px rgba(0,136,255,.15);position:relative}.product-item-grid:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#00dfeb,#08f,#00dfeb,transparent);transform:scaleX(0);transition:transform .5s ease;box-shadow:0 0 15px rgba(0,223,235,.6)}.product-item-grid:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,rgba(0,223,235,.3),transparent,rgba(0,136,255,.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .5s ease;pointer-events:none}.product-item-grid:hover{box-shadow:0 15px 50px rgba(0,136,255,.4),0 0 30px rgba(0,223,235,.2);transform:translateY(-12px) scale(1.02);border-color:rgba(0,223,235,.5)}.product-item-grid:hover:before{transform:scaleX(1)}.product-item-grid:hover:after{opacity:1}.product-item-grid:hover .product-text-grid{color:#00dfeb;text-shadow:0 0 15px rgba(0,223,235,.8)}.card-image{width:100%;height:240px;overflow:hidden;background:linear-gradient(135deg,#0a0f29,#1a2035);position:relative}.card-image:before{top:0;background:linear-gradient(135deg,rgba(0,223,235,.15),transparent,rgba(0,136,255,.15));z-index:1;opacity:0;transition:opacity .5s ease}.card-image:after,.card-image:before{content:"";position:absolute;left:0;right:0;bottom:0}.card-image:after{height:80px;background:linear-gradient(transparent,rgba(10,14,30,.9));z-index:2}.product-item-grid:hover .card-image:before{opacity:1}.card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .7s cubic-bezier(.4,0,.2,1)}.product-item-grid:hover .card-image img{transform:scale(1.1)}.product-item-grid-backcolor{width:100%;padding:28px;display:flex;flex-direction:column;background:linear-gradient(135deg,rgba(10,14,30,.95),rgba(20,25,45,.95));flex:1;position:relative}.product-item-grid-backcolor:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,136,255,.3),transparent);opacity:0;transition:opacity .4s ease}.product-item-grid:hover .product-item-grid-backcolor:after{opacity:1}.product-text-grid{color:#fff;font-size:22px;font-weight:700;line-height:1.3;margin-bottom:16px;text-align:center;transition:all .5s ease;position:relative;z-index:1;letter-spacing:1px}.product-text-grid-in{color:hsla(0,0%,100%,.6);font-size:14px;font-weight:400;line-height:1.7;margin-bottom:24px;height:90px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;position:relative;z-index:1;transition:color .5s ease}.product-item-grid:hover .product-text-grid-in{color:hsla(0,0%,100%,.8)}.btn-grid{background:linear-gradient(135deg,rgba(0,136,255,.1),rgba(0,223,235,.1));border:1px solid rgba(0,223,235,.5);color:#00dfeb;padding:12px 28px;font-size:14px;font-weight:500;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:30px;align-self:center;position:relative;overflow:hidden;z-index:1;letter-spacing:2px}.btn-grid:before{top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,223,235,.3),transparent);transition:left .6s ease}.btn-grid:after,.btn-grid:before{content:"";position:absolute;z-index:-1}.btn-grid:after{top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(0,223,235,.3),transparent);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn-grid:hover:before{left:100%}.btn-grid:hover:after{width:300px;height:300px}.btn-grid:hover{background:linear-gradient(135deg,#00dfeb,#08f);color:#020615;box-shadow:0 0 30px rgba(0,223,235,.6),0 0 60px rgba(0,136,255,.3);border-color:#00dfeb;transform:translateY(-3px) scale(1.05);font-weight:600}.nkoeYP76K4vJBr0n4BeX{margin:0 auto 110px;width:100%}@media (max-width:1400px){.introduction-box{width:90%}}@media (max-width:1200px){.product-grid{justify-content:center;gap:24px}.product-item-grid{width:calc(50% - 12px)}h2.product-block-title{font-size:40px}h2.product-block-title:after,h2.product-block-title:before{width:60px}h2.product-block-title:before{left:-80px}h2.product-block-title:after{right:-80px}}@media (max-width:768px){.product-item-grid{width:100%}h2.product-block-title{font-size:32px;letter-spacing:2px}h2.product-block-title:after,h2.product-block-title:before{display:none}.card-image{height:200px}.product-text-grid{font-size:18px}.btn-grid{padding:10px 24px;font-size:13px}}