/* Prototype palette is deliberately local to this editorial section. */
.kuku-home .kuku-action-types {
  --action-ink: #101044;
  --action-muted: #62698f;
  position: relative;
  padding: 100px 24px 112px;
  background: radial-gradient(ellipse at 0 28%, #fff0f9 0, transparent 36%), radial-gradient(ellipse at 100% 86%, #fff0f7 0, transparent 35%), #fffdfd;
  color: var(--action-ink);
  font-family: "DM Sans", sans-serif;
  scroll-margin-top: 90px;
}
.kuku-action-types .kuku-action-types__container { width: min(1388px, 100%); margin-inline: auto; }
.kuku-action-types .kuku-action-types__heading { text-align: center; margin-bottom: 52px; }
.kuku-action-types .kuku-action-types__eyebrow { display: flex; justify-content: center; align-items: center; gap: 24px; margin: 0 0 26px; color: #bd243d; font-size: 16px; font-weight: 800; line-height: 1.5; letter-spacing: .17em; }
.kuku-action-types .kuku-action-types__sparks { display: grid; gap: 8px; flex: 0 0 26px; }
.kuku-action-types .kuku-action-types__sparks i { display: block; width: 23px; height: 7px; border-radius: 8px; background: linear-gradient(#ffa8b6, #fa3b59); transform: rotate(10deg); }
.kuku-action-types .kuku-action-types__sparks i:first-child { transform: rotate(47deg); margin-left: 7px; }
.kuku-action-types .kuku-action-types__sparks i:last-child { transform: rotate(-33deg); margin-left: 5px; }
.kuku-action-types .kuku-action-types__sparks:last-child { transform: scaleX(-1); }
.kuku-action-types h2 { margin: 0 0 22px; color: var(--action-ink); font-size: clamp(32px, 4.2vw, 59px); font-weight: 800; line-height: 1.13; letter-spacing: -.055em; text-wrap: balance; }
.kuku-action-types .kuku-action-types__intro { max-width: 850px; margin: 0 auto; color: var(--action-muted); font-size: clamp(18px, 2vw, 26px); line-height: 1.45; text-wrap: pretty; }
.kuku-action-types .kuku-action-types__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: 18px; }
.kuku-action-types .kuku-action-types__card { --action-pastel: #fff0f5; --action-accent: #ff809b; --action-shadow: #ecc4d0; position: relative; display: flex; flex-direction: column; min-width: 0; padding: 42px 26px 22px; border: 2px solid #fff; border-radius: 32px; background: linear-gradient(140deg, var(--action-pastel), #fffafb); box-shadow: 0 20px 36px -18px var(--action-shadow); }
.kuku-action-types .kuku-action-types__card--raffles { --action-pastel: #f3edff; --action-accent: #a475ff; --action-shadow: #d3c1eb; }
.kuku-action-types .kuku-action-types__card--events { --action-pastel: #eafff5; --action-accent: #65dcb5; --action-shadow: #b9dfd1; }
.kuku-action-types .kuku-action-types__card--celebrations { --action-pastel: #fff8e6; --action-accent: #ffc96b; --action-shadow: #e8d4af; }
.kuku-action-types .kuku-action-types__number { position: absolute; z-index: 1; inset: 0 0 auto auto; display: grid; place-items: center; width: 82px; height: 82px; border-radius: 0 30px 50% 50%; background: var(--action-pastel); color: #765160; font-size: 24px; font-weight: 700; }
.kuku-action-types .kuku-action-types__art { position: relative; margin: 0 -6px 22px; aspect-ratio: 282 / 207; display: grid; place-items: center; }
.kuku-action-types .kuku-action-types__art img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; }
.kuku-action-types h3 { margin: 0 0 12px; color: var(--action-ink); font-size: 23px; line-height: 1.2; font-weight: 800; letter-spacing: -.045em; overflow-wrap: anywhere; }
.kuku-action-types .kuku-action-types__card > p { margin: 0 0 16px; color: var(--action-muted); font-size: clamp(16px, 1.4vw, 20px); line-height: 1.55; }
.kuku-action-types .kuku-action-types__link { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; min-height: 64px; color: var(--action-ink); font-size: 19px; line-height: 1.25; font-weight: 800; text-decoration: none; border-radius: 12px; }
.kuku-action-types .kuku-action-types__link > span:first-child { white-space: nowrap; }
.kuku-action-types .kuku-action-types__link > span:first-child > span { margin-left: 9px; font-size: 25px; }
.kuku-action-types .kuku-action-types__arrow { display: grid; place-items: center; flex: 0 0 64px; height: 64px; border-radius: 50%; background: linear-gradient(145deg, #fff9, transparent 65%), var(--action-accent); box-shadow: inset 0 2px 3px #fff8, 0 8px 12px -6px var(--action-accent); font-size: 32px; font-weight: 500; }
.kuku-action-types .kuku-action-types__link:hover > span:first-child { text-decoration: underline; text-underline-offset: 4px; }
.kuku-action-types .kuku-action-types__link:active { transform: translateY(1px); }
.kuku-action-types .kuku-action-types__link:focus-visible { outline: 3px solid var(--action-ink); outline-offset: 5px; }
[data-theme="kukudark"] .kuku-home .kuku-action-types { --action-ink: #f4f0ff; --action-muted: #c7c8dd; background: #191a2e; }
[data-theme="kukudark"] .kuku-action-types .kuku-action-types__eyebrow { color: #ffa4b4; }
[data-theme="kukudark"] .kuku-action-types .kuku-action-types__card { background: #292438; border-color: #51475f; box-shadow: none; }
[data-theme="kukudark"] .kuku-action-types .kuku-action-types__card--raffles { background: #29243c; }
[data-theme="kukudark"] .kuku-action-types .kuku-action-types__card--events { background: #1d3433; }
[data-theme="kukudark"] .kuku-action-types .kuku-action-types__card--celebrations { background: #363025; }
[data-theme="kukudark"] .kuku-action-types .kuku-action-types__arrow { color: #101044; }
[data-theme="kukudark"] .kuku-action-types .kuku-action-types__art { background: var(--action-pastel); border-radius: 24px; }
@media (max-width: 1199px) {
  .kuku-action-types .kuku-action-types__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
  .kuku-action-types .kuku-action-types__art { max-width: 310px; width: 100%; margin-inline: auto; }
  .kuku-action-types h3 { font-size: 26px; }
}
@media (max-width: 639px) {
  .kuku-home .kuku-action-types { padding: 64px 20px 72px; }
  .kuku-action-types .kuku-action-types__grid { grid-template-columns: minmax(0, 1fr); }
  .kuku-action-types .kuku-action-types__heading { margin-bottom: 32px; }
  .kuku-action-types .kuku-action-types__eyebrow { gap: 10px; font-size: 12px; letter-spacing: .08em; }
  .kuku-action-types .kuku-action-types__sparks { flex-basis: 17px; }
  .kuku-action-types .kuku-action-types__sparks i { width: 15px; height: 5px; }
  .kuku-action-types .kuku-action-types__card { padding: 42px 24px 22px; }
  .kuku-action-types h3 { font-size: 25px; }
  .kuku-action-types .kuku-action-types__card > p { font-size: 18px; }
}