/* "Beyond work" (landing). Reuses the .audience.section container (compare.css) and the landing's rise reveals (scroll-fx.js). */
.beyond.section{padding-bottom:96px}
.beyond .bw-stage,.beyond .cp2-stage{text-align:start}
.beyond .bw-panel h3,.beyond .cp2-card h3{margin:0}
.beyond .bw-panel>p{margin:0 0 8px}
.beyond .bw-ch{margin:110px auto 0;max-width:760px;font-size:clamp(34px,4.6vw,64px);line-height:1.04;letter-spacing:-.055em;font-weight:600;color:#171326;text-wrap:balance}
.beyond .bw-cp{max-width:600px;margin:20px auto 56px;font-size:18px;line-height:1.55;color:#6f6379}
.beyond .bw-stage{margin-top:64px}
.bw-note{margin:26px auto 0;max-width:620px;font-size:13px;line-height:1.55;color:#7a6e86}.bw-note+.bw-note{margin-top:6px}
.sw{display:block;position:relative;flex:none;width:40px;height:23px;border-radius:99px;background:#d9d2e1;transition:background .4s}
.sw b{position:absolute;inset-inline-start:2px;top:2px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0003;transition:transform .45s cubic-bezier(.16,1,.3,1)}
li.is-on .sw{background:#150474}li.is-on .sw b{transform:translateX(17px)}[dir=rtl] li.is-on .sw b{transform:translateX(-17px)}
.bw-stage{position:relative;width:min(1280px,100% - 40px);margin:0 auto;display:grid;grid-template-columns:minmax(0,.5fr) 96px minmax(0,2.3fr);align-items:stretch}
.bw-panel{border-radius:38px;padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:14px;min-width:0}
.bw-work{background:linear-gradient(165deg,#ece8fa,#f6f4fc 70%);border:1px solid #e0d9f3}
.bw-home{background:linear-gradient(165deg,#e9eee6,#f3f5f0 70%);border:1px solid #dbe3d6}
.bw-panel h3{font-size:clamp(34px,4.4vw,60px);letter-spacing:-.06em;line-height:1;font-weight:600;margin:0}
.bw-work h3{color:#150474}.bw-home h3{color:#3f5a47}
.bw-panel>p{font-size:15.5px;line-height:1.55;color:#3d3348;max-width:38ch;margin-bottom:8px}
.bw-link{position:relative}
.bw-link:before{content:"";position:absolute;left:50%;top:6%;bottom:6%;width:1px;background:repeating-linear-gradient(#a994c4 0 5px,transparent 5px 10px)}
.bw-bridge{position:absolute;top:50%;height:1px;width:calc(50% - 38px);background:repeating-linear-gradient(90deg,#a994c4 0 5px,transparent 5px 10px);transform:scaleX(var(--k,1))}
.bw-bridge.l{left:0;transform-origin:right}.bw-bridge.r{right:0;transform-origin:left}
.bw-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;background:#fff;border:1px solid #e5dfe9;box-shadow:0 26px 50px -22px #150474aa;display:grid;place-items:center;overflow:hidden}
.bw-core img{height:78px;width:auto;margin-top:10px}
.bw-link em{position:absolute;left:50%;top:calc(50% + 58px);transform:translateX(-50%);font-style:normal;font-size:11px;line-height:1.3;text-align:center;color:#625b6d;width:110px}
/* work mock */
.wk{display:grid;gap:10px;margin-top:6px}
.wk-head b{font-size:12px;letter-spacing:.04em;color:#8d7f99;font-weight:600}
.wk-row{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e6e0f4;border-radius:18px;padding:10px 14px;font-size:13.5px}
.wk-row img{height:40px;width:auto;flex:none}
.wk-row span{flex:1;min-width:0;line-height:1.3}
.wk-row em{flex:none;font-style:normal;font-size:11px;padding:5px 10px;border-radius:99px;background:#eae6fb;color:#3b1db8;white-space:nowrap}
.wk-tools{margin-top:8px;display:grid;gap:10px}
.wk-tools b{font-size:12px;letter-spacing:.04em;color:#8d7f99;font-weight:600}
.wk-tools ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.wk-tools li{background:#fff;border:1px solid #e0d9f3;border-radius:99px;padding:8px 14px;font-size:12.5px}
.wk-wait em{background:#f6e9fb;color:#7c429b}
/* companion */
.cp2-stage{position:relative;width:min(1180px,100% - 40px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px) minmax(0,1fr);gap:clamp(16px,3vw,44px);align-items:center}
.cp2-pair{margin:0;position:relative}
.cp2-pair img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.cp2-pulse{position:absolute;left:49%;top:70%;width:0;height:0}
.cp2-pulse i{position:absolute;left:-14px;top:-14px;width:28px;height:28px;border-radius:50%;border:1.5px solid #bd6ae9;animation:hx-ping 2.4s ease-out infinite}
.cp2-pulse:before{content:"";position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:#bd6ae9;box-shadow:0 0 0 4px #bd6ae933}
@keyframes hx-ping{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.6);opacity:0}}
.cp2-card{background:#fff;border:1px solid #e5dfe9;border-radius:28px;padding:26px 26px 22px;box-shadow:0 40px 70px -50px #150474aa}
.cp2-comp{border-color:#d9c9ee;background:linear-gradient(180deg,#fff,#faf6fe)}
.cp2-card h3{font-size:24px;letter-spacing:-.04em;font-weight:600;margin:0 0 4px}
.cp2-card>small{display:block;font-size:13px;color:#625b6d;margin-bottom:16px}
.cp2-card ul{display:grid;gap:2px;margin:0;padding:0;list-style:none}
.cp2-card li{display:flex;align-items:center;gap:13px;padding:11px 0;border-top:1px solid #f0ebf4;font-size:14.5px;color:#a89db3;transition:color .4s;flex-wrap:wrap}
.cp2-card li.is-on{color:#171326}
.cp2-card li em{flex-basis:100%;order:-1;font-style:normal;font-size:11px;letter-spacing:.08em;color:#7c429b;padding-top:6px;margin-bottom:-4px}
.cp2-card li:has(em){border-top:0;padding-top:4px}
@media(max-width:1000px){
 .bw-stage{grid-template-columns:1fr;gap:0}
 .bw-link{height:130px}.bw-link:before{top:0;bottom:0}.bw-bridge{display:none}.bw-link em{top:calc(50% + 52px)}
 .cp2-stage{grid-template-columns:1fr;max-width:520px}
 .cp2-pair{order:-1;width:min(360px,80vw);margin:0 auto}
}

/* entrance, driven by the landing's own reveal classes (fx-in) */
.fx-ready .beyond .cp2-comp:not(.fx-in) .sw,.fx-ready .beyond .cp2-ceo:not(.fx-in) .sw{background:#d9d2e1}
.fx-ready .beyond .cp2-comp:not(.fx-in) .sw b,.fx-ready .beyond .cp2-ceo:not(.fx-in) .sw b{transform:none}
.fx-ready .beyond .cp2-card .sw,.fx-ready .beyond .cp2-card .sw b{transition-delay:.6s}
.bw-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:54px;margin-top:56px;padding:0 30px;border-radius:99px;background:#150474;color:#fff;font-size:15px;font-weight:500;letter-spacing:-.01em;transition:transform .3s,background .3s,box-shadow .3s}
.bw-cta:hover{transform:translateY(-2px);background:#1c0a96;box-shadow:0 14px 26px -12px #150474aa}
.bw-cta:focus-visible{outline:3px solid #7a56f5;outline-offset:3px}
@media(max-width:600px){.beyond.section{padding-bottom:64px}.beyond .bw-ch{margin-top:80px}.beyond .bw-cp{font-size:16px;margin-bottom:36px}.bw-cta{margin-top:40px;height:52px}}
@media(prefers-reduced-motion:reduce){.bw-cta{transition:none}}
.beyond .bw-stage{align-items:start}.beyond .bw-link{align-self:stretch;min-height:100%}
@media(max-width:1000px){.beyond .bw-link{min-height:130px}}
.beyond .wk{min-width:0}.beyond .wk-row{min-width:0;max-width:100%}.beyond .wk-row em{white-space:normal;text-align:center;max-width:46%}

/* Coceyo Home: home management dashboard (illustrative). Sizes in "u" = 1/76 of the dashboard width, so it scales as one piece. */
.hm-wrap{container-type:inline-size;width:100%;margin-top:8px}
.hm{--u:calc(100cqw / 76);display:grid;grid-template-columns:calc(var(--u)*6.4) 1fr;gap:calc(var(--u)*1.2);padding:calc(var(--u)*1.2);border-radius:calc(var(--u)*2.8);background:linear-gradient(180deg,#fcfcfa,#f2f4ef);border:1px solid #e4e8df;box-shadow:0 calc(var(--u)*4) calc(var(--u)*9) calc(var(--u)*-4) #1f2b2455,0 calc(var(--u)*.2) calc(var(--u)*.6) #1f2b2418;color:#1c2620;text-align:start;font-synthesis:none}
.hm *{box-sizing:border-box}
.hm svg{display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hm small{display:block;font-size:max(10px,calc(var(--u)*1.05));line-height:1.25;color:#7b867f;font-weight:400}
.hm-side{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*.9);padding:calc(var(--u)*1.4) 0;border-radius:calc(var(--u)*2.2);background:#fff;border:1px solid #eceee8}
.hm-logo{display:grid;justify-items:center;gap:calc(var(--u)*.3);margin-bottom:calc(var(--u)*1.2)}
.hm-logo img{width:calc(var(--u)*3.6);height:auto}
.hm-logo span{font-size:max(7px,calc(var(--u)*.8));letter-spacing:.14em;font-weight:600;color:#1c2620}
.hm-nav{display:flex;flex-direction:column;gap:calc(var(--u)*.7);align-items:center}
.hm-nav i,.hm-foot i{display:grid;place-items:center;width:calc(var(--u)*4.2);height:calc(var(--u)*4.2);border-radius:calc(var(--u)*1.4);color:#4a574f}
.hm-nav i.on{background:#e7ece4;color:#2d4636}
.hm-nav svg,.hm-foot svg{width:calc(var(--u)*2.1);height:calc(var(--u)*2.1)}
.hm-foot{margin-top:auto;display:flex;flex-direction:column;gap:calc(var(--u)*.6);align-items:center}
.hm-main{display:grid;gap:calc(var(--u)*1);min-width:0}
.hm-head{display:flex;align-items:center;gap:calc(var(--u)*1.6);padding:calc(var(--u)*.2) calc(var(--u)*.4)}
.hm-title{flex:1;min-width:0}
.hm-title b{display:block;font-size:max(15px,calc(var(--u)*2.7));letter-spacing:-.04em;line-height:1.05;font-weight:700;color:#18221b}
.hm-title small{margin-top:calc(var(--u)*.5);font-size:max(10px,calc(var(--u)*1.2))}
.hm-search{display:flex;align-items:center;gap:calc(var(--u)*.9);flex:0 1 calc(var(--u)*25);min-width:0;padding:calc(var(--u)*1.1) calc(var(--u)*1.4);border-radius:99px;background:#fff;border:1px solid #eceee8;font-size:max(9px,calc(var(--u)*1.05));color:#8a948d;white-space:nowrap;overflow:hidden}
.hm-search svg{width:calc(var(--u)*1.8);height:calc(var(--u)*1.8);flex:none;color:#4a574f}
.hm-bell{position:relative;display:grid;place-items:center;width:calc(var(--u)*3.4);height:calc(var(--u)*3.4);color:#4a574f;flex:none}
.hm-bell svg{width:calc(var(--u)*2.1);height:calc(var(--u)*2.1)}.hm-bell:after{content:"";position:absolute;top:calc(var(--u)*.3);inset-inline-end:calc(var(--u)*.3);width:calc(var(--u)*.9);height:calc(var(--u)*.9);border-radius:50%;background:#4d9a5f;border:calc(var(--u)*.2) solid #fff}
.hm-ava{display:flex;flex:none}
.hm-ava span{width:calc(var(--u)*4.6);height:calc(var(--u)*4.6);border-radius:50%;overflow:hidden;background:#e9e4dc;border:calc(var(--u)*.3) solid #fff;box-shadow:0 calc(var(--u)*.3) calc(var(--u)*.8) #1f2b2430;margin-inline-start:calc(var(--u)*-1.1)}
.hm-ava span:first-child{margin-inline-start:0}
.hm-ava img{width:100%;height:150%;object-fit:cover;object-position:top}
.hm-user{display:flex;align-items:center;gap:calc(var(--u)*.6);font-size:max(10px,calc(var(--u)*1.15));white-space:nowrap}
.hm-user svg{width:calc(var(--u)*1.6);height:calc(var(--u)*1.6)}
.hm-card{background:#fff;border:1px solid #eceee8;border-radius:calc(var(--u)*1.9);box-shadow:0 calc(var(--u)*.3) calc(var(--u)*1) #1f2b2410;min-width:0}
.hm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--u)*1)}
.hm-stat{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto auto;column-gap:calc(var(--u)*1.1);align-items:center;padding:calc(var(--u)*1.3) calc(var(--u)*1.4)}
.hm-stat .ic{grid-row:1/4;display:grid;place-items:center;width:calc(var(--u)*3.6);height:calc(var(--u)*3.6);border-radius:calc(var(--u)*1.2);background:#f1f3ef;color:#3a4a3f}
.hm-stat .ic svg{width:calc(var(--u)*2);height:calc(var(--u)*2)}
.hm-stat b{font-size:max(14px,calc(var(--u)*2.5));letter-spacing:-.04em;line-height:1.05;font-weight:700;font-variant-numeric:tabular-nums}
.hm-stat .go{grid-row:1/4;grid-column:3;width:calc(var(--u)*1.4);height:calc(var(--u)*1.4);color:#2a352d}
.hm-stat .ok{display:flex;align-items:center;gap:calc(var(--u)*.6);font-size:max(9px,calc(var(--u)*.95));color:#5c6a61}
.hm-stat .ok i{width:calc(var(--u)*.9);height:calc(var(--u)*.9);border-radius:50%;background:#4d9a5f;flex:none}.hm-stat .ok i.g{background:#9aa39c}
.hm-mid{display:grid;grid-template-columns:1.34fr 1fr .86fr;gap:calc(var(--u)*1)}
.hm-photo{position:relative;overflow:hidden;min-height:calc(var(--u)*25);border-radius:calc(var(--u)*1.9)}
.hm-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 62%}
.hm-pill{position:absolute;top:calc(var(--u)*1.3);display:flex;align-items:center;gap:calc(var(--u)*.8);padding:calc(var(--u)*.9) calc(var(--u)*1.5);border-radius:99px;background:#fffffff0;font-size:max(10px,calc(var(--u)*1.25));font-weight:500;box-shadow:0 calc(var(--u)*.4) calc(var(--u)*1.4) #1f2b2420;backdrop-filter:blur(8px)}
.hm-pill.l{inset-inline-start:calc(var(--u)*1.3)}.hm-pill.r{inset-inline-end:calc(var(--u)*1.3)}
.hm-pill svg{width:calc(var(--u)*1.8);height:calc(var(--u)*1.8)}
.hm-pill i{width:calc(var(--u)*.9);height:calc(var(--u)*.9);border-radius:50%;background:#4d9a5f}
.hm-ac{padding:calc(var(--u)*1.4);display:grid;justify-items:center;align-content:start;gap:calc(var(--u)*.6)}
.hm-ac-top{width:100%;display:flex;justify-content:space-between;align-items:flex-start}
.hm-ac-top b{display:block;font-size:max(12px,calc(var(--u)*1.5));letter-spacing:-.02em;font-weight:600}
.hm-tg{display:block;width:calc(var(--u)*4);height:calc(var(--u)*2.3);border-radius:99px;background:#c8d0c6;position:relative;flex:none;transition:background .4s}
.hm-tg:after{content:"";position:absolute;top:calc(var(--u)*.25);inset-inline-start:calc(var(--u)*.25);width:calc(var(--u)*1.8);height:calc(var(--u)*1.8);border-radius:50%;background:#fff;box-shadow:0 calc(var(--u)*.2) calc(var(--u)*.5) #0003;transition:transform .4s}
.hm-tg.on{background:#4a6a52}.hm-tg.on:after{transform:translateX(calc(var(--u)*1.7))}[dir=rtl] .hm-tg.on:after{transform:translateX(calc(var(--u)*-1.7))}
.hm-dial{position:relative;width:min(100%,calc(var(--u)*19));aspect-ratio:1;margin-top:calc(var(--u)*.4)}
.hm-dial svg.ring{position:absolute;inset:0;width:100%;height:100%;stroke-width:0}
.hm-dial .bg{fill:none;stroke:#e3e7e0;stroke-width:8;stroke-linecap:round;stroke-dasharray:75 100;transform:rotate(135deg);transform-origin:60px 60px}
.hm-dial .fg{fill:none;stroke:#46664e;stroke-width:8;stroke-linecap:round;stroke-dasharray:27 100;transform:rotate(135deg);transform-origin:60px 60px}
.hm-dial .tk{stroke:#cfd5cc;stroke-width:.7}
.hm-dial .hd{fill:#fff;stroke:#46664e;stroke-width:2}
.hm-dial .mid{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.hm-dial .mid b{font-size:max(15px,calc(var(--u)*3.1));letter-spacing:-.04em;font-weight:700;line-height:1}
.hm-dial .mid small{margin-top:calc(var(--u)*.5)}
.hm-pm{display:flex;gap:calc(var(--u)*1.6);margin-top:calc(var(--u)*-1.2);position:relative}
.hm-pm span{display:grid;place-items:center;width:calc(var(--u)*3.4);height:calc(var(--u)*3.4);border-radius:50%;background:#fff;border:1px solid #e6e9e2;box-shadow:0 calc(var(--u)*.3) calc(var(--u)*1) #1f2b2418;font-size:max(12px,calc(var(--u)*1.8));color:#2f3d34}
.hm-modes{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:calc(var(--u)*.8);padding-top:calc(var(--u)*1);border-top:1px solid #f0f2ed}
.hm-modes div{display:grid;justify-items:center;gap:calc(var(--u)*.3);font-size:max(9px,calc(var(--u)*1));line-height:1.2;text-align:center}
.hm-modes div+div{border-inline-start:1px solid #f0f2ed}
.hm-modes .ic{display:grid;place-items:center;width:calc(var(--u)*3.6);height:calc(var(--u)*3.6);border-radius:50%;background:#f1f3ef;color:#3a4a3f}.hm-modes .ic svg{width:calc(var(--u)*1.9);height:calc(var(--u)*1.9)}
.hm-modes b{font-weight:600;font-size:max(9px,calc(var(--u)*1.05))}
.hm-rooms{padding:calc(var(--u)*1.4);display:grid;align-content:start;gap:calc(var(--u)*.8)}
.hm-rooms-top{display:flex;justify-content:space-between;align-items:center;font-size:max(12px,calc(var(--u)*1.5));font-weight:600}
.hm-rooms-top i{display:grid;place-items:center;width:calc(var(--u)*2.8);height:calc(var(--u)*2.8);border-radius:50%;background:#f1f3ef}.hm-rooms-top svg{width:calc(var(--u)*1.5);height:calc(var(--u)*1.5)}
.hm-room{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:calc(var(--u)*1);padding:calc(var(--u)*.9) calc(var(--u)*1.1);border-radius:calc(var(--u)*1.4);border:1px solid #f0f2ed}
.hm-room.on{background:#eef1ea;border-color:#e4e9df}
.hm-room svg.r{width:calc(var(--u)*2.4);height:calc(var(--u)*2.4);color:#2d3a31}
.hm-room b{display:block;font-size:max(10px,calc(var(--u)*1.2));font-weight:600;line-height:1.2}
.hm-room small{font-size:max(9px,calc(var(--u)*.95))}
.hm-room .d{display:flex;align-items:center;gap:calc(var(--u)*.7)}.hm-room .d i{width:calc(var(--u)*.9);height:calc(var(--u)*.9);border-radius:50%;background:#4d9a5f}.hm-room .d svg{width:calc(var(--u)*1.2);height:calc(var(--u)*1.2)}
.hm-bot{display:grid;grid-template-columns:1.62fr 1fr 1fr 1fr;gap:calc(var(--u)*1)}
.hm-energy{padding:calc(var(--u)*1.4)}
.hm-energy-top{display:flex;justify-content:space-between;align-items:flex-start;gap:calc(var(--u)*1)}
.hm-energy-top b{display:block;font-size:max(12px,calc(var(--u)*1.5));font-weight:600}
.hm-seg{display:flex;padding:calc(var(--u)*.3);border-radius:99px;background:#f1f3ef;font-size:max(9px,calc(var(--u)*1))}
.hm-seg span{padding:calc(var(--u)*.55) calc(var(--u)*1.1);border-radius:99px;color:#7b867f}.hm-seg span.on{background:#fff;color:#1c2620;font-weight:600;box-shadow:0 calc(var(--u)*.2) calc(var(--u)*.6) #1f2b2418}
.hm-chart{position:relative;display:grid;grid-template-columns:calc(var(--u)*2.2) 1fr;gap:calc(var(--u)*.8);margin-top:calc(var(--u)*1.2);height:calc(var(--u)*11)}
.hm-y{display:flex;flex-direction:column;justify-content:space-between;font-size:max(8px,calc(var(--u)*.9));color:#9aa39c;text-align:end;padding-bottom:calc(var(--u)*2.4)}
.hm-plot{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:calc(var(--u)*.9);align-items:end;padding-bottom:calc(var(--u)*2.4)}
.hm-plot:before{content:"";position:absolute;inset:0 0 calc(var(--u)*2.4) 0;background:repeating-linear-gradient(#edf0ea 0 1px,transparent 1px 25%);}
.hm-bar{position:relative;display:grid;align-items:end;height:100%}
.hm-bar i{display:block;border-radius:calc(var(--u)*.9) calc(var(--u)*.9) calc(var(--u)*.3) calc(var(--u)*.3);background:#e6e9e4;transform-origin:bottom}
.hm-bar.hi i{background:#46664e}
.hm-bar em{position:absolute;bottom:calc(var(--u)*-2.3);inset-inline:0;text-align:center;font-style:normal;font-size:max(8px,calc(var(--u)*.95));color:#7b867f}
.hm-tip{position:absolute;top:calc(var(--u)*-2.2);inset-inline:calc(var(--u)*-1);margin:auto;width:max-content;padding:calc(var(--u)*.5) calc(var(--u)*1.1);border-radius:99px;background:#3a5342;color:#fff;font-size:max(8px,calc(var(--u)*1));font-weight:600}
.hm-dev{padding:calc(var(--u)*1.3);display:grid;grid-template-rows:auto auto 1fr auto;gap:calc(var(--u)*.4);min-height:calc(var(--u)*13)}
.hm-dev-top{display:flex;justify-content:space-between;align-items:flex-start;gap:calc(var(--u)*.6)}
.hm-dev-top b{display:block;font-size:max(11px,calc(var(--u)*1.3));font-weight:600;line-height:1.2}
.hm-dev img{width:100%;height:100%;min-height:0;object-fit:contain;mix-blend-mode:multiply;align-self:center;max-height:calc(var(--u)*8.6)}
.hm-dev-foot{display:flex;align-items:center;justify-content:space-between;font-size:max(9px,calc(var(--u)*1));gap:calc(var(--u)*.6)}
.hm-dev-foot i{display:inline-block;width:calc(var(--u)*.9);height:calc(var(--u)*.9);border-radius:50%;background:#4d9a5f;margin-inline-end:calc(var(--u)*.5)}
.hm-dev-foot svg{width:calc(var(--u)*1.4);height:calc(var(--u)*1.4)}
.hm-slider{display:flex;align-items:center;gap:calc(var(--u)*.9);padding:calc(var(--u)*.6) calc(var(--u)*.9);border-radius:99px;background:#f1f3ef;width:100%}
.hm-slider svg{width:calc(var(--u)*1.6);height:calc(var(--u)*1.6);flex:none}.hm-slider div{flex:1;height:calc(var(--u)*.9);border-radius:99px;background:#dde2da;position:relative}.hm-slider div:before{content:"";position:absolute;inset:0 30% 0 0;border-radius:99px;background:#46664e}.hm-slider div:after{content:"";position:absolute;inset-inline-start:calc(70% - calc(var(--u)*.9));top:calc(var(--u)*-.4);width:calc(var(--u)*1.7);height:calc(var(--u)*1.7);border-radius:50%;background:#fff;border:calc(var(--u)*.2) solid #46664e}
.hm-slider b{font-size:max(8px,calc(var(--u)*.95));font-weight:600}
.hm-power{display:grid;place-items:center;width:calc(var(--u)*3);height:calc(var(--u)*3);border-radius:50%;background:#f1f3ef;flex:none}.hm-power svg{width:calc(var(--u)*1.5);height:calc(var(--u)*1.5)}
@container (max-width:600px){
 .hm{--u:calc(100cqw / 40);grid-template-columns:1fr;padding:calc(var(--u)*1);border-radius:calc(var(--u)*2.2)}
 .hm-side{display:none}
 .hm-search,.hm-bell,.hm-user{display:none}
 .hm-stats{grid-template-columns:1fr 1fr}
 .hm-mid{grid-template-columns:1fr}
 .hm-photo{min-height:calc(var(--u)*19)}
 .hm-bot{grid-template-columns:1fr 1fr 1fr}
 .hm-energy{grid-column:1/-1}
 .hm-dev{min-height:calc(var(--u)*15);padding:calc(var(--u)*1)}
 .hm-dev-top b{font-size:max(10px,calc(var(--u)*1.2))}
 .hm-chart{height:calc(var(--u)*12)}
}

/* dashboard entrance, driven by the landing's reveal class (fx-in) */
.fx-ready .beyond .hm-dial .fg{stroke-dasharray:0 100;transition:stroke-dasharray 1.6s cubic-bezier(.16,1,.3,1) .5s}
.fx-ready .beyond .hm-wrap.fx-in .hm-dial .fg{stroke-dasharray:27 100}
.fx-ready .beyond .hm-bar i{transform:scaleY(.04);transition:transform 1.1s cubic-bezier(.16,1,.3,1)}
.fx-ready .beyond .hm-wrap.fx-in .hm-bar i{transform:none;transition-delay:calc(.5s + var(--n,0) * 70ms)}
.fx-ready .beyond .hm-tip{opacity:0;transition:opacity .6s 1.3s}.fx-ready .beyond .hm-wrap.fx-in .hm-tip{opacity:1}
/* WORK and HOME side by side, linked by the Co-CEO badge in the gutter */
.beyond .bw-stage{display:grid;grid-template-columns:minmax(280px,.44fr) 22px minmax(0,1.56fr);gap:0;width:min(1240px,100%);align-items:stretch}
.beyond .bw-link{position:relative;height:auto;min-height:0;align-self:stretch}
.beyond .bw-link:before{top:4%;bottom:4%}
.beyond .bw-bridge,.beyond .bw-link em{display:none}
.beyond .bw-core{top:84px;width:60px;height:60px}.beyond .bw-core img{height:56px}
.beyond .bw-work{display:flex}
.beyond .bw-work .wk{grid-template-columns:1fr}
.beyond .bw-home{padding-inline:clamp(14px,2vw,30px)}
.beyond .hm-wrap{max-width:none;margin-inline:0}
.hm-stat b,.hm-title b,.hm-dev-top b{white-space:nowrap}
@media(max-width:1000px){
 .beyond .bw-stage{grid-template-columns:1fr}
 .beyond .bw-link{height:120px;align-self:auto}
 .beyond .bw-link:before{top:0;bottom:0}
 .beyond .bw-core{top:50%}
 .beyond .bw-link em{display:block;top:calc(50% + 46px)}
}
.hm-title{flex:0 0 auto}.hm-head .hm-search{margin-inline-start:auto;flex:0 1 calc(var(--u)*24)}
.hm-mid{grid-template-columns:1.22fr .96fr .98fr}
.hm-room b{white-space:nowrap}
.hm-ava img{height:100%;object-fit:cover;object-position:50% 6%}
.hm-energy-top b,.hm-dev-top small{white-space:nowrap}.hm-seg{flex:none}
.hm-dev-top>div{min-width:0;overflow:hidden;text-overflow:ellipsis}
.hm-dev img{-webkit-mask-image:radial-gradient(closest-side,#000 62%,transparent 100%);mask-image:radial-gradient(closest-side,#000 62%,transparent 100%)}
.hm-seg span{padding:calc(var(--u)*.5) calc(var(--u)*.8)}.hm-energy-top{gap:calc(var(--u)*.6)}.hm-energy{overflow:hidden}
@container (max-width:600px){.hm-mid{grid-template-columns:1fr}.hm-head .hm-search{display:none}.hm-title{flex:1 1 auto}}
@container (max-width:600px){.hm-dev-top .hm-tg{display:none}}
/* dashboard: let every grid track shrink (nothing may push the frame wider than its panel) */
.hm{grid-template-columns:calc(var(--u)*6.4) minmax(0,1fr)}
.hm-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.hm-mid{grid-template-columns:minmax(0,1.22fr) minmax(0,.96fr) minmax(0,.98fr)}
.hm-bot{grid-template-columns:minmax(0,1.62fr) repeat(3,minmax(0,1fr))}
.hm-head,.hm-main,.hm-card{min-width:0}.hm-user{flex:none}.hm-head .hm-search{min-width:0;overflow:hidden}
.hm-stat b{font-size:max(13px,calc(var(--u)*2.3))}
@container (max-width:600px){.hm{grid-template-columns:minmax(0,1fr)}.hm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hm-mid{grid-template-columns:minmax(0,1fr)}.hm-bot{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container (max-width:860px){.hm-user{display:none}.hm-head .hm-search{display:none}}
/* WORK rows: avatar + text, status under the text */
.beyond .wk-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 12px;max-width:100%}
.beyond .wk-row img{grid-row:1/3;height:44px}
.beyond .wk-row span{min-width:0}
.beyond .wk-row em{justify-self:start;max-width:none;white-space:normal}
.hm-energy-top{flex-wrap:wrap;row-gap:calc(var(--u)*.7)}.hm-seg{margin-inline-start:auto;font-size:max(9px,calc(var(--u)*.95))}.hm-energy-top>div{min-width:0}
.hm-title{margin-inline-end:auto}
.hm-chart{margin-top:calc(var(--u)*3)}
@media(min-width:1001px){.beyond .bw-work{align-self:start;position:sticky;top:110px}}
@container (max-width:600px){.hm-dev-top b,.hm-dev-top small,.hm-stat b{white-space:normal;overflow-wrap:anywhere}.hm-dev-top b{font-size:max(9px,calc(var(--u)*1.05))}.hm-dev-top>div{overflow:visible}}
.hm-dev-top>div,.hm-room>div{min-width:0}.hm-room b,.hm-room small{overflow:hidden;text-overflow:ellipsis}
/* long translated labels wrap instead of pushing the layout */
.hm-stat b,.hm-title b,.hm-dev-top b,.hm-dev-top small,.hm-room b,.hm-energy-top b{white-space:normal;overflow-wrap:anywhere}
.hm-title b{white-space:nowrap}
.hm-room b,.hm-room small{overflow:visible;text-overflow:clip}
.hm-dev-top>div{overflow:visible;min-width:0;flex:1}
.hm-dev-top b{font-size:max(10px,calc(var(--u)*1.2));line-height:1.18}
.hm-slider{padding:calc(var(--u)*.5) calc(var(--u)*.7);gap:calc(var(--u)*.6)}.hm-slider div{min-width:0}.hm-slider b{flex:none}
.hm-dev-top b{font-size:max(9px,calc(var(--u)*1.08));overflow-wrap:break-word;hyphens:auto}.hm-dev-top .hm-tg{margin-inline-start:calc(var(--u)*.3)}
/* ── WORK / HOME: wider, balanced rectangles of equal height; the badge floats above both and follows the scroll ── */
.beyond .bw-link{z-index:6}
.beyond .bw-core{position:sticky;top:max(112px,calc(50vh - 32px));left:auto;transform:none;width:64px;height:64px;margin:84px 0 0 -18px;z-index:6;box-shadow:0 0 0 6px #ffffffd9,0 22px 44px -16px #150474b0}
[dir=rtl] .beyond .bw-core{margin:84px -18px 0 0}
.beyond .bw-core img{height:60px;margin-top:8px}
.beyond .bw-core:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1.5px solid #8f7ad8;opacity:0;animation:bw-ping 3.2s ease-out infinite;pointer-events:none}
@keyframes bw-ping{0%{transform:scale(.9);opacity:.55}100%{transform:scale(1.6);opacity:0}}
@media(prefers-reduced-motion:reduce){.beyond .bw-core:after{animation:none}}
@media(min-width:1200px){
 .beyond .bw-stage{grid-template-columns:minmax(0,.74fr) 28px minmax(0,1.26fr);width:min(1400px,100% - 48px);align-items:stretch}
 .beyond .bw-work{align-self:stretch;position:static;padding:clamp(28px,2.6vw,44px)}
 .beyond .bw-link:before{top:3%;bottom:3%}
 .beyond .bw-work .wk{flex:1;display:flex;flex-direction:column;gap:14px;margin-top:10px}
 .beyond .bw-work .wk-head b{font-size:13px}
 .beyond .bw-work .wk-row{padding:16px 18px;border-radius:22px;font-size:15.5px;gap:3px 16px}
 .beyond .bw-work .wk-row img{height:60px}
 .beyond .bw-work .wk-row em{font-size:12px;padding:6px 12px}
 .beyond .bw-work .wk-tools{margin-top:auto;padding-top:22px;border-top:1px solid #e2dcf2}
 .beyond .bw-work .wk-tools b{font-size:13px}
 .beyond .bw-work .wk-tools li{padding:10px 18px;font-size:14px}
 .beyond .bw-work>p,.beyond .bw-home>p{font-size:16.5px;max-width:34ch}
 .beyond .bw-home{padding-inline:clamp(20px,2.4vw,36px)}
}
@media(max-width:1199px){
 .beyond .bw-stage{grid-template-columns:1fr;width:min(860px,100% - 40px);align-items:start}
 .beyond .bw-work{position:static;align-self:auto}
 .beyond .bw-link{height:120px;min-height:0;align-self:auto}
 .beyond .bw-link:before{top:0;bottom:0}
 .beyond .bw-core{position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%,-50%)}
 [dir=rtl] .beyond .bw-core{margin:0}
 .beyond .bw-work .wk{grid-template-columns:1fr 1fr}.beyond .bw-work .wk-head,.beyond .bw-work .wk-tools{grid-column:1/-1}
}
@media(max-width:700px){.beyond .bw-work .wk{grid-template-columns:1fr}}
/* dashboard: shorter, more landscape proportions */
.hm-photo{min-height:calc(var(--u)*19)}
.hm-dial{width:min(100%,calc(var(--u)*15.5))}
.hm-dev{min-height:calc(var(--u)*10.5)}
.hm-dev img{max-height:calc(var(--u)*6.4)}
.hm-chart{height:calc(var(--u)*8.2)}
@container (max-width:600px){.hm-photo{min-height:calc(var(--u)*19)}.hm-dev{min-height:calc(var(--u)*15)}.hm-dev img{max-height:calc(var(--u)*8.6)}.hm-chart{height:calc(var(--u)*12)}}
@media(min-width:1200px){
 /* break out of the 1280px section column: cards use up to 1440px of the viewport */
 .beyond .bw-stage{width:min(1440px,100vw - 64px);margin-inline:calc(50% - min(720px,50vw - 32px));grid-template-columns:minmax(0,.8fr) 32px minmax(0,1.2fr)}
 .beyond .bw-work{padding:clamp(32px,3vw,52px)}
 .beyond .bw-panel h3{font-size:clamp(44px,4.6vw,72px)}
 .beyond .bw-core{margin-inline-start:-16px}
}
@media(min-width:1200px){
 .beyond .bw-work .wk-row{flex:1 1 0;max-height:150px;padding-inline:22px;font-size:17px;gap:4px 20px}
 .beyond .bw-work .wk-row img{height:min(84px,100%)}
 .beyond .bw-work .wk-row em{font-size:12.5px}
 .beyond .bw-work .wk-tools{margin-top:8px}
}
@media(min-width:1200px){
 .beyond .bw-work .wk-row{flex:1 1 auto;min-height:104px;align-content:center}
 .beyond .bw-work .wk-row img{height:76px;align-self:center}
}
/* WORK: real integration logos + "+2500" */
.beyond .wk-tools ul.wk-logos{flex-wrap:nowrap;gap:0;align-items:center}
.beyond .wk-logos li{display:grid;place-items:center;flex:none;width:52px;height:52px;padding:0;border-radius:50%;background:#fff;border:1px solid #e0d9f3;box-shadow:0 8px 18px -10px #150474aa;font-size:13px;font-weight:600;color:#150474;letter-spacing:-.02em}
.beyond .wk-logos li+li{margin-inline-start:-10px}
.beyond .wk-logos li img{width:26px;height:26px;object-fit:contain}
.beyond .wk-logos li.wk-more{background:#150474;border-color:#150474;color:#fff;width:56px;height:56px;margin-inline-start:-6px;position:relative;z-index:1}
@media(min-width:1200px){.beyond .bw-work .wk-logos li{width:60px;height:60px;padding:0;font-size:14px}.beyond .bw-work .wk-logos li img{width:30px;height:30px}.beyond .bw-work .wk-logos li.wk-more{width:64px;height:64px;font-size:15px}}
/* small screens: the five logos + "+2500" must stay on one line */
@media(max-width:700px){.beyond .wk-logos li{width:44px;height:44px}.beyond .wk-logos li img{width:22px;height:22px}.beyond .wk-logos li.wk-more{width:48px;height:48px;font-size:12px}.beyond .wk-logos li+li{margin-inline-start:-8px}}

/* Home dashboard on phones: photo on top, air-conditioner and rooms side by side, no sub-lines in the room list */
@container (max-width:600px){
 .hm-mid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .hm-photo{grid-column:1/-1;min-height:calc(var(--u)*13)}
 .hm-ac{padding:calc(var(--u)*1.1)}
 .hm-dial{width:min(100%,calc(var(--u)*12))}
 .hm-modes .ic{width:calc(var(--u)*2.8);height:calc(var(--u)*2.8)}
 .hm-rooms{padding:calc(var(--u)*1.1);gap:calc(var(--u)*.6)}
 .hm-room{padding:calc(var(--u)*.6) calc(var(--u)*.8);column-gap:calc(var(--u)*.7)}
 .hm-room small,.hm-room .d svg{display:none}
 .hm-room svg.r{width:calc(var(--u)*2)}
}

/* Beyond Work: two compact cards, side by side. The full Home dashboard lives in the Applications gallery. */
.hm-mini{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 0;padding:0}
.hm-mini li{display:grid;gap:3px;align-content:start;padding:12px 12px 11px;border-radius:16px;background:#fff;border:1px solid #dbe3d6}
.hm-mini b{font-size:21px;line-height:1;letter-spacing:-.045em;font-weight:600;color:#2d4a37;white-space:nowrap}
.hm-mini span{font-size:11.5px;line-height:1.25;color:#6b7a70}
@media(min-width:760px){
 .beyond .bw-stage{width:min(1040px,100% - 48px);margin-inline:auto;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:stretch}
 .beyond .bw-work{position:static;align-self:stretch;padding:28px 28px 26px}
 .beyond .bw-home{padding:28px 28px 26px}
 .beyond .bw-panel h3{font-size:clamp(34px,3.6vw,46px)}
 .beyond .bw-work>p,.beyond .bw-home>p{font-size:15px;max-width:38ch}
 .beyond .bw-link{height:auto;min-height:0;align-self:stretch}
 .beyond .bw-link:before{top:4%;bottom:4%}
 .beyond .bw-core{position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%,-50%);width:56px;height:56px}
 [dir=rtl] .beyond .bw-core{margin:0}
 .beyond .bw-core img{height:52px}
 .beyond .bw-work .wk{margin-top:6px;gap:10px}
 .beyond .bw-work .wk-row{flex:none;min-height:0;padding:10px 14px;font-size:14px;max-height:none}
 .beyond .bw-work .wk-row img{height:44px}
 .beyond .bw-work .wk-tools{margin-top:6px;padding-top:14px}
 .beyond .bw-work .wk-logos li{width:44px;height:44px}.beyond .bw-work .wk-logos li img{width:22px;height:22px}.beyond .bw-work .wk-logos li.wk-more{width:48px;height:48px;font-size:12px}
 .beyond .bw-home .hm-mini{margin-top:auto;padding-top:14px}
}
@media(max-width:759px){.beyond .bw-home .hm-mini{margin-top:12px}.hm-mini b{font-size:18px}.hm-mini span{font-size:11px}.hm-mini li{padding:10px}}

.hm-devs{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0 0;padding:0}
.hm-devs li{display:grid;grid-template-rows:64px auto;gap:6px;padding:8px 8px 10px;border-radius:16px;background:#fff;border:1px solid #dbe3d6;text-align:center;min-width:0}
.hm-devs img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;border-radius:10px}
.hm-devs li:first-child img{object-fit:cover;mix-blend-mode:normal}
.hm-devs span{font-size:11px;line-height:1.25;color:#4f6055;overflow-wrap:anywhere}
@media(min-width:760px){.beyond .bw-home .hm-mini{margin-top:10px;padding-top:0}}