.subpage--temperature { --temp-space:78px; --temp-soft:#edf0e9; --temp-green:#245b46; --temp-amber:#8a5d00; --temp-orange:#a34800; --temp-card-pad:28px; }
.temp-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.temp-hero { padding-bottom:40px; overflow:hidden; }
.temp-hero .breadcrumbs { padding-bottom:34px; }
.temp-hero-grid { display:grid; grid-template-columns:.88fr 1.12fr; align-items:center; gap:12px; }
.temp-hero-copy { position:relative; z-index:2; }
.temp-hero h1 { font-size:clamp(44px,4.35vw,64px); line-height:1.06; letter-spacing:-2.6px; }
.temp-hero h1>span { display:block; }
.temp-hero .eyebrow { font-size:11px; letter-spacing:1.8px; }
.temp-subtitle { font-size:22px; line-height:1.4; font-weight:550; color:var(--green); margin-top:25px; letter-spacing:-.4px; max-width:440px; }
.temp-lead { font-size:16px; line-height:1.75; color:var(--muted); max-width:460px; margin-top:18px; }
.temp-hero .subpage-actions { gap:19px 23px; margin-top:25px; align-items:center; }
.temp-hero .button { font-size:13px; }
.temp-secondary { font-size:12px; font-weight:550; color:var(--green-link); display:flex; gap:12px; align-items:center; min-height:44px; }
.temp-secondary:hover { text-decoration:underline; text-underline-offset:4px; }
.temp-hero-call { display:flex; align-items:center; flex-wrap:wrap; gap:8px 22px; margin-top:20px; }
.temp-hero-call>a { font-size:19px; font-weight:650; color:var(--green); display:flex; gap:12px; }
.temp-hero-call .arrow { color:var(--red); }
.temp-hero-call>a:hover { text-decoration:underline; text-underline-offset:4px; }
.temp-hero-call>span { font-size:11px; color:var(--muted); }
.temp-scene { margin:0 -26px 0 -15px; min-width:0; position:relative; }
.temp-stage { width:100%; aspect-ratio:3/2; position:relative; }
.temp-scene-image { display:block; width:100%; height:auto; }
.temp-overlay { width:100%; height:100%; position:absolute; inset:0; overflow:visible; pointer-events:none; }
.temp-routes path { opacity:0; stroke:var(--green-link); stroke-width:3; stroke-dasharray:7 13; }
.temp-sensor { opacity:0; color:var(--temp-green); }
.temp-sensor-halo { fill:currentColor; opacity:.13; }
.temp-sensor-ring { fill:none; stroke:currentColor; stroke-width:3; }
.temp-sensor-core { fill:currentColor; stroke:white; stroke-width:3; }
.temp-sensor-echo { stroke-width:2; }
.temp-heat { opacity:0; stroke:#d78435; stroke-width:5; stroke-linecap:round; }
.temp-thermometer { opacity:0; fill:var(--temp-orange); }
.temp-system-bars { width:20px; height:16px; flex-shrink:0; fill:currentColor; }
.temp-packets circle { fill:var(--green); stroke:white; stroke-width:3; opacity:0; }
.temp-location { position:absolute; z-index:3; display:grid; gap:7px; min-width:127px; padding:12px 15px; color:var(--green); background:#fff; border:1px solid #dfe4dc; border-radius:10px; box-shadow:0 8px 24px #173f3910; text-decoration:none; transition:border-color .3s,box-shadow .3s; }
.temp-location-title { display:flex; align-items:center; gap:7px; font-size:12px; font-weight:600; }
.temp-location-title .arrow { margin-left:auto; padding-left:9px; font-size:13px; }
.temp-location-dot { width:6px; height:6px; border-radius:50%; background:var(--red); }
.temp-location-reading { display:flex; align-items:baseline; gap:4px; }
.temp-location-reading strong { font-size:25px; line-height:1; letter-spacing:-.7px; font-weight:650; font-variant-numeric:tabular-nums; min-width:48px; }
.temp-location-reading>span { font-size:13px; }
.temp-location-reading svg { margin-left:auto; width:30px; height:16px; stroke:currentColor; stroke-width:1.5; fill:none; }
.temp-location--factory { left:48%; top:1%; }
.temp-location--warehouse { left:0; top:38%; }
.temp-location--office { right:0; top:57%; }
.temp-location:hover { border-color:var(--green); }
.temp-location.is-current { border-color:var(--green); box-shadow:0 0 0 4px #315b5410,0 8px 24px #173f3910; }
.temp-location.is-warning { color:var(--temp-orange); border-color:#bc650d; box-shadow:0 0 0 4px #da8c1617; }
.temp-sensor.is-warning { color:var(--temp-orange); }
.temp-sms { opacity:0; position:absolute; z-index:4; left:26%; top:77%; display:flex; align-items:center; gap:10px; background:#fff; border:1px solid #e4b18b; border-radius:10px; padding:12px 15px; box-shadow:0 8px 26px #173f3915; pointer-events:none; }
.temp-sms>svg { width:22px; height:29px; fill:none; stroke:var(--temp-orange); stroke-width:1.5; }
.temp-sms>svg { transform-origin:50% 70%; }
.temp-sms>div { display:grid; gap:4px; }
.temp-sms strong { font-size:12px; color:var(--temp-orange); }
.temp-sms span { font-size:11px; color:var(--green); }
.temp-sms small { font-size:9px; color:var(--muted); }
.temp-system { display:flex; align-items:center; justify-content:center; gap:9px; width:max-content; max-width:calc(100% - 36px); min-height:43px; padding:10px 17px; margin:-4px auto 22px; position:relative; z-index:2; color:var(--green); border:1px solid #c9d5cb; border-radius:var(--pill); background:var(--paper); transition:background .3s,border-color .3s; font-size:12px; }
.temp-system-indicator { width:6px; height:6px; border-radius:50%; background:var(--green); }
.temp-system>strong { font-weight:650; }
.temp-system>span:not(.temp-system-indicator) { font-size:10px; }
.temp-system.is-current { background:var(--green); color:white; border-color:var(--green); }
.temp-system.is-current .temp-system-indicator { background:#b3e0c9; }
.temp-system:hover { text-decoration:underline; text-underline-offset:4px; }
.temp-scene figcaption { padding-inline:25px 10px; }
.temp-phase-list { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.temp-phase-list li { font-size:11px; color:var(--muted); border-top:2px solid var(--line); padding-top:11px; transition:border-color .3s,color .3s; }
.temp-phase-list li>span { font-size:9px; color:var(--red-ink); margin-right:6px; }
.temp-phase-list .is-current { color:var(--green); border-color:var(--red); }
.temp-scene-bottom { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:44px; margin-top:5px; }
.temp-scene-bottom>p { font-size:10px; color:var(--muted); }
.temp-motion-control { font-size:10px; color:var(--green-link); border:0; background:none; text-decoration:underline; text-underline-offset:3px; min-height:44px; padding:8px 0 8px 10px; flex-shrink:0; }
.temp-motion-control[hidden] { display:none; }
.temp-section-nav { border-block:1px solid var(--line); }
.temp-section-nav .container { display:flex; flex-wrap:wrap; justify-content:space-between; gap:0 24px; }
.temp-section-nav a { display:flex; align-items:center; min-height:60px; font-size:13px; font-weight:550; color:var(--green-link); }
.temp-section-nav a:hover { text-decoration:underline; text-underline-offset:5px; }
.temp-section { padding-block:var(--temp-space); }
.temp-section-heading { display:grid; grid-template-columns:1.04fr 1fr; gap:64px; align-items:end; margin-bottom:38px; }
.subpage--temperature main h2 { font-size:clamp(31px,3vw,44px); line-height:1.12; letter-spacing:-1.3px; }
.temp-section-heading>p,.temp-section-heading>div>p:not(.eyebrow) { color:var(--muted); font-size:16px; line-height:1.75; }
.temp-location-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.temp-location-grid article { display:flex; flex-direction:column; background:#fff; padding:var(--temp-card-pad); border:1px solid var(--line); border-radius:var(--radius); scroll-margin-top:28px; }
.temp-location-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:26px; }
.temp-location-top>span { font-size:11px; color:var(--red-ink); letter-spacing:1px; }
.temp-icon { width:35px; height:35px; fill:none; stroke:var(--green); stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.temp-location-grid h3 { font-size:24px; line-height:1.2; letter-spacing:-.6px; }
.temp-location-grid article>p { font-size:14px; line-height:1.75; color:var(--muted); margin-top:18px; }
.temp-location-grid article>.temp-location-note { font-size:12px; color:var(--green-link); margin-top:auto; padding-top:22px; }
.temp-multisite { display:grid; grid-template-columns:.8fr 1.7fr; align-items:center; gap:40px; background:var(--temp-soft); border-radius:var(--radius); padding:25px 30px; margin-top:24px; }
.temp-multisite h3 { font-size:22px; letter-spacing:-.4px; }
.temp-multisite p { font-size:14px; line-height:1.7; color:#53635b; }
.temp-monitoring { padding-top:0; }
.temp-process-line { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:27px; }
.temp-process-line li { border-top:1px solid var(--line); padding-top:18px; }
.temp-step-number { display:flex; justify-content:space-between; color:var(--red-ink); font-size:12px; margin-bottom:20px; }
.temp-process-line h3 { font-size:20px; letter-spacing:-.4px; }
.temp-process-line p { font-size:14px; line-height:1.75; color:var(--muted); margin-top:12px; }
.temp-history-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:70px; margin-top:55px; }
.temp-history-grid h3 { font-size:30px; letter-spacing:-.8px; line-height:1.2; max-width:420px; }
.temp-history-grid p { font-size:15px; line-height:1.75; color:var(--muted); margin-top:18px; }
.temp-history-grid ul { margin:22px 0; padding:0; list-style:none; display:grid; gap:10px; }
.temp-history-grid li { display:flex; gap:9px; font-size:14px; color:var(--green-link); }
.temp-history-grid li:before { content:"✓"; }
.temp-history-grid .text-link { font-size:13px; }
.temp-history { margin:0; padding:23px 26px; border:1px solid var(--line); border-radius:var(--radius); background:#fff; }
.temp-history-header { display:flex; justify-content:space-between; gap:15px; color:var(--green); font-size:12px; font-weight:550; }
.temp-history>svg { display:block; width:100%; margin-top:22px; }
.temp-chart-grid { stroke:var(--line); fill:none; }
.temp-chart-labels { font-size:11px; fill:var(--muted); }
.temp-chart-times { display:flex; justify-content:space-between; font-size:10px; color:var(--muted); padding-left:8%; margin-top:7px; }
.temp-history figcaption { margin-top:20px; padding-top:13px; border-top:1px solid var(--line); color:var(--muted); font-size:10px; line-height:1.5; }
.temp-optional { margin-top:27px; font-size:12px; color:var(--muted); line-height:1.7; max-width:900px; }
.temp-alarms { background:var(--green); color:#fff; }
.temp-alarms .eyebrow { color:#bfdfd0; }
.temp-alarms .temp-section-heading>p { color:#d2e2d9; }
.temp-alarm-levels { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.temp-alarm-levels li { border:1px solid #78958b; border-top:4px solid var(--level-color); border-radius:8px; padding:24px 20px; }
.temp-level--normal { --level-color:#9fd8b6; }
.temp-level--attention { --level-color:#eed56a; }
.temp-level--warning { --level-color:#ffb778; }
.temp-level--critical { --level-color:#ff909b; }
.temp-level-name { display:flex; align-items:center; gap:9px; font-size:12px; color:var(--level-color); }
.temp-level-name>span { font-size:9px; }
.temp-alarm-levels h3 { margin-top:24px; font-size:24px; letter-spacing:-.5px; }
.temp-alarm-levels p { color:#d2e2d9; margin-top:13px; font-size:13px; line-height:1.7; }
.temp-alarm-note { font-size:12px; line-height:1.75; color:#d2e2d9; margin-top:26px; max-width:1030px; }
.temp-section-heading .temp-checked { font-size:10px!important; color:var(--green-link)!important; margin-bottom:12px; letter-spacing:.5px; }
.temp-table-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:var(--radius); background:#fff; }
.temp-legal-table { width:100%; border-collapse:collapse; text-align:left; }
.temp-legal-table caption { text-align:left; color:var(--muted); font-size:11px; line-height:1.6; padding:20px 24px; }
.temp-legal-table th,.temp-legal-table td { padding:20px 24px; border-top:1px solid var(--line); font-size:14px; line-height:1.6; }
.temp-legal-table thead th { color:var(--green-link); font-size:11px; text-transform:uppercase; letter-spacing:.6px; background:var(--temp-soft); }
.temp-legal-table tbody th { width:45%; font-weight:550; }
.temp-legal-table td:nth-child(2) { color:var(--green); font-weight:600; width:22%; }
.temp-legal-table td:nth-child(3) { color:var(--red-ink); font-weight:600; }
.temp-legal-table tr:last-child td:last-child { color:var(--muted); font-weight:400; font-size:12px; }
.temp-table-note { font-size:11px; line-height:1.65; color:var(--muted); margin-top:15px; }
.temp-legal-notes { display:grid; grid-template-columns:1fr 1fr; gap:35px; margin-top:26px; }
.temp-legal-notes p { color:var(--muted); font-size:14px; line-height:1.75; }
.temp-responsibility { display:grid; grid-template-columns:1.25fr 1fr; gap:45px; align-items:center; border-left:3px solid var(--red); background:var(--temp-soft); padding:24px 26px; margin-top:27px; }
.temp-responsibility p { color:#53635b; font-size:13px; line-height:1.75; }
.temp-responsibility>div { display:grid; gap:14px; }
.temp-responsibility a { color:var(--green-link); text-decoration:underline; text-underline-offset:4px; display:flex; justify-content:space-between; gap:12px; font-size:12px; line-height:1.6; }
.temp-measurement { padding-top:0; }
.temp-measure-grid { display:grid; grid-template-columns:.85fr 1.3fr; gap:75px; }
.temp-measure-list article { display:grid; grid-template-columns:25px 1fr; gap:18px; padding:24px 0; border-top:1px solid var(--line); }
.temp-measure-list article:first-child { padding-top:0; border-top:0; }
.temp-item-index { color:var(--red-ink); font-size:11px; padding-top:4px; }
.temp-measure-list h3 { font-size:21px; letter-spacing:-.4px; }
.temp-measure-list p { font-size:14px; line-height:1.75; color:var(--muted); margin-top:12px; }
.temp-implementation { background:var(--red-dark); color:white; }
.temp-implementation .eyebrow { color:#fff; }
.temp-implementation-steps { margin:38px 0 0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:24px; }
.temp-implementation-steps li { border-top:1px solid #ffffff60; padding-top:18px; }
.temp-implementation-steps li>span { font-size:11px; }
.temp-implementation-steps h3 { font-size:20px; line-height:1.25; letter-spacing:-.4px; margin-top:20px; }
.temp-implementation-steps p { color:#fff; font-size:13px; line-height:1.7; margin-top:14px; }
.temp-prepare { border-top:1px solid #ffffff60; padding-top:30px; margin-top:38px; display:grid; grid-template-columns:1fr 1fr; gap:70px; }
.temp-prepare h3 { font-size:22px; letter-spacing:-.5px; }
.temp-prepare ul { display:grid; gap:8px; padding-left:17px; margin:18px 0 0; }
.temp-prepare li { font-size:13px; line-height:1.6; padding-left:5px; }
.temp-prepare p { font-size:14px; line-height:1.75; }
.temp-prepare .button { margin-top:24px; font-size:13px; }
.temp-faq,.subpage--temperature .contact { padding-block:65px; }
.subpage--temperature .nav-submenu a[aria-current=page] { color:var(--red-ink); background:#eeeee6; }
@media(max-width:1100px) { .temp-hero h1 { font-size:48px; letter-spacing:-2px; } .temp-hero-grid { grid-template-columns:.94fr 1.06fr; } .temp-location { min-width:115px; padding:11px; } .temp-subtitle { font-size:20px; } .temp-lead { font-size:15px; } .temp-location-grid { gap:16px; } .subpage--temperature { --temp-card-pad:24px; } .temp-section-heading { gap:40px; } .temp-alarm-levels { grid-template-columns:repeat(2,minmax(0,1fr)); } .temp-measure-grid { gap:40px; } }
@media(max-width:900px) { .temp-hero-grid { grid-template-columns:1fr; gap:35px; } .temp-hero h1 { font-size:58px; } .temp-hero h1>span:nth-child(-n+2) { display:inline; } .temp-hero h1>span:nth-child(1):after { content:" "; } .temp-subtitle,.temp-lead { max-width:630px; } .temp-subtitle { font-size:22px; } .temp-lead { font-size:16px; } .temp-scene { width:100%; max-width:740px; margin:0; justify-self:center; } .temp-location { min-width:130px; padding:12px 15px; } .temp-section-nav .container { justify-content:flex-start; } .temp-section-nav a { min-height:48px; } .temp-section-heading { grid-template-columns:1fr; gap:23px; } .temp-location-grid h3 { font-size:21px; } .temp-process-line { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; } .temp-history-grid { gap:35px; } .temp-history-grid h3 { font-size:27px; } .temp-implementation-steps { grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; } .temp-measure-grid { grid-template-columns:1fr; gap:30px; } .temp-measure-list article:first-child { border-top:1px solid var(--line); padding-top:24px; } .temp-responsibility { grid-template-columns:1fr; gap:24px; } }
@media(max-width:650px) { .subpage--temperature { --temp-space:52px; } .temp-hero { padding-bottom:26px; } .temp-hero .breadcrumbs { font-size:10px; line-height:1.6; padding-block:20px 27px; gap:5px 8px; } .temp-hero h1 { font-size:clamp(34px,9.8vw,52px); letter-spacing:-1.5px; line-height:1.08; } .temp-hero h1>span:nth-child(-n+2) { display:block; } .temp-hero h1>span:nth-child(1):after { content:none; } .temp-hero .eyebrow { font-size:10px; } .temp-subtitle { margin-top:21px; font-size:20px; } .temp-lead { font-size:15px; margin-top:16px; } .temp-hero .subpage-actions { gap:6px 18px; } .temp-hero .button { padding-inline:18px; font-size:12px; } .temp-hero-call { gap:9px 18px; margin-top:13px; } .temp-hero-call>span { font-size:10px; } .temp-hero-grid { gap:35px; } .temp-scene { width:calc(100% + 20px); max-width:none; } .temp-location { min-width:93px; padding:8px 9px; gap:5px; border-radius:8px; } .temp-location-title { font-size:10px; gap:5px; } .temp-location-title .arrow { padding-left:0; font-size:11px; } .temp-location-reading strong { font-size:19px; min-width:37px; letter-spacing:-.4px; } .temp-location-reading>span { font-size:11px; } .temp-location-reading svg { width:19px; height:12px; } .temp-location--factory { top:-2%; left:46%; } .temp-location--warehouse { top:35%; } .temp-location--office { top:56%; } .temp-sms { left:6%; top:77%; padding:8px 10px; gap:7px; } .temp-sms>svg { width:17px; height:25px; } .temp-sms strong { font-size:10px; } .temp-sms span { font-size:9px; } .temp-sms small { font-size:8px; } .temp-system { margin-top:24px; margin-bottom:20px; max-width:calc(100% - 20px); padding:10px 13px; font-size:11px; gap:7px; } .temp-system>span:not(.temp-system-indicator) { font-size:8px; } .temp-scene figcaption { padding-inline:10px; } .temp-phase-list { gap:9px; } .temp-phase-list li { font-size:10px; line-height:1.5; } .temp-phase-list li>span { display:block; margin-bottom:4px; } .temp-scene-bottom { gap:10px; } .temp-scene-bottom>p { font-size:9px; line-height:1.5; max-width:180px; } .temp-motion-control { font-size:9px; padding-left:0; } .temp-section-nav .container { gap:0 22px; padding-block:8px; } .temp-section-nav a { font-size:12px; min-height:40px; } .subpage--temperature main h2 { font-size:32px; letter-spacing:-.9px; } .temp-section-heading { margin-bottom:28px; } .temp-section-heading>p,.temp-section-heading>div>p:not(.eyebrow) { font-size:15px; } .temp-location-grid { grid-template-columns:1fr; } .temp-location-grid h3 { font-size:24px; } .temp-location-top { margin-bottom:19px; } .temp-multisite { grid-template-columns:1fr; gap:14px; padding:24px; } .temp-process-line { grid-template-columns:1fr; gap:25px; } .temp-step-number { margin-bottom:13px; } .temp-process-line h3 { font-size:22px; } .temp-history-grid { grid-template-columns:1fr; gap:30px; margin-top:35px; } .temp-history { padding:20px; } .temp-alarm-levels { grid-template-columns:1fr; gap:14px; } .temp-alarm-levels li { padding:21px 23px; } .temp-alarm-levels h3 { margin-top:16px; } .temp-legal-table th,.temp-legal-table td { padding:13px 9px; font-size:12px; overflow-wrap:break-word; } .temp-legal-table { table-layout:fixed; } .temp-legal-table thead th:first-child { width:39%; } .temp-legal-table thead th:nth-child(2) { width:27%; } .temp-legal-table thead th { font-size:9px; letter-spacing:0; } .temp-legal-table caption { padding:17px; font-size:10px; } .temp-legal-table tr:last-child td:last-child { font-size:10px; } .temp-legal-notes { grid-template-columns:1fr; gap:18px; } .temp-responsibility { padding:20px; } .temp-measure-list article { grid-template-columns:20px 1fr; gap:12px; } .temp-measure-list h3 { font-size:20px; } .temp-implementation-steps { grid-template-columns:1fr; gap:24px; margin-top:30px; } .temp-implementation-steps h3 { margin-top:12px; font-size:22px; } .temp-implementation-steps p { margin-top:10px; font-size:14px; } .temp-prepare { grid-template-columns:1fr; gap:26px; margin-top:30px; padding-top:25px; } .temp-faq,.subpage--temperature .contact { padding-block:48px; } }
@media(prefers-reduced-motion:reduce) { .temp-scene * { animation:none!important; transition:none!important; } }