.catalog-showcase{background:#edf2f7;border-block:1px solid var(--catalog-line);padding-block:66px 50px;scroll-margin-top:74px}.showcase-layout{display:grid;grid-template-columns:286px minmax(0,1fr);gap:42px;align-items:start}.showcase-intro .catalog-kicker{margin-bottom:22px}.showcase-intro h2{font-size:36px}.showcase-intro>p:not(.catalog-kicker){margin-top:22px;font-size:14px;color:var(--catalog-muted);line-height:1.9}.showcase-scenarios{display:grid;margin-top:26px;border-top:1px solid #c5d2df}.showcase-scenarios button{display:flex;align-items:center;gap:11px;min-height:62px;padding:12px 0;border:0;border-bottom:1px solid #c5d2df;background:transparent;color:var(--catalog-muted);font-size:12px;font-weight:550;text-align:left}.showcase-scenarios button>span:first-child{font-family:var(--font-utility);font-size:9px}.showcase-scenarios button>span:last-child{margin-left:auto;font-size:21px}.showcase-scenarios button[aria-pressed=true]{color:var(--catalog-blue);border-bottom-color:var(--catalog-blue)}.showcase-scenarios button:hover{color:var(--catalog-blue)}.showcase-intro>.catalog-text-link{margin-top:21px}.showcase-stage{min-width:0;border-radius:5px;color:#fff;background:#244f7b}.showcase-stage :is(button,a):focus-visible{outline-color:#e1bb92}.showcase-stage-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 26px;border-bottom:1px solid #5a7898}.showcase-stage-heading>span{font-family:var(--font-utility);color:#e1ebf6;font-size:10px}.showcase-playback{display:flex;align-items:center;min-height:44px}.showcase-motion-toggle{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:8px 11px;border:1px solid #8ca2ba;border-radius:3px;background:transparent;color:#fff;font-size:11px}.showcase-motion-toggle:hover{background:#365f8b}.showcase-pause-icon{width:8px;height:10px;border-inline:2px solid currentColor}.showcase-play-icon{width:8px;height:10px;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}.showcase-static-note{font-size:10px;color:#e1ebf6}.showcase-flow{padding:23px 30px 0}.showcase-input{display:flex;align-items:center;gap:10px;color:#dce7f2;font-size:11px}.showcase-input>span{color:#dfb88a;font-size:21px}.showcase-stations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;list-style:none;margin:23px 0 0;padding:0}.showcase-station{position:relative;min-width:0}.showcase-node{display:flex;flex-direction:column;width:100%;min-height:147px;text-align:left;padding:0 0 20px;border:0;border-bottom:2px solid #6987a6;color:#fff;background:transparent;transition:border-color .2s}.showcase-node-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:23px}.showcase-service-mark{position:relative;display:grid;place-items:center;width:39px;height:39px;background:#3c6795;color:#fff;font-size:12px;font-weight:650;transition:background .2s,color .2s}.showcase-service-mark:after{content:"";position:absolute;top:0;right:0;width:8px;height:8px;background:#244f7b;clip-path:polygon(0 0,100% 100%,100% 0)}.showcase-step-number{font-family:var(--font-utility);font-size:9px;color:#dce7f2}.showcase-node>strong{font-size:17px;line-height:1.3;font-weight:600;letter-spacing:-.03em}.showcase-node-action{margin-top:7px;color:#dce7f2;font-size:10px;line-height:1.5}.showcase-station[data-active=true] .showcase-node{border-color:#e2bb8e}.showcase-station[data-active=true] .showcase-service-mark{color:#533e27;background:#e2bb8e}.showcase-node:hover{border-color:#e2bb8e}.showcase-connector{position:absolute;top:24px;left:calc(100% + 4px);width:17px;height:1px;background:#8ba7c4}.showcase-connector>b{position:absolute;right:-1px;top:-9px;color:#bad0e5;font-size:12px;font-weight:400}.showcase-parcel{position:absolute;top:-3px;left:-2px;width:6px;height:6px;opacity:0;background:#e2bb8e}.showcase-station[data-active=true] .showcase-parcel{opacity:1}.showcase-detail{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:start;padding:27px 30px;min-height:278px}.showcase-detail-copy,.showcase-example-content{display:grid}.showcase-example-step,.showcase-step-copy{grid-area:1/1;visibility:hidden}.showcase-example-step[data-active=true],.showcase-step-copy[data-active=true]{visibility:visible}.showcase-detail-count{margin-bottom:12px!important;font-family:var(--font-utility);font-size:10px;color:#e5bf93}.showcase-detail h3{font-size:23px;font-weight:500;letter-spacing:-.025em;line-height:1.3}.showcase-step-copy>p:last-child{margin-top:13px;font-size:12px;color:#e1ebf6;line-height:1.85}.showcase-example{display:flex;flex-direction:column;min-height:211px;padding:18px;background:#e8d6bf;color:#443322}.showcase-example-step>span{font-family:var(--font-utility);font-size:9px;color:#6e5337;line-height:1.7}.showcase-example-step>p{margin-top:17px;font-size:14px;line-height:1.7;font-weight:500}.showcase-manual-controls{display:flex;gap:7px;margin-top:auto;padding-top:15px}.showcase-manual-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #a18b70;border-radius:3px;color:#614a30;background:transparent;font-size:11px}.showcase-manual-controls button[aria-pressed=true]{background:#614a30;border-color:#614a30;color:#fff}.showcase-manual-controls button:hover{border-color:#443322}.showcase-manual-controls button:focus-visible{outline-color:#285e98}.showcase-outcome{display:flex;align-items:center;gap:11px;padding:16px 30px;border-top:1px solid #5a7898;font-size:11px;line-height:1.7;color:#e1ebf6}.showcase-outcome>span{font-size:22px;color:#e2bb8e}.showcase-caption{margin-top:13px!important;color:var(--catalog-muted);font-size:10px;line-height:1.8}@media (prefers-reduced-motion:no-preference){.showcase-station[data-active=true] .showcase-parcel{animation:showcase-deliver 1.8s ease-in-out infinite}.showcase-station[data-active=true] .showcase-service-mark{animation:showcase-mark 2.6s ease-in-out infinite}.showcase-example-step[data-active=true],.showcase-step-copy[data-active=true]{animation:showcase-enter .3s ease-out both}.showcase-stage[data-running=false] .showcase-parcel,.showcase-stage[data-running=false] .showcase-service-mark{animation-play-state:paused}@keyframes showcase-deliver{0%{opacity:0;transform:translateX(0)}25%,75%{opacity:1}to{opacity:0;transform:translateX(12px)}}@keyframes showcase-mark{0%,to{translate:0 0}50%{translate:0 -2px}}@keyframes showcase-enter{0%{opacity:.4;translate:0 5px}to{opacity:1;translate:0 0}}}@media (max-width:1100px){.showcase-layout{grid-template-columns:244px minmax(0,1fr);gap:25px}.showcase-intro h2{font-size:32px}.showcase-flow,.showcase-stage-heading{padding-inline:22px}.showcase-node>strong{font-size:14px}.showcase-detail{grid-template-columns:1fr;min-height:426px;padding-inline:22px;gap:20px}.showcase-example{min-height:155px}.showcase-example-step>p{margin-top:12px}.showcase-outcome{padding-inline:22px}}@media (max-width:900px){.showcase-layout{grid-template-columns:210px minmax(0,1fr);gap:22px}.showcase-intro h2{font-size:28px}.showcase-scenarios button{font-size:11px;gap:8px}.showcase-stations{gap:17px}.showcase-node>strong{font-size:12px}.showcase-node-action{font-size:9px}.showcase-connector{width:12px;left:calc(100% + 2px)}.showcase-stage-heading>span{font-size:9px}}@media (max-width:767px){.catalog-showcase{padding-block:38px 32px}.showcase-layout{grid-template-columns:1fr;gap:26px}.showcase-intro .catalog-kicker{font-size:10px;margin-bottom:13px}.showcase-intro h2{font-size:33px}.showcase-intro>p:not(.catalog-kicker){margin-top:16px;font-size:13px}.showcase-scenarios{margin-top:22px}.showcase-scenarios button{min-height:52px;font-size:12px}.showcase-intro>.catalog-text-link{margin-top:12px}.showcase-stage-heading{padding:10px 17px}.showcase-stage-heading>span{font-size:9px}.showcase-motion-toggle{font-size:10px;padding-inline:8px}.showcase-static-note{font-size:9px}.showcase-flow{padding:19px 17px 0}.showcase-input{font-size:10px}.showcase-stations{gap:14px;margin-top:20px}.showcase-node{min-height:133px;padding-bottom:15px}.showcase-node>strong{font-size:12px;overflow-wrap:anywhere}.showcase-node-action{font-size:9px}.showcase-node-top{margin-bottom:17px}.showcase-service-mark{width:32px;height:32px;font-size:10px}.showcase-step-number{font-size:8px}.showcase-connector{top:18px;width:9px}.showcase-connector>b{font-size:10px}.showcase-detail{padding:24px 17px;min-height:413px;gap:22px}.showcase-detail h3{font-size:23px}.showcase-step-copy>p:last-child{font-size:12px}.showcase-example{min-height:154px;padding:17px}.showcase-example-step>p{font-size:14px}.showcase-outcome{padding:13px 17px;font-size:10px}}.catalog-demos{padding-block:0 80px;scroll-margin-top:74px}.catalog-demos .catalog-section-heading{padding-top:52px;border-top:1px solid var(--catalog-line)}.demo-shelf-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;margin-bottom:30px;border-block:1px solid var(--catalog-line);color:var(--catalog-muted);font:10px var(--font-utility)}.demo-shelf-meta strong{margin-right:8px;color:var(--catalog-blue);font-size:15px;font-weight:500}.demo-shelf-meta b{margin-left:6px;color:var(--catalog-blue);font-weight:400}.demo-shelf{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0 0 30px;list-style:none}.demo-shelf:after{content:"";position:absolute;left:-12px;right:-12px;bottom:0;height:12px;background:var(--catalog-kraft);border-top:2px solid #cfad88;box-shadow:0 7px 0 -3px #ecdfcc99}.demo-shelf[data-count="1"] .demo-card{grid-column:span 2}.demo-card{position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--catalog-line);border-radius:6px;overflow:hidden;transition:transform .22s ease,border-color .22s,box-shadow .22s}.demo-card:has(.demo-card-open:focus-visible){border-color:var(--catalog-blue)}.demo-card-window{background:#e9f0f8;border-bottom:1px solid var(--catalog-line)}.demo-card-bar{display:flex;align-items:center;gap:12px;min-width:0;padding:10px 14px;border-bottom:1px solid #d2deeb;color:var(--catalog-muted);font:10px var(--font-utility)}.demo-card-bar>span:first-child{display:flex;flex:none;gap:4px}.demo-card-bar i{width:6px;height:6px;border-radius:50%;background:#9bb5d0}.demo-card-bar i:last-child{background:#bf9a73}.demo-card-bar>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-card-bar b{margin-left:auto;padding:2px 7px;border-radius:3px;background:#dde8f4;color:var(--catalog-blue);font-weight:500}.demo-card-shot{position:relative;aspect-ratio:16/10;overflow:hidden}.demo-card-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:left top;transition:transform .6s ease}.demo-shelf[data-count="1"] .demo-card-shot{aspect-ratio:auto}.demo-shelf[data-count="1"] .demo-card-shot img{height:auto}.demo-card-peek{position:absolute;right:14px;bottom:14px;padding:9px 13px;background:var(--catalog-blue);color:#fff;font-size:12px;font-weight:650;border-radius:4px;box-shadow:4px 4px 0 #d8b793;opacity:0;translate:0 6px;transition:opacity .22s,translate .22s}.demo-card-body{display:flex;flex:1;flex-direction:column;gap:16px;padding:22px 24px 24px}.demo-card-head{display:flex;align-items:center;gap:14px}.demo-card-head .catalog-product-mark{width:44px;height:44px;font-size:12px}.demo-card-head h3{font-size:25px;font-weight:500;line-height:1.2;letter-spacing:-.025em}.demo-card-head p{margin-top:3px;color:var(--catalog-muted);font-size:12px;line-height:1.6}.demo-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.demo-card-tags li{padding:4px 9px;border:1px solid var(--catalog-line);border-radius:3px;color:var(--catalog-muted);font:10px/1.5 var(--font-utility)}.demo-card-tags li:last-child{border-color:#dcc3a3;background:#f7efe4;color:#755332}.demo-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px;margin-top:auto;padding-top:18px;border-top:1px solid var(--catalog-line)}.demo-card-open:after{content:"";position:absolute;inset:0}.demo-card-actions>.catalog-text-link{position:relative;z-index:1}.demo-request{display:flex;flex-direction:column;min-width:0;padding:28px 26px 22px;border:1px dashed #c6ab8a;border-radius:6px;background:repeating-linear-gradient(135deg,#f4ece1 0 10px,#efe4d4 10px 20px);color:#624d39}.demo-request .catalog-fold-mark{margin:0 0 26px 7px}.demo-request h3{color:var(--catalog-ink);font-size:25px;font-weight:500;line-height:1.2;letter-spacing:-.025em}.demo-request p{margin-top:12px;font-size:13px;line-height:1.85}.demo-request a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-top:auto;padding-top:14px;border-top:1px solid #d6c2a6;color:#624d39;font-size:12px;font-weight:650}.demo-request a>span{font-size:20px;font-weight:400}.demo-request a:hover{color:var(--catalog-blue)}.demo-request a:focus-visible{outline-color:#9b7955}@media (hover:hover){.demo-card:hover{transform:translateY(-4px);border-color:#9fb9d4;box-shadow:0 12px 0 -4px #d8b79355}.demo-card:hover .demo-card-shot img{transform:scale(1.02)}.demo-card:hover .demo-card-peek{opacity:1;translate:0 0}}@media (max-width:1100px){.demo-shelf{gap:18px}.demo-card-body{padding:20px}}@media (max-width:900px){.demo-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-shelf[data-count="1"] .demo-card{grid-column:auto}.demo-shelf[data-count="1"] .demo-card-shot{aspect-ratio:16/10}.demo-shelf[data-count="1"] .demo-card-shot img{height:100%}}@media (max-width:767px){.catalog-demos{padding-bottom:50px}.catalog-demos .catalog-section-heading{padding-top:38px}.demo-shelf-meta{min-height:44px;margin-bottom:22px;font-size:9px}.demo-shelf{grid-template-columns:1fr;gap:16px;padding-bottom:24px}.demo-shelf:after{left:-8px;right:-8px}.demo-card-body{padding:18px;gap:14px}.demo-card-head h3,.demo-request h3{font-size:23px}.demo-card-actions{flex-direction:column;align-items:stretch;gap:4px}.demo-card-actions>.catalog-text-link{justify-content:space-between}.demo-request{padding:22px 20px 16px}.demo-request .catalog-fold-mark{margin-bottom:18px}}