.features-page{min-height:100vh;background-color:var(--color-background)}.features-hero{padding:120px var(--spacing-xl) 80px;text-align:center;background:linear-gradient(135deg,rgba(32,134,25,.05),rgba(139,97,181,.05))}.features-hero-content{max-width:900px;margin:0 auto}.features-hero h1{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:var(--spacing-lg);color:var(--color-text)}.features-hero-subtitle{font-size:1.25rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl);line-height:1.6}.features-hero-cta{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.features-section{padding:80px var(--spacing-xl);background-color:var(--color-background)}.features-section-alt{background-color:var(--color-surface)}.features-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;max-width:700px;margin:0 auto var(--spacing-2xl)}.section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-text)}.section-header p{font-size:1.125rem;color:var(--color-text-secondary);line-height:1.6}.features-overview{padding:80px var(--spacing-xl);max-width:1400px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.feature-card-link{text-decoration:none;color:inherit}.feature-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all .3s ease;height:100%}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.feature-icon{font-size:3rem}.feature-card h2{font-size:1.5rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm)}.feature-card>p{color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.feature-highlights{list-style:none;padding:0;margin:0 0 var(--spacing-lg) 0}.feature-highlights li{color:var(--color-text-secondary);font-size:.9375rem;padding:var(--spacing-xs) 0}.feature-learn-more{color:var(--color-primary);font-weight:500;font-size:.9375rem}.features-cta{padding:80px var(--spacing-xl);background-color:var(--color-surface);border-top:1px solid var(--color-border)}.features-cta h2{font-size:2rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-md)}.features-cta>p{color:var(--color-text-secondary);font-size:1.125rem;max-width:600px;margin:0 auto var(--spacing-xl)}.features-grid-two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.features-grid .feature-item{padding:var(--spacing-xl);background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all .3s ease;white-space:wrap;flex-direction:column}.features-section-alt .feature-item{background-color:var(--color-background)}.feature-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.feature-icon{font-size:2.5rem;margin-bottom:var(--spacing-md);display:block}.feature-item h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text)}.feature-item p{color:var(--color-text-secondary);line-height:1.6;margin:0}.feature-detail{padding:var(--spacing-lg)}.feature-detail h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text)}.feature-detail p{color:var(--color-text-secondary);line-height:1.6;margin:0}.tier-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.tier-card{padding:var(--spacing-xl);background-color:var(--color-surface);border-radius:var(--radius-lg);border:2px solid var(--color-border);position:relative;transition:all .3s ease}.features-section-alt .tier-card{background-color:var(--color-background)}.tier-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.tier-card-featured{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.tier-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background-color:var(--color-primary);color:white;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem;font-weight:600}.tier-card h3{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-text)}.tier-price{font-size:2rem;font-weight:700;color:var(--color-primary)}.tier-label,.tier-price{margin-bottom:var(--spacing-lg)}.tier-label{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.tier-features{list-style:none;padding:0;margin:0}.tier-features li{padding:var(--spacing-sm) 0;color:var(--color-text);display:flex;align-items:flex-start;gap:var(--spacing-sm)}.tier-features li:before{font-weight:700;flex-shrink:0}.features-cta{text-align:center;margin-top:var(--spacing-2xl)}.features-cta-section{padding:80px var(--spacing-xl);text-align:center;background:linear-gradient(135deg,rgba(32,134,25,.05),rgba(139,97,181,.05))}.features-cta-content{max-width:700px;margin:0 auto}.features-cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-text)}.features-cta-content p{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl);line-height:1.6}.features-cta-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.api-example{margin:var(--spacing-2xl) 0;padding:var(--spacing-xl);background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.features-section-alt .api-example{background-color:var(--color-background)}.api-example h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-text)}.code-block{background-color:#1e1e1e;color:#d4d4d4;padding:var(--spacing-lg);border-radius:var(--radius-md);overflow-x:auto;font-family:var(--font-mono);font-size:.875rem;line-height:1.6;margin:0}@media (max-width:768px){.features-hero h1{font-size:2.5rem}.features-hero-subtitle{font-size:1.125rem}.section-header h2{font-size:2rem}.features-grid,.features-grid-two-col,.tier-comparison{grid-template-columns:1fr}.features-cta-buttons,.features-hero-cta{flex-direction:column}.cta-button{width:100%;text-align:center}}