/* =========================================================
   Homepage — Free Trial vs Paid (.ax) + Quick Answers (.qa)
   Scoped to #trial-vs-paid / #faq — Phase 3.2
   ========================================================= */

.ax-section,
.qa-section {
  --hs-ink: var(--ir-navy-950);
  --hs-muted: var(--ir-text-muted);
  --hs-edge: rgba(19, 47, 76, 0.12);
  --hs-sky: #8db8ff;
  --hs-dim: rgba(214, 228, 255, 0.72);
  --hs-line: rgba(141, 184, 255, 0.18);
  --hs-navy-bg:
    radial-gradient(380px 220px at 100% 0%, rgba(47, 111, 237, 0.34), transparent 70%),
    radial-gradient(300px 200px at 0% 100%, rgba(47, 111, 237, 0.16), transparent 70%),
    linear-gradient(rgba(141, 184, 255, 0.055) 1px, transparent 1px) 0 0 / 22px 22px,
    linear-gradient(90deg, rgba(141, 184, 255, 0.055) 1px, transparent 1px) 0 0 / 22px 22px,
    linear-gradient(155deg, var(--ir-navy-900) 0%, var(--ir-navy-950) 100%);
  font-synthesis: none;
}
.ax-section *,
.qa-section * { box-sizing: border-box; }
.ax-section svg,
.qa-section svg { display: block; }

/* =========================================================
   A. Free Trial vs Paid Subscription
   ========================================================= */
#trial-vs-paid.ax-section { padding: clamp(1.5rem, 2.3vw, 1.95rem) 0; }
.ax-section .ir-section-head { max-width: 50rem; margin-bottom: clamp(0.9rem, 1.5vw, 1.15rem); }
.ax-section .ir-section-head .ir-lead { max-width: none; }

.ax {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 64px minmax(0, 1fr);
  align-items: stretch;
  max-width: 1080px;
  margin: 0 auto;
}

.ax-pass {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: clamp(1rem, 1.6vw, 1.2rem);
  border-radius: 24px;
  -webkit-font-smoothing: auto;
}
.ax-pass--trial {
  background: var(--hs-navy-bg);
  border: 1px solid rgba(141, 184, 255, 0.16);
  box-shadow: 0 28px 56px -32px rgba(7, 17, 31, 0.75);
  color: #fff;
}
.ax-pass--paid {
  background:
    radial-gradient(320px 180px at 100% 0%, rgba(229, 49, 59, 0.08), transparent 70%),
    #fff;
  border: 1px solid var(--hs-edge);
  box-shadow:
    0 1px 2px rgba(7, 17, 31, 0.04),
    0 22px 44px -28px rgba(7, 17, 31, 0.35);
  color: var(--ir-text);
}
.ax-pass--paid::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 24px;
  right: 24px;
  height: 3px;
  border-radius: 0 0 3px 3px;
  background: linear-gradient(90deg, var(--ir-red-500), var(--ir-navy-800));
}

