/* One presentation shared by Shop, Demo and Stores. */
.integration-roadmap{display:grid;grid-template-columns:minmax(185px,.9fr) minmax(0,3fr);gap:18px 28px;align-items:center;margin-top:24px;padding:26px;background:#fff;border:1px solid var(--line);border-radius:12px;min-width:0}
.integration-roadmap-intro{min-width:0}
.integration-roadmap-intro .eyebrow{display:block;font-size:10px;line-height:1.6;letter-spacing:1.2px}
.integration-roadmap-intro h2{margin:6px 0 10px;font-size:23px;line-height:1.35;color:var(--ink);text-wrap:balance}
.integration-roadmap-intro>p{margin:0;font-size:13px;line-height:1.7;color:var(--muted)}
.integration-roadmap-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;min-width:0}
.integration-roadmap-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-width:0;padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;transition:background-color .18s ease}
.integration-roadmap-item:nth-child(-n+3){border-top:1px solid var(--line)}
.integration-roadmap-item:nth-child(3n+1){border-left:1px solid var(--line)}
.integration-roadmap-item:hover{background:#f5f8f1}
.integration-roadmap-item:focus-visible{outline:3px solid var(--green);outline-offset:3px;border-radius:6px}
.integration-roadmap-logo{display:block;width:174px;max-width:100%;height:60px;object-fit:contain;flex-shrink:0}
.integration-roadmap-logo-uber{width:120px}
.integration-roadmap-detail{display:flex;flex-direction:column;gap:9px;align-items:center;text-align:center;min-width:0}
.integration-roadmap-purpose{font-size:12px;line-height:1.5;color:var(--muted)}
.integration-roadmap-status{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:4px 10px;border-radius:20px;background:#faf2df;color:#72500e;font-size:11px;font-weight:600;line-height:1.5}
.integration-roadmap-status>span[aria-hidden="true"]{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:currentColor}
.integration-roadmap-status-live{background:#eaf3e4;color:#28531a}
.integration-roadmap-note{grid-column:1/-1;margin:0;padding-top:14px;border-top:1px solid var(--line);font-size:11px;line-height:1.65;color:var(--muted)}
@media(max-width:1180px){.integration-roadmap{grid-template-columns:minmax(0,1fr);gap:18px}.integration-roadmap-intro>p{max-width:640px}.integration-roadmap-item{padding:18px 12px}}
@media(max-width:760px){.auth-main>.integration-roadmap{grid-row:5;margin-top:0}.auth-main>.desktop-entry-footer{grid-row:6}}
@media(max-width:580px){.integration-roadmap{padding:22px 18px}.integration-roadmap-intro h2{font-size:22px}.integration-roadmap-logos{grid-template-columns:minmax(0,1fr)}.integration-roadmap-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:18px;border-left:1px solid var(--line);padding:18px 12px;min-height:100px}.integration-roadmap-item:nth-child(n+2){border-top:0}.integration-roadmap-logo{justify-self:center;width:128px;height:46px}.integration-roadmap-logo-uber{width:96px}.integration-roadmap-detail{align-items:flex-start;text-align:left}.integration-roadmap-purpose{font-size:13px}.integration-roadmap-note{font-size:12px;padding-top:12px}}
@media(prefers-reduced-motion:reduce){.integration-roadmap-item{transition:none}}