/* /Components/Layout/AdminLayout.razor.rz.scp.css */
.admin[b-ydlcfmmjev] {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  max-width: var(--layout-content-1440);
  margin: 0 auto;
  padding: var(--space-4);
}

.bar[b-ydlcfmmjev] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  min-height: var(--header-height-mobile);
  padding: var(--space-2) var(--space-4);
  border-radius: var(--radius-xl);
  background: var(--color-bg-surface);
  box-shadow: inset 0 0 0 var(--border-width-sm) var(--color-border-subtle);
}

.wordmark[b-ydlcfmmjev] {
  font: var(--type-heading-h3);
  color: var(--color-text-primary);
  text-decoration: none;
}

.content[b-ydlcfmmjev] {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}

@media (min-width: 1024px) {
  .admin[b-ydlcfmmjev] { padding: var(--space-12) var(--space-20); }
}
/* /Components/Pages/Admin/RequestDetail.razor.rz.scp.css */
.answers[b-2mkvlyyhps] {
  display: grid;
  gap: var(--space-3);
  margin: 0;
  font: var(--form-summary-type);
}

.answers div[b-2mkvlyyhps] {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

dt[b-2mkvlyyhps] { color: var(--color-text-secondary); }

dd[b-2mkvlyyhps] {
  margin: 0;
  font: var(--form-summary-value-type);
  color: var(--color-text-primary);
  overflow-wrap: anywhere;
  white-space: pre-line;
}

.statuses[b-2mkvlyyhps] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

@media (min-width: 1024px) {
  .answers div[b-2mkvlyyhps] {
    flex-direction: row;
    gap: var(--space-3);
  }

  dt[b-2mkvlyyhps] {
    flex-shrink: 0;
    width: calc(2 * var(--form-summary-label-width));
  }
}
/* /Components/Pages/Admin/Requests.razor.rz.scp.css */
.table-wrap[b-jkjbe8vdiw] { overflow-x: auto; }

table[b-jkjbe8vdiw] {
  width: 100%;
  border-collapse: collapse;
  font: var(--type-body-sm);
  color: var(--color-text-primary);
}

th[b-jkjbe8vdiw] {
  font: var(--type-label-sm);
  text-align: left;
  white-space: nowrap;
}

th[b-jkjbe8vdiw],
td[b-jkjbe8vdiw] {
  padding: var(--space-3);
  border-bottom: var(--border-width-sm) solid var(--color-border-divider);
}

td[b-jkjbe8vdiw] { white-space: nowrap; }

/* Requests whose notification email failed (CLAUDE.md §8) */
.flagged[b-jkjbe8vdiw] { background: var(--color-bg-error-subtle); }
.flagged td:last-child[b-jkjbe8vdiw] { color: var(--color-text-error); }
/* /Components/Pages/Dev/ComponentGallery.razor.rz.scp.css */
/* Dev-only gallery layout. */
.gallery[b-nttzfklgmw] {
  display: flex;
  flex-direction: column;
  gap: var(--space-12);
  padding: var(--space-10);
}

section[b-nttzfklgmw] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-6);
  align-items: flex-start;
}

section[b-nttzfklgmw] >  * { flex: 0 0 auto; }

#header[b-nttzfklgmw],
#footer[b-nttzfklgmw] { display: block; }

#pricing[b-nttzfklgmw] >  .card,
#review[b-nttzfklgmw] >  .review { width: var(--layout-content-1440); max-width: 100%; }

#faq[b-nttzfklgmw] { flex-direction: column; }

.row[b-nttzfklgmw] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-6);
  width: 100%;
}

.progress[b-nttzfklgmw] { width: var(--how-step-text-width-1920); }

ul[b-nttzfklgmw] { margin: 0; padding: 0; list-style: none; }
/* /Components/Pages/Legal.razor.rz.scp.css */
/* Legal text with the site's existing type styles (DQ-007); measure = the Trust section width. */
.legal[b-etzizyvi6p] {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: 100%;
  max-width: var(--trust-width-desktop);
  margin: 0 auto;
  font: var(--type-body-lg);
  color: var(--color-text-primary);
  overflow-wrap: anywhere;
}

.legal[b-etzizyvi6p]  h1 {
  margin-bottom: var(--space-4);
  font: var(--type-heading-h2);
  letter-spacing: var(--tracking-tight);
  color: var(--color-text-heading);
}

.legal[b-etzizyvi6p]  h2 {
  margin-top: var(--space-6);
  font: var(--type-heading-h3);
  color: var(--color-text-heading);
}

.legal[b-etzizyvi6p]  ul {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin: 0;
  padding-left: var(--space-6);
}

.legal[b-etzizyvi6p]  strong { font-weight: 600; }

.legal[b-etzizyvi6p]  a { color: var(--color-text-brand); }
/* /Components/Sections/Families.razor.rz.scp.css */
.families[b-627ksbwvrj] {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}

.card[b-627ksbwvrj] {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  padding: var(--space-6);
  border-radius: var(--radius-lg);
  background: var(--color-bg-surface);
  box-shadow: inset 0 0 0 var(--border-width-sm) var(--color-border-subtle);
}

.needs[b-627ksbwvrj] {
  display: flex;
  flex-direction: column;
  gap: var(--families-needs-gap-mobile);
  margin: 0;
  padding: 0;
  list-style: none;
}

.need[b-627ksbwvrj] {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.number[b-627ksbwvrj] {
  position: relative;
  flex-shrink: 0;
  width: var(--families-number-width);
  height: var(--families-number-height);
}

.content[b-627ksbwvrj] {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  color: var(--color-text-primary);
}

.need-title[b-627ksbwvrj] { font: var(--type-heading-h3); }
.need-text[b-627ksbwvrj] { font: var(--type-body-xl); }

.photo img[b-627ksbwvrj] {
  width: 100%;
  height: auto;
  aspect-ratio: var(--families-photo-ratio-mobile);
  max-width: none;
  border-radius: var(--radius-lg);
  object-fit: cover;
}

@media (min-width: 1024px) {
  .families[b-627ksbwvrj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--layout-split-gap-desktop);
  }

  .card[b-627ksbwvrj] {
    min-width: 0;
    justify-content: center;
    gap: var(--space-10);
    padding: var(--layout-split-card-padding-y) var(--layout-split-card-padding-x);
  }

  .needs[b-627ksbwvrj] { gap: var(--space-8); }

  .need[b-627ksbwvrj] {
    flex-direction: row;
    gap: var(--space-6);
  }

  .number[b-627ksbwvrj] {
    width: var(--families-number-box-desktop);
    height: var(--families-number-box-desktop);
  }

  .number[b-627ksbwvrj]  img {
    position: absolute;
    left: 20%;
    max-width: none;
  }

  .n01[b-627ksbwvrj]  img { top: 22%; }
  .n02[b-627ksbwvrj]  img { top: 26.94%; }
  .n03[b-627ksbwvrj]  img { top: 26.55%; }

  .content[b-627ksbwvrj] {
    flex: 1 0 0;
    min-width: 0;
    gap: var(--space-3);
  }

  /* Card and photo are always the same height (DQ-030): the Figma photo height is the minimum,
     and the photo grows with the card when its text wraps to more lines. */
  .photo[b-627ksbwvrj] {
    position: relative;
    display: block;
    min-width: 0;
    min-height: var(--families-photo-height-1440);
  }

  .photo img[b-627ksbwvrj] {
    position: absolute;
    inset: 0;
    height: 100%;
    aspect-ratio: auto;
  }
}

