/* Ayrée · Quiz ¿Qué monstruo embruja tu marketing? — namespace ayr-mq- */

.ayr-mq {
  --ayr-mq-navy: #1F1A3E;
  --ayr-mq-navy-2: #271F46;
  --ayr-mq-line: #3A3163;
  --ayr-mq-line-2: #4A4270;
  --ayr-mq-text: #FFFFFF;
  --ayr-mq-muted: #CFC9EA;
  --ayr-mq-teal: #79B9C5;
  --ayr-mq-lav: #A993F7;
  --ayr-mq-sage: #C5DA90;
  --ayr-mq-purple: #6E3CB4;
  --ayr-mq-orange: #F2A23A;
  --ayr-mq-moon: #F2C14E;
  --ayr-mq-ice: #F4F1FF;
  position: relative;
  background: var(--ayr-mq-navy);
  color: var(--ayr-mq-text);
  font-family: 'Outfit', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  line-height: 1.5;
  overflow: hidden;
  overflow: clip;
  box-sizing: border-box;
}
.ayr-mq *, .ayr-mq *::before, .ayr-mq *::after { box-sizing: border-box; }
.ayr-mq h1, .ayr-mq h2, .ayr-mq h3, .ayr-mq p, .ayr-mq li, .ayr-mq span, .ayr-mq a, .ayr-mq button, .ayr-mq strong {
  font-family: 'Outfit', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
}
.ayr-mq--full {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}
.ayr-mq [hidden] { display: none !important; }

.ayr-mq-wrap {
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 1;
}

/* ---------- Tipografía y piezas ---------- */
.ayr-mq .ayr-mq-h1 {
  margin: 0 !important;
  font-size: clamp(38px, 6vw, 68px) !important;
  font-weight: 800 !important;
  line-height: 1.02 !important;
  letter-spacing: -0.02em !important;
  color: var(--ayr-mq-text) !important;
}
.ayr-mq .ayr-mq-h2 {
  margin: 0 0 8px !important;
  font-size: clamp(24px, 3vw, 32px) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  color: var(--ayr-mq-text) !important;
  outline: none;
}
.ayr-mq .ayr-mq-h3 {
  margin: 0 0 12px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--ayr-mq-sage) !important;
}
.ayr-mq p { margin: 0 0 12px; color: inherit; }
.ayr-mq .ayr-mq-lead { font-size: clamp(17px, 2vw, 20px); color: var(--ayr-mq-muted); max-width: 560px; margin: 0; }
.ayr-mq .ayr-mq-muted { color: var(--ayr-mq-muted); }
.ayr-mq .ayr-mq-small { font-size: 14px; }
.ayr-mq-pill {
  display: inline-block;
  align-self: flex-start;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ayr-mq-navy);
  background: var(--ayr-mq-sage);
  padding: 8px 14px;
  border-radius: 999px;
}
.ayr-mq-eyebrow {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: var(--ayr-mq-teal);
  margin-bottom: 6px;
}
.ayr-mq-eyebrow--dark { color: var(--ayr-mq-purple); }

