{"id":97558,"date":"2026-06-15T15:55:48","date_gmt":"2026-06-15T14:55:48","guid":{"rendered":"https:\/\/invoicefly.com\/?page_id=97558"},"modified":"2026-06-22T10:58:11","modified_gmt":"2026-06-22T09:58:11","slug":"invoice-app","status":"publish","type":"page","link":"https:\/\/invoicefly.com\/es\/product\/invoice-app\/","title":{"rendered":"Invoice App Test HTML"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"97558\" class=\"elementor elementor-97558\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1194f6f e-con-full e-flex e-con e-parent\" data-id=\"1194f6f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3871b2a elementor-widget elementor-widget-html\" data-id=\"3871b2a\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n<link\n  rel=\"stylesheet\"\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600&display=swap\"\n\/>\n\n<style>\n  \/* ===== WORDPRESS \/ ELEMENTOR COMPATIBILITY ===== *\/\n  html,\n  body {\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n  .elementor-section,\n  .elementor-column,\n  .elementor-widget-wrap,\n  .elementor-widget-html,\n  .elementor-widget-container,\n  .e-container,\n  .e-con,\n  .e-con-inner,\n  .e-flex,\n  .e-child {\n    overflow: visible !important;\n  }\n\n  .ifsw-widget a {\n    color: inherit !important;\n    text-decoration: none !important;\n  }\n  .ifsw-widget img {\n    display: block;\n    max-width: 100%;\n    height: auto;\n    border-radius: 6px;\n  }\n  .ifsw-widget *,\n  .ifsw-widget *::before,\n  .ifsw-widget *::after {\n    box-sizing: border-box;\n  }\n\n  \/* ===== ROOT SCOPE ===== *\/\n  .ifsw-widget {\n    --brand: #0044bb;\n    --brand-dark: #003299;\n    --brand-700: #0036a6;\n    --brand-600: #0044bb;\n    --brand-500: #1e5eff;\n    --brand-100: #d9e4ff;\n    --brand-50: #edf2ff;\n    --ink: #0a1628;\n    --ink-soft: #2a3a52;\n    --ink-mute: #4a5568;\n    --ink-faint: #6b7689;\n    --bg: #ffffff;\n    --bg-soft: #f6f8fb;\n    --bg-tint: #eef2f8;\n    --line: #e4e8f0;\n    --line-soft: #eff2f7;\n    --safety: #ff8c00;\n    --green: #16a34a;\n    --radius: 12px;\n    --radius-lg: 16px;\n    --radius-pill: 999px;\n    --shadow-sm:\n      0 1px 2px rgba(10, 22, 40, 0.04), 0 1px 1px rgba(10, 22, 40, 0.06);\n    --shadow-md:\n      0 4px 12px -2px rgba(10, 22, 40, 0.08),\n      0 2px 4px -1px rgba(10, 22, 40, 0.04);\n    --shadow-lg:\n      0 16px 32px -8px rgba(10, 22, 40, 0.12),\n      0 4px 8px -2px rgba(10, 22, 40, 0.06);\n    --shadow-brand: 0 8px 20px -4px rgba(0, 68, 187, 0.32);\n    --ease: cubic-bezier(0.32, 0.72, 0, 1);\n    --font:\n      \"Manrope\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    --font-mono: \"JetBrains Mono\", ui-monospace, \"SF Mono\", Menlo, monospace;\n\n    font-family: var(--font);\n    color: var(--ink);\n    line-height: 1.5;\n    -webkit-font-smoothing: antialiased;\n    background: var(--bg);\n    width: 100%;\n    box-sizing: border-box;\n    position: relative;\n  }\n  .ifsw-widget *,\n  .ifsw-widget *::before,\n  .ifsw-widget *::after {\n    box-sizing: border-box;\n  }\n  .ifsw-widget h1,\n  .ifsw-widget h2,\n  .ifsw-widget h3,\n  .ifsw-widget h4,\n  .ifsw-widget p,\n  .ifsw-widget ul,\n  .ifsw-widget li {\n    margin: 0;\n    padding: 0;\n  }\n  .ifsw-widget ul {\n    list-style: none;\n  }\n  .ifsw-widget button {\n    font-family: inherit;\n    cursor: pointer;\n    background: none;\n    border: none;\n    color: inherit;\n    padding: 0;\n  }\n  .ifsw-widget a {\n    color: inherit;\n    text-decoration: none;\n  }\n  .ifsw-widget input {\n    font-family: inherit;\n    color: inherit;\n  }\n  .ifsw-widget img {\n    display: block;\n    max-width: 100%;\n    height: auto;\n    border-radius: 6px;\n  }\n  .ifsw-widget svg {\n    display: inline-block;\n    vertical-align: middle;\n  }\n\n  \/* ===== BUTTONS ===== *\/\n  .ifsw-widget .btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 12px 22px;\n    border-radius: var(--radius-pill);\n    font-size: 14.5px;\n    font-weight: 700;\n    border: 1.5px solid transparent;\n    text-decoration: none;\n    cursor: pointer;\n    transition: all 0.2s var(--ease);\n    white-space: nowrap;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n  }\n  .ifsw-widget .btn-primary {\n    background: var(--brand);\n    color: white !important;\n    border-color: var(--brand);\n    box-shadow: var(--shadow-brand);\n  }\n  .ifsw-widget .btn-primary:hover {\n    background: var(--brand-dark);\n    border-color: var(--brand-dark);\n    transform: translateY(-1px);\n    box-shadow: 0 12px 28px -4px rgba(0, 68, 187, 0.42);\n  }\n  .ifsw-widget .btn-outline {\n    background: white;\n    color: var(--ink);\n    border-color: var(--line);\n  }\n  .ifsw-widget .btn-outline:hover {\n    border-color: var(--ink);\n    background: var(--bg-soft);\n  }\n  .ifsw-widget .btn-ghost {\n    background: transparent;\n    color: var(--ink-soft);\n    padding: 8px 14px;\n    font-weight: 600;\n  }\n  .ifsw-widget .btn-ghost:hover {\n    color: var(--ink);\n    background: var(--bg-soft);\n  }\n  .ifsw-widget .btn-lg {\n    padding: 14px 26px;\n    font-size: 15.5px;\n  }\n\n  \/* ===== HERO ===== *\/\n  .ifsw-widget .hero {\n    width: 100%;\n    overflow: visible;\n    padding: 72px 0;\n    background:\n      radial-gradient(\n        ellipse 70% 80% at 85% 20%,\n        rgba(30, 94, 255, 0.45) 0%,\n        transparent 70%\n      ),\n      radial-gradient(\n        ellipse 60% 60% at 0% 100%,\n        rgba(0, 68, 187, 0.32) 0%,\n        transparent 70%\n      ),\n      var(--ink);\n    position: relative;\n    isolation: isolate;\n  }\n  .ifsw-widget .hero-inner {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 62px 32px 12px;\n  }\n  \/* \u2500\u2500 Hero: dark-background text & UI overrides \u2500\u2500 *\/\n  .ifsw-widget .hero .crumbs {\n    color: rgba(255, 255, 255, 0.45);\n  }\n  .ifsw-widget .hero .crumbs a:hover {\n    color: white;\n  }\n  .ifsw-widget .hero .crumbs .sep {\n    color: rgba(255, 255, 255, 0.25);\n    opacity: 1;\n  }\n  .ifsw-widget .hero .crumbs .current {\n    color: rgba(255, 255, 255, 0.7);\n  }\n  .ifsw-widget .hero .hero-badge {\n    background: rgba(255, 255, 255, 0.1);\n    border-color: rgba(255, 255, 255, 0.2);\n    color: white;\n  }\n  .ifsw-widget .hero .hero-badge-dot {\n    background: var(--brand-500);\n  }\n  .ifsw-widget .hero .hero-h1 {\n    color: white;\n  }\n  .ifsw-widget .hero .hero-h1 .hi {\n    color: var(--brand);\n  }\n  .ifsw-widget .hero .hero-lead {\n    color: rgba(255, 255, 255, 0.75);\n  }\n  .ifsw-widget .hero .hero-proof {\n    border-top-color: rgba(255, 255, 255, 0.12);\n  }\n  .ifsw-widget .hero .hero-proof-text {\n    color: rgba(255, 255, 255, 0.75);\n  }\n  .ifsw-widget .hero .hero-proof-text strong {\n    color: white;\n  }\n  .ifsw-widget .hero .hero-proof-sep {\n    background: rgba(255, 255, 255, 0.2);\n  }\n  .ifsw-widget .hero .btn-outline {\n    background: transparent;\n    color: white !important;\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n  .ifsw-widget .hero .btn-outline:hover {\n    background: rgba(255, 255, 255, 0.1);\n    border-color: white;\n    color: white !important;\n  }\n  .ifsw-widget .hero .hero-doc {\n    box-shadow:\n      0 24px 48px -8px rgba(0, 0, 0, 0.5),\n      0 4px 12px -2px rgba(0, 0, 0, 0.35);\n  }\n  .ifsw-widget .hero-grid {\n    display: grid;\n    grid-template-columns: 1.15fr 1fr;\n    gap: 48px;\n    align-items: center;\n  }\n  .ifsw-widget .hero-grid > div:first-child {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    padding-top: 0;\n  }\n  .ifsw-widget .crumbs {\n    font-family: var(--font-mono);\n    font-size: 11px;\n    color: var(--ink-faint);\n    margin-bottom: 22px;\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    flex-wrap: wrap;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n  }\n  .ifsw-widget .crumbs a:hover {\n    color: var(--brand);\n  }\n  .ifsw-widget .crumbs .sep {\n    color: var(--ink-faint);\n    opacity: 0.5;\n  }\n  .ifsw-widget .crumbs .current {\n    color: var(--ink-soft);\n    font-weight: 600;\n  }\n\n  .ifsw-widget .hero-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 7px 16px;\n    background: var(--brand-50);\n    border: 1px solid var(--brand-100);\n    border-radius: var(--radius-pill);\n    font-size: 12px;\n    font-weight: 700;\n    color: var(--brand);\n    letter-spacing: 0.02em;\n    margin-bottom: 20px;\n  }\n  .ifsw-widget .hero-badge-dot {\n    width: 18px;\n    height: 18px;\n    background: var(--brand);\n    color: white;\n    border-radius: 50%;\n    display: grid;\n    place-items: center;\n    font-size: 10px;\n  }\n  .ifsw-widget .hero-h1 {\n    font-size: clamp(38px, 5.4vw, 60px);\n    line-height: 1.04;\n    letter-spacing: -0.025em;\n    font-weight: 800;\n    color: var(--ink);\n    margin-bottom: 18px;\n  }\n  .ifsw-widget .hero-h1 .hi {\n    color: var(--brand);\n    position: relative;\n    display: inline-block;\n  }\n  .ifsw-widget .hero-lead {\n    font-size: 18px;\n    line-height: 1.55;\n    color: var(--ink-soft);\n    max-width: 560px;\n    margin-bottom: 28px;\n  }\n  .ifsw-widget .hero-ctas {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n    margin-bottom: 32px;\n  }\n  .ifsw-widget .hero-proof {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    flex-wrap: wrap;\n    padding-top: 24px;\n    border-top: 1px solid var(--line-soft);\n  }\n  .ifsw-widget .hero-proof-stars {\n    display: inline-flex;\n    gap: 1px;\n    color: #ffb800;\n  }\n  .ifsw-widget .hero-proof-text {\n    font-size: 13.5px;\n    color: var(--ink-soft);\n  }\n  .ifsw-widget .hero-proof-text strong {\n    color: var(--ink);\n    font-weight: 700;\n  }\n  .ifsw-widget .hero-proof-sep {\n    width: 1px;\n    height: 16px;\n    background: var(--line);\n  }\n\n  \/* Hero Visual \u2014 phone mockup *\/\n  .ifsw-widget .hero-visual {\n    position: relative;\n    overflow: visible;\n    align-self: center;\n  }\n  .ifsw-widget .hero-phone-img {\n    display: block;\n    width: 100%;\n    max-width: 640px;\n    margin: 0 auto;\n    object-fit: contain;\n    object-position: center;\n    filter: drop-shadow(0 32px 48px rgba(0,0,0,0.45));\n  }\n  .ifsw-widget .inv-stack {\n    position: absolute;\n    inset: 0;\n  }\n  .ifsw-widget .inv-doc {\n    position: absolute;\n    width: 70%;\n    aspect-ratio: 3\/4;\n    background: white;\n    border-radius: var(--radius-lg);\n    box-shadow: var(--shadow-lg);\n    overflow: hidden;\n    transition: transform 0.5s var(--ease);\n  }\n  .ifsw-widget .inv-doc-1 {\n    top: 4%;\n    left: 0;\n    transform: rotate(-6deg);\n    z-index: 1;\n  }\n  .ifsw-widget .inv-doc-2 {\n    top: 0;\n    left: 50%;\n    transform: translateX(-50%) rotate(2deg);\n    z-index: 2;\n  }\n  .ifsw-widget .inv-doc-3 {\n    top: 8%;\n    right: 0;\n    transform: rotate(7deg);\n    z-index: 1;\n  }\n  .ifsw-widget .inv-doc-head {\n    background: var(--ink);\n    color: white;\n    padding: 10% 8% 8%;\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n  }\n  .ifsw-widget .inv-doc-head .ti {\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n  }\n  .ifsw-widget .inv-doc-head .num {\n    font-family: var(--font-mono);\n    font-size: 9px;\n    opacity: 0.7;\n  }\n  .ifsw-widget .inv-doc-body {\n    padding: 8%;\n    display: flex;\n    flex-direction: column;\n    gap: 6%;\n  }\n  .ifsw-widget .inv-doc-line {\n    height: 6px;\n    background: var(--bg-tint);\n    border-radius: 3px;\n  }\n  .ifsw-widget .inv-doc-line.short {\n    width: 50%;\n  }\n  .ifsw-widget .inv-doc-line.med {\n    width: 75%;\n  }\n  .ifsw-widget .inv-doc-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 4% 0;\n    border-bottom: 1px dashed var(--line-soft);\n  }\n  .ifsw-widget .inv-doc-row .lbl {\n    height: 5px;\n    width: 50%;\n    background: var(--bg-tint);\n    border-radius: 2px;\n  }\n  .ifsw-widget .inv-doc-row .val {\n    height: 5px;\n    width: 22%;\n    background: var(--ink);\n    border-radius: 2px;\n  }\n  .ifsw-widget .inv-doc-total {\n    background: var(--brand);\n    color: white;\n    padding: 6%;\n    border-radius: 8px;\n    margin-top: 4%;\n  }\n  .ifsw-widget .inv-doc-total .lbl {\n    font-family: var(--font-mono);\n    font-size: 8px;\n    opacity: 0.7;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n  }\n  .ifsw-widget .inv-doc-total .amt {\n    font-size: 14px;\n    font-weight: 800;\n    margin-top: 2%;\n  }\n  \/* Status badges on doc-1 and doc-3 *\/\n  .ifsw-widget .inv-doc-status {\n    position: absolute;\n    top: 14px;\n    right: 14px;\n    padding: 4px 10px;\n    border-radius: var(--radius-pill);\n    font-family: var(--font-mono);\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n    z-index: 2;\n  }\n  .ifsw-widget .inv-doc-status.paid {\n    background: #dcfce7;\n    color: #15803d;\n  }\n  .ifsw-widget .inv-doc-status.sent {\n    background: var(--brand-50);\n    color: var(--brand);\n  }\n  .ifsw-widget .inv-doc-status.draft {\n    background: var(--bg-tint);\n    color: var(--ink-faint);\n  }\n\n  \/* Floating notification badges *\/\n  .ifsw-widget .inv-badge {\n    position: absolute;\n    background: white;\n    border-radius: var(--radius-pill);\n    padding: 10px 14px;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    box-shadow: var(--shadow-lg);\n    font-size: 12.5px;\n    font-weight: 700;\n    z-index: 10;\n    border: 1px solid var(--line);\n  }\n  .ifsw-widget .inv-badge .ic {\n    width: 22px;\n    height: 22px;\n    border-radius: 50%;\n    display: grid;\n    place-items: center;\n    color: white;\n    flex-shrink: 0;\n  }\n  .ifsw-widget .inv-badge-paid {\n    bottom: 18%;\n    right: 2%;\n    animation: ifsw-float 4s ease-in-out infinite;\n  }\n  .ifsw-widget .inv-badge-paid .ic {\n    background: var(--green);\n  }\n  .ifsw-widget .inv-badge-sent {\n    top: 85%;\n    left: 3%;\n    animation: ifsw-float 4s ease-in-out infinite reverse;\n    animation-delay: -1s;\n  }\n  .ifsw-widget .inv-badge-sent .ic {\n    background: var(--brand);\n  }\n  @keyframes ifsw-float {\n    0%,\n    100% {\n      transform: translateY(0);\n    }\n    50% {\n      transform: translateY(-8px);\n    }\n  }\n\n  \/* ===== CAPABILITIES BAND ===== *\/\n  .ifsw-widget .capabilities {\n    width: 100%;\n    background: var(--bg-soft);\n  }\n  .ifsw-widget .capabilities-inner {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 80px 32px 0px;\n  }\n  .ifsw-widget .capabilities-label {\n    font-family: var(--font-mono);\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--brand);\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    margin-bottom: 14px;\n    text-align: center;\n  }\n  .ifsw-widget .capabilities-grid {\n    display: grid;\n    grid-template-columns: repeat(8, 1fr);\n    gap: 10px;\n  }\n  .ifsw-widget .cap-card {\n    background: white;\n    border: 1.5px solid var(--line);\n    border-radius: var(--radius);\n    padding: 16px 10px 14px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    transition: all 0.2s var(--ease);\n    text-align: center;\n    text-decoration: none;\n  }\n  .ifsw-widget .cap-card:hover {\n    border-color: var(--brand);\n    background: var(--brand-50);\n    transform: translateY(-2px);\n    box-shadow: var(--shadow-md);\n  }\n  .ifsw-widget .cap-icon {\n    width: 28px;\n    height: 28px;\n    color: var(--brand);\n  }\n  .ifsw-widget .cap-label {\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: -0.005em;\n    color: var(--ink);\n  }\n\n  \/* ===== FEATURE CARDS (4 big cards) ===== *\/\n  .ifsw-widget .feature-cards-section {\n    background: var(--bg-soft);\n    padding: 80px 32px;\n  }\n  .ifsw-widget .feature-cards-inner {\n    max-width: 1280px;\n    margin: 0 auto;\n  }\n  .ifsw-widget .section-head {\n    text-align: center;\n    max-width: 720px;\n    margin: 0 auto 48px;\n  }\n  .ifsw-widget .section-tag {\n    display: inline-block;\n    font-family: var(--font-mono);\n    font-size: 11px;\n    color: var(--brand);\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    margin-bottom: 14px;\n    font-weight: 600;\n  }\n  .ifsw-widget .section-head h2 {\n    font-size: clamp(28px, 4vw, 44px);\n    line-height: 1.1;\n    letter-spacing: -0.02em;\n    font-weight: 800;\n    color: var(--ink);\n    margin-bottom: 14px;\n  }\n  .ifsw-widget .section-head p {\n    color: var(--ink-mute);\n    font-size: 16.5px;\n    line-height: 1.55;\n  }\n  .ifsw-widget .fc-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n    counter-reset: fc;\n  }\n  .ifsw-widget .fc-card {\n    counter-increment: fc;\n    position: relative;\n    overflow: hidden;\n    background: white;\n    border: 1.5px solid var(--line);\n    border-radius: var(--radius-lg);\n    padding: 30px 26px;\n    transition:\n      transform 0.4s var(--ease),\n      box-shadow 0.4s var(--ease),\n      border-color 0.4s var(--ease);\n  }\n  \/* watermark index *\/\n  .ifsw-widget .fc-card::before {\n    content: counter(fc, decimal-leading-zero);\n    position: absolute;\n    top: 18px;\n    right: 22px;\n    font-family: var(--font-mono);\n    font-size: 30px;\n    font-weight: 600;\n    line-height: 1;\n    letter-spacing: -0.02em;\n    color: var(--bg-tint);\n    transition: color 0.4s var(--ease);\n    pointer-events: none;\n  }\n  \/* top sheen line + radial spotlight on hover *\/\n  .ifsw-widget .fc-card::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    pointer-events: none;\n    background:\n      linear-gradient(\n          90deg,\n          transparent 0%,\n          var(--brand-500) 50%,\n          transparent 100%\n        )\n        top \/ 100% 2px no-repeat,\n      radial-gradient(\n        125% 80% at 50% -20%,\n        rgba(0, 68, 187, 0.08) 0%,\n        transparent 60%\n      );\n    opacity: 0;\n    transition: opacity 0.45s var(--ease);\n  }\n  .ifsw-widget .fc-card:hover {\n    border-color: var(--brand);\n    box-shadow: var(--shadow-lg);\n    transform: translateY(-6px);\n  }\n  .ifsw-widget .fc-card:hover::before {\n    color: var(--brand-100);\n  }\n  .ifsw-widget .fc-card:hover::after {\n    opacity: 1;\n  }\n  .ifsw-widget .fc-icon {\n    position: relative;\n    width: 54px;\n    height: 54px;\n    background: linear-gradient(140deg, var(--brand-500) 0%, var(--brand) 100%);\n    color: white;\n    border-radius: 15px;\n    display: grid;\n    place-items: center;\n    margin-bottom: 22px;\n    box-shadow:\n      0 10px 22px -6px rgba(0, 68, 187, 0.45),\n      inset 0 1px 0 rgba(255, 255, 255, 0.3);\n    transition:\n      transform 0.4s var(--ease),\n      box-shadow 0.4s var(--ease);\n  }\n  .ifsw-widget .fc-card:hover .fc-icon {\n    transform: scale(1.08) rotate(-5deg);\n    box-shadow:\n      0 14px 28px -6px rgba(0, 68, 187, 0.6),\n      0 0 26px -2px rgba(30, 94, 255, 0.45),\n      inset 0 1px 0 rgba(255, 255, 255, 0.4);\n  }\n  .ifsw-widget .fc-title {\n    font-size: 18px;\n    font-weight: 700;\n    letter-spacing: -0.01em;\n    color: var(--ink);\n    margin-bottom: 10px;\n    padding-right: 34px;\n  }\n  .ifsw-widget .fc-text {\n    font-size: 14px;\n    line-height: 1.6;\n    color: var(--ink-mute);\n  }\n\n  \/* ===== STATS BAND ===== *\/\n  .ifsw-widget .stats {\n    color: white;\n    padding: 64px 32px;\n    position: relative;\n    overflow: hidden;\n    isolation: isolate;\n    background:\n      radial-gradient(\n        ellipse 70% 80% at 85% 20%,\n        rgba(30, 94, 255, 0.45) 0%,\n        transparent 70%\n      ),\n      radial-gradient(\n        ellipse 60% 60% at 0% 100%,\n        rgba(0, 68, 187, 0.32) 0%,\n        transparent 70%\n      ),\n      var(--ink);\n  }\n  .ifsw-widget .stats-inner {\n    max-width: 1280px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n  }\n  .ifsw-widget .stats-head {\n    text-align: center;\n    max-width: 720px;\n    margin: 0 auto 40px;\n  }\n  .ifsw-widget .stats-tag {\n    display: inline-block;\n    font-family: var(--font-mono);\n    font-size: 11px;\n    color: var(--brand-100);\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    margin-bottom: 12px;\n    font-weight: 600;\n  }\n  .ifsw-widget .stats-head h2 {\n    font-size: clamp(28px, 4vw, 44px) !important;\n    line-height: 1.1;\n    letter-spacing: -0.02em;\n    font-weight: 800;\n    color: white;\n  }\n  .ifsw-widget .stats-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n  }\n  .ifsw-widget .stat {\n    text-align: center;\n    padding: 24px 16px;\n    border-radius: var(--radius-lg);\n    background: rgba(255, 255, 255, 0.04);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    transition: all 0.3s var(--ease);\n  }\n  .ifsw-widget .stat:hover {\n    background: rgba(255, 255, 255, 0.07);\n    border-color: rgba(255, 255, 255, 0.15);\n    transform: translateY(-3px);\n  }\n  .ifsw-widget .stat-num {\n    font-size: clamp(36px, 5vw, 52px);\n    font-weight: 800;\n    color: white;\n    line-height: 1;\n    letter-spacing: -0.03em;\n    margin-bottom: 8px;\n  }\n  .ifsw-widget .stat-num .plus {\n    color: var(--brand-500);\n  }\n  .ifsw-widget .stat-label {\n    font-size: 13.5px;\n    color: rgba(255, 255, 255, 0.7);\n    font-weight: 600;\n  }\n\n  \/* ===== TESTIMONIALS (inside stats band) ===== *\/\n  .ifsw-widget .stats-reviews {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n    margin-top: 48px;\n  }\n  .ifsw-widget .review-card {\n    background: rgba(255, 255, 255, 0.04);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: var(--radius-lg);\n    padding: 28px 28px 24px;\n    display: flex;\n    flex-direction: column;\n    transition: transform 0.3s var(--ease), background 0.3s var(--ease), border-color 0.3s var(--ease);\n  }\n  .ifsw-widget .review-card:hover {\n    background: rgba(255, 255, 255, 0.07);\n    border-color: rgba(255, 255, 255, 0.15);\n    transform: translateY(-4px);\n  }\n  .ifsw-widget .review-stars {\n    display: flex;\n    gap: 3px;\n    color: #fbbf24;\n    margin-bottom: 16px;\n  }\n  .ifsw-widget .review-text {\n    font-size: 15px;\n    line-height: 1.6;\n    color: rgba(255, 255, 255, 0.82);\n    margin: 0 0 22px;\n  }\n  .ifsw-widget .review-author {\n    display: flex;\n    align-items: center;\n    gap: 13px;\n    margin-top: auto;\n    padding-top: 20px;\n    border-top: 1px solid rgba(255, 255, 255, 0.08);\n  }\n  .ifsw-widget .review-avatar {\n    width: 42px;\n    height: 42px;\n    border-radius: 50%;\n    display: grid;\n    place-items: center;\n    font-size: 13px;\n    font-weight: 700;\n    color: #fff;\n    flex-shrink: 0;\n    background: linear-gradient(140deg, var(--brand-500), var(--brand));\n  }\n  .ifsw-widget .review-author.av2 .review-avatar { background: linear-gradient(140deg, #2dd4bf, #0d9488); }\n  .ifsw-widget .review-author.av3 .review-avatar { background: linear-gradient(140deg, #475569, #1e293b); }\n  .ifsw-widget .review-name {\n    font-size: 14.5px;\n    font-weight: 700;\n    color: #fff;\n    line-height: 1.25;\n  }\n  .ifsw-widget .review-role {\n    font-size: 12.5px;\n    color: rgba(255, 255, 255, 0.55);\n  }\n\n  \/* ===== HOW IT WORKS ===== *\/\n  .ifsw-widget .how {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 96px 32px;\n  }\n  .ifsw-widget .how-head {\n    text-align: center;\n    max-width: 720px;\n    margin: 0 auto 56px;\n  }\n  .ifsw-widget .how-tag {\n    display: inline-block;\n    font-family: var(--font-mono);\n    font-size: 11px;\n    color: var(--brand);\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    margin-bottom: 14px;\n    font-weight: 600;\n  }\n  .ifsw-widget .how-head h2 {\n    font-size: clamp(28px, 4vw, 44px);\n    line-height: 1.1;\n    letter-spacing: -0.02em;\n    font-weight: 800;\n    color: var(--ink);\n    margin-bottom: 14px;\n  }\n  .ifsw-widget .how-head p {\n    color: var(--ink-mute);\n    font-size: 16.5px;\n    line-height: 1.55;\n  }\n  .ifsw-widget .how-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    position: relative;\n  }\n  .ifsw-widget .how-step {\n    background: white;\n    border: 1.5px solid var(--line);\n    border-radius: var(--radius-lg);\n    padding: 32px;\n    position: relative;\n    overflow: hidden;\n    transition:\n      transform 0.4s var(--ease),\n      box-shadow 0.4s var(--ease),\n      border-color 0.4s var(--ease);\n  }\n  .ifsw-widget .how-step::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    pointer-events: none;\n    background:\n      linear-gradient(\n          90deg,\n          transparent 0%,\n          var(--brand-500) 50%,\n          transparent 100%\n        )\n        top \/ 100% 2px no-repeat,\n      radial-gradient(\n        125% 70% at 50% -20%,\n        rgba(0, 68, 187, 0.07) 0%,\n        transparent 60%\n      );\n    opacity: 0;\n    transition: opacity 0.45s var(--ease);\n  }\n  .ifsw-widget .how-step:hover {\n    border-color: var(--brand);\n    box-shadow: var(--shadow-lg);\n    transform: translateY(-6px);\n  }\n  .ifsw-widget .how-step:hover::after {\n    opacity: 1;\n  }\n  .ifsw-widget .how-step-num {\n    position: relative;\n    font-family: var(--font-mono);\n    font-size: 12px;\n    font-weight: 700;\n    color: var(--brand);\n    background: var(--brand-50);\n    border: 1px solid var(--brand-100);\n    padding: 4px 10px;\n    border-radius: var(--radius-pill);\n    width: fit-content;\n    margin-bottom: 20px;\n    letter-spacing: 0.04em;\n  }\n  .ifsw-widget .how-step-icon {\n    position: relative;\n    width: 56px;\n    height: 56px;\n    background: linear-gradient(140deg, var(--brand-500) 0%, var(--brand) 100%);\n    color: white;\n    border-radius: 15px;\n    display: grid;\n    place-items: center;\n    margin-bottom: 20px;\n    box-shadow:\n      0 10px 22px -6px rgba(0, 68, 187, 0.45),\n      inset 0 1px 0 rgba(255, 255, 255, 0.3);\n    transition:\n      transform 0.4s var(--ease),\n      box-shadow 0.4s var(--ease);\n  }\n  .ifsw-widget .how-step:hover .how-step-icon {\n    transform: scale(1.08) rotate(-5deg);\n    box-shadow:\n      0 14px 28px -6px rgba(0, 68, 187, 0.6),\n      0 0 26px -2px rgba(30, 94, 255, 0.45),\n      inset 0 1px 0 rgba(255, 255, 255, 0.4);\n  }\n  .ifsw-widget .how-step-title {\n    font-size: 22px;\n    font-weight: 700;\n    letter-spacing: -0.01em;\n    margin-bottom: 10px;\n    color: var(--ink);\n  }\n  .ifsw-widget .how-step-text {\n    font-size: 14.5px;\n    line-height: 1.55;\n    color: var(--ink-mute);\n  }\n  .ifsw-widget .how-step-time {\n    margin-top: 16px;\n    padding-top: 16px;\n    border-top: 1px solid var(--line-soft);\n    font-family: var(--font-mono);\n    font-size: 11px;\n    color: var(--ink-faint);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n  .ifsw-widget .how-step-time::before {\n    content: \"\";\n    width: 8px;\n    height: 8px;\n    background: var(--green);\n    border-radius: 50%;\n  }\n\n  \/* ===== APP FEATURES ===== *\/\n  .ifsw-widget .features {\n    background: var(--bg-soft);\n    padding: 96px 32px;\n  }\n  .ifsw-widget .features-inner {\n    max-width: 1280px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr 1.1fr;\n    gap: 80px;\n    align-items: center;\n  }\n  .ifsw-widget .features-content {\n    max-width: 540px;\n  }\n  .ifsw-widget .features-tag {\n    display: inline-block;\n    font-family: var(--font-mono);\n    font-size: 11px;\n    color: var(--brand);\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    margin-bottom: 14px;\n    font-weight: 600;\n  }\n  .ifsw-widget .features-h2 {\n    font-size: clamp(28px, 4vw, 44px);\n    line-height: 1.1;\n    letter-spacing: -0.02em;\n    font-weight: 800;\n    color: var(--ink);\n    margin-bottom: 16px;\n  }\n  .ifsw-widget .features-lead {\n    font-size: 16.5px;\n    color: var(--ink-mute);\n    line-height: 1.55;\n    margin-bottom: 28px;\n  }\n  .ifsw-widget .features-list {\n    margin-bottom: 28px;\n  }\n  .ifsw-widget .feature-item {\n    display: flex;\n    gap: 14px;\n    padding: 14px 0;\n    border-bottom: 1px solid var(--line);\n  }\n  .ifsw-widget .feature-item:last-child {\n    border-bottom: none;\n  }\n  .ifsw-widget .feature-icon {\n    width: 32px;\n    height: 32px;\n    background: var(--brand);\n    color: white;\n    border-radius: 8px;\n    display: grid;\n    place-items: center;\n    flex-shrink: 0;\n  }\n  .ifsw-widget .feature-text {\n    padding-top: 4px;\n  }\n  .ifsw-widget .feature-text h3 {\n    display: block;\n    font-size: 15px !important;\n    font-weight: 700 !important;\n    line-height: 1.4 !important;\n    color: var(--ink);\n    margin: 0 0 3px !important;\n  }\n  .ifsw-widget .feature-text span {\n    font-size: 13.5px;\n    color: var(--ink-mute);\n  }\n\n  \/* ===== QUOTES list (chevron points) ===== *\/\n  .ifsw-widget .qf-points {\n    margin-top: 32px;\n    display: flex;\n    flex-direction: column;\n    gap: 26px;\n  }\n  .ifsw-widget .qf-point {\n    display: flex;\n    gap: 14px;\n    align-items: flex-start;\n  }\n  .ifsw-widget .qf-point-ico {\n    color: var(--brand-500);\n    flex-shrink: 0;\n    margin-top: 2px;\n  }\n  .ifsw-widget .qf-point p {\n    margin: 0;\n    font-size: 16px;\n    line-height: 1.55;\n    color: var(--ink-mute);\n  }\n  .ifsw-widget .qf-point p strong {\n    color: var(--ink);\n    font-weight: 700;\n    text-decoration: underline;\n    text-underline-offset: 2px;\n  }\n\n  \/* ===== QUOTES visual (photo + blue backdrop + cards) ===== *\/\n  .ifsw-widget .features-visual {\n    position: relative;\n    display: flex;\n    justify-content: center;\n  }\n  .ifsw-widget .qf-media {\n    position: relative;\n    width: 100%;\n    max-width: 470px;\n  }\n  .ifsw-widget .qf-media::before {\n    content: \"\";\n    position: absolute;\n    right: -26px;\n    bottom: -26px;\n    width: 78%;\n    height: 88%;\n    background: var(--brand-500);\n    border-radius: 32px;\n    z-index: 0;\n  }\n  .ifsw-widget .qf-photo {\n    position: relative;\n    z-index: 1;\n    border-radius: 26px;\n    overflow: hidden;\n    box-shadow: 0 30px 70px -24px rgba(10, 22, 40, 0.45);\n    line-height: 0;\n  }\n  .ifsw-widget .qf-photo img {\n    width: 100%;\n    height: auto;\n    display: block;\n    aspect-ratio: 4 \/ 5;\n    object-fit: cover;\n  }\n  .ifsw-widget .qf-pill {\n    position: absolute;\n    top: 26px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 3;\n    background: #fff;\n    border-radius: var(--radius-pill);\n    padding: 10px 18px;\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    box-shadow: 0 12px 30px -8px rgba(10, 22, 40, 0.3);\n    font-size: 13.5px;\n    font-weight: 700;\n    color: var(--ink);\n    white-space: nowrap;\n    animation: ifsw-float 4s ease-in-out infinite;\n  }\n  .ifsw-widget .qf-pill svg {\n    color: var(--green);\n    flex-shrink: 0;\n  }\n  .ifsw-widget .qf-invoice {\n    position: absolute;\n    z-index: 3;\n    left: -22px;\n    bottom: 44px;\n    width: 230px;\n    background: #fff;\n    border-radius: 16px;\n    padding: 18px 20px;\n    box-shadow: 0 24px 50px -16px rgba(10, 22, 40, 0.4);\n  }\n  .ifsw-widget .qf-invoice-label {\n    font-family: var(--font-mono);\n    font-size: 9.5px;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    color: var(--ink-faint);\n    margin-bottom: 3px;\n  }\n  .ifsw-widget .qf-invoice-name {\n    font-size: 15px;\n    font-weight: 800;\n    color: var(--ink);\n    margin-bottom: 14px;\n  }\n  .ifsw-widget .qf-invoice-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    font-size: 13px;\n    color: var(--ink-mute);\n    padding: 5px 0;\n  }\n  .ifsw-widget .qf-invoice-row b {\n    color: var(--ink);\n    font-weight: 700;\n  }\n  .ifsw-widget .qf-invoice-btn {\n    margin-top: 12px;\n    background: var(--brand-500);\n    color: #fff;\n    border-radius: 9px;\n    text-align: center;\n    padding: 11px;\n    font-size: 13.5px;\n    font-weight: 700;\n  }\n\n  \/* ===== PAYMENT METHODS ===== *\/\n  .ifsw-widget .payments {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 96px 32px;\n  }\n  .ifsw-widget .payments-inner {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 72px;\n    align-items: center;\n  }\n  .ifsw-widget .payments-content .section-tag {\n    display: block;\n  }\n  .ifsw-widget .payments-h2 {\n    font-size: clamp(28px, 4vw, 44px);\n    line-height: 1.1;\n    letter-spacing: -0.02em;\n    font-weight: 800;\n    color: var(--ink);\n    margin-bottom: 16px;\n  }\n  .ifsw-widget .payments-lead {\n    font-size: 16.5px;\n    color: var(--ink-mute);\n    line-height: 1.55;\n    margin-bottom: 28px;\n  }\n  .ifsw-widget .payments-checkmarks {\n    margin-bottom: 32px;\n  }\n  .ifsw-widget .pm-check {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--line-soft);\n    font-size: 14.5px;\n    font-weight: 600;\n    color: var(--ink-soft);\n  }\n  .ifsw-widget .pm-check:last-child {\n    border-bottom: none;\n  }\n  .ifsw-widget .pm-check-dot {\n    width: 22px;\n    height: 22px;\n    background: var(--brand);\n    color: white;\n    border-radius: 50%;\n    display: grid;\n    place-items: center;\n    flex-shrink: 0;\n  }\n\n  .ifsw-widget .payments-visual {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 16px;\n  }\n  .ifsw-widget .pm-method {\n    background: white;\n    border: 1.5px solid var(--line);\n    border-radius: var(--radius-lg);\n    padding: 22px 18px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 10px;\n    text-align: center;\n    transition: all 0.3s var(--ease);\n  }\n  .ifsw-widget .pm-method:hover {\n    border-color: var(--brand);\n    background: var(--brand-50);\n    transform: translateY(-3px);\n    box-shadow: var(--shadow-md);\n  }\n  .ifsw-widget .pm-method-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: var(--radius);\n    display: grid;\n    place-items: center;\n    font-weight: 800;\n    font-size: 13px;\n    color: white;\n    flex-shrink: 0;\n  }\n  .ifsw-widget .pm-stripe {\n    background: #6772e5;\n  }\n  .ifsw-widget .pm-paypal {\n    background: #0070ba;\n  }\n  .ifsw-widget .pm-apple {\n    background: #000000;\n  }\n  .ifsw-widget .pm-google {\n    background: #4285f4;\n  }\n  .ifsw-widget .pm-ach {\n    background: #16a34a;\n  }\n  .ifsw-widget .pm-card {\n    background: var(--ink);\n  }\n  .ifsw-widget .pm-method-name {\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--ink);\n  }\n  .ifsw-widget .pm-method-hint {\n    font-size: 11px;\n    color: var(--ink-faint);\n  }\n\n  \/* ===== EXTRA FEATURES \u2014 editorial index (bp style) ===== *\/\n  .ifsw-widget .bp {\n    background: var(--bg-soft);\n    border-top: 1px solid var(--line);\n    border-bottom: 1px solid var(--line);\n  }\n  .ifsw-widget .bp-inner {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 96px 32px;\n    display: grid;\n    grid-template-columns: 0.92fr 1.08fr;\n    gap: 56px;\n    align-items: start;\n  }\n  \/* --- Left intro panel (dark) --- *\/\n  .ifsw-widget .bp-intro {\n    position: sticky;\n    top: 28px;\n    background:\n      radial-gradient(\n        ellipse 80% 70% at 90% 0%,\n        rgba(30, 94, 255, 0.5) 0%,\n        transparent 60%\n      ),\n      radial-gradient(\n        ellipse 70% 60% at 0% 100%,\n        rgba(0, 68, 187, 0.4) 0%,\n        transparent 60%\n      ),\n      var(--ink);\n    border-radius: 24px;\n    padding: 46px 40px;\n    overflow: hidden;\n    isolation: isolate;\n  }\n  .ifsw-widget .bp-intro::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background-image:\n      linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);\n    background-size: 40px 40px;\n    -webkit-mask-image: radial-gradient(\n      ellipse 70% 70% at 70% 30%,\n      #000 0%,\n      transparent 75%\n    );\n    mask-image: radial-gradient(\n      ellipse 70% 70% at 70% 30%,\n      #000 0%,\n      transparent 75%\n    );\n    z-index: -1;\n  }\n  .ifsw-widget .bp-tag {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-family: var(--font-mono);\n    font-size: 11px;\n    color: #bcd0ff;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    font-weight: 600;\n    background: rgba(255, 255, 255, 0.08);\n    border: 1px solid rgba(255, 255, 255, 0.14);\n    padding: 7px 14px;\n    border-radius: var(--radius-pill);\n    margin-bottom: 22px;\n  }\n  .ifsw-widget .bp-intro h2 {\n    font-size: clamp(28px, 3.4vw, 40px);\n    line-height: 1.12;\n    letter-spacing: -0.02em;\n    font-weight: 800;\n    color: #fff;\n    margin: 0 0 18px;\n  }\n  .ifsw-widget .bp-intro p {\n    color: rgba(255, 255, 255, 0.74);\n    font-size: 16px;\n    line-height: 1.65;\n    margin: 0 0 30px;\n  }\n  .ifsw-widget .bp-cta {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: #fff;\n    color: var(--ink) !important;\n    font-weight: 700;\n    font-size: 14.5px;\n    padding: 13px 22px;\n    border-radius: var(--radius-pill);\n    transition:\n      transform 0.3s var(--ease),\n      box-shadow 0.3s var(--ease);\n  }\n  .ifsw-widget .bp-cta:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 14px 26px -8px rgba(0, 0, 0, 0.45);\n  }\n  .ifsw-widget .bp-cta svg {\n    transition: transform 0.3s var(--ease);\n  }\n  .ifsw-widget .bp-cta:hover svg {\n    transform: translateX(3px);\n  }\n  \/* --- Right editorial index --- *\/\n  .ifsw-widget .bp-list {\n    position: relative;\n  }\n  .ifsw-widget .bp-item {\n    --accent: var(--brand-500);\n    --accent-glow: rgba(30, 94, 255, 0.42);\n    position: relative;\n    display: grid;\n    grid-template-columns: 60px 1fr;\n    gap: 24px;\n    align-items: start;\n    padding: 24px 22px 24px 18px;\n    border-radius: 16px;\n    transition:\n      background 0.4s var(--ease),\n      box-shadow 0.4s var(--ease);\n  }\n  \/* per-item accent (matches its icon colour) *\/\n  .ifsw-widget .bp-item:has(.ef-icon-blue) {\n    --accent: var(--brand-500);\n    --accent-glow: rgba(30, 94, 255, 0.42);\n  }\n  .ifsw-widget .bp-item:has(.ef-icon-green) {\n    --accent: #16a34a;\n    --accent-glow: rgba(34, 197, 94, 0.42);\n  }\n  .ifsw-widget .bp-item:has(.ef-icon-dark) {\n    --accent: #2a3a52;\n    --accent-glow: rgba(42, 58, 82, 0.4);\n  }\n  .ifsw-widget .bp-item:has(.ef-icon-orange) {\n    --accent: #f97316;\n    --accent-glow: rgba(249, 115, 22, 0.42);\n  }\n  .ifsw-widget .bp-item:has(.ef-icon-purple) {\n    --accent: #7c3aed;\n    --accent-glow: rgba(124, 58, 237, 0.42);\n  }\n  .ifsw-widget .bp-item:has(.ef-icon-teal) {\n    --accent: #0891b2;\n    --accent-glow: rgba(8, 145, 178, 0.42);\n  }\n  \/* hairline divider under each entry (aligned with text column) *\/\n  .ifsw-widget .bp-item:not(:last-child)::after {\n    content: \"\";\n    position: absolute;\n    left: 102px;\n    right: 22px;\n    bottom: 0;\n    height: 1px;\n    background: var(--line);\n    transition: opacity 0.3s var(--ease);\n  }\n  \/* growing accent bar on the left edge *\/\n  .ifsw-widget .bp-item::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%) scaleY(0);\n    width: 3px;\n    height: 56%;\n    border-radius: 3px;\n    background: var(--accent);\n    transition: transform 0.35s var(--ease);\n  }\n  \/* icon box (replaces the numeral) *\/\n  .ifsw-widget .bp-ico {\n    width: 52px;\n    height: 52px;\n    border-radius: 15px;\n    display: grid;\n    place-items: center;\n    color: #fff;\n    box-shadow:\n      0 10px 22px -6px var(--accent-glow),\n      inset 0 1px 0 rgba(255, 255, 255, 0.3);\n    transition:\n      transform 0.35s var(--ease),\n      box-shadow 0.35s var(--ease);\n  }\n  .ifsw-widget .ef-icon-blue {\n    background: linear-gradient(140deg, var(--brand-500), var(--brand));\n  }\n  .ifsw-widget .ef-icon-green {\n    background: linear-gradient(140deg, #22c55e, #15803d);\n  }\n  .ifsw-widget .ef-icon-dark {\n    background: linear-gradient(140deg, #2a3a52, #0a1628);\n  }\n  .ifsw-widget .ef-icon-orange {\n    background: linear-gradient(140deg, #fbbf24, #f97316);\n  }\n  .ifsw-widget .ef-icon-purple {\n    background: linear-gradient(140deg, #a855f7, #6d28d9);\n  }\n  .ifsw-widget .ef-icon-teal {\n    background: linear-gradient(140deg, #22d3ee, #0e7490);\n  }\n  .ifsw-widget .bp-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    font-family: var(--font-mono);\n    font-size: 10.5px;\n    font-weight: 600;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    color: var(--accent);\n    margin-bottom: 9px;\n  }\n  .ifsw-widget .bp-kicker::before {\n    content: \"\";\n    width: 5px;\n    height: 5px;\n    border-radius: 50%;\n    background: var(--accent);\n  }\n  .ifsw-widget .bp-item h3 {\n    font-size: 17.5px;\n    font-weight: 700;\n    letter-spacing: -0.01em;\n    color: var(--ink);\n    margin: 0 0 8px;\n    transition: color 0.25s var(--ease);\n  }\n  .ifsw-widget .bp-item p {\n    font-size: 14.5px;\n    line-height: 1.6;\n    color: var(--ink-mute);\n    margin: 0;\n  }\n  \/* --- hover state --- *\/\n  .ifsw-widget .bp-item:hover {\n    background: var(--bg);\n    box-shadow: var(--shadow-md);\n  }\n  .ifsw-widget .bp-item:hover::before {\n    transform: translateY(-50%) scaleY(1);\n  }\n  .ifsw-widget .bp-item:hover::after {\n    opacity: 0;\n  }\n  .ifsw-widget .bp-item:hover .bp-ico {\n    transform: scale(1.08) rotate(-5deg);\n    box-shadow:\n      0 14px 30px -6px var(--accent-glow),\n      0 0 26px -2px var(--accent-glow),\n      inset 0 1px 0 rgba(255, 255, 255, 0.4);\n  }\n  .ifsw-widget .bp-item:hover h3 {\n    color: var(--accent);\n  }\n\n  \/* ===== TESTIMONIALS ===== *\/\n  .ifsw-widget .quotes {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 96px 32px 0px;\n  }\n  .ifsw-widget .quotes-head {\n    text-align: center;\n    max-width: 720px;\n    margin: 0 auto 56px;\n  }\n  .ifsw-widget .quotes-head h2 {\n    font-size: clamp(28px, 4vw, 44px);\n    line-height: 1.1;\n    letter-spacing: -0.02em;\n    font-weight: 800;\n    color: var(--ink);\n  }\n  .ifsw-widget .quotes-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n  }\n  .ifsw-widget .quote {\n    position: relative;\n    overflow: hidden;\n    background: white;\n    border: 1.5px solid var(--line);\n    border-radius: var(--radius-lg);\n    padding: 30px 28px;\n    display: flex;\n    flex-direction: column;\n    transition:\n      transform 0.4s var(--ease),\n      box-shadow 0.4s var(--ease),\n      border-color 0.4s var(--ease);\n  }\n  .ifsw-widget .quote::before {\n    content: \"\\201C\";\n    position: absolute;\n    top: 8px;\n    right: 24px;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 82px;\n    line-height: 1;\n    color: var(--bg-tint);\n    transition: color 0.4s var(--ease);\n    pointer-events: none;\n  }\n  .ifsw-widget .quote:hover {\n    border-color: var(--brand);\n    box-shadow: var(--shadow-lg);\n    transform: translateY(-5px);\n  }\n  .ifsw-widget .quote:hover::before {\n    color: var(--brand-100);\n  }\n  .ifsw-widget .quote-stars {\n    color: #ffb800;\n    display: flex;\n    gap: 1px;\n    margin-bottom: 16px;\n  }\n  .ifsw-widget .quote-text {\n    font-size: 15.5px;\n    line-height: 1.55;\n    color: var(--ink);\n    margin-bottom: 20px;\n    font-weight: 500;\n    flex: 1;\n  }\n  .ifsw-widget .quote-author {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding-top: 18px;\n    border-top: 1px solid var(--line);\n  }\n  .ifsw-widget .quote-avatar {\n    width: 44px;\n    height: 44px;\n    border-radius: 50%;\n    background: linear-gradient(140deg, var(--brand-500), var(--brand));\n    color: white;\n    display: grid;\n    place-items: center;\n    font-weight: 800;\n    font-size: 16px;\n    flex-shrink: 0;\n    box-shadow:\n      0 6px 14px -4px rgba(0, 68, 187, 0.5),\n      inset 0 1px 0 rgba(255, 255, 255, 0.3);\n  }\n  .ifsw-widget .quote-text {\n    position: relative;\n  }\n  .ifsw-widget .quote-name {\n    font-weight: 700;\n    font-size: 14px;\n    color: var(--ink);\n  }\n  .ifsw-widget .quote-role {\n    font-size: 12.5px;\n    color: var(--ink-faint);\n    margin-top: 2px;\n  }\n\n  \/* ===== PRICING ===== *\/\n  .ifsw-widget .pricing {\n    background:\n      radial-gradient(ellipse 70% 60% at 50% 0%, rgba(30, 94, 255, 0.05) 0%, transparent 70%),\n      linear-gradient(180deg, #f4f7fd 0%, #eef2fb 100%);\n    padding: 96px 32px;\n  }\n  .ifsw-widget .pricing-inner {\n    max-width: 1280px;\n    margin: 0 auto;\n  }\n  .ifsw-widget .pricing-head {\n    text-align: center;\n    max-width: 720px;\n    margin: 0 auto 56px;\n  }\n  .ifsw-widget .pricing-head .section-tag {\n    margin-bottom: 14px;\n  }\n  .ifsw-widget .pricing-head h2 {\n    font-size: clamp(28px, 4vw, 44px);\n    line-height: 1.12;\n    letter-spacing: -0.02em;\n    font-weight: 800;\n    color: var(--ink);\n    margin: 0 0 16px;\n  }\n  .ifsw-widget .pricing-head p {\n    color: var(--ink-mute);\n    font-size: 16.5px;\n    line-height: 1.6;\n    margin: 0;\n  }\n  .ifsw-widget .pricing-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 24px;\n    max-width: 900px;\n    margin: 0 auto;\n  }\n  .ifsw-widget .plan {\n    position: relative;\n    background: var(--bg);\n    border: 1px solid #e7ebf3;\n    border-radius: 24px;\n    padding: 34px 34px 38px;\n    box-shadow: 0 18px 50px -28px rgba(10, 22, 40, 0.3);\n    transition:\n      transform 0.3s var(--ease),\n      box-shadow 0.3s var(--ease),\n      border-color 0.3s var(--ease);\n  }\n  .ifsw-widget .plan:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 28px 60px -24px rgba(10, 22, 40, 0.32);\n  }\n  \/* featured plan *\/\n  .ifsw-widget .plan--featured {\n    background: #eef2fb;\n    border-color: #dde5f5;\n  }\n  .ifsw-widget .plan-head {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    margin-bottom: 22px;\n  }\n  .ifsw-widget .plan-ico {\n    width: 46px;\n    height: 46px;\n    border-radius: 13px;\n    background: var(--brand-50);\n    color: var(--brand-500);\n    display: grid;\n    place-items: center;\n    flex-shrink: 0;\n  }\n  .ifsw-widget .plan--featured .plan-ico {\n    background: #e1e9fb;\n  }\n  .ifsw-widget .plan-name {\n    font-size: 21px;\n    font-weight: 800;\n    letter-spacing: -0.01em;\n    color: var(--ink);\n    margin-bottom: 14px;\n  }\n  .ifsw-widget .plan-badge {\n    font-size: 12px;\n    font-weight: 700;\n    color: #fff;\n    background: var(--brand-500);\n    border-radius: var(--radius-pill);\n    padding: 7px 15px;\n    box-shadow: 0 6px 14px -4px rgba(30, 94, 255, 0.5);\n  }\n  .ifsw-widget .plan-meta {\n    font-family: var(--font-mono);\n    font-size: 11.5px;\n    font-weight: 700;\n    letter-spacing: 0.07em;\n    text-transform: uppercase;\n    color: var(--ink-faint);\n    margin-bottom: 5px;\n  }\n  .ifsw-widget .plan--featured .plan-meta {\n    color: var(--green);\n  }\n  .ifsw-widget .plan-price {\n    display: flex;\n    align-items: baseline;\n    gap: 6px;\n    margin-bottom: 4px;\n  }\n  .ifsw-widget .plan-price b {\n    font-size: 54px;\n    font-weight: 800;\n    letter-spacing: -0.03em;\n    color: var(--ink);\n    line-height: 1;\n  }\n  .ifsw-widget .plan-price span {\n    font-size: 15px;\n    color: var(--ink-faint);\n    font-weight: 600;\n  }\n  .ifsw-widget .plan-sub {\n    font-size: 13px;\n    color: var(--ink-faint);\n    margin-bottom: 24px;\n    min-height: 18px;\n  }\n  .ifsw-widget .plan-feats {\n    list-style: none;\n    margin: 0 0 28px;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 13px;\n  }\n  .ifsw-widget .plan-feats li {\n    display: flex;\n    align-items: center;\n    gap: 11px;\n    font-size: 14px;\n    color: var(--ink-soft);\n  }\n  .ifsw-widget .plan-feats li svg {\n    flex-shrink: 0;\n    width: 17px;\n    height: 17px;\n    color: var(--brand);\n  }\n  .ifsw-widget .plan .btn {\n    width: 100%;\n    border-radius: var(--radius-pill);\n    padding-top: 15px;\n    padding-bottom: 15px;\n    font-size: 15px;\n  }\n\n  \/* ===== TRUST \/ SPOTLIGHT QUOTE ===== *\/\n  .ifsw-widget .trust {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 0 32px 96px;\n  }\n  .ifsw-widget .trust-head {\n    text-align: center;\n    max-width: 680px;\n    margin: 0 auto 44px;\n  }\n  .ifsw-widget .trust-head h2 {\n    font-size: clamp(26px, 3.6vw, 40px);\n    line-height: 1.14;\n    letter-spacing: -0.02em;\n    font-weight: 800;\n    color: var(--ink);\n    margin: 0 0 14px;\n  }\n  .ifsw-widget .trust-head p {\n    color: var(--ink-mute);\n    font-size: 16px;\n    line-height: 1.6;\n    margin: 0;\n  }\n  .ifsw-widget .trust-card {\n    max-width: 900px;\n    margin: 0 auto;\n    background: var(--brand-50);\n    border: 1px solid var(--brand-100);\n    border-radius: 24px;\n    padding: 44px 48px;\n    display: flex;\n    align-items: center;\n    gap: 40px;\n  }\n  .ifsw-widget .trust-quote {\n    font-size: 17px;\n    line-height: 1.6;\n    color: var(--ink-soft);\n    font-weight: 500;\n    margin: 0;\n  }\n  .ifsw-widget .trust-person {\n    flex-shrink: 0;\n    text-align: center;\n    width: 150px;\n  }\n  .ifsw-widget .trust-avatar {\n    width: 92px;\n    height: 92px;\n    border-radius: 50%;\n    margin: 0 auto 14px;\n    object-fit: cover;\n    border: 3px solid var(--bg);\n    box-shadow: var(--shadow-md);\n  }\n  .ifsw-widget .trust-name {\n    font-weight: 800;\n    font-size: 14.5px;\n    color: var(--ink);\n  }\n  .ifsw-widget .trust-role {\n    font-size: 13px;\n    color: var(--ink-faint);\n    margin-top: 2px;\n  }\n\n  \/* ===== FAQ ===== *\/\n  .ifsw-widget .faq {\n    background: var(--bg-soft);\n    padding: 96px 32px;\n  }\n  .ifsw-widget .faq-inner {\n    max-width: 920px;\n    margin: 0 auto;\n  }\n  .ifsw-widget .faq-head {\n    text-align: center;\n    margin-bottom: 48px;\n  }\n  .ifsw-widget .faq-head h2 {\n    font-size: clamp(28px, 4vw, 44px);\n    line-height: 1.1;\n    letter-spacing: -0.02em;\n    font-weight: 800;\n    color: var(--ink);\n    margin-bottom: 12px;\n  }\n  .ifsw-widget .faq-head p {\n    color: var(--ink-mute);\n    font-size: 16px;\n  }\n  .ifsw-widget .faq-list {\n    background: white;\n    border-radius: var(--radius-lg);\n    border: 1.5px solid var(--line);\n    overflow: hidden;\n  }\n  .ifsw-widget .faq-item {\n    border-bottom: 1px solid var(--line);\n  }\n  .ifsw-widget .faq-item:last-child {\n    border-bottom: none;\n  }\n  .ifsw-widget .faq-q {\n    padding: 22px 28px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    cursor: pointer;\n    font-size: 16px;\n    font-weight: 700;\n    letter-spacing: -0.005em;\n    transition: color 0.2s;\n    user-select: none;\n    color: var(--ink);\n    gap: 24px;\n  }\n  .ifsw-widget .faq-q:hover {\n    color: var(--brand);\n  }\n  .ifsw-widget .faq-icon {\n    width: 28px;\n    height: 28px;\n    border: 1.5px solid var(--line);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    transition: all 0.3s;\n    color: var(--ink-mute);\n  }\n  .ifsw-widget .faq-item.open .faq-icon {\n    background: var(--brand);\n    color: white;\n    border-color: var(--brand);\n    transform: rotate(45deg);\n  }\n  .ifsw-widget .faq-a {\n    max-height: 0;\n    overflow: hidden;\n    transition:\n      max-height 0.4s ease,\n      padding 0.4s ease;\n    color: var(--ink-mute);\n    font-size: 14.5px;\n    line-height: 1.65;\n    padding: 0 28px;\n  }\n  .ifsw-widget .faq-item.open .faq-a {\n    max-height: 1000px;\n    padding: 0 28px 24px;\n  }\n  .ifsw-widget .faq-a strong {\n    color: var(--ink);\n    font-weight: 700;\n  }\n  .ifsw-widget .faq-a p {\n    margin: 0 0 12px;\n  }\n  .ifsw-widget .faq-a p:last-child {\n    margin-bottom: 0;\n  }\n  .ifsw-widget .faq-a ul {\n    margin: 12px 0;\n    padding: 0;\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    gap: 9px;\n  }\n  .ifsw-widget .faq-a ul li {\n    position: relative;\n    padding-left: 26px;\n  }\n  .ifsw-widget .faq-a ul li::before {\n    content: \"\";\n    position: absolute;\n    left: 4px;\n    top: 8px;\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: var(--brand-500);\n  }\n  .ifsw-widget .faq-a ol {\n    margin: 12px 0;\n    padding-left: 26px;\n    display: flex;\n    flex-direction: column;\n    gap: 9px;\n  }\n  .ifsw-widget .faq-a ol li {\n    padding-left: 6px;\n  }\n  .ifsw-widget .faq-a ol li::marker {\n    color: var(--ink-mute);\n    font-weight: 600;\n  }\n  .ifsw-widget .faq-a a {\n    color: var(--brand) !important;\n    font-weight: 600;\n    text-decoration: underline !important;\n  }\n  .ifsw-widget .faq-a a:hover {\n    color: var(--brand-dark) !important;\n  }\n\n  \/* ===== FINAL CTA ===== *\/\n  .ifsw-widget .final-cta {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 96px 32px;\n  }\n  .ifsw-widget .final-cta-wrap {\n    background: var(--brand);\n    color: white;\n    border-radius: 24px;\n    padding: 72px 56px;\n    position: relative;\n    overflow: hidden;\n    text-align: center;\n  }\n  .ifsw-widget .final-cta-wrap::before {\n    content: \"\";\n    position: absolute;\n    top: -50%;\n    right: -10%;\n    width: 70%;\n    height: 200%;\n    background: radial-gradient(circle, var(--brand-500) 0%, transparent 60%);\n    opacity: 0.5;\n    pointer-events: none;\n  }\n  .ifsw-widget .final-cta-wrap::after {\n    content: \"\";\n    position: absolute;\n    bottom: -60px;\n    left: -60px;\n    width: 320px;\n    height: 320px;\n    background: radial-gradient(circle, var(--safety) 0%, transparent 70%);\n    opacity: 0.2;\n    pointer-events: none;\n  }\n  .ifsw-widget .final-cta-content {\n    position: relative;\n    z-index: 1;\n    max-width: 760px;\n    margin: 0 auto;\n  }\n  .ifsw-widget .final-cta-content h2 {\n    font-size: clamp(32px, 4.8vw, 56px) !important;\n    color: white;\n    line-height: 1.05;\n    letter-spacing: -0.02em;\n    font-weight: 800;\n    margin-bottom: 20px;\n  }\n  .ifsw-widget .final-cta-content p {\n    font-size: 17px;\n    line-height: 1.5;\n    color: rgba(255, 255, 255, 0.9);\n    margin-bottom: 32px;\n  }\n  .ifsw-widget .final-cta-ctas {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n  .ifsw-widget .final-cta .btn-primary {\n    background: white;\n    color: var(--brand) !important;\n    border-color: white;\n    box-shadow: 0 16px 40px -8px rgba(0, 0, 0, 0.3);\n    transition:\n      background 0.25s ease,\n      color 0.25s ease,\n      border-color 0.25s ease;\n  }\n  .ifsw-widget .final-cta .btn-primary:hover {\n    background: var(--ink);\n    color: white !important;\n    border-color: var(--ink);\n  }\n  .ifsw-widget .final-cta .btn-outline {\n    background: transparent;\n    color: white;\n    border-color: rgba(255, 255, 255, 0.3);\n  }\n  .ifsw-widget .final-cta .btn-outline:hover {\n    background: rgba(255, 255, 255, 0.1);\n    border-color: white;\n  }\n\n  \/* ===== APP STORE BADGES ===== *\/\n  .ifsw-widget .store-btns {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n  }\n  .ifsw-widget .store-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 11px;\n    padding: 10px 18px;\n    border-radius: 14px;\n    background: var(--ink);\n    color: #fff !important;\n    border: 1.5px solid var(--ink);\n    transition: all 0.2s var(--ease);\n  }\n  .ifsw-widget .store-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: var(--shadow-lg);\n  }\n  .ifsw-widget .store-btn svg {\n    width: 26px;\n    height: 26px;\n    flex-shrink: 0;\n  }\n  .ifsw-widget .store-btn-txt {\n    display: flex;\n    flex-direction: column;\n    line-height: 1.1;\n    text-align: left;\n  }\n  .ifsw-widget .store-btn-txt small {\n    font-size: 10px;\n    font-weight: 600;\n    opacity: 0.8;\n    letter-spacing: 0.02em;\n  }\n  .ifsw-widget .store-btn-txt b {\n    font-size: 15px;\n    font-weight: 700;\n    letter-spacing: -0.01em;\n  }\n  \/* light store button (on dark backgrounds) *\/\n  .ifsw-widget .store-btn--light {\n    background: #fff;\n    color: var(--ink) !important;\n    border-color: #fff;\n  }\n  \/* hero store buttons (dark hero bg) *\/\n  .ifsw-widget .hero .store-btn {\n    background: #fff;\n    color: var(--ink) !important;\n    border-color: #fff;\n  }\n  .ifsw-widget .hero .store-btn--ghost {\n    background: rgba(255, 255, 255, 0.08);\n    color: #fff !important;\n    border-color: rgba(255, 255, 255, 0.3);\n  }\n\n  \/* ===== AS SEEN IN \u2014 press strip ===== *\/\n  .ifsw-widget .seenin {\n    background: var(--bg-soft);\n    border-bottom: 1px solid var(--line);\n  }\n  .ifsw-widget .seenin-inner {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 40px 32px;\n    text-align: center;\n  }\n  .ifsw-widget .seenin-label {\n    font-family: var(--font-mono);\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--ink-faint);\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    margin-bottom: 22px;\n  }\n  .ifsw-widget .seenin-logos {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 48px;\n    flex-wrap: wrap;\n  }\n  .ifsw-widget .seenin-logo {\n    font-size: 21px;\n    font-weight: 800;\n    letter-spacing: -0.02em;\n    color: var(--ink-faint);\n    opacity: 0.55;\n    transition: opacity 0.25s var(--ease);\n  }\n  .ifsw-widget .seenin-logo:hover {\n    opacity: 0.9;\n  }\n\n  \/* ===== STAT FEATURE CARDS (Run your entire process) ===== *\/\n  .ifsw-widget .sfc-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n  }\n  .ifsw-widget .sfc-card {\n    position: relative;\n    overflow: hidden;\n    background: white;\n    border: 1.5px solid var(--line);\n    border-radius: var(--radius-lg);\n    padding: 32px 28px;\n    transition:\n      transform 0.4s var(--ease),\n      box-shadow 0.4s var(--ease),\n      border-color 0.4s var(--ease);\n  }\n  .ifsw-widget .sfc-card::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    border-radius: inherit;\n    pointer-events: none;\n    background:\n      linear-gradient(90deg, transparent 0%, var(--brand-500) 50%, transparent 100%)\n        top \/ 100% 2px no-repeat,\n      radial-gradient(125% 70% at 50% -20%, rgba(0, 68, 187, 0.07) 0%, transparent 60%);\n    opacity: 0;\n    transition: opacity 0.45s var(--ease);\n  }\n  .ifsw-widget .sfc-card:hover {\n    border-color: var(--brand);\n    box-shadow: var(--shadow-lg);\n    transform: translateY(-6px);\n  }\n  .ifsw-widget .sfc-card:hover::after {\n    opacity: 1;\n  }\n  .ifsw-widget .sfc-icon {\n    position: relative;\n    width: 54px;\n    height: 54px;\n    background: var(--brand-50);\n    color: var(--brand);\n    border-radius: 14px;\n    display: grid;\n    place-items: center;\n    margin-bottom: 22px;\n    transition: transform 0.4s var(--ease), background 0.4s var(--ease), color 0.4s var(--ease);\n  }\n  .ifsw-widget .sfc-card:hover .sfc-icon {\n    transform: scale(1.08) rotate(-5deg);\n    background: var(--brand);\n    color: #fff;\n  }\n  .ifsw-widget .sfc-title {\n    font-size: 19px;\n    font-weight: 700;\n    letter-spacing: -0.01em;\n    color: var(--ink);\n    margin-bottom: 10px;\n  }\n  .ifsw-widget .sfc-text {\n    font-size: 14.5px;\n    line-height: 1.6;\n    color: var(--ink-mute);\n    margin-bottom: 20px;\n  }\n  .ifsw-widget .sfc-stat {\n    display: flex;\n    flex-direction: column;\n    align-items: baseline;\n    gap: 8px;\n    padding-top: 18px;\n    border-top: 1px solid var(--line-soft);\n  }\n  .ifsw-widget .sfc-stat b {\n    font-size: 30px;\n    font-weight: 800;\n    letter-spacing: -0.03em;\n    color: var(--ink);\n    line-height: 1;\n  }\n  .ifsw-widget .sfc-stat span {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--ink-faint);\n  }\n\n  \/* ===== APP DOWNLOAD DARK BAND ===== *\/\n  .ifsw-widget .appdl {\n    width: 100%;\n    background:\n      radial-gradient(ellipse 70% 110% at 100% 0%, rgba(40, 96, 255, 0.38) 0%, transparent 55%),\n      linear-gradient(155deg, #11297a 0%, #0a1f5e 60%, #0a1c4f 100%);\n    color: white;\n  }\n  .ifsw-widget .appdl-inner {\n    max-width: 1320px;\n    margin: 0 auto;\n    padding: 88px 32px;\n    display: grid;\n    grid-template-columns: 1.25fr 1fr;\n    gap: 64px;\n    align-items: center;\n  }\n  .ifsw-widget .appdl-visual {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 24px 48px -12px rgba(0, 0, 0, 0.5);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    aspect-ratio: 16 \/ 10;\n  }\n  .ifsw-widget .appdl-visual img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n  .ifsw-widget .appdl-tag {\n    display: inline-block;\n    font-family: var(--font-mono);\n    font-size: 12px;\n    color: var(--brand-500);\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    margin-bottom: 18px;\n    font-weight: 700;\n  }\n  .ifsw-widget .appdl h2 {\n    font-size: clamp(30px, 4.2vw, 48px);\n    line-height: 1.08;\n    letter-spacing: -0.025em;\n    font-weight: 800;\n    color: #fff;\n    margin: 0 0 18px;\n  }\n  .ifsw-widget .appdl p {\n    font-size: 16.5px;\n    line-height: 1.6;\n    color: rgba(255, 255, 255, 0.7);\n    margin: 0 0 32px;\n    max-width: 520px;\n  }\n  .ifsw-widget .appdl-cta {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 26px;\n  }\n  \/* store buttons on the appdl card \u2014 ghost style *\/\n  .ifsw-widget .appdl .store-btn {\n    background: rgba(255, 255, 255, 0.07);\n    color: #fff !important;\n    border-color: rgba(255, 255, 255, 0.18);\n    padding: 11px 22px;\n  }\n  .ifsw-widget .appdl .store-btn:hover {\n    background: rgba(255, 255, 255, 0.14);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n  .ifsw-widget .appdl-qr {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n  .ifsw-widget .appdl-qr-box {\n    width: 80px;\n    height: 80px;\n    background: #fff;\n    border-radius: 16px;\n    padding: 0px;\n    flex-shrink: 0;\n  }\n  .ifsw-widget .appdl-qr-box svg {\n    width: 100%;\n    height: 100%;\n    display: block;\n  }\n  .ifsw-widget .appdl-qr-txt {\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    line-height: 1.3;\n  }\n  .ifsw-widget .appdl-qr-txt b {\n    font-size: 16px;\n    font-weight: 700;\n    color: #fff;\n  }\n  .ifsw-widget .appdl-qr-txt span {\n    font-size: 13.5px;\n    font-weight: 500;\n    color: rgba(255, 255, 255, 0.6);\n  }\n\n  \/* ===== BENTO FEATURE GRID ===== *\/\n  .ifsw-widget .bento {\n    background: var(--bg-soft);\n    padding: 96px 32px;\n  }\n  .ifsw-widget .bento-inner {\n    max-width: 1280px;\n    margin: 0 auto;\n  }\n  .ifsw-widget .bento-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n  }\n  .ifsw-widget .bento-card {\n    position: relative;\n    overflow: hidden;\n    background: #fff;\n    border: 1.5px solid var(--line);\n    border-radius: 20px;\n    padding: 30px 28px;\n    transition:\n      transform 0.35s var(--ease),\n      box-shadow 0.35s var(--ease),\n      border-color 0.35s var(--ease);\n  }\n  .ifsw-widget .bento-card:hover {\n    border-color: var(--brand);\n    box-shadow: var(--shadow-lg);\n    transform: translateY(-5px);\n  }\n  \/* wide card \u2014 icon left, content right, spans 2 columns *\/\n  .ifsw-widget .bento-card--wide {\n    grid-column: span 2;\n    display: grid;\n    grid-template-columns: auto 1fr;\n    gap: 30px;\n    align-items: center;\n  }\n  .ifsw-widget .bento-ico {\n    width: 54px;\n    height: 54px;\n    border-radius: 15px;\n    background: var(--brand-50);\n    color: var(--brand);\n    display: grid;\n    place-items: center;\n    margin-bottom: 18px;\n    flex-shrink: 0;\n    transition: transform 0.35s var(--ease);\n  }\n  .ifsw-widget .bento-card:hover .bento-ico {\n    transform: scale(1.06) rotate(-4deg);\n  }\n  .ifsw-widget .bento-card--wide .bento-ico {\n    width: 92px;\n    height: 92px;\n    border-radius: 24px;\n    margin-bottom: 0;\n  }\n  .ifsw-widget .bento-card--wide .bento-ico svg {\n    width: 36px;\n    height: 36px;\n  }\n  \/* icon color variants *\/\n  .ifsw-widget .bi-blue   { background: #e8eeff; color: #2563eb; }\n  .ifsw-widget .bi-purple { background: #ede9fe; color: #7c3aed; }\n  .ifsw-widget .bi-green  { background: #dcfce7; color: #16a34a; }\n  .ifsw-widget .bi-teal   { background: #d4f5ee; color: #0d9488; }\n  .ifsw-widget .bi-orange { background: #ffedd5; color: #f97316; }\n  .ifsw-widget .bi-pink   { background: #fce7f3; color: #db2777; }\n  .ifsw-widget .bento-card h3 {\n    font-size: 18px;\n    font-weight: 700;\n    letter-spacing: -0.01em;\n    color: var(--ink);\n    margin: 0 0 10px;\n  }\n  .ifsw-widget .bento-card p {\n    font-size: 14px;\n    line-height: 1.6;\n    color: var(--ink-mute);\n    margin: 0;\n  }\n  .ifsw-widget .bento-card p + .bento-tags {\n    margin-top: 16px;\n  }\n  .ifsw-widget .bento-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n  .ifsw-widget .bento-tag {\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: -0.005em;\n    color: var(--brand);\n    background: #e8eeff;\n    border-radius: var(--radius-pill);\n    padding: 5px 13px;\n  }\n  .ifsw-widget .bento-tag--pink   { color: #db2777; background: #fce7f3; }\n  .ifsw-widget .bento-tag--orange { color: #ea580c; background: #ffedd5; }\n  \/* dark CTA tile *\/\n  .ifsw-widget .bento-cta {\n    background:\n      radial-gradient(ellipse 90% 100% at 100% 100%, rgba(40, 96, 255, 0.55) 0%, transparent 60%),\n      linear-gradient(160deg, #0d2057 0%, #0a1733 100%);\n    color: #fff;\n    border: none;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 32px 30px;\n  }\n  .ifsw-widget .bento-cta:hover {\n    transform: translateY(-5px);\n    box-shadow: var(--shadow-lg);\n  }\n  .ifsw-widget .bento-cta-kicker {\n    font-family: var(--font-mono);\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: rgba(255, 255, 255, 0.55);\n    margin-bottom: 12px;\n  }\n  .ifsw-widget .bento-cta h3 {\n    color: #fff;\n    font-size: 22px;\n    line-height: 1.15;\n    margin-bottom: 10px;\n  }\n  .ifsw-widget .bento-cta p {\n    color: rgba(255, 255, 255, 0.6);\n    font-size: 14px;\n    margin-bottom: 22px;\n  }\n  .ifsw-widget .bento-cta .btn {\n    width: fit-content;\n    background: #fff;\n    color: var(--ink) !important;\n    border-color: #fff;\n  }\n  .ifsw-widget .bento-cta .btn:hover {\n    background: var(--brand);\n    color: #fff !important;\n    border-color: var(--brand);\n  }\n\n  \/* ===== FLOW \u2014 what happens after you hit send ===== *\/\n  .ifsw-widget .flow {\n    background:\n      radial-gradient(ellipse 60% 70% at 15% 0%, rgba(30, 94, 255, 0.35) 0%, transparent 60%),\n      radial-gradient(ellipse 60% 60% at 100% 100%, rgba(0, 68, 187, 0.28) 0%, transparent 60%),\n      var(--ink);\n    color: #fff;\n    padding: 96px 32px;\n  }\n  .ifsw-widget .flow-inner {\n    max-width: 1080px;\n    margin: 0 auto;\n  }\n  .ifsw-widget .flow-head {\n    text-align: center;\n    max-width: 760px;\n    margin: 0 auto 60px;\n  }\n  .ifsw-widget .flow-tag {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-family: var(--font-mono);\n    font-size: 11px;\n    color: var(--brand-500);\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    margin-bottom: 18px;\n    font-weight: 600;\n  }\n  .ifsw-widget .flow-tag svg {\n    width: 15px;\n    height: 15px;\n  }\n  .ifsw-widget .flow-head h2 {\n    font-size: clamp(28px, 4vw, 46px);\n    line-height: 1.08;\n    letter-spacing: -0.02em;\n    font-weight: 800;\n    color: #fff;\n  }\n  .ifsw-widget .flow-head h2 .hi {\n    color: var(--brand-500);\n  }\n  .ifsw-widget .flow-sub {\n    font-size: 16px;\n    line-height: 1.6;\n    color: rgba(255, 255, 255, 0.62);\n    margin: 18px auto 0;\n    max-width: 620px;\n  }\n\n  \/* ===== FLOW \u2014 2\u00d72 card grid with connectors ===== *\/\n  .ifsw-widget .flow-grid {\n    display: grid;\n    grid-template-columns: 1fr 64px 1fr;\n    grid-template-rows: auto auto auto;\n    max-width: 920px;\n    margin: 0 auto;\n  }\n  .ifsw-widget .flow-card {\n    position: relative;\n    background: #fff;\n    border-radius: 18px;\n    padding: 26px 28px;\n    box-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.55);\n    transition: transform 0.3s var(--ease), box-shadow 0.3s var(--ease);\n  }\n  .ifsw-widget .flow-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 32px 70px -18px rgba(0, 0, 0, 0.6);\n  }\n  .ifsw-widget .flow-card.c1 { grid-column: 1; grid-row: 1; }\n  .ifsw-widget .flow-card.c2 { grid-column: 3; grid-row: 1; }\n  .ifsw-widget .flow-card.c3 { grid-column: 3; grid-row: 3; }\n  .ifsw-widget .flow-card.c4 { grid-column: 1; grid-row: 3; }\n\n  \/* numbered badge *\/\n  .ifsw-widget .flow-badge {\n    position: absolute;\n    top: -13px;\n    left: -13px;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    display: grid;\n    place-items: center;\n    font-family: var(--font-mono);\n    font-size: 13px;\n    font-weight: 700;\n    color: #fff;\n    border: 3px solid var(--ink);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);\n  }\n\n  \/* card header *\/\n  .ifsw-widget .flow-card-head {\n    display: flex;\n    align-items: flex-start;\n    gap: 16px;\n    padding-bottom: 16px;\n    margin-bottom: 16px;\n    border-bottom: 1px solid #eef0f4;\n  }\n  .ifsw-widget .flow-card-ico {\n    width: 46px;\n    height: 46px;\n    border-radius: 13px;\n    display: grid;\n    place-items: center;\n    color: #fff;\n    flex-shrink: 0;\n  }\n  .ifsw-widget .flow-card-meta h3 {\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--ink);\n    margin: 0 0 4px;\n    line-height: 1.2;\n  }\n  .ifsw-widget .flow-card-time {\n    font-size: 12.5px;\n    color: var(--ink-faint);\n    margin: 0 0 3px;\n  }\n  .ifsw-widget .flow-card-status {\n    font-size: 12.5px;\n    font-weight: 600;\n    margin: 0;\n  }\n  .ifsw-widget .flow-card p.flow-card-desc {\n    font-size: 14px;\n    line-height: 1.55;\n    color: var(--ink-mute);\n    margin: 0;\n  }\n\n  \/* per-card accent colors *\/\n  .ifsw-widget .flow-card.c1 .flow-badge { background: var(--brand-500); }\n  .ifsw-widget .flow-card.c1 .flow-card-ico { background: linear-gradient(140deg, var(--brand-500), var(--brand)); }\n  .ifsw-widget .flow-card.c1 .flow-card-status { color: var(--brand-500); }\n  .ifsw-widget .flow-card.c2 .flow-badge { background: #8b5cf6; }\n  .ifsw-widget .flow-card.c2 .flow-card-ico { background: linear-gradient(140deg, #a855f7, #6d28d9); }\n  .ifsw-widget .flow-card.c2 .flow-card-status { color: #8b5cf6; }\n  .ifsw-widget .flow-card.c3 .flow-badge { background: #f97316; }\n  .ifsw-widget .flow-card.c3 .flow-card-ico { background: linear-gradient(140deg, #fb923c, #ea580c); }\n  .ifsw-widget .flow-card.c3 .flow-card-status { color: #ea580c; }\n  .ifsw-widget .flow-card.c4 .flow-badge { background: #22c55e; }\n  .ifsw-widget .flow-card.c4 .flow-card-ico { background: linear-gradient(140deg, #22c55e, #15803d); }\n  .ifsw-widget .flow-card.c4 .flow-card-status { color: #16a34a; }\n\n  \/* connectors *\/\n  .ifsw-widget .flow-arrow {\n    display: grid;\n    place-items: center;\n    color: var(--brand-500);\n  }\n  .ifsw-widget .flow-arrow.a1 { grid-column: 2; grid-row: 1; }\n  .ifsw-widget .flow-arrow.a2 { grid-column: 3; grid-row: 2; }\n  .ifsw-widget .flow-arrow.a3 { grid-column: 2; grid-row: 3; }\n  .ifsw-widget .flow-arrow.a2 svg { margin: 10px 0; }\n\n  \/* animated dashed flow *\/\n  .ifsw-widget .flow-arrow svg line {\n    animation: ifsw-dash-flow 0.9s linear infinite;\n  }\n  @keyframes ifsw-dash-flow {\n    to { stroke-dashoffset: -11; }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .ifsw-widget .flow-arrow svg line { animation: none; }\n  }\n\n  \/* bottom summary pill *\/\n  .ifsw-widget .flow-pill {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    width: fit-content;\n    max-width: 100%;\n    margin: 56px auto 0;\n    padding: 18px 28px;\n    border-radius: 16px;\n    background: rgba(30, 94, 255, 0.1);\n    border: 1px solid rgba(30, 94, 255, 0.28);\n  }\n  .ifsw-widget .flow-pill-ico {\n    width: 42px;\n    height: 42px;\n    border-radius: 11px;\n    display: grid;\n    place-items: center;\n    color: #fff;\n    flex-shrink: 0;\n    background: linear-gradient(140deg, var(--brand-500), var(--brand));\n  }\n  .ifsw-widget .flow-pill-txt strong {\n    display: block;\n    font-size: 15.5px;\n    font-weight: 700;\n    color: #fff;\n  }\n  .ifsw-widget .flow-pill-txt strong .hi { color: var(--brand-500); }\n  .ifsw-widget .flow-pill-txt span {\n    font-size: 13.5px;\n    color: rgba(255, 255, 255, 0.55);\n  }\n\n  \/* ===== INDUSTRIES GRID ===== *\/\n  .ifsw-widget .industries {\n    background:\n      radial-gradient(ellipse 70% 60% at 50% 0%, rgba(30, 94, 255, 0.06) 0%, transparent 70%),\n      linear-gradient(180deg, #f4f7fd 0%, #eef2fb 100%);\n    padding: 96px 32px;\n  }\n  .ifsw-widget .industries-inner {\n    max-width: 1280px;\n    margin: 0 auto;\n  }\n  .ifsw-widget .ind-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 18px;\n  }\n  .ifsw-widget .ind-card {\n    position: relative;\n    background: #fff;\n    border: 1px solid #e7ebf3;\n    border-radius: var(--radius-lg);\n    padding: 22px 24px;\n    display: flex;\n    align-items: flex-start;\n    gap: 15px;\n    box-shadow: 0 1px 2px rgba(10, 22, 40, 0.04);\n    transition: transform 0.25s var(--ease), box-shadow 0.25s var(--ease), border-color 0.25s var(--ease);\n  }\n  .ifsw-widget .ind-card:hover {\n    border-color: #d3dcec;\n    transform: translateY(-4px);\n    box-shadow: 0 18px 36px -14px rgba(10, 22, 40, 0.18);\n  }\n  .ifsw-widget .ind-ico {\n    width: 46px;\n    height: 46px;\n    border-radius: 13px;\n    background: var(--ind-bg, var(--brand-50));\n    color: var(--ind-fg, var(--brand));\n    display: grid;\n    place-items: center;\n    flex-shrink: 0;\n    transition: transform 0.25s var(--ease);\n  }\n  .ifsw-widget .ind-card:hover .ind-ico {\n    transform: scale(1.08) rotate(-3deg);\n  }\n  .ifsw-widget .ind-meta h3 {\n    font-size: 16px !important;\n    font-weight: 700;\n    color: var(--ink);\n    margin: 1px 0 4px;\n    line-height: 1.2;\n  }\n  .ifsw-widget .ind-meta p {\n    font-size: 13px !important;\n    line-height: 1.45;\n    color: var(--ink-faint);\n    margin: 0;\n    max-width: 16ch;\n  }\n  .ifsw-widget .ind-arrow {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    color: #c2cbdb;\n    transition: transform 0.25s var(--ease), color 0.25s var(--ease);\n  }\n  .ifsw-widget .ind-card:hover .ind-arrow {\n    color: var(--ind-fg, var(--brand));\n    transform: translate(3px, -3px);\n  }\n  \/* per-card pastel palettes *\/\n  .ifsw-widget .ind-card.i-orange  { --ind-bg: #fff0e6; --ind-fg: #ea580c; }\n  .ifsw-widget .ind-card.i-amber   { --ind-bg: #fef3c7; --ind-fg: #d97706; }\n  .ifsw-widget .ind-card.i-cyan    { --ind-bg: #d9f5f3; --ind-fg: #0891b2; }\n  .ifsw-widget .ind-card.i-purple  { --ind-bg: #f0e9ff; --ind-fg: #7c3aed; }\n  .ifsw-widget .ind-card.i-blue    { --ind-bg: #e3ecff; --ind-fg: #2563eb; }\n  .ifsw-widget .ind-card.i-emerald { --ind-bg: #d6f5e6; --ind-fg: #059669; }\n  .ifsw-widget .ind-card.i-rose    { --ind-bg: #ffe4ee; --ind-fg: #e11d72; }\n  .ifsw-widget .ind-card.i-green   { --ind-bg: #e2f4dd; --ind-fg: #16a34a; }\n\n  .ifsw-widget .ind-foot {\n    text-align: center;\n    margin-top: 40px;\n    font-size: 16px;\n    color: var(--ink-mute);\n  }\n  .ifsw-widget .ind-foot a {\n    color: var(--brand-500) !important;\n    font-weight: 700;\n    transition: color 0.2s var(--ease);\n  }\n  .ifsw-widget .ind-foot a:hover { color: var(--brand) !important; }\n\n  \/* ===== RESPONSIVE \u2014 NEW SECTIONS ===== *\/\n  @media (max-width: 1024px) {\n    .ifsw-widget .sfc-grid { grid-template-columns: 1fr; }\n    .ifsw-widget .appdl-inner { grid-template-columns: 1fr; gap: 40px; padding: 64px 24px; }\n    .ifsw-widget .appdl-content { text-align: center; }\n    .ifsw-widget .appdl-content p { max-width: none; }\n    .ifsw-widget .appdl-cta { align-items: center; }\n    .ifsw-widget .bento { padding: 64px 24px; }\n    .ifsw-widget .bento-grid { grid-template-columns: repeat(2, 1fr); }\n    .ifsw-widget .bento-card--wide { grid-column: span 2; }\n    .ifsw-widget .flow { padding: 64px 24px; }\n    .ifsw-widget .industries { padding: 64px 24px; }\n    .ifsw-widget .ind-grid { grid-template-columns: repeat(2, 1fr); }\n    .ifsw-widget .seenin-inner { padding: 32px 24px; }\n    .ifsw-widget .seenin-logos { gap: 32px; }\n  }\n  @media (max-width: 768px) {\n    .ifsw-widget .appdl-inner { padding: 56px 16px; }\n    .ifsw-widget .bento { padding: 56px 16px; }\n    .ifsw-widget .bento-grid { grid-template-columns: 1fr; }\n    .ifsw-widget .bento-card--wide { grid-column: span 1; grid-template-columns: 1fr; gap: 0; align-items: start; }\n    .ifsw-widget .bento-card--wide .bento-ico { width: 54px; height: 54px; border-radius: 15px; margin-bottom: 18px; }\n    .ifsw-widget .bento-card--wide .bento-ico svg { width: 22px; height: 22px; }\n    .ifsw-widget .flow { padding: 56px 16px; }\n    .ifsw-widget .flow-card { padding: 22px; }\n    .ifsw-widget .flow-grid {\n      display: flex;\n      flex-direction: column;\n      align-items: stretch;\n      gap: 26px;\n      max-width: 420px;\n    }\n    .ifsw-widget .flow-arrow.a1 svg { transform: rotate(90deg); }\n    .ifsw-widget .flow-arrow.a3 svg { transform: rotate(-90deg); }\n    .ifsw-widget .industries { padding: 56px 16px; }\n    .ifsw-widget .ind-grid { grid-template-columns: 1fr; }\n    .ifsw-widget .seenin-logo { font-size: 17px; }\n    .ifsw-widget .appdl-cta {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 26px !important;\n    }\n    .ifsw-widget .appdl-qr { display: none; }\n  }\n\n  \/* ===== RESPONSIVE \u2014 TABLET (\u22641024px) ===== *\/\n  @media (max-width: 1024px) {\n    .ifsw-widget .pricing {\n      padding: 64px 24px;\n    }\n    .ifsw-widget .trust {\n      padding: 0 24px 64px;\n    }\n    .ifsw-widget .hero-inner {\n      padding: 40px 24px 48px;\n    }\n    .ifsw-widget .hero-grid {\n      grid-template-columns: 1fr;\n      gap: 32px;\n    }\n    .ifsw-widget .hero-visual {\n      max-width: 440px;\n      margin: 0 auto;\n    }\n    .ifsw-widget .capabilities-inner {\n      padding: 0 24px 32px;\n    }\n    .ifsw-widget .capabilities-grid {\n      grid-template-columns: repeat(4, 1fr);\n    }\n    .ifsw-widget .feature-cards-section {\n      padding: 56px 24px;\n    }\n    .ifsw-widget .fc-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 16px;\n    }\n    .ifsw-widget .stats {\n      padding: 56px 24px;\n    }\n    .ifsw-widget .stats-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 16px;\n    }\n    .ifsw-widget .stats-reviews {\n      grid-template-columns: 1fr;\n    }\n    .ifsw-widget .how {\n      padding: 64px 24px;\n    }\n    .ifsw-widget .how-grid {\n      grid-template-columns: 1fr;\n      gap: 14px;\n    }\n    .ifsw-widget .how-step {\n      padding: 28px;\n    }\n    .ifsw-widget .features {\n      padding: 64px 24px;\n    }\n    .ifsw-widget .features-inner {\n      grid-template-columns: 1fr;\n      gap: 48px;\n    }\n    .ifsw-widget .features-content {\n      max-width: 100%;\n    }\n    .ifsw-widget .features-visual {\n      height: auto;\n    }\n    .ifsw-widget .payments {\n      padding: 64px 24px;\n    }\n    .ifsw-widget .payments-inner {\n      grid-template-columns: 1fr;\n      gap: 48px;\n    }\n    .ifsw-widget .payments-content > .btn {\n      display: block;\n      width: fit-content;\n      margin: 0 auto;\n    }\n    .ifsw-widget .bp-inner {\n      grid-template-columns: 1fr;\n      gap: 40px;\n      padding: 64px 24px;\n    }\n    .ifsw-widget .bp-intro {\n      position: static;\n      padding: 38px 32px;\n    }\n    .ifsw-widget .quotes {\n      padding: 64px 24px;\n    }\n    .ifsw-widget .quotes-grid {\n      grid-template-columns: 1fr;\n      gap: 14px;\n    }\n    .ifsw-widget .faq {\n      padding: 64px 24px;\n    }\n    .ifsw-widget .final-cta {\n      padding: 64px 24px;\n    }\n    .ifsw-widget .final-cta-wrap {\n      padding: 56px 36px;\n    }\n  }\n\n  \/* ===== RESPONSIVE \u2014 MOBILE (\u2264768px) ===== *\/\n  @media (max-width: 768px) {\n    .ifsw-widget .pricing {\n      padding: 56px 16px;\n    }\n    .ifsw-widget .pricing-grid {\n      grid-template-columns: 1fr;\n      gap: 18px;\n    }\n    .ifsw-widget .trust {\n      padding: 0 16px 56px;\n    }\n    .ifsw-widget .trust-card {\n      flex-direction: column;\n      text-align: center;\n      gap: 26px;\n      padding: 34px 26px;\n    }\n    .ifsw-widget .trust-person {\n      width: auto;\n      order: -1;\n    }\n    .ifsw-widget .hero {\n      padding: 60px 16px 32px;\n    }\n    .ifsw-widget .hero-inner {\n      padding: 28px 16px 16px;\n    }\n    .ifsw-widget .hero-h1 {\n      font-size: clamp(30px, 8.5vw, 40px);\n    }\n    .ifsw-widget .hero-lead {\n      font-size: 16px;\n    }\n    .ifsw-widget .hero-ctas {\n      gap: 8px;\n    }\n    .ifsw-widget .hero-ctas .btn {\n      flex: 1 1 100%;\n    }\n    .ifsw-widget .hero-proof {\n      justify-content: center;\n      text-align: center;\n      gap: 5px;\n    }\n    .ifsw-widget .hero-proof-sep {\n      display: none;\n    }\n    .ifsw-widget .hero-visual {\n      display: none;\n    }\n    .ifsw-widget .capabilities-inner {\n      padding: 48px 16px 0px;\n    }\n    .ifsw-widget .capabilities-grid {\n      grid-template-columns: repeat(3, 1fr);\n      gap: 8px;\n    }\n    .ifsw-widget .cap-card {\n      padding: 14px 8px 12px;\n    }\n    .ifsw-widget .cap-icon {\n      width: 24px;\n      height: 24px;\n    }\n    .ifsw-widget .cap-label {\n      font-size: 11.5px;\n    }\n    .ifsw-widget .feature-cards-section {\n      padding: 48px 16px;\n    }\n    .ifsw-widget .fc-grid {\n      grid-template-columns: 1fr;\n      gap: 12px;\n    }\n    .ifsw-widget .stats {\n      padding: 48px 16px;\n    }\n    .ifsw-widget .stats-head {\n      margin-bottom: 28px;\n    }\n    .ifsw-widget .stats-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 10px;\n    }\n    .ifsw-widget .stat {\n      padding: 20px 12px;\n    }\n    .ifsw-widget .stat-num {\n      font-size: 34px;\n    }\n    .ifsw-widget .stat-label {\n      font-size: 12px;\n    }\n    .ifsw-widget .how {\n      padding: 56px 16px;\n    }\n    .ifsw-widget .how-head {\n      margin-bottom: 36px;\n    }\n    .ifsw-widget .how-step {\n      padding: 24px;\n    }\n    .ifsw-widget .features {\n      padding: 56px 16px;\n    }\n    .ifsw-widget .features-inner {\n      gap: 36px;\n    }\n    .ifsw-widget .features-visual {\n      height: auto;\n    }\n    .ifsw-widget .qf-media {\n      max-width: 420px;\n      margin: 0 18px 18px 0;\n    }\n    .ifsw-widget .qf-media::before {\n      right: -16px;\n      bottom: -16px;\n    }\n    .ifsw-widget .qf-invoice {\n      width: 200px;\n      left: 0;\n      bottom: 24px;\n      padding: 14px 16px;\n    }\n    .ifsw-widget .qf-pill {\n      font-size: 12px;\n      padding: 8px 14px;\n    }\n    .ifsw-widget .payments {\n      padding: 56px 16px;\n    }\n    .ifsw-widget .payments-visual {\n      grid-template-columns: 1fr 1fr;\n      gap: 10px;\n    }\n    .ifsw-widget .bp-inner {\n      padding: 56px 16px;\n      gap: 32px;\n    }\n    .ifsw-widget .bp-intro {\n      padding: 32px 24px;\n    }\n    .ifsw-widget .bp-item {\n      grid-template-columns: 46px 1fr;\n      gap: 18px;\n      padding: 20px 14px 20px 14px;\n    }\n    .ifsw-widget .bp-ico {\n      width: 46px;\n      height: 46px;\n    }\n    .ifsw-widget .bp-item:not(:last-child)::after {\n      left: 78px;\n      right: 14px;\n    }\n    .ifsw-widget .quotes {\n      padding: 56px 16px;\n    }\n    .ifsw-widget .quote {\n      padding: 24px;\n    }\n    .ifsw-widget .faq {\n      padding: 56px 16px;\n    }\n    .ifsw-widget .faq-q {\n      padding: 20px 22px;\n      font-size: 15px;\n      gap: 16px;\n    }\n    .ifsw-widget .faq-item.open .faq-a {\n      padding: 0 22px 22px;\n    }\n    .ifsw-widget .final-cta {\n      padding: 56px 16px;\n    }\n    .ifsw-widget .final-cta-wrap {\n      padding: 48px 24px;\n    }\n    .ifsw-widget .final-cta-ctas .btn {\n      flex: 1 1 100%;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .ifsw-widget .capabilities-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n    .ifsw-widget .stats-grid {\n      grid-template-columns: 1fr;\n    }\n    .ifsw-widget .payments-visual {\n      grid-template-columns: 1fr 1fr;\n    }\n  }\n<\/style>\n\n<div class=\"ifsw-widget\" id=\"ifsw-root\">\n  <!-- ==================== HERO ==================== -->\n  <section class=\"hero\">\n    <div class=\"hero-inner\">\n      <div class=\"hero-grid\">\n        <div>\n          <div class=\"crumbs\">\n            <a href=\"https:\/\/invoicefly.com\/es\/\">Inicio<\/a>\n            <span class=\"sep\">\/<\/span>\n            <a href=\"https:\/\/invoicefly.com\/es\/producto\/\">Productos<\/a>\n            <span class=\"sep\">\/<\/span>\n            <span class=\"current\">Invoice App<\/span>\n          <\/div>\n          <div class=\"hero-badge\">\n            #1 Invoice App for Small Business\n          <\/div>\n          <h1 class=\"hero-h1\">\n            Invoice App That\n            <span class=\"hi\">Works Wherever<\/span> You Do\n          <\/h1>\n          <p class=\"hero-lead\">\n            Create professional invoices, send them instantly, accept payments\n            online, and simplify invoice management from anywhere with Invoice\n            Fly's mobile invoice app.\n          <\/p>\n          <div class=\"hero-ctas\">\n            <a\n              href=\"https:\/\/invoicefly.onelink.me\/AeUs\/qohijf8g\"\n              class=\"btn btn-primary btn-lg\"\n              target=\"_blank\"\n              rel=\"noopener\"\n            >\n              Descargar Invoice Fly App\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                <path d=\"M5 12h14M13 5l7 7-7 7\" \/>\n              <\/svg>\n            <\/a>\n            <a\n              href=\"https:\/\/invoicefly.onelink.me\/AeUs\/qohijf8g\"\n              class=\"btn btn-outline btn-lg\"\n              target=\"_blank\"\n              rel=\"noopener\"\n              >Continuar en la web<\/a>\n          <\/div>\n          <div class=\"hero-proof\">\n            <div class=\"hero-proof-stars\">\n              <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n              <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n              <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n              <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n              <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n            <\/div>\n            <div class=\"hero-proof-text\"><strong>4.8 \/ 5<\/strong> average rating<\/div>\n            <div class=\"hero-proof-sep\"><\/div>\n            <div class=\"hero-proof-text\"><strong>125,000+<\/strong> empresas<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Phone mockup visual -->\n        <div class=\"hero-visual\">\n          <img decoding=\"async\"\n            src=\"https:\/\/invoicefly.com\/wp-content\/uploads\/2026\/06\/hero-invoice-app.webp\"\n            alt=\"Invoice Fly invoice app on iPhone\"\n            class=\"hero-phone-img\"\n          >\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== STAT FEATURE CARDS ==================== -->\n  <section class=\"feature-cards-section\">\n    <div class=\"feature-cards-inner\">\n      <div class=\"section-head\">\n        <div class=\"section-tag\">\u2014 Why Businesses Choose Us<\/div>\n        <h2>Run Your <span style=\"color: #0044BB\">Entire Invoicing Process<\/span> From One Invoicing App<\/h2>\n        <p>\n          Create invoices, collect payments, track invoice status, and manage\n          clients from your phone with Invoice Fly \u2014 all in one invoice\n          management app.\n        <\/p>\n      <\/div>\n      <div class=\"sfc-grid\">\n        <div class=\"sfc-card\">\n          <div class=\"sfc-icon\">\n            <svg width=\"26\" height=\"26\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"sfc-title\">Cree facturas en segundos<\/h3>\n          <p class=\"sfc-text\">\n            No laptop, no office, no problem. Open Invoice Fly, enter your line\n            items, add your logo, and hit send, all from your phone in under a\n            minute. Clients receive a clean, branded invoice instantly, not days\n            later.\n          <\/p>\n          <div class=\"sfc-stat\"><b>&lt; 60 sec<\/b><span>Average creation time<\/span><\/div>\n        <\/div>\n        <div class=\"sfc-card\">\n          <div class=\"sfc-icon\">\n            <svg width=\"26\" height=\"26\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"sfc-title\">Cobre m\u00e1s r\u00e1pido<\/h3>\n          <p class=\"sfc-text\">\n            Accept card, ACH, PayPal, Apple Pay, and Google Pay payments directly\n            from your invoice. without downloading anything. The easier you make\n            it to pay, the faster the money moves. It really is that simple.\n          <\/p>\n          <div class=\"sfc-stat\"><b>2\u00d7 faster<\/b><span>Than paper invoicing<\/span><\/div>\n        <\/div>\n        <div class=\"sfc-card\">\n          <div class=\"sfc-icon\">\n            <svg width=\"26\" height=\"26\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"sfc-title\">Track Every Invoice<\/h3>\n          <p class=\"sfc-text\">\n            Sent, opened, overdue, paid \u2014 Invoice Fly tracks every invoice in real\n            time and pushes a notification the moment your client opens it. No\n            more sending follow-up emails into the void wondering if anyone saw\n            it.\n          <\/p>\n          <div class=\"sfc-stat\"><b>98%<\/b><span>Payment visibility<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== APP DOWNLOAD DARK BAND ==================== -->\n  <section class=\"appdl\">\n    <div class=\"appdl-inner\">\n      <div class=\"appdl-visual\">\n        <img decoding=\"async\"\n          src=\"https:\/\/invoicefly.com\/wp-content\/uploads\/2026\/06\/Invoice-From-Anywhere-1.webp\"\n          alt=\"Business owner invoicing from the Invoice Fly app on site\"\n          loading=\"lazy\"\n        >\n      <\/div>\n      <div class=\"appdl-content\">\n        <span class=\"appdl-tag\">Invoice From Anywhere<\/span>\n        <h2>Invoice anytime, anywhere.<\/h2>\n        <p>\n          No paperwork. No waiting until you're back at your desk. Create and\n          send professional invoices from your phone the moment the work is\n          done, whether you're on-site, in your truck, meeting a client, or\n          working from home.\n        <\/p>\n        <div class=\"appdl-cta\">\n          <div class=\"store-btns\">\n            <a href=\"https:\/\/invoicefly.onelink.me\/AeUs\/qohijf8g\" class=\"store-btn\" target=\"_blank\" rel=\"noopener\">\n              <svg viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.8-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z\"\/><\/svg>\n              <span class=\"store-btn-txt\"><small>Download on the<\/small><b>App Store<\/b><\/span>\n            <\/a>\n            <a href=\"https:\/\/invoicefly.onelink.me\/AeUs\/qohijf8g\" class=\"store-btn\" target=\"_blank\" rel=\"noopener\">\n              <svg viewbox=\"0 0 512 512\" fill=\"currentColor\"><path d=\"M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0zm425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8zM104.6 499l280.8-161.2-60.1-60.1L104.6 499z\"\/><\/svg>\n              <span class=\"store-btn-txt\"><small>Get it on<\/small><b>Google Play<\/b><\/span>\n            <\/a>\n          <\/div>\n          <div class=\"appdl-qr\">\n            <div class=\"appdl-qr-box\">\n              <img decoding=\"async\" src=\"https:\/\/invoicefly.com\/wp-content\/uploads\/2026\/02\/qr-invoicefly-qohijf8g.svg\" alt=\"Scan to download Invoice Fly\" style=\"width:100%;height:100%;\" \/>\n            <\/div>\n            <div class=\"appdl-qr-txt\"><b>Scan to Download<\/b><span>Free for iOS &amp; Android<\/span><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== BENTO FEATURE GRID ==================== -->\n  <section class=\"bento\">\n    <div class=\"bento-inner\">\n      <div class=\"section-head\">\n        <div class=\"section-tag\">Everything You Need<\/div>\n        <h2>The Simplest Invoice Generator and Manager in One App<\/h2>\n        <p>\n          Create invoices, manage clients, send reminders, track payments, and\n          stay organized, all from one app designed to keep your business\n          moving.\n        <\/p>\n      <\/div>\n      <div class=\"bento-grid\">\n        <!-- Invoice Generator (wide) -->\n        <a class=\"bento-card bento-card--wide\" href=\"https:\/\/invoicefly.com\/es\/recursos-gratuitos\/generadores-gratuitos\/generador-de-facturas-gratis\/\" style=\"text-decoration:none;color:inherit;\">\n          <div class=\"bento-ico bi-blue\">\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><line x1=\"10\" y1=\"9\" x2=\"8\" y2=\"9\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"bento-body\">\n            <h3>Generador de facturas<\/h3>\n            <p>Create professional invoices in under a minute with our invoice generator. Add your logo, custom line items, taxes, and payment terms using your preferred invoice format.<\/p>\n            <div class=\"bento-tags\">\n              <span class=\"bento-tag\">Custom Logo<\/span>\n              <span class=\"bento-tag\">Tax Rates<\/span>\n              <span class=\"bento-tag\">Partidas<\/span>\n              <span class=\"bento-tag\">Condiciones de pago<\/span>\n            <\/div>\n          <\/div>\n        <\/a>\n        <!-- Invoice Templates -->\n        <a class=\"bento-card\" href=\"https:\/\/invoicefly.com\/es\/factura\/plantillas\/\" style=\"text-decoration:none;color:inherit;\">\n          <div class=\"bento-ico bi-purple\">\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/>\n            <\/svg>\n          <\/div>\n          <h3>Plantillas de facturas<\/h3>\n          <p>Choose from professionally designed invoice templates and professional invoice formats that help every invoice stay consistent.<\/p>\n        <\/a>\n        <!-- Online Payments -->\n        <a class=\"bento-card\" href=\"https:\/\/invoicefly.com\/es\/producto\/pagos-en-linea\/\" style=\"text-decoration:none;color:inherit;\">\n          <div class=\"bento-ico bi-green\">\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\"\/><line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"\/>\n            <\/svg>\n          <\/div>\n          <h3>Pagos en l\u00ednea<\/h3>\n          <p>Clients pay instantly via card, ACH, or PayPal. Funds go straight to your bank account.<\/p>\n        <\/a>\n        <!-- Invoice Tracking -->\n        <a class=\"bento-card\" href=\"https:\/\/invoicefly.com\/es\/producto\/informe-negocios\/\" style=\"text-decoration:none;color:inherit;\">\n          <div class=\"bento-ico bi-teal\">\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n            <\/svg>\n          <\/div>\n          <h3>Seguimiento de facturas<\/h3>\n          <p>See the moment your invoice is opened and paid. Real-time status updates on every device.<\/p>\n        <\/a>\n        <!-- Recurring Invoices -->\n        <a class=\"bento-card\" href=\"https:\/\/invoicefly.com\/es\/producto\/duplicar-facturas\/\" style=\"text-decoration:none;color:inherit;\">\n          <div class=\"bento-ico bi-orange\">\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"17 1 21 5 17 9\"\/><path d=\"M3 11V9a4 4 0 0 1 4-4h14\"\/><polyline points=\"7 23 3 19 7 15\"\/><path d=\"M21 13v2a4 4 0 0 1-4 4H3\"\/>\n            <\/svg>\n          <\/div>\n          <h3>Recurring Invoices<\/h3>\n          <p>Set weekly, monthly, or quarterly invoices for ongoing clients. Fully automated and hands-free.<\/p>\n        <\/a>\n        <!-- Client Management (wide) -->\n        <a class=\"bento-card bento-card--wide\" href=\"https:\/\/invoicefly.com\/es\/producto\/portal-del-cliente\/\" style=\"text-decoration:none;color:inherit;\">\n          <div class=\"bento-ico bi-pink\">\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"bento-body\">\n            <h3>Client Management<\/h3>\n            <p>Store client details, billing addresses, and invoice history. Pull up any client in seconds when creating your next invoice.<\/p>\n            <div class=\"bento-tags\">\n              <span class=\"bento-tag bento-tag--pink\">Client History<\/span>\n              <span class=\"bento-tag bento-tag--pink\">Auto-fill<\/span>\n              <span class=\"bento-tag bento-tag--pink\">Invoice Archive<\/span>\n            <\/div>\n          <\/div>\n        <\/a>\n        <!-- Payment Reminders (wide) -->\n        <a class=\"bento-card bento-card--wide\" href=\"https:\/\/invoicefly.com\/es\/producto\/notificaciones-del-estado-del-pago\/\" style=\"text-decoration:none;color:inherit;\">\n          <div class=\"bento-ico bi-orange\">\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"bento-body\">\n            <h3>Payment Reminders<\/h3>\n            <p>Stop chasing clients. Invoice Fly sends polite, automatic follow-ups before and after the due date, completely hands-free.<\/p>\n            <div class=\"bento-tags\">\n              <span class=\"bento-tag bento-tag--orange\">Automatic<\/span>\n              <span class=\"bento-tag bento-tag--orange\">Customizable<\/span>\n              <span class=\"bento-tag bento-tag--orange\">Profesional<\/span>\n            <\/div>\n          <\/div>\n        <\/a>\n        <!-- Mobile Invoicing -->\n        <a class=\"bento-card\" href=\"https:\/\/invoicefly.com\/es\/producto\/aplicacion-de-facturacion\/\" style=\"text-decoration:none;color:inherit;\">\n          <div class=\"bento-ico bi-teal\">\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\"\/><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"\/>\n            <\/svg>\n          <\/div>\n          <h3>Facturaci\u00f3n m\u00f3vil<\/h3>\n          <p>Create, send, and manage every mobile invoice directly from your phone- anywhere, anytime.<\/p>\n        <\/a>\n        <!-- Get Started Free (dark CTA) -->\n        <div class=\"bento-card bento-cta\">\n          <div class=\"bento-cta-kicker\">Get Started Free<\/div>\n          <h3>Start invoice creation in under 60 seconds.<\/h3>\n          <p>Free to download. Start sending invoices in minutes.<\/p>\n          <a href=\"https:\/\/invoicefly.onelink.me\/AeUs\/qohijf8g\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">\n            Download Free\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== PAYMENT METHODS ==================== -->\n  <section class=\"payments\">\n    <div class=\"payments-inner\">\n      <div class=\"payments-content\">\n        <div class=\"section-tag\">\u2014 Accept payments anywhere<\/div>\n        <h2 class=\"payments-h2\">Accept Payments Anywhere<\/h2>\n        <p class=\"payments-lead\">\n          Make it effortless for clients to pay the moment they open your\n          invoice. The Invoice Fly app supports every trusted payment method, so\n          you reduce delays and improve cash flow without extra work.\n        <\/p>\n        <div class=\"payments-checkmarks\">\n          <div class=\"pm-check\">\n            <span class=\"pm-check-dot\"><svg width=\"11\" height=\"11\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n            Stripe &amp; PayPal built in \u2014 no extra accounts needed\n          <\/div>\n          <div class=\"pm-check\">\n            <span class=\"pm-check-dot\"><svg width=\"11\" height=\"11\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n            Tarjetas de cr\u00e9dito y d\u00e9bito, Apple Pay, Google Pay\n          <\/div>\n          <div class=\"pm-check\">\n            <span class=\"pm-check-dot\"><svg width=\"11\" height=\"11\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n            Transferencias bancarias ACH para facturas grandes\n          <\/div>\n          <div class=\"pm-check\">\n            <span class=\"pm-check-dot\"><svg width=\"11\" height=\"11\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n            Pago seguro y encriptado - Cumple con PCI\n          <\/div>\n          <div class=\"pm-check\">\n            <span class=\"pm-check-dot\"><svg width=\"11\" height=\"11\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n            Notificaciones de pago instant\u00e1neas en cada transacci\u00f3n\n          <\/div>\n        <\/div>\n        <a href=\"https:\/\/invoicefly.onelink.me\/AeUs\/qohijf8g\" class=\"btn btn-primary btn-lg\" target=\"_blank\" rel=\"noopener\">\n          Establecer pagos gratis\n          <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n        <\/a>\n      <\/div>\n      <div class=\"payments-visual\">\n        <div class=\"pm-method\">\n          <div class=\"pm-method-icon pm-stripe\">\n            <svg width=\"26\" height=\"26\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M13.976 9.15c-2.172-.806-3.356-1.426-3.356-2.409 0-.831.683-1.305 1.901-1.305 2.227 0 4.515.858 6.09 1.631l.89-5.494C18.252.975 15.697 0 12.165 0 9.667 0 7.589.654 6.104 1.872 4.56 3.147 3.757 4.992 3.757 7.218c0 4.039 2.467 5.76 6.476 7.219 2.585.893 3.476 1.554 3.476 2.629 0 .945-.08 1.549-1.953 1.549-1.52 0-4.773-.608-6.84-1.682L3.8 21.97c2.157.988 4.953 1.77 7.63 1.77 2.561 0 4.677-.634 6.148-1.85 1.613-1.305 2.418-3.205 2.418-5.551C20 12.215 17.588 10.416 13.976 9.15z\"\/><\/svg>\n          <\/div>\n          <div class=\"pm-method-name\">Raya<\/div>\n          <div class=\"pm-method-hint\">Tarjetas y banco<\/div>\n        <\/div>\n        <div class=\"pm-method\">\n          <div class=\"pm-method-icon pm-paypal\">\n            <svg width=\"26\" height=\"26\" viewbox=\"0 0 512 512\" fill=\"white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M368.034,0.5H116.776L5.444,511.5h147.454l36.104-169.294h105.301c100.803,0,185.075-62.128,207.644-167.747C527.509,54.869,441.751,0.5,368.034,0.5z M363.518,174.459c-9.032,38.824-46.635,69.888-84.254,69.888h-69.203l31.595-139.776h72.208C349.98,104.571,374.047,135.636,363.518,174.459z\"\/><\/svg>\n          <\/div>\n          <div class=\"pm-method-name\">PayPal<\/div>\n          <div class=\"pm-method-hint\">Pago r\u00e1pido<\/div>\n        <\/div>\n        <div class=\"pm-method\">\n          <div class=\"pm-method-icon pm-apple\">\n            <svg width=\"26\" height=\"26\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.8-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z\"\/><\/svg>\n          <\/div>\n          <div class=\"pm-method-name\">Apple Pay<\/div>\n          <div class=\"pm-method-hint\">Pago con un toque<\/div>\n        <\/div>\n        <div class=\"pm-method\">\n          <div class=\"pm-method-icon pm-google\">\n            <svg width=\"26\" height=\"26\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\"\/><path d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\"\/><path d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\"\/><path d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\"\/><\/svg>\n          <\/div>\n          <div class=\"pm-method-name\">Google Pay<\/div>\n          <div class=\"pm-method-hint\">M\u00f3vil instant\u00e1neo<\/div>\n        <\/div>\n        <div class=\"pm-method\">\n          <div class=\"pm-method-icon pm-ach\">\n            <svg width=\"26\" height=\"26\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><path d=\"M3 9h18M3 15h18M9 3v18M15 3v18\"\/><\/svg>\n          <\/div>\n          <div class=\"pm-method-name\">Transferencia ACH<\/div>\n          <div class=\"pm-method-hint\">De banco a banco<\/div>\n        <\/div>\n        <div class=\"pm-method\">\n          <div class=\"pm-method-icon pm-card\">\n            <svg width=\"26\" height=\"26\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"\/><line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"\/><\/svg>\n          <\/div>\n          <div class=\"pm-method-name\">Cr\u00e9dito y d\u00e9bito<\/div>\n          <div class=\"pm-method-hint\">Visa, MC y m\u00e1s<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== FLOW \u2014 after you hit send ==================== -->\n  <section class=\"flow\">\n    <div class=\"flow-inner\">\n      <div class=\"flow-head\">\n        <div class=\"flow-tag\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg>\n          Seguimiento de facturas\n        <\/div>\n        <h2>Know What Happens After You Hit <span class=\"hi\">Enviar<\/span><\/h2>\n        <p class=\"flow-sub\">Sending an invoice is only the beginning. Invoice Fly keeps you updated every step of the way, so you always know what's been delivered, viewed, paid, or still needs attention.<\/p>\n      <\/div>\n\n      <div class=\"flow-grid\">\n        <!-- 1 \u2014 Invoice Sent -->\n        <div class=\"flow-card c1\">\n          <span class=\"flow-badge\">1<\/span>\n          <div class=\"flow-card-head\">\n            <div class=\"flow-card-ico\">\n              <svg width=\"21\" height=\"21\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg>\n            <\/div>\n            <div class=\"flow-card-meta\">\n              <h3>Factura enviada<\/h3>\n              <p class=\"flow-card-time\">Mon, Jun 12 \u00b7 2:14 PM<\/p>\n              <p class=\"flow-card-status\">Delivered to mike@example.com<\/p>\n            <\/div>\n          <\/div>\n          <p class=\"flow-card-desc\">Your client receives a clean, branded email with a direct link to view and pay the invoice.<\/p>\n        <\/div>\n\n        <!-- arrow 1 \u2192 2 -->\n        <div class=\"flow-arrow a1\">\n          <svg width=\"64\" height=\"22\" viewbox=\"0 0 64 22\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <line x1=\"2\" y1=\"11\" x2=\"48\" y2=\"11\" stroke-width=\"2\" stroke-dasharray=\"5 6\"\/>\n            <path d=\"M46 4 L57 11 L46 18\" stroke-width=\"2.4\" fill=\"none\"\/>\n          <\/svg>\n        <\/div>\n\n        <!-- 2 \u2014 Invoice Viewed -->\n        <div class=\"flow-card c2\">\n          <span class=\"flow-badge\">2<\/span>\n          <div class=\"flow-card-head\">\n            <div class=\"flow-card-ico\">\n              <svg width=\"21\" height=\"21\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n            <\/div>\n            <div class=\"flow-card-meta\">\n              <h3>Factura vista<\/h3>\n              <p class=\"flow-card-time\">Mon, Jun 12 \u00b7 4:20 PM<\/p>\n              <p class=\"flow-card-status\">Opened on iPhone<\/p>\n            <\/div>\n          <\/div>\n          <p class=\"flow-card-desc\">You're notified the moment your client opens the invoice. No more wondering if they saw it. \ud83d\udc40<\/p>\n        <\/div>\n\n        <!-- arrow 2 \u2192 3 (down) -->\n        <div class=\"flow-arrow a2\">\n          <svg width=\"22\" height=\"58\" viewbox=\"0 0 22 58\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <line x1=\"11\" y1=\"2\" x2=\"11\" y2=\"44\" stroke-width=\"2\" stroke-dasharray=\"5 6\"\/>\n            <path d=\"M4 42 L11 53 L18 42\" stroke-width=\"2.4\" fill=\"none\"\/>\n          <\/svg>\n        <\/div>\n\n        <!-- 3 \u2014 Reminder Sent -->\n        <div class=\"flow-card c3\">\n          <span class=\"flow-badge\">3<\/span>\n          <div class=\"flow-card-head\">\n            <div class=\"flow-card-ico\">\n              <svg width=\"21\" height=\"21\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/><\/svg>\n            <\/div>\n            <div class=\"flow-card-meta\">\n              <h3>Reminder Sent<\/h3>\n              <p class=\"flow-card-time\">Fri, Jun 16 \u00b7 9:00 AM<\/p>\n              <p class=\"flow-card-status\">3 days before due date<\/p>\n            <\/div>\n          <\/div>\n          <p class=\"flow-card-desc\">Invoice Fly automatically sends a polite reminder before the due date with no awkward follow-ups from you. \ud83d\ude0a<\/p>\n        <\/div>\n\n        <!-- arrow 3 \u2192 4 (left) -->\n        <div class=\"flow-arrow a3\">\n          <svg width=\"64\" height=\"22\" viewbox=\"0 0 64 22\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <line x1=\"62\" y1=\"11\" x2=\"16\" y2=\"11\" stroke-width=\"2\" stroke-dasharray=\"5 6\"\/>\n            <path d=\"M18 4 L7 11 L18 18\" stroke-width=\"2.4\" fill=\"none\"\/>\n          <\/svg>\n        <\/div>\n\n        <!-- 4 \u2014 Payment Received -->\n        <div class=\"flow-card c4\">\n          <span class=\"flow-badge\">4<\/span>\n          <div class=\"flow-card-head\">\n            <div class=\"flow-card-ico\">\n              <svg width=\"21\" height=\"21\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            <\/div>\n            <div class=\"flow-card-meta\">\n              <h3>Pago recibido<\/h3>\n              <p class=\"flow-card-time\">Fri, Jun 16 \u00b7 11:02 AM<\/p>\n              <p class=\"flow-card-status\">$1,200.00 via Stripe<\/p>\n            <\/div>\n          <\/div>\n          <p class=\"flow-card-desc\">Payment lands. Your invoice is updated automatically, and your records stay organised without any extra work.<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- bottom summary pill -->\n      <div class=\"flow-pill\">\n        <div class=\"flow-pill-ico\">\n          <svg width=\"19\" height=\"19\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg>\n        <\/div>\n        <div class=\"flow-pill-txt\">\n          <strong>From send to paid\u2014<span class=\"hi\">always in the loop.<\/span><\/strong>\n          <span>Less chasing. More knowing.<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== INDUSTRIES ==================== -->\n  <section class=\"industries\">\n    <div class=\"industries-inner\">\n    <div class=\"section-head\">\n      <div class=\"section-tag\">Built for every kind of client work<\/div>\n      <h2>Best Invoice App for Small Businesses, Freelancers, and Service Professionals<\/h2>\n      <p>\n        From contractors and consultants to agencies and freelancers, Invoice\n        Fly App makes it easy to create invoices, track payments, and manage\n        clients.\n      <\/p>\n    <\/div>\n    <div class=\"ind-grid\">\n      <a class=\"ind-card i-orange\" href=\"https:\/\/invoicefly.com\/es\/industrias\/\">\n        <div class=\"ind-ico\"><svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 18a9 9 0 0 1 18 0\"\/><path d=\"M12 4v5\"\/><path d=\"M2 18h20\"\/><\/svg><\/div>\n        <div class=\"ind-meta\"><h3>Contratistas<\/h3><p>General contractors &amp; builders<\/p><\/div>\n        <span class=\"ind-arrow\"><svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/span>\n      <\/a>\n      <a class=\"ind-card i-amber\" href=\"https:\/\/invoicefly.com\/es\/industrias\/software-electricistas\/\">\n        <div class=\"ind-ico\"><svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg><\/div>\n        <div class=\"ind-meta\"><h3>Electricistas<\/h3><p>Electrical work &amp; installations<\/p><\/div>\n        <span class=\"ind-arrow\"><svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/span>\n      <\/a>\n      <a class=\"ind-card i-cyan\" href=\"https:\/\/invoicefly.com\/es\/industrias\/software-de-fontaneria\/\">\n        <div class=\"ind-ico\"><svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2.7s6 6.5 6 11a6 6 0 0 1-12 0c0-4.5 6-11 6-11z\"\/><\/svg><\/div>\n        <div class=\"ind-meta\"><h3>Fontaneros<\/h3><p>Plumbing &amp; water services<\/p><\/div>\n        <span class=\"ind-arrow\"><svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/span>\n      <\/a>\n      <a class=\"ind-card i-purple\" href=\"https:\/\/invoicefly.com\/es\/industrias\/software-mantenimiento-hogar\/\">\n        <div class=\"ind-ico\"><svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/><\/svg><\/div>\n        <div class=\"ind-meta\"><h3>Manitas<\/h3><p>Repairs &amp; maintenance<\/p><\/div>\n        <span class=\"ind-arrow\"><svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/span>\n      <\/a>\n      <a class=\"ind-card i-blue\" href=\"https:\/\/invoicefly.com\/es\/producto\/software-de-facturacion-para-autonomos\/\">\n        <div class=\"ind-ico\"><svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"13\" rx=\"2\"\/><path d=\"M2 20h20\"\/><\/svg><\/div>\n        <div class=\"ind-meta\"><h3>Aut\u00f3nomos<\/h3><p>Designers, devs &amp; writers<\/p><\/div>\n        <span class=\"ind-arrow\"><svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/span>\n      <\/a>\n      <a class=\"ind-card i-emerald\" href=\"https:\/\/invoicefly.com\/es\/industrias\/software-de-facturacion-para-pequenas-empresas-2\/\">\n        <div class=\"ind-ico\"><svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"\/><\/svg><\/div>\n        <div class=\"ind-meta\"><h3>Consultants<\/h3><p>Business &amp; strategy consulting<\/p><\/div>\n        <span class=\"ind-arrow\"><svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/span>\n      <\/a>\n      <a class=\"ind-card i-rose\" href=\"https:\/\/invoicefly.com\/es\/industrias\/software-para-empresas-de-limpieza\/\">\n        <div class=\"ind-ico\"><svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3c.7 3.3 2 4.6 5.3 5.3C14 9 12.7 10.3 12 13.6 11.3 10.3 10 9 6.7 8.3 10 7.6 11.3 6.3 12 3z\"\/><path d=\"M18 14c.4 1.6 1 2.2 2.6 2.6-1.6.4-2.2 1-2.6 2.6-.4-1.6-1-2.2-2.6-2.6 1.6-.4 2.2-1 2.6-2.6z\"\/><\/svg><\/div>\n        <div class=\"ind-meta\"><h3>Servicios de limpieza<\/h3><p>Residential &amp; commercial cleaning<\/p><\/div>\n        <span class=\"ind-arrow\"><svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/span>\n      <\/a>\n      <a class=\"ind-card i-green\" href=\"https:\/\/invoicefly.com\/es\/industrias\/software-de-facturacion-para-pequenas-empresas-2\/\">\n        <div class=\"ind-ico\"><svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21h18M5 21V7l7-4v18M19 21V10l-7-3\"\/><path d=\"M9 9.5v.01M9 13v.01M9 16.5v.01\"\/><\/svg><\/div>\n        <div class=\"ind-meta\"><h3>Agencias<\/h3><p>Marketing, PR &amp; creative agencies<\/p><\/div>\n        <span class=\"ind-arrow\"><svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg><\/span>\n      <\/a>\n    <\/div>\n    <p class=\"ind-foot\">Don't see your industry? <a href=\"https:\/\/invoicefly.com\/es\/industrias\/\">Invoice Fly works for any service business \u2192<\/a><\/p>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== STATS BAND ==================== -->\n  <section class=\"stats\">\n    <div class=\"stats-inner\">\n      <div class=\"stats-head\">\n        <div class=\"stats-tag\">Social proof<\/div>\n        <h2>The Invoicing App Trusted by Businesses That Invoice Every Day<\/h2>\n      <\/div>\n      <div class=\"stats-grid\">\n        <div class=\"stat\">\n          <div class=\"stat-num\">125,000<span class=\"plus\">+<\/span><\/div>\n          <div class=\"stat-label\">Active Businesses<\/div>\n        <\/div>\n        <div class=\"stat\">\n          <div class=\"stat-num\">4.8<span class=\"plus\">\u2605<\/span><\/div>\n          <div class=\"stat-label\">App Store Rating<\/div>\n        <\/div>\n        <div class=\"stat\">\n          <div class=\"stat-num\">4.9<span class=\"plus\">\u2605<\/span><\/div>\n          <div class=\"stat-label\">Google Play Rating<\/div>\n        <\/div>\n        <div class=\"stat\">\n          <div class=\"stat-num\">$2.1B<span class=\"plus\">+<\/span><\/div>\n          <div class=\"stat-label\">Invoices Processed<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"stats-reviews\">\n        <div class=\"review-card\">\n          <div class=\"review-stars\">\n            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <\/div>\n          <p class=\"review-text\">\"Invoice Fly completely changed how I run my plumbing business. I can create and send an invoice from the job site in under a minute. I've cut my payment time in half.\"<\/p>\n          <div class=\"review-author\">\n            <div class=\"review-avatar\">MT<\/div>\n            <div>\n              <div class=\"review-name\">Mike Torres<\/div>\n              <div class=\"review-role\">Owner, Torres Plumbing LLC<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"review-card\">\n          <div class=\"review-stars\">\n            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <\/div>\n          <p class=\"review-text\">\"As a freelance designer, getting paid used to be the worst part of my job. Now I just tap, send, and the money shows up in 2-3 days. The online payment feature is a game-changer.\"<\/p>\n          <div class=\"review-author av2\">\n            <div class=\"review-avatar\">SC<\/div>\n            <div>\n              <div class=\"review-name\">Sarah Chen<\/div>\n              <div class=\"review-role\">Freelance Brand Designer<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"review-card\">\n          <div class=\"review-stars\">\n            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n            <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <\/div>\n          <p class=\"review-text\">\"I run a small cleaning service and Invoice Fly handles all my recurring invoices automatically. My clients love the professional look and I love not chasing payments anymore.\"<\/p>\n          <div class=\"review-author av3\">\n            <div class=\"review-avatar\">LJ<\/div>\n            <div>\n              <div class=\"review-name\">Linda Johnson<\/div>\n              <div class=\"review-role\">Owner, Pristine Clean Co.<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== QUOTES \/ ESTIMATES \u2014 all in one place ==================== -->\n  <section class=\"features\">\n    <div class=\"features-inner\">\n      <div class=\"features-content\">\n        <div class=\"features-tag\">Quotes \u00b7 Estimates \u00b7 Invoices<\/div>\n        <h2 class=\"features-h2\">Quotes, estimates &amp; invoices, all in one place<\/h2>\n        <div class=\"qf-points\">\n          <div class=\"qf-point\">\n            <span class=\"qf-point-ico\"><svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/span>\n            <p>Create <a href=\"https:\/\/invoicefly.com\/es\/recursos-gratuitos\/generadores-gratuitos\/generador-gratuito-de-presupuestos\/\"><strong>professional quotes<\/strong><\/a>, <a href=\"https:\/\/invoicefly.com\/es\/recursos-gratuitos\/generadores-gratuitos\/generador-de-presupuestos-gratuitos\/\"><strong>estimaciones<\/strong><\/a> y <a href=\"https:\/\/invoicefly.com\/es\/recursos-gratuitos\/generadores-gratuitos\/generador-de-facturas-gratis\/\"><strong>facturas<\/strong><\/a> in seconds with Invoice Fly's clean, intuitive UI design.<\/p>\n          <\/div>\n          <div class=\"qf-point\">\n            <span class=\"qf-point-ico\"><svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/span>\n            <p>Convert quotes into invoices with a single tap and keep projects moving without paperwork or delays.<\/p>\n          <\/div>\n          <div class=\"qf-point\">\n            <span class=\"qf-point-ico\"><svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg><\/span>\n            <p>Send clients a fast, friction-free payment experience so you can get paid sooner and spend less time chasing invoices.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"features-visual\">\n        <div class=\"qf-media\">\n          <div class=\"qf-pill\">\n            <svg width=\"17\" height=\"17\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"9 12 11.5 14.5 16 9.5\"\/><\/svg>\n            Invoice sent successfully\n          <\/div>\n          <div class=\"qf-photo\">\n            <img decoding=\"async\"\n              src=\"https:\/\/invoicefly.com\/wp-content\/uploads\/2026\/06\/all-in-one-place.webp\"\n              alt=\"Invoice Fly app \u2014 quotes, estimates and invoices in one place\"\n              loading=\"lazy\"\n            \/>\n          <\/div>\n          <div class=\"qf-invoice\">\n            <div class=\"qf-invoice-label\">Factura a<\/div>\n            <div class=\"qf-invoice-name\">Sarah Mitchell<\/div>\n            <div class=\"qf-invoice-row\"><span>Web Design<\/span><b>$2,400.00<\/b><\/div>\n            <div class=\"qf-invoice-row\"><span>Consulta<\/span><b>$350.00<\/b><\/div>\n            <div class=\"qf-invoice-btn\">Pay $2,750.00<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== PRICING ==================== -->\n  <section class=\"pricing\">\n    <div class=\"pricing-inner\">\n    <div class=\"pricing-head\">\n      <div class=\"section-tag\">Precios<\/div>\n      <h2>Start Invoicing Today. Choose Your Plan.<\/h2>\n      <p>\n        One powerful invoice management platform. Two flexible billing options.\n      <\/p>\n    <\/div>\n\n    <div class=\"pricing-grid\">\n      <div class=\"plan\">\n        <div class=\"plan-head\">\n          <div class=\"plan-ico\">\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/>\n            <\/svg>\n          <\/div>\n        <\/div>\n        <div class=\"plan-meta\">Acceso total<\/div>\n        <div class=\"plan-name\">Plan Semanal<\/div>\n        <div class=\"plan-price\"><b>$8.99<\/b><span>\/semana<\/span><\/div>\n        <div class=\"plan-sub\"><\/div>\n        <ul class=\"plan-feats\">\n          <li><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Personalizaci\u00f3n de plantillas<\/li>\n          <li><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Facturas y presupuestos ilimitados<\/li>\n          <li><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Recibir pagos con tarjeta y online<\/li>\n          <li><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Seguimiento de gastos e informes<\/li>\n          <li><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> M\u00f3vil app y notificaciones<\/li>\n        <\/ul>\n        <a href=\"https:\/\/invoicefly.onelink.me\/AeUs\/qohijf8g\" class=\"btn btn-primary btn-lg\" target=\"_blank\" rel=\"noopener\">Empezar ahora<\/a>\n      <\/div>\n\n      <div class=\"plan plan--featured\">\n        <div class=\"plan-head\">\n          <div class=\"plan-ico\">\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/>\n            <\/svg>\n          <\/div>\n          <span class=\"plan-badge\">Los m\u00e1s populares<\/span>\n        <\/div>\n        <div class=\"plan-meta\">Ahorra 78%<\/div>\n        <div class=\"plan-name\">Plan Anual<\/div>\n        <div class=\"plan-price\"><b>$98.99<\/b><span>\/a\u00f1o<\/span><\/div>\n        <div class=\"plan-sub\">$1,90\/semana - facturado anualmente<\/div>\n        <ul class=\"plan-feats\">\n          <li><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Personalizaci\u00f3n de plantillas<\/li>\n          <li><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Facturas y presupuestos ilimitados<\/li>\n          <li><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Recibir pagos con tarjeta y online<\/li>\n          <li><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Seguimiento de gastos e informes<\/li>\n          <li><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> M\u00f3vil app y notificaciones<\/li>\n        <\/ul>\n        <a href=\"https:\/\/invoicefly.onelink.me\/AeUs\/qohijf8g\" class=\"btn btn-primary btn-lg\" target=\"_blank\" rel=\"noopener\">Empezar ahora<\/a>\n      <\/div>\n    <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== FAQ ==================== -->\n  <section class=\"faq\">\n    <div class=\"faq-inner\">\n      <div class=\"faq-head\">\n        <h2>FAQs About Our Invoice App<\/h2>\n        <p>\n          Everything you need to know about creating invoices, accepting\n          payments, and managing billing from the Invoice Fly app.\n        <\/p>\n      <\/div>\n      <div class=\"faq-list\">\n        <div class=\"faq-item open\">\n          <div class=\"faq-q\">\n            Do I need an invoice app for my small business?<span class=\"faq-icon\"><svg width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"11\"\/><line x1=\"1\" y1=\"6\" x2=\"11\" y2=\"6\"\/><\/svg><\/span>\n          <\/div>\n          <div class=\"faq-a\">\n            <p>Yes. An invoice app helps small businesses and freelancers create professional invoices, keep payment records organized, and get paid faster. Every invoice serves as proof of work completed and creates a financial record for your business.<\/p>\n            <p>Using an invoicing app like Invoice Fly makes it easier to track income, manage outstanding invoices, prepare for tax season, and maintain accurate business records. Instead of manually creating invoices or chasing payments, you can handle everything from your phone or computer in minutes.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <div class=\"faq-q\">\n            How do I use Invoice Fly for my small business?<span class=\"faq-icon\"><svg width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"11\"\/><line x1=\"1\" y1=\"6\" x2=\"11\" y2=\"6\"\/><\/svg><\/span>\n          <\/div>\n          <div class=\"faq-a\">\n            <p>Invoice Fly is designed to simplify invoicing from start to finish.<\/p>\n            <ol>\n              <li>Create an invoice in under a minute by selecting a client, adding products or services, and customizing payment terms.<\/li>\n              <li>Send invoices instantly by email or text directly from the app.<\/li>\n              <li>Track invoice status in real time and see when invoices are sent, viewed, paid, or overdue.<\/li>\n              <li>Accept online payments through secure payment methods including card payments, ACH transfers, and digital wallets.<\/li>\n              <li>Manage clients, recurring invoices, and payment reminders from one dashboard.<\/li>\n            <\/ol>\n            <p>Whether you're in the office, on a job site, or meeting a client, Invoice Fly helps you stay on top of your business from anywhere.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <div class=\"faq-q\">\n            How do I choose the best invoice app?<span class=\"faq-icon\"><svg width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"11\"\/><line x1=\"1\" y1=\"6\" x2=\"11\" y2=\"6\"\/><\/svg><\/span>\n          <\/div>\n          <div class=\"faq-a\">\n            <p>The best invoice app should save time, look professional, and help you get paid faster. Look for features such as:<\/p>\n            <ul>\n              <li>Easy invoice creation<\/li>\n              <li>Plantillas de facturas profesionales<\/li>\n              <li>Opciones de pago en l\u00ednea<\/li>\n              <li>Invoice tracking and status updates<\/li>\n              <li>Recordatorios de pago automatizados<\/li>\n              <li>Client management tools<\/li>\n              <li>Mobile invoicing capabilities<\/li>\n            <\/ul>\n            <p>Invoice Fly combines all of these features in one simple app built for small businesses and freelancers.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <div class=\"faq-q\">\n            Is there a free invoice app to make invoices?<span class=\"faq-icon\"><svg width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"11\"\/><line x1=\"1\" y1=\"6\" x2=\"11\" y2=\"6\"\/><\/svg><\/span>\n          <\/div>\n          <div class=\"faq-a\">\n            <p>Yes. Invoice Fly offers free invoicing tools that allow you to create and send professional invoices without complicated setup. You can customize invoices with your logo, business details, taxes, payment terms, and line items in just a few taps.<\/p>\n            <p>It's a simple way to start invoicing clients without investing in expensive accounting software.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <div class=\"faq-q\">\n            What makes Invoice Fly easy to use?<span class=\"faq-icon\"><svg width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"11\"\/><line x1=\"1\" y1=\"6\" x2=\"11\" y2=\"6\"\/><\/svg><\/span>\n          <\/div>\n          <div class=\"faq-a\">\n            <p>Invoice Fly combines intuitive app design with a clean, mobile-first experience, making invoice creation, payment tracking, and client management simple from any device.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <div class=\"faq-q\">\n            Why is Invoice Fly easier to use than traditional invoicing software?<span class=\"faq-icon\"><svg width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"11\"\/><line x1=\"1\" y1=\"6\" x2=\"11\" y2=\"6\"\/><\/svg><\/span>\n          <\/div>\n          <div class=\"faq-a\">\n            <p>Unlike complex accounting platforms, Invoice Fly focuses on intuitive UI design and a streamlined workflow, helping businesses create invoices, track payments, and manage clients without a learning curve.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <div class=\"faq-q\">\n            How do I store invoices and customer details?<span class=\"faq-icon\"><svg width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"11\"\/><line x1=\"1\" y1=\"6\" x2=\"11\" y2=\"6\"\/><\/svg><\/span>\n          <\/div>\n          <div class=\"faq-a\">\n            <p>Invoice Fly App securely stores your invoices, client information, payment history, and invoice records in one place.<\/p>\n            <p>You can save customer details, billing addresses, payment terms, and frequently used line items to speed up future invoicing. This is especially useful for repeat clients and recurring work.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <div class=\"faq-q\">\n            Can I accept online payments through Invoice Fly App?<span class=\"faq-icon\"><svg width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"11\"\/><line x1=\"1\" y1=\"6\" x2=\"11\" y2=\"6\"\/><\/svg><\/span>\n          <\/div>\n          <div class=\"faq-a\">\n            <p>Yes. Invoice Fly App allows you to accept online payments directly from your invoices.<\/p>\n            <p>Clients can pay using supported payment methods, making it easier to collect payments quickly and reduce delays. Payments are automatically linked to the corresponding invoice, helping you stay organized and maintain accurate records.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <div class=\"faq-q\">\n            Can I invoice for services and include hours worked?<span class=\"faq-icon\"><svg width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"11\"\/><line x1=\"1\" y1=\"6\" x2=\"11\" y2=\"6\"\/><\/svg><\/span>\n          <\/div>\n          <div class=\"faq-a\">\n            <p>Absolutely. Invoice Fly allows you to create service invoices with custom line items, hourly rates, quantities, and descriptions.<\/p>\n            <p>Whether you're a consultant, freelancer, contractor, or service professional, you can clearly show hours worked and project details on every invoice.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <div class=\"faq-q\">\n            How can I track invoice status?<span class=\"faq-icon\"><svg width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"11\"\/><line x1=\"1\" y1=\"6\" x2=\"11\" y2=\"6\"\/><\/svg><\/span>\n          <\/div>\n          <div class=\"faq-a\">\n            <p>Invoice Fly App provides real-time invoice tracking so you always know what's happening after an invoice is sent.<\/p>\n            <p>You can see when an invoice has been delivered, viewed, paid, or has become overdue. Automatic reminders can also help follow up on unpaid invoices without additional manual work.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <div class=\"faq-q\">\n            Can I include taxes, discounts, or additional fees?<span class=\"faq-icon\"><svg width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"11\"\/><line x1=\"1\" y1=\"6\" x2=\"11\" y2=\"6\"\/><\/svg><\/span>\n          <\/div>\n          <div class=\"faq-a\">\n            <p>Yes. Invoice Fly lets you add tax rates, discounts, deposits, service charges, shipping fees, and custom line items to your invoices.<\/p>\n            <p>This flexibility helps ensure every invoice accurately reflects the work completed and the amount owed.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n          <div class=\"faq-q\">\n            Is Invoice Fly App safe to use?<span class=\"faq-icon\"><svg width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"11\"\/><line x1=\"1\" y1=\"6\" x2=\"11\" y2=\"6\"\/><\/svg><\/span>\n          <\/div>\n          <div class=\"faq-a\">\n            <p>Yes. Invoice Fly uses secure systems to protect your business information, invoices, and client data.<\/p>\n            <p>Your records are stored securely and can be accessed whenever you need them, giving you confidence that your invoicing data is protected while remaining easy to manage.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==================== FINAL CTA ==================== -->\n  <section class=\"final-cta\">\n    <div class=\"final-cta-wrap\">\n      <div class=\"final-cta-content\">\n        <h2>Your Next Invoice Is Just a Few Taps Away<\/h2>\n        <p>\n          Join 125,000+ small business owners who invoice faster, get paid\n          sooner, and run their business from their phone.\n        <\/p>\n        <div class=\"final-cta-ctas\">\n          <a href=\"https:\/\/invoicefly.com\/es\/recursos-gratuitos\/generadores-gratuitos\/generador-de-facturas-gratis\/\" class=\"btn btn-primary btn-lg\" target=\"_blank\" rel=\"noopener\">\n            Generate free invoice\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n          <\/a>\n          <a href=\"https:\/\/invoicefly.com\/es\/precios\/\" class=\"btn btn-outline btn-lg\">Ver precios<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n<!-- \/.ifsw-widget -->\n\n<script>\n  (function () {\n    \"use strict\";\n\n    function setupFAQ() {\n      var items = document.querySelectorAll(\"#ifsw-root .faq-q\");\n      items.forEach(function (q) {\n        if (q.dataset.ifswWired === \"1\") return;\n        q.dataset.ifswWired = \"1\";\n        q.addEventListener(\"click\", function () {\n          q.parentElement.classList.toggle(\"open\");\n        });\n      });\n    }\n\n    function init() {\n      var root = document.getElementById(\"ifsw-root\");\n      if (!root) return false;\n      setupFAQ();\n      return true;\n    }\n\n    function tryInit(retries) {\n      if (init()) return;\n      if (retries > 0)\n        setTimeout(function () {\n          tryInit(retries - 1);\n        }, 200);\n    }\n\n    if (document.readyState === \"loading\") {\n      document.addEventListener(\"DOMContentLoaded\", function () {\n        tryInit(5);\n      });\n    } else {\n      tryInit(5);\n    }\n    window.addEventListener(\"load\", function () {\n      tryInit(2);\n    });\n  })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Home \/ Product \/ Invoice App #1 Invoice App for Small Business Invoice App That Works Wherever You Do Create professional invoices, send them instantly, accept payments online, and simplify invoice management from anywhere with Invoice Fly&#8217;s mobile invoice app. Download Invoice Fly App Continue on web 4.8 \/ 5 average rating 125,000+ businesses \u2014 [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":0,"parent":22959,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_yoast_wpseo_focuskw":"","_yoast_wpseo_title":"Invoice App for Small Businesses & Freelancers | Invoice Fly","_yoast_wpseo_metadesc":"Create invoices, accept payments, track invoice status, and manage clients from anywhere with Invoice Fly's powerful invoice app.","footnotes":""},"class_list":["post-97558","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.8 (Yoast SEO v25.8) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Invoice App for Small Businesses &amp; Freelancers | Invoice Fly<\/title>\n<meta name=\"description\" content=\"Create invoices, accept payments, track invoice status, and manage clients from anywhere with Invoice Fly&#039;s powerful invoice app.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/invoicefly.com\/es\/producto\/invoice-app\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Invoice App Test HTML\" \/>\n<meta property=\"og:description\" content=\"Create invoices, accept payments, track invoice status, and manage clients from anywhere with Invoice Fly&#039;s powerful invoice app.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/invoicefly.com\/es\/producto\/invoice-app\/\" \/>\n<meta property=\"og:site_name\" content=\"Invoice Fly\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/invoiceflyapp\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-22T09:58:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/invoicefly.com\/wp-content\/uploads\/2026\/02\/qr-invoicefly-qohijf8g.svg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"10 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/invoicefly.com\/product\/invoice-app\/\",\"url\":\"https:\/\/invoicefly.com\/product\/invoice-app\/\",\"name\":\"Invoice App for Small Businesses & Freelancers | Invoice Fly\",\"isPartOf\":{\"@id\":\"https:\/\/invoicefly.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/invoicefly.com\/product\/invoice-app\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/invoicefly.com\/product\/invoice-app\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/invoicefly.com\/wp-content\/uploads\/2026\/02\/qr-invoicefly-qohijf8g.svg\",\"datePublished\":\"2026-06-15T14:55:48+00:00\",\"dateModified\":\"2026-06-22T09:58:11+00:00\",\"description\":\"Create invoices, accept payments, track invoice status, and manage clients from anywhere with Invoice Fly's powerful invoice app.\",\"breadcrumb\":{\"@id\":\"https:\/\/invoicefly.com\/product\/invoice-app\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/invoicefly.com\/product\/invoice-app\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/invoicefly.com\/product\/invoice-app\/#primaryimage\",\"url\":\"https:\/\/invoicefly.com\/wp-content\/uploads\/2026\/02\/qr-invoicefly-qohijf8g.svg\",\"contentUrl\":\"https:\/\/invoicefly.com\/wp-content\/uploads\/2026\/02\/qr-invoicefly-qohijf8g.svg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/invoicefly.com\/product\/invoice-app\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Invoice Fly\",\"item\":\"https:\/\/invoicefly.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Product\",\"item\":\"https:\/\/invoicefly.com\/product\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Invoice App Test HTML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/invoicefly.com\/#website\",\"url\":\"https:\/\/invoicefly.com\/\",\"name\":\"Invoice Fly\",\"description\":\"The Best Invoice App\",\"publisher\":{\"@id\":\"https:\/\/invoicefly.com\/#organization\"},\"alternateName\":\"Invoice Fly\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/invoicefly.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/invoicefly.com\/#organization\",\"name\":\"Invoice Fly\",\"alternateName\":\"Invoice Fly\",\"url\":\"https:\/\/invoicefly.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/invoicefly.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/invoicefly.com\/wp-content\/uploads\/2023\/09\/invoice-fly-logo.png\",\"contentUrl\":\"https:\/\/invoicefly.com\/wp-content\/uploads\/2023\/09\/invoice-fly-logo.png\",\"width\":524,\"height\":113,\"caption\":\"Invoice Fly\"},\"image\":{\"@id\":\"https:\/\/invoicefly.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/invoiceflyapp\/\",\"https:\/\/www.instagram.com\/invoiceflyapp\/\",\"https:\/\/www.tiktok.com\/@invoicefly\",\"https:\/\/www.youtube.com\/channel\/UCS20FuF4lzTotiD3cOHKYTg\"],\"description\":\"Invoice Fly helps you send estimates & invoices, collect credit card and online payments fast, build reports, track expenses, organize your clients and items and run your home service business with ease.\\u2028\",\"legalName\":\"Invoice Fly\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Invoice App for Small Businesses & Freelancers | Invoice Fly","description":"Create invoices, accept payments, track invoice status, and manage clients from anywhere with Invoice Fly's powerful invoice app.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/invoicefly.com\/es\/producto\/invoice-app\/","og_locale":"es_ES","og_type":"article","og_title":"Invoice App Test HTML","og_description":"Create invoices, accept payments, track invoice status, and manage clients from anywhere with Invoice Fly's powerful invoice app.","og_url":"https:\/\/invoicefly.com\/es\/producto\/invoice-app\/","og_site_name":"Invoice Fly","article_publisher":"https:\/\/www.facebook.com\/invoiceflyapp\/","article_modified_time":"2026-06-22T09:58:11+00:00","og_image":[{"url":"https:\/\/invoicefly.com\/wp-content\/uploads\/2026\/02\/qr-invoicefly-qohijf8g.svg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"10 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/invoicefly.com\/product\/invoice-app\/","url":"https:\/\/invoicefly.com\/product\/invoice-app\/","name":"Invoice App for Small Businesses & Freelancers | Invoice Fly","isPartOf":{"@id":"https:\/\/invoicefly.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/invoicefly.com\/product\/invoice-app\/#primaryimage"},"image":{"@id":"https:\/\/invoicefly.com\/product\/invoice-app\/#primaryimage"},"thumbnailUrl":"https:\/\/invoicefly.com\/wp-content\/uploads\/2026\/02\/qr-invoicefly-qohijf8g.svg","datePublished":"2026-06-15T14:55:48+00:00","dateModified":"2026-06-22T09:58:11+00:00","description":"Create invoices, accept payments, track invoice status, and manage clients from anywhere with Invoice Fly's powerful invoice app.","breadcrumb":{"@id":"https:\/\/invoicefly.com\/product\/invoice-app\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/invoicefly.com\/product\/invoice-app\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/invoicefly.com\/product\/invoice-app\/#primaryimage","url":"https:\/\/invoicefly.com\/wp-content\/uploads\/2026\/02\/qr-invoicefly-qohijf8g.svg","contentUrl":"https:\/\/invoicefly.com\/wp-content\/uploads\/2026\/02\/qr-invoicefly-qohijf8g.svg"},{"@type":"BreadcrumbList","@id":"https:\/\/invoicefly.com\/product\/invoice-app\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Invoice Fly","item":"https:\/\/invoicefly.com\/"},{"@type":"ListItem","position":2,"name":"Product","item":"https:\/\/invoicefly.com\/product\/"},{"@type":"ListItem","position":3,"name":"Invoice App Test HTML"}]},{"@type":"WebSite","@id":"https:\/\/invoicefly.com\/#website","url":"https:\/\/invoicefly.com\/","name":"Invoice Fly","description":"La Mejor App de Facturaci\u00f3n","publisher":{"@id":"https:\/\/invoicefly.com\/#organization"},"alternateName":"Invoice Fly","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/invoicefly.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/invoicefly.com\/#organization","name":"Invoice Fly","alternateName":"Invoice Fly","url":"https:\/\/invoicefly.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/invoicefly.com\/#\/schema\/logo\/image\/","url":"https:\/\/invoicefly.com\/wp-content\/uploads\/2023\/09\/invoice-fly-logo.png","contentUrl":"https:\/\/invoicefly.com\/wp-content\/uploads\/2023\/09\/invoice-fly-logo.png","width":524,"height":113,"caption":"Invoice Fly"},"image":{"@id":"https:\/\/invoicefly.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/invoiceflyapp\/","https:\/\/www.instagram.com\/invoiceflyapp\/","https:\/\/www.tiktok.com\/@invoicefly","https:\/\/www.youtube.com\/channel\/UCS20FuF4lzTotiD3cOHKYTg"],"description":"Invoice Fly te ayuda a enviar presupuestos y facturas, cobrar tarjetas de cr\u00e9dito y pagos en l\u00ednea r\u00e1pidamente, generar informes, rastrear gastos, organizar tus clientes y art\u00edculos y administrar tu negocio de servicios del hogar con facilidad.","legalName":"Invoice Fly"}]}},"hero_title":"","hero_text":"","how_to_title":null,"how_to_content_1":null,"how_to_content_2":null,"how_to_content_3":null,"how_to_content_4":null,"key_section_title":null,"bill_confidently_title":null,"icon_title_1":"","icon_text_1":"","icon_title_2":"","icon_text_2":"","icon_title_3":"","icon_text_3":"","icon_title_4":"","icon_text_4":"","icon_title_5":null,"icon_text_5":null,"icon_title_6":null,"icon_text_6":null,"icon_title_7":null,"icon_text_7":null,"faq_header":null,"faq_text":null,"faq_title_1":"","faq_content_1":"","faq_title_2":"","faq_content_2":"","faq_title_3":"","faq_content_3":"","faq_title_4":"","faq_content_4":"","faq_title_5":"","faq_content_5":"","faq_title_6":"","faq_content_6":"","faq_title_7":"","faq_content_7":"","faq_title_8":"","faq_content_8":"","faq_title_9":"","faq_content_9":"","faq_title_10":null,"faq_content_10":null,"get_paid_title":"","get_paid_text":"","stay_on_top_title":"","stay_on_top_text":"","icon_2_title_1":"","icon_2_text_1":"","icon_2_title_2":"","icon_2_text_2":"","icon_2_title_3":"","icon_2_text_3":"","icon_2_title_4":"","icon_2_text_4":"","invoicing_that_title":"","invoicing_that_text":"","icon_3_title_1":"","icon_3_text_1":"","icon_3_title_2":"","icon_3_text_2":"","icon_3_title_3":"","icon_3_text_3":"","icon_3_title_4":"","icon_3_text_4":"","faq_title_header":"","faq_text_header":"","hero_image":false,"invoice_template_title_seo":"","descripcion_invoice_template_seo":"","whats_included_title":"","whats_included_text":"","whats_included_image":false,"faqs_title":"","faq_1":"","faq_2":"","faq_3":"","faq_4":"","faq_5":"","_links":{"self":[{"href":"https:\/\/invoicefly.com\/es\/wp-json\/wp\/v2\/pages\/97558","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/invoicefly.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/invoicefly.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/invoicefly.com\/es\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/invoicefly.com\/es\/wp-json\/wp\/v2\/comments?post=97558"}],"version-history":[{"count":104,"href":"https:\/\/invoicefly.com\/es\/wp-json\/wp\/v2\/pages\/97558\/revisions"}],"predecessor-version":[{"id":98179,"href":"https:\/\/invoicefly.com\/es\/wp-json\/wp\/v2\/pages\/97558\/revisions\/98179"}],"up":[{"embeddable":true,"href":"https:\/\/invoicefly.com\/es\/wp-json\/wp\/v2\/pages\/22959"}],"wp:attachment":[{"href":"https:\/\/invoicefly.com\/es\/wp-json\/wp\/v2\/media?parent=97558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}