/* Invoices and Receipts to Excel landing page (tools/invoice-to-excel only) */
.tpi-hero{align-items:start;grid-template-areas:"intro start" "points start";row-gap:0}
.tpi-intro{grid-area:intro;min-width:0}
.tpi-hero .tpi-start{grid-area:start}
.tpi-hero .tpi-points{grid-area:points}
.tpi-intro .pt-lead{margin-bottom:0}
.tpi-points{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:8px;font-size:15px;color:#26384c}
.tpi-points li{position:relative;padding-left:24px}
.tpi-points li::before{content:"";position:absolute;left:3px;top:.45em;width:10px;height:6px;border-left:2px solid #1f7a4d;border-bottom:2px solid #1f7a4d;transform:rotate(-45deg)}
.tpi-start{display:grid;gap:12px;min-width:0;padding:22px;border:1px solid #d6dfe5;border-radius:16px;background:#fff;box-shadow:0 18px 40px #10253b12}
.tpi-zone{display:grid;justify-items:center;align-content:center;gap:6px;min-height:170px;padding:28px 16px;border:2px dashed #8fa8d8;border-radius:12px;background:#f4f8ff;color:#10253b;text-align:center;text-decoration:none;transition:background-color .15s,border-color .15s}
.tpi-zone svg{width:34px;height:34px;fill:none;stroke:#1756d6;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tpi-zone-main{display:inline-flex;align-items:center;min-height:44px;padding:10px 22px;border-radius:8px;background:#1756d6;color:#fff;font-weight:700;font-size:16px}
.tpi-zone-sub{font-size:13px;color:#4a5d70}
.tpi-zone:hover{background:#e8f0ff;border-color:#1756d6}
.tpi-zone:hover .tpi-zone-main{background:#103ca2}
.tpi-zone:focus-visible{outline:3px solid #1756d6;outline-offset:3px}
.tpi-offer{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.tpi-offer li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:baseline;padding:10px 12px;border-radius:8px;background:#eef3f8;font-size:14px;line-height:1.5;color:#26384c}
.tpi-offer li:first-child{background:#e6f4ec}
.tpi-offer-k{min-width:74px;font-weight:750;color:#10253b;white-space:nowrap}
.tpi-offer li:first-child .tpi-offer-k{color:#14573a}
.tpi-offer-v{min-width:0;overflow-wrap:anywhere}
.tpi-account{margin:0;font-size:14px;line-height:1.55;color:#26384c;text-align:center}
.tpi-account strong{color:#10253b}
.tpi-note{margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 20px;font-size:14px}
.tpi-note a,.tpi-links a{color:#1756d6;font-weight:700;text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:40px}
.tpi-note a:focus-visible,.tpi-links a:focus-visible{outline:3px solid #1756d6;outline-offset:2px;border-radius:4px}
.tpi-links{display:flex;flex-wrap:wrap;gap:4px 24px}
.tpi-demo{margin:0 0 32px;padding:24px;border-radius:16px;background:#10253b;color:#fff}
.tpi-demo-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px}
.tpi-demo-head h2{margin:0;font-size:22px;color:#fff}
.tpi-demo-head p{margin:0;font-size:14px;color:#b9c8dc}
.tpi-demo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:20px;margin-top:18px}
.tpi-demo-grid>div{min-width:0}
.tpi-label{display:block;margin-bottom:8px;font-size:12px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:#9dbaff}
.tpi-label code{font:inherit;font-family:ui-monospace,monospace;text-transform:none;letter-spacing:0}
.tpi-demo-src pre{margin:0;padding:12px 14px;border-radius:8px;background:#0a1a2c;color:#c8d4e4;font:14px/1.6 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.tpi-demo-out{padding:16px;border-radius:10px;background:#f4f8ff;color:#10253b}
.tpi-demo-out .tpi-label{color:#1d4fb8}
.tpi-table-wrap{overflow-x:auto}
.tpi-table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}
.tpi-table th,.tpi-table td{padding:7px 9px;border:1px solid #cfd9e6;text-align:left;white-space:nowrap}
.tpi-table th{background:#e3ecf8;font-weight:700}
.tpi-table td:first-child,.tpi-table th:first-child{background:#eaf6ef}
.tpi-check{margin:12px 0 0;font-size:14px;line-height:1.5;color:#26384c}
.tpi-ok{display:inline-block;margin-right:6px;padding:2px 8px;border-radius:999px;background:#d9f0e3;color:#14573a;font-size:12px;font-weight:750}
.tpi-files{margin-top:20px;padding-top:16px;border-top:1px solid #2a4260}
.tpi-files ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;font-size:14px;line-height:1.5;color:#d6e0ee}
.tpi-files strong{display:block;color:#fff;font-family:ui-monospace,monospace;font-size:13px;overflow-wrap:anywhere}
.tpi-start .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:800px){.tpi-demo-grid{grid-template-columns:1fr}}
@media (max-width:760px){.tpi-hero{grid-template-areas:"intro" "start" "points";row-gap:24px}.tpi-hero .tpi-points{margin-top:0}}
@media (max-width:560px){
  .tpi-start,.tpi-demo{padding:16px}
  .tpi-zone{padding:22px 12px}
  .tpi-demo-out{padding:12px}
  .tpi-files ul{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.tpi-zone{transition:none}}