.ayr-mq .ayr-mq-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 14px 28px;
  border-radius: 999px;
  font-size: 17px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  border: 0;
  cursor: pointer;
  transition: transform .15s ease, opacity .15s ease;
}
.ayr-mq .ayr-mq-btn:hover { transform: translateY(-2px); }
.ayr-mq .ayr-mq-btn--orange { background: var(--ayr-mq-orange); color: var(--ayr-mq-navy) !important; }
.ayr-mq .ayr-mq-btn--navy { background: var(--ayr-mq-navy); color: #FFFFFF !important; }
.ayr-mq .ayr-mq-btn:focus-visible,
.ayr-mq .ayr-mq-option:focus-visible,
.ayr-mq .ayr-mq-back:focus-visible,
.ayr-mq .ayr-mq-link:focus-visible { outline: 3px solid var(--ayr-mq-teal); outline-offset: 3px; }

/* ---------- Hero ---------- */
.ayr-mq-hero { position: relative; padding: 96px 0 56px; overflow: hidden; overflow: clip; }
/* Recurso gráfico de Ayrée (círculos + líneas) teñido naranja con filtro SVG */
.ayr-mq .ayr-mq-motif {
  position: absolute; right: -110px; top: -140px;
  width: 460px !important; height: 460px !important; max-width: none !important;
  filter: url(#ayr-mq-orange);
  opacity: .85;
  pointer-events: none;
  user-select: none;
}
.ayr-mq-flight { position: absolute; left: 40%; top: 46px; display: flex; align-items: flex-start; pointer-events: none; }
.ayr-mq-flight .ayr-mq-plane-svg { margin-left: -24px; margin-top: -18px; animation: ayr-mq-float 4s ease-in-out infinite; }
.ayr-mq-bats { position: absolute; right: 26%; top: 150px; animation: ayr-mq-float 5s ease-in-out infinite reverse; }
@keyframes ayr-mq-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }

.ayr-mq-hero-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 56px; align-items: center; }
.ayr-mq-hero-copy { display: flex; flex-direction: column; gap: 24px; padding-top: 24px; }
.ayr-mq-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; }
.ayr-mq-hero-meta { color: var(--ayr-mq-muted); font-size: 15px; }

