.hd-root{--hd-shadow-visual:0 8px 24px #0f172a12;--hd-shadow-ambient:0 24px 56px -20px #0f172a1a, 0 4px 14px -6px #0f172a0a;--hd-inner-highlight:inset 0 1px 0 #ffffffe6;--hd-ease:cubic-bezier(.32, .72, 0, 1);--hd-wa-header:#008069;--hd-wa-chat:#efeae2;--hd-wa-sent:#d9fdd3;--hd-wa-read:#53bdeb;--hd-wa-counter:#e4dcd0;--hd-wa-counter-light:#f3eee6;--hd-wa-paper-shadow:0 6px 14px -4px #3c2d1e38, 0 1px 3px #3c2d1e1f;--hd-device-rail:linear-gradient(160deg, #c4c7cc 0%, #7d8188 16%, #43464c 46%, #33363b 62%, #8a8e95 86%, #3e4146 100%);--hd-device-key:linear-gradient(180deg, #6a6f77 0%, #33373d 55%, #1d2024 100%);--hd-device-body:#0a0b0d;--hd-device-island:#050608;--hd-device-lens:#07080a;--hd-device-lens-ring:#23272e;--hd-device-body-edge:inset 0 0 0 1px #ffffff1a, inset 0 1px 2px #ffffff29;--hd-device-screen-edge:0 0 0 1px #0000008c;--hd-device-shadow:0 40px 80px -32px #0f172a52, 0 12px 24px -12px #0f172a24;--hd-pattern-ink:color-mix(in srgb, var(--sift-text-inverse) 8%, transparent);--hd-pattern-shape:color-mix(in srgb, var(--sift-text-inverse) 3%, transparent);--hd-frame:var(--sift-slate-800);--hd-frame-edge:color-mix(in srgb, var(--sift-text-inverse) 18%, transparent);--hd-frame-shadow:0 50px 100px -40px #0206178c, 0 18px 36px -18px #02061759;--hd-capture-backdrop:#272f40;--hd-capture-card:#303747;background:var(--sift-color-surface);color:var(--sift-text-primary)}@keyframes hd-enter{0%{opacity:0;transform:translateY(var(--hd-enter-y,14px))}}.hd-enter{animation:hd-enter .7s var(--hd-ease) backwards}.hd-enter-far{--hd-enter-y:32px;animation-duration:.9s}@keyframes hd-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.hd-shimmer-light{background:linear-gradient(90deg, var(--sift-slate-100) 0%, var(--sift-slate-200) 50%, var(--sift-slate-100) 100%);background-size:200% 100%;animation:1.4s linear infinite hd-shimmer}.hd-shimmer{background:linear-gradient(90deg, color-mix(in srgb, var(--sift-text-inverse) 10%, transparent) 0%, color-mix(in srgb, var(--sift-text-inverse) 22%, transparent) 50%, color-mix(in srgb, var(--sift-text-inverse) 10%, transparent) 100%);background-size:200% 100%;animation:1.4s linear infinite hd-shimmer}@keyframes hd-drift{to{transform:translate(-56px,-44px)}}.hd-drift{will-change:transform;animation:60s linear infinite hd-drift}@keyframes hd-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes hd-pop{0%{opacity:0;transform:scale(.96)}}@keyframes hd-grow{0%{transform:scaleX(0)}}@keyframes hd-draw{0%{stroke-dashoffset:1px}}@keyframes hd-flash{0%{background:var(--sift-green-50)}to{background:0 0}}.hd-rise{animation:hd-rise .6s var(--hd-ease) backwards paused}.hd-pop{animation:hd-pop .4s var(--hd-ease) backwards paused}.hd-grow{animation:hd-grow .7s var(--hd-ease) backwards paused;transform-origin:100%}[dir=ltr] .hd-grow{transform-origin:0}.hd-draw{stroke-dasharray:1;stroke-dashoffset:0;animation:hd-draw .6s var(--hd-ease) backwards paused}.hd-flash{animation:hd-flash 1.6s var(--hd-ease) backwards paused}[data-visual-play] :is(.hd-rise,.hd-pop,.hd-grow,.hd-draw,.hd-flash){animation-play-state:running}@keyframes hd-marquee{to{transform:translate(-50%)}}.hd-marquee-track{animation:135s linear infinite hd-marquee}@media (prefers-reduced-motion:reduce){:is(.hd-rise,.hd-pop,.hd-grow,.hd-draw,.hd-flash,.hd-drift,.hd-enter,.hd-shimmer,.hd-shimmer-light,.hd-marquee-track){animation:none}}.hd-snap{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.hd-snap::-webkit-scrollbar{display:none}@layer components{.hd-snap>*{scroll-snap-align:center}}