/* ============================================================
   Orrku premium card compositions
   Scoped to the pages commissioned in the September 2026 pass.
   Loaded after page/component CSS so each card family has one
   predictable final owner without changing unrelated templates.
   ============================================================ */

:root {
  --card-ease: cubic-bezier(.22, 1, .36, 1);
  --card-press: cubic-bezier(.32, .72, 0, 1);
  --card-ambient: 0 28px 80px rgba(76, 51, 24, .09);
  --card-dark-ambient: 0 30px 90px rgba(0, 0, 0, .28);
}


.tool-page .tool-panels {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}

.tool-page .tool-panel {
  grid-column: span 5;
  min-height: 250px;
  border: 0;
  border-radius: 32px 18px 32px 32px;
  padding: 38px;
  background:
    radial-gradient(circle at 100% 0, rgba(255, 146, 0, .11), transparent 42%),
    #f3f0ea;
  box-shadow:
    inset 0 0 0 7px rgba(28, 25, 23, .035),
    inset 0 0 0 8px rgba(28, 25, 23, .065),
    0 24px 70px rgba(76, 51, 24, .07);
}

.tool-page .tool-panel:nth-child(2) {
  grid-column: span 7;
  border-radius: 18px 32px 32px 32px;
}

.tool-page .tool-panel--ours {
  grid-column: 1 / -1;
  min-height: 300px;
  display: grid;
  grid-template-columns: minmax(0, .72fr) minmax(280px, 1.28fr);
  align-content: center;
  gap: 8px 56px;
  border-radius: 38px 38px 20px 38px;
  color: #fff;
  background:
    radial-gradient(circle at 82% 0, rgba(255, 146, 0, .34), transparent 34%),
    #171411;
  box-shadow:
    inset 0 0 0 7px rgba(255, 255, 255, .045),
    inset 0 0 0 8px rgba(255, 255, 255, .09),
    var(--card-dark-ambient);
}

.tool-page .tool-panel--ours .tool-panel-label,
.tool-page .tool-panel--ours .tool-panel-figure,
.tool-page .tool-panel--ours .tool-panel-sub { grid-column: 1; }
.tool-page .tool-panel--ours .tool-breakdown,
.tool-page .tool-panel--ours .tool-panel-note { grid-column: 2; }
.tool-page .tool-panel--ours .tool-breakdown { grid-row: 1 / span 3; }
.tool-page .tool-panel--ours .tool-panel-figure { color: #fff; }
.tool-page .tool-panel--ours .tool-panel-sub,
.tool-page .tool-panel--ours .tool-panel-note { color: rgba(255, 255, 255, .62); }

.tool-page .tool-delta,
.tool-page .tool-sources {
  border: 0;
  border-radius: 28px 16px 28px 28px;
  box-shadow:
    inset 0 0 0 6px rgba(28, 25, 23, .035),
    inset 0 0 0 7px rgba(28, 25, 23, .065);
}

/* ---------- Glossary: staggered reference folios ---------- */
.ax-glossary-page .gl-grid { gap: 22px 18px; }

.ax-glossary-page .gl-card {
  isolation: isolate;
  min-height: 270px;
  border: 0;
  border-radius: 34px 18px 34px 34px;
  padding: 8px;
  overflow: hidden;
  background: #ebe7df;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .8),
    inset 0 0 0 1px rgba(28, 25, 23, .055),
    0 26px 74px rgba(76, 51, 24, .07);
  transition: transform .72s var(--card-ease), box-shadow .72s var(--card-ease);
}

.ax-glossary-page .gl-card::after {
  position: absolute;
  inset: 8px;
  z-index: -1;
  content: "";
  border-radius: 26px 11px 26px 26px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .56)),
    #fff;
  box-shadow: inset 0 1px rgba(255, 255, 255, .95), inset 0 0 0 1px rgba(28, 25, 23, .045);
}

