:root,html[data-theme=light]{--bg-main:#edf2f7;--bg-secondary:#e2e8f0;--bg-tertiary:#cbd5e1;--bg-card:#fff;--bg-card-hover:#fff;--bg-glass:#ffffffeb;--bg-input:#fff;--border-subtle:#cbd5e1;--border-medium:#94a3b8;--border-active:#0891b2;--text-primary:#0a0f1d;--text-secondary:#334155;--text-muted:#64748b;--text-inverse:#fff;--cyan:#0284c7;--cyan-glow:#0284c740;--indigo:#4f46e5;--indigo-glow:#4f46e538;--emerald:#059669;--emerald-glow:#05966933;--amber:#d97706;--rose:#e11d48;--badge-cyan-bg:#e0f2fe;--badge-cyan-text:#0369a1;--badge-cyan-border:#7dd3fc;--badge-emerald-bg:#dcfce7;--badge-emerald-text:#15803d;--badge-emerald-border:#86efac;--badge-amber-bg:#fef3c7;--badge-amber-text:#b45309;--badge-amber-border:#fcd34d;--badge-indigo-bg:#e0e7ff;--badge-indigo-text:#4338ca;--badge-indigo-border:#a5b4fc;--gradient-brand:linear-gradient(135deg, #0284c7 0%, #2563eb 50%, #7c3aed 100%);--gradient-glow:radial-gradient(circle at 50% 0%, #0284c71f 0%, #4f46e50d 50%, transparent 80%);--gradient-card:linear-gradient(180deg, #fff 0%, #f8fafc 100%);--footer-bg:linear-gradient(180deg, #0b192e 0%, #06101e 100%);--footer-border:#38bdf840;--footer-text-primary:#fff;--footer-text-secondary:#cbd5e1;--footer-text-muted:#94a3b8;--footer-link-hover:#38bdf8;--footer-back-to-top-bg:#ffffff1a;--footer-back-to-top-border:#fff3;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-sm:0 2px 6px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-md:0 10px 25px -4px #0f172a1a, 0 4px 10px -2px #0f172a0d;--shadow-lg:0 20px 40px -8px #0f172a26, 0 8px 16px -4px #0f172a0f;--shadow-glow:0 0 30px -5px #0284c74d;--font-heading:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--nav-height:72px;--transition-fast:.18s cubic-bezier(.16, 1, .3, 1);--transition-normal:.28s cubic-bezier(.16, 1, .3, 1)}html[data-theme=dark]{--bg-main:#060911;--bg-secondary:#0b111e;--bg-tertiary:#131c31;--bg-card:#0e1526;--bg-card-hover:#141e36;--bg-glass:#0b111ee0;--bg-input:#10182b;--border-subtle:#ffffff1f;--border-medium:#fff3;--border-active:#06b6d4;--text-primary:#fff;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-inverse:#090d16;--cyan:#06b6d4;--cyan-glow:#06b6d466;--indigo:#6366f1;--indigo-glow:#6366f166;--emerald:#10b981;--emerald-glow:#10b98159;--amber:#f59e0b;--rose:#f43f5e;--badge-cyan-bg:#06b6d426;--badge-cyan-text:#38bdf8;--badge-cyan-border:#06b6d459;--badge-emerald-bg:#10b98126;--badge-emerald-text:#34d399;--badge-emerald-border:#10b98159;--badge-amber-bg:#f59e0b26;--badge-amber-text:#fbbf24;--badge-amber-border:#f59e0b59;--badge-indigo-bg:#6366f126;--badge-indigo-text:#818cf8;--badge-indigo-border:#6366f159;--gradient-brand:linear-gradient(135deg, #06b6d4 0%, #3b82f6 50%, #8b5cf6 100%);--gradient-glow:radial-gradient(circle at 50% 0%, #06b6d433 0%, #6366f114 50%, transparent 80%);--gradient-card:linear-gradient(180deg, #ffffff0d 0%, #ffffff03 100%);--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 24px -4px #0000008c;--shadow-lg:0 20px 45px -10px #000000b3;--shadow-glow:0 0 35px -5px var(--cyan-glow);--footer-bg:#060911;--footer-border:#ffffff1f;--footer-text-primary:#fff;--footer-text-secondary:#cbd5e1;--footer-text-muted:#94a3b8;--footer-link-hover:#06b6d4;--footer-back-to-top-bg:#0e1526;--footer-back-to-top-border:#ffffff1f}.site-footer{background:var(--footer-bg);border-top:1px solid var(--footer-border);color:var(--footer-text-secondary);padding-top:70px;padding-bottom:40px;position:relative}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{color:var(--footer-link-hover)!important}.site-footer .footer-title{text-transform:uppercase;letter-spacing:.08em;color:var(--footer-text-muted);margin-bottom:16px;font-size:.9rem;font-weight:700}.site-footer .footer-heading{color:var(--footer-text-primary);font-weight:600}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-main);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-main);min-height:100vh;color:var(--text-primary);transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.6;position:relative;overflow-x:hidden}.ambient-glow{background:var(--gradient-glow);pointer-events:none;z-index:0;height:600px;position:fixed;top:0;left:0;right:0}.ambient-dot-pattern{background-image:radial-gradient(var(--border-subtle) 1.2px, transparent 1.2px);opacity:.5;pointer-events:none;z-index:0;background-size:26px 26px;position:fixed;inset:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.025em;color:var(--text-primary);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,textarea,select{color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:all var(--transition-fast);outline:none;padding:12px 16px;font-family:inherit;font-size:.95rem}input:focus,textarea:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-glow)}.container{z-index:1;width:100%;max-width:1220px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;position:relative}.section-wrapper{padding-top:100px;padding-bottom:100px;position:relative}@media (width<=768px){.section-wrapper{padding-top:64px;padding-bottom:64px}}.gradient-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800;display:inline-block}.text-muted{color:var(--text-secondary)}.section-header{text-align:center;max-width:740px;margin-bottom:56px;margin-left:auto;margin-right:auto}.section-tag{border-radius:var(--radius-full);background:var(--badge-cyan-bg);border:1px solid var(--badge-cyan-border);color:var(--badge-cyan-text);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin-bottom:16px;padding:7px 16px;font-size:.82rem;font-weight:700;display:inline-flex}.section-title{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(2.2rem,4.5vw,3.2rem)}.section-description{color:var(--text-secondary);font-size:1.12rem;line-height:1.65}.glass-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);position:relative;overflow:hidden}.glass-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md);transform:translateY(-3px)}.glass-card.interactive:hover{border-color:var(--border-active);box-shadow:var(--shadow-glow)}.card-visual-banner{border-bottom:1px solid var(--border-subtle);justifyContent:center;align-items:center;width:100%;height:140px;display:flex;position:relative;overflow:hidden}.card-browser-dots{z-index:2;align-items:center;gap:6px;display:flex;position:absolute;top:12px;left:14px}.card-browser-dots span{border-radius:50%;width:8px;height:8px;display:inline-block}.btn{border-radius:var(--radius-full);transition:all var(--transition-normal);white-space:nowrap;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex;position:relative}.btn-primary{background:var(--gradient-brand);box-shadow:0 4px 18px var(--cyan-glow);font-weight:700;color:#fff!important}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 28px #06b6d480}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-medium);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--border-active);color:var(--cyan);transform:translateY(-2px)}.btn-ghost{color:var(--text-secondary);padding:8px 16px}.btn-ghost:hover{color:var(--text-primary);background:#0000000d}.btn-sm{padding:8px 16px;font-size:.85rem}.btn-lg{padding:15px 32px;font-size:1.05rem}.filter-chip{border-radius:var(--radius-full);background-color:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);padding:9px 20px;font-size:.88rem;font-weight:600}.filter-chip:hover{color:var(--text-primary);border-color:var(--border-medium);transform:translateY(-1px)}.filter-chip.active{background:var(--gradient-brand);color:#fff;box-shadow:0 4px 16px var(--cyan-glow);border-color:#0000}.badge{border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-secondary);align-items:center;gap:6px;padding:4px 11px;font-size:.8rem;font-weight:600;display:inline-flex}.badge-cyan{background-color:var(--badge-cyan-bg);color:var(--badge-cyan-text);border:1px solid var(--badge-cyan-border)}.badge-emerald{background-color:var(--badge-emerald-bg);color:var(--badge-emerald-text);border:1px solid var(--badge-emerald-border)}.badge-amber{background-color:var(--badge-amber-bg);color:var(--badge-amber-text);border:1px solid var(--badge-amber-border)}.badge-indigo{background-color:var(--badge-indigo-bg);color:var(--badge-indigo-text);border:1px solid var(--badge-indigo-border)}.status-dot{background-color:var(--emerald);width:8px;height:8px;box-shadow:0 0 10px var(--emerald);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;box-shadow:0 0 14px var(--emerald);transform:scale(1.2)}to{opacity:.8;transform:scale(.95)}}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#04070dbf;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.modal-content{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-xl);width:100%;max-width:620px;max-height:90vh;box-shadow:var(--shadow-lg), var(--shadow-glow);padding:36px;position:relative;overflow-y:auto}@media (width<=640px){.modal-content{padding:24px}}