/* === BYOB Hero (full-bleed bg + multi-layer overlay, mirrors homepage hero;
   height kept at 80dvh per design decision — not 100dvh like home) === */
.wc-byob-hero{position:relative;min-height:80dvh;display:flex;align-items:center;overflow:hidden;background-color:var(--color-surface-dark)}
.wc-byob-hero__bg{position:absolute;inset:0;z-index:0}
.wc-byob-hero__img{width:100%;height:100%;object-fit:cover;object-position:center right}
.wc-byob-hero__bg::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(to right,rgba(var(--color-surface-dark-rgb),0.58) 0%,rgba(var(--color-surface-dark-rgb),0.40) 35%,rgba(var(--color-surface-dark-rgb),0.18) 65%,rgba(var(--color-surface-dark-rgb),0.12) 100%),
    linear-gradient(to bottom,rgba(var(--color-surface-dark-rgb),0.55) 0%,rgba(var(--color-surface-dark-rgb),0.35) 8%,rgba(var(--color-surface-dark-rgb),0.15) 18%,transparent 30%),
    linear-gradient(to top,rgba(var(--color-surface-dark-rgb),0.35) 0%,rgba(var(--color-surface-dark-rgb),0.10) 40%,transparent 60%);
}
.wc-byob-hero__content{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:var(--space-13);padding-top:120px;padding-bottom:var(--space-14);width:100%}
.wc-byob-hero__badge,.wc-byob-hero__title,.wc-byob-hero__subtitle,.wc-byob-hero__cta-row{grid-column:1}
.wc-byob-hero__badge{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,0.35);border-radius:4px;padding:6px 14px;margin-bottom:var(--space-11);width:fit-content}
.wc-byob-hero__badge-dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary)}
.wc-byob-hero__badge-text{font-size:var(--fs-micro);font-weight:600;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,0.85)}
.wc-byob-hero__title{font-family:var(--font-display);font-weight:600;font-size:clamp(2.5rem,6vw + 1rem,5rem);line-height:1.04;letter-spacing:-0.8px;color:var(--color-bg-canvas);margin:0 0 var(--space-11) 0;max-width:18ch}
.wc-byob-hero__subtitle{font-size:var(--fs-body-lead);font-weight:400;color:rgba(255,255,255,0.82);max-width:560px;margin-bottom:var(--space-12)}
.wc-byob-hero__cta-row{display:flex;gap:var(--space-10);align-items:center;justify-self:start;flex-wrap:wrap}
.wc-byob-hero__cta{margin-bottom:0}
.wc-btn-ghost--hero-dark{color:var(--color-bg-canvas);border-color:rgba(255,255,255,.5)}
.wc-btn-ghost--hero-dark:hover{border-color:rgba(255,255,255,.8);color:var(--color-bg-canvas)}
@media(max-width:767px){
  .wc-byob-hero__img{object-position:30% center}
  .wc-byob-hero__cta-row{flex-direction:column;gap:var(--space-9);align-items:stretch;width:100%}
  .wc-byob-hero__cta-row>*{text-align:center}
}

/* === Value Pillars === */
.wc-byob-pillars{background:var(--color-surface-secondary)}
.wc-byob-pillars__grid{display:grid;grid-template-columns:7fr 5fr;gap:var(--space-12)}
.wc-byob-pillars__card{padding:var(--space-13);display:flex;flex-direction:column}
.wc-byob-pillars__icon{display:block;width:32px;height:32px;color:var(--color-primary);margin-bottom:var(--space-11)}
.wc-byob-pillars__icon svg{width:100%;height:100%}
.wc-byob-pillars__card-heading{font:var(--text-h3);color:var(--color-text-primary);margin:0 0 var(--space-9) 0}
.wc-byob-pillars__card-body{font:var(--text-body);letter-spacing:var(--text-body-ls);color:var(--color-text-tertiary);margin:0}
@media(max-width:767px){.wc-byob-pillars__grid{grid-template-columns:1fr;gap:var(--space-11)}.wc-byob-pillars__card{padding:var(--space-12)}}

/* === Who This Is For === */
.wc-byob-who .wc-section-heading,.wc-byob-model .wc-section-heading,.wc-byob-support .wc-section-heading{max-width:60ch}
.wc-byob-who__intro{font:var(--text-body);letter-spacing:var(--text-body-ls);color:var(--color-text-secondary);margin:0 0 var(--space-13) 0;line-height:1.75;max-width:60ch}
.wc-byob-who__grid{display:grid;grid-template-columns:7fr 5fr;gap:var(--space-12)}
.wc-byob-who__col{padding:var(--space-13);background:var(--color-bg-canvas);border:1px solid var(--color-border-default);border-radius:var(--radius-md)}
.wc-byob-who__col-heading{font:var(--text-h3);color:var(--color-text-primary);margin:0 0 var(--space-11) 0}
.wc-byob-who__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-9)}
.wc-byob-who__list li{display:flex;gap:var(--space-7);font:var(--text-body);letter-spacing:var(--text-body-ls);color:var(--color-text-tertiary)}
.wc-byob-who__check{color:var(--color-accent-green);font-weight:600;flex-shrink:0}
@media(max-width:767px){.wc-byob-who__grid{grid-template-columns:1fr;gap:var(--space-11)}.wc-byob-who__col{padding:var(--space-12)}}

