(() => { const rawPath = window.location.pathname; const path = rawPath.endsWith("/") ? rawPath.slice(0, -1) : rawPath; if (path !== "/about-us" && !path.endsWith("/about-us")) return; const exactHeadings = new Map([ ["Who We Are", "Who we are"], ["Why Parents Trust TATO MAMO", "Why parents trust TATO MAMO"], ["Why Cooking?", "Why cooking?"], ["How We Design Our Games", "How we design our games"], ["Awards & Certifications", "Awards & certifications"], ["Satellite Cooking Games", "Satellite cooking games"], ["Frequently Asked Questions", "Frequently asked questions"], ["Discover the World of TATO MAMO", "Discover the world of TATO MAMO"], ["Child-Friendly by Design", "Child-friendly by design"], ["Created with a Professional Chef", "Created with a professional chef"], ["Inspired by Real Recipes", "Inspired by real recipes"], ["Learning That Feels Natural", "Learning that feels natural"], ["Simple by Nature", "Simple by nature"], ["Inspired by Real Life", "Inspired by real life"], ["Designed for Families", "Designed for families"], ["2026 Top App of the Year", "2026 Top app of the year"], ["Educational App Store Certification", "Educational App Store certification"], ["Trusted by Families", "Trusted by families"], ["For Parents", "For parents"], ["Videos, Songs & Stories", "Videos, songs & stories"], ["Brand Information", "Brand information"], ["Official Support", "Official support"], ]); const proofIcons = { "Trusted by families": '', "Built around real skills": '', "For parents": '', }; const installProofStyles = () => { if (document.getElementById("about-proof-mini-styles")) return; const style = document.createElement("style"); style.id = "about-proof-mini-styles"; style.textContent = [ ".about-page .about-proof-mini { margin-top: -2px; gap: 12px; align-items: stretch; }", ".about-page .about-proof-mini .about-card { min-height: 178px; padding: 16px 16px 18px; border-radius: 8px; border: 1px solid rgba(224,234,243,.92); box-shadow: 0 14px 34px rgba(24,35,49,.08); overflow: hidden; }", ".about-page .about-proof-mini .about-card::before { display: none !important; }", ".about-page .about-proof-mini .about-card::after { position: absolute; right: -28px; bottom: -34px; width: 118px; height: 118px; border-radius: 999px; content: ''; background: rgba(255,255,255,.55); z-index: 0; }", ".about-page .about-proof-mini .about-card > * { position: relative; z-index: 1; }", ".about-page .about-proof-mini .about-card:nth-child(1) { background: linear-gradient(135deg, #fff2aa 0%, #ffffff 54%, #e4f8ff 100%); border-color: rgba(255,200,87,.6); }", ".about-page .about-proof-mini .about-card:nth-child(2) { background: linear-gradient(135deg, #dff7ff 0%, #ffffff 55%, #fff4bf 100%); border-color: rgba(34,167,223,.34); }", ".about-page .about-proof-mini .about-card:nth-child(3) { background: linear-gradient(135deg, #e9fff2 0%, #ffffff 56%, #dff7ff 100%); border-color: rgba(40,183,122,.32); }", ".about-page .proof-mini-icon { display: inline-grid; place-items: center; flex: 0 0 auto; width: 50px; height: 50px; margin-bottom: 13px; border-radius: 8px; background: #152233; color: #fff; box-shadow: 0 10px 22px rgba(21,34,51,.14); overflow: hidden; animation: aboutProofFloat 4.8s ease-in-out infinite; }", ".about-page .about-proof-mini .about-card:nth-child(2) .proof-mini-icon { background: #22a7df; animation-delay: .35s; }", ".about-page .about-proof-mini .about-card:nth-child(3) .proof-mini-icon { background: #28b77a; animation-delay: .7s; }", ".about-page .proof-mini-icon svg { display: block; width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 2.35; stroke-linecap: round; stroke-linejoin: round; }", ".about-page .about-proof-mini h3 { margin: 0; max-width: 280px; font-size: 22px; line-height: 1.05; }", ".about-page .about-proof-mini p { margin-top: 10px; color: #5d7087; font-size: 15px; line-height: 1.4; }", "@keyframes aboutProofFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }", "@media (max-width: 700px) { .about-page .about-proof-mini { gap: 10px !important; } .about-page .about-proof-mini .about-card { min-height: 0; padding: 15px 16px 16px !important; display: grid; grid-template-columns: 54px 1fr; column-gap: 14px; align-items: start; } .about-page .about-proof-mini .proof-mini-icon { grid-row: span 2; width: 46px; height: 46px; margin: 0; } .about-page .about-proof-mini .proof-mini-icon svg { width: 26px; height: 26px; } .about-page .about-proof-mini h3 { font-size: 21px; } .about-page .about-proof-mini p { margin: 7px 0 0; font-size: 14px; line-height: 1.36; } }", "@media (prefers-reduced-motion: reduce) { .about-page .proof-mini-icon { animation: none; } }" ].join(String.fromCharCode(10)); document.head.appendChild(style); }; const applyAboutHeadings = () => { document.querySelectorAll("h2, h3").forEach((heading) => { const text = heading.textContent?.trim(); if (!text) return; if (text === "Learning Through Play") { const paragraph = heading.parentElement?.querySelector("p")?.textContent?.trim() || ""; if (paragraph.startsWith("Cooking naturally teaches")) { heading.textContent = "Built around real skills"; const body = heading.parentElement?.querySelector("p"); if (body) { body.textContent = "TATO MAMO cooking games help children practice observation, sequencing, creativity, attention, and confidence through simple step-by-step play."; } return; } heading.textContent = "Learning through play"; return; } const replacement = exactHeadings.get(text); if (replacement) heading.textContent = replacement; }); }; const applyProofCards = () => { const cards = Array.from(document.querySelectorAll(".about-card")).filter((card) => { const title = card.querySelector("h3")?.textContent?.trim(); return title && proofIcons[title]; }); if (cards.length < 3) return; const section = cards[0].closest("section"); section?.classList.add("about-proof-mini"); cards.slice(0, 3).forEach((card) => { const title = card.querySelector("h3")?.textContent?.trim(); if (!title || card.querySelector(".proof-mini-icon")) return; const icon = document.createElement("span"); icon.className = "proof-mini-icon"; icon.innerHTML = proofIcons[title]; card.insertBefore(icon, card.firstChild); }); }; const applyAboutPage = () => { installProofStyles(); applyAboutHeadings(); applyProofCards(); }; applyAboutPage(); window.setTimeout(applyAboutPage, 100); window.setTimeout(applyAboutPage, 600); window.setTimeout(applyAboutPage, 1400); const observer = new MutationObserver(() => applyAboutPage()); observer.observe(document.documentElement, { childList: true, subtree: true }); window.setTimeout(() => observer.disconnect(), 3000); })();

Calm screen time that teaches real-life skills