/* =====================================================================
   Kopou v2 - Advertiser page (checklist, campaigns, FAQ, contact). Locked 29 Oct 2026 | v1.
   Upload to /wp-content/uploads/kopou-adv/ as kopou-adv.css (with kopou-adv.js and the 5 face images).
   02 The checklist: Conicorn bento of 5 Mist cards; the JS adds the draggable globe and the
      four live graphics. 03 How we run campaigns: the homepage timeline (kopou-batch-1)
      with two extra icons. 04 FAQ: hover (or tap) opens an answer. Contact (footer block):
      the JS swaps in the v1 Advertiser heading, intro and "What happens next".
   The hero is parked (unchanged). Without JS / in the editor: plain cards, all answers shown.
   ===================================================================== */

/* ---------- 0. 02 The checklist: white sheet over the hero ---------- */
body .kp-checklist.kp-checklist {
  --kp-carbon: #0F1417; --kp-purple: #6045F4; --kp-deep: #3218C4; --kp-mint: #53E6D4;
  --kp-mist: #F4F3F8; --kp-ink2: #4A4F5C; --kp-ease: cubic-bezier(.2,.7,.2,1); --kp-seam: 40px;
  position: relative;                                  /* no z-index: later sheets stay on top */
  box-sizing: border-box;
  width: 100%; max-width: none; min-height: 0;
  margin: calc(var(--kp-seam) * -1) 0 0 !important;
  padding: 120px 24px 40px !important;
  display: flex !important; flex-direction: column !important; align-items: center !important; gap: 0 !important;
  border-radius: var(--kp-seam) var(--kp-seam) 0 0 !important;
  background: #FFFFFF !important;
  color: var(--kp-carbon);
  font-family: 'Quicksand', system-ui, sans-serif;
}
body .kp-checklist *, body .kp-checklist *::before, body .kp-checklist *::after,
body .kp-faq *, body .kp-faq *::before, body .kp-faq *::after { box-sizing: border-box; }
body .kp-checklist .kp-sec-head,
body .kp-faq .kp-sec-head { padding: 0 !important; min-height: 0; width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center; }
body .kp-checklist .kp-sec-head .kp-h2 span, body .kp-checklist .kp-sec-head h2 span,
body .kp-faq .kp-sec-head .kp-h2 span, body .kp-faq .kp-sec-head h2 span { color: var(--kp-purple, #6045F4); }

/* bento grid */
body .kp-checklist .kp-checklist__grid {
  width: 100% !important; max-width: 1200px;
  margin: 64px 0 0 !important; padding: 0 !important;
  display: grid !important;
  grid-template-columns: 1.25fr 1fr 1fr;
  grid-auto-rows: 490px;
  gap: 16px !important;
  background: none !important;
}
body .kp-checklist .kp-check {
  position: relative; overflow: hidden; isolation: isolate;
  width: auto !important; min-width: 0; min-height: 0;
  margin: 0 !important; padding: 30px 30px 0 !important;
  display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; gap: 0 !important;
  border-radius: 34px;
  background: var(--kp-mist) !important;
}
body .kp-checklist .kp-check--geo { grid-row: span 2; }
body .kp-checklist .kp-check > * { position: relative; z-index: 1; }
body .kp-checklist .kp-check__num { margin: 0 !important; font-family: 'Switzer','Inter Tight',sans-serif; font-size: 13px; font-weight: 700; letter-spacing: .06em; color: #6B7080; }
body .kp-checklist .kp-check__title, body .kp-checklist .kp-check h3 {
  margin: 6px 0 0 !important; font-family: 'Switzer','Inter Tight',system-ui,sans-serif; font-weight: 700; font-size: 22px; line-height: 1.2; letter-spacing: -.02em; color: var(--kp-carbon);
}
body .kp-checklist .kp-check__lead { margin: 8px 0 0 !important; font-family: 'Quicksand',sans-serif; font-weight: 700; font-size: 15px; line-height: 1.55; color: var(--kp-carbon); }
body .kp-checklist .kp-check__lead + .kp-check__text { margin-top: 0 !important; }
body .kp-checklist .kp-check__text { margin: 8px 0 0 !important; font-family: 'Quicksand',sans-serif; font-weight: 500; font-size: 15px; line-height: 1.55; color: var(--kp-ink2); }
body .kp-checklist .kp-check__tags { margin: 16px 0 0 !important; padding: 0 !important; display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 6px !important; width: auto !important; background: none !important; }
body .kp-checklist .kp-tag {
  margin: 0 !important; display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 12px;
  border-radius: 999px; background: #FFFFFF; font-family: 'Quicksand',sans-serif; font-size: 12.5px; font-weight: 700; letter-spacing: .04em; line-height: 1; color: #2A2F3A; white-space: nowrap;
  transition: background-color .25s var(--kp-ease), color .25s var(--kp-ease);
}
body .kp-checklist .kp-tag::before { content: ""; width: 5px; height: 5px; border-radius: 999px; background: var(--kp-mint); flex: none; }
body .kp-checklist .kp-check--inventory .kp-tag { cursor: pointer; }
body .kp-checklist .kp-check--inventory .kp-tag.is-on { background: var(--kp-carbon); color: #FFFFFF; }
body .kp-checklist .kp-tag:focus-visible { outline: 2px solid var(--kp-purple); outline-offset: 3px; }
body .kp-checklist .kp-check__art {
  margin: auto 0 0 !important; padding: 8px 0 22px !important; height: 254px; min-height: 0;
  display: flex !important; align-items: center !important; justify-content: center !important;
  width: auto !important; background: none !important;
}
body .kp-checklist .kp-check--geo .kp-check__art { position: absolute; inset: 0; z-index: 0; margin: 0 !important; padding: 0 !important; height: auto; display: block !important; pointer-events: none; }
body .kp-checklist .kp-globe {
  position: absolute; left: 50%; top: var(--kp-gtop, 250px); width: var(--kp-gsz, 640px); height: var(--kp-gsz, 640px);
  transform: translateX(-50%); cursor: grab; touch-action: pan-y; pointer-events: auto;
}
body .kp-checklist .kp-globe:active { cursor: grabbing; }
body .kp-checklist .kp-globe-hint { position: absolute; left: 0; right: 0; bottom: 18px; margin: 0; text-align: center; font-family: 'Quicksand',sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #8E8C9C; pointer-events: none; }

/* live graphics (markup added by the JS) */
@keyframes kpAdvSpin { to { transform: rotate(360deg); } }
@keyframes kpAdvSpinR { to { transform: rotate(-360deg); } }
@keyframes kpAdvFade { 0%,45% { opacity: 1; } 60%,85% { opacity: .3; } 100% { opacity: 1; } }
@keyframes kpAdvBall { 0%,12% { transform: translate(var(--dx), var(--dy)); } 42%,72% { transform: translate(0,0); } 100% { transform: translate(var(--dx), var(--dy)); } }
@keyframes kpAdvGather { 0%,30% { opacity: 0; transform: scale(1.15); } 45%,70% { opacity: .9; transform: scale(1); } 85%,100% { opacity: 0; transform: scale(1.15); } }
@keyframes kpAdvSway { from { transform: rotate(-4deg); } to { transform: rotate(4deg); } }
@keyframes kpAdvSwayC { from { transform: rotate(4deg); } to { transform: rotate(-4deg); } }
@keyframes kpAdvDraw { 0% { stroke-dashoffset: 100; } 45%,100% { stroke-dashoffset: 0; } }
@keyframes kpAdvPulse { 0%,100% { transform: scale(1); opacity: .25; } 50% { transform: scale(1.6); opacity: .05; } }
@keyframes kpAdvBob { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
.kp-check__art .kp-orbitH { animation: kpAdvSpin 40s linear infinite; }
.kp-check__art .kp-orbitH .kp-avc { animation: kpAdvSpinR 40s linear infinite; }
.kp-check__art .kp-avbad { position: relative; animation: kpAdvFade 5s ease-in-out infinite; }
.kp-check__art .kp-ball { animation: kpAdvBall 9s cubic-bezier(.45,0,.55,1) infinite; }
.kp-check__art .kp-ball1 { animation-delay: -.2s; } .kp-check__art .kp-ball2 { animation-delay: -.45s; } .kp-check__art .kp-ball3 { animation-delay: -.1s; }
.kp-check__art .kp-ball4 { animation-delay: -.6s; } .kp-check__art .kp-ball5 { animation-delay: -.35s; } .kp-check__art .kp-ball6 { animation-delay: -.75s; }
.kp-check__art .kp-gather { transform-box: fill-box; transform-origin: center; animation: kpAdvGather 9s cubic-bezier(.45,0,.55,1) infinite; }
.kp-check__art .kp-sway { transform-origin: 150px 250px; animation: kpAdvSway 7s cubic-bezier(.45,0,.55,1) infinite alternate; }
.kp-check__art .kp-sway .kp-swayc { transform-origin: 0 0; animation: kpAdvSwayC 7s cubic-bezier(.45,0,.55,1) infinite alternate; }
.kp-check__art .kp-sway1, .kp-check__art .kp-sway1 .kp-swayc { animation-duration: 8.5s; animation-delay: -3s; }
.kp-check__art .kp-sway2, .kp-check__art .kp-sway2 .kp-swayc { animation-duration: 7.8s; animation-delay: -5s; }
.kp-check__art .kp-spark { stroke-dasharray: 100; animation: kpAdvDraw 6s cubic-bezier(.2,.7,.2,1) infinite; }
.kp-check__art .kp-spark-end { transform-box: fill-box; transform-origin: center; animation: kpAdvPulse 2.4s ease-in-out infinite; }
.kp-check__art .kp-team1 { animation: kpAdvBob 5s ease-in-out infinite; }
.kp-check__art .kp-team2 { animation: kpAdvBob 5.5s ease-in-out infinite; animation-delay: -2s; }
.kp-check__art .kp-team3 { animation: kpAdvBob 6s ease-in-out infinite; animation-delay: -4s; }
.kp-checklist:not(.is-live) .kp-check__art * { animation-play-state: paused !important; }
/* Specialised Inventory: dark glossy buttons on the rings; the chosen one gets the mint ring */
.kp-check__art .kp-ib {
  background: radial-gradient(circle at 35% 30%, #3A4048, #0F1417 70%);
  box-shadow: 0 0 0 3px rgba(255,255,255,.9), 0 10px 22px rgba(15,20,23,.25);
  transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s cubic-bezier(.2,.7,.2,1);
}
.kp-check__art .kp-ib.is-on {
  background: radial-gradient(circle at 35% 30%, #4A4F5C, #0F1417 70%);
  box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 5px #53E6D4, 0 16px 30px rgba(15,20,23,.35);
  transform: scale(1.14);
}
.kp-check__art .kp-ib:focus-visible { outline: 2px solid #6045F4; outline-offset: 6px; }
.kp-check__art .kp-inv-glow { transition: background .5s cubic-bezier(.2,.7,.2,1); background: radial-gradient(closest-side, rgba(246,166,234,.9), rgba(179,140,255,.5), rgba(255,255,255,0)); }
.kp-check__art.is-k1 .kp-inv-glow { background: radial-gradient(closest-side, rgba(142,178,255,.9), rgba(179,140,255,.5), rgba(255,255,255,0)); }
.kp-check__art.is-k2 .kp-inv-glow { background: radial-gradient(closest-side, rgba(159,240,228,.95), rgba(142,178,255,.45), rgba(255,255,255,0)); }

@media (max-width: 1099px) {
  body .kp-checklist .kp-checklist__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: auto; max-width: 760px; }
  body .kp-checklist .kp-check { min-height: 480px; }
  body .kp-checklist .kp-check--geo { grid-row: auto; grid-column: span 2; min-height: 820px; --kp-gsz: 600px; --kp-gtop: 230px; }
}
@media (max-width: 767px) {
  body .kp-checklist.kp-checklist { --kp-seam: 32px; padding: 88px 16px 24px !important; }
  body .kp-checklist .kp-checklist__grid { grid-template-columns: minmax(0, 1fr); margin-top: 40px !important; gap: 12px !important; }
  body .kp-checklist .kp-check { padding: 26px 24px 0 !important; min-height: 470px; }
  body .kp-checklist .kp-check--geo { grid-column: auto; min-height: 640px; --kp-gsz: 380px; --kp-gtop: 222px; }
  body .kp-checklist .kp-check__title, body .kp-checklist .kp-check h3 { font-size: 20px; }
}
@media (max-width: 359px) { .kp-check__art > div, .kp-check__art > svg { transform: scale(.9); } }

/* ---------- 1. 03 How we run campaigns: homepage timeline + two icons ---------- */
.kp-process .kp-icon--match { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg stroke=%22%230F1417%22%3E%3Cpath d=%22M12 3l8.5 4.5L12 12 3.5 7.5z%22/%3E%3Cpath d=%22M3.5 12L12 16.5 20.5 12%22/%3E%3C/g%3E%3Cg stroke=%22%2353E6D4%22%3E%3Cpath d=%22M3.5 16.5L12 21l8.5-4.5%22/%3E%3C/g%3E%3C/svg%3E"); }
.kp-process .kp-step.is-active .kp-icon--match { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg stroke=%22%23FFFFFF%22%3E%3Cpath d=%22M12 3l8.5 4.5L12 12 3.5 7.5z%22/%3E%3Cpath d=%22M3.5 12L12 16.5 20.5 12%22/%3E%3C/g%3E%3Cg stroke=%22%2353E6D4%22%3E%3Cpath d=%22M3.5 16.5L12 21l8.5-4.5%22/%3E%3C/g%3E%3C/svg%3E"); }
.kp-process .kp-icon--tune { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg stroke=%22%230F1417%22%3E%3Cpath d=%22M4 7h10M18 7h2M4 17h4M12 17h8%22/%3E%3Ccircle cx=%2216%22 cy=%227%22 r=%222%22/%3E%3C/g%3E%3Cg stroke=%22%2353E6D4%22%3E%3Ccircle cx=%2210%22 cy=%2217%22 r=%222%22/%3E%3C/g%3E%3C/svg%3E"); }
.kp-process .kp-step.is-active .kp-icon--tune { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg stroke=%22%23FFFFFF%22%3E%3Cpath d=%22M4 7h10M18 7h2M4 17h4M12 17h8%22/%3E%3Ccircle cx=%2216%22 cy=%227%22 r=%222%22/%3E%3C/g%3E%3Cg stroke=%22%2353E6D4%22%3E%3Ccircle cx=%2210%22 cy=%2217%22 r=%222%22/%3E%3C/g%3E%3C/svg%3E"); }
html.kp-js .kp-process.is-in .kp-step:nth-child(4) { transition-delay: .40s; }
body .kp-process--adv .kp-sec-head .kp-h2 span, body .kp-process--adv .kp-sec-head h2 span { color: #6045F4; }
.kp-process .kp-adv-stepnum { display: none; margin: 0; font-family: 'Switzer','Inter Tight',sans-serif; font-size: 13px; font-weight: 700; letter-spacing: .06em; color: #6B7080; }
@media (max-width: 899px) { .kp-process--adv .kp-adv-stepnum { display: block; } }

/* ---------- 2. 04 FAQ ---------- */
body .kp-faq.kp-faq {
  position: relative; box-sizing: border-box; width: 100%; max-width: none; min-height: 0;
  margin: 0 !important; padding: 0 24px 180px !important;      /* + the Contact sheet's 40 px overlap */
  display: flex !important; flex-direction: column !important; align-items: center !important; gap: 0 !important;
  background: #FFFFFF !important; color: #0F1417; font-family: 'Quicksand', system-ui, sans-serif;
}
body .kp-faq .kp-faq__list { width: 100% !important; max-width: 880px; margin: 64px 0 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; gap: 12px !important; background: none !important; }
body .kp-faq .kp-faq__item {
  margin: 0 !important; padding: 0 !important; width: auto !important; min-height: 0;
  display: block !important; border-radius: 32px; border: 1.5px solid transparent;
  background: #F4F3F8 !important;
  transition: box-shadow .35s cubic-bezier(.2,.7,.2,1);
}
body .kp-faq .kp-faq__item.is-open {
  background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(100deg, #B9A9FF, #F6A6EA 30%, #8EB2FF 62%, #9FF0E4) border-box !important;
  box-shadow: 0 18px 44px rgba(50,24,196,.09);
}
body .kp-faq .kp-faq__q, body .kp-faq .kp-faq__item h3 { margin: 0 !important; padding: 0; font: inherit; }
body .kp-faq .kp-faq__btn {
  width: 100%; min-height: 88px; border: 0; background: transparent; padding: 0 22px 0 26px; margin: 0;
  display: flex; align-items: center; gap: 18px; text-align: left; cursor: pointer; color: #0F1417;
  font-family: 'Switzer','Inter Tight',system-ui,sans-serif; font-weight: 600; font-size: 20px; line-height: 1.3; letter-spacing: -.01em;
}
body .kp-faq .kp-faq__btn:focus-visible { outline: 2px solid #6045F4; outline-offset: -4px; border-radius: 30px; }
body .kp-faq .kp-faq__n { flex: none; width: 30px; height: 30px; border-radius: 9px; background: #FFFFFF; box-shadow: inset 0 0 0 1px #E2E1E8; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 600; color: #4A4F5C; }
body .kp-faq .kp-faq__qt { flex: 1; }
body .kp-faq .kp-faq__pm {
  flex: none; width: 48px; height: 48px; border-radius: 999px; display: flex; align-items: center; justify-content: center;
  background: radial-gradient(circle at 35% 30%, #3A4048, #0F1417 70%); box-shadow: 0 6px 16px rgba(15,20,23,.25); color: #FFFFFF;
  transition: transform .35s cubic-bezier(.2,.7,.2,1), background .35s cubic-bezier(.2,.7,.2,1), color .35s cubic-bezier(.2,.7,.2,1);
}
body .kp-faq .kp-faq__pm svg { width: 16px; height: 16px; display: block; }
body .kp-faq .is-open .kp-faq__pm { background: #FFFFFF; box-shadow: inset 0 0 0 1px #D9D2FF; color: #0F1417; transform: rotate(45deg); }
body .kp-faq .kp-faq__panel { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows .45s cubic-bezier(.2,.7,.2,1), opacity .35s cubic-bezier(.2,.7,.2,1); }
body .kp-faq .is-open .kp-faq__panel { grid-template-rows: 1fr; opacity: 1; }
body .kp-faq .kp-faq__panel > div { overflow: hidden; min-height: 0; }
body .kp-faq .kp-faq__a { margin: 0 !important; padding: 0 80px 28px 74px; max-width: 760px; font-family: 'Quicksand',sans-serif; font-size: 16px; line-height: 1.6; font-weight: 500; color: #4A4F5C; }
body .kp-faq:not(.kp-fq) .kp-faq__a { padding: 0 26px 24px; }           /* no JS / editor: answers simply show */
body .kp-faq:not(.kp-fq) .kp-faq__q { padding: 26px 26px 10px; font-family: 'Switzer','Inter Tight',sans-serif; font-weight: 600; font-size: 20px; }
/* contact card on this page: the two locked choices share one line (pills from kopou-close) */
.kp-close .kp-adv-pillrow { grid-column: 1 / -1; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px 36px; margin: 0 0 16px; }
.kp-close .kp-adv-pillrow .kp-close__pills { display: flex; flex-wrap: nowrap; align-items: center; gap: 12px; margin: 0; grid-column: auto; }
.kp-close .kp-adv-pillrow .kp-close__pills::after { display: none; }
.kp-close .kp-adv-pillrow .kp-close__pills legend { float: left; width: auto; margin: 0 12px 0 0; line-height: 44px; text-align: left; white-space: nowrap; }
.kp-close .kp-adv-pillrow .kp-close__pill { cursor: default; white-space: nowrap; }
@media (max-width: 767px) {
  .kp-close .kp-adv-pillrow { flex-direction: column; align-items: flex-start; gap: 12px; }
  .kp-close .kp-adv-pillrow .kp-close__pills { display: flex; }
  .kp-close .kp-adv-pillrow .kp-close__pills legend { float: left; width: auto; margin: 0 12px 0 0; grid-column: auto; }
}
@media (max-width: 767px) {
  body .kp-faq.kp-faq { padding: 0 16px 120px !important; }
  body .kp-faq .kp-faq__list { margin-top: 40px !important; gap: 10px !important; }
  body .kp-faq .kp-faq__item { border-radius: 26px; }
  body .kp-faq .kp-faq__btn { min-height: 72px; padding: 0 14px; gap: 12px; font-size: 17px; }
  body .kp-faq .kp-faq__pm { width: 40px; height: 40px; }
  body .kp-faq .kp-faq__a { padding: 0 18px 22px 56px; }
}

/* ---------- 3. Contact (footer block) on the Advertiser page ---------- */
.kp-close .kp-adv-next { width: 100%; margin-top: 28px; }
.kp-close .kp-adv-next p { margin: 0 0 10px; text-align: center; font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.72); }
.kp-close .kp-adv-next ol { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.kp-close .kp-adv-next li { display: flex; gap: 12px; align-items: flex-start; padding: 16px 18px; border-radius: 20px; background: rgba(255,255,255,.08); box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); text-align: left; font-size: 15px; line-height: 1.45; font-weight: 500; color: rgba(255,255,255,.88); }
.kp-close .kp-adv-next li b { flex: none; font-family: 'Switzer','Inter Tight',sans-serif; font-size: 14px; font-weight: 700; color: #53E6D4; }
@media (max-width: 767px) { .kp-close .kp-adv-next { margin-top: 22px; } .kp-close .kp-adv-next ol { grid-template-columns: minmax(0, 1fr); } .kp-close .kp-adv-next li { padding: 14px 16px; } }

/* ---------- 4. Reveal, reduced motion, editor ---------- */
html.kp-js body .kp-checklist.is-ready > *, html.kp-js body .kp-faq.is-ready > * { transition: opacity .9s cubic-bezier(.2,.7,.2,1), transform .9s cubic-bezier(.2,.7,.2,1); }
html.kp-js body .kp-checklist.is-ready:not(.is-in) > *, html.kp-js body .kp-faq.is-ready:not(.is-in) > * { opacity: 0; transform: translateY(18px); }
html.kp-js body .kp-checklist.is-ready > *:nth-child(2), html.kp-js body .kp-faq.is-ready > *:nth-child(2) { transition-delay: .1s; }
html.kp-js body .kp-faq.is-ready > *:nth-child(3) { transition-delay: .2s; }
@media (prefers-reduced-motion: reduce) {
  .kp-check__art *, .kp-faq *, .kp-checklist .kp-tag { animation: none !important; transition: none !important; }
  .kp-check__art .kp-spark { stroke-dashoffset: 0; }
  html.kp-js body .kp-checklist.is-ready:not(.is-in) > *, html.kp-js body .kp-faq.is-ready:not(.is-in) > * { opacity: 1; transform: none; }
}
body.elementor-editor-active .kp-checklist *, body.elementor-editor-active .kp-faq * { opacity: 1 !important; transform: none !important; }