.hero{padding:72px 0 56px;display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;position:relative}.demo{background:var(--surface);border:.5px solid var(--line-strong);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 1px #1a1a1805,0 18px 40px -22px #1a1a181f}.demo-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:.5px solid var(--line);background:var(--surface-sunken)}.demo-tabs{display:flex;gap:4px;font-family:JetBrains Mono,monospace;font-size:11px}.demo-tab{padding:4px 9px;border-radius:5px;color:var(--ink-faint);cursor:pointer;transition:background .12s,color .12s;user-select:none}.demo-tab:hover{color:var(--ink-soft)}.demo-tab.active{background:var(--bg);color:var(--ink)}.demo-status{font-family:JetBrains Mono,monospace;font-size:10.5px;color:var(--ink-faint);display:flex;align-items:center;gap:5px}.demo-status .dot{width:5px;height:5px;border-radius:50%;background:var(--good)}.demo-status.err{color:var(--bad)}.demo-status.err .dot{background:var(--bad)}.demo-body{display:grid;grid-template-columns:1fr 1fr;min-height:260px}.demo-pane{padding:14px 16px;font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.55;color:var(--ink);border:none;outline:none;background:none;resize:none;width:100%;overflow:auto;max-height:320px}.demo-pane.in{border-right:.5px solid var(--line);color:var(--ink-soft)}.demo-pane.out{background:var(--surface-sunken);white-space:pre;margin:0}.demo-pane.out .k{color:var(--accent)}.demo-pane.out .s{color:var(--good)}.demo-pane.out .n{color:var(--ink)}.demo-pane.out .b{color:var(--ink-soft)}.demo-pane.out .p{color:var(--ink-faint)}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tool-card{background:var(--surface);border:.5px solid var(--line);border-radius:var(--radius-md);padding:16px 18px 14px;transition:border-color .15s,transform .15s;cursor:pointer;position:relative;display:flex;flex-direction:column;gap:12px;min-height:132px;text-decoration:none;color:inherit}.tool-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.tool-head{display:flex;align-items:center;gap:10px}.tool-icon{font-size:17px;color:var(--ink-soft)}.tool-name{font-size:14px;font-weight:500;color:var(--ink);flex:1}.tool-preview{font-family:JetBrains Mono,monospace;font-size:11.5px;line-height:1.6;color:var(--ink-faint);background:var(--surface-sunken);border-radius:var(--radius-sm);padding:9px 11px;white-space:pre-wrap;word-break:break-word;overflow:hidden;flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px}.tool-preview .row{display:block;white-space:pre-wrap;word-break:break-word}.tool-preview .arrow{color:var(--accent);margin:0 6px}.tool-preview .hl{color:var(--accent);background:var(--accent-soft);padding:0 1px;border-radius:2px}.tool-preview .g{color:var(--good)}.tool-preview .s{color:var(--ink-soft)}.tool-preview .k{color:var(--accent)}.ls{background:var(--surface);border:.5px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.ls-head{padding:10px 16px;border-bottom:.5px solid var(--line);background:var(--surface-sunken);font-family:JetBrains Mono,monospace;font-size:11.5px;color:var(--ink-soft);display:flex;align-items:center;gap:8px}.ls-head .prompt{color:var(--accent)}.ls-head .flag{color:var(--ink-faint)}.ls-head .caret{width:6px;height:12px;background:var(--ink-soft);margin-left:2px;animation:blink 1.1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.ls-body{padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:12.5px;display:flex;flex-direction:column}.ls-row{display:grid;grid-template-columns:110px 1fr 56px;align-items:baseline;gap:16px;padding:8px 10px;border-radius:5px;cursor:pointer;transition:background .12s;color:var(--ink-soft);text-decoration:none}.ls-row:hover{background:var(--accent-soft)}.ls-row .name{color:var(--ink);display:inline-flex;align-items:baseline}.ls-row .name:after{content:"/";color:var(--ink-faint)}.ls-row .tools{color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ls-row .tools .sep{color:var(--ink-faint);margin:0 6px}.ls-row .tools .more{color:var(--ink-faint)}.ls-row .count{color:var(--ink-faint);font-size:11px;text-align:right;font-variant-numeric:tabular-nums}@media(max-width:960px){.hero{grid-template-columns:1fr;gap:36px;padding-top:48px}.tools-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.tools-grid,.demo-body{grid-template-columns:1fr}.demo-pane.in{border-right:none;border-bottom:.5px solid var(--line)}}.premium{margin:64px 0 72px;background:var(--surface);border:.5px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;display:grid;grid-template-columns:1fr 1.15fr}.premium-copy{padding:32px 36px;display:flex;flex-direction:column;gap:14px;justify-content:center;border-right:.5px solid var(--line)}.premium-label{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;color:var(--accent);letter-spacing:.06em}.premium-title{font-family:Fraunces,serif;font-size:26px;letter-spacing:-.02em;line-height:1.15;color:var(--ink)}.premium-title em{font-style:italic;color:var(--accent)}.premium-body{font-size:14.5px;color:var(--ink-soft);line-height:1.6;margin:0}.btn-premium{display:inline-flex;align-items:center;padding:10px 22px;background:var(--accent);color:#fff;border-radius:999px;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .15s;align-self:flex-start;margin-top:6px}.btn-premium:hover{opacity:.85}.premium-feat{background:var(--surface-sunken);display:flex;flex-direction:column}.premium-feat-head{padding:10px 16px;border-bottom:.5px solid var(--line);font-family:JetBrains Mono,monospace;font-size:11.5px;color:var(--ink-soft);display:flex;align-items:center;gap:8px}.premium-feat-head .prompt{color:var(--accent)}.premium-feat-head .file{color:var(--ink)}.premium-feat-body{display:block;padding:18px 22px;margin:0;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.9;color:var(--ink);overflow-x:auto}.premium-feat-body .k{color:var(--accent)}.premium-feat-body .p{color:var(--ink-soft)}.premium-feat-body .c{color:var(--ink-faint)}@media(max-width:768px){.premium{grid-template-columns:1fr}.premium-copy{border-right:none;border-bottom:.5px solid var(--line);padding:24px 22px}}.magic-detect{display:none;flex-direction:row;align-items:center;gap:10px;margin-top:8px;padding:8px 14px;background:var(--accent-soft);border:.5px solid var(--accent);border-radius:var(--radius-md);font-family:JetBrains Mono,monospace;font-size:12px;animation:magicIn .15s ease}@keyframes magicIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.magic-type{color:var(--accent);font-weight:500}.magic-sep{color:var(--ink-faint)}.magic-go{color:var(--ink);cursor:pointer}.magic-go:hover{color:var(--accent)}.demo-format-status{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--ink-faint)}.demo-format-status.detected{color:var(--accent)}.demo-foot{padding:8px 14px;border-top:.5px solid var(--line);background:var(--surface-sunken);display:flex;gap:10px;align-items:center;flex-wrap:wrap}.demo-link{font-family:JetBrains Mono,monospace;font-size:11.5px;color:var(--accent);text-decoration:none;border:.5px solid var(--accent);border-radius:4px;padding:3px 9px;transition:background .12s,color .12s}.demo-link:hover{background:var(--accent);color:#fff}.demo-link-pro{font-family:JetBrains Mono,monospace;font-size:11.5px;color:var(--ink-faint);text-decoration:none}.demo-link-pro:hover{color:var(--accent)}
