/* Official brand shapes stay monochrome. The reference roster is a labelled demo. */
.platform-row{gap:30px}.platform-label{display:block;flex:0 0 130px}.platform-logos{display:flex;align-items:center;justify-content:space-between;gap:26px;flex:1;min-width:0}.platform{gap:9px;font-size:19px;font-weight:550;letter-spacing:-.6px;color:#40463a}.platform img{display:block;width:28px;height:28px;object-fit:contain;flex-shrink:0}.platform:nth-child(2) img{width:35px}.platform:nth-child(5){font-size:18px}
.reference-section{border-top:1px solid var(--line)}.reference-section .section-marker{gap:20px}.reference-demo-tag{font-size:9px;letter-spacing:1px;border:1px solid #dfe4d4;border-radius:20px;padding:5px 10px;color:#626a58;white-space:nowrap}.reference-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:34px 0 24px}.reference-heading h2{font-size:clamp(42px,4.9vw,68px)}.reference-heading>div{max-width:280px;padding-bottom:5px}.reference-coordinate{font-size:10px;letter-spacing:1.5px;color:#79816d}.reference-heading p{margin:13px 0 0;font-size:15px}.home-story .reference-disclosure{font-size:11px;line-height:1.7;color:#73796c;max-width:730px;margin-bottom:33px}.brand-journey{border:1px solid #e3e7db;border-radius:20px;background:#fff;position:relative;padding:0 27px;isolation:isolate}.journey-toolbar{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1.2px}.journey-toolbar>span:first-child{display:flex;align-items:center;gap:9px}.journey-toolbar i{width:7px;height:7px;background:var(--lime);border:1px solid #adce35;border-radius:50%}.journey-instruction{color:#7d8570;font-size:11px;letter-spacing:0}.brand-map{position:relative;padding:26px 24px 48px}.brand-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:53px 30px}.brand-stop{grid-column:var(--col);grid-row:var(--row);position:relative;display:flex;flex-direction:column;align-items:stretch;min-width:0;height:149px;padding:12px 16px 16px;border:1px solid #e6e9e0;border-radius:11px;background:white;color:#40463a;text-align:left;transition:box-shadow .5s,border-color .5s,background .5s,transform .4s}.brand-stop:hover,.brand-stop:focus-visible{border-color:#88966c;box-shadow:0 8px 25px #2334000b}.brand-stop:focus-visible,.journey-next:focus-visible{outline:2px solid #789213;outline-offset:5px}.brand-stop.is-current{border-color:#b8dc31;box-shadow:0 8px 28px #708d1914}.brand-stop.is-current:before{content:'';position:absolute;inset:-5px;border:1px solid #c9f31d60;border-radius:16px;pointer-events:none}.brand-stop-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.8px;color:#87917a;line-height:1}.brand-stop-arrow{font-size:17px;transition:color .4s,transform .4s}.brand-stop.is-current .brand-stop-arrow{color:#435a06;transform:rotate(45deg)}.brand-logo-lockup{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}.brand-logo-lockup img{display:block;object-fit:contain;width:120px;max-width:100%;height:42px}.brand-logo-lockup.symbol img{width:34px;height:34px;flex-shrink:0}.brand-logo-lockup.symbol>span{font-size:18px;letter-spacing:-.7px;font-weight:650;line-height:1.2}.brand-stop[data-brand="3"] .brand-logo-lockup.symbol img{width:21px}.brand-stop[data-brand="6"] .brand-logo-lockup.symbol>span{display:none}.brand-stop[data-brand="6"] .brand-logo-lockup.symbol img{width:46px;height:46px}.brand-sector{font-size:8px;letter-spacing:1px;text-align:center;color:#7b826f;line-height:1.4;white-space:nowrap}.brand-port{position:absolute;width:8px;height:8px;bottom:-26px;left:calc(50% - 4px);border-radius:50%;background:#fff;border:1.5px solid #ccd3bf;transition:border-color .5s,background .5s;z-index:2}.brand-stop.is-current .brand-port{border-color:#a7c925;background:var(--lime);box-shadow:0 0 0 5px #c9f31d20}.brand-route{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:-1;opacity:0}.brand-journey.route-ready .brand-route{opacity:1}.brand-route path{fill:none;stroke-linecap:round;stroke-linejoin:round}.brand-route-base{stroke:#e6ebdc;stroke-width:1.5}.brand-route-progress{stroke:var(--lime);stroke-width:3}.traveler-halo{fill:#c9f31d;opacity:.22}.traveler-dot{fill:#a9cc17;stroke:#fff;stroke-width:2}.journey-bottom{border-top:1px solid var(--line);padding:23px 0;display:flex;justify-content:space-between;align-items:center;gap:24px}.journey-current{display:flex;align-items:center;gap:25px;min-width:0}.journey-count{font-family:var(--display);font-size:32px;line-height:1;letter-spacing:-1.7px;white-space:nowrap}.journey-count>span{font-size:14px;letter-spacing:-.5px;color:#89917e}.journey-caption{border-left:1px solid var(--line);padding-left:25px}.journey-sector{font-size:9px;letter-spacing:1.3px;color:#7d8670}.home-story .journey-message{font-size:15px;color:#343d29;line-height:1.5;margin:4px 0 0}.journey-next{background:white;border:0;display:flex;align-items:center;gap:18px;white-space:nowrap;font-size:11px;color:#555f47;padding:0}.journey-next>span{width:38px;height:38px;border:1px solid #dfe5d3;border-radius:50%;display:grid;place-items:center;font-size:21px;transition:background .3s,border-color .3s}.journey-next:hover>span{background:var(--lime);border-color:var(--lime)}.reference-invitation{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:27px;font-size:13px;color:#757d69}.reference-invitation strong{font-weight:500;color:#353f29}.reference-invitation .underlined-link{margin:0;color:var(--ink);font-size:13px;gap:30px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.platform-row{align-items:center;gap:20px}.platform-logos{gap:19px;flex-wrap:wrap;justify-content:center}.platform{font-size:17px}.platform img{width:24px;height:24px}.platform:nth-child(5){font-size:17px}.brand-grid{gap:53px 20px}.brand-map{padding-left:14px;padding-right:14px}.brand-stop{padding-left:10px;padding-right:10px}.brand-logo-lockup.symbol>span{font-size:16px}.brand-logo-lockup.symbol img{width:28px;height:28px}.reference-heading>div{max-width:235px}.brand-sector{font-size:7px;letter-spacing:.75px}}
@media(max-width:760px){.reference-section.story-section{padding-top:68px;padding-bottom:68px}.reference-heading{display:block;margin-top:25px}.reference-heading h2{font-size:48px;letter-spacing:-2.8px}.reference-heading>div{max-width:none;margin-top:22px}.reference-heading p{margin-top:8px;font-size:14px}.reference-heading p br{display:none}.reference-demo-tag{font-size:8px;letter-spacing:.7px}.reference-section .section-marker{font-size:10px;letter-spacing:1px;gap:10px}.platform-row{flex-direction:column;gap:20px}.platform-label{flex:none;max-width:none;text-align:center;font-size:12px}.platform-label br{display:none}.platform-label br:after{content:' '}.platform-logos{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 12px}.platform{justify-content:center;font-size:16px;gap:7px}.platform:nth-child(5){font-size:15px}.platform img{width:24px;height:24px}.platform:nth-child(2) img{width:29px}.brand-journey{padding:0 16px;border-radius:14px}.brand-map{padding:24px 12px 48px}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 26px}.brand-stop{grid-column:var(--mobile-col);grid-row:var(--mobile-row);height:133px;padding:11px 13px 13px}.brand-logo-lockup.symbol img{width:31px;height:31px}.brand-logo-lockup.symbol>span{font-size:17px}.brand-logo-lockup.wide img{width:110px;height:38px}.brand-sector{font-size:8px;letter-spacing:.7px}.journey-toolbar{min-height:60px;font-size:9px;letter-spacing:1px}.journey-instruction{font-size:9px;max-width:130px;text-align:right;line-height:1.5}.journey-bottom{align-items:start;gap:15px;padding:20px 0}.journey-current{gap:13px}.journey-count{font-size:27px}.journey-count>span{font-size:12px}.journey-caption{padding-left:13px}.journey-sector{font-size:8px;letter-spacing:1px}.home-story .journey-message{font-size:12px;max-width:210px}.journey-next{font-size:0;gap:0;padding:5px 0}.journey-next>span{width:32px;height:32px;font-size:20px}.reference-invitation{align-items:start;font-size:12px}.reference-invitation>span{max-width:190px}.reference-invitation .underlined-link{font-size:11px;gap:15px;white-space:nowrap}.home-story .reference-disclosure{font-size:10px;line-height:1.7;margin-bottom:24px}}
@media(max-width:390px){.platform{font-size:13px;gap:5px}.platform:nth-child(5){font-size:13px}.platform img{width:21px;height:21px}.reference-heading h2{font-size:40px;letter-spacing:-2.3px}.brand-journey{padding:0 10px}.brand-map{padding-left:8px;padding-right:8px}.brand-grid{column-gap:20px}.brand-stop{padding:10px 7px;height:123px}.brand-logo-lockup.symbol{gap:5px}.brand-logo-lockup.symbol img{width:25px;height:25px}.brand-logo-lockup.symbol>span{font-size:14px}.brand-sector{font-size:6.5px;letter-spacing:.5px}.brand-logo-lockup.wide img{width:94px}.reference-invitation{flex-direction:column;gap:17px}.reference-invitation>span{max-width:none}.reference-section .section-marker{letter-spacing:.5px}.reference-demo-tag{padding:4px 6px}}
@media(prefers-reduced-motion:reduce){.brand-stop,.brand-stop-arrow,.brand-port{transition:none}.brand-traveler{display:none}}

/* Keep secondary labels legible on compact screens. */
.reference-section .section-marker{font-size:12px;letter-spacing:.6px}.reference-demo-tag{font-size:12px;letter-spacing:0}.reference-coordinate{font-size:12px;letter-spacing:.6px}.home-story .reference-disclosure{font-size:12px}.journey-toolbar{font-size:12px;letter-spacing:.5px}.journey-instruction{font-size:12px}.brand-stop-top{font-size:12px}.brand-sector{font-size:12px;letter-spacing:0;white-space:normal;min-height:34px;display:flex;align-items:center;justify-content:center}.brand-stop{height:165px}.journey-sector{font-size:12px;letter-spacing:.5px}.journey-next{font-size:14px}.reference-invitation,.reference-invitation .underlined-link{font-size:14px}.journey-next>span{min-width:44px;min-height:44px}
@media(max-width:760px){.brand-stop{height:152px}.journey-toolbar{gap:12px}.journey-instruction{max-width:150px;line-height:1.4}.journey-next{font-size:0;min-width:44px;min-height:44px}.reference-section .section-marker{flex-wrap:wrap}.reference-section .marker-line{min-width:12px}.home-story .journey-message{font-size:14px}.journey-current{align-items:flex-start}.reference-invitation{flex-wrap:wrap}.reference-invitation>span{max-width:230px}}
@media(max-width:390px){.brand-stop{height:148px}.brand-sector{font-size:12px;line-height:1.3}.journey-toolbar{flex-wrap:wrap;padding:12px 0}.journey-instruction{max-width:none;text-align:left}.journey-caption{padding-left:10px}.journey-current{gap:10px}.journey-sector{font-size:12px;letter-spacing:0}.journey-count{font-size:24px}.reference-invitation>span{max-width:none}}