/* XPROD-015 / Product to customer journey. Canonical readback, not sales authority. */
.xprod015-journey{margin:22px 0;padding:22px;border-radius:18px;border:1px solid var(--xp-line,#344356);background:linear-gradient(145deg,var(--xp-raised,#19222e),var(--xp-bg,#101720));color:var(--xp-ink,#edf1f5);min-width:0}
.xprod015-commerce{margin:0 0 18px;padding:16px;border:1px solid #344356;border-radius:14px;background:#151e29}
.xprod015-commerce-title{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#b9c7d7;margin-bottom:12px}
.xprod015-commerce-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.xprod015-commerce-stage{display:flex;flex-direction:column;gap:6px;padding:13px;border-radius:11px;border:1px solid #344356;background:#1c2734;min-width:0}
.xprod015-commerce-stage.verified{border-color:#657e9b}
.xprod015-commerce-name{font-size:11px;color:#b9c7d7;font-weight:650}
.xprod015-commerce-stage strong{font-size:13px;color:#edf1f5}
.xprod015-commerce-stage small{font-size:11px;line-height:1.45;color:#9daec2}
@media(max-width:750px){.xprod015-commerce-stages{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.xprod015-commerce-stages{grid-template-columns:1fr}}
.xprod015-eyebrow{font-weight:800;font-size:10px;letter-spacing:.15em;color:var(--xp-accent,#b9d6be)}
.xprod015-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:11px 0 15px;flex-wrap:wrap}
.xprod015-head h4{font-size:clamp(21px,2.5vw,29px);letter-spacing:-.05em;margin:0;font-family:Manrope,system-ui,sans-serif;font-weight:650}
.xprod015-head .xprod015-status{color:var(--xp-muted,#a8bca9);font-size:11px;font-weight:700;margin:0}
.xprod015-progress{height:6px;width:100%;border-radius:999px;background:var(--xp-line,#455849);overflow:hidden;margin-bottom:15px}
.xprod015-progress-fill{height:100%;width:0;background:var(--xp-accent,#b4d2b9);border-radius:inherit;transition:width .2s ease}
.xprod015-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.xprod015-step{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--xp-line,#405846);background:var(--xp-raised2,#253229);padding:15px;border-radius:13px;min-width:0;flex-wrap:wrap}
.xprod015-step.done{border-color:color-mix(in srgb,var(--xp-accent,#bdd7c1) 38%,transparent)}
.xprod015-step.next{border-color:var(--xp-accent,#b3c9b6)}
.xprod015-step-number{flex:0 0 28px;width:28px;height:28px;border:1px solid var(--xp-line,#577362);border-radius:9px;display:grid;place-items:center;font-size:10px;font-weight:800;color:var(--xp-accent,#b9d2bd)}
.xprod015-step-copy{flex:1;min-width:135px}
.xprod015-step-copy strong{display:block;font-size:12px;font-weight:750;line-height:1.3}
.xprod015-step-copy p{font-size:11px;line-height:1.5;margin:5px 0 0;color:var(--xp-muted,#a6b6a8)}
.xprod015-step-action{font-size:11px;font-weight:750;border:1px solid var(--xp-accent,#afc7b4);color:var(--xp-ink,#f0f6ef);background:transparent;border-radius:10px;padding:10px 12px;min-height:38px;margin-left:38px;cursor:pointer}
.xprod015-step-action:hover{background:var(--xp-raised2,#253229)}
.xprod015-footer{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-top:17px;flex-wrap:wrap}
.xprod015-terms{font-size:11px;line-height:1.6;color:var(--xp-muted,#a8bca9);margin:0;max-width:440px}
.xprod015-refresh{background:transparent;color:var(--xp-ink,#eff7ef);border:1px solid var(--xp-line,#587061);border-radius:11px;padding:10px 15px;min-height:42px;font-size:11px;font-weight:750;cursor:pointer}
:root[data-athrty-appearance="light"] .xprod015-journey{background:#f5faf5;color:#173422;border-color:#cedacf}
:root[data-athrty-appearance="light"] .xprod015-step{background:#fff;color:#21382b;border-color:#d6e0d6}
:root[data-athrty-appearance="light"] .xprod015-step-action,:root[data-athrty-appearance="light"] .xprod015-refresh{color:#21382b;border-color:#9ebaa5}
@media(max-width:650px){.xprod015-journey{padding:16px}.xprod015-steps{grid-template-columns:1fr}.xprod015-step-action{margin-left:0}.xprod015-head{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.xprod015-progress-fill{transition:none}}