:root{--bg:#f5f6f8;--panel:#fff;--ink:#1f2430;--muted:#6b7280;--line:#e8eaee;--brand:#2563eb;--brand-ink:#1e40af;--accent:#7c3aed;--ok:#16a34a;--radius:14px;--shadow:0 1px 3px #1018280f, 0 1px 2px #1018280a;--shadow-lg:0 10px 30px #10182814}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(1100px 480px at 50% -160px, #e6edff 0%, #e6edff00 70%), var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.topbar{-webkit-backdrop-filter:saturate(180%)blur(10px);backdrop-filter:saturate(180%)blur(10px);border-bottom:1px solid var(--line);z-index:10;background:#fffc;justify-content:space-between;align-items:center;padding:12px 22px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.3px;font-size:18px;font-weight:800}.brand span{color:var(--muted);letter-spacing:0;margin-left:6px;font-size:12px;font-weight:500}.btn-primary{background:linear-gradient(180deg, #2f6bf6, var(--brand));color:#fff;cursor:pointer;border:0;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;box-shadow:0 2px 8px #2563eb4d}.btn-primary:hover{background:var(--brand-ink);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.hero{text-align:center;max-width:720px;margin:0 auto;padding:44px 20px 8px}.hero-title{letter-spacing:-1px;margin:0 0 12px;font-size:34px;font-weight:800;line-height:1.15}.hero-title span{background:linear-gradient(90deg, var(--brand), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--muted);max-width:540px;margin:0 auto 18px;font-size:16px}.hero-badges{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hero-badges span{color:#334155;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:500}@media (width<=560px){.hero-title{font-size:26px}}.btn-ghost{color:var(--brand);border:1px dashed var(--brand);cursor:pointer;background:0 0;border-radius:8px;margin-top:8px;padding:8px 12px;font-size:13px}.layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;max-width:1200px;margin:0 auto;padding:20px;display:grid}@media (width<=860px){.layout{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:18px}.form label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.form .row{gap:12px;margin-bottom:14px;display:flex}.form .row>label{flex:1}.form .check{align-self:flex-end;align-items:center;gap:6px;flex-direction:row!important}.form input,.form select,.form textarea{font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:8px;width:100%;padding:8px 10px;font-size:14px}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--brand);outline:2px solid #bfdbfe}.two-col{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}@media (width<=520px){.two-col{grid-template-columns:1fr}}fieldset{border:1px solid var(--line);border-radius:10px;margin:0 0 14px;padding:12px}fieldset legend{color:var(--muted);padding:0 6px;font-size:12px;font-weight:600}fieldset input,fieldset textarea{margin-bottom:8px}.brand-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.logo-label{flex-direction:column}.logo-label input[type=file]{padding:6px;font-size:12px}.accent-picker{flex-direction:column;gap:4px;display:flex}.accent-picker>span{color:var(--muted);font-size:12px}.swatches{gap:6px;display:flex}.swatch{width:24px;height:24px;box-shadow:0 0 0 1px var(--line);cursor:pointer;border:2px solid #fff;border-radius:50%;padding:0}.swatch.active{box-shadow:0 0 0 2px var(--ink);transform:scale(1.1)}#removeLogo{align-self:flex-end;margin-top:0}.item{grid-template-columns:1fr 70px 100px 34px;gap:8px;margin-bottom:8px;display:grid}.item .remove{color:#b91c1c;cursor:pointer;background:#fee2e2;border:0;border-radius:8px;font-size:13px}.item .remove:hover{background:#fecaca}.preview-wrap{position:sticky;top:80px}.preview{color:#111;border:1px solid var(--line);background:#fff;border-radius:8px;min-height:400px;padding:28px;font-size:13px;line-height:1.5}.inv-head{border-bottom:3px solid var(--pv-accent,var(--brand));justify-content:space-between;align-items:flex-start;padding-bottom:12px;display:flex}.inv-head-left{flex-direction:column;gap:8px;display:flex}.inv-logo{object-fit:contain;max-width:180px;max-height:56px}.inv-head h1{letter-spacing:2px;color:var(--pv-accent,var(--brand));margin:0;font-size:28px}.inv-meta{text-align:right;color:#444;font-size:12px}.inv-parties{grid-template-columns:1fr 1fr;gap:20px;margin:20px 0;display:grid}.inv-parties h3{text-transform:uppercase;color:var(--muted);letter-spacing:1px;margin:0 0 4px;font-size:11px}.inv-parties .pname{font-weight:700}table{border-collapse:collapse;width:100%}.inv-items th{text-align:left;text-transform:uppercase;color:#fff;background:var(--pv-accent,var(--brand));padding:8px;font-size:11px}.inv-items th:nth-child(n+2),.inv-items td:nth-child(n+2){text-align:right}.inv-items td{border-bottom:1px solid var(--line);padding:8px}.inv-totals{width:260px;margin-top:14px;margin-left:auto}.inv-totals td{padding:5px 8px}.inv-totals td:last-child{text-align:right}.inv-totals .grand td{border-top:2px solid var(--ink);font-size:15px;font-weight:700}.inv-notes{color:#444;border-top:1px solid var(--line);margin-top:24px;padding-top:10px;font-size:12px}.landing{margin-top:40px}.wrap{max-width:960px;margin:0 auto;padding:48px 20px}.s-title{text-align:center;letter-spacing:-.5px;margin:0 0 8px;font-size:26px;font-weight:800}.s-sub{text-align:center;color:var(--muted);max-width:520px;margin:0 auto 32px;font-size:15px}.features{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=880px){.features{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.features{grid-template-columns:1fr}}.feature-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:22px 18px;transition:transform .15s,box-shadow .15s}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.feature-ic{background:linear-gradient(135deg,#eef2ff,#f5f3ff);border:1px solid #e9e5ff;border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:14px;font-size:22px;display:grid}.feature-card h3{margin:0 0 6px;font-size:15px;font-weight:700}.feature-card p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.5}.countries{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.countries .badge{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:500;display:inline-flex}.countries .badge b{color:var(--brand);font-weight:600}.faq{flex-direction:column;gap:12px;max-width:680px;margin:0 auto;display:flex}.faq details{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:4px 18px;transition:box-shadow .15s}.faq details[open]{box-shadow:var(--shadow-lg)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;font-size:15px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--brand);font-size:22px;font-weight:400;line-height:1;transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--muted);margin:0 0 16px;font-size:14px;line-height:1.6}.waitlist-card{color:#fff;text-align:center;box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#1e3a8a,#4c1d95);border-radius:20px;padding:40px 24px}.waitlist-card .s-title{color:#fff}.waitlist-card .s-sub{color:#c7d2fe;margin-bottom:22px}.waitlist-form{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.waitlist-form input[type=email]{font:inherit;width:280px;max-width:100%;color:var(--ink);background:#fff;border:1px solid #0000;border-radius:10px;padding:12px 16px;font-size:15px}.waitlist-form input[type=email]:focus{outline:3px solid #ffffff59}.waitlist-form .btn-primary{padding:12px 22px}.hidden-field{display:none}.waitlist-msg{color:#fff;margin:6px 0 0;font-size:16px;font-weight:600}.site-footer{text-align:center;border-top:1px solid var(--line);background:#fff;padding:40px 20px}.site-footer .fbrand{margin-bottom:6px;font-size:18px;font-weight:800}.site-footer p{color:var(--muted);margin:0 0 12px;font-size:14px}.site-footer small{color:#9aa1ac;font-size:12.5px}.footer-links{flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:0 0 14px;display:flex}.footer-links a{color:var(--brand);font-size:13.5px;text-decoration:none}.footer-links a:hover{text-decoration:underline}
