:root{color:#0f1d3a;background:#f4f7fb;--green:#0f1d3a;--lime:#08b1d6;--muted:#59677c}body{color:#0f1d3a}main{max-width:1280px;padding:0 36px}.site-header{max-width:none;padding:16px max(36px,calc((100vw - 1208px)/2));background:white;border-bottom:1px solid #e2e8f0;gap:24px}.brand img{width:220px;height:auto;display:block}.header-links{display:flex;gap:14px;margin-left:auto}button.text-button{background:transparent;color:#0f1d3a;padding:10px 0;font-size:13px}#account{display:flex;align-items:center;gap:14px}#account>button{font-size:13px}button{border-radius:10px}button.secondary{background:#eaf0f6;color:#0f1d3a}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #08b1d6;outline-offset:4px}.skip-link{position:absolute;left:20px;top:-100px;z-index:20;background:white;padding:15px}.skip-link:focus{top:15px}.public-hero{margin-top:32px;background:#0f1d3a;border-radius:28px;padding:48px 54px;gap:20px;overflow:hidden;color:white;min-height:500px;grid-template-columns:1.2fr 1fr}.public-hero h1{font-size:clamp(60px,6.6vw,88px);letter-spacing:-4px;line-height:1.02;margin:24px 0}.public-hero h1 span:nth-child(2){color:#34c6e5}.public-hero h1 span:last-child{color:#89d465}.public-hero .eyebrow{font-size:10px;letter-spacing:1.7px;color:#bfe8f1;display:flex;align-items:center;gap:10px}.tiny-spark{width:8px;height:8px;background:#ff8a00;border-radius:50%}.hero .welcome-description{color:#d0daeb;font-size:16px;max-width:420px}.hero .welcome-note{font-size:11px;color:#aabbd3;margin:17px 0 0}.hero-actions{gap:12px;flex-wrap:wrap}.orange-button{background:#ff8a00;color:#14213e}.outline-button{background:transparent;border:1px solid #6e7e99;color:white}.welcome-art{height:410px;position:relative;display:flex;align-items:center;justify-content:center}.art-orbit{position:absolute;width:390px;height:390px;border:1px solid #476080;border-radius:50%}.art-orbit:after{content:'';position:absolute;inset:-30px;border:1px dashed #314662;border-radius:50%}.sprout-portrait{width:246px;height:366px;border-radius:130px 130px 30px 30px;overflow:hidden;transform:rotate(5deg);position:relative;border:6px solid #fff;box-shadow:0 24px 55px #0005}.sprout-portrait img{width:100%;height:100%;object-fit:cover}.portrait-label{position:absolute;bottom:14px;left:20px;right:20px;background:white;color:#0f1d3a;padding:12px;text-align:center;border-radius:30px;font-size:10px;font-weight:800;letter-spacing:2px}.live-dot{display:inline-block;background:#4db23e;width:7px;height:7px;border-radius:50%;margin-right:5px}.floating-target{position:absolute;top:25px;left:-12px;background:#fff;color:#0f1d3a;border-radius:18px;padding:12px;transform:rotate(-10deg);box-shadow:0 12px 30px #0003}.floating-target svg{display:block;width:100px;height:100px}.floating-target strong{font-size:11px;display:block;text-align:center}.floating-tag{position:absolute;bottom:18px;right:-10px;background:#08b1d6;color:#0f1d3a;padding:17px;border-radius:10px;transform:rotate(-6deg);font-size:10px;letter-spacing:1px;font-weight:800}.floating-tag span{color:#fff;font-size:20px;margin-right:7px}.getting-started{display:grid;grid-template-columns:repeat(3,1fr);padding:30px 12px 35px;gap:25px}.getting-started>div{display:flex;align-items:center;gap:16px}.step-number{font-size:13px;font-weight:800;color:#08748e;border:1px solid #b9dfe6;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.getting-started p{display:grid;gap:6px;font-size:14px}.getting-started p span{font-size:12px;color:#59677c}.site-nav{padding:20px 0;border-color:#dce4ef;gap:14px}.site-nav button{font-size:13px;color:#59677c}.site-nav button.active{background:#0f1d3a;color:white}body:not([data-role=student]):not([data-role=teacher]) .site-nav{display:none}body[data-role=student] .public-hero,body[data-role=teacher] .public-hero,body[data-role=student] .guest-only,body[data-role=teacher] .guest-only{display:none}.section-head h2{margin-top:20px}h2{letter-spacing:-.7px}.pill{background:#e8f2f6;color:#1f5369}.card{border-color:#e0e6f0;box-shadow:0 4px 14px #0f1d3a04}.klikset-card{padding:0;overflow:hidden;display:flex;flex-direction:column}.set-illustration{height:150px;position:relative;overflow:hidden;background:#dff3f7;color:#087d9a}.set-illustration svg{height:150px;width:100%;display:block}.tone-1{background:#e9f2e2;color:#408234}.tone-2{background:#e9ecf8;color:#4c609e}.set-type{position:absolute;left:14px;top:12px;font-size:9px;letter-spacing:1px;text-transform:uppercase;font-weight:700;background:#ffffffd9;padding:6px 8px;border-radius:5px;color:#33425e}.set-card-body{padding:21px;display:flex;flex-direction:column;flex:1}.set-card-body h3{font-size:18px;letter-spacing:-.4px;margin:0 0 8px}.set-card-body p{margin:0 0 15px;flex:1}.set-card-body .row{margin:0;gap:8px}.set-card-body button{font-size:12px;padding:11px 13px}.save-button{margin-left:auto}.student-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:34px 0 30px}.student-heading .eyebrow{font-size:10px;color:#087890;letter-spacing:1.8px;margin:0 0 12px}.student-heading h1{font-size:38px;letter-spacing:-1.5px;margin:0 0 12px;overflow-wrap:anywhere}.student-heading p:last-child{color:#59677c;font-size:14px;margin:0;line-height:1.6}.greeting-dot{display:inline-block;width:10px;height:10px;background:#ff8a00;border-radius:50%}.join-button{background:white;color:#0f1d3a;border:1px solid #ccd7e5;white-space:nowrap;font-size:13px}.join-button span{color:#07829e;font-size:18px;margin-right:5px}.student-layout{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:28px}.student-main,.student-side{min-width:0}.dashboard-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.dashboard-section-head h2{font-size:21px;margin:0}.dashboard-section-head>span{font-size:12px;color:#59677c}.dashboard-section-head p{font-size:12px;color:#59677c;line-height:1.6;margin:7px 0 0}.class-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.class-tile{border-radius:18px;overflow:hidden;background:#0f1d3a;color:white;position:relative;min-height:248px;padding:26px;display:flex;flex-direction:column}.class-tone-1{background:#08748b}.class-tone-2{background:#345a37}.class-symbol{position:absolute;top:-3px;right:-72px;width:225px;opacity:.23;color:#bdeff7;pointer-events:none}.class-symbol svg{width:100%}.class-tile-info{position:relative;margin-top:8px;flex:1}.class-caption{font-size:9px;letter-spacing:2px;color:#c0deed}.class-tile h3{font-size:23px;line-height:1.22;letter-spacing:-.6px;margin:20px 0 10px;overflow-wrap:anywhere}.class-tile p{font-size:12px;color:#d0e7ee;margin:0 0 23px}.class-tile button{background:#ffffff18;color:#fff;border:1px solid #ffffff40;text-align:left;font-size:12px;display:flex;justify-content:space-between}.class-empty{grid-column:1/-1;background:white;border:1px dashed #b8ccd9;border-radius:18px;padding:24px;text-align:center}.empty-graphic{width:190px;height:80px;margin:auto;color:#087d9a}.empty-graphic svg{width:100%;height:100%}.class-empty h3{font-size:18px;margin:12px 0}.class-empty p{font-size:13px;color:#59677c;line-height:1.6}.class-empty button{font-size:12px}.student-explore{margin-top:34px}.student-explore .grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.student-explore .set-illustration{height:125px}.student-explore .set-illustration svg{height:125px}.up-next,.recent-activity{background:white;border:1px solid #e0e6f0;border-radius:18px;padding:22px}.up-next .dashboard-section-head h2{font-size:19px}.ready-count{background:#e7f4f7;color:#08748b!important;padding:5px 9px;border-radius:6px}.assignment-row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:start;padding:17px 0;border-top:1px solid #edf1f6}.assignment-row:last-child{padding-bottom:0}.assignment-icon{background:#e3f4f7;color:#08748b;border-radius:8px;font-size:19px;text-align:center;padding:3px}.assignment-row h3{font-size:13px;margin:0 0 7px;line-height:1.4}.assignment-row p{font-size:11px;color:#59677c;margin:0 0 7px}.due-label{font-size:10px;color:#08748b}.assignment-row button{font-size:11px;padding:8px 10px}.caught-up{text-align:center;padding:15px 0 4px}.caught-up>span{display:inline-grid;place-items:center;width:40px;height:40px;background:#edf7e9;color:#397e2c;border-radius:50%}.caught-up h3{font-size:15px;margin:15px 0 7px}.caught-up p{font-size:12px;line-height:1.65;color:#59677c;margin:0}.sprout-guide{margin-top:20px;background:#e7f0e2;border:1px solid #d4e4cb;border-radius:18px;overflow:hidden;position:relative;min-height:235px}.sprout-guide img{position:absolute;right:-17px;bottom:0;width:137px;height:223px;object-fit:cover;mask-image:linear-gradient(to right,transparent,#000 25%)}.sprout-guide>div{position:relative;padding:22px;max-width:228px}.sprout-guide .eyebrow{font-size:8px;letter-spacing:1.1px;color:#406136}.sprout-guide h2{font-size:24px;line-height:1.15;max-width:160px;margin:16px 0 12px}.sprout-guide p{font-size:12px;line-height:1.6;max-width:143px;color:#425a3c}.sprout-guide button{font-size:11px;background:#0f1d3a;margin-top:6px}.recent-activity{margin-top:20px}.recent-activity h2{font-size:17px;margin:0 0 15px}.recent-activity>div{display:flex;justify-content:space-between;gap:15px;font-size:12px;padding:12px 0;border-top:1px solid #edf1f6;line-height:1.4}.recent-activity strong{white-space:nowrap;color:#08748b}.archived-classes{margin-top:20px;font-size:13px}.archived-classes button{margin:12px 10px 0 0}.quiet-empty{font-size:13px;color:#59677c}.site-footer{align-items:center;gap:20px;padding:25px 0;margin-top:55px;border-color:#dce4ef}.site-footer img{object-fit:contain;background:white;border-radius:6px;padding:5px;width:165px;height:auto}.site-footer span{font-size:12px;color:#59677c}.empty{background:#eaf1f7;border-color:#becedd}.notice{background:#edf3f8;border-color:#08b1d6}dialog{color:#0f1d3a}input,textarea,select{color:#0f1d3a;border-color:#bcc9d8}
@media(min-width:1400px){.public-hero{margin-top:40px}}@media(max-width:1050px){.site-header{padding:16px 26px;gap:18px}.brand img{width:180px}.header-links{gap:12px}main{padding:0 26px}.public-hero{padding:35px;grid-template-columns:1.15fr 1fr}.floating-target{left:-4px;top:45px}.floating-target svg{width:76px;height:76px}.sprout-portrait{width:220px;height:340px}.welcome-art{height:380px}.student-layout{grid-template-columns:minmax(0,1fr) 290px;gap:20px}.class-tile{padding:20px}.class-tile h3{font-size:20px}.student-explore .grid{grid-template-columns:1fr}}
@media(max-width:780px){.site-header{flex-wrap:wrap;gap:12px;padding:14px 20px}.header-links{order:3;width:100%;justify-content:center;border-top:1px solid #edf1f6;padding-top:8px;gap:35px}#account{margin-left:auto}#account .small{max-width:130px;line-height:1.5}main{padding:0 20px}.public-hero{padding:32px;grid-template-columns:1fr;margin-top:22px;gap:10px}.public-hero h1{font-size:68px}.welcome-art{height:330px;margin:10px auto 0;width:min(100%,350px)}.sprout-portrait{width:195px;height:300px}.art-orbit{width:290px;height:290px}.floating-target{top:30px;left:0}.floating-tag{right:0;bottom:7px}.getting-started{grid-template-columns:1fr;gap:0;padding:20px 5px}.getting-started p{margin:12px 0}.student-layout{grid-template-columns:1fr}.student-side{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sprout-guide{margin:0}.recent-activity{margin:0;grid-column:1/-1}.student-explore .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.student-heading h1{font-size:32px}.site-nav{gap:0}.site-nav button{padding:11px 13px;font-size:12px}.site-footer{flex-wrap:wrap;display:flex}.site-footer span{margin:0}.public-hero .eyebrow{font-size:9px;line-height:1.6}}
@media(max-width:480px){.brand img{width:155px}#account>button{font-size:11px;padding:10px}#account .small{display:none}.public-hero{padding:25px}.public-hero h1{font-size:59px;letter-spacing:-3px}.hero .welcome-description{font-size:14px}.hero-actions button{font-size:12px;padding:12px}.hero .welcome-note{font-size:10px}.floating-target{left:-10px}.floating-tag{right:-9px;font-size:8px;padding:13px}.student-heading{align-items:flex-start;flex-direction:column;gap:17px;padding:26px 0}.student-heading h1{font-size:32px}.class-grid{grid-template-columns:1fr}.class-tile{min-height:215px;padding:23px}.student-explore .grid{grid-template-columns:1fr}.student-side{grid-template-columns:1fr}.sprout-guide{min-height:230px}.sprout-guide img{right:0;width:160px;height:260px}.sprout-guide>div{max-width:250px}.sprout-guide p{max-width:175px}.dashboard-section-head h2{font-size:19px}.site-footer>span{width:100%;order:3}.site-nav{margin:0 -3px}.site-nav button{padding:10px;font-size:11px}}

/* Keep hero copy readable against navy, overriding the legacy hero rule. */
.public-hero p.welcome-description{color:#d0daeb}.public-hero p.welcome-note{color:#b5c6df}
@media(max-width:780px){.student-layout{display:flex;flex-direction:column}.student-main{display:contents}.student-main>section:first-child{order:0}.student-side{order:1}.student-explore{order:2;margin-top:10px}}
.set-cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover-editor{border:1px solid #d9e3ed;border-radius:12px;padding:18px;display:grid;gap:12px}.cover-editor legend{font-weight:700;font-size:14px}.cover-preview{width:100%;max-height:220px;object-fit:contain;background:#edf3f8;border-radius:8px}.cover-preview[hidden]{display:none}.cover-error{color:#a42235;margin:0;font-size:13px}.set-danger{border-top:1px solid #e5cbd0;margin-top:30px;padding-top:20px}.set-danger p{font-size:13px;line-height:1.6;color:#59677c}

.classic-link{font-size:13px;font-weight:800;color:#08748b;text-decoration:none;align-self:center;white-space:nowrap}@media(max-width:480px){.header-links{gap:18px}.classic-link{font-size:12px}}
.set-questions-summary{background:#eff6fa;border:1px solid #dae7ef;padding:20px;border-radius:14px;margin:20px 0}.set-questions-summary h3{margin:0}.set-questions-summary li{font-size:14px;line-height:1.6;margin:8px 0}.set-section-title{margin:28px 0 16px}.set-modes{display:grid;grid-template-columns:1fr 1fr;gap:16px}.set-modes article{padding:22px;border:1px solid #dce4ef;background:#fff;border-radius:16px;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.set-modes article h3{margin:0}.set-modes article p{font-size:13px;color:#59677c;line-height:1.6;flex:1;margin:0 0 10px}.set-modes .mode-icon{font-size:28px;color:#08748b}.set-modes article:first-child{background:#0f1d3a;color:white;border-color:#0f1d3a}.set-modes article:first-child p{color:#c6d5e5}.set-modes article:first-child .mode-icon{color:#36d5de}.set-modes article:first-child button{background:#08b1d6;color:#0f1d3a}.shared-question{display:grid;gap:16px;border:1px solid #d3dee9;border-radius:14px;padding:20px;margin:12px 0}.shared-question legend{font-weight:800;color:#08748b;padding:0 8px}.question-answers{display:grid;grid-template-columns:1fr 1fr;gap:14px}#questions-error{color:#a42235}@media(max-width:550px){.set-modes,.question-answers{grid-template-columns:1fr}.site-nav{gap:0}.site-nav button{padding:10px 8px}}