/*
 * Narrow compatibility layer for the pre-Fusion credit checkout bundle.
 * The source component now carries the full redesign; these selectors keep the
 * currently served local production bundle visually aligned until its next
 * successful production compilation.
 */

section.rounded-3xl.bg-\[\#0A0F16\] {
  overflow: hidden;
  padding: 0 !important;
  border: 1px solid #1f303a !important;
  border-radius: 18px !important;
  background: #070c11 !important;
}

section.rounded-3xl.bg-\[\#0A0F16\] > div:first-child {
  position: relative;
  margin: 0 !important;
  padding: 30px 28px 25px;
  border-bottom: 1px solid #1f303a;
  text-align: left !important;
}

section.rounded-3xl.bg-\[\#0A0F16\] > div:first-child::before {
  display: block;
  margin-bottom: 12px;
  color: #e95b08;
  font: 600 10px/1 "Geist Mono", monospace;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  content: "—  Build capacity";
}

section.rounded-3xl.bg-\[\#0A0F16\] > div:first-child h2 {
  color: #f4f7f8 !important;
  font-family: "Geist", sans-serif !important;
  font-size: clamp(26px, 3vw, 34px) !important;
  font-weight: 500 !important;
  letter-spacing: -0.045em !important;
}

section.rounded-3xl.bg-\[\#0A0F16\] > div:first-child p {
  max-width: 60ch !important;
  margin: 8px 0 0 !important;
  color: #8c9ba5 !important;
}

section.rounded-3xl.bg-\[\#0A0F16\] > div:first-child p span {
  color: #d7e0e5 !important;
}

section.rounded-3xl.bg-\[\#0A0F16\] > div:nth-child(2) {
  display: grid !important;
  grid-template-columns: 0.92fr 1.16fr 0.92fr !important;
  max-width: none !important;
  margin: 0 !important;
  gap: 1px !important;
  background: #1f303a;
}

section.rounded-3xl.bg-\[\#0A0F16\] > div:nth-child(2) > div {
  min-width: 0;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

section.rounded-3xl.bg-\[\#0A0F16\] .rounded-\[1\.4rem\] {
  min-height: 100%;
  padding: 30px 25px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #080d12 !important;
}

section.rounded-3xl.bg-\[\#0A0F16\] > div:nth-child(2) > div:nth-child(2) .rounded-\[1\.4rem\] {
  background: #0d171e !important;
}

section.rounded-3xl.bg-\[\#0A0F16\] .rounded-\[1\.4rem\] h3,
section.rounded-3xl.bg-\[\#0A0F16\] .rounded-\[1\.4rem\] .text-\[\#f5f7fa\] {
  color: #f4f7f8 !important;
}

section.rounded-3xl.bg-\[\#0A0F16\] .rounded-\[1\.4rem\] .text-\[\#8d887e\],
section.rounded-3xl.bg-\[\#0A0F16\] .rounded-\[1\.4rem\] .text-\[\#b9b4aa\] {
  color: #91a0a8 !important;
}

section.rounded-3xl.bg-\[\#0A0F16\] .rounded-\[1\.4rem\] .text-\[\#c9b89a\] {
  color: #73cfff !important;
}

section.rounded-3xl.bg-\[\#0A0F16\] > div:nth-child(2) > div:nth-child(2) .text-\[\#c9b89a\] {
  color: #ff8a4c !important;
}

section.rounded-3xl.bg-\[\#0A0F16\] .rounded-\[1\.4rem\] button {
  border: 1px solid #2a3e49 !important;
  border-radius: 7px !important;
  background: #0b151b !important;
  color: #dbe5ea !important;
  font-family: "Geist Mono", monospace !important;
  font-size: 11px !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

section.rounded-3xl.bg-\[\#0A0F16\] .rounded-\[1\.4rem\] button:hover {
  border-color: rgb(0 152 255 / 65%) !important;
  background: #0e1c24 !important;
  color: #fff !important;
}

section.rounded-3xl.bg-\[\#0A0F16\] > div:nth-child(2) > div:nth-child(2) button {
  border-color: #e95b08 !important;
  background: #e95b08 !important;
  color: #fff8f3 !important;
}

section.rounded-3xl.bg-\[\#0A0F16\] > div:nth-child(2) > div:nth-child(2) button:hover {
  border-color: #ff7024 !important;
  background: #ff7024 !important;
}

section.rounded-3xl.bg-\[\#0A0F16\] > div:nth-child(2) > div:nth-child(2) .absolute {
  border: 1px solid rgb(233 91 8 / 45%) !important;
  border-top: 0 !important;
  border-radius: 0 !important;
  background: #2a160c !important;
  color: #ff9b63 !important;
}

section.rounded-3xl.bg-\[\#0A0F16\] .rounded-\[1\.4rem\] ul {
  border-color: #1d2c35 !important;
}

section.rounded-3xl.bg-\[\#0A0F16\] .rounded-\[1\.4rem\] ul svg {
  color: #32c782 !important;
}

section.rounded-3xl.bg-\[\#0A0F16\] > div:nth-child(2) > div:nth-child(2) ul svg {
  color: #ff8a4c !important;
}

section.rounded-3xl.bg-\[\#0A0F16\] > p:last-child {
  margin: 0 !important;
  padding: 16px 28px;
  border-top: 1px solid #1f303a;
  background: #060a0e;
  color: #64747d !important;
  text-align: left !important;
}

@media (max-width: 767px) {
  section.rounded-3xl.bg-\[\#0A0F16\] > div:nth-child(2) {
    grid-template-columns: 1fr !important;
  }
}