.logo{width:142px;height:46px;display:block;font-size:0;background:url('assets/flavorich-logo.webp') center/contain no-repeat}.hero{position:relative}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 35%,#f06aa82b,transparent 30%),linear-gradient(90deg,#20105f 0%,#20105fe8 48%,transparent 78%);pointer-events:none}.hero-grid{position:relative;z-index:2}.visual{height:620px}.ring{width:500px;height:500px;animation:orbitPulse 6s ease-in-out infinite}.pack{width:100%;height:100%;padding:0;border-radius:28px;background:url('assets/flavorich-hero-drinks.png') center 68%/cover no-repeat;box-shadow:0 40px 100px #0008;transform:perspective(1000px) rotateY(-5deg);overflow:hidden}.pack:before,.pack strong,.pack small{display:none}.visual:after{content:"RASA BERBEDA  ·  BUILT FOR BUSINESS";position:absolute;bottom:28px;right:-24px;padding:12px 18px;border-radius:999px;background:var(--yellow);color:var(--pd);font-weight:800;font-size:.72rem;letter-spacing:.12em;box-shadow:0 18px 40px #0005;animation:float 4s ease-in-out infinite}.card,.need{transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s}.card:hover,.need:hover{transform:translateY(-8px);box-shadow:0 24px 60px #20105f1c}.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}.hero h1,.hero .eyebrow,.hero p,.hero .actions,.hero .chips{animation:heroIn .9s cubic-bezier(.16,1,.3,1) both}.hero h1{animation-delay:.08s}.hero p{animation-delay:.16s}.hero .actions{animation-delay:.24s}.hero .chips{animation-delay:.32s}.number{transition:transform .25s}.number.bump{transform:scale(1.06)}@keyframes heroIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-12px) rotate(1deg)}}@keyframes orbitPulse{50%{transform:scale(1.06);opacity:.55}}@media(max-width:900px){.visual{height:500px}.hero:after{background:linear-gradient(#20105f 0 50%,transparent)}}@media(max-width:650px){.logo{width:116px}.visual{height:430px}.pack{transform:none}.visual:after{right:0;bottom:10px}.hero-grid{padding-bottom:40px}}@media(prefers-reduced-motion:reduce){.ring,.visual:after,.hero h1,.hero .eyebrow,.hero p,.hero .actions,.hero .chips{animation:none}.reveal{opacity:1;transform:none}}