.hd-demo{flex-direction:column;gap:var(--space-4);width:100%;max-width:420px}.hd-demo,.hd-photo-wrap{display:flex;align-items:center}.hd-photo-wrap{position:relative;justify-content:center}.hd-photo-frame{width:220px;height:280px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-default);box-shadow:var(--shadow-xl);position:relative;z-index:2}.hd-photo-frame img{display:block;width:100%;height:100%;object-fit:cover}.hd-orbit{position:absolute;top:50%;left:50%;width:300px;height:300px;transform:translate(-50%,-50%);border-radius:var(--radius-circle);border:1px dashed rgba(var(--brand-cyan-rgb),var(--opacity-12));z-index:1;pointer-events:none;animation:hd-spin 35s linear infinite}@keyframes hd-spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.hd-trajectory{position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:var(--radius-lg);overflow:hidden}.hd-trajectory svg{width:100%;height:100%}.hd-traj-path{fill:none;stroke:rgba(var(--brand-cyan-rgb),.35);stroke-width:1.5;stroke-dasharray:6 4;stroke-linecap:round;animation:hd-dash 2s linear infinite}@keyframes hd-dash{0%{stroke-dashoffset:0}to{stroke-dashoffset:-20}}.hd-overlay-tl{position:absolute;top:10px;left:10px;z-index:4;width:26px;height:26px;border-radius:7px;background:var(--scrim-media-strong);border:1px solid rgba(var(--brand-cyan-rgb),.15);display:flex;align-items:center;justify-content:center}.hd-overlay-tl svg{width:13px;height:13px;color:rgba(var(--brand-cyan-rgb),.7)}.hd-overlay-bl{left:10px;font-size:var(--text-xxs);font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);color:rgba(var(--brand-cyan-rgb),.9);border:1px solid rgba(var(--brand-cyan-rgb),.2);padding:3px 8px;border-radius:var(--radius-sm);font-family:var(--font-inter)}.hd-overlay-bl,.hd-overlay-br{position:absolute;bottom:10px;z-index:4;background:var(--scrim-media-strong)}.hd-overlay-br{right:10px;width:30px;height:30px;border-radius:var(--radius-circle);border:1px solid var(--border-hover);display:flex;align-items:center;justify-content:center}.hd-overlay-br svg{width:11px;height:11px;fill:rgba(var(--white-rgb),var(--opacity-80));margin-left:1px}.hd-pills-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:420px}.hd-pill{font-size:var(--text-xxs);font-weight:var(--font-semibold);letter-spacing:.3px;padding:5px 12px;border-radius:var(--radius-full);white-space:nowrap;font-family:var(--font-inter)}.hd-pill--primary{background:rgba(var(--brand-cyan-rgb),.1);border:1px solid rgba(var(--brand-cyan-rgb),.2);color:rgba(var(--brand-cyan-rgb),.9)}.hd-pill--secondary{background:rgba(var(--brand-green-rgb),var(--opacity-06));border:1px solid rgba(var(--brand-green-rgb),.15);color:rgba(var(--brand-green-rgb),var(--opacity-80))}.hd-pill--muted{background:var(--bg-card);border:1px solid var(--border-default);color:var(--text-disabled)}@media (max-width:1024px){.hd-photo-frame{width:185px;height:235px}.hd-orbit{width:260px;height:260px}}@media (max-width:768px){.hd-photo-frame{width:160px;height:205px;border-radius:var(--radius-md)}.hd-orbit{width:225px;height:225px}.hd-pill{font-size:var(--text-caption);padding:4px 9px}.hd-pills-row{gap:5px}}@media (prefers-reduced-motion:reduce){.hd-orbit,.hd-traj-path{animation:none}}