.yt-card{background:#fff;border:none;border-radius:14px;align-items:center;gap:8px;width:100px;height:58px;padding:8px 14px 8px 8px;display:flex;box-shadow:0 4px 16px #00000012}.yt-play-icon{background:red;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.yt-lines{flex-direction:column;gap:5px;display:flex}.yt-line{background:#00000014;border-radius:2px;height:4px}.yt-line-1{width:28px}.yt-line-2{width:18px}.conveyor-left-train{--conveyor-duration:20s;z-index:5;animation:left-train-flow var(--conveyor-duration) linear infinite;will-change:transform, opacity;position:absolute;top:calc(73% - 16px);left:0}@media (max-width:768px){.conveyor-left-train{--conveyor-duration:8s;top:calc(73% - 7px)}}@keyframes left-train-flow{0%{opacity:0;transform:translate(-20vw)scale(.65)rotate(0)}5%{opacity:1;transform:translate(-12vw)scale(.8)rotate(0)}85%{opacity:1;transform:translate(43vw)scale(1)rotate(0)}92%{opacity:.4;transform:translate(47vw)scale(.55)rotate(0)}to{opacity:0;transform:translate(48vw)scale(0)rotate(0)}}.square-hashtag{font-size:calc(12px * var(--font-scale,1));color:#4a4a4a;text-align:center;white-space:normal;word-break:keep-all;overflow-wrap:normal;max-width:100%;font-weight:800;line-height:1.2}.square-yt-icon{justify-content:center;align-items:center;display:flex}.processor-wrap{z-index:15;position:absolute;bottom:14%;left:50%;transform:translate(-50%)}.processor-core{background:linear-gradient(160deg, var(--ws-accent-color), #2d8b7f, #053a33);z-index:2;border:1.5px solid #ffffff1a;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:190px;height:110px;display:flex;position:relative;box-shadow:0 8px 40px #4a5a3240,0 0 80px #4a5a321a,inset 0 1px #ffffff1f}.processor-label{letter-spacing:.04em;color:#fffffff2;text-align:center;margin-top:-2px;font-size:14px;font-weight:700;line-height:1}.processor-glow{filter:blur(25px);z-index:1;background:radial-gradient(circle,#0750472e 0%,#0000 70%);border-radius:999px;animation:3s ease-in-out infinite glow-pulse;position:absolute;inset:-20px}@keyframes glow-pulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.processor-aura{background:radial-gradient(circle, var(--ws-accent-color) 0%, transparent 60%);filter:blur(40px);opacity:.1;z-index:0;border-radius:999px;animation:8s ease-in-out infinite orb-breathe;position:absolute;inset:-100px}@keyframes orb-breathe{0%,to{opacity:.08;transform:scale(1)}50%{opacity:.15;transform:scale(1.1)}}.out-card-inner{white-space:nowrap;background:#fff;border:1px solid #0000000f;border-radius:16px;align-items:flex-start;gap:10px;width:max-content;max-width:320px;padding:12px 18px;display:flex;box-shadow:0 4px 24px #0000000d}.out-card-icon{flex-shrink:0;margin-top:2px}.out-card-text{flex-direction:column;gap:2px;display:flex;overflow:hidden}.out-card-title{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.out-card-sub{color:#999;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.conveyor-output{z-index:10;will-change:transform, opacity;animation:18s linear infinite output-flow;position:absolute;top:73%;left:50%}@keyframes output-flow{0%{transform:translate3d(-50%, calc(0 * var(--h)), 0) scale(0);opacity:0}6%{transform:translate3d(-50%, calc(.05 * var(--h)), 0) scale(.3);opacity:0}12%{transform:translate3d(-50%, calc(.12 * var(--h)), 0) scale(.7);opacity:.6}18%{transform:translate3d(-50%, calc(.21 * var(--h)), 0) scale(.82);opacity:1}26%{transform:translate3d(-50%, calc(.33 * var(--h)), 0) scale(.88);opacity:1}34%{transform:translate3d(-50%, calc(.45 * var(--h)), 0) scale(.92);opacity:1}42%{transform:translate3d(-50%, calc(.57 * var(--h)), 0) scale(.94);opacity:1}50%{transform:translate3d(-50%, calc(.69 * var(--h)), 0) scale(.95);opacity:1}58%{transform:translate3d(-50%, calc(.81 * var(--h)), 0) scale(.96);opacity:1}66%{transform:translate3d(-50%, calc(.93 * var(--h)), 0) scale(.95);opacity:1}74%{transform:translate3d(-50%, calc(1.05 * var(--h)), 0) scale(.92);opacity:.9}82%{transform:translate3d(-50%, calc(1.17 * var(--h)), 0) scale(.88);opacity:.7}90%{transform:translate3d(-50%, calc(1.29 * var(--h)), 0) scale(.82);opacity:.4}96%{transform:translate3d(-50%, calc(1.38 * var(--h)), 0) scale(.75);opacity:0}to{transform:translate3d(-50%, calc(1.44 * var(--h)), 0) scale(.7);opacity:0}}.hero-animation-wrap{z-index:1;--h:clamp(400px, 45vw, 580px);margin-top:-200px}@media (min-width:768px){.hero-animation-wrap{margin-top:-180px}}@media (min-width:1024px){.hero-animation-wrap{margin-top:-340px}}@media (max-width:768px){.yt-card{border-radius:10px;width:72px;height:44px;padding:6px 10px 6px 6px}.yt-play-icon{width:28px;height:28px}.yt-line-1{width:18px}.yt-line-2{width:12px}.processor-core{border-radius:18px;width:90px;height:90px}.processor-label{font-size:8px}.out-card-inner{max-width:220px;padding:8px 12px}.out-card-title{font-size:11px}.out-card-sub{font-size:9px}}.icon-wave-item{color:#fff;background:#2a2a2a;border:1px solid #ffffff1a;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;animation:4s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 10px 30px #0000004d}.icon-wave-1{color:#ff5252;background:#ff52521a;border-color:#ff525233;animation-delay:0s;bottom:-60px;left:-20px}.icon-wave-2{color:#448aff;background:#448aff1a;border-color:#448aff33;animation-delay:.2s;bottom:-20px;left:40px}.icon-wave-3{color:#69f0ae;background:#69f0ae1a;border-color:#69f0ae33;animation-delay:.4s;bottom:30px;left:110px}.icon-wave-4{color:#e040fb;background:#e040fb1a;border-color:#e040fb33;animation-delay:.6s;bottom:85px;left:190px}.icon-wave-5{color:#ffd740;background:#ffd7401a;border-color:#ffd74033;animation-delay:.8s;bottom:140px;left:280px}.icon-wave-6{color:#ffab40;background:#ffab401a;border-color:#ffab4033;animation-delay:1s;bottom:180px;left:380px}.icon-wave-7{color:#1de9b6;background:#1de9b61a;border-color:#1de9b633;animation-delay:1.2s;bottom:200px;left:490px}@keyframes float{0%,to{transform:translate(0,0)}50%{transform:translateY(-12px)}}.animate-float{animation:4s ease-in-out infinite float}.source-square{box-sizing:border-box;background:#fff;border:1px solid #0000000d;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:90px;height:90px;padding:10px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000008}.square-top-emoji{justify-content:center;font-size:22px;line-height:1;display:flex}.square-mid-info{flex-direction:column;align-items:center;gap:1px;display:flex}.square-brand{color:#000;letter-spacing:.5px;text-align:center;font-size:13px;font-weight:800;line-height:1}.square-type{color:#4a4a4a;text-align:center;font-family:Georgia,serif;font-size:10px;font-style:italic;line-height:1}.square-link-indicator{opacity:.6;font-size:9px;position:absolute;bottom:4px;right:6px}.conveyor-right-train{--conveyor-duration:20s;z-index:4;animation:right-train-flow var(--conveyor-duration) linear infinite;will-change:transform, opacity;position:absolute;top:calc(73% - 16px);left:0}@media (max-width:768px){.conveyor-right-train{--conveyor-duration:8s;top:calc(73% - 7px)}}@keyframes right-train-flow{0%{opacity:0;transform:translate(110vw)scale(.65)rotate(0)}5%{opacity:1;transform:translate(102vw)scale(.8)rotate(0)}85%{opacity:1;transform:translate(53vw)scale(1)rotate(0)}92%{opacity:.4;transform:translate(49vw)scale(.55)rotate(0)}to{opacity:0;transform:translate(48vw)scale(0)rotate(0)}}@media (max-width:768px){.source-square{border-radius:11px;gap:3px;width:58px;height:58px;padding:6px}.square-top-emoji{font-size:16px}.square-brand{letter-spacing:.2px;font-size:10px}.square-type{font-size:7.5px}.square-link-indicator{font-size:7px;bottom:2px;right:4px}.square-hashtag{font-size:calc(9px * var(--font-scale,1))}.square-yt-icon svg{width:20px;height:20px}}