.marketing-design main { max-width: 77.5rem; }
  .transform-example { padding-top: 8rem; border-top: 0; }
  .transform-example .section-heading { display: block; max-width: 48.75rem; }
  .transform-example .eyebrow { padding: 0; margin-bottom: .5rem; font: italic 500 1.375rem/1.75rem 'Cormorant Garamond', Georgia, serif; color: var(--ink-muted); letter-spacing: normal; text-transform: none; }
  .transform-example h2 { max-width: none; margin: 0; font-size: 2.55rem; }
  .chat-lede { max-width: 48.75rem; margin-top: 1.25rem; color: var(--ink-muted); font-size: 1.1rem; line-height: 1.6; }
  .chat-lede strong, .chat-copy strong { color: var(--ink); }
  .chat-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4.5rem; align-items: start; margin-top: 3rem; }
  .chat-row-draft { grid-template-areas: 'figure text'; }
  .chat-row-source { grid-template-areas: 'text figure'; }
  .chat-copy { grid-area: text; padding-top: .5rem; color: var(--ink-muted); font-size: 1.02rem; line-height: 1.6; }
  .chat-copy > p:first-child { margin-bottom: 1.75rem; }
  .chat-beat { margin: 1.75rem 0 .625rem; font: italic 500 1.25rem/1.5625rem 'Cormorant Garamond', Georgia, serif; color: var(--ink-muted); }
  .chat-copy blockquote { margin: 0; padding: .875rem 1.125rem; border-radius: 18px; background: var(--highlight); color: var(--ink); }
  .chat-copy blockquote p { margin: 0; }
  .chat-questions { margin: 0 0 .625rem; padding-left: 1.875rem; color: var(--ink); font: 400 1.1875rem/1.875rem 'Crimson Pro', Georgia, serif; }
  .chat-questions li { padding-left: .125rem; margin-bottom: .5rem; }
  .chat-questions li::marker { color: var(--ink-muted); }
  .chat-copy a { font: 500 .8125rem/1.875rem 'Inter', sans-serif; }
  .chat-copy .chat-draft-footer { margin: 0; font-size: .90625rem; line-height: 1.375rem; }
  .chat-copy details { padding: 1.125rem 1.25rem 1.25rem; border-inline-start: 3px solid var(--rubric); border-radius: 14px; background: var(--highlight); }
  .chat-copy summary { cursor: pointer; color: var(--ink); font-size: .90625rem; line-height: 1.375rem; font-weight: 600; }
  .chat-copy details p { margin: .75rem 0 0; color: var(--ink); font: 400 1.09375rem/1.6875rem 'Crimson Pro', Georgia, serif; }
  .chat-copy details p:first-of-type { font: 400 .90625rem/1.375rem 'Inter', sans-serif; color: var(--ink-muted); }
  .chat-copy details p:last-child { font: 400 .8125rem/1.25rem 'Inter', sans-serif; color: var(--ink-muted); }
  .chat-copy .chat-revision { padding: 0; border-radius: 0; background: none; font: 400 1.1875rem/1.875rem 'Crimson Pro', Georgia, serif; }
  .chat-leader-heading { margin-top: 1.75rem; font: 500 1.625rem/2rem 'Cormorant Garamond', Georgia, serif; color: var(--ink); }
  .chat-figure { grid-area: figure; margin: 0; min-width: 0; }
  .chat-panel { padding: 2.25rem 1rem; background: var(--highlight); border-radius: 22px; }
  .chat-phone { width: min(100%, 378px); margin-inline: auto; padding: 18px 9px; border-radius: 44px; background: var(--ink); box-shadow: 0 28px 48px rgb(26 22 18 / .35); }
  .chat-phone img { display: block; width: 100%; height: auto; border-radius: 36px; }
  .chat-figure figcaption { margin-top: .875rem; color: var(--ink-muted); font-size: .74rem; line-height: 1.4; font-weight: 500; }
  .storehouse-flywheel { max-width: 1192px; margin: 2.5rem auto; }
  .callout + .storehouse-flywheel { margin-top: 0; }
  .storehouse-flywheel img { display: block; width: 100%; height: auto; }
  .storehouse-flywheel figcaption { margin-top: .875rem; color: var(--ink-muted); font-size: .93rem; font-weight: 500; text-align: end; }
  .church-testimonials { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.6rem; border-top: 0; }
  .church-testimonials figure { display: flex; flex-direction: column; margin: 0; padding: 2rem 2rem 1.7rem; border-radius: 18px; background: var(--highlight); }
  .quote-mark { height: 2.6rem; margin-bottom: .2rem; font: 600 4.2rem/1 'Cormorant Garamond', Georgia, serif; color: var(--rubric); }
  .church-testimonials blockquote { flex: 1; margin: 0; padding-bottom: 1.7rem; font: italic 500 1.36rem/1.42 'Cormorant Garamond', Georgia, serif; }
  .church-testimonials blockquote p { margin: 0; }
  .church-testimonials figcaption { margin-top: 1.3rem; padding-top: .9rem; border-top: 1px solid var(--rule); font: 600 .78rem/1.3 'Inter', sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--rubric); }
  @media (max-width: 999px) {
    .church-testimonials { grid-template-columns: minmax(0, 44rem); }
    .storehouse-flywheel { max-width: 440px; }
    .storehouse-flywheel figcaption { font-size: .74rem; text-align: center; }
    .chat-row { gap: 2rem; }
  }
  @media (max-width: 719px) {
    .marketing-design main { padding-inline: 1.15rem; }
    .chat-row { grid-template-columns: minmax(0, 1fr); grid-template-areas: 'text' 'figure'; gap: 1.75rem; }
    .chat-row-source { grid-template-areas: 'text'; }
    .chat-figure-draft { width: min(100%, 354px); margin-inline: auto; }
    .chat-figure-source { display: none; }
    .chat-panel { padding: 1.5rem .5rem; }
    .chat-phone { max-width: 338px; }
    .church-testimonials { grid-template-columns: minmax(0, 1fr); }
    .church-testimonials figure { padding: 1.6rem 1.4rem 1.4rem; }
    .church-testimonials blockquote { font-size: 1.24rem; }
  }

