/* ============================================================ */
/* AX KURGU — sunum hikâye akışına özel ek bileşenler            */
/* (styles.css token & utility'lerini kullanır)                  */
/* ============================================================ */
.ax-sec { padding: clamp(64px, 10vw, 130px) var(--side-pad); }
.ax-sec__inner { max-width: var(--max-w); margin: 0 auto; }
.ax-sec--ink { background: var(--ink); color: var(--on-dark-body); }
.ax-sec--paper { background: var(--paper); }
.ax-sec--soft { background: var(--paper-soft); }
.ax-sec--ink .display-h2 { color: var(--paper); }
.ax-sec--ink .display-sub { color: var(--on-dark-body); }

.ax-head { max-width: 880px; margin-bottom: clamp(40px, 6vw, 68px); }
.ax-head .eyebrow { margin-bottom: 22px; }
.ax-head .display-h2 { margin-bottom: 22px; }

/* ---- HERO + EVRİM ---- */
.ax-hero { background: var(--ink); color: var(--on-dark-body);
  padding: clamp(48px,7vw,80px) var(--side-pad) clamp(60px,9vw,110px); }
.ax-hero__inner { max-width: var(--max-w); margin: 0 auto; }
.ax-hero__eyebrow { color: var(--acid); margin-bottom: 28px; }
.ax-evo { display: flex; align-items: baseline; gap: clamp(8px,1.6vw,20px); flex-wrap: wrap; margin: 0 0 30px; }
.ax-evo__step { font-family: var(--font-display); font-weight: 800; letter-spacing: -4px; line-height: 0.85; }
.ax-evo__step--gui { font-size: clamp(34px,5vw,72px); color: var(--mute); }
.ax-evo__step--ux  { font-size: clamp(46px,7vw,104px); color: var(--on-dark-body); }
.ax-evo__step--uax { font-size: clamp(40px,8vw,116px); color: var(--mint); letter-spacing: -3px; white-space: nowrap; }
.ax-evo__step--uax .ax-dot { color: var(--coral); }
.ax-evo__arrow { font-size: clamp(22px,3vw,48px); color: var(--coral); font-weight: 800; }
.ax-hero__lead {
  font-size: clamp(20px, 2.6vw, 30px); line-height: 1.35; font-weight: 700;
  color: var(--paper); max-width: 760px; margin: 0 0 18px;
}
.ax-hero__lead em { color: var(--mint); font-style: normal; }
.ax-hero__sub { font-size: clamp(16px,2vw,19px); line-height: 1.55; color: var(--on-dark-body); max-width: 680px; margin: 0 0 38px; }
.ax-hero__rule { height: 1px; background: var(--on-dark-line); margin: 40px 0 20px; }
.ax-hero__foot {
  display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px;
  font-family: var(--font-mono); font-size: 11px; letter-spacing: 1.4px;
  color: var(--mute); text-transform: uppercase;
}
.ax-hero__foot strong { color: var(--paper); font-weight: 600; }

