.subpages-redo { --m-fast: 150ms; --m-base: 300ms; }
.subpages-redo .brand, .subpages-redo .footer-brand { margin-inline-start: calc(-7.5rem * .111); }
.subpages-redo .site-header[data-tone="dark"]::before { background: rgb(10 20 38 / 90%); }
.subpages-redo .site-header[data-tone="light"]::before { background: rgb(255 255 255 / 92%); }
.subpages-redo [data-sub-section] { position: relative; isolation: isolate; scroll-margin-top: 72px; }
.sub-photo { position: absolute; inset: 0; z-index: -1; overflow: hidden; }
.sub-photo img { width: 100%; height: 100%; object-fit: cover; }

.sub-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgb(22 24 20 / 80%) 0%, rgb(22 24 20 / 68%) 50%, rgb(22 24 20 / 20%) 70%, rgb(22 24 20 / 4%) 100%); }

.sub-hero .sub-photo::before { content: ""; position: absolute; inset: 0 0 auto; height: 200px; z-index: 1; background: linear-gradient(180deg, rgb(22 24 20 / 55%), rgb(22 24 20 / 0%)); }
.sub-hero { min-height: 100svh; display: grid; align-items: center; padding-block: calc(var(--header-h) + 48px) 64px; }
.sub-hero-inner.has-card { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 64px; align-items: center; }
.sub-hero .sub-copy { max-width: 800px; }
.sub-hero h1 { font-size: var(--t-display); line-height: 1.04; max-width: 19ch; margin-top: 24px; color: var(--site-on-night); }
.sub-hero .lead { margin-top: 24px; max-width: 48ch; color: var(--site-on-night); }
.subpages-redo .actions { margin-top: 32px; }
.sub-chapter { min-height: min(680px, calc(100svh - var(--header-h))); padding-block: 64px; display: grid; align-items: center; }
.sub-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 64px; }
.sub-copy p { margin-top: 24px; font-size: var(--t-body); max-width: 64ch; text-wrap: pretty; }
.sub-copy h2 { max-width: 22ch; }
.subpages-redo .keep-pair { white-space: nowrap; }
.subpages-redo .chapter-kicker { text-transform: uppercase; letter-spacing: .08em; }
.subpages-redo .on-night .chapter-kicker, .subpages-redo .on-night .sub-copy p { color: var(--site-on-night); }
.sub-visual { min-width: 0; width: 100%; max-width: 560px; justify-self: end; }
.subpages-redo .card { box-shadow: var(--shadow-lift); }
.subpages-redo .on-night .card { box-shadow: var(--shadow-float); }
.subpages-redo .visual-pair { display: grid; gap: 16px; }
.subpages-redo .pcard { padding: 24px; }
.subpages-redo .pcard-row { background: var(--site-paper); border-bottom: 1px solid var(--site-line); border-radius: 0; padding: 12px 0; flex-wrap: wrap; }
.subpages-redo .pcard-quote { background: var(--site-paper); border-left: 2px solid var(--site-line); border-radius: 0; }
.subpages-redo .pcard-head { align-items: flex-start; }
.subpages-redo .pcard-button { border: 0; }
.subpages-redo [data-approved][hidden] { display: none; }
.subpages-redo [data-approve][disabled] { cursor: default; background: var(--site-done-bg); color: var(--site-done); }
.subpages-redo [data-approve]:active { transform: translateY(2px); }
.sub-wide .sub-grid { grid-template-columns: 1fr; gap: 32px; }
.sub-wide .sub-visual { max-width: none; }
.sub-wide .sub-copy h2 { max-width: none; }
.subpages-redo .choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.subpages-redo .choice { padding: 32px; background: var(--site-paper); }
.subpages-redo .choice { display: flex; flex-direction: column; align-items: flex-start; gap: 0; }
.subpages-redo .choice p { margin-block: 16px 24px; }
.subpages-redo .choice-action { margin-top: auto; padding-top: 32px; }
.subpages-redo .plan { box-shadow: var(--shadow-lift); background: var(--site-paper); padding: 24px; border: 0; }
.subpages-redo .plan-price b { font-weight: inherit; }

