@import "https://fonts.googleapis.com/css2?family=Caveat:wght@600&family=IBM+Plex+Mono:wght@400;500;600&family=Public+Sans:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--background:#14120b;--panel:#1b1914;--panel-strong:#201e18;--ink:#f7f5f2;--muted:#aaa59d;--faint:#6c6861;--line:#302e27;--line-strong:#454239;--yellow:#f5b92e;--orange:#ed643d;--green:#7bc96f;--plum:#a95090;--page:min(1200px, calc(100vw - 48px));background:var(--background);color:var(--ink);font-family:Public Sans,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);min-width:320px;color:var(--ink);margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.page-width{width:var(--page);margin-inline:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.brand{align-items:center;gap:10px;width:max-content;font-weight:700;display:inline-flex}.brand img{width:30px;height:30px}.brand__convex{font-size:18px}.brand__explained{color:var(--yellow);font-family:Caveat,cursive;font-size:24px;font-weight:600;position:relative;transform:rotate(-2deg)}.brand__explained:after{content:"";border-top:2px solid var(--yellow);border-radius:50%;height:5px;position:absolute;bottom:-3px;left:-3px;right:-4px;transform:rotate(-1deg)}.brand--compact img{width:20px;height:20px}.brand--compact .brand__convex{font-size:14px}.brand--compact .brand__explained{display:none}.site-header{justify-content:space-between;align-items:center;height:104px;display:flex}.site-header nav,.site-footer nav{color:var(--muted);align-items:center;gap:34px;font-size:15px;display:flex}.site-header nav a:hover,.site-footer nav a:hover{color:var(--ink)}.nav-email{border:1px solid var(--line-strong);color:var(--ink);letter-spacing:.08em;text-transform:uppercase;border-radius:4px;padding:11px 16px;font:600 12px/1 IBM Plex Mono,monospace}.hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(500px,1.03fr);align-items:center;gap:64px;min-height:580px;display:grid}.hero-copy{align-self:center}.hero h1{letter-spacing:-.055em;max-width:610px;margin:0;font-size:clamp(52px,5.15vw,74px);line-height:.98}.hero-copy>p{max-width:560px;color:var(--muted);margin:36px 0 0;font-size:21px;line-height:1.55}.hero-action{align-items:center;gap:28px;margin-top:34px;display:flex}.hero-action>span{color:var(--muted);white-space:nowrap;font-size:15px}.button{background:var(--yellow);color:#211a0c;letter-spacing:.03em;text-transform:uppercase;border-radius:4px;justify-content:center;padding:15px 19px;font:600 13px/1 IBM Plex Mono,monospace;display:inline-flex;box-shadow:inset 0 -1px #00000038}.button:hover{background:#ffc849;transform:translateY(-1px)}.button:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}.system-preview{border:1px dashed var(--line-strong);opacity:.84;pointer-events:none;user-select:none;border-radius:6px;width:100%;height:400px;margin:0;position:relative;transform:rotate(-2.5deg)}.system-card{border:1px solid var(--line-strong);background:var(--panel);border-radius:6px;font-family:IBM Plex Mono,monospace;position:absolute;overflow:hidden;box-shadow:0 8px 22px #00000024}.system-card header{border-bottom:1px solid var(--line);color:var(--faint);letter-spacing:.06em;justify-content:space-between;padding:12px 14px;font-size:11px;display:flex}.system-card header strong{color:var(--green);font-weight:600}.system-card pre{color:#d4d0ca;margin:0;padding:16px;font:13px/1.7 IBM Plex Mono,monospace}.system-card footer{border-top:1px solid var(--line);color:#d4d0ca;gap:7px;padding:11px 14px 13px;font-size:12px;display:grid}.system-card footer small{color:var(--faint);letter-spacing:.08em}.system-card--mutation{width:292px;top:40px;left:24px}.system-card--committer{width:190px;top:78px;left:340px}.system-card--log{width:186px;top:236px;left:345px}.checks{color:#d4d0ca;gap:8px;padding:14px;font-size:12px;display:grid}.checks span:first-letter{color:var(--green)}.log-row{color:#d4d0ca;gap:12px;padding:7px 14px;font:12px/1.2 IBM Plex Mono,monospace;display:flex}.log-row code{color:var(--plum)}.log-row--current{background:#7bc96f24;margin:0 8px 8px;padding:5px 6px}.system-arrow{fill:none;stroke:var(--green);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;position:absolute;overflow:visible}.system-arrow--across{width:60px;height:40px;top:105px;left:292px}.system-arrow--down{width:40px;height:70px;top:169px;left:412px}.featured-section{border-bottom:1px solid var(--line);padding:64px 0 72px}.featured-section>h2,.section-intro h2,.email-section h2{letter-spacing:-.025em;margin:0;font-size:28px;line-height:1.2}.featured-card{border:1px solid var(--line-strong);background:var(--panel);border-radius:6px;grid-template-columns:2fr 1fr;margin-top:34px;display:grid;overflow:hidden}.featured-copy{padding:42px}.featured-title{align-items:baseline;gap:18px;display:flex}.featured-title>span{color:var(--orange);font:600 14px/1 IBM Plex Mono,monospace}.featured-title h3{letter-spacing:-.04em;margin:0;font-size:36px}.featured-copy>p{max-width:650px;color:var(--muted);margin:24px 0 28px;font-size:17px;line-height:1.55}.chapter-list{color:#d7d3cd;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 36px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.chapter-list li{gap:13px;display:flex}.chapter-list li span{min-width:20px;color:var(--faint);font:12px/1.7 IBM Plex Mono,monospace}.featured-footer{justify-content:space-between;align-items:center;gap:24px;margin-top:30px;display:flex}.author{align-items:center;gap:12px;display:flex}.author img{border-radius:50%;width:36px;height:36px}.author>span{gap:2px;display:grid}.author strong{font-size:14px}.author small{color:var(--muted);font-size:12px}.text-link{border-bottom:1px solid var(--yellow);width:max-content;padding-bottom:4px;font-size:14px}.featured-image{object-fit:cover;object-position:58% center;width:100%;height:100%;min-height:430px}.upcoming{border-bottom:1px solid var(--line);grid-template-columns:320px 1fr;gap:64px;padding:72px 0;display:grid}.section-intro p{color:var(--muted);margin:22px 0 0;line-height:1.6}.upcoming-list{margin:0;padding:0;list-style:none}.upcoming-list li{border-top:1px solid var(--line);grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px 0;display:grid}.upcoming-list li:last-child{border-bottom:1px solid var(--line)}.upcoming-number{color:var(--faint);font:12px/1 IBM Plex Mono,monospace}.upcoming-list h3{margin:0 0 5px;font-size:18px}.upcoming-list p{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.status{border:1px solid var(--line-strong);color:var(--faint);letter-spacing:.07em;text-transform:uppercase;border-radius:4px;padding:6px 9px;font:600 10px/1 IBM Plex Mono,monospace}.status--drafting{color:var(--yellow);background:#f5b92e1f;border-color:#f5b92e40}.email-section{border:1px solid var(--line-strong);background:var(--panel);border-radius:6px;justify-content:space-between;align-items:center;gap:48px;margin-top:72px;padding:34px 40px;display:flex}.email-section p{color:var(--muted);margin:10px 0 0}.email-form{width:min(440px,100%);display:flex}.email-form input{border:1px solid var(--line-strong);min-width:0;color:var(--ink);background:#12100b;border-right:0;border-radius:4px 0 0 4px;flex:1;padding:13px 14px}.email-form button{background:var(--yellow);color:#211a0c;text-transform:uppercase;cursor:pointer;border:0;border-radius:0 4px 4px 0;padding:0 18px;font:600 11px/1 IBM Plex Mono,monospace}.site-footer{justify-content:space-between;align-items:center;min-height:150px;display:flex}.site-footer nav{font-size:13px}.prose-page{min-height:calc(100vh - 104px);padding:100px 0}.prose-page h1{letter-spacing:-.05em;max-width:780px;margin:0 0 36px;font-size:clamp(48px,7vw,82px);line-height:1}.prose-page p{max-width:700px;color:var(--muted);font-size:20px;line-height:1.7}.prose-page .text-link{margin-top:44px;display:block}@media (width<=900px){:root{--page:min(100% - 36px, 680px)}.site-header{height:84px}.site-header nav a:not(.nav-email){display:none}.nav-email{padding:10px 12px;font-size:10px}.hero{grid-template-columns:1fr;gap:52px;padding:58px 0 70px}.hero h1{max-width:650px}.system-preview{justify-self:center;width:min(576px,100vw - 48px)}.featured-card{grid-template-columns:1fr}.featured-image{grid-row:1;min-height:340px;max-height:440px}.upcoming{grid-template-columns:1fr;gap:36px}.email-section{flex-direction:column;align-items:flex-start}}@media (width<=560px){:root{--page:calc(100% - 32px)}.brand__convex{font-size:16px}.brand__explained{font-size:21px}.site-header nav{display:none}.hero{gap:46px;min-height:auto;padding:46px 0 58px}.hero h1{font-size:43px;line-height:.98}.hero-copy>p{margin-top:25px;font-size:17px;line-height:1.55}.hero-action{flex-direction:column;align-items:stretch;gap:16px;margin-top:28px}.button{width:100%;font-size:11px}.hero-action>span{text-align:center}.system-preview{width:calc(100vw - 42px);height:420px;transform:rotate(-1.5deg)}.system-card--mutation{transform-origin:0 0;width:calc(100% - 36px);top:22px;left:18px;transform:scale(.82)}.system-card--committer{transform-origin:0 0;width:200px;top:205px;left:18px;transform:scale(.82)}.system-card--log{transform-origin:0 0;width:190px;top:319px;left:168px;transform:scale(.82)}.system-arrow--across{transform-origin:0 0;top:169px;left:68px;transform:scale(.82)}.system-arrow--down{transform-origin:0 0;top:286px;left:128px;transform:scale(.82)}.featured-section{padding:50px 0 58px}.featured-section>h2,.section-intro h2,.email-section h2{font-size:26px}.featured-card{margin-top:26px}.featured-copy{padding:28px 22px}.featured-title{align-items:flex-start;gap:12px}.featured-title h3{font-size:29px;line-height:1.05}.featured-copy>p{font-size:15px}.chapter-list{color:var(--muted);display:block}.chapter-list li{display:none}.chapter-list:before{content:"10 chapters, from The Basics to Putting it all together";font-size:13px;line-height:1.5}.featured-footer{flex-direction:column;align-items:flex-start}.featured-image{min-height:185px;max-height:210px}.upcoming{padding:58px 0}.upcoming-list li{grid-template-columns:24px minmax(0,1fr);align-items:start}.status{grid-column:2;justify-self:start}.email-section{margin-top:50px;padding:26px 22px}.email-form{flex-direction:column;gap:10px}.email-form input{border:1px solid var(--line-strong);border-radius:4px}.email-form button{border-radius:4px;min-height:44px}.site-footer{flex-direction:column;align-items:flex-start;gap:26px;padding:48px 0}.site-footer nav{grid-template-columns:repeat(2,1fr);gap:18px;width:100%;display:grid}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important}}