.tobp-page{max-width:1280px;margin:0 auto;padding:64px 32px 96px;color:#17212b}.tobp-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start;padding:36px;border:1px solid #e7ebef;border-radius:18px;background:#fff;box-shadow:0 18px 50px rgba(18,42,66,.07)}.tobp-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tobp-gallery .tobp-main-image{grid-column:1/-1;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#f7f8fa;border-radius:12px}.tobp-gallery img:not(.tobp-main-image){width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid #e7ebef;border-radius:8px}.tobp-copy h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.12;letter-spacing:-.025em;margin:0 0 22px}.tobp-model{font-weight:700;color:#176587;margin:0 0 16px}.tobp-summary{font-size:1.12rem;line-height:1.8;color:#46525d;margin:0 0 20px}.tobp-copy ul{padding-left:1.25em;margin:22px 0}.tobp-copy li{margin:.7em 0;line-height:1.65}.tobp-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.tobp-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 24px;background:#176587;color:#fff;text-decoration:none;border-radius:6px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.tobp-actions a:hover{color:#fff;transform:translateY(-1px);box-shadow:0 8px 22px rgba(23,101,135,.22)}.tobp-actions a.secondary{background:#4b5563}.tobp-content{margin-top:88px;font-size:17px;line-height:1.82;color:#384552}.tobp-content>h2,.tobp-content>h3,.tobp-content>h4,.tobp-content>p,.tobp-content>ul,.tobp-content>ol,.tobp-content>blockquote,.tobp-content>table{max-width:920px;margin-left:auto;margin-right:auto}.tobp-content h2{font-size:clamp(1.75rem,3vw,2.35rem);line-height:1.25;color:#17212b;margin-top:72px;margin-bottom:24px;letter-spacing:-.018em}.tobp-content h3{font-size:clamp(1.35rem,2.2vw,1.7rem);line-height:1.35;color:#17212b;margin-top:48px;margin-bottom:18px}.tobp-content h4{font-size:1.18rem;line-height:1.4;color:#17212b;margin-top:34px;margin-bottom:14px}.tobp-content p{margin-top:0;margin-bottom:1.35em}.tobp-content ul,.tobp-content ol{padding-left:1.4em;margin-top:0;margin-bottom:1.6em}.tobp-content li{margin:.55em 0;padding-left:.2em}.tobp-content img{max-width:100%;height:auto;border-radius:10px}.tobp-content blockquote{padding:22px 26px;border-left:4px solid #176587;background:#f4f8fa;border-radius:0 8px 8px 0;color:#273b48}.tobp-content>table{display:table;width:100%;border-collapse:collapse;margin-top:30px;margin-bottom:42px;background:#fff}.tobp-content th,.tobp-content td{padding:14px 18px;border:1px solid #dfe5ea;text-align:left;vertical-align:top;line-height:1.55}.tobp-content th{background:#f2f6f8;color:#17212b;font-weight:700}.tobp-content>.tobs-split,.tobp-content>.tobs-card-array,.tobp-content>.tobs-copy-form,.tobp-content>.tobs-video-module,.tobp-content>.tobs-faq,.tobp-content>.tobs-table-scroll,.tobp-content>.tobs-module-cta{margin-top:72px;margin-bottom:72px}.tobp-content>:first-child{margin-top:0}@media(max-width:800px){.tobp-page{padding:32px 18px 64px}.tobp-hero{grid-template-columns:1fr;gap:34px;padding:20px;border-radius:12px}.tobp-content{margin-top:60px;font-size:16px;line-height:1.75}.tobp-content h2{margin-top:54px}.tobp-content>table{display:block;max-width:100%;overflow-x:auto;white-space:nowrap}.tobp-content th,.tobp-content td{padding:12px 14px}}

/* v4.1.2: one square hero image; supporting images belong in the page story. */
.tobp-gallery{display:block!important;aspect-ratio:1/1;overflow:hidden;border-radius:12px;background:#f7f8fa}
.tobp-gallery .tobp-main-image{display:block!important;width:100%!important;height:100%!important;aspect-ratio:1/1;object-fit:contain!important;background:#f7f8fa}
.tobp-gallery img:not(.tobp-main-image){display:none!important}
/* v4.1.3: crop the hero asset into a clean square without letterboxing. */
.tobp-gallery{background:#eef2f4!important}
.tobp-gallery .tobp-main-image{object-fit:cover!important;object-position:center!important;background:#eef2f4!important}
/* v4.1.5: the Product hero action follows the shared primary-button system. */
.tobp-actions{justify-content:center!important}
.tobp-actions .tobp-button{width:min(100%,260px)!important;min-height:52px!important;padding:.85rem 1.35rem!important;border:1px solid var(--global-palette1,#3f60ba)!important;border-radius:2px!important;color:#fff!important;background:var(--global-palette1,#3f60ba)!important;box-shadow:none!important;text-align:center!important}
.tobp-actions .tobp-button:hover,.tobp-actions .tobp-button:focus{border-color:#071d2e!important;color:#fff!important;background:#071d2e!important;transform:translateY(-2px)!important;box-shadow:none!important}
/* v4.1.6: align the hero CTA with the copy column and use a rounded rectangle. */
.tobp-actions{justify-content:flex-start!important}
.tobp-actions .tobp-button{border-radius:8px!important}
/* v4.1.7: match the hero card's corner radius. */
.tobp-actions .tobp-button{border-radius:18px!important}