.cm{gap:20px;display:grid}.cm__tabs{border:1px solid var(--color-brand-neutral-200);background:#fff;border-radius:999px;grid-template-columns:1fr 1fr;justify-self:start;gap:4px;padding:4px;display:inline-grid}.cm__tabs button{min-width:170px;min-height:56px;color:var(--color-brand-ink);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--bp-duration-default) var(--bp-ease-standard), color var(--bp-duration-default) var(--bp-ease-standard);background:0 0;border:0;border-radius:999px;justify-items:start;padding:8px 22px;display:grid}.cm__tabs button span{font-size:16px;font-weight:500}.cm__tabs button small{color:var(--color-brand-neutral-600);font:400 11px/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;transition:color var(--bp-duration-default) var(--bp-ease-standard)}.cm__tabs button:hover{background:var(--color-brand-neutral-100)}.cm__tabs button[aria-selected=true]{background:var(--color-brand-purple);color:#fff}.cm__tabs button[aria-selected=true] small{color:var(--color-brand-yellow)}.cm__tabs button:focus-visible{outline:2px solid var(--color-brand-purple);outline-offset:3px}.cm__body{border:1px solid var(--color-brand-neutral-200);background:#fff;border-radius:30px;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);align-items:center;gap:clamp(20px,4vw,56px);padding:clamp(18px,3vw,36px);display:grid}.cm__stage{position:relative}.cm__stage svg{width:100%;height:auto;display:block;overflow:visible}.cm[data-mode=phone] [data-scene=hub],.cm[data-mode=hub] [data-scene=phone]{display:none}.cm__ground{stroke:var(--color-brand-purple);stroke-width:2px}.cm__hive rect,.cm__hive path{fill:#fff;stroke:var(--color-brand-purple);stroke-width:2px}.cm__hive path{fill:none}.cm__hive text{fill:var(--color-brand-neutral-600);font:400 12px var(--font-mono)}.cm__device,.cm__hive .cm__device{fill:var(--color-brand-purple);stroke:none}.cm__place{fill:var(--color-brand-neutral-600);font:400 13px var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.cm__cloud{fill:#fff;stroke:var(--color-brand-purple);stroke-width:2px}.cm__cloud-text{fill:var(--color-brand-purple);font:500 14px var(--font-sans)}.cm__meter-track{fill:var(--color-brand-neutral-100)}.cm__meter{fill:var(--color-brand-yellow);stroke:var(--color-brand-purple);stroke-width:1.2px}.cm__phone{fill:#fff;stroke:var(--color-brand-purple);stroke-width:2px}.cm__screen{fill:var(--color-brand-neutral-100)}.cm__screen-lines{stroke:#4701654d;stroke-width:3px;stroke-linecap:round}.cm__ble path{fill:none;stroke:var(--color-brand-purple);stroke-width:2.4px;stroke-linecap:round}.cm__bars rect{fill:var(--color-brand-purple)}.cm__guide{fill:none;stroke:var(--color-brand-purple);stroke-width:1.5px;stroke-dasharray:2 7;stroke-linecap:round;opacity:.45}.cm__packet{fill:var(--color-brand-yellow);stroke:var(--color-brand-purple);stroke-width:2px;visibility:hidden}.cm__card rect{fill:var(--color-brand-purple)}.cm__card-tag{fill:var(--color-brand-yellow);font:500 9px var(--font-mono);letter-spacing:.08em}.cm__card-title{fill:#fff;font:500 16px var(--font-sans)}.cm__hub rect:first-child{fill:#fff;stroke:var(--color-brand-purple);stroke-width:2px}.cm__panel{fill:#fff;stroke:var(--color-brand-purple);stroke-width:2px;stroke-linejoin:round}.cm__led{fill:var(--color-brand-yellow)}.cm__tower path{fill:none;stroke:var(--color-brand-purple);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.cm__tower .cm__tower-waves{stroke-width:1.8px;opacity:.7}.cm__pause{border:1px solid var(--color-brand-neutral-200);min-height:36px;color:var(--color-brand-neutral-600);font:inherit;cursor:pointer;background:#ffffffeb;border-radius:999px;padding:0 14px;font-size:12px;position:absolute;top:0;right:0}.cm__pause:hover{color:var(--color-brand-purple);border-color:#4701654d}.cm__pause:focus-visible{outline:2px solid var(--color-brand-purple);outline-offset:2px}.cm__steps{counter-reset:step;gap:4px;margin:0;padding:0;list-style:none;display:grid}.cm__steps li{color:var(--color-brand-ink);transition:background-color var(--bp-duration-default) var(--bp-ease-standard), color var(--bp-duration-default) var(--bp-ease-standard);border-radius:14px;align-items:baseline;gap:12px;padding:10px 12px;font-size:16px;line-height:1.4;display:flex}.cm__steps li span{width:24px;height:24px;color:var(--color-brand-purple);font:400 11px var(--font-mono);transition:background-color var(--bp-duration-default) var(--bp-ease-standard), color var(--bp-duration-default) var(--bp-ease-standard);border:1px solid #47016540;border-radius:50%;flex:none;place-items:center;display:inline-grid}.cm[data-motion] .cm__steps li{color:var(--color-brand-neutral-600)}.cm[data-motion] .cm__steps li[data-active]{background:var(--color-brand-neutral-100);color:var(--color-brand-ink)}.cm__steps li[data-active] span{border-color:var(--color-brand-purple);background:var(--color-brand-purple);color:#fff}.cm__note{border-top:1px solid var(--color-brand-neutral-200);color:var(--color-brand-neutral-600);margin:16px 0 0;padding-top:16px;font-size:15px;line-height:1.55}.cm__compare{grid-template-columns:1fr 1fr;gap:16px;display:grid}.cm__compare>div{border:1px solid var(--color-brand-neutral-200);background:var(--color-brand-canvas);transition:border-color var(--bp-duration-default) var(--bp-ease-standard), background-color var(--bp-duration-default) var(--bp-ease-standard);border-radius:24px;padding:24px 26px}.cm__compare>div[data-active]{background:#fff;border-color:#47016559}.cm__compare h3{color:var(--color-brand-purple);letter-spacing:-.02em;margin:0 0 14px;font-size:20px;font-weight:500}.cm__compare dl{gap:12px;margin:0;display:grid}.cm__compare dt{color:var(--color-brand-neutral-600);font:400 11px/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.cm__compare dd{margin:2px 0 0;font-size:15px;line-height:1.5}.cm__same{background:var(--color-brand-purple);color:#fff;border-radius:18px;grid-column:1/-1;margin:0;padding:18px 22px;font-size:16px;line-height:1.55}@media (width<=900px){.cm__body,.cm__compare{grid-template-columns:1fr}}@media (width<=520px){.cm__tabs{justify-self:stretch}.cm__tabs button{min-width:0;padding:8px 16px}.cm__body{border-radius:22px;padding:14px}.cm__pause{margin-top:8px;position:static}}.sd{width:100%;position:relative}.sd svg{width:100%;height:auto;display:block;overflow:visible}.sd__structure rect,.sd__ground path{fill:none;stroke:var(--color-brand-purple);stroke-width:2px;stroke-linejoin:round}.sd__structure>rect{fill:#fff}.sd__ground path+path{stroke-width:1.5px;opacity:.45}.sd__frames{fill:none;stroke:#47016538;stroke-width:2px}.sd__brood{fill:var(--color-brand-yellow);opacity:.45}.sd__brood--core{opacity:.7}.sd__far-hive rect,.sd__far-hive path{fill:#fff;stroke:#47016573;stroke-width:1.6px}.sd__device{fill:var(--color-brand-purple)}.sd__device-light{fill:#fff;stroke:var(--color-brand-purple);stroke-width:2px}.sd__cable{fill:none;stroke:var(--color-brand-purple);stroke-width:2px}.sd__led{fill:var(--color-brand-yellow)}.sd__plate{stroke:var(--color-brand-yellow);stroke-width:3px;stroke-linecap:round}.sd__panel{fill:#fff;stroke:var(--color-brand-purple);stroke-width:2px;stroke-linejoin:round}.sd__panel-grid{fill:none;stroke:#47016566;stroke-width:1.4px}.sd__cloud{fill:#fff;stroke:var(--color-brand-purple);stroke-width:2px}.sd__cloud-text{fill:var(--color-brand-purple);font:500 13px var(--font-sans);letter-spacing:-.01em}.sd__phone{fill:#fff;stroke:var(--color-brand-purple);stroke-width:2px}.sd__screen{fill:var(--color-brand-neutral-100)}.sd__card{fill:var(--color-brand-purple)}.sd__card-lines{stroke:var(--color-brand-yellow);stroke-width:3px;stroke-linecap:round}.sd__screen-lines{stroke:#47016540;stroke-width:3px;stroke-linecap:round}.sd__label path{fill:none;stroke:#47016573;stroke-width:1.4px;stroke-dasharray:3 4}.sd__label text{fill:var(--color-brand-ink);font-family:var(--font-sans)}.sd__label-name{fill:var(--color-brand-purple);font-size:17px;font-weight:500}.sd__label-place{font:400 12px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;fill:var(--color-brand-neutral-600)}[data-part],.sd__structure{transition:opacity var(--bp-duration-slow) var(--bp-ease-standard)}.sd:not([data-focus=all]) [data-part]{opacity:.26}.sd[data-focus=brood-monitor] [data-part=brood-monitor],.sd[data-focus=hive-scale] [data-part=hive-scale],.sd[data-focus=apiary-hub] [data-part=apiary-hub],.sd[data-focus=app] [data-part=app]{opacity:1}.sd[data-focus=apiary-hub] .sd__structure,.sd[data-focus=app] .sd__structure{opacity:.45}.sd__halos>*{fill:var(--color-brand-yellow);opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity var(--bp-duration-slow) var(--bp-ease-entry), transform var(--bp-duration-slow) var(--bp-ease-entry);transform:scale(.7)}.sd[data-focus=brood-monitor] [data-halo=brood-monitor],.sd[data-focus=hive-scale] [data-halo=hive-scale],.sd[data-focus=apiary-hub] [data-halo=apiary-hub],.sd[data-focus=app] [data-halo=app]{opacity:.32;transform:none}.sd__sense{fill:none;stroke:var(--color-brand-purple);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity var(--bp-duration-slow) var(--bp-ease-standard)}.sd[data-phase=sense][data-focus=brood-monitor] [data-part=brood-monitor] .sd__sense,.sd[data-phase=sense][data-focus=hive-scale] [data-part=hive-scale] .sd__sense,.sd[data-phase=sense][data-focus=apiary-hub] [data-part=apiary-hub] .sd__sense{opacity:1}.sd__flows path{fill:none;stroke:var(--color-brand-purple);stroke-width:1.6px;stroke-dasharray:2 7;stroke-linecap:round;opacity:0;transition:opacity var(--bp-duration-slow) var(--bp-ease-standard)}.sd[data-phase=share] .sd__flows path{opacity:.5}.sd__packets circle{fill:var(--color-brand-yellow);stroke:var(--color-brand-purple);stroke-width:2px;visibility:hidden}.sd:not([data-phase=share]) .sd__packets{display:none}.sd__pause{border:1px solid var(--color-brand-neutral-200);min-height:36px;color:var(--color-brand-neutral-600);font:inherit;cursor:pointer;background:#ffffffe6;border-radius:999px;padding:0 14px;font-size:12px;position:absolute;bottom:0;right:0}.sd__pause:hover{color:var(--color-brand-purple);border-color:#4701654d}.sd__pause:focus-visible{outline:2px solid var(--color-brand-purple);outline-offset:2px}@media (width<=640px){.sd__pause{margin:8px 0 0 auto;display:block;position:static}.sd__label{display:none}}.dsteps{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(28px,5vw,80px);display:grid}.dsteps__visual{position:relative}.dsteps__sticky{border:1px solid var(--color-brand-neutral-200);background:#fff;border-radius:30px;padding:clamp(16px,2.4vw,32px);position:sticky;top:124px}.dsteps__progress{gap:6px;margin-top:14px;display:flex}.dsteps__progress span{background:var(--color-brand-neutral-200);height:3px;transition:background-color var(--bp-duration-default) var(--bp-ease-standard);border-radius:3px;flex:1}.dsteps__progress span[data-active]{background:var(--color-brand-purple)}.dsteps__list{margin:0;padding:0;list-style:none}.dsteps__list li{border-left:2px solid var(--color-brand-neutral-200);cursor:default;min-height:62svh;transition:border-color var(--bp-duration-slow) var(--bp-ease-standard);flex-direction:column;justify-content:center;padding:24px 0 24px 22px;display:flex}.dsteps__list li:first-child{justify-content:flex-start;min-height:52svh;padding-top:12svh}.dsteps__list li:last-child{justify-content:flex-start;min-height:52svh}.dsteps__list li[data-active]{border-color:var(--color-brand-purple)}.dsteps__index{color:var(--color-brand-purple);font:400 13px var(--font-mono)}.dsteps__eyebrow{color:var(--color-brand-neutral-600);font:400 12px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:14px 0 0}.dsteps__list h3{color:var(--color-brand-purple);letter-spacing:-.03em;margin:6px 0 12px;font-size:clamp(26px,2.6vw,38px);font-weight:500;line-height:1.1}.dsteps__body{max-width:440px;color:var(--color-brand-neutral-600);font-size:17px;line-height:1.6}.dsteps__body p{margin:0 0 12px}.dsteps__body a{min-height:44px;color:var(--color-brand-purple);text-underline-offset:4px;align-items:center;gap:8px;font-weight:500;display:inline-flex}.dsteps__list li:not([data-active]) h3,.dsteps__list li:not([data-active]) .dsteps__body{opacity:.5;transition:opacity var(--bp-duration-slow) var(--bp-ease-standard)}.dsteps__list li[data-active] h3,.dsteps__list li[data-active] .dsteps__body{opacity:1;transition:opacity var(--bp-duration-slow) var(--bp-ease-standard)}@media (width<=900px){.dsteps{grid-template-columns:1fr;gap:0}.dsteps__sticky{z-index:2;border-radius:20px;padding:10px 12px;top:86px;box-shadow:0 12px 30px #0e0a1414}.dsteps__list li,.dsteps__list li:first-child,.dsteps__list li:last-child{justify-content:center;min-height:46svh;padding:24px 0 24px 18px}}@media (height<=560px) and (width<=900px){.dsteps__sticky{position:static}.dsteps__list li,.dsteps__list li:first-child,.dsteps__list li:last-child{min-height:0}}