/* Concept 01 — compact editorial pricing layout.
   Only the Website Design pages load this stylesheet. Keep package cards untouched. */
body.pricing-concept-01 main > .pricing-intro {
  padding: 43px 0 84px;
  background: radial-gradient(ellipse 58% 52% at 74% 48%,rgba(35,27,87,.105),transparent 77%), #070d23;
  position: relative;
}
body.pricing-concept-01 .pricing-intro-copy {
  max-width: 700px;
}
body.pricing-concept-01 .pricing-intro-copy .eyebrow {
  margin: 0 0 15px;
}
body.pricing-concept-01 .pricing-intro-copy h1 {
  font-family: var(--sinzel-display),Georgia,serif;
  font-size: clamp(43px, 4.4vw, 62px);
  font-weight: 500;
  letter-spacing: -.037em;
  line-height: 1.045;
  color: #faf7ff;
  margin: 0 0 11px;
}
body.pricing-concept-01 .pricing-intro-copy p {
  max-width: 665px;
  margin: 0;
  color: #b8bfd7;
  font-size: 15px;
  line-height: 1.6;
}
body.pricing-concept-01 .pricing-intro .price-grid {
  margin-top: 28px;
}
/* Preserve the original backgrounds of subsequent sections after removing the hero. */
body.pricing-concept-01 main > section.care-section {
  background: #080e24;
}
body.pricing-concept-01 main > section.section:not(.pricing-intro):not(.care-section) {
  background: linear-gradient(135deg,#070c21,#0a102d 78%,#0d1030);
}
@media (max-width:760px) {
  body.pricing-concept-01 main > .pricing-intro {padding: 38px 0 66px;}
  body.pricing-concept-01 .pricing-intro-copy h1 {font-size: clamp(43px,7vw,56px);}
  body.pricing-concept-01 .pricing-intro .price-grid {margin-top: 30px;}
}
@media (max-width:550px) {
  body.pricing-concept-01 main > .pricing-intro {padding: 36px 0 57px;}
  body.pricing-concept-01 .pricing-intro-copy .eyebrow {margin-bottom: 14px;}
  body.pricing-concept-01 .pricing-intro-copy h1 {font-size: clamp(41px,11vw,52px);line-height: 1.06;}
  body.pricing-concept-01 .pricing-intro-copy p {font-size: 14px;line-height: 1.65;}
  body.pricing-concept-01 .pricing-intro .price-grid {margin-top: 31px;}
}