/* mockup-invoice-hero.css, mockup-companies-feature.css and
   mockup-invoice-how-it-works.css were converted to
   src/components/mockups-invoice-hero.css, mockups-companies-feature.css and
   mockups-invoice-how-it-works.css (Tailwind @apply, imported via
   src/tailwind.css) — importing the old legacy copies here would silently
   override the new classes, since unlayered CSS always beats @layer utilities
   regardless of specificity. Do not re-add them. */
    /* ================================================================
       Hero Feature UI — "invoice status" mockup card
       Replaces the pos-tl stat card with a live product preview:
       a skeleton invoice + a floating processing-timeline popup.
       Move this block into service-invoices.css once approved.
       ================================================================ */
    .hero-feature-ui {
      position: relative;
      width: 220px;
      background: #fff;
      border-radius: 14px;
      box-shadow: 0 1px 3px rgba(0,0,0,0.04);
      overflow: visible;
    }
    .hfu-doc { border-radius: 14px; overflow: hidden; opacity: 0.55; pointer-events: none; user-select: none; }
    .hfu-header { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; padding:12px 14px 8px; }
    .hfu-header-left { display:flex; flex-direction:column; gap:3px; }
    .hfu-type { font-family: var(--font-display, inherit); font-size:12px; font-weight:700; color:#1e293b; }
    .hfu-sub { font-size:9px; color:#64748b; }
    .hfu-badge { font-size:9px; font-weight:700; padding:3px 10px; border-radius:999px; background:#e8f5f1; color:var(--teal-deep,#0C4242); border:1px solid #e2e8f0; white-space:nowrap; }
    .hfu-meta { display:grid; grid-template-columns:1fr 1fr; gap:6px 10px; padding:8px 12px; border-top:1px solid #e2e8f0; border-bottom:1px solid #e2e8f0; background:#f8fafc; }
    .hfu-meta-item { display:flex; flex-direction:column; gap:1px; min-width:0; }
    .hfu-meta-label { font-size:6px; font-weight:600; color:#64748b; }
    .hfu-meta-value { font-family: var(--font-display, inherit); font-size:8px; font-weight:700; color:#1e293b; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .hfu-table { width:100%; border-collapse:collapse; font-size:7px; margin-top:4px; }
    .hfu-table th { text-align:right; padding:3px 6px; font-size:5px; font-weight:700; color:#64748b; text-transform:uppercase; letter-spacing:.04em; border-bottom:1px solid #e2e8f0; background:#f8fafc; }
    .hfu-table td { padding:4px 6px; border-bottom:1px solid #f1f5f9; }
    .hfu-bar { height:10px; border-radius:2px; background:#e2e8f0; }
    .hfu-bar.wide { width:100%; } .hfu-bar.medium { width:55%; } .hfu-bar.short { width:35%; }
    .hfu-summary { display:flex; justify-content:flex-end; padding:6px 10px; border-top:1px solid #e2e8f0; }
    .hfu-sum-inner { width:100%; max-width:76px; display:flex; flex-direction:column; gap:4px; }
    .hfu-sum-bar { height:5px; border-radius:2px; background:#e2e8f0; }
    .hfu-sum-bar.total { height:7px; width:70%; }

    .hfu-popup {
      position: absolute;
      left: -34px;
      bottom: -26px;
      width: 186px;
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 4px 6px rgba(0,0,0,0.02), 0 10px 20px rgba(0,0,0,0.06), 0 24px 48px rgba(0,0,0,0.14);
      overflow: hidden;
      z-index: 5;
    }
    .hfu-popup-header { padding:9px 12px 5px; border-bottom:1px solid #e2e8f0; }
    .hfu-popup-header h3 { font-family: var(--font-display, inherit); font-size:9px; font-weight:700; color:#1e293b; display:flex; align-items:center; gap:6px; margin:0; }
    .hfu-popup-header h3 svg { width:10px; height:10px; color: var(--teal-deep,#0C4242); }
    .hfu-popup-body { padding:7px 12px 10px; }
    .hfu-timeline { display:flex; flex-direction:column; gap:0; position:relative; }
    .hfu-step { display:flex; align-items:center; gap:7px; padding:4px 0; position:relative; }
    .hfu-step:not(:last-child)::before { content:''; position:absolute; right:8px; top:20px; width:2px; height:calc(100% - 2px); background:#e2e8f0; z-index:0; }
    .hfu-step.done:not(:last-child)::before { background: var(--teal-deep,#0C4242); }
    .hfu-icon { width:16px; height:16px; border-radius:50%; display:grid; place-items:center; flex-shrink:0; position:relative; z-index:2; }
    .hfu-icon.done { background: var(--teal-deep,#0C4242); color:#fff; }
    .hfu-icon.current { background: var(--accent,#c3e9a0); color: var(--teal-deep,#0C4242); box-shadow:0 0 0 3px rgba(195,233,160,0.35); }
    .hfu-icon svg { width:8px; height:8px; }
    .hfu-label { font-family: var(--font-display, inherit); font-size:8.5px; font-weight:700; color:#1e293b; line-height:1.3; }

    /* ================================================================
       Hero v3 — light cream/mint hero with teal-framed feature card
       Reference: light bg, big 3-line headline w/ lime highlight,
       stat row, teal outer frame around a real invoice + status popup.
       Self-contained so it renders without the external stylesheet;
       move into service-invoices.css once approved.
       ================================================================ */
    .hero-v3 {
      background: #eef3ec;
      background-image: radial-gradient(circle, #d8e3d4 1px, transparent 1px);
      background-size: 22px 22px;
      padding: 72px 0;
      overflow: hidden;
    }
    .hero-v3-container { max-width: 1180px; margin: 0 auto; padding: 0 24px; }
    .hero-v3-grid { display: grid; grid-template-columns: 1.05fr 1fr; gap: 56px; align-items: center; }
    @media (max-width: 900px) { .hero-v3-grid { grid-template-columns: 1fr; } }

    .hero-v3-badge {
      display: inline-flex; align-items: center; gap: 8px;
      background: #fff; border-radius: 999px; padding: 8px 16px;
      font-size: 13px; font-weight: 700; color: #1e293b;
      box-shadow: 0 1px 2px rgba(0,0,0,0.05); margin-bottom: 28px;
    }
    .hero-v3-badge .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--accent,#c3e9a0); flex-shrink:0; }

    .hero-v3-title {
      font-family: var(--font-display, inherit);
      font-size: 44px; font-weight: 800; line-height: 1.25;
      color: var(--teal-deep,#0C4242); margin-bottom: 22px;
    }
    .hero-v3-title mark {
      background: var(--accent,#c3e9a0); color: var(--teal-deep,#0C4242);
      padding: 0 6px; border-radius: 4px; box-decoration-break: clone; -webkit-box-decoration-break: clone;
    }
    .hero-v3-subtitle { font-size: 16px; line-height: 1.8; color: #52605c; max-width: 480px; margin-bottom: 36px; }

    .hero-v3-stats { display: flex; gap: 36px; margin-bottom: 40px; flex-wrap: wrap; }
    .hero-v3-stat-num { font-family: var(--font-display, inherit); font-size: 26px; font-weight: 800; color: var(--teal-deep,#0C4242); }
    .hero-v3-stat-label { font-size: 12px; color: #52605c; margin-top: 2px; }

    .hero-v3-actions { display: flex; gap: 14px; flex-wrap: wrap; }
    .hero-v3-btn { display:inline-flex; align-items:center; gap:8px; padding: 15px 26px; border-radius: 999px; font-weight: 700; font-size: 14px; text-decoration: none; transition: transform .15s ease; }
    .hero-v3-btn:hover { transform: translateY(-1px); }
    .hero-v3-btn-primary { background: var(--accent,#c3e9a0); color: var(--teal-deep,#0C4242); }
    .hero-v3-btn-outline { background: #fff; color: var(--teal-deep,#0C4242); border: 1px solid #d8e3d4; }

    /* Visual side — teal frame around the feature UI */
    .hero-v3-visual { position: relative; }
    .hero-v3-frame {
      background: var(--teal-deep,#0A4D4D);
      border-radius: 32px;
      padding: 28px;
      position: relative;
    }
    .hero-v3-card {
      background: #fff;
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 20px 50px rgba(0,0,0,0.18);
    }
    .hv3-inv-header { padding: 18px 20px 12px; border-bottom: 1px solid #eef2f0; }
    .hv3-inv-type { font-family: var(--font-display, inherit); font-size: 15px; font-weight: 700; color: #1e293b; }
    .hv3-inv-sub { font-size: 11px; color: #94a3a8; margin-top: 2px; }
    .hv3-inv-meta { padding: 14px 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px 16px; }
    .hv3-inv-meta-label { font-size: 10px; color: #94a3a8; margin-bottom: 2px; }
    .hv3-inv-meta-value { font-family: var(--font-display, inherit); font-size: 12px; font-weight: 700; color: #1e293b; }
    .hv3-inv-rows { padding: 4px 20px 10px; display: flex; flex-direction: column; gap: 9px; }
    .hv3-row-bar { height: 9px; border-radius: 3px; background: #eef2f0; }
    .hv3-row-bar.wide { width: 100%; } .hv3-row-bar.short { width: 40%; }
    .hv3-inv-total { display:flex; align-items:center; justify-content:space-between; padding: 14px 20px; border-top: 1px solid #eef2f0; }
    .hv3-inv-total-label { font-size: 12px; color: #94a3a8; }
    .hv3-inv-total-value { font-family: var(--font-display, inherit); font-size: 18px; font-weight: 800; color: #1e293b; }
    .hv3-qr-wrap { display:flex; justify-content:center; padding: 4px 20px 20px; }
    .hv3-qr { width: 84px; height: 84px; border-radius: 6px; background:
      repeating-conic-gradient(#1e293b 0% 25%, #fff 0% 50%) 0 0/12px 12px; }

    .hv3-popup {
      position: absolute;
      left: -40px; bottom: 96px;
      width: 210px;
      background: #fff;
      border-radius: 14px;
      box-shadow: 0 10px 20px rgba(0,0,0,0.08), 0 24px 48px rgba(0,0,0,0.16);
      overflow: hidden;
      z-index: 5;
    }
    .hv3-popup-header { display:flex; align-items:center; justify-content:space-between; padding: 12px 14px 8px; border-bottom: 1px solid #eef2f0; }
    .hv3-popup-header span { font-family: var(--font-display, inherit); font-size: 11px; font-weight: 700; color: #1e293b; }
    .hv3-popup-header svg { width: 13px; height: 13px; color: #94a3a8; }
    .hv3-popup-body { padding: 10px 14px 14px; }
    .hv3-step { display:flex; align-items:center; gap:8px; padding: 5px 0; position: relative; }
    .hv3-step:not(:last-child)::before { content:''; position:absolute; right:8px; top:22px; width:2px; height: calc(100% - 4px); background:#eef2f0; z-index:0; }
    .hv3-step.done:not(:last-child)::before { background: var(--teal-deep,#0A4D4D); }
    .hv3-step-icon { width:17px; height:17px; border-radius:50%; display:grid; place-items:center; flex-shrink:0; position:relative; z-index:2; }
    .hv3-step-icon.done { background: var(--teal-deep,#0A4D4D); color:#fff; }
    .hv3-step-icon.current { background: var(--accent,#c3e9a0); box-shadow: 0 0 0 3px rgba(195,233,160,.35); }
    .hv3-step-icon.current::after { content:''; width:6px; height:6px; border-radius:50%; background: var(--teal-deep,#0A4D4D); }
    .hv3-step-icon.pending { background:#fff; border:2px solid #dfe6e2; }
    .hv3-step-icon svg { width:9px; height:9px; }
    .hv3-step-label { font-family: var(--font-display, inherit); font-size: 11.5px; font-weight: 700; color: #1e293b; }
    .hv3-step.pending .hv3-step-label { color: #94a3a8; }
    /* Match the e-receipt page palette and split-hero treatment. */
    body.page-service-invoices { background:var(--bg,#F7F9F5); }
    .page-service-invoices .hero-v3 { background-color:#F7F9F5;background-image:linear-gradient(rgba(15,47,32,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(15,47,32,.055) 1px,transparent 1px),radial-gradient(circle at 50% 32%,rgba(36,107,95,.12),transparent 38%);background-size:52px 52px,52px 52px,100% 100%;padding:clamp(74px,8vw,104px) 0 clamp(60px,7vw,90px); }
    .page-service-invoices .hero-v3-container { max-width:1320px; }
    .page-service-invoices .hero-v3-grid { grid-template-columns:minmax(0,610px) minmax(440px,600px);gap:clamp(42px,5vw,78px);justify-content:center;direction:ltr; }
    .page-service-invoices .hero-v3-text,.page-service-invoices .hero-v3-visual { direction:rtl; }
    .page-service-invoices .hero-v3-text { text-align:right; }
    .page-service-invoices .hero-v3-badge { color:#0A4D4D;border:1px solid rgba(15,47,32,.08);box-shadow:0 8px 24px rgba(15,47,32,.08);margin-bottom:14px; }
    .page-service-invoices .hero-v3-badge .dot { background:#BCEB94; }
    .page-service-invoices .hero-v3-title { max-width:13ch;margin:0 0 18px;font-size:clamp(48px,4.55vw,70px);line-height:1.05;letter-spacing:-.035em;color:#0F2F20; }
    .page-service-invoices .hero-v3-title mark { padding:0;color:#0A4D4D;background:transparent;border-radius:0; }
    .page-service-invoices .hero-v3-subtitle { max-width:56ch;margin:0;font-size:17px;line-height:1.9;color:#587466; }
    .page-service-invoices .hero-v3-stats { margin:24px 0 26px; }
    .page-service-invoices .hero-v3-stat-num { color:#0A4D4D; }
    .page-service-invoices .hero-v3-stat-label { color:#6B8A7A; }
    .page-service-invoices .hero-v3-btn-primary { color:#0A4D4D;background:#BCEB94;border:1px solid #BCEB94; }
    .page-service-invoices .hero-v3-btn-primary:hover { background:#C9F2A7; }
    .page-service-invoices .hero-v3-btn-outline { color:#0A4D4D;background:rgba(255,255,255,.72);border:1px solid rgba(10,77,77,.24); }
    .page-service-invoices .hero-v3-btn-outline:hover { color:#fff;background:#0A4D4D; }
    .page-service-invoices .hero-v3-frame { overflow:hidden;padding:32px;background:#0A4D4D;border-radius:34px;box-shadow:0 24px 64px rgba(15,47,32,.18); }
    .page-service-invoices .hero-v3-frame::before { content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(123,191,165,.18) 1.5px,transparent 1.5px);background-size:25px 25px;opacity:.55;pointer-events:none; }
    .page-service-invoices .hero-v3-card { position:relative;z-index:1;border-radius:24px; }
    .page-service-invoices .hv3-popup { z-index:2; }
    @media (max-width:900px) { .page-service-invoices .hero-v3-grid { grid-template-columns:1fr; }.page-service-invoices .hero-v3-title { font-size:clamp(40px,9vw,58px);line-height:1.1; }.page-service-invoices .hero-v3-frame { padding:16px;border-radius:28px; } }
    /* Reference hero with the supplied invoice Feature UI. */
    .page-service-invoices .hero-v3 { width:calc(100% - 28px);max-width:1720px;margin:14px auto 0;border-radius:42px;overflow:hidden; }
    .page-service-invoices .hero-v3-grid { grid-template-columns:minmax(0,610px) minmax(500px,630px); }
    .page-service-invoices .hero-v3-title mark { color:#0F2F20;background:linear-gradient(transparent 72%,#BCEB94 72%);padding:0 .04em; }
    .page-service-invoices .hero-v3-actions { margin-top:28px; }
    .page-service-invoices .hero-v3-note { margin-top:14px;color:#6B8A7A;font-size:12px;font-weight:600;text-align:center;max-width:470px; }
    .page-service-invoices .invoice-hero-frame { width:100%;height:680px;padding:28px;background:#0A4D4D;border-radius:34px;box-shadow:0 24px 64px rgba(15,47,32,.18);overflow:hidden;position:relative; }
    .page-service-invoices .invoice-hero-frame::before { content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(123,191,165,.18) 1.5px,transparent 1.5px);background-size:25px 25px;opacity:.55;pointer-events:none; }
    .page-service-invoices .invoice-hero-frame iframe { position:relative;z-index:1;display:block;width:100%;height:624px;border:0;border-radius:22px;background:transparent; }
    @media(max-width:900px){.page-service-invoices .hero-v3{border-radius:30px}.page-service-invoices .hero-v3-grid{grid-template-columns:1fr}.page-service-invoices .invoice-hero-frame{height:620px;padding:18px;border-radius:28px}.page-service-invoices .invoice-hero-frame iframe{height:584px;border-radius:18px}.page-service-invoices .hero-v3-note{margin-inline:auto}}
    /* Exact desktop hero proportions from the e-receipt page. */
    @media (min-width:901px) {
      .page-service-invoices .hero-v3 {
        min-height:760px;
        padding-top:86px;
        padding-bottom:24px;
      }
      .page-service-invoices .hero-v3-container {
        width:100%;
        max-width:none;
        padding:0;
      }
      .page-service-invoices .hero-v3-grid {
        grid-template-columns:minmax(0,520px) 560px;
        gap:62px;
        justify-content:center;
        align-items:center;
      }
      .page-service-invoices .hero-v3-text {
        width:100%;
        max-width:520px;
      }
      .page-service-invoices .hero-v3-badge {
        display:flex;
        width:fit-content;
        margin:0 auto 16px;
      }
      .page-service-invoices .hero-v3-title {
        width:100%;
        max-width:13ch;
        margin:0 0 16px;
        font-size:clamp(52px,4.5vw,68px);
        line-height:1.04;
      }
      .page-service-invoices .hero-v3-title mark {
        background:linear-gradient(to top,transparent 5%,#BCEB94 5%,#BCEB94 24%,transparent 24%);
        padding:0 .04em;
      }
      .page-service-invoices .hero-v3-subtitle {
        width:100%;
        max-width:520px;
        font-size:15.5px;
        line-height:1.85;
      }
      .page-service-invoices .hero-v3-actions {
        width:100%;
        justify-content:center;
        gap:14px;
        margin-top:28px;
      }
      .page-service-invoices .hero-v3-btn {
        min-height:58px;
        justify-content:center;
      }
      .page-service-invoices .hero-v3-btn-primary { width:200px;min-width:200px; }
      .page-service-invoices .hero-v3-btn-outline { width:224px;min-width:224px; }
      .page-service-invoices .hero-v3-note {
        width:100%;
        max-width:none;
        text-align:center;
      }
      .page-service-invoices .hero-v3-visual {
        width:560px;
        max-width:560px;
        justify-self:center;
      }
      .page-service-invoices .invoice-hero-frame {
        width:560px;
        height:680px;
        padding:20px;
        border-radius:30px;
      }
      .page-service-invoices .invoice-hero-frame iframe {
        width:520px;
        height:640px;
        border-radius:20px;
      }
    }    /* Invoice hero typography tuned to the visual size of the e-receipt hero. */
    .page-service-invoices .hero-v3-title {
      color:#0F2F20;
      font-weight:800;
      letter-spacing:-.035em;
    }
    .page-service-invoices .hero-v3-title mark { color:#0A4D4D; }
    .page-service-invoices .hero-v3-subtitle { color:#587466; }
    .page-service-invoices .hero-v3-badge { color:#0A4D4D; }
    @media (min-width:901px) {
      .page-service-invoices .hero-v3-title {
        max-width:14ch;
        font-size:clamp(46px,3.85vw,58px);
        line-height:1.08;
      }
    }
    @media (max-width:900px) {
      .page-service-invoices .hero-v3-title {
        font-size:clamp(36px,8vw,50px);
        line-height:1.12;
      }
    }    /* Final hero composition matched to e-receipt without Feature UI clipping. */
    @media (min-width:901px) {
      .page-service-invoices .hero-v3-title {
        max-width:13ch;
        font-size:clamp(48px,4vw,58px);
        line-height:1.08;
      }
      .page-service-invoices .hero-v3-actions { gap:16px; }
      .page-service-invoices .hero-v3-btn {
        min-height:58px;
        padding:14px 24px;
        font-size:15px;
        white-space:nowrap;
      }
      .page-service-invoices .hero-v3-btn-primary { width:225px;min-width:225px; }
      .page-service-invoices .hero-v3-btn-outline { width:250px;min-width:250px; }
    }    /* Literal final hero values copied from template-service-e-receipt.html. */
    @media (min-width:901px) {
      .page-service-invoices .hero-v3 {
        min-height:760px;
        padding-top:86px;
        padding-bottom:24px;
      }
      .page-service-invoices .hero-v3-grid {
        grid-template-columns:minmax(0,520px) 560px;
        gap:62px;
      }
      .page-service-invoices .hero-v3-text { width:100%;max-width:520px; }
      .page-service-invoices .hero-v3-badge { margin:0 auto 16px; }
      .page-service-invoices .hero-v3-title {
        width:100%;
        max-width:13ch;
        margin:0 0 16px;
        font-size:clamp(52px,4.5vw,68px);
        line-height:1.04;
        text-align:right;
      }
      .page-service-invoices .hero-v3-subtitle {
        width:100%;
        max-width:520px;
        font-size:15.5px;
        line-height:1.85;
        text-align:right;
      }
      .page-service-invoices .hero-v3-visual,
      .page-service-invoices .invoice-hero-frame { width:560px;max-width:560px; }
      .page-service-invoices .invoice-hero-frame {
        height:680px;
        padding:20px;
        border-radius:30px;
      }
      .page-service-invoices .invoice-hero-frame iframe {
        width:520px;
        height:640px;
        border-radius:20px;
      }
    }
    .page-service-invoices .hero-v3-actions {
      width:100%;
      justify-content:center;
      gap:14px;
      margin-top:0;
      direction:rtl;
    }
    .page-service-invoices .hero-v3-btn {
      height:58px;
      min-height:58px;
      padding:13px 20px;
      border-radius:999px;
      font-size:14px;
      font-weight:800;
      white-space:nowrap;
    }
    .page-service-invoices .hero-v3-btn-primary { width:200px;min-width:200px; }
    .page-service-invoices .hero-v3-btn-outline { width:224px;min-width:224px; }
    .page-service-invoices .hero-v3-note {
      width:100%;
      max-width:none;
      margin-top:16px;
      text-align:center;
      color:#6B8A7A;
      font-size:11px;
    }
    @media(max-width:560px){
      .page-service-invoices .hero-v3-btn-primary,
      .page-service-invoices .hero-v3-btn-outline { width:100%;min-width:0; }
    }    /* Hero text spacing matched to the e-receipt reference. */
    @media (min-width:901px) {
      .page-service-invoices .hero-v3-text { transform:translateY(-36px); }
      .page-service-invoices .hero-v3-badge { margin-bottom:22px; }
      .page-service-invoices .hero-v3-title { margin-bottom:24px; }
      .page-service-invoices .hero-v3-subtitle { margin:0; }
      .page-service-invoices .hero-v3-actions { margin-top:28px; }
    }    /* Testimonials — match the e-receipt page treatment. */
    .page-service-invoices .testimonials { padding:clamp(70px,8vw,108px) 0;background:#FBFCFA;overflow:hidden; }
    .page-service-invoices .testimonials-header { max-width:880px;margin:0 auto 58px;gap:18px; }
    .page-service-invoices .testimonials-header .eyebrow { display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 18px;border-radius:999px;background:#E3F1EC;color:#246B5F;font-size:13px;font-weight:800;border:0; }
    .page-service-invoices .testimonials-header .eyebrow svg { color:#246B5F; }
    .page-service-invoices .testimonials-header h2 { max-width:20ch;margin:0 auto;font-size:clamp(34px,4vw,56px);font-weight:800;line-height:1.22;color:#0F2F20; }
    .page-service-invoices .testimonials-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch; }
    .page-service-invoices .testimonial-card { position:relative;min-height:290px;padding:34px 30px 28px;border:1px solid rgba(15,47,32,.08);border-top:4px solid #7BBFA5;border-radius:24px;background:#F0F5F2;box-shadow:0 12px 34px rgba(15,47,32,.08);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease; }
    .page-service-invoices .testimonial-card:nth-child(2) { background:#E8F5D0;border-top-color:#BCEB94;transform:translateY(-12px); }
    .page-service-invoices .testimonial-card:nth-child(3) { background:#E4EDE6;border-top-color:#246B5F; }
    .page-service-invoices .testimonial-card::after { content:"“";position:absolute;left:22px;top:-22px;color:rgba(36,107,95,.09);font-family:Georgia,serif;font-size:130px;line-height:1;pointer-events:none; }
    .page-service-invoices .testimonial-card:hover { transform:translateY(-7px);box-shadow:0 18px 42px rgba(15,47,32,.13);border-color:rgba(15,47,32,.08); }
    .page-service-invoices .testimonial-card:nth-child(2):hover { transform:translateY(-18px); }
    .page-service-invoices .testimonial-stars { position:relative;z-index:1;color:#246B5F;margin-bottom:4px; }
    .page-service-invoices .testimonial-quote { position:relative;z-index:1;color:#36584B;font-size:16px;font-style:normal;line-height:1.9;text-align:right; }
    .page-service-invoices .testimonial-author { position:relative;z-index:1;margin-top:12px;padding-top:20px;border-top:1px solid rgba(15,47,32,.09); }
    .page-service-invoices .testimonial-avatar { background:#fff;color:#0A4D4D;box-shadow:0 5px 15px rgba(15,47,32,.08); }
    .page-service-invoices .testimonial-name { color:#0F2F20;font-weight:800; }
    .page-service-invoices .testimonial-role { color:#6B8A7A; }
    @media(max-width:800px){.page-service-invoices .testimonials-grid{grid-template-columns:1fr}.page-service-invoices .testimonial-card,.page-service-invoices .testimonial-card:nth-child(2){transform:none;min-height:0}.page-service-invoices .testimonial-card:hover,.page-service-invoices .testimonial-card:nth-child(2):hover{transform:translateY(-4px)}}
    /* Testimonials: exact supplied reference (large headline + pale cards). */
    .page-service-invoices .testimonials {
      padding:clamp(78px,8vw,112px) 0 clamp(88px,9vw,124px);
      background:#FBFCFA;
    }
    .page-service-invoices .testimonials-header {
      max-width:1040px;
      margin:0 auto 62px;
      gap:24px;
      text-align:center;
    }
    .page-service-invoices .testimonials-header .eyebrow {
      display:inline-flex;
      width:fit-content;
      margin:0 auto;
      padding:11px 20px;
      border-radius:999px;
      background:#E3F1EC;
      color:#246B5F;
      font-size:14px;
      font-weight:800;
    }
    .page-service-invoices .testimonials-header h2 {
      max-width:18ch;
      margin:0 auto;
      font-size:clamp(48px,5vw,72px);
      font-weight:800;
      line-height:1.18;
      letter-spacing:-.035em;
      color:#0F2F20;
    }
    .page-service-invoices .testimonials-grid {
      max-width:1280px;
      margin:0 auto;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:28px;
      align-items:stretch;
    }
    .page-service-invoices .testimonial-card {
      min-height:360px;
      padding:42px 38px 30px;
      border:1px solid #D5E5DD;
      border-top:4px solid #7BBFA5;
      border-radius:28px;
      background:#F0F5F2;
      box-shadow:0 16px 38px rgba(15,47,32,.08);
    }
    .page-service-invoices .testimonial-card:nth-child(2) {
      min-height:360px;
      background:#E8F5D0;
      border-color:#C9E99F;
      border-top-color:#BCEB94;
      transform:translateY(-14px);
    }
    .page-service-invoices .testimonial-card:nth-child(3) {
      background:#E4EDE6;
      border-top-color:#246B5F;
    }
    .page-service-invoices .testimonial-card::after {
      top:-18px;
      left:28px;
      font-size:112px;
      color:rgba(36,107,95,.10);
    }
    .page-service-invoices .testimonial-stars {
      color:#246B5F;
      margin-bottom:20px;
    }
    .page-service-invoices .testimonial-quote {
      color:#244A3D;
      font-size:17px;
      line-height:1.95;
    }
    .page-service-invoices .testimonial-author {
      margin-top:auto;
      padding-top:24px;
    }
    @media(max-width:800px){
      .page-service-invoices .testimonials-header h2 { font-size:clamp(36px,10vw,52px); }
      .page-service-invoices .testimonials-grid { grid-template-columns:1fr; }
      .page-service-invoices .testimonial-card,.page-service-invoices .testimonial-card:nth-child(2){min-height:300px;transform:none;}
    }    /* Final correction: compact invoice hero matched visually to e-receipt. */
    @media (min-width:901px) {
      .page-service-invoices .hero-v3 {
        min-height:760px;
        padding-top:86px;
        padding-bottom:24px;
      }
      .page-service-invoices .hero-v3-grid {
        grid-template-columns:minmax(0,500px) 520px;
        gap:62px;
      }
      .page-service-invoices .hero-v3-text {
        width:100%;
        max-width:500px;
        transform:none;
      }
      .page-service-invoices .hero-v3-badge { margin:0 auto 16px; }
      .page-service-invoices .hero-v3-title {
        max-width:13ch;
        margin:0 0 16px;
        font-size:clamp(46px,3.85vw,58px);
        line-height:1.08;
      }
      .page-service-invoices .hero-v3-subtitle {
        max-width:500px;
        font-size:15.5px;
        line-height:1.85;
      }
      .page-service-invoices .hero-v3-actions { margin-top:26px; }
      .page-service-invoices .hero-v3-visual,
      .page-service-invoices .invoice-hero-frame {
        width:520px;
        max-width:520px;
      }
      .page-service-invoices .invoice-hero-frame {
        height:640px;
        padding:20px;
        border-radius:30px;
      }
      .page-service-invoices .invoice-hero-frame iframe {
        width:480px;
        height:600px;
        border-radius:20px;
      }
    }

    /* Testimonials copied from the current e-receipt color and size treatment. */
    .page-service-invoices .testimonials {
      padding:72px 0;
      background:#F8FAF6;
    }
    .page-service-invoices .testimonials-header {
      max-width:1100px;
      margin:0 auto 44px;
      text-align:center;
    }
    .page-service-invoices .testimonials-header .eyebrow { display:none; }
    .page-service-invoices .testimonials-header h2 {
      max-width:none;
      margin:0;
      font-size:clamp(34px,3.5vw,50px);
      line-height:1.25;
      letter-spacing:-.025em;
      white-space:nowrap;
      color:#0F2F20;
    }
    .page-service-invoices .testimonials-grid {
      direction:ltr;
      max-width:1200px;
      margin:0 auto;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:22px;
      align-items:end;
    }
    .page-service-invoices .testimonial-card {
      direction:rtl;
      min-height:260px;
      padding:30px 26px 24px;
      background:#fff;
      border:1px solid #DCE8E2;
      border-radius:22px;
      box-shadow:0 14px 36px rgba(15,47,32,.08);
    }
    .page-service-invoices .testimonial-card:nth-child(2) {
      min-height:278px;
      background:#0A4D4D;
      border-color:#0A4D4D;
      transform:translateY(-12px);
      box-shadow:0 20px 46px rgba(10,77,77,.22);
    }
    .page-service-invoices .testimonial-card:nth-child(3) {
      background:#fff;
      border-color:#DCE8E2;
    }
    .page-service-invoices .testimonial-card::after {
      top:-16px;
      left:22px;
      font-size:95px;
      color:rgba(36,107,95,.16);
    }
    .page-service-invoices .testimonial-card:nth-child(2)::after { color:rgba(188,235,148,.34); }
    .page-service-invoices .testimonial-stars { color:#0A4D4D;margin-bottom:12px; }
    .page-service-invoices .testimonial-card:nth-child(2) .testimonial-stars { color:#BCEB94; }
    .page-service-invoices .testimonial-quote { color:#244A3D;font-size:15px;line-height:1.85; }
    .page-service-invoices .testimonial-card:nth-child(2) .testimonial-quote,
    .page-service-invoices .testimonial-card:nth-child(2) .testimonial-name { color:#fff; }
    .page-service-invoices .testimonial-card:nth-child(2) .testimonial-role { color:rgba(255,255,255,.62); }
    .page-service-invoices .testimonial-card:nth-child(2) .testimonial-author { border-top-color:rgba(255,255,255,.18); }
    .page-service-invoices .testimonial-card:nth-child(2) .testimonial-avatar { background:#BCEB94;color:#0A4D4D; }
    @media(max-width:800px){
      .page-service-invoices .testimonials-header h2 { white-space:normal; }
      .page-service-invoices .testimonials-grid { grid-template-columns:1fr; }
      .page-service-invoices .testimonial-card:nth-child(2) { min-height:0;transform:none; }
    }    /* Exact e-receipt testimonials header. */
    .page-service-invoices .testimonials-header h2 {
      max-width:none;
      white-space:normal;
    }
    .page-service-invoices .testimonials-header h2 span {
      color:#0A4D4D;
      white-space:nowrap;
    }
    .page-service-invoices .testimonials-subtitle {
      margin:10px auto 0;
      color:#6B8A7A;
      font-size:16px;
      line-height:1.7;
    }
    .page-service-invoices .testimonials-stats {
      display:flex;
      align-items:center;
      justify-content:center;
      flex-wrap:wrap;
      direction:ltr;
      gap:12px;
      margin-top:30px;
    }
    .page-service-invoices .testimonials-stats > span {
      display:inline-flex;
      align-items:center;
      gap:5px;
      min-height:44px;
      padding:9px 20px;
      border:1px solid #DCE8E2;
      border-radius:999px;
      background:#fff;
      color:#0F2F20;
      font-size:13px;
      box-shadow:0 8px 22px rgba(15,47,32,.07);
    }
    .page-service-invoices .testimonials-stats strong { color:#0A4D4D;font-size:14px; }    /* Why choose — match the compact e-receipt cards. */
    .page-service-invoices .why-choose { padding:clamp(72px,8vw,108px) 0;background:#FBFCFA; }
    .page-service-invoices .why-choose .section-header { max-width:900px;margin:0 auto 54px;gap:16px; }
    .page-service-invoices .why-choose .section-header .eyebrow { padding:8px 18px;border-radius:999px;background:#E3F1EC;color:#246B5F;font-size:13px;font-weight:800;border:0; }
    .page-service-invoices .why-choose .section-header h2 { max-width:21ch;margin:0 auto;font-size:clamp(34px,4vw,54px);font-weight:800;line-height:1.22;color:#0F2F20; }
    .page-service-invoices .why-choose .btn-lime { margin-top:4px;background:#BCEB94;color:#0A4D4D;border-color:#BCEB94; }
    .page-service-invoices .why-choose .features-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:24px; }
    .page-service-invoices .why-choose .feature-card { position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;column-gap:14px;row-gap:12px;align-items:center;min-height:220px;padding:26px 26px 24px;border:1px solid rgba(15,47,32,.08);border-radius:24px;background:#E4EDE6;box-shadow:0 8px 24px rgba(15,47,32,.10);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease; }
    .page-service-invoices .why-choose .feature-card:nth-child(3n+2) { background:#E8F5D0; }
    .page-service-invoices .why-choose .feature-card:nth-child(3n+3) { background:#F0F5F2; }
    .page-service-invoices .why-choose .feature-card:hover { transform:translateY(-5px);box-shadow:0 16px 40px rgba(15,47,32,.14);border-color:rgba(15,47,32,.08); }
    .page-service-invoices .why-choose .feature-icon { grid-column:1;grid-row:1;width:52px;height:52px;margin:0;border-radius:14px;background:rgba(255,255,255,.95);border:1px solid rgba(15,47,32,.08);box-shadow:0 5px 14px rgba(10,77,77,.08);color:#246B5F; }
    .page-service-invoices .why-choose .feature-icon svg { width:24px;height:24px;stroke-width:1.9; }
    .page-service-invoices .why-choose .feature-card h4 { grid-column:2;grid-row:1;margin:0;font-size:18px;font-weight:800;line-height:1.45;color:#0F2F20; }
    .page-service-invoices .why-choose .feature-card p { grid-column:1 / -1;grid-row:2;align-self:start;margin:0;font-size:14px;line-height:1.8;color:#6B8A7A; }
    @media(max-width:1000px){.page-service-invoices .why-choose .features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
    @media(max-width:650px){.page-service-invoices .why-choose .features-grid{grid-template-columns:1fr}.page-service-invoices .why-choose .feature-card{min-height:0}}
    /* Final why-choose dimensions copied from the effective e-receipt cards. */
    .page-service-invoices .why-choose {
      padding:72px 0;
      background:#fff;
    }
    .page-service-invoices .why-choose .section-header {
      max-width:900px;
      margin:0 auto 48px;
    }
    .page-service-invoices .why-choose .section-header .eyebrow,
    .page-service-invoices .why-choose .section-header .btn-lime { display:none; }
    .page-service-invoices .why-choose .section-header h2 {
      max-width:20ch;
      margin:0 auto;
      font-size:clamp(34px,3.4vw,48px);
      line-height:1.25;
    }
    .page-service-invoices .why-choose .features-grid {
      max-width:1200px;
      margin:0 auto;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:24px;
    }
    .page-service-invoices .why-choose .feature-card {
      min-height:0;
      padding:22px 24px 22px;
      grid-template-columns:auto 1fr;
      grid-template-rows:auto auto;
      column-gap:10px;
      row-gap:12px;
      align-items:center;
      border-radius:24px;
      box-shadow:0 8px 24px rgba(15,47,32,.10);
    }
    .page-service-invoices .why-choose .feature-icon {
      grid-column:1;
      grid-row:1;
      width:50px;
      height:50px;
      margin:0;
      border-radius:14px;
    }
    .page-service-invoices .why-choose .feature-icon svg {
      width:23px;
      height:23px;
      stroke-width:1.9;
    }
    .page-service-invoices .why-choose .feature-card h4 {
      grid-column:2;
      grid-row:1;
      margin:0;
      font-size:18px;
      line-height:1.4;
    }
    .page-service-invoices .why-choose .feature-card p {
      grid-column:1 / -1;
      grid-row:2;
      margin:0;
      font-size:13.5px;
      line-height:1.7;
    }
    @media(max-width:900px){
      .page-service-invoices .why-choose .features-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    }
    @media(max-width:620px){
      .page-service-invoices .why-choose .features-grid { grid-template-columns:1fr; }
    }    /* Dotted showcase background from the supplied reference. */
    .page-service-invoices .showcase-ref {
      background-color:#FBFCFA !important;
      background-image:radial-gradient(circle,rgba(107,138,122,.38) 1px,transparent 1.2px) !important;
      background-size:14px 14px !important;
      background-position:0 0 !important;
    }
    .page-service-invoices .showcase-ref-grid {
      position:relative;
      z-index:1;
    }    /* Updates newsletter from the supplied dotted reference. */
    .page-service-invoices .updates-newsletter {
      padding:72px 0;
      background-color:#FBFCFA;
      background-image:radial-gradient(circle,rgba(107,138,122,.38) 1px,transparent 1.2px);
      background-size:14px 14px;
    }
    .page-service-invoices .updates-newsletter-card {
      max-width:1200px;
      margin:0 auto;
      padding:54px 56px;
      border-radius:28px;
      background:#0A4D4D;
      color:#fff;
      text-align:center;
      box-shadow:0 18px 44px rgba(10,77,77,.18);
    }
    .page-service-invoices .updates-newsletter-badge {
      display:inline-flex;
      padding:7px 14px;
      margin-bottom:18px;
      border-radius:999px;
      background:rgba(188,235,148,.18);
      color:#BCEB94;
      font-size:13px;
      font-weight:800;
    }
    .page-service-invoices .updates-newsletter-card h2 {
      max-width:24ch;
      margin:0 auto 16px;
      font-size:clamp(30px,3vw,44px);
      line-height:1.3;
      color:#fff;
    }
    .page-service-invoices .updates-newsletter-card p {
      max-width:760px;
      margin:0 auto;
      color:rgba(255,255,255,.76);
      font-size:16px;
      line-height:1.9;
    }
    @media(max-width:640px){
      .page-service-invoices .updates-newsletter { padding:48px 0; }
      .page-service-invoices .updates-newsletter-card { padding:38px 22px;border-radius:22px; }
    }    /* E-receipt steps presentation reused for invoice content. */
    .page-service-invoices .invoice-feature-steps {
      padding:0 0 64px;
      background:#FBFCFA;
      overflow:hidden;
    }
    .page-service-invoices .invoice-how-it-works-frame {
      display:block;
      width:100%;
      height:1020px;
      margin:0;
      border:0;
      outline:0;
      background:transparent;
      box-shadow:none;
      overflow:hidden;
    }
    @media(max-width:900px){
      .page-service-invoices .invoice-how-it-works-frame { height:1900px; }
    }
    /* Invoice impact stats — dark strip matching the supplied reference */
    .page-service-invoices .invoice-impact-stats {
      padding: 44px 24px;
      background: #F4F7F3;
    }
    .page-service-invoices .invoice-impact-stats .stats-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0;
      overflow: hidden;
      padding: 54px 32px;
      border-radius: 44px;
      background: linear-gradient(105deg, #205C53 0%, #0A4D4D 58%, #073F3F 100%);
      box-shadow: 0 22px 48px rgba(7, 63, 63, .14);
    }
    .page-service-invoices .invoice-impact-stats .stat-item {
      min-height: 230px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 12px 34px;
      border-inline-start: 1px solid rgba(221, 236, 227, .14);
    }
    .page-service-invoices .invoice-impact-stats .stat-item:first-child { border-inline-start: 0; }
    .page-service-invoices .invoice-impact-stats .stat-icon {
      width: 58px;
      height: 58px;
      display: grid;
      place-items: center;
      margin-bottom: 22px;
      border-radius: 50%;
      color: #BCEB94;
      background: rgba(221, 236, 227, .13);
    }
    .page-service-invoices .invoice-impact-stats .stat-icon svg { width: 27px; height: 27px; }
    .page-service-invoices .invoice-impact-stats .stat-number {
      direction: ltr;
      color: #BCEB94;
      font-family: var(--font-display, inherit);
      font-size: clamp(48px, 5vw, 72px);
      font-weight: 800;
      line-height: 1;
      font-variant-numeric: tabular-nums;
    }
    .page-service-invoices .invoice-impact-stats .suffix { font-size: .62em; margin-inline-start: 3px; }
    .page-service-invoices .invoice-impact-stats .stat-label {
      margin-top: 24px;
      color: #DDECE3;
      font-size: 17px;
      line-height: 1.8;
    }
    @media (max-width: 760px) {
      .page-service-invoices .invoice-impact-stats { padding: 28px 16px; }
      .page-service-invoices .invoice-impact-stats .stats-grid { grid-template-columns: 1fr; padding: 24px; border-radius: 30px; }
      .page-service-invoices .invoice-impact-stats .stat-item { min-height: 210px; border-inline-start: 0; border-top: 1px solid rgba(221, 236, 227, .14); }
      .page-service-invoices .invoice-impact-stats .stat-item:first-child { border-top: 0; }
    }
    /* Free trial CTA placed directly before the updates newsletter */
    .page-service-invoices .invoice-free-trial {
      padding: 66px 24px 34px;
      background: #F4F7F3;
    }
    .page-service-invoices .invoice-free-trial-card {
      max-width: 1320px;
      margin: 0 auto;
      padding: 72px 40px;
      border-radius: 34px;
      text-align: center;
      background: #BDD4C8;
      color: #062D26;
      box-shadow: 0 16px 38px rgba(7, 63, 63, .08);
    }
    .page-service-invoices .invoice-free-trial-card h2 {
      max-width: 720px;
      margin: 0 auto 18px;
      font-size: clamp(28px, 3.1vw, 46px);
      line-height: 1.3;
      color: #062D26;
    }
    .page-service-invoices .invoice-free-trial-card p {
      max-width: 780px;
      margin: 0 auto;
      color: #45675E;
      font-size: 16px;
      line-height: 1.9;
    }
    .page-service-invoices .invoice-free-trial-actions {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 14px;
      margin-top: 28px;
    }
    .page-service-invoices .invoice-free-trial-actions .btn {
      min-width: 180px;
      height: 52px;
      border-radius: 999px;
      font-weight: 800;
      transition: transform .28s ease, box-shadow .28s ease, background-color .28s ease;
    }
    .page-service-invoices .invoice-free-trial-primary { background: #D2AD42; color: #092F28; border: 1px solid #D2AD42; }
    .page-service-invoices .invoice-free-trial-secondary { background: transparent; color: #092F28; border: 1px solid rgba(9,47,40,.35); }
    .page-service-invoices .invoice-free-trial-actions .btn:hover { transform: translateY(-4px); box-shadow: 0 12px 24px rgba(7,63,63,.16); }
    @media (max-width: 640px) {
      .page-service-invoices .invoice-free-trial { padding: 42px 16px 24px; }
      .page-service-invoices .invoice-free-trial-card { padding: 48px 22px; border-radius: 26px; }
      .page-service-invoices .invoice-free-trial-actions { flex-direction: column; }
      .page-service-invoices .invoice-free-trial-actions .btn { width: 100%; }
    }
    /* Exact flat stats-strip correction */
    .page-service-invoices .invoice-impact-stats {
      padding: 34px 24px 44px !important;
      background: #F4F7F3 !important;
    }
    .page-service-invoices .invoice-impact-stats .stats-grid {
      display: grid !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      align-items: stretch !important;
      gap: 0 !important;
      width: 100% !important;
      min-height: 350px !important;
      padding: 54px 6% !important;
      overflow: hidden !important;
      border: 0 !important;
      border-radius: 48px !important;
      background: linear-gradient(100deg, #205D54 0%, #0A4D4D 56%, #073F3F 100%) !important;
      box-shadow: none !important;
    }
    .page-service-invoices .invoice-impact-stats .stat-item {
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      min-width: 0 !important;
      min-height: 240px !important;
      margin: 0 !important;
      padding: 10px 24px !important;
      border: 0 !important;
      border-radius: 0 !important;
      outline: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
      color: #DDECE3 !important;
      opacity: 1 !important;
      transform: none !important;
    }
    .page-service-invoices .invoice-impact-stats .stat-item::before,
    .page-service-invoices .invoice-impact-stats .stat-item::after { display: none !important; }
    .page-service-invoices .invoice-impact-stats .stat-icon {
      width: 56px !important;
      height: 56px !important;
      display: grid !important;
      place-items: center !important;
      margin: 0 0 26px !important;
      border: 0 !important;
      border-radius: 50% !important;
      background: rgba(221,236,227,.13) !important;
      color: #BCEB94 !important;
      box-shadow: none !important;
    }
    .page-service-invoices .invoice-impact-stats .stat-number,
    .page-service-invoices .invoice-impact-stats .stat-count,
    .page-service-invoices .invoice-impact-stats .suffix {
      color: #BCEB94 !important;
      opacity: 1 !important;
      text-shadow: none !important;
    }
    .page-service-invoices .invoice-impact-stats .stat-number {
      margin: 0 !important;
      font-size: clamp(48px, 4vw, 68px) !important;
      font-weight: 800 !important;
      line-height: 1 !important;
    }
    .page-service-invoices .invoice-impact-stats .suffix { font-size: .72em !important; }
    .page-service-invoices .invoice-impact-stats .stat-label {
      margin: 25px 0 0 !important;
      color: #C7DCD3 !important;
      font-size: 16px !important;
      font-weight: 400 !important;
      line-height: 1.8 !important;
      opacity: 1 !important;
    }
    @media (max-width: 760px) {
      .page-service-invoices .invoice-impact-stats { padding: 24px 16px 32px !important; }
      .page-service-invoices .invoice-impact-stats .stats-grid {
        grid-template-columns: 1fr !important;
        min-height: 0 !important;
        padding: 22px !important;
        border-radius: 30px !important;
      }
      .page-service-invoices .invoice-impact-stats .stat-item {
        min-height: 220px !important;
        border-top: 1px solid rgba(221,236,227,.13) !important;
      }
      .page-service-invoices .invoice-impact-stats .stat-item:first-child { border-top: 0 !important; }
    }
    /* Exact updates newsletter card */
    .page-service-invoices .updates-newsletter {
      padding: 34px 24px 70px;
      background: #F4F7F3;
    }
    .page-service-invoices .updates-newsletter-card {
      direction: rtl;
      display: grid;
      grid-template-columns: minmax(0, 1.35fr) minmax(320px, .8fr);
      align-items: center;
      gap: 48px;
      min-height: 250px;
      padding: 48px 58px;
      border: 0;
      border-radius: 34px;
      background: #0A4D4D;
      color: #fff;
      box-shadow: 0 18px 42px rgba(7,63,63,.16);
      overflow: hidden;
    }
    .page-service-invoices .updates-newsletter-copy { text-align: right; }
    .page-service-invoices .updates-newsletter-badge {
      display: inline-flex;
      align-items: center;
      min-height: 30px;
      margin-bottom: 12px;
      padding: 5px 13px;
      border-radius: 999px;
      background: rgba(221,236,227,.12);
      color: #BCEB94;
      font-size: 12px;
      font-weight: 700;
    }
    .page-service-invoices .updates-newsletter-card h2 {
      margin: 0 0 10px;
      color: #fff;
      font-size: clamp(26px, 2.5vw, 40px);
      line-height: 1.3;
    }
    .page-service-invoices .updates-newsletter-card p {
      max-width: 700px;
      margin: 0;
      color: #C7DCD3;
      font-size: 15px;
      line-height: 1.8;
    }
    .page-service-invoices .updates-newsletter-form {
      direction: rtl;
      display: flex;
      align-items: center;
      gap: 10px;
      width: 100%;
    }
    .page-service-invoices .updates-newsletter-form input {
      min-width: 0;
      flex: 1;
      height: 52px;
      padding: 0 20px;
      border: 1px solid rgba(221,236,227,.2);
      border-radius: 999px;
      outline: none;
      background: rgba(255,255,255,.06);
      color: #fff;
      font: inherit;
      transition: border-color .25s ease, background-color .25s ease;
    }
    .page-service-invoices .updates-newsletter-form input::placeholder { color: #9DBDB2; }
    .page-service-invoices .updates-newsletter-form input:focus { border-color: #BCEB94; background: rgba(255,255,255,.1); }
    .page-service-invoices .updates-newsletter-form button {
      height: 52px;
      padding: 0 25px;
      border: 0;
      border-radius: 999px;
      background: #D2AD42;
      color: #092F28;
      font: inherit;
      font-weight: 800;
      cursor: pointer;
      transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease;
    }
    .page-service-invoices .updates-newsletter-form button:hover { transform: translateY(-3px); background: #E0BD54; box-shadow: 0 10px 22px rgba(0,0,0,.18); }
    @media (max-width: 820px) {
      .page-service-invoices .updates-newsletter { padding: 24px 16px 46px; }
      .page-service-invoices .updates-newsletter-card { grid-template-columns: 1fr; gap: 28px; padding: 42px 26px; border-radius: 28px; }
    }
    @media (max-width: 520px) {
      .page-service-invoices .updates-newsletter-form { flex-direction: column; }
      .page-service-invoices .updates-newsletter-form input,
      .page-service-invoices .updates-newsletter-form button { width: 100%; }
    }
    /* Final two sections reference styling */
    .page-service-invoices .invoice-free-trial {
      padding: 56px 22px 28px !important;
      background: #FBFCFA !important;
    }
    .page-service-invoices .invoice-free-trial-card {
      direction: rtl;
      display: grid !important;
      grid-template-columns: minmax(0, 1.25fr) minmax(360px, .75fr) !important;
      align-items: center !important;
      gap: 60px !important;
      min-height: 520px !important;
      padding: 64px 76px !important;
      border: 1px solid #CFE0D7 !important;
      border-radius: 40px !important;
      background: #E8F2ED !important;
      color: #082F28 !important;
      box-shadow: 0 18px 48px rgba(7,63,63,.08) !important;
      text-align: right !important;
    }
    .page-service-invoices .invoice-free-trial-copy { max-width: 700px; }
    .page-service-invoices .invoice-free-trial-card h2 {
      max-width: 680px !important;
      margin: 0 0 22px !important;
      color: #082F28 !important;
      font-size: clamp(36px, 4.2vw, 64px) !important;
      line-height: 1.2 !important;
    }
    .page-service-invoices .invoice-free-trial-card p {
      max-width: 650px !important;
      margin: 0 !important;
      color: #6A8179 !important;
      font-size: 17px !important;
      line-height: 1.95 !important;
    }
    .page-service-invoices .invoice-free-trial-actions { justify-content: flex-start !important; margin-top: 32px !important; }
    .page-service-invoices .invoice-free-trial-primary { background: #0A4D4D !important; border-color: #0A4D4D !important; color: #fff !important; }
    .page-service-invoices .invoice-free-trial-secondary { background: #fff !important; border: 1px solid #0A6A63 !important; color: #0A4D4D !important; }
    .page-service-invoices .invoice-free-trial-visual {
      direction: ltr;
      position: relative;
      min-height: 380px;
      display: grid;
      place-items: center;
    }
    .page-service-invoices .trial-device {
      position: relative;
      width: 190px;
      height: 320px;
      border: 7px solid #303030;
      border-radius: 34px;
      background: linear-gradient(155deg,#252525,#111);
      box-shadow: 0 32px 48px rgba(0,0,0,.27);
    }
    .page-service-invoices .trial-device-speaker { position:absolute; top:14px; left:50%; width:50px; height:7px; border-radius:99px; background:#050505; transform:translateX(-50%); }
    .page-service-invoices .trial-floating-card {
      position: absolute;
      display: flex;
      flex-direction: column;
      border-radius: 18px;
      background: #fff;
      color: #17251F;
      box-shadow: 0 22px 38px rgba(0,0,0,.2);
    }
    .page-service-invoices .trial-floating-card-top { top:44px; left:0; width:190px; padding:20px 18px; }
    .page-service-invoices .trial-floating-card-top small { margin:10px 0 5px; color:#8A9993; font-size:11px; }
    .page-service-invoices .trial-floating-card-top strong { font-size:23px; }
    .page-service-invoices .trial-mini-icon { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:#E3F7D8; color:#48A548; }
    .page-service-invoices .trial-floating-card-bottom { left:42px; bottom:48px; padding:15px 22px; font-size:14px; }
 
    .page-service-invoices .updates-newsletter {
      padding: 28px 22px 74px !important;
      background: #FBFCFA !important;
    }
    .page-service-invoices .updates-newsletter-card {
      grid-template-columns: minmax(0, 1.3fr) minmax(360px, .75fr) !important;
      min-height: 270px !important;
      padding: 52px 64px !important;
      border-radius: 28px !important;
      background: #0A4D4D !important;
      box-shadow: none !important;
    }
    .page-service-invoices .updates-newsletter-card h2 { color: #fff !important; }
    .page-service-invoices .updates-newsletter-card p { color: #C7DCD3 !important; }
    .page-service-invoices .updates-newsletter-form button { background: #BCEB94 !important; color: #0A4D4D !important; }
    @media (max-width: 900px) {
      .page-service-invoices .invoice-free-trial-card,
      .page-service-invoices .updates-newsletter-card { grid-template-columns: 1fr !important; }
      .page-service-invoices .invoice-free-trial-card { padding: 48px 34px !important; }
      .page-service-invoices .invoice-free-trial-visual { order: 2; }
    }
    @media (max-width: 560px) {
      .page-service-invoices .invoice-free-trial,
      .page-service-invoices .updates-newsletter { padding-inline: 14px !important; }
      .page-service-invoices .invoice-free-trial-card { min-height: 0 !important; padding: 38px 22px !important; border-radius: 28px !important; }
      .page-service-invoices .invoice-free-trial-card h2 { font-size: 34px !important; }
      .page-service-invoices .invoice-free-trial-visual { transform: scale(.82); margin: -22px 0; }
      .page-service-invoices .updates-newsletter-card { padding: 38px 22px !important; }
    }
    /* Home upload tool port — isolated light version */
    .page-service-invoices .invoice-upload-tool {
      padding: 92px 24px;
      background: #FBFCFA;
    }
    .page-service-invoices .invoice-upload-tool .upload-showcase-panel {
      direction: rtl;
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(480px, .9fr);
      align-items: center;
      gap: 86px;
      margin: 0;
      padding: 18px 18px 18px 54px;
      border: 0;
      border-radius: 0;
      background: transparent;
    }
    .page-service-invoices .invoice-upload-tool .upload-showcase-text { order: 1; text-align: right; }
    .page-service-invoices .invoice-upload-tool .showcase-heading-icon {
      width: 68px;
      height: 68px;
      display: grid;
      place-items: center;
      margin-bottom: 24px;
      border: 1px solid #CFE0D9;
      border-radius: 21px;
      background: #E8F2ED;
      color: #0A6A63;
      box-shadow: 0 14px 30px rgba(7,63,63,.08);
    }
    .page-service-invoices .invoice-upload-tool .showcase-heading-icon svg { width: 30px; height: 30px; }
    .page-service-invoices .invoice-upload-tool .upload-showcase-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 22px;
      color: #0A6A63;
      font-size: 13px;
      font-weight: 800;
    }
    .page-service-invoices .invoice-upload-tool .upload-showcase-badge .dot { width: 8px; height: 8px; border-radius: 50%; background: #0A6A63; }
    .page-service-invoices .invoice-upload-tool .upload-showcase-text h2 {
      max-width: 650px;
      margin: 0 0 24px;
      color: #082F28;
      font-size: clamp(38px, 4.4vw, 66px);
      font-weight: 800;
      line-height: 1.22;
    }
    .page-service-invoices .invoice-upload-tool .upload-showcase-text h2 .accent { color: #278267; }
    .page-service-invoices .invoice-upload-tool .upload-showcase-text p {
      max-width: 650px;
      margin: 0 0 32px;
      color: #73857F;
      font-size: 17px;
      line-height: 1.95;
    }
    .page-service-invoices .invoice-upload-tool .upload-showcase-text .btn-lime {
      min-height: 56px;
      padding: 0 30px;
      border-radius: 999px;
      background: #0A4D4D;
      color: #fff;
      font-size: 15px;
      font-weight: 800;
      transition: transform .28s ease, box-shadow .28s ease, background-color .28s ease;
    }
    .page-service-invoices .invoice-upload-tool .upload-showcase-text .btn-lime:hover { transform: translateY(-4px); background:#0D615E; box-shadow:0 14px 28px rgba(7,63,63,.18); }
    .page-service-invoices .invoice-upload-tool .upload-mockup-card {
      order: 2;
      padding: 38px;
      border: 1px solid #CEE0D8;
      border-radius: 34px;
      background: #fff;
      box-shadow: 0 24px 54px rgba(7,63,63,.1);
    }
    .page-service-invoices .invoice-upload-tool .upload-dropzone {
      display: flex;
      min-height: 230px;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin-bottom: 18px;
      padding: 30px;
      border: 1.5px dashed #B8D2C7;
      border-radius: 22px;
      background: #F4F7F3;
      text-align: center;
    }
    .page-service-invoices .invoice-upload-tool .upload-dropzone-icon { width:56px; height:56px; display:grid; place-items:center; margin-bottom:18px; border-radius:50%; background:#DDECE3; color:#0A6A63; }
    .page-service-invoices .invoice-upload-tool .upload-dropzone-title { margin-bottom:6px; color:#102F29; font-size:18px; font-weight:800; }
    .page-service-invoices .invoice-upload-tool .upload-dropzone-sub { color:#81918B; font-size:12px; }
    .page-service-invoices .invoice-upload-tool .upload-file-row { display:flex; align-items:center; justify-content:space-between; min-height:50px; margin-bottom:12px; padding:0 18px; border-radius:14px; background:#EAF2EE; color:#173B34; font-size:13px; }
    .page-service-invoices .invoice-upload-tool .upload-file-row svg { color:#0A6A63; }
    .page-service-invoices .invoice-upload-tool .upload-submit-btn { width:100%; height:52px; margin:2px 0 14px; border:0; border-radius:999px; background:#0A4D4D; color:#fff; font:inherit; font-weight:800; cursor:pointer; transition:transform .25s ease,box-shadow .25s ease; }
    .page-service-invoices .invoice-upload-tool .upload-submit-btn:hover { transform:translateY(-3px); box-shadow:0 12px 22px rgba(7,63,63,.2); }
    .page-service-invoices .invoice-upload-tool .upload-note { color:#778983; font-size:11px; line-height:1.7; text-align:center; }
    @media(max-width:980px){
      .page-service-invoices .invoice-upload-tool .upload-showcase-panel { grid-template-columns:1fr; gap:48px; padding:0; }
      .page-service-invoices .invoice-upload-tool .upload-showcase-text { text-align:center; }
      .page-service-invoices .invoice-upload-tool .showcase-heading-icon { margin-inline:auto; }
      .page-service-invoices .invoice-upload-tool .upload-showcase-text h2,
      .page-service-invoices .invoice-upload-tool .upload-showcase-text p { margin-inline:auto; }
      .page-service-invoices .invoice-upload-tool .upload-mockup-card { width:min(100%,620px); margin-inline:auto; }
    }
    @media(max-width:560px){
      .page-service-invoices .invoice-upload-tool { padding:64px 16px; }
      .page-service-invoices .invoice-upload-tool .upload-showcase-text h2 { font-size:36px; }
      .page-service-invoices .invoice-upload-tool .upload-mockup-card { padding:20px; border-radius:26px; }
      .page-service-invoices .invoice-upload-tool .upload-dropzone { min-height:190px; }
    }
    /* Home AI coding Feature UI — isolated */
    .page-service-invoices .invoice-ai-coding-ui { padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; overflow:visible !important; }
    .page-service-invoices .invoice-ai-coding-ui .lattice-card-coding { width:100%; min-height:440px; padding:34px; border-radius:32px; background:radial-gradient(circle at 12% 10%,rgba(188,235,148,.13),transparent 30%),#0A4D4D; color:#fff; box-shadow:0 24px 48px rgba(7,63,63,.17); }
    .page-service-invoices .invoice-ai-coding-ui .coding-card-layout { width:100%; height:100%; display:grid; grid-template-columns:minmax(250px,1.1fr) minmax(190px,.85fr) 108px; align-items:center; gap:24px; }
    .page-service-invoices .invoice-ai-coding-ui .coding-preview { direction:rtl; position:relative; padding:22px 18px 18px; border:1px solid rgba(255,255,255,.12); border-radius:22px; background:radial-gradient(circle at 50% 0%,rgba(188,235,148,.1),transparent 45%),rgba(255,255,255,.07); box-shadow:0 24px 48px rgba(0,0,0,.16); }
    .page-service-invoices .invoice-ai-coding-ui .coding-search { display:flex; align-items:center; gap:10px; min-height:52px; padding:0 15px; border-radius:999px; background:#fff; color:#174C49; font-size:11px; font-weight:700; box-shadow:0 8px 26px rgba(0,0,0,.14); }
    .page-service-invoices .invoice-ai-coding-ui .coding-search>svg { width:18px; flex:0 0 auto; }
    .page-service-invoices .invoice-ai-coding-ui .coding-search-query { display:flex; align-items:center; min-width:0; flex:1; white-space:nowrap; }
    .page-service-invoices .invoice-ai-coding-ui .coding-search-caret { width:2px; height:19px; margin-inline-start:3px; border-radius:2px; background:#3B8E73; animation:invoiceCodingCaret 1s steps(1) infinite; }
    @keyframes invoiceCodingCaret{50%{opacity:0}}
    .page-service-invoices .invoice-ai-coding-ui .coding-search-action { width:29px; height:29px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; background:#EAF6EF; color:#164F49; }
    .page-service-invoices .invoice-ai-coding-ui .coding-search-action svg { width:14px; }
    .page-service-invoices .invoice-ai-coding-ui .coding-ai-badge { display:inline-flex; align-items:center; gap:6px; margin:10px 16px 8px 0; padding:5px 10px; border-radius:999px; background:rgba(188,235,148,.16); color:#D9FFC1; font-size:10px; font-weight:800; }
    .page-service-invoices .invoice-ai-coding-ui .coding-ai-badge svg { width:13px; height:13px; }
    .page-service-invoices .invoice-ai-coding-ui .coding-suggestions { display:grid; gap:2px; padding:5px; border-radius:18px; background:#fff; box-shadow:0 14px 32px rgba(0,0,0,.14); }
    .page-service-invoices .invoice-ai-coding-ui .coding-suggestion { display:grid; grid-template-columns:1fr auto; align-items:center; gap:10px; min-height:44px; padding:7px 10px; border-radius:13px; background:#fff; color:#244D4A; font-size:10px; line-height:1.35; transition:background .16s ease,transform .16s ease; }
    .page-service-invoices .invoice-ai-coding-ui .coding-suggestion.is-active,.page-service-invoices .invoice-ai-coding-ui .coding-suggestion:hover{background:#EDF7F1}
    .page-service-invoices .invoice-ai-coding-ui .coding-suggestion:hover{transform:translateX(-2px)}
    .page-service-invoices .invoice-ai-coding-ui .coding-suggestion strong{display:flex;align-items:center;gap:7px;font-weight:700}
    .page-service-invoices .invoice-ai-coding-ui .coding-suggestion strong::before{content:"";width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#74BD95;box-shadow:0 0 0 4px #E4F4E9}
    .page-service-invoices .invoice-ai-coding-ui .coding-suggestion code{direction:ltr;color:#1F715C;font-size:10px;font-weight:800}
    .page-service-invoices .invoice-ai-coding-ui .coding-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;color:rgba(255,255,255,.76);font-size:11px;font-weight:700}
    .page-service-invoices .invoice-ai-coding-ui .coding-card-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(255,255,255,.13);color:#fff}
    .page-service-invoices .invoice-ai-coding-ui .coding-card-icon svg{width:20px;height:20px}
    .page-service-invoices .invoice-ai-coding-ui .coding-copy h3{margin:0 0 12px;color:#fff;font-size:clamp(22px,2vw,30px);line-height:1.3}
    .page-service-invoices .invoice-ai-coding-ui .coding-copy p{margin:0;color:rgba(255,255,255,.82);font-size:13px;line-height:1.8}
    .page-service-invoices .invoice-ai-coding-ui .coding-stat{text-align:center;padding:24px 10px;border-inline-start:1px solid rgba(255,255,255,.13)}
    .page-service-invoices .invoice-ai-coding-ui .coding-stat-value{direction:ltr;color:#BCEB94;font-size:clamp(36px,3.5vw,52px);font-weight:800;line-height:1}
    .page-service-invoices .invoice-ai-coding-ui .coding-stat-label{margin-top:10px;color:rgba(255,255,255,.85);font-size:11px}
    @media(max-width:1180px){.page-service-invoices .invoice-ai-coding-ui .coding-card-layout{grid-template-columns:1fr}.page-service-invoices .invoice-ai-coding-ui .coding-preview{order:1}.page-service-invoices .invoice-ai-coding-ui .coding-copy{order:2}.page-service-invoices .invoice-ai-coding-ui .coding-stat{order:3;border-inline-start:0;border-top:1px solid rgba(255,255,255,.13)}}
    @media(max-width:680px){.page-service-invoices .invoice-ai-coding-ui .lattice-card-coding{min-height:0;padding:22px;border-radius:26px}.page-service-invoices .invoice-ai-coding-ui .coding-preview{padding:15px}.page-service-invoices .invoice-ai-coding-ui .coding-search-query{font-size:9px}.page-service-invoices .invoice-ai-coding-ui .coding-suggestion{font-size:9px}}
    @media(prefers-reduced-motion:reduce){.page-service-invoices .invoice-ai-coding-ui .coding-search-caret{animation:none}}
    /* Home tax reports Feature UI — isolated */
    .page-service-invoices .invoice-tax-reports-ui{padding:38px!important;border:1px solid #C7DCD3!important;border-radius:34px!important;background:#DDECE3!important;box-shadow:none!important;overflow:visible!important}
    .page-service-invoices .invoice-tax-reports-ui .tax-reports-feature{direction:rtl;position:relative;display:grid;grid-template-columns:minmax(250px,1fr) minmax(180px,.72fr);grid-template-rows:auto auto;gap:20px;min-height:430px;padding:24px;border-radius:26px;background:rgba(255,255,255,.08)}
    .page-service-invoices .invoice-tax-reports-ui .trf-summary-card,.page-service-invoices .invoice-tax-reports-ui .trf-report-card,.page-service-invoices .invoice-tax-reports-ui .trf-trend-card,.page-service-invoices .invoice-tax-reports-ui .trf-mini-bars{background:#fff;border:1px solid rgba(7,63,63,.06);box-shadow:0 18px 36px rgba(7,63,63,.12)}
    .page-service-invoices .invoice-tax-reports-ui .trf-summary-card{grid-row:1/3;padding:28px 24px;border-radius:22px}
    .page-service-invoices .invoice-tax-reports-ui .trf-summary-number{direction:ltr;color:#0A4D4D;font-size:clamp(25px,2.6vw,38px);font-weight:800;text-align:right}
    .page-service-invoices .invoice-tax-reports-ui .trf-summary-caption{margin:7px 0 22px;color:#81918B;font-size:11px}
    .page-service-invoices .invoice-tax-reports-ui .trf-bars{height:125px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:22px;padding-top:10px}
    .page-service-invoices .invoice-tax-reports-ui .trf-bar{position:relative;width:18px;height:45%;border-radius:6px 6px 2px 2px;background:#D6E8DF;transform-origin:bottom;animation:invoiceReportBar 1.1s ease both}
    .page-service-invoices .invoice-tax-reports-ui .trf-bar:nth-child(2){height:62%;animation-delay:.08s}.page-service-invoices .invoice-tax-reports-ui .trf-bar:nth-child(3){height:48%;animation-delay:.16s}.page-service-invoices .invoice-tax-reports-ui .trf-bar:nth-child(4){height:70%;animation-delay:.24s}.page-service-invoices .invoice-tax-reports-ui .trf-bar:nth-child(5){height:56%;animation-delay:.32s}.page-service-invoices .invoice-tax-reports-ui .trf-bar:nth-child(6){height:90%;animation-delay:.4s}.page-service-invoices .invoice-tax-reports-ui .trf-bar.active{background:linear-gradient(#45B995,#0A7A68)}
    .page-service-invoices .invoice-tax-reports-ui .trf-bar::after{content:attr(data-month);position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);color:#91A19B;font-size:8px}
    @keyframes invoiceReportBar{from{transform:scaleY(0);opacity:.25}to{transform:scaleY(1);opacity:1}}
    .page-service-invoices .invoice-tax-reports-ui .trf-kpi{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid #E6EEEA;color:#637A73;font-size:11px}.page-service-invoices .invoice-tax-reports-ui .trf-kpi strong{direction:ltr;color:#0A4D4D}
    .page-service-invoices .invoice-tax-reports-ui .trf-report-card{align-self:start;padding:20px;border-radius:20px}
    .page-service-invoices .invoice-tax-reports-ui .trf-report-title{display:flex;align-items:center;gap:9px;margin-bottom:15px;color:#0A4D4D;font-size:12px;font-weight:800}.page-service-invoices .invoice-tax-reports-ui .trf-dot{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#E7F5DF;color:#4E9B4E}
    .page-service-invoices .invoice-tax-reports-ui .trf-report-meta{display:flex;flex-direction:column;gap:5px;margin-bottom:13px;color:#8A9993;font-size:10px}.page-service-invoices .invoice-tax-reports-ui .trf-report-meta strong{color:#163D35;font-size:13px}.page-service-invoices .invoice-tax-reports-ui .trf-report-status{display:inline-flex;padding:5px 10px;border-radius:999px;background:#E6F5D9;color:#36793D;font-size:9px;font-weight:800}
    .page-service-invoices .invoice-tax-reports-ui .trf-trend-card{position:absolute;top:5px;left:4px;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:17px;transform:translate(-12%,-18%)}
    .page-service-invoices .invoice-tax-reports-ui .trf-compliance-ring{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#18A17F 0 92%,#DDECE3 92% 100%);position:relative}.page-service-invoices .invoice-tax-reports-ui .trf-compliance-ring::before{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}.page-service-invoices .invoice-tax-reports-ui .trf-compliance-ring span{position:relative;color:#0A6A63;font-size:10px;font-weight:800}
    .page-service-invoices .invoice-tax-reports-ui .trf-compliance-copy{display:flex;flex-direction:column;gap:3px}.page-service-invoices .invoice-tax-reports-ui .trf-compliance-copy strong{color:#0A4D4D;font-size:10px}.page-service-invoices .invoice-tax-reports-ui .trf-compliance-copy span{color:#8B9A95;font-size:8px}
    .page-service-invoices .invoice-tax-reports-ui .trf-mini-bars{position:absolute;right:6px;bottom:4px;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:17px;background:#0A4D4D;transform:translate(10%,18%)}
    .page-service-invoices .invoice-tax-reports-ui .trf-ready-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#BCEB94;color:#0A4D4D;font-weight:900}.page-service-invoices .invoice-tax-reports-ui .trf-ready-copy{display:flex;flex-direction:column;gap:3px}.page-service-invoices .invoice-tax-reports-ui .trf-ready-copy strong{color:#fff;font-size:11px}.page-service-invoices .invoice-tax-reports-ui .trf-ready-copy span{color:#C7DCD3;font-size:8px}
    @media(max-width:1180px){.page-service-invoices .invoice-tax-reports-ui .tax-reports-feature{grid-template-columns:1fr;min-height:620px}.page-service-invoices .invoice-tax-reports-ui .trf-summary-card{grid-row:auto}.page-service-invoices .invoice-tax-reports-ui .trf-trend-card{top:12px;left:12px;transform:none}.page-service-invoices .invoice-tax-reports-ui .trf-mini-bars{right:12px;bottom:12px;transform:none}}
    @media(max-width:680px){.page-service-invoices .invoice-tax-reports-ui{padding:18px!important}.page-service-invoices .invoice-tax-reports-ui .tax-reports-feature{padding:12px;min-height:650px}.page-service-invoices .invoice-tax-reports-ui .trf-summary-card{padding:22px 17px}.page-service-invoices .invoice-tax-reports-ui .trf-trend-card{position:relative;inset:auto;transform:none}.page-service-invoices .invoice-tax-reports-ui .trf-mini-bars{position:relative;inset:auto;transform:none}}
    @media(prefers-reduced-motion:reduce){.page-service-invoices .invoice-tax-reports-ui .trf-bar{animation:none}}
    /* Unified solid post-hero page background */
    body.page-service-invoices > .hero-v3 ~ section {
      background-color: #F8FAF6 !important;
      background-image: none !important;
    }
    /* AI Feature UI only correction */
    .page-service-invoices .invoice-ai-coding-ui {
      display:grid !important;
      place-items:center !important;
      min-height:500px !important;
      padding:52px !important;
      border:1px solid #C7DCD3 !important;
      border-radius:34px !important;
      background:#DDECE3 !important;
      box-shadow:none !important;
      overflow:visible !important;
    }
    .page-service-invoices .invoice-ai-coding-ui > .coding-preview {
      width:min(100%,470px) !important;
      padding:30px 26px 26px !important;
      border:1px solid rgba(255,255,255,.18) !important;
      border-radius:26px !important;
      background:linear-gradient(145deg,#245F58,#174D49) !important;
      box-shadow:0 26px 48px rgba(7,63,63,.22) !important;
    }
    .page-service-invoices .invoice-ai-coding-ui > .coding-preview::after { display:none !important; }
    .page-service-invoices .invoice-ai-coding-ui .coding-search { min-height:58px !important; font-size:13px !important; }
    .page-service-invoices .invoice-ai-coding-ui .coding-suggestion { min-height:52px !important; padding:9px 14px !important; font-size:12px !important; }
    @media(max-width:680px){
      .page-service-invoices .invoice-ai-coding-ui{min-height:420px!important;padding:24px!important}
      .page-service-invoices .invoice-ai-coding-ui > .coding-preview{padding:20px 16px!important}
      .page-service-invoices .invoice-ai-coding-ui .coding-search{font-size:10px!important}
      .page-service-invoices .invoice-ai-coding-ui .coding-suggestion{font-size:10px!important}
    }
    /* Receipt-scale feature sections from ERP onward */
    .page-service-invoices .showcase-ref {
      padding: 72px 24px !important;
      background-color: #F8FAF6 !important;
      background-image: none !important;
    }
    .page-service-invoices .showcase-ref-grid,
    .page-service-invoices .showcase-ref-grid.reverse {
      grid-template-columns: minmax(0, 1fr) minmax(460px, 1fr) !important;
      align-items: center !important;
      gap: 64px !important;
    }
    .page-service-invoices .showcase-ref-text {
      max-width: 540px !important;
    }
    .page-service-invoices .showcase-ref-text .badge-pill {
      margin-bottom: 20px !important;
      padding: 8px 18px !important;
      border-radius: 999px !important;
      background: #BDD4C8 !important;
      color: #0A4D4D !important;
      font-size: 13px !important;
      font-weight: 800 !important;
    }
    .page-service-invoices .showcase-ref-text .badge-pill .tag {
      padding: 5px 11px !important;
      border-radius: 999px !important;
      background: #F8FAF6 !important;
      color: #0A4D4D !important;
      font-size: 11px !important;
    }
    .page-service-invoices .showcase-ref-text h2 {
      margin: 0 0 20px !important;
      color: #0F2F20 !important;
      font-size: clamp(34px, 3.5vw, 50px) !important;
      font-weight: 800 !important;
      line-height: 1.22 !important;
      letter-spacing: -.02em !important;
    }
    .page-service-invoices .showcase-ref-text p {
      max-width: 52ch !important;
      margin: 0 0 28px !important;
      color: #6B817A !important;
      font-size: 16px !important;
      line-height: 1.9 !important;
    }
    .page-service-invoices .showcase-ref-text .cta-arrow {
      min-height: 50px !important;
      padding: 0 24px !important;
      border-radius: 999px !important;
      font-size: 14px !important;
    }
    .page-service-invoices .showcase-ref-panel {
      width: 100% !important;
      min-height: 470px !important;
      padding: 34px !important;
      border: 1px solid #C7DCD3 !important;
      border-radius: 30px !important;
      background: #DDECE3 !important;
      box-shadow: 0 18px 42px rgba(7,63,63,.08) !important;
      overflow: visible !important;
    }
    .page-service-invoices .invoice-ai-coding-ui,
    .page-service-invoices .invoice-tax-reports-ui {
      min-height: 470px !important;
      padding: 34px !important;
      border-radius: 30px !important;
      background: #DDECE3 !important;
    }
 
    .page-service-invoices .invoice-upload-tool {
      padding: 72px 24px !important;
      background-color: #F8FAF6 !important;
      background-image: none !important;
    }
    .page-service-invoices .invoice-upload-tool .upload-showcase-panel {
      grid-template-columns: minmax(0, 1fr) minmax(460px, 1fr) !important;
      gap: 64px !important;
      padding: 0 !important;
    }
    .page-service-invoices .invoice-upload-tool .upload-showcase-text { max-width: 540px !important; }
    .page-service-invoices .invoice-upload-tool .upload-showcase-text h2 {
      margin-bottom: 20px !important;
      font-size: clamp(34px, 3.5vw, 50px) !important;
      line-height: 1.22 !important;
    }
    .page-service-invoices .invoice-upload-tool .upload-showcase-text p {
      margin-bottom: 28px !important;
      font-size: 16px !important;
      line-height: 1.9 !important;
    }
    .page-service-invoices .invoice-upload-tool .showcase-heading-icon {
      width: 58px !important;
      height: 58px !important;
      margin-bottom: 20px !important;
      border-radius: 18px !important;
    }
    .page-service-invoices .invoice-upload-tool .upload-mockup-card {
      width: 100% !important;
      min-height: 470px !important;
      padding: 34px !important;
      border: 1px solid #C7DCD3 !important;
      border-radius: 30px !important;
      background: #DDECE3 !important;
      box-shadow: 0 18px 42px rgba(7,63,63,.08) !important;
    }
    .page-service-invoices .invoice-upload-tool .upload-dropzone {
      background: #F8FAF6 !important;
    }
    .page-service-invoices .invoice-upload-tool .upload-file-row {
      background: rgba(255,255,255,.72) !important;
    }
    @media(max-width: 980px){
      .page-service-invoices .showcase-ref-grid,
      .page-service-invoices .showcase-ref-grid.reverse,
      .page-service-invoices .invoice-upload-tool .upload-showcase-panel {
        grid-template-columns: 1fr !important;
        gap: 42px !important;
      }
      .page-service-invoices .showcase-ref-text,
      .page-service-invoices .invoice-upload-tool .upload-showcase-text {
        max-width: 680px !important;
        margin-inline: auto !important;
        text-align: center !important;
      }
      .page-service-invoices .showcase-ref-text p { margin-inline: auto !important; }
    }
    @media(max-width: 640px){
      .page-service-invoices .showcase-ref,
      .page-service-invoices .invoice-upload-tool { padding: 56px 16px !important; }
      .page-service-invoices .showcase-ref-text h2,
      .page-service-invoices .invoice-upload-tool .upload-showcase-text h2 { font-size: 34px !important; }
      .page-service-invoices .showcase-ref-panel,
      .page-service-invoices .invoice-ai-coding-ui,
      .page-service-invoices .invoice-tax-reports-ui,
      .page-service-invoices .invoice-upload-tool .upload-mockup-card {
        min-height: 0 !important;
        padding: 22px !important;
        border-radius: 24px !important;
      }
    }
    /* Companies standalone Feature UI */
    .page-service-invoices .companies-feature-panel {
      display: grid !important;
      place-items: center !important;
      min-height: 470px !important;
      padding: 20px !important;
      background: #DDECE3 !important;
      overflow: hidden !important;
    }
    .page-service-invoices .companies-feature-frame-wrap {
      position: relative;
      width: 525px;
      height: 426px;
      max-width: 100%;
      overflow: hidden;
    }
    .page-service-invoices .companies-feature-frame {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 640px;
      height: 520px;
      border: 0;
      outline: 0;
      background: transparent;
      transform: translate(-50%, -50%) scale(.82);
      transform-origin: center;
      pointer-events: auto;
    }
    @media(max-width:640px){
      .page-service-invoices .companies-feature-panel { min-height: 340px !important; padding: 12px !important; }
      .page-service-invoices .companies-feature-frame-wrap { width: 320px; height: 260px; }
      .page-service-invoices .companies-feature-frame { transform: translate(-50%, -50%) scale(.5); }
    }
    /* Receipt-style feature copy beside UI */
    .page-service-invoices .showcase-ref-text,
    .page-service-invoices .invoice-upload-tool .upload-showcase-text {
      max-width: 540px !important;
      text-align: right !important;
    }
    .page-service-invoices .feature-copy-kicker-row,
    .page-service-invoices .showcase-ref-text .feature-copy-kicker-row {
      display: flex !important;
      align-items: center !important;
      justify-content: flex-start !important;
      gap: 14px !important;
      width: auto !important;
      margin: 0 0 24px !important;
      padding: 0 !important;
      border: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
    }
    .page-service-invoices .feature-copy-icon {
      width: 58px;
      height: 58px;
      display: grid;
      place-items: center;
      flex: 0 0 58px;
      border: 1px solid #D2E4DC;
      border-radius: 18px;
      background: #E3F1EC;
      color: #0A6A63;
    }
    .page-service-invoices .feature-copy-icon svg { width: 27px; height: 27px; }
    .page-service-invoices .feature-copy-kicker-text {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      color: #0A6A63;
      font-size: 14px;
      font-weight: 800;
      line-height: 1.4;
    }
    .page-service-invoices .feature-copy-kicker-text .tag {
      display: inline-flex;
      padding: 5px 11px !important;
      border: 1px solid #D7E5DF !important;
      border-radius: 999px !important;
      background: #fff !important;
      color: #246B5F !important;
      font-size: 11px !important;
      font-weight: 700 !important;
    }
    .page-service-invoices .showcase-ref-text h2,
    .page-service-invoices .invoice-upload-tool .upload-showcase-text h2 {
      max-width: 12ch !important;
      margin: 0 0 24px !important;
      color: #0F2F20 !important;
      font-size: clamp(38px, 3.55vw, 52px) !important;
      font-weight: 800 !important;
      line-height: 1.2 !important;
      letter-spacing: -.025em !important;
    }
    .page-service-invoices .showcase-ref-text p,
    .page-service-invoices .invoice-upload-tool .upload-showcase-text p {
      max-width: 54ch !important;
      margin: 0 0 28px !important;
      color: #71847E !important;
      font-size: 17px !important;
      font-weight: 400 !important;
      line-height: 1.95 !important;
    }
    .page-service-invoices .showcase-ref-text .cta-arrow,
    .page-service-invoices .invoice-upload-tool .upload-showcase-text .btn-lime {
      min-width: 190px !important;
      min-height: 52px !important;
      margin-top: 4px !important;
      padding: 0 26px !important;
      border-radius: 999px !important;
      font-size: 14px !important;
      font-weight: 800 !important;
    }
    @media(max-width:980px){
      .page-service-invoices .showcase-ref-text,
      .page-service-invoices .invoice-upload-tool .upload-showcase-text { text-align:center !important; }
      .page-service-invoices .feature-copy-kicker-row,
      .page-service-invoices .showcase-ref-text .feature-copy-kicker-row { justify-content:center !important; }
      .page-service-invoices .showcase-ref-text h2,
      .page-service-invoices .invoice-upload-tool .upload-showcase-text h2,
      .page-service-invoices .showcase-ref-text p,
      .page-service-invoices .invoice-upload-tool .upload-showcase-text p { margin-inline:auto !important; }
    }
    @media(max-width:640px){
      .page-service-invoices .feature-copy-icon { width:52px;height:52px;flex-basis:52px;border-radius:16px; }
      .page-service-invoices .showcase-ref-text h2,
      .page-service-invoices .invoice-upload-tool .upload-showcase-text h2 { font-size:34px !important; }
      .page-service-invoices .showcase-ref-text p,
      .page-service-invoices .invoice-upload-tool .upload-showcase-text p { font-size:15px !important; }
    }
    /* Companies Feature UI full-size reference */
    @media(min-width:981px){
      .page-service-invoices .companies-showcase .showcase-ref-grid {
        grid-template-columns: minmax(420px, .82fr) minmax(640px, 1.18fr) !important;
        gap: 54px !important;
      }
      .page-service-invoices .companies-showcase .companies-feature-panel {
        min-height: 570px !important;
        padding: 24px !important;
      }
      .page-service-invoices .companies-showcase .companies-feature-frame-wrap {
        width: 640px !important;
        height: 520px !important;
        max-width: none !important;
      }
      .page-service-invoices .companies-showcase .companies-feature-frame {
        width: 640px !important;
        height: 520px !important;
        transform: translate(-50%, -50%) scale(1) !important;
      }
    }
    @media(min-width:981px) and (max-width:1180px){
      .page-service-invoices .companies-showcase .showcase-ref-grid {
        grid-template-columns: minmax(360px, .82fr) minmax(540px, 1.18fr) !important;
      }
      .page-service-invoices .companies-showcase .companies-feature-frame-wrap { width: 525px !important;height:426px !important; }
      .page-service-invoices .companies-showcase .companies-feature-frame { transform:translate(-50%,-50%) scale(.82) !important; }
      .page-service-invoices .companies-showcase .companies-feature-panel { min-height:480px !important; }
    }
    /* Companies whole-section reference size */
    .page-service-invoices .companies-showcase {
      padding: 76px 24px !important;
      min-height: 0 !important;
    }
    @media(min-width:1181px){
      .page-service-invoices .companies-showcase .showcase-ref-grid {
        grid-template-columns: minmax(0, 560px) minmax(0, 606px) !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 72px !important;
      }
      .page-service-invoices .companies-showcase .showcase-ref-text {
        width: 100% !important;
        max-width: 560px !important;
      }
      .page-service-invoices .companies-showcase .companies-feature-panel {
        width: 606px !important;
        min-height: 488px !important;
        height: 488px !important;
        padding: 30px !important;
        border-radius: 32px !important;
      }
      .page-service-invoices .companies-showcase .companies-feature-frame-wrap {
        width: 525px !important;
        height: 426px !important;
      }
      .page-service-invoices .companies-showcase .companies-feature-frame {
        width: 640px !important;
        height: 520px !important;
        transform: translate(-50%, -50%) scale(.82) !important;
      }
    }
    @media(min-width:981px) and (max-width:1180px){
      .page-service-invoices .companies-showcase .showcase-ref-grid {
        grid-template-columns: minmax(360px,.9fr) minmax(520px,1.1fr) !important;
        gap: 48px !important;
      }
      .page-service-invoices .companies-showcase .companies-feature-panel {
        width: 100% !important;
        min-height: 450px !important;
        height: 450px !important;
      }
      .page-service-invoices .companies-showcase .companies-feature-frame-wrap { width: 480px !important;height:390px !important; }
      .page-service-invoices .companies-showcase .companies-feature-frame { transform:translate(-50%,-50%) scale(.75) !important; }
    }
    @media(max-width:980px){
      .page-service-invoices .companies-showcase { padding: 64px 20px !important; }
      .page-service-invoices .companies-showcase .companies-feature-panel { width:min(100%,606px)!important;margin-inline:auto!important; }
    }
 
    /* Services section — cream/mint card design matching the e-receipt page aesthetic */
    .page-service-invoices .services-section { padding:clamp(72px,9vw,112px) 0; background:var(--bg,#F7F9F5); }
    .page-service-invoices .services-section .section-header { max-width:640px;margin:0 auto 54px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px; }
    .page-service-invoices .services-section .section-header .eyebrow { display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 18px;border-radius:999px;background:#E3F1EC;color:#246B5F;font-size:13px;font-weight:800;border:0; }
    .page-service-invoices .services-section .section-header .eyebrow svg { color:#246B5F; }
    .page-service-invoices .services-section .section-header h2 { margin:0;font-size:clamp(32px,3.6vw,46px);font-weight:800;line-height:1.25;color:#0F2F20; }
    .page-service-invoices .services-section .section-header p { margin:0;font-size:15.5px;line-height:1.8;color:#6B8A7A;max-width:56ch; }
    .page-service-invoices .services-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:1240px;margin:0 auto; }
    .page-service-invoices .service-card { position:relative;display:flex;flex-direction:column;gap:14px;padding:30px 26px 28px;background:#fff;border:1px solid #DCE8E2;border-radius:24px;box-shadow:0 8px 24px rgba(15,47,32,.06);transition:transform .25s ease,box-shadow .25s ease; }
    .page-service-invoices .service-card:hover { transform:translateY(-5px);box-shadow:0 16px 40px rgba(15,47,32,.12); }
    .page-service-invoices .service-icon { display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#E3F1EC;color:#246B5F;box-shadow:0 5px 14px rgba(10,77,77,.08); }
    .page-service-invoices .service-icon svg { width:26px;height:26px; }
    .page-service-invoices .service-kicker { font-size:12.5px;font-weight:800;color:#246B5F;letter-spacing:.01em; }
    .page-service-invoices .service-card h4 { margin:2px 0 0;font-size:18px;font-weight:800;line-height:1.4;color:#0F2F20; }
    .page-service-invoices .service-card p { margin:0;font-size:14px;line-height:1.75;color:#6B8A7A; }
    .page-service-invoices .service-highlight { margin-top:auto;padding-top:14px;border-top:1px dashed #DCE8E2;font-size:13px;line-height:1.7;color:#0F2F20;font-weight:600; }
    .page-service-invoices .service-card-featured { background:#0A4D4D;border-color:#0A4D4D;box-shadow:0 16px 36px rgba(10,77,77,.22); }
    .page-service-invoices .service-card-featured:hover { box-shadow:0 20px 44px rgba(10,77,77,.28); }
    .page-service-invoices .service-card-featured .service-icon { background:#BCEB94;color:#0A4D4D;box-shadow:none; }
    .page-service-invoices .service-card-featured .service-kicker { color:#BCEB94; }
    .page-service-invoices .service-card-featured h4 { color:#fff; }
    .page-service-invoices .service-card-featured p { color:rgba(255,255,255,.72); }
    .page-service-invoices .service-card-featured .service-highlight { border-top-color:rgba(255,255,255,.2);color:#fff; }
    @media(max-width:1080px){.page-service-invoices .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}