@keyframes reel-s1{0%,1.5%{opacity:0;translate:0 16px;animation-timing-function:var(--ease-spring-settle)}5%{opacity:1;translate:0 0}21%{opacity:1;translate:0 0;animation-timing-function:var(--ease-out-soft)}25%,to{opacity:0;translate:0 -12px}}@keyframes reel-s2{0%,24%{opacity:0;translate:0 16px;animation-timing-function:var(--ease-spring-settle)}28%{opacity:1;translate:0 0}46%{opacity:1;translate:0 0;animation-timing-function:var(--ease-out-soft)}50%,to{opacity:0;translate:0 -12px}}@keyframes reel-s3{0%,49%{opacity:0;translate:0 16px;animation-timing-function:var(--ease-spring-settle)}53%{opacity:1;translate:0 0}71%{opacity:1;translate:0 0;animation-timing-function:var(--ease-out-soft)}75%,to{opacity:0;translate:0 -12px}}@keyframes reel-s4{0%{opacity:1;translate:0 0}4%,74%{opacity:0;translate:0 16px;animation-timing-function:var(--ease-spring-settle)}78%,to{opacity:1;translate:0 0}}@keyframes reel-cap-1{0%,2%{opacity:0;translate:0 8px}5%{opacity:1;translate:0 0}21%{opacity:1}24%,to{opacity:0;translate:0 -6px}}@keyframes reel-cap-2{0%,24.5%{opacity:0;translate:0 8px}28%{opacity:1;translate:0 0}46%{opacity:1}49%,to{opacity:0;translate:0 -6px}}@keyframes reel-cap-3{0%,49.5%{opacity:0;translate:0 8px}53%{opacity:1;translate:0 0}71%{opacity:1}74%,to{opacity:0;translate:0 -6px}}@keyframes reel-cap-4{0%{opacity:1;translate:0 0}3.5%,74.5%{opacity:0;translate:0 8px}78%,to{opacity:1;translate:0 0}}@keyframes reel-slot-1{0%,2%{translate:0 0}6%{translate:0 8px;animation-timing-function:var(--ease-spring-settle)}9%{translate:0 0}25%,27%{translate:0 8px}28.5%{translate:0 8px;animation-timing-function:var(--ease-spring-settle)}32%{translate:0 0}50%,52%{translate:0 8px}53.5%{translate:0 8px;animation-timing-function:var(--ease-spring-settle)}57%{translate:0 0}75%,77%{translate:0 8px}78.5%{translate:0 8px;animation-timing-function:var(--ease-spring-settle)}82%,to{translate:0 0}}@keyframes reel-slot-2{0%,2%{translate:0 0}7%{translate:0 8px;animation-timing-function:var(--ease-spring-settle)}11%{translate:0 0}25%,30%{translate:0 8px;animation-timing-function:var(--ease-spring-settle)}34%{translate:0 0}50%,55%{translate:0 8px;animation-timing-function:var(--ease-spring-settle)}59%{translate:0 0}75%,80%{translate:0 8px;animation-timing-function:var(--ease-spring-settle)}84%,to{translate:0 0}}@keyframes reel-slot-3{0%,2%{translate:0 0}8%{translate:0 8px;animation-timing-function:var(--ease-spring-settle)}13%{translate:0 0}25%,32%{translate:0 8px;animation-timing-function:var(--ease-spring-settle)}36%{translate:0 0}50%,57%{translate:0 8px;animation-timing-function:var(--ease-spring-settle)}61%{translate:0 0}75%,82%{translate:0 8px;animation-timing-function:var(--ease-spring-settle)}86%,to{translate:0 0}}@keyframes reel-glow-1{0%,14%{box-shadow:0 0 0 0 transparent}17%{box-shadow:0 0 0 3px var(--hue-edge, var(--accent))}21%,to{box-shadow:0 0 0 0 transparent}}@keyframes reel-glow-2{0%,38%{box-shadow:0 0 0 0 transparent}41%{box-shadow:0 0 0 3px var(--hue-edge, var(--accent))}45%,to{box-shadow:0 0 0 0 transparent}}@keyframes reel-glow-3{0%,63%{box-shadow:0 0 0 0 transparent}66%{box-shadow:0 0 0 3px var(--hue-edge, var(--accent))}70%,to{box-shadow:0 0 0 0 transparent}}@keyframes reel-glow-4{0%,88%{box-shadow:0 0 0 0 transparent}91%{box-shadow:0 0 0 3px var(--hue-edge, var(--accent))}95%,to{box-shadow:0 0 0 0 transparent}}@keyframes reel-dot-1{0%,15%{opacity:0;scale:.4}17%{opacity:.9;scale:1}18.5%{scale:.75}20%{opacity:.9;scale:1}22%,to{opacity:0;scale:.4}}@keyframes reel-dot-2{0%,39%{opacity:0;scale:.4}41%{opacity:.9;scale:1}42.5%{scale:.75}44%{opacity:.9;scale:1}46%,to{opacity:0;scale:.4}}@keyframes reel-dot-3{0%,64%{opacity:0;scale:.4}66%{opacity:.9;scale:1}67.5%{scale:.75}69%{opacity:.9;scale:1}71%,to{opacity:0;scale:.4}}@keyframes reel-dot-4{0%,89%{opacity:0;scale:.4}91%{opacity:.9;scale:1}92.5%{scale:.75}94%{opacity:.9;scale:1}96%,to{opacity:0;scale:.4}}@keyframes reel-ring-1{0%,18%{opacity:0;box-shadow:0 0 0 0 var(--hue-edge, var(--accent))}19.5%{opacity:1}23%,to{opacity:0;box-shadow:0 0 0 12px transparent}}@keyframes reel-ring-2{0%,42%{opacity:0;box-shadow:0 0 0 0 var(--hue-edge, var(--accent))}43.5%{opacity:1}47%,to{opacity:0;box-shadow:0 0 0 12px transparent}}@keyframes reel-ring-3{0%,67%{opacity:0;box-shadow:0 0 0 0 var(--hue-edge, var(--accent))}68.5%{opacity:1}72%,to{opacity:0;box-shadow:0 0 0 12px transparent}}@keyframes reel-ring-4{0%,92%{opacity:0;box-shadow:0 0 0 0 var(--hue-edge, var(--accent))}93.5%{opacity:1}97%,to{opacity:0;box-shadow:0 0 0 12px transparent}}@keyframes reel-bar-1{0%,6%{transform:scaleX(.06)}20%,to{transform:scaleX(.9)}}@keyframes reel-bar-2{0%,30%{transform:scaleX(.06)}45%,to{transform:scaleX(.9)}}@keyframes reel-bar-3{0%,55%{transform:scaleX(.06)}70%,to{transform:scaleX(.9)}}@keyframes reel-bar-4{0%,80%{transform:scaleX(.06)}95%,to{transform:scaleX(.9)}}@layer components{.reel-s1,.reel-s2,.reel-s3,.reel-cap-1,.reel-cap-2,.reel-cap-3{opacity:0}:is(.hero-ready,.scene-ready) .reel-s1{animation:reel-s1 var(--reel-dur, 20s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .reel-s2{animation:reel-s2 var(--reel-dur, 20s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .reel-s3{animation:reel-s3 var(--reel-dur, 20s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .reel-s4{animation:reel-s4 var(--reel-dur, 20s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .reel-cap-1{animation:reel-cap-1 var(--reel-dur, 20s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .reel-cap-2{animation:reel-cap-2 var(--reel-dur, 20s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .reel-cap-3{animation:reel-cap-3 var(--reel-dur, 20s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .reel-cap-4{animation:reel-cap-4 var(--reel-dur, 20s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .reel-slot-1{animation:reel-slot-1 var(--reel-dur, 20s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .reel-slot-2{animation:reel-slot-2 var(--reel-dur, 20s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .reel-slot-3{animation:reel-slot-3 var(--reel-dur, 20s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .reel-glow-1{animation:reel-glow-1 var(--reel-dur, 20s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .reel-glow-2{animation:reel-glow-2 var(--reel-dur, 20s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .reel-glow-3{animation:reel-glow-3 var(--reel-dur, 20s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .reel-glow-4{animation:reel-glow-4 var(--reel-dur, 20s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .reel-dot-1{animation:reel-dot-1 var(--reel-dur, 20s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .reel-dot-2{animation:reel-dot-2 var(--reel-dur, 20s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .reel-dot-3{animation:reel-dot-3 var(--reel-dur, 20s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .reel-dot-4{animation:reel-dot-4 var(--reel-dur, 20s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .reel-tap-1:after{animation:reel-ring-1 var(--reel-dur, 20s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .reel-tap-2:after{animation:reel-ring-2 var(--reel-dur, 20s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .reel-tap-3:after{animation:reel-ring-3 var(--reel-dur, 20s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .reel-tap-4:after{animation:reel-ring-4 var(--reel-dur, 20s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .reel-bar-1{animation:reel-bar-1 var(--reel-dur, 20s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .reel-bar-2{animation:reel-bar-2 var(--reel-dur, 20s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .reel-bar-3{animation:reel-bar-3 var(--reel-dur, 20s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .reel-bar-4{animation:reel-bar-4 var(--reel-dur, 20s) linear var(--flow-delay, 1.4s) infinite}.reel-tap-1:after,.reel-tap-2:after,.reel-tap-3:after,.reel-tap-4:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0}}@keyframes exp-s1{0%,1.5%{opacity:0;translate:0 16px;animation-timing-function:var(--ease-spring-settle)}5.5%{opacity:1;translate:0 0}31%{opacity:1;translate:0 0;animation-timing-function:var(--ease-out-soft)}35%,to{opacity:0;translate:0 -12px}}@keyframes exp-s2{0%,34%{opacity:0;translate:0 16px;animation-timing-function:var(--ease-spring-settle)}38%{opacity:1;translate:0 0}64%{opacity:1;translate:0 0;animation-timing-function:var(--ease-out-soft)}68%,to{opacity:0;translate:0 -12px}}@keyframes exp-s3{0%{opacity:1;translate:0 0}4%,67%{opacity:0;translate:0 16px;animation-timing-function:var(--ease-spring-settle)}71%,to{opacity:1;translate:0 0}}@keyframes exp-cap-1{0%,2%{opacity:0;translate:0 8px}5.5%{opacity:1;translate:0 0}31%{opacity:1}34%,to{opacity:0;translate:0 -6px}}@keyframes exp-cap-2{0%,34.5%{opacity:0;translate:0 8px}38%{opacity:1;translate:0 0}64%{opacity:1}67%,to{opacity:0;translate:0 -6px}}@keyframes exp-cap-3{0%{opacity:1;translate:0 0}3.5%,67.5%{opacity:0;translate:0 8px}71%,to{opacity:1;translate:0 0}}@keyframes exp-slot-1{0%,2%{translate:0 0}6%{translate:0 8px;animation-timing-function:var(--ease-spring-settle)}9.5%{translate:0 0}34%,36%{translate:0 8px}38.5%{translate:0 8px;animation-timing-function:var(--ease-spring-settle)}42%{translate:0 0}65%,67%{translate:0 8px}70.5%{translate:0 8px;animation-timing-function:var(--ease-spring-settle)}74%,to{translate:0 0}}@keyframes exp-slot-2{0%,2%{translate:0 0}6.5%{translate:0 8px}8%{translate:0 8px;animation-timing-function:var(--ease-spring-settle)}11.5%{translate:0 0}34%,40.5%{translate:0 8px;animation-timing-function:var(--ease-spring-settle)}44%{translate:0 0}65%,72.5%{translate:0 8px;animation-timing-function:var(--ease-spring-settle)}76%,to{translate:0 0}}@keyframes exp-slot-3{0%,2%{translate:0 0}7%{translate:0 8px}10%{translate:0 8px;animation-timing-function:var(--ease-spring-settle)}13.5%{translate:0 0}34%,42.5%{translate:0 8px;animation-timing-function:var(--ease-spring-settle)}46%{translate:0 0}65%,74.5%{translate:0 8px;animation-timing-function:var(--ease-spring-settle)}78%,to{translate:0 0}}@keyframes exp-glow-1{0%,20%{box-shadow:0 0 0 0 transparent}23%{box-shadow:0 0 0 3px var(--hue-edge, var(--accent))}28%,to{box-shadow:0 0 0 0 transparent}}@keyframes exp-glow-2{0%,52%{box-shadow:0 0 0 0 transparent}55%{box-shadow:0 0 0 3px var(--hue-edge, var(--accent))}60%,to{box-shadow:0 0 0 0 transparent}}@keyframes exp-glow-3{0%,88%{box-shadow:0 0 0 0 transparent}91%{box-shadow:0 0 0 3px var(--hue-edge, var(--accent))}96%,to{box-shadow:0 0 0 0 transparent}}@keyframes exp-dot-1{0%,23%{opacity:0;scale:.4}25%{opacity:.9;scale:1}26.5%{scale:.75}28%{opacity:.9;scale:1}30%,to{opacity:0;scale:.4}}@keyframes exp-dot-2{0%,55%{opacity:0;scale:.4}57%{opacity:.9;scale:1}58.5%{scale:.75}60%{opacity:.9;scale:1}62%,to{opacity:0;scale:.4}}@keyframes exp-dot-3{0%,90%{opacity:0;scale:.4}92%{opacity:.9;scale:1}93.5%{scale:.75}95%{opacity:.9;scale:1}97%,to{opacity:0;scale:.4}}@keyframes exp-ring-1{0%,26%{opacity:0;box-shadow:0 0 0 0 var(--hue-edge, var(--accent))}27.5%{opacity:1}32%,to{opacity:0;box-shadow:0 0 0 12px transparent}}@keyframes exp-ring-2{0%,58%{opacity:0;box-shadow:0 0 0 0 var(--hue-edge, var(--accent))}59.5%{opacity:1}64%,to{opacity:0;box-shadow:0 0 0 12px transparent}}@keyframes exp-ring-3{0%,93%{opacity:0;box-shadow:0 0 0 0 var(--hue-edge, var(--accent))}94.5%{opacity:1}99%,to{opacity:0;box-shadow:0 0 0 12px transparent}}@keyframes exp-bar-1{0%,7%{transform:scaleX(.06)}28%,to{transform:scaleX(.9)}}@keyframes exp-bar-2{0%,39%{transform:scaleX(.06)}62%,to{transform:scaleX(.9)}}@keyframes exp-bar-3{0%,71.5%{transform:scaleX(.06)}96%,to{transform:scaleX(.9)}}@keyframes exp-wave-bob{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes exp-face-blink{0%,90%{transform:scaleY(1)}93%{transform:scaleY(.12)}96%,to{transform:scaleY(1)}}@keyframes exp-face-talk{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}@layer components{.exp-s1,.exp-s2,.exp-cap-1,.exp-cap-2{opacity:0}.exp-bar{transform:scaleX(.9);transform-origin:left center}:is(.hero-ready,.scene-ready) .exp-s1{animation:exp-s1 var(--exp-dur, 21s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .exp-s2{animation:exp-s2 var(--exp-dur, 21s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .exp-s3{animation:exp-s3 var(--exp-dur, 21s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .exp-cap-1{animation:exp-cap-1 var(--exp-dur, 21s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .exp-cap-2{animation:exp-cap-2 var(--exp-dur, 21s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .exp-cap-3{animation:exp-cap-3 var(--exp-dur, 21s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .exp-slot-1{animation:exp-slot-1 var(--exp-dur, 21s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .exp-slot-2{animation:exp-slot-2 var(--exp-dur, 21s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .exp-slot-3{animation:exp-slot-3 var(--exp-dur, 21s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .exp-glow-1{animation:exp-glow-1 var(--exp-dur, 21s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .exp-glow-2{animation:exp-glow-2 var(--exp-dur, 21s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .exp-glow-3{animation:exp-glow-3 var(--exp-dur, 21s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .exp-dot-1{animation:exp-dot-1 var(--exp-dur, 21s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .exp-dot-2{animation:exp-dot-2 var(--exp-dur, 21s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .exp-dot-3{animation:exp-dot-3 var(--exp-dur, 21s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .exp-tap-1:after{animation:exp-ring-1 var(--exp-dur, 21s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .exp-tap-2:after{animation:exp-ring-2 var(--exp-dur, 21s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .exp-tap-3:after{animation:exp-ring-3 var(--exp-dur, 21s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .exp-bar-1{animation:exp-bar-1 var(--exp-dur, 21s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .exp-bar-2{animation:exp-bar-2 var(--exp-dur, 21s) linear var(--flow-delay, 1.4s) infinite}:is(.hero-ready,.scene-ready) .exp-bar-3{animation:exp-bar-3 var(--exp-dur, 21s) linear var(--flow-delay, 1.4s) infinite}.exp-tap-1:after,.exp-tap-2:after,.exp-tap-3:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0}.exp-wave-bar{transform-origin:center bottom;transform:scaleY(.6)}:is(.hero-ready,.scene-ready) .exp-wave-bar{animation:exp-wave-bob .7s ease-in-out calc(var(--wi, 0) * -.14s) infinite alternate}.exp-face-eye{transform-origin:center}:is(.hero-ready,.scene-ready) .exp-face-eye{animation:exp-face-blink 3.4s linear infinite}.exp-face-mouth-talk{transform-origin:center bottom}:is(.hero-ready,.scene-ready) .exp-face-mouth-talk{animation:exp-face-talk .24s ease-in-out infinite alternate}}@keyframes slap-pack-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.slap-pack-track{animation:slap-pack-scroll 48s linear infinite}.slap-pack-marquee:hover .slap-pack-track{animation-play-state:paused}.slap-pack-tile{transition:transform .2s ease,box-shadow .2s ease}.slap-pack-marquee:hover .slap-pack-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-e2)}.slap-plug-cable{top:168px;transition:transform .85s cubic-bezier(.22,1,.36,1);will-change:transform}.slap-plug-cable--idle{transform:translateY(28px)}.slap-plug-cable--in,.slap-plug-cable--docked{transform:translateY(-6px)}@keyframes slap-device-jolt{0%,to{transform:translate(0) rotate(0)}18%{transform:translate(-4px) rotate(-1.2deg)}36%{transform:translate(4px) rotate(1.2deg)}54%{transform:translate(-2px) rotate(-.6deg)}72%{transform:translate(2px) rotate(.4deg)}}.slap-device--jolt{animation:slap-device-jolt .5s ease-out}.slap-mac-hand{left:58%;top:8px;transition:transform .42s cubic-bezier(.22,1,.36,1);will-change:transform}.slap-mac-hand--idle{transform:translate(-20%) rotate(-18deg);opacity:.55}.slap-mac-hand--windup{transform:translate(-10%,-28px) rotate(-32deg);opacity:1;transition-duration:.38s}.slap-mac-hand--impact{transform:translate(-30%,52px) rotate(8deg);opacity:1;transition-duration:.16s;transition-timing-function:cubic-bezier(.55,.05,.9,.5)}.slap-mac-hand--recoil{transform:translate(-18%,8px) rotate(-12deg);opacity:.85;transition-duration:.32s}@keyframes slap-mac-burst-pop{0%{transform:translate(-50%) scale(.4);opacity:.9}to{transform:translate(-50%) scale(1.8);opacity:0}}.slap-mac-burst{width:28px;height:28px;border-radius:999px;border:2px solid color-mix(in srgb,var(--hue, var(--accent)) 70%,white);animation:slap-mac-burst-pop .45s ease-out forwards;pointer-events:none}@keyframes slap-mac-face-smack{0%,to{transform:translate(-50%)}25%{transform:translate(calc(-50% - 5px)) rotate(-4deg)}55%{transform:translate(calc(-50% + 4px)) rotate(3deg)}}.slap-mac-face--smack{animation:slap-mac-face-smack .4s ease-out}@keyframes slap-glitter-twinkle{0%,to{opacity:.25}50%{opacity:.85}}.slap-glitter{background:radial-gradient(circle at 20% 25%,color-mix(in srgb,var(--hue, var(--accent)) 55%,transparent) 0 2px,transparent 3px),radial-gradient(circle at 75% 30%,color-mix(in srgb,#38bdf8 60%,transparent) 0 1.5px,transparent 2.5px),radial-gradient(circle at 30% 75%,color-mix(in srgb,#e879f9 55%,transparent) 0 1.5px,transparent 2.5px),radial-gradient(circle at 80% 70%,color-mix(in srgb,#fbbf24 55%,transparent) 0 1.5px,transparent 2.5px);animation:slap-glitter-twinkle 1.4s ease-in-out infinite;pointer-events:none}.feature-story-page{min-width:0}.feature-story-breadcrumb{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2.25rem;color:var(--fg-muted);font-size:.875rem}.feature-story-breadcrumb a{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem}.feature-story-breadcrumb a:hover{color:var(--fg)}.feature-story-hero{display:grid;gap:2rem;align-items:center}.feature-story-hero-copy{min-width:0}.feature-story-hero h1{max-width:17ch;margin-top:1rem;font-size:clamp(2.4rem,4.4vw,3.75rem);font-weight:650;letter-spacing:-.055em;line-height:1.06;text-wrap:balance}.feature-story-lead{margin-top:1.5rem;max-width:47ch;color:var(--fg-secondary);font-size:1.0625rem;line-height:1.75}.feature-story-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1.25rem;margin:1.75rem 0 1.5rem}.feature-story-actions>a:last-child{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;font-size:.875rem;font-weight:600}.feature-story-photo{min-width:0}.feature-story-photo img{width:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:1.5rem}.feature-story-photo figcaption{margin-top:.875rem;color:var(--fg-muted);font-size:.8125rem;line-height:1.6}.feature-story-nav{display:flex;overflow-x:auto;gap:2rem;border-block:1px solid var(--hairline);margin-top:3rem}.feature-story-nav a{flex-shrink:0;display:flex;align-items:center;min-height:3.75rem;font-size:.875rem;font-weight:600}.feature-story-nav a:hover{color:var(--hue-ink)}.feature-story-section{padding-top:4.5rem;scroll-margin-top:5rem}.feature-story-section-heading{max-width:45rem;margin-bottom:2rem}.feature-story-section-heading h2,.feature-story-prompts h2,.feature-story-cta h2{font-size:clamp(1.8rem,3.2vw,2.6rem);font-weight:650;letter-spacing:-.04em;line-height:1.15;margin-top:.75rem;text-wrap:balance}.feature-story-section-heading>p:last-child{color:var(--fg-secondary);font-size:1rem;line-height:1.8;margin-top:1rem}.feature-story-benefits{display:grid;gap:1rem 2rem}.feature-story-benefit{padding:1.5rem 0;border-top:1px solid var(--hairline)}.feature-benefit-marker{display:flex;justify-content:space-between;align-items:center;color:var(--hue-ink)}.feature-benefit-marker span{color:var(--fg-muted);font-size:.75rem;font-variant-numeric:tabular-nums}.feature-story-benefit h3{font-size:1.1875rem;line-height:1.4;margin:1.25rem 0 .625rem;font-weight:650;letter-spacing:-.025em}.feature-story-benefit p,.feature-story-setup li p{color:var(--fg-secondary);font-size:.9375rem;line-height:1.8}.feature-demo{border-radius:1.5rem;background:var(--surface-1);overflow:hidden}.feature-demo-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:.75rem;background:var(--surface-2)}.feature-demo-steps button{min-height:3.25rem;padding:.75rem;border-radius:.75rem;display:flex;align-items:center;gap:.625rem;font-size:.8125rem;font-weight:600;text-align:left}.feature-demo-steps button span{font-variant-numeric:tabular-nums;color:var(--fg-muted)}.feature-demo-steps button[aria-pressed=true]{background:var(--bg);color:var(--hue-ink);box-shadow:var(--shadow-e1)}.feature-demo-body{display:grid}.feature-demo-description{padding:1.5rem}.feature-demo-description h3{font-size:1.65rem;font-weight:650;line-height:1.2;letter-spacing:-.035em;margin:1rem 0}.feature-demo-description>p:not(.eyebrow){font-size:.9375rem;color:var(--fg-secondary);line-height:1.8}.feature-demo-navigation{display:flex;align-items:center;gap:.75rem;margin-top:1.5rem}.feature-demo-navigation button{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;min-width:2.75rem;gap:.75rem;background:var(--surface-2);border-radius:999px;padding:.5rem .875rem;font-size:.8125rem;font-weight:600}.feature-demo-navigation button:disabled{opacity:.4;cursor:default}.feature-demo-stage{min-width:0;padding:1.25rem;background:var(--hue-plane);display:flex;align-items:center;justify-content:center}.feature-demo-screen{min-width:0;width:100%;max-width:32rem;background:var(--bg);border-radius:1rem;box-shadow:var(--shadow-e2)}.feature-demo-chrome{display:flex;justify-content:space-between;gap:.75rem;padding:.875rem 1rem;border-bottom:1px solid var(--hairline);font-size:.6875rem;color:var(--fg-muted)}.feature-demo-chrome span:first-child{font-weight:700;color:var(--fg)}.feature-demo-screen-heading{display:flex;align-items:center;gap:.875rem;padding:1.25rem 1rem}.feature-demo-screen-heading .icon-tile{width:2.75rem;height:2.75rem;flex-shrink:0}.feature-demo-screen-heading p{color:var(--hue-ink);font-size:.75rem;margin-bottom:.3rem}.feature-demo-screen-heading h4{font-size:1.1rem;font-weight:650;line-height:1.3}.feature-demo-records{padding:0 1rem}.feature-demo-records>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1rem;padding:1rem 0;border-top:1px solid var(--hairline);font-size:.8125rem;line-height:1.6}.feature-demo-records dt{color:var(--fg-secondary)}.feature-demo-records dd{text-align:right;font-weight:600;overflow-wrap:anywhere}.feature-demo-records small{display:block;color:var(--fg-muted);font-size:.6875rem;margin-top:.25rem}.feature-demo-result{display:flex;align-items:start;gap:.625rem;margin:.5rem 1rem 1rem;padding:.875rem;border-radius:.75rem;background:var(--surface-2)}.feature-demo-result svg{flex-shrink:0;color:var(--hue-ink);margin-top:.1rem}.feature-demo-result p{font-size:.75rem;line-height:1.6;color:var(--fg-secondary)}.feature-parcel-route{display:flex;align-items:center;padding:.5rem 1.5rem 1.5rem;gap:.75rem;color:var(--hue-ink)}.feature-parcel-route span{flex:1;border-top:2px dashed var(--hairline-strong)}.feature-payment-total{padding:.25rem 1rem 1.5rem;display:flex;flex-direction:column;gap:.25rem}.feature-payment-total>span{color:var(--fg-muted);font-size:.75rem}.feature-payment-total strong{font-size:2.75rem;letter-spacing:-.045em;line-height:1.2;font-weight:600}.feature-payment-total strong span{font-size:1.5rem;color:var(--fg-muted)}.feature-app-identity{display:flex;align-items:center;gap:.75rem;padding:0 1rem 1.5rem}.feature-app-identity>span{display:grid;place-items:center;width:3rem;height:3rem;border-radius:1rem;background:var(--hue-tint);color:var(--hue-ink);font-size:1rem;font-weight:700}.feature-app-identity strong{font-size:.9375rem}.feature-app-identity p{color:var(--fg-muted);font-size:.75rem;margin-top:.2rem}.feature-story-boundary{display:flex;gap:1.25rem;align-items:start;padding:1.5rem;background:var(--hue-tint);border-radius:1.25rem;margin-top:3rem}.feature-story-boundary>.icon-tile{flex-shrink:0}.feature-story-boundary h2{font-size:1.25rem;font-weight:650;letter-spacing:-.025em;line-height:1.3}.feature-story-boundary p{margin-top:.75rem;font-size:.9375rem;color:var(--fg-secondary);line-height:1.8}.feature-story-setup{display:grid;gap:1rem 4rem}.feature-story-text-link{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;margin-top:1rem;text-decoration:underline;text-underline-offset:.25em;color:var(--hue-ink);font-size:.875rem;font-weight:600}.feature-story-setup ol{display:grid;gap:1.5rem}.feature-story-setup li{display:flex;align-items:start;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid var(--hairline)}.feature-story-setup li>span{color:var(--hue-ink);font-variant-numeric:tabular-nums;font-size:.8125rem;padding-top:.3rem}.feature-story-setup li h3{font-size:1.125rem;font-weight:650;margin-bottom:.625rem}.feature-story-prompts{display:grid;gap:1.5rem 4rem;padding:2rem;background:var(--surface-1);border-radius:1.25rem;margin-top:3rem}.feature-story-prompts ul{display:grid;gap:1rem}.feature-story-prompts li{display:flex;gap:.75rem;align-items:start;padding:.75rem 0}.feature-story-prompts li svg{color:var(--hue-ink);flex-shrink:0;margin-top:.15rem}.feature-story-prompts li p{font-size:.9375rem;line-height:1.65}.feature-story-faq{display:grid;gap:1rem 4rem}.feature-story-faq details{border-bottom:1px solid var(--hairline)}.feature-story-faq summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;list-style:none;padding:1.25rem 0;font-size:1rem;font-weight:600}.feature-story-faq summary::-webkit-details-marker{display:none}.feature-story-faq summary svg{flex-shrink:0;color:var(--fg-muted)}.feature-story-faq details[open] summary svg{transform:rotate(45deg)}.feature-story-faq details>p{padding:0 0 1.5rem;color:var(--fg-secondary);font-size:.9375rem;line-height:1.8}.feature-story-related{margin-top:4.5rem}.feature-story-related>h2{font-size:1.5rem;font-weight:650;letter-spacing:-.03em;margin-bottom:1.5rem}.feature-story-related>div{display:grid;gap:1rem}.feature-story-related a{display:flex;align-items:start;gap:.875rem;padding:1.25rem;background:var(--surface-1);border-radius:1rem}.feature-story-related a>svg{flex-shrink:0;color:var(--hue-ink);margin-top:.2rem}.feature-story-related a>div{flex:1}.feature-story-related h3{font-size:1rem;font-weight:650}.feature-story-related p{color:var(--fg-secondary);font-size:.8125rem;line-height:1.65;margin-top:.5rem}.feature-story-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;border-top:1px solid var(--hairline);margin-top:3rem;padding-top:2.5rem}@media(min-width:40rem){.feature-story-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-demo-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-demo-stage,.feature-story-boundary{padding:2rem}}@media(min-width:64rem){.feature-story-hero{grid-template-columns:1fr 1.05fr;gap:3rem}.feature-story-photo img{aspect-ratio:1 / 1.02}.feature-story-benefits{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-demo-body{grid-template-columns:.85fr 1.15fr;min-height:33rem}.feature-demo-description{padding:3rem;align-self:center}.feature-story-setup,.feature-story-faq{grid-template-columns:.85fr 1.15fr}.feature-story-prompts{grid-template-columns:.85fr 1.15fr;padding:2.5rem;align-items:center}.feature-story-related>div{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:30rem){.feature-story-breadcrumb{margin-bottom:1.5rem}.feature-story-hero h1{font-size:clamp(2.125rem,9vw,2.75rem)}.feature-story-lead{font-size:1rem}.feature-story-nav{gap:1.5rem;margin-top:2rem}.feature-story-section{padding-top:3rem}.feature-story-boundary{flex-direction:column}.feature-demo-stage{padding:.875rem}.feature-demo-description,.feature-story-prompts{padding:1.25rem}}