/* Corporate technology catalogue. Typography comes from the global semantic contract. */
.section.tech-section{padding-block:48px}.tech-section-intro{margin-bottom:20px}.tech-section-intro>.eyebrow{margin:0 0 12px}.tech-section-intro h2{margin:0 0 16px}.tech-section-intro>p[data-text-role="body"]{margin:0 0 16px}.tech-section-intro>p:last-child{margin:0}
.tech-tab-list{display:flex;gap:28px;border-bottom:1px solid #d3e1eb;margin:0 0 24px;align-items:stretch}
.tech-tab-list[hidden],.tech-tab-panel[hidden]{display:none!important}
.tech-tab-list button{font:500 14px/1.4 Inter,Arial,sans-serif;color:var(--muted);background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;padding:14px 0;min-height:48px;cursor:pointer;text-align:left}
.tech-tab-list button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--blue)}
@media(hover:hover){.tech-tab-list button:hover{color:var(--blue)}}
.tech-tab-list button:focus-visible,.tech-tab-panel:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
.tech-tab-panel{scroll-margin-top:120px;min-width:0}.tech-tabs--models .tech-tab-list{border:0;margin:0 0 24px;gap:8px}.tech-tabs--models .tech-tab-list button{padding:10px 24px;border:1px solid #c9dce9;margin:0;color:var(--ink);min-height:44px}
.tech-tabs--models .tech-tab-list button[aria-selected=true]{background:var(--brand-night);color:#fff;border-color:var(--brand-night)}
.tech-display{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center;min-height:0}
.tech-description{min-width:0}.tech-description .eyebrow{margin:0 0 12px}.tech-description h3{margin:0 0 16px}.tech-description p{margin:0 0 16px}.tech-description .actions{margin-top:20px;display:flex;gap:12px;flex-wrap:wrap}
.tech-media{margin:0;min-width:0;position:relative;background:transparent;overflow:hidden}
.tech-media img{display:block;width:100%;height:auto;aspect-ratio:4/3;max-height:380px;object-fit:contain}.tech-media--product img{aspect-ratio:4/3;object-fit:contain}.tech-media:not(.tech-media--product) img{max-height:none}
.tech-media--logo{background:#fff;display:flex;align-items:center;justify-content:center;min-height:360px;padding:64px}
.tech-media--logo img{aspect-ratio:auto;width:100%;max-width:320px;max-height:160px;object-fit:contain}
.tech-features{padding:0;list-style:none;display:grid;gap:8px;margin:16px 0;color:var(--muted);font-size:16px;line-height:1.65}
.tech-features li{padding-left:16px;position:relative}.tech-features li:before{content:'•';position:absolute;left:0;color:var(--blue)}
.tech-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0 0;padding:16px 0;border-top:1px solid #d3e1eb;border-bottom:1px solid #d3e1eb}.tech-facts div{min-width:0}.tech-facts dt{font:400 12px/1.5 Inter,Arial,sans-serif;color:var(--muted);margin-bottom:6px}.tech-facts dd{font:600 15px/1.4 Inter,Arial,sans-serif;margin:0;color:var(--ink)}
@media(max-width:1000px){.tech-tab-list{gap:20px}.tech-display{gap:32px}.tech-facts{gap:12px}.tech-media--logo{padding:40px}}
@media(max-width:900px){.tech-display{grid-template-columns:1fr;gap:24px;min-height:0}.tech-media--logo{min-height:240px}.tech-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.section.tech-section{padding-block:36px}.tech-media img{max-height:none}.tech-tab-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin-bottom:24px}.tech-tab-list button{padding:12px 0}.tech-tabs--models .tech-tab-list{display:flex;gap:8px}.tech-tabs--models .tech-tab-list button{flex:1;text-align:center;padding:10px 12px}.tech-section-intro{margin-bottom:24px}.tech-facts{grid-template-columns:1fr;gap:12px}.tech-facts div{display:flex;justify-content:space-between;gap:12px}.tech-facts dt{margin:0}.tech-facts dd{text-align:right}.tech-description .actions .button{justify-content:center}.tech-description h3{margin-bottom:12px}}
.tech-description .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* Visible product navigation: every model is discoverable without opening a category. */
.tech-tabs--visual .robot-model-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;border:0;margin-bottom:24px}
.robot-model-picker button{display:flex;flex-direction:column;align-items:center;min-width:0;position:relative;overflow:hidden;padding:0 14px 12px;margin:0;background:#fff;border:0;border-bottom:3px solid transparent;transition:background .15s ease}
.robot-model-picker button img{display:block;width:calc(100% + 28px);max-width:none;margin:0 -14px 12px;aspect-ratio:4/3;height:auto;object-fit:contain}
.robot-model-picker .robot-picker-name{font:600 18px/1.35 Inter,Arial,sans-serif;letter-spacing:-.018em;color:var(--ink);white-space:nowrap;text-align:center}
.robot-model-picker button[aria-selected=true]{background:#eaf6ff;border-bottom-color:var(--blue)}
@media(hover:hover){.robot-model-picker button:hover{background:#eaf6ff}}
@media(max-width:1100px){.tech-tabs--visual .robot-model-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.robot-model-picker button img{max-height:160px}}

@media(prefers-reduced-motion:reduce){.robot-model-picker button{transition:none}}
#robot-models{scroll-margin-top:112px}
.anchor-alias{display:block;scroll-margin-top:120px}

/* Application information stays visible; only service robot models use tabs. */
.tech-application-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.tech-application-card{display:flex;flex-direction:column;min-width:0;background:#fff;scroll-margin-top:120px}
.tech-application-media{margin:0;min-width:0;overflow:hidden;background:transparent}
.tech-application-media img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.tech-application-media--product img{object-fit:contain}
.tech-application-copy{display:flex;flex-direction:column;flex:1;min-width:0;padding:24px}
.tech-application-copy h3{margin:0 0 12px}.tech-application-copy p{margin:0 0 16px}.tech-application-copy .tech-features{margin:0 0 20px}
.tech-application-copy .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:4px}
.tech-application-copy .actions .button{min-height:44px}
.tech-application-card--wide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
.tech-application-card--wide .tech-application-copy{padding:28px 32px}
.tech-application-card--wide .actions{margin-top:4px}

.tech-model-specs{margin-top:20px;border-top:1px solid #d3e1eb;color:var(--muted)}
.tech-model-specs summary{font:500 14px/1.5 Inter,Arial,sans-serif;cursor:pointer;min-height:44px;padding:12px 0}
.tech-model-specs summary:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.tech-model-specs .tech-facts{margin:0;border-top:0;padding-top:4px}
.robot-model-picker .robot-picker-use{display:block;margin-top:4px;min-height:36px;font:400 12px/1.5 Inter,Arial,sans-serif;color:var(--muted);text-align:center}
@media(max-width:760px){.tech-application-grid{grid-template-columns:1fr;gap:24px}.tech-application-copy{padding:20px}.tech-application-card--wide{grid-template-columns:1fr}.tech-application-card--wide .tech-application-copy{padding:20px}.tech-application-card{scroll-margin-top:100px}}

/* Phone model navigation: compact thumbnail and model name in one row. */
@media(max-width:760px){
 .tech-tabs--visual .robot-model-picker{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin-bottom:20px}
 .robot-model-picker button{justify-content:center;padding:6px 0 8px;min-height:88px;background:transparent}
 .robot-model-picker button img{display:block;width:100%;max-width:64px;height:48px;aspect-ratio:auto;object-fit:contain;margin:0 0 4px}
 .robot-model-picker .robot-picker-use{display:none}
 .robot-model-picker .robot-picker-name{font-size:14px;line-height:20px;letter-spacing:0}
}