{"id":2207,"date":"2026-08-06T10:15:59","date_gmt":"2026-08-06T10:15:59","guid":{"rendered":"https:\/\/gplg.pt\/ia\/?page_id=2207"},"modified":"2026-08-21T09:41:41","modified_gmt":"2026-08-21T09:41:41","slug":"scada-systeme","status":"publish","type":"page","link":"https:\/\/gplg.pt\/de\/technologies\/scada-systems\/","title":{"rendered":"SCADA-Systeme"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2207\" class=\"elementor elementor-2207\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7898bdd e-con e-atomic-element e-flexbox-base e-ed782b0 \" data-id=\"7898bdd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7898bdd\" data-e-type=\"e-flexbox\" data-id=\"7898bdd\">\n    <div class=\"elementor-element elementor-element-b7551e8 e-con-full e-flex e-con e-parent\" data-id=\"b7551e8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef4a710 elementor-widget__width-auto elementor-widget elementor-widget-premium-addon-banner\" data-id=\"ef4a710\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"premium-addon-banner.default\">\n\t\t\t\t\t\t\t<div class=\"premium-banner-ib premium-banner-min-height premium-banner-animation11 none premium-banner__effect-type2\">\n\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1862\" height=\"583\" src=\"https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/SCADA-e1786732160875.png\" class=\"attachment-full size-full wp-image-3212\" alt=\"scada\" srcset=\"https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/SCADA-e1786732160875.png 1862w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/SCADA-e1786732160875-300x94.png 300w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/SCADA-e1786732160875-1024x321.png 1024w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/SCADA-e1786732160875-768x240.png 768w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/SCADA-e1786732160875-1536x481.png 1536w\" sizes=\"(max-width: 1862px) 100vw, 1862px\" \/>\t\t\t\t\t\t\t\t\t\t<div class=\"premium-banner-gradient\"><\/div>\n\t\t\t\t\t\t<div class=\"premium-banner-ib-desc\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"premium-banner-ib-title premium_banner_title\">\n\t\t\t\t\t\tSupervision, Monitoring and Control for Industrial Operations\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"premium-banner-ib-content premium_banner_content\">\n\t\t\t\t\t\t<p class=\"PDq2pG_selectionAnchorContainer\" data-start=\"497\" data-end=\"696\">SCADA systems provide a central interface for monitoring and supervising industrial processes, giving operators clear visibility of machine status, production conditions, alarms and operational data.<\/p><p>GPLG develops SCADA solutions designed around the structure and requirements of each industrial process.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n<hr class=\"e-76eb8a3-e10ef87 e-divider-base\" data-interaction-id=\"76eb8a3\"  data-e-type=\"widget\" data-id=\"76eb8a3\" \/>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a91971a e-con e-atomic-element e-flexbox-base e-0d6d546 \" data-id=\"a91971a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a91971a\" data-e-type=\"e-flexbox\" data-id=\"a91971a\">\n    <div class=\"elementor-element elementor-element-c4bf09b e-con e-atomic-element e-flexbox-base e-08a39ac \" data-id=\"c4bf09b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c4bf09b\" data-e-type=\"e-flexbox\" data-id=\"c4bf09b\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-3e19ea0 e-con e-atomic-element e-flexbox-base e-ead7ae9 \" data-id=\"3e19ea0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3e19ea0\" data-e-type=\"e-flexbox\" data-id=\"3e19ea0\">\n    \t\t<div class=\"elementor-element elementor-element-4eb6ba5 elementor-view-stacked elementor-widget__width-initial elementor-shape-circle elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"4eb6ba5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"huge huge-laptop-programming\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tWHAT SCADA DOES\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\t<h2>From Industrial Data to Operational Information<\/h2>\n\n<p>A SCADA system continuously collects information from the industrial environment and transforms it into information that operators and engineers can use.<\/p>\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-73ee1ae e-grid e-con-boxed e-con e-parent\" data-id=\"73ee1ae\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a862a6 elementor-view-stacked elementor-shape-circle elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"1a862a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"huge huge-timer-02\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tReal-Time Monitoring\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\t<p>Visualisation of machine and process conditions as they happen.<\/p>\n\n<p>Operators can monitor:<\/p>\n\n<ul>\n    <li>Machine states<\/li>\n    <li>Process values<\/li>\n    <li>Production status<\/li>\n    <li>Temperatures<\/li>\n    <li>Pressures<\/li>\n    <li>Speeds<\/li>\n    <li>Levels<\/li>\n    <li>Equipment status<\/li>\n<\/ul>\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de942e7 elementor-view-stacked elementor-shape-circle elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"de942e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"huge huge-time-management\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tAlarm Management\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\t<p>SCADA provides structured visibility of abnormal conditions.<\/p>\n\n<p>Alarm systems can include:<\/p>\n\n<ul>\n    <li>Alarm priorities<\/li>\n    <li>Alarm history<\/li>\n    <li>Acknowledgement<\/li>\n    <li>Event timestamps<\/li>\n    <li>Operator notifications<\/li>\n    <li>Diagnostic information<\/li>\n<\/ul>\n\n<p>The objective is not simply to display an alarm, but to provide enough information to understand what requires attention.<\/p>\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f1e959 elementor-view-stacked elementor-shape-circle elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"5f1e959\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"huge huge-vision\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tProcess Visualisation\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\t<p>Complex industrial processes are represented through intuitive graphical interfaces.<\/p>\n\n<p>Depending on the application, screens can include:<\/p>\n\n<ul>\n    <li>Process diagrams<\/li>\n    <li>Machine layouts<\/li>\n    <li>Equipment status<\/li>\n    <li>Production counters<\/li>\n    <li>Trends<\/li>\n    <li>Parameters<\/li>\n    <li>Operating modes<\/li>\n<\/ul>\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aef4cfe elementor-view-stacked elementor-shape-circle elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"aef4cfe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"huge huge-data-recovery\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tHistorical Data\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\t<p>SCADA can store and visualise historical process information, allowing engineers and operators to analyse what happened over time.<\/p>\n\n<p>Examples include:<\/p>\n\n<ul>\n    <li>Production trends<\/li>\n    <li>Temperature history<\/li>\n    <li>Machine cycles<\/li>\n    <li>Alarm history<\/li>\n    <li>Process values<\/li>\n    <li>Equipment performance<\/li>\n<\/ul>\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\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-da804da e-con e-atomic-element e-flexbox-base e-262c472 \" data-id=\"da804da\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"da804da\" data-e-type=\"e-flexbox\" data-id=\"da804da\">\n    <div class=\"elementor-element elementor-element-e475221 e-con-full e-grid e-con e-parent\" data-id=\"e475221\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b2e3f9 elementor-widget elementor-widget-text-editor\" data-id=\"8b2e3f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"iiot-card-container\"><p><!-- Header Bar --><\/p><div class=\"iiot-card-header\"><div class=\"iiot-header-title\"><h3>SCADA ARCHITECTURE<\/h3><\/div><\/div><div class=\"iiot-content-inner\"><p><!-- Section Header inside content --><\/p><div class=\"iiot-section-box\" style=\"width: 100%; box-sizing: border-box;\"><div class=\"iiot-card-header-inner\"><span class=\"iiot-card-badge\">HIERARCHICAL CONTROL LAYER<\/span><br \/><span class=\"iiot-card-title\">Designed as an Industrial Control Layer<\/span><\/div><p class=\"iiot-card-text\">A robust supervisory architecture seamlessly bridges field-level automation with operator control and long-term data collection.<\/p><p><!-- ASCII \/ Structural Architecture Flow Graphic --><\/p><div class=\"iiot-arch-diagram\" style=\"margin: 10px 0; padding: 20px; font-family: monospace;\"><div class=\"iiot-arch-node iiot-flow-highlight-step\" style=\"max-width: 220px; margin: 0 auto;\">SCADA<\/div><div class=\"iiot-flow-arrow\" style=\"margin: 8px 0;\">\u2502<\/div><div style=\"display: flex; justify-content: center; gap: 40px; width: 100%; max-width: 400px; margin: 0 auto;\"><div style=\"text-align: center; flex: 1;\"><div class=\"iiot-arch-node\" style=\"padding: 6px; font-size: 0.75rem;\">Operator Stations<\/div><\/div><div style=\"text-align: center; flex: 1;\"><div class=\"iiot-arch-node\" style=\"padding: 6px; font-size: 0.75rem;\">Historian<\/div><\/div><\/div><div class=\"iiot-flow-arrow\" style=\"margin: 8px 0;\">\u2502<\/div><div class=\"iiot-arch-node\" style=\"max-width: 220px; margin: 0 auto;\">PLCs<\/div><div class=\"iiot-flow-arrow\" style=\"margin: 8px 0;\">\u2502<\/div><div style=\"display: flex; justify-content: center; gap: 15px; width: 100%; max-width: 480px; margin: 0 auto;\"><div style=\"text-align: center; flex: 1;\"><div class=\"iiot-arch-node\" style=\"padding: 6px; font-size: 0.75rem;\">Sensors<\/div><\/div><div style=\"text-align: center; flex: 1;\"><div class=\"iiot-arch-node\" style=\"padding: 6px; font-size: 0.75rem;\">Drives<\/div><\/div><div style=\"text-align: center; flex: 1;\"><div class=\"iiot-arch-node\" style=\"padding: 6px; font-size: 0.75rem;\">Robots<\/div><\/div><\/div><div class=\"iiot-flow-arrow\" style=\"margin: 8px 0;\">\u2502<\/div><div class=\"iiot-arch-tier-label\" style=\"margin-top: 4px;\">PRODUCTION ENVIRONMENT<\/div><\/div><p><!-- Footer Text underneath matching user specification --><\/p><div class=\"iiot-statement-banner iiot-strong-banner\" style=\"margin-top: 10px;\"><div class=\"iiot-statement-badge\">GPLG ARCHITECTURE<\/div><div class=\"iiot-statement-text\" style=\"font-weight: 400; opacity: 0.9;\">GPLG designs SCADA architectures according to the scale and requirements of the installation. From a single machine interface to multi-line industrial monitoring systems, the architecture is designed to remain structured, reliable and scalable.<\/div><\/div><\/div><\/div><\/div><p><style>\n  .iiot-card-container {<br \/>    width: 100%;<br \/>    max-width: 100%;<br \/>    margin: 20px 0;<br \/>    border: 1px solid rgba(255, 255, 255, 0.2);<br \/>    border-radius: 10px;<br \/>    background-color: transparent;<br \/>    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;<br \/>    overflow: hidden;<br \/>    box-sizing: border-box;<br \/>  }<\/p>\n<p>  .iiot-card-header {<br \/>    display: flex;<br \/>    align-items: center;<br \/>    padding: 18px 24px;<br \/>    background-color: rgba(13, 35, 58, 0.85);<br \/>    backdrop-filter: blur(5px);<br \/>    color: #ffffff;<br \/>  }<\/p>\n<p>  .iiot-header-title h3 {<br \/>    margin: 0;<br \/>    font-size: 1.15rem;<br \/>    font-weight: 600;<br \/>    color: #ffffff !important;<br \/>  }<\/p>\n<p>  .iiot-content-inner {<br \/>    padding: 24px;<br \/>    border-top: 1px solid rgba(255, 255, 255, 0.1);<br \/>  }<\/p>\n<p>  .iiot-section-box {<br \/>    background-color: rgba(255, 255, 255, 0.03);<br \/>    border: 1px solid rgba(255, 255, 255, 0.15);<br \/>    border-radius: 8px;<br \/>    padding: 20px;<br \/>    display: flex;<br \/>    flex-direction: column;<br \/>    gap: 16px;<br \/>    box-sizing: border-box;<br \/>  }<\/p>\n<p>  .iiot-card-header-inner {<br \/>    display: flex;<br \/>    flex-direction: column;<br \/>    gap: 4px;<br \/>    border-bottom: 1px solid rgba(255, 255, 255, 0.1);<br \/>    padding-bottom: 10px;<br \/>  }<\/p>\n<p>  .iiot-card-badge {<br \/>    font-size: 0.72rem;<br \/>    font-weight: 700;<br \/>    opacity: 0.55;<br \/>    letter-spacing: 1px;<br \/>    color: inherit;<br \/>  }<\/p>\n<p>  .iiot-card-title {<br \/>    font-size: 1rem;<br \/>    font-weight: 600;<br \/>    color: inherit;<br \/>  }<\/p>\n<p>  .iiot-card-text {<br \/>    font-size: 0.85rem;<br \/>    line-height: 1.45;<br \/>    opacity: 0.85;<br \/>    margin: 0;<br \/>  }<\/p>\n<p>  \/* Technical Architecture Diagram Styling *\/<br \/>  .iiot-arch-diagram {<br \/>    display: flex;<br \/>    flex-direction: column;<br \/>    align-items: center;<br \/>    gap: 4px;<br \/>    background-color: rgba(255, 255, 255, 0.015);<br \/>    border: 1px solid rgba(255, 255, 255, 0.08);<br \/>    border-radius: 6px;<br \/>    padding: 14px;<br \/>  }<\/p>\n<p>  .iiot-arch-tier-label {<br \/>    font-size: 0.68rem;<br \/>    font-weight: 700;<br \/>    letter-spacing: 1px;<br \/>    opacity: 0.5;<br \/>    margin-bottom: 2px;<br \/>  }<\/p>\n<p>  .iiot-arch-node {<br \/>    width: 100%;<br \/>    max-width: 320px;<br \/>    background-color: rgba(255, 255, 255, 0.03);<br \/>    border: 1px solid rgba(255, 255, 255, 0.12);<br \/>    border-radius: 6px;<br \/>    padding: 8px 12px;<br \/>    text-align: center;<br \/>    font-size: 0.78rem;<br \/>    font-weight: 600;<br \/>    color: #ffffff;<br \/>  }<\/p>\n<p>  .iiot-flow-highlight-step {<br \/>    background-color: rgba(13, 35, 58, 0.85);<br \/>    border-color: rgba(255, 255, 255, 0.35);<br \/>  }<\/p>\n<p>  .iiot-flow-arrow {<br \/>    font-size: 0.78rem;<br \/>    opacity: 0.4;<br \/>    line-height: 1;<br \/>    margin: 2px 0;<br \/>  }<\/p>\n<p>  \/* Note Banner *\/<br \/>  .iiot-statement-banner {<br \/>    background-color: rgba(13, 35, 58, 0.6);<br \/>    border: 1px solid rgba(255, 255, 255, 0.2);<br \/>    border-radius: 8px;<br \/>    padding: 12px 16px;<br \/>    text-align: center;<br \/>    display: flex;<br \/>    flex-direction: column;<br \/>    gap: 4px;<br \/>    align-items: center;<br \/>  }<\/p>\n<p>  .iiot-strong-banner {<br \/>    background-color: rgba(13, 35, 58, 0.85);<br \/>    border-color: rgba(255, 255, 255, 0.35);<br \/>  }<\/p>\n<p>  .iiot-statement-badge {<br \/>    font-size: 0.66rem;<br \/>    font-weight: 700;<br \/>    opacity: 0.55;<br \/>    letter-spacing: 1px;<br \/>    color: inherit;<br \/>  }<\/p>\n<p>  .iiot-statement-text {<br \/>    font-size: 0.82rem;<br \/>    font-weight: 500;<br \/>    color: #ffffff;<br \/>    line-height: 1.4;<br \/>  }<br \/><\/style><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ae2a143 e-con e-atomic-element e-flexbox-base e-6092286 \" data-id=\"ae2a143\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ae2a143\" data-e-type=\"e-flexbox\" data-id=\"ae2a143\">\n    \t\t\t<img decoding=\"async\" class=\"e-image-base e-02e95ac-c7b5592\" data-interaction-id=\"02e95ac\" data-e-type=\"widget\" data-id=\"02e95ac\" id=\"4532\" src=\"https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/SCADA-Aechitecture.jpeg\" width=\"1408\" height=\"768\" srcset=\"https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/SCADA-Aechitecture.jpeg 1408w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/SCADA-Aechitecture-300x164.jpeg 300w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/SCADA-Aechitecture-1024x559.jpeg 1024w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/SCADA-Aechitecture-768x419.jpeg 768w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/SCADA-Aechitecture-18x10.jpeg 18w\" alt=\"scada aechitecture\"\/>\t\t\n<\/div>\n\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-cc3f987 e-con e-atomic-element e-flexbox-base e-f1f434c \" data-id=\"cc3f987\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cc3f987\" data-e-type=\"e-flexbox\" data-id=\"cc3f987\">\n    <div class=\"elementor-element elementor-element-b091595 e-grid e-con-boxed e-con e-parent\" data-id=\"b091595\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15b546c elementor-widget elementor-widget-icon-box\" data-id=\"15b546c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h1 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tSCADA ENGINEERING\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h1>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f78467b e-con e-atomic-element e-flexbox-base e-1e9e3ad \" data-id=\"f78467b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f78467b\" data-e-type=\"e-flexbox\" data-id=\"f78467b\">\n    <div class=\"elementor-element elementor-element-4d205b3 e-con e-atomic-element e-flexbox-base e-89060d6 \" data-id=\"4d205b3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4d205b3\" data-e-type=\"e-flexbox\" data-id=\"4d205b3\">\n    \t\t<div class=\"elementor-element elementor-element-ae6e0fc elementor-widget elementor-widget-text-editor\" data-id=\"ae6e0fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>HMI VS SCADA ARCHITECTURE<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n    <!-- Side-by-Side Main Wrapper -->\n    <div class=\"iiot-side-by-side-layout\">\n\n      <!-- Column 1: Definitions & Comparison -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">SYSTEM DISTINCTION<\/span>\n          <span class=\"iiot-card-title\">HMI and SCADA Are Not the Same<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          Although HMI and SCADA systems are closely related, they normally serve different operational purposes across the plant floor:\n        <\/p>\n\n        <!-- Two Comparison Blocks -->\n        <div class=\"iiot-four-blocks-grid\" style=\"grid-template-columns: 1fr; gap: 10px;\">\n          <div class=\"iiot-block-card\" style=\"padding: 12px 14px;\">\n            <span class=\"iiot-block-title\" style=\"color: #ffffff; display: flex; align-items: center; gap: 6px;\">\n              <span style=\"font-size: 0.65rem; background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 4px;\">LOCAL<\/span>\n              HMI\n            <\/span>\n            <span class=\"iiot-block-text\">Primarily provides an interface for operating and interacting with an individual machine or local process.<\/span>\n          <\/div>\n          \n          <div class=\"iiot-block-card\" style=\"padding: 12px 14px;\">\n            <span class=\"iiot-block-title\" style=\"color: #ffffff; display: flex; align-items: center; gap: 6px;\">\n              <span style=\"font-size: 0.65rem; background: rgba(13,35,58,0.85); padding: 2px 6px; border-radius: 4px; border: 1px solid rgba(255,255,255,0.2);\">SUPERVISORY<\/span>\n              SCADA\n            <\/span>\n            <span class=\"iiot-block-text\">Provides broader supervision and monitoring across machines, production lines or industrial processes.<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Column 2: Integrated Flow & Plant Deployment -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">HIERARCHICAL FLOW<\/span>\n          <span class=\"iiot-card-title\">Integrated Architecture<\/span>\n        <\/div>\n        \n        <!-- Vertical Flow Diagram matching user text -->\n        <div class=\"iiot-arch-diagram\" style=\"margin: 2px 0; gap: 4px; padding: 10px;\">\n          <div class=\"iiot-arch-node\" style=\"padding: 6px; font-size: 0.75rem; max-width: 160px;\">Machine<\/div>\n          <div class=\"iiot-flow-arrow\" style=\"margin: 1px 0;\">\u2193<\/div>\n          <div class=\"iiot-arch-node\" style=\"padding: 6px; font-size: 0.75rem; max-width: 160px;\">HMI<\/div>\n          <div class=\"iiot-flow-arrow\" style=\"margin: 1px 0;\">\u2193<\/div>\n          <div class=\"iiot-arch-node\" style=\"padding: 6px; font-size: 0.75rem; max-width: 160px;\">PLC<\/div>\n          <div class=\"iiot-flow-arrow\" style=\"margin: 1px 0;\">\u2193<\/div>\n          <div class=\"iiot-arch-node\" style=\"padding: 6px; font-size: 0.75rem; max-width: 160px;\">Industrial Network<\/div>\n          <div class=\"iiot-flow-arrow\" style=\"margin: 1px 0;\">\u2193<\/div>\n          <div class=\"iiot-arch-node iiot-flow-highlight-step\" style=\"padding: 6px; font-size: 0.75rem; max-width: 160px;\">SCADA<\/div>\n          <div class=\"iiot-flow-arrow\" style=\"margin: 1px 0;\">\u2193<\/div>\n          <div class=\"iiot-arch-node\" style=\"padding: 6px; font-size: 0.75rem; max-width: 160px;\">Plant Monitoring<\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner iiot-strong-banner\" style=\"margin-top: auto;\">\n          <div class=\"iiot-statement-badge\">GPLG ENGINEERING<\/div>\n          <div class=\"iiot-statement-text\">\n            GPLG can design the relationship between local machine interfaces and plant-level supervision according to the requirements of the installation.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Side by Side Layout *\/\n  .iiot-side-by-side-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    height: 100%;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.85rem;\n    line-height: 1.45;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Four Large Blocks Grid *\/\n  .iiot-four-blocks-grid {\n    display: grid;\n    gap: 12px;\n  }\n\n  .iiot-block-card {\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: 8px;\n    padding: 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .iiot-block-title {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .iiot-block-text {\n    font-size: 0.8rem;\n    line-height: 1.4;\n    opacity: 0.75;\n  }\n\n  \/* Technical Architecture Diagram Styling *\/\n  .iiot-arch-diagram {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    background-color: rgba(255, 255, 255, 0.015);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 14px;\n  }\n\n  .iiot-arch-node {\n    width: 100%;\n    max-width: 320px;\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    padding: 8px 12px;\n    text-align: center;\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .iiot-flow-highlight-step {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.78rem;\n    opacity: 0.4;\n    line-height: 1;\n    margin: 2px 0;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 10px 14px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    align-items: center;\n  }\n\n  .iiot-strong-banner {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.66rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.35;\n  }\n\n  @media (max-width: 1024px) {\n    .iiot-side-by-side-layout {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style>\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-960dfb5 e-con e-atomic-element e-flexbox-base e-48bac3c \" data-id=\"960dfb5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"960dfb5\" data-e-type=\"e-flexbox\" data-id=\"960dfb5\">\n    \t\t<div class=\"elementor-element elementor-element-e9ddb10 elementor-widget elementor-widget-text-editor\" data-id=\"e9ddb10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>SCADA APPLICATION DEVELOPMENT<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n    <!-- Side-by-Side Main Wrapper -->\n    <div class=\"iiot-side-by-side-layout\">\n\n      <!-- Column 1: Core Principles & Structure -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">ENGINEERING METHODOLOGY<\/span>\n          <span class=\"iiot-card-title\">Beyond Attractive Screens<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          SCADA development is more than creating visual graphics. The application must accurately represent the actual behavior of the industrial process under all operating conditions.\n        <\/p>\n\n        <!-- Structured Elements List -->\n        <div class=\"iiot-eight-card-grid\" style=\"grid-template-columns: 1fr; gap: 6px; margin-top: 2px;\">\n          <div class=\"iiot-mini-card\" style=\"padding: 10px 12px;\">\n            <span class=\"iiot-mini-title\">Process Structure<\/span>\n            <span class=\"iiot-mini-text\">We organize the application according to the physical and functional structure of the plant.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\" style=\"padding: 10px 12px;\">\n            <span class=\"iiot-mini-title\">Graphic Development<\/span>\n            <span class=\"iiot-mini-text\">Process screens are designed to provide clear visual feedback without overwhelming the operator.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\" style=\"padding: 10px 12px;\">\n            <span class=\"iiot-mini-title\">Tag Management<\/span>\n            <span class=\"iiot-mini-text\">Variables are structured consistently so that signals, equipment and process values remain easy to identify and maintain.<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Column 2: Alarms, Trends & Governance -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">SUPERVISORY CONTROLS<\/span>\n          <span class=\"iiot-card-title\">Data, Alarms &amp; Security<\/span>\n        <\/div>\n        \n        <!-- Structured Elements List 2 -->\n        <div class=\"iiot-eight-card-grid\" style=\"grid-template-columns: 1fr; gap: 6px; margin-top: 2px;\">\n          <div class=\"iiot-mini-card\" style=\"padding: 10px 12px;\">\n            <span class=\"iiot-mini-title\">Alarm Configuration<\/span>\n            <span class=\"iiot-mini-text\">Alarm conditions are structured according to the importance and behavior of the process.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\" style=\"padding: 10px 12px;\">\n            <span class=\"iiot-mini-title\">Trends &amp; Historical Data<\/span>\n            <span class=\"iiot-mini-text\">Relevant process values can be recorded and presented through historical trends.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\" style=\"padding: 10px 12px;\">\n            <span class=\"iiot-mini-title\">User Management<\/span>\n            <span class=\"iiot-mini-text\">Access levels can be configured according to operator, maintenance and engineering responsibilities.<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner iiot-strong-banner\" style=\"margin-top: auto;\">\n          <div class=\"iiot-statement-badge\">GPLG STANDARD<\/div>\n          <div class=\"iiot-statement-text\">\n            Robust application design ensuring operational visibility, diagnostic clarity, and system security.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Side by Side Layout *\/\n  .iiot-side-by-side-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    height: 100%;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.85rem;\n    line-height: 1.45;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Eight-Card Grid \/ List Styling *\/\n  .iiot-eight-card-grid {\n    display: grid;\n    gap: 8px;\n  }\n\n  .iiot-mini-card {\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 10px;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n  }\n\n  .iiot-mini-title {\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .iiot-mini-text {\n    font-size: 0.75rem;\n    line-height: 1.35;\n    opacity: 0.75;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 10px 14px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    align-items: center;\n  }\n\n  .iiot-strong-banner {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.66rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.35;\n  }\n\n  @media (max-width: 1024px) {\n    .iiot-side-by-side-layout {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style>\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-a93a8de e-con e-atomic-element e-flexbox-base e-baf8c76 \" data-id=\"a93a8de\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a93a8de\" data-e-type=\"e-flexbox\" data-id=\"a93a8de\">\n    <div class=\"elementor-element elementor-element-091490f e-con e-atomic-element e-flexbox-base e-a942cbe \" data-id=\"091490f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"091490f\" data-e-type=\"e-flexbox\" data-id=\"091490f\">\n    \t\t<div class=\"elementor-element elementor-element-0192a34 elementor-widget elementor-widget-text-editor\" data-id=\"0192a34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>TRENDS &amp; PROCESS DATA<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n    <!-- Side-by-Side Main Wrapper -->\n    <div class=\"iiot-side-by-side-layout\">\n\n      <!-- Column 1: Core Process Variables -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">ANALYTICAL VISIBILITY<\/span>\n          <span class=\"iiot-card-title\">See How the Process Changes Over Time<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          Real-time values show what is happening now. Historical trends show what happened before. SCADA applications can provide graphical analysis of process variables such as:\n        <\/p>\n\n        <!-- Variables List Grid -->\n        <div class=\"iiot-eight-card-grid\" style=\"grid-template-columns: repeat(2, 1fr); gap: 6px; margin-top: 2px;\">\n          <div class=\"iiot-mini-card\" style=\"padding: 8px 10px;\">\n            <span class=\"iiot-mini-title\">Temperature<\/span>\n            <span class=\"iiot-mini-text\">Thermal profiling<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\" style=\"padding: 8px 10px;\">\n            <span class=\"iiot-mini-title\">Pressure<\/span>\n            <span class=\"iiot-mini-text\">Fluid\/pneumatic metrics<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\" style=\"padding: 8px 10px;\">\n            <span class=\"iiot-mini-title\">Speed<\/span>\n            <span class=\"iiot-mini-text\">Kinetic performance<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\" style=\"padding: 8px 10px;\">\n            <span class=\"iiot-mini-title\">Flow<\/span>\n            <span class=\"iiot-mini-text\">Volume &amp; throughput<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\" style=\"padding: 8px 10px;\">\n            <span class=\"iiot-mini-title\">Production Rate<\/span>\n            <span class=\"iiot-mini-text\">Output velocity<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\" style=\"padding: 8px 10px;\">\n            <span class=\"iiot-mini-title\">Energy Consumption<\/span>\n            <span class=\"iiot-mini-text\">Power tracking<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\" style=\"grid-column: span 2; padding: 8px 10px; flex-direction: row; justify-content: space-between; align-items: center;\">\n            <span class=\"iiot-mini-title\">Machine Cycle Time<\/span>\n            <span class=\"iiot-mini-text\">Efficiency auditing<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Column 2: Diagnostic & Investigative Value -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">DIAGNOSTIC INSIGHT<\/span>\n          <span class=\"iiot-card-title\">Behavioral Analysis<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          Static readings only tell part of the story. Capturing continuous time-series data transforms isolated values into actionable operational intelligence.\n        <\/p>\n\n        <!-- Visual Core Value Graphic -->\n        <div class=\"iiot-arch-diagram\" style=\"margin: 10px 0;\">\n          <div class=\"iiot-arch-tier-label\">DATA VISIBILITY MODEL<\/div>\n          <div class=\"iiot-arch-node\">Instantaneous Snapshots Only<\/div>\n          <div class=\"iiot-flow-arrow\">\u2193 (Replaced By)<\/div>\n          <div class=\"iiot-arch-node iiot-flow-highlight-step\">Continuous Historical Trend Analysis<\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner iiot-strong-banner\" style=\"margin-top: auto;\">\n          <div class=\"iiot-statement-badge\">ENGINEERING VALUE<\/div>\n          <div class=\"iiot-statement-text\">\n            This allows operators and engineers to identify changes in process behaviour and investigate abnormal conditions.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Side by Side Layout *\/\n  .iiot-side-by-side-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    height: 100%;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.85rem;\n    line-height: 1.45;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Eight-Card Grid \/ List Styling *\/\n  .iiot-eight-card-grid {\n    display: grid;\n    gap: 8px;\n  }\n\n  .iiot-mini-card {\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 10px;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n  }\n\n  .iiot-mini-title {\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .iiot-mini-text {\n    font-size: 0.7rem;\n    line-height: 1.3;\n    opacity: 0.7;\n  }\n\n  \/* Technical Architecture Diagram Styling *\/\n  .iiot-arch-diagram {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    background-color: rgba(255, 255, 255, 0.015);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 14px;\n  }\n\n  .iiot-arch-tier-label {\n    font-size: 0.68rem;\n    font-weight: 700;\n    letter-spacing: 1px;\n    opacity: 0.5;\n    margin-bottom: 2px;\n  }\n\n  .iiot-arch-node {\n    width: 100%;\n    max-width: 320px;\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    padding: 8px 12px;\n    text-align: center;\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .iiot-flow-highlight-step {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.78rem;\n    opacity: 0.4;\n    line-height: 1;\n    margin: 2px 0;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 10px 14px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    align-items: center;\n  }\n\n  .iiot-strong-banner {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.66rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.35;\n  }\n\n  @media (max-width: 1024px) {\n    .iiot-side-by-side-layout {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-eight-card-grid {\n      grid-template-columns: 1fr !important;\n    }\n    .iiot-mini-card[style*=\"grid-column\"] {\n      grid-column: span 1 !important;\n    }\n  }\n<\/style>\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1d63bb6 e-con e-atomic-element e-flexbox-base e-436cdbb \" data-id=\"1d63bb6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1d63bb6\" data-e-type=\"e-flexbox\" data-id=\"1d63bb6\">\n    \t\t<div class=\"elementor-element elementor-element-4b0cc6c elementor-widget elementor-widget-text-editor\" data-id=\"4b0cc6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>ALARM &amp; EVENT MANAGEMENT<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n    <!-- Side-by-Side Main Wrapper -->\n    <div class=\"iiot-side-by-side-layout\">\n\n      <!-- Column 1: Core Principles & Categories -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">DIAGNOSTIC VISIBILITY<\/span>\n          <span class=\"iiot-card-title\">Know What Happened and When<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          Alarm and event management is an essential part of an industrial SCADA application, ensuring rapid fault identification and resolution.\n        <\/p>\n\n        <!-- Structured Elements List (No numbers, comma separated or stacked grid) -->\n        <div class=\"iiot-eight-card-grid\" style=\"grid-template-columns: repeat(2, 1fr); gap: 6px; margin-top: 2px;\">\n          <div class=\"iiot-mini-card\" style=\"padding: 8px 10px;\">\n            <span class=\"iiot-mini-title\">Priority<\/span>\n            <span class=\"iiot-mini-text\">Severity sorting<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\" style=\"padding: 8px 10px;\">\n            <span class=\"iiot-mini-title\">Equipment<\/span>\n            <span class=\"iiot-mini-text\">Asset tracking<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\" style=\"padding: 8px 10px;\">\n            <span class=\"iiot-mini-title\">Process Area<\/span>\n            <span class=\"iiot-mini-text\">Plant zoning<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\" style=\"padding: 8px 10px;\">\n            <span class=\"iiot-mini-title\">Timestamp<\/span>\n            <span class=\"iiot-mini-text\">Precise timing<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\" style=\"padding: 8px 10px;\">\n            <span class=\"iiot-mini-title\">Current Status<\/span>\n            <span class=\"iiot-mini-text\">Active \/ Cleared<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\" style=\"padding: 8px 10px;\">\n            <span class=\"iiot-mini-title\">Acknowledgement<\/span>\n            <span class=\"iiot-mini-text\">Operator response<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\" style=\"grid-column: span 2; padding: 8px 10px; flex-direction: row; justify-content: space-between; align-items: center;\">\n            <span class=\"iiot-mini-title\">Historical Events<\/span>\n            <span class=\"iiot-mini-text\">Long-term audit logs<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Column 2: Architecture & Chronological Value -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">SYSTEM INTEGRITY<\/span>\n          <span class=\"iiot-card-title\">Structured Event Logging<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          Unstructured alarm floods overwhelm operators. GPLG structures alarm systems around operational context, priority, and clear lifecycle tracking.\n        <\/p>\n\n        <!-- Visual Core Value Graphic -->\n        <div class=\"iiot-arch-diagram\" style=\"margin: 10px 0;\">\n          <div class=\"iiot-arch-tier-label\">ALARM MANAGEMENT MODEL<\/div>\n          <div class=\"iiot-arch-node\">Unfiltered Alarm Floods<\/div>\n          <div class=\"iiot-flow-arrow\">\u2193 (Replaced By)<\/div>\n          <div class=\"iiot-arch-node iiot-flow-highlight-step\">Structured Priority &amp; Event Tracking<\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner iiot-strong-banner\" style=\"margin-top: auto;\">\n          <div class=\"iiot-statement-badge\">THE GPLG STANDARD<\/div>\n          <div class=\"iiot-statement-text\">\n            This creates a chronological record of abnormal conditions and operator interactions.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Side by Side Layout *\/\n  .iiot-side-by-side-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    height: 100%;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.85rem;\n    line-height: 1.45;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Eight-Card Grid \/ List Styling *\/\n  .iiot-eight-card-grid {\n    display: grid;\n    gap: 8px;\n  }\n\n  .iiot-mini-card {\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 10px;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n  }\n\n  .iiot-mini-title {\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .iiot-mini-text {\n    font-size: 0.7rem;\n    line-height: 1.3;\n    opacity: 0.7;\n  }\n\n  \/* Technical Architecture Diagram Styling *\/\n  .iiot-arch-diagram {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    background-color: rgba(255, 255, 255, 0.015);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 14px;\n  }\n\n  .iiot-arch-tier-label {\n    font-size: 0.68rem;\n    font-weight: 700;\n    letter-spacing: 1px;\n    opacity: 0.5;\n    margin-bottom: 2px;\n  }\n\n  .iiot-arch-node {\n    width: 100%;\n    max-width: 320px;\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    padding: 8px 12px;\n    text-align: center;\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .iiot-flow-highlight-step {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.78rem;\n    opacity: 0.4;\n    line-height: 1;\n    margin: 2px 0;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 10px 14px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    align-items: center;\n  }\n\n  .iiot-strong-banner {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.66rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.35;\n  }\n\n  @media (max-width: 1024px) {\n    .iiot-side-by-side-layout {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-eight-card-grid {\n      grid-template-columns: 1fr !important;\n    }\n    .iiot-mini-card[style*=\"grid-column\"] {\n      grid-column: span 1 !important;\n    }\n  }\n<\/style>\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-94da7dc e-con e-atomic-element e-flexbox-base e-f2d2802 \" data-id=\"94da7dc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"94da7dc\" data-e-type=\"e-flexbox\" data-id=\"94da7dc\">\n    <div class=\"elementor-element elementor-element-73cdacb e-con e-atomic-element e-flexbox-base e-6fb3e9f \" data-id=\"73cdacb\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"73cdacb\" data-e-type=\"e-flexbox\" data-id=\"73cdacb\">\n    \t\t<div class=\"elementor-element elementor-element-d2e7f13 elementor-widget elementor-widget-text-editor\" data-id=\"d2e7f13\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>UNIFIED SUPERVISORY CONTROL (SCADA)<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n    <!-- Side-by-Side Main Wrapper -->\n    <div class=\"iiot-side-by-side-layout\">\n\n      <!-- Column 1: Hierarchical Topology & Multi-Area View -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">HIERARCHICAL TOPOLOGY<\/span>\n          <span class=\"iiot-card-title\">One Interface for Multiple Production Areas<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          For larger industrial installations, SCADA provides a centralized, unified view across distributed machines and cells.\n        <\/p>\n\n        <!-- Structural Architecture Flow Graphic -->\n        <div class=\"iiot-arch-diagram\" style=\"margin: 4px 0; padding: 12px; font-family: monospace;\">\n          <div class=\"iiot-arch-tier-label\">SUPERVISORY LAYER<\/div>\n          <div class=\"iiot-arch-node iiot-flow-highlight-step\" style=\"max-width: 180px; margin: 0 auto; font-size: 0.75rem; padding: 6px;\">SCADA<\/div>\n          \n          <div class=\"iiot-flow-arrow\" style=\"margin: 4px 0;\">\u2502<\/div>\n          \n          <div style=\"display: flex; justify-content: center; gap: 10px; width: 100%; max-width: 400px; margin: 0 auto;\">\n            <div style=\"text-align: center; flex: 1;\">\n              <div class=\"iiot-arch-node\" style=\"padding: 4px; font-size: 0.7rem;\">LINE 01<br><span style=\"font-size:0.6rem; opacity:0.6;\">PLC \u2192 Mach.<\/span><\/div>\n            <\/div>\n            <div style=\"text-align: center; flex: 1;\">\n              <div class=\"iiot-arch-node\" style=\"padding: 4px; font-size: 0.7rem;\">LINE 02<br><span style=\"font-size:0.6rem; opacity:0.6;\">PLC \u2192 Mach.<\/span><\/div>\n            <\/div>\n            <div style=\"text-align: center; flex: 1;\">\n              <div class=\"iiot-arch-node\" style=\"padding: 4px; font-size: 0.7rem;\">LINE 03<br><span style=\"font-size:0.6rem; opacity:0.6;\">PLC \u2192 Mach.<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Column 2: Operational Consistency & Advantage -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">OPERATIONAL CONSISTENCY<\/span>\n          <span class=\"iiot-card-title\">Seamless Plant Supervision<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          Fragmented monitoring forces operators to interpret disparate interfaces for each manufacturing cell, increasing cognitive load and error risk. Centralizing control eliminates these barriers.\n        <\/p>\n\n        <!-- Visual Core Value Graphic -->\n        <div class=\"iiot-arch-diagram\" style=\"margin: 4px 0;\">\n          <div class=\"iiot-arch-tier-label\">MONITORING MODEL<\/div>\n          <div class=\"iiot-arch-node\" style=\"font-size: 0.75rem; padding: 6px;\">Fragmented HMI Dashboards<\/div>\n          <div class=\"iiot-flow-arrow\" style=\"margin: 2px 0;\">\u2193 (Replaced By)<\/div>\n          <div class=\"iiot-arch-node iiot-flow-highlight-step\" style=\"font-size: 0.75rem; padding: 6px;\">Unified Multi-Cell SCADA Environment<\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner iiot-strong-banner\" style=\"margin-top: auto;\">\n          <div class=\"iiot-statement-badge\">THE GPLG ADVANTAGE<\/div>\n          <div class=\"iiot-statement-text\" style=\"font-style: italic;\">\n            &#8220;This allows operators and engineers to move between production areas while maintaining a consistent supervisory environment.&#8221;\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Side by Side Layout *\/\n  .iiot-side-by-side-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    height: 100%;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.85rem;\n    line-height: 1.45;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Technical Architecture Diagram Styling *\/\n  .iiot-arch-diagram {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n    background-color: rgba(255, 255, 255, 0.015);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 14px;\n  }\n\n  .iiot-arch-tier-label {\n    font-size: 0.68rem;\n    font-weight: 700;\n    letter-spacing: 1px;\n    opacity: 0.5;\n    margin-bottom: 2px;\n  }\n\n  .iiot-arch-node {\n    width: 100%;\n    max-width: 320px;\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    padding: 8px 12px;\n    text-align: center;\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .iiot-flow-highlight-step {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.78rem;\n    opacity: 0.4;\n    line-height: 1;\n    margin: 2px 0;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 10px 14px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    align-items: center;\n  }\n\n  .iiot-strong-banner {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.66rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.35;\n  }\n\n  @media (max-width: 1024px) {\n    .iiot-side-by-side-layout {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style>\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c2c953d e-con e-atomic-element e-flexbox-base e-de4b1e0 \" data-id=\"c2c953d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c2c953d\" data-e-type=\"e-flexbox\" data-id=\"c2c953d\">\n    \t\t<div class=\"elementor-element elementor-element-3a15376 elementor-widget elementor-widget-text-editor\" data-id=\"3a15376\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>SCADA &amp; HMI PLATFORMS<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n    <!-- Side-by-Side Main Wrapper -->\n    <div class=\"iiot-side-by-side-layout\">\n\n      <!-- Column 1: Proven SCADA Platforms -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">PROVEN DEPLOYMENTS<\/span>\n          <span class=\"iiot-card-title\">SCADA Platforms We Implement<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          Rather than listing every available market solution, we focus strictly on the industrial SCADA and HMI platforms we have hands-on experience configuring, programming, and deploying across real production environments:\n        <\/p>\n\n        <!-- Platform Badges Grid -->\n        <div class=\"iiot-tech-strip-grid\" style=\"grid-template-columns: repeat(2, 1fr);\">\n          <div class=\"iiot-tech-badge\">Siemens WinCC<\/div>\n          <div class=\"iiot-tech-badge\">AVEVA System Platform<\/div>\n          <div class=\"iiot-tech-badge\">AVEVA InTouch<\/div>\n          <div class=\"iiot-tech-badge\">Ignition<\/div>\n          <div class=\"iiot-tech-badge\">Rockwell FactoryTalk View<\/div>\n          <div class=\"iiot-tech-badge\">Schneider EcoStruxure<\/div>\n          <div class=\"iiot-tech-badge\" style=\"grid-column: span 2;\">COPA-DATA zenon<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Column 2: Implementation Philosophy -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">ENGINEERING GOVERNANCE<\/span>\n          <span class=\"iiot-card-title\">Matched to Plant Requirements<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          GPLG selects and implements supervisory software based entirely on the specific demands of each plant architecture, existing hardware footprint, and long-term operational roadmap.\n        <\/p>\n\n        <!-- Visual Core Value Graphic -->\n        <div class=\"iiot-arch-diagram\" style=\"margin: 10px 0;\">\n          <div class=\"iiot-arch-tier-label\">SELECTION CRITERIA<\/div>\n          <div class=\"iiot-arch-node\">Generic Software Catalogs<\/div>\n          <div class=\"iiot-flow-arrow\">\u2193 (Replaced By)<\/div>\n          <div class=\"iiot-arch-node iiot-flow-highlight-step\">Platform Experience &amp; Proven Capability<\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner iiot-strong-banner\">\n          <div class=\"iiot-statement-badge\">FOCUSED SCOPE<\/div>\n          <div class=\"iiot-statement-text\">\n            For a broader view of programming languages and system tools, visit our dedicated Technologies section.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Side by Side Layout *\/\n  .iiot-side-by-side-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    height: 100%;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.85rem;\n    line-height: 1.45;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Technology Strip Grid *\/\n  .iiot-tech-strip-grid {\n    display: grid;\n    gap: 6px;\n    margin: 2px 0;\n  }\n\n  .iiot-tech-badge {\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: 6px;\n    padding: 10px 8px;\n    text-align: center;\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: #ffffff;\n    opacity: 0.9;\n  }\n\n  \/* Technical Architecture Diagram Styling *\/\n  .iiot-arch-diagram {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    background-color: rgba(255, 255, 255, 0.015);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 14px;\n  }\n\n  .iiot-arch-tier-label {\n    font-size: 0.68rem;\n    font-weight: 700;\n    letter-spacing: 1px;\n    opacity: 0.5;\n    margin-bottom: 2px;\n  }\n\n  .iiot-arch-node {\n    width: 100%;\n    max-width: 320px;\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    padding: 8px 12px;\n    text-align: center;\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .iiot-flow-highlight-step {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.78rem;\n    opacity: 0.4;\n    line-height: 1;\n    margin: 2px 0;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 10px 14px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    align-items: center;\n    margin-top: auto;\n  }\n\n  .iiot-strong-banner {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.66rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.35;\n  }\n\n  @media (max-width: 1024px) {\n    .iiot-side-by-side-layout {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-tech-strip-grid {\n      grid-template-columns: 1fr !important;\n    }\n    .iiot-tech-badge[style*=\"grid-column\"] {\n      grid-column: span 1 !important;\n    }\n  }\n<\/style>\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-aec4d5c e-con e-atomic-element e-flexbox-base e-2dec17d \" data-id=\"aec4d5c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"aec4d5c\" data-e-type=\"e-flexbox\" data-id=\"aec4d5c\">\n    <div class=\"elementor-element elementor-element-86a06ae e-con e-atomic-element e-flexbox-base e-a1457f9 \" data-id=\"86a06ae\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"86a06ae\" data-e-type=\"e-flexbox\" data-id=\"86a06ae\">\n    \t\t<div class=\"elementor-element elementor-element-abb1751 elementor-widget elementor-widget-text-editor\" data-id=\"abb1751\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>SCADA INTERFACE DESIGN<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n    <!-- Side-by-Side Main Wrapper -->\n    <div class=\"iiot-side-by-side-layout\">\n\n      <!-- Column 1: Core Design Principles -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">ERGONOMIC ENGINEERING<\/span>\n          <span class=\"iiot-card-title\">Information Without Unnecessary Complexity<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          A good SCADA interface should allow an operator to understand the state of a process quickly and make informed decisions under pressure.\n        <\/p>\n\n        <!-- Design Elements List Grid -->\n        <div class=\"iiot-eight-card-grid\" style=\"grid-template-columns: repeat(2, 1fr); gap: 6px; margin-top: 2px;\">\n          <div class=\"iiot-mini-card\" style=\"padding: 8px 10px;\">\n            <span class=\"iiot-mini-title\">Clear hierarchy<\/span>\n            <span class=\"iiot-mini-text\">Important information visible.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\" style=\"padding: 8px 10px;\">\n            <span class=\"iiot-mini-title\">Consistent navigation<\/span>\n            <span class=\"iiot-mini-text\">Intuitive screen flow.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\" style=\"padding: 8px 10px;\">\n            <span class=\"iiot-mini-title\">Visual status<\/span>\n            <span class=\"iiot-mini-text\">Unified condition feedback.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\" style=\"padding: 8px 10px;\">\n            <span class=\"iiot-mini-title\">Meaningful alarms<\/span>\n            <span class=\"iiot-mini-text\">Actionable diagnostics.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\" style=\"grid-column: span 2; padding: 8px 10px; flex-direction: row; justify-content: space-between; align-items: center;\">\n            <span class=\"iiot-mini-title\">Operational simplicity<\/span>\n            <span class=\"iiot-mini-text\">No unnecessary visual clutter.<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Column 2: Operator Efficiency & Focus -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">OPERATOR EXPERIENCE<\/span>\n          <span class=\"iiot-card-title\">Human-Centric Design<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          By eliminating cognitive overload and prioritizing high-visibility indicators, control rooms maintain peak situational awareness during normal operations and critical events.\n        <\/p>\n\n        <!-- Visual Core Value Graphic -->\n        <div class=\"iiot-arch-diagram\" style=\"margin: 10px 0;\">\n          <div class=\"iiot-arch-tier-label\">VISUAL DESIGN MODEL<\/div>\n          <div class=\"iiot-arch-node\">Cluttered Multi-Screen Dashboards<\/div>\n          <div class=\"iiot-flow-arrow\">\u2193 (Replaced By)<\/div>\n          <div class=\"iiot-arch-node iiot-flow-highlight-step\">Streamlined Hierarchical Interface<\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner iiot-strong-banner\" style=\"margin-top: auto;\">\n          <div class=\"iiot-statement-badge\">GPLG STANDARD<\/div>\n          <div class=\"iiot-statement-text\">\n            Designing clean, effective interfaces tailored to plant operator requirements.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Side by Side Layout *\/\n  .iiot-side-by-side-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    height: 100%;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.85rem;\n    line-height: 1.45;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Eight-Card Grid \/ List Styling *\/\n  .iiot-eight-card-grid {\n    display: grid;\n    gap: 8px;\n  }\n\n  .iiot-mini-card {\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 10px;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n  }\n\n  .iiot-mini-title {\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .iiot-mini-text {\n    font-size: 0.7rem;\n    line-height: 1.3;\n    opacity: 0.7;\n  }\n\n  \/* Technical Architecture Diagram Styling *\/\n  .iiot-arch-diagram {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    background-color: rgba(255, 255, 255, 0.015);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 14px;\n  }\n\n  .iiot-arch-tier-label {\n    font-size: 0.68rem;\n    font-weight: 700;\n    letter-spacing: 1px;\n    opacity: 0.5;\n    margin-bottom: 2px;\n  }\n\n  .iiot-arch-node {\n    width: 100%;\n    max-width: 320px;\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    padding: 8px 12px;\n    text-align: center;\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .iiot-flow-highlight-step {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.78rem;\n    opacity: 0.4;\n    line-height: 1;\n    margin: 2px 0;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 10px 14px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    align-items: center;\n  }\n\n  .iiot-strong-banner {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.66rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.35;\n  }\n\n  @media (max-width: 1024px) {\n    .iiot-side-by-side-layout {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-eight-card-grid {\n      grid-template-columns: 1fr !important;\n    }\n    .iiot-mini-card[style*=\"grid-column\"] {\n      grid-column: span 1 !important;\n    }\n  }\n<\/style>\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e654eee e-con e-atomic-element e-flexbox-base e-ebd8e51 \" data-id=\"e654eee\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e654eee\" data-e-type=\"e-flexbox\" data-id=\"e654eee\">\n    \t\t<div class=\"elementor-element elementor-element-ee45d78 elementor-widget elementor-widget-text-editor\" data-id=\"ee45d78\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>SCADA INTEGRATION<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n    <!-- Side-by-Side Main Wrapper -->\n    <div class=\"iiot-side-by-side-layout\">\n\n      <!-- Column 1: Core Integration Elements -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">SYSTEM CONNECTIVITY<\/span>\n          <span class=\"iiot-card-title\">Designed to Connect<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          SCADA systems can be integrated with the wider industrial environment when required. Depending on the project architecture, this can include:\n        <\/p>\n\n        <!-- Integration List Grid -->\n        <div class=\"iiot-eight-card-grid\" style=\"grid-template-columns: 1fr; gap: 6px; margin-top: 2px;\">\n          <div class=\"iiot-mini-card\" style=\"padding: 8px 10px;\">\n            <span class=\"iiot-mini-title\">PLC<\/span>\n            <span class=\"iiot-mini-text\">Industrial control and machine status.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\" style=\"padding: 8px 10px;\">\n            <span class=\"iiot-mini-title\">Industrial Networks<\/span>\n            <span class=\"iiot-mini-text\">Communication between automation systems.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\" style=\"padding: 8px 10px;\">\n            <span class=\"iiot-mini-title\">Databases<\/span>\n            <span class=\"iiot-mini-text\">Storage and retrieval of selected production information.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\" style=\"padding: 8px 10px;\">\n            <span class=\"iiot-mini-title\">Higher-Level Systems<\/span>\n            <span class=\"iiot-mini-text\">Integration with other industrial or business applications.<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Column 2: Architecture Governance & Definition -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">ARCHITECTURE SCOPE<\/span>\n          <span class=\"iiot-card-title\">Tailored Connectivity<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          Seamless data exchange across the automation pyramid requires precise protocol selection and network planning to prevent bottlenecks and ensure real-time responsiveness.\n        <\/p>\n\n        <!-- Visual Core Value Graphic -->\n        <div class=\"iiot-arch-diagram\" style=\"margin: 10px 0;\">\n          <div class=\"iiot-arch-tier-label\">INTEGRATION MODEL<\/div>\n          <div class=\"iiot-arch-node\">Isolated Data Silos<\/div>\n          <div class=\"iiot-flow-arrow\">\u2193 (Replaced By)<\/div>\n          <div class=\"iiot-arch-node iiot-flow-highlight-step\">Unified Multi-Tier Architecture<\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner iiot-strong-banner\" style=\"margin-top: auto;\">\n          <div class=\"iiot-statement-badge\">GPLG STANDARD<\/div>\n          <div class=\"iiot-statement-text\">\n            The integration architecture is defined according to the requirements of the specific installation.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Side by Side Layout *\/\n  .iiot-side-by-side-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    height: 100%;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.85rem;\n    line-height: 1.45;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Eight-Card Grid \/ List Styling *\/\n  .iiot-eight-card-grid {\n    display: grid;\n    gap: 8px;\n  }\n\n  .iiot-mini-card {\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 10px;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n  }\n\n  .iiot-mini-title {\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .iiot-mini-text {\n    font-size: 0.7rem;\n    line-height: 1.3;\n    opacity: 0.7;\n  }\n\n  \/* Technical Architecture Diagram Styling *\/\n  .iiot-arch-diagram {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    background-color: rgba(255, 255, 255, 0.015);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 14px;\n  }\n\n  .iiot-arch-tier-label {\n    font-size: 0.68rem;\n    font-weight: 700;\n    letter-spacing: 1px;\n    opacity: 0.5;\n    margin-bottom: 2px;\n  }\n\n  .iiot-arch-node {\n    width: 100%;\n    max-width: 320px;\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    padding: 8px 12px;\n    text-align: center;\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .iiot-flow-highlight-step {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.78rem;\n    opacity: 0.4;\n    line-height: 1;\n    margin: 2px 0;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 10px 14px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    align-items: center;\n  }\n\n  .iiot-strong-banner {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.66rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.35;\n  }\n\n  @media (max-width: 1024px) {\n    .iiot-side-by-side-layout {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style>\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-515b804 e-con e-atomic-element e-flexbox-base e-b4759a1 \" data-id=\"515b804\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"515b804\" data-e-type=\"e-flexbox\" data-id=\"515b804\">\n    <div class=\"elementor-element elementor-element-d73fa65 e-con e-atomic-element e-flexbox-base e-1a167b4 \" data-id=\"d73fa65\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d73fa65\" data-e-type=\"e-flexbox\" data-id=\"d73fa65\">\n    \t\t<div class=\"elementor-element elementor-element-5a22033 elementor-widget elementor-widget-text-editor\" data-id=\"5a22033\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>SCADA FOR EXISTING SYSTEMS<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n    <!-- Side-by-Side Main Wrapper -->\n    <div class=\"iiot-side-by-side-layout\">\n\n      <!-- Column 1: Modernisation Opportunities -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">LEGACY UPGRADES<\/span>\n          <span class=\"iiot-card-title\">Modernising Existing SCADA Applications<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          Existing SCADA systems often evolve over many years. GPLG can assess existing applications and identify opportunities for modernisation, covering:\n        <\/p>\n\n        <!-- Structured Elements List (No numbers, comma separated or stacked grid) -->\n        <div class=\"iiot-eight-card-grid\" style=\"grid-template-columns: repeat(2, 1fr); gap: 6px; margin-top: 2px;\">\n          <div class=\"iiot-mini-card\" style=\"padding: 8px 10px;\">\n            <span class=\"iiot-mini-title\">Interface redesign<\/span>\n            <span class=\"iiot-mini-text\">Modern UI\/UX<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\" style=\"padding: 8px 10px;\">\n            <span class=\"iiot-mini-title\">Alarm restructuring<\/span>\n            <span class=\"iiot-mini-text\">Priority rationalisation<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\" style=\"padding: 8px 10px;\">\n            <span class=\"iiot-mini-title\">Application optimisation<\/span>\n            <span class=\"iiot-mini-text\">Performance tuning<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\" style=\"padding: 8px 10px;\">\n            <span class=\"iiot-mini-title\">New machine integration<\/span>\n            <span class=\"iiot-mini-text\">Asset expansion<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\" style=\"padding: 8px 10px;\">\n            <span class=\"iiot-mini-title\">Additional monitoring<\/span>\n            <span class=\"iiot-mini-text\">Broader visibility<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\" style=\"padding: 8px 10px;\">\n            <span class=\"iiot-mini-title\">System migration<\/span>\n            <span class=\"iiot-mini-text\">Platform upgrades<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\" style=\"padding: 8px 10px;\">\n            <span class=\"iiot-mini-title\">Improved diagnostics<\/span>\n            <span class=\"iiot-mini-text\">Faster troubleshooting<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\" style=\"padding: 8px 10px;\">\n            <span class=\"iiot-mini-title\">Expansion<\/span>\n            <span class=\"iiot-mini-text\">Scaling capacity<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Column 2: Preservation & Strategic Value -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">STRATEGIC CONTINUITY<\/span>\n          <span class=\"iiot-card-title\">Preserving Operational Knowledge<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          Upgrading legacy infrastructure should never mean losing the hard-earned operational insights and process rules embedded over years of plant operation.\n        <\/p>\n\n        <!-- Visual Core Value Graphic -->\n        <div class=\"iiot-arch-diagram\" style=\"margin: 10px 0;\">\n          <div class=\"iiot-arch-tier-label\">MODERNISATION APPROACH<\/div>\n          <div class=\"iiot-arch-node\">Fragmented Legacy Systems<\/div>\n          <div class=\"iiot-flow-arrow\">\u2193 (Transformed Via)<\/div>\n          <div class=\"iiot-arch-node iiot-flow-highlight-step\">Optimised Supervisory Control<\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner iiot-strong-banner\" style=\"margin-top: auto;\">\n          <div class=\"iiot-statement-badge\">THE GPLG OBJECTIVE<\/div>\n          <div class=\"iiot-statement-text\">\n            The objective is to improve the supervisory system while preserving the operational knowledge already embedded in the installation.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Side by Side Layout *\/\n  .iiot-side-by-side-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    height: 100%;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.85rem;\n    line-height: 1.45;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Eight-Card Grid \/ List Styling *\/\n  .iiot-eight-card-grid {\n    display: grid;\n    gap: 8px;\n  }\n\n  .iiot-mini-card {\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 10px;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n  }\n\n  .iiot-mini-title {\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .iiot-mini-text {\n    font-size: 0.7rem;\n    line-height: 1.3;\n    opacity: 0.7;\n  }\n\n  \/* Technical Architecture Diagram Styling *\/\n  .iiot-arch-diagram {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    background-color: rgba(255, 255, 255, 0.015);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 14px;\n  }\n\n  .iiot-arch-tier-label {\n    font-size: 0.68rem;\n    font-weight: 700;\n    letter-spacing: 1px;\n    opacity: 0.5;\n    margin-bottom: 2px;\n  }\n\n  .iiot-arch-node {\n    width: 100%;\n    max-width: 320px;\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    padding: 8px 12px;\n    text-align: center;\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .iiot-flow-highlight-step {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.78rem;\n    opacity: 0.4;\n    line-height: 1;\n    margin: 2px 0;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 10px 14px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    align-items: center;\n  }\n\n  .iiot-strong-banner {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.66rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.35;\n  }\n\n  @media (max-width: 1024px) {\n    .iiot-side-by-side-layout {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-eight-card-grid {\n      grid-template-columns: 1fr !important;\n    }\n  }\n<\/style>\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f0aff1f e-con e-atomic-element e-flexbox-base e-3193c17 \" data-id=\"f0aff1f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f0aff1f\" data-e-type=\"e-flexbox\" data-id=\"f0aff1f\">\n    \t\t<div class=\"elementor-element elementor-element-eef832a elementor-widget elementor-widget-text-editor\" data-id=\"eef832a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>SCADA ENGINEERING PRINCIPLES<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n    <!-- Side-by-Side Main Wrapper -->\n    <div class=\"iiot-side-by-side-layout\">\n\n      <!-- Column 1: Core Principles List -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">FOUNDATIONAL GUIDELINES<\/span>\n          <span class=\"iiot-card-title\">Core Engineering Principles<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          GPLG applies rigorous engineering standards to every supervisory project, ensuring long-term reliability, scalability, and operator clarity.\n        <\/p>\n\n        <!-- Principles List Grid -->\n        <div class=\"iiot-eight-card-grid\" style=\"grid-template-columns: 1fr; gap: 6px; margin-top: 2px;\">\n          <div class=\"iiot-mini-card\" style=\"padding: 8px 10px;\">\n            <span class=\"iiot-mini-title\">Process First<\/span>\n            <span class=\"iiot-mini-text\">The SCADA architecture starts with understanding the process.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\" style=\"padding: 8px 10px;\">\n            <span class=\"iiot-mini-title\">Structured Applications<\/span>\n            <span class=\"iiot-mini-text\">Screens, tags, alarms and functions are organised consistently.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\" style=\"padding: 8px 10px;\">\n            <span class=\"iiot-mini-title\">Operator Focus<\/span>\n            <span class=\"iiot-mini-text\">Information is presented according to what operators actually need.<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Column 2: Scalability, Maintenance & Governance -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">LIFECYCLE EXCELLENCE<\/span>\n          <span class=\"iiot-card-title\">Scalable &amp; Maintainable Design<\/span>\n        <\/div>\n        \n        <!-- Principles List Grid Part 2 -->\n        <div class=\"iiot-eight-card-grid\" style=\"grid-template-columns: 1fr; gap: 6px; margin-top: 2px;\">\n          <div class=\"iiot-mini-card\" style=\"padding: 8px 10px;\">\n            <span class=\"iiot-mini-title\">Scalable Architecture<\/span>\n            <span class=\"iiot-mini-text\">The system can accommodate additional machines and production areas.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\" style=\"padding: 8px 10px;\">\n            <span class=\"iiot-mini-title\">Maintainable Development<\/span>\n            <span class=\"iiot-mini-text\">Applications are structured so future engineers can understand and modify them.<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner iiot-strong-banner\" style=\"margin-top: auto;\">\n          <div class=\"iiot-statement-badge\">GPLG COMMITMENT<\/div>\n          <div class=\"iiot-statement-text\">\n            Delivering robust, transparent, and future-proof industrial supervisory solutions.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Side by Side Layout *\/\n  .iiot-side-by-side-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    height: 100%;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.85rem;\n    line-height: 1.45;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Eight-Card Grid \/ List Styling *\/\n  .iiot-eight-card-grid {\n    display: grid;\n    gap: 8px;\n  }\n\n  .iiot-mini-card {\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 10px;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n  }\n\n  .iiot-mini-title {\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .iiot-mini-text {\n    font-size: 0.7rem;\n    line-height: 1.3;\n    opacity: 0.7;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 10px 14px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    align-items: center;\n  }\n\n  .iiot-strong-banner {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.66rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.35;\n  }\n\n  @media (max-width: 1024px) {\n    .iiot-side-by-side-layout {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style>\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-ea8b61f e-con e-atomic-element e-flexbox-base e-4fb63e9 \" data-id=\"ea8b61f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ea8b61f\" data-e-type=\"e-flexbox\" data-id=\"ea8b61f\">\n    <div class=\"elementor-element elementor-element-079ad39 e-con-full e-flex e-con e-parent\" data-id=\"079ad39\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82fa7d2 elementor-widget-divider--view-line_icon elementor-view-default elementor-widget-divider--element-align-center elementor-widget elementor-widget-divider\" data-id=\"82fa7d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon elementor-divider__element\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-sun\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 160c-52.9 0-96 43.1-96 96s43.1 96 96 96 96-43.1 96-96-43.1-96-96-96zm246.4 80.5l-94.7-47.3 33.5-100.4c4.5-13.6-8.4-26.5-21.9-21.9l-100.4 33.5-47.4-94.8c-6.4-12.8-24.6-12.8-31 0l-47.3 94.7L92.7 70.8c-13.6-4.5-26.5 8.4-21.9 21.9l33.5 100.4-94.7 47.4c-12.8 6.4-12.8 24.6 0 31l94.7 47.3-33.5 100.5c-4.5 13.6 8.4 26.5 21.9 21.9l100.4-33.5 47.3 94.7c6.4 12.8 24.6 12.8 31 0l47.3-94.7 100.4 33.5c13.6 4.5 26.5-8.4 21.9-21.9l-33.5-100.4 94.7-47.3c13-6.5 13-24.7.2-31.1zm-155.9 106c-49.9 49.9-131.1 49.9-181 0-49.9-49.9-49.9-131.1 0-181 49.9-49.9 131.1-49.9 181 0 49.9 49.9 49.9 131.1 0 181z\"><\/path><\/svg><\/div>\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"premium-shape-divider__shape-container\" id=\"premium-shape-divider-a60bce6\" style=\"visibility:hidden; position: absolute; opacity:0;\">\n\t\t\t\t\t<svg preserveAspectRatio='none' xmlns='http:\/\/www.w3.org\/2000\/svg' aria-hidden='true' viewBox='0 0 1000 100'><g fill='%23000000'><path opacity='.5' d='M0 51v15l724-43L0 51z'><\/path><path opacity='.3' d='M0 0v51l600-23L0 0z'><\/path><path d='M0 65v38l1000-3V0L0 65z'><\/path><\/g><\/svg>\t\t\t\t<\/div>\n\t\t\t<div data-ha-partstyle=\"default\" data-ha-partcolor=\"\" data-ha-partopacity=\"\" data-ha-partdirection=\"bottom\" class=\"elementor-element elementor-element-a60bce6 ha-particle-yes premium-shape-divider-yes premium-shape48 e-flex e-con-boxed ha-particle-adv-no premium-shape-divider__default premium-shape-divider-anime-yes premium-sh-no-stretch-yes e-con e-child\" data-id=\"a60bce6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3c64121 e-con-full e-flex e-con e-child\" data-id=\"3c64121\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea9a6d5 elementor-widget elementor-widget-heading\" data-id=\"ea9a6d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">A Clearer View of Your Industrial Process<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0928be elementor-widget elementor-widget-text-editor\" data-id=\"b0928be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"PDq2pG_selectionAnchorContainer\" data-start=\"12053\" data-end=\"12170\">GPLG develops SCADA systems that transform industrial process data into clear, structured and actionable information.<\/p><p data-start=\"12172\" data-end=\"12311\">From individual machines to complete production environments, we engineer supervisory systems around the way your operation actually works.<\/p><h4>Discuss Your SCADA Project<\/h4><h4>Request a Technical Consultation<\/h4>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1d93015 e-con-full e-flex e-con e-child\" data-id=\"1d93015\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c0d783 elementor-widget elementor-widget-button\" data-id=\"3c0d783\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"https:\/\/gplg.pt\/ia\/contact\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"jltma-feather-icon jltma-feather-icon-arrow-up-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get in touch<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Supervision, Monitoring and Control for Industrial Operations SCADA systems provide a central interface for monitoring and supervising industrial processes, giving operators clear visibility of machine status, production conditions, alarms and operational data. GPLG develops SCADA solutions designed around the structure and requirements of each industrial process. WHAT SCADA DOES From Industrial Data to Operational Information [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2199,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2207","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/gplg.pt\/de\/wp-json\/wp\/v2\/pages\/2207","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gplg.pt\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gplg.pt\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gplg.pt\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gplg.pt\/de\/wp-json\/wp\/v2\/comments?post=2207"}],"version-history":[{"count":292,"href":"https:\/\/gplg.pt\/de\/wp-json\/wp\/v2\/pages\/2207\/revisions"}],"predecessor-version":[{"id":4599,"href":"https:\/\/gplg.pt\/de\/wp-json\/wp\/v2\/pages\/2207\/revisions\/4599"}],"up":[{"embeddable":true,"href":"https:\/\/gplg.pt\/de\/wp-json\/wp\/v2\/pages\/2199"}],"wp:attachment":[{"href":"https:\/\/gplg.pt\/de\/wp-json\/wp\/v2\/media?parent=2207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}