.hd{--hd-frame:#15120f;--hd-shadow:0 50px 90px -40px rgb(var(--rv-shadow-brown-rgb) / .45), 0 18px 36px -24px rgb(var(--rv-shadow-brown-rgb) / .35);--rx:0deg;--ry:0deg;--px:0;--py:0;perspective:1400px;width:100%;position:relative}.hd-stage{transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .6s var(--ease);padding:1.5rem 0 2.5rem 2.2rem;position:relative}.hd-laptop{position:relative;transform:translateZ(0)}.hd-screen{background:var(--hd-frame);box-shadow:var(--hd-shadow), inset 0 0 0 1px #ffffff14;border-radius:18px 18px 6px 6px;padding:2.2% 2.2% 3%;position:relative}.hd-screen img{aspect-ratio:16/10;object-fit:cover;object-position:top left;border-radius:6px;width:100%;height:auto;display:block}.hd-screen:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#ffffff1a 0%,#fff0 38%);position:absolute;inset:0}.hd-base{height:14px;box-shadow:0 22px 30px -18px rgb(var(--rv-shadow-brown-rgb) / .55);background:linear-gradient(#d9d4cf,#a9a29b);border-radius:2px 2px 14px 14px;margin:0 -7%;position:relative}.hd-base:before{content:"";background:#b9b2ab;border-radius:0 0 8px 8px;width:16%;height:6px;position:absolute;top:0;left:50%;transform:translate(-50%)}.hd-phone{aspect-ratio:71.5/147;width:25%;transform:translate3d(calc(var(--px) * -14px), calc(var(--py) * -10px), 60px) rotate(-2.5deg);transition:transform .6s var(--ease);filter:drop-shadow(0 40px 34px rgb(var(--rv-shadow-brown-rgb) / .38)) drop-shadow(0 8px 10px rgb(var(--rv-shadow-brown-rgb) / .25));position:absolute;bottom:0;left:0;container-type:inline-size}.hd-phone-body{background:linear-gradient(135deg,#8d8780 0%,#e9e5e0 18%,#6e6862 40%,#cfcac4 62%,#5d5751 82%,#b6b0a9 100%);border-radius:16cqw;padding:1.6cqw;position:absolute;inset:0}.hd-phone-body:before{content:"";background:#050505;border-radius:14.6cqw;position:absolute;inset:1.6cqw;box-shadow:inset 0 0 0 .5cqw #1b1b1b}.hd-phone-screen{background:#fff;border-radius:11.6cqw;flex-direction:column;display:flex;position:absolute;inset:5.4cqw;overflow:hidden}.hd-phone-screen img{object-fit:cover;object-position:top;flex:1;width:100%;height:auto;min-height:0;display:block}.hd-phone-screen:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(118deg,#ffffff47 0%,#ffffff0f 30%,#fff0 31% 100%);position:absolute;inset:0}.hd-status{letter-spacing:-.01em;color:#0b0b0b;flex:none;justify-content:space-between;align-items:center;height:13cqw;padding:1.5cqw 8cqw 0 11cqw;font:600 6.4cqw/1 -apple-system,SF Pro Text,system-ui,sans-serif;display:flex}.hd-status svg{fill:currentColor;width:21cqw;height:auto}.hd-island{background:#000;border-radius:99px;width:31cqw;height:9cqw;position:absolute;top:3.2cqw;left:50%;transform:translate(-50%)}.hd-island:after{content:"";background:radial-gradient(circle at 35% 35%,#2c3550,#07080c 60%);border-radius:50%;width:3.6cqw;height:3.6cqw;position:absolute;top:50%;right:3cqw;transform:translateY(-50%)}.hd-home{background:#000c;border-radius:99px;width:36cqw;height:1.4cqw;position:absolute;bottom:2.4cqw;left:50%;transform:translate(-50%)}.hd-btn{background:linear-gradient(90deg,#5d5751,#bdb7b0);border-radius:1cqw;width:1.4cqw;position:absolute}.hd-btn-action{height:7%;top:20%;left:-.9cqw}.hd-btn-vol1{height:11%;top:30%;left:-.9cqw}.hd-btn-vol2{height:11%;top:43%;left:-.9cqw}.hd-btn-power{background:linear-gradient(270deg,#5d5751,#bdb7b0);height:16%;top:33%;right:-.9cqw}.hd-card{-webkit-backdrop-filter:blur(12px)saturate(1.4);box-shadow:0 24px 44px -22px rgb(var(--rv-shadow-brown-rgb) / .5), 0 0 0 1px rgb(var(--rv-shadow-deep-rgb) / .06);color:var(--ink);white-space:nowrap;transition:transform .6s var(--ease), box-shadow .3s var(--ease);background:#ffffffeb;border-radius:16px;align-items:center;gap:.7rem;padding:.75rem 1rem .75rem .8rem;font-size:.86rem;line-height:1.25;display:flex;position:absolute}.hd-card b{letter-spacing:-.01em;font-weight:800;display:block}.hd-card small{color:var(--ink-3,#6b6259);font-size:.78rem;display:block}.hd-card-new{transform:translate3d(calc(var(--px) * 22px), calc(var(--py) * 16px), 90px);top:2.6rem;right:4%}.hd-card-sms{transform:translate3d(calc(var(--px) * 30px), calc(var(--py) * 20px), 110px);bottom:3.2rem;right:-3%}.hd-buddy{pointer-events:none;width:clamp(64px,17cqw,92px);height:auto;position:absolute;bottom:calc(100% - 2px);right:.4rem}@media (prefers-reduced-motion:no-preference){.hd-buddy{animation:hd-buddy-in .7s .9s var(--ease) both}@keyframes hd-buddy-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}}.hd-dot{background:var(--accent);border-radius:50%;flex:none;width:10px;height:10px;position:relative}.hd-check{color:#fff;background:#1f9d62;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:.8rem;font-weight:800;display:grid}@media (hover:hover) and (pointer:fine){.hd:hover .hd-card{box-shadow:0 34px 60px -24px rgb(var(--rv-shadow-brown-rgb) / .55), 0 0 0 1px rgb(var(--rv-shadow-deep-rgb) / .06)}}@media (prefers-reduced-motion:no-preference){.hd-laptop{animation:hd-rise .9s .12s var(--ease) both}.hd-phone{animation:hd-phone-in .9s .32s var(--ease) both}.hd-card-new{animation:.7s cubic-bezier(.34,1.56,.64,1) .9s both hd-pop}.hd-card-sms{animation:.7s cubic-bezier(.34,1.56,.64,1) 1.25s both hd-pop}.hd-dot:after{content:"";background:var(--accent);border-radius:50%;animation:2.2s cubic-bezier(0,0,.2,1) 1.6s infinite hd-ping;position:absolute;inset:0}@keyframes hd-rise{0%{opacity:0;translate:0 40px;scale:.96}}@keyframes hd-phone-in{0%{opacity:0;translate:-40px 30px}}@keyframes hd-pop{0%{opacity:0;translate:0 18px;scale:.85}}@keyframes hd-ping{75%,to{opacity:0;transform:scale(2.6)}}}@media (max-width:980px){.hd{max-width:560px;margin-inline:auto}.hd-card{padding:.6rem .8rem .6rem .65rem;font-size:.78rem}.hd-card small{font-size:.72rem}}@media (max-width:480px){.hd-stage{padding:2.6rem 0 2rem 1rem}.hd-card-sms{bottom:1.5rem;right:0}.hd-card-new{right:0}}