.secondary-button { background: transparent; color: var(--accent); }
.secondary-button:hover { background: #082536; }
.pricing-teaser { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.pricing-teaser p { max-width: 520px; margin: 0 0 26px; }
.pricing-page { max-width: 1400px; margin: auto; padding: 70px 48px 110px; }
.pricing-hero { text-align: center; max-width: 1050px; margin: 0 auto 58px; }
.pricing-hero h1 { font-size: clamp(44px, 5.5vw, 76px); }
.pricing-hero > p:last-child { max-width: 720px; margin: 28px auto 0; font-size: 18px; }
.pricing-plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; align-items: stretch; }
.price-card { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 34px; border: 1px solid var(--line); border-radius: 24px; background: linear-gradient(145deg, #0b1b2b, #071522); }
.price-card.featured { border-color: var(--accent); background: linear-gradient(145deg, #0c2637, #071522); box-shadow: 0 18px 70px #00c9ed12; }
.popular-label { position: absolute; top: 0; right: 28px; transform: translateY(-50%); padding: 6px 12px; border-radius: 30px; background: var(--accent); color: #001422; font-size: 10px; font-weight: 700; letter-spacing: 1px; }
.plan-heading { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding-bottom: 22px; border-bottom: 1px solid var(--line); }
.plan-heading span { font-size: 13px; color: var(--muted); text-align: right; }
.plan-name { margin: 0; color: var(--text); font-size: 13px; font-weight: 700; letter-spacing: 2px; }
.price {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin: 30px 0 14px;
  flex-wrap: nowrap;
}

.price strong {
  font-size: 56px;
  line-height: 1;
  letter-spacing: -2px;
  font-weight: 400;
  white-space: nowrap;
}

.price span {
  font-size: 13px;
  color: var(--muted);
  white-space: nowrap;
}

.price .price-prefix {
  font-size: 24px;
  line-height: 1;
  letter-spacing: -1px;
}

.contact-price {
  display: flex !important;
  align-items: baseline !important;
  gap: 12px !important;
  flex-wrap: nowrap !important;
}

.contact-price .price-prefix {
  display: inline !important;
}

.contact-price strong {
  display: inline !important;
  font-size: 56px !important;
  white-space: nowrap !important;
}

.contact-price > span:last-child {
  display: inline !important;
  margin-top: 0 !important;
  white-space: nowrap !important;
}

.plan-summary { min-height: 76px; margin: 0 0 18px; }
.plan-features { list-style: none; margin: 0 0 34px; padding: 0; color: var(--text); }
.plan-features li { position: relative; padding: 9px 0 9px 27px; border-bottom: 1px solid #1b2c3c99; font-size: 14px; }
.plan-features li::before { content: '✓'; position: absolute; left: 0; color: var(--green); font-weight: 700; }
.plan-button { display: flex; justify-content: center; margin-top: auto; padding: 14px 18px; border: 1px solid var(--accent); border-radius: 40px; background: var(--accent); color: #001422; font-weight: 700; font-size: 14px; text-align: center; }
.plan-button:hover { background: #6ce7ff; }
.plan-button.secondary-button { background: transparent; color: var(--accent); }
.plan-button.secondary-button:hover { background: #082536; }
.price-card small { margin-top: 14px; color: var(--muted); text-align: center; font-size: 12px; }
.comparison-jump { display: flex; flex-direction: column; align-items: center; gap: 7px; width: max-content; margin: 52px auto 0; padding: 8px 16px; color: var(--muted); font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; transition: color .2s, transform .2s; }
.comparison-jump svg { width: 26px; height: 26px; color: var(--accent); }
.comparison-jump:hover { color: var(--accent); transform: translateY(4px); }
.comparison-jump:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; border-radius: 8px; }
.comparison-section { margin-top: 48px; }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
.comparison-heading { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: end; margin-bottom: 35px; }
.comparison-heading > p { max-width: 560px; margin: 0; }
.comparison-scroll { overflow-x: auto; border: 1px solid var(--line); border-radius: 22px; background: #071522; }
.comparison-scroll:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
.comparison-table { width: 100%; min-width: 760px; border-collapse: collapse; text-align: center; }
.comparison-table th, .comparison-table td { padding: 21px 24px; border-bottom: 1px solid var(--line); }
.comparison-table thead th { color: var(--accent); font-size: 12px; letter-spacing: 1.4px; text-transform: uppercase; background: #091a29; }
.comparison-table th:first-child { text-align: left; width: 45%; }
.comparison-table tbody th { font-size: 15px; font-weight: 400; color: var(--text); }
.comparison-table tbody td { color: var(--muted); font-size: 14px; }
.comparison-table tbody tr:last-child > * { border-bottom: 0; }
.check { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #0e9d77; color: white; font-weight: 700; }
.dash { color: #52697a; }
.enterprise-section { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; margin-top: 110px; padding: 55px; border: 1px solid #19526a; border-radius: 28px; background: radial-gradient(circle at 85% 50%, #07506b55, transparent 55%), #071522; }
.enterprise-section p { max-width: 520px; margin: 0 0 25px; }
.pricing-faq { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; margin-top: 110px; }
.pricing-faq details { margin: 0 0 12px; }
.pricing-faq details p { margin: 0; padding: 0 23px 22px; }

@media (max-width: 950px) {
  .pricing-plans { grid-template-columns: 1fr 1fr; }
  .enterprise-card { grid-column: 1 / -1; }
  .plan-summary { min-height: 0; }
}

@media (max-width: 700px) {
  .pricing-teaser, .comparison-heading, .enterprise-section, .pricing-faq { grid-template-columns: 1fr; gap: 30px; }
  .pricing-page { padding: 50px 20px 80px; }
  .pricing-hero { margin-bottom: 42px; }
  .pricing-hero h1 { letter-spacing: -1.8px; }
  .pricing-plans { grid-template-columns: 1fr; gap: 18px; }
  .enterprise-card { grid-column: auto; }
  .price-card { padding: 28px 24px; }
  .comparison-jump { margin-top: 40px; }
  .comparison-section { margin-top: 36px; }
  .enterprise-section, .pricing-faq { margin-top: 75px; }
  .enterprise-section { padding: 32px 25px; }
}