/* === How the Model Works === */
.wc-byob-model{background:var(--color-surface-secondary)}
.wc-byob-model__intro{font:var(--text-body);letter-spacing:var(--text-body-ls);color:var(--color-text-secondary);margin:0 0 var(--space-13) 0;line-height:1.75;max-width:60ch}
.wc-byob-model__support{background:var(--color-bg-canvas);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-13);margin-bottom:var(--space-12);max-width:calc((100% - var(--space-12)) * 7 / 12)}
.wc-byob-model__sub-heading{font:var(--text-h3);color:var(--color-text-primary);margin:0 0 var(--space-11) 0}
.wc-byob-model__list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-9) var(--space-12)}
.wc-byob-model__list li{display:flex;gap:var(--space-7);font:var(--text-body);letter-spacing:var(--text-body-ls);color:var(--color-text-tertiary)}
.wc-byob-model__check{color:var(--color-accent-green);font-weight:600;flex-shrink:0}
.wc-byob-model__flex{font:var(--text-body);color:var(--color-text-secondary);margin:0;line-height:1.6;max-width:60ch}
@media(max-width:767px){.wc-byob-model__support{padding:var(--space-12);max-width:none}.wc-byob-model__list{grid-template-columns:1fr}}

/* === Support Dimensions === */
.wc-byob-support__grid{display:grid;grid-template-columns:7fr 5fr;gap:var(--space-12)}
.wc-byob-support__column{padding:var(--space-13);display:flex;flex-direction:column;gap:var(--space-10)}
.wc-byob-support__column h3{font:var(--text-h3);color:var(--color-text-primary);margin:0}
.wc-byob-support__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-9)}
.wc-byob-support__list li{display:flex;gap:var(--space-7);font:var(--text-body);letter-spacing:var(--text-body-ls);color:var(--color-text-tertiary)}
.wc-byob-support__icon{display:block;width:32px;height:32px;color:var(--color-primary);margin:0 0 var(--space-7) 0}
.wc-byob-support__icon svg{width:100%;height:100%}
.wc-byob-support__check{color:var(--color-accent-green);font-weight:600;flex-shrink:0}
.wc-byob-support__note{font:var(--text-caption);color:var(--color-text-link-muted);margin:var(--space-9) 0 0 0;padding-top:var(--space-9);border-top:1px solid var(--color-border-default);max-width:60ch}
@media(max-width:767px){.wc-byob-support__grid{grid-template-columns:1fr;gap:var(--space-11)}.wc-byob-support__column{padding:var(--space-12)}}

/* === Founder Message === */
.wc-byob-founder{padding-block:var(--space-14)}
.wc-byob-model,.wc-byob-who,.wc-byob-pillars,.wc-byob-support{padding-block:var(--space-14)!important}
.wc-byob-founder__layout{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:var(--space-13);align-items:start;margin-top:var(--space-12);max-width:960px}
.wc-byob-founder__letter-col--full{max-width:680px;margin-inline:auto}
.wc-byob-founder__layout:has(.wc-byob-founder__letter-col--full){grid-template-columns:1fr}
.wc-byob-founder__photo-wrap{border-radius:var(--radius-lg);border:1px solid var(--color-border-default);overflow:hidden}
.wc-byob-founder__photo{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;object-position:center}
.wc-byob-founder__salutation{font:var(--text-h3);color:var(--color-text-primary);margin-bottom:var(--space-11)}
.wc-byob-founder__body{font:var(--text-body);letter-spacing:var(--text-body-ls);color:var(--color-text-tertiary);line-height:1.75;max-width:60ch}
.wc-byob-founder__body p+p{margin-top:var(--space-10)}
.wc-byob-founder__signature{margin-top:var(--space-12);padding-top:var(--space-11);border-top:1px solid var(--color-border-default)}
.wc-byob-founder__sig-names{font:var(--text-body);font-weight:600;color:var(--color-text-primary)}
.wc-byob-founder__sig-image{display:block;max-height:48px;width:auto;margin-top:var(--space-7);margin-bottom:var(--space-3)}
.wc-byob-founder__sig-title,.wc-byob-founder__sig-since{font:var(--text-caption);color:var(--color-text-link-muted)}
@media(max-width:767px){.wc-byob-founder__layout{grid-template-columns:1fr}.wc-byob-founder__photo-col{max-width:280px;margin-inline:auto}}

/* === Bottom CTA === */
.wc-byob-bottom-cta{background:var(--color-primary);padding-block:var(--space-15);text-align:center}
.wc-byob-bottom-cta__heading{font:var(--text-h2);font-size:var(--text-h2-responsive);font-weight:600;color:var(--color-bg-canvas);margin-bottom:var(--space-10)}
.wc-byob-bottom-cta__subtitle{font:var(--text-body-lead);color:rgba(255,255,255,.85);max-width:560px;margin-inline:auto;margin-bottom:var(--space-11)}
.wc-byob-bottom-cta__phone{font:var(--text-caption);color:rgba(255,255,255,.65);margin-top:var(--space-10)}
.wc-byob-bottom-cta__phone a{color:rgba(255,255,255,.85);text-decoration:underline}