/* Head: identity + price */
.ax-pass__head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.85rem;
  margin: 0 0 0.85rem;
}
.ax-pass__icon {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 14px;
}
.ax-pass__icon svg { width: 22px; height: 22px; }
.ax-pass--trial .ax-pass__icon {
  background: rgba(47, 111, 237, 0.22);
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(141, 184, 255, 0.4);
}
.ax-pass--paid .ax-pass__icon {
  background: linear-gradient(155deg, var(--ir-navy-800), var(--ir-navy-950));
  color: #fff;
}
.ax-pass__id { min-width: 0; }
.ax-pass__kicker {
  margin: 0 0 0.15rem;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.ax-pass--trial .ax-pass__kicker { color: var(--hs-sky); }
.ax-pass--paid .ax-pass__kicker { color: var(--ir-red-600); }
.ax-pass__title {
  margin: 0;
  font-family: var(--ir-display);
  font-size: clamp(1.25rem, 1rem + 0.8vw, 1.5rem);
  font-weight: 700;
  line-height: 1.2;
  color: inherit;
}
.ax-pass--paid .ax-pass__title { color: var(--hs-ink); }

.ax-price {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin: 0;
  line-height: 1;
}
.ax-price__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
}
.ax-price__pre,
.ax-price__per {
  font-size: 0.74rem;
  font-weight: 600;
  line-height: 1.3;
}
.ax-price__pre { text-transform: uppercase; letter-spacing: 0.08em; }
.ax-price__val {
  font-family: var(--ir-display);
  font-size: clamp(2.1rem, 1.6rem + 1.6vw, 2.65rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}
.ax-pass--trial .ax-price__pre,
.ax-pass--trial .ax-price__per { color: var(--hs-dim); }
.ax-pass--paid .ax-price__pre,
.ax-pass--paid .ax-price__per { color: var(--hs-muted); }
.ax-pass--paid .ax-price__val { color: var(--hs-ink); }

/* Spec strip — same rows in both panels so differences line up */
.ax-specs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.45rem;
  margin: 0 0 0.85rem;
}
.ax-spec {
  min-width: 0;
  padding: 0.55rem 0.7rem;
  border-radius: 14px;
}
.ax-spec dt {
  font-size: 0.74rem;
  font-weight: 600;
  line-height: 1.3;
}
.ax-spec dd {
  margin: 0.2rem 0 0;
  font-size: 1.12rem;
  font-weight: 700;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}
.ax-pass--trial .ax-spec {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid var(--hs-line);
}
.ax-pass--trial .ax-spec dt { color: var(--hs-dim); }
.ax-pass--trial .ax-spec--key {
  background: rgba(47, 111, 237, 0.24);
  border-color: rgba(141, 184, 255, 0.5);
}
.ax-pass--paid .ax-spec {
  background: var(--ir-surface);
  border: 1px solid rgba(19, 47, 76, 0.08);
}
.ax-pass--paid .ax-spec dt { color: var(--hs-muted); }
.ax-pass--paid .ax-spec dd { color: var(--hs-ink); }
.ax-pass--paid .ax-spec--key {
  background: rgba(229, 49, 59, 0.07);
  border-color: rgba(229, 49, 59, 0.3);
}
.ax-pass--paid .ax-spec--key dd { color: var(--ir-red-700); }

/* Facts */
.ax-facts {
  display: grid;
  gap: 0.35rem;
  margin: 0 0 0.85rem;
  padding: 0;
  list-style: none;
  font-size: 0.9rem;
  line-height: 1.4;
}
.ax-facts li {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
}
.ax-facts li > span {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  margin-top: -1px;
  border-radius: 7px;
}
.ax-facts svg { width: 14px; height: 14px; }
.ax-pass--trial .ax-facts { color: rgba(255, 255, 255, 0.88); }
.ax-pass--trial .ax-facts li > span { background: rgba(141, 184, 255, 0.16); color: var(--hs-sky); }
.ax-pass--paid .ax-facts { color: var(--ir-text); }
.ax-pass--paid .ax-facts li > span { background: rgba(47, 111, 237, 0.1); color: var(--ir-blue-500); }

