:root{--color-brand-blue:#2563EB;--color-coral:#FF8C6A;--color-coral-dark:#FF7851;--color-amber:#FFBE0B;--color-rich-black:#0B111E}.hero-pattern{background:var(--color-background)}.floating-element{animation:float 6s ease-in-out infinite}.floating-element:nth-child(2n){animation-delay:-3s}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(2deg)}}.stagger-fade-in{opacity:0;transform:translateY(30px);animation:staggerFadeIn .8s ease-out forwards}.stagger-fade-in:first-child{animation-delay:.1s}.stagger-fade-in:nth-child(2){animation-delay:.2s}.stagger-fade-in:nth-child(3){animation-delay:.3s}@keyframes staggerFadeIn{to{opacity:1;transform:translateY(0)}}.blue-glow,.coral-glow{box-shadow:none}.testimonial-card{background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.feature-icon-container{background:var(--color-brand-blue)}.coral-icon-container{background:var(--color-coral)}.amber-icon-container{background:var(--color-amber)}@media (prefers-reduced-motion:reduce){.floating-element,.stagger-fade-in{animation:none}.floating-element{transform:translateY(0) rotate(0deg)}.stagger-fade-in{opacity:1;transform:translateY(0)}}@media (max-width:640px){.compatibility-labels text{font-size:8px}.compatibility-labels{opacity:.7}}@media (max-width:480px){.compatibility-labels{opacity:.5}}@media (max-width:768px){.compatibility-illustration-container{padding:1rem}}@media (min-width:1024px){.hero-illustration{position:relative;bottom:40px}}