:where([data-etch-element="container"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  max-inline-size: var(--content-width, 1366px);
  align-self: center; margin-inline: auto;
}
:where([data-etch-element="flex-div"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
}
:where([data-etch-element="iframe"]) {
  inline-size: 100%;
  height: auto;
 aspect-ratio: 16/9;
}
:where([data-etch-element="section"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.site-header {
  display: flex;
justify-content: center;
padding-block: var(--space-m);
padding-inline: var(--gutter);
}
.site-header__logo {
  block-size: clamp(3.75rem, 2.75rem + 2.5vw, 5.625rem);
inline-size: auto;
}
.site-footer {
  border-block-start: var(--border-light);
padding-block: var(--space-s);
padding-inline: var(--gutter);
text-align: center;
font-size: var(--text-s);
}
.hero-section {
  isolation: isolate;
background-image: url("../assets/grid-pattern-transparent.webp");
background-size: contain;
background-repeat: no-repeat;
background-position: 49% 50%;
}
.hero-section__card {
  position: relative;
display: flex;
flex-direction: column;
gap: var(--space-m);
inline-size: 100%;
max-inline-size: 53.125rem;
margin-inline: auto;
padding: var(--space-m);
background: color-mix(in oklch, var(--base) 90%, transparent);
border: var(--border-light);
border-radius: var(--radius-m);
text-align: center;
&::before,
&::after {
  content: "";
  position: absolute;
  z-index: -1;
  inline-size: 6.25rem;
  block-size: 6.25rem;
  filter: blur(150px);
}
&::before {
  inset-block-start: 40%;
  inset-inline-start: -3.125rem;
  background: var(--secondary);
}
&::after {
  inset-block-start: 60%;
  inset-inline-end: -3.125rem;
  background: var(--primary);
}
}
.hero-section__heading {
  max-inline-size: 16ch;
margin-inline: auto;
}
.hero-section__lede {
  max-inline-size: 65ch;
margin-inline: auto;
text-wrap: balance;
}
.contact-form {
  display: grid;
gap: var(--space-s);
text-align: start;
@media (width >= 36rem) {
  grid-template-columns: 1fr 1fr;
}
}
.contact-form__field {
  display: flex;
flex-direction: column;
gap: var(--space-xs);
grid-column: 1 / -1;
@media (width >= 36rem) {
  &[data-width="half"] {
    grid-column: auto;
  }
}
}
.contact-form__label {
  color: var(--white);
font-weight: 500;
}
.contact-form__input {
  inline-size: 100%;
padding-block: var(--space-xs);
padding-inline: var(--space-s);
background: var(--base);
color: var(--white);
border: var(--border-light);
border-radius: var(--radius-m);
}
.contact-form__consent {
  display: flex;
align-items: baseline;
gap: var(--space-xs);
grid-column: 1 / -1;
}
.contact-form__actions {
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--space-s);
grid-column: 1 / -1;
}
.contact-form__status {
  color: var(--white);
}
.care-plans__eyebrow {
  font-size: var(--text-xs);
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--primary);
}
.care-plans__headline {
  font-size: var(--h1);
font-weight: 600;
line-height: var(--heading-line-height);
color: var(--white);
text-wrap: balance;
}
.care-plans__lede {
  max-inline-size: 54ch;
}
.care-plans__heading {
  font-size: var(--h3);
font-weight: 600;
}
.plans-included {
  display: flex;
flex-direction: column;
gap: var(--space-s);
padding: var(--space-m);
background: var(--base);
border: var(--border-light);
border-radius: var(--radius-m);
}
.plans-included__heading {
  font-size: var(--h4);
font-weight: 600;
}
.plans-included__list {
  display: grid;
grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
gap: var(--space-xs) var(--space-m);
}
.plans-included__item {
  display: flex;
align-items: baseline;
gap: var(--space-xs);
font-size: var(--text-s);
color: var(--white);
}
.plan-cards {
  display: grid;
gap: var(--space-m);
@media (width >= 54rem) {
  grid-template-columns: repeat(3, 1fr);
}
}
.plan-card {
  position: relative;
display: flex;
flex-direction: column;
gap: var(--space-s);
padding: var(--space-m);
background: var(--base);
border: var(--border-light);
border-radius: var(--radius-m);
&[data-featured="true"] {
  background: linear-gradient(180deg, color-mix(in oklch, var(--primary) 18%, var(--base)), var(--base) 40%);
  border-color: var(--primary);
  box-shadow: 0 0 0 1px var(--primary);
}
}
.plan-card__badge {
  position: absolute;
inset-block-start: 0;
inset-inline-start: var(--space-m);
translate: 0 -50%;
padding-block: var(--btn-padding-block);
padding-inline: var(--btn-padding-inline);
background: var(--primary);
color: var(--base);
font-size: var(--text-xs);
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
border-radius: var(--radius-circle);
}
.plan-card__name {
  font-size: var(--h3);
font-weight: 600;
}
.plan-card__for {
  font-size: var(--text-s);
min-block-size: 2lh;
}
.plan-card__price {
  display: flex;
align-items: baseline;
gap: var(--space-xs);
font-variant-numeric: tabular-nums;
}
.plan-card__amount {
  font-size: var(--h2);
font-weight: 600;
color: var(--white);
}
.plan-card__period {
  font-size: var(--text-s);
}
.plan-card__pages {
  padding-block-end: var(--space-s);
border-block-end: var(--border-light);
font-size: var(--text-s);
}
.plan-card__features {
  display: flex;
flex-direction: column;
flex-grow: 1;
gap: var(--space-xs);
}
.plan-card__feature {
  display: flex;
align-items: baseline;
gap: var(--space-xs);
font-size: var(--text-s);
color: var(--white);
&[data-included="false"] {
  color: var(--neutral-semi-dark);
}
}
.plan-card__glyph {
  flex-shrink: 0;
inline-size: 1em;
font-weight: 700;
}
.plan-card__cta {
  inline-size: 100%;
}
.plan-terms__list {
  display: grid;
grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
gap: var(--space-m) var(--space-l);
}
.plan-terms__item {
  display: flex;
flex-direction: column;
gap: var(--space-xs);
}
.plan-terms__term {
  font-weight: 600;
color: var(--white);
}
.plan-terms__description {
  max-inline-size: 42ch;
font-size: var(--text-s);
}
.addons__table-wrap {
  overflow-x: auto;
border: var(--border-light);
border-radius: var(--radius-m);
}
.addons__table {
  inline-size: 100%;
border-collapse: collapse;
font-size: var(--text-s);
}
.addons__cell {
  padding-block: var(--space-xs);
padding-inline: var(--space-s);
border-block-end: var(--border-light);
text-align: start;
color: var(--white);
tr:last-child > & {
  border-block-end: none;
}
}
.addons__head {
  background: var(--base);
color: var(--neutral);
font-size: var(--text-xs);
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.addons__price {
  color: var(--primary);
font-weight: 600;
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
.addons__qualifier {
  color: var(--neutral);
}
.addons__note {
  font-size: var(--text-s);
}