@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;500;600;700;800&family=Fraunces:ital,wght@0,400;0,500;1,400&family=Space+Mono:wght@400;700&display=swap');
:root{--ink:#24271f;--night:#1b160f;--paper:#f5f2e9;--cream:#e9dcc0;--muted:#626557;--line:#d8d8c9;--olive:#46513b;--gold:#cfa253;--clay:#9c533c;--font:"Bricolage Grotesque",Arial,sans-serif;--serif:"Fraunces",Georgia,serif;--mono:"Space Mono",monospace;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.55}a{color:inherit;text-underline-offset:4px}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button,a{touch-action:manipulation}img{max-width:100%}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #936b2b;outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;top:-100px;left:16px;z-index:100;background:var(--paper);padding:12px}.skip:focus{top:12px}.sprite{image-rendering:pixelated;object-fit:contain;width:64px;height:88px;flex:none}.eyebrow{display:block;font:700 11px/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.06;letter-spacing:-.035em}h1{font-size:clamp(42px,6vw,78px)}h2{font-size:clamp(32px,4vw,50px)}h3{font-size:23px;line-height:1.2;letter-spacing:-.02em}.muted{color:var(--muted)}.wrap{max-width:1180px;margin:auto;padding:0 32px}.site-header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 40px;border-bottom:1px solid var(--line)}.wordmark{font:800 15px var(--font);text-decoration:none;letter-spacing:.025em}.wordmark span{color:var(--muted)}.site-nav{display:flex;gap:28px}.site-nav a{font-size:14px;text-decoration:none;padding:10px 0;min-height:44px}.site-nav a[aria-current]{border-bottom:2px solid currentColor}.site-nav a:hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:12px 22px;border:1px solid var(--olive);border-radius:6px;background:var(--olive);color:#fffdf6;font-size:15px;font-weight:600;text-decoration:none;line-height:1.35;box-shadow:none}.button:hover{background:#343f2b}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.button.secondary:hover{background:#e8e9df}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.text-link{display:inline-block;min-height:44px;padding:10px 0;font-weight:600}.site-footer{max-width:1180px;margin:0 auto;padding:36px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.site-footer p{margin:0}.site-footer a{display:inline-block;padding:10px 0}.sprite-note{display:flex;align-items:center;gap:16px}.sprite-note p{margin:4px 0 0;max-width:46ch}.sprite-note .eyebrow{font-size:10px}.night{background:var(--night);color:var(--cream);--line:#514634;--muted:#c0b49a}.night .site-header{border-color:#493d2c}.night .button{background:var(--gold);border-color:var(--gold);color:var(--night)}.night .button.secondary{background:transparent;color:var(--cream);border-color:#77674d}.night .button:hover{filter:brightness(1.08)}.night .eyebrow{color:var(--gold)}.night .sprite-note{border-top:1px solid #514634;padding-top:20px}.pixel-world{display:block;image-rendering:pixelated;width:100%;object-fit:cover;object-position:center;height:auto}.home-hero{padding-top:70px;display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:end}.home-hero h1{max-width:16ch;font-size:clamp(44px,5.7vw,76px);margin:15px 0 24px}.home-hero h1 em{color:var(--gold)}.home-intro{font-size:19px;color:#d3c7ac;max-width:32ch;margin-bottom:30px}.home-reassurance{font-size:13px;color:var(--muted);margin:18px 0 0}.hero-aside{padding-bottom:12px}.hero-aside .eyebrow{margin-bottom:14px}.hero-aside p{font-family:var(--serif);font-size:25px;line-height:1.3}.street{max-width:1440px;margin:44px auto 0;overflow:hidden;border-bottom:6px solid var(--gold)}.street img{min-height:160px}.paper-section{background:var(--paper);color:var(--ink);padding:68px 0;--muted:#626557;--line:#d8d8c9}.paper-section .eyebrow{color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}.section-head h2{margin:8px 0 0}.section-head p{max-width:30ch;color:var(--muted);margin:0}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.route{padding:30px 30px 20px 0;display:flex;flex-direction:column}.route+.route{border-left:1px solid var(--line);padding-left:30px}.route .sprite{margin-bottom:18px}.route h3{margin:10px 0}.route p{color:var(--muted);max-width:27ch}.route a{margin-top:auto;align-self:flex-start}.game-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:64px 32px}.game-feature img{width:100%;image-rendering:pixelated;border:8px solid #302b23}.game-feature h2{margin:14px 0 20px}.game-feature p{color:#cec0a4;max-width:38ch}.tools-heading{padding:64px 0 42px;display:grid;grid-template-columns:1fr auto;gap:35px;align-items:end}.tools-heading h1{margin:12px 0 20px}.tools-heading p{font-size:18px;max-width:39ch;margin:0;color:var(--muted)}.tools-heading .sprite-note p{font-size:15px;max-width:22ch}.invoice-feature{border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:#fffdf6}.invoice-feature .copy{padding:45px}.invoice-feature h2{margin:18px 0}.invoice-feature p{max-width:32ch;color:var(--muted)}.invoice-sample{background:#e7e9dc;padding:40px;display:grid;place-items:center}.sample-paper{background:#fffefb;width:100%;max-width:335px;padding:28px;box-shadow:0 10px 24px #25291c0c;font-size:12px;transform:rotate(-2deg)}.sample-paper h3{font-family:var(--serif);font-size:32px;font-weight:400}.sample-paper .sample-row{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.sample-paper strong{font-size:19px}.sample-paper .eyebrow{font-size:9px}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:30px 0 45px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.tool-card{padding:30px;display:flex;flex-direction:column;gap:10px}.tool-card+.tool-card{border-left:1px solid var(--line)}.tool-card h3{margin:10px 0 0}.tool-card p{margin:0 0 15px;color:var(--muted)}.tool-card .actions{margin-top:auto;gap:4px 18px}.tool-card .text-link{font-size:14px}.tool-note{margin-bottom:50px;border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;align-items:start;gap:28px}.tool-note p{font-size:14px;max-width:50ch;color:var(--muted)}.tool-note .sprite-note p{font-size:15px}.download-note{font-size:12px;color:var(--muted);margin:12px 0 0}.format-tag{font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.tool-help{margin:22px 0 50px}.tool-help summary{cursor:pointer;padding:15px 0;border-top:1px solid var(--line);font-weight:600}.tool-help p{max-width:62ch;color:var(--muted)}
@media(max-width:760px){.wrap{padding:0 22px}.site-header{padding:14px 22px;gap:10px;flex-wrap:wrap}.site-nav{gap:22px}.wordmark{font-size:14px}.site-nav a{font-size:13px}.home-hero{padding-top:44px;grid-template-columns:1fr;gap:24px}.home-hero h1{font-size:clamp(40px,11.5vw,60px)}.hero-aside{display:none}.street{margin-top:28px}.street img{height:155px;width:930px;max-width:none;transform:translateX(-70px)}.paper-section{padding:44px 0}.section-head{align-items:start;flex-direction:column}.route-grid,.tools-grid{grid-template-columns:1fr}.route{padding:24px 0;display:grid;grid-template-columns:64px 1fr;gap:0 20px}.route .sprite{grid-row:1/5;margin:0}.route>*:not(.sprite){grid-column:2}.route+.route{border-left:0;border-top:1px solid var(--line);padding:24px 0}.route p{max-width:none}.route h3{margin:5px 0 10px}.game-feature{padding:44px 22px;grid-template-columns:1fr;gap:28px}.game-feature>img{max-width:480px}.tools-heading{padding:40px 0 28px;grid-template-columns:1fr;gap:20px}.tools-heading>.sprite-note{display:none}.invoice-feature{grid-template-columns:1fr}.invoice-feature .copy{padding:28px}.invoice-sample{padding:26px}.tools-grid{margin-top:22px}.tool-card{padding:26px}.tool-card+.tool-card{border-left:0;border-top:1px solid var(--line)}.tool-note{flex-direction:column;gap:8px}.site-footer{padding:28px 22px;align-items:start;flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}