File: /var/www/html/wp-content/themes/thegem-elementor/css/ethnic-home-hero.css
body.page-id-1157 {
--ethnic-home-bg: #f5f9ff;
--ethnic-home-surface: #ffffff;
--ethnic-home-surface-soft: #f8fbff;
--ethnic-home-border: rgba(15, 23, 42, 0.08);
--ethnic-home-shadow: 0 24px 70px rgba(15, 23, 42, 0.08);
--ethnic-home-shadow-soft: 0 14px 40px rgba(15, 23, 42, 0.06);
--ethnic-home-text: #0f172a;
--ethnic-home-muted: #53657d;
--ethnic-home-blue: #2f6bff;
--ethnic-home-coral: #ff6b6b;
--ethnic-home-teal: #0ea5a4;
--ethnic-home-amber: #f59e0b;
background: var(--ethnic-home-bg);
color: var(--ethnic-home-text);
}
body.page-id-1157.ethnic-home-intro-lock {
overflow: hidden;
}
body.page-id-1157 #main,
body.page-id-1157 .block-content,
body.page-id-1157 .fullwidth-content {
background: transparent !important;
}
body.page-id-1157 #site-header,
body.page-id-1157 #site-header .header-wrapper,
body.page-id-1157 .site-header .header-background,
body.page-id-1157 .header-sticky-template,
body.page-id-1157 .header-sticky-template .header-wrapper,
body.page-id-1157 .header-sticky-template .header-background {
background: rgba(255, 255, 255, 0.96) !important;
backdrop-filter: blur(14px);
box-shadow: 0 1px 0 rgba(15, 23, 42, 0.08);
}
body.page-id-1157 .header-sticky-template.header-sticked .header-background:before {
display: none;
}
body.page-id-1157 #site-header .thegem-template-header .elementor-section,
body.page-id-1157 #site-header .thegem-template-header .elementor-section > .elementor-container,
body.page-id-1157 #site-header .thegem-template-header .elementor-column > .elementor-element-populated,
body.page-id-1157 .header-sticky-template .thegem-template-header .elementor-section,
body.page-id-1157 .header-sticky-template .thegem-template-header .elementor-section > .elementor-container,
body.page-id-1157 .header-sticky-template .thegem-template-header .elementor-column > .elementor-element-populated {
background: transparent !important;
}
body.page-id-1157 .thegem-template-header .thegem-te-menu > nav.desktop-view ul.nav-menu > li > a,
body.page-id-1157 .thegem-template-header .thegem-te-infobox .thegem-te-infobox-title,
body.page-id-1157 .thegem-template-header .thegem-te-infobox a,
body.page-id-1157 .thegem-template-header .thegem-te-menu .menu-toggle {
color: #18212c !important;
}
body.page-id-1157 .thegem-template-header .thegem-te-menu > nav.desktop-view ul.nav-menu > li.menu-item-active > a,
body.page-id-1157 .thegem-template-header .thegem-te-menu > nav.desktop-view ul.nav-menu > li.menu-item-current > a,
body.page-id-1157 .thegem-template-header .thegem-te-menu > nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a {
color: var(--ethnic-home-blue) !important;
}
body.page-id-1157 .thegem-template-header .menu-toggle .menu-line-1,
body.page-id-1157 .thegem-template-header .menu-toggle .menu-line-2,
body.page-id-1157 .thegem-template-header .menu-toggle .menu-line-3 {
background: #18212c !important;
}
body.page-id-1157.ethnic-home-intro-lock #site-header,
body.page-id-1157.ethnic-home-intro-lock .header-sticky-template {
position: absolute !important;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 40;
}
body.page-id-1157.ethnic-home-intro-lock #site-header,
body.page-id-1157.ethnic-home-intro-lock #site-header .header-wrapper,
body.page-id-1157.ethnic-home-intro-lock .site-header .header-background,
body.page-id-1157.ethnic-home-intro-lock .header-sticky-template,
body.page-id-1157.ethnic-home-intro-lock .header-sticky-template .header-wrapper,
body.page-id-1157.ethnic-home-intro-lock .header-sticky-template .header-background {
background: transparent !important;
backdrop-filter: none !important;
box-shadow: none !important;
}
body.page-id-1157.ethnic-home-intro-lock #site-header .header-background:before,
body.page-id-1157.ethnic-home-intro-lock .header-sticky-template .header-background:before {
display: none !important;
}
body.page-id-1157.ethnic-home-intro-lock .thegem-template-header .thegem-te-menu > nav.desktop-view ul.nav-menu > li > a,
body.page-id-1157.ethnic-home-intro-lock .thegem-template-header .thegem-te-infobox .thegem-te-infobox-title,
body.page-id-1157.ethnic-home-intro-lock .thegem-template-header .thegem-te-infobox a,
body.page-id-1157.ethnic-home-intro-lock .thegem-template-header .thegem-te-menu .menu-toggle {
color: rgba(241, 245, 249, 0.96) !important;
}
body.page-id-1157.ethnic-home-intro-lock .thegem-template-header .thegem-te-logo img {
filter: none !important;
}
body.page-id-1157.ethnic-home-intro-lock .thegem-template-header .thegem-te-menu > nav.desktop-view ul.nav-menu > li.menu-item-active > a,
body.page-id-1157.ethnic-home-intro-lock .thegem-template-header .thegem-te-menu > nav.desktop-view ul.nav-menu > li.menu-item-current > a,
body.page-id-1157.ethnic-home-intro-lock .thegem-template-header .thegem-te-menu > nav.desktop-view ul.nav-menu > li:not(.menu-item-active):not(.menu-item-current):hover > a {
color: #8ed4ff !important;
}
body.page-id-1157.ethnic-home-intro-lock .thegem-template-header .menu-toggle .menu-line-1,
body.page-id-1157.ethnic-home-intro-lock .thegem-template-header .menu-toggle .menu-line-2,
body.page-id-1157.ethnic-home-intro-lock .thegem-template-header .menu-toggle .menu-line-3 {
background: rgba(241, 245, 249, 0.96) !important;
}
.ethnic-homepage {
position: relative;
overflow: hidden;
background:
radial-gradient(circle at top right, rgba(47, 107, 255, 0.08), transparent 24%),
radial-gradient(circle at 10% 20%, rgba(255, 107, 107, 0.08), transparent 24%),
linear-gradient(180deg, #f8fbff 0%, #ffffff 20%, #f8fbff 100%);
}
.ethnic-homepage__section {
position: relative;
isolation: isolate;
padding: clamp(58px, 5vw, 50px) 0;
}
.ethnic-homepage__section--services,
.ethnic-homepage__section--technology,
.ethnic-homepage__section--industries,
.ethnic-homepage__section--cases,
.ethnic-homepage__section--why,
.ethnic-homepage__section--models,
.ethnic-homepage__section--insights,
.ethnic-homepage__section--feedback,
.ethnic-homepage__section--cta {
overflow: hidden;
}
.ethnic-homepage__section--services {
background: linear-gradient(180deg, rgba(247, 250, 255, 0.7), rgba(255, 255, 255, 0.98));
}
.ethnic-homepage__section--technology {
background: #edf3f8;
}
.ethnic-homepage__section--industries {
background:
radial-gradient(circle at 12% 16%, rgba(124, 58, 237, 0.07), transparent 26%),
radial-gradient(circle at 88% 10%, rgba(236, 72, 153, 0.07), transparent 24%),
linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 250, 255, 0.94));
}
.ethnic-homepage__section--industries .ethnic-homepage__shell {
max-width: none;
padding-left: 0;
padding-right: 0;
}
.ethnic-homepage__section--cases .ethnic-homepage__shell {
max-width: none;
}
.ethnic-homepage__section--cases {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 250, 255, 0.84));
overflow: visible;
padding-bottom: clamp(74px, 6vw, 92px);
}
.ethnic-homepage__section--why {
background:
radial-gradient(circle at top right, rgba(14, 165, 164, 0.06), transparent 26%),
linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 251, 255, 0.92));
}
.ethnic-homepage__section--models {
background: linear-gradient(180deg, rgba(243, 247, 255, 0.88), rgba(255, 255, 255, 0.96));
}
.ethnic-homepage__section--feedback {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 249, 255, 0.88));
}
.ethnic-homepage__section--cta {
background: linear-gradient(180deg, rgba(246, 250, 255, 0.88), rgba(255, 255, 255, 1));
}
.ethnic-homepage__section--services::before,
.ethnic-homepage__section--technology::before,
.ethnic-homepage__section--industries::before,
.ethnic-homepage__section--cases::before,
.ethnic-homepage__section--why::before,
.ethnic-homepage__section--models::before,
.ethnic-homepage__section--feedback::before {
content: "";
position: absolute;
pointer-events: none;
z-index: 0;
}
.ethnic-homepage__section--services::before {
top: 34px;
left: max(-40px, calc(50% - 760px));
width: min(26vw, 300px);
height: min(26vw, 300px);
background: url("/wp-content/uploads/2025/03/service-home.svg") no-repeat center / contain;
opacity: 0.08;
}
.ethnic-homepage__section--technology::before {
display: none;
}
.ethnic-homepage__section--industries::before {
top: 28px;
right: max(-28px, calc(50% - 760px));
width: min(24vw, 300px);
height: min(18vw, 220px);
border-radius: 48px;
background:
radial-gradient(circle at 50% 50%, rgba(124, 58, 237, 0.24), transparent 58%),
radial-gradient(circle at 62% 42%, rgba(236, 72, 153, 0.18), transparent 34%);
opacity: 0.42;
filter: blur(4px);
}
.ethnic-homepage__section--cases::before {
top: 34px;
right: max(-34px, calc(50% - 780px));
width: min(28vw, 320px);
height: min(20vw, 220px);
background: url("/wp-content/uploads/2026/03/19_home.jpg") no-repeat center / cover;
border-radius: 42px;
opacity: 0.18;
}
.ethnic-homepage__section--why::before {
top: 18px;
left: max(-30px, calc(50% - 760px));
width: min(28vw, 340px);
height: min(20vw, 220px);
background: url("/wp-content/uploads/2025/03/for-hero-1.svg") no-repeat center / contain;
opacity: 0.08;
}
.ethnic-homepage__section--models::before {
right: max(-18px, calc(50% - 760px));
bottom: 16px;
width: min(28vw, 330px);
height: min(20vw, 220px);
background: url("/wp-content/uploads/2025/03/for-hero-3.svg") no-repeat center / contain;
opacity: 0.08;
}
.ethnic-homepage__section--feedback::before {
top: 18px;
right: max(-20px, calc(50% - 760px));
width: min(28vw, 340px);
height: min(20vw, 220px);
background: url("/wp-content/uploads/2025/03/home-blocks.svg") no-repeat center / contain;
opacity: 0.08;
}
.ethnic-homepage__shell {
position: relative;
z-index: 1;
max-width: 1520px;
margin: 0 auto;
padding: 0 clamp(24px, 3vw, 40px);
}
.ethnic-homepage__section-heading {
max-width: 760px;
margin-bottom: clamp(20px, 2.6vw, 32px);
}
.ethnic-homepage__kicker,
.ethnic-homepage__form-kicker,
.ethnic-home-hero__intro-kicker {
display: inline-flex;
align-items: center;
gap: 10px;
margin: 0 0 16px;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #5f7695;
}
.ethnic-homepage__kicker::before,
.ethnic-homepage__form-kicker::before,
.ethnic-home-hero__intro-kicker::before {
content: "";
width: 36px;
height: 1px;
background: currentColor;
opacity: 0.45;
}
.ethnic-homepage__title,
.ethnic-home-hero__intro h1,
.ethnic-home-hero__intro h2 {
margin: 0;
font-size: clamp(34px, 4.4vw, 60px);
line-height: 1.02;
letter-spacing: -0.04em;
color: var(--ethnic-home-text);
}
.ethnic-homepage__description,
.ethnic-home-hero__intro p {
margin: 18px 0 0;
font-size: clamp(17px, 1.55vw, 20px);
line-height: 1.7;
color: var(--ethnic-home-muted);
}
.ethnic-homepage__button-row {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-top: 34px;
}
.ethnic-homepage__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 54px;
padding: 0 28px;
border: 1px solid transparent;
border-radius: 999px;
font-size: 16px;
font-weight: 700;
text-decoration: none;
transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
.ethnic-homepage__button--primary {
background: linear-gradient(135deg, var(--ethnic-home-blue), #6b7dff);
color: #ffffff;
box-shadow: 0 18px 40px rgba(47, 107, 255, 0.22);
}
.ethnic-homepage__button--secondary {
background: rgba(47, 107, 255, 0.06);
border-color: rgba(47, 107, 255, 0.18);
color: var(--ethnic-home-blue);
}
.ethnic-homepage__button:hover,
.ethnic-homepage__button:focus-visible {
transform: translateY(-2px);
}
.ethnic-home-hero {
position: relative;
overflow: hidden;
isolation: isolate;
border-bottom: 1px solid var(--ethnic-home-border);
background:
radial-gradient(circle at top right, rgba(47, 107, 255, 0.1), transparent 28%),
linear-gradient(180deg, #fcfdff 0%, #ffffff 48%, #f8fbff 100%);
}
.ethnic-hero-section {
position: relative;
overflow: hidden;
isolation: isolate;
}
.ethnic-home-hero__intro-overlay {
position: absolute;
inset: 0;
z-index: 3;
display: flex;
align-items: center;
background:
linear-gradient(108deg, rgba(3, 7, 16, 0.94) 0%, rgba(5, 12, 24, 0.88) 42%, rgba(8, 18, 33, 0.76) 66%, rgba(10, 20, 37, 0.88) 100%),
url("/wp-content/uploads/2026/03/alex-knight-2EJCSULRwC8-unsplash.jpg") no-repeat center / cover;
opacity: 1;
transform: translate3d(0, 0, 0);
filter: blur(0);
transition: opacity 760ms cubic-bezier(0.22, 1, 0.36, 1), transform 760ms cubic-bezier(0.22, 1, 0.36, 1), filter 760ms cubic-bezier(0.22, 1, 0.36, 1);
}
.ethnic-home-hero__intro-overlay::before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(circle at 82% 16%, rgba(46, 107, 255, 0.26), transparent 28%),
radial-gradient(circle at 8% 84%, rgba(14, 165, 164, 0.18), transparent 30%);
pointer-events: none;
}
.ethnic-home-hero__intro-overlay.is-hiding {
opacity: 0;
transform: translate3d(0, -28px, 0);
filter: blur(6px);
pointer-events: none;
}
.ethnic-home-hero__intro-overlay.is-hidden {
display: none;
}
.ethnic-home-hero__intro-overlay-inner {
position: relative;
z-index: 1;
width: 100%;
max-width: 1520px;
margin: 0 auto;
padding: clamp(104px, 11vw, 152px) clamp(24px, 3vw, 40px) clamp(52px, 7vw, 94px);
}
.ethnic-home-hero__intro-overlay-copy {
max-width: 860px;
}
.ethnic-home-hero__intro-overlay-kicker {
display: inline-flex;
align-items: center;
gap: 10px;
margin: 0 0 20px;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: rgba(226, 232, 240, 0.86);
}
.ethnic-home-hero__intro-overlay-kicker::before {
content: "";
width: 36px;
height: 1px;
background: currentColor;
opacity: 0.5;
}
.ethnic-home-hero__intro-overlay-copy h1 {
margin: 0;
max-width: 16ch;
font-size: clamp(42px, 6vw, 92px);
line-height: 0.94;
letter-spacing: -0.05em;
color: #ffffff;
}
.ethnic-home-hero__intro-overlay-copy h1 span {
color: #8ed4ff;
}
.ethnic-home-hero__intro-overlay-stat {
margin: 28px 0 0;
font-size: clamp(18px, 1.8vw, 26px);
line-height: 1.45;
font-weight: 600;
color: rgba(226, 232, 240, 0.92);
}
.ethnic-home-hero__intro-overlay-cta {
display: inline-flex;
align-items: center;
gap: 14px;
margin-top: 34px;
font-size: 18px;
font-weight: 700;
text-decoration: none;
color: #ffffff;
transition: color 220ms ease;
}
.ethnic-home-hero__intro-overlay-cta:hover,
.ethnic-home-hero__intro-overlay-cta:focus-visible {
color: #8ed4ff;
outline: none;
}
.ethnic-home-hero__intro-overlay-cta-icon {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
border: 2px solid currentColor;
border-radius: 999px;
transition: transform 220ms ease;
}
.ethnic-home-hero__intro-overlay-cta-icon::before {
content: "\2192";
font-size: 20px;
line-height: 1;
}
.ethnic-home-hero__intro-overlay-cta:hover .ethnic-home-hero__intro-overlay-cta-icon,
.ethnic-home-hero__intro-overlay-cta:focus-visible .ethnic-home-hero__intro-overlay-cta-icon {
transform: translateX(3px);
}
.ethnic-home-hero__intro-overlay-partners {
margin-top: clamp(28px, 4vw, 54px);
}
.ethnic-home-hero__intro-overlay-partners p {
margin: 0 0 14px;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.11em;
text-transform: uppercase;
color: rgba(191, 206, 224, 0.8);
}
.ethnic-home-hero__intro-overlay-partners ul {
display: flex;
flex-wrap: wrap;
gap: 12px;
padding: 0;
margin: 0;
list-style: none;
}
.ethnic-home-hero__intro-overlay-partners li {
display: inline-flex;
align-items: center;
min-height: 38px;
padding: 0 14px;
border-radius: 999px;
border: 1px solid rgba(148, 163, 184, 0.35);
background: rgba(15, 23, 42, 0.38);
backdrop-filter: blur(8px);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.03em;
color: rgba(226, 232, 240, 0.94);
}
.ethnic-home-hero__network {
position: absolute;
inset: -40px;
z-index: 0;
pointer-events: none;
opacity: 0.4;
will-change: transform;
animation: ethnicHeroNetworkImageFloat 14s ease-in-out infinite alternate;
}
.ethnic-home-hero.is-network-paused .ethnic-home-hero__network {
animation-play-state: paused;
}
.ethnic-home-hero__network img,
.ethnic-hero-bg-network-img {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
pointer-events: none;
}
.ethnic-home-hero > *:not(.ethnic-home-hero__network),
.ethnic-hero-section > *:not(.ethnic-home-hero__network) {
position: relative;
z-index: 1;
}
@keyframes ethnicHeroNetworkImageFloat {
0% {
transform: translate3d(0, 0, 0) scale(1);
}
50% {
transform: translate3d(-18px, 14px, 0) scale(1.012);
}
100% {
transform: translate3d(16px, -12px, 0) scale(1.018);
}
}
@media (prefers-reduced-motion: reduce) {
.ethnic-home-hero__network,
.ethnic-hero-bg-network-img {
animation: none;
transform: none;
}
}
.ethnic-home-hero__inner {
position: relative;
z-index: 1;
max-width: 1520px;
margin: 0 auto;
padding: clamp(50px, 14vw, 0px) clamp(24px, 3vw, 40px) 64px;
}
.ethnic-home-hero__intro {
max-width: 780px;
margin-bottom: clamp(40px, 5vw, 56px);
}
.ethnic-home-hero__stage {
position: relative;
min-height: 680px;
transition: height 0.45s ease;
}
.ethnic-home-hero__slide {
--hero-accent: var(--ethnic-home-coral);
--hero-soft: rgba(255, 107, 107, 0.12);
--hero-blob-start: #ffd1d1;
--hero-blob-end: #ff8282;
position: absolute;
inset: 0;
display: grid;
grid-template-columns: minmax(0, 1.03fr) minmax(380px, 0.97fr);
gap: clamp(32px, 5vw, 72px);
align-items: center;
opacity: 0;
pointer-events: none;
transform: translateY(20px);
transition: opacity 0.55s ease, transform 0.75s ease;
}
.ethnic-home-hero__slide.is-active {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}
.ethnic-home-hero__slide.theme-app {
--hero-accent: #ff6b6b;
--hero-soft: rgba(255, 107, 107, 0.12);
--hero-blob-start: #ffd4d4;
--hero-blob-end: #ff7f7f;
}
.ethnic-home-hero__slide.theme-commerce {
--hero-accent: #2f6bff;
--hero-soft: rgba(47, 107, 255, 0.12);
--hero-blob-start: #b9d1ff;
--hero-blob-end: #6c8fff;
}
.ethnic-home-hero__slide.theme-ai {
--hero-accent: #0ea5a4;
--hero-soft: rgba(14, 165, 164, 0.12);
--hero-blob-start: #aaf0e4;
--hero-blob-end: #40c9bc;
}
.ethnic-home-hero__slide.theme-devops {
--hero-accent: #f59e0b;
--hero-soft: rgba(245, 158, 11, 0.12);
--hero-blob-start: #ffe29f;
--hero-blob-end: #ffb648;
}
.ethnic-home-hero__slide.theme-game {
--hero-accent: #8b5cf6;
--hero-soft: rgba(139, 92, 246, 0.11);
--hero-blob-start: #dec4ff;
--hero-blob-end: #b07dff;
}
.ethnic-home-hero__slide.theme-blockchain {
--hero-accent: #f97316;
--hero-soft: rgba(249, 115, 22, 0.12);
--hero-blob-start: #ffd0aa;
--hero-blob-end: #ff9754;
}
.ethnic-home-hero__copy {
max-width: 630px;
min-width: 0;
}
.ethnic-home-hero__eyebrow {
margin: 0 0 16px;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #64748b;
}
.ethnic-home-hero__title {
margin: 0;
font-size: clamp(40px, 5vw, 74px);
line-height: 0.98;
letter-spacing: -0.04em;
color: var(--ethnic-home-text);
}
.ethnic-home-hero__title span {
display: block;
color: var(--hero-accent);
}
.ethnic-home-hero__lead {
display: flex;
align-items: center;
gap: 18px;
max-width: 560px;
margin: 28px 0 0;
}
.ethnic-home-hero__lead strong {
flex: 0 0 auto;
font-size: clamp(38px, 5vw, 54px);
line-height: 1;
font-weight: 700;
letter-spacing: -0.04em;
color: var(--hero-accent);
}
.ethnic-home-hero__lead-line {
flex: 0 0 1px;
align-self: stretch;
background: rgba(148, 163, 184, 0.45);
}
.ethnic-home-hero__lead p {
margin: 0;
min-width: 0;
font-size: clamp(17px, 1.6vw, 20px);
line-height: 1.65;
color: #334155;
}
.ethnic-home-hero__cta {
display: inline-flex;
align-items: center;
gap: 14px;
margin-top: 34px;
font-size: 17px;
font-weight: 700;
text-decoration: none;
color: var(--ethnic-home-text);
}
.ethnic-home-hero__cta:hover,
.ethnic-home-hero__cta:focus-visible {
color: var(--hero-accent);
}
.ethnic-home-hero__cta-icon {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 54px;
height: 54px;
border: 2px solid currentColor;
border-radius: 999px;
transition: transform 0.25s ease, background-color 0.25s ease, color 0.25s ease;
}
.ethnic-home-hero__cta-icon::before {
content: "\2192";
font-size: 22px;
line-height: 1;
}
.ethnic-home-hero__cta:hover .ethnic-home-hero__cta-icon,
.ethnic-home-hero__cta:focus-visible .ethnic-home-hero__cta-icon {
transform: translateX(4px);
}
.ethnic-home-hero__stack {
margin-top: 40px;
}
.ethnic-home-hero__stack p {
margin: 0 0 14px;
font-size: 17px;
font-weight: 700;
color: var(--ethnic-home-text);
}
.ethnic-home-hero__stack ul {
display: flex;
flex-wrap: wrap;
gap: 12px;
padding: 0;
margin: 0;
list-style: none;
}
.ethnic-home-hero__stack li {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
padding: 0 16px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.9);
border: 1px solid rgba(148, 163, 184, 0.2);
box-shadow: 0 10px 24px rgba(148, 163, 184, 0.14);
font-size: 14px;
font-weight: 600;
color: #1e293b;
}
.ethnic-home-hero__visual {
position: relative;
min-height: 560px;
}
.ethnic-home-hero__blob {
position: absolute;
inset: 20px 0 48px 56px;
border-radius: 44px 140px 54px 140px;
background: linear-gradient(135deg, var(--hero-blob-start), var(--hero-blob-end));
opacity: 0.94;
filter: drop-shadow(0 36px 58px rgba(15, 23, 42, 0.15));
}
.ethnic-home-hero__mockup {
position: relative;
width: min(100%, 560px);
margin: 72px auto 0;
border-radius: 26px;
border: 12px solid rgba(255, 255, 255, 0.96);
background: rgba(255, 255, 255, 0.94);
box-shadow: 0 24px 50px rgba(15, 23, 42, 0.16);
overflow: hidden;
}
.ethnic-home-hero__mockup-bar {
display: flex;
gap: 8px;
padding: 16px 18px;
background: rgba(16, 24, 40, 0.88);
}
.ethnic-home-hero__mockup-bar span {
width: 10px;
height: 10px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.88);
}
.ethnic-home-hero__mockup-body {
display: grid;
grid-template-columns: 110px minmax(0, 1fr);
min-height: 320px;
}
.ethnic-home-hero__mockup-sidebar {
display: flex;
flex-direction: column;
gap: 14px;
padding: 28px 18px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(246, 250, 255, 0.92));
border-right: 1px solid rgba(148, 163, 184, 0.18);
}
.ethnic-home-hero__mockup-sidebar span {
display: block;
height: 14px;
border-radius: 999px;
background: rgba(100, 116, 139, 0.2);
}
.ethnic-home-hero__mockup-sidebar span:nth-child(1) {
width: 44px;
height: 44px;
border-radius: 50%;
background: var(--hero-soft);
}
.ethnic-home-hero__mockup-sidebar span:nth-child(2) {
width: 78px;
}
.ethnic-home-hero__mockup-sidebar span:nth-child(3) {
width: 62px;
}
.ethnic-home-hero__mockup-sidebar span:nth-child(4) {
width: 90px;
}
.ethnic-home-hero__mockup-panel {
padding: 28px 28px 32px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 251, 255, 0.94));
}
.ethnic-home-hero__visual-label {
display: inline-flex;
align-items: center;
min-height: 32px;
padding: 0 14px;
border-radius: 999px;
background: var(--hero-soft);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--hero-accent);
}
.ethnic-home-hero__mockup-panel h3 {
margin: 16px 0 22px;
font-size: 26px;
line-height: 1.1;
letter-spacing: -0.03em;
color: var(--ethnic-home-text);
}
.ethnic-home-hero__card-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.ethnic-home-hero__card-item {
display: flex;
align-items: center;
min-height: 76px;
padding: 18px 16px;
border-radius: 20px;
background: #ffffff;
border: 1px solid rgba(148, 163, 184, 0.18);
box-shadow: 0 14px 28px rgba(148, 163, 184, 0.14);
font-size: 14px;
font-weight: 700;
line-height: 1.45;
color: #1e293b;
}
.ethnic-home-hero__float {
position: absolute;
display: inline-flex;
align-items: center;
min-height: 46px;
padding: 0 18px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.94);
box-shadow: 0 18px 32px rgba(15, 23, 42, 0.12);
font-size: 13px;
font-weight: 700;
color: #1e293b;
}
.ethnic-home-hero__float--top {
top: 26px;
right: 18px;
}
.ethnic-home-hero__float--bottom {
left: 16px;
bottom: 12px;
}
.ethnic-home-hero__nav {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 18px 24px;
padding-top: 24px;
}
.ethnic-home-hero__counter {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 15px;
font-weight: 700;
color: #5f7695;
}
.ethnic-home-hero__counter [data-hero-current] {
color: var(--ethnic-home-text);
}
.ethnic-home-hero__dots,
.ethnic-home-hero__arrows {
display: inline-flex;
align-items: center;
gap: 10px;
}
.ethnic-home-hero__dot,
.ethnic-home-hero__arrow {
border: 0;
background: none;
padding: 0;
cursor: pointer;
transition: transform 0.25s ease, opacity 0.25s ease, background-color 0.25s ease, color 0.25s ease;
}
.ethnic-home-hero__dot {
width: 11px;
height: 11px;
border-radius: 50%;
background: rgba(148, 163, 184, 0.42);
}
.ethnic-home-hero__dot.is-active {
background: var(--ethnic-home-blue);
transform: scale(1.15);
}
.ethnic-home-hero__arrow {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.92);
box-shadow: 0 12px 24px rgba(148, 163, 184, 0.16);
color: var(--ethnic-home-text);
font-size: 20px;
}
.ethnic-home-hero__dot:hover,
.ethnic-home-hero__dot:focus-visible,
.ethnic-home-hero__arrow:hover,
.ethnic-home-hero__arrow:focus-visible {
transform: translateY(-2px);
}
.ethnic-homepage__trust-layout,
.ethnic-homepage__services-layout,
.ethnic-homepage__technology-layout,
.ethnic-homepage__industry-layout,
.ethnic-homepage__models-layout,
.ethnic-homepage__feedback-layout {
display: grid;
gap: clamp(24px, 3vw, 36px);
align-items: start;
}
.ethnic-homepage__trust-layout {
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}
.ethnic-homepage__services-layout,
.ethnic-homepage__technology-layout,
.ethnic-homepage__industry-layout,
.ethnic-homepage__models-layout {
grid-template-columns: minmax(320px, 0.76fr) minmax(0, 1.24fr);
}
.ethnic-homepage__feedback-layout {
grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr);
}
.ethnic-homepage__section--cases {
padding: 0;
}
.ethnic-homepage__section-visual,
.ethnic-homepage__industry-visual,
.ethnic-homepage__case-media {
position: relative;
overflow: hidden;
border: 1px solid rgba(148, 163, 184, 0.16);
border-radius: 26px;
background: #eef4ff;
box-shadow: 0 18px 36px rgba(15, 23, 42, 0.08);
}
.ethnic-homepage__section-visual::after,
.ethnic-homepage__industry-visual::after,
.ethnic-homepage__case-media::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.52));
pointer-events: none;
}
.ethnic-homepage__section-visual {
min-height: 272px;
margin-top: 28px;
}
.ethnic-homepage__section-visual--models {
min-height: 294px;
background:
radial-gradient(circle at top left, rgba(47, 107, 255, 0.08), transparent 34%),
#eef4ff;
}
.ethnic-homepage__section-visual-photo,
.ethnic-homepage__industry-visual-photo,
.ethnic-homepage__case-media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.ethnic-homepage__section-visual--services .ethnic-homepage__section-visual-photo,
.ethnic-homepage__industry-visual-photo,
.ethnic-homepage__case-media img {
filter: saturate(0.92) brightness(1.03);
}
.ethnic-homepage__section-visual--technology .ethnic-homepage__section-visual-photo {
filter: brightness(1.18) saturate(0.82);
}
.ethnic-homepage__section-visual--models .ethnic-homepage__section-visual-photo {
filter: saturate(0.92) brightness(1.05);
}
.ethnic-homepage__section-visual-shape,
.ethnic-homepage__industry-visual-shape,
.ethnic-homepage__case-media-shape {
position: absolute;
pointer-events: none;
}
.ethnic-homepage__section-visual-shape--service {
left: 0;
right: 0;
bottom: -1px;
width: 100%;
opacity: 0.14;
}
.ethnic-homepage__section-visual-shape--curve {
top: 10px;
right: -40px;
width: 92%;
opacity: 0.16;
mix-blend-mode: screen;
}
.ethnic-homepage__section-visual-shape--blocks {
top: 16px;
right: 16px;
width: 128px;
opacity: 0.16;
}
.ethnic-homepage__section-visual-badge,
.ethnic-homepage__industry-visual-note,
.ethnic-homepage__technology-visual-pills span {
display: inline-flex;
align-items: center;
min-height: 40px;
padding: 0 15px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.88);
border: 1px solid rgba(255, 255, 255, 0.9);
box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12);
font-size: 13px;
font-weight: 700;
line-height: 1.2;
color: #24344b;
}
.ethnic-homepage__section-visual-badge {
position: absolute;
left: 18px;
bottom: 18px;
max-width: calc(100% - 36px);
}
.ethnic-homepage__technology-visual-pills {
position: absolute;
left: 18px;
right: 18px;
bottom: 18px;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.ethnic-homepage__section-heading--compact {
max-width: 460px;
margin-bottom: 0;
padding: 30px;
overflow: hidden;
border: 1px solid var(--ethnic-home-border);
border-radius: 32px;
background:
radial-gradient(circle at top left, rgba(47, 107, 255, 0.08), transparent 34%),
radial-gradient(circle at bottom right, rgba(255, 107, 107, 0.08), transparent 38%),
#ffffff;
box-shadow: var(--ethnic-home-shadow);
}
.ethnic-homepage__trust-note,
.ethnic-homepage__technology-copy,
.ethnic-homepage__models-copy,
.ethnic-homepage__feedback-spotlight,
.ethnic-homepage__metric-card,
.ethnic-homepage__service-card,
.ethnic-homepage__technology-lane,
.ethnic-homepage__industry-row,
.ethnic-homepage__case-feature,
.ethnic-homepage__why-step,
.ethnic-homepage__model-card,
.ethnic-homepage__feedback-note {
position: relative;
border: 1px solid var(--ethnic-home-border);
border-radius: 30px;
background: rgba(255, 255, 255, 0.92);
box-shadow: var(--ethnic-home-shadow-soft);
}
.ethnic-homepage__trust-note::before,
.ethnic-homepage__technology-copy::before,
.ethnic-homepage__models-copy::before,
.ethnic-homepage__feedback-spotlight::before,
.ethnic-homepage__metric-card::before,
.ethnic-homepage__service-card::before,
.ethnic-homepage__technology-lane::before,
.ethnic-homepage__industry-row::before,
.ethnic-homepage__case-feature::before,
.ethnic-homepage__why-step::before,
.ethnic-homepage__model-card::before,
.ethnic-homepage__feedback-note::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.25), transparent 48%);
pointer-events: none;
}
.ethnic-homepage__trust-copy .ethnic-homepage__section-heading,
.ethnic-homepage__industry-copy .ethnic-homepage__section-heading,
.ethnic-homepage__case-intro .ethnic-homepage__section-heading {
margin-bottom: 0;
}
.ethnic-homepage__trust-note,
.ethnic-homepage__technology-copy,
.ethnic-homepage__models-copy {
padding: 30px;
}
.ethnic-homepage__trust-note {
margin-top: 24px;
background:
radial-gradient(circle at top right, rgba(47, 107, 255, 0.08), transparent 40%),
#ffffff;
}
.ethnic-homepage__trust-note-label,
.ethnic-homepage__technology-lane-group,
.ethnic-homepage__case-sector,
.ethnic-homepage__case-feature-label,
.ethnic-homepage__model-pill {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 0 14px;
border-radius: 999px;
background: rgba(47, 107, 255, 0.07);
border: 1px solid rgba(47, 107, 255, 0.14);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #68809f;
}
.ethnic-homepage__trust-note p,
.ethnic-homepage__technology-copy p,
.ethnic-homepage__models-copy p,
.ethnic-homepage__feedback-copy p,
.ethnic-homepage__metric-card p,
.ethnic-homepage__service-card p,
.ethnic-homepage__industry-row p,
.ethnic-homepage__case-feature p,
.ethnic-homepage__why-step p,
.ethnic-homepage__model-card p,
.ethnic-homepage__feedback-note p {
margin: 14px 0 0;
font-size: 16px;
line-height: 1.7;
color: var(--ethnic-home-muted);
}
.ethnic-homepage__metric-card h3,
.ethnic-homepage__service-card h3,
.ethnic-homepage__industry-row h3,
.ethnic-homepage__case-feature h3,
.ethnic-homepage__why-step h3,
.ethnic-homepage__model-card h3,
.ethnic-homepage__feedback-note h3,
.ethnic-homepage__form-header h3 {
margin: 0;
font-size: 24px;
line-height: 1.18;
letter-spacing: -0.03em;
color: var(--ethnic-home-text);
}
.ethnic-homepage__trust-mosaic {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 18px;
}
.ethnic-homepage__metric-card {
padding: 26px;
}
.ethnic-homepage__metric-card--tile {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
grid-column: span 2;
min-height: 230px;
}
.ethnic-homepage__metric-card--wide {
display: grid;
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
grid-column: 1 / -1;
align-items: center;
gap: 20px;
background:
radial-gradient(circle at top left, rgba(47, 107, 255, 0.1), transparent 34%),
linear-gradient(135deg, #ffffff, #f7fbff);
}
.ethnic-homepage__metric-index {
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
border-radius: 16px;
margin-bottom: 0;
background: rgba(15, 23, 42, 0.04);
font-size: 13px;
font-weight: 800;
color: #64748b;
}
.ethnic-homepage__metric-value {
display: block;
width: 100%;
margin-bottom: 0;
font-size: clamp(38px, 4vw, 54px);
font-weight: 800;
line-height: 0.94;
letter-spacing: -0.05em;
color: var(--ethnic-home-text);
}
.ethnic-homepage__metric-value.is-static > span {
display: block;
}
.ethnic-homepage__metric-value--text {
margin-bottom: 0;
font-size: clamp(26px, 2.5vw, 34px);
letter-spacing: -0.04em;
}
.ethnic-homepage__metric-card--tile h3 {
font-size: clamp(22px, 2.1vw, 28px);
line-height: 1.05;
}
.ethnic-homepage__metric-card--tile p {
margin-top: 0;
}
.ethnic-homepage__tag-list {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.ethnic-homepage__tag-list span,
.ethnic-homepage__industry-signals span {
display: inline-flex;
align-items: center;
min-height: 40px;
padding: 0 15px;
border-radius: 999px;
background: rgba(47, 107, 255, 0.06);
border: 1px solid rgba(47, 107, 255, 0.14);
font-size: 13px;
font-weight: 700;
color: var(--ethnic-home-blue);
}
.ethnic-homepage__logo-band {
display: grid;
gap: 18px;
margin-top: 0;
}
.ethnic-homepage__logo-label {
display: block;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #68809f;
}
.ethnic-homepage__logo-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 16px 20px;
align-items: center;
}
.ethnic-homepage__logo-item {
display: flex;
align-items: center;
justify-content: center;
min-height: 84px;
padding: 10px 16px;
border-radius: 18px;
background: transparent;
border: 0;
text-decoration: none;
transition: transform 180ms ease, box-shadow 180ms ease;
}
.ethnic-homepage__logo-item:hover {
transform: translateY(-2px);
background: transparent;
}
.ethnic-homepage__logo-item:focus-visible {
transform: translateY(-2px);
background: transparent;
box-shadow: inset 0 0 0 1px rgba(47, 107, 255, 0.18);
}
.ethnic-homepage__logo-item img {
max-width: 100%;
max-height: 44px;
width: auto;
object-fit: contain;
opacity: 0.76;
filter: grayscale(1);
transition: opacity 180ms ease, filter 180ms ease;
}
.ethnic-homepage__logo-item:hover img,
.ethnic-homepage__logo-item:focus-visible img {
opacity: 1;
filter: none;
}
.ethnic-homepage__client-showcase {
display: grid;
gap: 18px;
}
.ethnic-homepage__client-heading {
max-width: 860px;
}
.ethnic-homepage__client-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
.ethnic-homepage__client-card {
display: grid;
gap: 16px;
min-height: 100%;
padding: 24px;
border-radius: 28px;
border: 1px solid var(--ethnic-home-border);
background:
radial-gradient(circle at top right, color-mix(in srgb, var(--client-accent) 10%, #ffffff), transparent 34%),
#ffffff;
box-shadow: var(--ethnic-home-shadow-soft);
text-decoration: none;
color: inherit;
transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}
.ethnic-homepage__client-card:hover,
.ethnic-homepage__client-card:focus-visible {
transform: translateY(-4px);
border-color: color-mix(in srgb, var(--client-accent) 28%, rgba(148, 163, 184, 0.22));
box-shadow: 0 24px 52px rgba(15, 23, 42, 0.12);
}
.ethnic-homepage__client-logo-shell {
display: flex;
align-items: center;
justify-content: center;
min-height: 96px;
padding: 18px;
border-radius: 22px;
border: 1px solid rgba(148, 163, 184, 0.16);
background: rgba(247, 250, 255, 0.88);
}
.ethnic-homepage__client-logo {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 48px;
margin: 0;
text-align: center;
font-size: clamp(24px, 2.2vw, 30px);
line-height: 1.02;
letter-spacing: -0.04em;
font-weight: 800;
color: #8591a3;
transition: color 180ms ease;
}
.ethnic-homepage__client-card:hover .ethnic-homepage__client-logo,
.ethnic-homepage__client-card:focus-visible .ethnic-homepage__client-logo {
color: var(--client-accent);
}
.ethnic-homepage__client-country {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.02em;
color: #5f7695;
}
.ethnic-homepage__client-flag {
font-size: 16px;
line-height: 1;
}
.ethnic-homepage__client-summary {
margin: 0;
font-size: 15px;
line-height: 1.7;
color: var(--ethnic-home-muted);
}
.ethnic-homepage__client-stack {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: auto;
}
.ethnic-homepage__client-stack span {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 0 12px;
border-radius: 999px;
border: 1px solid color-mix(in srgb, var(--client-accent) 18%, rgba(148, 163, 184, 0.16));
background: color-mix(in srgb, var(--client-accent) 7%, #ffffff);
font-size: 12px;
font-weight: 700;
color: color-mix(in srgb, var(--client-accent) 86%, #1f2937);
}
.ethnic-homepage__client-footer {
display: flex;
justify-content: flex-start;
}
.ethnic-homepage__client-footer-link {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 15px;
font-weight: 800;
letter-spacing: -0.01em;
text-decoration: none;
color: var(--ethnic-home-text);
transition: color 180ms ease, transform 180ms ease;
}
.ethnic-homepage__client-footer-link:hover,
.ethnic-homepage__client-footer-link:focus-visible {
color: var(--ethnic-home-blue);
transform: translateX(2px);
}
.ethnic-homepage__services-layout {
grid-template-columns: minmax(0, 1fr);
}
.ethnic-homepage__services-experience {
display: grid;
gap: clamp(26px, 3vw, 34px);
}
.ethnic-homepage__service-grid,
.ethnic-homepage__service-panel-shell {
min-width: 0;
}
.ethnic-homepage__service-grid {
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(220px, 1fr);
gap: 24px;
align-items: start;
overflow-x: auto;
overscroll-behavior-inline: contain;
scroll-snap-type: x proximity;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
touch-action: pan-y;
padding-bottom: 4px;
}
.ethnic-homepage__service-grid::-webkit-scrollbar {
display: none;
}
.ethnic-homepage__service-tile-copy {
display: grid;
gap: 10px;
max-width: none;
}
.ethnic-homepage__service-selector-row {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: 28px;
align-items: end;
}
.ethnic-homepage__service-nav-controls {
display: flex;
align-items: center;
gap: 12px;
}
.ethnic-homepage__service-nav-button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border: 1px solid rgba(148, 163, 184, 0.28);
border-radius: 50%;
background: #ffffff;
box-shadow: 0 10px 22px rgba(15, 23, 42, 0.05);
font-size: 24px;
line-height: 1;
color: var(--ethnic-home-text);
transition: transform 180ms ease, color 180ms ease, border-color 180ms ease;
}
.ethnic-homepage__service-nav-button:hover,
.ethnic-homepage__service-nav-button:focus-visible {
transform: translateX(2px);
color: var(--ethnic-home-blue);
border-color: rgba(47, 107, 255, 0.24);
outline: 0;
}
.ethnic-homepage__service-panel-shell {
display: grid;
}
.ethnic-homepage__service-panel-shell [data-service-panel][hidden],
.ethnic-homepage__service-panel-shell .ethnic-homepage__service-detail:not(.is-active) {
display: none !important;
}
.ethnic-homepage__service-detail {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(340px, 0.84fr);
gap: clamp(30px, 4vw, 56px);
align-items: center;
padding: 0 0 38px;
border-bottom: 1px solid rgba(148, 163, 184, 0.2);
}
.ethnic-homepage__service-detail-copy-shell {
display: grid;
align-content: start;
gap: 18px;
max-width: 38rem;
}
.ethnic-homepage__service-detail-topline {
display: flex;
align-items: center;
gap: 18px;
flex-wrap: wrap;
}
.ethnic-homepage__service-detail-topline .ethnic-homepage__kicker {
margin: 0;
}
.ethnic-homepage__service-detail-count {
display: inline-flex;
align-items: center;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #6b7f99;
}
.ethnic-homepage__service-detail-label {
display: inline-flex;
align-items: center;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.02em;
color: color-mix(in srgb, var(--service-accent) 74%, #1f2937 26%);
}
.ethnic-homepage__service-detail .ethnic-homepage__title {
margin: 0;
font-size: clamp(42px, 4.1vw, 62px);
line-height: 0.96;
letter-spacing: -0.05em;
}
.ethnic-homepage__service-detail .ethnic-homepage__description {
margin: 0;
max-width: 33ch;
font-size: 18px;
line-height: 1.72;
color: #44576e;
}
.ethnic-homepage__service-detail-visual {
position: relative;
aspect-ratio: 1.26 / 0.78;
border-radius: 34px;
overflow: hidden;
background: linear-gradient(180deg, rgba(235, 242, 255, 0.88), rgba(242, 247, 255, 0.92));
box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}
.ethnic-homepage__service-detail-visual img {
width: 100%;
height: 100%;
object-fit: cover;
}
.ethnic-homepage__service-detail-cta {
display: inline-flex;
align-items: center;
justify-content: center;
align-self: flex-start;
min-height: 56px;
margin-top: 10px;
padding: 0 34px;
border-radius: 999px;
background: transparent;
border: 2px solid color-mix(in srgb, var(--service-accent) 82%, #ffffff 18%);
font-size: 18px;
font-weight: 700;
text-decoration: none;
color: color-mix(in srgb, var(--service-accent) 82%, #18212c 18%);
transition: transform 180ms ease, background-color 180ms ease, color 180ms ease;
}
.ethnic-homepage__service-detail-cta::after {
display: none;
}
.ethnic-homepage__service-detail-cta:hover,
.ethnic-homepage__service-detail-cta:focus-visible {
transform: translateY(-1px);
background: color-mix(in srgb, var(--service-accent) 8%, #ffffff 92%);
outline: 0;
}
.ethnic-homepage__service-tile {
position: relative;
display: block;
min-height: 0;
padding: 18px 0 0;
border: 0;
border-top: 1px solid rgba(148, 163, 184, 0.24);
border-radius: 0;
background: transparent;
box-shadow: none;
cursor: pointer;
text-align: left;
appearance: none;
font: inherit;
color: #6b7f99;
scroll-snap-align: start;
transition: color 180ms ease, border-color 180ms ease, transform 180ms ease;
}
.ethnic-homepage__service-tile::before,
.ethnic-homepage__service-tile::after,
.ethnic-homepage__service-tile-media,
.ethnic-homepage__service-tile-badge,
.ethnic-homepage__service-tile-arrow,
.ethnic-homepage__service-tile-eyebrow,
.ethnic-homepage__service-detail-badge,
.ethnic-homepage__service-detail-rule,
.ethnic-homepage__service-detail-list,
.ethnic-homepage__service-detail-meta {
display: none !important;
}
.ethnic-homepage__service-tile-copy strong {
display: block;
font-size: clamp(17px, 1.35vw, 22px);
line-height: 1.15;
letter-spacing: -0.03em;
color: currentColor;
}
.ethnic-homepage__service-tile-summary {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-size: 14px;
line-height: 1.5;
color: #7a8ca3;
}
.ethnic-homepage__service-tile:hover,
.ethnic-homepage__service-tile:focus-visible,
.ethnic-homepage__service-tile.is-active {
transform: translateY(-1px);
border-top-color: color-mix(in srgb, var(--service-accent) 70%, #dbe4f0 30%);
color: #111827;
outline: 0;
}
.ethnic-homepage__case-feature ul,
.ethnic-homepage__why-step ul,
.ethnic-homepage__model-card ul {
padding: 0;
margin: 18px 0 0;
list-style: none;
}
.ethnic-homepage__case-feature li,
.ethnic-homepage__why-step li,
.ethnic-homepage__model-card li {
position: relative;
padding-left: 18px;
font-size: 15px;
line-height: 1.65;
color: #334155;
}
.ethnic-homepage__case-feature li + li,
.ethnic-homepage__why-step li + li,
.ethnic-homepage__model-card li + li {
margin-top: 10px;
}
.ethnic-homepage__case-feature li::before,
.ethnic-homepage__why-step li::before,
.ethnic-homepage__model-card li::before {
content: "";
position: absolute;
top: 10px;
left: 0;
width: 7px;
height: 7px;
border-radius: 50%;
background: currentColor;
opacity: 0.45;
}
.ethnic-homepage__case-feature a {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 22px;
font-size: 15px;
font-weight: 700;
text-decoration: none;
color: var(--service-accent, var(--case-accent, var(--ethnic-home-blue)));
}
.ethnic-homepage__case-feature a::after {
content: "\2192";
}
.ethnic-homepage__technology-stack {
position: relative;
/* padding: clamp(44px, 5vw, 64px) clamp(28px, 4vw, 44px); */
border: 0;
background: transparent;
box-shadow: none;
overflow: visible;
}
.ethnic-homepage__technology-stack::before {
display: none;
}
.ethnic-homepage__technology-heading {
position: relative;
z-index: 1;
max-width: 760px;
margin: 0 auto 42px;
text-align: center;
}
.ethnic-homepage__technology-heading .ethnic-homepage__description {
max-width: 60ch;
margin-left: auto;
margin-right: auto;
}
.ethnic-homepage__technology-capability-grid {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 42px 54px;
}
.ethnic-homepage__technology-capability {
display: grid;
align-content: start;
gap: 14px;
min-height: 0;
padding: 0;
border: 0;
background: transparent;
box-shadow: none;
transition: transform 180ms ease;
}
.ethnic-homepage__technology-capability::before {
display: none;
}
.ethnic-homepage__technology-capability:hover,
.ethnic-homepage__technology-capability:focus-within {
transform: translateY(-2px);
}
.ethnic-homepage__technology-capability-head {
display: grid;
grid-template-columns: auto auto minmax(0, 1fr);
align-items: start;
column-gap: 10px;
row-gap: 8px;
}
.ethnic-homepage__technology-capability-index {
display: inline-flex;
align-items: center;
justify-content: flex-start;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.16em;
text-transform: uppercase;
color: color-mix(in srgb, var(--technology-accent) 70%, #35516f 30%);
}
.ethnic-homepage__technology-capability-rule {
align-self: center;
width: 40px;
height: 1px;
background: rgba(53, 81, 111, 0.34);
}
.ethnic-homepage__technology-capability-head h3,
.ethnic-homepage__technology-capability h3 {
margin: 0;
font-size: clamp(24px, 1.8vw, 32px);
line-height: 1.08;
letter-spacing: -0.03em;
color: var(--ethnic-home-text);
}
.ethnic-homepage__technology-capability p {
margin: 0;
font-size: 16px;
line-height: 1.7;
color: var(--ethnic-home-muted);
}
.ethnic-homepage__technology-capability-meta {
padding-top: 4px;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.03em;
text-transform: uppercase;
color: #70849c;
}
@media (max-width: 1280px) {
.ethnic-homepage__technology-capability-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 991px) {
.ethnic-homepage__technology-stack {
padding: 34px 28px;
}
.ethnic-homepage__technology-capability-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 34px 28px;
}
}
@media (max-width: 767px) {
.ethnic-homepage__technology-stack {
padding: 28px 20px;
}
.ethnic-homepage__technology-heading {
margin-bottom: 20px;
}
.ethnic-homepage__technology-capability-grid {
grid-template-columns: minmax(0, 1fr);
gap: 28px;
}
.ethnic-homepage__technology-capability {
gap: 12px;
}
.ethnic-homepage__technology-capability h3 {
font-size: 24px;
}
.ethnic-homepage__technology-capability-head {
grid-template-columns: auto auto minmax(0, 1fr);
column-gap: 8px;
}
}
.ethnic-homepage__industry-slider {
position: relative;
padding: clamp(26px, 2.8vw, 36px);
border: 1px solid var(--ethnic-home-border);
border-radius: 34px;
background:
radial-gradient(circle at top right, rgba(124, 58, 237, 0.05), transparent 28%),
radial-gradient(circle at top left, rgba(236, 72, 153, 0.05), transparent 24%),
linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.96));
box-shadow: var(--ethnic-home-shadow-soft);
overflow: hidden;
}
.ethnic-homepage__industry-slider::after {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(circle at 8% 10%, rgba(124, 58, 237, 0.08), transparent 24%),
radial-gradient(circle at 94% 12%, rgba(236, 72, 153, 0.08), transparent 22%);
pointer-events: none;
}
.ethnic-homepage__industry-slider > * {
position: relative;
z-index: 1;
}
.ethnic-homepage__industry-slider-head {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 24px;
margin-bottom: 26px;
}
.ethnic-homepage__industry-heading {
max-width: 860px;
margin-bottom: 0;
}
.ethnic-homepage__industry-heading .ethnic-homepage__description {
max-width: 72ch;
}
.ethnic-homepage__industry-cta {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0 18px;
border-radius: 999px;
border: 1px solid rgba(47, 107, 255, 0.16);
background: rgba(255, 255, 255, 0.9);
box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
font-size: 13px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
white-space: nowrap;
color: var(--ethnic-home-text);
transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, color 180ms ease, background-color 180ms ease;
}
.ethnic-homepage__industry-cta:hover,
.ethnic-homepage__industry-cta:focus-visible {
transform: translateY(-2px);
border-color: rgba(47, 107, 255, 0.28);
background: #ffffff;
color: var(--ethnic-home-blue);
box-shadow: 0 18px 34px rgba(15, 23, 42, 0.08);
outline: none;
}
.ethnic-homepage__industry-slider-frame {
position: relative;
overflow: hidden;
}
.ethnic-homepage__industry-slider-track {
display: flex;
gap: 18px;
padding: 4px 2px 8px;
transform: translate3d(0, 0, 0);
transition: transform 360ms cubic-bezier(0.22, 1, 0.36, 1);
will-change: transform;
}
.ethnic-homepage__industry-slider-track.is-instant {
transition: none !important;
}
.ethnic-homepage__industry-slider-track:focus-visible {
outline: 2px solid rgba(47, 107, 255, 0.22);
outline-offset: 6px;
border-radius: 30px;
}
.ethnic-homepage__industry-card {
position: relative;
flex: 0 0 calc((100% - 54px) / 4);
min-height: 620px;
overflow: hidden;
border-radius: 30px;
background:
linear-gradient(180deg, rgba(10, 14, 24, 0.08), rgba(10, 14, 24, 0.18)),
linear-gradient(135deg, rgba(124, 58, 237, 0.22), rgba(236, 72, 153, 0.14)),
var(--industry-image);
background-position: var(--industry-position, center center);
background-size: cover;
box-shadow: 0 20px 46px rgba(15, 23, 42, 0.12);
transition: transform 220ms ease, box-shadow 220ms ease, filter 220ms ease;
}
.ethnic-homepage__industry-card::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(10, 14, 24, 0.12) 0%, rgba(10, 14, 24, 0.24) 40%, rgba(10, 14, 24, 0.76) 100%);
pointer-events: none;
}
.ethnic-homepage__industry-card::after {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.16), transparent 30%);
pointer-events: none;
}
.ethnic-homepage__industry-card:hover,
.ethnic-homepage__industry-card:focus-within {
transform: translateY(-5px);
box-shadow: 0 28px 58px rgba(15, 23, 42, 0.18);
filter: saturate(1.04);
}
.ethnic-homepage__industry-card-body {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 100%;
padding: 22px;
}
.ethnic-homepage__industry-card-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 14px;
border: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(255, 255, 255, 0.14);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
backdrop-filter: blur(10px);
font-size: 11px;
font-weight: 900;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #ffffff;
}
.ethnic-homepage__industry-card-copy {
max-width: 31ch;
margin-top: 0;
}
.ethnic-homepage__industry-card-label {
display: inline-flex;
align-items: center;
min-height: 28px;
margin-bottom: 10px;
padding: 0 10px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.12);
border: 1px solid rgba(255, 255, 255, 0.15);
font-size: 11px;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.84);
}
.ethnic-homepage__industry-card h3 {
margin: 0;
font-size: clamp(25px, 2.1vw, 34px);
line-height: 1.04;
letter-spacing: -0.04em;
color: #ffffff;
}
.ethnic-homepage__industry-card-divider {
display: block;
width: 46px;
height: 2px;
margin: 14px 0 14px;
border-radius: 999px;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.34));
}
.ethnic-homepage__industry-card p {
margin: 0;
font-size: 15px;
line-height: 1.62;
color: rgba(255, 255, 255, 0.9);
}
.ethnic-homepage__industry-slider-controls {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
margin-top: 18px;
}
.ethnic-homepage__slider-nav {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px 22px;
margin-top: 22px;
}
.ethnic-homepage__slider-progress {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 14px 16px;
min-width: 0;
}
.ethnic-homepage__slider-count {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.16em;
text-transform: uppercase;
white-space: nowrap;
color: #64748b;
}
.ethnic-homepage__slider-current {
color: var(--ethnic-home-text);
}
.ethnic-homepage__slider-divider {
color: rgba(100, 116, 139, 0.42);
}
.ethnic-homepage__slider-total {
color: #94a3b8;
}
.ethnic-homepage__slider-dots {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
}
.ethnic-homepage__slider-dot {
width: 10px;
height: 10px;
padding: 0;
border: 0;
border-radius: 999px;
background: rgba(100, 116, 139, 0.26);
box-shadow: inset 0 0 0 1px rgba(100, 116, 139, 0.14);
transition: transform 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}
.ethnic-homepage__slider-dot.is-active {
transform: scale(1.18);
background: linear-gradient(135deg, var(--ethnic-home-blue), #6b7dff);
box-shadow: 0 10px 18px rgba(47, 107, 255, 0.18);
}
.ethnic-homepage__slider-dot:hover,
.ethnic-homepage__slider-dot:focus-visible {
outline: none;
transform: scale(1.12);
background: linear-gradient(135deg, var(--ethnic-home-blue), #6b7dff);
}
.ethnic-homepage__slider-arrows {
display: flex;
align-items: center;
gap: 12px;
}
.ethnic-homepage__slider-arrow,
.ethnic-homepage__industry-slider-arrow {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
padding: 0;
border-radius: 999px;
border: 1px solid var(--ethnic-home-border);
background: rgba(255, 255, 255, 0.92);
box-shadow: 0 12px 26px rgba(15, 23, 42, 0.06);
font-size: 16px;
color: var(--ethnic-home-text);
cursor: pointer;
transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease, color 180ms ease;
}
.ethnic-homepage__slider-arrow:hover,
.ethnic-homepage__slider-arrow:focus-visible,
.ethnic-homepage__industry-slider-arrow:hover,
.ethnic-homepage__industry-slider-arrow:focus-visible {
transform: translateY(-1px);
border-color: rgba(47, 107, 255, 0.24);
background: #ffffff;
color: var(--ethnic-home-blue);
outline: none;
}
.ethnic-homepage__slider-arrow:disabled,
.ethnic-homepage__industry-slider-arrow:disabled {
cursor: not-allowed;
opacity: 0.42;
transform: none;
}
@media (max-width: 1199px) {
.ethnic-homepage__industry-slider-head {
flex-direction: column;
align-items: flex-start;
}
.ethnic-homepage__industry-cta {
align-self: flex-start;
}
.ethnic-homepage__industry-card {
flex-basis: calc((100% - 18px) / 2);
min-height: 520px;
}
.ethnic-homepage__case-slide {
flex-basis: calc(100% - 160px);
min-height: 520px;
}
}
@media (max-width: 767px) {
.ethnic-homepage__industry-slider {
padding: 22px;
border-radius: 26px;
}
.ethnic-homepage__industry-slider-head {
gap: 18px;
margin-bottom: 22px;
}
.ethnic-homepage__industry-cta {
min-height: 40px;
font-size: 12px;
}
.ethnic-homepage__industry-slider-track {
gap: 14px;
}
.ethnic-homepage__industry-card {
flex-basis: 100%;
min-height: 440px;
border-radius: 24px;
}
.ethnic-homepage__industry-card-body {
padding: 20px;
}
.ethnic-homepage__industry-card-copy {
max-width: 100%;
}
.ethnic-homepage__industry-card h3 {
font-size: 28px;
}
.ethnic-homepage__case-slider {
padding: 22px;
border-radius: 26px;
}
.ethnic-homepage__case-slider-track {
gap: 14px;
}
.ethnic-homepage__case-slide {
flex-basis: 100%;
grid-template-columns: minmax(0, 1fr);
gap: 18px;
min-height: 0;
padding: 20px;
border-radius: 26px;
}
.ethnic-homepage__case-slide-copy {
order: 2;
padding: 0;
}
.ethnic-homepage__case-slide-visual {
order: 1;
margin-left: 0;
border-radius: 20px;
}
.ethnic-homepage__case-device {
padding: 0;
border-radius: 20px;
}
.ethnic-homepage__case-device-screen {
min-height: 220px;
border-radius: 16px;
}
.ethnic-homepage__case-slide-visual::before {
width: 100%;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 66%, rgba(255, 255, 255, 0.1) 84%, rgba(255, 255, 255, 0.72) 100%);
}
.ethnic-homepage__case-device-chip {
min-height: 30px;
padding: 0 12px;
font-size: 10px;
letter-spacing: 0.09em;
}
.ethnic-homepage__case-device-chip--top {
top: 12px;
left: 12px;
}
.ethnic-homepage__case-device-chip--bottom {
right: 12px;
bottom: 12px;
}
.ethnic-homepage__case-brand {
margin-bottom: 0;
}
.ethnic-homepage__case-text h3 {
font-size: 28px;
}
.ethnic-homepage__case-technologies {
padding-top: 0;
}
.ethnic-homepage__case-slide-footer {
gap: 16px;
}
.ethnic-homepage__case-slide-cta {
width: 100%;
}
.ethnic-homepage__slider-nav {
flex-direction: column;
align-items: flex-start;
}
.ethnic-homepage__slider-arrows {
align-self: flex-end;
}
.ethnic-homepage__industry-slider-controls {
justify-content: center;
}
.ethnic-homepage__industry-slider-arrow {
width: 40px;
height: 40px;
}
}
@media (prefers-reduced-motion: reduce) {
.ethnic-homepage__industry-slider-track {
transition: none;
}
.ethnic-homepage__industry-card,
.ethnic-homepage__industry-cta,
.ethnic-homepage__industry-slider-arrow {
transition: none;
}
}
.ethnic-homepage__industry-signals {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 26px;
}
.ethnic-homepage__industry-visual {
min-height: 290px;
margin-top: 18px;
background:
radial-gradient(circle at top left, rgba(255, 107, 107, 0.08), transparent 32%),
#eef4ff;
}
.ethnic-homepage__industry-visual-shape {
right: 20px;
bottom: 20px;
width: 124px;
opacity: 0.16;
}
.ethnic-homepage__industry-visual-note {
position: absolute;
left: 18px;
bottom: 18px;
display: flex;
gap: 8px;
padding: 12px 16px;
height: auto;
flex-direction: column;
align-items: flex-start;
}
.ethnic-homepage__industry-visual-note strong {
font-size: 14px;
line-height: 1.2;
color: #0f172a;
}
.ethnic-homepage__industry-visual-note span {
font-size: 12px;
line-height: 1.2;
color: #53657d;
}
.ethnic-homepage__industry-list {
display: grid;
gap: 16px;
}
.ethnic-homepage__industry-row {
display: grid;
grid-template-columns: 74px minmax(0, 1fr);
gap: 18px;
padding: 24px 26px;
overflow: hidden;
background:
radial-gradient(circle at top right, color-mix(in srgb, var(--industry-accent) 10%, #ffffff), transparent 40%),
#ffffff;
}
.ethnic-homepage__industry-row::after {
content: "";
position: absolute;
top: 16px;
bottom: 16px;
left: 0;
width: 6px;
border-radius: 999px;
background: var(--industry-accent);
}
.ethnic-homepage__industry-row:nth-child(even) {
transform: translateX(28px);
}
.ethnic-homepage__industry-row-index {
font-size: 32px;
line-height: 1;
font-weight: 800;
letter-spacing: -0.05em;
color: var(--industry-accent);
}
.ethnic-homepage__case-intro {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(900px, 900px);
align-items: end;
width: 100%;
column-gap: clamp(24px, 3vw, 48px);
row-gap: 20px;
margin-bottom: 34px;
}
.ethnic-homepage__case-intro .ethnic-homepage__section-heading {
max-width: none;
}
.ethnic-homepage__case-stack {
display: grid;
gap: 22px;
}
.ethnic-homepage__case-feature {
display: grid;
grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.92fr);
gap: 24px;
padding: 28px;
overflow: hidden;
background:
radial-gradient(circle at top right, color-mix(in srgb, var(--case-accent) 8%, #ffffff), transparent 38%),
#ffffff;
}
.ethnic-homepage__case-feature-meta {
display: grid;
gap: 18px;
}
.ethnic-homepage__case-media {
min-height: 230px;
background:
linear-gradient(135deg, color-mix(in srgb, var(--case-accent) 14%, #ffffff), #f7fbff 72%);
}
.ethnic-homepage__case-media-shape {
right: 12px;
bottom: 12px;
width: 108px;
opacity: 0.14;
}
.ethnic-homepage__case-feature:nth-child(even) {
grid-template-columns: minmax(280px, 0.92fr) minmax(0, 1.08fr);
}
.ethnic-homepage__case-feature:nth-child(even) .ethnic-homepage__case-feature-meta {
order: 2;
}
.ethnic-homepage__case-feature:nth-child(even) .ethnic-homepage__case-feature-result {
order: 1;
}
.ethnic-homepage__case-feature-result {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 24px;
border-radius: 24px;
background:
linear-gradient(135deg, color-mix(in srgb, var(--case-accent) 12%, #ffffff), #ffffff 72%);
}
.ethnic-homepage__case-feature-label {
background: rgba(255, 255, 255, 0.72);
}
.ethnic-homepage__case-feature-result strong {
display: block;
margin-top: 18px;
font-size: 26px;
line-height: 1.18;
letter-spacing: -0.04em;
color: var(--ethnic-home-text);
}
.ethnic-homepage__case-intro-copy {
display: grid;
gap: 16px;
width: 100%;
max-width: 750px;
justify-self: end;
justify-items: start;
}
.ethnic-homepage__case-cta {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0 18px;
border-radius: 999px;
border: 1px solid rgba(47, 107, 255, 0.16);
background: rgba(255, 255, 255, 0.9);
box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
font-size: 13px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
white-space: nowrap;
text-decoration: none;
color: var(--ethnic-home-text);
transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, color 180ms ease, background-color 180ms ease;
}
.ethnic-homepage__case-cta:hover,
.ethnic-homepage__case-cta:focus-visible {
transform: translateY(-2px);
border-color: rgba(47, 107, 255, 0.28);
background: #ffffff;
color: var(--ethnic-home-blue);
box-shadow: 0 18px 34px rgba(15, 23, 42, 0.08);
outline: none;
}
.ethnic-homepage__case-slider {
position: relative;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
overflow: visible;
}
.ethnic-homepage__case-slider::after {
display: none;
}
.ethnic-homepage__case-slider > * {
position: relative;
z-index: 1;
}
.ethnic-homepage__case-slider-frame {
position: relative;
}
.ethnic-homepage__case-slider-track {
display: flex;
gap: 18px;
padding: 0;
transform: translate3d(0, 0, 0);
transition: transform 360ms cubic-bezier(0.22, 1, 0.36, 1);
will-change: transform;
}
.ethnic-homepage__case-slider-track.is-instant {
transition: none !important;
}
.ethnic-homepage__case-slider-track:focus-visible {
outline: 2px solid rgba(47, 107, 255, 0.22);
outline-offset: 6px;
border-radius: 30px;
}
.ethnic-homepage__case-slide {
position: relative;
flex: 0 0 clamp(860px, 72vw, 1080px);
min-height: 560px;
overflow: hidden;
display: grid;
grid-template-columns: minmax(0, 0.96fr) minmax(360px, 1.04fr);
gap: 0;
padding: 0;
border-radius: 0;
border: 0;
background: rgba(255, 255, 255, 0.96);
box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
transition: transform 220ms ease, box-shadow 220ms ease, filter 220ms ease;
}
.ethnic-homepage__case-slide::before {
display: none;
}
.ethnic-homepage__case-slide::after {
display: none;
}
.ethnic-homepage__case-slide:hover,
.ethnic-homepage__case-slide:focus-within {
transform: translateY(-4px);
box-shadow: none;
filter: saturate(1.03);
}
.ethnic-homepage__case-slide-copy {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: center;
gap: clamp(20px, 2vw, 28px);
min-width: 0;
padding: clamp(28px, 3vw, 40px);
}
.ethnic-homepage__case-brand {
display: flex;
align-items: center;
gap: 0;
margin-bottom: 0;
}
.ethnic-homepage__case-brand-mark {
display: inline-flex;
align-items: center;
justify-content: center;
width: 58px;
height: 58px;
flex: 0 0 auto;
border-radius: 18px;
border: 1px solid rgba(255, 255, 255, 0.32);
background: linear-gradient(135deg, var(--case-accent), color-mix(in srgb, var(--case-accent) 60%, #ffffff));
box-shadow: 0 18px 30px rgba(15, 23, 42, 0.14);
font-size: 15px;
font-weight: 900;
letter-spacing: 0.14em;
color: #ffffff;
}
.ethnic-homepage__case-brand-copy {
display: grid;
gap: 4px;
min-width: 0;
}
.ethnic-homepage__case-brand-kicker {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 36px;
padding: 0 14px;
border-radius: 999px;
border: 1px solid rgba(15, 23, 42, 0.08);
background: rgba(255, 255, 255, 0.82);
box-shadow: 0 12px 26px rgba(15, 23, 42, 0.05);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #5f7089;
}
.ethnic-homepage__case-brand-copy strong {
font-size: 15px;
font-weight: 800;
letter-spacing: -0.02em;
color: var(--ethnic-home-text);
}
.ethnic-homepage__case-text {
display: grid;
gap: 16px;
min-width: 0;
}
.ethnic-homepage__case-text h3 {
margin: 0;
max-width: 15ch;
font-size: clamp(30px, 2.8vw, 44px);
line-height: 1.02;
letter-spacing: -0.05em;
color: var(--ethnic-home-text);
}
.ethnic-homepage__case-text p {
max-width: 54ch;
margin: 0;
font-size: clamp(16px, 1.35vw, 18px);
line-height: 1.65;
color: var(--ethnic-home-muted);
}
.ethnic-homepage__case-slide-footer {
display: grid;
gap: 18px;
align-items: start;
justify-items: start;
margin-top: 0;
}
.ethnic-homepage__case-technologies {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px 14px;
padding-top: 0;
}
.ethnic-homepage__case-technologies-label {
display: inline-flex;
align-items: center;
min-height: 30px;
padding: 0 11px;
border-radius: 10px;
background: #ffffff;
border: 1px solid rgba(47, 107, 255, 0.18);
font-size: 11px;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--ethnic-home-blue);
}
.ethnic-homepage__case-technologies-list {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.ethnic-homepage__case-technologies-pill {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 0 14px;
border-radius: 12px;
border: 1px solid rgba(15, 23, 42, 0.1);
background: #ffffff;
box-shadow: none;
font-size: 13px;
font-weight: 700;
color: var(--ethnic-home-text);
}
.ethnic-homepage__case-slide-cta {
display: inline-flex;
align-items: center;
align-self: flex-start;
justify-self: flex-start;
gap: 10px;
min-height: 40px;
padding: 0;
border: 0;
background: transparent;
box-shadow: none;
font-size: 16px;
font-weight: 800;
letter-spacing: -0.01em;
text-transform: none;
text-decoration: none;
color: var(--ethnic-home-blue);
transition: color 180ms ease;
}
.ethnic-homepage__case-slide-cta-label {
display: inline-flex;
align-items: center;
}
.ethnic-homepage__case-slide-cta-icon {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border: 1.5px solid currentColor;
border-radius: 50%;
flex: 0 0 auto;
background: rgba(47, 107, 255, 0.06);
transition: transform 180ms ease, color 180ms ease, border-color 180ms ease, background-color 180ms ease;
}
.ethnic-homepage__case-slide-cta-icon::before {
content: "\2192";
font-size: 15px;
line-height: 1;
}
.ethnic-homepage__case-slide-cta:hover,
.ethnic-homepage__case-slide-cta:focus-visible {
color: #124dce;
outline: none;
}
.ethnic-homepage__case-slide-cta:hover .ethnic-homepage__case-slide-cta-icon,
.ethnic-homepage__case-slide-cta:focus-visible .ethnic-homepage__case-slide-cta-icon {
transform: translateX(2px);
background: rgba(47, 107, 255, 0.1);
}
.ethnic-homepage__case-slide-visual {
position: relative;
z-index: 1;
display: flex;
align-items: stretch;
align-self: stretch;
min-width: 0;
margin-left: 0;
overflow: hidden;
}
.ethnic-homepage__case-slide-visual::before {
content: "";
position: absolute;
inset: 0 auto 0 0;
z-index: 2;
width: 24%;
background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0.94) 30%, rgba(255, 255, 255, 0.62) 62%, rgba(255, 255, 255, 0.16) 84%, rgba(255, 255, 255, 0) 100%);
pointer-events: none;
}
.ethnic-homepage__case-device {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
padding: 0;
border-radius: 0;
background: transparent;
border: 0;
box-shadow: none;
overflow: hidden;
}
.ethnic-homepage__case-device::before {
display: none;
}
.ethnic-homepage__case-device-bar {
display: none;
}
.ethnic-homepage__case-device-bar span {
width: 9px;
height: 9px;
border-radius: 999px;
background: rgba(148, 163, 184, 0.42);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.ethnic-homepage__case-device-screen {
position: relative;
isolation: isolate;
z-index: 1;
width: 100%;
height: 100%;
aspect-ratio: auto;
min-height: 100%;
border-radius: 0;
border: 0;
overflow: hidden;
background: var(--case-image);
background-position: var(--case-position, center top);
background-size: cover;
box-shadow: none;
}
.ethnic-homepage__case-device-screen::before {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(180deg, rgba(15, 23, 42, 0) 40%, rgba(15, 23, 42, 0.12));
z-index: 1;
pointer-events: none;
}
.ethnic-homepage__case-device-image {
position: absolute;
inset: 0;
z-index: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--case-position, center top);
filter: saturate(1.04) contrast(1.02) brightness(1.01);
transform: none;
}
.ethnic-homepage__case-device-chip {
position: absolute;
z-index: 2;
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 0 14px;
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.26);
background: rgba(255, 255, 255, 0.92);
box-shadow: 0 12px 26px rgba(15, 23, 42, 0.12);
backdrop-filter: blur(12px);
font-size: 11px;
font-weight: 800;
letter-spacing: 0.11em;
text-transform: uppercase;
color: var(--ethnic-home-text);
}
.ethnic-homepage__case-device-chip--top {
top: 16px;
left: 16px;
}
.ethnic-homepage__case-device-chip--bottom {
right: 16px;
bottom: 16px;
}
.ethnic-homepage__why-timeline {
position: relative;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 44px;
row-gap: 0;
}
.ethnic-homepage__why-intro {
display: grid;
grid-template-columns: minmax(0, 1.9fr) minmax(280px, 0.9fr);
gap: 32px;
align-items: stretch;
margin-bottom: 26px;
}
.ethnic-homepage__why-copy {
margin-bottom: 0;
padding-right: clamp(12px, 2vw, 28px);
}
.ethnic-homepage__why-aside {
display: grid;
align-content: start;
gap: 18px;
min-height: 100%;
padding: 32px 34px;
background: linear-gradient(180deg, rgba(241, 245, 255, 0.96), rgba(248, 250, 255, 0.92));
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 24px;
}
.ethnic-homepage__why-aside-kicker {
font-size: 14px;
font-weight: 600;
letter-spacing: 0.02em;
color: #ef4444;
}
.ethnic-homepage__why-aside h3 {
margin: 0;
font-size: clamp(30px, 2.6vw, 48px);
line-height: 1.02;
letter-spacing: -0.04em;
color: var(--ethnic-home-text);
max-width: 8ch;
}
.ethnic-homepage__why-aside p {
margin: 0;
font-size: 18px;
line-height: 1.7;
color: var(--ethnic-home-muted);
}
.ethnic-homepage__why-aside-link {
display: inline-grid;
grid-template-columns: 40px auto;
align-items: center;
column-gap: 14px;
margin-top: 8px;
font-size: 18px;
font-weight: 700;
text-decoration: none;
color: var(--ethnic-home-text);
transition: color 180ms ease, transform 180ms ease;
}
.ethnic-homepage__why-aside-link::before {
content: "";
grid-column: 1;
grid-row: 1;
width: 40px;
height: 40px;
border: 1px solid currentColor;
border-radius: 50%;
transition: border-color 180ms ease, background-color 180ms ease;
}
.ethnic-homepage__why-aside-link::after {
content: "→";
grid-column: 1;
grid-row: 1;
justify-self: center;
font-size: 18px;
line-height: 1;
}
.ethnic-homepage__why-aside-link:hover,
.ethnic-homepage__why-aside-link:focus-visible {
color: var(--ethnic-home-blue);
transform: translateX(2px);
}
.ethnic-homepage__why-aside-link:hover::before,
.ethnic-homepage__why-aside-link:focus-visible::before {
border-color: var(--ethnic-home-blue);
background: rgba(47, 107, 255, 0.04);
}
.ethnic-homepage__why-timeline::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 1px;
transform: translateX(-50%);
background: rgba(148, 163, 184, 0.2);
}
.ethnic-homepage__why-step,
.ethnic-homepage__section--why .ethnic-homepage__why-step {
display: grid;
grid-template-columns: 56px minmax(180px, 1fr) minmax(0, 1.15fr);
gap: 20px;
align-items: start;
padding: 34px 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
.ethnic-homepage__section--why .ethnic-homepage__why-step::before,
.ethnic-homepage__section--why .ethnic-homepage__why-step::after {
display: none;
}
.ethnic-homepage__why-step:nth-child(-n+2) {
padding-top: 6px;
}
.ethnic-homepage__why-step:nth-child(n+3) {
border-top: 1px solid rgba(148, 163, 184, 0.2);
}
.ethnic-homepage__why-step-icon {
display: none;
}
.ethnic-homepage__why-step-number {
display: block;
margin: 0;
font-size: clamp(36px, 3vw, 48px);
font-weight: 700;
letter-spacing: -0.04em;
line-height: 0.95;
color: #111827;
}
.ethnic-homepage__why-step h3 {
margin: 0;
font-size: clamp(26px, 2.4vw, 40px);
line-height: 1.02;
letter-spacing: -0.04em;
max-width: 10ch;
}
.ethnic-homepage__why-step-body {
display: grid;
gap: 12px;
}
.ethnic-homepage__why-step-body p {
margin: 0;
}
.ethnic-homepage__why-step-meta {
font-size: 13px;
font-weight: 600;
letter-spacing: 0.03em;
text-transform: uppercase;
color: #718198;
}
.ethnic-homepage__why-step ul {
display: none;
}
.ethnic-homepage__models-copy {
background:
radial-gradient(circle at top left, rgba(47, 107, 255, 0.08), transparent 36%),
linear-gradient(180deg, #ffffff, #f9fbff);
overflow: hidden;
}
.ethnic-homepage__model-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
align-items: start;
}
.ethnic-homepage__model-card {
padding: 28px 24px;
background:
radial-gradient(circle at top right, color-mix(in srgb, var(--model-accent) 10%, #ffffff), transparent 42%),
#ffffff;
}
.ethnic-homepage__model-card.is-featured {
margin-top: -18px;
padding-top: 40px;
box-shadow: 0 28px 56px rgba(15, 23, 42, 0.12);
}
.ethnic-homepage__model-pill {
margin-bottom: 16px;
}
.ethnic-homepage__model-card.is-featured .ethnic-homepage__model-pill {
background: color-mix(in srgb, var(--model-accent) 14%, #ffffff);
border-color: color-mix(in srgb, var(--model-accent) 24%, #ffffff);
color: var(--model-accent);
}
.ethnic-homepage__model-best-fit {
font-weight: 700;
color: #24344b;
}
.ethnic-homepage__feedback-spotlight {
display: grid;
grid-template-columns: 220px minmax(0, 1fr);
gap: 28px;
align-items: center;
padding: 30px;
background:
radial-gradient(circle at top left, rgba(47, 107, 255, 0.1), transparent 35%),
linear-gradient(135deg, #ffffff, #f3f8ff);
}
.ethnic-homepage__feedback-spotlight::after {
content: "";
position: absolute;
right: -26px;
top: -18px;
width: 230px;
height: 150px;
background: url("/wp-content/uploads/2025/03/for-hero-3.svg") no-repeat center / contain;
opacity: 0.12;
pointer-events: none;
}
.ethnic-homepage__feedback-spotlight > * {
position: relative;
z-index: 1;
}
.ethnic-homepage__feedback-stat {
display: inline-flex;
align-items: baseline;
justify-content: center;
gap: 4px;
min-height: 180px;
border-radius: 28px;
background: linear-gradient(135deg, rgba(47, 107, 255, 0.12), rgba(14, 165, 164, 0.08));
font-size: clamp(52px, 5vw, 80px);
font-weight: 800;
letter-spacing: -0.06em;
color: var(--ethnic-home-blue);
}
.ethnic-homepage__feedback-notes {
display: grid;
gap: 18px;
padding-top: 12px;
}
.ethnic-homepage__feedback-note {
padding: 26px 24px;
background:
radial-gradient(circle at top right, color-mix(in srgb, var(--feedback-accent) 10%, #ffffff), transparent 42%),
#ffffff;
}
.ethnic-homepage__feedback-note-person {
display: flex;
align-items: center;
gap: 12px;
}
.ethnic-homepage__feedback-note-avatar {
flex: 0 0 auto;
width: 52px;
height: 52px;
border-radius: 16px;
overflow: hidden;
border: 1px solid rgba(148, 163, 184, 0.14);
box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
}
.ethnic-homepage__feedback-note-avatar img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.ethnic-homepage__feedback-note-role {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #68809f;
}
.ethnic-homepage__feedback-note:nth-child(1) {
transform: rotate(-1.4deg);
}
.ethnic-homepage__feedback-note:nth-child(2) {
transform: translateX(26px) rotate(0.9deg);
}
.ethnic-homepage__feedback-note:nth-child(3) {
transform: translateX(-10px) rotate(-0.8deg);
}
.ethnic-homepage__feedback-note-mark {
position: absolute;
top: 14px;
right: 20px;
font-size: 68px;
line-height: 1;
color: color-mix(in srgb, var(--feedback-accent) 16%, #ffffff);
}
.ethnic-homepage__feedback-note h3 {
margin-top: 18px;
max-width: 280px;
}
.ethnic-homepage__cta-layout {
display: grid;
grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr);
gap: clamp(24px, 4vw, 40px);
align-items: start;
}
.ethnic-homepage__section--cta {
scroll-margin-top: 140px;
}
.ethnic-homepage__cta-copy {
position: relative;
padding: 32px;
border-radius: 32px;
background:
radial-gradient(circle at top left, rgba(255, 107, 107, 0.08), transparent 32%),
radial-gradient(circle at bottom right, rgba(47, 107, 255, 0.08), transparent 34%),
#ffffff;
border: 1px solid var(--ethnic-home-border);
box-shadow: var(--ethnic-home-shadow);
}
.ethnic-homepage__cta-copy::after {
content: "";
position: absolute;
right: -2px;
bottom: 27px;
width: min(52%, 300px);
aspect-ratio: 401 / 169;
background: url("/wp-content/uploads/2026/03/for-CTA.svg") no-repeat center / contain;
opacity: 0.22;
pointer-events: none;
}
.ethnic-homepage__cta-copy > * {
position: relative;
z-index: 1;
}
.ethnic-homepage__contact-points {
margin-top: 26px;
padding-top: 24px;
border-top: 1px solid rgba(148, 163, 184, 0.18);
}
.ethnic-homepage__contact-points p {
margin: 0;
font-size: 15px;
line-height: 1.8;
color: #334155;
}
.ethnic-homepage__contact-points p + p {
margin-top: 8px;
}
.ethnic-homepage__contact-points a {
color: var(--ethnic-home-blue);
text-decoration: none;
}
.ethnic-homepage__contact-points span {
display: inline-block;
margin: 0 8px;
color: rgba(100, 116, 139, 0.8);
}
.ethnic-homepage__form-card {
padding: 30px;
border-radius: 32px;
background:
radial-gradient(circle at top right, rgba(14, 165, 164, 0.08), transparent 36%),
linear-gradient(180deg, #ffffff, #f8fbff);
border: 1px solid var(--ethnic-home-border);
box-shadow: var(--ethnic-home-shadow);
}
.ethnic-homepage__form-header {
max-width: 620px;
}
.ethnic-homepage__form-shell {
margin-top: 24px;
}
.ethnic-homepage__form-shell .screen-reader-response,
.ethnic-homepage__form-shell fieldset.hidden-fields-container,
.ethnic-homepage__form-shell .wpcf7-form-control-wrap[data-name="acceptance-293"] {
display: none !important;
}
.ethnic-homepage__form-shell .contact-form {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 16px;
}
.ethnic-homepage__form-shell .contact-form > div {
float: none !important;
width: auto !important;
padding: 0 !important;
margin: 0 !important;
}
.ethnic-homepage__form-shell .contact-form > .col-lg-4,
.ethnic-homepage__form-shell .contact-form > .col-md-4 {
grid-column: span 2;
}
.ethnic-homepage__form-shell .contact-form > .col-lg-12,
.ethnic-homepage__form-shell .contact-form > .col-md-12 {
grid-column: 1 / -1;
}
.ethnic-homepage__form-shell .form-line,
.ethnic-homepage__form-shell .wpcf7-form-control-wrap {
display: block;
}
.ethnic-homepage__form-shell input:not([type="submit"]),
.ethnic-homepage__form-shell textarea {
width: 100%;
border: 1px solid rgba(148, 163, 184, 0.25) !important;
border-radius: 18px !important;
background: rgba(255, 255, 255, 0.95) !important;
padding: 16px 18px !important;
font-size: 15px !important;
line-height: 1.5 !important;
color: var(--ethnic-home-text) !important;
box-shadow: none !important;
}
.ethnic-homepage__form-shell textarea {
min-height: 150px;
resize: vertical;
}
.ethnic-homepage__form-shell input::placeholder,
.ethnic-homepage__form-shell textarea::placeholder {
color: #7f8ea3;
}
.ethnic-homepage__form-shell input:focus,
.ethnic-homepage__form-shell textarea:focus {
border-color: rgba(47, 107, 255, 0.35) !important;
outline: none;
}
.ethnic-homepage__form-shell .gem-button-container,
.ethnic-homepage__form-shell .gem-button-position-fullwidth {
width: 100%;
}
.ethnic-homepage__form-shell .wpcf7-submit {
width: 100% !important;
min-height: 56px !important;
border: 0 !important;
border-radius: 999px !important;
background: linear-gradient(135deg, var(--ethnic-home-blue), #6b7dff) !important;
color: #ffffff !important;
font-size: 16px !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
text-transform: none !important;
box-shadow: 0 18px 40px rgba(47, 107, 255, 0.22) !important;
}
.ethnic-homepage__form-shell .wpcf7-response-output {
margin: 16px 0 0 !important;
padding: 14px 16px !important;
border-radius: 18px !important;
font-size: 14px;
}
.ethnic-homepage__form-shell .wpcf7-not-valid-tip {
margin-top: 8px;
font-size: 13px;
color: #dc2626;
}
body.page-id-1157 .custom-footer,
body.page-id-1157 .custom-footer .fullwidth-content,
body.page-id-1157 .custom-footer .elementor.elementor-75 {
background:
radial-gradient(circle at top left, rgba(47, 107, 255, 0.07), transparent 22%),
linear-gradient(180deg, #f4f9ff 0%, #ffffff 34%, #f8fbff 100%) !important;
}
body.page-id-1157 .custom-footer .elementor-75 .e-con,
body.page-id-1157 .custom-footer .elementor-75 .elementor-section,
body.page-id-1157 .custom-footer .elementor-75 .elementor-widget-wrap {
background: transparent !important;
}
body.page-id-1157 .custom-footer .thegem-heading,
body.page-id-1157 .custom-footer .thegem-heading span,
body.page-id-1157 .custom-footer .elementor-icon-list-text,
body.page-id-1157 .custom-footer .elementor-icon-list-item a,
body.page-id-1157 .custom-footer .elementor-widget-social-icons .elementor-icon,
body.page-id-1157 .custom-footer .elementor-widget-social-icons .elementor-icon svg,
body.page-id-1157 .custom-footer .thegem-menu-custom a,
body.page-id-1157 .custom-footer .thegem-menu-custom .text,
body.page-id-1157 .custom-footer .elementor-widget a {
color: var(--ethnic-home-text) !important;
fill: var(--ethnic-home-text) !important;
}
body.page-id-1157 .custom-footer img[src*="logo_light.svg"] {
filter: brightness(0) saturate(100%) !important;
}
body.page-id-1157 .custom-footer .gem-button {
border: 0 !important;
border-radius: 999px !important;
background: linear-gradient(135deg, var(--ethnic-home-blue), #6b7dff) !important;
color: #ffffff !important;
box-shadow: 0 18px 40px rgba(47, 107, 255, 0.18) !important;
}
body.page-id-1157 .custom-footer .elementor.elementor-75 > .elementor-element + .elementor-element {
border-top: 1px solid rgba(148, 163, 184, 0.14);
}
body.page-id-1157 .custom-footer .elementor-social-icons-wrapper .elementor-icon {
background: rgba(47, 107, 255, 0.08) !important;
}
body.page-id-1157 .custom-footer .thegem-menu-custom li + li::before {
border-color: rgba(100, 116, 139, 0.24) !important;
}
@media (max-width: 1212px) {
.ethnic-home-hero__slide {
grid-template-columns: minmax(0, 1fr);
}
.ethnic-home-hero__visual {
min-height: 520px;
}
.ethnic-homepage__trust-layout,
.ethnic-homepage__services-layout,
.ethnic-homepage__technology-layout,
.ethnic-homepage__industry-layout,
.ethnic-homepage__models-layout,
.ethnic-homepage__feedback-layout,
.ethnic-homepage__cta-layout,
.ethnic-homepage__feedback-spotlight {
grid-template-columns: minmax(0, 1fr);
}
.ethnic-homepage__case-slide {
flex-basis: calc(100% - 120px);
min-height: 520px;
grid-template-columns: minmax(0, 1fr) minmax(320px, 0.92fr);
}
.ethnic-homepage__services-layout .ethnic-homepage__section-heading--compact {
position: relative;
top: auto;
max-width: 100%;
}
.ethnic-homepage__trust-mosaic,
.ethnic-homepage__service-showcase {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ethnic-homepage__metric-card--tile,
.ethnic-homepage__service-card {
grid-column: auto;
}
.ethnic-homepage__metric-card--wide,
.ethnic-homepage__service-card:nth-child(1),
.ethnic-homepage__service-card:nth-child(5) {
grid-column: 1 / -1;
}
.ethnic-homepage__why-timeline {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ethnic-homepage__section--services::before,
.ethnic-homepage__section--technology::before,
.ethnic-homepage__section--cases::before,
.ethnic-homepage__section--why::before,
.ethnic-homepage__section--models::before,
.ethnic-homepage__section--feedback::before {
opacity: 0.05;
transform: scale(0.88);
}
.ethnic-homepage__feedback-spotlight::after,
.ethnic-homepage__cta-copy::after {
opacity: 0.1;
}
.ethnic-homepage__section-visual,
.ethnic-homepage__industry-visual {
min-height: 248px;
}
.ethnic-homepage__case-media {
min-height: 214px;
}
.ethnic-homepage__case-feature {
grid-template-columns: minmax(0, 1fr);
}
.ethnic-homepage__case-feature:nth-child(even) .ethnic-homepage__case-feature-meta,
.ethnic-homepage__case-feature:nth-child(even) .ethnic-homepage__case-feature-result {
order: initial;
}
.ethnic-homepage__industry-row:nth-child(even),
.ethnic-homepage__feedback-note:nth-child(1),
.ethnic-homepage__feedback-note:nth-child(2),
.ethnic-homepage__feedback-note:nth-child(3) {
transform: none;
}
}
@media (max-width: 991px) {
.ethnic-home-hero__inner {
padding-top: 132px;
}
.ethnic-home-hero__intro-overlay-inner {
padding-top: 132px;
padding-bottom: 50px;
}
.ethnic-home-hero__intro-overlay-copy h1 {
font-size: clamp(36px, 8vw, 68px);
}
.ethnic-home-hero__intro-overlay-stat {
margin-top: 22px;
font-size: clamp(16px, 2.7vw, 22px);
}
.ethnic-home-hero__intro {
margin-bottom: 34px;
}
.ethnic-home-hero__stage {
min-height: 0;
}
.ethnic-home-hero__visual {
min-height: 460px;
}
.ethnic-home-hero__blob {
inset: 20px 14px 34px 28px;
}
.ethnic-home-hero__mockup {
margin-top: 58px;
}
.ethnic-homepage__trust-mosaic,
.ethnic-homepage__service-showcase,
.ethnic-homepage__model-grid {
grid-template-columns: minmax(0, 1fr);
}
.ethnic-homepage__service-showcase,
.ethnic-homepage__service-card,
.ethnic-homepage__technology-layout,
.ethnic-homepage__technology-lanes,
.ethnic-homepage__industry-layout,
.ethnic-homepage__case-stack,
.ethnic-homepage__feedback-layout {
min-width: 0;
}
.ethnic-homepage__metric-card--tile,
.ethnic-homepage__metric-card--wide,
.ethnic-homepage__service-card,
.ethnic-homepage__service-card:nth-child(1),
.ethnic-homepage__service-card:nth-child(5) {
grid-column: 1 / -1 !important;
}
.ethnic-homepage__metric-card--wide {
grid-template-columns: minmax(0, 1fr);
}
.ethnic-homepage__why-timeline {
grid-template-columns: minmax(0, 1fr);
}
.ethnic-homepage__why-timeline::before {
display: none;
}
.ethnic-homepage__why-intro {
grid-template-columns: minmax(0, 1fr);
gap: 24px;
}
.ethnic-homepage__why-copy {
padding-right: 0;
}
.ethnic-homepage__why-aside {
padding: 24px 28px;
}
.ethnic-homepage__why-step,
.ethnic-homepage__section--why .ethnic-homepage__why-step {
grid-template-columns: 48px minmax(160px, 0.85fr) minmax(0, 1fr);
}
.ethnic-homepage__feedback-spotlight {
grid-template-columns: minmax(0, 1fr);
}
.ethnic-homepage__feedback-notes {
padding-top: 0;
}
.ethnic-homepage__technology-chip {
flex-basis: calc(50% - 7px);
}
.ethnic-homepage__case-intro {
grid-template-columns: minmax(0, 1fr);
align-items: flex-start;
}
.ethnic-homepage__case-intro-copy {
max-width: 760px;
}
.ethnic-homepage__case-slide {
flex-basis: 100%;
min-height: 0;
grid-template-columns: minmax(0, 1fr);
gap: 22px;
}
.ethnic-homepage__case-slide-copy {
order: 2;
}
.ethnic-homepage__case-slide-visual {
order: 1;
}
.ethnic-homepage__case-device {
padding: 10px;
border-radius: 22px;
}
.ethnic-homepage__case-device-screen {
min-height: 240px;
border-radius: 18px;
}
.ethnic-homepage__model-card.is-featured {
margin-top: 0;
padding-top: 28px;
}
.ethnic-homepage__logo-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ethnic-homepage__logo-item {
min-height: 76px;
padding: 10px 12px;
}
.ethnic-homepage__logo-item img {
max-height: 40px;
}
.ethnic-homepage__client-footer {
justify-content: flex-start;
}
.ethnic-homepage__section--services::before,
.ethnic-homepage__section--technology::before,
.ethnic-homepage__section--cases::before,
.ethnic-homepage__section--why::before,
.ethnic-homepage__section--models::before,
.ethnic-homepage__section--feedback::before {
display: none;
}
.ethnic-homepage__section-visual,
.ethnic-homepage__industry-visual {
min-height: 232px;
}
.ethnic-homepage__section-visual--models {
min-height: 252px;
}
.ethnic-homepage__case-media {
min-height: 208px;
}
.ethnic-homepage__technology-visual-pills {
gap: 8px;
}
.ethnic-homepage__why-step-icon {
width: 50px;
height: 50px;
padding: 9px;
}
.ethnic-homepage__feedback-note-person {
gap: 10px;
}
.ethnic-homepage__feedback-spotlight::after,
.ethnic-homepage__cta-copy::after {
opacity: 0.12;
}
.ethnic-homepage__form-shell .contact-form {
grid-template-columns: minmax(0, 1fr);
}
.ethnic-homepage__form-shell .contact-form > .col-lg-4,
.ethnic-homepage__form-shell .contact-form > .col-md-4,
.ethnic-homepage__form-shell .contact-form > .col-lg-12,
.ethnic-homepage__form-shell .contact-form > .col-md-12 {
grid-column: auto;
}
}
@media (max-width: 767px) {
.ethnic-homepage__section {
padding: 60px 0;
}
.ethnic-homepage__shell {
padding: 0 18px;
}
.ethnic-home-hero__inner {
padding: 120px 18px 52px;
}
.ethnic-home-hero__intro-overlay-inner {
padding: 112px 18px 44px;
}
.ethnic-home-hero__intro-overlay-kicker {
margin-bottom: 16px;
}
.ethnic-home-hero__intro-overlay-copy h1 {
max-width: 15ch;
font-size: clamp(34px, 10vw, 50px);
line-height: 0.98;
}
.ethnic-home-hero__intro-overlay-stat {
margin-top: 18px;
font-size: 17px;
line-height: 1.5;
}
.ethnic-home-hero__intro-overlay-cta {
margin-top: 22px;
font-size: 16px;
}
.ethnic-home-hero__intro-overlay-cta-icon {
width: 46px;
height: 46px;
}
.ethnic-home-hero__intro-overlay-partners {
margin-top: 22px;
}
.ethnic-home-hero__intro-overlay-partners p {
margin-bottom: 10px;
font-size: 12px;
}
.ethnic-home-hero__intro-overlay-partners li {
min-height: 34px;
padding: 0 12px;
font-size: 12px;
}
.ethnic-home-hero__title {
font-size: clamp(34px, 12vw, 48px);
}
.ethnic-home-hero__lead {
align-items: flex-start;
}
.ethnic-home-hero__lead strong {
font-size: 34px;
}
.ethnic-home-hero__lead p {
font-size: 16px;
}
.ethnic-home-hero__stack ul {
gap: 10px;
}
.ethnic-home-hero__visual {
min-height: 380px;
}
.ethnic-home-hero__blob {
inset: 30px 4px 48px 22px;
border-radius: 36px 80px 42px 92px;
}
.ethnic-home-hero__mockup {
width: 100%;
border-width: 10px;
}
.ethnic-home-hero__mockup-body {
grid-template-columns: 82px minmax(0, 1fr);
}
.ethnic-home-hero__mockup-panel {
padding: 20px 18px 22px;
}
.ethnic-home-hero__mockup-panel h3 {
font-size: 22px;
}
.ethnic-home-hero__card-grid {
grid-template-columns: minmax(0, 1fr);
}
.ethnic-home-hero__float {
display: none;
}
.ethnic-home-hero__nav {
gap: 16px;
}
.ethnic-homepage__case-slider {
padding: 0;
border-radius: 0;
}
.ethnic-homepage__case-slider-track {
gap: 14px;
}
.ethnic-homepage__case-slide {
flex-basis: 100%;
gap: 18px;
padding: 20px;
border-radius: 24px;
}
.ethnic-homepage__case-slider-frame {
border-radius: 24px;
}
.ethnic-homepage__case-device {
padding: 0;
border-radius: 20px;
}
.ethnic-homepage__case-device-screen {
min-height: 208px;
border-radius: 16px;
}
.ethnic-homepage__case-slide-copy {
padding: 0;
}
.ethnic-homepage__case-slide-visual {
margin-left: 0;
border-radius: 18px;
}
.ethnic-homepage__case-slide-visual::before {
width: 100%;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 66%, rgba(255, 255, 255, 0.1) 84%, rgba(255, 255, 255, 0.72) 100%);
}
.ethnic-homepage__case-device-chip {
min-height: 28px;
padding: 0 10px;
font-size: 10px;
letter-spacing: 0.08em;
}
.ethnic-homepage__case-device-chip--top {
top: 10px;
left: 10px;
}
.ethnic-homepage__case-device-chip--bottom {
right: 10px;
bottom: 10px;
}
.ethnic-homepage__trust-mosaic,
.ethnic-homepage__service-showcase,
.ethnic-homepage__model-grid,
.ethnic-homepage__client-grid {
grid-template-columns: minmax(0, 1fr);
}
.ethnic-homepage__logo-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ethnic-homepage__section-heading--compact,
.ethnic-homepage__trust-note,
.ethnic-homepage__technology-copy,
.ethnic-homepage__technology-lane,
.ethnic-homepage__metric-card,
.ethnic-homepage__service-card,
.ethnic-homepage__industry-row,
.ethnic-homepage__case-feature,
.ethnic-homepage__case-feature-result,
.ethnic-homepage__why-step,
.ethnic-homepage__model-card,
.ethnic-homepage__feedback-note,
.ethnic-homepage__cta-copy,
.ethnic-homepage__form-card,
.ethnic-homepage__feedback-spotlight {
padding: 22px;
border-radius: 24px;
}
.ethnic-homepage__technology-chip {
flex-basis: 100%;
}
.ethnic-homepage__logo-item {
min-height: 72px;
padding: 10px;
}
.ethnic-homepage__logo-item img {
max-height: 36px;
}
.ethnic-homepage__why-intro {
gap: 18px;
margin-bottom: 18px;
}
.ethnic-homepage__why-aside {
padding: 20px 22px;
border-radius: 20px;
}
.ethnic-homepage__why-aside h3 {
font-size: clamp(24px, 8vw, 34px);
}
.ethnic-homepage__why-aside p,
.ethnic-homepage__why-aside-link {
font-size: 16px;
}
.ethnic-homepage__why-step,
.ethnic-homepage__section--why .ethnic-homepage__why-step {
grid-template-columns: 44px minmax(0, 1fr);
gap: 10px 16px;
padding: 22px 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
.ethnic-homepage__section--why .ethnic-homepage__why-step:first-child {
padding-top: 0;
border-top: 0;
}
.ethnic-homepage__section--why .ethnic-homepage__why-step:nth-child(n+2) {
border-top: 1px solid rgba(148, 163, 184, 0.2);
}
.ethnic-homepage__why-step h3,
.ethnic-homepage__why-step-body {
grid-column: 2;
}
.ethnic-homepage__why-step h3 {
max-width: none;
font-size: clamp(24px, 7.5vw, 32px);
}
.ethnic-homepage__why-step-number {
font-size: 34px;
}
.ethnic-homepage__client-card {
padding: 22px;
border-radius: 24px;
}
.ethnic-homepage__client-logo-shell {
min-height: 88px;
padding: 16px;
border-radius: 20px;
}
.ethnic-homepage__client-logo {
font-size: clamp(22px, 8vw, 28px);
}
.ethnic-homepage__section-visual,
.ethnic-homepage__industry-visual,
.ethnic-homepage__case-media {
min-height: 208px;
border-radius: 22px;
}
.ethnic-homepage__section-visual--models {
min-height: 226px;
}
.ethnic-homepage__section-visual-badge,
.ethnic-homepage__industry-visual-note,
.ethnic-homepage__technology-visual-pills span {
min-height: 36px;
padding: 0 12px;
font-size: 12px;
}
.ethnic-homepage__technology-visual-pills {
left: 14px;
right: 14px;
bottom: 14px;
gap: 8px;
}
.ethnic-homepage__section-visual-shape--curve {
top: auto;
right: -18px;
bottom: 20px;
width: 78%;
}
.ethnic-homepage__section-visual-shape--blocks,
.ethnic-homepage__industry-visual-shape,
.ethnic-homepage__case-media-shape {
width: 96px;
}
.ethnic-homepage__service-card {
width: 100%;
}
.ethnic-homepage__service-top {
align-items: flex-start;
}
.ethnic-homepage__industry-row {
grid-template-columns: 56px minmax(0, 1fr);
gap: 14px;
}
.ethnic-homepage__industry-row-index {
font-size: 26px;
}
.ethnic-homepage__case-feature-result strong {
font-size: 22px;
}
.ethnic-homepage__feedback-note-mark {
font-size: 56px;
}
.ethnic-homepage__why-step-icon {
width: 46px;
height: 46px;
padding: 8px;
border-radius: 16px;
}
.ethnic-homepage__feedback-note-avatar {
width: 44px;
height: 44px;
border-radius: 14px;
}
.ethnic-homepage__feedback-note h3 {
margin-top: 14px;
}
.ethnic-homepage__cta-copy::after {
width: 230px;
opacity: 0.18;
}
.ethnic-homepage__button {
width: 100%;
}
.ethnic-homepage__feedback-stat {
min-height: 140px;
}
}
@media (max-width: 1080px) {
.ethnic-homepage__section--services .ethnic-homepage__services-layout {
grid-template-columns: minmax(0, 1fr);
}
.ethnic-homepage__section--services .ethnic-homepage__services-experience {
gap: 26px;
}
.ethnic-homepage__section--services .ethnic-homepage__service-grid {
grid-auto-columns: minmax(210px, 1fr);
}
.ethnic-homepage__section--services .ethnic-homepage__service-detail {
grid-template-columns: minmax(0, 1fr) minmax(300px, 0.82fr);
gap: 28px;
}
}
@media (max-width: 991px) {
.ethnic-homepage__section--services .ethnic-homepage__services-layout {
grid-template-columns: minmax(0, 1fr);
}
.ethnic-homepage__section--services .ethnic-homepage__services-experience {
gap: 22px;
}
.ethnic-homepage__section--services .ethnic-homepage__service-selector-row {
grid-template-columns: minmax(0, 1fr);
gap: 18px;
}
.ethnic-homepage__section--services .ethnic-homepage__service-nav-controls {
order: 2;
}
.ethnic-homepage__section--services .ethnic-homepage__service-detail {
grid-template-columns: minmax(0, 1fr);
gap: 24px;
padding-bottom: 30px;
}
.ethnic-homepage__section--services .ethnic-homepage__service-detail .ethnic-homepage__title {
font-size: clamp(32px, 6vw, 46px);
}
.ethnic-homepage__section--services .ethnic-homepage__service-detail .ethnic-homepage__description {
max-width: none;
}
.ethnic-homepage__section--services .ethnic-homepage__service-grid {
grid-auto-columns: minmax(240px, 72vw);
}
}
@media (max-width: 767px) {
.ethnic-homepage__section--services .ethnic-homepage__services-layout {
grid-template-columns: minmax(0, 1fr);
}
.ethnic-homepage__section--services .ethnic-homepage__services-experience {
gap: 18px;
}
.ethnic-homepage__section--services .ethnic-homepage__service-selector-row {
gap: 14px;
}
.ethnic-homepage__section--services .ethnic-homepage__service-nav-button {
width: 46px;
height: 46px;
font-size: 22px;
}
.ethnic-homepage__section--services .ethnic-homepage__service-grid {
grid-auto-columns: minmax(230px, 78vw);
gap: 18px;
}
.ethnic-homepage__section--services .ethnic-homepage__service-tile {
padding-top: 14px;
}
.ethnic-homepage__section--services .ethnic-homepage__service-tile-copy strong {
font-size: 18px;
}
.ethnic-homepage__section--services .ethnic-homepage__service-tile-summary {
font-size: 13px;
}
.ethnic-homepage__section--services .ethnic-homepage__service-detail {
padding-bottom: 24px;
}
.ethnic-homepage__section--services .ethnic-homepage__service-detail .ethnic-homepage__title {
font-size: clamp(30px, 9vw, 40px);
}
.ethnic-homepage__section--services .ethnic-homepage__service-detail .ethnic-homepage__description {
font-size: 16px;
line-height: 1.72;
}
.ethnic-homepage__section--services .ethnic-homepage__service-detail-visual {
aspect-ratio: 1.1 / 0.84;
border-radius: 24px;
}
.ethnic-homepage__section--services .ethnic-homepage__service-detail-cta {
min-height: 52px;
padding: 0 26px;
font-size: 16px;
}
}
@media (prefers-reduced-motion: reduce) {
.ethnic-home-hero__stage,
.ethnic-home-hero__slide,
.ethnic-home-hero__cta-icon,
.ethnic-home-hero__intro-overlay,
.ethnic-home-hero__intro-overlay-cta-icon,
.ethnic-home-hero__dot,
.ethnic-home-hero__arrow,
.ethnic-homepage__button,
.ethnic-homepage__service-tile,
.ethnic-homepage__service-tile::after,
.ethnic-homepage__service-tile-media,
.ethnic-homepage__service-tile-arrow,
.ethnic-homepage__service-detail-cta,
.ethnic-homepage__technology-capability {
transition: none !important;
}
}
/* Radius tuning: reduce over-curvy look while keeping a premium soft style */
body.page-id-1157 {
--ethnic-home-radius-xxl: 24px;
--ethnic-home-radius-xl: 20px;
--ethnic-home-radius-lg: 16px;
--ethnic-home-radius-md: 12px;
--ethnic-home-radius-sm: 10px;
--ethnic-home-blob-radius: 30px 96px 36px 96px;
}
.ethnic-home-hero__blob {
border-radius: var(--ethnic-home-blob-radius);
}
.ethnic-home-hero__mockup,
.ethnic-homepage__section-heading--compact,
.ethnic-homepage__logo-band,
.ethnic-homepage__services-experience,
.ethnic-homepage__technology-stack,
.ethnic-homepage__industry-slider,
.ethnic-homepage__case-slider,
.ethnic-homepage__case-slide,
.ethnic-homepage__cta-copy,
.ethnic-homepage__form-card {
border-radius: var(--ethnic-home-radius-xxl);
}
.ethnic-homepage__trust-note,
.ethnic-homepage__technology-copy,
.ethnic-homepage__models-copy,
.ethnic-homepage__feedback-spotlight,
.ethnic-homepage__metric-card,
.ethnic-homepage__service-card,
.ethnic-homepage__technology-lane,
.ethnic-homepage__industry-row,
.ethnic-homepage__case-feature,
.ethnic-homepage__why-step,
.ethnic-homepage__model-card,
.ethnic-homepage__feedback-note,
.ethnic-homepage__section-visual,
.ethnic-homepage__industry-visual,
.ethnic-homepage__case-media,
.ethnic-homepage__service-detail,
.ethnic-homepage__technology-capability,
.ethnic-homepage__industry-card,
.ethnic-homepage__service-tile,
.ethnic-homepage__case-device,
.ethnic-homepage__feedback-stat {
border-radius: var(--ethnic-home-radius-xl);
}
.ethnic-homepage__case-slide::after {
border-radius: calc(var(--ethnic-home-radius-xl) - 2px);
}
.ethnic-homepage__logo-item,
.ethnic-homepage__case-device-screen,
.ethnic-homepage__case-brand-mark,
.ethnic-homepage__why-step-icon,
.ethnic-homepage__feedback-note-avatar {
border-radius: var(--ethnic-home-radius-lg);
}
.ethnic-homepage__metric-label,
.ethnic-homepage__service-tile-badge,
.ethnic-homepage__technology-capability-icon,
.ethnic-homepage__industry-card-icon {
border-radius: var(--ethnic-home-radius-md);
}
.ethnic-homepage__form-shell input:not([type="submit"]),
.ethnic-homepage__form-shell textarea,
.ethnic-homepage__form-shell .wpcf7-response-output {
border-radius: var(--ethnic-home-radius-lg) !important;
}
.ethnic-homepage__section--services .ethnic-homepage__services-experience,
.ethnic-homepage__section--services .ethnic-homepage__service-detail,
.ethnic-homepage__section--services .ethnic-homepage__service-tile {
border-radius: 0;
}
.ethnic-homepage__section--technology .ethnic-homepage__technology-stack,
.ethnic-homepage__section--technology .ethnic-homepage__technology-capability {
border-radius: 0;
}
.ethnic-homepage__section--technology::before,
.ethnic-homepage__section--cases::before {
border-radius: 26px;
}
.ethnic-homepage__section--industries::before {
border-radius: 30px;
}
@media (max-width: 767px) {
body.page-id-1157 {
--ethnic-home-radius-xxl: 20px;
--ethnic-home-radius-xl: 18px;
--ethnic-home-radius-lg: 14px;
--ethnic-home-radius-md: 11px;
--ethnic-home-radius-sm: 9px;
--ethnic-home-blob-radius: 24px 56px 30px 64px;
}
}
.ethnic-homepage__section--feedback {
background: linear-gradient(135deg, #edf3ff 0%, #d7e9ff 100%);
}
.ethnic-homepage__section--feedback::before {
display: none;
}
.ethnic-homepage__section--feedback .ethnic-homepage__shell {
max-width: none;
padding-left: 0;
padding-right: 0;
}
.ethnic-homepage__feedback-shell {
padding: 0 clamp(28px, 3.8vw, 52px);
}
.ethnic-homepage__feedback-heading {
max-width: 860px;
margin: 0 auto clamp(24px, 3vw, 38px);
text-align: center;
}
.ethnic-homepage__feedback-heading .ethnic-homepage__title {
max-width: none;
margin: 0;
}
.ethnic-homepage__feedback-heading .ethnic-homepage__description {
max-width: 68ch;
margin: 18px auto 0;
}
.ethnic-homepage__testimonial-slider {
position: relative;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
overflow: visible;
}
.ethnic-homepage__testimonial-slider::after {
display: none;
}
.ethnic-homepage__testimonial-slider > * {
position: relative;
z-index: 1;
}
.ethnic-homepage__testimonial-slider-frame {
position: relative;
overflow: hidden;
}
.ethnic-homepage__testimonial-slider-track {
display: flex;
gap: clamp(18px, 1.8vw, 28px);
padding: 0;
transform: translate3d(0, 0, 0);
transition: transform 360ms cubic-bezier(0.22, 1, 0.36, 1);
will-change: transform;
}
.ethnic-homepage__testimonial-slider-track.is-instant {
transition: none !important;
}
.ethnic-homepage__testimonial-slider-track:focus-visible {
outline: 2px solid rgba(47, 107, 255, 0.24);
outline-offset: 6px;
border-radius: var(--ethnic-home-radius-xl);
}
.ethnic-homepage__testimonial-slide {
position: relative;
flex: 0 0 clamp(720px, 56vw, 900px);
min-height: 320px;
display: flex;
background: #ffffff;
border: 1px solid rgba(148, 163, 184, 0.2);
border-radius: 28px;
box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
overflow: hidden;
transition: opacity 260ms ease, transform 260ms ease, filter 260ms ease;
}
.ethnic-homepage__testimonial-slide:not(.is-active) {
opacity: 0.22;
filter: blur(0.2px) saturate(0.74);
transform: scale(0.975);
}
.ethnic-homepage__testimonial-content {
display: flex;
flex: 1 1 auto;
flex-direction: column;
justify-content: flex-start;
gap: 22px;
width: 100%;
min-height: 100%;
padding: clamp(26px, 2.7vw, 34px);
}
.ethnic-homepage__testimonial-top {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
gap: 24px;
}
.ethnic-homepage__testimonial-person {
flex: 1 1 auto;
min-width: 0;
}
.ethnic-homepage__testimonial-person h3 {
margin: 0;
font-size: clamp(28px, 1.9vw, 34px);
line-height: 1.08;
letter-spacing: -0.035em;
color: #0f172a;
}
.ethnic-homepage__testimonial-person p {
margin: 8px 0 0;
font-size: 15px;
font-weight: 500;
line-height: 1.5;
letter-spacing: 0.02em;
color: #6b7d93;
}
.ethnic-homepage__testimonial-quote {
margin: 0;
max-width: none;
font-size: clamp(16px, 1.25vw, 19px);
line-height: 1.78;
color: #43566f;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
text-overflow: ellipsis;
}
.ethnic-homepage__testimonial-source {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
min-height: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
.ethnic-homepage__testimonial-source-logo {
display: block;
width: auto;
max-width: min(132px, 18vw);
max-height: 30px;
height: auto;
object-fit: contain;
}
.ethnic-homepage__testimonial-slider-nav {
justify-content: center;
gap: 16px 26px;
margin-top: 14px;
}
.ethnic-homepage__case-slider-nav {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 18px;
padding-bottom: 8px;
}
.ethnic-homepage__case-slider-progress {
justify-content: center;
margin-inline: 0;
}
.ethnic-homepage__case-slider-controls {
position: static;
justify-content: center;
margin-inline: 0;
}
.ethnic-homepage__review-widget-shell {
margin-top: 18px;
}
.ethnic-homepage__review-widget-shell .review-widget_net {
width: 100%;
}
.ethnic-homepage__testimonial-slider-progress {
justify-content: center;
}
@media (max-width: 1212px) {
.ethnic-homepage__testimonial-slide {
flex-basis: calc(100% - 180px);
min-height: 300px;
}
}
@media (max-width: 991px) {
.ethnic-homepage__feedback-shell {
padding: 0 clamp(20px, 4vw, 32px);
}
.ethnic-homepage__testimonial-slide {
flex-basis: calc(100% - 120px);
min-height: 280px;
}
.ethnic-homepage__testimonial-content {
gap: 18px;
padding: 24px;
}
}
@media (max-width: 767px) {
.ethnic-homepage__feedback-shell {
padding: 0 18px;
}
.ethnic-homepage__feedback-heading {
margin-bottom: 22px;
}
.ethnic-homepage__testimonial-slider {
padding: 0;
border-radius: 0;
}
.ethnic-homepage__testimonial-slider-track {
gap: 14px;
}
.ethnic-homepage__testimonial-slide {
flex-basis: 100%;
max-width: 100%;
min-height: 0;
border-radius: var(--ethnic-home-radius-xl);
}
.ethnic-homepage__testimonial-content {
gap: 16px;
padding: 20px;
}
.ethnic-homepage__testimonial-top {
align-items: flex-start;
justify-content: space-between;
gap: 14px;
}
.ethnic-homepage__testimonial-person h3 {
font-size: clamp(24px, 7.5vw, 30px);
}
.ethnic-homepage__testimonial-person p {
font-size: 14px;
}
.ethnic-homepage__testimonial-quote {
font-size: 16px;
line-height: 1.72;
}
.ethnic-homepage__testimonial-source {
padding: 0;
border-radius: 0;
}
.ethnic-homepage__testimonial-source-logo {
max-width: 112px;
max-height: 26px;
}
.ethnic-homepage__testimonial-slider-nav {
flex-direction: column;
align-items: center;
}
.ethnic-homepage__testimonial-slider-progress {
justify-content: center;
}
.ethnic-homepage__case-slider-controls,
.ethnic-homepage__testimonial-slider-controls {
position: static;
top: auto;
right: auto;
transform: none;
align-self: center;
}
}
@media (prefers-reduced-motion: reduce) {
.ethnic-homepage__testimonial-slider-track,
.ethnic-homepage__testimonial-slide {
transition: none !important;
}
}
.ethnic-homepage__section--insights {
background:
radial-gradient(circle at top left, rgba(47, 107, 255, 0.07), transparent 26%),
radial-gradient(circle at 92% 10%, rgba(236, 72, 153, 0.06), transparent 24%),
linear-gradient(180deg, rgba(252, 253, 255, 0.98), rgba(247, 251, 255, 0.96));
}
.ethnic-homepage__insights-layout {
display: grid;
grid-template-columns: minmax(260px, 0.34fr) minmax(0, 0.66fr);
gap: clamp(20px, 2.4vw, 32px);
align-items: stretch;
}
.ethnic-homepage__insights-intro {
display: flex;
}
.ethnic-homepage__insights-intro-inner {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
max-width: 360px;
padding: clamp(16px, 1.8vw, 24px) 0;
}
.ethnic-homepage__insights-intro .ethnic-homepage__title {
font-size: clamp(38px, 3.5vw, 56px);
line-height: 1.04;
}
.ethnic-homepage__insights-divider {
display: block;
width: 102px;
height: 2px;
margin: 20px 0;
border-radius: 999px;
background: linear-gradient(90deg, rgba(15, 23, 42, 0.82), rgba(15, 23, 42, 0.14));
}
.ethnic-homepage__insights-intro .ethnic-homepage__description {
margin: 0;
font-size: clamp(17px, 1.28vw, 19px);
line-height: 1.76;
}
.ethnic-homepage__insights-cta {
display: inline-flex;
align-items: center;
gap: 12px;
margin-top: 28px;
font-size: 26px;
font-weight: 700;
letter-spacing: -0.02em;
text-decoration: none;
color: #152338;
transition: color 180ms ease;
}
.ethnic-homepage__insights-cta-icon {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
border: 2px solid currentColor;
border-radius: 999px;
transition: transform 180ms ease, border-color 180ms ease;
}
.ethnic-homepage__insights-cta-icon::before {
content: "\2192";
font-size: 19px;
line-height: 1;
}
.ethnic-homepage__insights-cta:hover,
.ethnic-homepage__insights-cta:focus-visible {
color: var(--ethnic-home-blue);
outline: none;
}
.ethnic-homepage__insights-cta:hover .ethnic-homepage__insights-cta-icon,
.ethnic-homepage__insights-cta:focus-visible .ethnic-homepage__insights-cta-icon {
transform: translateX(2px);
}
.ethnic-homepage__insights-slider-shell {
position: relative;
min-width: 0;
padding-left: clamp(18px, 2vw, 26px);
border-left: 1px solid rgba(148, 163, 184, 0.24);
}
.ethnic-homepage__insights-track {
display: flex;
gap: 16px;
padding: 4px 0 8px;
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;
-ms-overflow-style: none;
-webkit-overflow-scrolling: touch;
cursor: grab;
touch-action: pan-y;
}
.ethnic-homepage__insights-track::-webkit-scrollbar {
display: none;
}
.ethnic-homepage__insights-track.is-dragging {
cursor: grabbing;
scroll-snap-type: none;
}
.ethnic-homepage__insights-track:focus-visible {
outline: 2px solid rgba(47, 107, 255, 0.22);
outline-offset: 6px;
border-radius: var(--ethnic-home-radius-xl);
}
.ethnic-homepage__insight-card {
flex: 0 0 clamp(320px, 33vw, 380px);
scroll-snap-align: start;
min-height: 100%;
}
.ethnic-homepage__insight-link {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
min-height: 528px;
border: 1px solid rgba(148, 163, 184, 0.24);
border-radius: var(--ethnic-home-radius-xl);
background: rgba(255, 255, 255, 0.94);
box-shadow: 0 20px 42px rgba(15, 23, 42, 0.08);
text-decoration: none;
color: inherit;
overflow: hidden;
transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}
.ethnic-homepage__insight-link:hover,
.ethnic-homepage__insight-link:focus-visible {
transform: translateY(-4px);
border-color: rgba(47, 107, 255, 0.26);
box-shadow: 0 26px 54px rgba(15, 23, 42, 0.12);
outline: none;
}
.ethnic-homepage__insight-media {
position: relative;
overflow: hidden;
background: #dce8ff;
aspect-ratio: 16 / 9;
}
.ethnic-homepage__insight-media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1.01);
transition: transform 260ms ease;
}
.ethnic-homepage__insight-link:hover .ethnic-homepage__insight-media img,
.ethnic-homepage__insight-link:focus-visible .ethnic-homepage__insight-media img {
transform: scale(1.06);
}
.ethnic-homepage__insight-media-fallback {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
background:
radial-gradient(circle at 18% 16%, rgba(47, 107, 255, 0.2), transparent 40%),
radial-gradient(circle at 88% 78%, rgba(14, 165, 164, 0.18), transparent 42%),
linear-gradient(135deg, #eaf2ff, #d8e8ff);
}
.ethnic-homepage__insight-media-fallback span {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 0 14px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.86);
border: 1px solid rgba(255, 255, 255, 0.92);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #2c3f57;
}
.ethnic-homepage__insight-body {
display: flex;
flex-direction: column;
flex: 1;
min-height: 0;
padding: 18px 22px 20px;
}
.ethnic-homepage__insight-top-meta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.ethnic-homepage__insight-category {
display: inline-flex;
align-items: center;
min-height: 24px;
padding: 0 10px;
border-radius: 999px;
background: rgba(47, 107, 255, 0.08);
border: 1px solid rgba(47, 107, 255, 0.16);
font-size: 11px;
font-weight: 800;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #345885;
}
.ethnic-homepage__insight-top-meta time {
margin-left: auto;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
white-space: nowrap;
color: #6b7f99;
}
.ethnic-homepage__insight-body h3 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
margin: 16px 0 0;
font-size: clamp(23px, 1.82vw, 31px);
line-height: 1.06;
letter-spacing: -0.04em;
color: #0f1f34;
transition: color 180ms ease;
}
.ethnic-homepage__insight-link:hover .ethnic-homepage__insight-body h3,
.ethnic-homepage__insight-link:focus-visible .ethnic-homepage__insight-body h3 {
color: var(--ethnic-home-blue);
}
.ethnic-homepage__insight-rule {
display: block;
width: 102px;
height: 2px;
margin: 16px 0;
border-radius: 999px;
background: linear-gradient(90deg, rgba(15, 23, 42, 0.75), rgba(15, 23, 42, 0.18));
}
.ethnic-homepage__insight-body p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
margin: 0;
font-size: 16px;
line-height: 1.72;
color: #4b5d74;
}
.ethnic-homepage__insight-footer-meta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-top: auto;
padding-top: 22px;
font-size: 14px;
font-weight: 600;
color: #657b96;
}
.ethnic-homepage__insight-footer-meta span:last-child {
margin-left: auto;
}
.ethnic-homepage__insights-empty {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 16px 18px;
padding: 26px;
border: 1px solid rgba(148, 163, 184, 0.24);
border-radius: var(--ethnic-home-radius-xl);
background: rgba(255, 255, 255, 0.9);
}
.ethnic-homepage__insights-empty p {
margin: 0;
font-size: 16px;
line-height: 1.68;
color: #4b5d74;
}
@media (max-width: 1212px) {
.ethnic-homepage__insights-layout {
grid-template-columns: minmax(0, 1fr);
}
.ethnic-homepage__insights-intro-inner {
max-width: 720px;
padding: 0;
}
.ethnic-homepage__insights-slider-shell {
padding-left: 0;
border-left: 0;
}
.ethnic-homepage__insight-card {
flex-basis: calc((100% - 16px) / 2.1);
}
}
@media (max-width: 767px) {
.ethnic-homepage__insights-intro .ethnic-homepage__title {
font-size: clamp(34px, 10vw, 44px);
}
.ethnic-homepage__insights-divider {
margin: 16px 0;
}
.ethnic-homepage__insights-intro .ethnic-homepage__description {
font-size: 16px;
line-height: 1.72;
}
.ethnic-homepage__insights-cta {
margin-top: 22px;
font-size: 22px;
}
.ethnic-homepage__insights-cta-icon {
width: 42px;
height: 42px;
}
.ethnic-homepage__insights-track {
gap: 12px;
}
.ethnic-homepage__insight-card {
flex-basis: min(88vw, 340px);
}
.ethnic-homepage__insight-link {
min-height: 456px;
}
.ethnic-homepage__insight-body {
padding: 16px;
}
.ethnic-homepage__insight-body h3 {
font-size: clamp(21px, 7vw, 28px);
}
.ethnic-homepage__insight-rule {
width: 84px;
margin: 14px 0;
}
.ethnic-homepage__insight-body p {
font-size: 16px;
}
.ethnic-homepage__insight-footer-meta {
padding-top: 18px;
font-size: 13px;
}
}
@media (prefers-reduced-motion: reduce) {
.ethnic-homepage__insight-link,
.ethnic-homepage__insight-media img,
.ethnic-homepage__insights-cta-icon {
transition: none !important;
}
}
.ethnic-homepage__section--faq {
background:
radial-gradient(circle at top left, rgba(47, 107, 255, 0.07), transparent 26%),
radial-gradient(circle at top right, rgba(236, 72, 153, 0.06), transparent 24%),
linear-gradient(180deg, rgba(247, 251, 255, 0.95), rgba(255, 255, 255, 0.98));
}
.ethnic-homepage__faq-shell {
position: relative;
max-width: 1080px;
margin: 0 auto;
padding: clamp(22px, 2.5vw, 34px);
border: 1px solid rgba(148, 163, 184, 0.2);
border-radius: var(--ethnic-home-radius-xxl);
background:
radial-gradient(circle at top right, rgba(255, 255, 255, 0.66), transparent 34%),
linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.86));
box-shadow: 0 24px 56px rgba(15, 23, 42, 0.08);
overflow: hidden;
}
.ethnic-homepage__faq-shell::before {
content: "";
position: absolute;
right: -48px;
bottom: -88px;
width: 220px;
height: 220px;
border-radius: 50%;
background: rgba(47, 107, 255, 0.06);
filter: blur(3px);
pointer-events: none;
}
.ethnic-homepage__faq-shell > * {
position: relative;
z-index: 1;
}
.ethnic-homepage__faq-heading {
max-width: 760px;
margin: 0 auto clamp(22px, 2.4vw, 32px);
text-align: center;
}
.ethnic-homepage__faq-heading .ethnic-homepage__title {
font-size: clamp(34px, 3.1vw, 50px);
}
.ethnic-homepage__faq-heading .ethnic-homepage__description {
margin-top: 14px;
font-size: clamp(16px, 1.25vw, 19px);
line-height: 1.65;
}
.ethnic-homepage__faq-list {
display: grid;
gap: 12px;
}
.ethnic-homepage__faq-item {
border: 1px solid rgba(148, 163, 184, 0.24);
border-radius: var(--ethnic-home-radius-lg);
background: rgba(255, 255, 255, 0.9);
box-shadow: 0 10px 22px rgba(15, 23, 42, 0.04);
transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
overflow: hidden;
}
.ethnic-homepage__faq-item:hover,
.ethnic-homepage__faq-item:focus-within {
border-color: rgba(47, 107, 255, 0.22);
box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
transform: translateY(-1px);
}
.ethnic-homepage__faq-item h3 {
margin: 0;
}
.ethnic-homepage__faq-trigger {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
width: 100%;
padding: 18px clamp(18px, 2vw, 24px);
border: 0;
background: transparent;
text-align: left;
cursor: pointer;
font: inherit;
}
.ethnic-homepage__faq-trigger:focus-visible {
outline: 2px solid rgba(47, 107, 255, 0.24);
outline-offset: -2px;
}
.ethnic-homepage__faq-question {
font-size: clamp(18px, 1.5vw, 22px);
font-weight: 700;
line-height: 1.38;
letter-spacing: -0.02em;
color: #102137;
}
.ethnic-homepage__faq-icon {
position: relative;
flex: 0 0 20px;
width: 20px;
height: 20px;
}
.ethnic-homepage__faq-icon-bar {
position: absolute;
top: 50%;
left: 50%;
width: 18px;
height: 2px;
border-radius: 999px;
background: #476287;
transform: translate(-50%, -50%);
transition: transform 220ms ease, opacity 180ms ease, background-color 180ms ease;
}
.ethnic-homepage__faq-icon-bar--vertical {
transform: translate(-50%, -50%) rotate(90deg);
}
.ethnic-homepage__faq-panel {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: max-height 260ms cubic-bezier(0.22, 1, 0.36, 1), opacity 200ms ease;
}
.ethnic-homepage__faq-panel-inner {
padding: 0 clamp(18px, 2vw, 24px) clamp(16px, 2vw, 22px);
}
.ethnic-homepage__faq-panel-inner p {
margin: 0;
max-width: 84ch;
font-size: 16px;
line-height: 1.68;
color: #4b5d74;
}
.ethnic-homepage__faq-item.is-open {
border-color: rgba(47, 107, 255, 0.24);
background: #ffffff;
box-shadow: 0 18px 34px rgba(15, 23, 42, 0.08);
}
.ethnic-homepage__faq-item.is-open .ethnic-homepage__faq-icon-bar {
background: var(--ethnic-home-blue);
}
.ethnic-homepage__faq-item.is-open .ethnic-homepage__faq-icon-bar--vertical {
opacity: 0;
transform: translate(-50%, -50%) rotate(90deg) scale(0.5);
}
.ethnic-homepage__faq-item.is-open .ethnic-homepage__faq-panel {
opacity: 1;
}
.ethnic-homepage__faq-cta {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 14px 18px;
margin-top: clamp(20px, 2.2vw, 30px);
padding-top: clamp(18px, 2.2vw, 26px);
border-top: 1px solid rgba(148, 163, 184, 0.2);
}
.ethnic-homepage__faq-cta p {
margin: 0;
font-size: 16px;
line-height: 1.6;
color: #42566f;
}
@media (max-width: 991px) {
.ethnic-homepage__faq-shell {
padding: 24px;
}
.ethnic-homepage__faq-question {
font-size: clamp(18px, 2.4vw, 21px);
}
}
@media (max-width: 767px) {
.ethnic-homepage__faq-shell {
padding: 18px;
border-radius: var(--ethnic-home-radius-xl);
}
.ethnic-homepage__faq-heading {
margin-bottom: 20px;
text-align: left;
}
.ethnic-homepage__faq-heading .ethnic-homepage__description {
margin-top: 12px;
}
.ethnic-homepage__faq-trigger {
padding: 16px;
}
.ethnic-homepage__faq-panel-inner {
padding: 0 16px 16px;
}
.ethnic-homepage__faq-panel-inner p {
font-size: 15px;
}
.ethnic-homepage__faq-cta {
flex-direction: column;
align-items: flex-start;
gap: 12px;
padding-top: 16px;
}
}
@media (prefers-reduced-motion: reduce) {
.ethnic-homepage__faq-item,
.ethnic-homepage__faq-icon-bar,
.ethnic-homepage__faq-panel {
transition: none !important;
}
}
body.home .ethnic-homepage__section--services {
background: #fbfcfe;
}
body.home .ethnic-homepage__section--technology {
background: #f3f8ff;
}
body.home .ethnic-homepage__section--industries {
background: #f7f8fa;
}
body.home .ethnic-homepage__section--cases {
background: #f7f9fc;
}
body.home .ethnic-homepage__section--trust {
background: #f4f7fb;
}
body.home .ethnic-homepage__section--why {
background: #ffffff;
}
body.home .ethnic-homepage__section--feedback {
background: #f2f6fc;
}
body.home .ethnic-homepage__section--insights {
background: #f5f8fc;
}
body.home .ethnic-homepage__section--faq {
background: #f7f7f8;
}
body.home .ethnic-homepage__section--cta {
background: #071225;
}
body.home .ethnic-homepage__section--services::before,
body.home .ethnic-homepage__section--technology::before,
body.home .ethnic-homepage__section--industries::before,
body.home .ethnic-homepage__section--cases::before,
body.home .ethnic-homepage__section--why::before,
body.home .ethnic-homepage__section--feedback::before {
display: none;
}
body.home .ethnic-homepage__section--cta .ethnic-homepage__cta-copy {
background: transparent;
border-color: rgba(255, 255, 255, 0.14);
box-shadow: none;
}
body.home .ethnic-homepage__section--cta .ethnic-homepage__kicker,
body.home .ethnic-homepage__section--cta .ethnic-homepage__title,
body.home .ethnic-homepage__section--cta .ethnic-homepage__description,
body.home .ethnic-homepage__section--cta .ethnic-homepage__contact-points p,
body.home .ethnic-homepage__section--cta .ethnic-homepage__contact-points a,
body.home .ethnic-homepage__section--cta .ethnic-homepage__contact-points span {
color: #ffffff;
}
body.home .ethnic-homepage__section--cta .ethnic-homepage__contact-points {
border-top-color: rgba(255, 255, 255, 0.16);
}
body.home .ethnic-homepage__section--cta .ethnic-homepage__button--secondary {
background: rgba(255, 255, 255, 0.06);
border-color: rgba(255, 255, 255, 0.24);
color: #ffffff;
}
body.home .ethnic-homepage__section--cta .ethnic-homepage__button--secondary:hover,
body.home .ethnic-homepage__section--cta .ethnic-homepage__button--secondary:focus-visible {
background: rgba(255, 255, 255, 0.12);
border-color: rgba(255, 255, 255, 0.32);
color: #ffffff;
}