/* A practical path from a phone to a connected factory. */
.range-hero.service-hero{min-height:auto;padding-top:72px;padding-bottom:72px}
.range-hero.service-hero h1{font-size:clamp(40px,6.8vw,105px);line-height:1.32;letter-spacing:-.065em;margin:45px 0 0}
.range-hero .service-hero-bottom{margin-top:45px;grid-template-columns:.85fr 1.2fr auto}
.range-hero .service-hero-bottom h2{font-size:26px;line-height:1.55}
.range-hero .service-hero-bottom p{font-size:15px;line-height:2;color:#aebdc6}
.range-section{padding-top:25px;padding-bottom:100px;scroll-margin-top:20px}
.range-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.range-heading .eyebrow{color:var(--ice);font-size:12px}.range-heading p{font-size:13px;color:#a1b1bd}
.range-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#34414a;border:1px solid #34414a}
.range-selector button{text-align:left;position:relative;background:#111b22;padding:26px 30px;transition:background .25s,color .25s}
.range-selector button>span{display:block;font-size:11px;letter-spacing:.07em;opacity:.75}
.range-selector strong{display:block;font-size:clamp(19px,2.3vw,33px);font-weight:500;margin:14px 0 8px;letter-spacing:-.03em}
.range-selector small{font-size:13px;opacity:.78}.range-selector i{position:absolute;right:25px;top:24px;font-style:normal;font-size:22px}
.range-selector button:hover{background:#183341}.range-selector button[aria-pressed=true]{background:var(--ice);color:#091820}
.range-panel{margin-top:14px;border:1px solid #34414a;min-width:0}.range-panel[hidden]{display:none}
.range-panel :is(h2,h3,p){margin-top:0}.factory-panel{display:grid;grid-template-columns:1.65fr 1fr}
.factory-map{position:relative;min-height:555px;overflow:hidden;background:#19252d}.factory-map>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:45% center}
.factory-map:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(#020f245c,transparent 30%,transparent 70%,#020a14c7)}
.factory-map-top{position:absolute;z-index:1;top:24px;left:24px;right:24px;display:flex;justify-content:space-between;gap:12px;align-items:center;color:#fff;text-shadow:0 1px 4px #000}
.factory-map-top>span{font-size:10px;letter-spacing:.1em;display:flex;gap:7px;align-items:center}.factory-map-top i{width:6px;height:6px;background:var(--ice);border-radius:50%}.factory-map-top small{font-size:10px}
.camera-pin{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;padding:6px 13px 6px 6px;border:1px solid #d3ecf280;background:#0d202deb;box-shadow:0 4px 20px #0004;color:#eefaff;transform:translate(-50%,-50%);border-radius:40px}
.camera-pin b{font-size:15px;display:grid;place-items:center;width:38px;height:38px;border:1px solid #b9e6f673;border-radius:50%;font-weight:500}.camera-pin span{font-size:13px}
.camera-pin[aria-pressed=true]{color:#081820;background:var(--ice);border-color:#fff}.camera-pin[aria-pressed=true] b{border-color:#527d8e}.camera-pin:hover{box-shadow:0 0 0 5px #b9e6f630}
.pin-one{left:25%;top:30%}.pin-two{left:57%;top:40%}.pin-three{left:82%;top:24%}
.map-instruction{position:absolute;z-index:1;left:24px;bottom:20px;font-size:12px;margin:0!important;color:#fff}
.factory-console{padding:32px;background:#101a22;display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.console-heading{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:32px}.console-heading .eyebrow{color:var(--ice)}.console-tag{font-size:10px;color:#98acba}
.camera-details h2{font-size:clamp(23px,2.3vw,34px);line-height:1.5;letter-spacing:-.035em;white-space:pre-line;margin-bottom:20px}
.camera-details>p{font-size:14px;line-height:1.95;color:#b1c2cc;margin-bottom:25px}
.camera-details dl{margin:0 0 20px}.camera-details dl>div{padding:13px 0;border-top:1px solid #ffffff24}.camera-details dt{font-size:10px;color:#7f9fb3;margin-bottom:7px}.camera-details dd{font-size:13px;margin:0;line-height:1.7}
.factory-console .line-link{align-self:flex-start;white-space:normal;color:var(--ice)}
.range-disclaimer{font-size:11px;color:#8093a2;line-height:1.8;margin:17px 0 0}
.phone-panel,.camera-panel{display:grid;grid-template-columns:1fr 1fr;background:#111b23;min-height:555px}
.range-copy{padding:55px;align-self:center}.range-copy .eyebrow{color:var(--ice)}.range-copy h2{font-size:clamp(29px,3vw,46px);line-height:1.5;letter-spacing:-.04em;margin:22px 0}
.range-copy p{font-size:15px;line-height:2;color:#afc0ca}.range-copy ul{list-style:none;padding:0;margin:25px 0}.range-copy li{font-size:13px;border-top:1px solid #ffffff21;padding:13px 0;line-height:1.7}.range-copy .range-small{font-size:12px}.range-copy .line-link{white-space:normal;color:var(--ice)}
.phone-scene{position:relative;display:grid;place-items:center;overflow:hidden;padding:36px;background:radial-gradient(ellipse at center,#24576b 0%,#112a36 48%,#101b23 75%)}
.phone-orbit{position:absolute;width:460px;height:460px;border:1px solid #b9e6f630;border-radius:50%;transform:rotate(-30deg) scaleY(.7)}.phone-orbit:after{content:"";position:absolute;inset:-50px;border:1px solid #b9e6f618;border-radius:50%}
.sample-phone{position:relative;width:290px;max-width:100%;padding:38px 23px 23px;background:#edf4f6;color:#0c2736;border:7px solid #253742;border-radius:34px;box-shadow:12px 22px 55px #0005;min-height:490px}
.phone-speaker{position:absolute;top:12px;left:calc(50% - 25px);width:50px;height:5px;background:#132735;border-radius:10px}.phone-meta{font-size:9px;color:#66808d}.sample-phone h3{font-size:25px;line-height:1.5;letter-spacing:-.04em;margin:20px 0}.sample-phone blockquote{font-size:12px;line-height:1.9;margin:20px 0}
.voice-wave{height:52px;display:flex;align-items:center;justify-content:center;gap:7px}.voice-wave i{width:4px;height:14px;border-radius:4px;background:#2596be;animation:voice-soft 1.8s ease-in-out infinite alternate}.voice-wave i:nth-child(2n){height:32px;animation-delay:-.6s}.voice-wave i:nth-child(3n){height:47px;animation-delay:-1.2s}
@keyframes voice-soft{to{transform:scaleY(.5);opacity:.6}}
.phone-run{background:#15455d;color:#fff;border-radius:8px;padding:14px 9px;font-size:12px;width:100%}.phone-result{background:#d9eaf0;padding:16px 12px;border-radius:9px;margin-top:14px}.phone-result[hidden]{display:none}.phone-result>span{font-size:12px;font-weight:600}.phone-result dl{margin:12px 0}.phone-result dl>div{display:grid;grid-template-columns:45px 1fr;font-size:11px;line-height:1.8;margin-top:6px}.phone-result dd{margin:0}.phone-result dt{color:#5c7682}.phone-result small{font-size:9px}.phone-demo-label{font-size:9px;color:#667d86;display:block;text-align:center;margin-top:23px}
.single-camera-photo{position:relative;overflow:hidden;min-height:400px}.single-camera-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.single-camera-photo>span{position:absolute;left:20px;bottom:20px;background:#07111bcc;padding:10px 14px;font-size:12px}
.inspection-section{padding-top:60px}.inspection-section .section-top h2,.iot-home-range .section-top h2{font-size:clamp(28px,3.6vw,51px);line-height:1.5;letter-spacing:-.035em}
.inspection-section .section-top>p,.iot-home-range .section-top>p{font-size:14px;line-height:1.95;color:#aebfc9;max-width:400px}
.inspection-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:45px;align-items:center}.inspection-visual{position:relative;background:#152028;overflow:hidden;aspect-ratio:1672/941}.inspection-visual>img{width:100%;height:100%;object-fit:cover}
.inspection-badge{position:absolute;top:15px;left:18px;font-size:10px;letter-spacing:.06em;color:white;background:#0a1b28d9;padding:9px 12px}.detection-box{position:absolute;border:2px solid #a9efdf;opacity:0;transition:opacity .4s;box-shadow:inset 0 0 20px #a9efdf14}.detection-box span{position:absolute;left:-2px;bottom:calc(100% + 2px);background:#b9e8dc;color:#092323;padding:4px 7px;font-size:10px;white-space:nowrap}
.box-clean{left:13%;top:11%;width:23%;height:32%}.box-dirt{left:39%;top:11%;width:22%;height:32%;border-color:#ffd185}.box-dirt span{background:#ffd185}.box-crack{left:39%;top:54%;width:22%;height:34%;border-color:#e89b94}.box-crack span{background:#efb3ad}
.inspection-visual[data-inspection-step="1"] .detection-box,.inspection-visual[data-inspection-step="2"] .detection-box{opacity:1}
.inspection-scan{position:absolute;left:0;right:0;top:0;height:2px;background:#b9e6f6;box-shadow:0 -12px 28px #6bd4ff;opacity:0;pointer-events:none}.inspection-visual[data-inspection-step="1"] .inspection-scan{opacity:.7;animation:inspection-sweep 3s ease-in-out infinite}
@keyframes inspection-sweep{from{top:8%}to{top:93%}}
.inspection-summary{position:absolute;inset:auto 0 0;padding:27px 20px 16px;background:linear-gradient(transparent,#030c16e6);color:#fff;pointer-events:none}.inspection-summary span{display:block;font-size:9px;letter-spacing:.08em;opacity:.75;margin-bottom:7px}.inspection-summary b{font-size:17px;font-weight:500}
.inspection-controls ol{list-style:none;padding:0;margin:0 0 24px}.inspection-controls li{display:flex;gap:18px;padding:19px 0;border-top:1px solid #34414a;color:#7c929f;transition:color .3s}.inspection-controls li>span{font-size:12px;padding-top:5px}.inspection-controls li.active{color:var(--ice)}.inspection-controls h3{font-size:20px;font-weight:500;margin:0 0 8px}.inspection-controls p{font-size:13px;line-height:1.8;margin:0;color:#a6b7c1}
.inspection-controls .solid-btn,.cost-bottom .solid-btn{background:var(--ice);color:#091c27;border-color:var(--ice);font-size:13px;line-height:1.6}.inspection-controls .solid-btn:hover,.cost-bottom .solid-btn:hover{background:white}.inspection-controls .inspection-status{font-size:11px;line-height:1.8;margin-top:14px;min-height:3.6em}
.inspection-section .illustration-note{font-size:11px;color:#8298a8;line-height:1.9;margin:20px 0 0}
.cost-section{background:#b9e6f6;color:#102b3a;display:grid;grid-template-columns:1fr 1fr;gap:65px 9%;padding-top:85px;padding-bottom:70px}.cost-intro h2{font-size:clamp(34px,4.2vw,59px);line-height:1.5;font-weight:500;letter-spacing:-.06em;margin:28px 0}.cost-intro h2 em{font-style:normal;color:#247092}.cost-intro>p{font-size:14px;line-height:2;max-width:460px}.cost-reasons article{display:flex;gap:30px;padding:27px 0;border-top:1px solid #183f5144}.cost-reasons article>span{font-size:12px;padding-top:4px;color:#37708b}.cost-reasons h3{font-size:21px;font-weight:500;margin:0 0 13px}.cost-reasons p{font-size:13px;line-height:1.95;margin:0;color:#325c70}.cost-bottom{grid-column:1/-1;border-top:1px solid #183f5144;padding-top:35px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cost-bottom p{font-size:12px;line-height:1.9;margin:0;color:#325c70}.cost-bottom .solid-btn{background:#0e2d3e;color:#edf7fb;border-color:#0e2d3e;white-space:nowrap}.cost-bottom .solid-btn:hover{background:#245a73}
.iot-home-range{padding-top:80px;padding-bottom:100px}.home-factory-image{display:block;position:relative;overflow:hidden;isolation:isolate}.home-factory-image>img{width:100%;height:clamp(370px,45vw,680px);object-fit:cover;transition:transform .8s var(--ease)}.home-factory-image:hover>img{transform:scale(1.025)}.home-factory-image:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(transparent 30%,#020b19d9)}
.home-factory-image>div{position:absolute;z-index:1;left:35px;right:35px;bottom:32px}.home-factory-image small{font-size:10px;letter-spacing:.13em;color:var(--ice);display:block;margin-bottom:17px}.home-factory-image strong{font-size:clamp(27px,3.4vw,48px);font-weight:500;line-height:1.5;letter-spacing:-.035em;display:block}.home-factory-image>div>b{position:absolute;right:0;bottom:5px;font-size:13px;font-weight:500;border-bottom:1px solid #fff;padding-bottom:12px}
.home-camera{position:absolute;z-index:2;background:#092534df;color:#dcf5ff;font-size:12px;letter-spacing:.06em;padding:10px 15px;border:1px solid #c3ecffa1;border-radius:40px;transform:translate(-50%,-50%)}.cam-a{left:28%;top:26%}.cam-b{left:57%;top:25%}.cam-c{left:83%;top:18%}
.home-range-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;gap:35px}.home-range-links>a{display:block;position:relative;border-top:1px solid #577081;padding:24px 24px 20px 0;transition:color .2s}.home-range-links>a:hover{color:var(--ice)}.home-range-links span{font-size:11px;color:#82a4b8}.home-range-links h3{font-size:22px;font-weight:500;margin:18px 0 12px;line-height:1.5}.home-range-links p{font-size:13px;color:#a2b7c4;line-height:1.9;margin:0;max-width:320px}.home-range-links b{position:absolute;top:20px;right:5px;font-weight:400;font-size:22px}.iot-home-range>.illustration-note{font-size:11px;line-height:1.8;color:#8199a8;margin-top:18px}
@media(min-width:1500px){.factory-map{min-height:640px}.factory-console{padding:42px}.camera-details>p{font-size:16px}.camera-details dd{font-size:15px}.home-factory-image>img{max-height:690px}}
@media(max-width:1050px){.factory-panel{grid-template-columns:1.3fr 1fr}.factory-console{padding:25px}.factory-map{min-height:580px}.console-heading{margin-bottom:25px}.factory-map-top{flex-direction:column;align-items:start;left:18px}.pin-three{left:79%;top:27%}.range-copy{padding:35px}.inspection-layout{grid-template-columns:1.25fr 1fr;gap:25px}.inspection-controls h3{font-size:18px}.cost-section{gap:40px}.cost-reasons h3{font-size:18px}.range-selector button{padding:24px 20px}.range-selector i{right:16px}.home-range-links{gap:22px}}
@media(max-width:760px){.range-hero.service-hero{padding-top:45px;padding-bottom:45px}.range-hero.service-hero h1{font-size:clamp(32px,6.7vw,53px);line-height:1.5;margin-top:30px;letter-spacing:-.06em}.range-hero .service-hero-bottom{grid-template-columns:1fr auto;gap:20px;margin-top:28px}.range-hero .service-hero-bottom h2{font-size:21px}.range-hero .service-hero-bottom p{grid-row:2;grid-column:1/-1;font-size:14px;margin:0}.range-hero .service-hero-bottom .round-link{grid-row:1;grid-column:2}.range-heading{display:block}.range-heading p{font-size:12px;margin-top:10px}.range-selector button{padding:20px 12px}.range-selector strong{font-size:18px;margin:15px 0 7px}.range-selector button>span{font-size:9px;letter-spacing:0}.range-selector small{font-size:10px;line-height:1.7;display:block}.range-selector i{display:none}.range-panel{margin-top:10px}.factory-panel{grid-template-columns:1fr}.factory-map{min-height:0;aspect-ratio:1.45}.factory-map>img{object-position:center}.factory-map-top{flex-direction:row;left:18px;top:17px;right:18px}.camera-pin b{width:31px;height:31px;font-size:13px}.camera-pin span{font-size:12px}.camera-pin{gap:5px;padding:5px 11px 5px 5px}.pin-one{left:26%;top:35%}.pin-two{left:55%;top:46%}.pin-three{left:81%;top:30%}.map-instruction{font-size:11px;left:18px;bottom:15px}.factory-console{padding:27px}.camera-details h2{font-size:29px}.camera-details>p{font-size:14px}.console-heading{margin-bottom:23px}.camera-details dl{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.camera-details dl>div:last-child{grid-column:1/-1}.range-section{padding-bottom:55px}.phone-panel,.camera-panel{grid-template-columns:1fr}.range-copy{padding:32px 27px}.range-copy h2{font-size:32px}.phone-scene{padding:35px;min-height:520px}.single-camera-photo{min-height:0;aspect-ratio:1.45}.inspection-section{padding-top:45px;padding-bottom:65px}.inspection-section .section-top,.iot-home-range .section-top{display:block;margin-bottom:28px}.inspection-section .section-top h2,.iot-home-range .section-top h2{font-size:clamp(26px,5.2vw,38px)}.inspection-section .section-top>p,.iot-home-range .section-top>p{font-size:13px;margin-top:22px;max-width:100%}.inspection-section .section-top>p br{display:none}.inspection-layout{grid-template-columns:1fr;gap:24px}.inspection-controls ol{margin-bottom:20px}.inspection-controls li{padding:19px 0}.inspection-controls h3{font-size:19px}.inspection-controls .solid-btn{width:100%}.inspection-controls .inspection-status{min-height:0}.inspection-summary{padding:26px 14px 12px}.inspection-summary b{font-size:14px}.inspection-summary span{font-size:8px;margin-bottom:5px}.inspection-badge{font-size:9px;left:12px;top:10px;padding:6px 9px}.detection-box span{font-size:8px;padding:3px 5px}.cost-section{grid-template-columns:1fr;padding-top:55px;padding-bottom:50px;gap:25px}.cost-intro h2{font-size:37px;margin:24px 0}.cost-intro>p{max-width:none;font-size:14px}.cost-reasons article{gap:20px;padding:25px 0}.cost-reasons h3{font-size:20px}.cost-bottom{display:block;padding-top:26px}.cost-bottom p{font-size:12px;margin-bottom:25px}.cost-bottom .solid-btn{width:100%;white-space:normal}.iot-home-range{padding-top:55px;padding-bottom:60px}.home-factory-image>img{height:490px;object-position:45% center}.home-factory-image>div{left:23px;right:23px;bottom:25px}.home-factory-image strong{font-size:29px}.home-factory-image>div>b{position:static;display:inline-block;margin-top:23px}.home-camera{font-size:10px;padding:8px 11px}.cam-a{left:22%;top:28%}.cam-b{left:52%;top:35%}.cam-c{left:81%;top:23%}.home-range-links{grid-template-columns:1fr;gap:0;margin-top:28px}.home-range-links>a{padding:22px 35px 23px 35px}.home-range-links span{position:absolute;left:0;top:28px}.home-range-links h3{font-size:21px;margin:0 0 9px}.home-range-links p{max-width:none;font-size:13px}.home-range-links b{top:20px}.home-range-links small{line-height:1.8}}
@media(max-width:370px){.range-hero.service-hero h1{font-size:28px}.range-selector button{padding:18px 9px}.range-selector strong{font-size:15px}.range-selector small{font-size:9px}.range-selector button>span{font-size:8px}.factory-console{padding:23px}.camera-details h2{font-size:25px}.factory-map-top>span{font-size:8px}.factory-map-top small{font-size:8px}.camera-pin span{font-size:10px}.camera-pin b{width:28px;height:28px;font-size:12px}.range-copy{padding:28px 22px}.range-copy h2{font-size:29px}.phone-scene{padding:30px 20px}.inspection-summary b{font-size:12px}.home-factory-image strong{font-size:25px}.home-factory-image>div{left:20px;right:20px}.home-camera{font-size:9px;padding:8px}}
@media(prefers-reduced-motion:reduce){.voice-wave i,.inspection-scan{animation:none!important}.home-factory-image>img,.detection-box,.range-selector button{transition:none!important}.inspection-scan{display:none}}
.motion-off .voice-wave i,.motion-off .inspection-scan{animation:none!important}.motion-off .inspection-scan{display:none}.motion-off .home-factory-image>img{transition:none}
.camera-pin,.home-camera{white-space:nowrap}.inspection-badge{left:auto;right:15px}
.phone-scene{grid-template-columns:minmax(0,1fr)}.sample-phone{width:100%;max-width:290px;min-width:0}.inspection-section h2 .phrase{display:inline-block}
@media(max-width:480px){.range-selector{grid-template-columns:1fr}.range-selector button{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:0 12px;padding:15px 18px}.range-selector button>span{grid-column:1/-1;font-size:9px}.range-selector strong{font-size:20px;margin:7px 0 0;white-space:nowrap}.range-selector small{font-size:11px;align-self:end;margin-bottom:2px}.inspection-badge{right:10px;font-size:8px}.camera-pin{padding-right:10px}}
@media(max-width:370px){.range-selector button{padding:14px 12px;gap:0 8px;grid-template-columns:minmax(0,1fr) 99px}.range-selector strong{font-size:17px}.range-selector small{font-size:10px}}

/* Show the person, the installed camera and the benefit at each scale. */
.atelier-iot .phone-field-scene{display:flex;flex-direction:column;align-items:stretch;padding:0;background:#12232d;min-width:0}
.phone-field-photo{position:relative;min-height:390px;flex:1;overflow:hidden}
.phone-field-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.phone-field-photo>span{position:absolute;bottom:0;left:0;right:0;padding:35px 25px 20px;background:linear-gradient(transparent,#081720b8);color:#fff;font-size:12px;letter-spacing:.035em}
.phone-record-demo{padding:25px 28px;display:grid;grid-template-columns:1fr auto;gap:10px 20px;align-items:center}
.phone-record-demo>.eyebrow{grid-column:1/-1;font-size:10px;color:var(--ice)}
.phone-record-demo>p{font-size:13px;line-height:1.85;margin:0;color:#c6d6de}
.phone-record-demo .phone-run{width:auto;border:1px solid #8ec2d866;border-radius:0;background:transparent;white-space:nowrap;padding:13px;color:var(--ice)}
.phone-record-demo .phone-run:hover{background:#244456}
.phone-record-demo .phone-result{grid-column:1/-1;margin:4px 0 0;color:#123747;border-radius:0;padding:18px}
.phone-record-demo .phone-result dl{display:flex;gap:30px;margin:10px 0}
.phone-record-demo .phone-result dl>div{display:flex;gap:10px;font-size:13px}
.phone-record-demo .phone-result small{font-size:11px}
.phone-record-demo .phone-demo-label{grid-column:1/-1;text-align:left;color:#8ea9b8;margin:0;font-size:9px}
.atelier-iot .livestock-camera-scene>img{object-position:75% center}
.atelier-iot .livestock-scene-tag{top:22px;left:22px;bottom:auto;display:flex;align-items:center;gap:9px;background:#0b2433dc;border:1px solid #b5d8e14f;padding:12px 14px;font-size:12px;color:#effaff}
.livestock-scene-tag i{width:6px;height:6px;background:#b9e6f6;border-radius:50%}
.livestock-route{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:55px 28px 27px;background:linear-gradient(transparent,#061521ee 45%);color:#e7f5fb}
.livestock-route span{font-size:13px;line-height:1.7}.livestock-route small{display:block;font-size:10px;color:#a7c9da;margin-bottom:5px}.livestock-route i{font-size:15px;font-style:normal;color:#a7c9da}
.atelier-iot .camera-pin{border-radius:3px;gap:10px;padding:12px 14px 12px 10px;text-align:left}
.atelier-iot .camera-pin>b{width:30px;height:30px;font-size:12px;flex-shrink:0}
.atelier-iot .camera-pin>span{display:block;white-space:nowrap}
.atelier-iot .camera-pin strong{display:block;font-size:14px;line-height:1.4;font-weight:500}
.atelier-iot .camera-pin small{display:block;font-size:11px;line-height:1.5;margin-top:4px;opacity:.86}
.atelier-iot .pin-one{left:23%;top:34%}.atelier-iot .pin-two{left:50%;top:57%}.atelier-iot .pin-three{left:76%;top:26%}
.atelier-iot .camera-pin:focus-visible,.phone-record-demo .phone-run:focus-visible{outline:2px solid white;outline-offset:4px}
@media(max-width:1100px){.phone-record-demo{grid-template-columns:1fr;padding:22px}.phone-record-demo .phone-run{justify-self:start}.atelier-iot .camera-pin{gap:7px;padding:10px}.atelier-iot .camera-pin small{font-size:10px}.atelier-iot .pin-one{left:23%;top:39%}.atelier-iot .pin-two{left:52%;top:63%}.atelier-iot .pin-three{left:76%;top:22%}.livestock-route{padding:55px 20px 23px;gap:7px}.livestock-route span{font-size:11px}}
@media(max-width:760px){.atelier-iot .phone-field-scene{grid-row:1;min-height:0}.phone-field-photo{flex:none;min-height:0;aspect-ratio:1.5}.phone-field-photo>span{font-size:11px;padding:30px 20px 16px}.phone-record-demo{grid-template-columns:1fr auto;gap:10px 16px}.phone-record-demo>p{font-size:12px}.phone-record-demo .phone-run{font-size:11px;padding:12px 9px}.atelier-iot .livestock-camera-scene{aspect-ratio:1.25;min-height:0}.atelier-iot .livestock-camera-scene>img{object-position:right center}.atelier-iot .livestock-scene-tag{top:17px;left:17px;padding:10px;font-size:11px}.livestock-route{padding:45px 20px 20px}.livestock-route span{font-size:12px}.atelier-iot .factory-map{aspect-ratio:1.15}.atelier-iot .camera-pin{padding:10px;gap:8px}.atelier-iot .camera-pin strong{font-size:13px}.atelier-iot .camera-pin small{font-size:10px}.atelier-iot .pin-one{left:28%;top:43%}.atelier-iot .pin-two{left:65%;top:70%}.atelier-iot .pin-three{left:70%;top:22%}.atelier-iot .map-instruction{font-size:10px;left:17px;right:17px;bottom:15px}}
@media(max-width:420px){.phone-record-demo{grid-template-columns:1fr}.atelier-iot .factory-map{aspect-ratio:.93}.atelier-iot .pin-one{left:32%;top:42%}.atelier-iot .pin-two{left:68%;top:66%}.atelier-iot .pin-three{left:68%;top:21%}.atelier-iot .camera-pin>b{width:26px;height:26px;font-size:11px}.atelier-iot .camera-pin strong{font-size:12px}.atelier-iot .camera-pin small{font-size:9px}.atelier-iot .camera-pin{padding:9px 10px 9px 7px;gap:6px}.livestock-route{padding:45px 17px 20px;gap:5px}.livestock-route span{font-size:10px}.livestock-route small{font-size:9px}}