.hero-gradient{background:linear-gradient(135deg,var(--color-yoptag-navy)0%,var(--color-yoptag-blue)50%,var(--color-yoptag-blue-light)100%)}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:800;line-height:1.1}.hero-subtitle{font-size:clamp(1.25rem,3vw,2rem);line-height:1.4}.float-animation{animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.pulse-animation{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.marketing-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;transition:all .3s}.marketing-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a}.cta-primary{background:linear-gradient(135deg,var(--color-yoptag-blue),var(--color-yoptag-blue-light));color:#fff;border-radius:9999px;padding:1rem 2rem;font-weight:600;transition:all .3s}.cta-primary:hover{transform:scale(1.05);box-shadow:0 10px 30px #3498db4d}.feature-icon{background:linear-gradient(135deg,var(--color-yoptag-blue),var(--color-yoptag-accent));color:#fff;border-radius:1rem;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex}.testimonial-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px #0000000d}.pricing-card{background:#fff;border:2px solid #0000;border-radius:1rem;transition:all .3s}.pricing-card.popular{border-color:var(--color-yoptag-blue);box-shadow:0 0 0 4px #3498db1a}.footer-gradient{background:linear-gradient(to bottom,var(--color-neutral-900),#000)}