{"id":3852,"date":"2025-11-23T00:47:55","date_gmt":"2025-11-23T00:47:55","guid":{"rendered":"https:\/\/ogpayx.com\/?page_id=3852"},"modified":"2026-03-07T17:26:48","modified_gmt":"2026-03-07T17:26:48","slug":"solutions-2","status":"publish","type":"page","link":"https:\/\/ogpayx.com\/it\/solutions-2\/","title":{"rendered":"Soluzioni"},"content":{"rendered":"<section class=\"og-section-header\" aria-labelledby=\"solutions-header\">\n  <div class=\"og-section-header__container\">\n    <span class=\"og-section-header__badge\">SOLUZIONI<\/span>\n    \n    <h2 id=\"solutions-header\">\n      Soluzioni affidabili per <br><span>Industrie emergenti<\/span>\n    <\/h2>\n    \n    <p class=\"og-section-header__subtitle\">\n      Accettate pagamenti ovunque - online, in negozio e mobile - con conti commerciali conformi per le industrie emergenti.\n    <\/p>\n  <\/div>\n<\/section>\n\n<style>\n  \/* ===================================\n     SECTION HEADER\n     =================================== *\/\n  .og-section-header {\n    padding: 5rem 1.75rem 3rem;\n    background: transparent;\n  }\n\n  .og-section-header__container {\n    max-width: 900px;\n    margin: 0 auto;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 1.25rem;\n  }\n\n  \/* Badge *\/\n  .og-section-header__badge {\n    display: inline-block;\n    padding: 0.4rem 0.875rem;\n    border-radius: 9999px;\n    background: rgba(148, 163, 184, 0.12);\n    border: 1px solid rgba(148, 163, 184, 0.25);\n    font-family: 'Inter', system-ui, sans-serif;\n    font-size: 0.6875rem;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    color: #64748b;\n  }\n\n  \/* Heading *\/\n  .og-section-header h2 {\n    margin: 0;\n    font-family: 'Inter', system-ui, sans-serif;\n    font-size: 3rem;\n    font-weight: 800;\n    letter-spacing: -0.03em;\n    color: #0F172A;\n    line-height: 1.2;\n  }\n\n  \/* \u26a1 SPAN VERDE *\/\n  .og-section-header h2 span {\n    color: #18C67E;\n  }\n\n  \/* Subtitle *\/\n  .og-section-header__subtitle {\n    margin: 0;\n    font-family: 'Inter', system-ui, sans-serif;\n    font-size: 1.125rem;\n    line-height: 1.7;\n    color: #64748b;\n    max-width: 750px;\n  }\n\n  \/* ===================================\n     RESPONSIVE\n     =================================== *\/\n  @media (max-width: 1024px) {\n    .og-section-header {\n      padding: 4rem 1.5rem 2.5rem;\n    }\n\n    .og-section-header h2 {\n      font-size: 2.5rem;\n    }\n\n    .og-section-header__subtitle {\n      font-size: 1.0625rem;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .og-section-header {\n      padding: 3.5rem 1.25rem 2rem;\n    }\n\n    .og-section-header h2 {\n      font-size: 2rem;\n    }\n\n    .og-section-header__subtitle {\n      font-size: 1rem;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .og-section-header {\n      padding: 3rem 1rem 1.5rem;\n    }\n\n    .og-section-header h2 {\n      font-size: 1.75rem;\n    }\n\n    .og-section-header__subtitle {\n      font-size: 0.9375rem;\n    }\n  }\n<\/style>\n\n\n\n<!-- ============================================\n     SOLUTIONS INTRO - 3 Main Solutions\n     Blocco introduttivo prima dei dettagli\n     ============================================ -->\n<section class=\"ogp-solutions-intro\">\n  \n  <!-- Header -->\n  <div class=\"ogp-intro-header\">\n    <span class=\"ogp-intro-label\">Le nostre soluzioni<\/span>\n    <h2 class=\"ogp-intro-title\">Soluzioni di pagamento per <span>Ogni esigenza aziendale<\/span><\/h2>\n    <p class=\"ogp-intro-subtitle\">Dalle casse online ai terminali fisici e ai chioschi self-service, vi copriamo con un'infrastruttura di pagamento di livello aziendale.<\/p>\n  <\/div>\n\n  <!-- 3 Solution Cards -->\n  <div class=\"ogp-solutions-row\">\n    \n    <!-- Solution 1: Gateway -->\n    <div class=\"ogp-sol-card ogp-sol-gateway\">\n      <div class=\"ogp-sol-number\">01<\/div>\n      \n      <div class=\"ogp-sol-icon\">\n        <svg width=\"40\" height=\"40\" viewbox=\"0 0 40 40\" fill=\"none\">\n          <rect x=\"4\" y=\"10\" width=\"32\" height=\"20\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2.5\"\/>\n          <path d=\"M4 16h32\" stroke=\"currentColor\" stroke-width=\"2.5\"\/>\n          <rect x=\"8\" y=\"20\" width=\"6\" height=\"3\" rx=\"0.5\" fill=\"currentColor\"\/>\n          <path d=\"M22 21.5h8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n        <\/svg>\n      <\/div>\n\n      <div class=\"ogp-sol-content\">\n        <h3>Gateway di pagamento online<\/h3>\n        <p>Accettate pagamenti di e-commerce con checkout in hosting, integrazione API e rilevamento delle frodi in tempo reale.<\/p>\n        \n        <div class=\"ogp-sol-features\">\n          <span class=\"ogp-sol-tag\">Commercio elettronico<\/span>\n          <span class=\"ogp-sol-tag\">Integrazione API<\/span>\n          <span class=\"ogp-sol-tag\">3D Secure<\/span>\n        <\/div>\n      <\/div>\n\n      <a href=\"#solution-gateway\" class=\"ogp-sol-arrow\">\n        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\n          <path d=\"M12 5v14M5 12l7 7 7-7\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n\n    <!-- Solution 2: POS Retail -->\n    <div class=\"ogp-sol-card ogp-sol-pos\">\n      <div class=\"ogp-sol-number\">02<\/div>\n      \n      <div class=\"ogp-sol-icon\">\n        <svg width=\"40\" height=\"40\" viewbox=\"0 0 40 40\" fill=\"none\">\n          <rect x=\"10\" y=\"6\" width=\"20\" height=\"28\" rx=\"2.5\" stroke=\"currentColor\" stroke-width=\"2.5\"\/>\n          <rect x=\"13\" y=\"10\" width=\"14\" height=\"10\" rx=\"1\" fill=\"currentColor\" opacity=\"0.2\"\/>\n          <circle cx=\"20\" cy=\"25\" r=\"2\" fill=\"currentColor\"\/>\n          <path d=\"M15 30h10\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n        <\/svg>\n      <\/div>\n\n      <div class=\"ogp-sol-content\">\n        <h3>Terminali POS<\/h3>\n        <p>Moderni lettori di carte per negozi al dettaglio con pagamenti senza contatto, sincronizzazione dell'inventario e supporto per pi\u00f9 sedi.<\/p>\n        \n        <div class=\"ogp-sol-features\">\n          <span class=\"ogp-sol-tag\">Negozi al dettaglio<\/span>\n          <span class=\"ogp-sol-tag\">Senza contatto<\/span>\n          <span class=\"ogp-sol-tag\">Multi-negozio<\/span>\n        <\/div>\n      <\/div>\n\n      <a href=\"#solution-pos\" class=\"ogp-sol-arrow\">\n        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\n          <path d=\"M12 5v14M5 12l7 7 7-7\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n\n    <!-- Solution 3: Unattended -->\n    <div class=\"ogp-sol-card ogp-sol-unattended\">\n      <div class=\"ogp-sol-number\">03<\/div>\n      \n      <div class=\"ogp-sol-icon\">\n        <svg width=\"40\" height=\"40\" viewbox=\"0 0 40 40\" fill=\"none\">\n          <rect x=\"8\" y=\"4\" width=\"24\" height=\"32\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2.5\"\/>\n          <rect x=\"12\" y=\"8\" width=\"16\" height=\"12\" rx=\"1\" fill=\"currentColor\" opacity=\"0.2\"\/>\n          <path d=\"M12 24h16M12 28h10\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n        <\/svg>\n      <\/div>\n\n      <div class=\"ogp-sol-content\">\n        <h3>Terminali non presidiati<\/h3>\n        <p>Pagamenti self-service 24\/7 per distributori automatici, chioschi, autolavaggi e attivit\u00e0 non presidiate.<\/p>\n        \n        <div class=\"ogp-sol-features\">\n          <span class=\"ogp-sol-tag\">Vending<\/span>\n          <span class=\"ogp-sol-tag\">Funzionamento 24\/7<\/span>\n          <span class=\"ogp-sol-tag\">Resistente alle intemperie<\/span>\n        <\/div>\n      <\/div>\n\n      <a href=\"#solution-unattended\" class=\"ogp-sol-arrow\">\n        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\n          <path d=\"M12 5v14M5 12l7 7 7-7\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n\n  <\/div>\n\n  <!-- Bottom CTA -->\n  <div class=\"ogp-intro-cta\">\n    <p>Non siete sicuri della soluzione pi\u00f9 adatta alla vostra attivit\u00e0?<\/p>\n    <a href=\"https:\/\/calendly.com\/xogpay\/30min\" class=\"ogp-intro-btn\">\n      Fissare una consulenza\n      <svg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\">\n        <path d=\"M6 13L11 9L6 5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n      <\/svg>\n    <\/a>\n  <\/div>\n\n<\/section>\n\n<style>\n  \/* ===================================\n     SOLUTIONS INTRO - NUOVO DESIGN\n     =================================== *\/\n  .ogp-solutions-intro {\n    padding: 6rem 2rem 5rem !important;\n    background: linear-gradient(180deg, \n      rgba(248, 250, 252, 0) 0%, \n      rgba(248, 250, 252, 1) 20%, \n      rgba(248, 250, 252, 1) 80%, \n      rgba(248, 250, 252, 0) 100%) !important;\n    position: relative !important;\n  }\n\n  \/* Decorative Elements *\/\n  .ogp-solutions-intro::before {\n    content: \"\" !important;\n    position: absolute !important;\n    top: 50% !important;\n    left: 50% !important;\n    transform: translate(-50%, -50%) !important;\n    width: 800px !important;\n    height: 800px !important;\n    background: radial-gradient(circle, rgba(24, 198, 126, 0.05) 0%, transparent 70%) !important;\n    pointer-events: none !important;\n  }\n\n  \/* ===================================\n     HEADER\n     =================================== *\/\n  .ogp-intro-header {\n    max-width: 800px !important;\n    margin: 0 auto 5rem !important;\n    text-align: center !important;\n    position: relative !important;\n    z-index: 2 !important;\n  }\n\n  .ogp-intro-label {\n    display: inline-block !important;\n    padding: 0.5rem 1.25rem !important;\n    border-radius: 9999px !important;\n    background: rgba(24, 198, 126, 0.1) !important;\n    border: 1px solid rgba(24, 198, 126, 0.25) !important;\n    font-family: 'Inter', sans-serif !important;\n    font-size: 0.75rem !important;\n    font-weight: 700 !important;\n    color: #059669 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.1em !important;\n    margin-bottom: 1.5rem !important;\n  }\n\n  .ogp-intro-title {\n    margin: 0 0 1.25rem !important;\n    font-family: 'Inter', sans-serif !important;\n    font-size: 3rem !important;\n    font-weight: 900 !important;\n    letter-spacing: -0.03em !important;\n    color: #0F172A !important;\n    line-height: 1.15 !important;\n  }\n\n  .ogp-intro-title span {\n    background: linear-gradient(135deg, #18C67E, #059669) !important;\n    -webkit-background-clip: text !important;\n    -webkit-text-fill-color: transparent !important;\n    background-clip: text !important;\n  }\n\n  .ogp-intro-subtitle {\n    margin: 0 !important;\n    font-family: 'Inter', sans-serif !important;\n    font-size: 1.125rem !important;\n    line-height: 1.7 !important;\n    color: #64748b !important;\n    max-width: 650px !important;\n    margin: 0 auto !important;\n  }\n\n  \/* ===================================\n     SOLUTIONS ROW (3 Columns)\n     =================================== *\/\n  .ogp-solutions-row {\n    max-width: 1400px !important;\n    margin: 0 auto 4rem !important;\n    display: grid !important;\n    grid-template-columns: repeat(3, 1fr) !important;\n    gap: 2rem !important;\n    position: relative !important;\n    z-index: 2 !important;\n  }\n\n  \/* ===================================\n     SOLUTION CARD\n     =================================== *\/\n  .ogp-sol-card {\n    position: relative !important;\n    padding: 2.5rem 2rem 2rem !important;\n    border-radius: 1.75rem !important;\n    background: white !important;\n    border: 2px solid transparent !important;\n    box-shadow: \n      0 4px 20px rgba(0, 0, 0, 0.04),\n      0 1px 3px rgba(0, 0, 0, 0.02) !important;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\n    overflow: hidden !important;\n    display: flex !important;\n    flex-direction: column !important;\n  }\n\n  \/* Gradient Border Effect *\/\n  .ogp-sol-card::before {\n    content: \"\" !important;\n    position: absolute !important;\n    inset: 0 !important;\n    border-radius: 1.75rem !important;\n    padding: 2px !important;\n    background: linear-gradient(135deg, #18C67E, #059669) !important;\n    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;\n    -webkit-mask-composite: xor !important;\n    mask-composite: exclude !important;\n    opacity: 0 !important;\n    transition: opacity 0.4s ease !important;\n  }\n\n  .ogp-sol-card:hover::before {\n    opacity: 1 !important;\n  }\n\n  .ogp-sol-card:hover {\n    transform: translateY(-12px) !important;\n    box-shadow: \n      0 24px 60px rgba(24, 198, 126, 0.15),\n      0 8px 24px rgba(0, 0, 0, 0.08) !important;\n    border-color: rgba(24, 198, 126, 0.2) !important;\n  }\n\n  \/* Number Badge *\/\n  .ogp-sol-number {\n    position: absolute !important;\n    top: 1.5rem !important;\n    right: 1.5rem !important;\n    width: 44px !important;\n    height: 44px !important;\n    border-radius: 50% !important;\n    background: rgba(24, 198, 126, 0.08) !important;\n    border: 1.5px solid rgba(24, 198, 126, 0.2) !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    font-family: 'Inter', sans-serif !important;\n    font-size: 1.125rem !important;\n    font-weight: 800 !important;\n    color: #18C67E !important;\n    transition: all 0.4s ease !important;\n  }\n\n  .ogp-sol-card:hover .ogp-sol-number {\n    background: #18C67E !important;\n    color: white !important;\n    transform: rotate(360deg) scale(1.1) !important;\n    border-color: #18C67E !important;\n  }\n\n  \/* Icon *\/\n  .ogp-sol-icon {\n    width: 80px !important;\n    height: 80px !important;\n    border-radius: 1.25rem !important;\n    background: linear-gradient(135deg, rgba(24, 198, 126, 0.12), rgba(24, 198, 126, 0.06)) !important;\n    color: #18C67E !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    margin-bottom: 2rem !important;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\n    position: relative !important;\n  }\n\n  .ogp-sol-icon::after {\n    content: \"\" !important;\n    position: absolute !important;\n    inset: -6px !important;\n    border-radius: 1.25rem !important;\n    background: linear-gradient(135deg, #18C67E, #059669) !important;\n    opacity: 0 !important;\n    filter: blur(16px) !important;\n    transition: opacity 0.4s ease !important;\n    z-index: -1 !important;\n  }\n\n  .ogp-sol-card:hover .ogp-sol-icon {\n    transform: scale(1.08) rotate(-5deg) !important;\n    background: linear-gradient(135deg, rgba(24, 198, 126, 0.18), rgba(24, 198, 126, 0.1)) !important;\n  }\n\n  .ogp-sol-card:hover .ogp-sol-icon::after {\n    opacity: 0.4 !important;\n  }\n\n  \/* Content *\/\n  .ogp-sol-content {\n    flex: 1 !important;\n    display: flex !important;\n    flex-direction: column !important;\n  }\n\n  .ogp-sol-content h3 {\n    margin: 0 0 1rem !important;\n    font-family: 'Inter', sans-serif !important;\n    font-size: 1.5rem !important;\n    font-weight: 800 !important;\n    letter-spacing: -0.02em !important;\n    color: #0F172A !important;\n    line-height: 1.2 !important;\n  }\n\n  .ogp-sol-content p {\n    margin: 0 0 1.5rem !important;\n    font-family: 'Inter', sans-serif !important;\n    font-size: 0.9375rem !important;\n    line-height: 1.65 !important;\n    color: #64748b !important;\n    flex: 1 !important;\n  }\n\n  \/* Features Tags *\/\n  .ogp-sol-features {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    gap: 0.5rem !important;\n    margin-bottom: 1.5rem !important;\n  }\n\n  .ogp-sol-tag {\n    padding: 0.4rem 0.875rem !important;\n    border-radius: 9999px !important;\n    background: rgba(24, 198, 126, 0.08) !important;\n    border: 1px solid rgba(24, 198, 126, 0.15) !important;\n    font-family: 'Inter', sans-serif !important;\n    font-size: 0.75rem !important;\n    font-weight: 600 !important;\n    color: #059669 !important;\n    transition: all 0.3s ease !important;\n  }\n\n  .ogp-sol-card:hover .ogp-sol-tag {\n    background: rgba(24, 198, 126, 0.12) !important;\n    border-color: rgba(24, 198, 126, 0.25) !important;\n    transform: translateY(-2px) !important;\n  }\n\n  \/* Arrow Link *\/\n  .ogp-sol-arrow {\n    width: 56px !important;\n    height: 56px !important;\n    border-radius: 50% !important;\n    background: rgba(24, 198, 126, 0.08) !important;\n    border: 1.5px solid rgba(24, 198, 126, 0.15) !important;\n    color: #18C67E !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    align-self: flex-start !important;\n    cursor: pointer !important;\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\n    text-decoration: none !important;\n  }\n\n  .ogp-sol-arrow:hover {\n    background: #18C67E !important;\n    color: white !important;\n    border-color: #18C67E !important;\n    transform: translateY(4px) !important;\n  }\n\n  .ogp-sol-arrow svg {\n    transition: transform 0.4s ease !important;\n  }\n\n  .ogp-sol-arrow:hover svg {\n    transform: translateY(3px) !important;\n  }\n\n  \/* ===================================\n     BOTTOM CTA\n     =================================== *\/\n  .ogp-intro-cta {\n    text-align: center !important;\n    padding: 2.5rem 2rem !important;\n    border-radius: 1.5rem !important;\n    background: linear-gradient(135deg, rgba(24, 198, 126, 0.08), rgba(24, 198, 126, 0.03)) !important;\n    border: 1px solid rgba(24, 198, 126, 0.15) !important;\n    max-width: 700px !important;\n    margin: 0 auto !important;\n    position: relative !important;\n    z-index: 2 !important;\n  }\n\n  .ogp-intro-cta p {\n    margin: 0 0 1.25rem !important;\n    font-family: 'Inter', sans-serif !important;\n    font-size: 1.0625rem !important;\n    font-weight: 600 !important;\n    color: #334155 !important;\n  }\n\n  .ogp-intro-btn {\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 0.625rem !important;\n    padding: 0.875rem 2rem !important;\n    border-radius: 9999px !important;\n    background: linear-gradient(135deg, #18C67E, #059669) !important;\n    color: white !important;\n    font-family: 'Inter', sans-serif !important;\n    font-size: 1rem !important;\n    font-weight: 700 !important;\n    text-decoration: none !important;\n    box-shadow: 0 8px 20px rgba(24, 198, 126, 0.3) !important;\n    transition: all 0.3s ease !important;\n  }\n\n  .ogp-intro-btn:hover {\n    transform: translateY(-2px) !important;\n    box-shadow: 0 12px 28px rgba(24, 198, 126, 0.35) !important;\n  }\n\n  .ogp-intro-btn svg {\n    transition: transform 0.3s ease !important;\n  }\n\n  .ogp-intro-btn:hover svg {\n    transform: translateX(3px) !important;\n  }\n\n  \/* ===================================\n     RESPONSIVE\n     =================================== *\/\n  @media (max-width: 1200px) {\n    .ogp-solutions-row {\n      grid-template-columns: 1fr !important;\n      gap: 2rem !important;\n      max-width: 600px !important;\n    }\n\n    .ogp-sol-card {\n      display: grid !important;\n      grid-template-columns: 80px 1fr 56px !important;\n      grid-template-rows: auto 1fr !important;\n      gap: 1.5rem !important;\n      padding: 2rem !important;\n    }\n\n    .ogp-sol-number {\n      top: 1.25rem !important;\n      right: 1.25rem !important;\n    }\n\n    .ogp-sol-icon {\n      grid-row: 1 \/ 3 !important;\n      margin-bottom: 0 !important;\n    }\n\n    .ogp-sol-content {\n      grid-column: 2 !important;\n    }\n\n    .ogp-sol-arrow {\n      grid-column: 3 !important;\n      grid-row: 1 !important;\n      align-self: center !important;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .ogp-solutions-intro {\n      padding: 5rem 1.5rem 4rem !important;\n    }\n\n    .ogp-intro-header {\n      margin-bottom: 4rem !important;\n    }\n\n    .ogp-intro-title {\n      font-size: 2.25rem !important;\n    }\n\n    .ogp-intro-subtitle {\n      font-size: 1.0625rem !important;\n    }\n\n    .ogp-sol-card {\n      grid-template-columns: 1fr !important;\n      grid-template-rows: auto !important;\n      gap: 1.5rem !important;\n    }\n\n    .ogp-sol-icon {\n      grid-row: auto !important;\n      margin-bottom: 0 !important;\n    }\n\n    .ogp-sol-content {\n      grid-column: auto !important;\n    }\n\n    .ogp-sol-arrow {\n      grid-column: auto !important;\n      grid-row: auto !important;\n      align-self: flex-start !important;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .ogp-solutions-intro {\n      padding: 4rem 1rem 3rem !important;\n    }\n\n    .ogp-intro-title {\n      font-size: 1.875rem !important;\n    }\n\n    .ogp-intro-subtitle {\n      font-size: 1rem !important;\n    }\n\n    .ogp-sol-card {\n      padding: 1.75rem 1.5rem !important;\n    }\n\n    .ogp-sol-icon {\n      width: 64px !important;\n      height: 64px !important;\n    }\n\n    .ogp-sol-content h3 {\n      font-size: 1.25rem !important;\n    }\n\n    .ogp-sol-content p {\n      font-size: 0.875rem !important;\n    }\n\n    .ogp-intro-cta {\n      padding: 2rem 1.5rem !important;\n    }\n  }\n<\/style>\n\n\n\n<!-- ============================================\n     SOLUTION 1: PAYMENT GATEWAY - DASHBOARD\n\n     ============================================ -->\n<section class=\"pgw-pro\">\n  \n  <!-- Header -->\n  <div class=\"pgw-pro-header\">\n    <span class=\"pgw-pro-badge\">Soluzione 1<\/span>\n    <h1 class=\"pgw-pro-title\">\n      Gateway di pagamento online per <span>Commercio elettronico ad alto rischio<\/span>\n    <\/h1>\n    <p class=\"pgw-pro-subtitle\">Accettate pagamenti per CBD, canapa e vape con un'infrastruttura di livello aziendale. Analisi in tempo reale, pagamenti istantanei e tempi di attivit\u00e0 del 99,9%.<\/p>\n  <\/div>\n\n  <!-- Main Layout -->\n  <div class=\"pgw-pro-layout\">\n    \n    <!-- LEFT: Complex Dashboard -->\n    <div class=\"pgw-pro-dashboard\">\n      \n      <!-- Dashboard Window -->\n      <div class=\"pgw-dash-window\">\n        \n        <!-- Window Header -->\n        <div class=\"pgw-dash-header\">\n          <div class=\"pgw-dash-dots\">\n            <span><\/span><span><\/span><span><\/span>\n          <\/div>\n          <div class=\"pgw-dash-title\">Cruscotto OGPayX<\/div>\n          <div class=\"pgw-dash-actions\">\n            <svg width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" fill=\"none\">\n              <path d=\"M2 8h12M8 2v12\" stroke=\"#94a3b8\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n        <\/div>\n\n        <!-- Dashboard Content -->\n        <div class=\"pgw-dash-content\">\n          \n          <!-- Top Metrics Row -->\n          <div class=\"pgw-metrics-row\">\n            <div class=\"pgw-metric-card\">\n              <div class=\"pgw-metric-label\">Ricavi totali<\/div>\n              <div class=\"pgw-metric-value\">\u20ac248,391<\/div>\n              <div class=\"pgw-metric-change pgw-metric-up\">\n                <svg width=\"12\" height=\"12\" viewbox=\"0 0 12 12\">\n                  <path d=\"M6 10V2M2 6l4-4 4 4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                <\/svg>\n                <span>12.5%<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"pgw-metric-card\">\n              <div class=\"pgw-metric-label\">Transazioni<\/div>\n              <div class=\"pgw-metric-value\">8,247<\/div>\n              <div class=\"pgw-metric-change pgw-metric-up\">\n                <svg width=\"12\" height=\"12\" viewbox=\"0 0 12 12\">\n                  <path d=\"M6 10V2M2 6l4-4 4 4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                <\/svg>\n                <span>8.2%<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"pgw-metric-card\">\n              <div class=\"pgw-metric-label\">Tasso di successo<\/div>\n              <div class=\"pgw-metric-value\">98.7%<\/div>\n              <div class=\"pgw-metric-change pgw-metric-up\">\n                <svg width=\"12\" height=\"12\" viewbox=\"0 0 12 12\">\n                  <path d=\"M6 10V2M2 6l4-4 4 4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                <\/svg>\n                <span>2.1%<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"pgw-metric-card\">\n              <div class=\"pgw-metric-label\">Avg. Transazione<\/div>\n              <div class=\"pgw-metric-value\">\u20ac30.12<\/div>\n              <div class=\"pgw-metric-change pgw-metric-down\">\n                <svg width=\"12\" height=\"12\" viewbox=\"0 0 12 12\">\n                  <path d=\"M6 2v8M2 6l4 4 4-4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                <\/svg>\n                <span>3.4%<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Chart Section -->\n          <div class=\"pgw-chart-section\">\n            <div class=\"pgw-chart-header\">\n              <div>\n                <div class=\"pgw-chart-title\">Panoramica dei ricavi<\/div>\n                <div class=\"pgw-chart-period\">Ultimi 30 giorni<\/div>\n              <\/div>\n              <div class=\"pgw-chart-tabs\">\n                <button class=\"pgw-tab pgw-tab-active\">Giorno<\/button>\n                <button class=\"pgw-tab\">Settimana<\/button>\n                <button class=\"pgw-tab\">Mese<\/button>\n              <\/div>\n            <\/div>\n            \n            <!-- Complex Chart -->\n            <div class=\"pgw-chart-area\">\n              <svg viewbox=\"0 0 400 140\" class=\"pgw-main-chart\">\n                <!-- Grid Lines -->\n                <line x1=\"0\" y1=\"20\" x2=\"400\" y2=\"20\" stroke=\"#f1f5f9\" stroke-width=\"1\"\/>\n                <line x1=\"0\" y1=\"50\" x2=\"400\" y2=\"50\" stroke=\"#f1f5f9\" stroke-width=\"1\"\/>\n                <line x1=\"0\" y1=\"80\" x2=\"400\" y2=\"80\" stroke=\"#f1f5f9\" stroke-width=\"1\"\/>\n                <line x1=\"0\" y1=\"110\" x2=\"400\" y2=\"110\" stroke=\"#f1f5f9\" stroke-width=\"1\"\/>\n                \n                <!-- Area Fill -->\n                <defs>\n                  <lineargradient id=\"chartGrad\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n                    <stop offset=\"0%\" stop-color=\"#18C67E\" stop-opacity=\"0.3\"\/>\n                    <stop offset=\"100%\" stop-color=\"#18C67E\" stop-opacity=\"0\"\/>\n                  <\/lineargradient>\n                <\/defs>\n                \n                <!-- Revenue Line with Area -->\n                <polyline \n                  points=\"10,90 40,75 70,80 100,60 130,65 160,45 190,50 220,35 250,40 280,25 310,30 340,20 370,25 400,15\"\n                  fill=\"none\" stroke=\"#18C67E\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <polygon \n                  points=\"10,90 40,75 70,80 100,60 130,65 160,45 190,50 220,35 250,40 280,25 310,30 340,20 370,25 400,15 400,130 10,130\"\n                  fill=\"url(#chartGrad)\"\/>\n                \n                <!-- Data Points -->\n                <circle cx=\"100\" cy=\"60\" r=\"4\" fill=\"#18C67E\"\/>\n                <circle cx=\"160\" cy=\"45\" r=\"4\" fill=\"#18C67E\"\/>\n                <circle cx=\"220\" cy=\"35\" r=\"4\" fill=\"#18C67E\"\/>\n                <circle cx=\"280\" cy=\"25\" r=\"4\" fill=\"#18C67E\"\/>\n                <circle cx=\"340\" cy=\"20\" r=\"4\" fill=\"#18C67E\"\/>\n              <\/svg>\n              \n              <!-- Chart Labels -->\n              <div class=\"pgw-chart-labels\">\n                <span>Lun<\/span>\n                <span>Mar<\/span>\n                <span>Mer<\/span>\n                <span>Gio<\/span>\n                <span>Ven<\/span>\n                <span>Sat<\/span>\n                <span>Sole<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Transactions Table -->\n          <div class=\"pgw-transactions-table\">\n            <div class=\"pgw-table-header\">\n              <div class=\"pgw-table-title\">Transazioni recenti<\/div>\n              <a href=\"#\" class=\"pgw-table-link\">Vedi tutti i \u2192<\/a>\n            <\/div>\n            <div class=\"pgw-table-rows\">\n              <div class=\"pgw-table-row\">\n                <div class=\"pgw-table-cell\">\n                  <div class=\"pgw-tx-icon pgw-tx-success\">\n                    <svg width=\"14\" height=\"14\" viewbox=\"0 0 14 14\">\n                      <path d=\"M3 7l3 3 5-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                    <\/svg>\n                  <\/div>\n                  <div>\n                    <div class=\"pgw-tx-customer\">Sarah Johnson<\/div>\n                    <div class=\"pgw-tx-id\">#TX-8492<\/div>\n                  <\/div>\n                <\/div>\n                <div class=\"pgw-table-cell pgw-cell-right\">\n                  <div class=\"pgw-tx-amount\">\u20ac127.50<\/div>\n                  <div class=\"pgw-tx-time\">2 min fa<\/div>\n                <\/div>\n              <\/div>\n              \n              <div class=\"pgw-table-row\">\n                <div class=\"pgw-table-cell\">\n                  <div class=\"pgw-tx-icon pgw-tx-success\">\n                    <svg width=\"14\" height=\"14\" viewbox=\"0 0 14 14\">\n                      <path d=\"M3 7l3 3 5-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                    <\/svg>\n                  <\/div>\n                  <div>\n                    <div class=\"pgw-tx-customer\">Michael Chen<\/div>\n                    <div class=\"pgw-tx-id\">#TX-8491<\/div>\n                  <\/div>\n                <\/div>\n                <div class=\"pgw-table-cell pgw-cell-right\">\n                  <div class=\"pgw-tx-amount\">\u20ac89.00<\/div>\n                  <div class=\"pgw-tx-time\">5 min fa<\/div>\n                <\/div>\n              <\/div>\n              \n              <div class=\"pgw-table-row\">\n                <div class=\"pgw-table-cell\">\n                  <div class=\"pgw-tx-icon pgw-tx-pending\">\n                    <svg width=\"14\" height=\"14\" viewbox=\"0 0 14 14\">\n                      <circle cx=\"7\" cy=\"7\" r=\"5\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\/>\n                    <\/svg>\n                  <\/div>\n                  <div>\n                    <div class=\"pgw-tx-customer\">Emma Williams<\/div>\n                    <div class=\"pgw-tx-id\">#TX-8490<\/div>\n                  <\/div>\n                <\/div>\n                <div class=\"pgw-table-cell pgw-cell-right\">\n                  <div class=\"pgw-tx-amount\">\u20ac215.80<\/div>\n                  <div class=\"pgw-tx-time\">12 min fa<\/div>\n                <\/div>\n              <\/div>\n              \n              <div class=\"pgw-table-row\">\n                <div class=\"pgw-table-cell\">\n                  <div class=\"pgw-tx-icon pgw-tx-success\">\n                    <svg width=\"14\" height=\"14\" viewbox=\"0 0 14 14\">\n                      <path d=\"M3 7l3 3 5-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                    <\/svg>\n                  <\/div>\n                  <div>\n                    <div class=\"pgw-tx-customer\">James Brown<\/div>\n                    <div class=\"pgw-tx-id\">#TX-8489<\/div>\n                  <\/div>\n                <\/div>\n                <div class=\"pgw-table-cell pgw-cell-right\">\n                  <div class=\"pgw-tx-amount\">\u20ac54.90<\/div>\n                  <div class=\"pgw-tx-time\">18 min fa<\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <!-- Platform Integrations Badge -->\n      <div class=\"pgw-platforms-badge\">\n        <span class=\"pgw-platforms-label\">Si integra con:<\/span>\n        <div class=\"pgw-platforms-logos\">\n          <img decoding=\"async\" src=\"http:\/\/ogpayx.com\/wp-content\/uploads\/2025\/11\/Shopify_logo_2018.svg.png\" alt=\"Shopify\">\n          <img decoding=\"async\" src=\"http:\/\/ogpayx.com\/wp-content\/uploads\/2025\/11\/images.png\" alt=\"WooCommerce\">\n          <img decoding=\"async\" src=\"http:\/\/ogpayx.com\/wp-content\/uploads\/2025\/11\/WordPress.com-Logo.wine_-scaled.png\" alt=\"WordPress\">\n          <img decoding=\"async\" src=\"http:\/\/ogpayx.com\/wp-content\/uploads\/2025\/11\/Wix.com_website_logo.svg.png\" alt=\"Wix\">\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- RIGHT: Features & CTA -->\n    <div class=\"pgw-pro-sidebar\">\n      \n      <!-- Feature Cards -->\n      <div class=\"pgw-feature-list\">\n        \n        <div class=\"pgw-feature-item\">\n          <div class=\"pgw-feature-icon\">\n            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n              <path d=\"M8 12l3 3 5-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"pgw-feature-text\">\n            <strong>Integrazione con un solo clic<\/strong>\n            <p>Collegare Shopify, WooCommerce, PrestaShop in pochi minuti tramite API<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"pgw-feature-item\">\n          <div class=\"pgw-feature-icon\">\n            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"pgw-feature-text\">\n            <strong>PCI DSS Livello 1<\/strong>\n            <p>Crittografia di livello bancario, checkout in hosting, conformit\u00e0 completa<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"pgw-feature-item\">\n          <div class=\"pgw-feature-icon\">\n            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\n              <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n              <path d=\"M12 7v5l3 3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"pgw-feature-text\">\n            <strong>3D Secure 2.2 (SCA)<\/strong>\n            <p>Conformit\u00e0 all'UE, riduzione dei chargeback, aumento dei tassi di approvazione<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"pgw-feature-item\">\n          <div class=\"pgw-feature-icon\">\n            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M21 10c0-5-2.5-8-9-8S3 5 3 10c0 6 8 14 9 14s9-8 9-14z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n              <circle cx=\"12\" cy=\"10\" r=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"pgw-feature-text\">\n            <strong>Rilevamento delle frodi con l'intelligenza artificiale<\/strong>\n            <p>Scoring del rischio in tempo reale, controlli AVS\/CVV, regole di velocit\u00e0<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"pgw-feature-item\">\n          <div class=\"pgw-feature-icon\">\n            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\n              <rect x=\"3\" y=\"6\" width=\"18\" height=\"12\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n              <path d=\"M3 10h18\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"pgw-feature-text\">\n            <strong>Fatturazione ricorrente<\/strong>\n            <p>Abbonamenti automatizzati per scatole mensili di CBD\/canapa<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"pgw-feature-item\">\n          <div class=\"pgw-feature-icon\">\n            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\n              <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n              <path d=\"M12 6v6l4 2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"pgw-feature-text\">\n            <strong>Multi-valuta<\/strong>\n            <p>EUR, USD, GBP con conversione automatica e localizzazione<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Stats Grid -->\n      <div class=\"pgw-stats-grid\">\n        <div class=\"pgw-stat-box\">\n          <div class=\"pgw-stat-number\">99.9%<\/div>\n          <div class=\"pgw-stat-label\">SLA di uptime<\/div>\n        <\/div>\n        <div class=\"pgw-stat-box\">\n          <div class=\"pgw-stat-number\">&lt;2s<\/div>\n          <div class=\"pgw-stat-label\">Risposta<\/div>\n        <\/div>\n        <div class=\"pgw-stat-box\">\n          <div class=\"pgw-stat-number\">T+1<\/div>\n          <div class=\"pgw-stat-label\">Insediamento<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Perfect For -->\n      <div class=\"pgw-perfect-section\">\n        <h4>Perfetto per<\/h4>\n        <div class=\"pgw-tags-grid\">\n          <span class=\"pgw-tag\">Negozi di CBD<\/span>\n          <span class=\"pgw-tag\">Commercio elettronico di canapa<\/span>\n          <span class=\"pgw-tag\">Negozi di svapo<\/span>\n          <span class=\"pgw-tag\">Benessere<\/span>\n          <span class=\"pgw-tag\">Integratori<\/span>\n          <span class=\"pgw-tag\">Dropshipping<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- CTA -->\n      <div class=\"pgw-cta-block\">\n        <a href=\"https:\/\/calendly.com\/xogpay\/30min\" class=\"pgw-cta-button\">\n          Iniziare ad accettare i pagamenti\n          <svg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\">\n            <path d=\"M6 13L11 9L6 5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/a>\n        <p class=\"pgw-cta-note\">Configurazione in 24-48 ore - Nessuna spesa anticipata - Cancellazione in qualsiasi momento<\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n  <!-- Tech Bar -->\n  <div class=\"pgw-tech-footer\">\n    <div class=\"pgw-tech-col\">\n      <strong>Metodi di pagamento<\/strong>\n      <span>Visa - Mastercard - SEPA - iDEAL - Bancontact - Apple Pay - Google Pay<\/span>\n    <\/div>\n    <div class=\"pgw-tech-col\">\n      <strong>API e integrazione<\/strong>\n      <span>API RESTful - SDK PHP\/Node.js\/Python - Webhook - Eventi in tempo reale<\/span>\n    <\/div>\n    <div class=\"pgw-tech-col\">\n      <strong>Sicurezza e conformit\u00e0<\/strong>\n      <span>PCI DSS Livello 1 - AES-256 - Tokenizzazione - Conformit\u00e0 GDPR<\/span>\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<style>\n  \/* ===================================\n     PAYMENT GATEWAY PRO - COMPLEX DASHBOARD\n     =================================== *\/\n  \n  .pgw-pro {\n    padding: 5rem 2rem !important;\n    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;\n  }\n\n  \/* ===================================\n     HEADER\n     =================================== *\/\n  .pgw-pro-header {\n    max-width: 1400px !important;\n    margin: 0 auto 4rem !important;\n    text-align: center !important;\n  }\n\n  .pgw-pro-badge {\n    display: inline-block !important;\n    padding: 0.5rem 1.25rem !important;\n    border-radius: 9999px !important;\n    background: rgba(24, 198, 126, 0.1) !important;\n    border: 1px solid rgba(24, 198, 126, 0.3) !important;\n    font-family: 'Inter', sans-serif !important;\n    font-size: 0.75rem !important;\n    font-weight: 700 !important;\n    color: #059669 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.05em !important;\n    margin-bottom: 1.25rem !important;\n  }\n\n  .pgw-pro-title {\n    margin: 0 0 1rem !important;\n    font-family: 'Inter', sans-serif !important;\n    font-size: 2.75rem !important;\n    font-weight: 900 !important;\n    letter-spacing: -0.02em !important;\n    color: #0F172A !important;\n    line-height: 1.15 !important;\n  }\n\n  .pgw-pro-title span {\n    color: #18C67E !important;\n  }\n\n  .pgw-pro-subtitle {\n    margin: 0 auto !important;\n    max-width: 700px !important;\n    font-family: 'Inter', sans-serif !important;\n    font-size: 1.0625rem !important;\n    line-height: 1.6 !important;\n    color: #64748b !important;\n  }\n\n  \/* ===================================\n     MAIN LAYOUT\n     =================================== *\/\n  .pgw-pro-layout {\n    max-width: 1400px !important;\n    margin: 0 auto !important;\n    display: grid !important;\n    grid-template-columns: 1.3fr 1fr !important;\n    gap: 3rem !important;\n  }\n\n  \/* ===================================\n     DASHBOARD (LEFT)\n     =================================== *\/\n  .pgw-pro-dashboard {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 1.5rem !important;\n  }\n\n  .pgw-dash-window {\n    background: white !important;\n    border-radius: 1.5rem !important;\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1) !important;\n    overflow: hidden !important;\n    border: 1px solid rgba(148, 163, 184, 0.1) !important;\n  }\n\n  .pgw-dash-header {\n    padding: 1.25rem 1.5rem !important;\n    background: #ffffff !important;\n    border-bottom: 1px solid #e2e8f0 !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: space-between !important;\n  }\n\n  .pgw-dash-dots {\n    display: flex !important;\n    gap: 0.5rem !important;\n  }\n\n  .pgw-dash-dots span {\n    width: 12px !important;\n    height: 12px !important;\n    border-radius: 50% !important;\n    background: #cbd5e1 !important;\n  }\n\n  .pgw-dash-dots span:nth-child(1) {\n    background: #ef4444 !important;\n  }\n\n  .pgw-dash-dots span:nth-child(2) {\n    background: #f59e0b !important;\n  }\n\n  .pgw-dash-dots span:nth-child(3) {\n    background: #10b981 !important;\n  }\n\n  .pgw-dash-title {\n    font-family: 'Inter', sans-serif !important;\n    font-size: 0.875rem !important;\n    font-weight: 600 !important;\n    color: #475569 !important;\n  }\n\n  .pgw-dash-content {\n    padding: 2rem !important;\n    background: #f8fafc !important;\n  }\n\n  \/* Metrics Row *\/\n  .pgw-metrics-row {\n    display: grid !important;\n    grid-template-columns: repeat(4, 1fr) !important;\n    gap: 1rem !important;\n    margin-bottom: 1.5rem !important;\n  }\n\n  .pgw-metric-card {\n    padding: 1.25rem !important;\n    background: white !important;\n    border-radius: 0.875rem !important;\n    border: 1px solid #e2e8f0 !important;\n  }\n\n  .pgw-metric-label {\n    font-family: 'Inter', sans-serif !important;\n    font-size: 0.75rem !important;\n    color: #64748b !important;\n    margin-bottom: 0.5rem !important;\n    font-weight: 500 !important;\n  }\n\n  .pgw-metric-value {\n    font-family: 'Inter', sans-serif !important;\n    font-size: 1.5rem !important;\n    font-weight: 800 !important;\n    color: #0F172A !important;\n    margin-bottom: 0.5rem !important;\n    line-height: 1 !important;\n  }\n\n  .pgw-metric-change {\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 0.25rem !important;\n    padding: 0.25rem 0.5rem !important;\n    border-radius: 9999px !important;\n    font-family: 'Inter', sans-serif !important;\n    font-size: 0.6875rem !important;\n    font-weight: 600 !important;\n  }\n\n  .pgw-metric-up {\n    background: rgba(16, 185, 129, 0.1) !important;\n    color: #059669 !important;\n  }\n\n  .pgw-metric-down {\n    background: rgba(239, 68, 68, 0.1) !important;\n    color: #dc2626 !important;\n  }\n\n  \/* Chart Section *\/\n  .pgw-chart-section {\n    padding: 1.5rem !important;\n    background: white !important;\n    border-radius: 0.875rem !important;\n    border: 1px solid #e2e8f0 !important;\n    margin-bottom: 1.5rem !important;\n  }\n\n  .pgw-chart-header {\n    display: flex !important;\n    justify-content: space-between !important;\n    align-items: center !important;\n    margin-bottom: 1.5rem !important;\n  }\n\n  .pgw-chart-title {\n    font-family: 'Inter', sans-serif !important;\n    font-size: 1rem !important;\n    font-weight: 700 !important;\n    color: #0F172A !important;\n    margin-bottom: 0.25rem !important;\n  }\n\n  .pgw-chart-period {\n    font-family: 'Inter', sans-serif !important;\n    font-size: 0.75rem !important;\n    color: #94a3b8 !important;\n  }\n\n  .pgw-chart-tabs {\n    display: flex !important;\n    gap: 0.5rem !important;\n  }\n\n  .pgw-tab {\n    padding: 0.375rem 0.875rem !important;\n    border: 1px solid #e2e8f0 !important;\n    border-radius: 0.5rem !important;\n    background: white !important;\n    font-family: 'Inter', sans-serif !important;\n    font-size: 0.75rem !important;\n    font-weight: 600 !important;\n    color: #64748b !important;\n    cursor: pointer !important;\n    transition: all 0.2s ease !important;\n  }\n\n  .pgw-tab-active {\n    background: #18C67E !important;\n    color: white !important;\n    border-color: #18C67E !important;\n  }\n\n  .pgw-chart-area {\n    position: relative !important;\n  }\n\n  .pgw-main-chart {\n    width: 100% !important;\n    height: auto !important;\n    margin-bottom: 0.75rem !important;\n  }\n\n  .pgw-chart-labels {\n    display: flex !important;\n    justify-content: space-between !important;\n    padding: 0 0.5rem !important;\n  }\n\n  .pgw-chart-labels span {\n    font-family: 'Inter', sans-serif !important;\n    font-size: 0.6875rem !important;\n    color: #94a3b8 !important;\n    font-weight: 500 !important;\n  }\n\n  \/* Transactions Table *\/\n  .pgw-transactions-table {\n    padding: 1.5rem !important;\n    background: white !important;\n    border-radius: 0.875rem !important;\n    border: 1px solid #e2e8f0 !important;\n  }\n\n  .pgw-table-header {\n    display: flex !important;\n    justify-content: space-between !important;\n    align-items: center !important;\n    margin-bottom: 1.25rem !important;\n  }\n\n  .pgw-table-title {\n    font-family: 'Inter', sans-serif !important;\n    font-size: 1rem !important;\n    font-weight: 700 !important;\n    color: #0F172A !important;\n  }\n\n  .pgw-table-link {\n    font-family: 'Inter', sans-serif !important;\n    font-size: 0.8125rem !important;\n    font-weight: 600 !important;\n    color: #18C67E !important;\n    text-decoration: none !important;\n  }\n\n  .pgw-table-rows {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 0.75rem !important;\n  }\n\n  .pgw-table-row {\n    display: flex !important;\n    justify-content: space-between !important;\n    align-items: center !important;\n    padding: 1rem !important;\n    background: #f8fafc !important;\n    border-radius: 0.625rem !important;\n    transition: all 0.2s ease !important;\n  }\n\n  .pgw-table-row:hover {\n    background: #f1f5f9 !important;\n  }\n\n  .pgw-table-cell {\n    display: flex !important;\n    align-items: center !important;\n    gap: 0.875rem !important;\n  }\n\n  .pgw-cell-right {\n    flex-direction: column !important;\n    align-items: flex-end !important;\n    gap: 0.25rem !important;\n  }\n\n  .pgw-tx-icon {\n    width: 32px !important;\n    height: 32px !important;\n    border-radius: 0.5rem !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    flex-shrink: 0 !important;\n  }\n\n  .pgw-tx-success {\n    background: rgba(16, 185, 129, 0.1) !important;\n    color: #059669 !important;\n  }\n\n  .pgw-tx-pending {\n    background: rgba(245, 158, 11, 0.1) !important;\n    color: #d97706 !important;\n  }\n\n  .pgw-tx-customer {\n    font-family: 'Inter', sans-serif !important;\n    font-size: 0.875rem !important;\n    font-weight: 600 !important;\n    color: #0F172A !important;\n  }\n\n  .pgw-tx-id {\n    font-family: 'Inter', sans-serif !important;\n    font-size: 0.75rem !important;\n    color: #94a3b8 !important;\n  }\n\n  .pgw-tx-amount {\n    font-family: 'Inter', sans-serif !important;\n    font-size: 0.9375rem !important;\n    font-weight: 700 !important;\n    color: #0F172A !important;\n  }\n\n  .pgw-tx-time {\n    font-family: 'Inter', sans-serif !important;\n    font-size: 0.75rem !important;\n    color: #94a3b8 !important;\n  }\n\n  \/* Platform Badge *\/\n  .pgw-platforms-badge {\n    padding: 1.25rem 1.5rem !important;\n    background: white !important;\n    border-radius: 1rem !important;\n    border: 1px solid #e2e8f0 !important;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;\n  }\n\n  .pgw-platforms-label {\n    display: block !important;\n    font-family: 'Inter', sans-serif !important;\n    font-size: 0.75rem !important;\n    font-weight: 600 !important;\n    color: #64748b !important;\n    margin-bottom: 1rem !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.05em !important;\n  }\n\n  .pgw-platforms-logos {\n    display: grid !important;\n    grid-template-columns: repeat(4, 1fr) !important;\n    gap: 1rem !important;\n  }\n\n  .pgw-platforms-logos img {\n    width: 100% !important;\n    height: 45px !important;\n    object-fit: contain !important;\n    filter: grayscale(30%) !important;\n    opacity: 0.75 !important;\n    transition: all 0.3s ease !important;\n  }\n\n  .pgw-platforms-logos img:hover {\n    filter: grayscale(0%) !important;\n    opacity: 1 !important;\n  }\n\n  \/* ===================================\n     SIDEBAR (RIGHT)\n     =================================== *\/\n  .pgw-pro-sidebar {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 2rem !important;\n  }\n\n  .pgw-feature-list {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 1rem !important;\n  }\n\n  .pgw-feature-item {\n    padding: 1.25rem !important;\n    background: white !important;\n    border-radius: 1rem !important;\n    border: 1px solid #e2e8f0 !important;\n    display: flex !important;\n    gap: 1rem !important;\n    transition: all 0.25s ease !important;\n  }\n\n  .pgw-feature-item:hover {\n    box-shadow: 0 8px 24px rgba(24, 198, 126, 0.12) !important;\n    border-color: rgba(24, 198, 126, 0.3) !important;\n    transform: translateY(-2px) !important;\n  }\n\n  .pgw-feature-icon {\n    width: 48px !important;\n    height: 48px !important;\n    flex-shrink: 0 !important;\n    border-radius: 0.875rem !important;\n    background: rgba(24, 198, 126, 0.1) !important;\n    color: #18C67E !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n  }\n\n  .pgw-feature-text strong {\n    display: block !important;\n    font-family: 'Inter', sans-serif !important;\n    font-size: 0.9375rem !important;\n    font-weight: 700 !important;\n    color: #0F172A !important;\n    margin-bottom: 0.375rem !important;\n  }\n\n  .pgw-feature-text p {\n    margin: 0 !important;\n    font-family: 'Inter', sans-serif !important;\n    font-size: 0.8125rem !important;\n    line-height: 1.5 !important;\n    color: #64748b !important;\n  }\n\n  \/* Stats Grid *\/\n  .pgw-stats-grid {\n    display: grid !important;\n    grid-template-columns: repeat(3, 1fr) !important;\n    gap: 1rem !important;\n    padding: 1.5rem !important;\n    background: white !important;\n    border-radius: 1rem !important;\n    border: 1px solid #e2e8f0 !important;\n  }\n\n  .pgw-stat-box {\n    text-align: center !important;\n  }\n\n  .pgw-stat-number {\n    font-family: 'Inter', sans-serif !important;\n    font-size: 1.5rem !important;\n    font-weight: 900 !important;\n    color: #18C67E !important;\n    margin-bottom: 0.25rem !important;\n  }\n\n  .pgw-stat-label {\n    font-family: 'Inter', sans-serif !important;\n    font-size: 0.6875rem !important;\n    color: #94a3b8 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.05em !important;\n  }\n\n  \/* Perfect For *\/\n  .pgw-perfect-section {\n    padding: 1.5rem !important;\n    background: white !important;\n    border-radius: 1rem !important;\n    border: 1px solid #e2e8f0 !important;\n  }\n\n  .pgw-perfect-section h4 {\n    margin: 0 0 1rem !important;\n    font-family: 'Inter', sans-serif !important;\n    font-size: 0.875rem !important;\n    font-weight: 700 !important;\n    color: #0F172A !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.05em !important;\n  }\n\n  .pgw-tags-grid {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    gap: 0.5rem !important;\n  }\n\n  .pgw-tag {\n    padding: 0.5rem 1rem !important;\n    border-radius: 9999px !important;\n    background: rgba(24, 198, 126, 0.1) !important;\n    border: 1px solid rgba(24, 198, 126, 0.2) !important;\n    font-family: 'Inter', sans-serif !important;\n    font-size: 0.8125rem !important;\n    font-weight: 600 !important;\n    color: #059669 !important;\n  }\n\n  \/* CTA *\/\n  .pgw-cta-block {\n    padding: 2rem !important;\n    background: linear-gradient(135deg, #18C67E, #059669) !important;\n    border-radius: 1.25rem !important;\n    text-align: center !important;\n    box-shadow: 0 12px 32px rgba(24, 198, 126, 0.3) !important;\n  }\n\n  .pgw-cta-button {\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 0.5rem !important;\n    padding: 1rem 2rem !important;\n    border-radius: 9999px !important;\n    background: white !important;\n    color: #18C67E !important;\n    font-family: 'Inter', sans-serif !important;\n    font-size: 1rem !important;\n    font-weight: 700 !important;\n    text-decoration: none !important;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;\n    transition: all 0.25s ease !important;\n    margin-bottom: 0.75rem !important;\n  }\n\n  .pgw-cta-button:hover {\n    transform: translateY(-2px) !important;\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2) !important;\n  }\n\n  .pgw-cta-note {\n    margin: 0 !important;\n    font-family: 'Inter', sans-serif !important;\n    font-size: 0.8125rem !important;\n    color: rgba(255, 255, 255, 0.9) !important;\n  }\n\n  \/* Tech Footer *\/\n  .pgw-tech-footer {\n    max-width: 1400px !important;\n    margin: 3rem auto 0 !important;\n    padding: 2rem !important;\n    background: white !important;\n    border-radius: 1.25rem !important;\n    border: 1px solid #e2e8f0 !important;\n    display: grid !important;\n    grid-template-columns: repeat(3, 1fr) !important;\n    gap: 2rem !important;\n  }\n\n  .pgw-tech-col strong {\n    display: block !important;\n    font-family: 'Inter', sans-serif !important;\n    font-size: 0.875rem !important;\n    font-weight: 700 !important;\n    color: #0F172A !important;\n    margin-bottom: 0.5rem !important;\n  }\n\n  .pgw-tech-col span {\n    font-family: 'Inter', sans-serif !important;\n    font-size: 0.875rem !important;\n    line-height: 1.6 !important;\n    color: #64748b !important;\n  }\n\n  \/* ===================================\n     RESPONSIVE\n     =================================== *\/\n  @media (max-width: 1200px) {\n    .pgw-pro-layout {\n      grid-template-columns: 1fr !important;\n    }\n\n    .pgw-metrics-row {\n      grid-template-columns: repeat(2, 1fr) !important;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .pgw-pro {\n      padding: 4rem 1.25rem !important;\n    }\n\n    .pgw-pro-title {\n      font-size: 2rem !important;\n    }\n\n    .pgw-metrics-row {\n      grid-template-columns: 1fr !important;\n    }\n\n    .pgw-chart-tabs {\n      display: none !important;\n    }\n\n    .pgw-platforms-logos {\n      grid-template-columns: repeat(2, 1fr) !important;\n    }\n\n    .pgw-stats-grid {\n      grid-template-columns: 1fr !important;\n    }\n\n    .pgw-tech-footer {\n      grid-template-columns: 1fr !important;\n      gap: 1.5rem !important;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .pgw-dash-content {\n      padding: 1.25rem !important;\n    }\n\n    .pgw-feature-item {\n      flex-direction: column !important;\n      text-align: center !important;\n    }\n\n    .pgw-feature-icon {\n      margin: 0 auto !important;\n    }\n  }\n<\/style>\n\n\n\n<!-- ============================================\n     SOLUTION 2: POS TERMINALS FOR RETAIL\n     SEO: In-store payment processing for CBD\/hemp\/vape\n     Standalone con CSS dedicato\n     ============================================ -->\n<section class=\"og-pos-solution\" itemscope itemtype=\"https:\/\/schema.org\/Service\">\n  <div class=\"og-pos-solution__wrapper\">\n    \n    <!-- Hero -->\n    <div class=\"og-pos-hero\">\n      <div class=\"og-pos-hero__badge\">SOLUZIONE 2<\/div>\n      <h2 itemprop=\"name\">\n        Moderni terminali POS per <span>Negozi fisici<\/span>\n      <\/h2>\n      <p class=\"og-pos-hero__subtitle\" itemprop=\"description\">\n        Accettate i pagamenti in negozio presso il vostro dispensario di CBD, negozio di canapa o negozio di vape con terminali POS all'avanguardia. Senza contatto, con chip e PIN, sincronizzazione dell'inventario e gestione di pi\u00f9 sedi.\n      <\/p>\n    <\/div>\n\n    <!-- Main Content Grid -->\n    <div class=\"og-pos-content\">\n      \n      <!-- Left: Visual -->\n      <div class=\"og-pos-visual\">\n        <div class=\"og-pos-visual__card\">\n          <img decoding=\"async\" src=\"http:\/\/ogpayx.com\/wp-content\/uploads\/2025\/11\/ogpayx_pos_white.png\" alt=\"OGPayX POS terminal for retail\" loading=\"lazy\">\n          \n          <!-- Payment Methods -->\n          <div class=\"og-pos-payments\">\n            <div class=\"pos-payment-icon\">\n              <svg width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\">\n                <path d=\"M8 16c0-4.4 3.6-8 8-8M8 20c0-6.6 5.4-12 12-12M8 24c0-8.8 7.2-16 16-16\" stroke=\"#18C67E\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n              <\/svg>\n              <span>Senza contatto<\/span>\n            <\/div>\n            <div class=\"pos-payment-icon\">\n              <svg width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\">\n                <rect x=\"8\" y=\"8\" width=\"16\" height=\"16\" rx=\"2\" stroke=\"#18C67E\" stroke-width=\"2.5\"\/>\n                <rect x=\"12\" y=\"12\" width=\"8\" height=\"8\" fill=\"#18C67E\" opacity=\"0.3\"\/>\n              <\/svg>\n              <span>Chip e PIN<\/span>\n            <\/div>\n            <div class=\"pos-payment-icon\">\n              <svg width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\">\n                <rect x=\"6\" y=\"12\" width=\"20\" height=\"8\" rx=\"1\" stroke=\"#18C67E\" stroke-width=\"2.5\"\/>\n                <path d=\"M6 16h20\" stroke=\"#18C67E\" stroke-width=\"2.5\"\/>\n              <\/svg>\n              <span>Magstripe<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Stats -->\n        <div class=\"og-pos-stats\">\n          <div class=\"pos-stat\">\n            <strong>&lt;1s<\/strong>\n            <span>Velocit\u00e0 di transazione<\/span>\n          <\/div>\n          <div class=\"pos-stat\">\n            <strong>99.9%<\/strong>\n            <span>Tempo di attivit\u00e0 del terminale<\/span>\n          <\/div>\n          <div class=\"pos-stat\">\n            <strong>24\/7<\/strong>\n            <span>Supporto<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Right: Features -->\n      <div class=\"og-pos-features\">\n        \n        <!-- Features List -->\n        <div class=\"og-pos-section\">\n          <h3>CARATTERISTICHE DEL NEGOZIO<\/h3>\n          <ul class=\"og-pos-list\">\n            <li>\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\">\n                <circle cx=\"10\" cy=\"10\" r=\"8\" stroke=\"#18C67E\" stroke-width=\"2\"\/>\n                <path d=\"M7 10l2 2 4-4\" stroke=\"#18C67E\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n              <div>\n                <strong>Tutti i tipi di pagamento accettati<\/strong>\n                <span>Senza contatto (NFC), chip &amp; PIN (EMV), banda magnetica, Apple Pay, Google Pay<\/span>\n              <\/div>\n            <\/li>\n            <li>\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\">\n                <circle cx=\"10\" cy=\"10\" r=\"8\" stroke=\"#18C67E\" stroke-width=\"2\"\/>\n                <path d=\"M7 10l2 2 4-4\" stroke=\"#18C67E\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n              <div>\n                <strong>Sincronizzazione dell'inventario in tempo reale<\/strong>\n                <span>Aggiornamenti automatici delle scorte per le vendite online e in negozio<\/span>\n              <\/div>\n            <\/li>\n            <li>\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\">\n                <circle cx=\"10\" cy=\"10\" r=\"8\" stroke=\"#18C67E\" stroke-width=\"2\"\/>\n                <path d=\"M7 10l2 2 4-4\" stroke=\"#18C67E\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n              <div>\n                <strong>Gestione multi-negozio<\/strong>\n                <span>Gestione di un numero illimitato di sedi da un unico cruscotto - perfetto per i franchising<\/span>\n              <\/div>\n            <\/li>\n            <li>\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\">\n                <circle cx=\"10\" cy=\"10\" r=\"8\" stroke=\"#18C67E\" stroke-width=\"2\"\/>\n                <path d=\"M7 10l2 2 4-4\" stroke=\"#18C67E\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n              <div>\n                <strong>Accordi fulminei<\/strong>\n                <span>Fondi sul conto entro T+1 (giorno lavorativo successivo)<\/span>\n              <\/div>\n            <\/li>\n            <li>\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\">\n                <circle cx=\"10\" cy=\"10\" r=\"8\" stroke=\"#18C67E\" stroke-width=\"2\"\/>\n                <path d=\"M7 10l2 2 4-4\" stroke=\"#18C67E\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n              <div>\n                <strong>Stampa di ricevute e ricevute digitali<\/strong>\n                <span>Stampante termica integrata O invio di ricevute via e-mail\/SMS<\/span>\n              <\/div>\n            <\/li>\n            <li>\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\">\n                <circle cx=\"10\" cy=\"10\" r=\"8\" stroke=\"#18C67E\" stroke-width=\"2\"\/>\n                <path d=\"M7 10l2 2 4-4\" stroke=\"#18C67E\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n              <div>\n                <strong>Gestione delle mance e pagamenti frazionati<\/strong>\n                <span>Aggiungere le mance prima del pagamento, dividere i conti tra le carte<\/span>\n              <\/div>\n            <\/li>\n          <\/ul>\n        <\/div>\n\n        <!-- Use Cases -->\n        <div class=\"og-pos-section\">\n          <h3>PERFETTO PER<\/h3>\n          <div class=\"og-pos-tags\">\n            <span class=\"pos-tag\">Dispensari di CBD<\/span>\n            <span class=\"pos-tag\">Negozi di canapa al dettaglio<\/span>\n            <span class=\"pos-tag\">Negozi di vape<\/span>\n            <span class=\"pos-tag\">Boutique del benessere<\/span>\n            <span class=\"pos-tag\">Negozi di fumo<\/span>\n            <span class=\"pos-tag\">Negozi pop-up<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- CTA -->\n        <div class=\"og-pos-cta\">\n          <a href=\"https:\/\/calendly.com\/xogpay\/30min\" class=\"pos-cta-btn\">\n            Richiedi un preventivo per i terminali POS\n            <svg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\">\n              <path d=\"M7 15L13 10L7 5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/a>\n          <span class=\"pos-cta-note\">Hardware gratuito - Nessun canone mensile - Consegna in 24 ore<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Terminal Models -->\n    <div class=\"og-pos-tech\">\n      <h3>MODELLI DI TERMINALI DISPONIBILI<\/h3>\n      <div class=\"og-pos-tech-grid\">\n        <div class=\"pos-tech-detail\">\n          <strong>Terminale da banco<\/strong>\n          <span>WiFi\/4G\/Ethernet - Stampante integrata - Display rivolto al cliente<\/span>\n        <\/div>\n        <div class=\"pos-tech-detail\">\n          <strong>Terminale portatile<\/strong>\n          <span>Alimentazione a batteria - WiFi\/4G - Mobile per pagamenti al tavolo<\/span>\n        <\/div>\n        <div class=\"pos-tech-detail\">\n          <strong>Solo PIN Pad<\/strong>\n          <span>Collegamento al sistema POS esistente - Design compatto<\/span>\n        <\/div>\n        <div class=\"pos-tech-detail\">\n          <strong>POS Android tutto in uno<\/strong>\n          <span>Touchscreen - Scanner di codici a barre - Software POS completo in dotazione<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n  \/* ===================================\n     POS SOLUTION - DEDICATED CSS\n     =================================== *\/\n  .og-pos-solution {\n    padding: 5rem 1.75rem !important;\n    background: transparent !important;\n  }\n\n  .og-pos-solution__wrapper {\n    max-width: 1200px !important;\n    margin: 0 auto !important;\n  }\n\n  \/* ===================================\n     HERO\n     =================================== *\/\n  .og-pos-hero {\n    text-align: center !important;\n    margin-bottom: 4rem !important;\n  }\n\n  .og-pos-hero__badge {\n    display: inline-block !important;\n    padding: 0.4rem 0.875rem !important;\n    border-radius: 9999px !important;\n    background: rgba(24, 198, 126, 0.1) !important;\n    border: 1px solid rgba(24, 198, 126, 0.3) !important;\n    font-family: 'Inter', system-ui, sans-serif !important;\n    font-size: 0.6875rem !important;\n    font-weight: 700 !important;\n    letter-spacing: 0.08em !important;\n    text-transform: uppercase !important;\n    color: #059669 !important;\n    margin-bottom: 1rem !important;\n  }\n\n  .og-pos-hero h2 {\n    margin: 0 0 1rem !important;\n    font-family: 'Inter', system-ui, sans-serif !important;\n    font-size: 2.5rem !important;\n    font-weight: 800 !important;\n    letter-spacing: -0.02em !important;\n    color: #0F172A !important;\n    line-height: 1.15 !important;\n  }\n\n  .og-pos-hero h2 span {\n    color: #18C67E !important;\n  }\n\n  .og-pos-hero__subtitle {\n    margin: 0 auto !important;\n    max-width: 700px !important;\n    font-family: 'Inter', system-ui, sans-serif !important;\n    font-size: 1.125rem !important;\n    line-height: 1.6 !important;\n    color: #64748b !important;\n  }\n\n  \/* ===================================\n     MAIN CONTENT GRID\n     =================================== *\/\n  .og-pos-content {\n    display: grid !important;\n    grid-template-columns: 1fr 1fr !important;\n    gap: 4rem !important;\n    margin-bottom: 4rem !important;\n  }\n\n  \/* ===================================\n     VISUAL (LEFT)\n     =================================== *\/\n  .og-pos-visual {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 2rem !important;\n  }\n\n  .og-pos-visual__card {\n    padding: 2.5rem !important;\n    border-radius: 1.5rem !important;\n    background: rgba(255, 255, 255, 0.6) !important;\n    backdrop-filter: blur(12px) !important;\n    border: 1px solid rgba(148, 163, 184, 0.2) !important;\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06) !important;\n  }\n\n  .og-pos-visual__card img {\n    width: 100% !important;\n    max-width: 350px !important;\n    height: auto !important;\n    margin: 0 auto 2rem !important;\n    display: block !important;\n  }\n\n  .og-pos-payments {\n    display: flex !important;\n    gap: 1.5rem !important;\n    justify-content: center !important;\n  }\n\n  .pos-payment-icon {\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n    gap: 0.5rem !important;\n    text-align: center !important;\n  }\n\n  .pos-payment-icon svg {\n    flex-shrink: 0 !important;\n  }\n\n  .pos-payment-icon span {\n    font-family: 'Inter', system-ui, sans-serif !important;\n    font-size: 0.75rem !important;\n    font-weight: 600 !important;\n    color: #64748b !important;\n  }\n\n  \/* Stats *\/\n  .og-pos-stats {\n    display: grid !important;\n    grid-template-columns: repeat(3, 1fr) !important;\n    gap: 1rem !important;\n  }\n\n  .pos-stat {\n    padding: 1.25rem 1rem !important;\n    border-radius: 0.75rem !important;\n    background: rgba(255, 255, 255, 0.7) !important;\n    border: 1px solid rgba(148, 163, 184, 0.2) !important;\n    text-align: center !important;\n  }\n\n  .pos-stat strong {\n    display: block !important;\n    font-family: 'Inter', system-ui, sans-serif !important;\n    font-size: 1.5rem !important;\n    font-weight: 800 !important;\n    color: #18C67E !important;\n    line-height: 1 !important;\n    margin-bottom: 0.25rem !important;\n  }\n\n  .pos-stat span {\n    font-family: 'Inter', system-ui, sans-serif !important;\n    font-size: 0.8125rem !important;\n    color: #64748b !important;\n  }\n\n  \/* ===================================\n     FEATURES (RIGHT)\n     =================================== *\/\n  .og-pos-features {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 2.5rem !important;\n  }\n\n  .og-pos-section h3 {\n    margin: 0 0 1.5rem !important;\n    font-family: 'Inter', system-ui, sans-serif !important;\n    font-size: 0.875rem !important;\n    font-weight: 700 !important;\n    letter-spacing: 0.08em !important;\n    text-transform: uppercase !important;\n    color: #18C67E !important;\n  }\n\n  \/* Feature List *\/\n  .og-pos-list {\n    list-style: none !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 1rem !important;\n  }\n\n  .og-pos-list li {\n    display: flex !important;\n    align-items: flex-start !important;\n    gap: 0.875rem !important;\n    padding: 1.25rem !important;\n    border-radius: 0.75rem !important;\n    background: rgba(255, 255, 255, 0.5) !important;\n    backdrop-filter: blur(8px) !important;\n    border: 1px solid rgba(148, 163, 184, 0.15) !important;\n    transition: all 0.2s ease !important;\n  }\n\n  .og-pos-list li:hover {\n    background: rgba(255, 255, 255, 0.75) !important;\n    border-color: rgba(24, 198, 126, 0.3) !important;\n    transform: translateX(4px) !important;\n  }\n\n  .og-pos-list li svg {\n    flex-shrink: 0 !important;\n    margin-top: 0.125rem !important;\n  }\n\n  .og-pos-list li div {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 0.25rem !important;\n  }\n\n  .og-pos-list li strong {\n    font-family: 'Inter', system-ui, sans-serif !important;\n    font-size: 0.9375rem !important;\n    font-weight: 700 !important;\n    color: #0F172A !important;\n    line-height: 1.3 !important;\n  }\n\n  .og-pos-list li span {\n    font-family: 'Inter', system-ui, sans-serif !important;\n    font-size: 0.875rem !important;\n    line-height: 1.5 !important;\n    color: #64748b !important;\n  }\n\n  \/* Tags *\/\n  .og-pos-tags {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    gap: 0.75rem !important;\n  }\n\n  .pos-tag {\n    padding: 0.5rem 1rem !important;\n    border-radius: 9999px !important;\n    background: rgba(24, 198, 126, 0.1) !important;\n    border: 1px solid rgba(24, 198, 126, 0.3) !important;\n    font-family: 'Inter', system-ui, sans-serif !important;\n    font-size: 0.8125rem !important;\n    font-weight: 600 !important;\n    color: #059669 !important;\n    transition: all 0.2s ease !important;\n  }\n\n  .pos-tag:hover {\n    background: rgba(24, 198, 126, 0.15) !important;\n    transform: translateY(-2px) !important;\n  }\n\n  \/* CTA *\/\n  .og-pos-cta {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 0.75rem !important;\n  }\n\n  .pos-cta-btn {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 0.5rem !important;\n    padding: 1rem 2rem !important;\n    border-radius: 9999px !important;\n    background: linear-gradient(135deg, #18C67E, #16b370) !important;\n    color: #ffffff !important;\n    font-family: 'Inter', system-ui, sans-serif !important;\n    font-size: 1rem !important;\n    font-weight: 600 !important;\n    text-decoration: none !important;\n    box-shadow: 0 4px 14px rgba(24, 198, 126, 0.35) !important;\n    transition: all 0.22s ease !important;\n    width: fit-content !important;\n  }\n\n  .pos-cta-btn:hover {\n    transform: translateY(-2px) !important;\n    box-shadow: 0 12px 28px rgba(24, 198, 126, 0.4) !important;\n  }\n\n  .pos-cta-btn svg {\n    transition: transform 0.22s ease !important;\n  }\n\n  .pos-cta-btn:hover svg {\n    transform: translateX(4px) !important;\n  }\n\n  .pos-cta-note {\n    font-family: 'Inter', system-ui, sans-serif !important;\n    font-size: 0.8125rem !important;\n    color: #64748b !important;\n    font-style: italic !important;\n  }\n\n  \/* ===================================\n     TERMINAL MODELS\n     =================================== *\/\n  .og-pos-tech {\n    padding: 2.5rem !important;\n    border-radius: 1.25rem !important;\n    background: rgba(255, 255, 255, 0.5) !important;\n    backdrop-filter: blur(12px) !important;\n    border: 1px solid rgba(148, 163, 184, 0.2) !important;\n  }\n\n  .og-pos-tech h3 {\n    margin: 0 0 2rem !important;\n    font-family: 'Inter', system-ui, sans-serif !important;\n    font-size: 1.125rem !important;\n    font-weight: 700 !important;\n    letter-spacing: 0.05em !important;\n    text-transform: uppercase !important;\n    color: #0F172A !important;\n    text-align: center !important;\n  }\n\n  .og-pos-tech-grid {\n    display: grid !important;\n    grid-template-columns: repeat(2, 1fr) !important;\n    gap: 2rem !important;\n  }\n\n  .pos-tech-detail {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 0.5rem !important;\n  }\n\n  .pos-tech-detail strong {\n    font-family: 'Inter', system-ui, sans-serif !important;\n    font-size: 0.9375rem !important;\n    font-weight: 700 !important;\n    color: #0F172A !important;\n  }\n\n  .pos-tech-detail span {\n    font-family: 'Inter', system-ui, sans-serif !important;\n    font-size: 0.875rem !important;\n    line-height: 1.5 !important;\n    color: #64748b !important;\n  }\n\n  \/* ===================================\n     RESPONSIVE\n     =================================== *\/\n  @media (max-width: 1024px) {\n    .og-pos-solution {\n      padding: 4rem 1.5rem !important;\n    }\n\n    .og-pos-tech-grid {\n      grid-template-columns: 1fr !important;\n      gap: 1.5rem !important;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .og-pos-solution {\n      padding: 3.5rem 1.25rem !important;\n    }\n\n    .og-pos-hero h2 {\n      font-size: 2rem !important;\n    }\n\n    .og-pos-content {\n      grid-template-columns: 1fr !important;\n      gap: 2.5rem !important;\n    }\n\n    .og-pos-payments {\n      flex-direction: column !important;\n      gap: 1rem !important;\n    }\n\n    .og-pos-stats {\n      grid-template-columns: 1fr !important;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .og-pos-solution {\n      padding: 3rem 1rem !important;\n    }\n\n    .og-pos-hero h2 {\n      font-size: 1.75rem !important;\n    }\n\n    .og-pos-hero__subtitle {\n      font-size: 1rem !important;\n    }\n\n    .og-pos-visual__card {\n      padding: 2rem 1.5rem !important;\n    }\n\n    .og-pos-list li {\n      padding: 1rem !important;\n    }\n\n    .og-pos-tech {\n      padding: 2rem 1.5rem !important;\n    }\n  }\n<\/style>\n\n\n\n<!-- ============================================\n     SOLUTION 3: UNATTENDED POS TERMINALS\n     SEO: Self-service payment terminals\n     Standalone con CSS dedicato\n     ============================================ -->\n<section class=\"og-unattended-solution\" itemscope itemtype=\"https:\/\/schema.org\/Service\">\n  <div class=\"og-unattended-solution__wrapper\">\n    \n    <!-- Hero -->\n    <div class=\"og-unattended-hero\">\n      <div class=\"og-unattended-hero__badge\">SOLUZIONE 3<\/div>\n      <h2 itemprop=\"name\">\n        Terminali POS non presidiati per <span>Self-Service 24\/7<\/span>\n      <\/h2>\n      <p class=\"og-unattended-hero__subtitle\" itemprop=\"description\">\n        Distribuite i terminali di pagamento su distributori automatici, chioschi, autolavaggi e operazioni non presidiate. Resistenti alle intemperie, agli atti vandalici e gestiti in remoto. Non \u00e8 richiesto personale.\n      <\/p>\n    <\/div>\n\n    <!-- Main Content Grid -->\n    <div class=\"og-unattended-content\">\n      \n      <!-- Left: Visual -->\n      <div class=\"og-unattended-visual\">\n        <div class=\"og-unattended-visual__card\">\n          <img decoding=\"async\" src=\"http:\/\/ogpayx.com\/wp-content\/uploads\/2026\/03\/unattended_pos_imge.png\" alt=\"S1U2 unattended terminal\" loading=\"lazy\">\n          \n          <!-- Certifications -->\n          <div class=\"og-unattended-certs\">\n            <div class=\"unattended-cert-badge\">\n              <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" stroke=\"#18C67E\" stroke-width=\"2\"\/>\n              <\/svg>\n              <div>\n                <strong>PCI PTS 6.x<\/strong>\n                <span>Certificato<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"unattended-cert-badge\">\n              <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M12 2L6 8v8c0 4 4 6 6 7 2-1 6-3 6-7V8l-6-6z\" stroke=\"#18C67E\" stroke-width=\"2\"\/>\n              <\/svg>\n              <div>\n                <strong>IP65 \/ IK10<\/strong>\n                <span>Protetto<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Stats -->\n        <div class=\"og-unattended-stats\">\n          <div class=\"unattended-stat\">\n            <strong>Da -20\u00b0C a +65\u00b0C<\/strong>\n            <span>Gamma operativa<\/span>\n          <\/div>\n          <div class=\"unattended-stat\">\n            <strong>24\/7<\/strong>\n            <span>Operazione<\/span>\n          <\/div>\n          <div class=\"unattended-stat\">\n            <strong>Remoto<\/strong>\n            <span>Gestione<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Right: Features -->\n      <div class=\"og-unattended-features\">\n        \n        <!-- Features List -->\n        <div class=\"og-unattended-section\">\n          <h3>FUNZIONI NON PRESIDIATE<\/h3>\n          <ul class=\"og-unattended-list\">\n            <li>\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\">\n                <circle cx=\"10\" cy=\"10\" r=\"8\" stroke=\"#18C67E\" stroke-width=\"2\"\/>\n                <path d=\"M7 10l2 2 4-4\" stroke=\"#18C67E\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n              <div>\n                <strong>Funzionamento in condizioni meteorologiche estreme<\/strong>\n                <span>Funzionamento da -20\u00b0C a +65\u00b0C (da -4\u00b0F a 149\u00b0F) per installazioni all'esterno<\/span>\n              <\/div>\n            <\/li>\n            <li>\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\">\n                <circle cx=\"10\" cy=\"10\" r=\"8\" stroke=\"#18C67E\" stroke-width=\"2\"\/>\n                <path d=\"M7 10l2 2 4-4\" stroke=\"#18C67E\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n              <div>\n                <strong>Design antivandalo e resistente alle intemperie<\/strong>\n                <span>Grado di protezione IP65, resistenza agli urti IK10<\/span>\n              <\/div>\n            <\/li>\n            <li>\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\">\n                <circle cx=\"10\" cy=\"10\" r=\"8\" stroke=\"#18C67E\" stroke-width=\"2\"\/>\n                <path d=\"M7 10l2 2 4-4\" stroke=\"#18C67E\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n              <div>\n                <strong>Integrazione del protocollo MDB<\/strong>\n                <span>Collegamento diretto a distributori automatici e chioschi tramite MDB\/DEX<\/span>\n              <\/div>\n            <\/li>\n            <li>\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\">\n                <circle cx=\"10\" cy=\"10\" r=\"8\" stroke=\"#18C67E\" stroke-width=\"2\"\/>\n                <path d=\"M7 10l2 2 4-4\" stroke=\"#18C67E\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n              <div>\n                <strong>Monitoraggio e aggiornamenti a distanza<\/strong>\n                <span>Controllo dello stato, visualizzazione dei log, aggiornamenti del firmware via 4G\/WiFi<\/span>\n              <\/div>\n            <\/li>\n            <li>\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\">\n                <circle cx=\"10\" cy=\"10\" r=\"8\" stroke=\"#18C67E\" stroke-width=\"2\"\/>\n                <path d=\"M7 10l2 2 4-4\" stroke=\"#18C67E\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n              <div>\n                <strong>Modalit\u00e0 basso consumo<\/strong>\n                <span>Efficienza energetica con batteria di backup per impianti solari<\/span>\n              <\/div>\n            <\/li>\n            <li>\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\">\n                <circle cx=\"10\" cy=\"10\" r=\"8\" stroke=\"#18C67E\" stroke-width=\"2\"\/>\n                <path d=\"M7 10l2 2 4-4\" stroke=\"#18C67E\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n              <div>\n                <strong>Scanner per codici a barre e fotocamera opzionali<\/strong>\n                <span>Pagamenti con codice QR, verifica dell'et\u00e0 con scansione del documento d'identit\u00e0<\/span>\n              <\/div>\n            <\/li>\n          <\/ul>\n        <\/div>\n\n        <!-- Use Cases -->\n        <div class=\"og-unattended-section\">\n          <h3>PERFETTO PER<\/h3>\n          <div class=\"og-unattended-tags\">\n            <span class=\"unattended-tag\">Distributori automatici<\/span>\n            <span class=\"unattended-tag\">Armadietti intelligenti<\/span>\n            <span class=\"unattended-tag\">Stazioni di lavaggio auto<\/span>\n            <span class=\"unattended-tag\">Lavanderie a gettoni<\/span>\n            <span class=\"unattended-tag\">Parcheggi<\/span>\n            <span class=\"unattended-tag\">Caricabatterie per veicoli elettrici<\/span>\n            <span class=\"unattended-tag\">Chioschi self-service<\/span>\n            <span class=\"unattended-tag\">Macchine per biglietti<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- CTA -->\n        <div class=\"og-unattended-cta\">\n          <a href=\"https:\/\/calendly.com\/xogpay\/30min\" class=\"unattended-cta-btn\">\n            Richiedi un preventivo per Terminale non presidiato\n            <svg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\">\n              <path d=\"M7 15L13 10L7 5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/a>\n          <span class=\"unattended-cta-note\">Disponibilit\u00e0 di prezzi di massa - Supporto per l'integrazione personalizzata<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Technical Specs -->\n    <div class=\"og-unattended-tech\">\n      <h3>SPECIFICHE TECNICHE<\/h3>\n      <div class=\"og-unattended-tech-grid\">\n        <div class=\"unattended-tech-detail\">\n          <strong>Metodi di pagamento<\/strong>\n          <span>Senza contatto (NFC 13,56MHz), chip EMV, banda magnetica, portafogli mobili<\/span>\n        <\/div>\n        <div class=\"unattended-tech-detail\">\n          <strong>Connettivit\u00e0<\/strong>\n          <span>4G LTE, WiFi (2.4G e 5G), Ethernet, Bluetooth<\/span>\n        <\/div>\n        <div class=\"unattended-tech-detail\">\n          <strong>Display e interfaccia<\/strong>\n          <span>Touchscreen a colori da 5\u2033 (1280\u00d7720), leggibile alla luce del sole, tastiera virtuale<\/span>\n        <\/div>\n        <div class=\"unattended-tech-detail\">\n          <strong>Protocolli di integrazione<\/strong>\n          <span>MDB, DEX, RS232, USB, API RESTful - Compatibile con 99%<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n  \/* ===================================\n     UNATTENDED SOLUTION - DEDICATED CSS\n     =================================== *\/\n  .og-unattended-solution {\n    padding: 5rem 1.75rem !important;\n    background: transparent !important;\n  }\n\n  .og-unattended-solution__wrapper {\n    max-width: 1200px !important;\n    margin: 0 auto !important;\n  }\n\n  \/* ===================================\n     HERO\n     =================================== *\/\n  .og-unattended-hero {\n    text-align: center !important;\n    margin-bottom: 4rem !important;\n  }\n\n  .og-unattended-hero__badge {\n    display: inline-block !important;\n    padding: 0.4rem 0.875rem !important;\n    border-radius: 9999px !important;\n    background: rgba(24, 198, 126, 0.1) !important;\n    border: 1px solid rgba(24, 198, 126, 0.3) !important;\n    font-family: 'Inter', system-ui, sans-serif !important;\n    font-size: 0.6875rem !important;\n    font-weight: 700 !important;\n    letter-spacing: 0.08em !important;\n    text-transform: uppercase !important;\n    color: #059669 !important;\n    margin-bottom: 1rem !important;\n  }\n\n  .og-unattended-hero h2 {\n    margin: 0 0 1rem !important;\n    font-family: 'Inter', system-ui, sans-serif !important;\n    font-size: 2.5rem !important;\n    font-weight: 800 !important;\n    letter-spacing: -0.02em !important;\n    color: #0F172A !important;\n    line-height: 1.15 !important;\n  }\n\n  .og-unattended-hero h2 span {\n    color: #18C67E !important;\n  }\n\n  .og-unattended-hero__subtitle {\n    margin: 0 auto !important;\n    max-width: 700px !important;\n    font-family: 'Inter', system-ui, sans-serif !important;\n    font-size: 1.125rem !important;\n    line-height: 1.6 !important;\n    color: #64748b !important;\n  }\n\n  \/* ===================================\n     MAIN CONTENT GRID\n     =================================== *\/\n  .og-unattended-content {\n    display: grid !important;\n    grid-template-columns: 1fr 1fr !important;\n    gap: 4rem !important;\n    margin-bottom: 4rem !important;\n  }\n\n  \/* ===================================\n     VISUAL (LEFT)\n     =================================== *\/\n  .og-unattended-visual {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 2rem !important;\n  }\n\n  .og-unattended-visual__card {\n    padding: 2.5rem !important;\n    border-radius: 1.5rem !important;\n    background: rgba(255, 255, 255, 0.6) !important;\n    backdrop-filter: blur(12px) !important;\n    border: 1px solid rgba(148, 163, 184, 0.2) !important;\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06) !important;\n  }\n\n  .og-unattended-visual__card img {\n    width: 100% !important;\n    max-width: 350px !important;\n    height: auto !important;\n    margin: 0 auto 2rem !important;\n    display: block !important;\n  }\n\n  .og-unattended-certs {\n    display: flex !important;\n    gap: 1rem !important;\n  }\n\n  .unattended-cert-badge {\n    flex: 1 !important;\n    display: flex !important;\n    align-items: center !important;\n    gap: 0.75rem !important;\n    padding: 1rem 1.25rem !important;\n    border-radius: 0.75rem !important;\n    background: rgba(24, 198, 126, 0.06) !important;\n    border: 1px solid rgba(24, 198, 126, 0.2) !important;\n  }\n\n  .unattended-cert-badge svg {\n    flex-shrink: 0 !important;\n  }\n\n  .unattended-cert-badge strong {\n    display: block !important;\n    font-family: 'Inter', system-ui, sans-serif !important;\n    font-size: 0.875rem !important;\n    font-weight: 700 !important;\n    color: #0F172A !important;\n    line-height: 1.2 !important;\n  }\n\n  .unattended-cert-badge span {\n    display: block !important;\n    font-family: 'Inter', system-ui, sans-serif !important;\n    font-size: 0.75rem !important;\n    color: #64748b !important;\n    line-height: 1.2 !important;\n  }\n\n  \/* Stats *\/\n  .og-unattended-stats {\n    display: grid !important;\n    grid-template-columns: repeat(3, 1fr) !important;\n    gap: 1rem !important;\n  }\n\n  .unattended-stat {\n    padding: 1.25rem 1rem !important;\n    border-radius: 0.75rem !important;\n    background: rgba(255, 255, 255, 0.7) !important;\n    border: 1px solid rgba(148, 163, 184, 0.2) !important;\n    text-align: center !important;\n  }\n\n  .unattended-stat strong {\n    display: block !important;\n    font-family: 'Inter', system-ui, sans-serif !important;\n    font-size: 1.25rem !important;\n    font-weight: 800 !important;\n    color: #18C67E !important;\n    line-height: 1 !important;\n    margin-bottom: 0.25rem !important;\n  }\n\n  .unattended-stat span {\n    font-family: 'Inter', system-ui, sans-serif !important;\n    font-size: 0.8125rem !important;\n    color: #64748b !important;\n  }\n\n  \/* ===================================\n     FEATURES (RIGHT)\n     =================================== *\/\n  .og-unattended-features {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 2.5rem !important;\n  }\n\n  .og-unattended-section h3 {\n    margin: 0 0 1.5rem !important;\n    font-family: 'Inter', system-ui, sans-serif !important;\n    font-size: 0.875rem !important;\n    font-weight: 700 !important;\n    letter-spacing: 0.08em !important;\n    text-transform: uppercase !important;\n    color: #18C67E !important;\n  }\n\n  \/* Feature List *\/\n  .og-unattended-list {\n    list-style: none !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 1rem !important;\n  }\n\n  .og-unattended-list li {\n    display: flex !important;\n    align-items: flex-start !important;\n    gap: 0.875rem !important;\n    padding: 1.25rem !important;\n    border-radius: 0.75rem !important;\n    background: rgba(255, 255, 255, 0.5) !important;\n    backdrop-filter: blur(8px) !important;\n    border: 1px solid rgba(148, 163, 184, 0.15) !important;\n    transition: all 0.2s ease !important;\n  }\n\n  .og-unattended-list li:hover {\n    background: rgba(255, 255, 255, 0.75) !important;\n    border-color: rgba(24, 198, 126, 0.3) !important;\n    transform: translateX(4px) !important;\n  }\n\n  .og-unattended-list li svg {\n    flex-shrink: 0 !important;\n    margin-top: 0.125rem !important;\n  }\n\n  .og-unattended-list li div {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 0.25rem !important;\n  }\n\n  .og-unattended-list li strong {\n    font-family: 'Inter', system-ui, sans-serif !important;\n    font-size: 0.9375rem !important;\n    font-weight: 700 !important;\n    color: #0F172A !important;\n    line-height: 1.3 !important;\n  }\n\n  .og-unattended-list li span {\n    font-family: 'Inter', system-ui, sans-serif !important;\n    font-size: 0.875rem !important;\n    line-height: 1.5 !important;\n    color: #64748b !important;\n  }\n\n  \/* Tags *\/\n  .og-unattended-tags {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    gap: 0.75rem !important;\n  }\n\n  .unattended-tag {\n    padding: 0.5rem 1rem !important;\n    border-radius: 9999px !important;\n    background: rgba(24, 198, 126, 0.1) !important;\n    border: 1px solid rgba(24, 198, 126, 0.3) !important;\n    font-family: 'Inter', system-ui, sans-serif !important;\n    font-size: 0.8125rem !important;\n    font-weight: 600 !important;\n    color: #059669 !important;\n    transition: all 0.2s ease !important;\n  }\n\n  .unattended-tag:hover {\n    background: rgba(24, 198, 126, 0.15) !important;\n    transform: translateY(-2px) !important;\n  }\n\n  \/* CTA *\/\n  .og-unattended-cta {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 0.75rem !important;\n  }\n\n  .unattended-cta-btn {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 0.5rem !important;\n    padding: 1rem 2rem !important;\n    border-radius: 9999px !important;\n    background: linear-gradient(135deg, #18C67E, #16b370) !important;\n    color: #ffffff !important;\n    font-family: 'Inter', system-ui, sans-serif !important;\n    font-size: 1rem !important;\n    font-weight: 600 !important;\n    text-decoration: none !important;\n    box-shadow: 0 4px 14px rgba(24, 198, 126, 0.35) !important;\n    transition: all 0.22s ease !important;\n    width: fit-content !important;\n  }\n\n  .unattended-cta-btn:hover {\n    transform: translateY(-2px) !important;\n    box-shadow: 0 12px 28px rgba(24, 198, 126, 0.4) !important;\n  }\n\n  .unattended-cta-btn svg {\n    transition: transform 0.22s ease !important;\n  }\n\n  .unattended-cta-btn:hover svg {\n    transform: translateX(4px) !important;\n  }\n\n  .unattended-cta-note {\n    font-family: 'Inter', system-ui, sans-serif !important;\n    font-size: 0.8125rem !important;\n    color: #64748b !important;\n    font-style: italic !important;\n  }\n\n  \/* ===================================\n     TECHNICAL SPECS\n     =================================== *\/\n  .og-unattended-tech {\n    padding: 2.5rem !important;\n    border-radius: 1.25rem !important;\n    background: rgba(255, 255, 255, 0.5) !important;\n    backdrop-filter: blur(12px) !important;\n    border: 1px solid rgba(148, 163, 184, 0.2) !important;\n  }\n\n  .og-unattended-tech h3 {\n    margin: 0 0 2rem !important;\n    font-family: 'Inter', system-ui, sans-serif !important;\n    font-size: 1.125rem !important;\n    font-weight: 700 !important;\n    letter-spacing: 0.05em !important;\n    text-transform: uppercase !important;\n    color: #0F172A !important;\n    text-align: center !important;\n  }\n\n  .og-unattended-tech-grid {\n    display: grid !important;\n    grid-template-columns: repeat(2, 1fr) !important;\n    gap: 2rem !important;\n  }\n\n  .unattended-tech-detail {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 0.5rem !important;\n  }\n\n  .unattended-tech-detail strong {\n    font-family: 'Inter', system-ui, sans-serif !important;\n    font-size: 0.9375rem !important;\n    font-weight: 700 !important;\n    color: #0F172A !important;\n  }\n\n  .unattended-tech-detail span {\n    font-family: 'Inter', system-ui, sans-serif !important;\n    font-size: 0.875rem !important;\n    line-height: 1.5 !important;\n    color: #64748b !important;\n  }\n\n  \/* ===================================\n     RESPONSIVE\n     =================================== *\/\n  @media (max-width: 1024px) {\n    .og-unattended-solution {\n      padding: 4rem 1.5rem !important;\n    }\n\n    .og-unattended-tech-grid {\n      grid-template-columns: 1fr !important;\n      gap: 1.5rem !important;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .og-unattended-solution {\n      padding: 3.5rem 1.25rem !important;\n    }\n\n    .og-unattended-hero h2 {\n      font-size: 2rem !important;\n    }\n\n    .og-unattended-content {\n      grid-template-columns: 1fr !important;\n      gap: 2.5rem !important;\n    }\n\n    .og-unattended-certs {\n      flex-direction: column !important;\n    }\n\n    .og-unattended-stats {\n      grid-template-columns: 1fr !important;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .og-unattended-solution {\n      padding: 3rem 1rem !important;\n    }\n\n    .og-unattended-hero h2 {\n      font-size: 1.75rem !important;\n    }\n\n    .og-unattended-hero__subtitle {\n      font-size: 1rem !important;\n    }\n\n    .og-unattended-visual__card {\n      padding: 2rem 1.5rem !important;\n    }\n\n    .og-unattended-list li {\n      padding: 1rem !important;\n    }\n\n    .og-unattended-tech {\n      padding: 2rem 1.5rem !important;\n    }\n  }\n<\/style>\n\n\n\n<section class=\"og-cta-box\" itemscope itemtype=\"https:\/\/schema.org\/Action\">\n  <div class=\"og-cta-box__container\">\n    <div class=\"og-cta-box__content\">\n      <span class=\"?og-cta-box__badge\">INIZIARE<\/span>\n      \n      <h3 itemprop=\"name\">Richiedete ora pagamenti amichevoli con OGPayX.<\/h3>\n      \n      <p itemprop=\"description\">\n        Parlateci della vostra attivit\u00e0 e noi esamineremo la vostra richiesta insieme ai nostri partner PSP \/ EMI.\n      <\/p>\n    <\/div>\n\n    <div class=\"og-cta-box__action\">\n      <a href=\"https:\/\/ogpayx.com\/it\/create-user-profile\/\" class=\"og-cta-box__button\" itemprop=\"target\">\n        Candidarsi ora\n        <svg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\" aria-hidden=\"true\">\n          <path d=\"M7 15L13 10L7 5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  \/* ===================================\n     CTA BOX\n     =================================== *\/\n  .og-cta-box {\n    padding: 0 1.75rem 5rem;\n    background: transparent;\n  }\n\n  .og-cta-box__container {\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 2.5rem 3rem;\n    border-radius: 1.5rem;\n    background: rgba(24, 198, 126, 0.06);\n    border: 1px solid rgba(24, 198, 126, 0.15);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 3rem;\n  }\n\n  \/* Content Side *\/\n  .og-cta-box__content {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 0.875rem;\n  }\n\n  .og-cta-box__badge {\n    display: inline-block;\n    width: fit-content;\n    padding: 0.375rem 0.875rem;\n    border-radius: 9999px;\n    background: rgba(24, 198, 126, 0.15);\n    border: 1px solid rgba(24, 198, 126, 0.3);\n    font-family: 'Inter', system-ui, sans-serif;\n    font-size: 0.6875rem;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    color: #059669;\n  }\n\n  .og-cta-box__content h3 {\n    margin: 0;\n    font-family: 'Inter', system-ui, sans-serif;\n    font-size: 1.75rem;\n    font-weight: 800;\n    letter-spacing: -0.02em;\n    color: #0F172A;\n    line-height: 1.3;\n  }\n\n  .og-cta-box__content p {\n    margin: 0;\n    font-family: 'Inter', system-ui, sans-serif;\n    font-size: 1rem;\n    line-height: 1.6;\n    color: #475569;\n    max-width: 600px;\n  }\n\n  \/* Action Side *\/\n  .og-cta-box__action {\n    flex-shrink: 0;\n  }\n\n  .og-cta-box__button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.5rem;\n    padding: 1rem 2rem;\n    border-radius: 9999px;\n    background: linear-gradient(135deg, #18C67E, #16b370);\n    color: #ffffff;\n    font-family: 'Inter', system-ui, sans-serif;\n    font-size: 1rem;\n    font-weight: 600;\n    text-decoration: none;\n    white-space: nowrap;\n    box-shadow: 0 4px 14px rgba(24, 198, 126, 0.35);\n    transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n\n  .og-cta-box__button:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 12px 28px rgba(24, 198, 126, 0.4);\n  }\n\n  .og-cta-box__button svg {\n    transition: transform 0.22s ease;\n  }\n\n  .og-cta-box__button:hover svg {\n    transform: translateX(4px);\n  }\n\n  \/* ===================================\n     RESPONSIVE\n     =================================== *\/\n  @media (max-width: 1024px) {\n    .og-cta-box {\n      padding: 0 1.5rem 4rem;\n    }\n\n    .og-cta-box__container {\n      padding: 2.25rem 2.5rem;\n      gap: 2.5rem;\n    }\n\n    .og-cta-box__content h3 {\n      font-size: 1.5rem;\n    }\n\n    .og-cta-box__content p {\n      font-size: 0.9375rem;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .og-cta-box {\n      padding: 0 1.25rem 3.5rem;\n    }\n\n    .og-cta-box__container {\n      flex-direction: column;\n      text-align: center;\n      padding: 2rem 2rem;\n      gap: 2rem;\n    }\n\n    .og-cta-box__content {\n      align-items: center;\n    }\n\n    .og-cta-box__content h3 {\n      font-size: 1.375rem;\n    }\n\n    .og-cta-box__content p {\n      max-width: none;\n    }\n\n    .og-cta-box__button {\n      width: 100%;\n      justify-content: center;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .og-cta-box {\n      padding: 0 1rem 3rem;\n    }\n\n    .og-cta-box__container {\n      padding: 1.75rem 1.5rem;\n    }\n\n    .og-cta-box__content h3 {\n      font-size: 1.25rem;\n    }\n\n    .og-cta-box__content p {\n      font-size: 0.875rem;\n    }\n\n    .og-cta-box__button {\n      padding: 0.875rem 1.75rem;\n      font-size: 0.9375rem;\n    }\n  }\n<\/style>","protected":false},"excerpt":{"rendered":"<p>SOLUTIONS Trusted Solutions for Emerging Industries Accept payments everywhere\u2014online, in-store, and mobile\u2014with compliant merchant accounts for Emerging Industries. Our Solutions Payment Solutions for Every Business Need From online checkout to physical terminals and self-service kiosks\u2014we&#8217;ve got you covered with enterprise-grade payment infrastructure. 01 Online Payment Gateway Accept e-commerce payments with hosted checkout, API integration, and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":".entry-content > .wp-block-stackable-container:first-child,\n.entry-content > .stk-block:first-child {\n  margin-top: 0 !important;\n  padding-top: 0 !important;\n}\n\n.og-section-header {\n  margin-top: -60px !important;\n  padding-top: 1.5rem !important;\n}","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3852","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"Admin","author_link":"https:\/\/ogpayx.com\/it\/author\/studio-drbatticanigmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"SOLUTIONS Trusted Solutions for Emerging Industries Accept payments everywhere\u2014online, in-store, and mobile\u2014with compliant merchant accounts for Emerging Industries. Our Solutions Payment Solutions for Every Business Need From online checkout to physical terminals and self-service kiosks\u2014we&#8217;ve got you covered with enterprise-grade payment infrastructure. 01 Online Payment Gateway Accept e-commerce payments with hosted checkout, API integration, and&hellip;","_links":{"self":[{"href":"https:\/\/ogpayx.com\/it\/wp-json\/wp\/v2\/pages\/3852","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ogpayx.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ogpayx.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ogpayx.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ogpayx.com\/it\/wp-json\/wp\/v2\/comments?post=3852"}],"version-history":[{"count":51,"href":"https:\/\/ogpayx.com\/it\/wp-json\/wp\/v2\/pages\/3852\/revisions"}],"predecessor-version":[{"id":4504,"href":"https:\/\/ogpayx.com\/it\/wp-json\/wp\/v2\/pages\/3852\/revisions\/4504"}],"wp:attachment":[{"href":"https:\/\/ogpayx.com\/it\/wp-json\/wp\/v2\/media?parent=3852"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}