@font-face{font-family:ReplicaGeometric;src:url('/assets/fonts/replica-geometric.woff') format('woff');font-weight:400;font-display:swap}@font-face{font-family:ReplicaGeometric;src:url('/assets/fonts/replica-geometric-bold.woff') format('woff');font-weight:600 800;font-display:swap}@font-face{font-family:ReplicaSans;src:url('/assets/fonts/replica-sans.woff') format('woff');font-display:swap}@font-face{font-family:ReplicaMono;src:url('/assets/fonts/replica-mono.woff') format('woff');font-display:swap}
:root{--bg:#080f1e;--surface:#111d30;--surface2:#14243c;--ink:#edf5ff;--muted:#99acc5;--line:#273854;--green:#42dbf0;--cyan:#42dbf0;--blue:#527cff}body{background:var(--bg);color:var(--ink);font-family:ReplicaSans,Arial,sans-serif;letter-spacing:.1px}h1,h2,h3,.logo,.value,.reading strong{font-family:ReplicaGeometric,Arial,sans-serif;font-style:normal!important}h1,h2{font-weight:600;letter-spacing:-1.2px}.logo{font-weight:700;color:#f5f8ff}.logo span{color:var(--cyan)}p,.muted,.small,.notice,.status{color:var(--muted)}.eyebrow{font-family:ReplicaMono,monospace;font-size:10px;letter-spacing:1.5px;color:#65d4ee!important}.top{background:#101c30;color:#80b8df;border-bottom:1px solid #233652;font-family:ReplicaMono,monospace;letter-spacing:1.4px}header{background:#0c1528f2;border-color:#23344e}.navlinks{color:#c0d1e8}.navlinks a:hover{color:#62e4ff}.navlinks .btn{padding:12px 15px}.nav{gap:20px}.btn{background:transparent;border:1px solid #3a506d;border-radius:7px;color:#e5f0ff;padding:14px 22px}.btn:hover{background:#173048;border-color:#42dbf0}.btn.green,.button.primary{background:linear-gradient(110deg,#3c79fb,#297bf1);color:white;border:1px solid #669bff;box-shadow:0 6px 26px #2669d724}.btn.light{background:#42dbf0;color:#081629}.quoteCount{background:#42dbf0;color:#082038}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #42dbf0;outline-offset:4px}.techhero{padding:55px 0 65px;background:radial-gradient(ellipse at 70% 20%,#15366299,transparent 60%),linear-gradient(160deg,#101a30,#080f1e);overflow:hidden}.herogrid{display:grid;grid-template-columns:.85fr 1.35fr;gap:45px;align-items:center}.techcopy h1{font-size:clamp(35px,4.4vw,59px);line-height:1.12;margin:24px 0;letter-spacing:-1.8px}.techcopy h1 span{background:linear-gradient(100deg,#61e4ee,#7da5ff);background-clip:text;-webkit-background-clip:text;color:transparent}.techcopy p{font-size:17px;line-height:1.6}.signal{display:inline-flex;gap:9px;align-items:center;color:#92c9ea;font-family:ReplicaMono,monospace;font-size:10px;letter-spacing:1px}.signal i{width:6px;height:6px;background:#48deed;border-radius:50%;box-shadow:0 0 12px #48deed}.herotech{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.herotech span{font-family:ReplicaMono,monospace;font-size:8px;color:#8dadcf;padding:8px;border:1px solid #293b57;border-radius:4px}.techcarousel{border:1px solid #365273;border-radius:16px;background:#101c2e;overflow:hidden;box-shadow:0 25px 80px #0005}.techslide{position:relative;margin:0;height:530px;animation:slideEnter .45s ease}.techslide[hidden]{display:none}.techslide img{width:100%;height:100%;object-fit:cover}.techslide:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#091323f7,transparent 70%)}.techslide figcaption{position:absolute;bottom:27px;left:30px;right:20px;z-index:2}.techslide h2{font-size:30px;margin:12px 0 8px;color:white}.techslide p{font-size:14px;color:#bbd2e9;margin:0 0 12px}.techslide a{font-size:12px;color:#76eaff}.slideconcept{position:absolute;z-index:2;right:15px;top:15px;font-size:9px;background:#08172ac7;color:#c2d1e3;padding:7px 10px;border-radius:5px}.carouselcontrols{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;gap:15px;background:#101c30}.carouseldots{display:flex;gap:8px}.carouseldot{height:6px;width:18px;border:0;background:#385474;border-radius:10px;padding:0}.carouseldot.active{width:30px;background:#42dbf0}.carouselnav{display:flex;gap:8px}.carouselnav button{border:1px solid #304961;background:#13273d;color:#cce7ff;border-radius:5px;padding:7px 11px;font-size:11px}.strip{border-color:#253754}.strip b{color:#dcecff}.strip small{color:#819cba}.visualsolutions,.roomsection,.contact,.catalog,section[style*="background:#edf0e5"]{background:#0b1526!important}.scene{border:1px solid #304962;border-radius:10px}.scene h3{color:#fff}.scene .scenetag{color:#74e7ff;font-family:ReplicaMono,monospace;font-size:9px}.scene p{color:#c1d3e9}.scene:after{background:linear-gradient(0deg,#061326f5,transparent 75%)}.filters .filter{border-color:#334a67;background:#12223b;color:#b4c7de}.filters .filter.active{background:#17517a;color:#99f2ff;border-color:#42dbf0}.products{display:flex;overflow-x:auto;gap:22px;scroll-snap-type:x mandatory;scrollbar-color:#395b83 #101b30;scrollbar-width:thin;padding:4px 0 18px}.product{flex:0 0 340px;scroll-snap-align:start;border-color:#2a415c;background:#111e33;border-radius:10px}.productart{background:#13223a;border-bottom:1px solid #2a415c}.productart img{opacity:.95}.productbody p{color:#adc0d7}.productlinks{color:#88b7e3}.imagecaption{background:#08152acc;color:#b8d1ea}.railnav{display:flex;justify-content:space-between;align-items:center;gap:15px;font-family:ReplicaMono,monospace;color:#82a0bf;font-size:10px;margin:0 0 15px}.railnav .btn{padding:8px 15px}.crop,.crop.purple,.plantgrid a,.topicgrid a{background:linear-gradient(135deg,#152b43,#111c31);border:1px solid #2c4564}.crop .tag{background:#173b5a;color:#96d7ff;border:1px solid #365b7b}.crop h3{color:#eef7ff}.crop p{color:#a5bfd7}.crop a{color:#5de2ff}.plantgrid span{color:#8ba9c7}.plantgrid a:hover,.topicgrid a:hover{border-color:#42dbf0;background:#173650}.plantgrid b{font-family:ReplicaGeometric,sans-serif;color:#d8edff}.dark{background:linear-gradient(115deg,#102238,#0b1222)}.dark p{color:#a8bfd7}.controlcopy li{border-color:#2c405b;color:#b8cfe6}.controlvisual{border-color:#355475}.controlvisualbar{background:#11263f;color:#7ecde7;font-family:ReplicaMono,monospace;font-size:10px}.controlvisual>small{background:#071627cc;color:#b5cce2}.evidence{border-color:#2e4764;background:#101f35}.evidence div{border-color:#2e4764}.evidence b{color:#81dff1;font-family:ReplicaGeometric,sans-serif}.evidence span{color:#9bb3cb}.sensorcompact b{color:#e0edff}.spec{background:#111f33!important;border-color:#304763;color:#e5f0ff}.spec p{color:#abc0d7}.process .num{color:#42c8df;font-family:ReplicaMono,monospace}.process p{color:#9cb5cf}details{border-color:#2b425d}summary{color:#d6eaff}.roominfo h3{color:#eaf5ff}.roominfo p{color:#9fb8d2}.hotspot{background:#0e233cdd;border-color:#5594b3;color:#c5edff;font-family:ReplicaMono,monospace;font-size:10px}.hotspot.active{background:#207fa6;border-color:#42dbf0;color:white}.form input,.form select,.form textarea,input,select,textarea{background:#0c192e!important;color:#e2efff!important;border-color:#375271!important;border-radius:6px}.form label{color:#b9cfe5}.form .check{color:#8faccc}.topicgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.topicgrid a{padding:25px;border-radius:8px}.topicgrid b{display:block;font-family:ReplicaGeometric,sans-serif;color:#d8efff;font-size:17px}.topicgrid span{display:block;color:#8daaca;font-size:12px;margin-top:14px;line-height:1.6}.guideblock{padding:28px 0;border-bottom:1px solid #29415c}.guideblock h2{font-size:27px}.guideblock p{color:#a9bed4}.detail h1{font-size:clamp(32px,4vw,46px);line-height:1.2}.detail li{color:#b0c5dc}.detail pre{background:#111f32;border:1px solid #2c4562;padding:20px;border-radius:8px;color:#7edeee;overflow:auto;font-family:ReplicaMono,monospace;font-size:12px}footer{background:#070d18;border-top:1px solid #233750}footer p{color:#799bbd}.footbottom{border-color:#22344e;color:#7c9bbd}.toast{background:#133952;color:#dafaff;border:1px solid #398bab}.mobiletoggle{color:#75d7ee}.navlinks.open{background:#0d1b30}.scenegallery{gap:18px}
/* Real account and telemetry graph styling */
.account{color:#e5f1ff}.account .box{background:linear-gradient(135deg,#121f34,#0f1b2f);border-color:#304760;box-shadow:0 10px 35px #0002}.account .box h2{color:#d9ebff}.account .badge{background:#113653;color:#7ad9ee;border:1px solid #285678;font-family:ReplicaMono,monospace;letter-spacing:.5px}.account .devicebtn{background:#13273e;border-color:#2d4563;color:#cbe4ff}.account .devicebtn.active{background:#17466a;border-color:#42c7e3;box-shadow:inset 3px 0 #42dbf0}.account .devicebtn small{color:#89acd1}.account .reading{background:#101f35;border:1px solid #2c4566;border-radius:8px;color:#8badd0}.account .reading strong{font-family:ReplicaMono,monospace;color:#75e7fa;font-size:25px}.account .reading:nth-child(2) strong{color:#b99dff}.account .reading:nth-child(3) strong{color:#ffba70}.account .reading:nth-child(4) strong{color:#70c2ff}.account .command{border-color:#2a4360;color:#bdd5ef}.account .status{color:#8caacb}.account .status.error{color:#ffa68a}.account .secret{background:#162f4a;border:1px solid #4590be;color:#e2f4ff}.account .secret code{background:#081426;color:#86e8f1;border:1px solid #31506a;font-family:ReplicaMono,monospace}.account .secret .btn{margin:5px}.account table{font-family:ReplicaSans,sans-serif;color:#a8c3de}.account th{color:#75c7ed}.account td,.account th{border-color:#2b425e}.account #sensorChart{background:linear-gradient(180deg,#0d1c31,#091528);border:1px solid #223f5d;border-radius:9px;margin-top:10px}.account #chartNote{font-family:ReplicaMono,monospace;font-size:10px;line-height:1.7}.accounthead h1{color:#e7f4ff}.account .btn.green{font-family:ReplicaSans,sans-serif}.account .deviceform label{color:#b9d1e9}
@keyframes slideEnter{from{opacity:.3;transform:translateX(15px)}to{opacity:1;transform:none}}@media(max-width:1050px){.navlinks{gap:13px}.navlinks a{font-size:11px}.herogrid{gap:25px}.techslide{height:500px}.topicgrid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.techhero{padding:35px 0}.herogrid{grid-template-columns:1fr}.techcopy h1{font-size:42px;margin:18px 0;line-height:1.1}.techcopy h1 br:nth-of-type(2){display:none}.techcopy p{font-size:15px}.herotech{margin-top:20px}.techslide{height:390px}.techslide figcaption{left:22px;bottom:24px}.techslide h2{font-size:25px}.carouselcontrols{padding:14px}.carouselnav{gap:4px}.carouselnav button{padding:8px}.product{flex-basis:85%;max-width:340px}.railnav{font-size:9px}.topicgrid{grid-template-columns:1fr}.account .reading strong{font-size:21px}.navlinks{background:#101c30}.techcopy .actions{margin-top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.techslide{animation:none}.scene img{transition:none}}
.card,.panel{background:#112039;border-color:#2b4462;color:#dfedff}.card .label,.panel .muted{color:#8dadcd}.card .state{color:#61def0}.tabs{background:#0b1b31}.tabs button{color:#8caccb}.tabs button.active{background:#1b4265;color:#d5f2ff;box-shadow:none}.avatar{background:#153757;color:#8ee3f3}aside{background:#0b1a30!important;color:#9dbbd7}aside nav button{color:#a4c6e7}aside nav button.active{background:#204d74;color:#b5efff}.pill{background:#163d58;color:#6fe4f0}.demo{background:#172b42;border-color:#3b6481;color:#a9c8e0}.axis{color:#819fc1}table th{color:#8caccc}table td,table th{border-color:#2a425e}.field{border-color:#2b4260}.card .value span{color:#8badd0}@media(max-width:700px){.techcarousel{grid-row:1}.techcopy{grid-row:2}.techslide{height:360px}.techcopy h1 br:nth-of-type(2){display:initial}.techcopy h1{font-size:36px}}
/* Expand the storefront to use wide screens rather than fixed side gutters. */
.wrap{max-width:none;width:100%;padding-left:clamp(20px,3.2vw,70px);padding-right:clamp(20px,3.2vw,70px)}.herogrid{grid-template-columns:.75fr 1.5fr;gap:clamp(30px,4vw,75px)}.techhero{padding:45px 0 60px}.techslide{height:clamp(480px,35vw,660px)}.techcopy h1{font-size:clamp(42px,4.1vw,74px)}.account{max-width:none;padding:35px 4%}.accountgrid{grid-template-columns:300px minmax(0,1fr)}.navlinks{gap:clamp(14px,1.5vw,28px)}.techcarousel{touch-action:pan-y}.techslide img{user-select:none;-webkit-user-drag:none}@media(max-width:1200px){.navlinks{display:none;position:absolute;top:85px;left:0;right:0;padding:22px;background:#101d32;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.mobiletoggle{display:block}}@media(max-width:700px){.herogrid{grid-template-columns:1fr;gap:25px}.techslide{height:360px}.techcopy h1{font-size:36px}.accountgrid{grid-template-columns:1fr}.navlinks{top:70px}.wrap{padding-left:20px;padding-right:20px}}
/* Make actions visually identifiable on mouse, keyboard and touch screens. */
a,button{ -webkit-tap-highlight-color:#42dbf035}.btn,.filter,nav a,.accesslinks a,.productlinks a,.techslide figcaption a,.crop>a,.scene h3,.plantgrid a b,.topicgrid a b{font-weight:700}.btn,.filter,nav a,.accesslinks a,.productlinks a,.techslide figcaption a,.crop>a{transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}.navlinks>a:not(.btn),.accesslinks a{display:inline-flex;align-items:center;justify-content:center;padding:10px 13px;border:1px solid #345476;border-radius:7px;background:#142a43;color:#d3edff;line-height:1.3;font-weight:700}.navlinks>a:not(.btn):hover,.accesslinks a:hover{background:#1c4666;border-color:#57dff5;box-shadow:0 0 20px #42dbf01f}.productlinks a,.techslide figcaption a,.crop>a{display:inline-flex;align-items:center;padding:10px 14px;min-height:40px;border:1px solid #398bab;border-radius:6px;background:#10364fbf;color:#8beeff;font-weight:700}.productlinks a:hover,.techslide figcaption a:hover,.crop>a:hover{background:#19516a;border-color:#7bf0ff;box-shadow:0 0 20px #42dbf02a;transform:translateY(-1px)}.btn{min-height:44px;font-weight:700;box-shadow:0 2px 10px #0002}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 22px #42dbf024}.btn:active{transform:translateY(0)}.filter{min-height:40px;font-weight:700}.plantgrid>a,.topicgrid>a,.scene{transition:border-color .2s,box-shadow .2s,transform .2s}.plantgrid>a:hover,.topicgrid>a:hover,.scene:hover{box-shadow:0 5px 25px #42dbf01c;transform:translateY(-2px)}.plantgrid a span,.topicgrid a span{color:#9ed3e6}.plantgrid>a,.topicgrid>a{position:relative;padding-right:36px}.plantgrid>a:after,.topicgrid>a:after{content:'↗';position:absolute;right:15px;top:18px;color:#66e4f2;font-size:19px;font-weight:700}.carouselnav button,.carouseldot{min-height:30px}.carouseldot{position:relative;background:transparent;min-width:24px;width:24px}.carouseldot:after{content:'';position:absolute;inset:12px 0;background:#385474;border-radius:10px}.carouseldot.active{background:transparent}.carouseldot.active:after{background:#42dbf0}.carouselnav button{font-weight:700;border-color:#427196}.carouselnav button:hover{background:#1e506c;border-color:#6bdcf3}.productlinks{flex-wrap:wrap;gap:10px}.techslide figcaption a{background:#0a2a46da}.navlinks{gap:12px}.navlinks>a:not(.btn){font-size:12px;padding:10px 12px}.hotspot{min-height:40px;font-weight:700}.account .devicebtn{font-weight:700}.account .devicebtn:hover{background:#1d3c5c;border-color:#5dd6e8}.account .command button:disabled:hover{transform:none;box-shadow:none}.notice a,.spec a,footer .links a{font-weight:700;color:#83ddf0;text-decoration:underline;text-underline-offset:4px}.loginbox>a.btn{margin-top:12px}.accesslinks a{font-size:12px}@media(max-width:1500px){.navlinks{gap:7px}.navlinks>a:not(.btn){font-size:11px;padding:9px}.navlinks .btn{padding:11px}}@media(prefers-reduced-motion:reduce){.btn,.filter,nav a,.accesslinks a,.productlinks a,.techslide figcaption a,.crop>a,.plantgrid>a,.topicgrid>a,.scene{transition:none}.btn:hover,.productlinks a:hover,.techslide figcaption a:hover,.crop>a:hover,.plantgrid>a:hover,.topicgrid>a:hover,.scene:hover{transform:none}}
/* Larger, readable action labels across desktop and mobile. */
.btn{font-size:17px;line-height:1.35;min-height:54px;padding:15px 24px;font-weight:700}.nav{height:96px}.navlinks>a:not(.btn),.navlinks .btn{font-size:18px;line-height:1.25;min-height:54px;padding:14px 18px;font-weight:700}.navlinks{gap:12px}.techcopy .actions .btn{font-size:18px;min-height:56px}.techslide figcaption a,.productlinks a,.crop>a{font-size:17px;line-height:1.35;min-height:48px;padding:12px 17px}.filter{font-size:16px;line-height:1.35;min-height:46px;padding:11px 20px}.carouselnav button{font-size:16px;line-height:1.3;min-height:44px;padding:10px 15px}.carouselnav [data-slide-prev],.carouselnav [data-slide-next]{font-size:22px;min-width:46px}.carouselnav{gap:10px}.hotspot{font-size:14px;min-height:46px;padding:11px 15px}.railnav .btn{font-size:21px;min-width:50px;min-height:46px;padding:8px 16px}.account .devicebtn b{font-size:18px}.account .devicebtn small{font-size:13px}.account .command .btn{font-size:16px;min-height:48px}.account .btn.green{font-weight:700}.plantgrid a b{font-size:18px}.topicgrid a b{font-size:19px}.notice a,.spec a,footer .links a{font-size:14px}.accesslinks a{font-size:16px;min-height:46px;padding:12px 16px}@media(max-width:1600px){.navlinks{display:none;position:absolute;top:96px;left:0;right:0;padding:22px;background:#101d32;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.mobiletoggle{display:block;font-size:28px;padding:10px}.navlinks>a:not(.btn),.navlinks .btn{font-size:18px;min-height:52px;padding:14px 18px}}@media(max-width:700px){.nav{height:78px}.navlinks{top:78px}.btn{font-size:16px;min-height:50px;padding:13px 19px}.techcopy .actions{gap:10px}.techcopy .actions .btn{font-size:16px;min-height:50px;flex:1 1 auto}.techslide figcaption a,.productlinks a,.crop>a{font-size:16px;min-height:46px}.carouselnav button{font-size:14px;min-height:42px;padding:9px 11px}.carouselnav [data-slide-prev],.carouselnav [data-slide-next]{font-size:20px;min-width:42px}.carouselcontrols{gap:10px;flex-wrap:wrap}.accesslinks{flex-wrap:wrap;gap:8px;justify-content:flex-end}.accesslinks a{font-size:14px;min-height:42px;padding:10px}.hotspot{font-size:13px;min-height:42px;padding:9px 12px}}

/* Readable supporting copy and a prominent sun brand mark. */
body{font-size:18px}.eyebrow,.signal{font-size:14px;line-height:1.65;letter-spacing:1px}.herotech span{font-size:14px;line-height:1.5;padding:10px 13px;color:#c1d9ef}.strip b{font-size:18px;line-height:1.5}.strip small{font-size:16px;line-height:1.6}.small,.notice,.tag,.badge,.caption,.imagecaption,.slideconcept{font-size:14px;line-height:1.6}.techslide p,.scene p,.productbody p,.crop p,.sectionhead p,.spec p,.process p,.roominfo p,.controlcopy li,details p{font-size:18px;line-height:1.65}.scene .scenetag,.railnav,.controlvisualbar,.controlvisual>small{font-size:14px;line-height:1.6}.plantgrid span,.topicgrid span,.evidence span,.form label,.form .check,footer p,footer .links,.footbottom{font-size:16px;line-height:1.65}.top{font-size:14px}.account .devicebtn small,.account #chartNote,.account .badge,.account .status,.account table,.account label{font-size:15px;line-height:1.65}.brand-sun{display:inline-block;width:38px;height:38px;vertical-align:middle;margin-left:9px;flex-shrink:0}.logo{display:inline-flex;align-items:center;white-space:nowrap}.logo span{display:inline}.techcopy p{font-size:19px}.techslide figcaption{right:26px}.techslide p{max-width:600px}.slideconcept{max-width:80%;padding:7px 11px}.product{flex-basis:365px}.account .reading{font-size:16px}.account .command{font-size:16px}@media(max-width:700px){.herotech span{font-size:13px}.brand-sun{width:34px;height:34px}.techslide p,.scene p,.productbody p,.crop p,.spec p,.process p,.roominfo p,.controlcopy li,details p,.techcopy p{font-size:17px}.strip b{font-size:17px}.strip small{font-size:15px}.eyebrow,.signal{font-size:13px}.slideconcept,.imagecaption{font-size:13px}.product{flex-basis:88%}.scene>div{right:22px}}