/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/marketing-home.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
/* 公開首頁 — 品牌世界視覺（色彩取自主視覺 dear-come-here-main-visual.png） */

.marketing-home {
  --home-cream: #faf6ee;
  --home-cream-warm: #fff9f2;
  --home-peach: #fcbca4;
  --home-coral: #fca48c;
  --home-mint: #b4dccc;
  --home-mint-soft: #d8f0e8;
  --home-sky: #b8e8f0;
  --home-sky-soft: #e4f4f8;
  --home-text: #2d3436;
  --home-text-soft: #5f6b73;
  --home-footer-bg: #e8e2d6;
  --home-glow-pink: rgb(252 188 164 / 35%);
  --home-glow-mint: rgb(180 220 204 / 40%);
  --home-radius-xl: 32px;
  --home-radius-lg: 24px;
  --home-shadow-float: 0 20px 50px rgb(252 188 164 / 22%);
  --home-shadow-card: 0 8px 28px rgb(45 52 54 / 7%);
  background:
    radial-gradient(ellipse 80% 50% at 10% 0%, var(--home-glow-pink), transparent 55%),
    radial-gradient(ellipse 60% 40% at 90% 10%, var(--home-glow-mint), transparent 50%),
    linear-gradient(180deg, var(--home-cream-warm) 0%, var(--home-cream) 45%, #f5f0e6 100%);
  color: var(--home-text);
}

.marketing-home__decor {
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.marketing-home__blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  opacity: 0.55;
}

.marketing-home__blob--pink {
  background: #fcccb4;
  width: 280px;
  height: 280px;
  top: -80px;
  right: 15%;
}

.marketing-home__blob--mint {
  background: #c8e8dc;
  width: 220px;
  height: 220px;
  bottom: 20%;
  left: -60px;
}

@keyframes home-fade-up {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes home-float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}

@keyframes home-float-slow {
  0%,
  100% {
    transform: translateY(0) rotate(-2deg);
  }
  50% {
    transform: translateY(-6px) rotate(2deg);
  }
}

.home-animate-in {
  animation: home-fade-up 0.7s ease-out both;
}

.home-animate-in-delay-1 {
  animation-delay: 0.12s;
}

.home-animate-in-delay-2 {
  animation-delay: 0.24s;
}

.home-animate-in-delay-3 {
  animation-delay: 0.36s;
}

.home-float-visual {
  animation: home-float 5s ease-in-out infinite;
}

.home-float-tag {
  animation: home-float-slow 4.5s ease-in-out infinite;
}

.home-gradient-text {
  background: linear-gradient(135deg, #fca48c 0%, #8ec8dc 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.home-trust-card {
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.home-trust-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--home-shadow-float);
}

.home-cta-primary {
  background: linear-gradient(135deg, var(--home-peach) 0%, var(--home-coral) 100%);
  color: var(--home-text);
  box-shadow: 0 8px 24px rgb(252 164 140 / 35%);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.home-cta-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgb(252 164 140 / 45%);
}

.home-cta-primary:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring), 0 8px 24px rgb(252 164 140 / 35%);
}

@media (prefers-reduced-motion: reduce) {
  .home-animate-in,
  .home-float-visual,
  .home-float-tag {
    animation: none !important;
  }

  .home-trust-card:hover {
    transform: none;
  }

  .home-cta-primary:hover {
    transform: none;
  }
}

