/* ============================================
   DESIGN TOKENS — 星佳科技，深海军蓝基调
   ============================================ */
:root {
  --brand-blue:   #0047FF;
  --brand-blue-d: #002db3;
  --brand-blue-m: #1a5aff;
  --brand-blue-g: rgba(0,71,255,0.08);
  --brand-gold:   #D4AF37;
  --brand-gold-l: #f0d878;
  --brand-gold-d: #b89326;
  --brand-gold-g: rgba(212,175,55,0.08);

  /* 深海军蓝系 — 替代纯黑 */
  --navy-950: #060f1f;
  --navy-900: #0a1628;
  --navy-850: #0d1c35;
  --navy-800: #112240;
  --navy-700: #1a3054;
  --navy-600: #264473;
  --navy-500: #3d5a8a;
  --navy-400: #6079a8;
  --navy-300: #8aa0c4;
  --navy-200: #b8c8e0;
  --navy-100: #dce6f3;
  --navy-50:  #f0f4fa;

  --text-primary: #e8edf5;
  --text-secondary: #b8c8e0;
  --text-muted: #6b7d9a;

  --glass-bg: rgba(6,15,31,0.82);
  --glass-border: rgba(255,255,255,0.06);
  --glass-blur: 22px;

  --card-bg: var(--navy-850);
  --border: var(--glass-border);

  --section-pad: clamp(5.5rem, 9vw, 9rem);
  --container-max: 1320px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-slow: cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* ========== LIGHT THEME ========== */
[data-theme="light"] {
  --navy-950: #f8f9fc;
  --navy-900: #ffffff;
  --navy-850: #f0f2f8;
  --navy-800: #e8ecf4;
  --navy-700: #dce2ef;
  --navy-600: #c4cdde;
  --navy-500: #8b9cb5;
  --navy-400: #6b7d9a;
  --navy-300: #55677d;
  --navy-200: #3d4f65;
  --navy-100: #dce6f3;
  --navy-50:  #f8f9fc;
  --text-primary: #1a2a3d;
  --text-secondary: #55677d;
  --text-muted: #8b9cb5;
  --glass-bg: rgba(255,255,255,0.92);
  --glass-border: rgba(0,0,0,0.06);
  --card-bg: #ffffff;
  --border: rgba(0,0,0,0.06);
}

/* Light theme overrides for dark-mode-only elements */
[data-theme="light"] .footer {
  color: rgba(0,0,0,.5);
}
[data-theme="light"] .footer-top {
  border-bottom-color: rgba(0,0,0,.08);
}
[data-theme="light"] .footer-col a,
[data-theme="light"] .footer-bottom a {
  color: rgba(0,0,0,.55);
}
[data-theme="light"] .footer-col a:hover,
[data-theme="light"] .footer-bottom a:hover {
  color: var(--brand-blue);
}
[data-theme="light"] .footer-brand p {
  color: rgba(0,0,0,.45);
}
[data-theme="light"] .footer-tel .lbl {
  color: rgba(0,0,0,.35);
}
[data-theme="light"] .footer-brand h4 {
  color: var(--text-primary);
}
[data-theme="light"] .footer-col h5 {
  color: var(--text-primary);
}
[data-theme="light"] .cert-strip {
  background: var(--navy-100);
}
[data-theme="light"] .cert-strip::before {
  background: linear-gradient(to right, var(--navy-100), transparent);
}
[data-theme="light"] .cert-strip::after {
  background: linear-gradient(to left, var(--navy-100), transparent);
}
/* video overlay intentionally stays dark in both themes so white captions remain readable */

*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; -webkit-font-smoothing:antialiased; font-size:16px; }
body {
  font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", -apple-system, BlinkMacSystemFont, sans-serif;
  color: var(--text-primary); background: var(--navy-950); line-height:1.75; overflow-x:hidden;
}

/* ========== LANGUAGE SWITCH ========== */
.lang-en{display:none}
[data-lang="en"] .lang-en{display:initial}
[data-lang="en"] .lang-zh{display:none}

img { max-width:100%; display:block; }
a { text-decoration:none; color:inherit; }
button { border:none; cursor:pointer; font-family:inherit; background:none; }
ul,ol { list-style:none; }
.container { width:100%; max-width:var(--container-max); margin:0 auto; padding:0 clamp(1.25rem,5vw,3rem); }

