@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#2d3f42;--muted:#5d7073;--paper:#fff8ed;--card:#fffefa;--mint:#a9ddd8;--mint-light:#e4f4f2;--teal:#54bdb7;--yellow:#f4b942;--line:#d8e6df}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}[hidden]{display:none!important}::selection{background:var(--mint)}
.site-nav{height:76px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;gap:24px;position:absolute;z-index:10;width:100%;border-bottom:1px solid #2d3f4215}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:16px;letter-spacing:-.04em}.brand img{width:32px;height:32px;border-radius:9px}.brand strong{font-weight:800}.site-nav nav{display:flex;gap:36px;font-size:13px;color:var(--muted)}.site-nav nav a:hover,footer>a:hover{color:#218c88}.nav-cta{border:1px solid #b8d8d4;border-radius:100px;padding:10px 16px;font-size:12px;font-weight:700;white-space:nowrap}.nav-cta:hover{background:white}.nav-cta span{margin-left:16px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:.16em;color:#388b85}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--teal)}h1,h2,h3,p{margin-top:0}.hero{min-height:760px;height:100svh;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(370px,.9fr);align-items:center;gap:50px;padding:110px clamp(24px,5vw,80px) 95px;background:radial-gradient(circle at 76% 47%,#e4f4f2 0,#fff8ed 47%)}.hero-copy{position:relative;z-index:2;max-width:700px}.hero h1,.journey-intro h2,.benefits h2,.downloads h2{font:600 clamp(55px,5.6vw,90px)/1.1 Manrope,Arial,sans-serif;letter-spacing:-.075em}.hero h1{margin:22px 0 26px}.hero h1 em,.journey-intro h2 em,.benefits h2 em,.downloads h2 em{font-style:normal;color:#428c88}.hero-copy>p{max-width:500px;color:var(--muted);line-height:1.75;font-size:17px;margin-bottom:30px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:16px 21px;border-radius:100px;font-size:13px;font-weight:700;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px)}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#405d61}.button-outline{border:1px solid #b8d8d4;background:#fffefa}.button-outline:hover{background:white}.hero-composition{height:470px;position:relative;perspective:1000px}.paper{position:absolute;left:50%;top:50%;width:320px;height:390px;background:var(--card);border:1px solid var(--mint);border-radius:20px;box-shadow:0 24px 55px #2d3f4220;padding:34px;display:flex;flex-direction:column}.paper>span{font-size:11px;font-weight:800;letter-spacing:.15em;color:#5c928f}.paper>strong{font:700 25px Manrope;letter-spacing:-.05em;margin-top:12px}.paper>small{font-size:12px;color:var(--muted);margin-top:8px}.paper-back{transform:translate(-86%,-54%) rotate(-13deg);background:#e7f3f0}.paper-mid{transform:translate(-44%,-49%) rotate(4deg);background:#fffefa}.paper-front{transform:translate(-18%,-41%) rotate(13deg);background:#fff8ed}.paper-dots{display:flex;gap:10px;margin-top:65px}.paper-dots i{width:30px;height:30px;border-radius:50%;background:#a9ddd8}.paper-dots i:nth-child(3){background:#f4b942}.paper-grid{margin-top:46px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.paper-grid i{height:31px;background:#e4f4f2;border-radius:6px}.paper-grid i:nth-child(4),.paper-grid i:nth-child(8){background:#fff0d3}.hero-bottom{position:absolute;bottom:27px;left:clamp(24px,5vw,80px);right:clamp(24px,5vw,80px);display:flex;justify-content:space-between;align-items:center;color:#839393;font-size:10px;letter-spacing:.16em;font-weight:800}.hero-bottom a{font-size:23px;letter-spacing:0;color:#428c88;animation:bob 2s infinite}
.journey-intro{text-align:center;padding:100px 24px 50px}.journey-intro h2{font-size:clamp(42px,5vw,70px);margin:20px 0}.journey-intro p{max-width:580px;margin:auto;color:var(--muted);font-size:16px;line-height:1.7}.journey{height:300svh;background:linear-gradient(#fff8ed,#edf4f0 45%,#fff8ed)}.journey-sticky{position:sticky;top:0;height:100svh;min-height:650px;display:grid;grid-template-columns:minmax(245px,340px) minmax(0,1fr);align-items:center;gap:clamp(25px,4vw,75px);padding:65px clamp(24px,5vw,80px);overflow:hidden}.journey-copy{align-self:center}.step-count{display:block;color:#448d88;font:800 12px Manrope;letter-spacing:.18em;margin-bottom:17px}.journey-copy h2{font:700 clamp(33px,3.5vw,52px)/1.12 Manrope;letter-spacing:-.065em;margin-bottom:20px}.journey-copy p{color:var(--muted);line-height:1.7;font-size:15px;min-height:100px}.step-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-top:28px}.step-tabs button{border:1px solid #b8d8d4;background:#fffefa;color:var(--ink);border-radius:100px;padding:10px 14px;cursor:pointer;font-size:12px;font-weight:700}.step-tabs button.active{background:var(--ink);border-color:var(--ink);color:#fff}.demo-disclaimer{display:block;margin-top:26px;color:#839394;font-size:11px}.journey-scroll{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:#6e9290;font-size:9px;font-weight:800;letter-spacing:.15em}.product-frame{width:100%;max-width:900px;height:min(570px,78svh);background:#fff8ed;border:8px solid var(--ink);border-radius:20px;box-shadow:0 38px 80px #2d3f4228;overflow:hidden;justify-self:center;min-width:0}.frame-top{height:27px;background:#eee9e1;border-bottom:1px solid #ded8cf;display:flex;align-items:center;justify-content:space-between;padding:0 11px;font-size:9px;color:#8b9898}.frame-top>span:first-child{display:flex;gap:4px}.frame-top i{width:6px;height:6px;border-radius:50%;background:#c9ceca}.app-preview{height:calc(100% - 27px);display:flex;background:#fff8ed}.preview-rail{width:80px;flex:0 0 80px;border-right:1px solid var(--mint);background:#fffefa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px}.preview-rail>span{width:62px;height:55px;border-radius:9px;color:#728486;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:19px}.preview-rail small{font-size:9px;font-weight:700}.preview-rail .preview-active{background:#e4f4f2;color:var(--ink)}.preview-main{flex:1;min-width:0}.preview-header{height:52px;border-bottom:1px solid var(--mint);display:flex;align-items:center;gap:13px;padding:0 18px;color:var(--ink);font-size:10px}.preview-header strong{font:700 17px Manrope;letter-spacing:-.04em;margin-right:auto}.preview-header span:nth-child(2){border:1px solid var(--mint);background:#fffefa;border-radius:7px;padding:6px 8px;font-weight:700}.preview-scenes{position:relative;height:calc(100% - 52px);padding:17px 22px;overflow:auto}.preview-scene{height:100%;animation:scene-in .5s ease both}.today-banner{min-height:107px;background:linear-gradient(135deg,#2d3f42,#426467);border-radius:14px;color:#fff;padding:20px 23px;display:flex;align-items:center;justify-content:space-between;gap:10px}.today-banner small,.eval-banner small{font-size:9px;letter-spacing:.15em;color:#d3ebe8;font-weight:800}.today-banner h3{font:700 23px Manrope;letter-spacing:-.055em;margin:7px 0 4px}.today-banner p{font-size:10px;color:#d5e7e4;margin:0}.today-banner>span{background:var(--yellow);border-radius:8px;padding:11px 12px;font-size:10px;font-weight:800;color:var(--ink);white-space:nowrap}.today-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}.today-metrics>div{background:#fffefa;border:1px solid var(--mint);border-radius:10px;padding:11px 13px;min-height:65px}.today-metrics small{display:block;color:var(--muted);font-size:9px}.today-metrics strong{display:block;font:700 22px Manrope;margin-top:2px}.continue-card{background:linear-gradient(100deg,#e4f4f2,#fffefa);border:1px solid var(--mint);border-radius:12px;padding:12px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px}.continue-card div{display:flex;flex-direction:column;gap:2px}.continue-card small,.activity-label span{font-size:8px;font-weight:800;letter-spacing:.15em;color:#678686}.continue-card strong{font:700 16px Manrope}.continue-card div span{font-size:10px;color:var(--muted)}.continue-card>b{background:var(--ink);border-radius:7px;padding:10px 12px;color:white;font-size:10px;white-space:nowrap}.activity-label{display:flex;flex-direction:column;gap:2px;margin:13px 0 7px}.activity-label strong{font:700 14px Manrope}.activity-row{display:flex;align-items:center;gap:10px;background:#fffefa;border:1px solid var(--mint);border-radius:8px;padding:9px 12px;margin-bottom:6px;font-size:10px}.activity-row span{font-weight:700}.activity-row small{margin-left:auto;color:var(--muted)}.activity-row b{color:#347c78;font-size:9px}
.eval-context{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:10px}.eval-context>span{font-size:9px;color:var(--muted)}.eval-context strong{display:block;color:var(--ink);font-size:11px;border:1px solid var(--mint);border-radius:7px;background:#fffefa;padding:8px;margin-top:3px}.eval-banner{background:var(--ink);color:white;border-radius:12px;padding:13px 16px}.eval-banner h3{font:700 20px Manrope;margin:4px 0}.eval-banner p{font-size:10px;color:#d5e7e4;margin:0}.eval-tools{display:flex;gap:5px;margin:10px 0}.eval-tools span{border:1px solid var(--mint);border-radius:6px;padding:6px 9px;font-size:9px;background:#fffefa}.eval-tools .selected{background:var(--ink);border-color:var(--ink);color:white}.eval-progress{margin-bottom:9px}.eval-progress>div{display:flex;justify-content:space-between;font-size:10px;margin-bottom:5px}.eval-progress>div span{color:var(--muted)}.eval-progress i{display:block;height:6px;border-radius:6px;background:#e4f4f2}.eval-progress b{display:block;width:80%;height:100%;background:var(--teal);border-radius:6px}.eval-pupils{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.eval-pupils>div{display:flex;justify-content:space-between;align-items:center;padding:5px 9px;border:1px solid var(--mint);border-radius:6px;background:#fffefa;font-size:9px}.eval-pupils span{background:#e4f4f2;color:#367771;padding:3px 5px;border-radius:4px;font-size:8px}.eval-pupils .pending{background:#fff0d3;color:#9b7329}
.notebook-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.notebook-heading small{font-size:9px;letter-spacing:.1em;color:var(--muted);font-weight:800}.notebook-heading h3{font:800 20px Manrope;letter-spacing:-.055em;margin:2px 0 0}.notebook-heading>span{border:1px solid var(--mint);border-radius:6px;padding:7px 9px;background:#fffefa;font-size:10px}.notebook-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:9px}.notebook-metrics>div{background:var(--ink);color:white;border-radius:8px;padding:8px 11px;display:flex;justify-content:space-between;align-items:center;gap:8px}.notebook-metrics small{font-size:8px;color:#c9deda}.notebook-metrics strong{font:700 17px Manrope}.notebook-key{display:flex;gap:12px;margin-bottom:6px;font-size:8px;color:#3c837b}.notebook-key span:nth-child(2){color:#c79336}.notebook-key span:nth-child(3){color:#b56d59}.notebook-table-wrap{border:1px solid var(--mint);border-radius:8px;overflow:auto;background:#fffefa}.notebook-table-wrap table{border-collapse:collapse;width:100%;min-width:450px;table-layout:fixed}.notebook-table-wrap caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.notebook-table-wrap th,.notebook-table-wrap td{border-bottom:1px solid #e7e2d9;border-right:1px solid #e7e2d9;text-align:center;padding:3px 4px;font-size:9px}.notebook-table-wrap tr>*:last-child{border-right:0}.notebook-table-wrap tbody tr:last-child>*{border-bottom:0}.notebook-table-wrap thead th{background:#e8e2d8;height:26px}.notebook-table-wrap th:first-child{text-align:left;width:25%;padding-left:12px}.notebook-table-wrap tbody th{font-weight:700;background:#fff8ed}.notebook-table-wrap td span{display:block;background:#e2f2eb;color:#286052;border:1px solid #c3e2d5;border-radius:5px;padding:2px 0;font-weight:800}.notebook-table-wrap td .pending{background:#fff1d5;color:#916d2a;border-color:#f2d79b}.notebook-table-wrap td .np{background:#f8e3dc;color:#9b5c49;border-color:#efc6b7}
.benefits{background:#fffefa;padding:125px clamp(24px,5vw,80px);display:grid;grid-template-columns:minmax(230px,.75fr) 1.25fr;gap:90px}.benefits h2{font-size:clamp(43px,4vw,64px);margin:18px 0}.benefit-list{border-top:1px solid #d9e5df}.benefit{display:grid;grid-template-columns:50px 1fr 30px;gap:20px;padding:30px 0;border-bottom:1px solid #d9e5df}.benefit>span{font-size:12px;color:#4e918a;font-weight:800}.benefit h3{font:700 22px Manrope;letter-spacing:-.045em;margin-bottom:7px}.benefit p{color:var(--muted);font-size:13px;line-height:1.65;margin:0;max-width:420px}.closing{background:var(--ink);color:white;padding:130px 24px;text-align:center}.closing .eyebrow{color:var(--mint)}.closing h2{font:600 clamp(42px,5vw,74px)/1.15 Manrope;letter-spacing:-.07em;margin:25px 0 35px}.closing a{display:inline-block;border-radius:100px;background:var(--yellow);color:var(--ink);font-size:13px;font-weight:800;padding:16px 22px}.closing a:hover{background:#ffd16b}
.downloads{padding:120px clamp(24px,5vw,80px);background:var(--paper)}.download-intro{max-width:760px;margin-bottom:50px}.download-intro h2{font-size:clamp(42px,5vw,70px);margin:18px 0}.download-intro p{color:var(--muted);font-size:16px;line-height:1.7;max-width:570px}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.download-card{background:#fffefa;border:1px solid var(--mint);border-radius:18px;min-height:300px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s,box-shadow .3s}.download-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #2d3f4212}.platform-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:12px;background:var(--mint-light);color:var(--ink);font-size:30px}.platform-label{font-size:10px;font-weight:800;letter-spacing:.14em;color:#498a86}.download-card h3{font:700 28px Manrope;letter-spacing:-.05em;margin:8px 0 4px}.download-card p{font-size:13px;color:var(--muted);margin:0}.download-actions{border-top:1px solid #dce8e3;padding-top:18px;display:flex;gap:18px;flex-wrap:wrap}.coming-soon,.download-link{font-size:12px;font-weight:700;color:#40827d}.download-link:hover{text-decoration:underline}.download-note{font-size:12px;color:#809192;margin-top:22px}footer{border-top:1px solid #dce8e3;padding:35px clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#829192;font-size:12px}.footer-brand{font-size:14px;font-weight:800;color:var(--ink)}.footer-brand span{font-weight:400;color:#829192}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes scene-in{from{opacity:.3;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes bob{50%{transform:translateY(5px)}}
@media(max-width:1050px){.hero{grid-template-columns:1fr;min-height:850px;height:auto;gap:0;padding-top:150px}.hero-composition{height:390px}.paper{height:320px;width:270px}.paper-grid{margin-top:20px}.journey-sticky{grid-template-columns:1fr;align-content:center;gap:25px;min-height:820px}.journey-copy{display:grid;grid-template-columns:1fr auto;column-gap:20px}.journey-copy h2,.journey-copy p{grid-column:1;min-height:0}.step-tabs{grid-column:2;grid-row:2/4;align-self:center;margin:0}.demo-disclaimer{grid-column:1/-1;margin-top:8px}.product-frame{height:475px;width:min(100%,860px)}.benefits{gap:45px}}
@media(max-width:680px){.site-nav{height:68px;padding:0 22px}.site-nav nav{display:none}.brand{font-size:14px}.brand img{width:28px;height:28px}.nav-cta{font-size:10px;padding:9px 12px}.nav-cta span{display:none}.hero{padding:125px 24px 65px;min-height:740px}.hero h1{font-size:clamp(45px,11vw,64px)}.hero-copy>p{font-size:15px}.hero-composition{height:300px;margin:10px -10px 0}.paper{width:190px;height:230px;padding:19px;border-radius:15px}.paper>strong{font-size:17px}.paper>span{font-size:8px}.paper-dots{margin-top:30px}.paper-dots i{width:20px;height:20px}.paper-grid{margin-top:22px;gap:5px}.paper-grid i{height:18px}.hero-bottom{left:24px;right:24px}.journey-intro{padding:75px 24px 20px}.journey-intro h2{font-size:42px}.journey-intro p{font-size:14px}.journey{height:270svh}.journey-sticky{min-height:0;height:100svh;padding:30px 14px;display:flex;flex-direction:column;justify-content:center;gap:18px}.journey-copy{display:block;width:100%;padding:0 10px}.step-count{margin-bottom:7px;font-size:9px}.journey-copy h2{font-size:27px;margin-bottom:7px}.journey-copy p{font-size:12px;line-height:1.45;margin-bottom:9px}.step-tabs{margin:10px 0 0}.step-tabs button{font-size:10px;padding:7px 10px}.demo-disclaimer{margin-top:9px;font-size:9px}.product-frame{height:390px;border-width:5px;border-radius:14px;flex:0 0 auto}.preview-rail{width:48px;flex-basis:48px;gap:5px}.preview-rail>span{width:40px;height:45px;font-size:15px}.preview-rail small{font-size:7px}.preview-header{height:40px;padding:0 7px;gap:5px}.preview-header strong{font-size:10px}.preview-header span{font-size:7px}.preview-header span:nth-child(2){padding:4px}.preview-scenes{height:calc(100% - 40px);padding:9px 8px}.today-banner{padding:10px;min-height:90px}.today-banner small{font-size:7px}.today-banner h3{font-size:13px;margin:5px 0 2px}.today-banner p{font-size:7px}.today-banner>span{font-size:7px;padding:7px}.today-metrics{gap:4px;margin:6px 0}.today-metrics>div{padding:6px;min-height:48px}.today-metrics small{font-size:6px}.today-metrics strong{font-size:14px}.continue-card{padding:7px;gap:5px}.continue-card small,.activity-label span{font-size:6px}.continue-card strong{font-size:11px}.continue-card div span{font-size:7px}.continue-card>b{font-size:7px;padding:7px}.activity-label{margin:8px 0 4px}.activity-label strong{font-size:10px}.activity-row{padding:6px;font-size:7px;gap:4px}.activity-row small,.activity-row b{font-size:6px}.eval-context{gap:4px;margin-bottom:5px}.eval-context>span{font-size:7px}.eval-context strong{font-size:8px;padding:5px}.eval-banner{padding:8px}.eval-banner h3{font-size:15px}.eval-banner p,.eval-banner small{font-size:7px}.eval-tools{margin:6px 0}.eval-tools span{font-size:7px;padding:4px}.eval-progress>div{font-size:8px}.eval-pupils{gap:3px}.eval-pupils>div{padding:3px 5px;font-size:7px}.eval-pupils span{font-size:6px}.notebook-heading h3{font-size:14px}.notebook-heading small,.notebook-heading>span{font-size:7px}.notebook-metrics>div{padding:5px}.notebook-metrics small{font-size:6px}.notebook-metrics strong{font-size:11px}.notebook-key{font-size:6px}.notebook-table-wrap table{min-width:380px}.notebook-table-wrap th,.notebook-table-wrap td{font-size:7px;padding:2px}.notebook-table-wrap thead th{height:25px}.notebook-table-wrap td span{padding:3px 0}.journey-scroll{font-size:7px;bottom:9px}.benefits{display:block;padding:90px 24px}.benefits h2{font-size:43px}.benefit-list{margin-top:40px}.benefit{grid-template-columns:30px 1fr 15px;gap:10px;padding:23px 0}.benefit h3{font-size:18px}.closing{padding:100px 24px}.closing h2{font-size:43px}.downloads{padding:85px 24px}.download-intro h2{font-size:43px}.download-grid{grid-template-columns:1fr}.download-card{min-height:260px}footer{padding:28px 24px;flex-wrap:wrap}footer>span{order:3;width:100%}}
.store-link{font-size:12px;font-weight:700;color:#40827d}.store-link:hover{text-decoration:underline}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.preview-scene,.hero-bottom a{animation:none}.button,.download-card{transition:none}}