.tb-collab-content { background: #fff; color: var(--tb-color-text); overflow: clip; }
.tb-collab-content h1,.tb-collab-content h2,.tb-collab-content h3 { color: var(--tb-color-ink); font-family: var(--tb-font-display); letter-spacing: -.045em; margin: 0; }
.tb-collab-content h2 { font-size: clamp(2.5rem,5vw,4.9rem); line-height: .98; }
.tb-collab-content p { margin-top: 0; }
.tb-collab-hero { background: radial-gradient(circle at 76% 35%,rgba(87,185,203,.17),transparent 30%),linear-gradient(135deg,#fff 0%,#f4fafb 100%); min-height: min(760px,calc(100vh - 112px)); position: relative; }
.tb-collab-hero__grid { align-items: center; display: grid; gap: clamp(2rem,5vw,6rem); grid-template-columns: minmax(0,.92fr) minmax(30rem,1.08fr); min-height: inherit; padding-block: clamp(4rem,8vw,7rem); }
.tb-collab-hero h1 { font-size: clamp(4rem,6vw,7rem); hyphens: none; line-height: .9; max-width: 11ch; overflow-wrap: normal; word-break: normal; }
.tb-collab-hero h1 span { color: #178da5; }
.tb-collab-lead { font-size: clamp(1.1rem,1.6vw,1.35rem); line-height: 1.65; margin-block: 2rem; max-width: 42rem; }
.tb-collab-actions { display: flex; flex-wrap: wrap; gap: .85rem; }
.tb-collab-route { min-height: 34rem; position: relative; }
.tb-collab-route svg { height: 100%; inset: 0; overflow: visible; position: absolute; width: 100%; }
.tb-route-line { fill: none; stroke-linecap: round; stroke-width: 4; }
.tb-route-line--shared { stroke: #172341; }
.tb-route-line--live { stroke: #178da5; }
.tb-route-line--plan { stroke: #57b9cb; }
.tb-route-node { fill: #fff; stroke: #172341; stroke-width: 5; }
.tb-route-node--live { stroke: #178da5; }.tb-route-node--plan { stroke: #57b9cb; }
.tb-route-label { background: rgba(255,255,255,.92); border: 1px solid rgba(23,35,65,.12); border-radius: 1rem; box-shadow: 0 1rem 3rem rgba(23,35,65,.09); padding: .85rem 1rem; position: absolute; }
.tb-route-label small { color: #178da5; display: block; font-size: .68rem; font-weight: 800; letter-spacing: .13em; margin-bottom: .2rem; }
.tb-route-label strong { color: #172341; display: block; font-size: 1.05rem; }
.tb-route-label--start { left: 50%; top: 0; transform: translateX(-50%); }.tb-route-label--foundation { left: 50%; top: 38%; transform: translateX(-50%); }.tb-route-label--live { bottom: 0; left: 0; }.tb-route-label--plan { bottom: 0; right: 0; }
.tb-collab-selector,.tb-collab-paths,.tb-collab-compare { padding-block: clamp(5rem,9vw,9rem); }
.tb-collab-heading { margin-bottom: clamp(2.5rem,5vw,4.5rem); max-width: 58rem; }
.tb-collab-heading > p:last-child { font-size: 1.15rem; line-height: 1.65; margin-top: 1.35rem; max-width: 47rem; }
.tb-support-compass { background: #f5fafb; border: 1px solid rgba(23,35,65,.1); border-radius: 2rem; display: grid; gap: 1rem; grid-template-columns: minmax(0,1.35fr) minmax(20rem,.65fr); padding: 1rem; }
.tb-support-questions { display: grid; gap: .75rem; }
.tb-support-question { background: #fff; border-radius: 1.25rem; padding: 1.25rem; }
.tb-support-question p { color: #172341; font-weight: 750; margin-bottom: .8rem; }
.tb-support-question > div { display: grid; gap: .6rem; grid-template-columns: 1fr 1fr; }
.tb-support-question button { background: #fff; border: 1px solid #d7e3e7; border-radius: .8rem; color: #47566f; cursor: pointer; font: inherit; font-weight: 650; min-height: 4rem; padding: .75rem 1rem; text-align: left; transition: .2s ease; }
.tb-support-question button:hover { border-color: #57b9cb; }.tb-support-question button[aria-pressed="true"] { background: #e6f7fa; border-color: #178da5; color: #172341; box-shadow: inset 0 0 0 1px #178da5; }
.tb-support-result { background: #172341; border-radius: 1.45rem; color: #fff; display: flex; flex-direction: column; justify-content: center; padding: clamp(1.5rem,3vw,2.5rem); }
.tb-support-result h3 { color: #fff; font-size: clamp(2rem,3vw,3rem); line-height: 1; margin-block: 1.25rem 1rem; }
.tb-support-result__eyebrow { color: #7ee0ef; font-size: .75rem; font-weight: 800; letter-spacing: .14em; }
.tb-support-result > p:not(.tb-support-result__eyebrow) { color: #dbe4f1; line-height: 1.65; }
.tb-support-meter { background: rgba(255,255,255,.14); border-radius: 999px; height: .5rem; margin-top: 1rem; overflow: hidden; }.tb-support-meter span { background: #57b9cb; display: block; height: 100%; transform-origin: left; transition: transform .35s ease; width: 100%; }
.tb-support-result .tb-button { margin-top: .75rem; }.tb-support-reset { align-self: flex-start; background: transparent; border: 0; color: #b9c7da; cursor: pointer; font: inherit; margin-top: 1rem; padding: .25rem 0; text-decoration: underline; }
.tb-collab-paths { background: #f5f8f9; }
.tb-path-grid { display: grid; gap: 1rem; grid-template-columns: 1fr 1fr; }
.tb-path-card { background: #fff; border: 1px solid rgba(23,35,65,.1); border-radius: 1.8rem; display: flex; flex-direction: column; min-height: 38rem; padding: clamp(1.6rem,3vw,3rem); position: relative; }
.tb-path-card--live { background: #172341; color: #e7edf6; }.tb-path-card--live h3 { color: #fff; }.tb-path-card__number { color: rgba(23,35,65,.12); font-family: var(--tb-font-display); font-size: 6rem; font-weight: 800; line-height: .8; position: absolute; right: 1.5rem; top: 1.5rem; }.tb-path-card--live .tb-path-card__number { color: rgba(255,255,255,.08); }
.tb-path-card__label { color: #178da5; font-size: .76rem; font-weight: 800; letter-spacing: .13em; }.tb-path-card h3 { font-size: clamp(2.25rem,4vw,4.2rem); line-height: .95; margin-block: 2rem 1.4rem; max-width: 11ch; }.tb-path-card > p:not(.tb-path-card__label) { font-size: 1.08rem; line-height: 1.65; max-width: 38rem; }
.tb-path-card ul { display: grid; gap: .75rem; list-style: none; margin: 1rem 0 2rem; padding: 0; }.tb-path-card li::before { color: #57b9cb; content: "✓"; font-weight: 800; margin-right: .65rem; }
.tb-path-card__bottom { align-items: end; border-top: 1px solid rgba(23,35,65,.12); display: flex; justify-content: space-between; margin-top: auto; padding-top: 1.5rem; }.tb-path-card--live .tb-path-card__bottom { border-color: rgba(255,255,255,.15); }.tb-path-card__bottom strong { color: inherit; font-size: 1.8rem; }.tb-path-card__bottom a { color: inherit; font-weight: 750; }
.tb-path-card__actions { align-items: flex-end; display: flex; flex-direction: column; gap: .65rem; }.tb-path-card__actions .tb-buy-link { background: #57b9cb; border-radius: 999px; color: #10203f; padding: .75rem 1rem; text-decoration: none; }.tb-path-card__actions .tb-buy-link:hover { background: #75c9d8; }.tb-path-card--plan .tb-path-card__actions > a:not(.tb-buy-link) { color: #172341; }
.tb-collab-foundation { background: #fff; padding-block: clamp(5rem,9vw,9rem); }.tb-collab-foundation__grid { align-items: start; display: grid; gap: clamp(3rem,7vw,7rem); grid-template-columns: .9fr 1.1fr; }.tb-collab-foundation__grid > div > p:not(.tb-eyebrow) { font-size: 1.12rem; line-height: 1.7; margin-block: 1.5rem; }.tb-text-link { color: #172341; font-weight: 800; }
.tb-foundation-route { list-style: none; margin: 0; padding: 0; position: relative; }.tb-foundation-route::before { background: #d9eaee; content: ""; left: 1.3rem; position: absolute; top: 1.4rem; bottom: 1.4rem; width: 2px; }.tb-foundation-route li { align-items: center; display: grid; gap: 1.25rem; grid-template-columns: 2.6rem 1fr; padding-block: .75rem; position: relative; }.tb-foundation-route li > span { align-items: center; background: #fff; border: 2px solid #57b9cb; border-radius: 50%; color: #172341; display: flex; font-size: .75rem; font-weight: 800; height: 2.6rem; justify-content: center; z-index: 1; }.tb-foundation-route div { background: #f6fafb; border-radius: 1rem; padding: 1rem 1.2rem; }.tb-foundation-route strong,.tb-foundation-route small { display: block; }.tb-foundation-route strong { color: #172341; font-size: 1.08rem; }.tb-foundation-route small { color: #5a6880; margin-top: .25rem; }
.tb-collab-compare { background: #f5f8f9; }.tb-compare-table { background: #fff; border: 1px solid #dbe5e8; border-radius: 1.5rem; overflow: hidden; }.tb-compare-row { display: grid; grid-template-columns: 1.1fr 1fr 1fr; }.tb-compare-row > div { border-bottom: 1px solid #e3eaec; padding: 1.2rem 1.4rem; }.tb-compare-row > div + div { border-left: 1px solid #e3eaec; }.tb-compare-row:last-child > div { border-bottom: 0; }.tb-compare-row--head { background: #172341; color: #fff; font-weight: 800; }.tb-compare-row [role="rowheader"] { color: #172341; font-weight: 750; }
.tb-collab-next { background: #fff; padding-block: clamp(5rem,8vw,8rem); }.tb-collab-next__grid { align-items: end; background: linear-gradient(125deg,#e9f7f9,#f8fbfc); border-radius: 2rem; display: grid; gap: 2rem; grid-template-columns: 1.2fr .8fr; padding: clamp(2rem,5vw,5rem); }.tb-collab-next__grid p:not(.tb-eyebrow) { font-size: 1.12rem; line-height: 1.65; margin-top: 1.25rem; max-width: 45rem; }.tb-collab-next__actions { display: grid; gap: .75rem; }
@media (max-width:65.625rem){.tb-collab-hero__grid,.tb-collab-foundation__grid,.tb-collab-next__grid{grid-template-columns:1fr}.tb-collab-hero__grid{padding-top:4rem}.tb-collab-route{min-height:31rem}.tb-support-compass{grid-template-columns:1fr}.tb-path-grid{grid-template-columns:1fr}}
@media (max-width:47.99rem){.tb-collab-hero{min-height:auto}.tb-collab-hero h1{font-size:clamp(3.3rem,16vw,5rem)}.tb-collab-route{min-height:27rem}.tb-route-label{padding:.65rem .75rem}.tb-route-label strong{font-size:.9rem}.tb-route-label--live{left:0}.tb-route-label--plan{right:0}.tb-support-question>div{grid-template-columns:1fr}.tb-path-card{min-height:0}.tb-path-card__bottom{align-items:start;flex-direction:column;gap:.75rem}.tb-compare-table{background:transparent;border:0;display:grid;gap:.85rem;overflow:visible}.tb-compare-row{background:#fff;border:1px solid #dbe5e8;border-radius:1rem;grid-template-columns:1fr 1fr;overflow:hidden}.tb-compare-row--head{display:none}.tb-compare-row>div{border:0;padding:.9rem}.tb-compare-row>div+div{border-left:1px solid #e3eaec}.tb-compare-row>div:first-child{grid-column:1/-1;border-bottom:1px solid #e3eaec}.tb-compare-row>div:nth-child(2)::before,.tb-compare-row>div:nth-child(3)::before{color:#178da5;display:block;font-size:.68rem;font-weight:800;letter-spacing:.08em;margin-bottom:.25rem}.tb-compare-row>div:nth-child(2)::before{content:"1:1"}.tb-compare-row>div:nth-child(3)::before{content:"PROGRAM"}}
@media(prefers-reduced-motion:reduce){.tb-support-meter span{transition:none}}