@import"https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700;800;900&display=swap";:root{--cream-50: #FFFBF2;--cream-100: #FFF7E8;--cream-200: #FDEDCE;--ink-900: #1B2A41;--ink-700: #33445E;--ink-500: #64738C;--ink-300: #9EA9BC;--white: #FFFFFF;--blue-500: #0BA6DF;--blue-600: #0886B4;--blue-100: #D8F1FB;--red-500: #F94144;--red-600: #D42E31;--red-100: #FDDEDE;--yellow-500: #F9C80E;--yellow-600: #DDAE00;--yellow-100: #FFF3C4;--green-500: #43AA8B;--green-600: #2F8A6E;--green-100: #DCF2EB;--purple-500: #7B5CFA;--purple-100: #EAE4FF;--color-bg: var(--cream-100);--color-bg-raised: var(--white);--color-bg-inset: var(--cream-200);--color-text: var(--ink-900);--color-text-muted: var(--ink-500);--color-border: var(--ink-300);--color-primary: var(--blue-500);--color-primary-active: var(--blue-600);--color-secondary: var(--red-500);--color-accent: var(--yellow-500);--color-success: var(--green-500);--color-rare: var(--purple-500);--tier-bronze: #C97A3D;--tier-silver: #A9B4C2;--tier-gold: var(--yellow-500);--tier-legendary: var(--purple-500)}:root{--font-display: "Poppins", sans-serif;--font-body: "Poppins", sans-serif;--text-display-xl: 800 64px/1.02 var(--font-display);--text-display-l: 800 44px/1.05 var(--font-display);--text-display-m: 800 30px/1.1 var(--font-display);--text-heading: 700 22px/1.2 var(--font-display);--text-body-l: 600 18px/1.4 var(--font-body);--text-body: 500 16px/1.5 var(--font-body);--text-caption: 600 13px/1.3 var(--font-body);--text-stat: 900 28px/1 var(--font-display);--tracking-tight: -.02em;--tracking-wide: .04em}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--container-mobile: 390px}:root{--radius-s: 10px;--radius-m: 16px;--radius-l: 24px;--radius-pill: 999px;--shadow-card: 0 4px 0 rgba(27,42,65,.12);--shadow-button: 0 4px 0 var(--ink-900);--shadow-button-press: 0 1px 0 var(--ink-900);--shadow-pop: 0 10px 24px rgba(27,42,65,.16);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .12s;--dur-normal: .24s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font:var(--text-body);color:var(--color-text);background:var(--color-bg)}.page{display:flex;flex-direction:column;min-height:100vh}main{flex:1}img,svg{display:block;max-width:100%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.eyebrow{font:var(--text-caption);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-primary-active);text-align:center}.eyebrow--left{text-align:left}.section-title{font:var(--text-display-m);letter-spacing:var(--tracking-tight);text-align:center;max-width:640px;margin:var(--space-2) auto 0}section{padding:var(--space-12) var(--space-6);max-width:1080px;margin:0 auto}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:var(--color-bg);border-bottom:2px solid var(--color-border)}.topbar__brand{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.topbar__wordmark{font:var(--text-heading);font-size:clamp(14px,4.2vw,22px);letter-spacing:var(--tracking-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.topbar__wordmark strong{color:var(--color-primary)}.lang-toggle{display:flex;border:2px solid var(--color-text);border-radius:var(--radius-pill);overflow:hidden;flex:none;margin-left:var(--space-3)}.lang-toggle__btn{border:none;background:var(--color-bg-raised);color:var(--color-text);font:var(--text-caption);letter-spacing:var(--tracking-wide);padding:var(--space-2) var(--space-4);cursor:pointer;transition:background .16s var(--ease-out),color .16s var(--ease-out)}.lang-toggle__btn.is-active{background:var(--color-primary);color:var(--white)}.hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:var(--space-10);max-width:1200px;padding-top:var(--space-10);padding-bottom:var(--space-10)}.hero__col--logo{display:flex;flex-direction:column;gap:var(--space-4)}.hero__col--copy{display:flex;flex-direction:column;gap:var(--space-4);text-align:left}.hero-logo{display:flex;flex-direction:column;gap:var(--space-1)}.hero-logo__word{font:var(--text-display-xl);letter-spacing:var(--tracking-tight);line-height:1.05}.hero-logo__word--ink{color:var(--color-text)}.hero-logo__word--accent{color:var(--color-primary)}.hero-logo__letter{display:inline-block;opacity:0;animation:letterIn .38s var(--ease-bounce) both}@keyframes letterIn{0%{opacity:0;transform:translateY(46px)}to{opacity:1;transform:translateY(0)}}.hero__headline{font:var(--text-display-l);letter-spacing:var(--tracking-tight)}.hero__accent{color:var(--color-secondary)}.hero__sub{font:var(--text-body-l);color:var(--color-text-muted);max-width:480px}.hero__ctas{display:flex;gap:var(--space-4);margin-top:var(--space-2);flex-wrap:wrap}.store-badge{display:flex;align-items:center;gap:var(--space-3);background:var(--color-bg-raised);color:var(--color-text);border:2px solid var(--color-text);border-radius:var(--radius-m);box-shadow:var(--shadow-button);padding:var(--space-3) var(--space-5);cursor:pointer;transition:transform .16s var(--ease-bounce),box-shadow .16s var(--ease-bounce);animation:badgePop .5s var(--ease-bounce) both}.store-badge:nth-child(2){animation-delay:90ms}.store-badge:hover{transform:translateY(-4px) scale(1.03);box-shadow:var(--shadow-pop)}.store-badge:active{transform:translateY(2px) scale(.98);box-shadow:var(--shadow-button-press)}@keyframes badgePop{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.store-badge__icon{width:48px;height:48px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-bg-inset);border:2px solid var(--color-text);color:var(--color-text)}.store-badge__icon--apple svg{transform:translate(-.5px)}.store-badge__icon--play svg{transform:translate(.5px)}.store-badge__text{display:flex;flex-direction:column;text-align:left;line-height:1.2}.store-badge__platform{font:var(--text-body-l);font-weight:700}.store-badge__status{font:var(--text-caption);color:var(--color-primary-active);letter-spacing:var(--tracking-wide);text-transform:uppercase}.loop__row{display:flex;gap:var(--space-6);margin-top:var(--space-10);flex-wrap:wrap;justify-content:center}.loop__step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;width:180px;opacity:0;transform:translateY(24px) scale(.9)}.loop__row.is-visible .loop__step{animation:popIn .52s var(--ease-bounce) both;animation-delay:calc(var(--i) * 90ms)}.loop__badge{position:relative;width:72px;height:72px;border-radius:50%;background:var(--color-bg-raised);border:3px solid var(--color-text);box-shadow:var(--shadow-card);display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:var(--space-4);cursor:default;transition:transform .22s var(--ease-bounce),box-shadow .22s var(--ease-bounce);animation:bob 3.2s ease-in-out infinite;animation-delay:calc(var(--i) * .26s)}.loop__badge:hover{transform:scale(1.15) rotate(-6deg);box-shadow:var(--shadow-pop);animation-play-state:paused}.loop__index{position:absolute;bottom:-6px;right:-6px;width:24px;height:24px;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-text);font:var(--text-caption);display:flex;align-items:center;justify-content:center}.loop__title{font:var(--text-heading)}.loop__body{font:var(--text-caption);font-weight:500;color:var(--color-text-muted);margin-top:var(--space-2)}.loop__arrow{display:none}@media(min-width:900px){.loop__arrow{display:block;position:absolute;right:-34px;top:22px;font-size:24px;color:var(--color-border)}}.features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-6);margin-top:var(--space-10)}.feature-card{background:var(--color-bg-raised);border:2px solid var(--color-text);border-radius:var(--radius-l);box-shadow:var(--shadow-card);padding:var(--space-6);cursor:default;opacity:0;transform:translateY(24px) scale(.9);transition:transform .22s var(--ease-bounce),box-shadow .22s var(--ease-bounce)}.features__grid.is-visible .feature-card{animation:popIn .52s var(--ease-bounce) both;animation-delay:calc(var(--i) * 80ms)}.feature-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-pop)}.feature-card__emoji{font-size:30px;display:inline-block}.feature-card:hover .feature-card__emoji{animation:wiggle .42s var(--ease-bounce)}.feature-card__title{font:var(--text-heading);margin-top:var(--space-3)}.feature-card__body{font:var(--text-body);color:var(--color-text-muted);margin-top:var(--space-2)}.badges{text-align:center}.badges__sub{max-width:560px;margin:var(--space-3) auto 0;color:var(--color-text-muted)}.badges__row{display:flex;gap:var(--space-8);justify-content:center;margin-top:var(--space-10);flex-wrap:wrap}.badge-medal{display:flex;flex-direction:column;align-items:center;width:140px;opacity:0;transform:translateY(24px) scale(.85)}.badges__row.is-visible .badge-medal{animation:popIn .56s var(--ease-bounce) both;animation-delay:calc(var(--i) * .1s)}.badge-medal__circle{width:84px;height:84px;border-radius:50%;border:3px solid var(--color-text);display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--white);box-shadow:var(--shadow-card);cursor:default;transition:transform .22s var(--ease-bounce),box-shadow .22s var(--ease-bounce);animation:bob 3.4s ease-in-out infinite;animation-delay:calc(var(--i) * .22s)}.badge-medal__circle:hover{transform:scale(1.15) rotate(8deg);box-shadow:var(--shadow-pop);animation-play-state:paused}.badge-medal__circle.is-locked:hover{animation:shake .42s var(--ease-bounce)}.badge-medal__circle.tier-bronze{background:var(--tier-bronze)}.badge-medal__circle.tier-silver{background:var(--tier-silver)}.badge-medal__circle.tier-gold{background:var(--tier-gold)}.badge-medal__circle.tier-legendary{background:var(--tier-legendary)}.badge-medal__circle.is-locked{background:var(--ink-300);color:var(--ink-700);filter:grayscale(1)}.badge-medal__name{font:var(--text-heading);margin-top:var(--space-3)}.badge-medal__note{font:var(--text-caption);font-weight:500;color:var(--color-text-muted);margin-top:var(--space-1)}@keyframes popIn{0%{opacity:0;transform:translateY(24px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes wiggle{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-12deg) scale(1.1)}75%{transform:rotate(12deg) scale(1.1)}}@keyframes shake{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-4px) rotate(-8deg)}40%{transform:translate(4px) rotate(8deg)}60%{transform:translate(-3px) rotate(-5deg)}80%{transform:translate(3px) rotate(5deg)}}.family{text-align:center;background:var(--color-bg-inset);border-radius:var(--radius-l);max-width:900px;margin-bottom:var(--space-8)}.family__body{max-width:560px;margin:var(--space-4) auto 0;color:var(--color-text-muted);font:var(--text-body-l)}.site-footer{display:flex;align-items:center;justify-content:center;padding:var(--space-6);border-top:2px solid var(--color-border);font:var(--text-caption);font-weight:500;color:var(--color-text-muted);text-align:center}@media(max-width:900px){.hero{grid-template-columns:1fr;text-align:center;padding-top:var(--space-8)}.hero__col--logo{align-items:center}.hero__col--copy{align-items:center;text-align:center}.hero__ctas{justify-content:center}}@media(max-width:640px){.hero-logo__word{font:800 44px/1.05 var(--font-display)}.hero__headline{font:var(--text-display-m)}section{padding:var(--space-10) var(--space-4)}}