@font-face{font-family:Clash Grotesk;src:url(/fonts/ClashGrotesk-Variable.ttf) format("truetype");font-weight:200 700;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Variable.ttf) format("truetype");font-weight:300 900;font-display:swap}:root{--color-bg: #0a0a0a;--color-surface: #141414;--color-border: #222222;--color-text: #fafafa;--color-muted: #666666;--color-highlight: #ee7062;--color-ok: #7bc47f;--font-display: "Clash Grotesk", sans-serif;--font-body: "Satoshi", sans-serif;--font-mono: ui-monospace, "JetBrains Mono", "SF Mono", Menlo, monospace;--gutter: clamp(1rem, 4vw, 3rem);--maxw: 72rem;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}[hidden]{display:none!important}body{margin:0;min-height:100dvh;background-color:var(--color-bg);background-image:radial-gradient(var(--color-border) 1px,transparent 1px);background-size:28px 28px;color:var(--color-text);font-family:var(--font-body);font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}.page{min-height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem var(--gutter)}.wordmark{font-family:var(--font-display);font-weight:600;font-size:.95rem;letter-spacing:.32em;text-decoration:none;text-transform:uppercase}.topbar__right{display:flex;align-items:center;gap:1.25rem}.main{flex:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:2rem var(--gutter) 4rem}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem 2rem;padding:1.5rem var(--gutter);border-top:1px solid var(--color-border)}.label{margin:0;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted)}.label--on{color:var(--color-text)}.label a{text-decoration:none}.label a:hover{color:var(--color-text)}.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:3rem;padding:0 1.5rem;border:1px solid var(--color-text);border-radius:0;background:var(--color-text);color:var(--color-bg);font-family:var(--font-display);font-weight:500;font-size:.95rem;letter-spacing:.04em;text-decoration:none;cursor:pointer;transition:background .15s,color .15s,border-color .15s,opacity .15s}.btn:hover{background:transparent;color:var(--color-text)}.btn:disabled{opacity:.4;cursor:default}.btn--hi{border-color:var(--color-highlight);background:var(--color-highlight);color:var(--color-bg)}.btn--hi:hover{background:transparent;color:var(--color-highlight)}.btn--ghost{background:transparent;color:var(--color-text);border-color:var(--color-border)}.btn--ghost:hover{border-color:var(--color-text)}.btn--sm{min-height:2.25rem;padding:0 .9rem;font-size:.8rem}:where(.btn,a,input,select,textarea,button):focus-visible{outline:2px solid var(--color-highlight);outline-offset:3px}.field{display:grid;gap:.5rem}.field>.label{color:var(--color-text)}.input{width:100%;min-height:3rem;padding:.65rem .9rem;border:1px solid var(--color-border);border-radius:0;background:var(--color-surface);color:var(--color-text);font:inherit}.input:hover{border-color:#333}.input:focus{border-color:var(--color-text);outline:none}.input::placeholder{color:var(--color-muted)}textarea.input{min-height:5.5rem;resize:vertical}.hint{margin:0;font-size:.85rem;color:var(--color-muted)}.msg{margin:0;padding:.8rem 1rem;border:1px solid var(--color-border);background:var(--color-surface);font-size:.9rem}.msg--err{border-color:var(--color-highlight);color:var(--color-highlight)}.main>.msg{margin-bottom:2rem}.msg--ok{border-color:var(--color-ok)}.status{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);white-space:nowrap}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status--open{color:var(--color-text)}.status--paid,.status--active{color:var(--color-ok)}.status--processing,.status--past_due{color:var(--color-highlight)}.status--canceled{color:var(--color-muted);text-decoration:line-through}.nota{display:grid;gap:3rem 4rem;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}@media(max-width:56rem){.nota{grid-template-columns:1fr}}.doc{display:grid;gap:1rem}.doc__concept{margin:.25rem 0 0;font-family:var(--font-display);font-weight:500;font-size:clamp(1.75rem,3.6vw,2.75rem);line-height:1.1;letter-spacing:-.015em;text-wrap:balance}.doc__client{margin:0;color:var(--color-muted)}.doc__client strong{color:var(--color-text);font-weight:500}.doc__amount{margin:1.25rem 0 0;font-family:var(--font-display);font-weight:400;font-size:clamp(2.5rem,5vw,4rem);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.doc__cur{margin-left:.15em;font-size:.6em;font-weight:400;color:var(--color-highlight);vertical-align:.2em}.doc__per{margin-left:.4em;font-family:var(--font-body);font-size:.3em;font-weight:400;letter-spacing:0;color:var(--color-muted);vertical-align:.5em}.doc__note{margin:1rem 0 0;max-width:38rem;padding-left:1rem;border-left:1px solid var(--color-border);color:#bdbdbd}.doc__meta,.pay__meta{margin:0;display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.5rem 1.5rem;font-size:.9rem}.doc__meta{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--color-border)}.doc__meta dd,.pay__meta dd{margin:0;overflow-wrap:anywhere}.pay{position:sticky;top:1.5rem;padding:1.5rem;border:1px solid var(--color-border);background:var(--color-surface)}@media(max-width:56rem){.pay{position:static}}.pay__form,.pay__state{display:grid;gap:1.25rem}.pay__notice{margin-bottom:1.25rem}.pay__element{min-height:6rem}.pay__btn{width:100%;min-height:3.5rem;font-size:1.05rem}.pay__title{margin:0;font-family:var(--font-display);font-weight:500;font-size:1.6rem;line-height:1.15;text-wrap:balance}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}