/* T-page deep dives: A closer look, kinds of text, setup steps, joining, language numbers */
.deep-body { margin-top: clamp(2rem, 4vw, 3rem); }
.deep-annotated { display: grid; grid-template-columns: minmax(0, 35rem) minmax(0, 1fr); gap: clamp(2rem, 5vw, 4rem); align-items: start; }
.deep-figure { min-width: 0; margin: 0; }
.deep-figure img, .deep-steps img { display: block; width: 100%; height: auto; }
.deep-figure figcaption, .deep-steps figcaption { margin-top: .75rem; color: var(--ink-muted); font-size: .74rem; font-weight: 500; line-height: 1.4; }
.deep-notes { display: grid; gap: 1.75rem; margin: 0; padding: 1.25rem 0 0; list-style: none; }
.deep-notes li { display: grid; grid-template-columns: 1.75rem minmax(0, 1fr); gap: 1.125rem; align-items: start; }
.deep-num { display: inline-grid; flex: 0 0 auto; place-items: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; background: var(--rubric); color: var(--paper); font: 600 .8125rem/1 'Inter', sans-serif; }
.deep-notes h3, .deep-card h3, .deep-steps h3, .deep-stats h3 { margin: 0 0 .4rem; color: var(--ink); font: 500 1.5rem/1.17 'Cormorant Garamond', Georgia, serif; }
.deep-notes p, .deep-card > p, .deep-steps p, .deep-stats p { margin: 0; color: var(--ink-muted); font-size: 1rem; line-height: 1.6; }
.deep-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem 1.5rem; margin: 0; padding: 0; list-style: none; }
.deep-steps.three { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; }
.deep-steps > li, .deep-cards > .deep-card { display: grid; grid-row: span 3; grid-template-rows: subgrid; row-gap: 0; align-content: start; min-width: 0; }
.deep-steps figure { margin: 0 0 1.25rem; }
.deep-steps h3 { display: flex; gap: .5rem; align-items: flex-start; font-size: 1.375rem; line-height: 1.27; }
.deep-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem; }
.deep-specimen { display: grid; align-content: start; gap: .5rem; min-height: 16.875rem; margin-bottom: 1rem; padding: 1.75rem 2.5rem; border-radius: 20px; background: var(--highlight); }
.deep-sheet { display: grid; gap: .625rem; padding: 1rem; border: 1px solid var(--rule); border-radius: 12px; background: var(--paper); }
.deep-sheet p, .deep-specimen p { margin: 0; }
.deep-live { color: var(--rubric); font: 600 .6875rem/1.3 'Inter', sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.deep-live::before { content: ''; display: inline-block; width: .45rem; height: .45rem; margin-inline-end: .55rem; border-radius: 50%; background: currentColor; vertical-align: .05em; }
.deep-line { padding: .625rem .875rem .625rem .75rem; border: 1px solid var(--rule); border-inline-start: 3px solid var(--rubric); border-radius: 8px; background: var(--paper); color: var(--ink); font: 400 1rem/1.5 'Crimson Pro', Georgia, serif; }
.deep-line .deep-pending { color: var(--ink-muted); }
.deep-line.roomy { padding: 1rem 1.25rem 1rem 1.125rem; border-radius: 10px; font-size: 1.0625rem; line-height: 1.47; }
.deep-song-title { color: var(--ink); font: 500 1.3125rem/1.25 'Cormorant Garamond', Georgia, serif; }
.deep-song { color: var(--ink); font: 400 1rem/1.5 'Crimson Pro', Georgia, serif; }
.deep-fine { color: var(--ink-muted); font: 400 .72rem/1.4 'Inter', sans-serif; }
.deep-dict-label { color: var(--ink); font: 600 .78rem/1.35 'Inter', sans-serif; }
.deep-terms { display: flex; flex-wrap: wrap; gap: .25rem .875rem; margin: 0; padding: .5rem .625rem; border: 1px solid var(--rule); border-radius: 6px; color: var(--ink); font: 400 .78rem/1.35 'Inter', sans-serif; list-style: none; }
.deep-passage { display: grid; gap: .5rem; padding: 1rem 1.25rem 1rem 1.125rem; border: 1px solid var(--rule); border-inline-start: 3px solid var(--rubric); border-radius: 10px; background: var(--highlight); }
.deep-passage-label { color: var(--rubric); font: 600 .72rem/1.35 'Inter', sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.deep-passage-text { color: var(--ink); font: 400 1.0625rem/1.47 'Crimson Pro', Georgia, serif; }
.deep-specimen .deep-original { margin-top: .5rem; padding-top: .5rem; border-top: 1px dashed var(--rule); color: var(--ink-muted); font: italic 400 .9375rem/1.47 'Crimson Pro', Georgia, serif; }
.deep-pill { display: inline-block; margin: 0 0 .75rem; padding: .2rem .7rem; border: 1px solid var(--rubric); border-radius: 999px; color: var(--rubric); font: 600 .75rem/1.25 'Inter', sans-serif; }
.deep-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem 1.75rem; margin: 0; padding: 0; list-style: none; }
.deep-stats li { min-width: 0; padding-top: 2rem; border-top: 1px solid var(--rule); }
.deep-stats .deep-stat-num { margin: 0 0 .5rem; color: var(--ink); font: 500 clamp(4rem, 3rem + 3vw, 6rem)/.95 'Cormorant Garamond', Georgia, serif; }
.deep-note { max-width: 56rem; margin: 2rem 0 0; color: var(--ink-muted); font-size: .9rem; line-height: 1.6; }
.deep-link { margin: .5rem 0 0; font-weight: 600; }
@media (max-width: 1151px) {
  .deep-annotated { grid-template-columns: minmax(0, 26.75rem) minmax(0, 1fr); }
  .deep-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .deep-steps:not(.three) figure { max-width: 23.3rem; }
}
@media (max-width: 999px) {
  .deep-annotated { grid-template-columns: minmax(0, 22rem) minmax(0, 1fr); }
  .deep-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .deep-steps.three { grid-template-columns: minmax(0, 1fr); }
  .deep-steps.three > li { grid-row: auto; grid-template-columns: minmax(0, 17rem) minmax(0, 1fr); grid-template-rows: auto 1fr; gap: 0 2rem; }
  .deep-steps.three figure { grid-row: 1 / span 2; margin: 0; }
}
@media (max-width: 800px) {
  .deep-annotated, .deep-cards { grid-template-columns: minmax(0, 1fr); }
  .deep-figure { max-width: 26.75rem; }
  .deep-specimen { min-height: 0; padding: 1.25rem; }
}
@media (max-width: 559px) {
  .deep-steps, .deep-stats { grid-template-columns: minmax(0, 1fr); }
  .deep-steps.three > li { display: block; }
  .deep-steps.three figure { max-width: 23.3rem; margin: 0 0 1.25rem; }
}
/* end T-page deep dives */

.storehouse-page .hero { max-width: 58rem; padding-bottom: clamp(3rem, 6vw, 4.5rem); }
.storehouse-page .hero h1 { max-width: 14ch; }
.storehouse-page .availability { max-width: 40rem; margin: 1.5rem 0 0; padding-inline-start: .9rem; border-inline-start: 2px solid var(--rule); background: none; color: var(--ink-muted); font-size: .95rem; line-height: 1.55; }
.sd-hero-link { margin: 1.4rem 0 0; font-weight: 650; }

.sd-chapter { padding: clamp(3.5rem, 7vw, 6rem) 0; border-top: 1px solid var(--rule); }
.sd-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.5rem clamp(2rem, 5vw, 5rem); align-items: start; }
.sd-kicker { display: flex; align-items: baseline; gap: .65rem; margin: 0 0 .85rem; color: var(--ink-muted); font: italic 500 1.375rem/1.3 'Cormorant Garamond', Georgia, serif; }
.sd-num { color: var(--rubric); font: 500 2.6rem/1 'Cormorant Garamond', Georgia, serif; font-variant-numeric: lining-nums; }
.sd-chapter h2 { max-width: 18ch; margin: 0; font-size: clamp(2.3rem, 4vw, 3.4rem); }
.sd-body { max-width: 34rem; padding-top: .35rem; }
.sd-body p { margin: 0 0 1rem; font-size: 1.15rem; line-height: 1.65; }
.sd-body p:last-child { margin-bottom: 0; }

