:root{--bg: #0a0a0a;--bg-panel: #1a1a2e;--bg-panel-light: #22223a;--green: #10b981;--green-dim: rgba(16, 185, 129, .5);--green-glow: rgba(16, 185, 129, .15);--yellow: #f59e0b;--red: #ef4444;--cyan: #06b6d4;--white: #e2e8f0;--gray: #64748b;--gray-dark: #334155;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-pixel: "Press Start 2P", monospace;--glow: 0 0 10px var(--green-dim), 0 0 40px var(--green-glow);--glow-strong: 0 0 15px var(--green-dim), 0 0 60px var(--green-glow);--transition: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--white);font-family:var(--font-mono);font-size:.875rem;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:9999}body:before{content:"";position:fixed;inset:0;background:url(/noise.png) repeat;opacity:.03;pointer-events:none;z-index:9998}h1,h2,h3{font-family:var(--font-pixel);color:var(--green);text-shadow:var(--glow);line-height:1.4}h1{font-size:clamp(.7rem,2vw,1.2rem)}h2{font-size:clamp(.55rem,1.5vw,.85rem)}h3{font-size:clamp(.45rem,1.2vw,.7rem)}a{color:var(--green);text-decoration:none;transition:text-shadow var(--transition)}a:hover{text-shadow:var(--glow-strong)}.section{max-width:1100px;margin:0 auto;padding:4rem 1.5rem}.text-green{color:var(--green)}.text-yellow{color:var(--yellow)}.text-red{color:var(--red)}.text-cyan{color:var(--cyan)}.text-gray{color:var(--gray)}.glow{text-shadow:var(--glow)}.glow-strong{text-shadow:var(--glow-strong)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor{display:inline-block;width:.6em;height:1.1em;background:var(--green);vertical-align:text-bottom;animation:blink 1s step-end infinite}@keyframes crt-flash{0%{opacity:1}50%{opacity:0}to{opacity:1}}.crt-flash{animation:crt-flash .15s ease-in-out}@keyframes xp-popup{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-60px) scale(1.2);opacity:0}}.xp-popup{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--font-pixel);font-size:clamp(.5rem,1.5vw,.8rem);color:var(--green);text-shadow:var(--glow-strong);background:#0a0a0ae6;border:1px solid var(--green);padding:1rem 2rem;z-index:9000;pointer-events:none;animation:xp-popup 1.5s ease-out forwards}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--gray-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--green)}@media(max-width:768px){.section{padding:2.5rem 1rem}}.terminal{background:var(--bg-panel);border:1px solid var(--gray-dark);border-radius:6px;overflow:hidden;font-family:var(--font-mono);font-size:.8rem}.terminal__titlebar{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#0000004d;border-bottom:1px solid var(--gray-dark)}.terminal__dots{display:flex;gap:6px}.terminal__dot{width:10px;height:10px;border-radius:50%}.terminal__dot--red{background:var(--red)}.terminal__dot--yellow{background:var(--yellow)}.terminal__dot--green{background:var(--green)}.terminal__title{flex:1;text-align:center;color:var(--gray);font-size:.7rem}.terminal__status{font-family:var(--font-pixel);font-size:.5rem;padding:2px 8px;border:1px solid var(--gray-dark);border-radius:3px;text-transform:uppercase;letter-spacing:.05em}.terminal__status--pending{color:var(--gray);border-color:var(--gray-dark)}.terminal__status--active{color:var(--yellow);border-color:var(--yellow)}.terminal__status--complete{color:var(--green);border-color:var(--green);text-shadow:var(--glow)}.terminal__body{padding:1rem;min-height:120px;line-height:1.7;overflow-y:auto;max-height:400px}.terminal__line{white-space:pre-wrap;word-break:break-all}.terminal__line--green{color:var(--green)}.terminal__line--yellow{color:var(--yellow)}.terminal__line--red{color:var(--red)}.terminal__line--cyan{color:var(--cyan)}.terminal__line--dim{color:var(--gray)}.terminal__prompt{color:var(--green)}.terminal__prompt:before{content:"> ";color:var(--gray)}.sandbox{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0}.sandbox__app,.sandbox__log{min-height:300px}@media(max-width:1023px){.sandbox{grid-template-columns:1fr}}.dashboard{background:#fff;color:#1a1a1a;border-radius:4px;padding:1rem;font-family:Arial,Helvetica,sans-serif;font-size:.8rem;position:relative;overflow:hidden}.dashboard__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid #e5e5e5;margin-bottom:.75rem}.dashboard__title{font-size:.9rem;font-weight:600;color:#333;font-family:Arial,Helvetica,sans-serif;text-shadow:none}.dashboard__refresh-btn{font-size:9px;padding:2px 6px;background:#f0f0f0;color:#ccc;border:1px solid #e8e8e8;cursor:pointer;border-radius:2px;transition:all .6s ease}@keyframes btn-hint-pulse{0%,to{box-shadow:none}50%{box-shadow:0 0 8px 2px #ef444466}}.dashboard__refresh-btn.--hinted{animation:btn-hint-pulse 1.5s ease-in-out infinite;color:#999;border-color:#ccc}.dashboard__refresh-btn.--fixed{font-size:14px;padding:8px 20px;background:var(--green);color:#fff;border-color:var(--green);border-radius:6px;font-weight:600;box-shadow:0 2px 8px #10b9814d}.dashboard__refresh-btn.--fixed:hover{background:#059669;transform:scale(1.05)}.rage-crosshair{position:absolute;width:40px;height:40px;border:2px solid var(--green);border-radius:50%;pointer-events:none;opacity:0;transition:opacity .3s}.rage-crosshair.--visible{opacity:1;animation:crosshair-pulse .6s ease-out}@keyframes crosshair-pulse{0%{transform:scale(2);opacity:0}to{transform:scale(1);opacity:1}}.rage-crosshair:before,.rage-crosshair:after{content:"";position:absolute;background:var(--green)}.rage-crosshair:before{width:2px;height:100%;left:50%;transform:translate(-50%)}.rage-crosshair:after{width:100%;height:2px;top:50%;transform:translateY(-50%)}.dashboard__cards{display:flex;gap:4px;flex-wrap:wrap}.weather-card{background:#f9f9f9;border:1px solid #eee;padding:6px 8px;font-size:.65rem;color:#999;min-width:80px;transition:all .6s ease}.weather-card.--v1{padding:16px;font-size:.85rem;color:#333;border-radius:8px;background:#f0fdf4;border-color:var(--green);min-width:120px}.weather-card__icon{display:none;font-size:1.5rem;margin-bottom:.25rem}.weather-card.--v1 .weather-card__icon{display:block}.weather-card.--v2{background:#1a1a2e;color:#e2e8f0;border-color:#334155;padding:12px;font-size:.8rem;border-radius:6px}.dashboard__cards.--v3{flex-wrap:nowrap;overflow-x:auto;gap:12px;padding-bottom:8px}.weather-card.--v3{min-width:140px;padding:14px;font-size:.8rem;color:#333;border-radius:8px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#a7f3d0;flex-shrink:0}.selection-box{position:absolute;border:2px dashed var(--green);background:#10b98114;pointer-events:none;z-index:10;display:none}.voice-panel{display:none;position:absolute;bottom:1rem;left:1rem;right:1rem;background:var(--bg-panel);border:1px solid var(--green);border-radius:6px;padding:1rem;z-index:20}.voice-panel.--visible{display:block}.voice-waveform{display:flex;align-items:center;gap:3px;margin-bottom:.75rem;height:20px}.voice-waveform__bar{width:3px;background:var(--green);border-radius:2px;animation:waveform .4s ease-in-out infinite alternate}@keyframes waveform{0%{height:4px}to{height:18px}}.voice-commands{display:flex;flex-direction:column;gap:.5rem}.voice-cmd{background:transparent;border:1px solid var(--gray-dark);color:var(--white);font-family:var(--font-mono);font-size:.75rem;padding:.5rem .75rem;cursor:pointer;text-align:left;border-radius:4px;transition:all .2s}.voice-cmd:hover{border-color:var(--green);color:var(--green);background:#10b9810d}.swap-layout{display:grid;grid-template-columns:1fr 3fr;gap:.5rem;min-height:200px}.swap-el{padding:.75rem;border:2px solid transparent;cursor:pointer;transition:all .6s ease;position:relative}.swap-el.--selected{border-color:var(--green);box-shadow:0 0 10px var(--green-dim)}.swap-el.--target{border-color:var(--yellow);box-shadow:0 0 10px #f59e0b4d}.swap-el__label{position:absolute;top:4px;right:4px;font-family:var(--font-pixel);font-size:.4rem;padding:2px 6px;border-radius:3px;display:none}.swap-el.--selected .swap-el__label{display:block;background:var(--green);color:var(--bg)}.swap-el.--target .swap-el__label{display:block;background:var(--yellow);color:var(--bg)}.swap-sidebar{background:#f5f5f5;border-radius:4px;font-size:.7rem}.swap-main{background:#f9f9f9;border-radius:4px;display:flex;align-items:center;justify-content:center}.swap-temp{font-size:.75rem;color:#666}.swap-temp.--prominent{font-size:2rem;color:#333;font-weight:700}.swap-gear{font-size:3rem;color:#ccc}.swap-gear.--small{font-size:1.2rem}@keyframes swap-fly{0%{transform:translate(0)}50%{transform:translate(var(--dx),calc(var(--dy) - 40px))}to{transform:translate(var(--dx),var(--dy))}}.swap-layout.--swapped{grid-template-columns:3fr 1fr}.swap-layout.--swapped .swap-sidebar{display:flex;align-items:center;justify-content:center;flex-direction:column}.swap-layout.--swapped .swap-temp{font-size:2.5rem;color:#333;font-weight:700}.swap-layout.--swapped .swap-gear{font-size:1.2rem}.swap-layout.--original{grid-template-columns:1fr 3fr}.swap-layout.--original .swap-temp{font-size:.75rem;color:#666;font-weight:400}.swap-layout.--original .swap-gear{font-size:3rem}.obs-dashboard{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:auto 1fr auto;gap:.5rem;min-height:280px;font-size:.75rem}.obs-nav{grid-column:1 / -1;display:flex;gap:1rem;padding:.5rem;background:#f5f5f5;border-radius:4px}.obs-nav__item{color:#666;cursor:pointer;padding:4px 8px;border-radius:3px;transition:background .2s}.obs-nav__item:hover{background:#eee}.obs-sidebar{background:#f9f9f9;padding:.75rem;border-radius:4px}.obs-chart{background:#f5f5f5;padding:.75rem;border-radius:4px;position:relative}.obs-chart__bars{display:flex;align-items:flex-end;gap:4px;height:80px}.obs-chart__bar{flex:1;background:#ddd;border-radius:2px 2px 0 0;transition:background .3s}.obs-cta{grid-column:1 / -1;padding:.75rem;text-align:center}.obs-cta__btn{background:#e5e5e5;color:#999;border:none;padding:8px 20px;font-size:.7rem;cursor:pointer;border-radius:4px;transition:all .6s ease}.obs-text{color:#666;cursor:default}.obs-cta__btn.--fixed{background:var(--green);color:#fff;font-size:.85rem;padding:12px 32px;font-weight:600;box-shadow:0 2px 12px #10b98166}.obs-nav__item.--fixed{position:relative}.obs-chart.--fixed .obs-chart__bar{cursor:pointer}.obs-chart.--fixed .obs-chart__bar:hover{background:var(--green)}.obs-text.--fixed{color:var(--green);cursor:pointer;text-decoration:underline}.observer-panel{font-family:var(--font-mono);font-size:.75rem}.observer-panel__insight{padding:4px 0;border-bottom:1px solid rgba(100,116,139,.2)}.toggle-ba{display:inline-flex;gap:0;margin-top:.75rem;border:1px solid var(--gray-dark);border-radius:4px;overflow:hidden}.toggle-ba__btn{font-family:var(--font-mono);font-size:.7rem;padding:4px 12px;background:transparent;color:var(--gray);border:none;cursor:pointer;transition:all .2s}.toggle-ba__btn.--active{background:var(--green);color:var(--bg)}.demo-section{margin:3rem 0}.demo-section__header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.demo-section__number{font-family:var(--font-pixel);font-size:.5rem;color:var(--green);text-shadow:var(--glow);white-space:nowrap}.demo-section__title{font-family:var(--font-pixel);font-size:clamp(.4rem,1vw,.6rem);color:var(--white)}.demo-section__line{flex:1;height:1px;background:var(--gray-dark)}.hint{color:var(--gray);font-size:.8rem;margin-bottom:1rem;padding:.5rem 0}.hint:before{content:"> ";color:var(--green)}.hint em{color:var(--green);font-style:normal}.auto-hint{display:none;color:var(--yellow);font-size:.75rem;margin-top:.5rem;padding:.5rem;border-left:2px solid var(--yellow)}.auto-hint.--visible{display:block;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.progress-bar{position:fixed;bottom:0;left:0;right:0;background:var(--bg-panel);border-top:1px solid var(--gray-dark);padding:.5rem 1.5rem;z-index:8000;font-family:var(--font-mono);font-size:.75rem;display:flex;align-items:center;gap:1rem;justify-content:center}.progress-bar__label{font-family:var(--font-pixel);font-size:.45rem;color:var(--green);text-shadow:var(--glow);white-space:nowrap}.progress-bar__track{display:flex;gap:2px}.progress-bar__block{width:12px;height:12px;background:var(--gray-dark);transition:background .5s ease}.progress-bar__block.--filled{background:var(--green);box-shadow:0 0 6px var(--green-dim)}.progress-bar__info{color:var(--gray);white-space:nowrap}.progress-bar__xp{color:var(--yellow)}.progress-bar__rank{color:var(--green);text-shadow:var(--glow)}.training-complete{display:none;position:fixed;inset:0;background:var(--bg);z-index:9500;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.5rem}.training-complete.--visible{display:flex}.training-complete__title{font-family:var(--font-pixel);font-size:clamp(.6rem,2vw,1rem);color:var(--green);text-shadow:var(--glow-strong)}.training-complete__sub{color:var(--gray);font-size:.85rem}.training-complete__cta{margin-top:1rem}.lanes{display:flex;flex-direction:column;gap:1rem}.lane{display:grid;grid-template-columns:100px 1fr 200px;align-items:center;gap:1rem;padding:.75rem;border:1px solid var(--gray-dark);border-radius:4px}.lane__label{font-family:var(--font-pixel);font-size:.4rem;color:var(--gray)}.lane__track{height:24px;background:var(--bg);border-radius:2px;overflow:hidden;position:relative}.lane__packet{position:absolute;top:4px;width:16px;height:16px;background:var(--green);border-radius:2px}.lane--1 .lane__packet{animation:lane-move 1.5s linear infinite}.lane--2 .lane__packet{animation:lane-move 2.5s linear infinite}.lane--3 .lane__packet{animation:lane-move 4s linear infinite}.lane--4 .lane__packet{animation:lane-move 6s linear infinite}.lane--1{border-color:var(--green)}.lane--1 .lane__label{color:var(--green);text-shadow:var(--glow)}.lane--1 .lane__packet{background:var(--green);box-shadow:0 0 8px var(--green-dim)}@keyframes lane-move{0%{left:-16px}to{left:100%}}.lane__info{font-size:.7rem;color:var(--gray)}.lane__info strong{color:var(--white)}.comparison-table{width:100%;border-collapse:collapse;font-size:.75rem}.comparison-table th,.comparison-table td{padding:.5rem .75rem;border:1px solid var(--gray-dark);text-align:center}.comparison-table th{font-family:var(--font-pixel);font-size:.45rem;color:var(--gray);background:#0000004d}.comparison-table td:first-child{text-align:left;color:var(--gray)}.comparison-table .--highlight{background:#10b9810d;border-color:var(--green);color:var(--green)}.comparison-table .--highlight th{color:var(--green);text-shadow:var(--glow)}.comparison-table .--check{color:var(--green)}.comparison-table .--cross{color:var(--red)}.comparison-table .--partial{color:var(--yellow)}.install-box{position:relative;display:flex;align-items:center;background:var(--bg-panel);border:1px solid var(--gray-dark);border-radius:6px;padding:1rem 1.25rem;margin:1.5rem 0}.install-box__cmd{flex:1;color:var(--green);text-shadow:var(--glow)}.install-box__cmd:before{content:"$ ";color:var(--gray)}.copy-btn{background:transparent;border:1px solid var(--gray-dark);color:var(--gray);font-family:var(--font-mono);font-size:.7rem;padding:4px 10px;cursor:pointer;border-radius:4px;transition:all .2s}.copy-btn:hover,.copy-btn.--copied{border-color:var(--green);color:var(--green)}.config-example{background:var(--bg-panel);border:1px solid var(--gray-dark);border-radius:6px;padding:1rem 1.25rem;color:var(--gray);line-height:1.8}.config-example .key{color:var(--cyan)}.config-example .value{color:var(--green)}.config-example .comment{color:var(--gray)}.footer{border-top:1px solid var(--gray-dark);padding:2rem 1.5rem;text-align:center;color:var(--gray);font-size:.75rem}.footer__logo{font-family:var(--font-pixel);font-size:.5rem;color:var(--green);text-shadow:var(--glow);margin-bottom:.5rem}@media(max-width:1023px){.lane{grid-template-columns:80px 1fr 160px}}@media(max-width:768px){.lane{grid-template-columns:1fr;gap:.5rem}.lane__track{height:20px}.comparison-table{font-size:.65rem}.comparison-table th,.comparison-table td{padding:.35rem .5rem}.progress-bar{font-size:.65rem;padding:.4rem .75rem;gap:.5rem}.progress-bar__label{font-size:.35rem}.progress-bar__block{width:8px;height:8px}}