/* ========== KEYFRAMES ========== */
@keyframes fadeUp{from{opacity:0;transform:translateY(52px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes scaleIn{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes pulse{0%,100%{opacity:.35}50%{opacity:.75}}
@keyframes shimmer{0%{background-position:-200% center}100%{background-position:200% center}}
@keyframes ripple{to{transform:scale(4);opacity:0}}
@keyframes bgZoomIn{from{transform:scale(1)}to{transform:scale(1.1)}}
@keyframes slideUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes glowPulse{0%,100%{box-shadow:0 0 40px rgba(0,71,255,.12),0 0 80px rgba(0,71,255,.04)}50%{box-shadow:0 0 60px rgba(0,71,255,.22),0 0 120px rgba(0,71,255,.08)}}
@keyframes lineGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes dash{to{stroke-dashoffset:0}}

/* ========== REVEAL ========== */
.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.reveal-left{opacity:0;transform:translateX(-40px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
.reveal-left.is-visible{opacity:1;transform:translateX(0)}
.reveal-right{opacity:0;transform:translateX(40px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
.reveal-right.is-visible{opacity:1;transform:translateX(0)}
.reveal-scale{opacity:0;transform:scale(.88);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}
.reveal-scale.is-visible{opacity:1;transform:scale(1)}
.d1{transition-delay:.06s}.d2{transition-delay:.14s}.d3{transition-delay:.22s}.d4{transition-delay:.3s}.d5{transition-delay:.38s}.d6{transition-delay:.46s}.d7{transition-delay:.54s}

/* ========== NAVIGATION ========== */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  padding:1.4rem 0; transition:all .45s var(--ease-out);
}
.nav--scrolled{
  background:var(--glass-bg); backdrop-filter:blur(var(--glass-blur));
  -webkit-backdrop-filter:blur(var(--glass-blur));
  border-bottom:1px solid var(--glass-border);
  box-shadow:0 6px 36px rgba(0,0,0,.18); padding:.55rem 0;
}
[data-theme="light"] .nav--scrolled{
  background:rgba(255,255,255,.92);
  box-shadow:0 6px 36px rgba(0,0,0,.08);
}
[data-theme="light"] .nav{color:var(--text-primary);}
[data-theme="light"] .nav-link{color:var(--text-secondary);}
[data-theme="light"] .nav-link:hover{color:var(--text-primary);background:rgba(0,0,0,.04);}
[data-theme="light"] .nav-link.is-active{color:var(--brand-blue);background:rgba(0,71,255,.1);font-weight:700;}
[data-theme="light"] .nav-phone{color:var(--text-secondary);}
[data-theme="light"] .nav-phone:hover{color:var(--text-primary);}
[data-theme="light"] .nav-toggle span{background:var(--text-primary);}

.nav-inner{
  display:flex; align-items:center; max-width:var(--container-max);
  margin:0 auto; padding:0 clamp(1.25rem,5vw,3rem); height:64px;
}
.nav-brand{display:flex; align-items:center; gap:.7rem; flex-shrink:0; margin-right:2.5rem;}
.nav-logo{
  width:40px; height:40px; border-radius:8px;
  background:linear-gradient(135deg, var(--brand-blue) 0%, var(--brand-blue-d) 100%);
  display:flex; align-items:center; justify-content:center; position:relative;
  transition:transform .4s var(--ease-spring);
}
.nav-logo svg{width:20px;height:20px;}
.nav-brand:hover .nav-logo{transform:rotate(-3deg) scale(1.07);}
.nav-brand-text{font-size:1.15rem;font-weight:700;color:#fff;letter-spacing:.03em;white-space:nowrap;}
[data-theme="light"] .nav-brand-text{color:var(--text-primary);}

.nav-links{display:flex; align-items:stretch; gap:.35rem; flex:1;}
.nav-item{position:relative;}
.nav-link{
  display:flex; align-items:center; gap:.35rem; padding:.6rem 1.2rem;
  font-size:.95rem; font-weight:500; color:rgba(255,255,255,.8); border-radius:8px;
  transition:all .3s; white-space:nowrap; cursor:pointer;
}
.nav-link svg{width:12px;height:12px;opacity:.5;transition:all .3s;margin-top:1px;}
.nav-link:hover, .nav-item:hover > .nav-link{color:#fff; background:rgba(255,255,255,.06);}
.nav-link:hover svg{opacity:.8;}
.nav-link.is-active{color:#fff;font-weight:700;background:rgba(255,255,255,.06);}

/* Dropdown */
.nav-dropdown{
  position:absolute; top:100%; left:50%; transform:translateX(-50%) translateY(8px);
  background:rgba(10,22,40,.97); backdrop-filter:blur(24px);
  -webkit-backdrop-filter:blur(24px);
  border:1px solid rgba(255,255,255,.08); border-radius:16px;
  padding:.65rem; min-width:200px;
  opacity:0; visibility:hidden; pointer-events:none;
  transition:all .3s var(--ease-out);
  box-shadow:0 20px 60px rgba(0,0,0,.4);
}
[data-theme="light"] .nav-dropdown{
  background:rgba(255,255,255,.97);
  border-color:rgba(0,0,0,.08);
  box-shadow:0 20px 60px rgba(0,0,0,.12);
}
[data-theme="light"] .nav-dropdown a{color:var(--text-secondary);}
[data-theme="light"] .nav-dropdown a:hover{color:var(--text-primary);background:rgba(0,0,0,.04);}
.nav-item:hover .nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(4px);}
.nav-dropdown a{
  display:flex; align-items:center; gap:.55rem; padding:.6rem 1rem;
  font-size:.88rem; color:rgba(255,255,255,.65); border-radius:8px;
  transition:all .25s; white-space:nowrap;
}
.nav-dropdown a:hover{color:#fff; background:rgba(255,255,255,.06);}
.nav-dropdown a .dd-dot{width:5px;height:5px;border-radius:50%;background:var(--brand-blue-m);flex-shrink:0;opacity:0;transition:opacity .25s;}
.nav-dropdown a:hover .dd-dot{opacity:1;}

.nav-cta{display:flex; align-items:center; gap:1rem; flex-shrink:0; margin-left:auto;}
.nav-phone{color:rgba(255,255,255,.7);font-size:.9rem;display:flex;align-items:center;gap:.5rem;transition:color .3s;font-weight:500;}
.nav-phone:hover{color:#fff;}
.nav-phone-icon{width:15px;height:15px;opacity:.55;}

/* Lang & Theme Toggles */
.nav-toggles{display:flex;align-items:center;gap:.4rem;flex-shrink:0;}
.lang-toggle{
  display:flex;align-items:center;gap:0;font-size:.8rem;font-weight:600;
  color:rgba(255,255,255,.5);padding:.35rem .6rem;border-radius:50px;
  transition:all .3s;background:rgba(255,255,255,.04);cursor:pointer;
  border:1px solid transparent;
}
.lang-toggle:hover{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.1);}
.lang-active{color:var(--brand-gold);}
.lang-slash{color:rgba(255,255,255,.2);margin:0 2px;}
.lang-inactive{color:rgba(255,255,255,.4);}
[data-theme="light"] .lang-toggle{color:var(--text-secondary);background:rgba(0,0,0,.04);}
[data-theme="light"] .lang-toggle:hover{color:var(--text-primary);background:rgba(0,0,0,.08);}
[data-theme="light"] .lang-slash{color:rgba(0,0,0,.15);}
[data-theme="light"] .lang-inactive{color:var(--text-muted);}

.theme-toggle{
  display:flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:50%;color:rgba(255,255,255,.5);
  transition:all .3s;cursor:pointer;background:rgba(255,255,255,.04);
  border:1px solid transparent;
}
.theme-toggle:hover{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.1);}
.theme-toggle svg{width:18px;height:18px;}
[data-theme="light"] .theme-toggle{color:var(--text-secondary);background:rgba(0,0,0,.04);}
[data-theme="light"] .theme-toggle:hover{color:var(--text-primary);background:rgba(0,0,0,.08);}

.nav-toggle{display:none;flex-direction:column;gap:5px;padding:6px;z-index:1001;width:44px;height:44px;align-items:center;justify-content:center;}
.nav-toggle span{width:24px;height:2px;background:#fff;border-radius:2px;transition:all .3s var(--ease-out);}
.nav-toggle.is-active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.nav-toggle.is-active span:nth-child(2){opacity:0}
.nav-toggle.is-active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

.nav-drawer{
  position:fixed;inset:0;z-index:999;background:rgba(6,15,31,.98);backdrop-filter:blur(20px);
  display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.3rem;
  padding:6rem 2rem 2rem;
  opacity:0;pointer-events:none;transition:opacity .4s var(--ease-out);overflow-y:auto;
}
.nav-drawer.is-open{opacity:1;pointer-events:auto;}
.nav-drawer-section{width:100%;margin-bottom:1rem;}
.nav-drawer-title{font-size:.95rem;font-weight:700;color:var(--brand-gold);margin-bottom:.4rem;padding:.3rem 0;}
.nav-drawer a{display:block;font-size:.92rem;color:rgba(255,255,255,.6);padding:.9rem 1.5rem;border-radius:6px;transition:all .25s;min-height:44px;display:flex;align-items:center;}
.nav-drawer a:hover{color:#fff;background:rgba(255,255,255,.04);}

/* ========== HERO ========== */
.hero{
  position:relative; min-height:100vh;
  display:flex; align-items:center; justify-content:center; overflow:hidden;
  background: var(--navy-950);
}
[data-theme="light"] .hero{background:var(--navy-850);}
.hero-slides{position:absolute;inset:0;z-index:0;}
.hero-slide{
  position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease-in-out;
}
.hero-slide.is-active{opacity:1;}
.hero-slide.is-active .hero-slide-img{animation:bgZoomIn 10s ease-out forwards;}
.hero-slide-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1);}
.hero-slide::after{
  content:'';position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg, rgba(6,15,31,.55) 0%, rgba(6,15,31,.2) 40%, rgba(6,15,31,.75) 100%);
}
.hero-vignette{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(ellipse at center, transparent 35%, rgba(6,15,31,.7) 100%);
}
.hero-grid{
  position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.035;
  background-image:linear-gradient(rgba(255,255,255,.5) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.5) 1px, transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(ellipse 70% 70% at center, black 20%, transparent 80%);
  -webkit-mask-image:radial-gradient(ellipse 70% 70% at center, black 20%, transparent 80%);
}
.hero-glow{position:absolute;border-radius:50%;filter:blur(140px);opacity:.06;z-index:0;pointer-events:none;animation:float 14s ease-in-out infinite;}
.hero-glow-1{width:500px;height:500px;background:var(--brand-blue);top:-20%;right:5%;}
.hero-glow-2{width:360px;height:360px;background:var(--brand-gold);bottom:-12%;left:3%;animation-delay:7s;}

.hero-content{position:relative;z-index:2;text-align:center;max-width:880px;padding:0 1.5rem;}

.hero-badge{
  display:inline-flex;align-items:center;gap:.65rem;
  color:rgba(255,255,255,.85);font-size:.8rem;font-weight:700;
  letter-spacing:.16em;margin-bottom:1.6rem;
  padding:.45rem 1.3rem;background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.1);border-radius:50px;
  backdrop-filter:blur(8px);
}
.hero-badge-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--brand-gold);animation:pulse 2.5s ease-in-out infinite;}
.hero-pre{font-size:clamp(.82rem,1.8vw,.95rem);color:var(--brand-gold);letter-spacing:.22em;margin-bottom:1rem;font-weight:600;}
.hero-title{font-size:clamp(2.6rem,5.8vw,4.4rem);font-weight:800;color:#fff;line-height:1.1;letter-spacing:-.02em;margin-bottom:1.25rem;}
.hero-title .hl{color:var(--brand-blue-m);position:relative;}
.hero-title .hl::after{content:'';position:absolute;bottom:4px;left:0;right:0;height:3px;background:var(--brand-gold);opacity:.5;border-radius:2px;}
.hero-sub{font-size:clamp(.92rem,1.9vw,1.12rem);color:rgba(255,255,255,.55);max-width:640px;margin:0 auto 2.5rem;line-height:1.9;}
.hero-btns{display:flex;align-items:center;justify-content:center;gap:1.1rem;flex-wrap:wrap;}
.btn{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.9rem 2.2rem;font-size:.94rem;font-weight:600;
  border-radius:50px;transition:all .35s var(--ease-out);
  position:relative;overflow:hidden;letter-spacing:.03em;
}
.btn-primary{background:var(--brand-blue);color:#fff;box-shadow:0 10px 32px rgba(0,71,255,.3);}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 48px rgba(0,71,255,.45);}
.btn-primary::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg, transparent, rgba(255,255,255,.18), transparent);
  transform:translateX(-100%);transition:transform .65s;
}
.btn-primary:hover::after{transform:translateX(100%);}
.btn-outline{
  background:rgba(255,255,255,.04);color:#fff;
  border:1.5px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);
}
.btn-outline:hover{border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.06);transform:translateY(-2px);}
[data-theme="light"] .btn-outline{background:rgba(0,0,0,.04);color:var(--text-primary);border-color:var(--border);}
.btn-sm{border-radius:12px;padding:.55rem 1.4rem;font-size:.82rem;}
.ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.2);transform:scale(0);animation:ripple .6s linear;pointer-events:none;}

.hero-dots{position:absolute;bottom:7.5rem;left:50%;transform:translateX(-50%);display:flex;gap:.75rem;z-index:3;}
.hero-dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.15);transition:all .4s;cursor:pointer;}
.hero-dot.is-active{background:var(--brand-blue-m);border-color:var(--brand-blue-m);transform:scale(1.5);box-shadow:0 0 12px rgba(0,71,255,.45);}
.hero-scroll{position:absolute;bottom:1.6rem;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:.45rem;color:rgba(255,255,255,.3);font-size:.66rem;letter-spacing:.16em;animation:float 3.2s ease-in-out infinite;}
.hero-scroll-line{width:1px;height:32px;background:linear-gradient(to bottom, rgba(255,255,255,.3), transparent);}