@media (min-width: 1920px) {
  .title[b-627ksbwvrj] {
    text-align: center;
    white-space: nowrap;
  }

  .need-title[b-627ksbwvrj] { text-wrap: balance; }

  .photo[b-627ksbwvrj] { min-height: var(--families-photo-height-1920); }
}
/* /Components/Sections/FamilyForm.razor.rz.scp.css */
.form-container[b-n054nzoar6] {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  padding: var(--space-6);
  border-radius: var(--radius-lg);
  background: var(--color-bg-surface);
  box-shadow: inset 0 0 0 var(--border-width-sm) var(--color-border-subtle);
}

.step[b-n054nzoar6],
.state[b-n054nzoar6] {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}

.step-header[b-n054nzoar6] {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.meta[b-n054nzoar6] {
  display: flex;
  gap: var(--space-3);
  white-space: nowrap;
}

.count[b-n054nzoar6] { font: var(--form-meta-strong-type); color: var(--color-text-brand); }
.required[b-n054nzoar6] { font: var(--form-meta-type); color: var(--color-text-secondary); }

.question[b-n054nzoar6] {
  font: var(--type-body-xl-strong);
  color: var(--color-text-primary);
  outline: none;
}

.helper[b-n054nzoar6] {
  font: var(--form-helper-type);
  color: var(--color-text-secondary);
  text-wrap: pretty;
}

.helper a[b-n054nzoar6] { color: inherit; }

.with-icon[b-n054nzoar6] {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.with-icon img[b-n054nzoar6] { flex-shrink: 0; }

.options[b-n054nzoar6],
.consent[b-n054nzoar6] {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.with-details[b-n054nzoar6] {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.step-error[b-n054nzoar6] {
  font: var(--form-error-type);
  color: var(--color-text-error);
}

/* Actions: Back hugs, the primary action fills the rest on mobile (363:2843) */
.actions[b-n054nzoar6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
}

.actions[b-n054nzoar6]  .btn:last-child { flex: 1 0 0; }

.actions.first[b-n054nzoar6] { flex-direction: column; align-items: stretch; }

.actions[b-n054nzoar6]  .btn[aria-busy="true"] { width: auto; }

/* States */
.state-head[b-n054nzoar6] {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

.badge[b-n054nzoar6] {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: var(--form-badge-size);
  height: var(--form-badge-size);
  border-radius: var(--form-badge-radius);
}

.success-badge[b-n054nzoar6] {
  background: var(--color-bg-accent);
  animation: settle-in var(--motion-slow) var(--motion-ease) both;
}
.error-badge[b-n054nzoar6] { background: var(--color-bg-error-subtle); }

.state-title[b-n054nzoar6] {
  font: var(--form-title-type);
  color: var(--color-text-primary);
  outline: none;
}

.success-body[b-n054nzoar6] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-8);
}

.summary[b-n054nzoar6] {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  margin: 0;
  font: var(--form-summary-type);
}

.row[b-n054nzoar6] {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.row.inline[b-n054nzoar6] {
  flex-direction: row;
  gap: var(--space-3);
}

dt[b-n054nzoar6] { color: var(--color-text-secondary); }

dd[b-n054nzoar6] {
  margin: 0;
  font: var(--form-summary-value-type);
  color: var(--color-text-primary);
  overflow-wrap: anywhere;
}

@media (min-width: 1024px) {
  .form-container[b-n054nzoar6] { padding: var(--space-8); }

  .question[b-n054nzoar6] { font: var(--form-question-type-desktop); }

  .tiles[b-n054nzoar6] {
    flex-direction: row;
    gap: var(--space-6);
  }

  .actions[b-n054nzoar6]  .btn:last-child { flex: none; }
  .actions[b-n054nzoar6]  .btn[aria-busy="true"] { flex: 1 0 0; }

  .actions.first[b-n054nzoar6] {
    flex-direction: row;
    justify-content: flex-end;
  }

  /* Success Summary on desktop: centred, two-column summary (463:1362) */
  .success[b-n054nzoar6] {
    align-items: center;
    gap: var(--space-4);
  }

  .success-body[b-n054nzoar6] {
    align-items: center;
    width: 100%;
  }

  .summary[b-n054nzoar6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3) var(--form-summary-column-gap);
    width: 100%;
  }

  .row[b-n054nzoar6],
  .row.inline[b-n054nzoar6] {
    flex-direction: row;
    gap: var(--space-3);
  }

  dt[b-n054nzoar6] {
    flex-shrink: 0;
    width: var(--form-summary-label-width);
  }
}
/* /Components/Sections/Faq.razor.rz.scp.css */
.faq-section[b-nacmdlg40c] {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}

.title[b-nacmdlg40c] { text-align: center; }

.columns[b-nacmdlg40c],
.column[b-nacmdlg40c] {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

@media (min-width: 1024px) {
  .faq-section[b-nacmdlg40c] { gap: var(--layout-section-head-gap-desktop); }

  /* Both columns start at the top with the same gap, so opening an answer doesn't move the other column
     (owner, 2026-10-22; Figma centres the shorter column) */
  .columns[b-nacmdlg40c] {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--layout-split-gap-desktop);
  }

  .column[b-nacmdlg40c] {
    flex: 1 0 0;
    min-width: 0;
    gap: var(--space-6);
  }
}

@media (min-width: 1920px) {
  .faq-section[b-nacmdlg40c] {
    width: 100%;
    max-width: var(--layout-faq-width-1920);
    margin-inline: auto;
  }
}
/* /Components/Sections/FormSection.razor.rz.scp.css */
.form-section[b-xgtzfptmpo] {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  scroll-margin-top: var(--space-4);
}

.intro[b-xgtzfptmpo] {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}

.heading[b-xgtzfptmpo] {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

.title[b-xgtzfptmpo] {
  font: var(--type-heading-h2);
  letter-spacing: var(--tracking-tight);
  color: var(--color-text-heading);
  text-wrap: pretty;
}

.subtitle[b-xgtzfptmpo] {
  font: var(--type-body-xl-medium);
  color: var(--color-text-primary);
  text-wrap: balance;
}

@media (min-width: 1024px) {
  .form-section[b-xgtzfptmpo] {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--space-12);
  }

  .intro[b-xgtzfptmpo] {
    flex: 0 1 var(--form-section-left-width-1440);
    min-width: 0;
  }

  .heading[b-xgtzfptmpo] { gap: var(--space-6); }

  .subtitle[b-xgtzfptmpo] {
    font: var(--form-section-subtitle-type-desktop);
    text-wrap: wrap;
  }

  .form-slot[b-xgtzfptmpo] {
    flex: 0 1 var(--form-container-width-1440);
    min-width: 0;
  }
}

@media (min-width: 1920px) {
  .form-section[b-xgtzfptmpo] {
    width: 100%;
    max-width: var(--layout-inset-width-1920);
    margin-inline: auto;
  }

  .form-section[b-xgtzfptmpo] { gap: var(--form-section-gap-1920); }

  .intro[b-xgtzfptmpo] { flex-basis: var(--form-section-left-width-1920); }

  .heading[b-xgtzfptmpo] { max-width: var(--form-section-heading-width-1920); }

  .title[b-xgtzfptmpo] { font: var(--form-section-heading-type-1920); }

  .form-slot[b-xgtzfptmpo] { flex-basis: var(--form-container-width-1920); }
}
/* /Components/Sections/FounderAndTrust.razor.rz.scp.css */
.founder-trust[b-hm4g366e0o] {
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
}

.founder[b-hm4g366e0o] {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}

.photo[b-hm4g366e0o] {
  position: relative;
  display: block;
  border-radius: var(--radius-lg);
}

/* Figma inside stroke drawn over the photo */
.photo[b-hm4g366e0o]::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 var(--border-width-sm) var(--color-border-subtle);
  pointer-events: none;
}

.photo img[b-hm4g366e0o] {
  width: 100%;
  height: var(--founder-photo-height-mobile);
  max-width: none;
  border-radius: inherit;
  background: var(--color-bg-media);
  object-fit: cover;
}

.card[b-hm4g366e0o] {
  display: flex;
  flex-direction: column;
  gap: var(--founder-card-gap-mobile);
  padding: var(--space-6);
  border-radius: var(--radius-lg);
  background: var(--color-bg-surface);
  box-shadow: inset 0 0 0 var(--border-width-sm) var(--color-border-subtle);
}

.story[b-hm4g366e0o] {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  font: var(--type-body-xl);
  color: var(--color-text-primary);
}

.lead[b-hm4g366e0o] { font: var(--type-body-xl-strong); }

.highlight[b-hm4g366e0o] {
  padding: var(--space-4);
  border-radius: var(--radius-sm);
  background: var(--color-bg-accent-subtle);
  font: var(--type-body-xl-medium);
  text-wrap: balance;
}

/* Trust */
.trust[b-hm4g366e0o] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-8);
}

