:root{--paper:#f3f0e8;--ink:#17211d;--green:#174f3b;--line:#c8c6bc;--red:#ad493c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}header,footer{max-width:1240px;margin:auto;padding:22px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.03em}.brand span{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--ink);font:700 12px Georgia}.brand small{font:10px monospace;color:#68736d;text-transform:uppercase;letter-spacing:.15em}nav,footer div{display:flex;gap:28px;align-items:center}nav a{font-size:13px}.login{border:1px solid;padding:10px 14px}.hero{max-width:1240px;margin:auto;padding:100px 30px 70px;display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:center}.kicker{font:700 11px monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--green)}h1{font:500 clamp(52px,6vw,88px)/.95 Georgia,serif;letter-spacing:-.045em;margin:22px 0}h1 em{color:var(--green);font-style:italic}.lead{font:18px/1.65 Georgia;color:#536059;max-width:620px}.actions{margin-top:34px;display:flex;align-items:center;gap:28px;font-size:14px}.primary,button{display:inline-block;background:var(--green);color:white;border:0;padding:14px 20px;font-weight:700}.ledger{border:1px solid var(--ink);background:#faf8f2;box-shadow:14px 14px 0 #d6d1c3}.ledger-head{padding:16px 18px;border-bottom:1px solid var(--ink);display:flex;justify-content:space-between;font:11px monospace}.ledger-head b{color:var(--green)}.entry{display:grid;grid-template-columns:80px 1fr 65px;gap:16px;align-items:center;padding:24px 18px;border-bottom:1px solid var(--line)}.entry i,.entry time{font:10px monospace}.entry strong,.entry small{display:block}.entry small{color:#6c756f;margin-top:6px}.stamp{margin:25px;border:2px solid var(--red);color:var(--red);padding:12px;text-align:center;font:700 12px monospace;letter-spacing:.2em;transform:rotate(-2deg)}.workflow{max-width:1180px;margin:70px auto;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.workflow article{padding:34px;min-height:220px;border-right:1px solid var(--line)}.workflow article:last-child{border:0}.workflow b{font:11px monospace;color:var(--red)}.workflow h2{font:30px Georgia;margin:55px 0 12px}.workflow p,.document p,.auth-grid p{color:#59645e;line-height:1.65}.invite{max-width:1180px;margin:0 auto 80px;padding:35px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);display:flex;justify-content:space-between}.invite a{color:var(--green);font-weight:bold}footer{border-top:1px solid var(--line);border-bottom:0;color:#66716b;font-size:12px}.auth-grid{max-width:1050px;min-height:calc(100vh - 82px);margin:auto;padding:80px 30px;display:grid;grid-template-columns:1fr 420px;gap:100px;align-items:center}.auth-grid form{border:1px solid var(--ink);padding:36px;background:#faf8f2;box-shadow:12px 12px 0 #d6d1c3}.auth-grid label{display:grid;gap:8px;margin-bottom:20px;font:11px monospace;text-transform:uppercase}.auth-grid input{padding:14px;background:transparent;border:1px solid var(--line);font-size:15px}.auth-grid button{width:100%;cursor:pointer}.auth-grid form small{display:block;margin-top:24px;color:#657069}.auth-grid form a,#message{color:var(--green)}.document{max-width:800px;margin:0 auto;padding:100px 30px}.document h1{font-size:64px}.document h2{font:30px Georgia;margin-top:50px}.document .primary{margin-top:22px}@media(max-width:780px){header,footer{padding:17px 18px}nav>a:not(.login){display:none}.hero{display:block;padding:65px 20px}.hero h1{font-size:54px}.ledger{margin-top:55px;box-shadow:7px 7px 0 #d6d1c3}.workflow{grid-template-columns:1fr;margin:40px 20px}.workflow article{border-right:0;border-bottom:1px solid var(--line)}.invite{margin:50px 20px;display:block}.auth-grid{grid-template-columns:1fr;gap:35px;padding:50px 20px}.document{padding:70px 20px}.document h1{font-size:48px}}
