body { font-family: 'Inter', sans-serif; scroll-behavior: smooth; }
.bg-marigold { background-color: #FFB400; }
.bg-sage { background-color: #48BB78; }
.text-sage { color: #48BB78; }
.eat-animation { animation: eat 0.5s ease-in-out forwards; }
@keyframes eat {
    0% { transform: scale(1); }
    50% { transform: scale(1.4); filter: brightness(1.2); }
    100% { transform: scale(1.1); }
}
.apple-hover:hover { transform: translateY(-10px) rotate(-5deg) scale(1.05); cursor: grab; }

@keyframes snore-float {
    0% { transform: translateY(0); opacity: 0; }
    30% { opacity: 1; }
    100% { transform: translateY(-30px); opacity: 0; }
}

.snore-z {
    transform-box: fill-box;
    transform-origin: center;
    animation: snore-float 3s infinite linear;
}

@keyframes apple-pop-back {
    0% { transform: translateY(-200px) scale(0); opacity: 0; pointer-events: none; }
    99% { transform: translateY(-200px) scale(0); opacity: 0; pointer-events: none; }
    100% { transform: translateY(0) scale(1); opacity: 1; pointer-events: auto; }
}

.apple-reappear {
    animation: apple-pop-back 3s forwards;
}

/* Apply the same marketing tilt to the Dashboard ID */
#dash-apple-button:hover { 
    transform: translateY(-10px) rotate(-5deg) scale(1.05); 
    cursor: grab; 
}