.clubs-page { --club-muted: #52544f; }
.clubs-page .section-dark { --club-muted: rgba(247, 245, 240, .72); }
.clubs-page .section-dark .club-story-copy p { color: var(--club-muted); }
.clubs-page .section-dark .club-screen { border-color: var(--dark-line); }
.clubs-page .section-dark :focus-visible { outline-color: var(--electric); }
.clubs-page .software-hero .button-outline:is(:hover, :focus-visible) { color: var(--black); background: var(--electric); border-color: var(--electric); }
.clubs-page main { overflow-wrap: anywhere; }
.clubs-page main p { margin: 0; line-height: 1.65; }
.clubs-page main p + p { margin-top: 1.25rem; }
.clubs-page main p + :is(ul, ol) { margin-top: 1.25rem; }
.clubs-page main p + .button-row { margin-top: 1.75rem; }
.clubs-page main h2 { margin-bottom: 1.25rem; }
.clubs-page main .eyebrow { margin-bottom: .85rem; }
.clubs-page .section { padding-block: clamp(3.5rem, 6vw, 6rem); }
.clubs-page #contact .preference-field + p { margin-top: 1rem; }
.clubs-page h1 { font-size: clamp(3rem, 6.7vw, 5.75rem); line-height: 1.02; }
.clubs-page :where(main) h2 { max-width: 19ch; font-size: clamp(2rem, 3.8vw, 3.5rem); }
.clubs-page main :is(h1, h2, h3) { overflow-wrap: anywhere; }
.software-hero { padding: clamp(2.5rem, 5vw, 4.5rem) 0 2rem; }
.software-hero-intro { max-width: 68rem; margin: 0 auto 3rem; text-align: center; }
.software-hero-intro h1 { max-width: none; margin: 0; }
.software-hero-intro .lede { max-width: 38rem; margin: 1.5rem auto 0; font-size: 1.2rem; }
.software-hero-intro .software-hero-promise { margin-top: 1rem; }
.software-hero-intro .button-row { justify-content: center; gap: 1rem; margin: 1.75rem 0 0; }
.software-hero-intro .club-note { max-width: 36rem; margin: 1.25rem auto 0; }
.club-hero-actions > .button { min-height: 3.25rem; }
.club-note { color: var(--club-muted); font-size: .875rem; line-height: 1.55; }
.clubs-page figure { margin: 0; min-width: 0; }
.club-screen { width: 100%; margin-inline: auto; border: 1px solid var(--line); border-radius: .75rem; overflow: hidden; background: #f6f7f9; }
.club-screen > img { display: block; position: static; width: 100%; max-width: 100%; height: auto; object-fit: contain; object-position: center; }
.club-screen--assistant, .club-screen--record { background: #fff; }
/* Decorative previews only; all real controls sit outside the illustration. */
.club-screen[data-cursor-demo] { position: relative; }
.club-cursor-overlay { display: none; position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; user-select: none; font-family: "Instrument Sans", sans-serif; }
[data-cursor-state="playing"] > .club-cursor-overlay, [data-cursor-state="paused"] > .club-cursor-overlay { display: block; }
.club-cursor { display: none; position: absolute; left: 50%; top: 50%; width: 16px; height: 16px; border: 2px solid #fff; border-radius: 50%; background: #287bea; box-shadow: 0 0 0 1px #174d9155, 0 2px 7px #163d6940; transform: translate(-50%, -50%); pointer-events: none; z-index: 2; }
[data-cursor-state="playing"] > .club-cursor, [data-cursor-state="paused"] > .club-cursor { display: block; }
.club-cursor > i { position: absolute; inset: -3px; border: 2px solid #287bea; border-radius: 50%; pointer-events: none; }
.club-cursor-clock { position: absolute; width: 1px; height: 1px; top: 0; left: 0; opacity: 0; pointer-events: none; }
.club-cursor-controls { display: flex; justify-content: space-between; align-items: center; gap: .75rem 1rem; margin-top: .65rem; color: var(--club-muted); font-size: .8rem; line-height: 1.5; }
.club-cursor-controls[hidden] { display: none; }
.club-cursor-controls > span { flex: 1; min-width: 0; }
.club-cursor-controls button { flex-shrink: 0; min-height: 44px; min-width: 5rem; padding: .5rem .8rem; border: 1px solid var(--line); border-radius: 2rem; background: transparent; color: inherit; font: inherit; font-weight: 650; cursor: pointer; }
.club-cursor-controls button:hover { background: var(--electric); color: var(--black); }
.section-dark .club-cursor-controls button { border-color: var(--dark-line); }
/* Screenshot-style communication and chat illustrations, using the software's navy/gray UI. */
.club-chat-window { color: #1e2633; background: #fff; text-align: left; font-size: .9rem; line-height: 1.5; }
.club-chat-art { pointer-events: none; user-select: none; }
.club-chat-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.25rem 1.4rem; border-bottom: 1px solid #e1e5eb; }
.club-chat-heading > strong, .club-assistant-title strong { font-size: 1.12rem; letter-spacing: -.02em; }
.club-ui-badge { flex-shrink: 0; padding: .25rem .5rem; border-radius: .3rem; background: #f1f4f8; color: #516277; font-size: .7rem; }
.club-chat-tabs { display: flex; flex-wrap: wrap; gap: 0 1.25rem; padding: 0 1.4rem; border-bottom: 1px solid #e1e5eb; color: #607086; font-size: .8rem; }
.club-chat-tabs > span { padding: .9rem 0; }
.club-chat-tabs .is-selected { color: #234f82; border-bottom: 2px solid #234f82; font-weight: 650; }
.club-chat-event { display: flex; align-items: center; gap: .85rem; margin: 1.2rem 1.4rem 0; padding: 1rem; background: #f6f7f9; border: 1px solid #e1e5eb; border-radius: .4rem; }
.club-chat-event > div { flex: 1; min-width: 0; }
.club-chat-event strong, .club-chat-event div > span { display: block; }
.club-chat-event div > span { font-size: .75rem; color: #607086; margin-top: .25rem; }
.club-ui-icon { display: grid; place-items: center; flex-shrink: 0; width: 2.1rem; height: 2.1rem; background: #edf1f7; color: #234f82; border-radius: .4rem; font-size: 1.3rem; }
.club-chat-thread { padding: 1.25rem 1.4rem 1.5rem; display: grid; gap: 1.5rem; }
.club-chat-date { text-align: center; font-size: .72rem; color: #607086; }
.club-thread-entry { display: flex; gap: .75rem; align-items: start; }
.club-thread-entry > div { min-width: 0; }
.club-avatar { flex-shrink: 0; display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; font-size: .65rem; font-weight: 650; color: #607086; background: #eef0f4; }
.club-avatar--owner { color: #fff; background: #234f82; }
.club-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.club-ui-person, .club-user-byline { display: inline-flex; align-items: center; gap: .6rem; }
.club-ui-person .club-avatar { width: 1.65rem; height: 1.65rem; }
.club-user-byline { display: flex; margin-bottom: .6rem; font-size: .75rem; color: #516277; }
.club-user-byline .club-avatar { width: 1.5rem; height: 1.5rem; }
.club-chat-byline { display: flex; align-items: center; flex-wrap: wrap; gap: .25rem .75rem; margin-bottom: .45rem; font-size: .78rem; }
.club-chat-byline > span { color: #66758a; font-size: .7rem; }
.clubs-page main .club-chat-window p { color: #263344; font-size: inherit; line-height: 1.55; margin: 0; }
.club-thread-entry p { border: 1px solid #e1e5eb; background: #f6f7f9; border-radius: 0 .6rem .6rem .6rem; padding: .85rem; }
.club-message-status { display: block; color: #496f5a; font-size: .7rem; margin-top: .5rem; }
.club-chat-compose { border-top: 1px solid #e1e5eb; padding: 1rem 1.4rem; background: #fafbfc; }
.club-chat-compose-label { font-size: .72rem; font-weight: 650; color: #607086; margin-bottom: .6rem; }
.club-compose-line { display: grid; min-width: 0; }
.club-compose-text { grid-area: 1 / 1; align-self: center; }
.club-compose-placeholder { color: #66758a; }
.club-compose-transient, .club-compose-placeholder[data-demo-until] { opacity: 0; }
.club-compose-actions { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .8rem; margin-top: 1rem; }
.club-compose-actions > span:first-child { color: #607086; font-size: .7rem; }
.club-ui-action { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; padding: .6rem .8rem; border-radius: .3rem; background: #234f82; color: #fff; font-weight: 600; font-size: .8rem; max-width: 100%; min-width: 0; flex-shrink: 1; }
.club-assistant-title { display: flex; align-items: center; gap: .75rem; }
.club-assistant-title strong, .club-assistant-title div > span { display: block; }
.club-assistant-title div > span { font-size: .72rem; color: #607086; margin-top: .2rem; }
.club-assistant-thread { display: grid; gap: 1.1rem; padding: 1.3rem 1.4rem; }
.club-chat-bubble--user { justify-self: end; max-width: 88%; padding: .65rem .9rem; background: #edf2f8; border: 1px solid #dce4ef; border-radius: .7rem .7rem 0 .7rem; }
.club-assistant-reply { position: relative; }
.club-assistant-reply > div { padding-left: .8rem; border-left: 2px solid #d9e2ee; }
.club-chat-thinking { position: absolute; top: 0; left: .8rem; color: #607086; font-size: .8rem; }
.club-source-chip { display: inline-block; padding: .2rem .45rem; margin-top: .6rem; border: 1px solid #dce4ef; border-radius: .3rem; color: #234f82; font-size: .7rem; }
.club-draft-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .6rem; margin-top: .8rem; }
.club-draft-actions > span:last-child { font-size: .7rem; color: #607086; }
.club-assistant-compose { display: flex; align-items: center; gap: 1rem; }
.club-assistant-compose .club-compose-line { flex: 1; }
.club-ui-send { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: .35rem; background: #234f82; color: #fff; font-size: 1.2rem; flex-shrink: 0; }
/* Layer complete app screens without moving the page as a workflow advances.
   Without animation, only the final, readable result is painted. */
.club-demo-scenes { display: grid; }
.club-demo-scene { grid-area: 1 / 1; min-width: 0; align-self: stretch; background: #fff; display: flex; flex-direction: column; }
.club-demo-scene[data-demo-until] { opacity: 0; }
.club-demo-scene > .club-chat-compose { margin-top: auto; }
.club-compose-line > span { grid-area: 1 / 1; }
.club-editor-body { padding: 1.4rem; display: grid; align-content: start; gap: 1.25rem; flex: 1; min-width: 0; }
.club-ui-field > span { display: block; margin-bottom: .45rem; font-size: .75rem; color: #516277; font-weight: 650; }
.club-ui-input { display: flex; justify-content: space-between; align-items: center; gap: .6rem; padding: .7rem .8rem; border: 1px solid #ced4dd; border-radius: .35rem; background: #fff; min-width: 0; min-height: 2.9rem; }
.club-ui-input > :first-child { min-width: 0; }
.club-ui-input > span:last-child:not(:first-child) { flex-shrink: 0; color: #607086; }
.club-ui-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .8rem; border-top: 1px solid #e1e5eb; padding-top: 1.1rem; margin-top: .25rem; }
.club-ui-footer > span:first-child { color: #607086; font-size: .72rem; }
.club-ui-action--quiet { color: #234f82; border: 1px solid #ced4dd; background: #fff; }
.club-ui-check { display: flex; align-items: start; gap: .6rem; }
.club-ui-check > span { display: grid; place-items: center; background: #234f82; color: #fff; width: 1.1rem; height: 1.1rem; border-radius: .2rem; flex-shrink: 0; font-size: .75rem; margin-top: .15rem; }
.club-ui-check strong, .club-ui-check div > span { display: block; }
.club-ui-check div > span { font-size: .73rem; color: #607086; margin-top: .2rem; }
.club-ui-record { display: grid; gap: .4rem; }
.club-ui-record > strong { font-size: 1.25rem; line-height: 1.35; letter-spacing: -.02em; }
.club-ui-record > span:not(.club-ui-kicker) { color: #516277; font-size: .8rem; }
.club-ui-kicker { display: block; color: #607086; font-size: .7rem; font-weight: 650; margin-bottom: .3rem; }
.club-ui-summary { border-block: 1px solid #e1e5eb; }
.club-ui-summary > div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .3rem 1rem; padding: .7rem 0; }
.club-ui-summary > div + div { border-top: 1px solid #edf0f4; }
.club-ui-summary span { color: #607086; font-size: .78rem; }
.club-ui-summary strong { font-size: .8rem; font-weight: 600; }
.club-ui-success { background: #eef6f1; border: 1px solid #d5e8dc; color: #336448; border-radius: .35rem; padding: .8rem; font-size: .8rem; font-weight: 600; }
.club-ui-message { background: #f6f7f9; border: 1px solid #e1e5eb; border-radius: .4rem; padding: .9rem; }
.clubs-page main .club-chat-window .club-ui-muted { font-size: .75rem; color: #607086; }
.club-ui-timejump { padding: .65rem .8rem; border: 1px solid #dce4ef; border-radius: .35rem; background: #edf2f8; color: #234f82; font-size: .75rem; }
.club-ui-deliveries { border: 1px solid #e1e5eb; border-radius: .4rem; overflow: hidden; }
.club-ui-deliveries > div { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .5rem; padding: .75rem .85rem; }
.club-ui-deliveries > div + div { border-top: 1px solid #e1e5eb; }
.club-ui-deliveries > div > span:last-child { font-size: .75rem; color: #516277; }
.club-ui-footer > .club-ui-review-note { color: #234f82; font-weight: 650; }
.club-assistant-event-card { display: grid; gap: .65rem; margin-top: 1rem; padding: 1rem; border: 1px solid #dce4ef; border-radius: .4rem; background: #f8fafc; }
.club-assistant-event-card > strong { font-size: 1rem; }
.club-assistant-event-card > span:not(.club-ui-action) { color: #516277; font-size: .75rem; }
.club-assistant-event-card > .club-ui-action { justify-self: start; margin-top: .3rem; }
/* Preserve spatial context without shrinking the working area on phones.
   These are decorative counterparts of the club header, navigation and inbox. */
.club-chat-window { container: club-preview / inline-size; }
.club-workspace-bar { display: flex; align-items: center; gap: .9rem; padding: .8rem 1rem; border-bottom: 1px solid #e1e5eb; background: #fff; }
.club-workspace-brand { display: flex; align-items: center; gap: .55rem; min-width: 0; }
.club-workspace-brand strong { font-size: .78rem; line-height: 1.3; letter-spacing: -.015em; }
.club-workspace-mark { display: block; flex-shrink: 0; width: 1.9rem; height: 1.9rem; }
.club-workspace-mark img { display: block; width: 100%; height: 100%; }
.club-workspace-role { display: none; border-left: 1px solid #e1e5eb; padding-left: .9rem; color: #607086; font-size: .68rem; }
.club-workspace-tools { display: flex; flex-shrink: 0; align-items: center; gap: 1rem; margin-left: auto; font-size: .7rem; }
.club-workspace-assistant { display: none; }
.club-workspace-tools .club-avatar { width: 1.7rem; height: 1.7rem; }
.club-workspace-tools .is-current { color: #234f82; background: #edf2f8; border-radius: .3rem; padding: .3rem .5rem; }
.club-workspace-body, .club-workspace-content, .club-assistant-canvas, .club-assistant-chat { min-width: 0; }
.club-workspace-nav { display: none; align-content: start; gap: .25rem; padding: 1rem .55rem; background: #fafbfc; border-right: 1px solid #e1e5eb; }
.club-workspace-nav > span { padding: .55rem .65rem; border-left: 2px solid transparent; font-size: .7rem; color: #607086; }
.club-workspace-nav > .is-current { background: #eaf0f6; color: #1e2633; border-left-color: #234f82; font-weight: 650; }
.club-workspace-nav small { padding: 1.2rem .65rem; margin-top: 1rem; border-top: 1px solid #e1e5eb; font-size: .6rem; color: #607086; }
.club-workspace-path { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; padding: .7rem 1rem; border-bottom: 1px solid #e1e5eb; color: #516277; background: #fafbfc; font-size: .7rem; }
.club-workspace-path > span { color: #9aa7b8; }
.club-workspace-backdrop { display: none; padding: 1rem; background: #f6f7f9; }
.club-workspace-backdrop > div:first-child { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: .8rem; }
.club-workspace-backdrop > div:first-child > strong { font-size: .9rem; }
.club-workspace-backdrop > div:first-child > span { font-size: .66rem; color: #607086; }
.club-workspace-event { display: flex; align-items: center; gap: .75rem; padding: .85rem 0; border-top: 1px solid #e1e5eb; }
.club-workspace-event > span { text-align: center; font-size: .6rem; color: #607086; }
.club-workspace-event b { display: block; font-size: 1.1rem; color: #263344; }
.club-workspace-event > div { flex: 1; min-width: 0; }
.club-workspace-event strong, .club-workspace-event small { display: block; }
.club-workspace-event strong { font-size: .8rem; }
.club-workspace-event small { margin-top: .2rem; font-size: .68rem; color: #607086; }
.club-workspace-panel { min-width: 0; background: #fff; }
.club-inbox-layout { display: grid; grid-template-columns: minmax(0, 1fr); }
.club-inbox-list { display: none; padding: 1rem .6rem; background: #fafbfc; border-right: 1px solid #e1e5eb; }
.club-inbox-title { display: flex; justify-content: space-between; gap: .5rem; padding: 0 .4rem; font-size: .85rem; font-weight: 650; }
.club-inbox-search { border: 1px solid #e1e5eb; border-radius: .3rem; padding: .55rem; margin: .8rem 0 1.1rem; background: #fff; color: #607086; font-size: .65rem; }
.club-inbox-item { display: flex; align-items: center; gap: .5rem; padding: .85rem .5rem; border-left: 2px solid transparent; border-radius: .2rem; }
.club-inbox-item > div { min-width: 0; }
.club-inbox-item strong, .club-inbox-item small { display: block; line-height: 1.5; }
.club-inbox-item strong { font-size: .72rem; font-weight: 600; }
.club-inbox-item small { margin-top: .25rem; color: #607086; font-size: .65rem; }
.club-inbox-symbol, .club-inbox-item .club-avatar { display: grid; place-items: center; flex-shrink: 0; width: 1.5rem; height: 1.5rem; font-size: .65rem; background: #eaf0f6; color: #516277; border-radius: .3rem; }
.club-inbox-item .club-avatar { border-radius: 50%; }
.club-inbox-item--direct { background: #eaf0f6; border-left-color: #234f82; }
[data-cursor-phase="compose"] .club-inbox-item--direct, [data-cursor-phase="posted"] .club-inbox-item--direct { background: transparent; border-left-color: transparent; }
[data-cursor-phase="compose"] .club-inbox-item--event, [data-cursor-phase="posted"] .club-inbox-item--event { background: #eaf0f6; border-left-color: #234f82; }
.club-assistant-workflow { display: grid; grid-template-columns: minmax(0, 1fr); }
.club-assistant-canvas--context { display: none; }
.club-assistant-chat { display: flex; flex-direction: column; background: #fff; }
.club-assistant-chat--handoff { display: none; }
.club-assistant-chat > .club-chat-compose { margin-top: auto; }
.club-assistant-handoff { font-weight: 650; color: #234f82 !important; padding-top: .5rem; }
.club-workspace-list-footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .75rem; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #e1e5eb; color: #607086; font-size: .65rem; }
@container club-preview (min-width: 38rem) {
  .club-workspace-role, .club-workspace-tools { display: flex; }
  .club-workspace-assistant { display: inline-flex; }
  .club-workspace-body { display: grid; grid-template-columns: 7.5rem minmax(0, 1fr); }
  .club-workspace-nav { display: grid; }
  .club-workspace-content { background: #f6f7f9; padding-bottom: 1rem; }
  .club-workspace-backdrop { display: block; }
  .club-workspace-panel { margin: 1rem; border: 1px solid #dce1e8; border-radius: .5rem; overflow: hidden; box-shadow: 0 3px 12px #162b4508; }
  .club-workspace-backdrop + .club-workspace-panel { margin-top: 0; }
  .club-inbox-layout { grid-template-columns: 11rem minmax(0, 1fr); }
  .club-inbox-list { display: block; }
  .club-screen--communication .club-chat-tabs { display: none; }
  .club-screen--assistant .club-workspace-body { display: block; }
  .club-screen--assistant .club-workspace-nav { display: none; }
}
@container club-preview (min-width: 50rem) {
  .club-assistant-workflow { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); }
  .club-assistant-canvas { display: block; background: #f6f7f9; }
  .club-assistant-chat { border-left: 1px solid #dce1e8; }
  .club-assistant-chat--handoff { display: flex; }
  .club-assistant-workflow .club-workspace-panel { margin: 1rem; }
  .club-assistant-workflow .club-editor-body { padding: 1.1rem; gap: .9rem; }
  .club-assistant-workflow .club-ui-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
  .club-assistant-workflow .club-ui-summary > div { border-top: 0; }
}
@container club-preview (min-width: 65rem) {
  .club-screen--assistant .club-workspace-body { display: grid; grid-template-columns: 7.5rem minmax(0, 1fr); }
  .club-screen--assistant .club-workspace-nav { display: grid; }
}
#customization h3 { font-size: 1.35rem; margin: 0 0 .8rem; }
#customization .text-link { display: inline-block; margin-top: 1rem; }
@media (prefers-reduced-motion: reduce) {
  .club-cursor-overlay, .club-cursor, .club-cursor-clock, .club-cursor-controls { display: none !important; }
  .club-chat-art, .club-chat-art * { transition: none !important; animation: none !important; }
}
@media (max-width: 560px) {
  .club-chat-window { font-size: .81rem; }
  .club-chat-heading, .club-chat-compose { padding: 1rem; }
  .club-editor-body { padding: 1rem; gap: 1rem; }
  .club-chat-tabs { gap: .85rem; padding-inline: 1rem; font-size: .72rem; }
  .club-chat-event { margin: 1rem 1rem 0; padding: .75rem; flex-wrap: wrap; }
  .club-chat-event > .club-ui-icon { display: none; }
  .club-chat-event > .club-ui-badge { margin-left: auto; }
  .club-chat-thread, .club-assistant-thread { padding: 1rem; gap: 1rem; }
  .club-chat-heading > .club-ui-badge { display: none; }
  .club-chat-bubble--user { max-width: 95%; }
  .club-cursor-controls { align-items: flex-start; flex-wrap: wrap; }
  .club-cursor-controls > span { flex-basis: 12rem; }
}
.software-hero > .container > figure { width: 100%; max-width: 58rem; margin-inline: auto; }
.club-story-follow-on { margin-top: clamp(3rem, 6vw, 5rem); padding-top: clamp(3rem, 6vw, 5rem); border-top: 1px solid var(--dark-line); }
.club-conversation-copy { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2rem, 5vw, 4rem); align-items: start; }
.club-conversation-copy .club-sms-addon { margin: 0; padding: 0; border: 0; }
.club-story > figure { width: 100%; max-width: 49rem; justify-self: center; }
.club-caption { padding: .9rem .1rem 0; font-size: .875rem; color: var(--club-muted); line-height: 1.5; text-align: center; }
.clubs-page .text-link { text-decoration: underline; text-underline-offset: .2em; font-weight: 650; }
.clubs-page .footer-top { grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 3vw, 3rem); }
.clubs-page .footer-col { min-width: 0; overflow-wrap: anywhere; }
.clubs-page .button { white-space: normal; text-align: center; min-width: 0; max-width: 100%; }
.clubs-page .button-row { align-items: center; }
.clubs-page [id] { scroll-margin-top: 7rem; }
.clubs-page :focus-visible { outline: 3px solid #737f23; outline-offset: 4px; }
.club-divider { background: var(--white); border-top: 1px solid var(--line); }
.club-benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; }
.club-benefits article { border-top: 1px solid var(--line); padding-top: 1.25rem; }
.club-index { display: block; font-size: .875rem; color: var(--club-muted); margin-bottom: 1rem; }
.club-benefits h2 { font-size: 1.4rem; line-height: 1.2; max-width: 18ch; margin-bottom: .8rem; }
.club-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.club-feature-grid article { padding: 1.5rem; border: 1px solid var(--line); border-radius: .75rem; background: var(--paper); }
.club-feature-icon { display: block; width: 1.65rem; height: 1.65rem; margin-bottom: 1rem; }
.club-feature-grid h3 { margin: 0 0 .6rem; font-size: 1.2rem; line-height: 1.3; }
.club-feature-grid p { color: var(--club-muted); font-size: .95rem; max-width: 31ch; }
.club-feature-extras { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem 2.5rem; padding-top: 1.75rem; margin-top: 1.75rem; border-top: 1px solid var(--line); }
.club-feature-extras article > div { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem .75rem; margin-bottom: .6rem; }
.club-feature-extras h3 { font-size: 1.2rem; margin: 0; line-height: 1.4; }
.club-feature-label { display: inline-block; color: var(--club-muted); font-size: .75rem; font-weight: 500; letter-spacing: 0; line-height: 1.5; }
.club-feature-extras .club-feature-label { padding: .2rem .5rem; border: 1px solid var(--line); border-radius: .25rem; }
.club-feature-extras p { font-size: .95rem; color: var(--club-muted); }
.club-feature-extras .text-link { display: inline-block; margin-top: .6rem; font-size: .875rem; }
.club-customization-note, .club-sms-addon { border-top: 1px solid var(--line); padding-top: 1.5rem; margin-top: 1.75rem; }
.club-customization-note h3, .club-sms-addon h3 { font-size: 1.3rem; line-height: 1.3; margin: 0 0 .75rem; }
.club-customization-note .text-link, .club-sms-addon .text-link { display: inline-block; margin-top: 1rem; }
.club-sms-addon { border-color: var(--dark-line); }
.club-sms-addon > .club-feature-label { color: var(--electric); margin-bottom: .6rem; }
.club-provider-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; }
.club-provider-grid article { padding: clamp(1.5rem, 3vw, 2.5rem); border: 1px solid var(--line); background: var(--paper); }
.club-provider-grid h3 { margin: 0 0 1.25rem; font-size: 2rem; }
.club-provider-name { display: flex; align-items: center; gap: 1rem; }
.club-provider-name img { display: block; width: 2.25rem; height: auto; flex: 0 0 2.25rem; }
.club-provider-grid .text-link { display: inline-block; margin-top: 1.25rem; }
.club-data-principles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; margin: 2rem 0 0; }
.club-data-principles > div { padding-top: 1.25rem; border-top: 1px solid var(--line); }
.club-data-principles dd { color: var(--club-muted); }
.club-benefits h2, .club-feature-grid h3, .club-provider-grid h3, .club-steps h3 { letter-spacing: -.025em; }
.club-story { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: clamp(2rem, 5vw, 4rem); align-items: center; }
.club-story--reverse { grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr); }
.club-story--reverse .club-story-copy { grid-column: 2; grid-row: 1; }
.club-story--reverse > figure { grid-column: 1; grid-row: 1; }
.club-story--workspace { grid-template-columns: minmax(0, 1fr); }
.club-story--workspace > figure { max-width: none; }
.club-story--workspace > .club-story-copy { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 4rem; }
.club-story--workspace .club-story-copy > :not(.club-prompts) { grid-column: 1; }
.club-story--workspace .club-prompts { grid-column: 2; grid-row: 1 / 5; margin-block: 0; align-self: center; }
.club-story--workspace .club-story-copy > p:last-child { margin-top: 1.25rem; }
.club-story-copy p { max-width: 55ch; }
.club-story-copy > :last-child { margin-bottom: 0; }
.club-prompts { list-style: none; padding: 0; margin: 1.5rem 0; display: grid; gap: .5rem; }
.club-prompts li { padding: .8rem 1rem; border-left: 3px solid var(--electric); background: var(--paper); }
.club-prompts strong, .club-prompts span { display: block; }
.club-prompts span { margin-top: .35rem; color: var(--club-muted); font-size: .95rem; line-height: 1.5; }
.club-section-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem 4rem; margin-bottom: 2.5rem; }
.club-member-list { padding-left: 1.2rem; }
.club-member-list li { margin-bottom: .5rem; }
.club-member-screens { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .229fr); gap: 2rem; align-items: start; }
.club-steps h3 { font-size: 1.25rem; margin: 0 0 .6rem; }
.club-toolkit, .club-record { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin: 2rem 0 1rem; }
.club-toolkit { margin-top: 2rem; }
.clubs-page summary { cursor: pointer; padding: 1.15rem 0; font-weight: 650; font-size: 1.1rem; line-height: 1.4; }
.club-record > p { max-width: 65ch; }
.club-record > figure { max-width: 30rem; margin: 1.5rem auto; }
.club-toolkit dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 2rem; margin: 0; }
.club-toolkit dl > div { border-top: 1px solid var(--line); padding: 1rem 0; }
.clubs-page dt { font-weight: 650; }
.clubs-page dd { margin: .4rem 0 0; }
.club-steps { list-style: none; counter-reset: setup; display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; padding: 0; margin: 2.5rem 0; }
.club-steps li { border-top: 1px solid var(--line); padding-top: 1rem; counter-increment: setup; }
.club-steps li::before { content: "0" counter(setup); display: block; font-size: .875rem; margin-bottom: 1.5rem; color: var(--club-muted); }
.club-pricing-intro { display: grid; grid-template-columns: 1.1fr .9fr; gap: 1.5rem 4rem; align-items: end; margin-bottom: 2.5rem; }
.clubs-page .club-pricing-intro h2 { margin-bottom: 0; max-width: 15ch; }
.club-pricing-intro .lede { max-width: 38ch; color: var(--club-muted); }
.club-price-rows { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 0; }
.club-price-rows > div { min-width: 0; padding: clamp(1.25rem, 2.5vw, 2rem); border: 1px solid var(--line); border-top: 3px solid var(--black); border-radius: .75rem; background: var(--paper); }
.club-price-rows > div:first-child { border-top-color: var(--electric); }
.club-price-rows dt { font-size: 1.35rem; line-height: 1.25; letter-spacing: -.025em; }
.club-price-index { display: grid; place-items: center; width: 2.2rem; height: 2.2rem; margin-bottom: 1.5rem; border: 1px solid var(--line); border-radius: 50%; font-size: .8rem; font-weight: 650; letter-spacing: 0; background: var(--white); }
.club-price-rows > div:first-child .club-price-index { background: var(--electric); border-color: var(--electric); }
.club-price-title { display: block; }
.clubs-page .club-price-rows dd { margin-top: .7rem; color: var(--club-muted); font-size: .95rem; line-height: 1.65; }
.club-price-label { display: block; margin-bottom: .85rem; color: var(--black); font-size: .75rem; font-weight: 650; letter-spacing: .035em; text-transform: uppercase; }
.clubs-page main .club-pricing-terms { max-width: 78ch; margin: 1.25rem 0 1.75rem; color: var(--club-muted); font-size: .875rem; }
.club-price-footer { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1.5rem 3rem; align-items: center; padding: clamp(1.5rem, 3vw, 2.5rem); border-radius: .75rem; background: var(--black); color: var(--white); }
.club-price-footer h3 { margin: 0 0 .65rem; font-size: 1.35rem; line-height: 1.3; letter-spacing: -.025em; }
.club-price-footer p { max-width: 54ch; }
.clubs-page main .club-price-footer p { color: rgba(247, 245, 240, .78); font-size: .95rem; }
.club-price-action { display: grid; justify-items: center; gap: .7rem; min-width: 0; }
.club-price-action .button { margin: 0; }
.clubs-page main .club-price-action .club-note { font-size: .75rem; text-align: center; }
.club-price-footer :focus-visible { outline-color: var(--electric); }
.club-network-links { display: flex; flex-wrap: wrap; gap: 1rem 2rem; padding-bottom: 1.5rem; }
.club-faq-layout { display: grid; grid-template-columns: .7fr 1.3fr; gap: 2rem 4rem; }
.club-faq details { border-top: 1px solid var(--line); }
.club-faq details:last-child { border-bottom: 1px solid var(--line); }
.club-faq details p { margin: 0 0 1.5rem; max-width: 65ch; }
.clubs-page #contact .split { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); }
.clubs-page #contact h2 { max-width: 15ch; }
.clubs-page #contact .field-hint, .clubs-page #contact label { font-size: .875rem; }
.clubs-page #contact .form-actions { justify-content: flex-end; }
.clubs-page #contact .form-actions > span:empty { display: none; }
@media (max-width: 820px) {
  .clubs-page .footer-top { grid-template-columns: repeat(auto-fit, minmax(min(100%, 8rem), 1fr)); }
  .software-hero-intro { max-width: 42rem; }
  .club-story, .club-story--reverse, .club-conversation-copy, .club-section-intro, .club-pricing-intro, .club-faq-layout, .clubs-page #contact .split { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
  .club-pricing-intro { gap: 1.25rem; }
  .club-price-rows { grid-template-columns: minmax(0, 1fr); }
  .club-price-index { margin-bottom: 1rem; }
  .club-price-footer { grid-template-columns: minmax(0, 1fr); }
  .club-price-action { justify-items: start; }
  .club-story--reverse .club-story-copy, .club-story--reverse > figure { grid-column: auto; grid-row: auto; }
  .club-story--workspace > .club-story-copy { display: block; }
  .club-story--workspace .club-prompts { margin-block: 1.5rem; }
  .club-benefits { gap: 1.3rem; }
  .club-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .club-provider-grid, .club-data-principles { grid-template-columns: minmax(0, 1fr); }
  .club-steps { grid-template-columns: 1fr 1fr; gap: 1.5rem; }
  .club-member-screens { grid-template-columns: minmax(0, 1fr); }
  .club-member-screens > figure:first-child { max-width: 49rem; margin-inline: auto; }
  .club-member-screens > figure:last-child { width: 100%; max-width: 20rem; margin-inline: auto; }
}
@media (max-width: 560px) {
  .club-price-action, .club-price-action .button { width: 100%; }
  .club-price-action { justify-items: center; }
  .club-feature-extras { grid-template-columns: minmax(0, 1fr); }
  .club-feature-grid article { display: grid; grid-template-columns: 1.65rem minmax(0, 1fr); gap: .5rem .85rem; padding: 1.1rem; }
  .club-feature-grid .club-feature-icon { grid-row: 1 / 3; margin: 0; }
  .club-feature-grid h3 { margin: 0; }
  .club-feature-grid p { grid-column: 2; }
  #product-tour .club-section-intro { gap: 1rem; }
  .club-benefits, .club-toolkit dl, .club-steps, .club-feature-grid { grid-template-columns: minmax(0, 1fr); }
  .club-steps li { padding-left: 2.5rem; position: relative; }
  .club-steps li::before { position: absolute; left: 0; top: 1.2rem; }
  .software-hero-intro { text-align: left; margin-bottom: 2rem; }
  .software-hero-intro h1 { font-size: clamp(2rem, 10vw, 3rem); }
  .software-hero-intro .lede { margin-top: 1.25rem; font-size: 1.125rem; }
  .software-hero-intro .button-row { display: grid; grid-template-columns: 1fr; gap: .75rem; }
  .software-hero-intro .button-row > .button { width: 100%; }
}