:root,html[data-theme="light"]{--brand-primary:#1a56db;--brand-primary-hover:#1e40af;--brand-primary-light:#eff6ff;--brand-primary-subtle:#dbeafe;--brand-accent-green:#10b981;--brand-accent-green-light:#ecfdf5;--brand-accent-purple:#8b5cf6;--brand-accent-purple-light:#f5f3ff;--brand-accent-amber:#f59e0b;--brand-accent-amber-light:#fffbeb;--brand-accent-red:#ef4444;--brand-accent-red-light:#fef2f2;--brand-accent-cyan:#06b6d4;--brand-accent-cyan-light:#ecfeff;--bg-page:#f8fafc;--bg-page-subtle:#f1f5f9;--bg-card:#ffffff;--bg-card-hover:#f8fafc;--bg-dark-banner:#09132b;--bg-dark-card:#111e42;--bg-dark-sidebar:#0f172a;--text-main:#0f172a;--text-body:#475569;--text-muted:#64748b;--text-light:#94a3b8;--border-light:#e2e8f0;--border-subtle:#f1f5f9;--border-focus:#93c5fd;--shadow-xs:0 1px 2px rgba(0,0,0,0.04);--shadow-sm:0 2px 4px rgba(15,23,42,0.04),0 1px 2px rgba(15,23,42,0.02);--shadow-md:0 4px 16px -2px rgba(15,23,42,0.06),0 2px 6px -1px rgba(15,23,42,0.03);--shadow-lg:0 10px 30px -4px rgba(15,23,42,0.08),0 4px 10px -2px rgba(15,23,42,0.04);--shadow-xl:0 20px 40px -8px rgba(15,23,42,0.12),0 8px 16px -4px rgba(15,23,42,0.06);--shadow-mockup:0 25px 60px -15px rgba(15,23,42,0.18),0 10px 25px -5px rgba(15,23,42,0.08);--font-main:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-heading:'Outfit','Plus Jakarta Sans',sans-serif}html[data-theme="dark"],body[data-theme="dark"]{--bg-page:#070b14;--bg-page-subtle:#0b1120;--bg-card:#0f172a;--bg-card-hover:#131d35;--bg-dark-banner:#050811;--bg-dark-card:#090f1f;--bg-dark-sidebar:#050914;--text-main:#f8fafc;--text-body:#cbd5e1;--text-muted:#94a3b8;--text-light:#64748b;--border-light:rgba(255,255,255,0.08);--border-subtle:rgba(255,255,255,0.04);--border-focus:#38bdf8;--shadow-xs:0 1px 2px rgba(0,0,0,0.4);--shadow-sm:0 2px 6px rgba(0,0,0,0.5);--shadow-md:0 6px 20px rgba(0,0,0,0.6);--shadow-lg:0 12px 35px rgba(0,0,0,0.7);--shadow-xl:0 24px 50px rgba(0,0,0,0.8);--shadow-mockup:0 30px 80px rgba(0,0,0,0.85),0 0 35px rgba(56,189,248,0.12);color-scheme:dark}.brand-logo-light{display:block}.brand-logo-dark{display:none}html[data-theme="dark"] .brand-logo-light,body[data-theme="dark"] .brand-logo-light{display:none !important}html[data-theme="dark"] .brand-logo-dark,body[data-theme="dark"] .brand-logo-dark{display:block !important}.theme-transitioning,.theme-transitioning *,.theme-transitioning *:before,.theme-transitioning *:after{transition:background-color 0.35s ease,color 0.35s ease,border-color 0.35s ease,box-shadow 0.35s ease,fill 0.35s ease,stroke 0.35s ease !important}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-main);background-color:var(--bg-page);color:var(--text-main);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit;transition:all 0.2s ease}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none;transition:all 0.2s ease}ul{list-style:none}.container{max-width:1240px;margin:0 auto;padding:0 24px}.site-navbar{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,0.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-light);transition:all 0.3s ease}.site-navbar .nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px}.brand-logo-wrap{display:flex;align-items:center;gap:10px}.brand-logo-icon{width:38px;height:38px;background:linear-gradient(135deg,#1a56db 0%,#2563eb 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#ffffff;font-size:18px;box-shadow:0 4px 10px rgba(26,86,219,0.25)}.brand-logo-text{font-family:var(--font-heading);font-size:22px;font-weight:800;color:var(--text-main);letter-spacing:-0.02em;display:flex;align-items:center;gap:6px}.brand-logo-badge{font-size:11px;font-weight:700;background:var(--brand-primary-light);color:var(--brand-primary);padding:2px 8px;border-radius:20px;border:1px solid var(--brand-primary-subtle)}.nav-menu{display:flex;align-items:center;gap:32px}.nav-link{font-size:14.5px;font-weight:600;color:var(--text-body);display:flex;align-items:center;gap:5px}.nav-link:hover{color:var(--brand-primary)}.nav-link i.chevron{font-size:11px;transition:transform 0.2s ease}.nav-link:hover i.chevron{transform:translateY(2px)}.nav-actions{display:flex;align-items:center;gap:16px}.theme-toggle-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;padding:3px;border-radius:30px;cursor:pointer;outline:none;transition:transform 0.2s cubic-bezier(0.34,1.56,0.64,1);position:relative;user-select:none}.theme-toggle-btn:hover{transform:scale(1.06)}.theme-toggle-btn:active{transform:scale(0.92)}.theme-toggle-btn.pulse-anim{animation:themePulse 0.4s ease-out}@keyframes themePulse{0%{transform:scale(0.9)}50%{transform:scale(1.12)}100%{transform:scale(1)}}.theme-toggle-track{width:54px;height:30px;background:#e2e8f0;border:1.5px solid #cbd5e1;border-radius:30px;position:relative;transition:background 0.35s ease,border-color 0.35s ease,box-shadow 0.35s ease;box-shadow:inset 0 2px 4px rgba(0,0,0,0.06);display:flex;align-items:center;padding:0 3px}.theme-toggle-btn:hover .theme-toggle-track{border-color:#94a3b8;box-shadow:0 0 12px rgba(245,158,11,0.25),inset 0 2px 4px rgba(0,0,0,0.06)}.theme-toggle-thumb{width:22px;height:22px;background:#ffffff;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,0.2);transform:translateX(0);transition:transform 0.35s cubic-bezier(0.34,1.56,0.64,1),background 0.35s ease}.theme-icon-sun{color:#f59e0b;font-size:13px;opacity:1;transform:rotate(0deg) scale(1);transition:opacity 0.25s ease,transform 0.35s cubic-bezier(0.34,1.56,0.64,1)}.theme-icon-moon{color:#38bdf8;font-size:12px;position:absolute;opacity:0;transform:rotate(-90deg) scale(0.4);transition:opacity 0.25s ease,transform 0.35s cubic-bezier(0.34,1.56,0.64,1)}html[data-theme="dark"] .theme-toggle-track,.theme-toggle-btn.is-dark .theme-toggle-track{background:#1e293b;border-color:rgba(56,189,248,0.4);box-shadow:inset 0 2px 4px rgba(0,0,0,0.4),0 0 10px rgba(56,189,248,0.2)}html[data-theme="dark"] .theme-toggle-btn:hover .theme-toggle-track,.theme-toggle-btn.is-dark:hover .theme-toggle-track{border-color:#38bdf8;box-shadow:0 0 18px rgba(56,189,248,0.4),inset 0 2px 4px rgba(0,0,0,0.4)}html[data-theme="dark"] .theme-toggle-thumb,.theme-toggle-btn.is-dark .theme-toggle-thumb{transform:translateX(23px);background:#0f172a;box-shadow:0 2px 8px rgba(0,0,0,0.5),0 0 8px rgba(56,189,248,0.4)}html[data-theme="dark"] .theme-icon-sun,.theme-toggle-btn.is-dark .theme-icon-sun{opacity:0;transform:rotate(90deg) scale(0.4)}html[data-theme="dark"] .theme-icon-moon,.theme-toggle-btn.is-dark .theme-icon-moon{opacity:1;transform:rotate(0deg) scale(1)}.nav-link-signin{font-size:14.5px;font-weight:600;color:var(--text-body);padding:8px 14px}.nav-link-signin:hover{color:var(--brand-primary)}.btn-primary-blue{background:var(--brand-primary);color:#ffffff;font-size:14.5px;font-weight:600;padding:10px 22px;border-radius:30px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 12px rgba(26,86,219,0.25);transition:all 0.2s ease}.btn-primary-blue:hover{background:var(--brand-primary-hover);transform:translateY(-1px);box-shadow:0 6px 18px rgba(26,86,219,0.35);color:#ffffff}.btn-outline-white{background:#ffffff;color:var(--text-main);border:1px solid var(--border-light);font-size:14.5px;font-weight:600;padding:10px 22px;border-radius:30px;display:inline-flex;align-items:center;gap:8px;box-shadow:var(--shadow-xs);transition:all 0.2s ease}.btn-outline-white:hover{background:#f8fafc;border-color:#cbd5e1;color:var(--text-main);transform:translateY(-1px)}.mobile-toggle-btn{display:none;font-size:24px;color:var(--text-main)}.hero-section{padding:70px 0 90px 0;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(219,234,254,0.45) 0%,transparent 60%),radial-gradient(circle at 10% 80%,rgba(243,232,255,0.35) 0%,transparent 50%),var(--bg-page)}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;opacity:0.6;will-change:transform}.hero-orb.orb-1{width:440px;height:440px;background:radial-gradient(circle,rgba(59,130,246,0.45) 0%,rgba(37,99,235,0.1) 70%,transparent 100%);top:-80px;right:-50px;animation:orbDrift1 14s ease-in-out infinite alternate}.hero-orb.orb-2{width:380px;height:380px;background:radial-gradient(circle,rgba(147,51,234,0.35) 0%,rgba(192,132,252,0.1) 70%,transparent 100%);bottom:20px;left:-60px;animation:orbDrift2 18s ease-in-out infinite alternate}.hero-orb.orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(16,185,129,0.3) 0%,rgba(52,211,153,0.08) 70%,transparent 100%);top:40%;right:35%;animation:orbDrift3 16s ease-in-out infinite alternate}@keyframes orbDrift1{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-40px,35px) scale(1.08)}100%{transform:translate(30px,-25px) scale(0.95)}}@keyframes orbDrift2{0%{transform:translate(0,0) scale(1)}50%{transform:translate(35px,-30px) scale(1.1)}100%{transform:translate(-25px,25px) scale(0.92)}}@keyframes orbDrift3{0%{transform:translate(0,0) scale(0.9)}50%{transform:translate(-25px,-35px) scale(1.05)}100%{transform:translate(20px,20px) scale(1)}}.hero-grid{display:grid;grid-template-columns:1.05fr 1.35fr;gap:52px;align-items:center;position:relative;z-index:1}.hero-content{max-width:520px}.pill-tag{display:inline-flex;align-items:center;gap:6px;background:#e0f2fe;color:#0369a1;font-size:11.5px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;padding:5px 12px;border-radius:20px;margin-bottom:20px;border:1px solid #bae6fd;box-shadow:0 2px 6px rgba(3,105,161,0.08);transition:transform 0.2s ease}.pill-tag:hover{transform:translateY(-1px) scale(1.02)}.hero-headline{font-family:var(--font-heading);font-size:54px;font-weight:800;line-height:1.08;letter-spacing:-0.035em;color:var(--text-main);margin-bottom:20px}.hero-subtitle{font-size:16.5px;color:var(--text-body);line-height:1.6;margin-bottom:32px}.hero-cta-group{display:flex;align-items:center;gap:14px;margin-bottom:28px;flex-wrap:wrap}.hero-trust-badge{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text-muted)}.hero-trust-badge i{color:var(--brand-primary);font-size:15px}.hero-mockup-wrapper{position:relative;perspective:1200px;transform-style:preserve-3d;z-index:2}.hero-mockup-card{background:var(--bg-card);border-radius:18px;border:1px solid rgba(203,213,225,0.85);box-shadow:0 25px 65px -12px rgba(15,23,42,0.16),0 10px 25px -6px rgba(26,86,219,0.08);overflow:hidden;display:grid;grid-template-columns:180px 1fr;height:560px;transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),box-shadow 0.4s ease;animation:autoFloatMockup 7s ease-in-out infinite alternate;will-change:transform;transform-style:preserve-3d}.hero-mockup-card:hover{box-shadow:0 35px 85px -15px rgba(26,86,219,0.22),0 15px 35px -5px rgba(15,23,42,0.12)}@keyframes autoFloatMockup{0%{transform:translateY(0px) rotateX(0deg) rotateY(0deg)}50%{transform:translateY(-8px) rotateX(0.4deg) rotateY(-0.6deg)}100%{transform:translateY(6px) rotateX(-0.4deg) rotateY(0.6deg)}}.floating-chip{position:absolute;z-index:15;background:rgba(255,255,255,0.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(226,232,240,0.95);border-radius:14px;padding:10px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 14px 34px -6px rgba(15,23,42,0.14),0 4px 12px -2px rgba(26,86,219,0.08);pointer-events:auto;transition:transform 0.3s cubic-bezier(0.16,1,0.3,1),box-shadow 0.3s ease;cursor:pointer}.floating-chip:hover{transform:scale(1.06) translateY(-4px) !important;box-shadow:0 20px 42px -8px rgba(26,86,219,0.22)}.chip-top-right{top:-18px;right:-20px;animation:floatBadge1 6s ease-in-out infinite alternate}.chip-bottom-left{bottom:-22px;left:-24px;animation:floatBadge2 7s ease-in-out infinite alternate 0.6s}.chip-left-badge{top:48%;left:-32px;transform:translateY(-50%);animation:floatBadge3 6.5s ease-in-out infinite alternate 1.2s}@keyframes floatBadge1{0%{transform:translate(0,0)}100%{transform:translate(-4px,-12px)}}@keyframes floatBadge2{0%{transform:translate(0,0)}100%{transform:translate(6px,-10px)}}@keyframes floatBadge3{0%{transform:translateY(-50%) translate(0,0)}100%{transform:translateY(-50%) translate(-5px,8px)}}.chip-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.chip-icon.bg-emerald{background:#ecfdf5;color:#10b981}.chip-icon.bg-blue{background:#eff6ff;color:#2563eb}.chip-content{display:flex;flex-direction:column}.chip-title{font-size:12px;font-weight:700;color:#0f172a;line-height:1.3}.chip-sub{font-size:10.5px;color:#475569;display:flex;align-items:center;gap:5px;line-height:1.3}.chip-pulse-dot{width:7px;height:7px;border-radius:50%;display:inline-block;position:relative}.chip-pulse-dot.bg-emerald{background:#10b981;box-shadow:0 0 0 0 rgba(16,185,129,0.7);animation:pulseDotEmerald 2s infinite}.chip-pulse-dot.bg-blue{background:#2563eb;box-shadow:0 0 0 0 rgba(37,99,235,0.7);animation:pulseDotBlue 2s infinite 0.5s}@keyframes pulseDotEmerald{0%{box-shadow:0 0 0 0 rgba(16,185,129,0.7)}70%{box-shadow:0 0 0 7px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}@keyframes pulseDotBlue{0%{box-shadow:0 0 0 0 rgba(37,99,235,0.7)}70%{box-shadow:0 0 0 7px rgba(37,99,235,0)}100%{box-shadow:0 0 0 0 rgba(37,99,235,0)}}.chip-avatars{display:flex;align-items:center}.avatar-mini{width:24px;height:24px;border-radius:50%;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;color:#ffffff;border:2px solid #ffffff;margin-left:-7px}.avatar-mini:first-child{margin-left:0}.avatar-mini.av-1{background:#1d4ed8}.avatar-mini.av-2{background:#6d28d9}.avatar-mini.av-3{background:#047857}.pulse-glow-circle{fill:rgba(26,86,219,0.35);animation:pulseSvgGlow 2.5s ease-out infinite;transform-origin:center}@keyframes pulseSvgGlow{0%{r:4px;opacity:0.9}50%{r:10px;opacity:0.35}100%{r:16px;opacity:0}}.mock-metric-card{position:relative;overflow:hidden}.mock-metric-card::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.65),transparent);transform:skewX(-20deg);animation:shimmerScan 6s infinite ease-in-out;pointer-events:none}@keyframes shimmerScan{0%,75%{left:-100%}100%{left:220%}}.mock-sidebar{background:var(--bg-dark-sidebar);color:#94a3b8;padding:16px 12px;display:flex;flex-direction:column;border-right:1px solid #1e293b}.mock-sidebar-brand{display:flex;align-items:center;gap:8px;color:#ffffff;font-family:var(--font-heading);font-size:15px;font-weight:700;margin-bottom:20px;padding:0 6px}.mock-sidebar-brand-logo{height:32px;width:auto;max-width:140px;object-fit:contain;display:block}.mock-sidebar-brand-icon{width:22px;height:22px;background:var(--brand-primary);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px}.mock-nav-list{display:flex;flex-direction:column;gap:3px;flex:1}.mock-nav-item{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;padding:7px 10px;border-radius:8px;color:#94a3b8;transition:all 0.15s ease}.mock-nav-item i{font-size:13px}.mock-nav-item.active{background:var(--brand-primary);color:#ffffff}.mock-main{background:#f8fafc;display:flex;flex-direction:column;overflow-y:auto}.mock-topbar{background:#ffffff;padding:10px 18px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.mock-search-box{display:flex;align-items:center;gap:8px;background:#f1f5f9;padding:6px 12px;border-radius:20px;font-size:11px;color:#475569;width:200px}.mock-user-pill{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:600;color:var(--text-main)}.mock-user-avatar{width:26px;height:26px;border-radius:50%;background:#dbeafe;color:var(--brand-primary);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.mock-content{padding:16px 18px;display:flex;flex-direction:column;gap:14px}.mock-header-row{display:flex;align-items:center;justify-content:space-between}.mock-header-row h3,.mock-header-row .mock-header-title{font-size:15px;font-weight:800;color:var(--text-main);margin:0}.mock-date-tag{font-size:10.5px;color:var(--text-muted);background:#ffffff;padding:4px 10px;border-radius:12px;border:1px solid var(--border-light)}.mock-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mock-metric-card{background:#ffffff;padding:10px 12px;border-radius:10px;border:1px solid var(--border-light);box-shadow:var(--shadow-xs)}.mock-metric-label{font-size:9.5px;font-weight:600;color:var(--text-muted);margin-bottom:3px}.mock-metric-value{font-size:15px;font-weight:800;color:var(--text-main);margin-bottom:2px}.mock-metric-badge{font-size:9px;font-weight:700;color:#16a34a;display:flex;align-items:center;gap:2px}.mock-charts-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:12px}.mock-chart-card{background:#ffffff;padding:12px 14px;border-radius:12px;border:1px solid var(--border-light);box-shadow:var(--shadow-xs)}.mock-card-title{font-size:11.5px;font-weight:700;color:var(--text-main);margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.mock-card-title small{font-size:9.5px;color:var(--text-muted);font-weight:normal}.donut-layout{display:flex;align-items:center;gap:12px}.donut-visual{position:relative;width:70px;height:70px}.donut-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.donut-center-text span{font-size:10px;font-weight:800;color:var(--text-main);display:block}.donut-legend{display:flex;flex-direction:column;gap:4px;font-size:9.5px;color:var(--text-body)}.donut-legend-item{display:flex;align-items:center;gap:6px}.legend-dot{width:7px;height:7px;border-radius:50%}.mock-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mock-activity-list{display:flex;flex-direction:column;gap:6px}.mock-activity-item{display:flex;align-items:center;justify-content:space-between;font-size:10px;padding:5px 0;border-bottom:1px dashed #f1f5f9}.mock-activity-left{display:flex;align-items:center;gap:6px;color:var(--text-main)}.mock-activity-time{color:var(--text-muted);font-size:9px}.mock-alert-item{display:flex;align-items:center;justify-content:space-between;font-size:10px;padding:5px 8px;background:#f8fafc;border-radius:6px;margin-bottom:5px;border-left:3px solid var(--brand-accent-amber)}.mock-alert-action{color:var(--brand-primary);font-weight:700;font-size:9px;cursor:pointer}.motion-marquee-section{padding:20px 0;overflow:hidden;position:relative;background:#ffffff;border-top:1px solid rgba(226,232,240,0.85);border-bottom:1px solid rgba(226,232,240,0.85);box-shadow:0 4px 16px rgba(15,23,42,0.03);margin-bottom:40px}.motion-marquee-section::before,.motion-marquee-section::after{content:'';position:absolute;top:0;bottom:0;width:120px;z-index:5;pointer-events:none}.motion-marquee-section::before{left:0;background:linear-gradient(90deg,#ffffff 0%,rgba(255,255,255,0) 100%)}.motion-marquee-section::after{right:0;background:linear-gradient(270deg,#ffffff 0%,rgba(255,255,255,0) 100%)}.motion-marquee-track{display:flex;width:max-content;will-change:transform}.motion-marquee-group{display:flex;align-items:center;gap:16px;padding-right:16px;animation:marqueeScrollLeft 40s linear infinite}.motion-marquee-track:hover .motion-marquee-group{animation-play-state:paused}@keyframes marqueeScrollLeft{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}.marquee-pill{display:inline-flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e2e8f0;padding:8px 18px;border-radius:30px;font-size:13.5px;font-weight:600;color:#334155;white-space:nowrap;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);box-shadow:0 1px 3px rgba(0,0,0,0.02)}.marquee-pill:hover{background:#eff6ff;border-color:#93c5fd;color:#1a56db;transform:translateY(-2px);box-shadow:0 4px 12px rgba(26,86,219,0.12)}.marquee-pill i{font-size:15px}.category-strip-section{padding:0 0 50px 0}.category-strip-card{background:#ffffff;border:1px solid var(--border-light);border-radius:16px;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:16px}.category-pills-list{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.category-pill-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:#f8fafc;border:1px solid var(--border-light);border-radius:30px;font-size:13.5px;font-weight:700;color:var(--text-main);transition:all 0.2s ease}.category-pill-btn i{font-size:15px}.category-pill-btn.pill-blue i{color:var(--brand-primary)}.category-pill-btn.pill-purple i{color:var(--brand-accent-purple)}.category-pill-btn.pill-green i{color:var(--brand-accent-green)}.category-pill-btn.pill-cyan i{color:var(--brand-accent-cyan)}.category-pill-btn.pill-amber i{color:var(--brand-accent-amber)}.category-pill-btn:hover{background:#ffffff;border-color:var(--brand-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.category-strip-tagline{font-size:14px;font-weight:700;color:var(--text-body)}.why-section{padding:60px 0 80px 0}.section-header-block{margin-bottom:44px}.section-header-block.text-center{text-align:center;max-width:700px;margin-left:auto;margin-right:auto}.section-tag{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--brand-primary);margin-bottom:8px}.section-title{font-family:var(--font-heading);font-size:38px;font-weight:800;letter-spacing:-0.025em;color:var(--text-main);line-height:1.2;margin-bottom:12px}.section-desc{font-size:16px;color:var(--text-body);line-height:1.6}.why-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.why-card{background:#ffffff;border:1px solid var(--border-light);border-radius:16px;padding:32px 28px;box-shadow:var(--shadow-sm);transition:all 0.25s ease}.why-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#cbd5e1}.why-icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:20px}.why-icon-box.icon-blue{background:#eff6ff;color:var(--brand-primary)}.why-icon-box.icon-green{background:#ecfdf5;color:var(--brand-accent-green)}.why-icon-box.icon-purple{background:#f5f3ff;color:var(--brand-accent-purple)}.why-card h3,.why-card h4{font-size:19px;font-weight:800;color:var(--text-main);margin-bottom:10px;letter-spacing:-0.01em}.why-card p{font-size:14.5px;color:var(--text-body);line-height:1.6}.modules-section{padding:60px 0 80px 0;background:#f1f5f9}.modules-top-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.module-hero-card{background:#ffffff;border:1px solid var(--border-light);border-radius:16px;padding:22px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;min-height:180px;transition:all 0.2s ease}.module-hero-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.module-hero-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.module-hero-title{font-size:16px;font-weight:800;color:var(--text-main)}.module-hero-badge-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px}.mini-student-preview{background:#f8fafc;border-radius:10px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border-light)}.mini-student-avatar{width:32px;height:32px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:var(--brand-primary)}.mini-student-info{display:flex;flex-direction:column;line-height:1.2}.mini-student-name{font-size:12px;font-weight:700;color:var(--text-main)}.mini-student-class{font-size:10px;color:var(--text-muted)}.mini-pct-ring{font-size:11px;font-weight:800;color:var(--brand-primary);background:#eff6ff;padding:4px 8px;border-radius:8px}.mini-bar-chart{display:flex;align-items:flex-end;gap:5px;height:40px;padding-top:6px}.mini-bar-col{flex:1;background:#cbd5e1;border-radius:3px 3px 0 0;transition:all 0.2s ease}.mini-bar-col.active{background:var(--brand-primary)}.mini-metric-stat{font-size:22px;font-weight:800;color:var(--text-main);margin-bottom:2px}.mini-metric-sub{font-size:11px;font-weight:700;color:#16a34a;display:flex;align-items:center;gap:4px}.submodules-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.submodule-card{background:#ffffff;border:1px solid var(--border-light);border-radius:12px;padding:16px 10px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow-xs);transition:all 0.2s ease}.submodule-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.submodule-icon{width:36px;height:36px;border-radius:10px;background:#f8fafc;display:flex;align-items:center;justify-content:center;font-size:17px;color:var(--brand-primary)}.submodule-name{font-size:12px;font-weight:700;color:var(--text-main);line-height:1.2}.spotlight-section{padding:80px 0}.spotlight-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:50px;align-items:center}.spotlight-checklist{display:flex;flex-direction:column;gap:12px;margin:24px 0 32px 0}.spotlight-check-item{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--text-main)}.spotlight-check-item i{color:var(--brand-accent-green);font-size:18px}.spotlight-link-cta{font-size:15px;font-weight:700;color:var(--brand-primary);display:inline-flex;align-items:center;gap:6px}.spotlight-link-cta:hover{gap:10px}.operational-dashboard-card{background:#ffffff;border:1px solid var(--border-light);border-radius:18px;padding:24px;box-shadow:var(--shadow-lg)}.op-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.op-card-title{font-size:14px;font-weight:800;color:#0f172a}.op-range-toggle{display:inline-flex;align-items:center;gap:4px;background:#f1f5f9;padding:3px;border-radius:8px;border:1px solid #e2e8f0}.op-range-pill{font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:6px;color:#64748b;cursor:pointer;transition:all 0.2s ease;line-height:1.3;user-select:none}.op-range-pill.active{background:#1a56db;color:#ffffff;box-shadow:0 1px 3px rgba(26,86,219,0.25)}.op-range-pill:not(.active):hover{color:#0f172a;background:rgba(255,255,255,0.6)}.op-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.op-kpi-card{background:#f8fafc;padding:12px 14px;border-radius:12px;border:1px solid var(--border-light)}.op-kpi-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase}.op-kpi-val{font-size:17px;font-weight:800;color:var(--text-main)}.op-kpi-growth{font-size:9.5px;font-weight:700;color:#16a34a}.op-visuals-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;margin-bottom:18px}.op-visual-card{background:#ffffff;border:1px solid var(--border-light);border-radius:12px;padding:14px}.dept-bars-list{display:flex;flex-direction:column;gap:10px}.dept-bar-item{display:flex;flex-direction:column;gap:4px}.dept-bar-labels{display:flex;justify-content:space-between;font-size:11px;font-weight:600;color:var(--text-main)}.dept-progress-track{height:6px;background:#f1f5f9;border-radius:4px;overflow:hidden}.dept-progress-fill{height:100%;border-radius:4px;background:var(--brand-primary)}.roles-section{padding:80px 0;background:#f8fafc}.role-tabs-wrapper{position:relative;max-width:620px;margin:0 auto 36px auto}.role-tabs-bar{display:flex;align-items:center;justify-content:center;gap:8px;background:#e2e8f0;padding:4px;border-radius:30px;position:relative;box-shadow:inset 0 2px 4px rgba(0,0,0,0.05)}.role-tab-btn{padding:9px 22px;border-radius:24px;font-size:13.5px;font-weight:700;color:var(--text-body);transition:all 0.25s cubic-bezier(0.16,1,0.3,1);position:relative;z-index:1}.role-tab-btn:hover{color:var(--brand-primary)}.role-tab-btn.active{background:#ffffff;color:var(--brand-primary);box-shadow:0 4px 12px rgba(15,23,42,0.08)}.role-cycle-indicator{width:100%;height:3px;background:rgba(226,232,240,0.6);border-radius:4px;margin-top:10px;overflow:hidden;position:relative}.role-cycle-progress{height:100%;width:0%;background:linear-gradient(90deg,#1a56db,#60a5fa);border-radius:4px;transition:width 0.1s linear}.role-panel-card{background:#ffffff;border:1px solid var(--border-light);border-radius:20px;padding:36px;box-shadow:var(--shadow-md);display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;transition:opacity 0.35s cubic-bezier(0.16,1,0.3,1),transform 0.35s cubic-bezier(0.16,1,0.3,1)}.role-panel-card.fading{opacity:0.3;transform:translateY(8px)}.role-panel-content h3{font-size:26px;font-weight:800;color:var(--text-main);margin-bottom:12px}.role-panel-content p{font-size:15px;color:var(--text-body);margin-bottom:24px}.role-panel-preview-img{background:#f1f5f9;border-radius:14px;border:1px solid var(--border-light);padding:16px;box-shadow:var(--shadow-sm);transition:transform 0.3s ease}.role-panel-card:hover .role-panel-preview-img{transform:scale(1.02)}.role-preview-inner-box{background:#ffffff;border-radius:10px;border:1px solid #e2e8f0;padding:16px}.role-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.role-badge-tag{background:#eff6ff;color:#1a56db;font-size:11px;padding:5px 10px;border-radius:6px;font-weight:700}.role-session-text{font-size:11px;color:#64748b}.role-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.role-stat-box{background:#f8fafc;padding:12px;border-radius:8px;border:1px solid #e2e8f0}.role-stat-lbl{font-size:10.5px;color:#64748b;margin-bottom:2px}.role-stat-num{font-size:18px;font-weight:800;color:#0f172a}.role-sandbox-badge{background:#f1f5f9;border-radius:8px;height:80px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:12px;font-weight:600}.automation-analytics-section{padding:80px 0}.dual-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.dual-feature-card{background:#ffffff;border:1px solid var(--border-light);border-radius:20px;padding:36px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between}.dual-feature-card h3{font-size:28px;font-weight:800;color:var(--text-main);margin:6px 0 10px 0}.workflow-pill-list{display:flex;flex-direction:column;gap:10px;margin:20px 0}.workflow-pill-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#f8fafc;border:1px solid var(--border-light);border-radius:10px;font-size:13.5px;font-weight:700;color:var(--text-main)}.workflow-pill-item i{color:var(--brand-primary);font-size:16px}.dark-trust-section{background:var(--bg-dark-banner);color:#ffffff;padding:70px 0}.dark-trust-grid{display:grid;grid-template-columns:1.2fr 2fr;gap:48px;align-items:center}.dark-trust-headline{font-family:var(--font-heading);font-size:36px;font-weight:800;line-height:1.2;letter-spacing:-0.02em}.dark-pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.dark-pillar-col h3,.dark-pillar-col h4{font-size:16px;font-weight:800;color:#ffffff;margin-bottom:8px;display:flex;align-items:center;gap:8px}.dark-pillar-col h3 i,.dark-pillar-col h4 i{color:#60a5fa;font-size:18px}.dark-pillar-col p{font-size:13.5px;color:#94a3b8;line-height:1.5}.faq-section{padding:80px 0}.faq-grid{display:grid;grid-template-columns:1fr 1.8fr;gap:48px}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background:#ffffff;border:1px solid var(--border-light);border-radius:12px;overflow:hidden;transition:all 0.2s ease}.faq-item.active{border-color:var(--brand-primary);box-shadow:var(--shadow-sm)}.faq-question{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;font-size:15.5px;font-weight:700;color:var(--text-main);cursor:pointer;user-select:none}.faq-question i{font-size:14px;color:var(--text-muted);transition:transform 0.2s ease}.faq-item.active .faq-question i{transform:rotate(180deg);color:var(--brand-primary)}.faq-answer{padding:0 22px 20px 22px;font-size:14.5px;color:var(--text-body);line-height:1.6;display:none}.faq-item.active .faq-answer{display:block}.mega-cta-section{padding:20px 0 80px 0}.mega-cta-card{background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 50%,#3b82f6 100%);color:#ffffff;border-radius:24px;padding:48px 54px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-xl);flex-wrap:wrap;gap:32px}.mega-cta-left{display:flex;align-items:center;gap:24px;max-width:680px}.mega-cta-icon-box{width:64px;height:64px;border-radius:18px;background:rgba(255,255,255,0.15);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;font-size:32px;color:#ffffff;flex-shrink:0}.mega-cta-left h2,.mega-cta-left h3{font-family:var(--font-heading);font-size:28px;font-weight:800;line-height:1.25;margin-bottom:6px}.mega-cta-left p{font-size:14.5px;color:#e0e7ff;line-height:1.5}.btn-white-solid{background:#ffffff;color:var(--brand-primary);font-size:15px;font-weight:700;padding:12px 28px;border-radius:30px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 14px rgba(0,0,0,0.15);transition:all 0.2s ease;white-space:nowrap}.btn-white-solid:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.2);color:var(--brand-primary-hover)}.site-footer{background:#09132b;color:#94a3b8;padding:70px 0 30px 0;border-top:1px solid #1e293b}.footer-top-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.4fr;gap:40px;margin-bottom:50px}.footer-col h3,.footer-col h4,.footer-col h5{font-size:14px;font-weight:700;color:#ffffff;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:16px}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links a{font-size:13.5px;color:#94a3b8;transition:color 0.2s ease}.footer-links a:hover{color:#ffffff}.footer-social-links{display:flex;align-items:center;gap:12px;margin-top:18px}.footer-social-btn{width:32px;height:32px;border-radius:50%;background:#1e293b;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all 0.2s ease}.footer-social-btn:hover{background:var(--brand-primary);color:#ffffff}.footer-subscribe-box{display:flex;align-items:center;background:#1e293b;border-radius:30px;padding:4px 6px 4px 14px;border:1px solid #334155}.footer-subscribe-box input{background:none;border:none;color:#ffffff;font-size:13px;outline:none;flex:1}.footer-subscribe-btn{background:var(--brand-primary);color:#ffffff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px}.footer-bottom-bar{border-top:1px solid #1e293b;padding-top:24px;display:flex;align-items:center;justify-content:space-between;font-size:12.5px;color:#64748b;flex-wrap:wrap;gap:12px}.modal-overlay{position:fixed;inset:0;z-index:2000;background:rgba(15,23,42,0.6);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:all 0.25s ease}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-card{background:#ffffff;border-radius:20px;max-width:500px;width:100%;padding:36px;box-shadow:var(--shadow-xl);position:relative;transform:translateY(20px);transition:transform 0.25s ease}.modal-overlay.active .modal-card{transform:translateY(0)}.modal-close-btn{position:absolute;top:20px;right:20px;font-size:24px;color:var(--text-muted);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:#f1f5f9;color:var(--text-main)}.modal-input{width:100%;padding:12px 14px;border:1px solid var(--border-light);border-radius:10px;font-size:14px;margin-bottom:12px;font-family:inherit;outline:none}.modal-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(26,86,219,0.15)}@media (max-width:1100px){.hero-grid{grid-template-columns:1fr;gap:40px}.hero-content{max-width:100%;text-align:center}.hero-cta-group{justify-content:center}.hero-trust-badge{justify-content:center}.modules-top-grid{grid-template-columns:repeat(2,1fr)}.submodules-grid{grid-template-columns:repeat(4,1fr)}.spotlight-grid{grid-template-columns:1fr}.role-panel-card{grid-template-columns:1fr}.dual-feature-grid{grid-template-columns:1fr}.dark-trust-grid{grid-template-columns:1fr}.dark-pillars-grid{grid-template-columns:repeat(3,1fr)}.footer-top-grid{grid-template-columns:1fr 1fr 1fr}}.reveal-init{opacity:0;transform:translateY(28px);transition:opacity 0.75s cubic-bezier(0.16,1,0.3,1),transform 0.75s cubic-bezier(0.16,1,0.3,1);will-change:opacity,transform}.reveal-init.revealed{opacity:1;transform:translateY(0)}.reveal-fade{opacity:0;transition:opacity 0.8s ease}.reveal-fade.revealed{opacity:1}.why-card,.module-hero-card,.submodule-card,.dual-feature-card,.dark-pillar-col,.op-kpi-card,.mock-chart-card{transition:transform 0.3s cubic-bezier(0.16,1,0.3,1),box-shadow 0.3s ease,border-color 0.3s ease}.why-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px -6px rgba(15,23,42,0.1);border-color:#cbd5e1}.module-hero-card:hover{transform:translateY(-5px);box-shadow:0 18px 36px -6px rgba(26,86,219,0.12);border-color:#bfdbfe}.submodule-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -4px rgba(15,23,42,0.08);border-color:#bfdbfe;background:#f8fafc}.submodule-card:hover .submodule-icon{transform:scale(1.15) rotate(4deg)}.submodule-icon{transition:transform 0.3s cubic-bezier(0.16,1,0.3,1)}.dual-feature-card:hover{transform:translateY(-5px);box-shadow:0 18px 36px -6px rgba(15,23,42,0.08);border-color:#cbd5e1}.dark-pillar-col:hover{transform:translateY(-4px);background:rgba(255,255,255,0.05);border-radius:12px;padding:12px}@media (max-width:1100px){.hero-grid{grid-template-columns:1fr;gap:40px}.hero-content{max-width:100%;text-align:center}.hero-cta-group{justify-content:center}.hero-trust-badge{justify-content:center}.modules-top-grid{grid-template-columns:repeat(2,1fr)}.submodules-grid{grid-template-columns:repeat(4,1fr)}.spotlight-grid{grid-template-columns:1fr}.role-panel-card{grid-template-columns:1fr}.dual-feature-grid{grid-template-columns:1fr}.dark-trust-grid{grid-template-columns:1fr}.dark-pillars-grid{grid-template-columns:repeat(3,1fr)}.footer-top-grid{grid-template-columns:1fr 1fr 1fr}}@media (max-width:768px){.nav-menu{display:none}.mobile-toggle-btn{display:block}.nav-actions{gap:8px}.btn-primary-blue{padding:8px 15px;font-size:13.5px}.nav-link-signin{padding:6px 8px;font-size:13.5px}.theme-toggle-track{width:48px;height:26px}.theme-toggle-thumb{width:18px;height:18px}html[data-theme="dark"] .theme-toggle-thumb,.theme-toggle-btn.is-dark .theme-toggle-thumb{transform:translateX(20px)}.hero-headline{font-size:38px}.hero-mockup-card{grid-template-columns:1fr;height:auto}.mock-sidebar{display:none}.floating-chip{padding:8px 10px}.chip-top-right{top:-12px;right:-10px;transform:scale(0.9)}.chip-bottom-left{bottom:-16px;left:-10px;transform:scale(0.9)}.chip-left-badge{display:none}.why-cards-grid{grid-template-columns:1fr}.modules-top-grid{grid-template-columns:1fr}.submodules-grid{grid-template-columns:repeat(2,1fr)}.faq-grid{grid-template-columns:1fr}.dark-pillars-grid{grid-template-columns:1fr}.footer-top-grid{grid-template-columns:1fr}.mega-cta-card{padding:32px 24px}}html[data-theme="dark"],html[data-theme="dark"] body,body[data-theme="dark"]{background-color:#070b14 !important;color:#f8fafc !important}html[data-theme="dark"] .site-navbar,body[data-theme="dark"] .site-navbar{background:rgba(7,11,20,0.92) !important;border-bottom:1px solid rgba(255,255,255,0.08) !important;box-shadow:0 4px 24px rgba(0,0,0,0.55) !important}html[data-theme="dark"] .brand-logo-text,body[data-theme="dark"] .brand-logo-text{color:#ffffff !important}html[data-theme="dark"] .brand-logo-badge,body[data-theme="dark"] .brand-logo-badge{background:rgba(59,130,246,0.18) !important;color:#60a5fa !important;border-color:rgba(59,130,246,0.35) !important}html[data-theme="dark"] .nav-link,body[data-theme="dark"] .nav-link{color:#cbd5e1 !important}html[data-theme="dark"] .nav-link:hover,body[data-theme="dark"] .nav-link:hover{color:#38bdf8 !important}html[data-theme="dark"] .nav-link-signin,body[data-theme="dark"] .nav-link-signin{color:#cbd5e1 !important}html[data-theme="dark"] .nav-link-signin:hover,body[data-theme="dark"] .nav-link-signin:hover{color:#38bdf8 !important}html[data-theme="dark"] .btn-outline-white,body[data-theme="dark"] .btn-outline-white{background:rgba(255,255,255,0.06) !important;color:#f8fafc !important;border-color:rgba(255,255,255,0.15) !important}html[data-theme="dark"] .btn-outline-white:hover,body[data-theme="dark"] .btn-outline-white:hover{background:rgba(255,255,255,0.12) !important;border-color:rgba(255,255,255,0.28) !important;color:#ffffff !important}html[data-theme="dark"] .mobile-toggle-btn,body[data-theme="dark"] .mobile-toggle-btn{color:#f8fafc !important}html[data-theme="dark"] .hero-section,body[data-theme="dark"] .hero-section{background:radial-gradient(ellipse at 50% -10%,rgba(30,58,138,0.3),transparent 70%),radial-gradient(ellipse at 85% 40%,rgba(124,58,237,0.2),transparent 60%),radial-gradient(ellipse at 15% 60%,rgba(6,182,212,0.18),transparent 60%),#070b14 !important}html[data-theme="dark"] .pill-tag,body[data-theme="dark"] .pill-tag{background:rgba(59,130,246,0.15) !important;color:#60a5fa !important;border-color:rgba(59,130,246,0.35) !important}html[data-theme="dark"] .hero-headline,body[data-theme="dark"] .hero-headline{color:#ffffff !important}html[data-theme="dark"] .hero-subtitle,body[data-theme="dark"] .hero-subtitle{color:#94a3b8 !important}html[data-theme="dark"] .hero-trust-badge,body[data-theme="dark"] .hero-trust-badge{color:#cbd5e1 !important}html[data-theme="dark"] .floating-chip,body[data-theme="dark"] .floating-chip{background:rgba(15,23,42,0.94) !important;backdrop-filter:blur(14px) !important;border:1px solid rgba(255,255,255,0.12) !important;box-shadow:0 14px 34px -6px rgba(0,0,0,0.6) !important}html[data-theme="dark"] .chip-title,body[data-theme="dark"] .chip-title{color:#f8fafc !important}html[data-theme="dark"] .chip-sub,body[data-theme="dark"] .chip-sub{color:#94a3b8 !important}html[data-theme="dark"] .hero-mockup-card,body[data-theme="dark"] .hero-mockup-card{background:#0b1120 !important;border:1px solid rgba(255,255,255,0.1) !important;box-shadow:0 30px 80px rgba(0,0,0,0.85),0 0 35px rgba(56,189,248,0.12) !important}html[data-theme="dark"] .mock-sidebar,body[data-theme="dark"] .mock-sidebar{background:#050914 !important;border-right:1px solid rgba(255,255,255,0.08) !important}html[data-theme="dark"] .mock-nav-item,body[data-theme="dark"] .mock-nav-item{color:#94a3b8 !important}html[data-theme="dark"] .mock-nav-item:hover,body[data-theme="dark"] .mock-nav-item:hover{background:rgba(255,255,255,0.06) !important;color:#ffffff !important}html[data-theme="dark"] .mock-nav-item.active,body[data-theme="dark"] .mock-nav-item.active{background:#1a56db !important;color:#ffffff !important}html[data-theme="dark"] .mock-main,body[data-theme="dark"] .mock-main{background:#080d1a !important}html[data-theme="dark"] .mock-topbar,body[data-theme="dark"] .mock-topbar{background:#0b1120 !important;border-bottom:1px solid rgba(255,255,255,0.08) !important}html[data-theme="dark"] .mock-search-box,body[data-theme="dark"] .mock-search-box{background:#0f172a !important;color:#94a3b8 !important;border:1px solid rgba(255,255,255,0.06) !important}html[data-theme="dark"] .mock-user-pill,body[data-theme="dark"] .mock-user-pill{color:#f8fafc !important}html[data-theme="dark"] .mock-header-row h3,html[data-theme="dark"] .mock-header-row .mock-header-title,body[data-theme="dark"] .mock-header-row h3,body[data-theme="dark"] .mock-header-row .mock-header-title{color:#f8fafc !important}html[data-theme="dark"] .mock-date-tag,body[data-theme="dark"] .mock-date-tag{background:#0f172a !important;border:1px solid rgba(255,255,255,0.08) !important;color:#94a3b8 !important}html[data-theme="dark"] .mock-metric-card,body[data-theme="dark"] .mock-metric-card{background:#0f172a !important;border:1px solid rgba(255,255,255,0.08) !important}html[data-theme="dark"] .mock-metric-label,body[data-theme="dark"] .mock-metric-label{color:#94a3b8 !important}html[data-theme="dark"] .mock-metric-value,body[data-theme="dark"] .mock-metric-value{color:#f8fafc !important}html[data-theme="dark"] .mock-chart-card,body[data-theme="dark"] .mock-chart-card{background:#0f172a !important;border:1px solid rgba(255,255,255,0.08) !important}html[data-theme="dark"] .mock-card-title,body[data-theme="dark"] .mock-card-title{color:#f8fafc !important}html[data-theme="dark"] .mock-alert-item,body[data-theme="dark"] .mock-alert-item{background:#111a2e !important;color:#cbd5e1 !important}html[data-theme="dark"] .donut-legend,body[data-theme="dark"] .donut-legend{color:#cbd5e1 !important}html[data-theme="dark"] .donut-center-text span,body[data-theme="dark"] .donut-center-text span{color:#f8fafc !important}html[data-theme="dark"] .mock-activity-left,body[data-theme="dark"] .mock-activity-left{color:#f8fafc !important}html[data-theme="dark"] .mock-activity-item,body[data-theme="dark"] .mock-activity-item{border-bottom:1px dashed rgba(255,255,255,0.08) !important}html[data-theme="dark"] .motion-marquee-section,body[data-theme="dark"] .motion-marquee-section{background:#090d18 !important;border-top:1px solid rgba(255,255,255,0.08) !important;border-bottom:1px solid rgba(255,255,255,0.08) !important}html[data-theme="dark"] .motion-marquee-section::before,body[data-theme="dark"] .motion-marquee-section::before{background:linear-gradient(90deg,#090d18 0%,rgba(9,13,24,0) 100%) !important}html[data-theme="dark"] .motion-marquee-section::after,body[data-theme="dark"] .motion-marquee-section::after{background:linear-gradient(270deg,#090d18 0%,rgba(9,13,24,0) 100%) !important}html[data-theme="dark"] .marquee-pill,body[data-theme="dark"] .marquee-pill{background:#0f172a !important;border:1px solid rgba(255,255,255,0.08) !important;color:#cbd5e1 !important}html[data-theme="dark"] .marquee-pill:hover,body[data-theme="dark"] .marquee-pill:hover{background:#111e3b !important;border-color:#38bdf8 !important;color:#38bdf8 !important;box-shadow:0 4px 14px rgba(56,189,248,0.25) !important}html[data-theme="dark"] .category-strip-card,body[data-theme="dark"] .category-strip-card{background:#0d1527 !important;border:1px solid rgba(255,255,255,0.08) !important;box-shadow:0 4px 20px rgba(0,0,0,0.4) !important}html[data-theme="dark"] .category-pill-btn,body[data-theme="dark"] .category-pill-btn{background:#0f172a !important;border:1px solid rgba(255,255,255,0.08) !important;color:#f8fafc !important}html[data-theme="dark"] .category-pill-btn:hover,body[data-theme="dark"] .category-pill-btn:hover{background:#1e293b !important;border-color:#38bdf8 !important;box-shadow:0 4px 14px rgba(0,0,0,0.4) !important}html[data-theme="dark"] .category-strip-tagline,body[data-theme="dark"] .category-strip-tagline{color:#94a3b8 !important}html[data-theme="dark"] .why-section,body[data-theme="dark"] .why-section{background:#070b14 !important}html[data-theme="dark"] .section-title,body[data-theme="dark"] .section-title{color:#ffffff !important}html[data-theme="dark"] .section-desc,body[data-theme="dark"] .section-desc{color:#94a3b8 !important}html[data-theme="dark"] .why-card,body[data-theme="dark"] .why-card{background:#0d1527 !important;border:1px solid rgba(255,255,255,0.08) !important;box-shadow:0 4px 16px rgba(0,0,0,0.4) !important}html[data-theme="dark"] .why-card:hover,body[data-theme="dark"] .why-card:hover{border-color:rgba(56,189,248,0.4) !important;box-shadow:0 16px 36px rgba(0,0,0,0.6),0 0 25px rgba(56,189,248,0.12) !important}html[data-theme="dark"] .why-card h4,body[data-theme="dark"] .why-card h4{color:#ffffff !important}html[data-theme="dark"] .why-card p,body[data-theme="dark"] .why-card p{color:#94a3b8 !important}html[data-theme="dark"] .modules-section,body[data-theme="dark"] .modules-section{background:#090d18 !important}html[data-theme="dark"] .module-hero-card,body[data-theme="dark"] .module-hero-card{background:#0d1527 !important;border:1px solid rgba(255,255,255,0.08) !important;box-shadow:0 4px 16px rgba(0,0,0,0.4) !important}html[data-theme="dark"] .module-hero-card:hover,body[data-theme="dark"] .module-hero-card:hover{border-color:rgba(56,189,248,0.4) !important;box-shadow:0 12px 30px rgba(0,0,0,0.6) !important}html[data-theme="dark"] .module-hero-title,body[data-theme="dark"] .module-hero-title{color:#ffffff !important}html[data-theme="dark"] .mini-student-preview,body[data-theme="dark"] .mini-student-preview{background:#070d1a !important;border:1px solid rgba(255,255,255,0.08) !important}html[data-theme="dark"] .mini-student-name,body[data-theme="dark"] .mini-student-name{color:#f8fafc !important}html[data-theme="dark"] .mini-metric-stat,body[data-theme="dark"] .mini-metric-stat{color:#f8fafc !important}html[data-theme="dark"] .submodule-card,body[data-theme="dark"] .submodule-card{background:#0d1527 !important;border:1px solid rgba(255,255,255,0.08) !important}html[data-theme="dark"] .submodule-card:hover,body[data-theme="dark"] .submodule-card:hover{background:#111e3b !important;border-color:rgba(56,189,248,0.4) !important;box-shadow:0 8px 24px rgba(0,0,0,0.5) !important}html[data-theme="dark"] .submodule-icon,body[data-theme="dark"] .submodule-icon{background:#070d1a !important;color:#38bdf8 !important}html[data-theme="dark"] .submodule-name,body[data-theme="dark"] .submodule-name{color:#cbd5e1 !important}html[data-theme="dark"] .spotlight-section,body[data-theme="dark"] .spotlight-section{background:#070b14 !important}html[data-theme="dark"] .spotlight-check-item,body[data-theme="dark"] .spotlight-check-item{color:#cbd5e1 !important}html[data-theme="dark"] .operational-dashboard-card,body[data-theme="dark"] .operational-dashboard-card{background:#0d1527 !important;border:1px solid rgba(255,255,255,0.08) !important;box-shadow:0 16px 40px rgba(0,0,0,0.6) !important}html[data-theme="dark"] .op-card-title,body[data-theme="dark"] .op-card-title{color:#f8fafc !important}html[data-theme="dark"] .op-range-toggle,body[data-theme="dark"] .op-range-toggle{background:#070d1a !important;border:1px solid rgba(255,255,255,0.08) !important}html[data-theme="dark"] .op-range-pill,body[data-theme="dark"] .op-range-pill{color:#94a3b8 !important}html[data-theme="dark"] .op-range-pill.active,body[data-theme="dark"] .op-range-pill.active{background:#1a56db !important;color:#ffffff !important;box-shadow:0 2px 8px rgba(26,86,219,0.45) !important}html[data-theme="dark"] .op-range-pill:not(.active):hover,body[data-theme="dark"] .op-range-pill:not(.active):hover{color:#f8fafc !important;background:rgba(255,255,255,0.08) !important}html[data-theme="dark"] .op-kpi-card,body[data-theme="dark"] .op-kpi-card{background:#070d1a !important;border:1px solid rgba(255,255,255,0.08) !important}html[data-theme="dark"] .op-kpi-label,body[data-theme="dark"] .op-kpi-label{color:#94a3b8 !important}html[data-theme="dark"] .op-kpi-val,body[data-theme="dark"] .op-kpi-val{color:#f8fafc !important}html[data-theme="dark"] .op-visual-card,body[data-theme="dark"] .op-visual-card{background:#070d1a !important;border:1px solid rgba(255,255,255,0.08) !important}html[data-theme="dark"] .dept-bar-labels,body[data-theme="dark"] .dept-bar-labels{color:#cbd5e1 !important}html[data-theme="dark"] .dept-progress-track,body[data-theme="dark"] .dept-progress-track{background:#1e293b !important}html[data-theme="dark"] .roles-section,body[data-theme="dark"] .roles-section{background:#090d18 !important}html[data-theme="dark"] .role-tabs-bar,body[data-theme="dark"] .role-tabs-bar{background:#070b14 !important;border:1px solid rgba(255,255,255,0.08) !important}html[data-theme="dark"] .role-tab-btn,body[data-theme="dark"] .role-tab-btn{color:#94a3b8 !important}html[data-theme="dark"] .role-tab-btn:hover,body[data-theme="dark"] .role-tab-btn:hover{color:#ffffff !important}html[data-theme="dark"] .role-tab-btn.active,body[data-theme="dark"] .role-tab-btn.active{background:#1e293b !important;color:#38bdf8 !important;box-shadow:0 4px 14px rgba(0,0,0,0.4) !important}html[data-theme="dark"] .role-panel-card,body[data-theme="dark"] .role-panel-card{background:#0d1527 !important;border:1px solid rgba(255,255,255,0.08) !important;box-shadow:0 16px 40px rgba(0,0,0,0.5) !important}html[data-theme="dark"] .role-panel-content h3,body[data-theme="dark"] .role-panel-content h3{color:#ffffff !important}html[data-theme="dark"] .role-panel-content p,body[data-theme="dark"] .role-panel-content p{color:#94a3b8 !important}html[data-theme="dark"] .role-panel-preview-img,body[data-theme="dark"] .role-panel-preview-img{background:#070d1a !important;border:1px solid rgba(255,255,255,0.08) !important}html[data-theme="dark"] .role-preview-inner-box,body[data-theme="dark"] .role-preview-inner-box{background:#0b1120 !important;border-color:rgba(255,255,255,0.08) !important}html[data-theme="dark"] .role-stat-box,body[data-theme="dark"] .role-stat-box{background:#070d1a !important;border:1px solid rgba(255,255,255,0.08) !important}html[data-theme="dark"] .role-stat-lbl,body[data-theme="dark"] .role-stat-lbl{color:#94a3b8 !important}html[data-theme="dark"] .role-stat-num,body[data-theme="dark"] .role-stat-num{color:#f8fafc !important}html[data-theme="dark"] .role-sandbox-badge,body[data-theme="dark"] .role-sandbox-badge{background:#070d1a !important;border:1px solid rgba(255,255,255,0.06) !important;color:#94a3b8 !important}html[data-theme="dark"] .automation-analytics-section,body[data-theme="dark"] .automation-analytics-section{background:#070b14 !important}html[data-theme="dark"] .dual-feature-card,body[data-theme="dark"] .dual-feature-card{background:#0d1527 !important;border:1px solid rgba(255,255,255,0.08) !important;box-shadow:0 10px 30px rgba(0,0,0,0.4) !important}html[data-theme="dark"] .dual-feature-card h3,body[data-theme="dark"] .dual-feature-card h3{color:#ffffff !important}html[data-theme="dark"] .workflow-pill-item,body[data-theme="dark"] .workflow-pill-item{background:#070d1a !important;border:1px solid rgba(255,255,255,0.08) !important;color:#cbd5e1 !important}html[data-theme="dark"] .faq-section,body[data-theme="dark"] .faq-section{background:#070b14 !important}html[data-theme="dark"] .faq-item,body[data-theme="dark"] .faq-item{background:#0d1527 !important;border:1px solid rgba(255,255,255,0.08) !important}html[data-theme="dark"] .faq-item.active,body[data-theme="dark"] .faq-item.active{border-color:rgba(56,189,248,0.4) !important;box-shadow:0 8px 24px rgba(0,0,0,0.4) !important}html[data-theme="dark"] .faq-question,body[data-theme="dark"] .faq-question{color:#ffffff !important}html[data-theme="dark"] .faq-answer,body[data-theme="dark"] .faq-answer{color:#cbd5e1 !important}html[data-theme="dark"] .modal-overlay,body[data-theme="dark"] .modal-overlay{background:rgba(0,0,0,0.85) !important}html[data-theme="dark"] .modal-card,body[data-theme="dark"] .modal-card{background:#0d1527 !important;border:1px solid rgba(255,255,255,0.12) !important;box-shadow:0 25px 60px rgba(0,0,0,0.85) !important}html[data-theme="dark"] .modal-title-text,body[data-theme="dark"] .modal-title-text{color:#ffffff !important}html[data-theme="dark"] .modal-subtitle-text,body[data-theme="dark"] .modal-subtitle-text{color:#94a3b8 !important}html[data-theme="dark"] .modal-close-btn,body[data-theme="dark"] .modal-close-btn{color:#94a3b8 !important}html[data-theme="dark"] .modal-close-btn:hover,body[data-theme="dark"] .modal-close-btn:hover{color:#ffffff !important}html[data-theme="dark"] .modal-input,body[data-theme="dark"] .modal-input{background:#070b14 !important;border:1px solid rgba(255,255,255,0.12) !important;color:#f8fafc !important}html[data-theme="dark"] .modal-input:focus,body[data-theme="dark"] .modal-input:focus{border-color:#38bdf8 !important;box-shadow:0 0 0 3px rgba(56,189,248,0.25) !important;background:#090f1d !important;color:#ffffff !important}html[data-theme="dark"] .modal-input option,body[data-theme="dark"] .modal-input option{background:#0d1527 !important;color:#f8fafc !important}html[data-theme="dark"] .nav-menu.mobile-open,body[data-theme="dark"] .nav-menu.mobile-open{background:#070b14 !important;border-bottom-color:rgba(255,255,255,0.1) !important}