/* Customer portal showcase: self-contained, no customer data or live API calls. */
.wlp-showcase{padding:100px var(--gutter) 65px;background:#181a1b;overflow:hidden;scroll-margin-top:85px;border-top:1px solid #ffffff16}
.wlp-showcase.wlp-full{padding-top:195px}
.wlp-section-label{display:flex;justify-content:space-between;gap:25px;padding-bottom:23px;margin-bottom:55px;border-bottom:1px solid #ffffff24;font-size:10px;letter-spacing:.13em;color:#afb2af}
.wlp-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}
.wlp-copy h1,.wlp-copy h2{font-size:clamp(48px,4.65vw,78px);line-height:1.04;margin:24px 0 27px}
.wlp-copy>p:not(.label){max-width:470px;color:#c3c5c2;font-size:17px;line-height:1.7}
.wlp-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}
.wlp-actions .btn{gap:23px;padding:16px 24px;white-space:nowrap}
.wlp-actions .text-link{font-size:14px;white-space:nowrap}
.wlp-actions .text-link span{margin-left:9px}
.wlp-copy .wlp-access-note{font-size:12px!important;color:#a4a8a3!important;line-height:1.7;margin-top:23px}
.wlp-portal-preview{min-width:0;background:#232627;border:1px solid #ffffff29;border-radius:13px;overflow:hidden;box-shadow:0 32px 70px #0005;transform:perspective(1500px) rotateY(-4deg);transition:transform .5s}
.wlp-portal-preview:hover,.wlp-portal-preview:focus-within{transform:perspective(1500px) rotateY(0)}
.wlp-portal-chrome{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px 24px;background:#202223;border-bottom:1px solid #ffffff14}
.wlp-portal-wordmark{font-size:16px;letter-spacing:.025em;font-weight:700;line-height:1.25}
.wlp-portal-wordmark>span{display:block;font-size:8px;letter-spacing:.15em;color:#afb3ad;font-weight:400;margin-top:5px}
.wlp-preview-label{font-size:8px;letter-spacing:.1em;color:#a7aaa5;text-align:right;max-width:100px;line-height:1.5}
.wlp-preview-tabs{display:flex;gap:28px;padding:0 24px;background:#202223}
.wlp-preview-tabs button{font:500 12px/1.4 Instrument,Arial,sans-serif;padding:18px 0 16px;color:#aeb2ac;border:0;border-bottom:2px solid transparent;background:transparent}
.wlp-preview-tabs button span{padding-left:15px}
.wlp-preview-tabs button[aria-selected=true]{color:#fff;border-bottom-color:var(--accent)}
.wlp-preview-panel{height:355px}
.wlp-preview-panel[hidden]{display:none}
.wlp-preview-map{height:286px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 60% 55%,#363b3b,#292c2c 65%,#252727)}
.wlp-preview-map svg{position:absolute;inset:0;width:100%;height:100%}
.wlp-map-caption{position:absolute;left:24px;top:22px;z-index:1;font-size:8px;letter-spacing:.17em;color:#afb6ac}
.wlp-map-roads{stroke:#484e4d;stroke-width:2}
.wlp-map-roads path:nth-child(2){stroke-width:1;opacity:.65}
.wlp-map-route-under{stroke:#e217202c;stroke-width:16;stroke-linecap:round;stroke-linejoin:round}
.wlp-map-route{stroke:#ff454d;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:9 4;animation:wlp-flow 7s linear infinite;animation-play-state:paused}
.wlp-truck-halo{fill:#e217202b;stroke:#ff454d80;animation:wlp-pulse 3s ease-in-out infinite;animation-play-state:paused}
.wlp-in-view .wlp-map-route,.wlp-in-view .wlp-truck-halo{animation-play-state:running}
.wlp-route-origin,.wlp-route-destination{position:absolute;font-size:8px;letter-spacing:.12em;color:#e0e3dc;background:#252828df;padding:5px 8px;border:1px solid #ffffff16;border-radius:4px}
.wlp-route-origin{left:9%;bottom:13%}.wlp-route-destination{right:6%;top:12%}
.wlp-map-key{position:absolute;left:24px;bottom:18px;font-size:9px;color:#bac1b5;display:flex;align-items:center;gap:7px}
.wlp-map-key i{width:5px;height:5px;background:var(--accent);border-radius:50%}
.wlp-preview-milestones{height:69px;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;gap:12px;border-top:1px solid #ffffff16;background:#252829}
.wlp-preview-milestones>span{display:flex;align-items:center;gap:8px;font-size:10px;color:#a6ada1;white-space:nowrap}
.wlp-preview-milestones i{width:14px;height:14px;border:1px solid #737d6d;border-radius:50%;font-style:normal;font-size:9px;display:grid;place-items:center}
.wlp-preview-milestones .wlp-milestone-current{color:#f1f1eb}
.wlp-milestone-current i{border-color:var(--red);background:var(--red);box-shadow:0 0 0 4px #e2172025}
.wlp-preview-foot{padding:17px 24px;display:flex;justify-content:space-between;gap:10px;color:#b0b8a9;font-size:7px;letter-spacing:.09em;border-top:1px solid #ffffff16}
.wlp-preview-foot>span:last-child{letter-spacing:0;font-size:8px}
.wlp-papers-panel{padding:23px 24px;background:linear-gradient(120deg,#2b2e2e,#232626)}
.wlp-papers-panel>.wlp-eyebrow{font-size:8px;letter-spacing:.15em;color:#aeb7a8}
.wlp-papers-panel h3{font-size:31px;line-height:1.08;margin:12px 0 17px}
.wlp-paper-row{display:flex;align-items:center;gap:13px;padding:12px 0;border-top:1px solid #ffffff1c}
.wlp-paper-icon{width:31px;height:36px;display:grid;place-items:center;border:1px solid #ffffff40;border-radius:3px;font-size:16px;color:#ff7278;flex-shrink:0}
.wlp-paper-row strong{font-size:12px;font-weight:500;display:block}
.wlp-paper-row div>span{font-size:9px;display:block;color:#b0baaa;margin-top:4px}
.wlp-paper-tag{font-size:7px;letter-spacing:.08em;color:#c0c8ba;border:1px solid #ffffff29;padding:5px 7px;border-radius:4px;margin-left:auto}
.wlp-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:65px}
.wlp-benefits article{border-top:1px solid #ffffff2a;padding-top:22px}
.wlp-benefits article>span{font-size:9px;letter-spacing:.13em;color:#b3b9af}
.wlp-benefits h3{font-size:31px;margin:17px 0 12px}
.wlp-benefits p{color:#b1b8ac;font-size:14px;line-height:1.7;max-width:350px}
.wlp-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #ffffff1c;margin-top:45px;padding-top:25px}
.wlp-bottom>span{font-size:12px;color:#a5ada0}.wlp-bottom .text-link{font-size:13px}
.wlp-access-heading .label{margin-bottom:22px}.wlp-access-heading h2{font-size:clamp(44px,4vw,66px)}
.wlp-access-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:50px}
.wlp-access-grid article{border-top:2px solid var(--red);padding-top:28px}
.wlp-access-grid .label{font-size:10px;color:var(--ink2)}
.wlp-access-grid h3{margin:20px 0;font-size:38px}
.wlp-access-grid p{font-size:16px;max-width:560px}
.wlp-access-grid article>.btn{margin-top:30px;gap:18px}.wlp-guide{margin-top:35px}
@keyframes wlp-flow{to{stroke-dashoffset:-104}}@keyframes wlp-pulse{50%{stroke-opacity:.3;fill-opacity:.45}}
@media(max-width:1150px){.wlp-grid{gap:38px;grid-template-columns:.9fr 1.1fr}.wlp-copy h1,.wlp-copy h2{font-size:57px}.wlp-actions{gap:17px}.wlp-actions .btn{padding:15px 20px;font-size:13px}.wlp-benefits{gap:28px}.wlp-portal-chrome{padding:20px}.wlp-access-grid{gap:35px}}
@media(max-width:950px){.wlp-grid{grid-template-columns:1fr;gap:42px}.wlp-copy{max-width:680px}.wlp-copy h1,.wlp-copy h2{font-size:66px}.wlp-copy>p:not(.label){max-width:600px}.wlp-portal-preview{width:100%;max-width:740px;justify-self:center;transform:none}.wlp-portal-preview:hover,.wlp-portal-preview:focus-within{transform:none}.wlp-benefits h3{font-size:27px}.wlp-bottom{align-items:flex-start}.wlp-access-grid h3{font-size:33px}}
@media(max-width:700px){.wlp-showcase{padding:65px var(--gutter) 40px}.wlp-showcase.wlp-full{padding-top:140px}.wlp-section-label{font-size:8px;margin-bottom:33px;padding-bottom:18px}.wlp-section-label>span:last-child{display:none}.wlp-copy .label{font-size:10px}.wlp-copy h1,.wlp-copy h2{font-size:clamp(42px,11.8vw,60px);margin:20px 0 25px}.wlp-copy>p:not(.label){font-size:16px}.wlp-actions{gap:20px;margin-top:25px}.wlp-actions .text-link{font-size:13px}.wlp-copy .wlp-access-note{font-size:11px!important}.wlp-grid{gap:32px}.wlp-portal-chrome{padding:18px 16px}.wlp-portal-wordmark{font-size:14px}.wlp-portal-wordmark>span{font-size:7px}.wlp-preview-label{font-size:6px;max-width:80px}.wlp-preview-tabs{padding:0 16px;gap:24px}.wlp-preview-tabs button{font-size:11px;padding:16px 0 14px}.wlp-preview-tabs button span{padding-left:10px}.wlp-preview-panel{height:322px}.wlp-preview-map{height:264px}.wlp-map-caption{left:16px;top:19px;font-size:7px}.wlp-route-origin{left:5%;bottom:12%}.wlp-route-destination{right:3%;top:20%}.wlp-map-key{left:16px;bottom:16px;font-size:8px}.wlp-preview-milestones{height:58px;padding:17px 16px;gap:7px}.wlp-preview-milestones>span{font-size:9px;gap:7px}.wlp-preview-milestones i{width:11px;height:11px}.wlp-preview-foot{padding:15px 16px;font-size:6px}.wlp-preview-foot>span:last-child{font-size:7px}.wlp-papers-panel{padding:19px 16px}.wlp-papers-panel h3{font-size:28px;margin:11px 0 14px}.wlp-paper-row{gap:10px;padding:11px 0}.wlp-paper-row strong{font-size:11px}.wlp-paper-row div>span{font-size:8px}.wlp-paper-tag{font-size:6px;padding:4px 5px}.wlp-paper-icon{width:26px;height:31px;font-size:14px}.wlp-benefits{grid-template-columns:1fr;gap:27px;margin-top:38px}.wlp-benefits article{padding-top:20px}.wlp-benefits h3{font-size:31px;margin:14px 0 10px}.wlp-benefits p{max-width:none}.wlp-bottom{display:block;margin-top:30px;padding-top:20px}.wlp-bottom>span{display:block;font-size:11px}.wlp-bottom .text-link{margin-top:17px;font-size:12px}.wlp-access-grid{grid-template-columns:1fr;gap:40px;margin-top:35px}.wlp-access-grid h3{font-size:34px}.wlp-access-grid p{font-size:16px}.wlp-guide{font-size:13px}}
@media(prefers-reduced-motion:reduce){.wlp-map-route,.wlp-truck-halo{animation:none}.wlp-portal-preview{transform:none;transition:none}.wlp-portal-preview:hover,.wlp-portal-preview:focus-within{transform:none}}