/* Original, compact onward navigation. The selected website profile owns tokens. */
.pf-journey.journey-refined { padding-block:48px 64px; margin-inline:0; background:transparent; }
.journey-intro { display:grid; grid-template-columns:1fr 2fr; align-items:end; gap:32px; margin-bottom:32px; }
.platform-page .pf-main .journey-intro h2 { font-size:clamp(28px,2.3vw,34px); line-height:1.2; margin:0; }
.journey-intro h2>span { display:block; }
.journey-intro>p { max-width:66ch; margin:0; color:var(--pearl-muted); }
.journey-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.journey-link { display:grid; grid-template-columns:minmax(0,1fr) 44px; grid-template-rows:auto minmax(90px,auto) 1px 1fr; align-content:start; column-gap:16px; text-decoration:none; color:var(--pearl-ink); padding:8px 0 12px; min-width:0; }
.journey-role { grid-column:1/-1; color:var(--pearl-muted); font:400 13px/1.6 var(--pearl-font-body); margin-bottom:16px; }
.platform-page .pf-main .journey-link h3 { grid-column:1; font:600 clamp(18px,1.45vw,21px)/1.45 var(--pearl-font-display); align-self:end; margin:0; padding-bottom:18px; overflow-wrap:anywhere; }
.journey-arrow { grid-column:2; grid-row:2; align-self:end; margin-bottom:16px; display:grid; place-items:center; width:44px; height:44px; border:1px solid var(--pearl-strong); border-radius:50%; color:var(--pearl-art); transition:background var(--pearl-motion-standard) var(--pearl-motion-ease),color var(--pearl-motion-standard) var(--pearl-motion-ease); }
.journey-arrow svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; transition:transform var(--pearl-motion-standard) var(--pearl-motion-ease); }
.journey-link--next .journey-arrow { background:var(--pearl-accent-mark); border-color:var(--pearl-accent-mark); color:var(--pearl-on); }
.journey-rule { grid-column:1/-1; height:1px; background:var(--pearl-line); }
.journey-purpose { grid-column:1/-1; padding-top:16px; color:var(--pearl-muted); font:400 15px/1.6 var(--pearl-font-body); }
.journey-link:is(:hover,:focus-visible) .journey-arrow { background:var(--pearl-accent-mark); border-color:var(--pearl-accent-mark); color:var(--pearl-on); }
.journey-link:is(:hover,:focus-visible) .journey-arrow svg { transform:translateX(2px); }
.journey-link:first-child:is(:hover,:focus-visible) .journey-arrow svg { transform:translateX(-2px); }
.journey-link:focus-visible { outline:var(--pearl-focus-width) solid var(--pearl-focus); outline-offset:var(--pearl-focus-offset); }
/* The label remains steady while its directional cue responds to hover/focus. */
.pf-hero-actions .pf-button { transition:background var(--pearl-motion-standard) var(--pearl-motion-ease),border-color var(--pearl-motion-standard) var(--pearl-motion-ease); }
.pf-hero-actions .pf-button>span { display:grid; place-items:center; width:28px; height:28px; border:1px solid currentColor; border-radius:50%; flex:none; transition:transform var(--pearl-motion-standard) var(--pearl-motion-ease); }
.pf-hero-actions .pf-button:is(:hover,:focus-visible)>span { transform:translateY(2px); }
.pf-hero-actions .pf-button:focus-visible { outline:var(--pearl-focus-width) solid var(--pearl-focus); outline-offset:var(--pearl-focus-offset); }
@media(max-width:900px) {
 .journey-links { gap:24px; }
 .journey-link { column-gap:8px; grid-template-columns:minmax(0,1fr) 36px; grid-template-rows:auto minmax(120px,auto) 1px 1fr; }
 .journey-arrow { width:36px; height:36px; }
}
@media(max-width:680px) {
 .pf-journey.journey-refined { padding-block:36px 48px; }
 .journey-intro { grid-template-columns:1fr; gap:20px; margin-bottom:28px; }
 .journey-links { grid-template-columns:1fr; gap:24px; }
 .journey-link { grid-template-columns:minmax(0,1fr) 44px; grid-template-rows:auto auto 1px auto; }
 .journey-role { margin-bottom:8px; }
 .journey-arrow { width:44px; height:44px; margin-bottom:12px; }
 .platform-page .pf-main .journey-link h3 { font-size:20px; padding-bottom:16px; }
 .journey-purpose { padding-top:12px; }
}
@media(prefers-reduced-motion:reduce) {
 .journey-link .journey-arrow,.journey-link .journey-arrow svg,.pf-hero-actions .pf-button,.pf-hero-actions .pf-button>span { transition:none; }
 .journey-link:is(:hover,:focus-visible) .journey-arrow svg,.journey-link:first-child:is(:hover,:focus-visible) .journey-arrow svg,.pf-hero-actions .pf-button:is(:hover,:focus-visible)>span { transform:none; }
}