.sd-shot { margin: clamp(2.25rem, 4vw, 3.5rem) 0 0; }
.sd-shot-stage { padding: clamp(1rem, 2.4vw, 2rem); border-radius: 22px; background: var(--highlight); }
.sd-shot-label { width: fit-content; margin: 0 0 .9rem; padding: .15rem .7rem; border: 1px solid var(--rule); border-radius: 999px; background: var(--paper); color: var(--ink-muted); font-size: .85rem; font-weight: 600; line-height: 1.5; }
.sd-shot img { display: block; width: 100%; height: auto; border: 1px solid var(--rule); border-radius: 12px; background: var(--paper); box-shadow: 0 10px 30px rgba(26, 22, 18, .10); }
.sd-shot .sd-phone-only { display: none; }
.sd-shot figcaption { margin-top: .9rem; color: var(--ink-muted); font-size: 1rem; line-height: 1.5; }

.sd-more { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 2.5rem clamp(2rem, 5vw, 5rem); align-items: start; margin-top: clamp(2.75rem, 5vw, 4rem); }
.sd-more h3 { margin: 0 0 1.1rem; font: 500 1.75rem/1.2 'Cormorant Garamond', Georgia, serif; }
.sd-benefits .check-grid { grid-template-columns: minmax(0, 1fr); gap: .9rem; margin: 0; font-size: 1.1rem; }
.sd-instr { padding: 1.4rem 1.5rem 1.5rem; border: 1px solid var(--rule); border-radius: 14px; background: color-mix(in srgb, var(--paper) 90%, white); }
.sd-instr-head { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .75rem; margin: 0 0 1rem; padding-bottom: .9rem; border-bottom: 1px solid var(--rule); }
.sd-instr-name { font-weight: 650; font-size: 1.05rem; }
.sd-tag { padding: .1rem .6rem; border: 1px solid var(--rule); border-radius: 999px; color: var(--ink-muted); font-size: .85rem; font-weight: 600; white-space: nowrap; }
.sd-instr ul { margin: 0; padding-inline-start: 1.15rem; }
.sd-instr li { margin: 0 0 .6rem; font-size: 1.02rem; line-height: 1.55; }
.sd-instr li:last-child { margin-bottom: 0; }
.sd-instr li::marker { color: var(--ink-muted); }
.sd-request { width: fit-content; max-width: 100%; margin: 1rem 0 0; padding: .8rem 1.1rem; border-radius: 18px; background: var(--highlight); font-size: 1.05rem; line-height: 1.5; }
.sd-request-label { color: var(--ink-muted); }
.sd-note { margin: 1.25rem 0 0; color: var(--ink-muted); font-size: 1rem; }

