@media (width>=768px){section.hero{isolation:isolate;place-items:start center;gap:var(--space-8);padding:var(--space-16) 0 0;grid-template-columns:minmax(0,1fr);position:relative}section.hero:before{content:"";z-index:-1;background:var(--primary-soft);width:100vw;position:absolute;top:0;bottom:160px;left:50%;transform:translate(-50%)}.hero-copy{text-align:center;max-width:640px}.hero .lead{margin-inline:auto}.hero .cta-row{justify-content:center}figure.frame{padding:var(--space-4);text-align:left}}.hero h1{text-wrap:balance}.frame .summary{margin-bottom:var(--space-4)}.frame .summary-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.frame .stat{align-content:start;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin:0;display:grid}.frame .stat dt{color:var(--muted);font-size:14px;font-weight:500}.frame .stat dd{overflow-wrap:anywhere;margin:0}.frame .stat .money{color:var(--ink);white-space:nowrap;font-size:16px;font-weight:700}.frame .stat--paid .money{color:var(--paid)}.frame .stat--due .money{color:var(--due)}.frame .stat--overdue .money{color:var(--overdue)}.frame .table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow-x:auto}.frame .invoice-table{border-collapse:collapse;width:100%;font-size:14px}.frame .invoice-table th,.frame .invoice-table td{padding:var(--space-2);text-align:left;vertical-align:middle;border-bottom:1px solid var(--border)}.frame .invoice-table thead th{background:var(--bg);color:var(--muted);font-weight:600}.frame .invoice-table th[scope=row]{font-weight:700}.frame .invoice-table td.num{text-align:right;white-space:nowrap}.frame .invoice-table td.total{font-weight:700}.frame .invoice-table th:last-child,.frame .invoice-table td:last-child{border:0;width:0;padding:0}@media (width>=768px){.frame .stat .money{font-size:20px}}@media (width>=1024px){.frame .summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.frame .stat .money{font-size:22px}}@media (width<=767px){.frame .invoice-table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.frame .table-wrap{box-shadow:none;background:0 0;border:0;overflow:visible}.frame .invoice-table,.frame .invoice-table tbody,.frame .invoice-table tr,.frame .invoice-table th,.frame .invoice-table td{width:100%;display:block}.frame .invoice-table tr{margin-bottom:var(--space-3);padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.frame .invoice-table th,.frame .invoice-table td{justify-content:space-between;gap:var(--space-3);padding:var(--space-1) 0;text-align:right;border-bottom:0;display:flex}.frame .invoice-table td:before,.frame .invoice-table th:before{content:attr(data-label);color:var(--muted);text-align:left;font-weight:500}.frame .invoice-table th[scope=row]{font-size:18px}.frame .invoice-table td .cell-note{display:inline}.frame .invoice-table td:last-child{display:none}}