.hero-stats{
  position:absolute;bottom:0;left:0;right:0;z-index:2;
  background:linear-gradient(to top, rgba(6,15,31,.96) 0%, rgba(6,15,31,.45) 70%, transparent 100%);
  padding:3.5rem 0 1.5rem;
}
.hero-stats-row{display:flex;justify-content:center;gap:clamp(2rem,7vw,5.5rem);flex-wrap:wrap;max-width:var(--container-max);margin:0 auto;padding:0 clamp(1.25rem,5vw,3rem);}
.hero-stat{text-align:center;}
.hero-stat-num{font-size:clamp(1.8rem,2.8vw,2.4rem);font-weight:800;color:var(--brand-gold);line-height:1;}
.hero-stat-lbl{font-size:.73rem;color:rgba(255,255,255,.38);margin-top:.3rem;letter-spacing:.06em;}

/* ========== SECTION HEADERS ========== */
.section{padding:var(--section-pad) 0;position:relative;}
.section--dark{background:var(--navy-900);color:#fff;}
.section--navy{background:var(--navy-850);color:#fff;}
.section--light{background:var(--navy-50);}
.section-header{text-align:center;margin-bottom:4rem;}
.section-tag{display:inline-flex;align-items:center;gap:.55rem;color:var(--brand-blue);font-size:.78rem;font-weight:700;letter-spacing:.14em;margin-bottom:.8rem;}
.section-tag::before{content:'';width:24px;height:2px;background:var(--brand-blue);border-radius:2px;}
.section--dark .section-tag{color:var(--brand-gold);}
.section--dark .section-tag::before,.section--navy .section-tag::before{background:var(--brand-gold);}
.section--dark .section-tag,.section--navy .section-tag{color:var(--brand-gold);}
.section-title{font-size:clamp(1.9rem,3.8vw,2.7rem);font-weight:800;letter-spacing:-.02em;margin-bottom:.8rem;color:var(--text-primary);}
.section--dark .section-title,.section--navy .section-title{color:#fff;}
.section-sub{font-size:.96rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.85;}
.section--dark .section-sub,.section--navy .section-sub{color:rgba(255,255,255,.5);}

/* Light theme overrides for dark/navy sections */
[data-theme="light"] .section--dark,
[data-theme="light"] .section--navy{background:#f0f2f8;}
[data-theme="light"] .section--dark,
[data-theme="light"] .section--navy{color:var(--text-primary);}
[data-theme="light"] .section--dark .section-title,
[data-theme="light"] .section--navy .section-title{color:var(--text-primary);}
[data-theme="light"] .section--dark .section-sub,
[data-theme="light"] .section--navy .section-sub{color:var(--text-secondary);}
[data-theme="light"] .section--dark .section-tag,
[data-theme="light"] .section--navy .section-tag{color:var(--brand-blue);}
[data-theme="light"] .section--dark .section-tag::before,
[data-theme="light"] .section--navy .section-tag::before{background:var(--brand-blue);}

/* ========== ABOUT SPLIT ========== */
.about-split{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
.about-media{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 28px 70px rgba(0,0,0,.1);}
.about-media img,
.about-media video{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease-out);}
.about-media:hover img,
.about-media:hover video{transform:scale(1.05);}
.about-media-badge{
  position:absolute;bottom:1.25rem;left:1.25rem;
  background:rgba(6,15,31,.82);backdrop-filter:blur(12px);
  padding:.55rem 1.2rem;border-radius:50px;
  color:var(--brand-gold);font-size:.78rem;font-weight:700;
  border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:.4rem;
}
.about-text h2{font-size:clamp(1.7rem,3vw,2.25rem);font-weight:800;color:var(--text-primary);margin-bottom:1.15rem;line-height:1.3;}
.about-text h2 .accent{color:var(--brand-blue);}
.about-text p{color:var(--text-secondary);line-height:1.85;margin-bottom:.95rem;font-size:.94rem;}
.about-tags{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.5rem;margin-bottom:1.5rem;}
.about-tag{padding:.4rem 1rem;background:var(--navy-50);border-radius:50px;font-size:.8rem;font-weight:600;color:var(--navy-600);border:1px solid var(--navy-100);}

/* ========== PRODUCT CARDS ========== */
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;}
.product-card{
  background:#fff;border:1px solid var(--navy-100);
  border-radius:20px;padding:2.25rem 1.75rem 2rem;
  transition:all .45s cubic-bezier(0.16,1,0.3,1);position:relative;overflow:hidden;cursor:pointer;
  box-shadow:0 2px 8px rgba(0,0,0,.025);
}
.product-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:4px;
  transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease-out);
}
.product-card:nth-child(4n+1)::before{background:linear-gradient(90deg,var(--brand-blue),var(--brand-blue-m));}
.product-card:nth-child(4n+2)::before{background:linear-gradient(90deg,var(--brand-gold),var(--brand-gold-l));}
.product-card:nth-child(4n+3)::before{background:linear-gradient(90deg,var(--navy-600),var(--navy-400));}
.product-card:nth-child(4n+4)::before{background:linear-gradient(90deg,#059669,#10b981);}
.product-card:hover::before{transform:scaleX(1);}
.product-card:hover{transform:translateY(-8px);box-shadow:0 24px 56px rgba(0,0,0,.08);border-color:transparent;}
.product-card-icon{
  display:flex;align-items:center;justify-content:center;
  width:50px;height:50px;border-radius:14px;margin-bottom:1.15rem;
  background:var(--brand-blue-g);color:var(--brand-blue);
  transition:all .4s;
}
.product-card:hover .product-card-icon{animation:glowPulse 2s ease-in-out infinite;}
.product-card:nth-child(4n+2) .product-card-icon{background:var(--brand-gold-g);color:var(--brand-gold-d);}
.product-card:nth-child(4n+3) .product-card-icon{background:var(--navy-50);color:var(--navy-500);}
.product-card:nth-child(4n+4) .product-card-icon{background:#ecfdf5;color:#059669;}
.product-card-tag{font-size:.7rem;font-weight:700;letter-spacing:.1em;color:var(--brand-blue);margin-bottom:.3rem;}
.product-card:nth-child(4n+2) .product-card-tag{color:var(--brand-gold-d);}
.product-card:nth-child(4n+3) .product-card-tag{color:var(--navy-500);}
.product-card:nth-child(4n+4) .product-card-tag{color:#059669;}
.product-card h3{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:.3rem;}
.product-card-sub{font-size:.76rem;color:var(--text-muted);letter-spacing:.06em;margin-bottom:.9rem;}
.product-card-specs{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.05rem;}
.product-card-spec{padding:.25rem .72rem;background:var(--navy-50);border-radius:50px;font-size:.7rem;color:var(--navy-500);font-weight:600;}
.product-card-features{font-size:.82rem;color:var(--navy-500);line-height:1.85;}
.product-card-link{
  display:inline-flex;align-items:center;gap:.35rem;
  font-weight:600;font-size:.86rem;color:var(--brand-blue);margin-top:1.1rem;
  transition:gap .3s;
}
.product-card:hover .product-card-link{gap:.6rem;}

/* ========== VIDEO / PARALLAX BANNER ========== */
.video-section{
  position:relative; padding:7rem 0; overflow:hidden;
}
.video-bg{position:absolute;inset:0;z-index:0;}
.video-bg-img,.video-bg-video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;}
.video-bg-video{pointer-events:none;}
.video-overlay{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(170deg, rgba(6,15,31,.55) 0%, rgba(10,22,40,.35) 40%, rgba(10,22,40,.5) 100%);
}
.video-content{position:relative;z-index:2;text-align:center;max-width:800px;margin:0 auto;}
.video-label{font-size:.78rem;font-weight:700;letter-spacing:.18em;color:var(--brand-gold);margin-bottom:1rem;}
.video-title{font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:800;color:#fff;line-height:1.3;margin-bottom:1.2rem;letter-spacing:-.01em;}
.video-title .hl{color:var(--brand-gold);}
.video-desc{font-size:1rem;color:rgba(255,255,255,.78);line-height:1.85;max-width:600px;margin:0 auto 2.25rem;}
.video-stats{display:flex;justify-content:center;gap:clamp(2rem,6vw,4.5rem);flex-wrap:wrap;}
.video-stat{text-align:center;}
.video-stat-num{font-size:2.4rem;font-weight:800;color:var(--brand-gold);line-height:1;font-feature-settings:"tnum";}
.video-stat-lbl{font-size:.78rem;color:rgba(255,255,255,.72);margin-top:.3rem;letter-spacing:.06em;}
.video-stat-unit{font-size:1rem;font-weight:700;color:rgba(255,255,255,.8);margin-left:.15rem;}

/* ========== SCENARIOS ========== */
.scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;}
.scenario-card{
  background:#fff;border:1px solid var(--navy-100);border-radius:20px;
  padding:2.25rem 1.75rem;transition:all .45s cubic-bezier(0.16,1,0.3,1);
  box-shadow:0 2px 8px rgba(0,0,0,.02);position:relative;overflow:hidden;
}
.scenario-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--brand-blue),var(--brand-blue-m));
  transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-out);
}
.scenario-card:hover::before{transform:scaleX(1);}
.scenario-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,.07);border-color:transparent;}
.scenario-icon{
  display:flex;align-items:center;justify-content:center;
  width:64px;height:64px;border-radius:18px;
  background:linear-gradient(135deg, var(--brand-blue-g), rgba(0,71,255,.03));
  color:var(--brand-blue);margin-bottom:1.25rem;transition:all .4s var(--ease-out);
}
.scenario-card:hover .scenario-icon{
  background:linear-gradient(135deg,var(--brand-blue),var(--brand-blue-d));color:#fff;
  transform:scale(1.08) rotate(-3deg);
  box-shadow:0 8px 24px rgba(0,71,255,.25);
}
.scenario-icon svg{width:32px;height:32px;}
.scenario-card h4{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:.3rem;}
.scenario-card p{font-size:.83rem;color:var(--navy-500);line-height:1.85;}
.scenario-rec{font-size:.78rem;color:var(--brand-blue);font-weight:600;margin-top:.55rem;display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;background:var(--brand-blue-g);border-radius:50px;}
.scenario-rec::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--brand-gold);flex-shrink:0;}

