.hero-demo{width:100%;max-width:520px;margin:0 auto}.hero-stage{padding:28px 22px 22px;border-radius:var(--radius-xl);background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(59,130,246,.12),transparent 55%),linear-gradient(165deg,#1c2334f2,#0a0e16fa);border:1px solid var(--border-strong);box-shadow:0 0 0 1px #ffffff0a inset,0 28px 56px #00000073}.hero-stage-scene{display:flex;align-items:flex-end;justify-content:center;gap:10px;min-height:220px;margin-bottom:20px}.hero-device-label{display:block;margin-top:10px;font-size:.72rem;font-weight:700;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;text-align:center}.hero-phone{flex:0 0 auto;animation:floatY 3.2s ease-in-out infinite}.hero-phone-bezel{width:112px;padding:8px;border-radius:24px;background:linear-gradient(160deg,#3a4558,#1a2230);border:2px solid rgba(255,255,255,.14);box-shadow:0 18px 36px #00000080}.hero-phone-notch{width:38%;height:5px;margin:0 auto 6px;border-radius:4px;background:#0000008c}.hero-phone-screen{position:relative;aspect-ratio:9 / 16;border-radius:16px;background:#0b0e14;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.hero-mode{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px 8px;opacity:0;pointer-events:none;transition:opacity .4s ease}.hero-stage[data-mode=touchpad] .hero-mode-touchpad,.hero-stage[data-mode=media] .hero-mode-media,.hero-stage[data-mode=slides] .hero-mode-slides{opacity:1}.hero-pad{position:relative;width:100%;flex:1;border-radius:10px;background:linear-gradient(180deg,#151b28,#0f131c);border:1px solid rgba(255,255,255,.08);overflow:hidden}.hero-finger{position:absolute;width:20px;height:20px;border-radius:50%;background:#3b82f666;border:2px solid var(--accent-bright);box-shadow:0 0 16px var(--accent-glow);animation:fingerMove 2.4s ease-in-out infinite}.hero-ripple{position:absolute;width:20px;height:20px;border-radius:50%;border:1px solid rgba(96,165,250,.5);animation:fingerMove 2.4s ease-in-out infinite,rippleOut 2.4s ease-out infinite}.hero-pad-btns{display:flex;width:100%;gap:6px}.hero-pad-btns span{flex:1;height:14px;border-radius:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.06)}@keyframes fingerMove{0%,to{top:28%;left:22%}50%{top:58%;left:58%}}@keyframes rippleOut{0%,15%{transform:scale(1);opacity:.7}45%{transform:scale(2.4);opacity:0}to{transform:scale(2.4);opacity:0}}.hero-media-ring{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px}.hero-media-btn{display:grid;place-items:center;width:28px;height:28px;border:none;border-radius:50%;background:#ffffff14;color:#e2e8f0;padding:0}.hero-media-btn-main{width:40px;height:40px;background:var(--accent);color:#fff;box-shadow:0 0 18px var(--accent-glow);animation:playPulse 1.8s ease-in-out infinite}.hero-vol{display:flex;align-items:center;gap:5px;width:100%;margin-top:4px;padding:0 4px}.hero-vol-icon{font-size:.7rem;font-weight:700;color:var(--text-muted);line-height:1}.hero-vol-bar{flex:1;height:4px;border-radius:2px;background:#ffffff1a;overflow:hidden}.hero-vol-bar i{display:block;height:100%;width:62%;border-radius:2px;background:var(--accent-bright);animation:volWave 2.2s ease-in-out infinite}@keyframes playPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes volWave{0%,to{width:45%}50%{width:78%}}.hero-slide-btns{display:flex;gap:10px;margin-top:12px}.hero-slide-btns button{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#ffffff0f;color:#e2e8f0;padding:0}.hero-slide-next{background:var(--accent)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 0 16px var(--accent-glow);animation:nextTap 2.6s ease-in-out infinite}.hero-slide-hint{font-size:.58rem;font-weight:700;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}@keyframes nextTap{0%,70%,to{transform:scale(1)}78%{transform:scale(.9)}86%{transform:scale(1.05)}}.hero-link{flex:0 0 auto;align-self:center;display:flex;flex-direction:column;align-items:center;gap:6px;width:48px;margin-bottom:36px;position:relative}.hero-link-pulse{position:absolute;width:36px;height:36px;border-radius:50%;border:1px solid rgba(59,130,246,.35);animation:linkPulse 2s ease-out infinite}.hero-link-dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #22c55eb3;position:relative;z-index:1}.hero-link-label{font-size:.62rem;font-weight:800;color:var(--accent-bright);letter-spacing:.06em;text-transform:uppercase}@keyframes linkPulse{0%{transform:scale(.6);opacity:.8}to{transform:scale(1.8);opacity:0}}.hero-pc{flex:0 0 auto;animation:floatY 3.2s ease-in-out infinite .4s}.hero-pc-monitor{width:210px;padding:8px;border-radius:12px;background:linear-gradient(160deg,#2a3344,#171d28);border:2px solid rgba(255,255,255,.12);box-shadow:0 18px 40px #00000080}.hero-pc-screen{position:relative;aspect-ratio:16 / 10;border-radius:6px;background:#0a101c;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.hero-pc-stand{width:28px;height:14px;margin:0 auto;background:linear-gradient(180deg,#3a4558,#1e2533);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.hero-pc-base{width:72px;height:6px;margin:0 auto;border-radius:3px;background:#2a3344}.hero-pc-view{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s ease}.hero-stage[data-mode=touchpad] .hero-pc-touchpad,.hero-stage[data-mode=media] .hero-pc-media,.hero-stage[data-mode=slides] .hero-pc-slides{opacity:1}.hero-pc-touchpad{background:linear-gradient(145deg,#1a2740,#0d1524)}.hero-desktop-icons{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:8px}.hero-desktop-icons span{width:14px;height:14px;border-radius:3px;background:#ffffff1f}.hero-desktop-icons span:nth-child(2){background:#60a5fa59}.hero-desktop-icons span:nth-child(3){background:#22c55e4d}.hero-cursor{position:absolute;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid #fff;transform:rotate(-28deg);filter:drop-shadow(0 1px 3px rgba(0,0,0,.9));animation:cursorFollow 2.4s ease-in-out infinite;z-index:2}.hero-cursor-trail{position:absolute;width:8px;height:8px;border-radius:50%;background:#60a5fa59;animation:cursorFollow 2.4s ease-in-out infinite;filter:blur(2px)}@keyframes cursorFollow{0%,to{top:28%;left:30%}50%{top:55%;left:62%}}.hero-pc-media{display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#1a1030,#0c1220);padding:12px}.hero-player{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.hero-player-art{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:grid;place-items:center;flex-shrink:0}.hero-eq{display:flex;align-items:flex-end;gap:2px;height:16px}.hero-eq i{width:3px;border-radius:1px;background:#fff;animation:eqBounce .8s ease-in-out infinite}.hero-eq i:nth-child(1){height:40%;animation-delay:0s}.hero-eq i:nth-child(2){height:70%;animation-delay:.15s}.hero-eq i:nth-child(3){height:100%;animation-delay:.3s}.hero-eq i:nth-child(4){height:55%;animation-delay:.45s}@keyframes eqBounce{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.hero-player-meta{flex:1;display:flex;flex-direction:column;gap:6px}.hero-player-title{display:block;height:6px;width:70%;border-radius:3px;background:#ffffff59}.hero-player-bar{display:block;height:3px;border-radius:2px;background:#ffffff1f;overflow:hidden}.hero-player-bar i{display:block;height:100%;width:40%;background:var(--accent-bright);border-radius:2px;animation:progressRun 3s linear infinite}@keyframes progressRun{0%{width:15%}to{width:85%}}.hero-pc-slides{background:#111827;overflow:hidden}.hero-deck{position:relative;height:100%}.hero-deck-slide{position:absolute;top:10px;right:14px;bottom:22px;left:14px;border-radius:4px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;transition:transform .55s cubic-bezier(.4,0,.2,1),opacity .55s ease}.hero-deck-prev{background:#1e3a5f;opacity:0;transform:translate(-110%)}.hero-deck-curr{background:linear-gradient(160deg,#1e40af,#1e3a8a);opacity:1;transform:translate(0);animation:slideAdvance 2.6s ease-in-out infinite}.hero-deck-next{background:#312e81;opacity:0;transform:translate(110%);animation:slideIn 2.6s ease-in-out infinite}.hero-deck-title{display:block;height:8px;width:55%;border-radius:3px;background:#ffffffd9;margin-bottom:4px}.hero-deck-slide>span:not(.hero-deck-title){display:block;height:4px;border-radius:2px;background:#ffffff59;width:80%}.hero-deck-slide>span:last-child{width:55%}.hero-deck-num{position:absolute;bottom:5px;right:10px;font-size:.5rem;font-weight:700;color:#ffffff73;font-family:ui-monospace,monospace}@keyframes slideAdvance{0%,55%{transform:translate(0);opacity:1}75%,to{transform:translate(-110%);opacity:0}}@keyframes slideIn{0%,55%{transform:translate(110%);opacity:0}75%,to{transform:translate(0);opacity:1}}.hero-stage-caption{margin:0 0 18px;text-align:center;font-size:1rem;font-weight:700;color:var(--text);min-height:1.4em;transition:opacity .25s ease,transform .25s ease}.hero-stage-caption.is-switching{opacity:0;transform:translateY(4px)}.hero-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero-mode-tab{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:14px;border:1px solid var(--border);background:#ffffff08;color:var(--text-muted);font-family:inherit;font-size:.75rem;font-weight:700;cursor:pointer;transition:color .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}.hero-mode-tab svg{opacity:.7}.hero-mode-tab:hover{color:var(--text);border-color:#ffffff2e;background:#ffffff0d}.hero-mode-tab.is-active{color:var(--accent-bright);background:var(--accent-dim);border-color:#3b82f673;box-shadow:0 0 20px #3b82f626}.hero-mode-tab.is-active svg{opacity:1}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(max-width:860px){.hero-demo{max-width:100%}.hero-phone-bezel{width:96px}.hero-pc-monitor{width:180px}}@media(max-width:420px){.hero-stage{padding:22px 14px 16px}.hero-phone-bezel{width:84px;padding:6px;border-radius:20px}.hero-pc-monitor{width:150px;padding:6px}.hero-link{width:36px}.hero-mode-tab{font-size:.68rem;padding:10px 4px}.hero-stage-caption{font-size:.9rem}}@media(prefers-reduced-motion:reduce){.hero-phone,.hero-pc,.hero-finger,.hero-ripple,.hero-cursor,.hero-cursor-trail,.hero-media-btn-main,.hero-vol-bar i,.hero-eq i,.hero-player-bar i,.hero-slide-next,.hero-deck-curr,.hero-deck-next,.hero-link-pulse{animation:none!important}.hero-finger,.hero-cursor{top:40%;left:40%}}