/* Landing v3 · base compartilhada (dono: agente da landing). Só tokens --bm-* de ds.css; nenhum hex.
   Bloco 1: peças da landing (prefixo lx-). Bloco 2: seletores que /pricing e /docs ainda usam (.sec, .faq, .final, .plans, .plan-c, .meth, .urlform). */

/* ---------- 1 · landing ---------- */
.lx { overflow-x: clip; }
.lx-sec { padding: var(--bm-s9) 0; scroll-margin-top: 64px; }
.lx-sec.alt { background: var(--bm-card); border-top: 1px solid var(--bm-line); border-bottom: 1px solid var(--bm-line); }
.lx-eb { display: flex; align-items: center; gap: var(--bm-s4); margin-bottom: var(--bm-s4); }
.lx-eb .roman { font-size: 34px; }
.lx-eb .lx-rule { flex: 1; height: 1px; background: var(--bm-line); }
.lx-eb .e3d { flex: none; }
.lx-head { display: flex; flex-direction: column; gap: var(--bm-s4); max-width: 820px; margin-bottom: var(--bm-s7); }
.lx-head .lead { max-width: 36em; }
.lx-mono { font-family: var(--bm-mono); font-feature-settings: 'zero'; }
.lx .mk svg:not([fill="none"]) { fill: currentColor; }
.lx-label { font: 500 11.5px/1.2 var(--bm-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--bm-faint); }
.lx-src { font-size: 12px; color: var(--bm-faint); }
.lx-thumb { width: 44px; height: 44px; flex: none; border-radius: var(--bm-r2); border: 1px solid var(--bm-line); background: var(--bm-white); object-fit: contain; display: grid; place-items: center; overflow: hidden; }
.lx-thumb img { width: 100%; height: 100%; object-fit: contain; display: block; }
.lx-tap { min-height: 44px; }
@media (max-width: 720px) {
  .lx-sec { padding: var(--bm-s8) 0; }
  .lx-eb .roman { font-size: 28px; }
  .lx-head { margin-bottom: var(--bm-s6); }
  .lx-head .lead { font-size: 17px; }
}


/* ---------- sections (from the v3 prototype, one block per section) ---------- */

