/* Fit Fatty Pop v2.3 — High-contrast hero */
:root{--ff-pink:#ff4f9b;--ff-blue:#54c2e8;--ff-mint:#56f2c0;--ff-banana:#ffe066;--ff-cream:#fff3d6;--ff-dark:#2a2135;--ff-choco:#5a2a27}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,sans-serif}

/* HERO */
.ff-hero{position:relative;color:#fff;border-radius:24px;padding:72px 24px 48px;overflow:hidden;box-shadow:0 20px 60px rgba(255,79,155,.20);
  background: radial-gradient(80% 100% at 50% 0%, var(--ff-cream) 0%, #ffffff 50%), linear-gradient(135deg, var(--ff-pink), var(--ff-blue));
}
/* Overlay for readability */
.ff-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom, rgba(42,33,53,.66) 0%, rgba(42,33,53,.35) 38%, rgba(42,33,53,.18) 60%, rgba(42,33,53,0) 80%);z-index:0}
.ff-hero>*{position:relative;z-index:1}
.ff-hero h1{color:#ffffff;font-weight:800;letter-spacing:-.02em;font-size:clamp(2.6rem,6.2vw,4.8rem);line-height:1.04;margin:0 0 10px;
  text-shadow:0 3px 0 rgba(0,0,0,.25), 0 10px 32px rgba(0,0,0,.35);}
.ff-hero p{opacity:.96;color:#fdfdfd;font-size:clamp(1.05rem,2vw,1.25rem);margin:0 0 26px;text-shadow:0 2px 12px rgba(0,0,0,.25)}

/* Buttons */
.ff-btn .wp-element-button{background:linear-gradient(135deg, var(--ff-pink), var(--ff-blue));color:#fff;border:none;border-radius:999px;padding:14px 22px;font-weight:800;letter-spacing:.01em;
  box-shadow:0 10px 24px rgba(84,194,232,.35);transition:transform .12s ease, box-shadow .12s ease;}
.ff-btn .wp-element-button:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 14px 30px rgba(255,79,155,.45)}
.ff-btn .wp-element-button:focus{outline:3px solid #fff;outline-offset:2px}

/* Pricing cards */
.ff-pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.ff-card{background:#fff;border-radius:20px;padding:28px;box-shadow:0 10px 26px rgba(0,0,0,.08);border:3px solid var(--ff-cream)}
.ff-card h3{margin-top:0}
.ff-price{font-size:2rem;font-weight:800;color:var(--ff-choco)}
.ff-badge{display:inline-block;background:linear-gradient(135deg, var(--ff-mint), var(--ff-blue));color:#0b2230;font-weight:800;padding:6px 10px;border-radius:10px;box-shadow:0 6px 14px rgba(86,242,192,.35)}

/* Logo wiggle */
.ff-logo:hover{animation:wiggle .6s ease-in-out}
@keyframes wiggle{0%,100%{transform:rotate(0)}20%{transform:rotate(6deg)}40%{transform:rotate(-6deg)}60%{transform:rotate(4deg)}80%{transform:rotate(-4deg)}}

/* Footer */
.ff-footer{background:#fff;border-top:4px dashed var(--ff-cream)}

/* Reduce motion respect */
@media (prefers-reduced-motion: reduce){
  .ff-sprinkle{animation:none}
}

/* Sprinkles */
.ff-sprinkle{position:absolute;width:12px;height:4px;border-radius:2px;transform:rotate(var(--r,0deg));background:var(--c,var(--ff-banana));animation:sprinkle-fall 6s linear infinite;opacity:.9}
@keyframes sprinkle-fall{from{transform:translateY(-80px) rotate(var(--r,0deg))}to{transform:translateY(380px) rotate(calc(var(--r,0deg) + 180deg))}}