.olodo-landing{background:#110922;color:#f9f6ff;overflow:clip;font-family:NunitoSans_400Regular,sans-serif}.olodo-landing h1,.olodo-landing h2{font-family:Fredoka_600SemiBold,sans-serif;font-weight:600;letter-spacing:-.035em}.olodo-landing a{text-decoration:none}.landing-header{position:sticky;top:0;z-index:50;background:#110922ed;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff10}.landing-nav{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 28px}.landing-nav nav{display:flex;gap:32px}.landing-nav nav a{color:#ded3f0;font-size:14px;font-weight:700}.nav-play{display:flex;align-items:center;gap:24px;border:1px solid #ffdf2460;border-radius:999px;color:#ffdf24;padding:12px 22px;font-weight:800}.landing-hero{max-width:1200px;margin:auto;padding:88px 28px 90px;display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}.landing-eyebrow{font-size:11px;font-family:NunitoSans_700Bold,sans-serif;font-weight:700;letter-spacing:.15em;color:#ffdf24;line-height:1.8}.status-dot{display:inline-block;background:#ffdf24;width:6px;height:6px;border-radius:50%;margin-right:10px}.hero-copy h1{font-size:clamp(60px,7.8vw,100px);line-height:1.02;margin:22px 0 28px}.hero-copy h1 span,.landing-download h2 span,.landing-section h2 span{color:#ffdf24}.hero-description{max-width:465px;font-size:18px;line-height:1.7;color:#c5b6d9;margin-bottom:32px}.landing-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.landing-play{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#ffdf24;color:#180d32;border-radius:16px;padding:18px 25px;font-weight:800;font-size:18px;box-shadow:0 8px 28px #ffdf2418;transition:transform .2s}.landing-play:hover{transform:translateY(-3px)}.landing-play>span{margin-left:28px}.landing-stores{flex-wrap:wrap;gap:12px}.landing-stores,.store-badge{display:flex;align-items:center}.store-badge{flex-shrink:0;padding:12px 0}.store-badge img{height:48px;width:auto;object-fit:contain}.google-store-badge{padding:0}.google-store-badge img{height:72px;width:auto}.hero-footnote{color:#a797bd;font-size:12px;margin:18px 0 32px}.hero-topics{display:flex;flex-wrap:wrap;gap:9px}.hero-topics span{color:#c5b6d9;background:#211436;border:1px solid #ffffff0f;border-radius:999px;padding:8px 13px;font-size:12px}.hero-art{position:relative;display:grid;place-items:center;padding:30px 0;isolation:isolate}.hero-halo{position:absolute;width:92%;aspect-ratio:1;border-radius:50%;z-index:-1;background:radial-gradient(circle,#6632a7 0,#2e164e 60%,#11092200 73%);box-shadow:0 0 120px #6c2bd921}.hero-character{width:100%;max-width:420px;height:auto;filter:drop-shadow(0 25px 30px #0005)}.hero-stamp{top:5px;right:0;z-index:2;background:#281546;border:1px solid #ffdf2450;color:#ffdf24;border-radius:18px;padding:14px 18px;transform:rotate(8deg);font-size:12px;font-weight:800}.hero-reaction,.hero-stamp{position:absolute;display:flex;align-items:center;gap:12px}.hero-reaction{bottom:10px;left:0;border:1px solid #ffffff25;border-radius:18px;background:#221439ed;padding:18px 24px;box-shadow:0 16px 40px #0003;transform:rotate(-5deg)}.hero-reaction>span{font-size:30px}.hero-reaction small,.hero-reaction strong{display:block}.hero-reaction small{color:#bca8d4;font-size:9px;letter-spacing:.14em;margin-bottom:5px}.hero-reaction strong{font-size:16px}.landing-ribbon{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:28px;background:#23123d;border-block:1px solid #6d458650;padding:24px;color:#f2eafa;font-size:12px;font-weight:800;letter-spacing:.08em}.landing-section{max-width:1200px;margin:auto;padding:110px 28px}.section-copy{max-width:550px}.how-heading h2,.section-copy h2{font-size:clamp(34px,4.5vw,56px);line-height:1.15;margin:16px 0 22px}.section-copy>p:last-child{color:#b7a7ce;line-height:1.7;font-size:17px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.feature-grid article{border:1px solid #ffffff15;background:linear-gradient(140deg,#291642,#1b102d);border-radius:24px;padding:30px}.feature-glyph{display:grid;place-items:center;width:52px;height:52px;background:#402161;border-radius:16px}.feature-grid h3{font-size:21px;margin:26px 0 12px}.feature-grid p{color:#bcaed0;line-height:1.7;font-size:15px;margin-bottom:0}.how-section{max-width:1144px;margin:0 auto 90px;padding:55px;border-radius:32px;background:#1c1030;border:1px solid #ffffff12;display:grid;grid-template-columns:1fr 1fr;gap:50px}.how-heading a{display:inline-flex;gap:28px;padding:12px 0;font-weight:800}.how-steps{display:grid;gap:25px}.how-steps article{display:flex;gap:22px;align-items:flex-start}.how-steps article>span{color:#ffdf24;font-size:30px;font-family:Fredoka_600SemiBold,sans-serif}.how-steps h3{font-size:19px;margin:0 0 10px}.how-steps p{color:#bcaed0;line-height:1.7;margin:0;font-size:15px}.landing-download{text-align:center;padding:90px 24px 110px;background:radial-gradient(ellipse at bottom,#4b2073,#110922 70%)}.landing-download h2{font-size:clamp(40px,5vw,64px);line-height:1.12;margin:20px 0}.landing-download>p:not(.landing-eyebrow){color:#c5b6d9;margin-bottom:30px}.landing-actions.centered{align-items:center}.landing-footer{max-width:1200px;margin:auto;border-top:1px solid #ffffff15;padding:36px 28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;color:#a797bd;font-size:12px}.landing-footer nav{display:flex;flex-wrap:wrap;gap:22px}.landing-footer nav a{color:#c5b6d9}@media (max-width:800px){.landing-hero{padding-top:55px;grid-template-columns:1fr;gap:35px}.hero-art{width:min(100%,450px);justify-self:center}.hero-copy{max-width:560px}.feature-grid,.how-section{grid-template-columns:1fr}.how-section{margin-inline:20px;padding:32px}.landing-nav nav{display:none}.landing-section{padding-block:65px}}@media (max-width:420px){.landing-hero,.landing-nav{padding-inline:20px}.nav-play{gap:12px;padding:10px 14px;font-size:13px}.hero-copy h1{font-size:62px}.hero-description{font-size:16px}.hero-stamp{font-size:10px;right:5px;padding:12px}.hero-reaction{padding:14px}.landing-ribbon{gap:15px;font-size:10px}.landing-ribbon svg{display:none}.landing-eyebrow{font-size:9px}}.landing-footer>img,.landing-header>a:first-child{flex-shrink:0}.landing-logo{object-fit:contain;height:auto;margin-block:-18px}.store-unavailable{flex-direction:column;gap:12px;cursor:default}.store-availability{font-size:12px;color:#b8aad0;font-weight:600}