.ix-a { background: var(--cream); padding: 96px 0 120px; }
.ix-a__head { text-align: center; margin-bottom: 56px; max-width: 760px; margin-inline: auto; }
.ix-a__head h2 { font-family: var(--font-serif); font-weight: 400; font-size: clamp(32px, 4.6vw, 60px); margin: 0; line-height: 1.05; }

.ix-a__stage {
  position: relative;
  max-width: 640px;
  margin: 0 auto 40px;
  padding: 40px;
  background: var(--white);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
}
.ix-a__pulse {
  position: absolute;
  inset: -12px;
  border: 2px solid var(--teal);
  border-radius: calc(var(--radius-lg) + 12px);
  opacity: 0.3;
  animation: ixPulse 3s ease-in-out infinite;
  pointer-events: none;
}
@keyframes ixPulse {
  0%, 100% { transform: scale(1); opacity: 0.35; }
  50%      { transform: scale(1.02); opacity: 0.15; }
}

.ix-a__tool { display: grid; grid-template-columns: 1fr; gap: 32px; }
@media (min-width: 700px) { .ix-a__tool { grid-template-columns: 1fr 240px; align-items: center; } }

.ix-a__sliders { display: flex; flex-direction: column; gap: 22px; }
.ix-a__sliders label { display: grid; grid-template-columns: 90px 1fr 84px; align-items: center; gap: 12px; }
.ix-a__label { color: var(--teal); font-size: 11px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; }
.ix-a__val { font-family: var(--font-serif); color: var(--navy); font-size: 17px; text-align: right; }
.ix-a__sliders input[type=range] {
  -webkit-appearance: none;
  appearance: none;
  height: 3px;
  background: var(--line);
  border-radius: 2px;
  outline: none;
}
.ix-a__sliders input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px; height: 18px;
  border-radius: 50%;
  background: var(--teal);
  cursor: pointer;
  border: 3px solid var(--white);
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.ix-a__sliders input[type=range]::-moz-range-thumb {
  width: 18px; height: 18px;
  border-radius: 50%;
  background: var(--teal);
  cursor: pointer;
  border: 3px solid var(--white);
}

.ix-a__result {
  background: var(--cream);
  padding: 24px 20px;
  border-radius: var(--radius-md);
  text-align: center;
}
.ix-a__result-label { color: var(--teal); font-size: 11px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 8px; }
.ix-a__result-value { font-family: var(--font-serif); font-size: 44px; color: var(--navy); line-height: 1; font-variant-numeric: tabular-nums; }
.ix-a__unit { color: var(--ink-muted); font-size: 18px; margin-left: 2px; }

.ix-a__foot { text-align: center; display: flex; gap: 14px; justify-content: center; align-items: center; flex-wrap: wrap; color: var(--ink-muted); font-size: 15px; }
.ix-a__link { color: var(--teal); font-weight: 600; border-bottom: 1px solid var(--teal); padding-bottom: 2px; }