/* A product-specific visual story for the three existing Cloud Journey steps. */
.journey-section .workflow-visual{transform:none;min-width:0}
.journey-section .interface.journey-ui{border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:8px 8px 0 var(--mint2);min-width:0;overflow:hidden}
.journey-ui__chrome{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}
.journey-ui__brand{display:flex;align-items:center;gap:8px;min-width:0;color:var(--ink)}
.journey-ui__brand>svg{width:28px;height:28px;padding:4px;border-radius:8px;background:var(--mint);color:var(--p)}
.journey-ui svg{flex-shrink:0;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.journey-ui__brand strong{font-size:16px;line-height:24px;letter-spacing:-.01em;font-weight:600;white-space:nowrap}
.journey-ui__preview{padding:4px 8px;border:1px solid var(--line);border-radius:24px;font-size:12px;line-height:20px;color:var(--muted);white-space:nowrap}
.journey-ui__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 12px;background:var(--soft);border-bottom:1px solid var(--line)}
.journey-ui__tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:56px;padding:12px 4px;border:0;background:transparent;color:var(--muted);font-size:12px;line-height:20px;font-weight:600}
.journey-ui__tabs button>span{display:grid;place-items:center;width:20px;height:20px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;font-size:12px;line-height:20px;font-weight:400}
.journey-ui__tabs button[aria-selected=true]{color:var(--p)}
.journey-ui__tabs button[aria-selected=true]>span{background:var(--action-green);border-color:var(--brand-green);color:#fff}
.journey-ui__tabs button:after{content:'';position:absolute;inset:auto 8px 0;height:2px;background:var(--p);transform:scaleX(0);transform-origin:left}
.journey-ui__tabs button[aria-selected=true]:after{transform:scaleX(1)}
.journey-ui.is-enhanced .journey-ui__tabs button[aria-selected=true]:after{animation:journey-progress-a 6s linear forwards;animation-play-state:paused}
.journey-ui[data-journey-cycle="1"] .journey-ui__tabs button[aria-selected=true]:after{animation-name:journey-progress-b}
.journey-ui[data-journey-playing="true"] .journey-ui__tabs button[aria-selected=true]:after{animation-play-state:running}
.journey-ui__tabs button:focus-visible{outline-offset:-4px}
.journey-ui__panel{padding:20px}
.journey-ui__panel-heading{margin-bottom:16px}
.journey-ui__panel-heading>span{display:block;margin-bottom:4px;font-size:12px;line-height:20px;letter-spacing:.04em;color:var(--muted)}
.journey-ui__panel-heading h3{font-size:20px;line-height:28px;letter-spacing:-.01em;margin:0;font-weight:600;color:var(--ink)}
.journey-ui__products{display:grid;gap:8px;list-style:none;padding:0;margin:0}
.journey-ui__product{display:flex;align-items:center;gap:12px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);transition:border-color .25s,background .25s}
.journey-ui__product:hover{border-color:var(--p);background:var(--soft)}
.journey-ui__product.is-selected{background:var(--mint);border-color:var(--p)}
.journey-ui__product-icon{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--p)}
.journey-ui__product-icon svg{width:20px;height:20px}
.journey-ui__product-copy{display:flex;flex-direction:column;gap:0;min-width:0;flex:1}
.journey-ui__product-copy strong{font-size:16px;line-height:24px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.journey-ui__product-copy small{font-size:12px;line-height:20px;letter-spacing:0;color:var(--muted)}
.journey-ui__product-mark{font-size:16px;line-height:24px;color:var(--p);flex-shrink:0}
.journey-ui__plan{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 12px;margin-bottom:12px;border-bottom:1px solid var(--line);font-size:12px;line-height:20px;color:var(--muted)}
.journey-ui__plan strong{padding:4px 8px;border-radius:4px;background:var(--mint);color:var(--p);font-size:12px;line-height:20px;font-weight:600}
.journey-ui__resources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.journey-ui__resource{min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}
.journey-ui__resource-label{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;line-height:20px;color:var(--muted)}
.journey-ui__resource-label svg{width:16px;height:16px;color:var(--p)}
.journey-ui__resource>strong{display:block;min-height:24px;font-size:16px;line-height:24px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.journey-ui__workload{border:1px solid var(--line);border-radius:8px;overflow:hidden}
.journey-ui__workload-title{display:flex;align-items:center;gap:12px;padding:12px;background:var(--mint);border-bottom:1px solid var(--line)}
.journey-ui__workload-title>div{display:flex;flex-direction:column;gap:0;min-width:0;flex:1}
.journey-ui__workload-title strong{font-size:16px;line-height:24px;color:var(--ink);font-weight:600}
.journey-ui__workload-title small{font-size:12px;line-height:20px;color:var(--muted)}
.journey-ui__allocation{max-width:80px;font-size:12px;line-height:20px;color:var(--p);text-align:right}
.journey-ui__allocation-list{margin:0;padding:0 12px}
.journey-ui__allocation-list>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:20px}
.journey-ui__allocation-list>div:last-child{border-bottom:0}
.journey-ui__allocation-list dt{color:var(--muted)}
.journey-ui__allocation-list dd{margin:0;color:var(--ink);font-weight:600;text-align:right}
.journey-ui__management{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.journey-ui__management>span{display:flex;align-items:center;gap:8px;padding:4px 8px;border:1px solid var(--line);border-radius:4px;font-size:12px;line-height:20px;color:var(--text)}
.journey-ui__management svg{width:16px;height:16px;color:var(--p)}
.journey-ui__support{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:12px;line-height:20px;color:var(--p)}
.journey-ui__support>span:first-child{display:flex;align-items:center;gap:8px}
.journey-ui__support i{display:block;width:6px;height:6px;background:var(--brand-green);border-radius:50%}
.journey-ui__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-top:1px solid var(--line);background:var(--soft)}
.journey-ui__footer>[data-journey-count]{font-size:12px;line-height:20px;letter-spacing:.04em;color:var(--muted)}
.journey-ui__next,.journey-ui__detail{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--p);font-size:12px;line-height:20px;font-weight:600;letter-spacing:0}
.journey-ui__next:hover,.journey-ui__detail:hover{background:var(--mint);border-color:var(--p)}
.journey-ui.is-enhanced .journey-ui__panels{display:grid}
.journey-ui.is-enhanced .journey-ui__panel{grid-area:1/1;visibility:hidden;opacity:0;pointer-events:none}
.journey-ui.is-enhanced .journey-ui__panel.is-current{visibility:visible;opacity:1;pointer-events:auto;animation:journey-panel-enter .45s cubic-bezier(.22,1,.36,1) both}
.journey-ui.is-enhanced .journey-ui__panel.is-current .journey-ui__resource{animation:journey-resource-enter .6s calc(var(--resource-index)*.08s) cubic-bezier(.22,1,.36,1) both}
[hidden].journey-ui__tabs,[hidden].journey-ui__next,[hidden].journey-ui__detail{display:none}
@keyframes journey-panel-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes journey-resource-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes journey-progress-a{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes journey-progress-b{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1000px) and (min-width:601px){.journey-ui__chrome,.journey-ui__footer{padding-inline:16px}.journey-ui__panel{padding:16px}.journey-ui__product{gap:8px}.journey-ui__product-icon{width:28px;height:28px}.journey-ui__resource-label{gap:4px}}
@media(max-width:600px){.journey-ui__chrome{padding:12px 16px}.journey-ui__panel{padding:16px}.journey-ui__tabs{padding:0 8px}.journey-ui__tabs button{gap:4px;font-size:12px;line-height:20px}.journey-ui__product{gap:8px}.journey-ui__product-icon{width:28px;height:28px}.journey-ui__resource{padding:12px 8px}.journey-ui__resource-label{gap:4px}.journey-ui__resource-label svg{width:12px;height:12px}.journey-ui__footer{padding:12px 16px}.journey-ui__allocation{display:none}.journey-ui__workload-title{gap:8px}}
@media(prefers-reduced-motion:reduce){.journey-ui *,.journey-ui *:before,.journey-ui *:after{animation:none!important;transition:none!important}.journey-ui__tabs button[aria-selected=true]:after{transform:scaleX(1)}}