/* (a)MD™ Preview Widget — loaded by layouts/partials/amd-preview-widget.html. Scoped under .amd-preview-widget. */

@layer widget {

@font-face {
  font-family: 'Sebino';
  src: url('/fonts/sebino-regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Sebino';
  src: url('/fonts/sebino-bold.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}
/* Scoped reset — neutralize inherited theme styles */
.amd-preview-widget,
.amd-preview-widget *,
.amd-preview-widget *::before,
.amd-preview-widget *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-family: 'Sebino', system-ui, sans-serif;
  line-height: 1.4;
  color: inherit;
  text-decoration: none;
  list-style: none;
  background: transparent;
  vertical-align: baseline;
}

.amd-preview-widget {
  color: #000;
  font-size: 16px;
}

.amd-preview-widget button {
  background: none;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

.amd-preview-widget a {
  color: inherit;
}

.amd-preview-widget img,
.amd-preview-widget svg {
  display: block;
  max-width: 100%;
}

.amd-preview-widget h1,
.amd-preview-widget h2,
.amd-preview-widget h3,
.amd-preview-widget h4,
.amd-preview-widget h5,
.amd-preview-widget h6 {
  font-weight: normal;
}
/* ── STAGE + PANEL ───────────────────────────────────────────────────────── */
.amd-preview-widget.amd-stage {
  position: relative;
  width: 100%;
  font-family: 'Sebino', sans-serif;
  box-sizing: border-box;
  overflow: visible;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 0 25px;
  margin-top: 0;
}
.amd-preview-widget.amd-stage::before {
  content: '';
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  z-index: 0;
}
.amd-preview-widget.amd-stage.results-mode { padding-bottom: 80px; }

.amd-preview-widget .amd-panel {
  position: relative;
  z-index: 2;
  /* Footer chrome — 700×700 px from panel top (desktop) */
  --aimd-foot-insight-top: 585px;
  --aimd-foot-insight-bottom: -4px;
  --aimd-foot-insight-height: 92px;
  --aimd-foot-insight-inset-x: 16px;
  --aimd-foot-security-top: 550px;
  --aimd-foot-security-bottom: 104px;
  width: min(92vw, 700px);
  max-width: 700px;
  min-width: 391px;
  aspect-ratio: 1 / 1;
  background-color: transparent;
  background-image: url('/images/dt-cht-scr-dt.webp');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  overflow: visible;
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.amd-preview-widget .amd-panel.hidden-for-results, .amd-lightbox__widget .amd-panel.hidden-for-results { display: none !important; }

/* Lightbox host — desktop: framed panel + wallpaper */
@media (min-width: 901px) {
  .amd-lightbox__widget .amd-preview-widget.amd-stage, .amd-lightbox__widget .amd-panel {
    overflow: visible !important;
  }
  .amd-lightbox__widget .amd-preview-widget.amd-stage {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }
  .amd-lightbox__widget .amd-panel {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 100% !important;
    max-width: none !important;
    aspect-ratio: auto !important;
    background-color: transparent !important;
    background-image: url('/images/dt-cht-scr-dt.webp') !important;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
  }
}

/* Lightbox host — mobile: full-screen white takeover */
@media (max-width: 900px) {
  .amd-lightbox__widget {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100dvh !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }

  .amd-lightbox__widget .amd-preview-widget.amd-stage {
    position: relative !important;
    inset: auto !important;
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #ffffff !important;
  }

  .amd-lightbox__widget .amd-preview-widget.amd-stage::before {
    display: none !important;
  }

  .amd-lightbox__widget .amd-panel {
    position: relative !important;
    inset: auto !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    aspect-ratio: auto !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    background-image: none !important;
    border-radius: 0;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }
}


/* ── HELLO + FLOW SCREENS (locked design) ────────────────────────────────── */
.amd-preview-widget .aimd-hello-screen, .amd-preview-widget .aimd-flow-screen {
  position: absolute;
  inset: 0;
  z-index: 20;
  font-family: 'Sebino', sans-serif;
  color: #1a1a1a;
}
.amd-preview-widget .aimd-hello-screen.hidden, .amd-preview-widget .aimd-flow-screen.hidden { display: none !important; }
.amd-preview-widget .aimd-hello-screen {
  opacity: 1 !important;
  visibility: visible !important;
}
.amd-preview-widget .aimd-hello-screen:not(.hidden), .amd-preview-widget .aimd-flow-screen:not(.hidden) { display: block !important; }
.amd-preview-widget .aimd-hello-screen .aimd-topbar, .amd-preview-widget .aimd-hello-screen .aimd-left-col, .amd-preview-widget .aimd-hello-screen .aimd-security, .amd-preview-widget .aimd-hello-screen .aimd-insight {
  opacity: 1 !important;
  visibility: visible !important;
}
.amd-preview-widget .aimd-hello-screen .aimd-main { z-index: 5; }
.amd-preview-widget .aimd-hello-screen.aimd-hello-waking .aimd-hello, .amd-preview-widget .aimd-hello-screen.aimd-hello-waking .aimd-im, .amd-preview-widget .aimd-hello-screen.aimd-hello-waking .aimd-brandmark, .amd-preview-widget .aimd-hello-screen.aimd-hello-waking .aimd-copy, .amd-preview-widget .aimd-hello-screen.aimd-hello-waking .aimd-start {
  opacity: 0 !important;
  filter: blur(10px);
  transition: opacity 0.42s ease, filter 0.42s ease;
}
.amd-preview-widget .aimd-hello-screen.aimd-hello-waking .aimd-hero-in {
  opacity: 1 !important;
  filter: blur(0);
}
@media (prefers-reduced-motion: reduce) {
  .amd-preview-widget .aimd-hello-screen.aimd-hello-waking .aimd-hello, .amd-preview-widget .aimd-hello-screen.aimd-hello-waking .aimd-im, .amd-preview-widget .aimd-hello-screen.aimd-hello-waking .aimd-brandmark, .amd-preview-widget .aimd-hello-screen.aimd-hello-waking .aimd-copy, .amd-preview-widget .aimd-hello-screen.aimd-hello-waking .aimd-start {
    filter: none;
    transition: none;
  }
}
.amd-preview-widget .aimd-hello-screen .aimd-start-desktop {
  display: block !important;
  z-index: 6;
}
.amd-preview-widget .aimd-hello-screen .aimd-start-mobile { display: none !important; }

.amd-preview-widget .aimd-active {
  position: absolute;
  width: 90%;
  height: 90%;
  left: 5%;
  top: 5%;
}
.amd-preview-widget .aimd-topbar {
  position: absolute;
  top: 40px;
  left: 20px;
  display: flex;
  align-items: center;
  gap: 32px;
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}
.amd-preview-widget .aimd-topbar-mark {
  display: block;
  width: 75px;
  height: auto;
  flex-shrink: 0;
}
.amd-preview-widget .aimd-learning {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #202020;
}
.amd-preview-widget .aimd-learning-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #111;
}
.amd-preview-widget .aimd-flow-screen.aimd-learning-active .aimd-learning-dot {
  animation: aimd-status-blink 1.4s steps(1, end) infinite;
  animation-delay: 0.9s;
}
@keyframes aimd-status-blink {
  0%, 45%   { opacity: 1; }
  46%, 100% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .amd-preview-widget .aimd-flow-screen.aimd-learning-active .aimd-learning-dot, .amd-preview-widget .aimd-live-dot {
    animation: none;
    opacity: 1;
  }
}
.amd-preview-widget .aimd-question-counter { display: none; }

.amd-preview-widget .aimd-left-col {
  position: absolute;
  left: 20px;
  top: 120px;
  bottom: 104px;
  width: 80px;
  color: #666;
  font-size: 8px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  overflow: hidden;
}
.amd-preview-widget .aimd-left-col {
  display: none !important;
}
.amd-preview-widget .aimd-left-col .aimd-vline {
  display: none;
}
.amd-preview-widget .aimd-left-margin-img {
  display: block;
  position: absolute;
  top: 25px;
  left: 0;
  width: 38px;
  height: auto;
  max-height: calc(100% - 8px);
  object-fit: contain;
  object-position: top left;
  pointer-events: none;
  transform: scale(0.75);
  transform-origin: top left;
}
.amd-preview-widget .aimd-hello-screen .aimd-left-col > div:not(.aimd-vline) {
  display: none;
}
.amd-preview-widget .aimd-flow-screen .aimd-left-margin-img {
  top: 53px;
  max-height: calc(100% - 36px);
}
.amd-preview-widget .aimd-main {
  position: absolute;
}

.amd-preview-widget .aimd-hello {
  position: absolute;
  top: 0;
  left: 0;
  transform: none;
  margin: 0;
  font-size: 74px;
  line-height: 0.92;
  font-weight: 400;
  letter-spacing: 0;
}
.amd-preview-widget .aimd-im {
  position: absolute;
  top: 82px;
  left: 2px;
  transform: none;
  margin: 0;
  font-size: 25px;
  line-height: 1;
  color: #29313c;
}
.amd-preview-widget .aimd-brandmark {
  position: absolute;
  top: 126px;
  left: 0;
  transform: none;
  width: 238px;
  max-width: 100%;
  margin: 0;
  display: block;
}
.amd-preview-widget .aimd-copy {
  position: absolute;
  top: 234px;
  left: 0;
  transform: none;
  margin: 0;
  font-size: 18.75px;
  line-height: 1.45;
  color: #303846;
  max-width: 260px;
}
.amd-preview-widget .aimd-copy strong { font-weight: 400; color: #303846; }

.amd-preview-widget .aimd-start {
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  cursor: pointer;
  padding: 0;
  line-height: 0;
}
.amd-preview-widget .aimd-start img {
  display: block;
  width: 260px;
  height: auto;
  filter: drop-shadow(0 4px 14px rgba(0, 0, 0, 0.2));
}
.amd-preview-widget .aimd-start-mobile { display: none; }
.amd-preview-widget .aimd-start-desktop { display: block; }

.amd-preview-widget .aimd-security {
  position: absolute;
  bottom: var(--aimd-foot-security-bottom);
  width: 100%;
  text-align: center;
  font-size: 10px;
  letter-spacing: 0.08em;
  color: #292929;
}
.amd-preview-widget .aimd-security::before {
  content: "◬ ";
  font-size: 10px;
}

.amd-preview-widget .aimd-insight {
  position: absolute;
  left: var(--aimd-foot-insight-inset-x);
  right: var(--aimd-foot-insight-inset-x);
  bottom: var(--aimd-foot-insight-bottom);
  height: var(--aimd-foot-insight-height);
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  padding: 12px 16px 0 16px;
  font-size: 12px;
}
.amd-preview-widget .aimd-insight-title {
  font-size: 11px;
  letter-spacing: 0.03em;
  margin-bottom: 7px;
}
.amd-preview-widget .aimd-insight-title .aimd-red { color: #FF0033; font-weight: 700; }
.amd-preview-widget .aimd-insight-copy {
  margin: 0;
  font-size: 13px;
  line-height: 1.2;
  color: #373737;
  max-width: 210px;
}
.amd-preview-widget .aimd-right-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 9px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #3f3f3f;
  margin-top: 4px;
}
.amd-preview-widget .aimd-live {
  display: flex;
  align-items: center;
  gap: 6px;
}
.amd-preview-widget .aimd-live-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FF0033;
  animation: aimd-status-blink 1.4s steps(1, end) infinite;
  animation-delay: 0s;
}
.amd-preview-widget .aimd-scope-wrap {
  margin-top: 12px;
  width: 100%;
  height: 28px;
}
.amd-preview-widget .aimd-scope {
  display: block;
  width: 100%;
  height: 28px;
}

.amd-preview-widget .aimd-bottom-stack {
  display: contents;
}

/* Question screen — 700×700 band layout (desktop); flex stack (mobile) */
.amd-preview-widget .aimd-question-screen {
  position: absolute;
  inset: 0;
  font-family: 'Sebino', sans-serif;
  color: #111;
}
.amd-preview-widget .amd-panel .aimd-q-response, .amd-preview-widget .amd-panel h1.aimd-q-text, .amd-preview-widget .amd-panel .aimd-q-options {
  box-sizing: border-box;
  margin: 0;
}
.amd-preview-widget .amd-panel .aimd-q-response {
  color: #FF0033;
  letter-spacing: 0.02em;
  text-transform: none;
}
.amd-preview-widget .aimd-q-response:not(:empty)::before,
.amd-preview-widget .aimd-q-response:not(:empty)::after,
.amd-preview-widget .aimd-channels-response:not(:empty)::before,
.amd-preview-widget .aimd-channels-response:not(:empty)::after {
  content: '"';
  font: inherit;
  letter-spacing: inherit;
  color: inherit;
}
.amd-preview-widget .amd-panel h1.aimd-q-text {
  font-family: 'Sebino', sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 0;
  color: #000;
  z-index: 2;
}
.amd-preview-widget .amd-panel .aimd-q-options {
  z-index: 5;
  overflow: hidden;
  pointer-events: auto;
}
.amd-preview-widget .amd-panel .aimd-q-option {
  opacity: 1 !important;
  visibility: visible !important;
  display: flex !important;
}
.amd-preview-widget .aimd-q-option {
  position: absolute;
  height: 28px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  color: #1f1f1f;
  font-size: 12px;
  line-height: 1;
  border: 0;
  background: transparent;
  font-family: 'Sebino', sans-serif;
  padding: 10px 18px 0 14px;
  text-align: left;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: 0;
  outline: none !important;
  transition: background 0.18s ease, color 0.18s ease;
}
.amd-preview-widget .aimd-q-option:hover, .amd-preview-widget .aimd-q-option:focus, .amd-preview-widget .aimd-q-option:focus-visible, .amd-preview-widget .aimd-q-option:active, .amd-preview-widget .aimd-q-option.selected {
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}
.amd-preview-widget .aimd-q-option:hover { background: rgba(0, 0, 0, 0.045); }
.amd-preview-widget .aimd-q-option.selected {
  background: #FF0033;
  color: #ffffff;
}
.amd-preview-widget .aimd-q-option.selected span:first-child, .amd-preview-widget .aimd-q-option.selected span:last-child {
  color: #ffffff !important;
}
.amd-preview-widget .aimd-q-option span:first-child {
  flex: 0 1 auto;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.amd-preview-widget .aimd-q-option span:last-child {
  flex-shrink: 0;
  align-self: flex-start;
  margin-left: auto;
  color: #777;
  font-size: 9px;
  letter-spacing: 0.12em;
}
/*
 * AIMD_LAYOUT_LOCK_REGISTRY — desktop hello / shared chrome (700×700 .amd-panel)
 * DO NOT alter locked rows during refactors, % migrations, or “sync” work unless the
 * user names that row. When moving another element, compute clearance against these boxes.
 *
 * | ID | Selector | Box (x, y, w, h) — y from panel top; x from panel left |
 * |----|----------|-------------------------------------------------------------|
 * | L1 | .aimd-hello-screen .aimd-start-desktop | center X; top 490; img 260×~32 → x 220–480, y 490–522 |
 * | L1 |   img shadow | drop-shadow(0 1.25px 4.375px rgba(0,0,0,0.0625)) — part of L1 |
 * | L2 | .aimd-insight (footer band) | top 565 (700 canvas); h 92; cols aligned via nudge-y 7px both |
 * | L2 |   .aimd-insight > div:first-child | translateY(7px) — aligns (a)MD™ Insight with RTU row |
 * | L2 |   .aimd-insight > div:last-child | translate(calc(-40/700*100% - 20px), 7px); .aimd-right-meta margin-top 0 |
 *
 * Scaled (not px-locked; may change via --aimd-* on .amd-panel):
 *   hero .aimd-main (230,133,300,384) | foot security top 550 | topbar 40…
 *
 * L2 vars (desktop .amd-panel): --aimd-foot-insight-top 565; meta-shift-x -40/700;
 *   meta-nudge-x -20px; meta-nudge-y 7px. Do not change L2 without naming insight/footer.
 */
/* Desktop: single 700×700 panel coordinate system — scales with .amd-panel */
@media (min-width: 901px) {
  .amd-preview-widget .amd-panel {
    container-type: inline-size;
    container-name: aimd-panel;
    --aimd-canvas: 700;
    /* Q-slide bands */
    --aimd-band-width: calc(505 / var(--aimd-canvas) * 100%);
    --aimd-band-left: calc((100% - var(--aimd-band-width)) / 2);
    --aimd-response-top: calc(125 / var(--aimd-canvas) * 100%);
    --aimd-question-top: calc(205 / var(--aimd-canvas) * 100%);
    --aimd-options-lift-px: 30;
    --aimd-channels-options-top-px: 283;
    --aimd-channels-options-h-px: auto;
    --aimd-channels-continue-gap-px: 20px;
    --aimd-options-top: calc((370 - var(--aimd-options-lift-px)) / var(--aimd-canvas) * 100%);
    --aimd-response-bottom: calc((var(--aimd-canvas) - 195) / var(--aimd-canvas) * 100%);
    --aimd-question-bottom: calc((var(--aimd-canvas) - 355) / var(--aimd-canvas) * 100%);
    --aimd-options-bottom: calc((var(--aimd-canvas) - 540) / var(--aimd-canvas) * 100%);
    /* Shared chrome (hello + flow) */
    --aimd-chrome-topbar-top: calc(40 / var(--aimd-canvas) * 100%);
    --aimd-chrome-topbar-left: calc(20 / var(--aimd-canvas) * 100%);
    --aimd-chrome-topbar-gap: calc(32 / var(--aimd-canvas) * 100%);
    --aimd-chrome-mark-inset: calc(25 / var(--aimd-canvas) * 100%);
    --aimd-chrome-left-col-left: calc(40 / var(--aimd-canvas) * 100%);
    --aimd-chrome-left-col-top: calc(120 / var(--aimd-canvas) * 100%);
    --aimd-chrome-left-col-bottom: calc(104 / var(--aimd-canvas) * 100%);
    --aimd-chrome-left-col-w: calc(80 / var(--aimd-canvas) * 100%);
    --aimd-foot-security-top: calc(550 / var(--aimd-canvas) * 100%);
    --aimd-foot-insight-top: calc(565 / var(--aimd-canvas) * 100%);
    --aimd-foot-insight-height: calc(92 / var(--aimd-canvas) * 100%);
    --aimd-foot-insight-inset-x: calc(16 / var(--aimd-canvas) * 100%);
    --aimd-foot-insight-offset-x: calc(25 / var(--aimd-canvas) * 100%);
    --aimd-foot-insight-meta-shift-x: calc(-40 / var(--aimd-canvas) * 100%);
    --aimd-foot-insight-meta-nudge-x: -20px;
    --aimd-foot-insight-meta-nudge-y: 7px;
    /* Hello hero + start (700px design positions) */
    --aimd-hello-hero-left: calc(230 / var(--aimd-canvas) * 100%);
    --aimd-hello-hero-top: calc(133 / var(--aimd-canvas) * 100%);
    --aimd-hello-hero-w: calc(300 / var(--aimd-canvas) * 100%);
    --aimd-hello-hero-h: calc(384 / var(--aimd-canvas) * 100%);
    /* Question type (Q slides + channels title) — single knob for desktop */
    --aimd-question-font-size: calc((39px * 0.7 * 1.15) * 1.3);
    --aimd-question-line-height: calc(1.16 * 0.92);
  }

  .amd-preview-widget .aimd-hello-screen .aimd-active,
  .amd-preview-widget .aimd-flow-screen .aimd-active {
    width: 100%;
    height: 100%;
    left: -6px;
    top: 0;
  }

  .amd-preview-widget .aimd-hello-screen .aimd-topbar,
  .amd-preview-widget .aimd-flow-screen .aimd-topbar {
    top: var(--aimd-chrome-topbar-top);
    left: var(--aimd-chrome-topbar-left);
    gap: var(--aimd-chrome-topbar-gap);
    font-size: calc(10 / var(--aimd-canvas) * 100cqw);
  }

  .amd-preview-widget .aimd-topbar-mark {
    width: calc(75 / var(--aimd-canvas) * 100%);
    margin-left: var(--aimd-chrome-mark-inset);
  }

  .amd-preview-widget .aimd-left-col {
    left: var(--aimd-chrome-left-col-left);
    top: var(--aimd-chrome-left-col-top);
    bottom: var(--aimd-chrome-left-col-bottom);
    width: var(--aimd-chrome-left-col-w);
    font-size: calc(8 / var(--aimd-canvas) * 100cqw);
  }

  .amd-preview-widget .aimd-security {
    top: var(--aimd-foot-security-top);
    bottom: auto;
    font-size: calc(10 / var(--aimd-canvas) * 100cqw);
  }

  /* L2 — insight footer; see AIMD_LAYOUT_LOCK_REGISTRY */
  .amd-preview-widget .aimd-insight {
    top: var(--aimd-foot-insight-top);
    bottom: auto;
    left: calc(var(--aimd-foot-insight-inset-x) + var(--aimd-foot-insight-offset-x));
    right: var(--aimd-foot-insight-inset-x);
    height: var(--aimd-foot-insight-height);
    font-size: calc(12 / var(--aimd-canvas) * 100cqw);
  }

  .amd-preview-widget .aimd-insight > div:first-child {
    transform: translateY(var(--aimd-foot-insight-meta-nudge-y)) !important;
  }

  .amd-preview-widget .aimd-insight > div:last-child {
    transform: translate(
      calc(var(--aimd-foot-insight-meta-shift-x) + var(--aimd-foot-insight-meta-nudge-x)),
      var(--aimd-foot-insight-meta-nudge-y)
    ) !important;
  }

  .amd-preview-widget .aimd-insight .aimd-right-meta {
    margin-top: 0 !important;
  }

  .amd-preview-widget .aimd-hello-screen .aimd-main {
    left: var(--aimd-hello-hero-left);
    top: var(--aimd-hello-hero-top);
    width: var(--aimd-hello-hero-w);
    height: var(--aimd-hello-hero-h);
    transform: none;
  }

  .amd-preview-widget .aimd-hello-screen .aimd-main .aimd-hello {
    font-size: calc(74 / var(--aimd-canvas) * 100cqw) !important;
    line-height: 0.92 !important;
  }

  .amd-preview-widget .aimd-hello-screen .aimd-main .aimd-im {
    top: calc(82 / 384 * 100%);
    left: calc(2 / 300 * 100%);
    font-size: calc(25 / var(--aimd-canvas) * 100cqw);
  }

  .amd-preview-widget .aimd-hello-screen .aimd-main .aimd-brandmark {
    top: calc(126 / 384 * 100%);
    width: calc(238 / 300 * 100%);
  }

  .amd-preview-widget .aimd-hello-screen .aimd-main .aimd-copy {
    top: calc(234 / 384 * 100%);
    max-width: calc(260 / 300 * 100%);
    font-size: calc(18.75 / var(--aimd-canvas) * 100cqw);
  }

  /* L1 — px-locked; see AIMD_LAYOUT_LOCK_REGISTRY */
  .amd-preview-widget .aimd-hello-screen .aimd-start-desktop {
    top: 490px !important;
    bottom: auto !important;
    left: 50% !important;
    right: auto !important;
    width: auto !important;
    transform: translateX(-50%) !important;
  }

  .amd-preview-widget .aimd-hello-screen .aimd-start-desktop img {
    width: 260px !important;
    max-width: none !important;
    height: auto !important;
    filter: drop-shadow(0 1.25px 4.375px rgba(0, 0, 0, 0.0625)) !important;
  }

  .amd-preview-widget .aimd-hello-screen .aimd-left-margin-img {
    top: calc(25 / var(--aimd-canvas) * 100%);
    width: calc(38 / var(--aimd-canvas) * 100%);
  }

  .amd-preview-widget .aimd-flow-screen .aimd-left-margin-img {
    top: calc(53 / var(--aimd-canvas) * 100%);
  }

  .amd-preview-widget .aimd-question-screen {
    z-index: 4;
  }

  /* Clamp the 3-block content window to your 700×700 coordinates */
  .amd-preview-widget .aimd-question-screen .aimd-q-group {
    position: absolute !important;
    top: var(--aimd-response-top) !important; /* 125px */
    bottom: var(--aimd-options-bottom) !important; /* ends at options bottom (540px) */
    left: var(--aimd-band-left) !important;
    width: var(--aimd-band-width) !important;
    overflow: visible;
  }

  .amd-preview-widget .amd-panel .aimd-q-response {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(70 / 415 * 100%);
    bottom: auto;
    right: auto;
    padding: 0;
    overflow: hidden;
    font-family: 'Inter', sans-serif !important;
    font-weight: 250 !important;
    font-size: calc((11px + 2pt) * 1.3) !important;
    line-height: calc(1.08 * 1.06 * 1.12) !important;
  }

  .amd-preview-widget .aimd-question-screen h1.aimd-q-text {
    position: absolute;
    top: calc(80 / 415 * 100%);
    left: 0;
    width: 100%;
    height: calc(150 / 415 * 100%);
    bottom: auto;
    right: auto;
    padding: 0;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    font-family: 'Inter', sans-serif !important;
    font-weight: 200 !important;
    font-size: var(--aimd-question-font-size) !important;
    line-height: var(--aimd-question-line-height) !important;
  }

  .amd-preview-widget .amd-panel .aimd-q-options {
    position: absolute;
    top: calc((245 - var(--aimd-options-lift-px)) / 415 * 100%);
    left: 0;
    width: 100%;
    height: calc(170 / 415 * 100%);
    bottom: auto;
    right: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(3, 1fr);
    column-gap: 26px;
    row-gap: 10px;
    align-content: stretch;
    overflow: visible !important;
    z-index: 5;
  }

  .amd-preview-widget .amd-panel .aimd-q-options > .aimd-q-option {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: calc(100% + 20px) !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0;
    flex: initial;
    box-sizing: border-box;
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px 15px 0 15px !important; /* keeps text aligned while extending the cell */
    align-items: flex-start !important;
    font-size: calc((11px + 4pt) * 0.85) !important;
    line-height: calc(1.08 * 1.06) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 28px;
    column-gap: 12px;
    border-radius: 7px;
  }

  .amd-preview-widget .amd-panel .aimd-q-option span:first-child {
    grid-column: 1;
    min-width: 0;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    font-size: inherit !important;
    line-height: inherit !important;
  }

  .amd-preview-widget .amd-panel .aimd-q-option span:last-child {
    grid-column: 2;
    justify-self: end;
    min-width: 28px;
    text-align: right;
  }

  .amd-preview-widget .amd-panel .aimd-q-working {
    top: auto;
    bottom: calc(133 / var(--aimd-canvas) * 100%);
    left: 50%;
    width: auto;
    transform: translateX(-50%);
    font-family: 'Inter', sans-serif !important;
    font-weight: 250 !important;
    font-size: calc(11px + 2pt) !important;
    line-height: calc(1.08 * 1.06) !important;
    letter-spacing: 0;
    text-transform: none;
    color: #FF0033 !important;
  }

  .amd-preview-widget .aimd-flow-screen .aimd-question-counter {
    display: flex;
    position: absolute;
    top: var(--aimd-chrome-topbar-top);
    right: calc(78 / var(--aimd-canvas) * 100%);
    z-index: 25;
    align-items: center;
    gap: calc(8 / var(--aimd-canvas) * 100cqw);
    font-size: calc(10 / var(--aimd-canvas) * 100cqw);
    letter-spacing: 0.28em;
    text-transform: uppercase;
  }

  .amd-preview-widget .aimd-flow-screen .aimd-question-counter > span {
    color: #111;
  }

  .amd-preview-widget .aimd-flow-screen .aimd-question-counter i {
    display: block;
    width: 32px;
    height: 2px;
    background: #d7d7d7;
    border-radius: 999px;
  }

  .amd-preview-widget .aimd-flow-screen .aimd-question-counter i.aimd-counter-complete {
    background: #111;
  }

  .amd-preview-widget .aimd-flow-screen .aimd-question-counter i.aimd-counter-current {
    background: #FF0033;
  }
}

.amd-preview-widget .aimd-q-rowline {
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: rgba(0, 0, 0, 0.18);
  display: none;
}
.amd-preview-widget .aimd-q-rowline-one { top: 33.333%; }
.amd-preview-widget .aimd-q-rowline-two { top: 72.222%; }

.amd-preview-widget .aimd-q-working {
  position: absolute;
  left: 50%;
  width: auto;
  z-index: 12;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font-family: 'Sebino', sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: none;
  color: #FF0033;
  text-align: center;
  min-height: 20px;
  line-height: 1.08;
  pointer-events: none;
  transform: translateX(-50%);
  opacity: 1;
  bottom: 133px;
  top: auto;
}
.amd-preview-widget .aimd-q-working.aimd-q-working--pulse {
  animation: aimd-working-pulse 1.3s ease-in-out infinite;
}
@keyframes aimd-working-pulse {
  0%, 100% { opacity: 0.38; }
  50% { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .amd-preview-widget .aimd-q-working.aimd-q-working--pulse {
    animation: none;
    opacity: 1;
  }
}
.amd-preview-widget .aimd-q-working[hidden] {
  display: none;
}

.amd-preview-widget .aimd-flow-screen .aimd-insight {
  pointer-events: none;
}


/* Mobile locked — matches static/amd-hello-preview.html @media (max-width: 900px) */
@media (max-width: 900px) {
  .amd-preview-widget .amd-panel {
    --aimd-foot-insight-bottom: -21px;
    --aimd-foot-insight-height: 94px;
    --aimd-foot-insight-inset-x: 8px;
    --aimd-foot-security-bottom: 112px;
    /* Symmetric vertical insets for flex centering (head = topbar/counter band) */
    --aimd-mobile-head-clear: 68px;
    --aimd-mobile-hello-vert-inset: clamp(168px, 26vh, 220px);
  }

  .amd-preview-widget.amd-stage {
    --aimd-mobile-inset-top: 20px;
    --aimd-mobile-inset-bottom: 25px;
    width: 100%;
    height: 100%;
    min-height: 100dvh;
    padding-top: 0;
    padding-bottom: 0;
    align-items: stretch;
  }
  .amd-preview-widget.amd-stage.results-mode { padding-bottom: 0; }

  .amd-preview-widget .amd-panel {
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
    height: 100%;
    min-height: 100dvh;
    max-height: none;
    flex: 1 1 auto;
    padding-top: var(--aimd-mobile-inset-top);
    padding-bottom: var(--aimd-mobile-inset-bottom);
    box-sizing: border-box;
    border-radius: 0;
    box-shadow: none;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #ffffff;
    background-image: none;
  }

  .amd-lightbox__widget .amd-panel {
    min-height: 0 !important;
    padding-top: var(--aimd-mobile-inset-top) !important;
    padding-bottom: var(--aimd-mobile-inset-bottom) !important;
  }

  .amd-preview-widget .aimd-active {
    width: 100%;
    height: 100%;
    min-height: 0;
    left: 0;
    top: 0;
    border-radius: 0;
    box-sizing: border-box;
  }

  .amd-preview-widget .aimd-hello-screen, .amd-preview-widget .aimd-flow-screen {
    min-height: 0;
  }

  .amd-preview-widget .aimd-topbar {
    top: 40px;
    left: 12px;
    gap: 18px;
    font-size: 8px;
    letter-spacing: 0.2em;
  }

  .amd-preview-widget .aimd-learning {
    font-size: 0;
    gap: 0;
  }

  .amd-preview-widget .aimd-question-counter {
    position: absolute;
    top: 40px;
    right: 56px;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #8a8a8a;
    font-size: 7px;
    letter-spacing: 0.28em;
    text-transform: uppercase;
  }
  .amd-preview-widget .aimd-question-counter i {
    display: block;
    width: 29px;
    height: 2px;
    background: #d7d7d7;
    border-radius: 999px;
  }
  .amd-preview-widget .aimd-question-counter i.aimd-counter-complete { background: #111; }
  .amd-preview-widget .aimd-question-counter i.aimd-counter-current { background: #FF0033; }

  .amd-preview-widget .aimd-left-col {
    left: 12px;
    top: 132px;
    bottom: 112px;
    width: 52px;
    font-size: 6px;
  }
  .amd-preview-widget .aimd-hello-screen .aimd-active {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
    box-sizing: border-box;
    padding-top: var(--aimd-mobile-hello-vert-inset);
    padding-bottom: var(--aimd-mobile-hello-vert-inset);
  }

  /* Intro panel — mobile hero centered in viewport band */
  .amd-preview-widget .aimd-hello-screen .aimd-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    padding: 40px 24px;
    position: static;
    top: auto;
    left: auto;
    right: auto;
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    transform: none;
    transform-origin: top center;
    height: auto;
    min-height: 0;
    max-height: none;
    flex: 0 0 auto;
    text-align: center;
    box-sizing: border-box;
  }

  .amd-preview-widget .aimd-hello-screen .aimd-main > .aimd-intro-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: 100%;
  }

  .amd-preview-widget .aimd-hello-screen .aimd-main .aimd-intro-group > .aimd-hello, .amd-preview-widget .aimd-hello-screen .aimd-main .aimd-intro-group > .aimd-im, .amd-preview-widget .aimd-hello-screen .aimd-main .aimd-intro-group > .aimd-brandmark, .amd-preview-widget .aimd-hello-screen .aimd-main .aimd-intro-group > .aimd-copy {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    margin: 0 !important;
  }

  .amd-preview-widget .aimd-hello-screen .aimd-main .aimd-hello {
    font-size: 98px !important;
    line-height: 0.92 !important;
  }

  .amd-preview-widget .aimd-hello-screen .aimd-main .aimd-im {
    font-size: 30px;
    line-height: 1;
    color: #29313c;
  }

  .amd-preview-widget .aimd-hello-screen .aimd-main .aimd-brandmark {
    width: min(calc(238px * 0.8), 80%);
    height: auto;
  }

  .amd-preview-widget .aimd-left-margin-img {
    width: calc(38px * 0.8);
    transform: scale(calc(0.75 * 0.8));
    transform-origin: top left;
  }

  .amd-preview-widget .aimd-hello-screen .aimd-main .aimd-copy {
    font-size: calc(14px * 1.2) !important;
    line-height: 1.42 !important;
    max-width: 280px;
    color: #303846;
    text-align: center;
  }

  .amd-preview-widget .aimd-hello-screen .aimd-main .aimd-copy strong {
    font-weight: 600;
    color: #303846;
  }

  .amd-preview-widget .aimd-start-desktop { display: none; }
  .amd-preview-widget .aimd-start-mobile { display: block; }
  .amd-preview-widget .aimd-hello-screen .aimd-start-desktop { display: none !important; }
  .amd-preview-widget .aimd-hello-screen .aimd-start-mobile { display: block !important; }

  .amd-preview-widget .aimd-bottom-stack {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 8;
    box-sizing: border-box;
    padding: 0 8px 20px;
  }

  .amd-preview-widget .aimd-bottom-stack .aimd-start {
    position: static;
    top: auto;
    left: auto;
    transform: none;
    width: auto;
    margin: 0;
    flex-shrink: 0;
    height: auto;
  }
  .amd-preview-widget .aimd-bottom-stack .aimd-start img {
    width: 225px;
    filter: drop-shadow(0 calc(4px * 0.25) calc(14px * 0.25) rgba(0, 0, 0, calc(0.2 * 0.25)));
  }

  .amd-preview-widget .aimd-bottom-stack .aimd-q-working {
    position: static;
    top: auto;
    left: auto;
    transform: none;
    width: 100%;
    min-height: 25px;
    margin: 0;
    flex-shrink: 0;
    text-align: center;
  }

  .amd-preview-widget .amd-panel .aimd-q-working {
    font-family: 'Inter', sans-serif !important;
    font-weight: 250 !important;
    font-size: calc(14px + 2pt) !important;
    line-height: calc(0.9 * 1.1) !important;
    letter-spacing: 0;
    text-transform: none;
    color: #FF0033 !important;
  }

  .amd-preview-widget .aimd-bottom-stack .aimd-security {
    position: static;
    bottom: auto;
    width: auto;
    max-width: 320px;
    text-align: center;
    font-size: 8px;
    letter-spacing: 0.07em;
  }

  .amd-preview-widget .aimd-bottom-stack .aimd-insight {
    position: static;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    max-width: 374px;
    height: auto;
    padding: 10px 10px 0;
  }

  .amd-preview-widget .aimd-bottom-stack .aimd-insight > div:first-child,
  .amd-preview-widget .aimd-bottom-stack .aimd-insight > div:last-child {
    width: 80%;
    max-width: 80%;
    box-sizing: border-box;
  }

  .amd-preview-widget .aimd-bottom-stack .aimd-insight > div:first-child {
    justify-self: start;
  }

  .amd-preview-widget .aimd-bottom-stack .aimd-insight > div:last-child {
    justify-self: end;
  }

  .amd-preview-widget .aimd-bottom-stack .aimd-insight-copy {
    max-width: calc(210px * 0.8);
  }

  .amd-preview-widget .aimd-insight-title { font-size: 9px; margin-bottom: 6px; }
  .amd-preview-widget .aimd-insight-copy { font-size: 10px; line-height: 1.22; }
  .amd-preview-widget .aimd-right-meta { font-size: 7px; margin-top: 2px; }
  .amd-preview-widget .aimd-scope-wrap { margin-top: 9px; height: 22px; }
  .amd-preview-widget .aimd-scope { height: 22px; }

  .amd-preview-widget .aimd-flow-screen .aimd-question-screen {
    position: absolute;
    inset: unset;
    top: 0;
    left: 56px;
    right: 56px;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    padding-top: var(--aimd-mobile-head-clear);
    padding-bottom: var(--aimd-mobile-head-clear);
    min-height: 0;
  }

  .amd-preview-widget .aimd-flow-screen .aimd-question-screen .aimd-q-group {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex: 0 0 auto;
    width: 100%;
    gap: 0;
    box-sizing: border-box;
    margin-top: auto;
    margin-bottom: auto;
  }

  .amd-preview-widget .aimd-flow-screen .aimd-q-response:empty {
    display: none;
  }

  .amd-preview-widget .aimd-flow-screen .aimd-q-response:not(:empty) {
    margin-top: 20px;
  }

  .amd-preview-widget .amd-panel .aimd-q-response {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    width: 100%;
    max-width: 100%;
    flex: 0 0 auto;
    margin: 0;
    box-sizing: border-box;
    padding: 0 14px 6px 14px;
    font-family: 'Inter', sans-serif !important;
    font-weight: 250 !important;
    font-size: calc(14px + 2pt) !important;
    line-height: calc(0.9 * 1.1 * 1.12) !important;
    letter-spacing: 0;
    text-transform: none;
  }

  .amd-preview-widget .amd-panel h1.aimd-q-text {
    position: static;
    top: auto;
    left: auto;
    width: 100%;
    flex: 0 0 auto;
    margin: 0;
    box-sizing: border-box;
    padding: 0 14px 0 14px;
    flex-shrink: 0;
    font-family: 'Inter', sans-serif !important;
    font-weight: 200 !important;
    font-size: calc(30pt * 0.6) !important;
    line-height: 1.17 !important;
  }

  /* Keep channel question title exactly matched to Q slide title on mobile */
  .amd-preview-widget .amd-panel h1.aimd-q-text,
  .amd-preview-widget .aimd-channels-title {
    font-family: 'Inter', sans-serif !important;
    font-weight: 200 !important;
    font-size: calc(30pt * 0.6) !important;
    line-height: 1.17 !important;
    letter-spacing: 0 !important;
  }

  .amd-preview-widget .aimd-flow-screen .aimd-q-group .aimd-q-options {
    /* ~18% shorter column: scale vertical gaps + padding together (even spacing) */
    --aimd-opt-h-scale: 0.82;
    position: static;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    height: auto;
    flex: 0 0 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: calc(6px * var(--aimd-opt-h-scale));
    overflow: visible;
    padding-bottom: calc(4px * 0.87 * var(--aimd-opt-h-scale));
    background: #ffffff;
    z-index: 20;
  }

  .amd-preview-widget .amd-panel .aimd-q-options > .aimd-q-option {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: calc(38px * var(--aimd-opt-h-scale, 1)) !important;
    align-items: flex-start !important;
    font-size: 14px !important;
    line-height: calc(1.35 * var(--aimd-opt-h-scale, 1)) !important;
    padding: calc(8px * var(--aimd-opt-h-scale, 1)) 14px calc(6px * var(--aimd-opt-h-scale, 1)) 14px !important;
    overflow: visible;
  }

  .amd-preview-widget .amd-panel .aimd-q-options > .aimd-q-option span:first-child {
    flex: 0 1 auto !important;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    line-height: calc(1.35 * var(--aimd-opt-h-scale, 1));
  }

  .amd-preview-widget .amd-panel .aimd-q-option:not(.selected):hover { background: transparent; }

  .amd-preview-widget .amd-panel .aimd-q-option span:last-child {
    margin-left: auto !important;
    font-size: 9.8px;
    color: #8a8a8a;
    transform: none;
  }

  .amd-preview-widget .amd-panel .aimd-q-option.selected span:first-child, .amd-preview-widget .amd-panel .aimd-q-option.selected span:last-child {
    color: #ffffff !important;
  }

  .amd-preview-widget .aimd-q-rowline { display: none; }

}

/* ── CHANNEL SELECT SLIDE ──────────────────────────────────────────────────── */
.amd-preview-widget .aimd-question-screen.hidden, .amd-preview-widget .aimd-channels-screen.hidden { display: none !important; }
.amd-preview-widget .aimd-channels-screen {
  position: absolute;
  inset: 0;
  z-index: 6;
  pointer-events: none;
  font-family: 'Sebino', sans-serif;
  color: #111;
}
.amd-preview-widget .aimd-flow-screen.aimd-channels-active .aimd-question-counter {
  display: none;
}
.amd-preview-widget .aimd-channels-screen .aimd-channels-slot, .amd-preview-widget .aimd-channels-screen .aimd-channels-options, .amd-preview-widget .aimd-channels-screen .aimd-channels-continue {
  pointer-events: auto;
}
.amd-preview-widget .aimd-channels-slot {
  position: absolute;
  top: calc(15% - 20px);
  left: 25%;
  right: 15%;
  bottom: 58%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 14px;
  text-align: center;
}
.amd-preview-widget .aimd-channels-response {
  margin: 0 0 10px;
  padding: 0;
  color: #FF0033;
  font-family: 'Inter', sans-serif;
  font-weight: 250;
  font-size: calc(14px + 2pt);
  line-height: calc(0.9 * 1.1 * 1.12);
  letter-spacing: 0;
  text-transform: none;
}
.amd-preview-widget .aimd-channels-response:empty {
  display: none;
  margin: 0;
}
.amd-preview-widget .aimd-channels-title {
  margin: 0;
  padding: 0;
  font-family: 'Inter', sans-serif;
  font-weight: 200;
  font-size: clamp(22px, 3.2vw, 34px);
  line-height: 1.14;
  letter-spacing: -0.01em;
  color: #111;
}
.amd-preview-widget .aimd-channels-helper {
  margin: 16px 0 0;
  padding: 0;
  font-family: 'Inter', sans-serif;
  font-weight: 200;
  font-size: 15px;
  line-height: 1.3;
  color: #777;
  text-align: center;
}
.amd-preview-widget .aimd-channels-options {
  position: absolute;
  left: 50%;
  top: 40%;
  width: min(520px, 72%);
  height: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px 48px;
  justify-items: start;
  transform: translateX(-50%);
}
.amd-preview-widget .aimd-channels-options .aimd-channel-tile {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 19px;
  line-height: 1.2;
}
.amd-preview-widget .aimd-channel-icon {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #111111;
  color: #ffffff;
  border-radius: 8px;
}
.amd-preview-widget .aimd-channel-icon svg {
  display: block;
  width: 24px;
  height: 24px;
}
.amd-preview-widget .aimd-channel-leading {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}
.amd-preview-widget .aimd-channel-tile.selected .aimd-channel-icon {
  background: transparent;
  color: #ffffff;
}
.amd-preview-widget .aimd-channel-tile .aimd-channel-suffix {
  display: none;
}
.amd-preview-widget .aimd-channels-options > .aimd-channel-tile:nth-of-type(1), .amd-preview-widget .aimd-channels-options > .aimd-channel-tile:nth-of-type(3), .amd-preview-widget .aimd-channels-options > .aimd-channel-tile:nth-of-type(5) { left: 0; width: 48.333%; }
.amd-preview-widget .aimd-channels-options > .aimd-channel-tile:nth-of-type(2), .amd-preview-widget .aimd-channels-options > .aimd-channel-tile:nth-of-type(4), .amd-preview-widget .aimd-channels-options > .aimd-channel-tile:nth-of-type(6) { left: 53.333%; width: 46.667%; }
.amd-preview-widget .aimd-channels-options > .aimd-channel-tile:nth-of-type(1), .amd-preview-widget .aimd-channels-options > .aimd-channel-tile:nth-of-type(2) { top: 0; }
.amd-preview-widget .aimd-channels-options > .aimd-channel-tile:nth-of-type(3), .amd-preview-widget .aimd-channels-options > .aimd-channel-tile:nth-of-type(4) { top: 33.333%; }
.amd-preview-widget .aimd-channels-options > .aimd-channel-tile:nth-of-type(5), .amd-preview-widget .aimd-channels-options > .aimd-channel-tile:nth-of-type(6) { top: 66.666%; }
.amd-preview-widget .aimd-channels-options > .aimd-channel-tile:nth-of-type(7) {
  grid-column: 1 / -1;
  justify-self: center;
  width: calc((100% - 48px) / 2);
}
.amd-preview-widget .aimd-channels-continue {
  display: block;
  margin: 14px auto 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  cursor: pointer;
  flex-shrink: 0;
  line-height: 0;
  -webkit-appearance: none;
  appearance: none;
}
.amd-preview-widget .aimd-channels-continue img {
  display: block;
  width: 260px;
  max-width: 100%;
  height: auto;
}
@media (min-width: 901px) {
  .amd-preview-widget .aimd-channels-screen {
    inset: 0;
    display: block;
  }

  .amd-preview-widget .aimd-channels-slot {
    position: absolute;
    inset: 0;
    width: 100%;
    display: block;
    padding: 0;
    text-align: center;
    pointer-events: none;
  }
  .amd-preview-widget .aimd-channels-response {
    position: absolute;
    top: calc(130 / var(--aimd-canvas) * 100%);
    left: 50%;
    width: min(calc(610 / var(--aimd-canvas) * 100%), calc(100% - calc(180 / var(--aimd-canvas) * 100%)));
    transform: translateX(-50%);
    margin: 0 0 10px;
    font-family: 'Inter', sans-serif !important;
    font-weight: 250 !important;
    font-size: calc((11px + 2pt) * 1.3) !important;
    line-height: calc(1.08 * 1.06 * 1.12) !important;
    color: #FF0033;
    text-align: left;
  }
  .amd-preview-widget .aimd-channels-title {
    position: absolute;
    top: calc(170 / var(--aimd-canvas) * 100%);
    left: 50%;
    width: min(calc(610 / var(--aimd-canvas) * 100%), calc(100% - calc(180 / var(--aimd-canvas) * 100%)));
    transform: translateX(-50%);
    margin: 0;
    font-family: 'Inter', sans-serif !important;
    font-weight: 200 !important;
    font-size: var(--aimd-question-font-size) !important;
    line-height: var(--aimd-question-line-height) !important;
    letter-spacing: 0;
    color: #000;
    text-align: left;
  }
  .amd-preview-widget .aimd-channels-helper {
    position: absolute;
    top: calc(220 / var(--aimd-canvas) * 100%);
    left: 50%;
    width: min(calc(610 / var(--aimd-canvas) * 100%), calc(100% - calc(180 / var(--aimd-canvas) * 100%)));
    transform: translateX(-50%);
    margin: 0;
    font-size: 15px !important;
    line-height: calc(1.08 * 1.06) !important;
    text-align: center;
  }
  .amd-preview-widget .aimd-channels-screen .aimd-channels-options {
    position: absolute;
    top: calc(260 / var(--aimd-canvas) * 100%);
    bottom: auto;
    left: 50%;
    right: auto;
    width: max-content;
    max-width: 100%;
    height: var(--aimd-channels-options-h-px);
    display: grid;
    grid-template-columns: max-content max-content;
    gap: calc(18 / var(--aimd-canvas) * 100cqw) calc(110 / var(--aimd-canvas) * 100cqw);
    justify-content: center;
    align-items: center;
    transform: translateX(-50%);
    z-index: 5;
    pointer-events: auto;
  }
  .amd-preview-widget .aimd-channels-screen .aimd-channels-options .aimd-channel-tile {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: max-content !important;
    max-width: none !important;
    height: calc(34 / var(--aimd-canvas) * 100cqw) !important;
    min-height: 0 !important;
    box-sizing: border-box;
    padding: 0 !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: flex-start !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-family: 'Sebino', sans-serif !important;
    font-weight: 400 !important;
    font-size: calc(19px + 2pt) !important;
    line-height: 1.2 !important;
    letter-spacing: 0;
    text-transform: none;
    color: #000 !important;
  }
  .amd-preview-widget .aimd-channels-screen .aimd-channels-options .aimd-channel-tile:hover:not(.selected) {
    background: transparent !important;
    color: #FF0033 !important;
  }
  .amd-preview-widget .aimd-channels-screen .aimd-channels-options .aimd-channel-tile.selected {
    background: transparent !important;
    color: #FF0033 !important;
  }
  .amd-preview-widget .aimd-channels-screen .aimd-channel-leading {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: calc(32 / var(--aimd-canvas) * 100cqw);
    width: auto;
    max-width: 100%;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left;
  }
  .amd-preview-widget .aimd-channels-screen .aimd-channel-leading > span:not(.aimd-channel-icon) {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    align-self: center;
    min-height: calc(34 / var(--aimd-canvas) * 100cqw);
    padding: 0;
    margin: 0;
    color: inherit;
    line-height: 1;
    text-align: left;
    white-space: nowrap;
  }
  .amd-preview-widget .aimd-channels-screen .aimd-channels-options .aimd-channel-tile.selected .aimd-channel-leading > span:not(.aimd-channel-icon) {
    color: #FF0033 !important;
  }
  .amd-preview-widget .aimd-channels-screen .aimd-channels-options .aimd-channel-tile:hover .aimd-channel-leading > span:not(.aimd-channel-icon) {
    color: #FF0033 !important;
  }
  .amd-preview-widget .aimd-channels-screen .aimd-channels-options > .aimd-channel-tile:nth-of-type(7) {
    grid-column: 1 / -1;
    justify-self: center;
    width: max-content !important;
  }
  .amd-preview-widget .aimd-channels-screen .aimd-channels-options > .aimd-channel-tile:nth-of-type(1),
  .amd-preview-widget .aimd-channels-screen .aimd-channels-options > .aimd-channel-tile:nth-of-type(3),
  .amd-preview-widget .aimd-channels-screen .aimd-channels-options > .aimd-channel-tile:nth-of-type(5) {
    left: auto !important;
  }
  .amd-preview-widget .aimd-channels-screen .aimd-channels-options > .aimd-channel-tile:nth-of-type(2),
  .amd-preview-widget .aimd-channels-screen .aimd-channels-options > .aimd-channel-tile:nth-of-type(4),
  .amd-preview-widget .aimd-channels-screen .aimd-channels-options > .aimd-channel-tile:nth-of-type(6) {
    left: auto !important;
  }
  .amd-preview-widget .aimd-channels-screen .aimd-channels-options > .aimd-channel-tile:nth-of-type(1),
  .amd-preview-widget .aimd-channels-screen .aimd-channels-options > .aimd-channel-tile:nth-of-type(2) {
    top: auto !important;
  }
  .amd-preview-widget .aimd-channels-screen .aimd-channels-options > .aimd-channel-tile:nth-of-type(3),
  .amd-preview-widget .aimd-channels-screen .aimd-channels-options > .aimd-channel-tile:nth-of-type(4) {
    top: auto !important;
  }
  .amd-preview-widget .aimd-channels-screen .aimd-channels-options > .aimd-channel-tile:nth-of-type(5),
  .amd-preview-widget .aimd-channels-screen .aimd-channels-options > .aimd-channel-tile:nth-of-type(6) {
    top: auto !important;
  }
  .amd-preview-widget .aimd-channels-screen .aimd-channels-options > .aimd-channel-tile:nth-of-type(7) {
    left: auto !important;
    top: auto !important;
  }
  .amd-preview-widget .aimd-channels-screen .aimd-channels-options .aimd-channel-icon {
    flex: 0 0 calc(34 / var(--aimd-canvas) * 100cqw);
    width: calc(34 / var(--aimd-canvas) * 100cqw);
    height: calc(34 / var(--aimd-canvas) * 100cqw);
    border-radius: 8px;
    overflow: hidden;
    background: #111111 !important;
    color: #ffffff !important;
  }
  .amd-preview-widget .aimd-channels-screen .aimd-channels-options .aimd-channel-icon svg {
    width: calc(19 / var(--aimd-canvas) * 100cqw);
    height: calc(19 / var(--aimd-canvas) * 100cqw);
  }
  .amd-preview-widget .aimd-channels-screen .aimd-channels-options .aimd-channel-tile.selected .aimd-channel-icon {
    background: transparent !important;
    color: #FF0033 !important;
  }
  .amd-preview-widget .aimd-channels-screen .aimd-channels-options .aimd-channel-tile:hover .aimd-channel-icon {
    background: transparent !important;
    color: #FF0033 !important;
  }
  .amd-preview-widget .aimd-channels-screen .aimd-channels-continue {
    position: absolute;
    z-index: 10;
    pointer-events: auto;
    top: calc((490 + 50) / var(--aimd-canvas) * 100%);
    bottom: auto;
    left: 50%;
    margin: 0;
    transform: translateX(-50%);
  }

  .amd-preview-widget .aimd-channels-screen .aimd-channels-continue img {
    display: block;
    width: 260px;
    max-width: none;
    height: auto;
  }
}
@media (max-width: 900px) {
  .amd-preview-widget .aimd-flow-screen .aimd-channels-screen {
    position: absolute;
    inset: unset;
    top: 0;
    left: 56px;
    right: 56px;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    width: auto;
    min-height: 0;
    padding-top: var(--aimd-mobile-head-clear);
    padding-bottom: var(--aimd-mobile-head-clear);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    pointer-events: auto;
  }
  .amd-preview-widget .aimd-channels-slot {
    position: static;
    flex: 0 0 auto;
    bottom: auto;
    left: auto;
    right: auto;
    align-items: flex-start;
    padding: 0 14px 0 14px;
    text-align: left;
  }
  .amd-preview-widget .aimd-channels-response,
  .amd-preview-widget .aimd-channels-title,
  .amd-preview-widget .aimd-channels-helper {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: auto !important;
    max-width: none !important;
    transform: none !important;
    text-align: left !important;
  }
  .amd-preview-widget .aimd-channels-title {
    font-size: calc(30pt * 0.6);
    line-height: 1.17;
  }
  .amd-preview-widget .aimd-channels-helper {
    font-size: calc(14px + 2pt);
  }
  .amd-preview-widget .aimd-channels-options {
    --aimd-opt-h-scale: 0.82;
    position: static;
    top: auto;
    left: auto;
    right: auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    height: auto;
    min-height: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(4, auto);
    column-gap: 10px;
    row-gap: 6px;
    padding: 12px 14px 100px;
    justify-content: normal;
    align-items: stretch;
    transform: none;
  }
  .amd-preview-widget .aimd-channels-options .aimd-channel-tile {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: calc(38px * var(--aimd-opt-h-scale, 1));
    padding: calc(8px * var(--aimd-opt-h-scale, 1)) 14px calc(6px * var(--aimd-opt-h-scale, 1)) 14px !important;
    font-size: 14px !important;
    line-height: calc(1.35 * var(--aimd-opt-h-scale, 1)) !important;
    background: transparent !important;
    color: #1f1f1f !important;
  }
  /* Desktop parity: selected = red label + red icon, no red cell fill */
  .amd-preview-widget .aimd-channels-options .aimd-channel-tile:hover:not(.selected),
  .amd-preview-widget .aimd-channels-options .aimd-channel-tile.selected {
    background: transparent !important;
    color: #FF0033 !important;
  }
  .amd-preview-widget .aimd-channels-options .aimd-channel-tile.selected span:first-child,
  .amd-preview-widget .aimd-channels-options .aimd-channel-tile.selected span:last-child {
    color: #FF0033 !important;
  }
  .amd-preview-widget .aimd-channels-options .aimd-channel-leading {
    display: flex;
    align-items: center;
    gap: 8px !important;
  }
  .amd-preview-widget .aimd-channels-options .aimd-channel-leading > span:not(.aimd-channel-icon) {
    min-height: 0;
    line-height: calc(1.35 * var(--aimd-opt-h-scale, 1));
    color: inherit;
  }
  .amd-preview-widget .aimd-channels-options .aimd-channel-tile:hover .aimd-channel-leading > span:not(.aimd-channel-icon),
  .amd-preview-widget .aimd-channels-options .aimd-channel-tile.selected .aimd-channel-leading > span:not(.aimd-channel-icon) {
    color: #FF0033 !important;
  }
  .amd-preview-widget .aimd-channels-options .aimd-channel-icon {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    background: #111111 !important;
    color: #ffffff !important;
  }
  .amd-preview-widget .aimd-channels-options .aimd-channel-icon svg {
    width: 9px;
    height: 9px;
  }
  .amd-preview-widget .aimd-channels-options .aimd-channel-tile:hover .aimd-channel-icon,
  .amd-preview-widget .aimd-channels-options .aimd-channel-tile.selected .aimd-channel-icon {
    background: transparent !important;
    color: #FF0033 !important;
  }
  .amd-preview-widget .aimd-channels-options > .aimd-channel-tile:nth-of-type(7) {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc((100% - 10px) / 2) !important;
  }
  .amd-preview-widget .aimd-flow-screen .aimd-channels-screen > .aimd-channels-continue {
    flex: 0 0 auto;
    display: block;
    margin: 0 auto !important;
    padding: 0 !important;
  }
  .amd-preview-widget .aimd-flow-screen .aimd-channels-screen > .aimd-channels-continue img {
    display: block;
    width: 260px;
    max-width: none;
    height: auto;
  }
}

/* ── RESULTS PAGE ─────────────────────────────────────────────────────────── */
@keyframes amd-fade-in-up {
  .amd-preview-widget from { opacity: 0; transform: translateY(7px); }
  .amd-preview-widget to { opacity: 1; transform: translateY(0); }
}

.amd-preview-widget .amd-results {
  display: none;
  width: 100%;
  max-width: 1460px;
  margin: 0 auto;
  padding: clamp(24px, 3vw, 48px) clamp(20px, 3vw, 48px);
  box-sizing: border-box;
  font-family: 'Sebino', sans-serif;
  color: #1e3a5f;
  background: #ffffff;
  border-radius: 24px;
  box-shadow: 0 8px 40px rgba(30, 58, 95, 0.08);
  animation: amd-fade-in-up 0.8s ease-out both;
}
.amd-preview-widget .amd-results.active { display: block; }

.amd-preview-widget .amd-r-header { margin-bottom: 18px; }
.amd-preview-widget .amd-r-eyebrow {
  font-size: clamp(11px, 1.05vw, 13px);
  font-weight: 700;
  color: #0891b2;
  letter-spacing: 0.14em;
  margin-bottom: 6px;
}
.amd-preview-widget .amd-r-headline {
  font-size: clamp(26px, 3vw, 40px);
  font-weight: 800;
  letter-spacing: -0.025em;
  color: #0b1e33;
  line-height: 1.08;
  margin: 0 0 8px;
}
.amd-preview-widget .amd-r-subheading {
  font-size: clamp(13px, 1.1vw, 16px);
  color: #556678;
  line-height: 1.45;
  margin: 0;
}

.amd-preview-widget .amd-r-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  gap: 20px;
  margin-bottom: 18px;
}
@media (max-width: 900px) {
  .amd-preview-widget .amd-r-grid { grid-template-columns: 1fr; gap: 16px; }
}

.amd-preview-widget .amd-r-main-card, .amd-preview-widget .amd-r-why-card { padding: 0; }

.amd-preview-widget .amd-r-persona {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
}
.amd-preview-widget .amd-r-persona-icon {
  flex-shrink: 0;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: rgba(37, 99, 235, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.amd-preview-widget .amd-r-persona-icon svg { width: 26px; height: 26px; }
.amd-preview-widget .amd-r-persona-label {
  font-size: clamp(18px, 1.9vw, 24px);
  font-weight: 800;
  color: #0b1e33;
  letter-spacing: -0.02em;
  line-height: 1.1;
}
.amd-preview-widget .amd-r-persona-level {
  font-size: clamp(12px, 1.05vw, 14px);
  font-weight: 700;
  color: #2563eb;
  margin-top: 2px;
}

.amd-preview-widget .amd-r-statement {
  font-size: clamp(13px, 1.05vw, 15px);
  line-height: 1.6;
  color: #334155;
  margin-bottom: 14px;
}
.amd-preview-widget .amd-r-statement p { margin: 0 0 10px 0; }
.amd-preview-widget .amd-r-statement p:last-child { margin-bottom: 0; }

.amd-preview-widget .amd-r-bigidea {
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 12px;
  padding: 12px 16px;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.amd-preview-widget .amd-r-bigidea-icon {
  flex-shrink: 0;
  font-size: 16px;
  color: #2563eb;
  line-height: 1;
  padding-top: 3px;
}
.amd-preview-widget .amd-r-bigidea-text {
  font-size: clamp(13px, 1.05vw, 15px);
  color: #1e3a5f;
  line-height: 1.5;
}
.amd-preview-widget .amd-r-bigidea-label {
  color: #2563eb;
  font-weight: 700;
  margin-right: 4px;
}

.amd-preview-widget .amd-r-right {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.amd-preview-widget .amd-r-snapshot-card {
  background: #eff8fc;
  border: 1px solid #cae6f0;
  border-radius: 16px;
  padding: clamp(16px, 1.8vw, 22px);
}
.amd-preview-widget .amd-r-snapshot-title, .amd-preview-widget .amd-r-why-title, .amd-preview-widget .amd-r-next-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.amd-preview-widget .amd-r-snapshot-icon, .amd-preview-widget .amd-r-why-icon, .amd-preview-widget .amd-r-next-icon {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.amd-preview-widget .amd-r-snapshot-icon { background: rgba(37, 99, 235, 0.15); color: #2563eb; }
.amd-preview-widget .amd-r-why-icon { background: rgba(139, 92, 246, 0.15); color: #8b5cf6; }
.amd-preview-widget .amd-r-next-icon { background: rgba(34, 197, 94, 0.18); color: #16a34a; }
.amd-preview-widget .amd-r-snapshot-icon svg, .amd-preview-widget .amd-r-why-icon svg, .amd-preview-widget .amd-r-next-icon svg { width: 16px; height: 16px; }

.amd-preview-widget .amd-r-snapshot-heading, .amd-preview-widget .amd-r-why-heading, .amd-preview-widget .amd-r-next-heading {
  font-size: clamp(14px, 1.25vw, 18px);
  font-weight: 800;
  color: #0b1e33;
  letter-spacing: -0.01em;
}
.amd-preview-widget .amd-r-next-heading { color: #15803d; }

.amd-preview-widget .amd-r-snapshot-list { display: flex; flex-direction: column; }
.amd-preview-widget .amd-r-snapshot-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 0;
  border-bottom: 1px solid rgba(180, 200, 220, 0.4);
}
.amd-preview-widget .amd-r-snapshot-row:last-child { border-bottom: none; }
.amd-preview-widget .amd-r-snapshot-question {
  flex: 1;
  font-size: clamp(12px, 1vw, 14px);
  color: #556678;
  font-weight: 500;
}
.amd-preview-widget .amd-r-snapshot-answer {
  font-size: clamp(12px, 1vw, 14px);
  color: #0b1e33;
  font-weight: 700;
  text-align: right;
  flex-shrink: 0;
  max-width: 60%;
}

.amd-preview-widget .amd-r-why-text {
  font-size: clamp(12px, 1vw, 14.5px);
  color: #334155;
  line-height: 1.55;
}

.amd-preview-widget .amd-r-next-card {
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: 16px;
  padding: clamp(16px, 1.8vw, 22px);
}
.amd-preview-widget .amd-r-next-list { display: flex; flex-direction: column; gap: 8px; }
.amd-preview-widget .amd-r-next-row {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: clamp(12px, 1vw, 14.5px);
  color: #1e3a5f;
  line-height: 1.35;
  font-weight: 500;
}
.amd-preview-widget .amd-r-next-num {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #22c55e;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 11px;
}

.amd-preview-widget .amd-r-bottom {
  padding: clamp(18px, 2vw, 24px) 0 0 0;
  border-top: 1px solid rgba(180, 200, 220, 0.4);
  margin-top: 8px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, auto);
  gap: 18px;
  align-items: center;
}
@media (max-width: 800px) {
  .amd-preview-widget .amd-r-bottom { grid-template-columns: 1fr; gap: 14px; text-align: center; }
  .amd-preview-widget .amd-r-bottom-left, .amd-preview-widget .amd-r-bottom-right { justify-content: center; }
}
.amd-preview-widget .amd-r-bottom-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.amd-preview-widget .amd-r-bottom-sparkle {
  flex-shrink: 0;
  color: #2563eb;
  font-size: 18px;
}
.amd-preview-widget .amd-r-bottom-tagline {
  font-size: clamp(14px, 1.2vw, 17px);
  font-weight: 800;
  color: #0b1e33;
  letter-spacing: -0.01em;
  line-height: 1.2;
  margin-bottom: 1px;
}
.amd-preview-widget .amd-r-bottom-subhead {
  font-size: clamp(12px, 0.95vw, 13.5px);
  color: #556678;
  line-height: 1.35;
}
.amd-preview-widget .amd-r-bottom-cta {
  background: #FF0033;
  color: #fff;
  border: none;
  border-radius: 9999px;
  padding: clamp(11px, 1.3vh, 14px) clamp(22px, 2.8vw, 36px);
  font-size: clamp(13px, 1.1vw, 16px);
  font-weight: 700;
  font-family: 'Sebino', sans-serif;
  cursor: pointer;
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(255, 0, 51, 0.28);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.amd-preview-widget .amd-r-bottom-cta:hover {
  transform: translateY(-1px) scale(1.02);
  box-shadow: 0 8px 22px rgba(255, 0, 51, 0.4);
}
.amd-preview-widget .amd-r-bottom-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.amd-preview-widget .amd-r-retake {
  color: #2563eb;
  text-decoration: none;
  font-size: clamp(12px, 1vw, 14px);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  background: transparent;
  border: none;
  font-family: 'Sebino', sans-serif;
}
.amd-preview-widget .amd-r-retake:hover { text-decoration: underline; }

.amd-preview-widget .amd-ready {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 40px 24px;
  min-height: 280px;
  background: #FF0033;
}
.amd-preview-widget .amd-ready-title {
  font-size: clamp(24px, 3.4vw, 36px);
  font-weight: 600;
  margin: 0 0 12px;
  letter-spacing: -0.01em;
  color: #fff;
}
.amd-preview-widget .amd-ready-sub {
  font-size: 15px;
  color: rgba(255,255,255,0.9);
  margin: 0 0 32px;
  max-width: 360px;
}
.amd-preview-widget .amd-ready-btn {
  background: #000;
  color: #fff;
  border: none;
  border-radius: 999px;
  padding: 14px 32px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.amd-preview-widget .amd-ready-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
}
.amd-preview-widget .amd-ready-btn:active {
  transform: translateY(0);
}

} /* @layer widget */

/* Mobile overrides — unlayered (beats @layer widget + theme cascade) */
@media (max-width: 900px) {
  .amd-preview-widget #aimd-q-response, .amd-preview-widget #aimd-q-text {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
  }

  .amd-preview-widget .aimd-hello-screen .aimd-active {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-height: 100% !important;
    box-sizing: border-box !important;
    padding-top: var(--aimd-mobile-hello-vert-inset) !important;
    padding-bottom: var(--aimd-mobile-hello-vert-inset) !important;
  }

  .amd-preview-widget .aimd-bottom-stack {
    padding-bottom: 15px !important;
  }

  .amd-preview-widget .aimd-bottom-stack .aimd-security {
    margin-top: -30px !important;
  }

  .amd-preview-widget .aimd-hello-screen .aimd-main, .amd-preview-widget .aimd-hello-screen .aimd-main > .aimd-intro-group, .amd-preview-widget .aimd-hello-screen .aimd-main > .aimd-intro-group > * {
    transform: none !important;
    left: auto !important;
  }

  .amd-preview-widget .aimd-hello-screen .aimd-main {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    align-items: center !important;
    text-align: center !important;
  }

  .amd-preview-widget .aimd-hello-screen .aimd-main > .aimd-intro-group {
    align-items: center !important;
  }

  .amd-lightbox .amd-preview-widget .amd-panel .aimd-hello-screen h1.aimd-hello, .amd-preview-widget .amd-panel .aimd-hello-screen h1.aimd-hello {
    font-size: 98px !important;
    line-height: 0.92 !important;
  }

}