.lh{padding:72px 0 80px}
.lh-g{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:64px;align-items:center}
.lh-l{min-width:0}
.lh-eb{margin-bottom:var(--bm-s5)}.lh-eb .roman{font-size:30px}
.lh-h1{font-size:clamp(50px,6.5vw,94px);line-height:.94}
.lh-h1 .ln{display:block}
.lh-h1 [data-reveal]{transition-delay:calc(var(--i,0)*120ms)}
.lh-lead{margin:var(--bm-s5) 0 var(--bm-s6);font-size:20px}
.lh-form{display:flex;flex-direction:column;gap:var(--bm-s2);max-width:560px;scroll-margin-top:120px}
.lh-form .urlbar>.e3d{align-self:center;margin:0 2px 0 10px}
.lh-form .input{font-size:18px}
.lh-hint{margin-top:2px;font-size:13.5px}
.lh-r{min-width:0;position:relative}
/* palco */
.hs,.hl{background:var(--bm-card);border:1px solid var(--bm-line);border-radius:var(--bm-r4);box-shadow:var(--bm-sh3);overflow:hidden}
.hs[hidden],.hl[hidden]{display:none}
.hs-top{display:flex;align-items:center;gap:4px;padding:8px 8px 0 8px;border-bottom:1px solid var(--bm-line)}
.hs-top .iconbtn{width:44px;height:44px;flex:none;color:var(--bm-sub);font-size:14px}
.hs-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));flex:1;min-width:0}
.hs-tab{appearance:none;border:0;background:none;font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:8px;align-items:stretch;padding:10px 8px 0;min-height:48px;color:var(--bm-faint);font-size:13px;font-weight:500;min-width:0}
.hs-tl{display:flex;align-items:center;gap:6px;white-space:nowrap}
.hs-n{font-size:11px;color:var(--bm-faint)}
.hs-tab:hover{color:var(--bm-sub)}
.hs-tab[aria-selected="true"]{color:var(--bm-ink)}
.hs-bar{display:block;height:2px;background:var(--bm-soft);overflow:hidden;border-radius:2px}
.hs-bar b{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:var(--bm-plum)}
.hs-tab.done .hs-bar b{transform:none;background:var(--bm-lilac-line)}
.hs-tab[aria-selected="true"] .hs-bar b{animation:hs-fill 3200ms linear forwards}
.hs.paused .hs-tab[aria-selected="true"] .hs-bar b,.hs.rm .hs-tab[aria-selected="true"] .hs-bar b{animation-play-state:paused}
.hs.rm .hs-tab[aria-selected="true"] .hs-bar b{animation:none;transform:none}
@keyframes hs-fill{to{transform:scaleX(1)}}
.hs-view{position:relative;height:440px}
.hs-s{position:absolute;inset:0;padding:28px;display:flex;flex-direction:column;gap:14px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity var(--bm-d3) var(--bm-ease),transform var(--bm-d3) var(--bm-ease-out),visibility 0s linear var(--bm-d3)}
.hs-s.on{opacity:1;visibility:visible;transform:none;transition:opacity var(--bm-d3) var(--bm-ease),transform var(--bm-d3) var(--bm-ease-out)}
.hs-cap{font-size:13px;color:var(--bm-sub)}
.hs .in{opacity:1!important;transform:none!important}
/* 1 read */
.hs-url{display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;border:1px solid var(--bm-line-2);border-radius:var(--bm-r2);background:var(--bm-paper);font-size:15px}
.hs-caret{width:2px;height:18px;background:var(--bm-orchid);animation:bm-blink 1s steps(2) infinite}
.hs-prog>i{width:0;transition:width 1.2s var(--bm-ease-out)}
.hs-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hs-tile{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--bm-line);border-radius:var(--bm-r3);background:var(--bm-card);opacity:0;transform:translateY(10px) scale(.96);transition:opacity var(--bm-d3) var(--bm-ease),transform var(--bm-d4) var(--bm-ease-spring)}
.hs-tile .lx-thumb{width:100%!important;height:96px!important;border:0;background:var(--bm-paper)}
.hs-tt{font-size:12.5px;font-weight:500;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.hs-pr{font-size:13px}
.hs-sum{display:flex;gap:18px;font-size:13px;color:var(--bm-sub);margin-top:auto;opacity:0;transform:translateY(6px);transition:all var(--bm-d3) var(--bm-ease)}
.hs-sum b{color:var(--bm-ink);font-weight:600}.hs-sum .hs-ok{color:var(--bm-ok)}
/* 2 fix */
.hs-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--bm-line);border-radius:var(--bm-r3);opacity:0;transform:translateX(-10px);transition:all var(--bm-d3) var(--bm-ease)}
.hs-rb{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:14px}
.hs-rb b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hs-raw{font-size:12.5px;color:var(--bm-sub);display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}
.hs-raw s{color:var(--bm-bad)}
.hs-was{color:var(--bm-bad)}.hs-now{display:none;color:var(--bm-ok);font-weight:600}
.hs-row.done .hs-was{display:none}.hs-row.done .hs-now{display:inline}
.hs-st{display:grid;flex:none}.hs-st>*{grid-area:1/1;justify-self:end;transition:opacity var(--bm-d2) var(--bm-ease),transform var(--bm-d3) var(--bm-ease-spring)}
.hs-b{opacity:0;transform:scale(.8)}
.hs-row.done .hs-a{opacity:0;transform:scale(.8)}.hs-row.done .hs-b{opacity:1;transform:none}
.hs-row.done{border-color:var(--bm-ok-line)}
.hs-pub{display:flex;align-items:center;gap:12px;margin-top:auto;opacity:0;transform:translateY(6px);transition:all var(--bm-d3) var(--bm-ease)}
.hs-pubbtn{pointer-events:none}
.hs-live{opacity:0;transform:scale(.8);transition:all var(--bm-d3) var(--bm-ease-spring)}
.hs-pub.live .hs-live{opacity:1;transform:none}.hs-pub.live .hs-pubbtn{transform:scale(.97)}
/* 3 ask */
.hs-orch{display:flex;gap:8px;flex-wrap:wrap}
.hs-om{opacity:.32;transform:scale(.92);transition:opacity var(--bm-d3) var(--bm-ease),transform var(--bm-d3) var(--bm-ease-spring)}
.hs-om.on{opacity:1;transform:none}.hs-om.on .mk.tile{border-color:var(--bm-orchid);box-shadow:0 0 0 3px var(--bm-lilac-line)}
.hs-who{font-size:13px;color:var(--bm-sub);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.hs-who .agent{color:var(--bm-ink)}
.hs-bub{align-self:flex-end;max-width:80%;background:var(--bm-plum);color:var(--bm-white);padding:12px 16px;border-radius:18px 18px 4px 18px;font-size:16px;opacity:0;transform:translateY(8px);transition:all var(--bm-d3) var(--bm-ease)}
.hs-hop{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--bm-line);border-radius:var(--bm-r3);background:var(--bm-paper);opacity:0;transform:translateY(8px);transition:all var(--bm-d3) var(--bm-ease)}
.hs-hm{display:inline-flex}
.hs-line{flex:1;height:2px;background:var(--bm-line-2);position:relative;border-radius:2px;overflow:hidden;min-width:24px}
.hs-line i{position:absolute;left:0;top:0;bottom:0;width:100%;transform:scaleX(0);transform-origin:left;background:var(--bm-orchid)}
.hs-hop.go .hs-line i{animation:hs-line .6s var(--bm-ease-out) forwards}
@keyframes hs-line{to{transform:scaleX(1)}}
.hs-sa{display:flex;flex-direction:column;line-height:1.25;font-size:14px}.hs-sa small{color:var(--bm-faint);font-size:12px}
.hs-checks{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.hs-checks li{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:var(--bm-pill);border:1px solid var(--bm-line);font-size:13px;color:var(--bm-faint);transition:all var(--bm-d3) var(--bm-ease)}
.hs-checks li::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--bm-line-2);transition:background var(--bm-d2) var(--bm-ease)}
.hs-checks li.on{color:var(--bm-ok);border-color:var(--bm-ok-line);background:var(--bm-ok-wash)}.hs-checks li.on::before{background:var(--bm-ok)}
/* 4 buy */
.hs-ans{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:var(--bm-r3);background:var(--bm-soft);opacity:0;transform:translateY(8px);transition:all var(--bm-d3) var(--bm-ease)}
.hs-ansh{display:flex;align-items:center;gap:8px;font-size:13px}.hs-ans p{font-size:15px}
.hs-pc{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--bm-r2);background:var(--bm-card);border:1px solid var(--bm-line);opacity:0;transform:scale(.97);transition:all var(--bm-d3) var(--bm-ease-spring)}
.hs-pcb{flex:1;min-width:0;display:flex;flex-direction:column;font-size:13.5px;line-height:1.3}.hs-pcb b{font-weight:600}
.ok-t{color:var(--bm-ok);font-size:12.5px}
.hs-co{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--bm-line);border-radius:var(--bm-r3);opacity:0;transform:translateY(12px);transition:all var(--bm-d4) var(--bm-ease-out)}
.hs-li{display:flex;justify-content:space-between;font-size:13.5px;color:var(--bm-sub)}.hs-li b{color:var(--bm-ink);font-weight:500}
.hs-tot{color:var(--bm-ink);font-weight:600;border-top:1px solid var(--bm-line);padding-top:6px}.hs-tot b{font-weight:600}
.hs-payrow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}
.hs-how{font-size:12.5px;color:var(--bm-sub)}
.hs-paybtn{pointer-events:none;transition:transform var(--bm-d1) var(--bm-ease)}.hs-paybtn.press{transform:scale(.94)}
/* 5 order */
.hs-done{margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;opacity:0;transform:scale(.97);transition:all var(--bm-d4) var(--bm-ease-out)}
.hs-done .checkmark{width:64px;height:64px}
.hs-paid{font-size:17px}.hs-paid b{font-weight:600}
.hs-amt{font:400 64px/1 var(--bm-font-display);letter-spacing:-.03em}
.hs-from{font-size:13.5px;color:var(--bm-sub);display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center}.hs-from .agent{color:var(--bm-ink)}
/* leitura ao vivo */
.hl{padding:28px;min-height:493px;display:flex;flex-direction:column;gap:18px}
.hl-h{display:flex;align-items:center;gap:16px}
.hl-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.hl-t b{font-size:17px;font-weight:600;overflow-wrap:anywhere}
.hl-bar.indet>i{width:30%!important;animation:hl-indet 1.3s var(--bm-ease) infinite}
@keyframes hl-indet{from{transform:translateX(-100%)}to{transform:translateX(340%)}}
.hl-nums{display:flex;gap:var(--bm-s7)}
.hl-thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.hl-thumbs>*{aspect-ratio:1;border-radius:var(--bm-r2);border:1px solid var(--bm-line)}
.hl-th{background:var(--bm-white);overflow:hidden;opacity:0;transform:scale(.7);transition:opacity var(--bm-d3) var(--bm-ease),transform var(--bm-d4) var(--bm-ease-spring)}
.hl-th.in{opacity:1;transform:none}.hl-th img{width:100%;height:100%;object-fit:contain;display:block}
.hl #hl-note{margin-top:auto}
.hl-open{align-self:flex-start}
/* faixa */
.lw{border-top:1px solid var(--bm-line);border-bottom:1px solid var(--bm-line);background:var(--bm-card)}
.lw-in{display:flex;align-items:center;gap:var(--bm-s5);min-height:72px}
.lw-lbl{flex:none}
.lw-vp{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,var(--bm-ink) 48px,var(--bm-ink) calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,transparent,var(--bm-ink) 48px,var(--bm-ink) calc(100% - 48px),transparent)}
.lw-track{display:flex;width:max-content}
.lw.dup .lw-track{animation:lw-marq 36s linear infinite}
.lw.paused .lw-track,.lw-vp:hover .lw-track{animation-play-state:paused}
@keyframes lw-marq{to{transform:translateX(-50%)}}
.lw-set{display:flex;align-items:center;gap:40px;padding-right:40px}
.lw-i .agent{font-size:15px;color:var(--bm-ink-2)}
.lw-btn{width:44px;height:44px;flex:none;color:var(--bm-sub);font-size:14px}
@media (max-width:980px){
  .lh{padding:40px 0 48px}
  .lh-g{grid-template-columns:minmax(0,1fr);gap:40px}
}
@media (max-width:720px){
  .lh{padding:28px 0 40px}
  .lh-h1{font-size:clamp(46px,13.5vw,64px)}
  .lh-lead{font-size:17px;margin:var(--bm-s4) 0 var(--bm-s5)}
  .lh-form .urlbar>.e3d{display:none}
  .hs-view{height:420px}
  .hs-s{padding:18px;gap:12px}
  .hs-tab{font-size:12px;padding:10px 2px 0;gap:6px}.hs-n{display:none}
  .hs-tiles{gap:8px}.hs-tile{padding:8px}.hs-tile .lx-thumb{height:72px!important}.hs-tt{font-size:11.5px}
  .hs-sum{gap:10px;font-size:12px;flex-wrap:wrap}
  .hs-row{padding:10px;gap:10px}.hs-rb{font-size:13px}.hs-st .pill{font-size:11.5px;padding:0 8px}
  .hs-bub{font-size:15px}
  .hs-amt{font-size:52px}
  .hl{padding:18px;min-height:0}.hl-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hl-nums{gap:var(--bm-s6)}
  .lw-in{gap:var(--bm-s3);min-height:64px}.lw-lbl{display:none}
}
@media (prefers-reduced-motion:reduce){
  .lw-track{animation:none;width:auto;flex-wrap:wrap}.lw-set{flex-wrap:wrap;gap:16px 28px;padding:12px 0}.lw-set[aria-hidden]{display:none}
  .lw-vp{-webkit-mask-image:none;mask-image:none}.lw-btn{display:none}
  .hs-caret{display:none}
}