/* ---- FUNNEL ---- */
.ax-funnel { display: grid; grid-template-columns: 1.4fr 1fr; gap: clamp(28px,5vw,64px); align-items: center; }
.ax-bars { display: flex; flex-direction: column; gap: 14px; }
.ax-bar-row { display: flex; align-items: center; gap: 20px; }
.ax-bar-row__num {
  font-family: var(--font-display); font-weight: 800; letter-spacing: -1px;
  font-size: clamp(22px,2.6vw,34px); width: 90px; text-align: right; flex: 0 0 90px;
}
.ax-bar-row__num--b { color: #2D6FF0; }
.ax-bar-row__num--y { color: var(--coral); }
.ax-bar-row__num--g { color: var(--mint); }
.ax-bar {
  height: 52px; border-radius: 8px; display: flex; align-items: center;
  padding-left: 18px; color: var(--paper); font-weight: 600; font-size: 14px;
}
.ax-bar--1 { width: 100%; background: #2D6FF0; }
.ax-bar--2 { width: 62%; background: #2D6FF0; }
.ax-bar--3 { width: 33%; background: var(--coral); }
.ax-bar--4 { width: 16%; background: var(--mint); color: var(--ink); min-width: 116px; }
.ax-fnl-arrow { color: var(--mute); font-size: 16px; margin: -4px 0 -4px 36px; }
.ax-loss {
  background: var(--ink-soft); border-left: 4px solid var(--coral);
  border-radius: 12px; padding: 32px 30px;
}
.ax-loss__big {
  font-family: var(--font-display); font-size: clamp(58px,7.5vw,96px);
  font-weight: 800; letter-spacing: -4px; line-height: 0.9; color: var(--coral); margin: 0;
}
.ax-loss__lead { font-size: 17px; font-weight: 700; color: var(--paper); margin: 12px 0 16px; }
.ax-loss__body { font-size: 14.5px; line-height: 1.6; color: var(--on-dark-body); margin: 0; }
.ax-loss__body strong { color: var(--paper); }

/* ---- SPLIT (statik UX) ---- */
.ax-split { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.ax-panel { border-radius: 16px; padding: 32px 30px; }
.ax-panel--sand { background: var(--sand); border-top: 4px solid var(--mute); }
.ax-panel--blue { background: var(--paper-soft); border-top: 4px solid #2D6FF0; }
.ax-panel__cap {
  font-family: var(--font-mono); font-size: 11px; font-weight: 600; letter-spacing: 1.5px;
  text-transform: uppercase; color: var(--mute); display: block; margin-bottom: 22px;
}
.ax-panel--blue .ax-panel__cap { color: #2D6FF0; }
.ax-uxline {
  display: flex; align-items: center; gap: 12px; background: var(--paper);
  border: 1px solid var(--line-paper); border-radius: 10px; padding: 16px 18px;
  margin-bottom: 12px; font-weight: 600; font-size: 15px;
}
.ax-uxline .material-symbols-rounded { color: var(--mute); font-size: 22px; }
.ax-difflist { display: flex; flex-direction: column; gap: 12px; }
.ax-diff { display: flex; align-items: center; gap: 12px; font-size: 15px; font-weight: 600; color: var(--ink); }
.ax-diff .material-symbols-rounded { color: #2D6FF0; font-size: 20px; }
.ax-note { font-style: italic; color: var(--mute); font-size: 14px; margin: 20px 0 0; }

/* ---- SIGNAL (ChatGPT dışarıda) ---- */
.ax-signal { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px,5vw,60px); align-items: center; }
.ax-phone {
  background: var(--ink-soft); border: 1px solid var(--on-dark-line);
  border-radius: 18px; padding: 26px;
}
.ax-phone__head {
  display: flex; align-items: center; gap: 12px; margin-bottom: 22px;
  font-family: var(--font-mono); font-size: 11px; letter-spacing: 1.2px; color: var(--mute);
}
.ax-phone__head .material-symbols-rounded { color: var(--on-dark-body); font-size: 20px; }
.ax-msg { border-radius: 12px; padding: 16px 18px; margin-bottom: 14px; font-size: 15px; line-height: 1.5; }
.ax-msg--user { background: #2c2825; color: var(--paper); font-style: italic; }
.ax-msg--bot { background: #211e1b; color: var(--on-dark-body); border: 1px solid var(--on-dark-line); }
.ax-tag-out {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--font-mono); font-size: 11px; letter-spacing: 1.4px; text-transform: uppercase;
  color: var(--mute);
}

/* ---- CAPS (ChatGPT ✓/✗) ---- */
.ax-caps { display: grid; grid-template-columns: 1fr 1.1fr; gap: clamp(28px,5vw,60px); align-items: center; }
.ax-caps__list { background: var(--ink-soft); border-radius: 16px; padding: 14px 28px; border-top: 4px solid var(--coral); }
.ax-cap { display: flex; align-items: center; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--on-dark-line); }
.ax-cap:last-child { border-bottom: 0; }
.ax-cap__ic { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; flex: 0 0 26px; }
.ax-cap__ic .material-symbols-rounded { font-size: 18px; font-variation-settings: 'wght' 600; }
.ax-cap--yes .ax-cap__ic { background: rgba(159,232,112,0.16); color: var(--mint); }
.ax-cap--no  .ax-cap__ic { background: rgba(255,107,71,0.15); color: var(--coral); }
.ax-cap__txt { font-size: 16px; font-weight: 600; }
.ax-cap--yes .ax-cap__txt { color: var(--paper); }
.ax-cap--no  .ax-cap__txt { color: var(--on-dark-body); }
.ax-caps__brand { font-family: var(--font-mono); font-size: 11px; letter-spacing: 1.5px; color: var(--mute); text-transform: uppercase; margin: 0 0 12px; }

/* ---- TRANSFORM (UX → AX) ---- */
.ax-vs { display: grid; grid-template-columns: 1fr auto 1fr; gap: 24px; align-items: stretch; }
.ax-card { border-radius: 16px; padding: clamp(28px,3.5vw,44px); display: flex; flex-direction: column; }
.ax-card--ux { background: var(--sand); border-top: 5px solid var(--mute); }
.ax-card--ax { background: var(--ink); border-top: 5px solid var(--mint); color: var(--on-dark-body); }
.ax-card__big { font-family: var(--font-display); font-size: clamp(44px,5.5vw,72px); font-weight: 800; letter-spacing: -2px; line-height: 1; margin: 0 0 6px; }
.ax-card--ux .ax-card__big { color: var(--ink); }
.ax-card--ax .ax-card__big { color: var(--mint); }
.ax-card__role { font-family: var(--font-mono); font-size: 11px; letter-spacing: 1.6px; text-transform: uppercase; color: var(--mute); margin-bottom: 22px; }
.ax-card__txt { font-size: 16px; line-height: 1.55; margin: 0; }
.ax-card--ux .ax-card__txt { color: var(--ink-soft); }
.ax-card--ax .ax-card__txt { color: var(--on-dark-body); }
.ax-card--ax .ax-card__txt strong { color: var(--paper); }
.ax-arrow { display: flex; align-items: center; color: var(--mint); }

/* ---- ENGINES (4 motor) ---- */
.ax-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.ax-engine { background: var(--ink-soft); border-radius: 14px; padding: 30px 28px; border-top: 4px solid var(--mute); }
.ax-engine--y { border-top-color: #E5A82E; }
.ax-engine--b { border-top-color: #2D6FF0; }
.ax-engine--g { border-top-color: var(--mint); }
.ax-engine--p { border-top-color: #8B5CF6; }
.ax-engine__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.ax-engine__name { display: flex; align-items: center; gap: 12px; font-size: 22px; font-weight: 800; letter-spacing: -0.5px; }
.ax-engine__ic { width: 38px; height: 38px; border-radius: 9px; display: grid; place-items: center; color: var(--ink); }
.ax-engine__ic .material-symbols-rounded { font-size: 22px; }
.ax-engine--y .ax-engine__ic { background: #E5A82E; } .ax-engine--y .ax-engine__name { color: #E5A82E; }
.ax-engine--b .ax-engine__ic { background: #2D6FF0; color: var(--paper); } .ax-engine--b .ax-engine__name { color: #5B8DF5; }
.ax-engine--g .ax-engine__ic { background: var(--mint); } .ax-engine--g .ax-engine__name { color: var(--mint); }
.ax-engine--p .ax-engine__ic { background: #8B5CF6; color: var(--paper); } .ax-engine--p .ax-engine__name { color: #A98BF7; }
.ax-engine__role { font-family: var(--font-mono); font-size: 10px; letter-spacing: 1.4px; color: var(--mute); text-transform: uppercase; }
.ax-engine__desc { font-size: 14.5px; line-height: 1.6; color: var(--on-dark-body); margin: 0; }

/* ---- ONE MESSAGE ---- */
.ax-om__q { background: var(--ink-soft); border: 1px solid var(--on-dark-line); border-radius: 14px; padding: 26px 28px; margin-bottom: 16px; }
.ax-om__qcap { font-family: var(--font-mono); font-size: 10px; letter-spacing: 1.5px; color: var(--mute); text-transform: uppercase; }
.ax-om__qtext { font-size: clamp(20px,2.4vw,28px); font-weight: 700; font-style: italic; color: var(--paper); margin: 10px 0 0; }
.ax-om__lead { font-size: 15px; color: var(--on-dark-body); margin: 0 0 28px; max-width: 620px; }
.ax-om__rows { display: flex; flex-direction: column; gap: 12px; }
.ax-om__row { display: grid; grid-template-columns: 220px 1fr; gap: 20px; align-items: center; background: var(--ink-soft); border-radius: 12px; padding: 18px 22px; border-left: 4px solid var(--mute); }
.ax-om__row--y { border-left-color: #E5A82E; }
.ax-om__row--b { border-left-color: #2D6FF0; }
.ax-om__row--g { border-left-color: var(--mint); }
.ax-om__row--p { border-left-color: #8B5CF6; }
.ax-om__eng { display: flex; align-items: center; gap: 12px; font-weight: 800; font-size: 17px; }
.ax-om__eng .material-symbols-rounded { font-size: 22px; }
.ax-om__row--y .ax-om__eng { color: #E5A82E; }
.ax-om__row--b .ax-om__eng { color: #5B8DF5; }
.ax-om__row--g .ax-om__eng { color: var(--mint); }
.ax-om__row--p .ax-om__eng { color: #A98BF7; }
.ax-om__txt { font-size: 14.5px; color: var(--on-dark-body); }
.ax-om__txt code { font-family: var(--font-mono); font-size: 13px; color: var(--acid); }
.ax-om__foot { font-family: var(--font-display); font-weight: 800; font-size: clamp(20px,2.4vw,30px); letter-spacing: -1px; color: var(--paper); margin: 28px 0 0; }
.ax-om__foot span { color: var(--mint); }

/* ---- JOURNEY ---- */
.ax-grid4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.ax-step { background: var(--paper); border: 1px solid var(--line-paper); border-radius: 14px; padding: 28px 24px; border-top: 4px solid var(--mute); }
.ax-step--y { border-top-color: #E5A82E; }
.ax-step--b { border-top-color: #2D6FF0; }
.ax-step--g { border-top-color: var(--forest); }
.ax-step--p { border-top-color: #8B5CF6; }
.ax-step__n { font-family: var(--font-mono); font-size: 13px; font-weight: 700; letter-spacing: 1px; }
.ax-step--y .ax-step__n { color: #C98A12; }
.ax-step--b .ax-step__n { color: #2D6FF0; }
.ax-step--g .ax-step__n { color: var(--forest); }
.ax-step--p .ax-step__n { color: #8B5CF6; }
.ax-step__ic { margin: 14px 0 16px; }
.ax-step__ic .material-symbols-rounded { font-size: 34px; color: var(--ink); }
.ax-step__t { font-size: 20px; font-weight: 800; letter-spacing: -0.5px; margin: 0 0 10px; }
.ax-step__d { font-size: 14px; line-height: 1.55; color: var(--ink-soft); margin: 0; }

/* ---- GAMIFICATION (eski vs yeni) ---- */
.ax-gami { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 24px; align-items: stretch; }
.ax-gami__old { background: var(--sand); border-radius: 16px; padding: clamp(28px,3.5vw,40px); border-top: 5px solid var(--mute); }
.ax-gami__new { background: var(--ink); border-radius: 16px; padding: clamp(28px,3.5vw,40px); border-top: 5px solid var(--mint); }
.ax-gami__cap { font-family: var(--font-mono); font-size: 11px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; display: block; margin-bottom: 20px; }
.ax-gami__old .ax-gami__cap { color: var(--mute); }
.ax-gami__new .ax-gami__cap { color: var(--mint); }
.ax-old-item { display: flex; align-items: center; gap: 14px; font-size: 19px; font-weight: 700; color: var(--ink-soft); padding: 14px 0; }
.ax-old-item .ax-emoji { font-size: 26px; filter: grayscale(0.4); opacity: 0.8; }
.ax-new-step { display: flex; gap: 16px; align-items: flex-start; padding: 14px 0; border-bottom: 1px solid var(--on-dark-line); }
.ax-new-step:last-child { border-bottom: 0; }
.ax-new-step .material-symbols-rounded { color: var(--mint); font-size: 22px; flex: 0 0 22px; margin-top: 2px; }
.ax-new-step p { margin: 0; font-size: 15.5px; color: var(--paper); font-weight: 600; line-height: 1.45; }
.ax-gami__tag { display: inline-block; margin-top: 22px; font-family: var(--font-mono); font-size: 12px; font-weight: 600; letter-spacing: 1.4px; text-transform: uppercase; color: var(--acid); }

/* ---- CASE STUDY ---- */
.ax-cs { display: grid; grid-template-columns: 1.5fr 1fr; gap: clamp(28px,4vw,52px); align-items: start; }
.ax-cs__stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-bottom: 36px; }
.ax-stat { background: var(--paper-soft); border: 1px solid var(--line-paper); border-radius: 14px; padding: 24px 22px; border-top: 4px solid var(--mute); }
.ax-stat--p { border-top-color: #8B5CF6; } .ax-stat--b { border-top-color: #2D6FF0; } .ax-stat--g { border-top-color: var(--forest); }
.ax-stat__n { font-family: var(--font-display); font-size: clamp(38px,4.5vw,58px); font-weight: 800; letter-spacing: -2px; line-height: 1; margin: 0; }
.ax-stat--p .ax-stat__n { color: #8B5CF6; } .ax-stat--b .ax-stat__n { color: #2D6FF0; } .ax-stat--g .ax-stat__n { color: var(--forest); }
.ax-stat__l { font-size: 13px; color: var(--ink-soft); margin: 8px 0 0; }
.ax-cats { display: flex; flex-direction: column; gap: 14px; }
.ax-cat__top { display: flex; justify-content: space-between; font-size: 14px; font-weight: 600; margin-bottom: 6px; }
.ax-cat__pct { font-family: var(--font-mono); }
.ax-cat__track { height: 12px; background: var(--sand); border-radius: 6px; overflow: hidden; }
.ax-cat__fill { height: 100%; background: #2D6FF0; border-radius: 6px; }
.ax-issues { background: var(--ink); border-radius: 16px; padding: 30px 28px; border-top: 4px solid #8B5CF6; }
.ax-issues__cap { font-family: var(--font-mono); font-size: 11px; font-weight: 600; letter-spacing: 1.4px; color: #A98BF7; text-transform: uppercase; display: block; margin-bottom: 18px; line-height: 1.5; }
.ax-issue { background: var(--ink-soft); border-radius: 10px; padding: 16px 18px; margin-bottom: 12px; }
.ax-issue:last-child { margin-bottom: 0; }
.ax-issue__top { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.ax-issue__rank { font-family: var(--font-mono); font-size: 11px; color: #A98BF7; }
.ax-issue__count { font-family: var(--font-display); font-weight: 800; color: #E5A82E; font-size: 20px; }
.ax-issue__t { color: var(--paper); font-size: 14.5px; font-weight: 600; margin: 6px 0 0; line-height: 1.4; }
.ax-cs__punch { font-family: var(--font-display); font-weight: 800; font-size: clamp(22px,3vw,38px); letter-spacing: -1px; line-height: 1.1; margin: clamp(36px,5vw,56px) 0 0; }
.ax-cs__punch span { color: var(--forest); }

/* ---- SETUP ---- */
.ax-setup-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 0; }
.ax-su { padding: 30px 26px; border-top: 4px solid var(--mute); position: relative; }
.ax-su:not(:last-child)::after { content: "→"; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); color: var(--mute); font-size: 22px; z-index: 2; }
.ax-su--y { border-top-color: #E5A82E; }
.ax-su--b { border-top-color: #2D6FF0; }
.ax-su--g { border-top-color: var(--mint); }
.ax-su--p { border-top-color: #8B5CF6; }
.ax-su__n { font-family: var(--font-mono); font-size: 13px; font-weight: 700; }
.ax-su--y .ax-su__n { color: #E5A82E; } .ax-su--b .ax-su__n { color: #5B8DF5; }
.ax-su--g .ax-su__n { color: var(--mint); } .ax-su--p .ax-su__n { color: #A98BF7; }
.ax-su__ic { margin: 14px 0 14px; }
.ax-su__ic .material-symbols-rounded { font-size: 32px; color: var(--paper); }
.ax-su__t { font-size: 19px; font-weight: 800; color: var(--paper); margin: 0 0 10px; }
.ax-su__d { font-size: 13.5px; line-height: 1.55; color: var(--on-dark-body); margin: 0; }
.ax-badge-ship { display: inline-flex; align-items: baseline; gap: 12px; border-left: 4px solid var(--mint); padding: 14px 22px; background: var(--ink-soft); border-radius: 0 12px 12px 0; margin-bottom: 38px; }
.ax-badge-ship strong { font-family: var(--font-display); font-size: 34px; font-weight: 800; color: var(--mint); letter-spacing: -1px; }
.ax-badge-ship span { font-family: var(--font-mono); font-size: 11px; letter-spacing: 1.4px; color: var(--mute); text-transform: uppercase; }
.ax-nots { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.ax-not-chip { display: inline-flex; align-items: center; gap: 8px; background: var(--ink-soft); border: 1px solid var(--on-dark-line); border-radius: 999px; padding: 10px 18px; font-size: 13px; font-weight: 600; color: var(--on-dark-body); }
.ax-not-chip .material-symbols-rounded { color: var(--coral); font-size: 18px; }

/* ---- FUTURE ---- */
.ax-future { background: var(--ink); color: var(--on-dark-body); padding: clamp(70px,10vw,140px) var(--side-pad); text-align: center; }
.ax-future__inner { max-width: 920px; margin: 0 auto; }
.ax-future__eyebrow { color: var(--mint); margin-bottom: 28px; justify-content: center; }
.ax-future__h { font-family: var(--font-display); font-size: clamp(38px,6vw,80px); font-weight: 800; letter-spacing: -2.5px; line-height: 1.0; color: var(--paper); margin: 0 0 26px; }
.ax-future__h em { color: var(--mint); font-style: normal; }
.ax-future__lines { font-size: clamp(16px,2vw,20px); line-height: 1.7; color: var(--on-dark-body); margin: 0 auto 14px; max-width: 660px; }
.ax-future__punch { font-size: clamp(18px,2.2vw,24px); font-weight: 700; color: var(--paper); margin: 26px 0 40px; }
.ax-future__punch span { color: var(--acid); }
.ax-future__btns { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-bottom: 22px; }
.ax-future__reassure { font-family: var(--font-mono); font-size: 11px; letter-spacing: 1.5px; color: var(--mute); text-transform: uppercase; }

/* ---- LANG SWITCH (nav) ---- */
.lang-switch { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-mono); font-size: 11px; letter-spacing: 1px; }
.lang-switch__opt { color: var(--mute); transition: color .15s; padding: 2px 4px; }
.lang-switch__opt:hover { color: var(--ink); }
.lang-switch__opt.is-active { color: var(--ink); font-weight: 700; }
.lang-switch__sep { color: var(--line-paper); }

/* ---- FAQ (native <details>, JS yok) ---- */
.ax-faq { max-width: 860px; }
.ax-faq__item { border-bottom: 1px solid var(--line-paper); }
.ax-faq__item:first-child { border-top: 1px solid var(--line-paper); }
.ax-faq__q {
  display: flex; justify-content: space-between; align-items: center; gap: 20px;
  cursor: pointer; padding: 24px 4px; list-style: none;
  font-size: clamp(17px,2vw,21px); font-weight: 700; letter-spacing: -0.3px; color: var(--ink);
}
.ax-faq__q::-webkit-details-marker { display: none; }
.ax-faq__q:hover { color: var(--coral); }
.ax-faq__ic { color: var(--coral); transition: transform .2s ease; flex: 0 0 auto; }
.ax-faq__item[open] .ax-faq__ic { transform: rotate(45deg); }
.ax-faq__a { margin: 0; padding: 0 4px 26px; max-width: 760px; font-size: 16px; line-height: 1.65; color: var(--ink-soft); }
.ax-faq__a strong { color: var(--ink); }

/* ---- responsive ---- */
@media (max-width: 920px) {
  .ax-funnel, .ax-split, .ax-signal, .ax-caps, .ax-cs, .ax-gami { grid-template-columns: 1fr; }
  .ax-vs { grid-template-columns: 1fr; }
  .ax-arrow { transform: rotate(90deg); justify-content: center; }
  .ax-grid2, .ax-grid4, .ax-setup-grid, .ax-cs__stats { grid-template-columns: 1fr 1fr; }
  .ax-su::after { display: none; }
  .ax-om__row { grid-template-columns: 1fr; gap: 8px; }
}
@media (max-width: 560px) {
  .ax-grid2, .ax-grid4, .ax-setup-grid, .ax-cs__stats { grid-template-columns: 1fr; }
}