.elementor-752 .elementor-element.elementor-element-b9bf3b9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-752 .elementor-element.elementor-element-4300e59c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-752 .elementor-element.elementor-element-4300e59c:not(.elementor-motion-effects-element-type-background), .elementor-752 .elementor-element.elementor-element-4300e59c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F7;}.elementor-752 .elementor-element.elementor-element-3263cdf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-752 .elementor-element.elementor-element-5641635{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-752 .elementor-element.elementor-element-ba7a825{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-752 .elementor-element.elementor-element-4e58b16{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-752 .elementor-element.elementor-element-7a75871{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-752 .elementor-element.elementor-element-2c5bd2e5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:8%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-752 .elementor-element.elementor-element-2c5bd2e5:not(.elementor-motion-effects-element-type-background), .elementor-752 .elementor-element.elementor-element-2c5bd2e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#BEBEBE;}.elementor-752 .elementor-element.elementor-element-2c5bd2e5 > .elementor-shape-top svg, .elementor-752 .elementor-element.elementor-element-2c5bd2e5 > .e-con-inner > .elementor-shape-top svg{width:calc(101% + 1.3px);height:83px;}.elementor-752 .elementor-element.elementor-element-2c5bd2e5 > .elementor-shape-bottom .elementor-shape-fill, .elementor-752 .elementor-element.elementor-element-2c5bd2e5 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#F5F5F7;}.elementor-752 .elementor-element.elementor-element-2c5bd2e5 > .elementor-shape-bottom svg, .elementor-752 .elementor-element.elementor-element-2c5bd2e5 > .e-con-inner > .elementor-shape-bottom svg{width:calc(103% + 1.3px);height:122px;}.elementor-752 .elementor-element.elementor-element-285c1755{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-752 .elementor-element.elementor-element-3a52413e.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:15px;}.elementor-752 .elementor-element.elementor-element-3a52413e .elementor-main-swiper{height:33vh;width:100%;}.elementor-752 .elementor-element.elementor-element-3a52413e .elementor-swiper-button{font-size:30px;color:var( --e-global-color-a465022 );}.elementor-752 .elementor-element.elementor-element-3a52413e .elementor-swiper-button svg{fill:var( --e-global-color-a465022 );}.elementor-752 .elementor-element.elementor-element-3a52413e .elementor-main-swiper:not(.elementor-thumbnails-swiper) .elementor-carousel-image{background-size:contain;}#elementor-lightbox-slideshow-3a52413e{background-color:#F8F81269;}#elementor-lightbox-slideshow-3a52413e .dialog-lightbox-close-button, #elementor-lightbox-slideshow-3a52413e .elementor-swiper-button{color:#1B252F;}.elementor-752 .elementor-element.elementor-element-3a52413e .elementor-carousel-image-overlay{background-color:#EC008C4A;--e-carousel-image-overlay-color:#1B252F;font-family:"Archivo", Sans-serif;font-size:34px;font-weight:800;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0px;}.elementor-752 .elementor-element.elementor-element-e743e32{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-752 .elementor-element.elementor-element-8100f20{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-752 .elementor-element.elementor-element-eb1517e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-752 .elementor-element.elementor-element-b5c2985{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-752 .elementor-element.elementor-element-2c5bd2e5{--gap:70px 70px;--row-gap:70px;--column-gap:70px;--padding-top:10%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-752 .elementor-element.elementor-element-3a52413e.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-752 .elementor-element.elementor-element-3a52413e .elementor-main-swiper{height:25vh;}.elementor-752 .elementor-element.elementor-element-3a52413e .elementor-carousel-image-overlay{font-size:22px;}}@media(max-width:767px){.elementor-752 .elementor-element.elementor-element-2c5bd2e5{--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:15%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-752 .elementor-element.elementor-element-3a52413e.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-752 .elementor-element.elementor-element-3a52413e .elementor-carousel-image-overlay{font-size:18px;}}/* Start custom CSS */:root {
      --covidia-fuchsia-500: #ec008c;
      --covidia-fuchsia-300: #f8bbdd;
      --covidia-fuchsia-700: #a30060;
      --covidia-surface-white: #ffffff;
      --covidia-surface-gray: #f5f5f7;
      --covidia-line-gray: #e5e5e5;
      --covidia-text-black: #111111;
      --covidia-text-body: #333333;
      --covidia-radius-md: 12px;
      --covidia-radius-sm: 6px;
      --shadow-soft: 0 24px 70px rgba(17, 17, 17, 0.08);
      --max: 1180px;
    }

    * {
      box-sizing: border-box;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      margin: 0;
      font-family: Inter, "Helvetica Neue", Arial, sans-serif;
      color: var(--covidia-text-black);
      background: var(--covidia-surface-white);
    }

    body::before {
      content: "";
      position: fixed;
      inset: 0;
      z-index: -1;
      background-image:
        linear-gradient(rgba(17, 17, 17, 0.032) 1px, transparent 1px),
        linear-gradient(90deg, rgba(17, 17, 17, 0.032) 1px, transparent 1px);
      background-size: 48px 48px;
      mask-image: linear-gradient(180deg, black 0%, transparent 58%);
      pointer-events: none;
    }

    a {
      color: inherit;
      text-decoration: none;
    }

    img {
      display: block;
      max-width: 100%;
    }

    .site-header {
      position: sticky;
      top: 0;
      z-index: 20;
      border-bottom: 1px solid rgba(229, 229, 229, 0.82);
      background: rgba(255, 255, 255, 0.88);
      backdrop-filter: blur(18px);
    }

    .nav {
      width: min(var(--max), calc(100% - 40px));
      min-height: 78px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
    }

    .brand img {
      width: 164px;
      height: auto;
    }

    .nav-links {
      display: flex;
      align-items: center;
      gap: 6px;
      color: #4c4c4c;
      font-size: 14px;
      font-weight: 600;
    }

    .nav-links a {
      padding: 10px 13px;
      border-radius: 999px;
    }

    .nav-links a:hover {
      color: var(--covidia-text-black);
      background: var(--covidia-surface-gray);
    }

    .nav-cta,
    .btn-primary {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 44px;
      padding: 0 18px;
      border-radius: var(--covidia-radius-sm);
      background: var(--covidia-fuchsia-500);
      color: white;
      font-size: 14px;
      font-weight: 800;
      box-shadow: 0 12px 28px rgba(236, 0, 140, 0.22);
    }

    .btn-secondary {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 44px;
      padding: 0 18px;
      border: 1px solid var(--covidia-line-gray);
      border-radius: var(--covidia-radius-sm);
      background: white;
      color: var(--covidia-text-black);
      font-size: 14px;
      font-weight: 800;
    }

    .hero {
      width: min(var(--max), calc(100% - 40px));
      min-height: calc(100vh - 78px);
      margin: 0 auto;
      padding: 70px 0 66px;
      display: grid;
      grid-template-columns: minmax(0, 1.02fr) minmax(360px, 0.98fr);
      align-items: center;
      gap: 56px;
    }

    .eyebrow {
      margin: 0 0 16px;
      color: var(--covidia-fuchsia-500);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }

    h1,
    h2,
    h3,
    p {
      margin-top: 0;
    }

    h1 {
      margin-bottom: 20px;
      font-size: 62px;
      line-height: 0.95;
      letter-spacing: 0;
      font-weight: 800;
    }

    .headline-line {
      display: block;
    }

    .headline-accent {
      color: var(--covidia-fuchsia-500);
    }

    .hero-copy > p:not(.eyebrow) {
      max-width: 660px;
      color: var(--covidia-text-body);
      font-size: 17px;
      line-height: 1.65;
    }

    .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin: 24px 0 22px;
    }

    .metric-pills {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    .pill {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 36px;
      padding: 0 12px;
      border: 1px solid var(--covidia-line-gray);
      border-radius: 999px;
      background: white;
      color: #4c4c4c;
      font-size: 12px;
      font-weight: 700;
    }

    .pill::before {
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--covidia-fuchsia-500);
    }

    .hero-stage {
      position: relative;
      min-height: 610px;
      border: 1px solid var(--covidia-line-gray);
      border-radius: 16px;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(245, 245, 247, 0.94)),
        radial-gradient(circle at 80% 14%, rgba(236, 0, 140, 0.12), transparent 30%);
      box-shadow: var(--shadow-soft);
      overflow: hidden;
    }

    .hero-stage::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(17, 17, 17, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(17, 17, 17, 0.04) 1px, transparent 1px);
      background-size: 34px 34px;
      mask-image: radial-gradient(circle at 50% 45%, black 0%, transparent 72%);
    }

    .modular-mark {
      position: absolute;
      right: 42px;
      top: 38px;
      width: 88px;
      height: 88px;
      padding: 12px;
      border-radius: 18px !important;
      background: var(--covidia-fuchsia-500);
      box-shadow: 0 24px 48px rgba(236, 0, 140, 0.24);
    }

    .floating-card {
      position: absolute;
      border: 1px solid rgba(229, 229, 229, 0.92);
      border-radius: 14px;
      background: rgba(255, 255, 255, 0.86);
      backdrop-filter: blur(12px);
      box-shadow: 0 18px 42px rgba(17, 17, 17, 0.1);
    }

    .code-panel {
      left: 34px;
      top: 64px;
      width: min(370px, calc(100% - 68px));
      padding: 18px;
    }

    .dots {
      display: flex;
      gap: 8px;
      margin-bottom: 16px;
    }

    .dots span {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #c9c9c9;
    }

    .dots span:first-child {
      background: var(--covidia-fuchsia-500);
    }

    .code-lines {
      display: grid;
      gap: 11px;
      color: #3c3c3c;
      font-family: "SFMono-Regular", Consolas, monospace;
      font-size: 12px;
      line-height: 1.4;
      overflow-wrap: anywhere;
    }

    .code-lines span:nth-child(odd) {
      color: var(--covidia-fuchsia-700);
    }

    .ai-core-card {
      left: 50%;
      top: 51%;
      width: 240px;
      height: 240px;
      transform: translate(-50%, -50%);
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: white;
    }

    .ai-ring {
      position: absolute;
      inset: 24px;
      border: 1px dashed rgba(236, 0, 140, 0.34);
      border-radius: 50%;
      animation: rotate 18s linear infinite;
     
    }

    .ai-core {
      position: relative;
      z-index: 1;
      width: 122px;
      height: 122px;
      display: grid;
      place-items: center;
      border-radius: 28px;
      background: var(--covidia-text-black);
      color: white;
      font-size: 38px;
      font-weight: 800;
      box-shadow: 0 24px 42px rgba(17, 17, 17, 0.22);
    }

    .chip {
      position: absolute;
      display: inline-flex;
      align-items: center;
      min-height: 34px;
      padding: 0 12px;
      border: 1px solid var(--covidia-line-gray);
      border-radius: 999px;
      background: white;
      color: #444;
      font-size: 12px;
      font-weight: 800;
      box-shadow: 0 14px 28px rgba(17, 17, 17, 0.08);
    }

    .chip.enterprise { right: 70px; top: 212px; }
    .chip.fintech { left: 58px; bottom: 280px; }
    .chip.health { right: 58px; bottom: 230px; }

    .mini-dashboard {
      right: 100px;
      bottom: 22px;
      width: 310px;
      padding: 18px;
    }

    .dashboard-bars {
      height: 124px;
      display: flex;
      align-items: end;
      gap: 12px;
      padding: 18px 0 8px;
    }

    .dashboard-bars span {
      flex: 1;
      border-radius: 999px 999px 4px 4px;
      background: linear-gradient(180deg, var(--covidia-fuchsia-500), var(--covidia-fuchsia-300));
      animation: barPulse 2.8s ease-in-out infinite;
    }

    .dashboard-bars span:nth-child(1) { height: 46%; animation-delay: 0s; }
    .dashboard-bars span:nth-child(2) { height: 72%; animation-delay: 0.15s; }
    .dashboard-bars span:nth-child(3) { height: 58%; animation-delay: 0.3s; }
    .dashboard-bars span:nth-child(4) { height: 92%; animation-delay: 0.45s; }

    .dashboard-caption {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      color: #5e5e5e;
      font-size: 12px;
      font-weight: 700;
    }

    .section {
      padding: 96px 0;
    }

    .section-inner {
      width: min(var(--max), calc(100% - 40px));
      margin: 0 auto;
    }

    .section-heading {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 28px;
      margin-bottom: 34px;
    }

    .section-heading h2 {
      margin: 0;
      font-size: 64px;
      line-height: 0.98;
      font-weight: 800;
      letter-spacing: 0;
    }

    .section-heading p {
      max-width: 430px;
      margin: 0;
      color: var(--covidia-text-body);
      font-size: 16px;
      line-height: 1.65;
    }

    .token-band {
      border-top: 1px solid var(--covidia-line-gray);
      border-bottom: 1px solid var(--covidia-line-gray);
      background: var(--covidia-surface-white);
    }

    .token-band .section-inner {
      min-height: 260px;
      display: grid;
      place-items: center;
      text-align: center;
    }

    .token-band h2 {
      max-width: 980px;
      margin: 0;
      font-size: 58px;
      line-height: 1.05;
      font-weight: 800;
      letter-spacing: 0;
    }

    .changing-word {
      position: relative;
      display: inline-block;
      color: var(--covidia-fuchsia-500);
      min-width: 320px;
      text-align: left;
    }

    .changing-word::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: -10px;
      height: 7px;
      border-radius: 999px;
      background: var(--covidia-fuchsia-500);
      transform-origin: left center;
      animation: underline 1.8s ease-in-out infinite;
    }

    .systems {
      background: white;
    }

    .system-grid {
      display: grid;
      grid-template-columns: 0.95fr 1.35fr 0.9fr;
      grid-template-rows: 180px 180px 180px;
      gap: 16px;
    }

    .system-card,
    .industry-card,
    .service-card,
    .security-card {
      border: 1px solid var(--covidia-line-gray);
      border-radius: 14px;
      background: white;
      box-shadow: 0 14px 34px rgba(17, 17, 17, 0.045);
    }

    .system-card {
      position: relative;
      padding: 22px;
      overflow: hidden;
    }

    .system-card.dark {
      background: var(--covidia-text-black);
      color: white;
    }

    .system-card h3 {
      margin: 0 0 10px;
      color: inherit;
      font-size: 13px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
    }

    .system-card strong {
      display: block;
      font-size: 42px;
      line-height: 1;
      letter-spacing: 0;
    }

    .system-card small,
    .system-card p {
      color: #6b6b6b;
      font-size: 13px;
      line-height: 1.6;
    }

    .system-card.dark small,
    .system-card.dark p {
      color: rgba(255, 255, 255, 0.72);
    }

    .code-stream {
      grid-column: 2;
      grid-row: 1 / 3;
      font-family: "SFMono-Regular", Consolas, monospace;
      font-size: 13px;
      line-height: 1.9;
    }

    .code-stream div:nth-child(odd) {
      color: var(--covidia-fuchsia-300);
    }

    .core-module {
      grid-column: 1;
      grid-row: 2 / 4;
      display: grid;
      place-items: center;
      text-align: center;
    }

    .system-core {
      width: 150px;
      height: 150px;
      display: grid;
      place-items: center;
      margin-bottom: 18px;
      border-radius: 28px;
      background: var(--covidia-fuchsia-500);
      color: white;
      font-weight: 800;
      box-shadow: 0 18px 36px rgba(236, 0, 140, 0.24);
    }

    .chart-card {
      grid-column: 2 / 4;
      grid-row: 3;
    }

    .chart-line {
      position: absolute;
      left: 20px;
      right: 20px;
      bottom: 22px;
      height: 80px;
    }

    .chart-line svg {
      width: 100%;
      height: 100%;
    }

    .chart-line path {
      fill: none;
      stroke: var(--covidia-fuchsia-500);
      stroke-width: 4;
      stroke-linecap: round;
      stroke-dasharray: 680;
      stroke-dashoffset: 680;
      animation: drawLine 3.5s ease-in-out infinite;
    }

    .industries {
      background: var(--covidia-surface-gray);
    }

    .industry-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
    }

    .industry-card,
    .service-card {
      position: relative;
      
      padding: 26px;
      overflow: hidden;
    }

    .visual {
      position: relative;
      height: 246px;
      margin-bottom: 28px;
      border: 1px solid var(--covidia-line-gray);
      border-radius: 14px;
      background:
        radial-gradient(circle at 50% 42%, rgba(236, 0, 140, 0.13), transparent 45%),
        linear-gradient(180deg, #fff, #fafafa);
      overflow: hidden;
    }
    .visual-2 {
      position: relative;
      height: 390px;
      margin-bottom: 28px;
      border: 1px solid var(--covidia-line-gray);
      border-radius: 14px;
      background:
        radial-gradient(circle at 50% 42%, rgba(236, 0, 140, 0.13), transparent 45%),
        linear-gradient(180deg, #fff, #fafafa);
      overflow: hidden;
    }

    .visual::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(17, 17, 17, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(17, 17, 17, 0.035) 1px, transparent 1px);
      background-size: 26px 26px;
    }

    .industry-card h3,
    .service-card h3 {
      margin-bottom: 16px;
      font-size: 40px;
      line-height: 1;
      letter-spacing: 0;
    }

    .industry-card p,
    .service-card p {
      color: var(--covidia-text-body);
      font-size: 15px;
      line-height: 1.68;
    }

    .tag-row {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 26px;
    }

    .tag-row span {
      padding: 8px 10px;
      border: 1px solid var(--covidia-line-gray);
      border-radius: 999px;
      color: #585858;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .tower-wrap,
    .fintech-wrap,
    .health-wrap,
    .service-window,
    .service-stack {
      position: absolute;
      inset: 30px;
      z-index: 1;
    }

    .tower-wrap {
      display: flex;
      align-items: end;
      justify-content: center;
      gap: 14px;
      inset: 54px;
      pointer-events: none;
    }

    .tower-wrap span {
      width: 48px;
      border: 1px solid #d8d8d8;
      border-radius: 12px 12px 6px 6px;
      background: linear-gradient(180deg, white, #f0f0f2);
      position: relative;
      overflow: hidden;
      box-shadow: 0 16px 28px rgba(17, 17, 17, 0.08);
    }

    .tower-wrap span::before {
      content: "";
      position: absolute;
      left: 10px;
      right: 10px;
      top: 18px;
      height: 70%;
      background: repeating-linear-gradient(
        180deg,
        rgba(17, 17, 17, 0.14) 0,
        rgba(17, 17, 17, 0.14) 3px,
        transparent 3px,
        transparent 13px
      );
      opacity: 0.52;
    }

    .tower-wrap span:nth-child(1) { height: 88px; animation: towerPulse 3.6s ease-in-out infinite; }
    .tower-wrap span:nth-child(2) { height: 132px; background: linear-gradient(180deg, var(--covidia-fuchsia-300), white); animation: towerPulse 3.6s ease-in-out infinite 0.4s; }
    .tower-wrap span:nth-child(3) { height: 108px; animation: towerPulse 3.6s ease-in-out infinite 0.8s; }

    .enterprise-lines {
      position: absolute;
      inset: 24px;
      z-index: 0;
      width: calc(100% - 48px);
      height: calc(100% - 48px);
      overflow: visible;
    }

    .enterprise-lines path {
      fill: none;
      stroke: rgba(17, 17, 17, 0.38);
      stroke-width: 1.1;
      stroke-linecap: round;
      stroke-dasharray: 360;
      stroke-dashoffset: 360;
      filter: drop-shadow(0 0 7px rgba(236, 0, 140, 0.12));
      animation: enterpriseDraw 4.6s ease-in-out infinite;
    }

    .enterprise-lines path:nth-child(2) {
      stroke: rgba(236, 0, 140, 0.32);
      animation-delay: 0.5s;
    }

    .enterprise-node {
      position: absolute;
      z-index: 2;
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: white;
      box-shadow:
        0 0 0 1px rgba(236, 0, 140, 0.16),
        0 0 18px rgba(236, 0, 140, 0.32);
      animation: industryNodePulse 2.5s ease-in-out infinite;
    }

    .n1 { left: 18%; top: 70%; animation-delay: 0s; }
    .n2 { left: 42%; top: 28%; animation-delay: 0.45s; }
    .n3 { right: 22%; top: 58%; animation-delay: 0.9s; }
    .n4 { right: 14%; top: 25%; animation-delay: 1.35s; }

    .fintech-wrap {
      display: flex;
      align-items: end;
      justify-content: center;
      gap: 13px;
      padding-bottom: 34px;
    }

    .fintech-dashboard {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 76%;
      height: 210px;
      transform: translate(-50%, -50%);
      z-index: 2;
      border: 1px solid var(--covidia-line-gray);
      border-radius: 18px;
      background: rgba(255, 255, 255, 0.72);
      box-shadow: 0 18px 34px rgba(17, 17, 17, 0.08);
      overflow: hidden;
    }

    .fintech-dashboard .fintech-wrap {
      inset: auto auto 24px 26px;
      height: 112px;
      width: 112px;
      padding-bottom: 0;
      align-items: end;
      justify-content: flex-start;
      gap: 10px;
    }

    .fintech-wrap span {
      width: 22px;
      border-radius: 999px;
      background: var(--covidia-fuchsia-500);
      box-shadow: 0 0 18px rgba(236, 0, 140, 0.18);
      animation: barMove 2.4s ease-in-out infinite;
    }

    .fintech-wrap span:nth-child(1) { height: 54px; opacity: 0.4; animation-delay: 0s; }
    .fintech-wrap span:nth-child(2) { height: 90px; opacity: 0.62; animation-delay: 0.25s; }
    .fintech-wrap span:nth-child(3) { height: 128px; animation-delay: 0.5s; }
    .fintech-wrap span:nth-child(4) { height: 78px; opacity: 0.52; animation-delay: 0.75s; }

    .growth-line {
      position: absolute;
      right: 20px;
      top: 38px;
      z-index: 2;
      width: 70%;
      height: 120px;
      overflow: visible;
    }

    .growth-line path {
      fill: none;
      stroke: rgba(17, 17, 17, 0.48);
      stroke-width: 1.4;
      stroke-linecap: round;
      stroke-dasharray: 340;
      stroke-dashoffset: 340;
      filter: drop-shadow(0 0 7px rgba(236, 0, 140, 0.14));
      animation: growthDraw 3.8s ease-in-out infinite;
    }

    .fintech-card-ui {
      position: absolute;
      right: 22px;
      bottom: 24px;
      z-index: 3;
      width: 102px;
      height: 62px;
      border: 1px solid var(--covidia-line-gray);
      border-radius: 14px;
      background: rgba(255, 255, 255, 0.78);
      box-shadow: 0 14px 24px rgba(17, 17, 17, 0.08);
    }

    .fintech-card-ui span {
      position: absolute;
      left: 16px;
      height: 4px;
      border-radius: 999px;
      background: rgba(17, 17, 17, 0.18);
    }

    .fintech-card-ui span:first-child {
      top: 18px;
      width: 48px;
    }

    .fintech-card-ui span:last-child {
      top: 32px;
      width: 70px;
      background: rgba(236, 0, 140, 0.36);
    }

    .coin {
      position: absolute;
      z-index: 3;
      border: 1px solid rgba(236, 0, 140, 0.18);
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.65);
      box-shadow: 0 0 18px rgba(236, 0, 140, 0.12);
      animation: coinFloat 4.2s ease-in-out infinite;
    }

    .coin-1 { width: 28px; height: 28px; left: 18%; top: 18%; animation-delay: 0s; }
    .coin-2 { width: 18px; height: 18px; right: 18%; top: 24%; animation-delay: 0.7s; }
    .coin-3 { width: 22px; height: 22px; left: 32%; bottom: 14%; animation-delay: 1.4s; }

    .health-wrap {
      display: grid;
      place-items: center;
    }

    .health-cross {
      position: relative;
      width: 128px;
      height: 128px;
      border: 1px solid var(--covidia-line-gray);
      border-radius: 50%;
      background: white;
      box-shadow: 0 18px 42px rgba(17, 17, 17, 0.08);
    }

    .health-cross::before,
    .health-cross::after {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      border-radius: 999px;
      background: var(--covidia-fuchsia-500);
      transform: translate(-50%, -50%);
    }

    .health-cross::before { width: 62px; height: 14px; }
    .health-cross::after { width: 14px; height: 62px; }

    .health-pulse {
      position: absolute;
      left: 8%;
      right: 8%;
      bottom: 34px;
      z-index: 1;
      width: 84%;
      height: 120px;
      overflow: visible;
    }

    .health-pulse path {
      fill: none;
      stroke: rgba(17, 17, 17, 0.5);
      stroke-width: 1.4;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-dasharray: 460;
      stroke-dashoffset: 460;
      filter: drop-shadow(0 0 7px rgba(236, 0, 140, 0.16));
      animation: pulseDraw 3.8s ease-in-out infinite;
    }

    .health-orbit {
      position: absolute;
      inset: 38px;
      z-index: 0;
      border: 1px solid rgba(236, 0, 140, 0.16);
      border-radius: 50%;
      animation: healthOrbitRotate 10s linear infinite;
    }

    .orbit-dot {
      position: absolute;
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: white;
      box-shadow:
        0 0 0 1px rgba(236, 0, 140, 0.16),
        0 0 18px rgba(236, 0, 140, 0.32);
    }

    .od1 { left: 50%; top: -4px; }
    .od2 { right: 12%; bottom: 18%; }
    .od3 { left: 10%; bottom: 26%; }

    @keyframes towerPulse {
      0%, 100% { transform: translateY(0); opacity: 0.76; }
      50% { transform: translateY(-6px); opacity: 1; }
    }

    @keyframes enterpriseDraw {
      0% { stroke-dashoffset: 360; opacity: 0; }
      30% { opacity: 1; }
      62%, 100% { stroke-dashoffset: 0; opacity: 1; }
    }

    @keyframes industryNodePulse {
      0%, 100% { transform: scale(0.82); opacity: 0.58; }
      50% { transform: scale(1.25); opacity: 1; }
    }

    @keyframes barMove {
      0%, 100% { transform: scaleY(0.72); opacity: 0.62; }
      50% { transform: scaleY(1); opacity: 1; }
    }

    @keyframes growthDraw {
      0% { stroke-dashoffset: 340; opacity: 0; }
      28% { opacity: 1; }
      62%, 100% { stroke-dashoffset: 0; opacity: 1; }
    }

    @keyframes coinFloat {
      0%, 100% { transform: translateY(0); opacity: 0.52; }
      50% { transform: translateY(-12px); opacity: 0.95; }
    }

    @keyframes pulseDraw {
      0% { stroke-dashoffset: 460; opacity: 0; }
      28% { opacity: 1; }
      62%, 100% { stroke-dashoffset: 0; opacity: 1; }
    }

    @keyframes healthOrbitRotate {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
    }

    .statement {
      background: var(--covidia-text-black);
      color: white;
      text-align: center;
    }

    .statement h2 {
      max-width: 1020px;
      margin: 0 auto;
      font-size: 68px;
      line-height: 1.02;
      letter-spacing: 0;
    }

    .statement span {
      color: var(--covidia-fuchsia-300);
    }

    .services-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
    }

    .service-window {
      top: 46px;
      bottom: auto;
      right: auto;
      width: 62%;
      height: 154px;
      padding: 16px;
      border: 1px solid var(--covidia-line-gray);
      border-radius: 14px;
      background: white;
      box-shadow: 0 18px 34px rgba(17, 17, 17, 0.08);
    }

    .service-stack {
      display: grid;
      place-items: center;
      perspective: 900px;
    }

    .stack-card {
      position: absolute;
      width: 68%;
      height: 86px;
      border: 1px solid var(--covidia-line-gray);
      border-radius: 14px;
      background: white;
      box-shadow: 0 18px 34px rgba(17, 17, 17, 0.08);
      transition: transform 0.8s ease, opacity 0.8s ease;
    }

    .stack-card.back { transform: translateY(-56px) scale(0.92); opacity: 0.45; }
    .stack-card.mid { transform: translateY(0) scale(0.96); opacity: 0.72; }
    .stack-card.front { transform: translateY(58px) scale(1); opacity: 1; }

    .about {
      background: var(--covidia-surface-gray);
    }

    .about-grid {
      display: grid;
      grid-template-columns: 0.92fr 1.08fr;
      gap: 30px;
      align-items: stretch;
    }

    .about-image {
      min-height: 640px;
      border-radius: 16px;
      background: url("https://covidia.com.do/wp-content/uploads/2026/05/Office-Branding-1.png") center/cover;
      border: 1px solid var(--covidia-line-gray);
    }

    .about-panel {
      padding: 42px;
      border: 1px solid var(--covidia-line-gray);
      border-radius: 16px;
      background: white;
    }

    .about-panel h2 {
      font-size: 64px;
      line-height: 0.98;
      letter-spacing: 0;
    }

    .about-panel p {
      color: var(--covidia-text-body);
      font-size: 17px;
      line-height: 1.68;
    }

    .founder {
      display: grid;
      grid-template-columns: 96px 1fr;
      gap: 18px;
      align-items: center;
      margin-top: 34px;
      padding-top: 28px;
      border-top: 1px solid var(--covidia-line-gray);
    }

    .founder img {
      width: 96px;
      height: 96px;
      object-fit: cover;
      border-radius: 14px;
    }

    .founder strong {
      display: block;
      font-size: 18px;
    }

    .founder span {
      color: var(--covidia-fuchsia-500);
      font-size: 13px;
      font-weight: 800;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    .security-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      border: 1px solid var(--covidia-line-gray);
      border-radius: 16px;
      overflow: hidden;
      background: white;
    }

    .security-card {
      border: 0;
      border-right: 1px solid var(--covidia-line-gray);
      border-radius: 0;
      min-height: 300px;
      padding: 32px 22px;
      display: grid;
      place-items: center;
      text-align: center;
      box-shadow: none;
    }

    .security-card:last-child {
      border-right: 0;
    }

    .progress-circle {
      position: relative;
      width: 132px;
      height: 132px;
      margin-bottom: 20px;
    }

    .progress-circle svg {
      width: 100%;
      height: 100%;
      transform: rotate(-90deg);
    }

    .progress-circle circle {
      fill: none;
      stroke-width: 8;
      stroke-linecap: round;
    }

    .circle-bg {
      stroke: var(--covidia-line-gray);
    }

    .circle-progress {
      stroke: var(--covidia-fuchsia-500);
      stroke-dasharray: 339.292;
      stroke-dashoffset: 339.292;
      transition: stroke-dashoffset 1s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .circle-text {
      position: absolute;
      inset: 0;
      display: grid;
      place-items: center;
      font-size: 26px;
      font-weight: 800;
    }

    .security-card h3 {
      max-width: 230px;
      margin: 0;
      font-size: 20px;
      line-height: 1.2;
    }

    .security-card small {
      display: block;
      margin-top: 10px;
      color: #777;
      font-size: 11px;
      letter-spacing: 0.13em;
      text-transform: uppercase;
    }

    .site-footer {
      padding: 56px 0 32px;
      background: var(--covidia-text-black);
      color: white;
    }

    .footer-grid {
      width: min(var(--max), calc(100% - 40px));
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1.1fr 0.8fr 0.8fr;
      gap: 34px;
    }

    .footer-logo {
      width: 190px;
      margin-bottom: 20px;
      filter: brightness(0) invert(1);
    }

    .site-footer p,
    .site-footer a {
      color: rgba(255, 255, 255, 0.72);
      font-size: 14px;
      line-height: 1.7;
    }

    .site-footer h3 {
      margin-bottom: 16px;
      color: white;
      font-size: 14px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    .footer-links {
      display: grid;
      gap: 8px;
    }

    .footer-bottom {
      width: min(var(--max), calc(100% - 40px));
      margin: 42px auto 0;
      padding-top: 24px;
      border-top: 1px solid rgba(255, 255, 255, 0.14);
      display: flex;
      justify-content: space-between;
      gap: 20px;
      color: rgba(255, 255, 255, 0.55);
      font-size: 13px;
    }

    @keyframes rotate {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
    }

    @keyframes barPulse {
      0%, 100% { transform: scaleY(0.78); opacity: 0.62; }
      50% { transform: scaleY(1); opacity: 1; }
    }

    @keyframes underline {
      0% { transform: scaleX(0); opacity: 0; }
      28% { transform: scaleX(1); opacity: 1; }
      72% { transform: scaleX(1); opacity: 1; }
      100% { transform: scaleX(0); transform-origin: right center; opacity: 0; }
    }

    @keyframes drawLine {
      0% { stroke-dashoffset: 680; }
      58%, 100% { stroke-dashoffset: 0; }
    }

    @media (max-width: 980px) {
      .nav-links {
        display: none;
      }

      .hero,
      .about-grid {
        grid-template-columns: 1fr;
      }

      .hero {
        padding-top: 64px;
      }

      .hero-stage {
        min-height: 560px;
      }

      .section-heading {
        display: grid;
      }

      h1 {
        font-size: 56px;
      }

      .section-heading h2,
      .about-panel h2 {
        font-size: 52px;
      }

      .token-band h2,
      .statement h2 {
        font-size: 48px;
      }

      .system-grid,
      .industry-grid,
      .services-grid,
      .security-grid,
      .footer-grid {
        grid-template-columns: 1fr;
      }

      .system-grid {
        grid-template-rows: auto;
      }

      .code-stream,
      .core-module,
      .chart-card {
        grid-column: auto;
        grid-row: auto;
      }

      .system-card {
        min-height: 190px;
      }

      .security-card {
        border-right: 0;
        border-bottom: 1px solid var(--covidia-line-gray);
      }

      .security-card:last-child {
        border-bottom: 0;
      }
    }

    @media (max-width: 620px) {
      .nav {
        width: min(100% - 28px, var(--max));
      }

      .brand img {
        width: 132px;
      }

      .nav-cta {
        min-height: 40px;
        padding: 0 12px;
        font-size: 12px;
      }

      .hero,
      .section-inner,
      .footer-grid,
      .footer-bottom {
        width: min(100% - 28px, var(--max));
      }

      h1 {
        font-size: 48px;
      }

      .section-heading h2,
      .about-panel h2 {
        font-size: 40px;
      }

      .token-band h2,
      .statement h2 {
        font-size: 34px;
      }

      .industry-card h3,
      .service-card h3 {
        font-size: 32px;
      }

      .hero-stage {
        min-height: 640px;
      }

      .code-panel,
      .mini-dashboard {
        left: 18px;
        right: 18px;
        width: auto;
      }

      .mini-dashboard {
        bottom: 28px;
      }

      .ai-core-card {
        top: 48%;
        width: 210px;
        height: 210px;
      }

      .chip.enterprise { right: 22px; top: 236px; }
      .chip.fintech { left: 22px; bottom: 212px; }
      .chip.health { right: 22px; bottom: 178px; }

      .changing-word {
        min-width: 0;
        text-align: center;
      }

      .industry-card,
      .service-card,
      .about-panel {
        padding: 22px;
      }

      .about-image {
        min-height: 420px;
      }

      .footer-bottom {
        display: grid;
      }
    }/* End custom CSS */