.arrow[b-hm4g366e0o] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--trust-arrow-width);
  height: var(--trust-arrow-height);
  container-type: size;
}

.box[b-hm4g366e0o] {
  position: relative;
  flex: none;
  width: hypot(43.799cqw, -70.0418cqh);
  height: hypot(56.201cqw, 29.9582cqh);
  rotate: -60deg;
}

.box[b-hm4g366e0o]  img {
  position: absolute;
  top: -2.45%;
  left: -1.81%;
  width: 103.62%;
  height: 104.89%;
  max-width: none;
}

.trust-content[b-hm4g366e0o] {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}

.trust-lead[b-hm4g366e0o] {
  font: var(--type-body-xl-medium);
  color: var(--color-text-primary);
  text-wrap: balance;
}

.trust-text[b-hm4g366e0o] {
  font: var(--type-body-xl);
  color: var(--color-text-primary);
}

@media (min-width: 1024px) {
  .founder-trust[b-hm4g366e0o] { gap: var(--space-40); }

  .founder[b-hm4g366e0o] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--layout-split-gap-desktop);
  }

  /* Same height as the card (DQ-030); the Figma photo height is the minimum. */
  .photo[b-hm4g366e0o] {
    min-width: 0;
    min-height: var(--founder-photo-height-1440);
  }

  .photo img[b-hm4g366e0o] {
    position: absolute;
    inset: 0;
    height: 100%;
  }

  .card[b-hm4g366e0o] {
    min-width: 0;
    justify-content: center;
    gap: var(--space-10);
    padding: var(--layout-split-card-padding-y) var(--layout-split-card-padding-x);
  }

  .title[b-hm4g366e0o] { font: var(--founder-heading-type-1440); }

  .story[b-hm4g366e0o] { font: var(--type-body-base); }
  .lead[b-hm4g366e0o] { font: var(--type-body-base-strong); }

  /* Figma: hug-width box; it wraps here because the §11.4 sentence is longer than one line. */
  .highlight[b-hm4g366e0o] {
    align-self: flex-start;
    font: var(--type-body-base-medium);
    text-wrap: wrap;
  }

  .trust[b-hm4g366e0o] {
    gap: var(--space-20);
    width: var(--trust-width-desktop);
    max-width: 100%;
    margin-inline: auto;
  }

  .trust-content[b-hm4g366e0o] {
    align-items: center;
    text-align: center;
  }

  .trust-title[b-hm4g366e0o] { white-space: nowrap; }
}

@media (min-width: 1920px) {
  .photo[b-hm4g366e0o] { min-height: var(--founder-photo-height-1920); }

  .title[b-hm4g366e0o] {
    max-width: var(--founder-heading-width-1920);
    font: var(--type-heading-h2);
  }

  .story[b-hm4g366e0o] { font: var(--type-body-xl); }
  .lead[b-hm4g366e0o] { font: var(--type-body-xl-strong); }
  .highlight[b-hm4g366e0o] { font: var(--type-body-xl-medium); }
}
/* /Components/Sections/Hero.razor.rz.scp.css */
.hero[b-0htnp8s6p0] {
  display: flex;
  flex-direction: column-reverse;
  overflow: hidden;
  border-radius: var(--radius-lg);
  background: var(--color-bg-surface);
  box-shadow: inset 0 0 0 var(--border-width-sm) var(--color-border-subtle);
}

.media img[b-0htnp8s6p0] {
  width: 100%;
  height: auto;
  aspect-ratio: var(--hero-image-ratio-mobile);
  max-width: none;
  object-fit: cover;
  object-position: bottom;
}

.content[b-0htnp8s6p0] {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-8) var(--space-4);
}

.intro[b-0htnp8s6p0],
.headline[b-0htnp8s6p0] {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.title[b-0htnp8s6p0] {
  font: var(--type-heading-h1);
  letter-spacing: var(--tracking-tight);
  color: var(--color-text-heading);
  text-wrap: balance;
}

.subtitle[b-0htnp8s6p0] {
  font: var(--type-body-xl-medium);
  color: var(--color-text-primary);
  text-wrap: balance;
}

.benefits[b-0htnp8s6p0] {
  display: flex;
  flex-direction: column;
  gap: var(--benefit-list-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 1024px) {
  .hero[b-0htnp8s6p0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    overflow: visible;
    border-radius: 0;
    background: none;
    box-shadow: none;
  }

  .content[b-0htnp8s6p0] {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
    gap: var(--hero-card-gap-desktop);
    justify-content: center;
    padding: var(--layout-split-card-padding-y) var(--layout-split-card-padding-x);
    border-radius: var(--radius-xl) 0 0 var(--radius-xl);
    background: var(--color-bg-surface);
    box-shadow:
      inset var(--border-width-sm) 0 0 var(--color-border-subtle),
      inset 0 var(--border-width-sm) 0 var(--color-border-subtle),
      inset 0 calc(-1 * var(--border-width-sm)) 0 var(--color-border-subtle);
  }

  .intro[b-0htnp8s6p0] { gap: var(--space-8); }
  .headline[b-0htnp8s6p0] { gap: var(--space-10); }

  .subtitle[b-0htnp8s6p0] {
    font: var(--type-heading-h3);
    text-wrap: wrap;
  }

  .media[b-0htnp8s6p0] {
    display: flex;
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
  }

  .media img[b-0htnp8s6p0] {
    height: 100%;
    aspect-ratio: auto;
    border-radius: 0 var(--radius-xl) var(--radius-xl) 0;
  }
}

@media (min-width: 1920px) {
  .hero[b-0htnp8s6p0] {
    column-gap: var(--hero-split-gap-1920);
    min-height: var(--hero-height-1920);
  }

  .subtitle[b-0htnp8s6p0] { text-wrap: balance; }

  .benefits[b-0htnp8s6p0] { max-width: var(--hero-benefits-width-1920); }

  .benefits[b-0htnp8s6p0]  li:last-child .text { max-width: var(--hero-benefit-last-width-1920); }
}
/* /Components/Sections/HowItWorks.razor.rz.scp.css */
.how[b-2r3a7nakms] {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}

.heading[b-2r3a7nakms] {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  text-align: center;
}

.title[b-2r3a7nakms] {
  font: var(--how-heading-type-mobile);
  letter-spacing: var(--tracking-tight);
  color: var(--color-text-heading);
}

.subtitle[b-2r3a7nakms] {
  font: var(--how-subtitle-type-mobile);
  color: var(--color-text-primary);
}

.steps[b-2r3a7nakms] {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  margin: 0;
  padding: 0;
  list-style: none;
}

.step[b-2r3a7nakms] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-2) var(--space-4);
}