/* Action */
.ax-pass__action {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem 0.9rem;
  margin-top: auto;
  padding-top: 0.85rem;
  border-top: 1px solid;
}
.ax-pass--trial .ax-pass__action { border-top-color: var(--hs-line); }
.ax-pass--paid .ax-pass__action { border-top-color: rgba(19, 47, 76, 0.1); }
.ax-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 46px;
  padding: 0.65rem 1.2rem;
  border-radius: 14px;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
  text-decoration: none;
  transition: filter .18s ease, box-shadow .18s ease;
}
.ax-cta:hover { color: #fff; filter: brightness(1.06); }
.ax-cta:focus-visible { outline: 3px solid rgba(141, 184, 255, 0.85); outline-offset: 3px; }
.ax-cta__icon { display: grid; place-items: center; }
.ax-cta__icon svg { width: 18px; height: 18px; }
.ax-cta--trial {
  background: linear-gradient(135deg, #3d7dff 0%, #2f6fed 55%, #2259cf 100%);
  box-shadow: 0 12px 28px -12px rgba(47, 111, 237, 0.85);
}
.ax-cta--paid {
  background: linear-gradient(135deg, #f0525b 0%, var(--ir-red-500) 55%, #c81f2a 100%);
  box-shadow: 0 12px 26px -12px rgba(229, 49, 59, 0.7);
}
.ax-cta--paid:focus-visible { outline-color: rgba(47, 111, 237, 0.6); }
.ax-pass__fine {
  font-size: 0.8rem;
  line-height: 1.4;
}
.ax-pass--trial .ax-pass__fine { color: var(--hs-dim); }
.ax-pass--paid .ax-pass__fine { color: var(--hs-muted); }

/* Bridge between panels */
.ax-bridge {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
}
.ax-bridge::before {
  content: "";
  position: absolute;
  top: 18%;
  bottom: 18%;
  left: 50%;
  width: 0;
  border-left: 2px dashed rgba(47, 111, 237, 0.25);
}
.ax-bridge__node {
  position: relative;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(155deg, var(--ir-navy-800), var(--ir-navy-950));
  color: #fff;
  box-shadow: 0 0 0 6px var(--ir-surface), 0 0 0 7px rgba(47, 111, 237, 0.22), 0 10px 22px -10px rgba(7, 17, 31, 0.6);
}
.ax-bridge__node svg { width: 18px; height: 18px; }
.ax-bridge__label {
  position: relative;
  padding: 0.2rem 0.1rem;
  background: var(--ir-surface);
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-align: center;
  color: var(--hs-muted);
}

/* Shared strip + policy note */
.ax-shared {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem 0.9rem;
  max-width: 1080px;
  margin: 0.85rem auto 0;
  padding: 0.6rem 1rem;
  border-radius: 16px;
  background: #fff;
  border: 1px solid var(--hs-edge);
}
.ax-shared__label {
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--hs-ink);
}
.ax-shared__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.4rem 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.88rem;
  color: var(--ir-text);
}
.ax-shared__list li { display: inline-flex; align-items: center; gap: 0.4rem; }
.ax-shared__list svg { width: 16px; height: 16px; color: var(--ir-blue-500); }
.ax-note {
  max-width: 1080px;
  margin: 0.65rem auto 0;
  font-size: 0.8rem;
  line-height: 1.55;
  text-align: center;
  color: var(--hs-muted);
}
.ax-note a { color: var(--ir-blue-500); font-weight: 600; text-underline-offset: 2px; }
.ax-note a:focus-visible { outline: 2px solid var(--ir-blue-500); outline-offset: 2px; border-radius: 3px; }

/* =========================================================
   B. Quick Answers
   ========================================================= */
.qa {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  grid-template-areas:
    "intro list"
    "help  list";
  grid-template-rows: auto 1fr;
  gap: 1.25rem clamp(2rem, 4vw, 3.25rem);
  align-items: start;
}
.qa__intro { grid-area: intro; min-width: 0; }
.qa-list { grid-area: list; min-width: 0; }
.qa-help { grid-area: help; }

.qa__title { margin-bottom: 0.55rem; }
.qa__lead {
  margin: 0 0 0.9rem;
  max-width: 30rem;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--hs-muted);
}
.qa__more {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--ir-blue-500);
  text-decoration: none;
}
.qa__more:hover { text-decoration: underline; text-underline-offset: 3px; }
.qa__more:focus-visible { outline: 2px solid var(--ir-blue-500); outline-offset: 3px; border-radius: 4px; }
.qa__more svg { width: 16px; height: 16px; }

