:root{--bg-dark: #070a12;--bg-surface-1: #0d121f;--bg-surface-2: #131b2e;--bg-surface-3: #1c273e;--bg-surface-4: #253350;--glass-surface: rgba(13, 18, 31, .75);--glass-surface-hover: rgba(19, 27, 46, .9);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(16, 185, 129, .4);--glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .08);--glass-highlight-card: inset 0 1px 0 rgba(255, 255, 255, .12), inset 0 0 20px rgba(16, 185, 129, .02);--accent-primary: #10b981;--accent-primary-hover: #059669;--accent-primary-glow: rgba(16, 185, 129, .25);--accent-primary-subtle: rgba(16, 185, 129, .12);--accent-primary-border: rgba(16, 185, 129, .28);--accent-secondary: #06b6d4;--accent-secondary-glow: rgba(6, 182, 212, .25);--accent-secondary-subtle: rgba(6, 182, 212, .12);--accent-amber: #f59e0b;--accent-amber-subtle: rgba(245, 158, 11, .12);--accent-amber-border: rgba(245, 158, 11, .3);--accent-rose: #f43f5e;--accent-rose-subtle: rgba(244, 63, 94, .12);--accent-emerald: var(--accent-primary);--accent-emerald-glow: var(--accent-primary-glow);--accent-cyan: var(--accent-secondary);--accent-cyan-glow: var(--accent-secondary-glow);--accent-indigo: #818cf8;--accent-indigo-glow: rgba(129, 140, 248, .25);--accent-violet: #a855f7;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-dim: #475569;--text-terminal: #10b981;--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--space-2xs: .375rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1.25rem;--space-lg: 1.75rem;--space-xl: 2.75rem;--space-2xl: 5rem;--radius-xs: .25rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow-md: 0 8px 24px -4px rgba(0, 0, 0, .5);--shadow-card: 0 20px 40px -15px rgba(0, 0, 0, .75);--shadow-glow-emerald: 0 0 25px rgba(16, 185, 129, .2);--shadow-glow-cyan: 0 0 25px rgba(6, 182, 212, .2);--shadow-modal: 0 30px 60px -15px rgba(0, 0, 0, .9), 0 0 40px rgba(16, 185, 129, .15);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out-smooth: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.3, .64, 1);--ease-android-emphasized: cubic-bezier(.2, 0, 0, 1);--ease-android-decelerate: cubic-bezier(.05, .7, .1, 1);--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-normal: .25s cubic-bezier(.16, 1, .3, 1);--transition-slow: .4s cubic-bezier(.16, 1, .3, 1)}:root{color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:90px;font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@media(max-width:768px){html{scroll-padding-top:130px}}body{min-height:100dvh;overflow-x:hidden;position:relative;background-color:var(--bg-dark);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(16,185,129,.08),transparent 70%),radial-gradient(circle at 100% 40%,rgba(6,182,212,.04),transparent 50%);background-attachment:fixed}.skip-link{position:absolute;top:-100px;left:1.5rem;background:var(--accent-primary);color:#040812;font-weight:700;font-size:.875rem;padding:.6rem 1.2rem;border-radius:var(--radius-md);z-index:9999;text-decoration:none;transition:top var(--transition-fast);box-shadow:0 4px 20px #10b98180}.skip-link:focus{top:1rem;outline:2px solid #ffffff;outline-offset:2px}#cursor-glow{position:fixed;top:0;left:0;width:450px;height:450px;margin-top:-225px;margin-left:-225px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.08) 0%,rgba(6,182,212,.03) 40%,transparent 70%);pointer-events:none;z-index:1;transform:translateZ(0);transition:transform 60ms ease-out;mix-blend-mode:screen}@media(hover:none),(max-width:768px){#cursor-glow{display:none!important}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--text-primary);letter-spacing:-.025em;text-wrap:balance}p{text-wrap:pretty;line-height:1.65;color:var(--text-secondary)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-secondary)}.tabular-nums,[data-tabular]{font-variant-numeric:tabular-nums}button,input,textarea{font-family:inherit;cursor:pointer;border:none;background:none;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation}input[type=text]{font-size:16px}:focus-visible{outline:2px solid var(--accent-primary)!important;outline-offset:3px!important}.topo-node:focus-visible,.pillar-card:focus-visible,.project-card:focus-visible,.filter-btn:focus-visible,.nav-btn:focus-visible{border-radius:inherit!important}*{scrollbar-width:thin;scrollbar-color:var(--bg-surface-3) var(--bg-dark)}@media(prefers-contrast:more){*{scrollbar-color:var(--accent-primary) var(--bg-dark)}.pillar-card,.project-card,.pipeline-step,.topo-node{border-color:#ffffff4d!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--bg-surface-3);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 var(--space-lg);position:relative;z-index:2}@media(max-width:640px){.container{padding:0 1.15rem}}.section{padding:3rem 0;position:relative;z-index:2;content-visibility:auto;contain-intrinsic-size:0 650px}#hero,.hero-section{content-visibility:visible!important;padding-top:6.5rem;padding-bottom:2rem}@media(max-width:768px){.section{padding:1.75rem 0}#hero,.hero-section{padding-top:8rem!important;padding-bottom:1.5rem!important}}.section-header{text-align:left;max-width:760px;margin-bottom:2rem}@media(max-width:768px){.section-header{margin-bottom:1.25rem}}.section-tag{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:.775rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-primary);background:var(--accent-primary-subtle);padding:.3rem .8rem;border-radius:var(--radius-full);border:1px solid var(--accent-primary-border);margin-bottom:.85rem}.section-title{font-size:clamp(1.85rem,4vw,2.75rem);margin-bottom:.75rem;letter-spacing:-.03em;text-wrap:balance;color:var(--text-primary)}.section-description{color:var(--text-secondary);font-size:1.05rem;line-height:1.65;text-align:left;text-wrap:pretty;max-width:65ch}.ripple{position:absolute;border-radius:50%;background:#10b98140;transform:scale(0);animation:rippleEffect .4s var(--ease-out-expo);pointer-events:none}@keyframes rippleEffect{0%{transform:scale(0);opacity:.4}to{transform:scale(2.8);opacity:0}}.reveal-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .35s var(--ease-out-expo),transform .35s var(--ease-out-expo);will-change:opacity,transform}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}.fade-slide-in{animation:slideFadeUp .3s var(--ease-out-expo) forwards}@keyframes slideFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}#cursor-glow{display:none!important}.reveal-on-scroll{opacity:1!important;transform:none!important}}.site-header{position:fixed;top:0;left:0;width:100%;height:76px;z-index:100;background:var(--glass-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);transition:height var(--transition-fast),background var(--transition-fast);display:flex;align-items:center}.site-header.shrunk{height:64px;background:#070a12f0}.nav-wrapper{display:flex;align-items:center;justify-content:space-between;height:100%;width:100%;gap:1rem}.brand-logo{display:flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-weight:700;font-size:1.1rem;color:var(--text-primary);letter-spacing:-.02em;white-space:nowrap;flex-shrink:0;text-decoration:none}.brand-logo .dot{width:8px;height:8px;background-color:var(--accent-primary);border-radius:var(--radius-full);box-shadow:0 0 10px var(--accent-primary)}.brand-text-short{display:none}.nav-menu-container{position:relative;display:flex;align-items:center;background:#0d121fd9;border:1px solid var(--glass-border);padding:4px;border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.nav-menu{display:flex;align-items:center;gap:2px;list-style:none;position:relative;padding:0;margin:0}.nav-link{font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:color var(--transition-fast);padding:.4rem .95rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);position:relative;z-index:2;text-decoration:none;white-space:nowrap;min-height:36px}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:#fff}.nav-slider-indicator{position:absolute;bottom:4px;left:0;height:calc(100% - 8px);background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-full);transition:transform .25s var(--ease-out-expo),width .25s var(--ease-out-expo);z-index:1;pointer-events:none;width:0}.nav-btn{padding:.5rem 1.15rem;font-weight:600;font-size:.85rem;border-radius:var(--radius-full);background:var(--accent-primary);color:#040812!important;box-shadow:var(--shadow-glow-emerald);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);white-space:nowrap;min-height:38px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;text-decoration:none}.nav-btn:hover{background:#34d399;transform:translateY(-2px);box-shadow:0 0 25px #10b98173}.nav-btn:active{transform:translateY(0)}.btn-text-short{display:none}@media(max-width:768px){.site-header{height:auto;padding:.65rem 0}.site-header.shrunk{height:auto;padding:.5rem 0}.nav-wrapper{display:grid;grid-template-columns:1fr auto;grid-template-areas:"logo btn" "menu menu";row-gap:.5rem;align-items:center}.brand-logo{grid-area:logo}.nav-btn{grid-area:btn;padding:.35rem .85rem;font-size:.8rem;min-height:32px}.nav-menu-container{grid-area:menu;width:100%;justify-content:center}.nav-menu{width:100%;justify-content:space-around}.nav-link{font-size:.8rem;padding:.3rem .5rem;min-height:32px;flex:1;text-align:center}}@media(max-width:480px){.brand-text-full{display:none}.brand-text-short{display:inline}.btn-text-full{display:none}.btn-text-short{display:inline}}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-xl);align-items:start}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;gap:2rem}}.hero-telemetry-bar{display:inline-flex;align-items:center;gap:.75rem;background:var(--bg-surface-1);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight);border-radius:var(--radius-md);padding:.4rem .85rem;margin-bottom:1.25rem;font-family:var(--font-mono);font-size:.775rem;color:var(--text-secondary)}.telemetry-item{display:inline-flex;align-items:center;gap:.4rem}.telemetry-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-primary);box-shadow:0 0 8px var(--accent-primary)}.telemetry-divider{color:var(--text-dim)}.hero-title{font-size:clamp(2.35rem,4.8vw,3.6rem);letter-spacing:-.035em;margin-bottom:1.15rem;line-height:1.15;color:var(--text-primary)}.hero-title .title-accent{color:var(--accent-primary)}.hero-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1.85rem;line-height:1.7;max-width:62ch;text-align:left}.pillar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:600px){.pillar-grid{grid-template-columns:1fr}}.pillar-card{position:relative;background:var(--bg-surface-1);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight);padding:1.35rem;border-radius:var(--radius-lg);transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);overflow:hidden;text-align:left}.pillar-card:hover{border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-card),0 0 20px #10b9811a}.pillar-icon-box{width:40px;height:40px;border-radius:var(--radius-md);background:var(--accent-primary-subtle);border:1px solid var(--accent-primary-border);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;margin-bottom:.85rem;transition:transform var(--transition-fast)}.pillar-card:hover .pillar-icon-box{transform:scale(1.05)}.pillar-card h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--text-primary);letter-spacing:-.02em}.pillar-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.55;margin:0;text-align:left}.terminal-container{background:#050811;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow-card),inset 0 1px #ffffff14;border-radius:var(--radius-lg);overflow:hidden;font-family:var(--font-mono);font-size:.85rem}.terminal-header{background:#0d121f;padding:.5rem .85rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);gap:.5rem}.terminal-tabs{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}.terminal-tab{font-family:var(--font-mono);font-size:.775rem;color:var(--text-muted);background:transparent;border:1px solid transparent;padding:.35rem .65rem;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;transition:all var(--transition-fast)}.terminal-tab:hover{color:var(--text-primary);background:#ffffff0d}.terminal-tab.active{color:var(--accent-primary);background:#10b9811f;border-color:#10b98147}.terminal-actions{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.terminal-copy-btn{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.25rem .55rem;border-radius:var(--radius-xs);display:inline-flex;align-items:center;gap:.35rem;transition:all var(--transition-fast)}.terminal-copy-btn:hover{color:var(--accent-primary);border-color:var(--accent-primary-border)}.terminal-win-dots{display:flex;align-items:center;gap:5px}.win-dot{width:9px;height:9px;border-radius:50%;background:#fff3}.terminal-chips{padding:.6rem .85rem;background:#080c16;border-bottom:1px solid rgba(255,255,255,.05);display:flex;gap:.45rem;flex-wrap:wrap}.chip-btn{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:.25rem .6rem;border-radius:var(--radius-xs);transition:all var(--transition-fast);min-height:28px;display:inline-flex;align-items:center}.chip-btn:hover{color:var(--accent-primary);border-color:var(--accent-primary-border);background:var(--accent-primary-subtle);transform:translateY(-1px)}.terminal-body{padding:1.15rem;height:380px;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;background:radial-gradient(circle at top right,rgba(16,185,129,.03),transparent 60%);text-align:left}@media(max-width:640px){.terminal-body{height:300px;padding:.85rem}}.terminal-line{line-height:1.6;word-break:break-word;text-align:left;white-space:pre-wrap;font-family:var(--font-mono)}.terminal-prompt{color:var(--accent-primary);font-weight:600;flex-shrink:0}.term-emerald{color:var(--accent-primary)}.term-cyan{color:var(--accent-secondary)}.term-amber{color:var(--accent-amber)}.term-dim{color:var(--text-muted)}.term-bright{color:#fff}.terminal-input-row{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#070b14;border-top:1px solid rgba(255,255,255,.05);cursor:text}.terminal-input-wrapper{display:inline-flex;align-items:center;flex:1}.terminal-input{background:transparent!important;border:none!important;outline:none!important;color:var(--text-primary);font-family:var(--font-mono);font-size:15px;padding:0;margin:0;caret-color:transparent!important;width:1ch;min-width:1ch}.terminal-cursor{display:inline-block;width:8px;height:1.15em;background-color:var(--accent-primary);vertical-align:middle;margin-left:2px;animation:terminalBlink 1s step-end infinite;box-shadow:0 0 8px var(--accent-primary-glow)}@keyframes terminalBlink{0%,to{opacity:1}50%{opacity:0}}.topology-wrapper{background:var(--bg-surface-1);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight);border-radius:var(--radius-xl);padding:2rem;position:relative;overflow:hidden}@media(max-width:640px){.topology-wrapper{padding:1.25rem}}.topology-beam-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:#080c16;border:1px solid var(--glass-border);border-radius:var(--radius-md);margin-bottom:1.75rem;position:relative;overflow-x:auto;gap:.5rem}.beam-step{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem;white-space:nowrap}.beam-arrow{color:var(--accent-primary);font-weight:700}.topology-nodes-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:1.75rem}@media(max-width:1024px){.topology-nodes-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.topology-nodes-grid{grid-template-columns:repeat(2,1fr);gap:.65rem}}.topo-node{background:var(--bg-surface-2);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight);padding:1.25rem .85rem;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;min-height:145px}.topo-node:hover{border-color:var(--accent-primary-border);transform:translateY(-2px);background:var(--bg-surface-3)}.topo-node.active{border-color:var(--accent-primary)!important;background:var(--bg-surface-3)!important;box-shadow:0 0 25px #10b98133,inset 0 1px #ffffff26!important}.topo-icon-wrapper{height:42px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;color:var(--accent-primary)}.topo-icon-svg svg{stroke:var(--accent-primary)}.topo-name{font-size:.925rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.topo-sub{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono);margin-bottom:.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.topo-status-tag{font-family:var(--font-mono);font-size:.7rem;padding:.2rem .5rem;border-radius:var(--radius-full);margin-top:auto}.topo-status-tag.status-online,.topo-detail-badge.status-online{background:#10b98126;color:var(--accent-primary);border:1px solid rgba(16,185,129,.3)}.topo-status-tag.status-systemd,.topo-detail-badge.status-systemd{background:#06b6d426;color:var(--accent-secondary);border:1px solid rgba(6,182,212,.3)}.topo-status-tag.status-immutable,.topo-detail-badge.status-immutable{background:#f59e0b26;color:var(--accent-amber);border:1px solid rgba(245,158,11,.3)}.topo-status-tag.status-active,.topo-detail-badge.status-active{background:#818cf826;color:#818cf8;border:1px solid rgba(129,140,248,.3)}.topology-detail-card{background:#080c16;border:1px solid var(--glass-border);box-shadow:var(--glass-highlight);border-radius:var(--radius-lg);padding:1.65rem;text-align:left}.topo-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;flex-wrap:wrap;gap:1rem}.topo-detail-brand{display:flex;align-items:center;gap:.85rem}.topo-detail-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--accent-primary-subtle);border:1px solid var(--accent-primary-border);color:var(--accent-primary);display:flex;align-items:center;justify-content:center}.topo-detail-title{font-size:1.35rem;margin:0;letter-spacing:-.02em}.topo-detail-sub{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.topo-detail-badge{font-family:var(--font-mono);font-size:.8rem;padding:.35rem .85rem;border-radius:var(--radius-full)}.topo-detail-desc{font-size:1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem;text-align:left}.topo-specs-section{border-top:1px solid rgba(255,255,255,.08);padding-top:1.25rem;margin-bottom:1.5rem}.topo-specs-heading{font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-primary);margin-bottom:.85rem}.topo-specs-container{display:flex;flex-wrap:wrap;gap:.65rem}.topo-spec-badge{font-family:var(--font-mono);font-size:.8rem;background:var(--bg-surface-2);border:1px solid var(--glass-border);color:var(--text-secondary);padding:.35rem .75rem;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:.4rem}.topo-spec-badge svg{color:var(--accent-primary)}.topo-config-section{border-top:1px solid rgba(255,255,255,.08);padding-top:1.25rem}.topo-config-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem}.topo-config-title{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.topo-config-copy{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.25rem .55rem;border-radius:var(--radius-xs);display:inline-flex;align-items:center;gap:.35rem;transition:all var(--transition-fast)}.topo-config-copy:hover{color:var(--accent-primary);border-color:var(--accent-primary-border)}.topo-config-code{background:#050811;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:1rem;overflow-x:auto;font-family:var(--font-mono);font-size:.825rem;line-height:1.6;color:var(--text-secondary)}.projects-filter-bar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1.85rem}.filter-btn{padding:.5rem 1.15rem;border-radius:var(--radius-full);font-size:.85rem;font-weight:500;color:var(--text-secondary);background:var(--bg-surface-1);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight);transition:all var(--transition-fast);min-height:38px;display:inline-flex;align-items:center}.filter-btn:hover{color:var(--text-primary);border-color:#fff3}.filter-btn.active{color:#040812!important;background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:var(--shadow-glow-emerald);font-weight:600}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.5rem}@media(max-width:480px){.projects-grid{grid-template-columns:1fr}}.project-card{background:var(--bg-surface-1);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight);border-radius:var(--radius-xl);padding:1.75rem;display:flex;flex-direction:column;justify-content:space-between;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);text-align:left;cursor:pointer}.project-card.is-hidden{display:none!important}.project-card:hover{border-color:var(--glass-border-hover);transform:translateY(-3px);box-shadow:var(--shadow-card),0 0 25px #10b9811f}.project-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem;gap:.5rem}.project-category{font-family:var(--font-mono);font-size:.775rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-primary)}.project-deepdive-btn{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--accent-primary);background:var(--accent-primary-subtle);border:1px solid var(--accent-primary-border);padding:.25rem .65rem;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:.35rem;transition:all var(--transition-fast)}.project-card:hover .project-deepdive-btn{background:var(--accent-primary);color:#040812}.project-title{font-size:1.35rem;line-height:1.3;margin-bottom:.75rem;color:var(--text-primary)}.project-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.65;margin-bottom:1.25rem;text-align:left}.project-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.5rem}.tag-badge{font-family:var(--font-mono);font-size:.75rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);padding:.25rem .65rem;border-radius:var(--radius-xs)}.project-metrics-divider{border-top:1px solid rgba(255,255,255,.08);padding-top:1.15rem;margin-top:auto}.project-metrics-heading{font-family:var(--font-mono);font-size:.775rem;color:var(--accent-primary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:.45rem}.project-metrics-list{display:flex;flex-direction:column;gap:.5rem}.project-metric-item{font-size:.875rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.metric-icon{color:var(--accent-primary);display:flex;align-items:center}.project-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#04070ed9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:modalFadeIn .2s var(--ease-out-expo) forwards}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.project-modal-container{background:#090d18;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow-modal);border-radius:var(--radius-xl);max-width:840px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideUp .25s var(--ease-out-expo) forwards}@keyframes modalSlideUp{0%{transform:translateY(20px) scale(.98)}to{transform:translateY(0) scale(1)}}.project-modal-header{padding:1.5rem 1.75rem;background:#0e1424;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.project-modal-title{font-size:1.5rem;margin-top:.35rem;letter-spacing:-.02em}.modal-close-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.modal-close-btn:hover{background:#ffffff24;color:#fff}.project-modal-body{padding:1.75rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.75rem}.modal-section-title{font-family:var(--font-mono);font-size:.825rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-primary);margin-bottom:.75rem}.modal-text{font-size:1rem;color:var(--text-secondary);line-height:1.7}.modal-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media(max-width:640px){.modal-grid-two{grid-template-columns:1fr}}.modal-callout{padding:1.25rem;border-radius:var(--radius-lg)}.modal-callout.challenge{background:#f43f5e0f;border:1px solid rgba(244,63,94,.2)}.modal-callout.solution{background:#10b9810f;border:1px solid rgba(16,185,129,.2)}.modal-callout-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}.modal-callout-header h4{font-size:1rem;margin:0}.modal-callout p{font-size:.925rem;color:var(--text-secondary);line-height:1.6;margin:0}.modal-bullet-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.65rem}.modal-bullet-list li{display:flex;align-items:flex-start;gap:.65rem;font-size:.95rem;color:var(--text-secondary);line-height:1.6}.bullet-check{color:var(--accent-primary);font-weight:700}.modal-stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.modal-stack-group{background:var(--bg-surface-2);border:1px solid var(--glass-border);padding:1rem;border-radius:var(--radius-md)}.modal-stack-label{display:block;font-family:var(--font-mono);font-size:.775rem;color:var(--accent-primary);margin-bottom:.65rem}.modal-stack-pills{display:flex;flex-wrap:wrap;gap:.4rem}.modal-metrics-pills{display:flex;flex-wrap:wrap;gap:.75rem}.modal-metric-badge{background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:var(--accent-primary);padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem}.project-modal-footer{padding:1.25rem 1.75rem;background:#0e1424;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:flex-end}.modal-action-btn{padding:.6rem 1.4rem;border-radius:var(--radius-full);font-weight:600;font-size:.875rem;background:var(--accent-primary);color:#040812;transition:all var(--transition-fast)}.modal-action-btn:hover{background:#34d399}.philosophy-pipeline{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}@media(max-width:900px){.philosophy-pipeline{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.philosophy-pipeline{grid-template-columns:1fr}}.pipeline-step{background:var(--bg-surface-1);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight);border-radius:var(--radius-xl);padding:1.5rem;text-align:left;transition:all var(--transition-fast);display:flex;flex-direction:column}.pipeline-step:hover{border-color:var(--accent-primary-border);transform:translateY(-2px);box-shadow:var(--shadow-card),0 0 20px #10b9811a}.step-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.step-num{font-family:var(--font-mono);font-size:.9rem;font-weight:700;color:var(--accent-primary)}.step-phase{font-family:var(--font-mono);font-size:.725rem;text-transform:uppercase;letter-spacing:.08em;background:var(--accent-primary-subtle);color:var(--accent-primary);padding:.2rem .55rem;border-radius:var(--radius-xs);border:1px solid var(--accent-primary-border)}.step-title{font-size:1.2rem;margin-bottom:.5rem;letter-spacing:-.02em;color:var(--text-primary)}.step-desc{font-size:.925rem;color:var(--text-secondary);line-height:1.65;margin:0;text-align:left}.site-footer{border-top:1px solid var(--glass-border);padding:3rem 0 2.5rem;color:var(--text-muted);font-size:.875rem;line-height:1.7;text-align:center}.footer-sponsor-link{display:inline-block;margin-bottom:1rem;transition:transform var(--transition-fast);text-decoration:none}.footer-sponsor-img{width:240px;max-width:100%;height:auto;display:block;margin:0 auto;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.12);transition:border-color var(--transition-fast),transform var(--transition-fast)}.footer-sponsor-link:hover .footer-sponsor-img{border-color:var(--accent-primary-border);transform:translateY(-2px)}.site-footer p{margin:0 auto;max-width:780px;text-align:center;color:var(--text-secondary)}.site-footer a{color:var(--accent-primary);text-decoration:underline;text-underline-offset:3px}.site-footer a:hover{color:var(--accent-secondary)}