.icon[b-2r3a7nakms] {
  position: relative;
  flex-shrink: 0;
  width: var(--how-icon-size-mobile);
  height: var(--how-icon-size-mobile);
}

.icon[b-2r3a7nakms]  img {
  position: absolute;
  max-width: none;
}

/* Figma insets of each drawing inside its square (top / left, in %) */
.preferences .icon[b-2r3a7nakms]  img { top: 12.93%; left: 14.58%; }
.approval .icon[b-2r3a7nakms]  img { top: 12.01%; left: 11.25%; }
.groceries .icon[b-2r3a7nakms]  img { top: 7.45%; left: 17.5%; }
.cooking .icon[b-2r3a7nakms]  img { top: 9.35%; left: 14.7%; }
.food-ready .icon[b-2r3a7nakms]  img { top: 0; left: 0; }

.text[b-2r3a7nakms] {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  width: 100%;
  text-align: center;
}

.step-title[b-2r3a7nakms] {
  font: var(--how-step-title-type-mobile);
  color: var(--color-text-brand);
}

.step-text[b-2r3a7nakms] {
  font: var(--how-step-text-type-mobile);
  color: var(--color-text-primary);
}

.arrow[b-2r3a7nakms] { display: none; }

@media (min-width: 1024px) {
  .how[b-2r3a7nakms] { gap: var(--layout-section-head-gap-desktop); }

  .heading[b-2r3a7nakms] {
    align-items: center;
    gap: var(--space-6);
  }

  .title[b-2r3a7nakms] { font: var(--type-heading-h2); }
  .subtitle[b-2r3a7nakms] { font: var(--type-body-lead-medium); }

  .steps[b-2r3a7nakms] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    column-gap: var(--how-grid-gap-x);
    width: calc(100% + var(--how-grid-extra-width));
    margin-left: calc(-1 * var(--how-grid-offset-x));
    box-sizing: content-box;
    min-height: var(--how-grid-height-1440);
    padding-block: var(--how-grid-offset-y);
  }

  .step[b-2r3a7nakms] {
    gap: 0;
    padding: var(--space-4) var(--space-2);
  }

  .icon[b-2r3a7nakms] {
    width: var(--how-icon-size-desktop);
    height: var(--how-icon-size-desktop);
  }

  .cooking .icon[b-2r3a7nakms]  img { left: 7.33%; }

  .text[b-2r3a7nakms] { gap: var(--space-4); }

  .step-title[b-2r3a7nakms] { font: var(--type-step-title); }
  /* Figma draws the first title in Medium on both desktop frames */
  .preferences .step-title[b-2r3a7nakms] { font-weight: 500; }
  .step-text[b-2r3a7nakms] { font: var(--type-step-text); }

  /* A zero-size anchor in the middle of the gap after the step; the drawing is centred on it */
  .arrow[b-2r3a7nakms] {
    position: absolute;
    top: var(--how-arrow-y-1440);
    left: calc(100% + var(--how-grid-gap-x) / 2);
    display: block;
  }

  .arrow img[b-2r3a7nakms] {
    position: absolute;
    width: var(--how-arrow-width-1440);
    height: var(--how-arrow-height-1440);
    max-width: none;
    translate: -50% -50%;
    rotate: var(--how-arrow-rotate);
  }
}

@media (min-width: 1920px) {
  .how[b-2r3a7nakms] {
    width: 100%;
    max-width: var(--layout-inset-width-1920);
    margin-inline: auto;
  }

  .steps[b-2r3a7nakms] { min-height: var(--how-grid-height-1920); }

  .title[b-2r3a7nakms] { font: var(--how-heading-type-1920); }
  .subtitle[b-2r3a7nakms] { font: var(--how-subtitle-type-1920); }

  .step-title[b-2r3a7nakms] { font: var(--how-step-title-type-1920); }
  .preferences .step-title[b-2r3a7nakms] { font-weight: 500; }

  .step-text[b-2r3a7nakms] {
    max-width: var(--how-step-text-width-1920);
    margin-inline: auto;
    font: var(--how-step-text-type-1920);
  }

  .arrow[b-2r3a7nakms] { top: var(--how-arrow-y-1920); }

  .arrow img[b-2r3a7nakms] {
    width: var(--how-arrow-width-1920);
    height: var(--how-arrow-height-1920);
  }
}
/* /Components/Sections/PricingSection.razor.rz.scp.css */
.pricing[b-tl05kvuquz] {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}

.heading[b-tl05kvuquz] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-5);
  text-align: center;
}

.title[b-tl05kvuquz] { width: 100%; }

.subtitle[b-tl05kvuquz] {
  width: 100%;
  font: var(--type-body-xl-medium);
  color: var(--color-text-primary);
  text-wrap: balance;
}

.body[b-tl05kvuquz] {
  display: contents;
}

.cards[b-tl05kvuquz] {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}

.note[b-tl05kvuquz] {
  font: var(--type-body-md-medium);
  color: var(--color-text-primary);
  text-align: center;
}

@media (min-width: 1024px) {
  .pricing[b-tl05kvuquz] {
    align-items: center;
    gap: var(--layout-section-head-gap-desktop);
  }

  .heading[b-tl05kvuquz] {
    gap: var(--space-6);
    width: var(--pricing-heading-width-desktop);
    max-width: 100%;
  }

  .title[b-tl05kvuquz] { width: auto; }

  .subtitle[b-tl05kvuquz] {
    width: var(--pricing-subtitle-width-desktop);
    max-width: 100%;
    font: var(--type-body-lead);
    text-wrap: wrap;
  }

  .body[b-tl05kvuquz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-10);
    width: 100%;
  }

  .cards[b-tl05kvuquz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, calc(var(--pricing-divider-width-desktop) + 2 * var(--space-8))));
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: var(--pricing-cards-top-1440);
  }

  .cta[b-tl05kvuquz]  .btn {
    width: var(--button-pricing-width-desktop);
    line-height: var(--button-pricing-line-height-desktop);
  }
}

