.homepage-container{--bg-color:#0d0d0d;--text-primary:#fff;--text-secondary:#888;--cyan:#00f0ff;--red:#ef4444;--blue:#3b82f6;--yellow:#eab308;--glass-border:#ffffff1a;--glass-bg:#0006;--amber-gold:#ffbf00;background-color:var(--bg-color);color:var(--text-primary);width:100%;min-height:100vh;margin:0;padding:0;font-family:Inter,sans-serif;position:relative;overflow-x:hidden}.homepage-container .bg-layer{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.homepage-container .scanlines{opacity:.15;background:linear-gradient(#fff0,#fff0 50%,#0003 50%,#0003) 0 0/100% 4px;position:absolute;inset:0}.homepage-container .grid-overlay{background-image:linear-gradient(var(--glass-border)1px,transparent 1px),linear-gradient(90deg,var(--glass-border)1px,transparent 1px);opacity:.1;background-position:50%;background-size:40px 40px;position:absolute;inset:0}.homepage-container .terminal-header{z-index:100;pointer-events:none;justify-content:space-between;align-items:flex-start;padding:24px 32px;display:flex;position:fixed;top:0;left:0;right:0}.homepage-container .header-content{pointer-events:auto}.homepage-container .brand-label{color:var(--text-secondary);letter-spacing:2px;margin-bottom:4px;font-family:Space Mono,monospace;font-size:12px}.homepage-container .main-heading{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:700;line-height:1.2}.homepage-container .system-status{text-align:right;pointer-events:auto}.homepage-container .status-label{color:#666;text-transform:uppercase;letter-spacing:2px;font-family:Space Mono,monospace;font-size:10px}.homepage-container .status-value{color:var(--cyan);font-family:Space Mono,monospace;font-size:14px;font-weight:700}.homepage-container .status-value.alert{color:var(--red);animation:1s infinite pulse}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.homepage-container .hero-section{z-index:10;background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:flex-start;min-height:100vh;padding:100px 60px 60px;transition:background-image 1s;display:flex;position:relative}.homepage-container .hero-section:before{content:"";z-index:15;pointer-events:none;background:linear-gradient(90deg,#000000f2 0%,#000c 25%,#0006 50%,#0000 100%);position:absolute;inset:0}.homepage-container .hero-section.spacex-bg{background-image:url(/hero-spacex.png)}.homepage-container .hero-section.default-bg{background-image:none}.homepage-container .hero-section.ai-bg{background-image:url(/hero-ai.png)}.homepage-container .hero-section.exit-bg{background-image:url(/hero-exit.png)}.homepage-container .hero-section.logic-bg{background-image:url(/hero-logic.png)}.homepage-container .hero-copy{text-align:left;max-width:800px;margin-bottom:40px;padding-left:20px;position:relative}.homepage-container .hero-h1{text-transform:uppercase;letter-spacing:-1px;margin-bottom:16px;font-size:48px;font-weight:800}.homepage-container .hero-h2{color:var(--text-secondary);max-width:600px;margin:0;font-size:18px;font-weight:400;line-height:1.5}.homepage-container .hero-cta{flex-direction:column;align-items:center;width:100%;margin-top:40px;display:flex}.homepage-container .language-btn{color:#444;cursor:pointer;background:0 0;border:none;border-radius:2px;padding:2px 8px;font-family:Space Mono,monospace;font-size:.75rem;font-weight:700;transition:all .3s}.homepage-container .language-btn:hover{color:#fff}.homepage-container .language-btn.active{color:var(--cyan);text-shadow:0 0 8px #00f2ff66}.homepage-container .btn-terminal{border:1px solid var(--amber-gold);color:var(--amber-gold);letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:0 0;padding:16px 32px;font-family:Space Mono,monospace;font-size:14px;font-weight:700;transition:all .3s;animation:4s ease-in-out infinite breathing;position:relative;overflow:hidden}.homepage-container .btn-terminal:hover{background:#ffbf001a;animation:none;box-shadow:0 0 30px #ffbf004d}@keyframes breathing{0%{opacity:.9;border-color:#ffbf004d;box-shadow:0 0 5px #ffbf0033}50%{opacity:1;border-color:#ffbf00cc;box-shadow:0 0 25px #ffbf0080}to{opacity:.9;border-color:#ffbf004d;box-shadow:0 0 5px #ffbf0033}}.homepage-container .slider-container{z-index:20;width:100%;max-width:900px;margin:40px auto;position:relative}.homepage-container .cards-wrapper{perspective:1000px;justify-content:center;gap:20px;display:flex}.homepage-container .scenario-card{background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;flex-direction:column;justify-content:space-between;width:280px;height:220px;padding:24px;transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex;position:relative}.homepage-container .scenario-card.active{z-index:10;border-color:#ffffff4d;transform:scale(1.05)translateZ(20px);box-shadow:0 20px 40px #00000080}.homepage-container .scenario-card:not(.active){opacity:.5;filter:blur(1px);transform:scale(.95)}.homepage-container .card-title{color:#fff;font-size:20px;font-weight:700;line-height:1.1}.homepage-container .card-subtitle{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-family:Space Mono,monospace;font-size:11px}.homepage-container .active-indicator{background-color:#333;border-radius:50%;width:8px;height:8px;transition:background-color .3s;position:absolute;top:16px;right:16px}.homepage-container .dashboard-panel{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;flex-direction:column;gap:20px;width:200px;padding:20px;display:flex;position:absolute;top:50%;right:40px;transform:translateY(-50%)}.homepage-container .metric-group{flex-direction:column;display:flex}.homepage-container .metric-header{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.homepage-container .metric-label{color:var(--text-secondary);font-family:Space Mono,monospace;font-size:10px}.homepage-container .metric-value{color:#fff;font-family:Space Mono,monospace;font-size:16px;font-weight:700}.homepage-container .progress-bar-bg{background:#333;border-radius:2px;width:100%;height:4px;overflow:hidden}.homepage-container .progress-bar-fill{height:100%;transition:width .3s ease-out}.homepage-container .feature-section{z-index:10;background:#0d0d0d;padding:80px 20px;position:relative}.homepage-container .grid-3-col{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}.homepage-container .feature-card{border:1px solid var(--glass-border);background:#ffffff08;border-radius:8px;padding:30px}.homepage-container .feature-icon{margin-bottom:16px;font-size:24px}.homepage-container .feature-title{color:#fff;margin-bottom:8px;font-size:18px;font-weight:700}.homepage-container .feature-desc{color:var(--text-secondary);font-size:14px;line-height:1.6}.homepage-container .diagnostic-section{background:#050505;border-top:1px solid #222;padding:60px 20px}.homepage-container .terminal-window{color:#0f0;background:#000;border:1px solid #333;border-radius:4px;max-width:600px;margin:0 auto;padding:20px;font-family:Space Mono,monospace;font-size:12px;box-shadow:0 0 20px #00ff001a}.homepage-container .terminal-line{margin-bottom:8px;display:block}.homepage-container .ticker-container{white-space:nowrap;z-index:50;background:#0d0d0d;border-top:1px solid #222;padding:12px 0;position:relative;overflow:hidden}.homepage-container .ticker-track{animation:20s linear infinite marquee;display:inline-block}.homepage-container .ticker-item{color:#666;letter-spacing:1px;margin:0 30px;font-family:Space Mono,monospace;font-size:10px;display:inline-block}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.homepage-container .main-footer{text-align:center;color:#444;background:#000;border-top:1px solid #222;padding:40px 20px;font-size:12px}@media (max-width:768px){.homepage-container .hero-h1{font-size:32px}.homepage-container .dashboard-panel{display:none}.homepage-container .grid-3-col{grid-template-columns:1fr}.homepage-container .cards-wrapper{flex-direction:column;align-items:center}.homepage-container .scenario-card{width:100%;max-width:320px;height:160px}}
.simulation-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;width:100vw;height:100vh;position:fixed;top:0;left:0}.simulation-panel{z-index:1001;background:#09090b;border-top:1px solid #ffffff1a;border-top-left-radius:16px;border-top-right-radius:16px;flex-direction:column;width:100%;height:95vh;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -10px 40px #00000080}.simulation-header{background:#09090bf2;border-bottom:1px solid #ffffff1a;border-top-left-radius:16px;border-top-right-radius:16px;flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:0 1.5rem;display:flex}.close-btn{color:#a1a1aa;cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1.5rem;line-height:1}.header-metrics{gap:1.5rem;display:flex}.mini-metric{flex-direction:column;align-items:flex-end;display:flex}.mini-metric .label{color:#71717a;letter-spacing:.1em;font-family:Space Mono,monospace;font-size:.65rem}.mini-metric .value{letter-spacing:.05em;font-family:Space Mono,monospace;font-size:1.1rem;font-weight:700;line-height:1}.simulation-body{flex-direction:column;flex:1;gap:2rem;padding:1.5rem;display:flex;overflow-y:auto}.status-banner{text-align:center;background:#ffffff08;border:1px solid;border-radius:8px;padding:1rem}.status-message{letter-spacing:.1em;justify-content:center;align-items:center;gap:.5rem;font-family:Space Mono,monospace;font-weight:700;display:flex}.status-icon{font-size:.8rem}.status-tooltip{color:#f59e0b;margin-top:.5rem;font-family:Space Mono,monospace;font-size:.75rem}.sliders-container{flex-direction:column;gap:2rem;display:flex}.slider-row{flex-direction:column;gap:.5rem;display:flex}.slider-label-group{justify-content:space-between;align-items:flex-end;display:flex}.slider-label{color:#fff;font-family:Space Mono,monospace;font-size:.9rem}.slider-val{color:#3b82f6;font-family:Space Mono,monospace;font-weight:700}.compact-slider{appearance:none;cursor:pointer;background:#27272a;border-radius:1px;outline:none;width:100%;height:2px}.compact-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#f59e0b;border:2px solid #fff;border-radius:50%;width:20px;height:20px;margin-top:0;box-shadow:0 0 10px #f59e0b80}.slider-semantic{color:#bcbcda;font-family:Space Mono,monospace;font-size:.7rem}.simulation-footer{background:#09090b;border-top:1px solid #ffffff1a;flex-shrink:0;padding:1.5rem}.full-width-btn{color:#fff;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;background:#2563eb;border:none;border-radius:4px;width:100%;padding:1rem;font-family:Space Mono,monospace;font-weight:700;transition:background .2s}.full-width-btn:hover{background:#3b82f6}.full-width-btn:disabled{opacity:.7;cursor:not-allowed}@media (min-width:768px){.simulation-panel{border-left:1px solid #ffffff1a;border-right:none;border-top-left-radius:0;border-top-right-radius:0;width:480px;height:100vh;inset:0 0 0 auto}.simulation-header{border-radius:0}}.axiom-list{flex-direction:column;gap:.75rem;display:flex}.axiom-item{align-items:flex-start;gap:.75rem;display:flex}.axiom-key{color:#f59e0b;min-width:1rem;font-family:Space Mono,monospace;font-weight:700}.axiom-desc{color:#d4d4d8;font-size:.85rem;line-height:1.4}.peek-mode{cursor:pointer;box-shadow:0 -5px 20px #0006}.peek-mode .simulation-body{opacity:.3;pointer-events:none;transition:opacity .3s}.peek-mode:hover .simulation-header{background:#ffffff1a;transition:background .2s}.panel-instruction{margin-bottom:2rem;animation:.5s ease-out fadeIn}.instruction-header{margin-bottom:1.5rem}.instruction-title{color:#fff;margin-bottom:.5rem;font-size:1.2rem;font-weight:700;line-height:1.3}.instruction-title .text-highlight{color:#f59e0b;display:inline-block;position:relative}.instruction-subtitle{color:#a1a1aa;font-size:.9rem;line-height:1.5}.instruction-axioms{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.axiom-label{text-transform:uppercase;letter-spacing:.1em;color:#3b82f6;margin-bottom:.5rem;font-family:Space Mono,monospace;font-size:.7rem}.axiom-text{color:#d4d4d8;font-size:.85rem;line-height:1.6}.axiom-text .text-white{color:#fff;font-weight:500}.instruction-prompt{color:#f59e0b;border-bottom:1px solid #ffffff1a;align-items:flex-start;gap:.5rem;padding-bottom:1rem;font-size:.9rem;font-style:italic;line-height:1.5;display:flex}.lightning-icon{font-style:normal}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}