.sd-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 1.75rem 0 0; }
.sd-pair > div { padding: 1rem 1.25rem; border-radius: 12px; font-size: 1.08rem; line-height: 1.5; }
.sd-pair-ground { border: 1px solid var(--ink-muted); background: color-mix(in srgb, var(--paper) 90%, white); }
.sd-pair-draft { border: 1.5px dashed var(--ink-muted); }
.sd-pair dt { display: inline; font-weight: 650; }
.sd-pair dd { display: inline; margin: 0; }
.sd-head-pair { grid-template-rows: auto 1fr; }
.sd-head-pair > .sd-body { grid-column: 2; grid-row: 1 / span 2; }
.sd-head-pair > .sd-pair { grid-column: 1; grid-row: 2; grid-template-columns: minmax(0, 1fr); max-width: 30rem; margin: 0; }

.sd-details { max-width: 52rem; padding: clamp(2.5rem, 5vw, 4rem) 0; border-top: 1px solid var(--rule); }
.sd-details details { border-bottom: 1px solid var(--rule); }
.sd-details summary { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; padding: 1.05rem 0; cursor: pointer; list-style: none; font: 500 1.5rem/1.25 'Cormorant Garamond', Georgia, serif; }
.sd-details summary::-webkit-details-marker { display: none; }
.sd-details summary::after { content: '+'; flex: none; color: var(--rubric); font: 400 1.6rem/1 'Inter', sans-serif; }
.sd-details details[open] summary::after { content: '−'; }
.sd-details summary:focus-visible { outline: 3px solid var(--rubric); outline-offset: 3px; }
.sd-details details p { max-width: 44rem; margin: 0 0 1.35rem; font-size: 1.05rem; line-height: 1.65; }

.sd-connect h2 { margin-inline: auto; }
.sd-closing h2 { max-width: none; }
.sd-closing h2 span { display: block; }
.sd-closing-line { margin: 1.25rem 0 0; font-size: clamp(1.12rem, 2vw, 1.35rem); line-height: 1.5; }

@media (max-width: 999px) {
  .sd-shot-frame { max-width: 430px; margin-inline: auto; }
  .sd-shot .sd-phone-only { display: block; margin-top: .75rem; }
  .sd-head, .sd-more { grid-template-columns: minmax(0, 1fr); }
  .sd-head-pair { grid-template-rows: none; }
  .sd-head-pair > .sd-body, .sd-head-pair > .sd-pair { grid-column: auto; grid-row: auto; }
  .sd-head-pair > .sd-pair { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: none; }
}
@media (max-width: 719px) {
  .sd-shot { margin-inline: -1.15rem; }
  .sd-shot-stage { padding: 1rem; border-radius: 0; }
  .sd-shot figcaption { padding-inline: 1.15rem; font-size: .95rem; }
  .sd-pair { grid-template-columns: minmax(0, 1fr); }
  .sd-head-pair > .sd-pair { grid-template-columns: minmax(0, 1fr); }
  .sd-body p { font-size: 1.1rem; }
  .sd-instr { padding: 1.15rem 1.15rem 1.25rem; }
  .sd-closing { padding-inline: 1.5rem; }
}

