.feature-detail-hero{padding:var(--space-3xl) 0;background:linear-gradient(135deg, var(--sky-blue) 0%, var(--gray-50) 30%, #f0f9f0 100%);position:relative;overflow:hidden}.feature-detail-hero .container{text-align:center;max-width:800px}.feature-detail-icon{margin-bottom:var(--space-lg);font-size:4rem;display:block}.feature-detail-hero .hero-subtitle{max-width:600px;margin:0 auto var(--space-xl);font-size:1.125rem}.feature-detail-hero .hero-cta{justify-content:center}.feature-benefits{padding:var(--space-3xl) 0}.feature-benefits-grid{gap:var(--space-xl);grid-template-columns:1fr;display:grid}@media (width>=768px){.feature-benefits-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.feature-benefits-grid{grid-template-columns:repeat(3,1fr)}}.benefit-card{padding:var(--space-xl);border-radius:var(--radius-xl);border:2px solid var(--gray-200);transition:all var(--transition-normal);background:#fff}.benefit-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-color);transform:translateY(-4px)}.benefit-card-icon{margin-bottom:var(--space-md);font-size:2rem;display:block}.benefit-card h4{color:var(--gray-900);margin-bottom:var(--space-sm)}.benefit-card p{color:var(--gray-600);margin:0;line-height:1.6}.feature-how-it-works{padding:var(--space-3xl) 0;background:linear-gradient(180deg, var(--gray-50) 0%, #f0f9f0 100%)}.feature-use-cases{padding:var(--space-3xl) 0}.use-case-list{max-width:700px;margin:0 auto;list-style:none}.use-case-item{align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);margin-bottom:var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--gray-200);background:#fff;display:flex}.use-case-icon{flex-shrink:0;margin-top:.125rem;font-size:1.5rem}.use-case-item h4{margin-bottom:var(--space-xs);color:var(--gray-900)}.use-case-item p{color:var(--gray-600);margin:0;line-height:1.6}.feature-faq{padding:var(--space-3xl) 0;background:var(--gray-50)}.faq-list{max-width:700px;margin:0 auto}.faq-item{border:1px solid var(--gray-200);border-radius:var(--radius-lg);margin-bottom:var(--space-md);background:#fff;overflow:hidden}.faq-item summary{padding:var(--space-lg);cursor:pointer;font-weight:var(--font-weight-semibold);color:var(--gray-800);justify-content:space-between;align-items:center;list-style:none;display:flex}.faq-item summary:after{content:"+";color:var(--primary-color);transition:transform var(--transition-fast);font-size:1.5rem}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item summary::-webkit-details-marker{display:none}.faq-answer{padding:0 var(--space-lg) var(--space-lg);color:var(--gray-600);line-height:1.6}.feature-cta{padding:var(--space-3xl) 0;background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);color:#fff;text-align:center}.feature-cta .section-title,.feature-cta .section-subtitle{color:#fff}.feature-cta .section-subtitle{max-width:600px;margin:0 auto var(--space-xl)}.feature-cta .hero-cta .btn-primary{background:#fff;color:var(--primary-dark)!important}.feature-cta .hero-cta .btn-primary:hover,.feature-cta .hero-cta .btn-primary:focus{background:var(--gray-100);transform:translateY(-2px);color:var(--primary-dark)!important}.feature-cta .btn-secondary{color:#fff;border-color:#fff}.feature-cta .btn-secondary:hover{color:var(--primary-color);background:#fff}.related-features{padding:var(--space-3xl) 0}.related-features-grid{gap:var(--space-xl);grid-template-columns:1fr;display:grid}@media (width>=768px){.related-features-grid{grid-template-columns:repeat(3,1fr)}}.related-feature-card{padding:var(--space-xl);border-radius:var(--radius-xl);border:2px solid var(--gray-200);color:inherit;transition:all var(--transition-normal);background:#fff;text-decoration:none;display:block}.related-feature-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-color);transform:translateY(-4px)}.related-feature-card .feature-icon{margin-bottom:var(--space-md);font-size:2rem}.related-feature-card h4{color:var(--gray-900);margin-bottom:var(--space-sm)}.related-feature-card p{color:var(--gray-600);margin:0;font-size:.875rem}.feature-examples{padding:var(--space-3xl) 0;background:var(--gray-50)}.feature-examples .related-feature-card{flex-direction:column;display:flex}.example-link-cue{margin-top:var(--space-md);color:var(--primary-color);font-size:.875rem;font-weight:600}.features-index-grid{gap:var(--space-xl);grid-template-columns:1fr;display:grid}@media (width>=768px){.features-index-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.features-index-grid{grid-template-columns:repeat(3,1fr)}}.feature-index-card{padding:var(--space-xl);border-radius:var(--radius-xl);border:2px solid var(--gray-200);color:inherit;transition:all var(--transition-normal);background:#fff;text-decoration:none;display:block;position:relative;overflow:hidden}.feature-index-card:before{content:"";background:linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 50%, var(--accent-color) 100%);height:4px;transition:transform var(--transition-normal);position:absolute;top:0;left:0;right:0;transform:translate(-100%)}.feature-index-card:hover{box-shadow:var(--shadow-xl);border-color:var(--primary-color);transform:translateY(-6px)}.feature-index-card:hover:before{transform:translate(0)}.feature-index-card .feature-icon{margin-bottom:var(--space-lg);font-size:2.5rem}.feature-index-card h3{color:var(--gray-900);margin-bottom:var(--space-md)}.feature-index-card p{color:var(--gray-600);margin:0;line-height:1.6}.feature-card-link{align-items:center;gap:var(--space-xs);margin-top:var(--space-md);color:var(--primary-color);font-weight:var(--font-weight-semibold);font-size:.875rem;display:inline-flex}