/* Compact extensions of the approved industrial editorial design. */
.offer-hero{grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:64px;padding-block:48px}
.offer-hero .hero-copy h1{font-size:clamp(32px,3.15vw,46px);line-height:1.12;max-width:800px}
.offer-hero .hero-copy .lead{margin-block:20px 24px;font-size:17px}
.offer-methods{border-left:1px solid var(--line);padding-left:30px}
.offer-methods .eyebrow{font-size:10px}
.offer-methods ol{list-style:none;padding:0;margin:0}
.offer-methods li{display:flex;gap:18px;margin:0;padding:15px 0;border-top:1px solid var(--line)}
.offer-methods li>span{font:12px Mono;color:var(--blue);padding-top:4px}
.offer-methods h2{font-size:18px;letter-spacing:-.02em;margin-bottom:6px}
.offer-methods p{font-size:13px;line-height:1.6}
.tools-section{padding-block:56px}
.tools-section .section-heading{max-width:900px;margin-bottom:28px}
.tool-row{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);gap:60px;border-top:1px solid var(--line);padding-block:32px;align-items:start}
.tool-row:last-child{padding-bottom:0}
.tool-copy h3{font-size:29px;margin-block:12px 15px}
.tool-copy p{font-size:14px;line-height:1.7}
.tool-copy p+p{margin-top:12px}
.tool-copy .small-index{font:10px Mono;color:var(--blue)}
.tool-copy .tool-problem{color:var(--text)}
.tool-copy .tool-benefit{border-left:2px solid var(--blue);padding-left:14px}
.tool-copy .fineprint{font-size:11px}
.engagement-grid,.knowledge-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px}
.engagement-grid h2,.knowledge-grid h2,.supporting-services h2{font-size:32px;margin-bottom:22px}
.engagement-grid p,.knowledge-grid p,.supporting-services p{font-size:14px}
.engagement-prices>div{border-top:1px solid var(--line);padding:22px 0}
.engagement-prices h3{font-size:20px;margin-bottom:12px}
.engagement-prices strong{display:block;font-size:30px;color:var(--blue);margin-bottom:10px}
.engagement-prices strong small{font-size:14px;color:var(--muted)}
.engagement-grid+.wrap>.fineprint{margin-top:26px}
.knowledge-grid{border-top:1px solid var(--line);padding-top:36px}
#repair-knowledge{padding-top:12px;padding-bottom:56px}
.knowledge-detail h3{font-size:23px;margin-bottom:20px}
.knowledge-detail .check-list{font-size:14px}
.supporting-services{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:56px}
.custom-delivery{border-block:1px solid var(--line);padding-block:30px;margin-bottom:18px}
.custom-delivery h2{font-size:32px}
.custom-delivery h3{margin-top:0}
.custom-delivery .button{margin-top:24px}
@media(max-width:1050px){.offer-hero{gap:32px}.tool-row{gap:32px}.engagement-grid,.knowledge-grid,.supporting-services{gap:36px}}
@media(max-width:760px){.offer-hero{grid-template-columns:1fr;gap:28px}.offer-hero .hero-copy h1{font-size:36px}.offer-methods{border-left:0;padding-left:0}.offer-methods .eyebrow{margin-bottom:8px}.offer-methods li{padding:12px 0}.tool-row{grid-template-columns:1fr;gap:24px}.engagement-grid,.knowledge-grid,.supporting-services{grid-template-columns:1fr;gap:30px}.engagement-grid h2,.knowledge-grid h2,.supporting-services h2{font-size:29px}.tools-section{padding-block:40px}.tool-copy h3{font-size:26px}.example-body{padding:18px 14px}.tool-example table{font-size:11px}.tool-example td,.tool-example th{padding:10px 5px}.example-top,.tool-example figcaption{padding-inline:14px}}
@media(max-width:380px){.offer-hero .hero-copy h1{font-size:31px}.offer-hero .hero-copy .lead{font-size:15px}.tool-copy h3{font-size:25px}}

