:root { --paper:#f2eddf; --ink:#10241e; --green:#12372d; --acid:#d9ff4f; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif; }
a { color:inherit; }
a:focus-visible { outline:3px solid #ffbc42; outline-offset:5px; }
header { display:flex; align-items:center; gap:1rem; padding:1.3rem 3vw; border-bottom:1px solid #10241e55; font: .7rem/1.6 monospace; }
header > a:last-child { margin-left:auto; }
.brand { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; color:var(--paper); background:var(--ink); text-decoration:none; font:italic 1rem Georgia,serif; flex-shrink:0; }
main { max-width:1500px; margin:auto; padding:6rem 3vw; }
.eyebrow { font:.75rem/1.7 monospace; letter-spacing:.05em; }
h1 { font-size:clamp(2.7rem,6.5vw,6rem); line-height:1.25; letter-spacing:-.04em; font-weight:600; margin:3rem 0; }
h1 > span { display:block; font:italic .63em/1.1 Georgia,serif; letter-spacing:-.04em; margin-top:.6em; }
.lede { max-width:720px; font-size:1.15rem; line-height:1.8; }
.lede > span, .tile h3 > span, .tile p > span { display:block; margin-top:.6em; }
section { margin-top:6rem; }
.rule { border-top:1px solid var(--ink); display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 0; }
h2 { font-size:1rem; font-weight:500; }
.tile { display:block; max-width:760px; border:1px solid var(--ink); text-decoration:none; transition:box-shadow .2s; }
.tile:hover { box-shadow:6px 6px 0 var(--ink); }
.tile-top,.tile-action { display:flex; justify-content:space-between; padding:1rem 1.5rem; gap:1rem; font: .72rem/1.6 monospace; }
.tile-top { border-bottom:1px solid var(--ink); }
.visual { padding:3rem 1.5rem; display:flex; gap:.5rem; align-items:center; background:var(--green); color:var(--paper); }
.visual > span { display:grid; place-items:center; color:var(--ink); background:var(--paper); font:2.5rem Georgia,serif; width:80px; height:112px; border-radius:.3rem; }
.visual > span:nth-child(2) { color:#d14332; transform:rotate(7deg); }
.visual > b { margin-left:auto; font:clamp(2rem,6vw,4rem) Georgia,serif; color:var(--acid); }
.visual small { display:block; font:.7rem monospace; margin-top:.5rem; }
.tile h3 { font-size:1.6rem; line-height:1.4; margin:1.5rem; }
.tile h3 > span { font:1.5rem Georgia,serif; }
.tile p { line-height:1.7; margin:1.5rem; }
.tile-action { border-top:1px solid var(--ink); align-items:center; }
.tile-action b { margin-left:auto; font-size:1.6rem; }
footer { padding:2rem 3vw; border-top:1px solid #10241e55; font-size:.75rem; }
@media(max-width:600px) { header > span { display:none; } main { padding:4rem 1rem; } .visual { padding:2rem 1rem; } .visual > span { width:54px;height:80px;font-size:1.7rem; } .tile-top,.tile-action { padding:1rem; gap:.5rem; flex-wrap:wrap; } }
@media(prefers-reduced-motion:reduce) { .tile { transition:none; } }

.accounting-tile{margin-top:2rem}.accounting-visual{display:flex;align-items:center;justify-content:space-around;gap:.4rem;padding:3rem 1rem;background:var(--green);color:var(--paper)}.accounting-visual>span{font:2.5rem Georgia,serif;text-align:center;border:1px solid #f2eddf88;padding:1.2rem .6rem;width:25%}.accounting-visual small{display:block;font:.75rem/1.5 Arial,"PingFang SC",sans-serif;margin-top:1rem}.accounting-visual>b{color:var(--acid);font-size:1.5rem}