:root {
  --bridging: #ef6e6e; --bridging-tint: #fbe0e0;
  --reflexivity: #e89a3b; --reflexivity-tint: #fbead2;
  --identity: #7e3f8f; --identity-tint: #ecddf1;
  --trust: #1FA9B5; --trust-tint: #D4EEF1;
  --empowerment: #1B3D8E; --empowerment-tint: #d6def0;
  --resilience: #c7237e; --resilience-tint: #f6d4e6;
  --paper: #fff; --ink: #1a1a1a; --soft: #3d3d3d; --muted: #626262; --rule: #dedede;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 16px/1.65 "DM Sans", sans-serif; }
a { color: inherit; text-decoration: none; }
h1, h2 { font-family: "Playfair Display", Georgia, serif; text-wrap: balance; }
h3, .name { font-family: Manrope, sans-serif; }
.eyebrow { margin: 0 0 14px; color: var(--empowerment); font-size: .75rem; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; }

.coaching-hero { position: relative; overflow: hidden; padding: 88px max(24px, calc((100vw - 1120px) / 2)); background: var(--empowerment); color: #fff; }
.coaching-hero::after { content: ""; position: absolute; right: -90px; bottom: -150px; width: 430px; height: 430px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; box-shadow: 0 0 0 55px rgba(255,255,255,.035), 0 0 0 110px rgba(255,255,255,.025); }
.coaching-hero > div { position: relative; z-index: 1; max-width: 850px; }
.coaching-hero .eyebrow { color: rgba(255,255,255,.72); }
.coaching-hero h1 { margin: 0; color: #fff; font-size: clamp(3.5rem, 6.3vw, 5.8rem); line-height: .98; letter-spacing: -.035em; }
.coaching-hero h1 em { color: rgba(255,255,255,.72); font-weight: 600; }
.lead { max-width: 700px; margin: 26px 0 30px; color: rgba(255,255,255,.88); font-size: 1.14rem; }
.coaching-hero a { display: inline-block; border-bottom: 1px solid rgba(255,255,255,.6); color: #fff; font-size: .82rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

.difference, .boundaries { display: grid; grid-template-columns: .9fr 1.1fr; gap: 72px; padding: 82px max(24px, calc((100vw - 1120px) / 2)); }
.difference { background: #fff; }
.difference .eyebrow { color: #b17421; }
.difference h2, .boundaries h2, .section-heading h2, .offering h2, .story h2 { margin: 0; font-size: clamp(2.65rem, 4.5vw, 4.35rem); line-height: 1; letter-spacing: -.03em; }
.difference > div:last-child > p { margin-top: 0; color: var(--soft); font-size: 1.08rem; }
.difference blockquote { margin: 26px 0 0; padding: 22px 26px; border-left: 5px solid var(--reflexivity); background: rgba(255,255,255,.62); font: 700 1.16rem/1.5 Manrope, sans-serif; }

.method { padding: 82px max(24px, calc((100vw - 1120px) / 2)); background: #fff; }
.method .eyebrow { color: #5a2a6a; }
.section-heading { max-width: 820px; }
.section-heading > p:last-child { max-width: 700px; color: var(--soft); }
.method-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 40px; }
.method-grid article { min-height: 290px; padding: 30px; border: 1px solid rgba(90,42,106,.2); border-top: 5px solid var(--bridging); border-radius: 14px; background: #fff; box-shadow: 0 12px 28px rgba(27,61,142,.06); }
.method-grid article:last-child { border-top-color: var(--trust); }
.method-grid article:last-child { border-right: 0; }
.method-grid .featured { border-top: 5px solid var(--identity); background: #fff; }
.method-grid span { color: var(--identity); font-size: .72rem; font-weight: 800; letter-spacing: .16em; }
.method-grid h3 { margin: 42px 0 12px; font-size: 1.4rem; }
.method-grid p { margin: 0; color: var(--muted); }

.quick { padding: 82px max(24px, calc((100vw - 1120px) / 2)); background: #fff; color: var(--ink); }
.quick .eyebrow { color: #179b8f; }
.quick-intro { display: grid; grid-template-columns: 1fr minmax(300px, 480px); gap: 50px; align-items: center; }
.quick-intro img { display: block; width: 100%; height: auto; }
.quick-list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-top: 40px; }
.quick-list article { --quick-color: var(--trust); padding: 24px 18px; border-top: 5px solid var(--quick-color); border-radius:12px; background: #fff; box-shadow: 0 8px 22px rgba(26,26,26,.06); }
.quick-list article:nth-child(1) { --quick-color: var(--bridging); }
.quick-list article:nth-child(2) { --quick-color: var(--reflexivity); }
.quick-list article:nth-child(3) { --quick-color: var(--identity); }
.quick-list article:nth-child(4) { --quick-color: var(--trust); }
.quick-list article:nth-child(5) { --quick-color: var(--resilience); }
.quick-list b { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 22px; border-radius: 12px; background: var(--quick-color); color: #fff; font: 800 1.1rem Manrope, sans-serif; }
.quick-list span { font: 800 1rem Manrope, sans-serif; }
.quick-list p { margin: 7px 0 0; color: var(--soft); font-size: .93rem; }

.boundaries { background: #fff; }
.boundaries .eyebrow { color: #179b8f; }
.boundary-grid { display: grid; gap: 0; border-top: 1px solid rgba(142,22,89,.22); }
.boundary-grid article { padding: 24px 0; border-bottom: 1px solid rgba(142,22,89,.22); }
.boundary-grid article:last-child { padding-left: 22px; border-left: 5px solid var(--resilience); }
.boundary-grid h3 { margin: 0 0 8px; }
.boundary-grid p { margin: 0; color: var(--soft); }

.offering, .story { padding: 82px max(24px, calc((100vw - 1120px) / 2)); }
.offering { background: linear-gradient(180deg,#fff 0%,#f7fafc 100%); }
.offering-head { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 34px; align-items: end; }
.offering-head h2 { max-width: 820px; }
.offering-head > a, .story a { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 20px; border-radius: 16px; background: var(--empowerment); color: #fff; font-weight: 800; text-align: center; }
.offering-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px; margin-top: 42px; }
.offering-grid article { --offer-color: var(--trust); display: flex; min-height: 146px; flex-direction: column; justify-content: space-between; padding: 22px 20px; border: 1px solid color-mix(in srgb,var(--offer-color) 28%,#dce5eb); border-top: 5px solid var(--offer-color); border-radius: 18px; background: #fff; box-shadow: 0 10px 26px rgba(18,42,101,.07); }
.offering-grid article:nth-child(1) { --offer-color: var(--bridging); }
.offering-grid article:nth-child(2) { --offer-color: var(--reflexivity); }
.offering-grid article:nth-child(3) { --offer-color: var(--identity); }
.offering-grid article:nth-child(4) { --offer-color: var(--trust); }
.offering-grid article:nth-child(5) { --offer-color: var(--resilience); }
.offering-grid span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: color-mix(in srgb,var(--offer-color) 13%,#fff); color: var(--offer-color); font-size: .74rem; font-weight: 800; letter-spacing: .08em; }
.offering-grid strong { font: 800 .98rem/1.35 Manrope,sans-serif; color: var(--ink); }
.story { background: #fff; }
.story-card { display: grid; grid-template-columns: minmax(220px,.7fr) minmax(0,1.3fr); overflow: hidden; border: 1px solid color-mix(in srgb,var(--trust) 34%,#dce5eb); border-radius: 24px; background: #fff; box-shadow: 0 18px 44px rgba(18,42,101,.09); }
.story-mark { display: flex; min-height: 310px; flex-direction: column; justify-content: center; padding: 40px; border-radius: 23px 0 0 23px; background: linear-gradient(145deg,var(--empowerment) 0%,var(--identity) 58%,var(--resilience) 100%); color: #fff; }
.story-mark span { font: 800 .72rem/1.2 Manrope,sans-serif; letter-spacing: .2em; }
.story-mark strong { margin: 8px 0; font: 700 clamp(2.7rem,5vw,4.8rem)/.9 "Playfair Display",serif; letter-spacing: -.04em; }
.story-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 46px 50px; text-align: left; }
.story .eyebrow { color: var(--resilience); }
.story-copy p:not(.eyebrow) { max-width: 620px; margin: 18px 0 28px; color: var(--soft); }
.story a { background: var(--empowerment); box-shadow: inset 0 -4px 0 var(--trust); transition: background .18s ease,transform .18s ease; }
.story a:hover { background: var(--identity); transform: translateY(-2px); }
.story a:focus-visible { outline: 4px solid color-mix(in srgb,var(--trust) 38%,transparent); outline-offset: 3px; }

@media (max-width: 860px) {
  .difference, .boundaries, .method-grid, .quick-intro { grid-template-columns: 1fr; }
  .difference, .boundaries { gap: 28px; }
  .method-grid article { min-height: 0; border-right: 0; border-bottom: 1px solid rgba(90,42,106,.2); }
  .method-grid article:last-child { border-bottom: 0; }
  .method-grid h3 { margin-top: 24px; }
  .quick-list { grid-template-columns: 1fr 1fr; }
  .quick-list article { min-height: 210px; }
  .offering-head { grid-template-columns: 1fr; align-items: start; }
  .offering-head > a { justify-self: start; }
  .offering-grid { grid-template-columns: 1fr 1fr; }
  .story-card { grid-template-columns: 1fr; }
  .story-mark { min-height: 210px; border-radius: 23px 23px 0 0; }
}
@media (max-width: 560px) {
  .coaching-hero, .difference, .method, .quick, .boundaries, .offering, .story { padding-left: 20px; padding-right: 20px; }
  .coaching-hero h1 { font-size: 3.5rem; }
  .quick-list { grid-template-columns: 1fr; }
  .offering-grid { grid-template-columns: 1fr; }
  .offering-grid article { min-height: 122px; }
  .story-copy { padding: 34px 26px; }
  .story-mark { padding: 32px 26px; }
}

/* A large, single-use slide replaces the crowded five-card row. */
.offering{background:#fff;padding-inline:max(24px,calc((100vw - 1520px)/2))}
.offering-head{align-items:center}.offering-head>a,.story a{background:#7e3f8f;box-shadow:none;border-radius:10px;color:#fff}
.offering-deck{margin-top:34px;border:1px solid #d9c7e0;border-top:7px solid #7e3f8f;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 14px 34px #4e2e6011}
.offering-slide{display:flex;flex-direction:column;justify-content:center;min-height:clamp(420px,64vh,690px);padding:clamp(34px,6vw,95px);background:linear-gradient(120deg,#fff 63%,#f9f4fa);color:var(--ink)}
.slide-kicker{font:800 .9rem/1.3 "DM Sans",sans-serif;letter-spacing:.14em;color:#713982}
.offering-slide h3{max-width:1050px;margin:32px 0 18px;font:700 clamp(3rem,6.5vw,7rem)/1.05 "Playfair Display",serif;letter-spacing:-.035em;text-wrap:balance}
.offering-slide p{max-width:950px;margin:0;color:#384253;font-size:clamp(1.22rem,2vw,1.8rem);line-height:1.5}
.offering-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px clamp(24px,4vw,60px);border-top:1px solid #eadfec}
.offering-controls button{min-height:42px;padding:8px 14px;border:1px solid #7e3f8f;border-radius:9px;background:#fff;color:#643274;font:800 .9rem "DM Sans",sans-serif;cursor:pointer}
.offering-controls button:hover,.offering-pips button[aria-current="true"]{background:#7e3f8f;color:#fff}
.offering-pips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.offering-pips button{min-width:43px}
.offering-controls button:focus-visible{outline:3px solid #c7237e;outline-offset:3px}
.story-card{border-color:#dfcfe5;box-shadow:0 16px 36px #4b2b5e14}
.story-mark{background:#643274;border-radius:18px 0 0 18px}
.story-mark strong{font-size:clamp(2.3rem,3.5vw,4rem);line-height:1.1}
.story .eyebrow{color:#a82065}.story a:hover{background:#643274}
@media(max-width:860px){.offering{padding-inline:20px}.offering-slide{min-height:470px}.story-mark{border-radius:18px 18px 0 0}}
@media(max-width:560px){.offering-slide{min-height:430px;padding:30px 24px}.offering-slide h3{font-size:clamp(2.5rem,10vw,4rem)}.offering-controls{padding:14px;flex-wrap:wrap}.offering-pips{order:3;width:100%}.offering-controls button{flex:1}.offering-pips button{flex:0 0 44px}}
/* Give the method opening the same purple hierarchy as the rest of BRITER. */
.coaching-hero{padding:clamp(100px,11vw,155px) max(28px,calc((100vw - 1520px)/2));background:#643274}
.coaching-hero::after{display:none}
.coaching-hero>div{max-width:1320px}
.coaching-hero h1{font-size:clamp(3.9rem,7.5vw,7.8rem);max-width:1300px}
.coaching-hero h1 em{color:#fff}
.coaching-hero .lead{max-width:1060px;font-size:clamp(1.2rem,1.65vw,1.55rem);line-height:1.55;color:#fff}
.coaching-hero .eyebrow{color:#fff}
@media(max-width:560px){.coaching-hero{padding:85px 22px}.coaching-hero h1{font-size:clamp(3.2rem,12vw,5rem)}}

/* Complete method reader */
.method-reader{padding:80px max(24px,calc((100vw - 1120px)/2));background:#fff;border-top:5px solid #7e3f8f}
.method-reader-head{display:flex;justify-content:space-between;align-items:end;gap:36px;max-width:1120px;margin:0 auto 30px}
.method-reader-head h2{margin:0;font-size:clamp(2.4rem,4.5vw,4rem);line-height:1.07}
.method-reader-head p:last-child{max-width:680px;color:var(--soft)}
.method-reader-download{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:13px 20px;border-radius:14px;background:#7e3f8f;color:#fff;font-weight:800}
.method-reader-download:hover,.method-reader-download:focus-visible{background:#643274}
.method-reader-stage{display:flex;justify-content:center;align-items:center;min-height:460px;padding:clamp(16px,3vw,34px);border:1px solid #d8e2ea;border-radius:18px;background:#fff}
.method-reader-stage img{display:block;width:min(100%,660px);height:auto;background:#fff;box-shadow:0 16px 40px rgba(30,25,45,.13)}
.method-reader-controls{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:24px}
.method-reader-controls button{min-height:46px;padding:10px 18px;border:1px solid #7e3f8f;border-radius:12px;background:#fff;color:#4a2755;font:700 .9rem 'DM Sans',sans-serif;cursor:pointer}
.method-reader-controls button:hover:not(:disabled){background:#fff;box-shadow:inset 0 0 0 2px #7e3f8f}
.method-reader-controls button:disabled{opacity:.4;cursor:default}
.method-reader-controls span{min-width:75px;text-align:center;font-weight:800;color:#4a2755}
.method-reader-jump{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:18px;color:#434650;font-size:.9rem;font-weight:700}
.method-reader-jump select{max-width:100%;padding:10px 12px;border:1px solid #aeb3bb;border-radius:10px;background:#fff;color:#202838;font:inherit}
@media(max-width:750px){.method-reader{padding:54px 18px}.method-reader-head{display:block}.method-reader-download{margin-top:10px}.method-reader-stage{min-height:0}.method-reader-controls{gap:12px}.method-reader-controls button{padding:9px 12px}.method-reader-jump{flex-direction:column;align-items:stretch}}