:root{color:#142a3b;background:#f4f2eb;font:16px/1.65 Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;padding:22px 6vw;border-bottom:1px solid #d8d8ce;background:#fcfbf7}.wordmark{font:24px Georgia,serif;letter-spacing:1px;text-decoration:none;color:#142a3b}.wordmark span{font:10px Arial,sans-serif;letter-spacing:3px;display:block}nav{display:flex;gap:22px;font-size:13px}a{color:#224e43}main{max-width:1140px;margin:auto;padding:0 32px}.hero{padding:58px 0 35px;display:grid;grid-template-columns:1.5fr 1fr;gap:65px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;color:#8b302f;font-weight:bold}h1{font:normal clamp(38px,5vw,62px)/1.05 Georgia,serif;letter-spacing:-1px;margin:17px 0 22px}h1 em{font-weight:normal;color:#436552}.lede{max-width:570px;color:#58655e;font-size:17px}.preview{background:#fcfbf7;padding:24px;border:1px solid #d5d6cc;box-shadow:8px 10px 0 #e6e4db;text-align:center;transform:rotate(-2deg);text-decoration:none;color:#142a3b;position:relative}.preview .border{border:1px solid #adb2a4;padding:22px 10px}.preview small{letter-spacing:2px;font-size:8px}.preview h2{font:22px Georgia,serif}.preview .name{font:italic 25px Georgia,serif;margin:12px}.preview p{font:15px Georgia,serif}.preview .sample{color:#a22d32;font:10px Arial,sans-serif;letter-spacing:2px}.steps{display:flex;gap:24px;padding:8px 0 26px;font-size:12px;color:#55625a}.steps b{color:#8b302f;margin-right:6px}.course-page{padding:20px 0}.course-page h2{font:30px Georgia,serif}.reading{max-width:760px;line-height:1.8;margin:30px auto}.reading p{margin:25px 0}.demo-banner{padding:12px 20px;background:#fff0cf;color:#593f15;font-size:13px}.center{max-width:560px;padding:80px 30px;margin:auto;text-align:center}.center h1{font-size:40px}.button{display:inline-block;padding:12px 20px;background:#153c36;color:white;text-decoration:none;border:0;border-radius:3px;font:14px Arial;cursor:pointer}footer{max-width:1080px;margin:45px auto;padding:20px 0;border-top:1px solid #d2d8cf;color:#647065;font-size:12px;display:flex;justify-content:space-between}a:focus-visible,button:focus-visible{outline:3px solid #ad753a;outline-offset:4px}@media(max-width:650px){header{padding:18px 22px}nav{gap:14px}main{padding:0 12px}.hero{display:block;padding:35px 12px 20px}.preview{display:none}h1{font-size:43px}.steps{flex-wrap:wrap;gap:8px 18px;padding-left:12px}footer{margin:30px 24px;display:block}.lede{font-size:15px}}