.hero{padding:92px 0 12px;position:relative;overflow:hidden}.hero-content{position:relative;z-index:2;max-width:1000px}.hero-perimeter{position:absolute;inset:26px 3% 25px;border:1px solid #e7ebf2;border-radius:42px;box-shadow:inset 0 0 0 7px #fafbfd,inset 0 0 0 8px #eef1f6;pointer-events:none;z-index:0}.hero-perimeter:before{content:"";position:absolute;inset:15px;border:1px dashed #edf0f6;border-radius:28px}.perimeter-mail{position:absolute;width:26px;height:18px;border:1px solid #c6d2e5;background:#fff;border-radius:4px;offset-path:inset(0 round 42px);offset-rotate:auto;animation:perimeterRun 32s linear infinite;opacity:.65}.perimeter-mail:after{content:"";position:absolute;left:6px;top:0;width:10px;height:8px;border-left:1px solid #b7c8e2;border-bottom:1px solid #b7c8e2;transform:rotate(-45deg)}.pm-two{animation-delay:-11s}.pm-three{animation-delay:-22s}.perimeter-joint{position:absolute;top:48%;width:34px;height:56px;background:#fff;border:1px solid #e4e9f1;border-radius:11px;box-shadow:inset 0 0 0 5px #fafbfd}.joint-left{left:-17px}.joint-right{right:-17px}.sorting-scene{position:relative;max-width:1050px;height:200px;margin:18px auto 0;z-index:1;padding:5px 190px 0 20px}.sorting-art{height:180px;display:flex;align-items:center}.sorting-svg{width:100%;height:auto;overflow:visible}.track-bed{stroke:#dfe5ee;stroke-width:28;stroke-linecap:round;stroke-linejoin:round}.track-center{stroke:#fafbfd;stroke-width:25;stroke-linecap:round;stroke-linejoin:round}.sort-label{font:9px ui-monospace,SFMono-Regular,monospace;letter-spacing:1.4px;fill:#98a3b6}.good-label{fill:#669887}.bad-label{fill:#be9696}.sort-mail{fill:#fff;stroke:#b7c7df;stroke-width:1.1;offset-rotate:0deg;animation:sortRun 8s linear infinite}.incoming{offset-path:path('M30 85H325')}.accepted{offset-path:path('M390 85H450Q480 85 505 55H740');stroke:#91b9a7}.rejected{offset-path:path('M390 85H450Q480 85 505 135H640');stroke:#cca3a3;animation-duration:12s}.scan-light{animation:scanSweep 3s ease-in-out infinite}.hero-mascot{position:absolute;right:40px;bottom:13px;width:172px;height:172px;object-fit:contain}.trust{padding-top:20px}@keyframes perimeterRun{to{offset-distance:100%}}@keyframes sortRun{0%{offset-distance:0;opacity:0}8%{opacity:1}92%{opacity:1}100%{offset-distance:100%;opacity:0}}@keyframes scanSweep{0%,100%{transform:translateX(0);opacity:.15}50%{transform:translateX(48px);opacity:.7}}@media(max-width:1100px){.hero-content{max-width:calc(100% - 120px)}.sorting-scene{max-width:calc(100% - 100px);padding-right:140px}.hero-mascot{right:0;width:145px;height:145px}}@media(max-width:700px){.hero{padding-top:56px}.hero-perimeter{display:none}.hero-content{max-width:100%}.hero h1{font-size:clamp(32px,8.6vw,40px);letter-spacing:-1.3px;line-height:1.12}.hero .sub{font-size:15px}.sorting-scene{max-width:100%;height:170px;margin-top:10px;padding:0 12px}.sorting-art{height:130px;padding-right:42px;align-items:flex-end}.hero-mascot{right:8px;bottom:0;width:102px;height:102px}.sort-label{font-size:14px;letter-spacing:.4px}.trust{padding:18px 24px 48px;line-height:1.8}}@media(prefers-reduced-motion:reduce){.perimeter-mail,.sort-mail,.scan-light{animation:none}.perimeter-mail{offset-distance:15%}.pm-two{offset-distance:45%}.pm-three{offset-distance:75%}.sort-mail{offset-distance:45%}.incoming:nth-of-type(2),.accepted:nth-of-type(4){display:none}.scan-light{opacity:.3}}
/* Keep the conveyor on the perimeter, outside the content's safe area. */
@media(min-width:701px){
.hero{padding-top:108px}
.hero-perimeter{inset:34px 3% 25px;border-color:#dce4ef;box-shadow:0 0 0 9px #fafbfd,0 0 0 10px #e1e7f0,inset 0 0 0 9px #fafbfd,inset 0 0 0 10px #e1e7f0}
.hero-perimeter:before{display:none}.perimeter-rollers{position:absolute;inset:0;overflow:visible;opacity:.7}
.perimeter-mail{width:30px;height:21px;opacity:.95;border-color:#b5c5dd;box-shadow:0 2px 5px #233f7510;animation-duration:40s}
.perimeter-mail:after{left:7px;width:12px;height:10px}
.pm-two{animation-delay:-6.67s}.pm-three{animation-delay:-13.33s}.pm-four{animation-delay:-20s}.pm-five{animation-delay:-26.67s}.pm-six{animation-delay:-33.33s}
.perimeter-joint{top:-18px;width:44px;height:36px;border-color:#cdd9eb;box-shadow:inset 0 0 0 5px #f4f7fc}
.joint-left{left:22%}.joint-right{right:22%}
.perimeter-joint:after{content:"";position:absolute;inset:8px 18px;border-left:2px solid #82a4ec;border-right:2px solid #c1d2f1}
}
@media(prefers-reduced-motion:reduce){.pm-four{offset-distance:35%}.pm-five{offset-distance:65%}.pm-six{offset-distance:90%}}

.hero-belts{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0;background-image:linear-gradient(#f7f8fb55 1px,transparent 1px),linear-gradient(90deg,#f7f8fb55 1px,transparent 1px);background-size:88px 88px}
.wide-belt{position:absolute;height:34px;border:1px solid #dfe4ed;border-radius:22px;background:repeating-linear-gradient(90deg,#f0f2f6 0 12px,#fff 12px 27px);box-shadow:inset 0 3px 0 #ffffffb3,inset 0 -3px 0 #ffffffb3;animation:beltSlats 2s linear infinite;opacity:.8}
.wide-belt:before,.wide-belt:after{content:"";position:absolute;top:10px;width:12px;height:12px;background:#fff;border:1px solid #d9e0eb;border-radius:50%;z-index:1}.wide-belt:before{left:8px}.wide-belt:after{right:8px}
.belt-upper-left{width:48%;left:-5%;top:26px;transform:rotate(8deg);transform-origin:left center}.belt-upper-right{width:40%;right:-5%;top:28px;transform:rotate(-8deg);transform-origin:right center}
.belt-envelope{position:absolute;left:0;top:6px;width:28px;height:20px;border:1px solid #c6d0e0;border-radius:5px;background:white;box-shadow:0 2px 3px #dae0ec55;animation:beltMail 13s linear infinite}.belt-envelope:after{content:"";position:absolute;left:6px;top:0;width:13px;height:10px;border-left:1px solid #c0ccde;border-bottom:1px solid #c0ccde;transform:rotate(-45deg)}.belt-envelope.second{animation-delay:-4.33s}.belt-envelope.third{animation-delay:-8.67s}
.side-lane{position:absolute;top:155px;bottom:190px;width:max(45px,calc((100% - 1080px)/2));overflow:hidden}.left-lane{left:0}.right-lane{right:0}.belt-side-left{width:460px;left:-240px;top:35%;transform:rotate(12deg)}.belt-side-right{width:460px;right:-240px;top:55%;transform:rotate(-12deg)}
@keyframes beltSlats{to{background-position:27px 0}}@keyframes beltMail{0%{left:0;opacity:0}8%,90%{opacity:1}100%{left:calc(100% - 28px);opacity:0}}
@media(min-width:701px){.hero{padding-top:145px}}
@media(max-width:700px){.hero{padding-top:78px}.side-lane{display:none}.wide-belt{height:24px;opacity:.6}.belt-upper-left{top:9px;width:53%;left:-10%}.belt-upper-right{top:8px;width:48%;right:-9%}.wide-belt:before,.wide-belt:after{width:8px;height:8px;top:7px}.belt-envelope{transform:scale(.7);top:1px}.hero-belts{background:none}}
@media(prefers-reduced-motion:reduce){.wide-belt,.belt-envelope{animation:none}.belt-envelope{left:18%}.belt-envelope.second{left:48%}.belt-envelope.third{left:78%}}