/* ============================================================================
   bw_wizard.css  .  WIZARD-1 THE LAST DRESS (Opus 5.5 build lane, Oct 19 2026)
   THE WIZARD FRAME, the standing law for every step-flow on the site, implemented from the desk renders
   WIZARD_CLAIM / WIZARD_CLUB / WIZARD_FACEOFF / WIZARD_BIZ / WIZARD_SHARESHEET (desktop + phone). Nothing here is
   designed by the lane: every size, color and gap is measured off those five pictures.
   - Governed header and footer stay as they are (bw_header.js, bw_footer.js).
   - Light field #f5f7fa; one centered column, max 600px; one question per screen.
   - Progress dots (mint pill done/current, gray dot ahead) + a caps step kicker; centered H1; one calm lead line.
   - One white card holds the step's inputs: Poppins fields on #f7f9fc with mint focus borders; set-of-three chips;
     full-width mint CTA; an honesty microline at the card's foot; a quiet back link UNDER the card.
   - TWOSIDES: two equal input panels with the VS medallion; long names whole; stacks on phone.
   All classes are namespaced .wz*; a page opts in with <body class="bwwz">. em-dash 0, en-dash 0.
   ============================================================================ */
@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/poppins-latin-400.woff2) format("woff2")}
@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/poppins-latin-500.woff2) format("woff2")}
@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/poppins-latin-600.woff2) format("woff2")}
@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/poppins-latin-700.woff2) format("woff2")}

:root{
  --wz-field:#f5f7fa; --wz-card:#fff; --wz-line:#e4e9f1; --wz-in:#f7f9fc; --wz-ink:#101a2e; --wz-lead:#5f6b80;
  --wz-kick:#8a94a6; --wz-lab:#5f6b80; --wz-mint:#3ddc97; --wz-mintd:#15825c; --wz-dot:#d5dde8; --wz-cta-ink:#0b1622;
  --wz-gold-bg:#fbf6ec; --wz-gold-line:#efdcb4; --wz-gold-ink:#3b2f16; --wz-warn:#c0432a
}
html body.bwwz{margin:0;background:var(--wz-field)!important;font-family:Poppins,-apple-system,"Segoe UI",system-ui,Roboto,Helvetica,Arial,sans-serif!important;color:var(--wz-ink);-webkit-font-smoothing:antialiased}
body.bwwz input,body.bwwz button,body.bwwz select,body.bwwz textarea{font-family:inherit}
.wzPage .wzIn,.wzPage .wzCta,.wzPage .wzBack,.wzPage .wzAdd,.wzPage .wzPick button,.wzSheet input,.wzSheet button{font-family:Poppins,-apple-system,"Segoe UI",system-ui,Roboto,Helvetica,Arial,sans-serif!important}

/* ---- the one column ---- */
.wzPage{box-sizing:border-box;max-width:600px;margin:0 auto;padding:38px 20px 56px;text-align:center}
.wzPage *,.wzSheet *{box-sizing:border-box}
.wzStep[hidden]{display:none!important}

/* ---- progress dots ---- */
.wzDots{display:flex;justify-content:center;align-items:center;gap:8px;height:8px;margin:0 0 16px}
.wzDots i{display:block;width:8px;height:8px;border-radius:999px;background:var(--wz-dot)}
.wzDots i.on{width:22px;background:var(--wz-mint)}

/* ---- kicker, H1, lead ---- */
.wzKick{font-family:Poppins,system-ui,sans-serif;font-size:11px;line-height:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--wz-kick);margin:0 0 9px}
.wzH1{font-family:Poppins,system-ui,sans-serif;font-size:26px;line-height:34px;font-weight:700;letter-spacing:-.2px;color:var(--wz-ink);margin:0 0 4px;overflow-wrap:anywhere}
.wzLead{font-size:14px;line-height:22px;font-weight:400;color:var(--wz-lead);margin:0 0 25px}