/* Accordion */
.qa-section.faq-section.ir-section { padding: clamp(1.5rem, 2.3vw, 1.95rem) 0; }
.qa-list {
  display: grid;
  gap: 0.4rem;
}
.qa-item {
  position: relative;
  background: #fff;
  border: 1px solid var(--hs-edge);
  border-radius: 18px;
  box-shadow: 0 1px 2px rgba(7, 17, 31, 0.04);
  transition: border-color .2s ease, box-shadow .2s ease;
}
.qa-item::before {
  content: "";
  position: absolute;
  top: 14px;
  bottom: 14px;
  left: -1px;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: var(--ir-blue-500);
  opacity: 0;
  transition: opacity .2s ease;
}
.qa-item.is-open {
  border-color: rgba(47, 111, 237, 0.32);
  box-shadow: 0 18px 36px -26px rgba(7, 17, 31, 0.45);
}
.qa-item.is-open::before { opacity: 1; }

.qa-item__h {
  margin: 0;
  font: inherit;
}
.qa-item__btn {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.9rem;
  width: 100%;
  margin: 0;
  padding: 0.55rem 1rem;
  border: 0;
  border-radius: 18px;
  background: transparent;
  font: inherit;
  text-align: left;
  color: var(--hs-ink);
  cursor: pointer;
  -webkit-font-smoothing: auto;
}
.qa-item__btn:focus-visible {
  outline: 3px solid rgba(47, 111, 237, 0.5);
  outline-offset: 2px;
}
.qa-item__icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: rgba(47, 111, 237, 0.08);
  color: var(--ir-blue-500);
  transition: background-color .2s ease, color .2s ease;
}
.qa-item__icon svg { width: 19px; height: 19px; }
.qa-item.is-open .qa-item__icon {
  background: linear-gradient(155deg, var(--ir-navy-800), var(--ir-navy-950));
  color: #fff;
}
.qa-item__text {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  min-width: 0;
}
.qa-item__topic {
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--hs-muted);
}
.qa-item.is-open .qa-item__topic { color: var(--ir-blue-500); }
.qa-item__q {
  font-size: 1.02rem;
  font-weight: 600;
  line-height: 1.35;
}

.qa-item__sign {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid rgba(19, 47, 76, 0.16);
  transition: background-color .2s ease, border-color .2s ease;
}
.qa-item__sign::before,
.qa-item__sign::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 2px;
  margin: -1px 0 0 -6px;
  border-radius: 2px;
  background: var(--ir-navy-800);
  transition: transform .22s ease, background-color .2s ease;
}
.qa-item__sign::after { transform: rotate(90deg); }
.qa-item.is-open .qa-item__sign {
  background: var(--ir-blue-500);
  border-color: var(--ir-blue-500);
}
.qa-item.is-open .qa-item__sign::before,
.qa-item.is-open .qa-item__sign::after { background: #fff; }
.qa-item.is-open .qa-item__sign::after { transform: rotate(0deg); }

.qa-item__panel {
  display: grid;
  grid-template-rows: 1fr;
}
.qa-item:not(.is-open) .qa-item__panel {
  grid-template-rows: 0fr;
  visibility: hidden;
}
.qa-list--ready .qa-item__panel {
  transition: grid-template-rows .28s ease, visibility 0s linear 0s;
}
.qa-list--ready .qa-item:not(.is-open) .qa-item__panel {
  transition: grid-template-rows .28s ease, visibility 0s linear .28s;
}
.qa-item__clip {
  min-height: 0;
  overflow: hidden;
}
.qa-item__body {
  margin: 0;
  padding: 0 3.6rem 0.85rem calc(1rem + 38px + 0.9rem);
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--ir-text);
}
.qa-item__body a {
  color: var(--ir-blue-500);
  font-weight: 600;
  text-underline-offset: 2px;
}
.qa-item__body a:focus-visible { outline: 2px solid var(--ir-blue-500); outline-offset: 2px; border-radius: 3px; }

