.sg{--white:#ffffff;--paper:#f5f1ea;--paper-deep:#ece6da;--studio:#d6d3cb;--night:#0f172a;--ink:#1f2937;--ink-muted:#5c6370;--ink-soft:#4a5260;--line:#e5e0d6;--line-strong:#8c8579;--chip-line:#d6cfc2;--clay:#c2410c;--clay-deep:#9a3412;--on-night:#f5f1ea;--on-night-muted:#b4bccb;--lv-critical:#c93b47;--lv-low:#dd8a2c;--lv-normal:#2f8ee0;--lv-full:#18a2bd;--r-card:16px;--r-pill:999px;--sans:"Barlow","Mukta","Helvetica Neue",Arial,sans-serif;--display:"Barlow Semi Condensed","Barlow","Mukta","Arial Narrow",sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--jar-line:#b9cddb;--jar-tick:#7f8f9c;--jar-label:#4a5563;--jar-base:#dceaf3;--jar-rim:#f2f7fb;--jar-glass-hi:#ffffff;--lift:0 1px 0 rgba(31,41,55,.04),0 18px 40px -22px rgba(31,41,55,.38);color-scheme:light}.sg{background:var(--white);color:var(--ink)}.sg{margin:0;background:transparent;font-family:var(--sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}.sg .bgfx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--white);pointer-events:none}.sg *{box-sizing:border-box}.sg a{color:var(--clay)}.sg a:hover{color:var(--clay-deep)}.sg :focus-visible{outline:2px solid var(--ink);outline-offset:3px}.sg .num{font-variant-numeric:tabular-nums lining-nums}.sg .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:var(--r-pill);font-weight:500;font-size:16px;text-decoration:none;border:2px solid transparent;transition:background-color .2s,color .2s}.sg .btn-p{background:var(--clay);color:#fff}.sg .btn-p:hover{background:var(--clay-deep);color:#fff}.sg .btn-s{border-color:var(--ink);color:var(--ink)}.sg .btn-s:hover{background:var(--ink);color:var(--white)}.sg .ctas{display:flex;gap:12px;flex-wrap:wrap}.sg .chip{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:500;padding:9px 16px;border:1px solid var(--chip-line);border-radius:var(--r-pill);background:var(--white);color:var(--ink);white-space:nowrap;box-shadow:var(--lift)}.sg .chip i{width:8px;height:8px;border-radius:50%;background:var(--lv-normal);flex:none}.sg .tag{display:inline-block;font-size:13px;font-weight:500;background:var(--white);color:var(--ink);border:1px solid var(--chip-line);border-radius:var(--r-pill);padding:4px 11px}.sg .slabel{position:absolute;top:20px;margin:0;font-size:14px;font-weight:500;line-height:1;padding:8px 13px;border-radius:var(--r-pill);background:var(--white);color:var(--ink);border:1px solid var(--chip-line);z-index:8}.sg .slabel.l{left:20px}.sg .slabel.r{right:20px}.sg .on-night .slabel{background:#ffffff0f;color:var(--on-night);border-color:#f5f1ea59}.sg .stage{position:relative;height:calc(100vh - var(--header-height,0px) - var(--sg-buy-h,0px));min-height:620px;overflow:hidden;background:transparent}.sg .facebox{position:absolute;overflow:hidden;background:#060b11}.sg .facebox svg{display:block;width:100%;height:100%}@keyframes faceWave{0%{transform:translate(0)}to{transform:translate(-60px)}}.sg .fwave{animation:faceWave 3.2s linear infinite}.sg .hubfull{position:relative}.sg .hubfull img{display:block;width:100%;height:auto}.sg .hubfull .facebox{left:36.9%;top:30.67%;width:28.22%;height:32.58%;border-radius:5%/4.3%}.sg .hubz{--s:190px;--m:calc(var(--s)*.14);position:relative;width:calc(var(--s) + 2*var(--m));height:calc(var(--s)*1.1667 + 2*var(--m));border-radius:28px;overflow:hidden;background:#2a2a2a;box-shadow:0 24px 48px -26px #0f172a8c;transition:box-shadow .3s}.sg .hubz img{position:absolute;max-width:none;width:calc(var(--s)*3.543);left:calc(var(--m) - var(--s)*1.3075);top:calc(var(--m) - var(--s)*1.0988)}.sg .hubz .facebox{left:var(--m);top:var(--m);width:var(--s);height:calc(var(--s)*1.1667);border-radius:calc(var(--s)*.05)}.sg .hubz.buzz{box-shadow:0 0 0 6px #dd8a2c59,0 24px 48px -26px #0f172a8c}.sg .hubz.buzz.crit{box-shadow:0 0 0 6px #c93b4759,0 24px 48px -26px #0f172a8c}.sg .hubz.buzz.full{box-shadow:0 0 0 6px #18a2bd59,0 24px 48px -26px #0f172a8c}.sg #s1{position:relative;height:calc(100vh - var(--header-height,0px));min-height:680px;overflow:hidden}.sg .hero-c{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:56px 16px 32px;z-index:3}.sg .lockup{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0 0 clamp(10px,1.8vh,18px)}.sg .lockup svg{height:clamp(48px,8.2vh,84px);width:auto;display:block}.sg .lockup .by{margin:0;font-size:16px;font-weight:500;color:var(--ink-muted)}.sg .hero-c h2{font-family:var(--display);font-weight:600;font-size:min(80px,5.2vw,8vh);line-height:.94;margin:0 0 clamp(10px,2vh,20px);text-wrap:balance}.sg .hero-c h2 span{display:block;white-space:nowrap}.sg .hero-prod{position:relative;height:min(390px,39vh);width:calc(min(390px,39vh)*2.1);margin:0 0 clamp(12px,2vh,22px)}.sg .hp-in,.sg .hp-c{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.sg .hp-unit{position:absolute;right:0;bottom:0;height:100%;width:auto;display:block}.sg .hp-hub{position:absolute;left:3%;bottom:3%;height:86%;z-index:2;aspect-ratio:900/910;filter:drop-shadow(0 26px 30px rgba(15,23,42,.3));will-change:transform}.sg .hp-tag{position:absolute;right:2%;bottom:-6px;z-index:2}.sg .hero-c p.sub{max-width:54ch;font-size:19px;line-height:1.45;margin:0 0 clamp(14px,2.2vh,24px)}.sg .hero-c .ctas{justify-content:center}.sg .fl{position:absolute;z-index:2;will-change:transform}.sg .fl-c{will-change:transform}.sg .fl-b{animation:bob 7s ease-in-out infinite}.sg .fl:nth-child(2n) .fl-b{animation-duration:8.5s;animation-delay:-2s}.sg .fl:nth-child(3n) .fl-b{animation-duration:6.2s;animation-delay:-4s}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.sg .fl img{display:block;width:100%;height:auto}.sg .tile{background:var(--white);border-radius:var(--r-card);padding:6px;box-shadow:var(--lift)}.sg .tile img{aspect-ratio:4/5;object-fit:cover;border-radius:11px}.sg .alert{display:flex;gap:12px;padding:13px 15px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--lift);text-align:left}.sg .alert .ic{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center}.sg .alert p{margin:0;font-size:15px;line-height:1.4;color:var(--ink)}.sg .alert .from{color:var(--ink-soft);font-size:13px;font-weight:500}.sg .alert b{font-weight:600}.sg #s2 .stage{display:flex;flex-direction:column;justify-content:center;gap:clamp(18px,3.6vh,40px);padding:76px 5vw 32px}.sg .s2-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 56px;align-items:end;max-width:1180px;width:100%;margin:0 auto}.sg .s2-copy h2{font-family:var(--display);font-weight:600;font-size:clamp(40px,4.6vw,72px);line-height:.95;margin:0;text-wrap:balance}.sg .s2-copy p{font-size:19px;line-height:1.45;margin:0;max-width:44ch}.sg .s2-row{display:flex;justify-content:center;align-items:flex-end;gap:clamp(24px,4.4vw,80px);max-width:1180px;width:100%;margin:0 auto}.sg .dev{display:flex;flex-direction:column;align-items:center;gap:12px;margin:0}.sg .dev figcaption{font-size:15px;font-weight:500;color:var(--ink)}.sg .jar-col{display:flex;align-items:center;gap:20px}.sg .jar-wrap{width:min(29vw,400px,45vh);transition:transform .4s cubic-bezier(.2,.7,.2,1)}.sg .readout{display:grid;gap:6px;min-width:128px}.sg .readout .pct{font-family:var(--display);font-weight:300;font-size:clamp(56px,5.6vw,92px);line-height:.85;margin:0}.sg .readout .pct small{font-size:.42em;margin-left:3px}.sg .readout .state{font-weight:600;font-size:17px;margin:0}.sg .readout .litres{color:var(--ink-muted);font-size:15px;margin:0}.sg .st-normal{color:#13416f}.sg .st-low{color:#6b4214}.sg .st-critical{color:#6e1c2a}.sg .st-full{color:#0a3f52}.sg #s2 .hubz{--s:min(190px,21vh)}.sg .phone{position:relative;width:min(224px,26vh);aspect-ratio:224/460;border-radius:38px;background:#10151c;padding:8px;box-shadow:0 30px 60px -30px #0f172a99}.sg .phone .scr{position:relative;height:100%;border-radius:31px;overflow:hidden;background:linear-gradient(165deg,#d9e3ee,#ece6dc 62%,#e6dccd)}.sg .phone .notch{position:absolute;left:50%;top:9px;width:30%;height:20px;border-radius:12px;background:#10151c;transform:translate(-50%)}.sg .phone .time{margin:44px 0 0;text-align:center;font-family:var(--display);font-weight:500;font-size:min(52px,6vh);line-height:1;color:var(--ink)}.sg .phone .date{margin:4px 0 0;text-align:center;font-size:13px;font-weight:500;color:var(--ink-soft)}.sg .notes{position:absolute;left:8px;right:8px;top:min(124px,14.5vh)}.sg .note{position:absolute;left:0;right:0;top:0;display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;padding:9px 10px;background:#ffffffe6;border-radius:16px;box-shadow:0 8px 20px -12px #1f293773;opacity:0;transform:translateY(-14px);transition:opacity .3s,transform .35s cubic-bezier(.2,.7,.2,1)}.sg .note.on{opacity:1}.sg .note .ic{width:26px;height:26px;border-radius:8px;display:grid;place-items:center}.sg .note .hd{display:flex;justify-content:space-between;font-size:12px;font-weight:500;color:var(--ink-soft);line-height:1.2}.sg .note p{margin:2px 0 0;font-size:13px;line-height:1.3;color:var(--ink)}.sg .note b{font-weight:600}.sg .w{position:absolute;top:50%;transform:translateY(-50%);font-family:var(--display);font-weight:600;font-size:clamp(44px,7vw,124px);line-height:.9;white-space:nowrap;z-index:3}.sg .wl{right:calc(50% + 11vw + 20px)}.sg .wr{left:calc(50% + 11vw + 20px)}.sg .win{position:absolute;left:50%;top:50%;width:22vw;height:14vw;transform:translate(-50%,-50%);overflow:hidden;z-index:2;background:var(--paper-deep);border-radius:var(--r-card)}.sg .win{container-type:size;background:radial-gradient(closest-side,#fff,#ece6da)}.sg .win-hub,.sg .card .ph.hubcard .hubfull{position:absolute;left:50%;top:50%;width:min(80cqw,83cqh);transform:translate(-50%,-50%);filter:drop-shadow(0 24px 30px rgba(15,23,42,.3))}.sg .win-cap{position:absolute;left:24px;bottom:24px;max-width:430px;background:var(--white);border-radius:var(--r-card);padding:14px 18px;opacity:0;z-index:4;box-shadow:var(--lift)}.sg .win-cap p{margin:0;font-size:16px;line-height:1.45}.sg .row-head{position:absolute;left:6vw;right:6vw;top:72px;max-width:760px;opacity:0;z-index:4}.sg .row-head h3{font-family:var(--display);font-weight:600;font-size:clamp(32px,3.6vw,56px);line-height:.95;margin:0 0 10px;text-wrap:balance}.sg .row-head p{margin:0;font-size:17px;line-height:1.45;color:var(--ink-muted);max-width:62ch}.sg .row{position:absolute;left:0;top:50%;display:flex;gap:24px;opacity:0;z-index:3;will-change:transform}.sg .card{flex:none;margin:0}.sg .card .ph{overflow:hidden;background:var(--paper-deep);border-radius:var(--r-card)}.sg .card .ph img{width:100%;height:100%;object-fit:cover;display:block}.sg .card .ph.hubcard{position:relative;container-type:size;background:radial-gradient(closest-side,#fff,#ece6da)}.sg .card .ph.hubcard img.hubround{position:absolute;left:50%;top:50%;width:auto;height:84cqh;max-width:none;transform:translate(-50%,-50%);object-fit:contain;filter:drop-shadow(0 24px 30px rgba(15,23,42,.3))}.sg .card .ph.hubcard .hubfull img{height:auto;object-fit:contain}.sg .card figcaption{margin-top:10px;font-size:15px;font-weight:600;line-height:1.35}.sg .card figcaption span{color:var(--ink-muted);font-weight:400}.sg .marq{position:absolute;left:0;right:0;bottom:28px;overflow:hidden;opacity:0;z-index:4;padding:10px 0 24px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.sg .marq-in{display:flex;gap:12px;width:max-content;animation:marq 52s linear infinite}@keyframes marq{0%{transform:translate(0)}to{transform:translate(-50%)}}.sg #s4 .stage{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:48px;align-items:center;padding:72px 5vw 40px}.sg .b-copy .tag{font-size:14px;padding:6px 13px;margin:0 0 16px}.sg .b-copy h2{font-family:var(--display);font-weight:600;font-size:clamp(40px,4.4vw,68px);line-height:.95;margin:0 0 16px;text-wrap:balance}.sg .b-copy p.sub{font-size:18px;line-height:1.45;margin:0 0 22px;max-width:48ch}.sg .facts{margin:0;padding:0;list-style:none;display:grid;gap:4px}.sg .fact{display:grid;grid-template-columns:4px minmax(0,1fr);gap:14px;padding:10px 0}.sg .fact:before{content:"";border-radius:4px;background:var(--line);transition:background-color .3s}.sg .fact.lit:before{background:var(--clay)}.sg .fact b{display:block;font-size:17px;font-weight:600;line-height:1.25}.sg .fact span{display:block;font-size:15px;line-height:1.4;color:var(--ink-muted)}.sg .b-fig{position:relative;margin:0;align-self:center;display:flex;flex-direction:column;align-items:flex-end}.sg .b-draw{position:relative;width:min(100%,calc((100vh - 400px)*1.727));aspect-ratio:760/440}.sg .b-draw svg{display:block;width:100%;height:100%;overflow:visible}.sg .bf-range{position:absolute;left:50%;top:-4px;transform:translate(-50%,-100%);font-size:15px;font-weight:600;white-space:nowrap;opacity:0}.sg .bf-hub{position:absolute;left:79%;top:91.5%;transform:translate(-50%,-50%)}.sg .bf-foot{width:min(100%,calc((100vh - 400px)*1.727));display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:10px}.sg .bf-cap{font-size:14px;color:var(--ink-muted);margin:0}.sg .bf-key{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;opacity:0}.sg .bf-key i{width:14px;height:14px;border-radius:4px;border:3px solid var(--clay)}.sg .mmring{opacity:0}.sg .mqtt{position:relative;margin-top:14px;width:min(460px,100%);background:var(--night);color:var(--on-night);border-radius:var(--r-card);padding:14px 16px 12px;box-shadow:0 24px 50px -24px #0f172a99;opacity:0;transform:translateY(16px)}.sg .mqtt .mh{display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin:0 0 8px;color:var(--on-night)}.sg .mqtt .mh span{font-weight:500;color:var(--on-night-muted)}.sg .mqtt ul{margin:0;padding:0;list-style:none;font-family:var(--mono);font-size:12.5px;line-height:1.75}.sg .mqtt li{display:flex;justify-content:space-between;gap:12px;opacity:0;transition:opacity .25s}.sg .mqtt li.on{opacity:1}.sg .mqtt li span:first-child{color:var(--on-night-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg .mqtt li span:last-child{color:var(--on-night);font-weight:600}.sg .tk .lvl{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(0);transition:transform .5s cubic-bezier(.2,.7,.2,1)}.sg .tk.on .lvl{transform:scaleY(1)}.sg .tk .lk{opacity:0;transition:opacity .4s;stroke-dasharray:3 7;animation:flow 1.4s linear infinite}.sg .tk.on .lk{opacity:1}@keyframes flow{to{stroke-dashoffset:-20}}.sg .tk .rp{opacity:0;transform-box:fill-box;transform-origin:50% 50%}.sg .tk.on .rp{animation:ripple 2.6s ease-out infinite}.sg .tk.on .rp.r2{animation-delay:1.3s}@keyframes ripple{0%{transform:scale(.3);opacity:.7}to{transform:scale(1.8);opacity:0}}.sg #rangeLine{opacity:0}.sg .ex-head{position:absolute;left:6vw;top:64px;max-width:560px;z-index:4}.sg .ex-head h2{font-family:var(--display);font-weight:600;font-size:clamp(36px,4vw,64px);line-height:.95;margin:0 0 10px;text-wrap:balance}.sg .ex-head p{margin:0;font-size:18px}.sg .ex-box{position:absolute;left:50%;top:55%;width:min(96vw,calc(150vh - 1.6 * var(--sg-buy-h,0px)));aspect-ratio:16/9;transform:translate(-50%,-50%)}.sg .ex-box canvas{width:100%;height:100%;display:block;-webkit-mask-image:radial-gradient(ellipse 58% 60% at 50% 50%,#000 72%,transparent 100%);mask-image:radial-gradient(ellipse 58% 60% at 50% 50%,#000 72%,transparent 100%)}.sg .ex-over{position:absolute;top:0;right:0;bottom:0;left:0}.sg .ex-box svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.sg [data-fade] .fd{opacity:var(--fade,1)}.sg .co{position:absolute;opacity:0;max-width:230px;z-index:3;background:var(--white);border-radius:14px;padding:10px 14px;box-shadow:var(--lift)}.sg .co b{display:block;font-size:16px;font-weight:600;line-height:1.25}.sg .co span{display:block;margin-top:2px;font-size:14px;color:var(--ink-soft);line-height:1.35}.sg .ex-tag{position:absolute;left:20px;bottom:20px;z-index:4}.sg .exn,.sg .exl{display:none}.sg #s6 .stage{display:flex;flex-direction:column;justify-content:center;gap:clamp(24px,5vh,56px);padding:76px 5vw 40px;color:var(--on-night)}.sg .n-copy{max-width:1180px;width:100%;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:20px 56px;align-items:end}.sg .n-copy h2{font-family:var(--display);font-weight:600;font-size:clamp(40px,4.6vw,72px);line-height:.95;margin:0;text-wrap:balance}.sg .n-copy p{margin:0;font-size:19px;line-height:1.45;color:var(--on-night-muted);max-width:46ch}.sg .n-row{max-width:1180px;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:0}.sg .node{display:flex;flex-direction:column;align-items:center;gap:12px;margin:0;flex:none}.sg .node figcaption{font-size:15px;font-weight:500;color:var(--on-night)}.sg .n-unit{width:min(170px,16vw);background:radial-gradient(closest-side,rgba(245,241,234,.16),transparent);padding:14px 0}.sg .link .ls{display:none}.sg .n-unit img{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 24px rgba(0,0,0,.5))}.sg #s6 .hubz{--s:min(170px,19vh);background:#232323}.sg .router{width:96px;height:auto;display:block}.sg .router .arc{transition:opacity .3s,stroke .3s}.sg .router .x{opacity:0;transition:opacity .3s}.sg .router.down .arc{opacity:.18}.sg .router.down .x{opacity:1}.sg .link{flex:1;min-width:40px;max-width:150px;display:flex;flex-direction:column;align-items:center;gap:8px;margin:0 8px 34px}.sg .link .ln{width:100%;height:3px;border-radius:3px;background:repeating-linear-gradient(90deg,var(--lv-full) 0 10px,transparent 10px 18px);background-size:18px 3px;animation:lflow .9s linear infinite}.sg .link span{font-size:14px;font-weight:500;color:var(--on-night-muted);white-space:nowrap}.sg .link.down .ln{background:repeating-linear-gradient(90deg,#475569 0 10px,transparent 10px 18px);animation:none}.sg .link.down span{color:#f0a3aa}@keyframes lflow{to{background-position:18px 0}}@keyframes lflowv{to{background-position:0 12px}}.sg .appcard{width:min(260px,22vw);background:var(--white);color:var(--ink);border-radius:var(--r-card);padding:14px 16px;box-shadow:0 24px 50px -24px #000000b3}.sg .appcard .hd{display:flex;justify-content:space-between;font-size:13px;font-weight:500;color:var(--ink-soft);margin:0 0 4px}.sg .appcard p{margin:0;font-size:15px;line-height:1.4}.sg .appcard b{font-weight:600}.sg .netpill{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;padding:8px 14px;border-radius:var(--r-pill);background:#ffffff14;border:1px solid rgba(245,241,234,.3);color:var(--on-night)}.sg .netpill i{width:9px;height:9px;border-radius:50%;background:#3ddc84}.sg .netpill.down i{background:#ef6b76}.sg .n-status{max-width:1180px;width:100%;margin:0 auto;display:flex;justify-content:center}@keyframes tsWaveA{0%{transform:translate(0)}to{transform:translate(-170px)}}@keyframes tsWaveB{0%{transform:translate(0)}to{transform:translate(130px)}}@keyframes tsBob{0%,to{transform:translateY(0)}50%{transform:translateY(-2.2px)}}@keyframes tsGlint{0%,to{transform:translate(-26px);opacity:.22}50%{transform:translate(26px);opacity:.5}}@keyframes tsRise{0%{transform:translateY(0);opacity:0}18%{opacity:.45}85%{opacity:.18}to{transform:translateY(-46px);opacity:0}}@keyframes tsPulse{0%{transform:translateY(0) scaleX(.5);opacity:0}3%{opacity:.9}9%{transform:translateY(var(--ts-travel)) scaleX(1.5);opacity:0}to{transform:translateY(var(--ts-travel)) scaleX(1.5);opacity:0}}@keyframes tsEcho{0%,10%{transform:translateY(var(--ts-travel)) scaleX(1.4);opacity:0}13%{opacity:.55}21%{transform:translateY(0) scaleX(.5);opacity:0}to{transform:translateY(0) scaleX(.5);opacity:0}}@keyframes tsBeam{0%{opacity:0}4%{opacity:.16}16%{opacity:0}to{opacity:0}}@keyframes tsRing{0%,8%{transform:scale(.12);opacity:0}10%{opacity:.65}28%{transform:scale(1);opacity:0}to{transform:scale(1);opacity:0}}@keyframes tsLed{0%{opacity:.25}3%{opacity:1}14%{opacity:.25}to{opacity:.25}}.sg .ts-wave-a{animation:tsWaveA 6.5s linear infinite}.sg .ts-wave-b{animation:tsWaveB 9s linear infinite}.sg .ts-body{animation:tsBob 5s ease-in-out infinite}.sg .ts-glint{animation:tsGlint 7s ease-in-out infinite}.sg .ts-bub{animation:tsRise 6s linear infinite}.sg .ts-bub.b2{animation-duration:7.5s;animation-delay:-1.8s}.sg .ts-bub.b3{animation-duration:5.4s;animation-delay:-3.1s}.sg .ts-pulse{animation:tsPulse 4s ease-out infinite}.sg .ts-pulse.p2{animation-delay:.16s}.sg .ts-pulse.p3{animation-delay:.32s}.sg .ts-echo{animation:tsEcho 4s ease-in infinite}.sg .ts-beam{animation:tsBeam 4s ease-out infinite}.sg .ts-ring{animation:tsRing 4s ease-out infinite}.sg .ts-led{animation:tsLed 4s steps(1,end) infinite}.sg .blk7{position:relative;max-width:1240px;margin:0 auto;padding:104px 32px 96px}.sg .c7{max-width:760px;margin:0 0 40px}.sg .c7 h2{font-family:var(--display);font-weight:600;font-size:clamp(38px,4.4vw,66px);line-height:.95;margin:0 0 14px;text-wrap:balance}.sg .c7 p{font-size:19px;line-height:1.45;margin:0;color:var(--ink-soft);max-width:56ch}.sg .row7{display:grid;grid-template-columns:auto minmax(0,1.25fr) minmax(0,.9fr);gap:36px;align-items:center}.sg .dev7{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px}.sg .dev7 figcaption{font-size:15px;font-weight:500}.sg #s7 .hubz{--s:180px}.sg .app7{width:100%;background:var(--white);border:1px solid var(--line);border-radius:22px;padding:18px 18px 12px;box-shadow:var(--lift)}.sg .a-hd{display:flex;justify-content:space-between;font-size:15px;font-weight:600}.sg .a-hd .a-u{font-weight:500;color:var(--ink-muted);font-size:14px}.sg .a-big{font-family:var(--display);font-weight:300;font-size:64px;line-height:.9;margin:8px 0 2px}.sg .a-big small{font-size:.4em;margin-left:3px}.sg .a-l{margin:0 0 12px;font-size:15px;color:var(--ink-muted)}.sg .a-tabs{display:flex;gap:6px;margin:0 0 10px}.sg .a-tabs span{font-size:12px;font-weight:600;padding:4px 9px;border-radius:var(--r-pill);border:1px solid var(--line);color:var(--ink-muted)}.sg .a-tabs span.on{background:var(--ink);border-color:var(--ink);color:#fff}.sg .a-graph{position:relative;height:190px;cursor:crosshair;touch-action:pan-y;border-radius:10px}.sg .a-graph svg{display:block;width:100%;height:100%}.sg .g7tip{position:absolute;top:-6px;left:100%;transform:translate(-100%,-100%);background:var(--ink);color:#fff;font-size:13px;font-weight:600;padding:5px 10px;border-radius:var(--r-pill);white-space:nowrap;pointer-events:none}.sg .a-ax{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-muted);margin-top:4px}.sg .ha7{width:100%;max-width:360px;background:#fafafa;border:1px solid #e5e7eb;border-radius:16px;padding:0 12px 12px;font-family:Roboto,Barlow,sans-serif;box-shadow:var(--lift)}.sg .ha-tabs{display:flex;gap:16px;border-bottom:1px solid #e5e7eb;margin:0 -12px 12px;padding:0 14px;font-size:13px;font-weight:500;color:#4b5563}.sg .ha-tabs span{padding:11px 0 9px;border-bottom:2px solid transparent}.sg .ha-tabs span.on{color:#111827;border-bottom-color:#1d6fb8}.sg .ha-tile{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;margin:0 0 8px}.sg .ha-jar{display:block;width:52px;height:auto}.sg .ha-tx{display:flex;flex-direction:column;min-width:0}.sg .ha-nm{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}.sg .ha-st{font-size:19px;font-weight:500;line-height:1.2;margin:1px 0 0}.sg .st-steady{color:#15803d}.sg .st-filling{color:#1d6fb8}.sg .st-draining{color:#a85f10}.sg .ha-l{font-size:13.5px;color:#374151}.sg .ha-meta{display:flex;gap:10px;margin-top:5px;font-size:12px;color:#6b7280}.sg .ha-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.sg .ha-chips>span{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:6px 10px}.sg .ha-on{width:7px;height:7px;border-radius:50%;background:#16a34a}.sg .steps8{list-style:none;margin:0 0 40px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:s8}.sg .st8{counter-increment:s8;background:var(--white);border-radius:var(--r-card);padding:20px;display:flex;flex-direction:column;gap:6px}.sg .st8:before{content:counter(s8);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;font-weight:600;font-size:15px}.sg .ph8{height:170px;display:grid;place-items:center;margin:4px 0 6px}.sg .ph8 img{max-height:150px;max-width:86%;width:auto;filter:drop-shadow(0 16px 20px rgba(15,23,42,.22))}.sg .st8 b{font-size:18px;font-weight:600;line-height:1.25}.sg .st8 span{font-size:15px;color:var(--ink-soft);line-height:1.4}.sg .cal8{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center;background:var(--white);border-radius:24px;padding:28px 32px}.sg .cal-svg{display:block;width:100%;height:auto;overflow:visible}.sg .cal-svg .cl path{stroke-dasharray:1;stroke-dashoffset:1}.sg .cal-copy h3{font-family:var(--display);font-weight:600;font-size:30px;line-height:1.05;margin:0 0 10px}.sg .cal-copy p{margin:0 0 10px;font-size:17px;line-height:1.5}.sg .cal-copy .acc{display:inline-block;font-weight:600;padding:6px 14px;border-radius:var(--r-pill);background:var(--paper)}.sg .kits9{display:grid;grid-template-columns:1fr 1fr;gap:24px}.sg .kit9{border:1px solid var(--chip-line);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;background:var(--white);transition:box-shadow .3s,transform .3s}.sg .kit9:hover{box-shadow:0 30px 60px -36px #0f172a73;transform:translateY(-3px)}.sg .kv{position:relative;height:300px;background:radial-gradient(120% 90% at 50% 40%,#fff,#f5f1ea 70%,#ece6da);overflow:hidden}.sg .kv img{position:absolute;filter:drop-shadow(0 18px 22px rgba(15,23,42,.24));transition:transform .55s cubic-bezier(.2,.7,.2,1)}.sg .k-unit{left:24%;top:36%;width:52%}.sg .k-sensor{left:6%;top:56%;width:28%}.sg .k-panel{right:7%;top:10%;width:28%}.sg .kit9:hover .k-unit{transform:translateY(-6px)}.sg .kit9:hover .k-sensor{transform:translate(-12px,8px) rotate(-4deg)}.sg .kit9:hover .k-panel{transform:translate(10px,-10px) rotate(3deg)}.sg .kv-std{background:#f7f7f7}.sg .k-std{left:50%;top:50%;width:76%;transform:translate(-50%,-50%)}.sg .kit9:hover .k-std{transform:translate(-50%,-52%) scale(1.03)}.sg .kb{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}.sg .kb h3{font-family:var(--display);font-weight:600;font-size:34px;line-height:1;margin:4px 0 0}.sg .kb ul{margin:0;padding-left:18px;font-size:16px;line-height:1.55;flex:1}.sg .kp{margin:6px 0 4px;font-size:16px;color:var(--ink-soft)}.sg .kp b{font-family:var(--display);font-weight:500;font-size:30px;color:var(--ink)}.sg .kb .btn{align-self:flex-start}.sg .c10 .tag{margin-bottom:14px}.sg .next10{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.sg .next10 li{border:1px solid var(--chip-line);border-radius:var(--r-card);padding:20px 18px;display:flex;flex-direction:column;gap:8px;position:relative}.sg .next10 li:after{content:"In development";position:absolute;top:16px;right:14px;font-size:12px;font-weight:600;color:var(--clay-deep);background:var(--clay-tint,#fbeee6);padding:3px 9px;border-radius:var(--r-pill)}.sg .next10 b{font-size:17px;font-weight:600;margin-top:6px}.sg .next10 span{font-size:15px;color:var(--ink-soft);line-height:1.4}.sg .c10b{margin:28px 0 0}.sg .rv{opacity:0;transform:translateY(24px)}@media(max-width:1199px){.sg .fl.hide-md{display:none}}@media(max-width:760px){.sg .blk7{padding:72px 16px 64px}.sg .c7{margin-bottom:24px}.sg .c7 h2{font-size:34px}.sg .c7 p{font-size:16px}.sg .row7{grid-template-columns:1fr 1fr;gap:20px}.sg .dev7-app{grid-column:1 / -1;order:-1}.sg #s7 .hubz{--s:120px;border-radius:20px}.sg .dev7-ha{grid-column:1 / -1}.sg .ha7{max-width:none}.sg .steps8{grid-template-columns:1fr;gap:12px}.sg .st8{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:14px}.sg .st8 .ph8{height:80px;width:96px;margin:0}.sg .ph8 img{max-height:72px}.sg .st8 b,.sg .st8 span{flex:1 0 calc(100% - 160px)}.sg .cal8{grid-template-columns:1fr;gap:16px;padding:18px}.sg .kits9{grid-template-columns:1fr}.sg .kv{height:220px}.sg .next10{grid-template-columns:1fr 1fr;gap:10px}.sg .next10 li{padding:16px 14px}.sg .next10 li:after{position:static;align-self:flex-start;order:-1}.sg .next10 li:last-child{grid-column:1 / -1}.sg .slabel{top:12px;font-size:13px;padding:7px 11px}.sg .slabel.l{left:12px}.sg .slabel.r{right:12px}.sg .fl{display:none}.sg .hero-c h2 span{display:inline;white-space:normal}.sg .hero-c{padding:48px 16px 24px}.sg .lockup svg{height:46px}.sg .lockup .by{font-size:15px}.sg .hero-c h2{font-size:clamp(36px,10.4vw,44px)}.sg .hero-prod{height:min(190px,26vh);width:calc(min(190px,26vh)*2.1);max-width:100%}.sg .hero-c p.sub{font-size:16px}.sg .hero-c .ctas .btn{padding:0 20px}.sg .hp-tag{font-size:12px;bottom:-10px}.sg #s2 .stage{padding:56px 16px 20px;gap:16px;justify-content:flex-start}.sg .s2-copy{grid-template-columns:1fr;gap:10px}.sg .s2-copy h2{font-size:34px}.sg .s2-copy p{font-size:16px}.sg .s2-row{flex-wrap:wrap;gap:14px 18px;align-items:flex-end}.sg .s2-row .jar-dev{flex:1 0 100%}.sg .jar-col{justify-content:center;gap:14px}.sg .jar-wrap{width:min(50vw,210px,26vh)}.sg #jar .jl{font-size:34px}.sg .readout{min-width:96px}.sg .readout .pct{font-size:52px}.sg .readout .state{font-size:16px}.sg .readout .litres{font-size:14px}.sg #s2 .hubz{--s:min(112px,15vh);border-radius:20px}.sg .phone{width:min(150px,22vh);border-radius:28px;padding:6px}.sg .phone .scr{border-radius:23px}.sg .phone .notch{height:14px;top:7px}.sg .phone .time{margin-top:28px;font-size:30px}.sg .phone .date{font-size:11px}.sg .notes{left:5px;right:5px;top:84px}.sg .note{grid-template-columns:20px minmax(0,1fr);gap:6px;padding:7px 8px;border-radius:12px}.sg .note .ic{width:20px;height:20px;border-radius:6px}.sg .note .ic svg{width:12px;height:12px}.sg .note .hd{font-size:10px}.sg .note p{font-size:11px}.sg .dev figcaption{font-size:13px}.sg .w{font-size:34px;top:24%}.sg .wl{right:auto;left:16px}.sg .wr{left:auto;right:16px;top:76%}.sg .win{width:56vw;height:36vw}.sg .row-head{left:16px;top:56px;right:16px}.sg .row-head p{font-size:15px}.sg .marq{bottom:12px}.sg .chip{font-size:14px;padding:8px 13px}.sg #s4 .stage{grid-template-columns:1fr;gap:16px;padding:56px 16px 20px;align-content:center}.sg .b-copy .tag{font-size:13px;margin-bottom:10px}.sg .b-copy h2{font-size:34px;margin-bottom:10px}.sg .b-copy p.sub{font-size:15px;margin-bottom:0}.sg .b-copy .facts{display:none}.sg .facts.m{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.sg .facts.m .fact{padding:6px 0;gap:10px}.sg .facts.m .fact b{font-size:14px}.sg .bf-range{font-size:12px}.sg .b-draw,.sg .bf-foot{width:100%}.sg .bf-hub .tag{font-size:11px;padding:3px 8px}.sg .bf-cap{display:none}.sg .bf-key{font-size:13px}.sg .mqtt{width:100%;margin-top:10px;padding:10px 12px}.sg .mqtt .mh{font-size:12px;margin-bottom:4px}.sg .mqtt ul{font-size:10.5px;line-height:1.6}.sg .mqtt li:nth-child(n+4){display:none}.sg .ex-head{left:16px;right:16px;top:52px}.sg .ex-head p{font-size:16px}.sg .ex-box{top:52%;width:100vw}.sg .co,.sg .ex-box svg{display:none}.sg .exn{display:grid;place-items:center;position:absolute;width:24px;height:24px;border-radius:50%;background:var(--ink);color:var(--white);font-size:13px;font-weight:600;transform:translate(-50%,-50%);opacity:0;box-shadow:0 0 0 3px #ffffffd9}.sg .exl{display:grid;gap:10px;position:absolute;left:16px;right:16px;bottom:64px;margin:0;padding:0;list-style:none;counter-reset:x;z-index:4}.sg .exl li{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:10px;align-items:start;opacity:0}.sg .exl li:before{grid-row:1 / span 2}.sg .exl b,.sg .exl span{grid-column:2}.sg .exl li:before{counter-increment:x;content:counter(x);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ink);color:var(--white);font-size:13px;font-weight:600}.sg .exl b{display:block;font-size:15px;font-weight:600;line-height:1.3}.sg .exl span{display:block;font-size:14px;line-height:1.35;color:var(--ink-soft)}.sg .ex-tag{bottom:16px;left:16px}.sg #s6 .stage{padding:56px 16px 20px;gap:18px;justify-content:flex-start}.sg .n-copy{grid-template-columns:1fr;gap:10px}.sg .n-copy h2{font-size:34px}.sg .n-copy p{font-size:15px}.sg .n-row{flex-wrap:wrap;justify-content:center;row-gap:8px}.sg .n-unit{width:80px;padding:6px 0}.sg .link .lf{display:none}.sg .link .ls{display:inline}.sg #lk3{flex:1 0 100%;max-width:none;flex-direction:row;justify-content:center;gap:10px;margin:6px 0 2px}.sg #lk3 .ln{width:3px;height:26px;flex:none;background:repeating-linear-gradient(180deg,var(--lv-full) 0 7px,transparent 7px 12px);background-size:3px 12px;animation:lflowv .9s linear infinite}.sg #lk3.down .ln{background:repeating-linear-gradient(180deg,#475569 0 7px,transparent 7px 12px);animation:none}.sg #s6 .hubz{--s:96px;border-radius:18px}.sg .router{width:56px}.sg .link{min-width:36px;max-width:56px;margin:0 4px 30px}.sg .link span{font-size:12px}.sg .node figcaption{font-size:13px}.sg .appcard{width:100%;max-width:340px;padding:12px 14px}.sg .appcard p{font-size:14px}.sg .n-app{flex:1 0 100%}.sg .n-app .link-v{display:none}.sg .ladder li,.sg .scene dl{grid-template-columns:1fr}.sg .scene{grid-template-columns:44px minmax(0,1fr);gap:12px}.sg .scene .n{font-size:40px}.sg .gates li{grid-template-columns:1fr}}@media(min-width:761px){.sg .facts.m{display:none}}@media(prefers-reduced-motion:reduce){.sg .ts-wave-a,.sg .ts-wave-b,.sg .ts-body,.sg .ts-glint,.sg .ts-bub,.sg .ts-pulse,.sg .ts-echo,.sg .ts-beam,.sg .ts-ring,.sg .ts-led,.sg .fl-b,.sg .marq-in,.sg .fwave,.sg .tk .lk,.sg .tk.on .rp,.sg .link .ln{animation:none}.sg .ts-pulse,.sg .ts-echo,.sg .ts-beam,.sg .ts-ring{opacity:0}}.static .sg .rv{opacity:1;transform:none}.static .sg .cal-svg .cl path{stroke-dashoffset:0}.static .sg .stage{height:auto;min-height:0}.static .sg #s3 .stage{padding:56px 0 24px}.static .sg .win{width:100%;height:60vh;position:relative;left:auto;top:auto;transform:none;border-radius:0}.static .sg .w{position:relative;top:auto;left:auto;right:auto;transform:none;display:block;padding:16px}.static .sg .row,.static .sg .row-head,.static .sg .marq,.static .sg .win-cap{position:relative;opacity:1;top:auto;left:auto;transform:none}.static .sg .row{overflow-x:auto;padding:16px}.static .sg .co,.static .sg .bf-range,.static .sg .bf-key,.static .sg .mmring,.static .sg #rangeLine{opacity:1}.static .sg .mqtt{opacity:1;transform:none}.static .sg .mqtt li{opacity:1}.static .sg #s4 .stage,.static .sg #s6 .stage{padding-top:72px;padding-bottom:72px}.static .sg #s5 .stage{height:100vh}body:has(.sg-home){background:transparent}.sg{font-family:var(--sans);font-size:17px;line-height:1.55;color:var(--ink);-webkit-font-smoothing:antialiased}.sg h2,.sg h3,.sg p,.sg figure,.sg ul,.sg ol{margin-block-start:0}.sg .bf-hub .tag{white-space:nowrap}@supports (height:100svh){.sg .stage{height:calc(100svh - var(--header-height,0px) - var(--sg-buy-h,0px))}.sg #s1{height:calc(100svh - var(--header-height,0px))}}.sg .stage{min-height:0}.sg .stage.flow{height:auto;min-height:calc(100vh - var(--header-height,0px))}@supports (height:100svh){.sg .stage.flow{min-height:calc(100svh - var(--header-height,0px))}}@media(max-width:760px){.sg #s4 .stage{padding-top:16px}.sg #s2 .stage,.sg #s6 .stage{padding-top:48px}.sg #s4 .b-draw{margin-top:22px}.sg .hero-prod{margin-bottom:14px}}.sg .a-tabs{margin-bottom:40px}@media(min-width:761px)and (max-height:660px){.sg #s3 .marq{display:none}}.sg #s5 .ex-tag,.sg .hp-tag{display:none}@media(max-width:760px)and (max-height:600px){.sg #s3 .marq{display:none}}@media(max-width:760px){.sg #s5 .exl,.sg #s5 .exn{display:none}.sg #s5 .ex-box{top:calc(50% + 64px)}}@media(min-width:761px)and (max-width:1199px){.sg #s5 .co{max-width:172px;padding:8px 12px}.sg #s5 .co b{font-size:14px}.sg #s5 .co span{font-size:12.5px}.sg #s5 .co.r{left:auto!important;right:1.5%}.sg #s5 .co.l{right:auto!important;left:1.5%}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/sg-home.css.map */