/* User-authorized TOP-wide palette. No layout or copy changes.
   Deep rose: actions/framing. Vivid vermilion: key phrases/progression.
   Section 01 retains the accepted rose-vivid treatment. */
:root{--rose:#843b51;--top-vivid:#e4472e;--top-vivid-text:#d43b23}
.section h2{color:#302621}
.section h2 .color-accent{color:var(--top-vivid)}
.section .eyebrow{color:var(--rose)}
.section .eyebrow>span{color:var(--top-vivid-text)}
.about .statement{color:var(--top-vivid-text)}
.values .pillar-number{color:var(--rose)}
.values .pillar h3 .color-accent{color:var(--top-vivid-text)}
.values .pillar{border-top-color:var(--rose)}
.values .progression{color:var(--rose)}
.coaching-flow h3{color:var(--top-vivid-text)}
.coaching-flow li:not(:last-child):after{color:var(--top-vivid-text)}
.learning-loop li+li:before,.learning-loop li:nth-child(2):before,.learning-loop .plus,.learning-loop .return-path{color:var(--top-vivid-text)}
.learning-loop li:nth-child(2){background:var(--rose);border-color:var(--rose)}
.innovation .core-line{color:var(--rose);border-top-color:var(--rose)}
.section .detail-link{color:var(--rose);border-bottom-color:var(--rose)}
.aba-emphasis{color:var(--rose);border-left-color:var(--top-vivid-text)}
.family .closing{color:var(--rose)}
.alongside h3{color:var(--rose)}
.start .step-number{color:var(--top-vivid-text)}
.faq summary>span:first-child{color:var(--top-vivid-text)}
.faq summary:after{color:var(--rose)}
.footer .brand strong{color:var(--rose)}

/* User-approved exploration: same cards, horizontal scrolling on narrow screens. */
.values .pillars{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b88797 transparent;padding-bottom:12px;align-items:stretch}
.values .pillar{min-width:0;background:#fffaf7;border-top:3px solid var(--rose);padding:24px;scroll-snap-align:start}
.values .pillar-number{font-size:42px;margin-bottom:16px}
.values .pillar h3{font-size:22px;line-height:1.6;margin-bottom:20px}
.values .pillar .prose{font-size:15px;line-height:2}
.values-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
.values-controls[hidden]{display:none}
.values-controls>p{font-size:12px;color:var(--rose)}
.values-pages{display:flex;gap:6px}
.values-pages button{min-width:44px;min-height:44px;border:1px solid #b88797;background:transparent;color:var(--rose);border-radius:50%;font-size:13px}
.values-pages button[aria-current="true"]{background:var(--rose);color:white;border-color:var(--rose)}
.values .pillars:focus-visible{outline:2px solid var(--rose);outline-offset:4px}
@media(max-width:1000px){.values .pillars{grid-auto-columns:82%;gap:16px;margin-top:28px}.values .pillar{padding:24px}.values .progression{margin-top:32px}}
@media(max-width:400px){.values .pillar{padding:20px}.values .pillar h3{font-size:21px}.values .pillar .prose{font-size:14px}.values-controls{gap:8px}.values-controls>p{font-size:11px}}

/* Coaching steps share the horizontal card interaction. */
.coaching-carousel{min-width:0}
.coaching .coaching-flow{display:grid;grid-auto-flow:column;grid-auto-columns:86%;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b88797 transparent;border:0;padding:0 0 12px;margin:0;align-items:stretch}
.coaching .coaching-flow>li{min-width:0;padding:24px;background:#fffaf7;border:0;border-top:3px solid var(--rose);scroll-snap-align:start}
.coaching .coaching-flow>li:after{display:none}
.coaching .coaching-flow h3{font-size:28px;margin-bottom:20px}
.coaching .coaching-flow .prose{font-size:15px;line-height:2}
.coaching-controls{margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.coaching-controls[hidden]{display:none}
.coaching-controls>p{font-size:12px;color:var(--rose)}
.coaching-pages{display:flex;gap:6px}
.coaching-pages button{min-height:44px;padding:8px 12px;font-size:12px;border:1px solid #b88797;border-radius:22px;background:transparent;color:var(--rose);white-space:nowrap}
.coaching-pages button[aria-current="true"]{background:var(--rose);color:#fff;border-color:var(--rose)}
.coaching-flow:focus-visible{outline:2px solid var(--rose);outline-offset:4px}
@media(max-width:700px){.coaching .coaching-flow{grid-auto-columns:82%}.coaching .coaching-flow>li{padding:24px}.coaching .coaching-flow h3{font-size:26px}}
@media(max-width:400px){.coaching .coaching-flow>li{padding:20px}.coaching .coaching-flow .prose{font-size:14px}}

/* Body color exploration: reference orange palette, scoped below site navigation. */
main,dialog{
  --ink:#3a2e2b;
  --muted:#756057;
  --rose:#c23b31;
  --rose-pale:#ffede3;
  --cream:#fff9f6;
  --line:#ead7cc;
  --top-vivid:#ee6a3b;
  --top-vivid-text:#c23b31;
  color:var(--ink);
}
main{background:#fff9f6}
main .section h2,main .hero h1{color:var(--ink)}
main .about,main .innovation,main .family,main .start{background:#fff}
main .values,main .aba{background:#ffede3;color:var(--ink)}
main .hero{background:#fff9f6;color:var(--ink)}
main .hero h1 span{color:#ee6a3b}
main .hero .hero-brand{color:#c23b31}
main .hero .outcomes{background:#ee6a3b;color:#3a2e2b}
main .hero .outcomes span{background:#c23b31;color:#fff}
main .cta,dialog .cta{background:#c23b31;border-color:#c23b31;color:#fff}
main .cta:hover,dialog .cta:hover{background:#a93028;border-color:#a93028}
main .values .pillar,main .coaching .coaching-flow>li{background:#fff9f6;border-top-color:#ee6a3b}
main .values .pillars,main .coaching .coaching-flow{scrollbar-color:#ee6a3b transparent}
main .values-pages button,main .coaching-pages button{border-color:#ee6a3b}
main .values-pages button[aria-current="true"],main .coaching-pages button[aria-current="true"]{background:#c23b31;border-color:#c23b31;color:#fff}
main .learning-loop{background:#ffede3}
main .learning-loop li:nth-child(2){background:#c23b31;border-color:#c23b31}

/* Values cards continue the About section, sharing its navigation destination. */
main .about{padding-bottom:0}
main .about>.values{margin-top:64px;padding-block:48px;background:transparent}
main .about .values .pillars{margin-top:0}
@media(max-width:700px){main .about>.values{margin-top:40px;padding-block:24px 48px}}