:root{font-family:Arial,Helvetica,sans-serif;color:#eef0e8;background:#101b1a;font-synthesis:none;--muted:#bdc7bb;--accent:#d7f5a2;--line:#3c4941}*{box-sizing:border-box}body{margin:0}a{color:inherit}header,main,footer{max-width:1180px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:32px 40px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-weight:700;font-size:20px;letter-spacing:2px}.brand span{display:block;font-size:11px;font-weight:400;letter-spacing:1px;margin-top:9px;color:var(--muted)}.github{font-size:14px;text-underline-offset:6px}.intro{padding:86px 40px 96px;max-width:1000px}.eyebrow,.section-label>span{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--accent);margin:0 0 25px}h1{font-size:clamp(40px,6.6vw,78px);line-height:1.06;letter-spacing:-3px;font-weight:500;margin:0 0 30px}h1 em{font-style:normal;color:var(--accent)}.lead{max-width:550px;font-size:19px;line-height:1.7;color:var(--muted);margin:0 0 32px}.button{display:inline-flex;gap:42px;padding:16px 20px;background:var(--accent);color:#152019;font-weight:700;text-decoration:none;border-radius:3px}.work{padding:44px 40px 68px;border-top:1px solid var(--line)}.section-label{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:34px}.section-label h2{font-size:27px;font-weight:400;margin:0}.areas{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.areas article{border-top:1px solid var(--line);padding-top:23px}.number{color:var(--accent);font:12px monospace}h3{font-size:23px;font-weight:400;margin:20px 0 14px}.areas p,.principles p:last-child{color:var(--muted);font-size:16px;line-height:1.75}.principles{padding:60px 40px 75px;border-top:1px solid var(--line)}.principles h2{font-size:clamp(24px,3.5vw,38px);line-height:1.45;font-weight:400;letter-spacing:-.5px}footer{padding:28px 40px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.skip{position:absolute;left:16px;top:-100px;background:var(--accent);color:#101b1a;padding:12px}.skip:focus{top:12px}a:focus-visible{outline:3px solid #fff;outline-offset:6px}.button:hover{background:#e8ffc2}@media(max-width:640px){header{padding:24px}.brand{font-size:17px}.brand span{font-size:9px;letter-spacing:0}.intro{padding:60px 24px}h1{letter-spacing:-1.5px}.lead{font-size:17px}.work,.principles{padding:40px 24px}.section-label{display:block}.section-label h2{margin-top:18px}.areas{grid-template-columns:1fr;gap:24px}.areas article{padding-top:20px}.areas h3{margin:12px 0}.areas p{margin-bottom:0}footer{padding:24px;flex-direction:column;gap:10px}}