/* Trade entry chooser (RFQ brief 0a): the page is two big square buttons, nothing else. */
.view[data-view="match"].tm-choosing > *:not(.tm-ch){ display:none !important; }
.tm-ch.is-out{ opacity:0; pointer-events:none; }
.tm-cards{ display:flex; gap:24px; margin-top:24px; animation:tm-rise .32s cubic-bezier(.2,.7,.2,1) both; }
.view[data-view="match"].tm-in > *:not(.tm-ch){ animation:tm-fade .3s ease both; }
@keyframes tm-rise{ from{ opacity:0; transform:translateY(12px); } to{ opacity:1; transform:none; } }
@keyframes tm-fade{ from{ opacity:0; } to{ opacity:1; } }
@media (prefers-reduced-motion:reduce){ .tm-cards,.view[data-view="match"].tm-in > *:not(.tm-ch){ animation:none !important; } .tm-ch{ transition:none; } }
.view[data-view="match"].tm-choosing::before,.view[data-view="match"].tm-choosing::after{ display:none !important; }
html.tm-choosing-any .mm-dock{ display:none !important; }
.tm-ch,.tm-ch:focus,.tm-ch:focus-visible{ outline:none !important; }
.tm-sw{ position:fixed; top:70px; right:max(24px, calc((100vw - 1320px) / 2)); z-index:30; display:flex; border:1px solid #1a1410; background:#fffaf3; }
.tm-sw[hidden]{ display:none !important; }
.tm-sw button{ appearance:none; border:0; border-radius:0; margin:0; padding:9px 16px; background:transparent; color:#1a1410; font:500 11px/1 "Geist Mono","JetBrains Mono",ui-monospace,monospace; letter-spacing:.14em; text-transform:uppercase; cursor:pointer; }
.tm-sw button.on{ background:#1a1410; color:#fffaf3; cursor:default; }
.tm-sw button:not(.on):hover{ background:#fe6102; color:#fffaf3; }
.tm-sw button:focus-visible{ outline:2px solid #fe6102; outline-offset:2px; }

.tm-sw button{ font:500 11px/1 "Geist Mono","JetBrains Mono",ui-monospace,monospace !important; letter-spacing:.14em !important; text-transform:uppercase !important; }
@media (min-width:1280px){ .tm-sw{ top:14px; right:400px; } .tm-sw button{ padding:8px 14px; } }

/* Trade landing, 2026-10-20: two buttons, centred both ways, nothing else. */
html.tm-choosing-any .mm-after,html.tm-choosing-any .mm-dock,html.tm-choosing-any .mm-mobile-foot,html.tm-choosing-any .mm-modal-veil{ display:none !important; }
.view[data-view="match"].tm-choosing{ min-height:calc(100vh - 80px); }
.tm-ch{ position:fixed; inset:0; display:flex !important; align-items:center; justify-content:center; z-index:5; pointer-events:none; }
.tm-ch > *{ pointer-events:auto; }
.tm-cards{ margin:0 !important; }
.tm-btn{ appearance:none; width:320px; height:120px; margin:0; padding:0; box-sizing:border-box; border-radius:0; cursor:pointer; font:500 34px/1 "JetBrains Mono",ui-monospace,monospace !important; letter-spacing:.14em !important; text-transform:uppercase; transition:background .15s ease; }
.tm-btn.tm-n{ background:#fbeadb; border:2px solid #b5652a; color:#5a2c0e; }
.tm-btn.tm-p{ background:#fe6102; border:2px solid #c24a00; color:#fffaf3; box-shadow:inset 0 -4px 0 rgba(90,44,14,.25); }
.tm-btn.tm-n:hover{ background:#f6d5b8; }
.tm-btn.tm-p:hover{ background:#d95300; }
.tm-btn:focus-visible{ outline:2px solid #fe6102; outline-offset:3px; }
@media (max-width:640px){ .tm-cards{ flex-direction:column; align-items:center; width:100%; padding:0 16px; box-sizing:border-box; } .tm-btn{ width:100%; max-width:320px; } }
.tm-sw button{ font-family:"JetBrains Mono",ui-monospace,monospace !important; }

/* Trade landing v2, 2026-10-20: quiet pills, plain cream, one glow. */
html.tm-choosing-any, html.tm-choosing-any body{ background:#fffefb !important; background-image:none !important; }
html.tm-choosing-any .view[data-view="match"]{ background:none !important; }
.tm-ch{ top:80px; background:radial-gradient(ellipse 520px 260px at 50% 50%, rgba(254,97,2,.10), rgba(251,234,219,.18) 42%, transparent 72%); }
.tm-cards{ gap:16px; }
.tm-btn{ width:200px; height:72px; border-radius:999px; font:600 18px/1 "JetBrains Mono",ui-monospace,monospace !important; letter-spacing:.12em !important; }
.tm-btn.tm-n{ border:1.5px solid #b5652a; }
.tm-btn.tm-p{ border:0; box-shadow:none; }
@media (max-width:520px){ .tm-cards{ flex-direction:column; align-items:center; } .tm-btn{ width:min(200px,100%); max-width:none; } }

/* landing v2 cascade guard */
:root:root:root:root:root:root:root:root:root:root:root:root:root:root.tm-choosing-any body{ background:#fffefb !important; background-image:none !important; }
:root:root:root:root:root:root:root:root:root:root:root:root:root:root .view[data-view="match"].tm-choosing .tm-ch .tm-btn{ border-radius:999px !important; }
:root:root:root:root:root:root:root:root:root:root:root:root:root:root .view[data-view="match"].tm-choosing .tm-ch .tm-btn.tm-p{ border:0 !important; box-shadow:none !important; }
:root:root:root:root:root:root:root:root:root:root:root:root:root:root .view[data-view="match"].tm-choosing .tm-ch .tm-btn.tm-n{ border:1.5px solid #b5652a !important; }

/* the Simple | Pro switch stays on the page (Carlos 2026-10-21: one click either way, the other view fades in) */
.tm-sw.is-held{ opacity:.45; }
.view[data-view="match"]:focus{ outline:none; }

/* landing shows nothing but the two buttons: no position cards, dock or proof layer while choosing */
:root:root:root:root:root:root:root:root:root:root:root:root:root:root.tm-choosing-any body .view[data-view="match"] .mm-after, :root:root:root:root:root:root:root:root:root:root:root:root:root:root.tm-choosing-any body .view[data-view="match"] .mm-after *, :root:root:root:root:root:root:root:root:root:root:root:root:root:root.tm-choosing-any body .mm-dock, :root:root:root:root:root:root:root:root:root:root:root:root:root:root.tm-choosing-any body .mm-card, :root:root:root:root:root:root:root:root:root:root:root:root:root:root.tm-choosing-any body .mm-mobile-foot{ display:none !important; }

/* no entrance motion on the chooser: buttons appear in place (2026-10-20) */
:root:root:root:root:root:root:root:root:root:root:root:root:root:root .tm-ch .tm-cards, :root:root:root:root:root:root:root:root:root:root:root:root:root:root .tm-ch{ animation:none !important; transition:none !important; transform:none !important; }
:root:root:root:root:root:root:root:root:root:root:root:root:root:root body .view[data-view="match"].tm-choosing{ animation:none !important; transform:none !important; opacity:1 !important; }
.tm-narrow{ margin:12px 16px 0; padding:10px 12px; font:400 13px/1.45 Inter,system-ui,sans-serif; color:#8a3a00; background:rgba(254,97,2,.08); border:1px solid rgba(254,97,2,.35); }