/* A working product story, using the dashboard's two renderers and demo model. */
.flow-showcase{margin-top:26px;border:1px solid #d9d9e5;border-radius:13px;overflow:hidden;background:#fff;color:#243243;box-shadow:0 26px 100px #0003;position:relative;isolation:isolate}
.showcase-chrome{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;border-bottom:1px solid #e9edf1;background:#fcfcfe}.showcase-brand{display:flex;align-items:center;gap:11px}.showcase-brand img{width:26px;height:29px}.showcase-brand strong{font-size:15px;font-weight:600;letter-spacing:-.4px}.showcase-brand>span{font-size:10px;color:#9da4af;margin-left:14px;padding-left:20px;border-left:1px solid #dce1e8}.showcase-open{display:flex;align-items:center;gap:11px;color:#7b65ae;font-size:11px}.showcase-open:hover{color:#46336d}.showcase-toolbar{display:flex;align-items:center;justify-content:space-between;padding:18px 26px 0;gap:20px}.showcase-audience,.showcase-experience{display:flex;align-items:center;gap:3px;border:1px solid #e5e8ed;background:#f8fafb;padding:3px;border-radius:7px}.showcase-toolbar button{font-size:11px;display:flex;align-items:center;gap:7px;background:none;color:#9aa3b0;border:0;padding:7px 12px;border-radius:5px}.showcase-toolbar button[aria-pressed=true]{background:white;color:#537f8d;box-shadow:0 1px 5px #1b26300c}.showcase-experience button[aria-pressed=true]{color:#8064ad}.showcase-stage{height:410px;position:relative;overflow:hidden;background:#fff}.showcase-map-layer{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .6s ease,filter .6s ease;filter:blur(2px);height:100%!important;min-height:0!important;width:100%;background:white!important;background-image:none!important}.showcase-map-layer.is-active{opacity:1;pointer-events:auto;filter:blur(0)}.showcase-map-layer .basic-map,.showcase-map-layer .af-map{height:100%;min-height:0;cursor:default}.showcase-map-heading{position:absolute;top:21px;left:30px;pointer-events:none;z-index:2;max-width:85%;padding:0 0 8px;background:linear-gradient(#fffe,#fffd)}.showcase-map-heading>span{font-size:8px;letter-spacing:.13em;color:#a0abb5}.showcase-map-heading>p{font-size:13px;color:#677d8c;margin:5px 0 0}.showcase-selection{position:absolute;z-index:4;bottom:15px;left:50%;transform:translateX(-50%);width:min(480px,calc(100% - 40px));background:#fcfefef5;border:1px solid #dce8ed;border-radius:9px;box-shadow:0 8px 30px #32465b0d;padding:16px 40px 15px 18px}.showcase-selection>button{position:absolute;right:10px;top:10px;background:none;border:0;color:#9caab2;padding:4px}.showcase-selection>strong{font-size:12px;font-weight:550}.showcase-selection>p{font-size:11px;color:#84949e;margin:6px 0 7px;line-height:1.6}.showcase-selection>small{font-size:9px;color:#a8b1b9}.showcase-story{border-top:1px solid #eef0f4;background:#fbfcff;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 28px 21px}.showcase-eyebrow{font-size:8px;letter-spacing:.11em;color:#a699bd}.showcase-story h2{font-size:23px;font-weight:450;letter-spacing:-.7px;margin-top:9px;color:#475467}.showcase-story p{font-size:11px;color:#929ba9;line-height:1.8;max-width:680px;margin:9px 0 0}.showcase-playback{display:flex;align-items:center;gap:7px;flex-shrink:0}.showcase-playback>button{width:34px;height:34px;border:1px solid #e3e6ee;background:white;color:#a1a1b4;border-radius:50%;display:grid;place-items:center}.showcase-playback>button:hover{border-color:#bcaad9;color:#796295}.showcase-playback>button[data-showcase-play]{width:41px;height:41px;background:#f0ecf8;color:#8b75af;border-color:#e6ddf1}.showcase-sequence{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:7px 28px 20px;background:#fbfcff}.showcase-sequence button{border:0;background:none;text-align:left;padding:0;color:#a6aabb;font-size:10px;min-height:34px}.showcase-sequence button[aria-pressed=true]{color:#7d67a4}.showcase-sequence b{font-weight:400;color:#a3abb7}.showcase-progress{height:3px;display:block;position:relative;overflow:hidden;background:#e9ebf2;border-radius:4px;margin-bottom:9px}.showcase-progress i{display:block;position:absolute;inset:0;background:#a68bcf;transform:scaleX(0);transform-origin:left}.showcase-sequence button[aria-pressed=true] .showcase-progress{background:#d3c6e6}.showcase-footnote{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #eaeef3;padding:12px 28px;font-size:9px;color:#a0a9b4;background:#fff}.showcase-footnote>span:first-child{display:flex;align-items:center;gap:6px}.showcase-footnote i{width:5px;height:5px;background:#b5a3cf;border-radius:50%}.showcase-noscript{padding:20px 28px;font-size:13px;color:#6b7785}.showcase-noscript a{text-decoration:underline}.home-hero .flagship-caption{margin-top:36px}.home-hero .value-strip{padding-top:31px}
@media(max-width:900px){.showcase-brand>span{display:none}.showcase-map-layer .af-node-description{display:none}.showcase-story{gap:15px;padding:22px}.showcase-story h2{font-size:22px}.showcase-story p{max-width:480px}.showcase-stage{height:390px}.showcase-sequence{gap:12px;padding-inline:22px}.showcase-footnote{padding-inline:22px}}
@media(max-width:600px){.flow-showcase{width:calc(100% - 24px);border-radius:9px;margin-top:20px}.showcase-chrome{padding:14px 15px;gap:12px}.showcase-brand{gap:8px}.showcase-brand img{width:22px;height:24px}.showcase-brand strong{font-size:13px}.showcase-open{font-size:9px;gap:6px}.showcase-open svg{width:13px}.showcase-toolbar{padding:14px 14px 0;gap:9px}.showcase-toolbar button{padding:7px 8px;font-size:9px;gap:5px}.showcase-audience svg{width:13px;height:13px}.showcase-stage{height:360px}.showcase-map-heading{left:20px;top:19px}.showcase-map-heading>span{font-size:7px}.showcase-map-heading>p{font-size:11px}.showcase-story{padding:19px 18px;align-items:flex-start;gap:13px}.showcase-eyebrow{font-size:7px;letter-spacing:.06em}.showcase-story h2{font-size:21px;line-height:1.25;max-width:230px;margin-top:9px}.showcase-story p{font-size:10px;line-height:1.8;margin-top:9px}.showcase-playback{gap:4px;flex-wrap:wrap;max-width:70px;justify-content:center;padding-top:4px}.showcase-playback>button{width:28px;height:28px}.showcase-playback>button[data-showcase-play]{width:31px;height:31px;order:-1;margin:0 13px 3px}.showcase-playback svg{width:14px;height:14px}.showcase-sequence{padding:3px 18px 18px;gap:9px}.showcase-sequence button{font-size:8px;line-height:1.8}.showcase-sequence b{display:block;font-size:8px}.showcase-progress{margin-bottom:7px}.showcase-footnote{padding:11px 18px;font-size:8px;line-height:1.7}.showcase-footnote>span:last-child{max-width:105px;text-align:right}.showcase-selection{bottom:10px;padding:13px 33px 13px 14px}.showcase-selection>strong{font-size:11px}.showcase-selection>p{font-size:10px}.showcase-selection>small{font-size:8px}.home-hero .flagship-caption{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.showcase-map-layer{transition:none!important;filter:none}}