/* Support card */
.qa-help {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.75rem 0.85rem;
  max-width: 420px;
  padding: 1.05rem 1.1rem 1.1rem;
  border-radius: 20px;
  background: var(--hs-navy-bg);
  border: 1px solid rgba(141, 184, 255, 0.16);
  box-shadow: 0 22px 44px -28px rgba(7, 17, 31, 0.7);
  color: #fff;
  -webkit-font-smoothing: auto;
}
.qa-help__icon {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 25%, #3be37f, #1faa59 70%);
  color: #fff;
  box-shadow: 0 0 0 5px rgba(37, 211, 102, 0.14);
}
.qa-help__icon svg { width: 24px; height: 24px; }
.qa-help__copy { min-width: 0; }
.qa-help__title {
  margin: 0 0 0.15rem;
  font-size: 1.02rem;
  font-weight: 700;
  line-height: 1.3;
}
.qa-help__text {
  margin: 0;
  font-size: 0.84rem;
  line-height: 1.45;
  color: var(--hs-dim);
}
.qa-help__cta {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  min-height: 46px;
  padding: 0.6rem 0.95rem;
  border-radius: 13px;
  background: #fff;
  font-size: 0.93rem;
  font-weight: 600;
  color: var(--hs-ink);
  text-decoration: none;
  transition: box-shadow .18s ease;
}
.qa-help__cta:hover { color: var(--hs-ink); box-shadow: 0 0 0 3px rgba(141, 184, 255, 0.35); }
.qa-help__cta:focus-visible { outline: 3px solid var(--hs-sky); outline-offset: 3px; }
.qa-help__num {
  font-size: 0.84rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #15803d;
  white-space: nowrap;
}

/* =========================================================
   Responsive
   ========================================================= */
@media (min-width: 701px) and (max-width: 960px) {
  .ax { grid-template-columns: minmax(0, 1fr) 34px minmax(0, 1fr); }
  .ax-bridge__label { display: none; }
  .ax-bridge__node {
    width: 30px;
    height: 30px;
    box-shadow: 0 0 0 4px var(--ir-surface), 0 0 0 5px rgba(47, 111, 237, 0.22);
  }
  .ax-bridge__node svg { width: 15px; height: 15px; }

  .ax-pass { padding: 1rem; }
  .ax-pass__head { grid-template-columns: minmax(0, 1fr) auto; gap: 0.6rem; }
  .ax-pass__icon { display: none; }
  .ax-pass__title { font-size: 1.15rem; }
  .ax-price { flex-direction: column; align-items: flex-end; gap: 0.2rem; }
  .ax-price__val { order: -1; font-size: 1.85rem; }
  .ax-price__meta { flex-direction: row; gap: 0.25rem; }
  .ax-specs { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr) minmax(0, 1.2fr); gap: 0.35rem; }
  .ax-spec { padding: 0.5rem 0.55rem; }
  .ax-spec dt { font-size: 0.7rem; }
  .ax-spec dd { font-size: 0.96rem; }
  .ax-facts { font-size: 0.87rem; }
  .ax-pass__fine { display: none; }
  .ax-cta { width: 100%; }

  .qa { column-gap: 1.75rem; }
  .qa-item__body { padding-right: 1rem; }
  .qa-help__cta { flex-direction: column; justify-content: center; gap: 0.1rem; }
}

@media (max-width: 700px) {
  .ax {
    grid-template-columns: minmax(0, 1fr);
    max-width: 620px;
  }
  .ax-bridge {
    flex-direction: row;
    height: 58px;
    gap: 0.6rem;
  }
  .ax-bridge::before {
    top: 0;
    bottom: 0;
  }
  .ax-bridge__node { width: 38px; height: 38px; }
  .ax-bridge__node svg { transform: rotate(90deg); }
  .ax-bridge__label br { display: none; }
  .ax-bridge__label { padding: 0.15rem 0.35rem; }
  .ax-shared { max-width: 620px; }

  .qa {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "intro"
      "list"
      "help";
    grid-template-rows: auto;
  }
  .qa__intro { text-align: center; }
  .qa__lead { margin-inline: auto; }
  .qa-list,
  .qa-help { width: 100%; max-width: 720px; margin-inline: auto; }
  .qa-help {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }
  .qa-help__cta { grid-column: auto; }
}

@media (max-width: 600px) {
  .qa-help { grid-template-columns: auto minmax(0, 1fr); }
  .qa-help__cta { grid-column: 1 / -1; }
}

