.bd-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.bd-toggle{background:var(--bg-sunken);border:1px solid var(--line);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.bd-toggle__btn{appearance:none;cursor:pointer;color:var(--fg-muted);transition:background var(--motion-slow) var(--motion-ease), color var(--motion-slow) var(--motion-ease);background:0 0;border:0;border-radius:999px;padding:7px 16px;font-size:13.5px;font-weight:600}.bd-toggle__btn:hover{color:var(--ink)}.bd-toggle__btn.is-active{background:var(--bg-elevated);color:var(--ink);box-shadow:0 1px 2px color-mix(in oklab, var(--ink) 12%, transparent)}.bd-toggle__btn.is-active--tg{color:#2f7bbf}.bd-toggle__btn.is-active--wa{color:#0a7a63}.bd-toggle__btn.is-active--web{color:var(--primary)}.bd-stage{grid-template-columns:1fr;align-items:start;gap:32px;margin-top:28px;display:grid}@media (min-width:900px){.bd-stage{grid-template-columns:minmax(0,380px) 1fr;align-items:center;gap:48px}}.bd-phone{border:1px solid var(--line);background:var(--bg-elevated);width:100%;max-width:400px;box-shadow:var(--shadow-lg);border-radius:26px;margin:0;overflow:hidden}.bd-head{color:#fff;align-items:center;gap:9px;padding:11px 14px;display:flex}.bd-head--tg{background:linear-gradient(#56a0e0,#4c92d4)}.bd-head--wa{background:#075e54}.bd-head__back{opacity:.9;margin-right:-2px;font-size:22px;line-height:1}.bd-head__avatar{background:#fff;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;overflow:hidden}.bd-head__avatar svg{width:68%;height:68%}.bd-head__id{flex-direction:column;margin-right:auto;line-height:1.2;display:flex}.bd-head__name{font-size:15px;font-weight:600}.bd-head__sub{opacity:.85;font-size:12px}.bd-head__icons{letter-spacing:2px;opacity:.9;font-size:15px}.bd-body{scroll-behavior:smooth;flex-direction:column;gap:8px;height:430px;padding:14px 12px;display:flex;overflow:hidden}.bd-body--tg{background-color:#e9eef2;background-image:radial-gradient(circle at 25% 8%,#56a0e01a,#0000 55%);background-image:radial-gradient(circle at 25% 8%,lab(63.169% -9.11936 -40.0665/.1),#0000 55%)}.bd-body--wa{background-color:#ece5dd;background-image:radial-gradient(#b7ab9766 .5px,#0000 .5px);background-image:radial-gradient(lab(70.5986% 1.97765 11.9788/.4) .5px,#0000 .5px);background-size:14px 14px}.bd-row{flex-direction:column;max-width:86%;animation:.28s cubic-bezier(.2,.7,.2,1) bd-pop;display:flex}.bd-row--in{align-self:flex-start;align-items:flex-start}.bd-row--out{align-self:flex-end;align-items:flex-end}@keyframes bd-pop{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.bd-bubble{color:#10151a;border-radius:12px;padding:7px 10px 5px;font-size:13.5px;line-height:1.45;position:relative;box-shadow:0 1px 1px #0000001f;box-shadow:0 1px 1px lab(0% 0 0/.12)}.bd-bubble--in{background:#fff;border-bottom-left-radius:4px}.bd-bubble--out{border-bottom-right-radius:4px}.bd-bubble--tg-out{color:#12354f;background:#d6ecff}.bd-bubble--wa-out{color:#14351f;background:#dcf8c6}.bd-bubble--wa-in,.bd-bubble--tg-in{background:#fff}.bd-bubble__title{margin-bottom:2px;font-weight:700}.bd-bubble__text{white-space:pre-line}.bd-bubble__time{float:right;color:#10151a73;color:lab(6.46309% -1.10558 -4.2294/.45);align-items:center;gap:3px;margin:4px 0 -1px 10px;font-size:10.5px;display:inline-flex}.bd-ticks{letter-spacing:-1px;font-size:10px}.bd-ticks--wa{color:#34b7f1}.bd-ticks--tg{color:#4fae4e}.bd-typing{gap:4px;padding:11px 12px;display:inline-flex}.bd-typing span{background:#10151a52;background:lab(6.46309% -1.10558 -4.2294/.32);border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite bd-typing}.bd-typing span:nth-child(2){animation-delay:.15s}.bd-typing span:nth-child(3){animation-delay:.3s}@keyframes bd-typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.bd-qr{flex-direction:column;gap:5px;width:100%;margin-top:6px;display:flex}.bd-qr__btn{appearance:none;cursor:pointer;width:100%;transition:filter var(--motion-slow) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);border-radius:9px;padding:9px 12px;font-size:13px;font-weight:600}.bd-qr__btn:hover{filter:brightness(.97)}.bd-qr__btn:active{transform:scale(.99)}.bd-qr--tg .bd-qr__btn{color:#2f7bbf;background:#eaf2fb;background:lab(95.0293% -1.65921 -5.1891);border:0}.bd-qr--wa .bd-qr__btn{color:#027c66;background:#fff;border:1px solid #075e542e;border:1px solid lab(35.2203% -26.3229 -1.29535/.18)}.bd-card{background:#f7f7f7;background:lab(97.191% -.046134 -.136077);border:1px solid #10151a1f;border:1px solid lab(6.46309% -1.10558 -4.2294/.12);border-radius:10px;margin:2px 0;overflow:hidden}.bd-card__title{border-bottom:1px solid #10151a1a;border-bottom:1px solid lab(6.46309% -1.10558 -4.2294/.1);padding:8px 11px;font-size:13px;font-weight:700}.bd-card__rows{gap:2px;margin:0;padding:4px 11px 8px;display:grid}.bd-card__row{justify-content:space-between;gap:12px;padding:3px 0;font-size:12.5px;display:flex}.bd-card__row dt{color:#10151a94;color:lab(6.46309% -1.10558 -4.2294/.58);margin:0}.bd-card__row dd{text-align:right;margin:0;font-weight:600}.bd-feed{margin-top:4px}.bd-feed__line{flex-wrap:wrap;align-items:baseline;gap:4px;padding:6px 0 2px;font-size:12.5px;display:flex}.bd-feed__line b{font-weight:700}.bd-feed__sep{color:#10151a66;color:lab(6.46309% -1.10558 -4.2294/.4)}.bd-feed__route{font-weight:600}.bd-feed__meta{font-family:var(--font-mono);color:#10151a80;color:lab(6.46309% -1.10558 -4.2294/.5);font-size:11px}.bd-inputbar{border-top:1px solid var(--line);background:var(--bg-elevated);align-items:center;gap:8px;padding:9px 12px;display:flex}.bd-inputbar__field{background:var(--bg-sunken);color:var(--fg-muted);border-radius:999px;flex:1;padding:8px 12px;font-size:12.5px}.bd-inputbar__send{color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:15px;display:grid}.bd-inputbar--tg .bd-inputbar__send{background:#4c92d4}.bd-inputbar--wa .bd-inputbar__send{background:#128c7e}.bd-replay{appearance:none;cursor:pointer;color:#fff;background:var(--ink);border:0;border-radius:999px;padding:8px 14px;font-size:12.5px;font-weight:700}.bd-inputbar--tg .bd-replay{background:#4c92d4}.bd-inputbar--wa .bd-replay{background:#128c7e}.bd-caption__text{color:var(--fg);max-width:40ch;font-size:16px;line-height:1.55}.bd-caption__cta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.bd-caption__note{color:var(--fg-muted);font-size:12.5px}.bd-phone--web{background:var(--bg-sunken)}.bd-web{flex-direction:column;height:533px;display:flex;position:relative}.bd-web-head{background:var(--bg-elevated);border-bottom:1px solid var(--line);color:var(--fg);align-items:center;gap:9px;padding:12px 14px;display:flex}.bd-web-head__back{color:var(--primary);margin-right:-2px;font-size:22px;line-height:1}.bd-web-head__brand{background:var(--primary-soft);border-radius:7px;place-items:center;width:26px;height:26px;display:grid}.bd-web-head__title{margin-right:auto;font-size:15px;font-weight:700}.bd-web-head__sp{color:var(--fg-subtle);letter-spacing:2px}.bd-web-scroll{background:var(--bg-sunken);flex:1;padding:12px;overflow:hidden}.bd-web-screen{flex-direction:column;gap:10px;animation:.32s cubic-bezier(.2,.7,.2,1) bd-web-in;display:flex}@keyframes bd-web-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bd-web-seg{background:var(--bg-elevated);border:1px solid var(--line);border-radius:999px;align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.bd-web-seg__pill{color:var(--fg-muted);border-radius:999px;padding:5px 13px;font-size:12px;font-weight:600}.bd-web-seg__pill.is-active{background:var(--primary);color:var(--primary-contrast)}.bd-web-card{border:1px solid var(--line);background:var(--bg-elevated);box-shadow:0 1px 2px color-mix(in oklab, var(--ink) 6%, transparent);border-radius:14px;padding:12px 13px}.bd-web-card--suggest{border-color:color-mix(in oklab, var(--primary) 45%, var(--line));box-shadow:0 4px 16px color-mix(in oklab, var(--primary) 16%, transparent);position:relative}.bd-web-card--dim{opacity:.6}.bd-web-card--match{border-color:color-mix(in oklab, var(--success) 40%, var(--line))}.bd-web-card__top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.bd-web-tag{color:var(--fg-muted);font-size:11px;font-weight:700}.bd-web-tag--suggest{color:var(--primary)}.bd-web-price{font-family:var(--font-mono);color:var(--fg);font-size:12px}.bd-web-route{color:var(--fg);align-items:center;gap:7px;font-size:15px;display:flex}.bd-web-route b{font-weight:700}.bd-web-arrow{color:var(--primary);font-weight:700}.bd-web-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.bd-web-chips span{background:var(--bg-sunken);color:var(--fg-muted);border-radius:999px;padding:3px 9px;font-size:11px}.bd-web-chip--score{font-weight:600;background:var(--primary-soft)!important;color:var(--primary-soft-fg)!important}.bd-web-rows{gap:3px;margin:10px 0 0;display:grid}.bd-web-rows>div{border-top:1px solid color-mix(in oklab, var(--line) 60%, transparent);justify-content:space-between;gap:12px;padding:4px 0;font-size:12.5px;display:flex}.bd-web-rows>div:first-child{border-top:0}.bd-web-rows dt{color:var(--fg-muted);margin:0}.bd-web-rows dd{color:var(--fg);text-align:right;margin:0;font-weight:600}.bd-web-locked{color:var(--fg-subtle)!important;font-weight:500!important}.bd-web-rows--reveal{background:var(--success-soft);border-radius:10px;margin-top:10px;padding:8px 11px}.bd-web-rows--reveal>div{border-top-color:color-mix(in oklab, var(--success) 22%, transparent)}.bd-web-rows--reveal dd{color:var(--fg)}.bd-web-cta{background:var(--primary);color:var(--primary-contrast);box-shadow:0 3px 10px color-mix(in oklab, var(--primary) 35%, transparent);border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:14px;font-weight:700;display:flex;position:relative}.bd-web-cta.is-sent{background:var(--success-soft);color:var(--success);box-shadow:none}.bd-web-toast{background:var(--bg-elevated);border:1px solid var(--line);color:var(--fg-muted);border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.5}.bd-web-matchbar{background:var(--success-soft);color:var(--success);text-align:center;border-radius:999px;padding:9px 12px;font-size:12.5px;font-weight:700}.bd-web-note{color:var(--fg-muted);margin-top:10px;font-size:12px;line-height:1.5}.bd-web-tabs{background:var(--bg-elevated);border-top:1px solid var(--line);align-items:flex-end;padding:6px 8px 8px;display:flex}.bd-web-tab{color:var(--fg-subtle);flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.bd-web-tab.is-active{color:var(--primary)}.bd-web-tab__ico{font-size:18px;line-height:1;position:relative}.bd-web-tab__lbl{font-size:9.5px;font-weight:600}.bd-web-badge{background:var(--accent);border:1.5px solid var(--bg-elevated);border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;right:-6px}.bd-web-tab--fab{flex:none;padding:0 6px}.bd-web-fab{background:var(--primary);width:42px;height:42px;color:var(--primary-contrast);box-shadow:0 3px 10px color-mix(in oklab, var(--primary) 40%, transparent);border-radius:50%;place-items:center;margin-top:-12px;font-size:22px;display:grid}.bd-web-tap{border:2px solid var(--primary);pointer-events:none;border-radius:50%;width:22px;height:22px;animation:1.4s ease-out infinite bd-web-tap;position:absolute;bottom:12px;right:14px}.bd-web-tap--btn{bottom:50%;right:16px;transform:translateY(50%)}@keyframes bd-web-tap{0%{opacity:.9;transform:scale(.7)}70%{opacity:0;transform:scale(1.7)}to{opacity:0;transform:scale(1.7)}}.bd-web-tap--btn{animation-name:bd-web-tap-btn}@keyframes bd-web-tap-btn{0%{opacity:.9;transform:translateY(50%)scale(.7)}70%{opacity:0;transform:translateY(50%)scale(1.7)}to{opacity:0;transform:translateY(50%)scale(1.7)}}.bd-web-replay{appearance:none;cursor:pointer;color:var(--primary-contrast);background:var(--primary);box-shadow:var(--shadow-lg);border:0;border-radius:999px;padding:8px 14px;font-size:12.5px;font-weight:700;position:absolute;bottom:64px;right:12px}@media (prefers-reduced-motion:reduce){.bd-row{animation:none}.bd-body{scroll-behavior:auto}.bd-web-screen{animation:none}.bd-web-tap,.bd-web-tap--btn{opacity:0;animation:none}}