/* Premium five-stage journey: cohesive chain, gold and navy, accessible contrast. */
.hb-journey{
  position:relative;isolation:isolate;overflow:hidden;
  padding:64px 0 76px!important;
  background:radial-gradient(ellipse at 85% 12%,#1c598262,transparent 40%),
             radial-gradient(ellipse at 12% 90%,#68253b35,transparent 42%),
             linear-gradient(128deg,#06132f,#0b3264 61%,#0b2348)!important;
  border-top:4px solid #cc9b53;border-bottom:4px solid #ac7e46;
}
.hb-journey:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;
 background:repeating-linear-gradient(130deg,#ffffff02 0 3px,transparent 3px 25px)}
.hb-journey .hb-journey-intro{max-width:910px;margin:0 auto 32px;text-align:center}
.hb-journey-eyebrow{display:inline-block;font:800 12px Arial,sans-serif;
 text-transform:uppercase;letter-spacing:.23em;color:#f7d39c;margin-bottom:13px}
.hb-journey h2{color:#fff!important;font:700 clamp(30px,4vw,50px)/1.2 Georgia,serif!important;
 margin:0 0 12px!important;text-shadow:0 5px 19px #000a}
.hb-journey .hb-journey-intro>p{color:#e7f1ff!important;font-size:clamp(16px,1.65vw,18px)!important;line-height:1.65}
.hb-chain-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;
 gap:0;max-width:1250px;margin:0 auto 25px;position:relative}
.hb-chain-track:before{content:"";position:absolute;top:32px;left:7%;right:7%;height:6px;
 background:linear-gradient(90deg,#cba36c,#e2c389,#a7c0e3,#f8cc8e);
 border:1px solid #fae4b0;border-radius:8px;box-shadow:0 0 13px #d5b67d55;z-index:0}
.hb-chain-step{position:relative;appearance:none;background:transparent;color:#fff;
 cursor:pointer;border:0;padding:0 7px 16px;display:flex;flex-direction:column;align-items:center;
 text-align:center;min-width:0;z-index:1}
.hb-chain-medallion{display:flex;align-items:center;justify-content:center;position:relative;
 height:67px;min-height:67px;width:78px;z-index:1;filter:drop-shadow(0 6px 13px #010f2ea9)}
.hb-chain-medallion:before{content:"";position:absolute;inset:2px 7px;border:3px solid #dfb77c;
 background:linear-gradient(130deg,#123e70,#091c3c);border-radius:50%;
 box-shadow:inset 0 0 0 4px #081b38,0 0 0 1px #fff3d03b}
.hb-chain-step .hb-chain-number{color:#fce4ae;font:800 19px Georgia,serif;position:relative}
.hb-chain-step .hb-chain-junction{position:absolute;right:-14px;top:12px;font:800 31px Georgia,serif;
 color:#f8d28e;text-shadow:0 0 10px #e8b46d;z-index:2}
.hb-chain-step:last-child .hb-chain-junction{display:none}
.hb-chain-step .hb-chain-label{font:700 clamp(16px,1.75vw,22px)/1.25 Georgia,serif;
 color:#fff;margin:13px 0 6px;overflow-wrap:anywhere}
.hb-chain-step small{font:400 clamp(12px,1.23vw,14px)/1.45 Arial,sans-serif;
 color:#e5edf9;max-width:180px}
.hb-chain-step:hover .hb-chain-medallion:before,.hb-chain-step.is-active .hb-chain-medallion:before{
 background:linear-gradient(145deg,#e8c485,#b78a44);border-color:#ffedbb;
 box-shadow:inset 0 0 0 4px #06264e,0 0 15px #ffd58c7a}
.hb-chain-step.is-active .hb-chain-number,.hb-chain-step:hover .hb-chain-number{color:#0b264d}
.hb-chain-step.is-active .hb-chain-label{color:#ffe0a3}
.hb-chain-step:focus-visible{outline:3px solid #ffd28b;outline-offset:6px;border-radius:12px}
.hb-chain-panels{max-width:1080px;margin:0 auto}
.hb-chain-panel{color:#0d2a52;background:linear-gradient(125deg,#f6faff,#e5eef8);
 border:2px solid #d5b27b;border-radius:21px;padding:clamp(23px,3vw,40px);
 box-shadow:0 20px 44px #000b256a}
.hb-chain-panel[hidden]{display:none!important}
.hb-chain-panel-head{display:flex;gap:16px;align-items:center;
 border-bottom:1px solid #bbcee1;padding-bottom:17px;margin-bottom:19px}
.hb-chain-panel-number{display:flex;align-items:center;justify-content:center;flex:none;
 background:#0c3260;color:#ffe2ac;border:1px solid #bc8a4a;width:54px;height:54px;
 border-radius:13px;font:700 23px Georgia,serif}
.hb-chain-panel-kicker{font:800 11px Arial,sans-serif;letter-spacing:.17em;
 text-transform:uppercase;color:#705022}
.hb-chain-panel h3{font:700 clamp(25px,2.8vw,34px)/1.2 Georgia,serif;
 margin:3px 0 0;color:#0b305d}
.hb-chain-panel-text{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.hb-chain-panel-text p{border-left:3px solid #bb985b;padding:0 0 0 15px;
 margin:0!important;line-height:1.8;color:#1b3758!important;font:400 16px/1.75 Arial,sans-serif!important}
.hb-chain-panel-contact{display:inline-flex;margin-top:24px;background:linear-gradient(#168f38,#086327);
 color:white!important;padding:11px 19px;border-radius:28px;text-decoration:none!important;
 border:1px solid #8ed598;font-weight:800}
.hb-chain-panel-contact:hover{filter:brightness(1.08)}
@media(max-width:850px){
 .hb-journey{padding:42px 0!important}
 .hb-chain-track{grid-template-columns:repeat(5,minmax(0,1fr))}
 .hb-chain-step .hb-chain-label{font:700 14px/1.25 Arial,sans-serif}
 .hb-chain-step small{font-size:11px}
 .hb-chain-medallion{width:62px;height:58px;min-height:58px}
 .hb-chain-track:before{top:27px}
 .hb-chain-step .hb-chain-junction{right:-10px;top:10px}
}
@media(max-width:600px){
 .hb-chain-track{display:flex;gap:7px;overflow-x:auto;padding:3px 2px 16px;
  scroll-snap-type:x mandatory}
 .hb-chain-track:before{display:none}
 .hb-chain-step{min-width:122px;max-width:122px;padding:9px 7px 14px;background:#ffffff0b;
  border:1px solid #c8a26255;border-radius:13px;scroll-snap-align:center}
 .hb-chain-step.is-active{background:#e6bc6d21;border-color:#e3b76f}
 .hb-chain-step .hb-chain-junction{right:-8px}
 .hb-chain-panel-text{grid-template-columns:1fr;gap:14px}
 .hb-chain-panel-head{gap:11px}
 .hb-chain-panel{padding:19px;border-radius:15px}
}
@media(prefers-reduced-motion:reduce){.hb-chain-step,.hb-chain-panel{scroll-behavior:auto!important;transition:none!important}}