.benefits-grid-section{background:#f8f8fa;padding:80px 0}.section-header{margin-bottom:64px;text-align:center}.section-title{color:var(--color-primary);font-size:3rem;font-weight:700;letter-spacing:-.02em;margin:0 0 24px}.section-description{color:var(--color-dark);font-size:1.125rem;font-weight:300;line-height:1.6;margin:0 auto;max-width:600px}.benefits-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px}.benefit-card{align-items:flex-start;background:#fff;border:2px solid transparent;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);cursor:pointer;display:flex;gap:20px;padding:32px;transform:translateY(0);transition:all .3s ease}.benefit-card:hover{background:#fff;border-color:var(--color-primary,#43367e);box-shadow:0 12px 40px rgba(0,0,0,.15);transform:translateY(-8px)}.benefit-icon-wrapper{flex-shrink:0}.benefit-icon{align-items:center;background:#f3f4f6;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08);display:flex;height:56px;justify-content:center;padding:14px;transition:all .3s ease;width:56px}.benefit-icon svg{height:28px;width:28px}.benefit-card:hover .benefit-icon{box-shadow:0 4px 20px rgba(0,0,0,.15);transform:scale(1.1)}.color-green{color:#10b981}.color-blue{color:#3b82f6}.color-orange{color:#f97316}.color-purple{color:#8b5cf6}.color-red{color:#ef4444}.color-yellow{color:#f59e0b}.color-indigo{color:#6366f1}.color-pink{color:#ec4899}.color-cyan{color:#06b6d4}.color-gray{color:#6b7280}.benefit-content{flex:1}.benefit-title{color:var(--color-primary);font-size:1.125rem;font-weight:700;line-height:1.3;margin:0 0 8px}.benefit-description{color:var(--color-dark);font-size:.875rem;font-weight:300;line-height:1.5;margin:0}@media (max-width:1200px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.benefits-grid-section{padding:60px 20px}.section-title{font-size:2.25rem}.section-description{font-size:1rem}.benefits-grid{gap:16px;grid-template-columns:1fr}.benefit-card{gap:16px;padding:24px}.benefit-icon{height:48px;padding:12px;width:48px}.benefit-icon svg{height:24px;width:24px}}