@media (min-width: 1920px) {
  .subtitle[b-tl05kvuquz] {
    font: var(--type-heading-h3);
    text-wrap: balance;
  }

  .cards[b-tl05kvuquz] {
    justify-content: center;
    gap: var(--pricing-cards-gap-1920);
  }
}
/* /Components/Sections/Reviews.razor.rz.scp.css */
.reviews[b-nmvfwjiski] {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}

.title[b-nmvfwjiski] { text-align: center; }

.cards[b-nmvfwjiski] {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}

@media (min-width: 1024px) {
  .reviews[b-nmvfwjiski] { gap: var(--layout-section-head-gap-desktop); }

  /* Overlapping cards as in Figma: side cards 400 wide, centre card ×1.3 on top. The side cards are centred
     vertically on the centre card (owner, 2026-10-22; Figma offsets them from the top). */
  .cards[b-nmvfwjiski] {
    display: grid;
    grid-template-columns: var(--reviews-columns-1440);
    align-items: center;
    gap: 0;
  }

  .left[b-nmvfwjiski] { grid-column: 1 / 3; grid-row: 1; }
  .center[b-nmvfwjiski] { grid-column: 2 / 5; grid-row: 1; z-index: 1; }
  .right[b-nmvfwjiski] { grid-column: 4 / 6; grid-row: 1; }

  .left[b-nmvfwjiski]  .review,
  .right[b-nmvfwjiski]  .review { min-height: var(--reviews-side-height-1440); }
}

@media (min-width: 1920px) {
  .cards[b-nmvfwjiski] { grid-template-columns: var(--reviews-columns-1920); }

  .left[b-nmvfwjiski]  .review,
  .right[b-nmvfwjiski]  .review { min-height: 0; }
}
/* /Components/Ui/AccordionIndicator.razor.rz.scp.css */
.indicator[b-rzdbfa5x69] {
  position: relative;
  display: block;
  flex-shrink: 0;
  width: var(--faq-indicator-size);
  height: var(--faq-indicator-size);
}

.indicator img[b-rzdbfa5x69] {
  position: absolute;
  left: var(--faq-indicator-plus-offset);
  width: auto;
  height: auto;
  max-width: none;
}

.plus[b-rzdbfa5x69] { top: var(--faq-indicator-plus-offset); }
.minus[b-rzdbfa5x69] { top: var(--faq-indicator-minus-top); display: none; }

details[open] .plus[b-rzdbfa5x69] { display: none; }
details[open] .minus[b-rzdbfa5x69] { display: block; }
/* /Components/Ui/Badge.razor.rz.scp.css */
.badge[b-c4zg33k4u7] {
  display: flex;
  justify-content: center;
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-sm);
  background: var(--color-bg-accent);
  color: var(--color-text-brand);
  font: var(--type-overline);
  text-transform: uppercase;
  white-space: nowrap;
}

@media (min-width: 1024px) {
  .badge[b-c4zg33k4u7] {
    align-items: center;
    padding: var(--space-2) var(--space-4);
    text-align: center;
  }
}
/* /Components/Ui/Benefit.razor.rz.scp.css */
.benefit[b-l7g9gab6p4] {
  display: flex;
  gap: var(--space-3);
  align-items: flex-start;
}

.icon[b-l7g9gab6p4] {
  position: relative;
  flex-shrink: 0;
  width: var(--benefit-icon-width);
  height: var(--benefit-icon-height);
}

.icon img[b-l7g9gab6p4] {
  position: absolute;
  inset: -5.88% -5% -15.76% -5%;
  width: auto;
  height: auto;
  max-width: none;
}

.icon .desktop[b-l7g9gab6p4] {
  display: none;
  inset: -5.09% -4.17%;
}

.text[b-l7g9gab6p4] {
  flex: 1 0 0;
  min-width: 0;
  font: var(--type-body-md);
  color: var(--color-text-primary);
}

@media (min-width: 1024px) {
  .benefit[b-l7g9gab6p4] {
    gap: var(--benefit-gap-desktop);
    align-items: center;
  }

  .icon[b-l7g9gab6p4] {
    width: var(--benefit-icon-width-desktop);
    height: var(--benefit-icon-height-desktop);
  }

  .icon .mobile[b-l7g9gab6p4] { display: none; }
  .icon .desktop[b-l7g9gab6p4] { display: block; }

  .text[b-l7g9gab6p4] { font: var(--benefit-type-desktop); }
}
/* /Components/Ui/CardPricing.razor.rz.scp.css */
.card[b-ziq17y71tu] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--pricing-card-gap);
  padding: var(--space-6);
  border-radius: var(--radius-lg);
  background: var(--color-bg-surface);
  box-shadow: inset 0 0 0 var(--border-width-sm) var(--color-border-subtle);
}

.featured[b-ziq17y71tu] {
  margin-top: var(--pricing-badge-offset-mobile);
  box-shadow: inset 0 0 0 var(--pricing-card-featured-border) var(--color-border-accent);
}

.badge[b-ziq17y71tu] {
  position: absolute;
  top: calc(-1 * var(--pricing-badge-offset-mobile));
  left: var(--space-6);
  width: var(--pricing-badge-width-mobile);
  max-width: calc(100% - 2 * var(--space-6));
}

.details[b-ziq17y71tu] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.names[b-ziq17y71tu] {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  gap: var(--space-1);
  min-width: 0;
}

.title[b-ziq17y71tu] {
  font: var(--type-body-xl-strong);
  color: var(--color-text-primary);
}

.duration[b-ziq17y71tu] {
  font: var(--type-body-lg-medium);
  color: var(--color-text-secondary);
}

.featured .title[b-ziq17y71tu] { font: var(--pricing-plan-60-title-type); }
.featured .duration[b-ziq17y71tu] { font: var(--pricing-plan-60-duration-type); }

.divider[b-ziq17y71tu] {
  height: var(--border-width-sm);
  background: var(--color-border-divider);
}

.prices[b-ziq17y71tu] {
  display: flex;
  flex-direction: column;
  gap: var(--pricing-card-gap);
}

.price[b-ziq17y71tu] {
  font: var(--type-price-lg);
  color: var(--color-text-primary);
}

.amount[b-ziq17y71tu] {
  font: var(--type-price-sm);
  color: var(--color-text-brand);
}

.unit[b-ziq17y71tu] {
  font: var(--type-body-xl);
  color: var(--color-text-secondary);
}

@media (min-width: 1024px) {
  .card[b-ziq17y71tu] { padding: var(--space-8); }

  .featured[b-ziq17y71tu] { margin-top: 0; }

  .badge[b-ziq17y71tu] {
    top: calc(-1 * var(--pricing-badge-offset-desktop));
    left: var(--space-8);
    width: auto;
  }

  .names[b-ziq17y71tu] {
    flex: none;
    width: var(--pricing-plan-width-desktop);
  }

  .duration[b-ziq17y71tu] { font: var(--pricing-duration-type-desktop); }

  .prices[b-ziq17y71tu] {
    gap: var(--space-3);
    width: var(--pricing-price-width-desktop);
  }
}
/* /Components/Ui/CardReview.razor.rz.scp.css */
.review[b-zxsn9hndkl] {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  margin: 0;
  padding: var(--space-6);
  border-radius: var(--radius-lg);
  background: var(--color-bg-surface);
  box-shadow: inset 0 0 0 var(--border-width-sm) var(--color-border-subtle);
}

