.hm-hero{--hm-navy:#061b43;--hm-cyan:#23b7ed;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden;background:#06162f;color:white;font-family:'Plus Jakarta Sans',sans-serif}
.hm-pane{position:relative;min-width:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:34px 32px 37px;min-height:604px}
.hm-pane::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.hm-pane-shop{background:radial-gradient(ellipse at 80% 75%,#12466c80,transparent 60%),linear-gradient(145deg,#07162f,#0a284b)}
.hm-pane-shop::before{background-image:linear-gradient(#86c5e608 1px,transparent 1px),linear-gradient(90deg,#86c5e608 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(transparent,#000 75%)}
.hm-pane-room{background:radial-gradient(ellipse at 10% 66%,#c3e9fa,transparent 60%),linear-gradient(145deg,#f7fbfd,#eaf3f9);color:var(--hm-navy)}
.hm-pane-room::before{background:radial-gradient(ellipse at 80% 18%,#fff,transparent 60%)}
.hm-copy{position:relative;z-index:2;width:100%;max-width:468px}
.hm-eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:#b6d8ec;margin:0 0 14px}
.hm-eyebrow::before{content:"";height:5px;width:5px;border-radius:50%;background:var(--hm-cyan);box-shadow:0 0 14px #23b7ed88}
.hm-pane-room .hm-eyebrow{color:#4a718b}
.hm-copy h1,.hm-copy h2{font-size:clamp(36px,3.45vw,56px);line-height:1.02;letter-spacing:-.055em;font-weight:800;margin:0;color:inherit}
.hm-copy h1 span,.hm-copy h2 span{display:block;color:#2dbcf2}
.hm-copy h2 span{color:#008ccc}
.hm-copy p.hm-intro{max-width:360px;font-size:12px;line-height:1.7;font-weight:400;color:#d0e1ed;margin:13px 0 16px}
.hm-pane-room .hm-copy p.hm-intro{color:#456078}
.hm-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:42px;padding:10px 18px;border-radius:10px;background:#0aa6e7;color:#fff;font-size:11px;font-weight:800;box-shadow:0 8px 24px #008cca24;text-decoration:none;transition:transform .19s,background .19s,box-shadow .19s;overflow:hidden}
.hm-cta svg{width:17px;height:17px;flex:none;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.hm-cta svg:last-child{transition:transform .25s}
.hm-cta:hover{transform:translateY(-2px);background:#00b4f0;box-shadow:0 12px 30px #0091d438}
.hm-cta:hover svg:last-child{transform:translateX(4px)}
.hm-cta:focus-visible,.hm-pause:focus-visible{outline:3px solid #32c8ff;outline-offset:5px}
.hm-pane-room .hm-cta{background:#061e50;box-shadow:0 8px 24px #061e5020}
.hm-pane-room .hm-cta:hover{background:#0b3370}
.hm-demo-wrap{position:relative;z-index:1;width:100%;max-width:476px;margin-top:auto;padding-top:24px}
.hm-demo-wrap::before{content:"";position:absolute;inset:25% 4% -8%;background:#009fdd22;filter:blur(38px);border-radius:50%;pointer-events:none;opacity:.5;transition:opacity 2s}
.hm-pane-room .hm-demo-wrap::before{background:#69afcb35}
.hm-demo{position:relative;width:100%;max-width:100%;aspect-ratio:1.54;isolation:isolate;pointer-events:none;user-select:none}
.hm-demo-caption{display:flex;align-items:center;gap:8px;position:relative;font-size:9px;color:#91b3c9;letter-spacing:.025em;margin:13px 0 0}
.hm-demo-caption::before{content:"";width:20px;height:1px;background:#35b9eb}
.hm-pane-room .hm-demo-caption{color:#57758a}
.hm-rule{position:absolute;z-index:4;pointer-events:none;top:0;bottom:0;left:50%;width:1px;background:linear-gradient(transparent,#3eb8e7aa 25%,#3eb8e7aa 75%,transparent)}
.hm-pause{position:absolute;z-index:5;right:20px;top:16px;display:flex;align-items:center;gap:6px;border:1px solid #9bb8c94d;background:#ffffff85;color:#335269;border-radius:30px;padding:7px 10px;font-size:9px;cursor:pointer;backdrop-filter:blur(12px)}
.hm-pause svg{width:11px;height:11px;fill:currentColor}.hm-pause[hidden]{display:none}
.hm-hero[data-has-played="true"] .hm-copy{animation:hm-copy-enter .692s cubic-bezier(.16,1,.3,1) both}
.hm-hero[data-has-played="true"] .hm-pane-room .hm-copy{animation-delay:.092s}
.hm-hero[data-has-played="true"] .hm-demo-wrap{animation:hm-scene-enter .923s cubic-bezier(.16,1,.3,1) .115s both}
.hm-hero[data-has-played="true"] .hm-pane-room .hm-demo-wrap{animation-delay:.231s}
.hm-hero[data-focus="products"] .hm-pane-shop .hm-demo-wrap::before,.hm-hero[data-focus="showroom"] .hm-pane-room .hm-demo-wrap::before{opacity:1}
@keyframes hm-copy-enter{from{opacity:0;transform:translateY(23px)}to{opacity:1;transform:translateY(0)}}
@keyframes hm-scene-enter{from{opacity:0;transform:translateY(35px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1600px){.hm-pane{padding:40px 44px;min-height:660px}.hm-demo-wrap{padding-top:28px;max-width:520px}.hm-copy{max-width:536px}.hm-copy p.hm-intro{font-size:12px}}
@media(min-width:1024px) and (max-height:800px){.hm-pane{min-height:553px;padding-top:26px;padding-bottom:22px}.hm-copy h1,.hm-copy h2{font-size:39px}.hm-copy p.hm-intro{margin:11px 0 14px}.hm-demo-wrap{padding-top:20px;max-width:420px}.hm-eyebrow{margin-bottom:12px}}
@media(max-width:1023px){.hm-hero{grid-template-columns:1fr}.hm-pane{padding:29px 22px 28px;min-height:unset}.hm-copy{max-width:480px}.hm-copy h1,.hm-copy h2{font-size:clamp(36px,5.1vw,53px)}.hm-copy p.hm-intro{max-width:390px}.hm-demo-wrap{padding-top:23px;margin-top:0}.hm-rule{display:none}.hm-pane-room{border-top:1px solid #72c4e46b}.hm-pause{top:12px;right:12px;background:#102d4a;color:#d3eaf7;border-color:#89b8d14d}}
@media(max-width:480px){.hm-pane{padding:28px 20px 24px}.hm-copy h1,.hm-copy h2{font-size:38px}.hm-eyebrow{font-size:8px;letter-spacing:.13em;margin-top:7px}.hm-copy p.hm-intro{font-size:11px;max-width:300px}.hm-demo{min-height:244px}.hm-demo-wrap{padding-top:22px}.hm-demo-caption{font-size:8px;margin-top:11px}.hm-pause{font-size:8px;padding:6px 8px}.hm-cta{font-size:11px;min-height:42px}}
@media(prefers-reduced-motion:reduce){.hm-hero *,.hm-hero *::before,.hm-hero *::after{animation:none!important;transition:none!important}}