.subpages-redo .plan-included { display: block; padding: 0 24px; margin-top: 40px; background: none; }
.subpages-redo .plan-included ul { display: flex; flex-wrap: wrap; gap: 12px 32px; margin-top: 16px; }
.subpages-redo .plan-other { margin-top: 24px; padding-inline: 24px; color: var(--site-muted); }
.sub-plans { padding-block: 32px; }
.sub-plans .sub-grid { gap: 24px; }
.sub-plans .sub-copy p { margin-top: 12px; }
.sub-provider .sub-grid { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 48px; }
.subpages-redo .provider-table { width: 100%; table-layout: fixed; }
.subpages-redo .provider-table th, .subpages-redo .provider-table td { padding: 12px; overflow-wrap: anywhere; }
.subpages-redo .table-wrap { padding: 16px; background: var(--site-paper); }
.sub-founder .sub-grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.sub-founder .sub-copy h2 { max-width: none; }
.founder-photo img { width: 100%; height: 440px; object-fit: cover; border-radius: var(--r-media); }
.sub-summary { padding-block: 64px; }
.sub-summary li { padding-block: 16px; border-bottom: 1px solid var(--site-line); color: var(--site-ink); }
.sub-summary ul { border-top: 1px solid var(--site-line); }
.sub-next { padding-block: 64px; }
.sub-next .next-grid { margin-top: 32px; }
.sub-next .next-card { position: relative; }
.sub-next .next-card img { transition: transform 150ms var(--ease), box-shadow 150ms var(--ease); }
.sub-next .next-card img { height: 240px; }

.sub-next .next-card:hover img, .sub-next .next-card:focus-visible img { transform: translateY(-3px); box-shadow: var(--shadow-lift); }
.sub-close { padding-block: 64px; }
.sub-close h2 { max-width: 24ch; }
.sub-close .lead { margin-top: 24px; }
.subpages-redo .site-footer { --sky: 64px; padding-bottom: 24px; }
.subpages-redo .footer-nav { row-gap: 24px; }
@media (prefers-reduced-motion: no-preference) {
  .subpages-redo [data-sub-reveal] { transition: opacity 300ms var(--ease), transform 300ms var(--ease); }
  .subpages-redo.motion-ready [data-sub-reveal]:not([data-shown]) { opacity: 0; transform: translateY(12px); }
}
@media (max-width: 56em) {
  .sub-hero { min-height: 100svh; padding-block: calc(var(--header-h) + 48px) 64px; }
  .sub-hero-inner.has-card, .sub-grid, .sub-provider .sub-grid, .sub-founder .sub-grid { grid-template-columns: 1fr; gap: 32px; }
  .sub-hero h1 { font-size: 44px; }
  .subpages-redo .keep-pair { white-space: normal; }
  .sub-hero-inner.has-card { gap: 32px; }
  .sub-hero .sub-copy { max-width: none; }
  .sub-chapter { min-height: 0; padding-block: 64px; }
  .sub-photo::after { background: rgb(22 24 20 / 72%); }
  .subpages-redo .choice-grid, .subpages-redo .plan-grid { grid-template-columns: 1fr; }
  .subpages-redo .pcard, .subpages-redo .choice { padding: 24px; }
  .subpages-redo .pcard-row .chip { max-width: 100%; white-space: normal; }
  .sub-visual { max-width: none; }
  .subpages-redo .table-wrap { padding: 8px; }
  .subpages-redo .provider-table th, .subpages-redo .provider-table td { padding: 8px; font-size: var(--t-small); }
  .founder-photo img { height: 320px; }
  .subpages-redo .footer-nav { gap: 24px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  .subpages-redo *, .subpages-redo *::before, .subpages-redo *::after { animation: none !important; transition: none !important; }
  .sub-next .next-card:hover img, .sub-next .next-card:focus-visible img, .subpages-redo [data-approve]:active { transform: none; }
  .subpages-redo .page-link:hover svg, .subpages-redo .next-card:hover svg { translate: none; }
}


.trust-list { list-style: none; margin: var(--s-5, 1.5rem) 0 0; padding: 0; display: grid; gap: var(--s-4, 1rem); max-width: 34rem; }
.trust-list li { position: relative; padding-left: 1.75rem; line-height: 1.5; }
.trust-list li::before { content: ""; position: absolute; left: 0; top: .55em; width: .5rem; height: .5rem; border-radius: 50%; background: var(--site-blossom, currentColor); }


.contact-list { margin-top: 32px; display: grid; gap: 16px; }
.contact-list div { display: grid; gap: 4px; padding-top: 16px; border-top: 1px solid rgb(251 248 242 / 24%); }
.contact-list dt { font-size: var(--t-small); color: var(--site-on-night-muted); }
.contact-list dd { margin: 0; font-size: var(--t-lead, 1.25rem); font-weight: 600; }
.contact-list a { color: var(--site-on-night); text-decoration: underline; text-decoration-color: var(--site-blossom); text-underline-offset: .25em; }
.contact-list a:hover { color: var(--site-blossom); }