:root{--paper:#f7f8f2;--ink:#242820;--muted:#72766b;--lime:#d4f478;--line:#e0e3d7;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--font:"Inter","Segoe UI",Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #608b20;outline-offset:6px}::selection{background:var(--lime);color:var(--ink)}.container{width:min(1240px,calc(100% - 112px));margin-inline:auto}.skip-link{position:fixed;top:10px;left:15px;z-index:10;padding:12px;background:var(--lime);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{height:108px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand-mark{display:block;flex-shrink:0;width:43px;height:43px;border-radius:12px}.brand-name{font-size:25px;font-weight:800;letter-spacing:-1px;line-height:1}.brand-name>span{display:block;font-size:10px;font-weight:500;letter-spacing:1.3px;margin-top:6px}.desktop-nav{display:flex;gap:30px;font-size:13px;color:#555b4f}.desktop-nav a:hover,.login-link:hover,.site-footer nav a:hover{color:#52740c}.desktop-nav a span{margin-left:5px}.header-actions{display:flex;align-items:center;gap:25px}.login-link{font-size:13px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--lime);min-height:54px;padding:0 24px;border:1px solid transparent;border-radius:7px;font-size:13px;font-weight:650;transition:transform .2s,background .2s;white-space:nowrap}.button:hover{background:#c4e764;transform:translateY(-2px)}.button>span{font-size:22px;font-weight:400}.button-small{min-height:42px;padding-inline:17px;gap:20px;font-size:12px}.hero{display:grid;grid-template-columns:1.06fr 1fr;gap:25px;padding-top:74px;padding-bottom:83px;align-items:center}.eyebrow{display:flex;align-items:center;gap:9px;font:10px var(--mono);letter-spacing:1.25px;font-weight:500}.status-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#84aa43;box-shadow:0 0 0 4px #86b04415}.hero .eyebrow{margin-bottom:26px}h1{font-size:clamp(42px,4.65vw,66px);letter-spacing:-3px;line-height:1.105;font-weight:650;margin:0 0 27px}.highlight{position:relative;z-index:0;white-space:nowrap}.highlight:before{content:"";position:absolute;inset:9% -9px 0 -5px;background:var(--lime);z-index:-1;transform:rotate(-1.8deg);border-radius:2px}.handline{position:absolute;left:2%;bottom:-8px;width:96%;height:8px;border-top:2px solid #67863c;border-radius:50%;transform:rotate(-1deg)}.hero-description{font-size:14px;line-height:1.9;color:#74796f;margin:0 0 28px}.hero-actions{display:flex;align-items:center;gap:23px}.text-link{display:inline-flex;align-items:center;gap:15px;font-size:12px;font-weight:600}.text-link:hover{color:#598118}.text-link>span{font-size:19px}.hero-note{display:flex;gap:9px;align-items:center;margin-top:23px;color:#82877c;font-size:10px}.note-icon{color:#6f9140;border:1px solid #cdd5c2;border-radius:50%;width:14px;height:14px;display:inline-grid;place-items:center;font-size:8px}.note-divider{margin-inline:4px;color:#c1c5b7}.hero-visual{position:relative;isolation:isolate;padding:34px 0 32px 5px;min-width:0}.hero-visual:before{content:"";position:absolute;z-index:-2;width:400px;height:400px;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#dcebb360,transparent 70%);border-radius:50%}.orbit{position:absolute;z-index:-1;width:112%;height:77%;border:1px solid #dfe4d4;top:10%;left:-4%;border-radius:50%;transform:rotate(-25deg)}.orbit-two{width:96%;height:108%;left:1%;top:-5%;transform:rotate(35deg)}.floating-label{position:absolute;right:8px;top:0;display:flex;align-items:center;gap:8px;font-size:11px;background:#fffefb;border:1px solid #e2e6d7;border-radius:7px;padding:11px 14px;transform:rotate(5deg);box-shadow:0 3px 10px #28381c05}.floating-label>span{color:#80963e;font-size:19px}.code-window{position:relative;background:#232720;border:1px solid #363c2f;border-radius:12px;box-shadow:0 25px 45px #35451a1a;overflow:hidden;transform:rotate(-2deg)}.window-bar{display:flex;align-items:center;height:48px;border-bottom:1px solid #ffffff12;padding:0 17px;gap:20px;font-family:var(--mono);color:#a5aa9d;font-size:10px}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#ff8178}.window-dots i:nth-child(2){background:#e4c86c}.window-dots i:nth-child(3){background:#a1bf70}.window-language{margin-left:auto;font-size:9px;color:#797f70}.editor-label{padding:23px 25px 15px;color:#949c87;font:8px var(--mono);letter-spacing:1.5px}.editor-label>span{font-size:14px;margin-right:8px;color:#c9e2a4}.code-content{padding:0 15px 23px;font:12px/2 var(--mono);color:#e0e5d6}.code-content>div{display:flex}.line-number{width:34px;flex-shrink:0;text-align:center;margin-right:10px;color:#69705f;font-size:10px}.code-content code{font:inherit;white-space:pre}.code-comment{color:#7b866f}.code-string{color:#c6dd94}.code-purple{color:#c0a5e0}.code-yellow{color:#e7ce8d}.code-blue{color:#a5c9e2}.code-cursor{display:inline-block;width:1px;height:14px;background:var(--lime);vertical-align:middle;margin-left:3px}.console{border-top:1px solid #ffffff10;margin:0 21px;padding:14px 0 18px}.console-heading{display:flex;align-items:center;justify-content:space-between;color:#969e89;font:8px var(--mono);letter-spacing:1px}.demo-label{font-size:8px;color:#828a76;letter-spacing:0}.run-button{border:1px solid #626e45;background:#d4f47812;color:#d4edaa;font-size:9px;border-radius:4px;padding:6px 9px;cursor:pointer}.run-button:hover{background:#d4f47828}.run-button>span{font-size:8px;margin-right:5px}.console p{min-height:15px;font:10px var(--mono);color:#bdc5ad;margin:15px 0 0}.console-arrow{color:#d4f478;margin-right:8px}.console-cursor{color:#c9df9c;margin-left:3px}.console .is-success{color:var(--lime)}.editor-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 19px;background:#2d3326;font:8px var(--mono);color:#959f85}.editor-footer>span:first-child{display:flex;align-items:center;gap:7px}.editor-footer .status-dot{width:4px;height:4px}.achievement{display:flex;align-items:center;gap:11px;position:absolute;bottom:3px;left:-27px;padding:15px 18px;background:#fffefb;border:1px solid #e3e7d8;border-radius:10px;box-shadow:0 10px 25px #3b492111;transform:rotate(-5deg)}.achievement-icon{display:grid;place-items:center;width:34px;height:34px;background:#edf5d9;color:#648626;border-radius:50%;font-size:18px}.achievement strong{display:block;font-size:12px;font-weight:650;margin-bottom:5px}.achievement div>span{font-size:9px;color:#929887}.achievement-star{font-size:24px;color:#7a963e;margin-left:13px}.visual-star{position:absolute;color:#8aa544;font-weight:400}.star-one{left:-20px;top:9px;font-size:44px;transform:rotate(15deg)}.star-two{right:-20px;bottom:1px;font-size:31px}.visual-caption{position:absolute;bottom:-32px;right:21px;font:9px var(--mono);color:#929b85;transform:rotate(-2deg)}.technology-strip{border-block:1px solid var(--line);background:#f0f2e9}.technology-inner{display:flex;justify-content:space-between;align-items:center;min-height:78px;gap:18px}.technology-inner>span:first-child{font:8px var(--mono);letter-spacing:1px;max-width:143px;line-height:1.8;color:#7b826e}.technology{font-size:16px;font-weight:600;letter-spacing:-.4px;white-space:nowrap;color:#6d7561}.technology:last-child{font-size:13px;font-weight:500}.strip-star{font-size:19px;color:#a4b38a}.about-section{padding-top:80px;padding-bottom:76px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-heading .eyebrow{color:#7c876b;margin:0 0 18px;font-size:9px;letter-spacing:1px}h2{font-weight:600;font-size:37px;letter-spacing:-1.5px;line-height:1.2;margin:0}.lime-dot{color:#91ae4e}.section-heading>p{font-size:12px;line-height:1.85;color:var(--muted);margin:0 0 5px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{min-width:0;padding:25px;background:#fffefa;border:1px solid #e1e5d7;border-radius:11px;display:flex;flex-direction:column}.feature-practice{background:#edf3df;border-color:#dce6c9}.feature-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.feature-icon{width:37px;height:37px;display:grid;place-items:center;background:#d8e8b9;color:#4b602b;border-radius:9px;font:15px var(--mono);font-weight:600}.icon-lessons{background:#efecdf;color:#8a7953;font-size:24px}.icon-progress{background:#e8e9f1;color:#757f9e;font-size:24px}.card-index{font:8px var(--mono);color:#8d9581;letter-spacing:1px}.mini-terminal,.mini-lessons,.mini-progress{height:105px;margin-top:22px;margin-bottom:15px}.mini-terminal{padding:17px;border:1px solid #dce5cf;border-radius:7px;background:#f8faef;font:10px var(--mono);display:flex;flex-direction:column;justify-content:space-between;color:#777f6c}.mini-terminal i{font-style:normal;color:#8ca95a;margin-right:7px}.terminal-success{background:#e6efda;padding:8px;font-size:9px;color:#6b843f;border-radius:4px}.terminal-success b{float:right;font-weight:400}.mini-lessons{padding:0 3px;display:flex;flex-direction:column;justify-content:space-around;font-size:9px;color:#8a8e80}.mini-lessons>span{display:flex;align-items:center;gap:10px}.mini-lessons i{font-style:normal;font:8px var(--mono);border:1px solid #e0e4d6;border-radius:50%;width:20px;height:20px;display:grid;place-items:center}.mini-lessons span:nth-child(2){padding:6px 8px;margin-inline:-8px;background:#f0f3e7;border-radius:5px;color:#4b5b35}.mini-lessons span:nth-child(2) i{background:#d8e9b8;border-color:#d8e9b8}.mini-lessons b{margin-left:auto;font-size:15px;font-weight:400}.mini-progress{padding-top:6px}.mini-progress>span:first-child{display:flex;justify-content:space-between;font-size:9px;color:#7c826f}.mini-progress b{color:#829952;font-size:14px;font-weight:400}.progress-bars{height:46px;margin:10px 0;display:flex;gap:5px;align-items:flex-end}.progress-bars i{flex:1;background:#d9e7bd;border-radius:3px 3px 0 0;height:20%}.progress-bars i:nth-child(2){height:32%}.progress-bars i:nth-child(3){height:27%}.progress-bars i:nth-child(4){height:45%}.progress-bars i:nth-child(5){height:38%}.progress-bars i:nth-child(6){height:55%}.progress-bars i:nth-child(7){height:53%}.progress-bars i:nth-child(8){height:65%}.progress-bars i:nth-child(9){height:77%}.progress-bars i:nth-child(10){height:69%}.progress-bars i:nth-child(11){height:90%;background:#a9c86d}.progress-bars i:nth-child(12){height:100%;background:#8dac51}.progress-caption{font-size:8px;color:#9a9f91}.feature-card h3{font-size:18px;letter-spacing:-.55px;font-weight:600;margin:0 0 12px}.feature-card>p{font-size:12px;color:#818676;line-height:1.8;margin:0 0 25px}.card-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dfe5d5;padding-top:17px;margin-top:auto;font-size:10px;font-weight:600;color:#636f50}.card-link:hover{color:#334a14}.card-link>span{font-size:17px;font-weight:400}.learning-section{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;border-top:1px solid var(--line);padding-block:65px 75px}.learning-intro .eyebrow{color:#7c876b;font-size:9px;margin-bottom:19px}.learning-intro>p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:1.9;margin:20px 0}.learning-steps{list-style:none;margin:0;padding:0}.learning-steps li{display:flex;align-items:flex-start;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.learning-steps li:first-child{padding-top:12px}.learning-steps li:last-child{border-bottom:0}.step-number{font:11px var(--mono);color:#95a180;margin-top:4px}.learning-steps h3{font-size:16px;font-weight:600;letter-spacing:-.3px;margin:0 0 10px}.learning-steps p{font-size:11px;color:var(--muted);line-height:1.8;margin:0}.learning-steps li>span:last-child{margin-left:auto;color:#94a17f;font-size:19px}.cta-section{position:relative;overflow:hidden;border:1px solid #d9e7b9;border-radius:15px;background:#e9f2d6;text-align:center;padding:53px 25px}.cta-section .eyebrow{justify-content:center;font-size:9px;color:#7b8a60;margin:0 0 15px}.cta-section h2{font-size:46px;letter-spacing:-2px}.cta-section>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#7a8568;margin:15px 0 24px}.button-dark{background:var(--ink);color:#ecf3df;min-height:46px;font-size:12px}.button-dark:hover{background:#3c4b2d}.button-dark>span{color:var(--lime)}.cta-decoration{position:absolute;left:6%;top:28%;color:#cddfa9;font-size:130px;line-height:1;transform:rotate(12deg)}.cta-code{position:absolute;right:4%;bottom:26%;font:18px var(--mono);color:#bbcda0;transform:rotate(-12deg)}.site-footer{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding-top:45px;padding-bottom:25px}.site-footer .brand-mark{width:34px;height:34px;font-size:26px;line-height:31px;border-radius:9px}.site-footer .brand-name{font-size:20px}.site-footer .brand-name>span{font-size:8px;margin-top:4px}.site-footer>p{font-size:10px;color:#929887}.site-footer nav{display:flex;gap:25px;margin-left:auto;font-size:11px;color:#6f7764}.copyright{border-top:1px solid var(--line);padding-top:20px;flex-basis:100%;font:9px var(--mono);color:#9a9f90}
@media(min-width:1450px){.hero{padding-block:95px 105px;gap:65px}.hero-visual{padding-right:15px}h1{font-size:67px}.hero-description{font-size:15px}.hero-note{font-size:11px}.code-content{font-size:13px}.code-window{margin-left:10px}.feature-card{padding:28px}}
@media(max-width:1150px){.container{width:calc(100% - 64px)}.desktop-nav{gap:19px;font-size:12px}.header-actions{gap:18px}.hero{gap:32px}.hero-actions{gap:15px;flex-wrap:wrap}.hero .button{padding-inline:17px;font-size:12px}.hero-description{font-size:13px}.desktop-break{display:none}.code-content{font-size:10px}.line-number{width:22px;margin-right:5px}.code-content{padding-inline:10px}.feature-card{padding:21px}.feature-card h3{font-size:16px}.technology{font-size:14px}.technology:last-child{font-size:11px}.section-heading>p{font-size:11px}.technology-inner{gap:12px}.learning-section{gap:50px}.cta-code{font-size:14px;right:3%}}
@media(max-width:850px){.desktop-nav{display:none}.hero{grid-template-columns:1fr;padding-top:49px;gap:35px;padding-bottom:70px}.hero-copy{max-width:580px}h1{font-size:64px}.hero-description{max-width:430px;font-size:14px}.hero-actions{gap:25px}.hero-visual{max-width:510px;width:calc(100% - 35px);margin:0 auto}.code-content{font-size:13px}.hero-visual{padding-top:45px}.visual-caption{bottom:-26px}.technology-inner{flex-wrap:wrap;justify-content:center;padding-block:20px;gap:15px 24px}.technology-inner>span:first-child{flex-basis:100%;max-width:none;text-align:center}.technology{font-size:15px}.strip-star{font-size:14px}.technology:last-child{font-size:13px}.section-heading{align-items:flex-start;flex-direction:column;gap:20px}.section-heading>p{font-size:13px}.feature-grid{grid-template-columns:1fr}.feature-card{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;padding:25px}.feature-top{grid-column:1/-1;margin-bottom:22px}.mini-terminal,.mini-lessons,.mini-progress{grid-column:2;grid-row:2/5;margin:0;align-self:center;height:112px}.feature-card h3{font-size:19px;grid-column:1}.feature-card>p{grid-column:1;font-size:12px}.card-link{grid-column:1}.learning-section{gap:30px}.learning-steps li{gap:13px}.cta-decoration{left:-30px;font-size:110px}.cta-code{right:-45px;bottom:20%;font-size:14px}.site-footer>p{display:none}.about-section{padding-block:60px}}
@media(max-width:540px){.container{width:calc(100% - 40px)}.site-header{height:85px;gap:10px}.brand{gap:8px}.brand-mark{width:35px;height:35px;border-radius:9px;font-size:28px;line-height:32px}.brand-name{font-size:22px}.brand-name>span{font-size:8px;letter-spacing:1px;margin-top:5px}.header-actions{gap:13px}.login-link{font-size:12px}.button-small{padding-inline:11px;min-height:37px;font-size:10px;gap:8px}.button-small>span{font-size:17px}.hero{padding-top:39px;gap:30px}.hero .eyebrow{font-size:9px;letter-spacing:.8px;margin-bottom:25px}h1{font-size:clamp(39px,10.6vw,55px);letter-spacing:-2.2px;line-height:1.15;margin-bottom:27px}.hero-description{font-size:13px;line-height:1.85}.hero-actions{gap:20px}.hero .button{min-height:49px;font-size:12px;padding-inline:17px;gap:20px}.text-link{font-size:11px}.hero-note{font-size:9px;gap:7px}.hero-visual{width:calc(100% - 8px);padding-left:0;margin-top:6px}.code-content{font-size:10px;line-height:2.2;padding-bottom:17px}.editor-label{padding-top:19px}.window-bar{gap:12px;font-size:9px;padding-inline:12px}.floating-label{font-size:9px;right:-1px;padding:7px 10px;top:7px}.achievement{left:-7px;bottom:5px;padding:11px 13px;gap:9px}.achievement strong{font-size:10px}.achievement div>span{font-size:8px}.achievement-icon{width:28px;height:28px;font-size:14px}.achievement-star{font-size:21px;margin-left:5px}.visual-caption{font-size:8px;right:5px;bottom:-18px}.star-one{font-size:33px;left:-5px;top:13px}.star-two{right:-10px;font-size:23px}.console{margin-inline:17px}.console p{font-size:9px}.technology-inner{gap:13px}.technology{font-size:12px}.technology:last-child{flex-basis:100%;text-align:center;font-size:11px}.technology-inner>.strip-star:nth-last-child(2){display:none}.about-section{padding-block:50px}.section-heading .eyebrow{font-size:8px;letter-spacing:.5px}h2{font-size:31px;letter-spacing:-1.3px}.section-heading>p{font-size:12px}.feature-card{display:flex;padding:24px}.feature-top{margin:0}.mini-terminal,.mini-lessons,.mini-progress{align-self:stretch;min-height:105px;margin:22px 0 20px}.feature-card h3{font-size:20px}.feature-card>p{font-size:13px}.card-link{font-size:11px}.card-index{font-size:9px}.mini-terminal,.mini-lessons{font-size:11px}.terminal-success{font-size:10px}.mini-progress>span:first-child{font-size:10px}.progress-caption{font-size:9px}.learning-section{grid-template-columns:1fr;padding-block:44px;gap:25px}.learning-intro h2 br{display:none}.learning-intro .eyebrow{font-size:8px}.learning-intro>p:not(.eyebrow){font-size:13px}.learning-steps li{padding-block:22px}.learning-steps h3{font-size:16px}.learning-steps p{font-size:12px}.step-number{margin-right:5px}.cta-section{padding:40px 20px}.cta-section h2{font-size:35px;letter-spacing:-1.4px}.cta-section>p:not(.eyebrow){font-size:11px}.cta-decoration{font-size:75px;left:-30px;top:26%}.cta-code{font-size:11px;right:-50px;bottom:12%}.cta-section .eyebrow{font-size:8px}.site-footer{padding-top:32px;gap:20px}.site-footer nav{gap:16px;font-size:10px}.site-footer .brand-name{font-size:18px}.site-footer .brand-mark{width:29px;height:29px;font-size:23px;line-height:26px}.site-footer .brand-name>span{font-size:7px;letter-spacing:.6px}.copyright{padding-top:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* Keep the decorative orbits within the page without affecting keyboard scrolling. */
body{overflow-x:clip}.floating-label{z-index:1}
@media(max-width:380px){.header-actions{gap:10px}.button-small{padding-inline:8px;gap:5px;font-size:9px}.site-header .brand-name{font-size:20px}.site-header .brand-mark{width:32px;height:32px;font-size:26px;line-height:30px}.site-header .brand{gap:6px}}
main{overflow:clip}