@font-face{font-family:Lexend;src:url('./assets/lexend.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Atkinson;src:url('./assets/atkinson.woff2') format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:light;--ink:#172342;--muted:#53607b;--purple:#5745c9;--lime:#b9e769;--paper:#fafbf8;--line:#dde3ef;--heading:Lexend,system-ui,sans-serif;--body:Atkinson,system-ui,sans-serif;font-family:var(--body);color:var(--ink);background:var(--paper);font-synthesis:none;font-size:18px;scroll-behavior:smooth;scroll-padding-top:100px}
*{box-sizing:border-box}body{margin:0}img{display:block;max-width:100%;height:auto}a{color:var(--purple);text-underline-offset:4px}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:5px}a:hover{text-decoration-thickness:2px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:var(--heading);font-weight:600}h1,h2{letter-spacing:-.055em}h2{font-size:clamp(2rem,3.35vw,3.4rem);line-height:1.15}h3{font-size:1.28rem;letter-spacing:-.035em;line-height:1.3}p{line-height:1.6}.container{width:min(1280px,calc(100% - 88px));margin-inline:auto}.skip-link{position:fixed;top:12px;left:16px;padding:12px 18px;background:white;border:2px solid var(--purple);z-index:20;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--line);background:rgba(250,251,248,.97);position:sticky;top:0;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:88px}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);font-size:1.55rem;letter-spacing:-.06em;text-decoration:none;white-space:nowrap}.brand-dot{color:var(--purple)}nav{display:flex;align-items:center;gap:30px}nav a{font-size:.88rem;text-decoration:none;color:var(--ink)}.nav-download{background:var(--ink);color:white;padding:12px 20px;border-radius:9px;display:inline-flex;gap:18px;align-items:center}.nav-download:hover{background:var(--purple)}.eyebrow{font-size:.76rem;font-family:var(--heading);font-weight:600;letter-spacing:.085em;text-transform:uppercase;margin-bottom:24px}.little-route{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--lime);border-radius:50%;margin-right:8px;font-size:18px}.hero{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:38px;min-height:685px;padding-block:78px 96px}.hero h1{font-size:clamp(2.7rem,4.45vw,4.25rem);line-height:1.09;position:relative}.highlight{color:var(--purple);position:relative;white-space:nowrap}.hero-description{font-size:1.16rem;max-width:475px;margin-top:26px;color:var(--muted);line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:53px;border-radius:9px;padding:14px 20px;font-size:.88rem;font-family:var(--heading);font-weight:600;text-decoration:none;border:1px solid transparent;transition:transform .15s,background .15s}.button-primary{background:var(--purple);color:white;box-shadow:0 5px 0 #403396}.button-primary:hover{background:#4734b4;transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:.88rem;font-family:var(--heading);font-weight:600;text-decoration:none;line-height:1.5}.hero-footnote{font-size:.8rem;color:var(--muted);margin-top:22px;max-width:350px}.trust-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:32px;font-size:.77rem;color:var(--ink)}.trust-row span span{color:var(--purple);font-weight:bold;margin-right:4px}.hero-visual{position:relative;padding-block:54px;min-width:0}.hero-visual:before{content:"";position:absolute;inset:0 -20px;border-radius:50%;background-image:radial-gradient(#cbd4c0 1px,transparent 1px);background-size:18px 18px;opacity:.55}.app-window{position:relative;background:white;border:1px solid #bdc6d9;border-radius:14px;overflow:hidden;transform:rotate(-2deg);box-shadow:0 26px 55px -24px #31315566,9px 10px 0 #e4e9dd}.window-bar{display:flex;align-items:center;gap:14px;padding:13px 16px;background:#f2f3f8;border-bottom:1px solid var(--line);font-size:.61rem;white-space:nowrap}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;background:#c4cada;border-radius:50%}.window-dots i:first-child{background:#a99cdc}.window-tag{margin-left:auto;color:#4b6840}.screenshot-link{display:block}.screenshot-link:focus-visible{outline-offset:-4px}.workspace-image{width:100%}.floating-note{position:absolute;z-index:1;display:flex;gap:10px;align-items:center;font-size:.75rem;font-family:var(--heading);padding:12px 16px;border:1px solid #172342;border-radius:9px;box-shadow:3px 4px 0 var(--ink)}.note-top{right:8px;top:1px;background:var(--lime);transform:rotate(4deg)}.note-top span{font-size:1.3rem}.note-bottom{bottom:4px;left:24px;background:white;transform:rotate(-4deg)}.note-bottom span{color:var(--purple);font-size:1.3rem}.visual-caption{display:flex;align-items:center;gap:9px;justify-content:flex-end;margin-top:27px;padding-right:5px;font-size:.69rem;color:var(--muted);position:relative}.caption-line{width:28px;border-top:1px solid #8a94a9}.numbers-band{background:#edf1e8;border-block:1px solid #dce3d5}.numbers-inner{display:grid;grid-template-columns:1.65fr repeat(4,1fr);align-items:center;gap:30px;padding-block:32px}.numbers-inner>p{font-size:.96rem;line-height:1.5}.numbers-inner>p strong{font-weight:400;color:var(--muted)}.numbers-inner>div{display:flex;align-items:center;gap:12px}.numbers-inner>div>strong{font-family:var(--heading);font-size:2rem;letter-spacing:-.07em}.numbers-inner>div>span{font-size:.77rem;line-height:1.35;max-width:65px;color:#465539}.section{padding-block:100px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:65px;margin-bottom:40px}.section-heading>p{color:var(--muted);max-width:325px;font-size:1rem}.purple-text{color:var(--purple)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card{border:1px solid var(--line);border-radius:16px;padding:27px;display:flex;flex-direction:column;overflow:hidden;background:white}.card-number{font-family:var(--heading);font-size:.67rem;letter-spacing:.12em;color:var(--muted)}.feature-card>p{font-size:.95rem;color:var(--muted);margin-top:14px}.card-bottom{margin-top:auto;padding-top:27px;display:flex;justify-content:space-between;gap:10px;font-size:.75rem;color:var(--muted)}.card-bottom>span{font-size:1rem;color:var(--purple)}.block-demo{min-height:190px;display:flex;flex-direction:column;align-items:flex-start;padding-top:27px;padding-left:15px;transform:rotate(-3deg)}.block-demo>div{padding:11px 16px;border-radius:7px 7px 7px 2px;font-size:.83rem;font-family:var(--heading);line-height:1.2;box-shadow:0 3px 0 #34266d20}.demo-start{background:#996b0d;color:white}.demo-move{background:#7551d0;color:white;margin-left:9px}.demo-turn{background:#7551d0;color:white;margin-left:9px}.block-demo b{background:white;color:#3c325a;border-radius:20px;padding:3px 11px;font-size:.74rem;margin-inline:3px}.card-code{background:#fbfaff}.card-build{background:#f3f6ed}.robot-demo{height:190px;display:grid;place-items:center}.robot-demo svg{width:100%;height:172px}.card-learn{background:#fffdf4}.lesson-demo{min-height:190px;display:flex;align-content:center;align-items:center;gap:12px;flex-wrap:wrap}.lesson-icon{font-size:2rem;color:var(--purple);background:#ece6ff;border:1px solid #daceef;border-radius:12px;padding:6px 15px}.lesson-demo>div:not(.lesson-progress){max-width:155px}.lesson-demo strong{font-family:var(--heading);font-size:.82rem;line-height:1.5;display:block}.lesson-demo div>span{display:block;font-size:.72rem;margin-top:8px;color:var(--muted)}.lesson-progress{display:flex;gap:6px;width:100%;padding-left:2px;margin-top:5px}.lesson-progress i{height:7px;flex:1;border-radius:4px;background:#e4e5dd}.lesson-progress i:nth-child(-n+3){background:#5745c9}.classroom-section{background:var(--ink);color:white;padding-block:88px;overflow:hidden}.classroom-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:74px;align-items:center}.classroom-section .eyebrow{color:var(--lime)}.section-description{font-size:1.05rem;margin-top:24px;color:#d2d9eb;max-width:475px}.check-list{list-style:none;padding:0;margin:26px 0;display:grid;gap:14px;font-size:.96rem}.check-list li{padding-left:28px;position:relative}.check-list li:before{content:"↗";position:absolute;left:0;color:var(--lime)}.classroom-note{color:#bbc5dd;font-size:.79rem;max-width:440px;margin-bottom:22px}.classroom-section .text-link{color:var(--lime)}.classroom-visual{margin:0;background:#263254;border:1px solid #4a5777;border-radius:15px;padding:18px;transform:rotate(2deg);box-shadow:16px 18px 0 #34426080;min-width:0}.classroom-label{font-size:.76rem;display:flex;align-items:center;gap:9px;margin-bottom:16px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--lime)}.classroom-visual img{width:100%;border-radius:8px}.classroom-visual figcaption{font-size:.77rem;line-height:1.6;color:#d2d9eb;padding-top:18px}.download-section{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.download-intro>p:not(.eyebrow){color:var(--muted);margin-top:23px;max-width:440px;font-size:1.06rem}.download-intro .text-link{margin-top:24px}.download-card{padding:34px;border:1px solid #c7cedf;border-top:5px solid var(--purple);border-radius:14px;background:white;box-shadow:0 16px 45px -30px #25335d80;min-width:0}.platform-title{display:flex;align-items:center;gap:15px}.platform-title>svg{color:var(--purple);flex-shrink:0}.platform-title h3{font-size:1.02rem}.platform-title div>span{font-size:.76rem;color:var(--muted);display:block;margin-top:6px}.preview-label{font-size:.63rem;font-family:var(--heading);text-transform:uppercase;letter-spacing:.07em;margin-left:auto;background:#edf3e3;border:1px solid #dce7ca;color:#3e5b28;padding:6px 8px;border-radius:5px}.release-state{font-size:.98rem;line-height:1.6;margin-top:25px;background:#f5f5fb;border-radius:9px;padding:18px;color:#465173}.download-button{display:flex;width:100%;margin-top:24px}.release-details{font-size:.77rem;color:var(--muted);margin-top:18px}.signing-note{font-size:.78rem;color:#624e1f;background:#fff9e7;border-radius:6px;padding:10px;margin-top:15px}.download-bottom{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;border-top:1px solid var(--line);margin-top:25px;padding-top:20px;font-size:.68rem;color:var(--muted)}.checksum{margin-top:16px;font-size:.77rem}.checksum summary{cursor:pointer}.checksum p{margin-top:12px}.checksum code{display:block;overflow-wrap:anywhere;margin-top:8px;line-height:1.7}.faq-section{border-top:1px solid var(--line);display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;padding-top:70px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-family:var(--heading);font-size:.92rem;padding:23px 0;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--purple);font-size:1.25rem}.faq-list details[open] summary:after{content:"−"}.faq-list details>p{padding-bottom:24px;max-width:650px;color:var(--muted);font-size:.95rem}.site-footer{background:#edf1e8;border-top:1px solid #dce3d5;padding-block:42px 27px}.footer-top{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.footer-top>p{color:var(--muted);font-size:.85rem}.footer-top nav{margin-left:auto;gap:22px}.footer-top nav a{font-size:.75rem}.footer-bottom{border-top:1px solid #d2dacb;margin-top:28px;padding-top:23px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 25px}.footer-bottom p{font-size:.66rem;color:#55614d}.legal-main{max-width:900px;padding-block:75px 100px}.legal-main h1{font-size:clamp(2.4rem,5vw,4rem);line-height:1.1}.legal-intro{font-size:1.16rem;margin-top:25px;color:var(--muted)}.legal-main h2{font-size:1.5rem;letter-spacing:-.04em;margin-top:48px;margin-bottom:17px}.legal-main p{margin-block:14px}.credit-list{padding:0;list-style:none}.credit-list li{padding:20px 0;border-bottom:1px solid var(--line);line-height:1.6}.credit-list strong{font-family:var(--heading);font-size:.95rem}.credit-list span{display:block;color:var(--muted);font-size:.93rem}.legal-note{padding:20px;background:#edf1e8;border-radius:10px;font-size:.92rem}
@media(min-width:1500px){.hero-visual{margin-right:-30px}.hero{gap:60px}.hero h1{font-size:4.3rem}}
@media(max-width:1150px){.container{width:calc(100% - 56px)}.hero{grid-template-columns:1fr 1fr;gap:28px;padding-block:64px 80px;min-height:620px}.hero h1{font-size:3.3rem}.hero-actions{gap:20px}.hero-visual:before{inset:0}.window-bar{font-size:.5rem;gap:10px;padding:11px}.window-tag{display:none}.feature-card{padding:22px}.classroom-grid{gap:45px}.numbers-inner{gap:25px;grid-template-columns:1.3fr repeat(4,1fr)}.numbers-inner>div{gap:9px}.numbers-inner>div>strong{font-size:1.65rem}.download-section{gap:45px}.platform-title{flex-wrap:wrap}.preview-label{margin-left:0}.footer-top nav{margin-left:0}}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-block:54px 70px;gap:35px}.hero-copy{max-width:680px}.hero h1{font-size:clamp(3rem,7.7vw,4.4rem)}.hero-description{max-width:580px}.hero-visual{max-width:690px;width:100%;margin-inline:auto;padding-block:55px 65px}.hero-footnote{max-width:none}.hero-actions{gap:26px}.numbers-inner{grid-template-columns:repeat(4,1fr);gap:25px;padding-block:27px}.numbers-inner>p{grid-column:1/-1;text-align:center}.numbers-inner>p br{display:none}.numbers-inner>div{justify-content:center}.section{padding-block:70px}.section-heading{display:block}.section-heading>p{max-width:550px;margin-top:25px}.feature-grid{gap:14px}.feature-card{padding:20px 16px}.block-demo{padding-left:0}.block-demo>div{font-size:.66rem;padding:12px}.block-demo b{padding:2px 6px}.lesson-demo{gap:9px}.lesson-icon{display:none}.lesson-demo>div:not(.lesson-progress){max-width:unset}.feature-card h3{font-size:1.1rem}.feature-card>p{font-size:.89rem}.card-bottom{font-size:.68rem}.classroom-grid{grid-template-columns:1fr;gap:48px}.classroom-grid>div{max-width:650px}.classroom-visual{max-width:650px;justify-self:center}.classroom-section{padding-block:70px}.download-section{gap:30px}.download-card{padding:26px}.download-intro h2{font-size:2.5rem}.platform-title svg{width:29px;height:29px}.preview-label{display:none}.faq-section{gap:35px;grid-template-columns:.6fr 1.4fr}.footer-top{gap:22px}.footer-top>p{margin-left:auto}.footer-top nav{width:100%}}
@media(max-width:620px){.container{width:calc(100% - 36px)}.header-inner{min-height:74px}.brand{font-size:1.3rem;gap:8px}.brand img{width:34px;height:34px}.nav-extra{display:none}.nav-download{font-size:.73rem;padding:11px 13px;gap:10px}.hero{padding-top:40px;gap:24px;padding-bottom:48px}.eyebrow{font-size:.65rem;letter-spacing:.065em;margin-bottom:21px}.hero h1{font-size:clamp(2.4rem,9.5vw,3.6rem)}.hero-description{font-size:1.04rem;margin-top:23px}.hero-actions{gap:22px;margin-top:25px}.button{font-size:.76rem;min-height:50px;padding:13px 17px}.hero-footnote{font-size:.75rem;margin-top:20px}.trust-row{gap:9px 17px;font-size:.67rem;margin-top:24px}.hero-visual{padding-block:47px 56px}.app-window{border-radius:9px}.window-bar{padding:9px 10px}.floating-note{font-size:.6rem;padding:8px 10px;gap:6px}.note-top{right:0;top:0}.note-bottom{left:10px;bottom:0}.visual-caption{font-size:.56rem;margin-top:22px;gap:6px}.caption-line{width:15px}.numbers-inner{gap:22px 10px;grid-template-columns:repeat(2,1fr);padding-block:24px}.numbers-inner>p{font-size:.88rem}.numbers-inner>div>strong{font-size:1.9rem}.numbers-inner>div>span{font-size:.72rem}.section{padding-block:57px}h2{font-size:2.16rem}.section-heading{margin-bottom:29px}.section-heading>p{font-size:.95rem;margin-top:20px}.feature-grid{grid-template-columns:1fr;gap:18px}.feature-card{padding:26px;display:grid;grid-template-columns:1fr;position:relative}.feature-card h3{font-size:1.25rem}.feature-card>p{font-size:.98rem}.card-bottom{font-size:.75rem}.block-demo{min-height:175px;padding-left:15px}.block-demo>div{font-size:.83rem;padding:11px 16px}.block-demo b{padding:3px 11px}.robot-demo{height:175px}.robot-demo svg{height:165px}.lesson-demo{min-height:175px;gap:15px}.lesson-icon{display:block}.lesson-demo>div:not(.lesson-progress){max-width:170px}.lesson-demo strong{font-size:.89rem}.classroom-section{padding-block:58px}.classroom-grid{gap:40px}.classroom-visual{padding:12px;box-shadow:7px 9px 0 #34426080}.classroom-label{font-size:.65rem;margin-bottom:12px}.classroom-visual figcaption{font-size:.72rem;padding-top:12px}.section-description{font-size:1rem}.check-list{font-size:.92rem}.classroom-note{font-size:.78rem}.download-section{grid-template-columns:1fr;gap:34px}.download-intro h2{font-size:2.3rem}.download-intro h2 br{display:none}.download-intro>p:not(.eyebrow){font-size:1rem}.download-card{padding:24px}.platform-title{gap:12px;flex-wrap:nowrap}.platform-title h3{font-size:.92rem}.release-state{font-size:.9rem;padding:15px}.download-bottom{font-size:.72rem;display:grid}.faq-section{grid-template-columns:1fr;gap:18px;padding-top:45px}.faq-section h2 br{display:none}.faq-list summary{font-size:.91rem;padding-block:21px}.faq-list details>p{font-size:.94rem}.footer-top{display:grid;gap:22px}.footer-top>p{margin-left:0;font-size:.81rem}.footer-top nav{gap:19px;flex-wrap:wrap}.footer-top nav a{font-size:.74rem}.footer-bottom{display:grid;gap:10px}.footer-bottom p{font-size:.67rem}.site-footer{padding-top:32px}.legal-main{padding-top:48px}.legal-main h1{font-size:2.6rem}.legal-intro{font-size:1.04rem}}
.demo-section{padding-block:75px 90px;background:#f0edf8;border-top:1px solid #e1dcec}.demo-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:32px;align-items:center}.video-frame{overflow:hidden;border-radius:14px;border:1px solid #bfc3d5;background:#172342;box-shadow:0 15px 35px -25px #17234290}.video-frame video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#172342}.video-caption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;background:white;font-size:.76rem}.video-caption>span:first-child{font-family:var(--heading);font-weight:600}.video-caption>span:last-child{color:var(--muted);font-size:.66rem}.demo-choices{display:grid;gap:12px}.demo-choices button{display:flex;align-items:center;gap:14px;border:1px solid #d2cde2;border-radius:10px;background:#faf9fd;color:var(--ink);padding:18px;text-align:left;cursor:pointer;font:inherit;min-width:0}.demo-choices button:hover{border-color:var(--purple)}.demo-choices button:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.demo-choices button[aria-pressed=true]{background:white;border:2px solid var(--purple);padding:17px;box-shadow:4px 4px 0 #dfd7f1}.demo-choices strong{font-family:var(--heading);font-size:.8rem;font-weight:600;line-height:1.4;display:block}.demo-choices small{font-size:.74rem;color:var(--muted);display:block;margin-top:5px}.demo-choice-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:8px;background:#e7e1f6;color:var(--purple);font-size:1.3rem}.demo-choice-arrow{margin-left:auto;color:var(--purple)}#demo-description{font-size:.88rem;line-height:1.6;margin-top:12px;color:#44506b}.demo-note{font-size:.72rem;color:var(--muted)}
@media(max-width:900px){.demo-layout{grid-template-columns:1fr;gap:25px}.demo-section{padding-block:65px}.demo-choices{grid-template-columns:repeat(3,1fr);gap:14px}.demo-choices button{padding:15px;align-items:flex-start;flex-direction:column;gap:12px}.demo-choices button[aria-pressed=true]{padding:14px}.demo-choice-arrow{display:none}.demo-choices strong{font-size:.77rem}.demo-choices small{font-size:.69rem}#demo-description,.demo-note{grid-column:1/-1}.demo-note{margin-top:-4px}}
@media(max-width:620px){.demo-section{padding-block:52px}.demo-choices{grid-template-columns:1fr;gap:10px}.demo-choices button{flex-direction:row;align-items:center;padding:16px}.demo-choices button[aria-pressed=true]{padding:15px}.demo-choices strong{font-size:.82rem}.demo-choices small{font-size:.75rem}.demo-choice-arrow{display:block}.video-caption{padding:13px;display:block}.video-caption>span{display:block}.video-caption>span:last-child{margin-top:5px}.demo-note{margin-top:0}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}.button-primary:hover{transform:none}}