.mac-window { border-radius: 10px; overflow: hidden; background: #faf6ee; box-shadow: 0 0 0 1px rgb(0 0 0 / .16), 0 22px 44px rgb(26 22 18 / .22); }
.mac-titlebar { position: relative; height: 2rem; display: flex; align-items: center; justify-content: center; background: #ece9e3; border-bottom: 1px solid rgb(0 0 0 / .12);
  color: #4d4a45; font: 600 .8125rem/1 'Inter', -apple-system, system-ui, sans-serif; }
.mac-lights { position: absolute; inset-inline-start: .875rem; top: 50%; transform: translateY(-50%); display: flex; gap: .5rem; }
.mac-lights i { width: .75rem; height: .75rem; border-radius: 50%; box-shadow: inset 0 0 0 .5px rgb(0 0 0 / .12); }
.mac-lights i:nth-child(1) { background: #ff5f57; } .mac-lights i:nth-child(2) { background: #febc2e; } .mac-lights i:nth-child(3) { background: #28c840; }
.mac-window img { display: block; width: 100%; height: auto; }
@media (max-width: 719px) { .mac-window { border-radius: 6px; } .mac-titlebar { height: 1.125rem; font-size: .47rem; } .mac-lights { inset-inline-start: .5rem; gap: .3rem; } .mac-lights i { width: .44rem; height: .44rem; } }

/* Network page (09) */
.network-page .hero { padding: 7.5rem 0 4.5rem; max-width: 58rem; }
.network-page .hero .eyebrow { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 500; font-style: italic; font-size: 1.375rem; line-height: 1.3; color: var(--ink-muted); text-transform: none; letter-spacing: normal; }
.network-page .hero h1 { font-size: 4.4rem; line-height: 1.04; text-wrap: balance; max-width: 58rem; }
.network-page .hero .lede { font-size: 1.35rem; line-height: 1.65; color: var(--ink-muted); max-width: 48rem; }

.network-how { border-top: 1px solid var(--rule); padding: 6rem 0; }
.network-eyebrow { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 500; font-style: italic; font-size: 1.375rem; line-height: 1.3; color: var(--ink-muted); margin-bottom: 2rem; }
.network-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3rem; }
.network-part { border-top: 1px solid var(--rule); padding-top: 1.25rem; }
.network-part h3 { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 500; font-size: 2rem; line-height: 1.125; color: var(--ink); margin: 0 0 .75rem; }
.network-part p { font-family: 'Inter', -apple-system, system-ui, sans-serif; font-size: 1.02rem; line-height: 1.65; color: var(--ink-muted); margin: 0; }

.network-cta { background: var(--ink); border-radius: 6px; padding: 5rem; margin: 3rem 0 5rem; box-sizing: border-box; }
.network-cta-inner { max-width: 48rem; }
.network-cta h2 { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 500; font-size: 3.6rem; line-height: 1.03; color: var(--paper); margin: 0 0 1rem; }
.network-cta p { font-family: 'Inter', -apple-system, system-ui, sans-serif; font-size: 1.35rem; line-height: 1.5; color: #D9D5CC; margin: 0 0 2rem; max-width: 48rem; }
.network-btn { display: inline-block; background: var(--paper); color: var(--ink); font-family: 'Inter', -apple-system, system-ui, sans-serif; font-weight: 700; font-size: 1rem; line-height: 1.65; padding: .78rem 1.05rem; border-radius: 4px; border: 0; text-decoration: none; }
.network-btn:hover { background: var(--rubric); color: var(--paper); }

@media (max-width: 999px) {
  .network-grid { grid-template-columns: 1fr; gap: 2rem; }
}
@media (max-width: 719px) {
  .network-page .hero { padding: 3.5rem 0 3rem; }
  .network-page .hero h1 { font-size: 2.8rem; }
  .network-page .hero .lede { font-size: 1.12rem; }
  .network-how { padding: 3rem 0; }
  .network-part h3 { font-size: 1.625rem; }
  .network-cta { padding: 2.5rem 1.5rem; }
  .network-cta h2 { font-size: 2.25rem; }
  .network-btn { display: block; width: 100%; text-align: center; }
}


/* Home (/) = "A language platform for the Church." Figma 4305:11 (desktop 1440), 4305:470 (phone 390). */
.home-hero { padding: 5.25rem 0; text-align: center; }
.home-hero h1 { max-width: none; margin: 0 auto; font-size: 4.4rem; line-height: 1.04; letter-spacing: -.028em; }
.home-promise { margin: 1rem auto 0; color: var(--ink); font: 500 2rem/1.25 'Cormorant Garamond', Georgia, serif; text-wrap: balance; }
.home-vision { max-width: 38.5rem; margin: 2rem auto 0; color: var(--ink); font: italic 500 1.65rem/1.4 'Cormorant Garamond', Georgia, serif; }
.home-cta { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: .85rem; margin-top: 2.5rem; }
.home-demo { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center; gap: .625rem; width: 18.5rem; }
.home-demo p { margin: 0; color: var(--ink-muted); font-size: .9rem; line-height: 1.4; white-space: nowrap; }
.home-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 3rem; padding: .8rem 1.35rem; border: 1px solid var(--ink); border-radius: 6px; font: 600 1rem/1.2 'Inter', -apple-system, system-ui, sans-serif; text-decoration: none; }
.home-btn.primary { color: var(--paper); background: var(--rubric); border-color: var(--rubric); }
.home-btn.primary:hover { background: var(--rubric-deep); border-color: var(--rubric-deep); }
.home-btn.secondary { color: var(--ink); background: transparent; }
.home-btn.secondary:hover { color: var(--rubric); border-color: var(--rubric); }
.home-hero .home-btn { width: 18.5rem; }

/* Three Ts: copy in row 1, pictures in row 2 (subgrid keeps the pictures level) */
.home-ts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.75rem 2.25rem; }
.home-t { display: grid; grid-row: span 2; grid-template-rows: subgrid; min-width: 0; }
.home-t h2 { margin: 0; font-size: 2.6rem; line-height: 1.05; letter-spacing: -.02em; }
.home-t h2 a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--rubric); text-decoration-thickness: .036em; text-underline-offset: .17em; }
.home-t.quiet h2 a { color: var(--ink-muted); }
.home-chip { display: flex; align-items: center; gap: .45rem; width: fit-content; margin: .7rem 0 .8rem; padding: .28rem .65rem; border: 1px solid var(--rule); border-radius: 999px; background: var(--highlight); color: var(--ink); font: 600 .76rem/1.2 'Inter', -apple-system, system-ui, sans-serif; letter-spacing: .02em; }
.home-chip::before { content: ''; flex: 0 0 auto; width: .5rem; height: .5rem; border-radius: 50%; background: var(--rubric); }
.home-chip.proposed { border-color: var(--rubric); background: none; color: var(--rubric); }
.home-chip.proposed::before { background: none; box-shadow: inset 0 0 0 1px var(--rubric); }
.home-t-line { margin: 0; padding: .375rem 0 .625rem; color: var(--ink); font: italic 500 1.4rem/1.32 'Cormorant Garamond', Georgia, serif; }
.home-t-body { margin: 0; color: var(--ink-muted); font-size: 1.02rem; line-height: 1.6; }
.home-t-count { display: grid; gap: .1875rem; margin: 1rem 0 0; }
.home-t-count strong { color: var(--ink); font: 600 1.875rem/1.13 'Cormorant Garamond', Georgia, serif; }
.home-t-count a { width: fit-content; font-size: .95rem; font-weight: 600; line-height: 1.58; }
.home-t-fig { margin: 0; min-width: 0; }
.home-t-stage { height: 33rem; overflow: hidden; padding-top: 2.25rem; border-radius: 22px; background: var(--highlight); }
.home-t-phone { width: 16.4rem; margin: 0 auto; padding: .55rem; border-radius: 2.6rem; background: var(--ink); }
.home-t-phone img { display: block; width: 100%; height: auto; border-radius: 2.1rem; background: var(--paper); }
.home-t-fig figcaption { padding-top: .75rem; color: var(--ink-muted); font-size: .9rem; line-height: 1.45; }
.home-prov { display: block; margin-top: .3rem; font-size: .74rem; font-weight: 500; line-height: 1.4; }

