.stage__view:has([data-scene-view]) .stage__hint{display:none}.sc-host{opacity:calc(.15 + var(--a) * .85);transform:translateY(calc((1 - var(--a)) * 24px)) scale(calc(.96 + var(--a) * .04));place-items:center;padding:2.2rem .5rem 1.6rem;display:grid;position:absolute;inset:0;container-type:size}.sc{--sc-line:var(--ink-400);--sc-strong:var(--ink-200);--sc-gold:var(--brand-400);--sc-gold-hi:var(--brand-200);--sc-cool:#7fe0d8;width:100%;height:100%;color:var(--sc-gold);overflow:visible}.stage:not([data-vis]) .sc *,.stage:not([data-vis]) .sc-host *{animation-play-state:paused!important}.sc .sc-line{fill:none;stroke:var(--sc-line);stroke-width:1px;vector-effect:non-scaling-stroke}.sc .sc-strong{stroke:var(--sc-strong)}.sc .sc-faint{opacity:.45}.sc .sc-dash{stroke-dasharray:5 4}.sc .sc-frame{fill:none;stroke:color-mix(in oklab, var(--ink-400) 50%, transparent);vector-effect:non-scaling-stroke}.sc .sc-grid circle,.sc .sc-grid line{fill:none;stroke:color-mix(in oklab, var(--ink-400) 55%, transparent)}.sc .sc-hatch{stroke:color-mix(in oklab, var(--ink-400) 35%, transparent);stroke-width:1px}.sc .sc-core{stroke:none}.sc .sc-t{fill:var(--ink-300);font-family:var(--font-mono);letter-spacing:.08em}[dir=rtl] .sc .sc-t{font-family:var(--font-arabic), sans-serif;letter-spacing:0}.sc .sc-t-s{font-size:12px}.sc .sc-t-xs{font-size:9px}.sc .sc-callout{fill:var(--sc-gold-hi)}.sc .sc-callout.sc-cool{fill:var(--sc-cool)}.sc [class*=sc-z]{opacity:0;transition:opacity .6s}.stage[data-active="0"] .sc .sc-z0,.stage[data-active="1"] .sc .sc-z1,.stage[data-active="2"] .sc .sc-z2,.stage[data-active="3"] .sc .sc-z3,.stage[data-active="4"] .sc .sc-z4,.stage[data-active="5"] .sc .sc-z5{opacity:1}.sc .sc-bus{stroke:var(--sc-gold);stroke-width:1.6px;vector-effect:non-scaling-stroke;opacity:.75}.sc .sc-flow{stroke:var(--sc-gold-hi);stroke-width:2.2px;stroke-dasharray:3 22;stroke-linecap:round;vector-effect:non-scaling-stroke;animation:1.6s linear infinite sc-flow}@keyframes sc-flow{to{stroke-dashoffset:-50px}}.sc .sc-dev>rect,.sc .sc-dev>circle:not(.sc-ring){fill:var(--ink-950);stroke:var(--sc-gold);stroke-width:1.2px;vector-effect:non-scaling-stroke;transition:fill .4s,stroke .4s}.sc .sc-dev.sc-radio>rect,.sc .sc-dev.sc-radio>circle:not(.sc-ring){stroke:var(--sc-cool)}.sc .sc-ring,.sc .sc-gateway .sc-ring{fill:none;stroke:var(--sc-cool);stroke-width:1px;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50%;animation:2.4s ease-out infinite sc-ring}@keyframes sc-ring{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.4)}}.sc .sc-gateway rect{fill:var(--ink-950);stroke:var(--sc-cool);stroke-width:1.6px;vector-effect:non-scaling-stroke}.sc .sc-mesh{fill:none;stroke:var(--sc-cool);stroke-width:1px;stroke-dasharray:2 5;vector-effect:non-scaling-stroke;opacity:.75;animation:2.4s linear infinite sc-flow}.sc .sc-node{fill:var(--sc-cool)}.sc .sc-lamp{fill:var(--sc-gold-hi)}.sc .sc-person circle,.sc .sc-person path{fill:color-mix(in oklab, var(--ink-200) 25%, transparent);stroke:var(--ink-200);vector-effect:non-scaling-stroke}.sc .sc-room{fill:color-mix(in oklab, var(--sc-cool) 10%, transparent);stroke:var(--sc-cool);vector-effect:non-scaling-stroke}.sc .sc-band{stroke:none}.sc .uses-a .sc-band{fill:#e5bc7129;fill:lab(78.744% 8.52305 43.48/.16)}.sc .uses-b .sc-band{fill:#7fe0d824;fill:lab(83.0842% -31.4085 -5.51872/.14)}.sc .uses-c .sc-band{fill:#b39ddb29;fill:lab(68.3836% 17.6139 -28.6738/.16)}.sc .sc-stamp{fill:none;stroke:var(--sc-gold-hi);vector-effect:non-scaling-stroke}.sc .sc-cut{stroke:var(--signal-alert);stroke-width:2px;vector-effect:non-scaling-stroke}.sc .sc-halo{fill:color-mix(in oklab, var(--sc-gold) 18%, transparent);stroke:var(--sc-gold-hi);stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.stage[data-active="0"] .sc-section[data-mode=wired] .sc-building .sc-line{stroke:color-mix(in oklab, var(--sc-gold) 70%, var(--sc-strong))}.stage[data-active="1"] .sc-section[data-mode=wired] .sc-bus{stroke-width:2.4px;opacity:1}.stage[data-active="1"] .sc-section[data-mode=wired] .sc-dev>*{fill:color-mix(in oklab, var(--sc-gold) 40%, var(--ink-950))}.stage[data-active="2"] .sc-section[data-mode=wired] .sc-flow{animation-duration:1.1s}.stage[data-active="1"] .sc-section[data-mode=wireless] .sc-building{opacity:.55}.stage[data-active="2"] .sc-section[data-mode=wireless] .sc-dev.sc-radio>*{fill:color-mix(in oklab, var(--sc-cool) 25%, var(--ink-950))}.stage[data-active="2"] .sc-section[data-mode=hybrid] .sc-radio,.stage[data-active="2"] .sc-section[data-mode=hybrid] .sc-mesh{opacity:.3}.stage[data-active="2"] .sc-section[data-mode=hybrid] .sc-bus{stroke-width:2.6px;opacity:1}@media (prefers-reduced-motion:reduce){.sc *,.sc-host *{animation:none!important}.sc-host{transform:none}}.sc-room .sc-dot{fill:var(--ink-300)}.sc-room .sc-panel{fill:var(--ink-950);stroke:var(--sc-gold);vector-effect:non-scaling-stroke}.sc-room .sc-city{fill:#0d1f2c;stroke:#ffd08a99;stroke:lab(86.5081% 10.7842 41.2275/.6);stroke-width:1px;vector-effect:non-scaling-stroke}.sc-room .sc-sun{fill:#ffd08a;opacity:.8}.sc-room .sc-blind{transform-box:fill-box;transform-origin:top;transition:transform 1.6s cubic-bezier(.6,0,.2,1);transform:scaleY(.06)}.sc-room .sc-blind-fabric{fill:color-mix(in oklab, var(--ink-850) 92%, transparent);stroke:var(--sc-strong);vector-effect:non-scaling-stroke}.sc-room .sc-blind-slat{stroke:color-mix(in oklab, var(--ink-300) 40%, transparent);vector-effect:non-scaling-stroke}.sc-room .sc-pendant{fill:var(--ink-950);stroke:var(--sc-strong);vector-effect:non-scaling-stroke;transition:fill .8s}.sc-room .sc-line{stroke:var(--ink-300)}.sc-room .sc-pool{opacity:.12;transition:opacity 1s}.sc-room .sc-air{fill:none;stroke:var(--sc-cool);stroke-width:1.2px;stroke-dasharray:6 10;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .6s;animation:1.8s linear infinite sc-flow}.sc-room .sc-stat-n{fill:var(--ink-200);font-size:13px;transition:fill .5s}.sc-room .sc-wave{fill:none;stroke:var(--sc-gold-hi);stroke-width:1.2px;vector-effect:non-scaling-stroke;opacity:0}.sc-room .sc-screen{opacity:.08;transition:opacity 1s}.sc-room .sc-ring-voice{fill:var(--sc-cool);opacity:.4}.sc-room .sc-listen{fill:none;stroke:var(--sc-cool);vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50%;animation:2s ease-out infinite sc-ring}.sc-room .sc-bubble{fill:color-mix(in oklab, var(--ink-850) 85%, transparent);stroke:color-mix(in oklab, var(--sc-cool) 70%, transparent);vector-effect:non-scaling-stroke}.sc-room .sc-mic{fill:var(--sc-cool);animation:1.4s ease-in-out infinite sc-pulse}.sc-room .sc-said-t{fill:var(--ink-50);font-family:var(--font-sans);letter-spacing:0;font-size:15px}@keyframes sc-pulse{50%{opacity:.35}}.sc-room .sc-mini-bg{fill:color-mix(in oklab, var(--ink-975) 92%, transparent);stroke:var(--sc-gold);vector-effect:non-scaling-stroke}.sc-room .sc-mini-floor{fill:color-mix(in oklab, var(--sc-gold) 10%, transparent);stroke:var(--sc-gold);vector-effect:non-scaling-stroke;animation:2.4s ease-in-out infinite sc-floor}@keyframes sc-floor{40%{fill:color-mix(in oklab, var(--sc-gold) 55%, transparent)}}.stage[data-active="0"] .sc-room .sc-pool,.stage[data-active="1"] .sc-room .sc-pool,.stage[data-active="3"] .sc-room .sc-pool,.stage[data-active="5"] .sc-room .sc-pool{opacity:1}.stage[data-active="0"] .sc-room .sc-pendant,.stage[data-active="4"] .sc-room .sc-pendant{fill:#ffd08a}.stage[data-active="4"] .sc-room .sc-pool{opacity:.4}.stage[data-active="1"] .sc-room .sc-air{opacity:.85}.stage[data-active="1"] .sc-room .sc-stat-n{fill:var(--sc-cool)}.stage[data-active="2"] .sc-room .sc-blind,.stage[data-active="4"] .sc-room .sc-blind{transform:scaleY(1)}.stage[data-active="3"] .sc-room .sc-wave,.stage[data-active="4"] .sc-room .sc-wave{animation:1.8s ease-out infinite sc-sing}@keyframes sc-sing{0%{opacity:.9;transform:translateY(0)scale(.6)}to{opacity:0;transform:translateY(28px)scale(1.4)}}.sc-room .sc-wave{transform-box:fill-box;transform-origin:top}.stage[data-active="4"] .sc-room .sc-screen{opacity:1}
.ap{aspect-ratio:1;width:min(100%,640px);max-height:100%;font-size:clamp(12px,3cqmin,20px);font-family:var(--font-sans);color:var(--ink-100);pointer-events:auto;position:relative}.ap-lines{width:100%;height:100%;position:absolute;inset:0}.ap-line{stroke:color-mix(in oklab, var(--brand-400) 35%, transparent);stroke-width:1px;stroke-dasharray:2 3;vector-effect:non-scaling-stroke}.ap-pulse{stroke:var(--brand-200);stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:.12 1;stroke-dashoffset:.12px;opacity:0;animation:.8s ease-out .35s both ap-out}.ap-pulse--in{animation:.45s ease-in both ap-in}@keyframes ap-out{0%{opacity:1;stroke-dashoffset:.12px}to{opacity:1;stroke-dashoffset:-1px}}@keyframes ap-in{0%{opacity:1;stroke-dashoffset:-1px}to{opacity:1;stroke-dashoffset:.12px}}@keyframes ap-rise{0%{opacity:0;translate:0 8px}}@keyframes ap-breathe{50%{opacity:.55}}.ap-hub{place-items:center;display:grid;position:absolute;top:48%;left:50%;translate:-50% -50%}.ap-hub__core{border:1px solid var(--brand-300);background:radial-gradient(circle, color-mix(in oklab, var(--brand-300) 45%, transparent), var(--ink-975) 70%);width:3.2em;height:3.2em;box-shadow:0 0 40px -6px color-mix(in oklab, var(--brand-300) 70%, transparent);border-radius:50%;animation:2.6s ease-in-out infinite ap-breathe}.ap-hub__label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--brand-300);margin-top:.4em;font-size:9px}.ap-dev{opacity:.72;filter:saturate(.7);flex-direction:column;align-items:center;gap:.45em;transition:scale .6s cubic-bezier(.2,.7,.2,1),filter .6s,opacity .6s;display:flex;position:absolute;translate:-50% -50%}.ap[data-active="0"] .ap-phone,.ap[data-active="1"] .ap-panel,.ap[data-active="2"] .ap-dash,.ap[data-active="3"] .ap-voice{opacity:1;filter:none;scale:1.1}.ap-name{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-300);font-size:9px}[dir=rtl] .ap-name,[dir=rtl] .ap-hub__label{font-family:var(--font-sans);letter-spacing:0;font-size:11px}.ap-small{color:var(--ink-300);font-size:9px}.ap button{color:inherit}.ap button:focus-visible{outline:2px solid var(--brand-300);outline-offset:2px}.ap-phone{top:66%;left:22%}.ap-phone__screen{background:linear-gradient(180deg, var(--ink-900), var(--ink-975));border:5px solid #121618;border-radius:1.4em;flex-direction:column;gap:.4em;width:7.4em;height:13.5em;padding:1.5em .5em .6em;display:flex;box-shadow:0 0 0 1px #ffffff1f,0 20px 40px -18px #000c}.ap-phone__grid{grid-template-columns:1fr 1fr;gap:.3em;display:grid}.ap-phone__grid button{background:#ffffff0a;border:1px solid #ffffff12;border-radius:9px;flex-direction:column;align-items:flex-start;gap:.2em;min-height:3.6em;padding:.4em;font-size:.6em;transition:background-color .4s,border-color .4s;display:flex}.ap-phone__grid button[aria-pressed=true]{border-color:color-mix(in oklab, var(--brand-300) 55%, transparent);background:color-mix(in oklab, var(--brand-400) 26%, transparent)}.ap-panel{top:25%;left:24%}.ap-panel__glass{background:linear-gradient(150deg,#20262a,#070909);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.5em;width:7.2em;height:7.2em;display:flex;box-shadow:0 0 0 1px #ffffff1a,0 16px 30px -16px #000c}.ap-panel__temp{font-size:1.5em;font-weight:300}.ap-panel__keys{gap:.35em;display:flex}.ap-panel__keys button{border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:1.6em;height:1.6em;transition:background-color .4s,color .4s;display:grid}.ap-panel__keys button[aria-pressed=true]{background:var(--brand-300);color:var(--ink-975)}.ap-dash{top:28%;left:76%}.ap-dash__screen{background:linear-gradient(160deg, var(--ink-900), var(--ink-975));border:1px solid #ffffff1f;border-radius:8px;gap:.6em;width:12em;padding:.6em;display:flex;box-shadow:0 18px 40px -18px #000c}.ap-dash__plan{border:1px solid var(--ink-500);grid-template-rows:1fr 1fr .7fr;grid-template-columns:1fr 1fr;gap:2px;width:5.2em;height:5.6em;padding:2px;display:grid;position:relative}.ap-dash__plan span{background:#ffffff08;border:1px solid #ffffff14;transition:background-color .5s}.ap-dash__plan span:nth-child(5){grid-column:1/-1}.ap-dash__plan span[data-lit]{background:#ffd08a61;background:lab(86.5081% 10.7842 41.2275/.38)}.ap[data-evening] .ap-dash__plan span[data-lit]{background:#ff9f5a6b;background:lab(74.6504% 32.3501 50.9439/.42)}.ap-dash__plan i{background:var(--signal-online);width:20%;height:4px;position:absolute;bottom:-3px;left:40%}.ap-dash__plan i[data-locked]{background:var(--signal-alert)}.ap-dash__side{color:var(--ink-300);flex-direction:column;flex:1;gap:.15em;font-size:.6em;display:flex}.ap-dash__row b{color:var(--ink-50);font-weight:500}.ap-dash__bars{align-items:flex-end;gap:2px;height:1.6em;margin-top:auto;display:flex}.ap-dash__bars i{background:color-mix(in oklab, var(--brand-300) 70%, transparent);flex:1;transition:height .6s}.ap-voice{top:72%;left:77%}.ap-voice__body{color:#7fe0d8;background:linear-gradient(#2a3033,#0d1012);border-radius:1.4em;place-items:center;width:3.6em;height:4.6em;display:grid;position:relative;box-shadow:0 0 0 1px #ffffff1a,0 16px 30px -14px #000c}.ap-voice__ring{inset-inline:.6em;background:#7fe0d8;border-radius:999px;height:.3em;position:absolute;top:.35em;box-shadow:0 0 12px #7fe0d8}.ap[data-source="3"] .ap-voice__ring{animation:.6s ease-in-out 3 ap-breathe}.ap-voice__said{background:color-mix(in oklab, var(--ink-975) 80%, transparent);white-space:nowrap;border:1px solid #7fe0d880;border:1px solid lab(83.0842% -31.4085 -5.51872/.5);border-radius:999px;padding:.3em .6em;font-size:.66em;animation:.5s ease-out both ap-rise}@media (max-width:767px){.ap{pointer-events:none}}@media (prefers-reduced-motion:reduce){.ap *,.ap-pulse{animation:none!important}}