.lm{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(150px,.7fr) minmax(0,1fr);align-items:stretch}
.lm-box{position:relative;display:flex;flex-direction:column;gap:var(--bm-s4);padding:var(--bm-s5);border-radius:var(--bm-r4);border:1px solid var(--bm-line);background:var(--bm-card);box-shadow:var(--bm-sh1);transition:border-color var(--bm-d3) var(--bm-ease),box-shadow var(--bm-d3) var(--bm-ease)}
.lm.s1 .lm-orch,.lm.s2 .lm-orch{border-color:var(--bm-orchid);box-shadow:0 0 0 4px var(--bm-lilac),var(--bm-sh2)}
.lm.s3 .lm-store,.lm.s4 .lm-store{border-color:var(--bm-orchid);box-shadow:0 0 0 4px var(--bm-lilac),var(--bm-sh2)}
.lm.s3 .lm-orch,.lm.s4 .lm-orch,.lm.s5 .lm-orch{border-color:var(--bm-line);box-shadow:var(--bm-sh1)}
.lm.s5 .lm-store{border-color:var(--bm-ok-line);box-shadow:0 0 0 4px var(--bm-ok-wash),var(--bm-sh2)}
.lm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.lm-a{appearance:none;display:flex;align-items:center;gap:10px;min-height:46px;padding:0 12px;border-radius:var(--bm-r2);border:1px solid var(--bm-line);background:var(--bm-paper);font:inherit;font-size:14.5px;font-weight:500;color:var(--bm-ink);cursor:pointer;text-align:left;transition:border-color var(--bm-d2) var(--bm-ease),background var(--bm-d2) var(--bm-ease),transform var(--bm-d1) var(--bm-ease)}
.lm-a:hover{border-color:var(--bm-line-2);background:var(--bm-card)}
.lm-a:active{transform:scale(.98)}
.lm-a[aria-pressed="true"]{border-color:var(--bm-ink);background:var(--bm-card);box-shadow:inset 0 0 0 1px var(--bm-ink)}
.lm.s2 .lm-a:not([aria-pressed="true"]){animation:lm-scan 1s var(--bm-ease) both;animation-delay:calc(var(--i)*70ms)}
@keyframes lm-scan{40%{border-color:var(--bm-orchid);background:var(--bm-lilac)}}
.lm-phones{display:flex;flex-direction:column;gap:8px;padding-top:var(--bm-s3);border-top:1px solid var(--bm-line)}
.lm-pm{display:flex;flex-wrap:wrap;gap:6px 16px}.lm-pm .agent{font-size:13px;color:var(--bm-sub);font-weight:500}
.lm-cap{margin-top:auto;font:400 22px/1.2 var(--bm-font-display);letter-spacing:-.01em;color:var(--bm-ink)}
.lm-mid{position:relative;min-height:220px;container-type:inline-size}
.lm-wire{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lm-wire path{fill:none;stroke:var(--bm-line-2);stroke-width:2}
/* the wire grows end to end (scale, not a dash pattern: the stroke is non-scaling, so dashes were measured in screen px and left a gap) */
.lm-wire path.go{stroke:var(--bm-orchid);transform-box:fill-box;transform:scaleX(0);transform-origin:0 50%}
.lm-wire path.go.p-off{stroke:var(--bm-ok);transform-origin:100% 50%}
.lm.s3 .lm-wire .p-req,.lm.s4 .lm-wire .p-req,.lm.s5 .lm-wire .p-req,.lm.s4 .lm-wire .p-off,.lm.s5 .lm-wire .p-off{transform:none;transition:transform .8s var(--bm-ease-out)}
.lm-wv path.go{transform:scaleY(0);transform-origin:50% 0}
.lm-wv path.go.p-off{transform-origin:50% 100%}
.lm-wv{display:none}
/* etiquetas paradas no meio do vão (nunca encostam nos cartões); só opacidade e transform */
.lm-pkt{position:absolute;z-index:1;left:50%;max-width:calc(100% - 16px);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:28px;padding:0 10px;border-radius:var(--bm-pill);font-size:12px;background:var(--bm-card);border:1px solid var(--bm-line-2);box-shadow:var(--bm-sh1);opacity:0;transform:translate(-50%,6px) scale(.96);transition:opacity var(--bm-d3) var(--bm-ease),transform var(--bm-d3) var(--bm-ease-spring);z-index:1}
.lm-req{top:calc(36% - 42px)}
.lm-off{top:calc(64% + 12px);color:var(--bm-ok);border-color:var(--bm-ok-line)}
.lm.s3 .lm-req{opacity:1;transform:translate(-50%,0)}
/* the answered request fades its text, not the pill: the pill stays solid so the wire never shows through it */
.lm.s4 .lm-req,.lm.s5 .lm-req{opacity:1;color:var(--bm-faint);transform:translate(-50%,0)}
.lm.s4 .lm-off,.lm.s5 .lm-off{opacity:1;transform:translate(-50%,0)}
/* o pacote: um ponto que viaja pelo fio (transform em cqw, sem mexer em layout) */
.lm-dot{position:absolute;left:0;width:10px;height:10px;margin-top:-5px;border-radius:50%;opacity:0;pointer-events:none;will-change:transform}
.lm-dot.req{top:36%;background:var(--bm-orchid);box-shadow:0 0 0 4px var(--bm-lilac)}
.lm-dot.off{top:64%;background:var(--bm-ok);box-shadow:0 0 0 4px var(--bm-ok-wash)}
.lm.s3 .lm-dot.req{animation:lm-dot .9s var(--bm-ease-out) both}
.lm.s4 .lm-dot.off{animation:lm-dot-back .9s var(--bm-ease-out) both}
@keyframes lm-dot{0%{opacity:0;transform:translateX(0)}15%,85%{opacity:1}100%{opacity:0;transform:translateX(calc(100cqw - 10px))}}
@keyframes lm-dot-back{0%{opacity:0;transform:translateX(calc(100cqw - 10px))}15%,85%{opacity:1}100%{opacity:0;transform:translateX(0)}}
/* cartão da loja ganha conteúdo a cada passo */
.lm-q,.lm-offer{opacity:0;transform:translateY(6px);transition:opacity var(--bm-d3) var(--bm-ease),transform var(--bm-d3) var(--bm-ease-spring)}
.lm.s3 .lm-q,.lm.s4 .lm-q,.lm.s5 .lm-q,.lm.s4 .lm-offer,.lm.s5 .lm-offer{opacity:1;transform:none}
.lm-q{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--bm-sub)}
.lm-q b{color:var(--bm-ink);font-weight:500}
.lm-offer{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px 8px 8px;border:1px solid var(--bm-line);border-radius:var(--bm-r2);background:var(--bm-paper)}
.lm-offer img,.lm-offer .ni{width:44px;height:44px;border-radius:var(--bm-r1);object-fit:cover;background:var(--bm-soft)}
.lm-offer span{font-size:13.5px;font-weight:500;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lm-offer small{display:block;color:var(--bm-ok);font-size:12px;font-weight:500}
.lm-offer b{font-family:var(--bm-mono);font-size:13.5px}
.lm-sh{display:flex;align-items:center;gap:16px}
.lm-sh div{display:flex;flex-direction:column;line-height:1.25}.lm-sh b{font-size:18px;font-weight:600}.lm-sh span{color:var(--bm-sub);font-size:13.5px}
.lm-know{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.lm-know li{height:30px;display:inline-flex;align-items:center;padding:0 12px;border-radius:var(--bm-pill);background:var(--bm-soft);font-size:13px;color:var(--bm-ink-2)}
.lm-order{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--bm-r2);background:var(--bm-ok-wash);color:var(--bm-ok);font-size:14px;font-weight:500;opacity:0;transform:translateY(6px);transition:all var(--bm-d3) var(--bm-ease)}
.lm.s5 .lm-order{opacity:1;transform:none}
.lm-order b{margin-left:auto;font-family:var(--bm-mono);font-weight:600}
.lm-steps{list-style:none;margin:var(--bm-s5) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.lm-steps li{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px 0 6px;border-radius:var(--bm-pill);border:1px solid var(--bm-line);background:var(--bm-card);font-size:14px;color:var(--bm-faint);transition:all var(--bm-d3) var(--bm-ease)}
.lm-steps li i{font:600 12px/24px var(--bm-mono);font-style:normal;width:24px;height:24px;border-radius:50%;text-align:center;background:var(--bm-soft);transition:all var(--bm-d3) var(--bm-ease)}
.lm-steps li.done{color:var(--bm-ink-2)}.lm-steps li.done i{background:var(--bm-ok-wash);color:var(--bm-ok)}
.lm-steps li.now{color:var(--bm-ink);border-color:var(--bm-ink)}.lm-steps li.now i{background:var(--bm-plum);color:var(--bm-white)}
.lm-how{margin-top:var(--bm-s5);padding:var(--bm-s5);border-radius:var(--bm-r3);background:var(--bm-lilac);border:1px solid var(--bm-lilac-line);display:grid;gap:8px;min-height:120px}
.lm-hwh{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.lm-hwh .agent{font-size:17px;font-weight:600}
.lm-path{font-size:12.5px;color:var(--bm-orchid-ink)}
.lm-hw p{font-size:16px;max-width:52em}
.lm-hw[hidden]{display:none}
.lm-rows{margin-top:var(--bm-s6);display:flex;flex-direction:column}
.lm-row{display:grid;grid-template-columns:120px minmax(0,auto) minmax(0,1fr) auto;gap:var(--bm-s4);align-items:center;padding:var(--bm-s4) 0;border-top:1px solid var(--bm-line)}
.lm-row:last-child{border-bottom:1px solid var(--bm-line)}
.lm-names{display:flex;flex-wrap:wrap;gap:6px 18px}
.lm-note{color:var(--bm-sub);font-size:14px}
@media (max-width:980px){
  .lm{grid-template-columns:minmax(0,1fr)}
  .lm-mid{min-height:120px}
  .lm-wh{display:none}.lm-wv{display:block}
  .lm-req{top:8px}.lm-off{top:auto;bottom:8px}
  /* phone: the wires run vertically at 40% and 60%; the dot travels down them, then back up */
  .lm-dot{margin:0 0 0 -5px}
  .lm-dot.req{left:40%;top:0}.lm-dot.off{left:60%;top:0}
  .lm.s3 .lm-dot.req{animation:lm-dot-v .9s var(--bm-ease-out) both}
  .lm.s4 .lm-dot.off{animation:lm-dot-v-back .9s var(--bm-ease-out) both}
}
@keyframes lm-dot-v{0%{opacity:0;top:0}15%,85%{opacity:1}100%{opacity:0;top:calc(100% - 10px)}}
@keyframes lm-dot-v-back{0%{opacity:0;top:calc(100% - 10px)}15%,85%{opacity:1}100%{opacity:0;top:0}}
@media (max-width:720px){
  .lm-box{padding:var(--bm-s4);border-radius:var(--bm-r3)}
  .lm-a{font-size:14px;padding:0 10px;gap:8px}
  .lm-cap{font-size:20px}
  .lm-steps li{font-size:13px}
  .lm-row{grid-template-columns:minmax(0,1fr);gap:8px}
  .lm-how{padding:var(--bm-s4)}
}
@media (prefers-reduced-motion:reduce){.lm-dot{display:none}}

.lr{border:1px solid var(--bm-line);border-radius:var(--bm-r4);background:var(--bm-paper);overflow:hidden}
.lr-top{display:flex;align-items:center;gap:var(--bm-s4) var(--bm-s5);flex-wrap:wrap;padding:var(--bm-s4) var(--bm-s5);border-bottom:1px solid var(--bm-line);background:var(--bm-card)}
.lr-store{font-size:13px;color:var(--bm-sub);flex:1;min-width:240px}.lr-store b{color:var(--bm-ink);font-weight:600}
.lr-seg button{min-height:40px;padding:0 16px;font-size:14px}
.lr-count{display:flex;align-items:baseline;gap:8px;font-size:14px;color:var(--bm-sub);min-width:130px;justify-content:flex-end}
.lr-count b{font:400 34px/1 var(--bm-font-display);color:var(--bm-bad);transition:color var(--bm-d3) var(--bm-ease);min-width:.6em;text-align:right}
.lr[data-mode="after"] .lr-count b{color:var(--bm-ok)}
.lr-rows{list-style:none;margin:0;padding:0}
.lr-row{display:grid;grid-template-columns:auto minmax(0,1.1fr) minmax(0,1.3fr) 170px;gap:var(--bm-s4);align-items:center;padding:var(--bm-s4) var(--bm-s5);border-top:1px solid var(--bm-line)}
.lr-row:first-child{border-top:0}
.lr-t{display:flex;flex-direction:column;gap:2px;min-width:0}.lr-t b{font-weight:600;font-size:15px}.lr-sub{font-size:12.5px;color:var(--bm-faint)}
.lr-read,.lr-chip{display:grid}
.lr-read>*,.lr-chip>*{grid-area:1/1;transition:opacity var(--bm-d3) var(--bm-ease),transform var(--bm-d3) var(--bm-ease-spring),filter var(--bm-d3) var(--bm-ease);transition-delay:calc(var(--i,0)*80ms)}
.lr-chip{justify-items:end}
.lr-read{font-size:14px;color:var(--bm-ink-2)}
.lr-read .lx-mono{font-size:13px}
.lr-read s{color:var(--bm-bad);text-decoration-thickness:1px}
.lr-bad{color:var(--bm-bad)}
.lr-a{opacity:0;transform:translateY(6px);filter:blur(4px);pointer-events:none}
.lr[data-mode="after"] .lr-b{opacity:0;transform:translateY(-6px);filter:blur(4px)}
.lr[data-mode="after"] .lr-a{opacity:1;transform:none;filter:none}
.lr-row[data-same] .lr-a,.lr-row[data-same] .lr-b{transition:none;opacity:1;transform:none;filter:none}
.lr-row[data-same] .lr-a{visibility:hidden}
.lr-foot{display:flex;gap:var(--bm-s5);flex-wrap:wrap;padding:var(--bm-s4) var(--bm-s5);border-top:1px solid var(--bm-line);font-size:13.5px;color:var(--bm-sub)}
.lr-foot .issue{font-weight:400}
@media (max-width:860px){
  .lr-row{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"im t chip" "im read read";gap:6px var(--bm-s3);padding:var(--bm-s4)}
  .lr-row>.lx-thumb{grid-area:im;align-self:start}.lr-t{grid-area:t}.lr-read{grid-area:read}.lr-chip{grid-area:chip}
  .lr-top{padding:var(--bm-s4)}.lr-store{min-width:0;flex-basis:100%}
  .lr-count{min-width:0;margin-left:auto}
  .lr-chip .pill{font-size:11.5px;padding:0 8px}
  .lr-foot{padding:var(--bm-s4)}
}

.la-g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--bm-s8);align-items:start}
.la-copy .lx-head{margin-bottom:var(--bm-s6)}
.la-facts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--bm-s5)}
.la-facts li{display:flex;gap:var(--bm-s4);align-items:flex-start}
.la-facts li>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.la-facts b{font-size:17px;font-weight:600;letter-spacing:-.01em}
.la-facts span{color:var(--bm-sub)}
.la-marks{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:6px}.la-marks .agent{color:var(--bm-ink-2);font-size:14px}
.la-chat{display:flex;flex-direction:column;border:1px solid var(--bm-line);border-radius:var(--bm-r4);background:var(--bm-card);box-shadow:var(--bm-sh3);overflow:hidden;min-width:0}
.la-h{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--bm-line)}
.la-h .orb{--o:36px}
.la-hn{display:flex;flex-direction:column;line-height:1.25;min-width:0;flex:1}.la-hn b{font-weight:600}.la-hn span{font-size:12.5px;color:var(--bm-faint)}
.la-cart{gap:6px}.la-cart[hidden]{display:none}
.la-cn{font:600 12px var(--bm-mono);min-width:18px;height:18px;border-radius:9px;background:var(--bm-plum);color:var(--bm-white);display:inline-grid;place-items:center;padding:0 5px}
.la-log{position:relative;height:420px;overflow-y:auto;overscroll-behavior:contain;padding:18px 16px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}
.la-b{max-width:86%;padding:10px 14px;border-radius:18px;font-size:15px;line-height:1.45;opacity:0;transform:translateY(6px);transition:opacity var(--bm-d3) var(--bm-ease),transform var(--bm-d3) var(--bm-ease-out)}
.la-b.in{opacity:1;transform:none}
.la-b.me{align-self:flex-end;background:var(--bm-plum);color:var(--bm-white);border-bottom-right-radius:6px}
.la-b.ai{align-self:flex-start;background:var(--bm-soft);border-bottom-left-radius:6px;display:flex;flex-direction:column;gap:10px}
.la-b.ai.wide{max-width:100%;width:100%}
.la-b .w{opacity:0;transition:opacity var(--bm-d2) var(--bm-ease)}.la-b .w.on{opacity:1}
.la-ps{display:flex;flex-direction:column;gap:8px}
.la-p{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--bm-r2);background:var(--bm-card);border:1px solid var(--bm-line);animation:bm-fade-blur var(--bm-d3) var(--bm-ease) both;animation-delay:calc(var(--i,0)*90ms)}
.la-pt{flex:1;min-width:0;display:flex;flex-direction:column;font-size:14px;line-height:1.3}.la-pt b{font-weight:600}.la-pt span{color:var(--bm-sub);font-size:13px}
.la-add{min-width:64px}.la-add.done{background:var(--bm-ok);border-color:var(--bm-ok);color:var(--bm-white)}
.la-chips{display:flex;gap:8px;flex-wrap:wrap;padding:12px 16px 0;border-top:1px solid var(--bm-line)}
.la-chips .chip{min-height:40px}
.la-form{display:flex;gap:8px;padding:12px 16px 16px}
.la-form .btn{width:48px;padding:0;flex:none;font-size:18px}
@media (max-width:980px){.la-g{grid-template-columns:minmax(0,1fr);gap:var(--bm-s6)}}
@media (max-width:720px){
  .la-log{height:400px;padding:14px 12px}
  .la-b{max-width:92%}
  .la-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:12px 12px 0}.la-chips::-webkit-scrollbar{display:none}.la-chips .chip{flex:none;min-height:44px}
  .la-form{padding:12px}
  .la-h{padding:12px}
}

