:root{--display:"Syne", sans-serif;--sans:"Figtree", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--bg:#07131f;--paper:#f4f8ff;--ink:#e8f1ff;--muted:#9aadc4;--accent:#3d9cff;--accent-2:#f4d35e;--card:#ffffff0f;--line:#e8f1ff1f;--nav:#07131fc7;--btn:#3d9cff;--btn-ink:#07131f;--brand-blue:#315ed8;--brand-blue-2:#6f91ff}html[data-audience=parent]{--display:"Cormorant Garamond", serif;--sans:"Outfit", system-ui, sans-serif;--bg:#f6efe6;--paper:#fffaf4;--ink:#261910;--muted:#6d5b4f;--accent:#315ed8;--accent-2:#3d4a32;--card:#fffaf4;--line:#2619101f;--nav:#f6efe6db;--btn:#315ed8;--btn-ink:#fffaf4}html[data-audience=teacher]{--display:"Instrument Serif", serif;--sans:"Figtree", system-ui, sans-serif;--bg:#f3efe4;--paper:#faf8f1;--ink:#16382c;--muted:#5c6b63;--accent:#315ed8;--accent-2:#c4a056;--card:#fffdf7;--line:#16382c1f;--nav:#f3efe4db;--btn:#315ed8;--btn-ink:#f3efe4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}header,footer{justify-content:space-between;align-items:center;gap:16px;max-width:1180px;margin:0 auto;padding:18px 24px;display:flex}header{z-index:20;background:var(--nav);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);position:sticky;top:0;box-shadow:0 12px 36px -32px #00000080}header:before{content:"";z-index:-1;background:var(--nav);border-bottom:1px solid var(--line);backdrop-filter:blur(16px);height:73px;position:fixed;inset:0 0 auto}.brand{letter-spacing:-.03em;align-items:center;gap:8px;font-weight:750;display:flex}.brand i{background:linear-gradient(145deg, var(--brand-blue-2), var(--brand-blue));border-radius:11px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 7px 18px #315ed83d,inset 0 1px #ffffff3d}.brand i img{object-fit:contain;width:26px;height:26px}.brand b{color:var(--muted);font-weight:500}header nav{align-items:center;gap:20px;font-size:13px;font-weight:650;display:flex}header nav>a:not(.btn),summary{padding:7px 0;position:relative}header nav>a:not(.btn):after,summary:after{content:"";background:var(--accent);border-radius:2px;height:2px;transition:right .22s;position:absolute;bottom:1px;left:0;right:100%}header nav>a:not(.btn):hover:after,summary:hover:after{right:0}.audience-quick-nav{scrollbar-width:none;border-bottom:1px solid var(--line);white-space:nowrap;align-items:center;gap:8px;width:min(1132px,100% - 48px);margin:0 auto;padding:9px 0 12px;display:flex;overflow-x:auto}.audience-quick-nav::-webkit-scrollbar{display:none}.audience-quick-nav>span{color:var(--muted);font:600 9px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;margin-right:4px}.audience-quick-nav a{color:var(--muted);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700;transition:color .18s,background .18s}.audience-quick-nav a:hover{color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, transparent)}.menu{display:none}details{position:relative}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.mega{background:var(--paper);color:#1b2430;border-radius:16px;grid-template-columns:1fr 1fr;gap:4px;width:420px;max-height:420px;padding:14px;display:grid;position:absolute;top:32px;right:0;overflow:auto;box-shadow:0 20px 50px #0000002e}.mega p{font:600 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#7b8590;grid-column:1/-1;margin:0 0 8px}.mega a{border-radius:8px;justify-content:space-between;padding:8px;font-size:12px;display:flex}.mega a:hover{background:color-mix(in srgb, var(--accent) 12%, white)}.btn{background:var(--btn);color:var(--btn-ink);box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 24%, transparent);border-radius:999px;justify-content:center;align-items:center;padding:12px 18px;font-size:13px;font-weight:750;transition:transform .22s,box-shadow .22s,filter .22s;display:inline-flex}.btn:hover{filter:brightness(1.04);box-shadow:0 14px 30px color-mix(in srgb, var(--accent) 30%, transparent);transform:translateY(-2px)}.btn.invert{background:var(--paper);color:var(--bg)}html[data-audience=parent] .btn.invert,html[data-audience=teacher] .btn.invert{background:var(--ink);color:var(--paper)}.quiet{border-bottom:1px solid;padding-bottom:2px;font-size:13px;font-weight:750}.eyebrow{font:600 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 14px}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:56px;max-width:1180px;margin:0 auto;padding:64px 24px 80px;display:grid;position:relative}.hero:before{content:"";background:color-mix(in srgb, var(--accent) 16%, transparent);filter:blur(10px);pointer-events:none;border-radius:50%;width:460px;height:460px;position:absolute;top:-180px;right:-210px}h1,h2{font-family:var(--display);letter-spacing:-.04em;margin:0;font-weight:600;line-height:1.05}h1{font-size:clamp(2.4rem,5vw,4.2rem)}h2{font-size:clamp(1.8rem,3.4vw,2.8rem)}h2 em,.flow h2 em,.network h2 em{color:var(--accent-2);font-style:italic}.lede{max-width:36rem;color:var(--muted);font-size:1.08rem}.actions{flex-wrap:wrap;align-items:center;gap:16px;margin:28px 0 18px;display:flex}.live{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.live i{background:#3ecf8e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #3ecf8e2e}.device{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:12px;animation:.8s cubic-bezier(.2,.8,.2,1) both device-in;position:relative;transform:rotate(1.4deg);box-shadow:0 30px 70px #0000002e}.device-glow{z-index:-1;background:color-mix(in srgb, var(--accent) 24%, transparent);filter:blur(44px);border-radius:40%;position:absolute;inset:14% -10% -12% 12%}@keyframes device-in{0%{opacity:0;transform:translateY(24px)rotate(3deg)}}.bar{font:500 10px var(--mono);color:var(--muted);align-items:center;gap:10px;padding:8px 10px;display:flex}.bar span{gap:5px;display:flex}.bar span i{background:#ff6b5a;border-radius:50%;width:8px;height:8px}.bar span i:nth-child(2){background:var(--accent-2)}.bar span i:nth-child(3){background:#3ecf8e}.bar em{text-align:center;flex:1;font-style:normal}.bar b{background:var(--accent);min-width:26px;height:26px;color:var(--btn-ink);border-radius:50%;place-items:center;padding:0 5px;font-size:8px;display:grid}.screen{background:var(--paper);color:#17202b;border-radius:16px;grid-template-columns:58px 1fr;min-height:340px;display:grid;overflow:hidden}html[data-audience=student] .screen{color:#102033}.screen aside{background:color-mix(in srgb, var(--accent) 10%, var(--paper));flex-direction:column;align-items:center;gap:18px;padding:18px 0;display:flex}.screen aside div{background:var(--accent);border-radius:6px;width:18px;height:18px}.screen aside i{background:#c5ccd4;border-radius:4px;width:16px;height:5px}.screen aside .on{background:#17202b}.screen article{padding:28px 24px}.screen article>p{font:600 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0}.screen h2{margin:10px 0 22px;font-size:1.7rem}.meter{border:1px solid #e4e7eb;border-radius:14px;padding:14px}.meter div{justify-content:space-between;font-size:12px;display:flex}.meter em{background:#e8ebef;border-radius:6px;height:6px;margin:10px 0 6px;display:block}.meter em i{width:var(--meter,86%);border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;display:block}.meter small{color:#7a8490;font-size:11px}.next{border:1px solid #e4e7eb;border-radius:14px;align-items:center;gap:10px;margin-top:12px;padding:12px;font-size:12px;display:flex}.next span{background:color-mix(in srgb, var(--accent) 14%, white);width:28px;height:28px;color:var(--accent);border-radius:8px;place-items:center;display:grid}.next p{color:#6b7580;margin:2px 0 0}.next strong{margin-left:auto}.pulse-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.pulse-row>span{border:1px solid #e4e7eb;border-radius:13px;padding:12px 12px 11px 30px;position:relative}.pulse-row i{background:#3ecf8e;border-radius:50%;width:8px;height:8px;position:absolute;top:17px;left:12px;box-shadow:0 0 0 4px #3ecf8e21}.pulse-row b,.pulse-row small{font-size:10px;display:block}.pulse-row small{color:#7a8490;margin-top:2px}.ribbon{text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 20px}.ribbon p{font:600 10px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}.ribbon div{justify-content:center;align-items:center;gap:14px;font-weight:750;display:flex}.ribbon em{color:var(--accent);font-style:normal}.map,.directory,.features,.network{max-width:1180px;margin:0 auto;padding:96px 24px}.map{grid-template-columns:.85fr 1.15fr;gap:64px;display:grid}.steps article{border-bottom:1px solid var(--line);grid-template-columns:48px 1fr;gap:14px;padding:22px 0;display:grid}.steps span{font:600 12px var(--mono);color:var(--accent)}.steps h3{margin:0 0 6px;font-size:1.15rem}.steps p,.cards p,.features-grid p,.net-grid p{color:var(--muted);margin:0;font-size:14px}.cards{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:36px;display:grid}.cards a,.features-grid article,.net-grid article{border:1px solid var(--line);background:var(--card);border-radius:18px;flex-direction:column;min-height:210px;padding:20px;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex}.cards a:hover,.features-grid article:hover,.net-grid article:hover{border-color:var(--accent);box-shadow:0 18px 42px -30px color-mix(in srgb, var(--accent) 58%, transparent);transform:translateY(-5px)}.cards span,.features-grid small{font:600 11px var(--mono);color:var(--accent)}.cards h3,.features-grid h3,.net-grid h3{letter-spacing:-.03em;margin:18px 0 8px;font-size:1.05rem}.cards b,.features-grid a,.net-grid a{color:var(--accent);margin-top:auto;padding-top:18px;font-size:12px;font-weight:750}.features-grid,.net-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:36px;display:grid}.net-grid{grid-template-columns:repeat(3,1fr)}.features-grid span,.net-grid span{background:color-mix(in srgb, var(--accent) 14%, transparent);width:36px;height:36px;color:var(--accent);border-radius:12px;place-items:center;display:grid}.flow{background:color-mix(in srgb, var(--accent) 8%, var(--bg));grid-template-columns:.9fr 1.1fr;gap:64px;padding:96px max(24px,50vw - 566px);display:grid}.flow ol{margin:0;padding:0;list-style:none}.flow li{border-top:1px solid var(--line);grid-template-columns:56px 1fr;align-items:center;gap:12px;padding:20px 0;font-size:1.1rem;font-weight:700;display:grid}.flow li span{font:600 12px var(--mono);color:var(--accent)}.quote{text-align:center;max-width:820px;margin:0 auto;padding:80px 24px 100px}.quote p{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.2}.quote div{color:var(--muted)}.quote b{color:var(--ink);display:block}.end{background:color-mix(in srgb, var(--accent) 16%, var(--bg));border:1px solid color-mix(in srgb, var(--accent) 26%, var(--line));border-radius:28px;justify-content:space-between;align-items:center;gap:24px;max-width:1180px;margin:0 auto 80px;padding:48px;display:flex}footer{border-top:1px solid var(--line);color:var(--muted);font-size:13px}footer p{flex:1;margin:0}@media (width<=900px){.hero,.map,.flow,.end{grid-template-columns:1fr}.cards,.features-grid{grid-template-columns:1fr 1fr}.net-grid{grid-template-columns:1fr}.device{transform:none}.menu{border:1px solid var(--line);color:var(--ink);font:700 12px var(--sans);background:0 0;border-radius:999px;padding:8px 12px;display:block}header nav{background:var(--paper);color:#17202b;border:1px solid var(--line);border-radius:16px;flex-direction:column;align-items:stretch;max-height:calc(100vh - 88px);padding:16px;display:none;position:fixed;inset:72px 12px auto;overflow-y:auto;box-shadow:0 24px 64px #0003}body.open header nav{display:flex}.mega{width:auto;box-shadow:none;position:static}.audience-quick-nav{width:calc(100% - 32px)}.audience-quick-nav>span{z-index:1;background:var(--bg);padding:8px 7px 8px 0;position:sticky;left:0}}@media (width<=560px){.cards,.features-grid{grid-template-columns:1fr}.end{padding:32px 22px;display:block}.end .btn{margin-top:20px}.screen{grid-template-columns:1fr}.screen aside{display:none}.hero{padding-top:44px}.pulse-row{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start;padding-bottom:92px}}@media (prefers-reduced-motion:reduce){.device{animation:none}.btn,.cards a,.features-grid article,.net-grid article{transition:none}}