:root{--bg: #0B1912;--sur: #141F17;--sur2: #1C2B1F;--sur3: #243325;--ink: #EFF5F1;--ink2: rgba(239,245,241,.82);--ink3: rgba(239,245,241,.52);--ink4: rgba(239,245,241,.25);--bdr: rgba(255,255,255,.08);--bdr2: rgba(255,255,255,.16);--accent: #C9A84C;--accent-lt: rgba(201,168,76,.14);--accent-bdr: rgba(201,168,76,.35);--gold: #C9A84C;--gold-lt: rgba(201,168,76,.14);--gold-bdr: rgba(201,168,76,.35);--green: #2D6A4F;--green-lt: rgba(45,106,79,.2);--green-bdr: rgba(82,183,136,.28);--leaf: #52B788;--red: #EF4444;--red-lt: rgba(239,68,68,.1);--red-bdr: rgba(239,68,68,.25);--fd: "Playfair Display", Georgia, serif;--fn: "DM Sans", system-ui, sans-serif;--fr: "Lora", Georgia, serif;--ease: cubic-bezier(.16,1,.3,1);--sh: 0 2px 16px rgba(0,0,0,.4);--sh2: 0 8px 32px rgba(0,0,0,.55);--card-radius: 16px;--pill-radius: 100px;--ch: 60px}[data-theme=light]{--bg: #F7F4EE;--sur: #FFFFFF;--sur2: #F0EDE6;--sur3: #E8E4DC;--ink: #111008;--ink2: #3A3630;--ink3: #7A7060;--ink4: #C0B8A8;--bdr: rgba(0,0,0,.08);--bdr2: rgba(0,0,0,.15);--gold: #9A7000;--gold-lt: #FDF5E0;--gold-bdr: rgba(154,112,0,.3);--accent: #9A7000;--accent-lt: #FDF5E0;--accent-bdr: rgba(154,112,0,.3);--green: #1B4332;--green-lt: #E8F5EE;--green-bdr: rgba(27,67,50,.2);--leaf: #2D6A4F;--sh: 0 2px 12px rgba(0,0,0,.07);--sh2: 0 8px 28px rgba(0,0,0,.12)}[data-pillar=teens]{--bg: #0A0F1E;--sur: #111827;--sur2: #1F2937;--sur3: #374151;--ink: #F9FAFB;--ink2: rgba(249,250,251,.82);--ink3: rgba(249,250,251,.52);--ink4: rgba(249,250,251,.25);--bdr: rgba(255,255,255,.09);--bdr2: rgba(255,255,255,.18);--accent: #14B8A6;--accent-lt: rgba(20,184,166,.12);--accent-bdr: rgba(20,184,166,.32);--gold: #14B8A6;--gold-lt: rgba(20,184,166,.12);--gold-bdr: rgba(20,184,166,.32);--green: #0D9488;--green-lt: rgba(13,148,136,.18);--green-bdr: rgba(13,148,136,.3);--leaf: #2DD4BF;--card-radius: 12px}[data-theme=light][data-pillar=teens]{--bg: #F0FFFE;--sur: #FFFFFF;--sur2: #E0FAF8;--sur3: #CCFBF1;--ink: #0F172A;--ink2: #1E293B;--ink3: #64748B;--ink4: #CBD5E1;--bdr: rgba(0,0,0,.08);--bdr2: rgba(0,0,0,.14);--accent: #0D9488;--accent-lt: #CCFBF1;--accent-bdr: rgba(13,148,136,.3)}[data-pillar=kids]{--bg: #FFFBF0;--sur: #FFFFFF;--sur2: #FFF5D6;--sur3: #FFE8A0;--ink: #1A1008;--ink2: #3D3520;--ink3: #7A6840;--ink4: #B8A87A;--bdr: rgba(0,0,0,.09);--bdr2: rgba(0,0,0,.16);--accent: #F59E0B;--accent-lt: #FEF3C7;--accent-bdr: rgba(245,158,11,.35);--gold: #D97706;--gold-lt: #FEF3C7;--gold-bdr: rgba(245,158,11,.35);--green: #059669;--green-lt: #ECFDF5;--green-bdr: rgba(5,150,105,.25);--leaf: #059669;--fn: "Nunito", system-ui, sans-serif;--fd: "Fredoka One", cursive;--card-radius: 20px;--pill-radius: 14px;--sh: 0 3px 16px rgba(0,0,0,.1);--sh2: 0 8px 28px rgba(0,0,0,.16)}[data-theme=dark][data-pillar=kids]{--bg: #1A1000;--sur: #2A1F00;--sur2: #3A2C00;--sur3: #4A3900;--ink: #FFF8E7;--ink2: rgba(255,248,231,.82);--ink3: rgba(255,248,231,.52);--ink4: rgba(255,248,231,.25);--bdr: rgba(255,200,0,.1);--bdr2: rgba(255,200,0,.2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;font-size:18px}body{font-family:var(--fn);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;transition:background .35s var(--ease),color .35s var(--ease)}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{display:block;max-width:100%}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--bdr2);border-radius:2px}.gro-toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%) translateY(8px);z-index:900;opacity:0;pointer-events:none;background:var(--ink);color:var(--sur);padding:.5rem 1.1rem;border-radius:9px;font-family:var(--fn);font-size:.8rem;font-weight:700;white-space:nowrap;box-shadow:var(--sh2);transition:all .3s}.gro-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.chrome{position:sticky;top:0;z-index:300;height:var(--ch);display:flex;align-items:center;padding:0 1.25rem;gap:.6rem;background:var(--sur);border-bottom:1px solid var(--bdr);box-shadow:var(--sh);transition:background .35s,border-color .35s}.gro-logo{font-family:var(--fd);font-size:1.22rem;font-weight:700;color:var(--ink);letter-spacing:-.02em;text-decoration:none;flex-shrink:0;transition:opacity .2s}.gro-logo:hover{opacity:.72}.gro-logo span{color:var(--accent)}.site-nav{display:flex;align-items:center;gap:.1rem;flex:1;justify-content:center;overflow-x:auto;scrollbar-width:none}.site-nav::-webkit-scrollbar{display:none}.snav-link{display:flex;align-items:center;gap:.3rem;padding:.38rem .7rem;border-radius:8px;font-family:var(--fn);font-size:.82rem;font-weight:700;color:var(--ink2);text-decoration:none;transition:all .18s;white-space:nowrap;flex-shrink:0;position:relative}.snav-link:hover{color:var(--ink);background:var(--sur2)}.snav-link.active{color:var(--accent);background:var(--accent-lt)}.snav-link.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:20px;height:2.5px;border-radius:2px;background:var(--accent)}.snav-link svg{width:13px;height:13px;flex-shrink:0;opacity:.7}.ch-r{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.th-group{display:flex;align-items:center;gap:.3rem}.th-icon{font-size:.9rem}.th-pill{width:42px;height:23px;border-radius:12px;cursor:pointer;background:var(--sur2);border:1.5px solid var(--bdr2);position:relative;transition:all .3s;flex-shrink:0}.th-pill:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:var(--ink3);transition:transform .3s var(--ease),background .3s}[data-theme=light] .th-pill:after{background:var(--green);transform:translate(19px)}.th-lbl{font-size:.7rem;font-weight:700;color:var(--ink2)}.nav-sub-cta{display:flex;align-items:center;gap:.3rem;padding:.38rem .78rem;border-radius:8px;font-family:var(--fn);font-size:.77rem;font-weight:800;background:var(--accent-lt);border:1px solid var(--accent-bdr);color:var(--accent);text-decoration:none;transition:opacity .2s;white-space:nowrap;flex-shrink:0}.nav-sub-cta:hover{opacity:.8}.nav-user-btn{width:32px;height:32px;border-radius:50%;background:var(--sur2);border:1.5px solid var(--bdr2);display:flex;align-items:center;justify-content:center;font-size:.85rem;text-decoration:none;color:inherit;flex-shrink:0;transition:border-color .2s}.nav-user-btn:hover{border-color:var(--accent-bdr)}@media (max-width: 640px){.snav-link span{display:none}.snav-link{padding:.38rem .5rem}.nav-sub-cta span,.th-lbl{display:none}}