@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(calc(-100% - 24px))}}.container-fluid{background:#f5f5f7}.start{text-align:center;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.start h1{visibility:hidden;font-size:0;line-height:0;opacity:0}.start .logoBox{display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:900px;height:100vh;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute}.start .logoBox .logo-container{width:100%;height:100%}.start .logoBox .logo-container video{width:100%;height:100%;object-fit:cover;filter:opacity(.999)}.start .logoBox .slogan{font-size:90px;color:#000;font-family:Radinte-Italic;display:flex;justify-content:center;opacity:0;margin-bottom:40px;position:absolute;top:60%;left:50%;transform:translateX(-50%) scale(.95);width:100%}.start .logoBox .slogan span.d{-webkit-text-stroke:1px #ffde00;color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:url(/www-voopoo/static/dist/images/2025/text-mask.png);transform:translate(0,0);background-position-y:0;background-repeat:no-repeat;background-size:cover;padding-left:5px}.start p{font-size:18px;line-height:24px;color:#2b2b2b;opacity:0;width:100%;position:absolute;top:80%;left:50%;transform:translateX(-50%) scale(.95)}.screen2{padding:80px 0 80px;background:#fff;overflow:hidden}.screen2 .screen2-head{max-width:1440px;margin:0 auto 48px;padding:0 24px}.screen2 .screen2-title{font-size:clamp(28px,3.5vw,44px);font-weight:600;letter-spacing:-.025em;margin-bottom:12px;line-height:1.2;color:#000}.screen2 .screen2-desc{font-size:17px;color:rgba(29,29,31,.5);max-width:720px;line-height:1.6}.screen2 .screen2-note{margin-top:14px;font-size:12px;font-weight:400;letter-spacing:1.2px;text-transform:uppercase;color:rgba(0,0,0,.28);text-align:left}.screen2 .marquee{display:flex;overflow:hidden;user-select:none;gap:24px}.screen2 .marquee:hover .marquee-track{animation-play-state:paused}.screen2 .marquee-track{display:flex;gap:24px;flex-shrink:0;animation:scroll 120s linear infinite}.screen2 .marquee-item{width:360px;flex:0 0 360px;aspect-ratio:.8;background:#f5f5f5;border-radius:20px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background-size:cover;background-position:center;cursor:pointer;transition:transform .3s}.screen2 .marquee-item img{width:100%;height:100%;object-fit:cover}.screen2 .marquee-item .tag{position:absolute;bottom:16px;left:16px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(29,29,31,.55);background:rgba(255,255,255,.85);padding:4px 10px;border-radius:6px;z-index:2}.split{display:grid;grid-template-columns:240px 1fr;max-width:1440px;margin:0 auto;padding:0 24px 120px;gap:60px;align-items:start}.split .split-nav{position:sticky;top:0;padding-top:80px;display:flex;flex-direction:column;gap:6px}.split .nav-item{display:flex;align-items:baseline;gap:16px;padding:14px 0;cursor:pointer;transition:color .25s;color:rgba(29,29,31,.3);position:relative}.split .nav-item.active{color:#1d1d1f}.split .nav-item.active::after{transform:scaleX(1)}.split .nav-item:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#1d1d1f;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.25,.1,.25,1)}.split .nav-item .num{font-size:11px;letter-spacing:.24em;font-weight:500}.split .nav-item .name{font-size:20px;font-weight:500}.split .split-content{padding-top:80px}.split .panel{display:none}.split .panel.active{display:block;animation:fade .45s ease}.split .panel-head{margin-bottom:32px}.split .panel-title{font-size:32px;font-weight:600;letter-spacing:-.025em;margin-bottom:8px;color:#000}.split .panel-desc{font-size:15px;color:rgba(29,29,31,.5)}.split .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 20px;margin-bottom:48px}.split .card-imgs{position:relative;width:100%;aspect-ratio:.8;margin-bottom:14px}.split .flip-card{position:absolute;inset:0;perspective:1200px}.split .flip-card.can-flip:hover .flip-inner{transform:rotateY(180deg)}.split .flip-card.can-flip .flip-hint-icon{display:flex}.split .flip-inner{position:relative;width:100%;height:100%;transition:transform .8s cubic-bezier(.25,.1,.25,1);transform-style:preserve-3d}.split .flip-back,.split .flip-front{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:16px;background:#fff;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;overflow:hidden}.split .flip-back img,.split .flip-front img{width:100%;height:100%;object-fit:cover}.split .flip-back{transform:rotateY(180deg)}.split .flip-hint-icon{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font-size:12px;display:none;align-items:center;justify-content:center;z-index:6;pointer-events:none;line-height:1;font-weight:600}.split .card-name-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.split .card-name{font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.35;flex:1;color:#000}.split .card-content{color:#1d1d1f80;margin-bottom:15px}.split .card-download{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 auto;color:#6e6e73;transition:color .2s,transform .2s}.split .card-download svg{display:block;width:22px;height:22px}.split .card-opts{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.split .card-opts .dot{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.1);cursor:pointer;transition:transform .2s;display:inline-block;flex:0 0 auto}.split .card-opts .dot.active{outline:2px solid #1d1d1f;outline-offset:2px}footer{padding-top:0}