/* ---- the one white card ---- */
.wzCard{background:var(--wz-card);border:1px solid var(--wz-line);border-radius:16px;padding:42px 28px 28px;text-align:start;box-shadow:0 4px 14px rgba(16,26,46,.035)}
.wzCard>:first-child{margin-top:0}
.wzL{display:block;font-size:11px;line-height:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--wz-lab);margin:0 0 12px}
.wzL+.wzIn,.wzL+.wzInWrap{margin-top:0}
.wzIn,.wzCard textarea.wzIn,.wzCard select.wzIn{display:block;width:100%;height:54px;padding:0 16px;border:1px solid #dbe3ee;border-radius:12px;background:var(--wz-in);color:var(--wz-ink);font-size:17px;line-height:24px;font-weight:400;outline:none;-webkit-appearance:none;appearance:none;transition:border-color .12s,background .12s}
.wzCard textarea.wzIn{height:auto;min-height:110px;padding:14px 16px;resize:vertical;font-size:15px}
.wzCard select.wzIn{background-image:linear-gradient(45deg,transparent 50%,#8a94a6 50%),linear-gradient(135deg,#8a94a6 50%,transparent 50%);background-position:calc(100% - 22px) 25px,calc(100% - 17px) 25px;background-size:5px 5px;background-repeat:no-repeat;padding-inline-end:40px}
.wzIn::placeholder{color:#8a94a6;opacity:1}
.wzIn:focus,.wzIn.wzOn{border-color:var(--wz-mint);background:#fff}
.wzIn.wzBad{border-color:#f0b7a8}
.wzInWrap{position:relative}
.wzInWrap .wzPre{position:absolute;inset-inline-start:16px;top:0;line-height:54px;font-size:17px;color:#8a94a6;pointer-events:none}
.wzInWrap .wzPre+.wzIn{padding-inline-start:36px}
.wzGap{height:16px}
.wzSay{font-size:13px;line-height:19px;color:var(--wz-lead);margin:9px 2px 0}
.wzSay.ok{color:var(--wz-mintd);font-weight:600}
.wzSay.no{color:var(--wz-warn);font-weight:600}
.wzSay:empty{display:none}
.wzErr{font-size:13px;line-height:19px;color:var(--wz-warn);font-weight:600;margin:12px 0 0;text-align:center}
.wzErr:empty,.wzErr.hide{display:none}

/* ---- set-of-three chips ---- */
.wzChips{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 16px}
.wzChip{min-width:0;height:70px;border:1px solid var(--wz-line);border-radius:12px;background:var(--wz-in);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 8px;text-align:center}
.wzChip b{display:block;max-width:100%;font-size:16px;line-height:22px;font-weight:700;color:var(--wz-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wzChip s{display:block;text-decoration:none;font-size:10px;line-height:14px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--wz-mintd);margin-top:6px}
.wzChip.taken s,.wzChip.protected s{color:var(--wz-warn)}
.wzChip.wait s{color:var(--wz-kick)}
.wzChips+.wzL{margin-top:0}
.wzAdd{display:inline-block;background:none;border:0;padding:0;margin:-6px 0 0;font-size:13px;line-height:20px;font-weight:700;color:var(--wz-mintd);cursor:pointer}
.wzWordList{margin:0 0 18px}
.wzWordList .wzRow{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--wz-lead);margin:0 0 6px}
.wzWordList .wzRow b{color:var(--wz-ink);font-weight:700}

/* ---- the holding-for summary (gold note) ---- */
.wzHold{background:var(--wz-gold-bg);border:1px solid var(--wz-gold-line);border-radius:12px;padding:16px 18px;margin:22px 0 22px;font-size:13px;line-height:20px;color:var(--wz-gold-ink)}
.wzHold b{font-weight:700}

/* ---- the CTA, the honesty microline, the back link ---- */
.wzCta{display:flex;align-items:center;justify-content:center;width:100%;height:54px;margin:22px 0 0;border:0;border-radius:999px;background:var(--wz-mint);color:var(--wz-cta-ink);font-size:16px;line-height:1;font-weight:700;cursor:pointer;text-decoration:none;box-shadow:0 8px 22px rgba(61,220,151,.22);transition:filter .12s}
.wzCta:hover{filter:brightness(1.04)}
.wzCta:disabled,.wzCta[aria-disabled=true]{opacity:.55;cursor:default;box-shadow:none}
.wzHonest{font-size:12px;line-height:18px;font-weight:400;color:#8a94a6;text-align:center;margin:18px 6px 0}
.wzHonest b{font-weight:700;color:var(--wz-lead)}
.wzHonest a{color:var(--wz-lead);font-weight:700}
.wzBack{display:inline-block;margin:16px 0 0;font-size:13px;line-height:18px;font-weight:700;color:#8a94a6;text-decoration:none;background:none;border:0;cursor:pointer;padding:0}
.wzBack:hover{color:var(--wz-lead)}
.wzMore{font-size:12.5px;line-height:19px;color:#8a94a6;margin:14px 0 0;text-align:center}
.wzMore a{color:var(--wz-mintd);font-weight:700;text-decoration:none}

/* ---- choices inside a card (one question, two or three answers) ---- */
.wzPick{display:grid;gap:10px}
.wzPick button,.wzPick a{display:block;width:100%;text-align:start;border:1px solid var(--wz-line);background:var(--wz-in);border-radius:12px;padding:16px 18px;cursor:pointer;color:var(--wz-ink);text-decoration:none;font-size:13px;line-height:19px}
.wzPick button b,.wzPick a b{display:block;font-size:15px;line-height:22px;font-weight:700;margin:0 0 2px}
.wzPick button.on,.wzPick a.on,.wzPick button:hover,.wzPick a:hover{border-color:var(--wz-mint);background:#fff}
.wzPick small{display:inline-block;margin-top:8px;font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--wz-mintd)}

/* ---- TWOSIDES inside a wizard ---- */
.wzTwo{display:grid;grid-template-columns:1fr 64px 1fr;align-items:center;margin:0 0 22px}
.wzSide{min-width:0;background:var(--wz-in);border:1px solid #bfeed8;border-top:3px solid var(--wz-mint);border-radius:12px;padding:14px 14px 14px}
.wzSide .wzL{margin:0 0 9px}
.wzSide .wzIn{height:45px;font-size:14px;padding:0 12px;border-radius:10px}
.wzSide .wzIn+.wzIn{margin-top:8px}
.wzSide .wzIn.wzLine{background:#f3f6fa}
.wzVs{justify-self:center;width:40px;height:40px;border-radius:999px;border:2px solid var(--wz-mint);background:#fff;color:var(--wz-mintd);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;letter-spacing:.3px}

/* ---- a quiet note inside the card (no new design, the card's own type) ---- */
.wzNote{font-size:13px;line-height:20px;color:var(--wz-lead);margin:0 0 16px}
.wzNote b{color:var(--wz-ink)}

/* ---- phone ---- */
@media (max-width:560px){
  .wzPage{padding:34px 20px 48px}
  .wzDots{margin-bottom:17px}
  .wzKick{margin-bottom:7px}
  .wzH1{font-size:22px;line-height:30px;margin-bottom:6px}
  .wzLead{font-size:13px;line-height:21px;margin-bottom:24px}
  .wzCard{padding:42px 28px 28px}
  .wzChips{grid-template-columns:1fr;gap:11px}
  .wzTwo{grid-template-columns:1fr;gap:0}
  .wzVs{margin:9px auto}
  .wzSide .wzIn{height:44px}
}
@media (max-width:360px){.wzCard{padding:32px 18px 22px}.wzPage{padding-inline-start:16px;padding-inline-end:16px}}

/* ============================================================================
   THE SHARE SHEET (render WIZARD_SHARESHEET): a white modal over the dimmed page, a mini preview of the
   link's own twin card in its dark dress, the link row with one mint Copy button, the post-it-everywhere
   line, the never-sends microline. Drawn by bw_share1.js (BWShare.share), the one share component.
   ============================================================================ */
.wzSheetBack{position:fixed;inset:0;z-index:2147483000;background:rgba(6,12,22,.95);display:flex;align-items:flex-start;justify-content:center;padding:106px 16px 24px;overflow:auto;font-family:Poppins,-apple-system,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.wzSheet{position:relative;box-sizing:border-box;width:480px;max-width:100%;background:#fff;border-radius:18px;padding:28px 28px 30px;text-align:start;color:var(--wz-ink);box-shadow:0 24px 60px rgba(0,0,0,.35)}
.wzSheet h2{font-family:Poppins,system-ui,sans-serif;font-size:20px;line-height:26px;font-weight:700;margin-block:0 4px;margin-inline:0 40px;color:var(--wz-ink)}
.wzSheet .wzSub{font-size:13.5px;line-height:20px;color:var(--wz-lead);margin:0 0 15px}
.wzSheet .wzX{position:absolute;inset-inline-end:22px;top:24px;width:32px;height:32px;border:0;background:none;color:#8a94a6;font-size:22px;line-height:32px;cursor:pointer;padding:0}
.wzMini{background:linear-gradient(160deg,#0d1726,#0a1320);border:1px solid var(--wz-line);border-radius:12px;padding:17px 18px 14px;color:#fff;margin:0 0 17px;overflow:hidden}
.wzMini .wzMk{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#fff;line-height:18px;margin:0 0 9px}
.wzMini .wzMk img{width:23px;height:auto;display:block}
.wzMini .wzMkick{font-size:10px;line-height:13px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#3ddc97;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wzMini .wzMh{font-size:18px;line-height:24px;font-weight:700;color:#fff;margin:0 0 10px;overflow-wrap:anywhere}
.wzMini .wzMh i{font-style:normal;color:#e9c46a;font-size:13px;margin:0 6px}
.wzMini .wzMcta{display:inline-block;background:#3ddc97;color:#0b1622;border-radius:999px;font-size:11px;line-height:13px;font-weight:700;padding:7px 15px}
.wzMini .wzMu{font-size:11px;line-height:15px;color:#93a3b2;margin:12px 0 0}
.wzLinkRow{display:flex;gap:10px;align-items:stretch;margin:0 0 15px}
.wzLinkRow input{flex:1;min-width:0;height:44px;border:1px solid #dbe3ee;border-radius:12px;background:#f7f9fc;color:#33415b;font-size:14px;padding:0 14px;outline:none;text-overflow:ellipsis}
.wzLinkRow button{flex:0 0 auto;width:81px;height:44px;border:0;border-radius:12px;background:#3ddc97;color:#0b1622;font-size:15px;font-weight:700;cursor:pointer}
.wzSheet .wzPost{font-size:13px;line-height:20px;color:var(--wz-lead);margin:0 0 20px}
.wzSheet .wzPost b{color:var(--wz-ink);font-weight:700}
.wzSheet .wzNever{font-size:12px;line-height:18px;color:#8a94a6;text-align:center;margin:0}
.wzSheet .wzMoreWays{display:block;margin:12px auto 0;background:none;border:0;color:var(--wz-mintd);font-size:12.5px;font-weight:700;cursor:pointer}
@media (max-width:560px){
  .wzSheetBack{padding:104px 16px 24px}
  .wzSheet{padding:28px 28px 26px}
  .wzLinkRow input{height:44px}
}
@media (max-width:360px){.wzSheet{padding:22px 18px}}

/* ---- hosts: a page whose flow sits inside a larger page (the claim page's signed-out door) ---- */
html body:has(#side-pers-empty:not(.hide)),html body:has(#side-comm-empty.wzOn:not(.hide)){background:var(--wz-field)!important}
#side-pers-empty .wzPage,#side-comm-empty .wzPage{max-width:560px;padding:24px 0 56px;font-family:Poppins,-apple-system,"Segoe UI",system-ui,sans-serif;color:var(--wz-ink)}
#side-pers-empty .wzNote.wzQuiet{display:none}
#side-pers-empty .wzNote{font-size:13.5px;line-height:20px;color:var(--wz-lead);margin:0 0 18px;text-align:center}
#side-pers-empty #bwBizDoorCard{display:none!important}

/* ============================================================================
   THE LEGACY SKIN (law-bound pages, no render): a page whose form is built by its own script puts it inside
   <div class="wzCard wzLegacy">; its plain fields, labels, buttons and notes then wear the frame without the
   script changing. Only the frame's own measures (fields #f7f9fc + mint focus, mint full-width CTA, caps labels).
   ============================================================================ */
.wzLegacy h2{font-family:Poppins,system-ui,sans-serif;font-size:17px;line-height:24px;font-weight:700;color:var(--wz-ink);margin:0 0 4px}
.wzLegacy .sub,.wzLegacy .help,.wzLegacy .hint,.wzLegacy .note,.wzLegacy .nsend{font-size:13px;line-height:20px;color:var(--wz-lead);opacity:1}
.wzLegacy label.f,.wzLegacy .lbl,.wzLegacy label.l,.wzLegacy .bwz-l{display:block;font-size:11px;line-height:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--wz-lab);margin:18px 0 10px}
.wzLegacy>label.f:first-child,.wzLegacy>div>label.f:first-child{margin-top:0}
.wzLegacy input[type=text],.wzLegacy input[type=email],.wzLegacy input[type=number],.wzLegacy input[type=url],.wzLegacy input[type=search],.wzLegacy input[type=datetime-local],.wzLegacy input[type=date],.wzLegacy input:not([type]),.wzLegacy select,.wzLegacy textarea{
  display:block;width:100%;box-sizing:border-box;height:54px;padding:0 16px;border:1px solid #dbe3ee;border-radius:12px;background:var(--wz-in);color:var(--wz-ink);font-family:Poppins,-apple-system,"Segoe UI",system-ui,sans-serif;font-size:16px;line-height:24px;outline:none;-webkit-appearance:none;appearance:none;margin:0}
.wzLegacy textarea{height:auto;min-height:96px;padding:14px 16px;resize:vertical;font-size:15px}
.wzLegacy select{background-image:linear-gradient(45deg,transparent 50%,#8a94a6 50%),linear-gradient(135deg,#8a94a6 50%,transparent 50%);background-position:calc(100% - 22px) 25px,calc(100% - 17px) 25px;background-size:5px 5px;background-repeat:no-repeat;padding-inline-end:40px}
.wzLegacy input:focus,.wzLegacy select:focus,.wzLegacy textarea:focus{border-color:var(--wz-mint);background-color:#fff}
.wzLegacy input[type=checkbox],.wzLegacy input[type=radio]{width:18px;height:18px;accent-color:var(--wz-mintd)}
.wzLegacy button.go,.wzLegacy a.go,.wzLegacy .btn:not(.ghost):not(.sec),.wzLegacy button.cta,.wzLegacy a.cta,.wzLegacy button[type=submit],.wzLegacy .bwBtn{
  display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;height:auto;margin:22px 0 0;padding:12px 20px;border:0;border-radius:999px;background:var(--wz-mint);color:var(--wz-cta-ink);font-family:Poppins,-apple-system,"Segoe UI",system-ui,sans-serif;font-size:16px;line-height:1.2;font-weight:700;text-decoration:none;cursor:pointer;box-shadow:0 8px 22px rgba(61,220,151,.22);box-sizing:border-box;text-align:center}
.wzLegacy button.go[disabled],.wzLegacy .btn[disabled],.wzLegacy button.cta[disabled]{opacity:.55;box-shadow:none;cursor:default}
.wzLegacy .btn.ghost,.wzLegacy .btn.sec,.wzLegacy button.go.cancel,.wzLegacy .ghost{background:transparent;color:var(--wz-mintd);border:1.5px solid var(--wz-mint);box-shadow:none}
.wzLegacy .locked,.wzLegacy .pre,.wzLegacy .confirm,.wzLegacy .tt{background:var(--wz-in);border:1px solid var(--wz-line);border-radius:12px;padding:16px 18px;color:var(--wz-ink);font-size:13.5px;line-height:20px}
.wzLegacy .side,.wzLegacy .voice{background:var(--wz-in);border:1px solid #bfeed8;border-top:3px solid var(--wz-mint);border-radius:12px;padding:14px;margin-top:16px;color:var(--wz-ink)}
.wzLegacy .voice .vh,.wzLegacy .side .st{font-size:11px;line-height:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--wz-lab)}
.wzLegacy .ok{color:var(--wz-mintd);font-weight:600}
.wzLegacy .bw-err,.wzLegacy .err,.wzLegacy .state.no{color:var(--wz-warn);font-weight:600}
.wzLegacy .out{font-size:14px;line-height:21px;color:var(--wz-ink)}
.wzLegacy .linkrow{background:var(--wz-in);border:1px solid var(--wz-line);border-radius:12px;padding:14px 16px;margin:14px 0}
.wzLegacy .linkrow .u{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 18px;border-radius:999px;background:var(--wz-mint);color:var(--wz-cta-ink);font-weight:700;font-size:14px;text-decoration:none;cursor:pointer;margin-top:8px}
.wzLegacy .restate,.wzPage>.restate{background:#eafaf2;border:1px solid #bfeed8;color:var(--wz-ink);border-radius:12px;padding:12px 14px;font-size:13.5px;margin:0 0 16px;text-align:start}
.wzLegacy .pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:560px){.wzLegacy .pair{grid-template-columns:1fr}}
.wzLegacy .ta-list{background:#fff;border:1px solid var(--wz-line);border-radius:0 0 12px 12px}
/* the door picker (one question: which door) */
.wzPick .dn{display:block;font-size:15px;line-height:22px;font-weight:700;color:var(--wz-ink)}
.wzPick .dl{display:block;font-size:13px;line-height:19px;color:var(--wz-lead);margin-top:2px}
.wzPick .lk{display:inline-block;margin-top:8px;font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--wz-mintd)}
/* the preview step: the card as it will unfurl (the twin's dark dress, same tokens as the share sheet mini) */
.wzPrev{background:linear-gradient(160deg,#0d1726,#0a1320);border-radius:12px;padding:18px;color:#fff;text-align:start}
.wzPrev .k{font-size:10px;line-height:13px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#3ddc97;margin:0 0 8px}
.wzPrev .q{font-size:15px;line-height:21px;font-weight:700;color:#fff;margin:0 0 12px;overflow-wrap:anywhere}
.wzPrev .two{display:grid;grid-template-columns:1fr 44px 1fr;gap:6px;align-items:center}
.wzPrev .s{background:#15223a;border-radius:10px;padding:10px;min-width:0}
.wzPrev .s b{display:block;font-size:14px;line-height:19px;font-weight:700;color:#fff;overflow-wrap:anywhere}
.wzPrev .s span{display:block;font-size:11.5px;line-height:16px;color:#b9c8da;margin-top:4px;overflow-wrap:anywhere}
.wzPrev .vs{width:34px;height:34px;border-radius:999px;border:2px solid #e9c46a;color:#e9c46a;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;justify-self:center}
.wzPrev .c{display:inline-block;margin-top:14px;background:#3ddc97;color:#0b1622;border-radius:999px;font-size:11px;font-weight:700;padding:7px 15px}
@media (max-width:560px){.wzPrev .two{grid-template-columns:1fr}.wzPrev .vs{margin:2px auto}}
.wzTwo.wzTwoTall{align-items:start}
.wzTwo.wzTwoTall .wzVs{margin-top:60px}
.wzTwo .side{margin-top:0}
@media (max-width:560px){.wzTwo.wzTwoTall .wzVs{margin:9px auto}}
.wzLegacy .wzSide .wzL{margin:0 0 9px}
.wzLegacy .wzSide .wzIn{height:45px;font-size:14px;padding:0 12px;border-radius:10px}
.wzLegacy .wzSide .wzIn+.wzIn{margin-top:8px}
.wzLegacy .wzSide .wzIn.wzOn{border-color:var(--wz-mint);background:#fff}
.wzLegacy .wzSide .wzIn.wzLine{background:#f3f6fa}
.wzLegacy .wzHonest{margin-top:18px}
.wzLegacy #turnstileBox:empty,.wzLegacy .out:empty{display:none!important}
.wzCard .wzStep>.wzTwo:first-child,.wzCard>.wzTwo:first-child{margin-top:-11px}
/* MAKERS-1 THE INFO LAW (R-230Y-19 on every maker): the i, its one line, the choice card's i, the opening sentence,
   and THE PREVIEW LAW frame (the card and the landing as a visitor will see it). Same look as the offers composer. */
.wzI,.wzPick button.wzI{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;min-height:0;margin-block:0 0;margin-inline:6px 0;padding:0;border-radius:999px;border:1px solid #cfd5e1;background:#fff;color:#4b5170;font:700 12px Poppins,system-ui,sans-serif;letter-spacing:0;text-transform:none;cursor:pointer;vertical-align:middle;line-height:1;box-shadow:none}
.wzI:hover,.wzPick button.wzI:hover{border-color:var(--wz-mint);background:#fff}
.wzIL{display:block;font-size:12px;line-height:1.45;font-weight:400;letter-spacing:0;text-transform:none;color:#33415b;background:#f2fdf8;border:1px solid #c9efdd;border-radius:8px;padding:7px 10px;margin:8px 0 0}
.wzIL[hidden]{display:none}
.wzPC{position:relative}
.wzPC>button{padding-inline-end:44px!important}
.wzPCi{position:absolute;top:10px;inset-inline-end:10px}
.wzPCl{position:absolute;inset-inline-start:0;inset-inline-end:0;top:100%;z-index:6}
.wzPCl .wzIL{margin:4px 0 0;box-shadow:0 6px 16px rgba(18,32,46,.12)}
.wzIs{font-size:14px;line-height:21px;color:var(--wz-ink);background:#f2fdf8;border:1px solid #c9efdd;border-radius:12px;padding:12px 14px;margin:0 0 22px}
.wzPv h3{font-size:11px;line-height:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--wz-lab);margin:22px 0 10px}
.wzPv h3:first-child{margin-top:0}
.wzPvLand{border:1px solid var(--wz-line);border-radius:12px;overflow:hidden;background:#0b1622}
.wzPvLand iframe{display:block;width:100%;height:560px;border:0;background:#0b1622}
.wzPvLand.light,.wzPvLand.light iframe{background:#fff}
.wzPvNote{font-size:12.5px;line-height:18px;color:var(--wz-lead);margin:8px 2px 0}
.wzLive{font-size:16px!important;min-height:56px}
.wzFits{display:grid;gap:8px;margin:10px 0 0}
.wzFits button{display:flex;justify-content:space-between;gap:10px;align-items:center;width:100%;text-align:start;border:1px solid var(--wz-line);background:var(--wz-in);border-radius:12px;padding:12px 14px;cursor:pointer;font:inherit;font-size:13px;line-height:19px;color:var(--wz-ink)}
.wzFits button b{font-size:15px}
.wzFits button.on{border-color:var(--wz-mint);background:#fff;box-shadow:inset 0 0 0 1px var(--wz-mint)}
.wzFits button span{color:var(--wz-lead);text-align:end}
@media (max-width:560px){ .wzPvLand iframe{height:520px} .wzFits button{flex-direction:column;align-items:flex-start} .wzFits button span{text-align:start} }
