.fp-section{position:relative;background:#fff;overflow:hidden}
.hero-screen{padding:0}
.hero-swiper,.hero-swiper .swiper-wrapper,.hero-swiper .swiper-slide{width:100%;height:100%}
.hero-swiper .swiper-slide{position:relative;overflow:hidden}
.hero-slide-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.06);transition:transform 6s ease}
.hero-swiper .swiper-slide-active .hero-slide-bg{transform:scale(1)}
.hero-slide-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,38,.88) 0%,rgba(7,27,58,.62) 38%,rgba(7,27,58,.18) 100%)}
.hero-slide-content{position:absolute;z-index:2;left:7%;top:53%;transform:translateY(-50%);max-width:1040px;color:#fff}
.hero-tag,.section-kicker{font-family:Arial,sans-serif;color:#dda536;font-size:12px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;margin-bottom:18px}
.hero-slide-content h1{font-size:clamp(46px,5.15vw,78px);font-weight:900;line-height:1.08;letter-spacing:-.035em;margin-bottom:20px;text-shadow:0 14px 34px rgba(0,0,0,.24);white-space:nowrap}
.hero-sub{font-size:22px;line-height:1.5;color:rgba(255,255,255,.96);margin-bottom:10px}
.hero-desc{max-width:760px;font-size:16px;line-height:1.9;color:rgba(255,255,255,.76);margin-bottom:30px}
.hero-actions{display:flex;gap:18px;flex-wrap:wrap}
.hero-actions .btn{min-width:142px;height:52px;border-radius:0;font-size:16px;font-weight:800;letter-spacing:.02em}
.hero-actions .btn-primary{background:#075aa8;border-color:#075aa8}
.hero-actions .btn-accent{background:#dda536;border-color:#dda536;color:#fff}
.hero-swiper .swiper-pagination{bottom:56px!important;text-align:left;left:7%!important;width:auto!important}
.hero-swiper .swiper-pagination-bullet{width:46px;height:4px;border-radius:0;background:rgba(255,255,255,.26);opacity:1;transition:all .3s}
.hero-swiper .swiper-pagination-bullet-active{width:74px;background:#075aa8}
.scroll-down{position:absolute;left:50%;bottom:32px;z-index:5;transform:translateX(-50%);border:0;background:transparent;color:#fff;cursor:pointer;text-align:center}
.scroll-down i{display:block;width:24px;height:38px;border:2px solid rgba(255,255,255,.7);border-radius:18px;margin:0 auto 8px;position:relative}
.scroll-down i::before{content:'';position:absolute;left:50%;top:7px;width:3px;height:8px;border-radius:3px;background:#fff;transform:translateX(-50%);animation:mouseWheel 1.8s infinite}
.scroll-down span{font-size:12px;letter-spacing:.24em}
@keyframes mouseWheel{0%,100%{top:7px;opacity:1}50%{top:20px;opacity:.35}}

.jng-screen{background:#07162f;color:#fff}
.jng-screen::before{content:'';position:absolute;inset:0;background:
linear-gradient(90deg,rgba(3,10,28,.42),rgba(6,23,54,.18)),
url('../images/backgrounds/bg-network-1.jpg') center/cover no-repeat;z-index:0}
.jng-screen::after{content:'';position:absolute;inset:0;background:
linear-gradient(120deg,transparent 0 18%,rgba(255,255,255,.08) 18.1%,transparent 18.3% 100%),
linear-gradient(35deg,transparent 0 53%,rgba(255,255,255,.06) 53.1%,transparent 53.3% 100%),
radial-gradient(circle at 72% 30%,rgba(255,255,255,.8) 0 2px,transparent 3px),
radial-gradient(circle at 58% 72%,rgba(255,255,255,.7) 0 2px,transparent 3px),
radial-gradient(circle at 92% 78%,rgba(255,255,255,.65) 0 2px,transparent 3px);opacity:.55;z-index:0}
.jng-screen>.container,.jng-solution-row{position:relative;z-index:1}
.home-page .jng-screen .saf-ani{opacity:1;transform:translate(0)}
.about-screen::before{background:linear-gradient(90deg,rgba(2,7,22,.84),rgba(5,26,65,.34)),url('../images/backgrounds/bg-network-right.jpg') center/cover no-repeat}
.demos-screen::before,.tech-screen::before{background:linear-gradient(90deg,rgba(3,10,28,.58),rgba(7,35,80,.22)),url('../images/backgrounds/bg-network-1.jpg') center/cover no-repeat}
.news-screen::before{background:linear-gradient(90deg,rgba(3,10,28,.52),rgba(5,26,65,.25)),url('../images/backgrounds/bg-news-network.jpg') center/cover no-repeat}
.contact-screen::before{background:linear-gradient(90deg,rgba(2,7,18,.74),rgba(7,18,42,.32)),url('../images/backgrounds/bg-space-contact.jpg') center/cover no-repeat}
.screen-side-title{position:absolute;left:48px;bottom:58px;z-index:2;color:rgba(255,255,255,.56);font-size:15px;font-weight:700;line-height:2.2}
.screen-side-title span{display:block;writing-mode:horizontal-tb}
.screen-side-title::before{content:'';display:block;width:8px;height:8px;border-radius:50%;background:#e60012;margin-bottom:8px}
.jng-title{text-align:center;margin-bottom:44px}
.jng-title span{position:absolute;left:50%;top:6%;transform:translateX(-50%);font-size:clamp(94px,12vw,180px);font-family:Arial,sans-serif;font-weight:900;color:rgba(255,255,255,.1);letter-spacing:.02em;z-index:-1;white-space:nowrap}
.jng-title h2{position:relative;font-size:clamp(34px,4vw,58px);font-weight:900;color:#fff}

.jng-about{height:100%;display:grid;grid-template-columns:48% 42%;gap:90px;align-items:center}
.jng-copy{position:relative}
.jng-copy::before{content:'ABOUT US';position:absolute;left:-8px;top:-94px;font-size:120px;font-weight:900;font-family:Arial,sans-serif;color:rgba(255,255,255,.06);white-space:nowrap}
.jng-copy h2{font-size:58px;font-weight:900;color:#fff;margin-bottom:46px}
.jng-copy p{font-size:18px;line-height:2.1;color:rgba(255,255,255,.82);margin-bottom:18px}
.jng-red-btn{display:inline-flex;align-items:center;justify-content:center;width:176px;height:58px;margin-top:38px;background:#e60012;color:#fff;font-size:18px;font-weight:800;text-decoration:none;transition:.3s}
.jng-red-btn:hover{background:#b8000e;transform:translateY(-3px)}
.jng-photo{height:470px;border-radius:28px;overflow:hidden;box-shadow:0 34px 90px rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.22)}
.jng-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.jng-photo:hover img{transform:scale(1.05)}

.jng-products{height:100%;display:flex;flex-direction:column;justify-content:center}
.jng-tabs{display:flex;gap:46px;justify-content:center;margin-bottom:44px}
.jng-tabs button,.jng-news-tabs button{min-width:170px;height:48px;border:1px solid rgba(255,255,255,.56);background:rgba(255,255,255,.03);color:#fff;font-size:16px;cursor:pointer;transition:.25s}
.jng-tabs button.active,.jng-tabs button:hover,.jng-news-tabs button.active,.jng-news-tabs button:hover{background:#e60012;border-color:#e60012;color:#fff}
.jng-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px}
.jng-product-grid article{border:1px solid rgba(255,255,255,.44);padding:24px;background:rgba(2,11,31,.18);transition:.35s}
.jng-product-grid article:hover{transform:translateY(-10px);background:rgba(255,255,255,.08);box-shadow:0 28px 70px rgba(0,0,0,.26)}
.jng-product-grid img{width:100%;height:236px;object-fit:cover;background:#fff}
.jng-product-grid article div{display:flex;align-items:center;justify-content:space-between;background:#fff;color:#172033;margin-top:22px;padding:18px 22px}
.jng-product-grid h3{font-size:18px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jng-product-grid b{font-size:28px;line-height:1;color:#000}

.jng-solution-row{width:100%;height:100%;min-height:100vh;display:flex;opacity:1!important;transform:none!important;background:#06142c}
.jng-solution-card{position:relative;flex:1;overflow:hidden;color:#fff;text-decoration:none;border-right:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(8,34,74,.9),rgba(3,12,32,.96));transition:flex .6s cubic-bezier(.22,1,.36,1),background .4s}
.jng-solution-card:nth-child(1){background-image:linear-gradient(180deg,rgba(8,34,74,.82),rgba(3,12,32,.96)),url('../images/backgrounds/bg-network-right.jpg')}
.jng-solution-card:nth-child(2){background-image:linear-gradient(180deg,rgba(8,34,74,.82),rgba(3,12,32,.96)),url('../images/backgrounds/bg-network-1.jpg')}
.jng-solution-card:nth-child(3){background-image:linear-gradient(180deg,rgba(8,34,74,.82),rgba(3,12,32,.96)),url('../images/backgrounds/bg-news-network.jpg')}
.jng-solution-card{background-size:cover;background-position:center}
.jng-solution-card:hover{flex:1.18;background-color:#0b2f63}
.jng-solution-card img{position:absolute;left:8%;right:8%;top:12%;width:84%;height:48%;object-fit:contain;padding:16px;background:rgba(255,255,255,.96);box-shadow:0 24px 70px rgba(0,0,0,.28);filter:none;transition:transform .55s,box-shadow .55s}
.jng-solution-card:hover img{transform:translateY(-8px) scale(1.02);box-shadow:0 34px 90px rgba(0,0,0,.36)}
.jng-solution-card::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.18));pointer-events:none}
.jng-solution-card::after{content:'';position:absolute;left:0;right:0;bottom:0;height:52%;background:linear-gradient(to top,rgba(3,11,28,.96),rgba(3,11,28,.62),transparent)}
.jng-solution-card div{position:absolute;left:10%;right:10%;bottom:11%;z-index:2}
.jng-solution-card h3{font-size:clamp(24px,1.8vw,32px);font-weight:900;margin-bottom:16px;line-height:1.28}
.jng-solution-card p{font-size:16px;line-height:1.85;color:rgba(255,255,255,.82);max-width:520px}
.jng-solution-card span{display:inline-block;margin-top:24px;color:rgba(255,255,255,.7);letter-spacing:.24em}

.jng-tech{height:100%;display:flex;flex-direction:column;justify-content:center;padding-top:calc(var(--header-h) * .35)}
.jng-tech .jng-title{margin-bottom:28px}
.jng-tech-main{display:grid;grid-template-columns:58% 36%;gap:42px;align-items:center}
.jng-tech-image{background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.36);box-shadow:0 30px 80px rgba(0,0,0,.22);padding:14px}
.jng-tech-image img{width:100%;max-height:52vh;object-fit:contain;display:block}
.jng-tech-list{display:grid;gap:16px}
.jng-tech-list article{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);padding:22px 24px;backdrop-filter:blur(8px);transition:.3s}
.jng-tech-list article:hover{transform:translateX(-8px);background:rgba(255,255,255,.13)}
.jng-tech-list span{font-size:28px;font-weight:900;color:#dda536}
.jng-tech-list h3{font-size:21px;margin:8px 0;color:#fff}
.jng-tech-list p{font-size:14px;line-height:1.75;color:rgba(255,255,255,.74)}

.jng-news{height:100%;display:flex;flex-direction:column;justify-content:center}
.jng-news-tabs{display:grid;grid-template-columns:repeat(2,180px);gap:14px;justify-content:center;margin-bottom:60px}
.jng-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:54px}
.jng-news-grid article{background:#fff;color:#172033;border-radius:10px;padding:42px 30px 30px;transition:.35s}
.jng-news-grid article:hover{transform:translateY(-10px);box-shadow:0 28px 70px rgba(0,0,0,.28)}
.jng-news-grid h3{font-size:24px;font-weight:900;text-align:center;line-height:1.45;margin-bottom:18px}
.jng-news-grid p{font-size:15px;color:#798397;line-height:1.8;text-align:center;margin-bottom:26px}
.jng-news-grid img{width:100%;height:180px;object-fit:cover}

.contact-screen{background:#06142c;color:#fff}
.contact-screen::before{background:
radial-gradient(circle at 78% 18%,rgba(255,255,255,.24),transparent 18%),
linear-gradient(110deg,#020713 0%,#07162f 54%,#0b2e57 100%)}
.jng-contact{height:100%;display:grid;grid-template-columns:1fr 260px;gap:90px;align-items:center}
.jng-contact-copy{position:relative}
.jng-contact-copy::before{content:'CONTACT';position:absolute;left:0;top:-70px;font-size:110px;font-family:Arial,sans-serif;font-weight:900;color:rgba(255,255,255,.08)}
.jng-contact h2{font-size:58px;font-weight:900;color:#fff;margin-bottom:48px}
.contact-columns{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.contact-columns p{font-size:18px;line-height:2;color:rgba(255,255,255,.88);margin-bottom:12px}
.wechat-card{text-align:center}
.wechat-card img{width:210px;height:210px;background:#fff;padding:10px}
.wechat-card span{display:block;margin-top:18px;color:rgba(255,255,255,.72);font-size:15px}

@media(max-width:1200px){
.jng-product-grid{grid-template-columns:repeat(2,1fr)}
.jng-tech-main,.jng-about,.jng-contact{grid-template-columns:1fr}
.jng-photo{height:360px}
}
@media(max-width:768px){
.hero-slide-content{left:5%;right:5%;max-width:none}
.hero-slide-content h1{font-size:38px;white-space:normal}
.hero-sub{font-size:18px}
.hero-desc{font-size:14px}
.fp-section{height:auto;min-height:auto;padding:72px 0}
.hero-screen{height:100vh;min-height:680px;padding:0}
.screen-side-title{display:none}
.jng-title span,.jng-copy::before,.jng-contact-copy::before{display:none}
.jng-products,.jng-news,.jng-tech,.jng-about,.jng-contact{height:auto}
.jng-tabs,.jng-news-tabs{display:flex;flex-wrap:wrap;gap:10px}
.jng-tabs button,.jng-news-tabs button{min-width:auto;padding:0 18px}
.jng-product-grid,.jng-news-grid,.contact-columns{grid-template-columns:1fr}
.jng-solution-row{height:auto;display:block}
.jng-solution-card{display:block;height:360px}
}