@font-face{font-family:Super;src:url("/assets/Font/Super%20Mindset.ttf") format("truetype");font-display:swap}
:root{--blue:#087ee5;--pink:#c22bac;--orange:#ffb82e;--green:#78df3b;--red:#ff503d;--ink:#20214b;--paper:#fffefd}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#171525;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,a{font:inherit}img{display:block;max-width:100%}
main{width:min(100%,1180px);margin:auto;overflow:hidden;background:var(--paper);box-shadow:0 0 70px #0008}.content{width:min(100% - 44px,980px);margin:auto;position:relative;z-index:2}.star-field{background-color:#171525;background-image:url("/assets/Graphic-Elements/StarryBackground-Element.svg");background-repeat:no-repeat;background-size:100% 100%;background-position:center;color:#fff}
h1,h2,h3,.eyebrow,.pill{font-family:Super,Arial,sans-serif;letter-spacing:.01em}.hero{position:relative;min-height:660px;padding:54px 0 60px}.rainbow{position:absolute;width:340px;left:-36px;top:-5px}.hero-grid{min-height:540px;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:44px}.hero-copy{text-align:center}.logo{width:220px;margin:0 auto 14px}h1{margin:0 0 26px;color:#fff;font-size:clamp(2.1rem,4vw,3.5rem);line-height:.98;text-shadow:0 4px 0 var(--pink),2px 0 var(--pink),-2px 0 var(--pink)}.hero-copy p{max-width:430px;margin:0 auto 16px;color:#f7f6ff;font-family:"Trebuchet MS","Arial Rounded MT Bold",Arial,sans-serif;font-size:1.08rem;font-weight:700;letter-spacing:.008em;line-height:1.5}.pill{display:inline-block;margin-top:15px;padding:13px 26px 11px;border:4px solid #fff;border-radius:999px;color:#26350e;text-decoration:none;font-size:1.45rem;box-shadow:0 5px 0 #3d9220;transition:.18s}.pill:hover{transform:translateY(-3px);box-shadow:0 8px 0 #3d9220}.green{background:var(--green)}.feature{width:115%;max-width:none;margin-left:-5%;filter:drop-shadow(0 16px 22px #0004)}
.wave{position:absolute;left:-4%;bottom:-1px;width:108%;height:clamp(38px,4.6vw,54px);-webkit-mask:url("/assets/Graphic-Elements/Separator-Element.svg") center bottom/100% 100% no-repeat;mask:url("/assets/Graphic-Elements/Separator-Element.svg") center bottom/100% 100% no-repeat}
.download{position:relative;min-height:760px;padding:74px 0 80px}.download-grid{display:grid;grid-template-columns:1fr 430px;align-items:center;gap:58px}.download-copy{text-align:center}.eyebrow{display:block;color:var(--blue);font-size:clamp(1.65rem,3.25vw,2.65rem);line-height:1}.download-copy h2{margin:15px 0 27px;font-size:clamp(3.5rem,7vw,6.1rem);line-height:.83}.outlined-line{--outline-color:var(--orange);position:relative;display:block;width:max-content;max-width:100%;margin:0 auto;padding:.12em .14em .08em;color:var(--outline-color);-webkit-text-stroke:.13em var(--outline-color);paint-order:stroke fill;isolation:isolate}.outlined-line::before,.outlined-line::after{content:attr(data-text);position:absolute;inset:.12em .14em .08em;pointer-events:none}.outlined-line::before{z-index:1;color:var(--outline-color);-webkit-text-stroke:.085em #fff;paint-order:stroke fill}.outlined-line::after{z-index:2;color:var(--outline-color);-webkit-text-stroke:0 transparent}.download-options{display:flex;align-items:center;justify-content:center;gap:18px}.qr{width:142px;border:8px solid #fff;border-radius:8px;box-shadow:0 8px 24px #16153929}.badges{display:grid;gap:12px;width:180px}.scan{margin:17px 0 0;color:#53516b;font-weight:800}
.carousel{position:relative;width:360px;margin:auto;padding:20px 40px 48px;isolation:isolate}.carousel-glow{position:absolute;inset:9% -13% 14%;background:url("/assets/Graphic-Elements/Splash-Deco-Element.svg") center/contain no-repeat;opacity:.25;transform:rotate(78deg) scale(1.35);z-index:-1}.phone-shot{width:100%;aspect-ratio:9/16;object-fit:cover;border:8px solid #252443;border-radius:24px;box-shadow:0 17px 36px #171b4942;background:#11132d}.arrow{position:absolute;top:45%;width:44px;height:44px;border:0;border-radius:50%;background:var(--blue);color:#fff;font-size:2.4rem;line-height:36px;cursor:pointer;box-shadow:0 4px 0 #0757a1}.prev{left:-3px}.next{right:-3px}.dots{position:absolute;left:50%;bottom:7px;display:flex;flex-wrap:wrap;width:214px;justify-content:center;gap:7px;transform:translateX(-50%)}.dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#b9dfff;cursor:pointer}.dot.active{width:24px;border-radius:9px;background:var(--blue)}a:focus-visible,button:focus-visible{outline:4px solid #ffd037;outline-offset:4px}
.community{position:relative;padding:80px 0 95px}.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.social-card{min-height:330px;display:grid;grid-template-columns:180px 1fr;align-items:end;position:relative;text-align:center}.social-card h2{font-size:clamp(2.3rem,5vw,4.2rem);line-height:.86;margin:0 0 22px}.social-character{width:100%;max-height:310px;object-fit:contain;object-position:center bottom;position:relative;z-index:2}.goldy{transform:translateY(10px)}.social-links{display:flex;justify-content:center;gap:16px}.social-links a{width:72px;height:72px}.social-links img{width:100%;height:100%}.tiktok{display:grid;place-items:center;background:#050505;border-radius:16px;color:#fff;font-size:3rem;text-decoration:none}.discord-card{grid-template-columns:190px 1fr}.community-figure{position:relative;width:205px;height:320px;align-self:end;display:flex;align-items:flex-end;justify-content:center}.community-decor{position:absolute;inset:0}.star-deco{position:absolute;width:235px;left:-28px;bottom:-3px}.swirl-deco{position:absolute;width:170px;left:34px;top:-10px;opacity:.3;transform:rotate(-12deg)}.onio{width:125px;max-height:285px}.discord img{width:270px;margin:auto}
.story{position:relative;padding:38px 0 100px}.story-grid{display:grid;grid-template-columns:260px 1fr;align-items:end;gap:42px}.character{width:100%;max-height:510px;object-fit:contain;object-position:bottom}.story h2{color:var(--pink);font-size:clamp(2rem,4vw,3.4rem);margin:0 0 24px;text-align:center}.story p{color:#0875d6;font-weight:750;line-height:1.48;margin:0 0 13px}
footer{padding:90px 0 70px}.footer-grid{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:50px}.footer-logo{width:200px}.footer-grid p{font-weight:800;font-size:1.1rem}.footer-grid nav{display:flex;gap:24px}.footer-grid a{color:#fff;font-weight:800}.legal-page{min-height:100vh;width:100%;max-width:none;display:grid;place-items:center;padding:48px 22px}.legal-panel{width:min(100%,920px);padding:clamp(30px,6vw,70px);border-radius:28px;background:#fff;color:var(--ink);box-shadow:0 22px 70px #0007}.legal-panel h1{color:var(--pink);text-shadow:none;font-size:clamp(2.8rem,8vw,5.2rem);margin:30px 0 10px}.back-link{color:var(--blue);font-weight:800}.legal-document{font-family:"Trebuchet MS",Arial,sans-serif;line-height:1.65}.legal-document section{padding:25px 0;border-top:2px solid #e6e6f2}.legal-document section:first-of-type{margin-top:34px}.legal-document h2{margin:0 0 12px;color:var(--blue);font-family:Super,Arial,sans-serif;font-size:clamp(1.45rem,3vw,2.05rem);line-height:1.05}.legal-document p{margin:0 0 12px}.legal-document p:last-child{margin-bottom:0}.legal-document address{font-style:normal;margin-bottom:12px}.legal-document a{color:#086cbf;text-underline-offset:3px}.legal-updated{margin:0;color:#62627a;font-weight:700}.legal-note{margin:28px 0 0;padding:18px 20px;border:2px solid #ffbd2d;border-radius:14px;background:#fff6d9;color:#46370b}
@media(max-width:780px){.content{width:min(100% - 30px,600px)}.hero{min-height:0;padding-top:42px}.rainbow{width:220px;left:-70px}.hero-grid,.download-grid,.community-grid,.story-grid{grid-template-columns:1fr}.hero-grid{gap:28px;padding-bottom:38px}.logo{width:180px}.feature{width:min(108%,470px);max-width:none;margin:auto}.download-grid{gap:36px}.download{padding-top:60px}.carousel{width:min(100%,350px)}.community-grid{gap:70px}.social-card{max-width:470px;margin:auto}.story-grid{gap:25px}.story .character{height:390px}.footer-grid{grid-template-columns:140px 1fr;gap:25px}}
@media(max-width:480px){.hero-copy p{font-size:.98rem}.download-options{flex-direction:column}.badges{width:200px}.carousel{padding-inline:32px}.social-card,.discord-card{grid-template-columns:110px 1fr;min-height:250px}.social-character{max-height:230px}.community-figure{width:125px;height:250px}.star-deco{width:155px;left:-18px}.swirl-deco{width:115px;left:12px}.onio{width:95px;max-height:220px}.social-card h2{font-size:2.5rem}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-logo{margin:auto}.footer-grid nav{justify-content:center}}
/* Review iteration: character/text overlap and more playful readable story copy */
.social-card,.discord-card{grid-template-columns:1fr;min-height:390px;isolation:isolate}
.social-card>div:last-child{position:relative;z-index:3;padding-top:150px}
.social-character{position:absolute;z-index:1;max-width:none;pointer-events:none}
.goldy{width:265px;max-height:330px;left:-15px;top:-55px;transform:none}
.community-figure{position:absolute;inset:0;width:auto;height:auto;z-index:1;display:block;align-self:stretch}
.community-decor{position:absolute;inset:0;z-index:0}
.onio{width:140px;max-height:300px;right:25px;top:-58px;left:auto;z-index:2}
.star-deco{width:255px;left:5px;bottom:15px}
.swirl-deco{position:absolute;width:310px;left:-34px;top:-42px;opacity:.27}.goldy-swirl{left:-92px;top:-68px;z-index:0;transform:rotate(-12deg);pointer-events:none}
.story-grid{grid-template-columns:330px 1fr}.story .character{max-height:640px;margin-bottom:-70px}.story p{font-family:"Trebuchet MS","Arial Rounded MT Bold",Arial,sans-serif;font-size:1.04rem;font-weight:700;letter-spacing:.008em;line-height:1.56}
.story{z-index:2}.story .wave{z-index:4}
.hero{z-index:3}.hero .wave{bottom:calc(clamp(38px,4.6vw,54px) / -2);z-index:5}.download{z-index:2}
footer.star-field{position:relative;z-index:1;margin-top:-27px;padding:103px 0 58px;background-size:cover;background-position:center bottom}
.footer-content{text-align:center}
.footer-claim{margin:0 auto 64px;font-family:Super,Arial,sans-serif;color:#fff;font-size:clamp(2.15rem,4.6vw,4.2rem);line-height:.9;text-shadow:0 4px 0 var(--pink),2px 0 var(--pink),-2px 0 var(--pink)}
.footer-lower{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:38px;border-top:2px solid #ffffff42}
.footer-meta{text-align:right}.footer-meta nav{display:flex;justify-content:flex-end;gap:34px;margin-bottom:22px}.footer-meta a{color:#fff;font-weight:800;text-underline-offset:5px}.copyright{margin:0;color:#dcdafa;font-size:.92rem;line-height:1.4}

@media(max-width:780px){.story-grid{grid-template-columns:1fr}.story .character{height:470px;max-height:470px;margin-bottom:-55px}}
@media(max-width:480px){.social-card,.discord-card{min-height:330px}.social-card>div:last-child{padding-top:130px}.goldy{width:220px;left:-45px;top:-45px}.onio{width:110px;right:8px;top:-48px}.goldy-swirl{width:235px;left:-98px;top:-48px}.footer-claim{margin-bottom:46px}.footer-lower{flex-direction:column;padding-top:32px}.footer-meta{text-align:center}.footer-meta nav{justify-content:center;gap:22px}.footer-logo{width:150px}}

/* Final illustration and scale refinements */
.pill{padding-inline:29px;font-size:1.7rem}
.star-deco{width:390px;left:-48px;bottom:-30px}
.goldy-swirl{width:450px;left:-155px;top:-120px}
.discord{display:block}.discord img{width:310px;max-width:100%;height:auto;margin:auto}
.story-grid{grid-template-columns:390px 1fr}.story .character{max-height:720px;margin-bottom:-110px}
.story{z-index:auto}.story .wave{z-index:4}
footer.star-field{z-index:3}
.star-deco{opacity:.58}
@media(max-width:780px){.story-grid{grid-template-columns:1fr}.story .character{height:540px;max-height:540px;margin-bottom:-90px}}
@media(max-width:480px){.pill{font-size:1.55rem}.star-deco{width:290px;left:-50px;bottom:-5px}.goldy-swirl{width:330px;left:-140px;top:-95px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important}}