.hp{--hp-bg:#0a0a0a;--hp-bg-raised:#111;--hp-bg-code:#0d0d0d;--hp-border:#1a1a1a;--hp-border-bright:#2a2a2a;--hp-text:#e5e5e5;--hp-text-dim:#737373;--hp-text-muted:#525252;--hp-accent:#22c55e;--hp-mono:ui-monospace,"Cascadia Code","Source Code Pro",Menlo,Consolas,"DejaVu Sans Mono",monospace;--hp-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--hp-bg);color:var(--hp-text);font-family:var(--hp-sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle,#1a1a1a 1px,#0000 1px);background-size:24px 24px;min-height:100vh;line-height:1.6}.hp a{color:var(--hp-text-dim);text-decoration:none;transition:color .15s}.hp a:hover{color:var(--hp-text)}.hp-nav{border-bottom:1px solid var(--hp-border);justify-content:space-between;align-items:center;max-width:1080px;margin:0 auto;padding:20px 24px;display:flex}.hp-wordmark{font-family:var(--hp-mono);color:var(--hp-text);letter-spacing:-.02em;font-size:16px;font-weight:600}.hp-wordmark span{color:var(--hp-accent)}.hp-nav-links{font-family:var(--hp-mono);gap:24px;font-size:14px;display:flex}.hp-container{max-width:1080px;margin:0 auto;padding:0 24px}.hp-hero{text-align:center;padding:80px 0 48px}.hp-hero-label{font-family:var(--hp-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--hp-accent);margin-bottom:16px;font-size:12px}.hp-hero h1{letter-spacing:-.03em;margin-bottom:20px;font-size:clamp(32px,5vw,56px);font-weight:700;line-height:1.1}.hp-hero p{color:var(--hp-text-dim);max-width:640px;margin:0 auto;font-size:18px;line-height:1.6}.hp-code-section{padding:48px 0}.hp-code-section-inner{max-width:1400px;margin:0 auto;padding:0 24px}.hp-code-split{background:var(--hp-border);border:1px solid var(--hp-border);border-radius:8px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.hp-code-pane{background:var(--hp-bg-code);flex-direction:column;min-width:0;padding:0;display:flex}.hp-code-pane-header{font-family:var(--hp-mono);color:var(--hp-text-muted);border-bottom:1px solid var(--hp-border);background:var(--hp-bg-raised);align-items:stretch;font-size:12px;display:flex}.hp-code-tab{cursor:pointer;border-right:1px solid var(--hp-border);white-space:nowrap;padding:10px 16px;transition:color .15s,background .15s}.hp-code-tab:hover{color:var(--hp-text-dim)}.hp-code-tab.active{color:var(--hp-text);background:var(--hp-bg-code)}.hp-code-pane-label{padding:10px 16px}.hp-code-pane pre{font-family:var(--hp-mono);color:var(--hp-text-dim);flex:1;margin:0;padding:20px;font-size:12.5px;line-height:1.7;overflow-x:auto;background:0 0!important}.hp .kw{color:#c084fc}.hp .str{color:#fbbf24}.hp .cmt{color:#525252}.hp .fn{color:#60a5fa}.hp .num{color:#f97316}.hp .tp{color:#2dd4bf}.hp .trail-name{color:var(--hp-accent)}.hp .trail-name-b{color:#60a5fa}.hp .trail-name-c{color:#c084fc}.hp .trail-msg{color:var(--hp-text)}.hp .trail-time{color:var(--hp-text-muted)}.hp .trail-data{color:#fbbf24}.hp .cc-prompt{color:var(--hp-text);font-weight:600}.hp .cc-icon{color:var(--hp-accent)}.hp .cc-dim{color:var(--hp-text-dim)}.hp-install-section{padding:32px 0 64px}.hp-install-steps{flex-direction:column;gap:12px;max-width:520px;margin:0 auto;display:flex}.hp-install-step{align-items:center;gap:12px;display:flex}.hp-install-step-num{font-family:var(--hp-mono);color:var(--hp-accent);text-align:center;flex-shrink:0;width:20px;font-size:12px}.hp-install-step-text{font-family:var(--hp-mono);color:var(--hp-text-dim);padding:14px 0;font-size:14px}.hp-install-bar{background:var(--hp-bg-raised);border:1px solid var(--hp-border-bright);font-family:var(--hp-mono);border-radius:8px;align-items:center;gap:16px;padding:14px 20px;font-size:15px;transition:border-color .15s;display:flex}.hp-install-bar:hover{border-color:#333}.hp-prompt-sign{color:var(--hp-accent);-webkit-user-select:none;user-select:none}.hp-install-bar code{color:var(--hp-text);white-space:nowrap;font-size:inherit;background:0 0!important;padding:0!important}.hp-copy-btn{border:1px solid var(--hp-border-bright);color:var(--hp-text-dim);font-family:var(--hp-mono);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;padding:4px 10px;font-size:12px;transition:all .15s}.hp-copy-btn:hover{color:var(--hp-text);border-color:#444}.hp-features{padding:64px 0}.hp-feature-grid{background:var(--hp-border);border:1px solid var(--hp-border);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.hp-feature-card{background:var(--hp-bg-raised);padding:32px 28px}.hp-feature-card h3{font-family:var(--hp-mono);color:var(--hp-text);margin-bottom:12px;font-size:15px;font-weight:600}.hp-feature-card p{color:var(--hp-text-dim);font-size:14px;line-height:1.6}.hp-feature-card code{font-family:var(--hp-mono);color:var(--hp-accent);background:#22c55e14;border-radius:3px;padding:1px 5px;font-size:13px}.hp-workflow{padding:64px 0}.hp-workflow h2{letter-spacing:-.02em;margin-bottom:12px;font-size:28px;font-weight:700}.hp-section-subtitle{color:var(--hp-text-dim);margin-bottom:32px;font-size:16px}.hp-section-subtitle a{color:var(--hp-accent)}.hp-section-subtitle code{font-family:var(--hp-mono);color:var(--hp-accent);background:#22c55e14;border-radius:3px;padding:1px 5px;font-size:14px}.hp-section-subtitle strong{color:var(--hp-text)}.hp-workflow-steps{grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:40px;display:grid}.hp-workflow-step{font-family:var(--hp-mono);font-size:13px}.hp-step-num{color:var(--hp-accent);margin-bottom:8px;font-size:12px}.hp-step-title{color:var(--hp-text);margin-bottom:6px;font-size:14px;font-weight:600}.hp-step-desc{color:var(--hp-text-dim);line-height:1.5}.hp-step-desc code{font-family:var(--hp-mono);color:var(--hp-accent);background:#22c55e14;border-radius:3px;padding:1px 4px;font-size:12px}.hp-workflow-flow{justify-content:center;align-items:center;padding:32px 0;display:flex}.hp-flow-step{flex-direction:column;align-items:center;gap:10px;display:flex}.hp-flow-dot{background:var(--hp-border-bright);border:2px solid var(--hp-border-bright);border-radius:50%;width:12px;height:12px;display:block}.hp-flow-dot.active{background:var(--hp-accent);border-color:var(--hp-accent);box-shadow:0 0 8px #22c55e4d}.hp-flow-line{background:var(--hp-border-bright);width:48px;height:2px;margin-bottom:22px}.hp-flow-line.active{background:var(--hp-accent)}.hp-flow-label{font-family:var(--hp-mono);color:var(--hp-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.hp-skills{padding:64px 0}.hp-skills h2{letter-spacing:-.02em;margin-bottom:12px;font-size:28px;font-weight:700}.hp-skills-install{background:var(--hp-bg-code);border:1px solid var(--hp-border);border-radius:8px;margin-bottom:24px;overflow:hidden}.hp-skills-pre{font-family:var(--hp-mono);color:var(--hp-text-dim);margin:0;padding:20px;font-size:12.5px;line-height:1.7;overflow-x:auto;background:0 0!important}.hp-skills-detail{gap:32px;display:flex}.hp-skills-detail p{color:var(--hp-text-dim);flex:1;font-size:14px;line-height:1.6}.hp-skills-detail a{color:var(--hp-accent)}.hp-compat{padding:64px 0}.hp-compat h2{letter-spacing:-.02em;margin-bottom:12px;font-size:28px;font-weight:700}.hp-compat-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.hp-compat-item{background:var(--hp-bg-raised);border:1px solid var(--hp-border);font-family:var(--hp-mono);border-radius:8px;padding:20px 24px;font-size:14px}.hp-compat-label{color:var(--hp-text);margin-bottom:4px;font-weight:600}.hp-compat-desc{color:var(--hp-text-dim);font-size:13px;font-family:var(--hp-sans)}.hp-footer{border-top:1px solid var(--hp-border);margin-top:48px;padding:32px 0}.hp-footer-inner{font-family:var(--hp-mono);color:var(--hp-text-muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}.hp-footer-inner a{color:var(--hp-text-dim)}@media (max-width:768px){.hp-code-split,.hp-feature-grid{grid-template-columns:1fr}.hp-workflow-steps{grid-template-columns:1fr 1fr;gap:20px}.hp-compat-grid{grid-template-columns:1fr}.hp-hero{padding:56px 0 32px}.hp-hero p{font-size:16px}.hp-install-bar{padding:12px 16px;font-size:13px}}@media (max-width:480px){.hp-workflow-steps{grid-template-columns:1fr}.hp-nav{padding:16px}.hp-container{padding:0 16px}.hp-code-section-inner{padding:0 8px}.hp-code-pane pre{padding:12px;font-size:11px}}