.ayr-mq .ayr-mq-hero-cards { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.ayr-mq-mini {
  display: flex; align-items: center; gap: 12px;
  background: var(--ayr-mq-navy-2); border: 1px solid var(--ayr-mq-line); border-radius: 22px;
  padding: 16px 18px; margin: 0;
}
.ayr-mq-mini--f { transform: rotate(-2deg); }
.ayr-mq-mini--z { transform: rotate(2deg) translateY(16px); }
.ayr-mq-mini--v { transform: rotate(1.5deg); }
.ayr-mq-mini--m { transform: rotate(-1.5deg) translateY(16px); }
.ayr-mq-mini svg { flex: none; }
.ayr-mq-mini-text { display: flex; flex-direction: column; gap: 2px; }
.ayr-mq-mini-text strong { font-size: 18px; font-weight: 700; color: #fff; }
.ayr-mq-mini-text span { font-size: 14px; color: var(--ayr-mq-muted); line-height: 1.35; }

.ayr-mq .ayr-mq-steps {
  list-style: none; margin-top: 72px; margin-bottom: 0;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px;
}
.ayr-mq .ayr-mq-steps li {
  display: flex; align-items: center; gap: 14px; margin: 0;
  padding: 16px 18px; border-radius: 16px; border: 1px dashed var(--ayr-mq-line-2);
  font-size: 15px; color: var(--ayr-mq-muted);
}
.ayr-mq-step-n {
  flex: none; width: 34px; height: 34px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--ayr-mq-lav); color: var(--ayr-mq-navy) !important; font-weight: 800;
}

/* ---------- Escenario del test ---------- */
/* Escenario con atardecer de Halloween: navy Ayrée → violeta → naranja */
.ayr-mq-stage {
  position: relative;
  padding: 96px 0 200px;
  scroll-margin-top: 90px;
  background:
    radial-gradient(ellipse 70% 45% at 50% 100%, rgba(242,162,58,.55) 0%, rgba(242,162,58,0) 70%),
    linear-gradient(180deg, #1F1A3E 0%, #2B1F55 28%, #4A2A86 55%, #8A3F86 78%, #D9702A 100%);
  overflow: hidden;
  overflow: clip;
}
.ayr-mq-deco { position: absolute; inset: 0; pointer-events: none; z-index: 0; }
.ayr-mq-deco svg { position: absolute; display: block; }
.ayr-mq-web { top: 0; left: 0; width: 300px; height: 300px; opacity: .35; }
.ayr-mq-spider { top: 0; left: 210px; width: 30px; height: 120px; animation: ayr-mq-dangle 6s ease-in-out infinite; transform-origin: top center; }
@keyframes ayr-mq-dangle { 0%,100% { transform: translateY(0); } 50% { transform: translateY(18px); } }
.ayr-mq-bats2 { top: 70px; right: 6%; width: 200px; height: 90px; opacity: .55; animation: ayr-mq-float 5s ease-in-out infinite; }
.ayr-mq-branch { bottom: 0; width: 260px; height: 364px; opacity: .9; }
.ayr-mq-branch--l { left: -20px; }
.ayr-mq-branch--r { right: -20px; transform: scaleX(-1); height: 300px; width: 214px; }
.ayr-mq-pumpkins { bottom: 18px; left: 50%; width: 150px; height: 70px; transform: translateX(-50%); }
.ayr-mq-stage .ayr-mq-card {
  background: rgba(31, 26, 62, .92);
  border-color: rgba(169, 147, 247, .28);
  box-shadow: 0 30px 80px rgba(20, 12, 40, .45);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}
.ayr-mq-stage .ayr-mq-quiz, .ayr-mq-stage .ayr-mq-gate { border-top: 3px solid var(--ayr-mq-orange); }
.ayr-mq-card {
  background: var(--ayr-mq-navy-2);
  border: 1px solid var(--ayr-mq-line);
  border-radius: 28px;
  padding: clamp(24px, 4vw, 48px);
}
.ayr-mq-quiz, .ayr-mq-gate { max-width: 820px; margin: 0 auto; }

.ayr-mq-progress { display: flex; flex-direction: column; gap: 10px; margin-bottom: 28px; }
.ayr-mq-progress-label { font-size: 14px; color: var(--ayr-mq-muted); }
.ayr-mq-progress-bar { height: 8px; border-radius: 999px; background: var(--ayr-mq-line); overflow: hidden; }
.ayr-mq-progress-bar span { display: block; height: 100%; border-radius: 999px; background: var(--ayr-mq-orange); transition: width .35s ease; }

.ayr-mq .ayr-mq-question {
  margin: 0 0 24px !important;
  font-size: clamp(24px, 3vw, 32px) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: #fff !important;
  outline: none;
}
.ayr-mq-options { display: flex; flex-direction: column; gap: 12px; }
.ayr-mq .ayr-mq-option {
  display: flex; align-items: center; gap: 16px; width: 100%;
  min-height: 64px; padding: 16px 20px; text-align: left;
  background: var(--ayr-mq-navy) !important; color: #fff !important;
  border: 1px solid var(--ayr-mq-line-2) !important; border-radius: 16px !important;
  font-size: 17px !important; font-weight: 400 !important; line-height: 1.35 !important;
  text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important;
  cursor: pointer; transition: border-color .15s ease, transform .15s ease, background-color .15s ease;
}
.ayr-mq .ayr-mq-option:hover { border-color: var(--ayr-mq-lav) !important; transform: translateX(4px); }
.ayr-mq .ayr-mq-option.is-selected { border-color: var(--ayr-mq-orange) !important; background: #2C2452 !important; }
.ayr-mq-option-letter {
  flex: none; width: 36px; height: 36px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--ayr-mq-line); color: var(--ayr-mq-lav); font-weight: 700;
}
.ayr-mq .ayr-mq-option.is-selected .ayr-mq-option-letter { background: var(--ayr-mq-orange); color: var(--ayr-mq-navy); }

.ayr-mq .ayr-mq-back, .ayr-mq .ayr-mq-link {
  margin-top: 20px; min-height: 44px; padding: 8px 0;
  background: none !important; border: 0 !important; box-shadow: none !important;
  color: var(--ayr-mq-muted) !important; font-size: 15px !important; font-weight: 500 !important;
  text-decoration: underline; text-underline-offset: 4px; cursor: pointer; text-transform: none !important;
}

/* ---------- Gate (formulario) ---------- */
.ayr-mq-gate-head { display: flex; align-items: center; gap: 28px; margin-bottom: 28px; }
.ayr-mq-silhouette { position: relative; flex: none; }
.ayr-mq-silhouette span {
  position: absolute; inset: 0; padding-top: 28px; display: flex; align-items: center; justify-content: center;
  font-size: 56px; font-weight: 800; color: var(--ayr-mq-orange);
}
.ayr-mq-form {
  background: #FFFFFF; color: var(--ayr-mq-navy);
  border-radius: 20px; padding: clamp(20px, 3vw, 32px);
}
.ayr-mq-form .ff-el-input--label label,
.ayr-mq-form label { color: var(--ayr-mq-navy) !important; font-weight: 600 !important; }
.ayr-mq-form .ff-el-form-control {
  border-radius: 12px !important; border: 1px solid #CFC9EA !important; min-height: 48px; font-size: 16px !important;
}
.ayr-mq-form .ff-el-form-control:focus { border-color: var(--ayr-mq-purple) !important; box-shadow: 0 0 0 3px rgba(169,147,247,.35) !important; }
.ayr-mq-form .ff-btn-submit,
.ayr-mq-form button[type="submit"] {
  background: var(--ayr-mq-navy) !important; color: #fff !important;
  border: 0 !important; border-radius: 999px !important;
  min-height: 52px; padding: 14px 32px !important; font-size: 17px !important; font-weight: 700 !important;
  width: 100%;
}
.ayr-mq-form .ff-btn-submit:hover { background: var(--ayr-mq-purple) !important; }
.ayr-mq-form .ff-message-success { border-radius: 12px; border-color: var(--ayr-mq-sage); }
.ayr-mq .ayr-mq-legal { margin: 14px 0 0; font-size: 13px; color: #4A4270; }
.ayr-mq .ayr-mq-legal a { color: var(--ayr-mq-purple); }
.ayr-mq .ayr-mq-admin-note {
  max-width: 820px; margin: 16px auto; padding: 12px 16px; border-radius: 12px;
  background: #FFF4E0; color: #1F1A3E; font-size: 14px;
}
.ayr-mq .ayr-mq-admin-note a { color: var(--ayr-mq-purple); }

/* ---------- Resultado ---------- */
.ayr-mq-result { display: flex; flex-direction: column; gap: 20px; }
.ayr-mq-res { display: flex; flex-direction: column; gap: 20px; }
.ayr-mq-res-head { display: flex; align-items: center; gap: 32px; padding: 8px 0 12px; }
.ayr-mq-res-art {
  flex: none; width: 200px; height: 200px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: radial-gradient(circle at 50% 55%, #3A3163 0%, #271F46 70%);
}
.ayr-mq-res-art svg { animation: ayr-mq-float 4s ease-in-out infinite; }
.ayr-mq .ayr-mq-res-name {
  margin: 0 !important; font-size: clamp(44px, 6vw, 72px) !important; font-weight: 800 !important;
  line-height: 1 !important; letter-spacing: -0.02em !important; color: #fff !important; outline: none;
}
.ayr-mq .ayr-mq-res-tag { margin: 10px 0 0; font-size: clamp(18px, 2.2vw, 22px); font-weight: 600; color: var(--ayr-mq-orange); }

.ayr-mq-res-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 20px; }
.ayr-mq-res-main p { font-size: 17px; color: var(--ayr-mq-muted); }
.ayr-mq-cost {
  display: flex; flex-direction: column; gap: 4px;
  margin: 8px 0 0; padding: 16px 18px; border-radius: 16px;
  background: rgba(242,162,58,.12); border: 1px solid rgba(242,162,58,.35);
}
.ayr-mq-cost strong { color: var(--ayr-mq-orange); font-size: 15px; }
.ayr-mq-cost span { color: #fff; font-size: 16px; }
.ayr-mq-said { margin-top: 24px; }
.ayr-mq .ayr-mq-said ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.ayr-mq .ayr-mq-said li {
  margin: 0; padding: 10px 14px; border-radius: 12px;
  background: var(--ayr-mq-navy); color: var(--ayr-mq-ice); font-size: 15px; font-style: italic;
}

.ayr-mq .ayr-mq-bars { list-style: none; margin: 16px 0 0; padding: 0; display: flex; flex-direction: column; gap: 16px; }
.ayr-mq .ayr-mq-bars li { margin: 0; display: flex; flex-direction: column; gap: 6px; }
.ayr-mq-bar-label { display: flex; justify-content: space-between; font-size: 15px; color: var(--ayr-mq-muted); }
.ayr-mq-bar-label b { color: #fff; }
.ayr-mq .ayr-mq-bars li.is-winner .ayr-mq-bar-label { color: #fff; font-weight: 700; }
.ayr-mq-bar { display: block; height: 12px; border-radius: 999px; background: var(--ayr-mq-line); overflow: hidden; }
.ayr-mq-bar i { display: block; height: 100%; border-radius: 999px; transition: width .9s cubic-bezier(.2,.8,.2,1); }

.ayr-mq .ayr-mq-fixes ol { margin: 0; padding: 0; list-style: none; counter-reset: ayr-mq-fix; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.ayr-mq .ayr-mq-fixes li {
  counter-increment: ayr-mq-fix; margin: 0;
  padding: 20px; border-radius: 18px; background: var(--ayr-mq-navy);
  font-size: 16px; color: var(--ayr-mq-ice); line-height: 1.45;
}
.ayr-mq .ayr-mq-fixes li::before {
  content: counter(ayr-mq-fix);
  display: flex; align-items: center; justify-content: center;
  width: 36px; height: 36px; margin-bottom: 12px; border-radius: 50%;
  background: var(--ayr-mq-sage); color: var(--ayr-mq-navy); font-weight: 800;
}

/* CTA estilo Ayrée: banda navy de ancho completo + avión en la ventanilla */
.ayr-mq-cta {
  position: relative;
  margin: 40px calc(50% - 50vw) 0;
  min-height: 480px;
  display: flex; align-items: center;
  background-color: #101C34;
  background-image:
    linear-gradient(90deg, rgba(16,28,52,1) 0%, rgba(16,28,52,.92) 40%, rgba(16,28,52,0) 62%),
    var(--ayr-mq-cta-img);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  color: #FFFFFF;
}
.ayr-mq-cta-inner { width: 100%; max-width: 1160px; margin: 0 auto; padding: 72px 24px; }
.ayr-mq-cta-copy { max-width: 640px; }
/* Con calendario incrustado: texto a la izquierda, agenda de Aline a la derecha */
.ayr-mq-cta--embed {
  background-image:
    linear-gradient(90deg, rgba(16,28,52,.55) 0%, rgba(16,28,52,.72) 45%, rgba(16,28,52,1) 70%),
    var(--ayr-mq-cta-img);
  background-size: cover, auto 900px;
  /* la ventanilla queda detrás del texto (izquierda) */
  background-position: center, calc(50vw - 1384px) center;
}
.ayr-mq-cta--embed .ayr-mq-cta-inner {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 520px);
  gap: 56px; align-items: center;
}
.ayr-mq-cal {
  background: #FFFFFF; border-radius: 16px; overflow: hidden;
  box-shadow: 0 30px 70px rgba(5, 10, 25, .55);
}
.ayr-mq-cal-frame { display: block; width: 100%; height: 700px; border: 0; }
.ayr-mq .ayr-mq-cta-title {
  margin: 0 0 28px !important;
  font-size: clamp(32px, 4.4vw, 54px) !important; font-weight: 700 !important;
  line-height: 1.08 !important; letter-spacing: -0.02em !important; color: #FFFFFF !important;
}
.ayr-mq .ayr-mq-cta p { margin: 0 0 36px; font-size: clamp(17px, 1.6vw, 20px); line-height: 1.6; color: #D9D6EA; }
.ayr-mq-cta-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; }
.ayr-mq .ayr-mq-cta-btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 56px; padding: 16px 42px; border-radius: 999px;
  background: #A993F7; color: #1F1A3E !important;
  font-size: 15px !important; font-weight: 600 !important;
  letter-spacing: .14em; text-transform: uppercase; text-decoration: none !important;
  transition: background-color .15s ease, transform .15s ease;
}
.ayr-mq .ayr-mq-cta-btn:hover { background: #BBA9FA; transform: translateY(-2px); }
.ayr-mq .ayr-mq-cta-btn:focus-visible { outline: 3px solid var(--ayr-mq-teal); outline-offset: 3px; }
.ayr-mq .ayr-mq-cta .ayr-mq-link { margin-top: 0; color: #D9D6EA !important; }
.ayr-mq--full .ayr-mq-cta { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.ayr-mq:not(.ayr-mq--full) .ayr-mq-cta { margin-left: 0; margin-right: 0; border-radius: 28px; overflow: hidden; }

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
  .ayr-mq-hero { padding-top: 72px; }
  .ayr-mq-hero-grid { grid-template-columns: 1fr; gap: 40px; }
  .ayr-mq-flight { left: auto; right: 4%; top: 18px; }
  .ayr-mq-flight .ayr-mq-trail { display: none; }
  .ayr-mq .ayr-mq-motif { width: 240px !important; height: 240px !important; right: -70px; top: -40px; opacity: .6; }
  .ayr-mq-bats { display: none; }
  .ayr-mq-res-grid { grid-template-columns: 1fr; }
  .ayr-mq-cta--embed .ayr-mq-cta-inner { grid-template-columns: 1fr; gap: 36px; }
  .ayr-mq-cta--embed {
    background-image: linear-gradient(180deg, rgba(16,28,52,0) 0%, rgba(16,28,52,.2) 18%, rgba(16,28,52,.95) 34%, rgba(16,28,52,1) 100%), var(--ayr-mq-cta-img);
    background-size: cover, auto 560px;
    background-position: center, calc(50% + 40px) top;
  }
  .ayr-mq-cta--embed .ayr-mq-cta-copy { max-width: 720px; }
  .ayr-mq-branch { width: 150px; height: 210px; }
  .ayr-mq-branch--r { width: 120px; height: 170px; }
  .ayr-mq-web { width: 200px; height: 200px; }
  .ayr-mq-spider { left: 140px; }
  .ayr-mq .ayr-mq-fixes ol { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .ayr-mq-wrap { padding: 0 16px; }
  .ayr-mq .ayr-mq-hero-cards { grid-template-columns: 1fr 1fr; gap: 10px; }
  .ayr-mq-mini { flex-direction: column; align-items: flex-start; padding: 14px; transform: none !important; }
  .ayr-mq-mini svg { width: 56px; height: 56px; }
  .ayr-mq-mini-text strong { font-size: 16px; }
  .ayr-mq-mini-text span { font-size: 13px; }
  .ayr-mq .ayr-mq-steps { grid-template-columns: 1fr; margin-top: 40px; gap: 10px; }
  .ayr-mq .ayr-mq-btn { width: 100%; }
  .ayr-mq-hero-actions { flex-direction: column; align-items: stretch; }
  .ayr-mq-hero-meta { text-align: center; }
  .ayr-mq-card { border-radius: 22px; }
  .ayr-mq .ayr-mq-option { font-size: 16px !important; padding: 14px 16px; }
  .ayr-mq-gate-head { flex-direction: column; align-items: flex-start; gap: 12px; }
  .ayr-mq-silhouette svg { width: 88px; height: 88px; }
  .ayr-mq-res-head { flex-direction: column; align-items: flex-start; gap: 16px; }
  .ayr-mq-res-art { width: 150px; height: 150px; }
  .ayr-mq-res-art svg { width: 120px; height: 120px; }
  .ayr-mq-cta {
    min-height: 0;
    background-image: linear-gradient(180deg, rgba(16,28,52,0) 0%, rgba(16,28,52,.2) 28%, rgba(16,28,52,.95) 52%, rgba(16,28,52,1) 100%), var(--ayr-mq-cta-img);
    background-size: auto 100%, 230% auto;
    background-position: center, 78% top;
  }
  .ayr-mq-cta-inner { padding: 300px 16px 56px; }
  .ayr-mq-cal-frame { height: 760px; }
  .ayr-mq .ayr-mq-cta-btn { width: 100%; padding: 16px 24px; }
  .ayr-mq-cta-actions { flex-direction: column; align-items: stretch; text-align: center; }
  .ayr-mq-stage { padding: 64px 0 150px; }
  .ayr-mq-web { width: 140px; height: 140px; }
  .ayr-mq-spider { left: 96px; height: 90px; }
  .ayr-mq-bats2 { width: 120px; top: 20px; right: 2%; }
  .ayr-mq-branch { width: 96px; height: 134px; }
  .ayr-mq-branch--r { width: 80px; height: 112px; }
  .ayr-mq-pumpkins { width: 110px; height: 52px; bottom: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .ayr-mq *, .ayr-mq *::before, .ayr-mq *::after { animation: none !important; transition: none !important; }
}