.quote img[b-zxsn9hndkl] {
  width: var(--review-quote-width);
  height: var(--review-quote-height);
  max-width: none;
}

.body[b-zxsn9hndkl] {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.text[b-zxsn9hndkl] {
  margin: 0;
  font: var(--review-text-type-mobile);
  color: var(--color-text-primary);
}

.author[b-zxsn9hndkl] {
  display: flex;
  align-items: center;
  gap: var(--space-4);
}

.avatar[b-zxsn9hndkl] {
  width: var(--review-avatar-size);
  height: var(--review-avatar-size);
  border-radius: var(--radius-full);
}

.desktop-only[b-zxsn9hndkl] { display: none; }

.name[b-zxsn9hndkl] {
  font: var(--review-name-type);
  letter-spacing: var(--tracking-tight);
  color: var(--color-text-primary);
  white-space: nowrap;
}

@media (min-width: 1024px) {
  .review[b-zxsn9hndkl] { padding: var(--space-8); }

  .text[b-zxsn9hndkl] { font: var(--review-text-type-desktop); }

  .desktop-only[b-zxsn9hndkl] { display: block; }

  .featured[b-zxsn9hndkl] {
    zoom: var(--review-featured-zoom);
    background: var(--color-bg-accent-subtle);
  }
}
/* /Components/Ui/FaqItem.razor.rz.scp.css */
.faq[b-khpxlhy51a] {
  padding: var(--space-5);
  border-radius: var(--radius-lg);
  background: var(--color-bg-surface);
  box-shadow: inset 0 0 0 var(--border-width-sm) var(--color-border-subtle);
  overflow: hidden;
  transition: background-color var(--motion-base) var(--motion-ease);
}

.faq[open][b-khpxlhy51a] { background: var(--color-bg-accent-subtle); }

.row[b-khpxlhy51a] {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  list-style: none;
  cursor: pointer;
}

.row[b-khpxlhy51a]::-webkit-details-marker { display: none; }

.question[b-khpxlhy51a] {
  flex: 1 0 0;
  min-width: 0;
  font: var(--type-heading-h3);
  color: var(--color-text-primary);
}

.toggle[b-khpxlhy51a] {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: var(--faq-toggle-size);
  height: var(--faq-toggle-size);
}

@media (prefers-reduced-motion: no-preference) {
  .faq[b-khpxlhy51a]::details-content {
    height: 0;
    opacity: 0;
    overflow: clip;
    transition: height var(--motion-base) var(--motion-ease), opacity var(--motion-base) var(--motion-ease),
      content-visibility var(--motion-base) allow-discrete;
  }

  .faq[open][b-khpxlhy51a]::details-content {
    height: auto;
    opacity: 1;
  }
}

.answer[b-khpxlhy51a] {
  margin-top: var(--faq-expanded-gap);
  font: var(--type-body-md);
  color: var(--color-text-primary);
}

@media (min-width: 1024px) {
  .faq[b-khpxlhy51a] { padding: var(--space-8); }

  .row[b-khpxlhy51a] {
    align-items: flex-start;
    justify-content: space-between;
    gap: 0;
  }

  .question[b-khpxlhy51a] { text-wrap: balance; }

  .toggle[b-khpxlhy51a] {
    width: auto;
    height: auto;
  }
}
/* /Components/Ui/Footer.razor.rz.scp.css */
.footer[b-ffn8ijkp1a] {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  padding: var(--space-8) var(--space-6) var(--space-6);
  border-radius: var(--radius-xl);
  background: var(--color-bg-surface);
  box-shadow: inset 0 0 0 var(--border-width-sm) var(--color-border-subtle);
}

.top[b-ffn8ijkp1a] {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}

.brand[b-ffn8ijkp1a] {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}

.about[b-ffn8ijkp1a],
.social span[b-ffn8ijkp1a] {
  font: var(--type-body-xl-medium);
  color: var(--color-text-primary);
  text-wrap: balance;
}

.socials[b-ffn8ijkp1a] {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.social[b-ffn8ijkp1a] {
  display: flex;
  align-items: center;
  gap: var(--footer-social-gap);
  min-height: var(--footer-social-min-height);
  text-decoration: none;
}

.social img[b-ffn8ijkp1a] { flex-shrink: 0; }
.social .desktop[b-ffn8ijkp1a] { display: none; }
.social span[b-ffn8ijkp1a] { flex: 1 0 0; min-width: 0; }

.column[b-ffn8ijkp1a] {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.identity[b-ffn8ijkp1a] {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.wordmark[b-ffn8ijkp1a] {
  font: var(--type-display-brand);
  letter-spacing: var(--tracking-tight);
  color: var(--color-text-heading);
}

.tagline[b-ffn8ijkp1a] {
  font: var(--type-body-lg-medium);
  color: var(--color-text-secondary);
}

.bottom[b-ffn8ijkp1a] {
  padding-top: var(--space-6);
  box-shadow: inset 0 var(--border-width-sm) 0 var(--color-border-subtle);
  font: var(--type-body-lg);
  color: var(--color-text-primary);
  text-align: center;
}

@media (min-width: 1024px) {
  .footer[b-ffn8ijkp1a] {
    gap: var(--space-10);
    padding: var(--footer-padding-top-desktop) var(--footer-padding-x-desktop) var(--space-8);
  }

  /* One row as in Figma; when the wordmark can't fit (1024–1279), the identity column moves to its own row
     (DQ-024, decided by Claude). */
  .top[b-ffn8ijkp1a] {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--space-10);
  }

  .brand[b-ffn8ijkp1a],
  .identity[b-ffn8ijkp1a] { flex: 1 0 0; }

  .brand[b-ffn8ijkp1a] { min-width: var(--footer-brand-min-width); }
  .identity[b-ffn8ijkp1a] { min-width: min-content; } /* the one-word wordmark */

  .about[b-ffn8ijkp1a],
  .social span[b-ffn8ijkp1a] { font: var(--type-heading-h3); }

  .social[b-ffn8ijkp1a] { min-height: 0; }
  .social .mobile[b-ffn8ijkp1a] { display: none; }
  .social .desktop[b-ffn8ijkp1a] { display: block; }

  .column[b-ffn8ijkp1a] {
    flex-shrink: 0;
    gap: var(--space-3);
  }

  .bottom[b-ffn8ijkp1a] { white-space: nowrap; }
}

@media (min-width: 1920px) {
  .top[b-ffn8ijkp1a] {
    display: grid;
    grid-template-columns: var(--footer-columns-1920);
  }
}
/* /Components/Ui/Header.razor.rz.scp.css */
.bar[b-1mtwcpovkb] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--header-height-mobile);
  padding: var(--space-2) var(--space-4);
  border-radius: var(--radius-xl);
  background: var(--color-bg-surface);
  box-shadow: inset 0 0 0 var(--border-width-sm) var(--color-border-subtle);
}

.wordmark[b-1mtwcpovkb] {
  font: var(--type-heading-h3);
  color: var(--color-text-primary);
  text-decoration: none;
  white-space: nowrap;
}

.icon-button[b-1mtwcpovkb] {
  flex-shrink: 0;
  width: var(--header-icon-button);
  height: var(--header-icon-button);
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}

.desktop-nav[b-1mtwcpovkb] { display: none; }

ul[b-1mtwcpovkb] {
  margin: 0;
  padding: 0;
  list-style: none;
}

.free-menu[b-1mtwcpovkb] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-3) var(--space-5);
  border-radius: var(--radius-full);
  background: var(--color-bg-accent);
  color: var(--color-text-brand);
  font: var(--type-label-lg);
  text-decoration: none;
  white-space: nowrap;
}

