/* Kids Trivia: local typography, quiet garden colors, no external requests. */
:root{color-scheme:light;--bg:#f7f4e9;--ink:#2f4c3e;--soft:#56685b;--line:#d8ddce;--paper:#fffdf5;--gold:#ddbb69}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--ink);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid #8b6620;outline-offset:5px}.skip{position:absolute;left:12px;top:-100px;background:white;padding:12px;z-index:3}.skip:focus{top:12px}.wrap{max-width:760px;margin:auto;padding:24px 28px 60px}.landing{max-width:1100px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:56px;font-size:14px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;font-size:18px}.brand img{border-radius:12px}h1,h2,h3{color:var(--ink);line-height:1.12;text-wrap:balance}h1{font:600 clamp(36px,6vw,58px)/1.08 Georgia,serif;margin:0 0 22px}h2{font:600 26px/1.2 Georgia,serif;margin:36px 0 12px}h3{font-size:19px;margin:20px 0 8px}p{color:var(--soft);margin:0 0 18px}.lead{font-size:21px;line-height:1.55}.updated,.eyebrow,.small{font-size:14px}.eyebrow{text-transform:uppercase;letter-spacing:.11em;font-weight:600}.updated{margin-bottom:32px}.hero{display:grid;grid-template-columns:1fr 230px;gap:48px;align-items:center;margin-bottom:44px}.hero h1{font-size:clamp(44px,6.5vw,76px)}.hero-icon{width:100%;height:auto;border-radius:26%;box-shadow:0 18px 45px #2f4c3e19;transform:rotate(4deg)}.button{display:inline-flex;gap:20px;padding:13px 22px;border-radius:30px;background:var(--ink);color:var(--paper);font-weight:600;text-decoration:none;margin-top:8px}.garden-scene{margin:0 0 58px;position:relative}.garden-scene img{display:block;width:100%;height:360px;object-fit:cover;border-radius:30px}.garden-scene figcaption{position:absolute;bottom:18px;left:18px;right:18px;width:fit-content;max-width:calc(100% - 36px);padding:9px 16px;border-radius:16px;background:#fffdf5ed;font-size:15px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.features h2{margin-top:12px}.features p{font-size:16px}.plans{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;margin:54px 0;padding:38px 0;border-block:1px solid var(--line)}.plans h2{font-size:34px;margin-top:0}.plans h3:first-child{margin-top:0}.closing{text-align:center;padding:12px 0 28px}.closing h2{font-size:36px}.faq{margin:30px 0}.faq details{border-top:1px solid var(--line);padding:16px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{font-weight:600;cursor:pointer;padding:5px 24px 5px 0;line-height:1.5}details p{margin:12px 0 2px}footer{display:flex;flex-wrap:wrap;gap:18px;margin-top:54px;padding-top:24px;border-top:1px solid var(--line);font-size:14px}footer span{margin-left:auto;color:var(--soft)}@media(max-width:650px){.wrap{padding:18px 22px 38px}header{margin-bottom:38px}.hero{grid-template-columns:1fr;gap:26px}.hero-icon{width:100px;grid-row:1}.hero h1{font-size:48px}.lead{font-size:19px}.garden-scene img{height:280px}.features,.plans{grid-template-columns:1fr;gap:18px}.features h2{margin-top:10px}.plans{margin:32px 0;padding:28px 0}.garden-scene{margin-bottom:36px}footer span{width:100%;margin-left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-icon{transform:none}}

.category-gallery{text-align:center;margin:40px 0 10px}.category-gallery h2{font-size:36px;margin-top:8px}.category-gallery ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:34px 18px;list-style:none;margin:34px 0;padding:0}.category-art{width:100px;height:100px;display:grid;place-items:center;margin:auto;color:#486653;background:#e8ebdf;border-radius:50%}.category-art svg{width:80px;height:80px}.category-gallery li:nth-child(3n+2) .category-art{background:#eee5d4;color:#827049}.category-gallery li:nth-child(3n) .category-art{background:#e4ebe7;color:#627e79}.category-gallery h3{font-size:17px;margin:12px 0 4px}.category-gallery li p{font-size:13px;line-height:1.45;margin:0}.letter-art{font:600 46px/1 Georgia,serif}.category-sprite{width:84px;height:84px;position:relative;overflow:hidden;mix-blend-mode:multiply}.category-sprite img{position:absolute;max-width:none;width:336px;height:336px;left:0;top:0}.food-sprite img{top:-168px}@media(max-width:760px){.category-gallery ul{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:480px){.category-gallery ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 12px}.category-gallery h2{font-size:30px}}

/* Side-by-side subscription columns, with features below each price. */
.pricing{max-width:880px;margin:48px auto 0;padding-top:28px;border-top:1px solid var(--line);text-align:center}
.pricing-header{margin-bottom:22px}.pricing-header h2{font-size:30px;margin:0}
.pricing-lanes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.price-lane{min-width:0;padding:0 28px 0 0}.plan-summary{min-height:96px}
.price-lane+.price-lane{border-left:1px solid var(--line);padding:0 0 0 28px}
.lane-heading{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;min-height:70px}.lane-heading .billing-toggle{margin:0}.lane-heading h3{font:650 18px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0}
.lane-price{font-size:42px;font-weight:550;letter-spacing:-.055em;line-height:1.1;color:var(--ink);margin:7px 0 3px;font-variant-numeric:tabular-nums;white-space:nowrap}
.lane-price small{font-size:.47em;vertical-align:top;line-height:1.65;letter-spacing:-.02em;margin-right:2px}
.lane-billing{font-size:12px;margin:0;color:var(--soft)}
.lane-billing strong{font-weight:600;color:#79622d}
.billing-toggle{display:inline-flex;gap:3px;padding:3px;margin:0 0 12px;border:0;border-radius:24px;background:#e6e9de;min-width:0}
.billing-toggle legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.billing-toggle label{position:relative;cursor:pointer}
.billing-toggle input{position:absolute;width:1px;height:1px;opacity:0}
.billing-toggle span{display:block;padding:5px 13px;border-radius:20px;font-size:12px;line-height:1.5;color:var(--soft);transition:background .16s,color .16s}
.billing-toggle input:checked+span{background:var(--ink);color:var(--paper)}
.billing-toggle input:focus-visible+span{outline:3px solid #8b6620;outline-offset:3px}
.yearly-price{display:none}
.pricing:has(#billing-yearly:checked) .yearly-price{display:block}
.pricing:has(#billing-yearly:checked) .monthly-price{display:none}
.lane-features{display:grid;grid-template-columns:1fr;gap:9px;list-style:none;padding:16px 0 0;margin:12px 0 0;border-top:1px solid var(--line);font-size:14px;line-height:1.5}
.lane-features li{padding:0;text-align:center}
.lane-features li:before{content:"✓";margin-right:8px;color:#728467;font-size:13px}
.pricing-footnote{font-size:11px;margin:14px 0 0;color:var(--soft)}
@media(max-width:650px){
 .pricing{margin-top:34px;padding-top:24px}
 .pricing-header{margin-bottom:20px}.pricing-header h2{font-size:26px}
 .price-lane{padding-right:14px}.price-lane+.price-lane{padding-left:14px}.plan-summary{min-height:96px}
 .lane-price{font-size:36px}
 .billing-toggle{gap:0}
 .billing-toggle span{padding:5px 8px;font-size:11px}
 .lane-features{grid-template-columns:1fr;gap:9px;font-size:13px}
}
@media(max-width:360px){.lane-heading{min-height:70px}.pricing-header h2{font-size:24px}.lane-price{font-size:34px}.billing-toggle span{padding-inline:6px}}
@media(prefers-reduced-motion:reduce){.billing-toggle span{transition:none}}
.app-store-cta{display:inline-flex;flex-direction:column;align-items:center;gap:6px;margin-top:12px}.app-store-cta button{border:0;padding:0;background:none;display:block;opacity:1}.app-store-cta img{display:block;width:156px;height:52px}.app-store-cta span{font-size:13px;color:var(--soft)}
.learning-approach{margin-top:64px;padding-top:40px;border-top:1px solid var(--line)}
@media(max-width:650px){.learning-approach{margin-top:44px;padding-top:30px}}

.mobile-closing-icon{display:none}
@media(max-width:650px){.hero>.hero-icon{display:none}.mobile-closing-icon{display:block;width:112px;height:112px;margin:42px auto 0;border-radius:26%;transform:rotate(4deg)}.hero{gap:0}.hero h1{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.mobile-closing-icon{transform:none}}