.lc-g{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--bm-s6);align-items:start}
.lc-col{display:flex;flex-direction:column;gap:var(--bm-s3);min-width:0}
.lc-sheet{display:flex;flex-direction:column;gap:12px;padding:var(--bm-s5);border:1px solid var(--bm-line);border-radius:var(--bm-r4);background:var(--bm-card);box-shadow:var(--bm-sh2)}
.lc-from{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13.5px;color:var(--bm-sub);padding-bottom:12px;border-bottom:1px solid var(--bm-line)}.lc-from .agent{color:var(--bm-ink)}
.lc-item{display:flex;align-items:center;gap:12px}
.lc-it{flex:1;min-width:0;display:flex;flex-direction:column;font-size:14.5px;line-height:1.3}.lc-it b{font-weight:600}.lc-it small{color:var(--bm-faint);font-size:12.5px}
.lc-li{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--bm-sub)}.lc-li b{color:var(--bm-ink);font-weight:500;font-family:var(--bm-mono)}
.lc-tot{border-top:1px solid var(--bm-line);padding-top:12px;color:var(--bm-ink);font-weight:600;font-size:16px}.lc-tot b{font-weight:600}
.lc-express .pay-btn{transition:transform var(--bm-d1) var(--bm-ease),box-shadow var(--bm-d2) var(--bm-ease)}
.lc-express .pay-btn:active{transform:scale(.97)}
.lc-express .pay-btn:focus-visible{outline:2px solid var(--bm-orchid);outline-offset:2px}
.lc-paid{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--bm-r2);background:var(--bm-ok-wash);color:var(--bm-ok);font-weight:500}
.lc-paid[hidden]{display:none}.lc-paid .checkmark{width:36px;height:36px;flex:none}
.lc-paid button{margin-left:auto}
.lc-to{display:flex;align-items:center;gap:8px;font-size:15px}.lc-to b{font-weight:600}
.lc-term{display:flex;flex-direction:column}
.lc-term .th{gap:8px}.lc-term .th .agent{color:var(--bm-on-dark);font-weight:500;margin-left:6px}
.lc-st{margin-left:auto;font-family:var(--bm-mono);color:var(--bm-term-s)}
.lc-term pre{font-size:12.5px}
.lc-run{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:0 16px 14px;color:var(--bm-on-dark-sub);font-size:12.5px;font-family:var(--bm-font)}
.lc-out{max-height:300px;overflow:auto;border-top:1px solid var(--bm-dark-line)}
.lc-out:empty{display:none}
.lc-out:focus-visible{box-shadow:inset var(--bm-focus)}
.lc-pays{margin-top:var(--bm-s6);padding:var(--bm-s5);border:1px solid var(--bm-line);border-radius:var(--bm-r4);background:var(--bm-paper)}
.lc-xh{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:var(--bm-s4)}
.lc-xh h3{font:400 30px/1.05 var(--bm-font-display);letter-spacing:-.02em}
.lc-xh .btn{margin-left:auto}
.lc-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;counter-reset:s}
.lc-steps li{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 16px 16px 56px;border:1px solid var(--bm-line);border-radius:var(--bm-r3);background:var(--bm-card);color:var(--bm-faint);transition:all var(--bm-d3) var(--bm-ease)}
.lc-steps li::before{counter-increment:s;content:counter(s);position:absolute;left:16px;top:16px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:600 13px var(--bm-mono);background:var(--bm-soft);color:var(--bm-faint);transition:all var(--bm-d3) var(--bm-ease)}
.lc-steps b{font-size:16px;font-weight:600}
.lc-steps li.on{color:var(--bm-ink-2);border-color:var(--bm-ink)}.lc-steps li.on::before{background:var(--bm-plum);color:var(--bm-white)}
.lc-steps li.done{color:var(--bm-ink-2)}.lc-steps li.done::before{background:var(--bm-ok-wash);color:var(--bm-ok)}
.lc-steps li:last-child.on,.lc-steps li:last-child.done{border-color:var(--bm-ok-line);background:var(--bm-ok-wash)}
.lc-lot{position:absolute;right:10px;top:10px;width:44px;height:44px}
.lc-note{margin-top:var(--bm-s3);font-size:13px;color:var(--bm-faint)}
.lc-rails{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bm-s3) var(--bm-s5);margin-top:var(--bm-s6);padding-top:var(--bm-s5);border-top:1px solid var(--bm-line)}
.lc-rg{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}
.lc-pm{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--bm-ink-2)}
.lc-dot{width:16px;height:16px;border-radius:50%;background:var(--bm-ink);display:inline-block}
@media (max-width:980px){.lc-g{grid-template-columns:minmax(0,1fr)}}
@media (max-width:720px){
  .lc-sheet{padding:var(--bm-s4)}
  .lc-steps{grid-template-columns:minmax(0,1fr)}
  .lc-term pre{font-size:11.5px;padding:12px}
  .lc-xh h3{font-size:26px}
  .lc-rails{flex-direction:column;align-items:flex-start}
}

