.hdm{justify-items:center;gap:12px;width:100%;display:grid}.hdm-device{color:#0f172a;background:#f8fafc;border-radius:26px;width:min(100%,440px);height:380px;text-decoration:none;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block;position:relative;overflow:hidden;transform:perspective(1200px)rotateY(-6deg)rotateX(2deg);box-shadow:0 40px 90px #00000080,0 0 0 1px #ffffff80}.hdm-device:hover,.hdm-device:focus-visible{transform:none}.hdm-top{border-bottom:1px solid #e2e8f0;align-items:center;gap:6px;height:44px;padding:0 18px;display:flex}.hdm-top i{background:#cbd5e1;border-radius:50%;width:9px;height:9px}.hdm-top em{color:#1d4ed8;margin-left:auto;font-size:13px;font-style:normal;font-weight:750}.hdm-body{padding:18px 20px;animation:.7s cubic-bezier(.16,1,.3,1) both hdm-in;position:absolute;inset:44px 0 52px}@keyframes hdm-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hdm-hello{letter-spacing:-.02em;color:#0f172a;margin:0 0 14px;font-size:22px;font-weight:800}.hdm-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:12px;padding:14px;display:flex;box-shadow:0 8px 20px #0f172a0f}.hdm-card.dark{color:#fff;background:linear-gradient(135deg,#0b1b3a,#12306b);border-color:#0000}.hdm-card div{gap:2px;display:grid}.hdm-card strong{font-size:15px}.hdm-card small{color:#64748b;font-size:12.5px}.hdm-card.dark small{color:#c7d7f2}.hdm-ico{color:#fff;background:#2563eb;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid}.hdm-ico.gold{background:#f59e0b}.hdm-ico.green{background:#16a34a}.hdm-toast{color:#0f172a;opacity:0;background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin:0;padding:9px 14px;font-size:13.5px;font-weight:700;animation:.6s cubic-bezier(.16,1,.3,1) forwards hdm-pop;display:flex;position:static;box-shadow:0 10px 24px #0f172a1f;margin-top:10px!important}.hdm-toast svg{color:#16a34a}.hdm-toast.t1{animation-delay:.9s}.hdm-toast.t2{animation-delay:2s}@keyframes hdm-pop{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:none}}.hdm-share{background:#0f172a;border-radius:14px;height:120px;position:relative;overflow:hidden}.hdm-share-bar{background:#1e293b;height:18px;position:absolute;inset:0 0 auto}.hdm-share-win{gap:8px;display:grid;position:absolute;top:28px;left:14px;right:14px}.hdm-share-win i{background:#334155;border-radius:6px;height:12px}.hdm-share-win i:nth-child(2){background:#3b82f6;width:70%;animation:1.6s ease-out .4s both hdm-grow}.hdm-cursor{background:#f59e0b;border-radius:50%;width:14px;height:14px;animation:2.4s ease-in-out infinite hdm-move;position:absolute;box-shadow:0 0 0 6px #f59e0b40}@keyframes hdm-grow{0%{width:10%}}@keyframes hdm-move{0%{top:70%;left:20%}50%{top:40%;left:70%}to{top:70%;left:20%}}.hdm-site{background:#fff;border:1px solid #e2e8f0;border-radius:14px;gap:10px;padding:12px;display:grid}.hdm-site-nav{align-items:center;gap:8px;display:flex}.hdm-site-nav b{background:linear-gradient(135deg,#7c3aed,#2563eb);border-radius:8px;width:26px;height:26px;animation:.5s .2s both hdm-pop}.hdm-site-nav i{background:#e2e8f0;border-radius:4px;width:34px;height:8px}.hdm-site-hero{opacity:0;background:linear-gradient(120deg,#c7d2fe,#a5f3fc);border-radius:10px;height:70px;animation:.6s .6s both hdm-pop}.hdm-site-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.hdm-site-row i{opacity:0;background:#f1f5f9;border-radius:8px;height:34px;animation:.5s both hdm-pop}.hdm-site-row i:first-child{animation-delay:1s}.hdm-site-row i:nth-child(2){animation-delay:1.2s}.hdm-site-row i:nth-child(3){animation-delay:1.4s}.hdm-plan{gap:8px;margin:0;padding:0;list-style:none;display:grid}.hdm-plan li{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.hdm-plan b{color:#1d4ed8;font-size:13px}.hdm-go{color:#1d4ed8;background:#fff;border-top:1px solid #e2e8f0;justify-content:center;align-items:center;gap:6px;height:52px;font-size:15px;font-weight:750;display:flex;position:absolute;inset:auto 0 0}.hdm-dots{gap:2px;display:flex}.hdm-dots button{cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid}.hdm-dots button:before{content:"";background:#ffffff4d;border-radius:999px;width:9px;height:9px;transition:width .3s,background .3s}.hdm-dots button.is-on:before{background:#60a5fa;width:26px}.hdm-dots button:focus-visible{outline-offset:-6px;border-radius:12px;outline:2px solid #93c5fd}.hdm.compact .hdm-device{width:min(100%,420px);height:340px;transform:none}.hdm.compact .hdm-hello{margin-bottom:10px;font-size:19px}.hdm.compact .hdm-toast.t1{display:none}@media (prefers-reduced-motion:reduce){.hdm-body,.hdm-toast,.hdm-site-hero,.hdm-site-row i,.hdm-site-nav b,.hdm-share-win i:nth-child(2),.hdm-cursor{opacity:1;animation:none!important}}.hdm .hdm-hello,.hdm .hdm-toast{color:#0f172a!important}.hdm .hdm-card strong{color:#0f172a}.hdm .hdm-card.dark strong{color:#fff}.hdm .hdm-card small{color:#475569!important}.hdm .hdm-card.dark small{color:#c7d7f2!important}.hdm .hdm-plan li{color:#0f172a}