.features-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);padding-top:clamp(6rem,10vw,8.5rem);padding-bottom:clamp(5rem,8vw,7rem);position:relative;overflow-x:hidden}.features-glow{pointer-events:none;z-index:0;background:radial-gradient(60% 50% at 50% 0,#6366f11f 0%,#00f0ff14 45%,#0000 80%);width:min(1200px,100vw);height:520px;position:absolute;top:0;left:50%;transform:translate(-50%)}.features-header{z-index:1;text-align:center;max-width:860px;margin:0 auto clamp(2.5rem,5vw,4rem);position:relative}.features-eyebrow{font-size:var(--step--1);color:#8b5cf6;letter-spacing:.08em;text-transform:uppercase;background:#8b5cf614;border:1px solid #8b5cf633;border-radius:9999px;align-items:center;gap:8px;margin-bottom:1rem;padding:5px 14px;display:inline-flex}.features-header h1{letter-spacing:-.035em;background:linear-gradient(#fff 30%,#a1a1aa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1.25rem;font-size:clamp(2.2rem,4.5vw,3.8rem);font-weight:700;line-height:1.08}.features-sub{font-size:var(--step-0);color:var(--text-secondary);max-width:680px;margin:0 auto;line-height:1.6}.features-filter-bar{border:1px solid var(--border);background:#ffffff08;border-radius:9999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:fit-content;max-width:100%;margin:0 auto 3rem;padding:6px;display:flex}.filter-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-size:.82rem;font-family:var(--font-mono);background:0 0;border:1px solid #0000;border-radius:9999px;padding:7px 16px}.filter-btn:hover{color:var(--text-primary);background:#ffffff0d}.filter-btn.is-active{background:var(--button-primary-bg);color:var(--button-primary-text);font-weight:600}.features-catalog-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.5rem;display:grid}.feature-catalog-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);transition:var(--transition);flex-direction:column;justify-content:space-between;gap:1.5rem;padding:2rem;display:flex;position:relative;overflow:hidden}.feature-catalog-card:hover{border-color:#00f0ff66;transform:translateY(-3px);box-shadow:0 15px 35px #0006}.feature-card-top{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.feature-metric-badge{color:var(--text-muted);font-size:.82rem;font-family:var(--font-mono);font-weight:600}.feature-category-tag{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-family:var(--font-mono);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;padding:3px 9px}.feature-catalog-title{color:var(--text-primary);margin-bottom:.75rem;font-size:1.35rem;font-weight:600;line-height:1.25}.feature-catalog-summary{color:var(--text-secondary);margin-bottom:1rem;font-size:.92rem;line-height:1.6}.feature-card-link{color:#00f0ff;transition:var(--transition);align-items:center;gap:6px;font-size:.86rem;font-weight:500;text-decoration:none;display:inline-flex}.feature-card-link:hover{color:#3291ff;gap:10px}.feature-detail-header{text-align:left;max-width:800px;margin:0 auto 3rem}.back-link{color:var(--text-muted);transition:var(--transition);align-items:center;gap:6px;margin-bottom:1.5rem;font-size:.88rem;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--text-primary)}.detail-spec-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);margin-top:2rem;padding:2rem}.code-preview-block{border-radius:var(--radius-lg);font-family:var(--font-mono);color:#ededed;background:#000;border:1px solid #ffffff14;margin-top:1rem;padding:1.25rem 1.5rem;font-size:.85rem;line-height:1.6;overflow-x:auto}