*{box-sizing:border-box}body{margin:0;background:#f3f0e8;color:#171717;font-family:Arial,Helvetica,sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:32px 7%;border-bottom:1px solid #d8d1c5}.logo{font-weight:700;letter-spacing:.35em;font-size:24px}nav a{margin-left:30px;color:#171717;text-decoration:none}.hero{min-height:85vh;display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:8% 7%;align-items:center}.tag,.meta{font-size:12px;letter-spacing:.2em;color:#6b665c}h1{font-size:64px;line-height:1.05;margin:25px 0;font-weight:600}p{font-size:20px;line-height:1.6;max-width:650px}button,.button{display:inline-block;margin-top:25px;background:#171717;color:white;border:0;padding:16px 28px;text-decoration:none}.diagram{border:1px solid #c9c1b4;padding:50px;text-align:center;background:#f8f6f0}.node{border:1px solid #171717;padding:20px}.line{height:50px;border-left:1px solid #171717;margin:auto;width:1px}.row{display:flex;justify-content:space-between;gap:15px}.row span{border:1px solid #aaa;padding:18px 10px;flex:1}.meta{margin-top:35px}section:not(.hero){padding:70px 7%;border-top:1px solid #d8d1c5}h2{font-size:36px}@media(max-width:800px){header,.hero{display:block}nav{margin-top:20px}h1{font-size:42px}.diagram{margin-top:40px}.row{display:block}.row span{display:block;margin:10px}}