/* Public decision paths. Kept separate from shared navigation and admin styles. */
.journey-section-head{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(24px,6vw,88px);align-items:end;margin-bottom:38px}
.journey-section-head h2,.about-next h2{font:750 clamp(34px,4.5vw,62px)/1.06 Manrope,system-ui,sans-serif;letter-spacing:-.055em;margin:18px 0 0}
.journey-section-head p{max-width:490px;color:#526374;line-height:1.75;margin:0}
.service-comparison{background:#f4f1e9}
.service-comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.service-option{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #d7dfe5;border-radius:16px;padding:clamp(22px,2.4vw,34px)}
.journey-kicker{font:800 10px/1.5 system-ui,sans-serif;letter-spacing:1.6px;color:#285f89}
.service-option h3{font:750 clamp(25px,2.4vw,34px)/1.12 Manrope,system-ui,sans-serif;letter-spacing:-.04em;margin:22px 0 26px}
.service-option dl{margin:0 0 28px;line-height:1.7;font-size:15px}
.service-option dt{font-weight:800;color:#07192b;margin-top:23px;font-size:13px}
.service-option dt:first-child{margin-top:0}
.service-option dd{margin:8px 0 0;color:#526374}
.service-option ul{margin:0;padding-left:18px}
.service-option li{padding-left:2px;margin:8px 0}
.service-option li::marker{color:#285f89}
.service-option-actions{display:flex;flex-direction:column;gap:10px;margin-top:auto}
.journey-button{display:inline-flex;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:14px 17px;border-radius:9px;background:#07192b;color:#fff;text-decoration:none;font:750 14px/1.4 system-ui,sans-serif}
.journey-button:hover{background:#143b61}
.journey-button span{color:#ffb090}
.journey-text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:#215c88;font:750 13px/1.5 system-ui,sans-serif;text-decoration:underline;text-underline-offset:4px}
.journey-text-link:hover{color:#a33812}
.journey-learning-note{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:26px;padding:22px 26px;border:1px solid #c9dbe6;border-radius:12px;background:#edf4f8}
.journey-learning-note strong{font-size:16px;color:#07192b}
.journey-learning-note p{margin:7px 0 0;line-height:1.6;color:#526374;font-size:14px}
.journey-learning-note>a{flex-shrink:0}
.about-proof{background:#fbfaf6}
.about-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.about-project{display:flex;flex-direction:column;min-width:0;border:1px solid #d7dfe5;border-radius:16px;overflow:hidden;background:#fff;text-decoration:none;color:#07192b}
.about-project:hover{border-color:#769bb9;box-shadow:0 10px 30px rgba(7,25,43,.07)}
.about-project-image{aspect-ratio:2/1;background:#edf4f8;border-bottom:1px solid #d7dfe5}
.about-project-image img{display:block;width:100%;height:100%;object-fit:contain}
.about-project-copy{padding:26px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.about-project-copy h3{font:750 clamp(22px,2.5vw,30px)/1.2 Manrope,system-ui,sans-serif;letter-spacing:-.035em;margin:12px 0}
.about-project-copy p{color:#526374;line-height:1.65;font-size:15px;margin:0 0 16px}
.about-project-copy>.journey-text-link{margin-top:auto}
.about-all-clients{margin-top:22px}
.about-next{display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:clamp(30px,6vw,90px);background:#07192b;color:#fff}
.about-next h2{margin-bottom:24px}
.about-next p{max-width:650px;line-height:1.75;color:#b6c7d5;margin:0}
.about-next-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px}
.about-next .journey-button{background:#fff;color:#07192b}
.about-next .journey-button:hover{background:#edf4f8}
.about-next .journey-button span{color:#a33812}
.about-next .journey-text-link{color:#9bd2ff}
.about-next small{color:#b6c7d5;line-height:1.5}
.service-comparison a:focus-visible,.about-proof a:focus-visible,.about-next a:focus-visible{outline:3px solid #0877e6;outline-offset:4px}
.about-next a:focus-visible{outline-color:#9bd2ff}

/* Native anchor navigation works without JavaScript and stays below the header. */
.journey-detail{--journey-header:82px;--journey-shortcuts:64px}
.page-shortcuts{position:sticky;top:var(--journey-header);z-index:40;background:#fbfaf6;border-top:1px solid #d7dfe5;border-bottom:1px solid #d7dfe5}
.page-shortcuts>div{height:var(--journey-shortcuts);padding:0 clamp(22px,7vw,105px);display:flex;align-items:center;gap:clamp(8px,2vw,28px)}
.shortcut-label{font-size:10px;font-weight:850;letter-spacing:1.5px;text-transform:uppercase;color:#526374;margin-right:auto}
.page-shortcuts a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border-radius:6px;color:#334e63;font-size:13px;font-weight:750;text-decoration:none}
.page-shortcuts a:hover{background:#e8f1f8;color:#07192b}
.page-shortcuts .shortcut-enquiry{background:#07192b;color:#fff;gap:8px}
.page-shortcuts .shortcut-enquiry:hover{background:#143b61;color:#fff}
.page-shortcuts a:focus-visible{outline:3px solid #0877e6;outline-offset:2px}
.journey-detail main section[id],.journey-detail #enquiry-form{scroll-margin-top:calc(var(--journey-header) + var(--journey-shortcuts) + 22px)}
.journey-detail section[tabindex]:focus-visible{outline:3px solid #0877e6;outline-offset:-4px}
@media(max-width:1050px){.journey-detail{--journey-header:76px}}
@media(max-width:900px){.service-comparison-grid{grid-template-columns:1fr}.service-option h3 br{display:none}.service-option h3 br::after{content:' '}.service-option h3{font-size:30px}.journey-section-head{grid-template-columns:1fr;gap:22px}.about-next{grid-template-columns:1fr}.about-next-actions{max-width:360px}.service-option-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px 24px}}
@media(max-width:620px){.service-comparison,.about-proof,.about-next{padding-top:64px;padding-bottom:64px}.about-project-grid{grid-template-columns:1fr}.service-option-actions{align-items:stretch;flex-direction:column;gap:10px}.journey-learning-note{align-items:flex-start;flex-direction:column;gap:12px;padding:22px}.about-project-copy{padding:22px}.about-next-actions{max-width:none}.journey-detail{--journey-shortcuts:60px}.page-shortcuts>div{padding:0 12px;gap:4px}.shortcut-label{display:none}.page-shortcuts a{flex:1;min-width:0;padding:8px 5px;font-size:12px}.page-shortcuts .shortcut-enquiry{gap:4px}}
@media(max-height:450px){.page-shortcuts{position:static}.journey-detail main section[id],.journey-detail #enquiry-form{scroll-margin-top:calc(var(--journey-header) + 18px)}}
@media print{.page-shortcuts{display:none}.service-comparison-grid{grid-template-columns:1fr}.service-option,.about-project{break-inside:avoid}.about-next{background:#fff;color:#07192b}.about-next p,.about-next small{color:#334e63}}