/* Separate dark chapter: the illustration above ends before the MedGate system begins. */
.medgate-system-section{position:relative;isolation:isolate;overflow:visible;padding:104px max(24px,calc((100vw - 1320px)/2)) 84px;background:#000;color:#f3f9fc;scroll-margin-top:52px}.medgate-system-section:before{position:absolute;z-index:-1;top:0;right:0;left:0;height:280px;background:radial-gradient(ellipse at 50% 0%,rgba(38,116,161,.28),transparent 66%);content:""}.medgate-system-section .system-stack{margin:0 auto;padding-top:0;border-top:0}.medgate-system-section .system-stack-heading .eyebrow{color:#75bce7}.medgate-system-section .system-stack-heading h3{color:#f0f8fc}.medgate-system-section .system-stack-heading>p:last-child{color:#b7cad5}
/* Technology palette: each colour supports one stage of the operating system. */
.medgate-system-section .system-stack-card{--system-accent:#5e5ce6;--system-surface:#edeaff;--system-ink:#24235d;border-color:color-mix(in srgb,var(--system-accent) 30%,#fff);background:radial-gradient(circle at 92% 5%,color-mix(in srgb,var(--system-accent) 20%,transparent),transparent 32%),linear-gradient(132deg,#fff 0%,var(--system-surface) 100%);box-shadow:0 28px 58px rgba(0,0,0,.3),0 2px 5px rgba(0,0,0,.16)}.medgate-system-section .system-stack-card:nth-child(2){--system-accent:#0a84ff;--system-surface:#e7f2ff;--system-ink:#0a3f7c}.medgate-system-section .system-stack-card:nth-child(3){--system-accent:#00a6a6;--system-surface:#e2f7f5;--system-ink:#075e61}.medgate-system-section .system-stack-card:nth-child(4){--system-accent:#ff8a00;--system-surface:#fff0dd;--system-ink:#7a3b00}.medgate-system-section .system-stack-card:nth-child(5){--system-accent:#27a844;--system-surface:#e6f7e9;--system-ink:#155f2c;border-color:color-mix(in srgb,var(--system-accent) 32%,#fff)}.medgate-system-section .system-stack-card:after{background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--system-accent) 18%,transparent),transparent 34%)}.medgate-system-section .system-stack-card .system-card-number,.medgate-system-section .system-stack-card>div:last-child>p{color:var(--system-accent)}.medgate-system-section .system-stack-card h4{color:var(--system-ink)}.medgate-system-section .system-stack-card h4+span{color:#465868}
/* iOS-style coloured plates with a single SVG symbol. The original CSS shapes are disabled. */
.medgate-system-section .system-stack-card .system-card-icon{border:0;border-radius:24px;background-color:var(--system-accent);background-position:center;background-repeat:no-repeat;background-size:44px 44px,100% 100%;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 20px color-mix(in srgb,var(--system-accent) 24%,transparent);color:#fff}.medgate-system-section .system-stack-card .system-card-icon:before,.medgate-system-section .system-stack-card .system-card-icon:after,.medgate-system-section .system-stack-card .system-card-icon i{display:none!important}.medgate-system-section .system-stack-card .system-card-icon--target{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='24' cy='24' r='14'/%3E%3Ccircle cx='24' cy='24' r='6'/%3E%3Cpath d='m29 19 10-10M32 9h7v7'/%3E%3C/svg%3E"),linear-gradient(145deg,color-mix(in srgb,var(--system-accent) 82%,#fff),var(--system-accent))}.medgate-system-section .system-stack-card .system-card-icon--patient{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='24' cy='16' r='6'/%3E%3Cpath d='M12 39c1.5-7 6.2-11 12-11s10.5 4 12 11'/%3E%3C/svg%3E"),linear-gradient(145deg,color-mix(in srgb,var(--system-accent) 82%,#fff),var(--system-accent))}.medgate-system-section .system-stack-card .system-card-icon--market{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 37V28M20 37V22M30 37V16M39 12v8h-8'/%3E%3Cpath d='m18 24 7-7 6 3 8-8'/%3E%3C/svg%3E"),linear-gradient(145deg,color-mix(in srgb,var(--system-accent) 82%,#fff),var(--system-accent))}.medgate-system-section .system-stack-card .system-card-icon--budget{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 16h27a4 4 0 0 1 4 4v16a4 4 0 0 1-4 4H12a4 4 0 0 1-4-4V19a3 3 0 0 1 3-3h25'/%3E%3Cpath d='M31 29h6'/%3E%3C/svg%3E"),linear-gradient(145deg,color-mix(in srgb,var(--system-accent) 82%,#fff),var(--system-accent))}.medgate-system-section .system-stack-card .system-card-icon--care{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='24' cy='24' r='15'/%3E%3Cpath d='M24 16v16M16 24h16'/%3E%3C/svg%3E"),linear-gradient(145deg,color-mix(in srgb,var(--system-accent) 82%,#fff),var(--system-accent))}
/* Lottie-like entrance: quick draw-in, overshoot and settle as each card enters view. */
.system-icons-motion-ready .system-card-icon{opacity:0;transform:scale(.35) rotate(-18deg);filter:blur(4px)}.system-icons-motion-ready .system-stack-card.is-icon-animated .system-card-icon{animation:system-icon-entry 720ms cubic-bezier(.16,1,.3,1) both}@keyframes system-icon-entry{0%{opacity:0;transform:scale(.35) rotate(-18deg);filter:blur(4px)}58%{opacity:1;transform:scale(1.14) rotate(3deg);filter:blur(0)}78%{transform:scale(.94) rotate(-1deg)}100%{opacity:1;transform:scale(1) rotate(0);filter:blur(0)}}.medgate-system-section .system-stack-note{color:#aabec9}.medgate-system-section .system-stack-link{color:#83c8ef}.medgate-system-section .system-stack-link:focus-visible{outline-color:#83c8ef}@media(max-width:760px){.medgate-system-section{padding:68px 20px 52px}.medgate-system-section:before{height:210px}.medgate-system-section .system-stack-card .system-card-icon{border-radius:18px}}@media(prefers-reduced-motion:reduce){.system-icons-motion-ready .system-card-icon{opacity:1;transform:none;filter:none}.system-icons-motion-ready .system-stack-card.is-icon-animated .system-card-icon{animation:none}}

/* Glass treatment for the five MedGate system cards. Kept as an override so the existing sticky stack and icon animation remain intact. */
.medgate-system-section .system-stack-card{
  --glass-tint:color-mix(in srgb,var(--system-accent) 18%,transparent);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.28);
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.055) 58%,var(--glass-tint));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.46),inset 0 -1px 0 rgba(255,255,255,.06),0 24px 56px rgba(0,0,0,.38);
  -webkit-backdrop-filter:blur(22px) saturate(135%);
  backdrop-filter:blur(22px) saturate(135%);
  transition:border-color .3s ease,box-shadow .3s ease,background .3s ease;
}
.medgate-system-section .system-stack-card:before{
  position:absolute;
  inset:-38% auto auto 58%;
  width:240px;
  height:240px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.13),transparent 68%);
  content:"";
  filter:blur(10px);
  opacity:.42;
  pointer-events:none;
}
.medgate-system-section .system-stack-card:after{
  z-index:-1;
  background:linear-gradient(112deg,rgba(255,255,255,.17),transparent 36%);
}
.medgate-system-section .system-stack-card:hover{
  border-color:rgba(255,255,255,.52);
  background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.08) 58%,var(--glass-tint));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.58),inset 0 -1px 0 rgba(255,255,255,.08),0 30px 64px rgba(0,0,0,.45);
}
.medgate-system-section .system-stack-card .system-card-number,
.medgate-system-section .system-stack-card>div:last-child>p{color:color-mix(in srgb,var(--system-accent) 64%,#fff)}
.medgate-system-section .system-stack-card h4{color:#f6fbff;text-shadow:0 1px 18px rgba(255,255,255,.12)}
.medgate-system-section .system-stack-card h4+span{color:rgba(233,244,250,.76)}
.medgate-system-section .system-stack-card .system-card-icon{
  border:1px solid color-mix(in srgb,var(--system-accent) 52%,rgba(255,255,255,.58));
  background-color:color-mix(in srgb,var(--system-accent) 45%,rgba(9,19,35,.42));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -8px 22px rgba(0,0,0,.15);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
@media(max-width:760px){
  .medgate-system-section .system-stack-card{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 18px 34px rgba(0,0,0,.34)}
}
@media(prefers-reduced-motion:reduce){.medgate-system-section .system-stack-card{transition:none}}

/* Clearer market-and-channel mark: trend, bars and directional arrow use the same visual weight as the other icons. */
.medgate-system-section .system-stack-card .system-card-icon--market{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23fff' stroke-width='3.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 39h30'/%3E%3Cpath d='M12 39V29h7v10M22 39V23h7v16M32 39V29h7v10'/%3E%3Cpath d='m11 23 10-9 8 5 10-11'/%3E%3Cpath d='M33 8h6v6'/%3E%3C/svg%3E");
}