@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');:root{font-family:Montserrat,Arial,sans-serif;color:#15283f;background:#f3f6fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.site-header{background:#0c1629;display:flex;align-items:center;gap:28px;padding:10px max(22px,calc((100vw - 1180px)/2));color:white;position:relative;z-index:2}.brand img{display:block;width:195px;height:auto}.site-header nav{display:flex;gap:25px;margin-left:auto}.site-header nav a,.live-link{text-decoration:none;font-size:.86rem;font-weight:700;color:#e5edf8}.site-header a:hover{text-decoration:underline}.live-link{border:1px solid #6685ab;border-radius:8px;padding:9px 13px;white-space:nowrap}.intro{min-height:370px;background:#101a34 url('landing_background.jpg') center 35%/cover;color:white;display:flex;justify-content:space-between;align-items:center;gap:45px;padding:46px max(24px,calc((100vw - 1180px)/2));position:relative}.intro:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07162beb 0%,#0b183bc9 58%,#0b183b8a 100%)}.intro>*{position:relative}.intro-inner{max-width:680px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:800;color:#186fa7}.intro .eyebrow{color:#a9d7ff}h1{font-size:clamp(2.3rem,4.8vw,4rem);letter-spacing:-.045em;line-height:1.08;margin:13px 0 15px}h1 span{color:#75c5ff}.intro p{font-size:1.04rem;line-height:1.7;color:#e2efff;max-width:640px}.intro-action{display:inline-flex;gap:16px;text-decoration:none;background:#0b80d4;color:white;border-radius:9px;padding:12px 18px;font-weight:800;margin-top:12px}.intro-aside{border:1px solid #9ab6d455;background:#122b4bdc;border-radius:15px;padding:20px 22px;width:275px;display:grid;gap:10px;flex-shrink:0}.intro-aside strong{font-size:.9rem;line-height:1.4;margin-bottom:4px}.intro-aside span{background:#ffffff16;border-radius:7px;padding:8px 10px;font-size:.88rem}.intro-aside small{line-height:1.5;color:#c9d9ed}section.lesson-section,section.prompt-section,section.resources{max-width:1180px;margin:auto;padding:55px 22px 35px;scroll-margin-top:18px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-heading h2{font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-.04em;color:#0d477c;margin:8px 0}.section-heading p{color:#52677a;line-height:1.6;margin:0;max-width:720px}.count{font-size:.82rem;color:#496176;font-weight:800;white-space:nowrap}.filters{background:white;border:1px solid #d8e2ec;border-radius:13px;padding:15px;display:flex;align-items:end;gap:15px;flex-wrap:wrap;margin-bottom:17px}.filter-group{display:flex;flex-wrap:wrap;gap:7px;flex:1;min-width:350px}.filter{border:1px solid #cedae5;background:#f7f9fc;color:#294b68;border-radius:30px;padding:9px 12px;font-size:.82rem;font-weight:750;min-height:39px}.filter.active{background:#0b67a5;border-color:#0b67a5;color:white}.search-label{font-size:.76rem;font-weight:800;color:#455f77;display:grid;gap:5px}.search-label input,.search-label select{border:1px solid #bdcede;border-radius:8px;background:#fff;color:#183a55;padding:9px 11px;min-height:40px;min-width:150px}.workbench{display:grid;grid-template-columns:325px minmax(0,1fr);gap:17px;align-items:start}.card-list{display:grid;gap:10px;max-height:865px;overflow:auto;padding-right:3px}.lesson-card{width:100%;text-align:left;background:white;border:1px solid #d5e1ea;border-radius:11px;padding:16px;color:#18324a;transition:.15s}.lesson-card:hover{border-color:#0b75b9;transform:translateY(-1px)}.lesson-card[aria-current=true]{border-color:#0b75b9;box-shadow:inset 4px 0 #0b75b9,0 7px 20px #18365012}.lesson-card .meta{font-size:.72rem;color:#0d6ba4;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.lesson-card strong{display:block;font-size:1rem;margin:7px 0;line-height:1.35}.lesson-card small{display:block;color:#5b7183;font-size:.79rem;line-height:1.5}.detail{background:#fff;border:1px solid #d8e2ec;border-radius:15px;min-height:550px;overflow:hidden;box-shadow:0 14px 35px #1a385a0b}.detail-head{padding:26px 30px;background:#eaf4fc;border-bottom:1px solid #d8e2ec}.detail-head .meta{color:#0864a0;font-size:.79rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.detail-head h3{font-size:clamp(1.5rem,2.5vw,2.1rem);letter-spacing:-.035em;color:#114b7d;margin:8px 0}.detail-head p{color:#3c566e;line-height:1.55;margin:0;max-width:720px}.detail-body{padding:25px 30px}.goal{background:#f5f8fc;border-left:4px solid #0e78b9;padding:15px 18px;line-height:1.55;margin-bottom:22px}.detail h4{color:#105b8e;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;margin:25px 0 12px}.sequence{display:grid;gap:9px;margin:0;padding:0;list-style:none}.sequence li{display:grid;grid-template-columns:32px 1fr;gap:12px;line-height:1.55;color:#304b63}.sequence li span{background:#dcefff;color:#0b649f;border-radius:9px;width:32px;height:32px;display:grid;place-items:center;font-size:.82rem;font-weight:800}.sequence li b{display:block;color:#193952}.prompt-box{background:#112f52;color:white;border-radius:12px;padding:19px 21px;line-height:1.6;margin-top:12px}.prompt-box small{display:block;color:#b8d9f5;text-transform:uppercase;letter-spacing:.1em;font-weight:800;margin-bottom:7px}.prompt-box p{margin:0}.prompt-box button{margin-top:13px;border:1px solid #9accf0;background:#ffffff14;border-radius:7px;color:#fff;padding:8px 11px;font-size:.8rem;font-weight:800}.prompt-box button:hover{background:#ffffff2b}.teacher-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.teacher-grid ul{padding-left:19px;margin:0;color:#304b63;line-height:1.55}.teacher-grid li+li{margin-top:6px}.example{margin-top:20px;border:1px solid #d3e4ec;border-radius:11px;overflow:hidden}.example summary{cursor:pointer;padding:14px 17px;background:#f2f8fb;color:#155981;font-weight:800}.example .example-inner{padding:18px;color:#344d62;line-height:1.65}.example p{margin:0 0 10px}.example p:last-child{margin-bottom:0}.detail-footer{border-top:1px solid #e3ebf2;margin-top:24px;padding-top:17px;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.detail-footer a{font-size:.86rem;color:#0a6196;font-weight:800}.detail-footer small{font-size:.78rem;color:#657889}.empty{padding:35px;text-align:center;color:#60768b;background:white;border-radius:12px}.prompt-section{border-top:1px solid #e0e8ef}.prompt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.prompt-card{background:white;border:1px solid #d8e2ec;border-radius:11px;padding:19px;display:flex;flex-direction:column;min-height:185px}.prompt-card .meta{color:#0b71ac;font-size:.73rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.prompt-card p{font-size:.93rem;line-height:1.6;color:#203c54;flex:1}.prompt-card button{align-self:start;border:1px solid #a9c8dd;background:#eef7fd;color:#145e91;border-radius:7px;padding:8px 10px;font-size:.8rem;font-weight:800}.tip{display:flex;gap:18px;align-items:center;background:#e7f2fa;border-left:4px solid #0b73b3;border-radius:5px;padding:17px 20px;margin-top:17px}.tip b{color:#0b4d7c;min-width:190px}.tip p{margin:0;color:#365872;line-height:1.55;font-size:.88rem}.resources{border-top:1px solid #e0e8ef;padding-bottom:65px!important}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.resource-grid a{display:flex;flex-direction:column;background:#fff;border:1px solid #d3e0e9;border-radius:12px;padding:20px;text-decoration:none;min-height:195px}.resource-grid a:hover{border-color:#0e7fbd;box-shadow:0 8px 20px #19415b16}.resource-icon{color:#0e78ad;font-size:.78rem;font-weight:800;margin-bottom:20px}.resource-grid strong{color:#154b76;margin-bottom:7px}.resource-grid small{color:#5e7385;line-height:1.45;flex:1}.resource-grid em{font-size:.8rem;font-weight:800;color:#0d6aa5;font-style:normal;margin-top:14px}.trial{margin-top:28px;background:#102f50;color:#fff;border-radius:13px;padding:23px 26px}.trial h3{font-size:1.2rem;margin:0 0 12px}.trial>div{display:grid;grid-template-columns:1fr 1fr;gap:20px}.trial p{margin:0;color:#dcebf7;line-height:1.6;font-size:.9rem}footer{background:#0b182a;color:#d5e3ef;padding:28px max(22px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr 2fr auto;gap:28px;align-items:start;font-size:.82rem;line-height:1.55}footer strong,footer span{display:block}footer strong{color:white}footer p{margin:0}footer a{color:#fff;font-weight:800;white-space:nowrap}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e9aa29;outline-offset:3px}@media(max-width:900px){.site-header{gap:12px}.site-header nav{gap:10px}.intro-aside{display:none}.workbench{grid-template-columns:285px minmax(0,1fr)}.prompt-grid{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr 2fr}}@media(max-width:700px){.site-header{padding:10px 14px;flex-wrap:wrap}.brand img{width:160px}.site-header nav{order:3;width:100%;justify-content:space-around;margin:0;padding:7px 0}.live-link{margin-left:auto}.intro{min-height:0;padding:37px 19px 43px}.intro p{font-size:.97rem}.lesson-section,.prompt-section,.resources{padding:38px 16px 25px!important}.section-heading{display:block}.count{margin-top:10px}.filter-group{min-width:0;width:100%}.filters{gap:11px}.search-label{flex:1}.search-label input,.search-label select{width:100%;min-width:0}.workbench{grid-template-columns:1fr}.card-list{display:flex;overflow-x:auto;max-height:none;scroll-snap-type:x mandatory;padding:2px 1px 12px}.lesson-card{min-width:235px;max-width:235px;scroll-snap-align:start}.detail-head,.detail-body{padding:21px}.prompt-grid,.resource-grid,.trial>div,.teacher-grid{grid-template-columns:1fr}.tip{display:block}.tip p{margin-top:7px}footer{grid-template-columns:1fr;padding:25px 18px}.resource-grid a{min-height:160px}}@media(max-width:390px){.site-header nav a{font-size:.77rem}.live-link{font-size:.75rem}.filter{font-size:.75rem;padding:8px 9px}}

