solution-animation[data-astro-cid-ckluivuz]{color:#101923;--blue:#5267f4;--line:#cfd9eb;--muted:#5e6b76;--mint:#ddf7eb;--accent-ink:#3043bf;--accent-soft:#e8eeff;--canvas:#f1f5fc;font-size:16px;line-height:1.35;display:block}solution-animation[data-astro-cid-ckluivuz][data-product=morph]{--blue:#b92c54;--accent-ink:#a22549;--accent-soft:#fce5ec;--line:#e8ced8;--canvas:#fff4f7}solution-animation[data-astro-cid-ckluivuz][data-product=woo]{--blue:#7138d0;--accent-ink:#6330b7;--accent-soft:#eee5fc;--line:#dcd1ec;--canvas:#f6f3fd}.film[data-astro-cid-ckluivuz]{background:var(--canvas);border:1px solid var(--line);border-radius:20px;scroll-margin-top:145px;overflow:hidden}.film-top[data-astro-cid-ckluivuz],.film-bottom[data-astro-cid-ckluivuz]{background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:22px 30px;font-size:14px;display:flex}.film-top[data-astro-cid-ckluivuz]{border-bottom:1px solid var(--line);position:relative}.film-top[data-astro-cid-ckluivuz] img[data-astro-cid-ckluivuz]{object-fit:contain;width:94px;height:30px}.film-title[data-astro-cid-ckluivuz]{color:var(--muted);margin-right:auto}.film-brand[data-astro-cid-ckluivuz]{flex-shrink:0;align-items:center;gap:8px;font-size:20px;display:inline-flex}.film-brand[data-astro-cid-ckluivuz] img[data-astro-cid-ckluivuz]{width:32px;height:32px}.morph-brand[data-astro-cid-ckluivuz]{justify-content:center;width:94px;height:30px;overflow:hidden}.film-brand[data-astro-cid-ckluivuz].morph-brand img[data-astro-cid-ckluivuz]{flex-shrink:0;width:94px;height:94px}.woo-brand[data-astro-cid-ckluivuz]{font-size:15px}.woo-brand[data-astro-cid-ckluivuz] img[data-astro-cid-ckluivuz]{width:68px;height:30px}.film-bottom[data-astro-cid-ckluivuz]{border-top:1px solid var(--line);color:var(--muted);padding-block:16px;font-size:12px}.scene-counter[data-astro-cid-ckluivuz]{font-variant-numeric:tabular-nums;flex-shrink:0}.stage[data-astro-cid-ckluivuz]{height:600px;position:relative}.stage[data-astro-cid-ckluivuz] .scene{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.stage[data-astro-cid-ckluivuz] .scene[hidden]{display:none}.stage[data-astro-cid-ckluivuz] .scene *{box-sizing:border-box}.stage[data-astro-cid-ckluivuz] .scene h2{letter-spacing:-.035em;text-align:center;margin:0 0 14px;font-size:44px;font-weight:900;line-height:1.06}.stage[data-astro-cid-ckluivuz] .scene .eyebrow{color:var(--accent-ink);letter-spacing:.08em;text-transform:uppercase;text-align:center;margin:0 0 12px;font-size:12px;font-weight:800}.stage[data-astro-cid-ckluivuz] .scene .scene-note{max-width:760px;color:var(--muted);text-align:center;margin:20px 0 0;font-size:14px;line-height:1.4}.stage[data-astro-cid-ckluivuz] a:focus-visible,button[data-astro-cid-ckluivuz]:focus-visible,input[data-astro-cid-ckluivuz]:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.transport[data-astro-cid-ckluivuz]{align-items:center;gap:16px;padding:20px 4px 16px;display:flex}button[data-astro-cid-ckluivuz],input[data-astro-cid-ckluivuz]{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.transport[data-astro-cid-ckluivuz] button[data-astro-cid-ckluivuz]{background:0 0;border:0;min-height:44px}.transport[data-astro-cid-ckluivuz] .play[data-astro-cid-ckluivuz]{background:var(--blue);color:#fff;border-radius:30px;flex-shrink:0;width:112px;font-size:14px}.play[data-astro-cid-ckluivuz] span[data-astro-cid-ckluivuz]{margin-left:8px}.replay[data-astro-cid-ckluivuz]{color:#101923;padding:0 8px;font-size:27px}.timeline[data-astro-cid-ckluivuz]{flex:1;min-width:0;display:flex}.timeline[data-astro-cid-ckluivuz] input[data-astro-cid-ckluivuz]{width:100%;min-width:0;accent-color:var(--blue)}.time[data-astro-cid-ckluivuz]{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.chapters[data-astro-cid-ckluivuz]{grid-template-columns:repeat(var(--chapter-count), 1fr);border-top:1px solid var(--line);display:grid}.chapters[data-astro-cid-ckluivuz] button[data-astro-cid-ckluivuz]{text-align:left;min-height:64px;color:var(--muted);background:0 0;border:0;border-top:3px solid #0000;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 10px;font-size:12px;display:flex}.chapters[data-astro-cid-ckluivuz] button[data-astro-cid-ckluivuz]>span[data-astro-cid-ckluivuz]{font-size:11px}.chapters[data-astro-cid-ckluivuz] button[data-astro-cid-ckluivuz][aria-current]{color:var(--accent-ink);border-top-color:var(--blue);background:var(--accent-soft);font-weight:700}.sr-only[data-astro-cid-ckluivuz]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=700px){solution-animation[data-astro-cid-ckluivuz]{flex-direction:column;display:flex}.film[data-astro-cid-ckluivuz]{border-radius:16px;order:2}solution-animation[data-astro-cid-ckluivuz]:not([data-product=flow]) .film[data-astro-cid-ckluivuz]{scroll-margin-top:220px}.film-top[data-astro-cid-ckluivuz]{padding:16px}.film-top[data-astro-cid-ckluivuz] img[data-astro-cid-ckluivuz]{width:72px;height:26px}.film-title[data-astro-cid-ckluivuz]{display:none}.film-brand[data-astro-cid-ckluivuz] img[data-astro-cid-ckluivuz]{width:28px;height:28px}.morph-brand[data-astro-cid-ckluivuz]{width:80px}.film-brand[data-astro-cid-ckluivuz].morph-brand img[data-astro-cid-ckluivuz]{width:80px;height:80px}.woo-brand[data-astro-cid-ckluivuz]{gap:5px;font-size:13px}.woo-brand[data-astro-cid-ckluivuz] img[data-astro-cid-ckluivuz]{width:54px;height:26px}.film-bottom[data-astro-cid-ckluivuz]{padding:14px 16px;font-size:11px}.stage[data-astro-cid-ckluivuz]{height:800px}.stage[data-astro-cid-ckluivuz] .scene{padding:18px}.stage[data-astro-cid-ckluivuz] .scene h2{font-size:32px}.stage[data-astro-cid-ckluivuz] .scene .eyebrow{font-size:10px}.stage[data-astro-cid-ckluivuz] .scene .scene-note{font-size:13px}.transport[data-astro-cid-ckluivuz]{order:1;gap:8px;padding:14px 0}.transport[data-astro-cid-ckluivuz] .play[data-astro-cid-ckluivuz]{width:90px}.replay[data-astro-cid-ckluivuz]{padding-inline:4px}.time[data-astro-cid-ckluivuz]{font-size:11px}.chapters[data-astro-cid-ckluivuz]{order:3;grid-template-columns:repeat(3,1fr)}.chapters[data-astro-cid-ckluivuz] button[data-astro-cid-ckluivuz]{padding:10px 6px;font-size:11px}solution-animation[data-astro-cid-ckluivuz]:not([data-product=flow]) .chapters[data-astro-cid-ckluivuz] button[data-astro-cid-ckluivuz]{font-size:13px}}@media (prefers-reduced-motion:reduce){.stage[data-astro-cid-ckluivuz] .scene *,.stage[data-astro-cid-ckluivuz] .scene.active{animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}
