{"id":1204,"date":"2026-07-09T17:58:21","date_gmt":"2026-07-09T17:58:21","guid":{"rendered":"https:\/\/displero.com\/partners-2\/"},"modified":"2026-09-23T12:51:11","modified_gmt":"2026-09-23T12:51:11","slug":"partners-2","status":"publish","type":"page","link":"https:\/\/displero.com\/pl\/partners-2\/","title":{"rendered":"Partnerzy"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1204\" class=\"elementor elementor-1204\">\n\t\t\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-261a604 e-con-full e-flex e-con e-parent\" data-id=\"261a604\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e4ea04 elementor-widget elementor-widget-html\" data-id=\"4e4ea04\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =====================================================\r\n     DISPLERO \/ PARTNERS V3\r\n     ORBIT SYSTEM\r\n     ONE ELEMENTOR HTML WIDGET\r\n     ===================================================== -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"dpo-page\">\r\n\r\n\r\n  <!-- ==================================================\r\n       01 \/ HERO\r\n       ================================================== -->\r\n\r\n  <section class=\"dpo-hero\">\r\n\r\n    <div class=\"dpo-grid-bg\"><\/div>\r\n    <div class=\"dpo-hero-glow\"><\/div>\r\n\r\n    <div class=\"dpo-container\">\r\n\r\n      <div class=\"dpo-hero-top\">\r\n\r\n        <div class=\"dpo-label\">\r\n          <span class=\"dpo-dot\"><\/span>\r\n          DISPLERO \/ PARTNERS\r\n        <\/div>\r\n\r\n        <span class=\"dpo-small-index\">\r\n          01 \u2014 COLLABORATION\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"dpo-hero-main\">\r\n\r\n        <h1>\r\n          BUILT<br>\r\n          <span>TOGETHER.<\/span>\r\n        <\/h1>\r\n\r\n\r\n        <div class=\"dpo-hero-copy\">\r\n\r\n          <span>\r\n            PARTNERS \/ TECHNOLOGY \/ DELIVERY\r\n          <\/span>\r\n\r\n          <p>\r\n            Great projects are rarely built alone.\r\n            Strong collaboration connects technology,\r\n            people and experience.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"dpo-hero-bottom\">\r\n\r\n        <span>\r\n          DISPLERO\u00ae\r\n        <\/span>\r\n\r\n        <span>\r\n          STRONG TECHNOLOGY. STRONG COLLABORATION.\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n\r\n  <!-- ==================================================\r\n       02 \/ ORBIT NETWORK\r\n       ================================================== -->\r\n\r\n  <section class=\"dpo-network\">\r\n\r\n    <div class=\"dpo-container\">\r\n\r\n      <div class=\"dpo-network-heading\">\r\n\r\n        <div>\r\n\r\n          <div class=\"dpo-section-label\">\r\n            <span class=\"dpo-dot\"><\/span>\r\n            02 \/ OUR NETWORK\r\n          <\/div>\r\n\r\n          <h2>\r\n            OUR<br>\r\n            <span>ECOSYSTEM.<\/span>\r\n          <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"dpo-network-copy\">\r\n\r\n          <span>\r\n            CONNECTED TECHNOLOGY\r\n          <\/span>\r\n\r\n          <p>\r\n            A focused network of technology\r\n            and solution partners built around\r\n            real project requirements.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =================================================\r\n         ORBIT SYSTEM\r\n\r\n         DOMY\u015aLNIE: 5 PARTNER\u00d3W\r\n\r\n         JE\u017bELI B\u0118DZIE 4:\r\n\r\n         1. zmie\u0144:\r\n            dpo-five\r\n\r\n            na:\r\n            dpo-four\r\n\r\n         2. usu\u0144 ca\u0142y blok PARTNER 05.\r\n\r\n         Reszta automatycznie ustawi si\u0119 co 90 stopni.\r\n         ================================================= -->\r\n\r\n    <div class=\"dpo-orbit-stage dpo-five\">\r\n\r\n      <div class=\"dpo-space-grid\"><\/div>\r\n\r\n      <div class=\"dpo-orbit-glow\"><\/div>\r\n\r\n      <div class=\"dpo-ring dpo-ring-outer\"><\/div>\r\n\r\n      <div class=\"dpo-ring dpo-ring-middle\"><\/div>\r\n\r\n      <div class=\"dpo-ring dpo-ring-inner\"><\/div>\r\n\r\n\r\n      <!-- RADAR \/ SIGNAL -->\r\n\r\n      <div class=\"dpo-radar\">\r\n\r\n        <div class=\"dpo-radar-line\"><\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =============================================\r\n           CENTER \/ DISPLERO\r\n           ============================================= -->\r\n\r\n      <div class=\"dpo-center\">\r\n\r\n        <div class=\"dpo-center-pulse dpo-pulse-one\"><\/div>\r\n\r\n        <div class=\"dpo-center-pulse dpo-pulse-two\"><\/div>\r\n\r\n\r\n        <span class=\"dpo-center-small\">\r\n          CONNECTED BY\r\n        <\/span>\r\n\r\n        <strong>\r\n          DISPLERO\r\n        <\/strong>\r\n\r\n        <span class=\"dpo-center-bottom\">\r\n          TECHNOLOGY \/ PEOPLE \/ DELIVERY\r\n        <\/span>\r\n\r\n\r\n        <div class=\"dpo-center-status\">\r\n\r\n          <span><\/span>\r\n\r\n          NETWORK ACTIVE\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =============================================\r\n           PARTNER 01\r\n           ============================================= -->\r\n\r\n      <div class=\"dpo-node dpo-node-1\">\r\n\r\n        <div class=\"dpo-partner-card\">\r\n\r\n          <div class=\"dpo-partner-top\">\r\n\r\n            <span>\r\n              01\r\n            <\/span>\r\n\r\n            <span class=\"dpo-live-dot\"><\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"dpo-logo\">\r\n\r\n            <!--\r\n            P\u00d3\u0179NIEJ ZAMIENISZ:\r\n\r\n            <span>PARTNER 01<\/span>\r\n\r\n            NA:\r\n\r\n            <img decoding=\"async\" src=\"LINK_DO_LOGO.png\" alt=\"Partner\">\r\n            -->\r\n\r\n            <span>\r\n              PARTNER 01\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"dpo-partner-bottom\">\r\n            TECHNOLOGY\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =============================================\r\n           PARTNER 02\r\n           ============================================= -->\r\n\r\n      <div class=\"dpo-node dpo-node-2\">\r\n\r\n        <div class=\"dpo-partner-card\">\r\n\r\n          <div class=\"dpo-partner-top\">\r\n\r\n            <span>\r\n              02\r\n            <\/span>\r\n\r\n            <span class=\"dpo-live-dot\"><\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"dpo-logo\">\r\n\r\n            <span>\r\n              PARTNER 02\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"dpo-partner-bottom\">\r\n            TECHNOLOGY\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =============================================\r\n           PARTNER 03\r\n           ============================================= -->\r\n\r\n      <div class=\"dpo-node dpo-node-3\">\r\n\r\n        <div class=\"dpo-partner-card\">\r\n\r\n          <div class=\"dpo-partner-top\">\r\n\r\n            <span>\r\n              03\r\n            <\/span>\r\n\r\n            <span class=\"dpo-live-dot\"><\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"dpo-logo\">\r\n\r\n            <span>\r\n              PARTNER 03\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"dpo-partner-bottom\">\r\n            SOLUTIONS\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =============================================\r\n           PARTNER 04\r\n           ============================================= -->\r\n\r\n      <div class=\"dpo-node dpo-node-4\">\r\n\r\n        <div class=\"dpo-partner-card\">\r\n\r\n          <div class=\"dpo-partner-top\">\r\n\r\n            <span>\r\n              04\r\n            <\/span>\r\n\r\n            <span class=\"dpo-live-dot\"><\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"dpo-logo\">\r\n\r\n            <span>\r\n              PARTNER 04\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"dpo-partner-bottom\">\r\n            SOLUTIONS\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =============================================\r\n           PARTNER 05\r\n\r\n           Je\u015bli zostaj\u0105 cztery firmy:\r\n           usu\u0144 ten ca\u0142y blok.\r\n           ============================================= -->\r\n\r\n      <div class=\"dpo-node dpo-node-5\">\r\n\r\n        <div class=\"dpo-partner-card\">\r\n\r\n          <div class=\"dpo-partner-top\">\r\n\r\n            <span>\r\n              05\r\n            <\/span>\r\n\r\n            <span class=\"dpo-live-dot\"><\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"dpo-logo\">\r\n\r\n            <span>\r\n              PARTNER 05\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"dpo-partner-bottom\">\r\n            COLLABORATION\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- TECH LABELS -->\r\n\r\n      <span class=\"dpo-axis dpo-axis-top\">\r\n        PARTNER NETWORK \/ 360\u00b0\r\n      <\/span>\r\n\r\n      <span class=\"dpo-axis dpo-axis-left\">\r\n        DISPLERO SYSTEM\r\n      <\/span>\r\n\r\n\r\n      <div class=\"dpo-network-footer\">\r\n\r\n        <span>\r\n          TECHNOLOGY \/ PEOPLE \/ EXPERIENCE\r\n        <\/span>\r\n\r\n        <span>\r\n          HOVER TO PAUSE\r\n        <\/span>\r\n\r\n        <span>\r\n          DISPLERO\u00ae\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n\r\n  <!-- ==================================================\r\n       03 \/ COLLABORATION\r\n       ================================================== -->\r\n\r\n  <section class=\"dpo-values\">\r\n\r\n    <div class=\"dpo-container\">\r\n\r\n\r\n      <div class=\"dpo-values-heading\">\r\n\r\n        <div class=\"dpo-section-label\">\r\n          <span class=\"dpo-dot\"><\/span>\r\n          03 \/ COLLABORATION\r\n        <\/div>\r\n\r\n\r\n        <h2>\r\n          MORE THAN<br>\r\n          <span>A LOGO.<\/span>\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"dpo-values-grid\">\r\n\r\n\r\n        <!-- VALUE 01 -->\r\n\r\n        <article class=\"dpo-value\">\r\n\r\n          <div class=\"dpo-value-top\">\r\n\r\n            <span>\r\n              01\r\n            <\/span>\r\n\r\n            <span>\r\n              \u2197\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div>\r\n\r\n            <span class=\"dpo-value-type\">\r\n              TECHNOLOGY\r\n            <\/span>\r\n\r\n            <h3>\r\n              THE RIGHT TOOLS.\r\n            <\/h3>\r\n\r\n            <p>\r\n              Technology selected around\r\n              the requirements of each installation.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- VALUE 02 -->\r\n\r\n        <article class=\"dpo-value dpo-value-blue\">\r\n\r\n          <div class=\"dpo-value-top\">\r\n\r\n            <span>\r\n              02\r\n            <\/span>\r\n\r\n            <span>\r\n              \u2197\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div>\r\n\r\n            <span class=\"dpo-value-type\">\r\n              COLLABORATION\r\n            <\/span>\r\n\r\n            <h3>\r\n              THE RIGHT PEOPLE.\r\n            <\/h3>\r\n\r\n            <p>\r\n              Clear communication between\r\n              everyone involved in the project.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- VALUE 03 -->\r\n\r\n        <article class=\"dpo-value\">\r\n\r\n          <div class=\"dpo-value-top\">\r\n\r\n            <span>\r\n              03\r\n            <\/span>\r\n\r\n            <span>\r\n              \u2197\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div>\r\n\r\n            <span class=\"dpo-value-type\">\r\n              DELIVERY\r\n            <\/span>\r\n\r\n            <h3>\r\n              THE RIGHT RESULT.\r\n            <\/h3>\r\n\r\n            <p>\r\n              Bringing technology, logistics\r\n              and installation together.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n\r\n  <!-- ==================================================\r\n       04 \/ CTA\r\n       ================================================== -->\r\n\r\n  <section class=\"dpo-cta\">\r\n\r\n    <div class=\"dpo-grid-bg\"><\/div>\r\n\r\n    <div class=\"dpo-container\">\r\n\r\n\r\n      <div class=\"dpo-cta-top\">\r\n\r\n        <span>\r\n          04 \/ WHAT'S NEXT\r\n        <\/span>\r\n\r\n        <span>\r\n          DISPLERO\u00ae\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <h2>\r\n        LET'S BUILD<br>\r\n        THE <span>NEXT ONE.<\/span>\r\n      <\/h2>\r\n\r\n\r\n      <div class=\"dpo-cta-bottom\">\r\n\r\n        <p>\r\n          Have a project or collaboration\r\n          opportunity in mind?\r\n        <\/p>\r\n\r\n\r\n        <a\r\n          href=\"https:\/\/displero.com\/pl\/contact-2\/\"\r\n          class=\"dpo-cta-button\"\r\n        >\r\n\r\n          <span>\r\n            LET'S TALK\r\n          <\/span>\r\n\r\n          <span aria-hidden=\"true\">\r\n            \u2197\r\n          <\/span>\r\n\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =====================================================\r\n   DISPLERO PARTNERS V3\r\n   ===================================================== *\/\r\n\r\n.dpo-page {\r\n\r\n  --dpo-navy: #090D1F;\r\n  --dpo-blue: #5471A4;\r\n  --dpo-steel: #B5C8DE;\r\n  --dpo-grey: #54595F;\r\n  --dpo-light: #F5F6F8;\r\n  --dpo-white: #FFFFFF;\r\n\r\n  width: 100%;\r\n\r\n  margin: 0;\r\n\r\n  overflow: hidden;\r\n\r\n  color: var(--dpo-navy);\r\n\r\n  font-family:\r\n    \"Manrope\",\r\n    sans-serif;\r\n\r\n}\r\n\r\n\r\n.dpo-page *,\r\n.dpo-page *::before,\r\n.dpo-page *::after {\r\n\r\n  box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n.dpo-page a {\r\n\r\n  text-decoration: none;\r\n\r\n}\r\n\r\n\r\n.dpo-container {\r\n\r\n  width: 100%;\r\n\r\n  max-width: 1450px;\r\n\r\n  margin: 0 auto;\r\n\r\n  padding-left: 35px;\r\n\r\n  padding-right: 35px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   SHARED\r\n   ===================================================== *\/\r\n\r\n.dpo-dot {\r\n\r\n  display: inline-block;\r\n\r\n  width: 8px;\r\n\r\n  height: 8px;\r\n\r\n  flex: 0 0 8px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: var(--dpo-blue);\r\n\r\n}\r\n\r\n\r\n.dpo-label,\r\n.dpo-section-label {\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 11px;\r\n\r\n  font-size: 10px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 2.5px;\r\n\r\n}\r\n\r\n\r\n.dpo-section-label {\r\n\r\n  color: var(--dpo-blue);\r\n\r\n}\r\n\r\n\r\n.dpo-grid-bg {\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  pointer-events: none;\r\n\r\n  background-image:\r\n\r\n    linear-gradient(\r\n      rgba(255,255,255,.05) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.05) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size:\r\n    70px 70px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   01 \/ HERO\r\n   ===================================================== *\/\r\n\r\n.dpo-hero {\r\n\r\n  position: relative;\r\n\r\n  isolation: isolate;\r\n\r\n  min-height: 665px;\r\n\r\n  overflow: hidden;\r\n\r\n  background:\r\n    var(--dpo-navy);\r\n\r\n  color:\r\n    white;\r\n\r\n}\r\n\r\n\r\n.dpo-hero-glow {\r\n\r\n  position: absolute;\r\n\r\n  width: 850px;\r\n\r\n  height: 850px;\r\n\r\n  right: -260px;\r\n\r\n  top: -350px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle,\r\n      rgba(84,113,164,.42),\r\n      transparent 67%\r\n    );\r\n\r\n}\r\n\r\n\r\n.dpo-hero .dpo-container {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  min-height: 665px;\r\n\r\n}\r\n\r\n\r\n.dpo-hero-top {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: space-between;\r\n\r\n  gap: 20px;\r\n\r\n  padding-top: 65px;\r\n\r\n}\r\n\r\n\r\n.dpo-label {\r\n\r\n  color:\r\n    #C3CAD7;\r\n\r\n}\r\n\r\n\r\n.dpo-label\r\n.dpo-dot {\r\n\r\n  background:\r\n    var(--dpo-steel);\r\n\r\n}\r\n\r\n\r\n.dpo-small-index {\r\n\r\n  color:\r\n    #969EAE;\r\n\r\n  font-size:\r\n    9px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    2px;\r\n\r\n}\r\n\r\n\r\n.dpo-hero-main {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1.4fr)\r\n    minmax(260px,.6fr);\r\n\r\n  align-items:\r\n    end;\r\n\r\n  gap:\r\n    60px;\r\n\r\n  flex:\r\n    1;\r\n\r\n  padding:\r\n    75px 0\r\n    70px;\r\n\r\n}\r\n\r\n\r\n.dpo-hero h1 {\r\n\r\n  margin:\r\n    0;\r\n\r\n  color:\r\n    white;\r\n\r\n  font-size:\r\n    clamp(\r\n      75px,\r\n      10vw,\r\n      150px\r\n    );\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  line-height:\r\n    .9;\r\n\r\n  letter-spacing:\r\n    -.095em;\r\n\r\n}\r\n\r\n\r\n.dpo-hero h1 span {\r\n\r\n  color:\r\n    var(--dpo-steel);\r\n\r\n}\r\n\r\n\r\n.dpo-hero-copy {\r\n\r\n  max-width:\r\n    360px;\r\n\r\n}\r\n\r\n\r\n.dpo-hero-copy > span {\r\n\r\n  display:\r\n    block;\r\n\r\n  margin-bottom:\r\n    22px;\r\n\r\n  color:\r\n    var(--dpo-steel);\r\n\r\n  font-size:\r\n    9px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    2px;\r\n\r\n}\r\n\r\n\r\n.dpo-hero-copy p {\r\n\r\n  margin:\r\n    0;\r\n\r\n  color:\r\n    #C3CAD7;\r\n\r\n  font-size:\r\n    14px;\r\n\r\n  line-height:\r\n    1.85;\r\n\r\n}\r\n\r\n\r\n.dpo-hero-bottom {\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  gap:\r\n    20px;\r\n\r\n  padding:\r\n    22px 0\r\n    25px;\r\n\r\n  border-top:\r\n    1px solid\r\n    rgba(255,255,255,.15);\r\n\r\n  color:\r\n    #A7AFBE;\r\n\r\n  font-size:\r\n    9px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    1.5px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   02 \/ NETWORK\r\n   ===================================================== *\/\r\n\r\n.dpo-network {\r\n\r\n  padding-top:\r\n    95px;\r\n\r\n  background:\r\n    var(--dpo-light);\r\n\r\n}\r\n\r\n\r\n.dpo-network-heading {\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    flex-end;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  gap:\r\n    60px;\r\n\r\n  margin-bottom:\r\n    55px;\r\n\r\n}\r\n\r\n\r\n.dpo-network-heading h2,\r\n.dpo-values-heading h2 {\r\n\r\n  margin:\r\n    20px 0\r\n    0;\r\n\r\n  color:\r\n    var(--dpo-navy);\r\n\r\n  font-size:\r\n    clamp(\r\n      55px,\r\n      7.5vw,\r\n      108px\r\n    );\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  line-height:\r\n    .96;\r\n\r\n  letter-spacing:\r\n    -.08em;\r\n\r\n}\r\n\r\n\r\n.dpo-network-heading h2 span,\r\n.dpo-values-heading h2 span {\r\n\r\n  color:\r\n    var(--dpo-blue);\r\n\r\n}\r\n\r\n\r\n.dpo-network-copy {\r\n\r\n  max-width:\r\n    320px;\r\n\r\n  padding-bottom:\r\n    6px;\r\n\r\n}\r\n\r\n\r\n.dpo-network-copy > span {\r\n\r\n  display:\r\n    block;\r\n\r\n  margin-bottom:\r\n    15px;\r\n\r\n  color:\r\n    var(--dpo-blue);\r\n\r\n  font-size:\r\n    9px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    2px;\r\n\r\n}\r\n\r\n\r\n.dpo-network-copy p {\r\n\r\n  margin:\r\n    0;\r\n\r\n  color:\r\n    var(--dpo-grey);\r\n\r\n  font-size:\r\n    13px;\r\n\r\n  line-height:\r\n    1.8;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   ORBIT STAGE\r\n   ===================================================== *\/\r\n\r\n.dpo-orbit-stage {\r\n\r\n  --orbit-radius: 330px;\r\n\r\n  position:\r\n    relative;\r\n\r\n  isolation:\r\n    isolate;\r\n\r\n  width:\r\n    100%;\r\n\r\n  height:\r\n    780px;\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at center,\r\n      #1A2D4D 0%,\r\n      #111A31 34%,\r\n      #090D1F 72%\r\n    );\r\n\r\n  color:\r\n    white;\r\n\r\n}\r\n\r\n\r\n.dpo-space-grid {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  inset:\r\n    0;\r\n\r\n  opacity:\r\n    .27;\r\n\r\n  background-image:\r\n\r\n    linear-gradient(\r\n      rgba(181,200,222,.12) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(181,200,222,.12) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size:\r\n    55px 55px;\r\n\r\n}\r\n\r\n\r\n.dpo-orbit-glow {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  top:\r\n    50%;\r\n\r\n  left:\r\n    50%;\r\n\r\n  width:\r\n    620px;\r\n\r\n  height:\r\n    620px;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle,\r\n      rgba(84,113,164,.23),\r\n      transparent 66%\r\n    );\r\n\r\n  pointer-events:\r\n    none;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   ORBIT RINGS\r\n   ===================================================== *\/\r\n\r\n.dpo-ring {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  top:\r\n    50%;\r\n\r\n  left:\r\n    50%;\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  pointer-events:\r\n    none;\r\n\r\n}\r\n\r\n\r\n.dpo-ring-outer {\r\n\r\n  width:\r\n    660px;\r\n\r\n  height:\r\n    660px;\r\n\r\n  border:\r\n    1px dashed\r\n    rgba(181,200,222,.31);\r\n\r\n  animation:\r\n    dpo-ring-spin\r\n    65s linear\r\n    infinite;\r\n\r\n}\r\n\r\n\r\n.dpo-ring-middle {\r\n\r\n  width:\r\n    505px;\r\n\r\n  height:\r\n    505px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(181,200,222,.15);\r\n\r\n}\r\n\r\n\r\n.dpo-ring-inner {\r\n\r\n  width:\r\n    280px;\r\n\r\n  height:\r\n    280px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(181,200,222,.2);\r\n\r\n}\r\n\r\n\r\n@keyframes dpo-ring-spin {\r\n\r\n  from {\r\n\r\n    transform:\r\n      translate(-50%,-50%)\r\n      rotate(0deg);\r\n\r\n  }\r\n\r\n  to {\r\n\r\n    transform:\r\n      translate(-50%,-50%)\r\n      rotate(360deg);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   RADAR\r\n   ===================================================== *\/\r\n\r\n.dpo-radar {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  top:\r\n    50%;\r\n\r\n  left:\r\n    50%;\r\n\r\n  width:\r\n    660px;\r\n\r\n  height:\r\n    660px;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  pointer-events:\r\n    none;\r\n\r\n}\r\n\r\n\r\n.dpo-radar-line {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  top:\r\n    50%;\r\n\r\n  left:\r\n    50%;\r\n\r\n  width:\r\n    50%;\r\n\r\n  height:\r\n    2px;\r\n\r\n  transform-origin:\r\n    left center;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(181,200,222,.65),\r\n      rgba(84,113,164,.18),\r\n      transparent\r\n    );\r\n\r\n  animation:\r\n    dpo-radar-spin\r\n    14s linear\r\n    infinite;\r\n\r\n}\r\n\r\n\r\n@keyframes dpo-radar-spin {\r\n\r\n  to {\r\n\r\n    transform:\r\n      rotate(360deg);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   CENTER \/ DISPLERO\r\n   ===================================================== *\/\r\n\r\n.dpo-center {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  z-index:\r\n    20;\r\n\r\n  top:\r\n    50%;\r\n\r\n  left:\r\n    50%;\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    center;\r\n\r\n  flex-direction:\r\n    column;\r\n\r\n  width:\r\n    245px;\r\n\r\n  height:\r\n    245px;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(181,200,222,.65);\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 45% 35%,\r\n      #263F67,\r\n      #111B31 60%,\r\n      #090D1F\r\n    );\r\n\r\n  box-shadow:\r\n\r\n    0 0 80px\r\n    rgba(84,113,164,.35),\r\n\r\n    0 30px 80px\r\n    rgba(0,0,0,.42);\r\n\r\n}\r\n\r\n\r\n.dpo-center::before {\r\n\r\n  content:\r\n    \"\";\r\n\r\n  position:\r\n    absolute;\r\n\r\n  inset:\r\n    13px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(181,200,222,.13);\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n}\r\n\r\n\r\n.dpo-center-small {\r\n\r\n  position:\r\n    relative;\r\n\r\n  z-index:\r\n    2;\r\n\r\n  margin-bottom:\r\n    8px;\r\n\r\n  color:\r\n    #8996AA;\r\n\r\n  font-size:\r\n    8px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    2px;\r\n\r\n}\r\n\r\n\r\n.dpo-center strong {\r\n\r\n  position:\r\n    relative;\r\n\r\n  z-index:\r\n    2;\r\n\r\n  color:\r\n    white;\r\n\r\n  font-size:\r\n    31px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  line-height:\r\n    1;\r\n\r\n  letter-spacing:\r\n    -.065em;\r\n\r\n}\r\n\r\n\r\n.dpo-center-bottom {\r\n\r\n  position:\r\n    relative;\r\n\r\n  z-index:\r\n    2;\r\n\r\n  margin-top:\r\n    10px;\r\n\r\n  color:\r\n    var(--dpo-steel);\r\n\r\n  font-size:\r\n    7px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    1.2px;\r\n\r\n}\r\n\r\n\r\n.dpo-center-status {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  bottom:\r\n    29px;\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  gap:\r\n    7px;\r\n\r\n  color:\r\n    #91A0B7;\r\n\r\n  font-size:\r\n    7px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    1.3px;\r\n\r\n}\r\n\r\n\r\n.dpo-center-status > span {\r\n\r\n  width:\r\n    6px;\r\n\r\n  height:\r\n    6px;\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n  background:\r\n    #B5C8DE;\r\n\r\n  box-shadow:\r\n    0 0 10px\r\n    #B5C8DE;\r\n\r\n}\r\n\r\n\r\n.dpo-center-pulse {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  inset:\r\n    -1px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(181,200,222,.4);\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n  pointer-events:\r\n    none;\r\n\r\n}\r\n\r\n\r\n.dpo-pulse-one {\r\n\r\n  animation:\r\n    dpo-center-pulse\r\n    3.8s ease-out\r\n    infinite;\r\n\r\n}\r\n\r\n\r\n.dpo-pulse-two {\r\n\r\n  animation:\r\n    dpo-center-pulse\r\n    3.8s ease-out\r\n    infinite 1.9s;\r\n\r\n}\r\n\r\n\r\n@keyframes dpo-center-pulse {\r\n\r\n  0% {\r\n\r\n    opacity:\r\n      .8;\r\n\r\n    transform:\r\n      scale(1);\r\n\r\n  }\r\n\r\n  100% {\r\n\r\n    opacity:\r\n      0;\r\n\r\n    transform:\r\n      scale(1.43);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   ORBIT NODES\r\n   ===================================================== *\/\r\n\r\n.dpo-node {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  z-index:\r\n    15;\r\n\r\n  top:\r\n    50%;\r\n\r\n  left:\r\n    50%;\r\n\r\n  width:\r\n    215px;\r\n\r\n  height:\r\n    112px;\r\n\r\n  margin-left:\r\n    -107.5px;\r\n\r\n  margin-top:\r\n    -56px;\r\n\r\n  will-change:\r\n    transform;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   5 PARTNERS \u2014 72 DEGREE SPACING\r\n   ===================================================== *\/\r\n\r\n.dpo-five\r\n.dpo-node-1 {\r\n\r\n  animation:\r\n    dpo-orbit-5-1\r\n    42s linear\r\n    infinite;\r\n\r\n}\r\n\r\n.dpo-five\r\n.dpo-node-2 {\r\n\r\n  animation:\r\n    dpo-orbit-5-2\r\n    42s linear\r\n    infinite;\r\n\r\n}\r\n\r\n.dpo-five\r\n.dpo-node-3 {\r\n\r\n  animation:\r\n    dpo-orbit-5-3\r\n    42s linear\r\n    infinite;\r\n\r\n}\r\n\r\n.dpo-five\r\n.dpo-node-4 {\r\n\r\n  animation:\r\n    dpo-orbit-5-4\r\n    42s linear\r\n    infinite;\r\n\r\n}\r\n\r\n.dpo-five\r\n.dpo-node-5 {\r\n\r\n  animation:\r\n    dpo-orbit-5-5\r\n    42s linear\r\n    infinite;\r\n\r\n}\r\n\r\n\r\n@keyframes dpo-orbit-5-1 {\r\n\r\n  from {\r\n    transform:\r\n      rotate(-90deg)\r\n      translateX(var(--orbit-radius))\r\n      rotate(90deg);\r\n  }\r\n\r\n  to {\r\n    transform:\r\n      rotate(270deg)\r\n      translateX(var(--orbit-radius))\r\n      rotate(-270deg);\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes dpo-orbit-5-2 {\r\n\r\n  from {\r\n    transform:\r\n      rotate(-18deg)\r\n      translateX(var(--orbit-radius))\r\n      rotate(18deg);\r\n  }\r\n\r\n  to {\r\n    transform:\r\n      rotate(342deg)\r\n      translateX(var(--orbit-radius))\r\n      rotate(-342deg);\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes dpo-orbit-5-3 {\r\n\r\n  from {\r\n    transform:\r\n      rotate(54deg)\r\n      translateX(var(--orbit-radius))\r\n      rotate(-54deg);\r\n  }\r\n\r\n  to {\r\n    transform:\r\n      rotate(414deg)\r\n      translateX(var(--orbit-radius))\r\n      rotate(-414deg);\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes dpo-orbit-5-4 {\r\n\r\n  from {\r\n    transform:\r\n      rotate(126deg)\r\n      translateX(var(--orbit-radius))\r\n      rotate(-126deg);\r\n  }\r\n\r\n  to {\r\n    transform:\r\n      rotate(486deg)\r\n      translateX(var(--orbit-radius))\r\n      rotate(-486deg);\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes dpo-orbit-5-5 {\r\n\r\n  from {\r\n    transform:\r\n      rotate(198deg)\r\n      translateX(var(--orbit-radius))\r\n      rotate(-198deg);\r\n  }\r\n\r\n  to {\r\n    transform:\r\n      rotate(558deg)\r\n      translateX(var(--orbit-radius))\r\n      rotate(-558deg);\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   4 PARTNERS \u2014 90 DEGREE SPACING\r\n\r\n   Change class:\r\n   dpo-five \u2192 dpo-four\r\n\r\n   and delete Partner 05.\r\n   ===================================================== *\/\r\n\r\n.dpo-four\r\n.dpo-node-1 {\r\n\r\n  animation:\r\n    dpo-orbit-4-1\r\n    38s linear\r\n    infinite;\r\n\r\n}\r\n\r\n.dpo-four\r\n.dpo-node-2 {\r\n\r\n  animation:\r\n    dpo-orbit-4-2\r\n    38s linear\r\n    infinite;\r\n\r\n}\r\n\r\n.dpo-four\r\n.dpo-node-3 {\r\n\r\n  animation:\r\n    dpo-orbit-4-3\r\n    38s linear\r\n    infinite;\r\n\r\n}\r\n\r\n.dpo-four\r\n.dpo-node-4 {\r\n\r\n  animation:\r\n    dpo-orbit-4-4\r\n    38s linear\r\n    infinite;\r\n\r\n}\r\n\r\n\r\n@keyframes dpo-orbit-4-1 {\r\n\r\n  from {\r\n    transform:\r\n      rotate(-90deg)\r\n      translateX(var(--orbit-radius))\r\n      rotate(90deg);\r\n  }\r\n\r\n  to {\r\n    transform:\r\n      rotate(270deg)\r\n      translateX(var(--orbit-radius))\r\n      rotate(-270deg);\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes dpo-orbit-4-2 {\r\n\r\n  from {\r\n    transform:\r\n      rotate(0deg)\r\n      translateX(var(--orbit-radius))\r\n      rotate(0deg);\r\n  }\r\n\r\n  to {\r\n    transform:\r\n      rotate(360deg)\r\n      translateX(var(--orbit-radius))\r\n      rotate(-360deg);\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes dpo-orbit-4-3 {\r\n\r\n  from {\r\n    transform:\r\n      rotate(90deg)\r\n      translateX(var(--orbit-radius))\r\n      rotate(-90deg);\r\n  }\r\n\r\n  to {\r\n    transform:\r\n      rotate(450deg)\r\n      translateX(var(--orbit-radius))\r\n      rotate(-450deg);\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes dpo-orbit-4-4 {\r\n\r\n  from {\r\n    transform:\r\n      rotate(180deg)\r\n      translateX(var(--orbit-radius))\r\n      rotate(-180deg);\r\n  }\r\n\r\n  to {\r\n    transform:\r\n      rotate(540deg)\r\n      translateX(var(--orbit-radius))\r\n      rotate(-540deg);\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   PARTNER CARDS\r\n   ===================================================== *\/\r\n\r\n.dpo-partner-card {\r\n\r\n  display:\r\n    flex;\r\n\r\n  flex-direction:\r\n    column;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  width:\r\n    100%;\r\n\r\n  height:\r\n    100%;\r\n\r\n  padding:\r\n    14px 16px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.17);\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(255,255,255,.105),\r\n      rgba(255,255,255,.03)\r\n    );\r\n\r\n  box-shadow:\r\n\r\n    0 18px 50px\r\n    rgba(0,0,0,.3);\r\n\r\n  backdrop-filter:\r\n    blur(12px);\r\n\r\n  transition:\r\n\r\n    transform .35s ease,\r\n    border-color .35s ease,\r\n    background .35s ease,\r\n    box-shadow .35s ease;\r\n\r\n}\r\n\r\n\r\n.dpo-partner-card:hover {\r\n\r\n  transform:\r\n    scale(1.13);\r\n\r\n  border-color:\r\n    var(--dpo-steel);\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(84,113,164,.97),\r\n      rgba(38,60,96,.97)\r\n    );\r\n\r\n  box-shadow:\r\n\r\n    0 28px 80px\r\n    rgba(0,0,0,.5),\r\n\r\n    0 0 35px\r\n    rgba(84,113,164,.27);\r\n\r\n}\r\n\r\n\r\n.dpo-partner-top {\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  color:\r\n    #8491A6;\r\n\r\n  font-size:\r\n    8px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    1.5px;\r\n\r\n}\r\n\r\n\r\n.dpo-live-dot {\r\n\r\n  display:\r\n    block;\r\n\r\n  width:\r\n    5px;\r\n\r\n  height:\r\n    5px;\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n  background:\r\n    var(--dpo-steel);\r\n\r\n  box-shadow:\r\n\r\n    0 0 8px\r\n    rgba(181,200,222,.8);\r\n\r\n}\r\n\r\n\r\n.dpo-logo {\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    center;\r\n\r\n  flex:\r\n    1;\r\n\r\n}\r\n\r\n\r\n.dpo-logo span {\r\n\r\n  color:\r\n    white;\r\n\r\n  font-size:\r\n    13px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    2px;\r\n\r\n}\r\n\r\n\r\n.dpo-logo img {\r\n\r\n  display:\r\n    block;\r\n\r\n  width:\r\n    auto;\r\n\r\n  max-width:\r\n    80%;\r\n\r\n  height:\r\n    auto;\r\n\r\n  max-height:\r\n    47px;\r\n\r\n  object-fit:\r\n    contain;\r\n\r\n  filter:\r\n\r\n    grayscale(1)\r\n    brightness(2);\r\n\r\n  transition:\r\n\r\n    filter .35s ease,\r\n    transform .35s ease;\r\n\r\n}\r\n\r\n\r\n.dpo-partner-card:hover\r\n.dpo-logo img {\r\n\r\n  filter:\r\n    none;\r\n\r\n  transform:\r\n    scale(1.05);\r\n\r\n}\r\n\r\n\r\n.dpo-partner-bottom {\r\n\r\n  color:\r\n    #8592A7;\r\n\r\n  font-size:\r\n    7px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    1.5px;\r\n\r\n}\r\n\r\n\r\n.dpo-partner-card:hover\r\n.dpo-partner-top,\r\n.dpo-partner-card:hover\r\n.dpo-partner-bottom {\r\n\r\n  color:\r\n    rgba(255,255,255,.72);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   PAUSE ORBIT ON HOVER\r\n   ===================================================== *\/\r\n\r\n.dpo-orbit-stage:hover\r\n.dpo-node {\r\n\r\n  animation-play-state:\r\n    paused;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   TECH LABELS\r\n   ===================================================== *\/\r\n\r\n.dpo-axis {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  z-index:\r\n    5;\r\n\r\n  color:\r\n    #647187;\r\n\r\n  font-size:\r\n    8px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    1.8px;\r\n\r\n  pointer-events:\r\n    none;\r\n\r\n}\r\n\r\n\r\n.dpo-axis-top {\r\n\r\n  top:\r\n    32px;\r\n\r\n  left:\r\n    50%;\r\n\r\n  transform:\r\n    translateX(-50%);\r\n\r\n}\r\n\r\n\r\n.dpo-axis-left {\r\n\r\n  top:\r\n    50%;\r\n\r\n  left:\r\n    22px;\r\n\r\n  writing-mode:\r\n    vertical-rl;\r\n\r\n  transform:\r\n    translateY(-50%)\r\n    rotate(180deg);\r\n\r\n}\r\n\r\n\r\n.dpo-network-footer {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  z-index:\r\n    30;\r\n\r\n  left:\r\n    35px;\r\n\r\n  right:\r\n    35px;\r\n\r\n  bottom:\r\n    22px;\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  gap:\r\n    20px;\r\n\r\n  padding-top:\r\n    17px;\r\n\r\n  border-top:\r\n\r\n    1px solid\r\n    rgba(255,255,255,.13);\r\n\r\n  color:\r\n    #718096;\r\n\r\n  font-size:\r\n    8px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    1.4px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   03 \/ VALUES\r\n   ===================================================== *\/\r\n\r\n.dpo-values {\r\n\r\n  padding:\r\n    100px 0\r\n    110px;\r\n\r\n  background:\r\n    var(--dpo-light);\r\n\r\n}\r\n\r\n\r\n.dpo-values-heading {\r\n\r\n  margin-bottom:\r\n    60px;\r\n\r\n}\r\n\r\n\r\n.dpo-values-grid {\r\n\r\n  display:\r\n    grid;\r\n\r\n  grid-template-columns:\r\n    repeat(\r\n      3,\r\n      minmax(0,1fr)\r\n    );\r\n\r\n  gap:\r\n    15px;\r\n\r\n}\r\n\r\n\r\n.dpo-value {\r\n\r\n  display:\r\n    flex;\r\n\r\n  flex-direction:\r\n    column;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  min-height:\r\n    350px;\r\n\r\n  padding:\r\n    29px;\r\n\r\n  border:\r\n\r\n    1px solid\r\n    #D6DAE2;\r\n\r\n  background:\r\n    white;\r\n\r\n  transition:\r\n\r\n    transform .35s ease,\r\n    box-shadow .35s ease;\r\n\r\n}\r\n\r\n\r\n.dpo-value:hover {\r\n\r\n  transform:\r\n    translateY(-8px);\r\n\r\n  box-shadow:\r\n\r\n    0 25px 60px\r\n    rgba(9,13,31,.09);\r\n\r\n}\r\n\r\n\r\n.dpo-value-blue {\r\n\r\n  border-color:\r\n    var(--dpo-blue);\r\n\r\n  background:\r\n    var(--dpo-blue);\r\n\r\n}\r\n\r\n\r\n.dpo-value-top {\r\n\r\n  display:\r\n    flex;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  color:\r\n    #858B95;\r\n\r\n  font-size:\r\n    9px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n}\r\n\r\n\r\n.dpo-value-top\r\nspan:last-child {\r\n\r\n  color:\r\n    var(--dpo-blue);\r\n\r\n  font-size:\r\n    25px;\r\n\r\n}\r\n\r\n\r\n.dpo-value-blue\r\n.dpo-value-top {\r\n\r\n  color:\r\n    rgba(255,255,255,.7);\r\n\r\n}\r\n\r\n\r\n.dpo-value-blue\r\n.dpo-value-top\r\nspan:last-child {\r\n\r\n  color:\r\n    white;\r\n\r\n}\r\n\r\n\r\n.dpo-value-type {\r\n\r\n  display:\r\n    block;\r\n\r\n  margin-bottom:\r\n    12px;\r\n\r\n  color:\r\n    var(--dpo-blue);\r\n\r\n  font-size:\r\n    9px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    2px;\r\n\r\n}\r\n\r\n\r\n.dpo-value-blue\r\n.dpo-value-type {\r\n\r\n  color:\r\n    #DDE8F6;\r\n\r\n}\r\n\r\n\r\n.dpo-value h3 {\r\n\r\n  margin:\r\n    0 0\r\n    14px;\r\n\r\n  color:\r\n    var(--dpo-navy);\r\n\r\n  font-size:\r\n    clamp(\r\n      25px,\r\n      2.5vw,\r\n      35px\r\n    );\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  line-height:\r\n    1.05;\r\n\r\n  letter-spacing:\r\n    -.05em;\r\n\r\n}\r\n\r\n\r\n.dpo-value-blue h3 {\r\n\r\n  color:\r\n    white;\r\n\r\n}\r\n\r\n\r\n.dpo-value p {\r\n\r\n  max-width:\r\n    280px;\r\n\r\n  margin:\r\n    0;\r\n\r\n  color:\r\n    var(--dpo-grey);\r\n\r\n  font-size:\r\n    13px;\r\n\r\n  line-height:\r\n    1.75;\r\n\r\n}\r\n\r\n\r\n.dpo-value-blue p {\r\n\r\n  color:\r\n    #E7EFF8;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   04 \/ CTA\r\n   ===================================================== *\/\r\n\r\n.dpo-cta {\r\n\r\n  position:\r\n    relative;\r\n\r\n  isolation:\r\n    isolate;\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n  background:\r\n    var(--dpo-blue);\r\n\r\n  color:\r\n    white;\r\n\r\n}\r\n\r\n\r\n.dpo-cta\r\n.dpo-grid-bg {\r\n\r\n  opacity:\r\n    .5;\r\n\r\n}\r\n\r\n\r\n.dpo-cta\r\n.dpo-container {\r\n\r\n  position:\r\n    relative;\r\n\r\n  z-index:\r\n    2;\r\n\r\n  padding-top:\r\n    60px;\r\n\r\n  padding-bottom:\r\n    70px;\r\n\r\n}\r\n\r\n\r\n.dpo-cta-top {\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  gap:\r\n    20px;\r\n\r\n  color:\r\n    #E5EDF7;\r\n\r\n  font-size:\r\n    9px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    2px;\r\n\r\n}\r\n\r\n\r\n.dpo-cta h2 {\r\n\r\n  margin:\r\n    75px 0\r\n    65px;\r\n\r\n  color:\r\n    white;\r\n\r\n  font-size:\r\n    clamp(\r\n      55px,\r\n      8vw,\r\n      115px\r\n    );\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  line-height:\r\n    .97;\r\n\r\n  letter-spacing:\r\n    -.085em;\r\n\r\n}\r\n\r\n\r\n.dpo-cta h2 span {\r\n\r\n  color:\r\n    var(--dpo-navy);\r\n\r\n}\r\n\r\n\r\n.dpo-cta-bottom {\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    flex-end;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  gap:\r\n    35px;\r\n\r\n  padding-top:\r\n    22px;\r\n\r\n  border-top:\r\n\r\n    1px solid\r\n    rgba(255,255,255,.37);\r\n\r\n}\r\n\r\n\r\n.dpo-cta-bottom p {\r\n\r\n  max-width:\r\n    330px;\r\n\r\n  margin:\r\n    0;\r\n\r\n  color:\r\n    #F1F5FA;\r\n\r\n  font-size:\r\n    13px;\r\n\r\n  line-height:\r\n    1.8;\r\n\r\n}\r\n\r\n\r\n.dpo-cta-button {\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  gap:\r\n    50px;\r\n\r\n  min-width:\r\n    245px;\r\n\r\n  min-height:\r\n    60px;\r\n\r\n  padding:\r\n    16px 20px;\r\n\r\n  background:\r\n    var(--dpo-navy);\r\n\r\n  color:\r\n    white !important;\r\n\r\n  font-size:\r\n    11px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    1px;\r\n\r\n  transition:\r\n\r\n    transform .3s ease,\r\n    background .3s ease;\r\n\r\n}\r\n\r\n\r\n.dpo-cta-button\r\nspan:last-child {\r\n\r\n  font-size:\r\n    25px;\r\n\r\n}\r\n\r\n\r\n.dpo-cta-button:hover {\r\n\r\n  transform:\r\n    translateY(-4px);\r\n\r\n  background:\r\n    #233B63;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   TABLET\r\n   ===================================================== *\/\r\n\r\n@media\r\n(max-width: 1100px) {\r\n\r\n  .dpo-orbit-stage {\r\n\r\n    --orbit-radius:\r\n      275px;\r\n\r\n    height:\r\n      680px;\r\n\r\n  }\r\n\r\n\r\n  .dpo-ring-outer,\r\n  .dpo-radar {\r\n\r\n    width:\r\n      550px;\r\n\r\n    height:\r\n      550px;\r\n\r\n  }\r\n\r\n\r\n  .dpo-ring-middle {\r\n\r\n    width:\r\n      420px;\r\n\r\n    height:\r\n      420px;\r\n\r\n  }\r\n\r\n\r\n  .dpo-node {\r\n\r\n    width:\r\n      175px;\r\n\r\n    height:\r\n      100px;\r\n\r\n    margin-left:\r\n      -87.5px;\r\n\r\n    margin-top:\r\n      -50px;\r\n\r\n  }\r\n\r\n\r\n  .dpo-logo span {\r\n\r\n    font-size:\r\n      11px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   MOBILE\r\n   ===================================================== *\/\r\n\r\n@media\r\n(max-width: 767px) {\r\n\r\n  .dpo-container {\r\n\r\n    padding-left:\r\n      18px;\r\n\r\n    padding-right:\r\n      18px;\r\n\r\n  }\r\n\r\n\r\n  \/* HERO *\/\r\n\r\n  .dpo-hero,\r\n  .dpo-hero\r\n  .dpo-container {\r\n\r\n    min-height:\r\n      auto;\r\n\r\n  }\r\n\r\n\r\n  .dpo-hero-top {\r\n\r\n    padding-top:\r\n      55px;\r\n\r\n  }\r\n\r\n\r\n  .dpo-small-index {\r\n\r\n    display:\r\n      none;\r\n\r\n  }\r\n\r\n\r\n  .dpo-hero-main {\r\n\r\n    display:\r\n      block;\r\n\r\n    padding:\r\n      65px 0\r\n      50px;\r\n\r\n  }\r\n\r\n\r\n  .dpo-hero h1 {\r\n\r\n    font-size:\r\n      clamp(\r\n        62px,\r\n        16vw,\r\n        92px\r\n      );\r\n\r\n  }\r\n\r\n\r\n  .dpo-hero-copy {\r\n\r\n    margin-top:\r\n      42px;\r\n\r\n  }\r\n\r\n\r\n  .dpo-hero-bottom {\r\n\r\n    font-size:\r\n      8px;\r\n\r\n  }\r\n\r\n\r\n  .dpo-hero-bottom\r\n  span:last-child {\r\n\r\n    display:\r\n      none;\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* NETWORK *\/\r\n\r\n  .dpo-network {\r\n\r\n    padding-top:\r\n      70px;\r\n\r\n  }\r\n\r\n\r\n  .dpo-network-heading {\r\n\r\n    display:\r\n      block;\r\n\r\n    margin-bottom:\r\n      40px;\r\n\r\n  }\r\n\r\n\r\n  .dpo-network-heading h2,\r\n  .dpo-values-heading h2 {\r\n\r\n    font-size:\r\n      clamp(\r\n        48px,\r\n        12vw,\r\n        74px\r\n      );\r\n\r\n  }\r\n\r\n\r\n  .dpo-network-copy {\r\n\r\n    margin-top:\r\n      25px;\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* ORBIT *\/\r\n\r\n  .dpo-orbit-stage {\r\n\r\n    --orbit-radius:\r\n      155px;\r\n\r\n    height:\r\n      510px;\r\n\r\n  }\r\n\r\n\r\n  .dpo-ring-outer,\r\n  .dpo-radar {\r\n\r\n    width:\r\n      310px;\r\n\r\n    height:\r\n      310px;\r\n\r\n  }\r\n\r\n\r\n  .dpo-ring-middle {\r\n\r\n    width:\r\n      235px;\r\n\r\n    height:\r\n      235px;\r\n\r\n  }\r\n\r\n\r\n  .dpo-ring-inner {\r\n\r\n    width:\r\n      150px;\r\n\r\n    height:\r\n      150px;\r\n\r\n  }\r\n\r\n\r\n  .dpo-center {\r\n\r\n    width:\r\n      132px;\r\n\r\n    height:\r\n      132px;\r\n\r\n  }\r\n\r\n\r\n  .dpo-center strong {\r\n\r\n    font-size:\r\n      19px;\r\n\r\n  }\r\n\r\n\r\n  .dpo-center-small {\r\n\r\n    font-size:\r\n      6px;\r\n\r\n    letter-spacing:\r\n      1px;\r\n\r\n  }\r\n\r\n\r\n  .dpo-center-bottom {\r\n\r\n    display:\r\n      none;\r\n\r\n  }\r\n\r\n\r\n  .dpo-center-status {\r\n\r\n    bottom:\r\n      18px;\r\n\r\n    font-size:\r\n      5px;\r\n\r\n  }\r\n\r\n\r\n  .dpo-node {\r\n\r\n    width:\r\n      118px;\r\n\r\n    height:\r\n      68px;\r\n\r\n    margin-left:\r\n      -59px;\r\n\r\n    margin-top:\r\n      -34px;\r\n\r\n  }\r\n\r\n\r\n  .dpo-partner-card {\r\n\r\n    padding:\r\n      8px 9px;\r\n\r\n  }\r\n\r\n\r\n  .dpo-partner-top {\r\n\r\n    font-size:\r\n      5px;\r\n\r\n  }\r\n\r\n\r\n  .dpo-logo span {\r\n\r\n    font-size:\r\n      8px;\r\n\r\n    letter-spacing:\r\n      .8px;\r\n\r\n  }\r\n\r\n\r\n  .dpo-logo img {\r\n\r\n    max-height:\r\n      28px;\r\n\r\n  }\r\n\r\n\r\n  .dpo-partner-bottom {\r\n\r\n    font-size:\r\n      5px;\r\n\r\n    letter-spacing:\r\n      .6px;\r\n\r\n  }\r\n\r\n\r\n  .dpo-axis {\r\n\r\n    display:\r\n      none;\r\n\r\n  }\r\n\r\n\r\n  .dpo-network-footer {\r\n\r\n    left:\r\n      18px;\r\n\r\n    right:\r\n      18px;\r\n\r\n    font-size:\r\n      6px;\r\n\r\n  }\r\n\r\n\r\n  .dpo-network-footer\r\n  span:nth-child(2) {\r\n\r\n    display:\r\n      none;\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* VALUES *\/\r\n\r\n  .dpo-values {\r\n\r\n    padding:\r\n      75px 0\r\n      80px;\r\n\r\n  }\r\n\r\n\r\n  .dpo-values-heading {\r\n\r\n    margin-bottom:\r\n      42px;\r\n\r\n  }\r\n\r\n\r\n  .dpo-values-grid {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  .dpo-value {\r\n\r\n    min-height:\r\n      255px;\r\n\r\n    padding:\r\n      25px;\r\n\r\n  }\r\n\r\n\r\n  .dpo-value h3 {\r\n\r\n    font-size:\r\n      27px;\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* CTA *\/\r\n\r\n  .dpo-cta\r\n  .dpo-container {\r\n\r\n    padding-top:\r\n      50px;\r\n\r\n    padding-bottom:\r\n      55px;\r\n\r\n  }\r\n\r\n\r\n  .dpo-cta h2 {\r\n\r\n    margin:\r\n      65px 0\r\n      50px;\r\n\r\n    font-size:\r\n      clamp(\r\n        48px,\r\n        12vw,\r\n        75px\r\n      );\r\n\r\n  }\r\n\r\n\r\n  .dpo-cta-bottom {\r\n\r\n    align-items:\r\n      stretch;\r\n\r\n    flex-direction:\r\n      column;\r\n\r\n  }\r\n\r\n\r\n  .dpo-cta-button {\r\n\r\n    width:\r\n      100%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =====================================================\r\n   REDUCED MOTION\r\n   ===================================================== *\/\r\n\r\n@media\r\n(prefers-reduced-motion: reduce) {\r\n\r\n  .dpo-node,\r\n  .dpo-ring,\r\n  .dpo-radar-line,\r\n  .dpo-center-pulse {\r\n\r\n    animation-play-state:\r\n      paused !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>DISPLERO \/ PARTNERS 01 \u2014 COLLABORATION BUILT TOGETHER. PARTNERS \/ TECHNOLOGY \/ DELIVERY Great projects are rarely built alone. Strong collaboration connects technology, people and experience. DISPLERO\u00ae STRONG TECHNOLOGY. STRONG COLLABORATION. 02 \/ OUR NETWORK OUR ECOSYSTEM. CONNECTED TECHNOLOGY A focused network of technology and solution partners built around real project requirements. CONNECTED BY DISPLERO [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-1204","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"brizy_media":[],"_links":{"self":[{"href":"https:\/\/displero.com\/pl\/wp-json\/wp\/v2\/pages\/1204","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/displero.com\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/displero.com\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/displero.com\/pl\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/displero.com\/pl\/wp-json\/wp\/v2\/comments?post=1204"}],"version-history":[{"count":30,"href":"https:\/\/displero.com\/pl\/wp-json\/wp\/v2\/pages\/1204\/revisions"}],"predecessor-version":[{"id":2319,"href":"https:\/\/displero.com\/pl\/wp-json\/wp\/v2\/pages\/1204\/revisions\/2319"}],"wp:attachment":[{"href":"https:\/\/displero.com\/pl\/wp-json\/wp\/v2\/media?parent=1204"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}