/* Real campaign motion, framed in the existing violet and orange brand. */
.hero .hero-grid{grid-template-columns:1.04fr 1fr;gap:20px;min-height:700px;padding-top:72px;padding-bottom:50px}.hero .hero-art.motion-hero-art{height:535px;width:100%;max-width:560px;margin:0;scale:1;left:auto;position:relative;perspective:1000px}.motion-halo{position:absolute;inset:40px -35px 15px;border-radius:50%;background:radial-gradient(ellipse,#bca0ff88,transparent 65%);filter:blur(12px)}.motion-orbit{position:absolute;border:1px solid #ab85f338;border-radius:50%;width:500px;height:385px;left:calc(50% - 250px);top:83px;transform:rotate(-25deg)}.motion-orbit-two{transform:rotate(32deg);border-style:dashed;animation:motion-orbit-breathe 8s ease-in-out infinite}.motion-orbit-one:after{content:"";position:absolute;top:30px;left:98px;width:9px;height:9px;background:#ff9e3b;border-radius:50%;box-shadow:0 0 20px #ff9e3b}.motion-studio-label{position:absolute;top:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;font-size:9px;font-weight:700;letter-spacing:2px;color:#7553ad;background:#ffffffb0;border:1px solid #fff;border-radius:30px;padding:9px 14px;white-space:nowrap}.motion-studio-label>span{width:5px;height:5px;border-radius:50%;background:#32b68a;box-shadow:0 0 0 4px #32b68a12}.motion-studio-label b{color:#ff922d;font-size:15px;margin-left:8px}.motion-device{position:absolute;border-radius:28px;filter:drop-shadow(0 22px 17px #30205228);transform-origin:center;will-change:transform}.campaign-motion{display:block;width:100%;height:auto;aspect-ratio:366/752;object-fit:cover;border-radius:inherit;background:#221832}.motion-device-center{width:218px;left:calc(50% - 109px);top:42px;z-index:3;animation:motion-main-float 7s ease-in-out infinite}.motion-device-left{width:158px;left:0;top:115px;z-index:1;transform:rotate(-13deg);animation:motion-left-float 8s ease-in-out infinite}.motion-device-right{width:158px;right:0;top:108px;z-index:2;transform:rotate(13deg);animation:motion-right-float 8s 1s ease-in-out infinite}.motion-device-caption{display:none}.motion-badge{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;background:#fffffff0;border:1px solid #fff;box-shadow:0 10px 32px #57368e15;backdrop-filter:blur(8px);padding:12px 15px;border-radius:14px;animation:motion-badge-float 6s ease-in-out infinite}.motion-badge>span{width:31px;height:31px;display:grid;place-items:center;font-size:22px;background:#fff1df;border-radius:10px}.motion-badge b{display:block;font-size:10px;color:#39284e}.motion-badge small{display:block;font-size:8px;color:#8a7c9b;margin-top:3px}.motion-badge-prize{left:-12px;bottom:82px;transform:rotate(-5deg)}.motion-badge-brand{right:-12px;top:64px;animation-delay:-3s}.motion-badge-brand>span{background:#eee6ff;color:#8751df}.motion-hero-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:9px;color:#9382ac;letter-spacing:.2px}.motion-hero-caption i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#9b74db;margin-right:6px}.motion-spark{position:absolute;color:#ffa13f;font-size:42px;animation:motion-spark-turn 10s linear infinite}.motion-spark-one{top:35px;left:20px}.motion-spark-two{bottom:55px;right:22px;font-size:32px;color:#9e74eb}.motion-showcase{padding-top:90px;padding-bottom:80px}.motion-showcase-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:36px}.motion-showcase-head h2{font-size:clamp(28px,3.4vw,43px);letter-spacing:-1.5px;line-height:1.2}.motion-showcase-head p{max-width:570px;font-size:13px;margin-top:18px;line-height:1.8}.motion-toggle{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e5dcf3;background:#faf7ff;color:#75569d;border-radius:30px;padding:10px 14px;font:600 10px var(--font-main);cursor:pointer;transition:background .2s}.motion-toggle:hover{background:#f0e8ff}.motion-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.motion-preview{position:relative;border:1px solid #ece5f6;border-radius:24px;background:linear-gradient(160deg,#f8f2ff,#f0e4ff);overflow:hidden;transition:transform .35s,box-shadow .35s}.motion-preview-envelopes{background:linear-gradient(160deg,#fff7ec,#ffe5d8);border-color:#fae8dd}.motion-preview-fortune{background:linear-gradient(160deg,#fff9ec,#f6eac9);border-color:#efe7d4}.motion-preview:hover{transform:translateY(-7px);box-shadow:0 20px 45px #53228c14}.motion-preview-top{display:flex;justify-content:space-between;align-items:center;padding:22px 24px 0;color:#8d72ac}.motion-preview-top span{font-size:8px;letter-spacing:1.6px;font-weight:700}.motion-preview-top b{font-size:19px;font-weight:500;opacity:.6}.motion-preview-stage{position:relative;padding:25px 0 32px;display:flex;justify-content:center;overflow:hidden}.motion-preview-stage video{position:relative;width:185px;max-width:68%;border-radius:25px;box-shadow:0 18px 30px #43203c22;transform:rotate(-4deg);transition:transform .5s}.motion-preview-envelopes video{transform:rotate(4deg)}.motion-preview-fortune video{transform:rotate(-3deg)}.motion-preview:hover video{transform:rotate(0) translateY(-4px)}.motion-preview-ring{position:absolute;width:280px;height:280px;border:1px solid #9670bd25;border-radius:50%;top:55px;left:calc(50% - 140px)}.motion-preview-ring:after{content:"✦";position:absolute;top:0;right:32px;color:#ff9d44;font-size:30px;animation:motion-spark-turn 14s linear infinite}.motion-preview-copy{padding:23px 24px 0;background:#ffffffcf;border-top:1px solid #ffffffb0}.motion-preview-copy h3{font-size:17px;letter-spacing:-.3px}.motion-preview-copy p{font-size:11px;line-height:1.8;margin:8px 0 18px}.motion-preview-copy a{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e9e1ef;padding:15px 0;color:#8047c8;font-size:11px;font-weight:700}.motion-showcase-note{text-align:center;margin-top:22px;font-size:10px;color:#a093ae}.motion-paused .motion-hero-art *,.motion-paused .motion-preview-ring:after{animation-play-state:paused!important}
@keyframes motion-main-float{50%{transform:translateY(-12px) rotate(2deg)}}@keyframes motion-left-float{50%{transform:translateY(10px) rotate(-10deg)}}@keyframes motion-right-float{50%{transform:translateY(-8px) rotate(10deg)}}@keyframes motion-badge-float{50%{translate:0 -8px}}@keyframes motion-spark-turn{to{rotate:360deg}}@keyframes motion-orbit-breathe{50%{scale:1.06;opacity:.5}}
@media(max-width:1050px) and (min-width:801px){.hero .hero-art.motion-hero-art{scale:.87;transform-origin:center;max-width:none;width:450px;margin-left:-30px}.motion-device-left{left:0}.motion-device-right{right:0}}
@media(max-width:800px){.hero .hero-grid{grid-template-columns:1fr;gap:35px;padding-top:42px;padding-bottom:25px}.hero .hero-art.motion-hero-art{width:500px;max-width:100%;margin:0 auto;height:530px;scale:1;left:auto}.motion-badge-prize{left:0}.motion-badge-brand{right:0}.motion-showcase-head{align-items:flex-start;flex-direction:column;gap:20px}.motion-gallery{gap:14px}.motion-preview-top{padding:16px 15px 0}.motion-preview-top span{font-size:7px;letter-spacing:.5px}.motion-preview-stage{padding:20px 0 26px}.motion-preview-stage video{max-width:78%;border-radius:18px}.motion-preview-copy{padding:18px 15px 0}.motion-preview-copy h3{font-size:14px}.motion-preview-copy p{font-size:10px}}
@media(max-width:600px){.hero .hero-art.motion-hero-art{height:455px}.motion-device-center{width:184px;left:calc(50% - 92px);top:40px}.motion-device-left,.motion-device-right{width:126px;top:112px}.motion-badge{padding:9px 10px;gap:7px;border-radius:12px}.motion-badge b{font-size:8px}.motion-badge small{font-size:7px}.motion-badge>span{width:25px;height:25px;font-size:18px}.motion-badge-brand{top:54px;right:-5px}.motion-badge-prize{bottom:65px;left:-5px}.motion-orbit{width:350px;height:310px;left:calc(50% - 175px);top:65px}.motion-spark-one{top:40px;left:2px;font-size:28px}.motion-spark-two{bottom:60px;right:8px}.motion-gallery{grid-template-columns:1fr;gap:24px}.motion-preview{max-width:390px;width:100%;margin:auto}.motion-preview-stage video{width:180px;max-width:65%;border-radius:24px}.motion-preview-top{padding:20px 24px 0}.motion-preview-copy{padding:20px 24px 0}.motion-preview-copy h3{font-size:17px}.motion-preview-copy p{font-size:12px}.motion-showcase{padding-top:58px;padding-bottom:55px}.motion-showcase-head h2{font-size:31px;letter-spacing:-1.2px}.motion-showcase-head p{font-size:12px}.motion-showcase-note{font-size:9px}.motion-showcase-head{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){.motion-hero-art *,.motion-preview-ring:after{animation:none!important}.motion-preview,.motion-preview-stage video{transition:none!important}}
.motion-paused .hero *{animation-play-state:paused!important}