.hlv{--hlv-mouse-x: 0;--hlv-mouse-y: 0;position:relative;width:372px;height:252px;flex-shrink:0;perspective:1100px;transform:translate(20px,72px);transform-style:preserve-3d}.hlv__glow{position:absolute;top:58%;left:55%;width:220px;height:156px;border-radius:50%;background:radial-gradient(circle at 36% 42%,rgba(56,189,248,.15),transparent 60%),radial-gradient(circle at 82% 58%,rgba(249,115,22,.1),transparent 66%);filter:blur(30px);pointer-events:none;animation:hlv-pulse 7s ease-in-out infinite}@keyframes hlv-pulse{0%,to{transform:translate(-50%,-50%) scale(.98);opacity:.58}50%{transform:translate(-50%,-50%) scale(1.08);opacity:.86}}.hlv__orbit-ring{position:absolute;left:55%;top:60%;border:1px solid rgba(56,189,248,.1);border-radius:50%;transform:translate(-50%,-50%) rotateX(66deg);pointer-events:none}.hlv__orbit-ring--outer{width:258px;height:258px;animation:hlv-ring-spin 24s linear infinite}.hlv__orbit-ring--inner{width:166px;height:166px;border-color:#f973161a;animation:hlv-ring-spin 17s linear infinite reverse}@keyframes hlv-ring-spin{to{transform:translate(-50%,-50%) rotateX(66deg) rotate(360deg)}}.hlv__showcase-wrap{position:absolute;transform-style:preserve-3d;will-change:transform}.hlv__showcase-wrap--office{top:18px;right:-24px;z-index:1}.hlv__showcase-wrap--windows{top:118px;left:18px;z-index:2}.hlv__showcase{position:relative;width:224px;min-height:92px;display:grid;grid-template-columns:64px 1fr;gap:9px;align-items:center;padding:11px 12px;border:1px solid rgba(125,211,252,.22);border-radius:18px;background:linear-gradient(145deg,#ffffff24,#ffffff06 42%,#0f172a29),radial-gradient(circle at 18% 16%,color-mix(in srgb,var(--card-color) 18%,transparent),transparent 54%),#08122294;box-shadow:0 18px 42px #0208174d,0 0 14px color-mix(in srgb,var(--card-color) 9%,transparent),inset 0 1px #ffffff29,inset 0 -18px 34px #ffffff08;overflow:hidden;transform-style:preserve-3d;transform-origin:center;transition:transform .68s cubic-bezier(.22,1,.36,1),opacity .25s ease}.hlv__showcase:before{content:"";position:absolute;inset:1px;border-radius:16px;border:1px solid rgba(255,255,255,.075);background:linear-gradient(115deg,rgba(255,255,255,.12),transparent 32%),linear-gradient(290deg,rgba(255,255,255,.07),transparent 36%);pointer-events:none}.hlv__showcase--windows{grid-template-columns:70px 1fr;gap:8px;transform:translate3d(calc(var(--hlv-mouse-x) * 8px),calc(var(--hlv-mouse-y) * 5px),0) rotateY(calc(-8deg + (var(--hlv-mouse-x) * 2deg))) rotateX(calc(5deg - (var(--hlv-mouse-y) * 2deg))) rotate(-1.5deg)}.hlv__showcase--office{opacity:.5;transform:translate3d(calc(var(--hlv-mouse-x) * -6px),calc(var(--hlv-mouse-y) * -4px),-18px) rotateY(calc(9deg + (var(--hlv-mouse-x) * 1.6deg))) rotateX(calc(5deg - (var(--hlv-mouse-y) * 1.6deg))) rotate(2deg) scale(.72)}.hlv__showcase-shine{position:absolute;inset:-70% auto -70% -42%;width:38%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);transform:rotate(18deg);animation:hlv-card-shine 8.5s ease-in-out infinite;pointer-events:none}@keyframes hlv-card-shine{0%,34%{transform:translate(-125%) rotate(18deg);opacity:0}48%{opacity:.8}72%,to{transform:translate(460%) rotate(18deg);opacity:0}}.hlv__mark{width:58px;height:58px;position:relative;transform:translateZ(22px);filter:drop-shadow(0 0 16px color-mix(in srgb,var(--card-color) 40%,transparent))}.hlv__mark--windows{width:70px;height:70px;display:grid;place-items:center;justify-self:center;filter:drop-shadow(0 0 15px rgba(56,189,248,.32)) drop-shadow(0 8px 14px rgba(2,132,199,.18))}.hlv__mark--windows img{display:block;width:100%;height:100%;object-fit:contain}.hlv__mark--office{width:68px;height:68px;display:grid;place-items:center;justify-self:center;filter:drop-shadow(0 0 18px rgba(249,115,22,.34)) drop-shadow(0 10px 18px rgba(185,28,28,.22))}.hlv__mark--office img{display:block;width:100%;height:100%;object-fit:contain}.hlv__showcase-content{min-width:0;transform:translateZ(20px)}.hlv__pill{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid rgba(125,211,252,.22);border-radius:var(--r-full);color:#e0f2fe;background:#0ea5e917;font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.hlv__pill-dot{width:6px;height:6px;border-radius:50%;background:#38bdf8;box-shadow:0 0 12px #38bdf8a8}.hlv__showcase h3{margin:7px 0 3px;color:#f8fafc;font-size:17px;font-weight:900;line-height:.98;letter-spacing:-.04em}.hlv__showcase p{margin:0;color:var(--card-color);font-size:10px;font-weight:900}.hlv__feature-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.hlv__feature-row span{color:#f1f5f9d1;font-size:8px;font-weight:800;padding:4px 6px;border:1px solid rgba(148,163,184,.14);border-radius:var(--r-full);background:#ffffff0d;white-space:nowrap}.hlv__dot{position:absolute;top:60%;left:55%;width:5px;height:5px;border-radius:50%;background:#38bdf8;box-shadow:0 0 9px #38bdf873;transform:rotate(var(--dot-deg)) translate(118px) rotate(calc(-1 * var(--dot-deg)));animation:hlv-orbit 14s linear infinite;animation-delay:calc(var(--dot-deg) / 360 * -14s)}@keyframes hlv-orbit{0%{transform:rotate(var(--dot-deg)) translate(118px) rotate(calc(-1 * var(--dot-deg)))}to{transform:rotate(calc(var(--dot-deg) + 360deg)) translate(118px) rotate(calc(-1 * (var(--dot-deg) + 360deg)))}}@media(prefers-reduced-motion:reduce){.hlv__glow,.hlv__orbit-ring,.hlv__dot,.hlv__showcase-shine{animation:none}.hlv__showcase--windows,.hlv__showcase--office{transform:none}}@media(max-width:960px){.hlv{display:none}}:root:not([data-theme=dark]) .hlv__showcase{border-color:#38bdf866;background:linear-gradient(150deg,#214678f7,#0d2648f7),radial-gradient(circle at 18% 16%,color-mix(in srgb,var(--card-color) 26%,transparent),transparent 54%);box-shadow:0 22px 46px #0f172a3d,0 0 18px color-mix(in srgb,var(--card-color) 13%,transparent),inset 0 1px #ffffff38}:root:not([data-theme=dark]) .hlv__glow{background:radial-gradient(circle at 36% 42%,rgba(56,189,248,.1),transparent 60%),radial-gradient(circle at 82% 58%,rgba(249,115,22,.06),transparent 66%)}