/* GENERATED by design/mock/emit-layout-css.mjs — DO NOT EDIT.
   Source: design/mock/build-hero.mjs HERO_CSS + hero-base.css tokens.
   Class names rewritten to the app's; the mock's tokens are emitted under --mk- so this file
   is self-contained and the app's palette cannot silently repaint the design.
   Edit the mock and re-run the script; edits made here are overwritten and lost. */
:root{--mk-paper:#EDEEF1;--mk-card:#FCFCFD;--mk-sunk:#E4E6EB;--mk-ink:#141A21;--mk-ink2:#4A5761;--mk-ink3:#7B8794;--mk-line:#E1E4E9;--mk-teal:#14B8A6;--mk-tealInk:#042F2E;--mk-tealDeep:#0E7C74;--mk-acc:#0061CE;--mk-buy:#0B7C44;--mk-buyFill:#E4F8EC;--mk-r:13px;--mk-brandFont:ui-rounded,"SF Pro Rounded",Nunito,system-ui,sans-serif;--mk-e-out:cubic-bezier(.16,1,.3,1);--mk-e-in:cubic-bezier(.5,0,.75,0);--mk-e-soft:cubic-bezier(.4,0,.2,1);--mk-d-fast:120ms;--mk-d-base:260ms;--mk-d-slow:420ms;--mk-stagger:55ms}
.bm{display:grid;grid-template-columns:1fr clamp(380px,38vw,496px);background:var(--mk-card);border-radius:var(--mk-r);
  overflow:hidden;margin-bottom:16px;
  box-shadow:0 2px 0 rgba(20,26,33,.09),0 16px 32px -20px rgba(20,26,33,.5)}
.bm-hl{padding:32px 32px 28px}
.bm-hl .bm-h{font:700 26px/1.18 -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",
  system-ui,"Helvetica Neue",Arial,sans-serif;letter-spacing:-.022em;
  font-optical-sizing:auto;margin-bottom:10px;color:#1D1D1F}
.bm-hl .bm-h em{font-style:normal;color:var(--mk-acc);font-weight:700}
.bm-hl .bm-h .bm-lgo{font-family:var(--mk-brandFont);font-weight:900;letter-spacing:-.03em;
  color:var(--mk-ink);white-space:nowrap}
.bm-hl .bm-h .bm-lgo i{font-style:normal;color:var(--mk-acc)}
.bm-hl .bm-s{font:400 19px/1.42 system-ui;letter-spacing:-.012em;color:#6E6E73;max-width:38ch;
  margin-bottom:20px}
.bm-field{display:flex;align-items:center;gap:9px;background:#fff;border:2px solid var(--mk-ink);
  border-radius:16px;padding:6px 6px 6px 16px;min-height:56px;box-shadow:0 4px 12px -8px rgba(20,26,33,.45)}
.bm-field .bm-field-i{color:var(--mk-ink3);display:flex}
.bm-field .bm-field-i svg{width:17px;height:17px}
.bm-field .bm-field-in{flex:1;font:500 15px/1 system-ui;color:#6F7780;overflow:hidden;white-space:nowrap}
.bm-field .bm-field-go{display:inline-flex;align-items:center;gap:7px;background:var(--mk-acc);color:#fff;
  font:800 14.5px/1 system-ui;padding:15px 20px;border-radius:12px;flex:none;min-height:44px}
.bm-field .bm-field-go svg{width:14px;height:14px}
.bm-anylink{font:400 13.5px/1.4 system-ui;letter-spacing:-.008em;color:#6E6E73;margin-bottom:12px}
.bm-doors{display:flex;flex-wrap:wrap;gap:10px 30px;margin-top:18px}
.bm-door{display:flex;align-items:center;gap:9px;font:500 12.5px/1 system-ui;color:var(--mk-ink3);
  white-space:nowrap}
.bm-door b{font:600 13.5px/1 system-ui;color:#1D1D1F;letter-spacing:-.015em}
.bm-door .bm-door-i{width:26px;height:26px;border-radius:7px;background:rgba(0,97,206,.1);color:var(--mk-acc);
  display:flex;align-items:center;justify-content:center;flex:none}
.bm-door-scan .bm-door-i{background:rgba(20,184,166,.16);color:var(--mk-tealDeep)}
.bm-door .bm-door-i svg{width:14px;height:14px}
.bm-proof{background:#DFE4EC;position:relative;overflow:hidden;min-height:380px}
.bm-proof-cap{position:absolute;left:0;right:0;top:18px;text-align:center;z-index:3;
  font:700 9.5px/1 ui-monospace,Menlo,monospace;letter-spacing:.13em;text-transform:uppercase;color:#5C6674}
.bm-pf{position:absolute;inset:0;display:grid;grid-template-columns:224px 1fr;align-items:center;
  opacity:0;animation:rot 13.5s infinite}
.bm-pf-tagw{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 0 22px;align-self:stretch}
.bm-pf-tagw .bm-pf-hole{width:29px;height:9px;border-radius:999px;background:rgba(20,26,33,.18);
  box-shadow:inset 0 1.5px 2px rgba(20,26,33,.3);margin-bottom:10px}
.bm-pf-tagw .bm-pf-tag{background:#fff;border:1px solid #C3CBD6;border-bottom:0;border-radius:10px 10px 0 0;width:186px;
  padding:13px 13px 14px;text-align:center;box-shadow:0 6px 14px -10px rgba(20,26,33,.55)}
.bm-pf-tagw .bm-pf-tag img{height:62px;width:auto;margin:0 auto 9px;object-fit:contain}
.bm-pf-tagw .bm-pf-tag .bm-pf-nm{font:600 12px/1.25 system-ui;color:var(--mk-ink2);margin-bottom:6px}
.bm-pf-tagw .bm-pf-tag .bm-pf-pr{font:800 24px/1 system-ui;letter-spacing:-.03em}
.bm-pf-tagw .bm-pf-perf{width:186px;border-top:2.5px dashed #8D9AAB;position:relative;height:0}
.bm-pf-tagw .bm-pf-perf::before,.bm-pf-tagw .bm-pf-perf::after{content:"";position:absolute;top:-8px;width:15px;height:15px;
  border-radius:50%;background:#DFE4EC}
.bm-pf-tagw .bm-pf-perf::before{left:-8px}
.bm-pf-tagw .bm-pf-perf::after{right:-8px}
.bm-pf-tagw .bm-pf-stub{margin-top:15px;transform:rotate(-5deg);background:#fff;border:1px solid #C3CBD6;
  border-radius:10px;width:186px;padding:12px;text-align:center;box-shadow:0 9px 18px -10px rgba(20,26,33,.6)}
.bm-pf-tagw .bm-pf-stub .bm-pf-v{display:inline-flex;align-items:center;gap:6px;font:900 15px/1 system-ui;
  letter-spacing:.15em;text-transform:uppercase;padding:8px 13px 7px;border-radius:3px;
  background:transparent;position:relative;border:2.5px solid currentColor}
.bm-pf-tagw .bm-pf-stub .bm-pf-v::after{content:"";position:absolute;inset:3px;border:1px solid currentColor;
  border-radius:1px;opacity:.42}
.bm-pf-tagw .bm-pf-stub .bm-pf-v svg{width:13px;height:13px;stroke-width:3.4}
.bm-pf-tagw .bm-pf-stub .bm-pf-v.buy{color:#0B7C44}
.bm-pf-tagw .bm-pf-stub .bm-pf-v.skip{color:#A81F1F}
.bm-pf-tagw .bm-pf-stub .bm-pf-v.fair{color:#0E5AA7}
.bm-pf-tagw .bm-pf-stub .bm-pf-v.wait{color:#7A4E06}
.bm-pf-tagw .bm-pf-stub .bm-pf-r{font:600 12px/1.3 system-ui;color:var(--mk-ink2);margin-top:8px}
.bm-pf-prf{padding:22px 24px 22px 6px;color:var(--mk-acc)}
.bm-pf-prf .bm-pf-cl{font:700 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.13em;text-transform:uppercase;
  color:#5C6674;margin-bottom:8px}
.bm-pf-prf svg.bm-pf-chart{width:100%;height:86px;display:block;margin-bottom:11px}
.bm-pf-prf .bm-pf-fs{display:flex;background:rgba(255,255,255,.75);border:1px solid #C9D1DC;border-radius:9px;overflow:hidden}
.bm-pf-prf .f{flex:1;padding:10px 12px;border-right:1px solid #C9D1DC}
.bm-pf-prf .f:last-child{border-right:0}
.bm-pf-prf .f .bm-door-i{font:600 9px/1 ui-monospace,Menlo,monospace;letter-spacing:.07em;text-transform:uppercase;
  color:#5C6674;display:block;margin-bottom:4px;white-space:nowrap}
.bm-pf-prf .f .bm-pf-v{font:800 17px/1 system-ui;letter-spacing:-.025em;color:var(--mk-ink)}
.bm-pf:first-of-type{opacity:1}
.bm-pf{grid-template-columns:180px 1fr}