.ax-glossary-page .gl-card::before {
  top: -72px;
  right: -72px;
  bottom: auto;
  left: auto;
  z-index: 0;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: rgba(255, 146, 0, .13);
  transform: scale(.78);
  transform-origin: center;
  transition: transform .72s var(--card-ease), background-color .72s var(--card-ease);
}

.ax-glossary-page .gl-card > * { position: relative; z-index: 1; }
.ax-glossary-page .gl-card:nth-child(4n + 2),
.ax-glossary-page .gl-card:nth-child(4n + 3) { border-radius: 18px 34px 34px 34px; }
.ax-glossary-page .gl-card:nth-child(4n + 2)::after,
.ax-glossary-page .gl-card:nth-child(4n + 3)::after { border-radius: 11px 26px 26px 26px; }
.ax-glossary-page .gl-card:nth-child(4n + 2) { transform: translateY(22px); }

.ax-glossary-page .gl-card:nth-child(6n + 1) { background: #27221d; }
.ax-glossary-page .gl-card:nth-child(6n + 1)::after {
  background:
    radial-gradient(circle at 100% 0, rgba(255, 146, 0, .19), transparent 38%),
    #171411;
  box-shadow: inset 0 1px rgba(255, 255, 255, .08), inset 0 0 0 1px rgba(255, 255, 255, .08);
}
.ax-glossary-page .gl-card:nth-child(6n + 1) .gl-card-term { color: #fff; }
.ax-glossary-page .gl-card:nth-child(6n + 1) .gl-card-def { color: rgba(255, 255, 255, .62); }
.ax-glossary-page .gl-card:nth-child(6n + 1) .gl-card-num { color: rgba(255, 255, 255, .08); }

.ax-glossary-page .gl-card:hover {
  transform: translateY(-9px) rotate(-.2deg);
  box-shadow: inset 0 0 0 1px rgba(156, 79, 0, .16), 0 38px 96px rgba(76, 51, 24, .13);
}
.ax-glossary-page .gl-card:nth-child(4n + 2):hover { transform: translateY(13px) rotate(.2deg); }
.ax-glossary-page .gl-card:hover::before { height: 150px; transform: scale(1.18); background: rgba(255, 146, 0, .2); }
.ax-glossary-page .gl-card-top { padding: 24px 26px 0; }
.ax-glossary-page .gl-card-term { padding: 18px 26px 0; font-size: clamp(23px, 2.35vw, 34px); line-height: 1.08; }
.ax-glossary-page .gl-card-def { padding: 16px 26px 28px; font-size: 15px; }

/* Audit pages: styled entirely in AuditLanding.astro since the 2026-09-18
   AX rebuild. The old dark-card overrides were removed — they fought the
   new light-majority numbered-row layout. */
/* ---------- About: evidence mosaic + dimensional process stack ---------- */
.ax-about-page .about-facts {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 14px;
  padding-top: 0;
  box-shadow: none;
}
.ax-about-page .about-facts > div {
  grid-column: span 4;
  min-height: 190px;
  padding: 28px;
  border-radius: 30px 16px 30px 30px;
  background: #ede7da;
  box-shadow: inset 0 0 0 7px rgba(91, 65, 34, .035), inset 0 0 0 8px rgba(91, 65, 34, .07);
}
.ax-about-page .about-facts > div:first-child { grid-column: span 5; }
.ax-about-page .about-facts > div:nth-child(2) {
  grid-column: span 4;
  border-radius: 16px 30px 30px 30px;
  background: #ff9200;
}
.ax-about-page .about-facts > div:last-child {
  grid-column: span 3;
  color: #fff;
  background: #171411;
}
.ax-about-page .about-facts > div:last-child dt,
.ax-about-page .about-facts > div:last-child dd span { color: rgba(255, 255, 255, .58); }

.ax-about-page .about-steps { display: grid; gap: 14px; padding: 0; }
.ax-about-page .about-step {
  overflow: hidden;
  border: 0;
  border-radius: 26px 14px 26px 26px;
  padding: 0 26px;
  background: #f0ebe1;
  box-shadow: inset 0 0 0 1px rgba(91, 65, 34, .09), 0 18px 58px rgba(91, 65, 34, .055);
  transition: transform .64s var(--card-ease), background-color .64s var(--card-ease);
}
.ax-about-page .about-step:nth-child(2) { margin-left: 28px; border-radius: 14px 26px 26px 26px; }
.ax-about-page .about-step:nth-child(3) { margin-right: 18px; }
.ax-about-page .about-step:nth-child(4) { margin-left: 44px; }
.ax-about-page .about-step[open] {
  background:
    radial-gradient(circle at 100% 0, rgba(255, 146, 0, .16), transparent 40%),
    #faf7f1;
  transform: translateX(-8px);
}

.ax-about-page .about-results {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 18px;
}
.ax-about-page .about-result {
  position: relative;
  grid-column: span 6;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 52px;
  gap: 20px;
  padding: 34px;
  border: 0;
  border-radius: 36px 18px 36px 36px;
  background: #eee8dc;
  box-shadow: inset 0 0 0 7px rgba(91, 65, 34, .035), inset 0 0 0 8px rgba(91, 65, 34, .07), 0 24px 72px rgba(91, 65, 34, .07);
  transition: transform .7s var(--card-ease), box-shadow .7s var(--card-ease);
}
.ax-about-page .about-result:nth-child(2) { border-radius: 18px 36px 36px 36px; }
.ax-about-page .about-result:nth-child(3) {
  grid-column: 3 / span 8;
  background:
    radial-gradient(circle at 100% 0, rgba(255, 146, 0, .22), transparent 42%),
    #171411;
  color: #fff;
}
.ax-about-page .about-result:hover { transform: translateY(-8px); box-shadow: inset 0 0 0 7px rgba(255, 146, 0, .07), inset 0 0 0 8px rgba(156, 79, 0, .14), 0 34px 88px rgba(91, 65, 34, .12); }
.ax-about-page .about-result-index { position: absolute; top: 18px; left: 18px; z-index: 2; padding: 6px 9px; border-radius: 9px; background: rgba(255, 255, 255, .76); }
.ax-about-page .about-result-image { grid-column: 1 / -1; grid-row: 1; padding: 7px; border-radius: 24px 12px 24px 24px; }
.ax-about-page .about-result-image img { width: 100%; height: clamp(180px, 20vw, 260px); border-radius: 18px 8px 18px 18px; }
.ax-about-page .about-result-name { grid-column: 1 / 3; grid-row: 2; }
.ax-about-page .about-result-metric { grid-column: 1 / 3; grid-row: 3; }
.ax-about-page .about-result-arrow { grid-column: 3; grid-row: 2; }
.ax-about-page .about-result:nth-child(3) .about-result-index,
.ax-about-page .about-result:nth-child(3) .about-result-name small,
.ax-about-page .about-result:nth-child(3) .about-result-metric > span { color: rgba(255, 255, 255, .58); }
.ax-about-page .about-result:nth-child(3) .about-result-arrow { color: #171411; }

/* ---------- Areas index: cartographic bento ---------- */
.ax-areas-index-page .ix-grid--areas {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 18px;
}
.ax-areas-index-page .ix-grid--areas .ix-card,
.ax-areas-index-page .ix-grid--areas .ix-card:nth-child(n) {
  grid-column: span 6;
  min-height: 260px;
  border: 0;
  border-radius: 34px 18px 34px 34px;
  padding: 34px;
  overflow: hidden;
  background:
    radial-gradient(circle at 100% 0, rgba(255, 146, 0, .12), transparent 38%),
    #f1eee8;
  box-shadow: inset 0 0 0 7px rgba(28, 25, 23, .035), inset 0 0 0 8px rgba(28, 25, 23, .07), 0 24px 72px rgba(76, 51, 24, .065);
  transition: transform .72s var(--card-ease), box-shadow .72s var(--card-ease), background-color .72s var(--card-ease);
}
.ax-areas-index-page .ix-grid--areas .ix-card:nth-child(6n + 1),
.ax-areas-index-page .ix-grid--areas .ix-card:nth-child(6n + 4) { grid-column: span 7; }
.ax-areas-index-page .ix-grid--areas .ix-card:nth-child(6n + 2),
.ax-areas-index-page .ix-grid--areas .ix-card:nth-child(6n + 3) { grid-column: span 5; border-radius: 18px 34px 34px 34px; }
.ax-areas-index-page .ix-grid--areas .ix-card:nth-child(6n + 5) { grid-column: span 4; }
.ax-areas-index-page .ix-grid--areas .ix-card:nth-child(6n) { grid-column: span 8; }
.ax-areas-index-page .ix-grid--areas .ix-card:nth-child(4n + 2) { background: #fff; }
.ax-areas-index-page .ix-grid--areas .ix-card--home,
.ax-areas-index-page .ix-grid--areas .ix-card--home:nth-child(n) {
  min-height: 330px;
  color: #fff;
  background:
    radial-gradient(circle at 88% 0, rgba(255, 146, 0, .26), transparent 35%),
    #171411;
  box-shadow: inset 0 0 0 7px rgba(255, 255, 255, .04), inset 0 0 0 8px rgba(255, 255, 255, .09), var(--card-dark-ambient);
}
.ax-areas-index-page .ix-grid--areas .ix-card:hover { transform: translateY(-9px) rotate(-.18deg); box-shadow: inset 0 0 0 7px rgba(255, 146, 0, .07), inset 0 0 0 8px rgba(156, 79, 0, .15), 0 38px 96px rgba(76, 51, 24, .13); }
.ax-areas-index-page .ix-card-index { font-family: var(--ax-serif); font-size: clamp(38px, 5vw, 68px); line-height: .8; letter-spacing: -.06em; color: rgba(28, 25, 23, .12); }
.ax-areas-index-page .ix-card--home .ix-card-index { color: rgba(255, 255, 255, .11); }
.ax-areas-index-page .ix-card-title { margin-top: auto; font-family: var(--ax-sans); font-size: clamp(25px, 2.6vw, 38px); letter-spacing: -.045em; }
.ax-areas-index-page .ix-info-grid .ix-faq {
  border: 0;
  border-radius: 34px 18px 34px 34px;
  padding: 38px;
  background: #f0ece4;
  box-shadow: inset 0 0 0 7px rgba(28, 25, 23, .035), inset 0 0 0 8px rgba(28, 25, 23, .065), var(--card-ambient);
}

/* ---------- Area detail pages: service, proof, pricing, nearby ---------- */
.ax-area-page .ar-contractor-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 18px;
}
.ax-area-page .ar-contractor-card {
  grid-column: span 6;
  border: 0;
  border-radius: 32px 16px 32px 32px;
  padding: 38px;
  background: #171716;
  box-shadow: inset 0 0 0 7px rgba(255, 255, 255, .025), inset 0 0 0 8px rgba(255, 255, 255, .07);
}
.ax-area-page .ar-contractor-card h3 { color: #fff; }
.ax-area-page .ar-contractor-card p { color: rgba(255, 255, 255, .7); }
.ax-area-page .ar-contractor-card li { color: rgba(255, 255, 255, .76); }
.ax-area-page .ar-contractor-card:nth-child(1) { grid-column: span 7; }
.ax-area-page .ar-contractor-card:nth-child(2) { grid-column: span 5; border-radius: 16px 32px 32px 32px; }
.ax-area-page .ar-contractor-card:nth-child(3) {
  grid-column: 3 / span 8;
  color: #17120c;
  background: #ff9200;
}
.ax-area-page .ar-contractor-card:nth-child(3) h3,
.ax-area-page .ar-contractor-card:nth-child(3) p,
.ax-area-page .ar-contractor-card:nth-child(3) li { color: #17120c; }

.ax-area-page .ar-pricing-plans { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; }
.ax-area-page .ar-pricing-plan {
  grid-column: span 5;
  border: 0;
  border-radius: 30px 16px 30px 30px;
  padding: 32px;
  background: #f0ece5;
  box-shadow: inset 0 0 0 7px rgba(28, 25, 23, .035), inset 0 0 0 8px rgba(28, 25, 23, .065);
}
.ax-area-page .ar-pricing-plan:nth-child(even) { grid-column: span 7; border-radius: 16px 30px 30px 30px; }
.ax-area-page .ar-pricing-plan:nth-child(3) { grid-column: 3 / span 8; }
.ax-area-page .ar-pricing-cta {
  grid-column: 1 / -1;
  border-radius: 36px 36px 18px 36px;
  box-shadow: inset 0 0 0 7px rgba(255, 255, 255, .04), inset 0 0 0 8px rgba(255, 255, 255, .09), var(--card-dark-ambient);
}

.ax-area-page .ar-nearby-grid { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; }
.ax-area-page .ar-nearby-card {
  grid-column: span 4;
  min-height: 170px;
  border: 0;
  border-radius: 28px 14px 28px 28px;
  padding: 28px;
  background: #f0ece5;
  box-shadow: inset 0 0 0 6px rgba(28, 25, 23, .035), inset 0 0 0 7px rgba(28, 25, 23, .065);
  transition: transform .64s var(--card-ease), box-shadow .64s var(--card-ease);
}
.ax-area-page .ar-nearby-card:nth-child(2) { grid-column: span 5; border-radius: 14px 28px 28px 28px; }
.ax-area-page .ar-nearby-card:nth-child(3) { grid-column: span 3; }
.ax-area-page .ar-nearby-card:hover { transform: translateY(-7px); box-shadow: inset 0 0 0 6px rgba(255, 146, 0, .07), inset 0 0 0 7px rgba(156, 79, 0, .15), 0 28px 72px rgba(76, 51, 24, .1); }

/* ---------- Partner + contact: modular service cards ---------- */
.ax-partner-page .ax-steps,
.ax-contact-page .ax-steps {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
}
.ax-partner-page .ax-step,
.ax-contact-page .ax-step {
  grid-column: span 3;
  min-height: 310px;
  border-radius: 32px 16px 32px 32px;
  box-shadow: inset 0 0 0 7px rgba(28, 25, 23, .035), inset 0 0 0 8px rgba(28, 25, 23, .07), 0 24px 72px rgba(76, 51, 24, .065);
  transition: transform .7s var(--card-ease), box-shadow .7s var(--card-ease);
}
.ax-partner-page .ax-step:first-child,
.ax-contact-page .ax-step:first-child { grid-column: span 4; }
.ax-partner-page .ax-step:nth-child(2),
.ax-contact-page .ax-step:nth-child(2) { grid-column: span 5; border-radius: 16px 32px 32px 32px; }
.ax-contact-page .ax-step:nth-child(1),
.ax-contact-page .ax-step:nth-child(4) { grid-column: span 5; }
.ax-contact-page .ax-step:nth-child(2),
.ax-contact-page .ax-step:nth-child(3) { grid-column: span 7; }
.ax-partner-page .ax-step:hover,
.ax-contact-page .ax-step:hover { transform: translateY(-8px); box-shadow: inset 0 0 0 7px rgba(255, 146, 0, .07), inset 0 0 0 8px rgba(156, 79, 0, .14), 0 34px 90px rgba(76, 51, 24, .12); }

.ax-partner-page .ax-fg-grid { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; }
.ax-partner-page .ax-fg-item {
  grid-column: span 6;
  min-height: 310px;
  border: 0;
  border-radius: 34px 18px 34px 34px;
  padding: 34px;
  background: #f0ece5;
  box-shadow: inset 0 0 0 7px rgba(28, 25, 23, .035), inset 0 0 0 8px rgba(28, 25, 23, .065), var(--card-ambient);
}
.ax-partner-page .ax-fg-item:nth-child(1),
.ax-partner-page .ax-fg-item:nth-child(4) { grid-column: span 7; }
.ax-partner-page .ax-fg-item:nth-child(2),
.ax-partner-page .ax-fg-item:nth-child(3) { grid-column: span 5; border-radius: 18px 34px 34px 34px; }
.ax-partner-page .ax-fg-item:nth-child(2) { color: #fff; background: #171411; }
.ax-partner-page .ax-fg-item:nth-child(2) p,
.ax-partner-page .ax-fg-item:nth-child(2) li { color: rgba(255, 255, 255, .62); }

.ax-partner-page .partner-earnings { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; }
.ax-partner-page .partner-earning-shell { grid-column: span 4; border: 0; border-radius: 36px 18px 36px 36px; }
.ax-partner-page .partner-earning-shell:nth-child(1) { grid-column: span 4; }
.ax-partner-page .partner-earning-shell:nth-child(2) { grid-column: span 5; transform: translateY(28px); border-radius: 18px 36px 36px 36px; }
.ax-partner-page .partner-earning-shell:nth-child(3) { grid-column: span 3; }
.ax-partner-page .partner-earning { min-height: 330px; }
.ax-partner-page .partner-proof { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 12px; border: 0; }
.ax-partner-page .partner-proof div {
  grid-column: span 3;
  border: 0;
  border-radius: 22px 10px 22px 22px;
  padding: 24px;
  background: rgba(255, 255, 255, .62);
  box-shadow: inset 0 0 0 1px rgba(28, 25, 23, .07);
}

.ax-contact-page .ax-contact-form {
  border-radius: 38px 20px 38px 38px;
  padding: clamp(28px, 4vw, 52px);
  background:
    radial-gradient(circle at 100% 0, rgba(255, 146, 0, .13), transparent 38%),
    #f0ece5;
  box-shadow: inset 0 0 0 8px rgba(28, 25, 23, .035), inset 0 0 0 9px rgba(28, 25, 23, .065), var(--card-ambient);
}
.ax-contact-page .ax-contact-hours > div {
  padding: 18px 20px;
  border-radius: 20px 10px 20px 20px;
  background: #f0ece5;
  box-shadow: inset 0 0 0 1px rgba(28, 25, 23, .07);
}
.ax-contact-page .ax-map-bezel { padding: 10px; border: 0; border-radius: 38px 20px 38px 38px; }
.ax-contact-page .ax-map-frame { border-radius: 29px 12px 29px 29px; }

/* ---------- Responsive collapse: remove offsets and rotations ---------- */
@media (max-width: 900px) {
  .tool-page .tool-panels,
  .ax-about-page .about-facts,
  .ax-about-page .about-results,
  .ax-areas-index-page .ix-grid--areas,
  .ax-area-page .ar-contractor-grid,
  .ax-area-page .ar-pricing-plans,
  .ax-area-page .ar-nearby-grid,
  .ax-partner-page .ax-steps,
  .ax-contact-page .ax-steps,
  .ax-partner-page .ax-fg-grid,
  .ax-partner-page .partner-earnings,
  .ax-partner-page .partner-proof { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .tool-page .tool-panel,
  .tool-page .tool-panel:nth-child(n),
  .ax-about-page .about-facts > div,
  .ax-about-page .about-facts > div:nth-child(n),
  .ax-about-page .about-result,
  .ax-about-page .about-result:nth-child(n),
  .ax-areas-index-page .ix-grid--areas .ix-card,
  .ax-areas-index-page .ix-grid--areas .ix-card:nth-child(n),
  .ax-area-page .ar-contractor-card,
  .ax-area-page .ar-contractor-card:nth-child(n),
  .ax-area-page .ar-pricing-plan,
  .ax-area-page .ar-pricing-plan:nth-child(n),
  .ax-area-page .ar-pricing-cta,
  .ax-area-page .ar-nearby-card,
  .ax-area-page .ar-nearby-card:nth-child(n),
  .ax-partner-page .ax-step,
  .ax-partner-page .ax-step:nth-child(n),
  .ax-contact-page .ax-step,
  .ax-contact-page .ax-step:nth-child(n),
  .ax-partner-page .ax-fg-item,
  .ax-partner-page .ax-fg-item:nth-child(n),
  .ax-partner-page .partner-earning-shell,
  .ax-partner-page .partner-earning-shell:nth-child(n),
  .ax-partner-page .partner-proof div { grid-column: span 1; transform: none; }

  .tool-page .tool-panel--ours { grid-column: 1 / -1; }
  .ax-about-page .about-result:nth-child(3),
  .ax-area-page .ar-contractor-card:nth-child(3),
  .ax-area-page .ar-pricing-cta { grid-column: 1 / -1; }
}

@media (max-width: 700px) {
  .tool-page .tool-panels,
  .ax-about-page .about-facts,
  .ax-about-page .about-results,
  .ax-areas-index-page .ix-grid--areas,
  .ax-area-page .ar-contractor-grid,
  .ax-area-page .ar-pricing-plans,
  .ax-area-page .ar-nearby-grid,
  .ax-partner-page .ax-steps,
  .ax-contact-page .ax-steps,
  .ax-partner-page .ax-fg-grid,
  .ax-partner-page .partner-earnings,
  .ax-partner-page .partner-proof { grid-template-columns: 1fr; }

  .tool-page .tool-panel--ours { display: block; min-height: 0; }
  .tool-page .tool-panel,
  .tool-page .tool-panel:nth-child(n),
  .ax-about-page .about-facts > div,
  .ax-about-page .about-facts > div:nth-child(n),
  .ax-about-page .about-result,
  .ax-about-page .about-result:nth-child(n),
  .ax-areas-index-page .ix-grid--areas .ix-card,
  .ax-areas-index-page .ix-grid--areas .ix-card:nth-child(n),
  .ax-area-page .ar-contractor-card,
  .ax-area-page .ar-contractor-card:nth-child(n),
  .ax-area-page .ar-pricing-plan,
  .ax-area-page .ar-pricing-plan:nth-child(n),
  .ax-area-page .ar-pricing-cta,
  .ax-area-page .ar-nearby-card,
  .ax-area-page .ar-nearby-card:nth-child(n),
  .ax-partner-page .ax-step,
  .ax-partner-page .ax-step:nth-child(n),
  .ax-contact-page .ax-step,
  .ax-contact-page .ax-step:nth-child(n),
  .ax-partner-page .ax-fg-item,
  .ax-partner-page .ax-fg-item:nth-child(n),
  .ax-partner-page .partner-earning-shell,
  .ax-partner-page .partner-earning-shell:nth-child(n),
  .ax-partner-page .partner-proof div { grid-column: auto; width: 100%; min-height: 0; margin: 0; transform: none; }

  .ax-glossary-page .gl-card:nth-child(n) { transform: none; border-radius: 28px 14px 28px 28px; }
  .ax-glossary-page .gl-card:nth-child(n):hover { transform: translateY(-5px); }
  .ax-about-page .about-step:nth-child(n) { margin-inline: 0; }
  .ax-about-page .about-step[open] { transform: none; }
  .ax-about-page .about-result { grid-template-columns: 1fr 44px; padding: 26px; }
  .ax-about-page .about-result-index { display: none; }
  .ax-about-page .about-result-image { grid-column: 1 / -1; }
  .ax-about-page .about-result-name { grid-column: 1; }
  .ax-about-page .about-result-metric { grid-column: 1; }
  .ax-about-page .about-result-arrow { grid-column: 2; grid-row: 2; }
  .ax-contact-page .ax-contact-form { padding: 28px 22px; }
}

@media (prefers-reduced-motion: reduce) {
  .ax-glossary-page .gl-card,
  .ax-about-page .about-step,
  .ax-about-page .about-result,
  .ax-areas-index-page .ix-grid--areas .ix-card,
  .ax-area-page .ar-nearby-card,
  .ax-partner-page .ax-step,
  .ax-contact-page .ax-step { transition: none; }
}