.motion-product{width:100%;min-width:0;color:var(--film-ink);margin:2rem 0;container-type:inline-size}.motion-topline{letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin:0 2px 14px;font-size:9px;font-weight:600;display:flex}.motion-topline>span:first-child{align-items:center;gap:7px;display:flex}.motion-topline i{background:currentColor;border-radius:50%;width:6px;height:6px;display:block}.motion-topline>span:last-child{color:var(--muted);letter-spacing:.02em;font-weight:450}.motion-controls{align-items:center;gap:12px;margin-top:17px;display:flex}.motion-play{width:34px;height:34px;color:var(--film-ink);background:#fff;border:1px solid #b9c9bd;border-radius:50%;flex:0 0 34px;place-items:center;display:grid}.motion-play:hover{background:var(--lime);border-color:var(--film-ink)}.motion-play svg{width:17px;height:17px}.play-symbol{fill:currentColor}.pause-symbol,.replay-symbol{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;display:none}[data-running=true] .play-symbol,[data-ended=true] .play-symbol{display:none}[data-running=true] .pause-symbol,[data-ended=true] .replay-symbol{display:block}.motion-beats{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0;display:grid}.motion-beats button{text-align:left;min-width:0;color:var(--film-muted);background:0 0;flex-direction:column;gap:4px;padding:5px 0 8px;display:flex;position:relative}.motion-step-index{font-variant-numeric:tabular-nums;font-size:9px}.motion-step-name{overflow-wrap:anywhere;max-width:100%;min-height:2.5em;font-size:clamp(8px,1.7cqi,10px);line-height:1.25}.motion-beats button[aria-current]{color:var(--film-ink)}.motion-beats button[aria-current] .motion-step-name{font-weight:650}.motion-beats button>i{background:#ccd8cb;height:2px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.motion-beats b{background:var(--film-ink);width:100%;height:100%;transform:scaleX(var(--fill,0));transform-origin:0;display:block}.motion-product figcaption{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:5px 10px;margin-top:14px;font-size:12px;line-height:1.4;display:flex}.motion-product figcaption strong{color:var(--film-ink);font-weight:500}.motion-product figcaption>span{font-size:11px}.motion-product .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.film-scene{opacity:0;visibility:hidden;transition:opacity .48s ease, transform .75s var(--ease-film), visibility .48s;position:absolute;inset:0;transform:translateY(12px)scale(.985)}[data-beat="0"] [data-scene="0"],[data-beat="1"] [data-scene="1"],[data-beat="2"] [data-scene="2"],[data-beat="3"] [data-scene="3"]{opacity:1;visibility:visible;transform:translateY(0)scale(1)}@container (width<=400px){.motion-step-name{display:none}.motion-beats button{padding-block:8px 10px}.motion-controls{gap:12px;margin-top:12px}.motion-product figcaption{flex-direction:column;gap:5px;font-size:11px}}@media (prefers-reduced-motion:reduce){.motion-product *,.motion-product :before,.motion-product :after{transition:none!important;animation:none!important}}[data-story][data-running=false] *,[data-story][data-running=false] :before,[data-story][data-running=false] :after{animation-play-state:paused!important}.motion-canvas{aspect-ratio:var(--frame-aspect,1.28);border-radius:var(--radius);background:var(--panel);isolation:isolate;border:1px solid #a9c1b2;position:relative;overflow:hidden;box-shadow:0 24px 55px -30px #15443559,0 2px 4px #15443509}.film-appbar{border-bottom:1px solid var(--film-line);z-index:4;background:#fff;align-items:center;gap:10px;height:12%;padding:0 5%;display:flex;position:absolute;inset:0 0 auto}.film-appbar img{width:clamp(75px,19cqi,112px);height:auto}.film-appbar>span{color:var(--film-muted);margin-left:auto;font-size:clamp(8px,1.65cqi,10px)}.film-appbar>i{background:var(--film-ink);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:8px;font-style:normal;display:grid}.film-stage{font-size:clamp(10px,2cqi,13px);line-height:1.45;position:absolute;inset:17% 4% 4%}.film-stage>div{width:100%;height:100%;position:relative}.film-stage strong,.film-stage b{font-weight:600}.film-stage small{font-size:clamp(8px,1.65cqi,10px)}@container (width<=500px){.motion-canvas{aspect-ratio:calc(var(--frame-aspect,1.28) * .8)}}@container (width<=340px){.motion-canvas{aspect-ratio:calc(var(--frame-aspect,1.28) * .68)}.film-appbar>span{display:none}}.product-screen{color:#24443c;min-width:0;font-size:clamp(9px,1.85cqi,12px);line-height:1.35}.product-screen :is(strong,b,span,small,em){overflow-wrap:anywhere;min-width:0}.product-screen-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.product-screen-heading>div{min-width:0}.product-screen-heading small{letter-spacing:.06em;text-transform:uppercase;color:#546861;margin-bottom:4px;font-size:clamp(7px,1.3cqi,9px);display:block}.product-screen-heading strong{letter-spacing:-.035em;font-size:clamp(16px,3.4cqi,23px);line-height:1.1}.screen-button{white-space:nowrap;background:#fff;border:1px solid #d5e1db;border-radius:5px;align-items:center;gap:5px;padding:7px 9px;font-size:clamp(7px,1.5cqi,10px);display:inline-flex;box-shadow:0 1px 2px #163b3210}.screen-button[data-primary]{background:var(--film-ink);border-color:var(--film-ink);color:#fff}.screen-tabs{border-bottom:1px solid #d4dfd9;gap:18px;margin-bottom:12px;font-size:clamp(8px,1.65cqi,11px);display:flex}.screen-tabs>span,.screen-tabs>b{padding:7px 0 10px}.screen-tabs>b{border-bottom:2px solid #224239}.screen-tabs i{background:#e8efeb;border-radius:9px;margin-left:3px;padding:2px 5px;font-size:8px;font-style:normal}.screen-table{background:#fff;border:1px solid #d6e2dc;border-radius:7px;overflow:hidden}.screen-table-row{grid-template-columns:var(--columns);border-bottom:1px solid #e5ede8;align-items:center;gap:8px;min-height:3.6em;padding:6px 12px;transition:background .5s,box-shadow .5s;display:grid}.screen-table-row:last-child{border-bottom:0}.screen-table-row>span{min-width:0;font-size:clamp(8px,1.7cqi,11px)}.screen-table-head{color:#53685e;letter-spacing:.05em;text-transform:uppercase;background:#f3f7f4;min-height:2.4em;font-size:clamp(7px,1.45cqi,9px)}.screen-table-row[data-highlight]{box-shadow:inset 3px 0 0 var(--green-deep);background:#eef6e6}.screen-table-row em{background:var(--green);border-radius:9px;padding:2px 7px;font-size:clamp(7px,1.5cqi,10px);font-style:normal}.screen-split{grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);align-items:center;gap:8%;display:grid}.screen-record-lines{display:grid}.screen-record-lines>span{border-bottom:1px solid var(--film-line);color:var(--film-muted);justify-content:space-between;align-items:center;gap:12px;padding:3.5% 0;display:flex}.screen-record-lines b{text-align:right;color:var(--film-ink)}.screen-confirm{background:var(--green);color:var(--film-ink);border-radius:8px;align-items:center;gap:8px;margin-top:5%;padding:3% 4%;font-weight:600;display:flex}.screen-dropzone{text-align:center;background:#edf3eb;border:1px dashed #9bafa2;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:52%;display:flex;position:relative}.screen-dropzone>span{color:var(--film-muted);font-size:clamp(8px,1.7cqi,10px)}.screen-dropzone>strong{font-size:clamp(12px,2.5cqi,17px)}.screen-paper{background:#fffef9;border:1px solid #c7d4ca;border-radius:5px;padding:9% 10%;position:relative;overflow:hidden;box-shadow:0 10px 20px -16px #174d4266}.screen-paper>small{letter-spacing:.06em;text-transform:uppercase;display:block}.screen-paper>strong{margin:7% 0 5%;font-size:clamp(11px,2.4cqi,16px);line-height:1.25;display:block}.screen-paper>div{border-top:1px solid var(--film-line);padding:6% 0}.screen-paper>div b{margin-top:3px;font-size:clamp(11px,2.3cqi,15px);display:block}.screen-paper-flying{z-index:2;width:38%;position:absolute;top:4%;left:31%}.screen-scan-line{opacity:0;background:linear-gradient(#0000,#b7e3c578);border-bottom:2px solid #659b78;height:25%;position:absolute;inset:0 0 auto}.screen-fields>div{border:1px solid var(--film-line);background:#fff;border-radius:6px;margin-top:4%;padding:clamp(6px,1.6cqi,12px) 8%}.screen-fields>div:first-of-type{margin-top:0}.screen-fields>div>span{color:var(--film-muted);font-size:clamp(7px,1.5cqi,9px)}.screen-fields strong{justify-content:space-between;align-items:center;gap:5px;margin-top:3px;display:flex}.screen-fields>small{color:var(--film-muted);margin-top:5%;display:block}[data-manual=false][data-beat="0"] .screen-paper-flying{animation:screen-paper-drop 2.1s var(--ease-film) both}[data-manual=false][data-beat="0"] .screen-dropzone{animation:2.1s both screen-drop-target}[data-manual=false][data-beat="1"] .screen-scan-line{animation:1.8s ease-in-out both screen-scan}[data-manual=false][data-beat="1"] .screen-fields>div{animation:screen-field-arrive .8s var(--ease-film) backwards;animation-delay:calc(.55s + var(--order,0) * .3s)}[data-manual=false][data-beat="2"] .screen-table-row[data-highlight]{animation:1.6s .5s backwards screen-row-highlight}[data-manual=false][data-beat="3"] .screen-record-lines>span{animation:screen-field-arrive .6s var(--ease-film) backwards;animation-delay:calc(var(--order,0) * .2s + .15s)}[data-manual=false][data-beat="3"] .screen-confirm{animation:screen-field-arrive .7s var(--ease-film) .9s backwards}@keyframes screen-paper-drop{0%,20%{opacity:1;transform:translateY(-30%)rotate(-8deg)}70%{opacity:1;transform:translateY(110%)rotate(0)scale(.8)}to{opacity:0;transform:translateY(150%)rotate(0)scale(.6)}}@keyframes screen-drop-target{0%,35%{background:#edf3eb;border-color:#9bafa2}65%,to{background:#def0cd;border-color:#709766}}@keyframes screen-scan{0%{opacity:0;transform:translateY(-100%)}20%,85%{opacity:1}to{opacity:0;transform:translateY(400%)}}@keyframes screen-field-arrive{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes screen-row-highlight{0%{background:0 0;box-shadow:inset 0 0 #0000}}.help-areas[data-astro-cid-wdzo54z2]{background:var(--line);border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:1.25rem;display:grid;overflow:hidden}.help-area[data-astro-cid-wdzo54z2]{background:var(--paper);padding:20px 22px;scroll-margin-top:24px}.help-area[data-astro-cid-wdzo54z2] h3[data-astro-cid-wdzo54z2]{letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:1.1rem;font-weight:600;display:flex}.help-area-summary[data-astro-cid-wdzo54z2]{color:var(--muted);margin:6px 0 10px;font-size:.9rem;line-height:1.5}.help-area[data-astro-cid-wdzo54z2] ul[data-astro-cid-wdzo54z2]{margin:0;padding-left:1.1rem}.help-area[data-astro-cid-wdzo54z2] li[data-astro-cid-wdzo54z2]{margin:4px 0;font-size:.95rem;line-height:1.5}.help-area[data-astro-cid-wdzo54z2] a[data-astro-cid-wdzo54z2]{text-underline-offset:.2em;text-decoration:underline;text-decoration-color:var(--line)}.help-area[data-astro-cid-wdzo54z2] a[data-astro-cid-wdzo54z2]:hover{text-decoration-color:var(--ink)}.help-area-empty[data-astro-cid-wdzo54z2]{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}@media (width<=760px){.help-areas[data-astro-cid-wdzo54z2]{grid-template-columns:minmax(0,1fr)}}