/* Mobile menu / Open (418:6458) */
.mobile-menu[b-1mtwcpovkb] {
  position: fixed;
  inset: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  padding: var(--space-4);
  overflow-y: auto;
  background: var(--bg);
}

.mobile-menu[hidden][b-1mtwcpovkb] { display: none; }

@media (prefers-reduced-motion: no-preference) {
  .mobile-menu[b-1mtwcpovkb] {
    transition: opacity var(--motion-base) var(--motion-ease), transform var(--motion-base) var(--motion-ease);
  }

  @starting-style {
    .mobile-menu[b-1mtwcpovkb] {
      opacity: 0;
      transform: translateY(calc(-1 * var(--motion-distance)));
    }
  }
}

.panel[b-1mtwcpovkb] {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  padding: var(--space-6) var(--space-6) var(--space-8);
  border-radius: var(--radius-lg);
  background: var(--color-bg-surface);
  box-shadow: inset 0 0 0 var(--border-width-sm) var(--color-border-subtle);
}

.menu-links[b-1mtwcpovkb] {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

/* Figma draws the first menu link 56px tall, the others 44px. */
.menu-links li:first-child[b-1mtwcpovkb]  .navlink { min-height: var(--navlink-menu-first-height); }

@media (min-width: 1024px) {
  .bar[b-1mtwcpovkb] {
    height: auto;
    padding: var(--space-6) var(--space-8);
  }

  .wordmark[b-1mtwcpovkb] { padding: var(--space-2); }

  .icon-button[b-1mtwcpovkb],
  .mobile-menu[b-1mtwcpovkb] { display: none; }

  .desktop-nav[b-1mtwcpovkb] {
    display: flex;
    align-items: center;
    gap: var(--header-nav-gap);
  }

  .links[b-1mtwcpovkb] {
    display: flex;
    align-items: center;
    gap: var(--header-links-gap);
    white-space: nowrap;
    height: var(--header-nav-height);
  }
}
/* /Components/Ui/Illustration.razor.rz.scp.css */
.illustration[b-rxxzw8wf2v] { display: contents; }

.illustration img[b-rxxzw8wf2v] {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
}
/* /Components/Ui/NavLink.razor.rz.scp.css */
.navlink[b-dqmv3bw29x] {
  display: flex;
  align-items: center;
  min-height: var(--navlink-min-height);
  padding: var(--space-3) var(--space-2);
  color: var(--color-text-primary);
  text-decoration: none;
  text-underline-position: from-font;
  transition: color var(--motion-fast) var(--motion-ease);
}

.navlink:hover[b-dqmv3bw29x] {
  color: var(--color-text-brand);
  text-decoration-line: underline;
}

.large[b-dqmv3bw29x] { font: var(--type-heading-h3); }

.small[b-dqmv3bw29x] {
  padding-block: var(--navlink-small-padding-y);
  font: var(--type-label-lg);
}

@media (min-width: 1024px) {
  .small[b-dqmv3bw29x] {
    min-height: 0;
    padding: var(--space-2);
  }
}
/* /Components/Ui/OptionCard.razor.rz.scp.css */
.option[b-2rgygze78x] {
  position: relative;
  display: flex;
  gap: var(--space-3);
  align-items: center;
  min-height: var(--option-min-height);
  padding: var(--space-4);
  border-radius: var(--radius-md);
  background: var(--color-bg-surface);
  box-shadow: inset 0 0 0 var(--border-width-sm) var(--color-border-subtle);
  cursor: pointer;
  transition: background-color var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease);
}

/* The native input stays in the accessibility tree and keyboard order; the card is its label. */
input[b-2rgygze78x] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: inherit;
}

.indicator[b-2rgygze78x] {
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--option-indicator-size);
  height: var(--option-indicator-size);
  border: var(--border-width-md) solid var(--color-border-strong);
  border-radius: var(--radius-full);
  transition: background-color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease);
}

.checkbox .indicator[b-2rgygze78x] { border-radius: var(--option-checkbox-radius); }

.dot[b-2rgygze78x] {
  position: absolute;
  top: calc(-1 * var(--border-width-md));
  left: calc(-1 * var(--border-width-md));
  width: var(--option-indicator-size);
  height: var(--option-indicator-size);
  max-width: none;
  display: none;
}

.check[b-2rgygze78x] { display: none; }

.label[b-2rgygze78x] {
  flex: 1 0 0;
  min-width: 0;
  font: var(--option-label-type);
  color: var(--color-text-primary);
}

/* Hover */
.option:hover[b-2rgygze78x] { box-shadow: inset 0 0 0 var(--border-width-sm) var(--color-border-brand); }
.checkbox:hover .indicator[b-2rgygze78x] { border-color: var(--color-border-brand); }

/* Focus */
.option:has(input:focus-visible)[b-2rgygze78x] { box-shadow: inset 0 0 0 var(--border-width-md) var(--color-border-brand); }
.checkbox:has(input:focus-visible) .indicator[b-2rgygze78x] { border-color: var(--color-border-brand); }

/* Selected */
.option:has(input:checked)[b-2rgygze78x] {
  background: var(--color-bg-accent-subtle);
  box-shadow: inset 0 0 0 var(--border-width-sm) var(--color-border-brand);
}
.option:has(input:checked) .label[b-2rgygze78x] { font: var(--option-label-type-selected); }
.radio:has(input:checked) .indicator[b-2rgygze78x] { border-color: transparent; }
.radio:has(input:checked) .dot[b-2rgygze78x] { display: block; }
.checkbox:has(input:checked) .indicator[b-2rgygze78x] {
  border-color: transparent;
  background: var(--color-bg-brand);
}
.checkbox:has(input:checked) .check[b-2rgygze78x] { display: block; }

/* Error (set by the form script on the cards of an invalid step) */
.option.error[b-2rgygze78x] { box-shadow: inset 0 0 0 var(--border-width-sm) var(--color-border-error); }
.checkbox.error .indicator[b-2rgygze78x] { border-color: var(--color-border-error); }

/* Disabled */
.option:has(input:disabled)[b-2rgygze78x] {
  opacity: var(--control-disabled-opacity);
  box-shadow: inset 0 0 0 var(--border-width-sm) var(--color-border-disabled);
  cursor: default;
}
.option:has(input:disabled) .label[b-2rgygze78x] { color: var(--color-text-secondary); }
.checkbox:has(input:disabled) .indicator[b-2rgygze78x] { border-color: var(--color-border-secondary); }

