:root{--bg: #fffaf0;--yellow: #ffd93b;--orange: #ff9f5a;--leaf: #23803a;--ink: #17301f;--muted: #5c6b60;--card-shadow: 0 14px 34px rgba(23, 48, 31, .1);--serif: Georgia, "Times New Roman", serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(circle at 80% 30%,#ffeca6 0,transparent 40%),var(--bg);background-attachment:fixed}a{color:inherit}.page{max-width:1160px;margin:0 auto;padding:0 28px 32px}.nav{display:flex;align-items:center;gap:24px;padding:22px 0}.logo{display:inline-flex;align-items:center;gap:10px;font-size:1.6rem;font-weight:800;letter-spacing:-.02em;text-decoration:none}.logo-mark{width:44px;height:44px;flex:none}.logo span{color:var(--orange)}.nav-links{display:flex;gap:28px;margin:0 auto;font-weight:600;font-size:.95rem}.nav-links a{text-decoration:none}.nav-links a:hover{color:var(--leaf)}.btn{display:inline-flex;align-items:center;border:2px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);font:inherit;font-weight:700;font-size:1rem;line-height:1.2;padding:14px 26px;text-decoration:none;cursor:pointer;transition:transform .15s ease,background .15s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(1px)}.btn.dark{background:var(--ink);color:#fff}.btn.dark:hover{background:#24452f}.btn.small{padding:10px 20px;font-size:.95rem}.btn:focus-visible,.nav-links a:focus-visible,.store:focus-visible,footer a:focus-visible{outline:3px solid var(--leaf);outline-offset:4px}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;padding:24px 0 56px}.eyebrow{margin:0 0 18px;font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}h1{margin:0 0 20px;font-family:var(--serif);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.04;letter-spacing:-.02em}.lead{margin:0 0 32px;font-size:1.15rem;line-height:1.5;color:var(--muted);max-width:28ch}.actions{display:flex;flex-wrap:wrap;gap:12px}.stores{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 16px;margin-top:36px}.store{display:inline-block;border-radius:10px;transition:transform .15s ease}.store img{display:block;width:190px;height:auto}.store-play{width:190px;height:56px;overflow:hidden}.store-play img{width:211px;max-width:none;margin:-31px 0 0 -11px}.store:hover{transform:translateY(-2px)}.store:active{transform:translateY(2px)}.visual{position:relative;width:100%;max-width:520px;aspect-ratio:1;justify-self:end}.blob{position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffc27e,var(--orange))}.sunny{position:absolute;left:22%;top:22%;width:56%;height:auto}.leaf{position:absolute;fill:var(--leaf)}.leaf-top{width:64px;top:6%;left:8%;transform:rotate(-35deg)}.leaf-side{width:84px;bottom:24%;right:-2%;transform:rotate(30deg)}.squiggle{position:absolute;width:110px;top:20%;right:2%;fill:none;stroke:var(--ink);stroke-width:4;stroke-linecap:round}.chip{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 18px;background:#fff;border-radius:18px;box-shadow:var(--card-shadow);font-weight:700;font-size:.95rem;white-space:nowrap}.chip-bubble{top:6%;right:4%;border-radius:18px 18px 4px;font-size:1.1rem;font-weight:800;color:var(--leaf)}.chip-tap{top:30%;left:-2%;border-radius:999px}.chip-star{bottom:30%;left:8%;padding:8px;border-radius:50%}.chip-card{bottom:6%;right:-2%;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 20px}.chip-card span{font-weight:500;font-size:.85rem;color:var(--muted)}.chip-dot{flex:none;width:30px;height:30px;border-radius:50%;background:var(--leaf);color:#fff;display:flex;align-items:center;justify-content:center}.chip-dot svg{width:16px;height:16px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 0 56px;scroll-margin-top:24px}.feature{background:#fff;border-radius:24px;padding:28px 26px;box-shadow:var(--card-shadow);transition:transform .15s ease}.feature:hover{transform:translateY(-4px)}.icon{width:56px;height:56px;border-radius:16px;background:var(--yellow);color:var(--ink);display:flex;align-items:center;justify-content:center}.icon svg{width:28px;height:28px}h2{margin:18px 0 8px;font-family:var(--serif);font-size:1.3rem}.feature p{margin:0;line-height:1.5;color:var(--muted)}.feature ul,.strip ul{margin:14px 0 0;padding-left:20px;line-height:1.5;color:var(--muted)}.feature li+li,.strip li+li{margin-top:8px}.feature strong,.strip strong{color:var(--ink)}.strip{margin:0 0 56px;background:#fff;border-radius:24px;padding:28px 26px;box-shadow:var(--card-shadow)}.strip h2{margin:0 0 4px}.strip ul{margin-top:12px}footer{padding-top:20px;border-top:1px solid rgba(23,48,31,.1);font-size:.9rem;color:var(--muted);text-align:center}footer a{font-weight:600;color:var(--ink)}.legal{max-width:68ch;padding-bottom:24px}.legal h1{font-size:clamp(2.2rem,4vw,3rem)}.legal h2{margin:36px 0 10px}.legal p,.legal li{line-height:1.6}.legal ul{margin:0 0 12px;padding-left:22px}.legal code{font-size:.9em;background:#17301f12;padding:2px 6px;border-radius:6px}.updated{margin:-8px 0 0;font-size:.95rem;color:var(--muted)}.sounds{max-width:900px;padding-bottom:24px}.sounds h1{font-size:clamp(2.2rem,4vw,3rem);margin:0 0 12px}.sound-list{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px}.sound{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,280px) auto;align-items:center;gap:16px;background:#fff;border-radius:18px;padding:14px 18px;box-shadow:var(--card-shadow)}.sound-info{display:flex;flex-direction:column;min-width:0}.sound-info strong{font-family:var(--serif);font-size:1.1rem}.sound-info span{font-size:.85rem;color:var(--muted);overflow-wrap:anywhere}.sound audio{width:100%;height:40px}.cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:10;max-width:640px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;padding:18px 22px;background:#fff;border:2px solid var(--ink);border-radius:20px;box-shadow:0 18px 40px #17301f2e}.cookie p{flex:1 1 260px;margin:0;font-size:.95rem;line-height:1.5;color:var(--muted)}.cookie a{font-weight:600;color:var(--ink)}.cookie .btn{flex:none}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 860px){.hero{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:8px;text-align:center}.lead{margin-left:auto;margin-right:auto}.actions,.stores{justify-content:center}.visual{max-width:380px;margin:0 auto}.nav-links{display:none}.features{grid-template-columns:1fr}.sound{grid-template-columns:minmax(0,1fr)}}@media (max-width: 480px){.page{padding:0 20px 28px}.chip{font-size:.85rem;padding:10px 14px}.chip-bubble{font-size:1rem}}@media (prefers-reduced-motion: reduce){.sunny{animation:none}.btn,.store,.feature{transition:none}.btn:hover,.store:hover,.feature:hover{transform:none}}.sounds-dino{display:block;width:min(320px,80%);margin:8px auto 20px}.spino{overflow:visible;cursor:pointer;display:block;width:100%;height:auto}.spino .body{animation:breathe 3.2s ease-in-out infinite;transform-origin:140px 155px}.spino .sail{animation:sailSway 4s ease-in-out infinite;transform-origin:120px 120px}.spino .head{animation:headBob 3.5s ease-in-out infinite;transform-origin:210px 110px}.spino .tail{animation:tailSway 2.8s ease-in-out infinite;transform-origin:70px 155px}.spino .arm{animation:armIdle 2.6s ease-in-out infinite;transform-origin:175px 148px}.spino .waves,.spino .roar-text{opacity:0;pointer-events:none}@keyframes breathe{0%,to{transform:scaleY(1) translateY(0)}50%{transform:scaleY(1.03) translateY(-2px)}}@keyframes sailSway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(3deg)}}@keyframes headBob{0%,to{transform:rotate(-1deg) translateY(0)}50%{transform:rotate(2deg) translateY(-3px)}}@keyframes tailSway{0%,to{transform:rotate(0)}50%{transform:rotate(-8deg)}}@keyframes armIdle{0%,to{transform:rotate(0)}50%{transform:rotate(12deg)}}.spino.roaring .body{animation:roarBody .8s ease-out forwards}.spino.roaring .sail{animation:roarSail .8s ease-out forwards}.spino.roaring .head{animation:roarHead .8s ease-out forwards}.spino.roaring .jaw{animation:roarJaw .8s ease-out forwards}.spino.roaring .tail{animation:roarTail .8s ease-out forwards}.spino.roaring .arm{animation:roarArm .8s ease-out forwards}.spino.roaring .eye{animation:roarEye .8s ease-out forwards}.spino.roaring .waves{animation:roarWaves .9s ease-out forwards}.spino.roaring .roar-text{animation:roarText .9s ease-out forwards}@keyframes roarBody{0%{transform:scaleY(1) translateY(0)}30%{transform:scaleY(1.1) translateY(-8px)}to{transform:scaleY(1.05) translateY(-4px)}}@keyframes roarSail{0%{transform:rotate(-2deg)}35%{transform:rotate(10deg) scaleY(1.12)}to{transform:rotate(5deg)}}@keyframes roarHead{0%{transform:rotate(-1deg) translateY(0)}30%{transform:rotate(-14deg) translateY(-10px) translate(8px)}to{transform:rotate(-7deg) translateY(-5px)}}@keyframes roarJaw{0%{transform:rotate(0)}25%{transform:rotate(44deg)}to{transform:rotate(28deg)}}@keyframes roarTail{0%{transform:rotate(0)}40%{transform:rotate(18deg)}to{transform:rotate(8deg)}}@keyframes roarArm{0%{transform:rotate(0)}35%{transform:rotate(-30deg)}to{transform:rotate(-12deg)}}@keyframes roarEye{0%,to{transform:scale(1)}35%{transform:scale(1.35)}}@keyframes roarWaves{0%{opacity:0;transform:translate(0) scale(.5)}15%{opacity:1;transform:translate(10px) scale(1)}30%{opacity:.4;transform:translate(16px) scale(1.1)}45%{opacity:1;transform:translate(12px) scale(1.05)}70%{opacity:.7;transform:translate(22px) scale(1.2)}to{opacity:0;transform:translate(28px) scale(1.3)}}@keyframes roarText{0%{opacity:0;transform:translate(0) scale(.3) rotate(-8deg)}20%{opacity:1;transform:translate(8px,-18px) scale(1.15) rotate(4deg)}55%{opacity:1;transform:translate(14px,-26px) scale(1) rotate(-2deg)}to{opacity:0;transform:translate(20px,-36px) scale(.85) rotate(3deg)}}