clearcut-website-pricing {
  display: block;
}

clearcut-website-pricing:not(:defined) {
  min-height: 420px;
}

.cc-pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.15rem;
  align-items: stretch;
}

.cc-pricing-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 1.7rem;
  text-align: center;
  border: 1px solid rgba(142, 164, 201, .18);
  border-radius: 20px;
  background: linear-gradient(165deg, rgba(23, 29, 42, .98), rgba(13, 18, 27, .98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 24px 58px rgba(0,0,0,.34);
}

.cc-pricing-card.is-featured {
  border-color: rgba(205, 163, 95, .62);
  background: linear-gradient(165deg, rgba(31, 31, 35, .98), rgba(18, 20, 27, .98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 0 0 1px rgba(205,163,95,.12), 0 28px 64px rgba(0,0,0,.38);
}

.cc-pricing-card-top {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding-bottom: 1.3rem;
  border-bottom: 1px solid rgba(142, 164, 201, .18);
}

.cc-pricing-eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3.25rem;
  color: var(--blue-bright, #5B9CF5);
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.cc-pricing-card.is-featured .cc-pricing-eyebrow { color: var(--yellow-soft, #E4C58F); }
.cc-pricing-card h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.6rem;
  margin: .55rem 0 .35rem;
  font-size: 1.7rem;
}

.cc-pricing-intent {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3.75rem;
  color: var(--text-muted, #93A4BC);
  font-size: .94rem;
  line-height: 1.55;
}

.cc-pricing-price {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: .45rem;
  min-height: 4.25rem;
  margin-top: 1.2rem;
}

.cc-pricing-price strong { color: #fff; font-size: 2.55rem; line-height: 1; letter-spacing: -.04em; }
.cc-pricing-price span { color: var(--text-muted, #8798B0); font-size: .82rem; }
.cc-pricing-fit {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 4.75rem;
  margin-top: 1rem;
  color: #D2DBE8;
  font-size: .88rem;
  line-height: 1.55;
}

.cc-pricing-groups {
  display: grid;
  grid-template-rows: repeat(6, 6.1rem);
  gap: 0;
  padding: 1rem 0;
  flex: 1;
}

.cc-pricing-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: .8rem .35rem;
  border-top: 1px solid rgba(91,156,245,.25);
}

.cc-pricing-group:first-child { border-top: 0; }
.cc-pricing-card.is-featured .cc-pricing-group { border-top-color: rgba(205,163,95,.32); }
.cc-pricing-group h4 {
  padding: .28rem .58rem;
  border: 1px solid rgba(91,156,245,.2);
  border-radius: 999px;
  background: rgba(91,156,245,.075);
  color: #EAF2FF;
  font-size: .7rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: .55rem;
}
.cc-pricing-card.is-featured .cc-pricing-group h4 {
  border-color: rgba(205,163,95,.25);
  background: rgba(205,163,95,.08);
  color: #F1D49D;
}
.cc-pricing-group p { color: #91A1B8; font-size: .84rem; line-height: 1.55; }
.cc-pricing-card .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 56px;
  margin-top: auto;
}

.cc-pricing-turnaround {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.5rem;
  margin: .85rem 0 0;
  color: var(--text-muted, #7F90A8);
  text-align: center;
  font-size: .8rem;
}
.cc-pricing-note { max-width: 800px; margin: 2rem auto 0; color: var(--text-muted, #91A1B8); text-align: center; font-size: .93rem; }

@media (max-width: 1050px) {
  .cc-pricing-grid { grid-template-columns: 1fr; max-width: 680px; margin: 0 auto; }
  .cc-pricing-eyebrow,
  .cc-pricing-card h3,
  .cc-pricing-intent,
  .cc-pricing-price,
  .cc-pricing-fit { min-height: auto; }
  .cc-pricing-eyebrow { margin-bottom: .45rem; }
  .cc-pricing-intent { margin-top: .2rem; }
  .cc-pricing-fit { margin-bottom: .2rem; }
  .cc-pricing-groups { grid-template-rows: none; }
  .cc-pricing-group { min-height: 7rem; }
}

@media (max-width: 480px) {
  .cc-pricing-card { padding: 1.35rem; border-radius: 16px; }
  .cc-pricing-card .btn { white-space: normal; }
}