.hems__wrap{--c-accent:#02A6BC;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;color:#0e1621;border:1px solid #e6eaef;border-radius:18px;padding:20px}
.hems__brandHeader{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:10px;background:linear-gradient(90deg,rgba(2,166,188,.08),rgba(182,80,117,.10));border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:10px}
.hems__brand-evm{height:34px}
.hems__stage{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}
.hems__house{position:relative;border:1px solid #e6eaef;border-radius:16px;min-height:360px;overflow:hidden;background:#f9fbfd}
.hems__house-media{position:absolute;inset:0}
.hems__house-image,.hems__house-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hems__kpis{position:absolute;bottom:12px;left:12px;display:flex;gap:10px;z-index:2}
.hems__kpi{background:#fff;border:1px solid #e6eaef;padding:8px 10px;border-radius:12px;box-shadow:0 6px 16px rgba(0,0,0,.05)}
.hems__phone{justify-self:end;width:340px;height:680px;background:#111;border:10px solid #111;border-radius:40px;position:relative;overflow:hidden}
.hems__phone-notch{position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:60%;height:22px;background:#111;border-bottom-left-radius:12px;border-bottom-right-radius:12px;z-index:3}
.hems__phone-screen{position:absolute;inset:6px;background:#0a1220;border-radius:32px;border:1px solid rgba(255,255,255,.06);padding:10px;color:#d9e6ff;display:flex;flex-direction:column;overflow:hidden}
.hems__statusbar{display:flex;justify-content:space-between;align-items:center;font-weight:600;opacity:.9;z-index:2}
.hems__phone-bg{position:absolute;inset:34px 10px 60px 10px;border-radius:24px;overflow:hidden;z-index:1}
.hems__phone-image,.hems__phone-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.85)}
.hems__homescreen{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;z-index:2}
.hems__app{background:linear-gradient(180deg,rgba(50,201,212,.14),rgba(2,166,188,.08));border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:14px 8px;text-align:center;color:#e9f5ff;cursor:pointer}
.hems__appview{display:flex;flex-direction:column;gap:0;z-index:2}
.hems__appview[hidden]{display:none}
.hems__dock{margin-top:auto;display:flex;justify-content:center;z-index:2}
.hems__home{width:60px;height:28px;border-radius:18px;border:1px solid rgba(255,255,255,.2);background:#0c1322;color:#9cc9ff}
@media (max-width:1024px){.hems__stage{grid-template-columns:1fr}.hems__phone{justify-self:center}}