.lt-wrap{border:1px solid var(--bm-line);border-radius:var(--bm-r4);background:var(--bm-card);overflow:hidden}
.lt{font-size:14.5px}
.lt thead th{background:var(--bm-paper);padding:14px 20px}
.lt td{padding:16px 20px;vertical-align:top}
.lt tbody th{padding:14px 20px 8px;text-align:left;font:500 11.5px/1.2 var(--bm-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--bm-faint);background:var(--bm-paper);border-bottom:1px solid var(--bm-line)}
.lt tbody tr.lt-g:hover{background:none}
.lt-a{width:24%}
.lt-a .agent{font-size:15.5px;font-weight:600}
.lt-more{display:flex;gap:6px;margin-top:8px}
.lt-path{font-family:var(--bm-mono);font-size:13px;color:var(--bm-ink-2);width:24%}
.lt-how{color:var(--bm-sub)}
.lt-how .lx-src{display:block;margin-top:4px}
.lt-now{width:190px;white-space:nowrap}
.lt-connect{display:inline-flex;align-items:center;gap:4px;min-height:32px;font-weight:500;color:var(--bm-orchid-ink);text-decoration:none}
.lt-connect:hover{text-decoration:underline;text-underline-offset:3px}
.lt-legend{display:flex;flex-wrap:wrap;gap:var(--bm-s4);margin-top:var(--bm-s4);font-size:13px;color:var(--bm-sub)}
@media (max-width:860px){
  .lt-wrap{border-radius:var(--bm-r3)}
  .lt thead{display:none}
  .lt,.lt tbody,.lt tr,.lt td,.lt th{display:block;width:auto!important}
  .lt tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"a now" "path path" "how how";gap:6px 12px;padding:16px;border-bottom:1px solid var(--bm-line)}
  .lt tbody tr.lt-g{display:block;padding:0}
  .lt tbody th{padding:12px 16px 8px}
  .lt td{padding:0;border:0}
  .lt-a{grid-area:a}.lt-now{grid-area:now;white-space:normal;text-align:right}.lt-path{grid-area:path}.lt-how{grid-area:how}
  .lt-connect{min-height:44px}
}

