.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-top:4rem;position:relative}.hero-content{max-width:720px;display:flex;flex-direction:column;align-items:center;gap:2rem}.hero-logo{font-family:var(--font-mono);font-size:3rem;font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;gap:.1em}.logo-bracket{color:var(--text-secondary)}.logo-text{color:var(--v-active-green)}.logo-cursor{color:var(--v-active-green);animation:blink 1s step-end infinite;margin-left:.1em;font-size:.8em}.hero-title{font-family:var(--font-sans);font-size:1.25rem;font-weight:500;color:var(--text-secondary);letter-spacing:.15em;text-transform:uppercase}.hero-subtitle{font-size:1.15rem;color:var(--text-secondary);line-height:1.8;max-width:560px}.hero-install{width:clamp(280px,85vw,720px);display:flex;justify-content:center}.install-box{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;max-width:720px;width:100%}.install-header{display:flex;align-items:center;gap:6px;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);background-color:#161b2299}.install-header-title{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);margin-left:.5rem}.install-body{padding:1.25rem}.install-command-row{display:flex;align-items:center;gap:1rem}.install-command{font-family:var(--font-mono);font-size:.825rem;color:var(--text-primary);background:none;border:none;padding:0;line-height:1.7;white-space:nowrap;overflow-x:auto;flex:1;min-width:0;user-select:all;-webkit-user-select:all;text-align:left}.install-command .prompt{color:var(--v-active-green);margin-right:.5em;user-select:none;-webkit-user-select:none}.copy-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.copy-btn:hover,.copy-btn.copied{border-color:var(--v-active-green);color:var(--v-active-green)}.hero-actions{display:flex;justify-content:center;align-items:center;gap:1rem;width:clamp(200px,60vw,720px)}.btn{font-family:var(--font-mono);font-size:.875rem;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block}.btn-primary{background-color:var(--v-active-green);color:var(--bg-base);border:1px solid var(--v-active-green);font-weight:700}.btn-primary:hover{background-color:transparent;color:var(--v-active-green)}.btn-secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--v-active-green);color:var(--v-active-green)}.checkpoint-line{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center}.checkpoint-line .line{flex:1;height:1px;background-color:var(--border-color)}.checkpoint-line .checkpoint-dot{width:8px;height:8px;background-color:var(--v-active-green);flex-shrink:0}@media(max-width:768px){.hero{padding-top:2rem;min-height:auto;padding-bottom:3rem}.hero-content{gap:1.25rem;padding:0 .5rem}.hero-logo{font-size:2.25rem}.hero-title{font-size:1rem;letter-spacing:.08em}.hero-subtitle{font-size:.95rem}.install-box{max-width:100%}.hero-actions{flex-direction:column;align-items:center}.btn{text-align:center}.install-command{font-size:.65rem}.install-body{padding:.75rem}.install-command-row{gap:.5rem}}@media(max-width:400px){.hero-logo{font-size:1.75rem}.hero-title{font-size:.85rem;letter-spacing:.05em}.hero-subtitle{font-size:.85rem}.install-command{font-size:.55rem}.install-body{padding:.5rem}}.features{position:relative;padding-bottom:6rem}.section-title{font-family:var(--font-sans);font-size:1.75rem;font-weight:600;margin-bottom:3rem;display:flex;align-items:center;gap:1rem}.version-tag{font-family:var(--font-mono);font-size:.8rem;font-weight:700;color:var(--v-active-green);background-color:#a3e6351a;padding:.25rem .6rem;border-radius:4px;border:1px solid rgba(163,230,53,.2)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;padding:1.75rem;transition:border-color .2s ease}.feature-card:hover{border-color:var(--v-active-green)}.feature-icon{font-size:1.5rem;color:var(--v-active-green);margin-bottom:1rem;font-family:var(--font-mono)}.feature-title{font-family:var(--font-mono);font-size:1rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.feature-description{font-size:.9rem;color:var(--text-secondary);line-height:1.6}@media(max-width:768px){.features-grid{grid-template-columns:1fr;gap:1rem}.section-title{font-size:1.35rem;margin-bottom:2rem}.feature-card{padding:1.25rem}.feature-description{font-size:.85rem}}@media(min-width:769px)and (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}.how-it-works{position:relative;padding-bottom:6rem}.how-terminal{width:100%;max-width:600px;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;text-align:left;margin:0 auto 3rem}.terminal-header{display:flex;align-items:center;gap:6px;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);background-color:#161b22cc}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot.red{background-color:var(--v-error-red)}.terminal-dot.yellow{background-color:var(--v-pending-amber)}.terminal-dot.green{background-color:var(--v-active-green)}.terminal-title{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);margin-left:.5rem}.terminal-body{padding:1rem 1.25rem;font-family:var(--font-mono);font-size:.875rem;line-height:1.8}.terminal-line{color:var(--text-primary)}.terminal-line.output{color:var(--text-secondary)}.prompt,.status-ok{color:var(--v-active-green);margin-right:.5em}.cursor-blink{animation:blink 1s step-end infinite;color:var(--v-active-green)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.steps{display:flex;flex-direction:column;gap:0}.step{display:flex;gap:1.5rem}.step-connector{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.step-number{font-family:var(--font-mono);font-size:.8rem;font-weight:700;color:var(--bg-base);background-color:var(--v-active-green);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-line{width:2px;flex:1;background-color:var(--border-color);min-height:40px}.step-content{padding-bottom:2.5rem}.step-title{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.step-code{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:4px;padding:.5rem .75rem;display:inline-block;margin-bottom:.75rem}.step-code .prompt{color:var(--v-active-green);margin-right:.5em}.step-description{font-size:.9rem;color:var(--text-secondary);line-height:1.6;max-width:480px}@media(max-width:768px){.how-terminal{max-width:100%}.terminal-body{font-size:.75rem;padding:.75rem 1rem;line-height:1.7}.step{gap:1rem}.step-title{font-size:.95rem}.step-code{font-size:.7rem;padding:.4rem .6rem;max-width:100%;overflow-x:auto;word-break:break-all}.step-description{font-size:.85rem}.step-content{min-width:0;padding-bottom:1.75rem}}@media(max-width:400px){.terminal-body{font-size:.65rem;padding:.5rem .75rem}.step-code{font-size:.6rem}}.code-example{position:relative;padding-bottom:6rem}.code-panels{display:flex;flex-direction:column;gap:1.5rem}.code-panel{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.panel-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);background-color:#161b2299}.panel-icon{color:var(--v-active-green);font-family:var(--font-mono);font-size:.9rem}.panel-title{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary)}.panel-code{font-family:var(--font-mono);font-size:.825rem;color:var(--text-primary);padding:1.25rem;line-height:1.7;overflow-x:auto;margin:0;white-space:pre}@media(max-width:768px){.panel-code{font-size:.7rem;padding:.75rem}.code-panel{max-width:100%}.panel-title{font-size:.7rem}}@media(max-width:400px){.panel-code{font-size:.6rem;padding:.5rem}}.footer{margin-top:auto;border-top:1px solid var(--border-color);padding:3rem 1.5rem 2rem;position:relative}.footer-content{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-brand{display:flex;flex-direction:column;gap:.5rem}.footer-logo{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;color:var(--v-active-green)}.footer-logo .bracket{color:var(--text-secondary)}.footer-tagline{font-size:.85rem;color:var(--text-secondary);font-style:italic}.footer-meta{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary)}.footer-separator{color:var(--border-color)}.checkpoint-line-footer{display:flex;align-items:center;margin-top:2rem}.checkpoint-line-footer .line{flex:1;height:1px;background-color:var(--border-color)}.checkpoint-line-footer .checkpoint-dot{width:8px;height:8px;background-color:var(--v-active-green);flex-shrink:0}@media(max-width:768px){.footer-content{flex-direction:column;gap:1.5rem;text-align:center}}.app{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}section{padding:5rem 1.5rem;max-width:1100px;margin:0 auto;width:100%;box-sizing:border-box}@media(max-width:768px){section{padding:3rem 1rem}}@media(max-width:400px){section{padding:2rem .75rem}}:root{--bg-base: #0D1117;--bg-surface: #161B22;--text-primary: #F0F6FC;--text-secondary: #8B949E;--v-active-green: #A3E635;--v-pending-amber: #D29922;--v-context-blue: #388BFD;--v-error-red: #F85149;--border-color: #30363D;--font-mono: "JetBrains Mono", "Fira Code", "Lucida Console", monospace;--font-sans: "Inter", "Geist", system-ui, -apple-system, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:var(--v-context-blue);text-decoration:none;transition:color .2s ease}a:hover{color:var(--v-active-green)}::selection{background-color:var(--v-active-green);color:var(--bg-base)}code{font-family:var(--font-mono);background-color:var(--bg-surface);padding:.15em .4em;border-radius:4px;font-size:.9em;border:1px solid var(--border-color)}