:root{--bg:#090b12;--panel:#10141f;--panel2:#151a28;--line:#272d3c;--text:#f1f2f8;--muted:#969db1;--purple:#b5a0ff;--mint:#8cf0c3;--pink:#ff9cc9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;overflow-x:hidden}.ambient{position:fixed;pointer-events:none;filter:blur(90px);opacity:.12;border-radius:50%;z-index:-1}.ambient-one{width:380px;height:380px;background:#7956e8;top:80px;left:-150px}.ambient-two{width:340px;height:340px;background:#1eaa91;right:-150px;top:350px}.topbar{height:72px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));letter-spacing:.09em;font-size:12px}.brand{display:flex;gap:10px;align-items:center;color:var(--text);text-decoration:none;font-weight:850;font-size:15px;letter-spacing:.13em}.brand-icon{font-size:23px;color:var(--purple)}.brand-accent{color:var(--purple)}.topbar-right{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:10px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 12px #8cf0c388}.topbar-divider{color:#454b5d}.page{max-width:1180px;margin:auto;padding:0 24px}.hero{padding:64px 0 35px;max-width:740px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--mint);font-size:10px;font-weight:800;letter-spacing:.17em}.eyebrow-line{height:1px;width:25px;background:var(--mint)}h1{font-size:clamp(42px,6vw,72px);line-height:1.04;letter-spacing:-.06em;margin:20px 0 18px;font-weight:820}h1 span{color:var(--purple)}.hero-copy{max-width:590px;color:var(--muted);font-size:15px;line-height:1.8;margin:0}.hero-meta{display:flex;gap:22px;flex-wrap:wrap;margin-top:24px;color:#777f95;font-size:9px;font-weight:750;letter-spacing:.1em}.workspace{display:grid;grid-template-columns:260px minmax(0,1fr);border:1px solid var(--line);border-radius:15px;overflow:hidden;background:rgba(16,20,31,.92);box-shadow:0 25px 90px #0003}.sidebar{padding:23px 16px 17px;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:510px}.sidebar-label{font-size:9px;letter-spacing:.16em;color:#707990;font-weight:800;padding:0 10px 15px}.mode-button{border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text);display:flex;align-items:center;gap:11px;padding:12px 10px;text-align:left;cursor:pointer;margin-bottom:6px;width:100%;transition:.18s}.mode-button:hover{background:#ffffff08}.mode-button.active{background:#b5a0ff12;border-color:#b5a0ff42}.mode-icon{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:8px;background:#ffffff08;color:var(--purple);font-size:19px}.mode-button strong,.mode-button small{display:block}.mode-button strong{font-size:11px;font-weight:750}.mode-button small{font-size:10px;color:var(--muted);margin-top:4px}.mode-arrow{margin-left:auto;color:#777f95;font-size:13px}.sidebar-note{display:flex;gap:10px;margin:26px 4px 20px;padding:14px 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.note-star{color:var(--mint);font-size:18px}.sidebar-note strong{font-size:10px}.sidebar-note p{font-size:10px;color:var(--muted);line-height:1.6;margin:5px 0 0}.demo-label{margin-top:auto;color:#7f879b;font-size:9px;letter-spacing:.08em;display:flex;align-items:center;gap:8px;padding:8px}.demo-label .status-dot{width:6px;height:6px}.terminal-panel{min-width:0}.terminal-titlebar{height:47px;background:#0c0f18;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 17px;gap:12px}.window-controls{display:flex;gap:5px}.window-controls i{width:7px;height:7px;background:#41485a;border-radius:50%}.window-controls i:first-child{background:#ff7b8b}.window-controls i:nth-child(2){background:#ffc66d}.window-controls i:nth-child(3){background:#7de2ae}.terminal-title{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:#9299ad;margin:auto}.terminal-lock{font-size:8px;letter-spacing:.08em;color:var(--mint);border:1px solid #8cf0c333;border-radius:4px;padding:5px 7px}.terminal-body{padding:25px clamp(16px,3vw,32px) 15px}.welcome-line{display:flex;gap:12px;align-items:flex-start;padding-bottom:24px;border-bottom:1px solid var(--line)}.prompt-symbol{color:var(--purple);font-size:19px}.welcome-line strong{font-size:12px}.welcome-line p{font-size:11px;color:var(--muted);margin:6px 0 0;line-height:1.6}.mode-heading{display:flex;justify-content:space-between;align-items:center;margin:23px 0 18px;gap:10px}.mode-heading>span:first-child{font-size:9px;letter-spacing:.15em;font-weight:850;color:var(--purple)}.mode-tag{font-size:8px;color:#8d94a8;border:1px solid var(--line);padding:5px 7px;border-radius:4px;letter-spacing:.05em}label{display:block;font-size:10px;color:#c4c9d7;margin-bottom:9px}.input-wrap{display:flex;align-items:center;gap:9px;background:#0a0d15;border:1px solid #343b4e;border-radius:8px;padding:5px 5px 5px 12px;transition:border .2s}.input-wrap:focus-within{border-color:#b5a0ff99;box-shadow:0 0 0 3px #b5a0ff0c}.input-prompt{font:12px ui-monospace,monospace;color:var(--mint)}input{min-width:0;flex:1;background:transparent;border:0;outline:0;color:var(--text);font:12px ui-monospace,SFMono-Regular,Menlo,monospace;padding:10px 0}input::placeholder{color:#60687d}#summon-btn{background:var(--purple);color:#161124;border:0;border-radius:5px;padding:10px 13px;font-size:10px;font-weight:850;cursor:pointer;white-space:nowrap}#summon-btn:hover{filter:brightness(1.08)}#summon-btn span{margin-left:6px}.suggestions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.suggestions button{border:1px solid var(--line);background:#ffffff04;color:#9ea5b8;border-radius:5px;padding:6px 8px;font:10px ui-monospace,monospace;cursor:pointer}.suggestions button:hover{border-color:#b5a0ff66;color:var(--purple)}.response-head{display:flex;align-items:center;gap:10px;margin-top:28px}.response-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#b5a0ff18;color:var(--purple);font-size:17px}.response-head strong,.response-head small{display:block}.response-head strong{font-size:11px}.response-head small{font-size:9px;color:var(--muted);margin-top:3px}.response-state{margin-left:auto;font-size:8px;letter-spacing:.09em;color:#8189a0;border:1px solid var(--line);border-radius:4px;padding:5px 7px}.response-box{margin-top:11px;min-height:130px;background:#0c1019;border:1px solid var(--line);border-radius:8px;padding:17px;line-height:1.7}.empty-ghost{text-align:center;color:#8c7cc7;font-size:25px;opacity:.75}.empty-title{text-align:center;font-size:11px;font-weight:750;margin:3px 0}.empty-copy{text-align:center;font-size:10px;color:var(--muted);margin:4px 0}.answer-title{font-size:12px;color:var(--mint);font-weight:800;margin:0 0 8px}.answer-text{font-size:11px;color:#c5cad8;margin:0 0 10px;white-space:pre-wrap}.answer-tip{border-left:2px solid var(--purple);padding:8px 10px;background:#b5a0ff0a;color:#c5badf;font-size:10px;margin-top:12px}.terminal-footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:15px;font-size:8px;letter-spacing:.08em;color:#747d92}.terminal-footer .status-dot{width:5px;height:5px;margin-right:5px}.bottom-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:24px 0;border-bottom:1px solid var(--line)}.bottom-strip>div{display:flex;align-items:center;gap:11px}.strip-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:9px;color:var(--mint);font-size:16px;flex-shrink:0}.bottom-strip strong,.bottom-strip small{display:block}.bottom-strip strong{font-size:10px}.bottom-strip small{font-size:9px;color:var(--muted);margin-top:5px;line-height:1.5}footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:19px 0 28px;color:#8b92a5;font-size:9px;letter-spacing:.06em}.footer-muted{color:#535c70}
@media(max-width:760px){.topbar{height:60px;padding:0 18px}.topbar-right{font-size:8px;gap:6px}.page{padding:0 15px}.hero{padding:43px 0 28px}.hero-copy{font-size:13px}.workspace{grid-template-columns:1fr}.sidebar{min-height:0;border-right:0;border-bottom:1px solid var(--line);padding:15px}.sidebar-label{padding-bottom:10px}.mode-button{margin-bottom:4px}.sidebar-note{display:none}.demo-label{margin-top:8px}.terminal-body{padding:19px 14px 13px}.terminal-lock{display:none}.bottom-strip{grid-template-columns:1fr;gap:15px}.bottom-strip>div{align-items:flex-start}.bottom-strip small{font-size:10px}.hero-meta{gap:12px;font-size:8px}footer{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}