.lp-pick{display:flex;flex-wrap:wrap;gap:var(--bm-s4) var(--bm-s6);margin-bottom:var(--bm-s4)}
.lp-q{display:flex;flex-direction:column;gap:8px}
.lp-q .seg button{min-height:40px;padding:0 14px;font-size:14px}
.lp-why{min-height:24px;color:var(--bm-sub);margin-bottom:var(--bm-s5)}
.lp-plans{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--bm-s4);align-items:stretch}
.lp-plan{position:relative;border:1px solid var(--bm-line);border-radius:var(--bm-r4);background:var(--bm-card);transition:border-color var(--bm-d3) var(--bm-ease),box-shadow var(--bm-d3) var(--bm-ease),transform var(--bm-d4) var(--bm-ease-out)}
.lp-plan.on{border-color:var(--bm-ink);box-shadow:var(--bm-sh2)}
.lp-fit{position:absolute;top:16px;right:16px;opacity:0;transform:scale(.85);transition:all var(--bm-d3) var(--bm-ease-spring)}
.lp-plan.on .lp-fit{opacity:1;transform:none}
.lp-free{display:flex;flex-direction:column;gap:var(--bm-s3);padding:var(--bm-s6)}
.lx .lp-free .lp-price{font:400 96px/.9 var(--bm-font-display);letter-spacing:-.04em;margin:8px 0 4px}
.lp-free p{color:var(--bm-sub);font-size:16px}
.lp-free .btn{align-self:flex-start;margin-top:auto}
.lp-paid{display:flex;flex-direction:column;gap:var(--bm-s4)}
.lp-paid .lp-plan{flex:1;display:flex;flex-direction:column;gap:6px;padding:var(--bm-s5) var(--bm-s6)}
.lp-paid b{font-size:18px;font-weight:600}
.lp-paid p{color:var(--bm-sub)}
.lp-tbd{font:400 26px/1.1 var(--bm-font-display);color:var(--bm-ink-2)}
.lp-more{align-self:flex-start;min-height:44px;display:inline-flex;align-items:center}
.lp-h3{font:400 34px/1.05 var(--bm-font-display);letter-spacing:-.02em;margin:var(--bm-s8) 0 var(--bm-s4)}
.lp-cmpw{border:1px solid var(--bm-line);border-radius:var(--bm-r4);background:var(--bm-card);overflow:hidden}
.lp-cmp td,.lp-cmp th{vertical-align:top;padding:14px 18px}
.lp-cmp thead th{background:var(--bm-paper);font-size:13px;color:var(--bm-sub)}
.lp-cmp thead th .agent{font-weight:500}
.lp-cmp tbody th{font-weight:600;width:20%;color:var(--bm-ink);font-size:14px;text-align:left}
.lp-cmp td{color:var(--bm-sub);font-size:14px}
.lp-cmp td.us{background:var(--bm-lilac)}
.lp-cmp .issue{font-size:14px;font-weight:400;color:var(--bm-sub);align-items:baseline}
.lp-cmp .issue::before{flex:none;transform:translateY(-1px)}
.lp-cmp .issue.okk::before{background:var(--bm-ok)}.lp-cmp .issue.amber::before{background:var(--bm-warn)}.lp-cmp .issue.red::before{background:var(--bm-bad)}
.lp-cmp .issue{color:var(--bm-sub)}
.lp-note{margin-top:10px;font-size:12.5px;color:var(--bm-faint)}
.lp-cl{display:none}
.lp-faq{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:var(--bm-s6);margin-top:var(--bm-s8)}
.lp-faq .lp-h3{margin:0}
.lp-qa{border-top:1px solid var(--bm-line)}
.lp-qa details{border-bottom:1px solid var(--bm-line)}
.lp-qa summary{display:flex;align-items:center;gap:12px;min-height:60px;cursor:pointer;list-style:none;font-size:17px;font-weight:500}
.lp-qa summary::-webkit-details-marker{display:none}
.lp-qa summary::after{content:'';margin-left:auto;width:10px;height:10px;border-right:1.5px solid var(--bm-sub);border-bottom:1.5px solid var(--bm-sub);transform:rotate(45deg) translateY(-3px);transition:transform var(--bm-d2) var(--bm-ease);flex:none}
.lp-qa details[open] summary::after{transform:rotate(225deg) translateY(-1px)}
.lp-qa details p{padding:0 0 var(--bm-s5);color:var(--bm-sub);max-width:42em;line-height:1.6}
.lp-qa details p .agent{color:var(--bm-ink)}
@media (max-width:860px){
  .lp-plans{grid-template-columns:minmax(0,1fr)}
  .lp-free{padding:var(--bm-s5)}.lx .lp-free .lp-price{font-size:80px}
  .lp-paid .lp-plan{padding:var(--bm-s5)}
  .lp-faq{grid-template-columns:minmax(0,1fr);gap:var(--bm-s4)}
  .lp-cmp thead{display:none}
  .lp-cmp,.lp-cmp tbody,.lp-cmp tr,.lp-cmp th,.lp-cmp td{display:block;width:auto!important}
  .lp-cmp tbody tr{padding:8px 0;border-bottom:1px solid var(--bm-line)}
  .lp-cmp tbody th{padding:12px 16px 6px;font-size:15px}
  .lp-cmp td{padding:6px 16px;border:0}
  .lp-cl{display:flex;margin-bottom:2px;font:500 11px/1.4 var(--bm-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--bm-faint)}
  .lp-cmp td.us{background:none}
  .lp-pick{flex-direction:column}
  .lp-q .seg{display:flex}.lp-q .seg button{flex:1;min-height:44px}
}

