:root{font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN",sans-serif;color:#252521;background:#f7f6f1}
*{box-sizing:border-box}body{margin:0}.draft{padding:9px 20px;margin:0;background:#262621;color:#fff;font-size:.82rem;text-align:center;line-height:1.5}.hero{position:relative;background:#fffefa;overflow:hidden}.copy{position:absolute;top:2%;left:5%;width:44%;z-index:2}.eyebrow{font-size:clamp(.78rem,1.1vw,1rem);letter-spacing:.12em;color:#9a7c45;font-weight:800}.copy h1{font-size:clamp(2rem,4vw,4.35rem);line-height:1.26;letter-spacing:.02em;margin:.6em 0 .35em;font-weight:850}.intro{font-weight:650;font-size:clamp(.95rem,1.4vw,1.15rem);line-height:1.8}.contact-demo{background:#087e47;color:white;border:0;border-radius:999px;font:inherit;font-weight:750;padding:14px 22px;min-height:48px;cursor:pointer}.contact-demo:focus-visible{outline:3px solid #1266a3;outline-offset:3px}.contact-message{background:#fffefa;border-left:3px solid #087e47;padding:7px;font-size:.8rem}.scene{position:relative}.art{width:100%;display:block;height:auto}.note{font-size:.85rem;line-height:1.6;color:#666057;margin:20px auto 64px;width:min(100% - 32px,1080px)}
.mobile-plane,.mobile-parcel,.mobile-signal{display:none}.factory-cut{transform:translate(595px,80px) scale(.48)}.freezer{transform:translate(1190px,112px) scale(1.11)}.owner{transform:translate(390px,268px) scale(1)}.pc-parcel{transform:translate(1220px,448px)}.mobile-parcel{transform:translate(600px,424px)}
.meat-focus{transform-box:view-box;transform-origin:520px 353px;transform:scale(1.8)}
#cut-upper{transform-box:view-box;transform-origin:485px 182px;animation:cut-upper 5.8s ease-in-out infinite}
#cut-forearm{transform-box:view-box;transform-origin:442px 261px;animation:cut 5.8s ease-in-out infinite}
#cut-wrist{transform-box:view-box;transform-origin:458px 315px;animation:wrist 5.8s ease-in-out infinite}
#grip-fingers{transform-box:view-box;transform-origin:461px 330px;animation:grip-pressure 5.8s ease-in-out infinite}
#hold-forearm{transform-box:view-box;transform-origin:652px 259px;animation:hold 5.8s ease-in-out infinite}
#hold-hand{transform-box:view-box;transform-origin:598px 316px;animation:hold-hand 5.8s ease-in-out infinite}
#hold-contact-shadow{animation:hold-pressure 5.8s ease-in-out infinite}
#slice{transform-box:view-box;transform-origin:534px 374px;animation:slice 5.8s ease-in-out infinite}
#cut-seam{stroke-dasharray:110;stroke-dashoffset:110;animation:seam 5.8s ease-in-out infinite}
#knife-contact-shadow{animation:knife-contact 5.8s ease-in-out infinite}
.touch-finger{animation:touch 4.6s ease-in-out infinite}
.cold-glow{animation:cold 3.1s ease-in-out infinite}
.proton-field{stroke-dasharray:3 5;animation:proton-field-flow 6s ease-in-out infinite}
.parcel-move{animation:delivery 8s linear infinite}
.parcel-move-mobile{animation:delivery-mobile 8s linear infinite}
.parcel-streak{fill:none;stroke:#c2a15c;stroke-width:3;stroke-linecap:round;opacity:0;stroke-dasharray:22 10;animation:parcel-streak 8s ease-in-out infinite}
.parcel-streak-soft{stroke-width:2;opacity:0}
.signal-route{opacity:.35;pointer-events:none}
.signal-track{stroke:#b29259;stroke-width:3;stroke-dasharray:2 10;stroke-linecap:round;opacity:.5}
.signal-flow{stroke:#f1c96f;stroke-width:8;stroke-linecap:round;stroke-dasharray:.13 .87;opacity:0;filter:drop-shadow(0 0 6px #d5a43c)}
.receiver-halo{fill:#f1c96f;stroke:#b29259;stroke-width:2;opacity:0}
.receiver-core{fill:#fff8db;stroke:#b29259;stroke-width:2;opacity:.45}
.scene[data-signal="active"] .signal-route{opacity:1}
.scene[data-signal="active"] .signal-flow{animation:signal-travel 1.15s ease-out 1 forwards}
.scene[data-signal="active"] .receiver-halo{animation:receiver-ping .9s ease-out 1 1.05s forwards}
.scene[data-signal="active"] .receiver-core{animation:receiver-core 1.4s ease-out 1 .95s forwards}
.hero-contact{margin-top:14px}
.freezer-air-flow{stroke-dasharray:7 12;animation:freezer-air 4s linear infinite}
.scene[data-motion="paused"] .freezer-air-flow{animation-play-state:paused}
.scene[data-motion="paused"] .proton-field{animation-play-state:paused}
@keyframes freezer-air{0%{stroke-dashoffset:0;opacity:.3}50%{opacity:.5}100%{stroke-dashoffset:-19;opacity:.3}}
@keyframes proton-field-flow{0%,100%{stroke-dashoffset:0;opacity:.26}50%{stroke-dashoffset:-8;opacity:.58}}
.scene[data-motion="paused"] #cut-upper,.scene[data-motion="paused"] #cut-forearm,.scene[data-motion="paused"] #cut-wrist,.scene[data-motion="paused"] #grip-fingers,.scene[data-motion="paused"] #hold-forearm,.scene[data-motion="paused"] #hold-hand,.scene[data-motion="paused"] #hold-contact-shadow,.scene[data-motion="paused"] #slice,.scene[data-motion="paused"] #cut-seam,.scene[data-motion="paused"] #knife-contact-shadow,.scene[data-motion="paused"] .touch-finger,.scene[data-motion="paused"] .cold-glow,.scene[data-motion="paused"] .parcel-move,.scene[data-motion="paused"] .parcel-move-mobile,.scene[data-motion="paused"] .parcel-streak{animation-play-state:paused}
/* Keep the shoulder, elbow and wrist connected along the cutting stroke. */
@keyframes cut-upper{0%{transform:rotate(6.9428deg)}8%{transform:rotate(6.9428deg)}20%{transform:rotate(4.8805deg)}30%{transform:rotate(3.1335deg)}42%{transform:rotate(1.6407deg)}52%{transform:rotate(2.6374deg)}60%{transform:rotate(5.3814deg)}68%{transform:rotate(6.4121deg)}80%{transform:rotate(6.9428deg)}90%{transform:rotate(6.9428deg)}100%{transform:rotate(6.9428deg)}}
@keyframes cut{0%{transform:translate(-9.2341px,-5.7771px) rotate(-13.4389deg)}8%{transform:translate(-9.2341px,-5.7771px) rotate(-13.4389deg)}20%{transform:translate(-6.5652px,-3.9447px) rotate(-9.8171deg)}30%{transform:translate(-4.254px,-2.4686px) rotate(-5.8194deg)}42%{transform:translate(-2.2443px,-1.2635px) rotate(0.5328deg)}52%{transform:translate(-3.5896px,-2.0623px) rotate(6.48deg)}60%{transform:translate(-7.2196px,-4.381px) rotate(2.0952deg)}68%{transform:translate(-8.5537px,-5.2964px) rotate(-5.8735deg)}80%{transform:translate(-9.2341px,-5.7771px) rotate(-13.4389deg)}90%{transform:translate(-9.2341px,-5.7771px) rotate(-13.4389deg)}100%{transform:translate(-9.2341px,-5.7771px) rotate(-13.4389deg)}}
@keyframes wrist{0%{transform:translate(0,0) rotate(11.8389deg)}8%{transform:translate(0,0) rotate(11.8389deg)}20%{transform:translate(0,0) rotate(9.1171deg)}30%{transform:translate(0,0) rotate(7.8194deg)}42%{transform:translate(0,0) rotate(2.4672deg)}52%{transform:translate(0,0) rotate(-4.28deg)}60%{transform:translate(0,0) rotate(-0.3952deg)}68%{transform:translate(0,0) rotate(5.8735deg)}80%{transform:translate(0,0) rotate(11.8389deg)}90%{transform:translate(0,0) rotate(11.8389deg)}100%{transform:translate(0,0) rotate(11.8389deg)}}
@keyframes grip-pressure{0%,20%,74%,100%{transform:translate(0,0) rotate(0)}36%,52%{transform:translate(.3px,.4px) rotate(.6deg)}64%{transform:translate(.15px,.2px) rotate(.3deg)}}
@keyframes hold{0%,16%,68%,100%{transform:rotate(0)}30%{transform:rotate(-.25deg)}42%,52%{transform:rotate(.55deg)}}
@keyframes hold-hand{0%,12%,100%{transform:translate(0,0) rotate(0)}24%{transform:translate(.4px,.6px) rotate(.5deg)}36%{transform:translate(.5px,1px) rotate(1.1deg)}48%{transform:translate(.6px,1.4px) rotate(1.3deg)}56%{transform:translate(.5px,1px) rotate(1deg)}68%{transform:translate(.2px,.4px) rotate(.4deg)}80%{transform:translate(0,0) rotate(0)}}
@keyframes hold-pressure{0%,12%,100%{opacity:.13}24%{opacity:.18}36%{opacity:.24}48%{opacity:.27}56%{opacity:.23}68%{opacity:.16}80%{opacity:.13}}
@keyframes slice{0%,56%,100%{transform:translate(0,0) rotate(0);opacity:1}74%,80%{transform:translate(-16px,27px) rotate(-5deg);opacity:1}81%,85%{transform:translate(-16px,27px) rotate(-5deg);opacity:0}86%,92%{transform:translate(0,0) rotate(0);opacity:0}}
@keyframes seam{0%,28%{opacity:0;stroke-dashoffset:110}34%{opacity:.4;stroke-dashoffset:104}54%,70%{opacity:.7;stroke-dashoffset:0}84%{opacity:0;stroke-dashoffset:0}85%,100%{opacity:0;stroke-dashoffset:110}}
@keyframes knife-contact{0%,12%,80%,100%{opacity:.06}24%{opacity:.14}38%,52%{opacity:.3}64%{opacity:.12}}
@keyframes touch{0%,12%,42%,100%{transform:translate(0,0)}23%,30%{transform:translate(2px,-2px)}}
@keyframes cold{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes delivery{0%,42%{transform:translate(0,0) scale(.86);opacity:1}46%{transform:translate(-28px,7px) scale(.9);opacity:1}53%{transform:translate(-118px,32px) scale(1);opacity:1}61%{transform:translate(-310px,88px) scale(.72);opacity:0}84%{transform:translate(-310px,88px) scale(.72);opacity:0}92%{transform:translate(0,0) scale(.86);opacity:0}96%,100%{transform:translate(0,0) scale(.86);opacity:1}}
@keyframes delivery-mobile{0%,42%{transform:translate(0,0) scale(.78);opacity:1}46%{transform:translate(-15px,5px) scale(.82);opacity:1}53%{transform:translate(-74px,23px) scale(.94);opacity:1}61%{transform:translate(-232px,70px) scale(.68);opacity:0}84%{transform:translate(-232px,70px) scale(.68);opacity:0}92%{transform:translate(0,0) scale(.78);opacity:0}96%,100%{transform:translate(0,0) scale(.78);opacity:1}}
@keyframes parcel-streak{0%,42%,92%,100%{opacity:0;stroke-dashoffset:0}46%{opacity:.35}53%,58%{opacity:.85;stroke-dashoffset:-13}61%,84%{opacity:0;stroke-dashoffset:-22}}
@keyframes signal-travel{0%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-.87;opacity:1}}
@keyframes receiver-ping{0%{opacity:0;transform:scale(.35);transform-origin:center}35%{opacity:.9}100%{opacity:0;transform:scale(2.2);transform-origin:center}}
@keyframes receiver-core{0%,100%{opacity:.45}25%,65%{opacity:1;filter:drop-shadow(0 0 8px #d5a43c)}}
@media(max-width:900px){.copy{position:relative;top:auto;left:auto;width:auto;padding:28px 22px 0}.copy h1{font-size:clamp(2rem,8vw,3rem);margin:.45em 0}.intro{font-size:1rem}.contact-demo{font-size:.9rem}.scene{width:min(100%,520px);margin-inline:auto}.pc-plane,.pc-parcel,.pc-signal{display:none}.mobile-plane,.mobile-parcel,.mobile-signal{display:inline}.factory-cut{transform:translate(145px,145px) scale(.43)}.freezer{transform:translate(560px,120px) scale(.75)}.owner{transform:translate(17px,379px) scale(.72)}.mobile-parcel{transform:translate(600px,424px)}.draft{font-size:.75rem}}
@media(min-width:601px) and (max-width:900px){.scene{width:100%;background:linear-gradient(150deg,transparent 62%,#eee9df 62%)}.scene .art{width:min(100%,520px);margin-inline:auto}.mobile-plane path:first-child{fill:none}}
.copy .contact-message{max-width:245px}
@media(min-width:901px) and (max-width:1100px){.copy{left:4%}}

/* Preserve an understandable illustration when scripting is unavailable. */
html:not([data-motion-ready]) .copy{position:relative;top:auto;left:auto;width:auto;padding:28px 22px 0}
html:not([data-motion-ready]) .copy h1{font-size:clamp(2rem,8vw,3rem);margin:.45em 0}
html:not([data-motion-ready]) .scene{width:min(100%,520px);margin-inline:auto}
html:not([data-motion-ready]) .pc-plane,html:not([data-motion-ready]) .pc-parcel,html:not([data-motion-ready]) .pc-signal{display:none}
html:not([data-motion-ready]) .mobile-plane,html:not([data-motion-ready]) .mobile-parcel,html:not([data-motion-ready]) .mobile-signal{display:inline}
html:not([data-motion-ready]) .factory-cut{transform:translate(145px,145px) scale(.43)}
html:not([data-motion-ready]) .freezer{transform:translate(560px,120px) scale(.75)}
html:not([data-motion-ready]) .owner{transform:translate(17px,379px) scale(.72)}
html:not([data-motion-ready]) .mobile-parcel{transform:translate(600px,424px)}
html:not([data-motion-ready]) .proton-field{animation:none;opacity:.4}
html:not([data-motion-ready]) .parcel-move,html:not([data-motion-ready]) .parcel-move-mobile{animation:none;opacity:1}
html:not([data-motion-ready]) .parcel-move{transform:none}
html:not([data-motion-ready]) .parcel-move-mobile{transform:none}
html:not([data-motion-ready]) .parcel-streak{animation:none;opacity:0}
@media (prefers-reduced-motion:reduce){
  .proton-field{animation:none;opacity:.4}
  .scene[data-motion="paused"] .parcel-move,.scene[data-motion="paused"] .parcel-move-mobile{animation:none;opacity:1}
  .scene[data-motion="paused"] .parcel-streak{animation:none;opacity:.12}
  .scene[data-signal="active"] .signal-flow{animation:none;stroke-dasharray:none;opacity:1}
  .scene[data-signal="active"] .receiver-halo{animation:none;opacity:.45;transform:scale(1.15)}
  .scene[data-signal="active"] .receiver-core{animation:none;opacity:1}
}

.headline-emphasis{background:linear-gradient(transparent 65%,#e8d9b5 65%);box-decoration-break:clone;-webkit-box-decoration-break:clone}

/* Keep the copy clear of the illustration at laptop widths. */
.copy .intro{max-width:clamp(235px,25vw,300px)}
@media(max-width:900px){.copy .intro{max-width:none}}
@media(min-width:901px){
  .owner{transform:translate(469px,292px) scale(.82)}
}
@media(min-width:901px) and (max-width:1100px){
  .copy .intro{max-width:280px}
}

/* Keep delivery visible when motion is reduced. */
.scene[data-motion="paused"] .parcel-move,
.scene[data-motion="paused"] .parcel-move-mobile{opacity:1!important}
.scene[data-motion="paused"] .parcel-streak{animation:none;opacity:.12}
  .scene[data-motion="paused"] .meat-focus{transform:scale(1.8)}

@media(min-width:901px) and (max-width:1200px){.store-counter-pc{display:none}}