*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #3b82f6;--primary-light: #60a5fa;--accent: #06b6d4;--accent-glow: rgba(6, 182, 212, .3);--surface: #f1f5f9;--surface-light: #e2e8f0;--surface-lighter: #cbd5e1;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--border: rgba(0, 0, 0, .08);--gradient-hero: linear-gradient(135deg, #f8fafc 0%, #eef2ff 40%, #ede9fe 100%);--bg-body: #ffffff;--bg-section: #ffffff;--bg-section-alt: #f8fafc;--bg-footer: #f1f5f9;--bg-nav-scroll: rgba(255, 255, 255, .95);--bg-nav-border: rgba(0, 0, 0, .06);--bg-card: linear-gradient(135deg, rgba(255, 255, 255, .9), rgba(248, 250, 252, .95));--bg-card-subtle: linear-gradient(135deg, rgba(248, 250, 252, .7), rgba(241, 245, 249, .8));--bg-hover: rgba(0, 0, 0, .04);--bg-cta: linear-gradient(135deg, #eef2ff, #ede9fe);--bg-mobile-menu: rgba(255, 255, 255, .98);--text-body: #0f172a;--shadow-card: 0 4px 24px rgba(0, 0, 0, .06);--shadow-card-hover: 0 20px 60px rgba(0, 0, 0, .1);--gradient-text-colors: linear-gradient(135deg, #2563eb, #0891b2, #059669);--grid-overlay-color: rgba(0, 0, 0, .03);--orb-blue: rgba(59, 130, 246, .04);--orb-cyan: rgba(6, 182, 212, .03);--orb-purple: rgba(139, 92, 246, .03);--radial-blue: rgba(59, 130, 246, .04);--radial-cyan: rgba(6, 182, 212, .03);--layer-bar-hover-border: rgba(0, 0, 0, .08);--phase-dot-active-border: #1e293b;--cta-radial: rgba(59, 130, 246, .05);--video-bg: #f1f5f9}[data-theme=dark]{--surface: #111827;--surface-light: #1e293b;--surface-lighter: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border: rgba(148, 163, 184, .1);--gradient-hero: linear-gradient(135deg, #0a0e1a 0%, #0f172a 40%, #1e1b4b 100%);--bg-body: #0a0e1a;--bg-section: #0a0e1a;--bg-section-alt: #0d1117;--bg-footer: #080b14;--bg-nav-scroll: rgba(10, 14, 26, .92);--bg-nav-border: var(--border);--bg-card: linear-gradient(135deg, rgba(30, 41, 59, .6), rgba(17, 24, 39, .8));--bg-card-subtle: linear-gradient(135deg, rgba(30, 41, 59, .4), rgba(17, 24, 39, .6));--bg-hover: rgba(255, 255, 255, .08);--bg-cta: linear-gradient(135deg, #0f172a, #1e1b4b);--bg-mobile-menu: rgba(10, 14, 26, .98);--text-body: #e2e8f0;--shadow-card: none;--shadow-card-hover: 0 20px 60px rgba(0, 0, 0, .3);--gradient-text-colors: linear-gradient(135deg, #60a5fa, #06b6d4, #34d399);--grid-overlay-color: rgba(255, 255, 255, .03);--orb-blue: rgba(59, 130, 246, .08);--orb-cyan: rgba(6, 182, 212, .06);--orb-purple: rgba(139, 92, 246, .06);--radial-blue: rgba(59, 130, 246, .08);--radial-cyan: rgba(6, 182, 212, .06);--layer-bar-hover-border: rgba(255, 255, 255, .1);--phase-dot-active-border: white;--cta-radial: rgba(59, 130, 246, .1);--video-bg: #000}html{scroll-behavior:smooth}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #06b6d426}50%{box-shadow:0 0 40px #06b6d44d}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.95)}}.animate-in{opacity:0}.animate-in.visible{animation:fadeInUp .8s ease-out forwards}.animate-in-delay-1.visible{animation-delay:.15s}.animate-in-delay-2.visible{animation-delay:.3s}.animate-in-delay-3.visible{animation-delay:.45s}.animate-in-delay-4.visible{animation-delay:.6s}.animate-in-delay-5.visible{animation-delay:.75s}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;letter-spacing:.3px;padding:8px 16px;border-radius:8px;transition:all .3s ease;cursor:pointer;background:none;border:none;font-family:Outfit,sans-serif}.nav-link:hover{color:var(--accent);background:#06b6d414}.btn-primary{background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;border:none;padding:14px 32px;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;font-family:Outfit,sans-serif;letter-spacing:.3px;position:relative;overflow:hidden;text-decoration:none;display:inline-block}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#2563eb,#0891b2);opacity:0;transition:opacity .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #3b82f666}.btn-primary:hover:before{opacity:1}.btn-primary span{position:relative;z-index:1}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--surface-lighter);padding:14px 32px;border-radius:12px;font-weight:500;font-size:15px;cursor:pointer;transition:all .3s ease;font-family:Outfit,sans-serif;text-decoration:none;display:inline-block}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:#06b6d40d}.section{padding:120px 0;position:relative}.container{max-width:1200px;margin:0 auto;padding:0 24px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:36px;transition:all .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;box-shadow:var(--shadow-card)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.3),transparent);opacity:0;transition:opacity .4s ease}.card:hover{border-color:#06b6d44d;transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.card:hover:before{opacity:1}.gradient-text{background:var(--gradient-text-colors);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.workstream-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);padding:16px 20px;border-radius:14px;cursor:pointer;transition:all .35s ease;text-align:left;width:100%;font-family:Outfit,sans-serif;position:relative;overflow:hidden}.workstream-btn:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);transform:scaleY(0);transition:transform .3s ease}.workstream-btn:hover{border-color:var(--surface-lighter);background:var(--surface-light)}.workstream-btn.active{border-color:var(--accent);background:#06b6d414;color:var(--text-primary)}.workstream-btn.active:after{transform:scaleY(1)}.phase-dot{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative;z-index:2}.phase-dot:hover{transform:scale(1.15)}.phase-dot.active{border-color:var(--phase-dot-active-border);animation:pulseGlow 2s infinite}.stat-card{text-align:center;padding:24px}.layer-bar{padding:16px 24px;border-radius:12px;margin-bottom:8px;transition:all .3s ease;cursor:default;border:1px solid transparent}.layer-bar:hover{transform:scale(1.01);border-color:var(--layer-bar-hover-border)}.tab-bar{position:sticky;top:72px;z-index:900;background:var(--bg-body);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;justify-content:center;gap:0;padding:0 24px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.tab-btn{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:14px;font-weight:500;padding:16px 24px;cursor:pointer;transition:all .25s ease;white-space:nowrap;letter-spacing:.3px}.tab-btn:hover{color:var(--accent);background:#06b6d40d}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.orb{position:absolute;border-radius:50%;filter:blur(80px);animation:floatOrb 20s ease-in-out infinite;pointer-events:none}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);font-size:24px;cursor:pointer;padding:8px}.theme-toggle{background:none;border:1px solid var(--border);color:var(--text-secondary);width:40px;height:40px;border-radius:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.theme-toggle:hover{border-color:var(--accent);color:var(--accent);background:#06b6d414}.mobile-theme-toggle{display:none}@media (max-width: 768px){.mobile-menu-btn{display:block}.mobile-theme-toggle{display:flex!important}.nav-links{display:none!important}.nav-links.mobile-open{display:flex!important;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--bg-mobile-menu);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:16px;border-bottom:1px solid var(--border)}.hero-grid,.workstream-layout{flex-direction:column!important}.capabilities-grid{grid-template-columns:1fr!important}.stats-row{flex-direction:column!important;gap:24px!important}.hero-title{font-size:36px!important}.section-title{font-size:32px!important}.phase-track{flex-direction:column!important}.phase-line{display:none!important}.architecture-inner{flex-direction:column!important}.tab-bar{justify-content:flex-start}.tab-btn{font-size:13px;padding:14px 16px}}