/* Better together: complementary pairs of Move the Needle systems. */
.bt{--holo:#176B5B;--holo-soft:#DFF2E9;--next:#13233A;--next-accent:#F2A541;--flow:#172B29;--flow-accent:#8ED2B7;--mesh:#1B2429;--mesh-accent:#4FBFB8;--mesh-copper:#E0A05A}
.bt-hero{padding:clamp(4rem,8vw,6.5rem) 0 clamp(3rem,6vw,4.5rem)}
.bt-hero h1{font-size:clamp(2.8rem,6vw,5rem);max-width:900px;margin:.6rem 0 1.2rem}
.bt-hero .lead{max-width:780px}
.bt-pairs-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2.5rem;max-width:880px}
.bt-pair-link{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.25rem;background:#fff;border:1px solid var(--quiet);text-decoration:none;transition:border-color .15s ease,transform .15s ease}
.bt-pair-link:hover{border-color:var(--signal);transform:translateY(-2px);color:inherit}
.bt-marks{display:flex;align-items:center;gap:.35rem;flex:none}
.bt-marks img{width:40px;height:40px;border-radius:10px}
.bt-marks b{font-size:1.1rem;color:var(--muted);font-weight:500}
.bt-pair-link strong{display:block;font-size:1.02rem}
.bt-pair-link span{display:block;color:var(--muted);font-size:.9rem;line-height:1.4}

.bt-rules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--quiet);border:1px solid var(--quiet)}
.bt-rules article{background:#fff;padding:clamp(1.3rem,2.5vw,1.9rem)}
.bt-rules b{display:block;font-family:var(--serif);font-weight:500;font-size:2rem;line-height:1;color:var(--signal);margin-bottom:.8rem}
.bt-rules h3{margin:0 0 .45rem}
.bt-rules p{margin:0;color:var(--muted);font-size:.96rem}

.bt-pair{padding:clamp(4.5rem,8vw,7rem) 0;border-top:1px solid var(--quiet)}
.bt-pair.alt{background:#fff}
.bt-pair-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,5rem);align-items:end;margin-bottom:2.5rem}
.bt-pair-head .bt-marks img{width:56px;height:56px;border-radius:14px}
.bt-pair-head h2{margin:.9rem 0 .4rem}
.bt-tagline{font-family:var(--serif);font-size:clamp(1.3rem,2.2vw,1.7rem);color:#313a50;margin:0}
.bt-status{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.35rem .8rem;border-radius:99px;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.bt-status::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.bt-status.live{background:#E3F4EC;color:#176B5B}
.bt-status.dev{background:#FDF1E1;color:#9A5B0C}

.bt-diagram{background:#fff;border:1px solid var(--quiet);padding:clamp(1rem,3vw,2rem);margin-bottom:2rem}
.bt-pair.alt .bt-diagram{background:var(--paper)}
.bt-diagram svg{width:100%;height:auto}
.bt-caption{margin:1rem 0 0;color:var(--muted);font-size:.92rem}

.bt-subhead{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:3rem 0 1.25rem}
.bt-subhead h3{font-family:var(--serif);font-weight:500;font-size:clamp(1.6rem,2.6vw,2.1rem);margin:0;letter-spacing:-.02em}
.bt-subhead p{margin:0;color:var(--muted)}

.bt-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.bt-mode{position:relative;background:#fff;border:1px solid var(--quiet);padding:1.6rem;display:flex;flex-direction:column}
.bt-pair.alt .bt-mode{background:var(--paper)}
.bt-mode.together{border:2px solid var(--ink)}
.bt-mode-tag{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--signal)}
.bt-mode h4{font-size:1.2rem;margin:.5rem 0 .6rem;display:flex;align-items:center;gap:.5rem}
.bt-mode h4 img{width:28px;height:28px;border-radius:7px}
.bt-mode ul{margin:0 0 1rem;padding-left:1.1rem;color:#313a50;display:grid;gap:.35rem;font-size:.96rem}
.bt-mode .bt-mode-foot{margin-top:auto;padding-top:.9rem;border-top:1px dashed var(--quiet);font-size:.9rem;color:var(--muted)}
.bt-mode .bt-mode-foot a{font-weight:700;color:var(--ink)}

.bt-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--quiet)}
.bt-pair.alt .bt-table{background:var(--paper)}
.bt-table th,.bt-table td{text-align:left;vertical-align:top;padding:1rem 1.2rem;border-bottom:1px solid var(--quiet);font-size:.96rem}
.bt-table thead th{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--signal)}
.bt-table tbody th{width:32%}
.bt-table td{color:#313a50}
.bt-table tr:last-child>*{border-bottom:0}

.bt-guarantees{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;margin:0;padding:0}
.bt-guarantees li{background:#fff;border-left:3px solid var(--signal);padding:1rem 1.2rem;font-size:.95rem;color:#313a50}
.bt-pair.alt .bt-guarantees li{background:var(--paper)}
.bt-guarantees strong{display:block;color:var(--ink);margin-bottom:.2rem}
.bt-source{margin-top:1.25rem;font-size:.88rem;color:var(--muted)}

.bt-start{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.bt-start a{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:1.2rem 1.3rem;background:#fff;border:1px solid var(--quiet);text-decoration:none}
.bt-start a:hover{border-color:var(--signal);color:inherit}
.bt-start img{width:40px;height:40px;border-radius:10px}
.bt-start strong{display:block}
.bt-start span{color:var(--muted);font-size:.92rem;line-height:1.4;display:block}
.bt-start em{font-style:normal;font-weight:800;color:var(--signal)}

@media(max-width:980px){.bt-rules{grid-template-columns:repeat(2,minmax(0,1fr))}.bt-modes,.bt-guarantees{grid-template-columns:1fr}.bt-pair-head{grid-template-columns:1fr}}
@media(max-width:640px){.bt-pairs-nav,.bt-rules,.bt-start{grid-template-columns:1fr}.bt-table thead{display:none}.bt-table tbody th,.bt-table td{display:block;width:auto}.bt-table tbody th{border-bottom:0;padding-bottom:.25rem}}
.bt-pair-link .bt-marks{display:flex}
@media(max-width:760px){.bt-diagram{overflow-x:auto;-webkit-overflow-scrolling:touch}.bt-diagram svg{min-width:720px}.bt-diagram::after{content:"Scroll sideways to see the full diagram →";display:block;margin-top:.5rem;font-size:.8rem;color:var(--muted)}}