@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fredoka:wght@400;500;600;700&display=swap";:root{--paper:#faf8ee;--ink:#183e35;--muted:#53665c;--green:#086858;--mint:#d8efce;--lime:#c6f181;--yellow:#ffcf58;--peach:#ffcfb8;--blue:#d6eafa;--line:#d8dfcd;--white:#fffef9;--round:24px;font-family:DM Sans,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #da5428;outline-offset:4px}img,svg{max-width:100%;height:auto}h1,h2,h3,h4,.logo{font-family:Fredoka,sans-serif;font-weight:500;line-height:1.08;letter-spacing:-.035em;margin:0}h1{font-size:clamp(2.8rem,6vw,5.6rem)}h2{font-size:clamp(2rem,3.5vw,3.1rem)}h3{font-size:1.65rem}p{line-height:1.7;margin:1rem 0;color:var(--muted)}ul,ol{line-height:1.8}code,pre,textarea.code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}code{font-size:.94em}pre{white-space:pre-wrap;overflow-wrap:anywhere}button{color:var(--ink)}.skip{position:absolute;left:20px;top:-100px;background:var(--yellow);padding:12px;z-index:99}.skip:focus{top:10px}.site-header{max-width:1300px;margin:auto;padding:25px 36px;display:flex;align-items:center;gap:30px}.logo{display:inline-flex;align-items:center;gap:5px;font-size:1.8rem;letter-spacing:-.07em;text-decoration:none;white-space:nowrap}.logo img{margin-right:5px}.logo>span:not(.logo-dot){color:var(--green)}.logo-dot{font-family:serif;color:#cc542f;font-size:1.5rem;align-self:flex-start}.site-header nav{display:flex;gap:25px;margin:auto;font-size:.87rem;font-weight:700}.site-header nav a{text-decoration:none;padding:9px 0;border-bottom:2px solid transparent}.site-header nav a:hover,.site-header nav a[aria-current]{border-color:var(--green)}.button{display:inline-flex;gap:14px;align-items:center;justify-content:center;min-height:48px;padding:14px 24px;border:1.5px solid var(--ink);border-radius:12px;text-decoration:none;background:var(--yellow);font-weight:700;font-size:.95rem;box-shadow:0 3px 0 var(--ink);transition:transform .16s,box-shadow .16s}.button:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--ink)}.button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.button.dark{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 3px #153c30}.button.ghost{background:transparent;box-shadow:none;border-color:#b9c9b7}.button.white{background:var(--white)}.button.small{font-size:.8rem;padding:10px 16px;min-height:42px}.button:disabled:hover{transform:none}.wrap{max-width:1200px;padding:0 28px;margin:auto}.section{padding-top:78px;padding-bottom:78px}.eyebrow{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--green);margin-bottom:18px}.pill{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:700;border-radius:99px;background:var(--mint);padding:8px 13px}.pill.yellow{background:var(--yellow)}.pill.peach{background:var(--peach)}.hero{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:26px;min-height:590px;padding-top:40px;padding-bottom:58px}.hero h1{font-size:clamp(3.3rem,5.7vw,5.4rem);max-width:670px;margin:22px 0}.hero h1 em{font-style:normal;color:var(--green);position:relative;white-space:nowrap}.hero h1 em:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:9px;background:var(--yellow);border-radius:50%;z-index:-1;transform:rotate(-2deg)}.hero p{max-width:455px;font-size:1.05rem}.actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:28px 0}.tiny{font-size:.8rem}.hero-proof{display:flex;gap:17px;font-size:.74rem;color:var(--muted)}.hero-proof span:before{content:"✓ ";font-weight:700;color:var(--green)}.hero-art{height:480px;position:relative;isolation:isolate;background:radial-gradient(ellipse,#dbeed7 0,transparent 66%)}.orbit{position:absolute;border:1px dashed #a6bfa5;width:410px;height:380px;border-radius:50%;top:50px;left:35px;transform:rotate(-20deg);z-index:-1}.orbit-two{transform:rotate(35deg);width:460px;height:300px;left:12px;top:90px}.code-window{position:absolute;top:92px;left:26px;right:22px;transform:rotate(-5deg);border:2px solid var(--ink);border-radius:17px;background:#193e36;color:#fff9df;box-shadow:9px 12px #bacda2;overflow:hidden}.window-bar{display:flex;gap:6px;background:#285147;padding:14px;border-bottom:1px solid #65816a;align-items:center}.window-bar i{width:8px;height:8px;border-radius:50%;background:#ff976e}.window-bar i:nth-child(2){background:#ffcf58}.window-bar i:nth-child(3){background:#b9ef79}.window-bar span{font:10px monospace;margin-left:auto;color:#c8d9ce}.art-code{font:14px/1.9 monospace;padding:27px 24px 38px}.pink{color:#ffa586}.yellow{color:#ffe085}.mint{color:#b9ef79}.comment{color:#b4c8bd}.hero-bot{position:absolute;bottom:1px;left:0;transform:rotate(-8deg)}.hero-bot>span{position:absolute;white-space:nowrap;background:#fff;border:2px solid var(--ink);padding:10px 16px;border-radius:15px;left:-16px;top:-16px;font-family:Fredoka;transform:rotate(5deg)}.art-note{position:absolute;right:30px;top:25px;font-family:Fredoka;font-size:1.1rem;transform:rotate(6deg)}.command-sticker{position:absolute;bottom:74px;right:-4px;padding:17px 20px;border:2px solid var(--ink);border-radius:12px;background:var(--yellow);transform:rotate(7deg);box-shadow:4px 5px #c8bb88;font-weight:700;font-size:.9rem}.command-sticker span{font-size:1.3rem;margin-right:9px}.command-sticker b{background:#fff7d0;padding:5px 8px;border-radius:5px;margin-left:8px}.pixel-sticker{position:absolute;top:43px;right:-5px;transform:rotate(10deg);background:var(--peach);border:2px solid var(--ink);border-radius:15px;padding:13px;text-align:center;box-shadow:4px 4px #c6b599}.pixel-sticker div{font-size:2.6rem}.pixel-sticker span{font-size:7px;letter-spacing:1px;font-weight:800}.made-sticker{position:absolute;bottom:-5px;right:58px;border:2px solid var(--ink);border-radius:50%;background:var(--mint);width:92px;height:92px;text-align:center;padding:13px;line-height:1.2;transform:rotate(-12deg);font-family:Fredoka}.art-star{position:absolute;color:#d66f36;font-size:42px}.star-one{top:12px;left:24px}.star-two{bottom:29px;left:235px;color:var(--green)}.star-three{top:214px;right:-24px}.marquee{background:var(--green);color:#faf8ee;display:flex;gap:30px;justify-content:center;padding:19px 20px;font-family:Fredoka;font-size:1.1rem;flex-wrap:wrap}.marquee b{color:var(--yellow);font-weight:400}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}.section-head p{max-width:420px;margin:0}.text-link{font-weight:700;text-decoration:none;border-bottom:1px solid;padding-bottom:3px;white-space:nowrap}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--round);padding:27px;position:relative}.card p{font-size:.9rem}.card h3{margin:17px 0 8px}.card-link{display:block;text-decoration:none;transition:transform .18s,box-shadow .18s}.card-link:hover{transform:translateY(-5px);box-shadow:0 10px #d4ddc740}.card-icon{display:grid;place-items:center;font:2.5rem Fredoka;width:82px;height:82px;border-radius:23px;border:1.5px solid var(--ink);box-shadow:4px 4px #183e3520;background:var(--mint);transform:rotate(-5deg)}.card-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid #183e3520;padding-top:18px;margin-top:25px;font-size:.75rem;font-weight:700}.tint-green{background:#e5efd9}.tint-yellow{background:#fff0be}.tint-peach{background:#ffe2d2}.tint-blue{background:#e2eff8}.section-soft{background:#f0f1e3;border-block:1px solid #dce1cc}.demo-band{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.demo-copy p{max-width:400px}.demo-panel{background:var(--white);border:1.5px solid var(--ink);border-radius:23px;box-shadow:7px 7px #d4ddc7;padding:27px;transform:rotate(1deg)}.demo-panel pre{background:#193e36;color:#e6f5dc;padding:22px;border-radius:12px;font-size:1rem;line-height:1.7}.demo-result{min-height:60px;background:var(--mint);border-radius:12px;margin:15px 0 0;padding:17px;font-weight:700}.steps{counter-reset:step}.step{display:flex;gap:20px;align-items:flex-start;margin:24px 0}.step:before{counter-increment:step;content:counter(step);display:grid;place-items:center;background:var(--yellow);border:1px solid var(--ink);border-radius:50%;width:34px;height:34px;flex-shrink:0;font-weight:700}.step p{margin:6px 0}.step h3{font-size:1.2rem}.cta-band{border:1.5px solid var(--ink);background:var(--yellow);padding:45px;border-radius:28px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative}.cta-band h2{max-width:650px}.page-head{padding-top:48px;padding-bottom:40px;max-width:860px}.page-head h1{font-size:clamp(2.7rem,5vw,4.2rem)}.page-head p{font-size:1.05rem;max-width:650px}.breadcrumb{display:flex;gap:10px;font-size:.78rem;margin-bottom:24px;color:var(--muted)}.breadcrumb a{text-decoration:none}.topic-list{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.topic-list span{padding:6px 10px;border:1px solid #b9c9b7;border-radius:7px;font-size:.72rem}.lesson-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lesson-item{display:flex;gap:20px;padding:23px;border:1px solid var(--line);border-radius:17px;background:var(--white);text-decoration:none;align-items:center}.lesson-item:hover{border-color:var(--green);background:#eff5e5}.lesson-number{background:var(--mint);font-family:Fredoka;font-size:1.4rem;min-width:48px;height:48px;border-radius:14px;display:grid;place-items:center}.lesson-item h3{font-size:1.25rem}.lesson-item p{margin:4px 0;font-size:.8rem}.completion{font-size:.7rem;background:#edf0e4;padding:5px 8px;border-radius:5px;white-space:nowrap;margin-left:auto}.completion.finished{background:var(--mint);color:#175629}.progress-banner{display:flex;gap:25px;align-items:center;padding:28px;background:var(--green);color:#fff;border-radius:22px;margin-bottom:35px}.progress-banner p{color:#d2e5d6;margin:5px 0}.progress-number{font-family:Fredoka;font-size:3.5rem;color:var(--yellow)}.progress-banner .button{margin-left:auto}.faq{max-width:800px;margin:auto}.faq h2{margin-bottom:28px}details{border-bottom:1px solid var(--line);padding:19px 0}summary{font-weight:700;cursor:pointer;line-height:1.5}details p{font-size:.94rem}.article{max-width:780px;padding-bottom:60px}.article h2{font-size:2rem;margin:42px 0 17px}.article h3{margin-top:25px;font-size:1.3rem}.note{border-left:4px solid var(--green);padding:18px 23px;background:#edf2e2;border-radius:0 14px 14px 0;margin:24px 0;line-height:1.6;font-size:.9rem}.lesson-body{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:45px;align-items:start}.lesson-content h2{font-size:2rem;margin:30px 0 17px}.lesson-content p{font-size:1rem}.lesson-content pre{padding:22px;border-radius:14px;background:#173e34;color:#e5f1d9;line-height:1.8}.lesson-sidebar{background:#edf1e0;border:1px solid var(--line);border-radius:20px;padding:24px}.lesson-sidebar h3{font-size:1.3rem}.lesson-sidebar ol{padding-left:20px;font-size:.85rem}.lesson-sidebar a[aria-current]{font-weight:800}.activity-shell{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;align-items:start}.panel{background:var(--white);border:1.5px solid var(--ink);padding:25px;border-radius:22px}.panel h2{font-size:1.65rem;margin-bottom:15px}.control-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:17px 0}label{font-weight:700;font-size:.85rem;display:block;margin:12px 0 8px}select,input[type=text],input[type=number],textarea{border:1px solid #a4b9a3;border-radius:9px;background:var(--white);padding:11px;color:var(--ink);max-width:100%}select{min-height:44px}.feedback{padding:16px 20px;border-radius:12px;background:#edf2e2;line-height:1.6;font-size:.9rem;min-height:58px}.feedback.success{background:var(--mint)}.feedback.error{background:#ffe1cf}.robot-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;max-width:450px;margin:22px auto;background:#a8c5a0;padding:8px;border-radius:17px}.robot-cell{aspect-ratio:1;background:#f5f8e9;border-radius:10px;display:grid;place-items:center;font-size:clamp(1.1rem,3vw,2rem);position:relative}.robot-cell.wall{background:#698a68}.robot-cell.visited{background:#d6edae}.robot-cell.current{box-shadow:inset 0 0 0 3px var(--green);background:#c6f181}.robot-token{font-size:2rem}.command-list{min-height:170px;max-height:380px;overflow:auto;padding:10px;display:flex;align-content:flex-start;flex-wrap:wrap;gap:8px;background:#f2f4e9;border-radius:13px}.command-chip{background:var(--mint);border:1px solid #91b98b;border-radius:8px;padding:10px;font-size:.85rem;min-height:42px}.command-chip.active{background:var(--yellow);outline:2px solid var(--green)}.command-chip span{margin-left:7px;opacity:.65}.hint{font-size:.86rem;color:var(--muted)}.pixel-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1px;background:#acbca8;aspect-ratio:1;max-width:480px;margin:auto;border:5px solid #acbca8;border-radius:9px;overflow:hidden;touch-action:pan-y}.pixel-cell{border:0;min-width:0;padding:0;aspect-ratio:1;cursor:crosshair}.pixel-cell:focus-visible{outline:3px solid #192f28;outline-offset:-3px;z-index:1}.palette{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.swatch{width:42px;height:42px;border:2px solid #183e3540;border-radius:50%;position:relative}.swatch[aria-pressed=true]{outline:3px solid var(--ink);outline-offset:3px}.swatch[aria-pressed=true]:after{content:"✓";background:#fff;border-radius:50%;font-size:12px;position:absolute;right:-3px;bottom:-5px;color:#173e34;padding:1px 3px}.quiz-options{display:grid;gap:12px;margin:20px 0}.quiz-option{text-align:left;background:#fff;border:1.5px solid #c6d2bd;padding:17px;border-radius:12px;min-height:52px}.quiz-option.correct{background:var(--mint);border-color:var(--green)}.quiz-option.incorrect{background:var(--peach);border-color:#a54525}.quiz-option:disabled{opacity:1;cursor:default}.quiz-progress{height:7px;background:#dce3d3;border-radius:10px;margin-bottom:25px;overflow:hidden}.quiz-progress span{display:block;height:100%;background:var(--green);transition:width .3s}dialog{max-width:450px;background:var(--paper);border:2px solid var(--ink);border-radius:20px;padding:30px}dialog::backdrop{background:#163c3470}footer{max-width:1200px;padding:45px 28px 25px;margin:25px auto 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:35px;justify-content:space-between}footer p{font-size:.83rem}.footer-links{display:flex;gap:25px;align-items:start;flex-wrap:wrap;font-size:.8rem}.footer-links a{text-decoration:none}.footer-bottom{width:100%;border-top:1px solid var(--line);padding-top:23px;font-size:.71rem;color:var(--muted);display:flex;justify-content:space-between;gap:15px}.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}[hidden]{display:none!important}@media(min-width:900px){.hero-bot{animation:bob 5s ease-in-out infinite}}@keyframes bob{50%{transform:translateY(-9px) rotate(-5deg)}}@media(max-width:1050px){.site-header{gap:20px;padding:22px 25px}.site-header nav{gap:17px}.header-cta{display:none}.hero-art{transform:scale(.92);transform-origin:center}.hero h1{font-size:4.5rem}.hero{gap:0}.hero-proof{gap:10px}.command-sticker{right:-10px}.demo-band{gap:30px}}@media(max-width:760px){.site-header{flex-wrap:wrap;gap:15px;padding:18px 20px}.site-header nav{order:2;width:100%;justify-content:space-between;gap:9px;font-size:.75rem;margin:0}.logo{font-size:1.65rem}.hero{grid-template-columns:1fr;padding-top:25px;min-height:auto;text-align:center}.hero h1{font-size:clamp(3.1rem,12vw,4.8rem);margin:20px auto;max-width:530px}.hero p{margin:20px auto}.hero .actions,.hero-proof{justify-content:center}.hero-art{height:420px;width:min(470px,100%);margin:12px auto 0;transform:scale(.9)}.code-window{top:65px}.hero-bot{bottom:-30px}.command-sticker{bottom:39px}.made-sticker{bottom:-42px}.art-note{top:5px}.orbit{width:90%;height:310px;left:5%}.orbit-two{width:100%;left:0}.pixel-sticker{top:12px;right:-10px}.art-code{font-size:12px;padding-left:19px}.art-star.star-three{right:-15px}.star-two{bottom:0}.section{padding-top:48px;padding-bottom:48px}.wrap{padding-inline:20px}.grid3,.grid2,.demo-band,.activity-shell,.lesson-body{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column;gap:16px}.marquee{font-size:.92rem;gap:14px}.marquee span:last-child{display:none}.card{padding:25px}.cta-band{flex-direction:column;text-align:center;padding:32px 24px}.lesson-list{grid-template-columns:1fr}.lesson-item{padding:17px;gap:13px}.lesson-sidebar{order:-1}.lesson-sidebar ol{display:none}.lesson-sidebar{padding:15px 22px}.page-head{padding-top:30px}.progress-banner{flex-wrap:wrap;gap:15px}.progress-banner .button{margin:0}.footer-bottom{flex-direction:column}.footer-links{gap:20px}.hero-proof{font-size:.65rem}.robot-grid{gap:5px}.panel{padding:19px}.demo-panel{transform:none}.completion{font-size:.63rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}