/* p9.rs */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #1a1b26; color: #a9b1d6; font-family: 'Inter', sans-serif; font-weight: 400; line-height: 1.6; }
.accent-line { height: 2px; background: #7aa2f7; }
.hero { text-align: center; padding: 4rem 2rem 2rem; }
.brand { font-family: 'Fira Code', monospace; font-weight: 500; font-size: clamp(2rem, 5vw, 3rem); color: #a9b1d6; }
.nine { color: #7aa2f7; }
.version-badge { display: inline-block; font-family: 'JetBrains Mono', monospace; font-size: 0.55rem; border: 1px solid #3b4261; padding: 2px 8px; border-radius: 9999px; margin-top: 0.5rem; color: #565f89; }
.prompt-block { max-width: 400px; margin: 2rem auto 0; text-align: left; }
.prompt-line { font-family: 'JetBrains Mono', monospace; font-size: 0.75rem; }
.output-line { font-family: 'JetBrains Mono', monospace; font-size: 0.75rem; color: #9ece6a; }
.muted { color: #565f89; }
.features { max-width: 500px; margin: 0 auto; padding: 2rem 1.5rem; display: flex; flex-direction: column; gap: 1rem; }
.terminal-pane { background: #24283b; border: 1px solid #3b4261; border-radius: 8px; overflow: hidden; }
.pane-bar { display: flex; align-items: center; padding: 8px 12px; background: #1a1b26; border-bottom: 1px solid #3b4261; }
.pane-dots { font-size: 0.6rem; color: #565f89; }
.pane-title { font-family: 'JetBrains Mono', monospace; font-size: 0.55rem; color: #565f89; margin-left: auto; }
.pane-body { padding: 12px 16px; }
.pane-line { font-size: 0.75rem; margin-bottom: 0.3rem; }
.pane-body.code { font-family: 'JetBrains Mono', monospace; }
.code-line { font-size: 0.7rem; margin-bottom: 0.2rem; }
.kw { color: #ff9e64; }
.fn { color: #7aa2f7; }
.str { color: #9ece6a; }
.install { max-width: 500px; margin: 0 auto; padding: 2rem 1.5rem; }
.install-label { font-size: 0.75rem; color: #565f89; margin-bottom: 0.75rem; }
.install-panel { background: #24283b; border: 2px solid #7aa2f7; border-radius: 8px; padding: 16px; display: flex; align-items: center; justify-content: space-between; }
.install-cmd { font-family: 'JetBrains Mono', monospace; font-size: 0.8rem; }
.copy-hint { font-family: 'JetBrains Mono', monospace; font-size: 0.55rem; color: #565f89; }
.eof { text-align: center; padding: 3rem 2rem 4rem; }
.exit-line { font-family: 'JetBrains Mono', monospace; font-size: 0.75rem; opacity: 0.5; }
.fade-in { opacity: 0; transform: translateY(12px); transition: opacity 0.5s ease, transform 0.5s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }