@keyframes hero-slide-left{0%{opacity:0;transform:translate(-36px)}to{opacity:1;transform:translate(0)}}@keyframes hero-slide-top{0%{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-slide-right{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes hero-rise{0%{opacity:0;transform:translateY(32px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes hero-temp-pulse{0%,to{opacity:1}50%{opacity:.85}}.hero-animate-rise{opacity:0;animation:.9s cubic-bezier(.22,1,.36,1) .1s forwards hero-rise}.hero-animate-slide-left{opacity:0;animation:.85s cubic-bezier(.22,1,.36,1) .35s forwards hero-slide-left}.hero-animate-slide-top{opacity:0;animation:.85s cubic-bezier(.22,1,.36,1) .55s forwards hero-slide-top}.hero-animate-slide-right{opacity:0;animation:.85s cubic-bezier(.22,1,.36,1) .75s forwards hero-slide-right}.hero-float-gentle{animation:4.5s ease-in-out infinite hero-float}.hero-float-gentle-delayed{animation:4.5s ease-in-out 1.4s infinite hero-float}.hero-temp-transition{animation:.6s ease-out hero-temp-pulse}
#monitor-phone-screens{position:relative}.monitor-phone-screen{opacity:0;pointer-events:none;transition:opacity .45s;position:absolute;inset:0}.monitor-phone-screen.active{opacity:1;pointer-events:auto}.monitor-feature-tile{transition:transform .5s cubic-bezier(.16,1,.3,1)}.monitor-features-left .monitor-feature-tile.active{transform:translate(8px)}.monitor-features-right .monitor-feature-tile.active{transform:translate(-8px)}.monitor-feature-icon{color:#9ca3af;background-color:#fff;border:1px solid #0000;transition:background-color .5s cubic-bezier(.16,1,.3,1),color .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1),border-color .5s cubic-bezier(.16,1,.3,1)}.monitor-feature-heading{color:#111827;transition:color .4s}.monitor-feature-tile.active .monitor-feature-icon{color:#2563eb;background-color:#eff6ff;border-color:#2563eb4d;transform:scale(1.1)}.monitor-feature-tile.active .monitor-feature-heading{color:#2563eb}.phone-frame{background:linear-gradient(155deg,#2a3140 0%,#10131a 55%,#06070a 100%);box-shadow:0 30px 60px -20px #1118274d,inset 0 1px 1px #ffffff1f,inset 0 -1px 2px #00000080}.phone-glare{background:linear-gradient(115deg,#ffffff59 0%,#fff0 28%)}.phone-button{background:linear-gradient(#3a4150,#1a1e26)}.intro-ring{animation:3.2s ease-out infinite intro-ring}.intro-ring-delay{animation-delay:1.6s}@keyframes intro-ring{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}.intro-cta:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff38 50%,#0000 70%);animation:3.6s ease-in-out infinite intro-sheen;position:absolute;inset:0;transform:translate(-120%)}@keyframes intro-sheen{0%,55%{transform:translate(-120%)}to{transform:translate(120%)}}.report-list{animation:.5s report-in}@keyframes report-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.rep-progress{width:0;animation:2s cubic-bezier(.4,0,.2,1) .2s forwards rep-progress}@keyframes rep-progress{to{width:100%}}.rep-gen{animation:.3s 2.2s forwards rep-gen}@keyframes rep-gen{to{opacity:0}}.rep-ready{opacity:0;animation:.4s cubic-bezier(.22,1,.36,1) 2.2s forwards rep-ready}@keyframes rep-ready{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.alert-in{animation:.55s cubic-bezier(.22,1,.36,1) alert-in}@keyframes alert-in{0%{opacity:0;background-color:#f4f7ff;transform:translateY(-10px)scale(.98)}to{opacity:1;background-color:#0000;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.intro-ring,.intro-cta:after{animation:none}.intro-ring{opacity:0}.rep-progress{width:100%;animation:none}.rep-gen{opacity:0;animation:none}.rep-ready{opacity:1;animation:none}.alert-in,.report-list{animation:none}}.kp-grid{grid-template-columns:1fr;gap:1.25rem;width:100%;margin-top:1.5rem;display:grid}.kp-phone{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.kp-item{text-align:center;max-width:20rem;margin:0 auto}.kp-item__icon{border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto;font-size:1rem;display:flex}.kp-item__text h3{margin:1rem 0 0;font-size:1rem;font-weight:700}.kp-item__text p{color:#6b7280;margin:.5rem 0 0;font-size:.875rem;line-height:1.6}@media (min-width:1024px){.kp-grid{align-items:center;margin-top:2rem}.kp-item{animation:.7s cubic-bezier(.22,1,.36,1) .3s both kp-from-right}.kp-grid[data-mode=intro] .kp-item[data-slot="1"],.kp-grid[data-mode=intro] .kp-item[data-slot="2"]{animation-name:kp-from-left}.kp-item[data-slot="2"]{animation-delay:.4s}.kp-item[data-slot="3"]{animation-delay:.5s}.kp-item[data-slot="4"]{animation-delay:.6s}.kp-grid[data-mode=intro] .kp-item[data-slot="3"]{animation-delay:.3s}.kp-grid[data-mode=intro] .kp-item[data-slot="4"]{animation-delay:.4s}.kp-grid[data-mode=intro]{grid-template-columns:1fr auto 1fr;gap:0 5rem}.kp-grid[data-mode=intro] .kp-phone{grid-area:1/2/span 2}.kp-grid[data-mode=intro] .kp-item{width:300px;max-width:none;margin:0}.kp-grid[data-mode=intro] .kp-item[data-slot="1"],.kp-grid[data-mode=intro] .kp-item[data-slot="2"]{text-align:right;grid-column:1;justify-self:start}.kp-grid[data-mode=intro] .kp-item[data-slot="3"],.kp-grid[data-mode=intro] .kp-item[data-slot="4"]{text-align:left;grid-column:3;justify-self:end}.kp-grid[data-mode=intro] .kp-item[data-slot="1"],.kp-grid[data-mode=intro] .kp-item[data-slot="3"]{border-bottom:1px solid #d1d5db;grid-row:1;padding-bottom:2rem}.kp-grid[data-mode=intro] .kp-item[data-slot="2"],.kp-grid[data-mode=intro] .kp-item[data-slot="4"]{grid-row:2;padding-top:2rem}.kp-grid[data-mode=intro] .kp-item[data-slot="1"] .kp-item__icon,.kp-grid[data-mode=intro] .kp-item[data-slot="2"] .kp-item__icon{margin-left:auto;margin-right:0}.kp-grid[data-mode=intro] .kp-item[data-slot="3"] .kp-item__icon,.kp-grid[data-mode=intro] .kp-item[data-slot="4"] .kp-item__icon{margin-left:0;margin-right:auto}.kp-grid[data-mode=list]{grid-template-columns:auto minmax(0,1fr);gap:0 5rem}.kp-grid[data-mode=list] .kp-phone{grid-area:1/1/span 4}.kp-grid[data-mode=list] .kp-item{text-align:left;grid-column:2;width:100%;max-width:none;margin:0;padding:1.25rem 0}.kp-grid[data-mode=list] .kp-item:not([data-slot="4"]){border-bottom:1px solid #d1d5db}.kp-grid[data-mode=list] .kp-item[data-slot="1"]{grid-row:1}.kp-grid[data-mode=list] .kp-item[data-slot="2"]{grid-row:2}.kp-grid[data-mode=list] .kp-item[data-slot="3"]{grid-row:3}.kp-grid[data-mode=list] .kp-item[data-slot="4"]{grid-row:4}.kp-grid[data-mode=list] .monitor-feature-tile{align-items:flex-start;gap:1.1rem;display:flex}.kp-grid[data-mode=list] .kp-item__icon{flex:none;margin:0}.kp-grid[data-mode=list] .kp-item__text h3{margin-top:.1rem}}.kp-hint,.kp-dots{display:none}@keyframes kp-fade{0%{opacity:0;transform:translateY(8px)}}@media (max-width:1023px){.kp-grid{gap:.75rem;margin-top:1rem}.kp-item:not([data-active]){display:none}.kp-item{max-width:22rem;min-height:5.75rem;animation:.5s cubic-bezier(.22,1,.36,1) both kp-fade}.kp-item__icon{display:none}.kp-item__text h3{margin-top:0}.kp-item__text p{margin-top:.35rem;font-size:.8125rem;line-height:1.55}.kp-hint{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:5.75rem;margin:0;font-size:.8125rem;font-weight:600;display:flex}.kp-hint i{font-size:11px;animation:1.6s ease-in-out infinite kp-bob}.kp-dots{justify-content:center;gap:.4rem;display:flex}.kp-dots span{background:#d1d5db;border-radius:9999px;width:6px;height:6px;transition:width .3s,background-color .3s}.kp-dots span.is-on{background:#111827;width:20px}}@keyframes kp-from-right{0%{opacity:0;transform:translate(36px)}}@keyframes kp-from-left{0%{opacity:0;transform:translate(-36px)}}@keyframes kp-bob{50%{transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.kp-item,.kp-hint i{animation:none}}
.mp-frame{border-radius:42px;width:244px;height:480px;padding:10px;position:relative}.mp-screen{isolation:isolate;background:#000;border-radius:32px;width:224px;height:460px;position:relative;overflow:hidden}.mp-canvas{--mp-scale:.5744;width:390px;height:800px;transform:scale(var(--mp-scale));transform-origin:0 0;color:#1a1a1a;-webkit-font-smoothing:antialiased;background:#fff;font-size:14px;line-height:1.3;position:absolute;top:0;left:0}.mp-canvas *,.mp-canvas :before,.mp-canvas :after{box-sizing:border-box}.mp-camera{z-index:40;background:#000;border-radius:9999px;width:126px;height:37px;margin-left:-63px;position:absolute;top:11px;left:50%}.mp-camera:after{content:"";background:radial-gradient(circle at 35% 35%,#1b2740 0%,#0a0f1c 55%,#000 100%);border-radius:9999px;width:13px;height:13px;position:absolute;top:12px;right:14px;box-shadow:0 0 0 1.5px #0b0d12}.mp-status{z-index:30;color:#1a1a1a;pointer-events:none;justify-content:space-between;align-items:center;height:59px;padding:0 34px 0 44px;font-size:16px;font-weight:600;transition:color .35s;display:flex;position:absolute;top:0;left:0;right:0}.mp-status.is-light{color:#fff}.mp-status__icons{align-items:center;gap:6px;font-size:13.5px;display:flex}.mp-gesture{z-index:35;opacity:.85;pointer-events:none;background:#1a1a1a;border-radius:9999px;width:134px;height:5px;margin-left:-67px;position:absolute;bottom:8px;left:50%}.mp-dock{z-index:20;opacity:0;pointer-events:none;transition:opacity .35s,transform .35s;position:absolute;bottom:0;left:0;right:0;transform:translateY(10px)}.mp-dock.is-visible{opacity:1;transform:translateY(0)}.mp-dock__fade{background:linear-gradient(#fff0,#fff);height:40px}.mp-dock__bar{background:#fff;padding:0 30px 30px}.mp-dock__pill{background:#17191f;border-radius:25px;align-items:center;height:70px;padding:0 4px;display:flex;box-shadow:0 20px 36px -12px #00000073}.mp-dock__item{flex:1;place-items:center;height:100%;display:grid}.mp-dock__chip{color:#d2d8e2;border-radius:17px;place-items:center;width:52px;height:52px;font-size:21px;transition:background-color .3s,color .3s,transform .3s;display:grid;transform:scale(.84)}.mp-dock__item.is-active .mp-dock__chip{color:#fff;background:#3b82f6;transform:scale(1)}.mp-header{background:#000;padding:56px 20px 22px}.mp-header__row{align-items:center;height:34px;display:flex}.mp-header__person{color:#fff;text-align:center;width:26px;font-size:22px}.mp-header__hello{color:#fff;white-space:nowrap;margin-left:12px;font-size:22px;font-weight:700}.mp-header__spacer{flex:1}.mp-org{color:#f0c468;white-space:nowrap;background:#171b4d;border-radius:9999px;align-items:center;gap:5px;padding:7px 8px 7px 12px;font-size:12px;font-weight:600;display:inline-flex}.mp-org i:first-child{font-size:12px}.mp-header__bell{color:#fff;margin-left:10px;font-size:22px}.mp-lip{background:radial-gradient(28px at 28px 28px,#0000 27.5px,#000 28.5px) 0 0/28px 100% no-repeat,radial-gradient(28px at 0 28px,#0000 27.5px,#000 28.5px) 100% 0/28px 100% no-repeat;height:20px}.mp-body{flex-direction:column;gap:14px;padding:0 20px;display:flex}.mp-title{letter-spacing:-.01em;color:#1a1a1a;margin:0;font-size:24px;font-weight:700}.mp-sub{color:#9098a9;margin:3px 0 0;font-size:13px}.mp-titlerow{justify-content:space-between;align-items:flex-end;display:flex}.mp-card{background:#fff;border:1px solid #eceef3;border-radius:16px}.mp-pill{color:#4b5563;white-space:nowrap;background:#f0f2f7;border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.mp-pill.is-ok{color:#047857;background:#d1fae5}.mp-pill.is-bad{color:#dc2626;background:#fee2e2}.mp-dot{background:currentColor;border-radius:9999px;width:7px;height:7px}.mp-insight{background:#fff;border:1px solid #eceef3;border-radius:16px;gap:12px;padding:16px;display:flex}.mp-insight__left{flex:5 1 0;min-width:0}.mp-insight__title{color:#16324f;margin:0;font-size:15px;font-weight:600}.mp-insight__count{color:#16324f;margin:4px 0 8px;font-size:34px;font-weight:700;line-height:1.15}.mp-insight__map{flex:7 1 0;min-width:0}.mp-insight__map svg{width:100%;height:100%;display:block}.mp-status-pill{background:#f3f6f9;border-radius:10px;align-items:center;gap:9px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.mp-status-pill__part{align-items:center;gap:6px;display:inline-flex}.mp-status-pill__part i{border-radius:9999px;width:7px;height:7px}.mp-status-pill__sep{background:#dce3ea;width:1px;height:12px}.mp-sechead{justify-content:space-between;align-items:baseline;display:flex}.mp-sechead h3{color:#1a1a1a;margin:0;font-size:17px;font-weight:600}.mp-sechead span{color:#9098a9;font-size:12.5px}.mp-filters{gap:8px;margin:0 -20px;padding:0 20px;display:flex;overflow:hidden}.mp-filter{color:#9098a9;white-space:nowrap;background:#fff;border:1px solid #eceef3;border-radius:9999px;align-items:center;gap:7px;padding:9px 14px;font-size:12.5px;font-weight:500;display:inline-flex}.mp-filter i{font-size:13px}.mp-filter.is-selected{color:#fff;background:#111;border-color:#111;font-weight:600}.mp-sensors{flex-direction:column;gap:14px;display:flex}.mp-sensor{border:1px solid var(--bd,#bfdbfe);background:linear-gradient(135deg, var(--from,#f5f9ff), var(--to,#ecf3ff));border-radius:14px;align-items:stretch;transition:border-color .3s;display:flex;position:relative;overflow:hidden}.mp-sensor.is-attention{--from:#fff5f6;--to:#fde8eb;--bd:#e5484d8c;animation:3.9s infinite mp-jolt}.mp-sensor__rail{background:#e5484d;width:4px}.mp-sensor__body{flex:1;align-items:center;gap:12px;min-width:0;padding:14px;display:flex}.mp-avatar{flex:none;width:46px;height:46px;position:relative}.mp-avatar__disc{border:1px solid var(--bd-soft,#bfdbfe);width:100%;height:100%;color:var(--fg,#2563eb);background:#fff;border-radius:9999px;place-items:center;font-size:20px;display:grid;overflow:hidden}.mp-avatar__disc img{object-fit:contain;width:46px;max-width:none;height:46px;transform:scale(2.5)}.mp-avatar__status{background:#fff;border-radius:9999px;place-items:center;width:15px;height:15px;display:grid;position:absolute;bottom:-3px;right:-3px}.mp-avatar__status i{background:#2ed9a5;border-radius:9999px;width:9px;height:9px;transition:background-color .3s}.mp-sensor.is-attention .mp-avatar__status i{background:#e5484d}.mp-sensor__meta{flex:1;min-width:0}.mp-sensor__top{align-items:center;gap:8px;display:flex}.mp-sensor__name{color:#1a1a1a;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.mp-sensor__wifi{color:#2ed9a5;font-size:11px}.mp-sensor__bar{background:linear-gradient(#0000,#b0b5c099,#0000);width:1px;height:12px}.mp-sensor__batt{color:#2ed9a5;font-size:13px}.mp-sensor__sub{color:#9098a9;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;overflow:hidden}.mp-reading{text-align:right;flex:none}.mp-reading__main{color:#1a1a1a;font-size:19px;font-weight:700;line-height:1.15}.mp-reading__main small{color:#9098a9;margin-left:2px;font-size:12px;font-weight:500}.mp-reading__rh{color:#9098a9;margin-top:1px;font-size:11.5px;font-weight:500}.mp-reading__state{color:#1a1a1a;font-size:17px;font-weight:700}.mp-sensor.is-attention .mp-reading__state{color:#e5484d}@keyframes mp-jolt{0%{transform:translate(0)}2%{transform:translate(-9px)}4%{transform:translate(8px)}6%{transform:translate(-5px)}8%{transform:translate(3px)}10%{transform:translate(-1.5px)}12%,to{transform:translate(0)}}.mp-sensorpick{align-items:center;gap:12px;padding:12px 14px;display:flex}.mp-sensorpick__ico{color:#2563eb;background:#eff6ff;border-radius:12px;place-items:center;width:38px;height:38px;font-size:16px;display:grid}.mp-sensorpick__name{font-size:15px;font-weight:600}.mp-sensorpick__meta{color:#9098a9;margin-top:2px;font-size:12px}.mp-sensorpick__caret{color:#b0b5c0;margin-left:auto;font-size:12px}.mp-limit{padding:16px 16px 14px}.mp-limit__head{justify-content:space-between;align-items:center;display:flex}.mp-limit__name{font-size:15px;font-weight:600}.mp-limit__range{color:#4b5563;font-variant-numeric:tabular-nums;background:#f0f2f7;border-radius:9999px;padding:5px 10px;font-size:12px;font-weight:600}.mp-slider{margin:40px 11px 14px;position:relative}.mp-slider__track{background:#e8eaee;border-radius:9999px;height:6px}.mp-slider__fill{background:#111;border-radius:9999px;transition:left .7s ease-out,right .7s ease-out;position:absolute;top:0;bottom:0}.mp-slider__thumb{background:#fff;border:2px solid #111;border-radius:9999px;width:22px;height:22px;margin:-11px 0 0 -11px;transition:left .7s ease-out;position:absolute;top:50%;box-shadow:0 2px 6px #11182740}.mp-slider__live{flex-direction:column;align-items:center;transition:left 1s ease-out;display:flex;position:absolute;top:-34px;transform:translate(-50%)}.mp-slider__bubble{color:#fff;font-variant-numeric:tabular-nums;background:#111;border-radius:8px;padding:3px 8px;font-size:12px;font-weight:700;transition:background-color .3s}.mp-slider__bubble.is-out{background:#dc2626}.mp-slider__tip{background:#111;width:7px;height:7px;margin-top:-4px;transition:background-color .3s;transform:rotate(45deg)}.mp-slider__tip.is-out{background:#dc2626}.mp-limit__scale{color:#b0b5c0;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:11px;font-weight:500;display:flex}.mp-switchrow{justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.mp-switchrow__title{font-size:15px;font-weight:600}.mp-switchrow__sub{color:#9098a9;margin-top:2px;font-size:12px}.mp-switch{background:#111;border-radius:9999px;width:46px;height:27px;position:relative}.mp-switch:after{content:"";background:#fff;border-radius:9999px;width:21px;height:21px;position:absolute;top:3px;right:3px;box-shadow:0 1px 3px #0000004d}.mp-seg{background:#f0f2f7;border-radius:14px;grid-template-columns:repeat(3,1fr);padding:4px;display:grid;position:relative}.mp-seg__thumb{background:#fff;border-radius:11px;width:calc(33.3333% - 2.66667px);transition:transform .5s ease-out;position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 1px 4px #1118271f}.mp-seg span:not(.mp-seg__thumb){z-index:1;text-align:center;color:#9098a9;padding:9px 0;font-size:13px;font-weight:600;transition:color .3s;position:relative}.mp-seg span.is-on{color:#1a1a1a}.mp-list{overflow:hidden}.mp-list>*+*{border-top:1px solid #f0f1f4}.mp-item{padding:14px 16px}.mp-item__row{align-items:center;gap:12px;display:flex}.mp-item__tile{color:#374151;background:#f0f2f7;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;font-size:16px;display:grid}.mp-item__text{flex:1;min-width:0}.mp-item__title{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.mp-item__meta{color:#9098a9;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;overflow:hidden}.mp-item__time{color:#b0b5c0;font-variant-numeric:tabular-nums;flex:none;font-size:12px;font-weight:600}.mp-item__time.is-new{color:#1a1a1a}.mp-dl{flex:none;width:36px;height:36px;position:relative}.mp-dl>span{border-radius:9999px;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.mp-dl__idle{color:#6b7280;background:#f0f2f7}.mp-dl__gen{color:#9098a9;background:#f0f2f7}.mp-dl__ready{color:#fff;background:#111}.mp-progress{background:#eceef2;border-radius:9999px;height:4px;margin-top:12px;overflow:hidden}.mp-progress>div{background:#111;border-radius:9999px;height:100%}.mp-tile{border-radius:13px;flex:none;place-items:center;width:42px;height:42px;font-size:16px;display:grid}.mp-tile.is-critical{color:#dc2626;background:#fef2f2}.mp-tile.is-warning{color:#d97706;background:#fffbeb}.mp-tile.is-info{color:#2563eb;background:#eff6ff}.mp-tile.is-resolved{color:#16a34a;background:#f0fdf4}.mp-intro{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 40px 40px;display:flex}.mp-intro__logo{place-items:center;width:88px;height:88px;display:grid;position:relative}.mp-intro__logo>div{color:#000;background:#fff;border:1px solid #e5e7eb;border-radius:26px;place-items:center;width:88px;height:88px;font-size:34px;display:grid;position:relative;box-shadow:0 18px 30px -12px #11182747}.mp-intro__mark{object-fit:contain;filter:brightness(0);width:50px;height:50px}.mp-intro__ring{border:1px solid #11182740;border-radius:26px;position:absolute;inset:0}.mp-intro__name{letter-spacing:-.02em;color:#111827;margin:28px 0 0;font-size:32px;font-weight:800}.mp-intro__tag{color:#9098a9;margin:8px 0 0;font-size:15px}.mp-intro__cta{color:#fff;background:#111827;border-radius:9999px;align-items:center;gap:10px;margin-top:34px;padding:17px 30px 17px 34px;font-size:16px;font-weight:600;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 14px 24px -10px #11182780}.mp-intro__foot{color:#b0b5c0;margin-top:22px;font-size:12px}.mp-frame.phone-frame{box-shadow:0 1px 2px #1118271a,0 8px 16px -8px #11182733,0 22px 32px -20px #11182742,inset 0 1px 1px #ffffff1f,inset 0 -1px 2px #00000080}.mp-frame:after{content:"";z-index:-1;filter:blur(6px);pointer-events:none;background:radial-gradient(#11182738 0%,#11182700 70%);border-radius:9999px;height:18px;position:absolute;bottom:-20px;left:14%;right:14%}
.flow-node{background:#fff;border:1px solid #d3d8e0;border-radius:12px;align-items:center;gap:12px;padding:11px 14px;display:flex}.flow-node .flow-ico{color:#2563eb;background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.flow-node .flow-name{font-size:14px;font-weight:600;line-height:1.25}.flow-node.flow-out .flow-ico{color:#2563eb;background:#eff6ff}.flow-node.flow-out .flow-name{font-size:15px}.flow-gateway{color:#fff;background:#111827;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:19px;display:flex;box-shadow:0 0 0 6px #1018280f}.flow-sensors{width:100%}@media (min-width:1024px){.flow-sensors{width:max-content}}.flow-outputs{margin-inline:auto}@media (min-width:1024px){.flow-outputs{margin-inline:0}}.flow-platform{width:100%}@media (min-width:1024px){.flow-platform{width:max-content}}.flow-step{animation:6s ease-in-out infinite flow-step;animation-delay:calc(var(--i,0) * 2s)}@keyframes flow-step{0%,36%,to{color:#374151;background-color:#fff;border-color:#e1e4ea;scale:1;box-shadow:0 0 #11182700}8%,26%{color:#fff;background-color:#111827;border-color:#111827;scale:1.08;box-shadow:0 0 0 5px #11182714}}@media (prefers-reduced-motion:reduce){.flow-step{animation:none}}.flow-connector{fill:none;stroke-width:1.25px;stroke-linecap:round}.flow-connector.flow-draw{stroke-dasharray:1;stroke-dashoffset:1px;animation:1.2s forwards flowDraw;animation-delay:var(--dl)}@keyframes flowDraw{to{stroke-dashoffset:0}}.flow-pulse{fill:none;stroke:#2563eb;stroke-width:1.75px;stroke-linecap:round;stroke-dasharray:.14 .86;opacity:0;animation:.4s 1.8s forwards flow-pulse-in,1.8s linear infinite flow-pulse-slide}@keyframes flow-pulse-slide{to{stroke-dashoffset:-1px}}@keyframes flow-pulse-in{to{opacity:.9}}.sensor-ripple{animation:1.8s ease-out infinite sensor-ripple}.sensor-ripple-delay{animation-delay:.9s}@keyframes sensor-ripple{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@media (prefers-reduced-motion:reduce){.flow-pulse,.sensor-ripple{opacity:0;animation:none}}#flow-connectors{opacity:0;transition:opacity .5s}#flow-connectors.ready{opacity:1}@media (max-width:1023px){.flow-outputs{flex-direction:row;gap:.5rem;width:100%;max-width:none}.flow-outputs .flow-node{text-align:center;flex-direction:column;flex:1 1 0;justify-content:center;gap:8px;min-width:0;padding:12px 6px}.flow-outputs .flow-node.flow-out .flow-name{font-size:13px}}
.ex{margin-top:3.5rem}.ex__bar{justify-content:center;display:flex}.ex__btn{isolation:isolate;font:inherit;color:#111827;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;align-items:center;gap:.75rem;padding:.5rem .5rem .5rem 1.4rem;font-size:15px;font-weight:600;transition:border-color .25s,box-shadow .25s,transform .25s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0f172a0f}.ex__btn:hover{border-color:#111827;transform:translateY(-1px);box-shadow:0 10px 28px -12px #11182780}.ex__fill{z-index:0;transform-origin:0;background:#111827;border-radius:9999px;transition:transform .25s linear;position:absolute;inset:0;transform:scaleX(0)}.ex__btn:hover .ex__fill{transform:scaleX(1)}.ex__label{z-index:1;transition:color .25s;position:relative}.ex__btn:hover .ex__label{color:#fff}.ex__arrow{z-index:1;color:#374151;border:1px solid #d1d5db;border-radius:9999px;place-items:center;width:32px;height:32px;font-size:13px;transition:transform .3s cubic-bezier(.22,1,.36,1),background-color .25s,border-color .25s,color .25s;display:grid;position:relative;transform:rotate(-45deg)}.ex__btn:hover .ex__arrow{color:#111827;background:#fff;border-color:#fff;transform:rotate(0)translate(2px)}.ex__btn[aria-expanded=true] .ex__arrow{transform:rotate(90deg)}.ex__btn[aria-expanded=true]:hover .ex__arrow{transform:rotate(90deg)translate(2px)}.xp{background:#f7f8fa;border:1px solid #eceef2;border-radius:22px;width:100%;max-width:36rem;padding:1rem;box-shadow:0 30px 50px -34px #11182759}@media (min-width:640px){.xp{padding:1.25rem}}.xp__head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.xp__title{color:#111827;align-items:center;gap:.6rem;font-size:14px;font-weight:700;display:inline-flex}.xp__title i{color:#6b7280;font-size:13px}.xp__pill{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;align-items:center;gap:.4rem;padding:.25rem .7rem;font-size:11px;font-weight:600;transition:color .3s,background-color .3s,border-color .3s;display:inline-flex}.xp__pill i{background:currentColor;border-radius:9999px;width:6px;height:6px}.xp__pill.is-ok{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.xp__pill.is-busy{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.xp__pill.is-alert{color:#dc2626;background:#fef2f2;border-color:#fecaca}.xp__foot{color:#9ca3af;align-items:center;gap:.5rem;margin:1rem 0 0;font-size:12px;display:flex}.xp__foot b{color:#374151;font-variant-numeric:tabular-nums;font-weight:700}.xp-feeds{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.xp-feed{background:#fff;border:1px solid #eceef2;border-radius:14px;align-items:center;gap:.8rem;padding:.7rem .85rem;transition:border-color .35s,box-shadow .35s,background-color .35s;display:flex}.xp-feed.is-hot{border-color:#111827;box-shadow:0 0 0 3px #1118270f}.xp-feed.is-alert{background:#fef2f2;border-color:#fca5a5;box-shadow:0 0 0 3px #ef444414}.xp-feed__icon{color:#374151;background:#f3f4f6;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:13px;transition:background-color .35s,color .35s;display:grid}.xp-feed.is-hot .xp-feed__icon{color:#fff;background:#111827}.xp-feed.is-alert .xp-feed__icon{color:#fff;background:#dc2626}.xp-feed__text{flex-direction:column;flex:1;min-width:0;display:flex}.xp-feed__text strong{color:#111827;font-size:13px;font-weight:700}.xp-feed__text code{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;overflow:hidden}.xp-feed__value{color:#111827;font-variant-numeric:tabular-nums;flex:none;font-size:13px;font-weight:700}.xp-feed.is-alert .xp-feed__value{color:#dc2626}.xp-rule{grid-template-columns:1fr auto 1fr;align-items:start;gap:.75rem;display:grid}.xp-rule__col{flex-direction:column;gap:.4rem;display:flex}.xp-rule__label{letter-spacing:.12em;text-transform:uppercase;color:#9ca3af;margin:0 0 .15rem;font-size:10.5px;font-weight:700}.xp-field{background:#fff;border:1px solid #eceef2;border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .65rem;font-size:12px;transition:opacity .4s,border-color .4s,background-color .4s,transform .4s;display:flex}.xp-field span{color:#6b7280;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.xp-field b{color:#111827;font-variant-numeric:tabular-nums;font-weight:700}.xp-field.is-dropped{opacity:.35}.xp-field.is-dropped span,.xp-field.is-dropped b{text-decoration:line-through}.xp-field.is-out{opacity:0;transform:translate(-6px)}.xp-field.is-out.is-shown{opacity:1;transform:translate(0)}.xp-field.is-breach{background:#fef2f2;border-color:#fca5a5}.xp-field.is-breach b{color:#dc2626}.xp-rule__arrow{color:#9ca3af;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;align-self:center;place-items:center;width:30px;height:30px;font-size:11px;display:grid}.xp-rule__arrow.is-busy i{color:#111827;animation:.9s ease-in-out infinite ex-nudge}@keyframes ex-nudge{50%{transform:translate(3px)}}.xp-rule__chip{color:#dc2626;opacity:0;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:.45rem;margin-top:.15rem;padding:.45rem .65rem;font-size:11.5px;font-weight:600;transition:opacity .4s,transform .4s;display:flex;transform:translateY(-4px)}.xp-rule__chip.is-shown{opacity:1;transform:translateY(0)}@media (max-width:480px){.xp-rule{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);gap:.4rem}.xp-rule__label{letter-spacing:.1em;font-size:9.5px}.xp-field{gap:.25rem;padding:.4rem .45rem;font-size:10px}.xp-field span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9.5px;overflow:hidden}.xp-field b{flex:none}.xp-rule__arrow{width:22px;height:22px;font-size:9px}.xp-rule__chip{gap:.3rem;padding:.35rem .45rem;font-size:10px;line-height:1.3}}.xp-table{background:#fff;border:1px solid #eceef2;border-radius:14px;overflow:hidden}.xp-table__row{color:#4b5563;font-variant-numeric:tabular-nums;border-top:1px solid #f0f1f4;grid-template-columns:1.2fr 1fr .9fr .8fr;gap:.5rem;padding:.65rem .85rem;font-size:12px;display:grid}.xp-table__row:first-child{border-top:0}.xp-table__row span:first-child{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}.xp-table__head{letter-spacing:.1em;text-transform:uppercase;color:#9ca3af;background:#f9fafb;padding-top:.55rem;padding-bottom:.55rem;font-size:10.5px;font-weight:700}.xp-table__head span:first-child{font-family:inherit;font-size:10.5px}.xp-table__row span:nth-child(n+3){text-align:right}.xp-table__row.is-new{color:#111827;background:#f9fafb;animation:.5s cubic-bezier(.22,1,.36,1) ex-row-in}@keyframes ex-row-in{0%{opacity:0;transform:translateY(-8px)}}.xp-kpis{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.75rem;display:grid}.xp-kpis div{background:#fff;border:1px solid #eceef2;border-radius:12px;padding:.6rem .75rem}.xp-kpis span{color:#9ca3af;font-size:10.5px;font-weight:600;display:block}.xp-kpis b{color:#111827;font-variant-numeric:tabular-nums;margin-top:.15rem;font-size:15px;font-weight:800;display:block}.xp-chart{background:#fff;border:1px solid #eceef2;border-radius:14px;height:110px;padding:0;position:relative;overflow:hidden}.xp-chart svg{width:100%;height:100%;position:absolute;inset:0}.xp-chart__dot{background:#2563eb;border:2px solid #fff;border-radius:9999px;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;transition:top 1.2s,left 1.2s;position:absolute;box-shadow:0 0 0 3px #2563eb33}.xp-devices{gap:.4rem;margin-top:.75rem;display:flex}.xp-devices span{color:#9ca3af;background:#fff;border:1px solid #eceef2;border-radius:9999px;align-items:center;gap:.45rem;padding:.3rem .75rem;font-size:11.5px;font-weight:600;transition:all .3s;display:inline-flex}.xp-devices span.is-on{color:#fff;background:#111827;border-color:#111827}
.st{background:#fff;border:1px solid #e5e7eb;border-radius:32px;margin-top:3rem;padding:.85rem}@media (min-width:768px){.st{margin-top:3.5rem;padding:1.25rem}}.st__top{justify-content:flex-end;margin-bottom:.85rem;display:flex}.st-hide{font:inherit;color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;align-items:center;gap:.6rem;padding:.3rem .3rem .3rem .95rem;font-size:13px;font-weight:600;transition:border-color .25s,color .25s;display:inline-flex}.st-hide span{background:#f3f4f6;border-radius:9999px;place-items:center;width:24px;height:24px;font-size:10px;transition:background-color .25s,color .25s;display:grid}.st-hide:hover{color:#111827;border-color:#111827}.st-hide:hover span{color:#fff;background:#111827}.st__grid{gap:1rem;display:grid}@media (min-width:1024px){.st__grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:stretch;gap:1.25rem}}.st-list{flex-direction:column;gap:.75rem;display:flex}.st-list .st-card{flex:1;align-items:center}.st-card{font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-bottom-color:#eceef2;border-radius:0;align-items:flex-start;gap:1.1rem;padding:1.35rem 1.5rem;transition:border-color .4s;display:flex;position:relative}.st-card__icon{color:#b0b5c0;background:#fff;border:1px solid #eceef2;border-radius:16px;flex:none;place-items:center;width:52px;height:52px;font-size:19px;transition:color .4s,background-color .4s,border-color .4s,box-shadow .4s;display:grid}.st-card.is-active .st-card__icon{color:#2563eb;border-color:#bfdbfe}.st-card__no{color:#9ca3af;font-size:12px;font-weight:600;display:block}.st-card.is-active .st-card__no{color:#2563eb}.st-card strong{letter-spacing:-.015em;color:#6b7280;margin-top:.15rem;font-size:1.0625rem;font-weight:700;transition:color .3s,font-weight .3s;display:block}.st-card:not(.is-active):hover strong{color:#111827;font-weight:800}.st-card.is-active strong{color:#2563eb}.st-card__bar{pointer-events:none;height:2px;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.st-card__bar i{transform-origin:0;background:#2563eb;animation:7s linear forwards st-fill;position:absolute;inset:0;transform:scaleX(0)}.st.is-paused .st-card__bar i,.st-card.is-active:hover .st-card__bar i{animation-play-state:paused}@keyframes st-fill{to{transform:scaleX(1)}}.st-desc{color:#6b7280;width:100%;max-width:30rem;margin:0;padding:0 .25rem;font-size:.9375rem;line-height:1.7;animation:.6s cubic-bezier(.22,1,.36,1) .1s both st-in}.st-stage{isolation:isolate;background:#fff;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:24rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.st-stage{padding:2rem}}.st-stage:before{content:"";z-index:-1;background:repeating-radial-gradient(circle,#0000 0 74px,#eceef2 74px 75px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 72%);mask-image:radial-gradient(circle,#000 0%,#0000 72%)}.st-shot{background:#fff;border:1px solid #e5e7eb;border-radius:20px;width:100%;max-width:30rem;animation:.6s cubic-bezier(.22,1,.36,1) both st-in;overflow:hidden;box-shadow:0 1px 2px #1118270d,0 26px 50px -30px #1118274d}@keyframes st-in{0%{opacity:0;transform:translateY(14px)scale(.985)}}.st-shot .xp{max-width:none;box-shadow:none;background:#fff;border:0;border-radius:0;padding:1.25rem}.st-shot__chips{border-top:1px solid #eceef2;flex-wrap:wrap;gap:.5rem;padding:.9rem 1.25rem;display:flex}.st-chip{color:#374151;background:#fff;border:1px solid #eceef2;border-radius:9999px;align-items:center;gap:.45rem;padding:.3rem .75rem;font-size:11.5px;font-weight:600;display:inline-flex}.st-chip i{border-radius:9999px;width:7px;height:7px}.st-chip:first-child i{background:#111827}.st-chip:nth-child(2) i{background:#6b7280}.st-chip:nth-child(3) i{background:#2563eb}.st-shot .xp-feed,.st-shot .xp-field,.st-shot .xp-table,.st-shot .xp-kpis div,.st-shot .xp-chart,.st-shot .xp-devices span,.st-shot .xp__pill{background-color:#f9fafb}.st-shot .xp-feed.is-alert,.st-shot .xp-field.is-breach,.st-shot .xp__pill.is-alert{background-color:#fef2f2}.st-shot .xp__pill.is-ok{background-color:#f0fdf4}.st-shot .xp__pill.is-busy{background-color:#eff6ff}.st-shot .xp-devices span.is-on{background-color:#111827}@media (prefers-reduced-motion:reduce){.st-card__bar i{transform:scaleX(1)}.st-shot,.st-desc,.st-card__bar i,.xp-rule__arrow.is-busy i,.xp-table__row.is-new{animation:none}}.st-car{display:none}@media (max-width:1023px){.st__grid{display:none}.st-car{display:block}}.st-car__track{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-template-rows:auto auto auto;grid-auto-columns:100%;grid-auto-flow:column;gap:1.1rem .75rem;display:grid;overflow:auto hidden}.st-car__track::-webkit-scrollbar{display:none}.st-slide{scroll-snap-align:center;grid-row:span 3;grid-template-rows:auto 1fr auto;row-gap:1.1rem;min-width:0;display:grid}@supports (grid-template-rows:subgrid){.st-slide{grid-template-rows:subgrid}}.st-slide__head{align-items:center;gap:.9rem;padding:0 .15rem;display:flex}.st-slide__icon{color:#2563eb;background:#fff;border:1px solid #bfdbfe;border-radius:14px;flex:none;place-items:center;width:46px;height:46px;font-size:17px;display:grid}.st-slide__no{color:#2563eb;font-size:12px;font-weight:600;display:block}.st-slide__head strong{letter-spacing:-.015em;color:#111827;margin-top:.1rem;font-size:1.125rem;font-weight:800;display:block}.st-slide .st-shot{flex-direction:column;max-width:none;animation:none;display:flex}.st-slide .st-shot .xp{flex:1}.st-slide__desc{color:#6b7280;margin:0;padding:0 .15rem;font-size:.9375rem;line-height:1.7}.st-car__dots{justify-content:center;gap:.45rem;margin-top:1.1rem;display:flex}.st-car__dots button{cursor:pointer;background:#d1d5db;border:0;border-radius:9999px;width:7px;height:7px;padding:0;transition:width .3s,background-color .3s}.st-car__dots button.is-on{background:#2563eb;width:22px}