:root{--paper:#fafbf7;--white:#fff;--ink:#173b31;--muted:#52634e;--line:#e1e6dc;--lime:#d5f477;--green:#194f3d;--soft:#f0f3e9;--font:'DM Sans',sans-serif;--heading:'Manrope',sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--font);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:wait}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--heading);line-height:1.2;letter-spacing:-1.2px}
h1{font-size:clamp(34px,4vw,56px);font-weight:800}
h2{font-size:clamp(26px,2.8vw,36px);font-weight:750}
h3{font-size:18px;letter-spacing:-.5px}
img{display:block;max-width:100%;height:auto}
button{color:inherit}
svg.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #809c40;outline-offset:4px}
.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}
.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip-link:focus{position:fixed;top:10px;left:10px;padding:12px;background:var(--lime);z-index:1000}
.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--green);border:1px solid var(--green);color:white;padding:14px 22px;border-radius:7px;font-weight:600;font-size:15px;line-height:1.5;transition:background .18s,transform .18s;white-space:nowrap}
.button:hover{background:#103b2d;transform:translateY(-1px)}
.button-small{padding:10px 16px;font-size:14px;gap:14px}
.button-small .icon{width:17px;height:17px}
.button-lime{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.button-lime:hover{background:#c4e864}
.button-outline{background:transparent;color:var(--ink);border:1px solid var(--line)}
.button-outline:hover{background:var(--soft)}
.icon-button{display:inline-flex;align-items:center;justify-content:center;background:none;border:0;width:36px;height:36px;flex-shrink:0;border-radius:6px}
.icon-button:hover{background:var(--soft)}
.eyebrow{display:block;font-size:14px;letter-spacing:1.2px;font-weight:700;line-height:1.6;margin-bottom:15px;color:#587048}
.text-link{display:inline-flex;align-items:center;gap:14px;font-size:14px;font-weight:600}
.text-link:hover{color:#4f792e}
.section{padding-top:76px;padding-bottom:76px}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:32px}
.section-head h2+p{color:var(--muted);margin-top:12px}
.live-dot{display:inline-block;width:7px;height:7px;background:#6e9654;border-radius:50%;margin-right:10px}
.site-header{background:#fafbf7ee;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:60}
.admin-bar .site-header{top:32px}
.header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:inline-flex;align-items:center;gap:9px;font-family:var(--heading);font-size:23px;font-weight:800;letter-spacing:-1px;line-height:1}
.brand-light{font-weight:500}
.brand b{color:#779747}
.brand-mark{width:31px;height:33px;border-radius:9px;background:var(--green);color:var(--lime);display:grid;place-items:center}
.brand-mark .icon{width:19px;fill:currentColor;stroke-width:0}
.primary-nav{display:flex;align-items:center;gap:27px;font-size:14px;color:#52634e}
.primary-nav>a{display:flex;align-items:center;gap:5px;white-space:nowrap;padding:30px 0;position:relative}
.primary-nav .icon{width:15px;height:15px}
.primary-nav>a.active{color:var(--ink);font-weight:700}
.primary-nav>a.active:after{content:'';position:absolute;bottom:19px;left:0;width:18px;height:2px;background:var(--green)}
.primary-nav>a:hover{color:var(--green)}
.saved-count{display:inline-grid;place-items:center;background:#eaf0e0;border-radius:4px;min-width:16px;font-size:14px;padding:0 3px}
.header-actions{display:flex;align-items:center;gap:19px}
.language{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:600}
.language .icon{width:15px;height:15px}
.header-actions .button span{font-size:17px}
.menu-toggle{display:none}
.notice{padding:18px;background:var(--lime);margin-top:15px;border-radius:8px}

/* The home page */
.home-hero{overflow:hidden;background:radial-gradient(ellipse at 80% 50%,#eaf0dc70,transparent 50%)}
.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:65px;min-height:640px;align-items:center;padding-block:68px 72px}
.hero-copy h1{font-size:clamp(46px,5.2vw,73px);letter-spacing:-2.7px;line-height:1.1;font-weight:800}
.hero-underline{position:relative;z-index:1;white-space:nowrap}
.hero-underline:after{content:'';position:absolute;left:0;bottom:6px;width:100%;height:14px;background:var(--lime);z-index:-1;transform:rotate(-1deg)}
.hero-lead{font-size:16px;line-height:1.85;color:var(--muted);max-width:445px;margin-top:25px}
.hero-search{display:flex;align-items:center;gap:12px;background:white;border:1px solid #d7decf;border-radius:9px;padding:7px;margin-top:28px;box-shadow:0 5px 15px #233b2410}
.hero-search>.icon{margin-left:10px;color:#52634e;width:19px}
.hero-search input{background:none;border:0;min-width:0;flex:1;height:38px;font-size:14px;color:var(--ink)}
.hero-search .button{padding:12px 18px;font-size:14px;gap:12px}
.hero-search .button .icon{width:16px;height:16px}
.hero-suggestions{display:flex;gap:14px;margin-top:14px;font-size:14px;color:var(--muted);align-items:center}
.hero-suggestions a{color:var(--ink);border-bottom:1px solid #c6d0b7}
.hero-proof{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);margin-top:25px}
.proof-check{width:19px;height:19px;background:#e8efdc;border-radius:50%;display:grid;place-items:center}
.proof-check .icon{width:12px;height:12px;color:#4e7138}
.hero-visual{position:relative;min-width:0;height:420px;display:flex;align-items:center}
.visual-orbit{position:absolute;border:1px solid #dce5cd;border-radius:50%;width:440px;height:440px;left:18px;top:-15px}
.orbit-two{width:510px;height:510px;left:-17px;top:-50px;border-style:dashed;opacity:.6}
.hero-editor{width:100%;position:relative;background:#19382f;border:1px solid #254b3e;border-radius:12px;box-shadow:0 28px 50px #15372b22;transform:rotate(-3deg);overflow:hidden}
.editor-bar{background:#24463a;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;color:#d2e0cc;font:13px/1.6 ui-monospace,monospace}
.editor-bar>span:first-child{display:flex;gap:5px}
.editor-bar i{width:6px;height:6px;border-radius:50%;background:#6e8a6a}
.editor-bar i:first-child{background:#cc9b70}
.editor-bar i:nth-child(2){background:#d6cf88}
.editor-bar .icon{width:14px;height:14px}
.editor-content{padding:26px 28px 20px;font:14px/1.9 ui-monospace,SFMono-Regular,monospace;color:#aec6b1}
.editor-comment{display:block;color:#b9ceb7;margin-bottom:15px}
.code-purple{color:#ccafe3}
.code-white{color:#eff5df}
.code-lime{color:#d0ed92}
.code-indent{padding-left:22px}
.editor-terminal{margin-top:25px;border-top:1px solid #365244;padding-top:15px;font-size:14px;color:#c7d7bc;display:flex;gap:8px;align-items:center}
.editor-terminal>span:first-child{color:var(--lime);font-size:17px}
.terminal-cursor{display:inline-block;background:#cfe7a3;width:5px;height:11px}
.floating-label{display:flex;align-items:center;gap:10px;position:absolute;right:-12px;top:4px;z-index:3;background:white;border:1px solid var(--line);box-shadow:0 8px 20px #20402b0a;border-radius:7px;padding:12px 16px;font-size:14px;transform:rotate(4deg)}
.floating-label .icon{width:24px;height:19px;border-radius:5px;background:#ea5950;color:white;fill:white;stroke-width:0;padding:4px}
.floating-course{position:absolute;bottom:8px;left:-18px;right:32px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 25px #183d2820;display:flex;align-items:center;gap:13px;padding:18px;transform:rotate(3deg)}
.python-icon{display:grid;place-items:center;width:45px;height:45px;flex-shrink:0;background:#f2edb8;border-radius:9px;color:#647334}
.python-icon .icon{width:25px;height:25px}
.floating-course small{display:block;font-size:14px;letter-spacing:1.4px;color:#52634e;margin-bottom:3px}
.floating-course strong{font-size:15px;display:block}
.floating-course div>span{font-size:14px;color:var(--muted)}
.circle-arrow{margin-left:auto;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#eef4e4}
.circle-arrow .icon{width:15px;height:15px}
.visual-spark{position:absolute;color:#a0ba64}
.spark-one{right:-28px;top:70px;font-size:40px}
.spark-two{left:-20px;top:25px;font-size:28px}
.visual-caption{position:absolute;bottom:-32px;right:20px;font-size:14px;color:#52634e;display:flex;gap:8px;align-items:center}
.caption-line{height:1px;width:25px;background:#a3b58d}
.trust-strip{border-block:1px solid var(--line);background:#f2f4eb}
.trust-inner{min-height:82px;display:flex;justify-content:space-between;align-items:center;gap:22px}
.trust-inner>div{display:flex;align-items:center;gap:10px;font-size:14px;color:#52634e}
.trust-inner strong{font-size:25px;font-family:var(--heading);letter-spacing:-1px;color:var(--ink)}
.trust-inner .icon{color:#73845a;width:20px;height:20px}
.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.topic-card{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;padding:21px 16px;background:white;transition:border-color .18s,transform .18s}
.topic-card:hover{border-color:#95ad71;transform:translateY(-3px)}
.topic-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:9px;background:#edf1df;color:#6c8146;flex-shrink:0}
.tone-1 .topic-icon{background:#f2e7de;color:#a77f61}
.tone-2 .topic-icon{background:#e5e9f4;color:#7c88af}
.tone-3 .topic-icon{background:#f4edcd;color:#9d8a4a}
.topic-card h3{font-size:14px;letter-spacing:-.2px}
.topic-card div>span{font-size:14px;color:#52634e}
.topic-card>.icon{margin-left:auto;width:14px;color:#80916d}
.section-tinted{background:#f1f4ec;border-block:1px solid #e4e8dc}
.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.course-card{border:1px solid #e0e5d8;border-radius:10px;background:white;overflow:hidden;transition:box-shadow .2s,transform .2s;min-width:0}
.course-card:hover{box-shadow:0 12px 26px #2541270e;transform:translateY(-3px)}
.course-media{position:relative;aspect-ratio:16/9;display:block;overflow:hidden;background:#e6ecd9}
.course-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.course-card:hover .course-media img{transform:scale(1.035)}
.course-media:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0e271b25,transparent 50%);pointer-events:none}
.free-badge{position:absolute;left:13px;top:13px;background:#f8fcf1;color:#24452b;font-size:14px;font-weight:700;letter-spacing:.9px;padding:4px 9px;border-radius:4px;z-index:1}
.media-play{position:absolute;bottom:13px;right:13px;border:1px solid #ffffff70;background:#10281f80;backdrop-filter:blur(5px);color:white;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;z-index:1}
.media-play .icon{width:14px;height:14px;fill:currentColor;stroke-width:0}
.media-fallback{width:100%;height:100%;background:linear-gradient(135deg,#244e3d,#6b8460);color:#e5edc6;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:30px;text-align:center;font-size:19px;line-height:1.3}
.media-fallback>.icon{width:35px;height:35px}
.course-body{padding:16px 20px}
.course-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px}
.course-topline>span{font-size:14px;color:#52634e;letter-spacing:1.1px;text-transform:uppercase;font-weight:700}
.course-topline .save-button{width:28px;height:28px;color:#52634e}
.save-button .icon{width:17px;height:17px}
.save-button[aria-pressed=true]{color:var(--green);background:#e8f3cf}
.save-button[aria-pressed=true] .icon{fill:#c8e79a}
.course-body h3{font-size:17px;line-height:1.45;letter-spacing:-.4px;margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:49px}
.course-author{font-size:14px;color:#52634e;margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.course-bottom{border-top:1px solid #edf0e6;margin-top:18px;padding-top:13px;display:flex;align-items:center;justify-content:space-between}
.course-bottom>span{display:flex;gap:6px;align-items:center;font-size:14px;color:#52634e}
.course-bottom .icon{width:14px;height:14px}
.course-bottom>a{color:#647a49}
.mission-band{display:grid;grid-template-columns:.65fr 1.35fr;align-items:center;gap:65px;padding:58px 75px;background:#1b4335;color:#f5f7e9;border-radius:13px;overflow:hidden}
.mission-band .eyebrow{color:#b5cc91}
.mission-band h2{font-size:34px;max-width:600px}
.mission-band p:not(.eyebrow){font-size:14px;color:#d6e2cf;line-height:1.9;margin:18px 0 24px}
.mission-symbol{font-size:200px;color:var(--lime);text-align:center;line-height:1;transform:rotate(12deg)}
.how-section>div:first-child{max-width:500px}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:37px}
.how-grid article>span{display:inline-block;color:#52634e;font:14px var(--heading);border-bottom:1px solid #bccca5;padding-bottom:8px;margin-bottom:20px;min-width:30px}
.how-grid h3,.how-grid h2{font-size:18px;letter-spacing:-.5px;line-height:1.4}
.how-grid p{font-size:14px;color:var(--muted);line-height:1.9;margin-top:12px}
.community-cta{border-top:1px solid var(--line);padding-block:42px;margin-bottom:65px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.community-cta h2{font-size:26px}
.community-cta p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:10px}
.community-cta .eyebrow{font-size:14px;margin-bottom:9px}

/* Catalog and learning */
.catalog-hero{padding:60px 0 50px;background:var(--soft);border-bottom:1px solid var(--line)}
.catalog-hero h1{max-width:800px}
.catalog-hero h1+p{margin-top:20px;color:var(--muted)}
.catalog-section{padding-top:35px}
.catalog-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:16px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:10px;align-items:end}
.catalog-filters label{font-size:14px;font-weight:600;color:#52634e;display:flex;flex-direction:column;gap:7px}
.catalog-filters input,.catalog-filters select{border:1px solid var(--line);border-radius:6px;color:var(--ink);background:#fafbf7;height:45px;padding:0 12px;width:100%;font-size:14px}
.filter-search>div{display:flex;position:relative;margin-top:7px}
.filter-search .icon{position:absolute;left:12px;top:14px;width:17px;height:17px;color:#52634e}
.filter-search input{padding-left:37px}
.catalog-filters .button{height:45px;padding:10px 19px}
.results-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0;font-size:14px;color:var(--muted)}
.results-head strong{color:var(--ink)}
.pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:38px}
.pagination .page-numbers{min-width:37px;height:37px;display:grid;place-items:center;border:1px solid var(--line);background:white;border-radius:6px;font-size:14px}
.pagination .current{background:var(--green);color:white;border-color:var(--green)}
.empty{text-align:center;background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:50px 25px;margin-block:22px}
.empty>p{color:var(--muted);margin-block:20px}
.empty>.button{margin-top:25px}
.empty>.icon{width:40px;height:40px;margin-bottom:20px}
.prose-page{max-width:850px;min-height:55vh}
.prose{font-size:16px;color:#465b48;line-height:1.95;overflow-wrap:anywhere}
.prose h2,.prose h3{color:var(--ink);margin:30px 0 16px}
.prose p,.prose ul,.prose ol{margin:20px 0}
.prose a{color:var(--green);text-decoration:underline}
.prose iframe{max-width:100%}
.prose-page .prose{margin-top:35px}
.about-hero{max-width:970px}
.about-hero h1{max-width:880px;font-size:clamp(40px,5vw,68px)}
.about-hero .hero-lead{max-width:650px;font-size:19px}
.faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;padding-bottom:80px}
.faq-section details{border-bottom:1px solid var(--line);padding:22px 0}
.faq-section details:first-child{border-top:1px solid var(--line)}
.faq-section summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:16px;font-weight:600}
.faq-section summary::-webkit-details-marker{display:none}
.faq-section summary>span{font-size:23px;color:#81975d}
.faq-section details[open] summary>span{transform:rotate(45deg)}
.faq-section details p{margin-top:16px;font-size:14px;color:var(--muted);line-height:1.9}
.course-heading{padding-block:34px}
.breadcrumbs{display:flex;gap:12px;font-size:14px;color:#52634e;margin-bottom:25px}
.course-title-row{display:flex;gap:35px;justify-content:space-between;align-items:center}
.course-title-row h1{font-size:34px;max-width:850px;line-height:1.3}
.course-title-row p{color:var(--muted);font-size:14px;margin-top:18px}
.course-title-row .eyebrow{font-size:14px}
.course-title-row .save-button{flex-shrink:0;font-size:14px}
.learning-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(280px,1fr);gap:28px;align-items:start;padding-bottom:65px}
.video-player{aspect-ratio:16/9;background:#17372c;border-radius:11px;overflow:hidden}
.video-player iframe{border:0;width:100%;height:100%;display:block}
.video-empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;color:#d4e2c5;text-align:center;padding:25px}
.lesson-controls{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:23px 0;border-bottom:1px solid var(--line)}
.lesson-controls .eyebrow{font-size:14px;margin-bottom:7px}
.lesson-controls h2{font-size:18px;letter-spacing:-.5px;line-height:1.5}
.lesson-controls>div:last-child{display:flex;align-items:center;gap:8px;flex-shrink:0}
.curriculum{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.curriculum-heading{padding:24px;border-bottom:1px solid var(--line)}
.curriculum-heading .eyebrow{font-size:14px;margin-bottom:9px}
.curriculum-heading h2{font-size:18px;letter-spacing:-.5px}
.curriculum-heading p{font-size:14px;color:var(--muted);margin-top:9px}
.curriculum ol{list-style:none;padding:0;margin:0;max-height:580px;overflow:auto;scrollbar-width:thin}
.curriculum li{border-bottom:1px solid #edf0e7}
.curriculum li a{display:flex;gap:13px;align-items:center;padding:18px 20px;line-height:1.6;font-size:14px}
.curriculum li a>span:first-child{color:#52634e;flex-shrink:0;min-width:22px;font-size:14px}
.curriculum li a .icon{width:14px;height:14px}
.curriculum .current{background:#edf4df;box-shadow:inset 3px 0 #6d9143;font-weight:600}
.curriculum li a:hover{background:#f5f8ef}
.curriculum-note{padding:20px;font-size:14px;line-height:1.8;color:var(--muted);background:#f7f9f1;display:flex;gap:8px;align-items:flex-start}
.curriculum-note .icon{width:14px;height:14px}
.course-description{margin-top:35px}
.course-description>h2{font-size:24px}

/* Footer and dialog */
.site-footer{background:#eff2e8;border-top:1px solid var(--line);padding-top:50px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:65px;padding-bottom:40px}
.footer-grid .brand{font-size:22px}
.footer-grid p{font-size:14px;color:#52634e;margin-top:20px;max-width:310px;line-height:1.9}
.footer-youtube{display:flex;align-items:center;gap:8px;font-size:14px;color:#52634e;margin-top:18px}
.footer-youtube .icon{width:13px;height:13px}
.footer-grid h3{font-size:14px;letter-spacing:0;margin:5px 0 18px}
.footer-grid>div>a:not(.brand),.footer-grid .text-button{display:block;margin:10px 0;font-size:14px;color:#52634e}
.text-button{padding:0;background:none;border:0}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dbe2d0;padding-block:20px;font-size:14px;color:#52634e}
.footer-bottom>div{display:flex;gap:25px}
dialog{color:var(--ink);width:min(520px,calc(100% - 32px));border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:28px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 100px #0c211a40}
dialog::backdrop{background:#10291f99;backdrop-filter:blur(6px)}
.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.dialog-head .eyebrow{font-size:14px;margin:0}
dialog h2{font-size:28px;margin:20px 0 10px}
dialog>p{font-size:14px;color:var(--muted)}
dialog form{margin-top:20px}
dialog label{display:block;font-size:14px;font-weight:600;margin:15px 0}
dialog input,dialog textarea{display:block;width:100%;border:1px solid #d7dfcb;background:#fff;border-radius:6px;padding:10px;margin-top:7px;font-size:15px;color:var(--ink)}
dialog .button{width:100%;margin-top:12px}
.honeypot{position:absolute!important;left:-10000px;overflow:hidden;width:1px;height:1px}
#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);background:var(--green);color:white;font-size:14px;border:1px solid #507159;border-radius:8px;box-shadow:0 10px 35px #10291f33;padding:14px 24px;opacity:0;pointer-events:none;z-index:100;transition:.2s;max-width:calc(100% - 32px);text-align:center}
#toast.visible{opacity:1;transform:translate(-50%,0)}
[hidden]{display:none!important}

@media(min-width:1500px){.hero-grid{min-height:700px}
.hero-copy h1{font-size:77px}
}

@media(max-width:1120px){.wrap{width:calc(100% - 48px)}
.header-inner{gap:18px}
.primary-nav{gap:17px;font-size:14px}
.header-actions{gap:12px}
.header-actions .button{font-size:14px;padding:10px}
.brand{font-size:20px}
.hero-grid{gap:40px}
.hero-copy h1{font-size:59px}
.hero-visual{height:390px}
.editor-content{font-size:14px;padding-inline:22px}
.hero-search{gap:6px}
.hero-search .button{padding-inline:12px}
.topic-card{padding:16px 12px;gap:9px}
.topic-icon{width:34px;height:34px}
.topic-card h3{font-size:14px}
.course-grid{gap:18px}
.mission-band{padding:45px;gap:45px}
.catalog-filters{grid-template-columns:1.6fr 1fr 1fr auto;gap:10px}
.course-title-row h1{font-size:29px}
}

@media(max-width:900px){.primary-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);padding:18px 24px;border-bottom:1px solid var(--line);box-shadow:0 10px 25px #173b3110}
.primary-nav.is-open{display:flex;flex-wrap:wrap;gap:0}
.primary-nav>a{padding:12px;width:50%}
.primary-nav>a.active:after{display:none}
.menu-toggle{display:inline-flex}
.header-inner{min-height:72px}
.header-actions{gap:20px}
.hero-grid{gap:32px;padding-block:50px;min-height:580px}
.hero-copy h1{font-size:47px;letter-spacing:-2.7px}
.hero-lead{font-size:15px}
.hero-search .button .icon{display:none}
.hero-search input{font-size:14px}
.hero-search>.icon{margin-left:4px;width:15px}
.hero-suggestions{gap:10px;font-size:14px}
.hero-visual{height:345px}
.editor-content{font-size:14px;padding:22px 17px}
.editor-terminal{font-size:14px;margin-top:15px}
.floating-label{top:-4px;right:0;font-size:14px;padding:10px}
.floating-course{bottom:-3px;left:-5px;right:0;padding:13px;gap:10px}
.floating-course strong{font-size:14px}
.floating-course small{font-size:14px}
.floating-course div>span{font-size:14px}
.python-icon{width:36px;height:36px}
.visual-caption{font-size:14px;right:5px}
.visual-orbit{width:340px;height:340px}
.orbit-two{width:400px;height:400px}
.hero-proof{font-size:14px}
.trust-inner{flex-wrap:wrap;justify-content:space-around;padding-block:20px}
.trust-inner>div{font-size:14px}
.trust-inner strong{font-size:21px}
.topic-grid{grid-template-columns:repeat(2,1fr)}
.topic-card h3{font-size:14px}
.course-body{padding:13px 15px}
.course-body h3{font-size:15px;min-height:41px}
.mission-band{gap:35px;padding:40px}
.mission-band h2{font-size:27px}
.mission-symbol{font-size:155px}
.how-grid{gap:30px}
.community-cta h2{font-size:23px}
.community-cta .button{font-size:14px}
.catalog-filters{grid-template-columns:1fr 1fr}
.filter-search{grid-column:1/-1}
.catalog-filters .button{grid-column:1/-1}
.learning-layout{grid-template-columns:minmax(0,1fr)}
.curriculum ol{max-height:400px}
.course-title-row{align-items:flex-start}
.course-title-row .button span{display:none}
.course-title-row .button{padding:13px}
.faq-section{gap:35px}
.footer-grid{gap:30px}
}

@media(max-width:640px){.wrap{width:calc(100% - 36px)}
.header-actions{gap:11px}
.header-actions>.button{display:none}
.header-inner{min-height:66px}
.brand{font-size:22px}
.brand-mark{width:29px;height:30px}
.section{padding-block:48px}
.section-head{gap:15px;align-items:flex-start}
.section-head h2{font-size:25px}
.section-head .text-link{font-size:14px;gap:5px;flex-shrink:0;max-width:100px}
.text-link .icon{width:15px;height:15px}
.eyebrow{font-size:14px;letter-spacing:1px;margin-bottom:12px}
.hero-grid{grid-template-columns:1fr;gap:30px;padding-block:40px 55px}
.hero-copy h1{font-size:clamp(44px,10.3vw,67px);letter-spacing:-1.8px}
.hero-lead{font-size:15px;max-width:380px;margin-top:22px}
.hero-search{margin-top:22px;gap:10px}
.hero-search input{font-size:14px}
.hero-search .button{font-size:14px;padding-inline:16px}
.hero-suggestions{font-size:14px;gap:12px}
.hero-proof{margin-top:20px}
.hero-visual{height:340px;max-width:440px;width:calc(100% - 20px);margin:20px auto 0}
.hero-editor{transform:rotate(-2deg)}
.editor-content{font-size:14px;padding:25px}
.editor-terminal{font-size:14px}
.floating-course{left:0;right:10px;bottom:-3px;padding:15px;transform:rotate(2deg)}
.floating-course strong{font-size:14px}
.floating-course div>span{font-size:14px}
.floating-label{right:-4px;top:-15px;font-size:14px}
.visual-caption{bottom:-32px;font-size:14px}
.visual-orbit{left:0;top:-10px}
.orbit-two{left:-30px;top:-40px}
.trust-inner{display:grid;grid-template-columns:1fr 1fr;gap:19px;padding-block:23px}
.trust-inner>div{font-size:14px;gap:7px}
.trust-inner strong{font-size:23px}
.trust-inner>div:first-child{gap:10px}
.trust-inner .icon{width:18px;height:18px}
.topic-grid{gap:10px}
.topic-card{padding:14px 10px;gap:8px}
.topic-card h3{font-size:14px;line-height:1.4}
.topic-card div>span{font-size:14px}
.topic-icon{width:30px;height:30px;border-radius:7px}
.topic-icon .icon{width:18px;height:18px}
.topic-card>.icon{display:none}
.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.course-body{padding:10px 12px}
.course-topline>span{font-size:14px;letter-spacing:.6px}
.course-body h3{font-size:14px;min-height:35px;letter-spacing:-.2px}
.course-author{font-size:14px;margin-top:7px}
.course-bottom{margin-top:12px;padding-top:10px}
.course-bottom>span{font-size:14px;gap:4px}
.course-bottom .icon{width:11px;height:11px}
.free-badge{left:8px;top:8px;font-size:14px;padding:3px 6px}
.media-play{right:8px;bottom:8px;width:23px;height:23px}
.media-play .icon{width:11px;height:11px}
.course-topline .save-button{height:23px;width:23px}
.save-button .icon{width:14px;height:14px}
.media-fallback{padding:15px;font-size:14px;gap:5px}
.media-fallback>.icon{width:25px;height:25px}
.mission-band{grid-template-columns:1fr;gap:24px;padding:32px 25px;border-radius:10px}
.mission-symbol{font-size:95px;text-align:left}
.mission-band h2{font-size:28px}
.mission-band p:not(.eyebrow){font-size:14px}
.mission-band .button{font-size:14px}
.how-grid{grid-template-columns:1fr;gap:27px;margin-top:25px}
.how-grid article{display:grid;grid-template-columns:35px 1fr;column-gap:15px}
.how-grid article>span{grid-row:1/3;align-self:start;margin-top:6px}
.how-grid h3,.how-grid h2{font-size:18px}
.how-grid p{margin-top:7px;font-size:14px}
.community-cta{flex-direction:column;align-items:flex-start;margin-bottom:35px;padding-block:30px;gap:22px}
.community-cta h2{font-size:25px}
.community-cta .button{font-size:14px}
.footer-grid{grid-template-columns:1fr 1fr;gap:30px;padding-bottom:25px}
.footer-grid>div:first-child{grid-column:1/-1}
.footer-grid p{max-width:320px}
.footer-bottom{flex-direction:column;font-size:14px;gap:12px}
.site-footer{padding-top:35px}
.catalog-hero{padding:40px 0}
.catalog-hero h1{font-size:35px}
.catalog-hero h1+p{font-size:14px}
.catalog-filters{padding:16px;gap:12px}
.results-head{font-size:14px;margin:23px 0}
.results-head .text-link{font-size:14px}
.about-hero h1{font-size:40px}
.about-hero .hero-lead{font-size:16px}
.faq-section{grid-template-columns:1fr;gap:25px;padding-bottom:45px}
.faq-section summary{font-size:15px}
.course-heading{padding-block:26px}
.course-title-row h1{font-size:25px}
.course-title-row{gap:20px}
.course-title-row p{font-size:14px;line-height:1.8}
.course-title-row .button{padding:11px}
.learning-layout{gap:24px}
.lesson-controls{align-items:flex-start;gap:15px}
.lesson-controls h2{font-size:15px}
.lesson-controls .button{font-size:14px;padding:9px 11px;gap:8px}
.lesson-controls .icon-button{width:30px;height:35px}
.curriculum-heading{padding:20px}
.prose{font-size:14px}
.prose-page h1{font-size:33px}
.prose-page .prose{margin-top:25px}
.admin-bar .site-header{top:46px}
}

@media(max-width:370px){.course-grid{grid-template-columns:1fr}
.hero-search{gap:5px}
.hero-search .button{padding-inline:11px}
.hero-suggestions{gap:9px;font-size:14px}
.hero-visual{height:310px}
.editor-content{font-size:14px}
.floating-course strong{font-size:14px}
.brand{font-size:20px}
.topic-card h3{font-size:14px}
.header-actions{gap:6px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{transition:none!important;animation:none!important}
.course-card:hover,.topic-card:hover,.button:hover{transform:none}
}

.extra-filters{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:20px}
.extra-filters label{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--muted)}
.extra-filters select{border:1px solid var(--line);background:white;border-radius:5px;color:var(--ink);padding:8px 10px;font-size:14px;max-width:260px}
.extra-filters .text-link{font-size:14px}
.extra-filters .icon{width:16px;height:16px}
@media(max-width:640px){.extra-filters{gap:12px}
.extra-filters label{width:100%;justify-content:space-between}
.extra-filters select{max-width:70%}
}


/* Comfortable reading and clear controls at every viewport. */
.hero-lead{font-size:18px;line-height:1.8;max-width:520px}

.hero-search input,.catalog-filters input,.catalog-filters select,dialog input,dialog textarea{font-size:16px}

input::placeholder,textarea::placeholder{color:#596852;opacity:1}

.eyebrow,.course-topline>span{line-height:1.7;letter-spacing:1px}

.primary-nav{font-size:14px;gap:22px;color:#465b48}

.header-inner{gap:20px}

.header-actions{gap:14px}

.button{min-height:46px;font-size:15px}

.button-small{min-height:44px;font-size:14px}

.hero-search .button{font-size:15px;min-height:46px}

.hero-search input{height:46px}

.hero-suggestions,.hero-proof{font-size:14px;flex-wrap:wrap}

.hero-proof{line-height:1.7}

.trust-inner{padding-block:22px;gap:24px;flex-wrap:wrap}

.trust-inner>div{font-size:14px;line-height:1.6}

.trust-inner strong{font-size:28px}

.topic-card{padding:22px 16px;align-items:flex-start}

.topic-card h3{font-size:16px;line-height:1.5;overflow-wrap:anywhere}

.topic-card div>span{font-size:14px}

.topic-card>.icon{margin-top:5px}

.course-body{padding:18px 20px}

.course-body h3{font-size:19px;line-height:1.5;min-height:57px;-webkit-line-clamp:3}

.course-author{font-size:15px;line-height:1.7;white-space:normal;overflow-wrap:anywhere}

.course-topline>span{font-size:13px}

.course-topline .save-button,.course-bottom>a{width:44px;height:44px;display:grid;place-items:center;flex-shrink:0}

.course-topline .save-button .icon,.course-bottom .icon{width:20px;height:20px}

.course-bottom>span{font-size:14px;line-height:1.7}

.free-badge{font-size:12px;padding:5px 10px;letter-spacing:.6px}

.section-head .text-link{font-size:15px;line-height:1.7;max-width:none}

.how-grid p,.mission-band p:not(.eyebrow),.community-cta p:not(.eyebrow){font-size:16px;line-height:1.85}

.how-grid h3,.how-grid h2{font-size:21px;line-height:1.4}

.community-cta .eyebrow,.course-title-row .eyebrow,.lesson-controls .eyebrow,.curriculum-heading .eyebrow,.dialog-head .eyebrow{font-size:13px}

.catalog-filters label,.extra-filters label,dialog label{font-size:14px;color:#465b48}

.catalog-filters input,.catalog-filters select{height:48px}

.catalog-filters .button{height:48px}

.filter-search .icon{top:15px}

.extra-filters select{font-size:15px;min-height:44px}

.extra-filters .text-link,.results-head,.results-head .text-link{font-size:14px}

.pagination .page-numbers{min-width:44px;height:44px;font-size:15px}

.breadcrumbs,.course-title-row p{font-size:15px;line-height:1.8;flex-wrap:wrap}

.course-title-row .save-button{font-size:15px}

.lesson-controls h2{font-size:20px;line-height:1.5}

.curriculum-heading h2{font-size:21px;line-height:1.4}

.curriculum-heading p,.curriculum-note{font-size:15px;line-height:1.8}

.curriculum li a{font-size:16px;line-height:1.7;padding:18px 20px}

.curriculum li a>span:first-child{font-size:14px;color:#52634e}

.curriculum .current{background:#e4f0cb;box-shadow:inset 4px 0 #3f672b}

.prose{font-size:17px;line-height:1.9}

.faq-section summary{font-size:18px;line-height:1.6}

.faq-section details p{font-size:16px;line-height:1.85}

.footer-grid p{font-size:16px;max-width:370px}

.footer-youtube{font-size:14px;line-height:1.7}

.footer-grid h3{font-size:17px}

.footer-grid>div>a:not(.brand),.footer-grid .text-button{font-size:15px;line-height:1.8;margin-block:12px}

.footer-bottom{font-size:14px;line-height:1.8}

dialog>p{font-size:16px;line-height:1.8}

.editor-bar{font-size:13px}

.editor-content{font-size:14px;overflow-wrap:anywhere}

.editor-terminal{font-size:13px;line-height:1.8;flex-wrap:wrap}

.floating-label{font-size:14px;line-height:1.6}

.floating-course small{font-size:12px;color:#52634e;letter-spacing:.6px}

.floating-course strong{font-size:17px;line-height:1.5}

.floating-course div>span,.visual-caption{font-size:13px;line-height:1.7}

.hero-visual{height:470px}

.floating-course{bottom:-12px}

.visual-caption{bottom:-54px}

@media(min-width:901px) and (max-width:1100px){
 .primary-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);padding:18px 24px;border-bottom:1px solid var(--line);box-shadow:0 10px 25px #173b3110}

 .primary-nav.is-open{display:flex;flex-wrap:wrap;gap:0}

 .primary-nav>a{width:50%;padding:14px}

 .primary-nav>a.active:after{display:none}

 .menu-toggle{display:inline-flex}

}

@media(max-width:1100px){
 .hero-grid{grid-template-columns:1fr;gap:55px;padding-block:55px 85px}

 .hero-copy{max-width:720px}

 .hero-copy h1{font-size:clamp(48px,7vw,72px)}

 .hero-search{max-width:640px}

 .hero-visual{width:min(560px,calc(100% - 35px));max-width:none;margin:0 auto;height:440px}

 .hero-lead{max-width:610px}

 .hero-editor{max-width:none}

 .floating-label{top:-6px;right:-10px}

 .floating-course{left:0;right:15px;bottom:-5px}

 .visual-caption{bottom:-45px}

}

@media(max-width:640px){
 .hero-copy h1{font-size:clamp(40px,10vw,62px);letter-spacing:-1.8px}

 .hero-lead{font-size:17px}

 .hero-grid{padding-block:35px 75px;gap:45px}

 .hero-search{flex-wrap:wrap;gap:8px;padding:10px}

 .hero-search>.icon{margin-left:4px;width:20px}

 .hero-search input{flex-basis:calc(100% - 45px);width:0}

 .hero-search .button{width:100%}

 .hero-search .button .icon{display:block}

 .hero-suggestions{gap:10px}

 .hero-visual{width:calc(100% - 8px);height:440px;margin:0 auto}

 .editor-content{padding:22px 16px;font-size:13px}

 .editor-bar{font-size:12px}

 .floating-label{font-size:12px;right:0}

 .floating-course{padding:14px;right:0;gap:10px;bottom:-15px}

 .floating-course strong{font-size:16px}

 .floating-course div>span{font-size:12px}

 .floating-course small{font-size:12px}

 .floating-course .circle-arrow{display:none}

 .visual-caption{font-size:12px;bottom:-57px;right:0}

 .trust-inner{grid-template-columns:1fr;gap:18px;padding-block:26px}

 .trust-inner>div{font-size:15px}

 .trust-inner .icon{width:23px;height:23px}

 .section-head{flex-direction:column;gap:15px}

 .section-head h2{font-size:28px;line-height:1.3}

 .topic-grid{grid-template-columns:1fr 1fr}

 .topic-card{padding:16px 12px;flex-wrap:wrap;gap:10px}

 .topic-card h3{font-size:16px}

 .topic-card div>span{font-size:14px}

 .course-grid{grid-template-columns:1fr;gap:24px}

 .course-body{padding:18px 20px}

 .course-body h3{font-size:20px;min-height:0}

 .course-author{font-size:15px}

 .course-topline>span{font-size:13px}

 .course-bottom>span{font-size:15px}

 .mission-band p:not(.eyebrow),.how-grid p{font-size:16px}

 .mission-band .button,.community-cta .button,.lesson-controls .button{font-size:15px}

 .lesson-controls{flex-direction:column;gap:18px}

 .lesson-controls h2{font-size:19px}

 .course-title-row h1{font-size:29px}

 .course-title-row p{font-size:15px}

 .curriculum-heading h2{font-size:21px}

 .faq-section summary{font-size:18px}

 .prose{font-size:17px}

 .footer-bottom{font-size:14px}

 .extra-filters label{align-items:flex-start;flex-direction:column;gap:8px}

 .extra-filters select{width:100%;max-width:100%;font-size:16px}

 .footer-grid{grid-template-columns:1fr;gap:25px}

}

@media(max-width:380px){.topic-grid{grid-template-columns:1fr}
.hero-underline{white-space:normal}
.header-actions{gap:8px}
}

/* Leave room for the larger copy in the hero illustration. */
.hero-visual{height:540px;align-items:flex-start}
.hero-editor{margin-top:36px}
@media(max-width:1100px){.hero-visual{height:520px}}
@media(max-width:640px){.hero-visual{height:530px}.hero-editor{margin-top:34px}.floating-course{bottom:-12px}}