:root {
  --primary-dark: #0A1628;
  --primary-blue: #1B2A4A;
  --primary-navy: #162238;
  --accent-gold: #C9A96E;
  --accent-gold-light: #D4BA85;
  --white: #FFFFFF;
  --off-white: #F5F6FA;
  --light-gray: #E8EAF0;
  --text-light: rgba(255,255,255,0.85);
  --text-muted: rgba(255,255,255,0.6);
  --glass-bg: rgba(255,255,255,0.06);
  --glass-border: rgba(255,255,255,0.1);
  --shadow: 0 8px 32px rgba(0,0,0,0.12);
  --shadow-lg: 0 16px 48px rgba(0,0,0,0.15);
  --radius: 16px;
  --radius-sm: 10px;
  --transition: all 0.3s cubic-bezier(0.4,0,0.2,1);
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior: smooth; font-size: 16px; }
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  color: var(--primary-dark); background: var(--white); line-height: 1.7; overflow-x: hidden;
}
.navbar { position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(10,22,40,0.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.08);transition:var(--transition); }
.navbar.scrolled { background:rgba(10,22,40,0.98); }
.nav-container { max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:72px; }
.nav-logo { display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--white); }
.nav-logo-icon { width:150px;height:40px;background:linear-gradient(135deg,var(--accent-gold),var(--accent-gold-light));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--primary-dark); }
.nav-logo-img { width:140px;height:40px;border-radius:10px;object-fit:contain; }
.nav-logo-text { font-size:1.2rem;font-weight:600;letter-spacing:1px; }
.nav-logo-sub { font-size:0.65rem;color:var(--accent-gold);letter-spacing:2px;margin-top:-2px; }
.nav-links { display:flex;gap:2px;list-style:none; }
.nav-links a { color:var(--text-light);text-decoration:none;padding:8px 16px;border-radius:8px;font-size:0.9rem;font-weight:400;transition:var(--transition); }
.nav-links a:hover,.nav-links a.active { color:var(--accent-gold);background:rgba(201,169,110,0.1); }
.nav-cta { background:linear-gradient(135deg,var(--accent-gold),var(--accent-gold-light));color:var(--primary-dark)!important;font-weight:600!important;padding:10px 24px!important;border-radius:50px!important; }
.nav-cta:hover { transform:translateY(-1px);box-shadow:0 4px 16px rgba(201,169,110,0.4); }
.nav-mobile-toggle { display:none;background:none;border:none;color:var(--white);font-size:1.5rem;cursor:pointer; }
.hero { min-height:85vh;display:flex;align-items:center;background:linear-gradient(160deg,var(--primary-dark) 0%,var(--primary-blue) 50%,var(--primary-navy) 100%);position:relative;overflow:hidden;padding-top:72px; }


.footer { background:var(--primary-dark);color:var(--text-muted);padding:4rem 2rem 2rem; }
.footer-grid { max-width:1280px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem; }
.footer h4 { color:var(--white);font-size:1rem;margin-bottom:1.2rem; }
.footer a { color:var(--text-muted);text-decoration:none;display:block;padding:4px 0;font-size:0.9rem;transition:var(--transition); }
.footer a:hover { color:var(--accent-gold); }
.footer-brand p { font-size:0.9rem;line-height:1.8;margin:1rem 0; }
.footer-bottom { max-width:1280px;margin:3rem auto 0;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.08);display:flex;justify-content:space-between;align-items:center;font-size:0.8rem; }
.scroll-top { position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;border-radius:50%;background:var(--accent-gold);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;border:none;opacity:0;visibility:hidden;transition:var(--transition);box-shadow:0 4px 16px rgba(201,169,110,0.4);z-index:999; }
.scroll-top.visible { opacity:1;visibility:visible; }
.float-phone { position:fixed;bottom:2rem;left:2rem;background:linear-gradient(135deg,var(--accent-gold),var(--accent-gold-light));color:var(--primary-dark);padding:12px 24px;border-radius:50px;font-weight:700;font-size:0.9rem;text-decoration:none;z-index:999;box-shadow:0 4px 16px rgba(201,169,110,0.4);display:flex;align-items:center;gap:8px;transition:var(--transition); }
.float-phone:hover { transform:translateY(-2px); }
.fade-in { opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease; }
.fade-in.visible { opacity:1;transform:translateY(0); }
.timeline { position:relative;padding-left:3rem; }
.timeline::before { content:'';position:absolute;left:14px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--accent-gold),transparent); }
.timeline-item { position:relative;margin-bottom:2.5rem; }
.timeline-dot { position:absolute;left:-3rem;top:4px;width:12px;height:12px;border-radius:50%;background:var(--accent-gold);border:3px solid var(--white);box-shadow:0 0 0 3px rgba(201,169,110,0.2); }
@media (max-width:1024px) { .grid-4{grid-template-columns:repeat(2,1fr);} .footer-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:768px) {
  .nav-links { display:none;position:fixed;top:72px;left:0;right:0;background:rgba(10,22,40,0.98);flex-direction:column;padding:1rem;border-top:1px solid rgba(255,255,255,0.08); }
  .nav-links.open { display:flex; }
  .nav-mobile-toggle { display:block; }
  .grid-2,.grid-3,.grid-4 { grid-template-columns:1fr; }
  .hero-stats { flex-direction:column;gap:1.5rem; }
  .footer-grid { grid-template-columns:1fr; }
  .footer-bottom { flex-direction:column;gap:1rem;text-align:center; }
  .section { padding:4rem 1.2rem; }
  .btn-group { flex-direction:column; }
  .hero h1 { font-size:2rem; }
}