.fruit-hero{position:relative;isolation:isolate;overflow:hidden;min-height:650px}.fruit-backdrop{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#260b9bed 0%,#280ba5c9 48%,#260b9b35 100%),url('fruits-art.png') center/cover no-repeat}.fruit-hero h1{font-size:clamp(2.4rem,4vw,4rem);line-height:1.25}.fruit-stage{transform:rotate(2deg);background:linear-gradient(#24077694,#240776b0),url('fruits-art.png') center/cover;border-color:#ffb1c470;backdrop-filter:blur(4px)}.word-stage{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:245px;padding:22px 16px;font-size:clamp(2.5rem,4.5vw,4.5rem);line-height:1.15;font-weight:800;letter-spacing:-2px;text-shadow:0 4px 20px #180658}.near-word{color:white}.changing-word{display:block;color:#ffa4bb;min-width:100%;white-space:nowrap}.stage-caption{font-size:16px;margin:0 18px 18px}.replay{background:#ffffff14;border:1px solid #ffffff70;color:white;padding:10px 17px;border-radius:25px;font-size:14px;cursor:pointer}.replay:disabled{opacity:.55;cursor:default}.word-enter{animation:word-in .4s ease-out both}.download-card{background:linear-gradient(90deg,#281077e6,#281077b8),url('fruits-art.png') right center/cover}.download-card .large-spark{display:none}.nav .brand,footer .brand{letter-spacing:-1px;font-size:29px;white-space:nowrap}@keyframes word-in{from{opacity:0;transform:translateY(-22px) rotate(-3deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@media(max-width:650px){.nav .brand,footer .brand{font-size:24px}.nav .brand i{display:none}.fruit-hero{min-height:0}.fruit-backdrop{background:linear-gradient(#260b9bdc,#260b9bcc),url('fruits-art.png') center/cover}.fruit-hero h1{font-size:2.5rem}.word-stage{font-size:3rem;min-height:215px}.fruit-stage{width:100%}}@media(prefers-reduced-motion:reduce){.word-enter{animation:none}.fruit-stage{transform:none}}
.fruit-hero .animated-brand{font-size:clamp(3rem,5.3vw,5.2rem);line-height:1.12;margin:18px 0 14px;letter-spacing:-2px}.animated-brand .near-word,.animated-brand .changing-word{display:block}.animated-brand .changing-word{min-height:1.15em;min-width:0;white-space:nowrap}.hero-slogan{font-size:clamp(1.45rem,2.2vw,2rem);font-weight:700;line-height:1.45;letter-spacing:-.6px;margin:25px 0 18px;color:#f0e7ff}.hero-copy .intro{font-size:17px}.video-stage{transform:none;align-self:center}.video-placeholder{min-height:320px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px 20px;background:#18065755}.video-play{display:flex;width:72px;height:72px;align-items:center;justify-content:center;border:1px solid #ffc0d980;border-radius:50%;font-size:27px;color:#ffc0d9;padding-left:4px}.video-placeholder p{font-size:28px;font-weight:700;line-height:1.35;margin:22px 0 14px}.video-note{font-size:14px;color:#e5d6fa}.word-enter{animation-duration:.18s}@media(max-width:650px){.fruit-hero .animated-brand{font-size:clamp(2.7rem,12vw,4rem);letter-spacing:-1px}.hero-slogan{font-size:1.5rem}.video-placeholder{min-height:290px}.hero-copy .intro{font-size:17px}}@media(prefers-reduced-motion:reduce){.word-enter{animation:none}}
.animated-brand .near-word{font-size:.48em;font-weight:600;letter-spacing:-1px;line-height:1.25;margin-bottom:6px;color:#f0e7ff}.animated-brand .changing-word{font-weight:800}.animated-brand .word-enter{animation-duration:.18s}.nav .brand .pineapple-mark,footer .brand .pineapple-mark{display:inline-block;font-style:normal;font-family:'Segoe UI Emoji','Apple Color Emoji',sans-serif;font-size:1em;vertical-align:middle;margin-left:8px}
.animated-brand .fixed-f{font-size:1em;font-weight:800;color:#ffa4bb}.animated-brand .word-suffix{display:inline;font-size:.48em;font-weight:600;letter-spacing:-1px;color:#f0e7ff}.animated-brand .word-suffix.is-fruits{font-size:1em;font-weight:800;letter-spacing:inherit;color:#ffa4bb}
.button.primary:disabled{cursor:default;opacity:1}.button.primary:disabled:hover{transform:none}
.promo-video{display:block;width:100%;height:auto;max-height:580px;aspect-ratio:9/16;object-fit:contain;background:#20182d}.video-stage{overflow:hidden}.video-stage .art-label,.video-stage .art-bottom{position:relative}@media(max-width:650px){.promo-video{max-height:72vh}}
