.features{min-height:100vh;display:flex;align-items:center;justify-content:center}.features__container{width:100%;max-width:var(--breakpoint-lg,1024px);margin:0 auto;padding:3rem 1.5rem}.features__title{font-size:1.875rem;line-height:2.5rem;letter-spacing:-.025em;text-align:center;font-weight:700}.features__subtitle{font-size:20px;text-align:center;font-weight:500;margin-top:15px;color:#60636f}.features__grid{margin-top:2rem;display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}.features__card{padding:1.5rem;color:white;grid-column:span 1}.features__card,.features__media{border-radius:.75rem;background-color:#4a5062}.features__media{padding:40px;justify-content:center;align-items:center}.features__media p{color:white;font-size:1.125rem;line-height:1.75rem;text-align:center}.feature .features__media--mobile{margin-bottom:1.5rem;aspect-ratio:16/9;width:100%}.features__media--desktop,.features__media--mobile{display:none}.features__card-title{font-size:1.25rem;font-weight:600;letter-spacing:-.025em}.features__list{margin-top:1.5rem;list-style:none;padding:0}.features__list-item{margin-bottom:1rem}.features__list-item:last-child{margin-bottom:0}.features__list-content{display:flex;align-items:flex-start;gap:.75rem}.features__icon{flex-shrink:0;width:24px;height:24px}.features__text{margin-top:-.125rem;margin-bottom:0}.features__button{margin-top:2rem;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.375rem;font-size:.875rem;font-weight:500;padding:.625rem 1rem;border:none;text-decoration:none;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));cursor:pointer;transition:background-color .2s}.features__button:hover{background-color:hsl(var(--primary)/.9)}@media (min-width:640px){.features__title{font-size:2.25rem}.features__grid{grid-template-columns:repeat(2,1fr)}.features__card{grid-column:span 2}}@media (min-width:768px){.features__title{font-size:2.5rem;line-height:3.25rem}.features__grid{grid-template-columns:repeat(5,1fr)}.features__media--mobile{display:none}.features__media--desktop{display:flex;grid-column:span 3}.features__card{grid-column:span 2}}@media (min-width:1024px){.features__grid{grid-template-columns:repeat(3,1fr)}.features__card{grid-column:span 1}.features__media--desktop{grid-column:span 2}}