/* 요금제 페이지 */

.pricing-head { display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--sp-5); padding: var(--sp-16) 0 var(--sp-12); }
.pricing-head .h2 { white-space: pre-line; }

.plans { display: grid; grid-template-columns: 1fr; gap: var(--sp-6); }
@media (min-width: 768px) { .plans { grid-template-columns: 1fr 1fr; gap: var(--sp-6); } }

.plan-sub { display: flex; flex-direction: column; gap: var(--sp-5); }
.plan-sub__title { font-size: var(--fs-h4); font-weight: 700; color: var(--color-ink); }
.plan-sub__desc { font-size: var(--fs-body-sm); color: var(--color-gray-600); }
.plan-sub__label { font-size: var(--fs-small); font-weight: 600; color: var(--color-gray-700); margin-bottom: var(--sp-2); }

/* 계산기 */
.calc { display: flex; flex-direction: column; gap: var(--sp-5); }
.calc__field { display: flex; align-items: center; gap: var(--sp-3); }
.calc__input {
  width: 100%; padding: var(--sp-4) var(--sp-5);
  border: 1px solid var(--color-gray-200); border-radius: var(--radius-sm);
  font-family: inherit; font-size: var(--fs-body); font-weight: 600; color: var(--color-ink);
  background: var(--color-white);
}
.calc__input:focus { outline: 2px solid var(--color-primary-300); border-color: var(--color-primary-300); }
.calc__unit { font-size: var(--fs-body-sm); color: var(--color-gray-600); flex: 0 0 auto; }
.calc__result {
  border: 1px solid var(--color-primary-100); border-radius: var(--radius-sm);
  background: var(--color-white); padding: var(--sp-5);
  display: flex; flex-direction: column; gap: var(--sp-1);
}
.calc__result-label { font-size: var(--fs-small); color: var(--color-gray-500); }
.calc__result-value { font-size: 28px; font-weight: 800; color: var(--color-primary-600); letter-spacing: -0.02em; }
.calc__result-value small { font-size: var(--fs-small); font-weight: 400; color: var(--color-gray-500); letter-spacing: 0; }

/* Enterprise 업셀 */
.upsell-list { display: flex; flex-direction: column; gap: var(--sp-3); }
.upsell-list li { display: flex; gap: var(--sp-3); font-size: var(--fs-body-sm); color: var(--color-gray-700); }
.upsell-list .check { color: var(--color-primary-500); font-weight: 700; }
.upsell-link { font-size: var(--fs-body-sm); font-weight: 700; color: var(--color-primary-500); }

/* 비교표 컨테이너 */
.compare-wrap { margin-top: var(--sp-16); }
.compare-head { text-align: center; margin-bottom: var(--sp-10); }