.hero{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1.25rem;min-height:auto;padding:1.25rem 0 .5rem;display:flex}.hero-status{color:#888;background:#a6e3a10f;border:1px solid #a6e3a126;border-radius:10px;align-items:center;gap:8px;padding:6px 14px;font-size:.75rem;animation:.5s both fadeSlideDown;display:inline-flex}.status-dot{background:#a6e3a1;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 8px #a6e3a199}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.status-sep{color:#333}.status-highlight{color:#a6e3a1}.terminal{background:#111;border:1px solid #ffffff12;border-radius:5px;width:100%;animation:.6s .1s both fadeSlideUp;overflow:hidden;box-shadow:0 0 0 1px #00000080,0 40px 100px #000000b3,0 0 80px #cba6f70d}.terminal-header{background:#171717;border-bottom:1px solid #ffffff0d;align-items:center;gap:7px;padding:12px 18px;display:flex}.dot{border-radius:50%;width:11px;height:11px}.red{background:#ff5f57}.yellow{background:#febc2e}.green{background:#28c840}.terminal-path{color:#3a3a3a;letter-spacing:.02em;margin-left:8px;font-size:.72rem}.terminal-body{padding:2.5rem 2.5rem 2rem}.hero-eyebrow{opacity:.5;align-items:center;gap:8px;margin-bottom:1rem;display:flex}.prompt{color:#a6e3a1;font-size:.85rem}.prompt-text{color:#89b4fa;font-size:.85rem}.terminal-title{color:#e0e0e0;letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1}.title-accent{color:var(--primary)}.cursor{vertical-align:middle;background:#cba6f7;border-radius:1px;width:3px;height:.85em;margin-left:3px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.terminal-subtitle{color:#666;margin-bottom:1.5rem;font-size:.9rem;line-height:1.7}.hero-distros{flex-wrap:wrap;gap:8px;margin-bottom:.5rem;display:flex}.distro-badge{border:1px solid var(--border);color:var(--text-muted);background:0 0;border-radius:4px;padding:4px 10px;font-size:.72rem;transition:all .3s}.distro-badge.active{color:#89b4fa;background:#89b4fa0f;border-color:#89b4fa66}.divider{background:#ffffff0d;height:1px;margin:1.8rem 0 1rem}.command-label{color:#3a3a3a;margin-bottom:8px;font-size:.72rem}.prompt-inline{color:#a6e3a1}.command{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.command code{color:#a6e3a1;border-radius:var(--radius-sm);text-align:left;white-space:nowrap;text-overflow:ellipsis;background:#0a0a0a;border:1px solid #ffffff0d;flex:1;min-width:0;padding:13px 16px;font-family:JetBrains Mono,monospace;font-size:.82rem;position:relative;overflow:hidden}.cmd-cursor{vertical-align:middle;opacity:.7;background:#a6e3a1;border-radius:1px;width:6px;height:1em;margin-left:2px;animation:.8s step-end infinite blink;display:inline-block}.command button{background:var(--cta);color:#1e1e1e;border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.02em;border:none;flex-shrink:0;align-items:center;gap:6px;padding:13px 20px;font-family:inherit;font-size:.82rem;font-weight:700;transition:opacity .15s,transform .15s,box-shadow .15s;display:flex}.btn-icon{font-size:.9rem}.command button:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px #a5a5a5}.command button:active{opacity:1;transform:translateY(0)}.hero-note{color:#333;letter-spacing:.04em;margin-top:10px;font-size:.72rem}.hero-stats{align-items:center;gap:1.5rem;animation:.6s .3s both fadeSlideUp;display:flex}.stat{flex-direction:column;gap:2px;display:flex}.stat-value{color:#d0d0d0;letter-spacing:-.02em;font-size:1.1rem;font-weight:700}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.stat-sep{color:#2a2a2a;align-self:center;font-size:1.5rem}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.terminal-body{padding:1.8rem 1.5rem}.hero-stats{gap:1rem}.command{flex-direction:column}.command button{justify-content:center}}
.showcase{margin-top:5rem}.showcase__heading{max-width:600px;margin-bottom:1.8rem}.showcase__heading .section-subtitle{max-width:570px}.showcase-terminal{background:#141414;border:1px solid #303030;border-radius:5px;overflow:hidden;box-shadow:10px 10px #0000002e}.showcase-terminal__bar{color:#6c6c6c;background:#1b1b1b;border-bottom:1px solid #ffffff12;align-items:center;gap:8px;height:48px;padding:0 18px;display:flex}.showcase-terminal__path{margin-left:7px;font-size:.74rem}.showcase-terminal__badge{color:#a6e3a1;border:1px solid #a6e3a147;border-radius:3px;margin-left:auto;padding:3px 8px;font-size:.65rem}.showcase-terminal__body{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);min-height:370px;display:grid}.showcase-menu{background:#111;border-right:1px solid #ffffff12;padding:2rem 2.2rem}.showcase-menu__brand{letter-spacing:-.1em;color:#eaeaea;font-size:clamp(2.3rem,5vw,4rem);font-weight:800;line-height:.9}.showcase-menu__brand span{color:#d4d4d4}.showcase-menu__meta,.showcase-menu__hint{color:#767676;margin-top:1rem;font-size:.73rem}.showcase-menu__rule{background:#ffffff21;max-width:360px;height:1px;margin:.8rem 0}.showcase-menu ul{color:#a9b2be;gap:.25rem;margin-top:.9rem;font-size:.78rem;list-style:none;display:grid}.showcase-menu li{border-radius:2px;padding:.22rem .5rem}.showcase-menu button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.showcase-menu li span{color:#cba6f7;width:14px;font-weight:700;display:inline-block}.showcase-menu li.is-selected{color:#fff;background:#2a2a2a;box-shadow:inset 2px 0 #cba6f7}.showcase-menu button:focus-visible{outline-offset:4px;outline:1px solid #89b4fa}.showcase-preview{background:#161616;flex-direction:column;justify-content:center;padding:2.2rem;display:flex}.showcase-preview__label{color:#a6e3a1;letter-spacing:.13em;text-transform:uppercase;margin-bottom:.8rem;font-size:.68rem}.showcase-preview h3{color:#e6e9ed;margin-bottom:.65rem;font-size:1.12rem}.showcase-preview>p:not(.showcase-preview__label){color:#828c98;font-size:.8rem;line-height:1.75}.showcase-preview__checks{color:#b8c4d2;gap:.55rem;margin-top:1.4rem;font-size:.73rem;display:grid}.showcase-preview__checks span:first-letter{color:#a6e3a1}@media (max-width:720px){.showcase-terminal__body{grid-template-columns:1fr}.showcase-menu{border-bottom:1px solid #ffffff12;border-right:0}}@media (max-width:480px){.showcase{margin-top:3.5rem}.showcase-terminal__badge{display:none}.showcase-menu,.showcase-preview{padding:1.5rem}}
.features-section{margin-top:0}.features-header{margin-bottom:2.5rem}.feature-filters{flex-wrap:wrap;gap:.45rem;margin:-1.15rem 0 1.3rem;display:flex}.feature-filters button{border:1px solid var(--border);color:#777;cursor:pointer;font:inherit;background:0 0;border-radius:3px;padding:.35rem .65rem;font-size:.72rem}.feature-filters button:hover,.feature-filters button.is-active{color:#e0e0e0;background:#1c1c1c;border-color:#777}.feature-filters button:focus-visible{outline-offset:2px;outline:1px solid #89b4fa}.features-grid{background:var(--border);border:1px solid var(--border);border-radius:5px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1px;display:grid;overflow:hidden}.feature-card{background:var(--surface);flex-direction:column;gap:.6rem;padding:1.8rem;transition:background .15s;display:flex;position:relative;overflow:hidden}.feature-card:before{content:"";opacity:0;height:1px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.feature-card--yellow:before{background:linear-gradient(90deg,transparent,var(--yellow),transparent)}.feature-card--blue:before{background:linear-gradient(90deg,transparent,var(--secondary),transparent)}.feature-card--purple:before{background:linear-gradient(90deg,transparent,var(--primary),transparent)}.feature-card--red:before{background:linear-gradient(90deg,transparent,var(--cta),transparent)}.feature-card--green:before{background:linear-gradient(90deg,transparent,var(--green),transparent)}.feature-card:hover{background:var(--surface-2)}.feature-card:hover:before{opacity:1}.feature-card__top{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.feature-id{color:var(--text-dim);letter-spacing:.06em;font-size:.7rem;font-weight:500}.feature-tag{letter-spacing:.08em;text-transform:uppercase;border-radius:2px;padding:3px 8px;font-size:.65rem;font-weight:600}.feature-tag--yellow{color:var(--yellow);background:#f9e2af14;border:1px solid #f9e2af26}.feature-tag--blue{color:var(--secondary);background:var(--secondary-dim);border:1px solid #89b4fa26}.feature-tag--purple{color:var(--primary);background:var(--primary-dim);border:1px solid #cba6f726}.feature-tag--red{color:var(--cta);background:var(--cta-dim);border:1px solid #f38ba826}.feature-tag--green{color:var(--green);background:var(--green-dim);border:1px solid #a6e3a126}.feature-name{color:#e0e0e0;letter-spacing:-.01em;font-size:1rem;font-weight:600}.feature-card--yellow .feature-name{color:var(--yellow)}.feature-card--blue .feature-name{color:var(--secondary)}.feature-card--purple .feature-name{color:var(--primary)}.feature-card--red .feature-name{color:var(--cta)}.feature-card--green .feature-name{color:var(--green)}.feature-desc{color:#555;flex:1;font-size:.82rem;line-height:1.65}.feature-arrow{color:var(--text-dim);margin-top:.8rem;font-size:.85rem;transition:color .2s,transform .2s}.feature-card:hover .feature-arrow{color:var(--text-muted);transform:translate(4px)}@media (max-width:640px){.features-grid{grid-template-columns:1fr}}
.hiw-section{margin-top:6rem}.hiw-header{margin-bottom:3rem}.hiw-steps{flex-direction:column;gap:0;display:flex}.hiw-step{align-items:flex-start;gap:2rem;display:flex}.hiw-step__left{flex-direction:column;flex-shrink:0;align-items:center;gap:0;width:48px;display:flex}.hiw-step__number{background:var(--surface);border:1px solid var(--border);width:40px;height:40px;color:var(--text-muted);letter-spacing:.06em;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:600;display:flex}.hiw-step__line{background:linear-gradient(to bottom,var(--border),transparent);flex:1;width:1px;min-height:60px;margin:4px 0}.hiw-step__content{flex:1;padding-bottom:3rem}.hiw-step:last-child .hiw-step__content{padding-bottom:0}.hiw-step__title{color:#d8d8d8;letter-spacing:-.01em;margin-bottom:.75rem;font-size:1rem;font-weight:600}.hiw-step__code{border-radius:var(--radius-sm);background:#0a0a0a;border:1px solid #ffffff0d;align-items:center;gap:8px;margin-bottom:.75rem;padding:10px 14px;display:inline-flex}.prompt-inline{color:#a6e3a1;flex-shrink:0;font-size:.82rem}.hiw-step__code code{color:#89b4fa;font-family:JetBrains Mono,monospace;font-size:.82rem}.hiw-step__code--command{width:100%;max-width:680px;display:flex}.hiw-step__code--command code{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.hiw-step__copy{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:.74rem;font-weight:600;transition:color .15s,border-color .15s,background .15s}.hiw-step__copy:hover{color:var(--text);border-color:var(--border-hover);background:#ffffff0a}.hiw-step__desc{color:#555;max-width:480px;font-size:.85rem;line-height:1.7}@media (max-width:600px){.hiw-step{gap:1.2rem}.hiw-step__code{flex-wrap:wrap}.hiw-step__code--command{max-width:100%}.hiw-step__code code{word-break:break-all;font-size:.75rem}}
.project-details{border:1px solid var(--border);background:#141414;border-radius:5px;grid-template-columns:1fr 1fr;margin-top:5rem;display:grid;overflow:hidden}.project-details__block{padding:2.1rem}.project-details__block+.project-details__block{border-left:1px solid var(--border)}.project-details .section-label{margin-bottom:1rem}.project-details .section-title{font-size:1.3rem}.project-details .section-subtitle{max-width:440px}.requirements-list{flex-wrap:wrap;gap:.55rem;margin-top:1.4rem;list-style:none;display:flex}.requirements-list li{border:1px solid var(--border-hover);color:#b8b8b8;padding:.25rem .55rem;font-size:.78rem}.requirements-list code{font-family:inherit}.project-details__note{color:#666;margin-top:1.1rem;font-size:.75rem;line-height:1.7}.project-details__links{gap:.65rem;margin-top:1.45rem;display:grid}.project-details__links a{color:#a9b8cf;border-bottom:1px solid #89b4fa59;width:fit-content;font-size:.8rem;text-decoration:none}.project-details__links a:hover{color:#89b4fa}@media (max-width:700px){.project-details{grid-template-columns:1fr;margin-top:3.5rem}.project-details__block+.project-details__block{border-left:0;border-top:1px solid var(--border)}}
