body.medintel-page {
--mi-bg: #edf7ff;
--mi-white: #ffffff;
--mi-text: #111111;
--mi-body: #4e5f73;
--mi-eyebrow: #728093;
--mi-brand: #5b8ba8;
--mi-accent: #6ec4f5;
--mi-accent-dot: #58b8f0;
--mi-card-bg: #f7fafd;
--mi-icon-bg: #eff6ff;
--mi-border: rgba(110, 196, 245, 0.25);
--mi-shadow-card: 0 10px 40px rgba(100, 150, 200, 0.08);
--mi-shadow-btn: 0 4px 10px rgba(110, 196, 245, 0.3);
--mi-shadow-nav: 0 2px 20px rgba(100, 120, 150, 0.06);
--mi-max: 1280px;
--mi-radius-card: 32px;
--mi-radius-inner: 24px;
--mi-radius-pill: 999px;
--mi-font: "Satoshi", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
--font-family: var(--mi-font);
--mi-section-y: clamp(3rem, 6vw, 5.625rem);
--mi-section-x: clamp(1.25rem, 4vw, 2.5rem);
--mi-title: clamp(1.875rem, 3.5vw, 2.75rem);
--mi-hero-title: clamp(2.25rem, 4.5vw, 3.5rem);
}
html:has(body.medintel-page) {
scroll-behavior: smooth;
}
body.medintel-page [id] {
scroll-margin-top: 6rem;
}
body.medintel-page,
body.medintel-page * {
box-sizing: border-box;
}
body.medintel-page {
margin: 0;
font-family: var(--mi-font);
font-size: 1rem;
line-height: 1.6;
color: var(--mi-text);
background: var(--mi-bg);
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
}
body.medintel-page img {
display: block;
max-width: 100%;
height: auto;
}
body.medintel-page a {
color: inherit;
text-decoration: none;
}
body.medintel-page p {
margin: 0;
}
body.medintel-page h1,
body.medintel-page h2,
body.medintel-page h3,
body.medintel-page h4 {
margin: 0;
font-weight: 700;
line-height: 1.2;
} body.medintel-page .medintel-bg-fx {
display: none;
} body.medintel-page .medintel-wrap {
position: relative;
z-index: 1;
}
body.medintel-page .medintel-container {
width: min(var(--mi-max), calc(100% - var(--mi-section-x) * 2));
margin-inline: auto;
}
body.medintel-page .medintel-section {
padding: var(--mi-section-y) var(--mi-section-x);
}
body.medintel-page .medintel-section__head {
margin-bottom: clamp(1.5rem, 3vw, 2.625rem);
}
body.medintel-page .medintel-section__head--center {
text-align: center;
max-width: 52rem;
margin-inline: auto;
} body.medintel-page .medintel-eyebrow {
margin-bottom: 1rem;
font-size: 0.8125rem;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--mi-eyebrow);
}
body.medintel-page .medintel-title {
font-size: var(--mi-title);
font-weight: 700;
letter-spacing: -0.02em;
color: var(--mi-text);
}
body.medintel-page .medintel-body {
font-size: clamp(1rem, 1.5vw, 1.125rem);
line-height: 1.7;
color: var(--mi-body);
}
body.medintel-page .medintel-body + .medintel-body {
margin-top: 1rem;
}
body.medintel-page .medintel-section__title {
margin-bottom: 1rem;
font-size: var(--mi-title);
font-weight: 700;
letter-spacing: -0.02em;
color: var(--mi-text);
}
body.medintel-page .medintel-section__lead {
font-size: clamp(1rem, 1.5vw, 1.125rem);
line-height: 1.7;
color: var(--mi-body);
}
body.medintel-page .medintel-section__subtitle {
margin-top: 1.5rem;
font-size: clamp(1.125rem, 2vw, 1.5rem);
font-weight: 600;
color: var(--mi-brand);
} body.medintel-page .medintel-matt-card {
background: var(--mi-white);
border: 1px solid var(--mi-border);
border-radius: var(--mi-radius-card);
box-shadow: var(--mi-shadow-card);
}
body.medintel-page .medintel-matt-card--inner {
padding: clamp(1.5rem, 3vw, 2rem);
border-radius: var(--mi-radius-inner);
}
body.medintel-page .medintel-matt-card--padded {
padding: clamp(1.75rem, 4vw, 2.5rem);
} body.medintel-page .medintel-header {
position: sticky;
top: 1rem;
z-index: 100;
padding: 0 var(--mi-section-x);
margin-bottom: -4.5rem;
}
body.medintel-page .demo-all-demos-link {
display: inline-flex;
align-items: center;
padding: 0.5rem 0.875rem;
border-radius: var(--mi-radius-pill);
border: 1px solid rgba(110, 196, 245, 0.45);
background: rgba(110, 196, 245, 0.14);
color: var(--mi-brand);
font-size: 0.8125rem;
font-weight: 600;
line-height: 1;
text-decoration: none;
white-space: nowrap;
transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
body.medintel-page .demo-all-demos-link:hover,
body.medintel-page .demo-all-demos-link:focus-visible {
background: rgba(110, 196, 245, 0.24);
border-color: var(--mi-accent);
color: var(--mi-text);
}
body.medintel-page .demo-all-demos-link--header {
position: absolute;
top: 50%;
left: clamp(8px, 1.5vw, 16px);
transform: translateY(-50%);
z-index: 110;
}
body.medintel-page .medintel-nav-mobile .demo-all-demos-link--mobile {
width: auto;
align-self: center;
margin: 1.5rem auto 0.75rem;
padding: 10px 20px;
}
body.medintel-page .medintel-header__bar,
body.medintel-page .medintel-header__inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1.5rem;
max-width: var(--mi-max);
margin-inline: auto;
padding: 0.75rem 1rem 0.75rem 1.25rem;
border: 1px solid var(--mi-border);
border-radius: var(--mi-radius-pill);
}
body.medintel-page .medintel-header__bar {
transition: background 0.3s, border-color 0.3s, box-shadow 0.3s, backdrop-filter 0.3s;
-webkit-backdrop-filter: blur(0);
backdrop-filter: blur(0);
width: min(var(--mi-max), calc(100% - var(--mi-section-x) * 2));
box-shadow: 0 2px 20px 0 rgba(100, 120, 150, 0.06);
background: rgba(255, 255, 255, 0);
border: 1px solid rgba(255, 255, 255, 0.3);
padding: 4px 20px;
}
body.medintel-page .medintel-header__inner {
background: var(--mi-white);
box-shadow: var(--mi-shadow-nav);
}
body.medintel-page .medintel-header.is-scrolled .medintel-header__bar {
background: rgba(255, 255, 255, 0.55);
-webkit-backdrop-filter: blur(32px);
backdrop-filter: blur(32px);
border: 1px solid rgba(255, 255, 255, 0.45);
box-shadow:
rgba(100, 120, 150, 0.08) 0 10px 40px,
rgba(255, 255, 255, 0.6) 0 1px 0 inset;
}
body.medintel-page .medintel-header.is-scrolled .medintel-header__inner {
box-shadow: 0 2px 20px 0 rgba(100, 120, 150, 0.06);
}
body.medintel-page .medintel-logo {
display: inline-flex;
align-items: center;
gap: 0.5rem;
font-family: var(--font-family);
font-weight: 500;
font-size: 14px;
line-height: 150%;
color: #5b8ba8;
text-decoration: none;
}
body.medintel-page .medintel-logo__icon {
width: 1.75rem;
height: 1.75rem;
flex-shrink: 0;
padding: 0.35rem;
border-radius: 0.625rem;
background: linear-gradient(135deg, var(--mi-accent) 0%, #edf8ff 100%);
box-shadow: 0 2px 5px rgba(110, 196, 245, 0.4);
}
body.medintel-page .medintel-nav {
display: flex;
align-items: center;
gap: 2rem;
margin-left: auto;
}
body.medintel-page .medintel-nav a {
font-family: var(--font-family);
font-weight: 500;
font-size: 13px;
line-height: 150%;
color: #4e5f73;
transition: color 0.2s ease;
}
body.medintel-page .medintel-nav a:hover,
body.medintel-page .medintel-nav a:focus-visible {
color: #5b8ba8;
}
body.medintel-page .medintel-header__actions {
display: flex;
align-items: center;
gap: 0.75rem;
}
body.medintel-page .medintel-header__cta {
font-family: var(--font-family);
font-weight: 700;
font-size: 15px;
line-height: 150%;
text-align: center;
color: #111111;
background: #6ec4f5;
box-shadow: 0 4px 10px rgba(110, 196, 245, 0.3);
}
body.medintel-page .medintel-header__cta:hover,
body.medintel-page .medintel-header__cta:focus-visible {
color: #111111;
background: #5ab8ed;
box-shadow: 0 6px 16px rgba(110, 196, 245, 0.4);
}
body.medintel-page .medintel-menu-toggle {
display: none;
flex-direction: column;
justify-content: center;
gap: 5px;
width: 44px;
height: 44px;
padding: 0;
border: 1px solid var(--mi-border);
border-radius: var(--mi-radius-pill);
background: var(--mi-white);
cursor: pointer;
}
body.medintel-page .medintel-menu-toggle span {
display: block;
width: 18px;
height: 2px;
margin: 0 auto;
background: var(--mi-text);
border-radius: 1px;
}
body.medintel-page .medintel-nav-mobile {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 99;
width: 100%;
height: 100%;
max-height: 100%;
overflow-y: auto;
transform: none;
flex-direction: column;
gap: 0;
margin: 0;
padding: 80px 1.25rem 1rem;
background: var(--mi-white);
border: 0;
border-radius: 0;
box-shadow: none;
}
body.medintel-page .medintel-nav-mobile.is-open {
display: flex;
}
body.medintel-page.medintel-menu-open {
overflow: hidden;
}
body.medintel-page .medintel-nav-mobile a {
padding: 0.875rem 0;
font-size: 0.9375rem;
font-weight: 500;
color: var(--mi-body);
border-bottom: 1px solid var(--mi-border);
}
body.medintel-page .medintel-nav-mobile a:last-child {
border-bottom: none;
}
body.medintel-page .medintel-nav-mobile a:hover {
color: var(--mi-brand);
} body.medintel-page .medintel-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
min-height: 47px;
min-width: 174px;
padding: 0 1.5rem;
font-family: inherit;
font-size: 0.9375rem;
font-weight: 600;
line-height: 1;
text-decoration: none;
border: 1px solid transparent;
border-radius: var(--mi-radius-pill);
cursor: pointer;
transition: background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
body.medintel-page .medintel-btn__icon {
width: 1rem;
height: 1rem;
flex-shrink: 0;
}
body.medintel-page .medintel-btn--primary {
color: #111111;
background: var(--mi-accent);
box-shadow: var(--mi-shadow-btn);
}
body.medintel-page .medintel-btn--primary:hover,
body.medintel-page .medintel-btn--primary:focus-visible {
color: #111111;
background: #5ab8ed;
box-shadow: 0 6px 16px rgba(110, 196, 245, 0.4);
transform: translateY(-1px);
}
body.medintel-page .medintel-btn--hero {
width: 207px;
min-width: 207px;
height: 58px;
min-height: 58px;
padding: 0 1.5rem;
font-family: var(--font-family);
font-size: 17px;
font-weight: 700;
line-height: 150%;
text-align: center;
color: #111;
background: #6ec4f5;
box-shadow: 0 4px 20px 0 rgba(110, 196, 245, 0.3);
}
body.medintel-page .medintel-btn--hero:hover,
body.medintel-page .medintel-btn--hero:focus-visible {
background: #5ab8ed;
box-shadow: 0 6px 24px 0 rgba(110, 196, 245, 0.38);
transform: translateY(-1px);
}
body.medintel-page .medintel-btn--secondary {
color: var(--mi-brand);
background: var(--mi-white);
border-color: var(--mi-border);
}
body.medintel-page .medintel-btn--secondary:hover,
body.medintel-page .medintel-btn--secondary:focus-visible {
border-color: var(--mi-accent);
color: var(--mi-accent);
}
body.medintel-page .medintel-btn--outline {
color: var(--mi-brand);
background: transparent;
border-color: var(--mi-border);
}
body.medintel-page .medintel-btn--outline:hover,
body.medintel-page .medintel-btn--outline:focus-visible {
background: var(--mi-icon-bg);
border-color: var(--mi-accent);
} body.medintel-page .medintel-hero {
position: relative;
display: flex;
align-items: center;
min-height: clamp(560px, 88vh, 820px);
padding: clamp(5.25rem, 10.5vw, 7.5rem) var(--mi-section-x) clamp(3rem, 6vw, 4.5rem);
overflow: hidden;
}
body.medintel-page .medintel-hero__bg {
position: absolute;
inset: 0;
pointer-events: none;
}
body.medintel-page .medintel-hero__bg-image {
position: absolute;
inset: 0;
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
}
body.medintel-page .medintel-hero__bg-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center right;
}
body.medintel-page .medintel-hero__overlay {
position: absolute;
inset: 0;
}
body.medintel-page .medintel-hero__content {
position: relative;
z-index: 1;
max-width: 680px;
}
body.medintel-page .medintel-hero__eyebrow {
margin-bottom: 0.875rem;
font-family: var(--font-family);
font-size: 11px;
font-weight: 500;
line-height: 150%;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #fff;
}
body.medintel-page .medintel-hero__title {
margin-bottom: 1.75rem;
font-family: var(--font-family);
font-size: 48px;
font-weight: 900;
line-height: 110%;
letter-spacing: -0.02em;
color: #111;
}
body.medintel-page .medintel-hero__lead {
margin-bottom: 2.5rem;
max-width: 680px;
font-family: var(--font-family);
font-size: 20px;
font-weight: 400;
line-height: 150%;
color: #4e5f73;
}
body.medintel-page .medintel-hero__actions {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
} body.medintel-page .medintel-what-you-get {
position: relative;
overflow: hidden;
background: #ffffff;
}
body.medintel-page .medintel-what-you-get__decor {
position: absolute;
top: -60px;
right: -80px;
z-index: 0;
width: min(500px, 42vw);
line-height: 0;
pointer-events: none;
}
body.medintel-page .medintel-what-you-get__decor svg {
display: block;
width: 100%;
height: auto;
}
body.medintel-page .medintel-what-you-get .medintel-container {
position: relative;
z-index: 1;
}
body.medintel-page .medintel-what-you-get .medintel-matt-card {
width: 100%;
max-width: var(--mi-max);
margin-inline: auto;
padding: 61px 57px;
background: #ffffff;
border: 1px solid rgba(110, 196, 245, 0.25);
border-radius: 32px;
box-shadow: 0 10px 40px rgba(100, 150, 200, 0.08);
}
body.medintel-page .medintel-what-you-get__grid {
display: grid;
grid-template-columns: minmax(0, 369px) minmax(0, 1fr);
gap: 60px;
}
body.medintel-page .medintel-what-you-get__intro {
max-width: 369px;
}
body.medintel-page .medintel-what-you-get .medintel-eyebrow {
margin-bottom: 0;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.14em;
}
body.medintel-page .medintel-what-you-get .medintel-section__title {
margin-bottom: 0;
padding-top: 14px;
font-size: 48px;
font-weight: 700;
line-height: 1.07;
letter-spacing: -0.02em;
}
body.medintel-page .medintel-what-you-get .medintel-section__lead {
padding-top: 24px;
font-size: 18px;
line-height: 1.5;
}
body.medintel-page .medintel-what-you-get__cards {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
}
body.medintel-page .medintel-what-you-get .medintel-mini-card {
display: flex;
flex-direction: column;
gap: 0;
min-height: 169px;
padding: 29px 25px 21px 25px;
background: #f7fafd;
border: 1px solid rgba(110, 196, 245, 0.25);
border-radius: 24px;
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
body.medintel-page .medintel-what-you-get .medintel-mini-card:hover,
body.medintel-page .medintel-what-you-get .medintel-mini-card:focus-within {
transform: translateY(-6px);
box-shadow:
-8px 10px 36px rgba(110, 196, 245, 0.28),
0 10px 40px rgba(100, 150, 200, 0.1);
}
body.medintel-page .medintel-what-you-get .medintel-mini-card__text {
padding-top: 20px;
font-size: 15px;
font-weight: 500;
line-height: 1.45;
color: #111111;
}
body.medintel-page .medintel-icon-box {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 48px;
height: 48px;
background: #eff6ff;
border: 1px solid #bfdbfe;
border-radius: 16px;
}
body.medintel-page .medintel-icon-box img {
width: 20px;
height: 20px;
} body.medintel-page .medintel-architecture {
padding: 90px 32px;
background: linear-gradient(172.25deg, #edf7ff 8.49%, #ffffff 58.3%, #edf7ff 91.51%);
}
body.medintel-page .medintel-architecture .medintel-matt-card {
width: 100%;
max-width: var(--mi-max);
margin-inline: auto;
padding: 61px 57px 61px 57px;
background: #ffffff;
border: 1px solid rgba(110, 196, 245, 0.25);
border-radius: 32px;
box-shadow: 0 10px 40px rgba(100, 150, 200, 0.08);
}
body.medintel-page .medintel-architecture__split {
display: grid;
grid-template-columns: minmax(0, 671px) minmax(0, 1fr);
gap: 48px;
align-items: stretch;
}
body.medintel-page .medintel-architecture__content {
display: flex;
flex-direction: column;
}
body.medintel-page .medintel-architecture .medintel-eyebrow {
margin-bottom: 0;
padding-bottom: 14px;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.14em;
}
body.medintel-page .medintel-architecture .medintel-section__title {
margin-bottom: 0;
padding-bottom: 24px;
max-width: 671px;
font-size: 44px;
font-weight: 700;
line-height: 1.07;
letter-spacing: -0.02em;
}
body.medintel-page .medintel-architecture__content .medintel-body {
font-size: 18px;
line-height: 1.5;
color: #4e5f73;
}
body.medintel-page .medintel-architecture__content .medintel-body + .medintel-body {
margin-top: 0;
}
body.medintel-page .medintel-architecture__content > .medintel-body:nth-of-type(1) {
padding-bottom: 20px;
}
body.medintel-page .medintel-architecture__content > .medintel-body:nth-of-type(2) {
padding-bottom: 20px;
}
body.medintel-page .medintel-architecture__content > .medintel-body:nth-of-type(3) {
padding-bottom: 20px;
}
body.medintel-page .medintel-architecture .medintel-pill-list {
gap: 12px;
padding-bottom: 30px;
padding-top: 33px;
}
body.medintel-page .medintel-architecture .medintel-pill-list__item {
gap: 12px;
padding: 14px 21px;
font-size: 14px;
font-weight: 500;
line-height: 1.5;
color: #111111;
background: #f7fafd;
border: 1px solid rgba(110, 196, 245, 0.25);
border-radius: 999px;
}
body.medintel-page .medintel-architecture .medintel-pill-list__item::before {
width: 6px;
height: 6px;
margin-top: 7px;
background: #58b8f0;
border-radius: 3px;
}
body.medintel-page .medintel-architecture__media {
display: flex;
align-items: center;
justify-content: center;
min-height: 592px;
padding: 0;
overflow: hidden;
background: #f7fafd;
border: 1px solid rgba(110, 196, 245, 0.25);
border-radius: 28px;
box-shadow: 0 4px 12px rgba(110, 196, 245, 0.07);
}
body.medintel-page .medintel-architecture__diagram {
display: block;
width: 127%;
max-width: 587px;
height: auto;
object-fit: contain;
} body.medintel-page .medintel-pill-list {
display: flex;
flex-direction: column;
gap: 0.75rem;
list-style: none;
margin: 0;
padding: 0;
}
body.medintel-page .medintel-pill-list__item {
display: flex;
align-items: flex-start;
gap: 0.75rem;
padding: 0.875rem 1.125rem;
font-size: 0.9375rem;
font-weight: 500;
line-height: 1.5;
color: var(--mi-text);
background: var(--mi-card-bg);
border: 1px solid var(--mi-border);
border-radius: var(--mi-radius-pill);
}
body.medintel-page .medintel-pill-list__item::before {
content: "";
flex-shrink: 0;
width: 8px;
height: 8px;
margin-top: 0.45em;
background: var(--mi-accent-dot);
border-radius: 50%;
} body.medintel-page .medintel-workflow {
position: relative;
overflow: hidden;
background: #ffffff;
padding: 90px 32px;
}
body.medintel-page .medintel-workflow__decor {
position: absolute;
top: 0;
left: 50%;
z-index: 0;
width: min(2552px, 200%);
transform: translateX(-50%);
line-height: 0;
pointer-events: none;
opacity: 0.3;
}
body.medintel-page .medintel-workflow__decor svg {
display: block;
width: 100%;
height: auto;
}
body.medintel-page .medintel-workflow .medintel-container {
position: relative;
z-index: 1;
}
body.medintel-page .medintel-workflow .medintel-section__head {
margin-bottom: 0;
}
body.medintel-page .medintel-workflow .medintel-eyebrow {
margin-bottom: 0;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.14em;
}
body.medintel-page .medintel-workflow .medintel-section__title {
margin-bottom: 23px;
padding-top: 14px;
font-size: 48px;
font-weight: 700;
line-height: 1.07;
letter-spacing: -0.02em;
}
body.medintel-page .medintel-workflow .medintel-section__lead {
font-size: 18px;
line-height: 1.5;
color: #4e5f73;
}
body.medintel-page .medintel-workflow .medintel-section__head .medintel-section__lead:first-of-type {
padding-top: 24px;
}
body.medintel-page .medintel-workflow .medintel-section__head .medintel-section__lead + .medintel-section__lead {
margin-top: 0;
padding-top: 12px;
}
body.medintel-page .medintel-workflow__subtitle {
margin: 0;
padding-top: 40px;
font-size: 20px;
font-weight: 700;
line-height: 1.5;
color: #111111;
}
body.medintel-page .medintel-workflow__steps {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 16px;
padding-top: 28px;
}
body.medintel-page .medintel-workflow__step {
position: relative;
display: flex;
flex-direction: column;
min-height: 221px;
padding: 72px 20px 24px;
overflow: hidden;
background: #ffffff;
border: 1px solid rgba(110, 196, 245, 0.25);
border-radius: 32px;
box-shadow: 0 10px 40px rgba(100, 150, 200, 0.08);
}
body.medintel-page .medintel-workflow__number {
position: absolute;
top: -14px;
left: -6px;
font-size: 110px;
font-weight: 100;
line-height: 1.1;
letter-spacing: -0.04em;
color: #6ec4f5;
opacity: 0.38;
pointer-events: none;
user-select: none;
}
body.medintel-page .medintel-workflow__step-title {
position: relative;
z-index: 1;
font-size: 14px;
font-weight: 700;
line-height: 1.35;
color: #111111;
}
body.medintel-page .medintel-workflow__step-text {
position: relative;
z-index: 1;
padding-top: 10px;
font-size: 13px;
line-height: 1.45;
color: #4e5f73;
} body.medintel-page .medintel-infrastructure {
padding: 90px 32px;
background: linear-gradient(170deg, #edf7ff 0%, #f7fafd 100%);
}
body.medintel-page .medintel-infrastructure .medintel-section__head {
margin-bottom: 0;
}
body.medintel-page .medintel-infrastructure .medintel-eyebrow {
margin-bottom: 0;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.14em;
}
body.medintel-page .medintel-infrastructure .medintel-section__title {
margin-bottom: 0;
padding-top: 14px;
font-size: 48px;
font-weight: 700;
line-height: 1.07;
letter-spacing: -0.02em;
}
body.medintel-page .medintel-infrastructure .medintel-section__lead {
padding-top: 24px;
font-size: 18px;
line-height: 1.5;
color: #4e5f73;
}
body.medintel-page .medintel-infrastructure__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
padding-top: 48px;
}
body.medintel-page .medintel-infra-card {
display: flex;
flex-direction: column;
align-items: flex-start;
min-height: 289px;
padding: 41px 37px;
background: #ffffff;
border: 1px solid rgba(110, 196, 245, 0.25);
border-radius: 32px;
box-shadow: 0 10px 40px rgba(100, 150, 200, 0.08);
}
body.medintel-page .medintel-infrastructure .medintel-icon-box img {
width: 22px;
height: 22px;
}
body.medintel-page .medintel-infra-card__title {
margin: 0;
padding-top: 20px;
font-size: 20px;
font-weight: 700;
line-height: 1.5;
color: #111111;
}
body.medintel-page .medintel-infra-card__list {
display: flex;
flex-direction: column;
gap: 12px;
margin: 0;
padding: 20px 0 0;
list-style: none;
}
body.medintel-page .medintel-infra-card__list li {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 15px;
line-height: 1.45;
color: #4e5f73;
}
body.medintel-page .medintel-infra-card__list li::before {
content: "";
flex-shrink: 0;
width: 6px;
height: 6px;
margin-top: 7px;
background: #58b8f0;
border-radius: 3px;
} body.medintel-page .medintel-features {
position: relative;
overflow: hidden;
background: #ffffff;
padding: 90px 32px;
}
body.medintel-page .medintel-features__decor {
position: absolute;
bottom: 0;
left: 50%;
z-index: 0;
width: min(2552px, 200%);
transform: translateX(-50%);
line-height: 0;
pointer-events: none;
}
body.medintel-page .medintel-features__decor svg {
display: block;
width: 100%;
height: auto;
}
body.medintel-page .medintel-features .medintel-container {
position: relative;
z-index: 1;
}
body.medintel-page .medintel-features .medintel-section__head {
margin-bottom: 0;
max-width: none;
}
body.medintel-page .medintel-features .medintel-eyebrow {
margin-bottom: 0;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.14em;
text-align: center;
}
body.medintel-page .medintel-features .medintel-section__title {
margin-bottom: 0;
padding-top: 14px;
font-size: 44px;
font-weight: 700;
line-height: 1.07;
letter-spacing: -0.02em;
text-align: center;
}
body.medintel-page .medintel-features__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
padding-top: 48px;
}
body.medintel-page .medintel-feature-card {
display: flex;
flex-direction: column;
align-items: flex-start;
min-height: 221px;
padding: 37px 33px;
background: #ffffff;
border: 1px solid rgba(110, 196, 245, 0.25);
border-radius: 32px;
box-shadow: 0 10px 40px rgba(100, 150, 200, 0.08);
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
body.medintel-page .medintel-feature-card:hover,
body.medintel-page .medintel-feature-card:focus-within {
transform: translateY(-6px);
box-shadow:
-8px 10px 36px rgba(110, 196, 245, 0.28),
0 10px 40px rgba(100, 150, 200, 0.1);
}
body.medintel-page .medintel-feature-card:nth-child(even) {
background: rgba(237, 248, 255, 0.8);
}
body.medintel-page .medintel-feature-card__title {
margin: 0;
padding-top: 20px;
font-size: 17px;
font-weight: 700;
line-height: 1.5;
color: #111111;
}
body.medintel-page .medintel-feature-card__text {
margin: 0;
padding-top: 10px;
font-size: 15px;
line-height: 1.45;
color: #4e5f73;
} body.medintel-page .medintel-business-model {
position: relative;
overflow: hidden;
padding: 75px 32px;
background: linear-gradient(155deg, #edf7ff 0%, #fff 50%, #edf8ff 100%);
}
body.medintel-page .medintel-business-model__decor {
position: absolute;
top: 50%;
left: 50%;
z-index: 0;
width: min(2552px, 200%);
transform: translate(-50%, -50%);
line-height: 0;
pointer-events: none;
opacity: 0.3;
}
body.medintel-page .medintel-business-model__decor svg {
display: block;
width: 100%;
height: auto;
}
body.medintel-page .medintel-business-model .medintel-container {
position: relative;
z-index: 1;
}
body.medintel-page .medintel-business-model .medintel-cta-card {
display: flex;
flex-direction: column;
align-items: center;
max-width: 1000px;
margin-inline: auto;
padding: 73px 45px;
text-align: center;
background: #ffffff;
border: 1px solid rgba(110, 196, 245, 0.25);
border-radius: 32px;
box-shadow: 0 10px 40px rgba(100, 150, 200, 0.08);
}
body.medintel-page .medintel-business-model .medintel-eyebrow {
margin-bottom: 0;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.14em;
text-align: center;
}
body.medintel-page .medintel-business-model .medintel-cta-card__title {
margin: 0;
padding-top: 14px;
font-size: 44px;
font-weight: 700;
line-height: 1.07;
letter-spacing: -0.02em;
color: #111111;
text-align: center;
}
body.medintel-page .medintel-business-model .medintel-cta-card__lead {
max-width: 870px;
margin: 0;
padding-top: 24px;
padding-bottom: 40px;
font-size: 18px;
line-height: 1.5;
color: #4e5f73;
text-align: center;
}
body.medintel-page .medintel-business-model .medintel-btn--primary {
height: 58px;
min-height: 58px;
padding: 16px 38px;
gap: 8px;
font-size: 17px;
font-weight: 700;
color: #111111;
background: #6ec4f5;
box-shadow: 0 4px 10px rgba(110, 196, 245, 0.3);
}
body.medintel-page .medintel-business-model .medintel-btn--primary:hover,
body.medintel-page .medintel-business-model .medintel-btn--primary:focus-visible {
color: #111111;
background: #5ab8ed;
box-shadow: 0 6px 16px rgba(110, 196, 245, 0.4);
}
body.medintel-page .medintel-business-model .medintel-btn__icon {
width: 14px;
height: 14px;
} body.medintel-page .medintel-demo {
padding: 90px 32px;
background: linear-gradient(170deg, #edf7ff 0%, #f7fafd 100%);
}
body.medintel-page .medintel-demo .medintel-section__head {
margin-bottom: 0;
}
body.medintel-page .medintel-demo .medintel-eyebrow {
margin-bottom: 0;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.14em;
}
body.medintel-page .medintel-demo .medintel-section__title {
margin-bottom: 23px;
padding-top: 14px;
font-size: 48px;
font-weight: 700;
line-height: 1.07;
letter-spacing: -0.02em;
}
body.medintel-page .medintel-demo .medintel-section__lead {
font-size: 18px;
line-height: 1.5;
color: #4e5f73;
}
body.medintel-page .medintel-demo .medintel-section__head .medintel-section__lead:first-of-type {
padding-top: 24px;
}
body.medintel-page .medintel-demo .medintel-section__head .medintel-section__lead + .medintel-section__lead {
margin-top: 0;
padding-top: 12px;
}
body.medintel-page .medintel-demo__subtitle {
margin: 0;
padding-top: 56px;
font-size: 20px;
font-weight: 700;
line-height: 1.5;
color: #111111;
}
body.medintel-page .medintel-demo__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 20px;
padding-top: 28px;
}
body.medintel-page .medintel-demo-card {
display: flex;
flex-direction: column;
align-items: flex-start;
min-height: 278px;
padding: 33px 29px;
background: #ffffff;
border: 1px solid rgba(110, 196, 245, 0.25);
border-radius: 32px;
box-shadow: 0 10px 40px rgba(100, 150, 200, 0.08);
}
body.medintel-page .medintel-demo-card__title {
margin: 0;
padding-top: 20px;
font-size: 17px;
font-weight: 700;
line-height: 1.5;
color: #111111;
}
body.medintel-page .medintel-demo-card__text {
margin: 0;
padding-top: 10px;
font-size: 15px;
line-height: 1.45;
color: #4e5f73;
} body.medintel-page .medintel-use-cases {
padding: 90px 32px;
background: #ffffff;
}
body.medintel-page .medintel-use-cases .medintel-section__head {
margin-bottom: 0;
max-width: none;
}
body.medintel-page .medintel-use-cases .medintel-eyebrow {
margin-bottom: 0;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.14em;
text-align: center;
}
body.medintel-page .medintel-use-cases .medintel-section__title {
margin-bottom: 0;
padding-top: 14px;
font-size: 48px;
font-weight: 700;
line-height: 1.07;
letter-spacing: -0.02em;
text-align: center;
}
body.medintel-page .medintel-use-cases .medintel-section__lead {
max-width: 943px;
margin-inline: auto;
padding-top: 24px;
font-size: 18px;
line-height: 1.5;
text-align: center;
color: #4e5f73;
}
body.medintel-page .medintel-use-cases__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
padding-top: 48px;
}
body.medintel-page .medintel-use-case {
display: flex;
flex-direction: column;
align-items: stretch;
padding: 37px 33px 8px 33px;
background: rgba(237, 248, 255, 0.8);
border: 1px solid rgba(110, 196, 245, 0.25);
border-radius: 32px;
box-shadow: 0 10px 40px 0 rgba(100, 150, 200, 0.08);
}
body.medintel-page .medintel-use-case:nth-child(odd) {
background: #ffffff;
}
body.medintel-page .medintel-use-case__head {
text-align: center;
padding-bottom: 28px;
border-bottom: 1px solid rgba(110, 196, 245, 0.18);
margin-bottom: 32px;
}
body.medintel-page .medintel-use-case__label {
margin: 0;
font-family: var(--font-family);
font-weight: 500;
font-size: 13px;
line-height: 150%;
letter-spacing: 0.1em;
text-transform: uppercase;
text-align: center;
color: #3b82f6;
}
body.medintel-page .medintel-use-case__title {
margin: 0;
padding-top: 10px;
font-family: var(--font-family);
font-weight: 700;
font-size: 24px;
line-height: 115%;
letter-spacing: -0.01em;
text-align: center;
color: #111111;
}
body.medintel-page .medintel-use-case__block {
text-align: left;
margin-bottom: 22px;
}
body.medintel-page .medintel-use-case__block-label {
margin: 0;
font-family: var(--font-family);
font-weight: 700;
font-size: 10px;
line-height: 150%;
letter-spacing: 0.13em;
text-transform: uppercase;
color: #6ec4f5;
}
body.medintel-page .medintel-use-case__text {
margin: 0;
padding-top: 8px;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 145%;
color: #4e5f73;
}
body.medintel-page .medintel-use-case__block--outcome {
margin-top: 0px;
}
body.medintel-page .medintel-use-cases__grid .medintel-use-case:nth-child(1) .medintel-use-case__block--outcome {
margin-top: 41px;
}
body.medintel-page .medintel-use-cases__grid .medintel-use-case:nth-child(3) .medintel-use-case__block--outcome {
margin-top: 28px;
}
body.medintel-page .medintel-use-cases__grid .medintel-use-case:nth-child(4) .medintel-use-case__block--outcome {
margin-top: 21px;
}
body.medintel-page .medintel-use-cases__grid .medintel-use-case:nth-child(6) .medintel-use-case__block--outcome {
margin-top: 41px;
}
body.medintel-page .medintel-use-case__list {
display: flex;
flex-direction: column;
gap: 8px;
margin: 0;
padding: 8px 0 0;
list-style: none;
}
body.medintel-page .medintel-use-case__list li {
display: flex;
align-items: flex-start;
gap: 8px;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 145%;
color: #4e5f73;
}
body.medintel-page .medintel-use-case__block--outcome .medintel-use-case__list li {
color: #111111;
font-weight: 700;
}
body.medintel-page .medintel-use-case__list li::before {
content: "";
flex-shrink: 0;
width: 6px;
height: 6px;
margin-top: 7px;
background: #58b8f0;
border-radius: 3px;
} body.medintel-page .medintel-final-cta {
position: relative;
overflow: hidden;
padding: 90px 32px;
background: linear-gradient(155deg, #edf7ff 0%, #ffffff 50%, #edf8ff 100%);
}
body.medintel-page .medintel-final-cta__decor {
position: absolute;
top: 0;
left: 50%;
z-index: 0;
width: min(2000px, 200%);
transform: translateX(-50%);
line-height: 0;
pointer-events: none;
opacity: 0.6;
}
body.medintel-page .medintel-final-cta__decor svg {
display: block;
width: 100%;
height: auto;
}
body.medintel-page .medintel-final-cta .medintel-container {
position: relative;
z-index: 1;
}
body.medintel-page .medintel-final-cta__inner {
display: flex;
flex-direction: column;
align-items: center;
max-width: 960px;
margin-inline: auto;
text-align: center;
}
body.medintel-page .medintel-final-cta .medintel-eyebrow {
margin: 0;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.14em;
text-align: center;
color: #728093;
}
body.medintel-page .medintel-final-cta__title {
margin: 0;
padding-top: 14px;
font-size: 48px;
font-weight: 700;
line-height: 1.07;
letter-spacing: -0.02em;
color: #111111;
text-align: center;
}
body.medintel-page .medintel-final-cta__lead {
max-width: 679px;
margin: 0;
padding-top: 24px;
padding-bottom: 44px;
font-size: 18px;
line-height: 1.5;
color: #4e5f73;
text-align: center;
}
body.medintel-page .medintel-final-cta .medintel-btn--primary {
height: 58px;
min-height: 58px;
padding: 16px 38px;
gap: 8px;
font-size: 17px;
font-weight: 700;
color: #111111;
background: #6ec4f5;
box-shadow: 0 4px 10px rgba(110, 196, 245, 0.3);
}
body.medintel-page .medintel-final-cta .medintel-btn--primary:hover,
body.medintel-page .medintel-final-cta .medintel-btn--primary:focus-visible {
color: #111111;
background: #5ab8ed;
box-shadow: 0 6px 16px rgba(110, 196, 245, 0.4);
}
body.medintel-page .medintel-final-cta .medintel-btn__icon {
width: 14px;
height: 14px;
} body.medintel-page .medintel-contact {
position: relative;
overflow: hidden;
padding: 90px 32px;
background: #ffffff;
}
body.medintel-page .medintel-contact__decor {
position: absolute;
right: 0;
bottom: 90px;
z-index: 0;
width: min(500px, 42vw);
line-height: 0;
pointer-events: none;
}
body.medintel-page .medintel-contact__decor svg {
display: block;
width: 100%;
height: auto;
}
body.medintel-page .medintel-contact .medintel-container {
position: relative;
z-index: 1;
}
body.medintel-page .medintel-contact__card {
max-width: 900px;
margin-inline: auto;
padding: 65px 61px;
background: #ffffff;
border: 1px solid rgba(110, 196, 245, 0.25);
border-radius: 32px;
box-shadow: 0 10px 40px rgba(100, 150, 200, 0.08);
}
body.medintel-page .medintel-contact .medintel-eyebrow {
margin: 0;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.14em;
color: #728093;
}
body.medintel-page .medintel-contact__title {
margin: 0;
padding-top: 14px;
font-size: 60px;
font-weight: 700;
line-height: 1.07;
letter-spacing: -0.02em;
color: #111111;
}
body.medintel-page .medintel-contact__subtitle {
max-width: 720px;
margin: 0;
padding-top: 15px;
font-size: 22px;
line-height: 1.5;
color: #4e5f73;
font-weight: 500;margin-bottom: 47px;
}
body.medintel-page .medintel-contact .medintel-form {
display: flex;
flex-direction: column;
gap: 20px;
padding-top: 48px;
}
.wpcf7-form-control-wrap {
position: relative;
display: block;
}
body.medintel-page .medintel-contact .medintel-form__field {
display: flex;
flex-direction: column;
gap: 8px;
min-width: 0;
}
body.medintel-page .medintel-contact .medintel-form__row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
body.medintel-page .medintel-contact .medintel-form__label {
font-weight: 500;
font-size: 11px;
line-height: 150%;
letter-spacing: 0.12em;
color: #728093;
display: block;
margin-bottom: 9px;
}
body.medintel-page .medintel-contact .medintel-form__input,
body.medintel-page .medintel-contact .medintel-form__textarea {
width: 100%;
padding: 14px 16px;
font-family: inherit;
font-size: 15px;
line-height: 1.5;
color: #111111;
margin-bottom: 20px;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
border: 1px solid #d9eaf7;
border-radius: 16px;
background: #fff;
}
body.medintel-page .medintel-contact .medintel-form__input {
height: 52px;
}
body.medintel-page .medintel-contact .medintel-form__input::placeholder,
body.medintel-page .medintel-contact .medintel-form__textarea::placeholder {
color: #728093;
}
body.medintel-page .medintel-contact .medintel-form__input:focus,
body.medintel-page .medintel-contact .medintel-form__textarea:focus {
outline: none;
border-color: #6ec4f5;
box-shadow: 0 0 0 3px rgba(110, 196, 245, 0.2);
}
body.medintel-page .medintel-contact .medintel-form__textarea {
min-height: 142px;
resize: vertical;
}
body.medintel-page .medintel-contact .medintel-form__submit {
width: 100%;
height: 56px;
min-height: 56px;
margin-top: 8px;
font-size: 17px;
font-weight: 700;
color: #111111;
background: #6ec4f5;
box-shadow: 0 4px 10px rgba(110, 196, 245, 0.3);
}
body.medintel-page .medintel-contact .medintel-form__submit:hover,
body.medintel-page .medintel-contact .medintel-form__submit:focus-visible {
color: #111111;
background: #5ab8ed;
box-shadow: 0 6px 16px rgba(110, 196, 245, 0.4);
}
body.medintel-page .medintel-form {
display: flex;
flex-direction: column;
gap: 1.25rem;
}
body.medintel-page .medintel-form__field {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
body.medintel-page .medintel-form__label {
font-size: 0.875rem;
font-weight: 600;
color: var(--mi-text);
}
body.medintel-page .medintel-form__input,
body.medintel-page .medintel-form__textarea {
width: 100%;
padding: 0.875rem 1rem;
font-family: inherit;
font-size: 0.9375rem;
line-height: 1.5;
color: var(--mi-text);
background: var(--mi-card-bg);
border: 1px solid var(--mi-border);
border-radius: 14px;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
body.medintel-page .medintel-form__input::placeholder,
body.medintel-page .medintel-form__textarea::placeholder {
color: var(--mi-eyebrow);
}
body.medintel-page .medintel-form__input:focus,
body.medintel-page .medintel-form__textarea:focus {
outline: none;
border-color: var(--mi-accent);
box-shadow: 0 0 0 3px rgba(110, 196, 245, 0.2);
}
body.medintel-page .medintel-form__textarea {
min-height: 8rem;
resize: vertical;
}
body.medintel-page .medintel-form__submit {
width: 100%;
margin-top: 0.25rem;
}
body .wpcf7-not-valid-tip {
font-size: 12px;
position: absolute;
bottom: 4px;
}
body.medintel-page .medintel-contact__success {
display: none;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 32px 0 16px;
text-align: center;
}
body.medintel-page .medintel-contact__success-heading {
margin: 0 0 40px;
font-size: 60px;
font-weight: 700;
line-height: 1.07;
letter-spacing: -0.02em;
color: #111111;
text-align: center;
}
body.medintel-page .medintel-contact__success-icon {
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
margin: 0;
border-radius: 50%;
background: #eff6ff;
border: 1px solid rgba(110, 196, 245, 0.35);
}
body.medintel-page .medintel-contact__success-title {
margin: 32px 0 0;
font-family: var(--font-family);
font-size: 32px;
font-weight: 700;
line-height: 1.2;
color: #111111;
}
body.medintel-page .medintel-contact__card.is-sent .medintel-eyebrow,
body.medintel-page .medintel-contact__card.is-sent .medintel-contact__title,
body.medintel-page .medintel-contact__card.is-sent .medintel-contact__subtitle {
display: none;
}
body.medintel-page .medintel-contact__card.is-sent .medintel-contact__form-area {
display: none;
}
body.medintel-page .medintel-contact__card.is-sent .medintel-contact__success {
display: flex;
}
body.medintel-page .medintel-contact__card.is-sent .wpcf7-response-output {
display: none !important;
} body.medintel-page .medintel-footer {
padding: clamp(2.25rem, 4.5vw, 3rem) var(--mi-section-x) 2rem;
background: var(--mi-white);
border-top: 1px solid var(--mi-border);
}
body.medintel-page .medintel-footer__grid {
display: grid;
grid-template-columns: 1.4fr 1fr 1fr;
gap: 2.5rem;
max-width: var(--mi-max);
margin-inline: auto;
padding-bottom: 2.5rem;
}
body.medintel-page .medintel-footer__brand {
margin-bottom: 0.75rem;
font-size: 1.25rem;
font-weight: 700;
color: var(--mi-brand);
}
body.medintel-page .medintel-footer__desc {
margin-bottom: 1.25rem;
font-size: 0.9375rem;
line-height: 1.65;
color: var(--mi-body);
}
body.medintel-page .medintel-footer__contact {
font-size: 0.875rem;
line-height: 1.7;
color: var(--mi-body);
}
body.medintel-page .medintel-footer__contact a {
color: var(--mi-brand);
text-decoration: none;
}
body.medintel-page .medintel-footer__contact a:hover {
color: var(--mi-accent);
}
body.medintel-page .medintel-footer__heading {
margin: 0 0 1rem;
font-size: 0.9375rem;
font-weight: 700;
color: var(--mi-text);
}
body.medintel-page .medintel-footer .footer-title {
margin: 0 0 1rem;
font-size: 0.9375rem;
font-weight: 700;
line-height: 1.4;
color: var(--mi-text);
}
body.medintel-page .medintel-footer .footer-link {
margin: 0 0 0.625rem;
font-size: 0.875rem;
line-height: 1.6;
color: var(--mi-body);
}
body.medintel-page .medintel-footer .footer-link:last-of-type {
margin-bottom: 0;
}
body.medintel-page .medintel-footer .footer-spacer {
height: 1.25rem;
}
body.medintel-page .medintel-footer .footer-subtitle {
margin: 0 0 0.5rem;
font-size: 0.875rem;
font-weight: 700;
line-height: 1.5;
color: var(--mi-text);
}
body.medintel-page .medintel-footer .footer-muted {
margin: 0;
font-size: 0.875rem;
line-height: 1.65;
color: var(--mi-eyebrow);
}
body.medintel-page .medintel-footer__links {
display: flex;
flex-direction: column;
gap: 0.625rem;
margin: 0;
padding: 0;
list-style: none;
}
body.medintel-page .medintel-footer__links a {
font-size: 0.875rem;
color: var(--mi-body);
text-decoration: none;
transition: color 0.2s ease;
}
body.medintel-page .medintel-footer__links a:hover {
color: var(--mi-brand);
}
body.medintel-page .medintel-footer__links a:focus-visible {
color: var(--mi-brand);
outline: 2px solid var(--mi-accent);
outline-offset: 2px;
}
body.medintel-page .medintel-footer__divider {
height: 1px;
max-width: var(--mi-max);
margin-inline: auto;
background: var(--mi-border);
}
body.medintel-page .medintel-footer__copy {
max-width: var(--mi-max);
margin: 1.5rem auto 0;
text-align: center;
font-size: 0.8125rem;
color: var(--mi-eyebrow);
}
body.medintel-page .medintel-footer__copy a {
color: var(--mi-brand);
text-decoration: underline;
text-underline-offset: 2px;
transition: color 0.2s ease;
}
body.medintel-page .medintel-footer__copy a:hover,
body.medintel-page .medintel-footer__copy a:focus-visible {
color: var(--mi-accent);
} body.medintel-page .medintel-reveal {
opacity: 0;
transform: translateY(24px);
transition: opacity 0.6s ease, transform 0.6s ease;
}
body.medintel-page .medintel-reveal.is-visible {
opacity: 1;
transform: translateY(0);
}
body.medintel-page .medintel-feature-card.medintel-reveal {
transition: opacity 0.6s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
body.medintel-page .medintel-what-you-get .medintel-mini-card.medintel-reveal {
transition: opacity 0.6s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
body.medintel-page .medintel-feature-card.medintel-reveal.is-visible:hover,
body.medintel-page .medintel-feature-card.medintel-reveal.is-visible:focus-within {
transform: translateY(-6px);
box-shadow:
-8px 10px 36px rgba(110, 196, 245, 0.28),
0 10px 40px rgba(100, 150, 200, 0.1);
}
body.medintel-page .medintel-what-you-get .medintel-mini-card.medintel-reveal.is-visible:hover,
body.medintel-page .medintel-what-you-get .medintel-mini-card.medintel-reveal.is-visible:focus-within {
transform: translateY(-6px);
box-shadow:
-8px 10px 36px rgba(110, 196, 245, 0.28),
0 10px 40px rgba(100, 150, 200, 0.1);
}
@media (prefers-reduced-motion: reduce) {
body.medintel-page .medintel-reveal {
opacity: 1;
transform: none;
transition: none;
}
body.medintel-page .medintel-btn--primary:hover,
body.medintel-page .medintel-btn--hero:hover {
transform: none;
}
body.medintel-page .medintel-what-you-get .medintel-mini-card:hover,
body.medintel-page .medintel-what-you-get .medintel-mini-card:focus-within,
body.medintel-page .medintel-what-you-get .medintel-mini-card.medintel-reveal.is-visible:hover,
body.medintel-page .medintel-what-you-get .medintel-mini-card.medintel-reveal.is-visible:focus-within,
body.medintel-page .medintel-feature-card:hover,
body.medintel-page .medintel-feature-card:focus-within,
body.medintel-page .medintel-feature-card.medintel-reveal.is-visible:hover,
body.medintel-page .medintel-feature-card.medintel-reveal.is-visible:focus-within {
transform: none;
}
} @media (max-width: 1200px) {
body.medintel-page .medintel-architecture__split {
grid-template-columns: minmax(0, 540px) minmax(0, 1fr);
}
}
@media (max-width: 1030px) {
body.medintel-page .medintel-what-you-get__grid {
display: grid;
grid-template-columns: minmax(0, 335px) minmax(0, 1fr);
gap: 30px;
}
body.medintel-page .medintel-architecture__split {
display: grid;
grid-template-columns: minmax(0, 430px) minmax(0, 1fr);
gap: 30px;
align-items: stretch;
}
body.medintel-page .medintel-workflow__steps {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
padding-top: 28px;
}
body.medintel-page .medintel-infrastructure__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
padding-top: 48px;
}
body.medintel-page .medintel-features__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
padding-top: 48px;
}
body.medintel-page .medintel-demo__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
padding-top: 28px;
}
body.medintel-page .medintel-use-cases__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
padding-top: 48px;
}	
}
@media (max-width: 900px) {
body.medintel-page .medintel-what-you-get__grid,
body.medintel-page .medintel-architecture__split {
grid-template-columns: 1fr;
gap: 2.5rem;
}
body.medintel-page .medintel-what-you-get__intro {
max-width: none;
}
body.medintel-page .medintel-what-you-get .medintel-matt-card,
body.medintel-page .medintel-architecture .medintel-matt-card {
padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem);
}
body.medintel-page .medintel-what-you-get .medintel-section__title,
body.medintel-page .medintel-architecture .medintel-section__title {
font-size: clamp(2rem, 6vw, 48px);
}
body.medintel-page .medintel-what-you-get__decor {
top: -32px;
right: -12%;
width: min(420px, 72vw);
}
body.medintel-page .medintel-architecture {
padding: clamp(3rem, 6vw, 5.625rem) clamp(1.25rem, 4vw, 2rem);
}
body.medintel-page .medintel-workflow {
padding: clamp(3rem, 6vw, 5.625rem) clamp(1.25rem, 4vw, 2rem);
}
body.medintel-page .medintel-workflow__decor {
width: min(2200px, 240%);
}
body.medintel-page .medintel-infrastructure {
padding: clamp(3rem, 6vw, 5.625rem) clamp(1.25rem, 4vw, 2rem);
}
body.medintel-page .medintel-features {
padding: clamp(3rem, 6vw, 5.625rem) clamp(1.25rem, 4vw, 2rem);
}
body.medintel-page .medintel-features__decor {
width: min(2200px, 240%);
}
body.medintel-page .medintel-business-model {
padding: clamp(3rem, 6vw, 4.6875rem) clamp(1.25rem, 4vw, 2rem);
}
body.medintel-page .medintel-business-model__decor {
width: min(2200px, 240%);
}
body.medintel-page .medintel-business-model .medintel-cta-card {
padding: clamp(2.5rem, 6vw, 4.5rem) clamp(1.5rem, 4vw, 2.5rem);
}
body.medintel-page .medintel-business-model .medintel-cta-card__title {
font-size: clamp(2rem, 6vw, 44px);
}
body.medintel-page .medintel-demo {
padding: clamp(3rem, 6vw, 5.625rem) clamp(1.25rem, 4vw, 2rem);
}
body.medintel-page .medintel-demo .medintel-section__title {
font-size: clamp(2rem, 6vw, 48px);
}
body.medintel-page .medintel-use-cases {
padding: clamp(3rem, 6vw, 5.625rem) clamp(1.25rem, 4vw, 2rem);
}
body.medintel-page .medintel-use-cases .medintel-section__title {
font-size: clamp(2rem, 6vw, 48px);
}
body.medintel-page .medintel-final-cta {
padding: clamp(3rem, 6vw, 5.625rem) clamp(1.25rem, 4vw, 2rem);
}
body.medintel-page .medintel-final-cta__decor {
width: min(2200px, 240%);
}
body.medintel-page .medintel-final-cta__title {
font-size: clamp(2rem, 6vw, 48px);
}
body.medintel-page .medintel-contact {
padding: clamp(3rem, 6vw, 5.625rem) clamp(1.25rem, 4vw, 2rem);
}
body.medintel-page .medintel-contact__card {
padding: clamp(2.5rem, 5vw, 65px) clamp(1.75rem, 4vw, 61px);
}
body.medintel-page .medintel-contact__title,
body.medintel-page .medintel-contact__success-heading {
font-size: clamp(2rem, 6vw, 48px);
}
body.medintel-page .medintel-contact__decor {
display: none;
}
body.medintel-page .medintel-infrastructure .medintel-section__title {
font-size: clamp(2rem, 6vw, 48px);
}
body.medintel-page .medintel-features .medintel-section__title {
font-size: clamp(2rem, 6vw, 44px);
}
body.medintel-page .medintel-workflow .medintel-section__title {
font-size: clamp(2rem, 6vw, 48px);
}
body.medintel-page .medintel-architecture__media {
min-height: 320px;
padding: clamp(1.5rem, 4vw, 2.5rem);
}
body.medintel-page .medintel-workflow__steps {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.medintel-page .medintel-infrastructure__grid,
body.medintel-page .medintel-features__grid,
body.medintel-page .medintel-use-cases__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.medintel-page .medintel-demo__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.medintel-page .medintel-footer__grid {
grid-template-columns: 1fr;
}
} @media (max-width: 1560px) {
body.medintel-page .medintel-header {
padding-left: calc(var(--mi-section-x) + 9.75rem);
}
body.medintel-page .demo-all-demos-link--header {
left: clamp(8px, 1.5vw, 16px);
}
} @media (max-width: 1040px) {
body.medintel-page .medintel-nav {
display: none;
}
body.medintel-page .medintel-header__cta {
display: none;
}
body.medintel-page .medintel-menu-toggle {
display: flex;
}
body.medintel-page .demo-all-demos-link--header {
display: none;
}
body.medintel-page .medintel-header {
padding-left: var(--mi-section-x);
}
} @media (max-width: 768px) {
body.medintel-page .medintel-contact .medintel-form__row {
grid-template-columns: 1fr;
}
body.medintel-page .medintel-header {
top: 0.75rem;
margin-bottom: -3.5rem;
}
body.medintel-page .medintel-hero__title {
font-size: clamp(2rem, 6vw, 48px);
}
body.medintel-page .medintel-hero__lead {
font-size: clamp(1.0625rem, 3.5vw, 20px);
}
body.medintel-page .medintel-hero {
min-height: auto;
padding-top: clamp(6rem, 18vw, 8rem);
}
body.medintel-page .medintel-what-you-get__decor {
display: none;
}
body.medintel-page .medintel-hero__overlay {
background: linear-gradient(
180deg,
rgba(237, 247, 255, 0.95) 0%,
rgba(237, 247, 255, 0.82) 55%,
rgba(237, 247, 255, 0.55) 100%
);
}
body.medintel-page .medintel-what-you-get__cards,
body.medintel-page .medintel-workflow__steps,
body.medintel-page .medintel-infrastructure__grid,
body.medintel-page .medintel-features__grid,
body.medintel-page .medintel-demo__grid,
body.medintel-page .medintel-use-cases__grid {
grid-template-columns: 1fr;
}
}