{"id":21,"date":"2026-07-21T10:41:00","date_gmt":"2026-07-21T10:41:00","guid":{"rendered":"https:\/\/gpworkflow.it\/?st-import=a9969e1cd98dfb0b331579c7cd809abb"},"modified":"2026-10-07T15:52:24","modified_gmt":"2026-10-07T15:52:24","slug":"services","status":"publish","type":"page","link":"https:\/\/gpworkflow.it\/it\/services\/","title":{"rendered":"Servizi"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"21\" class=\"elementor elementor-21\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e34934 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"9e34934\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-77140b5 e-con-full e-flex e-con e-child\" data-id=\"77140b5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t<div class=\"elementor-element elementor-element-f1f1b5d e-con-full e-flex e-con e-child\" data-id=\"f1f1b5d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5c922f6 elementor-widget elementor-widget-heading\" data-id=\"5c922f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;textmuia_motion_duration&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;textmuia_motion_delay&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;textmuia_motion_stagger&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;textmuia_motion_ease&quot;:&quot;expo.out&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Servizi<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c2f6c3d elementor-widget elementor-widget-heading\" data-id=\"c2f6c3d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;textmuia_motion_duration&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;textmuia_motion_delay&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;textmuia_motion_stagger&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;textmuia_motion_ease&quot;:&quot;expo.out&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Soluzioni digitali progettate su misura per la tua attivit\u00e0.<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f3d4a4d elementor-widget elementor-widget-text-editor\" data-id=\"f3d4a4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;textmuia_motion_duration&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;textmuia_motion_delay&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;textmuia_motion_stagger&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;textmuia_motion_ease&quot;:&quot;expo.out&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Dai siti web professionali ai moduli intelligenti e ai flussi di lavoro automatizzati, realizzo soluzioni digitali pratiche che semplificano il lavoro, fanno risparmiare tempo e rendono la tua attivit\u00e0 pi\u00f9 efficiente.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-37dd287 e-con-full e-flex e-con e-parent\" data-id=\"37dd287\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-bcd65e2 e-con-full e-flex e-con e-child\" data-id=\"bcd65e2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5a2c27f e-con-full e-flex e-con e-child\" data-id=\"5a2c27f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bec75bf elementor-widget elementor-widget-heading\" data-id=\"bec75bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;textmuia_motion_duration&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;textmuia_motion_delay&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;textmuia_motion_stagger&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;textmuia_motion_ease&quot;:&quot;expo.out&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Come posso aiutare la tua attivit\u00e0?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e867c41 elementor-widget elementor-widget-text-editor\" data-id=\"e867c41\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;textmuia_motion_duration&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;textmuia_motion_delay&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;textmuia_motion_stagger&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;textmuia_motion_ease&quot;:&quot;expo.out&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Creo soluzioni digitali pratiche e su misura per la tua attivit\u00e0. Dai siti web professionali ai moduli intelligenti, fino ai flussi di lavoro automatizzati che fanno risparmiare tempo e semplificano le attivit\u00e0 quotidiane.<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-131cc40 e-con-full e-flex e-con e-child\" data-id=\"131cc40\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4aeecc6 e-con-full e-transform e-flex e-con e-child\" data-id=\"4aeecc6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.02,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t<div class=\"elementor-element elementor-element-94a50c2 e-con-full e-flex e-con e-child\" data-id=\"94a50c2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db065eb elementor-widget elementor-widget-image\" data-id=\"db065eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-15_52_58-1024x683.png\" class=\"attachment-large size-large wp-image-3598\" alt=\"chatgpt image 9 set 2026, 15 52 58\" srcset=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-15_52_58-1024x683.png 1024w, https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-15_52_58-300x200.png 300w, https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-15_52_58-768x512.png 768w, https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-15_52_58.png 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"  title=\"Servizi\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fa8da58 elementor-widget elementor-widget-hfe-infocard\" data-id=\"fa8da58\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hfe-infocard.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"hfe-infocard\">\n\t\t\t\t\t\t\t\t\t<div class=\"hfe-infocard-title-wrap\">\n\t\t\t\t<h4 class=\"hfe-infocard-title elementor-inline-editing\" data-elementor-setting-key=\"infocard_title\" data-elementor-inline-editing-toolbar=\"basic\" >Siti web in WordPress<\/h4>\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"hfe-infocard-text-wrap\">\n\t\t\t\t<div class=\"hfe-infocard-text elementor-inline-editing\" data-elementor-setting-key=\"infocard_description\" data-elementor-inline-editing-toolbar=\"advanced\">\n\t\t\t\t\tRealizzo siti web WordPress moderni, responsive e professionali con Elementor, progettati su misura per valorizzare il tuo brand, comunicare efficacemente i tuoi servizi e creare nuove opportunit\u00e0 per la tua attivit\u00e0.\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1a1509 elementor-widget elementor-widget-html\" data-id=\"d1a1509\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   WORDPRESS WEBSITES \u2014 SERVICE\r\n   SAME GRAPHIC SYSTEM AS SERVICE 04\r\n   ========================================================= *\/\r\n\r\n#gpwp{\r\n  --a:#287DB8;\r\n  --ad:#17689F;\r\n  --al:#EAF5FC;\r\n  --ar:40,125,184;\r\n  --ink:#173574;\r\n  --text:#5B6F96;\r\n  font-family:Arial,sans-serif;\r\n}\r\n\r\n#gpwp *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEARN MORE BUTTON\r\n   IDENTICAL STRUCTURE TO THE REFERENCE BUTTON\r\n   ========================================================= *\/\r\n\r\n#gpwp .gpwp-btn{\r\n  position:relative;\r\n\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  gap:10px;\r\n\r\n  min-width:154px;\r\n\r\n  padding:13px 19px;\r\n\r\n  border:1px solid rgba(40,125,184,.18);\r\n  border-radius:13px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #287DB8 0%,\r\n      #4BA5DB 48%,\r\n      #17689F 100%\r\n    );\r\n\r\n  color:#fff;\r\n\r\n  font-weight:800;\r\n\r\n  cursor:pointer;\r\n\r\n  font-size:14px;\r\n\r\n  letter-spacing:.2px;\r\n\r\n  text-decoration:none;\r\n\r\n  box-shadow:\r\n    0 10px 24px rgba(40,125,184,.20),\r\n    inset 0 1px 0 rgba(255,255,255,.25);\r\n\r\n  overflow:hidden;\r\n\r\n  isolation:isolate;\r\n\r\n  transition:\r\n    transform .3s cubic-bezier(.2,.8,.2,1),\r\n    box-shadow .3s ease;\r\n}\r\n\r\n#gpwp .gpwp-btn::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  z-index:-1;\r\n\r\n  background:\r\n    linear-gradient(\r\n      110deg,\r\n      transparent 20%,\r\n      rgba(255,255,255,.34) 45%,\r\n      transparent 70%\r\n    );\r\n\r\n  transform:translateX(-120%);\r\n\r\n  animation:\r\n    gpwpbtnshine 3.6s ease-in-out infinite;\r\n}\r\n\r\n#gpwp .gpwp-btn::after{\r\n  content:\"\u2192\";\r\n\r\n  display:inline-block;\r\n\r\n  font-size:18px;\r\n\r\n  line-height:1;\r\n\r\n  text-decoration:none;\r\n\r\n  transition:\r\n    transform .35s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n@keyframes gpwpbtnshine{\r\n\r\n  0%,45%{\r\n    transform:translateX(-120%);\r\n  }\r\n\r\n  70%,100%{\r\n    transform:translateX(120%);\r\n  }\r\n\r\n}\r\n\r\n#gpwp .gpwp-btn:hover{\r\n  color:#fff;\r\n\r\n  transform:\r\n    translateY(-4px)\r\n    scale(1.025);\r\n\r\n  box-shadow:\r\n    0 17px 34px rgba(40,125,184,.32),\r\n    0 0 0 5px rgba(40,125,184,.07);\r\n}\r\n\r\n#gpwp .gpwp-btn:hover::after{\r\n  transform:translateX(6px);\r\n}\r\n\r\n#gpwp .gpwp-btn:focus-visible{\r\n  outline:2px solid var(--a);\r\n  outline-offset:6px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MODAL\r\n   ========================================================= *\/\r\n\r\n#gpwp-modal{\r\n  display:none;\r\n\r\n  position:fixed;\r\n\r\n  inset:0;\r\n\r\n  width:100vw;\r\n  height:100vh;\r\n\r\n  padding:22px;\r\n\r\n  background:rgba(12,23,58,.74);\r\n\r\n  backdrop-filter:blur(10px);\r\n  -webkit-backdrop-filter:blur(10px);\r\n\r\n  z-index:999999;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n}\r\n\r\n#gpwp-modal.open{\r\n  display:flex;\r\n\r\n  animation:\r\n    gpwpfade .28s ease;\r\n}\r\n\r\n@keyframes gpwpfade{\r\n\r\n  from{\r\n    opacity:0;\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n  }\r\n\r\n}\r\n\r\n#gpwp-modal .win{\r\n  width:min(1280px,calc(100vw - 44px));\r\n\r\n  max-width:1280px;\r\n\r\n  max-height:95vh;\r\n\r\n  background:#fff;\r\n\r\n  border-radius:27px;\r\n\r\n  overflow:hidden;\r\n\r\n  position:relative;\r\n\r\n  box-shadow:\r\n    0 30px 100px rgba(20,35,90,.42);\r\n\r\n  animation:\r\n    gpwpin .48s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n@keyframes gpwpin{\r\n\r\n  from{\r\n    opacity:0;\r\n\r\n    transform:\r\n      translateY(35px)\r\n      scale(.965);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n\r\n    transform:none;\r\n  }\r\n\r\n}\r\n\r\n#gpwp-modal .scroll{\r\n  max-height:95vh;\r\n\r\n  overflow:auto;\r\n\r\n  scrollbar-width:thin;\r\n\r\n  scrollbar-color:#B4D7ED transparent;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CLOSE\r\n   ========================================================= *\/\r\n\r\n#gpwp-modal .close{\r\n  position:absolute;\r\n\r\n  right:17px;\r\n  top:17px;\r\n\r\n  width:43px;\r\n  height:43px;\r\n\r\n  border:0;\r\n\r\n  border-radius:50%;\r\n\r\n  background:rgba(255,255,255,.95);\r\n\r\n  color:#30477e;\r\n\r\n  font-size:25px;\r\n\r\n  line-height:1;\r\n\r\n  cursor:pointer;\r\n\r\n  z-index:50;\r\n\r\n  box-shadow:\r\n    0 7px 22px rgba(25,40,90,.16);\r\n\r\n  transition:.3s ease;\r\n}\r\n\r\n#gpwp-modal .close:hover{\r\n\r\n  transform:\r\n    rotate(90deg)\r\n    scale(1.08);\r\n\r\n  color:var(--a);\r\n\r\n  box-shadow:\r\n    0 10px 28px rgba(var(--ar),.22);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n   ========================================================= *\/\r\n\r\n#gpwp-modal .hero{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:68px 82px 62px;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 86% 12%,\r\n      rgba(40,125,184,.16),\r\n      rgba(40,125,184,0) 38%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 68% 90%,\r\n      rgba(75,165,219,.13),\r\n      rgba(75,165,219,0) 43%\r\n    ),\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      #ffffff 0%,\r\n      #f5faff 52%,\r\n      #edf7fc 100%\r\n    );\r\n}\r\n\r\n#gpwp-modal .hero::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:520px;\r\n  height:520px;\r\n\r\n  right:-220px;\r\n  top:-280px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(40,125,184,.13),\r\n      rgba(40,125,184,0) 70%\r\n    );\r\n\r\n  filter:blur(4px);\r\n\r\n  animation:\r\n    gpwpheroGlow 8s ease-in-out infinite alternate;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n#gpwp-modal .hero::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:38%;\r\n  bottom:-110px;\r\n\r\n  width:300px;\r\n  height:180px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(40,125,184,.10),\r\n      rgba(40,125,184,0) 70%\r\n    );\r\n\r\n  filter:blur(40px);\r\n\r\n  animation:\r\n    gpwpheroGlow2 10s ease-in-out infinite alternate;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n@keyframes gpwpheroGlow{\r\n\r\n  to{\r\n    transform:\r\n      translate(-70px,80px)\r\n      scale(1.18);\r\n  }\r\n\r\n}\r\n\r\n@keyframes gpwpheroGlow2{\r\n\r\n  to{\r\n    transform:\r\n      translate(100px,-35px)\r\n      scale(1.2);\r\n  }\r\n\r\n}\r\n\r\n#gpwp-modal .hero-grid{\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr 1fr;\r\n\r\n  gap:55px;\r\n\r\n  align-items:center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO TEXT\r\n   ========================================================= *\/\r\n\r\n#gpwp-modal .eyebrow{\r\n  font-size:12px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:1.5px;\r\n\r\n  color:var(--a);\r\n\r\n  margin-bottom:18px;\r\n}\r\n\r\n#gpwp-modal .title{\r\n  font-size:\r\n    clamp(38px,4vw,62px);\r\n\r\n  line-height:1.02;\r\n\r\n  letter-spacing:-2.8px;\r\n\r\n  color:#173574;\r\n\r\n  margin:0 0 22px;\r\n}\r\n\r\n#gpwp-modal .title span{\r\n  display:block;\r\n\r\n  width:max-content;\r\n\r\n  color:var(--a);\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #287DB8,\r\n      #4BA5DB,\r\n      #17689F\r\n    );\r\n\r\n  -webkit-background-clip:text;\r\n\r\n  background-clip:text;\r\n\r\n  -webkit-text-fill-color:transparent;\r\n\r\n  animation:\r\n    gpwpTitleShine 5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes gpwpTitleShine{\r\n\r\n  0%,100%{\r\n    filter:brightness(1);\r\n  }\r\n\r\n  50%{\r\n    filter:brightness(1.18);\r\n  }\r\n\r\n}\r\n\r\n#gpwp-modal .desc{\r\n  font-size:17px;\r\n\r\n  line-height:1.7;\r\n\r\n  color:#4d638f;\r\n\r\n  max-width:650px;\r\n}\r\n\r\n#gpwp-modal .tags{\r\n  display:flex;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:9px;\r\n\r\n  margin-top:25px;\r\n}\r\n\r\n#gpwp-modal .tag{\r\n  padding:9px 12px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:rgba(255,255,255,.82);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.17);\r\n\r\n  color:#40598d;\r\n\r\n  font-size:12px;\r\n\r\n  font-weight:700;\r\n\r\n  box-shadow:\r\n    0 5px 15px rgba(var(--ar),.05);\r\n\r\n  transition:.28s ease;\r\n}\r\n\r\n#gpwp-modal .tag:hover{\r\n\r\n  transform:translateY(-3px);\r\n\r\n  border-color:\r\n    rgba(var(--ar),.35);\r\n\r\n  box-shadow:\r\n    0 10px 22px rgba(var(--ar),.12);\r\n\r\n  color:var(--a);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO VISUAL\r\n   ========================================================= *\/\r\n\r\n#gpwp-modal .visual{\r\n  height:350px;\r\n\r\n  position:relative;\r\n\r\n  min-width:420px;\r\n\r\n  perspective:900px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 50% 50%,\r\n      rgba(40,125,184,.09),\r\n      transparent 65%\r\n    );\r\n\r\n  border-radius:40px;\r\n}\r\n\r\n#gpwp-modal .visual::before,\r\n#gpwp-modal .visual::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  border-radius:50%;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n#gpwp-modal .visual::before{\r\n  width:290px;\r\n  height:290px;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  border:\r\n    1px dashed\r\n    rgba(var(--ar),.22);\r\n\r\n  animation:\r\n    gpwpring 14s linear infinite;\r\n}\r\n\r\n#gpwp-modal .visual::after{\r\n  width:365px;\r\n  height:365px;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.10);\r\n\r\n  animation:\r\n    gpwpringReverse 20s linear infinite;\r\n}\r\n\r\n@keyframes gpwpring{\r\n\r\n  to{\r\n    transform:\r\n      translate(-50%,-50%)\r\n      rotate(360deg);\r\n  }\r\n\r\n}\r\n\r\n@keyframes gpwpringReverse{\r\n\r\n  to{\r\n    transform:\r\n      translate(-50%,-50%)\r\n      rotate(-360deg);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ORBIT\r\n   ========================================================= *\/\r\n\r\n#gpwp-modal .orbit{\r\n  position:absolute;\r\n\r\n  width:220px;\r\n  height:220px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.30);\r\n\r\n  border-radius:50%;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  animation:\r\n    gpwporbit 9s linear infinite;\r\n}\r\n\r\n#gpwp-modal .orbit::before,\r\n#gpwp-modal .orbit::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:8px;\r\n  height:8px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#287DB8;\r\n\r\n  box-shadow:\r\n    0 0 0 6px rgba(var(--ar),.08),\r\n    0 0 18px rgba(var(--ar),.5);\r\n}\r\n\r\n#gpwp-modal .orbit::before{\r\n  left:18px;\r\n  top:40px;\r\n}\r\n\r\n#gpwp-modal .orbit::after{\r\n  right:12px;\r\n  bottom:34px;\r\n}\r\n\r\n@keyframes gpwporbit{\r\n\r\n  to{\r\n    transform:\r\n      translate(-50%,-50%)\r\n      rotate(360deg);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CENTER\r\n   ========================================================= *\/\r\n\r\n#gpwp-modal .center{\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  width:136px;\r\n  height:136px;\r\n\r\n  border-radius:34px;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 27% 18%,\r\n      rgba(255,255,255,.32),\r\n      transparent 28%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #4BA5DB 0%,\r\n      #287DB8 45%,\r\n      #17689F 100%\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.42);\r\n\r\n  color:#fff;\r\n\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  gap:0;\r\n\r\n  box-shadow:\r\n\r\n    0 22px 48px rgba(40,125,184,.30),\r\n\r\n    0 0 0 9px rgba(40,125,184,.06),\r\n\r\n    0 0 65px rgba(40,125,184,.18);\r\n\r\n  animation:\r\n    gpwpCenterFloat 4s ease-in-out infinite;\r\n}\r\n\r\n#gpwp-modal .center::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:7px;\r\n\r\n  border-radius:27px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.34);\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(255,255,255,.09),\r\n      transparent 58%\r\n    );\r\n}\r\n\r\n#gpwp-modal .center::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:-32px;\r\n\r\n  border-radius:52px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(40,125,184,.28),\r\n      rgba(40,125,184,0) 69%\r\n    );\r\n\r\n  filter:blur(12px);\r\n\r\n  animation:\r\n    gpwpAura 3.4s ease-in-out infinite;\r\n\r\n  z-index:-1;\r\n}\r\n\r\n#gpwp-modal .center b{\r\n  font-family:Arial,sans-serif;\r\n\r\n  font-size:50px;\r\n\r\n  font-weight:900;\r\n\r\n  line-height:.85;\r\n\r\n  letter-spacing:-3px;\r\n\r\n  color:#fff;\r\n\r\n  text-shadow:\r\n    0 7px 20px\r\n    rgba(0,65,110,.22);\r\n}\r\n\r\n#gpwp-modal .center small{\r\n  margin-top:13px;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:900;\r\n\r\n  letter-spacing:1.8px;\r\n\r\n  color:#fff;\r\n\r\n  opacity:1;\r\n}\r\n\r\n@keyframes gpwpCenterFloat{\r\n\r\n  0%,100%{\r\n    transform:\r\n      translate(-50%,-50%)\r\n      translateY(0);\r\n  }\r\n\r\n  50%{\r\n    transform:\r\n      translate(-50%,-50%)\r\n      translateY(-5px);\r\n  }\r\n\r\n}\r\n\r\n@keyframes gpwpAura{\r\n\r\n  0%,100%{\r\n    transform:scale(.88);\r\n    opacity:.55;\r\n  }\r\n\r\n  50%{\r\n    transform:scale(1.14);\r\n    opacity:1;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NODES\r\n   ========================================================= *\/\r\n\r\n#gpwp-modal .node{\r\n  position:absolute;\r\n\r\n  width:145px;\r\n\r\n  min-height:98px;\r\n\r\n  padding:13px;\r\n\r\n  border-radius:18px;\r\n\r\n  background:rgba(255,255,255,.96);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.16);\r\n\r\n  box-shadow:\r\n\r\n    0 15px 32px rgba(45,60,125,.12),\r\n\r\n    0 0 0 1px rgba(255,255,255,.6) inset;\r\n\r\n  display:flex;\r\n\r\n  gap:9px;\r\n\r\n  align-items:center;\r\n\r\n  transition:\r\n    .35s cubic-bezier(.2,.8,.2,1);\r\n\r\n  animation:\r\n    gpwpfloat 4.5s ease-in-out infinite;\r\n}\r\n\r\n#gpwp-modal .node:nth-of-type(2){\r\n  animation-delay:-1.1s;\r\n}\r\n\r\n#gpwp-modal .node:nth-of-type(3){\r\n  animation-delay:-2.2s;\r\n}\r\n\r\n#gpwp-modal .node:nth-of-type(4){\r\n  animation-delay:-3.3s;\r\n}\r\n\r\n#gpwp-modal .node:hover{\r\n\r\n  transform:\r\n    translateY(-8px)\r\n    scale(1.025);\r\n\r\n  border-color:\r\n    rgba(var(--ar),.4);\r\n\r\n  box-shadow:\r\n\r\n    0 22px 42px rgba(var(--ar),.18),\r\n\r\n    0 0 0 1px rgba(255,255,255,.8) inset;\r\n}\r\n\r\n@keyframes gpwpfloat{\r\n\r\n  0%,100%{\r\n    transform:translateY(0);\r\n  }\r\n\r\n  50%{\r\n    transform:translateY(-7px);\r\n  }\r\n\r\n}\r\n\r\n#gpwp-modal .n1{\r\n  left:0;\r\n  top:4px;\r\n}\r\n\r\n#gpwp-modal .n2{\r\n  right:0;\r\n  top:4px;\r\n}\r\n\r\n#gpwp-modal .n3{\r\n  left:0;\r\n  bottom:4px;\r\n}\r\n\r\n#gpwp-modal .n4{\r\n  right:0;\r\n  bottom:4px;\r\n}\r\n\r\n#gpwp-modal .icon{\r\n  width:50px;\r\n  height:50px;\r\n\r\n  flex:0 0 50px;\r\n\r\n  border-radius:15px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  font-size:22px;\r\n\r\n  box-shadow:\r\n\r\n    0 7px 17px rgba(var(--ar),.13),\r\n\r\n    inset 0 0 0 1px rgba(var(--ar),.08);\r\n}\r\n\r\n#gpwp-modal .node strong{\r\n  display:block;\r\n\r\n  font-size:11px;\r\n\r\n  color:#243e78;\r\n}\r\n\r\n#gpwp-modal .node small{\r\n  display:block;\r\n\r\n  font-size:9px;\r\n\r\n  color:#7285a9;\r\n\r\n  margin-top:4px;\r\n\r\n  line-height:1.4;\r\n}\r\n\r\n#gpwp-modal .node::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  right:10px;\r\n  top:10px;\r\n\r\n  width:6px;\r\n  height:6px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#287DB8;\r\n\r\n  box-shadow:\r\n\r\n    0 0 0 4px rgba(40,125,184,.08),\r\n\r\n    0 0 10px rgba(40,125,184,.42);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NODE ICON COLORS\r\n   ========================================================= *\/\r\n\r\n#gpwp-modal .wordpress-icon{\r\n  background:#EAF5FC;\r\n  color:#21759B;\r\n}\r\n\r\n#gpwp-modal .elementor-icon{\r\n  background:#F0EBFF;\r\n  color:#7257D9;\r\n}\r\n\r\n#gpwp-modal .responsive-icon{\r\n  background:#EAF5FC;\r\n  color:#287DB8;\r\n}\r\n\r\n#gpwp-modal .business-icon{\r\n  background:#E8F6F9;\r\n  color:#17689F;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n   ========================================================= *\/\r\n\r\n#gpwp-modal .content{\r\n  position:relative;\r\n\r\n  padding:62px 82px 70px;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 0% 8%,\r\n      rgba(40,125,184,.075),\r\n      transparent 22%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 100% 30%,\r\n      rgba(75,165,219,.065),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 50% 100%,\r\n      rgba(40,125,184,.045),\r\n      transparent 30%\r\n    ),\r\n\r\n    #fff;\r\n}\r\n\r\n#gpwp-modal .content::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:0;\r\n  left:8%;\r\n\r\n  width:84%;\r\n  height:2px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(40,125,184,.18),\r\n      #4BA5DB,\r\n      rgba(40,125,184,.18),\r\n      transparent\r\n    );\r\n\r\n  opacity:.65;\r\n\r\n  animation:\r\n    gpwpcontentline 5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes gpwpcontentline{\r\n\r\n  0%,100%{\r\n    transform:scaleX(.72);\r\n    opacity:.45;\r\n  }\r\n\r\n  50%{\r\n    transform:scaleX(1);\r\n    opacity:.85;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n   ========================================================= *\/\r\n\r\n#gpwp-modal .label{\r\n  position:relative;\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  font-size:11px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:1.5px;\r\n\r\n  color:var(--a);\r\n\r\n  text-shadow:\r\n    0 3px 14px rgba(40,125,184,.12);\r\n\r\n  margin:0 0 10px;\r\n}\r\n\r\n#gpwp-modal .label::before{\r\n  content:\"\";\r\n\r\n  width:24px;\r\n  height:3px;\r\n\r\n  border-radius:10px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      #287DB8,\r\n      #8AC7E8\r\n    );\r\n\r\n  box-shadow:\r\n    0 0 12px rgba(40,125,184,.28);\r\n\r\n  animation:\r\n    gpwplabel 2.4s ease-in-out infinite;\r\n}\r\n\r\n@keyframes gpwplabel{\r\n\r\n  0%,100%{\r\n    width:24px;\r\n    opacity:1;\r\n  }\r\n\r\n  50%{\r\n    width:36px;\r\n    opacity:.68;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADINGS\r\n   ========================================================= *\/\r\n\r\n#gpwp-modal .heading{\r\n  position:relative;\r\n\r\n  font-size:34px;\r\n\r\n  color:#173574;\r\n\r\n  margin:0 0 16px;\r\n\r\n  letter-spacing:-.9px;\r\n}\r\n\r\n#gpwp-modal .heading::after{\r\n  content:\"\";\r\n\r\n  display:block;\r\n\r\n  width:54px;\r\n  height:4px;\r\n\r\n  margin-top:13px;\r\n\r\n  border-radius:10px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      #287DB8,\r\n      #73B8DD,\r\n      transparent\r\n    );\r\n\r\n  animation:\r\n    gpwpheadingline 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes gpwpheadingline{\r\n\r\n  50%{\r\n    width:95px;\r\n    opacity:.72;\r\n  }\r\n\r\n}\r\n\r\n#gpwp-modal .text{\r\n  color:#5b6f96;\r\n\r\n  line-height:1.75;\r\n\r\n  font-size:16px;\r\n\r\n  max-width:900px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NOTE\r\n   ========================================================= *\/\r\n\r\n#gpwp-modal .note{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      #F7FBFE,\r\n      #EAF5FC\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.18);\r\n\r\n  border-radius:14px;\r\n\r\n  padding:17px 20px;\r\n\r\n  color:#53678f;\r\n\r\n  margin:25px 0 35px;\r\n\r\n  line-height:1.6;\r\n\r\n  box-shadow:\r\n    0 10px 28px rgba(var(--ar),.06);\r\n}\r\n\r\n#gpwp-modal .note::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:-25%;\r\n  top:0;\r\n\r\n  width:20%;\r\n  height:100%;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(255,255,255,.65),\r\n      transparent\r\n    );\r\n\r\n  transform:skewX(-18deg);\r\n\r\n  animation:\r\n    gpwpsweep 5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes gpwpsweep{\r\n\r\n  50%{\r\n    left:120%;\r\n  }\r\n\r\n}\r\n\r\n#gpwp-modal .note strong{\r\n  color:#17689F;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARDS\r\n   ========================================================= *\/\r\n\r\n#gpwp-modal .cards{\r\n  position:relative;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n  gap:17px;\r\n\r\n  margin:0 0 60px;\r\n}\r\n\r\n#gpwp-modal .card{\r\n  padding:24px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.13);\r\n\r\n  border-radius:15px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #fff,\r\n      #F5FAFD\r\n    );\r\n\r\n  min-height:175px;\r\n\r\n  transition:\r\n    .32s cubic-bezier(.2,.8,.2,1);\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  animation:\r\n    gpwpcardin .7s both;\r\n}\r\n\r\n#gpwp-modal .card:nth-child(2){\r\n  animation-delay:.08s;\r\n}\r\n\r\n#gpwp-modal .card:nth-child(3){\r\n  animation-delay:.16s;\r\n}\r\n\r\n#gpwp-modal .card:nth-child(4){\r\n  animation-delay:.24s;\r\n}\r\n\r\n#gpwp-modal .card:nth-child(5){\r\n  animation-delay:.32s;\r\n}\r\n\r\n#gpwp-modal .card:nth-child(6){\r\n  animation-delay:.40s;\r\n}\r\n\r\n#gpwp-modal .card::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:0;\r\n  top:0;\r\n\r\n  width:100%;\r\n  height:3px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      var(--a),\r\n      #8AC7E8,\r\n      transparent\r\n    );\r\n\r\n  transform:scaleX(.25);\r\n\r\n  transition:.35s ease;\r\n}\r\n\r\n#gpwp-modal .card::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  right:-35px;\r\n  top:-35px;\r\n\r\n  width:100px;\r\n  height:100px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    rgba(var(--ar),.07);\r\n\r\n  filter:blur(2px);\r\n}\r\n\r\n#gpwp-modal .card:hover{\r\n\r\n  transform:\r\n    translateY(-7px)\r\n    scale(1.008);\r\n\r\n  border-color:\r\n    rgba(var(--ar),.34);\r\n\r\n  box-shadow:\r\n\r\n    0 20px 42px rgba(var(--ar),.14),\r\n\r\n    0 0 0 4px rgba(var(--ar),.035);\r\n}\r\n\r\n#gpwp-modal .card:hover::before{\r\n  transform:scaleX(1);\r\n}\r\n\r\n@keyframes gpwpcardin{\r\n\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(18px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:none;\r\n  }\r\n\r\n}\r\n\r\n#gpwp-modal .card-icon{\r\n  width:48px;\r\n  height:48px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  font-size:23px;\r\n\r\n  color:var(--a);\r\n\r\n  margin-bottom:14px;\r\n\r\n  border-radius:14px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #EAF5FC,\r\n      #DCECF7\r\n    );\r\n\r\n  box-shadow:\r\n\r\n    0 8px 18px rgba(var(--ar),.11),\r\n\r\n    inset 0 0 0 1px rgba(var(--ar),.08);\r\n\r\n  transition:.3s ease;\r\n}\r\n\r\n#gpwp-modal .card:hover .card-icon{\r\n\r\n  transform:\r\n    rotate(-5deg)\r\n    scale(1.08);\r\n\r\n  box-shadow:\r\n    0 12px 24px\r\n    rgba(var(--ar),.19);\r\n}\r\n\r\n#gpwp-modal .card h3{\r\n  margin:0 0 8px;\r\n\r\n  color:#243e78;\r\n\r\n  font-size:17px;\r\n}\r\n\r\n#gpwp-modal .card p{\r\n  margin:0;\r\n\r\n  color:#687b9e;\r\n\r\n  line-height:1.6;\r\n\r\n  font-size:14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROCESS\r\n   ========================================================= *\/\r\n\r\n#gpwp-modal .process{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 10% 0%,\r\n      rgba(var(--ar),.08),\r\n      transparent 28%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #F8FBFD,\r\n      #F1F8FC\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.14);\r\n\r\n  border-radius:20px;\r\n\r\n  padding:28px;\r\n\r\n  margin:20px 0 60px;\r\n}\r\n\r\n#gpwp-modal .process::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:0;\r\n  left:-30%;\r\n\r\n  width:28%;\r\n  height:3px;\r\n\r\n  border-radius:99px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      #287DB8,\r\n      #8AC7E8,\r\n      transparent\r\n    );\r\n\r\n  box-shadow:\r\n    0 0 18px rgba(40,125,184,.28);\r\n\r\n  animation:\r\n    gpwpprocessglow 5s ease-in-out infinite;\r\n}\r\n\r\n#gpwp-modal .process::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:90px;\r\n  height:90px;\r\n\r\n  right:-25px;\r\n  bottom:-45px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    rgba(40,125,184,.08);\r\n\r\n  filter:blur(12px);\r\n\r\n  animation:\r\n    gpwpprocessorb 6s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes gpwpprocessorb{\r\n\r\n  to{\r\n    transform:\r\n      translate(-45px,-20px)\r\n      scale(1.3);\r\n  }\r\n\r\n}\r\n\r\n@keyframes gpwpprocessglow{\r\n\r\n  to{\r\n    left:120%;\r\n  }\r\n\r\n}\r\n\r\n#gpwp-modal .steps{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4,1fr);\r\n\r\n  gap:18px;\r\n}\r\n\r\n#gpwp-modal .step-number{\r\n  width:42px;\r\n  height:42px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      var(--a),\r\n      var(--ad)\r\n    );\r\n\r\n  color:#fff;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  font-weight:800;\r\n\r\n  margin-bottom:12px;\r\n\r\n  box-shadow:\r\n    0 8px 20px rgba(var(--ar),.18);\r\n\r\n  animation:\r\n    gpwpstep 3s ease-in-out infinite;\r\n}\r\n\r\n#gpwp-modal .step:nth-child(2) .step-number{\r\n  animation-delay:.35s;\r\n}\r\n\r\n#gpwp-modal .step:nth-child(3) .step-number{\r\n  animation-delay:.7s;\r\n}\r\n\r\n#gpwp-modal .step:nth-child(4) .step-number{\r\n  animation-delay:1.05s;\r\n}\r\n\r\n@keyframes gpwpstep{\r\n\r\n  50%{\r\n\r\n    transform:translateY(-3px);\r\n\r\n    box-shadow:\r\n      0 12px 25px\r\n      rgba(var(--ar),.25);\r\n  }\r\n\r\n}\r\n\r\n#gpwp-modal .step h3{\r\n  color:#243e78;\r\n\r\n  font-size:16px;\r\n}\r\n\r\n#gpwp-modal .step p{\r\n  color:#687b9e;\r\n\r\n  font-size:13px;\r\n\r\n  line-height:1.55;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BEFORE \/ AFTER\r\n   ========================================================= *\/\r\n\r\n#gpwp-modal .example{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr 70px 1fr;\r\n\r\n  gap:18px;\r\n\r\n  align-items:center;\r\n\r\n  margin:25px 0 30px;\r\n}\r\n\r\n#gpwp-modal .box{\r\n  padding:24px;\r\n\r\n  border:\r\n    1px solid\r\n    #dfe4f5;\r\n\r\n  border-radius:18px;\r\n\r\n  background:#fff;\r\n\r\n  transition:.3s ease;\r\n}\r\n\r\n#gpwp-modal .box:hover{\r\n\r\n  transform:translateY(-4px);\r\n\r\n  box-shadow:\r\n    0 14px 28px\r\n    rgba(var(--ar),.08);\r\n}\r\n\r\n#gpwp-modal .box.after{\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #F0F7FC,\r\n      #E4F1F9\r\n    );\r\n\r\n  border-color:\r\n    rgba(var(--ar),.22);\r\n}\r\n\r\n#gpwp-modal .box-label{\r\n  font-size:10px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:1.3px;\r\n\r\n  color:var(--a);\r\n}\r\n\r\n#gpwp-modal .box h3{\r\n  color:#243e78;\r\n}\r\n\r\n#gpwp-modal .box p{\r\n  color:#687b9e;\r\n\r\n  line-height:1.6;\r\n}\r\n\r\n#gpwp-modal .arrow{\r\n  text-align:center;\r\n\r\n  font-size:30px;\r\n\r\n  color:var(--a);\r\n\r\n  animation:\r\n    gpwparrow 1.8s ease-in-out infinite;\r\n\r\n  text-shadow:\r\n    0 4px 14px\r\n    rgba(var(--ar),.18);\r\n}\r\n\r\n@keyframes gpwparrow{\r\n\r\n  50%{\r\n    transform:\r\n      translateX(8px)\r\n      scale(1.08);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOW\r\n   ========================================================= *\/\r\n\r\n#gpwp-modal .flow{\r\n  display:flex;\r\n\r\n  justify-content:center;\r\n\r\n  align-items:center;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:10px;\r\n\r\n  margin:30px 0 60px;\r\n}\r\n\r\n#gpwp-modal .flow span{\r\n  padding:9px 13px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#EAF5FC;\r\n\r\n  color:#4f5f94;\r\n\r\n  font-size:11px;\r\n\r\n  font-weight:800;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.10);\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n#gpwp-modal .flow span:hover{\r\n\r\n  transform:translateY(-3px);\r\n\r\n  color:var(--a);\r\n\r\n  box-shadow:\r\n    0 8px 18px\r\n    rgba(var(--ar),.09);\r\n}\r\n\r\n#gpwp-modal .flow b{\r\n  color:var(--a);\r\n\r\n  animation:\r\n    gpwpflow 1.5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes gpwpflow{\r\n\r\n  50%{\r\n    transform:translateX(3px);\r\n    opacity:.65;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOOLS\r\n   ========================================================= *\/\r\n\r\n#gpwp-modal .tools{\r\n  display:flex;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:10px;\r\n\r\n  margin:20px 0 60px;\r\n}\r\n\r\n#gpwp-modal .tool{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:11px 14px;\r\n\r\n  border:\r\n    1px solid\r\n    #dfe4f5;\r\n\r\n  border-radius:12px;\r\n\r\n  color:#53678f;\r\n\r\n  font-size:13px;\r\n\r\n  background:#fff;\r\n\r\n  transition:.28s ease;\r\n}\r\n\r\n#gpwp-modal .tool:hover{\r\n\r\n  transform:\r\n    translateY(-4px)\r\n    scale(1.015);\r\n\r\n  border-color:\r\n    rgba(var(--ar),.3);\r\n\r\n  color:var(--a);\r\n\r\n  box-shadow:\r\n    0 10px 20px\r\n    rgba(var(--ar),.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESULTS\r\n   ========================================================= *\/\r\n\r\n#gpwp-modal .results{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n  gap:12px;\r\n\r\n  margin:20px 0 55px;\r\n}\r\n\r\n#gpwp-modal .result{\r\n  padding:14px 16px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #F8FBFD,\r\n      #EFF7FB\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.10);\r\n\r\n  color:#53678f;\r\n\r\n  font-size:14px;\r\n\r\n  transition:.28s ease;\r\n}\r\n\r\n#gpwp-modal .result:hover{\r\n\r\n  transform:translateY(-3px);\r\n\r\n  border-color:\r\n    rgba(var(--ar),.24);\r\n\r\n  box-shadow:\r\n    0 10px 20px\r\n    rgba(var(--ar),.08);\r\n}\r\n\r\n#gpwp-modal .result b{\r\n  color:var(--a);\r\n\r\n  margin-right:8px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n   ========================================================= *\/\r\n\r\n#gpwp-modal .cta{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:24px;\r\n\r\n  padding:42px 44px;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 10% 10%,\r\n      rgba(255,255,255,.18),\r\n      transparent 28%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 90% 90%,\r\n      rgba(190,225,250,.20),\r\n      transparent 30%\r\n    ),\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      #287DB8 0%,\r\n      #2375AD 43%,\r\n      #17689F 100%\r\n    );\r\n\r\n  color:#fff;\r\n\r\n  display:flex;\r\n\r\n  justify-content:space-between;\r\n\r\n  align-items:center;\r\n\r\n  gap:30px;\r\n\r\n  box-shadow:\r\n    0 22px 55px\r\n    rgba(var(--ar),.27);\r\n}\r\n\r\n#gpwp-modal .cta::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:380px;\r\n  height:380px;\r\n\r\n  left:-150px;\r\n  top:-235px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle,\r\n      rgba(255,255,255,.23),\r\n      transparent 68%\r\n    );\r\n\r\n  filter:blur(8px);\r\n\r\n  animation:\r\n    gpwporb1 8s ease-in-out infinite alternate;\r\n}\r\n\r\n#gpwp-modal .cta::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:350px;\r\n  height:350px;\r\n\r\n  right:-120px;\r\n  bottom:-220px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle,\r\n      rgba(255,255,255,.19),\r\n      rgba(190,225,250,.17) 30%,\r\n      transparent 70%\r\n    );\r\n\r\n  filter:blur(9px);\r\n\r\n  animation:\r\n    gpwporb2 11s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes gpwporb1{\r\n\r\n  to{\r\n    transform:\r\n      translate(130px,60px)\r\n      scale(1.12);\r\n  }\r\n\r\n}\r\n\r\n@keyframes gpwporb2{\r\n\r\n  to{\r\n    transform:\r\n      translate(-80px,-40px)\r\n      scale(1.1);\r\n  }\r\n\r\n}\r\n\r\n#gpwp-modal .cta > *{\r\n  position:relative;\r\n\r\n  z-index:3;\r\n}\r\n\r\n#gpwp-modal .cta h2{\r\n  margin:0 0 8px;\r\n\r\n  font-size:34px;\r\n\r\n  letter-spacing:-.8px;\r\n\r\n  color:#fff !important;\r\n\r\n  text-shadow:\r\n    0 5px 22px rgba(0,55,100,.20);\r\n}\r\n\r\n#gpwp-modal .cta p{\r\n  margin:0;\r\n\r\n  color:\r\n    rgba(255,255,255,.94) !important;\r\n\r\n  opacity:1;\r\n\r\n  line-height:1.65;\r\n\r\n  max-width:620px;\r\n}\r\n\r\n#gpwp-modal .cta a{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #ffffff 0%,\r\n      #F7FBFE 52%,\r\n      #E7F2F9 100%\r\n    );\r\n\r\n  color:#17689F;\r\n\r\n  padding:14px 21px;\r\n\r\n  border-radius:11px;\r\n\r\n  text-decoration:none;\r\n\r\n  font-weight:800;\r\n\r\n  white-space:nowrap;\r\n\r\n  box-shadow:\r\n\r\n    0 12px 28px\r\n    rgba(20,30,85,.16),\r\n\r\n    inset 0 1px 0\r\n    rgba(255,255,255,1);\r\n\r\n  transition:\r\n    .32s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n#gpwp-modal .cta a::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      110deg,\r\n      transparent 20%,\r\n      rgba(40,125,184,.13) 48%,\r\n      transparent 72%\r\n    );\r\n\r\n  transform:translateX(-120%);\r\n\r\n  animation:\r\n    gpwpctabtn 3.8s ease-in-out infinite;\r\n}\r\n\r\n@keyframes gpwpctabtn{\r\n\r\n  0%,45%{\r\n    transform:translateX(-120%);\r\n  }\r\n\r\n  70%,100%{\r\n    transform:translateX(120%);\r\n  }\r\n\r\n}\r\n\r\n#gpwp-modal .cta a::after{\r\n  content:\"\u2192\";\r\n\r\n  display:inline-block;\r\n\r\n  margin-left:7px;\r\n\r\n  transition:.32s ease;\r\n}\r\n\r\n#gpwp-modal .cta a:hover{\r\n\r\n  transform:\r\n    translateY(-5px)\r\n    scale(1.025);\r\n\r\n  box-shadow:\r\n    0 20px 40px\r\n    rgba(20,30,85,.25);\r\n}\r\n\r\n#gpwp-modal .cta a:hover::after{\r\n  transform:translateX(6px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n   ========================================================= *\/\r\n\r\n@media(max-width:900px){\r\n\r\n  #gpwp-modal .hero,\r\n  #gpwp-modal .content{\r\n    padding:40px 25px;\r\n  }\r\n\r\n  #gpwp-modal .hero-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #gpwp-modal .visual{\r\n    min-width:0;\r\n  }\r\n\r\n  #gpwp-modal .cards,\r\n  #gpwp-modal .steps,\r\n  #gpwp-modal .results{\r\n    grid-template-columns:\r\n      1fr 1fr;\r\n  }\r\n\r\n  #gpwp-modal .cta{\r\n    flex-direction:column;\r\n\r\n    align-items:flex-start;\r\n  }\r\n\r\n}\r\n\r\n@media(max-width:600px){\r\n\r\n  #gpwp-modal{\r\n    padding:10px;\r\n  }\r\n\r\n  #gpwp-modal .win{\r\n\r\n    width:\r\n      calc(100vw - 20px)!important;\r\n\r\n    border-radius:\r\n      18px!important;\r\n  }\r\n\r\n  #gpwp-modal .hero,\r\n  #gpwp-modal .content{\r\n\r\n    padding:\r\n      35px 20px!important;\r\n  }\r\n\r\n  #gpwp-modal .visual{\r\n\r\n    height:315px;\r\n\r\n    transform:scale(.72);\r\n\r\n    margin:-20px -50px;\r\n  }\r\n\r\n  #gpwp-modal .title{\r\n    letter-spacing:-1.7px;\r\n  }\r\n\r\n  #gpwp-modal .cards,\r\n  #gpwp-modal .steps,\r\n  #gpwp-modal .results{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #gpwp-modal .example{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #gpwp-modal .arrow{\r\n    transform:rotate(90deg);\r\n  }\r\n\r\n  #gpwp-modal .cta{\r\n\r\n    padding:\r\n      30px 25px!important;\r\n  }\r\n\r\n  #gpwp-modal .cta h2{\r\n    font-size:27px;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<div id=\"gpwp\">\r\n\r\n  <!-- =====================================================\r\n       LEARN MORE\r\n       ===================================================== -->\r\n\r\n  <button\r\n    type=\"button\"\r\n    class=\"gpwp-btn\"\r\n    id=\"gpwp-open\"\r\n  >\r\n    Scopri di pi\u00f9\r\n  <\/button>\r\n\r\n\r\n  <!-- =====================================================\r\n       MODAL\r\n       ===================================================== -->\r\n\r\n  <div\r\n    id=\"gpwp-modal\"\r\n    aria-hidden=\"true\"\r\n  >\r\n\r\n    <div class=\"win\">\r\n\r\n      <button\r\n        class=\"close\"\r\n        type=\"button\"\r\n        aria-label=\"Close\"\r\n      >\r\n        \u00d7\r\n      <\/button>\r\n\r\n      <div class=\"scroll\">\r\n\r\n\r\n        <!-- =================================================\r\n             HERO\r\n             ================================================= -->\r\n\r\n        <section class=\"hero\">\r\n\r\n          <div class=\"hero-grid\">\r\n\r\n            <div>\r\n\r\n              <div class=\"eyebrow\">\r\n                SERVIZIO \u00b7 SITI WEB WORDPRESS\r\n              <\/div>\r\n\r\n              <h1 class=\"title\">\r\n                WordPress\r\n                <span>Websites<\/span>\r\n              <\/h1>\r\n\r\n              <p class=\"desc\">\r\n                Creo siti web WordPress moderni e responsive con Elementor, progettati per valorizzare la tua attivit\u00e0 e aiutarti a generare nuove opportunit\u00e0.\r\n              <\/p>\r\n\r\n              <div class=\"tags\">\r\n\r\n                <span class=\"tag\">\r\n                  \u25c8 WordPress\r\n                <\/span>\r\n\r\n                <span class=\"tag\">\r\n                  \u2726 Elementor\r\n                <\/span>\r\n\r\n                <span class=\"tag\">\r\n                  Design responsivo\r\n                <\/span>\r\n\r\n                <span class=\"tag\">\r\n                  Siti web aziendali\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 HERO VISUAL\r\n                 ================================================= -->\r\n\r\n            <div class=\"visual\">\r\n\r\n              <div class=\"orbit\"><\/div>\r\n\r\n\r\n              <!-- WORDPRESS -->\r\n\r\n              <div class=\"node n1\">\r\n\r\n                <div class=\"icon wordpress-icon\">\r\n                  W\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                  <strong>\r\n                    WordPress\r\n                  <\/strong>\r\n\r\n                  <small>\r\n                    Piattaforma per siti web flessibile.\r\n                  <\/small>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- ELEMENTOR -->\r\n\r\n              <div class=\"node n2\">\r\n\r\n                <div class=\"icon elementor-icon\">\r\n                  E\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                  <strong>\r\n                    Elementor\r\n                  <\/strong>\r\n\r\n                  <small>\r\n                    Design personalizzato delle pagine.\r\n                  <\/small>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- RESPONSIVE -->\r\n\r\n              <div class=\"node n3\">\r\n\r\n                <div class=\"icon responsive-icon\">\r\n                  \u25eb\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                  <strong>\r\n                    Responsive\r\n                  <\/strong>\r\n\r\n                  <small>\r\n                    Desktop & mobile\r\n                  <\/small>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- BUSINESS -->\r\n\r\n              <div class=\"node n4\">\r\n\r\n                <div class=\"icon business-icon\">\r\n                  \u2197\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                  <strong>\r\n                    Business\r\n                  <\/strong>\r\n\r\n                  <small>\r\n                    Progettato per raggiungere i tuoi obiettivi.\r\n                  <\/small>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- CENTER -->\r\n\r\n              <div class=\"center\">\r\n\r\n                <b>\r\n                  W\r\n                <\/b>\r\n\r\n                <small>\r\n                  WORDPRESS\r\n                <\/small>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/section>\r\n\r\n\r\n        <!-- =================================================\r\n             CONTENT\r\n             ================================================= -->\r\n\r\n        <section class=\"content\">\r\n\r\n\r\n          <!-- =================================================\r\n               YOUR WEBSITE\r\n               ================================================= -->\r\n\r\n          <div class=\"label\">\r\n            IL TUO SITO WEB\r\n          <\/div>\r\n\r\n          <h2 class=\"heading\">\r\n            Trasforma la tua presenza online in un vero strumento professionale per la tua attivit\u00e0\r\n          <\/h2>\r\n\r\n          <p class=\"text\">\r\n            Un sito web aziendale dovrebbe fare molto pi\u00f9 che essere semplicemente presente online. Dovrebbe comunicare in modo chiaro ci\u00f2 che offre la tua attivit\u00e0, rendere le informazioni facilmente reperibili e offrire ai potenziali clienti una prima impressione professionale.\r\n          <\/p>\r\n\r\n          <div class=\"note\">\r\n\r\n            <strong>\r\n              Progettato su misura per la tua attivit\u00e0.\r\n            <\/strong>\r\n\r\n            Il sito web \u00e8 strutturato intorno ai tuoi servizi, al tuo brand e alle informazioni di cui i tuoi clienti hanno realmente bisogno, creando un\u2019esperienza chiara e professionale, anzich\u00e9 basarsi su un semplice template generico.\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               WHAT I CAN BUILD\r\n               ================================================= -->\r\n\r\n          <div class=\"cards\">\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                W\r\n              <\/div>\r\n\r\n              <h3>\r\n                Sviluppo WordPress\r\n              <\/h3>\r\n\r\n              <p>\r\n                Crea un sito web WordPress flessibile che offra alla tua attivit\u00e0 una presenza online professionale e facile da gestire.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                E\r\n              <\/div>\r\n\r\n              <h3>\r\n                Elementor Design\r\n              <\/h3>\r\n\r\n              <p>\r\n                Crea layout di pagina personalizzati con Elementor, progettati in base al tuo brand, ai tuoi contenuti e agli obiettivi della tua attivit\u00e0.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \u25eb\r\n              <\/div>\r\n\r\n              <h3>\r\n                Design responsivo\r\n              <\/h3>\r\n\r\n              <p>\r\n                Fai in modo che il sito web funzioni correttamente su desktop, tablet e dispositivi mobili, con layout che si adattano alle diverse dimensioni dello schermo.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \u25a4\r\n              <\/div>\r\n\r\n              <h3>\r\n                Pagine Aziendali\r\n              <\/h3>\r\n\r\n              <p>\r\n                Struttura pagine importanti come Servizi, Chi siamo, Contatti e altre sezioni in base alle informazioni di cui i clienti hanno bisogno.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \u2197\r\n              <\/div>\r\n\r\n              <h3>\r\n                Generazione di contatti\r\n              <\/h3>\r\n\r\n              <p>\r\n                Guida i visitatori verso azioni utili, come contattare la tua attivit\u00e0, richiedere informazioni o mettersi in contatto con te.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \u2699\r\n              <\/div>\r\n\r\n              <h3>\r\n                Funzionalit\u00e0 personalizzate\r\n              <\/h3>\r\n\r\n              <p>\r\n                Aggiungi le funzionalit\u00e0 di cui la tua attivit\u00e0 ha bisogno, senza complicare inutilmente il sito web o l\u2019esperienza dei clienti.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               PROCESS\r\n               ================================================= -->\r\n\r\n          <div class=\"label\">\r\n            IL PROCESSO\r\n          <\/div>\r\n\r\n          <h2 class=\"heading\">\r\n            Dall\u2019idea di business a un sito web professionale\r\n          <\/h2>\r\n\r\n          <p class=\"text\">\r\n            Prima comprendo la tua attivit\u00e0 e gli obiettivi che il sito web deve raggiungere, poi strutturo e sviluppo il sito in base alle informazioni, al design e alle funzionalit\u00e0 necessarie.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"process\">\r\n\r\n            <div class=\"steps\">\r\n\r\n\r\n              <div class=\"step\">\r\n\r\n                <div class=\"step-number\">\r\n                  01\r\n                <\/div>\r\n\r\n                <h3>\r\n                  Comprendi\r\n                <\/h3>\r\n\r\n                <p>\r\n                  Comprendi la tua attivit\u00e0, i tuoi servizi, il tuo pubblico e ci\u00f2 che il sito web deve comunicare.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"step\">\r\n\r\n                <div class=\"step-number\">\r\n                  02\r\n                <\/div>\r\n\r\n                <h3>\r\n                  Structure\r\n                <\/h3>\r\n\r\n                <p>\r\n                  Definisci le pagine, la struttura dei contenuti, la navigazione e le informazioni di cui i visitatori hanno bisogno.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"step\">\r\n\r\n                <div class=\"step-number\">\r\n                  03\r\n                <\/div>\r\n\r\n                <h3>\r\n                  Realizza\r\n                <\/h3>\r\n\r\n                <p>\r\n                  Sviluppa il sito web in WordPress, implementa il design e aggiungi le funzionalit\u00e0 richieste.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"step\">\r\n\r\n                <div class=\"step-number\">\r\n                  04\r\n                <\/div>\r\n\r\n                <h3>\r\n                  Testa e migliora\r\n                <\/h3>\r\n\r\n                <p>\r\n                  Testa il sito web su diversi dispositivi, perfeziona l\u2019esperienza utente e preparalo per la consegna.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               BEFORE \u2192 AFTER\r\n               ================================================= -->\r\n\r\n          <div class=\"label\">\r\n            PRIMA \u2192 DOPO\r\n          <\/div>\r\n\r\n          <h2 class=\"heading\">\r\n            Sostituisci una presenza online ormai datata con un sito web professionale\r\n          <\/h2>\r\n\r\n          <p class=\"text\">\r\n            L\u2019obiettivo \u00e8 creare un sito web che renda la tua attivit\u00e0 pi\u00f9 facile da comprendere, pi\u00f9 facile da contattare e pi\u00f9 professionale fin dal primo contatto.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"example\">\r\n\r\n\r\n            <div class=\"box\">\r\n\r\n              <div class=\"box-label\">\r\n                PRIMA\r\n              <\/div>\r\n\r\n              <h3>\r\n                Presenza online poco efficace\r\n              <\/h3>\r\n\r\n              <p>\r\n                Pagine obsolete, informazioni poco chiare, una scarsa esperienza da mobile o l\u2019assenza di un sito web professionale possono rendere difficile per i potenziali clienti comprendere la tua attivit\u00e0.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"arrow\">\r\n              \u2192\r\n            <\/div>\r\n\r\n\r\n            <div class=\"box after\">\r\n\r\n              <div class=\"box-label\">\r\n                DOPO\r\n              <\/div>\r\n\r\n              <h3>\r\n                Sito web professionale\r\n              <\/h3>\r\n\r\n              <p>\r\n                Un sito web chiaro, responsivo e professionale presenta la tua attivit\u00e0, i tuoi servizi e le informazioni di contatto in modo strutturato e facilmente accessibile.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               FLOW\r\n               ================================================= -->\r\n\r\n          <div class=\"flow\">\r\n\r\n            <span>\r\n              BUSINESS\r\n            <\/span>\r\n\r\n            <b>\r\n              \u2192\r\n            <\/b>\r\n\r\n            <span>\r\n              STRUTTURA\r\n            <\/span>\r\n\r\n            <b>\r\n              \u2192\r\n            <\/b>\r\n\r\n            <span>\r\n              DESIGN\r\n            <\/span>\r\n\r\n            <b>\r\n              \u2192\r\n            <\/b>\r\n\r\n            <span>\r\n              WORDPRESS\r\n            <\/span>\r\n\r\n            <b>\r\n              \u2192\r\n            <\/b>\r\n\r\n            <span>\r\n              SITO WEB\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               TOOLS\r\n               ================================================= -->\r\n\r\n          <div class=\"label\">\r\n            STRUMENTI E PIATTAFORME\r\n          <\/div>\r\n\r\n          <h2 class=\"heading\">\r\n            Realizzato con strumenti pratici per la tua attivit\u00e0\r\n          <\/h2>\r\n\r\n          <p class=\"text\">\r\n            Il sito web pu\u00f2 combinare WordPress con gli strumenti e i servizi necessari per creare una presenza online pratica, responsiva e professionale.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"tools\">\r\n\r\n            <div class=\"tool\">\r\n              \u25c8 WordPress\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              \u2726 Elementor\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              Design responsivo\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              \ud83d\udd0d SEO\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              Moduli di contatto\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              \u2601 Google Workspace\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              Funzionalit\u00e0 personalizzate\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              Integrazioni aziendali\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               RESULT\r\n               ================================================= -->\r\n\r\n          <div class=\"label\">\r\n            IL RISULTATO\r\n          <\/div>\r\n\r\n          <h2 class=\"heading\">\r\n            Cosa ottiene la tua attivit\u00e0\r\n          <\/h2>\r\n\r\n          <p class=\"text\">\r\n            Il sito web finale \u00e8 progettato per offrire alla tua attivit\u00e0 una presenza online pi\u00f9 solida, rendendo al contempo i tuoi servizi, le informazioni e le modalit\u00e0 di contatto pi\u00f9 facili da comprendere e utilizzare per i visitatori.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"results\">\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Presenza online professionale\r\n            <\/div>\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Presentazione chiara dei servizi\r\n            <\/div>\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Esperienza responsiva\r\n            <\/div>\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Struttura facile da navigare\r\n            <\/div>\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Chiare possibilit\u00e0 di contatto\r\n            <\/div>\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Piattaforma WordPress flessibile\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               FINAL CTA\r\n               ================================================= -->\r\n\r\n          <div class=\"cta\">\r\n\r\n            <div>\r\n\r\n              <h2>\r\n                Hai un progetto in mente?\r\n              <\/h2>\r\n\r\n              <p>\r\n                Dimmi di cosa hai bisogno e costruiamo insieme un sito web professionale su misura per la tua attivit\u00e0.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n            <a href=\"\/it\/contact\/\">\r\n              Parliamone\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/section>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  const m =\r\n    document.getElementById('gpwp-modal');\r\n\r\n  const o =\r\n    document.getElementById('gpwp-open');\r\n\r\n  if(!m || !o) return;\r\n\r\n\r\n  \/*\r\n   * Move modal directly under body.\r\n   * Prevents Elementor \/ WordPress containers\r\n   * from affecting the fixed positioning.\r\n   *\/\r\n\r\n  document.body.appendChild(m);\r\n\r\n\r\n  const c =\r\n    m.querySelector('.close');\r\n\r\n\r\n  function open(){\r\n\r\n    m.classList.add('open');\r\n\r\n    m.setAttribute(\r\n      'aria-hidden',\r\n      'false'\r\n    );\r\n\r\n    document.body.style.overflow =\r\n      'hidden';\r\n\r\n  }\r\n\r\n\r\n  function shut(){\r\n\r\n    m.classList.remove('open');\r\n\r\n    m.setAttribute(\r\n      'aria-hidden',\r\n      'true'\r\n    );\r\n\r\n    document.body.style.overflow =\r\n      '';\r\n\r\n  }\r\n\r\n\r\n  o.addEventListener(\r\n    'click',\r\n    function(e){\r\n\r\n      e.preventDefault();\r\n\r\n      open();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  c.addEventListener(\r\n    'click',\r\n    shut\r\n  );\r\n\r\n\r\n  m.addEventListener(\r\n    'click',\r\n    function(e){\r\n\r\n      if(e.target === m){\r\n\r\n        shut();\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n\r\n  document.addEventListener(\r\n    'keydown',\r\n    function(e){\r\n\r\n      if(\r\n        e.key === 'Escape' &&\r\n        m.classList.contains('open')\r\n      ){\r\n\r\n        shut();\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-344be72 e-con-full e-transform e-flex e-con e-child\" data-id=\"344be72\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.02,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t<div class=\"elementor-element elementor-element-c61ec8d e-con-full e-flex e-con e-child\" data-id=\"c61ec8d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d0456f elementor-widget elementor-widget-image\" data-id=\"2d0456f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-15_47_19-1024x683.png\" class=\"attachment-large size-large wp-image-3596\" alt=\"chatgpt image 9 set 2026, 15 47 19\" srcset=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-15_47_19-1024x683.png 1024w, https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-15_47_19-300x200.png 300w, https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-15_47_19-768x512.png 768w, https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-15_47_19.png 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"  title=\"Servizi\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f898ea elementor-widget elementor-widget-hfe-infocard\" data-id=\"7f898ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hfe-infocard.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"hfe-infocard\">\n\t\t\t\t\t\t\t\t\t<div class=\"hfe-infocard-title-wrap\">\n\t\t\t\t<h4 class=\"hfe-infocard-title elementor-inline-editing\" data-elementor-setting-key=\"infocard_title\" data-elementor-inline-editing-toolbar=\"basic\" >Moduli Google e raccolta dati<\/h4>\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"hfe-infocard-text-wrap\">\n\t\t\t\t<div class=\"hfe-infocard-text elementor-inline-editing\" data-elementor-setting-key=\"infocard_description\" data-elementor-inline-editing-toolbar=\"advanced\">\n\t\t\t\t\tCreo moduli Google professionali con logiche condizionali, convalida dei dati e raccolta strutturata delle informazioni, su misura per la tua attivit\u00e0.\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b335aa elementor-widget elementor-widget-html\" data-id=\"1b335aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n#gp01{\r\n  --a:#6C3CE9;\r\n  --ad:#5130B0;\r\n  --al:#F0EAFF;\r\n  --ar:108,60,233;\r\n  --ink:#173574;\r\n  --text:#5B6F96;\r\n  font-family:Arial,sans-serif;\r\n}\r\n#gp01 *{box-sizing:border-box}\r\n\r\n#gp01 .gp01-btn{\r\n  position:relative;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:10px;\r\n  min-width:154px;\r\n  padding:13px 19px;\r\n  border:1px solid rgba(108,60,233,.18);\r\n  border-radius:13px;\r\n  background:linear-gradient(135deg,#6C3CE9 0%,#8055ed 48%,#5130B0 100%);\r\n  color:#fff;\r\n  font-weight:800;\r\n  cursor:pointer;\r\n  font-size:14px;\r\n  letter-spacing:.2px;\r\n  text-decoration:none;\r\n  box-shadow:0 10px 24px rgba(108,60,233,.20),inset 0 1px 0 rgba(255,255,255,.25);\r\n  overflow:hidden;\r\n  isolation:isolate;\r\n  transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease;\r\n}\r\n#gp01 .gp01-btn::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:-1;\r\n  background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.34) 45%,transparent 70%);\r\n  transform:translateX(-120%);\r\n  animation:gp01btnshine 3.6s ease-in-out infinite;\r\n}\r\n#gp01 .gp01-btn::after{\r\n  content:\"\u2192\";\r\n  display:inline-block;\r\n  font-size:18px;\r\n  line-height:1;\r\n  text-decoration:none;\r\n  transition:transform .35s cubic-bezier(.2,.8,.2,1);\r\n}\r\n@keyframes gp01btnshine{\r\n  0%,45%{transform:translateX(-120%)}\r\n  70%,100%{transform:translateX(120%)}\r\n}\r\n#gp01 .gp01-btn:hover{\r\n  color:#fff;\r\n  transform:translateY(-4px) scale(1.025);\r\n  box-shadow:0 17px 34px rgba(108,60,233,.32),0 0 0 5px rgba(108,60,233,.07);\r\n}\r\n#gp01 .gp01-btn:hover::after{transform:translateX(6px)}\r\n#gp01 .gp01-btn:focus-visible{outline:2px solid var(--a);outline-offset:6px}\r\n\r\n#gp01-modal{\r\n  display:none;\r\n  position:fixed;\r\n  inset:0;\r\n  width:100vw;\r\n  height:100vh;\r\n  padding:22px;\r\n  background:rgba(12,23,58,.74);\r\n  backdrop-filter:blur(10px);\r\n  -webkit-backdrop-filter:blur(10px);\r\n  z-index:999999;\r\n  align-items:center;\r\n  justify-content:center;\r\n}\r\n#gp01-modal.open{\r\n  display:flex;\r\n  animation:gp01fade .28s ease;\r\n}\r\n@keyframes gp01fade{from{opacity:0}to{opacity:1}}\r\n\r\n#gp01-modal .win{\r\n  width:min(1280px,calc(100vw - 44px));\r\n  max-width:1280px;\r\n  max-height:95vh;\r\n  background:#fff;\r\n  border-radius:27px;\r\n  overflow:hidden;\r\n  position:relative;\r\n  box-shadow:0 30px 100px rgba(20,35,90,.42);\r\n  animation:gp01in .48s cubic-bezier(.2,.8,.2,1);\r\n}\r\n@keyframes gp01in{\r\n  from{opacity:0;transform:translateY(35px) scale(.965)}\r\n  to{opacity:1;transform:none}\r\n}\r\n#gp01-modal .scroll{\r\n  max-height:95vh;\r\n  overflow:auto;\r\n  scrollbar-width:thin;\r\n  scrollbar-color:#b9b8e9 transparent;\r\n}\r\n#gp01-modal .close{\r\n  position:absolute;\r\n  right:17px;\r\n  top:17px;\r\n  width:43px;\r\n  height:43px;\r\n  border:0;\r\n  border-radius:50%;\r\n  background:rgba(255,255,255,.95);\r\n  color:#30477e;\r\n  font-size:25px;\r\n  line-height:1;\r\n  cursor:pointer;\r\n  z-index:50;\r\n  box-shadow:0 7px 22px rgba(25,40,90,.16);\r\n  transition:.3s ease;\r\n}\r\n#gp01-modal .close:hover{\r\n  transform:rotate(90deg) scale(1.08);\r\n  color:var(--a);\r\n  box-shadow:0 10px 28px rgba(var(--ar),.22);\r\n}\r\n\r\n#gp01-modal .hero{\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:68px 82px 62px;\r\n  background:\r\n    radial-gradient(circle at 85% 18%,rgba(145,108,255,.23),transparent 25%),\r\n    radial-gradient(circle at 63% 100%,rgba(108,60,233,.12),transparent 34%),\r\n    linear-gradient(135deg,#fbfbff 0%,#f0eeff 52%,#ebe8ff 100%);\r\n}\r\n#gp01-modal .hero::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  width:520px;\r\n  height:520px;\r\n  right:-220px;\r\n  top:-280px;\r\n  border-radius:50%;\r\n  background:radial-gradient(circle,rgba(108,60,233,.12),transparent 68%);\r\n  filter:blur(4px);\r\n  animation:gp01heroGlow 8s ease-in-out infinite alternate;\r\n  pointer-events:none;\r\n}\r\n#gp01-modal .hero::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:38%;\r\n  bottom:-110px;\r\n  width:300px;\r\n  height:180px;\r\n  border-radius:50%;\r\n  background:rgba(123,85,240,.10);\r\n  filter:blur(40px);\r\n  animation:gp01heroGlow2 10s ease-in-out infinite alternate;\r\n  pointer-events:none;\r\n}\r\n@keyframes gp01heroGlow{to{transform:translate(-70px,80px) scale(1.18)}}\r\n@keyframes gp01heroGlow2{to{transform:translate(100px,-35px) scale(1.2)}}\r\n\r\n#gp01-modal .hero-grid{\r\n  position:relative;\r\n  z-index:2;\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:55px;\r\n  align-items:center;\r\n}\r\n#gp01-modal .eyebrow{\r\n  font-size:12px;\r\n  font-weight:800;\r\n  letter-spacing:1.5px;\r\n  color:var(--a);\r\n  margin-bottom:18px;\r\n}\r\n#gp01-modal .title{\r\n  font-size:clamp(38px,4vw,62px);\r\n  line-height:1.02;\r\n  letter-spacing:-2.8px;\r\n  color:#173574;\r\n  margin:0 0 22px;\r\n}\r\n#gp01-modal .title span{\r\n  display:block;\r\n  color:var(--a);\r\n  background:linear-gradient(90deg,#6C3CE9,#8A62F2,#5B31D2);\r\n  -webkit-background-clip:text;\r\n  background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n  animation:gp01TitleShine 5s ease-in-out infinite;\r\n}\r\n@keyframes gp01TitleShine{\r\n  0%,100%{filter:brightness(1)}\r\n  50%{filter:brightness(1.18)}\r\n}\r\n#gp01-modal .desc{\r\n  font-size:17px;\r\n  line-height:1.7;\r\n  color:#4d638f;\r\n  max-width:650px;\r\n}\r\n#gp01-modal .tags{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:9px;\r\n  margin-top:25px;\r\n}\r\n#gp01-modal .tag{\r\n  padding:9px 12px;\r\n  border-radius:999px;\r\n  background:rgba(255,255,255,.82);\r\n  border:1px solid rgba(var(--ar),.17);\r\n  color:#40598d;\r\n  font-size:12px;\r\n  font-weight:700;\r\n  box-shadow:0 5px 15px rgba(var(--ar),.05);\r\n  transition:.28s ease;\r\n}\r\n#gp01-modal .tag:hover{\r\n  transform:translateY(-3px);\r\n  border-color:rgba(var(--ar),.35);\r\n  box-shadow:0 10px 22px rgba(var(--ar),.12);\r\n  color:var(--a);\r\n}\r\n\r\n#gp01-modal .visual{\r\n  height:350px;\r\n  position:relative;\r\n  min-width:420px;\r\n  perspective:900px;\r\n}\r\n#gp01-modal .visual::before,\r\n#gp01-modal .visual::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:50%;\r\n  top:50%;\r\n  border-radius:50%;\r\n  pointer-events:none;\r\n}\r\n#gp01-modal .visual::before{\r\n  width:290px;\r\n  height:290px;\r\n  transform:translate(-50%,-50%);\r\n  border:1px dashed rgba(var(--ar),.16);\r\n  animation:gp01ring 14s linear infinite;\r\n}\r\n#gp01-modal .visual::after{\r\n  width:365px;\r\n  height:365px;\r\n  transform:translate(-50%,-50%);\r\n  border:1px solid rgba(var(--ar),.07);\r\n  animation:gp01ringReverse 20s linear infinite;\r\n}\r\n@keyframes gp01ring{to{transform:translate(-50%,-50%) rotate(360deg)}}\r\n@keyframes gp01ringReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}\r\n\r\n#gp01-modal .orbit{\r\n  position:absolute;\r\n  width:220px;\r\n  height:220px;\r\n  border:1px solid rgba(var(--ar),.30);\r\n  border-radius:50%;\r\n  left:50%;\r\n  top:50%;\r\n  transform:translate(-50%,-50%);\r\n  animation:gp01orbit 9s linear infinite;\r\n}\r\n#gp01-modal .orbit::before,\r\n#gp01-modal .orbit::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  width:8px;\r\n  height:8px;\r\n  border-radius:50%;\r\n  background:#9b7af4;\r\n  box-shadow:0 0 0 6px rgba(var(--ar),.08),0 0 18px rgba(var(--ar),.5);\r\n}\r\n#gp01-modal .orbit::before{left:18px;top:40px}\r\n#gp01-modal .orbit::after{right:12px;bottom:34px}\r\n@keyframes gp01orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}\r\n\r\n#gp01-modal .center{\r\n  position:absolute;\r\n  left:50%;\r\n  top:50%;\r\n  transform:translate(-50%,-50%);\r\n  width:124px;\r\n  height:124px;\r\n  border-radius:31px;\r\n  background:linear-gradient(145deg,#7547ef 0%,#6435d7 52%,#4f2eac 100%);\r\n  color:#fff;\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  justify-content:center;\r\n  box-shadow:\r\n    0 20px 45px rgba(var(--ar),.28),\r\n    0 0 0 9px rgba(var(--ar),.06),\r\n    0 0 55px rgba(var(--ar),.13);\r\n  animation:gp01pulse 3.5s ease-in-out infinite;\r\n}\r\n#gp01-modal .center::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:7px;\r\n  border-radius:25px;\r\n  border:1px solid rgba(255,255,255,.30);\r\n  pointer-events:none;\r\n}\r\n#gp01-modal .center b{\r\n  font-size:31px;\r\n  line-height:1;\r\n  text-shadow:0 4px 16px rgba(0,0,0,.18);\r\n}\r\n#gp01-modal .center small{\r\n  margin-top:8px;\r\n  font-size:8px;\r\n  letter-spacing:1.4px;\r\n  font-weight:800;\r\n  opacity:.9;\r\n}\r\n@keyframes gp01pulse{\r\n  0%,100%{transform:translate(-50%,-50%) scale(1)}\r\n  50%{transform:translate(-50%,-50%) scale(1.045)}\r\n}\r\n\r\n#gp01-modal .node{\r\n  position:absolute;\r\n  width:145px;\r\n  min-height:98px;\r\n  padding:13px;\r\n  border-radius:18px;\r\n  background:rgba(255,255,255,.96);\r\n  border:1px solid rgba(var(--ar),.16);\r\n  box-shadow:0 15px 32px rgba(45,60,125,.12),0 0 0 1px rgba(255,255,255,.6) inset;\r\n  display:flex;\r\n  gap:9px;\r\n  align-items:center;\r\n  transition:.35s cubic-bezier(.2,.8,.2,1);\r\n  animation:gp01float 4.5s ease-in-out infinite;\r\n}\r\n#gp01-modal .node:nth-of-type(2){animation-delay:-1.1s}\r\n#gp01-modal .node:nth-of-type(3){animation-delay:-2.2s}\r\n#gp01-modal .node:nth-of-type(4){animation-delay:-3.3s}\r\n#gp01-modal .node:hover{\r\n  transform:translateY(-8px) scale(1.025);\r\n  border-color:rgba(var(--ar),.4);\r\n  box-shadow:0 22px 42px rgba(var(--ar),.18),0 0 0 1px rgba(255,255,255,.8) inset;\r\n}\r\n@keyframes gp01float{\r\n  0%,100%{transform:translateY(0)}\r\n  50%{transform:translateY(-7px)}\r\n}\r\n#gp01-modal .n1{left:0;top:4px}\r\n#gp01-modal .n2{right:0;top:4px}\r\n#gp01-modal .n3{left:0;bottom:4px}\r\n#gp01-modal .n4{right:0;bottom:4px}\r\n#gp01-modal .icon{\r\n  width:50px;\r\n  height:50px;\r\n  flex:0 0 50px;\r\n  border-radius:15px;\r\n  background:linear-gradient(145deg,#f3edff,#e7dcff);\r\n  color:var(--a);\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-size:22px;\r\n  box-shadow:0 7px 17px rgba(var(--ar),.13),inset 0 0 0 1px rgba(var(--ar),.08);\r\n}\r\n#gp01-modal .node strong{display:block;font-size:11px;color:#243e78}\r\n#gp01-modal .node small{display:block;font-size:9px;color:#7285a9;margin-top:4px;line-height:1.4}\r\n#gp01-modal .node::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  right:10px;\r\n  top:10px;\r\n  width:6px;\r\n  height:6px;\r\n  border-radius:50%;\r\n  background:#7b58ed;\r\n  box-shadow:0 0 0 4px rgba(var(--ar),.08),0 0 10px rgba(var(--ar),.4);\r\n}\r\n\r\n#gp01-modal .content{\r\n  position:relative;\r\n  padding:62px 82px 70px;\r\n  background:\r\n    radial-gradient(circle at 0% 8%,rgba(108,60,233,.075),transparent 22%),\r\n    radial-gradient(circle at 100% 30%,rgba(143,103,245,.065),transparent 24%),\r\n    radial-gradient(circle at 50% 100%,rgba(108,60,233,.045),transparent 30%),\r\n    #fff;\r\n}\r\n#gp01-modal .content::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;\r\n  left:8%;\r\n  width:84%;\r\n  height:2px;\r\n  background:linear-gradient(90deg,transparent,rgba(108,60,233,.18),#8e6bf1,rgba(108,60,233,.18),transparent);\r\n  opacity:.65;\r\n  animation:gp01contentline 5s ease-in-out infinite;\r\n}\r\n@keyframes gp01contentline{\r\n  0%,100%{transform:scaleX(.72);opacity:.45}\r\n  50%{transform:scaleX(1);opacity:.85}\r\n}\r\n#gp01-modal .label{\r\n  position:relative;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  color:var(--a);\r\n  text-shadow:0 3px 14px rgba(108,60,233,.12);\r\n}\r\n#gp01-modal .label::before{\r\n  content:\"\";\r\n  width:24px;\r\n  height:3px;\r\n  border-radius:10px;\r\n  background:linear-gradient(90deg,#6C3CE9,#9d7cff);\r\n  box-shadow:0 0 12px rgba(108,60,233,.28);\r\n  animation:gp01label 2.4s ease-in-out infinite;\r\n}\r\n@keyframes gp01label{\r\n  0%,100%{width:24px;opacity:1}\r\n  50%{width:36px;opacity:.68}\r\n}\r\n#gp01-modal .label{\r\n  font-size:11px;\r\n  font-weight:800;\r\n  letter-spacing:1.5px;\r\n  color:var(--a);\r\n  margin:0 0 10px;\r\n}\r\n#gp01-modal .heading{\r\n  position:relative;\r\n  font-size:34px;\r\n  color:#173574;\r\n  margin:0 0 16px;\r\n  letter-spacing:-.9px;\r\n}\r\n#gp01-modal .heading::after{\r\n  content:\"\";\r\n  display:block;\r\n  width:54px;\r\n  height:4px;\r\n  margin-top:13px;\r\n  border-radius:10px;\r\n  background:linear-gradient(90deg,#6C3CE9,#9b7af4,transparent);\r\n  animation:gp01headingline 3s ease-in-out infinite;\r\n}\r\n@keyframes gp01headingline{\r\n  50%{width:95px;opacity:.72}\r\n}\r\n#gp01-modal .text{\r\n  color:#5b6f96;\r\n  line-height:1.75;\r\n  font-size:16px;\r\n  max-width:900px;\r\n}\r\n#gp01-modal .note{\r\n  position:relative;\r\n  overflow:hidden;\r\n  background:linear-gradient(135deg,#faf8ff,#f0eaff);\r\n  border:1px solid rgba(var(--ar),.18);\r\n  border-radius:14px;\r\n  padding:17px 20px;\r\n  color:#53678f;\r\n  margin:25px 0 35px;\r\n  line-height:1.6;\r\n  box-shadow:0 10px 28px rgba(var(--ar),.06);\r\n}\r\n#gp01-modal .note::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:-25%;\r\n  top:0;\r\n  width:20%;\r\n  height:100%;\r\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);\r\n  transform:skewX(-18deg);\r\n  animation:gp01sweep 5s ease-in-out infinite;\r\n}\r\n@keyframes gp01sweep{50%{left:120%}}\r\n#gp01-modal .note strong{color:#5b31cf}\r\n\r\n#gp01-modal .cards{\r\n  position:relative;\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:17px;\r\n  margin:0 0 60px;\r\n}\r\n#gp01-modal .card{\r\n  padding:24px;\r\n  animation:gp01cardin .7s both;\r\n}\r\n  border:1px solid rgba(var(--ar),.13);\r\n  border-radius:15px;\r\n  background:linear-gradient(145deg,#fff,#f7f3ff);\r\n  min-height:175px;\r\n  transition:.32s cubic-bezier(.2,.8,.2,1);\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n#gp01-modal .card::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  top:0;\r\n  width:100%;\r\n  height:3px;\r\n  background:linear-gradient(90deg,transparent,var(--a),#9b7af4,transparent);\r\n  transform:scaleX(.25);\r\n  transition:.35s ease;\r\n}\r\n#gp01-modal .card::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  right:-35px;\r\n  top:-35px;\r\n  width:100px;\r\n  height:100px;\r\n  border-radius:50%;\r\n  background:rgba(var(--ar),.07);\r\n  filter:blur(2px);\r\n}\r\n#gp01-modal .card:hover{\r\n  transform:translateY(-7px) scale(1.008);\r\n  border-color:rgba(var(--ar),.34);\r\n  box-shadow:0 20px 42px rgba(var(--ar),.14),0 0 0 4px rgba(var(--ar),.035);\r\n}\r\n#gp01-modal .card:hover::before{transform:scaleX(1)}\r\n#gp01-modal .card-icon{\r\n  width:48px;\r\n  height:48px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-size:23px;\r\n  color:var(--a);\r\n  margin-bottom:14px;\r\n  border-radius:14px;\r\n  background:linear-gradient(145deg,#f2ecff,#e5d9ff);\r\n  box-shadow:0 8px 18px rgba(var(--ar),.11),inset 0 0 0 1px rgba(var(--ar),.08);\r\n  transition:.3s ease;\r\n}\r\n#gp01-modal .card:hover .card-icon{\r\n  transform:rotate(-5deg) scale(1.08);\r\n  box-shadow:0 12px 24px rgba(var(--ar),.19);\r\n}\r\n@keyframes gp01cardin{\r\n  from{opacity:0;transform:translateY(18px)}\r\n  to{opacity:1;transform:none}\r\n}\r\n\r\n#gp01-modal .card h3{margin:0 0 8px;color:#243e78;font-size:17px}\r\n#gp01-modal .card p{margin:0;color:#687b9e;line-height:1.6;font-size:14px}\r\n\r\n#gp01-modal .process{\r\n  position:relative;\r\n  overflow:hidden;\r\n  background:\r\n    radial-gradient(circle at 10% 0%,rgba(var(--ar),.08),transparent 28%),\r\n    linear-gradient(145deg,#faf8ff,#f5f2ff);\r\n  border:1px solid rgba(var(--ar),.14);\r\n  border-radius:20px;\r\n  padding:28px;\r\n  margin:20px 0 60px;\r\n}\r\n#gp01-modal .process::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;\r\n  left:-30%;\r\n  width:28%;\r\n  height:3px;\r\n  border-radius:99px;\r\n  background:linear-gradient(90deg,transparent,#6C3CE9,#b49cff,transparent);\r\n  box-shadow:0 0 18px rgba(108,60,233,.28);\r\n  animation:gp01processglow 5s ease-in-out infinite;\r\n}\r\n#gp01-modal .process::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  width:90px;\r\n  height:90px;\r\n  right:-25px;\r\n  bottom:-45px;\r\n  border-radius:50%;\r\n  background:rgba(108,60,233,.08);\r\n  filter:blur(12px);\r\n  animation:gp01processorb 6s ease-in-out infinite alternate;\r\n}\r\n@keyframes gp01processorb{to{transform:translate(-45px,-20px) scale(1.3)}}\r\n@keyframes gp01processglow{to{left:120%}}\r\n#gp01-modal .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}\r\n#gp01-modal .step-number{\r\n  width:42px;\r\n  height:42px;\r\n  border-radius:12px;\r\n  background:linear-gradient(135deg,var(--a),var(--ad));\r\n  color:#fff;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-weight:800;\r\n  margin-bottom:12px;\r\n  box-shadow:0 8px 20px rgba(var(--ar),.18);\r\n  animation:gp01step 3s ease-in-out infinite;\r\n}\r\n#gp01-modal .step:nth-child(2) .step-number{animation-delay:.35s}\r\n#gp01-modal .step:nth-child(3) .step-number{animation-delay:.7s}\r\n#gp01-modal .step:nth-child(4) .step-number{animation-delay:1.05s}\r\n@keyframes gp01step{50%{transform:translateY(-3px);box-shadow:0 12px 25px rgba(var(--ar),.25)}}\r\n#gp01-modal .step h3{color:#243e78;font-size:16px}\r\n#gp01-modal .step p{color:#687b9e;font-size:13px;line-height:1.55}\r\n\r\n#gp01-modal .example{\r\n  display:grid;\r\n  grid-template-columns:1fr 70px 1fr;\r\n  gap:18px;\r\n  align-items:center;\r\n  margin:25px 0 30px;\r\n}\r\n#gp01-modal .box{\r\n  padding:24px;\r\n  border:1px solid #dfe4f5;\r\n  border-radius:18px;\r\n  background:#fff;\r\n  transition:.3s ease;\r\n}\r\n#gp01-modal .box:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(var(--ar),.08)}\r\n#gp01-modal .box.after{\r\n  background:linear-gradient(145deg,#f7f0ff,#eee5ff);\r\n  border-color:rgba(var(--ar),.22);\r\n}\r\n#gp01-modal .box-label{font-size:10px;font-weight:800;letter-spacing:1.3px;color:var(--a)}\r\n#gp01-modal .box h3{color:#243e78}\r\n#gp01-modal .box p{color:#687b9e;line-height:1.6}\r\n#gp01-modal .arrow{\r\n  text-align:center;\r\n  font-size:30px;\r\n  color:var(--a);\r\n  animation:gp01arrow 1.8s ease-in-out infinite;\r\n  text-shadow:0 4px 14px rgba(var(--ar),.18);\r\n}\r\n@keyframes gp01arrow{50%{transform:translateX(8px) scale(1.08)}}\r\n\r\n#gp01-modal .flow{\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n  flex-wrap:wrap;\r\n  gap:10px;\r\n  margin:30px 0 60px;\r\n}\r\n#gp01-modal .flow span{\r\n  padding:9px 13px;\r\n  border-radius:999px;\r\n  background:#f1edff;\r\n  color:#4f5f94;\r\n  font-size:11px;\r\n  font-weight:800;\r\n  border:1px solid rgba(var(--ar),.10);\r\n  transition:.25s ease;\r\n}\r\n#gp01-modal .flow span:hover{\r\n  transform:translateY(-3px);\r\n  color:var(--a);\r\n  box-shadow:0 8px 18px rgba(var(--ar),.09);\r\n}\r\n#gp01-modal .flow b{\r\n  color:var(--a);\r\n  animation:gp01flow 1.5s ease-in-out infinite;\r\n}\r\n@keyframes gp01flow{50%{transform:translateX(3px);opacity:.65}}\r\n\r\n#gp01-modal .tools{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:10px;\r\n  margin:20px 0 60px;\r\n}\r\n#gp01-modal .tool{\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:11px 14px;\r\n  border:1px solid #dfe4f5;\r\n  border-radius:12px;\r\n  color:#53678f;\r\n  font-size:13px;\r\n  background:#fff;\r\n  transition:.28s ease;\r\n}\r\n#gp01-modal .tool:hover{\r\n  transform:translateY(-4px) scale(1.015);\r\n  border-color:rgba(var(--ar),.3);\r\n  color:var(--a);\r\n  box-shadow:0 10px 20px rgba(var(--ar),.08);\r\n}\r\n\r\n#gp01-modal .results{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:12px;\r\n  margin:20px 0 55px;\r\n}\r\n#gp01-modal .result{\r\n  padding:14px 16px;\r\n  border-radius:12px;\r\n  background:linear-gradient(145deg,#faf8ff,#f4f0ff);\r\n  border:1px solid rgba(var(--ar),.10);\r\n  color:#53678f;\r\n  font-size:14px;\r\n  transition:.28s ease;\r\n}\r\n#gp01-modal .result:hover{\r\n  transform:translateY(-3px);\r\n  border-color:rgba(var(--ar),.24);\r\n  box-shadow:0 10px 20px rgba(var(--ar),.08);\r\n}\r\n#gp01-modal .result b{color:var(--a);margin-right:8px}\r\n\r\n#gp01-modal .cta{\r\n  position:relative;\r\n  overflow:hidden;\r\n  border-radius:24px;\r\n  padding:42px 44px;\r\n  background:\r\n    radial-gradient(circle at 10% 10%,rgba(255,255,255,.18),transparent 28%),\r\n    radial-gradient(circle at 90% 90%,rgba(197,139,255,.22),transparent 30%),\r\n    linear-gradient(135deg,#6C3CE9 0%,#6337D5 43%,#5130B0 100%);\r\n  color:#fff;\r\n  display:flex;\r\n  justify-content:space-between;\r\n  align-items:center;\r\n  gap:30px;\r\n  box-shadow:0 22px 55px rgba(var(--ar),.27);\r\n}\r\n#gp01-modal .cta::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  width:380px;\r\n  height:380px;\r\n  left:-150px;\r\n  top:-235px;\r\n  border-radius:50%;\r\n  background:radial-gradient(circle,rgba(255,255,255,.23),transparent 68%);\r\n  filter:blur(8px);\r\n  animation:gp01orb1 8s ease-in-out infinite alternate;\r\n}\r\n#gp01-modal .cta::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  width:350px;\r\n  height:350px;\r\n  right:-120px;\r\n  bottom:-220px;\r\n  border-radius:50%;\r\n  background:radial-gradient(circle,rgba(255,255,255,.19),rgba(182,92,255,.17) 30%,transparent 70%);\r\n  filter:blur(9px);\r\n  animation:gp01orb2 11s ease-in-out infinite alternate;\r\n}\r\n@keyframes gp01orb1{to{transform:translate(130px,60px) scale(1.12)}}\r\n@keyframes gp01orb2{to{transform:translate(-80px,-40px) scale(1.1)}}\r\n#gp01-modal .cta > *{position:relative;z-index:3}\r\n#gp01-modal .cta h2{\r\n  text-shadow:0 5px 22px rgba(20,10,70,.20);\r\n}\r\n#gp01-modal .cta a{\r\n  overflow:hidden;\r\n}\r\n#gp01-modal .cta a::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(110deg,transparent 20%,rgba(108,60,233,.13) 48%,transparent 72%);\r\n  transform:translateX(-120%);\r\n  animation:gp01ctabtn 3.8s ease-in-out infinite;\r\n}\r\n@keyframes gp01ctabtn{\r\n  0%,45%{transform:translateX(-120%)}\r\n  70%,100%{transform:translateX(120%)}\r\n}\r\n#gp01-modal .cta h2{\r\n  margin:0 0 8px;\r\n  font-size:34px;\r\n  letter-spacing:-.8px;\r\n  color:#fff !important;\r\n}\r\n#gp01-modal .cta p{\r\n  margin:0;\r\n  color:rgba(255,255,255,.94) !important;\r\n  opacity:1;\r\n  line-height:1.65;\r\n  max-width:620px;\r\n}\r\n#gp01-modal .cta a{\r\n  position:relative;\r\n  background:linear-gradient(145deg,#ffffff 0%,#f7f3ff 52%,#eee7ff 100%);\r\n  color:#5130B0;\r\n  padding:14px 21px;\r\n  border-radius:11px;\r\n  text-decoration:none;\r\n  font-weight:800;\r\n  white-space:nowrap;\r\n  box-shadow:0 12px 28px rgba(20,30,85,.16),inset 0 1px 0 rgba(255,255,255,1);\r\n  transition:.32s cubic-bezier(.2,.8,.2,1);\r\n}\r\n#gp01-modal .cta a::after{\r\n  content:\"\u2192\";\r\n  display:inline-block;\r\n  margin-left:7px;\r\n  transition:.32s ease;\r\n}\r\n#gp01-modal .cta a:hover{\r\n  transform:translateY(-5px) scale(1.025);\r\n  box-shadow:0 20px 40px rgba(20,30,85,.25);\r\n}\r\n#gp01-modal .cta a:hover::after{transform:translateX(6px)}\r\n\r\n@media(max-width:900px){\r\n  #gp01-modal .hero,#gp01-modal .content{padding:40px 25px}\r\n  #gp01-modal .hero-grid{grid-template-columns:1fr}\r\n  #gp01-modal .visual{min-width:0}\r\n  #gp01-modal .cards,\r\n  #gp01-modal .steps,\r\n  #gp01-modal .results{grid-template-columns:1fr 1fr}\r\n  #gp01-modal .cta{flex-direction:column;align-items:flex-start}\r\n}\r\n@media(max-width:600px){\r\n  #gp01-modal{padding:10px}\r\n  #gp01-modal .win{width:calc(100vw - 20px)!important;border-radius:18px!important}\r\n  #gp01-modal .hero,#gp01-modal .content{padding:35px 20px!important}\r\n  #gp01-modal .visual{height:315px;transform:scale(.72);margin:-20px -50px}\r\n  #gp01-modal .title{letter-spacing:-1.7px}\r\n  #gp01-modal .cards,\r\n  #gp01-modal .steps,\r\n  #gp01-modal .results{grid-template-columns:1fr}\r\n  #gp01-modal .example{grid-template-columns:1fr}\r\n  #gp01-modal .arrow{transform:rotate(90deg)}\r\n  #gp01-modal .cta{padding:30px 25px!important}\r\n  #gp01-modal .cta h2{font-size:27px}\r\n}\r\n<\/style>\r\n<div id=\"gp01\">\r\n<button type=\"button\" class=\"gp01-btn\" id=\"gp01-open\">Scopri di pi\u00f9<\/button>\r\n<div id=\"gp01-modal\" aria-hidden=\"true\"><div class=\"win\"><button class=\"close\" type=\"button\" aria-label=\"Close\">\u00d7<\/button><div class=\"scroll\">\r\n<section class=\"hero\"><div class=\"hero-grid\"><div><div class=\"eyebrow\">SERVIZIO 01 \u00b7 RACCOLTA DATI<\/div><h1 class=\"title\">Moduli Google e<span>Raccolta Dati<\/span><\/h1><p class=\"desc\">Trasforma i tuoi moduli in flussi di lavoro intelligenti. Creo moduli Google professionali e personalizzati in base ai tuoi processi, aiutandoti a raccogliere, organizzare e gestire le informazioni in modo pi\u00f9 semplice ed efficiente.<\/p><div class=\"tags\"><span class=\"tag\">Moduli personalizzati<\/span><span class=\"tag\">Raccolta dati<\/span><span class=\"tag\">Google Fogli<\/span><span class=\"tag\">Automazione<\/span><\/div><\/div><div class=\"visual\"><div class=\"orbit\"><\/div><div class=\"node n1\"><div class=\"icon\">\u25a4<\/div><div><strong>Google Forms<\/strong><small>Raccogliere informazioni<\/small><\/div><\/div><div class=\"node n2\"><div class=\"icon\">\u25a6<\/div><div><strong>Google Sheets<\/strong><small>Salva le risposte<\/small><\/div><\/div><div class=\"node n3\"><div class=\"icon\">\u2713<\/div><div><strong>Convalida<\/strong><small>Dati affidabili<\/small><\/div><\/div><div class=\"node n4\"><div class=\"icon\">\u26a1<\/div><div><strong>Automazione dei<\/strong><small>Prossima azione<\/small><\/div><\/div><div class=\"center\"><b>\u25a4<\/b><small>DATA FLOW<\/small><\/div><\/div><\/div><\/section>\r\n<section class=\"content\"><div class=\"label\">COSA POSSO REALIZZARE<\/div><h2 class=\"heading\">Un modulo pensato su misura per la tua attivit\u00e0.<\/h2><p class=\"text\">Un Google Form non deve essere solo un questionario. Se progettato correttamente, pu\u00f2 diventare il primo passo di un flusso di lavoro efficiente. Strutturo il processo in base a ci\u00f2 che devi raccogliere, a come organizzarlo e a cosa deve accadere dopo l\u2019invio.<\/p><div class=\"note\"><strong>Pensato in base ai processi reali della tua attivit\u00e0.<\/strong> Il focus non \u00e8 semplicemente sullo strumento in s\u00e9, ma su come pu\u00f2 aiutarti a raccogliere informazioni, organizzare il lavoro, ridurre le attivit\u00e0 ripetitive e ottenere un risultato utile.<\/div><div class=\"cards\"><article class=\"card\"><div class=\"card-icon\">\u25a4<\/div><h3>Moduli Google personalizzati<\/h3><p>Moduli professionali strutturati in base ai processi della tua attivit\u00e0, alle esigenze dei tuoi clienti e alle necessit\u00e0 interne.<\/p><\/article><article class=\"card\"><div class=\"card-icon\">\u25c6<\/div><h3>Logiche condizionali<\/h3><p>Mostra domande o percorsi diversi in base alle risposte precedenti e alle informazioni fornite.<\/p><\/article><article class=\"card\"><div class=\"card-icon\">\u2713<\/div><h3>Convalida dei dati<\/h3><p>Aiuta a garantire che le informazioni raccolte siano complete, coerenti e utilizzabili.<\/p><\/article><article class=\"card\"><div class=\"card-icon\">\u25a6<\/div><h3>Integrazione con Google Sheets<\/h3><p>Organizzo automaticamente le risposte dei moduli in Google Sheets strutturati.<\/p><\/article><article class=\"card\"><div class=\"card-icon\">\u2699<\/div><h3>Flussi di lavoro automatizzati<\/h3><p>Collego le risposte dei moduli a notifiche, documenti, report e altri processi della tua attivit\u00e0.<\/p><\/article><article class=\"card\"><div class=\"card-icon\">\u2302<\/div><h3>Soluzioni su misura per la tua attivit\u00e0<\/h3><p>Realizzo il modulo e il relativo flusso di lavoro in base al modo in cui opera realmente la tua attivit\u00e0.<\/p><\/article><\/div><div class=\"label\">IL PROCESSO<\/div><h2 class=\"heading\">Dall\u2019idea alla soluzione funzionante.<\/h2><p class=\"text\">Inizio comprendendo la situazione attuale, poi definisco la struttura pi\u00f9 adatta, realizzo la soluzione e testo l\u2019intero processo prima della consegna. In questo modo, il sistema finale rimane pratico e senza inutili complicazioni.<\/p><div class=\"process\"><div class=\"steps\"><div class=\"step\"><div class=\"step-number\">01<\/div><h3>Scopri<\/h3><p>Individuo quali informazioni devi raccogliere, chi utilizzer\u00e0 il modulo e come funziona attualmente il processo.<\/p><\/div><div class=\"step\"><div class=\"step-number\">02<\/div><h3>Realizza<\/h3><p>Progetto le domande, la struttura, le logiche, la convalida dei dati e gli strumenti collegati.<\/p><\/div><div class=\"step\"><div class=\"step-number\">03<\/div><h3>Collega<\/h3><p>Invio le risposte al foglio di calcolo, documento o flusso di lavoro corretto.<\/p><\/div><div class=\"step\"><div class=\"step-number\">04<\/div><h3>Migliora<\/h3><p>Testo l\u2019intero processo e lo perfeziono per offrire un\u2019esperienza pi\u00f9 fluida.<\/p><\/div><\/div><\/div><div class=\"label\">PRIMA \u2192 DOPO<\/div><h2 class=\"heading\">Un modo pi\u00f9 semplice per gestire il processo.<\/h2><p class=\"text\">L\u2019obiettivo \u00e8 ridurre il lavoro manuale non necessario e creare un processo pi\u00f9 chiaro e coerente, utilizzando gli strumenti e le informazioni che gi\u00e0 utilizzi.<\/p><div class=\"example\"><div class=\"box\"><div class=\"box-label\">RACCOLTA MANUALE<\/div><h3>Prima<\/h3><p>Le informazioni arrivano tramite messaggi, email o file non uniformi e devono poi essere inserite manualmente.<\/p><\/div><div class=\"arrow\">\u2192<\/div><div class=\"box after\"><div class=\"box-label\">RACCOLTA STRUTTURATA<\/div><h3>Dopo<\/h3><p>Un modulo chiaro raccoglie le informazioni giuste e le inserisce automaticamente in un flusso di lavoro organizzato.<\/p><\/div><\/div><div class=\"flow\"><span>MODULO<\/span><b>\u2192<\/b><span>FOGLI<\/span><b>\u2192<\/b><span>CONVALIDA<\/span><b>\u2192<\/b><span>FLUSSO DI LAVORO<\/span><b>\u2192<\/b><span>RISULTATO<\/span><\/div><div class=\"label\">STRUMENTI E PIATTAFORME<\/div><h2 class=\"heading\">Realizzato con strumenti digitali pratici.<\/h2><p class=\"text\">Lavoro con gli strumenti pi\u00f9 adatti al progetto, concentrandomi su soluzioni utili per le attivit\u00e0 quotidiane della tua attivit\u00e0.<\/p><div class=\"tools\"><div class=\"tool\">\u25a6 Google Forms<\/div><div class=\"tool\">\u25a4 Google Sheets<\/div><div class=\"tool\">\u2601 Google Docs<\/div><div class=\"tool\">\u2709 Google Drive<\/div><div class=\"tool\">\u2699 Gmail<\/div><div class=\"tool\">\u2713 Apps Script<\/div><div class=\"tool\">\u26a1 Document Studio<\/div><\/div><div class=\"label\">IL RISULTATO<\/div><h2 class=\"heading\">Cosa ottiene la tua attivit\u00e0<\/h2><p class=\"text\">Il risultato finale \u00e8 un modo pi\u00f9 organizzato, efficiente e semplice da gestire, con meno lavoro manuale non necessario.<\/p><div class=\"results\"><div class=\"result\"><b>\u2713<\/b>Meno inserimento manuale dei dati<\/div><div class=\"result\"><b>\u2713<\/b>Informazioni meglio organizzate<\/div><div class=\"result\"><b>\u2713<\/b>Meno errori nell\u2019inserimento dei dati<\/div><div class=\"result\"><b>\u2713<\/b>Flussi di lavoro interni pi\u00f9 rapidi<\/div><div class=\"result\"><b>\u2713<\/b>Dati centralizzati<\/div><div class=\"result\"><b>\u2713<\/b>Processi pi\u00f9 scalabili<\/div><\/div><div class=\"cta\"><div><h2>Hai un progetto in mente?<\/h2><p>Dimmi di cosa hai bisogno e costruiamo insieme la soluzione pi\u00f9 adatta al tuo flusso di lavoro.<\/p><\/div><a href=\"\/it\/contact\/\">Parliamone \u2192<\/a><\/div><\/section>\r\n<\/div><\/div><\/div><\/div>\r\n<script>(function(){const m=document.getElementById('gp01-modal'),o=document.getElementById('gp01-open');if(!m||!o)return;document.body.appendChild(m);const c=m.querySelector('.close');function open(){m.classList.add('open');m.setAttribute('aria-hidden','false');document.body.style.overflow='hidden'}function shut(){m.classList.remove('open');m.setAttribute('aria-hidden','true');document.body.style.overflow=''}o.addEventListener('click',function(e){e.preventDefault();open()});c.addEventListener('click',shut);m.addEventListener('click',function(e){if(e.target===m)shut()});document.addEventListener('keydown',function(e){if(e.key==='Escape'&&m.classList.contains('open'))shut()})})();<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8e1af41 e-con-full e-transform e-flex e-con e-child\" data-id=\"8e1af41\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.02,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t<div class=\"elementor-element elementor-element-66d2d8e e-con-full e-flex e-con e-child\" data-id=\"66d2d8e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65e0c7c elementor-widget elementor-widget-image\" data-id=\"65e0c7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-15_50_30-1024x683.png\" class=\"attachment-large size-large wp-image-3597\" alt=\"chatgpt image 9 set 2026, 15 50 30\" srcset=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-15_50_30-1024x683.png 1024w, https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-15_50_30-300x200.png 300w, https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-15_50_30-768x512.png 768w, https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-15_50_30.png 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"  title=\"Servizi\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d0d3a09 elementor-widget elementor-widget-hfe-infocard\" data-id=\"d0d3a09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hfe-infocard.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"hfe-infocard\">\n\t\t\t\t\t\t\t\t\t<div class=\"hfe-infocard-title-wrap\">\n\t\t\t\t<h4 class=\"hfe-infocard-title elementor-inline-editing\" data-elementor-setting-key=\"infocard_title\" data-elementor-inline-editing-toolbar=\"basic\" >Jotform avanzato<\/h4>\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"hfe-infocard-text-wrap\">\n\t\t\t\t<div class=\"hfe-infocard-text elementor-inline-editing\" data-elementor-setting-key=\"infocard_description\" data-elementor-inline-editing-toolbar=\"advanced\">\n\t\t\t\t\tCreo moduli avanzati con logiche condizionali, calcoli, approvazioni, pagamenti e integrazioni, per semplificare e automatizzare anche i processi pi\u00f9 complessi della tua attivit\u00e0.\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-664ec7d elementor-widget elementor-widget-html\" data-id=\"664ec7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   JOTFORM ADVANCED \u2014 SERVICE 02\r\n   ========================================================= *\/\r\n\r\n#gp02{\r\n  --a:#FF633E;\r\n  --ad:#E94A27;\r\n  --al:#FFF1EC;\r\n  --ar:255,99,62;\r\n  --ink:#173574;\r\n  --text:#5B6F96;\r\n  font-family:Arial,sans-serif;\r\n}\r\n\r\n#gp02 *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEARN MORE BUTTON\r\n   ========================================================= *\/\r\n\r\n#gp02 .gp02-btn{\r\n  position:relative;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:10px;\r\n\r\n  min-width:174px;\r\n  padding:13px 19px;\r\n\r\n  border:1px solid rgba(255,99,62,.18);\r\n  border-radius:13px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #FF633E 0%,\r\n      #FF805E 48%,\r\n      #E94A27 100%\r\n    );\r\n\r\n  color:#fff;\r\n\r\n  font-weight:800;\r\n  cursor:pointer;\r\n\r\n  font-size:14px;\r\n  letter-spacing:.2px;\r\n\r\n  text-decoration:none;\r\n\r\n  box-shadow:\r\n    0 10px 24px rgba(255,99,62,.20),\r\n    inset 0 1px 0 rgba(255,255,255,.25);\r\n\r\n  overflow:hidden;\r\n  isolation:isolate;\r\n\r\n  transition:\r\n    transform .3s cubic-bezier(.2,.8,.2,1),\r\n    box-shadow .3s ease;\r\n}\r\n\r\n#gp02 .gp02-btn::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  z-index:-1;\r\n\r\n  background:\r\n    linear-gradient(\r\n      110deg,\r\n      transparent 20%,\r\n      rgba(255,255,255,.34) 45%,\r\n      transparent 70%\r\n    );\r\n\r\n  transform:translateX(-120%);\r\n\r\n  animation:\r\n    gp02btnshine 3.6s ease-in-out infinite;\r\n}\r\n\r\n#gp02 .gp02-btn::after{\r\n  content:\"\u2192\";\r\n\r\n  display:inline-block;\r\n\r\n  font-size:18px;\r\n  line-height:1;\r\n\r\n  transition:\r\n    transform .35s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n@keyframes gp02btnshine{\r\n  0%,45%{transform:translateX(-120%);}\r\n  70%,100%{transform:translateX(120%);}\r\n}\r\n\r\n#gp02 .gp02-btn:hover{\r\n  color:#fff;\r\n\r\n  transform:\r\n    translateY(-4px)\r\n    scale(1.025);\r\n\r\n  box-shadow:\r\n    0 17px 34px rgba(255,99,62,.32),\r\n    0 0 0 5px rgba(255,99,62,.07);\r\n}\r\n\r\n#gp02 .gp02-btn:hover::after{\r\n  transform:translateX(6px);\r\n}\r\n\r\n#gp02 .gp02-btn:focus-visible{\r\n  outline:2px solid var(--a);\r\n  outline-offset:6px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MODAL\r\n   ========================================================= *\/\r\n\r\n#gp02-modal{\r\n  display:none;\r\n\r\n  position:fixed;\r\n  inset:0;\r\n\r\n  width:100vw;\r\n  height:100vh;\r\n\r\n  padding:22px;\r\n\r\n  background:rgba(12,23,58,.74);\r\n\r\n  backdrop-filter:blur(10px);\r\n  -webkit-backdrop-filter:blur(10px);\r\n\r\n  z-index:999999;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n}\r\n\r\n#gp02-modal.open{\r\n  display:flex;\r\n  animation:gp02fade .28s ease;\r\n}\r\n\r\n@keyframes gp02fade{\r\n  from{opacity:0;}\r\n  to{opacity:1;}\r\n}\r\n\r\n#gp02-modal .win{\r\n  width:min(1280px,calc(100vw - 44px));\r\n  max-width:1280px;\r\n  max-height:95vh;\r\n\r\n  background:#fff;\r\n\r\n  border-radius:27px;\r\n\r\n  overflow:hidden;\r\n  position:relative;\r\n\r\n  box-shadow:\r\n    0 30px 100px rgba(20,35,90,.42);\r\n\r\n  animation:\r\n    gp02in\r\n    .48s\r\n    cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n@keyframes gp02in{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(35px) scale(.965);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:none;\r\n  }\r\n}\r\n\r\n#gp02-modal .scroll{\r\n  max-height:95vh;\r\n  overflow:auto;\r\n\r\n  scrollbar-width:thin;\r\n  scrollbar-color:#FFB29F transparent;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CLOSE\r\n   ========================================================= *\/\r\n\r\n#gp02-modal .close{\r\n  position:absolute;\r\n\r\n  right:17px;\r\n  top:17px;\r\n\r\n  width:43px;\r\n  height:43px;\r\n\r\n  border:0;\r\n  border-radius:50%;\r\n\r\n  background:rgba(255,255,255,.95);\r\n\r\n  color:#30477e;\r\n\r\n  font-size:25px;\r\n  line-height:1;\r\n\r\n  cursor:pointer;\r\n\r\n  z-index:50;\r\n\r\n  box-shadow:\r\n    0 7px 22px rgba(25,40,90,.16);\r\n\r\n  transition:.3s ease;\r\n}\r\n\r\n#gp02-modal .close:hover{\r\n  transform:\r\n    rotate(90deg)\r\n    scale(1.08);\r\n\r\n  color:var(--a);\r\n\r\n  box-shadow:\r\n    0 10px 28px rgba(var(--ar),.22);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n   ========================================================= *\/\r\n\r\n#gp02-modal .hero{\r\n  position:relative;\r\n  overflow:hidden;\r\n\r\n  padding:\r\n    68px\r\n    82px\r\n    62px;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 88% 12%,\r\n      rgba(255,99,62,.16),\r\n      rgba(255,99,62,0) 38%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 68% 90%,\r\n      rgba(255,99,62,.12),\r\n      rgba(255,99,62,0) 43%\r\n    ),\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      #ffffff 0%,\r\n      #FFF8F5 52%,\r\n      #FFF0EB 100%\r\n    );\r\n}\r\n\r\n#gp02-modal .hero::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:520px;\r\n  height:520px;\r\n\r\n  right:-220px;\r\n  top:-280px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(255,99,62,.14),\r\n      rgba(255,99,62,0) 70%\r\n    );\r\n\r\n  filter:blur(4px);\r\n\r\n  animation:\r\n    gp02heroGlow\r\n    8s\r\n    ease-in-out\r\n    infinite\r\n    alternate;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n#gp02-modal .hero::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:38%;\r\n  bottom:-110px;\r\n\r\n  width:300px;\r\n  height:180px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(255,99,62,.10),\r\n      rgba(255,99,62,0) 70%\r\n    );\r\n\r\n  filter:blur(40px);\r\n\r\n  animation:\r\n    gp02heroGlow2\r\n    10s\r\n    ease-in-out\r\n    infinite\r\n    alternate;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n@keyframes gp02heroGlow{\r\n  to{\r\n    transform:\r\n      translate(-70px,80px)\r\n      scale(1.18);\r\n  }\r\n}\r\n\r\n@keyframes gp02heroGlow2{\r\n  to{\r\n    transform:\r\n      translate(100px,-35px)\r\n      scale(1.2);\r\n  }\r\n}\r\n\r\n#gp02-modal .hero-grid{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    1fr;\r\n\r\n  gap:55px;\r\n\r\n  align-items:center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO TEXT\r\n   ========================================================= *\/\r\n\r\n#gp02-modal .eyebrow{\r\n  font-size:12px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:1.5px;\r\n\r\n  color:var(--a);\r\n\r\n  margin-bottom:18px;\r\n}\r\n\r\n#gp02-modal .title{\r\n  font-size:\r\n    clamp(38px,4vw,62px);\r\n\r\n  line-height:1.02;\r\n\r\n  letter-spacing:-2.8px;\r\n\r\n  color:#173574;\r\n\r\n  margin:0 0 22px;\r\n}\r\n\r\n#gp02-modal .title span{\r\n  display:block;\r\n\r\n  width:max-content;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #FF633E,\r\n      #FF8A6A,\r\n      #E94A27\r\n    );\r\n\r\n  -webkit-background-clip:text;\r\n  background-clip:text;\r\n\r\n  -webkit-text-fill-color:transparent;\r\n\r\n  animation:\r\n    gp02TitleShine\r\n    5s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n@keyframes gp02TitleShine{\r\n  0%,100%{filter:brightness(1);}\r\n  50%{filter:brightness(1.18);}\r\n}\r\n\r\n#gp02-modal .desc{\r\n  font-size:17px;\r\n\r\n  line-height:1.7;\r\n\r\n  color:#4d638f;\r\n\r\n  max-width:650px;\r\n}\r\n\r\n#gp02-modal .tags{\r\n  display:flex;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:9px;\r\n\r\n  margin-top:25px;\r\n}\r\n\r\n#gp02-modal .tag{\r\n  padding:9px 12px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:rgba(255,255,255,.84);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.17);\r\n\r\n  color:#40598d;\r\n\r\n  font-size:12px;\r\n\r\n  font-weight:700;\r\n\r\n  box-shadow:\r\n    0 5px 15px rgba(var(--ar),.05);\r\n\r\n  transition:.28s ease;\r\n}\r\n\r\n#gp02-modal .tag:hover{\r\n  transform:translateY(-3px);\r\n\r\n  border-color:\r\n    rgba(var(--ar),.35);\r\n\r\n  box-shadow:\r\n    0 10px 22px rgba(var(--ar),.12);\r\n\r\n  color:var(--a);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO VISUAL\r\n   ========================================================= *\/\r\n\r\n#gp02-modal .visual{\r\n  height:350px;\r\n\r\n  position:relative;\r\n\r\n  min-width:420px;\r\n\r\n  perspective:900px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 50% 50%,\r\n      rgba(255,99,62,.09),\r\n      transparent 65%\r\n    );\r\n\r\n  border-radius:40px;\r\n}\r\n\r\n#gp02-modal .visual::before,\r\n#gp02-modal .visual::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  border-radius:50%;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n#gp02-modal .visual::before{\r\n  width:290px;\r\n  height:290px;\r\n\r\n  transform:translate(-50%,-50%);\r\n\r\n  border:\r\n    1px dashed\r\n    rgba(var(--ar),.22);\r\n\r\n  animation:\r\n    gp02ring\r\n    14s\r\n    linear\r\n    infinite;\r\n}\r\n\r\n#gp02-modal .visual::after{\r\n  width:365px;\r\n  height:365px;\r\n\r\n  transform:translate(-50%,-50%);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.10);\r\n\r\n  animation:\r\n    gp02ringReverse\r\n    20s\r\n    linear\r\n    infinite;\r\n}\r\n\r\n@keyframes gp02ring{\r\n  to{\r\n    transform:\r\n      translate(-50%,-50%)\r\n      rotate(360deg);\r\n  }\r\n}\r\n\r\n@keyframes gp02ringReverse{\r\n  to{\r\n    transform:\r\n      translate(-50%,-50%)\r\n      rotate(-360deg);\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ORBIT\r\n   ========================================================= *\/\r\n\r\n#gp02-modal .orbit{\r\n  position:absolute;\r\n\r\n  width:220px;\r\n  height:220px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.30);\r\n\r\n  border-radius:50%;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  transform:translate(-50%,-50%);\r\n\r\n  animation:\r\n    gp02orbit\r\n    9s\r\n    linear\r\n    infinite;\r\n}\r\n\r\n#gp02-modal .orbit::before,\r\n#gp02-modal .orbit::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:8px;\r\n  height:8px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#FF633E;\r\n\r\n  box-shadow:\r\n    0 0 0 6px rgba(255,99,62,.08),\r\n    0 0 18px rgba(255,99,62,.50);\r\n}\r\n\r\n#gp02-modal .orbit::before{\r\n  left:18px;\r\n  top:40px;\r\n}\r\n\r\n#gp02-modal .orbit::after{\r\n  right:12px;\r\n  bottom:34px;\r\n}\r\n\r\n@keyframes gp02orbit{\r\n  to{\r\n    transform:\r\n      translate(-50%,-50%)\r\n      rotate(360deg);\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CENTER\r\n   ========================================================= *\/\r\n\r\n#gp02-modal .center{\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  width:136px;\r\n  height:136px;\r\n\r\n  border-radius:34px;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 27% 18%,\r\n      rgba(255,255,255,.34),\r\n      transparent 28%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #FF8A6A 0%,\r\n      #FF633E 45%,\r\n      #E94A27 100%\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.42);\r\n\r\n  color:#fff;\r\n\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  box-shadow:\r\n\r\n    0 22px 48px\r\n    rgba(255,99,62,.30),\r\n\r\n    0 0 0 9px\r\n    rgba(255,99,62,.06),\r\n\r\n    0 0 65px\r\n    rgba(255,99,62,.18);\r\n\r\n  animation:\r\n    gp02CenterFloat\r\n    4s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n#gp02-modal .center::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:7px;\r\n\r\n  border-radius:27px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.34);\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(255,255,255,.09),\r\n      transparent 58%\r\n    );\r\n}\r\n\r\n#gp02-modal .center::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:-32px;\r\n\r\n  border-radius:52px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(255,99,62,.28),\r\n      rgba(255,99,62,0) 69%\r\n    );\r\n\r\n  filter:blur(12px);\r\n\r\n  animation:\r\n    gp02Aura\r\n    3.4s\r\n    ease-in-out\r\n    infinite;\r\n\r\n  z-index:-1;\r\n}\r\n\r\n#gp02-modal .center b{\r\n  font-size:39px;\r\n\r\n  font-weight:900;\r\n\r\n  line-height:.85;\r\n\r\n  color:#fff;\r\n\r\n  text-shadow:\r\n    0 7px 20px\r\n    rgba(120,40,20,.22);\r\n}\r\n\r\n#gp02-modal .center small{\r\n  margin-top:13px;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:900;\r\n\r\n  letter-spacing:1.4px;\r\n\r\n  color:#fff;\r\n}\r\n\r\n@keyframes gp02CenterFloat{\r\n  0%,100%{\r\n    transform:\r\n      translate(-50%,-50%)\r\n      translateY(0);\r\n  }\r\n\r\n  50%{\r\n    transform:\r\n      translate(-50%,-50%)\r\n      translateY(-5px);\r\n  }\r\n}\r\n\r\n@keyframes gp02Aura{\r\n  0%,100%{\r\n    transform:scale(.88);\r\n    opacity:.55;\r\n  }\r\n\r\n  50%{\r\n    transform:scale(1.14);\r\n    opacity:1;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NODES\r\n   ========================================================= *\/\r\n\r\n#gp02-modal .node{\r\n  position:absolute;\r\n\r\n  width:145px;\r\n  min-height:98px;\r\n\r\n  padding:13px;\r\n\r\n  border-radius:18px;\r\n\r\n  background:\r\n    rgba(255,255,255,.96);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.16);\r\n\r\n  box-shadow:\r\n    0 15px 32px\r\n    rgba(45,60,125,.12),\r\n\r\n    0 0 0 1px\r\n    rgba(255,255,255,.6)\r\n    inset;\r\n\r\n  display:flex;\r\n\r\n  gap:9px;\r\n\r\n  align-items:center;\r\n\r\n  transition:\r\n    .35s\r\n    cubic-bezier(.2,.8,.2,1);\r\n\r\n  animation:\r\n    gp02float\r\n    4.5s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n#gp02-modal .node:nth-of-type(2){\r\n  animation-delay:-1.1s;\r\n}\r\n\r\n#gp02-modal .node:nth-of-type(3){\r\n  animation-delay:-2.2s;\r\n}\r\n\r\n#gp02-modal .node:nth-of-type(4){\r\n  animation-delay:-3.3s;\r\n}\r\n\r\n#gp02-modal .node:hover{\r\n  transform:\r\n    translateY(-8px)\r\n    scale(1.025);\r\n\r\n  border-color:\r\n    rgba(var(--ar),.4);\r\n\r\n  box-shadow:\r\n    0 22px 42px\r\n    rgba(var(--ar),.18),\r\n\r\n    0 0 0 1px\r\n    rgba(255,255,255,.8)\r\n    inset;\r\n}\r\n\r\n@keyframes gp02float{\r\n  0%,100%{\r\n    transform:translateY(0);\r\n  }\r\n\r\n  50%{\r\n    transform:translateY(-7px);\r\n  }\r\n}\r\n\r\n#gp02-modal .n1{\r\n  left:0;\r\n  top:4px;\r\n}\r\n\r\n#gp02-modal .n2{\r\n  right:0;\r\n  top:4px;\r\n}\r\n\r\n#gp02-modal .n3{\r\n  left:0;\r\n  bottom:4px;\r\n}\r\n\r\n#gp02-modal .n4{\r\n  right:0;\r\n  bottom:4px;\r\n}\r\n\r\n#gp02-modal .icon{\r\n  width:50px;\r\n  height:50px;\r\n\r\n  flex:0 0 50px;\r\n\r\n  border-radius:15px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  font-size:21px;\r\n\r\n  box-shadow:\r\n    0 7px 17px rgba(var(--ar),.13),\r\n    inset 0 0 0 1px rgba(var(--ar),.08);\r\n}\r\n\r\n#gp02-modal .node strong{\r\n  display:block;\r\n\r\n  font-size:11px;\r\n\r\n  color:#243e78;\r\n}\r\n\r\n#gp02-modal .node small{\r\n  display:block;\r\n\r\n  font-size:9px;\r\n\r\n  color:#7285a9;\r\n\r\n  margin-top:4px;\r\n\r\n  line-height:1.4;\r\n}\r\n\r\n#gp02-modal .node::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  right:10px;\r\n  top:10px;\r\n\r\n  width:6px;\r\n  height:6px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#FF633E;\r\n\r\n  box-shadow:\r\n    0 0 0 4px rgba(255,99,62,.08),\r\n    0 0 10px rgba(255,99,62,.42);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NODE ICONS\r\n   ========================================================= *\/\r\n\r\n#gp02-modal .logic-icon{\r\n  background:#F0EAFF;\r\n  color:#7650D8;\r\n}\r\n\r\n#gp02-modal .form-icon{\r\n  background:#FFF0EB;\r\n  color:#FF633E;\r\n}\r\n\r\n#gp02-modal .approval-icon{\r\n  background:#EAF9F3;\r\n  color:#159A68;\r\n}\r\n\r\n#gp02-modal .payment-icon{\r\n  background:#FFF7E8;\r\n  color:#F2A100;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n   ========================================================= *\/\r\n\r\n#gp02-modal .content{\r\n  position:relative;\r\n\r\n  padding:\r\n    62px\r\n    82px\r\n    70px;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 0% 8%,\r\n      rgba(255,99,62,.065),\r\n      transparent 22%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 100% 30%,\r\n      rgba(255,99,62,.055),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 50% 100%,\r\n      rgba(255,99,62,.035),\r\n      transparent 30%\r\n    ),\r\n\r\n    #fff;\r\n}\r\n\r\n#gp02-modal .content::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:0;\r\n  left:8%;\r\n\r\n  width:84%;\r\n  height:2px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(255,99,62,.15),\r\n      #FF8A6A,\r\n      rgba(255,99,62,.15),\r\n      transparent\r\n    );\r\n\r\n  opacity:.65;\r\n\r\n  animation:\r\n    gp02contentline\r\n    5s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n@keyframes gp02contentline{\r\n  0%,100%{\r\n    transform:scaleX(.72);\r\n    opacity:.45;\r\n  }\r\n\r\n  50%{\r\n    transform:scaleX(1);\r\n    opacity:.85;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n   ========================================================= *\/\r\n\r\n#gp02-modal .label{\r\n  position:relative;\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  font-size:11px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:1.5px;\r\n\r\n  color:var(--a);\r\n\r\n  margin:0 0 10px;\r\n}\r\n\r\n#gp02-modal .label::before{\r\n  content:\"\";\r\n\r\n  width:24px;\r\n  height:3px;\r\n\r\n  border-radius:10px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #FF633E,\r\n      #FFAA91\r\n    );\r\n\r\n  box-shadow:\r\n    0 0 12px\r\n    rgba(255,99,62,.28);\r\n\r\n  animation:\r\n    gp02label\r\n    2.4s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n@keyframes gp02label{\r\n  0%,100%{\r\n    width:24px;\r\n    opacity:1;\r\n  }\r\n\r\n  50%{\r\n    width:36px;\r\n    opacity:.68;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADINGS\r\n   ========================================================= *\/\r\n\r\n#gp02-modal .heading{\r\n  position:relative;\r\n\r\n  font-size:34px;\r\n\r\n  color:#173574;\r\n\r\n  margin:0 0 16px;\r\n\r\n  letter-spacing:-.9px;\r\n}\r\n\r\n#gp02-modal .heading::after{\r\n  content:\"\";\r\n\r\n  display:block;\r\n\r\n  width:54px;\r\n  height:4px;\r\n\r\n  margin-top:13px;\r\n\r\n  border-radius:10px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #FF633E,\r\n      #FFAA91,\r\n      transparent\r\n    );\r\n\r\n  animation:\r\n    gp02headingline\r\n    3s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n@keyframes gp02headingline{\r\n  50%{\r\n    width:95px;\r\n    opacity:.72;\r\n  }\r\n}\r\n\r\n#gp02-modal .text{\r\n  color:#5b6f96;\r\n\r\n  line-height:1.75;\r\n\r\n  font-size:16px;\r\n\r\n  max-width:900px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NOTE\r\n   ========================================================= *\/\r\n\r\n#gp02-modal .note{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #FFF8F5,\r\n      #FFF0EB\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.16);\r\n\r\n  border-radius:14px;\r\n\r\n  padding:17px 20px;\r\n\r\n  color:#53678f;\r\n\r\n  margin:25px 0 35px;\r\n\r\n  line-height:1.6;\r\n\r\n  box-shadow:\r\n    0 10px 28px\r\n    rgba(var(--ar),.05);\r\n}\r\n\r\n#gp02-modal .note::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:-25%;\r\n  top:0;\r\n\r\n  width:20%;\r\n  height:100%;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(255,255,255,.65),\r\n      transparent\r\n    );\r\n\r\n  transform:skewX(-18deg);\r\n\r\n  animation:\r\n    gp02sweep\r\n    5s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n@keyframes gp02sweep{\r\n  50%{\r\n    left:120%;\r\n  }\r\n}\r\n\r\n#gp02-modal .note strong{\r\n  color:#E94A27;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARDS\r\n   ========================================================= *\/\r\n\r\n#gp02-modal .cards{\r\n  position:relative;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n  gap:17px;\r\n\r\n  margin:0 0 60px;\r\n}\r\n\r\n#gp02-modal .card{\r\n  padding:24px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.12);\r\n\r\n  border-radius:15px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #fff,\r\n      #FFF9F7\r\n    );\r\n\r\n  min-height:175px;\r\n\r\n  transition:\r\n    .32s\r\n    cubic-bezier(.2,.8,.2,1);\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  animation:\r\n    gp02cardin\r\n    .7s\r\n    both;\r\n}\r\n\r\n#gp02-modal .card:nth-child(2){\r\n  animation-delay:.08s;\r\n}\r\n\r\n#gp02-modal .card:nth-child(3){\r\n  animation-delay:.16s;\r\n}\r\n\r\n#gp02-modal .card:nth-child(4){\r\n  animation-delay:.24s;\r\n}\r\n\r\n#gp02-modal .card:nth-child(5){\r\n  animation-delay:.32s;\r\n}\r\n\r\n#gp02-modal .card:nth-child(6){\r\n  animation-delay:.40s;\r\n}\r\n\r\n#gp02-modal .card::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:0;\r\n  top:0;\r\n\r\n  width:100%;\r\n  height:3px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      var(--a),\r\n      #FFAA91,\r\n      transparent\r\n    );\r\n\r\n  transform:scaleX(.25);\r\n\r\n  transition:.35s ease;\r\n}\r\n\r\n#gp02-modal .card::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  right:-35px;\r\n  top:-35px;\r\n\r\n  width:100px;\r\n  height:100px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    rgba(var(--ar),.055);\r\n\r\n  filter:blur(2px);\r\n}\r\n\r\n#gp02-modal .card:hover{\r\n  transform:\r\n    translateY(-7px)\r\n    scale(1.008);\r\n\r\n  border-color:\r\n    rgba(var(--ar),.30);\r\n\r\n  box-shadow:\r\n    0 20px 42px\r\n    rgba(var(--ar),.12),\r\n\r\n    0 0 0 4px\r\n    rgba(var(--ar),.03);\r\n}\r\n\r\n#gp02-modal .card:hover::before{\r\n  transform:scaleX(1);\r\n}\r\n\r\n@keyframes gp02cardin{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(18px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:none;\r\n  }\r\n}\r\n\r\n#gp02-modal .card-icon{\r\n  width:48px;\r\n  height:48px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  font-size:22px;\r\n\r\n  color:var(--a);\r\n\r\n  margin-bottom:14px;\r\n\r\n  border-radius:14px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #FFF0EB,\r\n      #FFE1D7\r\n    );\r\n\r\n  box-shadow:\r\n    0 8px 18px\r\n    rgba(var(--ar),.10),\r\n\r\n    inset 0 0 0 1px\r\n    rgba(var(--ar),.08);\r\n\r\n  transition:.3s ease;\r\n}\r\n\r\n#gp02-modal .card:hover .card-icon{\r\n  transform:\r\n    rotate(-5deg)\r\n    scale(1.08);\r\n\r\n  box-shadow:\r\n    0 12px 24px\r\n    rgba(var(--ar),.18);\r\n}\r\n\r\n#gp02-modal .card h3{\r\n  margin:0 0 8px;\r\n\r\n  color:#243e78;\r\n\r\n  font-size:17px;\r\n}\r\n\r\n#gp02-modal .card p{\r\n  margin:0;\r\n\r\n  color:#687b9e;\r\n\r\n  line-height:1.6;\r\n\r\n  font-size:14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROCESS\r\n   ========================================================= *\/\r\n\r\n#gp02-modal .process{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 10% 0%,\r\n      rgba(var(--ar),.07),\r\n      transparent 28%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #FFF9F7,\r\n      #FFF1EC\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.13);\r\n\r\n  border-radius:20px;\r\n\r\n  padding:28px;\r\n\r\n  margin:20px 0 60px;\r\n}\r\n\r\n#gp02-modal .process::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:0;\r\n  left:-30%;\r\n\r\n  width:28%;\r\n  height:3px;\r\n\r\n  border-radius:99px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      #FF633E,\r\n      #FFAA91,\r\n      transparent\r\n    );\r\n\r\n  box-shadow:\r\n    0 0 18px\r\n    rgba(255,99,62,.25);\r\n\r\n  animation:\r\n    gp02processglow\r\n    5s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n#gp02-modal .process::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:90px;\r\n  height:90px;\r\n\r\n  right:-25px;\r\n  bottom:-45px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    rgba(255,99,62,.07);\r\n\r\n  filter:blur(12px);\r\n\r\n  animation:\r\n    gp02processorb\r\n    6s\r\n    ease-in-out\r\n    infinite\r\n    alternate;\r\n}\r\n\r\n@keyframes gp02processorb{\r\n  to{\r\n    transform:\r\n      translate(-45px,-20px)\r\n      scale(1.3);\r\n  }\r\n}\r\n\r\n@keyframes gp02processglow{\r\n  to{\r\n    left:120%;\r\n  }\r\n}\r\n\r\n#gp02-modal .steps{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4,1fr);\r\n\r\n  gap:18px;\r\n}\r\n\r\n#gp02-modal .step-number{\r\n  width:42px;\r\n  height:42px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--a),\r\n      var(--ad)\r\n    );\r\n\r\n  color:#fff;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  font-weight:800;\r\n\r\n  margin-bottom:12px;\r\n\r\n  box-shadow:\r\n    0 8px 20px\r\n    rgba(var(--ar),.18);\r\n\r\n  animation:\r\n    gp02step\r\n    3s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n#gp02-modal .step:nth-child(2) .step-number{\r\n  animation-delay:.35s;\r\n}\r\n\r\n#gp02-modal .step:nth-child(3) .step-number{\r\n  animation-delay:.70s;\r\n}\r\n\r\n#gp02-modal .step:nth-child(4) .step-number{\r\n  animation-delay:1.05s;\r\n}\r\n\r\n@keyframes gp02step{\r\n  50%{\r\n    transform:translateY(-3px);\r\n\r\n    box-shadow:\r\n      0 12px 25px\r\n      rgba(var(--ar),.25);\r\n  }\r\n}\r\n\r\n#gp02-modal .step h3{\r\n  color:#243e78;\r\n  font-size:16px;\r\n}\r\n\r\n#gp02-modal .step p{\r\n  color:#687b9e;\r\n\r\n  font-size:13px;\r\n\r\n  line-height:1.55;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BEFORE \/ AFTER\r\n   ========================================================= *\/\r\n\r\n#gp02-modal .example{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr 70px 1fr;\r\n\r\n  gap:18px;\r\n\r\n  align-items:center;\r\n\r\n  margin:25px 0 30px;\r\n}\r\n\r\n#gp02-modal .box{\r\n  padding:24px;\r\n\r\n  border:\r\n    1px solid\r\n    #dfe4f5;\r\n\r\n  border-radius:18px;\r\n\r\n  background:#fff;\r\n\r\n  transition:.3s ease;\r\n}\r\n\r\n#gp02-modal .box:hover{\r\n  transform:translateY(-4px);\r\n\r\n  box-shadow:\r\n    0 14px 28px\r\n    rgba(var(--ar),.08);\r\n}\r\n\r\n#gp02-modal .box.after{\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #FFF3EE,\r\n      #FFE7DE\r\n    );\r\n\r\n  border-color:\r\n    rgba(var(--ar),.20);\r\n}\r\n\r\n#gp02-modal .box-label{\r\n  font-size:10px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:1.3px;\r\n\r\n  color:var(--a);\r\n}\r\n\r\n#gp02-modal .box h3{\r\n  color:#243e78;\r\n}\r\n\r\n#gp02-modal .box p{\r\n  color:#687b9e;\r\n\r\n  line-height:1.6;\r\n}\r\n\r\n#gp02-modal .arrow{\r\n  text-align:center;\r\n\r\n  font-size:30px;\r\n\r\n  color:var(--a);\r\n\r\n  animation:\r\n    gp02arrow\r\n    1.8s\r\n    ease-in-out\r\n    infinite;\r\n\r\n  text-shadow:\r\n    0 4px 14px\r\n    rgba(var(--ar),.18);\r\n}\r\n\r\n@keyframes gp02arrow{\r\n  50%{\r\n    transform:\r\n      translateX(8px)\r\n      scale(1.08);\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOW\r\n   ========================================================= *\/\r\n\r\n#gp02-modal .flow{\r\n  display:flex;\r\n\r\n  justify-content:center;\r\n  align-items:center;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:10px;\r\n\r\n  margin:30px 0 60px;\r\n}\r\n\r\n#gp02-modal .flow span{\r\n  padding:9px 13px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#FFF0EB;\r\n\r\n  color:#4f5f94;\r\n\r\n  font-size:11px;\r\n\r\n  font-weight:800;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.10);\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n#gp02-modal .flow span:hover{\r\n  transform:translateY(-3px);\r\n\r\n  color:var(--a);\r\n\r\n  box-shadow:\r\n    0 8px 18px\r\n    rgba(var(--ar),.09);\r\n}\r\n\r\n#gp02-modal .flow b{\r\n  color:var(--a);\r\n\r\n  animation:\r\n    gp02flow\r\n    1.5s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n@keyframes gp02flow{\r\n  50%{\r\n    transform:translateX(3px);\r\n    opacity:.65;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOOLS\r\n   ========================================================= *\/\r\n\r\n#gp02-modal .tools{\r\n  display:flex;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:10px;\r\n\r\n  margin:20px 0 60px;\r\n}\r\n\r\n#gp02-modal .tool{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:11px 14px;\r\n\r\n  border:\r\n    1px solid\r\n    #dfe4f5;\r\n\r\n  border-radius:12px;\r\n\r\n  color:#53678f;\r\n\r\n  font-size:13px;\r\n\r\n  background:#fff;\r\n\r\n  transition:.28s ease;\r\n}\r\n\r\n#gp02-modal .tool:hover{\r\n  transform:\r\n    translateY(-4px)\r\n    scale(1.015);\r\n\r\n  border-color:\r\n    rgba(var(--ar),.30);\r\n\r\n  color:var(--a);\r\n\r\n  box-shadow:\r\n    0 10px 20px\r\n    rgba(var(--ar),.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESULTS\r\n   ========================================================= *\/\r\n\r\n#gp02-modal .results{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n  gap:12px;\r\n\r\n  margin:20px 0 55px;\r\n}\r\n\r\n#gp02-modal .result{\r\n  padding:14px 16px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #FFF9F7,\r\n      #FFF1EC\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.09);\r\n\r\n  color:#53678f;\r\n\r\n  font-size:14px;\r\n\r\n  transition:.28s ease;\r\n}\r\n\r\n#gp02-modal .result:hover{\r\n  transform:translateY(-3px);\r\n\r\n  border-color:\r\n    rgba(var(--ar),.23);\r\n\r\n  box-shadow:\r\n    0 10px 20px\r\n    rgba(var(--ar),.08);\r\n}\r\n\r\n#gp02-modal .result b{\r\n  color:var(--a);\r\n\r\n  margin-right:8px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FINAL CTA\r\n   ========================================================= *\/\r\n\r\n#gp02-modal .cta{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:24px;\r\n\r\n  padding:42px 44px;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 10% 10%,\r\n      rgba(255,255,255,.18),\r\n      transparent 28%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 90% 90%,\r\n      rgba(255,200,180,.20),\r\n      transparent 30%\r\n    ),\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      #FF633E 0%,\r\n      #F45532 43%,\r\n      #E94A27 100%\r\n    );\r\n\r\n  color:#fff;\r\n\r\n  display:flex;\r\n\r\n  justify-content:space-between;\r\n  align-items:center;\r\n\r\n  gap:30px;\r\n\r\n  box-shadow:\r\n    0 22px 55px\r\n    rgba(var(--ar),.27);\r\n}\r\n\r\n#gp02-modal .cta::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:380px;\r\n  height:380px;\r\n\r\n  left:-150px;\r\n  top:-235px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(255,255,255,.23),\r\n      transparent 68%\r\n    );\r\n\r\n  filter:blur(8px);\r\n\r\n  animation:\r\n    gp02orb1\r\n    8s\r\n    ease-in-out\r\n    infinite\r\n    alternate;\r\n}\r\n\r\n#gp02-modal .cta::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:350px;\r\n  height:350px;\r\n\r\n  right:-120px;\r\n  bottom:-220px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(255,255,255,.19),\r\n      rgba(255,200,180,.17) 30%,\r\n      transparent 70%\r\n    );\r\n\r\n  filter:blur(9px);\r\n\r\n  animation:\r\n    gp02orb2\r\n    11s\r\n    ease-in-out\r\n    infinite\r\n    alternate;\r\n}\r\n\r\n@keyframes gp02orb1{\r\n  to{\r\n    transform:\r\n      translate(130px,60px)\r\n      scale(1.12);\r\n  }\r\n}\r\n\r\n@keyframes gp02orb2{\r\n  to{\r\n    transform:\r\n      translate(-80px,-40px)\r\n      scale(1.1);\r\n  }\r\n}\r\n\r\n#gp02-modal .cta > *{\r\n  position:relative;\r\n  z-index:3;\r\n}\r\n\r\n#gp02-modal .cta h2{\r\n  margin:0 0 8px;\r\n\r\n  font-size:34px;\r\n\r\n  letter-spacing:-.8px;\r\n\r\n  color:#fff !important;\r\n\r\n  text-shadow:\r\n    0 5px 22px\r\n    rgba(100,30,20,.20);\r\n}\r\n\r\n#gp02-modal .cta p{\r\n  margin:0;\r\n\r\n  color:\r\n    rgba(255,255,255,.94) !important;\r\n\r\n  opacity:1;\r\n\r\n  line-height:1.65;\r\n\r\n  max-width:620px;\r\n}\r\n\r\n#gp02-modal .cta a{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #ffffff 0%,\r\n      #FFF9F7 52%,\r\n      #FFECE5 100%\r\n    );\r\n\r\n  color:#E94A27;\r\n\r\n  padding:14px 21px;\r\n\r\n  border-radius:11px;\r\n\r\n  text-decoration:none;\r\n\r\n  font-weight:800;\r\n\r\n  white-space:nowrap;\r\n\r\n  box-shadow:\r\n    0 12px 28px\r\n    rgba(20,30,85,.16),\r\n\r\n    inset 0 1px 0\r\n    rgba(255,255,255,1);\r\n\r\n  transition:\r\n    .32s\r\n    cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n#gp02-modal .cta a::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      110deg,\r\n      transparent 20%,\r\n      rgba(255,99,62,.13) 48%,\r\n      transparent 72%\r\n    );\r\n\r\n  transform:translateX(-120%);\r\n\r\n  animation:\r\n    gp02ctabtn\r\n    3.8s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n@keyframes gp02ctabtn{\r\n  0%,45%{\r\n    transform:translateX(-120%);\r\n  }\r\n\r\n  70%,100%{\r\n    transform:translateX(120%);\r\n  }\r\n}\r\n\r\n#gp02-modal .cta a::after{\r\n  content:\"\u2192\";\r\n\r\n  display:inline-block;\r\n\r\n  margin-left:7px;\r\n\r\n  transition:.32s ease;\r\n}\r\n\r\n#gp02-modal .cta a:hover{\r\n  transform:\r\n    translateY(-5px)\r\n    scale(1.025);\r\n\r\n  box-shadow:\r\n    0 20px 40px\r\n    rgba(20,30,85,.25);\r\n}\r\n\r\n#gp02-modal .cta a:hover::after{\r\n  transform:translateX(6px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n   ========================================================= *\/\r\n\r\n@media(max-width:900px){\r\n\r\n  #gp02-modal .hero,\r\n  #gp02-modal .content{\r\n    padding:40px 25px;\r\n  }\r\n\r\n  #gp02-modal .hero-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #gp02-modal .visual{\r\n    min-width:0;\r\n  }\r\n\r\n  #gp02-modal .cards,\r\n  #gp02-modal .steps,\r\n  #gp02-modal .results{\r\n    grid-template-columns:\r\n      1fr 1fr;\r\n  }\r\n\r\n  #gp02-modal .cta{\r\n    flex-direction:column;\r\n    align-items:flex-start;\r\n  }\r\n\r\n}\r\n\r\n@media(max-width:600px){\r\n\r\n  #gp02-modal{\r\n    padding:10px;\r\n  }\r\n\r\n  #gp02-modal .win{\r\n    width:\r\n      calc(100vw - 20px)!important;\r\n\r\n    border-radius:\r\n      18px!important;\r\n  }\r\n\r\n  #gp02-modal .hero,\r\n  #gp02-modal .content{\r\n    padding:\r\n      35px 20px!important;\r\n  }\r\n\r\n  #gp02-modal .visual{\r\n    height:315px;\r\n\r\n    transform:scale(.72);\r\n\r\n    margin:-20px -50px;\r\n  }\r\n\r\n  #gp02-modal .title{\r\n    letter-spacing:-1.7px;\r\n  }\r\n\r\n  #gp02-modal .cards,\r\n  #gp02-modal .steps,\r\n  #gp02-modal .results{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #gp02-modal .example{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #gp02-modal .arrow{\r\n    transform:rotate(90deg);\r\n  }\r\n\r\n  #gp02-modal .cta{\r\n    padding:\r\n      30px 25px!important;\r\n  }\r\n\r\n  #gp02-modal .cta h2{\r\n    font-size:27px;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<div id=\"gp02\">\r\n\r\n  <!-- =====================================================\r\n       LEARN MORE BUTTON\r\n       ===================================================== -->\r\n\r\n  <button\r\n    type=\"button\"\r\n    class=\"gp02-btn\"\r\n    id=\"gp02-open\"\r\n  >\r\n    Scopri di pi\u00f9\r\n  <\/button>\r\n\r\n\r\n  <!-- =====================================================\r\n       MODAL\r\n       ===================================================== -->\r\n\r\n  <div\r\n    id=\"gp02-modal\"\r\n    aria-hidden=\"true\"\r\n  >\r\n\r\n    <div class=\"win\">\r\n\r\n      <button\r\n        class=\"close\"\r\n        type=\"button\"\r\n        aria-label=\"Close\"\r\n      >\r\n        \u00d7\r\n      <\/button>\r\n\r\n\r\n      <div class=\"scroll\">\r\n\r\n\r\n        <!-- =================================================\r\n             HERO\r\n             ================================================= -->\r\n\r\n        <section class=\"hero\">\r\n\r\n          <div class=\"hero-grid\">\r\n\r\n\r\n            <div>\r\n\r\n              <div class=\"eyebrow\">\r\n                SERVIZIO 02 \u00b7 JOTFORM AVANZATO\r\n              <\/div>\r\n\r\n              <h1 class=\"title\">\r\n\r\n                Jotform\r\n                <span>Avanzato<\/span>\r\n\r\n              <\/h1>\r\n\r\n              <p class=\"desc\">\r\n                Creo moduli avanzati con logiche condizionali, calcoli, approvazioni, pagamenti e integrazioni, per semplificare i processi complessi della tua attivit\u00e0.\r\n              <\/p>\r\n\r\n\r\n              <div class=\"tags\">\r\n\r\n                <span class=\"tag\">\r\n                  Logiche condizionali\r\n                <\/span>\r\n\r\n                <span class=\"tag\">\r\n                  Calcoli\r\n                <\/span>\r\n\r\n                <span class=\"tag\">\r\n                  Approvazioni\r\n                <\/span>\r\n\r\n                <span class=\"tag\">\r\n                  Pagamenti\r\n                <\/span>\r\n\r\n                <span class=\"tag\">\r\n                  Integrazioni\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 HERO VISUAL\r\n                 ================================================= -->\r\n\r\n            <div class=\"visual\">\r\n\r\n              <div class=\"orbit\"><\/div>\r\n\r\n\r\n              <!-- LOGIC -->\r\n\r\n              <div class=\"node n1\">\r\n\r\n                <div class=\"icon logic-icon\">\r\n                  \u2211\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                  <strong>\r\n                    Logica\r\n                  <\/strong>\r\n\r\n                  <small>\r\n                    Regole condizionali\r\n                  <\/small>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- FORM -->\r\n\r\n              <div class=\"node n2\">\r\n\r\n                <div class=\"icon form-icon\">\r\n                  \u25eb\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                  <strong>\r\n                    Jotform\r\n                  <\/strong>\r\n\r\n                  <small>\r\n                    Moduli avanzati\r\n                  <\/small>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- APPROVAL -->\r\n\r\n              <div class=\"node n3\">\r\n\r\n                <div class=\"icon approval-icon\">\r\n                  \u2713\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                  <strong>\r\n                    Approvazioni\r\n                  <\/strong>\r\n\r\n                  <small>\r\n                    Processo automatizzato\r\n                  <\/small>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- PAYMENT -->\r\n\r\n              <div class=\"node n4\">\r\n\r\n                <div class=\"icon payment-icon\">\r\n                  \u20ac\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                  <strong>\r\n                    Pagamenti\r\n                  <\/strong>\r\n\r\n                  <small>\r\n                    Raccolta sicura\r\n                  <\/small>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- CENTER -->\r\n\r\n              <div class=\"center\">\r\n\r\n                <b>\r\n                  \u2261\r\n                <\/b>\r\n\r\n                <small>\r\n                  JOTFORM\r\n                <\/small>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/section>\r\n\r\n\r\n        <!-- =================================================\r\n             CONTENT\r\n             ================================================= -->\r\n\r\n        <section class=\"content\">\r\n\r\n\r\n          <!-- =================================================\r\n               INTRO\r\n               ================================================= -->\r\n\r\n          <div class=\"label\">\r\n            JOTFORM AVANZATO\r\n          <\/div>\r\n\r\n          <h2 class=\"heading\">\r\n            Trasformo moduli complessi in processi aziendali pi\u00f9 intelligenti.\r\n          <\/h2>\r\n\r\n          <p class=\"text\">\r\n            Le soluzioni Jotform avanzate vanno oltre la semplice raccolta dei dati. Creo moduli con logiche condizionali, calcoli, flussi di approvazione, pagamenti e integrazioni, progettati in base al modo in cui funziona realmente la tua attivit\u00e0.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"note\">\r\n\r\n            <strong>\r\n              Un solo modulo pu\u00f2 gestire un intero processo della tua attivit\u00e0.\r\n            <\/strong>\r\n\r\n            Invece di creare moduli separati o gestire manualmente ogni risposta, un Jotform avanzato pu\u00f2 adattarsi dinamicamente alle risposte dell\u2019utente e attivare automaticamente le azioni appropriate.\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               SERVICES\r\n               ================================================= -->\r\n\r\n          <div class=\"cards\">\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \u2699\r\n              <\/div>\r\n\r\n              <h3>\r\n                Logiche condizionali\r\n              <\/h3>\r\n\r\n              <p>\r\n                Mostro o nascondo dinamicamente domande, sezioni e opzioni in base alle risposte dell\u2019utente.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \u2211\r\n              <\/div>\r\n\r\n              <h3>\r\n                Calcoli\r\n              <\/h3>\r\n\r\n              <p>\r\n                Creo calcoli automatici per prezzi, quantit\u00e0, totali, costi e altri valori della tua attivit\u00e0.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \u2713\r\n              <\/div>\r\n\r\n              <h3>\r\n                Flussi di approvazione\r\n              <\/h3>\r\n\r\n              <p>\r\n                Creo processi di approvazione strutturati, cos\u00ec le richieste possono essere revisionate e gestite dalle persone giuste.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \u20ac\r\n              <\/div>\r\n\r\n              <h3>\r\n                Pagamenti online\r\n              <\/h3>\r\n\r\n              <p>\r\n                Raccolgo i pagamenti direttamente tramite i moduli, collegando le informazioni di pagamento al resto del flusso di lavoro.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \u2194\r\n              <\/div>\r\n\r\n              <h3>\r\n                Integrazioni\r\n              <\/h3>\r\n\r\n              <p>\r\n                Collego Jotform con altri strumenti e servizi, cos\u00ec le informazioni possono passare automaticamente tra i sistemi della tua attivit\u00e0.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \u26a1\r\n              <\/div>\r\n\r\n              <h3>\r\n                Flussi di lavoro personalizzati\r\n              <\/h3>\r\n\r\n              <p>\r\n                Combino moduli, logiche, calcoli e integrazioni in un flusso di lavoro personalizzato, pensato per i processi specifici della tua attivit\u00e0.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               PROCESS\r\n               ================================================= -->\r\n\r\n          <div class=\"label\">\r\n            IL PROCESSO\r\n          <\/div>\r\n\r\n          <h2 class=\"heading\">\r\n            Da un semplice modulo a un flusso di lavoro completo.\r\n          <\/h2>\r\n\r\n          <p class=\"text\">\r\n            Progetto prima il modulo in base al processo, poi realizzo le logiche e le automazioni necessarie per renderlo efficiente, dalla compilazione al risultato finale.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"process\">\r\n\r\n            <div class=\"steps\">\r\n\r\n\r\n              <div class=\"step\">\r\n\r\n                <div class=\"step-number\">\r\n                  01\r\n                <\/div>\r\n\r\n                <h3>\r\n                  Comprendi\r\n                <\/h3>\r\n\r\n                <p>\r\n                  Individuo quali informazioni devono essere raccolte e come funziona attualmente il processo della tua attivit\u00e0.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"step\">\r\n\r\n                <div class=\"step-number\">\r\n                  02\r\n                <\/div>\r\n\r\n                <h3>\r\n                  Design\r\n                <\/h3>\r\n\r\n                <p>\r\n                  Structure the form, fields, sections and\r\n                  user experience around the process.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"step\">\r\n\r\n                <div class=\"step-number\">\r\n                  03\r\n                <\/div>\r\n\r\n                <h3>\r\n                  Automatizza\r\n                <\/h3>\r\n\r\n                <p>\r\n                  Aggiungo logiche condizionali, calcoli, approvazioni, pagamenti e integrazioni.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"step\">\r\n\r\n                <div class=\"step-number\">\r\n                  04\r\n                <\/div>\r\n\r\n                <h3>\r\n                  Ottimizza\r\n                <\/h3>\r\n\r\n                <p>\r\n                  Testo il flusso di lavoro e lo perfeziono affinch\u00e9 le richieste possano avanzare in modo efficiente nel processo.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               BEFORE \/ AFTER\r\n               ================================================= -->\r\n\r\n          <div class=\"label\">\r\n            PRIMA \u2192 DOPO\r\n          <\/div>\r\n\r\n          <h2 class=\"heading\">\r\n            Sostituisci i processi manuali e complessi con un unico modulo intelligente.\r\n          <\/h2>\r\n\r\n          <p class=\"text\">\r\n            Un Jotform ben progettato guida gli utenti attraverso le domande giuste, gestendo automaticamente calcoli, decisioni e passaggi successivi.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"example\">\r\n\r\n\r\n            <div class=\"box\">\r\n\r\n              <div class=\"box-label\">\r\n                PRIMA\r\n              <\/div>\r\n\r\n              <h3>\r\n                Processo Manuale\r\n              <\/h3>\r\n\r\n              <p>\r\n                Gli utenti compilano moduli di base, mentre i dipendenti controllano manualmente le risposte, calcolano i valori e decidono cosa fare successivamente.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"arrow\">\r\n              \u2192\r\n            <\/div>\r\n\r\n\r\n            <div class=\"box after\">\r\n\r\n              <div class=\"box-label\">\r\n                DOPO\r\n              <\/div>\r\n\r\n              <h3>\r\n                flusso di lavoro intelligente\r\n              <\/h3>\r\n\r\n              <p>\r\n                Il modulo si adatta alle risposte dell\u2019utente, esegue calcoli, raccoglie pagamenti e indirizza la richiesta nel processo corretto.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               FLOW\r\n               ================================================= -->\r\n\r\n          <div class=\"flow\">\r\n\r\n            <span>\r\n              MODULO\r\n            <\/span>\r\n\r\n            <b>\r\n              \u2192\r\n            <\/b>\r\n\r\n            <span>\r\n              LOGICA\r\n            <\/span>\r\n\r\n            <b>\r\n              \u2192\r\n            <\/b>\r\n\r\n            <span>\r\n              CALCOLI\r\n            <\/span>\r\n\r\n            <b>\r\n              \u2192\r\n            <\/b>\r\n\r\n            <span>\r\n              APPROVAZIONE\r\n            <\/span>\r\n\r\n            <b>\r\n              \u2192\r\n            <\/b>\r\n\r\n            <span>\r\n              AZIONE\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               TOOLS\r\n               ================================================= -->\r\n\r\n          <div class=\"label\">\r\n            FUNZIONALIT\u00c0 E INTEGRAZIONI\r\n          <\/div>\r\n\r\n          <h2 class=\"heading\">\r\n            Realizzato in base alle esigenze della tua attivit\u00e0.\r\n          <\/h2>\r\n\r\n          <p class=\"text\">\r\n            Jotform pu\u00f2 essere configurato per supportare diversi tipi di processi della tua attivit\u00e0, dalla raccolta strutturata dei dati a flussi di lavoro pi\u00f9 avanzati con approvazioni, pagamenti e strumenti esterni.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"tools\">\r\n\r\n            <div class=\"tool\">\r\n              \u25eb Jotform\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              Logiche condizionali\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              Calcoli\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              Approvazioni\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              Pagamenti\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              Integrazioni\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              Gestione dei dati\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              Flussi di lavoro automatizzati\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               RESULTS\r\n               ================================================= -->\r\n\r\n          <div class=\"label\">\r\n            IL RISULTATO\r\n          <\/div>\r\n\r\n          <h2 class=\"heading\">\r\n            Cosa ottiene la tua attivit\u00e0\r\n          <\/h2>\r\n\r\n          <p class=\"text\">\r\n            Il risultato \u00e8 un modulo pi\u00f9 intelligente, che raccoglie le informazioni giuste, riduce l\u2019intervento manuale e aiuta a far avanzare automaticamente i processi della tua attivit\u00e0.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"results\">\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Raccolta dati pi\u00f9 intelligente\r\n            <\/div>\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Moduli dinamici\r\n            <\/div>\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Calcoli automatici\r\n            <\/div>\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Approvazioni strutturate\r\n            <\/div>\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Pagamenti integrati\r\n            <\/div>\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Meno lavoro manuale\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               FINAL CTA\r\n               ================================================= -->\r\n\r\n          <div class=\"cta\">\r\n\r\n            <div>\r\n\r\n              <h2>\r\n                Hai un progetto in mente?\r\n              <\/h2>\r\n\r\n              <p>\r\n                Dimmi di cosa hai bisogno e costruiamo insieme la soluzione pi\u00f9 adatta al tuo flusso di lavoro.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n            <a href=\"\/it\/contact\/\">\r\n              Parliamone \u2192\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/section>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  const m =\r\n    document.getElementById('gp02-modal');\r\n\r\n  const o =\r\n    document.getElementById('gp02-open');\r\n\r\n  if(!m || !o) return;\r\n\r\n\r\n  \/*\r\n   * Move modal directly under body.\r\n   * This prevents Elementor containers\r\n   * from affecting fixed positioning.\r\n   *\/\r\n\r\n  document.body.appendChild(m);\r\n\r\n\r\n  const c =\r\n    m.querySelector('.close');\r\n\r\n\r\n  function open(){\r\n\r\n    m.classList.add('open');\r\n\r\n    m.setAttribute(\r\n      'aria-hidden',\r\n      'false'\r\n    );\r\n\r\n    document.body.style.overflow =\r\n      'hidden';\r\n\r\n  }\r\n\r\n\r\n  function shut(){\r\n\r\n    m.classList.remove('open');\r\n\r\n    m.setAttribute(\r\n      'aria-hidden',\r\n      'true'\r\n    );\r\n\r\n    document.body.style.overflow =\r\n      '';\r\n\r\n  }\r\n\r\n\r\n  o.addEventListener(\r\n    'click',\r\n    function(e){\r\n\r\n      e.preventDefault();\r\n\r\n      open();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  c.addEventListener(\r\n    'click',\r\n    shut\r\n  );\r\n\r\n\r\n  m.addEventListener(\r\n    'click',\r\n    function(e){\r\n\r\n      if(e.target === m){\r\n        shut();\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n\r\n  document.addEventListener(\r\n    'keydown',\r\n    function(e){\r\n\r\n      if(\r\n        e.key === 'Escape' &&\r\n        m.classList.contains('open')\r\n      ){\r\n\r\n        shut();\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0b823aa e-con-full e-transform e-flex e-con e-child\" data-id=\"0b823aa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.02,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t<div class=\"elementor-element elementor-element-bc8b16d e-con-full e-flex e-con e-child\" data-id=\"bc8b16d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb32a0c elementor-widget elementor-widget-image\" data-id=\"cb32a0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-15_55_27-1024x683.png\" class=\"attachment-large size-large wp-image-3599\" alt=\"chatgpt image 9 set 2026, 15 55 27\" srcset=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-15_55_27-1024x683.png 1024w, https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-15_55_27-300x200.png 300w, https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-15_55_27-768x512.png 768w, https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-15_55_27.png 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"  title=\"Servizi\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7265c95 elementor-widget elementor-widget-hfe-infocard\" data-id=\"7265c95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hfe-infocard.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"hfe-infocard\">\n\t\t\t\t\t\t\t\t\t<div class=\"hfe-infocard-title-wrap\">\n\t\t\t\t<h4 class=\"hfe-infocard-title elementor-inline-editing\" data-elementor-setting-key=\"infocard_title\" data-elementor-inline-editing-toolbar=\"basic\" >Automazione dei flussi di lavoro<\/h4>\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"hfe-infocard-text-wrap\">\n\t\t\t\t<div class=\"hfe-infocard-text elementor-inline-editing\" data-elementor-setting-key=\"infocard_description\" data-elementor-inline-editing-toolbar=\"advanced\">\n\t\t\t\t\tAutomatizzo le attivit\u00e0 ripetitive utilizzando Google Sheets, Google Docs, Apps Script e flussi di lavoro personalizzati, per farti risparmiare tempo e ridurre il lavoro manuale.\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f0f530 elementor-widget elementor-widget-html\" data-id=\"9f0f530\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   WORKFLOW AUTOMATION \u2014 SERVICE 04\r\n   ========================================================= *\/\r\n\r\n#gp04{\r\n  --a:#16A878;\r\n  --ad:#0D805B;\r\n  --al:#E8F9F2;\r\n  --ar:22,168,120;\r\n  --ink:#173574;\r\n  --text:#5B6F96;\r\n  font-family:Arial,sans-serif;\r\n}\r\n\r\n#gp04 *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEARN MORE BUTTON\r\n   ========================================================= *\/\r\n\r\n#gp04 .gp04-btn{\r\n  position:relative;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:10px;\r\n  min-width:154px;\r\n  padding:13px 19px;\r\n  border:1px solid rgba(22,168,120,.18);\r\n  border-radius:13px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #16A878 0%,\r\n      #42C99A 48%,\r\n      #0D805B 100%\r\n    );\r\n\r\n  color:#fff;\r\n  font-weight:800;\r\n  cursor:pointer;\r\n  font-size:14px;\r\n  letter-spacing:.2px;\r\n  text-decoration:none;\r\n\r\n  box-shadow:\r\n    0 10px 24px rgba(22,168,120,.20),\r\n    inset 0 1px 0 rgba(255,255,255,.25);\r\n\r\n  overflow:hidden;\r\n  isolation:isolate;\r\n\r\n  transition:\r\n    transform .3s cubic-bezier(.2,.8,.2,1),\r\n    box-shadow .3s ease;\r\n}\r\n\r\n#gp04 .gp04-btn::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:-1;\r\n\r\n  background:\r\n    linear-gradient(\r\n      110deg,\r\n      transparent 20%,\r\n      rgba(255,255,255,.34) 45%,\r\n      transparent 70%\r\n    );\r\n\r\n  transform:translateX(-120%);\r\n  animation:gp04btnshine 3.6s ease-in-out infinite;\r\n}\r\n\r\n#gp04 .gp04-btn::after{\r\n  content:\"\u2192\";\r\n  display:inline-block;\r\n  font-size:18px;\r\n  line-height:1;\r\n  text-decoration:none;\r\n\r\n  transition:\r\n    transform .35s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n@keyframes gp04btnshine{\r\n  0%,45%{\r\n    transform:translateX(-120%);\r\n  }\r\n\r\n  70%,100%{\r\n    transform:translateX(120%);\r\n  }\r\n}\r\n\r\n#gp04 .gp04-btn:hover{\r\n  color:#fff;\r\n\r\n  transform:\r\n    translateY(-4px)\r\n    scale(1.025);\r\n\r\n  box-shadow:\r\n    0 17px 34px rgba(22,168,120,.32),\r\n    0 0 0 5px rgba(22,168,120,.07);\r\n}\r\n\r\n#gp04 .gp04-btn:hover::after{\r\n  transform:translateX(6px);\r\n}\r\n\r\n#gp04 .gp04-btn:focus-visible{\r\n  outline:2px solid var(--a);\r\n  outline-offset:6px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MODAL\r\n   ========================================================= *\/\r\n\r\n#gp04-modal{\r\n  display:none;\r\n\r\n  position:fixed;\r\n  inset:0;\r\n\r\n  width:100vw;\r\n  height:100vh;\r\n\r\n  padding:22px;\r\n\r\n  background:rgba(12,23,58,.74);\r\n\r\n  backdrop-filter:blur(10px);\r\n  -webkit-backdrop-filter:blur(10px);\r\n\r\n  z-index:999999;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n}\r\n\r\n#gp04-modal.open{\r\n  display:flex;\r\n  animation:gp04fade .28s ease;\r\n}\r\n\r\n@keyframes gp04fade{\r\n  from{\r\n    opacity:0;\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n  }\r\n}\r\n\r\n#gp04-modal .win{\r\n  width:min(1280px,calc(100vw - 44px));\r\n  max-width:1280px;\r\n  max-height:95vh;\r\n\r\n  background:#fff;\r\n\r\n  border-radius:27px;\r\n\r\n  overflow:hidden;\r\n\r\n  position:relative;\r\n\r\n  box-shadow:\r\n    0 30px 100px rgba(20,35,90,.42);\r\n\r\n  animation:\r\n    gp04in .48s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n@keyframes gp04in{\r\n  from{\r\n    opacity:0;\r\n    transform:\r\n      translateY(35px)\r\n      scale(.965);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:none;\r\n  }\r\n}\r\n\r\n#gp04-modal .scroll{\r\n  max-height:95vh;\r\n  overflow:auto;\r\n\r\n  scrollbar-width:thin;\r\n  scrollbar-color:#A7DFC9 transparent;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CLOSE\r\n   ========================================================= *\/\r\n\r\n#gp04-modal .close{\r\n  position:absolute;\r\n\r\n  right:17px;\r\n  top:17px;\r\n\r\n  width:43px;\r\n  height:43px;\r\n\r\n  border:0;\r\n  border-radius:50%;\r\n\r\n  background:rgba(255,255,255,.95);\r\n\r\n  color:#30477e;\r\n\r\n  font-size:25px;\r\n  line-height:1;\r\n\r\n  cursor:pointer;\r\n\r\n  z-index:50;\r\n\r\n  box-shadow:\r\n    0 7px 22px rgba(25,40,90,.16);\r\n\r\n  transition:.3s ease;\r\n}\r\n\r\n#gp04-modal .close:hover{\r\n  transform:\r\n    rotate(90deg)\r\n    scale(1.08);\r\n\r\n  color:var(--a);\r\n\r\n  box-shadow:\r\n    0 10px 28px rgba(var(--ar),.22);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n   ========================================================= *\/\r\n\r\n#gp04-modal .hero{\r\n  position:relative;\r\n  overflow:hidden;\r\n\r\n  padding:68px 82px 62px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 86% 12%,\r\n      rgba(22,168,120,.16),\r\n      rgba(22,168,120,0) 38%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 68% 90%,\r\n      rgba(22,168,120,.13),\r\n      rgba(22,168,120,0) 43%\r\n    ),\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      #ffffff 0%,\r\n      #f5fcf9 52%,\r\n      #edf9f4 100%\r\n    );\r\n}\r\n\r\n#gp04-modal .hero::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:520px;\r\n  height:520px;\r\n\r\n  right:-220px;\r\n  top:-280px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(22,168,120,.13),\r\n      rgba(22,168,120,0) 70%\r\n    );\r\n\r\n  filter:blur(4px);\r\n\r\n  animation:\r\n    gp04heroGlow 8s ease-in-out infinite alternate;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n#gp04-modal .hero::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:38%;\r\n  bottom:-110px;\r\n\r\n  width:300px;\r\n  height:180px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(22,168,120,.10),\r\n      rgba(22,168,120,0) 70%\r\n    );\r\n\r\n  filter:blur(40px);\r\n\r\n  animation:\r\n    gp04heroGlow2 10s ease-in-out infinite alternate;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n@keyframes gp04heroGlow{\r\n  to{\r\n    transform:\r\n      translate(-70px,80px)\r\n      scale(1.18);\r\n  }\r\n}\r\n\r\n@keyframes gp04heroGlow2{\r\n  to{\r\n    transform:\r\n      translate(100px,-35px)\r\n      scale(1.2);\r\n  }\r\n}\r\n\r\n#gp04-modal .hero-grid{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    1fr;\r\n\r\n  gap:55px;\r\n\r\n  align-items:center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO TEXT\r\n   ========================================================= *\/\r\n\r\n#gp04-modal .eyebrow{\r\n  font-size:12px;\r\n  font-weight:800;\r\n\r\n  letter-spacing:1.5px;\r\n\r\n  color:var(--a);\r\n\r\n  margin-bottom:18px;\r\n}\r\n\r\n#gp04-modal .title{\r\n  font-size:\r\n    clamp(38px,4vw,62px);\r\n\r\n  line-height:1.02;\r\n\r\n  letter-spacing:-2.8px;\r\n\r\n  color:#173574;\r\n\r\n  margin:0 0 22px;\r\n}\r\n\r\n#gp04-modal .title span{\r\n  display:block;\r\n\r\n  width:max-content;\r\n\r\n  color:var(--a);\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #16A878,\r\n      #42C99A,\r\n      #0D805B\r\n    );\r\n\r\n  -webkit-background-clip:text;\r\n  background-clip:text;\r\n\r\n  -webkit-text-fill-color:transparent;\r\n\r\n  animation:\r\n    gp04TitleShine 5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes gp04TitleShine{\r\n\r\n  0%,100%{\r\n    filter:brightness(1);\r\n  }\r\n\r\n  50%{\r\n    filter:brightness(1.18);\r\n  }\r\n\r\n}\r\n\r\n#gp04-modal .desc{\r\n  font-size:17px;\r\n\r\n  line-height:1.7;\r\n\r\n  color:#4d638f;\r\n\r\n  max-width:650px;\r\n}\r\n\r\n#gp04-modal .tags{\r\n  display:flex;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:9px;\r\n\r\n  margin-top:25px;\r\n}\r\n\r\n#gp04-modal .tag{\r\n  padding:9px 12px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:rgba(255,255,255,.82);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.17);\r\n\r\n  color:#40598d;\r\n\r\n  font-size:12px;\r\n\r\n  font-weight:700;\r\n\r\n  box-shadow:\r\n    0 5px 15px rgba(var(--ar),.05);\r\n\r\n  transition:.28s ease;\r\n}\r\n\r\n#gp04-modal .tag:hover{\r\n  transform:translateY(-3px);\r\n\r\n  border-color:\r\n    rgba(var(--ar),.35);\r\n\r\n  box-shadow:\r\n    0 10px 22px rgba(var(--ar),.12);\r\n\r\n  color:var(--a);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO VISUAL\r\n   ========================================================= *\/\r\n\r\n#gp04-modal .visual{\r\n  height:350px;\r\n\r\n  position:relative;\r\n\r\n  min-width:420px;\r\n\r\n  perspective:900px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 50% 50%,\r\n      rgba(22,168,120,.09),\r\n      transparent 65%\r\n    );\r\n\r\n  border-radius:40px;\r\n}\r\n\r\n#gp04-modal .visual::before,\r\n#gp04-modal .visual::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  border-radius:50%;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n#gp04-modal .visual::before{\r\n  width:290px;\r\n  height:290px;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  border:\r\n    1px dashed\r\n    rgba(var(--ar),.22);\r\n\r\n  animation:\r\n    gp04ring 14s linear infinite;\r\n}\r\n\r\n#gp04-modal .visual::after{\r\n  width:365px;\r\n  height:365px;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.10);\r\n\r\n  animation:\r\n    gp04ringReverse 20s linear infinite;\r\n}\r\n\r\n@keyframes gp04ring{\r\n\r\n  to{\r\n    transform:\r\n      translate(-50%,-50%)\r\n      rotate(360deg);\r\n  }\r\n\r\n}\r\n\r\n@keyframes gp04ringReverse{\r\n\r\n  to{\r\n    transform:\r\n      translate(-50%,-50%)\r\n      rotate(-360deg);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ORBIT\r\n   ========================================================= *\/\r\n\r\n#gp04-modal .orbit{\r\n  position:absolute;\r\n\r\n  width:220px;\r\n  height:220px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.30);\r\n\r\n  border-radius:50%;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  animation:\r\n    gp04orbit 9s linear infinite;\r\n}\r\n\r\n#gp04-modal .orbit::before,\r\n#gp04-modal .orbit::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:8px;\r\n  height:8px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#16A878;\r\n\r\n  box-shadow:\r\n    0 0 0 6px rgba(var(--ar),.08),\r\n    0 0 18px rgba(var(--ar),.5);\r\n}\r\n\r\n#gp04-modal .orbit::before{\r\n  left:18px;\r\n  top:40px;\r\n}\r\n\r\n#gp04-modal .orbit::after{\r\n  right:12px;\r\n  bottom:34px;\r\n}\r\n\r\n@keyframes gp04orbit{\r\n\r\n  to{\r\n    transform:\r\n      translate(-50%,-50%)\r\n      rotate(360deg);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CENTER\r\n   ========================================================= *\/\r\n\r\n#gp04-modal .center{\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  width:136px;\r\n  height:136px;\r\n\r\n  border-radius:34px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 27% 18%,\r\n      rgba(255,255,255,.32),\r\n      transparent 28%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #42C99A 0%,\r\n      #16A878 45%,\r\n      #0D805B 100%\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.42);\r\n\r\n  color:#fff;\r\n\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  gap:0;\r\n\r\n  box-shadow:\r\n    0 22px 48px rgba(22,168,120,.30),\r\n    0 0 0 9px rgba(22,168,120,.06),\r\n    0 0 65px rgba(22,168,120,.18);\r\n\r\n  animation:\r\n    gp04CenterFloat 4s ease-in-out infinite;\r\n}\r\n\r\n#gp04-modal .center::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:7px;\r\n\r\n  border-radius:27px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.34);\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(255,255,255,.09),\r\n      transparent 58%\r\n    );\r\n}\r\n\r\n#gp04-modal .center::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:-32px;\r\n\r\n  border-radius:52px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(22,168,120,.28),\r\n      rgba(22,168,120,0) 69%\r\n    );\r\n\r\n  filter:blur(12px);\r\n\r\n  animation:\r\n    gp04Aura 3.4s ease-in-out infinite;\r\n\r\n  z-index:-1;\r\n}\r\n\r\n#gp04-modal .center b{\r\n  font-family:Arial,sans-serif;\r\n\r\n  font-size:50px;\r\n\r\n  font-weight:900;\r\n\r\n  line-height:.85;\r\n\r\n  letter-spacing:-3px;\r\n\r\n  color:#fff;\r\n\r\n  text-shadow:\r\n    0 7px 20px\r\n    rgba(0,80,50,.22);\r\n}\r\n\r\n#gp04-modal .center small{\r\n  margin-top:13px;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:900;\r\n\r\n  letter-spacing:1.8px;\r\n\r\n  color:#fff;\r\n\r\n  opacity:1;\r\n}\r\n\r\n@keyframes gp04CenterFloat{\r\n\r\n  0%,100%{\r\n    transform:\r\n      translate(-50%,-50%)\r\n      translateY(0);\r\n  }\r\n\r\n  50%{\r\n    transform:\r\n      translate(-50%,-50%)\r\n      translateY(-5px);\r\n  }\r\n\r\n}\r\n\r\n@keyframes gp04Aura{\r\n\r\n  0%,100%{\r\n    transform:scale(.88);\r\n    opacity:.55;\r\n  }\r\n\r\n  50%{\r\n    transform:scale(1.14);\r\n    opacity:1;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NODES\r\n   ========================================================= *\/\r\n\r\n#gp04-modal .node{\r\n  position:absolute;\r\n\r\n  width:145px;\r\n  min-height:98px;\r\n\r\n  padding:13px;\r\n\r\n  border-radius:18px;\r\n\r\n  background:rgba(255,255,255,.96);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.16);\r\n\r\n  box-shadow:\r\n    0 15px 32px rgba(45,60,125,.12),\r\n    0 0 0 1px rgba(255,255,255,.6) inset;\r\n\r\n  display:flex;\r\n\r\n  gap:9px;\r\n\r\n  align-items:center;\r\n\r\n  transition:\r\n    .35s cubic-bezier(.2,.8,.2,1);\r\n\r\n  animation:\r\n    gp04float 4.5s ease-in-out infinite;\r\n}\r\n\r\n#gp04-modal .node:nth-of-type(2){\r\n  animation-delay:-1.1s;\r\n}\r\n\r\n#gp04-modal .node:nth-of-type(3){\r\n  animation-delay:-2.2s;\r\n}\r\n\r\n#gp04-modal .node:nth-of-type(4){\r\n  animation-delay:-3.3s;\r\n}\r\n\r\n#gp04-modal .node:hover{\r\n  transform:\r\n    translateY(-8px)\r\n    scale(1.025);\r\n\r\n  border-color:\r\n    rgba(var(--ar),.4);\r\n\r\n  box-shadow:\r\n    0 22px 42px rgba(var(--ar),.18),\r\n    0 0 0 1px rgba(255,255,255,.8) inset;\r\n}\r\n\r\n@keyframes gp04float{\r\n\r\n  0%,100%{\r\n    transform:translateY(0);\r\n  }\r\n\r\n  50%{\r\n    transform:translateY(-7px);\r\n  }\r\n\r\n}\r\n\r\n#gp04-modal .n1{\r\n  left:0;\r\n  top:4px;\r\n}\r\n\r\n#gp04-modal .n2{\r\n  right:0;\r\n  top:4px;\r\n}\r\n\r\n#gp04-modal .n3{\r\n  left:0;\r\n  bottom:4px;\r\n}\r\n\r\n#gp04-modal .n4{\r\n  right:0;\r\n  bottom:4px;\r\n}\r\n\r\n#gp04-modal .icon{\r\n  width:50px;\r\n  height:50px;\r\n\r\n  flex:0 0 50px;\r\n\r\n  border-radius:15px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  font-size:22px;\r\n\r\n  box-shadow:\r\n    0 7px 17px rgba(var(--ar),.13),\r\n    inset 0 0 0 1px rgba(var(--ar),.08);\r\n}\r\n\r\n#gp04-modal .node strong{\r\n  display:block;\r\n\r\n  font-size:11px;\r\n\r\n  color:#243e78;\r\n}\r\n\r\n#gp04-modal .node small{\r\n  display:block;\r\n\r\n  font-size:9px;\r\n\r\n  color:#7285a9;\r\n\r\n  margin-top:4px;\r\n\r\n  line-height:1.4;\r\n}\r\n\r\n#gp04-modal .node::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  right:10px;\r\n  top:10px;\r\n\r\n  width:6px;\r\n  height:6px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#16A878;\r\n\r\n  box-shadow:\r\n    0 0 0 4px rgba(22,168,120,.08),\r\n    0 0 10px rgba(22,168,120,.42);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NODE ICON COLORS\r\n   ========================================================= *\/\r\n\r\n#gp04-modal .sheets-icon{\r\n  background:#E5F8ED;\r\n  color:#16A878;\r\n}\r\n\r\n#gp04-modal .docs-icon{\r\n  background:#EAF5FC;\r\n  color:#4285F4;\r\n}\r\n\r\n#gp04-modal .apps-icon{\r\n  background:#F0EBFF;\r\n  color:#7257D9;\r\n}\r\n\r\n#gp04-modal .workflow-icon{\r\n  background:#E5F8F1;\r\n  color:#0D805B;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n   ========================================================= *\/\r\n\r\n#gp04-modal .content{\r\n  position:relative;\r\n\r\n  padding:62px 82px 70px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 0% 8%,\r\n      rgba(22,168,120,.075),\r\n      transparent 22%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 100% 30%,\r\n      rgba(66,201,154,.065),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 50% 100%,\r\n      rgba(22,168,120,.045),\r\n      transparent 30%\r\n    ),\r\n\r\n    #fff;\r\n}\r\n\r\n#gp04-modal .content::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:0;\r\n  left:8%;\r\n\r\n  width:84%;\r\n  height:2px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(22,168,120,.18),\r\n      #42C99A,\r\n      rgba(22,168,120,.18),\r\n      transparent\r\n    );\r\n\r\n  opacity:.65;\r\n\r\n  animation:\r\n    gp04contentline 5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes gp04contentline{\r\n\r\n  0%,100%{\r\n    transform:scaleX(.72);\r\n    opacity:.45;\r\n  }\r\n\r\n  50%{\r\n    transform:scaleX(1);\r\n    opacity:.85;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n   ========================================================= *\/\r\n\r\n#gp04-modal .label{\r\n  position:relative;\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  font-size:11px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:1.5px;\r\n\r\n  color:var(--a);\r\n\r\n  text-shadow:\r\n    0 3px 14px\r\n    rgba(22,168,120,.12);\r\n\r\n  margin:0 0 10px;\r\n}\r\n\r\n#gp04-modal .label::before{\r\n  content:\"\";\r\n\r\n  width:24px;\r\n  height:3px;\r\n\r\n  border-radius:10px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #16A878,\r\n      #79D9B7\r\n    );\r\n\r\n  box-shadow:\r\n    0 0 12px\r\n    rgba(22,168,120,.28);\r\n\r\n  animation:\r\n    gp04label 2.4s ease-in-out infinite;\r\n}\r\n\r\n@keyframes gp04label{\r\n\r\n  0%,100%{\r\n    width:24px;\r\n    opacity:1;\r\n  }\r\n\r\n  50%{\r\n    width:36px;\r\n    opacity:.68;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADINGS\r\n   ========================================================= *\/\r\n\r\n#gp04-modal .heading{\r\n  position:relative;\r\n\r\n  font-size:34px;\r\n\r\n  color:#173574;\r\n\r\n  margin:0 0 16px;\r\n\r\n  letter-spacing:-.9px;\r\n}\r\n\r\n#gp04-modal .heading::after{\r\n  content:\"\";\r\n\r\n  display:block;\r\n\r\n  width:54px;\r\n  height:4px;\r\n\r\n  margin-top:13px;\r\n\r\n  border-radius:10px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #16A878,\r\n      #65D2AD,\r\n      transparent\r\n    );\r\n\r\n  animation:\r\n    gp04headingline 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes gp04headingline{\r\n\r\n  50%{\r\n    width:95px;\r\n    opacity:.72;\r\n  }\r\n\r\n}\r\n\r\n#gp04-modal .text{\r\n  color:#5b6f96;\r\n\r\n  line-height:1.75;\r\n\r\n  font-size:16px;\r\n\r\n  max-width:900px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NOTE\r\n   ========================================================= *\/\r\n\r\n#gp04-modal .note{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #F7FDF9,\r\n      #EAF8F2\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.18);\r\n\r\n  border-radius:14px;\r\n\r\n  padding:17px 20px;\r\n\r\n  color:#53678f;\r\n\r\n  margin:25px 0 35px;\r\n\r\n  line-height:1.6;\r\n\r\n  box-shadow:\r\n    0 10px 28px\r\n    rgba(var(--ar),.06);\r\n}\r\n\r\n#gp04-modal .note::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:-25%;\r\n  top:0;\r\n\r\n  width:20%;\r\n  height:100%;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(255,255,255,.65),\r\n      transparent\r\n    );\r\n\r\n  transform:skewX(-18deg);\r\n\r\n  animation:\r\n    gp04sweep 5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes gp04sweep{\r\n\r\n  50%{\r\n    left:120%;\r\n  }\r\n\r\n}\r\n\r\n#gp04-modal .note strong{\r\n  color:#0D805B;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARDS\r\n   ========================================================= *\/\r\n\r\n#gp04-modal .cards{\r\n  position:relative;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n  gap:17px;\r\n\r\n  margin:0 0 60px;\r\n}\r\n\r\n#gp04-modal .card{\r\n  padding:24px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.13);\r\n\r\n  border-radius:15px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #fff,\r\n      #F5FCF8\r\n    );\r\n\r\n  min-height:175px;\r\n\r\n  transition:\r\n    .32s cubic-bezier(.2,.8,.2,1);\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  animation:\r\n    gp04cardin .7s both;\r\n}\r\n\r\n#gp04-modal .card:nth-child(2){\r\n  animation-delay:.08s;\r\n}\r\n\r\n#gp04-modal .card:nth-child(3){\r\n  animation-delay:.16s;\r\n}\r\n\r\n#gp04-modal .card:nth-child(4){\r\n  animation-delay:.24s;\r\n}\r\n\r\n#gp04-modal .card:nth-child(5){\r\n  animation-delay:.32s;\r\n}\r\n\r\n#gp04-modal .card:nth-child(6){\r\n  animation-delay:.40s;\r\n}\r\n\r\n#gp04-modal .card::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:0;\r\n  top:0;\r\n\r\n  width:100%;\r\n  height:3px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      var(--a),\r\n      #79D9B7,\r\n      transparent\r\n    );\r\n\r\n  transform:scaleX(.25);\r\n\r\n  transition:.35s ease;\r\n}\r\n\r\n#gp04-modal .card::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  right:-35px;\r\n  top:-35px;\r\n\r\n  width:100px;\r\n  height:100px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    rgba(var(--ar),.07);\r\n\r\n  filter:blur(2px);\r\n}\r\n\r\n#gp04-modal .card:hover{\r\n  transform:\r\n    translateY(-7px)\r\n    scale(1.008);\r\n\r\n  border-color:\r\n    rgba(var(--ar),.34);\r\n\r\n  box-shadow:\r\n    0 20px 42px rgba(var(--ar),.14),\r\n    0 0 0 4px rgba(var(--ar),.035);\r\n}\r\n\r\n#gp04-modal .card:hover::before{\r\n  transform:scaleX(1);\r\n}\r\n\r\n@keyframes gp04cardin{\r\n\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(18px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:none;\r\n  }\r\n\r\n}\r\n\r\n#gp04-modal .card-icon{\r\n  width:48px;\r\n  height:48px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  font-size:23px;\r\n\r\n  color:var(--a);\r\n\r\n  margin-bottom:14px;\r\n\r\n  border-radius:14px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #E8F9F2,\r\n      #D8F2E7\r\n    );\r\n\r\n  box-shadow:\r\n    0 8px 18px rgba(var(--ar),.11),\r\n    inset 0 0 0 1px rgba(var(--ar),.08);\r\n\r\n  transition:.3s ease;\r\n}\r\n\r\n#gp04-modal .card:hover .card-icon{\r\n  transform:\r\n    rotate(-5deg)\r\n    scale(1.08);\r\n\r\n  box-shadow:\r\n    0 12px 24px\r\n    rgba(var(--ar),.19);\r\n}\r\n\r\n#gp04-modal .card h3{\r\n  margin:0 0 8px;\r\n\r\n  color:#243e78;\r\n\r\n  font-size:17px;\r\n}\r\n\r\n#gp04-modal .card p{\r\n  margin:0;\r\n\r\n  color:#687b9e;\r\n\r\n  line-height:1.6;\r\n\r\n  font-size:14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROCESS\r\n   ========================================================= *\/\r\n\r\n#gp04-modal .process{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 10% 0%,\r\n      rgba(var(--ar),.08),\r\n      transparent 28%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #F8FDFB,\r\n      #F1FAF6\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.14);\r\n\r\n  border-radius:20px;\r\n\r\n  padding:28px;\r\n\r\n  margin:20px 0 60px;\r\n}\r\n\r\n#gp04-modal .process::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:0;\r\n  left:-30%;\r\n\r\n  width:28%;\r\n  height:3px;\r\n\r\n  border-radius:99px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      #16A878,\r\n      #79D9B7,\r\n      transparent\r\n    );\r\n\r\n  box-shadow:\r\n    0 0 18px\r\n    rgba(22,168,120,.28);\r\n\r\n  animation:\r\n    gp04processglow 5s ease-in-out infinite;\r\n}\r\n\r\n#gp04-modal .process::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:90px;\r\n  height:90px;\r\n\r\n  right:-25px;\r\n  bottom:-45px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    rgba(22,168,120,.08);\r\n\r\n  filter:blur(12px);\r\n\r\n  animation:\r\n    gp04processorb 6s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes gp04processorb{\r\n\r\n  to{\r\n    transform:\r\n      translate(-45px,-20px)\r\n      scale(1.3);\r\n  }\r\n\r\n}\r\n\r\n@keyframes gp04processglow{\r\n\r\n  to{\r\n    left:120%;\r\n  }\r\n\r\n}\r\n\r\n#gp04-modal .steps{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4,1fr);\r\n\r\n  gap:18px;\r\n}\r\n\r\n#gp04-modal .step-number{\r\n  width:42px;\r\n  height:42px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--a),\r\n      var(--ad)\r\n    );\r\n\r\n  color:#fff;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  font-weight:800;\r\n\r\n  margin-bottom:12px;\r\n\r\n  box-shadow:\r\n    0 8px 20px\r\n    rgba(var(--ar),.18);\r\n\r\n  animation:\r\n    gp04step 3s ease-in-out infinite;\r\n}\r\n\r\n#gp04-modal .step:nth-child(2) .step-number{\r\n  animation-delay:.35s;\r\n}\r\n\r\n#gp04-modal .step:nth-child(3) .step-number{\r\n  animation-delay:.7s;\r\n}\r\n\r\n#gp04-modal .step:nth-child(4) .step-number{\r\n  animation-delay:1.05s;\r\n}\r\n\r\n@keyframes gp04step{\r\n\r\n  50%{\r\n    transform:translateY(-3px);\r\n\r\n    box-shadow:\r\n      0 12px 25px\r\n      rgba(var(--ar),.25);\r\n  }\r\n\r\n}\r\n\r\n#gp04-modal .step h3{\r\n  color:#243e78;\r\n\r\n  font-size:16px;\r\n}\r\n\r\n#gp04-modal .step p{\r\n  color:#687b9e;\r\n\r\n  font-size:13px;\r\n\r\n  line-height:1.55;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BEFORE \/ AFTER\r\n   ========================================================= *\/\r\n\r\n#gp04-modal .example{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr 70px 1fr;\r\n\r\n  gap:18px;\r\n\r\n  align-items:center;\r\n\r\n  margin:25px 0 30px;\r\n}\r\n\r\n#gp04-modal .box{\r\n  padding:24px;\r\n\r\n  border:\r\n    1px solid\r\n    #dfe4f5;\r\n\r\n  border-radius:18px;\r\n\r\n  background:#fff;\r\n\r\n  transition:.3s ease;\r\n}\r\n\r\n#gp04-modal .box:hover{\r\n  transform:translateY(-4px);\r\n\r\n  box-shadow:\r\n    0 14px 28px\r\n    rgba(var(--ar),.08);\r\n}\r\n\r\n#gp04-modal .box.after{\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #F0FBF6,\r\n      #E4F7EE\r\n    );\r\n\r\n  border-color:\r\n    rgba(var(--ar),.22);\r\n}\r\n\r\n#gp04-modal .box-label{\r\n  font-size:10px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:1.3px;\r\n\r\n  color:var(--a);\r\n}\r\n\r\n#gp04-modal .box h3{\r\n  color:#243e78;\r\n}\r\n\r\n#gp04-modal .box p{\r\n  color:#687b9e;\r\n\r\n  line-height:1.6;\r\n}\r\n\r\n#gp04-modal .arrow{\r\n  text-align:center;\r\n\r\n  font-size:30px;\r\n\r\n  color:var(--a);\r\n\r\n  animation:\r\n    gp04arrow 1.8s ease-in-out infinite;\r\n\r\n  text-shadow:\r\n    0 4px 14px\r\n    rgba(var(--ar),.18);\r\n}\r\n\r\n@keyframes gp04arrow{\r\n\r\n  50%{\r\n    transform:\r\n      translateX(8px)\r\n      scale(1.08);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOW\r\n   ========================================================= *\/\r\n\r\n#gp04-modal .flow{\r\n  display:flex;\r\n\r\n  justify-content:center;\r\n  align-items:center;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:10px;\r\n\r\n  margin:30px 0 60px;\r\n}\r\n\r\n#gp04-modal .flow span{\r\n  padding:9px 13px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#EAF8F2;\r\n\r\n  color:#4f5f94;\r\n\r\n  font-size:11px;\r\n\r\n  font-weight:800;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.10);\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n#gp04-modal .flow span:hover{\r\n  transform:translateY(-3px);\r\n\r\n  color:var(--a);\r\n\r\n  box-shadow:\r\n    0 8px 18px\r\n    rgba(var(--ar),.09);\r\n}\r\n\r\n#gp04-modal .flow b{\r\n  color:var(--a);\r\n\r\n  animation:\r\n    gp04flow 1.5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes gp04flow{\r\n\r\n  50%{\r\n    transform:translateX(3px);\r\n\r\n    opacity:.65;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOOLS\r\n   ========================================================= *\/\r\n\r\n#gp04-modal .tools{\r\n  display:flex;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:10px;\r\n\r\n  margin:20px 0 60px;\r\n}\r\n\r\n#gp04-modal .tool{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:11px 14px;\r\n\r\n  border:\r\n    1px solid\r\n    #dfe4f5;\r\n\r\n  border-radius:12px;\r\n\r\n  color:#53678f;\r\n\r\n  font-size:13px;\r\n\r\n  background:#fff;\r\n\r\n  transition:.28s ease;\r\n}\r\n\r\n#gp04-modal .tool:hover{\r\n  transform:\r\n    translateY(-4px)\r\n    scale(1.015);\r\n\r\n  border-color:\r\n    rgba(var(--ar),.3);\r\n\r\n  color:var(--a);\r\n\r\n  box-shadow:\r\n    0 10px 20px\r\n    rgba(var(--ar),.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESULTS\r\n   ========================================================= *\/\r\n\r\n#gp04-modal .results{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n  gap:12px;\r\n\r\n  margin:20px 0 55px;\r\n}\r\n\r\n#gp04-modal .result{\r\n  padding:14px 16px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #F8FDFB,\r\n      #EFFAF5\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.10);\r\n\r\n  color:#53678f;\r\n\r\n  font-size:14px;\r\n\r\n  transition:.28s ease;\r\n}\r\n\r\n#gp04-modal .result:hover{\r\n  transform:translateY(-3px);\r\n\r\n  border-color:\r\n    rgba(var(--ar),.24);\r\n\r\n  box-shadow:\r\n    0 10px 20px\r\n    rgba(var(--ar),.08);\r\n}\r\n\r\n#gp04-modal .result b{\r\n  color:var(--a);\r\n\r\n  margin-right:8px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA \u2014 SAME TEXT \/ STRUCTURE AS YOUR SCREENSHOT\r\n   ========================================================= *\/\r\n\r\n#gp04-modal .cta{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:24px;\r\n\r\n  padding:42px 44px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 10% 10%,\r\n      rgba(255,255,255,.18),\r\n      transparent 28%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 90% 90%,\r\n      rgba(120,255,205,.20),\r\n      transparent 30%\r\n    ),\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      #16A878 0%,\r\n      #159B70 43%,\r\n      #0D805B 100%\r\n    );\r\n\r\n  color:#fff;\r\n\r\n  display:flex;\r\n\r\n  justify-content:space-between;\r\n  align-items:center;\r\n\r\n  gap:30px;\r\n\r\n  box-shadow:\r\n    0 22px 55px\r\n    rgba(var(--ar),.27);\r\n}\r\n\r\n#gp04-modal .cta::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:380px;\r\n  height:380px;\r\n\r\n  left:-150px;\r\n  top:-235px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(255,255,255,.23),\r\n      transparent 68%\r\n    );\r\n\r\n  filter:blur(8px);\r\n\r\n  animation:\r\n    gp04orb1 8s ease-in-out infinite alternate;\r\n}\r\n\r\n#gp04-modal .cta::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:350px;\r\n  height:350px;\r\n\r\n  right:-120px;\r\n  bottom:-220px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(255,255,255,.19),\r\n      rgba(120,255,205,.17) 30%,\r\n      transparent 70%\r\n    );\r\n\r\n  filter:blur(9px);\r\n\r\n  animation:\r\n    gp04orb2 11s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes gp04orb1{\r\n\r\n  to{\r\n    transform:\r\n      translate(130px,60px)\r\n      scale(1.12);\r\n  }\r\n\r\n}\r\n\r\n@keyframes gp04orb2{\r\n\r\n  to{\r\n    transform:\r\n      translate(-80px,-40px)\r\n      scale(1.1);\r\n  }\r\n\r\n}\r\n\r\n#gp04-modal .cta > *{\r\n  position:relative;\r\n  z-index:3;\r\n}\r\n\r\n#gp04-modal .cta h2{\r\n  margin:0 0 8px;\r\n\r\n  font-size:34px;\r\n\r\n  letter-spacing:-.8px;\r\n\r\n  color:#fff !important;\r\n\r\n  text-shadow:\r\n    0 5px 22px\r\n    rgba(0,70,45,.20);\r\n}\r\n\r\n#gp04-modal .cta p{\r\n  margin:0;\r\n\r\n  color:\r\n    rgba(255,255,255,.94) !important;\r\n\r\n  opacity:1;\r\n\r\n  line-height:1.65;\r\n\r\n  max-width:620px;\r\n}\r\n\r\n#gp04-modal .cta a{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #ffffff 0%,\r\n      #F5FFFA 52%,\r\n      #E7F8F0 100%\r\n    );\r\n\r\n  color:#0D805B;\r\n\r\n  padding:14px 21px;\r\n\r\n  border-radius:11px;\r\n\r\n  text-decoration:none;\r\n\r\n  font-weight:800;\r\n\r\n  white-space:nowrap;\r\n\r\n  box-shadow:\r\n    0 12px 28px\r\n    rgba(20,30,85,.16),\r\n    inset 0 1px 0\r\n    rgba(255,255,255,1);\r\n\r\n  transition:\r\n    .32s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n#gp04-modal .cta a::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      110deg,\r\n      transparent 20%,\r\n      rgba(22,168,120,.13) 48%,\r\n      transparent 72%\r\n    );\r\n\r\n  transform:translateX(-120%);\r\n\r\n  animation:\r\n    gp04ctabtn 3.8s ease-in-out infinite;\r\n}\r\n\r\n@keyframes gp04ctabtn{\r\n\r\n  0%,45%{\r\n    transform:translateX(-120%);\r\n  }\r\n\r\n  70%,100%{\r\n    transform:translateX(120%);\r\n  }\r\n\r\n}\r\n\r\n#gp04-modal .cta a::after{\r\n  content:\"\u2192\";\r\n\r\n  display:inline-block;\r\n\r\n  margin-left:7px;\r\n\r\n  transition:.32s ease;\r\n}\r\n\r\n#gp04-modal .cta a:hover{\r\n  transform:\r\n    translateY(-5px)\r\n    scale(1.025);\r\n\r\n  box-shadow:\r\n    0 20px 40px\r\n    rgba(20,30,85,.25);\r\n}\r\n\r\n#gp04-modal .cta a:hover::after{\r\n  transform:translateX(6px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n   ========================================================= *\/\r\n\r\n@media(max-width:900px){\r\n\r\n  #gp04-modal .hero,\r\n  #gp04-modal .content{\r\n    padding:40px 25px;\r\n  }\r\n\r\n  #gp04-modal .hero-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #gp04-modal .visual{\r\n    min-width:0;\r\n  }\r\n\r\n  #gp04-modal .cards,\r\n  #gp04-modal .steps,\r\n  #gp04-modal .results{\r\n    grid-template-columns:\r\n      1fr 1fr;\r\n  }\r\n\r\n  #gp04-modal .cta{\r\n    flex-direction:column;\r\n\r\n    align-items:flex-start;\r\n  }\r\n\r\n}\r\n\r\n@media(max-width:600px){\r\n\r\n  #gp04-modal{\r\n    padding:10px;\r\n  }\r\n\r\n  #gp04-modal .win{\r\n    width:\r\n      calc(100vw - 20px)!important;\r\n\r\n    border-radius:\r\n      18px!important;\r\n  }\r\n\r\n  #gp04-modal .hero,\r\n  #gp04-modal .content{\r\n    padding:\r\n      35px 20px!important;\r\n  }\r\n\r\n  #gp04-modal .visual{\r\n    height:315px;\r\n\r\n    transform:scale(.72);\r\n\r\n    margin:-20px -50px;\r\n  }\r\n\r\n  #gp04-modal .title{\r\n    letter-spacing:-1.7px;\r\n  }\r\n\r\n  #gp04-modal .cards,\r\n  #gp04-modal .steps,\r\n  #gp04-modal .results{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #gp04-modal .example{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #gp04-modal .arrow{\r\n    transform:rotate(90deg);\r\n  }\r\n\r\n  #gp04-modal .cta{\r\n    padding:\r\n      30px 25px!important;\r\n  }\r\n\r\n  #gp04-modal .cta h2{\r\n    font-size:27px;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<div id=\"gp04\">\r\n\r\n  <!-- =====================================================\r\n       LEARN MORE\r\n       ===================================================== -->\r\n\r\n  <button\r\n    type=\"button\"\r\n    class=\"gp04-btn\"\r\n    id=\"gp04-open\"\r\n  >\r\n    Scopri di pi\u00f9\r\n  <\/button>\r\n\r\n\r\n  <!-- =====================================================\r\n       MODAL\r\n       ===================================================== -->\r\n\r\n  <div\r\n    id=\"gp04-modal\"\r\n    aria-hidden=\"true\"\r\n  >\r\n\r\n    <div class=\"win\">\r\n\r\n      <button\r\n        class=\"close\"\r\n        type=\"button\"\r\n        aria-label=\"Close\"\r\n      >\r\n        \u00d7\r\n      <\/button>\r\n\r\n      <div class=\"scroll\">\r\n\r\n\r\n        <!-- =================================================\r\n             HERO\r\n             ================================================= -->\r\n\r\n        <section class=\"hero\">\r\n\r\n          <div class=\"hero-grid\">\r\n\r\n            <div>\r\n\r\n              <div class=\"eyebrow\">\r\n                SERVIZIO 04 \u00b7 AUTOMAZIONE DEI FLUSSI DI LAVORO\r\n              <\/div>\r\n\r\n              <h1 class=\"title\">\r\n                Automazione dei\r\n                <span>documenti<\/span>\r\n              <\/h1>\r\n\r\n              <p class=\"desc\">\r\n                Automatizzo le attivit\u00e0 ripetitive utilizzando Google Sheets, Google Docs, Apps Script e flussi di lavoro personalizzati, per farti risparmiare tempo e ridurre il lavoro manuale.\r\n              <\/p>\r\n\r\n              <div class=\"tags\">\r\n\r\n                <span class=\"tag\">\r\n                  Google Fogli\r\n                <\/span>\r\n\r\n                <span class=\"tag\">\r\n                  \u25eb Google Docs\r\n                <\/span>\r\n\r\n                <span class=\"tag\">\r\n                  \u26a1 Apps Script\r\n                <\/span>\r\n\r\n                <span class=\"tag\">\r\n                  \u2197 Custom Workflows\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 HERO VISUAL\r\n                 ================================================= -->\r\n\r\n            <div class=\"visual\">\r\n\r\n              <div class=\"orbit\"><\/div>\r\n\r\n\r\n              <!-- GOOGLE SHEETS -->\r\n\r\n              <div class=\"node n1\">\r\n\r\n                <div class=\"icon sheets-icon\">\r\n                  \u25a6\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                  <strong>\r\n                    Google Sheets\r\n                  <\/strong>\r\n\r\n                  <small>\r\n                    Organizza ed elabora i dati\r\n                  <\/small>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- GOOGLE DOCS -->\r\n\r\n              <div class=\"node n2\">\r\n\r\n                <div class=\"icon docs-icon\">\r\n                  \u25a4\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                  <strong>\r\n                    Google Documenti\r\n                  <\/strong>\r\n\r\n                  <small>\r\n                    Genera documenti\r\n                  <\/small>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- APPS SCRIPT -->\r\n\r\n              <div class=\"node n3\">\r\n\r\n                <div class=\"icon apps-icon\">\r\n                  \u26a1\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                  <strong>\r\n                    Apps Script\r\n                  <\/strong>\r\n\r\n                  <small>\r\n                    Automatizza la logica aziendale\r\n                  <\/small>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- WORKFLOW -->\r\n\r\n              <div class=\"node n4\">\r\n\r\n                <div class=\"icon workflow-icon\">\r\n                  \u2197\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                  <strong>\r\n                    Automazione dei\r\n                  <\/strong>\r\n\r\n                  <small>\r\n                    Collega il tuo processo\r\n                  <\/small>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- CENTER -->\r\n\r\n              <div class=\"center\">\r\n\r\n                <b>\r\n                  \u2699\r\n                <\/b>\r\n\r\n                <small>\r\n                  AUTOMAZIONE\r\n                <\/small>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/section>\r\n\r\n\r\n        <!-- =================================================\r\n             CONTENT\r\n             ================================================= -->\r\n\r\n        <section class=\"content\">\r\n\r\n\r\n          <!-- =================================================\r\n               WHAT I CAN AUTOMATE\r\n               ================================================= -->\r\n\r\n          <div class=\"label\">\r\n            COSA POSSO AUTOMATIZZARE\r\n          <\/div>\r\n\r\n          <h2 class=\"heading\">\r\n            Trasforma le attivit\u00e0 ripetitive in flussi di lavoro automatizzati\r\n          <\/h2>\r\n\r\n          <p class=\"text\">\r\n            Molti processi aziendali prevedono le stesse attivit\u00e0 ripetute ogni giorno: inserire informazioni, spostare dati tra file, creare documenti, inviare notifiche o controllare manualmente le stesse informazioni. Creo flussi di lavoro personalizzati che collegano gli strumenti che gi\u00e0 utilizzi e automatizzano queste attivit\u00e0 ripetitive.\r\n          <\/p>\r\n\r\n          <div class=\"note\">\r\n\r\n            <strong>\r\n              Pensato in base ai processi reali della tua attivit\u00e0.\r\n            <\/strong>\r\n\r\n            L\u2019obiettivo non \u00e8 automatizzare un\u2019attivit\u00e0 semplicemente perch\u00e9 \u00e8 possibile farlo, ma sviluppare soluzioni realmente utili per la tua attivit\u00e0. Ogni flusso di lavoro viene progettato sulla base dei tuoi processi operativi, riducendo le attivit\u00e0 manuali superflue e mantenendo procedure chiare, efficienti e facilmente gestibili.\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               CARDS\r\n               ================================================= -->\r\n\r\n          <div class=\"cards\">\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \u25a6\r\n              <\/div>\r\n\r\n              <h3>\r\n                Automazione di Google Sheets\r\n              <\/h3>\r\n\r\n              <p>\r\n                Automatizza l\u2019elaborazione dei dati, i calcoli, gli aggiornamenti e le attivit\u00e0 ripetitive all\u2019interno di Google Sheets.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \u25a4\r\n              <\/div>\r\n\r\n              <h3>\r\n                Generazione di documenti\r\n              <\/h3>\r\n\r\n              <p>\r\n                Crea e compila automaticamente documenti Google Docs o altri documenti utilizzando le informazioni gi\u00e0 raccolte nel tuo flusso di lavoro.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \u26a1\r\n              <\/div>\r\n\r\n              <h3>\r\n                Apps Script\r\n              <\/h3>\r\n\r\n              <p>\r\n                Sviluppa logiche personalizzate per Google Workspace quando gli strumenti standard non sono sufficienti per automatizzare il processo di cui hai bisogno.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \u2197\r\n              <\/div>\r\n\r\n              <h3>\r\n                Flussi di lavoro integrati\r\n              <\/h3>\r\n\r\n              <p>\r\n                Collega tra loro le diverse fasi, i file e gli strumenti, permettendo alle informazioni di fluire attraverso il processo senza interventi manuali non necessari.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \u2713\r\n              <\/div>\r\n\r\n              <h3>\r\n                Notifiche e azioni\r\n              <\/h3>\r\n\r\n              <p>\r\n                Attiva automaticamente email, aggiornamenti o altre azioni quando vengono soddisfatte determinate condizioni.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \u2699\r\n              <\/div>\r\n\r\n              <h3>\r\n                Logiche aziendali personalizzate\r\n              <\/h3>\r\n\r\n              <p>\r\n                Crea regole e logiche condizionali che adattano il flusso di lavoro alle esigenze specifiche dei processi della tua attivit\u00e0.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               PROCESS\r\n               ================================================= -->\r\n\r\n          <div class=\"label\">\r\n            IL PROCESSO\r\n          <\/div>\r\n\r\n          <h2 class=\"heading\">\r\n            Dalle attivit\u00e0 ripetitive ai flussi di lavoro automatizzati\r\n          <\/h2>\r\n\r\n          <p class=\"text\">\r\n            Prima analizzo il processo attuale, individuo le attivit\u00e0 ripetitive e progetto l\u2019automazione utilizzando gli strumenti che la tua attivit\u00e0 gi\u00e0 utilizza.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"process\">\r\n\r\n            <div class=\"steps\">\r\n\r\n\r\n              <div class=\"step\">\r\n\r\n                <div class=\"step-number\">\r\n                  01\r\n                <\/div>\r\n\r\n                <h3>\r\n                  Comprendi\r\n                <\/h3>\r\n\r\n                <p>\r\n                  Analizza il processo attuale, gli strumenti coinvolti e le attivit\u00e0 ripetitive che richiedono pi\u00f9 tempo.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"step\">\r\n\r\n                <div class=\"step-number\">\r\n                  02\r\n                <\/div>\r\n\r\n                <h3>\r\n                  Design\r\n                <\/h3>\r\n\r\n                <p>\r\n                  Definisci il flusso di lavoro, le condizioni, il flusso delle informazioni e le azioni necessarie in ogni fase.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"step\">\r\n\r\n                <div class=\"step-number\">\r\n                  03\r\n                <\/div>\r\n\r\n                <h3>\r\n                  Automatizza\r\n                <\/h3>\r\n\r\n                <p>\r\n                  Sviluppa il flusso di lavoro utilizzando Google Workspace, Apps Script e gli strumenti necessari al processo.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"step\">\r\n\r\n                <div class=\"step-number\">\r\n                  04\r\n                <\/div>\r\n\r\n                <h3>\r\n                  Testa e migliora\r\n                <\/h3>\r\n\r\n                <p>\r\n                  Testa il flusso di lavoro, verifica le diverse condizioni e perfeziona l\u2019automazione prima della consegna.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               BEFORE \u2192 AFTER\r\n               ================================================= -->\r\n\r\n          <div class=\"label\">\r\n            PRIMA \u2192 DOPO\r\n          <\/div>\r\n\r\n          <h2 class=\"heading\">\r\n            Trasforma le attivit\u00e0 ripetitive in un processo pi\u00f9 efficiente\r\n          <\/h2>\r\n\r\n          <p class=\"text\">\r\n            L\u2019obiettivo \u00e8 ridurre il lavoro manuale non necessario, mantenendo il processo semplice, affidabile e facile da gestire.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"example\">\r\n\r\n\r\n            <div class=\"box\">\r\n\r\n              <div class=\"box-label\">\r\n                PRIMA\r\n              <\/div>\r\n\r\n              <h3>\r\n                Processo Manuale\r\n              <\/h3>\r\n\r\n              <p>\r\n                Le informazioni vengono trasferite manualmente tra fogli di calcolo e documenti, i calcoli ripetitivi vengono eseguiti a mano e le notifiche di routine devono essere inviate manualmente.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"arrow\">\r\n              \u2192\r\n            <\/div>\r\n\r\n\r\n            <div class=\"box after\">\r\n\r\n              <div class=\"box-label\">\r\n                DOPO\r\n              <\/div>\r\n\r\n              <h3>\r\n                Flusso di lavoro automatizzato\r\n              <\/h3>\r\n\r\n              <p>\r\n                Le informazioni vengono trasferite manualmente tra fogli di calcolo e documenti, i calcoli ripetitivi vengono eseguiti manualmente e le notifiche di routine devono essere inviate una per una.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               FLOW\r\n               ================================================= -->\r\n\r\n          <div class=\"flow\">\r\n\r\n            <span>\r\n              DATA\r\n            <\/span>\r\n\r\n            <b>\r\n              \u2192\r\n            <\/b>\r\n\r\n            <span>\r\n              LOGICA\r\n            <\/span>\r\n\r\n            <b>\r\n              \u2192\r\n            <\/b>\r\n\r\n            <span>\r\n              AUTOMAZIONE\r\n            <\/span>\r\n\r\n            <b>\r\n              \u2192\r\n            <\/b>\r\n\r\n            <span>\r\n              INTEGRAZIONE\r\n            <\/span>\r\n\r\n            <b>\r\n              \u2192\r\n            <\/b>\r\n\r\n            <span>\r\n              RISULTATO\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               TOOLS\r\n               ================================================= -->\r\n\r\n          <div class=\"label\">\r\n            STRUMENTI E PIATTAFORME\r\n          <\/div>\r\n\r\n          <h2 class=\"heading\">\r\n            Realizzato con gli strumenti che la tua attivit\u00e0 utilizza gi\u00e0\r\n          <\/h2>\r\n\r\n          <p class=\"text\">\r\n            Mi concentro su soluzioni pratiche, utilizzando quando possibile strumenti che gi\u00e0 conosci, per creare automazioni senza complicare inutilmente il modo in cui opera la tua attivit\u00e0.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"tools\">\r\n\r\n            <div class=\"tool\">\r\n              Google Fogli\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              Google Documenti\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              \u2709 Gmail\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              \u26a1 Google Apps Script\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              \u25eb Google Forms\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              \u2601 Google Drive\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              Logiche personalizzate\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              Integrazione dei flussi di lavoro\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               RESULT\r\n               ================================================= -->\r\n\r\n          <div class=\"label\">\r\n            IL RISULTATO\r\n          <\/div>\r\n\r\n          <h2 class=\"heading\">\r\n            Cosa ottiene la tua attivit\u00e0\r\n          <\/h2>\r\n\r\n          <p class=\"text\">\r\n            Il flusso di lavoro finale \u00e8 progettato per rendere i processi aziendali ripetitivi pi\u00f9 rapidi, efficienti e semplici da gestire, permettendoti di dedicare meno tempo alle attivit\u00e0 di routine.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"results\">\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Meno attivit\u00e0 manuali ripetitive\r\n            <\/div>\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Processi aziendali pi\u00f9 efficienti\r\n            <\/div>\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Dati pi\u00f9 coerenti\r\n            <\/div>\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Automazione delle attivit\u00e0 di routine\r\n            <\/div>\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Strumenti meglio integrati\r\n            <\/div>\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Pi\u00f9 tempo da dedicare alle attivit\u00e0 di maggior valore\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               FINAL CTA\r\n               ================================================= -->\r\n\r\n          <div class=\"cta\">\r\n\r\n            <div>\r\n\r\n              <h2>\r\n                Hai un progetto in mente?\r\n              <\/h2>\r\n\r\n              <p>\r\n                Dimmi di cosa hai bisogno e costruiamo insieme la soluzione pi\u00f9 adatta al tuo flusso di lavoro.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n            <a href=\"\/it\/contact\/\">\r\n              Parliamone \u2192\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/section>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  const m =\r\n    document.getElementById('gp04-modal');\r\n\r\n  const o =\r\n    document.getElementById('gp04-open');\r\n\r\n  if(!m || !o) return;\r\n\r\n  \/*\r\n   * Move the modal directly under body.\r\n   * This prevents Elementor\/WordPress containers\r\n   * from affecting the fixed positioning.\r\n   *\/\r\n\r\n  document.body.appendChild(m);\r\n\r\n  const c =\r\n    m.querySelector('.close');\r\n\r\n\r\n  function open(){\r\n\r\n    m.classList.add('open');\r\n\r\n    m.setAttribute(\r\n      'aria-hidden',\r\n      'false'\r\n    );\r\n\r\n    document.body.style.overflow =\r\n      'hidden';\r\n  }\r\n\r\n\r\n  function shut(){\r\n\r\n    m.classList.remove('open');\r\n\r\n    m.setAttribute(\r\n      'aria-hidden',\r\n      'true'\r\n    );\r\n\r\n    document.body.style.overflow =\r\n      '';\r\n  }\r\n\r\n\r\n  o.addEventListener(\r\n    'click',\r\n    function(e){\r\n\r\n      e.preventDefault();\r\n\r\n      open();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  c.addEventListener(\r\n    'click',\r\n    shut\r\n  );\r\n\r\n\r\n  m.addEventListener(\r\n    'click',\r\n    function(e){\r\n\r\n      if(e.target === m){\r\n\r\n        shut();\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n\r\n  document.addEventListener(\r\n    'keydown',\r\n    function(e){\r\n\r\n      if(\r\n        e.key === 'Escape' &&\r\n        m.classList.contains('open')\r\n      ){\r\n\r\n        shut();\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-75455ac e-con-full e-flex e-con e-child\" data-id=\"75455ac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-358aee0 e-con-full e-transform e-flex e-con e-child\" data-id=\"358aee0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.02,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t<div class=\"elementor-element elementor-element-e2919a0 e-con-full e-flex e-con e-child\" data-id=\"e2919a0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca5313f elementor-widget elementor-widget-image\" data-id=\"ca5313f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-15_57_59-1024x683.png\" class=\"attachment-large size-large wp-image-3600\" alt=\"chatgpt image 9 set 2026, 15 57 59\" srcset=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-15_57_59-1024x683.png 1024w, https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-15_57_59-300x200.png 300w, https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-15_57_59-768x512.png 768w, https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-15_57_59.png 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"  title=\"Servizi\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-60fb818 elementor-widget elementor-widget-hfe-infocard\" data-id=\"60fb818\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hfe-infocard.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"hfe-infocard\">\n\t\t\t\t\t\t\t\t\t<div class=\"hfe-infocard-title-wrap\">\n\t\t\t\t<h4 class=\"hfe-infocard-title elementor-inline-editing\" data-elementor-setting-key=\"infocard_title\" data-elementor-inline-editing-toolbar=\"basic\" >Soluzioni Google Workspace<\/h4>\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"hfe-infocard-text-wrap\">\n\t\t\t\t<div class=\"hfe-infocard-text elementor-inline-editing\" data-elementor-setting-key=\"infocard_description\" data-elementor-inline-editing-toolbar=\"advanced\">\n\t\t\t\t\tCreo soluzioni personalizzate con Google Workspace, gestione documentale e automazioni per migliorare la collaborazione e la produttivit\u00e0 della tua attivit\u00e0.\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15e0b2b elementor-widget elementor-widget-html\" data-id=\"15e0b2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   GOOGLE WORKSPACE SOLUTIONS \u2014 SERVICE 05\r\n   ========================================================= *\/\r\n\r\n#gp05{\r\n  --a:#4285F4;\r\n  --ad:#2563C7;\r\n  --al:#EAF3FF;\r\n  --ar:66,133,244;\r\n  --ink:#173574;\r\n  --text:#5B6F96;\r\n  font-family:Arial,sans-serif;\r\n}\r\n\r\n#gp05 *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEARN MORE BUTTON\r\n   ========================================================= *\/\r\n\r\n#gp05 .gp05-btn{\r\n  position:relative;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:10px;\r\n\r\n  min-width:154px;\r\n\r\n  padding:13px 19px;\r\n\r\n  border:1px solid rgba(66,133,244,.18);\r\n  border-radius:13px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #4285F4 0%,\r\n      #63A0F7 48%,\r\n      #2563C7 100%\r\n    );\r\n\r\n  color:#fff;\r\n\r\n  font-weight:800;\r\n  cursor:pointer;\r\n\r\n  font-size:14px;\r\n  letter-spacing:.2px;\r\n\r\n  text-decoration:none;\r\n\r\n  box-shadow:\r\n    0 10px 24px rgba(66,133,244,.20),\r\n    inset 0 1px 0 rgba(255,255,255,.25);\r\n\r\n  overflow:hidden;\r\n  isolation:isolate;\r\n\r\n  transition:\r\n    transform .3s cubic-bezier(.2,.8,.2,1),\r\n    box-shadow .3s ease;\r\n}\r\n\r\n#gp05 .gp05-btn::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  z-index:-1;\r\n\r\n  background:\r\n    linear-gradient(\r\n      110deg,\r\n      transparent 20%,\r\n      rgba(255,255,255,.34) 45%,\r\n      transparent 70%\r\n    );\r\n\r\n  transform:translateX(-120%);\r\n\r\n  animation:\r\n    gp05btnshine 3.6s ease-in-out infinite;\r\n}\r\n\r\n#gp05 .gp05-btn::after{\r\n  content:\"\u2192\";\r\n\r\n  display:inline-block;\r\n\r\n  font-size:18px;\r\n  line-height:1;\r\n\r\n  transition:\r\n    transform .35s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n@keyframes gp05btnshine{\r\n\r\n  0%,45%{\r\n    transform:translateX(-120%);\r\n  }\r\n\r\n  70%,100%{\r\n    transform:translateX(120%);\r\n  }\r\n\r\n}\r\n\r\n#gp05 .gp05-btn:hover{\r\n  color:#fff;\r\n\r\n  transform:\r\n    translateY(-4px)\r\n    scale(1.025);\r\n\r\n  box-shadow:\r\n    0 17px 34px rgba(66,133,244,.32),\r\n    0 0 0 5px rgba(66,133,244,.07);\r\n}\r\n\r\n#gp05 .gp05-btn:hover::after{\r\n  transform:translateX(6px);\r\n}\r\n\r\n#gp05 .gp05-btn:focus-visible{\r\n  outline:2px solid var(--a);\r\n  outline-offset:6px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MODAL\r\n   ========================================================= *\/\r\n\r\n#gp05-modal{\r\n  display:none;\r\n\r\n  position:fixed;\r\n  inset:0;\r\n\r\n  width:100vw;\r\n  height:100vh;\r\n\r\n  padding:22px;\r\n\r\n  background:rgba(12,23,58,.74);\r\n\r\n  backdrop-filter:blur(10px);\r\n  -webkit-backdrop-filter:blur(10px);\r\n\r\n  z-index:999999;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n}\r\n\r\n#gp05-modal.open{\r\n  display:flex;\r\n\r\n  animation:\r\n    gp05fade .28s ease;\r\n}\r\n\r\n@keyframes gp05fade{\r\n\r\n  from{\r\n    opacity:0;\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n  }\r\n\r\n}\r\n\r\n#gp05-modal .win{\r\n  width:min(\r\n    1280px,\r\n    calc(100vw - 44px)\r\n  );\r\n\r\n  max-width:1280px;\r\n  max-height:95vh;\r\n\r\n  background:#fff;\r\n\r\n  border-radius:27px;\r\n\r\n  overflow:hidden;\r\n\r\n  position:relative;\r\n\r\n  box-shadow:\r\n    0 30px 100px\r\n    rgba(20,35,90,.42);\r\n\r\n  animation:\r\n    gp05in\r\n    .48s\r\n    cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n@keyframes gp05in{\r\n\r\n  from{\r\n    opacity:0;\r\n\r\n    transform:\r\n      translateY(35px)\r\n      scale(.965);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:none;\r\n  }\r\n\r\n}\r\n\r\n#gp05-modal .scroll{\r\n  max-height:95vh;\r\n\r\n  overflow:auto;\r\n\r\n  scrollbar-width:thin;\r\n\r\n  scrollbar-color:\r\n    #A9C9FA\r\n    transparent;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CLOSE BUTTON\r\n   ========================================================= *\/\r\n\r\n#gp05-modal .close{\r\n  position:absolute;\r\n\r\n  right:17px;\r\n  top:17px;\r\n\r\n  width:43px;\r\n  height:43px;\r\n\r\n  border:0;\r\n  border-radius:50%;\r\n\r\n  background:rgba(255,255,255,.95);\r\n\r\n  color:#30477e;\r\n\r\n  font-size:25px;\r\n  line-height:1;\r\n\r\n  cursor:pointer;\r\n\r\n  z-index:50;\r\n\r\n  box-shadow:\r\n    0 7px 22px\r\n    rgba(25,40,90,.16);\r\n\r\n  transition:.3s ease;\r\n}\r\n\r\n#gp05-modal .close:hover{\r\n  transform:\r\n    rotate(90deg)\r\n    scale(1.08);\r\n\r\n  color:var(--a);\r\n\r\n  box-shadow:\r\n    0 10px 28px\r\n    rgba(var(--ar),.22);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n   ========================================================= *\/\r\n\r\n#gp05-modal .hero{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:\r\n    68px\r\n    82px\r\n    62px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 88% 12%,\r\n      rgba(66,133,244,.16),\r\n      rgba(66,133,244,0) 38%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 68% 90%,\r\n      rgba(66,133,244,.12),\r\n      rgba(66,133,244,0) 43%\r\n    ),\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      #ffffff 0%,\r\n      #f6f9ff 52%,\r\n      #edf4ff 100%\r\n    );\r\n}\r\n\r\n#gp05-modal .hero::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:520px;\r\n  height:520px;\r\n\r\n  right:-220px;\r\n  top:-280px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(66,133,244,.14),\r\n      rgba(66,133,244,0) 70%\r\n    );\r\n\r\n  filter:blur(4px);\r\n\r\n  animation:\r\n    gp05heroGlow\r\n    8s\r\n    ease-in-out\r\n    infinite\r\n    alternate;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n#gp05-modal .hero::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:38%;\r\n  bottom:-110px;\r\n\r\n  width:300px;\r\n  height:180px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(66,133,244,.10),\r\n      rgba(66,133,244,0) 70%\r\n    );\r\n\r\n  filter:blur(40px);\r\n\r\n  animation:\r\n    gp05heroGlow2\r\n    10s\r\n    ease-in-out\r\n    infinite\r\n    alternate;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n@keyframes gp05heroGlow{\r\n\r\n  to{\r\n    transform:\r\n      translate(-70px,80px)\r\n      scale(1.18);\r\n  }\r\n\r\n}\r\n\r\n@keyframes gp05heroGlow2{\r\n\r\n  to{\r\n    transform:\r\n      translate(100px,-35px)\r\n      scale(1.2);\r\n  }\r\n\r\n}\r\n\r\n#gp05-modal .hero-grid{\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    1fr;\r\n\r\n  gap:55px;\r\n\r\n  align-items:center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO TEXT\r\n   ========================================================= *\/\r\n\r\n#gp05-modal .eyebrow{\r\n  font-size:12px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:1.5px;\r\n\r\n  color:var(--a);\r\n\r\n  margin-bottom:18px;\r\n}\r\n\r\n#gp05-modal .title{\r\n  font-size:\r\n    clamp(38px,4vw,62px);\r\n\r\n  line-height:1.02;\r\n\r\n  letter-spacing:-2.8px;\r\n\r\n  color:#173574;\r\n\r\n  margin:0 0 22px;\r\n}\r\n\r\n#gp05-modal .title span{\r\n  display:block;\r\n\r\n  width:max-content;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #4285F4,\r\n      #69A2F7,\r\n      #2563C7\r\n    );\r\n\r\n  -webkit-background-clip:text;\r\n  background-clip:text;\r\n\r\n  -webkit-text-fill-color:transparent;\r\n\r\n  animation:\r\n    gp05TitleShine\r\n    5s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n@keyframes gp05TitleShine{\r\n\r\n  0%,100%{\r\n    filter:brightness(1);\r\n  }\r\n\r\n  50%{\r\n    filter:brightness(1.18);\r\n  }\r\n\r\n}\r\n\r\n#gp05-modal .desc{\r\n  font-size:17px;\r\n\r\n  line-height:1.7;\r\n\r\n  color:#4d638f;\r\n\r\n  max-width:650px;\r\n}\r\n\r\n#gp05-modal .tags{\r\n  display:flex;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:9px;\r\n\r\n  margin-top:25px;\r\n}\r\n\r\n#gp05-modal .tag{\r\n  padding:9px 12px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    rgba(255,255,255,.84);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.17);\r\n\r\n  color:#40598d;\r\n\r\n  font-size:12px;\r\n\r\n  font-weight:700;\r\n\r\n  box-shadow:\r\n    0 5px 15px\r\n    rgba(var(--ar),.05);\r\n\r\n  transition:.28s ease;\r\n}\r\n\r\n#gp05-modal .tag:hover{\r\n  transform:translateY(-3px);\r\n\r\n  border-color:\r\n    rgba(var(--ar),.35);\r\n\r\n  box-shadow:\r\n    0 10px 22px\r\n    rgba(var(--ar),.12);\r\n\r\n  color:var(--a);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO VISUAL\r\n   ========================================================= *\/\r\n\r\n#gp05-modal .visual{\r\n  height:350px;\r\n\r\n  position:relative;\r\n\r\n  min-width:420px;\r\n\r\n  perspective:900px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 50% 50%,\r\n      rgba(66,133,244,.09),\r\n      transparent 65%\r\n    );\r\n\r\n  border-radius:40px;\r\n}\r\n\r\n#gp05-modal .visual::before,\r\n#gp05-modal .visual::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  border-radius:50%;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n#gp05-modal .visual::before{\r\n  width:290px;\r\n  height:290px;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  border:\r\n    1px dashed\r\n    rgba(var(--ar),.22);\r\n\r\n  animation:\r\n    gp05ring\r\n    14s\r\n    linear\r\n    infinite;\r\n}\r\n\r\n#gp05-modal .visual::after{\r\n  width:365px;\r\n  height:365px;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.10);\r\n\r\n  animation:\r\n    gp05ringReverse\r\n    20s\r\n    linear\r\n    infinite;\r\n}\r\n\r\n@keyframes gp05ring{\r\n\r\n  to{\r\n    transform:\r\n      translate(-50%,-50%)\r\n      rotate(360deg);\r\n  }\r\n\r\n}\r\n\r\n@keyframes gp05ringReverse{\r\n\r\n  to{\r\n    transform:\r\n      translate(-50%,-50%)\r\n      rotate(-360deg);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ORBIT\r\n   ========================================================= *\/\r\n\r\n#gp05-modal .orbit{\r\n  position:absolute;\r\n\r\n  width:220px;\r\n  height:220px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.30);\r\n\r\n  border-radius:50%;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  animation:\r\n    gp05orbit\r\n    9s\r\n    linear\r\n    infinite;\r\n}\r\n\r\n#gp05-modal .orbit::before,\r\n#gp05-modal .orbit::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:8px;\r\n  height:8px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#4285F4;\r\n\r\n  box-shadow:\r\n    0 0 0 6px\r\n    rgba(66,133,244,.08),\r\n\r\n    0 0 18px\r\n    rgba(66,133,244,.50);\r\n}\r\n\r\n#gp05-modal .orbit::before{\r\n  left:18px;\r\n  top:40px;\r\n}\r\n\r\n#gp05-modal .orbit::after{\r\n  right:12px;\r\n  bottom:34px;\r\n}\r\n\r\n@keyframes gp05orbit{\r\n\r\n  to{\r\n    transform:\r\n      translate(-50%,-50%)\r\n      rotate(360deg);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CENTER\r\n   ========================================================= *\/\r\n\r\n#gp05-modal .center{\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  width:136px;\r\n  height:136px;\r\n\r\n  border-radius:34px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 27% 18%,\r\n      rgba(255,255,255,.34),\r\n      transparent 28%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #69A2F7 0%,\r\n      #4285F4 45%,\r\n      #2563C7 100%\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.42);\r\n\r\n  color:#fff;\r\n\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  gap:0;\r\n\r\n  box-shadow:\r\n    0 22px 48px\r\n    rgba(66,133,244,.30),\r\n\r\n    0 0 0 9px\r\n    rgba(66,133,244,.06),\r\n\r\n    0 0 65px\r\n    rgba(66,133,244,.18);\r\n\r\n  animation:\r\n    gp05CenterFloat\r\n    4s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n#gp05-modal .center::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:7px;\r\n\r\n  border-radius:27px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.34);\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(255,255,255,.09),\r\n      transparent 58%\r\n    );\r\n}\r\n\r\n#gp05-modal .center::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:-32px;\r\n\r\n  border-radius:52px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(66,133,244,.28),\r\n      rgba(66,133,244,0) 69%\r\n    );\r\n\r\n  filter:blur(12px);\r\n\r\n  animation:\r\n    gp05Aura\r\n    3.4s\r\n    ease-in-out\r\n    infinite;\r\n\r\n  z-index:-1;\r\n}\r\n\r\n#gp05-modal .center b{\r\n  font-size:43px;\r\n\r\n  font-weight:900;\r\n\r\n  line-height:.85;\r\n\r\n  color:#fff;\r\n\r\n  text-shadow:\r\n    0 7px 20px\r\n    rgba(15,55,130,.22);\r\n}\r\n\r\n#gp05-modal .center small{\r\n  margin-top:13px;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:900;\r\n\r\n  letter-spacing:1.6px;\r\n\r\n  color:#fff;\r\n}\r\n\r\n@keyframes gp05CenterFloat{\r\n\r\n  0%,100%{\r\n    transform:\r\n      translate(-50%,-50%)\r\n      translateY(0);\r\n  }\r\n\r\n  50%{\r\n    transform:\r\n      translate(-50%,-50%)\r\n      translateY(-5px);\r\n  }\r\n\r\n}\r\n\r\n@keyframes gp05Aura{\r\n\r\n  0%,100%{\r\n    transform:scale(.88);\r\n    opacity:.55;\r\n  }\r\n\r\n  50%{\r\n    transform:scale(1.14);\r\n    opacity:1;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NODES\r\n   ========================================================= *\/\r\n\r\n#gp05-modal .node{\r\n  position:absolute;\r\n\r\n  width:145px;\r\n  min-height:98px;\r\n\r\n  padding:13px;\r\n\r\n  border-radius:18px;\r\n\r\n  background:\r\n    rgba(255,255,255,.96);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.16);\r\n\r\n  box-shadow:\r\n    0 15px 32px\r\n    rgba(45,60,125,.12),\r\n\r\n    0 0 0 1px\r\n    rgba(255,255,255,.6)\r\n    inset;\r\n\r\n  display:flex;\r\n\r\n  gap:9px;\r\n\r\n  align-items:center;\r\n\r\n  transition:\r\n    .35s\r\n    cubic-bezier(.2,.8,.2,1);\r\n\r\n  animation:\r\n    gp05float\r\n    4.5s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n#gp05-modal .node:nth-of-type(2){\r\n  animation-delay:-1.1s;\r\n}\r\n\r\n#gp05-modal .node:nth-of-type(3){\r\n  animation-delay:-2.2s;\r\n}\r\n\r\n#gp05-modal .node:nth-of-type(4){\r\n  animation-delay:-3.3s;\r\n}\r\n\r\n#gp05-modal .node:hover{\r\n  transform:\r\n    translateY(-8px)\r\n    scale(1.025);\r\n\r\n  border-color:\r\n    rgba(var(--ar),.4);\r\n\r\n  box-shadow:\r\n    0 22px 42px\r\n    rgba(var(--ar),.18),\r\n\r\n    0 0 0 1px\r\n    rgba(255,255,255,.8)\r\n    inset;\r\n}\r\n\r\n@keyframes gp05float{\r\n\r\n  0%,100%{\r\n    transform:translateY(0);\r\n  }\r\n\r\n  50%{\r\n    transform:translateY(-7px);\r\n  }\r\n\r\n}\r\n\r\n#gp05-modal .n1{\r\n  left:0;\r\n  top:4px;\r\n}\r\n\r\n#gp05-modal .n2{\r\n  right:0;\r\n  top:4px;\r\n}\r\n\r\n#gp05-modal .n3{\r\n  left:0;\r\n  bottom:4px;\r\n}\r\n\r\n#gp05-modal .n4{\r\n  right:0;\r\n  bottom:4px;\r\n}\r\n\r\n#gp05-modal .icon{\r\n  width:50px;\r\n  height:50px;\r\n\r\n  flex:0 0 50px;\r\n\r\n  border-radius:15px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  font-size:21px;\r\n\r\n  box-shadow:\r\n    0 7px 17px\r\n    rgba(var(--ar),.13),\r\n\r\n    inset 0 0 0 1px\r\n    rgba(var(--ar),.08);\r\n}\r\n\r\n#gp05-modal .node strong{\r\n  display:block;\r\n\r\n  font-size:11px;\r\n\r\n  color:#243e78;\r\n}\r\n\r\n#gp05-modal .node small{\r\n  display:block;\r\n\r\n  font-size:9px;\r\n\r\n  color:#7285a9;\r\n\r\n  margin-top:4px;\r\n\r\n  line-height:1.4;\r\n}\r\n\r\n#gp05-modal .node::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  right:10px;\r\n  top:10px;\r\n\r\n  width:6px;\r\n  height:6px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#4285F4;\r\n\r\n  box-shadow:\r\n    0 0 0 4px\r\n    rgba(66,133,244,.08),\r\n\r\n    0 0 10px\r\n    rgba(66,133,244,.42);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON COLORS\r\n   ========================================================= *\/\r\n\r\n#gp05-modal .drive-icon{\r\n  background:#EAF3FF;\r\n  color:#4285F4;\r\n}\r\n\r\n#gp05-modal .gmail-icon{\r\n  background:#FFF0F0;\r\n  color:#EA4335;\r\n}\r\n\r\n#gp05-modal .calendar-icon{\r\n  background:#EAF5FF;\r\n  color:#4285F4;\r\n}\r\n\r\n#gp05-modal .sheets-icon{\r\n  background:#E7F8EE;\r\n  color:#16A878;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n   ========================================================= *\/\r\n\r\n#gp05-modal .content{\r\n  position:relative;\r\n\r\n  padding:\r\n    62px\r\n    82px\r\n    70px;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 0% 8%,\r\n      rgba(66,133,244,.065),\r\n      transparent 22%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 100% 30%,\r\n      rgba(66,133,244,.055),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 50% 100%,\r\n      rgba(66,133,244,.035),\r\n      transparent 30%\r\n    ),\r\n\r\n    #fff;\r\n}\r\n\r\n#gp05-modal .content::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:0;\r\n  left:8%;\r\n\r\n  width:84%;\r\n  height:2px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(66,133,244,.15),\r\n      #69A2F7,\r\n      rgba(66,133,244,.15),\r\n      transparent\r\n    );\r\n\r\n  opacity:.65;\r\n\r\n  animation:\r\n    gp05contentline\r\n    5s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n@keyframes gp05contentline{\r\n\r\n  0%,100%{\r\n    transform:scaleX(.72);\r\n    opacity:.45;\r\n  }\r\n\r\n  50%{\r\n    transform:scaleX(1);\r\n    opacity:.85;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n   ========================================================= *\/\r\n\r\n#gp05-modal .label{\r\n  position:relative;\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  font-size:11px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:1.5px;\r\n\r\n  color:var(--a);\r\n\r\n  margin:0 0 10px;\r\n}\r\n\r\n#gp05-modal .label::before{\r\n  content:\"\";\r\n\r\n  width:24px;\r\n  height:3px;\r\n\r\n  border-radius:10px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #4285F4,\r\n      #8BB8FA\r\n    );\r\n\r\n  box-shadow:\r\n    0 0 12px\r\n    rgba(66,133,244,.28);\r\n\r\n  animation:\r\n    gp05label\r\n    2.4s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n@keyframes gp05label{\r\n\r\n  0%,100%{\r\n    width:24px;\r\n    opacity:1;\r\n  }\r\n\r\n  50%{\r\n    width:36px;\r\n    opacity:.68;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADINGS\r\n   ========================================================= *\/\r\n\r\n#gp05-modal .heading{\r\n  position:relative;\r\n\r\n  font-size:34px;\r\n\r\n  color:#173574;\r\n\r\n  margin:0 0 16px;\r\n\r\n  letter-spacing:-.9px;\r\n}\r\n\r\n#gp05-modal .heading::after{\r\n  content:\"\";\r\n\r\n  display:block;\r\n\r\n  width:54px;\r\n  height:4px;\r\n\r\n  margin-top:13px;\r\n\r\n  border-radius:10px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #4285F4,\r\n      #82B3F9,\r\n      transparent\r\n    );\r\n\r\n  animation:\r\n    gp05headingline\r\n    3s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n@keyframes gp05headingline{\r\n\r\n  50%{\r\n    width:95px;\r\n    opacity:.72;\r\n  }\r\n\r\n}\r\n\r\n#gp05-modal .text{\r\n  color:#5b6f96;\r\n\r\n  line-height:1.75;\r\n\r\n  font-size:16px;\r\n\r\n  max-width:900px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NOTE\r\n   ========================================================= *\/\r\n\r\n#gp05-modal .note{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #F8FBFF,\r\n      #EDF5FF\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.16);\r\n\r\n  border-radius:14px;\r\n\r\n  padding:17px 20px;\r\n\r\n  color:#53678f;\r\n\r\n  margin:25px 0 35px;\r\n\r\n  line-height:1.6;\r\n\r\n  box-shadow:\r\n    0 10px 28px\r\n    rgba(var(--ar),.05);\r\n}\r\n\r\n#gp05-modal .note::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:-25%;\r\n  top:0;\r\n\r\n  width:20%;\r\n  height:100%;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(255,255,255,.65),\r\n      transparent\r\n    );\r\n\r\n  transform:skewX(-18deg);\r\n\r\n  animation:\r\n    gp05sweep\r\n    5s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n@keyframes gp05sweep{\r\n\r\n  50%{\r\n    left:120%;\r\n  }\r\n\r\n}\r\n\r\n#gp05-modal .note strong{\r\n  color:#2563C7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARDS\r\n   ========================================================= *\/\r\n\r\n#gp05-modal .cards{\r\n  position:relative;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n  gap:17px;\r\n\r\n  margin:0 0 60px;\r\n}\r\n\r\n#gp05-modal .card{\r\n  padding:24px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.12);\r\n\r\n  border-radius:15px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #fff,\r\n      #F7FAFF\r\n    );\r\n\r\n  min-height:175px;\r\n\r\n  transition:\r\n    .32s\r\n    cubic-bezier(.2,.8,.2,1);\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  animation:\r\n    gp05cardin\r\n    .7s\r\n    both;\r\n}\r\n\r\n#gp05-modal .card:nth-child(2){\r\n  animation-delay:.08s;\r\n}\r\n\r\n#gp05-modal .card:nth-child(3){\r\n  animation-delay:.16s;\r\n}\r\n\r\n#gp05-modal .card:nth-child(4){\r\n  animation-delay:.24s;\r\n}\r\n\r\n#gp05-modal .card:nth-child(5){\r\n  animation-delay:.32s;\r\n}\r\n\r\n#gp05-modal .card:nth-child(6){\r\n  animation-delay:.40s;\r\n}\r\n\r\n#gp05-modal .card::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:0;\r\n  top:0;\r\n\r\n  width:100%;\r\n  height:3px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      var(--a),\r\n      #8BB8FA,\r\n      transparent\r\n    );\r\n\r\n  transform:scaleX(.25);\r\n\r\n  transition:.35s ease;\r\n}\r\n\r\n#gp05-modal .card::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  right:-35px;\r\n  top:-35px;\r\n\r\n  width:100px;\r\n  height:100px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    rgba(var(--ar),.055);\r\n\r\n  filter:blur(2px);\r\n}\r\n\r\n#gp05-modal .card:hover{\r\n  transform:\r\n    translateY(-7px)\r\n    scale(1.008);\r\n\r\n  border-color:\r\n    rgba(var(--ar),.30);\r\n\r\n  box-shadow:\r\n    0 20px 42px\r\n    rgba(var(--ar),.12),\r\n\r\n    0 0 0 4px\r\n    rgba(var(--ar),.03);\r\n}\r\n\r\n#gp05-modal .card:hover::before{\r\n  transform:scaleX(1);\r\n}\r\n\r\n@keyframes gp05cardin{\r\n\r\n  from{\r\n    opacity:0;\r\n\r\n    transform:\r\n      translateY(18px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n\r\n    transform:none;\r\n  }\r\n\r\n}\r\n\r\n#gp05-modal .card-icon{\r\n  width:48px;\r\n  height:48px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  font-size:22px;\r\n\r\n  color:var(--a);\r\n\r\n  margin-bottom:14px;\r\n\r\n  border-radius:14px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #EAF3FF,\r\n      #DDEBFF\r\n    );\r\n\r\n  box-shadow:\r\n    0 8px 18px\r\n    rgba(var(--ar),.10),\r\n\r\n    inset 0 0 0 1px\r\n    rgba(var(--ar),.08);\r\n\r\n  transition:.3s ease;\r\n}\r\n\r\n#gp05-modal .card:hover .card-icon{\r\n  transform:\r\n    rotate(-5deg)\r\n    scale(1.08);\r\n\r\n  box-shadow:\r\n    0 12px 24px\r\n    rgba(var(--ar),.18);\r\n}\r\n\r\n#gp05-modal .card h3{\r\n  margin:0 0 8px;\r\n\r\n  color:#243e78;\r\n\r\n  font-size:17px;\r\n}\r\n\r\n#gp05-modal .card p{\r\n  margin:0;\r\n\r\n  color:#687b9e;\r\n\r\n  line-height:1.6;\r\n\r\n  font-size:14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROCESS\r\n   ========================================================= *\/\r\n\r\n#gp05-modal .process{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 10% 0%,\r\n      rgba(var(--ar),.07),\r\n      transparent 28%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #F8FBFF,\r\n      #F2F7FF\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.13);\r\n\r\n  border-radius:20px;\r\n\r\n  padding:28px;\r\n\r\n  margin:20px 0 60px;\r\n}\r\n\r\n#gp05-modal .process::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:0;\r\n  left:-30%;\r\n\r\n  width:28%;\r\n  height:3px;\r\n\r\n  border-radius:99px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      #4285F4,\r\n      #8BB8FA,\r\n      transparent\r\n    );\r\n\r\n  box-shadow:\r\n    0 0 18px\r\n    rgba(66,133,244,.25);\r\n\r\n  animation:\r\n    gp05processglow\r\n    5s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n#gp05-modal .process::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:90px;\r\n  height:90px;\r\n\r\n  right:-25px;\r\n  bottom:-45px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    rgba(66,133,244,.07);\r\n\r\n  filter:blur(12px);\r\n\r\n  animation:\r\n    gp05processorb\r\n    6s\r\n    ease-in-out\r\n    infinite\r\n    alternate;\r\n}\r\n\r\n@keyframes gp05processorb{\r\n\r\n  to{\r\n    transform:\r\n      translate(-45px,-20px)\r\n      scale(1.3);\r\n  }\r\n\r\n}\r\n\r\n@keyframes gp05processglow{\r\n\r\n  to{\r\n    left:120%;\r\n  }\r\n\r\n}\r\n\r\n#gp05-modal .steps{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4,1fr);\r\n\r\n  gap:18px;\r\n}\r\n\r\n#gp05-modal .step-number{\r\n  width:42px;\r\n  height:42px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--a),\r\n      var(--ad)\r\n    );\r\n\r\n  color:#fff;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  font-weight:800;\r\n\r\n  margin-bottom:12px;\r\n\r\n  box-shadow:\r\n    0 8px 20px\r\n    rgba(var(--ar),.18);\r\n\r\n  animation:\r\n    gp05step\r\n    3s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n#gp05-modal .step:nth-child(2)\r\n.step-number{\r\n  animation-delay:.35s;\r\n}\r\n\r\n#gp05-modal .step:nth-child(3)\r\n.step-number{\r\n  animation-delay:.70s;\r\n}\r\n\r\n#gp05-modal .step:nth-child(4)\r\n.step-number{\r\n  animation-delay:1.05s;\r\n}\r\n\r\n@keyframes gp05step{\r\n\r\n  50%{\r\n    transform:translateY(-3px);\r\n\r\n    box-shadow:\r\n      0 12px 25px\r\n      rgba(var(--ar),.25);\r\n  }\r\n\r\n}\r\n\r\n#gp05-modal .step h3{\r\n  color:#243e78;\r\n\r\n  font-size:16px;\r\n}\r\n\r\n#gp05-modal .step p{\r\n  color:#687b9e;\r\n\r\n  font-size:13px;\r\n\r\n  line-height:1.55;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BEFORE \/ AFTER\r\n   ========================================================= *\/\r\n\r\n#gp05-modal .example{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr 70px 1fr;\r\n\r\n  gap:18px;\r\n\r\n  align-items:center;\r\n\r\n  margin:25px 0 30px;\r\n}\r\n\r\n#gp05-modal .box{\r\n  padding:24px;\r\n\r\n  border:\r\n    1px solid\r\n    #dfe4f5;\r\n\r\n  border-radius:18px;\r\n\r\n  background:#fff;\r\n\r\n  transition:.3s ease;\r\n}\r\n\r\n#gp05-modal .box:hover{\r\n  transform:translateY(-4px);\r\n\r\n  box-shadow:\r\n    0 14px 28px\r\n    rgba(var(--ar),.08);\r\n}\r\n\r\n#gp05-modal .box.after{\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #F1F6FF,\r\n      #E5EFFF\r\n    );\r\n\r\n  border-color:\r\n    rgba(var(--ar),.20);\r\n}\r\n\r\n#gp05-modal .box-label{\r\n  font-size:10px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:1.3px;\r\n\r\n  color:var(--a);\r\n}\r\n\r\n#gp05-modal .box h3{\r\n  color:#243e78;\r\n}\r\n\r\n#gp05-modal .box p{\r\n  color:#687b9e;\r\n\r\n  line-height:1.6;\r\n}\r\n\r\n#gp05-modal .arrow{\r\n  text-align:center;\r\n\r\n  font-size:30px;\r\n\r\n  color:var(--a);\r\n\r\n  animation:\r\n    gp05arrow\r\n    1.8s\r\n    ease-in-out\r\n    infinite;\r\n\r\n  text-shadow:\r\n    0 4px 14px\r\n    rgba(var(--ar),.18);\r\n}\r\n\r\n@keyframes gp05arrow{\r\n\r\n  50%{\r\n    transform:\r\n      translateX(8px)\r\n      scale(1.08);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOW\r\n   ========================================================= *\/\r\n\r\n#gp05-modal .flow{\r\n  display:flex;\r\n\r\n  justify-content:center;\r\n  align-items:center;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:10px;\r\n\r\n  margin:30px 0 60px;\r\n}\r\n\r\n#gp05-modal .flow span{\r\n  padding:9px 13px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#EDF4FF;\r\n\r\n  color:#4f5f94;\r\n\r\n  font-size:11px;\r\n\r\n  font-weight:800;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.10);\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n#gp05-modal .flow span:hover{\r\n  transform:translateY(-3px);\r\n\r\n  color:var(--a);\r\n\r\n  box-shadow:\r\n    0 8px 18px\r\n    rgba(var(--ar),.09);\r\n}\r\n\r\n#gp05-modal .flow b{\r\n  color:var(--a);\r\n\r\n  animation:\r\n    gp05flow\r\n    1.5s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n@keyframes gp05flow{\r\n\r\n  50%{\r\n    transform:translateX(3px);\r\n\r\n    opacity:.65;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOOLS\r\n   ========================================================= *\/\r\n\r\n#gp05-modal .tools{\r\n  display:flex;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:10px;\r\n\r\n  margin:20px 0 60px;\r\n}\r\n\r\n#gp05-modal .tool{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:11px 14px;\r\n\r\n  border:\r\n    1px solid\r\n    #dfe4f5;\r\n\r\n  border-radius:12px;\r\n\r\n  color:#53678f;\r\n\r\n  font-size:13px;\r\n\r\n  background:#fff;\r\n\r\n  transition:.28s ease;\r\n}\r\n\r\n#gp05-modal .tool:hover{\r\n  transform:\r\n    translateY(-4px)\r\n    scale(1.015);\r\n\r\n  border-color:\r\n    rgba(var(--ar),.30);\r\n\r\n  color:var(--a);\r\n\r\n  box-shadow:\r\n    0 10px 20px\r\n    rgba(var(--ar),.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESULTS\r\n   ========================================================= *\/\r\n\r\n#gp05-modal .results{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n  gap:12px;\r\n\r\n  margin:20px 0 55px;\r\n}\r\n\r\n#gp05-modal .result{\r\n  padding:14px 16px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #F8FBFF,\r\n      #EFF5FF\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.09);\r\n\r\n  color:#53678f;\r\n\r\n  font-size:14px;\r\n\r\n  transition:.28s ease;\r\n}\r\n\r\n#gp05-modal .result:hover{\r\n  transform:translateY(-3px);\r\n\r\n  border-color:\r\n    rgba(var(--ar),.23);\r\n\r\n  box-shadow:\r\n    0 10px 20px\r\n    rgba(var(--ar),.08);\r\n}\r\n\r\n#gp05-modal .result b{\r\n  color:var(--a);\r\n\r\n  margin-right:8px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FINAL CTA\r\n   SAME TEXT AS YOUR SCREENSHOT\r\n   ========================================================= *\/\r\n\r\n#gp05-modal .cta{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:24px;\r\n\r\n  padding:42px 44px;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 10% 10%,\r\n      rgba(255,255,255,.18),\r\n      transparent 28%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 90% 90%,\r\n      rgba(150,195,255,.20),\r\n      transparent 30%\r\n    ),\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      #4285F4 0%,\r\n      #3478E8 43%,\r\n      #2563C7 100%\r\n    );\r\n\r\n  color:#fff;\r\n\r\n  display:flex;\r\n\r\n  justify-content:space-between;\r\n  align-items:center;\r\n\r\n  gap:30px;\r\n\r\n  box-shadow:\r\n    0 22px 55px\r\n    rgba(var(--ar),.27);\r\n}\r\n\r\n#gp05-modal .cta::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:380px;\r\n  height:380px;\r\n\r\n  left:-150px;\r\n  top:-235px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(255,255,255,.23),\r\n      transparent 68%\r\n    );\r\n\r\n  filter:blur(8px);\r\n\r\n  animation:\r\n    gp05orb1\r\n    8s\r\n    ease-in-out\r\n    infinite\r\n    alternate;\r\n}\r\n\r\n#gp05-modal .cta::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:350px;\r\n  height:350px;\r\n\r\n  right:-120px;\r\n  bottom:-220px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(255,255,255,.19),\r\n      rgba(150,195,255,.17) 30%,\r\n      transparent 70%\r\n    );\r\n\r\n  filter:blur(9px);\r\n\r\n  animation:\r\n    gp05orb2\r\n    11s\r\n    ease-in-out\r\n    infinite\r\n    alternate;\r\n}\r\n\r\n@keyframes gp05orb1{\r\n\r\n  to{\r\n    transform:\r\n      translate(130px,60px)\r\n      scale(1.12);\r\n  }\r\n\r\n}\r\n\r\n@keyframes gp05orb2{\r\n\r\n  to{\r\n    transform:\r\n      translate(-80px,-40px)\r\n      scale(1.1);\r\n  }\r\n\r\n}\r\n\r\n#gp05-modal .cta > *{\r\n  position:relative;\r\n\r\n  z-index:3;\r\n}\r\n\r\n#gp05-modal .cta h2{\r\n  margin:0 0 8px;\r\n\r\n  font-size:34px;\r\n\r\n  letter-spacing:-.8px;\r\n\r\n  color:#fff !important;\r\n\r\n  text-shadow:\r\n    0 5px 22px\r\n    rgba(20,45,100,.20);\r\n}\r\n\r\n#gp05-modal .cta p{\r\n  margin:0;\r\n\r\n  color:\r\n    rgba(255,255,255,.94) !important;\r\n\r\n  opacity:1;\r\n\r\n  line-height:1.65;\r\n\r\n  max-width:620px;\r\n}\r\n\r\n#gp05-modal .cta a{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #ffffff 0%,\r\n      #F5F8FF 52%,\r\n      #E7EEFF 100%\r\n    );\r\n\r\n  color:#2563C7;\r\n\r\n  padding:14px 21px;\r\n\r\n  border-radius:11px;\r\n\r\n  text-decoration:none;\r\n\r\n  font-weight:800;\r\n\r\n  white-space:nowrap;\r\n\r\n  box-shadow:\r\n    0 12px 28px\r\n    rgba(20,30,85,.16),\r\n\r\n    inset 0 1px 0\r\n    rgba(255,255,255,1);\r\n\r\n  transition:\r\n    .32s\r\n    cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n#gp05-modal .cta a::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      110deg,\r\n      transparent 20%,\r\n      rgba(66,133,244,.13) 48%,\r\n      transparent 72%\r\n    );\r\n\r\n  transform:translateX(-120%);\r\n\r\n  animation:\r\n    gp05ctabtn\r\n    3.8s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n@keyframes gp05ctabtn{\r\n\r\n  0%,45%{\r\n    transform:translateX(-120%);\r\n  }\r\n\r\n  70%,100%{\r\n    transform:translateX(120%);\r\n  }\r\n\r\n}\r\n\r\n#gp05-modal .cta a::after{\r\n  content:\"\u2192\";\r\n\r\n  display:inline-block;\r\n\r\n  margin-left:7px;\r\n\r\n  transition:.32s ease;\r\n}\r\n\r\n#gp05-modal .cta a:hover{\r\n  transform:\r\n    translateY(-5px)\r\n    scale(1.025);\r\n\r\n  box-shadow:\r\n    0 20px 40px\r\n    rgba(20,30,85,.25);\r\n}\r\n\r\n#gp05-modal .cta a:hover::after{\r\n  transform:translateX(6px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n   ========================================================= *\/\r\n\r\n@media(max-width:900px){\r\n\r\n  #gp05-modal .hero,\r\n  #gp05-modal .content{\r\n    padding:40px 25px;\r\n  }\r\n\r\n  #gp05-modal .hero-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #gp05-modal .visual{\r\n    min-width:0;\r\n  }\r\n\r\n  #gp05-modal .cards,\r\n  #gp05-modal .steps,\r\n  #gp05-modal .results{\r\n    grid-template-columns:\r\n      1fr 1fr;\r\n  }\r\n\r\n  #gp05-modal .cta{\r\n    flex-direction:column;\r\n\r\n    align-items:flex-start;\r\n  }\r\n\r\n}\r\n\r\n@media(max-width:600px){\r\n\r\n  #gp05-modal{\r\n    padding:10px;\r\n  }\r\n\r\n  #gp05-modal .win{\r\n    width:\r\n      calc(100vw - 20px)!important;\r\n\r\n    border-radius:\r\n      18px!important;\r\n  }\r\n\r\n  #gp05-modal .hero,\r\n  #gp05-modal .content{\r\n    padding:\r\n      35px 20px!important;\r\n  }\r\n\r\n  #gp05-modal .visual{\r\n    height:315px;\r\n\r\n    transform:scale(.72);\r\n\r\n    margin:-20px -50px;\r\n  }\r\n\r\n  #gp05-modal .title{\r\n    letter-spacing:-1.7px;\r\n  }\r\n\r\n  #gp05-modal .cards,\r\n  #gp05-modal .steps,\r\n  #gp05-modal .results{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #gp05-modal .example{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #gp05-modal .arrow{\r\n    transform:rotate(90deg);\r\n  }\r\n\r\n  #gp05-modal .cta{\r\n    padding:\r\n      30px 25px!important;\r\n  }\r\n\r\n  #gp05-modal .cta h2{\r\n    font-size:27px;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<div id=\"gp05\">\r\n\r\n  <!-- =====================================================\r\n       LEARN MORE BUTTON\r\n       ===================================================== -->\r\n\r\n  <button\r\n    type=\"button\"\r\n    class=\"gp05-btn\"\r\n    id=\"gp05-open\"\r\n  >\r\n    Scopri di pi\u00f9\r\n  <\/button>\r\n\r\n\r\n  <!-- =====================================================\r\n       MODAL\r\n       ===================================================== -->\r\n\r\n  <div\r\n    id=\"gp05-modal\"\r\n    aria-hidden=\"true\"\r\n  >\r\n\r\n    <div class=\"win\">\r\n\r\n      <button\r\n        class=\"close\"\r\n        type=\"button\"\r\n        aria-label=\"Close\"\r\n      >\r\n        \u00d7\r\n      <\/button>\r\n\r\n\r\n      <div class=\"scroll\">\r\n\r\n\r\n        <!-- =================================================\r\n             HERO\r\n             ================================================= -->\r\n\r\n        <section class=\"hero\">\r\n\r\n          <div class=\"hero-grid\">\r\n\r\n\r\n            <div>\r\n\r\n              <div class=\"eyebrow\">\r\n                SERVIZIO 05 \u00b7 GOOGLE WORKSPACE\r\n              <\/div>\r\n\r\n              <h1 class=\"title\">\r\n\r\n                Google Workspace\r\n                <span>Solutions<\/span>\r\n\r\n              <\/h1>\r\n\r\n              <p class=\"desc\">\r\n                Migliora la collaborazione e la produttivit\u00e0 con soluzioni Google Workspace personalizzate, gestione dei documenti e automazione dei processi aziendali.\r\n              <\/p>\r\n\r\n\r\n              <div class=\"tags\">\r\n\r\n                <span class=\"tag\">\r\n                  \u2601 Google Workspace\r\n                <\/span>\r\n\r\n                <span class=\"tag\">\r\n                  Google Fogli\r\n                <\/span>\r\n\r\n                <span class=\"tag\">\r\n                  \u25eb Google Docs\r\n                <\/span>\r\n\r\n                <span class=\"tag\">\r\n                  \u26a1 Business Automation\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 HERO VISUAL\r\n                 ================================================= -->\r\n\r\n            <div class=\"visual\">\r\n\r\n              <div class=\"orbit\"><\/div>\r\n\r\n\r\n              <!-- GOOGLE DRIVE -->\r\n\r\n              <div class=\"node n1\">\r\n\r\n                <div class=\"icon drive-icon\">\r\n                  \u25b2\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                  <strong>\r\n                    Google Drive\r\n                  <\/strong>\r\n\r\n                  <small>\r\n                    Organizza i file aziendali\r\n                  <\/small>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- GMAIL -->\r\n\r\n              <div class=\"node n2\">\r\n\r\n                <div class=\"icon gmail-icon\">\r\n                  \u2709\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                  <strong>\r\n                    Gmail\r\n                  <\/strong>\r\n\r\n                  <small>\r\n                    Gestisci le comunicazioni\r\n                  <\/small>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- CALENDAR -->\r\n\r\n              <div class=\"node n3\">\r\n\r\n                <div class=\"icon calendar-icon\">\r\n                  31\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                  <strong>\r\n                    Google Calendar\r\n                  <\/strong>\r\n\r\n                  <small>\r\n                    Organizza gli impegni\r\n                  <\/small>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- SHEETS -->\r\n\r\n              <div class=\"node n4\">\r\n\r\n                <div class=\"icon sheets-icon\">\r\n                  \u25a6\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                  <strong>\r\n                    Google Sheets\r\n                  <\/strong>\r\n\r\n                  <small>\r\n                    Gestisci i dati aziendali\r\n                  <\/small>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- CENTER -->\r\n\r\n              <div class=\"center\">\r\n\r\n                <b>\r\n                  G\r\n                <\/b>\r\n\r\n                <small>\r\n                  WORKSPACE\r\n                <\/small>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/section>\r\n\r\n\r\n        <!-- =================================================\r\n             CONTENT\r\n             ================================================= -->\r\n\r\n        <section class=\"content\">\r\n\r\n\r\n          <!-- =================================================\r\n               WHAT I CAN HELP WITH\r\n               ================================================= -->\r\n\r\n          <div class=\"label\">\r\n            GOOGLE WORKSPACE SOLUTIONS\r\n          <\/div>\r\n\r\n          <h2 class=\"heading\">\r\n            Ottimizza Google Workspace per la tua attivit\u00e0\r\n          <\/h2>\r\n\r\n          <p class=\"text\">\r\n            Google Workspace pu\u00f2 diventare molto pi\u00f9 di un semplice insieme di strumenti indipendenti. Ti aiuto a organizzare i documenti, strutturare le informazioni e collegare i flussi di lavoro quotidiani tra Google Sheets, Docs, Drive, Gmail, Calendar e gli altri strumenti di Workspace.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"note\">\r\n\r\n            <strong>\r\n              Progettato in base al modo in cui lavora la tua attivit\u00e0.\r\n            <\/strong>\r\n\r\n            The goal is to create a practical Workspace\r\n            environment that makes information easier to\r\n            manage, keeps files organized and reduces\r\n            unnecessary manual work.\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               CARDS\r\n               ================================================= -->\r\n\r\n          <div class=\"cards\">\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \u2601\r\n              <\/div>\r\n\r\n              <h3>\r\n                Configurazione di Google Workspace\r\n              <\/h3>\r\n\r\n              <p>\r\n                Organizza l\u2019ambiente Google Workspace, i file e gli strumenti in base alle esigenze della tua attivit\u00e0.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \u25a6\r\n              <\/div>\r\n\r\n              <h3>\r\n                Soluzioni per Google Sheets\r\n              <\/h3>\r\n\r\n              <p>\r\n                Crea fogli di calcolo strutturati per il monitoraggio, i calcoli, la reportistica e le attivit\u00e0 aziendali quotidiane.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \u25a4\r\n              <\/div>\r\n\r\n              <h3>\r\n                Google Documenti\r\n              <\/h3>\r\n\r\n              <p>\r\n                Crea flussi di lavoro e modelli di documenti organizzati, per rendere pi\u00f9 semplice la creazione e la gestione dei documenti aziendali.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \u25b2\r\n              <\/div>\r\n\r\n              <h3>\r\n                Organizzazione di Google Drive\r\n              <\/h3>\r\n\r\n              <p>\r\n                Crea una struttura di file pi\u00f9 chiara, per rendere i documenti e le informazioni aziendali pi\u00f9 facili da trovare e gestire.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \u2709\r\n              <\/div>\r\n\r\n              <h3>\r\n                Gmail e comunicazioni\r\n              <\/h3>\r\n\r\n              <p>\r\n                Ottimizza le attivit\u00e0 di comunicazione ripetitive e collega le azioni tramite email agli altri processi aziendali.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \u26a1\r\n              <\/div>\r\n\r\n              <h3>\r\n                Automazione di Google Workspace\r\n              <\/h3>\r\n\r\n              <p>\r\n                Collega gli strumenti di Google Workspace e automatizza le attivit\u00e0 ripetitive utilizzando Apps Script e logiche di flusso personalizzate.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               PROCESS\r\n               ================================================= -->\r\n\r\n          <div class=\"label\">\r\n            IL PROCESSO\r\n          <\/div>\r\n\r\n          <h2 class=\"heading\">\r\n            Dalla tua configurazione attuale a un Google Workspace pi\u00f9 efficiente\r\n          <\/h2>\r\n\r\n          <p class=\"text\">\r\n            Inizio analizzando come la tua attivit\u00e0 utilizza attualmente Google Workspace, individuo le opportunit\u00e0 di miglioramento e sviluppo soluzioni pratiche basate sugli strumenti e sui processi che gi\u00e0 utilizzi.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"process\">\r\n\r\n            <div class=\"steps\">\r\n\r\n\r\n              <div class=\"step\">\r\n\r\n                <div class=\"step-number\">\r\n                  01\r\n                <\/div>\r\n\r\n                <h3>\r\n                  Comprendi\r\n                <\/h3>\r\n\r\n                <p>\r\n                  Analizza come la tua attivit\u00e0 utilizza attualmente Workspace, file, documenti e dati.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"step\">\r\n\r\n                <div class=\"step-number\">\r\n                  02\r\n                <\/div>\r\n\r\n                <h3>\r\n                  Organizza\r\n                <\/h3>\r\n\r\n                <p>\r\n                  Definisci una struttura pi\u00f9 chiara per le informazioni, i documenti e gli strumenti utilizzati.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"step\">\r\n\r\n                <div class=\"step-number\">\r\n                  03\r\n                <\/div>\r\n\r\n                <h3>\r\n                  Realizza\r\n                <\/h3>\r\n\r\n                <p>\r\n                  Crea i fogli di calcolo, i documenti, i flussi di lavoro e le automazioni necessari.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"step\">\r\n\r\n                <div class=\"step-number\">\r\n                  04\r\n                <\/div>\r\n\r\n                <h3>\r\n                  Migliora\r\n                <\/h3>\r\n\r\n                <p>\r\n                  Prova la soluzione, perfeziona il flusso di lavoro e assicurati che tutto funzioni correttamente.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               BEFORE \/ AFTER\r\n               ================================================= -->\r\n\r\n          <div class=\"label\">\r\n            PRIMA \u2192 DOPO\r\n          <\/div>\r\n\r\n          <h2 class=\"heading\">\r\n            Trasforma le informazioni frammentate in un ambiente di lavoro integrato\r\n          <\/h2>\r\n\r\n          <p class=\"text\">\r\n            L\u2019obiettivo \u00e8 semplificare il lavoro quotidiano, offrendo al tuo team un modo pi\u00f9 chiaro per organizzare, consultare e gestire le informazioni aziendali.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"example\">\r\n\r\n\r\n            <div class=\"box\">\r\n\r\n              <div class=\"box-label\">\r\n                PRIMA\r\n              <\/div>\r\n\r\n              <h3>\r\n                Flusso di lavoro frammentato\r\n              <\/h3>\r\n\r\n              <p>\r\n                I file sono difficili da trovare, le informazioni sono distribuite tra diversi documenti e gli stessi dati devono essere inseriti o aggiornati pi\u00f9 volte.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"arrow\">\r\n              \u2192\r\n            <\/div>\r\n\r\n\r\n            <div class=\"box after\">\r\n\r\n              <div class=\"box-label\">\r\n                DOPO\r\n              <\/div>\r\n\r\n              <h3>\r\n                Ambiente di lavoro integrato\r\n              <\/h3>\r\n\r\n              <p>\r\n                Le informazioni sono organizzate in una struttura pi\u00f9 chiara, gli strumenti lavorano insieme e le attivit\u00e0 ripetitive possono essere semplificate o automatizzate.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               FLOW\r\n               ================================================= -->\r\n\r\n          <div class=\"flow\">\r\n\r\n            <span>\r\n              ORGANIZZA\r\n            <\/span>\r\n\r\n            <b>\r\n              \u2192\r\n            <\/b>\r\n\r\n            <span>\r\n              COLLEGA\r\n            <\/span>\r\n\r\n            <b>\r\n              \u2192\r\n            <\/b>\r\n\r\n            <span>\r\n              AUTOMATIZZA\r\n            <\/span>\r\n\r\n            <b>\r\n              \u2192\r\n            <\/b>\r\n\r\n            <span>\r\n              COLLABORA\r\n            <\/span>\r\n\r\n            <b>\r\n              \u2192\r\n            <\/b>\r\n\r\n            <span>\r\n              MIGLIORA\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               TOOLS\r\n               ================================================= -->\r\n\r\n          <div class=\"label\">\r\n            STRUMENTI E PIATTAFORME\r\n          <\/div>\r\n\r\n          <h2 class=\"heading\">\r\n            Realizzato con Google Workspace\r\n          <\/h2>\r\n\r\n          <p class=\"text\">\r\n            Lavoro con gli strumenti di Google Workspace che le aziende utilizzano gi\u00e0 ogni giorno, combinandoli in soluzioni pratiche e personalizzate in base ai loro processi di lavoro.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"tools\">\r\n\r\n            <div class=\"tool\">\r\n              \u2601 Google Workspace\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              Google Fogli\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              Google Documenti\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              \u25b2 Google Drive\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              \u2709 Gmail\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              31 Google Calendar\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              \u25eb Google Forms\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              \u26a1 Apps Script\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               RESULTS\r\n               ================================================= -->\r\n\r\n          <div class=\"label\">\r\n            IL RISULTATO\r\n          <\/div>\r\n\r\n          <h2 class=\"heading\">\r\n            Cosa ottiene la tua attivit\u00e0\r\n          <\/h2>\r\n\r\n          <p class=\"text\">\r\n            The final solution gives your business a more\r\n            organized and efficient way to work with everyday\r\n            information, documents and digital processes.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"results\">\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Informazioni meglio organizzate\r\n            <\/div>\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Gestione pi\u00f9 semplice dei documenti\r\n            <\/div>\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Collaborazione pi\u00f9 efficiente\r\n            <\/div>\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Flussi di lavoro pi\u00f9 efficienti\r\n            <\/div>\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Meno lavoro ripetitivo\r\n            <\/div>\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Uso pi\u00f9 efficace di Google Workspace\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               FINAL CTA\r\n               ================================================= -->\r\n\r\n          <div class=\"cta\">\r\n\r\n            <div>\r\n\r\n              <h2>\r\n                Hai un progetto in mente?\r\n              <\/h2>\r\n\r\n              <p>\r\n                Dimmi di cosa hai bisogno e costruiamo insieme la soluzione pi\u00f9 adatta al tuo flusso di lavoro.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n            <a href=\"\/it\/contact\/\">\r\n              Parliamone \u2192\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/section>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  const m =\r\n    document.getElementById('gp05-modal');\r\n\r\n  const o =\r\n    document.getElementById('gp05-open');\r\n\r\n  if(!m || !o) return;\r\n\r\n\r\n  \/*\r\n   * Move modal directly under body.\r\n   * This prevents Elementor containers\r\n   * from affecting fixed positioning.\r\n   *\/\r\n\r\n  document.body.appendChild(m);\r\n\r\n\r\n  const c =\r\n    m.querySelector('.close');\r\n\r\n\r\n  function open(){\r\n\r\n    m.classList.add('open');\r\n\r\n    m.setAttribute(\r\n      'aria-hidden',\r\n      'false'\r\n    );\r\n\r\n    document.body.style.overflow =\r\n      'hidden';\r\n\r\n  }\r\n\r\n\r\n  function shut(){\r\n\r\n    m.classList.remove('open');\r\n\r\n    m.setAttribute(\r\n      'aria-hidden',\r\n      'true'\r\n    );\r\n\r\n    document.body.style.overflow =\r\n      '';\r\n\r\n  }\r\n\r\n\r\n  o.addEventListener(\r\n    'click',\r\n    function(e){\r\n\r\n      e.preventDefault();\r\n\r\n      open();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  c.addEventListener(\r\n    'click',\r\n    shut\r\n  );\r\n\r\n\r\n  m.addEventListener(\r\n    'click',\r\n    function(e){\r\n\r\n      if(e.target === m){\r\n\r\n        shut();\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n\r\n  document.addEventListener(\r\n    'keydown',\r\n    function(e){\r\n\r\n      if(\r\n        e.key === 'Escape' &&\r\n        m.classList.contains('open')\r\n      ){\r\n\r\n        shut();\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-de7d7b1 e-con-full e-transform e-flex e-con e-child\" data-id=\"de7d7b1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.02,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t<div class=\"elementor-element elementor-element-8e69230 e-con-full e-flex e-con e-child\" data-id=\"8e69230\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-057adb5 elementor-widget elementor-widget-image\" data-id=\"057adb5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-16_01_32-1024x683.png\" class=\"attachment-large size-large wp-image-3601\" alt=\"chatgpt image 9 set 2026, 16 01 32\" srcset=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-16_01_32-1024x683.png 1024w, https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-16_01_32-300x200.png 300w, https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-16_01_32-768x512.png 768w, https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-16_01_32.png 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"  title=\"Servizi\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-406c39f elementor-widget elementor-widget-hfe-infocard\" data-id=\"406c39f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hfe-infocard.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"hfe-infocard\">\n\t\t\t\t\t\t\t\t\t<div class=\"hfe-infocard-title-wrap\">\n\t\t\t\t<h4 class=\"hfe-infocard-title elementor-inline-editing\" data-elementor-setting-key=\"infocard_title\" data-elementor-inline-editing-toolbar=\"basic\" >Automazione dei documenti<\/h4>\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"hfe-infocard-text-wrap\">\n\t\t\t\t<div class=\"hfe-infocard-text elementor-inline-editing\" data-elementor-setting-key=\"infocard_description\" data-elementor-inline-editing-toolbar=\"advanced\">\n\t\t\t\t\tCreo automaticamente PDF, report, contratti e documenti personalizzati a partire dai dati raccolti tramite Google Forms e Google Sheets.\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea4c6ef elementor-widget elementor-widget-html\" data-id=\"ea4c6ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   DOCUMENT AUTOMATION \u2014 SERVICE 06\r\n   ========================================================= *\/\r\n\r\n#gp06{\r\n  --a:#F04B4B;\r\n  --ad:#D93636;\r\n  --al:#FFF0F0;\r\n  --ar:240,75,75;\r\n  --ink:#173574;\r\n  --text:#5B6F96;\r\n  font-family:Arial,sans-serif;\r\n}\r\n\r\n#gp06 *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEARN MORE BUTTON\r\n   ========================================================= *\/\r\n\r\n#gp06 .gp06-btn{\r\n  position:relative;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:10px;\r\n\r\n  min-width:154px;\r\n\r\n  padding:13px 19px;\r\n\r\n  border:1px solid rgba(240,75,75,.18);\r\n  border-radius:13px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #F04B4B 0%,\r\n      #FF7272 48%,\r\n      #D93636 100%\r\n    );\r\n\r\n  color:#fff;\r\n\r\n  font-weight:800;\r\n  cursor:pointer;\r\n\r\n  font-size:14px;\r\n  letter-spacing:.2px;\r\n\r\n  text-decoration:none;\r\n\r\n  box-shadow:\r\n    0 10px 24px rgba(240,75,75,.20),\r\n    inset 0 1px 0 rgba(255,255,255,.25);\r\n\r\n  overflow:hidden;\r\n  isolation:isolate;\r\n\r\n  transition:\r\n    transform .3s cubic-bezier(.2,.8,.2,1),\r\n    box-shadow .3s ease;\r\n}\r\n\r\n#gp06 .gp06-btn::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  z-index:-1;\r\n\r\n  background:\r\n    linear-gradient(\r\n      110deg,\r\n      transparent 20%,\r\n      rgba(255,255,255,.34) 45%,\r\n      transparent 70%\r\n    );\r\n\r\n  transform:translateX(-120%);\r\n\r\n  animation:\r\n    gp06btnshine 3.6s ease-in-out infinite;\r\n}\r\n\r\n#gp06 .gp06-btn::after{\r\n  content:\"\u2192\";\r\n\r\n  display:inline-block;\r\n\r\n  font-size:18px;\r\n  line-height:1;\r\n\r\n  transition:\r\n    transform .35s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n@keyframes gp06btnshine{\r\n\r\n  0%,45%{\r\n    transform:translateX(-120%);\r\n  }\r\n\r\n  70%,100%{\r\n    transform:translateX(120%);\r\n  }\r\n\r\n}\r\n\r\n#gp06 .gp06-btn:hover{\r\n  color:#fff;\r\n\r\n  transform:\r\n    translateY(-4px)\r\n    scale(1.025);\r\n\r\n  box-shadow:\r\n    0 17px 34px rgba(240,75,75,.32),\r\n    0 0 0 5px rgba(240,75,75,.07);\r\n}\r\n\r\n#gp06 .gp06-btn:hover::after{\r\n  transform:translateX(6px);\r\n}\r\n\r\n#gp06 .gp06-btn:focus-visible{\r\n  outline:2px solid var(--a);\r\n  outline-offset:6px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MODAL\r\n   ========================================================= *\/\r\n\r\n#gp06-modal{\r\n  display:none;\r\n\r\n  position:fixed;\r\n  inset:0;\r\n\r\n  width:100vw;\r\n  height:100vh;\r\n\r\n  padding:22px;\r\n\r\n  background:rgba(12,23,58,.74);\r\n\r\n  backdrop-filter:blur(10px);\r\n  -webkit-backdrop-filter:blur(10px);\r\n\r\n  z-index:999999;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n}\r\n\r\n#gp06-modal.open{\r\n  display:flex;\r\n\r\n  animation:\r\n    gp06fade .28s ease;\r\n}\r\n\r\n@keyframes gp06fade{\r\n\r\n  from{\r\n    opacity:0;\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n  }\r\n\r\n}\r\n\r\n#gp06-modal .win{\r\n  width:min(\r\n    1280px,\r\n    calc(100vw - 44px)\r\n  );\r\n\r\n  max-width:1280px;\r\n  max-height:95vh;\r\n\r\n  background:#fff;\r\n\r\n  border-radius:27px;\r\n\r\n  overflow:hidden;\r\n\r\n  position:relative;\r\n\r\n  box-shadow:\r\n    0 30px 100px\r\n    rgba(20,35,90,.42);\r\n\r\n  animation:\r\n    gp06in\r\n    .48s\r\n    cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n@keyframes gp06in{\r\n\r\n  from{\r\n    opacity:0;\r\n\r\n    transform:\r\n      translateY(35px)\r\n      scale(.965);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n\r\n    transform:none;\r\n  }\r\n\r\n}\r\n\r\n#gp06-modal .scroll{\r\n  max-height:95vh;\r\n\r\n  overflow:auto;\r\n\r\n  scrollbar-width:thin;\r\n\r\n  scrollbar-color:\r\n    #F3AAAA\r\n    transparent;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CLOSE\r\n   ========================================================= *\/\r\n\r\n#gp06-modal .close{\r\n  position:absolute;\r\n\r\n  right:17px;\r\n  top:17px;\r\n\r\n  width:43px;\r\n  height:43px;\r\n\r\n  border:0;\r\n  border-radius:50%;\r\n\r\n  background:rgba(255,255,255,.95);\r\n\r\n  color:#30477e;\r\n\r\n  font-size:25px;\r\n  line-height:1;\r\n\r\n  cursor:pointer;\r\n\r\n  z-index:50;\r\n\r\n  box-shadow:\r\n    0 7px 22px\r\n    rgba(25,40,90,.16);\r\n\r\n  transition:.3s ease;\r\n}\r\n\r\n#gp06-modal .close:hover{\r\n  transform:\r\n    rotate(90deg)\r\n    scale(1.08);\r\n\r\n  color:var(--a);\r\n\r\n  box-shadow:\r\n    0 10px 28px\r\n    rgba(var(--ar),.22);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n   ========================================================= *\/\r\n\r\n#gp06-modal .hero{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:\r\n    68px\r\n    82px\r\n    62px;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 88% 12%,\r\n      rgba(240,75,75,.16),\r\n      rgba(240,75,75,0) 38%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 68% 90%,\r\n      rgba(240,75,75,.12),\r\n      rgba(240,75,75,0) 43%\r\n    ),\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      #ffffff 0%,\r\n      #fff7f7 52%,\r\n      #fff0f0 100%\r\n    );\r\n}\r\n\r\n#gp06-modal .hero::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:520px;\r\n  height:520px;\r\n\r\n  right:-220px;\r\n  top:-280px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(240,75,75,.14),\r\n      rgba(240,75,75,0) 70%\r\n    );\r\n\r\n  filter:blur(4px);\r\n\r\n  animation:\r\n    gp06heroGlow\r\n    8s\r\n    ease-in-out\r\n    infinite\r\n    alternate;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n#gp06-modal .hero::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:38%;\r\n  bottom:-110px;\r\n\r\n  width:300px;\r\n  height:180px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(240,75,75,.10),\r\n      rgba(240,75,75,0) 70%\r\n    );\r\n\r\n  filter:blur(40px);\r\n\r\n  animation:\r\n    gp06heroGlow2\r\n    10s\r\n    ease-in-out\r\n    infinite\r\n    alternate;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n@keyframes gp06heroGlow{\r\n\r\n  to{\r\n    transform:\r\n      translate(-70px,80px)\r\n      scale(1.18);\r\n  }\r\n\r\n}\r\n\r\n@keyframes gp06heroGlow2{\r\n\r\n  to{\r\n    transform:\r\n      translate(100px,-35px)\r\n      scale(1.2);\r\n  }\r\n\r\n}\r\n\r\n#gp06-modal .hero-grid{\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    1fr;\r\n\r\n  gap:55px;\r\n\r\n  align-items:center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO TEXT\r\n   ========================================================= *\/\r\n\r\n#gp06-modal .eyebrow{\r\n  font-size:12px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:1.5px;\r\n\r\n  color:var(--a);\r\n\r\n  margin-bottom:18px;\r\n}\r\n\r\n#gp06-modal .title{\r\n  font-size:\r\n    clamp(38px,4vw,62px);\r\n\r\n  line-height:1.02;\r\n\r\n  letter-spacing:-2.8px;\r\n\r\n  color:#173574;\r\n\r\n  margin:0 0 22px;\r\n}\r\n\r\n#gp06-modal .title span{\r\n  display:block;\r\n\r\n  width:max-content;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #F04B4B,\r\n      #FF7777,\r\n      #D93636\r\n    );\r\n\r\n  -webkit-background-clip:text;\r\n  background-clip:text;\r\n\r\n  -webkit-text-fill-color:transparent;\r\n\r\n  animation:\r\n    gp06TitleShine\r\n    5s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n@keyframes gp06TitleShine{\r\n\r\n  0%,100%{\r\n    filter:brightness(1);\r\n  }\r\n\r\n  50%{\r\n    filter:brightness(1.18);\r\n  }\r\n\r\n}\r\n\r\n#gp06-modal .desc{\r\n  font-size:17px;\r\n\r\n  line-height:1.7;\r\n\r\n  color:#4d638f;\r\n\r\n  max-width:650px;\r\n}\r\n\r\n#gp06-modal .tags{\r\n  display:flex;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:9px;\r\n\r\n  margin-top:25px;\r\n}\r\n\r\n#gp06-modal .tag{\r\n  padding:9px 12px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    rgba(255,255,255,.84);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.17);\r\n\r\n  color:#40598d;\r\n\r\n  font-size:12px;\r\n\r\n  font-weight:700;\r\n\r\n  box-shadow:\r\n    0 5px 15px\r\n    rgba(var(--ar),.05);\r\n\r\n  transition:.28s ease;\r\n}\r\n\r\n#gp06-modal .tag:hover{\r\n  transform:translateY(-3px);\r\n\r\n  border-color:\r\n    rgba(var(--ar),.35);\r\n\r\n  box-shadow:\r\n    0 10px 22px\r\n    rgba(var(--ar),.12);\r\n\r\n  color:var(--a);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO VISUAL\r\n   ========================================================= *\/\r\n\r\n#gp06-modal .visual{\r\n  height:350px;\r\n\r\n  position:relative;\r\n\r\n  min-width:420px;\r\n\r\n  perspective:900px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 50% 50%,\r\n      rgba(240,75,75,.09),\r\n      transparent 65%\r\n    );\r\n\r\n  border-radius:40px;\r\n}\r\n\r\n#gp06-modal .visual::before,\r\n#gp06-modal .visual::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  border-radius:50%;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n#gp06-modal .visual::before{\r\n  width:290px;\r\n  height:290px;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  border:\r\n    1px dashed\r\n    rgba(var(--ar),.22);\r\n\r\n  animation:\r\n    gp06ring\r\n    14s\r\n    linear\r\n    infinite;\r\n}\r\n\r\n#gp06-modal .visual::after{\r\n  width:365px;\r\n  height:365px;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.10);\r\n\r\n  animation:\r\n    gp06ringReverse\r\n    20s\r\n    linear\r\n    infinite;\r\n}\r\n\r\n@keyframes gp06ring{\r\n\r\n  to{\r\n    transform:\r\n      translate(-50%,-50%)\r\n      rotate(360deg);\r\n  }\r\n\r\n}\r\n\r\n@keyframes gp06ringReverse{\r\n\r\n  to{\r\n    transform:\r\n      translate(-50%,-50%)\r\n      rotate(-360deg);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ORBIT\r\n   ========================================================= *\/\r\n\r\n#gp06-modal .orbit{\r\n  position:absolute;\r\n\r\n  width:220px;\r\n  height:220px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.30);\r\n\r\n  border-radius:50%;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  animation:\r\n    gp06orbit\r\n    9s\r\n    linear\r\n    infinite;\r\n}\r\n\r\n#gp06-modal .orbit::before,\r\n#gp06-modal .orbit::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:8px;\r\n  height:8px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#F04B4B;\r\n\r\n  box-shadow:\r\n    0 0 0 6px\r\n    rgba(240,75,75,.08),\r\n\r\n    0 0 18px\r\n    rgba(240,75,75,.50);\r\n}\r\n\r\n#gp06-modal .orbit::before{\r\n  left:18px;\r\n  top:40px;\r\n}\r\n\r\n#gp06-modal .orbit::after{\r\n  right:12px;\r\n  bottom:34px;\r\n}\r\n\r\n@keyframes gp06orbit{\r\n\r\n  to{\r\n    transform:\r\n      translate(-50%,-50%)\r\n      rotate(360deg);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CENTER\r\n   ========================================================= *\/\r\n\r\n#gp06-modal .center{\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  width:136px;\r\n  height:136px;\r\n\r\n  border-radius:34px;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 27% 18%,\r\n      rgba(255,255,255,.34),\r\n      transparent 28%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #FF7777 0%,\r\n      #F04B4B 45%,\r\n      #D93636 100%\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.42);\r\n\r\n  color:#fff;\r\n\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  gap:0;\r\n\r\n  box-shadow:\r\n\r\n    0 22px 48px\r\n    rgba(240,75,75,.30),\r\n\r\n    0 0 0 9px\r\n    rgba(240,75,75,.06),\r\n\r\n    0 0 65px\r\n    rgba(240,75,75,.18);\r\n\r\n  animation:\r\n    gp06CenterFloat\r\n    4s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n#gp06-modal .center::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:7px;\r\n\r\n  border-radius:27px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.34);\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(255,255,255,.09),\r\n      transparent 58%\r\n    );\r\n}\r\n\r\n#gp06-modal .center::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:-32px;\r\n\r\n  border-radius:52px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(240,75,75,.28),\r\n      rgba(240,75,75,0) 69%\r\n    );\r\n\r\n  filter:blur(12px);\r\n\r\n  animation:\r\n    gp06Aura\r\n    3.4s\r\n    ease-in-out\r\n    infinite;\r\n\r\n  z-index:-1;\r\n}\r\n\r\n#gp06-modal .center b{\r\n  font-size:45px;\r\n\r\n  font-weight:900;\r\n\r\n  line-height:.85;\r\n\r\n  color:#fff;\r\n\r\n  text-shadow:\r\n    0 7px 20px\r\n    rgba(120,20,20,.22);\r\n}\r\n\r\n#gp06-modal .center small{\r\n  margin-top:13px;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:900;\r\n\r\n  letter-spacing:1.4px;\r\n\r\n  color:#fff;\r\n}\r\n\r\n@keyframes gp06CenterFloat{\r\n\r\n  0%,100%{\r\n    transform:\r\n      translate(-50%,-50%)\r\n      translateY(0);\r\n  }\r\n\r\n  50%{\r\n    transform:\r\n      translate(-50%,-50%)\r\n      translateY(-5px);\r\n  }\r\n\r\n}\r\n\r\n@keyframes gp06Aura{\r\n\r\n  0%,100%{\r\n    transform:scale(.88);\r\n    opacity:.55;\r\n  }\r\n\r\n  50%{\r\n    transform:scale(1.14);\r\n    opacity:1;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NODES\r\n   ========================================================= *\/\r\n\r\n#gp06-modal .node{\r\n  position:absolute;\r\n\r\n  width:145px;\r\n  min-height:98px;\r\n\r\n  padding:13px;\r\n\r\n  border-radius:18px;\r\n\r\n  background:\r\n    rgba(255,255,255,.96);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.16);\r\n\r\n  box-shadow:\r\n    0 15px 32px\r\n    rgba(45,60,125,.12),\r\n\r\n    0 0 0 1px\r\n    rgba(255,255,255,.6)\r\n    inset;\r\n\r\n  display:flex;\r\n\r\n  gap:9px;\r\n\r\n  align-items:center;\r\n\r\n  transition:\r\n    .35s\r\n    cubic-bezier(.2,.8,.2,1);\r\n\r\n  animation:\r\n    gp06float\r\n    4.5s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n#gp06-modal .node:nth-of-type(2){\r\n  animation-delay:-1.1s;\r\n}\r\n\r\n#gp06-modal .node:nth-of-type(3){\r\n  animation-delay:-2.2s;\r\n}\r\n\r\n#gp06-modal .node:nth-of-type(4){\r\n  animation-delay:-3.3s;\r\n}\r\n\r\n#gp06-modal .node:hover{\r\n  transform:\r\n    translateY(-8px)\r\n    scale(1.025);\r\n\r\n  border-color:\r\n    rgba(var(--ar),.4);\r\n\r\n  box-shadow:\r\n    0 22px 42px\r\n    rgba(var(--ar),.18),\r\n\r\n    0 0 0 1px\r\n    rgba(255,255,255,.8)\r\n    inset;\r\n}\r\n\r\n@keyframes gp06float{\r\n\r\n  0%,100%{\r\n    transform:translateY(0);\r\n  }\r\n\r\n  50%{\r\n    transform:translateY(-7px);\r\n  }\r\n\r\n}\r\n\r\n#gp06-modal .n1{\r\n  left:0;\r\n  top:4px;\r\n}\r\n\r\n#gp06-modal .n2{\r\n  right:0;\r\n  top:4px;\r\n}\r\n\r\n#gp06-modal .n3{\r\n  left:0;\r\n  bottom:4px;\r\n}\r\n\r\n#gp06-modal .n4{\r\n  right:0;\r\n  bottom:4px;\r\n}\r\n\r\n#gp06-modal .icon{\r\n  width:50px;\r\n  height:50px;\r\n\r\n  flex:0 0 50px;\r\n\r\n  border-radius:15px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  font-size:21px;\r\n\r\n  box-shadow:\r\n    0 7px 17px\r\n    rgba(var(--ar),.13),\r\n\r\n    inset 0 0 0 1px\r\n    rgba(var(--ar),.08);\r\n}\r\n\r\n#gp06-modal .node strong{\r\n  display:block;\r\n\r\n  font-size:11px;\r\n\r\n  color:#243e78;\r\n}\r\n\r\n#gp06-modal .node small{\r\n  display:block;\r\n\r\n  font-size:9px;\r\n\r\n  color:#7285a9;\r\n\r\n  margin-top:4px;\r\n\r\n  line-height:1.4;\r\n}\r\n\r\n#gp06-modal .node::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  right:10px;\r\n  top:10px;\r\n\r\n  width:6px;\r\n  height:6px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#F04B4B;\r\n\r\n  box-shadow:\r\n    0 0 0 4px\r\n    rgba(240,75,75,.08),\r\n\r\n    0 0 10px\r\n    rgba(240,75,75,.42);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON COLORS\r\n   ========================================================= *\/\r\n\r\n#gp06-modal .sheets-icon{\r\n  background:#E7F8EE;\r\n  color:#16A878;\r\n}\r\n\r\n#gp06-modal .forms-icon{\r\n  background:#F1EBFF;\r\n  color:#7248D8;\r\n}\r\n\r\n#gp06-modal .docs-icon{\r\n  background:#EAF3FF;\r\n  color:#4285F4;\r\n}\r\n\r\n#gp06-modal .pdf-icon{\r\n  background:#FFF0F0;\r\n  color:#F04B4B;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n   ========================================================= *\/\r\n\r\n#gp06-modal .content{\r\n  position:relative;\r\n\r\n  padding:\r\n    62px\r\n    82px\r\n    70px;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 0% 8%,\r\n      rgba(240,75,75,.065),\r\n      transparent 22%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 100% 30%,\r\n      rgba(240,75,75,.055),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 50% 100%,\r\n      rgba(240,75,75,.035),\r\n      transparent 30%\r\n    ),\r\n\r\n    #fff;\r\n}\r\n\r\n#gp06-modal .content::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:0;\r\n  left:8%;\r\n\r\n  width:84%;\r\n  height:2px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(240,75,75,.15),\r\n      #FF7777,\r\n      rgba(240,75,75,.15),\r\n      transparent\r\n    );\r\n\r\n  opacity:.65;\r\n\r\n  animation:\r\n    gp06contentline\r\n    5s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n@keyframes gp06contentline{\r\n\r\n  0%,100%{\r\n    transform:scaleX(.72);\r\n    opacity:.45;\r\n  }\r\n\r\n  50%{\r\n    transform:scaleX(1);\r\n    opacity:.85;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n   ========================================================= *\/\r\n\r\n#gp06-modal .label{\r\n  position:relative;\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  font-size:11px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:1.5px;\r\n\r\n  color:var(--a);\r\n\r\n  margin:0 0 10px;\r\n}\r\n\r\n#gp06-modal .label::before{\r\n  content:\"\";\r\n\r\n  width:24px;\r\n  height:3px;\r\n\r\n  border-radius:10px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #F04B4B,\r\n      #FF9A9A\r\n    );\r\n\r\n  box-shadow:\r\n    0 0 12px\r\n    rgba(240,75,75,.28);\r\n\r\n  animation:\r\n    gp06label\r\n    2.4s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n@keyframes gp06label{\r\n\r\n  0%,100%{\r\n    width:24px;\r\n    opacity:1;\r\n  }\r\n\r\n  50%{\r\n    width:36px;\r\n    opacity:.68;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADINGS\r\n   ========================================================= *\/\r\n\r\n#gp06-modal .heading{\r\n  position:relative;\r\n\r\n  font-size:34px;\r\n\r\n  color:#173574;\r\n\r\n  margin:0 0 16px;\r\n\r\n  letter-spacing:-.9px;\r\n}\r\n\r\n#gp06-modal .heading::after{\r\n  content:\"\";\r\n\r\n  display:block;\r\n\r\n  width:54px;\r\n  height:4px;\r\n\r\n  margin-top:13px;\r\n\r\n  border-radius:10px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #F04B4B,\r\n      #FF9292,\r\n      transparent\r\n    );\r\n\r\n  animation:\r\n    gp06headingline\r\n    3s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n@keyframes gp06headingline{\r\n\r\n  50%{\r\n    width:95px;\r\n    opacity:.72;\r\n  }\r\n\r\n}\r\n\r\n#gp06-modal .text{\r\n  color:#5b6f96;\r\n\r\n  line-height:1.75;\r\n\r\n  font-size:16px;\r\n\r\n  max-width:900px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NOTE\r\n   ========================================================= *\/\r\n\r\n#gp06-modal .note{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #FFF8F8,\r\n      #FFF0F0\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.16);\r\n\r\n  border-radius:14px;\r\n\r\n  padding:17px 20px;\r\n\r\n  color:#53678f;\r\n\r\n  margin:25px 0 35px;\r\n\r\n  line-height:1.6;\r\n\r\n  box-shadow:\r\n    0 10px 28px\r\n    rgba(var(--ar),.05);\r\n}\r\n\r\n#gp06-modal .note::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:-25%;\r\n  top:0;\r\n\r\n  width:20%;\r\n  height:100%;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(255,255,255,.65),\r\n      transparent\r\n    );\r\n\r\n  transform:skewX(-18deg);\r\n\r\n  animation:\r\n    gp06sweep\r\n    5s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n@keyframes gp06sweep{\r\n\r\n  50%{\r\n    left:120%;\r\n  }\r\n\r\n}\r\n\r\n#gp06-modal .note strong{\r\n  color:#D93636;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARDS\r\n   ========================================================= *\/\r\n\r\n#gp06-modal .cards{\r\n  position:relative;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n  gap:17px;\r\n\r\n  margin:0 0 60px;\r\n}\r\n\r\n#gp06-modal .card{\r\n  padding:24px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.12);\r\n\r\n  border-radius:15px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #fff,\r\n      #FFF9F9\r\n    );\r\n\r\n  min-height:175px;\r\n\r\n  transition:\r\n    .32s\r\n    cubic-bezier(.2,.8,.2,1);\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  animation:\r\n    gp06cardin\r\n    .7s\r\n    both;\r\n}\r\n\r\n#gp06-modal .card:nth-child(2){\r\n  animation-delay:.08s;\r\n}\r\n\r\n#gp06-modal .card:nth-child(3){\r\n  animation-delay:.16s;\r\n}\r\n\r\n#gp06-modal .card:nth-child(4){\r\n  animation-delay:.24s;\r\n}\r\n\r\n#gp06-modal .card:nth-child(5){\r\n  animation-delay:.32s;\r\n}\r\n\r\n#gp06-modal .card:nth-child(6){\r\n  animation-delay:.40s;\r\n}\r\n\r\n#gp06-modal .card::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:0;\r\n  top:0;\r\n\r\n  width:100%;\r\n  height:3px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      var(--a),\r\n      #FF9292,\r\n      transparent\r\n    );\r\n\r\n  transform:scaleX(.25);\r\n\r\n  transition:.35s ease;\r\n}\r\n\r\n#gp06-modal .card::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  right:-35px;\r\n  top:-35px;\r\n\r\n  width:100px;\r\n  height:100px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    rgba(var(--ar),.055);\r\n\r\n  filter:blur(2px);\r\n}\r\n\r\n#gp06-modal .card:hover{\r\n  transform:\r\n    translateY(-7px)\r\n    scale(1.008);\r\n\r\n  border-color:\r\n    rgba(var(--ar),.30);\r\n\r\n  box-shadow:\r\n    0 20px 42px\r\n    rgba(var(--ar),.12),\r\n\r\n    0 0 0 4px\r\n    rgba(var(--ar),.03);\r\n}\r\n\r\n#gp06-modal .card:hover::before{\r\n  transform:scaleX(1);\r\n}\r\n\r\n@keyframes gp06cardin{\r\n\r\n  from{\r\n    opacity:0;\r\n\r\n    transform:\r\n      translateY(18px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n\r\n    transform:none;\r\n  }\r\n\r\n}\r\n\r\n#gp06-modal .card-icon{\r\n  width:48px;\r\n  height:48px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  font-size:22px;\r\n\r\n  color:var(--a);\r\n\r\n  margin-bottom:14px;\r\n\r\n  border-radius:14px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #FFF0F0,\r\n      #FFE1E1\r\n    );\r\n\r\n  box-shadow:\r\n    0 8px 18px\r\n    rgba(var(--ar),.10),\r\n\r\n    inset 0 0 0 1px\r\n    rgba(var(--ar),.08);\r\n\r\n  transition:.3s ease;\r\n}\r\n\r\n#gp06-modal .card:hover .card-icon{\r\n  transform:\r\n    rotate(-5deg)\r\n    scale(1.08);\r\n\r\n  box-shadow:\r\n    0 12px 24px\r\n    rgba(var(--ar),.18);\r\n}\r\n\r\n#gp06-modal .card h3{\r\n  margin:0 0 8px;\r\n\r\n  color:#243e78;\r\n\r\n  font-size:17px;\r\n}\r\n\r\n#gp06-modal .card p{\r\n  margin:0;\r\n\r\n  color:#687b9e;\r\n\r\n  line-height:1.6;\r\n\r\n  font-size:14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROCESS\r\n   ========================================================= *\/\r\n\r\n#gp06-modal .process{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 10% 0%,\r\n      rgba(var(--ar),.07),\r\n      transparent 28%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #FFF9F9,\r\n      #FFF3F3\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.13);\r\n\r\n  border-radius:20px;\r\n\r\n  padding:28px;\r\n\r\n  margin:20px 0 60px;\r\n}\r\n\r\n#gp06-modal .process::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:0;\r\n  left:-30%;\r\n\r\n  width:28%;\r\n  height:3px;\r\n\r\n  border-radius:99px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      #F04B4B,\r\n      #FF9292,\r\n      transparent\r\n    );\r\n\r\n  box-shadow:\r\n    0 0 18px\r\n    rgba(240,75,75,.25);\r\n\r\n  animation:\r\n    gp06processglow\r\n    5s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n#gp06-modal .process::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:90px;\r\n  height:90px;\r\n\r\n  right:-25px;\r\n  bottom:-45px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    rgba(240,75,75,.07);\r\n\r\n  filter:blur(12px);\r\n\r\n  animation:\r\n    gp06processorb\r\n    6s\r\n    ease-in-out\r\n    infinite\r\n    alternate;\r\n}\r\n\r\n@keyframes gp06processorb{\r\n\r\n  to{\r\n    transform:\r\n      translate(-45px,-20px)\r\n      scale(1.3);\r\n  }\r\n\r\n}\r\n\r\n@keyframes gp06processglow{\r\n\r\n  to{\r\n    left:120%;\r\n  }\r\n\r\n}\r\n\r\n#gp06-modal .steps{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4,1fr);\r\n\r\n  gap:18px;\r\n}\r\n\r\n#gp06-modal .step-number{\r\n  width:42px;\r\n  height:42px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--a),\r\n      var(--ad)\r\n    );\r\n\r\n  color:#fff;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  font-weight:800;\r\n\r\n  margin-bottom:12px;\r\n\r\n  box-shadow:\r\n    0 8px 20px\r\n    rgba(var(--ar),.18);\r\n\r\n  animation:\r\n    gp06step\r\n    3s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n#gp06-modal .step:nth-child(2)\r\n.step-number{\r\n  animation-delay:.35s;\r\n}\r\n\r\n#gp06-modal .step:nth-child(3)\r\n.step-number{\r\n  animation-delay:.70s;\r\n}\r\n\r\n#gp06-modal .step:nth-child(4)\r\n.step-number{\r\n  animation-delay:1.05s;\r\n}\r\n\r\n@keyframes gp06step{\r\n\r\n  50%{\r\n    transform:translateY(-3px);\r\n\r\n    box-shadow:\r\n      0 12px 25px\r\n      rgba(var(--ar),.25);\r\n  }\r\n\r\n}\r\n\r\n#gp06-modal .step h3{\r\n  color:#243e78;\r\n\r\n  font-size:16px;\r\n}\r\n\r\n#gp06-modal .step p{\r\n  color:#687b9e;\r\n\r\n  font-size:13px;\r\n\r\n  line-height:1.55;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BEFORE \/ AFTER\r\n   ========================================================= *\/\r\n\r\n#gp06-modal .example{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr 70px 1fr;\r\n\r\n  gap:18px;\r\n\r\n  align-items:center;\r\n\r\n  margin:25px 0 30px;\r\n}\r\n\r\n#gp06-modal .box{\r\n  padding:24px;\r\n\r\n  border:\r\n    1px solid\r\n    #dfe4f5;\r\n\r\n  border-radius:18px;\r\n\r\n  background:#fff;\r\n\r\n  transition:.3s ease;\r\n}\r\n\r\n#gp06-modal .box:hover{\r\n  transform:translateY(-4px);\r\n\r\n  box-shadow:\r\n    0 14px 28px\r\n    rgba(var(--ar),.08);\r\n}\r\n\r\n#gp06-modal .box.after{\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #FFF2F2,\r\n      #FFE7E7\r\n    );\r\n\r\n  border-color:\r\n    rgba(var(--ar),.20);\r\n}\r\n\r\n#gp06-modal .box-label{\r\n  font-size:10px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:1.3px;\r\n\r\n  color:var(--a);\r\n}\r\n\r\n#gp06-modal .box h3{\r\n  color:#243e78;\r\n}\r\n\r\n#gp06-modal .box p{\r\n  color:#687b9e;\r\n\r\n  line-height:1.6;\r\n}\r\n\r\n#gp06-modal .arrow{\r\n  text-align:center;\r\n\r\n  font-size:30px;\r\n\r\n  color:var(--a);\r\n\r\n  animation:\r\n    gp06arrow\r\n    1.8s\r\n    ease-in-out\r\n    infinite;\r\n\r\n  text-shadow:\r\n    0 4px 14px\r\n    rgba(var(--ar),.18);\r\n}\r\n\r\n@keyframes gp06arrow{\r\n\r\n  50%{\r\n    transform:\r\n      translateX(8px)\r\n      scale(1.08);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOW\r\n   ========================================================= *\/\r\n\r\n#gp06-modal .flow{\r\n  display:flex;\r\n\r\n  justify-content:center;\r\n  align-items:center;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:10px;\r\n\r\n  margin:30px 0 60px;\r\n}\r\n\r\n#gp06-modal .flow span{\r\n  padding:9px 13px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#FFF0F0;\r\n\r\n  color:#4f5f94;\r\n\r\n  font-size:11px;\r\n\r\n  font-weight:800;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.10);\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n#gp06-modal .flow span:hover{\r\n  transform:translateY(-3px);\r\n\r\n  color:var(--a);\r\n\r\n  box-shadow:\r\n    0 8px 18px\r\n    rgba(var(--ar),.09);\r\n}\r\n\r\n#gp06-modal .flow b{\r\n  color:var(--a);\r\n\r\n  animation:\r\n    gp06flow\r\n    1.5s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n@keyframes gp06flow{\r\n\r\n  50%{\r\n    transform:translateX(3px);\r\n\r\n    opacity:.65;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOOLS\r\n   ========================================================= *\/\r\n\r\n#gp06-modal .tools{\r\n  display:flex;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:10px;\r\n\r\n  margin:20px 0 60px;\r\n}\r\n\r\n#gp06-modal .tool{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:11px 14px;\r\n\r\n  border:\r\n    1px solid\r\n    #dfe4f5;\r\n\r\n  border-radius:12px;\r\n\r\n  color:#53678f;\r\n\r\n  font-size:13px;\r\n\r\n  background:#fff;\r\n\r\n  transition:.28s ease;\r\n}\r\n\r\n#gp06-modal .tool:hover{\r\n  transform:\r\n    translateY(-4px)\r\n    scale(1.015);\r\n\r\n  border-color:\r\n    rgba(var(--ar),.30);\r\n\r\n  color:var(--a);\r\n\r\n  box-shadow:\r\n    0 10px 20px\r\n    rgba(var(--ar),.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESULTS\r\n   ========================================================= *\/\r\n\r\n#gp06-modal .results{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n  gap:12px;\r\n\r\n  margin:20px 0 55px;\r\n}\r\n\r\n#gp06-modal .result{\r\n  padding:14px 16px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #FFF9F9,\r\n      #FFF1F1\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.09);\r\n\r\n  color:#53678f;\r\n\r\n  font-size:14px;\r\n\r\n  transition:.28s ease;\r\n}\r\n\r\n#gp06-modal .result:hover{\r\n  transform:translateY(-3px);\r\n\r\n  border-color:\r\n    rgba(var(--ar),.23);\r\n\r\n  box-shadow:\r\n    0 10px 20px\r\n    rgba(var(--ar),.08);\r\n}\r\n\r\n#gp06-modal .result b{\r\n  color:var(--a);\r\n\r\n  margin-right:8px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FINAL CTA\r\n   ========================================================= *\/\r\n\r\n#gp06-modal .cta{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:24px;\r\n\r\n  padding:42px 44px;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 10% 10%,\r\n      rgba(255,255,255,.18),\r\n      transparent 28%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 90% 90%,\r\n      rgba(255,180,180,.20),\r\n      transparent 30%\r\n    ),\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      #F04B4B 0%,\r\n      #E84242 43%,\r\n      #D93636 100%\r\n    );\r\n\r\n  color:#fff;\r\n\r\n  display:flex;\r\n\r\n  justify-content:space-between;\r\n  align-items:center;\r\n\r\n  gap:30px;\r\n\r\n  box-shadow:\r\n    0 22px 55px\r\n    rgba(var(--ar),.27);\r\n}\r\n\r\n#gp06-modal .cta::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:380px;\r\n  height:380px;\r\n\r\n  left:-150px;\r\n  top:-235px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(255,255,255,.23),\r\n      transparent 68%\r\n    );\r\n\r\n  filter:blur(8px);\r\n\r\n  animation:\r\n    gp06orb1\r\n    8s\r\n    ease-in-out\r\n    infinite\r\n    alternate;\r\n}\r\n\r\n#gp06-modal .cta::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:350px;\r\n  height:350px;\r\n\r\n  right:-120px;\r\n  bottom:-220px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(255,255,255,.19),\r\n      rgba(255,180,180,.17) 30%,\r\n      transparent 70%\r\n    );\r\n\r\n  filter:blur(9px);\r\n\r\n  animation:\r\n    gp06orb2\r\n    11s\r\n    ease-in-out\r\n    infinite\r\n    alternate;\r\n}\r\n\r\n@keyframes gp06orb1{\r\n\r\n  to{\r\n    transform:\r\n      translate(130px,60px)\r\n      scale(1.12);\r\n  }\r\n\r\n}\r\n\r\n@keyframes gp06orb2{\r\n\r\n  to{\r\n    transform:\r\n      translate(-80px,-40px)\r\n      scale(1.1);\r\n  }\r\n\r\n}\r\n\r\n#gp06-modal .cta > *{\r\n  position:relative;\r\n\r\n  z-index:3;\r\n}\r\n\r\n#gp06-modal .cta h2{\r\n  margin:0 0 8px;\r\n\r\n  font-size:34px;\r\n\r\n  letter-spacing:-.8px;\r\n\r\n  color:#fff !important;\r\n\r\n  text-shadow:\r\n    0 5px 22px\r\n    rgba(100,20,20,.20);\r\n}\r\n\r\n#gp06-modal .cta p{\r\n  margin:0;\r\n\r\n  color:\r\n    rgba(255,255,255,.94) !important;\r\n\r\n  opacity:1;\r\n\r\n  line-height:1.65;\r\n\r\n  max-width:620px;\r\n}\r\n\r\n#gp06-modal .cta a{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #ffffff 0%,\r\n      #FFF8F8 52%,\r\n      #FFECEC 100%\r\n    );\r\n\r\n  color:#D93636;\r\n\r\n  padding:14px 21px;\r\n\r\n  border-radius:11px;\r\n\r\n  text-decoration:none;\r\n\r\n  font-weight:800;\r\n\r\n  white-space:nowrap;\r\n\r\n  box-shadow:\r\n    0 12px 28px\r\n    rgba(20,30,85,.16),\r\n\r\n    inset 0 1px 0\r\n    rgba(255,255,255,1);\r\n\r\n  transition:\r\n    .32s\r\n    cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n#gp06-modal .cta a::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      110deg,\r\n      transparent 20%,\r\n      rgba(240,75,75,.13) 48%,\r\n      transparent 72%\r\n    );\r\n\r\n  transform:translateX(-120%);\r\n\r\n  animation:\r\n    gp06ctabtn\r\n    3.8s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n@keyframes gp06ctabtn{\r\n\r\n  0%,45%{\r\n    transform:translateX(-120%);\r\n  }\r\n\r\n  70%,100%{\r\n    transform:translateX(120%);\r\n  }\r\n\r\n}\r\n\r\n#gp06-modal .cta a::after{\r\n  content:\"\u2192\";\r\n\r\n  display:inline-block;\r\n\r\n  margin-left:7px;\r\n\r\n  transition:.32s ease;\r\n}\r\n\r\n#gp06-modal .cta a:hover{\r\n  transform:\r\n    translateY(-5px)\r\n    scale(1.025);\r\n\r\n  box-shadow:\r\n    0 20px 40px\r\n    rgba(20,30,85,.25);\r\n}\r\n\r\n#gp06-modal .cta a:hover::after{\r\n  transform:translateX(6px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n   ========================================================= *\/\r\n\r\n@media(max-width:900px){\r\n\r\n  #gp06-modal .hero,\r\n  #gp06-modal .content{\r\n    padding:40px 25px;\r\n  }\r\n\r\n  #gp06-modal .hero-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #gp06-modal .visual{\r\n    min-width:0;\r\n  }\r\n\r\n  #gp06-modal .cards,\r\n  #gp06-modal .steps,\r\n  #gp06-modal .results{\r\n    grid-template-columns:\r\n      1fr 1fr;\r\n  }\r\n\r\n  #gp06-modal .cta{\r\n    flex-direction:column;\r\n\r\n    align-items:flex-start;\r\n  }\r\n\r\n}\r\n\r\n@media(max-width:600px){\r\n\r\n  #gp06-modal{\r\n    padding:10px;\r\n  }\r\n\r\n  #gp06-modal .win{\r\n    width:\r\n      calc(100vw - 20px)!important;\r\n\r\n    border-radius:\r\n      18px!important;\r\n  }\r\n\r\n  #gp06-modal .hero,\r\n  #gp06-modal .content{\r\n    padding:\r\n      35px 20px!important;\r\n  }\r\n\r\n  #gp06-modal .visual{\r\n    height:315px;\r\n\r\n    transform:scale(.72);\r\n\r\n    margin:-20px -50px;\r\n  }\r\n\r\n  #gp06-modal .title{\r\n    letter-spacing:-1.7px;\r\n  }\r\n\r\n  #gp06-modal .cards,\r\n  #gp06-modal .steps,\r\n  #gp06-modal .results{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #gp06-modal .example{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #gp06-modal .arrow{\r\n    transform:rotate(90deg);\r\n  }\r\n\r\n  #gp06-modal .cta{\r\n    padding:\r\n      30px 25px!important;\r\n  }\r\n\r\n  #gp06-modal .cta h2{\r\n    font-size:27px;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<div id=\"gp06\">\r\n\r\n  <!-- =====================================================\r\n       LEARN MORE BUTTON\r\n       ===================================================== -->\r\n\r\n  <button\r\n    type=\"button\"\r\n    class=\"gp06-btn\"\r\n    id=\"gp06-open\"\r\n  >\r\n    Scopri di pi\u00f9\r\n  <\/button>\r\n\r\n\r\n  <!-- =====================================================\r\n       MODAL\r\n       ===================================================== -->\r\n\r\n  <div\r\n    id=\"gp06-modal\"\r\n    aria-hidden=\"true\"\r\n  >\r\n\r\n    <div class=\"win\">\r\n\r\n      <button\r\n        class=\"close\"\r\n        type=\"button\"\r\n        aria-label=\"Close\"\r\n      >\r\n        \u00d7\r\n      <\/button>\r\n\r\n\r\n      <div class=\"scroll\">\r\n\r\n\r\n        <!-- =================================================\r\n             HERO\r\n             ================================================= -->\r\n\r\n        <section class=\"hero\">\r\n\r\n          <div class=\"hero-grid\">\r\n\r\n\r\n            <div>\r\n\r\n              <div class=\"eyebrow\">\r\n                SERVIZIO 06 \u00b7 AUTOMAZIONE DEI DOCUMENTI\r\n              <\/div>\r\n\r\n              <h1 class=\"title\">\r\n\r\n                Automazione\r\n                <span>documenti<\/span>\r\n\r\n              <\/h1>\r\n\r\n              <p class=\"desc\">\r\n                Creo automaticamente PDF, report, contratti e documenti personalizzati a partire dai dati raccolti tramite Google Forms e Google Sheets.\r\n              <\/p>\r\n\r\n\r\n              <div class=\"tags\">\r\n\r\n                <span class=\"tag\">\r\n                  \u25eb Google Forms\r\n                <\/span>\r\n\r\n                <span class=\"tag\">\r\n                  Google Fogli\r\n                <\/span>\r\n\r\n                <span class=\"tag\">\r\n                  Google Documenti\r\n                <\/span>\r\n\r\n                <span class=\"tag\">\r\n                  Generazione di PDF\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 HERO VISUAL\r\n                 ================================================= -->\r\n\r\n            <div class=\"visual\">\r\n\r\n              <div class=\"orbit\"><\/div>\r\n\r\n\r\n              <!-- GOOGLE SHEETS -->\r\n\r\n              <div class=\"node n1\">\r\n\r\n                <div class=\"icon sheets-icon\">\r\n                  \u25a6\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                  <strong>\r\n                    Google Sheets\r\n                  <\/strong>\r\n\r\n                  <small>\r\n                    Business data\r\n                  <\/small>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- GOOGLE FORMS -->\r\n\r\n              <div class=\"node n2\">\r\n\r\n                <div class=\"icon forms-icon\">\r\n                  \u25eb\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                  <strong>\r\n                    Google Forms\r\n                  <\/strong>\r\n\r\n                  <small>\r\n                    Raccogliere informazioni\r\n                  <\/small>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- GOOGLE DOCS -->\r\n\r\n              <div class=\"node n3\">\r\n\r\n                <div class=\"icon docs-icon\">\r\n                  \u25a4\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                  <strong>\r\n                    Google Documenti\r\n                  <\/strong>\r\n\r\n                  <small>\r\n                    Modelli di documenti\r\n                  <\/small>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- PDF -->\r\n\r\n              <div class=\"node n4\">\r\n\r\n                <div class=\"icon pdf-icon\">\r\n                  PDF\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                  <strong>\r\n                    PDF\r\n                  <\/strong>\r\n\r\n                  <small>\r\n                    Documento finale\r\n                  <\/small>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- CENTER -->\r\n\r\n              <div class=\"center\">\r\n\r\n                <b>\r\n                  \u2699\r\n                <\/b>\r\n\r\n                <small>\r\n                  DOCUMENTS\r\n                <\/small>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/section>\r\n\r\n\r\n        <!-- =================================================\r\n             CONTENT\r\n             ================================================= -->\r\n\r\n        <section class=\"content\">\r\n\r\n\r\n          <!-- =================================================\r\n               INTRO\r\n               ================================================= -->\r\n\r\n          <div class=\"label\">\r\n            DOCUMENT AUTOMATION\r\n          <\/div>\r\n\r\n          <h2 class=\"heading\">\r\n            Trasforma le informazioni raccolte in documenti pronti all\u2019uso\r\n          <\/h2>\r\n\r\n          <p class=\"text\">\r\n            Molte aziende raccolgono informazioni tramite Google Forms o fogli di calcolo e poi le inseriscono manualmente in contratti, report, conferme, PDF o altri documenti. Creo flussi di lavoro automatizzati che trasformano questi dati in documenti pronti all\u2019uso.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"note\">\r\n\r\n            <strong>\r\n              Un\u2019unica fonte di informazioni. Documenti generati automaticamente.\r\n            <\/strong>\r\n\r\n            Invece di copiare le stesse informazioni da un file all\u2019altro, il flusso di lavoro utilizza i dati gi\u00e0 raccolti tramite Google Forms o Google Sheets per creare automaticamente documenti personalizzati.\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               SERVICES\r\n               ================================================= -->\r\n\r\n          <div class=\"cards\">\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \ud83d\udcc4\r\n              <\/div>\r\n\r\n              <h3>\r\n                Generazione di PDF\r\n              <\/h3>\r\n\r\n              <p>\r\n                Automatically generate professional PDFs\r\n                from information stored in Google Forms,\r\n                Sheets or other Workspace tools.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \u25a4\r\n              <\/div>\r\n\r\n              <h3>\r\n                Modelli di documenti\r\n              <\/h3>\r\n\r\n              <p>\r\n                Crea modelli Google Docs riutilizzabili con campi dinamici che possono essere compilati automaticamente.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \ud83d\udcca\r\n              <\/div>\r\n\r\n              <h3>\r\n                Report automatizzati\r\n              <\/h3>\r\n\r\n              <p>\r\n                Transform spreadsheet data into structured\r\n                reports without manually preparing the same\r\n                documents every time.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \u270e\r\n              <\/div>\r\n\r\n              <h3>\r\n                Contracts & Agreements\r\n              <\/h3>\r\n\r\n              <p>\r\n                Genera contratti, accordi e altri documenti aziendali ricorrenti personalizzati utilizzando modelli predefiniti.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \ud83d\udc64\r\n              <\/div>\r\n\r\n              <h3>\r\n                Personalized Documents\r\n              <\/h3>\r\n\r\n              <p>\r\n                Inserisci automaticamente nomi, indirizzi, date, importi e altre informazioni nei documenti, utilizzando i dati raccolti.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \u26a1\r\n              <\/div>\r\n\r\n              <h3>\r\n                Flussi di lavoro automatizzati\r\n              <\/h3>\r\n\r\n              <p>\r\n                Collega moduli, fogli di calcolo, documenti e PDF in un unico processo automatizzato.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               PROCESS\r\n               ================================================= -->\r\n\r\n          <div class=\"label\">\r\n            IL PROCESSO\r\n          <\/div>\r\n\r\n          <h2 class=\"heading\">\r\n            Dai dati inviati al documento finale\r\n          <\/h2>\r\n\r\n          <p class=\"text\">\r\n            Il flusso di lavoro parte dalle informazioni gi\u00e0 raccolte dalla tua attivit\u00e0 e le trasforma automaticamente nel documento necessario, riducendo le operazioni ripetitive di copia e formattazione.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"process\">\r\n\r\n            <div class=\"steps\">\r\n\r\n\r\n              <div class=\"step\">\r\n\r\n                <div class=\"step-number\">\r\n                  01\r\n                <\/div>\r\n\r\n                <h3>\r\n                  Raccogli\r\n                <\/h3>\r\n\r\n                <p>\r\n                  Le informazioni vengono raccolte tramite Google Forms, Google Sheets o un\u2019altra fonte.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"step\">\r\n\r\n                <div class=\"step-number\">\r\n                  02\r\n                <\/div>\r\n\r\n                <h3>\r\n                  Process\r\n                <\/h3>\r\n\r\n                <p>\r\n                  Il flusso di lavoro individua ed elabora le informazioni necessarie per il documento.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"step\">\r\n\r\n                <div class=\"step-number\">\r\n                  03\r\n                <\/div>\r\n\r\n                <h3>\r\n                  Genera\r\n                <\/h3>\r\n\r\n                <p>\r\n                  Un modello di documento predefinito viene compilato automaticamente con i dati.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"step\">\r\n\r\n                <div class=\"step-number\">\r\n                  04\r\n                <\/div>\r\n\r\n                <h3>\r\n                  Invia\r\n                <\/h3>\r\n\r\n                <p>\r\n                  Il documento o PDF finale pu\u00f2 essere salvato, organizzato o inviato automaticamente.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               BEFORE \/ AFTER\r\n               ================================================= -->\r\n\r\n          <div class=\"label\">\r\n            PRIMA \u2192 DOPO\r\n          <\/div>\r\n\r\n          <h2 class=\"heading\">\r\n            Smetti di copiare le stesse informazioni nei documenti\r\n          <\/h2>\r\n\r\n          <p class=\"text\">\r\n            L\u2019automazione dei documenti elimina l\u2019inserimento ripetitivo dei dati e rende la creazione dei documenti ricorrenti pi\u00f9 rapida e uniforme.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"example\">\r\n\r\n\r\n            <div class=\"box\">\r\n\r\n              <div class=\"box-label\">\r\n                PRIMA\r\n              <\/div>\r\n\r\n              <h3>\r\n                Creazione manuale dei documenti\r\n              <\/h3>\r\n\r\n              <p>\r\n                Viene inviato un modulo e qualcuno deve aprire manualmente un modello, copiare le informazioni, compilare i campi, formattare il documento ed esportare il PDF finale.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"arrow\">\r\n              \u2192\r\n            <\/div>\r\n\r\n\r\n            <div class=\"box after\">\r\n\r\n              <div class=\"box-label\">\r\n                DOPO\r\n              <\/div>\r\n\r\n              <h3>\r\n                Generazione automatica\r\n              <\/h3>\r\n\r\n              <p>\r\n                Le informazioni inviate compilano automaticamente il modello di documento e generano il documento finale personalizzato, riducendo al minimo l\u2019intervento manuale.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               FLOW\r\n               ================================================= -->\r\n\r\n          <div class=\"flow\">\r\n\r\n            <span>\r\n              MODULO\r\n            <\/span>\r\n\r\n            <b>\r\n              \u2192\r\n            <\/b>\r\n\r\n            <span>\r\n              DATA\r\n            <\/span>\r\n\r\n            <b>\r\n              \u2192\r\n            <\/b>\r\n\r\n            <span>\r\n              TEMPLATE\r\n            <\/span>\r\n\r\n            <b>\r\n              \u2192\r\n            <\/b>\r\n\r\n            <span>\r\n              DOCUMENTO\r\n            <\/span>\r\n\r\n            <b>\r\n              \u2192\r\n            <\/b>\r\n\r\n            <span>\r\n              PDF\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               TOOLS\r\n               ================================================= -->\r\n\r\n          <div class=\"label\">\r\n            STRUMENTI E PIATTAFORME\r\n          <\/div>\r\n\r\n          <h2 class=\"heading\">\r\n            Realizzato con Google Workspace\r\n          <\/h2>\r\n\r\n          <p class=\"text\">\r\n            Document workflows can be built using the Google\r\n            Workspace tools your business already uses,\r\n            combined with custom automation when required.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"tools\">\r\n\r\n            <div class=\"tool\">\r\n              \u25eb Google Forms\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              Google Fogli\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              Google Documenti\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              \u2601 Google Drive\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              \u26a1 Apps Script\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              Generazione di PDF\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              \u2699 Custom Templates\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              \u2197 Automated Workflows\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               RESULTS\r\n               ================================================= -->\r\n\r\n          <div class=\"label\">\r\n            IL RISULTATO\r\n          <\/div>\r\n\r\n          <h2 class=\"heading\">\r\n            Cosa ottiene la tua attivit\u00e0\r\n          <\/h2>\r\n\r\n          <p class=\"text\">\r\n            Il flusso di lavoro finale rende la creazione ricorrente di documenti pi\u00f9 rapida, uniforme e semplice da gestire, riducendo al contempo l\u2019inserimento manuale dei dati non necessario.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"results\">\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Meno inserimento manuale dei dati\r\n            <\/div>\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Creazione pi\u00f9 rapida dei documenti\r\n            <\/div>\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Formattazione uniforme dei documenti\r\n            <\/div>\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Generazione automatica di PDF\r\n            <\/div>\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Documenti personalizzati\r\n            <\/div>\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Meno attivit\u00e0 ripetitive\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               FINAL CTA\r\n               ================================================= -->\r\n\r\n          <div class=\"cta\">\r\n\r\n            <div>\r\n\r\n              <h2>\r\n                Hai un progetto in mente?\r\n              <\/h2>\r\n\r\n              <p>\r\n                Dimmi di cosa hai bisogno e costruiamo insieme la soluzione pi\u00f9 adatta al tuo flusso di lavoro.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n            <a href=\"\/it\/contact\/\">\r\n              Parliamone \u2192\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/section>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  const m =\r\n    document.getElementById('gp06-modal');\r\n\r\n  const o =\r\n    document.getElementById('gp06-open');\r\n\r\n  if(!m || !o) return;\r\n\r\n\r\n  \/*\r\n   * Move the modal directly under body.\r\n   * This prevents Elementor containers\r\n   * from affecting fixed positioning.\r\n   *\/\r\n\r\n  document.body.appendChild(m);\r\n\r\n\r\n  const c =\r\n    m.querySelector('.close');\r\n\r\n\r\n  function open(){\r\n\r\n    m.classList.add('open');\r\n\r\n    m.setAttribute(\r\n      'aria-hidden',\r\n      'false'\r\n    );\r\n\r\n    document.body.style.overflow =\r\n      'hidden';\r\n\r\n  }\r\n\r\n\r\n  function shut(){\r\n\r\n    m.classList.remove('open');\r\n\r\n    m.setAttribute(\r\n      'aria-hidden',\r\n      'true'\r\n    );\r\n\r\n    document.body.style.overflow =\r\n      '';\r\n\r\n  }\r\n\r\n\r\n  o.addEventListener(\r\n    'click',\r\n    function(e){\r\n\r\n      e.preventDefault();\r\n\r\n      open();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  c.addEventListener(\r\n    'click',\r\n    shut\r\n  );\r\n\r\n\r\n  m.addEventListener(\r\n    'click',\r\n    function(e){\r\n\r\n      if(e.target === m){\r\n\r\n        shut();\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n\r\n  document.addEventListener(\r\n    'keydown',\r\n    function(e){\r\n\r\n      if(\r\n        e.key === 'Escape' &&\r\n        m.classList.contains('open')\r\n      ){\r\n\r\n        shut();\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-87e6543 e-con-full e-transform e-flex e-con e-child\" data-id=\"87e6543\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.02,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t<div class=\"elementor-element elementor-element-178465e e-con-full e-flex e-con e-child\" data-id=\"178465e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d634f99 elementor-widget elementor-widget-image\" data-id=\"d634f99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-16_05_52-1024x683.png\" class=\"attachment-large size-large wp-image-3602\" alt=\"chatgpt image 9 set 2026, 16 05 52\" srcset=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-16_05_52-1024x683.png 1024w, https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-16_05_52-300x200.png 300w, https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-16_05_52-768x512.png 768w, https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-set-2026-16_05_52.png 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"  title=\"Servizi\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22704bc elementor-widget elementor-widget-hfe-infocard\" data-id=\"22704bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hfe-infocard.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"hfe-infocard\">\n\t\t\t\t\t\t\t\t\t<div class=\"hfe-infocard-title-wrap\">\n\t\t\t\t<h4 class=\"hfe-infocard-title elementor-inline-editing\" data-elementor-setting-key=\"infocard_title\" data-elementor-inline-editing-toolbar=\"basic\" >Supporto amministrativo<\/h4>\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"hfe-infocard-text-wrap\">\n\t\t\t\t<div class=\"hfe-infocard-text elementor-inline-editing\" data-elementor-setting-key=\"infocard_description\" data-elementor-inline-editing-toolbar=\"advanced\">\n\t\t\t\t\tOffro supporto professionale per l\u2019organizzazione dei documenti, la gestione dei dati, l\u2019ottimizzazione dei flussi di lavoro e la gestione digitale della tua attivit\u00e0.\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30133be elementor-widget elementor-widget-html\" data-id=\"30133be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   ADMINISTRATIVE SUPPORT \u2014 SERVICE 07\r\n   ========================================================= *\/\r\n\r\n#gp07{\r\n  --a:#159A68;\r\n  --ad:#087A50;\r\n  --al:#EAF9F3;\r\n  --ar:21,154,104;\r\n  --ink:#173574;\r\n  --text:#5B6F96;\r\n  font-family:Arial,sans-serif;\r\n}\r\n\r\n#gp07 *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEARN MORE BUTTON\r\n   ========================================================= *\/\r\n\r\n#gp07 .gp07-btn{\r\n  position:relative;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:10px;\r\n\r\n  min-width:154px;\r\n  padding:13px 19px;\r\n\r\n  border:1px solid rgba(21,154,104,.18);\r\n  border-radius:13px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #159A68 0%,\r\n      #28B87E 48%,\r\n      #087A50 100%\r\n    );\r\n\r\n  color:#fff;\r\n\r\n  font-weight:800;\r\n  cursor:pointer;\r\n\r\n  font-size:14px;\r\n  letter-spacing:.2px;\r\n\r\n  text-decoration:none;\r\n\r\n  box-shadow:\r\n    0 10px 24px rgba(21,154,104,.20),\r\n    inset 0 1px 0 rgba(255,255,255,.25);\r\n\r\n  overflow:hidden;\r\n  isolation:isolate;\r\n\r\n  transition:\r\n    transform .3s cubic-bezier(.2,.8,.2,1),\r\n    box-shadow .3s ease;\r\n}\r\n\r\n#gp07 .gp07-btn::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  z-index:-1;\r\n\r\n  background:\r\n    linear-gradient(\r\n      110deg,\r\n      transparent 20%,\r\n      rgba(255,255,255,.34) 45%,\r\n      transparent 70%\r\n    );\r\n\r\n  transform:translateX(-120%);\r\n\r\n  animation:\r\n    gp07btnshine 3.6s ease-in-out infinite;\r\n}\r\n\r\n#gp07 .gp07-btn::after{\r\n  content:\"\u2192\";\r\n\r\n  display:inline-block;\r\n\r\n  font-size:18px;\r\n  line-height:1;\r\n\r\n  transition:\r\n    transform .35s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n@keyframes gp07btnshine{\r\n  0%,45%{transform:translateX(-120%);}\r\n  70%,100%{transform:translateX(120%);}\r\n}\r\n\r\n#gp07 .gp07-btn:hover{\r\n  color:#fff;\r\n\r\n  transform:\r\n    translateY(-4px)\r\n    scale(1.025);\r\n\r\n  box-shadow:\r\n    0 17px 34px rgba(21,154,104,.32),\r\n    0 0 0 5px rgba(21,154,104,.07);\r\n}\r\n\r\n#gp07 .gp07-btn:hover::after{\r\n  transform:translateX(6px);\r\n}\r\n\r\n#gp07 .gp07-btn:focus-visible{\r\n  outline:2px solid var(--a);\r\n  outline-offset:6px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MODAL\r\n   ========================================================= *\/\r\n\r\n#gp07-modal{\r\n  display:none;\r\n\r\n  position:fixed;\r\n  inset:0;\r\n\r\n  width:100vw;\r\n  height:100vh;\r\n\r\n  padding:22px;\r\n\r\n  background:rgba(12,23,58,.74);\r\n\r\n  backdrop-filter:blur(10px);\r\n  -webkit-backdrop-filter:blur(10px);\r\n\r\n  z-index:999999;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n}\r\n\r\n#gp07-modal.open{\r\n  display:flex;\r\n  animation:gp07fade .28s ease;\r\n}\r\n\r\n@keyframes gp07fade{\r\n  from{opacity:0;}\r\n  to{opacity:1;}\r\n}\r\n\r\n#gp07-modal .win{\r\n  width:min(1280px,calc(100vw - 44px));\r\n  max-width:1280px;\r\n  max-height:95vh;\r\n\r\n  background:#fff;\r\n\r\n  border-radius:27px;\r\n\r\n  overflow:hidden;\r\n  position:relative;\r\n\r\n  box-shadow:\r\n    0 30px 100px rgba(20,35,90,.42);\r\n\r\n  animation:\r\n    gp07in\r\n    .48s\r\n    cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n@keyframes gp07in{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(35px) scale(.965);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:none;\r\n  }\r\n}\r\n\r\n#gp07-modal .scroll{\r\n  max-height:95vh;\r\n\r\n  overflow:auto;\r\n\r\n  scrollbar-width:thin;\r\n\r\n  scrollbar-color:#9EDFC5 transparent;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CLOSE BUTTON\r\n   ========================================================= *\/\r\n\r\n#gp07-modal .close{\r\n  position:absolute;\r\n\r\n  right:17px;\r\n  top:17px;\r\n\r\n  width:43px;\r\n  height:43px;\r\n\r\n  border:0;\r\n  border-radius:50%;\r\n\r\n  background:rgba(255,255,255,.95);\r\n\r\n  color:#30477e;\r\n\r\n  font-size:25px;\r\n  line-height:1;\r\n\r\n  cursor:pointer;\r\n\r\n  z-index:50;\r\n\r\n  box-shadow:\r\n    0 7px 22px rgba(25,40,90,.16);\r\n\r\n  transition:.3s ease;\r\n}\r\n\r\n#gp07-modal .close:hover{\r\n  transform:\r\n    rotate(90deg)\r\n    scale(1.08);\r\n\r\n  color:var(--a);\r\n\r\n  box-shadow:\r\n    0 10px 28px rgba(var(--ar),.22);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n   ========================================================= *\/\r\n\r\n#gp07-modal .hero{\r\n  position:relative;\r\n  overflow:hidden;\r\n\r\n  padding:\r\n    68px\r\n    82px\r\n    62px;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 88% 12%,\r\n      rgba(21,154,104,.16),\r\n      rgba(21,154,104,0) 38%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 68% 90%,\r\n      rgba(21,154,104,.12),\r\n      rgba(21,154,104,0) 43%\r\n    ),\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      #ffffff 0%,\r\n      #F5FCF9 52%,\r\n      #EAF8F2 100%\r\n    );\r\n}\r\n\r\n#gp07-modal .hero::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:520px;\r\n  height:520px;\r\n\r\n  right:-220px;\r\n  top:-280px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(21,154,104,.14),\r\n      rgba(21,154,104,0) 70%\r\n    );\r\n\r\n  filter:blur(4px);\r\n\r\n  animation:\r\n    gp07heroGlow\r\n    8s\r\n    ease-in-out\r\n    infinite\r\n    alternate;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n#gp07-modal .hero::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:38%;\r\n  bottom:-110px;\r\n\r\n  width:300px;\r\n  height:180px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(21,154,104,.10),\r\n      rgba(21,154,104,0) 70%\r\n    );\r\n\r\n  filter:blur(40px);\r\n\r\n  animation:\r\n    gp07heroGlow2\r\n    10s\r\n    ease-in-out\r\n    infinite\r\n    alternate;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n@keyframes gp07heroGlow{\r\n  to{\r\n    transform:\r\n      translate(-70px,80px)\r\n      scale(1.18);\r\n  }\r\n}\r\n\r\n@keyframes gp07heroGlow2{\r\n  to{\r\n    transform:\r\n      translate(100px,-35px)\r\n      scale(1.2);\r\n  }\r\n}\r\n\r\n#gp07-modal .hero-grid{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    1fr;\r\n\r\n  gap:55px;\r\n\r\n  align-items:center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO TEXT\r\n   ========================================================= *\/\r\n\r\n#gp07-modal .eyebrow{\r\n  font-size:12px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:1.5px;\r\n\r\n  color:var(--a);\r\n\r\n  margin-bottom:18px;\r\n}\r\n\r\n#gp07-modal .title{\r\n  font-size:\r\n    clamp(38px,4vw,62px);\r\n\r\n  line-height:1.02;\r\n\r\n  letter-spacing:-2.8px;\r\n\r\n  color:#173574;\r\n\r\n  margin:0 0 22px;\r\n}\r\n\r\n#gp07-modal .title span{\r\n  display:block;\r\n\r\n  width:max-content;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #159A68,\r\n      #39C68D,\r\n      #087A50\r\n    );\r\n\r\n  -webkit-background-clip:text;\r\n  background-clip:text;\r\n\r\n  -webkit-text-fill-color:transparent;\r\n\r\n  animation:\r\n    gp07TitleShine\r\n    5s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n@keyframes gp07TitleShine{\r\n  0%,100%{filter:brightness(1);}\r\n  50%{filter:brightness(1.18);}\r\n}\r\n\r\n#gp07-modal .desc{\r\n  font-size:17px;\r\n\r\n  line-height:1.7;\r\n\r\n  color:#4d638f;\r\n\r\n  max-width:650px;\r\n}\r\n\r\n#gp07-modal .tags{\r\n  display:flex;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:9px;\r\n\r\n  margin-top:25px;\r\n}\r\n\r\n#gp07-modal .tag{\r\n  padding:9px 12px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:rgba(255,255,255,.84);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.17);\r\n\r\n  color:#40598d;\r\n\r\n  font-size:12px;\r\n\r\n  font-weight:700;\r\n\r\n  box-shadow:\r\n    0 5px 15px rgba(var(--ar),.05);\r\n\r\n  transition:.28s ease;\r\n}\r\n\r\n#gp07-modal .tag:hover{\r\n  transform:translateY(-3px);\r\n\r\n  border-color:\r\n    rgba(var(--ar),.35);\r\n\r\n  box-shadow:\r\n    0 10px 22px rgba(var(--ar),.12);\r\n\r\n  color:var(--a);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO VISUAL\r\n   ========================================================= *\/\r\n\r\n#gp07-modal .visual{\r\n  height:350px;\r\n\r\n  position:relative;\r\n\r\n  min-width:420px;\r\n\r\n  perspective:900px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 50% 50%,\r\n      rgba(21,154,104,.09),\r\n      transparent 65%\r\n    );\r\n\r\n  border-radius:40px;\r\n}\r\n\r\n#gp07-modal .visual::before,\r\n#gp07-modal .visual::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  border-radius:50%;\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n#gp07-modal .visual::before{\r\n  width:290px;\r\n  height:290px;\r\n\r\n  transform:translate(-50%,-50%);\r\n\r\n  border:\r\n    1px dashed\r\n    rgba(var(--ar),.22);\r\n\r\n  animation:\r\n    gp07ring\r\n    14s\r\n    linear\r\n    infinite;\r\n}\r\n\r\n#gp07-modal .visual::after{\r\n  width:365px;\r\n  height:365px;\r\n\r\n  transform:translate(-50%,-50%);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.10);\r\n\r\n  animation:\r\n    gp07ringReverse\r\n    20s\r\n    linear\r\n    infinite;\r\n}\r\n\r\n@keyframes gp07ring{\r\n  to{\r\n    transform:\r\n      translate(-50%,-50%)\r\n      rotate(360deg);\r\n  }\r\n}\r\n\r\n@keyframes gp07ringReverse{\r\n  to{\r\n    transform:\r\n      translate(-50%,-50%)\r\n      rotate(-360deg);\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ORBIT\r\n   ========================================================= *\/\r\n\r\n#gp07-modal .orbit{\r\n  position:absolute;\r\n\r\n  width:220px;\r\n  height:220px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.30);\r\n\r\n  border-radius:50%;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  transform:translate(-50%,-50%);\r\n\r\n  animation:\r\n    gp07orbit\r\n    9s\r\n    linear\r\n    infinite;\r\n}\r\n\r\n#gp07-modal .orbit::before,\r\n#gp07-modal .orbit::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:8px;\r\n  height:8px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#159A68;\r\n\r\n  box-shadow:\r\n    0 0 0 6px rgba(21,154,104,.08),\r\n    0 0 18px rgba(21,154,104,.50);\r\n}\r\n\r\n#gp07-modal .orbit::before{\r\n  left:18px;\r\n  top:40px;\r\n}\r\n\r\n#gp07-modal .orbit::after{\r\n  right:12px;\r\n  bottom:34px;\r\n}\r\n\r\n@keyframes gp07orbit{\r\n  to{\r\n    transform:\r\n      translate(-50%,-50%)\r\n      rotate(360deg);\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CENTER\r\n   ========================================================= *\/\r\n\r\n#gp07-modal .center{\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  width:136px;\r\n  height:136px;\r\n\r\n  border-radius:34px;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 27% 18%,\r\n      rgba(255,255,255,.34),\r\n      transparent 28%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #39C68D 0%,\r\n      #159A68 45%,\r\n      #087A50 100%\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.42);\r\n\r\n  color:#fff;\r\n\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  box-shadow:\r\n\r\n    0 22px 48px\r\n    rgba(21,154,104,.30),\r\n\r\n    0 0 0 9px\r\n    rgba(21,154,104,.06),\r\n\r\n    0 0 65px\r\n    rgba(21,154,104,.18);\r\n\r\n  animation:\r\n    gp07CenterFloat\r\n    4s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n#gp07-modal .center::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:7px;\r\n\r\n  border-radius:27px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.34);\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(255,255,255,.09),\r\n      transparent 58%\r\n    );\r\n}\r\n\r\n#gp07-modal .center::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:-32px;\r\n\r\n  border-radius:52px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(21,154,104,.28),\r\n      rgba(21,154,104,0) 69%\r\n    );\r\n\r\n  filter:blur(12px);\r\n\r\n  animation:\r\n    gp07Aura\r\n    3.4s\r\n    ease-in-out\r\n    infinite;\r\n\r\n  z-index:-1;\r\n}\r\n\r\n#gp07-modal .center b{\r\n  font-size:43px;\r\n\r\n  font-weight:900;\r\n\r\n  line-height:.85;\r\n\r\n  color:#fff;\r\n\r\n  text-shadow:\r\n    0 7px 20px\r\n    rgba(10,90,55,.22);\r\n}\r\n\r\n#gp07-modal .center small{\r\n  margin-top:13px;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:900;\r\n\r\n  letter-spacing:1.3px;\r\n\r\n  color:#fff;\r\n}\r\n\r\n@keyframes gp07CenterFloat{\r\n  0%,100%{\r\n    transform:\r\n      translate(-50%,-50%)\r\n      translateY(0);\r\n  }\r\n\r\n  50%{\r\n    transform:\r\n      translate(-50%,-50%)\r\n      translateY(-5px);\r\n  }\r\n}\r\n\r\n@keyframes gp07Aura{\r\n  0%,100%{\r\n    transform:scale(.88);\r\n    opacity:.55;\r\n  }\r\n\r\n  50%{\r\n    transform:scale(1.14);\r\n    opacity:1;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NODES\r\n   ========================================================= *\/\r\n\r\n#gp07-modal .node{\r\n  position:absolute;\r\n\r\n  width:145px;\r\n  min-height:98px;\r\n\r\n  padding:13px;\r\n\r\n  border-radius:18px;\r\n\r\n  background:\r\n    rgba(255,255,255,.96);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.16);\r\n\r\n  box-shadow:\r\n    0 15px 32px\r\n    rgba(45,60,125,.12),\r\n\r\n    0 0 0 1px\r\n    rgba(255,255,255,.6)\r\n    inset;\r\n\r\n  display:flex;\r\n\r\n  gap:9px;\r\n\r\n  align-items:center;\r\n\r\n  transition:\r\n    .35s\r\n    cubic-bezier(.2,.8,.2,1);\r\n\r\n  animation:\r\n    gp07float\r\n    4.5s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n#gp07-modal .node:nth-of-type(2){\r\n  animation-delay:-1.1s;\r\n}\r\n\r\n#gp07-modal .node:nth-of-type(3){\r\n  animation-delay:-2.2s;\r\n}\r\n\r\n#gp07-modal .node:nth-of-type(4){\r\n  animation-delay:-3.3s;\r\n}\r\n\r\n#gp07-modal .node:hover{\r\n  transform:\r\n    translateY(-8px)\r\n    scale(1.025);\r\n\r\n  border-color:\r\n    rgba(var(--ar),.4);\r\n\r\n  box-shadow:\r\n    0 22px 42px\r\n    rgba(var(--ar),.18),\r\n\r\n    0 0 0 1px\r\n    rgba(255,255,255,.8)\r\n    inset;\r\n}\r\n\r\n@keyframes gp07float{\r\n  0%,100%{\r\n    transform:translateY(0);\r\n  }\r\n\r\n  50%{\r\n    transform:translateY(-7px);\r\n  }\r\n}\r\n\r\n#gp07-modal .n1{\r\n  left:0;\r\n  top:4px;\r\n}\r\n\r\n#gp07-modal .n2{\r\n  right:0;\r\n  top:4px;\r\n}\r\n\r\n#gp07-modal .n3{\r\n  left:0;\r\n  bottom:4px;\r\n}\r\n\r\n#gp07-modal .n4{\r\n  right:0;\r\n  bottom:4px;\r\n}\r\n\r\n#gp07-modal .icon{\r\n  width:50px;\r\n  height:50px;\r\n\r\n  flex:0 0 50px;\r\n\r\n  border-radius:15px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  font-size:21px;\r\n\r\n  box-shadow:\r\n    0 7px 17px rgba(var(--ar),.13),\r\n    inset 0 0 0 1px rgba(var(--ar),.08);\r\n}\r\n\r\n#gp07-modal .node strong{\r\n  display:block;\r\n\r\n  font-size:11px;\r\n\r\n  color:#243e78;\r\n}\r\n\r\n#gp07-modal .node small{\r\n  display:block;\r\n\r\n  font-size:9px;\r\n\r\n  color:#7285a9;\r\n\r\n  margin-top:4px;\r\n\r\n  line-height:1.4;\r\n}\r\n\r\n#gp07-modal .node::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  right:10px;\r\n  top:10px;\r\n\r\n  width:6px;\r\n  height:6px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#159A68;\r\n\r\n  box-shadow:\r\n    0 0 0 4px rgba(21,154,104,.08),\r\n    0 0 10px rgba(21,154,104,.42);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NODE ICONS\r\n   ========================================================= *\/\r\n\r\n#gp07-modal .docs-icon{\r\n  background:#EAF3FF;\r\n  color:#4285F4;\r\n}\r\n\r\n#gp07-modal .data-icon{\r\n  background:#E7F8EE;\r\n  color:#159A68;\r\n}\r\n\r\n#gp07-modal .mail-icon{\r\n  background:#FFF0F0;\r\n  color:#EA4335;\r\n}\r\n\r\n#gp07-modal .admin-icon{\r\n  background:#EAF9F3;\r\n  color:#159A68;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n   ========================================================= *\/\r\n\r\n#gp07-modal .content{\r\n  position:relative;\r\n\r\n  padding:\r\n    62px\r\n    82px\r\n    70px;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 0% 8%,\r\n      rgba(21,154,104,.065),\r\n      transparent 22%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 100% 30%,\r\n      rgba(21,154,104,.055),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 50% 100%,\r\n      rgba(21,154,104,.035),\r\n      transparent 30%\r\n    ),\r\n\r\n    #fff;\r\n}\r\n\r\n#gp07-modal .content::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:0;\r\n  left:8%;\r\n\r\n  width:84%;\r\n  height:2px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(21,154,104,.15),\r\n      #39C68D,\r\n      rgba(21,154,104,.15),\r\n      transparent\r\n    );\r\n\r\n  opacity:.65;\r\n\r\n  animation:\r\n    gp07contentline\r\n    5s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n@keyframes gp07contentline{\r\n  0%,100%{\r\n    transform:scaleX(.72);\r\n    opacity:.45;\r\n  }\r\n\r\n  50%{\r\n    transform:scaleX(1);\r\n    opacity:.85;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n   ========================================================= *\/\r\n\r\n#gp07-modal .label{\r\n  position:relative;\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  font-size:11px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:1.5px;\r\n\r\n  color:var(--a);\r\n\r\n  margin:0 0 10px;\r\n}\r\n\r\n#gp07-modal .label::before{\r\n  content:\"\";\r\n\r\n  width:24px;\r\n  height:3px;\r\n\r\n  border-radius:10px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #159A68,\r\n      #69D4A8\r\n    );\r\n\r\n  box-shadow:\r\n    0 0 12px\r\n    rgba(21,154,104,.28);\r\n\r\n  animation:\r\n    gp07label\r\n    2.4s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n@keyframes gp07label{\r\n  0%,100%{\r\n    width:24px;\r\n    opacity:1;\r\n  }\r\n\r\n  50%{\r\n    width:36px;\r\n    opacity:.68;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADINGS\r\n   ========================================================= *\/\r\n\r\n#gp07-modal .heading{\r\n  position:relative;\r\n\r\n  font-size:34px;\r\n\r\n  color:#173574;\r\n\r\n  margin:0 0 16px;\r\n\r\n  letter-spacing:-.9px;\r\n}\r\n\r\n#gp07-modal .heading::after{\r\n  content:\"\";\r\n\r\n  display:block;\r\n\r\n  width:54px;\r\n  height:4px;\r\n\r\n  margin-top:13px;\r\n\r\n  border-radius:10px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #159A68,\r\n      #69D4A8,\r\n      transparent\r\n    );\r\n\r\n  animation:\r\n    gp07headingline\r\n    3s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n@keyframes gp07headingline{\r\n  50%{\r\n    width:95px;\r\n    opacity:.72;\r\n  }\r\n}\r\n\r\n#gp07-modal .text{\r\n  color:#5b6f96;\r\n\r\n  line-height:1.75;\r\n\r\n  font-size:16px;\r\n\r\n  max-width:900px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NOTE\r\n   ========================================================= *\/\r\n\r\n#gp07-modal .note{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #F5FCF9,\r\n      #EAF8F2\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.16);\r\n\r\n  border-radius:14px;\r\n\r\n  padding:17px 20px;\r\n\r\n  color:#53678f;\r\n\r\n  margin:25px 0 35px;\r\n\r\n  line-height:1.6;\r\n\r\n  box-shadow:\r\n    0 10px 28px\r\n    rgba(var(--ar),.05);\r\n}\r\n\r\n#gp07-modal .note::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:-25%;\r\n  top:0;\r\n\r\n  width:20%;\r\n  height:100%;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(255,255,255,.65),\r\n      transparent\r\n    );\r\n\r\n  transform:skewX(-18deg);\r\n\r\n  animation:\r\n    gp07sweep\r\n    5s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n@keyframes gp07sweep{\r\n  50%{\r\n    left:120%;\r\n  }\r\n}\r\n\r\n#gp07-modal .note strong{\r\n  color:#087A50;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARDS\r\n   ========================================================= *\/\r\n\r\n#gp07-modal .cards{\r\n  position:relative;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n  gap:17px;\r\n\r\n  margin:0 0 60px;\r\n}\r\n\r\n#gp07-modal .card{\r\n  padding:24px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.12);\r\n\r\n  border-radius:15px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #fff,\r\n      #F8FCFA\r\n    );\r\n\r\n  min-height:175px;\r\n\r\n  transition:\r\n    .32s\r\n    cubic-bezier(.2,.8,.2,1);\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  animation:\r\n    gp07cardin\r\n    .7s\r\n    both;\r\n}\r\n\r\n#gp07-modal .card:nth-child(2){\r\n  animation-delay:.08s;\r\n}\r\n\r\n#gp07-modal .card:nth-child(3){\r\n  animation-delay:.16s;\r\n}\r\n\r\n#gp07-modal .card:nth-child(4){\r\n  animation-delay:.24s;\r\n}\r\n\r\n#gp07-modal .card:nth-child(5){\r\n  animation-delay:.32s;\r\n}\r\n\r\n#gp07-modal .card:nth-child(6){\r\n  animation-delay:.40s;\r\n}\r\n\r\n#gp07-modal .card::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:0;\r\n  top:0;\r\n\r\n  width:100%;\r\n  height:3px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      var(--a),\r\n      #69D4A8,\r\n      transparent\r\n    );\r\n\r\n  transform:scaleX(.25);\r\n\r\n  transition:.35s ease;\r\n}\r\n\r\n#gp07-modal .card::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  right:-35px;\r\n  top:-35px;\r\n\r\n  width:100px;\r\n  height:100px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    rgba(var(--ar),.055);\r\n\r\n  filter:blur(2px);\r\n}\r\n\r\n#gp07-modal .card:hover{\r\n  transform:\r\n    translateY(-7px)\r\n    scale(1.008);\r\n\r\n  border-color:\r\n    rgba(var(--ar),.30);\r\n\r\n  box-shadow:\r\n    0 20px 42px\r\n    rgba(var(--ar),.12),\r\n\r\n    0 0 0 4px\r\n    rgba(var(--ar),.03);\r\n}\r\n\r\n#gp07-modal .card:hover::before{\r\n  transform:scaleX(1);\r\n}\r\n\r\n@keyframes gp07cardin{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(18px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:none;\r\n  }\r\n}\r\n\r\n#gp07-modal .card-icon{\r\n  width:48px;\r\n  height:48px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  font-size:22px;\r\n\r\n  color:var(--a);\r\n\r\n  margin-bottom:14px;\r\n\r\n  border-radius:14px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #EAF9F3,\r\n      #D8F4E8\r\n    );\r\n\r\n  box-shadow:\r\n    0 8px 18px rgba(var(--ar),.10),\r\n\r\n    inset 0 0 0 1px\r\n    rgba(var(--ar),.08);\r\n\r\n  transition:.3s ease;\r\n}\r\n\r\n#gp07-modal .card:hover .card-icon{\r\n  transform:\r\n    rotate(-5deg)\r\n    scale(1.08);\r\n\r\n  box-shadow:\r\n    0 12px 24px\r\n    rgba(var(--ar),.18);\r\n}\r\n\r\n#gp07-modal .card h3{\r\n  margin:0 0 8px;\r\n\r\n  color:#243e78;\r\n\r\n  font-size:17px;\r\n}\r\n\r\n#gp07-modal .card p{\r\n  margin:0;\r\n\r\n  color:#687b9e;\r\n\r\n  line-height:1.6;\r\n\r\n  font-size:14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROCESS\r\n   ========================================================= *\/\r\n\r\n#gp07-modal .process{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 10% 0%,\r\n      rgba(var(--ar),.07),\r\n      transparent 28%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #F7FCFA,\r\n      #EFF9F5\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.13);\r\n\r\n  border-radius:20px;\r\n\r\n  padding:28px;\r\n\r\n  margin:20px 0 60px;\r\n}\r\n\r\n#gp07-modal .process::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:0;\r\n  left:-30%;\r\n\r\n  width:28%;\r\n  height:3px;\r\n\r\n  border-radius:99px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      #159A68,\r\n      #69D4A8,\r\n      transparent\r\n    );\r\n\r\n  box-shadow:\r\n    0 0 18px\r\n    rgba(21,154,104,.25);\r\n\r\n  animation:\r\n    gp07processglow\r\n    5s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n#gp07-modal .process::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:90px;\r\n  height:90px;\r\n\r\n  right:-25px;\r\n  bottom:-45px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    rgba(21,154,104,.07);\r\n\r\n  filter:blur(12px);\r\n\r\n  animation:\r\n    gp07processorb\r\n    6s\r\n    ease-in-out\r\n    infinite\r\n    alternate;\r\n}\r\n\r\n@keyframes gp07processorb{\r\n  to{\r\n    transform:\r\n      translate(-45px,-20px)\r\n      scale(1.3);\r\n  }\r\n}\r\n\r\n@keyframes gp07processglow{\r\n  to{\r\n    left:120%;\r\n  }\r\n}\r\n\r\n#gp07-modal .steps{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4,1fr);\r\n\r\n  gap:18px;\r\n}\r\n\r\n#gp07-modal .step-number{\r\n  width:42px;\r\n  height:42px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--a),\r\n      var(--ad)\r\n    );\r\n\r\n  color:#fff;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  font-weight:800;\r\n\r\n  margin-bottom:12px;\r\n\r\n  box-shadow:\r\n    0 8px 20px\r\n    rgba(var(--ar),.18);\r\n\r\n  animation:\r\n    gp07step\r\n    3s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n#gp07-modal .step:nth-child(2) .step-number{\r\n  animation-delay:.35s;\r\n}\r\n\r\n#gp07-modal .step:nth-child(3) .step-number{\r\n  animation-delay:.70s;\r\n}\r\n\r\n#gp07-modal .step:nth-child(4) .step-number{\r\n  animation-delay:1.05s;\r\n}\r\n\r\n@keyframes gp07step{\r\n  50%{\r\n    transform:translateY(-3px);\r\n\r\n    box-shadow:\r\n      0 12px 25px\r\n      rgba(var(--ar),.25);\r\n  }\r\n}\r\n\r\n#gp07-modal .step h3{\r\n  color:#243e78;\r\n\r\n  font-size:16px;\r\n}\r\n\r\n#gp07-modal .step p{\r\n  color:#687b9e;\r\n\r\n  font-size:13px;\r\n\r\n  line-height:1.55;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BEFORE \/ AFTER\r\n   ========================================================= *\/\r\n\r\n#gp07-modal .example{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr 70px 1fr;\r\n\r\n  gap:18px;\r\n\r\n  align-items:center;\r\n\r\n  margin:25px 0 30px;\r\n}\r\n\r\n#gp07-modal .box{\r\n  padding:24px;\r\n\r\n  border:\r\n    1px solid\r\n    #dfe4f5;\r\n\r\n  border-radius:18px;\r\n\r\n  background:#fff;\r\n\r\n  transition:.3s ease;\r\n}\r\n\r\n#gp07-modal .box:hover{\r\n  transform:translateY(-4px);\r\n\r\n  box-shadow:\r\n    0 14px 28px\r\n    rgba(var(--ar),.08);\r\n}\r\n\r\n#gp07-modal .box.after{\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #EFFAF5,\r\n      #E3F7ED\r\n    );\r\n\r\n  border-color:\r\n    rgba(var(--ar),.20);\r\n}\r\n\r\n#gp07-modal .box-label{\r\n  font-size:10px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:1.3px;\r\n\r\n  color:var(--a);\r\n}\r\n\r\n#gp07-modal .box h3{\r\n  color:#243e78;\r\n}\r\n\r\n#gp07-modal .box p{\r\n  color:#687b9e;\r\n\r\n  line-height:1.6;\r\n}\r\n\r\n#gp07-modal .arrow{\r\n  text-align:center;\r\n\r\n  font-size:30px;\r\n\r\n  color:var(--a);\r\n\r\n  animation:\r\n    gp07arrow\r\n    1.8s\r\n    ease-in-out\r\n    infinite;\r\n\r\n  text-shadow:\r\n    0 4px 14px\r\n    rgba(var(--ar),.18);\r\n}\r\n\r\n@keyframes gp07arrow{\r\n  50%{\r\n    transform:\r\n      translateX(8px)\r\n      scale(1.08);\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOW\r\n   ========================================================= *\/\r\n\r\n#gp07-modal .flow{\r\n  display:flex;\r\n\r\n  justify-content:center;\r\n  align-items:center;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:10px;\r\n\r\n  margin:30px 0 60px;\r\n}\r\n\r\n#gp07-modal .flow span{\r\n  padding:9px 13px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#EAF9F3;\r\n\r\n  color:#4f5f94;\r\n\r\n  font-size:11px;\r\n\r\n  font-weight:800;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.10);\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n#gp07-modal .flow span:hover{\r\n  transform:translateY(-3px);\r\n\r\n  color:var(--a);\r\n\r\n  box-shadow:\r\n    0 8px 18px\r\n    rgba(var(--ar),.09);\r\n}\r\n\r\n#gp07-modal .flow b{\r\n  color:var(--a);\r\n\r\n  animation:\r\n    gp07flow\r\n    1.5s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n@keyframes gp07flow{\r\n  50%{\r\n    transform:translateX(3px);\r\n    opacity:.65;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOOLS\r\n   ========================================================= *\/\r\n\r\n#gp07-modal .tools{\r\n  display:flex;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:10px;\r\n\r\n  margin:20px 0 60px;\r\n}\r\n\r\n#gp07-modal .tool{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:11px 14px;\r\n\r\n  border:\r\n    1px solid\r\n    #dfe4f5;\r\n\r\n  border-radius:12px;\r\n\r\n  color:#53678f;\r\n\r\n  font-size:13px;\r\n\r\n  background:#fff;\r\n\r\n  transition:.28s ease;\r\n}\r\n\r\n#gp07-modal .tool:hover{\r\n  transform:\r\n    translateY(-4px)\r\n    scale(1.015);\r\n\r\n  border-color:\r\n    rgba(var(--ar),.30);\r\n\r\n  color:var(--a);\r\n\r\n  box-shadow:\r\n    0 10px 20px\r\n    rgba(var(--ar),.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESULTS\r\n   ========================================================= *\/\r\n\r\n#gp07-modal .results{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n  gap:12px;\r\n\r\n  margin:20px 0 55px;\r\n}\r\n\r\n#gp07-modal .result{\r\n  padding:14px 16px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #F8FCFA,\r\n      #EFF9F5\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(var(--ar),.09);\r\n\r\n  color:#53678f;\r\n\r\n  font-size:14px;\r\n\r\n  transition:.28s ease;\r\n}\r\n\r\n#gp07-modal .result:hover{\r\n  transform:translateY(-3px);\r\n\r\n  border-color:\r\n    rgba(var(--ar),.23);\r\n\r\n  box-shadow:\r\n    0 10px 20px\r\n    rgba(var(--ar),.08);\r\n}\r\n\r\n#gp07-modal .result b{\r\n  color:var(--a);\r\n\r\n  margin-right:8px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FINAL CTA\r\n   ========================================================= *\/\r\n\r\n#gp07-modal .cta{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:24px;\r\n\r\n  padding:42px 44px;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 10% 10%,\r\n      rgba(255,255,255,.18),\r\n      transparent 28%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 90% 90%,\r\n      rgba(180,255,220,.20),\r\n      transparent 30%\r\n    ),\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      #159A68 0%,\r\n      #118D60 43%,\r\n      #087A50 100%\r\n    );\r\n\r\n  color:#fff;\r\n\r\n  display:flex;\r\n\r\n  justify-content:space-between;\r\n  align-items:center;\r\n\r\n  gap:30px;\r\n\r\n  box-shadow:\r\n    0 22px 55px\r\n    rgba(var(--ar),.27);\r\n}\r\n\r\n#gp07-modal .cta::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:380px;\r\n  height:380px;\r\n\r\n  left:-150px;\r\n  top:-235px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(255,255,255,.23),\r\n      transparent 68%\r\n    );\r\n\r\n  filter:blur(8px);\r\n\r\n  animation:\r\n    gp07orb1\r\n    8s\r\n    ease-in-out\r\n    infinite\r\n    alternate;\r\n}\r\n\r\n#gp07-modal .cta::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:350px;\r\n  height:350px;\r\n\r\n  right:-120px;\r\n  bottom:-220px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(255,255,255,.19),\r\n      rgba(180,255,220,.17) 30%,\r\n      transparent 70%\r\n    );\r\n\r\n  filter:blur(9px);\r\n\r\n  animation:\r\n    gp07orb2\r\n    11s\r\n    ease-in-out\r\n    infinite\r\n    alternate;\r\n}\r\n\r\n@keyframes gp07orb1{\r\n  to{\r\n    transform:\r\n      translate(130px,60px)\r\n      scale(1.12);\r\n  }\r\n}\r\n\r\n@keyframes gp07orb2{\r\n  to{\r\n    transform:\r\n      translate(-80px,-40px)\r\n      scale(1.1);\r\n  }\r\n}\r\n\r\n#gp07-modal .cta > *{\r\n  position:relative;\r\n  z-index:3;\r\n}\r\n\r\n#gp07-modal .cta h2{\r\n  margin:0 0 8px;\r\n\r\n  font-size:34px;\r\n\r\n  letter-spacing:-.8px;\r\n\r\n  color:#fff !important;\r\n\r\n  text-shadow:\r\n    0 5px 22px\r\n    rgba(20,80,50,.20);\r\n}\r\n\r\n#gp07-modal .cta p{\r\n  margin:0;\r\n\r\n  color:\r\n    rgba(255,255,255,.94) !important;\r\n\r\n  opacity:1;\r\n\r\n  line-height:1.65;\r\n\r\n  max-width:620px;\r\n}\r\n\r\n#gp07-modal .cta a{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #ffffff 0%,\r\n      #F5FFFA 52%,\r\n      #E4F8EE 100%\r\n    );\r\n\r\n  color:#087A50;\r\n\r\n  padding:14px 21px;\r\n\r\n  border-radius:11px;\r\n\r\n  text-decoration:none;\r\n\r\n  font-weight:800;\r\n\r\n  white-space:nowrap;\r\n\r\n  box-shadow:\r\n    0 12px 28px\r\n    rgba(20,30,85,.16),\r\n\r\n    inset 0 1px 0\r\n    rgba(255,255,255,1);\r\n\r\n  transition:\r\n    .32s\r\n    cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n#gp07-modal .cta a::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      110deg,\r\n      transparent 20%,\r\n      rgba(21,154,104,.13) 48%,\r\n      transparent 72%\r\n    );\r\n\r\n  transform:translateX(-120%);\r\n\r\n  animation:\r\n    gp07ctabtn\r\n    3.8s\r\n    ease-in-out\r\n    infinite;\r\n}\r\n\r\n@keyframes gp07ctabtn{\r\n  0%,45%{\r\n    transform:translateX(-120%);\r\n  }\r\n\r\n  70%,100%{\r\n    transform:translateX(120%);\r\n  }\r\n}\r\n\r\n#gp07-modal .cta a::after{\r\n  content:\"\u2192\";\r\n\r\n  display:inline-block;\r\n\r\n  margin-left:7px;\r\n\r\n  transition:.32s ease;\r\n}\r\n\r\n#gp07-modal .cta a:hover{\r\n  transform:\r\n    translateY(-5px)\r\n    scale(1.025);\r\n\r\n  box-shadow:\r\n    0 20px 40px\r\n    rgba(20,30,85,.25);\r\n}\r\n\r\n#gp07-modal .cta a:hover::after{\r\n  transform:translateX(6px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n   ========================================================= *\/\r\n\r\n@media(max-width:900px){\r\n\r\n  #gp07-modal .hero,\r\n  #gp07-modal .content{\r\n    padding:40px 25px;\r\n  }\r\n\r\n  #gp07-modal .hero-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #gp07-modal .visual{\r\n    min-width:0;\r\n  }\r\n\r\n  #gp07-modal .cards,\r\n  #gp07-modal .steps,\r\n  #gp07-modal .results{\r\n    grid-template-columns:\r\n      1fr 1fr;\r\n  }\r\n\r\n  #gp07-modal .cta{\r\n    flex-direction:column;\r\n    align-items:flex-start;\r\n  }\r\n\r\n}\r\n\r\n@media(max-width:600px){\r\n\r\n  #gp07-modal{\r\n    padding:10px;\r\n  }\r\n\r\n  #gp07-modal .win{\r\n    width:\r\n      calc(100vw - 20px)!important;\r\n\r\n    border-radius:\r\n      18px!important;\r\n  }\r\n\r\n  #gp07-modal .hero,\r\n  #gp07-modal .content{\r\n    padding:\r\n      35px 20px!important;\r\n  }\r\n\r\n  #gp07-modal .visual{\r\n    height:315px;\r\n\r\n    transform:scale(.72);\r\n\r\n    margin:-20px -50px;\r\n  }\r\n\r\n  #gp07-modal .title{\r\n    letter-spacing:-1.7px;\r\n  }\r\n\r\n  #gp07-modal .cards,\r\n  #gp07-modal .steps,\r\n  #gp07-modal .results{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #gp07-modal .example{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #gp07-modal .arrow{\r\n    transform:rotate(90deg);\r\n  }\r\n\r\n  #gp07-modal .cta{\r\n    padding:\r\n      30px 25px!important;\r\n  }\r\n\r\n  #gp07-modal .cta h2{\r\n    font-size:27px;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<div id=\"gp07\">\r\n\r\n  <!-- =====================================================\r\n       LEARN MORE BUTTON\r\n       ===================================================== -->\r\n\r\n  <button\r\n    type=\"button\"\r\n    class=\"gp07-btn\"\r\n    id=\"gp07-open\"\r\n  >\r\n    Scopri di pi\u00f9\r\n  <\/button>\r\n\r\n\r\n  <!-- =====================================================\r\n       MODAL\r\n       ===================================================== -->\r\n\r\n  <div\r\n    id=\"gp07-modal\"\r\n    aria-hidden=\"true\"\r\n  >\r\n\r\n    <div class=\"win\">\r\n\r\n      <button\r\n        class=\"close\"\r\n        type=\"button\"\r\n        aria-label=\"Close\"\r\n      >\r\n        \u00d7\r\n      <\/button>\r\n\r\n\r\n      <div class=\"scroll\">\r\n\r\n\r\n        <!-- =================================================\r\n             HERO\r\n             ================================================= -->\r\n\r\n        <section class=\"hero\">\r\n\r\n          <div class=\"hero-grid\">\r\n\r\n\r\n            <div>\r\n\r\n              <div class=\"eyebrow\">\r\n                SERVIZIO 07 \u00b7 SUPPORTO AMMINISTRATIVO\r\n              <\/div>\r\n\r\n              <h1 class=\"title\">\r\n\r\n                Supporto\r\n                <span>Supporto<\/span>\r\n\r\n              <\/h1>\r\n\r\n              <p class=\"desc\">\r\n                Supporto professionale per l\u2019organizzazione dei documenti, la gestione dei dati, l\u2019ottimizzazione dei flussi di lavoro e la gestione delle attivit\u00e0 aziendali digitali.\r\n              <\/p>\r\n\r\n\r\n              <div class=\"tags\">\r\n\r\n                <span class=\"tag\">\r\n                  Organizzazione dei documenti\r\n                <\/span>\r\n\r\n                <span class=\"tag\">\r\n                  Gestione dei dati\r\n                <\/span>\r\n\r\n                <span class=\"tag\">\r\n                  Ottimizzazione dei flussi di lavoro\r\n                <\/span>\r\n\r\n                <span class=\"tag\">\r\n                  Gestione delle attivit\u00e0 digitali\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 HERO VISUAL\r\n                 ================================================= -->\r\n\r\n            <div class=\"visual\">\r\n\r\n              <div class=\"orbit\"><\/div>\r\n\r\n\r\n              <!-- DOCUMENTS -->\r\n\r\n              <div class=\"node n1\">\r\n\r\n                <div class=\"icon docs-icon\">\r\n                  \u25a4\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                  <strong>\r\n                    Documenti\r\n                  <\/strong>\r\n\r\n                  <small>\r\n                    Organized files\r\n                  <\/small>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- DATA -->\r\n\r\n              <div class=\"node n2\">\r\n\r\n                <div class=\"icon data-icon\">\r\n                  \u25a6\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                  <strong>\r\n                    Business Data\r\n                  <\/strong>\r\n\r\n                  <small>\r\n                    Informazioni strutturate\r\n                  <\/small>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- EMAIL -->\r\n\r\n              <div class=\"node n3\">\r\n\r\n                <div class=\"icon mail-icon\">\r\n                  \u2709\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                  <strong>\r\n                    Comunicazione\r\n                  <\/strong>\r\n\r\n                  <small>\r\n                    Supporto digitale\r\n                  <\/small>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- ADMIN -->\r\n\r\n              <div class=\"node n4\">\r\n\r\n                <div class=\"icon admin-icon\">\r\n                  \u2713\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                  <strong>\r\n                    Operations\r\n                  <\/strong>\r\n\r\n                  <small>\r\n                    Flussi di lavoro quotidiani\r\n                  <\/small>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <!-- CENTER -->\r\n\r\n              <div class=\"center\">\r\n\r\n                <b>\r\n                  \u2713\r\n                <\/b>\r\n\r\n                <small>\r\n                  SUPPORTO\r\n                <\/small>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/section>\r\n\r\n\r\n        <!-- =================================================\r\n             CONTENT\r\n             ================================================= -->\r\n\r\n        <section class=\"content\">\r\n\r\n\r\n          <!-- =================================================\r\n               INTRO\r\n               ================================================= -->\r\n\r\n          <div class=\"label\">\r\n            SUPPORTO AMMINISTRATIVO\r\n          <\/div>\r\n\r\n          <h2 class=\"heading\">\r\n            Mantieni organizzate le attivit\u00e0 digitali della tua azienda\r\n          <\/h2>\r\n\r\n          <p class=\"text\">\r\n            Le attivit\u00e0 amministrative spesso richiedono la gestione dei documenti, l\u2019organizzazione delle informazioni, l\u2019aggiornamento dei dati, la gestione dei file digitali e il mantenimento dei processi quotidiani. Offro un supporto pratico per aiutare le aziende a mantenere queste attivit\u00e0 organizzate ed efficienti.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"note\">\r\n\r\n            <strong>\r\n              Meno tempo dedicato alla gestione delle attivit\u00e0 amministrative.\r\n            <\/strong>\r\n\r\n            Dall\u2019organizzazione dei documenti alla gestione dei dati, dai flussi di lavoro digitali alle attivit\u00e0 operative ricorrenti, l\u2019obiettivo \u00e8 creare un ambiente di lavoro pi\u00f9 chiaro e semplice da gestire.\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               SERVICES\r\n               ================================================= -->\r\n\r\n          <div class=\"cards\">\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \ud83d\udcc1\r\n              <\/div>\r\n\r\n              <h3>\r\n                Organizzazione dei documenti\r\n              <\/h3>\r\n\r\n              <p>\r\n                Organizza documenti, file e cartelle digitali, rendendo pi\u00f9 semplice trovare e gestire le informazioni aziendali importanti.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \u25a6\r\n              <\/div>\r\n\r\n              <h3>\r\n                Gestione dei dati\r\n              <\/h3>\r\n\r\n              <p>\r\n                Mantieni organizzati dati aziendali, fogli di calcolo e archivi digitali con maggiore precisione e coerenza.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \u2713\r\n              <\/div>\r\n\r\n              <h3>\r\n                Attivit\u00e0 amministrative\r\n              <\/h3>\r\n\r\n              <p>\r\n                Supporta le attivit\u00e0 amministrative digitali ricorrenti e contribuisci a mantenere organizzate le operazioni quotidiane dell\u2019azienda.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \u2699\r\n              <\/div>\r\n\r\n              <h3>\r\n                Ottimizzazione dei flussi di lavoro\r\n              <\/h3>\r\n\r\n              <p>\r\n                Individua le fasi poco efficienti dei processi quotidiani e crea soluzioni pi\u00f9 semplici per gestire le attivit\u00e0 amministrative ripetitive.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \u2709\r\n              <\/div>\r\n\r\n              <h3>\r\n                Comunicazione digitale\r\n              <\/h3>\r\n\r\n              <p>\r\n                Aiuta a organizzare le comunicazioni digitali, le richieste di informazioni e la corrispondenza aziendale ricorrente.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"card\">\r\n\r\n              <div class=\"card-icon\">\r\n                \u26a1\r\n              <\/div>\r\n\r\n              <h3>\r\n                Gestione delle attivit\u00e0 digitali\r\n              <\/h3>\r\n\r\n              <p>\r\n                Collega gli strumenti e i processi utilizzati nella tua attivit\u00e0 per creare un ambiente operativo digitale pi\u00f9 efficiente.\r\n              <\/p>\r\n\r\n            <\/article>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               PROCESS\r\n               ================================================= -->\r\n\r\n          <div class=\"label\">\r\n            IL PROCESSO\r\n          <\/div>\r\n\r\n          <h2 class=\"heading\">\r\n            Supporto pratico su misura per le tue attivit\u00e0\r\n          <\/h2>\r\n\r\n          <p class=\"text\">\r\n            Prima analizzo come vengono gestite attualmente le attivit\u00e0 amministrative, individuo dove si perde tempo e poi aiuto a strutturare il processo utilizzando gli strumenti e i sistemi gi\u00e0 in uso.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"process\">\r\n\r\n            <div class=\"steps\">\r\n\r\n\r\n              <div class=\"step\">\r\n\r\n                <div class=\"step-number\">\r\n                  01\r\n                <\/div>\r\n\r\n                <h3>\r\n                  Comprendi\r\n                <\/h3>\r\n\r\n                <p>\r\n                  Analizza le attivit\u00e0 amministrative, i documenti, le informazioni e gli strumenti digitali attualmente utilizzati.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"step\">\r\n\r\n                <div class=\"step-number\">\r\n                  02\r\n                <\/div>\r\n\r\n                <h3>\r\n                  Organizza\r\n                <\/h3>\r\n\r\n                <p>\r\n                  Organizza documenti, dati e attivit\u00e0 ricorrenti in un flusso di lavoro pi\u00f9 chiaro.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"step\">\r\n\r\n                <div class=\"step-number\">\r\n                  03\r\n                <\/div>\r\n\r\n                <h3>\r\n                  Ottimizza\r\n                <\/h3>\r\n\r\n                <p>\r\n                  Semplifica i passaggi non necessari e migliora il flusso delle informazioni nel processo.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"step\">\r\n\r\n                <div class=\"step-number\">\r\n                  04\r\n                <\/div>\r\n\r\n                <h3>\r\n                  Supporto\r\n                <\/h3>\r\n\r\n                <p>\r\n                  Mantieni il flusso di lavoro digitale organizzato e rendi pi\u00f9 semplici da gestire le attivit\u00e0 ricorrenti.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               BEFORE \/ AFTER\r\n               ================================================= -->\r\n\r\n          <div class=\"label\">\r\n            PRIMA \u2192 DOPO\r\n          <\/div>\r\n\r\n          <h2 class=\"heading\">\r\n            Da un\u2019amministrazione frammentata a operazioni organizzate\r\n          <\/h2>\r\n\r\n          <p class=\"text\">\r\n            Un flusso di lavoro amministrativo strutturato rende pi\u00f9 semplice gestire documenti, informazioni e attivit\u00e0 digitali ricorrenti, senza inutili complicazioni.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"example\">\r\n\r\n\r\n            <div class=\"box\">\r\n\r\n              <div class=\"box-label\">\r\n                PRIMA\r\n              <\/div>\r\n\r\n              <h3>\r\n                Amministrazione disorganizzata\r\n              <\/h3>\r\n\r\n              <p>\r\n                I documenti sono distribuiti in diverse posizioni, le informazioni sono difficili da monitorare e le attivit\u00e0 ricorrenti richiedono un lavoro manuale non necessario.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"arrow\">\r\n              \u2192\r\n            <\/div>\r\n\r\n\r\n            <div class=\"box after\">\r\n\r\n              <div class=\"box-label\">\r\n                DOPO\r\n              <\/div>\r\n\r\n              <h3>\r\n                Operazioni organizzate\r\n              <\/h3>\r\n\r\n              <p>\r\n                File, informazioni e attivit\u00e0 ricorrenti seguono una struttura pi\u00f9 chiara, rendendo pi\u00f9 semplice la gestione delle attivit\u00e0 amministrative digitali quotidiane.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               FLOW\r\n               ================================================= -->\r\n\r\n          <div class=\"flow\">\r\n\r\n            <span>\r\n              ORGANIZZA\r\n            <\/span>\r\n\r\n            <b>\r\n              \u2192\r\n            <\/b>\r\n\r\n            <span>\r\n              STRUTTURA\r\n            <\/span>\r\n\r\n            <b>\r\n              \u2192\r\n            <\/b>\r\n\r\n            <span>\r\n              OTTIMIZZA\r\n            <\/span>\r\n\r\n            <b>\r\n              \u2192\r\n            <\/b>\r\n\r\n            <span>\r\n              SUPPORTO\r\n            <\/span>\r\n\r\n            <b>\r\n              \u2192\r\n            <\/b>\r\n\r\n            <span>\r\n              MIGLIORA\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               TOOLS\r\n               ================================================= -->\r\n\r\n          <div class=\"label\">\r\n            STRUMENTI E SISTEMI DIGITALI\r\n          <\/div>\r\n\r\n          <h2 class=\"heading\">\r\n            Supporto lungo tutto il tuo flusso di lavoro digitale\r\n          <\/h2>\r\n\r\n          <p class=\"text\">\r\n            Il supporto amministrativo pu\u00f2 includere gli strumenti digitali che la tua attivit\u00e0 utilizza gi\u00e0 ogni giorno, contribuendo a mantenere organizzati informazioni, documenti e processi.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"tools\">\r\n\r\n            <div class=\"tool\">\r\n              \u2601 Google Workspace\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              Google Fogli\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              Google Documenti\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              \ud83d\udcc1 Google Drive\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              \u2709 Gmail\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              31 Google Calendar\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              \u25eb Google Forms\r\n            <\/div>\r\n\r\n            <div class=\"tool\">\r\n              Flussi di lavoro digitali\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               RESULTS\r\n               ================================================= -->\r\n\r\n          <div class=\"label\">\r\n            IL RISULTATO\r\n          <\/div>\r\n\r\n          <h2 class=\"heading\">\r\n            Cosa ottiene la tua attivit\u00e0\r\n          <\/h2>\r\n\r\n          <p class=\"text\">\r\n            Il risultato \u00e8 un ambiente di lavoro digitale pi\u00f9 organizzato, in cui le informazioni amministrative e le attivit\u00e0 ricorrenti sono pi\u00f9 semplici da gestire.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"results\">\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Documenti meglio organizzati\r\n            <\/div>\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Informazioni aziendali strutturate\r\n            <\/div>\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Gestione amministrativa quotidiana pi\u00f9 semplice\r\n            <\/div>\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Flussi di lavoro pi\u00f9 efficienti\r\n            <\/div>\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Meno attivit\u00e0 manuali ripetitive\r\n            <\/div>\r\n\r\n            <div class=\"result\">\r\n              <b>\u2713<\/b>\r\n              Better digital organization\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================================\r\n               FINAL CTA\r\n               ================================================= -->\r\n\r\n          <div class=\"cta\">\r\n\r\n            <div>\r\n\r\n              <h2>\r\n                Hai un progetto in mente?\r\n              <\/h2>\r\n\r\n              <p>\r\n                Dimmi di cosa hai bisogno e costruiamo insieme la soluzione pi\u00f9 adatta al tuo flusso di lavoro.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n            <a href=\"\/it\/contact\/\">\r\n              Parliamone \u2192\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/section>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  const m =\r\n    document.getElementById('gp07-modal');\r\n\r\n  const o =\r\n    document.getElementById('gp07-open');\r\n\r\n  if(!m || !o) return;\r\n\r\n\r\n  \/*\r\n   * Move modal directly under body.\r\n   * This prevents Elementor containers\r\n   * from affecting fixed positioning.\r\n   *\/\r\n\r\n  document.body.appendChild(m);\r\n\r\n\r\n  const c =\r\n    m.querySelector('.close');\r\n\r\n\r\n  function open(){\r\n\r\n    m.classList.add('open');\r\n\r\n    m.setAttribute(\r\n      'aria-hidden',\r\n      'false'\r\n    );\r\n\r\n    document.body.style.overflow =\r\n      'hidden';\r\n\r\n  }\r\n\r\n\r\n  function shut(){\r\n\r\n    m.classList.remove('open');\r\n\r\n    m.setAttribute(\r\n      'aria-hidden',\r\n      'true'\r\n    );\r\n\r\n    document.body.style.overflow =\r\n      '';\r\n\r\n  }\r\n\r\n\r\n  o.addEventListener(\r\n    'click',\r\n    function(e){\r\n\r\n      e.preventDefault();\r\n\r\n      open();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  c.addEventListener(\r\n    'click',\r\n    shut\r\n  );\r\n\r\n\r\n  m.addEventListener(\r\n    'click',\r\n    function(e){\r\n\r\n      if(e.target === m){\r\n        shut();\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n\r\n  document.addEventListener(\r\n    'keydown',\r\n    function(e){\r\n\r\n      if(\r\n        e.key === 'Escape' &&\r\n        m.classList.contains('open')\r\n      ){\r\n        shut();\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8378191 e-flex e-con-boxed e-con e-parent\" data-id=\"8378191\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-798e07a e-con-full e-flex e-con e-child\" data-id=\"798e07a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ee7cb8 elementor-widget elementor-widget-heading\" data-id=\"3ee7cb8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;textmuia_motion_duration&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;textmuia_motion_delay&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;textmuia_motion_stagger&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;textmuia_motion_ease&quot;:&quot;expo.out&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Tecnologie che utilizzo<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8257098 elementor-widget elementor-widget-text-editor\" data-id=\"8257098\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;textmuia_motion_duration&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;textmuia_motion_delay&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;textmuia_motion_stagger&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;textmuia_motion_ease&quot;:&quot;expo.out&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Creo soluzioni utilizzando piattaforme affidabili e strumenti digitali moderni.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-95ccb66 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"95ccb66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.logo-slider{\r\n    width:100%;\r\n    overflow:hidden;\r\n    position:relative;\r\n    padding:25px 0;\r\n}\r\n\r\n.logo-slider::before,\r\n.logo-slider::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:0;\r\n    width:120px;\r\n    height:100%;\r\n    z-index:2;\r\n    pointer-events:none;\r\n}\r\n\r\n.logo-slider::before{\r\n    left:0;\r\n    background:linear-gradient(to right,#fff,transparent);\r\n}\r\n\r\n.logo-slider::after{\r\n    right:0;\r\n    background:linear-gradient(to left,#fff,transparent);\r\n}\r\n\r\n.logo-track{\r\n    display:flex;\r\n    align-items:center;\r\n    width:max-content;\r\n    animation:scroll 28s linear infinite;\r\n}\r\n\r\n.logo-slider:hover .logo-track{\r\n    animation-play-state:paused;\r\n}\r\n\r\n.logo-track img{\r\n    width:100px;\r\n    height:100px;\r\n    object-fit:contain;\r\n    margin:0 40px;\r\n    transition:transform .3s ease;\r\n}\r\n\r\n.logo-track img:hover{\r\n    transform:scale(1.12);\r\n}\r\n\r\n@keyframes scroll{\r\n    from{\r\n        transform:translateX(0);\r\n    }\r\n    to{\r\n        transform:translateX(-50%);\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"logo-slider\">\r\n    <div class=\"logo-track\">\r\n\r\n        <!-- Prima sequenza -->\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/08\/Immagine-2026-08-06-095036.png\" alt=\"Google Forms\" title=\"Servizi\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-5-ago-2026-12_29_32.png\" alt=\"Google Sheets\" title=\"Servizi\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-5-ago-2026-12_03_24.png\" alt=\"Google Docs\" title=\"Servizi\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-6-ago-2026-09_29_05.png\" alt=\"Apps Script\" title=\"Servizi\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-5-ago-2026-15_39_42.png\" alt=\"Google Drive\" title=\"Servizi\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-5-ago-2026-15_42_18.png\" alt=\"Gmail\" title=\"Servizi\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/08\/Immagine-2026-08-05-153249.png\" alt=\"WordPress\" title=\"Servizi\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-5-ago-2026-15_29_34.png\" alt=\"Elementor\" title=\"Servizi\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-6-ago-2026-09_22_18.png\" alt=\"Astra\" title=\"Servizi\">\r\n\r\n\r\n        <!-- Duplicato per loop infinito -->\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/08\/Immagine-2026-08-06-095036.png\" alt=\"Google Forms\" title=\"Servizi\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-5-ago-2026-12_29_32.png\" alt=\"Google Sheets\" title=\"Servizi\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-5-ago-2026-12_03_24.png\" alt=\"Google Docs\" title=\"Servizi\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-6-ago-2026-09_29_05.png\" alt=\"Apps Script\" title=\"Servizi\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-5-ago-2026-15_39_42.png\" alt=\"Google Drive\" title=\"Servizi\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-5-ago-2026-15_42_18.png\" alt=\"Gmail\" title=\"Servizi\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/08\/Immagine-2026-08-05-153249.png\" alt=\"WordPress\" title=\"Servizi\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-5-ago-2026-15_29_34.png\" alt=\"Elementor\" title=\"Servizi\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-6-ago-2026-09_22_18.png\" alt=\"Astra\" title=\"Servizi\">\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-51fe40d e-flex e-con-boxed e-con e-parent\" data-id=\"51fe40d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1b7d18a e-con-full e-flex e-con e-child\" data-id=\"1b7d18a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c5366c elementor-widget elementor-widget-heading\" data-id=\"2c5366c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;textmuia_motion_duration&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;textmuia_motion_delay&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;textmuia_motion_stagger&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;textmuia_motion_ease&quot;:&quot;expo.out&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Let's Build a Smarter Workflow Together<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83f2316 elementor-widget elementor-widget-testimonial\" data-id=\"83f2316\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"testimonial.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-wrapper\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-content\">Che tu abbia bisogno di automatizzare i flussi di lavoro, creare un sito web professionale in WordPress o sviluppare una soluzione personalizzata con Google Workspace, sono qui per aiutarti a trasformare le tue idee in sistemi digitali efficienti.<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-testimonial-meta elementor-has-image elementor-testimonial-image-position-top\">\n\t\t\t\t<div class=\"elementor-testimonial-meta-inner\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial-image\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"1672\" src=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-17-set-2026-09_46_52.png\" class=\"attachment-full size-full wp-image-3887\" alt=\"chatgpt image 17 set 2026, 09 46 52\"  title=\"Servizi\" srcset=\"https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-17-set-2026-09_46_52.png 941w, https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-17-set-2026-09_46_52-169x300.png 169w, https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-17-set-2026-09_46_52-576x1024.png 576w, https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-17-set-2026-09_46_52-768x1365.png 768w, https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-17-set-2026-09_46_52-864x1536.png 864w, https:\/\/gpworkflow.it\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-17-set-2026-09_46_52-7x12.png 7w\" sizes=\"(max-width: 941px) 100vw, 941px\" \/>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial-details\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial-name\">Gian Piero Mercado<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial-job\">FREELANCER<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dad37dc e-flex e-con-boxed e-con e-parent\" data-id=\"dad37dc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a5ad80f e-con-full e-flex e-con e-child\" data-id=\"a5ad80f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-9016bdd e-con-full e-flex e-con e-child\" data-id=\"9016bdd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7aa3c69 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"7aa3c69\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;shake&quot;,&quot;textmuia_motion_duration&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;textmuia_motion_delay&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;textmuia_motion_stagger&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;textmuia_motion_ease&quot;:&quot;expo.out&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Pronto a iniziare il tuo prossimo progetto?<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0694a9d elementor-widget elementor-widget-text-editor\" data-id=\"0694a9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;textmuia_motion_duration&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;textmuia_motion_delay&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;textmuia_motion_stagger&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;textmuia_motion_ease&quot;:&quot;expo.out&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Parliamo di come automazioni personalizzate, soluzioni con Google Workspace o un sito web professionale in WordPress possono aiutare la tua attivit\u00e0 a risparmiare tempo e lavorare in modo pi\u00f9 efficiente.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8bc115e e-con-full e-flex e-con e-child\" data-id=\"8bc115e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cfaed48 elementor-align-right elementor-tablet-align-right elementor-mobile-align-left elementor-invisible elementor-widget elementor-widget-button\" data-id=\"cfaed48\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"\/it\/Contact\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Inizia il tuo progetto<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Services Digital solutions designed around your business. From professional websites to smart forms and automated workflows, I build practical digital solutions that simplify your work, save time and help your business run more efficiently. How Can I Help Your Business? I create practical digital solutions tailored to your business. From professional websites and smart forms [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","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":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","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-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gpworkflow.it\/it\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gpworkflow.it\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gpworkflow.it\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gpworkflow.it\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gpworkflow.it\/it\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":328,"href":"https:\/\/gpworkflow.it\/it\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":4098,"href":"https:\/\/gpworkflow.it\/it\/wp-json\/wp\/v2\/pages\/21\/revisions\/4098"}],"wp:attachment":[{"href":"https:\/\/gpworkflow.it\/it\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}