/* Supplied product screenshots, kept at their natural aspect ratio. */
.product-gallery{min-width:0}
.gallery-lead{margin:0;border:1px solid #52637a;border-radius:4px;overflow:hidden;background:#111b29}
.gallery-lead-link{position:relative;display:block;color:#e7effb}
.gallery-lead img{display:block;width:100%;height:auto}
.gallery-enlarge{display:block;padding:9px 14px;border-top:1px solid #3e5068;background:#20324c;font:11px Mono;text-align:right}
.gallery-lead figcaption{padding:12px 16px;background:#1a2739;color:#c0ccdc;font-size:11px;line-height:1.6}
.gallery-lead figcaption strong{display:block;margin-bottom:3px;color:#e5edf9;font-size:12px;font-weight:600}
.gallery-count{margin:12px 0!important;color:var(--muted);font:10px/1.6 Mono}
.gallery-thumbnails{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}
.gallery-thumbnails li{min-width:0;margin:0}
.gallery-thumbnail{display:flex;flex-direction:column;height:100%;border:1px solid #52637a;border-radius:3px;overflow:hidden;background:#111b29;color:#dce6f7;text-decoration:none}
.gallery-thumbnail img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#0b121c}
.gallery-thumbnail-label{display:flex;justify-content:space-between;gap:8px;align-items:start;padding:10px 11px;border-top:1px solid #3e5068;font-size:11px;line-height:1.5}
.gallery-thumbnail-label>span{flex-shrink:0}
.gallery-thumbnail:hover,.gallery-lead-link:hover{color:#fff;background:#20324c}
.gallery-thumbnail:focus-visible,.gallery-lead-link:focus-visible{outline:3px solid #a8d0ff;outline-offset:-4px}
.gallery-is-open{overflow:hidden}
.gallery-dialog{width:min(1240px,calc(100vw - 40px));max-width:calc(100vw - 40px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:0;border:1px solid #607897;border-radius:6px;background:#111b29;color:#e5edf9;overflow:auto;overscroll-behavior:contain}
.gallery-dialog::backdrop{background:rgb(3 8 15 / .88)}
.gallery-dialog [hidden]{display:none!important}
.gallery-dialog-toolbar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;border-bottom:1px solid #3e5068;background:#172438}
.gallery-dialog-toolbar h2{margin:0;font-size:18px;line-height:1.4;letter-spacing:-.02em}
.gallery-control{min-height:44px;padding:10px 14px;border:1px solid #6c87aa;border-radius:3px;background:#20324c;color:#edf4ff;font:inherit;font-size:13px;cursor:pointer}
.gallery-control:hover{background:#2b4365}
.gallery-close{flex-shrink:0}
.gallery-control:focus-visible,.gallery-full-size:focus-visible{outline:3px solid #a8d0ff;outline-offset:3px}
.gallery-dialog-media{display:flex;align-items:center;justify-content:center;min-height:160px;padding:14px;background:#080e17}
.gallery-dialog-media img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 250px);max-height:calc(100dvh - 250px);object-fit:contain}
.gallery-dialog-details{padding:14px 18px 18px;border-top:1px solid #3e5068}
.gallery-dialog-details>p{font-size:12px;line-height:1.6;color:#c0ccdc;margin:0 0 14px}
.gallery-dialog-navigation{display:flex;align-items:center;justify-content:center;gap:18px}
.gallery-position{min-width:5ch;text-align:center;font:12px Mono;color:#c0ccdc}
.gallery-full-size{display:block;width:fit-content;min-height:44px;align-content:center;margin:8px auto 0;padding:10px 4px;color:#bcd9ff;font-size:12px;text-underline-offset:3px}
.gallery-load-error{max-width:40ch;padding:24px;font-size:14px;text-align:center;color:#c0ccdc}
@media(max-width:760px){.gallery-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px)}.gallery-dialog-toolbar{padding:10px 12px;gap:12px}.gallery-dialog-toolbar h2{font-size:15px}.gallery-dialog-media{padding:8px}.gallery-dialog-media img{max-height:calc(100vh - 280px);max-height:calc(100dvh - 280px)}.gallery-dialog-details{padding:12px}.gallery-dialog-navigation{gap:12px}.gallery-control{padding:10px 12px}}
@media(max-width:380px){.gallery-thumbnails{gap:8px}.gallery-thumbnail-label{padding:9px;font-size:10px}.gallery-dialog-navigation{gap:8px}.gallery-control{font-size:12px}.gallery-dialog-toolbar h2{font-size:14px}}
@media(prefers-reduced-motion:reduce){.product-gallery *,.gallery-dialog *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.gallery-dialog,.gallery-enlarge{display:none!important}.gallery-thumbnails{grid-template-columns:repeat(2,minmax(0,1fr))}}

.product-gallery picture{display:block;width:100%}
@media(min-width:1100px){[data-product-gallery="shopcommand"] .gallery-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr))}}
