.public-home{flex-direction:column;min-height:100dvh;padding:0;display:flex}.public-home,.public-home *{box-sizing:border-box}.public-home__shell{flex:1;grid-template-rows:auto minmax(0,1fr);gap:0;width:100%;margin:0;display:grid}.public-home__topbar{z-index:20;border:none;border-bottom:1.5px solid var(--ink);min-height:52px;box-shadow:none;background:color-mix(in srgb, var(--paper) 88%, white 12%);border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:10px 24px;display:grid;position:sticky;top:0}.public-home__brand{color:var(--ink);font-family:var(--font-serif);align-items:center;gap:12px;font-size:31px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.public-home__mark{flex:none;width:42px;height:42px;display:block}.public-home__nav,.public-home__tabs,.public-home__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.public-home__tabs{border:1.5px solid var(--line-2);background:color-mix(in srgb, white 54%, var(--paper) 46%);border-radius:14px;justify-content:center;gap:4px;min-width:0;padding:4px}.public-home__tab{all:unset;cursor:pointer;min-height:36px;color:var(--ink-2);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:10px;justify-content:center;align-items:center;padding:8px 12px;font-size:11px;display:inline-flex}.public-home__tab:hover,.public-home__tab[aria-selected=true]{background:var(--ink);color:var(--paper)}.public-home__tab:focus-visible{outline:2.5px solid var(--cobalt);outline-offset:2px}.public-home__nav{justify-content:flex-end}.public-home__tabpage{box-shadow:none;background:var(--hopscotch-page-background);background-size:var(--hopscotch-page-background-size);border:none;border-radius:0;align-items:stretch;padding:clamp(28px,4vw,56px) clamp(28px,5vw,64px);display:grid}.public-home__tabpage--families{background:var(--hopscotch-grid-lines), radial-gradient(circle at 86% 16%, color-mix(in srgb, var(--terra-soft) 86%, transparent) 0 17%, transparent 34%), linear-gradient(135deg, color-mix(in srgb, white 74%, var(--paper) 26%) 0%, color-mix(in srgb, var(--terra-soft) 20%, var(--paper)) 100%);background-size:var(--hopscotch-grid-size), auto, auto}.public-home__tabpage--students{background:var(--hopscotch-grid-lines), radial-gradient(circle at 85% 18%, color-mix(in srgb, var(--cobalt-soft) 82%, transparent) 0 17%, transparent 34%), linear-gradient(135deg, color-mix(in srgb, white 74%, var(--paper) 26%) 0%, color-mix(in srgb, var(--cobalt-soft) 24%, var(--paper)) 100%);background-size:var(--hopscotch-grid-size), auto, auto}.public-home__tabpage--teachers{background:var(--hopscotch-grid-lines), radial-gradient(circle at 86% 18%, color-mix(in srgb, var(--moss-soft) 82%, transparent) 0 17%, transparent 34%), linear-gradient(135deg, color-mix(in srgb, white 74%, var(--paper) 26%) 0%, color-mix(in srgb, var(--moss-soft) 22%, var(--paper)) 100%);background-size:var(--hopscotch-grid-size), auto, auto}.public-home__tabpage--safety{background:var(--hopscotch-grid-lines), radial-gradient(circle at 86% 18%, color-mix(in srgb, var(--butter) 82%, transparent) 0 17%, transparent 34%), linear-gradient(135deg, color-mix(in srgb, white 74%, var(--paper) 26%) 0%, color-mix(in srgb, var(--butter) 24%, var(--paper)) 100%);background-size:var(--hopscotch-grid-size), auto, auto}.public-home__story{align-content:start;gap:20px;min-width:0;display:grid}.public-home__widget{align-self:stretch;gap:var(--s-3);flex-direction:column;display:flex;position:relative}.public-home__widget>.rep,.public-home__widget>.equation-balance{flex:auto}.public-home__widget-success{background:color-mix(in srgb, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5;border-radius:18px;place-items:center;padding:clamp(20px,3vw,36px);animation:.24s ease-out public-home__widget-success-in;display:grid;position:absolute;inset:0}@keyframes public-home__widget-success-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.public-home__widget-success__inner{text-align:left;border:1.5px solid var(--ink);background:var(--paper);max-width:420px;box-shadow:var(--block);border-radius:14px;gap:14px;padding:clamp(20px,3vw,32px);display:grid}.public-home__widget-success__eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--moss);margin:0;font-size:12px}.public-home__widget-success__title{font-family:var(--font-serif);margin:0;font-size:clamp(1.5rem,2vw,2rem);font-weight:500;line-height:1.1}.public-home__widget-success__body{color:var(--ink-2);margin:0;font-size:14.5px;line-height:1.5}.public-home__widget-success__body code{font-family:var(--font-mono);background:var(--paper-2);border-radius:6px;padding:2px 6px}.public-home__widget-success__actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.public-home h1,.public-home h2,.public-home h3,.public-home p{margin:0}.public-home h1{max-width:18ch;font-family:var(--font-serif);letter-spacing:-.01em;text-wrap:balance;font-size:clamp(2.6rem,4.2vw,4.8rem);font-weight:500;line-height:1.02}.public-home__lede{max-width:56ch;color:var(--ink-2);font-size:clamp(1.1rem,1.4vw,1.32rem);line-height:1.55}.public-home__story{max-width:640px}.public-home__family-preview{border:1.5px solid var(--ink);background:var(--paper);width:100%;max-width:540px;box-shadow:var(--block);border-radius:18px;flex-direction:column;align-self:stretch;gap:18px;padding:clamp(20px,2.6vw,32px);display:flex}.public-home__family-preview__head{border-bottom:1.5px dashed var(--line-2);gap:6px;padding-bottom:16px;display:grid}.public-home__family-preview__eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0;font-size:11px}.public-home__family-preview__title{font-family:var(--font-serif);margin:0;font-size:clamp(1.5rem,2vw,1.9rem);font-weight:500;line-height:1.1}.public-home__family-preview__body{gap:16px;display:grid}.public-home__family-preview__section{gap:4px;display:grid}.public-home__family-preview__section-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--terra);margin:0;font-size:10.5px}.public-home__family-preview__section-text{color:var(--ink);margin:0;font-size:15px;line-height:1.5}.public-home__family-preview__footer{border-top:1.5px solid var(--line);flex-wrap:wrap;gap:14px;margin-top:4px;padding-top:14px;display:flex}.public-home__family-preview__metric{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-2);font-size:12px}.public-home__family-preview__metric strong{font-family:var(--font-serif);color:var(--ink);margin-right:6px;font-size:22px;font-weight:500}.public-home__safety-promises{align-self:start;gap:18px;width:100%;max-width:480px;padding:clamp(8px,1.5vw,16px) 0;display:grid}.public-home__safety-promises__eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0;font-size:11px}.public-home__safety-promises__list{counter-reset:none;gap:14px;margin:0;padding:0;list-style:none;display:grid}.public-home__safety-promises__item{border:1.5px solid var(--ink);background:var(--paper);box-shadow:var(--block-sm);border-radius:14px;grid-template-columns:auto 1fr;gap:16px;padding:16px 18px;display:grid}.public-home__safety-promises__num{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-3);padding-top:4px;font-size:13px;font-weight:600}.public-home__safety-promises__body{gap:6px;display:grid}.public-home__safety-promises__body h3{font-family:var(--font-serif);color:var(--ink);margin:0;font-size:19px;font-weight:500;line-height:1.2}.public-home__safety-promises__body p{color:var(--ink-2);margin:0;font-size:14.5px;line-height:1.5}.public-home__strip-time{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:11px;margin:0 0 4px!important}.public-home__strip-task{font-family:var(--font-serif);font-size:clamp(1.5rem,2.4vw,2.4rem);line-height:1.05;margin:0 0 14px!important}.public-home__strip-rows{gap:10px;margin:0;padding:0;list-style:none;display:grid}.public-home__strip-rows li{border-top:1px dashed color-mix(in srgb, var(--ink) 16%, transparent);color:var(--ink-2);grid-template-columns:70px 1fr;align-items:baseline;gap:14px;padding:8px 0;line-height:1.5;display:grid}.public-home__strip-rows li>span:first-child{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-3);font-size:12px}.public-home__preview{gap:14px;display:grid}.public-home__preview-problem{gap:6px;display:grid}.public-home__preview-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:11px;margin:0!important}.public-home__preview-symbolic{font-family:var(--font-serif);font-size:clamp(2rem,3vw,2.8rem);line-height:1;margin:0!important}.public-home__preview-context{color:var(--ink-2);line-height:1.5;margin:0!important}.public-home__rep-tabs{border:1.5px solid var(--line-2);background:color-mix(in srgb, white 60%, var(--paper) 40%);border-radius:12px;flex-wrap:wrap;gap:6px;padding:4px;display:inline-flex}.public-home__rep-tab{all:unset;cursor:pointer;min-height:32px;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);border-radius:8px;padding:6px 12px;font-size:11px}.public-home__rep-tab[aria-selected=true],.public-home__rep-tab:hover{background:var(--ink);color:var(--paper)}.public-home__rep-tab:focus-visible{outline:2.5px solid var(--cobalt);outline-offset:2px}.public-home__rep-stage{justify-items:stretch;display:grid}.public-home__rep-stage [aria-label^=Problem\:]{display:none!important}.public-home__rep-stage>.col.gap-5>.prompt{font-family:var(--font-serif)!important;letter-spacing:-.02em!important;color:var(--ink)!important;text-align:left!important;max-width:620px!important;margin:0 0 22px!important;font-size:28px!important;font-weight:500!important;line-height:1.2!important}.public-home__teacher-preview{align-content:start;align-self:stretch;gap:12px;display:grid}.public-home__teacher-preview-frame{border:1.5px solid var(--ink);width:100%;height:clamp(440px,60vh,640px);box-shadow:var(--block);background:var(--paper);isolation:isolate;border-radius:18px;position:relative;overflow:hidden}.public-home__teacher-preview-shell{pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:0 0;width:128.205%;height:128.205%;position:absolute;inset:0;overflow:hidden;transform:scale(.78)}.public-home__teacher-preview-banner{z-index:2;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--paper);background:var(--ink);box-shadow:var(--block-sm);border-radius:999px;padding:6px 12px;font-size:11px;position:absolute;bottom:12px;right:12px}.public-home__teacher-preview-skeleton{border:1.5px solid var(--ink);background:var(--paper-2);border-radius:18px;width:100%;height:clamp(440px,60vh,640px)}.public-home__teacher-form{gap:12px;max-width:460px;display:grid}.public-home__teacher-form-label{gap:6px;display:grid}.public-home__teacher-form-label>span{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:11px}.public-home__prose{align-self:start;gap:16px;width:100%;display:grid}.public-home__prose p{color:var(--ink-2);max-width:64ch;margin:0;font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.65}.public-home__prose h1{max-width:18ch;margin:4px 0 8px}@media (min-width:1100px){.public-home__prose{column-count:2;column-fill:balance;column-gap:clamp(28px,4vw,56px)}.public-home__prose h1{column-span:all;margin-bottom:12px}.public-home__prose p{break-inside:avoid;max-width:none}}.public-home__prose a{color:var(--cobalt);text-underline-offset:2px;text-decoration:underline}@media (max-width:980px){.public-home__topbar{grid-template-columns:1fr auto}.public-home__tabs{flex-wrap:nowrap;grid-area:2/1/auto/-1;justify-content:flex-start;overflow-x:auto}.public-home__tab{white-space:nowrap}}@media (max-width:760px){.public-home{padding:12px}.public-home__topbar{border-radius:16px;align-items:center;top:6px}.public-home__brand{font-size:26px}.public-home__nav{gap:6px}.public-home__nav .btn{min-height:40px;padding:8px 10px;font-size:13px}.public-home__tabpage{border-radius:22px;padding:20px}.public-home h1{font-size:clamp(2rem,9vw,3.4rem)}.public-home__actions .btn{text-align:center;justify-content:center;width:100%}}@media (max-width:520px){.public-home__nav .btn:first-child,.public-home__signin-link{display:none}.public-home__mark{width:36px;height:36px}}
