html:has(.landing-page){scroll-behavior:smooth}body:has(.landing-page),html:has(.landing-page){background:linear-gradient(125deg,#ffd4e8,#f0d9ff 42%,#c9ebff)}.landing-page{--landing-violet:#6d28d9;--landing-fuchsia:#d946ef;background:radial-gradient(ellipse 80% 60% at 12% 8%,rgba(255,170,210,.9) 0,transparent 55%),radial-gradient(ellipse 70% 55% at 88% 12%,rgba(140,210,255,.85) 0,transparent 52%),radial-gradient(ellipse 50% 40% at 55% 70%,rgba(210,180,255,.45) 0,transparent 55%),linear-gradient(125deg,#ffd4e8,#f0d9ff 42%,#c9ebff);color:#0f172a;isolation:isolate}@keyframes landing-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-trust-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-float-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes landing-bobo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes landing-cta-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes landing-star-twinkle{0%,to{opacity:.45;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.landing-page .landing-hero-in{animation:landing-fade-up .65s cubic-bezier(.22,1,.36,1) both}.landing-page .landing-hero-delay-1{animation-delay:.08s}.landing-page .landing-hero-delay-2{animation-delay:.16s}.landing-page .landing-hero-delay-3{animation-delay:.24s}.landing-page .landing-hero-delay-4{animation-delay:.32s}.landing-page .landing-trust-in{opacity:0}.landing-page .landing-trust-in.is-visible{animation:landing-trust-fade .5s cubic-bezier(.22,1,.36,1) both}.landing-page .landing-reveal{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s cubic-bezier(.22,1,.36,1)}.landing-page .landing-reveal.is-visible{opacity:1;transform:translateY(0)}.landing-page .landing-float-icon{animation:landing-float-icon 4.5s ease-in-out infinite}.landing-page .landing-float-icon-delayed{animation-delay:.8s}.landing-page .landing-dashboard-tray{border-radius:2rem;padding:0}@media (min-width:1024px){.landing-page .landing-dashboard-tray{border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.22);box-shadow:0 24px 60px rgba(76,29,149,.1),inset 0 1px 0 rgba(255,255,255,.65);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:1rem}}.landing-page .landing-glass-card{border:1px solid rgba(255,255,255,.85);border-radius:1.75rem;background:rgba(255,255,255,.72);box-shadow:0 20px 50px rgba(76,29,149,.1),inset 0 1px 0 rgba(255,255,255,.85);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.landing-page .landing-progress-card{background:linear-gradient(160deg,rgba(255,248,230,.88),rgba(255,255,255,.62))}.landing-page .landing-parent-card{background:linear-gradient(160deg,rgba(232,255,246,.88),rgba(255,255,255,.62))}.landing-page .landing-pick-tile.landing-path-games{background:linear-gradient(160deg,#efe7ff,#dde8ff)}.landing-page .landing-pick-tile.landing-path-coloring{background:linear-gradient(160deg,#ffe4ef,#ffe8d6)}.landing-page .landing-pick-tile.landing-path-world{background:linear-gradient(160deg,#d9f8ff,#dffced)}.landing-page .landing-game-card,.landing-page .landing-hero-panel,.landing-page .landing-path-card{transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease}.landing-page .landing-logo-mark{box-shadow:inset 0 2px 8px rgba(255,255,255,.9),0 10px 28px rgba(236,72,153,.18)}.landing-page .landing-bobo-wrap{z-index:10;width:min(100%,22rem);height:min(100%,22rem);flex-direction:column}.landing-page .landing-bobo-stage,.landing-page .landing-bobo-wrap{position:relative;display:flex;align-items:center;justify-content:center}.landing-page .landing-bobo-stage{flex:1;width:100%;min-height:0}.landing-page .landing-bobo-scale{transform:scale(3.55);transform-origin:center center;overflow:visible}.landing-page .landing-bobo-float,.landing-page .landing-bobo-stage,.landing-page .landing-bobo-wrap{overflow:visible}@media (min-width:640px){.landing-page .landing-bobo-scale{transform:scale(4.35)}}@media (min-width:1024px){.landing-page .landing-bobo-scale{transform:scale(4.85)}}.landing-page .landing-bobo-shadow{position:absolute;left:50%;bottom:8%;width:11rem;height:1.6rem;transform:translateX(-50%);border-radius:999px;background:radial-gradient(ellipse,rgba(76,29,149,.22),transparent 70%);filter:blur(2px)}.landing-page .landing-bobo-float{animation:landing-bobo-float 4s ease-in-out infinite;position:relative;z-index:2}.landing-page .landing-bobo-customize{position:relative;z-index:30;display:flex;width:min(19rem,92vw);flex-direction:column;align-items:center;margin-top:-.35rem;margin-bottom:.5rem;pointer-events:auto}.landing-page .landing-bobo-customize-toggle{border:1px solid rgba(255,255,255,.65);border-radius:999px;background:rgba(255,255,255,.72);padding:.45rem .95rem;font-size:.78rem;font-weight:800;color:#4c1d95;box-shadow:0 8px 20px rgba(76,29,149,.14);backdrop-filter:blur(10px);transition:transform .18s ease,background .18s ease}.landing-page .landing-bobo-customize-toggle:hover{transform:translateY(-1px);background:rgba(255,255,255,.9)}.landing-page .landing-bobo-customize-panel{position:relative;z-index:40;width:100%;margin-top:.55rem;border-radius:1.1rem;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.94);padding:.75rem .8rem .65rem;box-shadow:0 16px 36px rgba(76,29,149,.18);backdrop-filter:blur(14px);animation:landing-panel-in .22s ease-out}@keyframes landing-panel-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.landing-page .landing-bobo-customize-label{margin:.35rem 0;font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#64748b}.landing-page .landing-bobo-customize-label:first-child{margin-top:0}.landing-page .landing-bobo-swatches{display:flex;flex-wrap:wrap;gap:.4rem}.landing-page .landing-bobo-swatch{width:1.55rem;height:1.55rem;border-radius:999px;border:2px solid rgba(255,255,255,.95);box-shadow:0 0 0 1px rgba(148,163,184,.55);transition:transform .15s ease}.landing-page .landing-bobo-swatch:hover{transform:scale(1.08)}.landing-page .landing-bobo-swatch.is-active{box-shadow:0 0 0 2px #7c3aed,0 4px 10px rgba(124,58,237,.35)}.landing-page .landing-bobo-chip-row{display:flex;flex-wrap:wrap;gap:.35rem}.landing-page .landing-bobo-chip{border:1px solid rgba(196,181,253,.65);border-radius:999px;background:rgba(248,250,252,.9);padding:.28rem .55rem;font-size:.68rem;font-weight:700;color:#4c1d95;transition:background .15s ease,border-color .15s ease}.landing-page .landing-bobo-chip:hover{background:#f5f3ff}.landing-page .landing-bobo-chip.is-active{border-color:#7c3aed;background:#ede9fe}.landing-page .landing-bobo-reset{margin-top:.55rem;width:100%;border:0;border-radius:.7rem;background:transparent;padding:.35rem;font-size:.7rem;font-weight:700;color:#64748b}.landing-page .landing-bobo-reset:hover{color:#4c1d95;background:rgba(237,233,254,.6)}.landing-page .landing-orbit{animation:landing-float-icon 4.8s ease-in-out infinite}.landing-page .landing-orbit-1{left:4%;top:14%;animation-delay:0s}.landing-page .landing-orbit-2{right:2%;top:10%;animation-delay:.4s}.landing-page .landing-orbit-3{left:0;bottom:28%;animation-delay:.8s}.landing-page .landing-orbit-4{right:-2%;bottom:24%;animation-delay:1.1s}.landing-page .landing-orbit-5{left:18%;bottom:4%;animation-delay:.6s}.landing-page .landing-orbit-6{right:16%;top:42%;animation-delay:1.3s}.landing-page .landing-star{position:absolute;z-index:5;color:#fbbf24;font-size:1.4rem;filter:drop-shadow(0 4px 10px rgba(251,191,36,.45));animation:landing-star-twinkle 2.4s ease-in-out infinite}.landing-page .landing-star-1{left:28%;top:18%}.landing-page .landing-star-2{right:24%;bottom:30%;animation-delay:.5s}.landing-page .landing-star-3{right:38%;top:12%;animation-delay:1s;font-size:1.1rem}.landing-page .landing-progress-ring{--progress:72;position:relative;width:3.6rem;height:3.6rem;border-radius:999px;background:conic-gradient(#10b981 calc(var(--progress) * 1%),rgba(16,185,129,.15) 0);display:grid;place-items:center;flex-shrink:0}.landing-page .landing-progress-ring:before{content:"";position:absolute;inset:.38rem;border-radius:999px;background:rgba(255,255,255,.92)}.landing-page .landing-progress-ring-value{position:relative;z-index:1;font-size:.72rem;font-weight:900;color:#047857}.landing-page .landing-path-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(9.5rem,1fr);gap:.9rem;overflow-x:auto;padding-bottom:.5rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}@media (min-width:1280px){.landing-page .landing-path-strip{grid-auto-flow:unset;grid-template-columns:repeat(8,minmax(0,1fr));overflow:visible}}.landing-page .landing-path-card{position:relative;scroll-snap-align:start;display:flex;min-height:13.5rem;flex-direction:column;align-items:center;justify-content:space-between;border-radius:1.5rem;border:1px solid rgba(255,255,255,.9);padding:1rem .85rem 1.1rem;text-align:center;text-decoration:none;box-shadow:0 14px 34px rgba(76,29,149,.1)}.landing-page .landing-path-card-title{margin:0;font-size:.92rem;font-weight:900;line-height:1.15;color:#0f172a}.landing-page .landing-path-card-icon{display:flex;height:4.2rem;width:4.2rem;align-items:center;justify-content:center;border-radius:1.25rem;background:rgba(255,255,255,.72);font-size:2.35rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.landing-page .landing-path-card-blurb{margin:0;min-height:2.4rem;font-size:.72rem;font-weight:700;line-height:1.3;color:rgba(15,23,42,.68)}.landing-page .landing-path-card-arrow{position:absolute;right:.7rem;bottom:.7rem;display:flex;height:1.55rem;width:1.55rem;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,255,255,.85);font-size:.85rem;font-weight:900;color:#4c1d95;box-shadow:0 4px 10px rgba(15,23,42,.08)}.landing-page .landing-tone-violet{background:linear-gradient(165deg,#efe6ff,#d9c6ff)}.landing-page .landing-tone-rose{background:linear-gradient(165deg,#ffe4ef,#ffc9db)}.landing-page .landing-tone-amber{background:linear-gradient(165deg,#fff1d6,#ffd8a8)}.landing-page .landing-tone-teal{background:linear-gradient(165deg,#d9fbf5,#b5f0e8)}.landing-page .landing-tone-sky{background:linear-gradient(165deg,#d9f1ff,#b8e4ff)}.landing-page .landing-tone-green{background:linear-gradient(165deg,#e2fbe8,#c4f2d0)}.landing-page .landing-tone-pink{background:linear-gradient(165deg,#ffe1e8,#ffc2cf)}.landing-page .landing-tone-indigo{background:linear-gradient(165deg,#e4e9ff,#c9d2ff)}.landing-page .landing-step-line{background-image:radial-gradient(circle,rgba(109,40,217,.35) 2px,transparent 0);background-size:10px 4px;background-repeat:repeat-x}@media (prefers-reduced-motion:no-preference){.landing-page .landing-game-card:hover,.landing-page .landing-path-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 44px rgba(109,40,217,.14)}.landing-page .landing-hero-panel:hover{transform:translateY(-3px);box-shadow:0 24px 56px rgba(76,29,149,.14)}.landing-page .landing-final-cta-btn{animation:landing-cta-pulse 2.5s ease-in-out infinite}}@media (prefers-reduced-motion:reduce){html:has(.landing-page){scroll-behavior:auto}.landing-page .landing-bobo-float,.landing-page .landing-float-icon,.landing-page .landing-float-icon-delayed,.landing-page .landing-orbit,.landing-page .landing-star{animation:none}.landing-page .landing-game-card,.landing-page .landing-hero-panel,.landing-page .landing-path-card{transition:none}}@media (max-width:640px){.landing-page .landing-orbit-5,.landing-page .landing-orbit-6{display:none}.landing-page .landing-bobo-scale{transform:scale(2.9)}}