/* ========== CORNER ACCENT ========== */
.corner-accent{position:absolute;top:0;right:0;width:180px;height:180px;pointer-events:none;}
.corner-accent svg{width:100%;height:100%;}
.corner-accent path{fill:none;stroke:var(--brand-blue);stroke-width:1;opacity:.08;stroke-dasharray:600;stroke-dashoffset:600;transition:stroke-dashoffset 2s var(--ease-out);}
.corner-accent.is-visible path{stroke-dashoffset:0;}

/* ========== TECH GRID ========== */
.tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;}
.tech-card{
  background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);
  border-radius:20px;padding:2.25rem 2rem;transition:all .45s cubic-bezier(0.16,1,0.3,1);
  position:relative;overflow:hidden;cursor:default;
  display:flex;flex-direction:column;
}
.tech-card::before{
  content:'';position:absolute;top:0;left:0;width:100%;height:100%;
  background:radial-gradient(circle at 50% 0%, rgba(0,71,255,.08), transparent 70%);
  opacity:0;transition:opacity .5s;
}
.tech-card::after{
  content:'';position:absolute;bottom:0;left:0;width:0;height:2px;
  background:linear-gradient(90deg,var(--brand-blue),var(--brand-gold));
  transition:width .5s var(--ease-out);
}
.tech-card:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.15);transform:translateY(-4px);}
.tech-card:hover::before{opacity:1;}
.tech-card:hover::after{width:100%;}
.tech-card-head{display:flex;align-items:center;gap:1rem;margin-bottom:.8rem;}
.tech-card-num{font-size:2.5rem;font-weight:900;line-height:1;background:linear-gradient(135deg, var(--brand-blue-m), var(--brand-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .4s;flex-shrink:0;}
.tech-card:hover .tech-card-num{-webkit-text-fill-color:var(--brand-blue-m);background:none;}
.tech-card-title{font-size:1.1rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;}
.tech-card-title .tech-badge{display:inline-block;padding:.15rem .55rem;border-radius:4px;font-size:.65rem;font-weight:700;letter-spacing:.06em;background:var(--brand-gold);color:var(--navy-900);line-height:1.5;flex-shrink:0;}
.tech-card-desc{font-size:.86rem;color:rgba(255,255,255,.48);line-height:1.85;}

/* ========== DATA PARALLAX ========== */
.data-section{
  position:relative;overflow:hidden;padding:var(--section-pad) 0;
  background-attachment:fixed;background-size:cover;background-position:center;
}
.data-section::before{
  content:'';position:absolute;inset:0;z-index:0;
  background:linear-gradient(170deg, rgba(6,15,31,.95) 0%, rgba(6,15,31,.82) 50%, rgba(6,15,31,.96) 100%);
}
.data-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
.data-text h2{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800;color:#fff;margin-bottom:1.15rem;letter-spacing:-.02em;}
.data-text h2 .hl{color:var(--brand-gold);}
.data-text p{color:rgba(255,255,255,.48);line-height:1.85;font-size:.92rem;margin-bottom:1rem;}
.data-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;}
.data-card{
  background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.04);
  border-radius:16px;padding:1.6rem 1.4rem;text-align:center;transition:all .45s cubic-bezier(0.16,1,0.3,1);
  position:relative;overflow:hidden;
}
.data-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg, transparent, var(--brand-gold), transparent);opacity:0;transition:opacity .42s;}
.data-card:hover{background:rgba(255,255,255,.06);transform:translateY(-3px);}
.data-card:hover::before{opacity:1;}
.data-card-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;margin-bottom:.65rem;background:rgba(212,175,55,.1);color:var(--brand-gold);}
.data-card-icon svg{width:20px;height:20px;}
.data-card-num{font-size:2.1rem;font-weight:800;color:var(--brand-gold);line-height:1.15;display:flex;align-items:baseline;justify-content:center;gap:.12rem;}
.data-card-unit{font-size:.82rem;font-weight:600;color:rgba(255,255,255,.35);}
.data-card-lbl{font-size:.77rem;color:rgba(255,255,255,.32);margin-top:.35rem;}
[data-theme="light"] .tech-card{background:#fff;border-color:var(--navy-100);}
[data-theme="light"] .tech-card:hover{background:#f8fafc;border-color:var(--navy-200);}
[data-theme="light"] .tech-card-title{color:var(--text-primary);}
[data-theme="light"] .tech-card-desc{color:var(--text-secondary);}
[data-theme="light"] .data-card{background:#fff;border-color:var(--navy-100);}
[data-theme="light"] .data-card:hover{background:#f8fafc;}
[data-theme="light"] .data-card-unit,[data-theme="light"] .data-card-lbl{color:var(--text-muted);}

/* ========== STARSHIELD SERVICE ========== */
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem;}
.service-card{
  background:#fff;border-radius:22px;padding:2.75rem 2.25rem;transition:all .45s var(--ease-out);
  border:1px solid var(--navy-100);box-shadow:0 3px 14px rgba(0,0,0,.025);
  position:relative;overflow:hidden;
}
.service-card::after{content:'';position:absolute;inset:0;border-radius:22px;border:2px solid transparent;transition:border-color .45s var(--ease-out);pointer-events:none;}
.service-card:hover{transform:translateY(-7px);box-shadow:0 26px 60px rgba(0,0,0,.07);}
.service-card:nth-child(1):hover::after{border-color:var(--brand-blue);}
.service-card:nth-child(2):hover::after{border-color:var(--brand-gold);}
.service-card:nth-child(3):hover::after{border-color:#059669;}
.service-card-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.3rem;transition:transform .4s var(--ease-spring);}
.service-card:hover .service-card-icon{transform:scale(1.08) rotate(-2deg);}
.service-card-icon svg{width:28px;height:28px;}
.svc-1 .service-card-icon{background:linear-gradient(135deg, var(--brand-blue-g), rgba(0,71,255,.04));color:var(--brand-blue);}
.svc-2 .service-card-icon{background:linear-gradient(135deg, rgba(212,175,55,.1), rgba(212,175,55,.02));color:var(--brand-gold-d);}
.svc-3 .service-card-icon{background:linear-gradient(135deg, #ecfdf5, rgba(5,150,105,.02));color:#059669;}
.service-card h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.2rem;}
.service-card .sub{font-size:.8rem;color:var(--text-muted);letter-spacing:.06em;margin-bottom:1.15rem;}
.service-card ul{display:flex;flex-direction:column;gap:.7rem;}
.service-card li{font-size:.86rem;color:var(--navy-500);display:flex;align-items:flex-start;gap:.55rem;line-height:1.85;}
.service-card li::before{content:'';display:block;width:5px;height:5px;border-radius:50%;margin-top:.6rem;flex-shrink:0;}
.svc-1 li::before{background:var(--brand-blue);}
.svc-2 li::before{background:var(--brand-gold);}
.svc-3 li::before{background:#059669;}

/* ========== CERT MARQUEE ========== */
.cert-strip{
  background:var(--navy-50);padding:2.8rem 0;overflow:hidden;
  border-top:1px solid var(--navy-100);border-bottom:1px solid var(--navy-100);
  position:relative;
}
.cert-strip::before,
.cert-strip::after{
  content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none;
}
.cert-strip::before{left:0;background:linear-gradient(to right, var(--navy-50), transparent);}
.cert-strip::after{right:0;background:linear-gradient(to left, var(--navy-50), transparent);}
.cert-marquee{overflow:hidden;position:relative;}
.cert-track{
  display:flex;gap:clamp(1.5rem,5vw,4rem);align-items:center;
  animation:certScroll 120s linear infinite;width:max-content;
}
.cert-track:hover{animation-play-state:paused;}
.cert-item{
  display:flex;align-items:center;gap:.85rem;flex-shrink:0;
  color:var(--navy-500);font-size:.92rem;font-weight:600;
  padding:.55rem 1.1rem;border-radius:50px;
  background:#fff;border:1px solid var(--navy-100);
  transition:all .35s var(--ease-out);white-space:nowrap;
}
.cert-item:hover{
  color:var(--brand-blue);border-color:var(--navy-200);
  box-shadow:0 6px 20px rgba(0,71,255,.08);transform:translateY(-2px);
}
.cert-item svg{width:28px;height:28px;opacity:.5;transition:all .35s;flex-shrink:0;}
.cert-item:hover svg{opacity:1;color:var(--brand-blue);}
@keyframes certScroll{0%{transform:translateX(0)}100%{transform:translateX(-16.6667%)}}

/* ========== TIMELINE ========== */
.timeline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;}
.timeline-card{
  background:#fff;border:1px solid var(--navy-100);border-radius:20px;
  padding:2rem 1.75rem;text-align:center;transition:all .45s cubic-bezier(0.16,1,0.3,1);
  box-shadow:0 2px 8px rgba(0,0,0,.02);
}
.timeline-card:hover{transform:translateY(-5px);box-shadow:0 18px 46px rgba(0,0,0,.06);}
.timeline-card .year{font-size:2.5rem;font-weight:900;letter-spacing:-.03em;margin-bottom:.5rem;line-height:1;}
.timeline-card:nth-child(4n+1) .year{color:var(--brand-blue);}
.timeline-card:nth-child(4n+2) .year{color:var(--brand-gold-d);}
.timeline-card:nth-child(4n+3) .year{color:var(--navy-500);}
.timeline-card:nth-child(4n+4) .year{color:#059669;}
.timeline-card .phase{font-weight:700;color:var(--text-primary);margin-bottom:.4rem;font-size:1.05rem;}
.timeline-card p{font-size:.82rem;color:var(--navy-500);line-height:1.85;}
.timeline-line{display:block;width:50px;height:2px;margin:0 auto .75rem;border-radius:2px;}
.timeline-card:nth-child(4n+1) .timeline-line{background:var(--brand-blue);}
.timeline-card:nth-child(4n+2) .timeline-line{background:var(--brand-gold);}
.timeline-card:nth-child(4n+3) .timeline-line{background:var(--navy-400);}
.timeline-card:nth-child(4n+4) .timeline-line{background:#10b981;}

/* ========== BREADCRUMB ========== */
.breadcrumb{
  display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;
  padding:1.25rem 0;font-size:.82rem;color:var(--text-muted);
  border-left:2px solid var(--brand-gold);padding-left:.75rem;margin-left:0;
}
.breadcrumb a{color:var(--text-muted);transition:color .25s;}
.breadcrumb a:hover{color:var(--brand-blue);}
.breadcrumb span{color:var(--text-secondary);font-weight:600;}
.breadcrumb-sep{color:var(--navy-200);font-size:.7rem;}

/* ========== FOOTER ========== */
.footer{background:var(--navy-950);color:rgba(255,255,255,.42);padding:5rem 0 0;}
.footer-top{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3.5rem;border-bottom:1px solid rgba(255,255,255,.04);}
.footer-brand h4{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:.8rem;}
.footer-brand p{font-size:.82rem;line-height:1.85;margin-bottom:1.4rem;color:rgba(255,255,255,.35);}
.footer-tel .num{font-size:1.55rem;font-weight:800;color:var(--brand-gold);margin-bottom:.15rem;}
.footer-tel .lbl{font-size:.72rem;color:rgba(255,255,255,.25);}
.footer-col h5{font-size:.95rem;font-weight:700;color:#fff;margin-bottom:1.2rem;}
.footer-col a{display:block;font-size:.82rem;color:rgba(255,255,255,.38);padding:.3rem 0;transition:all .3s;}
.footer-col a:hover{color:var(--brand-gold);transform:translateX(3px);}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;font-size:.76rem;flex-wrap:wrap;gap:1rem;}
.footer-bottom a{color:rgba(255,255,255,.3);transition:color .3s;}
.footer-bottom a:hover{color:#fff;}

/* ========== FORM ELEMENTS ========== */
.form-group input,.form-group textarea,.form-group select{
  width:100%;padding:.7rem 1rem;font-size:.9rem;font-family:inherit;
  border:1.5px solid var(--navy-100);border-radius:10px;color:var(--navy-600);
  transition:border-color .25s,box-shadow .25s;background:var(--navy-50);
}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{
  outline:none;border-color:var(--brand-blue);background:var(--card-bg);
  box-shadow:0 0 0 3px rgba(0,71,255,.12);
}
[data-theme="dark"] .form-group input,
[data-theme="dark"] .form-group textarea,
[data-theme="dark"] .form-group select{color:var(--text-primary);background:var(--navy-800);border-color:var(--navy-600);}
[data-theme="dark"] .form-group input:focus,
[data-theme="dark"] .form-group textarea:focus,
[data-theme="dark"] .form-group select:focus{background:var(--navy-850);border-color:var(--brand-blue);}

/* ========== STATS GRID SECTION ========== */
.data-stats{background:var(--navy-50);}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;}
.stat-card{
  background:#fff;border:1px solid var(--navy-100);border-radius:20px;
  padding:2rem 1.75rem;text-align:center;transition:all .45s var(--ease-out);
  position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.02);
}
.stat-card-accent{
  position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg, var(--brand-blue), var(--brand-gold));
  transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease-out);
}
.stat-card:hover{transform:translateY(-5px);box-shadow:0 18px 46px rgba(0,0,0,.06);}
.stat-card:hover .stat-card-accent{transform:scaleX(1);}
.stat-card-value{
  font-size:2.8rem;font-weight:900;color:var(--navy-900);line-height:1.1;
  margin-bottom:.3rem;font-feature-settings:"tnum";letter-spacing:-.02em;
  display:flex;align-items:baseline;justify-content:center;gap:.1rem;
}
.stat-card-value .counter{color:var(--brand-blue);}
.stat-card-label{
  font-size:.82rem;color:var(--navy-500);font-weight:600;
}
.stat-card-label.lang-en{display:none;}
[data-lang="en"] .stat-card-label.lang-zh{display:none;}
[data-lang="en"] .stat-card-label.lang-en{display:initial;}
@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.stats-grid{grid-template-columns:1fr}}

/* ========== RESPONSIVE ========== */
@media(max-width:1200px){
  .nav-link{padding:.55rem .8rem;font-size:.9rem;}
  .nav-brand-text{font-size:1.05rem;}
  .cert-items{gap:clamp(.8rem,3vw,2rem)}
}
@media(max-width:1024px){
  .nav-links,.nav-phone{display:none}
  .nav-toggle{display:flex}
  .product-grid{grid-template-columns:repeat(2,1fr)}
  .scenario-grid{grid-template-columns:repeat(2,1fr)}
  .service-grid{grid-template-columns:1fr}
  .data-grid{grid-template-columns:1fr;gap:3rem}
  .about-split{grid-template-columns:1fr;gap:2.5rem}
  .footer-top{grid-template-columns:1fr 1fr}
  .tech-grid{grid-template-columns:1fr!important}
  .timeline-grid{grid-template-columns:repeat(2,1fr)}
  .cert-items{gap:clamp(.6rem,2vw,1.2rem)}
}
@media(max-width:768px){
  .nav-links,.nav-phone{display:none}
  .nav-toggle{display:flex}
  .product-grid,.scenario-grid,.tech-grid,.timeline-grid{grid-template-columns:1fr!important}
  .tech-card-head{flex-direction:row!important;align-items:center!important;gap:.75rem!important;}
  .data-cards{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr;gap:2rem}
  .hero-title{font-size:2rem}
  .hero-btns{flex-direction:column}
  .hero-stats-row{gap:1.5rem}
  .cert-items{gap:1rem}
  .video-stats{gap:1.5rem}
}

/* ========== VERTICAL TIMELINE ========== */
.timeline-vertical{
  position:relative;max-width:1000px;margin:0 auto;padding:2rem 0;
}
.timeline-line-v{
  position:absolute;left:50%;top:0;bottom:0;width:2px;
  background:linear-gradient(180deg, var(--brand-blue), var(--brand-gold-d), var(--brand-blue));transform:translateX(-50%);
  opacity:.3;
}
.timeline-item-v{
  position:relative;display:flex;align-items:flex-start;margin-bottom:2.5rem;
  width:50%;padding-right:3rem;opacity:0;transform:translateY(30px);
  transition:all .8s var(--ease-out);
}
.timeline-item-v.is-visible{opacity:1;transform:translateY(0);}
.timeline-item-v:nth-child(even){margin-left:50%;padding-right:0;padding-left:3rem;}
.timeline-dot-v{
  position:absolute;right:-9px;top:1.2rem;width:18px;height:18px;
  background:var(--brand-blue);border-radius:50%;z-index:2;
  border:3px solid var(--navy-900);box-shadow:0 0 20px rgba(0,71,255,.4);
  animation:dotPulse 2s infinite;
}
@keyframes dotPulse{0%,100%{box-shadow:0 0 8px rgba(0,71,255,.3)}50%{box-shadow:0 0 24px rgba(0,71,255,.7)}}
.timeline-item-v:nth-child(even) .timeline-dot-v{right:auto;left:-9px;}
.timeline-card-v{
  background:var(--navy-850);border:1px solid var(--navy-100);border-radius:20px;
  padding:1.8rem 2rem;position:relative;transition:all .45s var(--ease-out);
  box-shadow:0 2px 12px rgba(0,0,0,.03);
}
.timeline-card-v:hover{transform:translateY(-4px);box-shadow:0 18px 46px rgba(0,0,0,.08);border-color:var(--navy-200);}
.timeline-card-v::before{
  content:'';position:absolute;top:1.2rem;
  width:0;height:0;border:8px solid transparent;
}
.timeline-item-v:nth-child(odd) .timeline-card-v::before{
  border-left-color:var(--navy-850);right:-16px;border-right:none;
}
.timeline-item-v:nth-child(even) .timeline-card-v::before{
  border-right-color:var(--navy-850);left:-16px;border-left:none;
}
.timeline-year-v{
  font-size:1.8rem;font-weight:900;color:var(--brand-blue);
  margin-bottom:.15rem;letter-spacing:-.02em;line-height:1;
}
.timeline-phase-v{
  font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;
}
.timeline-card-v p{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.7;}

/* ========== NEWS SPLIT ========== */
.news-split{display:grid;grid-template-columns:1fr 380px;gap:2.5rem;align-items:start;margin-top:2rem;}
.news-featured-link{display:block;border-radius:12px;overflow:hidden;background:var(--card-bg);border:1px solid var(--border);transition:all .3s;text-decoration:none;}
.news-featured-link:hover{border-color:var(--brand-blue);box-shadow:0 8px 30px rgba(0,0,0,.06);transform:translateY(-2px);}
.news-featured-img{position:relative;overflow:hidden;aspect-ratio:16/9;background:var(--navy-50);}
.news-featured-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.news-featured-link:hover .news-featured-img img{transform:scale(1.03);}
.news-featured-placeholder{display:flex;align-items:center;justify-content:center;color:var(--navy-300);}
.news-featured-placeholder svg{width:64px;height:64px;}
.news-featured-cat{display:inline-block;margin:.85rem 0 0 1.25rem;padding:.2rem .75rem;border-radius:4px;background:var(--brand-blue);color:#fff;font-size:.72rem;font-weight:600;letter-spacing:.04em;}
.news-featured-meta{padding:0 1.25rem;margin-top:.35rem;}
.news-featured-meta time{color:var(--text-muted);font-size:.78rem;}
.news-featured-title{padding:0 1.25rem;margin:.35rem 0 .25rem;font-size:1.15rem;font-weight:700;color:var(--text-primary);line-height:1.45;}
.news-featured-summary{padding:0 1.25rem 1.25rem;margin:0;color:var(--text-secondary);font-size:.85rem;line-height:1.65;}
.news-sidebar-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.6rem;border-bottom:2px solid var(--brand-blue);}
.news-sidebar-list{display:flex;flex-direction:column;gap:0;}
.news-sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.85rem 0;border-bottom:1px solid var(--border);text-decoration:none;transition:all .2s;}
.news-sidebar-item:last-child{border-bottom:none;}
.news-sidebar-item:hover{padding-left:.5rem;}
.news-sidebar-num{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--navy-50);color:var(--brand-blue);font-size:.72rem;font-weight:800;}
.news-sidebar-text{flex:1;color:var(--text-primary);font-size:.88rem;font-weight:500;line-height:1.4;}
.news-sidebar-date{flex-shrink:0;color:var(--text-muted);font-size:.72rem;}
.news-sidebar-more{display:inline-block;margin-top:1rem;color:var(--brand-blue);font-size:.85rem;font-weight:600;text-decoration:none;}
.news-sidebar-more:hover{text-decoration:underline;}
@media(max-width:768px){
  .news-split{grid-template-columns:1fr;gap:2rem;}
}
[data-theme="light"] .timeline-card-v{background:#fff;}
[data-theme="light"] .timeline-card-v::before{border-left-color:#fff;}
[data-theme="light"] .timeline-item-v:nth-child(even) .timeline-card-v::before{border-right-color:#fff;}
@media(max-width:768px){
  .timeline-line-v{left:1.5rem;}
  .timeline-item-v{width:100%;padding-left:3.5rem;padding-right:0;margin-left:0;}
  .timeline-item-v:nth-child(even){margin-left:0;padding-left:3.5rem;padding-right:0;}
  .timeline-dot-v{left:calc(1.5rem - 8px);right:auto;}
  .timeline-item-v:nth-child(even) .timeline-dot-v{left:calc(1.5rem - 8px);}
  .timeline-card-v::before{display:none;}
}

/* ========== ARTICLE DETAIL ========== */
.article-detail-layout{display:grid;grid-template-columns:1fr 320px;gap:2.5rem;align-items:start;}
.article-content{font-size:1rem;line-height:2;color:var(--text-secondary);}
.article-content p{margin-bottom:1.5rem;}
.article-content h2{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:2rem 0 1rem;padding-left:.8rem;border-left:3px solid var(--brand-blue);}
.article-content h3{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin:1.5rem 0 .8rem;}
.article-content ul,.article-content ol{margin-bottom:1.5rem;padding-left:1.5rem;}
.article-content li{margin-bottom:.5rem;line-height:1.8;}
.article-content img{border-radius:10px;margin:1.5rem 0;}
.article-content blockquote{border-left:4px solid var(--brand-blue);padding:.5rem 1.2rem;margin:1.5rem 0;background:var(--navy-50);border-radius:0 8px 8px 0;color:var(--text-secondary);}
[data-theme="dark"] .article-content blockquote{background:var(--card-bg);}
.article-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;}
.article-content th,.article-content td{border:1px solid var(--navy-200);padding:.6rem .8rem;text-align:left;font-size:.9rem;}
.article-content th{background:var(--navy-50);font-weight:600;}
.article-content pre{background:var(--navy-900);border-radius:8px;padding:1rem;overflow-x:auto;margin:1.5rem 0;}
.article-content code{font-family:"Fira Code",monospace;font-size:.85rem;}

.article-sidebar{position:sticky;top:80px;}
.sidebar-widget{background:var(--navy-50);border-radius:12px;padding:1.2rem;margin-bottom:1.5rem;border:1px solid var(--glass-border);}
[data-theme="dark"] .sidebar-widget{background:var(--card-bg);}
.sidebar-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.6rem;border-bottom:2px solid var(--brand-blue);display:flex;align-items:center;gap:.4rem;}
.sidebar-title::before{content:"";width:4px;height:16px;background:var(--brand-blue);border-radius:2px;}

/* Product category sidebar */
.sidebar-cats ul{list-style:none;padding:0;margin:0;}
.sidebar-cats li{border-bottom:1px solid var(--glass-border);}
.sidebar-cats li:last-child{border-bottom:none;}
.sidebar-cats li a{display:flex;justify-content:space-between;align-items:center;padding:.65rem .3rem;color:var(--text-secondary);font-size:.88rem;transition:all .2s;text-decoration:none;}
.sidebar-cats li a:hover{color:var(--brand-blue);padding-left:.6rem;}
.cat-arrow{color:var(--text-muted);transition:transform .2s;}
.sidebar-cats li a:hover .cat-arrow{transform:translateX(3px);color:var(--brand-blue);}

/* Hot articles sidebar */
.sidebar-hot ul{list-style:none;padding:0;margin:0;}
.sidebar-hot li{border-bottom:1px solid var(--glass-border);}
.sidebar-hot li:last-child{border-bottom:none;}
.sidebar-hot li a{display:flex;align-items:flex-start;gap:.7rem;padding:.65rem .3rem;text-decoration:none;transition:all .2s;}
.sidebar-hot li a:hover{padding-left:.5rem;}
.hot-num{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--brand-blue-g);color:var(--brand-blue);font-size:.72rem;font-weight:800;}
.hot-info{display:flex;flex-direction:column;gap:.15rem;}
.hot-title{font-size:.85rem;color:var(--text-primary);line-height:1.4;font-weight:500;}
.hot-date{font-size:.72rem;color:var(--text-muted);}

