/* The approved design, with clearer service choices and a fuller online offer. */
.header-cta { white-space: nowrap; flex-shrink: 0; }
.hero-award { width: max-content; max-width: 100%; padding: 13px 16px; gap: 13px; border: 1px solid #c7ae4959; border-radius: 4px; background: linear-gradient(115deg,#37341b8c,#22271bb3); }
.hero-award:hover { border-color: var(--gold); }
.hero-award .hero-award-icon { color: var(--gold); width: 34px; flex-shrink: 0; }
.hero-award-icon svg { width: 34px; height: 38px; display: block; }
.hero-award-copy strong { display: block; font-size: 12px; line-height: 1.45; font-weight: 600; }
.hero-award .hero-award-copy small { font-size: 9px; margin-top: 4px; color: #c0b889; line-height: 1.5; }
.hero-award > .rating-arrow { margin-left: 10px; }
.route-top { gap: 14px; flex-wrap: wrap; }
.route-service { color: var(--gold); font-size: 15px; font-weight: 600; letter-spacing: .065em; }
.route-context { font-size: 8px; letter-spacing: .12em; }
.route .tags { min-height: 30px; }
.online-coaching-section { padding: 100px 0; background: radial-gradient(ellipse at 100% 30%,#55471e26,transparent 50%),#121610; border-top: 1px solid #bda74330; }
.online-coaching-section h2 span { color: #abb49d; }
.online-heading-note { max-width: 340px; }
.online-heading-note .launch-pill { display: inline-flex; margin: 0 0 16px; }
.online-heading-note p { font-size: 13px; line-height: 1.9; }
.coaching-layout { display: grid; grid-template-columns: 1.12fr .88fr; gap: 70px; align-items: start; }
.coaching-lead { color: var(--white); font-size: 29px; line-height: 1.3; letter-spacing: -.035em; margin-bottom: 18px; }
.coaching-intro { font-size: 13px; max-width: 550px; line-height: 1.9; }
.coaching-story .feature-list { margin-top: 28px; }
.coaching-story .feature { padding-block: 24px; }
.coaching-story .feature:first-child { border-top: 1px solid var(--line); }
.coaching-story .feature h3 { font-size: 21px; }
.coaching-companion { position: relative; overflow: hidden; border: 1px solid #bca44860; border-radius: 5px 5px 70px 5px; background: radial-gradient(ellipse at 95% 0,#6c5a2e66,transparent 60%),#22291b; padding: 38px; }
.coaching-companion > :not(.companion-orbits) { position: relative; z-index: 1; }
.coaching-companion > .eyebrow { font-size: 8px; }
.companion-orbits { width: 420px; height: 420px; position: absolute; right: -190px; top: -150px; border: 1px solid #e8c33d30; border-radius: 50%; box-shadow: 0 0 0 32px #0000,0 0 0 33px #e8c33d20,0 0 0 67px #0000,0 0 0 68px #e8c33d12; }
.companion-person { display: flex; align-items: center; gap: 22px; margin: 34px 0; }
.companion-person img { width: 128px; height: 157px; object-fit: cover; object-position: 50% 28%; border-radius: 40px 3px 3px; border: 1px solid #e8c33d45; }
.companion-person > div > span { display: block; color: #b8c2a9; font-size: 10px; }
.companion-person > div > .companion-name { font-size: 22px; color: var(--white); letter-spacing: -.03em; }
.companion-person > div > .companion-status { font-size: 8px; margin-top: 16px; }
.companion-status .dot { width: 5px; height: 5px; margin-right: 5px; }
.coaching-companion h3 { font-size: 34px; line-height: 1.25; margin-bottom: 30px; }
.coaching-companion h3 span { color: #d6c679; }
.coaching-path { border-block: 1px solid #c5b97135; padding: 10px 0; }
.coaching-path > div { display: grid; grid-template-columns: 75px 1fr; align-items: baseline; gap: 16px; padding: 16px 0; }
.coaching-path span { font-size: 8px; letter-spacing: .13em; color: var(--gold); font-weight: 700; }
.coaching-path p { font-size: 12px; line-height: 1.8; color: #d3dac8; }
.companion-note { font-size: 11px; color: #aab79b; line-height: 1.85; margin: 25px 0 20px; }
.coaching-companion .text-link { font-size: 11px; }
.online-bottom { margin-top: 45px; padding-top: 30px; border-top: 1px solid var(--line); display: flex; align-items: center; flex-wrap: wrap; gap: 24px; }
.online-bottom > div { flex: 1; min-width: 260px; }
.online-bottom .eyebrow { font-size: 8px; }
.online-bottom p { max-width: 450px; font-size: 12px; margin-top: 9px; }
.online-bottom .button { font-size: 11px; gap: 20px; }
.online-bottom > .text-link { font-size: 11px; }
.team-section { padding-top: 60px; }
#pricing { padding-top: 65px; }
.online-pricing-section { padding-bottom: 85px; }
.online-price-card { display: grid; grid-template-columns: 1.05fr 1fr; gap: 70px; padding: 45px; }
.online-price-copy h2 { font-size: 38px; margin: 23px 0; }
.online-price-copy h2 span { color: #b3bda4; }
.online-price-copy > p { font-size: 13px; max-width: 430px; line-height: 1.9; }
.online-price-copy .launch-pill { display: inline-flex; margin-top: 30px; }
.online-price-details .price { font-size: 78px; }
.online-price-terms { font-size: 12px; line-height: 1.9; margin: 12px 0 20px; }
.online-price-details ul { margin-bottom: 23px; }
.online-price-details li { font-size: 12px; }
.online-price-details > small { display: block; text-align: center; font-size: 10px; color: #aeb89d; margin-top: 13px; }
.contact-online { display: block; width: fit-content; max-width: 100%; margin: 22px auto 0; font-size: 11px; color: #d4d9cb; }
.contact-online:hover { color: var(--gold); }
@media (max-width:1100px) {
 .coaching-layout { gap: 35px; }
 .coaching-companion { padding: 28px; }
 .companion-person { gap: 17px; }
 .companion-person img { width: 105px; height: 132px; }
 .companion-person > div > .companion-name { font-size: 19px; }
 .coaching-companion h3 { font-size: 29px; }
 .online-price-card { padding: 35px; gap: 40px; }
 .online-price-copy h2 { font-size: 34px; }
}
@media (max-width:850px) {
 .online-coaching-section { padding-block: 75px; }
 .online-coaching-section .section-heading { gap: 25px; }
 .online-heading-note { max-width: 260px; }
 .online-heading-note p { font-size: 11px; }
 .coaching-layout { grid-template-columns: 1fr; gap: 35px; }
 .coaching-companion { display: grid; grid-template-columns: 1fr 1fr; column-gap: 30px; }
 .coaching-companion > .eyebrow { grid-column: 1/-1; }
 .companion-person { grid-column: 1; margin-block: 25px; }
 .coaching-companion h3 { grid-column: 1; margin: 0; }
 .coaching-path { grid-column: 2; grid-row: 2/4; margin-top: 25px; }
 .companion-note { grid-column: 1/-1; margin-top: 25px; }
 .coaching-companion .text-link { grid-column: 1/-1; }
 .coaching-intro { max-width: none; }
 .online-price-card { gap: 30px; padding: 30px; }
 .online-price-copy h2 { font-size: 29px; }
 .route-service { font-size: 13px; }
 .online-price-details .price { font-size: 68px; }
 .online-price-details li { font-size: 11px; }
 .team-section { padding-top: 45px; }
}
@media (max-width:600px) {
 .header .brand > span { font-size: 15px; }
 .header .brand img { width: 32px; }
 .header-cta { font-size: 9px; padding: 10px; gap: 8px; }
 .hero-award { padding: 12px 14px; gap: 12px; }
 .hero-award-copy strong { font-size: 11px; }
 .hero-award .hero-award-copy small { font-size: 8px; }
 .hero-award > .rating-arrow { margin-left: 0; }
 .hero-award .hero-award-icon, .hero-award-icon svg { width: 29px; }
 .route-service { font-size: 15px; }
 .online-coaching-section { padding-block: 65px; }
 .online-heading-note { margin-top: 23px; max-width: none; }
 .online-heading-note .launch-pill { margin-bottom: 13px; }
 .online-heading-note p { font-size: 13px; }
 .coaching-lead { font-size: 28px; }
 .coaching-story .feature h3 { font-size: 21px; }
 .coaching-companion { display: block; padding: 27px; border-bottom-right-radius: 45px; }
 .companion-person img { width: 112px; height: 142px; }
 .companion-person > div > .companion-name { font-size: 20px; }
 .coaching-companion h3 { font-size: 31px; margin-bottom: 25px; }
 .coaching-path { margin: 0; }
 .coaching-path > div { grid-template-columns: 63px 1fr; gap: 12px; }
 .online-bottom { display: flex; align-items: stretch; flex-direction: column; gap: 22px; margin-top: 30px; }
 .online-bottom > div { min-width: 0; }
 .online-bottom .button { padding: 16px; }
 .online-bottom > .text-link { align-self: flex-start; }
 #pricing { padding-top: 50px; }
 .online-pricing-section { padding-bottom: 55px; }
 .online-price-card { grid-template-columns: 1fr; padding: 28px; gap: 30px; }
 .online-price-copy h2 { font-size: 32px; margin: 18px 0; }
 .online-price-copy .launch-pill { margin-top: 23px; }
 .online-price-details { border-top: 1px solid var(--line); padding-top: 27px; }
 .online-price-details .price { font-size: 74px; }
 .online-price-details li { font-size: 12px; }
 .online-price-details .button { font-size: 11px; gap: 16px; padding: 16px; }
 .team-section { padding-top: 35px; }
}
@media (max-width:370px) {
 .header { padding-inline: 12px; gap: 8px; }
 .header .brand > span { font-size: 13px; }
 .header .brand img { width: 26px; }
 .header .brand { gap: 5px; }
 .header .brand small { font-size: 4px; letter-spacing: .08em; }
 .header-cta { font-size: 8px; padding: 9px 8px; gap: 5px; }
 .header-cta span { font-size: 14px; }
 .hero-award-copy strong { font-size: 10px; }
 .hero-award .hero-award-copy small { font-size: 7px; }
 .coaching-companion { padding: 23px; }
 .companion-person img { width: 92px; height: 120px; }
}