*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#fff;--bg-secondary:#f5f5f7;--bg-tertiary:#fbfbfd;--bg-card:#fff;--bg-card-hover:#fff;--bg-glass:#ffffffb8;--bg-glass-heavy:#ffffffd9;--bg-overlay:#0000004d;--bg-subtle:#00000005;--bg-muted:#0000000a;--bg-medium:#0000000f;--bg-strong:#00000014;--bg-interactive:#00000008;--border-light:#0000000d;--border:#0000000f;--border-hover:#0000001f;--border-strong:#00000026;--border-input:#0000001a;--text-primary:#1d1d1f;--text-secondary:#6e6e73;--text-muted:#86868b;--text-tertiary:#aeaeb2;--text-inverse:#fff;--accent-blue:#0071e3;--accent-blue-hover:#0077ed;--accent-blue-active:#006edb;--accent-blue-light:#0071e314;--accent-blue-lighter:#0071e308;--accent-blue-border:#0071e326;--accent-blue-border-hover:#0071e340;--accent-blue-border-strong:#0071e359;--accent-blue-glow:#0071e31f;--accent-purple:#8b5cf6;--accent-purple-light:#8b5cf61f;--accent-purple-border:#8b5cf640;--accent-cyan:#06b6d4;--accent-green:#34c759;--accent-green-light:#34c7591a;--accent-green-border:#34c7594d;--accent-orange:#ff9500;--accent-orange-light:#ff95001a;--accent-orange-border:#ff950040;--accent-pink:#ff2d55;--accent-pink-light:#ff2d550f;--accent-pink-border:#ff2d5533;--accent-red:#f87171;--accent-red-light:#f8717126;--accent-red-border:#f871714d;--accent-amber:#f59e0b;--accent-teal:#14b8a6;--feat-blue:#3b82f6;--feat-green:#10b981;--feat-cyan:#06b6d4;--feat-purple:#8b5cf6;--feat-red:#ef4444;--feat-orange:#f97316;--feat-indigo:#6366f1;--feat-amber:#f59e0b;--hero-gradient-1:linear-gradient(135deg, #1e3a5f 0%, #2563eb 50%, #3b82f6 100%);--hero-gradient-2:linear-gradient(135deg, #1e1b4b 0%, #4f46e5 50%, #6366f1 100%);--hero-gradient-3:linear-gradient(135deg, #0c4a6e 0%, #0284c7 50%, #06b6d4 100%);--overlay-dark:#00000073;--overlay-light:#ffffff1a;--overlay-lighter:#ffffff14;--indicator-active-light:#fff6;--indicator-inactive-dark:#00000026;--ring-blue-border:#0071e31f;--ring-purple-border:#8b5cf61f;--ring-cyan-border:#06b6d41f;--cookie-blue:#3b82f6;--cookie-green:#10b981;--cookie-amber:#f59e0b;--cookie-purple:#7c3aed;--badge-required-bg:#3b82f626;--badge-required-border:#3b82f64d;--badge-required-text:#60a5fa;--gradient-icon-privacy:linear-gradient(135deg, #1d4ed8, #3b82f6);--gradient-icon-terms:linear-gradient(135deg, #6d28d9, #7c3aed);--gradient-icon-cookies:linear-gradient(135deg, #d97706, #f59e0b);--gradient-icon-blue:linear-gradient(135deg, #1d4ed8, #3b82f6);--gradient-icon-green:linear-gradient(135deg, #059669, #10b981);--gradient-icon-amber:linear-gradient(135deg, #d97706, #f59e0b);--gradient-icon-purple:linear-gradient(135deg, #6d28d9, #7c3aed);--gradient-primary:linear-gradient(135deg, #0071e3, #8b5cf6);--gradient-avatar:linear-gradient(135deg, #3b82f6, #7c3aed);--gradient-placeholder:linear-gradient(135deg, #f0f4ff, #e8eeff);--gradient-accent-soft:linear-gradient(135deg, #0071e314, #8b5cf614);--gradient-apple:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-scrim:linear-gradient(to top, #0009, transparent);--gradient-text:linear-gradient(135deg, #0071e3, #8b5cf6, #06b6d4);--gradient-btn-primary:linear-gradient(180deg, #0077ed 0%, #006edb 100%);--gradient-btn-primary-hover:linear-gradient(180deg, #1a8cff 0%, #0071e3 100%);--gradient-btn-secondary:linear-gradient(180deg, #fff 0%, #f5f5f7 100%);--gradient-btn-secondary-hover:linear-gradient(180deg, #fff 0%, #eeedf2 100%);--gradient-card-shine:linear-gradient(90deg, transparent, #fff9, transparent);--gradient-btn-shine:linear-gradient(180deg, #ffffff26, transparent);--gradient-accent-medium:linear-gradient(135deg, #0071e31a, #8b5cf61a);--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 8px 30px #0000001a, 0 4px 8px #0000000a;--shadow-xl:0 14px 44px #0000001f, 0 6px 12px #0000000f;--shadow-2xl:0 20px 60px #00000026, 0 8px 16px #00000014;--shadow-3d:0 2px 4px #0000000d, 0 4px 8px #0000000d, 0 8px 16px #0000000d, 0 16px 32px #0000000d;--shadow-3d-hover:0 4px 8px #0000000f, 0 8px 16px #0000000f, 0 16px 32px #0000000f, 0 32px 64px #0000000f;--shadow-inset:inset 0 1px 0 #ffffff80, inset 0 -1px 0 #00000008;--shadow-inset-top:inset 0 1px 0 #fffc;--shadow-button:0 1px 3px #007aff4d, 0 4px 12px #007aff26;--shadow-btn-primary:0 1px 2px #0071e366, 0 4px 12px #0071e333, 0 8px 24px #0071e31a, inset 0 1px 0 #fff3;--shadow-btn-primary-hover:0 2px 4px #0071e366, 0 8px 20px #0071e340, 0 16px 40px #0071e326, inset 0 1px 0 #ffffff40;--shadow-btn-primary-active:0 1px 2px #0071e34d, 0 2px 8px #0071e326;--shadow-accent-glow:0 2px 8px #0071e31f;--shadow-accent-strong:0 4px 12px #0071e34d;--shadow-accent-strong-hover:0 4px 12px #0071e366;--scrollbar-thumb:#00000026;--scrollbar-thumb-hover:#00000040;--footer-bg:#1d1d1f;--footer-text:#fff6;--footer-text-hover:#ffffffb3;--footer-title:#ffffffe6;--footer-border:#ffffff14;--footer-muted:#ffffff4d;--footer-muted-border:#fff3;--footer-link-hover:#ffffff80;--footer-bottom-link-hover:#fff9;--cta-bg:linear-gradient(135deg, #1e3a5f 0%, #2563eb 50%, #3b82f6 100%);--cta-bg-dot:#ffffff0d;--cta-btn-primary-bg:linear-gradient(180deg, #fff 0%, #f0f0f0 100%);--cta-btn-primary-text:#0071e3;--cta-btn-primary-shadow:0 4px 16px #0003;--cta-btn-primary-shadow-hover:0 6px 20px #00000040;--cta-btn-secondary-bg:#ffffff1f;--cta-btn-secondary-text:#fff;--cta-btn-secondary-border:#ffffff4d;--cta-btn-secondary-shadow:0 4px 16px #0000001a;--cta-btn-secondary-hover-bg:#fff3;--cta-btn-secondary-hover-border:#ffffff80;--cta-text:#fff;--cta-text-muted:#fffc;--product-tag-bg:#ffffffeb;--product-accent-bg:#f0f4ff;--product-accent-bg-hover:#e8eeff;--logo-gradient:linear-gradient(135deg, #60a5fa, #a78bfa);--logo-description:#fff6;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-primary);color:var(--text-primary);letter-spacing:-.01em;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.gradient-text{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-3d);transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94),border-color .3s;position:relative;overflow:hidden}.card:before{content:"";background:var(--gradient-card-shine);pointer-events:none;z-index:1;height:1px;position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-3d-hover);transform:translateY(-6px)scale(1.01)}.section{padding:6rem 0}.grid-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.grid-5{grid-template-columns:repeat(5,1fr);gap:1rem;display:grid}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-5{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:repeat(2,1fr)}.section{padding:3.5rem 0}}@media (max-width:480px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr}.section{padding:2.5rem 0}.container{padding:0 1rem}}.btn-primary{background:var(--gradient-btn-primary);color:var(--text-inverse);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-btn-primary);letter-spacing:-.01em;border:none;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:inline-flex;position:relative;overflow:hidden}.btn-primary:after{content:"";background:var(--gradient-btn-shine);border-radius:inherit;pointer-events:none;height:50%;position:absolute;top:0;left:0;right:0}.btn-primary:hover{background:var(--gradient-btn-primary-hover);box-shadow:var(--shadow-btn-primary-hover);transform:translateY(-2px)scale(1.02)}.btn-primary:active{box-shadow:var(--shadow-btn-primary-active);transform:translateY(1px)scale(.98)}.btn-secondary{background:var(--gradient-btn-secondary);color:var(--text-primary);border:1px solid var(--border-input);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-3d), var(--shadow-inset-top);letter-spacing:-.01em;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:inline-flex;position:relative}.btn-secondary:hover{background:var(--gradient-btn-secondary-hover);box-shadow:var(--shadow-3d-hover), var(--shadow-inset-top);border-color:var(--border-strong);transform:translateY(-2px)scale(1.02)}.btn-secondary:active{box-shadow:var(--shadow-sm);transform:translateY(1px)scale(.98)}.badge{border-radius:var(--radius-full);align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track{gap:1.5rem;width:max-content;animation:30s linear infinite marquee;display:flex}.marquee-track:hover{animation-play-state:paused}@keyframes pulse-glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-up{animation:.8s cubic-bezier(.25,.46,.45,.94) forwards fade-up}.animate-fade-in{animation:.6s forwards fade-in}.dark{--bg-primary:#0a0a0b;--bg-secondary:#141416;--bg-tertiary:#111113;--bg-card:#1a1a1e;--bg-card-hover:#222226;--bg-glass:#141418b8;--bg-glass-heavy:#141418d9;--bg-overlay:#0009;--bg-subtle:#ffffff05;--bg-muted:#ffffff0a;--bg-medium:#ffffff0f;--bg-strong:#ffffff14;--bg-interactive:#ffffff08;--border-light:#ffffff0d;--border:#ffffff14;--border-hover:#ffffff24;--border-strong:#fff3;--border-input:#ffffff1f;--text-primary:#f5f5f7;--text-secondary:#a1a1a6;--text-muted:#86868b;--text-tertiary:#6e6e73;--text-inverse:#000;--accent-blue-light:#0071e326;--accent-blue-lighter:#0071e30f;--accent-blue-border:#0071e340;--accent-blue-border-hover:#0071e359;--accent-blue-border-strong:#0071e373;--accent-blue-glow:#0071e333;--accent-green-light:#34c75926;--accent-green-border:#34c75959;--accent-pink-light:#ff2d551a;--accent-pink-border:#ff2d554d;--accent-red-light:#f8717133;--accent-red-border:#f8717159;--accent-purple-light:#8b5cf62e;--accent-purple-border:#8b5cf64d;--accent-orange-light:#ff950026;--accent-orange-border:#ff95004d;--feat-blue:#60a5fa;--feat-green:#34d399;--feat-cyan:#22d3ee;--feat-purple:#a78bfa;--feat-red:#f87171;--feat-orange:#fb923c;--feat-indigo:#818cf8;--feat-amber:#fbbf24;--hero-gradient-1:linear-gradient(135deg, #0f1b2d 0%, #1a3a6b 50%, #1e4a8a 100%);--hero-gradient-2:linear-gradient(135deg, #1e1b4b 0%, #3730a3 50%, #4f46e5 100%);--hero-gradient-3:linear-gradient(135deg, #0c4a6e 0%, #0369a1 50%, #0891b2 100%);--overlay-dark:#0009;--overlay-light:#ffffff26;--overlay-lighter:#ffffff1f;--indicator-active-light:#ffffff80;--indicator-inactive-dark:#fff3;--ring-blue-border:#0071e333;--ring-purple-border:#8b5cf633;--ring-cyan-border:#06b6d433;--cookie-blue:#60a5fa;--cookie-green:#34d399;--cookie-amber:#fbbf24;--cookie-purple:#a78bfa;--badge-required-bg:#60a5fa33;--badge-required-border:#60a5fa59;--badge-required-text:#93bbfd;--gradient-icon-privacy:linear-gradient(135deg, #3b82f6, #60a5fa);--gradient-icon-terms:linear-gradient(135deg, #8b5cf6, #a78bfa);--gradient-icon-cookies:linear-gradient(135deg, #f59e0b, #fbbf24);--gradient-icon-blue:linear-gradient(135deg, #3b82f6, #60a5fa);--gradient-icon-green:linear-gradient(135deg, #34d399, #6ee7b7);--gradient-icon-amber:linear-gradient(135deg, #f59e0b, #fbbf24);--gradient-icon-purple:linear-gradient(135deg, #8b5cf6, #a78bfa);--gradient-avatar:linear-gradient(135deg, #60a5fa, #a78bfa);--gradient-placeholder:linear-gradient(135deg, #141428, #1a1a30);--gradient-scrim:linear-gradient(to top, #000000b3, transparent);--gradient-btn-secondary:linear-gradient(180deg, #2a2a2e 0%, #222226 100%);--gradient-btn-secondary-hover:linear-gradient(180deg, #333338 0%, #2a2a2e 100%);--gradient-card-shine:linear-gradient(90deg, transparent, #ffffff14, transparent);--gradient-accent-soft:linear-gradient(135deg, #0071e326, #8b5cf626);--gradient-accent-medium:linear-gradient(135deg, #0071e32e, #8b5cf62e);--shadow-sm:0 1px 3px #0003, 0 1px 2px #0000001f;--shadow-md:0 4px 12px #00000040, 0 2px 4px #0000001f;--shadow-lg:0 8px 30px #0000004d, 0 4px 8px #0000001f;--shadow-xl:0 14px 44px #00000059, 0 6px 12px #0000002e;--shadow-2xl:0 20px 60px #0006, 0 8px 16px #0003;--shadow-3d:0 2px 4px #00000026, 0 4px 8px #00000026, 0 8px 16px #00000026, 0 16px 32px #00000026;--shadow-3d-hover:0 4px 8px #0000002e, 0 8px 16px #0000002e, 0 16px 32px #0000002e, 0 32px 64px #0000002e;--shadow-inset:inset 0 1px 0 #ffffff0f, inset 0 -1px 0 #0000001a;--shadow-inset-top:inset 0 1px 0 #ffffff0f;--shadow-button:0 1px 3px #007aff4d, 0 4px 12px #007aff26;--shadow-btn-primary:0 1px 2px #0071e380, 0 4px 12px #0071e34d, 0 8px 24px #0071e326, inset 0 1px 0 #ffffff1a;--shadow-btn-primary-hover:0 2px 4px #0071e380, 0 8px 20px #0071e359, 0 16px 40px #0071e333, inset 0 1px 0 #ffffff1f;--shadow-btn-primary-active:0 1px 2px #0071e366, 0 2px 8px #0071e333;--shadow-accent-glow:0 2px 8px #0071e333;--shadow-accent-strong:0 4px 12px #0071e366;--shadow-accent-strong-hover:0 4px 12px #0071e380;--scrollbar-thumb:#ffffff26;--scrollbar-thumb-hover:#ffffff40;--footer-bg:#0a0a0b;--footer-text:#fff6;--footer-text-hover:#ffffffb3;--footer-title:#ffffffe6;--footer-border:#ffffff14;--footer-muted:#ffffff4d;--footer-muted-border:#fff3;--footer-link-hover:#ffffff80;--footer-bottom-link-hover:#fff9;--cta-bg:linear-gradient(135deg, #0f1b2d 0%, #1a3a6b 50%, #1e4a8a 100%);--cta-bg-dot:#ffffff08;--cta-btn-primary-bg:linear-gradient(180deg, #0077ed 0%, #006edb 100%);--cta-btn-primary-text:#fff;--cta-btn-primary-shadow:0 4px 16px #0006;--cta-btn-primary-shadow-hover:0 6px 20px #00000080;--cta-btn-secondary-bg:#ffffff14;--cta-btn-secondary-text:#f5f5f7;--cta-btn-secondary-border:#fff3;--cta-btn-secondary-shadow:0 4px 16px #0000004d;--cta-btn-secondary-hover-bg:#ffffff24;--cta-btn-secondary-hover-border:#ffffff59;--cta-text:#f5f5f7;--cta-text-muted:#ffffffb3;--product-tag-bg:#1a1a1eeb;--product-accent-bg:#141428;--product-accent-bg-hover:#1a1a30;--logo-gradient:linear-gradient(135deg, #60a5fa, #a78bfa);--logo-description:#fff6}.section-alt{background:var(--bg-secondary)}.hover-card{transition:all .2s}.hover-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border-hover)!important}.hover-card-md{transition:all .25s}.hover-card-md:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover)!important}
