:root{--green:#075b3a;--forest:#043b28;--leaf:#7bcb68;--mint:#ddefd8;--cream:#f8f4e8;--paper:#fffdf7;--yellow:#f5e7a6;--pink:#f2c6d8;--ink:#17352a;--muted:#68766a;--line:rgba(23,53,42,.13);--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',sans-serif;--display:'Manrope','DM Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.container{width:min(1240px,calc(100% - 96px));margin-inline:auto}.grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.nav-wrap{position:fixed;inset:0 0 auto;z-index:30;padding:20px 0;transition:padding .35s,background .35s,border-color .35s;border-bottom:1px solid transparent}.nav-wrap.scrolled{padding:11px 0;background:rgba(248,244,232,.9);backdrop-filter:blur(18px);border-color:var(--line)}.nav{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font:800 19px var(--display);letter-spacing:-.7px}.brand i{font-style:normal;color:var(--green)}.brand-mark{width:34px;height:34px;border-radius:10px;overflow:hidden;background:var(--green);display:block}.brand-mark img{width:100%;height:100%;object-fit:cover;transform:scale(1.5)}.nav-links{display:flex;gap:37px;margin-left:auto;margin-right:47px}.nav-links a,.login-link{font-size:12px;font-weight:600;color:#526258;transition:color .2s}.nav-links a:hover,.login-link:hover{color:var(--green)}.nav-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--green);color:var(--paper);padding:16px 21px;border-radius:5px;font-size:12px;font-weight:700;letter-spacing:.01em;transition:transform .25s,background .25s,box-shadow .25s}.button:hover{transform:translateY(-2px);background:var(--forest);box-shadow:0 10px 24px #043b2828}.button span{font-size:16px;font-weight:400}.button-small{padding:11px 15px;gap:18px}.menu-toggle{display:none;background:none;border:0}
.hero{position:relative;min-height:840px;padding:155px 0 40px;overflow:hidden;background:var(--cream)}.hero-inner{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:35px;position:relative;z-index:1}.hero-copy{padding:5px 0 40px}.eyebrow,.section-kicker{font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#607367;display:flex;align-items:center;gap:10px}.eyebrow{margin-bottom:27px}.eyebrow-dot,.live-dot{width:7px;height:7px;background:var(--leaf);border-radius:50%;box-shadow:0 0 0 4px #7bcb6828}.hero h1{font:700 clamp(39px,4.2vw,61px)/1.11 var(--display);letter-spacing:-3.6px;margin:0;max-width:570px;color:var(--forest)}.hero h1 span{font:500 .91em/1.23 var(--serif);font-style:italic;color:#568a57;letter-spacing:-2.7px}.hero-description{font-size:14px;line-height:1.85;color:#637166;max-width:460px;margin:25px 0 26px}.hero-actions{display:flex;align-items:center;gap:27px}.text-button{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;color:var(--green)}.text-button>span:last-child{font-size:15px}.play{display:grid;place-items:center;width:28px;height:28px;border:1px solid #b4c0b1;border-radius:50%;font-size:8px;padding-left:2px}.hero-note{display:flex;align-items:center;gap:12px;margin-top:41px;color:#78847a;font-size:10px}.mini-avatars{display:flex;padding-left:3px}.mini-avatars b{margin-left:-3px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--cream);font-size:8px;background:#d9e8d4;color:#47734a}.mini-avatars b:nth-child(2){background:#efcfdb}.mini-avatars b:nth-child(3){background:#f1e5ad}.hero-visual{position:relative;padding:27px 0 0 20px;perspective:1200px}.hero-window{transform:rotateY(-4deg) rotateX(1.5deg);transform-origin:left center;box-shadow:0 28px 80px rgba(33,54,35,.14),0 4px 18px rgba(33,54,35,.07)}.app-window{width:100%;max-width:670px;background:#fffefa;border:1px solid #e6e4d9;border-radius:10px;overflow:hidden}.window-top{height:42px;border-bottom:1px solid #eeece5;display:flex;align-items:center;padding:0 15px;gap:16px;background:#fbfaf5}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#d5d6ca}.window-dots i:first-child{background:#e7ae9b}.window-dots i:nth-child(2){background:#e8d583}.window-dots i:nth-child(3){background:#abd2a0}.window-address{height:22px;width:50%;background:#f1f0e9;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;color:#899289}.window-address span{color:#80b57a;font-size:7px}.window-more{margin-left:auto;letter-spacing:2px;color:#888}.app-body{display:grid;grid-template-columns:168px 1fr;min-height:395px}.app-sidebar{position:relative;padding:17px 11px 14px;border-right:1px solid #eeece5;background:#fcfbf6}.app-logo,.demo-logo{display:flex;align-items:center;gap:8px;font:800 12px var(--display);color:var(--forest);margin:1px 0 25px 7px}.app-logo-mark{display:grid;place-items:center;color:white;background:var(--green);width:20px;height:20px;border-radius:6px;font-size:12px}.side-label,.demo-side-label{margin:0 0 9px 8px;font-size:7px;font-weight:700;letter-spacing:.14em;color:#9da49b}.side-item{height:30px;display:flex;align-items:center;gap:9px;padding:0 8px;color:#778277;font-size:9px;border-radius:4px}.side-item span{width:13px;text-align:center;color:#8c998c;font-size:12px}.side-item>b{margin-left:auto}.side-item.active{color:var(--green);background:#eaf2e6;font-weight:700}.side-item.active span{color:var(--green)}.class-chip{margin:0 0 7px 18px;padding:7px 5px;color:#3e6846;font-size:8px;border-left:1px solid #aacba2;background:#f2f7ee}.class-chip i{display:inline-block;width:4px;height:4px;background:#76b86b;border-radius:50%;vertical-align:2px;margin-right:4px}.sidebar-bottom{position:absolute;bottom:13px;left:12px;right:12px;display:flex;align-items:center;gap:7px;border-top:1px solid #e9e8df;padding-top:12px;font-size:8px;font-weight:700}.teacher-avatar{width:25px;height:25px;background:#ecd7bd;border-radius:50%;display:grid;place-items:center;color:#76553a;font-weight:700;font-size:10px}.sidebar-bottom small,.demo-profile small{display:block;font-size:7px;color:#919a91;font-weight:400;margin-top:3px}.sidebar-bottom>b{margin-left:auto;color:#a1a69e}.app-main{min-width:0}.app-header{display:flex;justify-content:space-between;align-items:center;padding:20px 23px 13px;border-bottom:1px solid #f0eee7}.tiny-label{font-size:7px;letter-spacing:.11em;color:#9ba39b;font-weight:700}.app-header h3{font:700 13px var(--display);margin:7px 0 0;color:#274d37;letter-spacing:-.3px}.app-header h3 span{color:#92b66c;font-size:12px}.header-icons{display:flex;align-items:center;gap:12px;color:#7b887d;font-size:14px}.notification{font-size:12px}.teacher-avatar.small{width:22px;height:22px;font-size:8px}.app-content{padding:17px 22px 19px}.welcome-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.welcome-row h4{font:700 11px var(--display);margin:0 0 4px;color:#264b36}.welcome-row p{font-size:8px;color:#92998f;margin:0}.select-class{border:1px solid #e6e8dc;background:#fffefa;padding:7px 9px;border-radius:3px;font-size:8px;color:#66756a}.select-class b{margin-left:9px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-card{position:relative;background:#fff;border:1px solid #eeede5;border-radius:5px;padding:11px 10px;min-height:67px}.stat-card>span:first-child{font-size:6px;letter-spacing:.1em;color:#929c91;font-weight:700}.stat-card strong{display:block;font:700 20px var(--display);color:#234a34;margin-top:5px}.stat-card strong small{font:500 8px var(--sans);color:#77857a}.stat-card>small{display:block;font-size:7px;color:#97a096;margin-top:0}.stat-icon{position:absolute;right:9px;top:10px;width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font-size:11px}.stat-icon.green{background:#eaf2e5;color:#5c9d5c}.stat-icon.yellow{background:#f8f1d5;color:#ad9b43}.stat-icon.pink{background:#f8e8ee;color:#b66e87}.app-lower{display:grid;grid-template-columns:1fr .89fr;gap:9px;margin-top:10px}.lesson-panel,.ai-card{border:1px solid #eeede5;border-radius:5px;background:white;padding:11px}.panel-heading{display:flex;justify-content:space-between;font-size:8px;color:#8b9489}.panel-heading b{display:block;font:700 9px var(--display);color:#34543d}.panel-heading small{display:block;margin-top:4px;font-size:7px;color:#9aa198}.lesson-info{display:flex;align-items:center;gap:8px;margin:11px 0}.lesson-icon{width:28px;height:28px;border-radius:6px;background:#edf4e8;color:#4e8951;display:grid;place-items:center;font:700 15px var(--serif)}.lesson-info b,.lesson-info small{display:block}.lesson-info b{font-size:8px}.lesson-info small{margin-top:4px;font-size:7px;color:#949d93}.lesson-progress{font-size:7px;color:#909a90}.lesson-progress b{float:right;color:#527d51}.lesson-progress b small{color:#9aa298;font-weight:400}.lesson-progress>div{height:3px;background:#edf0e9;margin-top:6px;border-radius:4px}.lesson-progress>div i{display:block;height:100%;background:#80bb6b;border-radius:4px}.ai-card{position:relative;background:#f2f7ee;border-color:#e8efe4;overflow:hidden}.ai-card-head{display:flex;align-items:center;gap:5px;font-size:8px;color:#2c5638}.ai-star{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--green);color:white;font-size:9px}.ai-tag{margin-left:auto;font-size:6px;letter-spacing:.1em;color:#81977d}.ai-card p{font-size:8px;line-height:1.5;color:#657464;margin:9px 0}.ai-card p strong{color:#386c41}.ai-card>a{font-size:7px;font-weight:700;color:var(--green)}.ai-card>a span{font-size:10px;margin-left:3px}.ai-scribble{position:absolute;bottom:-9px;right:11px;color:#b2d4a8;font:30px var(--serif);transform:rotate(-15deg)}.hero-sticker{position:absolute;z-index:2;padding:11px 14px;border-radius:4px;background:var(--paper);font-size:9px;font-weight:700;color:#456048;box-shadow:0 8px 24px #193c2014}.sticker-a{top:-3px;right:-6px;transform:rotate(3deg)}.sticker-spark{color:#9bc67f;font-size:15px;vertical-align:-2px;margin-right:4px}.sticker-b{bottom:77px;left:-10px;transform:rotate(-3deg);display:flex;align-items:center;gap:8px}.sticker-b .live-dot{width:6px;height:6px}.hero-caption{display:flex;justify-content:space-between;margin:15px 8px 0;color:#8b9789;font-size:7px;letter-spacing:.11em}.hero-caption span:last-child{letter-spacing:0;font-size:9px}.hero-orbit{position:absolute;border:1px solid #e6e3d6;border-radius:50%;pointer-events:none}.orbit-one{width:760px;height:760px;right:-130px;top:45px}.orbit-two{width:570px;height:570px;right:-35px;top:145px;border-style:dashed;opacity:.5}.hero-bottom{display:flex;align-items:center;gap:16px;margin-top:25px;font-size:7px;letter-spacing:.14em;color:#a2a89d}.hero-bottom-line{height:1px;background:#e3dfd1;width:110px}.bottom-star{font-size:13px;color:#85aa77}
.section-pad{padding:125px 0}.section-kicker{margin-bottom:27px}.section-kicker span{color:#82a577}.statement{background:#fffdf7}.statement-inner{display:grid;grid-template-columns:180px 1fr;gap:45px}.statement .section-kicker{margin-top:12px}.statement-title{font:700 clamp(39px,5vw,67px)/1.04 var(--display);letter-spacing:-3.5px;color:var(--forest);margin:0}.statement-title span{font:500 1em var(--serif);font-style:italic;color:#7d9e69}.statement-lead{max-width:625px;font-size:14px;line-height:1.8;color:#6f7b70;margin:21px 0 65px}.flow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.flow-node{width:148px;text-align:center;flex:none}.teacher-doodle,.ai-sun,.insight-icon{width:53px;height:53px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;font:700 19px var(--serif)}.teacher-doodle{background:#f3dfe1;color:#8f606a;transform:rotate(-7deg)}.ai-sun{background:#e3efdc;color:#347346;font-size:25px}.insight-icon{background:#f4edce;color:#987f30;font:23px var(--sans)}.flow-node b,.flow-node small{display:block}.flow-node b{font-size:11px;color:#31523a}.flow-node small{font-size:8px;color:#899489;margin-top:5px}.flow-arrow{flex:1;min-width:25px;position:relative;border-top:1px dashed #b7c4ae;height:1px}.flow-arrow span{position:absolute;right:0;top:-4px;border:4px solid transparent;border-left-color:#91aa89}.flow-data{display:grid;grid-template-columns:repeat(2,auto);gap:7px}.data-mini{background:#f8f6ee;border:1px solid #eeeade;padding:9px 11px;border-radius:4px;font-size:8px;color:#647365;white-space:nowrap}.data-mini span{color:#6d9a60;margin-right:5px}
.demo-section{background:#eff2e9;position:relative;overflow:hidden}.demo-section:before{content:"";position:absolute;width:420px;height:420px;border:1px solid #dfe7d8;border-radius:50%;right:-210px;top:120px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:50px}.section-head h2,.student-copy h2,.steps-header h2,.future-copy h2{font:700 clamp(39px,4.5vw,58px)/1.08 var(--display);letter-spacing:-3px;color:var(--forest);margin:0}.section-head h2 em,.student-copy h2 em,.steps-header h2 em,.future-copy h2 em{font:500 1em var(--serif);color:#769c68}.section-aside{max-width:340px;margin:0 2px 4px 0;color:#748075;font-size:12px;line-height:1.8}.demo-wrap{display:grid;grid-template-columns:205px 1fr;min-height:492px;background:#fffefa;border:1px solid #e5e7dd;border-radius:10px;overflow:hidden;box-shadow:0 24px 65px #375b3810}.demo-sidebar{background:#fafaf4;border-right:1px solid #e9ebe2;padding:24px 16px;position:relative}.demo-logo{margin:0 0 32px 6px;font-size:13px}.demo-side-label{margin-left:8px;margin-bottom:11px}.demo-side-item{display:flex;align-items:center;gap:10px;padding:10px 9px;font-size:11px;color:#738074;border-radius:5px}.demo-side-item.chosen{color:var(--green);font-weight:700;background:#edf3e8}.demo-side-item>b{margin-left:auto}.demo-class{margin:-3px 0 7px 28px;padding:8px 7px;border-left:1px solid #9bbb92;color:#457147;background:#f3f7ef;font-size:9px}.demo-side-item.active-ai{color:#4e8052}.demo-profile{position:absolute;bottom:21px;left:16px;right:16px;border-top:1px solid #e6e8df;padding-top:14px;display:flex;align-items:center;gap:9px;font-size:9px;font-weight:700}.chat-area{display:flex;flex-direction:column;min-width:0}.chat-top{height:67px;border-bottom:1px solid #eceee5;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.chat-top div{display:flex;align-items:center;gap:12px}.chat-top b{font-size:12px;color:#34523b}.chat-top div span{font-size:9px;color:#7b897b;background:#f3f5ee;padding:7px 9px;border-radius:3px}.chat-safe{font-size:8px;color:#829082}.chat-safe i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#82ba72;margin-right:5px}.chat-messages{padding:20px 30px 8px;flex:1;display:flex;flex-direction:column;align-items:center;overflow-y:auto;max-height:360px}.chat-welcome{text-align:center;margin:5px 0 19px}.chat-orb{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;margin:auto;background:#e9f2e2;color:#43834b;font-size:22px}.chat-welcome h3{font:700 16px var(--display);color:#30553a;margin:11px 0 5px}.chat-welcome p{margin:0;color:#889287;font-size:10px}.suggestions{width:min(100%,520px);display:grid;grid-template-columns:1fr 1fr;gap:8px}.suggestion{cursor:pointer;text-align:left;background:#fff;border:1px solid #e8ebe1;border-radius:5px;padding:12px;color:#596b5c;font-size:9px;line-height:1.5;transition:border .2s,transform .2s}.suggestion:hover{border-color:#96b88a;transform:translateY(-2px)}.suggestion span{float:right;color:#70a367;font-size:12px;padding-left:5px}.chat-composer{position:relative;width:calc(100% - 60px);margin:5px 30px 20px;border:1px solid #dfe5d9;border-radius:6px;padding:5px 7px 23px;background:white;box-shadow:0 5px 15px #284d2608}.chat-composer input{height:38px;border:0;outline:0;width:calc(100% - 43px);padding:0 9px;font-size:10px;color:var(--ink);background:transparent}.chat-composer button{position:absolute;right:7px;top:6px;border:0;width:29px;height:29px;border-radius:4px;color:white;background:var(--green);font-size:17px;cursor:pointer}.chat-composer small{position:absolute;bottom:6px;left:16px;font-size:7px;color:#9ba39a}.demo-foot{display:flex;justify-content:space-between;margin:14px 4px;color:#879184;font-size:8px;letter-spacing:.08em}.demo-foot span:last-child{letter-spacing:0}
.chat-message{align-self:flex-end;max-width:82%;padding:11px 13px;background:#eaf2e5;border-radius:7px 7px 1px 7px;color:#365840;font-size:10px;line-height:1.6;margin:3px 0 9px;animation:message-in .35s ease both}.chat-response{align-self:flex-start;max-width:90%;padding:13px 15px;background:#f7f6ef;border:1px solid #eeede5;border-radius:1px 7px 7px 7px;color:#526253;font-size:10px;line-height:1.65;margin:2px 0 12px;animation:message-in .4s ease both}.chat-response strong{color:#315e3a}.chat-response .response-label{font-size:7px;letter-spacing:.1em;color:#8ca084;font-weight:700;display:block;margin-bottom:6px}.typing{align-self:flex-start;color:#93a28f;font-size:10px;margin:2px 0 12px}.typing i{display:inline-block;width:4px;height:4px;margin:0 1px;background:#8bb57e;border-radius:50%;animation:blink .9s infinite alternate}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes message-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{to{opacity:.25;transform:translateY(-3px)}}
.student-section{background:#fffdf7;overflow:hidden}.student-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:90px}.student-copy h2{font-size:clamp(37px,4vw,54px)}.student-copy>p{font-size:13px;line-height:1.85;color:#718072;max-width:420px;margin:24px 0}.student-quote{border-left:1px solid #c8d8bd;padding:4px 0 5px 19px;margin:34px 0;display:flex;gap:13px;max-width:350px}.student-quote>span{font:30px var(--serif);color:#9abb83;line-height:1}.student-quote p{font:italic 15px/1.5 var(--serif);color:#547051;margin:0}.profile-scene{min-height:490px;position:relative;display:grid;place-items:center}.profile-scene:before{content:"";position:absolute;width:430px;height:430px;border:1px solid #ebeadb;border-radius:50%}.profile-scene:after{content:"";position:absolute;width:365px;height:365px;border:1px dashed #e3e6d6;border-radius:50%}.student-card{position:relative;z-index:2;width:340px;background:#fff;border:1px solid #e9e8df;border-radius:7px;padding:21px 22px 18px;box-shadow:0 20px 55px #28442610;transform:rotate(-1deg)}.student-card-top{display:flex;justify-content:space-between;align-items:center}.student-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#dcebd5;color:#57864f;font:700 17px var(--serif)}.more{letter-spacing:2px;color:#94a092}.student-card h3{font:700 17px var(--display);margin:13px 0 4px;color:#234932;letter-spacing:-.5px}.student-card>p{font-size:9px;color:#819080;margin:0}.student-card>p span{padding:0 4px;color:#b5bdaf}.student-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:20px 0 17px}.student-stats>div>span{display:block;color:#98a096;font-size:6px;letter-spacing:.08em;font-weight:700;white-space:nowrap}.student-stats b{display:block;font:700 18px var(--display);color:#365a3d;margin:6px 0}.student-stats b small{font:500 9px var(--sans);color:#849183}.bar{display:block;height:3px;border-radius:4px;background:#edf0e8}.bar u{height:100%;display:block;background:#8abd77;border-radius:4px}.student-stats>div:nth-child(2) .bar u{background:#e8ce79}.student-stats>div:nth-child(3) .bar u{background:#dca5b8}.ai-review{border-radius:5px;border:1px solid #e6eddf;background:#f5f8f0;padding:13px 13px 10px}.review-head{display:flex;align-items:center;gap:6px;color:#427246;font-size:9px}.review-head .ai-star{width:17px;height:17px;font-size:9px}.review-period{margin-left:auto;font-size:6px;letter-spacing:.1em;color:#94a48f}.ai-review>p{font-size:9px;line-height:1.65;color:#677466;margin:10px 0 12px}.review-foot{display:flex;justify-content:space-between;align-items:center;font-size:7px;color:#94a092}.review-chart{display:flex;align-items:end;gap:3px;height:20px}.review-chart i{width:5px;background:#a5c58f;border-radius:2px 2px 0 0;height:75%}.review-chart i:nth-child(2){height:95%}.review-chart i:nth-child(3){height:60%}.review-chart i:nth-child(4){height:78%}.review-chart i:nth-child(5){height:48%;background:#e3c980}.review-chart i:nth-child(6){height:56%;background:#dfb8a5}.review-chart i:nth-child(7){height:38%;background:#dfa4b5}.review-chart i:nth-child(8){height:30%;background:#d78da4}.profile-note{position:absolute;z-index:3;font:italic 12px/1.35 var(--serif);color:#5f7f5e}.profile-note span{color:#9aab8f;font-size:10px}.note-left{top:83px;left:7px;transform:rotate(-8deg)}.note-left b{font:18px var(--sans);display:block;color:#89aa77;transform:rotate(20deg);margin:9px 0 0 37px}.note-right{bottom:68px;right:5px;transform:rotate(5deg)}.note-star{font:17px var(--sans);color:#c29b62}.scene-scribble{position:absolute;z-index:1;top:82px;right:30px;color:#d5bc7d;font-size:24px;transform:rotate(10deg)}
.lesson-section{background:#f4f1e5;overflow:hidden}.lesson-head{margin-bottom:75px}.lesson-canvas{height:390px;position:relative}.lesson-date-card{position:absolute;left:8%;top:34px;width:44%;height:270px;background:#fffdf7;border:1px solid #e8e4d6;box-shadow:0 21px 50px #46533b10;display:flex;align-items:center;padding:30px 32px;transform:rotate(-2deg);z-index:2}.date-tab{height:95px;width:55px;background:#eaf1e3;border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#698464}.date-tab span{font-size:8px;letter-spacing:.14em}.date-tab b{font:700 33px var(--display);line-height:1.2;color:#426b47}.date-tab small{font-size:7px;letter-spacing:.1em}.date-rule{height:164px;border-left:1px solid #e6e4d9;margin:0 26px}.date-content{align-self:center}.date-content h3{font:700 28px var(--display);color:#2f5739;margin:8px 0}.date-content p{font:italic 14px var(--serif);color:#798677;margin:0}.lesson-meta{display:flex;gap:16px;margin-top:25px;color:#8b9689;font-size:8px}.leaf-decoration{position:absolute;right:24px;top:20px;color:#cfdfc2;font-size:25px;transform:rotate(18deg)}.lesson-detail{position:absolute;z-index:3;display:flex;align-items:center;gap:13px;width:275px;padding:15px 17px;background:#fffefa;border:1px solid #e9e7dd;border-radius:5px;box-shadow:0 14px 32px #364d300c}.detail-one{top:-5px;right:10%}.detail-two{top:118px;right:4%}.detail-three{top:240px;right:12%}.detail-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:14px}.detail-icon.mint{background:#e5f0df;color:#519451}.detail-icon.pale{background:#f8f0d5;color:#a18c36}.detail-icon.blush{background:#f5e4e8;color:#b36f80}.lesson-detail small,.lesson-detail b,.lesson-detail div>span{display:block}.lesson-detail small{font-size:6px;letter-spacing:.12em;color:#929c8e;font-weight:700}.lesson-detail b{font-size:10px;color:#49654a;margin:5px 0}.lesson-detail div>span{font-size:8px;color:#909a8f}.lesson-scribble{position:absolute;left:20%;bottom:0;color:#b19663;font:italic 13px var(--serif);transform:rotate(-7deg)}
.steps-section{background:#fffdf7}.steps-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:45px}.steps-stamp{border:1px solid #d8e1cf;border-radius:50%;width:78px;height:78px;display:grid;align-content:center;text-align:center;color:#557953;font-size:9px;letter-spacing:.12em;line-height:1.5;transform:rotate(9deg)}.steps-stamp span{font-size:7px;color:#9eae91}.steps-list{border-top:1px solid var(--line)}.step{position:relative;display:grid;grid-template-columns:75px 66px 1fr;align-items:center;gap:17px;padding:25px 0;border-bottom:1px solid var(--line)}.step-number{color:#90a58b;font:italic 13px var(--serif)}.step-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;font-size:17px;background:#e8f0e2;color:#4d874e}.pink-icon{background:#f6e5e9;color:#b87587}.yellow-icon{background:#f8f0d3;color:#aa9542}.ai-step{background:#e4f0de;font-size:21px}.step h3{font:700 18px var(--display);letter-spacing:-.4px;color:#31553a;margin:0 0 5px}.step p{font-size:10px;color:#899487;margin:0}.step-line{position:absolute;right:5px;width:25px;height:1px;background:#b8c9b1}.step-line:after{content:"";position:absolute;right:0;top:-3px;border:3px solid transparent;border-left-color:#86a47e}
.plans-section{background:#f1f3e9}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.plan-card{position:relative;padding:27px 27px 23px;background:#fffefa;border:1px solid #e4e8dd;border-radius:6px;min-height:370px;display:flex;flex-direction:column}.plan-featured{background:#f9fbf5;border-color:#9bbc90;box-shadow:0 15px 40px #386b3410}.plan-ribbon{position:absolute;right:17px;top:17px;color:#6a9660;font-size:7px;letter-spacing:.1em;font-weight:700}.plan-name{display:flex;flex-direction:column;gap:5px;font:800 12px var(--display);letter-spacing:.1em;color:#36583b}.plan-name span{font:400 9px var(--sans);letter-spacing:0;color:#8a9588}.plan-price{font:700 37px var(--display);letter-spacing:-2px;color:#244a32;margin-top:23px}.plan-price small{font:700 9px var(--sans);letter-spacing:.1em;color:#738573}.plan-period{font-size:9px;color:#929d8e;margin-top:0}.plan-rule{height:1px;background:#e9ece2;margin:20px 0 15px}.plan-card ul{list-style:none;padding:0;margin:0 0 22px}.plan-card li{font-size:9px;color:#68776a;padding:6px 0 6px 16px;position:relative}.plan-card li:before{content:"✓";position:absolute;left:0;color:#75a66c}.plan-link{margin-top:auto;padding-top:14px;border-top:1px solid #e9ece2;display:flex;justify-content:space-between;color:#37643c;font-size:9px;font-weight:700}.plan-link span{font-size:14px}.plans-note{text-align:center;color:#939d90;font-size:8px;margin:18px 0 0}
.future-section{background:var(--cream);padding:83px 0}.future-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.future-copy .section-kicker{margin-bottom:18px}.future-copy h2{font-size:34px;letter-spacing:-1.9px}.future-copy>p{font-size:11px;line-height:1.7;color:#788578;max-width:340px}.future-card{display:flex;gap:21px;align-items:flex-start;background:#fffdf7;border:1px solid #e9e5d9;padding:27px 30px;border-radius:5px}.kaspi-mark{flex:none;width:53px;height:53px;border-radius:13px;background:#e8f2e2;color:#297147;display:grid;place-items:center;font:800 23px var(--display);position:relative}.kaspi-mark span{position:absolute;right:4px;top:2px;font-size:10px;color:#8ebc75}.future-card small{font-size:7px;letter-spacing:.13em;color:#91a18e;font-weight:700}.future-card h3{font:700 15px var(--display);color:#355a3a;margin:7px 0}.future-card p{font-size:9px;line-height:1.7;color:#778377;max-width:435px;margin:0 0 15px}.future-status{font-size:8px;color:#738b70}.future-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#d3b563;margin-right:5px}
.final-cta{position:relative;overflow:hidden;background:var(--green);color:#fff9e9;text-align:center;padding:112px 0 45px}.final-cta:before,.final-cta:after{content:"";position:absolute;border:1px solid #ffffff19;border-radius:50%;width:650px;height:650px;top:-245px;left:-200px}.final-cta:after{width:520px;height:520px;left:auto;right:-160px;top:-160px}.cta-ornament{position:absolute;right:13%;top:100px;color:#a5d184;font-size:30px;transform:rotate(12deg)}.cta-inner{position:relative;z-index:1}.cta-overline{color:#bdd7ac;font-size:8px;letter-spacing:.2em;font-weight:700}.cta-inner h2{font:700 clamp(43px,5.5vw,72px)/1.03 var(--display);letter-spacing:-4px;color:#fffbee;margin:18px auto}.cta-inner h2 em{font:500 1em var(--serif);color:#c7e1ac}.cta-inner>p{color:#c1d6c3;font-size:12px;margin:16px 0 28px}.button-light{background:#f7f1df;color:var(--green)}.button-light:hover{background:#fffdf7}.cta-bottom-mark{margin:58px auto 0;display:flex;align-items:center;justify-content:center;gap:10px;opacity:.8;text-align:left;font:italic 10px/1.35 var(--serif);color:#d7e4d4}.cta-bottom-mark img{width:39px;height:39px;border-radius:10px;object-fit:cover;transform:scale(.94)}.footer{background:var(--forest);color:#e8eddf;padding:32px 0 19px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:28px;border-bottom:1px solid #ffffff23}.footer-brand{font-size:16px}.footer-brand .brand-mark{width:31px;height:31px}.footer-brand>span:last-child{display:flex;flex-wrap:wrap;align-items:center;column-gap:5px;max-width:230px}.footer-brand small{display:block;flex-basis:100%;font:400 8px var(--sans);color:#aebdad;margin-top:4px;letter-spacing:0}.footer-brand i{color:#a9ce92}.footer-links{display:flex;gap:29px}.footer-links a,.footer-bottom{font-size:9px;color:#b5c4b4}.footer-links a:hover,.footer-bottom a:hover{color:white}.footer-bottom{display:flex;justify-content:space-between;padding-top:15px;font-size:8px;color:#8fa28f}.footer-bottom b{color:#a9cd8e;font-size:11px;margin-left:5px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #639b56;outline-offset:3px}
@media(max-width:1020px){.container{width:min(100% - 54px,850px)}.hero{min-height:auto;padding-top:145px}.hero-inner{grid-template-columns:1fr;gap:34px}.hero-copy{max-width:700px;padding-bottom:0}.hero-visual{max-width:690px;margin:0 auto;padding-left:0;width:100%}.hero h1{font-size:58px}.hero-window{transform:none}.hero-bottom{margin-top:34px}.hero-orbit{right:-460px}.statement-inner{grid-template-columns:1fr;gap:8px}.statement .section-kicker{margin-top:0}.statement-lead{margin-bottom:48px}.student-grid{gap:30px}.profile-scene{transform:scale(.9)}.section-pad{padding:100px 0}.app-body{min-height:400px}.future-inner{gap:35px}}
@media(max-width:700px){.container{width:calc(100% - 40px)}.nav-wrap{padding:13px 0}.nav{flex-wrap:wrap}.brand{font-size:17px}.brand-mark{width:31px;height:31px}.nav-links,.nav-actions{display:none}.nav.open{align-items:center}.nav.open .nav-links{display:flex;order:4;flex-basis:100%;flex-direction:column;gap:0;margin:12px 0 0;padding:7px 0;border-top:1px solid var(--line)}.nav.open .nav-links a{padding:11px 2px}.nav.open .nav-actions{display:flex;order:5;flex-basis:100%;justify-content:flex-start;padding:4px 0 10px}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:9px 4px}.menu-toggle span{width:20px;height:1px;background:var(--forest)}.hero{padding:112px 0 25px}.hero-inner{gap:34px}.hero h1{font-size:clamp(40px,11vw,55px);letter-spacing:-2.7px}.hero h1 span{letter-spacing:-2px}.hero-description{font-size:12px;margin:18px 0 22px}.hero-actions{gap:18px}.hero-actions .button{padding:14px 15px;gap:13px}.text-button{font-size:10px}.hero-note{margin-top:25px;font-size:9px}.hero-visual{padding:15px 0 0}.app-body{grid-template-columns:106px 1fr;min-height:315px}.app-sidebar{padding:12px 6px}.app-logo{font-size:10px;gap:4px;margin:0 0 19px 2px}.app-logo-mark{width:17px;height:17px}.side-label{font-size:6px;margin-left:4px}.side-item{font-size:7px;gap:5px;height:26px;padding:0 4px}.side-item span{font-size:9px;width:10px}.class-chip{font-size:6px;margin-left:9px;padding:6px 2px}.sidebar-bottom{left:6px;right:6px;gap:4px;font-size:6px}.sidebar-bottom small{font-size:5px}.sidebar-bottom .teacher-avatar{width:18px;height:18px;font-size:7px}.app-header{padding:13px 11px 9px}.app-header h3{font-size:9px}.tiny-label{font-size:5px}.header-icons{gap:6px;font-size:10px}.teacher-avatar.small{width:17px;height:17px}.app-content{padding:12px 10px}.welcome-row{align-items:start}.welcome-row h4{font-size:8px}.welcome-row p{font-size:6px}.select-class{font-size:6px;padding:5px}.stat-grid{gap:4px}.stat-card{padding:8px 5px;min-height:58px}.stat-card>span:first-child{font-size:5px}.stat-card strong{font-size:16px}.stat-card>small{font-size:6px}.stat-icon{width:15px;height:15px;right:4px;top:7px;font-size:8px}.app-lower{gap:5px}.lesson-panel,.ai-card{padding:7px}.panel-heading,.lesson-info b{font-size:7px}.panel-heading small,.lesson-info small{font-size:6px}.lesson-icon{width:20px;height:20px}.lesson-progress{font-size:6px}.ai-card-head{font-size:6px}.ai-card-head .ai-star{width:12px;height:12px;font-size:7px}.ai-card p{font-size:6px}.ai-card>a{font-size:6px}.hero-sticker{font-size:7px;padding:8px}.sticker-a{right:-3px}.sticker-b{left:-5px;bottom:57px}.hero-caption{margin-top:10px;font-size:6px}.hero-caption span:last-child{font-size:7px}.hero-bottom{font-size:6px;margin-top:20px}.section-pad{padding:78px 0}.statement-title{font-size:42px;letter-spacing:-2.5px}.statement-lead{font-size:12px;margin:17px 0 35px}.flow{flex-direction:column;gap:12px;padding:20px 5px}.flow-node{width:auto}.flow-node small{font-size:8px}.teacher-doodle,.ai-sun,.insight-icon{width:42px;height:42px;margin-bottom:7px}.flow-arrow{height:24px;width:1px;min-width:0;border-top:0;border-left:1px dashed #b7c4ae;flex:none}.flow-arrow span{right:-3px;top:auto;bottom:0;transform:rotate(90deg)}.flow-data{grid-template-columns:repeat(2,auto)}.data-mini{font-size:7px;padding:7px 9px}.section-head{display:block;margin-bottom:33px}.section-head h2,.student-copy h2,.steps-header h2{font-size:38px;letter-spacing:-2.2px}.section-aside{font-size:11px;margin:18px 0 0}.demo-wrap{grid-template-columns:1fr;min-height:550px}.demo-sidebar{display:none}.chat-top{height:57px;padding:0 15px}.chat-top div{gap:7px}.chat-top b{font-size:10px}.chat-top div span{font-size:7px;padding:6px}.chat-safe{font-size:7px}.chat-messages{padding:20px 12px 8px;max-height:390px}.chat-welcome h3{font-size:14px}.chat-welcome p{font-size:9px}.suggestions{grid-template-columns:1fr;gap:6px}.suggestion{font-size:9px;padding:10px}.chat-composer{width:calc(100% - 24px);margin:5px 12px 13px}.demo-foot{font-size:7px}.student-grid{grid-template-columns:1fr;gap:20px}.student-copy>p{font-size:12px}.student-quote{margin:25px 0}.profile-scene{margin:-10px auto 0;max-width:430px;width:100%;transform:scale(.88);transform-origin:top center;min-height:425px}.student-card{width:min(340px,78vw);padding:17px}.profile-scene:before{width:360px;height:360px}.profile-scene:after{width:310px;height:310px}.note-left{left:-3px;top:60px}.note-right{right:-3px;bottom:40px}.lesson-head{margin-bottom:45px}.lesson-canvas{height:540px}.lesson-date-card{left:0;top:20px;width:91%;height:230px;padding:20px;transform:rotate(-1.5deg)}.date-rule{height:140px;margin:0 17px}.date-content h3{font-size:23px}.date-content p{font-size:12px}.lesson-meta{flex-direction:column;gap:6px;margin-top:17px}.detail-one{right:0;top:225px}.detail-two{right:0;top:325px}.detail-three{right:0;top:425px}.lesson-scribble{left:4%;bottom:-2px;font-size:11px}.steps-header{margin-bottom:33px}.steps-stamp{width:62px;height:62px;font-size:7px}.step{grid-template-columns:33px 43px 1fr;gap:8px;padding:19px 0}.step-number{font-size:11px}.step-icon{width:37px;height:37px;font-size:14px}.step h3{font-size:13px}.step p{font-size:8px;line-height:1.5}.step-line{width:15px}.plan-grid{grid-template-columns:1fr;gap:10px}.plan-card{min-height:auto;padding:23px}.plan-price{margin-top:17px}.plan-rule{margin:15px 0 11px}.plan-card ul{margin-bottom:16px}.future-section{padding:68px 0}.future-inner{grid-template-columns:1fr;gap:25px}.future-copy h2{font-size:31px}.future-card{padding:20px 16px;gap:13px}.future-card p{font-size:8px}.kaspi-mark{width:43px;height:43px;font-size:19px}.final-cta{padding:85px 0 35px}.cta-inner h2{font-size:43px;letter-spacing:-2.6px}.cta-inner>p{font-size:10px}.cta-ornament{top:32px;right:10%;font-size:22px}.cta-bottom-mark{margin-top:41px}.footer-top{align-items:flex-start;gap:25px;flex-direction:column}.footer-links{width:100%;gap:0;justify-content:space-between}.footer-links a{font-size:8px}.footer-bottom{gap:8px;flex-wrap:wrap}.footer-bottom span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1!important;transform:none!important}}

/* Scroll-led product galleries */
.statement{position:relative;overflow:hidden;padding-top:112px;padding-bottom:56px}.statement-inner{position:relative;z-index:1}.statement-title{max-width:850px}.statement-lead{margin-bottom:35px}.flow-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(270px,auto);gap:12px;perspective:1200px}.flow-gallery.bento-start{grid-template-columns:1.08fr .92fr;grid-template-rows:190px 190px}.flow-tile{min-width:0;position:relative;overflow:hidden;padding:22px 19px;border:1px solid #e7e8dc;border-radius:6px;background:#fbfaf3;will-change:transform;transform-origin:center center}.flow-tile h3{font:700 17px/1.2 var(--display);letter-spacing:-.5px;color:#2d5639;margin:14px 0 4px}.flow-tile p{font-size:9px;line-height:1.55;color:#849183;margin:0}.tile-index,.gallery-index{font-size:7px;letter-spacing:.14em;color:#94a38f;font-weight:700}.flow-tile-teacher{background:#f6e8e7;border-color:#efdcdf}.flow-tile-teacher .teacher-doodle{margin:18px 0 0;width:48px;height:48px}.flow-tile-teacher h3{margin-top:10px}.tile-handnote{position:absolute;right:15px;bottom:15px;color:#8a7c71;font:italic 10px var(--serif);transform:rotate(-5deg)}.tile-handnote span{color:#85a77a;font:13px var(--sans);margin-left:5px}.flow-tile-data{background:#fffefa}.flow-tile-data h3{max-width:210px;margin:14px 0 15px;font-size:15px}.flow-tile .flow-data{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.flow-tile .data-mini{padding:9px 8px;background:#f7f6ef;font-size:8px}.tile-footer-note{font-size:7px;color:#97a090;margin-top:12px;letter-spacing:.03em}.flow-tile-ai{background:#e9f1e4;border-color:#dde8d7}.flow-tile-ai .ai-sun{margin:18px 0 8px;width:45px;height:45px;font-size:22px}.flow-tile-ai h3{margin:7px 0 4px}.ai-mini-lines{display:flex;gap:4px;align-items:end;height:24px;margin-top:15px}.ai-mini-lines i{display:block;width:22%;height:42%;background:#a6c69a;border-radius:3px 3px 0 0}.ai-mini-lines i:nth-child(2){height:75%}.ai-mini-lines i:nth-child(3){height:56%}.ai-mini-label{position:absolute;bottom:18px;right:14px;font-size:7px;color:#7e9677}.flow-tile-insight{background:#f8f2df;border-color:#eee6c9}.flow-tile-insight .insight-icon{margin:19px 0 8px;width:45px;height:45px;font-size:20px}.flow-tile-insight h3{margin:7px 0 4px}.insight-sparkline{position:relative;height:47px;margin:8px 0 0}.insight-sparkline>i{position:relative;display:inline-block;width:7%;height:30%;margin-right:3%;bottom:0;background:#d9cf9e;border-radius:3px 3px 0 0}.insight-sparkline>i:nth-child(2){height:45%}.insight-sparkline>i:nth-child(3){height:36%}.insight-sparkline>i:nth-child(4){height:70%}.insight-sparkline>i:nth-child(5){height:54%}.insight-sparkline>i:nth-child(6){height:82%;background:#c5d7aa}.insight-sparkline>i:nth-child(7){height:94%;background:#9fc18b}.insight-sparkline svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.insight-sparkline path{fill:none;stroke:#69965d;stroke-width:1.5;stroke-dasharray:220;stroke-dashoffset:0}.flow-caption{display:flex;align-items:center;gap:12px;color:#9ba695;font-size:7px;letter-spacing:.13em;margin-top:15px}.flow-caption div{height:1px;background:#dce1d5;width:90px}.flow-word-track{position:relative;overflow:hidden;margin-top:48px;border-top:1px solid #e8e9de;border-bottom:1px solid #e8e9de;padding:12px 0}.flow-word-inner{display:flex;align-items:center;justify-content:space-around;gap:25px;width:max-content;min-width:100%;white-space:nowrap;color:#82967b;font:italic 12px var(--serif);letter-spacing:.08em}.flow-word-inner b{font:11px var(--sans);color:#b6c99e}.statement .section-kicker{margin-top:0}
.demo-section{position:relative;overflow:hidden;height:100vh;min-height:740px;padding:98px 0 25px;background:#eff2e9;display:flex;flex-direction:column;justify-content:flex-start}.demo-intro{flex:none}.demo-intro .section-head{margin-bottom:21px;align-items:end}.demo-intro .section-head h2{font-size:clamp(39px,4.2vw,55px)}.demo-gallery-viewport{width:100%;overflow:hidden;position:relative;flex:1;min-height:425px;display:flex;align-items:stretch}.demo-gallery-track{width:max-content;display:flex;align-items:stretch;gap:clamp(22px,4vw,58px);padding:15px max(48px,calc((100vw - 1240px)/2)) 22px;will-change:transform}.demo-gallery-card{position:relative;flex:none;height:100%;min-height:425px;border-radius:9px;border:1px solid #e3e7dc;background:#fffefa;box-shadow:0 22px 60px #31533112;overflow:hidden;will-change:transform}.demo-context-card,.demo-insight-card{width:min(40vw,480px);padding:29px 30px}.demo-context-card{background:#f8f6ed}.context-icon{display:grid;place-items:center;width:46px;height:46px;margin-top:31px;border-radius:12px;background:#e6efe0;color:#548254;font-size:19px}.demo-gallery-card h3{font:700 23px/1.15 var(--display);letter-spacing:-.9px;color:#2e5539;margin:17px 0 9px}.demo-gallery-card h3 em{font:500 1em var(--serif);color:#829d6d}.demo-gallery-card>p{font-size:10px;line-height:1.65;color:#7d897d;max-width:330px;margin:0}.context-stack{display:grid;gap:8px;margin-top:23px}.context-stack>div{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;background:#fffefa;border:1px solid #e9eadf;border-radius:4px;padding:9px}.context-stack>div>span{color:#6f9d65}.context-stack b{font-size:8px;color:#50644e}.context-stack small{font-size:7px;color:#97a091}.context-stack i{font-style:normal;color:#8da785}.card-scribble{position:absolute;right:22px;bottom:19px;color:#9b8b70;font:italic 10px var(--serif);transform:rotate(-5deg)}.card-scribble b{font:13px var(--sans);color:#9bb987;margin-left:4px}.demo-main-card{width:min(76vw,1000px);padding:17px 19px 19px;background:#fafbf6;display:flex;flex-direction:column}.demo-card-heading{height:24px;display:flex;align-items:center;justify-content:space-between;flex:none;padding:0 4px 12px}.demo-live{font-size:7px;color:#849184}.demo-live i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#82bd70;margin-right:5px}.demo-main-card .demo-wrap{flex:1;min-height:0;grid-template-columns:180px 1fr;box-shadow:none;border-radius:6px}.demo-main-card .demo-sidebar{padding:19px 14px}.demo-main-card .chat-area{min-height:0}.demo-main-card .chat-messages{max-height:none}.demo-main-card .chat-composer{margin-top:auto}.demo-insight-card{background:#f4f1e3;border-color:#e9e3cc}.demo-insight-card .insight-icon{margin:31px 0 0;width:46px;height:46px}.demo-insight-card h3{margin-top:15px}.insight-report{margin-top:27px;padding:14px 14px 12px;background:#fffefa;border:1px solid #e8e5d9;border-radius:5px}.report-top,.report-caption{display:flex;align-items:center;justify-content:space-between}.report-top>span{font-size:6px;letter-spacing:.11em;color:#9aa194}.report-top>b{font-size:7px;color:#588153}.report-bars{height:86px;display:flex;align-items:end;gap:5px;padding:10px 0 8px;border-bottom:1px solid #ebecdf}.report-bars i{flex:1;background:#d7e5ce;height:75%;border-radius:3px 3px 0 0}.report-bars i:nth-child(2){height:88%}.report-bars i:nth-child(3){height:65%}.report-bars i:nth-child(4){height:79%}.report-bars i:nth-child(5){height:55%;background:#e8dcad}.report-bars i:nth-child(6){height:48%;background:#e2d3a2}.report-bars i:nth-child(7){height:35%;background:#d8c889}.report-bars i:nth-child(8){height:30%;background:#c9dcb9}.report-caption{font-size:7px;color:#929b8d;padding-top:9px}.report-caption strong{font-size:7px;color:#677f5e}.card-handnote{position:absolute;bottom:23px;right:26px;font:italic 11px/1.5 var(--serif);color:#877b65;transform:rotate(-4deg)}.card-handnote b{font:14px var(--sans);color:#829f71}.demo-progress{display:flex;flex:none;align-items:center;gap:12px;color:#899587;font-size:7px;letter-spacing:.08em;margin-top:8px}.demo-progress>div{height:1px;background:#d8e0d3;flex:1;position:relative}.demo-progress>div i{display:block;position:absolute;inset:0 auto 0 0;width:0;background:#78a86c}.demo-progress span:last-child{letter-spacing:.03em}
.lesson-canvas .lesson-date-card{will-change:transform;animation:lesson-drift 7s ease-in-out infinite alternate}.lesson-canvas .lesson-detail{will-change:transform;animation:detail-drift 5.8s ease-in-out infinite alternate}.lesson-section{overflow:hidden}.lesson-canvas{perspective:1000px}.lesson-scribble{will-change:transform}
@media(max-width:1020px) and (min-width:701px){.flow-gallery{grid-template-rows:minmax(250px,auto)}.flow-gallery.bento-start{grid-template-rows:190px 190px}.demo-section{padding-top:96px}.demo-main-card{width:82vw}.demo-context-card,.demo-insight-card{width:43vw}.demo-main-card .demo-wrap{grid-template-columns:150px 1fr}.demo-main-card .demo-sidebar{padding:15px 9px}}
.lesson-canvas .detail-two{animation-delay:-1.5s}.lesson-canvas .detail-three{animation-delay:-2.1s}
@media(max-width:700px){.statement{padding-top:78px;padding-bottom:34px}.flow-gallery,.flow-gallery.bento-start{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:8px}.flow-tile{min-height:225px;padding:15px 13px}.flow-tile h3{font-size:14px}.flow-tile p{font-size:8px}.flow-tile-data h3{font-size:12px}.flow-tile .data-mini{font-size:7px;padding:8px 6px}.tile-index{font-size:6px}.tile-handnote{font-size:8px;right:8px;bottom:10px}.tile-footer-note{font-size:6px}.flow-caption{font-size:6px}.flow-word-track{margin-top:30px}.flow-word-inner{gap:16px;font-size:10px}.demo-section{height:auto;min-height:0;padding:78px 0 20px}.demo-intro .section-head{margin-bottom:24px}.demo-intro .section-head h2{font-size:37px}.demo-gallery-viewport{overflow-x:auto;overflow-y:hidden;min-height:0;flex:none;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a7bd9a transparent;-webkit-overflow-scrolling:touch}.demo-gallery-track{padding:12px 20px 21px;gap:12px;align-items:stretch;transform:none!important}.demo-gallery-card{height:auto;min-height:405px;scroll-snap-align:center}.demo-context-card,.demo-insight-card{width:83vw;padding:22px 20px}.demo-main-card{width:91vw;padding:12px}.demo-main-card .demo-wrap{grid-template-columns:1fr;min-height:346px}.demo-main-card .demo-sidebar{display:none}.demo-main-card .chat-messages{padding:13px 9px 6px;max-height:240px}.demo-main-card .chat-composer{width:calc(100% - 18px);margin:3px 9px 9px}.demo-main-card .chat-top{padding:0 10px}.demo-main-card .chat-safe{font-size:6px}.demo-progress{font-size:6px;margin-top:11px}.demo-progress span:last-child{font-size:5px}.demo-section .section-aside{max-width:100%}.context-icon,.demo-insight-card .insight-icon{margin-top:22px}.context-stack{margin-top:19px}.insight-report{margin-top:21px}}
@keyframes lesson-drift{from{translate:0 0}to{translate:0 -7px}}@keyframes detail-drift{from{translate:0 0}to{translate:0 -5px}}
@media(prefers-reduced-motion:reduce){.lesson-canvas .lesson-date-card,.lesson-canvas .lesson-detail{animation:none!important}.demo-gallery-viewport{scroll-behavior:auto}}

/* Sequential horizontal product story and a single expanding demo */
.statement{height:100vh;min-height:700px;padding:100px 0 24px;display:flex;flex-direction:column;overflow:hidden;background:var(--cream)}
.story-top{display:flex;justify-content:space-between;align-items:center;gap:24px;flex:none}
.story-top .section-kicker{margin:0}
.story-top>p{margin:0;color:#748174;font-size:11px}
.story-viewport{flex:1;min-height:0;width:100%;overflow:hidden;perspective:1200px}
.story-track{display:flex;align-items:center;gap:clamp(18px,2.4vw,34px);width:max-content;height:100%;padding:20px max(48px,calc((100vw - 1240px)/2)) 22px;will-change:transform}
.story-panel{position:relative;flex:none;width:min(57vw,700px);height:min(56vh,470px);min-height:340px;padding:clamp(24px,3.3vw,44px);overflow:hidden;border:1px solid #e2e5d8;border-radius:9px;background:#fffdf7;box-shadow:0 22px 60px #2541260c;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity}
.story-panel p{margin:0;color:#6f7e70;font-size:clamp(12px,1.1vw,15px);line-height:1.7;max-width:440px}
.story-index{display:block;font-size:9px;font-weight:700;letter-spacing:.14em;color:#859583}
.story-title-panel{width:min(68vw,820px);display:flex;flex-direction:column;justify-content:center;background:#e6efdf;border-color:#dce8d5}
.story-title-text{max-width:720px;margin:25px 0 17px;color:var(--green);font:700 clamp(52px,8vw,112px)/.98 var(--display);letter-spacing:-.075em;overflow:hidden}
.story-char{display:inline-block;will-change:transform,opacity}
.story-title-panel p{max-width:470px}
.story-scroll-cue{position:absolute;left:clamp(24px,3.3vw,44px);bottom:clamp(22px,3vw,38px);font-size:8px;font-weight:700;letter-spacing:.13em;color:#83927d}
.story-scroll-cue b{margin-left:8px;color:var(--green);font-size:14px}
.story-panel-number{position:absolute;right:26px;bottom:20px;color:#abb5a5;font:italic 21px var(--serif)}
.story-teacher{background:#f4e9e7;border-color:#eddddc}
.story-teacher-mark{display:grid;place-items:center;width:clamp(72px,9vw,112px);height:clamp(72px,9vw,112px);margin:36px 0 24px;border-radius:50%;background:#e8d5c0;color:#775a3d;font:600 42px var(--serif)}
.story-panel h3{margin:0 0 8px;color:#254e37;font:700 clamp(27px,3.3vw,43px)/1.05 var(--display);letter-spacing:-.06em}
.story-note{position:absolute;right:28px;bottom:30px;color:#8c8575;font:italic 12px var(--serif);transform:rotate(-4deg)}
.story-note b{margin-left:8px;color:#83a77a;font:16px var(--sans)}
.story-data{display:grid;place-items:center;background:#fffdf8}
.story-data-window{width:min(100%,450px);padding:22px;border:1px solid #e8e9df;border-radius:7px;background:#fbfaf4;box-shadow:0 15px 40px #29472b0b}
.story-window-bar{display:flex;align-items:center;gap:5px;margin-bottom:25px;color:#899588;font-size:9px}
.story-window-bar i{width:7px;height:7px;border-radius:50%;background:#e9b19c}.story-window-bar i:nth-child(2){background:#e7d789}.story-window-bar i:nth-child(3){background:#afd0a1}.story-window-bar span{margin-left:auto}
.story-data-window h3{font-size:clamp(21px,2.3vw,30px);margin-bottom:22px}
.story-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.story-data-grid>div{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid #e9e9df;border-radius:5px;background:#fff;font-size:12px;color:#5c705e}
.story-data-grid b{color:#569066;font-size:17px}
.story-ai{background:#edf3e8;border-color:#dce9d7}
.story-ai-orb{display:grid;place-items:center;width:78px;height:78px;margin:40px 0 24px;border-radius:23px;background:#dcebd5;color:#568c57;font-size:39px;animation:ai-orbit 7s ease-in-out infinite}
.story-ai-result{position:absolute;left:clamp(24px,3.3vw,44px);right:clamp(24px,3.3vw,44px);bottom:35px;display:flex;align-items:center;gap:13px;padding:15px;border:1px solid #dce7d8;border-radius:6px;background:#f9fbf6}
.story-ai-result>span{color:#6ba368;font-size:20px}.story-ai-result b,.story-ai-result small{display:block}.story-ai-result b{font-size:11px;color:#395d3c}.story-ai-result small{margin-top:4px;font-size:9px;color:#899788}
.story-insight{background:#f6f1df;border-color:#ece5c8}.story-insight-top{display:flex;justify-content:space-between;align-items:center;margin:35px 0 27px;color:#899078;font-size:8px;letter-spacing:.1em}.story-insight-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:12px;background:#e7e9d1;color:#5f8c54;font-size:24px}.story-chart{position:relative;height:100px;margin-top:27px;border-bottom:1px solid #dfdecf;display:flex;align-items:end;gap:9px}.story-chart>i{display:block;flex:1;height:32%;background:#d4d6b1;border-radius:3px 3px 0 0}.story-chart>i:nth-child(2){height:45%}.story-chart>i:nth-child(3){height:39%}.story-chart>i:nth-child(4){height:58%}.story-chart>i:nth-child(5){height:52%}.story-chart>i:nth-child(6){height:75%;background:#bad1a7}.story-chart>i:nth-child(7){height:94%;background:#8db77e}.story-chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.story-chart path{fill:none;stroke:#67935e;stroke-width:2}.story-end-panel{display:flex;flex-direction:column;justify-content:center;background:var(--forest);border-color:var(--forest)}.story-end-panel .story-index{color:#b9cdb4}.story-end-panel h3{margin-top:35px;color:#f8f4e8;font-size:clamp(42px,5.8vw,78px);line-height:1.06}.story-end-panel h3 em{font:italic 500 1em var(--serif);color:#bde89e}.story-end-sprout{position:absolute;right:33px;bottom:24px;color:#bde89e;font-size:56px;opacity:.8}
.story-progress{display:flex;align-items:center;gap:13px;flex:none;color:#8b9788;font-size:8px;letter-spacing:.1em}.story-progress>div{height:1px;flex:1;background:#dfe4d9}.story-progress i{display:block;width:0;height:100%;background:#6ea667}
.demo-section{height:auto;min-height:0;padding:105px 0 0;display:block;background:#f0f3eb;overflow:hidden}
.demo-intro .section-head{margin-bottom:0}.demo-intro .section-head h2{color:var(--forest)}.demo-intro .section-head h2 em{font:italic 500 .95em var(--serif);color:#648a55}
.demo-zoom-stage{position:relative;height:100vh;min-height:620px;display:grid;place-items:center;overflow:hidden;background:#edf1e8}
.demo-zoom-card{position:absolute;top:50%;left:50%;translate:-50% -50%;display:flex;flex-direction:column;width:min(88vw,1100px);height:min(68vh,640px);min-height:450px;padding:13px;border:1px solid #dfe5d9;border-radius:12px;background:#fffefa;box-shadow:0 28px 80px #2c4d2b17;overflow:hidden;will-change:width,height,border-radius}
.demo-zoom-heading{display:flex;align-items:center;justify-content:space-between;flex:none;height:28px;padding:0 9px 10px;color:#879183;font-size:8px;font-weight:700;letter-spacing:.12em}
.demo-zoom-card .demo-wrap{flex:1;min-height:0;height:auto;grid-template-columns:180px minmax(0,1fr);box-shadow:none;border-radius:6px}
.demo-zoom-card .demo-sidebar{min-height:0}.demo-zoom-card .chat-area{min-height:0}.demo-zoom-card .chat-messages{max-height:none}.demo-zoom-card .chat-composer{margin-top:auto}
@media(max-width:1020px) and (min-width:701px){.story-panel{width:65vw}.story-title-panel{width:75vw}.demo-zoom-card .demo-wrap{grid-template-columns:145px minmax(0,1fr)}}
@media(max-width:700px){
  .statement{height:auto;min-height:0;padding:86px 0 25px}.story-top{align-items:flex-start;flex-direction:column;gap:11px}.story-top>p{font-size:10px}.story-viewport{flex:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.story-viewport::-webkit-scrollbar{display:none}.story-track{height:auto;padding:24px 20px 26px;gap:13px}.story-panel,.story-title-panel{width:84vw;height:420px;min-height:420px;padding:25px;scroll-snap-align:center}.story-title-text{font-size:clamp(47px,13vw,70px);margin:23px 0 15px}.story-panel p{font-size:12px}.story-teacher-mark{width:75px;height:75px;margin:42px 0 27px}.story-data-window{padding:15px}.story-data-grid>div{padding:11px 9px;font-size:10px}.story-ai-orb{margin:38px 0 24px}.story-progress{padding-inline:20px}.story-end-panel h3{font-size:52px}
  .demo-section{padding:82px 0 0}.demo-intro .section-head{display:block;margin-bottom:26px}.demo-intro .section-head h2{font-size:37px}.demo-intro .section-aside{margin-top:16px}.demo-zoom-stage{height:68vh;min-height:510px}.demo-zoom-card{top:12px;bottom:12px;left:3vw;translate:0 0;width:94vw;height:auto;min-height:0;padding:9px;border-radius:10px}.demo-zoom-heading{height:25px;font-size:7px}.demo-zoom-card .demo-wrap{grid-template-columns:1fr;min-height:0}.demo-zoom-card .demo-sidebar{display:none}.demo-zoom-card .chat-top{height:52px;padding:0 12px}.demo-zoom-card .chat-top b{font-size:9px}.demo-zoom-card .chat-top div span{font-size:6px;padding:5px}.demo-zoom-card .chat-messages{padding:14px 10px 7px;max-height:300px}.demo-zoom-card .chat-welcome h3{font-size:13px}.demo-zoom-card .chat-welcome p{font-size:8px}.demo-zoom-card .suggestions{grid-template-columns:1fr;gap:5px}.demo-zoom-card .suggestion{font-size:8px;padding:8px}.demo-zoom-card .chat-composer{width:calc(100% - 18px);margin:4px 9px 9px}
}
@media(prefers-reduced-motion:reduce){.story-ai-orb{animation:none}}
@media(prefers-reduced-motion:reduce) and (min-width:701px){.story-viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin}.story-track{transform:none!important}.story-panel{scroll-snap-align:center}.demo-zoom-stage{height:auto;min-height:0;padding:32px 0}.demo-zoom-card{position:relative;top:auto;left:auto;translate:0 0;width:min(88vw,1100px);height:min(68vh,640px)}}
.hero-actions{gap:12px;flex-wrap:wrap}.hero-actions .button{gap:8px}
.button-outline{color:var(--green);background:transparent;border:1px solid #6b9f73;padding:15px 20px;box-shadow:inset 0 0 0 1px #6b9f731c}
.button-outline:hover{color:#fffdf7;background:var(--green);border-color:var(--green);box-shadow:0 10px 24px #043b2820}
/* Content cards move gently toward the pointer inside their own magnetic zone. */
.pull-component{will-change:transform}
.hero-actions{gap:12px;justify-content:center;flex-wrap:wrap}.hero-actions .button{gap:8px}
.button-outline{color:var(--green);background:transparent;border:1px solid #6b9f73;padding:15px 20px;box-shadow:inset 0 0 0 1px #6b9f731c}
.button-outline:hover{color:#fffdf7;background:var(--green);border-color:var(--green);box-shadow:0 10px 24px #043b2820}
.hero{min-height:850px;padding:178px 0 58px}.hero-copy{text-align:center;padding:46px 0 30px}.hero h1{margin-inline:auto}.hero-description{margin-inline:auto}.hero-note,.hero-bottom{display:none}
.statement{padding:100px 0 24px}.story-progress{padding-inline:48px}.story-title-panel{display:flex;align-items:center}.story-title-text{margin:0;max-width:680px}
.story-panel .product-card-head{display:flex;align-items:center;gap:11px;color:#829083;font-size:8px;font-weight:700;letter-spacing:.12em}.product-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#e8f0e4;color:#508452;font-size:16px}.product-card-head button{margin-left:auto;padding:0;border:0;background:transparent;color:#a2aa9f;letter-spacing:2px}.story-panel.story-schedule,.story-panel.story-roster,.story-panel.story-assignments,.story-panel.story-results{padding:clamp(23px,3vw,38px);background:#fffefa}
.story-panel.story-schedule h3,.story-panel.story-roster h3,.story-panel.story-assignments h3,.story-panel.story-results h3{margin:23px 0 6px;font-size:clamp(22px,2.5vw,32px)}
.story-panel.story-schedule>p,.story-panel.story-roster>p,.story-panel.story-assignments>p,.story-panel.story-results>p{font-size:10px;color:#899588}
.schedule-list{display:grid;gap:8px;margin-top:24px}.schedule-row{display:grid;grid-template-columns:54px 3px 1fr auto;align-items:center;gap:12px;padding:13px 12px;border:1px solid #eff0e9;border-radius:6px;background:#fff}.schedule-row time{font-size:10px;font-weight:700;color:#49644d}.schedule-color{height:34px;border-radius:4px;background:#80b77a}.schedule-row:nth-child(2) .schedule-color{background:#d7b45e}.schedule-row:nth-child(3) .schedule-color{background:#a5a0d2}.schedule-row b,.schedule-row small{display:block}.schedule-row b{font-size:10px;color:#38533d}.schedule-row small{margin-top:4px;color:#929d91;font-size:8px}.schedule-row.current{background:#f3f7ef;border-color:#e3ebdf}.schedule-state{padding:5px 8px;border-radius:20px;background:#e4f0dc;color:#548352;font-size:8px}.schedule-footer{position:absolute;left:clamp(23px,3vw,38px);bottom:27px;color:#547e50;font-size:9px;font-weight:700}.schedule-footer b{margin-left:7px}
.roster-list{display:grid;gap:5px;margin-top:20px}.roster-list>div{display:grid;grid-template-columns:33px 1fr auto;align-items:center;gap:10px;padding:9px 7px;border-bottom:1px solid #f0f1eb}.roster-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font:600 12px var(--serif)}.avatar-green{background:#e6f0e2;color:#48774a}.avatar-yellow{background:#f5efd8;color:#917c3e}.avatar-pink{background:#f4e5e8;color:#99626d}.avatar-blue{background:#e4edf1;color:#537889}.roster-list b{font-size:10px;font-weight:600;color:#49604a}.roster-score{font-size:10px;font-weight:700;color:#628c5e}.roster-score.needs-attention{color:#bd8b52}.roster-footer{position:absolute;bottom:27px;left:clamp(23px,3vw,38px);color:#98a194;font-size:8px}
.assignment-summary{margin-top:29px;padding:20px;border-radius:7px;background:#f5f7f0}.assignment-summary strong{display:block;font:700 48px var(--display);letter-spacing:-.06em;color:#315b39}.assignment-summary strong small{font-size:19px;color:#a1ad9b}.assignment-summary>span{font-size:10px;color:#829080}.assignment-progress,.task-progress{height:5px;border-radius:5px;background:#e3e9df;overflow:hidden}.assignment-progress{margin-top:15px}.assignment-progress i,.task-progress i{display:block;height:100%;border-radius:inherit;background:#83b777}.assignment-foot{display:flex;align-items:center;gap:8px;margin-top:22px;color:#7a8978;font-size:9px}.status-dot,.assignment-footer i{width:7px;height:7px;border-radius:50%;background:#d5ad5d}
.results-chart{position:relative;height:175px;margin-top:18px;padding:13px 0 0 33px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 42px,#edf0e9 43px)}.chart-labels{position:absolute;left:0;top:7px;bottom:5px;display:flex;flex-direction:column;justify-content:space-between;color:#9aa397;font-size:7px}.chart-bars{height:100%;display:flex;align-items:end;gap:9px;border-bottom:1px solid #e3e8df}.chart-bars i{flex:1;height:45%;border-radius:4px 4px 0 0;background:#c9dcc0}.chart-bars i:nth-child(2){height:54%}.chart-bars i:nth-child(3){height:48%}.chart-bars i:nth-child(4){height:65%}.chart-bars i:nth-child(5){height:61%}.chart-bars i:nth-child(6){height:76%;background:#a9c99a}.chart-bars i:nth-child(7){height:70%;background:#a9c99a}.chart-bars i:nth-child(8){height:91%;background:#7eaf72}.results-legend{display:flex;align-items:center;gap:14px;margin-top:14px;color:#879286;font-size:8px}.results-legend i{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:2px;background:#a8c89a}.results-legend span:nth-child(2) i{background:#e4d29a}.results-legend>b{margin-left:auto;color:#5c8b54;font-size:12px}
.lesson-section{background:#f3f4ec;overflow:hidden}.lesson-container{max-width:1180px}.lesson-intro{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px}.lesson-intro h2{margin:0;color:#203f2d;font:700 clamp(34px,4.3vw,56px)/1.08 var(--display);letter-spacing:-.065em}.lesson-intro h2 em{font:500 .95em var(--serif);color:#648b58}.lesson-week-switch{display:flex;align-items:center;gap:14px;padding-bottom:4px;color:#6e7f70;font-size:9px;font-weight:700;letter-spacing:.1em}.lesson-week-switch button{display:grid;place-items:center;width:30px;height:30px;border:1px solid #dfe4d9;border-radius:50%;background:#fbfcf8;color:#547b51}
.lesson-planner{padding:21px 23px 13px;border:1px solid #e4e8dd;border-radius:10px;background:#fffefa;box-shadow:0 24px 65px #24452810}.planner-top,.planner-top>div{display:flex;align-items:center}.planner-top{justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #eef0e9}.planner-top>div{gap:10px}.planner-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#e6efe1;color:#568552}.planner-top strong{font-size:12px;color:#36563b}.planner-class{margin-left:8px;padding:6px 9px;border-radius:4px;background:#f3f5ee;color:#899486;font-size:8px}.planner-filter{padding:8px 10px;border:1px solid #e9ece4;border-radius:4px;background:#fff;color:#728071;font-size:8px}.planner-filter b{margin-left:13px}.planner-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;padding:22px 0 18px}.schedule-board{padding-right:24px;border-right:1px solid #edf0e8}.board-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#8c988b;font-size:8px;font-weight:700;letter-spacing:.1em}.board-heading button{border:0;background:transparent;color:#648960;font-size:8px}.board-heading button b{margin-left:5px}.lesson-row{display:grid;grid-template-columns:48px 3px 1fr auto;align-items:center;gap:13px;min-height:73px;padding:10px 12px;border-bottom:1px solid #eff1eb}.lesson-row.lesson-current{border:1px solid #e5eee0;border-radius:6px;background:#f7faf4}.lesson-row time{text-align:left}.lesson-row time b,.lesson-row time small{display:block}.lesson-row time b{font-size:10px;color:#405d43}.lesson-row time small{margin-top:4px;font-size:8px;color:#a0a99d}.lesson-color{height:39px;border-radius:4px;background:#77ae72}.lesson-color.color-amber{background:#d9b65f}.lesson-color.color-lilac{background:#aaa3d0}.lesson-row-copy h3,.task-row h3{margin:0;color:#3c5740;font-size:10px;font-weight:700}.lesson-row-copy p,.task-row p{margin:4px 0 0;color:#919b8f;font-size:8px}.lesson-live{padding:5px 8px;border-radius:20px;background:#e5f1df;color:#5e8b58;font-size:7px}.lesson-room{padding:5px 8px;border-radius:4px;background:#f3f4ec;color:#82907f;font-size:8px}.planner-note{display:flex;align-items:center;gap:9px;margin-top:13px;padding:11px 12px;border-radius:5px;background:#f8f6eb;color:#99895a}.planner-note>span{font-size:14px}.planner-note p{margin:0;color:#848273;font-size:8px}.planner-note b{color:#6f7259}
.assignment-board{min-width:0}.task-row{display:grid;grid-template-columns:17px minmax(0,1fr) auto;align-items:start;gap:10px;padding:13px 0;border-bottom:1px solid #eff1eb}.task-check{display:grid;place-items:center;width:16px;height:16px;border:1px solid #cbd7c7;border-radius:4px;color:#72996c;font-size:10px}.task-check.done{border-color:#7eaf72;background:#7eaf72;color:#fff}.task-row>div{min-width:0}.task-progress{height:4px;margin:9px 0 5px}.task-row small{color:#94a092;font-size:7px}.task-row>time{padding-top:2px;color:#8d9989;font-size:7px}.assignment-footer{display:flex;justify-content:space-between;gap:10px;padding-top:13px;color:#8c9587;font-size:7px}.assignment-footer span{display:flex;align-items:center;gap:6px}.assignment-footer i{width:6px;height:6px}.assignment-footer b{color:#658c5b;font-size:7px}.planner-bottom{display:flex;justify-content:space-between;padding-top:11px;border-top:1px solid #eef0e9;color:#9aa396;font-size:7px}.planner-bottom span:last-child{color:#71936a}.planner-bottom i{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:#8fbd7c}
@media(max-width:1020px){.hero{min-height:auto;padding:164px 0 56px}.hero-inner{grid-template-columns:1fr;gap:28px}.hero-copy{max-width:700px;margin:0 auto;padding:25px 0 5px}.hero-visual{max-width:690px}.hero-window{transform:none}}
@media(max-width:900px){.planner-grid{grid-template-columns:1fr;gap:18px}.schedule-board{padding-right:0;padding-bottom:17px;border-right:0;border-bottom:1px solid #edf0e8}}
@media(max-width:700px){.hero{padding:126px 0 35px}.hero-copy{padding:14px 0 0}.hero-inner{gap:18px}.hero h1{font-size:clamp(38px,10vw,53px)}.hero-description{max-width:440px}.hero-actions{gap:9px}.hero-actions .button{padding:13px 15px;font-size:10px}.statement{padding:80px 0 22px}.story-progress{padding-inline:20px}.story-track{padding-top:20px}.story-panel.story-schedule,.story-panel.story-roster,.story-panel.story-assignments,.story-panel.story-results{padding:22px}.story-panel.story-schedule h3,.story-panel.story-roster h3,.story-panel.story-assignments h3,.story-panel.story-results h3{font-size:24px;margin-top:20px}.schedule-row{grid-template-columns:43px 3px 1fr auto;gap:8px;padding:11px 8px}.schedule-row b{font-size:9px}.schedule-row small{font-size:7px}.schedule-row time,.schedule-state{font-size:8px}.roster-list>div{grid-template-columns:30px 1fr auto;padding:8px 3px}.roster-list b{font-size:9px}.assignment-summary{padding:15px}.assignment-summary strong{font-size:43px}.results-chart{height:145px}.results-legend{gap:8px;font-size:7px}
  .lesson-section{padding:78px 0}.lesson-intro{align-items:flex-start;flex-direction:column;margin-bottom:22px}.lesson-intro h2{font-size:36px}.lesson-week-switch{align-self:flex-end}.lesson-planner{padding:14px 12px 11px;border-radius:8px}.planner-top{align-items:flex-start;gap:9px}.planner-top>div{flex-wrap:wrap;gap:7px}.planner-top strong{font-size:10px}.planner-class{margin-left:0}.planner-filter{font-size:7px;padding:7px}.planner-filter b{margin-left:5px}.planner-grid{padding:16px 0 12px}.board-heading{font-size:7px}.lesson-row{grid-template-columns:39px 3px minmax(0,1fr) auto;gap:8px;padding:9px 7px;min-height:65px}.lesson-row-copy h3,.task-row h3{font-size:9px}.lesson-row-copy p,.task-row p{font-size:7px}.lesson-live,.lesson-room{font-size:6px;padding:4px 6px}.planner-note{padding:9px}.planner-note p{font-size:7px}.task-row{grid-template-columns:16px minmax(0,1fr) auto;gap:8px}.assignment-footer{flex-direction:column}.planner-bottom{font-size:6px}}
@media(prefers-reduced-motion:reduce){.pull-component{will-change:auto}}
.story-copy-panel{display:flex;flex:none;flex-direction:column;justify-content:center;width:min(68vw,820px);height:100%;padding:24px max(0px,1vw);background:transparent}
.story-copy-panel .story-title-text{max-width:820px;margin:0 0 19px;color:var(--green);font-size:clamp(48px,7vw,91px);line-height:1;letter-spacing:-.075em}
.story-copy-panel>p{max-width:740px;margin:0;color:#647866;font-size:clamp(13px,1.35vw,17px);line-height:1.8}
.profile-scene{perspective:1000px}.pull-component{transform-style:preserve-3d}

/* The lesson planner steps into the brand's forest-green palette. */
.lesson-section{position:relative;z-index:16;isolation:isolate;overflow:hidden;padding:0;background:var(--green);color:#fffdf7}
.lesson-section.has-scroll-mask{background:var(--paper)}
.lesson-content-clip{position:relative;z-index:1;padding:125px 0}
.lesson-content-clip.is-masked{clip-path:inset(100%);will-change:clip-path}
.lesson-container{position:relative;z-index:2}
.lesson-intro h2{color:#fffdf7}
.lesson-intro h2 em{color:#c2e6a8}
.lesson-week-switch{color:#d1e3d3}
.lesson-week-switch button{border-color:#ffffff42;background:#ffffff10;color:#d7edc2}
.lesson-planner{border-color:#d9e4d4;background:#fffdf7;box-shadow:0 28px 70px #032d1f50}
.planner-top{border-color:#e5ebdf}
.planner-mark{background:#e5f0df;color:#397249}
.planner-top strong{color:#214832}
.planner-class{background:#edf3e8;color:#688268}
.planner-filter{border-color:#e1e9dc;background:#fbfcf7;color:#526b55}
.schedule-board{border-color:#e5ebe1}
.board-heading{color:#718470}
.board-heading button,.assignment-footer b{color:#3e814b}
.lesson-row{border-color:#e8ede5}
.lesson-row.lesson-current{border-color:#cfdfc8;background:#f0f6eb}
.lesson-row time b,.lesson-row-copy h3,.task-row h3{color:#274a32}
.lesson-row time small,.lesson-row-copy p,.task-row p{color:#788775}
.lesson-color{background:#5f9f61}
.lesson-color.color-amber{background:#d1ad4b}
.lesson-color.color-lilac{background:#9d9ac2}
.lesson-live{background:#deedd5;color:#3c7842}
.lesson-room{background:#eff2e9;color:#617562}
.planner-note{background:#edf4e7;color:#6f954f}
.planner-note p{color:#64755f}
.planner-note b{color:#3c6844}
.task-row{border-color:#e8ede5}
.task-check{border-color:#c6d5c1;color:#588557}
.task-check.done{border-color:#548e50;background:#548e50}
.task-progress{background:#e4ebdf}
.task-progress i{background:#70a962}
.task-row>time,.task-row small{color:#788775}
.assignment-footer{color:#71806f}
.assignment-footer i{background:#d1ad4b}
.planner-bottom{border-color:#e5ebe1;color:#7b8978}
.planner-bottom span:last-child{color:#4b8051}
.planner-bottom i{background:#7ead65}
.lesson-curve-transition{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:1;overflow:visible}
.lesson-curve-transition .lesson-transition-fill{fill:var(--green);stroke:none}
@media(max-width:700px){.lesson-content-clip{padding:78px 0}.lesson-intro h2{font-size:36px}}
@media(max-width:1020px){.story-copy-panel{width:75vw}}
@media(max-width:700px){.story-copy-panel{width:84vw;height:420px;padding:25px 4px;scroll-snap-align:center}.story-copy-panel .story-title-text{font-size:clamp(44px,12vw,65px);margin-bottom:15px}.story-copy-panel>p{font-size:12px;line-height:1.65}}
.story-track{flex-direction:column;align-items:flex-start;justify-content:center;gap:clamp(18px,3vh,28px);height:100%;padding-top:20px;padding-bottom:22px}
.story-copy-lane{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:clamp(120px,18vh,156px);width:max-content;text-align:center;white-space:nowrap}
.story-copy-lane .story-title-text{max-width:none;margin:0;color:var(--green);font-size:clamp(30px,2.6vw,40px);line-height:1.05;letter-spacing:-.055em;white-space:nowrap;overflow:visible}
.story-copy-lane .story-scroll-copy{max-width:none;margin:0;color:var(--green);font-size:clamp(22px,1.7vw,32px);font-weight:600;line-height:1.25;letter-spacing:-.035em;white-space:nowrap}
.story-char{display:inline-block;will-change:transform,opacity}
.story-cards-track{display:flex;flex:none;align-items:center;gap:clamp(18px,2.4vw,34px);width:max-content;height:min(56vh,470px)}
@media(max-width:1020px) and (min-width:701px){.story-cards-track{gap:clamp(18px,2.4vw,34px)}}
@media(max-width:700px){.story-track{height:auto;min-height:0;gap:16px;padding:20px 20px 26px}.story-copy-lane{align-items:flex-start;justify-content:center;width:calc(84vw * 4 + 39px);height:130px;text-align:left;white-space:normal}.story-copy-lane .story-title-text{font-size:clamp(24px,7vw,36px);white-space:normal}.story-copy-lane .story-scroll-copy{font-size:clamp(18px,5vw,24px);line-height:1.35;white-space:normal}.story-cards-track{gap:13px;height:auto}.story-panel.story-schedule,.story-panel.story-roster,.story-panel.story-assignments,.story-panel.story-results{width:84vw;height:420px;min-height:420px}}

/* Clear, compact app entry point and capability cards. */
.nav-actions .button-small{min-height:36px;padding:8px 13px;gap:9px;border-radius:999px;font-size:11px;letter-spacing:0}
.nav-actions .button-small span{font-size:13px}
.hero-actions .app-link{border-radius:999px;padding:13px 18px;gap:12px}
.story-panel.story-schedule,.story-panel.story-roster,.story-panel.story-assignments,.story-panel.story-results{border-radius:18px;background:linear-gradient(145deg,#fffefa 0%,#f8f9f2 100%);box-shadow:0 24px 64px #25412612}
.story-panel .product-mark{width:38px;height:38px;border-radius:12px;background:#e7f0e2;color:#36734a}
.story-panel .product-card-head{font-size:9px;letter-spacing:.13em}
.story-panel.story-schedule h3,.story-panel.story-roster h3,.story-panel.story-assignments h3,.story-panel.story-results h3{max-width:490px;margin-top:25px;margin-bottom:8px;font-size:clamp(25px,3vw,38px);line-height:1.08}
.story-panel.story-schedule>p,.story-panel.story-roster>p,.story-panel.story-assignments>p,.story-panel.story-results>p{max-width:450px;font-size:clamp(12px,1vw,14px);line-height:1.55}
@media(max-width:700px){.hero-actions .app-link{padding:13px 15px}.story-panel.story-schedule h3,.story-panel.story-roster h3,.story-panel.story-assignments h3,.story-panel.story-results h3{font-size:25px}}

/* Mobile keeps the same scroll-driven story, with a portrait demo and front-facing hero. */
@media(max-width:700px){
  .hero-window{transform:none!important;transform-origin:center center}
  .hero-actions .button{border-radius:12px}
  .statement{display:flex;height:100svh;min-height:650px;padding:78px 0 14px;overflow:hidden}
  .story-viewport{flex:1;min-height:0;height:auto;overflow:hidden;scroll-snap-type:none;touch-action:pan-y}
  .story-track{width:max-content;height:100%;min-height:0;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;padding:16px 20px 18px;transform:translate3d(0,0,0)}
  .story-copy-lane{align-items:flex-start;justify-content:center;width:calc(100vw - 40px);height:125px;min-height:125px;text-align:left;white-space:normal}
  .story-copy-lane .story-title-text{font-size:clamp(28px,8vw,37px);line-height:1.02;white-space:normal}
  .story-copy-lane .story-scroll-copy{max-width:100%;font-size:clamp(14px,4vw,17px);line-height:1.4;white-space:normal}
  .story-cards-track{height:420px;gap:13px}
  .story-panel.story-schedule,.story-panel.story-roster,.story-panel.story-assignments,.story-panel.story-results{width:84vw;height:420px;min-height:420px;padding:22px;scroll-snap-align:none}
  .story-panel.story-schedule h3,.story-panel.story-roster h3,.story-panel.story-assignments h3,.story-panel.story-results h3{font-size:24px;margin-top:19px}
  .story-progress{flex:none;padding-inline:20px}
  .demo-zoom-stage{height:100svh;min-height:600px;max-height:none}
  .demo-zoom-card{width:88vw;height:min(68svh,620px);min-height:0;top:50%;bottom:auto;left:50%;translate:-50% -50%;padding:9px;border-radius:12px}
  .demo-zoom-card .demo-wrap{grid-template-columns:minmax(0,1fr);min-height:0}
  .demo-zoom-card .demo-sidebar{display:none}
  .demo-zoom-card .chat-area{min-width:0}
  .demo-zoom-card .chat-messages{flex:1;min-height:0;max-height:none;overflow-y:auto}
  .demo-zoom-card .suggestions{grid-template-columns:1fr}
  .demo-zoom-card .chat-top{height:62px;padding:0 16px}
  .demo-zoom-card .chat-top b{font-size:13px}
  .demo-zoom-card .chat-top div span{font-size:8px;padding:7px 9px}
  .demo-zoom-card .chat-safe{font-size:7px}
  .demo-zoom-card .chat-messages{padding:22px 16px 10px}
  .demo-zoom-card .chat-welcome h3{font-size:18px}
  .demo-zoom-card .chat-welcome p{font-size:11px}
  .demo-zoom-card .suggestions{gap:8px}
  .demo-zoom-card .suggestion{padding:11px 12px;font-size:10px}
  .demo-zoom-card .chat-composer{width:calc(100% - 28px);margin:8px 14px 14px}
  .demo-zoom-card .chat-composer input{height:44px;font-size:12px}
  .demo-zoom-card .demo-wrap{height:0;flex:1 1 0;overflow:hidden}
  .demo-zoom-card .chat-area{height:100%;min-height:0;overflow:hidden}
  .demo-zoom-card .chat-messages{flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:contain}
  .demo-zoom-card .chat-composer{position:relative;z-index:4;flex:0 0 auto;margin:8px 14px 14px;background:#fffefa;box-shadow:0 5px 18px #284d2610}
  .demo-zoom-card .chat-composer input{width:calc(100% - 48px);min-width:0}
  .demo-zoom-card .chat-composer button{width:34px;height:34px;right:8px;top:8px}
}
.hero-actions .button,.hero-actions .app-link{border-radius:14px}
.final-cta .button-light{border-radius:14px 5px 14px 5px;padding:13px 20px;gap:12px}
.plan-link{border:1px solid #dbe5d5;border-radius:8px;padding:11px 12px;margin-top:auto;transition:background .2s,transform .2s,border-color .2s}
.plan-link:hover{background:#f2f7ed;border-color:#aecaa4;transform:translateY(-1px)}
@media(max-width:700px){.final-cta .button-light{padding:12px 17px}.footer-links{flex-wrap:wrap;row-gap:12px}.footer-links a{font-size:8px}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.statement{height:auto;min-height:0;padding:78px 0 14px}.story-viewport{flex:none;height:auto;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;touch-action:pan-x}.story-track{height:auto;min-height:0}.story-panel.story-schedule,.story-panel.story-roster,.story-panel.story-assignments,.story-panel.story-results{scroll-snap-align:center}}

.app-logo-mark img,.ai-star img,.chat-orb img,.cta-ornament img,.footer-signature-mark img{display:block;width:100%;height:100%;object-fit:contain}.footer-signature-mark{display:inline-grid;width:15px;height:15px;vertical-align:middle}.cta-ornament img{opacity:.8}