:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#182a31;background:#f5f7f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{max-width:1120px;margin:auto;padding:28px 36px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce4df}header>a{font-size:23px;font-weight:750;text-decoration:none;color:#182a31}header span{font-weight:450;color:#427363}header small,.muted{color:#61746c}main{max-width:1120px;margin:0 auto;padding:52px 36px 72px;min-height:72vh}h1{font-size:clamp(28px,4vw,44px);line-height:1.3;letter-spacing:-1px;font-weight:650}h2{font-size:23px;margin-top:0}p{line-height:1.8}.eyebrow{font-size:12px;letter-spacing:2px;color:#437565;font-weight:650}.hero{max-width:690px;padding:34px 0 55px}.hero>p:not(.eyebrow){font-size:17px;color:#61746c;margin-bottom:32px}.button,button{display:inline-block;border:0;border-radius:6px;background:#214e3f;color:white;padding:13px 19px;font:inherit;text-decoration:none;cursor:pointer}button:hover,.button:hover{background:#17392e}a{color:#27624c;text-underline-offset:4px}.heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.card{background:white;border:1px solid #dbe4dd;border-radius:9px;padding:28px}.card p{color:#61746c}.card input{display:block;width:100%;padding:13px;border:1px solid #cdd9d0;border-radius:4px;margin:18px 0;color:#284b3c;font:13px ui-monospace,monospace;background:#f8faf8}.card input:focus{outline:2px solid #4a806c;outline-offset:2px}aside{padding:20px 0;color:#52675b;line-height:1.7}.actions{display:flex;gap:12px;margin-top:30px}.actions form+form button{background:transparent;color:#214e3f;border:1px solid #a9beb1}small{font-size:12px}footer{max-width:1120px;margin:0 auto;padding:26px 36px;color:#6d7d73;border-top:1px solid #dce4df;font-size:13px;line-height:1.8}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;background:white}th,td{padding:16px;border-bottom:1px solid #dce4df;vertical-align:middle}td small{color:#61746c}td button{padding:9px 12px;font-size:13px}@media(max-width:700px){main{padding:30px 20px 50px}header,footer{padding:24px 20px}.cards{grid-template-columns:1fr}.heading{align-items:flex-start;flex-direction:column;margin-bottom:24px}.hero{padding-top:15px}.card{padding:22px}h1{letter-spacing:-.4px}.actions{flex-wrap:wrap}}