:root{--bg-dark: #0a0a0c;--bg-darker: #060608;--bg-soft: #f6efe5;--bg-soft-2: #fbf6ed;--ink-dark: #1a1620;--ink-mid: #4a4350;--ink-soft: #837a8a;--line-soft: rgba(0,0,0,.08);--line-dark: rgba(255,255,255,.08);--gradient-brand: linear-gradient(95deg, #FFD24D 0%, #FFA033 22%, #FF5B8C 50%, #E443D6 75%, #8C3FE0 100%);--g-spell: linear-gradient(135deg, #6FE0FF 0%, #2E9BFF 100%);--g-play: linear-gradient(135deg, #D946EF 0%, #FF4474 100%);--g-wordwhiz: linear-gradient(135deg, #6FE0FF 0%, #2E9BFF 100%);--g-letterhunt: linear-gradient(135deg, #FFB13D 0%, #FFD64D 100%);--g-fillitin: linear-gradient(135deg, #FF4474 0%, #D946EF 100%);--g-unscramble: linear-gradient(135deg, #3CE39A 0%, #10B981 100%);--g-freespell: linear-gradient(135deg, #34E2D7 0%, #3FB5F0 100%);--g-learnsong: linear-gradient(135deg, #FFAA3D 0%, #FFD93D 100%);--g-playalong: linear-gradient(135deg, #3CE39A 0%, #10B981 100%);--g-scales: linear-gradient(135deg, #34E2D7 0%, #3FB5F0 100%);--g-findnote: linear-gradient(135deg, #6FE0FF 0%, #2E9BFF 100%);--g-freeplay: linear-gradient(135deg, #B547F0 0%, #D946EF 100%);--glow-blue: 0 0 60px -10px rgba(46, 155, 255, .55), 0 0 120px -30px rgba(46, 155, 255, .35);--glow-pink: 0 0 60px -10px rgba(255, 68, 116, .55), 0 0 120px -30px rgba(217, 70, 239, .35);--glow-orange: 0 0 60px -10px rgba(255, 177, 61, .55), 0 0 120px -30px rgba(255, 214, 77, .35);--glow-green: 0 0 60px -10px rgba(60, 227, 154, .55), 0 0 120px -30px rgba(16, 185, 129, .35);--glow-aqua: 0 0 60px -10px rgba(52, 226, 215, .55), 0 0 120px -30px rgba(63, 181, 240, .35);--glow-purple: 0 0 60px -10px rgba(181, 71, 240, .55), 0 0 120px -30px rgba(217, 70, 239, .35);--radius-tile: 28px;--radius-card: 20px;--radius-pill: 999px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-dark);color:var(--ink-dark);font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;text-rendering:optimizeLegibility}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}::selection{background:#ffd24d;color:#1a1620}.display,.h1,.h2,.h3,.eyebrow{font-family:Fredoka,Nunito,sans-serif;letter-spacing:-.01em}.display{font-weight:700;font-size:clamp(48px,7.5vw,104px);line-height:.95;letter-spacing:-.035em}.h1{font-weight:700;font-size:clamp(40px,5.5vw,76px);line-height:1;letter-spacing:-.03em}.h2{font-weight:700;font-size:clamp(30px,3.6vw,48px);line-height:1.08;letter-spacing:-.025em}.h3{font-weight:600;font-size:clamp(22px,2.2vw,28px);line-height:1.18;letter-spacing:-.018em}.eyebrow{font-weight:600;font-size:14px;letter-spacing:.16em;text-transform:uppercase}.lede{font-size:clamp(18px,1.55vw,22px);line-height:1.55;font-weight:500}.muted-dark{color:#ffffff9e}.muted-light{color:var(--ink-mid)}.brand-text{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.05em}.page{overflow-x:clip}section{position:relative}.shell{width:100%;max-width:1240px;margin:0 auto;padding:0 32px}.section-dark{background:var(--bg-dark);color:#fff}.section-darker{background:var(--bg-darker);color:#fff}.section-soft{background:var(--bg-soft);color:var(--ink-dark)}.section-soft-2{background:var(--bg-soft-2);color:var(--ink-dark)}.pad-y{padding-block:clamp(80px,9vw,140px)}.pad-y-lg{padding-block:clamp(100px,11vw,180px)}.curve-up,.curve-down{position:relative}.curve-down:after,.curve-up:before{content:"";position:absolute;left:0;right:0;height:40px;background:inherit;pointer-events:none}.nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:18px 32px;display:flex;align-items:center;justify-content:space-between;transition:background .25s ease,backdrop-filter .25s ease,border-color .25s ease;border-bottom:1px solid transparent}.nav.scrolled{background:#0a0a0cbf;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-bottom-color:#ffffff12}.nav-brand{display:flex;align-items:center;gap:12px;font-family:Fredoka,sans-serif;font-weight:700;font-size:22px;letter-spacing:-.02em;color:#fff}.nav-brand img{width:36px;height:36px;border-radius:9px}.nav-links{display:flex;gap:28px;align-items:center;color:#ffffffb3;font-weight:600;font-size:15px}.nav-links a:hover{color:#fff}.nav-cta{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--ink-dark);padding:10px 18px;border-radius:var(--radius-pill);font-weight:700;font-size:14px;transition:transform .15s ease}.nav-cta:hover{transform:translateY(-1px)}@media(max-width:720px){.nav-links a:not(.nav-cta){display:none}}.hero{position:relative;min-height:100vh;padding-top:110px;padding-bottom:60px;display:flex;align-items:center;overflow:hidden;isolation:isolate}.hero-bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(800px 600px at 80% 35%,rgba(217,70,239,.18),transparent 60%),radial-gradient(700px 500px at 15% 60%,rgba(46,155,255,.16),transparent 60%),radial-gradient(900px 700px at 50% 100%,rgba(255,178,61,.1),transparent 60%);z-index:-1}.hero-grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.hero-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:60px;align-items:center;width:100%}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-pill);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffffd1}.hero-eyebrow .dot{width:6px;height:6px;border-radius:99px;background:linear-gradient(135deg,#ffd24d,#ff5b8c);box-shadow:0 0 8px #ff5b8ccc}.hero h1{margin:24px 0 22px;color:#fff}.hero p.lede{color:#ffffffbd;max-width:540px;margin:0 0 36px}.cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 24px;border-radius:var(--radius-pill);font-weight:700;font-size:16px;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease;font-family:inherit}.btn-primary{background:#fff;color:var(--ink-dark);box-shadow:0 8px 30px -8px #fff6}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 38px -8px #ffffff8c}.btn-ghost{background:#ffffff0f;color:#fff;border:1px solid rgba(255,255,255,.14)}.btn-ghost:hover{background:#ffffff1a;transform:translateY(-2px)}.btn-light{background:var(--ink-dark);color:#fff}.btn-light:hover{transform:translateY(-2px)}.appstore-badge{display:inline-flex;align-items:center;gap:12px;padding:12px 22px 12px 18px;background:#000;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:14px;transition:transform .15s ease,border-color .2s ease}.appstore-badge:hover{transform:translateY(-2px);border-color:#ffffff59}.appstore-badge svg{width:28px;height:28px}.appstore-badge .small{font-size:11px;opacity:.78;line-height:1;margin-bottom:4px;letter-spacing:.02em}.appstore-badge .big{font-family:Fredoka,sans-serif;font-weight:600;font-size:20px;line-height:1;letter-spacing:-.01em}.hero-meta{margin-top:38px;display:flex;gap:28px;flex-wrap:wrap;color:#ffffff8c;font-size:14px;font-weight:600}.hero-meta strong{color:#ffffffeb;font-weight:700}.hero-stage{position:relative;width:100%;aspect-ratio:1 / 1;max-width:600px;margin-left:auto}.hero-wheel-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.hero-wheel-glow{position:absolute;width:110%;height:110%;border-radius:50%;background:conic-gradient(from 0deg,#ff5b8c59,#ffd24d59,#3ce39a4d,#2e9bff59,#b547f059,#ff5b8c59);filter:blur(60px);opacity:.55;animation:slow-spin 24s linear infinite;z-index:-1}@keyframes slow-spin{to{transform:rotate(360deg)}}@media(max-width:980px){.hero-inner{grid-template-columns:1fr;gap:50px}.hero-stage{margin:0 auto;max-width:480px}.hero{padding-top:140px;min-height:auto}}.wheel-svg{width:100%;height:100%;filter:drop-shadow(0 30px 60px rgba(0,0,0,.5))}.wheel-svg.spinning .wheel-disk{transform-origin:center;animation:wheel-spin 60s linear infinite}@keyframes wheel-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wheel-pointer{filter:drop-shadow(0 0 8px rgba(255,91,140,.8))}.origin{position:relative}.origin-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:80px;align-items:center}.origin-image{position:relative;aspect-ratio:4 / 3;border-radius:32px;overflow:hidden;background:radial-gradient(circle at 30% 30%,rgba(255,210,77,.18),transparent 60%),radial-gradient(circle at 70% 70%,rgba(255,91,140,.18),transparent 60%),#efe6d7;display:flex;align-items:center;justify-content:center}.origin-image .stamp{display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center;padding:40px}.origin-image .stamp .name{font-family:Fredoka,sans-serif;font-weight:700;font-size:clamp(64px,7vw,120px);line-height:.9;letter-spacing:-.03em;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.origin-image .stamp .label{font-family:Fredoka,sans-serif;font-weight:600;font-size:18px;letter-spacing:.04em;color:var(--ink-mid)}.origin-image .stamp .heart{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#ff5b8c,#e443d6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;box-shadow:0 12px 30px -8px #ff5b8c80}.origin .eyebrow{color:#c25a85}.origin h2{margin:14px 0 24px;max-width:14ch}.origin p{font-size:18px;line-height:1.65;max-width:56ch;margin:0 0 18px;color:var(--ink-mid)}.origin p strong{color:var(--ink-dark)}.origin .signature{margin-top:28px;font-family:Fredoka,sans-serif;font-weight:600;font-size:22px;color:var(--ink-dark);letter-spacing:-.01em}@media(max-width:980px){.origin-inner{grid-template-columns:1fr;gap:50px}}.games{color:#fff}.games-head{text-align:center;margin-bottom:70px}.games-head h2{margin:14px auto 18px;max-width:18ch}.games-head p{max-width:50ch;margin:0 auto;color:#ffffffa6}.games-block+.games-block{margin-top:90px}.games-block-head{display:flex;flex-wrap:wrap;align-items:end;gap:24px;margin-bottom:32px;justify-content:space-between}.games-block-head h3{font-family:Fredoka,sans-serif;font-weight:700;font-size:clamp(32px,3.6vw,48px);line-height:1;letter-spacing:-.025em;margin:0}.games-block-head h3 .accent-spell{background:var(--g-spell);-webkit-background-clip:text;background-clip:text;color:transparent}.games-block-head h3 .accent-play{background:var(--g-play);-webkit-background-clip:text;background-clip:text;color:transparent}.games-block-head .count{color:#ffffff8c;font-weight:600;font-size:14px;letter-spacing:.1em;text-transform:uppercase}.tile-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}@media(max-width:1100px){.tile-grid{grid-template-columns:repeat(3,1fr)}.tile-grid .tile:nth-child(4),.tile-grid .tile:nth-child(5){grid-column:span 1}}@media(max-width:720px){.tile-grid{grid-template-columns:repeat(2,1fr)}.tile-grid .tile:last-child:nth-child(odd){grid-column:span 2}}.tile{position:relative;border-radius:var(--radius-tile);padding:26px 22px 24px;min-height:220px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;isolation:isolate;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease}.tile:hover{transform:translateY(-6px)}.tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(115deg,#fff0 0,#fff0 14px,#ffffff0f 14px,#ffffff0f 15px);pointer-events:none;z-index:0}.tile-icon{width:56px;height:56px;border-radius:14px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;font-size:28px;position:relative;z-index:1}.tile-body{position:relative;z-index:1}.tile-title{font-family:Fredoka,sans-serif;font-weight:700;font-size:24px;line-height:1.1;letter-spacing:-.02em}.tile-sub{margin-top:6px;font-weight:600;font-size:14px;color:#ffffffd9}.tile-learn{margin-top:12px;font-size:13px;font-weight:600;color:#ffffffa6;letter-spacing:.01em}.tile.wordwhiz{background:var(--g-wordwhiz);box-shadow:var(--glow-blue)}.tile.letterhunt{background:var(--g-letterhunt);box-shadow:var(--glow-orange)}.tile.fillitin{background:var(--g-fillitin);box-shadow:var(--glow-pink)}.tile.unscramble{background:var(--g-unscramble);box-shadow:var(--glow-green)}.tile.freespell{background:var(--g-freespell);box-shadow:var(--glow-aqua)}.tile.learnsong{background:var(--g-learnsong);box-shadow:var(--glow-orange)}.tile.playalong{background:var(--g-playalong);box-shadow:var(--glow-green)}.tile.scales{background:var(--g-scales);box-shadow:var(--glow-aqua)}.tile.findnote{background:var(--g-findnote);box-shadow:var(--glow-blue)}.tile.freeplay{background:var(--g-freeplay);box-shadow:var(--glow-purple)}.showcase{color:var(--ink-dark)}.showcase-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:70px;align-items:center}.showcase-stage{position:relative;aspect-ratio:1 / 1;width:100%;max-width:520px;margin:0 auto}.showcase-stage .wheel-svg{filter:drop-shadow(0 18px 36px rgba(0,0,0,.15))}.showcase .eyebrow{color:#6d4caf}.showcase h2{margin:14px 0 24px;max-width:16ch}.showcase p{max-width:50ch;color:var(--ink-mid);font-size:18px;line-height:1.6}.feature-list{margin-top:36px;display:grid;gap:18px}.feature-list li{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start;list-style:none}.feature-list .ic{width:44px;height:44px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;border:1px solid var(--line-soft);box-shadow:0 2px 8px #0000000a}.feature-list .ft-title{font-family:Fredoka,sans-serif;font-weight:600;font-size:17px;letter-spacing:-.01em;color:var(--ink-dark)}.feature-list .ft-desc{font-size:14.5px;color:var(--ink-mid);line-height:1.5}@media(max-width:980px){.showcase-inner{grid-template-columns:1fr;gap:40px}}.instruments{color:#fff}.instruments-head{text-align:center;margin-bottom:50px}.instruments-head h2{margin:14px auto 18px;max-width:20ch}.instruments-head p{max-width:56ch;margin:0 auto;color:#ffffffa6}.inst-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.inst{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:20px 12px;text-align:center;transition:transform .2s ease,background .2s ease,border-color .2s ease;cursor:pointer}.inst:hover{transform:translateY(-3px);background:#ffffff14;border-color:#ffffff2e}.inst .emoji{font-size:32px;line-height:1;margin-bottom:10px}.inst .name{font-family:Fredoka,sans-serif;font-weight:500;font-size:14px;letter-spacing:-.005em;color:#ffffffe6}.songs{color:var(--ink-dark)}.songs-head{text-align:center;margin-bottom:60px}.songs-head h2{margin:14px auto 18px;max-width:20ch}.songs-head p{max-width:56ch;margin:0 auto;color:var(--ink-mid)}.songs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}@media(max-width:900px){.songs-grid{grid-template-columns:1fr}}.song-col{background:#fff;border-radius:22px;padding:28px 24px;border:1px solid var(--line-soft);box-shadow:0 8px 30px -16px #00000026}.song-col-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:16px;margin-bottom:12px;border-bottom:1px dashed var(--line-soft)}.song-col-head .tier{font-family:Fredoka,sans-serif;font-weight:700;font-size:22px;letter-spacing:-.018em;display:flex;align-items:center;gap:8px}.song-col-head .count{font-weight:700;font-size:13px;color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase}.song-list{margin:0;padding:0;list-style:none}.song-list li{padding:9px 0;font-weight:600;font-size:16px;color:var(--ink-dark);display:flex;align-items:center;gap:10px}.song-list li:before{content:"";width:6px;height:6px;background:currentColor;border-radius:50%;opacity:.35}.song-tier-beginner .tier{color:#2e9bff}.song-tier-easy .tier{color:#10b981}.song-tier-medium .tier{color:#b547f0}.parents{color:#fff;position:relative;overflow:hidden}.parents-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(700px 500px at 80% 20%,rgba(255,180,80,.1),transparent 60%),radial-gradient(700px 500px at 20% 90%,rgba(126,87,194,.13),transparent 60%)}.parents-inner{position:relative;z-index:1}.parents-head{text-align:center;margin-bottom:60px}.parents-head h2{margin:14px auto 18px;max-width:22ch}.parents-head p{max-width:56ch;margin:0 auto;color:#ffffffb3}.parents-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}@media(max-width:1000px){.parents-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.parents-grid{grid-template-columns:1fr}}.pcard{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:26px 24px 30px;position:relative;overflow:hidden}.pcard .pic{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#ffd24d2e,#ff5b8c2e);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;margin-bottom:18px;font-size:22px}.pcard h4{font-family:Fredoka,sans-serif;font-size:20px;font-weight:600;margin:0 0 8px;letter-spacing:-.015em}.pcard p{margin:0;font-size:15px;color:#ffffffa6;line-height:1.55}.faq{color:var(--ink-dark)}.faq-inner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:70px;align-items:start}.faq-side .eyebrow{color:#2e9bff}.faq-side h2{margin:14px 0 20px;max-width:14ch}.faq-side p{color:var(--ink-mid);max-width:38ch}.faq-side .btn{margin-top:24px}.faq-list{list-style:none;margin:0;padding:0}.faq-item{border-top:1px solid var(--line-soft);padding:24px 0;cursor:pointer}.faq-item:last-child{border-bottom:1px solid var(--line-soft)}.faq-q{display:flex;align-items:center;justify-content:space-between;gap:14px;font-family:Fredoka,sans-serif;font-weight:600;font-size:20px;letter-spacing:-.01em}.faq-toggle{width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:var(--ink-dark);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;transition:transform .25s ease}.faq-item.open .faq-toggle{transform:rotate(45deg)}.faq-a{overflow:hidden;max-height:0;transition:max-height .35s ease;font-size:16px;color:var(--ink-mid);line-height:1.6}.faq-item.open .faq-a{max-height:400px;margin-top:12px}@media(max-width:900px){.faq-inner{grid-template-columns:1fr;gap:40px}}.closing{color:#fff;text-align:center;padding-block:clamp(120px,14vw,200px);position:relative;overflow:hidden}.closing-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(900px 600px at 50% 50%,rgba(255,91,140,.2),transparent 60%),radial-gradient(700px 500px at 50% 100%,rgba(46,155,255,.15),transparent 60%)}.closing-inner{position:relative;z-index:1}.closing .display{margin:22px 0 26px}.closing .lede{color:#ffffffb3;max-width:50ch;margin:0 auto 38px}.foot{background:var(--bg-darker);color:#ffffff8c;padding:50px 0 36px;border-top:1px solid rgba(255,255,255,.06)}.foot-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.foot-brand{display:flex;align-items:center;gap:12px;color:#fff;font-family:Fredoka,sans-serif;font-weight:700;font-size:18px}.foot-brand img{width:32px;height:32px;border-radius:8px}.foot-links{display:flex;gap:24px;font-size:14px;font-weight:600}.foot-links a:hover{color:#fff}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal,.hero-wheel-glow,.wheel-svg.spinning .wheel-disk{transition:none!important;animation:none!important;opacity:1!important;transform:none!important}}