/* Working v16: the selected flow, with annual value and assessment cost together. */
.working-flow .hero-content>.button{width:min(475px,calc(44vw - max(32px,(100vw - 1180px)/2) - 24px));gap:12px;max-width:100%;background:var(--ink);border-color:var(--ink)}
.working-flow .calculator-section{padding-bottom:48px}
.working-flow .value-comparison{grid-template-columns:1.05fr 1fr;align-items:stretch}
.calculator-controls{padding:30px;display:flex;flex-direction:column;justify-content:center;gap:22px;min-width:0}
.working-flow .calculator-inputs{padding:0;gap:28px}
.working-flow .average-shortcut{width:100%;border-top-color:var(--line);border-radius:0;padding:23px 0 0;margin-top:5px}
.working-flow .average-shortcut>.route-icon{margin-left:auto}
.working-flow .average-shortcut:hover,.working-flow .average-shortcut[aria-pressed=true]{background:transparent;border-color:transparent;border-top-color:var(--teal);color:var(--teal)}
.value-and-cost{border-left:1px solid var(--line);min-width:0}
.working-flow .calculator-result{padding:24px 28px 23px;border:0}
.working-flow .calculator-result p{gap:12px;margin-block:6px}
.working-flow .calculator-result strong{font-size:clamp(2.8rem,4.5vw,4rem)}
.working-flow .calculator-result .time-visual b{font:650 1rem Inter,Arial,sans-serif;letter-spacing:0}
.assessment-cost{display:block;padding:21px 28px 24px;text-decoration:none;background:white;transition:background .2s,box-shadow .2s;position:relative}
.assessment-cost:hover{background:#f3f8f5;box-shadow:inset 0 0 0 1px #8ab4ad}
.assessment-cost:focus-visible{outline-offset:-5px}
.cost-label{display:block;font-size:.9375rem;font-weight:650}
.cost-row{display:flex;align-items:baseline;gap:11px;margin-top:8px}
.assessment-cost .price{font-size:2.4rem;gap:4px;display:flex;flex-direction:column;align-items:flex-start;flex:0 0 auto;min-width:max-content}
.assessment-cost .price s{font-size:1rem;line-height:1.15}
.assessment-cost .price strong{line-height:1.15}
.one-time{align-self:flex-end;margin-bottom:5px;color:var(--muted);font-size:.875rem;white-space:nowrap}
.cost-arrow{margin-left:auto;align-self:flex-end;margin-bottom:5px;color:var(--teal);font-size:1.4rem;transition:translate .2s}
.assessment-cost:hover .cost-arrow{translate:3px -3px}
.calculator-refund{display:flex;align-items:flex-start;gap:9px;margin-top:16px;padding-top:15px;border-top:1px solid var(--line);font-size:.8125rem;color:var(--muted);line-height:1.5}
.calculator-refund>.route-icon{color:var(--teal);width:21px;height:21px;margin-top:2px}
.calculator-refund strong{font-weight:500;color:var(--ink)}
.calculator-refund b{font-weight:650;color:var(--teal)}
.working-flow .journey-section{padding:58px 0 65px;border-top:1px solid var(--line)}
.working-flow .journey-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px;align-items:center}
.working-flow .journey-intro{padding:0}
.working-flow .journey-intro h2{font-size:clamp(2.6rem,4vw,3.5rem);max-width:none;line-height:1.12;margin:0}
.working-flow .journey-panel{grid-template-columns:1fr;gap:17px;padding:30px;min-height:345px;background:white}
.working-flow .step-art{width:42px;height:42px;border-radius:13px}
.working-flow .step-art .route-icon{width:27px;height:27px}
.working-flow .step-content h3{font-size:1.9rem}
.working-flow .step-content ul{display:grid;gap:9px}
.working-flow .route-examples .business-bridge{padding-top:29px;margin-top:34px}
.working-flow .business-bridge h3{font-size:clamp(1.45rem,2.2vw,1.8rem)}
@media(max-width:1000px){
 .calculator-controls{padding:26px;gap:20px}
 .working-flow .calculator-inputs{gap:22px;grid-template-columns:1fr}
 .working-flow .calculator-field label{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
 .working-flow .calculator-field label>span{margin:0;white-space:nowrap}
 .working-flow .calculator input[type=range]{margin-top:10px}
 .working-flow .calculator-field b{font-size:1.5rem}
 .working-flow .calculator-result{padding-inline:25px}
 .assessment-cost{padding-inline:25px}
 .working-flow .journey-layout{gap:35px;grid-template-columns:.72fr 1.28fr}
}
@media(max-width:900px) and (min-width:651px){
 .working-flow .hero-content>.button{width:calc(42vw - 40px);font-size:.8125rem;padding:14px 12px;gap:10px}
 .working-flow .hero-content>.button>.inline-price{flex-direction:row;gap:8px;flex-shrink:0}
 .working-flow .hero-content>.button>span:last-child{display:none}
}
@media(max-width:800px){
 .working-flow .value-comparison{grid-template-columns:1fr 1fr}
 .calculator-controls{padding:22px}
 .working-flow .calculator-field label{display:block}
 .working-flow .calculator-field label>span{margin-top:6px}
 .working-flow .calculator-result{padding:22px}
 .assessment-cost{padding:21px 22px}
 .working-flow .calculator-result strong{font-size:2.8rem}
 .working-flow .calculator-result p{gap:8px}
 .working-flow .calculator-result p>span{font-size:.8125rem}
 .working-flow .average-shortcut{gap:10px}
 .working-flow .average-shortcut>b{font-size:1.8rem}
 .working-flow .average-shortcut>span{font-size:.75rem}
 .working-flow .average-shortcut>.route-icon{display:none}
 .working-flow .journey-layout{grid-template-columns:1fr;gap:28px}
 .working-flow .journey-intro h2{font-size:2.5rem;max-width:none}
 .working-flow .journey-panel{grid-template-columns:42px 1fr;min-height:280px;gap:20px}
}
@media(max-width:650px){
 .working-flow .hero-content>.button{width:100%;max-width:475px}
 .working-flow .calculator-section{padding-bottom:36px}
 .working-flow .value-comparison{grid-template-columns:1fr}
 .calculator-controls{padding:23px 22px 20px;gap:18px}
 .working-flow .calculator-inputs{grid-template-columns:1fr 1fr;gap:20px}
 .working-flow .calculator-field label{font-size:.8125rem}
 .working-flow .calculator-field b{font-size:1.5rem}
 .working-flow .calculator-field label>span{font-size:.75rem}
 .working-flow .average-shortcut{padding-top:17px;min-height:0}
 .working-flow .average-shortcut>span{font-size:.8125rem}
 .working-flow .average-shortcut>.route-icon{display:block}
 .value-and-cost{border-left:0}
 .working-flow .calculator-result{padding:21px 22px}
 .working-flow .calculator-result strong{font-size:3.1rem}
 .working-flow .calculator-result p>span{font-size:.875rem}
 .assessment-cost{padding:20px 22px 23px}
 .assessment-cost .price{font-size:2.5rem}
 .working-flow .journey-section{padding:40px 0}
 .working-flow .journey-intro h2{font-size:2.3rem}
 .working-flow .journey-panel{grid-template-columns:1fr;gap:15px;padding:23px;min-height:365px}
 .working-flow .step-content h3{font-size:1.6rem}
}
@media(max-width:360px){
 .working-flow .hero-content>.button{font-size:.8125rem;gap:8px}
 .working-flow .hero-content>.button>span:last-child{display:none}
 .calculator-controls,.working-flow .calculator-result,.assessment-cost{padding-left:18px;padding-right:18px}
 .working-flow .calculator-inputs{gap:15px}
 .working-flow .calculator-field b{font-size:1.35rem}
 .working-flow .calculator-result strong{font-size:2.7rem}
 .working-flow .calculator-result p{gap:9px}
 .assessment-cost .price{font-size:2.3rem}
 .one-time{font-size:.8125rem}
 .calculator-refund{font-size:.75rem;gap:8px}
 .working-flow .journey-panel{padding:20px;min-height:380px}
}
@media(prefers-reduced-motion:reduce){.assessment-cost:hover .cost-arrow{translate:none}}

/* Only the assessment has a top band. Coaching begins at the band’s lower edge. */
.working-flow .coaching-offer{margin-top:42px;padding-top:27px}
.working-flow .coaching-value{background:#fff}
.working-flow .offer-price-notes{display:flex;flex-direction:column;align-items:flex-end;align-self:center;gap:6px}
.working-flow .price-availability{font-size:.8125rem;color:var(--muted);white-space:nowrap}
.working-flow .offer-price-notes .saving{margin-bottom:0}
.working-flow .assessment-offer>.button{background:var(--teal);border-color:var(--teal)}
.working-flow .assessment-offer>.button:hover{box-shadow:0 7px 22px #1b6d7025}
.working-flow .offer-value{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.working-flow .offer-value>span{color:#e1eeebdf}
.working-flow .offer-value p strong{color:var(--mint)}
.working-flow .hero .inline-price{flex-direction:row;flex-wrap:nowrap;flex-shrink:0;gap:8px}
.working-flow .route-examples h2{margin-top:0}
@media(max-width:800px){
 .working-flow .coaching-offer{padding-top:24px}
 .working-flow .price-availability{font-size:.75rem}
 .working-flow .journey-intro h2 br{display:none}
 .working-flow .journey-intro h2 em{display:block}
}
@media(max-width:580px){
 .working-flow .coaching-offer{margin-top:0;padding-top:24px}
 .working-flow .offer-price-notes{gap:5px}
}

/* Explicit rows keep the price and cost label separate on phone browsers. */
@media(max-width:650px){
 .working-flow .cost-row{display:grid;grid-template-columns:minmax(0,1fr) 24px;grid-template-areas:"price arrow" "term arrow";align-items:end;column-gap:16px;row-gap:6px}
 .working-flow .assessment-cost .price{grid-area:price;min-width:0;width:fit-content}
 .working-flow .one-time{grid-area:term;align-self:start;margin:0;font-size:.875rem;line-height:1.5;white-space:normal}
 .working-flow .cost-arrow{grid-area:arrow;align-self:center;justify-self:end;margin:0}
 .working-flow .period-control button{min-height:44px}
 .working-flow .calculator input[type=range]{height:44px;margin-top:3px}
 .working-flow .nav-cta,.working-flow .footer>a{display:inline-flex;align-items:center;min-height:44px}
 .working-flow .hero-link{display:flex;align-items:center;min-height:44px;margin-top:6px}
 .working-flow .calculator-refund{font-size:.875rem}
 .working-flow .journey-intro h2 em br{display:block}
 .working-flow .footer{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px 20px;align-items:center}
 .working-flow .footer p{min-width:0}
 .working-flow .footer>a{grid-column:2;justify-self:start;margin:0}
 .working-flow .contact-section h2{text-wrap:balance}
}

/* The same charcoal cost/value comparison in the calculator and assessment offer. */
.working-flow .cost-value-panel{background:var(--ink);color:white;min-width:0;padding:28px;border:1px solid #4d6261;border-radius:12px;box-shadow:0 0 18px #1b6d7009}
.working-flow .calculator>.cost-value-panel{border-radius:0;border:0;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}
.cost-value-pair{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;align-items:end}
.cost-value-pair>div{min-width:0}
.cost-metric{border-right:1px solid #ffffff35;padding-right:20px}
.metric-label{display:block;min-height:2.8em;font-size:.875rem;line-height:1.4;font-weight:600;color:#e1eeeb}
.metric-number{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:100px;padding:9px 0 5px;gap:4px}
.metric-number s{font-size:1rem;line-height:1.2;color:#b6c4c1}
.metric-number strong{font:650 clamp(2rem,3.3vw,3.05rem)/1.1 Manrope,Arial,sans-serif;letter-spacing:-.055em;color:white;white-space:nowrap}
.metric-term{display:block;font-size:.875rem;line-height:1.5;color:#e1eeeb}
.cost-value-panel .value-basis{font-size:.875rem;color:#c7d4d1;margin:20px 0 0;padding-top:14px;border-top:1px solid #ffffff30;line-height:1.5}
.hours-guarantee{background:var(--mint);color:var(--ink);border:1px solid #8db5ae;border-radius:12px;padding:20px 22px;box-shadow:0 0 18px #1b6d700a}
.guarantee-hours{display:flex;align-items:center;gap:14px}
.guarantee-hours>strong{font:650 4.2rem/1 Manrope,Arial,sans-serif;letter-spacing:-.06em;color:var(--teal)}
.guarantee-hours>span{font-size:.875rem;line-height:1.5}
.guarantee-hours>span>b{font-size:1.1rem}
.hours-guarantee>p{font-size:1.35rem;line-height:1.35;margin-top:12px;font-weight:500;letter-spacing:-.025em}
.hours-guarantee>p>b{color:var(--teal)}
.hours-guarantee.is-drawn .sketch-mark:after{animation:guarantee-underline .8s cubic-bezier(.22,.61,.36,1) both}
.cost-value-panel>.hours-guarantee{margin-top:22px}
.working-flow .assessment-offer>.hours-guarantee{margin-top:22px;margin-bottom:15px}
.working-flow .assessment-offer>.cost-value-panel{margin-top:auto;padding:22px}
.assessment-offer .metric-number strong{font-size:clamp(1.8rem,3vw,2.7rem)}
.assessment-offer .metric-number{min-height:85px}
@media(max-width:1000px) and (min-width:651px){
 .working-flow .calculator>.cost-value-panel{padding:22px}
 .cost-value-pair{gap:14px;grid-template-columns:.85fr 1.15fr}
 .cost-metric{padding-right:14px}
 .metric-number strong,.assessment-offer .metric-number strong{font-size:clamp(1.65rem,3.2vw,2.6rem)}
 .metric-label{font-size:.875rem}
 .hours-guarantee{padding:17px}
}
@media(max-width:650px){
 .working-flow .calculator>.cost-value-panel{border-left:0;padding:24px 22px}
 .cost-value-pair{gap:18px;grid-template-columns:.85fr 1.15fr}
 .cost-metric{padding-right:16px}
 .metric-number strong,.assessment-offer .metric-number strong{font-size:clamp(1.85rem,8vw,2.8rem)}
 .metric-number,.assessment-offer .metric-number{min-height:90px}
 .metric-label{font-size:.875rem}
 .hours-guarantee{padding:18px}
 .guarantee-hours>strong{font-size:3.8rem}
 .hours-guarantee>p{font-size:1.3rem}
 .working-flow .assessment-offer>.cost-value-panel{padding:20px 18px}
}
@media(max-width:370px){
 .working-flow .calculator>.cost-value-panel{padding:22px 18px}
 .cost-value-pair{gap:12px}
 .cost-metric{padding-right:12px}
 .metric-number strong,.assessment-offer .metric-number strong{font-size:1.7rem}
 .working-flow .assessment-offer>.cost-value-panel{padding:18px 14px}
 .guarantee-hours{gap:10px}
 .guarantee-hours>span{font-size:.875rem}
 .guarantee-hours>span>b{font-size:1rem}
}