*{box-sizing:border-box}html,body{margin:0;background:#121020;color:#fff;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}nav{position:fixed;top:0;left:0;right:0;z-index:10;padding:26px 5%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#12102080,transparent);pointer-events:none}nav>*{pointer-events:auto}.brand{font-size:34px;font-weight:800;letter-spacing:-2px}.brand span{color:#b79aff}nav>div{display:flex;gap:12px}nav button{color:#fff;border:1px solid #ffffff35;background:#16122680;border-radius:30px;padding:12px 20px;font-size:13px;backdrop-filter:blur(15px)}#story{height:100svh;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth}.scene{height:100svh;min-height:660px;position:relative;overflow:hidden;scroll-snap-align:start;isolation:isolate;display:flex;align-items:center;padding:95px 7% 110px}.photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70%;z-index:-3;transform:scale(1.13);transition:transform 9s linear}.active .photo{transform:scale(1)}.shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#131023f5 0%,#131023c0 38%,#13102320 80%),linear-gradient(0deg,#131023cc,transparent 45%)}.content{position:relative;z-index:2}.eyebrow{font-size:12px;letter-spacing:2.4px;font-weight:600;color:#c0a6e9;margin-bottom:30px}h1,h2{font-size:clamp(47px,5.8vw,88px);line-height:1.02;letter-spacing:-4px;margin:0 0 25px;font-weight:750}h1{font-size:clamp(60px,7.1vw,105px)}em{font-style:normal;color:#be99f2}.line{display:block;overflow:hidden;padding-bottom:5px;margin-bottom:-5px}.line>span{display:block;transform:translateY(115%) rotate(3deg);transition:transform .95s cubic-bezier(.16,1,.3,1)}.active .line>span{transform:none}.line:nth-child(2)>span{transition-delay:.13s}.line:nth-child(3)>span{transition-delay:.26s}.line:nth-child(4)>span{transition-delay:.39s}.enter{opacity:0;transform:translateY(20px);transition:opacity .8s .2s,transform .8s .2s}.active .enter{opacity:1;transform:none}.delay{transition-delay:.55s}p{font-size:18px;line-height:1.6;color:#beb7cf;margin:20px 0;max-width:510px}.hero-button{border:0;background:#be99f2;color:#1d1232;border-radius:40px;padding:19px 26px;font-size:15px;font-weight:700;margin-top:15px;display:inline-flex;align-items:center;gap:22px;transition:background .2s,transform .2s}.hero-button:hover{background:#d5b8ff;transform:translateY(-3px)}.hero-button small{font-size:10px;letter-spacing:1px;font-weight:400}.cornernote{position:absolute;bottom:115px;right:6%;font-size:12px;letter-spacing:1px}.scrollhint{position:absolute;bottom:115px;left:7%;font-size:10px;letter-spacing:2px;color:#c4b9d7}.scrollhint span{display:inline-block;margin-left:20px;animation:bob 2s infinite}.opening .content{padding-bottom:20px}.scenegrid{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-items:center;width:100%;max-width:1450px;margin:auto}.find{background:#191329}.find:before,.video:before,.finale:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 85% 50%,#71489c40,transparent 65%)}.stat{display:flex;gap:20px;align-items:center;margin-top:28px}.stat strong{font-size:55px;color:#bd99ec;letter-spacing:-3px}.stat span{font-size:13px;color:#bfb4d0;line-height:1.5}.searchstage{position:relative;padding:20px 15px 45px;perspective:1000px}.searchquery{background:#fff;color:#343042;display:flex;gap:15px;align-items:center;padding:19px 22px;border-radius:40px;font-size:16px;position:relative;z-index:2;box-shadow:0 20px 45px #0003;transform:translateY(-30px);opacity:0;transition:all .8s .35s}.active .searchquery{transform:none;opacity:1}.searchquery>span:last-child{margin-left:auto}.gmark{font-size:23px;font-weight:800;color:#8052c3}.cursor{width:1px;height:18px;background:#8d69af;animation:blink 1s infinite}.profilecard{background:#fff;color:#201b2c;border-radius:20px;overflow:hidden;margin:15px 18px 0;box-shadow:0 25px 75px #0005;transform:translateY(100px) rotateY(-12deg);opacity:0;transition:all 1s .6s}.active .profilecard{transform:rotateY(-3deg);opacity:1}.profilecard>img{height:160px;width:100%;object-fit:cover;object-position:65% 40%}.profilecopy{padding:23px}.profilecopy small{font-size:10px;color:#8d7c9e;letter-spacing:1.5px}.profilecopy h3{font-size:28px;letter-spacing:-1px;margin:12px 0}.profilecopy p{font-size:14px;color:#807287;margin:8px 0 18px}.actions{display:flex;gap:8px}.actions span{background:#f0e7fc;color:#7045a9;font-size:12px;padding:10px 13px;border-radius:20px}.taskbadge{position:absolute;right:-15px;bottom:35px;background:#b895e5;color:#29183c;padding:15px 18px;border-radius:12px;font-size:12px;box-shadow:0 10px 30px #0003;opacity:0;transform:translateX(30px);transition:all .7s 1.5s}.taskbadge.second{bottom:-13px;right:30px;background:#ece2f8;transition-delay:2s}.active .taskbadge{opacity:1;transform:none}.social{background:#e9e0f5;color:#241a32}.social em{color:#7946b3}.social .eyebrow{color:#8a63ae}.social p{color:#7c698c}.platformcount{margin-top:28px}.platformcount b{display:block;color:#7543aa;font-size:17px}.platformcount span,.platformcount small{display:block;margin-top:10px;font-size:12px;color:#7b668e}.poststage{height:420px;position:relative;perspective:1000px}.post{position:absolute;width:64%;border-radius:17px;background:white;overflow:hidden;box-shadow:0 35px 55px #3b205330;opacity:0;transition:transform 1.1s cubic-bezier(.16,1,.3,1),opacity .8s}.p1{left:0;top:0;transform:translate(-50px,100px) rotate(-18deg);transition-delay:.25s}.active .p1{opacity:1;transform:rotate(-9deg)}.p2{right:-5px;top:100px;background:#7444b2;color:#fff;transform:translate(70px,150px) rotate(20deg);transition-delay:.6s}.active .p2{opacity:1;transform:rotate(9deg)}.posthead{display:flex;justify-content:space-between;gap:8px;padding:16px;font-size:9px;font-weight:bold}.posthead span{font-weight:400}.post>img{height:175px;width:100%;object-fit:cover;object-position:70%}.postfoot{padding:18px;font-size:15px;line-height:1.5}.postfoot>div{margin-top:12px;font-size:21px}.artcopy{padding:28px 22px 32px}.artcopy small{font-size:9px;letter-spacing:1px}.artcopy h3{font-size:39px;line-height:1.04;letter-spacing:-1.8px;margin:30px 0}.artcopy em{color:#d9b8ff}.artcopy>span{font-size:10px}.sample{position:absolute;bottom:-65px;left:20px;font-size:10px;color:#897297}.video{background:#20142e}.filmstage{position:relative;padding-bottom:35px}.filmframe{position:relative;border:6px solid #74627e;border-radius:18px;overflow:hidden;transform:rotate(-7deg) scale(.85);opacity:0;transition:all 1s .3s;box-shadow:0 30px 70px #0005}.active .filmframe{transform:rotate(-3deg) scale(1);opacity:1}.filmframe>img{width:100%;height:360px;object-fit:cover;object-position:65%;filter:brightness(.65)}.filmoverlay{position:absolute;bottom:28px;left:25px}.filmoverlay small{font-size:10px;letter-spacing:2px}.filmoverlay h3{font-size:36px;letter-spacing:-1.5px;line-height:1.05;margin:15px 0}.filmprogress{position:absolute;bottom:0;left:0;right:0;height:5px;background:#eee3}.filmprogress i{display:block;height:100%;background:#d0abff;width:0}.active .filmprogress i{animation:film 7s linear forwards}.webbadge{position:absolute;right:-20px;bottom:0;display:flex;gap:20px;background:#ede4f8;color:#382546;padding:20px 24px;border-radius:15px;box-shadow:0 20px 50px #0003;opacity:0;transform:translateY(50px);transition:all .8s 1.1s}.active .webbadge{opacity:1;transform:none}.webbadge>span{font-size:25px}.webbadge b{font-size:14px}.webbadge p{color:#8b7498;font-size:12px;margin:6px 0 0}.automation{background:#142824}.automation em{color:#b6e1cb}.automation .eyebrow{color:#94b8a7}.automation p{color:#afc1b8}.featurelines span{display:block;font-size:14px;color:#c7dad0;padding:10px 0;border-bottom:1px solid #ffffff15}.textbutton{border:0;background:none;color:#a8d7bd;padding:18px 0;font-size:12px}.phonestage{perspective:1000px}.phone{width:310px;max-width:100%;margin:auto;border:7px solid #425950;border-radius:36px;background:#e8eee9;color:#20372d;box-shadow:0 35px 80px #0005;overflow:hidden;transform:rotateY(-18deg) translateY(60px);opacity:0;transition:all 1s .3s}.active .phone{transform:rotateY(-6deg);opacity:1}.phonehead{padding:20px 15px;background:#fff;display:flex;align-items:center;gap:12px;font-size:15px}.phonehead small{display:block;font-size:10px;color:#829287;margin-top:4px}.avatar{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#4d7d69}.messages{padding:22px 15px;min-height:300px;position:relative}.bubble{border-radius:13px;background:#fff;padding:13px;font-size:13px;line-height:1.5;margin-bottom:17px;opacity:0;transform:translateY(20px)}.bubble small{display:block;text-align:right;font-size:9px;margin-top:7px;color:#89988b}.b2{background:#c9e6ce;margin-left:18px}.active .b1{animation:appear .5s .9s forwards}.active .b2{animation:appear .5s 2.6s forwards}.active .b3{animation:appear .5s 4.1s forwards}.typing{position:absolute;right:28px;top:118px;display:flex;gap:4px;opacity:0}.typing i{width:5px;height:5px;border-radius:50%;background:#6c8b76}.active .typing{animation:typing 1.1s 1.4s forwards}.messageinput{background:#fff;border-radius:25px;margin:12px;padding:13px 18px;display:flex;justify-content:space-between;color:#92a396;font-size:11px}.phonecaption{font-size:10px;text-align:center;color:#8bac9b;margin-top:22px}.ads{background:#e5dcef;color:#281b35}.ads em{color:#774da0}.ads .eyebrow{color:#8b6a9f}.ads p{color:#806b8e}.adfee{margin-top:30px}.adfee b{display:block;font-size:19px}.adfee span{display:block;margin-top:10px;font-size:14px;color:#85708f}.adstage{position:relative;height:370px}.adpanel{background:#fff;border-radius:19px;padding:28px;width:92%;box-shadow:0 30px 60px #43225620;opacity:0;transform:translateY(65px);transition:all 1s .4s}.active .adpanel{opacity:1;transform:rotate(-4deg)}.adlabel{font-size:12px;letter-spacing:2px;font-weight:bold;margin-bottom:15px}.adpanel small{font-size:10px;color:#9c8ca6}.adpanel h3{font-size:30px;letter-spacing:-1px;margin:16px 0}.adpanel p{font-size:13px}.metaad{position:absolute;right:-10px;top:165px;background:#412956;color:white;transition-delay:.85s}.active .metaad{transform:rotate(6deg)}.metaad em{color:#d2a8ef}.metaad>div:last-child{font-size:12px;color:#cbb6dc}.orbitword{position:absolute;bottom:-50px;left:20px;font-size:10px;letter-spacing:2px;color:#987faa}.finale{background:#171122;flex-direction:column;justify-content:center;text-align:center}.finale:before{background:radial-gradient(ellipse at center,#804aa040,transparent 65%)}.finaltop{font-size:12px;letter-spacing:3px;color:#b494cb;margin-bottom:25px}.finalheadline{font-size:clamp(34px,4.6vw,66px);letter-spacing:-2.6px;margin-bottom:12px}.bigprice{font-size:clamp(70px,8vw,120px);letter-spacing:-5px;font-weight:750;color:#fff}.bigprice span{display:block;font-size:16px;letter-spacing:0;color:#b7a1c6;font-weight:400;margin-top:5px}.finalservices{font-size:15px;line-height:1.8;max-width:650px;margin:20px 0 6px}.terms{font-size:11px;max-width:550px;color:#ad9cba;line-height:1.6}.player{position:fixed;bottom:20px;left:5%;right:5%;z-index:15;background:#191324d9;backdrop-filter:blur(22px);border:1px solid #ffffff18;border-radius:18px;padding:12px 18px;display:flex;align-items:center;gap:17px;color:#cdb9e0}.player>button{color:#fff;background:none;border:0;font-size:20px;padding:5px 10px;min-width:35px;min-height:35px}#chapter{font-size:11px;letter-spacing:2px;white-space:nowrap}.segments{display:flex;gap:7px;flex:1}.segments button{height:28px;position:relative;flex:1;border:0;background:none;padding:0}.segments button:before{content:'';position:absolute;height:3px;left:0;right:0;top:12px;background:#665175;border-radius:4px}.segments button.current:before{background:#d2a4fa}.segments button.past:before{background:#9e79b9}#chaptertitle{font-size:11px;min-width:115px}.paused .scene *{animation-play-state:paused!important}dialog{background:#21162f;color:white;border:1px solid #584165;border-radius:25px;padding:40px;width:min(92%,600px);max-height:85svh;overflow:auto;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#08050cc9;backdrop-filter:blur(15px)}dialog h2{font-size:39px;letter-spacing:-1.7px}.close{float:right;border:0;background:none;color:#c2a6d3;font-size:30px}dl>div{padding:15px 0;border-bottom:1px solid #ffffff15}dt{font-size:15px;color:#e9d8f5}dd{margin:7px 0 0;color:#b9a4c7;font-size:13px;line-height:1.5}dialog>b{display:block;font-size:24px;margin-top:25px}:focus-visible{outline:3px solid #d2a7f4;outline-offset:4px}@keyframes appear{to{opacity:1;transform:none}}@keyframes typing{0%,90%{opacity:1}100%{opacity:0}}@keyframes film{to{width:100%}}@keyframes bob{50%{transform:translateY(6px)}}@keyframes blink{50%{opacity:0}}@media(min-width:1500px){.scenegrid{gap:10%}.scene{padding-left:9%;padding-right:9%}.searchstage,.filmstage{max-width:560px}}@media(max-width:760px){nav{padding:20px 6%}.brand{font-size:29px}nav button{font-size:11px;padding:10px 13px}nav #details{display:none}.scene{padding:95px 7% 105px;min-height:780px;height:100svh}.scenegrid{grid-template-columns:1fr;gap:25px}.scenegrid .content{align-self:start}h1{font-size:69px;letter-spacing:-3px}h2{font-size:46px;letter-spacing:-2.3px;line-height:1.03}.eyebrow{font-size:10px;letter-spacing:1.7px;margin-bottom:19px}p{font-size:15px;margin:17px 0}.opening{min-height:650px}.opening .content{align-self:center}.opening .photo{object-position:67%}.shade{background:linear-gradient(90deg,#151021e8,#15102195 60%,#15102155),linear-gradient(0deg,#151021a0,transparent)}.cornernote{display:none}.scrollhint{bottom:110px}.hero-button{padding:16px 22px;font-size:13px;gap:17px}.hero-button small{font-size:9px}.stat{margin-top:14px;gap:15px}.stat strong{font-size:38px}.stat span{font-size:11px}.searchstage{padding:0 15px 15px;max-width:400px;width:100%;margin:auto}.searchquery{padding:13px 18px;font-size:13px}.profilecard{margin:9px 12px 0}.profilecard>img{height:82px}.profilecopy{padding:14px}.profilecopy small{font-size:8px}.profilecopy h3{font-size:22px;margin:8px 0}.profilecopy p{font-size:12px;margin:6px 0 12px}.actions span{font-size:10px;padding:8px 10px}.taskbadge{right:0;bottom:0;font-size:10px;padding:10px 13px}.taskbadge.second{bottom:-33px;right:30px}.poststage{height:270px;max-width:350px;width:100%;margin:auto}.post{width:62%}.p2{top:45px;right:0}.posthead{font-size:7px;padding:12px}.post>img{height:105px}.postfoot{padding:12px;font-size:12px}.postfoot>div{font-size:17px;margin-top:7px}.artcopy{padding:16px}.artcopy small{font-size:7px}.artcopy h3{font-size:28px;margin:25px 0}.artcopy>span{font-size:8px}.sample{bottom:-23px;font-size:9px}.platformcount{margin-top:16px}.platformcount b{font-size:14px}.platformcount span,.platformcount small{font-size:10px;margin-top:7px}.filmstage{max-width:365px;width:100%;margin:auto;padding-bottom:35px}.filmframe>img{height:220px}.filmoverlay h3{font-size:29px}.filmoverlay small{font-size:8px}.webbadge{padding:13px 18px;right:0}.webbadge b{font-size:12px}.webbadge p{font-size:10px}.featurelines span{font-size:11px;padding:7px 0}.textbutton{font-size:11px;padding:12px 0}.phone{width:245px;border-width:5px;border-radius:27px}.phonehead{padding:11px 14px;font-size:12px}.avatar{width:29px;height:29px;font-size:12px}.messages{padding:13px;min-height:227px}.bubble{padding:10px;font-size:10px;margin-bottom:12px}.bubble small{font-size:8px}.messageinput{padding:10px 14px;margin:8px;font-size:10px}.phonecaption{font-size:9px;margin-top:12px}.typing{top:94px}.adstage{max-width:360px;width:100%;height:270px;margin:auto}.adpanel{padding:20px}.adlabel{font-size:10px;margin-bottom:10px}.adpanel h3{font-size:25px;margin:12px 0}.adpanel p{font-size:11px}.metaad{top:128px;right:0}.metaad>div:last-child{font-size:10px}.orbitword{font-size:8px;bottom:-32px}.adfee{margin-top:18px}.adfee b{font-size:16px}.adfee span{font-size:12px}.player{left:4%;right:4%;bottom:15px;gap:8px;padding:9px 10px;border-radius:14px}#chaptertitle{display:none}#chapter{font-size:9px;letter-spacing:1px}.segments{gap:5px}.player>button{padding:4px;font-size:18px}.finale{min-height:650px}.finalheadline{font-size:37px;letter-spacing:-1.8px}.finaltop{font-size:10px;letter-spacing:2px}.bigprice{font-size:82px;margin-top:20px;letter-spacing:-4px}.bigprice span{font-size:14px}.finalservices{font-size:13px;line-height:1.9;margin-top:25px}.terms{font-size:10px}dialog{padding:28px}dialog h2{font-size:32px}dialog p{font-size:14px}}@media(prefers-reduced-motion:reduce){#story{scroll-behavior:auto}.line>span,.enter,.profilecard,.searchquery,.taskbadge,.post,.filmframe,.webbadge,.phone{transform:none!important;opacity:1!important;transition:none!important}.bubble{opacity:1;transform:none}*{animation:none!important}}

/* Hero: Play Store download next to "Play the story" */
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:15px}.hero-actions .hero-button{margin-top:0}
.hero-store{display:inline-flex;align-items:center;gap:13px;padding:13px 24px 13px 20px;border-radius:40px;border:1px solid #ffffff45;background:#16122699;backdrop-filter:blur(15px);color:#fff;transition:opacity .8s .2s,transform .8s .2s,background .2s,border-color .2s}
.hero-store:hover{background:#241b3ecc;border-color:#d5b8ff}.active .hero-store:hover{transform:translateY(-3px)}
.hero-store span{display:flex;flex-direction:column;line-height:1.15;text-align:left}.hero-store b{font-size:15px;font-weight:700}
.hero-store small{font-size:10px;letter-spacing:1px;margin-top:4px;color:#d9c2ff;font-weight:700}.hero-store .gplay{flex:none}
@media(max-width:760px){.hero-actions{gap:10px}.hero-store{padding:11px 20px 11px 16px;gap:11px}.hero-store b{font-size:13px}.hero-store small{font-size:9px}.hero-store .gplay{width:19px;height:19px}}

/* The app download is the hero's main action (Play the story button removed). */
.hero-store.primary{background:#be99f2;border-color:#be99f2;color:#1d1232;padding:15px 30px 15px 24px;backdrop-filter:none}
.hero-store.primary:hover{background:#d5b8ff;border-color:#d5b8ff}.hero-store.primary b{font-size:16px}.hero-store.primary small{color:#3b2363}
.hero-store.primary .gplay{width:26px;height:26px;background:#1d1232;border-radius:8px;padding:4px}
@media(max-width:760px){.hero-store.primary{padding:13px 24px 13px 18px}.hero-store.primary b{font-size:14px}.hero-store.primary .gplay{width:23px;height:23px}}

/* Hero: official Google Play badge + the offer beside it */
.hero-actions{gap:22px}
.hero-badge{display:inline-block;line-height:0;border-radius:11px;box-shadow:0 14px 34px #0006;transition:opacity .8s .2s,transform .8s .2s,box-shadow .2s}
.hero-badge img{display:block;height:60px;width:auto;border-radius:11px}
.active .hero-badge:hover{transform:translateY(-3px);box-shadow:0 20px 44px #0008}
.hero-offer{display:flex;flex-direction:column;padding-left:20px;border-left:2px solid #be99f2;line-height:1.2}
.hero-offer b{font-size:21px;letter-spacing:-.4px;color:#fff;font-weight:750}
.hero-offer span{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:#d2b8f7;margin-top:5px;font-weight:600}
@media(max-width:760px){.hero-actions{gap:16px}.hero-badge img{height:50px}.hero-offer{padding-left:14px}.hero-offer b{font-size:17px}.hero-offer span{font-size:9px;letter-spacing:1.2px}}