.feature-page{max-width:1100px;margin:0 auto;padding:3rem 1.5rem 5rem}.back-link{color:var(--primary);transition:color var(--transition);align-items:center;gap:.4rem;margin-bottom:2rem;font-weight:600;display:inline-flex}.back-link:hover{color:var(--primary-hover)}.feature-hero{margin-bottom:3rem}.feature-badge{background:var(--primary-soft);color:var(--primary);border:1px solid var(--primary-border);border-radius:999px;margin-bottom:1rem;padding:.4rem .9rem;font-size:.85rem;font-weight:600;display:inline-block}.feature-hero h1{color:var(--foreground);margin-bottom:1rem;font-size:clamp(2.4rem,5vw,3.8rem);line-height:1.1}.lead{color:var(--muted);max-width:760px;margin:1.5rem 0;font-size:1.15rem}.feature-section{margin-top:4rem}.feature-section h2{color:var(--foreground);margin-bottom:1rem;font-size:1.8rem}.feature-section h3{margin-bottom:.8rem;font-size:1.15rem}.feature-section p{color:var(--muted);margin-bottom:1rem}.feature-section ul,.feature-section ol{margin-top:1rem}.feature-section li{color:var(--muted);margin-bottom:.8rem}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.feature-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 20px var(--shadow);transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);padding:1.5rem}.feature-card:hover{border-color:var(--primary-border);box-shadow:0 12px 28px var(--shadow-md);transform:translateY(-4px)}.feature-card h3{color:var(--foreground)}.feature-card p{color:var(--muted);margin:0}.feature-page pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:inset 0 1px 3px var(--shadow);margin-top:1.5rem;padding:1.5rem;font-size:.95rem;line-height:1.6;overflow-x:auto}.feature-callout{border-radius:var(--radius);background:var(--primary-soft);border:1px solid var(--primary-border);margin-top:5rem;padding:2rem}.feature-callout h2{margin-bottom:1rem}.feature-callout p{color:var(--muted);margin:0}@media (max-width:768px){.feature-page{padding:2rem 1.2rem 4rem}.feature-hero h1{font-size:2.3rem}.feature-grid{grid-template-columns:1fr}.feature-section{margin-top:3rem}}