@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg:#f4efe8;--panel:#fffcf7d1;--surface-alt:#fffaf3;--border:#1a22271a;--heading:#152127;--muted:#5f6d74;--accent:#0a7970;--accent-strong:#065c55;--danger:#9c4733;--shadow-soft:0 28px 44px -34px #13293273, 0 10px 20px -18px #1329323d;--sans:"Manrope", "Segoe UI", sans-serif;--heading-font:"Fraunces", Georgia, serif;--mono:"SFMono-Regular", "Consolas", monospace;font-size:14px;font-family:var(--sans);color:var(--muted);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#ffffffe6,#0000 42%),linear-gradient(#f7f1ea 0%,#efe6dc 100%);font-weight:500;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}body,button,input,textarea{font-family:var(--sans)}button,input,textarea{margin:0}button,input,textarea,iframe{border:0}#root{min-height:100vh}h1,h2,h3{color:var(--heading);font-family:var(--heading-font);margin:0;line-height:1.08}h1{letter-spacing:-.04em;max-width:12ch;font-size:clamp(1.8rem,3.2vw,3rem)}h2{letter-spacing:-.03em;font-size:clamp(1.15rem,2vw,1.65rem)}h3{letter-spacing:-.02em;font-size:clamp(.98rem,1.3vw,1.2rem)}p{margin:0}a{color:var(--accent)}code{color:var(--heading);font-family:var(--mono);background:#0a797014;border-radius:999px;padding:.15rem .42rem;font-size:.88em}small{font-size:.82rem}.page-shell{flex-direction:column;gap:14px;width:100%;max-width:1420px;margin:0 auto;padding:16px 20px 24px;display:flex;position:relative}.page-shell:before,.page-shell:after{content:"";pointer-events:none;z-index:0;filter:blur(18px);border-radius:999px;position:fixed;inset:auto}.page-shell:before{background:#eb964e2e;width:210px;height:210px;top:-52px;right:-52px}.page-shell:after{background:#0a797024;width:190px;height:190px;bottom:18%;left:-60px}.surface{z-index:1;border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative}.hero-panel{background:radial-gradient(circle at 0 0,#fde8d6e0,#0000 42%),linear-gradient(135deg,#fffbf6f5,#f3f9f7f0);border-radius:22px;gap:14px;padding:20px;animation:.7s both fade-up;display:grid;overflow:hidden}.hero-panel__copy,.hero-panel__stats,.signup-card__copy,.signup-card__panel,.section-card,.sidebar-card{z-index:1;position:relative}.hero-text{max-width:62ch;color:var(--muted);font-size:.9rem}.storage-banner{background:#ffffffbd;border:1px solid #11182714;border-radius:16px;flex-direction:column;gap:4px;margin-top:14px;padding:11px 13px;display:flex}.storage-banner strong{color:var(--heading)}.storage-banner span{font-size:.82rem}.storage-banner--error{background:#ad49351a;border-color:#9c473338}.storage-banner--error strong,.storage-banner--error span{color:var(--danger)}.hero-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.hero-panel__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.metric-card{background:#ffffffb3;border:1px solid #11182714;border-radius:16px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.metric-card span,.section-caption,.invoice-card__meta,.sidebar-metrics span,.api-note span,.preview-empty p,.portfolio-strip span,.line-total small,.items-panel__header span{color:var(--muted)}.metric-card strong{font-size:clamp(1.25rem,2.2vw,1.7rem);line-height:1}.signup-card{background:radial-gradient(circle at 100% 0,#cfe9e48a,#0000 40%),linear-gradient(135deg,#f7faf8f2,#fff8f1f5);border-radius:22px;grid-template-columns:minmax(0,1.15fr) minmax(300px,.95fr);gap:18px;padding:20px;animation:.76s both fade-up;display:grid;overflow:hidden}.signup-card__text{max-width:58ch}.signup-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.signup-benefits>div{background:#ffffffb8;border:1px solid #1118270f;border-radius:16px;flex-direction:column;gap:4px;padding:12px 13px;display:flex}.signup-benefits strong{color:var(--heading)}.signup-card__panel{background:#ffffffd1;border:1px solid #11182714;border-radius:18px;flex-direction:column;gap:12px;padding:16px;display:flex}.signup-card__separator{text-align:center;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800;position:relative}.signup-card__separator:before,.signup-card__separator:after{content:"";background:#1118271f;width:calc(50% - 72px);height:1px;position:absolute;top:50%}.signup-card__separator:before{left:0}.signup-card__separator:after{right:0}.signup-form{flex-direction:column;gap:12px;display:flex}.signup-form__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.form-hint{color:var(--muted);font-size:.78rem}.workspace{z-index:1;grid-template-columns:minmax(0,1.68fr) minmax(280px,.84fr);gap:14px;display:grid;position:relative}.builder-column,.sidebar-column{min-width:0}.builder-column{flex-direction:column;gap:14px;display:flex}.section-card,.sidebar-card{border-radius:18px;padding:18px}.section-card{animation:.8s both fade-up}.sidebar-card{flex-direction:column;gap:14px;animation:.9s both fade-up;display:flex;position:sticky;top:16px}.section-heading,.invoice-card__header,.items-panel__header,.preview-panel__header,.sidebar-card__top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.form-grid{gap:10px;display:grid}.form-grid--company{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.field{flex-direction:column;gap:5px;display:flex}.field--wide{grid-column:1/-1}.field span{color:var(--heading);font-size:.76rem;font-weight:700}.field input,.field textarea,.items-grid input{border:1px solid var(--border);background:var(--surface-alt);width:100%;color:var(--heading);font:inherit;box-sizing:border-box;border-radius:12px;padding:9px 11px;transition:border-color .2s,box-shadow .2s,transform .2s}.field textarea{resize:vertical;min-height:68px}.field input:focus,.field textarea:focus,.items-grid input:focus{border-color:var(--accent);outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #0a79701f}.compact-row{gap:8px;margin-top:14px;display:grid}.compact-row--customer{grid-template-columns:minmax(108px,.84fr) minmax(116px,.82fr) minmax(140px,1.1fr) minmax(132px,.94fr) minmax(180px,1.6fr);align-items:end}.field--compact span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:800}.field--address{min-width:0}.button{font:inherit;background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#f8fbfb;cursor:pointer;border:none;border-radius:999px;padding:8px 13px;font-weight:700;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 18px 30px -20px #0a7970b8}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 24px 36px -22px #0a7970bf}.button:disabled{cursor:not-allowed;opacity:.65}.button--secondary,.button--ghost,.button--danger{box-shadow:none}.button--secondary{color:var(--accent);background:#0a79701a}.button--ghost{color:var(--heading);border:1px solid var(--border);background:#ffffffeb}.button--danger{color:var(--danger);background:#ad49351f}.button--google{color:var(--heading);box-shadow:none;background:#fffffff5;border:1px solid #1118271f}.button--block{width:100%}.button--tiny{padding:7px 10px;font-size:.82rem}.invoice-stack{flex-direction:column;gap:12px;margin-top:14px;display:flex}.invoice-card{border:1px solid var(--border);background:linear-gradient(180deg, #ffffffc7, #f9f6f1c7), var(--surface-alt);cursor:pointer;border-radius:16px;padding:16px;transition:border-color .2s,box-shadow .2s,transform .2s}.invoice-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.invoice-card--active{border-color:#0a797073;box-shadow:0 24px 40px -30px #0a7970ad}.invoice-card__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.items-panel{background:#ffffffb3;border:1px solid #1118270f;border-radius:16px;margin-top:12px;padding:12px}.items-grid{grid-template-columns:minmax(0,2.2fr) minmax(68px,.68fr) repeat(3,minmax(64px,.62fr)) minmax(136px,.98fr) auto;align-items:center;gap:8px;display:grid}.items-grid--head{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:8px;padding:0 2px 6px;font-size:.68rem;font-weight:700}.items-grid--row+.items-grid--row{margin-top:6px}.line-total{flex-direction:column;gap:1px;padding:0 2px;display:flex}.line-total strong{color:var(--heading)}.invoice-summary,.sidebar-metrics,.portfolio-strip{gap:10px;display:grid}.invoice-summary{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.invoice-summary>div,.sidebar-metrics>div,.portfolio-strip>div{background:var(--surface-alt);border:1px solid #1118270f;border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.invoice-summary span,.preview-panel__header a,.preview-empty strong,.status-pill,.alert,.api-note strong,.portfolio-strip strong,.sidebar-metrics strong{color:var(--heading)}.status-pill{background:#0a797014;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.sidebar-actions{gap:8px;display:grid}.alert{border-radius:12px;padding:10px 12px;font-weight:600}.alert--info{background:#f1ba642e}.alert--success{background:#0a79701f}.alert--error{background:#ad49351f}.preview-panel{flex-direction:column;gap:14px;display:flex}.preview-panel__header a{font-weight:700;text-decoration:none}.preview-frame,.preview-empty{border:1px solid var(--border);background:linear-gradient(#fffffff5,#f4f0e8e6);border-radius:16px;min-height:300px}.preview-frame{width:100%}.preview-empty{text-align:center;place-items:center;padding:16px;display:grid}.api-note{border-top:1px solid var(--border);flex-direction:column;gap:5px;padding-top:12px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px;font-size:.68rem;font-weight:800}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=1200px){.signup-card,.workspace{grid-template-columns:1fr}.sidebar-card{position:static}.compact-row--customer{grid-template-columns:repeat(2,minmax(0,1fr))}.field--address{grid-column:1/-1}}@media (width<=920px){.page-shell{padding:18px}.hero-panel,.signup-card,.form-grid--company,.hero-panel__stats,.signup-benefits,.signup-form__grid,.compact-row--customer,.invoice-summary{grid-template-columns:1fr}.hero-panel,.signup-card,.section-card,.sidebar-card,.invoice-card{padding:18px}.invoice-card__header,.section-heading,.items-panel__header,.preview-panel__header,.sidebar-card__top{flex-direction:column}.invoice-card__actions{justify-content:flex-start}.items-grid{grid-template-columns:1fr}.items-grid--head{display:none}.items-grid--row{background:#f8f4ecd1;border-radius:14px;padding:12px}.line-total{padding:2px 0}}@media (width<=640px){.hero-actions,.invoice-card__actions{flex-direction:column}.hero-actions .button,.invoice-card__actions .button,.sidebar-actions .button,.section-heading .button,.items-panel__header .button,.signup-card__panel .button{width:100%}.signup-card__separator:before,.signup-card__separator:after{width:calc(50% - 56px)}}