.lmr-top{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--bm-s4);flex-wrap:wrap}
.lmr-top .lx-head{margin-bottom:var(--bm-s6)}
.lmr-all{margin-bottom:var(--bm-s6)}
.lmr-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--bm-line)}
.lmr-i{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:var(--bm-s5);align-items:center;padding:var(--bm-s4) 0;border-bottom:1px solid var(--bm-line);opacity:0;transform:translateY(10px);filter:blur(6px);transition:opacity var(--bm-d4) var(--bm-ease),transform var(--bm-d4) var(--bm-ease-out),filter var(--bm-d4) var(--bm-ease);transition-delay:calc(var(--i,0)*90ms)}
.lmr-i.in{opacity:1;transform:none;filter:none}
.lmr-i .lx-thumb{width:64px;height:64px}
.lmr-n{display:flex;flex-direction:column;gap:2px;min-width:0}
.lmr-n b{font:400 28px/1.1 var(--bm-font-display);letter-spacing:-.01em}
.lmr-n span{color:var(--bm-sub);font-size:14px}
.lmr-c{display:flex;gap:var(--bm-s5)}
.lmr-c .stat b{font-size:30px}
.lmr-l{display:flex;gap:8px}
.lmr-empty{padding:var(--bm-s6) 0;color:var(--bm-sub)}
@media (max-width:860px){
  .lmr-i{grid-template-columns:auto minmax(0,1fr);gap:var(--bm-s3) var(--bm-s4)}
  .lmr-c,.lmr-l{grid-column:1/-1}
  .lmr-l .btn{flex:1}
  .lmr-n b{font-size:24px}
}
@media (prefers-reduced-motion:reduce){.lmr-i{opacity:1;transform:none;filter:none}}

