.hero{border-bottom:1px solid var(--border-subtle);padding:5rem 0 3rem;position:relative;overflow:hidden}.hero-inner{z-index:1;max-width:800px;position:relative}.hero-eye{font-family:var(--font-m);letter-spacing:.1em;text-transform:uppercase;color:var(--signal);align-items:center;gap:.75rem;margin-bottom:1.25rem;font-size:.75rem;font-weight:500;display:flex}.hero-eye:before{content:"";background:var(--signal);flex-shrink:0;width:24px;height:1px}.hero-hl{font-family:var(--font-d);font-size:var(--tx4);letter-spacing:-.025em;color:var(--text-primary);margin-bottom:1.25rem;font-weight:700;line-height:1.05}.hero-sub{color:var(--text-secondary);max-width:54ch;font-size:1.0625rem;line-height:1.65}.filter-bar{z-index:50;background:var(--bg-base);border-bottom:1px solid var(--border-subtle);padding:2.5rem 0 1.5rem;position:sticky;top:60px}.filter-row{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.filter-label{font-family:var(--font-m);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);flex-shrink:0;width:72px;font-size:.65rem;font-weight:500}.filter-pills{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.fp{font-family:var(--font-m);letter-spacing:.04em;border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;transition:border-color var(--dur-fast),color var(--dur-fast),background var(--dur-fast);white-space:nowrap;background:0 0;border-radius:999px;min-height:32px;padding:.3rem .875rem;font-size:.7rem;font-weight:500}.fp:hover{border-color:var(--border-strong);color:var(--text-secondary)}.fp.active{border-color:var(--signal);color:var(--signal);background:#c0f95b0f}[data-theme=light] .fp.active{background:#5e7e1e0f}.filter-count{font-family:var(--font-m);color:var(--text-muted);letter-spacing:.04em;flex-shrink:0;margin-left:auto;font-size:.7rem}.stack-section{padding:2.5rem 0 5rem}.stack-group{margin-top:3rem}.stack-group-head{font-family:var(--font-m);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:.75rem;margin-bottom:1.25rem;font-size:.7rem;font-weight:500;display:flex}.stack-group-head:after{content:"";background:var(--border-subtle);flex:1;height:1px}.stack-grid{grid-template-columns:repeat(3,1fr);gap:.875rem;display:grid}@media (max-width:900px){.stack-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.stack-grid{grid-template-columns:1fr}}.stack-tile{background:var(--bg-raised);border:1px solid var(--border-subtle);transition:border-color var(--dur-fast) var(--ease-signal);border-radius:6px;padding:1.25rem;position:relative;overflow:hidden}.stack-tile:hover{border-color:var(--border-strong)}.stack-tile:before{content:"";border-top:1.5px solid var(--signal);border-left:1.5px solid var(--signal);opacity:0;width:11px;height:11px;transition:opacity var(--dur-fast) var(--ease-signal),transform var(--dur-fast) var(--ease-signal);pointer-events:none;position:absolute;top:7px;left:7px;transform:translate(-3px,-3px)}.stack-tile:hover:before{opacity:1;transform:translate(0)}.st-head{align-items:center;gap:.625rem;margin-bottom:.5rem;display:flex}.st-glyph{background:var(--data);border-radius:2px;flex-shrink:0;width:7px;height:7px}.st-name{font-family:var(--font-d);letter-spacing:-.01em;color:var(--text-primary);font-size:1.0625rem;font-weight:600}.st-note{color:var(--text-secondary);font-size:.85rem;line-height:1.6}.choose-section{background:var(--bg-sunken);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:5rem 0}.choose-inner{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;display:grid}@media (max-width:900px){.choose-inner{grid-template-columns:1fr;gap:2rem}}.choose-inner p{color:var(--text-secondary);max-width:48ch;font-size:1rem;line-height:1.75}.choose-inner p+p{margin-top:1.25rem}