.delivery-preview{color:#0b0f1a;scroll-margin-top:110px}.delivery-preview__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:32px;align-items:end}.delivery-preview__notice{display:inline-flex;border-radius:999px;background:#fff0eb;color:#a83216;padding:8px 12px;font-size:12px;font-weight:700;letter-spacing:.02em}.delivery-preview__header h2{margin-top:18px}.delivery-preview__header p{margin-top:12px}.delivery-preview__select{display:grid;gap:8px;font-size:14px;font-weight:700}.delivery-preview__select select{width:100%;min-height:48px;border:1px solid #c7cbd1;border-radius:12px;background:#fff;color:#0b0f1a;padding:10px 38px 10px 13px;font:inherit}.delivery-preview__summary{margin-top:30px;border-radius:20px;padding:24px;background:#0b0f1a;color:#fff}.delivery-preview__summary>span{color:#ff987b;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.delivery-preview__summary h3{margin-top:9px;font-size:23px}.cp-inner .delivery-preview__summary p:not(.cp-eyebrow){margin-top:8px;color:#c7cbd2}.delivery-preview__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.delivery-preview__card{border:1px solid #e2e2df;border-radius:18px;background:#f8f8f7;padding:24px}.delivery-preview__card:last-child{grid-column:1/-1}.delivery-preview__card ul{display:grid;gap:12px;margin-top:16px}.delivery-preview__card li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start;color:#535762;line-height:1.55}.delivery-preview__card svg{color:#bd3514;margin-top:3px}.delivery-preview__actions{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:24px}.delivery-preview__download{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:10px;border:1px solid #b9bdc5;border-radius:999px;padding:11px 18px;color:#0b0f1a;background:#fff;font-size:14px;font-weight:700;cursor:pointer}.delivery-preview__download:hover{background:#f5f5f3}@media(max-width:760px){.delivery-preview__grid,.delivery-preview__header{grid-template-columns:1fr}.delivery-preview__card:last-child{grid-column:auto}.delivery-preview__actions{align-items:stretch;flex-direction:column}.delivery-preview__actions>*{width:100%}}@media(prefers-reduced-motion:reduce){.delivery-preview *{scroll-behavior:auto!important;transition:none!important}}.example-showcase{color:#0b0f1a}.example-jump-links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.example-jump-links a{min-height:44px;display:inline-flex;align-items:center;padding:8px 16px;border:1px solid rgb(11 15 26/12%);border-radius:999px;background:#fff;color:inherit;font-size:14px;font-weight:650;text-decoration:none}.example-list{display:grid;gap:24px}.example-card{scroll-margin-top:24px;overflow:hidden;border:1px solid rgb(11 15 26/10%);border-radius:24px;background:#fff;box-shadow:0 12px 40px rgb(11 15 26/6%)}.example-card>header{max-width:780px;padding:28px 24px 22px}.example-notice{display:inline-flex;padding:6px 10px;border:1px solid rgb(239 77 35/22%);border-radius:999px;background:rgb(239 77 35/7%);color:#a83214;font-size:12px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.example-card h2{margin:15px 0 0;font-size:clamp(25px,4vw,38px);line-height:1.12;letter-spacing:-.035em;text-wrap:balance}.example-card>header>p{max-width:62ch;margin:12px 0 0;color:#62656c;font-size:16px;line-height:1.7}.example-demo{padding:24px;border-top:1px solid rgb(11 15 26/8%);background:#f3f3f1}.example-demo h3{margin:8px 0 0;font-size:clamp(22px,3vw,30px);line-height:1.15;letter-spacing:-.03em}.example-demo p{line-height:1.6}.example-kicker{margin:0;color:#b73414;font-size:12px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.example-browser{display:flex;align-items:center;gap:6px;min-height:42px;padding:9px 13px;border-radius:14px 14px 0 0;background:#0b0f1a;color:rgb(255 255 255/66%);font-size:12px}.example-browser i{width:7px;height:7px;border-radius:50%;background:rgb(255 255 255/35%)}.example-browser span{margin-left:8px}.example-corporate-grid{display:grid;gap:24px;padding:26px;border:1px solid rgb(11 15 26/9%);border-top:0;border-radius:0 0 16px 16px;background:#fff}.example-corporate-grid p:not(.example-kicker){margin:10px 0 0;color:#666970}.example-choice-group{display:flex;flex-direction:column;gap:8px;min-width:0;padding:0;border:0}.example-choice-group legend{margin-bottom:8px;font-size:14px;font-weight:700}.example-choice-group button,.example-primary{min-height:44px;border:1px solid rgb(11 15 26/13%);border-radius:12px;background:#fff;color:#0b0f1a;font:inherit;font-size:14px;font-weight:650;cursor:pointer}.example-choice-group button{padding:9px 12px;text-align:left}.example-choice-group button[aria-pressed=true]{border-color:#ef4d23;background:rgb(239 77 35/8%);box-shadow:inset 3px 0 #ef4d23}.example-route{margin-top:12px;padding:20px;border-radius:16px;background:#0b0f1a;color:#fff}.example-route ol{display:grid;gap:12px;margin:16px 0 0;padding:0;list-style:none}.example-route li{display:flex;align-items:center;gap:10px;color:rgb(255 255 255/72%);font-size:15px}.example-flow div span,.example-route li span{display:grid;width:28px;height:28px;place-items:center;flex:0 0 auto;border-radius:9px;background:#ef4d23;color:#fff;font-size:12px;font-weight:750}.example-commerce{display:grid;gap:18px}.example-product-visual{display:grid;min-height:250px;place-items:center;border-radius:18px;background:linear-gradient(145deg,#dadad7,#fff);color:#777a80;font-size:15px}.example-product-visual:before{content:"";width:108px;height:138px;border:1px solid rgb(11 15 26/10%);border-radius:26px;background:linear-gradient(145deg,#ef4d23,#b73414);box-shadow:22px 25px 40px rgb(11 15 26/15%)}.example-product-visual span{position:absolute;opacity:0}.example-product-panel{padding:4px}.example-choice-inline{flex-direction:row;flex-wrap:wrap;margin-top:20px}.example-choice-inline legend{width:100%}.example-choice-inline button{min-width:112px;text-align:center}.example-quantity{display:flex;align-items:center;gap:8px;margin-top:18px}.example-quantity>span{margin-right:auto;font-size:15px;font-weight:700}.example-quantity button{width:44px;height:44px;border:1px solid rgb(11 15 26/13%);border-radius:12px;background:#fff;font-size:20px;cursor:pointer}.example-quantity output{min-width:28px;text-align:center;font-variant-numeric:tabular-nums;font-weight:700}.example-primary{width:100%;margin-top:18px;padding:10px 18px;border-color:#0b0f1a;background:#0b0f1a;color:#fff}.example-status{min-height:48px;margin:12px 0 0;color:#60636a;font-size:15px}.example-flow{display:grid;gap:10px}.example-flow div{display:flex;align-items:center;gap:12px;min-height:60px;padding:12px;border:1px solid rgb(255 255 255/12%);border-radius:14px;background:rgb(255 255 255/5%)}.example-integration{background:#0b0f1a;color:#fff}.cp-inner .example-integration p:not(.cp-eyebrow){color:#c7cbd2}.example-integration-controls{margin-top:20px}.example-integration .example-choice-group legend{color:rgb(255 255 255/70%)}.example-integration .example-choice-group button{border-color:rgb(255 255 255/18%);background:rgb(255 255 255/5%);color:#fff}.example-integration .example-choice-group button[aria-pressed=true]{border-color:#ff9676;background:rgb(239 77 35/18%)}.example-integration .example-primary{border-color:#ef4d23;background:#ef4d23}.example-log{margin-top:18px;padding:18px;border:1px solid rgb(255 255 255/12%);border-radius:16px;background:#121725}.example-log>p:first-child{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin:0}.example-log>p:first-child span{color:rgb(255 255 255/55%);font-size:12px}.example-log-empty{margin:16px 0 0;color:rgb(255 255 255/58%);font-size:15px}.example-log ol{display:grid;gap:9px;margin:16px 0 0;padding:0;list-style:none}.example-log li{display:flex;align-items:center;gap:10px;color:rgb(255 255 255/76%);font-size:15px}.example-log li>span{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:rgb(94 195 137/16%);color:#70d49b;font-weight:800}.example-log li.is-error>span{background:rgb(239 77 35/18%);color:#ff9676}.example-showcase :is(a,button):focus-visible{outline:2px solid #ef4d23;outline-offset:3px}@media (hover:hover){.example-choice-group button:hover,.example-jump-links a:hover{border-color:#ef4d23}.example-primary:hover{background:#272c38}.example-integration .example-primary:hover{background:#d9401a}}@media (min-width:720px){.example-card>header{padding:38px 40px 30px}.example-demo{padding:36px 40px}.example-corporate-grid{grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);align-items:center}.example-commerce{grid-template-columns:minmax(260px,.9fr) minmax(300px,1.1fr);align-items:center}.example-flow{grid-template-columns:repeat(3,1fr)}.example-integration-controls{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;align-items:end}.example-integration-controls .example-primary{margin:0}}@media (max-width:359px){.example-card>header,.example-demo{padding-left:18px;padding-right:18px}.example-corporate-grid{padding:20px}.example-choice-inline button{min-width:0;flex:1 1 110px}}@media (prefers-reduced-motion:reduce){.example-showcase *,.example-showcase :after,.example-showcase :before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}