*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#f8faf9;color:#173448;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:#087b7d;text-underline-offset:4px}a:hover{text-decoration:underline}a:focus-visible,summary:focus-visible{outline:3px solid #cc7a22;outline-offset:5px}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.header{background:#fff;border-bottom:1px solid #dce6e5}.nav{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-size:27px;font-weight:800;color:#173448;text-decoration:none;letter-spacing:-1px}.brand-dot{color:#007e82}.navlinks{display:flex;align-items:center;gap:32px}.navlinks a{text-decoration:none;font-weight:600;font-size:15px;color:#355364}.navlinks a[aria-current]{color:#007b80}.nav-signin{border:1px solid #b8cdce;border-radius:7px;padding:9px 18px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:72px;align-items:center;padding-top:76px;padding-bottom:78px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:800;color:#087c7f;margin:0 0 14px}.hero h1{font-size:clamp(46px,5.1vw,68px);line-height:1.06;letter-spacing:-2.5px;margin:0 0 24px;font-weight:800}h1 em{font-style:normal;color:#007d80}.lead{font-size:18px;line-height:1.7;color:#4a6472;max-width:500px;margin:0 0 27px}.button{background:#007c80;color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border-radius:7px;padding:14px 23px;font-weight:700}.button:hover{background:#00666a;text-decoration:none}.subtle{font-size:12px;color:#5c707c;margin-top:21px}.hero-art{border:1px solid #d2dfde;border-radius:15px;overflow:hidden;background:#122f40;box-shadow:0 20px 45px #12334213;transform:rotate(1deg)}.editor-bar{display:flex;justify-content:space-between;padding:16px 22px;color:#aac4cc;font-size:10px;letter-spacing:1.7px;border-bottom:1px solid #35505d}.editor-bar>span:first-child{color:#81b6af;letter-spacing:4px}.editor-content{padding:27px}.code-label{font-size:10px;letter-spacing:1.5px;color:#91b8bd}pre{color:#f6e1b5;font-size:12px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;margin:18px 0 27px}code span{color:#76d9cb}.preview{border-radius:7px;background:#f1f6f0;padding:28px;color:#173448}.preview-label{display:block;font-size:9px;letter-spacing:1.5px;color:#55766a;margin-bottom:12px}.preview strong{font-size:29px;letter-spacing:-1px}.preview p{margin:4px 0 21px;font-size:13px;color:#516c63}.preview-lines{display:flex;gap:7px}.preview-lines i{height:7px;width:38px;background:#a6ccc0;border-radius:4px}.preview-lines i:first-child{width:95px;background:#087f7d}.art-caption{padding:15px 27px;background:#1b3a49;color:#c4d8dc;font-size:11px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8ed4b6;margin-right:8px}.benefit-band{background:#e9f1ed;border-block:1px solid #d9e4df}.benefits{display:flex;justify-content:space-between;padding-block:20px;font-size:14px;color:#50685f}.benefits b{color:#1c4c43;margin-right:5px}.courses{padding-block:72px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:30px}h2{font-size:34px;line-height:1.2;letter-spacing:-1px;margin:0 0 15px}.section-heading>p{max-width:350px;font-size:15px;color:#5b707b;margin:0 0 15px}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.course-card{background:#fff;border:1px solid #d9e3e3;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.card-art{height:150px;padding:24px;position:relative;overflow:hidden;background:#d6eae5;display:flex;flex-direction:column;justify-content:space-between}.course-symbol{font:700 43px/1 monospace;letter-spacing:-3px;color:#087773;z-index:1}.art-tag{font-size:9px;letter-spacing:1.5px;color:#285c59;z-index:1}.art-detail{position:absolute;width:130px;height:130px;border:22px solid #ffffff5c;border-radius:50%;right:-12px;top:28px}.python .card-art{background:#e6eaf6}.python .course-symbol,.python .art-tag{color:#4e5985}.python .art-detail{border-radius:18px;transform:rotate(25deg)}.csp .card-art{background:#f4e7cc}.csp .course-symbol,.csp .art-tag{color:#82612e}.csp .art-detail{border-radius:0;transform:rotate(45deg)}.card-body{padding:26px;display:flex;flex-direction:column;flex:1}.card-body .eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:10px}h3{font-size:24px;line-height:1.25;letter-spacing:-.6px;margin:0 0 14px}.card-body>p{font-size:14px;color:#566d79;margin:0 0 16px}.card-body .card-intro{font-size:16px;font-weight:700;color:#284756;line-height:1.5;min-height:48px}.card-body ul{padding-left:18px;margin:0 0 23px;color:#405d69;font-size:14px}.card-body li{padding-bottom:9px}.card-body li::marker{color:#108782}.outcome{border-top:1px solid #e2eae8;padding-top:20px;margin-top:auto}.outcome span{display:block;font-size:9px;letter-spacing:1px;color:#6c807f;margin-bottom:7px}.outcome strong{font-size:14px;line-height:1.5;display:block}.card-body details{font-size:13px;padding:19px 0;color:#526c75}.card-body summary{font-weight:700;color:#254e5c;cursor:pointer}.course-link{border-top:1px solid #e2eae8;padding-top:19px;font-size:14px;font-weight:700;display:flex;justify-content:space-between;text-decoration:none}.also{display:flex;align-items:center;gap:27px;border:1px solid #d9e3e3;border-radius:10px;margin-top:25px;padding:26px 30px;background:#fff}.math-mark{font:700 27px monospace;color:#71806a;background:#f0f1e8;padding:17px;border-radius:8px;white-space:nowrap}.also h3{font-size:21px;margin-bottom:4px}.also p{margin:0;font-size:14px;color:#576e78}.also .eyebrow{font-size:9px;color:#61745f;margin-bottom:5px}.also>a{margin-left:auto;white-space:nowrap;font-size:14px;font-weight:700}.how{background:#eaf1ef;padding:58px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:32px}.steps article>span{font-size:13px;color:#087a78;font-weight:800}.steps h3{font-size:21px;margin-top:12px}.steps p{font-size:15px;color:#526b72;margin:0}.join{display:flex;justify-content:space-between;gap:50px;padding-block:66px}.join h2{font-size:40px}.join p{max-width:490px;font-size:15px;color:#536d78}.join-actions{max-width:340px;align-self:center}.join-actions .button{width:100%}.membership-link{display:block;margin-top:15px;font-size:14px;text-align:center}.join-actions p{font-size:12px}.faq{padding-bottom:55px}.faq details{border-top:1px solid #d6e1df;padding:17px 0}.faq summary{font-weight:600;cursor:pointer}.faq p{max-width:760px;color:#536d78;font-size:14px}.footer{border-top:1px solid #d6e1df;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:28px}.footer p,.footer>a:last-child{font-size:12px;color:#5e7480}.skip{position:absolute;left:12px;top:-100px;z-index:10;background:#fff;padding:12px}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:950px){.hero{gap:30px}.card-body{padding:20px}.course-grid{gap:16px}h3{font-size:21px}.benefits{font-size:12px}.hero h1{font-size:52px}.preview strong{font-size:24px}}@media(max-width:740px){.wrap{width:calc(100% - 36px)}.nav{min-height:72px;gap:15px}.brand{font-size:24px}.navlinks{gap:16px}.navlinks a{font-size:12px}.navlinks>a:nth-child(2){display:none}.hero{grid-template-columns:1fr;padding-block:43px;gap:32px}.hero h1{font-size:52px}.hero-art{transform:none}.benefits{flex-wrap:wrap;gap:8px 20px}.section-heading{display:block}.courses{padding-block:45px}.course-grid{grid-template-columns:1fr}.card-body{padding:25px}.card-body .card-intro{min-height:0}.card-art{height:125px}.section-heading>p{max-width:none}.also{flex-wrap:wrap;padding:24px;gap:15px}.also>div{flex:1;min-width:180px}.also>a{margin-left:0}.steps{grid-template-columns:1fr;gap:28px}.join{display:block;padding-block:46px}.join-actions{max-width:none;margin-top:25px}.join h2{font-size:34px}.footer{flex-wrap:wrap}.footer p{margin:0}h2{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
