*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--blue: #007AFF;--blue-hover: #0066D6;--blue-light: rgba(0, 122, 255, .1);--green: #34C759;--orange: #FF9500;--red: #FF3B30;--purple: #5856D6;--gray-1: #8E8E93;--gray-2: #AEAEB2;--gray-3: #C7C7CC;--gray-4: #D1D1D6;--gray-5: #E5E5EA;--gray-6: #F2F2F7;--text-primary: #1D1D1F;--text-secondary: #6E6E73;--text-tertiary: #86868B;--bg-primary: #FFFFFF;--bg-secondary: #F5F5F7;--bg-dark: #1D1D1F;--nav-height: 48px;--container-max: 1080px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--shadow-sm: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 30px rgba(0,0,0,.12);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s cubic-bezier(.25, .46, .45, .94);--section-py: 64px;--section-py-sm: 48px}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif;color:var(--text-primary);background:var(--bg-primary);line-height:1.5;overflow-x:hidden}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}a{text-decoration:none;color:inherit}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--blue);color:#fff;border:none;border-radius:980px;font-size:14px;font-weight:500;padding:9px 20px;cursor:pointer;transition:all var(--transition-fast);letter-spacing:-.01em;white-space:nowrap}.btn-primary:hover{background:var(--blue-hover);transform:scale(1.02)}.btn-primary:active{transform:scale(.98)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--blue);border:1px solid var(--blue);border-radius:980px;font-size:14px;font-weight:500;padding:9px 20px;cursor:pointer;transition:all var(--transition-fast);letter-spacing:-.01em;white-space:nowrap}.btn-secondary:hover{background:var(--blue-light);transform:scale(1.02)}.btn-secondary:active{transform:scale(.98)}.btn-text{display:inline-flex;align-items:center;color:var(--text-primary);font-size:14px;font-weight:400;padding:6px 12px;border-radius:980px;transition:background var(--transition-fast);cursor:pointer}.btn-text:hover{background:var(--gray-6)}.btn-sm{font-size:13px;padding:6px 14px}.btn-lg{font-size:16px;padding:12px 28px}.btn-block{width:100%;text-align:center;justify-content:center}.btn-dark{background:var(--bg-dark);border-color:var(--bg-dark)}.btn-dark:hover{background:#2c2c2e}.btn-on-dark{color:#fff;border-color:#fff6}.btn-on-dark:hover{background:#ffffff1a;color:#fff}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-height);background:#ffffffb8;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid transparent;transition:border-color var(--transition-base),background var(--transition-base)}.navbar.scrolled{border-bottom-color:var(--gray-5);background:#ffffffeb}.nav-container{max-width:var(--container-max);margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:8px;text-decoration:none}.logo-icon{width:26px;height:26px}.logo-text{font-size:16px;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.nav-links{display:flex;gap:28px}.nav-links a{font-size:14px;color:var(--text-primary);opacity:.75;transition:opacity var(--transition-fast)}.nav-links a:hover{opacity:1}.nav-actions{display:flex;align-items:center;gap:6px}.nav-mobile-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px}.nav-mobile-toggle span{display:block;width:16px;height:1.5px;background:var(--text-primary);border-radius:2px;transition:all var(--transition-base)}.mobile-menu{display:none;flex-direction:column;padding:8px 24px 20px;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--gray-5)}.mobile-menu a{padding:10px 0;font-size:15px;color:var(--text-primary);border-bottom:1px solid var(--gray-6)}.mobile-menu .mobile-menu-divider{height:1px;background:var(--gray-5);margin:6px 0}.mobile-menu.active{display:flex}.section-header{text-align:center;margin-bottom:40px}.section-tag{display:inline-block;font-size:13px;font-weight:600;color:var(--blue);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.section-title{font-size:clamp(24px,3.5vw,32px);font-weight:700;letter-spacing:-.025em;line-height:1.2;margin-bottom:8px;color:var(--text-primary)}.section-desc{font-size:15px;color:var(--text-secondary);max-width:460px;margin:0 auto;line-height:1.5}.footer{background:var(--bg-secondary);padding:40px 0 24px;border-top:1px solid var(--gray-5)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:32px;margin-bottom:28px}.footer-brand .nav-logo{margin-bottom:6px}.footer-tagline{font-size:13px;color:var(--text-secondary);margin-top:4px}.footer-heading{font-size:12px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}.footer-links-group{display:flex;flex-direction:column;gap:6px}.footer-links-group a{font-size:13px;color:var(--text-secondary);transition:color var(--transition-fast)}.footer-links-group a:hover{color:var(--text-primary)}.footer-bottom{padding-top:20px;border-top:1px solid var(--gray-5);text-align:center}.footer-bottom p{font-size:12px;color:var(--text-tertiary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}section[id]{scroll-margin-top:calc(var(--nav-height) + 16px)}@media (max-width: 768px){:root{--section-py: 48px;--section-py-sm: 36px}.nav-links,.nav-actions{display:none}.nav-mobile-toggle{display:flex}.section-header{margin-bottom:28px}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-brand{grid-column:1 / -1}}@media (max-width: 480px){.container{padding:0 16px}.footer-grid{grid-template-columns:1fr}}