/* pages.css */
.about-intro{display:flex;gap:50px;align-items:center}
.about-intro .text{flex:1}
.about-intro .text h2{font-size:26px;font-weight:700;margin-bottom:14px}
.about-intro .text .en-label{font-family:Arial;font-size:11px;color:var(--c-accent);letter-spacing:3px;margin-bottom:6px}
.about-intro .text p{font-size:14px;color:var(--c-text-sub);line-height:2;margin-bottom:10px}
.about-intro .image{flex:0 0 48%}
.about-intro .image img{width:100%;min-height:320px;object-fit:cover;object-position:center}
.about-capabilities{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}
.cap-item{text-align:center;padding:24px 14px;background:var(--c-bg-soft);border:1px solid var(--c-border);transition:all .3s}
.cap-item:hover{box-shadow:0 4px 14px rgba(10,76,154,.05);border-color:var(--c-primary)}
.cap-item h3{font-size:15px;font-weight:700;margin-bottom:6px}
.cap-item p{font-size:12px;color:var(--c-text-sub);line-height:1.6}
.service-steps{display:flex;gap:20px;flex-wrap:wrap}
.step-card{flex:1;min-width:200px;background:#fff;border:1px solid var(--c-border);overflow:hidden;transition:all .3s}
.step-card:hover{box-shadow:0 6px 18px rgba(0,0,0,.05)}
.step-card .step-img{height:180px;overflow:hidden}
.step-card .step-img img{width:100%;height:100%;object-fit:cover;object-position:center}
.step-card .step-body{padding:18px;text-align:center}
.step-card .step-body .step-num{font-family:Arial;font-size:22px;color:var(--c-accent);font-weight:700}
.step-card .step-body h3{font-size:16px;font-weight:700;margin:4px 0}
.step-card .step-body p{font-size:13px;color:var(--c-text-sub);line-height:1.6}
.solutions-list{max-width:1100px;margin:0 auto}
.solution-row{display:flex;gap:40px;align-items:center;margin-bottom:50px}
.solution-row.reverse{flex-direction:row-reverse}
.solution-row .sol-img{flex:0 0 45%}
.solution-row .sol-img img{width:100%;min-height:280px;object-fit:cover;object-position:center;border-radius:2px}
.solution-row .sol-text{flex:1}
.solution-row .sol-text h3{font-size:22px;font-weight:700;margin-bottom:12px}
.solution-row .sol-text p{font-size:14px;color:var(--c-text-sub);line-height:2;margin-bottom:16px}
.solution-row .sol-text .link{color:var(--c-primary);font-size:14px;font-weight:600}
.news-grid-page{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.news-card-page{background:#fff;border:1px solid var(--c-border);overflow:hidden;transition:all .4s;cursor:pointer}
.news-card-page:hover{box-shadow:0 6px 18px rgba(0,0,0,.06);transform:translateY(-3px)}
.news-card-page img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .5s}
.news-card-page:hover img{transform:scale(1.04)}
.news-card-page .card-body{padding:16px}
.news-card-page .card-tag{font-size:11px;color:var(--c-accent);font-weight:700;letter-spacing:1px;margin-bottom:5px}
.news-card-page .card-body h3{font-size:15px;font-weight:700;color:var(--c-text);line-height:1.5;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-card-page .card-body p{font-size:12px;color:var(--c-text-sub);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px}
.news-card-page .card-date{font-size:11px;color:var(--c-text-muted)}
/* Services inner page */
.svc-detail-layout{display:grid;grid-template-columns:240px 1fr;gap:32px}
.svc-sidebar{display:grid;gap:0}
.svc-sidebar a{display:block;padding:14px 18px;font-size:14px;font-weight:600;color:var(--c-text-sub);border-left:3px solid transparent;transition:all .3s}
.svc-sidebar a:hover,.svc-sidebar a.active{color:var(--c-primary);background:var(--c-bg-soft);border-left-color:var(--c-accent)}
.svc-detail-content h2{font-size:24px;font-weight:700;margin-bottom:16px}
.svc-detail-content p{font-size:14px;color:var(--c-text-sub);line-height:2;margin-bottom:12px}
.svc-detail-content ul{margin:12px 0 12px 20px}
.svc-detail-content ul li{font-size:14px;color:var(--c-text-sub);line-height:2;list-style:disc}
.svc-detail-content .tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.svc-detail-content .tags span{padding:6px 14px;background:var(--c-bg-soft);border:1px solid var(--c-border);font-size:13px;color:var(--c-primary)}


/* ===== Contact Page ===== */
.contact-banner { background-image: url('../images/henu/henu-snow-campus.jpg'); }
.page-banner-mask { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(7,20,38,.78), rgba(7,20,38,.48)), rgba(7,20,38,.18); }
.breadcrumb-wrap { height: 64px; border-bottom: 1px solid #edf1f6; background: #fff; }
.breadcrumb-wrap .breadcrumb { height: 64px; display: flex; align-items: center; gap: 10px; font-size: 14px; color: #8a94a6; }
.breadcrumb-wrap .breadcrumb a { color: #5c667a; text-decoration: none; }
.breadcrumb-wrap .breadcrumb a:hover { color: #0A4C9A; }

.contact-page-main { background: #fff; }
.contact-section { padding: 96px 0 110px; background: linear-gradient(180deg, #fff 0%, #f6f9fd 100%); }
.contact-layout { display: grid; grid-template-columns: 38% 62%; gap: 64px; align-items: stretch; }

.contact-info-panel { position: relative; padding: 46px 42px; background: #071426; color: #fff; overflow: hidden; border-radius: 2px; }
.contact-info-panel::after { content: ''; position: absolute; right: -120px; bottom: -120px; width: 300px; height: 300px; border-radius: 50%; background: rgba(10,76,154,.38); filter: blur(8px); }
.contact-info-panel h2 { position: relative; z-index: 2; margin: 18px 0 18px; font-size: 38px; line-height: 1.2; font-weight: 700; }
.contact-intro { position: relative; z-index: 2; margin: 0; font-size: 16px; line-height: 1.9; color: rgba(255,255,255,.72); }
.contact-info-list { position: relative; z-index: 2; margin-top: 42px; display: grid; gap: 26px; }
.contact-info-item { display: grid; grid-template-columns: 48px 1fr; gap: 18px; align-items: start; }
.contact-icon { width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); color: #D8A23A; font-size: 20px; }
.contact-info-item span { display: block; margin-bottom: 7px; color: rgba(255,255,255,.52); font-size: 14px; }
.contact-info-item strong { display: block; color: #fff; font-size: 16px; line-height: 1.65; font-weight: 600; }

.contact-form-panel { padding: 46px 52px; background: #fff; border: 1px solid #e5eaf2; box-shadow: 0 28px 70px rgba(20,50,90,.08); border-radius: 2px; }
.form-head { margin-bottom: 34px; }
.form-head span { display: inline-block; color: #0A4C9A; font-size: 13px; font-weight: 700; letter-spacing: .18em; }
.form-head h3 { margin: 10px 0 10px; font-size: 30px; line-height: 1.3; color: #172033; }
.form-head p { margin: 0; color: #6a7485; font-size: 15px; line-height: 1.8; }

.contact-form { display: grid; gap: 22px; }
.form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
.contact-form label { display: grid; gap: 9px; }
.contact-form label span { color: #172033; font-size: 14px; font-weight: 600; }
.contact-form input, .contact-form select, .contact-form textarea {
  width: 100%; box-sizing: border-box; border: 1px solid #dfe6f0; background: #f8fafc;
  color: #172033; font-size: 15px; font-family: inherit; outline: none;
  transition: border-color .25s, background .25s, box-shadow .25s;
}
.contact-form input, .contact-form select { height: 50px; padding: 0 16px; }
.contact-form textarea { min-height: 150px; padding: 15px 16px; resize: vertical; }
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus {
  border-color: #0A4C9A; background: #fff; box-shadow: 0 0 0 4px rgba(10,76,154,.08);
}
.form-full { grid-column: 1 / -1; }
.submit-btn {
  justify-self: start; min-width: 220px; height: 52px; padding: 0 34px;
  border: none; background: #0A4C9A; color: #fff; font-size: 16px; font-weight: 600;
  cursor: pointer; transition: background .25s, transform .25s, box-shadow .25s;
}
.submit-btn:hover { background: #073a78; transform: translateY(-2px); box-shadow: 0 14px 30px rgba(10,76,154,.22); }

.contact-service-strip { padding: 0 0 100px; background: #f6f9fd; }
.contact-strip-inner { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.contact-strip-card {
  padding: 30px 32px; background: #fff; border: 1px solid #e5eaf2;
  transition: transform .3s, box-shadow .3s;
}
.contact-strip-card:hover { transform: translateY(-6px); box-shadow: 0 22px 54px rgba(20,50,90,.08); }
.contact-strip-card span { display: block; color: #D8A23A; font-size: 28px; font-weight: 800; margin-bottom: 16px; }
.contact-strip-card h3 { margin: 0 0 10px; color: #172033; font-size: 22px; }
.contact-strip-card p { margin: 0; color: #6a7485; line-height: 1.8; font-size: 15px; }

@media (max-width: 1024px) {
  .contact-layout { grid-template-columns: 1fr; gap: 36px; }
  .contact-info-panel, .contact-form-panel { padding: 36px 30px; }
  .contact-strip-inner { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .page-banner { height: 260px; margin-top: 64px; }
  .page-banner-content h1 { font-size: 34px; }
  .contact-section { padding: 64px 0 72px; }
  .form-grid { grid-template-columns: 1fr; }
  .submit-btn { width: 100%; justify-self: stretch; }
  .contact-info-panel h2 { font-size: 30px; }
}


/* ===== About Page ===== */
.about-banner { background-image: url('../images/henu/henu-building-wide.jpg'); }

.subpage-nav { background: #fff; border-bottom: 1px solid #edf1f6; }
.subpage-nav-inner { height: 72px; display: flex; justify-content: center; align-items: center; gap: 56px; }
.subpage-nav a { position: relative; color: #172033; text-decoration: none; font-size: 16px; font-weight: 500; padding: 25px 0; }
.subpage-nav a::after { content: ''; position: absolute; left: 50%; bottom: 14px; width: 0; height: 3px; background: #D8A23A; transform: translateX(-50%); transition: width .25s; }
.subpage-nav a:hover, .subpage-nav a.active { color: #0A4C9A; }
.subpage-nav a:hover::after, .subpage-nav a.active::after { width: 34px; }

.about-main { background: #fff; }
.about-profile-section { padding: 96px 0 108px; }
.about-profile-layout { display: grid; grid-template-columns: 55% 45%; gap: 70px; align-items: center; }
.article-label { color: #0A4C9A; font-size: 13px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; margin-bottom: 14px; }
.about-article h2 { margin: 0; color: #172033; font-size: 38px; line-height: 1.2; font-weight: 700; }
.title-line { width: 42px; height: 3px; background: #D8A23A; margin: 18px 0 28px; }
.about-article h3 { margin: 0 0 26px; color: #172033; font-size: 28px; line-height: 1.35; font-weight: 700; }
.about-article p { margin: 0 0 18px; color: #4f5b6d; font-size: 16px; line-height: 2; }
.about-side-visual { height: 460px; overflow: hidden; box-shadow: 0 24px 64px rgba(20,50,90,.12); }
.about-side-visual img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.about-profile-points { margin-top: 38px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.about-profile-points div { padding: 22px 24px; background: #f6f9fd; border-left: 3px solid #0A4C9A; }
.about-profile-points strong { display: block; margin-bottom: 8px; color: #172033; font-size: 17px; }
.about-profile-points span { display: block; color: #6a7485; font-size: 14px; line-height: 1.7; }

.about-resource-section { padding: 96px 0 100px; background: #f6f9fd; }
.section-title.center { text-align: center; margin-bottom: 54px; }
.section-title h2 { margin: 0; color: #172033; font-size: 38px; line-height: 1.2; font-weight: 700; }
.section-title p { margin: 18px auto 0; max-width: 760px; color: #6a7485; font-size: 16px; line-height: 1.8; }
.resource-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.resource-card { padding: 38px 34px; background: #fff; border: 1px solid #e5eaf2; transition: transform .3s, box-shadow .3s; }
.resource-card:hover { transform: translateY(-6px); box-shadow: 0 24px 58px rgba(20,50,90,.08); }
.resource-card span { display: block; color: #D8A23A; font-size: 32px; font-weight: 800; margin-bottom: 20px; }
.resource-card h3 { margin: 0 0 14px; color: #172033; font-size: 22px; }
.resource-card p { margin: 0; color: #5c667a; font-size: 15px; line-height: 1.9; }

.about-service-mode-section { padding: 96px 0 110px; background: #fff; }
.service-mode-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-top: 1px solid #e5eaf2; border-left: 1px solid #e5eaf2; }
.service-mode-item { min-height: 220px; padding: 36px 30px; border-right: 1px solid #e5eaf2; border-bottom: 1px solid #e5eaf2; background: #fff; transition: background .3s, transform .3s; }
.service-mode-item:hover { background: #f6f9fd; transform: translateY(-4px); }
.service-mode-item span { display: block; margin-bottom: 26px; color: #0A4C9A; font-size: 34px; font-weight: 800; }
.service-mode-item h3 { margin: 0 0 14px; color: #172033; font-size: 22px; }
.service-mode-item p { margin: 0; color: #5c667a; font-size: 15px; line-height: 1.8; }

@media (max-width: 1024px) {
  .about-profile-layout { grid-template-columns: 1fr; gap: 42px; }
  .about-side-visual { height: 380px; }
  .resource-grid { grid-template-columns: 1fr; }
  .service-mode-list { grid-template-columns: repeat(2, 1fr); }
  .subpage-nav-inner { gap: 32px; }
}
@media (max-width: 768px) {
  .subpage-nav-inner { height: auto; padding: 16px 0; overflow-x: auto; justify-content: flex-start; gap: 28px; }
  .subpage-nav a { white-space: nowrap; font-size: 15px; padding: 16px 0; }
  .about-profile-section, .about-resource-section, .about-service-mode-section { padding: 64px 0; }
  .about-article h2, .section-title h2 { font-size: 30px; }
  .about-article h3 { font-size: 23px; }
  .about-profile-points { grid-template-columns: 1fr; }
  .service-mode-list { grid-template-columns: 1fr; }
  .about-side-visual { height: 280px; }
}


/* ===== Services Page ===== */
.services-banner { background-image: url('../images/henu/henu-smart-classroom.jpg'); }
.services-main { background: #fff; }
.services-list-section { padding: 96px 0 110px; background: #fff; }
.services-list-layout { display: grid; grid-template-columns: 260px 1fr; gap: 56px; align-items: start; }

.service-category-panel { position: sticky; top: 112px; border: 1px solid #e5eaf2; background: #fff; }
.service-category-panel h2 { margin: 0; padding: 24px 28px; background: #0A4C9A; color: #fff; font-size: 22px; font-weight: 700; }
.service-category-panel ul { list-style: none; padding: 10px 0; margin: 0; }
.service-category-panel li { border-bottom: 1px solid #edf1f6; }
.service-category-panel li:last-child { border-bottom: none; }
.service-category-panel a { display: block; padding: 17px 28px; color: #172033; text-decoration: none; font-size: 15px; line-height: 1.5; transition: color .25s, background .25s, padding-left .25s; }
.service-category-panel a::before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #D8A23A; margin-right: 10px; vertical-align: middle; }
.service-category-panel a:hover, .service-category-panel a.active { color: #0A4C9A; background: #f6f9fd; padding-left: 34px; }

.service-list-head { display: grid; grid-template-columns: 42% 58%; gap: 40px; align-items: end; margin-bottom: 36px; padding-bottom: 26px; border-bottom: 1px solid #e5eaf2; }
.service-list-head span { display: block; margin-bottom: 10px; color: #0A4C9A; font-size: 13px; font-weight: 700; letter-spacing: .18em; }
.service-list-head h2 { margin: 0; color: #172033; font-size: 38px; line-height: 1.2; }
.service-list-head p { margin: 0; color: #5c667a; font-size: 16px; line-height: 1.9; }

.service-card-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 26px; }
.service-list-card { position: relative; min-height: 310px; padding: 34px 34px 32px; background: #fff; border: 1px solid #e5eaf2; transition: transform .3s, box-shadow .3s, border-color .3s; }
.service-list-card:hover { transform: translateY(-6px); border-color: rgba(10,76,154,.35); box-shadow: 0 24px 60px rgba(20,50,90,.08); }
.service-card-index { margin-bottom: 20px; color: #D8A23A; font-size: 34px; font-weight: 800; line-height: 1; }
.service-list-card h3 { margin: 0 0 14px; color: #172033; font-size: 24px; line-height: 1.35; }
.service-list-card p { margin: 0 0 22px; color: #5c667a; font-size: 15px; line-height: 1.85; }
.service-meta { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.service-meta strong { flex-basis: 100%; color: #172033; font-size: 14px; margin-bottom: 2px; }
.service-meta span { display: inline-flex; padding: 5px 10px; background: #f2f6fb; color: #0A4C9A; font-size: 13px; line-height: 1.4; }
.service-consult { display: inline-flex; margin-top: 24px; color: #0A4C9A; font-size: 15px; font-weight: 700; text-decoration: none; }
.service-consult:hover { color: #D8A23A; }

.service-process-section { padding: 96px 0 110px; background: #f6f9fd; }
.service-process-list { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #e5eaf2; border-left: 1px solid #e5eaf2; }
.process-item { min-height: 220px; padding: 36px 30px; background: #fff; border-right: 1px solid #e5eaf2; border-bottom: 1px solid #e5eaf2; transition: background .3s, transform .3s; }
.process-item:hover { background: #fff; transform: translateY(-4px); }
.process-item span { display: block; margin-bottom: 24px; color: #0A4C9A; font-size: 34px; font-weight: 800; }
.process-item h3 { margin: 0 0 14px; color: #172033; font-size: 22px; }
.process-item p { margin: 0; color: #5c667a; font-size: 15px; line-height: 1.8; }

@media (max-width: 1180px) { .services-list-layout { grid-template-columns: 220px 1fr; gap: 36px; } .service-card-grid { grid-template-columns: 1fr; } }
@media (max-width: 900px) { .services-list-layout { grid-template-columns: 1fr; } .service-category-panel { position: relative; top: auto; } .service-category-panel ul { display: grid; grid-template-columns: repeat(2, 1fr); } .service-list-head { grid-template-columns: 1fr; gap: 16px; } .service-process-list { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .service-category-panel ul { grid-template-columns: 1fr; } .service-process-list { grid-template-columns: 1fr; } .service-list-card { padding: 28px 24px; } .service-list-head h2 { font-size: 30px; } }

/* ===== Product Demo Page ===== */
.demo-banner{background-image:url('../images/backgrounds/bg-network-1.jpg')}
.demo-page-main{background:#fff}
.demo-intro{padding:92px 0 42px}
.demo-catalog{padding:20px 0 110px}
.demo-catalog-grid{display:grid;gap:34px}
.demo-detail-card{display:grid;grid-template-columns:52% 48%;background:var(--c-bg-soft);border:1px solid var(--c-border);overflow:hidden}
.demo-detail-card:nth-child(even){grid-template-columns:48% 52%}
.demo-detail-card:nth-child(even) video{order:2}
.demo-detail-card video{width:100%;height:100%;min-height:360px;object-fit:cover;background:var(--c-bg-dark)}
.demo-detail-card>div{padding:48px;align-self:center}
.demo-detail-card>div>span{color:var(--c-accent);font-size:12px;font-weight:700;letter-spacing:.16em}
.demo-detail-card h2{font-size:28px;font-weight:700;margin:12px 0 16px}
.demo-detail-card p{font-size:15px;color:var(--c-text-sub);line-height:1.9}

/* ===== Solution Page ===== */
.solutions-banner{background-image:url('../images/backgrounds/bg-network-right.jpg')}
.solution-intro-section{padding:92px 0 52px}
.solution-detail-section{padding:20px 0 110px}
.solution-detail-list{display:grid;gap:64px}
.solution-detail{display:grid;grid-template-columns:52% 48%;min-height:480px;background:var(--c-bg-soft);overflow:hidden}
.solution-detail.reverse{grid-template-columns:48% 52%}
.solution-detail.reverse .solution-detail-media,.solution-detail.reverse .solution-media-stack{order:2}
.solution-detail-media{background:#fff}
.solution-detail-media img{width:100%;height:100%;object-fit:cover}
.solution-detail-media.contain img{object-fit:contain;padding:36px}
.solution-detail-copy{padding:56px;align-self:center}
.solution-detail-copy>span{color:var(--c-accent);font-size:12px;font-weight:700;letter-spacing:.16em}
.solution-detail-copy h2{font-size:30px;font-weight:700;margin:14px 0 18px}
.solution-detail-copy p,.solution-detail-copy li{font-size:15px;color:var(--c-text-sub);line-height:1.9}
.solution-detail-copy ul{margin:20px 0}
.solution-detail-copy li{padding:6px 0;border-bottom:1px solid var(--c-border)}
.solution-actions{display:flex;align-items:center;gap:24px;margin-top:26px}
.text-link{color:var(--c-primary);font-size:14px;font-weight:700}
.solution-media-stack{display:grid;grid-template-rows:1fr 1fr;background:#fff}
.solution-media-stack img{width:100%;height:100%;min-height:240px;object-fit:contain;padding:18px}
.solution-cta{padding:70px 0;background:var(--c-primary-dark);color:#fff}

/* ===== Technical Evidence ===== */
.technical-evidence-section{padding:96px 0 110px;background:var(--c-bg-dark);color:#fff}
.technical-evidence-section .section-title h2{color:#fff}
.technical-evidence-section .section-title p{color:rgba(255,255,255,.6)}
.technical-evidence-grid{display:grid;gap:28px}
.technical-evidence-card{display:grid;grid-template-columns:46% 54%;min-height:340px;background:#fff;color:var(--c-text)}
.technical-evidence-card.reverse{grid-template-columns:54% 46%}
.technical-evidence-card.reverse .technical-evidence-image{order:2}
.technical-evidence-image img{width:100%;height:100%;object-fit:cover}
.technical-evidence-image.contain img{object-fit:contain;padding:24px}
.technical-evidence-copy{padding:42px;align-self:center}
.technical-evidence-copy>span{font-size:12px;color:var(--c-accent);font-weight:700;letter-spacing:.16em}
.technical-evidence-copy h3{font-size:25px;font-weight:700;margin:12px 0}
.technical-evidence-copy p,.technical-evidence-copy li{font-size:14px;color:var(--c-text-sub);line-height:1.8}
.technical-evidence-copy ul{margin-top:14px}
.technical-evidence-copy li{padding:5px 0;border-bottom:1px solid var(--c-border)}

/* ===== Activity Gallery ===== */
.about-activity-section{padding:96px 0 104px;background:var(--c-bg-soft)}
.activity-gallery{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:22px}
.activity-gallery figure{background:#fff;border:1px solid var(--c-border);overflow:hidden}
.activity-gallery img{width:100%;height:320px;object-fit:cover}
.activity-gallery figcaption{display:grid;gap:6px;padding:22px}
.activity-gallery strong{font-size:18px}
.activity-gallery span{font-size:13px;color:var(--c-text-sub)}
@media(max-width:900px){
.demo-detail-card,.demo-detail-card:nth-child(even){grid-template-columns:1fr}
.demo-detail-card:nth-child(even) video{order:0}
.demo-detail-card video{min-height:0;aspect-ratio:16/9}
.demo-detail-card>div{padding:30px}
.solution-detail,.solution-detail.reverse{grid-template-columns:1fr}
.solution-detail.reverse .solution-detail-media,.solution-detail.reverse .solution-media-stack{order:0}
.solution-detail-media{min-height:300px}
.technical-evidence-card,.technical-evidence-card.reverse{grid-template-columns:1fr}
.technical-evidence-card.reverse .technical-evidence-image{order:0}
.activity-gallery{grid-template-columns:1fr}
}

/* ===== 2026 Inner Page Visual Upgrade ===== */
body:not(.home-page){background:#06142c}
body:not(.home-page) main,
.about-main,.services-main,.solutions-main,.demo-page-main,.contact-page-main{background:#06142c;color:#fff}
body:not(.home-page) .page-banner{height:320px;margin-top:var(--header-h);background-image:url('../images/backgrounds/bg-network-right.jpg')!important;background-position:center;background-size:cover}
.services-banner,.demo-banner{background-image:url('../images/backgrounds/bg-network-1.jpg')!important}
.solutions-banner{background-image:url('../images/backgrounds/bg-network-right.jpg')!important}
.contact-banner{background-image:url('../images/backgrounds/bg-space-contact.jpg')!important}
body:not(.home-page) .page-banner::before,
body:not(.home-page) .page-banner-mask{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,24,.72),rgba(8,43,92,.2))}
body:not(.home-page) .page-banner-content h1{font-size:clamp(38px,4.4vw,64px);font-weight:900;letter-spacing:.03em}
body:not(.home-page) .page-banner-content p,
body:not(.home-page) .page-banner-content .en{margin-top:10px;font-size:14px;letter-spacing:.28em;color:rgba(255,255,255,.62);font-family:Arial,sans-serif}
.breadcrumb-wrap,.breadcrumb{background:#07162f!important;border-color:rgba(255,255,255,.08)!important;color:rgba(255,255,255,.58)!important}
.breadcrumb a,.breadcrumb-wrap .breadcrumb a{color:rgba(255,255,255,.78)!important}
.subpage-nav{background:#081a38;border-bottom:1px solid rgba(255,255,255,.08)}
.subpage-nav a{color:rgba(255,255,255,.78)}

.about-profile-section,.services-list-section,.solution-intro-section,.demo-intro,.contact-section,
.about-resource-section,.about-service-mode-section,.service-process-section,.solution-detail-section,
.demo-catalog,.contact-service-strip,.technical-evidence-section,.about-activity-section,
body:not(.home-page) .section-pad{
  background:#06142c;
  position:relative;
}
.about-profile-section::before,.services-list-section::before,.solution-detail-section::before,.demo-catalog::before,
.contact-section::before,body:not(.home-page) .section-pad::before{
  content:'';position:absolute;inset:0;background:url('../images/backgrounds/bg-network-1.jpg') center/cover fixed;opacity:.2;pointer-events:none;
}
.about-resource-section::before,.technical-evidence-section::before,.service-process-section::before,.contact-service-strip::before{
  content:'';position:absolute;inset:0;background:url('../images/backgrounds/bg-news-network.jpg') center/cover fixed;opacity:.18;pointer-events:none;
}
.about-profile-section>.container,.services-list-section>.container,.solution-detail-section>.container,.demo-catalog>.container,
.contact-section>.container,.about-resource-section>.container,.technical-evidence-section>.container,.service-process-section>.container,
.contact-service-strip>.container,body:not(.home-page) .section-pad>.container{position:relative;z-index:1}

.section-title h2,.section-header h2,.service-list-head h2,.about-article h2,.about-article h3{color:#fff}
.section-title p,.section-header p,.service-list-head p,.about-article p{color:rgba(255,255,255,.72)}
.article-label,.section-header .en,.service-list-head span{color:#dda536}

.about-side-visual,.jng-photo{border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 80px rgba(0,0,0,.32)}
.about-profile-points div,.resource-card,.service-mode-item,.service-list-card,.process-item,
.contact-form-panel,.contact-strip-card,.news-card-page,.technical-evidence-card,.demo-detail-card,.solution-detail{
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.96);
  box-shadow:0 24px 70px rgba(0,0,0,.18);
}
.resource-card:hover,.service-list-card:hover,.news-card-page:hover,.contact-strip-card:hover,.process-item:hover,.service-mode-item:hover{
  transform:translateY(-8px);
  box-shadow:0 34px 90px rgba(0,0,0,.28);
}
.service-category-panel{background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 56px rgba(0,0,0,.16)}
.service-list-head{border-bottom-color:rgba(255,255,255,.16)}
.technical-evidence-section{color:#fff}
.solution-cta,.demo-cta{background:#07162f;color:#fff}
.home-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}
.home-cta-inner span{color:#dda536;font-size:13px;font-weight:800;letter-spacing:.18em}
.home-cta-inner h2{font-size:32px;font-weight:900;margin:10px 0;color:#fff}
.home-cta-inner p{color:rgba(255,255,255,.7)}

.demo-detail-card,.solution-detail{overflow:hidden}
.demo-detail-card video,.solution-detail-media img,.solution-media-stack img{background:#fff}
.demo-detail-card>div,.solution-detail-copy{background:#fff}
.tech-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.tech-tags em{font-style:normal;padding:6px 12px;background:#f2f6fb;color:#0A4C9A;font-size:13px}
.contact-info-panel{background:rgba(4,16,36,.88);border:1px solid rgba(255,255,255,.16);box-shadow:0 28px 80px rgba(0,0,0,.26)}
.site-footer{background:#020817}

@media(max-width:1180px){
  .header-extra .phone{display:none}
  .nav-item a{padding:0 10px;font-size:14px}
}

/* ===== Final Readability & Asset Fitting Pass ===== */
body:not(.home-page){font-size:16px}
body:not(.home-page) .container{width:min(1500px,88vw)}
.page-banner{overflow:hidden}
.page-banner-content{top:50%;transform:translateY(-50%)}

.service-list-head{grid-template-columns:40% 60%;gap:34px;margin-bottom:30px}
.service-list-head h2,.section-title h2,.section-header h2{font-size:clamp(32px,3vw,46px);line-height:1.22}
.service-list-head p,.section-title p,.section-header p{font-size:16px;line-height:1.85}
.service-list-card{min-height:auto;padding:30px 30px 28px}
.service-list-card h3{font-size:23px;line-height:1.35}
.service-list-card p{font-size:15.5px;line-height:1.82}
.service-list-card li,.process-item p,.contact-strip-card p{font-size:15px;line-height:1.8}

.technical-evidence-card{min-height:320px}
.technical-evidence-image.contain img{object-fit:contain;padding:22px;background:#fff}
.technical-evidence-copy{padding:36px}
.technical-evidence-copy h3{font-size:24px}
.technical-evidence-copy p,.technical-evidence-copy li{font-size:15px;line-height:1.8}

.solution-intro-section{padding:72px 0 36px}
.solution-detail-section{padding:18px 0 90px}
.solution-detail-list{gap:42px}
.solution-detail{min-height:430px;grid-template-columns:54% 46%}
.solution-detail.reverse{grid-template-columns:46% 54%}
.solution-detail-media img{object-fit:contain;padding:24px;background:#f8fbff}
.solution-detail-media.contain img{padding:24px}
.solution-media-stack{gap:1px;background:#e6edf7}
.solution-media-stack img{object-fit:contain;padding:20px;background:#f8fbff}
.solution-detail-copy{padding:42px 46px}
.solution-detail-copy h2{font-size:28px;line-height:1.35}
.solution-detail-copy p,.solution-detail-copy li{font-size:15.5px;line-height:1.85}

.demo-catalog{padding-top:76px}
.demo-list{gap:30px}
.demo-detail-card{grid-template-columns:48% 52%;min-height:330px}
.demo-detail-card video{min-height:330px;object-fit:contain;background:#06142c}
.demo-detail-card>div{padding:38px 42px}
.demo-detail-card h2{font-size:26px;line-height:1.35}
.demo-detail-card p{font-size:15.5px;line-height:1.85}

.news-list-page{gap:28px}
.news-card-page .card-body{padding:24px 24px 22px}
.news-card-page .card-body h3{font-size:21px;line-height:1.45;margin-bottom:12px}
.news-card-page .card-body p{font-size:15px;line-height:1.8;-webkit-line-clamp:3;margin-bottom:14px}
.news-card-page .card-date{font-size:13px}

@media(max-width:1180px){
  .solution-detail,.solution-detail.reverse,.demo-detail-card{grid-template-columns:1fr}
  .solution-detail.reverse .solution-detail-media,.solution-detail.reverse .solution-media-stack,.demo-detail-card:nth-child(even) video{order:0}
  .solution-detail-media,.solution-media-stack img{min-height:260px}
}

@media(max-height:780px) and (min-width:901px){
  .page-banner{height:260px!important}
  .solution-intro-section{padding:54px 0 28px}
  .demo-catalog,.services-list-section,.solution-detail-section{padding-top:54px}
  .solution-detail{min-height:380px}
  .solution-detail-copy{padding:34px 40px}
}