.third-bridge-case { --tb-navy: #062848; --tb-pale: #eef5fa; }
.tb-impact { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 36px; padding: 36px; background: var(--tb-navy); color: white; }
.tb-impact strong { display: block; font-size: clamp(24px, 3vw, 40px); line-height: 1.2; letter-spacing: -.025em; }
.tb-impact span { display: block; margin-top: 12px; max-width: 27ch; line-height: 1.6; color: #c2d8e8; font-size: 15px; }
.third-bridge-case .pets-section { scroll-margin-top: 64px; }
.tb-solution { background: var(--tb-pale); padding-inline: 36px; }
.tb-film { margin: 0; }
.tb-film video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; background: var(--tb-navy); }
.tb-film figcaption { margin-top: 16px; font-size: 14px; color: #596175; line-height: 1.6; max-width: 85ch; }
.tb-chapters { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.tb-chapters[hidden] { display: none; }
.tb-chapters button { border: 0; background: var(--tb-pale); color: var(--tb-navy); padding: 12px 18px; min-height: 44px; font: inherit; cursor: pointer; }
.tb-chapters button:hover { background: #dceaf4; }
.tb-chapters button:active { transform: translateY(1px); }
.tb-summary { margin-top: 22px; padding: 20px 24px; background: #f5f7fa; }
.tb-summary summary { cursor: pointer; font-weight: 600; line-height: 1.5; }
.tb-summary p { margin-top: 18px; }
.tb-features { display: grid; gap: 64px; margin-top: 40px; }
.tb-feature { display: grid; grid-template-columns: .65fr 1.35fr; gap: 60px; align-items: center; }
.tb-feature > div, .tb-feature > figure { min-width: 0; }
.tb-results { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; }
.third-bridge-case .tb-saving { font-size: clamp(52px, 6vw, 80px); color: var(--tb-navy); letter-spacing: -.04em; font-weight: 600; line-height: 1.1; margin-top: 26px; }
.tb-saving span { display: block; font-size: 18px; line-height: 1.5; letter-spacing: 0; font-weight: 400; margin-top: 16px; max-width: 25ch; }
.tb-results > div > p + p { margin-top: 20px; }
@media(max-width:800px) {
 .tb-impact { gap: 24px; padding: 26px; }
 .tb-impact strong { font-size: 26px; }
 .tb-feature, .tb-results { grid-template-columns: 1fr; gap: 28px; }
 .tb-features { gap: 50px; }
 .tb-feature .pets-shot { width: 100%; }
}
@media(max-width:560px) {
 .tb-impact { grid-template-columns: 1fr; gap: 28px; }
 .tb-impact span { max-width: none; margin-top: 6px; }
 .tb-impact strong { font-size: 32px; }
 .tb-solution { padding-inline: 22px; }
 .tb-chapters { display: grid; grid-template-columns: 1fr; }
 .tb-chapters button { text-align: left; }
 .third-bridge-case .pets-intro h1 { font-size: clamp(34px, 9vw, 48px); }
}
@media(min-width:801px) and (prefers-reduced-motion:no-preference) {
 .tb-enter { animation: tb-enter .45s ease-out both; }
 @keyframes tb-enter { from { opacity: .35; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
}
@media(max-width:800px) {
 .third-bridge-case .pets-section-head { display: grid; grid-template-columns: 1fr; }
}