:root{--bg: #0d0e0f;--surface: #141618;--border: #252729;--c-cmd: #3ecfb2;--c-sub: #f5c842;--c-flag: #ff6b6b;--c-arg: #b388ff;--amber: #f5c842;--amber2: #f5c842;--teal: #3ecfb2;--coral: #ff6b6b;--muted: #6b7280;--text: #e8e9ea;--textdim: #9ca3af}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Instrument Sans,sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}body:before{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:1000}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;gap:2rem;padding:.85rem 2rem;background:#0d0e0fd9;backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-logo{font-family:IBM Plex Mono,monospace;font-weight:600;font-size:.85rem;color:var(--amber);letter-spacing:.05em;text-decoration:none}.nav-links{display:flex;gap:1.5rem;list-style:none;margin-left:auto}.nav-links a{font-family:IBM Plex Mono,monospace;font-size:.78rem;color:var(--muted);text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--amber)}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:6rem 2rem 4rem;max-width:1000px;margin:0 auto;position:relative}.hero-eyebrow{font-family:IBM Plex Mono,monospace;font-size:.78rem;color:var(--amber);letter-spacing:.15em;text-transform:uppercase;margin-bottom:1.5rem}h1{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(2.8rem,8vw,6rem);line-height:1;letter-spacing:-.02em;color:#fff;margin-bottom:1.5rem}h1 span{color:var(--amber)}.hero-sub{font-size:1.15rem;color:var(--textdim);max-width:560px;margin-bottom:3rem}.term-demo{background:#0a0b0c;border:1px solid var(--border);border-radius:10px;overflow:hidden;max-width:680px;box-shadow:0 24px 80px #0009,0 0 0 1px #ffffff08}.term-bar{background:#1a1c1e;padding:.6rem 1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border)}.dot{width:12px;height:12px;border-radius:50%}.dot-r{background:#ff5f57}.dot-y{background:#febc2e}.dot-g{background:#28c840}.term-title{font-family:IBM Plex Mono,monospace;font-size:.75rem;color:var(--muted);margin:0 auto}.term-body{padding:1.5rem;font-family:IBM Plex Mono,monospace;font-size:.88rem;line-height:1.9}.prompt{color:var(--teal)}.cmd{color:var(--c-cmd)}.sub{color:var(--c-sub)}.flag{color:var(--c-flag)}.arg{color:var(--c-arg)}.out{color:var(--textdim)}.cursor{display:inline-block;width:9px;height:1.1em;background:var(--amber);vertical-align:text-bottom;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}section{max-width:1000px;margin:0 auto;padding:6rem 2rem;border-top:1px solid var(--border)}.section-num{font-family:IBM Plex Mono,monospace;font-size:.72rem;color:var(--amber);letter-spacing:.2em;text-transform:uppercase;margin-bottom:.75rem}h2{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(1.8rem,4vw,3rem);line-height:1.1;letter-spacing:-.02em;color:#fff;margin-bottom:1.25rem}h3{font-family:Syne,sans-serif;font-weight:700;font-size:1.25rem;color:#fff;margin-bottom:.6rem}p{color:var(--textdim);margin-bottom:1.1rem}p strong{color:var(--text)}.anatomy{margin:3rem 0;background:#0a0b0c;border:1px solid var(--border);border-radius:10px;overflow:hidden}.anatomy-term{padding:2rem 2.5rem;font-family:IBM Plex Mono,monospace;font-size:clamp(1rem,3vw,1.4rem);letter-spacing:.04em;display:flex;flex-wrap:wrap;gap:.4em;align-items:baseline}.a-cmd{color:var(--c-cmd)}.a-sub{color:var(--c-sub)}.a-flag{color:var(--c-flag)}.a-arg{color:var(--c-arg)}.a-space{width:.4em}.anatomy-labels{padding:0 2.5rem 2rem;display:flex;flex-wrap:wrap;gap:1rem}.label-chip{display:flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.4rem .8rem;font-size:.82rem}.chip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chip-name{font-family:IBM Plex Mono,monospace;font-weight:600}.chip-desc{color:var(--muted);font-size:.78rem;margin-left:.2rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-top:2.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.5rem;transition:border-color .2s,transform .2s;cursor:default}.card:hover{border-color:var(--amber);transform:translateY(-3px)}.card-icon{font-family:IBM Plex Mono,monospace;font-size:1.4rem;margin-bottom:.8rem;display:block}.card-term{font-family:IBM Plex Mono,monospace;font-size:.9rem;font-weight:600;margin-bottom:.4rem}.example-block{margin:2rem 0;border-left:3px solid var(--amber);padding-left:1.5rem}.example-label{font-family:IBM Plex Mono,monospace;font-size:.72rem;color:var(--amber);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.5rem}.code-line{background:#0a0b0c;border:1px solid var(--border);border-radius:6px;padding:.75rem 1.2rem;font-family:IBM Plex Mono,monospace;font-size:.88rem;margin-bottom:.6rem;display:flex;flex-wrap:wrap;align-items:center;gap:.2em;line-height:2}.code-note{font-size:.82rem;color:var(--muted)}.interactive-wrap{margin:2.5rem 0}.iterm{background:#0a0b0c;border:1px solid var(--border);border-radius:10px 10px 0 0;padding:1.5rem 2rem;font-family:IBM Plex Mono,monospace;font-size:1.05rem;display:flex;flex-wrap:wrap;gap:.3em;align-items:center;cursor:default}.iterm span{border-radius:4px;padding:.1em .3em;cursor:pointer;transition:opacity .15s}.iterm span:hover{opacity:.8}.iterm .hcmd{background:#3ecfb21f;color:var(--c-cmd)}.iterm .hsub{background:#f5c8421f;color:var(--c-sub)}.iterm .hflag{background:#ff6b6b1f;color:var(--c-flag)}.iterm .harg{background:#b388ff1f;color:var(--c-arg)}.iterm-info{background:var(--surface);border:1px solid var(--border);border-top:none;border-radius:0 0 10px 10px;padding:1rem 2rem;min-height:3.5rem;font-size:.9rem;color:var(--textdim);transition:all .2s}.info-type{font-family:IBM Plex Mono,monospace;font-weight:600;margin-right:.5rem}.flags-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin:2rem 0}@media(max-width:600px){.flags-grid{grid-template-columns:1fr}nav .nav-links{display:none}}.flag-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.5rem}.flag-style{font-family:IBM Plex Mono,monospace;font-size:1.1rem;font-weight:600;color:var(--coral);margin-bottom:.5rem}.cheat-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.6rem}@media(max-width:600px){.cheat-row{grid-template-columns:1fr}}.cheat-cmd{background:#0a0b0c;border:1px solid var(--border);border-radius:6px;padding:.5rem 1rem;font-family:IBM Plex Mono,monospace;font-size:.82rem;color:var(--amber)}.cheat-desc{font-size:.88rem;color:var(--textdim);display:flex;align-items:center}.callout{background:#f5a62312;border:1px solid rgba(245,166,35,.25);border-radius:10px;padding:1.25rem 1.5rem;margin:1.5rem 0;font-size:.92rem;color:var(--textdim)}.callout strong{color:var(--amber)}.help-demo{background:#0a0b0c;border:1px solid var(--border);border-radius:10px;padding:1.75rem;font-family:IBM Plex Mono,monospace;font-size:.82rem;line-height:2;color:var(--out);margin:1.5rem 0}.help-demo .hl{color:var(--text)}.help-demo .hla{color:var(--amber)}.help-demo .hlb{color:var(--teal)}footer{text-align:center;padding:3rem 2rem;border-top:1px solid var(--border);font-family:IBM Plex Mono,monospace;font-size:.78rem;color:var(--muted)}.fade-in{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:none}