:root{color-scheme:dark;--bg:#101014;--panel:#1b1b22;--line:#303039;--muted:#a1a1ad;--accent:#ee3464;font:14px/1.6 'Chakra Petch','Segoe UI',sans-serif;color:#f5f5f8;background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}[hidden]{display:none!important}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.icon{width:20px;height:20px;flex:none;vertical-align:middle}i{display:inline-flex;font-style:normal}header,main,footer{max-width:1160px;margin:auto;padding-inline:36px}header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:600;letter-spacing:-.6px}.brand img{width:36px;height:44px}.language-control{display:flex;align-items:center;gap:8px;color:var(--muted);border:1px solid var(--line);border-radius:9px;padding:8px 10px}.language-control .icon{width:17px;height:17px}.language-control select{color:#eee;background:transparent;border:0;font-size:12px;cursor:pointer}.language-control option{background:var(--panel)}.download{position:relative;isolation:isolate;padding:78px 0 95px;text-align:center;overflow:hidden}.halo{position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 35%,#ed32621c,transparent 65%)}h1{font-size:clamp(42px,7vw,78px);font-weight:600;line-height:1.15;letter-spacing:-2px;margin:12px 0 36px}#downloadLauncher{display:inline-flex;gap:14px;align-items:center;justify-content:center;background:var(--accent);padding:17px 30px;border-radius:11px;font-size:16px;font-weight:600;box-shadow:0 12px 40px #ed32622a}#downloadLauncher:hover{background:#ff4c7b}.download small{display:block;color:var(--muted);font-size:12px;margin-top:16px}.category{margin:20px 0 48px}.category h2{font-size:23px;font-weight:600;margin:0 0 22px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.product{min-width:0;background:var(--panel);border:1px solid #292932;border-radius:14px;overflow:hidden}.cover{height:235px;width:100%;object-fit:cover}.product-body{padding:22px}.product-title{display:flex;align-items:center;gap:12px}.product-title img{width:35px;height:35px;object-fit:contain}.product-title h3{font-size:18px;font-weight:600;line-height:1.35;margin:0;overflow-wrap:anywhere}.product-body p{color:var(--muted);font-size:13px;margin:16px 0}.price{font-size:17px;font-weight:600}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--line);border-radius:9px;background:none;color:var(--muted);cursor:pointer}#catalogError{display:flex;gap:16px;align-items:center;justify-content:center;color:var(--muted);padding:30px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:26px;color:var(--muted);font-size:11px;border-top:1px solid #25252f}.device-policy{display:inline-flex;align-items:center;gap:9px}.device-policy .icon{width:16px;height:16px}@media(max-width:800px){header,main,footer{padding-inline:24px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.download{padding:55px 0 70px}.cover{height:210px}}@media(max-width:520px){header{height:84px}.brand{font-size:22px}.brand img{width:30px;height:38px}header,main,footer{padding-inline:20px}.grid{grid-template-columns:1fr}.download{padding:45px 0 65px}h1{letter-spacing:-1px;font-size:43px}.cover{height:250px}.product-body{padding:20px}footer{align-items:flex-start;flex-direction:column;gap:12px}.category{margin-bottom:36px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.price{display:block;margin-top:18px}

.category-heading{display:flex;align-items:center;gap:12px}.category-heading i{color:var(--accent)}
.launcher-version{display:block;margin-top:6px;opacity:.75}
.launcher-version[hidden]{display:none}

/* Website motion pack — matches the Parade app */
body{background:radial-gradient(900px 520px at 85% -10%,#ee34641c,transparent 70%),radial-gradient(800px 600px at 10% 110%,#2fa69a14,transparent 70%),var(--bg);background-attachment:fixed}
.brand img{filter:drop-shadow(0 4px 14px #ee346455);animation:floatLogo 4s ease-in-out infinite}@keyframes floatLogo{50%{translate:0 -4px}}
.halo{background:radial-gradient(ellipse at 50% 35%,#ed32622e,transparent 62%);animation:haloPulse 6s ease-in-out infinite}@keyframes haloPulse{50%{opacity:.6;transform:scale(1.08)}}
h1{background:linear-gradient(100deg,#fff 40%,#ffd3df 50%,#fff 60%) 0 0/250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:titleShine 5s ease-in-out infinite}@keyframes titleShine{0%,60%{background-position:120% 0}100%{background-position:-60% 0}}
#downloadLauncher{position:relative;overflow:hidden;isolation:isolate;transition:background .2s,transform .2s,box-shadow .2s;animation:ctaGlow 2.8s ease-in-out infinite}#downloadLauncher:hover{transform:translateY(-2px);box-shadow:0 16px 46px #ee346655}#downloadLauncher:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 35%,#ffffff55 50%,transparent 65%) 0 0/250% 100%;animation:btnShine 3.5s 1s ease-in-out infinite}
@keyframes btnShine{0%,70%{background-position:150% 0}100%{background-position:-60% 0}}@keyframes ctaGlow{50%{box-shadow:0 12px 50px #ee346655}}
.hero-sparks{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.hero-sparks i{position:absolute;left:var(--x);bottom:-10px;width:var(--s);height:var(--s);border-radius:50%;background:#fff;box-shadow:0 0 10px #fff,0 0 18px var(--accent);opacity:0;animation:spark var(--d) linear var(--delay) infinite}
@keyframes spark{0%{opacity:0;transform:translate(0,0) scale(.6)}12%{opacity:.75}80%{opacity:.35}100%{opacity:0;transform:translate(var(--drift),-470px) scale(1.2)}}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.spotlight{position:relative;isolation:isolate;min-height:380px;border-radius:18px;overflow:hidden;border:1px solid #ffffff14;box-shadow:0 24px 60px #0007;margin:0 0 46px;display:flex;align-items:flex-end}
.spot-media{position:absolute;inset:0;z-index:-3}.spot-media img{width:100%;height:100%;object-fit:cover;transition:opacity .45s;animation:heroDrift 22s ease-in-out infinite alternate;translate:calc(var(--px,0)*-20px) calc(var(--py,0)*-12px)}.spot-media img.fading{opacity:.15}@keyframes heroDrift{from{transform:scale(1.02)}to{transform:scale(1.09)}}
.spot-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#080d10f0,#080d1066 60%,transparent),linear-gradient(0deg,#080d10e6,transparent 70%)}
.spotlight .hero-sparks{z-index:-1}
.spot-copy{padding:34px 36px;max-width:620px}.spot-copy.enter>*{animation:rise .5s cubic-bezier(.2,.7,.2,1) backwards}.spot-copy.enter>*:nth-child(2){animation-delay:.06s}.spot-copy.enter>*:nth-child(3){animation-delay:.12s}
.spot-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:12px;font-weight:600;color:#fff}.spot-eyebrow>.icon,.spot-eyebrow i .icon{width:16px;height:16px;color:var(--accent)}.spot-eyebrow .price-tag{position:static}
.spot-copy h2{font-size:clamp(30px,4.5vw,48px);line-height:1.15;margin:0 0 8px;letter-spacing:-1px}.spot-copy p:not(.spot-eyebrow){color:#c6cbd0;margin:0;font-size:14px}
.spot-dots{display:flex;gap:8px;margin-top:20px}.spot-dots button{width:26px;height:6px;border-radius:99px;border:0;background:#ffffff40;cursor:pointer;padding:0;transition:width .3s,background .3s}.spot-dots button.on{width:46px;background:var(--accent);box-shadow:0 0 10px var(--accent)}
.news{margin:0 0 46px}.news h2{font-size:23px;font-weight:600;margin:0 0 18px}.news-track{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.news-card{position:relative;background:linear-gradient(160deg,#1f1d27,#18181f);border:1px solid var(--line);border-radius:14px;padding:16px 18px;overflow:hidden;animation:rise .55s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(var(--i,0)*80ms);transition:transform .25s,border-color .25s}.news-card:hover{transform:translateY(-3px);border-color:#ee346666}
.news-card.unseen{border-color:#ee346677;box-shadow:0 0 0 1px #ee346433,0 10px 30px #ee34641f}.news-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.news-head small{color:var(--muted);font-size:11px}.news-head b{margin-left:auto;font-size:10px;background:var(--accent);border-radius:99px;padding:1px 8px}
.news-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#ee346422;color:var(--accent)}.news-icon .icon{width:16px;height:16px}.news-card h3{font-size:15px;font-weight:600;margin:0 0 4px}.news-card p{font-size:12px;color:var(--muted);margin:0}
.category-heading{border-bottom:1px solid;border-image:linear-gradient(90deg,var(--accent),var(--line) 30%,transparent) 1;padding-bottom:12px}
.product{animation:rise .55s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(var(--i,0)*80ms);transition:transform .25s,box-shadow .25s,border-color .25s;transform-style:preserve-3d}.product:hover{border-color:#ee346666;box-shadow:0 16px 40px #0008,0 0 30px #ee346422}
.product.tilting{transform:perspective(900px) rotateX(var(--rx,0)) rotateY(var(--ry,0)) translateY(-5px);transition:transform .08s linear}
.cover-wrap{position:relative;overflow:hidden}.cover{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.product:hover .cover{transform:scale(1.07)}
.product-title{align-items:flex-start}.product-title>div{min-width:0}.summary{color:var(--muted);font-size:12px;margin:2px 0 0}
.price-tag{position:absolute;right:12px;top:12px;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:12px;background:#101014d9;backdrop-filter:blur(8px);border:1px solid #ffffff22;box-shadow:0 6px 18px #0007;transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
.price-tag b{font-size:16px;font-weight:600;color:#fff}.price-tag s{font-size:12px;color:#b4b4c0;text-decoration-color:#ff4c7b;text-decoration-thickness:2px}
.price-tag.on-sale{border-color:#ee3464aa;background:linear-gradient(135deg,#2a1020e6,#101014e6)}.price-tag.on-sale b{color:#ffd166;text-shadow:0 0 12px #ffd16655}
.price-tag em{font-style:normal;font-size:11px;font-weight:600;color:#fff;background:var(--accent);border-radius:7px;padding:1px 6px;animation:salePulse 1.8s ease-in-out infinite}@keyframes salePulse{50%{transform:scale(1.12);box-shadow:0 0 14px #ee3464aa}}
.price-tag.soon b{font-size:12px;color:#ffc7d6}.product:hover .price-tag{transform:scale(1.08) rotate(-2deg)}
.fresh-tag{position:absolute;left:12px;bottom:12px;z-index:1;padding:4px 10px;border-radius:99px;background:var(--accent);color:#fff;font-size:11px;font-weight:600;box-shadow:0 4px 14px #ee346466;animation:freshBob 2.6s ease-in-out infinite}@keyframes freshBob{50%{transform:translateY(-3px)}}
.card-rating{display:inline-flex;align-items:center;gap:4px;margin-top:12px;font-size:13px;font-weight:600;color:#ffc94d}.card-rating .icon{width:15px;height:15px;fill:currentColor}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}.reveal.revealed{opacity:1;transform:none}
@media(max-width:800px){.spotlight{min-height:340px}.spot-copy{padding:26px 24px}}
@media(max-width:520px){.spotlight{min-height:360px;border-radius:14px}.spot-copy h2{font-size:30px}.price-tag{padding:4px 9px}.price-tag b{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}.hero-sparks{display:none}.reveal{opacity:1;transform:none}h1{color:#fff;background:none}}
.product-body .summary{margin:2px 0 0}