:root{--navy:#031c35;--blue:#0c4f78;--gold:#ffbd1f;--cream:#fff8e9;--ink:#092746;--teal:#0aa6aa;--red:#e9313a;--purple:#6a3fd1}
*{box-sizing:border-box}html{scrollbar-gutter:stable;overscroll-behavior:none}html,body{margin:0;max-width:100%;overflow-x:hidden;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif}body{min-height:100dvh;background:linear-gradient(#f7fbff,#eef7ff);color:var(--ink);overflow-anchor:none}
a{text-decoration:none;color:inherit}button,a,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:filter .1s ease,box-shadow .1s ease}button:active,a:active,[role=button]:active{filter:brightness(.95)}
.sitebar{min-height:78px;padding:10px clamp(14px,4vw,40px);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#031b34,#06264a);color:white;box-shadow:0 6px 18px #00152c55}.brand{font-size:clamp(25px,5vw,42px);font-weight:1000;letter-spacing:-2px;color:#ffc01f;text-shadow:0 3px 0 #713f00,0 5px 10px #0008}.brand span{color:#fff}.brand-image{display:block;width:min(330px,55vw);height:58px}.brand-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}.topicons{display:flex;gap:12px;align-items:center}.roundicon{position:relative;width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:#0a4674;border:2px solid #2d7eb0;box-shadow:0 5px 0 #001b30;font-size:27px;overflow:visible}.roundicon img{width:88%;height:88%;object-fit:contain}.roundicon.gold{background:linear-gradient(145deg,#ffd75b,#ffb514);color:#092746;border-color:#ffe99e}.cartglyph{display:block;font-size:28px;line-height:1;filter:drop-shadow(0 2px 0 #fff8)}.cartbadge,.roundicon.gold small{position:absolute;right:-7px;top:-8px;display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:#fff;color:#092746;border:2px solid #ffbd1f;font-size:12px;font-weight:1000;box-shadow:0 2px 5px #0005}
.inner{width:min(1180px,100%);margin:auto;padding:24px clamp(12px,3vw,28px) 36px}.pagehead{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:18px}.pagehead h1{text-align:center;margin:0;font-size:clamp(25px,5vw,44px)}.cute{border:2px solid #efd7a4;background:#fff7e8;color:#0a3154;padding:12px 18px;border-radius:999px;font-weight:900;box-shadow:0 5px 0 #d8b875,0 8px 16px #17314c22}.cute.pink{background:#ffe4ec;color:#b81f52;border-color:#f4aac2;box-shadow:0 5px 0 #d883a0,0 8px 16px #17314c22}.cute.blue{background:#e4f2ff;border-color:#9dc9f2;box-shadow:0 5px 0 #6fa8db,0 8px 16px #17314c22}.paw{font-size:1.15em}.panel{background:#fff;border-radius:28px;box-shadow:0 18px 42px #0a31542a;border:1px solid #dce8f1;padding:22px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.feature{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 12px 28px #0a31542a;border:1px solid #dce8f1}.feature img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.feature .copy{padding:16px}.feature h2{margin:0 0 7px}.feature p{margin:0 0 14px;line-height:1.4}.barbtn{display:block;padding:12px 14px;border-radius:999px;color:#fff;font-weight:900;text-align:center;background:var(--teal);box-shadow:0 4px 0 #067074}.barbtn.red{background:var(--red);box-shadow:0 4px 0 #9d1821}.barbtn.purple{background:var(--purple);box-shadow:0 4px 0 #402293}.barbtn.gold{background:var(--gold);color:var(--ink);box-shadow:0 4px 0 #b77800}
.footer{margin-top:28px;background:linear-gradient(180deg,#052544,#03182d);color:white;padding:24px;text-align:center;border-radius:28px 28px 0 0;font-weight:800}.footer span{margin:0 12px}.sub{opacity:.78;font-weight:650}
.single-action{grid-template-columns:auto 1fr}.single-action h1{text-align:left}.parents-inner{padding-top:18px}.parents-intro{padding:17px;margin-bottom:16px;text-align:center}.parents-intro h2{margin:0 0 6px;font-size:clamp(23px,4vw,36px)}.parents-intro p{margin:0;line-height:1.35}.parents-grid .feature .copy{padding:14px}.parents-grid .feature h2{font-size:21px}.parents-grid .feature p{min-height:40px}
@media(max-width:800px){.pagehead{grid-template-columns:1fr 1fr}.pagehead h1{grid-column:1/-1;grid-row:1}.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.sitebar{min-height:66px}.roundicon{width:44px;height:44px;border-radius:15px;font-size:23px}.cute{padding:10px 12px;font-size:13px}}
@media(max-width:520px){.grid4{grid-template-columns:1fr}.pagehead{gap:8px}.inner{padding-top:14px}.footer span{display:block;margin:7px}}
@media(max-width:520px){.brand-image{width:min(235px,56vw);height:46px}.single-action{grid-template-columns:auto 1fr}.single-action h1{grid-column:2;grid-row:1;text-align:left;font-size:25px}.parents-inner{padding-top:10px}.parents-intro{padding:14px;margin-bottom:12px}.parents-grid{grid-template-columns:1fr 1fr;gap:10px}.parents-grid .feature .copy{padding:11px}.parents-grid .feature h2{font-size:17px}.parents-grid .feature p{font-size:13px;line-height:1.25;min-height:49px;margin-bottom:10px}.parents-grid .barbtn{font-size:12px;padding:9px 8px}.parents-inner .footer{margin-top:15px;padding:15px}}
@media(orientation:landscape) and (max-height:560px){.sitebar{min-height:54px;padding:5px 12px}.brand-image{height:43px}.roundicon{width:42px;height:42px}.parents-inner{padding:9px 12px 16px}.single-action{margin-bottom:8px}.single-action h1{font-size:24px}.cute{padding:8px 11px}.parents-intro{padding:10px;margin-bottom:9px}.parents-intro h2{font-size:22px}.parents-grid{grid-template-columns:repeat(4,1fr);gap:8px}.parents-grid .feature .copy{padding:9px}.parents-grid .feature h2{font-size:16px}.parents-grid .feature p{font-size:11px;line-height:1.2;min-height:40px;margin-bottom:7px}.parents-grid .barbtn{font-size:10px;padding:7px 5px}.parents-inner .footer{margin-top:10px;padding:10px}}