@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--paper:#f4f3e9;--ink:#263e2e;--muted:#606c5c;--line:#d5d8c8;--lime:#d6e795}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-underline-offset:4px}header{display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:28px 5.5%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:11px;line-height:1.4;letter-spacing:2px}.brand b{font-weight:500;letter-spacing:3.4px}.mark{font-family:Georgia;font-size:43px;letter-spacing:-8px;line-height:1}.mark span{color:#7e9a4b}nav{display:flex;align-items:center;gap:32px;font-size:13px}nav a{text-decoration:none}.nav-cta{border:1px solid var(--ink);padding:9px 16px;border-radius:3px}.nav-cta span{margin-left:14px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.07fr 1fr;align-items:center;gap:35px;padding:80px 5.5% 70px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;line-height:1.02;letter-spacing:-2px}h1{font-size:clamp(58px,6.7vw,104px);margin-bottom:29px}h1 em{font-weight:400;color:#70824c}h2{font-size:clamp(43px,4.2vw,66px);margin-bottom:25px}h3{font-size:22px;line-height:1.3;font-weight:500;letter-spacing:-.5px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;margin-bottom:26px}.dot{display:inline-block;background:#7e9a4b;width:7px;height:7px;border-radius:50%;margin-right:8px}.intro{font-size:18px;color:var(--muted);line-height:1.7;max-width:550px}.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin:32px 0 22px}.button{display:inline-flex;gap:35px;justify-content:space-between;align-items:center;padding:15px 22px;background:var(--ink);color:var(--paper);font-size:13px;text-decoration:none;border-radius:3px}.button:hover{background:#446043}.text-link{font-size:13px;font-weight:500;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:4px}.micro{font-size:11px;color:var(--muted)}.robot-art{background:#e9eddd;border:1px solid #d6deca;border-radius:140px 140px 4px 4px;overflow:hidden}.robot-art svg{width:100%;display:block}.art-label{display:flex;justify-content:space-between;padding:15px 22px;border-top:1px solid #d1dac4;font-size:9px;letter-spacing:1px}.principles{display:flex;justify-content:space-around;gap:20px;padding:21px 5%;border-block:1px solid var(--line);font-size:10px;letter-spacing:1.7px}.section{max-width:1440px;margin:auto;padding:85px 5.5%}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-bottom:35px}.section-heading p:not(.eyebrow){color:var(--muted);font-size:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.steps article{border-top:1px solid var(--line);padding-top:25px}.steps span{font-family:Georgia;font-size:28px;color:#8a9772;display:block;margin-bottom:22px}.steps p{font-size:14px;color:var(--muted);max-width:290px}.lab{background:#e5e9d9;display:grid;grid-template-columns:1fr 1fr;gap:90px;border-block:1px solid var(--line);max-width:none;padding-inline:max(5.5%,calc((100vw - 1280px)/2))}.lab>div>p:not(.eyebrow){max-width:400px}.lab .micro{margin-top:24px}.sim{background:var(--paper);padding:32px;border:1px solid #c2cbb4;border-radius:5px;align-self:center}.sim-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.sim-top output{font-size:21px;font-family:monospace}.track{height:115px;display:flex;align-items:center;position:relative;border-bottom:1px solid var(--line);margin-bottom:20px}.tiny-robot{font-size:52px;color:var(--ink);z-index:1}.beam{border-top:2px dashed #a2af7e;width:80%;position:absolute;left:40px}.wall{width:9px;height:65px;background:#7e9a4b;position:absolute;left:60%}.sim label{font-size:12px;display:block}.sim input{width:100%;accent-color:#456237;margin-top:15px}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.decision{background:#e5ebd4;border:1px solid #d0dbb7;margin:22px 0 10px;padding:10px 14px;font-size:13px}.decision.stop{background:#eee2c8}.sim code{font-size:11px;color:var(--muted)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.guide-card{border:1px solid var(--line);padding:30px 25px;text-decoration:none;display:flex;flex-direction:column;min-height:300px;transition:background .2s,transform .2s}.guide-card:hover{background:#e9eddd;transform:translateY(-3px)}.guide-card .eyebrow{font-size:9px;color:#65774d}.guide-card p{font-size:13px;color:var(--muted)}.read{margin-top:auto;padding-top:20px;font-size:11px;display:flex;justify-content:space-between}.read b{font-size:18px}.closing{background:var(--ink);color:var(--paper);padding:75px 7%;text-align:center}.closing .eyebrow{color:var(--lime)}.closing p:not(.eyebrow){max-width:580px;margin:0 auto 28px;font-size:15px;color:#d3dac8}.button.light{background:var(--lime);color:var(--ink)}footer{max-width:1440px;margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px;padding:45px 5.5% 20px}.footer-brand{text-decoration:none;font-family:Georgia;font-size:22px}.footer-brand span{display:block;font-family:Arial;font-size:11px;color:var(--muted);margin-top:7px}footer>div{display:flex;gap:28px;font-size:12px}footer>div a{text-decoration:none}footer>p{flex-basis:100%;font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}.article-head{max-width:950px;margin:60px auto 40px;padding:0 30px}.article-head>a{font-size:12px;display:inline-block;margin-bottom:40px}.article-head h1{font-size:clamp(46px,6vw,78px);max-width:900px}.article-head .intro{max-width:700px}.byline{font-size:11px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:26px}.prose{max-width:760px;margin:0 auto;padding:0 30px 40px;font-size:17px}.prose h2{font-size:36px;letter-spacing:-.7px;margin:45px 0 20px}.prose p{margin-bottom:24px}.prose li{margin-bottom:14px}.prose pre{padding:24px;background:#e5e9d9;overflow:auto;font-size:14px}.note{background:#e5e9d9;border-left:3px solid #7e9a4b;padding:22px;margin:30px 0;font-size:15px}.article-next{max-width:700px;margin:0 auto 70px;border-top:1px solid var(--line);padding-top:30px}.article-next>a{font-size:24px;font-family:Georgia}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:14px;text-align:left;border:1px solid var(--line)}th{background:#e5e9d9}.skip{position:absolute;left:10px;top:-100px;background:var(--ink);color:white;padding:10px;z-index:99}.skip:focus{top:10px}a:focus-visible,input:focus-visible{outline:3px solid #8b9b54;outline-offset:5px}@media(max-width:900px){nav{gap:18px}.hero{gap:20px;padding-top:55px}.hero h1{font-size:67px}.lab{gap:35px}.guide-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){header{padding:20px 6%;align-items:flex-start}.brand{font-size:9px}.mark{font-size:34px}nav{gap:12px;font-size:11px;flex-wrap:wrap;justify-content:flex-end;max-width:190px}nav .nav-cta{display:none}.hero{grid-template-columns:1fr;padding:48px 6% 35px}.hero h1{font-size:68px}.hero .intro{font-size:16px}.robot-art{margin-top:20px;border-radius:100px 100px 4px 4px}.robot-art svg{max-height:330px}.principles{font-size:8px;letter-spacing:.8px;gap:12px}.section{padding:55px 6%}.section-heading{display:block}.section-heading>a{display:inline-block;margin-bottom:15px}.steps{grid-template-columns:1fr;gap:22px}.steps article{display:grid;grid-template-columns:40px 1fr;gap:0 12px}.steps article>p{grid-column:2;max-width:none}.steps span{grid-row:1/3}.lab{grid-template-columns:1fr;gap:25px}.sim{padding:24px}.guide-grid{grid-template-columns:1fr}.guide-card{min-height:240px}.closing{padding:55px 6%}.closing h2{font-size:44px}.article-head{padding:0 6%;margin-top:45px}.article-head h1{font-size:53px}.prose{padding-inline:6%;font-size:16px}.article-next{margin-inline:6%}.prose h2{font-size:32px}footer{padding-inline:6%;gap:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
