.hero-section {background: linear-gradient(135deg,#0d6efd 0%,#0b5ed7 100%);}
.hero-section h1 {font-size: 2.5rem;}
@media (min-width: 768px) {.hero-section h1 {font-size: 3rem;}}
@media (min-width: 992px) {.hero-section h1 {font-size: 3.5rem;}}
.hero-section .lead {font-size: 1.1rem;}
@media (min-width: 768px) {.hero-section .lead {font-size: 1.25rem;}}
.hover-card {transition: all .3s ease;}
@media (hover: hover) {.hover-card:hover {transform: translateY(-5px);box-shadow: 0 1rem 3rem rgba(0,0,0,.1) !important;}}
.feature-icon {display: inline-flex;align-items: center;justify-content: center;}
@media (min-width: 768px) {.feature-icon {width: 80px !important;height: 80px !important;}}
@media (max-width: 767.98px) {.variants-section .card {margin-bottom: 1rem;}}
section {animation: fadeIn .5s ease-in;}
@keyframes fadeIn {from {opacity: 0;transform: translateY(20px);}
	to {opacity: 1;transform: translateY(0);}}