/* ── Homepage walkthrough: "One place for the co-op, from both sides" ─────────
   home/_walkthrough.html.erb. Generated from the mock-up canvas together with
   the partial — regenerate, do not hand-edit the keyframes (see the partial's
   header for how the one 84s clock and the seek-to-tab controller fit).

   Linked from home/index only, beside home_pillars.css and home_bento.css.

   THE SLIDE KEYFRAMES (wvp0-5, wvl0-5) CARRY `visibility`, AND A REGENERATE
   MUST KEEP IT. All twelve slides are stacked and animate opacity+transform, so
   each is a composited layer; at opacity 0 Safari still keeps a full backing
   store for it. Twelve ~1080x580 layers at 3x crashed iPhone Safari's page
   process as the walkthrough scrolled in ("A problem repeatedly occurred").
   visibility:hidden on the off frames leaves one slide painted at a time. */

.walk .tabs{display:flex;justify-content:center;gap:8px;margin-top:28px}
.walk .tab{position:relative;overflow:hidden;border-radius:999px;border:1px solid rgb(255 255 255/.16);background:rgb(255 255 255/.05);padding:10px 16px;font-size:14px;font-weight:500;color:rgb(255 255 255/.82);white-space:nowrap}
.walk .tab .on{position:absolute;inset:-1px;border-radius:999px;background:#fff;color:#111827;font-weight:600;display:flex;align-items:center;justify-content:center}
.walk .tab .prog{position:absolute;left:0;bottom:0;height:3px;background:#c5303e}
.walk .tog{position:relative;display:inline-flex;margin-top:22px;padding:4px;border-radius:999px;background:rgb(255 255 255/.07);border:1px solid rgb(255 255 255/.14)}
.walk .tog button{position:relative;z-index:1;width:178px;padding:8px 0;font-size:13.5px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}
.walk .tog .knob{position:absolute;top:4px;left:4px;width:178px;height:calc(100% - 8px);border-radius:999px;background:#fff;animation-name:wknob;animation-timing-function:cubic-bezier(.5,0,.2,1)}
.walk .tog .lp{animation-name:wlp}
.walk .tog .ll{animation-name:wll}
.walk .who{width:22px;height:22px;border-radius:50%;background:#c5303e;color:#fff;font-size:9.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.walk .stage{position:absolute;left:36px;right:36px;top:352px;height:580px;border-radius:22px;border:1px solid rgb(255 255 255/.13);box-shadow:0 40px 100px rgb(0 0 0/.66),0 0 90px rgb(232 72 85/.14);overflow:hidden;text-align:left;background:var(--s-surface,#fff);color:var(--s-text,#0a0a0a)}
.walk .slide{position:absolute;inset:0}
.walk .screen{position:absolute;left:0;top:0;width:1280px;height:820px;transform:scale(.8438);transform-origin:0 0;background:var(--s-surface,#fff);overflow:hidden;font-size:15px}
.walk .pa{animation-duration:84s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:cubic-bezier(.4,0,.2,1)}
@media (prefers-reduced-motion:reduce){.walk .pa{animation-play-state:paused;animation-delay:-5s!important}}
.walk .hdr{position:absolute;left:0;right:0;top:0;height:84px;border-bottom:1px solid var(--s-border,#ececef);display:flex;align-items:center;padding:0 28px;gap:22px;background:var(--s-surface,#fff);z-index:2}
.walk .seg{display:flex;background:var(--s-subtle,#f4f4f5);border-radius:999px;padding:5px}
.walk .seg span{padding:10px 17px;border-radius:999px;font-size:14px;font-weight:600;color:var(--s-text2,#3f3f46)}
.walk .seg .on{background:var(--s-surface,#fff);color:var(--s-text,#0a0a0a);box-shadow:0 1px 3px rgb(0 0 0/.12)}
.walk .sp{display:flex;align-items:center;border:1px solid var(--s-border,#e4e4e7);border-radius:999px;height:56px;padding-left:8px;box-shadow:0 2px 10px rgb(0 0 0/.06)}
.walk .sf{padding:0 20px;border-left:1px solid var(--s-border,#e4e4e7);line-height:1.25}
.walk .sf:first-child{border-left:0}
.walk .sf b{display:block;font-size:12.5px;font-weight:600}
.walk .sf span{font-size:14px;color:var(--s-muted,#71717a)}
.walk .sgo{width:44px;height:44px;border-radius:50%;background:#c5303e;margin:0 6px 0 8px;display:flex;align-items:center;justify-content:center}
.walk .avatar{margin-left:auto;width:36px;height:36px;border-radius:50%;background:#c5303e;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.walk .org{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;border:1px solid var(--s-border,#e4e4e7);border-radius:12px;padding:8px 14px}
.walk .org i{width:26px;height:26px;border-radius:50%;background:#2f6b33;color:#fff;font-size:11px;font-style:normal;font-weight:700;display:flex;align-items:center;justify-content:center}
.walk .acard{position:absolute;width:284px;border-radius:16px}
.walk .acard img{width:284px;height:200px;border-radius:14px;object-fit:cover;display:block;margin-bottom:10px}
.walk .acard b{display:block;font-size:16.5px}
.walk .acard small{display:block;font-size:14px;color:var(--s-muted,#71717a);margin-top:2px}
.walk .acard em{display:block;font-style:normal;font-weight:700;font-size:15px;margin-top:3px}
.walk .acard em span{font-weight:400;color:var(--s-muted,#71717a)}
.walk .pin{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#c5303e;border:2.5px solid #fff;box-sizing:border-box;box-shadow:0 2px 6px rgb(0 0 0/.3)}
.walk .pinbig{position:absolute;margin:-17px 0 0 -26px;height:34px;padding:0 14px;border-radius:999px;background:#c5303e;color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;box-shadow:0 6px 16px rgb(0 0 0/.3)}
.walk .box{position:absolute;border:1px solid var(--s-border,#e4e4e7);border-radius:18px;padding:18px 20px;box-sizing:border-box;background:var(--s-surface,#fff)}
.walk .btn{height:46px;border-radius:12px;background:#c5303e;color:#fff;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center}
.walk .pub{position:absolute;height:48px;width:150px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;box-sizing:border-box}
.walk .lab{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--s-muted,#9ca3af);margin:16px 0 8px}
.walk .opt{position:relative;height:60px;border:1px solid var(--s-border,#e4e4e7);border-radius:14px;margin-bottom:10px;padding:10px 16px;box-sizing:border-box}
.walk .opt.on{border-color:#c5303e}
.walk .opt b{display:block;font-size:15px}
.walk .opt small{font-size:13.5px;color:var(--s-muted,#71717a)}
.walk .rad{position:absolute;right:16px;top:19px;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--s-border-strong,#a1a1aa);box-sizing:border-box}
.walk .rad i{position:absolute;inset:-1.5px;border-radius:50%;border:6px solid #c5303e;box-sizing:border-box}
.walk .note{position:absolute;display:flex;align-items:center;gap:10px;background:#18181b;color:#fff;border-radius:999px;padding:11px 20px;font-size:15px;font-weight:600;box-shadow:0 16px 30px -10px rgb(0 0 0/.5);z-index:20}
.walk .wk{display:flex;gap:14px;padding-bottom:14px;position:relative}
.walk .wk .dot{width:16px;height:16px;border-radius:50%;border:3px solid #2f6b33;box-sizing:border-box;flex:none;margin-top:3px}
.walk .wk b{display:block;font-size:15.5px}
.walk .wk small{display:block;font-size:14px;color:var(--s-muted,#6b7280);margin-top:2px}
.walk .wkrow{display:flex;gap:16px;align-items:center;height:58px}
.walk .wkrow .n{width:130px;line-height:1.25}
.walk .wkrow .n b{display:block;font-size:15px}
.walk .wkrow .n small{font-size:13.5px;color:var(--s-muted,#6b7280)}
.walk .wkrow .f{flex:1;height:46px;border:1px solid var(--s-border,#d1d5db);border-radius:10px;display:flex;align-items:center;padding:0 14px;font-size:15px;box-sizing:border-box;overflow:hidden;white-space:nowrap}
.walk .tp{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;animation-timing-function:steps(24,end)!important}
.walk .kid{display:flex;align-items:center;gap:12px;height:52px;border:1px solid var(--s-border,#e4e4e7);border-radius:12px;padding:0 14px}
.walk .kid b{font-size:15px}
.walk .kid small{font-size:13px;color:var(--s-muted,#71717a)}
.walk .cb{position:relative;width:20px;height:20px;border-radius:5px;border:1.5px solid var(--s-border-strong,#9ca3af);box-sizing:border-box}
.walk .cb i{position:absolute;inset:-1.5px;border-radius:5px;background:#c5303e;display:flex;align-items:center;justify-content:center}
.walk .av{width:32px;height:32px;border-radius:50%;background:var(--s-brand-bg,#fdecee);color:var(--s-brand,#b8293a);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}
.walk .sel{position:relative;height:46px;border:1px solid var(--s-border,#d1d5db);border-radius:10px;display:flex;align-items:center;padding:0 14px;font-size:15px}
.walk .line{display:flex;justify-content:space-between;font-size:14.5px;padding:10px 0;border-bottom:1px solid var(--s-border,#f0f0f2)}
.walk .wtoast{position:absolute;display:flex;align-items:center;gap:10px;background:#067647;color:#fff;border-radius:14px;padding:14px 18px;font-size:15px;font-weight:600;box-sizing:border-box}
.walk .stat{position:absolute;top:186px;width:260px;height:92px;border:1px solid var(--s-border,#e4e4e7);border-radius:16px;padding:16px 18px;box-sizing:border-box}
.walk .stat small{display:block;font-size:14px;color:var(--s-muted,#71717a)}
.walk .stat b{position:relative;display:block;font-size:26px;margin-top:4px;height:32px}
.walk .rrow{display:grid;grid-template-columns:1.3fr 1fr 1.2fr .9fr;align-items:center;gap:12px;height:62px;border-top:1px solid var(--s-border,#f0f0f2);font-size:15px}
.walk .rrow.hd{height:40px;border-top:0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--s-muted,#9ca3af)}
.walk .rrow.new{background:var(--s-brand-bg,#fef9f3);border-radius:12px;padding:0 10px;margin:0 -10px}
.walk .tag{font-style:normal;font-size:11px;font-weight:700;color:var(--s-brand,#b8293a);background:var(--s-brand-bg,#fdecee);border-radius:999px;padding:2px 8px;margin-left:6px}
.walk .pl{justify-self:start;display:inline-block;border-radius:999px;padding:5px 11px;font-size:13px;font-weight:600;background:var(--s-subtle,#f4f4f5)}
.walk .pl.ok{background:var(--s-ok-bg,#ecfdf3);color:var(--s-ok,#067647)}
.walk .pl.warn{background:var(--s-warn-bg,#fef3c7);color:var(--s-warn,#92400e)}
.walk .flag{box-shadow:0 0 0 2px #fcd34d}
.walk .inp{height:46px;border:1px solid var(--s-border,#d1d5db);border-radius:10px;display:flex;align-items:center;padding:0 14px;font-size:15px;box-sizing:border-box}
.walk .wchip{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--s-border,#d1d5db);font-size:14px;font-weight:500;color:var(--s-text2,#374151);box-sizing:border-box}
.walk .wchip.on2{color:var(--s-muted,#9ca3af)}
.walk .chipon{position:absolute;inset:-1px;border-radius:999px;background:#c5303e;color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:600}
.walk .phone{position:absolute;width:300px;height:560px;border-radius:44px;background:#111;padding:10px;box-sizing:border-box;box-shadow:0 30px 60px rgb(0 0 0/.3)}
.walk .ps{position:relative;width:100%;height:100%;border-radius:35px;background:var(--s-surface,#fff);overflow:hidden;padding:44px 16px 0;box-sizing:border-box}
.walk .pop{position:absolute;width:360px;background:var(--s-surface,#fff);border-radius:16px;padding:16px 18px;box-shadow:0 20px 50px -10px rgb(0 0 0/.35),0 0 0 1px rgb(0 0 0/.06);z-index:10}
.walk .inb{position:absolute;left:0;top:84px;bottom:0;width:380px;border-right:1px solid var(--s-border,#ececef);padding:22px 20px;box-sizing:border-box}
.walk .irow{position:relative;display:flex;gap:12px;align-items:center;padding:12px;border-radius:14px;margin-bottom:6px}
.walk .irow.act{background:var(--s-brand-bg,#fdf2f3)}
.walk .irow img{width:46px;height:46px;border-radius:10px;object-fit:cover;display:block;flex:none}
.walk .irow b{display:block;font-size:15px}
.walk .irow small{display:block;font-size:13px;color:var(--s-muted,#71717a);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.walk .unread{position:absolute;right:12px;top:20px;width:9px;height:9px;border-radius:50%;background:#c5303e}
.walk .thread{position:absolute;left:380px;right:0;top:84px;bottom:0;padding:22px 30px;box-sizing:border-box}
.walk .msg{max-width:560px;border-radius:16px;padding:12px 16px;font-size:15px;line-height:1.45;margin-top:14px}
.walk .msg small{display:block;font-size:12px;color:var(--s-muted,#71717a);margin-bottom:4px}
.walk .msg.them{background:var(--s-subtle,#f4f4f5)}
.walk .msg.me{background:#c5303e;color:#fff;margin-left:auto}
.walk .compose{position:absolute;left:30px;right:30px;bottom:150px;height:52px;border:1px solid var(--s-border,#d1d5db);border-radius:14px;display:flex;align-items:center;padding:0 8px 0 16px;font-size:15px;color:var(--s-text2,#374151)}
.walk .compose .send{margin-left:auto;background:#0a0a0a;color:#fff;border-radius:10px;padding:9px 16px;font-size:14px;font-weight:600}
.walk .evt{margin-top:14px;font-size:13.5px;color:var(--s-ok,#067647);background:var(--s-ok-bg,#ecfdf3);border-radius:10px;padding:8px 12px;display:inline-block}
.walk .adot{width:30px;height:30px;border-radius:50%;background:#10b981;display:flex;align-items:center;justify-content:center}
.walk .night{position:absolute;inset:84px 0 0 0;background:#0f172a;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-size:18px;font-weight:600;z-index:8}
.walk .hrs{display:flex;align-items:center;gap:12px;height:34px;font-size:14.5px}
.walk .hrs span:first-child{width:80px;font-weight:600;color:var(--s-text2,#374151)}
.walk .hrs .bar{flex:1;height:9px;border-radius:999px;background:var(--s-subtle,#e5e7eb);position:relative;overflow:hidden}
.walk .hrs .bar i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:#c5303e}
.walk .hrs b{position:relative;width:62px;text-align:right;font-weight:600;color:var(--s-text2,#52525b)}
.walk .doc{position:absolute;left:880px;top:462px;width:250px;background:var(--s-surface,#fff);border-radius:12px;padding:18px;box-shadow:0 30px 60px -12px rgb(0 0 0/.35),0 0 0 1px rgb(0 0 0/.06);z-index:12}
.walk .dl{display:flex;justify-content:space-between;font-size:12.5px;padding:6px 0;border-bottom:1px solid var(--s-border,#f0f0f2)}
.walk .cursor{position:absolute;left:0;top:0;width:34px;height:34px;z-index:30;filter:drop-shadow(0 2px 3px rgb(0 0 0/.3))}
.wa1{animation-name:wa1}@keyframes wa1{0%{opacity:1}0.000%{opacity:1}3.571%{opacity:1}3.929%{opacity:0}100%{opacity:0}}
.wa2{animation-name:wa2}@keyframes wa2{0%{opacity:0;transform:translateY(10px)}0.000%{opacity:0;transform:translateY(10px)}0.357%{opacity:0;transform:translateY(10px)}0.774%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa3{animation-name:wa3}@keyframes wa3{0%{opacity:0;transform:translateY(10px)}0.000%{opacity:0;transform:translateY(10px)}0.536%{opacity:0;transform:translateY(10px)}0.952%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa4{animation-name:wa4}@keyframes wa4{0%{transform:scale(1)}0.000%{transform:scale(1)}1.905%{transform:scale(1)}2.262%{transform:scale(1.35)}2.857%{transform:scale(1)}100%{transform:scale(1)}}
.wa5{animation-name:wa5}@keyframes wa5{0%{opacity:0;transform:translateY(24px)}0.000%{opacity:0;transform:translateY(24px)}3.571%{opacity:0;transform:translateY(24px)}3.988%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa6{animation-name:wa6}@keyframes wa6{0%{opacity:0;transform:translate(760px,560px)}0.000%{opacity:0;transform:translate(760px,560px)}0.238%{opacity:1;transform:translate(755px,557px) scale(1)}2.500%{opacity:1;transform:translate(995px,459px) scale(1)}3.095%{opacity:1;transform:translate(995px,459px) scale(0.85)}3.333%{opacity:1;transform:translate(995px,459px) scale(1)}4.048%{opacity:1;transform:translate(975px,477px) scale(1)}4.762%{opacity:0;transform:translate(975px,477px)}100%{opacity:0;transform:translate(975px,477px)}}
.wa7{animation-name:wa7}@keyframes wa7{0%{opacity:1}8.333%{opacity:1}11.071%{opacity:1}11.429%{opacity:0}100%{opacity:0}}
.wa8{animation-name:wa8}@keyframes wa8{0%{opacity:0;transform:scale(.9)}8.333%{opacity:0;transform:scale(.9)}11.071%{opacity:0;transform:scale(.9)}11.488%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa9{animation-name:wa9}@keyframes wa9{0%{opacity:0;transform:translateY(10px)}8.333%{opacity:0;transform:translateY(10px)}11.667%{opacity:0;transform:translateY(10px)}12.083%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa10{animation-name:wa10}@keyframes wa10{0%{transform:scale(0)}8.333%{transform:scale(0)}12.143%{transform:scale(0)}12.619%{transform:scale(1.3)}12.976%{transform:scale(1)}100%{transform:scale(1)}}
.wa11{animation-name:wa11}@keyframes wa11{0%{opacity:0;transform:translate(900px,420px)}8.333%{opacity:0;transform:translate(900px,420px)}8.690%{opacity:1;transform:translate(895px,417px) scale(1)}10.238%{opacity:1;transform:translate(1095px,133px) scale(1)}10.833%{opacity:1;transform:translate(1095px,133px) scale(0.85)}11.071%{opacity:1;transform:translate(1095px,133px) scale(1)}11.905%{opacity:1;transform:translate(1055px,297px) scale(1)}12.619%{opacity:0;transform:translate(1055px,297px)}100%{opacity:0;transform:translate(1055px,297px)}}
.wa12{animation-name:wa12}@keyframes wa12{0%{opacity:0;transform:translateY(10px)}16.667%{opacity:0;transform:translateY(10px)}17.143%{opacity:0;transform:translateY(10px)}17.560%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa13{animation-name:wa13}@keyframes wa13{0%{opacity:0;transform:translateY(10px)}16.667%{opacity:0;transform:translateY(10px)}17.560%{opacity:0;transform:translateY(10px)}17.976%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa14{animation-name:wa14}@keyframes wa14{0%{opacity:0;transform:translateY(10px)}16.667%{opacity:0;transform:translateY(10px)}17.976%{opacity:0;transform:translateY(10px)}18.393%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa15{animation-name:wa15}@keyframes wa15{0%{opacity:0;transform:translateY(10px)}16.667%{opacity:0;transform:translateY(10px)}18.393%{opacity:0;transform:translateY(10px)}18.810%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa16{animation-name:wa16}@keyframes wa16{0%{opacity:0;transform:translateY(10px)}16.667%{opacity:0;transform:translateY(10px)}18.810%{opacity:0;transform:translateY(10px)}19.226%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa17{animation-name:wa17}@keyframes wa17{0%{opacity:0;transform:translateY(10px)}16.667%{opacity:0;transform:translateY(10px)}19.226%{opacity:0;transform:translateY(10px)}19.643%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa18{animation-name:wa18}@keyframes wa18{0%{opacity:0;transform:translateY(10px)}16.667%{opacity:0;transform:translateY(10px)}20.952%{opacity:0;transform:translateY(10px)}21.369%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa19{animation-name:wa19}@keyframes wa19{0%{max-width:0}25.000%{max-width:0}26.190%{max-width:0}26.726%{max-width:420px}100%{max-width:420px}}
.wa20{animation-name:wa20}@keyframes wa20{0%{max-width:0}25.000%{max-width:0}26.845%{max-width:0}27.381%{max-width:420px}100%{max-width:420px}}
.wa21{animation-name:wa21}@keyframes wa21{0%{max-width:0}25.000%{max-width:0}27.500%{max-width:0}28.036%{max-width:420px}100%{max-width:420px}}
.wa22{animation-name:wa22}@keyframes wa22{0%{max-width:0}25.000%{max-width:0}28.155%{max-width:0}28.690%{max-width:420px}100%{max-width:420px}}
.wa23{animation-name:wa23}@keyframes wa23{0%{max-width:0}25.000%{max-width:0}28.810%{max-width:0}29.345%{max-width:420px}100%{max-width:420px}}
.wa24{animation-name:wa24}@keyframes wa24{0%{max-width:0}25.000%{max-width:0}29.464%{max-width:0}30.000%{max-width:420px}100%{max-width:420px}}
.wa25{animation-name:wa25}@keyframes wa25{0%{opacity:0;transform:translateY(10px)}25.000%{opacity:0;transform:translateY(10px)}25.357%{opacity:0;transform:translateY(10px)}25.774%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa26{animation-name:wa26}@keyframes wa26{0%{opacity:0;transform:translateY(10px)}25.000%{opacity:0;transform:translateY(10px)}30.714%{opacity:0;transform:translateY(10px)}31.131%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa27{animation-name:wa27}@keyframes wa27{0%{opacity:0;transform:scale(.4)}33.333%{opacity:0;transform:scale(.4)}34.405%{opacity:0;transform:scale(.4)}34.821%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa28{animation-name:wa28}@keyframes wa28{0%{opacity:1}33.333%{opacity:1}35.833%{opacity:1}36.190%{opacity:0}100%{opacity:0}}
.wa29{animation-name:wa29}@keyframes wa29{0%{opacity:0;transform:none}33.333%{opacity:0;transform:none}35.833%{opacity:0;transform:none}36.250%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa30{animation-name:wa30}@keyframes wa30{0%{scale:1}33.333%{scale:1}37.262%{scale:1}37.405%{scale:.94}37.619%{scale:1}100%{scale:1}}
.wa31{animation-name:wa31}@keyframes wa31{0%{opacity:0;transform:translateY(10px)}33.333%{opacity:0;transform:translateY(10px)}37.738%{opacity:0;transform:translateY(10px)}38.155%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa32{animation-name:wa32}@keyframes wa32{0%{opacity:0;transform:translate(300px,420px)}33.333%{opacity:0;transform:translate(300px,420px)}33.690%{opacity:1;transform:translate(295px,417px) scale(1)}33.810%{opacity:1;transform:translate(78px,253px) scale(1)}34.405%{opacity:1;transform:translate(78px,253px) scale(0.85)}34.643%{opacity:1;transform:translate(78px,253px) scale(1)}35.000%{opacity:1;transform:translate(361px,368px) scale(1)}35.595%{opacity:1;transform:translate(361px,368px) scale(0.85)}35.833%{opacity:1;transform:translate(361px,368px) scale(1)}36.667%{opacity:1;transform:translate(936px,338px) scale(1)}37.262%{opacity:1;transform:translate(936px,338px) scale(0.85)}37.500%{opacity:1;transform:translate(936px,338px) scale(1)}38.333%{opacity:1;transform:translate(955px,377px) scale(1)}39.048%{opacity:0;transform:translate(955px,377px)}100%{opacity:0;transform:translate(955px,377px)}}
.wa33{animation-name:wa33}@keyframes wa33{0%{opacity:1}41.667%{opacity:1}43.571%{opacity:1}43.929%{opacity:0}100%{opacity:0}}
.wa34{animation-name:wa34}@keyframes wa34{0%{opacity:0;transform:translateY(-8px)}41.667%{opacity:0;transform:translateY(-8px)}43.571%{opacity:0;transform:translateY(-8px)}43.988%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa35{animation-name:wa35}@keyframes wa35{0%{opacity:1}41.667%{opacity:1}43.929%{opacity:1}44.286%{opacity:0}100%{opacity:0}}
.wa36{animation-name:wa36}@keyframes wa36{0%{opacity:0;transform:translateY(-8px)}41.667%{opacity:0;transform:translateY(-8px)}43.929%{opacity:0;transform:translateY(-8px)}44.345%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa37{animation-name:wa37}@keyframes wa37{0%{opacity:1}41.667%{opacity:1}43.571%{opacity:1}43.929%{opacity:0}100%{opacity:0}}
.wa38{animation-name:wa38}@keyframes wa38{0%{opacity:0;transform:translateY(-8px)}41.667%{opacity:0;transform:translateY(-8px)}43.571%{opacity:0;transform:translateY(-8px)}43.988%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa39{animation-name:wa39}@keyframes wa39{0%{opacity:0;transform:translateY(-14px)}41.667%{opacity:0;transform:translateY(-14px)}43.095%{opacity:0;transform:translateY(-14px)}43.512%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa40{animation-name:wa40}@keyframes wa40{0%{opacity:0;transform:translateY(10px)}41.667%{opacity:0;transform:translateY(10px)}45.714%{opacity:0;transform:translateY(10px)}46.131%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa41{animation-name:wa41}@keyframes wa41{0%{opacity:1}50.000%{opacity:1}54.286%{opacity:1}54.643%{opacity:0}100%{opacity:0}}
.wa42{animation-name:wa42}@keyframes wa42{0%{max-width:0}50.000%{max-width:0}50.357%{max-width:0}51.310%{max-width:300px}100%{max-width:300px}}
.wa43{animation-name:wa43}@keyframes wa43{0%{opacity:0;transform:scale(.8)}50.000%{opacity:0;transform:scale(.8)}52.024%{opacity:0;transform:scale(.8)}52.440%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa44{animation-name:wa44}@keyframes wa44{0%{max-width:0}50.000%{max-width:0}52.381%{max-width:0}53.452%{max-width:500px}100%{max-width:500px}}
.wa45{animation-name:wa45}@keyframes wa45{0%{scale:1}50.000%{scale:1}53.810%{scale:1}53.952%{scale:.94}54.167%{scale:1}100%{scale:1}}
.wa46{animation-name:wa46}@keyframes wa46{0%{opacity:0;transform:translateY(24px)}50.000%{opacity:0;transform:translateY(24px)}54.286%{opacity:0;transform:translateY(24px)}54.702%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa47{animation-name:wa47}@keyframes wa47{0%{scale:1}50.000%{scale:1}55.952%{scale:1}56.095%{scale:.94}56.310%{scale:1}100%{scale:1}}
.wa48{animation-name:wa48}@keyframes wa48{0%{opacity:1}50.000%{opacity:1}56.071%{opacity:1}56.429%{opacity:0}100%{opacity:0}}
.wa49{animation-name:wa49}@keyframes wa49{0%{opacity:0;transform:none}50.000%{opacity:0;transform:none}56.071%{opacity:0;transform:none}56.488%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa50{animation-name:wa50}@keyframes wa50{0%{opacity:0;transform:translate(300px,300px)}50.000%{opacity:0;transform:translate(300px,300px)}50.238%{opacity:1;transform:translate(295px,297px) scale(1)}51.310%{opacity:1;transform:translate(256px,412px) scale(1)}51.905%{opacity:1;transform:translate(256px,412px) scale(0.85)}52.143%{opacity:1;transform:translate(256px,412px) scale(1)}53.214%{opacity:1;transform:translate(122px,553px) scale(1)}53.810%{opacity:1;transform:translate(122px,553px) scale(0.85)}54.048%{opacity:1;transform:translate(122px,553px) scale(1)}55.000%{opacity:1;transform:translate(635px,417px) scale(1)}55.357%{opacity:1;transform:translate(585px,338px) scale(1)}55.952%{opacity:1;transform:translate(585px,338px) scale(0.85)}56.190%{opacity:1;transform:translate(585px,338px) scale(1)}56.905%{opacity:1;transform:translate(615px,357px) scale(1)}57.619%{opacity:0;transform:translate(615px,357px)}100%{opacity:0;transform:translate(615px,357px)}}
.wa51{animation-name:wa51}@keyframes wa51{0%{opacity:0;transform:translateX(-14px)}58.333%{opacity:0;transform:translateX(-14px)}58.929%{opacity:0;transform:translateX(-14px)}59.345%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa52{animation-name:wa52}@keyframes wa52{0%{opacity:0;transform:translateX(-14px)}58.333%{opacity:0;transform:translateX(-14px)}60.000%{opacity:0;transform:translateX(-14px)}60.417%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa53{animation-name:wa53}@keyframes wa53{0%{opacity:0;transform:translateX(-14px)}58.333%{opacity:0;transform:translateX(-14px)}61.071%{opacity:0;transform:translateX(-14px)}61.488%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa54{animation-name:wa54}@keyframes wa54{0%{opacity:0;transform:translateX(-14px)}58.333%{opacity:0;transform:translateX(-14px)}62.143%{opacity:0;transform:translateX(-14px)}62.560%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa55{animation-name:wa55}@keyframes wa55{0%{opacity:0;transform:translateY(8px)}58.333%{opacity:0;transform:translateY(8px)}63.810%{opacity:0;transform:translateY(8px)}64.226%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa56{animation-name:wa56}@keyframes wa56{0%{opacity:0;transform:translate(700px,560px)}58.333%{opacity:0;transform:translate(700px,560px)}58.690%{opacity:1;transform:translate(695px,557px) scale(1)}62.857%{opacity:1;transform:translate(515px,437px) scale(1)}62.976%{opacity:1;transform:translate(424px,385px) scale(1)}63.571%{opacity:1;transform:translate(424px,385px) scale(0.85)}63.810%{opacity:1;transform:translate(424px,385px) scale(1)}65.000%{opacity:1;transform:translate(465px,427px) scale(1)}65.714%{opacity:0;transform:translate(465px,427px)}100%{opacity:0;transform:translate(465px,427px)}}
.wa57{animation-name:wa57}@keyframes wa57{0%{opacity:0;transform:translateY(10px)}66.667%{opacity:0;transform:translateY(10px)}67.262%{opacity:0;transform:translateY(10px)}67.679%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa58{animation-name:wa58}@keyframes wa58{0%{opacity:0;transform:translateY(10px)}66.667%{opacity:0;transform:translateY(10px)}70.476%{opacity:0;transform:translateY(10px)}70.893%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa59{animation-name:wa59}@keyframes wa59{0%{max-width:0}66.667%{max-width:0}68.333%{max-width:0}70.000%{max-width:420px}70.357%{max-width:0}100%{max-width:0}}
.wa60{animation-name:wa60}@keyframes wa60{0%{scale:1}66.667%{scale:1}70.238%{scale:1}70.381%{scale:.94}70.595%{scale:1}100%{scale:1}}
.wa61{animation-name:wa61}@keyframes wa61{0%{opacity:0;transform:translateY(10px)}66.667%{opacity:0;transform:translateY(10px)}71.905%{opacity:0;transform:translateY(10px)}72.321%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa62{animation-name:wa62}@keyframes wa62{0%{opacity:0;transform:translate(700px,500px)}66.667%{opacity:0;transform:translate(700px,500px)}67.024%{opacity:1;transform:translate(695px,497px) scale(1)}69.286%{opacity:1;transform:translate(1145px,597px) scale(1)}69.643%{opacity:1;transform:translate(1203px,640px) scale(1)}70.238%{opacity:1;transform:translate(1203px,640px) scale(0.85)}70.476%{opacity:1;transform:translate(1203px,640px) scale(1)}71.190%{opacity:1;transform:translate(1145px,597px) scale(1)}71.905%{opacity:0;transform:translate(1145px,597px)}100%{opacity:0;transform:translate(1145px,597px)}}
.wa63{animation-name:wa63}@keyframes wa63{0%{opacity:0;transform:translateY(10px)}75.000%{opacity:0;transform:translateY(10px)}75.476%{opacity:0;transform:translateY(10px)}75.893%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa64{animation-name:wa64}@keyframes wa64{0%{scale:1}75.000%{scale:1}77.500%{scale:1}77.643%{scale:.94}77.857%{scale:1}100%{scale:1}}
.wa65{animation-name:wa65}@keyframes wa65{0%{opacity:0;transform:translateY(10px)}75.000%{opacity:0;transform:translateY(10px)}77.857%{opacity:0;transform:translateY(10px)}78.274%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa66{animation-name:wa66}@keyframes wa66{0%{opacity:0;transform:translateY(10px)}75.000%{opacity:0;transform:translateY(10px)}79.524%{opacity:0;transform:translateY(10px)}79.940%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa67{animation-name:wa67}@keyframes wa67{0%{opacity:0;transform:translateY(10px)}75.000%{opacity:0;transform:translateY(10px)}80.714%{opacity:0;transform:translateY(10px)}81.131%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa68{animation-name:wa68}@keyframes wa68{0%{opacity:0;transform:translate(760px,600px)}75.000%{opacity:0;transform:translate(760px,600px)}75.357%{opacity:1;transform:translate(755px,597px) scale(1)}76.905%{opacity:1;transform:translate(506px,329px) scale(1)}77.500%{opacity:1;transform:translate(506px,329px) scale(0.85)}77.738%{opacity:1;transform:translate(506px,329px) scale(1)}78.571%{opacity:1;transform:translate(635px,417px) scale(1)}79.286%{opacity:0;transform:translate(635px,417px)}100%{opacity:0;transform:translate(635px,417px)}}
.wa69{animation-name:wa69}@keyframes wa69{0%{opacity:0;transform:scale(.3)}83.333%{opacity:0;transform:scale(.3)}83.690%{opacity:0;transform:scale(.3)}84.107%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa70{animation-name:wa70}@keyframes wa70{0%{opacity:0;transform:scale(.3)}83.333%{opacity:0;transform:scale(.3)}83.988%{opacity:0;transform:scale(.3)}84.405%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa71{animation-name:wa71}@keyframes wa71{0%{opacity:0;transform:scale(.3)}83.333%{opacity:0;transform:scale(.3)}84.286%{opacity:0;transform:scale(.3)}84.702%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa72{animation-name:wa72}@keyframes wa72{0%{opacity:0;transform:scale(.3)}83.333%{opacity:0;transform:scale(.3)}84.583%{opacity:0;transform:scale(.3)}85.000%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa73{animation-name:wa73}@keyframes wa73{0%{opacity:0;transform:scale(.3)}83.333%{opacity:0;transform:scale(.3)}84.881%{opacity:0;transform:scale(.3)}85.298%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa74{animation-name:wa74}@keyframes wa74{0%{opacity:0;transform:scale(.3)}83.333%{opacity:0;transform:scale(.3)}85.179%{opacity:0;transform:scale(.3)}85.595%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa75{animation-name:wa75}@keyframes wa75{0%{opacity:0}83.333%{opacity:0}85.714%{opacity:0}86.071%{opacity:.93}87.143%{opacity:.93}87.500%{opacity:0}100%{opacity:0}}
.wa76{animation-name:wa76}@keyframes wa76{0%{width:18%}83.333%{width:18%}87.381%{width:18%}88.095%{width:34%}100%{width:34%}}
.wa77{animation-name:wa77}@keyframes wa77{0%{opacity:1}83.333%{opacity:1}87.619%{opacity:1}87.976%{opacity:0}100%{opacity:0}}
.wa78{animation-name:wa78}@keyframes wa78{0%{opacity:0;transform:none}83.333%{opacity:0;transform:none}87.619%{opacity:0;transform:none}88.036%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa79{animation-name:wa79}@keyframes wa79{0%{scale:1}83.333%{scale:1}89.286%{scale:1}89.429%{scale:.94}89.643%{scale:1}100%{scale:1}}
.wa80{animation-name:wa80}@keyframes wa80{0%{opacity:0;transform:translateY(20px) rotate(-2deg)}83.333%{opacity:0;transform:translateY(20px) rotate(-2deg)}89.643%{opacity:0;transform:translateY(20px) rotate(-2deg)}90.060%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa81{animation-name:wa81}@keyframes wa81{0%{opacity:0;transform:translate(700px,520px)}83.333%{opacity:0;transform:translate(700px,520px)}83.690%{opacity:1;transform:translate(695px,517px) scale(1)}88.452%{opacity:1;transform:translate(875px,437px) scale(1)}88.690%{opacity:1;transform:translate(877px,399px) scale(1)}89.286%{opacity:1;transform:translate(877px,399px) scale(0.85)}89.524%{opacity:1;transform:translate(877px,399px) scale(1)}90.238%{opacity:1;transform:translate(895px,427px) scale(1)}90.952%{opacity:0;transform:translate(895px,427px)}100%{opacity:0;transform:translate(895px,427px)}}
.wa82{animation-name:wa82}@keyframes wa82{0%{opacity:.25}91.667%{opacity:.25}92.857%{opacity:.25}93.095%{opacity:1}100%{opacity:1}}
.wa83{animation-name:wa83}@keyframes wa83{0%{opacity:.25}91.667%{opacity:.25}93.333%{opacity:.25}93.571%{opacity:1}100%{opacity:1}}
.wa84{animation-name:wa84}@keyframes wa84{0%{opacity:.25}91.667%{opacity:.25}93.810%{opacity:.25}94.048%{opacity:1}100%{opacity:1}}
.wa85{animation-name:wa85}@keyframes wa85{0%{opacity:.25}91.667%{opacity:.25}94.286%{opacity:.25}94.524%{opacity:1}100%{opacity:1}}
.wa86{animation-name:wa86}@keyframes wa86{0%{opacity:.25}91.667%{opacity:.25}94.762%{opacity:.25}95.000%{opacity:1}100%{opacity:1}}
.wa87{animation-name:wa87}@keyframes wa87{0%{scale:1}91.667%{scale:1}95.952%{scale:1}96.095%{scale:.94}96.310%{scale:1}100%{scale:1}}
.wa88{animation-name:wa88}@keyframes wa88{0%{opacity:1}91.667%{opacity:1}96.071%{opacity:1}96.429%{opacity:0}100%{opacity:0}}
.wa89{animation-name:wa89}@keyframes wa89{0%{opacity:0;transform:none}91.667%{opacity:0;transform:none}96.071%{opacity:0;transform:none}96.488%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa90{animation-name:wa90}@keyframes wa90{0%{opacity:0;transform:translateY(10px)}91.667%{opacity:0;transform:translateY(10px)}97.024%{opacity:0;transform:translateY(10px)}97.440%{opacity:1;transform:none}100%{opacity:1;transform:none}}
.wa91{animation-name:wa91}@keyframes wa91{0%{opacity:0;transform:translate(560px,560px)}91.667%{opacity:0;transform:translate(560px,560px)}92.024%{opacity:1;transform:translate(555px,557px) scale(1)}92.262%{opacity:1;transform:translate(415px,258px) scale(1)}92.857%{opacity:1;transform:translate(415px,258px) scale(0.85)}93.095%{opacity:1;transform:translate(415px,258px) scale(1)}92.738%{opacity:1;transform:translate(415px,320px) scale(1)}93.333%{opacity:1;transform:translate(415px,320px) scale(0.85)}93.571%{opacity:1;transform:translate(415px,320px) scale(1)}93.214%{opacity:1;transform:translate(415px,382px) scale(1)}93.810%{opacity:1;transform:translate(415px,382px) scale(0.85)}94.048%{opacity:1;transform:translate(415px,382px) scale(1)}93.690%{opacity:1;transform:translate(415px,444px) scale(1)}94.286%{opacity:1;transform:translate(415px,444px) scale(0.85)}94.524%{opacity:1;transform:translate(415px,444px) scale(1)}94.167%{opacity:1;transform:translate(415px,506px) scale(1)}94.762%{opacity:1;transform:translate(415px,506px) scale(0.85)}95.000%{opacity:1;transform:translate(415px,506px) scale(1)}95.357%{opacity:1;transform:translate(985px,310px) scale(1)}95.952%{opacity:1;transform:translate(985px,310px) scale(0.85)}96.190%{opacity:1;transform:translate(985px,310px) scale(1)}96.905%{opacity:1;transform:translate(995px,347px) scale(1)}97.619%{opacity:0;transform:translate(995px,347px)}100%{opacity:0;transform:translate(995px,347px)}}
.wvp0{animation-name:wvp0}@keyframes wvp0{0%,7.933%{opacity:1;visibility:visible;transform:none}8.333%,99.6%{opacity:0;visibility:hidden;transform:translateX(-30px)}100%{opacity:1;visibility:visible;transform:none}}
.wvl0{animation-name:wvl0}@keyframes wvl0{0%,7.933%{opacity:0;visibility:hidden;transform:translateX(30px)}8.333%,16.267%{opacity:1;visibility:visible;transform:none}16.667%,100%{opacity:0;visibility:hidden;transform:translateX(-30px)}}
.wt0{animation-name:wt0}@keyframes wt0{0%,16.367%{opacity:1}16.667%,99.7%{opacity:0}100%{opacity:1}}
.wg0{animation-name:wg0;animation-timing-function:linear}@keyframes wg0{0%,0.000%{width:0}16.467%{width:100%}16.667%,100%{width:0}}
.wvp1{animation-name:wvp1}@keyframes wvp1{0%,16.267%{opacity:0;visibility:hidden;transform:translateX(-30px)}16.667%,24.600%{opacity:1;visibility:visible;transform:none}25.000%,100%{opacity:0;visibility:hidden;transform:translateX(-30px)}}
.wvl1{animation-name:wvl1}@keyframes wvl1{0%,24.600%{opacity:0;visibility:hidden;transform:translateX(30px)}25.000%,32.933%{opacity:1;visibility:visible;transform:none}33.333%,100%{opacity:0;visibility:hidden;transform:translateX(-30px)}}
.wt1{animation-name:wt1}@keyframes wt1{0%,16.367%{opacity:0}16.667%,33.033%{opacity:1}33.333%,100%{opacity:0}}
.wg1{animation-name:wg1;animation-timing-function:linear}@keyframes wg1{0%,16.667%{width:0}33.133%{width:100%}33.333%,100%{width:0}}
.wvp2{animation-name:wvp2}@keyframes wvp2{0%,32.933%{opacity:0;visibility:hidden;transform:translateX(-30px)}33.333%,41.267%{opacity:1;visibility:visible;transform:none}41.667%,100%{opacity:0;visibility:hidden;transform:translateX(-30px)}}
.wvl2{animation-name:wvl2}@keyframes wvl2{0%,41.267%{opacity:0;visibility:hidden;transform:translateX(30px)}41.667%,49.600%{opacity:1;visibility:visible;transform:none}50.000%,100%{opacity:0;visibility:hidden;transform:translateX(-30px)}}
.wt2{animation-name:wt2}@keyframes wt2{0%,33.033%{opacity:0}33.333%,49.700%{opacity:1}50.000%,100%{opacity:0}}
.wg2{animation-name:wg2;animation-timing-function:linear}@keyframes wg2{0%,33.333%{width:0}49.800%{width:100%}50.000%,100%{width:0}}
.wvp3{animation-name:wvp3}@keyframes wvp3{0%,49.600%{opacity:0;visibility:hidden;transform:translateX(-30px)}50.000%,57.933%{opacity:1;visibility:visible;transform:none}58.333%,100%{opacity:0;visibility:hidden;transform:translateX(-30px)}}
.wvl3{animation-name:wvl3}@keyframes wvl3{0%,57.933%{opacity:0;visibility:hidden;transform:translateX(30px)}58.333%,66.267%{opacity:1;visibility:visible;transform:none}66.667%,100%{opacity:0;visibility:hidden;transform:translateX(-30px)}}
.wt3{animation-name:wt3}@keyframes wt3{0%,49.700%{opacity:0}50.000%,66.367%{opacity:1}66.667%,100%{opacity:0}}
.wg3{animation-name:wg3;animation-timing-function:linear}@keyframes wg3{0%,50.000%{width:0}66.467%{width:100%}66.667%,100%{width:0}}
.wvp4{animation-name:wvp4}@keyframes wvp4{0%,66.267%{opacity:0;visibility:hidden;transform:translateX(-30px)}66.667%,74.600%{opacity:1;visibility:visible;transform:none}75.000%,100%{opacity:0;visibility:hidden;transform:translateX(-30px)}}
.wvl4{animation-name:wvl4}@keyframes wvl4{0%,74.600%{opacity:0;visibility:hidden;transform:translateX(30px)}75.000%,82.933%{opacity:1;visibility:visible;transform:none}83.333%,100%{opacity:0;visibility:hidden;transform:translateX(-30px)}}
.wt4{animation-name:wt4}@keyframes wt4{0%,66.367%{opacity:0}66.667%,83.033%{opacity:1}83.333%,100%{opacity:0}}
.wg4{animation-name:wg4;animation-timing-function:linear}@keyframes wg4{0%,66.667%{width:0}83.133%{width:100%}83.333%,100%{width:0}}
.wvp5{animation-name:wvp5}@keyframes wvp5{0%,82.933%{opacity:0;visibility:hidden;transform:translateX(-30px)}83.333%,91.267%{opacity:1;visibility:visible;transform:none}91.667%,100%{opacity:0;visibility:hidden;transform:translateX(-30px)}}
.wvl5{animation-name:wvl5}@keyframes wvl5{0%,91.267%{opacity:0;visibility:hidden;transform:translateX(30px)}91.667%,99.600%{opacity:1;visibility:visible;transform:none}100.000%,100%{opacity:0;visibility:hidden;transform:translateX(-30px)}}
.wt5{animation-name:wt5}@keyframes wt5{0%,83.033%{opacity:0}83.333%,99.700%{opacity:1}100.000%,100%{opacity:0}}
.wg5{animation-name:wg5;animation-timing-function:linear}@keyframes wg5{0%,83.333%{width:0}99.800%{width:100%}100.000%,100%{width:0}}
@keyframes wknob{0%{transform:none}0.300%,8.033%{transform:none}8.633%,16.367%{transform:translateX(100%)}16.967%,24.700%{transform:none}25.300%,33.033%{transform:translateX(100%)}33.633%,41.367%{transform:none}41.967%,49.700%{transform:translateX(100%)}50.300%,58.033%{transform:none}58.633%,66.367%{transform:translateX(100%)}66.967%,74.700%{transform:none}75.300%,83.033%{transform:translateX(100%)}83.633%,91.367%{transform:none}91.967%,99.700%{transform:translateX(100%)}100%{transform:none}}
@keyframes wlp{0%{color:#111827}0.300%,8.033%{color:#111827}8.633%,16.367%{color:rgb(255 255 255/.78)}16.967%,24.700%{color:#111827}25.300%,33.033%{color:rgb(255 255 255/.78)}33.633%,41.367%{color:#111827}41.967%,49.700%{color:rgb(255 255 255/.78)}50.300%,58.033%{color:#111827}58.633%,66.367%{color:rgb(255 255 255/.78)}66.967%,74.700%{color:#111827}75.300%,83.033%{color:rgb(255 255 255/.78)}83.633%,91.367%{color:#111827}91.967%,99.700%{color:rgb(255 255 255/.78)}100%{color:#111827}}
@keyframes wll{0%{color:rgb(255 255 255/.78)}0.300%,8.033%{color:rgb(255 255 255/.78)}8.633%,16.367%{color:#111827}16.967%,24.700%{color:rgb(255 255 255/.78)}25.300%,33.033%{color:#111827}33.633%,41.367%{color:rgb(255 255 255/.78)}41.967%,49.700%{color:#111827}50.300%,58.033%{color:rgb(255 255 255/.78)}58.633%,66.367%{color:#111827}66.967%,74.700%{color:rgb(255 255 255/.78)}75.300%,83.033%{color:#111827}83.633%,91.367%{color:rgb(255 255 255/.78)}91.967%,99.700%{color:#111827}100%{color:rgb(255 255 255/.78)}}
/* ── Site layout (after the generated rules, so these win) ─────────────────── */
.walk .tabs { overflow-x: auto; scroll-behavior: smooth; padding: 1px 0; }
@media (max-width: 1100px) { .walk .tabs { justify-content: flex-start; } }
.walk .tab, .walk .tog button { font: inherit; cursor: pointer; flex-shrink: 0; }
.walk .tab { font-size: 14px; font-weight: 500; }
.walk .tog button { position: relative; z-index: 1; width: 178px; padding: 8px 0; font-size: 13.5px; font-weight: 600; display: flex; align-items: center; justify-content: center; gap: 8px; background: none; border: 0; }
.walk .tab:focus-visible, .walk .tog button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

/* The stage is a fixed 1080×580 scene scaled to the column — the same shot on
   a phone, smaller, rather than a reflowed one. */
.walk .walk-frame { position: relative; width: 100%; height: calc(580px * var(--walk-scale, 1)); margin-top: 32px; }
.walk .walk-frame .stage { position: absolute; left: 0; top: 0; right: auto; width: 1080px; height: 580px; transform: scale(var(--walk-scale, 1)); transform-origin: 0 0; }

/* Scenes are drawn against a blank page, not Tailwind's preflight. */
/* Zero specificity (:where), so a scene rule that says border-box still wins
   — at equal weight these came later and blew every padded card up. */
:where(.walk .stage), :where(.walk .stage) * { box-sizing: content-box; }
:where(.walk .stage) img { max-width: none; }
:where(.walk .stage) svg { display: inline; vertical-align: baseline; }
.walk .stage { line-height: normal; text-align: left; }

/* Off screen, nothing moves. */
.walk:not(.is-playing) .pa { animation-play-state: paused !important; }

/* The band is dark in both themes; the product screen follows the theme. */
.dark .walk .stage {
  --s-surface: #171717; --s-subtle: #262626; --s-border: #404040; --s-border-strong: #737373;
  --s-text: #f5f5f5; --s-text2: #d4d4d4; --s-muted: #a3a3a3;
  --s-ok: #6ee7b7; --s-ok-bg: #163128; --s-bad: #fca5a5; --s-bad-bg: #3a1e1e;
  --s-brand-bg: #3d2022; --s-warn: #fcd34d; --s-warn-bg: #393015;
}
.walk .stage .screen { color: var(--s-text, #0a0a0a); }
@media (max-width: 480px) {
  .walk .tog button, .walk .tog .knob { width: 150px; }
  .walk .tog button { font-size: 12.5px; gap: 6px; }
  .walk .tab { padding: 8px 13px; font-size: 13px; }
}

/* Ink: the near-black fills. Light in dark mode, like the app's own primary
   buttons, so they don't sink into the dark surface. */
.walk .stage .ink, .walk .compose .send { background: var(--s-ink, #0a0a0a); color: var(--s-on-ink, #fff); }
.dark .walk .stage { --s-ink: #f5f5f5; --s-on-ink: #171717; }
.dark .walk .stage .note { background: #f5f5f5; color: #171717; }

/* Contrast: muted clears AA on white in light; the tint families get dark tones. */
.walk .stage { --s-muted: #6b6b76; }
.dark .walk .stage { --s-brand: #f7858f; --s-violet: #c4b5fd; --s-violet-bg: #2c233f; --s-teal: #5eead4; --s-teal-bg: #1a312f; --s-blue: #93c5fd; --s-blue-bg: #1e2a3f; --s-peach: #fdba8c; --s-peach-bg: #3d2315; }