.plan-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.plan-actions a,.plan-actions button{display:inline-block;border:1px solid #0b67a5;background:#0b67a5;color:white;text-decoration:none;border-radius:8px;padding:11px 13px;font-size:.84rem;font-weight:800}.plan-actions button{background:white;color:#0b67a5}.plan-actions a:hover,.plan-actions button:hover{box-shadow:0 4px 12px #18426525}

.intro-actions{display:flex;align-items:center;gap:19px;flex-wrap:wrap}.intro-secondary{font-weight:800;color:#eef8ff;text-decoration:underline;text-underline-offset:5px}.guide-section,.demo-section,.curriculum-section{max-width:1180px;margin:auto;padding:57px 22px 34px;scroll-margin-top:20px}.guide-section{padding-top:60px}.guide-section .section-heading p{max-width:900px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.how-grid>div,.use-grid article,.alignment-grid article{background:white;border:1px solid #d8e2ec;border-radius:12px;padding:24px;line-height:1.65}.how-grid h3,.use-grid h3,.alignment-grid h3{color:#114b7d;margin:7px 0;font-size:1.15rem}.how-grid p,.use-grid p,.alignment-grid p{color:#415b72;margin:0}.step-num{font-size:.82rem;font-weight:800;color:#0877b4}.use-grid,.alignment-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:16px}.use-grid article{border-top:4px solid #0877b4}.use-grid a,.alignment-grid a{display:inline-block;margin-top:15px;color:#075e93;font-weight:800}.guide-note{background:#e8f3fa;border-left:4px solid #0b70aa;padding:17px 20px;line-height:1.6;color:#264c6a;border-radius:5px;margin:16px 0 0}.demo-section{padding-top:51px}.demo-shell{background:#102e50;border-radius:16px;overflow:hidden;color:white}.demo-tabs{display:flex;gap:7px;padding:17px 20px 0;flex-wrap:wrap}.demo-tabs button{padding:11px 15px;color:#d1e9ff;background:#ffffff14;border:1px solid #ffffff28;border-radius:9px 9px 0 0;font-size:.85rem;font-weight:800}.demo-tabs button[aria-selected=true]{background:white;color:#0f5483;border-color:white}.demo-panel{background:white;color:#203d55;padding:29px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;min-height:225px}.demo-panel h3{font-size:1.55rem;color:#0e527f;margin:8px 0}.demo-panel p{line-height:1.7;margin:0}.demo-kicker{font-size:.75rem;font-weight:800;letter-spacing:.1em;color:#0b71a5}.demo-card{background:#edf6fc;border-left:4px solid #0b79b8;border-radius:8px;padding:18px;line-height:1.6}.demo-card p{margin-top:7px}.demo-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 22px;font-size:.81rem;color:#d7e9f7}.demo-bottom a{color:white;font-weight:800}.curriculum-section{padding-bottom:45px}.alignment-grid{margin-top:0}.alignment-example{margin-top:15px;background:#e6f2fa;border-radius:11px;padding:19px 23px;line-height:1.6;color:#284d69}.alignment-example p{margin:5px 0 0}.curriculum-in-detail{background:#edf6fc;border:1px solid #cee4f0;border-radius:10px;padding:16px 18px;margin-top:24px;color:#304f67;line-height:1.6}.curriculum-in-detail h4{margin:0 0 8px}.curriculum-in-detail p{margin:0 0 8px}.curriculum-in-detail a{color:#095f98;font-weight:700}@media(max-width:760px){.how-grid,.use-grid,.alignment-grid,.demo-panel{grid-template-columns:1fr}.guide-section,.demo-section,.curriculum-section{padding:38px 16px 25px}.demo-tabs{overflow-x:auto;flex-wrap:nowrap;padding-left:11px}.demo-tabs button{flex-shrink:0}.demo-panel{padding:21px;gap:15px}.demo-bottom{display:grid}.intro-actions{gap:17px}}@media(max-width:700px){.site-header nav{justify-content:flex-start;overflow-x:auto;white-space:nowrap;gap:19px;scrollbar-width:thin}.site-header nav a{flex-shrink:0}}

/* Keep the first screen focused on choosing a lesson. */
.intro{min-height:250px;padding-top:31px;padding-bottom:32px}.intro h1{font-size:clamp(2rem,4vw,3.3rem)}.intro p{max-width:590px;line-height:1.5;margin:9px 0}.intro-action{margin-top:6px}.intro-aside{gap:5px;padding:16px 19px}.intro-aside span{padding:5px 8px}.intro-aside a{color:#c4e7ff}.lesson-section{padding-top:35px!important}.guide-section,.demo-section,.curriculum-section{border-top:1px solid #e0e8ef}@media(max-width:700px){.intro{padding-top:27px;padding-bottom:28px}.intro h1{font-size:2.1rem}.lesson-section{padding-top:29px!important}}

.ai-guide-link{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#102f50;color:#fff;border-radius:12px;padding:20px 24px;margin-top:16px}.ai-guide-link p{color:#dcebf7;line-height:1.55;margin:5px 0 0;max-width:660px}.ai-guide-link a{color:#fff;font-weight:800;white-space:nowrap}.ai-lesson-link{background:#eaf4fb;border-left:4px solid #0b72ae;border-radius:6px;padding:13px 17px;margin-bottom:18px;color:#244965;line-height:1.55}.ai-lesson-link p{margin:4px 0 0}.ai-lesson-link a{color:#075f99;font-weight:800}@media(max-width:700px){.ai-guide-link{display:block}.ai-guide-link a{display:inline-block;margin-top:12px;white-space:normal}}