* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; color: #1a1a2e; line-height: 1.7; overflow-x: hidden; background: #ffffff; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
a { color: #6366f1; text-decoration: none; }
.navbar { position: fixed; top:0; left:0; right:0; height:68px; background:rgba(255,255,255,0.95); backdrop-filter:blur(20px); border-bottom:1px solid rgba(0,0,0,0.06); z-index:1000; display:flex; align-items:center; justify-content:space-between; padding:0 2rem; }
.logo { display:flex; align-items:center; gap:8px; font-size:1.25rem; font-weight:700; color:#1a1a2e; }
.logo .logo-icon { width:32px; height:32px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#6366f1,#a78bfa); border-radius:10px; font-size:18px; color:white; }
.logo .accent { background:linear-gradient(135deg,#6366f1,#a78bfa); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.nav-links { display:flex; list-style:none; gap:8px; align-items:center; }
.nav-links a { color:#555; padding:8px 16px; border-radius:8px; font-size:14px; font-weight:500; transition:all 0.2s; }
.nav-links a:hover, .nav-links a.active { color:#6366f1; background:rgba(99,102,241,0.06); }
.nav-links .nav-cta { background:linear-gradient(135deg,#6366f1,#a78bfa); color:white !important; padding:10px 24px; border-radius:10px; }
.nav-links .nav-cta:hover { opacity:0.9; color:white !important; background:linear-gradient(135deg,#6366f1,#a78bfa); }
.btn { display:inline-block; padding:14px 32px; border-radius:12px; font-size:15px; font-weight:600; transition:all 0.3s; text-decoration:none; }
.btn-primary { background:linear-gradient(135deg,#6366f1,#a78bfa); color:white; }
.btn-primary:hover { transform:translateY(-2px); box-shadow:0 8px 25px rgba(99,102,241,0.3); color:white; }
.btn-outline { background:transparent; color:#333; border:1px solid #ddd; }
.btn-outline:hover { border-color:#6366f1; color:#6366f1; transform:translateY(-2px); }
.hero { padding:140px 0 80px; background: linear-gradient(135deg, #f5f3ff 0%, #eef2ff 50%, #faf5ff 100%); text-align:center; position:relative; overflow:hidden; }
.hero::before { content:""; position:absolute; top:-200px; right:-200px; width:500px; height:500px; background:radial-gradient(circle, rgba(99,102,241,0.06), transparent 70%); pointer-events:none; }
.hero::after { content:""; position:absolute; bottom:-200px; left:-200px; width:500px; height:500px; background:radial-gradient(circle, rgba(168,85,247,0.05), transparent 70%); pointer-events:none; }
.hero .eagle-icon { font-size:4rem; display:block; margin-bottom:0.5rem; animation:float 3s ease-in-out infinite; }
@keyframes float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-8px); } }
.hero h1 { font-size:clamp(2.5rem,5vw,4rem); font-weight:800; line-height:1.15; margin-bottom:16px; position:relative; z-index:1; }
.hero h1 .accent { background:linear-gradient(135deg,#6366f1,#a78bfa); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.hero h1 .gold { background:linear-gradient(135deg,#f59e0b,#ef4444); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.hero p { font-size:clamp(1rem,1.5vw,1.2rem); color:#666; max-width:600px; margin:0 auto 24px; position:relative; z-index:1; line-height:1.8; }
.hero .status { display:inline-flex; align-items:center; gap:8px; padding:8px 20px; border-radius:999px; background:#f0fdf4; border:1px solid rgba(74,222,128,0.3); font-size:14px; color:#16a34a; }
.hero .status .dot { width:8px; height:8px; border-radius:50%; background:#22c55e; animation:pulse-dot 2s ease-in-out infinite; }
@keyframes pulse-dot { 0%,100% { opacity:0.4; } 50% { opacity:1; } }
.hero .actions { margin-top:32px; display:flex; gap:12px; flex-wrap:wrap; justify-content:center; position:relative; z-index:1; }
.stats-bar { display:flex; justify-content:center; gap:60px; flex-wrap:wrap; padding:48px 24px; background:white; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; }
.stat-item { text-align:center; }
.stat-item .num { font-size:2.5rem; font-weight:800; background:linear-gradient(135deg,#6366f1,#a78bfa); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.stat-item .label { font-size:14px; color:#888; margin-top:4px; }
.section { padding:80px 24px; }
.section-title { font-size:2rem; font-weight:700; margin-bottom:8px; }
.section-center { text-align:center; }
.section-sub { color:#888; font-size:1rem; max-width:600px; margin:0 auto 32px; text-align:center; }
.section-divider { width:40px; height:3px; background:linear-gradient(135deg,#6366f1,#a78bfa); border-radius:3px; margin:16px auto 32px; }
.agent-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)); gap:20px; }
.agent-card { background:white; border:1px solid #eef0f5; border-radius:16px; padding:32px 24px; text-align:center; transition:all 0.3s; box-shadow:0 2px 8px rgba(0,0,0,0.04); }
.agent-card:hover { transform:translateY(-4px); box-shadow:0 12px 32px rgba(0,0,0,0.08); border-color:#dde0f0; }
.agent-card .icon { font-size:2.5rem; margin-bottom:12px; display:inline-block; padding:12px; border-radius:14px; line-height:1; }
.agent-card h3 { font-size:1.1rem; font-weight:600; margin-bottom:8px; color:#1a1a2e; }
.agent-card p { color:#666; font-size:14px; line-height:1.7; }
.feature-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; }
.feature-card { background:#f8faff; border:1px solid #eef0f5; border-radius:16px; padding:28px 20px; text-align:center; transition:all 0.3s; }
.feature-card:hover { background:white; box-shadow:0 8px 24px rgba(0,0,0,0.06); }
.feature-card .icon { font-size:2.2rem; margin-bottom:8px; }
.feature-card h3 { font-size:1rem; font-weight:600; margin-bottom:6px; color:#1a1a2e; }
.feature-card p { color:#888; font-size:14px; line-height:1.6; }
.process-steps { display:flex; justify-content:center; flex-wrap:wrap; gap:0; }
.process-step { text-align:center; padding:24px; flex:1; min-width:140px; max-width:200px; position:relative; }
.process-step::after { content:"→"; position:absolute; right:-4px; top:36px; font-size:20px; color:#ddd; }
.process-step:last-child::after { display:none; }
.step-num { width:40px; height:40px; border-radius:50%; background:linear-gradient(135deg,#6366f1,#a78bfa); color:white; display:flex; align-items:center; justify-content:center; font-weight:700; margin:0 auto 10px; font-size:18px; }
.process-step h4 { font-size:15px; margin-bottom:4px; color:#1a1a2e; }
.process-step p { font-size:13px; color:#999; }
.bg-light { background:#f8faff; }
.cta-section { text-align:center; padding:80px 24px; background:linear-gradient(135deg, #f5f3ff 0%, #eef2ff 50%, #f0fdf4 100%); }
.cta-section h2 { font-size:2rem; margin-bottom:8px; color:#1a1a2e; }
.cta-section p { color:#666; margin-bottom:24px; }
.footer { padding:48px 24px 24px; background:white; border-top:1px solid #f0f0f0; }
.footer-inner { display:grid; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); gap:32px; max-width:1200px; margin:0 auto; }
.footer-col h4 { font-size:1rem; margin-bottom:12px; color:#1a1a2e; }
.footer-col p, .footer-col a { display:block; color:#888; font-size:14px; line-height:2; }
.footer-col a:hover { color:#6366f1; }
.footer-bottom { text-align:center; padding-top:24px; margin-top:24px; border-top:1px solid #f0f0f0; color:#999; font-size:13px; max-width:1200px; margin-left:auto; margin-right:auto; display:flex; justify-content:space-between; flex-wrap:wrap; }
.fade-up { opacity:0; transform:translateY(24px); transition:all 0.6s ease; }
.fade-up.visible { opacity:1; transform:translateY(0); }
@media (max-width:768px) {
  .hero h1 { font-size:2rem; }
  .stats-bar { gap:32px; }
  .stat-item .num { font-size:2rem; }
  .nav-links { display:none; }
}

.lang-switch { position:relative; display:inline-block; margin:0 8px; }
.lang-switch select { appearance:none; background:transparent; border:1px solid #ddd; border-radius:8px; padding:6px 30px 6px 12px; font-size:13px; color:#555; cursor:pointer; outline:none; transition:all 0.2s; background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="%23555" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg>') no-repeat right 10px center; }
.lang-switch select:hover { border-color:#6366f1; }
.lang-switch select option { padding:4px; }
@media (max-width:768px) { .lang-switch { display:none; } }