:root{
  --xp-blue:#0878f8;
  --xp-blue2:#0f56d9;
  --xp-cyan:#47d8ff;
  --ice:#c8e9f7;
  --ink:#051215;
  --panel:#0a1820;
  --panel2:#0e2631;
  --line:#72ddff;
  --white:#f7fbff;
  --pink:#ff9ca9;
  --green:#42dc78;
  --yellow:#ffe66a;
  --red:#ff5f57;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#061116;color:var(--white);font-family:"Courier New",ui-monospace,monospace}
body{overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
::selection{background:var(--xp-cyan);color:#001218}

.boot-screen{position:fixed;inset:0;z-index:999;background:#02080b;display:grid;place-items:center;transition:opacity .28s ease,visibility .28s ease}
.boot-screen.done{opacity:0;visibility:hidden;pointer-events:none}
.boot-cat{width:clamp(132px,18vw,210px);image-rendering:pixelated;animation:bootPop .62s steps(2,end) infinite alternate}
@keyframes bootPop{from{transform:translateY(2px) scale(.96)}to{transform:translateY(-6px) scale(1.04)}}

.desktop-shell{min-height:100vh;position:relative;background:
 radial-gradient(circle at 78% 12%,rgba(75,217,255,.18),transparent 26%),
 linear-gradient(180deg,#096cef 0 48%,#0d83ff 49%,#0d7add 50%,#0c2e46 51%,#061116 72%);
 padding-bottom:52px}
.desktop-shell:before{content:"";position:fixed;inset:auto 0 50px 0;height:34vh;pointer-events:none;background:
 linear-gradient(170deg,transparent 0 43%,#55ca5c 44% 54%,#2eaa43 55% 65%,#178438 66% 100%);
 clip-path:polygon(0 63%,8% 54%,16% 61%,26% 45%,38% 62%,50% 48%,64% 60%,78% 44%,89% 57%,100% 40%,100% 100%,0 100%);
 opacity:.9}
.desktop-shell:after{content:"";position:fixed;inset:0 0 50px;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px);mix-blend-mode:screen}

.desktop{position:relative;z-index:2;min-height:calc(100vh - 50px);padding:24px;display:grid;grid-template-columns:92px minmax(0,1fr);gap:24px}
.icon-rail{display:flex;flex-direction:column;gap:20px;align-items:center}
.desktop-icon{width:84px;text-align:center;color:white;text-shadow:2px 2px 0 #00356b;font-size:12px;line-height:1.2}
.desktop-icon .ico{width:54px;height:54px;margin:0 auto 6px;border:3px solid rgba(255,255,255,.85);background:linear-gradient(145deg,#dff7ff,#2f9dff);display:grid;place-items:center;box-shadow:4px 4px 0 rgba(0,0,0,.45);image-rendering:pixelated}
.desktop-icon .ico.cat{background:#061116;padding:4px}
.desktop-icon .ico img{max-width:100%;max-height:100%;image-rendering:pixelated}
.desktop-icon:hover .ico{outline:2px dotted white;outline-offset:2px}

.workspace{display:grid;grid-template-columns:minmax(360px,1.3fr) minmax(280px,.7fr);gap:22px;align-items:start;max-width:1450px;width:100%;margin:10px auto 0}
.window{border:3px solid #0d2455;background:#d7e8f4;box-shadow:8px 8px 0 rgba(0,0,0,.38);color:#03131b;min-width:0}
.window-title{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 10px;color:white;font-weight:900;background:linear-gradient(180deg,#1788ff 0,#0a61d7 48%,#084cba 52%,#0a6eea 100%);text-shadow:2px 2px 0 #003d98;border-bottom:2px solid #082f78}
.win-left{display:flex;align-items:center;gap:8px;min-width:0}.mini-cat{width:21px;height:21px;object-fit:contain;image-rendering:pixelated}.window-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.win-controls{display:flex;gap:4px}.win-btn{width:24px;height:24px;border:2px solid white;background:#1b75df;color:white;display:grid;place-items:center;font-weight:900;box-shadow:inset -2px -2px 0 #0a3e8f,inset 2px 2px 0 #71c6ff}.win-btn.close{background:#e84e3f}
.window-body{background:#07161d;color:#dff8ff;padding:18px;min-height:260px;border:2px solid #fff}
.window-body.light{background:#e9f4fa;color:#07161d}

.hero-terminal{display:grid;grid-template-columns:minmax(220px,.86fr) minmax(260px,1.14fr);gap:18px;align-items:center;min-height:430px;background:
 linear-gradient(rgba(3,17,23,.88),rgba(3,17,23,.88)),
 repeating-linear-gradient(0deg,transparent 0 14px,rgba(77,220,255,.08) 14px 15px)}
.cat-stage{position:relative;min-height:360px;display:grid;place-items:center;overflow:hidden;border:1px dashed #1b5362;background:radial-gradient(circle at center,rgba(66,216,255,.14),transparent 58%)}
.cat-stage:before,.cat-stage:after{content:"";position:absolute;inset:14px;border:1px solid rgba(95,224,255,.25);pointer-events:none}.cat-stage:after{inset:28px;border-style:dashed}
.cat-hero{width:min(340px,92%);image-rendering:pixelated;animation:catPop 2.1s steps(4,end) infinite;filter:drop-shadow(8px 10px 0 rgba(0,0,0,.55))}
.cat-scan{position:absolute;left:0;right:0;height:8px;background:rgba(89,232,255,.42);box-shadow:0 0 18px #53ddff;animation:scan 2.4s linear infinite}
@keyframes catPop{0%,100%{transform:translateY(2px) scale(1)}50%{transform:translateY(-12px) scale(1.035)}}
@keyframes scan{from{top:-8px}to{top:100%}}
.terminal-copy{min-width:0}.eyebrow{color:#71ddff;font-size:12px;letter-spacing:.18em;margin-bottom:10px}.mega{font-size:clamp(42px,7vw,98px);margin:0;line-height:.82;letter-spacing:-.08em;color:white;text-shadow:5px 5px 0 #0d5dc8}.submega{font-size:clamp(15px,2vw,23px);color:#8ee6ff;margin:16px 0 20px}.cursor{display:inline-block;width:.7ch;background:#7be8ff;color:#7be8ff;animation:blink .8s steps(1,end) infinite}@keyframes blink{50%{opacity:0}}
.cmd-list{border-top:1px solid #18536b;padding-top:14px;display:grid;gap:8px;font-size:13px}.cmd{display:flex;gap:10px}.prompt{color:#4ade80}.muted{color:#74a9b9}.cyan{color:#6ce8ff}.pink{color:#ff98ad}.green{color:#5bea82}.yellow{color:#ffe67f}
.xp-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;background:linear-gradient(#fbfdff,#d4ebf9);color:#04243a;border:2px solid #194d84;box-shadow:inset 2px 2px 0 white,inset -2px -2px 0 #769eb8,3px 3px 0 rgba(0,0,0,.35);font-weight:900;cursor:pointer}.xp-button:hover{background:#fff}.xp-button.primary{background:linear-gradient(#69e6ff,#28a7ff);color:#00151e}
.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}

.side-stack{display:grid;gap:22px}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.status-card{background:#07161d;border:2px solid #377e96;color:#dff8ff;padding:12px;min-height:92px;box-shadow:inset 0 0 0 2px #0c2a35}.status-card .label{font-size:10px;color:#77bad0;letter-spacing:.12em}.status-card .value{font-size:22px;font-weight:900;margin-top:6px}.ticker{border:2px solid #296174;background:#031015;color:#8deaff;padding:10px;overflow:hidden;white-space:nowrap}.ticker span{display:inline-block;animation:ticker 11s linear infinite;padding-left:100%}@keyframes ticker{to{transform:translateX(-100%)}}

.taskbar{position:fixed;left:0;right:0;bottom:0;height:50px;z-index:30;background:linear-gradient(#1884ff,#0e5ee0 55%,#0a4dbd);border-top:2px solid #72b9ff;display:flex;align-items:center;gap:8px;color:white;box-shadow:0 -3px 0 rgba(0,0,0,.25)}
.start-btn{height:100%;padding:0 24px 0 18px;border:0;border-radius:0 18px 18px 0;color:white;background:linear-gradient(#4fd46e,#1f9d45 55%,#168239);font-size:18px;font-weight:900;text-shadow:2px 2px 0 #12612a;cursor:pointer}.task-btn{height:36px;min-width:170px;max-width:300px;padding:0 14px;background:linear-gradient(#2c91ff,#1265dd);border:2px solid #0c4bb0;color:white;text-align:left;font-weight:900;box-shadow:inset 2px 2px 0 rgba(255,255,255,.25)}.clock{margin-left:auto;height:100%;padding:0 16px;display:grid;place-items:center;background:#149bdc;border-left:2px solid #0d6db0;font-size:13px}.start-menu{position:fixed;z-index:40;left:0;bottom:50px;width:320px;background:#e8f4fa;border:3px solid #0d5cda;box-shadow:8px -8px 0 rgba(0,0,0,.3);display:none;color:#06131a}.start-menu.open{display:block}.start-head{background:linear-gradient(#1483fc,#0c5bd0);color:white;padding:12px;font-weight:900}.start-links{padding:8px}.start-links a{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid transparent}.start-links a:hover{background:#cbe9ff;border-color:#6eaad2}.start-footer{padding:8px;background:#d0e8f4;text-align:right}

.page-shell{min-height:100vh;background:#041015;padding:22px 22px 76px;position:relative}.page-shell:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(95,225,255,.03) 0 1px,transparent 1px 4px)}
.page-wrap{max-width:1250px;margin:auto;position:relative;z-index:2}.page-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.brand-lock{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:900}.brand-lock img{width:48px;height:48px;object-fit:contain;image-rendering:pixelated}.top-nav{display:flex;flex-wrap:wrap;gap:8px}.top-nav a{padding:7px 10px;border:2px solid #276b85;background:#09202a;color:#9eeaff}.top-nav a.active{background:#1a82d7;color:#fff}.grid-2{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.terminal-panel{background:#020a0d;border:2px solid #2f8cac;box-shadow:8px 8px 0 #000;padding:18px;color:#baf1ff;min-height:430px}.terminal-head{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #164d5f;padding-bottom:10px;margin-bottom:12px;color:#6ddfff}.log{font-size:13px;line-height:1.8}.log-line{display:flex;gap:10px}.term-input-row{display:flex;gap:8px;align-items:center;border-top:1px solid #17495c;margin-top:14px;padding-top:12px}.term-input{flex:1;background:transparent;border:0;outline:0;color:white;font:inherit;min-width:0}.command-help{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}.help-chip{border:1px solid #1f637b;padding:8px;color:#94dff5;background:#07171d}
.info-panel{background:#dbeef8;color:#05141b;border:3px solid #163a6d;box-shadow:8px 8px 0 #000}.info-panel .window-title{margin:-3px -3px 0}.info-body{padding:18px}.spec-list{display:grid;gap:10px}.spec{display:flex;justify-content:space-between;gap:16px;padding-bottom:8px;border-bottom:1px dotted #7298a9}.agent-orbit{position:relative;min-height:330px;display:grid;place-items:center;background:#061217;border:2px solid #24647c;overflow:hidden}.agent-orbit img{width:min(290px,78%);image-rendering:pixelated;animation:catPop 2.1s steps(4,end) infinite;z-index:2}.orbit{position:absolute;border:1px dashed #287491;border-radius:50%;width:82%;aspect-ratio:1;animation:spin 18s linear infinite}.orbit:nth-child(2){width:60%;animation-duration:12s;animation-direction:reverse}.node{position:absolute;width:12px;height:12px;background:#58e6ff;box-shadow:0 0 12px #58e6ff}.node.a{top:10%;left:50%}.node.b{right:11%;top:50%}.node.c{bottom:12%;left:30%}@keyframes spin{to{transform:rotate(360deg)}}
.docs{background:#e9f5fb;color:#07161d;border:3px solid #173b6f;box-shadow:8px 8px 0 #000;padding:22px}.docs h1,.docs h2,.docs h3{margin-top:0}.docs h2{border-bottom:3px solid #1667c8;padding-bottom:7px;margin-top:28px}.docs code{background:#07161d;color:#8ceaff;padding:2px 5px}.docs-table{width:100%;border-collapse:collapse;margin:12px 0}.docs-table th,.docs-table td{border:2px solid #6390a7;padding:9px;text-align:left}.docs-table th{background:#c1e3f3}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.flow div{background:#06151b;color:#dff7ff;border:2px solid #2c7893;padding:12px;text-align:center;font-weight:900}.flow span{display:block;color:#74dfff;font-size:10px;margin-top:5px}
.footer-note{margin-top:18px;color:#6ba9bf;font-size:11px;text-align:center}

.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:.35}.glitch:before{color:#ff7bac;transform:translate(-2px,0);clip-path:inset(10% 0 70% 0);animation:gl1 2.8s infinite steps(1,end)}.glitch:after{color:#55eaff;transform:translate(2px,0);clip-path:inset(65% 0 10% 0);animation:gl2 3.1s infinite steps(1,end)}@keyframes gl1{0%,86%,100%{transform:translate(-2px,0)}88%{transform:translate(5px,-2px)}90%{transform:translate(-5px,2px)}}@keyframes gl2{0%,74%,100%{transform:translate(2px,0)}76%{transform:translate(-6px,1px)}79%{transform:translate(6px,-1px)}}

@media(max-width:980px){.workspace,.grid-2{grid-template-columns:1fr}.hero-terminal{grid-template-columns:1fr}.cat-stage{min-height:260px}.desktop{grid-template-columns:1fr}.icon-rail{flex-direction:row;overflow:auto;justify-content:flex-start}.desktop-icon{flex:0 0 76px}.window{box-shadow:5px 5px 0 rgba(0,0,0,.35)}}
@media(max-width:620px){.desktop{padding:10px}.workspace{margin-top:0}.window-body{padding:11px}.hero-terminal{padding:10px}.mega{font-size:48px}.status-grid{grid-template-columns:1fr}.task-btn{display:none}.start-btn{padding:0 18px}.clock{font-size:11px;padding:0 10px}.page-shell{padding:12px 12px 70px}.page-top{align-items:flex-start;flex-direction:column}.top-nav{width:100%}.top-nav a{flex:1;text-align:center}.command-help,.flow{grid-template-columns:1fr 1fr}.grid-2{gap:12px}.docs{padding:14px}.window-title{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.boot-screen{display:none}}