body{margin:0;background:#f7fff9;color:#18352a;font:17px/1.75 Georgia,serif}header{padding:26px 8% 80px;background:#226448;color:#fff}.hero,main{max-width:850px;margin:auto}.hero{padding-top:48px}.hero h1{font-size:clamp(2.4rem,6vw,4.8rem);line-height:1.05}main{background:#fff;padding:45px max(6vw,24px);margin-top:-35px;border-radius:28px;box-shadow:0 20px 55px #16412820}h2{line-height:1.2;margin-top:2.2em}a{color:#17613e}.button{background:#ffd166;color:#18352a;border-radius:999px;padding:13px 20px;text-decoration:none;font-weight:bold}.related{background:#e8f6e9;padding:22px;border-radius:17px}.invoice-example{background:#eef9ef;padding:28px;border-radius:18px}.invoice-example table{width:100%;border-collapse:collapse;font-family:system-ui}.invoice-example th,.invoice-example td{padding:11px;text-align:left;border-bottom:1px solid #c9e6d1}.invoice-example th{color:#17613e}footer{text-align:center;color:#557363;padding:42px}
/* Editorial redesign */
body{background:#fff;color:#263238;font:18px/1.8 Georgia,serif}header{padding:0 7vw 4.5rem;background:#fff;color:#15261f;box-shadow:0 4px 20px rgba(15,23,42,.05)}header>b{display:none}.topbar{max-width:1100px;margin:auto;padding:1.2rem 0;display:flex;justify-content:space-between;align-items:center;font-family:system-ui,sans-serif}.site-name{color:#15261f;text-decoration:none;font-weight:800}.topbar nav{display:flex;gap:1.35rem}.topbar nav a{color:#63716a;text-decoration:none;font-size:.88rem}.hero{max-width:900px;margin:5rem auto 0}.hero p{font:700 .78rem system-ui,sans-serif;text-transform:uppercase;letter-spacing:.09em;color:#69766f}.hero h1{font-size:clamp(2.5rem,5vw,4.7rem);letter-spacing:-.045em}.button{background:#15261f;color:#fff;border-radius:2px}.button:hover{background:#30483e}main{max-width:790px;margin:-.5rem auto 0;padding:4rem 0;box-shadow:none;border-radius:0}h2{color:#15261f}.related,.invoice-example{background:#f3f6f4;border-radius:0}.invoice-example table{font-family:system-ui,sans-serif}footer{background:#15261f;color:#d4ddd8}footer a{color:#fff}@media(max-width:640px){.topbar{flex-direction:column;align-items:flex-start}.topbar nav{flex-wrap:wrap;gap:.9rem}main{padding:3rem 1.5rem}}