.fd-explainer{--fd-ink:#23362c;--fd-paper:#f8f8f0;--fd-lime:#e4ef8c;--fd-muted:#778369;color:var(--fd-ink);max-width:1216px;margin:0 auto}.fd-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:35px}.fd-heading .eyebrow{font-size:9px;margin-bottom:23px}.fd-heading h2{font-size:49px;line-height:1.05;letter-spacing:-1.8px;margin:0}.fd-heading h2 em{font-size:1.13em}.fd-heading>p{font-size:12px;color:var(--fd-muted);max-width:310px;margin:0 0 3px}.fd-player{border:1px solid #cdd6bd;border-radius:12px;background:#f1f4e7;overflow:hidden;box-shadow:0 18px 50px #3349270a}.fd-player-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 24px;background:#243c2e;color:#dbe5c7}.fd-film-label{font-size:8px;letter-spacing:1.6px;display:flex;align-items:center;gap:8px}.fd-film-label i{height:5px;width:5px;background:var(--fd-lime);border-radius:50%}.fd-example-label{font-size:7px;letter-spacing:1.2px;color:#9fb28f}.fd-view{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr)}.fd-stage-visual{position:relative;background:linear-gradient(135deg,#e9efdc,#d9e5ca);min-width:0;overflow:hidden}.fd-scene-tag{position:absolute;left:25px;right:25px;top:22px;z-index:2;display:flex;align-items:center;gap:13px;font-size:9px;color:#6c8354}.fd-scene-tag>span:first-child{font-size:8px;letter-spacing:1.4px;border-right:1px solid #aebf97;padding-right:13px}.fd-scene-tag>span:last-child{font-size:10px;font-weight:500}.fd-art{width:100%;height:auto;display:block;aspect-ratio:640/420}.fd-visual-footer{position:absolute;bottom:16px;left:24px;right:23px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:6px;letter-spacing:1px;color:#87986f}.fd-mini-brand{display:flex;align-items:baseline;gap:2px;letter-spacing:-.7px;font-size:17px;font-weight:650;color:#5b754b}.fd-mini-brand i{width:4px;height:4px;border-radius:50%;background:#91aa63}.fd-notifications{background:#f9faf3;padding:23px 23px 16px;border-left:1px solid #d4ddc7;display:flex;flex-direction:column;min-width:0}.fd-phone-header{display:flex;align-items:center;gap:9px;margin-bottom:24px}.fd-phone-mark{height:34px;width:34px;border-radius:9px;background:#e8efc4;display:flex;align-items:center;justify-content:center;color:#607a43;flex-shrink:0}.fd-phone-header>div{min-width:0}.fd-phone-header b{font-size:11px;font-weight:550;display:block;letter-spacing:-.15px}.fd-phone-header>div>span{font-size:8px;color:#8e9b7c;display:block;margin-top:4px}.fd-phone-live{margin-left:auto;font-size:6px;letter-spacing:.8px;color:#788e58;background:#e9efd9;padding:5px 6px;border-radius:3px}.fd-parcel-status{padding:14px 15px;background:#edf2e1;border:1px solid #dde7ce;border-radius:7px;margin-bottom:21px}.fd-parcel-status>span{font-size:6px;letter-spacing:1.2px;color:#8c9a79;display:block;margin-bottom:9px}.fd-parcel-status>strong{font-size:11px;font-weight:500;line-height:1.5;display:block;color:#4d6b3e;min-height:16px}.fd-status-track{height:3px;border-radius:3px;background:#dce6c9;margin-top:13px;overflow:hidden}.fd-status-track>i{height:100%;width:14%;background:#92ac68;display:block;border-radius:3px;transition:width .5s}.fd-notification-heading{display:flex;align-items:center;gap:6px;letter-spacing:1px;font-size:6px;color:#83956c;margin-bottom:13px}.fd-notification{display:flex;gap:9px;padding:12px 0;border-bottom:1px solid #e7ecdd;min-width:0}.fd-notification:last-child{border-bottom:0}.fd-notification-icon{height:25px;width:25px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#edf2df;color:#8ba568;flex-shrink:0}.fd-latest .fd-notification-icon{background:#e5efac;color:#647d3d}.fd-notification>div{flex:1;min-width:0}.fd-notification-sample{font-size:5px;letter-spacing:1px;color:#a1ad8b;display:block;margin:1px 0 5px}.fd-notification strong{font-size:9px;font-weight:500;line-height:1.5;display:block;color:#516c41}.fd-notification p{font-size:8px;line-height:1.6;color:#92a17e;margin:4px 0 0}.fd-notification-note{margin-top:auto;padding-top:14px;font-size:7px;line-height:1.6;color:#a0ac8e}.fd-caption{display:flex;gap:22px;padding:25px 29px;background:#e8efd8;border-top:1px solid #d0ddbb;min-height:123px}.fd-caption>span{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:36px;color:#91a771;line-height:1}.fd-caption h3{font-size:22px;line-height:1.25;letter-spacing:-.5px;margin:0 0 9px;font-weight:500}.fd-caption p{font-size:11px;line-height:1.7;color:#74875f;margin:0;max-width:870px}.fd-controls{display:flex;align-items:center;gap:14px;padding:19px 24px 17px;background:#fbfcf6}.fd-controls button{border:0;background:none;color:#5a7348;display:flex;align-items:center;justify-content:center;min-height:32px;flex-shrink:0}.fd-controls .fd-play{gap:7px;padding:8px 13px;min-width:87px;border-radius:5px;background:#2b4531;color:#eef2df;font-size:10px}.fd-play:hover{background:#3e5c3c}.fd-restart,.fd-next{width:29px;padding:4px}.fd-controls button:focus-visible,.fd-options button:focus-visible,.fd-chapters button:focus-visible,.fd-progress-label input:focus-visible,.fd-storage-option input:focus-visible{outline:3px solid #a2b857;outline-offset:4px}.fd-progress-label{flex:1;display:block;min-width:40px}.fd-progress-label input{-webkit-appearance:none;appearance:none;width:100%;height:4px;display:block;border:0;background:linear-gradient(to right,#8ba263 var(--fd-progress,0%),#e0e7d4 var(--fd-progress,0%));border-radius:5px;margin:0;cursor:pointer;accent-color:#728e51}.fd-progress-label input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:11px;width:11px;border-radius:50%;background:#637e43;border:2px solid #f9fbf0;box-shadow:0 0 0 1px #97ac77}.fd-progress-label input::-moz-range-thumb{height:8px;width:8px;background:#637e43;border:2px solid #f9fbf0;border-radius:50%}.fd-time{font-size:8px;font-variant-numeric:tabular-nums;color:#a0ad8b;white-space:nowrap;min-width:64px}.fd-time>span{color:#637d4b}.fd-options{display:flex;align-items:center;gap:26px;padding:0 26px 21px;background:#fbfcf6;flex-wrap:wrap}.fd-route-options{display:flex;align-items:center;gap:5px}.fd-route-options>span{font-size:6px;letter-spacing:1.1px;color:#a0ad8c;margin-right:5px}.fd-route-options button{background:none;border:1px solid #dce4ce;border-radius:4px;color:#81956a;padding:6px 9px;font-size:8px}.fd-route-options button[aria-pressed=true]{background:#e5edcc;border-color:#cdddb0;color:#57713f}.fd-route-options button:hover{border-color:#a2b97f}.fd-storage-option{display:flex;align-items:center;gap:7px;font-size:8px;color:#82946b;cursor:pointer}.fd-storage-option input{width:12px;height:12px;accent-color:#708d4c;margin:0}.fd-motion-note{margin-left:auto;color:#a5af97;font-size:7px}.fd-chapters{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin-top:22px;position:relative}.fd-chapters:before{content:'';position:absolute;top:13px;left:7%;right:7%;height:1px;background:#dae2cb}.fd-chapters button{border:0;background:none;position:relative;padding:0 4px;color:#8f9d7c;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:8px;cursor:pointer}.fd-chapters button>span{height:27px;width:27px;display:grid;place-items:center;border:1px solid #d7e0c8;background:var(--fd-paper);border-radius:50%;font-size:7px;font-weight:400;transition:background .2s,border-color .2s}.fd-chapters button>b{font-size:8px;font-weight:400;text-align:center;line-height:1.4}.fd-chapters button[aria-current=step]{color:#435e34}.fd-chapters button[aria-current=step]>span{background:#e4ef8c;border-color:#b6c77d;box-shadow:0 0 0 5px #f8f8f0}.fd-chapters button:hover>span{border-color:#8ca765}.fd-explainer-note{font-size:8px!important;line-height:1.8!important;color:#97a087!important;margin:25px 0 0!important;max-width:1040px!important}.fd-sr{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0)}.fd-player[data-route=uk] .fd-world-route,.fd-player[data-route=world] .fd-uk-route{display:none}.fd-player[data-playing=true] .fd-parcel-bob{animation:fd-bob 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.fd-player[data-playing=true] .fd-delivery-van{animation:fd-van-arrive 4s ease-out 1}.fd-player[data-playing=true] .fd-scan-beam{animation:fd-scan 2s ease-in-out infinite}.fd-player[data-playing=true] .fd-path-draw{animation:fd-travel 3s linear infinite}.fd-player[data-playing=true] .fd-approval{animation:fd-approved 1.2s ease-out 1;transform-origin:469px 318px}.fd-player[data-playing=true] .fd-outbound-parcel{animation:fd-outbound 4.5s ease-in-out infinite}.fd-player[data-playing=true] .fd-route-pulse{animation:fd-pulse 2.5s ease-out infinite;transform-origin:302px 131px}.fd-player[data-playing=true] .fd-latest{animation:fd-notice .55s ease-out}.fd-player[data-playing=false] .fd-status-track>i{transition:none}@keyframes fd-bob{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes fd-van-arrive{from{translate:-65px 37px}to{translate:0 0}}@keyframes fd-scan{0%,100%{opacity:.25;translate:0 0}50%{opacity:.7;translate:0 7px}}@keyframes fd-travel{to{stroke-dashoffset:-66}}@keyframes fd-approved{0%{scale:.5}55%{scale:1.08}100%{scale:1}}@keyframes fd-outbound{0%,20%{translate:0 0}65%,100%{translate:-95px -55px;opacity:.25}}@keyframes fd-pulse{0%{scale:.5;opacity:1}100%{scale:1.5;opacity:0}}@keyframes fd-notice{from{translate:0 9px}to{translate:0 0}}
@media(min-width:1500px){.fd-stage-visual{min-height:420px}}
@media(max-width:1050px){.fd-view{grid-template-columns:minmax(0,1.5fr) minmax(255px,1fr)}.fd-notifications{padding:19px 18px 15px}.fd-phone-header{margin-bottom:18px}.fd-phone-header b{font-size:10px}.fd-phone-header>div>span{font-size:7px}.fd-phone-live{display:none}.fd-stage-visual{display:flex;align-items:center;min-height:380px}.fd-art{height:100%;min-height:360px;object-fit:contain}.fd-notification{padding:10px 0}.fd-caption{padding:23px 25px}.fd-caption h3{font-size:21px}.fd-motion-note{margin-left:0}.fd-options{gap:18px}.fd-heading h2{font-size:44px}.fd-heading>p{max-width:280px;font-size:11px}}
@media(max-width:760px){.fd-heading{display:block;margin-bottom:27px}.fd-heading h2{font-size:43px}.fd-heading>p{margin-top:23px;max-width:390px;font-size:12px}.fd-view{grid-template-columns:1fr}.fd-stage-visual{min-height:0;display:block}.fd-art{height:auto;min-height:0}.fd-scene-tag{top:18px;left:20px;right:20px}.fd-visual-footer{left:20px;right:20px;bottom:13px;font-size:5px}.fd-mini-brand{font-size:15px}.fd-notifications{padding:18px 20px;border-left:0;border-top:1px solid #d4ddc7;display:grid;grid-template-columns:1fr 1.2fr;gap:0 18px}.fd-phone-header{margin-bottom:13px;grid-column:1;gap:8px}.fd-phone-header b{font-size:10px}.fd-phone-header>div>span{font-size:7px}.fd-phone-mark{height:29px;width:29px}.fd-parcel-status{grid-column:1;padding:12px;margin:0;align-self:start}.fd-notification-heading{grid-column:2;grid-row:1;align-self:center;margin:0 0 10px;font-size:5px}.fd-notifications>[data-fd-notifications]{grid-column:2;grid-row:2/4;align-self:start}.fd-notification{padding:6px 0}.fd-notification:not(:first-child){display:none}.fd-notification-sample{font-size:5px}.fd-notification strong{font-size:9px}.fd-notification p{font-size:8px}.fd-notification-note{grid-column:1/-1;font-size:7px;padding-top:11px}.fd-caption{padding:21px;gap:15px;min-height:144px}.fd-caption>span{font-size:31px}.fd-caption h3{font-size:21px}.fd-caption p{font-size:11px}.fd-controls{gap:9px;padding:17px 17px 16px}.fd-controls .fd-play{min-width:72px;font-size:9px;padding:7px 10px;gap:5px}.fd-restart,.fd-next{width:23px}.fd-time{font-size:7px;min-width:58px}.fd-options{padding:0 20px 20px;gap:15px 20px}.fd-route-options>span{font-size:6px}.fd-route-options button{font-size:8px;padding:6px 8px}.fd-storage-option{font-size:8px}.fd-motion-note{font-size:7px;width:100%}.fd-chapters{margin-top:21px;gap:4px}.fd-chapters:before{top:12px}.fd-chapters button{padding:0;gap:9px}.fd-chapters button>span{width:25px;height:25px}.fd-chapters button>b{font-size:6px;letter-spacing:-.1px}.fd-explainer-note{font-size:8px!important;margin-top:23px!important}.fd-player-top{padding:14px 18px}.fd-film-label{font-size:7px;letter-spacing:1px}.fd-example-label{font-size:5px;letter-spacing:.6px}}
@media(max-width:430px){.fd-heading h2{font-size:39px}.fd-heading .eyebrow{font-size:7px}.fd-player-top{padding:13px 15px}.fd-film-label{font-size:6px}.fd-example-label{font-size:4px}.fd-scene-tag{top:14px;left:17px;gap:10px}.fd-scene-tag>span:first-child{font-size:6px;padding-right:10px}.fd-scene-tag>span:last-child{font-size:8px}.fd-notifications{padding:17px 16px;gap:0 15px;grid-template-columns:1fr 1fr}.fd-phone-header b{font-size:9px}.fd-phone-header>div>span{font-size:6px}.fd-phone-mark{height:27px;width:27px}.fd-parcel-status>span{font-size:5px}.fd-parcel-status>strong{font-size:10px}.fd-notification strong{font-size:8px}.fd-notification p{font-size:7px}.fd-notification-icon{width:22px;height:22px}.fd-notification-icon svg{width:12px}.fd-caption{gap:13px;padding:20px 17px;min-height:165px}.fd-caption h3{font-size:20px}.fd-caption p{font-size:10px}.fd-caption>span{font-size:29px}.fd-controls{gap:6px;padding:16px 12px}.fd-controls .fd-play{min-width:67px;padding:7px 8px}.fd-controls .fd-play svg{width:14px}.fd-restart,.fd-next{width:21px}.fd-time{font-size:6px;min-width:52px}.fd-options{padding:0 16px 18px;gap:13px}.fd-route-options>span{font-size:5px}.fd-route-options button{font-size:7px}.fd-storage-option{font-size:7px}.fd-chapters button>b{font-size:5px;line-height:1.7}.fd-visual-footer>span:first-child{font-size:4px;letter-spacing:.7px}}
.fd-progress-label{padding:12px 0}.fd-controls button{min-height:38px}
@media(max-width:760px){.fd-chapters{grid-template-columns:repeat(7,minmax(79px,1fr));overflow-x:auto;padding:3px 3px 13px;gap:8px;scrollbar-width:thin;scrollbar-color:#c1cfa8 transparent}.fd-chapters:before{display:none}.fd-chapters button{gap:9px;min-height:59px}.fd-chapters button>b{font-size:9px;letter-spacing:0;line-height:1.4}.fd-chapters button>span{height:29px;width:29px;font-size:8px}.fd-notification strong{font-size:10px}.fd-notification p{font-size:9px}.fd-caption p{font-size:11px}.fd-controls button{min-height:40px}.fd-controls .fd-restart,.fd-controls .fd-next{width:31px}}
@media(prefers-reduced-motion:reduce){.fd-explainer *,.fd-explainer *::before,.fd-explainer *::after{animation:none!important;transition:none!important}}
