/* Technology page: the scene carries the visual weight; the atlas stays quiet. */
.technology-page { --tech-ink: #111315; --tech-paper: #f5f5f7; --tech-mint: #0fede2; --tech-teal: #006d68; --tech-line: #d9dddf; }
.technology-page .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.technology-page .site-header { position: relative; z-index: 20; }
.technology-page .nav-links { gap: 18px; }
.technology-page .nav-links a { white-space: nowrap; }
.tech-local-nav { border-bottom: 1px solid #dcdfe1; background: #fff; }
.tech-local-nav > .page-shell { min-height: 55px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.tech-local-nav strong { color: #25292b; font-size: 16px; font-weight: 650; }
.tech-local-nav nav { display: flex; gap: 27px; align-items: center; }
.tech-local-nav a { display: inline-flex; align-items: center; min-height: 44px; font-size: 12px; color: #4c5557; white-space: nowrap; }
.tech-local-nav a:hover { color: var(--tech-teal); text-decoration: underline; text-underline-offset: 4px; }

.tech-hero { position: relative; isolation: isolate; min-height: 595px; color: #fff; background: var(--tech-ink); overflow: hidden; }
.tech-hero-media { position: absolute; inset: 0; z-index: -2; overflow: hidden; container-type: size; }
.tech-scene-stage { position: absolute; top: 50%; left: 50%; width: max(100cqw, 177.68cqh); aspect-ratio: 1672 / 941; transform: translate(-50%, -50%); }
.tech-scene-stage > img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.tech-scene-thermal { opacity: 0; visibility: hidden; }
#tech-scene[data-mode="thermal"] .tech-scene-thermal { opacity: 1; visibility: visible; }
.tech-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(90deg, rgba(17,19,21,.96) 0%, rgba(17,19,21,.88) 20%, rgba(17,19,21,.48) 44%, rgba(17,19,21,.08) 71%), linear-gradient(0deg, rgba(17,19,21,.96) 0%, rgba(17,19,21,.56) 16%, transparent 48%); }
.tech-detection { position: absolute; display: none; border: 2px solid var(--tech-mint); box-shadow: 0 0 0 1px #11131566 inset; }
#tech-scene[data-mode="ai"] .tech-detection { display: block; }
.tech-detection span { position: absolute; bottom: calc(100% + 2px); left: -2px; padding: 2px 5px; background: var(--tech-mint); color: #07342f; font: 650 10px/1.1 ui-monospace, "SF Mono", monospace; }
.tech-detection-person { left: 66.2%; top: 46.5%; width: 3.8%; height: 14%; }
.tech-detection-vehicle { left: 70.8%; top: 48.5%; width: 17%; height: 19%; }
.tech-hero-inner { min-height: inherit; display: flex; flex-direction: column; justify-content: space-between; padding-block: 62px 28px; }
.tech-hero-copy { max-width: 535px; }
.tech-hero .eyebrow { color: var(--tech-mint); margin-bottom: 18px; }
.landing-v6 .tech-hero h1 { font-size: 68px; line-height: 1.02; margin-bottom: 21px; }
.tech-hero-copy > p:not(.eyebrow) { max-width: 435px; color: #e1e5e6; font-size: 18px; line-height: 1.55; margin: 0; }
.tech-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 15px 26px; margin-top: 28px; }
.tech-hero-link { display: inline-flex; align-items: center; gap: 7px; min-height: 48px; color: #fff; font-size: 14px; font-weight: 600; }
.tech-hero-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.tech-hero-link .icon { width: 17px; height: 17px; filter: brightness(0) invert(1); }
.tech-scene-bottom { display: flex; align-items: end; justify-content: space-between; gap: 28px; }
.tech-scene-context { max-width: 360px; }
.tech-illustrative { display: block; margin-bottom: 7px; color: #e3e8e8; font: 600 11px/1.4 ui-monospace, "SF Mono", monospace; }
.tech-scene-context strong { display: block; font-size: 20px; line-height: 1.25; }
.tech-scene-context p { margin: 4px 0 0; font-size: 12px; line-height: 1.4; color: #d5dcdd; }
.tech-scene-controls { display: flex; flex-wrap: wrap; justify-content: end; gap: 3px; padding: 4px; border: 1px solid #ffffff55; border-radius: 7px; background: #111315c9; backdrop-filter: blur(12px); }
.tech-scene-controls button { min-height: 44px; padding: 9px 12px; border: 0; border-radius: 4px; background: transparent; color: #d9dede; font-size: 12px; font-weight: 600; white-space: nowrap; }
.tech-scene-controls button:hover { color: #fff; background: #ffffff17; }
.tech-scene-controls button[aria-pressed="true"] { background: var(--tech-mint); color: #07342f; }

.tech-comparison { padding-block: 84px; background: var(--tech-paper); }
.tech-comparison-layout { display: grid; grid-template-columns: minmax(0,.83fr) minmax(0,1.17fr); align-items: center; gap: min(7vw, 88px); }
.tech-section-copy { max-width: 480px; }
.landing-v6 .tech-section-copy h2 { font-size: 40px; }
.tech-section-copy > p:not(.eyebrow) { color: #4d5559; font-size: 16px; }
.tech-section-copy .tech-note { border-left: 2px solid var(--tech-teal); padding-left: 15px; font-size: 13px !important; color: #555c60; }
.tech-compare-figure { min-width: 0; }
.tech-compare { position: relative; width: 100%; aspect-ratio: 1672 / 941; overflow: hidden; background: #20272a; }
.tech-compare > img, .tech-compare-reveal img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tech-compare-before { filter: brightness(.36) saturate(.42) contrast(.92); }
.tech-compare-reveal { position: absolute; inset: 0; clip-path: inset(0 calc(100% - var(--compare)) 0 0); }
.tech-compare-divider { position: absolute; top: 0; bottom: 0; left: var(--compare); width: 2px; transform: translateX(-50%); background: #fff; box-shadow: 0 0 12px #0009; pointer-events: none; }
.tech-compare-divider::after { content: "↔"; position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 36px; height: 36px; transform: translate(-50%, -50%); border-radius: 50%; background: #fff; color: #24292b; box-shadow: 0 3px 16px #0005; font-size: 19px; }
.tech-compare-label { position: absolute; bottom: 16px; padding: 5px 8px; color: #fff; background: #111315d9; font: 600 11px/1.2 ui-monospace, "SF Mono", monospace; }
.tech-compare-label-before { right: 16px; }
.tech-compare-label-after { left: 16px; }
.tech-compare-controls { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 20px; padding-top: 19px; }
.tech-compare-controls label { font-size: 12px; font-weight: 600; color: #343b3e; }
.tech-compare-controls input { width: 100%; min-height: 44px; accent-color: var(--tech-teal); cursor: ew-resize; }
.tech-compare-figure figcaption { margin-top: 10px; color: #626a6d; font-size: 11px; }

.tech-library { background: #fff; }
.tech-library-heading { display: flex; align-items: end; justify-content: space-between; gap: 50px; margin-bottom: 34px; }
.tech-library-heading > div { max-width: 660px; }
.tech-library-heading h2 { margin-bottom: 0; }
.tech-library-heading > p { max-width: 390px; margin: 0 0 3px; color: #566064; font-size: 16px; }
.tech-tools { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-block: 17px; border-block: 1px solid var(--tech-line); }
.tech-filters, .tech-protocol-controls, .tech-usecase-controls { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
.tech-filters button, .tech-protocol-controls button, .tech-usecase-controls button { min-height: 44px; padding: 9px 14px; border: 1px solid transparent; border-radius: 5px; background: transparent; color: #4d5659; font-size: 12px; font-weight: 600; }
.tech-filters button:hover, .tech-protocol-controls button:hover, .tech-usecase-controls button:hover { background: #e9efef; color: var(--tech-ink); }
.tech-filters button[aria-pressed="true"], .tech-protocol-controls button[aria-pressed="true"], .tech-usecase-controls button[aria-pressed="true"] { background: var(--tech-ink); color: #fff; }
.tech-search { position: relative; display: block; width: 270px; flex: 0 0 270px; }
.tech-search > img { position: absolute; top: 15px; left: 13px; opacity: .55; }
.tech-search input { width: 100%; min-height: 46px; padding: 10px 12px 10px 40px; border: 1px solid #cbd1d2; border-radius: 5px; background: #fff; color: var(--tech-ink); font-size: 13px; }
.tech-count { margin: 17px 0 8px; color: #687175; font: 600 11px/1.4 ui-monospace, "SF Mono", monospace; }
.tech-empty { padding: 50px 0; border-bottom: 1px solid var(--tech-line); }
.tech-empty p { margin: 0 0 12px; color: #4d5659; }
.tech-empty button { min-height: 44px; padding: 8px 14px; border: 1px solid #bcc6c6; border-radius: 5px; background: #fff; color: var(--tech-teal); font-weight: 600; }
.tech-entries { border-top: 1px solid var(--tech-line); }
.tech-entry { border-bottom: 1px solid var(--tech-line); scroll-margin-top: 100px; }
.tech-entry summary { display: grid; grid-template-columns: 134px minmax(0,1fr) 36px; align-items: center; gap: 28px; min-height: 95px; padding: 20px 5px; cursor: pointer; list-style: none; }
.tech-entry summary::-webkit-details-marker { display: none; }
.tech-entry summary:hover .tech-entry-heading strong { color: var(--tech-teal); }
.tech-entry summary:focus-visible { outline: 3px solid #087fba; outline-offset: -3px; }
.tech-entry-category { color: var(--tech-teal); font: 600 11px/1.4 ui-monospace, "SF Mono", monospace; }
.tech-entry-heading { display: grid; grid-template-columns: minmax(200px,.8fr) minmax(0,1fr); align-items: baseline; gap: 18px; min-width: 0; }
.tech-entry-heading strong { font-size: 21px; line-height: 1.25; font-weight: 650; color: #1c2224; }
.tech-entry-heading small { color: #576164; font-size: 14px; line-height: 1.4; }
.tech-entry-plus { position: relative; justify-self: end; width: 32px; height: 32px; border: 1px solid #bfc8c9; border-radius: 50%; }
.tech-entry-plus::before, .tech-entry-plus::after { content: ""; position: absolute; top: 50%; left: 50%; width: 12px; height: 1.5px; transform: translate(-50%, -50%); background: #324044; }
.tech-entry-plus::after { transform: translate(-50%, -50%) rotate(90deg); }
.tech-entry[open] .tech-entry-plus { border-color: var(--tech-teal); background: var(--tech-teal); }
.tech-entry[open] .tech-entry-plus::before, .tech-entry[open] .tech-entry-plus::after { background: #fff; }
.tech-entry[open] .tech-entry-plus::after { display: none; }
.tech-entry-body { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(290px,.9fr); gap: 70px; padding: 0 60px 30px 162px; }
.tech-entry-body p { margin: 0 0 12px; color: #4e595d; font-size: 14px; line-height: 1.65; }
.tech-entry-body p:last-child { margin-bottom: 0; }
.tech-entry-body p strong { color: #21292c; }
.tech-entry-body a { color: var(--tech-teal); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.tech-entry-visual-column { min-width: 0; }
.tech-entry-figure { margin: 0; }
.tech-entry-image { position: relative; aspect-ratio: 1200 / 735; overflow: hidden; background: #202829; }
.tech-entry-image > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tech-entry-figure-bottom { display: flex; align-items: start; justify-content: space-between; gap: 12px; margin: 9px 0 16px; }
.tech-entry-figure figcaption { max-width: 47ch; color: #5d686b; font-size: 11px; line-height: 1.45; }
.tech-visual-controls { display: inline-flex; flex: 0 0 auto; gap: 2px; padding: 2px; border: 1px solid #cbd5d5; border-radius: 5px; }
.tech-visual-controls[hidden] { display: none; }
.tech-visual-controls button { min-height: 44px; padding: 6px 9px; border: 0; border-radius: 3px; background: transparent; color: #465659; font-size: 11px; font-weight: 600; }
.tech-visual-controls button[aria-pressed="true"] { background: #173d3c; color: #fff; }
.tech-visual-controls button:focus-visible { outline: 2px solid #087fba; outline-offset: 2px; }
.tech-target { position: absolute; display: none; box-sizing: border-box; border: 2px solid #59efe1; color: #102a29; font: 700 9px/1.2 ui-monospace, "SF Mono", monospace; }
.tech-target-one { left: 28%; top: 50%; width: 13%; height: 38%; }
.tech-target-two { left: 67%; top: 32%; width: 12%; height: 29%; }
.tech-target-three { left: 47%; top: 18%; width: 6%; height: 17%; font-size: 0; }
.tech-target-vehicle { left: 58%; top: 5%; width: 17%; height: 24%; border-color: #ffd778; }
.tech-target { padding: 3px; background: transparent; text-shadow: 0 1px 2px #fff; }
.tech-target-vehicle { color: #392b0c; }
.tech-entry-figure[data-mode="analysis"] .tech-target { display: block; }
.tech-heat-overlay { position: absolute; inset: 0; opacity: 0; background: radial-gradient(ellipse 20% 28% at 34% 69%, #fa5636b3 0%, #ffc84b91 37%, #60c6c75e 70%, transparent 100%), radial-gradient(ellipse 24% 31% at 71% 49%, #ee4a37a8 0%, #ffe25a80 38%, #67c9bf4c 73%, transparent 100%), radial-gradient(ellipse 20% 21% at 50% 27%, #f69d4380 0%, #9ed87c62 52%, transparent 100%); pointer-events: none; }
.tech-heat-key { position: absolute; right: 10px; bottom: 10px; display: none; padding: 5px 7px; background: #112321e0; color: #fff; font: 600 10px/1.2 ui-monospace, "SF Mono", monospace; }
.tech-entry-figure[data-mode="analysis"] .tech-heat-overlay { opacity: 1; }
.tech-entry-figure[data-mode="analysis"] .tech-heat-key { display: block; }
.tech-entry-visual-column > .tech-process { width: 100%; }
.tech-process { display: flex; align-items: stretch; align-self: start; min-height: 83px; border-block: 1px solid #d8dfdf; color: #263538; }
.tech-process > span { position: relative; flex: 1 1 0; min-width: 0; display: grid; place-items: center; padding: 13px 11px; text-align: center; font: 600 11px/1.35 ui-monospace, "SF Mono", monospace; overflow-wrap: anywhere; }
.tech-process > span + span::before { content: "→"; position: absolute; left: 0; top: 50%; transform: translate(-50%, -50%); color: var(--tech-teal); font-size: 16px; background: #fff; padding: 0 3px; }
.tech-process > span:last-child { color: var(--tech-teal); background: #e8f7f5; }
.tech-entry[data-tech-category="inteligencia"] .tech-process > span:last-child { background: #eef3ed; color: #365a43; }
.tech-entry[data-tech-category="termica"] .tech-process > span:last-child { background: #fff0e2; color: #9a4b16; }
.tech-entry[data-tech-category="conectividad"] .tech-process { border-block-style: dashed; }
.tech-entry[data-tech-category="conectividad"] .tech-process > span:nth-child(2) { background: #f0f5f5; }
.tech-entry[data-tech-category="proteccion"] .tech-process > span:last-child { background: #f1f2f5; color: #303d47; }
#wdr .tech-process > span:first-child { background: linear-gradient(90deg, #f6f7f8 0 48%, #dce5e5 48% 52%, #e9eeee 52%); }
#wdr .tech-process > span:nth-child(2) { color: var(--tech-teal); }
#dual-illumination .tech-process > span:first-child { background: #202b31; color: #d9f5f3; }
#dual-illumination .tech-process > span:nth-child(2) { background: #f3f7f6; }
#dual-illumination .tech-process > span:last-child { background: #fff4de; color: #8a5a10; }
#heat-map .tech-process > span:last-child { color: #4e5b42; background-color: #e8eee6; background-image: linear-gradient(90deg, transparent 32%, #b3caaa 32% 35%, transparent 35% 65%, #b3caaa 65% 68%, transparent 68%), linear-gradient(0deg, transparent 31%, #b3caaa 31% 34%, transparent 34% 65%, #b3caaa 65% 68%, transparent 68%); }
#fips .tech-process > span:last-child { outline: 1px dashed #647781; outline-offset: -7px; }
.tech-availability { margin: 27px 0 0; padding-left: 15px; border-left: 2px solid var(--tech-teal); color: #525e62; font-size: 13px; }

.tech-integration { background: #eef2f2; }
.tech-protocol-controls { margin-bottom: 25px; padding-bottom: 18px; border-bottom: 1px solid #d2dada; }
.tech-integration-layout { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(260px,.75fr); gap: 45px; align-items: center; }
.tech-protocol-diagram { display: flex; align-items: stretch; min-width: 0; padding-block: 25px; }
.tech-protocol-node { display: flex; flex-direction: column; justify-content: space-between; gap: 35px; flex: 1 1 0; min-width: 0; min-height: 165px; padding: 19px 14px; border: 1px solid #c3d1d0; background: #fff; }
.tech-protocol-node img { width: 27px; height: 27px; opacity: .74; }
.tech-protocol-node span { color: #273539; font-size: 13px; font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; }
.tech-protocol-middle { border-color: #87b9b5; background: #dcf6f2; }
.tech-protocol-wire { position: relative; align-self: center; flex: 0 0 27px; height: 2px; background: var(--tech-teal); }
.tech-protocol-wire::after { content: ""; position: absolute; right: 0; top: 50%; width: 7px; height: 7px; transform: translateY(-50%) rotate(45deg); border-top: 2px solid var(--tech-teal); border-right: 2px solid var(--tech-teal); }
.tech-protocol-kind { display: block; margin-bottom: 15px; color: var(--tech-teal); font: 600 11px/1.4 ui-monospace, "SF Mono", monospace; }
.landing-v6 .tech-protocol-copy h3 { max-width: 380px; margin-bottom: 13px; font-size: 26px; }
.tech-protocol-copy p { margin: 0 0 15px; color: #4e5c60; font-size: 14px; }
.tech-flow-key { display: flex; flex-wrap: wrap; gap: 8px 26px; margin-top: 28px; padding-top: 17px; border-top: 1px solid #cfd9d8; }
.tech-flow-key span { display: inline-flex; align-items: baseline; gap: 7px; color: #526064; font-size: 11px; }
.tech-flow-key i { display: inline-block; width: 8px; height: 8px; border: 1px solid var(--tech-teal); border-radius: 50%; }

.tech-selector { background: #fff; }
.tech-usecase-controls { margin-bottom: 27px; padding-block: 6px 16px; border-bottom: 1px solid var(--tech-line); }
.tech-usecases { display: grid; gap: 0; }
.tech-usecase-panel { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); gap: 70px; align-items: center; padding-block: 30px 45px; border-bottom: 1px solid var(--tech-line); }
.tech-usecase-panel:first-child { padding-top: 4px; }
.tech-usecase-panel:last-child { border-bottom: 0; }
.tech-usecase-copy { max-width: 480px; }
.tech-usecase-index { display: block; margin-bottom: 19px; color: var(--tech-teal); font: 600 11px/1.4 ui-monospace, "SF Mono", monospace; }
.landing-v6 .tech-usecase-panel h3 { font-size: 31px; margin-bottom: 16px; }
.tech-usecase-copy > p { color: #505c60; font-size: 15px; }
.tech-related { margin-block: 19px 23px; font-size: 13px !important; }
.tech-related strong { color: #293236; }
.tech-related a { color: var(--tech-teal); text-decoration: underline; text-underline-offset: 3px; }
.tech-product-meta { display: grid; gap: 4px; margin-bottom: 21px; }
.tech-product-meta strong { color: #1d282a; font: 650 14px/1.4 ui-monospace, "SF Mono", monospace; }
.tech-product-meta span { color: #5b666a; font-size: 12px; }
.tech-usecase-media { position: relative; display: grid; place-items: center; aspect-ratio: 1.36; min-width: 0; overflow: hidden; background: #f0f2f3; }
.tech-usecase-media img { width: 74%; height: 74%; object-fit: contain; mix-blend-mode: multiply; }
.tech-usecase-media > span { position: absolute; bottom: 15px; left: 17px; color: #536165; font: 600 10px/1.2 ui-monospace, "SF Mono", monospace; }
.tech-thermal-media { background: #161b1c; }
.tech-thermal-media img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: normal; }
.tech-thermal-media > span { color: #fff; background: #111315ab; padding: 5px 7px; }
.tech-contact { background: var(--tech-ink); color: #fff; }
.tech-contact-inner { display: flex; align-items: end; justify-content: space-between; gap: 60px; }
.tech-contact-inner > div:first-child { max-width: 670px; }
.tech-contact .eyebrow { color: var(--tech-mint); }
.tech-contact h2 { margin-bottom: 16px; }
.tech-contact p:not(.eyebrow) { max-width: 560px; color: #c6ced0; font-size: 15px; }
.tech-contact-actions { display: grid; justify-items: start; gap: 17px; flex: 0 0 auto; }
.tech-contact-actions > a:last-child { color: #c4cecf; font-size: 12px; }
.tech-contact-actions strong { display: block; color: #fff; font-size: 18px; font-weight: 600; }

@media (max-width: 1100px) {
  .technology-page .nav-links { gap: 12px; }
  .tech-entry-heading { grid-template-columns: minmax(170px,.75fr) minmax(0,1fr); }
  .tech-entry-body { gap: 40px; padding-left: 155px; padding-right: 45px; }
  .tech-usecase-panel { gap: 40px; }
}
@media (max-width: 860px) {
  .tech-local-nav nav { gap: 16px; }
  .tech-hero { min-height: 600px; }
  .tech-hero-inner { padding-block: 46px 23px; }
  .tech-scene-bottom { align-items: start; flex-direction: column; gap: 16px; }
  .tech-scene-controls { justify-content: start; }
  .tech-comparison-layout { grid-template-columns: 1fr; gap: 30px; }
  .tech-section-copy { max-width: 670px; }
  .tech-library-heading { align-items: start; flex-direction: column; gap: 14px; }
  .tech-library-heading > p { max-width: 660px; }
  .tech-tools { align-items: stretch; flex-direction: column; }
  .tech-search { width: 100%; flex: none; }
  .tech-entry summary { grid-template-columns: 105px minmax(0,1fr) 35px; gap: 18px; }
  .tech-entry-heading { display: block; }
  .tech-entry-heading small { display: block; margin-top: 4px; }
  .tech-entry-body { grid-template-columns: 1fr; gap: 17px; padding: 0 46px 28px 123px; }
  .tech-entry-visual-column { max-width: 560px; }
  .tech-process { max-width: 560px; }
  .tech-integration-layout { grid-template-columns: 1fr; gap: 20px; }
  .tech-contact-inner { align-items: start; flex-direction: column; gap: 18px; }
}
@media (max-width: 600px) {
  .tech-local-nav > .page-shell { min-height: 52px; gap: 12px; }
  .tech-local-nav strong { font-size: 14px; }
  .tech-local-nav nav { gap: 16px; overflow-x: auto; scrollbar-width: none; }
  .tech-local-nav nav::-webkit-scrollbar { display: none; }
  .tech-local-nav nav a { font-size: 11px; }
  .tech-hero { min-height: 700px; }
  .tech-hero-media { top: 240px; bottom: 135px; mask-image: linear-gradient(to bottom, transparent, #000 20%, #000 75%, transparent); }
  .tech-scene-stage { left: auto; right: -5%; transform: translateY(-50%); }
  .tech-hero::after { background: linear-gradient(180deg, #111315 0%, #111315f2 22%, #1113159c 38%, #11131512 58%, #111315ad 77%, #111315 100%); }
  .tech-hero-inner { padding-block: 25px 70px; gap: 190px; }
  .tech-hero .eyebrow { margin-bottom: 12px; }
  .landing-v6 .tech-hero h1 { font-size: 42px; max-width: 350px; margin-bottom: 12px; }
  .tech-hero-copy > p:not(.eyebrow) { max-width: 345px; font-size: 14px; line-height: 1.45; }
  .tech-hero-actions { gap: 8px 15px; margin-top: 17px; }
  .tech-hero-actions .btn { min-height: 44px; padding: 9px 12px; font-size: 12px; }
  .tech-hero-link { min-height: 44px; font-size: 12px; }
  .tech-scene-bottom { gap: 10px; }
  .tech-scene-context { max-width: 330px; }
  .tech-illustrative { margin-bottom: 3px; font-size: 10px; }
  .tech-scene-context strong { font-size: 15px; }
  .tech-scene-context p { font-size: 11px; line-height: 1.3; }
  .tech-scene-controls { width: 100%; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 2px; }
  .tech-scene-controls button { white-space: normal; font-size: 10px; line-height: 1.2; padding: 6px 4px; }
  .tech-detection { border-width: 1.5px; }
  .tech-detection span { font-size: 8px; }
  .tech-comparison { padding-block: 57px; }
  .landing-v6 .tech-section-copy h2 { font-size: 31px; }
  .tech-section-copy > p:not(.eyebrow) { font-size: 14px; }
  .tech-compare-controls { grid-template-columns: 1fr; gap: 0; }
  .tech-compare-controls input { min-height: 40px; }
  .tech-compare-label { bottom: 7px; font-size: 9px; }
  .tech-compare-label-before { right: 7px; }
  .tech-compare-label-after { left: 7px; }
  .tech-compare-divider::after { width: 29px; height: 29px; }
  .tech-library-heading { margin-bottom: 25px; }
  .tech-library-heading > p { font-size: 14px; }
  .tech-filters button { padding-inline: 10px; }
  .tech-entry summary { grid-template-columns: minmax(0,1fr) 32px; gap: 8px; min-height: 82px; padding-block: 15px; }
  .tech-entry-category { grid-column: 1; font-size: 10px; }
  .tech-entry-heading { grid-column: 1; grid-row: 2; }
  .tech-entry-heading strong { font-size: 17px; }
  .tech-entry-heading small { margin-top: 4px; font-size: 12px; }
  .tech-entry-plus { grid-column: 2; grid-row: 1 / 3; }
  .tech-entry-body { padding: 0 4px 24px; gap: 14px; }
  .tech-entry-body p { font-size: 13px; }
  .tech-entry-figure-bottom { flex-wrap: wrap; }
  .tech-entry-figure[data-tech-visual] .tech-entry-figure-bottom { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; }
  .tech-process { min-height: 70px; }
  .tech-process > span { padding: 8px 5px; font-size: 9px; }
  .tech-process > span + span::before { font-size: 12px; }
  .tech-protocol-diagram { padding-block: 6px; }
  .tech-protocol-node { min-height: 130px; padding: 10px 6px; gap: 20px; }
  .tech-protocol-node img { width: 22px; height: 22px; }
  .tech-protocol-node span { font-size: 10px; }
  .tech-protocol-wire { flex-basis: 14px; }
  .landing-v6 .tech-protocol-copy h3 { font-size: 22px; }
  .tech-flow-key { gap: 8px 14px; }
  .tech-usecase-controls { gap: 3px; }
  .tech-usecase-controls button { padding-inline: 10px; }
  .tech-usecase-panel { grid-template-columns: 1fr; gap: 22px; padding-block: 32px; }
  .landing-v6 .tech-usecase-panel h3 { font-size: 26px; }
  .tech-usecase-media { aspect-ratio: 1.55; }
  .tech-usecase-media img { width: 68%; height: 78%; }
  .tech-thermal-media img { width: 100%; height: 100%; }
  .tech-contact-actions { width: 100%; }
}
@media (max-width: 390px) {
  .tech-local-nav nav a:nth-child(3) { display: none; }
  .landing-v6 .tech-hero h1 { font-size: 38px; }
  .tech-hero-actions { gap: 6px 11px; }
  .tech-hero-link { font-size: 11px; }
  .tech-scene-context p { max-width: 300px; }
  .tech-filters button, .tech-protocol-controls button, .tech-usecase-controls button { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .technology-page *, .technology-page *::before, .technology-page *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
.technology-page.tech-keyboard *, .technology-page.tech-keyboard *::before, .technology-page.tech-keyboard *::after { transition: none !important; }