/* ---------- additions for production (everything above comes from the prototype) ---------- */
html:not(.js) [data-reveal] { opacity: 1; filter: none; transform: none; }
.lmr-i { opacity: 1; transform: none; filter: none; }
.lmr-list.armed .lmr-i:not(.in) { opacity: 0; transform: translateY(10px); filter: blur(6px); }
.lh-anchor { display: block; position: relative; top: -96px; height: 0; }
.lh-second { color: var(--bm-sub); font-size: 15px; margin-top: var(--bm-s3); }
.lh-second .link { display: inline-flex; align-items: center; min-height: 44px; }
.la-more { margin-top: var(--bm-s4); }
.la-more .link { display: inline-flex; align-items: center; min-height: 44px; }
.lc-bn { display: flex; gap: var(--bm-s4); align-items: flex-start; margin-top: var(--bm-s6); padding: var(--bm-s5); border: 1px solid var(--bm-line); border-radius: var(--bm-r3); background: var(--bm-card); }
.lc-bn .e3d { flex: none; }
.lc-bn div { display: flex; flex-direction: column; gap: 4px; }
.lc-bn b { font-size: 17px; font-weight: 600; }
.lc-bn span { color: var(--bm-sub); max-width: 46em; }
.li { margin-top: var(--bm-s8); }
.li-g { list-style: none; margin: var(--bm-s4) 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--bm-s5); }
.li-g li { display: flex; flex-direction: column; gap: var(--bm-s3); align-items: flex-start; }
.li-g li div { display: flex; flex-direction: column; gap: 4px; }
.li-g b { font-weight: 600; }
.li-g span { color: var(--bm-sub); font-size: 14.5px; }
.lz-build { background: var(--bm-lilac); border-block: 1px solid var(--bm-lilac-line); }
.lz-build-g { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--bm-s8); align-items: center; }
.lz-build-c { display: flex; flex-direction: column; align-items: flex-start; }
.lz-build-c .lx-head { margin-bottom: var(--bm-s5); }
.lz-facts { list-style: none; margin: 0 0 var(--bm-s6); padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.lz-facts li { height: 34px; display: inline-flex; align-items: center; padding: 0 14px; border-radius: var(--bm-pill); background: var(--bm-card); border: 1px solid var(--bm-lilac-line); font-size: 14px; color: var(--bm-ink-2); }
.lz-mock { background: var(--bm-card); border: 1px solid var(--bm-line); border-radius: var(--bm-r3); box-shadow: var(--bm-sh2); overflow: hidden; }
.lz-mock-bar { display: flex; align-items: center; gap: 6px; padding: 10px 14px; border-bottom: 1px solid var(--bm-line); font: 12px var(--bm-mono); color: var(--bm-sub); }
.lz-mock-bar i { width: 9px; height: 9px; border-radius: 50%; background: var(--bm-line-2); }
.lz-mock-bar span { margin-left: 8px; }
.lz-mock-body { padding: var(--bm-s4); display: flex; flex-direction: column; gap: var(--bm-s4); }
.lz-mock-hero { padding: var(--bm-s6) var(--bm-s5); border-radius: var(--bm-r2); background: var(--bm-plum); color: var(--bm-white); display: flex; flex-direction: column; gap: 10px; }
.lz-mock-hero b { font: 400 28px/1.05 var(--bm-font-display); }
.lz-mock-hero span { width: 40%; height: 8px; border-radius: 4px; background: rgba(255,255,255,.35); }
.lz-mock-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--bm-s2); }
.lz-mock-grid div { display: flex; flex-direction: column; gap: 6px; }
.lz-mock-grid img { aspect-ratio: 1; width: 100%; object-fit: cover; border-radius: var(--bm-r1); background: var(--bm-soft); }
.lz-mock-grid span { height: 6px; width: 70%; border-radius: 3px; background: var(--bm-line-2); }
.lp-plans4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--bm-s4); align-items: stretch; }
.lp-plans4 .lp-plan { display: flex; flex-direction: column; gap: var(--bm-s3); padding: var(--bm-s5); }
.lp-plans4 .lp-price { font: 400 44px/1 var(--bm-font-display); letter-spacing: -.02em; }
.lp-plans4 .lp-price small { font: 400 15px var(--bm-font); color: var(--bm-sub); margin-left: 4px; letter-spacing: 0; }
.lp-for { color: var(--bm-sub); }
.lp-items { list-style: none; margin: 0; padding: var(--bm-s3) 0 0; border-top: 1px solid var(--bm-line); display: flex; flex-direction: column; gap: 8px; font-size: 14px; color: var(--bm-ink-2); flex: 1; }
.lp-plans4 .btn { align-self: flex-start; }
.lp-plans4 .lp-fit { top: 14px; right: 14px; }
.lp-allp { margin-top: var(--bm-s4); }
.lz-final { margin-top: var(--bm-s9); padding: var(--bm-s9) 0; background: var(--bm-dark); color: var(--bm-on-dark); }
.lz-final .wrap { display: flex; flex-direction: column; gap: var(--bm-s6); align-items: flex-start; }
.lz-final .d2 em { color: var(--bm-term-k); }
.lz-final .urlbar { border-color: var(--bm-dark-line); }
.lz-final .pb-hint { color: var(--bm-on-dark-sub); }
.lz-final .urlbar .input { color: var(--bm-ink); }
.lz-final .err { color: #ffb4ab; }
.lz-final .btn-primary { background: var(--bm-orchid); }
.lz-final .btn-primary:hover { background: var(--bm-orchid-ink); }
.lz-final + .mfoot { margin-top: 0; }
.lp-qa { max-width: 860px; }
@media (max-width: 980px) {
  .li-g { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lz-build-g { grid-template-columns: minmax(0, 1fr); gap: var(--bm-s6); }
  .lp-plans4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .li-g, .lp-plans4 { grid-template-columns: minmax(0, 1fr); }
  .lz-final { padding: var(--bm-s8) 0; margin-top: var(--bm-s8); }
  .lc-bn { flex-direction: column; }
}
.lmr-top { display: block; }
.lmr-init { font: 400 28px/1 var(--bm-font-display); color: var(--bm-sub); }
.lp-items li .agent { display: inline-flex; white-space: nowrap; vertical-align: middle; }
/* gates: visible focus on every control (the .btn shadow rule beats the global focus ring), 44px targets */
:focus-visible { outline: 2px solid var(--bm-orchid); outline-offset: 2px; }
.lr-seg button, .lp-q .seg button { min-height: 44px; }
.skip { min-height: 44px; display: inline-flex; align-items: center; }

/* Hero: on screen at once, so it animates in by itself with CSS from the first paint instead of waiting for bm.js
   (the text was the page's largest paint and waited ~3 s on a slow phone). Same rise, no blur. */
.lh [data-reveal]{opacity:1;filter:none;transform:none;transition:none;animation:lh-in var(--bm-d4) var(--bm-ease-out) both;animation-delay:calc(min(var(--i,0),6)*60ms)}
@keyframes lh-in{from{opacity:0;transform:translateY(10px)}}
@media (prefers-reduced-motion:reduce){.lh [data-reveal]{animation:none}}