.customer-experience{--cx-ink:#0a1936;--cx-muted:#536983;--cx-brand:#6e54c9;position:relative;overflow:hidden;background:radial-gradient(ellipse at 86% 27%,#e3ebf8 0,transparent 51%),linear-gradient(135deg,#f7fbff,#f5fafb 68%,#eef5f8);color:var(--cx-ink);padding:108px 0 42px}
.cx-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.4fr);grid-template-areas:"copy product" "benefits product" "closing closing";gap:34px 44px;align-items:start}
.cx-copy{grid-area:copy;padding-top:31px}.cx-copy .eyebrow{color:#28505e;font-size:.66rem;letter-spacing:.22em;margin-bottom:30px}.cx-copy h2{margin:0;max-width:550px;font-size:clamp(2.9rem,4.3vw,4.7rem);font-weight:800;line-height:1.03;letter-spacing:-.052em}.cx-intro{max-width:465px;margin:25px 0 0;font-size:1.02rem;line-height:1.65;color:var(--cx-muted)}
.cx-benefits{grid-area:benefits;display:grid;gap:27px;list-style:none;padding:0;margin:0}.cx-benefits li{display:grid;grid-template-columns:58px minmax(0,1fr);gap:20px;align-items:start}.cx-benefits li>span{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#e6eef5;color:#112943}.cx-benefits svg{width:27px;height:27px}.cx-benefits h3{font-size:1rem;letter-spacing:-.025em;margin:3px 0 5px;line-height:1.35}.cx-benefits p{margin:0;max-width:330px;color:var(--cx-muted);font-size:.85rem;line-height:1.55}
.cx-product{grid-area:product;min-width:0;position:relative}.cx-disclosure{margin:0 0 15px;text-align:right;font-size:.53rem;letter-spacing:.16em;text-transform:uppercase;color:#66788e;font-weight:750}.cx-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:0 0 19px;min-height:36px}.cx-state-tabs{display:flex;gap:3px;background:#e7edf4;padding:4px;border-radius:999px}.cx-state-tabs button{border:0;border-radius:999px;background:transparent;color:#50627a;padding:7px 12px;font:inherit;font-size:.65rem;font-weight:700;cursor:pointer;white-space:nowrap}.cx-state-tabs button[aria-selected=true]{background:#fff;color:#1b3150;box-shadow:0 2px 7px #203c5510}.cx-controls .story-playback{margin:0;min-height:32px;padding:5px 8px;color:#526981;border-color:transparent;font-size:.6rem}.cx-controls .story-playback:hover{color:#103b4b;background:#e0ebef}.cx-state-tabs button:focus-visible,.cx-controls .story-playback:focus-visible,.cx-pod-details summary:focus-visible{outline:2px solid #5e45bf;outline-offset:3px}
.cx-scenes{position:relative;min-width:0}.cx-scene{position:relative;min-height:584px;padding:0 0 24px 122px}.cx-scene[hidden]{display:none}.cx-scene:not([hidden]) .cx-status,.cx-scene:not([hidden]) .cx-notification,.cx-scene:not([hidden]) .cx-proof{animation:cx-reveal .45s ease both}.cx-scene:not([hidden]) .cx-proof.is-available{animation-delay:.12s}@keyframes cx-reveal{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}
.cx-browser{position:relative;border:1px solid #aebdcb;border-top:8px solid #182330;border-radius:16px;background:#fff;box-shadow:0 27px 46px -16px #2d4b6b35,0 2px 4px #16364912;overflow:hidden}.cx-browser-chrome{height:27px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#f4f7fa;border-bottom:1px solid #e6ebf1;color:#a7b5c6;font-size:.5rem;letter-spacing:.12em}.cx-browser-chrome small{color:#75849a;font-size:.48rem;letter-spacing:.025em}.cx-browser>header{display:flex;align-items:center;justify-content:space-between;padding:19px 20px;border-bottom:1px solid #f0f3f7}.cx-browser>header>span:last-child{font-size:.56rem;color:#40526d}.cx-browser>header>span:last-child i{font-style:normal;padding:0 12px;color:#bdc5d1}.cx-brand{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:800;line-height:1.02;letter-spacing:-.035em}.cx-brand i{display:grid;place-items:center;width:30px;height:33px;border-radius:8px;background:var(--cx-brand);color:white;font-style:normal;font-size:.64rem;letter-spacing:-.02em}.cx-brand strong{display:block;color:var(--cx-brand);font-weight:750}.cx-browser-content{padding:19px 17px 16px;background:linear-gradient(#fbfcfe,#fff)}
.cx-shipment-heading{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:15px}.cx-shipment-heading h3{margin:0;font-size:1.12rem;letter-spacing:-.035em;line-height:1.25}.cx-shipment-heading p{margin:5px 0 0;color:var(--cx-muted);font-size:.65rem}.cx-status{display:flex;gap:7px;align-items:center;color:#6850be;font-size:.7rem;font-weight:750;white-space:nowrap}.cx-status>i{width:9px;height:9px;border-radius:50%;background:#795bd5;box-shadow:0 0 0 5px #eee9fc}.cx-status>svg{width:29px;height:29px;padding:6px;border-radius:50%;background:#00a783;color:#fff}.cx-status small{display:block;font-size:.47rem;color:var(--cx-muted);font-weight:500;margin-top:4px}.cx-status.is-delivered{color:#008a6d}
.cx-addresses{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:11px}.cx-addresses>div{padding:11px 12px;border:1px solid #e2e8f1;border-radius:9px;background:#fbfcff}.cx-addresses small{font-size:.6rem;color:var(--cx-muted)}.cx-addresses b{display:flex;align-items:center;gap:5px;margin:5px 0 4px;font-size:.77rem}.cx-addresses svg{width:14px;height:14px;color:var(--cx-brand)}.cx-addresses span{display:block;color:var(--cx-muted);font-size:.55rem;padding-left:19px}
.cx-map{position:relative;overflow:hidden;border-radius:10px;border:1px solid #e1e9eb;background:#edf3f3}.cx-map>svg{width:100%;height:auto;display:block}.cx-map text{font:700 15px system-ui;fill:#142b46;paint-order:stroke;stroke:#f7fafb;stroke-width:5px;stroke-linejoin:round}.cx-map>small{position:absolute;bottom:5px;right:8px;font-size:.45rem;color:#405b63;background:#fff9;padding:1px 4px;border-radius:3px}.cx-map-status{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:7px;min-height:29px;padding:5px 9px;background:#fff;border:1px solid #e1e9e8;border-radius:8px;box-shadow:0 5px 15px #20354014;font-size:.58rem}.cx-map-status svg{width:18px;height:18px;padding:3px;background:#00a783;border-radius:50%;color:#fff}.cx-map-status i{width:6px;height:6px;background:var(--cx-brand);border-radius:50%}
.cx-proof{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:10px;min-height:99px}.cx-proof>div{min-width:0;padding:9px;border:1px solid #e0e7f1;border-radius:8px;background:#fff}.cx-proof small{display:block;font-size:.54rem;color:var(--cx-muted);margin-bottom:10px}.cx-proof b{display:block;font-size:.65rem;margin-top:12px}.cx-proof span{display:block;font-size:.52rem;color:var(--cx-muted);margin-top:4px;line-height:1.5}.cx-proof-awaiting{padding:5px 0}.cx-signature{width:100%;height:47px;color:#18324e;display:block}.cx-parcel{width:100%;height:52px;display:block;border-radius:4px;object-fit:cover}
.cx-pod-details,.cx-status-note{margin-top:10px;border-radius:7px;background:#eef4f8}.cx-pod-details summary,.cx-status-note{min-height:34px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:.59rem;font-weight:650;color:#19354d}.cx-pod-details summary{cursor:pointer;padding:8px;list-style:none}.cx-pod-details summary::-webkit-details-marker{display:none}.cx-pod-details summary svg,.cx-status-note svg{width:15px;height:15px}.cx-pod-details summary>span{font-size:1rem}.cx-pod-details[open] summary{border-bottom:1px solid #dce5ec}.cx-pod-details dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px;font-size:.63rem}.cx-pod-details dt{color:var(--cx-muted);font-size:.54rem;margin-bottom:3px}.cx-pod-details dd{margin:0}.cx-pod-details p{font-size:.53rem;color:var(--cx-muted);margin:0;padding:0 14px 14px}
.cx-phone{position:absolute;left:-10px;top:59px;width:218px;z-index:2;border:5px solid #151e2a;border-radius:34px;padding:15px 12px 18px;background:#fff;box-shadow:0 0 0 2px #8c98a6,0 22px 30px -9px #19354b40}.cx-phone::before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:64px;height:16px;background:#121a24;border-radius:99px}.cx-phone-status{display:flex;justify-content:space-between;font-size:.51rem;margin:0 2px 20px}.cx-phone>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.cx-phone>header>span:last-child{font-size:.55rem;padding:4px;background:#f3f5f9;border-radius:5px}.cx-phone .cx-brand{font-size:.7rem;gap:6px}.cx-phone .cx-brand i{width:26px;height:29px;font-size:.55rem}.cx-phone-shipment{padding:11px;border:1px solid #e8ecf3;border-radius:11px}.cx-phone-shipment h3{margin:0;font-size:.75rem;letter-spacing:-.03em}.cx-phone-shipment p{margin:4px 0 14px;font-size:.54rem;color:var(--cx-muted)}.cx-phone-shipment>div{display:flex;justify-content:space-between;align-items:center}.cx-phone-shipment b{font-size:.65rem}.cx-phone-shipment small{display:block;font-size:.51rem;color:var(--cx-muted);margin-top:4px}.cx-phone-shipment i{font-style:normal;color:#9aaac0}
.cx-timeline{list-style:none;margin:10px 0;padding:12px 9px;border:1px solid #edf0f5;border-radius:10px}.cx-timeline li{position:relative;display:grid;grid-template-columns:19px 1fr;gap:9px;padding-bottom:17px;min-height:39px}.cx-timeline li:last-child{padding-bottom:0}.cx-timeline li:not(:last-child)::before{content:"";position:absolute;left:8px;top:14px;bottom:-1px;width:2px;background:#dedfeb}.cx-timeline li.is-done::before{background:#00a783}.cx-timeline li>i{position:relative;display:grid;place-items:center;width:18px;height:18px;border:1.5px solid #cbd4df;border-radius:50%;background:#fff;font-size:.62rem;font-style:normal}.cx-timeline .is-done>i{background:#00a783;border-color:#00a783;color:#fff}.cx-timeline .is-current>i{background:var(--cx-brand);border-color:var(--cx-brand);color:#fff}.cx-timeline b{display:block;font-size:.58rem;line-height:1.3}.cx-timeline small{display:block;margin-top:3px;font-size:.47rem;color:var(--cx-muted);line-height:1.4}.cx-timeline .is-pending b{font-weight:500;color:#708297}
.cx-notification{padding:12px;border-radius:10px;background:#f0edfa;min-height:108px}.cx-notification>b{display:block;font-size:.6rem;line-height:1.35}.cx-notification p{margin:5px 0 13px;font-size:.52rem;line-height:1.4;color:var(--cx-muted)}.cx-notification small{display:block;font-size:.5rem;color:var(--cx-muted)}.cx-notification strong{display:block;margin-top:2px;font-size:1.12rem;letter-spacing:-.035em}.cx-notification.is-delivered{background:#e9f7f2}.cx-preview-note{margin:18px 0 0 122px;color:#6d7f92;font-size:.58rem;line-height:1.6;max-width:480px}
.cx-closing{grid-area:closing;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;padding-top:26px;border-top:1px solid #d6e3ec;font-size:.77rem;color:var(--cx-muted)}.cx-closing strong{font-weight:600;color:#25766f}
@media(min-width:1500px){.cx-layout{gap:38px 60px}.cx-scene{padding-left:145px}.cx-phone{left:0;width:235px}.cx-preview-note{margin-left:145px}.cx-browser-content{padding:23px}.cx-phone-shipment h3{font-size:.85rem}.cx-timeline b{font-size:.65rem}.cx-timeline small{font-size:.53rem}.cx-phone{padding:17px 14px 20px}}
@media(max-width:1200px){.cx-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:25px 28px}.cx-copy h2{font-size:3.15rem}.cx-scene{padding-left:78px;min-height:595px}.cx-phone{left:0;top:112px;width:190px;padding-inline:10px}.cx-browser-content{padding:15px 12px}.cx-shipment-heading{align-items:flex-start;flex-direction:column;gap:10px}.cx-shipment-heading h3{font-size:1rem}.cx-status small{display:inline;margin-left:8px}.cx-status>svg{width:20px;height:20px;padding:4px}.cx-proof{grid-template-columns:1fr 1fr}.cx-proof>div:last-child{display:none}.cx-preview-note{margin-left:78px}.cx-benefits li{grid-template-columns:47px 1fr;gap:14px}.cx-benefits li>span{width:47px;height:47px}.cx-controls{gap:4px}.cx-state-tabs button{padding:6px 9px;font-size:.6rem}}
@media(max-width:980px){.customer-experience{padding:78px 0 34px}.cx-layout{grid-template-columns:1fr;grid-template-areas:"copy" "product" "benefits" "closing";gap:32px}.cx-copy{padding:0}.cx-copy h2{max-width:650px;font-size:3.65rem}.cx-intro{max-width:620px}.cx-product{width:100%;max-width:750px;margin:auto}.cx-scene{padding-left:145px;min-height:590px}.cx-phone{width:228px;top:58px}.cx-shipment-heading{flex-direction:row;align-items:center}.cx-status small{display:block;margin-left:0}.cx-proof{grid-template-columns:repeat(3,1fr)}.cx-proof>div:last-child{display:block}.cx-preview-note{margin-left:145px}.cx-benefits{grid-template-columns:repeat(3,1fr);gap:22px}.cx-benefits li{display:block}.cx-benefits li>span{margin-bottom:14px}.cx-benefits h3{font-size:.9rem}.cx-benefits p{font-size:.8rem}}
@media(max-width:600px){.customer-experience{padding:65px 0 32px}.cx-copy .eyebrow{font-size:.57rem;margin-bottom:24px}.cx-copy h2{font-size:clamp(2.75rem,11.8vw,3.7rem);max-width:400px}.cx-intro{font-size:.95rem;margin-top:21px}.cx-layout{gap:27px}.cx-disclosure{text-align:left;font-size:.48rem;margin-bottom:10px}.cx-controls{justify-content:space-between;gap:3px;margin-bottom:16px}.cx-state-tabs button{padding:7px 10px;font-size:.65rem}.cx-controls .story-playback{font-size:.57rem;padding:5px}.cx-scene{padding:0;min-height:0}.cx-phone{display:none}.cx-browser{border-top-width:5px;border-radius:13px}.cx-browser-chrome{height:28px}.cx-browser-chrome small{font-size:.5rem}.cx-browser>header{padding:17px 16px}.cx-brand{font-size:.95rem}.cx-browser>header>span:last-child{font-size:.6rem}.cx-browser-content{padding:18px 13px}.cx-shipment-heading{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:17px}.cx-shipment-heading h3{font-size:1.15rem}.cx-shipment-heading p{font-size:.76rem}.cx-status{font-size:.8rem}.cx-status small{display:inline;font-size:.6rem;margin-left:7px}.cx-addresses>div{padding:10px}.cx-addresses small{font-size:.65rem}.cx-addresses b{font-size:.9rem}.cx-addresses span{font-size:.61rem;padding-left:0}.cx-map>svg{min-height:145px;object-fit:cover}.cx-map-status{font-size:.64rem}.cx-map>small{font-size:.51rem}.cx-proof{grid-template-columns:1fr 1fr;gap:8px;min-height:116px}.cx-proof>div{padding:12px}.cx-proof>div:last-child{display:none}.cx-proof small{font-size:.65rem}.cx-proof b{font-size:.8rem}.cx-proof span{font-size:.66rem}.cx-signature{height:58px}.cx-pod-details summary,.cx-status-note{min-height:42px;font-size:.69rem}.cx-pod-details dl{font-size:.77rem}.cx-pod-details dt{font-size:.66rem}.cx-pod-details p{font-size:.61rem}.cx-preview-note{margin:13px 0 0;font-size:.65rem}.cx-benefits{grid-template-columns:1fr;gap:22px;margin-top:3px}.cx-benefits li{display:grid;grid-template-columns:49px 1fr;gap:15px}.cx-benefits li>span{width:49px;height:49px;margin:0}.cx-benefits h3{font-size:1rem}.cx-benefits p{font-size:.87rem}.cx-closing{display:grid;gap:7px;margin-top:0;padding-top:23px;font-size:.76rem}}
.cx-product{line-height:1.4}
@media(min-width:981px){.customer-experience{padding-top:78px}.cx-layout{grid-template-rows:auto 1fr auto}.cx-browser>header{padding-left:96px}.cx-browser-content{padding-left:96px}.cx-phone{width:208px;left:-12px}.cx-copy{padding-top:22px}.cx-controls{margin-bottom:16px}.cx-benefits{align-self:start}}
@media(min-width:1500px){.cx-browser>header,.cx-browser-content{padding-left:106px}.cx-phone{width:235px;left:0}}
@media(min-width:981px) and (max-width:1200px){.cx-scene{padding-left:95px}.cx-phone{width:190px;left:-9px}.cx-browser>header,.cx-browser-content{padding-left:100px}.cx-browser>header>span:last-child{display:none}.cx-addresses{grid-template-columns:1fr}.cx-addresses>div{padding:7px 10px}.cx-addresses small{float:right}.cx-addresses b{margin:0 0 3px}.cx-scene{min-height:620px}}
@media(min-width:601px) and (max-width:1200px){.cx-layout{grid-template-columns:1fr;grid-template-areas:"copy" "product" "benefits" "closing";gap:32px}.cx-copy{padding:0}.cx-copy h2{max-width:650px}.cx-intro{max-width:620px}.cx-product{width:100%;max-width:750px;margin:auto}.cx-scene{padding-left:122px;min-height:620px}.cx-phone{width:208px;left:0;top:59px}.cx-browser>header,.cx-browser-content{padding-left:96px}.cx-addresses{grid-template-columns:1fr 1fr}.cx-addresses small{float:none}.cx-addresses>div{padding:10px}.cx-shipment-heading{flex-direction:row;align-items:center}.cx-status small{display:block;margin-left:0}.cx-proof{grid-template-columns:repeat(3,1fr)}.cx-proof>div:last-child{display:block}.cx-preview-note{margin-left:122px}.cx-benefits{grid-template-columns:repeat(3,1fr);gap:22px}.cx-benefits li{display:block}.cx-benefits li>span{margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){.cx-scene:not([hidden]) .cx-status,.cx-scene:not([hidden]) .cx-notification,.cx-scene:not([hidden]) .cx-proof{animation:none}}