@media(max-width:768px){
  .article-detail-layout{grid-template-columns:1fr;gap:2rem;}
  .article-sidebar{position:static;}
}
[data-theme="light"] .sidebar-widget{background:#fff;border-color:rgba(0,0,0,.06);}
[data-theme="light"] .sidebar-cats li,
[data-theme="light"] .sidebar-hot li{border-color:rgba(0,0,0,.06);}
[data-theme="light"] .article-content blockquote{background:#f8f9fc;}

/* ========== DEALER ========== */
.dealer-card{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:1.2rem;background:var(--navy-50);border-radius:12px;margin-bottom:1rem;align-items:center;border:1px solid var(--glass-border);transition:all .3s;}
[data-theme="dark"] .dealer-card{background:var(--card-bg);}
.dealer-card:hover{border-color:var(--brand-blue);box-shadow:0 4px 20px rgba(0,71,255,.06);transform:translateY(-1px);}
.dealer-card-info h3{font-size:1.1rem;font-weight:600;margin-bottom:.3rem;}
.dealer-card-name a{color:var(--text-primary);text-decoration:none;}
.dealer-card-name a:hover{color:var(--brand-blue);}
.dealer-card-loc{font-size:.85rem;color:var(--text-muted);margin-bottom:.2rem;}
.dealer-card-contact{font-size:.85rem;color:var(--text-muted);}
.dealer-card-actions{display:flex;flex-direction:column;gap:.5rem;}
.btn-outline{display:inline-block;padding:.45rem 1rem;font-size:.85rem;border:1px solid var(--navy-300);border-radius:8px;color:var(--text-secondary);text-decoration:none;transition:all .2s;white-space:nowrap;}
.btn-outline:hover{border-color:var(--brand-blue);color:var(--brand-blue);}

.dealer-detail-layout{display:grid;grid-template-columns:1fr 320px;gap:2.5rem;align-items:start;}
.dealer-detail-card{background:var(--navy-50);border-radius:16px;padding:2rem;border:1px solid var(--glass-border);}
[data-theme="dark"] .dealer-detail-card{background:var(--card-bg);}
.dealer-detail-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;}
.dealer-detail-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);}
.dealer-detail-badge{display:inline-block;padding:.3rem .8rem;background:var(--brand-blue-g);color:var(--brand-blue);border-radius:50px;font-size:.75rem;font-weight:600;}
.dealer-detail-info{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.5rem;}
.info-row{display:grid;grid-template-columns:80px 1fr;gap:1rem;align-items:start;padding-bottom:.8rem;border-bottom:1px solid var(--glass-border);}
.info-row:last-child{border-bottom:none;}
.info-label{font-size:.85rem;color:var(--text-muted);font-weight:500;}
.info-value{font-size:.95rem;color:var(--text-primary);}
.dealer-tel-link{color:var(--brand-blue);font-weight:600;text-decoration:none;}
.dealer-tel-link:hover{text-decoration:underline;}
.dealer-detail-cta{display:flex;gap:.8rem;flex-wrap:wrap;}
.dealer-section-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;padding-left:.8rem;border-left:3px solid var(--brand-blue);}
.dealer-product-tags{display:flex;flex-wrap:wrap;gap:.6rem;}
.product-tag{display:inline-block;padding:.4rem .9rem;background:var(--navy-50);border:1px solid var(--glass-border);border-radius:8px;font-size:.82rem;color:var(--navy-500);}
[data-theme="dark"] .product-tag{background:var(--card-bg);}
.dealer-detail-products{margin-top:2rem;}
.dealer-detail-sidebar{position:sticky;top:80px;}
.sidebar-dealer ul{list-style:none;padding:0;margin:0;}
.sidebar-dealer li{border-bottom:1px solid var(--glass-border);}
.sidebar-dealer li:last-child{border-bottom:none;}
.sidebar-dealer li a{display:flex;flex-direction:column;gap:.2rem;padding:.65rem .3rem;text-decoration:none;transition:all .2s;}
.sidebar-dealer li a:hover{padding-left:.5rem;}
.rd-name{font-size:.88rem;color:var(--text-primary);font-weight:500;}
.rd-loc{font-size:.78rem;color:var(--text-muted);}
.sidebar-contact p{font-size:.85rem;color:var(--text-secondary);margin-bottom:1rem;}
@media(max-width:768px){
  .dealer-detail-layout{grid-template-columns:1fr;gap:2rem;}
  .dealer-detail-sidebar{position:static;}
  .dealer-card{grid-template-columns:1fr;}
  .dealer-card-actions{flex-direction:row;}
}
[data-theme="light"] .dealer-detail-card,
[data-theme="light"] .dealer-card,
[data-theme="light"] .sidebar-widget{background:#fff;border-color:rgba(0,0,0,.06);}
[data-theme="light"] .product-tag{background:#f8f9fc;border-color:rgba(0,0,0,.06);}
[data-theme="light"] .info-row{border-color:rgba(0,0,0,.06);}
[data-theme="light"] .sidebar-dealer li{border-color:rgba(0,0,0,.06);}

/* ========== CAREER ========== */
.career-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.2rem;}
.career-card{
  background:var(--navy-50);border-radius:14px;padding:1.5rem;
  border:1px solid var(--glass-border);transition:all .3s var(--ease-out);
  display:flex;flex-direction:column;gap:.6rem;position:relative;overflow:hidden;
}
[data-theme="dark"] .career-card{background:var(--card-bg);}
.career-card::before{
  content:"";position:absolute;top:0;left:0;width:100%;height:3px;
  background:linear-gradient(90deg,var(--brand-blue),var(--brand-blue-m));
  transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-out);
}
.career-card:hover{border-color:var(--brand-blue);box-shadow:0 8px 30px rgba(0,71,255,.08);transform:translateY(-3px);}
.career-card:hover::before{transform:scaleX(1);}
.cc-tag{
  display:inline-block;padding:.2rem .7rem;border-radius:50px;
  background:var(--brand-blue-g);color:var(--brand-blue);
  font-size:.72rem;font-weight:600;letter-spacing:.03em;
  align-self:flex-start;
}
.career-card h3{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0;}
.cc-loc{display:flex;align-items:center;gap:.3rem;font-size:.82rem;color:var(--text-muted);}
.cc-loc svg{opacity:.6;}
.cc-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.65;margin:.2rem 0;}
.cc-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:.5rem;border-top:1px solid var(--glass-border);}
.cc-meta span{
  font-size:.75rem;padding:.2rem .6rem;border-radius:6px;
  background:var(--navy-100);color:var(--navy-500);
}
.cc-meta span:first-child{
  background:var(--brand-gold-g);color:var(--brand-gold-d);font-weight:600;
}
@media(max-width:768px){.career-grid{grid-template-columns:1fr;}}
[data-theme="light"] .career-card{background:#fff;border-color:rgba(0,0,0,.06);}
[data-theme="light"] .cc-meta span{background:#f0f2f8;}