/* TownLink "How it works" animated walkthrough (static/how-it-works.js). Pure CSS + inline SVG, no external assets.
   HONESTY NOTE: the "Verified" and "Paid securely" visuals describe the launch product. Before public launch they must be
   backed by real provider ID + insurance checks and real Stripe payments (today payments are simulated). See STATUS.md. */
.hiw-open{overflow:hidden}
.hiw-backdrop{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.72);display:flex;align-items:stretch;justify-content:center;animation:hiwFade .25s ease both}
.hiw{position:relative;display:flex;flex-direction:column;width:100%;height:100%;max-height:100dvh;background:var(--bg,#0a0a0b);color:var(--text,#fafafa);overflow:hidden;
  padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
@media(min-width:640px){.hiw-backdrop{align-items:center;padding:20px}.hiw{max-width:440px;height:min(860px,94vh);border:1px solid var(--border-strong,#3f3f46);border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.6)}}
.hiw-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hiw button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.hiw button:focus-visible,.hiw a:focus-visible{outline:3px solid var(--accent,#46B894);outline-offset:2px}

/* header */
.hiw-top{display:flex;align-items:center;gap:8px;padding:10px 12px 8px 16px;flex:none}
.hiw-title{flex:1;min-width:0;margin:0;font-size:16px;font-weight:650;letter-spacing:-.01em;display:flex;align-items:center;gap:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hiw-title .logo{width:24px;height:24px}
.hiw-icon{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;height:40px;padding:0 10px;border-radius:12px;border:1px solid var(--border,#27272a);background:var(--surface,#18181b);font-size:13px;color:var(--subtle,#d4d4d8)}
.hiw-icon svg{width:18px;height:18px;flex:none}
.hiw-icon[aria-pressed="false"]{color:var(--muted,#a1a1aa)}
.hiw-close{font-size:22px;line-height:1}

/* stage */
.hiw-stage{position:relative;flex:1 1 auto;min-height:250px;margin:0 12px;border-radius:20px;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;
  background:linear-gradient(180deg,#0f2233 0%,#173049 55%,#1f3a52 100%);border:1px solid rgba(70,184,148,.18)}
.hiw-scene{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hiw-dim{position:absolute;inset:0;background:rgba(6,10,14,.62);opacity:0;transition:opacity .45s ease;pointer-events:none}
.hiw[data-step="1"] .hiw-dim,.hiw[data-step="5"] .hiw-dim,.hiw[data-step="6"] .hiw-dim,.hiw[data-step="7"] .hiw-dim{opacity:1}

/* scene pieces (SVG). CSS transforms on SVG groups use user units. Default = hidden/"before" state; each step sets its end state,
   and keyframes animate FROM the previous state, so reduced-motion (animations off) shows each step's finished picture. */
.hiw .s-flakes{transition:opacity .8s}.hiw .s-flake{animation:hiwFall 6s linear infinite}
.hiw[data-step="3"] .s-flakes,.hiw[data-step="4"] .s-flakes,.hiw[data-step="5"] .s-flakes,.hiw[data-step="6"] .s-flakes,.hiw[data-step="7"] .s-flakes{opacity:0}
.hiw .s-smoke circle{animation:hiwSmoke 4s ease-out infinite;transform-box:fill-box;transform-origin:center}
.hiw .s-smoke circle:nth-child(2){animation-delay:1.3s}.hiw .s-smoke circle:nth-child(3){animation-delay:2.6s}
.hiw .s-win{animation:hiwGlow 3.5s ease-in-out infinite alternate}
.hiw .s-truck{transform:translateX(-620px)}
.hiw[data-step="2"] .s-truck,.hiw[data-step="3"] .s-truck{transform:translateX(0)}
.hiw[data-step="2"] .s-truck{animation:hiwTruckIn 2.1s cubic-bezier(.2,.7,.3,1) .2s both}
.hiw[data-step="4"] .s-truck,.hiw[data-step="5"] .s-truck,.hiw[data-step="6"] .s-truck,.hiw[data-step="7"] .s-truck{transform:translateX(620px)}
.hiw[data-step="4"] .s-truck{animation:hiwTruckOut 1.9s cubic-bezier(.55,0,.8,.4) 1.7s both}
.hiw .s-wheel{transform-box:fill-box;transform-origin:center}
.hiw[data-step="2"] .s-wheel{animation:hiwSpin .45s linear .2s 4}
.hiw[data-step="4"] .s-wheel{animation:hiwSpin .4s linear 1.7s 5}
.hiw .s-bounce{animation:hiwBob 1.2s ease-in-out infinite}
.hiw .s-pro{opacity:0;transform:translate(262px,250px)}
.hiw[data-step="2"] .s-pro{opacity:1;transform:translate(141px,219px);animation:hiwProIn 1.4s ease-in-out 2.2s both}
.hiw[data-step="3"] .s-pro{opacity:1;transform:translate(141px,254px);animation:hiwProWork 3.6s ease-in-out .5s both}
.hiw[data-step="4"] .s-pro{opacity:0;transform:translate(262px,250px);animation:hiwProOut 1.5s ease-in-out .1s both}
.hiw .s-tag{transform-box:fill-box;transform-origin:50% 100%}
.hiw[data-step="2"] .s-tag{animation:hiwPop .5s cubic-bezier(.3,1.6,.5,1) 3.5s both}
.hiw .s-shovel{transform-box:fill-box;transform-origin:10% 10%}
.hiw[data-step="3"] .s-shovel{animation:hiwShovel .45s ease-in-out .5s 8}
.hiw .s-wave{transform-box:fill-box;transform-origin:50% 100%;opacity:0}
.hiw[data-step="4"] .s-wave{opacity:1}.hiw[data-step="4"] .s-shovel{opacity:0}
.hiw[data-step="4"] .s-wave{animation:hiwWave .35s ease-in-out 4 alternate}
.hiw .s-snowdrive{transform-box:fill-box;transform-origin:50% 100%}
.hiw[data-step="3"] .s-snowdrive,.hiw[data-step="4"] .s-snowdrive,.hiw[data-step="5"] .s-snowdrive,.hiw[data-step="6"] .s-snowdrive,.hiw[data-step="7"] .s-snowdrive{transform:scaleY(0)}
.hiw[data-step="3"] .s-snowdrive{animation:hiwClear 3.6s ease-in-out .5s both}
.hiw .s-spray{opacity:0}
.hiw[data-step="3"] .s-spray{animation:hiwSprayVis 3.6s linear .5s both}
.hiw[data-step="3"] .s-spray circle{animation:hiwSpray .5s ease-out infinite;transform-box:fill-box;transform-origin:center}
.hiw[data-step="3"] .s-spray circle:nth-child(2){animation-delay:.17s}.hiw[data-step="3"] .s-spray circle:nth-child(3){animation-delay:.33s}
.hiw .s-spark{opacity:0}
.hiw[data-step="3"] .s-spark{opacity:1}
.hiw[data-step="3"] .s-spark path{animation:hiwTwinkle .9s ease-out 4.2s both;transform-box:fill-box;transform-origin:center}
.hiw[data-step="3"] .s-spark path:nth-child(2){animation-delay:4.35s}.hiw[data-step="3"] .s-spark path:nth-child(3){animation-delay:4.5s}

/* HTML overlays on the stage */
.hiw-card{position:absolute;left:12px;right:12px;top:12px;display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:16px;background:rgba(24,24,27,.92);
  border:1px solid rgba(70,184,148,.35);box-shadow:0 10px 30px rgba(0,0,0,.35);opacity:0;transform:translateY(-12px);transition:opacity .35s,transform .35s;pointer-events:none}
.hiw-av{flex:none;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#fb923c,#f59e0b);color:#431407;display:flex;align-items:center;justify-content:center;font-weight:750;font-size:17px;position:relative}
.hiw-av .vb{position:absolute;right:-4px;bottom:-3px;width:18px;height:18px}
.hiw-card b{display:block;font-size:14.5px;line-height:1.25}
.hiw-card small{display:block;font-size:12px;color:var(--muted,#a1a1aa);line-height:1.3}
.hiw-badge{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:650;color:var(--accent,#46B894);background:rgba(70,184,148,.12);border:1px solid rgba(70,184,148,.4);padding:2px 8px 2px 6px;border-radius:999px;white-space:nowrap}
.hiw-badge svg{width:13px;height:13px}
.hiw-card .hiw-badges{display:flex;gap:6px;margin-top:4px;flex-wrap:wrap}
.hiw-star{color:#fbbf24;font-size:12px;font-weight:650}
.hiw[data-step="2"] .hiw-procard,.hiw[data-step="3"] .hiw-procard{opacity:1;transform:none}
.hiw[data-step="2"] .hiw-procard{animation:hiwDrop .5s cubic-bezier(.3,1.4,.5,1) 3.1s both}
.hiw-chip{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:#fafafa;color:#0a0a0b;font-weight:650;font-size:14px;white-space:nowrap;opacity:0;box-shadow:0 8px 24px rgba(0,0,0,.35);pointer-events:none}
.hiw-chip svg{width:18px;height:18px}
.hiw[data-step="3"] .hiw-donechip{opacity:1;animation:hiwChip .5s cubic-bezier(.3,1.5,.5,1) 4.2s both}
.hiw-notif{top:12px}
.hiw[data-step="4"] .hiw-notif{opacity:1;transform:none;animation:hiwDrop .55s cubic-bezier(.3,1.3,.5,1) .5s both}
.hiw-notif .hiw-av{background:linear-gradient(135deg,#46B894,#0f766e);border-radius:11px;color:#04231A}

/* phone mockup */
.hiw-phone{position:absolute;left:50%;top:5%;width:min(64%,236px);height:90%;max-height:430px;margin-left:calc(min(64%,236px) / -2);border-radius:30px;background:#0b0b0d;border:7px solid #26262b;
  box-shadow:0 20px 50px rgba(0,0,0,.55),inset 0 0 0 1px #3f3f46;overflow:hidden;opacity:0;transform:translateY(115%);transition:transform .55s cubic-bezier(.2,.8,.3,1),opacity .4s}
.hiw[data-step="1"] .hiw-phone,.hiw[data-step="5"] .hiw-phone,.hiw[data-step="6"] .hiw-phone{opacity:1;transform:none}
.hiw-phone:before{content:"";position:absolute;top:6px;left:50%;width:54px;height:6px;margin-left:-27px;border-radius:4px;background:#26262b;z-index:3}
.scr{position:absolute;inset:0;padding:22px 11px 11px;display:none;flex-direction:column;gap:8px;font-size:11.5px;color:#fafafa}
.hiw[data-step="1"] .scr-book,.hiw[data-step="5"] .scr-pay,.hiw[data-step="6"] .scr-rate{display:flex}
.ph-bar{display:flex;align-items:center;gap:6px;font-weight:650;font-size:12px}
.ph-bar .logo{width:16px;height:16px}
.ph-h{font-size:15px;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin-top:2px}
.ph-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.ph-tile{background:#18181b;border:1.5px solid #27272a;border-radius:12px;padding:8px 7px;display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:11px;line-height:1.2;min-height:58px}
.ph-tile svg{width:20px;height:20px}
.hiw[data-step="1"] .t-snow{border-color:#46B894;background:rgba(70,184,148,.14);animation:hiwSel .3s ease 1.35s both}
.ph-sheet{margin-top:auto;background:#18181b;border:1px solid #3f3f46;border-radius:14px;padding:9px;display:flex;flex-direction:column;gap:5px}
.hiw[data-step="1"] .ph-sheet{animation:hiwSheet .45s cubic-bezier(.2,.8,.3,1) 1.7s both}
.ph-row{display:flex;justify-content:space-between;align-items:center;gap:6px}
.ph-sub{color:#a1a1aa;font-size:10.5px}
.ph-pro{display:flex;align-items:center;gap:4px;color:#46B894;font-size:10.5px;font-weight:600}.ph-pro svg{width:12px;height:12px}
.ph-btn{display:flex;align-items:center;justify-content:center;gap:5px;min-height:32px;border-radius:10px;background:#46B894;color:#04231A;font-weight:700;font-size:12.5px;position:relative;overflow:hidden}
.ph-btn svg{width:13px;height:13px}
.hiw[data-step="1"] .b-book{animation:hiwPress .3s ease 3.25s both}
.ph-toast{position:absolute;left:10px;right:10px;bottom:12px;display:flex;align-items:center;gap:7px;background:#fafafa;color:#0a0a0b;border-radius:12px;padding:9px 10px;font-weight:650;font-size:11.5px;line-height:1.25;box-shadow:0 8px 20px rgba(0,0,0,.4)}
.ph-toast svg{width:18px;height:18px;flex:none}
.ph-toast small{display:block;font-weight:500;color:#52525b;font-size:10.5px}
.hiw[data-step="1"] .ph-booked{animation:hiwToast .45s cubic-bezier(.3,1.4,.5,1) 3.6s both}
.ph-tap{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 0 0 6px rgba(255,255,255,.18);opacity:0;pointer-events:none;z-index:4}
.hiw[data-step="1"] .tap-book{animation:hiwTapBook 3.6s ease-in-out .3s both}
.ph-card{background:#18181b;border:1px solid #27272a;border-radius:12px;padding:9px;display:flex;flex-direction:column;gap:6px}
.ph-card .hiw-av{width:30px;height:30px;font-size:13px}.ph-card .hiw-av .vb{width:14px;height:14px}
.ph-who{display:flex;gap:8px;align-items:center}.ph-who b{font-size:12px}
.ph-line{display:flex;justify-content:space-between;border-top:1px solid #27272a;padding-top:6px}.ph-line b{font-size:13px}
.ph-secure{display:flex;align-items:center;justify-content:center;gap:4px;color:#a1a1aa;font-size:10px}.ph-secure svg{width:11px;height:11px;color:#46B894}
.ph-spin{position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;border:2px solid rgba(4,47,46,.3);border-top-color:#04231A;opacity:0}
.b-pay .lbl{display:inline-flex;align-items:center;gap:5px}
.hiw[data-step="5"] .b-pay{animation:hiwPress .3s ease 1.2s both}
.hiw[data-step="5"] .b-pay .ph-spin{animation:hiwWinOn 2.5s linear both,hiwSpin .6s linear infinite}
.hiw[data-step="5"] .b-pay .lbl{animation:hiwWinOff 2.5s linear both}
.ph-paid{position:absolute;inset:0;background:#0b0b0d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:14px}
.hiw[data-step="5"] .ph-paid{animation:hiwFadeUp .45s ease 2.5s both}
.ph-paid .ph-check{width:64px;height:64px}
.ph-check circle{fill:rgba(34,197,94,.14);stroke:#22c55e;stroke-width:3}
.ph-check path{fill:none;stroke:#22c55e;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:0}
.hiw[data-step="5"] .ph-check path{animation:hiwDraw .5s ease-out 2.8s both}
.ph-paid b{font-size:16px}.ph-paid .hiw-badge{margin-top:4px}
.tap-pay{left:50%;top:calc(100% - 52px)}
.hiw[data-step="5"] .tap-pay{animation:hiwTapOnce .7s ease-out .8s both}
.ph-rate{align-items:center;text-align:center;justify-content:center}
.ph-rate .hiw-av{width:56px;height:56px;font-size:22px}.ph-rate .hiw-av .vb{width:20px;height:20px}
.ph-stars{display:flex;gap:4px;margin:4px 0}
.ph-stars svg{width:28px;height:28px;fill:#fbbf24;stroke:#fbbf24;stroke-width:1.5;stroke-linejoin:round;transform-box:fill-box;transform-origin:center}
.hiw[data-step="6"] .ph-stars svg{animation:hiwStar .35s cubic-bezier(.3,1.6,.5,1) both}
.hiw[data-step="6"] .ph-stars svg:nth-child(1){animation-delay:1.0s}.hiw[data-step="6"] .ph-stars svg:nth-child(2){animation-delay:1.3s}
.hiw[data-step="6"] .ph-stars svg:nth-child(3){animation-delay:1.6s}.hiw[data-step="6"] .ph-stars svg:nth-child(4){animation-delay:1.9s}.hiw[data-step="6"] .ph-stars svg:nth-child(5){animation-delay:2.2s}
.ph-thanks{color:#a1a1aa;font-size:11px;line-height:1.35}
.hiw[data-step="6"] .ph-thanks{animation:hiwFadeUp .4s ease 2.8s both}
.tap-rate{top:61%}
.hiw[data-step="6"] .tap-rate{animation:hiwTapRate 1.6s ease-in-out .8s both}

/* final */
.hiw-final{position:absolute;left:14px;right:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:9px;opacity:0;pointer-events:none}
.hiw[data-step="7"] .hiw-final{opacity:1}
.hiw-final .fb{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:rgba(24,24,27,.94);border:1px solid rgba(70,184,148,.35);font-weight:650;font-size:15px}
.hiw-final .fb svg{width:30px;height:30px;flex:none}
.hiw-final .fb small{display:block;font-weight:450;color:var(--muted,#a1a1aa);font-size:12.5px}
.hiw[data-step="7"] .hiw-final .fb{animation:hiwFadeUp .45s ease both}
.hiw[data-step="7"] .hiw-final .fb:nth-child(1){animation-delay:.15s}.hiw[data-step="7"] .hiw-final .fb:nth-child(2){animation-delay:.45s}.hiw[data-step="7"] .hiw-final .fb:nth-child(3){animation-delay:.75s}

/* intro play scrim */
.hiw-start{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(6,10,14,.55);backdrop-filter:blur(2px);text-align:center;padding:16px;z-index:6}
.hiw.is-intro .hiw-start{display:flex}
.hiw-bigplay{width:84px;height:84px;border-radius:50%;border:0;background:var(--accent,#46B894);color:var(--on-accent,#04231A);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 10px rgba(70,184,148,.18),0 14px 34px rgba(0,0,0,.45)}
.hiw-bigplay svg{width:34px;height:34px;margin-left:5px}
.hiw-start p{margin:0;font-weight:650;font-size:16px}.hiw-start small{color:var(--subtle,#d4d4d8);font-size:13px}

/* trust strip, captions, dots, controls */
.hiw-trust{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;padding:8px 12px 0;font-size:12px;color:var(--subtle,#d4d4d8);flex:none}
.hiw-trust span{display:inline-flex;align-items:center;gap:5px}.hiw-trust svg{width:14px;height:14px;color:var(--accent,#46B894)}
.hiw[data-step="7"] .hiw-trust{visibility:hidden}
.hiw-cap{padding:8px 20px 0;min-height:112px;flex:none;text-align:center}
.hiw-cap .k{font-size:12px;color:var(--accent,#46B894);font-weight:650;letter-spacing:.04em;text-transform:uppercase}
.hiw-cap h3{font-size:20px;margin:2px 0 4px;letter-spacing:-.015em;line-height:1.25}
.hiw-cap p{margin:0 auto;color:var(--muted,#a1a1aa);font-size:14.5px;line-height:1.45;max-width:340px}
.hiw-cap p b{color:var(--accent,#46B894)}
.hiw-cta{display:none;gap:10px;justify-content:center;margin-top:12px;flex-wrap:wrap}
.hiw[data-step="7"] .hiw-cta{display:flex}
.hiw-cta .btn{min-width:130px}
.hiw-fine{display:none;font-size:11.5px;color:#fbbf24;margin-top:8px}
.hiw[data-step="7"] .hiw-fine{display:block}
.hiw-dots{display:flex;justify-content:center;gap:4px;padding:10px 12px 0;flex:none}
.hiw-dot{width:30px;height:30px;padding:0;border:0;background:none;display:flex;align-items:center;justify-content:center}
.hiw-dot i{display:block;width:8px;height:8px;border-radius:5px;background:var(--border-strong,#3f3f46);overflow:hidden;position:relative;transition:width .25s}
.hiw-dot.done i{background:rgba(70,184,148,.55)}
.hiw-dot[aria-current="step"] i{width:26px;background:var(--border-strong,#3f3f46)}
.hiw-dot i b{position:absolute;inset:0;width:0;background:var(--accent,#46B894)}
.hiw-dot[aria-current="step"] i b{width:var(--p,100%)}
.hiw-ctrl{display:flex;align-items:center;justify-content:center;gap:18px;padding:6px 12px 14px;flex:none}
.hiw-nav{width:48px;height:48px;border-radius:50%;border:1px solid var(--border-strong,#3f3f46);background:var(--surface,#18181b);display:flex;align-items:center;justify-content:center}
.hiw-nav:disabled{opacity:.35;cursor:default}
.hiw-nav svg{width:20px;height:20px}
.hiw-play{width:60px;height:60px;border-radius:50%;border:0;background:var(--accent,#46B894);color:var(--on-accent,#04231A);display:flex;align-items:center;justify-content:center}
.hiw-play svg{width:24px;height:24px}
@media(max-height:700px){.ph-grid .ph-tile:nth-child(n+3){display:none}.ph-tile{min-height:50px}.scr{gap:6px}.hiw-cap{min-height:96px}.hiw-cap h3{font-size:18px}.hiw-cap p{font-size:13.5px}.hiw-ctrl{padding-bottom:8px}.hiw-trust{display:none}}

/* paused / reduced motion */
.hiw.is-frozen .hiw-stage *,.hiw.is-frozen .hiw-stage *:before{animation-play-state:paused!important}
.hiw.hiw-rm *,.hiw.hiw-rm *:before,.hiw.hiw-rm *:after{animation:none!important;transition:none!important}
.hiw.hiw-rm .ph-tap,.hiw.hiw-rm .s-spray{display:none}
.hiw-backdrop.hiw-rm-bg{animation:none}
@media(prefers-reduced-motion:reduce){.hiw *,.hiw *:before,.hiw *:after{animation:none!important;transition:none!important}.hiw-backdrop{animation:none}}

/* teaser buttons in the app pages */
.hiw-teaser{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px;margin:0 0 14px;border-radius:var(--r-lg,16px);cursor:pointer;color:var(--text,#fafafa);font:inherit;
  background:linear-gradient(135deg,rgba(70,184,148,.16),rgba(70,184,148,.03));border:1px solid rgba(70,184,148,.4)}
.hiw-teaser:hover{border-color:var(--accent,#46B894)}
.hiw-teaser .pc{flex:none;width:52px;height:52px;border-radius:50%;background:var(--accent,#46B894);color:var(--on-accent,#04231A);display:flex;align-items:center;justify-content:center}
.hiw-teaser .pc svg{width:22px;height:22px;margin-left:3px}
.hiw-teaser b{display:block;font-size:16px}.hiw-teaser span.s{display:block;color:var(--muted,#a1a1aa);font-size:13.5px;line-height:1.4}
.hiw-details{margin:6px 0 14px}.hiw-details>summary{font-size:15px;padding:12px 0}

@keyframes hiwFade{from{opacity:0}}
@keyframes hiwFall{from{transform:translateY(-40px)}to{transform:translateY(260px)}}
@keyframes hiwSmoke{0%{opacity:0;transform:translate(0,0) scale(.6)}25%{opacity:.5}100%{opacity:0;transform:translate(10px,-34px) scale(1.6)}}
@keyframes hiwGlow{from{opacity:.82}to{opacity:1}}
@keyframes hiwTruckIn{from{transform:translateX(-620px)}}
@keyframes hiwTruckOut{from{transform:translateX(0)}}
@keyframes hiwSpin{to{transform:rotate(360deg)}}
@keyframes hiwBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.2px)}}
@keyframes hiwProIn{0%{opacity:0;transform:translate(250px,250px)}20%{opacity:1;transform:translate(244px,247px)}100%{opacity:1;transform:translate(141px,219px)}}
@keyframes hiwProWork{from{transform:translate(141px,219px)}}
@keyframes hiwProOut{0%{opacity:1;transform:translate(141px,254px)}80%{opacity:1;transform:translate(255px,250px)}100%{opacity:0;transform:translate(262px,250px)}}
@keyframes hiwPop{from{opacity:0;transform:scale(.2)}}
@keyframes hiwShovel{0%,100%{transform:rotate(0)}50%{transform:rotate(-22deg)}}
@keyframes hiwWave{from{transform:rotate(-18deg)}to{transform:rotate(18deg)}}
@keyframes hiwClear{from{transform:scaleY(1)}}
@keyframes hiwSprayVis{0%,97%{opacity:1}100%{opacity:0}}
@keyframes hiwSpray{0%{opacity:.95;transform:translate(0,0) scale(.6)}100%{opacity:0;transform:translate(-14px,-16px) scale(1.3)}}
@keyframes hiwTwinkle{0%{opacity:0;transform:scale(0) rotate(-40deg)}60%{opacity:1;transform:scale(1.3)}100%{opacity:1;transform:scale(1)}}
@keyframes hiwDrop{from{opacity:0;transform:translateY(-16px)}}
@keyframes hiwChip{from{opacity:0;transform:translate(-50%,14px) scale(.9)}}
@keyframes hiwSel{from{border-color:#27272a;background:#18181b}}
@keyframes hiwSheet{from{transform:translateY(130%);opacity:0}}
@keyframes hiwPress{0%,100%{transform:scale(1)}50%{transform:scale(.93);filter:brightness(1.15)}}
@keyframes hiwToast{from{opacity:0;transform:translateY(20px) scale(.95)}}
@keyframes hiwTapBook{0%{opacity:0;left:72%;top:calc(100% - 20px)}12%{opacity:1;left:27%;top:106px}25%{opacity:1;left:27%;top:106px;transform:scale(.7)}30%{transform:scale(1)}50%{opacity:1;left:27%;top:110px}72%{opacity:1;left:50%;top:calc(100% - 38px)}82%{left:50%;top:calc(100% - 38px);transform:scale(.7);opacity:1}90%{transform:scale(1);opacity:1}100%{opacity:0;left:50%;top:calc(100% - 38px)}}
@keyframes hiwTapOnce{0%{opacity:0;transform:scale(1.4)}40%{opacity:1;transform:scale(.7)}70%{opacity:1;transform:scale(1)}100%{opacity:0}}
@keyframes hiwTapRate{0%{opacity:0;left:24%}10%{opacity:1;left:24%}90%{opacity:1;left:76%}100%{opacity:0;left:78%}}
@keyframes hiwWinOn{0%,54%{opacity:0}55%,99%{opacity:1}100%{opacity:0}}
@keyframes hiwWinOff{0%,54%{opacity:1}55%,100%{opacity:0}}
@keyframes hiwFadeUp{from{opacity:0;transform:translateY(12px)}}
@keyframes hiwDraw{from{stroke-dashoffset:40}}
@keyframes hiwStar{from{fill:transparent;stroke:#52525b;transform:scale(.6)}}