/* Option Card / Tile */
@media (min-width: 1024px) {
  /* Figma width, shrinking when five don't fit in one row (1024–1279, DQ-024 decided by Claude) */
  .tile[b-2rgygze78x] {
    flex: 0 1 var(--option-tile-width);
    flex-direction: column;
    min-width: 0;
    min-height: 0;
  }

  .tile .label[b-2rgygze78x] {
    flex: none;
    width: 100%;
    text-align: center;
  }
}
/* /Components/Ui/PrimaryButton.razor.rz.scp.css */
.btn[b-g48xiyas1a] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--button-loading-gap);
  padding: var(--space-3) var(--space-5);
  border: none;
  border-radius: var(--radius-full);
  background: var(--color-bg-brand);
  color: var(--color-text-on-brand);
  font: var(--button-type);
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: opacity var(--motion-fast) var(--motion-ease);
}

.btn:hover[b-g48xiyas1a] { opacity: var(--button-hover-opacity); }

/* Figma strokes are inside strokes: drawn with inset box-shadow so they never change the size.
   Focus: the site-wide ring in app.css (Figma's green-on-green focus border was invisible, DQ-020). */

.form[b-g48xiyas1a] { height: var(--button-height); }

.btn:disabled[b-g48xiyas1a],
.btn[aria-disabled="true"][b-g48xiyas1a] {
  background: var(--color-bg-surface);
  box-shadow: inset 0 0 0 var(--border-width-sm) var(--color-border-disabled);
  color: var(--color-text-secondary);
  opacity: 1;
  cursor: default;
}

.loader[b-g48xiyas1a] { display: none; }

.btn[aria-busy="true"][b-g48xiyas1a] {
  width: 100%;
  height: auto;
  min-height: var(--button-loading-min-height);
}

.btn[aria-busy="true"] .loader[b-g48xiyas1a] { display: block; }

.btn[aria-busy="true"] .label[b-g48xiyas1a] { flex: 1 0 0; text-align: left; }

.cta[b-g48xiyas1a] {
  width: 100%;
  height: var(--button-cta-height-mobile);
}

@media (min-width: 1024px) {
  .cta[b-g48xiyas1a] {
    width: auto;
    height: auto;
  }
}
/* /Components/Ui/ProgressBar.razor.rz.scp.css */
.progress[b-oke4ehvly1] {
  display: flex;
  gap: var(--space-2);
  width: 100%;
}

.segment[b-oke4ehvly1] {
  flex: 1 0 0;
  min-width: 0;
  height: var(--progress-height);
  border-radius: var(--radius-xs);
  background: var(--color-bg-brand-subtle);
  transition: background-color var(--motion-base) var(--motion-ease);
}

.filled[b-oke4ehvly1] { background: var(--color-bg-brand); }
/* /Components/Ui/SecondaryButton.razor.rz.scp.css */
.btn[b-aksm7apjd0] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--button-height);
  padding: var(--space-3) var(--space-5);
  border: none;
  box-shadow: inset 0 0 0 var(--border-width-sm) var(--color-border-brand);
  border-radius: var(--radius-full);
  background: var(--color-bg-surface);
  color: var(--color-text-brand);
  font: var(--button-type);
  white-space: nowrap;
  cursor: pointer;
  transition: opacity var(--motion-fast) var(--motion-ease);
}

.btn:hover[b-aksm7apjd0] { opacity: var(--button-hover-opacity); }

/* Focus: the site-wide ring in app.css (Figma's cream-on-cream focus border was invisible, DQ-020). */

.btn:disabled[b-aksm7apjd0] {
  box-shadow: inset 0 0 0 var(--border-width-sm) var(--color-border-disabled);
  color: var(--color-text-secondary);
  opacity: 1;
  cursor: default;
}
/* /Components/Ui/TextInput.razor.rz.scp.css */
.field[b-sdpv3nsn2e] {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.label[b-sdpv3nsn2e] {
  font: var(--input-label-type);
  color: var(--color-text-primary);
}

.input[b-sdpv3nsn2e] {
  height: var(--button-height);
  padding: var(--space-3) var(--space-4);
  border: none;
  border-radius: var(--radius-md);
  background: var(--color-bg-surface);
  box-shadow: inset 0 0 0 var(--border-width-sm) var(--color-border-disabled);
  font: var(--input-type);
  color: var(--color-text-primary);
  transition: box-shadow var(--motion-fast) var(--motion-ease);
}

.multiline[b-sdpv3nsn2e] {
  height: var(--input-multiline-height);
  resize: none;
}

.input[b-sdpv3nsn2e]::placeholder {
  color: var(--color-text-secondary);
  opacity: 1;
}

.input:not(:placeholder-shown)[b-sdpv3nsn2e] { box-shadow: inset 0 0 0 var(--border-width-sm) var(--color-border-brand); }

.input:focus[b-sdpv3nsn2e] {
  outline: none;
  box-shadow: inset 0 0 0 var(--border-width-md) var(--color-border-brand);
}

.field.error .input[b-sdpv3nsn2e] { box-shadow: inset 0 0 0 var(--border-width-sm) var(--color-border-error); }

.input:disabled[b-sdpv3nsn2e] {
  opacity: var(--control-disabled-opacity);
  box-shadow: inset 0 0 0 var(--border-width-sm) var(--color-border-disabled);
}

.field:has(.input:disabled) .label[b-sdpv3nsn2e] { color: var(--color-text-secondary); }

.message[b-sdpv3nsn2e] {
  display: none;
  font: var(--input-error-type);
  color: var(--color-text-error);
}

.field.error .message[b-sdpv3nsn2e] { display: block; }
/* /Components/Ui/UkraineBanner.razor.rz.scp.css */
/* Sticks to the top while scrolling. Above page content (the Reviews centre card uses z-index 1), below the open
   mobile menu (z-index 10). */
.banner[b-4l6fvs0b70] {
  position: sticky;
  top: 0;
  z-index: 5;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: var(--space-3);
  min-height: var(--ukraine-banner-height);
  padding: var(--space-1) var(--space-2) var(--space-1) var(--space-4);
  background: var(--color-bg-brand);
  color: var(--color-text-on-brand);
  font: var(--ukraine-banner-type);
  text-align: center;
}

.banner img[b-4l6fvs0b70] { display: block; }

p[b-4l6fvs0b70] { margin: 0; }

button[b-4l6fvs0b70] {
  display: flex;
  width: var(--space-8);
  height: var(--space-8);
  padding: 0;
  border: none;
  background: none;
  color: var(--color-icon-on-brand);
  cursor: pointer;
}

svg[b-4l6fvs0b70] { width: 100%; height: 100%; }

/* The site-wide green focus ring would vanish on the green strip. */
button:focus-visible[b-4l6fvs0b70] { outline-color: var(--color-border-on-brand); }

@media (min-width: 1024px) {
  /* Flag and text centred together; the close button stays at the right edge. */
  .banner[b-4l6fvs0b70] {
    grid-template-columns: 1fr auto auto 1fr;
    min-height: var(--ukraine-banner-height-desktop);
    padding-block: 0;
    padding-inline: var(--space-20) var(--space-16);
    font: var(--ukraine-banner-type-desktop);
  }

  .banner img[b-4l6fvs0b70] { grid-column: 2; }

  button[b-4l6fvs0b70] { justify-self: end; }
}