:root{--bg: #020408;--surface: #0a0f1a;--primary: #d4af37;--primary-rgb: 212, 175, 55;--secondary: #00f3ff;--accent: #ff0055;--text-main: #f0f4f8;--text-dim: #94a3b8;--glass: rgba(10, 15, 26, .6);--border: rgba(212, 175, 55, .15);--glow: rgba(212, 175, 55, .4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,sans-serif;background-color:var(--bg);color:var(--text-main);line-height:1.8;overflow-x:hidden;cursor:default}.mesh-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(at 0% 0%,rgba(212,175,55,.05) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(0,243,255,.05) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(255,0,85,.03) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(212,175,55,.05) 0px,transparent 50%);filter:blur(80px);opacity:.6;animation:meshMove 20s infinite alternate ease-in-out}@keyframes meshMove{0%{transform:scale(1)}to{transform:scale(1.1) translate(20px,-20px)}}#progress-bar{position:fixed;top:0;left:0;height:4px;background:linear-gradient(to right,var(--primary),var(--secondary));width:0%;z-index:1000;box-shadow:0 0 10px var(--secondary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}nav{position:fixed;top:0;width:100%;padding:1.5rem 3rem;display:flex;justify-content:space-between;align-items:center;z-index:900;background:linear-gradient(to bottom,var(--bg),transparent);backdrop-filter:blur(5px)}.nav-links{display:flex;gap:2.5rem}.nav-links a{color:var(--text-main);text-decoration:none;text-transform:uppercase;font-size:.75rem;letter-spacing:3px;font-weight:600;transition:.4s cubic-bezier(.165,.84,.44,1);position:relative}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:1px;background:var(--primary);transition:.4s}.nav-links a:hover{color:var(--primary)}.nav-links a:hover:after{width:100%}header{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background:radial-gradient(circle at 50% 50%,#0c1824 0%,var(--bg) 100%);overflow:hidden}.hero-bg-anim{position:absolute;width:100%;height:100%;opacity:.3;pointer-events:none}.hero-content{z-index:10;text-align:center;max-width:900px}.hero-tagline{font-family:Space Grotesk,sans-serif;font-weight:300;letter-spacing:12px;text-transform:uppercase;color:var(--primary);margin-bottom:2rem;opacity:0;transform:translateY(20px);animation:fadeInUp 1s forwards .5s}header h1{font-family:Playfair Display,serif;font-size:clamp(3.5rem,10vw,8rem);font-weight:900;line-height:.9;margin-bottom:2rem;color:#fff;opacity:0;transform:translateY(30px);animation:fadeInUp 1.2s forwards .8s}.hero-author{font-family:Playfair Display,serif;font-style:italic;font-size:1.5rem;color:var(--text-dim);opacity:0;animation:fadeIn 2s forwards 1.5s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}.dashboard-container{padding:6rem 2rem;background:linear-gradient(to bottom,var(--bg),#050a12)}.dashboard-grid{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr 380px;gap:2rem;min-height:850px}.simulation-viewport{background:#000;border-radius:32px;position:relative;overflow:hidden;border:1px solid var(--border);box-shadow:0 50px 100px -20px #000000b3}.simulation-viewport:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#0000001a 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 3px,3px 100%;pointer-events:none;z-index:5;animation:scanline 10s linear infinite}@keyframes scanline{0%{background-position:0 0}to{background-position:0 100%}}.crt-flicker{position:absolute;top:0;left:0;width:100%;height:100%;background:#12101008;opacity:0;z-index:6;pointer-events:none;animation:flicker .15s infinite}@keyframes flicker{0%{opacity:.1}50%{opacity:.02}to{opacity:.08}}#simulation-canvas{width:100%;height:100%;display:block;filter:contrast(1.1) brightness(1.2)}#onboarding-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#020408d9;z-index:200;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(8px);transition:.5s}.onboarding-card{max-width:500px;padding:3rem;background:var(--surface);border:1px solid var(--primary);border-radius:24px;text-align:center;box-shadow:0 0 50px #d4af3733}#agent-hud{position:absolute;bottom:2rem;right:2rem;width:300px;background:#0a0f1ae6;border:1px solid var(--primary);padding:1.5rem;border-radius:20px;display:none;z-index:100;pointer-events:none;backdrop-filter:blur(10px);box-shadow:0 0 30px #d4af3733}.hud-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:1rem}.hud-stat-box{background:#ffffff0d;padding:8px;border-radius:8px}.hud-stat-label{font-size:.6rem;color:var(--text-dim);text-transform:uppercase}.hud-stat-val{font-size:.9rem;color:#fff;font-weight:600;font-family:Space Grotesk}.hud-panel{position:absolute;background:#0a0f1a66;backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);padding:1.2rem;border-radius:12px;pointer-events:none;z-index:10;transition:.3s}.hud-panel:before{content:"";position:absolute;inset:-1px;border-radius:12px;padding:1px;background:linear-gradient(135deg,var(--primary),transparent 40%,transparent 60%,var(--secondary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5}.hud-top-left{top:2rem;left:2rem;width:300px}.hud-bottom-left{bottom:2rem;left:2rem}.hud-top-right{top:2rem;right:2rem}.hud-panel h4{font-family:Space Grotesk,sans-serif;font-size:.6rem;text-transform:uppercase;letter-spacing:3px;color:var(--primary);margin-bottom:.5rem;display:flex;align-items:center;gap:8px}.hud-panel h4:before{content:"";width:6px;height:6px;background:var(--primary);border-radius:50%;box-shadow:0 0 10px var(--primary);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hud-panel p{font-size:.75rem;color:#fff;opacity:.8;line-height:1.4;margin:0;font-weight:300}.controls-card{background:#0a0f1a99;backdrop-filter:blur(30px);border-radius:32px;padding:2.5rem;border:1px solid var(--border);display:flex;flex-direction:column;gap:2rem;box-shadow:0 40px 80px -15px #00000080}.metric-group{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.metric-box{background:#ffffff05;padding:1.2rem;border-radius:16px;border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden}.metric-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);animation:flowLine 3s infinite}@keyframes flowLine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.metric-label{font-size:.65rem;text-transform:uppercase;color:var(--text-dim);letter-spacing:1px}.metric-value{font-family:Space Grotesk,sans-serif;font-size:1.8rem;font-weight:700;color:#fff}.chart-box{height:180px;width:100%;background:#0006;border-radius:16px;margin-top:1rem;position:relative;border:1px solid rgba(255,255,255,.05);padding:10px}.control-item label{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:.8rem;color:var(--text-main);font-weight:500}.control-item label span{color:var(--primary);font-family:Space Grotesk,sans-serif}input[type=range]{width:100%;accent-color:var(--primary);background:#ffffff1a;height:4px;border-radius:2px;-webkit-appearance:none;cursor:pointer}.btn-primary{background:linear-gradient(45deg,var(--primary),#f0d080);color:#000;border:none;padding:1.2rem;border-radius:16px;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:.4s cubic-bezier(.175,.885,.32,1.275);font-family:Space Grotesk,sans-serif;font-size:.9rem}.btn-primary:hover{transform:scale(1.02);box-shadow:0 15px 30px #d4af374d}.btn-outline{background:transparent;color:var(--primary);border:1px solid var(--primary);padding:1rem;border-radius:16px;font-weight:600;cursor:pointer;transition:.3s;text-transform:uppercase;font-size:.8rem;letter-spacing:1px}.btn-outline:hover{background:#d4af371a}.article-container{display:grid;grid-template-columns:250px 1fr;max-width:1400px;margin:0 auto;padding:10rem 2rem;gap:4rem}.side-toc{position:sticky;top:10rem;height:fit-content}.toc-list{list-style:none;border-left:1px solid var(--border);padding-left:1.5rem}.toc-item{margin-bottom:1rem}.toc-link{color:var(--text-dim);text-decoration:none;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;transition:.3s;display:block}.toc-link:hover,.toc-link.active{color:var(--primary);transform:translate(5px)}.article-main{max-width:900px}.dropcap:first-letter{font-family:Playfair Display,serif;font-size:6rem;float:left;margin-right:1.5rem;line-height:.7;color:var(--primary);font-weight:900;text-shadow:0 0 20px rgba(212,175,55,.3)}.section-header{margin:10rem 0 4rem;position:relative}.section-num{font-family:Space Grotesk,sans-serif;font-size:1rem;color:var(--primary);letter-spacing:5px;display:block;margin-bottom:1rem}.section-header h2{font-family:Playfair Display,serif;font-size:4.5rem;line-height:1.1;color:#fff}.article-p{font-size:1.4rem;margin-bottom:3rem;color:var(--text-main);font-weight:300;text-align:justify}.pull-quote{font-family:Playfair Display,serif;font-size:3rem;color:var(--primary);font-style:italic;margin:6rem -10rem;padding:4rem;text-align:center;border-left:2px solid var(--primary);background:linear-gradient(to right,rgba(212,175,55,.05),transparent);position:relative}.sidebar-infographic{float:right;width:350px;margin:2rem -15rem 4rem 4rem;background:var(--surface);padding:2.5rem;border-radius:24px;border:1px solid var(--border);font-size:.95rem}footer{background:#020408;padding:8rem 2rem;text-align:center;border-top:1px solid var(--border)}.social-signature{font-family:Playfair Display,serif;font-size:2.5rem;color:var(--primary);margin-bottom:2rem}.tooltip{border-bottom:1px dashed var(--primary);cursor:help;position:relative;color:var(--primary)}.tooltip:before{content:attr(data-tip);position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:var(--surface);color:var(--text-main);padding:1rem;border-radius:12px;width:250px;font-size:.8rem;line-height:1.4;border:1px solid var(--primary);opacity:0;visibility:hidden;transition:.3s;z-index:100;pointer-events:none;box-shadow:0 10px 30px #00000080}.tooltip:hover:before{opacity:1;visibility:visible}@media(max-width:1200px){.dashboard-grid,.article-container{grid-template-columns:1fr}.side-toc{display:none}.pull-quote,.sidebar-infographic{margin:4rem 0;float:none;width:100%}.section-header h2{font-size:3rem}}