/* Dania landing: question-animation. */
.public-page .landing-hero {
  padding-block-start: clamp(24px, 2.5vw, 36px);
}
.public-page .landing-hero.question-scroll-section {
  display: block;
  overflow: visible;
}
.question-scroll-track {
  position: relative;
  width: 100%;
  height: calc(var(--qa-pin-height) + var(--qa-runway));
}
.public-page .question-scroll-track > .question-pin {
  position: sticky;
  top: var(--qa-pin-top);
}
.public-page .question-scroll-track--scene {
  width: min(470px, 100%);
  min-width: 0;
  justify-self: center;
  align-self: start;
}
.public-page .question-scroll-track--scene > .question-hero { width: 100%; }

.public-page .hero-stage.question-hero {
  width: min(470px, 100%);
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  margin: 0;
  --qa-surface: #fff;
  --qa-ink: #3d4c52;
  --qa-line: #b7c5c8;
  --qa-muted: #819096;
  --qa-green: #24836b;
  --qa-green-soft: #e8f5ef;
  --qa-amber: #a87532;
  --qa-amber-soft: #fcf2e2;
}

.public-page .hero-stage.question-hero::before { content: none; }
.question-canvas { position: relative; width: 100%; aspect-ratio: 1 / 1; direction: ltr; isolation: isolate; }
.question-canvas *, .question-canvas *::before, .question-canvas *::after { box-sizing: border-box; }
.question-bubble { position: absolute; width: 34%; height: 19%; transform: rotate(var(--tilt)); }
.question-bubble:nth-child(1) { left: 2%; top: 7%; --tilt: -7deg; --float-delay: -1s; }
.question-bubble:nth-child(2) { right: 1%; top: 6%; --tilt: 5deg; --float-delay: -3s; }
.question-bubble:nth-child(3) { left: -2%; top: 41%; width: 30%; --tilt: 4deg; --float-delay: -2s; }
.question-bubble:nth-child(4) { right: -1%; top: 40%; width: 30%; --tilt: -5deg; --float-delay: -.5s; }
.question-bubble:nth-child(5) { left: 3%; top: 75%; --tilt: 5deg; --float-delay: -3.8s; }
.question-bubble:nth-child(6) { right: 1%; top: 76%; --tilt: -5deg; --float-delay: -2.5s; }
.question-bubble-inner { position: relative; height: 100%; width: 100%; }
.question-bubble-shape { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 5px 7px #304d5210); }
.question-bubble-shape path { fill: var(--qa-surface); stroke: var(--qa-line); stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.question-bubble-copy { position: absolute; inset: 12% 9% 26%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 9px; direction: rtl; }
.question-bubble-copy p { margin: 0; font-size: clamp(10px, 1vw, 12px); font-weight: 500; line-height: 1.9; color: var(--qa-ink); text-align: center; white-space: nowrap; }
.question-lines { display: flex; flex-direction: column; align-items: center; width: 100%; gap: 6px; }
.question-lines i { height: 2px; width: 57%; background: #dce3e5; border-radius: 3px; display: block; }
.question-lines i:last-child { width: 36%; }
.question-badge { position: absolute; top: -8px; right: -6px; z-index: 2; width: 29px; height: 29px; display: grid; place-items: center; border: 3px solid var(--qa-surface); border-radius: 50%; background: var(--qa-green); color: #fff; box-shadow: 0 3px 8px #204f3c18; opacity: 0; transform: scale(.5); }
.question-badge svg { width: 15px; height: 15px; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; fill: none; }
.question-bubble-human .question-badge { background: var(--qa-amber); }
.question-team-label { position: absolute; right: 6%; bottom: 18%; z-index: 2; padding: 2px 6px; font-size: 9px; line-height: 1.7; border: 1px solid #e5d7bf; border-radius: 4px; color: #966725; background: var(--qa-amber-soft); direction: rtl; opacity: 0; }
.question-core { position: absolute; left: 33%; top: 33%; width: 34%; height: 38%; perspective: 850px; z-index: 3; }
.question-core-rotor { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; }
.question-core-face { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.question-core-front { direction: rtl; }
.question-core-front>svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 9px 12px #344c5711); }
.question-core-front>svg path { fill: var(--qa-surface); stroke: #8ba5ac; stroke-width: 1.7; vector-effect: non-scaling-stroke; }
.question-core-front>strong { position: relative; font-size: 64px; font-weight: 500; line-height: 1.1; color: #668c90; margin-top: -12%; }
.question-core-front>small { position: relative; font-size: 11px; font-weight: 500; color: #6a7d84; margin-top: 7px; }
.question-core-back { transform: rotateY(180deg); direction: rtl; }
.question-brand-bubble { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 9px 14px #5b4fe928); }
.question-brand-bubble path { fill: #5b4fe9; stroke: #4f43d8; stroke-width: 1; vector-effect: non-scaling-stroke; }
.question-brand-lockup { position: absolute; inset: 10% 7% 20%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 6px; color: #fff; }
.public-page .question-brand-lockup > .brand-logo { width: clamp(30px, 3.4vw, 44px); height: clamp(30px, 3.4vw, 44px); flex: 0 0 auto; background: #fff; }
.question-brand-lockup > strong { font-size: clamp(17px, 1.7vw, 22px); font-weight: 800; line-height: 1.3; }
.question-brand-lockup > small { font-size: 10px; font-weight: 500; line-height: 1.6; color: #eeecff; white-space: nowrap; }
.question-spark { position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #bbc9cb; }
.question-spark-one { left: 23%; top: 31%; }
.question-spark-two { right: 17%; top: 69%; width: 3px; height: 3px; }
.question-spark-three { right: 39%; top: 14%; width: 3px; height: 3px; }
.question-animation-footer { display: flex; align-items: center; gap: 12px; min-height: 43px; direction: rtl; padding-inline: 12px; }
.question-caption { display: grid; flex: 1; min-width: 0; text-align: center; }
.question-caption>span { grid-area: 1 / 1; font-size: 11px; line-height: 1.8; color: #6b7681; opacity: 0; }
.question-caption>span:first-child { opacity: 1; }
.question-scroll-cue { display: grid; place-items: center; width: 28px; min-width: 28px; color: var(--qa-muted); }
.question-scroll-cue svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

html[data-theme="dark"] .public-page .hero-stage.question-hero {
  --qa-surface: #22252c;
  --qa-ink: #e0e5e8;
  --qa-line: #5c6e76;
  --qa-muted: #a2b0b7;
  --qa-green: #368d73;
  --qa-green-soft: #293f3a;
  --qa-amber: #bd8d4a;
  --qa-amber-soft: #3a3226;
}
html[data-theme="dark"] .question-core-front>small, html[data-theme="dark"] .question-caption>span { color: #adb8c0; }
html[data-theme="dark"] .question-core-front>strong { color: #a3c2c1; }
html[data-theme="dark"] .question-lines i { background: #505b64; }
html[data-theme="dark"] .question-brand-bubble { filter: drop-shadow(0 9px 14px #0004); }
html[data-theme="dark"] .question-brand-bubble path { stroke: #8c83ff; }
html[data-theme="dark"] .question-team-label { color: #e4c28d; border-color: #766246; }

@media(min-width:1600px) { .question-bubble-copy p { font-size: 12px; } }
@media(max-width:1160px) { .question-bubble-copy p { font-size: 11px; } .question-caption>span { font-size: 10px; } }
@media(max-width:980px) { .public-page .hero-stage.question-hero { width: min(470px,100%); } .question-bubble-copy p { font-size: 12px; } }
@media(max-width:520px) { .public-page .hero-stage.question-hero { width: min(430px,100%); } .question-bubble-copy p { font-size: 10px; } .question-core-front>strong { font-size: 54px; } .question-core-front>small { font-size: 10px; } .question-brand-lockup { gap: 4px; } .question-brand-lockup > small { font-size: 9px; } .question-badge { width: 26px; height: 26px; top: -6px; right: -3px; } .question-badge svg { width: 13px; height: 13px; } .question-team-label { font-size: 8px; right: 5%; padding-inline: 5px; bottom: 12%; } .question-caption>span { font-size: 10px; } .question-animation-footer { padding-inline: 5px; gap: 5px; } .question-lines { gap: 5px; } .question-bubble-copy { gap: 6px; } }
@media(max-width:360px) { .question-bubble-copy p { font-size: 9px; } .question-core-front>strong { font-size: 45px; } .question-core-front>small { font-size: 9px; } .question-team-label { font-size: 7px; } .question-caption>span { font-size: 9px; } .question-brand-lockup > small { font-size: 8px; } }
@media(prefers-reduced-motion:reduce) {
  .question-scroll-cue { visibility: hidden; }
  .question-scroll-track { height: auto; }
  .public-page .question-scroll-track > .question-pin { position: relative; top: auto; }
}