:root{--ink:#142d40;--muted:#596f7b;--accent:#0d777e;--line:#d4dfdf;--paper:#f5f6f0;--soft:#e7eee9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif;font-size:16px;line-height:1.6}h1,h2,h3,.brand{letter-spacing:-.035em;font-family:Space Grotesk,Arial,sans-serif;line-height:1.12}h1{margin:20px 0 26px;font-size:clamp(42px,5.8vw,78px);font-weight:500}h2{font-size:clamp(30px,3.6vw,44px);font-weight:500}h3{font-size:24px;font-weight:500}p{color:var(--muted)}a{color:inherit;text-underline-offset:5px}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:5px;outline:3px solid #d38323}main,.site-header,footer{max-width:1240px;margin:auto;padding-left:40px;padding-right:40px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:116px;display:flex}.brand{letter-spacing:.025em;align-items:center;gap:7px;font-size:17px;font-weight:400;text-decoration:none;display:flex}.brand b{color:var(--accent)}.mark{background:var(--ink);color:#84e5d7;border-radius:7px;place-content:center;width:37px;height:37px;margin-right:9px;font-size:23px;font-weight:600;display:inline-grid}.site-header nav{gap:30px;font-size:14px;display:flex}.site-header nav a{text-decoration:none}.skip{z-index:100;background:#fff;padding:12px;position:absolute;top:-100px;left:20px}.skip:focus{top:10px}.hero{grid-template-columns:1.08fr 1fr;align-items:center;gap:64px;padding:74px 0 60px;display:grid}.eyebrow{letter-spacing:.15em;color:var(--accent);text-transform:uppercase;font-size:11px;font-weight:700}.hero h1 span{color:var(--accent)}.lede{font-size:18px;line-height:1.7}.actions{flex-wrap:wrap;align-items:center;gap:23px;margin-top:29px;display:flex}.button{background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:4px;justify-content:center;align-items:center;gap:22px;min-height:52px;padding:13px 21px;font-size:14px;font-weight:600;line-height:1.5;text-decoration:none;display:inline-flex}.button:hover:not(:disabled){background:#235069}.button.secondary{color:var(--ink);background:0 0}.text-link{color:var(--ink);background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.fine,small{color:var(--muted);font-size:12px}.hero-art{color:#dcefeb;background:#112e42;border-radius:7px;overflow:hidden;transform:rotate(1.2deg);box-shadow:15px 18px #e3e8df}.diagram-top{letter-spacing:.08em;justify-content:space-between;gap:10px;padding:23px 22px 15px;font-size:9px;display:flex}.live{color:#78d4c5}.hero-art svg{width:100%;padding:15px 25px;display:block}.art-caption{color:#b2c7cf;border-top:1px solid #355064;justify-content:space-between;align-items:center;margin:20px 24px 0;padding:20px 0 24px;font-size:14px;display:flex}.art-caption strong{color:#f1f8f6;font-weight:500}.big-arrow{color:#82dbca;font-size:32px}.principles{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:28px;margin:35px 0 72px;padding:25px 0;display:grid}.principles>div{padding-left:40px;position:relative}.principles b{color:var(--accent);font-size:12px;position:absolute;top:12px;left:0}.principles h3{margin:10px 0;font-size:17px}.principles p{margin:5px 0;font-size:13px}.section-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.section-heading h2{margin:14px 0 28px}.pill{letter-spacing:.1em;white-space:nowrap;border:1px solid #b9cac5;border-radius:20px;padding:7px 14px;font-size:10px}.cards{grid-template-columns:repeat(3,1fr);gap:18px;margin:8px 0 55px;display:grid}.lesson-card{border:1px solid var(--line);background:#fbfcf6;border-radius:5px;padding:26px;position:relative}.lesson-number{color:#c4d4ce;font-family:Space Grotesk,sans-serif;font-size:36px;position:absolute;top:18px;right:25px}.lesson-card .eyebrow{margin:22px 0;font-size:9px}.lesson-card h3{font-size:28px}.lesson-card p{max-width:220px;font-size:14px}.lesson-card a{color:var(--accent);margin-top:21px;font-size:13px;display:inline-block}.launch-panel{background:#e5eee8;border-radius:6px;grid-template-columns:1.3fr 1fr;gap:60px;margin:25px 0 55px;padding:40px;display:grid}.launch-panel h2{margin-top:20px}.launch-panel p{font-size:14px}.launch-list{align-self:center}.launch-list .button{margin-top:14px}footer{border-top:1px solid var(--line);letter-spacing:.04em;color:var(--muted);justify-content:space-between;gap:20px;margin-top:60px;padding-top:24px;padding-bottom:28px;font-size:10px;display:flex}.page-intro{padding:44px 0 24px}.page-intro h1{font-size:44px}.auth-panel{max-width:550px;margin:auto;padding:70px 0 100px}.auth-panel h1{font-size:44px}.auth-panel form{flex-direction:column;gap:12px;margin:28px 0;display:flex}.auth-panel input{color:var(--ink);background:#fff;border:1px solid #a3bdb5;border-radius:4px;padding:14px}.notice{border-left:3px solid var(--accent);color:var(--ink);background:#e8eeeb;margin:20px 0;padding:16px 20px;font-size:14px}progress{width:100%;height:9px;accent-color:var(--accent);margin-bottom:25px}svg text{font-family:DM Sans,Arial,sans-serif}@media (max-width:800px){main,.site-header,footer{padding-left:22px;padding-right:22px}.site-header{min-height:90px}.brand{font-size:12px}.mark{width:30px;height:30px;margin-right:3px;font-size:19px}.site-header nav{gap:16px;font-size:12px}.hero{gap:35px;padding-top:40px}.hero-art{transform:none}.hero h1{font-size:50px}.lede{font-size:16px}.diagram-top{padding-left:14px;padding-right:14px;font-size:7px}.launch-panel{gap:25px;padding:26px}.cards{gap:10px}.lesson-card{padding:18px}.lesson-card p{font-size:13px}.section-heading{align-items:flex-start}.principles{gap:12px}.principles>div{padding-left:28px}}@media (max-width:600px){.hero{grid-template-columns:1fr;padding:35px 0}.hero h1{font-size:59px}.hero-art{margin:10px 10px 10px 0}.desktop{display:none}.principles{grid-template-columns:1fr;gap:12px;margin:25px 0 45px}.principles>div{padding-left:38px}.cards{grid-template-columns:1fr}.lesson-card{padding:24px}.lesson-card p{max-width:none}.lesson-card .eyebrow{margin-top:10px}.lesson-card a{margin-top:8px}.section-heading{display:block}.pill{margin-bottom:15px;display:inline-block}.launch-panel{grid-template-columns:1fr;gap:10px;padding:25px}.site-header nav a:first-child{display:none}.site-header nav{font-size:12px}.page-intro h1{font-size:36px}.auth-panel h1{font-size:38px}footer{flex-direction:column;gap:5px}.auth-panel{padding-top:45px}.hero-art svg{max-height:320px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}