.features{background-color:var(--surface);padding:3.5rem 0;position:relative}.features-container{max-width:64rem;margin:0 auto;padding:0 1.5rem}.features-title{font-family:var(--font-mono);color:var(--foreground);letter-spacing:-.02em;margin-bottom:2rem;font-size:1.5rem;font-weight:600}.features-title-hash{color:var(--accent);margin-right:.5rem}.features-grid{gap:1rem;display:grid}@media (min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background-color:var(--background);border:1px solid var(--border);transition:all var(--transition-fast);border-radius:10px;flex-direction:column;padding:1.5rem;display:flex;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg,var(--accent)0%,transparent 100%);opacity:0;height:2px;transition:opacity var(--transition-fast);position:absolute;bottom:0;left:0;right:0}.feature-card:hover{border-color:var(--accent);box-shadow:0 12px 32px var(--shadow-color);transform:translateY(-3px)}.feature-card:hover:before{opacity:1}.feature-header{align-items:center;gap:.75rem;margin-bottom:.875rem;display:flex}.feature-number{font-family:var(--font-mono);color:var(--foreground-subtle);background-color:var(--accent-subtle);letter-spacing:.02em;border-radius:4px;padding:.25rem .5rem;font-size:.7rem;font-weight:500}.feature-content{flex:1}.feature-title{font-family:var(--font-mono);color:var(--foreground);letter-spacing:-.01em;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.95rem;font-weight:600;display:flex}.feature-title-prefix{color:var(--accent);opacity:.7;transition:opacity var(--transition-fast)}.feature-card:hover .feature-title-prefix{opacity:1}.feature-description{color:var(--foreground-muted);margin:0;font-size:.875rem;line-height:1.6}
.get-started{background-color:var(--background);padding:3.5rem 0}.get-started-container{max-width:64rem;margin:0 auto;padding:0 1.5rem}.get-started-title{font-family:var(--font-mono);color:var(--foreground);letter-spacing:-.02em;margin-bottom:2rem;font-size:1.5rem;font-weight:600}.get-started-title-hash{color:var(--accent);margin-right:.5rem}.tabs{background-color:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.tabs-list{border-bottom:1px solid var(--border);background-color:var(--background);flex-wrap:wrap;gap:0;display:flex}.tabs-trigger{font-family:var(--font-mono);color:var(--foreground-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.875rem 1.5rem;font-size:.85rem;font-weight:500;position:relative}.tabs-trigger:hover{color:var(--foreground);background-color:var(--surface)}.tabs-trigger.active{color:var(--accent);border-bottom-color:var(--accent);background-color:var(--surface)}.tabs-content{padding:1.75rem}.tabs-panel{animation:fadeIn var(--transition-medium)ease-out;display:none}.tabs-panel.active{display:block}.install-section-desc{color:var(--foreground-muted);margin:1rem 0 .625rem;font-size:.9rem;line-height:1.6}.install-section-desc:first-child{margin-top:0}.install-code{border-radius:6px;margin:0;overflow-x:auto}.install-code pre{border:1px solid var(--border);border-radius:6px;margin:0;padding:1.125rem;overflow-x:auto}.install-code code{background:0 0;padding:0;font-size:.85rem}.install-steps{color:var(--foreground-muted);margin:0 0 1rem;padding-left:1.25rem;font-size:.9rem;line-height:1.7}.install-steps li{margin-bottom:.625rem}.install-steps a{color:var(--accent);transition:border-color var(--transition-fast);border-bottom:1px solid #0000;text-decoration:none}.install-steps a:hover{border-bottom-color:var(--accent)}.install-section-desc a{color:var(--accent);transition:border-color var(--transition-fast);border-bottom:1px solid #0000;text-decoration:none}.install-section-desc a:hover{border-bottom-color:var(--accent)}.get-started-cta{text-align:center;margin-top:3rem}.get-started-button{font-family:var(--font-mono);background-color:var(--accent);color:var(--accent-foreground);transition:all var(--transition-fast);border-radius:6px;align-items:center;gap:.5rem;padding:1rem 2.25rem;font-size:1rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.get-started-button:after{content:"";width:100%;height:100%;transition:left var(--transition-medium);background:linear-gradient(90deg,#0000,#ffffff1a,#0000);position:absolute;top:0;left:-100%}.get-started-button:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.get-started-button:hover:after{left:100%}
.hero{background:var(--hero-gradient);padding:4rem 0 3rem;position:relative;overflow:hidden}.hero-container{max-width:64rem;margin:0 auto;padding:0 1.5rem;position:relative}.hero-tagline{font-family:var(--font-mono);color:var(--foreground);letter-spacing:-.01em;max-width:48rem;animation:fadeIn var(--transition-slow)ease-out;margin:0 0 1.5rem;font-size:1.35rem;line-height:1.6}@media (min-width:640px){.hero-tagline{font-size:1.75rem}}.hero-description{color:var(--foreground-muted);max-width:42rem;animation:fadeIn var(--transition-slow)ease-out .1s both;margin:0;font-size:1.0625rem;line-height:1.8}@media (min-width:640px){.hero-description{font-size:1.125rem}}.hero-install{background-color:var(--pre-background);font-family:var(--font-mono);color:var(--pre-foreground);border:1px solid var(--border);animation:fadeIn var(--transition-slow)ease-out .2s both;border-radius:8px;margin-top:2.5rem;padding:1rem 1.5rem;font-size:.9rem;display:inline-block}.hero-install-prompt{color:var(--accent);-webkit-user-select:none;user-select:none;margin-right:.5rem}.hero-actions{animation:fadeIn var(--transition-slow)ease-out .3s both;flex-wrap:wrap;gap:1rem;margin-top:2.5rem;display:flex}.hero-button{font-family:var(--font-mono);transition:all var(--transition-fast);border-radius:6px;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.hero-button:after{content:"";width:100%;height:100%;transition:left var(--transition-medium);background:linear-gradient(90deg,#0000,#ffffff1a,#0000);position:absolute;top:0;left:-100%}.hero-button:hover:after{left:100%}.hero-button-primary{background-color:var(--accent);color:var(--accent-foreground)}.hero-button-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.hero-button-secondary{color:var(--foreground);border:1px solid var(--border);background-color:#0000}.hero-button-secondary:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.hero-screenshot{animation:fadeIn var(--transition-slow)ease-out .2s both;max-width:900px;margin-top:3rem;margin-left:auto;margin-right:auto}.hero-screenshot-image{border:1px solid var(--border);border-radius:8px;width:100%;height:auto;display:block}