.elementor-862 .elementor-element.elementor-element-7c518e7d{--display:flex;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-862 .elementor-element.elementor-element-14251b1b{text-align:center;}.elementor-862 .elementor-element.elementor-element-14251b1b .elementor-heading-title{font-size:53px;font-weight:700;color:var( --e-global-color-d49ac81 );}.elementor-862 .elementor-element.elementor-element-e66de64{--display:flex;}.elementor-862 .elementor-element.elementor-element-7d45aa6{text-align:center;}.elementor-862 .elementor-element.elementor-element-7d45aa6 .elementor-heading-title{font-size:40px;color:#FFFFFF;}.elementor-862 .elementor-element.elementor-element-61a2f5c{width:var( --container-widget-width, 855px );max-width:855px;margin:5px 5px calc(var(--kit-widget-spacing, 0px) + 5px) 5px;padding:5px 5px 0px 5px;--container-widget-width:855px;--container-widget-flex-grow:0;text-align:center;}.elementor-862 .elementor-element.elementor-element-61a2f5c.elementor-element{--align-self:center;}.elementor-862 .elementor-element.elementor-element-61a2f5c .elementor-heading-title{font-size:25px;font-weight:400;line-height:37px;letter-spacing:0px;word-spacing:0px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-862 .elementor-element.elementor-element-4c2c214{--display:flex;--margin-top:30px;--margin-bottom:30px;--margin-left:30px;--margin-right:30px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-862 .elementor-element.elementor-element-4c2c214.e-con{--align-self:center;}.elementor-862 .elementor-element.elementor-element-a0f6c23 .elementor-button{background-color:#02010100;font-family:var( --e-global-typography-520c191-font-family ), Sans-serif;font-size:var( --e-global-typography-520c191-font-size );font-weight:var( --e-global-typography-520c191-font-weight );line-height:var( --e-global-typography-520c191-line-height );fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 0px 10px 0px rgba(207, 101.99999999999999, 34.99999999999999, 0.64);border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-d49ac81 );border-radius:6px 6px 6px 6px;}.elementor-862 .elementor-element.elementor-element-a0f6c23{margin:-21px -21px calc(var(--kit-widget-spacing, 0px) + -21px) -21px;}.elementor-862 .elementor-element.elementor-element-a0f6c23.elementor-element{--align-self:center;}.elementor-862 .elementor-element.elementor-element-a0f6c23 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-862 .elementor-element.elementor-element-a0f6c23 .elementor-button .elementor-button-content-wrapper{gap:0px;}.elementor-862 .elementor-element.elementor-element-a0f6c23 .elementor-button:hover, .elementor-862 .elementor-element.elementor-element-a0f6c23 .elementor-button:focus{box-shadow:2px 2px 10px 2px rgba(207, 102.00000000000003, 35.000000000000036, 0.47);}.elementor-862 .elementor-element.elementor-element-df547db{--display:flex;--min-height:164px;}.elementor-862 .elementor-element.elementor-element-b75ff55{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-862 .elementor-element.elementor-element-835f638{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-862 .elementor-element.elementor-element-f4d063b{column-gap:0px;line-height:0px;letter-spacing:-0.1px;color:#D6D6D6;}.elementor-862 .elementor-element.elementor-element-f4d063b p{margin-block-end:24px;}.elementor-862 .elementor-element.elementor-element-9687590{--display:flex;--padding-top:65px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-862 .elementor-element.elementor-element-a698fc0{padding:15px 20px 20px 20px;}.elementor-862 .elementor-element.elementor-element-002b23a{padding:0px 0px 0px 0px;text-align:center;}.elementor-862 .elementor-element.elementor-element-002b23a.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-862 .elementor-element.elementor-element-002b23a .elementor-heading-title{color:#FFFFFF;}.elementor-862 .elementor-element.elementor-element-f7c7446{padding:8px 8px 8px 8px;}.elementor-862 .elementor-element.elementor-element-49de0f9d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-862 .elementor-element.elementor-element-49de0f9d.e-con{--align-self:center;}.elementor-862 .elementor-element.elementor-element-19c8ed48{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:67px;--margin-right:0px;--padding-top:43px;--padding-bottom:36px;--padding-left:43px;--padding-right:43px;}.elementor-862 .elementor-element.elementor-element-19c8ed48.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-862 .elementor-element.elementor-element-651be81{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-862 .elementor-element.elementor-element-637b3166{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-862 .elementor-element.elementor-element-dd4e73c{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 86px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-862 .elementor-element.elementor-element-dd4e73c.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-862 .elementor-element.elementor-element-dd4e73c img{width:168px;opacity:0.73;}.elementor-862 .elementor-element.elementor-element-b236dee{--display:flex;--padding-top:30px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-862 .elementor-element.elementor-element-9ce1bc7{padding:0px 20px 20px 20px;}.elementor-862 .elementor-element.elementor-element-7b5fe44{padding:0px 0px 9px 0px;text-align:center;}.elementor-862 .elementor-element.elementor-element-7b5fe44.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-862 .elementor-element.elementor-element-7b5fe44 .elementor-heading-title{color:#FFFFFF;}.elementor-862 .elementor-element.elementor-element-fced5dc{padding:4px 8px 30px 8px;}.elementor-862 .elementor-element.elementor-element-2590999{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-862 .elementor-element.elementor-element-be820de{--display:flex;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-862 .elementor-element.elementor-element-01ea2e9{padding:0px 8px 4px 8px;text-align:center;}.elementor-862 .elementor-element.elementor-element-68c6dbe{padding:39px 39px 11px 39px;}.elementor-862 .elementor-element.elementor-element-8e72660{padding:13px 1px 10px 1px;text-align:center;color:#FFFFFFED;}.elementor-862 .elementor-element.elementor-element-d731fec .elementor-button{background-color:#02010100;font-family:var( --e-global-typography-520c191-font-family ), Sans-serif;font-size:var( --e-global-typography-520c191-font-size );font-weight:var( --e-global-typography-520c191-font-weight );line-height:var( --e-global-typography-520c191-line-height );fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 0px 10px 0px rgba(207, 101.99999999999999, 34.99999999999999, 0.64);border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-d49ac81 );border-radius:6px 6px 6px 6px;}.elementor-862 .elementor-element.elementor-element-d731fec{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:1px 60px 1px 60px;}.elementor-862 .elementor-element.elementor-element-d731fec.elementor-element{--align-self:center;}.elementor-862 .elementor-element.elementor-element-d731fec .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-862 .elementor-element.elementor-element-d731fec .elementor-button .elementor-button-content-wrapper{gap:0px;}.elementor-862 .elementor-element.elementor-element-d731fec .elementor-button:hover, .elementor-862 .elementor-element.elementor-element-d731fec .elementor-button:focus{box-shadow:2px 2px 10px 2px rgba(207, 102.00000000000003, 35.000000000000036, 0.47);}.elementor-862 .elementor-element.elementor-element-1a5cf7d{--display:flex;}.elementor-862 .elementor-element.elementor-element-1a5cf7d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-862 .elementor-element.elementor-element-20e69a7b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-862 .elementor-element.elementor-element-34ca048{text-align:center;}.elementor-862 .elementor-element.elementor-element-34ca048 img{width:100%;max-width:100%;opacity:1;}.elementor-862 .elementor-element.elementor-element-292c3c1{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-862 .elementor-element.elementor-element-a0f6c23 .elementor-button{font-size:var( --e-global-typography-520c191-font-size );line-height:var( --e-global-typography-520c191-line-height );}.elementor-862 .elementor-element.elementor-element-dd4e73c{padding:0px 0px 0px 0px;text-align:end;}.elementor-862 .elementor-element.elementor-element-dd4e73c img{width:92%;}.elementor-862 .elementor-element.elementor-element-d731fec .elementor-button{font-size:var( --e-global-typography-520c191-font-size );line-height:var( --e-global-typography-520c191-line-height );}}@media(max-width:767px){.elementor-862 .elementor-element.elementor-element-7c518e7d{--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-862 .elementor-element.elementor-element-14251b1b .elementor-heading-title{font-size:40px;}.elementor-862 .elementor-element.elementor-element-e66de64{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-862 .elementor-element.elementor-element-e66de64.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-862 .elementor-element.elementor-element-7d45aa6{padding:15px 0px 0px 0px;text-align:center;}.elementor-862 .elementor-element.elementor-element-7d45aa6 .elementor-heading-title{font-size:16px;}.elementor-862 .elementor-element.elementor-element-7618cc5.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-862 .elementor-element.elementor-element-61a2f5c{padding:0px 0px 0px 0px;--container-widget-width:82%;--container-widget-flex-grow:0;width:var( --container-widget-width, 82% );max-width:82%;text-align:center;}.elementor-862 .elementor-element.elementor-element-61a2f5c.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-862 .elementor-element.elementor-element-61a2f5c .elementor-heading-title{font-size:13px;letter-spacing:0px;}.elementor-862 .elementor-element.elementor-element-3fece92{padding:0px 0px 0px 0px;}.elementor-862 .elementor-element.elementor-element-3fece92.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-862 .elementor-element.elementor-element-4c2c214{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:5px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}.elementor-862 .elementor-element.elementor-element-4c2c214.e-con{--align-self:center;}.elementor-862 .elementor-element.elementor-element-a0f6c23 .elementor-button{font-size:var( --e-global-typography-520c191-font-size );line-height:var( --e-global-typography-520c191-line-height );}.elementor-862 .elementor-element.elementor-element-b75ff55{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-862 .elementor-element.elementor-element-f4d063b{text-align:center;}.elementor-862 .elementor-element.elementor-element-9687590{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-862 .elementor-element.elementor-element-9687590.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-862 .elementor-element.elementor-element-a698fc0.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-862 .elementor-element.elementor-element-f7c7446.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-862 .elementor-element.elementor-element-49de0f9d{--padding-top:25px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-862 .elementor-element.elementor-element-19c8ed48{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-862 .elementor-element.elementor-element-651be81{--container-widget-width:96%;--container-widget-flex-grow:0;width:var( --container-widget-width, 96% );max-width:96%;}.elementor-862 .elementor-element.elementor-element-651be81.elementor-element{--align-self:center;}.elementor-862 .elementor-element.elementor-element-dd4e73c{text-align:center;}.elementor-862 .elementor-element.elementor-element-dd4e73c img{width:39%;}.elementor-862 .elementor-element.elementor-element-b236dee{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-862 .elementor-element.elementor-element-b236dee.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-862 .elementor-element.elementor-element-9ce1bc7.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-862 .elementor-element.elementor-element-fced5dc.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-862 .elementor-element.elementor-element-aa4e207.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-862 .elementor-element.elementor-element-68c6dbe.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-862 .elementor-element.elementor-element-d731fec .elementor-button{font-size:var( --e-global-typography-520c191-font-size );line-height:var( --e-global-typography-520c191-line-height );}.elementor-862 .elementor-element.elementor-element-d2d557d{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-862 .elementor-element.elementor-element-20e69a7b{--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-862 .elementor-element.elementor-element-34ca048 img{max-width:100%;}}@media(min-width:768px){.elementor-862 .elementor-element.elementor-element-835f638{--width:100%;}.elementor-862 .elementor-element.elementor-element-19c8ed48{--width:72%;}.elementor-862 .elementor-element.elementor-element-637b3166{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-862 .elementor-element.elementor-element-1a5cf7d{--width:827px;}}/* Start custom CSS for container, class: .elementor-element-df547db */<!-- Paste THIS whole block into ONE Elementor HTML widget (works without any separate Custom CSS) -->
<style>
  /* =========================
     G&I — Solved API Process Graphic (INLINE)
     No Elementor Custom CSS required.
     ========================= */

  .gi-process{
    --gi-accent:#CF6623;
    --gi-ink:rgba(255,255,255,.92);
    --gi-muted:rgba(255,255,255,.72);
    --gi-dim:rgba(255,255,255,.58);
    --gi-line:rgba(255,255,255,.08);
    --gi-line2:rgba(255,255,255,.06);

    --gi-core-bg:rgba(255,255,255,.03);
    --gi-core-border:rgba(207,102,35,.42);

    display:grid;
    grid-template-columns: 1.05fr auto 1.6fr auto 1.05fr;
    gap:18px;
    align-items:center;

    width:min(1200px, 100%);
    margin:0 auto;

    padding:22px 22px;
    border:1px solid var(--gi-line2);
    border-radius:16px;
    background:transparent;
  }

  .gi-process .gi-step{ color:var(--gi-ink); }

  .gi-process .gi-kicker{
    font-size:12px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:rgba(140,170,205,.95); /* muted blue */
    margin-bottom:12px;
  }

  .gi-process .gi-iconrow{
    display:grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap:12px;
  }

  .gi-process .gi-ic{
    display:grid;
    justify-items:center;
    gap:8px;
    padding:10px 8px;
    border:1px solid var(--gi-line2);
    border-radius:12px;
    background:rgba(255,255,255,.015);
  }

  .gi-process .gi-ico{
    width:44px; height:44px;
    border-radius:12px;
    display:grid;
    place-items:center;
    border:1px solid var(--gi-line);
    background:rgba(0,0,0,.12);
  }

  .gi-process svg{
    width:22px; height:22px;
    stroke:rgba(255,255,255,.75);
    fill:none;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .gi-process .gi-label{
    font-size:12.5px;
    color:var(--gi-muted);
    text-align:center;
    line-height:1.2;
  }

  /* Arrows */
  .gi-process .gi-arrow{
    width:64px;
    height:2px;
    background:linear-gradient(90deg, transparent, var(--gi-accent), transparent);
    position:relative;
    opacity:.95;
  }

  .gi-process .gi-arrow:after{
    content:"";
    position:absolute;
    right:-1px;
    top:50%;
    transform:translateY(-50%);
    width:0; height:0;
    border-left:8px solid var(--gi-accent);
    border-top:6px solid transparent;
    border-bottom:6px solid transparent;
    filter:drop-shadow(0 0 6px rgba(207,102,35,.25));
  }

  /* Center core */
  .gi-process .gi-core{
    padding:16px 16px 14px;
    border-radius:16px;
    border:1px solid var(--gi-core-border);
    background:var(--gi-core-bg);
    box-shadow: 10px 12px 28px rgba(0,0,0,.25), 0 0 0 1px rgba(207,102,35,.08) inset;
  }

  .gi-process .gi-coreTop{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:14px;
    margin-bottom:14px;
  }

  .gi-process .gi-coreTitle{
    font-size:20px;
    font-weight:650;
    letter-spacing:.01em;
  }

  .gi-process .gi-coreMeta{
    font-size:12px;
    color:rgba(255,255,255,.68);
    white-space:nowrap;
  }

  .gi-process .gi-coreGrid{
    display:grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap:12px;
  }

  .gi-process .gi-coreBlock{
    border:1px solid var(--gi-line);
    border-radius:14px;
    padding:12px 10px;
    background:rgba(0,0,0,.10);
    display:grid;
    justify-items:center;
    gap:8px;
  }

  .gi-process .gi-coreIcon{
    width:46px; height:46px;
    border-radius:14px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.02);
  }

  .gi-process .gi-coreIcon svg{ width:24px; height:24px; stroke-width:1.65; }

  .gi-process .gi-coreName{
    font-size:14.5px;
    font-weight:600;
    color:var(--gi-ink);
  }

  .gi-process .gi-coreSub{
    font-size:12px;
    color:var(--gi-dim);
    margin-top:-4px;
    text-align:center;
  }

  .gi-process .gi-coreFooter{
    margin-top:12px;
    padding-top:10px;
    border-top:1px solid rgba(255,255,255,.07);
    font-size:12px;
    color:rgba(255,255,255,.62);
    text-align:center;
  }

  /* Output */
  .gi-process .gi-outCard{
    border:1px solid var(--gi-line2);
    border-radius:16px;
    padding:14px 14px 12px;
    background:rgba(255,255,255,.015);
    display:grid;
    gap:8px;
  }

  .gi-process .gi-outIcon{
    width:46px; height:46px;
    border-radius:14px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(0,0,0,.10);
  }

  .gi-process .gi-outIcon svg{ width:24px; height:24px; stroke-width:1.65; }

  .gi-process .gi-outTitle{
    font-size:14.5px;
    font-weight:650;
    color:var(--gi-ink);
  }

  .gi-process .gi-outSub{
    font-size:12px;
    color:rgba(255,255,255,.62);
  }

  .gi-process .gi-outTargets{
    margin-top:2px;
    font-size:12px;
    color:rgba(140,170,205,.92); /* muted blue */
    letter-spacing:.02em;
  }

  /* Responsive */
  @media (max-width: 980px){
    .gi-process{
      grid-template-columns: 1fr;
      gap:14px;
      padding:18px;
    }
    .gi-process .gi-arrow{ display:none; }
    .gi-process .gi-coreTop{
      flex-direction:column;
      align-items:flex-start;
    }
    .gi-process .gi-coreMeta{ white-space:normal; }
  }

  @media (max-width: 560px){
    .gi-process .gi-iconrow{ grid-template-columns: 1fr; }
    .gi-process .gi-coreGrid{ grid-template-columns: 1fr; }
  }
</style>

<div class="gi-process">
  <div class="gi-step gi-input">
    <div class="gi-kicker">Input</div>

    <div class="gi-iconrow">
      <div class="gi-ic">
        <div class="gi-ico">
          <!-- Envelope -->
          <svg viewBox="0 0 24 24" aria-hidden="true">
            <path d="M4 7.5h16v9H4z"/>
            <path d="M4.7 8.2 12 13.2l7.3-5"/>
          </svg>
        </div>
        <div class="gi-label">E-Mail</div>
      </div>

      <div class="gi-ic">
        <div class="gi-ico">
          <!-- PDF document -->
          <svg viewBox="0 0 24 24" aria-hidden="true">
            <path d="M7 3.5h7l3 3v14H7z"/>
            <path d="M14 3.5v3h3"/>
            <path d="M9 12.2h6M9 15h6M9 17.8h5"/>
          </svg>
        </div>
        <div class="gi-label">PDF</div>
      </div>

      <div class="gi-ic">
        <div class="gi-ico">
          <!-- Scan/Image -->
          <svg viewBox="0 0 24 24" aria-hidden="true">
            <path d="M8 4.5H5.5V7M16 4.5h2.5V7M8 19.5H5.5V17M16 19.5h2.5V17"/>
            <path d="M7 10.5h10M7 13.5h10"/>
            <path d="M9 8.5h6v8H9z"/>
          </svg>
        </div>
        <div class="gi-label">Scan / Bild</div>
      </div>
    </div>
  </div>

  <div class="gi-arrow" aria-hidden="true"></div>

  <div class="gi-step gi-core">
    <div class="gi-coreTop">
      <div class="gi-coreTitle">Solved API</div>
      <div class="gi-coreMeta">REST · OAuth2-only · TLS · EU-Hosting</div>
    </div>

    <div class="gi-coreGrid">
      <div class="gi-coreBlock">
        <div class="gi-coreIcon">
          <!-- OCR icon -->
          <svg viewBox="0 0 24 24" aria-hidden="true">
            <path d="M7 4.5h7l3 3v12H7z"/>
            <path d="M14 4.5v3h3"/>
            <path d="M9 11h6M9 13.5h6M9 16h5"/>
          </svg>
        </div>
        <div class="gi-coreName">OCR</div>
        <div class="gi-coreSub">(PDF / Bild)</div>
      </div>

      <div class="gi-coreBlock">
        <div class="gi-coreIcon">
          <!-- Classification icon -->
          <svg viewBox="0 0 24 24" aria-hidden="true">
            <path d="M7 6h10M7 12h10M7 18h10"/>
            <path d="M5.2 6.2l.9.9 1.7-1.7M5.2 12.2l.9.9 1.7-1.7M5.2 18.2l.9.9 1.7-1.7"/>
          </svg>
        </div>
        <div class="gi-coreName">Klassifikation</div>
        <div class="gi-coreSub">(dokumentart-basiert)</div>
      </div>

      <div class="gi-coreBlock">
        <div class="gi-coreIcon">
          <!-- Extraction/JSON icon -->
          <svg viewBox="0 0 24 24" aria-hidden="true">
            <path d="M10 6c-2 0-3 1.2-3 3v1c0 1-.6 1.7-1.5 2 1 .3 1.5 1 1.5 2v1c0 1.8 1 3 3 3"/>
            <path d="M14 6c2 0 3 1.2 3 3v1c0 1 .6 1.7 1.5 2-1 .3-1.5 1-1.5 2v1c0 1.8-1 3-3 3"/>
            <path d="M11 12h2"/>
          </svg>
        </div>
        <div class="gi-coreName">Extraktion</div>
        <div class="gi-coreSub">(definierte Felder)</div>
      </div>
    </div>

    <div class="gi-coreFooter">
      Regelbasierte Validierung · Confidence-Filter · Audit-Logging
    </div>
  </div>

  <div class="gi-arrow" aria-hidden="true"></div>

  <div class="gi-step gi-output">
    <div class="gi-kicker">Output</div>

    <div class="gi-outCard">
      <div class="gi-outIcon">
        <!-- JSON icon -->
        <svg viewBox="0 0 24 24" aria-hidden="true">
          <path d="M9.5 6c-2 0-3 1.2-3 3v1c0 1-.6 1.7-1.5 2 1 .3 1.5 1 1.5 2v1c0 1.8 1 3 3 3"/>
          <path d="M14.5 6c2 0 3 1.2 3 3v1c0 1 .6 1.7 1.5 2-1 .3-1.5 1-1.5 2v1c0 1.8-1 3-3 3"/>
          <path d="M11.2 12h1.6"/>
        </svg>
      </div>
      <div class="gi-outTitle">Standardisierte JSON-Response</div>
      <div class="gi-outSub">success · status · data</div>
      <div class="gi-outTargets">ERP · DMS · RPA · CRM · Portale</div>
    </div>
  </div>
</div>/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f4d063b */.gi-solved-copy{
  max-width: 1060px;
  margin: 0 auto;
  padding: 34px 36px 30px;
}

.gi-solved-copy h3{
  margin: 0 0 22px;
  font-size: 28px;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #F3F6FB;
}

.gi-solved-copy__text{
  max-width: 920px;
}

.gi-solved-copy__text p{
  margin: 0 0 18px;
  font-size: 17px;
  line-height: 1.62;
  font-weight: 400;
  color: rgba(255,255,255,0.84);
}

.gi-solved-copy__text p:last-child{
  margin-bottom: 0;
}

.gi-solved-copy__facts{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
  margin-top: 28px;
}

.gi-solved-fact{
  padding: 18px 20px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 18px;
  background: rgba(255,255,255,0.03);
  backdrop-filter: blur(6px);
}

.gi-solved-fact__label{
  display: block;
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #9EB6D8;
}

.gi-solved-fact__value{
  display: block;
  font-size: 18px;
  line-height: 1.45;
  font-weight: 600;
  color: rgba(255,255,255,0.92);
}

@media (max-width: 900px){
  .gi-solved-copy{
    padding: 28px 24px 24px;
  }

  .gi-solved-copy h3{
    font-size: 24px;
    margin-bottom: 18px;
  }

  .gi-solved-copy__text p{
    font-size: 16px;
    line-height: 1.58;
    margin-bottom: 16px;
  }

  .gi-solved-copy__facts{
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 22px;
  }

  .gi-solved-fact__value{
    font-size: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-835f638 */.gi-card{
  max-width: 1160px;
  margin: 18px auto 0;
  padding: 32px 36px;
  border-radius: 28px;
}/* End custom CSS */