:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#101513;color:#e9f1ed}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:30px}nav{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:12px 0 38px;border-bottom:1px solid #2d3933}.brand{font-weight:800;letter-spacing:.15em}a{color:#a2dfbd;text-underline-offset:5px}header{padding:65px 0 50px;max-width:780px}.eyebrow,.number{font-size:.75rem;letter-spacing:.16em;color:#95b5a4}h1{font-size:clamp(2.6rem,6vw,4.8rem);line-height:1.06;letter-spacing:-.05em;margin:24px 0}h1 em{font-style:normal;color:#b9ed9e}p{color:#aebfb5;line-height:1.7}header p{font-size:1.12rem;max-width:620px}.pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.pills span{border:1px solid #3d4c42;border-radius:99px;padding:6px 14px;font-size:.8rem}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}article{padding:30px;background:#19211d;border:1px solid #344339;border-radius:14px}h2{font-size:1.4rem;letter-spacing:-.03em}button{background:#b9ed9e;color:#182619;font:inherit;font-weight:650;border:0;border-radius:6px;padding:12px 18px;cursor:pointer}button:hover{background:#d1ffba}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b9ed9e;outline-offset:4px}label{display:block;margin:16px 0 7px;font-size:.85rem}input{width:100%;padding:12px;background:#101513;color:#e9f1ed;border:1px solid #506355;border-radius:6px;font:inherit}form button{margin-top:18px}ol{padding-left:24px;line-height:2;color:#c1d9cb;min-height:100px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.82rem;line-height:1.7;background:#101513;padding:16px;border-radius:6px;min-height:70px}aside{margin:32px 0;padding:10px 0;border-top:1px solid #344339}footer{font-size:.8rem;line-height:1.8;color:#91a798;padding:15px 0 25px}@media(max-width:720px){main{padding:20px}.grid{grid-template-columns:1fr}header{padding:42px 0}article{padding:24px}nav{font-size:.8rem}}