.as{height:340vh;position:relative}.as__pin{position:sticky;top:0;min-height:100vh;display:flex;align-items:center;padding-top:var(--header-zone);padding-bottom:var(--space-6)}.as__root{width:100%;display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:var(--space-9);align-items:center}.as__phoneBox{position:relative;display:flex;justify-content:center}.as__phone{position:absolute;top:0;transform-origin:top center;border-radius:56px;padding:11px;background:linear-gradient(150deg,#6b737b,#2b3238 26%,#1b2126 55%,#454d55 82%,#20262b);box-shadow:0 2px #ffffff29 inset,0 40px 80px -40px #000000e6}.as__btn{position:absolute;width:3px;border-radius:2px;background:linear-gradient(180deg,#4a525a,#2a3036)}.as__btn--silent{left:-3px;top:132px;height:32px}.as__btn--up{left:-3px;top:190px;height:62px}.as__btn--down{left:-3px;top:268px;height:62px}.as__btn--power{right:-3px;top:216px;height:96px}.as__screen{position:relative;width:100%;height:100%;border-radius:46px;overflow:hidden;background:var(--as-bg);color:#fff;font-family:var(--font-ui)}.as__screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;background:radial-gradient(90% 44% at 50% 38%,rgba(255,186,84,.22),transparent 72%);opacity:0}.as__root[data-screen=light] .as__screen:after{opacity:var(--v, 0)}.as__island{position:absolute;top:12px;left:50%;transform:translate(-50%);width:118px;height:34px;border-radius:18px;background:#000;z-index:9}.as-bar{position:absolute;left:19px;right:19px;top:63px;height:46px;display:flex;align-items:center;gap:8px;z-index:2}.as-chip{display:inline-flex;white-space:nowrap;align-items:center;gap:8px;height:46px;padding:0 12px;border-radius:23px;background:#161d24;font-size:13px;color:#dbe1e6}.as-chip--floor{width:106px}.as-chip__dot{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#232c34;overflow:hidden;flex:0 0 auto}.as-chip__dot img{display:block;width:40px;height:40px}.as-chip--weather{width:102px;margin-left:auto;padding:0 3px 0 12px;gap:0}.as-weather{display:grid;line-height:1.15}.as-chip--weather b{color:#f0c04a;font-size:15px}.as-chip--weather em{color:#f0c04a;font-size:11px;font-style:normal}.as-sun{width:26px;height:26px;margin-left:auto;fill:#f0c04a;color:#f0c04a}.as-bell{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#161d24;color:#dbe1e6;flex:0 0 auto}.as-bell svg{width:19px;height:19px}.as-bell i{position:absolute;top:-3px;right:-3px;width:22px;height:22px;border-radius:11px;background:var(--brand-accent);color:#04222a;font-size:11px;font-weight:700;font-style:normal;display:grid;place-items:center}.as-home{position:absolute;left:19px;right:19px;top:128px;z-index:1}.as-home__title{font-size:27px;font-weight:500;margin:0 0 18px}.as-floor{position:relative;display:flex;align-items:center;gap:12px;height:76px;padding:0 14px 0 10px;margin-bottom:12px;border-radius:18px;background:linear-gradient(115deg,#2a333c,#333e48);overflow:hidden}.as-floor__n{display:grid;place-items:center;width:36px;height:48px;border-radius:13px;background:#161d24;font-size:23px;font-weight:700;flex:0 0 auto}.as-floor__id{display:grid;gap:2px}.as-floor__id strong{font-size:16px;font-weight:700}.as-floor__id em{font-size:11px;font-style:normal;color:#aeb7bf}.as-floor__stairs{position:absolute;right:10px;bottom:0;width:66px;height:44px}.as-floor__arrow{width:22px;height:22px;margin-left:auto;color:#fff;z-index:1}.as-floor__arrow:not(.is-up){transform:rotate(180deg)}.as-tabs{position:absolute;left:0;right:0;bottom:0;height:79px;z-index:2;background:#161d24;color:#8d979f}.as-tabs__dome{position:absolute;left:38px;top:-22px;width:123px;height:24px;border-radius:62px 62px 0 0;background:#161d24}.as-tab{position:absolute;top:19px;width:23px;height:23px}.as-tabs__home{position:absolute;left:69px;top:-11px;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--brand-accent);color:#fff;box-shadow:0 8px 20px -8px #02b3dde6}.as-tabs__home svg{width:26px;height:26px}.as__root--phone{display:contents;--as-bg: #171f26;--as-sheet: #171f26}.as-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:1;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.as-art__patch{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.as-sheet{position:absolute;left:0;right:0;top:87px;height:765px;z-index:6;border-radius:28px 28px 46px 46px;background:var(--as-sheet);box-shadow:0 -18px 44px -20px #000000bf;transform:translateY(102%);transition:transform .56s var(--ease-emphasized)}.as__root[data-screen=shutter] .as-sheet--shutter,.as__root[data-screen=light] .as-sheet--light,.as__root[data-screen=climate] .as-sheet--climate{transform:translateY(0)}.as-grab{position:absolute;top:12px;left:50%;transform:translate(-50%);width:54px;height:4px;border-radius:2px;background:#ffffff38}.as-title{position:absolute;top:40px;left:0;right:0;text-align:center;font-size:21px;font-weight:800;letter-spacing:.06em}.as-pct{position:absolute;top:70px;left:0;right:0;text-align:center;font-size:16px;color:#cfd6dc;font-variant-numeric:tabular-nums}.as-sub{position:absolute;top:70px;left:0;right:0;text-align:center;font-size:13px;color:#cfd6dc}.as-sub--big{top:88px;font-size:15px}.as-bulb{position:absolute;left:64px;top:175px;width:265px;height:362px}.as-bulb img{position:absolute;top:0;right:0;bottom:0;left:0;width:265px;height:362px;display:block;mix-blend-mode:screen}.as-bulb__lit{opacity:var(--v, 0)}.as-bulb__halo{position:absolute;left:50%;top:128px;width:340px;height:340px;margin-left:-170px;border-radius:50%;background:radial-gradient(circle,#ffc45c4d,#f6b73c21 45%,#f6b73c00 72%);opacity:calc(var(--v, 0) * .9);transform:scale(calc(.55 + var(--v, 0) * .55))}.as-slider{position:absolute;left:40px;top:603px;width:313px;height:72px;border-radius:36px;background:#7f8891;overflow:hidden;cursor:ew-resize;touch-action:none}.as-slider:focus-visible{outline:2px solid var(--brand-accent);outline-offset:3px}.as-slider__fill{position:absolute;inset:0 auto 0 0;width:calc(var(--v, 0) * 100%);min-width:72px;border-radius:36px;background:#fff}.as-slider__icon{position:absolute;left:15px;top:50%;width:33px;height:33px;margin-top:-16.5px;color:#2b3138;fill:#2b3138}.as-dial{position:absolute;left:46px;top:203px;width:300px;height:300px}.as-dial__band{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity var(--dur-base) var(--ease-standard),filter var(--dur-base) var(--ease-standard)}.as-dial__ring{position:absolute;left:0;top:0;width:300px;height:300px;border-radius:50%;background:conic-gradient(from 230deg,#70c8db 0deg,#70c8db 100deg,#c5895f 132deg,#d53f3f 168deg,#d53f3f 265deg,transparent 265deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 42px),#000 calc(100% - 42px));mask:radial-gradient(farthest-side,transparent calc(100% - 42px),#000 calc(100% - 42px));z-index:1;transition:opacity var(--dur-base) var(--ease-standard),filter var(--dur-base) var(--ease-standard)}.as-dial__cap{position:absolute;width:42px;height:42px;margin:-21px 0 0 -21px;border-radius:50%;z-index:2;transition:opacity var(--dur-base) var(--ease-standard),filter var(--dur-base) var(--ease-standard)}.as-dial__cap--cold{left:51.2px;top:232.9px;background:#70c8db}.as-dial__cap--hot{left:241.2px;top:241.2px;background:#d53f3f}.as-dial__num{position:absolute;z-index:5;left:0;right:0;top:150px;transform:translateY(-50%);display:flex;align-items:flex-start;justify-content:center;gap:2px;font-size:52px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;pointer-events:none}.as-dial__num i{font-size:22px;font-style:normal;margin-top:7px}.as-dial__knob{position:absolute;z-index:5;left:-18px;top:-18px;width:36px;height:36px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000059;transition:transform .2s var(--ease-standard)}.as-steps{position:absolute;z-index:4;left:141px;top:446px;display:flex;gap:20px}.as-steps button{display:grid;place-items:center;width:46px;height:46px;padding:0;border:0;border-radius:15px;background:#333e48;color:#fff;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard)}.as-steps button:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px}.as-steps button{position:relative}.as-steps button:hover{background:#3d4954}.as-steps button:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}.as-sheet[data-power=off] .as-steps button{cursor:default}.as-steps svg{width:20px;height:20px}.as-steps{gap:20px}.as-power{position:absolute;z-index:4;left:168px;top:538px;display:grid;place-items:center;width:58px;height:58px;padding:0;border:0;border-radius:50%;background:var(--brand-accent);color:#fff;cursor:pointer;transition:background-color var(--dur-base) var(--ease-standard),color var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard)}.as-power:focus-visible{outline:2px solid #fff;outline-offset:3px}.as-sheet[data-power=off] .as-power{background:#2b343d;color:#8d979f}.as-sheet[data-power=off] .as-dial__band{opacity:.3;filter:saturate(.25)}.as-sheet[data-power=off] .as-dial__knob{opacity:0}.as-sheet[data-power=off] .as-dial__num{opacity:.32}.as-sheet[data-power=off] .as-steps{opacity:.35}.as-sheet[data-power=off] .as-mchip{opacity:.4;border-color:transparent}.as-dial__knob,.as-dial__num,.as-steps,.as-mchip{transition:opacity var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard)}.as-power svg{width:26px;height:26px}.as-chips{position:absolute;left:0;right:0;top:660px;display:flex;justify-content:center;gap:11px}.as-mchip{position:relative;display:grid;grid-template-columns:40px auto;grid-template-rows:auto auto;align-items:center;column-gap:2px;width:106px;height:46px;padding:0 3px;border-radius:23px;background:#2b343d;border:1px solid transparent;line-height:1.15}.as-mchip.is-on{border-color:var(--brand-accent)}.as-mchip i{grid-row:1 / 3;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#202931;color:#cfd6dc}.as-mchip i svg{width:22px;height:22px;display:block}.as-mchip.is-on i{color:var(--brand-accent)}.as-mchip b{font-size:12px;align-self:end}.as-mchip em{font-size:10px;font-style:normal;color:#aeb7bf;align-self:start}.as__rail{display:grid;gap:var(--space-4)}.as__step{display:flex;align-items:baseline;gap:var(--space-4);opacity:.3;transition:opacity var(--dur-slow) var(--ease-emphasized)}.as__step.is-on{opacity:1}.as__stepIndex{font-size:var(--fs-index);font-weight:500;color:var(--brand-accent);font-variant-numeric:tabular-nums;flex:0 0 auto}.as__stepText{display:grid;gap:var(--space-2)}.as__stepText strong{font-size:var(--fs-h3);font-weight:600}.as__stepText span{font-size:var(--fs-body-lg);color:var(--text-secondary);max-width:52ch}.as-sheet--shutter{background:linear-gradient(180deg,var(--as-sheet) 0%,var(--as-sheet) var(--sd, 100%),#64696e 100%)}.as-shut__scrim{position:absolute;left:0;right:0;top:0;height:212px;z-index:5;background:#000;opacity:0;pointer-events:none;transition:opacity .56s var(--ease-emphasized)}.as__root[data-screen=shutter] .as-shut__scrim{opacity:.5}.as-shut__title{position:absolute;left:40px;top:285px;margin:0;font-size:30px;font-weight:700;line-height:1;letter-spacing:2px;color:#fff}.as-shut__pct{position:absolute;left:40px;top:325px;margin:0;font-size:20px;font-weight:400;line-height:1;color:#fff;font-variant-numeric:tabular-nums}.as-shut__track{position:absolute;left:306px;top:146px;width:47px;height:415px;border-radius:23.5px;background:#2f3640;touch-action:none;cursor:grab}.as-shut__track:active{cursor:grabbing}.as-shut__track:focus-visible{outline:2px solid var(--brand-accent);outline-offset:3px}.as-shut__cord{position:absolute;left:50%;top:-145px;width:5px;height:519px;margin-left:-2.5px;background:#7b838c}.as-shut__fill{position:absolute;left:0;right:0;top:calc(368px * (1 - var(--s, 0)));height:calc(47px + 368px * var(--s, 0));border-radius:23.5px;background:#7b838c}.as-shut__knob{position:absolute;left:5px;top:calc(373px - 368px * var(--s, 0));width:37px;height:37px;border-radius:50%;background:#171f26}.as-shut__keys{position:absolute;left:40px;top:594px;display:flex;justify-content:space-between;width:313px;height:81px;padding:13px;border-radius:24px;background:#2f3640}.as-shut__keys button{display:grid;place-items:center;width:55px;height:55px;padding:0;border:0;border-radius:15px;background:#171f26;color:#e6e6e6;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard)}.as-shut__keys button:hover,.as-shut__keys button:focus-visible{background:#232d36}.as-shut__keys button:active{background:#2a353f}.as-shut__keys svg{width:30.46px;height:auto;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.as-shut__keys button:nth-child(2) svg{width:auto;height:21.38px}@media(prefers-reduced-motion:reduce){.as-shut__scrim{transition:none}}.as--static{height:auto}.as--static .as__pin{position:static;min-height:0;padding-top:0}.as--static .as__step{opacity:1}.as--static .as-sheet--light{transform:translateY(0)}@media(max-width:1023px){.as__pin{min-height:100vh;min-height:100svh;padding-top:var(--header-zone);padding-bottom:var(--space-5)}.as__root{grid-template-columns:minmax(0,1fr);gap:var(--space-5);justify-items:center;align-content:center}.as__phoneBox{width:100%;max-width:393px}.as__rail{width:100%;gap:0;min-height:116px}.as__step{grid-area:1 / 1;opacity:0;transition:opacity var(--dur-base) var(--ease-standard)}.as__step.is-on{opacity:1}.as__stepText strong{font-size:var(--fs-h4)}.as__stepText span,.as__stepIndex{font-size:var(--fs-body-sm)}.as--static .as__rail{gap:var(--space-4);min-height:0}.as--static .as__step{grid-area:auto;opacity:1}}@media(max-width:767px){.as__root{gap:var(--space-4)}.as__rail{min-height:128px}}@media(prefers-reduced-motion:reduce){.as-sheet,.as-dial__knobWrap{transition:none}}