@media (max-width: 520px) {
  .ax-pass { border-radius: 20px; padding: 0.95rem; }
  .ax-pass__head { grid-template-columns: minmax(0, 1fr) auto; gap: 0.7rem; margin-bottom: 0.75rem; }
  .ax-pass__icon { display: none; }
  .ax-pass__kicker { font-size: 0.7rem; letter-spacing: 0.08em; }
  .ax-pass__title { font-size: 1.18rem; }
  .ax-price__val { font-size: 1.85rem; }
  .ax-price__pre,
  .ax-price__per { font-size: 0.7rem; }

  .ax-specs {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr) minmax(0, 1.2fr);
    gap: 0.35rem;
    margin-bottom: 0.75rem;
  }
  .ax-spec { padding: 0.5rem 0.55rem; border-radius: 12px; }
  .ax-spec dt { font-size: 0.7rem; }
  .ax-spec dd { font-size: 0.96rem; }

  .ax-facts { font-size: 0.87rem; margin-bottom: 0.8rem; }

  .ax-pass__action { padding-top: 0.8rem; }
  .ax-pass__fine { display: none; }
  .ax-cta { width: 100%; }

  .ax-bridge { height: 46px; }
  .ax-bridge__node { width: 34px; height: 34px; box-shadow: 0 0 0 5px var(--ir-surface), 0 0 0 6px rgba(47, 111, 237, 0.22); }
  .ax-bridge__node svg { width: 16px; height: 16px; }

  .ax-shared { gap: 0.35rem; padding: 0.6rem 0.75rem; }
  .ax-shared__list { gap: 0.3rem 0.8rem; font-size: 0.84rem; }
  .ax-note { font-size: 0.78rem; }

  .qa { row-gap: 0.85rem; }
  .qa__lead { margin-bottom: 0.6rem; }
  .qa-help { gap: 0.6rem 0.75rem; padding: 0.85rem; }
  .qa-help__icon { width: 40px; height: 40px; }
  .qa-help__icon svg { width: 21px; height: 21px; }

  .qa-item__btn { gap: 0.7rem; padding: 0.65rem 0.85rem; }
  .qa-item__icon { width: 34px; height: 34px; border-radius: 10px; }
  .qa-item__icon svg { width: 17px; height: 17px; }
  .qa-item__q { font-size: 0.98rem; }
  .qa-item__sign { width: 28px; height: 28px; }
  .qa-item__body { padding: 0 0.95rem 0.85rem 0.95rem; font-size: 0.93rem; }
}

@media (max-width: 380px) {
  .ax-pass { padding: 0.85rem; }
  .ax-pass__head { gap: 0.5rem; }
  .ax-pass__title { font-size: 1.1rem; }
  .ax-price { flex-direction: column; align-items: flex-end; gap: 0.2rem; }
  .ax-price__val { order: -1; font-size: 1.6rem; }
  .ax-price__meta { flex-direction: row; gap: 0.25rem; }
  .ax-price__pre,
  .ax-price__per { font-size: 0.66rem; }

  .ax-specs { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.15fr); gap: 0.3rem; }
  .ax-spec { padding: 0.45rem 0.45rem; }
  .ax-spec dd { font-size: 0.9rem; }
  .ax-facts { font-size: 0.85rem; }

  .qa-item__btn { grid-template-columns: minmax(0, 1fr) auto; gap: 0.6rem; padding: 0.6rem 0.8rem; }
  .qa-item__icon { display: none; }
  .qa-item__q { font-size: 0.95rem; }
  .qa-item__body { padding-inline: 0.8rem; }

  .qa-help__num { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .ax-cta,
  .qa-item,
  .qa-item::before,
  .qa-item__icon,
  .qa-item__sign,
  .qa-item__sign::before,
  .qa-item__sign::after,
  .qa-help__cta,
  .qa-list--ready .qa-item__panel,
  .qa-list--ready .qa-item:not(.is-open) .qa-item__panel { transition: none; }
}