:root{color-scheme:light;--bg: #f6f3ee;--ink: #101010;--muted: #5b5b5b;--accent: #ff6a3d;--accent-2: #0f6b6f;--card: #ffffff;--line: rgba(16, 16, 16, .1);--shadow: 0 20px 60px rgba(16, 16, 16, .12);--radius: 18px;--space-1: 8px;--space-2: 12px;--space-3: 16px;--space-4: 20px;--space-5: 24px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Space Grotesk,system-ui,-apple-system,sans-serif;color:var(--ink);background:radial-gradient(1400px 1000px at -10% 20%,rgba(255,106,61,.14),transparent 72%),radial-gradient(1400px 1000px at 110% 65%,rgba(15,107,111,.14),transparent 74%),radial-gradient(1200px 900px at 45% 120%,rgba(255,106,61,.08),transparent 76%),linear-gradient(165deg,#f7f4ef,#f4f0ea 48%,#f1efea);background-repeat:no-repeat;background-attachment:fixed}.app{max-width:1200px;margin:0 auto;padding:32px 24px 80px;display:grid;gap:var(--space-5)}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--space-5);align-items:center}@media (max-width: 960px){.hero{grid-template-columns:1fr}}.title{font-size:clamp(2.6rem,4vw,3.6rem);font-weight:700;letter-spacing:-.03em;margin:0 0 12px}.brand{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.logo-mark{width:56px;height:56px;display:inline-flex;flex:0 0 auto;border-radius:16px;overflow:hidden;box-shadow:0 12px 20px #1010102e}.logo-svg{width:100%;height:100%;display:block}.logo-text{font-size:clamp(2.2rem,3.5vw,3.2rem);font-weight:700;letter-spacing:-.03em;line-height:1}.subtitle{font-family:Newsreader,serif;font-size:1.2rem;color:var(--muted);max-width:560px;margin:0}.hero-card{background:var(--card);border-radius:var(--radius);padding:var(--space-4);box-shadow:var(--shadow);border:1px solid var(--line);display:grid;gap:var(--space-2)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-4)}.card{grid-column:span 4;background:var(--card);border-radius:var(--radius);padding:var(--space-4);border:1px solid var(--line);box-shadow:var(--shadow);min-height:200px;overflow:hidden;display:grid;align-content:start}.card.wide{grid-column:span 8}.card.full{grid-column:span 12}.card.auth-only{grid-column:span 12;max-width:560px;width:100%;justify-self:center}@media (max-width: 960px){.card,.card.wide{grid-column:span 12}}.card h3{margin-top:0;margin-bottom:var(--space-1);font-size:1.2rem;line-height:1.2}.card>*+*{margin-top:var(--space-2)}.card>.row+.row{margin-top:14px}.card>.alert,.card>.plan-grid,.card>.job-list,.card>.quota-track,.card>.progress{margin-top:14px}.seo-content .row{align-items:flex-start}.faq-list{display:grid;gap:var(--space-2)}.faq-list article{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}.muted{color:var(--muted);font-size:.95rem;line-height:1.45}.field{display:flex;flex-direction:column;gap:6px;margin:0}.field.grow{flex:1 1 220px;min-width:0}.field label{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.field input,.field select,.field textarea{padding:10px 12px;border-radius:10px;border:1px solid var(--line);font-size:1rem;background:#fff;width:100%}.field input[type=file]{width:100%;max-width:100%;overflow:hidden;font-size:.95rem;padding:8px}.row{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:flex-end}.row>.field{min-width:0;flex:1 1 180px}.actions{align-items:center;gap:10px}.button{background:var(--accent);color:#fff;border:none;padding:10px 16px;border-radius:12px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 12px 24px #ff6a3d40;line-height:1.2}.button.secondary{background:#101010;box-shadow:0 12px 24px #10101033}.button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none}.button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.button:disabled{filter:grayscale(.2)}.spinner{width:16px;height:16px;border-radius:999px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress{margin-top:12px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;font-size:.9rem;color:var(--muted)}.progress-bar{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--accent),#ffb067);transition:width .2s ease}.status{padding:6px 12px;border-radius:999px;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line);background:#f1f1f1}.status.done{background:#0f6b6f1f;color:#0f6b6f}.status.failed{background:#ff6a3d1f;color:#ff6a3d}.job-list{display:grid;gap:var(--space-2)}.job-item{border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:10px;cursor:pointer;transition:border-color .2s ease,transform .2s ease}.job-item:hover{border-color:#10101040;transform:translateY(-1px)}.job-item .row{justify-content:space-between;align-items:center}.job-item .row+.row{margin-top:8px}.alert{background:#fff3ec;border:1px solid rgba(255,106,61,.3);padding:10px 12px;border-radius:12px;font-size:.95rem;display:grid;gap:var(--space-1)}.alert-hot{border-color:#dc2c2c59;background:#fff1f1}.alert+.alert{margin-top:12px}.quota-track{height:8px;border-radius:999px;background:#1010101a;overflow:hidden;margin:10px 0 12px}.quota-fill{height:100%;background:linear-gradient(90deg,#ff6a3d,#ffb067);transition:width .25s ease}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-2);margin-top:14px}.alert+.plan-grid{margin-top:16px}.plan-card{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff;display:grid;gap:10px}.plan-actions{display:grid;gap:8px}.plan-tax-id{grid-column:1 / -1;margin:0}.plan-tax-id .muted{margin:0}.plan-card.current{border-color:#0f6b6f73;background:#0f6b6f0f}.toast{position:sticky;top:16px;z-index:10;margin:8px 0 16px;background:#fff3ec;border:1px solid rgba(255,106,61,.35);padding:10px 12px;border-radius:12px;font-size:.95rem;box-shadow:0 12px 24px #ff6a3d26;animation:fadeIn .3s ease}.preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#10101073;display:grid;place-items:center;padding:20px}.preview-modal{width:min(900px,100%);max-height:85vh;overflow:auto;background:#fff;border-radius:14px;border:1px solid var(--line);padding:var(--space-3);box-shadow:var(--shadow);display:grid;gap:var(--space-2)}.preview-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.preview-image{width:100%;height:auto;border-radius:10px;border:1px solid var(--line)}.preview-frame{width:100%;min-height:70vh;border:1px solid var(--line);border-radius:10px}.pix-modal{width:min(560px,100%)}.auth-modal{width:min(520px,100%);display:grid;gap:var(--space-2)}.auth-modal .button{width:fit-content}.magic-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.magic-card{width:min(560px,100%)}.pix-qr{width:min(280px,100%);aspect-ratio:1 / 1;object-fit:contain;margin:8px auto 4px;display:block;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px}.pix-waiting{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#f8f8f8;color:var(--muted);font-size:.95rem}.pix-waiting-dot{width:10px;height:10px;border-radius:50%;background:#c7c7c7;flex:0 0 auto}.pix-waiting-dot.live{background:#ff6a3d;box-shadow:0 0 #ff6a3d80;animation:pulse 1.2s infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #ff6a3d80}70%{box-shadow:0 0 0 8px #ff6a3d00}to{box-shadow:0 0 #ff6a3d00}}@media (max-width: 700px){.app{padding:20px 12px 48px;gap:var(--space-4)}.hero{gap:var(--space-3)}.hero-card,.card{padding:var(--space-3)}.logo-mark{width:48px;height:48px;border-radius:14px}.logo-text{font-size:2rem}.job-item>.row:last-child{gap:10px}.job-item>.row:last-child>.row{width:100%;justify-content:flex-start}}@media (max-width: 420px){.brand{gap:var(--space-1)}.logo-mark{width:42px;height:42px;border-radius:12px}.logo-text{font-size:1.8rem}.row>.field{flex-basis:100%}.button{padding:10px 14px}.job-item>.row:last-child>.row .button{width:100%}}