/* Context + Scripture: the dark pair */
.home-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem 3.5rem; margin-top: 5rem; padding: 4rem 3.5rem; border-radius: 28px; background: var(--ink); color: var(--paper); }
.home-pair-col { min-width: 0; }
.home-pair h2 { margin: 0; color: var(--paper); font-size: 2.55rem; line-height: 1.08; letter-spacing: -.025em; }
.home-cap { max-width: 31rem; margin: .9rem 0 1.8rem; color: rgb(250 246 238 / .78); font-size: 1.02rem; line-height: 1.55; }
.home-ctx { position: relative; padding: 1.4rem; border: 1px solid rgb(250 246 238 / .22); border-radius: 16px; }
.home-ill { position: absolute; top: -.7rem; inset-inline-end: 1rem; margin: 0; padding: .2rem .55rem; border: 1px solid rgb(250 246 238 / .35); border-radius: 999px; background: var(--ink); color: rgb(250 246 238 / .8); font: 600 .68rem/1.2 'Inter', -apple-system, system-ui, sans-serif; letter-spacing: .03em; }
.home-ctx-sources { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem; }
.home-src { padding: .75rem; border-radius: 10px; background: rgb(250 246 238 / .07); }
.home-lbl { margin: 0 0 .5rem; color: #e6a796; font: 600 .66rem/1.3 'Inter', -apple-system, system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.home-lbl small { display: block; color: rgb(250 246 238 / .6); font-size: .833em; font-weight: 500; letter-spacing: .02em; text-transform: none; }
.home-tok { display: inline-block; margin: 0 .25rem .3rem 0; padding: .2rem .45rem; border-radius: 6px; background: var(--paper); color: var(--ink); font: 500 .74rem/1.25 'Inter', -apple-system, system-ui, sans-serif; }
.home-flow { display: block; margin: .45rem auto; }
.home-out { padding: .75rem .9rem; border-radius: 10px; background: var(--paper); color: var(--ink); }
.home-out .home-lbl { margin-bottom: .25rem; color: var(--rubric); }
.home-out p:last-child { margin: 0; font: 400 1rem/1.4 'Crimson Pro', Georgia, serif; }
.home-out mark { padding: 0 .1rem; border-radius: 3px; background: #f2e2c4; color: inherit; }
.home-wall { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; align-items: start; }
.home-wall figure { margin: 0; overflow: hidden; border-radius: 6px; box-shadow: 0 1rem 1.8rem -1rem rgb(0 0 0 / .55); }
.home-wall img { display: block; width: 100%; height: auto; }
.home-wall .s1 { grid-column: 1; grid-row: 1; }
.home-wall .s2 { grid-column: 2; grid-row: 1; margin-top: 2rem; }
.home-wall .s3 { grid-column: 1; grid-row: 2; }
.home-wall .s4 { grid-column: 2; grid-row: 2; margin-top: 2rem; }
.home-prov-dark { margin: 1.1rem 0 0; color: rgb(250 246 238 / .62); font: 500 .74rem/1.4 'Inter', -apple-system, system-ui, sans-serif; letter-spacing: .01em; }

/* Storehouse governance (reuses .storehouse-flywheel) */
.home-gov { margin-top: 6.5rem; }
.home-gov > .home-chip { margin: 0; }
.home-gov h2 { max-width: 37.5rem; margin: 1.375rem 0 0; font-size: 2.55rem; line-height: 1.03; letter-spacing: -.025em; }
.home-gov-intro { max-width: 48.75rem; margin: 1.125rem 0 0; color: var(--ink-muted); font-size: 1.1rem; line-height: 1.6; }
.home-gov .storehouse-flywheel { margin: 2.5rem 0 0; }
.home-guide { display: grid; gap: .625rem; max-width: 48.75rem; margin-top: 1.5rem; padding-top: 1.375rem; border-top: 1px solid var(--rule); }
.home-guide h3 { margin: 0; color: var(--ink); font: 500 2.125rem/1.15 'Cormorant Garamond', Georgia, serif; }
.home-guide p { margin: 0; color: var(--ink-muted); font-size: 1.02rem; line-height: 1.6; }
.home-guide .home-guide-link { font-size: .94rem; font-weight: 600; line-height: 1.47; }
.home-guide .home-guide-note { font-size: .78rem; font-weight: 500; line-height: 1.44; }
.home-gov-ts { max-width: 48.75rem; margin: 1.125rem 0 0; color: var(--ink-muted); font-size: 1.02rem; line-height: 1.6; }

/* Testimonials reuse .church-testimonials; only the spacing changes */
.home .church-testimonials { margin-top: 5rem; padding: 0; }

/* FAQ */
.home-faq { margin-top: 5rem; }
.home-faq h2 { margin: 0 0 1.6rem; font-size: 2.55rem; line-height: 1.03; letter-spacing: -.025em; }
.home-faq-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.6rem 3rem; }
.home-faq article { padding-top: 1.1rem; border-top: 1px solid var(--rule); }
.home-faq h3 { margin: 0 0 .35rem; font: 600 1.02rem/1.4 'Inter', -apple-system, system-ui, sans-serif; }
.home-faq p { margin: 0; color: var(--ink-muted); font-size: .98rem; line-height: 1.55; }

/* Closing, with the guarantee under the buttons */
.home-close { margin-top: 5rem; padding: 3.6rem 2rem; border-radius: 28px; background: var(--highlight); text-align: center; }
.home-close h2 { max-width: 22ch; margin: 0 auto; font-size: 3rem; line-height: 1.03; letter-spacing: -.025em; }
.home-close-lede { max-width: 42rem; margin: .9rem auto 0; color: var(--ink-muted); font-size: 1.1rem; line-height: 1.65; }
.home-close .home-cta { margin-top: 2rem; }
.home-close .guarantee { max-width: 40rem; margin: 1.5rem auto 0; color: var(--ink-muted); font-size: .88rem; line-height: 1.5; }
.home-close .guarantee strong { color: var(--ink); font-weight: 600; }
.home-close .guarantee a { color: var(--rubric); font-weight: 600; text-underline-offset: .2em; white-space: nowrap; }

@media (max-width: 1199px) {
  .home-pair { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 999px) {
  .home-ts { grid-template-columns: minmax(0, 1fr); row-gap: 3.5rem; }
  .home-t { grid-row: auto; grid-template-columns: minmax(0, 1fr) minmax(0, 23.3rem); grid-template-rows: none; gap: 2.25rem; align-items: start; }
}
@media (max-width: 719px) {
  .home-hero { padding: 4rem 0; }
  .home-hero h1 { font-size: 2.8rem; }
  .home-promise { font-size: 1.5rem; }
  .home-vision { max-width: none; margin-top: 2.25rem; font-size: 1.25rem; line-height: 1.5; text-wrap: balance; }
  .home-cta { flex-direction: column; align-items: stretch; gap: .85rem; }
  .home-hero .home-cta { gap: 2rem; margin-top: 2.75rem; }
  .home-demo { width: auto; justify-items: stretch; }
  .home-demo p { text-align: center; white-space: normal; }
  .home-hero .home-btn, .home-btn { width: auto; }
  .home-ts { row-gap: 3rem; }
  .home-t { display: block; }
  .home-t-fig { margin-top: 1rem; }
  .home-t h2 { font-size: 2.3rem; }
  .home-t-line { padding-bottom: .5rem; font-size: 1.25rem; }
  .home-t-count { margin-top: .875rem; }
  .home-t-count strong { font-size: 1.6875rem; }
  .home-pair { padding: 2.4rem 1.25rem; border-radius: 20px; }
  .home-pair h2 { font-size: 2.05rem; }
  .home-ctx-sources { grid-template-columns: minmax(0, 1fr); }
  .home-wall { grid-template-columns: minmax(0, 1fr); row-gap: 0; }
  .home-wall .s1, .home-wall .s2, .home-wall .s3, .home-wall .s4 { grid-column: 1; grid-row: 1; margin-top: 0; box-shadow: 0 -.5rem 1rem -.4rem rgb(0 0 0 / .65), 0 1rem 1.8rem -1rem rgb(0 0 0 / .55); }
  .home-wall .s1 { z-index: 1; }
  .home-wall .s3 { z-index: 2; margin-top: 2.5rem; }
  .home-wall .s4 { z-index: 3; margin-top: 5rem; }
  .home-wall .s2 { z-index: 4; margin-top: 7.5rem; }
  .home-gov { margin-top: 5rem; }
  .home-gov h2 { margin-top: 1.125rem; font-size: 2.05rem; }
  .home-gov-intro { margin-top: .875rem; font-size: 1rem; line-height: 1.625; }
  .home-guide h3 { font-size: 1.75rem; line-height: 1.14; }
  .home .church-testimonials { margin-top: 3.5rem; }
  .home-faq { margin-top: 3.5rem; }
  .home-faq h2 { font-size: 2.05rem; }
  .home-faq-grid { grid-template-columns: minmax(0, 1fr); gap: 1.2rem; }
  .home-close { margin-top: 3.5rem; padding: 2.6rem 1.25rem; border-radius: 20px; }
  .home-close h2 { font-size: 2.2rem; }
}

/* Language lookup catalog on /translate */
.language-lookup {
  margin: 1rem 0 0; padding: 2.5rem 0;
  border-top: 1px solid var(--rule);
}
.language-lookup h2 {
  font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 500;
  font-size: 1.65rem; line-height: 1.1; margin: 0 0 0.45rem;
}
.language-lookup .lookup-copy {
  font-family: 'Crimson Pro', Georgia, serif; font-style: italic;
  color: var(--ink-muted); font-size: 1.05rem; margin: 0 0 1.2rem;
  max-width: 36rem;
}
.lookup-controls {
  display: grid; grid-template-columns: 1fr; gap: 0.75rem;
  align-items: center; margin: 0 0 1rem;
}
@media (min-width: 720px) {
  .lookup-controls { grid-template-columns: minmax(18rem, 1fr) auto; }
}
.lookup-controls input {
  width: 100%; padding: 0.8rem 0.9rem;
  border: 1px solid var(--rule); border-radius: 4px;
  background: var(--paper); color: var(--ink);
  font: inherit; font-size: 0.95rem;
}
.lookup-controls input:focus {
  outline: 2px solid color-mix(in srgb, var(--rubric) 34%, transparent);
  border-color: var(--rubric);
}
.lookup-summary { color: var(--ink-muted); font-size: 0.86rem; }
.lookup-table-wrap {
  border: 1px solid var(--rule); border-radius: 0.5rem;
  max-height: min(64vh, 42rem); overflow: auto;
  overscroll-behavior: contain; background: var(--paper);
}
.lookup-table { width: 100%; border-collapse: collapse; }
.lookup-table th,
.lookup-table td {
  padding: 0.8rem 0.85rem; text-align: left; vertical-align: top;
  border-bottom: 1px solid var(--rule);
}
.lookup-table th {
  font-size: 0.68rem; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--ink-muted); font-weight: 700; background: var(--highlight);
  position: sticky; top: 0; z-index: 1;
}
.lookup-table tbody tr:last-child td { border-bottom: 0; }
.lookup-table td.lookup-bible-cell { width: 42%; }
.lookup-name { display: block; font-weight: 600; color: var(--ink); }
.lookup-name-secondary {
  display: block; margin-top: 0.16rem;
  color: var(--ink-muted); font-size: 0.82rem; line-height: 1.28;
  white-space: normal;
}
.lookup-status,
.lookup-tier {
  display: inline-flex; align-items: center; min-height: 1.65rem;
  border: 1px solid var(--rule); border-radius: 999px;
  padding: 0.18rem 0.55rem; font-size: 0.75rem; font-weight: 600;
  color: var(--ink-muted); white-space: nowrap;
}
.lookup-tier-wrap {
  display: flex; flex-wrap: wrap; gap: 0.35rem; align-items: center;
}
.lookup-source-languages {
  display: block; margin-top: 0.32rem; max-width: 22rem;
  color: var(--ink-muted); font-size: 0.78rem; line-height: 1.32;
  white-space: normal;
}
.lookup-status.yes,
.lookup-tier.standard,
.lookup-tier.premium {
  color: var(--rubric);
  border-color: color-mix(in srgb, var(--rubric) 35%, var(--rule));
}
.lookup-tier.none { color: var(--ink-muted); }
.lookup-detail {
  display: block; margin-top: 0.24rem;
  color: var(--ink-muted); font-size: 0.76rem; line-height: 1.35;
}
.lookup-bibles { color: var(--ink-muted); font-size: 0.88rem; line-height: 1.45; }
.lookup-bibles b { color: var(--ink); font-weight: 600; }
.lookup-empty { color: var(--ink-muted); font-size: 0.9rem; }
@media (max-width: 720px) {
  .lookup-table-wrap {
    border: 0; background: transparent;
    max-height: min(68vh, 42rem); overflow-y: auto; overflow-x: hidden;
  }
  .lookup-table,
  .lookup-table thead,
  .lookup-table tbody,
  .lookup-table tr,
  .lookup-table th,
  .lookup-table td { display: block; width: 100%; }
  .lookup-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .lookup-table tr {
    border: 1px solid var(--rule); border-radius: 0.5rem;
    background: var(--paper); padding: 0.65rem 0.75rem;
  }
  .lookup-table tr + tr { margin-top: 0.75rem; }
  .lookup-table td {
    border-bottom: 0; padding: 0.38rem 0;
    display: grid; grid-template-columns: 8.5rem minmax(0, 1fr); gap: 0.75rem;
    align-items: baseline;
  }
  .lookup-table td::before {
    content: attr(data-label);
    grid-column: 1; grid-row: 1;
    color: var(--ink-muted); font-size: 0.68rem; letter-spacing: 0.1em;
    text-transform: uppercase; font-weight: 700;
  }
  .lookup-table td > * { grid-column: 2; }
  .lookup-table td > .lookup-status,
  .lookup-table td > .lookup-tier,
  .lookup-table td > .lookup-tier-wrap { justify-self: start; }
  .lookup-table td.lookup-bible-cell { width: 100%; }
}

/* Translate hero (04) page title and headline hierarchy */
.hero-title-row { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.hero-title-row .home-chip { margin: 0; }
.hero-page-title { margin: 0; font: 500 4.4rem/1.04 'Cormorant Garamond', Georgia, serif; letter-spacing: -.028em; color: var(--ink); }
.hero-title-row + h1 { max-width: none; margin-top: .75rem; font-size: 3rem; line-height: 1.1; letter-spacing: -.025em; }
@media (max-width: 719px) {
  .hero-title-row { flex-direction: column; align-items: flex-start; gap: .5rem; }
  .hero-page-title { font-size: 3.1rem; }
  .hero-title-row + h1 { font-size: 2.125rem; }
}