:root {
    --ev-bg: #050d1e;
    --ev-bg-soft: #071428;
    --ev-bg-panel: #0a1730;
    --ev-bg-panel-2: #101d36;
    --ev-surface: rgba(12, 24, 47, 0.92);
    --ev-surface-soft: rgba(255, 255, 255, 0.04);
    --ev-surface-card: rgba(13, 28, 54, 0.96);
    --ev-light: #eef3fa;
    --ev-light-card: #ffffff;
    --ev-text: #ffffff;
    --ev-text-soft: rgba(255, 255, 255, 0.76);
    --ev-text-muted: rgba(255, 255, 255, 0.62);
    --ev-text-dark: #13213a;
    --ev-text-dark-soft: rgba(19, 33, 58, 0.74);
    --ev-line: rgba(56, 189, 248, 0.08);
    --ev-line-strong: rgba(56, 189, 248, 0.18);
    --ev-brand: #38bdf8;
    --ev-brand-strong: #0066ff;
    --ev-brand-gradient: linear-gradient(135deg, #0066ff 0%, #38bdf8 100%);
    --ev-radius-xl: 32px;
    --ev-radius-lg: 24px;
    --ev-radius-md: 18px;
    --ev-radius-sm: 12px;
    --ev-shadow: 0 24px 54px rgba(1, 6, 18, 0.35);
    --ev-shadow-soft: 0 14px 34px rgba(1, 6, 18, 0.18);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    min-height: 100vh;
    font-family: "Inter", sans-serif;
    color: var(--ev-text);
    line-height: 1.7;
    background:
        radial-gradient(circle at top left, rgba(0, 102, 255, 0.16), transparent 26%),
        radial-gradient(circle at 100% 0, rgba(56, 189, 248, 0.08), transparent 22%),
        linear-gradient(180deg, #061122 0%, #050d1e 34%, #030915 100%);
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.014), transparent 28%),
        linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px),
        linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px);
    background-size: auto, 34px 34px, 34px 34px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent 72%);
}

h1,
h2,
h3,
h4 {
    margin: 0 0 16px;
    font-family: "Playfair Display", serif;
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.04em;
    color: var(--ev-text);
}

h1 {
    font-size: clamp(3.1rem, 6vw, 5.1rem);
}

h2 {
    font-size: clamp(2.2rem, 4.1vw, 3.8rem);
}

h3 {
    font-size: clamp(1.2rem, 2vw, 1.9rem);
}

h4 {
    font-size: 1rem;
}

p {
    margin: 0 0 16px;
}

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

img {
    max-width: 100%;
    height: auto;
}

.container {
    width: min(1280px, calc(100vw - 40px));
    margin: 0 auto;
}

.site-shell {
    position: relative;
    isolation: isolate;
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 100;
    padding: 0;
    background: rgba(5, 13, 30, 0.85);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--ev-line);
}

.site-header-inner {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    height: 80px;
    gap: 18px;
    padding: 0 32px;
}

.brand-link {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.brand-image {
    display: block;
    width: 168.875px;
    max-width: 100%;
    height: 36px;
    object-fit: contain;
}

.footer-brand-image {
    display: block;
    width: 159.484px;
    max-width: 100%;
    height: 34px;
    object-fit: contain;
}

.header-symbol,
.brand-lockup {
    display: none;
}

.header-capsule {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 24px;
    background: transparent;
    border: 0;
    box-shadow: none;
    min-height: 0;
    padding: 0;
}

.header-capsule .site-nav {
    flex: 1;
}

.site-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
}

.menu-item {
    position: relative;
}

.site-menu a {
    color: rgba(255, 255, 255, 0.7);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.06em;
    transition: color 0.2s ease;
}

.site-menu .is-active a,
.site-menu a:hover,
.site-menu a:focus-visible {
    color: var(--ev-brand);
}

.site-menu .is-active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    height: 1px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0), var(--ev-brand), rgba(0, 0, 0, 0));
}

.header-actions,
.mobile-actions,
.hero-actions,
.btn-row {
    display: flex;
    align-items: center;
    gap: 12px;
}

.pill-link,
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    transition: transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.pill-link:hover,
.btn:hover {
    transform: translateY(-1px);
}

.pill-link {
    min-height: 42px;
    padding: 0 20px;
    border-radius: 4px;
    background: var(--ev-brand-gradient);
    border-color: rgba(56, 189, 248, 0.3);
    box-shadow: 0 0 10px rgba(0, 102, 255, 0.35);
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.06em;
}

.btn {
    min-height: 49px;
    padding: 0 28px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.04em;
}

.btn-primary {
    background: var(--ev-brand-gradient);
    color: #ffffff;
    box-shadow: 0 4px 10px rgba(0, 102, 255, 0.35);
}

.btn-secondary {
    color: rgba(255, 255, 255, 0.86);
    background: transparent;
    border-color: rgba(255, 255, 255, 0.12);
}

.btn-light {
    background: #ffffff;
    color: var(--ev-text-dark);
    box-shadow: var(--ev-shadow-soft);
}

.btn-arrow::after {
    content: " >";
    margin-left: 8px;
    font-size: 0.92em;
}

.menu-toggle {
    width: 42px;
    height: 42px;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.04);
    cursor: pointer;
}

.menu-toggle span {
    width: 18px;
    height: 2px;
    border-radius: 999px;
    background: #ffffff;
}

.mobile-panel {
    width: min(1280px, calc(100vw - 40px));
    margin: 12px auto 0;
    padding: 20px;
    border-radius: 16px;
    background: rgba(10, 22, 43, 0.96);
    border: 1px solid var(--ev-line);
    box-shadow: var(--ev-shadow-soft);
}

.mobile-panel .site-menu {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.mobile-actions {
    margin-top: 18px;
    flex-wrap: wrap;
}

.site-main {
    position: relative;
    padding-bottom: 0;
}

.section {
    position: relative;
    padding: 84px 0;
}

.section::before {
    content: "";
    position: absolute;
    inset: 0 auto auto;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(56, 189, 248, 0.06), transparent);
}

.section-hero {
    padding: 56px 0 82px;
}

.section-hero::before {
    display: none;
}

.section-kicker {
    position: relative;
    display: inline-block;
    padding: 0 46px;
    color: var(--ev-brand);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.24em;
    text-transform: uppercase;
}

.section-kicker::before,
.section-kicker::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 34px;
    height: 1px;
    background: rgba(56, 189, 248, 0.35);
}

.section-kicker::before {
    left: 0;
}

.section-kicker::after {
    right: 0;
}

.section-kicker-centered {
    align-self: center;
}

.section-kicker-light {
    color: #7aa7ff;
}

.title-accent {
    background: linear-gradient(135deg, var(--ev-brand), var(--ev-brand-strong));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.hero-shell {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(360px, 0.68fr);
    gap: 64px;
    align-items: start;
    padding: 18px 32px 0;
}

.hero-shell-contact {
    display: flex;
    justify-content: center;
    padding: 24px 32px 0;
}

.hero-copy {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.hero-copy-centered {
    max-width: 820px;
    align-items: center;
    text-align: center;
}

.hero-title {
    max-width: 12ch;
}

.hero-title-centered {
    max-width: 12ch;
    margin-inline: auto;
}

.hero-subtitle {
    max-width: 560px;
    color: var(--ev-text-soft);
    font-size: 15px;
    line-height: 1.75;
}

.hero-subtitle-centered {
    max-width: 620px;
    margin-inline: auto;
}

.hero-visual-stats {
    display: flex;
    justify-content: flex-end;
}

.hero-stat-panel {
    width: min(100%, 420px);
    padding: 24px 28px;
    border-radius: 20px;
    background: rgba(15, 29, 54, 0.96);
    border: 1px solid var(--ev-line);
    box-shadow: var(--ev-shadow-soft);
}

.hero-visual-label {
    display: inline-block;
    margin-bottom: 12px;
    color: rgba(122, 167, 255, 0.9);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.24em;
    text-transform: uppercase;
}

.hero-stat-row {
    display: grid;
    grid-template-columns: 104px 1fr;
    gap: 16px;
    align-items: start;
    padding: 16px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.hero-stat-row:first-of-type {
    border-top: 0;
    padding-top: 4px;
}

.hero-stat-row strong {
    color: var(--ev-brand);
    font-family: "Playfair Display", serif;
    font-size: 32px;
    line-height: 1;
    letter-spacing: -0.05em;
}

.hero-stat-row span {
    display: block;
    color: var(--ev-text-soft);
    font-size: 13px;
    line-height: 1.6;
}

.hero-pill-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 8px;
}

.hero-pill {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(7, 32, 72, 0.9);
    border: 1px solid rgba(56, 189, 248, 0.14);
    color: var(--ev-brand);
    font-size: 11px;
    font-weight: 600;
}

.section-hero-about {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 18%, rgba(0, 102, 255, 0.08), transparent 24%),
        radial-gradient(circle at 88% 24%, rgba(56, 189, 248, 0.05), transparent 26%),
        linear-gradient(180deg, #041022 0%, #071631 56%, #051224 100%);
}

.section-hero-about::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(rgba(56, 189, 248, 0.018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(56, 189, 248, 0.018) 1px, transparent 1px);
    background-size: 46px 46px;
    opacity: 0.9;
}

.section-hero-about .container {
    position: relative;
    z-index: 1;
}

.hero-shell--about {
    grid-template-columns: minmax(0, 576px) minmax(360px, 420px);
    justify-content: space-between;
    gap: 64px;
    align-items: start;
    padding-top: 104px;
    padding-bottom: 16px;
}

.hero-copy-about {
    max-width: 576px;
    gap: 16px;
}

.hero-copy-about-support {
    grid-column: 1 / -1;
    max-width: 860px;
    gap: 24px;
}

.hero-title-about {
    max-width: none;
    margin-bottom: 0;
    font-size: clamp(3.45rem, 5.4vw, 4rem);
    line-height: 1.08;
    letter-spacing: -0.025em;
}

.hero-subtitle-about {
    max-width: 68ch;
    margin-top: 0;
    color: rgba(255, 255, 255, 0.88);
    font-size: 18px;
    line-height: 1.7;
}

.hero-actions-about {
    gap: 16px;
    margin-top: 0;
}

.hero-visual-about {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: start;
    padding-top: 52px;
}

.hero-stat-panel-about {
    width: min(100%, 420px);
    padding: 40px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(56, 189, 248, 0.12);
    box-shadow: 0 12px 34px rgba(1, 6, 18, 0.12);
}

.about-hero-metrics-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 23px 24px;
    margin: 28px 0 32px;
}

.about-hero-metric {
    display: grid;
    gap: 6px;
}

.about-hero-metric strong {
    color: var(--ev-brand);
    font-family: "Playfair Display", serif;
    font-size: 36px;
    line-height: 1.1;
    letter-spacing: -0.05em;
}

.about-hero-metric span {
    color: rgba(255, 255, 255, 0.8);
    font-size: 13px;
    line-height: 1.5;
}

.about-hero-note {
    margin: 0;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.75);
    font-size: 13px;
    line-height: 1.6;
}

.hero-actions-centered {
    justify-content: center;
}

.section-heading {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 760px;
    margin-bottom: 34px;
}

.section-heading p,
.section-lead {
    color: var(--ev-text-soft);
    font-size: 15px;
    line-height: 1.8;
}

.section-heading-centered {
    align-items: center;
    text-align: center;
    margin-inline: auto;
}

.split-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.9fr);
    gap: 34px;
    padding: 34px;
    border-radius: var(--ev-radius-xl);
    background: rgba(11, 23, 45, 0.74);
    border: 1px solid var(--ev-line);
    box-shadow: var(--ev-shadow-soft);
}

.split-panel-wide {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.88fr);
}

.split-copy p {
    color: var(--ev-text-soft);
}

.split-aside,
.list-stack {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
}

.note-card,
.list-card,
.metric-card {
    padding: 24px;
    border-radius: 16px;
    background: var(--ev-light-card);
    color: var(--ev-text-dark);
    box-shadow: var(--ev-shadow-soft);
}

.note-kicker {
    display: inline-block;
    margin-bottom: 8px;
    color: var(--ev-brand-strong);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.note-card h3,
.list-card h3,
.metric-card h3 {
    color: var(--ev-text-dark);
}

.note-card p,
.list-card p,
.metric-card p {
    color: var(--ev-text-dark-soft);
    margin-bottom: 0;
}

.split-aside-visual {
    justify-content: space-between;
}

.photo-card {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    min-height: 300px;
    background: rgba(9, 19, 36, 0.88);
    border: 1px solid rgba(56, 189, 248, 0.08);
    box-shadow: var(--ev-shadow-soft);
}

.photo-card img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.photo-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(4, 10, 20, 0) 25%, rgba(4, 10, 20, 0.72) 100%);
    pointer-events: none;
}

.photo-card-home-about {
    min-height: 460px;
}

.photo-card-home-healthcare {
    min-height: 290px;
}

.photo-chip {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 24px;
    z-index: 1;
    display: grid;
    gap: 6px;
    padding: 18px 20px;
    border-radius: 16px;
    background: rgba(5, 13, 30, 0.82);
    border: 1px solid rgba(56, 189, 248, 0.16);
    backdrop-filter: blur(10px);
}

.photo-chip strong {
    color: var(--ev-brand);
    font-family: "Playfair Display", serif;
    font-size: 2rem;
    line-height: 1;
}

.photo-chip span {
    color: rgba(255, 255, 255, 0.88);
    font-size: 13px;
    line-height: 1.55;
}

.photo-chip-compact strong {
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.card-grid,
.metric-grid,
.steps-grid,
.footer-grid,
.faq-list {
    display: grid;
    gap: 20px;
}

.card-grid-services,
.card-grid-team,
.card-grid-cases,
.card-grid-podcast,
.card-grid-testimonials {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.metric-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.steps-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.card,
.step-card {
    position: relative;
    min-height: 100%;
    padding: 26px;
    border-radius: 16px;
    background: rgba(13, 28, 54, 0.96);
    border: 1px solid var(--ev-line);
    box-shadow: var(--ev-shadow-soft);
}

.card::after,
.step-card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(56, 189, 248, 0.03), transparent 28%);
    pointer-events: none;
}

.card h3,
.step-card h3 {
    max-width: 16ch;
}

.card p,
.step-card p {
    color: var(--ev-text-soft);
}

.card-accent {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-bottom: 18px;
    border-radius: 10px;
    background: rgba(56, 189, 248, 0.1);
    border: 1px solid rgba(56, 189, 248, 0.18);
}

.card-link {
    display: inline-flex;
    margin-top: 10px;
    color: var(--ev-brand);
    font-size: 13px;
    font-weight: 600;
}

.card-tag {
    display: inline-flex;
    margin-bottom: 14px;
    padding: 7px 11px;
    border-radius: 999px;
    background: rgba(56, 189, 248, 0.08);
    color: var(--ev-brand);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.metric-card strong {
    display: block;
    margin-bottom: 8px;
    color: var(--ev-brand-strong);
    font-family: "Playfair Display", serif;
    font-size: clamp(2rem, 2.7vw, 2.8rem);
    letter-spacing: -0.05em;
    line-height: 1;
}

.metric-card h3 {
    margin-bottom: 10px;
    font-size: 1.08rem;
}

.step-card {
    padding-left: 92px;
}

.step-index {
    position: absolute;
    left: 24px;
    top: 24px;
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(56, 189, 248, 0.08);
    border: 1px solid rgba(56, 189, 248, 0.18);
    color: var(--ev-brand);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 700;
}

.card-testimonial .quote {
    color: var(--ev-text);
    font-size: 15px;
    line-height: 1.78;
}

.card-testimonial strong,
.card-team strong {
    display: block;
    margin-top: 10px;
    margin-bottom: 6px;
    color: var(--ev-brand);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.card-testimonial span {
    color: var(--ev-text-muted);
    font-size: 13px;
}

.avatar-placeholder {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-bottom: 18px;
    border-radius: 14px;
    background: rgba(56, 189, 248, 0.08);
    border: 1px solid rgba(56, 189, 248, 0.18);
    color: var(--ev-brand);
    font-size: 13px;
    font-weight: 700;
}

.avatar-placeholder-year {
    width: auto;
    min-width: 76px;
    padding: 0 14px;
}

.card-team-timeline h3 {
    max-width: none;
}

.section-about-timeline {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 16% 22%, rgba(0, 102, 255, 0.06), transparent 24%),
        radial-gradient(circle at 84% 68%, rgba(56, 189, 248, 0.04), transparent 22%),
        linear-gradient(180deg, #040d1e 0%, #051224 100%);
}

.about-timeline-shell {
    max-width: 1216px;
    margin: 0 auto;
}

.about-timeline-heading {
    display: grid;
    justify-items: center;
    gap: 20px;
    margin-bottom: 80px;
}

.about-timeline-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: 0;
}

.about-timeline-kicker-line {
    width: 38px;
    height: 1px;
    background: rgba(56, 189, 248, 0.7);
}

.about-timeline-kicker span:last-child {
    color: var(--ev-brand);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.about-timeline-heading h2 {
    max-width: 600px;
    margin: 0;
    text-align: center;
    font-size: clamp(2.5rem, 3.5vw, 2.875rem);
    line-height: 1.15;
    color: var(--ev-text);
}

.about-timeline-track {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
}

.about-timeline-line {
    position: absolute;
    left: 50%;
    top: 24px;
    bottom: 24px;
    width: 2px;
    transform: translateX(-50%);
    background: linear-gradient(180deg, #0066ff 0%, #38bdf8 52%, rgba(14, 165, 233, 0.2) 100%);
    box-shadow: 0 0 18px rgba(56, 189, 248, 0.18);
}

.about-timeline-item {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 58px minmax(0, 1fr);
    gap: 44px;
    align-items: center;
    min-height: 186px;
}

.about-timeline-item + .about-timeline-item {
    margin-top: 48px;
}

.about-timeline-side {
    display: flex;
}

.about-timeline-side-left {
    justify-content: flex-end;
    text-align: right;
}

.about-timeline-side-right {
    justify-content: flex-start;
    text-align: left;
}

.about-timeline-content {
    max-width: 386px;
}

.about-timeline-content h3 {
    margin: 0;
    color: var(--ev-brand);
    font-family: "Playfair Display", serif;
    font-size: clamp(2.5rem, 3.3vw, 3rem);
    line-height: 1;
    letter-spacing: -0.05em;
}

.about-timeline-content strong {
    display: block;
    margin: 8px 0 10px;
    color: var(--ev-text);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
}

.about-timeline-content p {
    margin: 0;
    color: rgba(255, 255, 255, 0.76);
    font-size: 15px;
    line-height: 1.65;
}

.about-timeline-marker {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.about-timeline-marker span {
    width: 14px;
    height: 14px;
    border-radius: 999px;
    background: linear-gradient(180deg, #58cfff 0%, #0096ff 100%);
    box-shadow: 0 0 0 8px rgba(0, 150, 255, 0.08), 0 0 14px rgba(56, 189, 248, 0.35);
}

.section-about-story {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 10% 24%, rgba(0, 102, 255, 0.06), transparent 24%),
        radial-gradient(circle at 88% 52%, rgba(56, 189, 248, 0.04), transparent 20%),
        linear-gradient(180deg, #040d1e 0%, #051224 100%);
}

.about-story-grid {
    display: grid;
    grid-template-columns: minmax(0, 576px) minmax(340px, 576px);
    justify-content: space-between;
    gap: 56px;
    align-items: start;
}

.about-story-copy {
    max-width: 576px;
}

.about-story-kicker {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.about-story-kicker-line {
    width: 38px;
    height: 1px;
    background: rgba(56, 189, 248, 0.7);
}

.about-story-kicker span:last-child {
    color: var(--ev-brand);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.about-story-title {
    max-width: none;
    margin-bottom: 32px;
    font-size: clamp(2.55rem, 4vw, 3.25rem);
    line-height: 1.1;
    letter-spacing: -0.022em;
}

.about-story-text {
    max-width: 520px;
}

.about-story-text p {
    margin: 0 0 28px;
    color: rgba(255, 255, 255, 0.83);
    font-size: 16px;
    line-height: 1.75;
}

.about-story-text p:last-child {
    margin-bottom: 0;
}

.about-story-cards {
    display: grid;
    gap: 16px;
    max-width: 576px;
    margin-left: auto;
    padding-top: 120px;
}

.about-story-card {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
    padding: 28px 32px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(56, 189, 248, 0.12);
    box-shadow: var(--ev-shadow-soft);
}

.about-story-card-icon {
    width: 48px;
    height: 48px;
    margin-top: 0;
    border-radius: 12px;
    background-color: rgba(7, 32, 72, 0.92);
    border: 1px solid rgba(56, 189, 248, 0.16);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

.about-story-card-icon-1 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238fd3ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v20'/%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7H14a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E");
}

.about-story-card-icon-2 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238fd3ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 16 5-5 4 4 7-7'/%3E%3Cpath d='M14 8h6v6'/%3E%3C/svg%3E");
}

.about-story-card-icon-3 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238fd3ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s7-4.35 7-10a7 7 0 1 0-14 0c0 5.65 7 10 7 10Z'/%3E%3Ccircle cx='12' cy='10' r='2.4'/%3E%3C/svg%3E");
}

.about-story-card-copy h3 {
    margin: 0 0 8px;
    color: #ffffff;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
}

.about-story-card-copy p {
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 14px;
    line-height: 1.65;
}

.section-about-values {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 10% 14%, rgba(0, 82, 204, 0.05), transparent 24%),
        radial-gradient(circle at 90% 82%, rgba(56, 189, 248, 0.04), transparent 18%),
        #eef3fa;
}

.section-about-values::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(0, 82, 204, 0.08), transparent);
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: top center;
}

.about-values-heading {
    display: grid;
    justify-items: stretch;
    gap: 20px;
    margin-bottom: 64px;
}

.about-values-kicker {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    justify-self: start;
}

.about-values-kicker-line {
    width: 38px;
    height: 1px;
    background: rgba(0, 102, 255, 0.28);
}

.about-values-kicker span:last-child {
    color: #0f7dff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.about-values-heading h2 {
    color: #111c30;
    text-align: center;
    font-size: clamp(2.5rem, 3.5vw, 2.875rem);
    line-height: 1.15;
}

.about-values-subtitle {
    max-width: 720px;
    margin: 0 auto;
    color: #475569;
    text-align: center;
    font-size: 16px;
    line-height: 1.75;
}

.about-values-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
    max-width: 1216px;
    margin: 0 auto;
}

.about-values-card {
    position: relative;
    min-height: 100%;
    min-height: 356px;
    padding: 36px 32px 42px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(19, 33, 58, 0.08);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.09);
    overflow: hidden;
}

.about-values-icon {
    display: inline-flex;
    width: 52px;
    height: 52px;
    margin-bottom: 20px;
    border-radius: 14px;
    background-color: rgba(0, 102, 255, 0.08);
    border: 1px solid rgba(0, 102, 255, 0.12);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 28px 28px;
}

.about-values-icon-1 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230066ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Cpath d='M12 2v2'/%3E%3Cpath d='M12 20v2'/%3E%3Cpath d='M2 12h2'/%3E%3Cpath d='M20 12h2'/%3E%3C/svg%3E");
}

.about-values-icon-2 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230066ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M12 3a14 14 0 0 1 0 18'/%3E%3Cpath d='M12 3a14 14 0 0 0 0 18'/%3E%3C/svg%3E");
}

.about-values-icon-3 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230066ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 2.78 5.63L21 9.54l-4.5 4.39 1.06 6.23L12 17.2l-5.56 2.96 1.06-6.23L3 9.54l6.22-.91L12 3Z'/%3E%3C/svg%3E");
}

.about-values-card h3 {
    margin: 0 0 14px;
    color: #111c30;
    font-family: "Playfair Display", serif;
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: -0.02em;
}

.about-values-card-lead {
    display: block;
    margin-bottom: 12px;
    color: #111c30;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.55;
}

.about-values-card p {
    margin: 0;
    color: #475569;
    font-size: 15px;
    line-height: 1.7;
}

.about-values-list {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.about-values-list li {
    position: relative;
    padding-left: 25px;
    color: #475569;
    font-size: 15px;
    line-height: 1.5;
}

.about-values-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M13.6256 6.24993C13.9111 7.65074 13.7076 9.10707 13.0493 10.3761C12.3909 11.645 11.3174 12.65 10.0078 13.2233C8.69821 13.7965 7.23164 13.9035 5.85269 13.5264C4.47373 13.1493 3.26575 12.3108 2.43017 11.1508C1.5946 9.99084 1.18195 8.57946 1.26104 7.15205C1.34013 5.72464 1.90618 4.36749 2.86478 3.30691C3.82339 2.24634 5.11661 1.54645 6.52879 1.32397C7.94097 1.10148 9.38674 1.36985 10.625 2.08431' stroke='%230066FF' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.625 6.875L7.5 8.75L13.75 2.5' stroke='%230066FF' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.about-values-card-divider {
    position: absolute;
    left: 1px;
    right: 1px;
    bottom: 0;
    height: 3px;
    background: linear-gradient(90deg, rgba(0, 102, 255, 0.3) 0%, rgba(56, 189, 248, 0.1) 100%);
}

.section-about-principles {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 16%, rgba(0, 102, 255, 0.06), transparent 24%),
        radial-gradient(circle at 84% 72%, rgba(56, 189, 248, 0.04), transparent 22%),
        linear-gradient(180deg, #040d1e 0%, #051224 100%);
}

.about-principles-heading {
    display: grid;
    justify-items: center;
    gap: 20px;
    margin-bottom: 72px;
}

.about-principles-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.about-principles-kicker-line {
    width: 38px;
    height: 1px;
    background: rgba(56, 189, 248, 0.7);
}

.about-principles-kicker span:last-child {
    color: var(--ev-brand);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.about-principles-title {
    max-width: 640px;
    margin: 0;
    text-align: center;
    font-size: clamp(2.7rem, 4vw, 3.25rem);
    line-height: 1.1;
    letter-spacing: -0.022em;
}

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

.about-principles-card {
    min-height: 290px;
    padding: 40px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(56, 189, 248, 0.12);
    box-shadow: var(--ev-shadow-soft);
}

.about-principles-icon {
    display: inline-flex;
    width: 60px;
    height: 60px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(0, 102, 255, 0.2) 0%, rgba(56, 189, 248, 0.1) 100%);
    border: 1px solid rgba(56, 189, 248, 0.12);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 32px 32px;
}

.about-principles-icon-1 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M16 9.3335V28.0002' stroke='%230066FF' stroke-width='2.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.00002 24C3.6464 24 3.30726 23.8595 3.05721 23.6095C2.80716 23.3594 2.66669 23.0203 2.66669 22.6667V5.33333C2.66669 4.97971 2.80716 4.64057 3.05721 4.39052C3.30726 4.14048 3.6464 4 4.00002 4H10.6667C12.0812 4 13.4377 4.5619 14.4379 5.5621C15.4381 6.56229 16 7.91885 16 9.33333C16 7.91885 16.5619 6.56229 17.5621 5.5621C18.5623 4.5619 19.9189 4 21.3334 4H28C28.3536 4 28.6928 4.14048 28.9428 4.39052C29.1929 4.64057 29.3334 4.97971 29.3334 5.33333V22.6667C29.3334 23.0203 29.1929 23.3594 28.9428 23.6095C28.6928 23.8595 28.3536 24 28 24H20C18.9392 24 17.9217 24.4214 17.1716 25.1716C16.4214 25.9217 16 26.9391 16 28C16 26.9391 15.5786 25.9217 14.8284 25.1716C14.0783 24.4214 13.0609 24 12 24H4.00002Z' stroke='%230066FF' stroke-width='2.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.about-principles-icon-2 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M5.33333 18.6666C5.08102 18.6674 4.83364 18.5967 4.61994 18.4625C4.40623 18.3284 4.23498 18.1364 4.12607 17.9088C4.01715 17.6812 3.97506 17.4273 4.00467 17.1768C4.03427 16.9262 4.13437 16.6892 4.29333 16.4932L17.4933 2.89323C17.5923 2.77893 17.7273 2.7017 17.876 2.6742C18.0247 2.6467 18.1783 2.67058 18.3116 2.7419C18.445 2.81322 18.5501 2.92775 18.6098 3.0667C18.6694 3.20565 18.6801 3.36076 18.64 3.50656L16.08 11.5332C16.0045 11.7353 15.9792 11.9526 16.0061 12.1666C16.0331 12.3806 16.1115 12.5848 16.2348 12.7618C16.358 12.9388 16.5224 13.0832 16.7137 13.1828C16.905 13.2823 17.1177 13.3339 17.3333 13.3332H26.6667C26.919 13.3324 27.1664 13.4031 27.3801 13.5373C27.5938 13.6714 27.765 13.8634 27.8739 14.091C27.9828 14.3186 28.0249 14.5724 27.9953 14.823C27.9657 15.0736 27.8656 15.3106 27.7067 15.5066L14.5067 29.1066C14.4077 29.2208 14.2727 29.2981 14.124 29.3256C13.9753 29.3531 13.8217 29.3292 13.6884 29.2579C13.555 29.1866 13.4499 29.072 13.3902 28.9331C13.3306 28.7941 13.3199 28.639 13.36 28.4932L15.92 20.4666C15.9955 20.2645 16.0208 20.0472 15.9939 19.8332C15.9669 19.6192 15.8885 19.415 15.7652 19.238C15.642 19.061 15.4776 18.9165 15.2863 18.817C15.095 18.7175 14.8823 18.6659 14.6667 18.6666H5.33333Z' stroke='%230EA5E9' stroke-width='2.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.about-principles-icon-3 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M4 4V25.3333C4 26.0406 4.28095 26.7189 4.78105 27.219C5.28115 27.719 5.95942 28 6.66667 28H28' stroke='%2338BDF8' stroke-width='2.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24 22.6667V12' stroke='%2338BDF8' stroke-width='2.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.3333 22.6665V6.6665' stroke='%2338BDF8' stroke-width='2.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.6667 22.6665V18.6665' stroke='%2338BDF8' stroke-width='2.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.about-principles-icon-4 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M25.3333 18.6667C27.32 16.72 29.3333 14.3867 29.3333 11.3333C29.3333 9.38841 28.5607 7.52315 27.1854 6.14788C25.8102 4.77262 23.9449 4 22 4C19.6533 4 18 4.66667 16 6.66667C14 4.66667 12.3467 4 9.99999 4C8.05507 4 6.18981 4.77262 4.81454 6.14788C3.43927 7.52315 2.66666 9.38841 2.66666 11.3333C2.66666 14.4 4.66666 16.7333 6.66666 18.6667L16 28L25.3333 18.6667Z' stroke='%230066FF' stroke-width='2.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.about-principles-card h3 {
    margin: 24px 0 14px;
    color: var(--ev-text);
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: -0.02em;
}

.about-principles-card p {
    margin: 0;
    color: rgba(255, 255, 255, 0.83);
    font-size: 15px;
    line-height: 1.7;
}

.section-contact {
    padding-top: 72px;
}

.contact-layout {
    display: grid;
    grid-template-columns: minmax(0, 0.88fr) minmax(0, 1fr);
    gap: 34px;
    align-items: start;
}

.contact-copy,
.contact-form-shell {
    padding: 32px;
    border-radius: 16px;
    background: rgba(13, 28, 54, 0.96);
    border: 1px solid var(--ev-line);
    box-shadow: var(--ev-shadow-soft);
}

.contact-copy p {
    color: var(--ev-text-soft);
}

.contact-details {
    display: grid;
    gap: 12px;
    margin: 24px 0;
}

.contact-detail {
    display: grid;
    gap: 4px;
    padding: 14px 16px 14px 18px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(56, 189, 248, 0.08);
}

.contact-detail span {
    color: rgba(122, 167, 255, 0.84);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.contact-detail a,
.contact-detail strong {
    color: rgba(255, 255, 255, 0.86);
    font-size: 13px;
    font-weight: 500;
}

.contact-metric-row {
    display: flex;
    flex-wrap: wrap;
    gap: 26px;
    margin-top: 26px;
}

.contact-mini-metric strong {
    display: block;
    color: var(--ev-brand);
    font-family: "Playfair Display", serif;
    font-size: 30px;
    line-height: 1;
}

.contact-mini-metric span {
    display: block;
    margin-top: 4px;
    color: var(--ev-text-soft);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.contact-form-shell {
    background: rgba(16, 29, 55, 0.98);
}

.contact-fallback-form,
.contact-form-shell form,
.contact-form-shell .wpcf7,
.contact-form-shell .wpforms-container,
.contact-form-shell .gform_wrapper {
    width: 100%;
}

.contact-fallback-form h3 {
    margin-bottom: 20px;
    font-size: 1.6rem;
}

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

.contact-form-grid label {
    display: grid;
    gap: 8px;
}

.contact-form-grid label span,
.contact-form-shell label {
    color: rgba(255, 255, 255, 0.72);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.contact-form-full {
    grid-column: 1 / -1;
}

.contact-form-shell input,
.contact-form-shell select,
.contact-form-shell textarea {
    width: 100%;
    padding: 14px 16px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(255, 255, 255, 0.04);
    color: #ffffff;
    font: inherit;
}

.contact-form-shell input::placeholder,
.contact-form-shell textarea::placeholder {
    color: rgba(255, 255, 255, 0.32);
}

.contact-form-shell textarea {
    resize: vertical;
    min-height: 116px;
}

.contact-fallback-form .btn {
    width: 100%;
    margin-top: 18px;
}

.contact-form-privacy {
    margin: 12px 0 0;
    color: rgba(255, 255, 255, 0.44);
    font-size: 11px;
    line-height: 1.6;
    text-align: center;
}

.site-main-contact .section-contact-page {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 78%, rgba(56, 189, 248, 0.08) 0%, transparent 34%),
        linear-gradient(180deg, #041022 0%, #071631 48%, #041022 100%);
}

.site-main-contact .section-contact-page::before,
.site-main-contact .section-contact-page::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

.site-main-contact .section-contact-page::before {
    inset: 0;
    opacity: 0.18;
    background:
        linear-gradient(180deg, rgba(56, 189, 248, 0.22), transparent 86%) 36% 42px / 16px 110px no-repeat,
        linear-gradient(180deg, rgba(56, 189, 248, 0.16), transparent 86%) 39.5% 10px / 16px 142px no-repeat,
        linear-gradient(180deg, rgba(56, 189, 248, 0.2), transparent 86%) 43% 28px / 16px 124px no-repeat,
        linear-gradient(180deg, rgba(56, 189, 248, 0.14), transparent 86%) 46.5% 56px / 16px 94px no-repeat,
        linear-gradient(180deg, rgba(56, 189, 248, 0.2), transparent 86%) 50% 18px / 16px 132px no-repeat,
        linear-gradient(180deg, rgba(56, 189, 248, 0.14), transparent 86%) 53.5% 40px / 16px 104px no-repeat,
        linear-gradient(180deg, rgba(56, 189, 248, 0.18), transparent 86%) 57% 20px / 16px 128px no-repeat,
        linear-gradient(180deg, rgba(56, 189, 248, 0.12), transparent 86%) 60.5% 48px / 16px 98px no-repeat,
        linear-gradient(180deg, rgba(56, 189, 248, 0.2), transparent 86%) 64% 32px / 16px 118px no-repeat,
        linear-gradient(180deg, rgba(56, 189, 248, 0.14), transparent 86%) 86% 26px / 2px 92px no-repeat,
        linear-gradient(180deg, rgba(56, 189, 248, 0.14), transparent 86%) 88.6% 16px / 2px 102px no-repeat,
        linear-gradient(180deg, rgba(56, 189, 248, 0.14), transparent 86%) 91.2% 36px / 2px 84px no-repeat,
        linear-gradient(180deg, rgba(56, 189, 248, 0.14), transparent 86%) 93.8% 22px / 2px 96px no-repeat;
}

.site-main-contact .section-contact-page::after {
    inset: 0;
    opacity: 0.2;
    background:
        radial-gradient(circle at 13% 78%, rgba(56, 189, 248, 0.66) 0 2px, transparent 2.5px),
        radial-gradient(circle at 24% 70%, rgba(56, 189, 248, 0.6) 0 2px, transparent 2.5px),
        radial-gradient(circle at 39% 74%, rgba(56, 189, 248, 0.54) 0 2px, transparent 2.5px),
        radial-gradient(circle at 54% 58%, rgba(56, 189, 248, 0.64) 0 2px, transparent 2.5px),
        radial-gradient(circle at 71% 64%, rgba(56, 189, 248, 0.56) 0 2px, transparent 2.5px),
        radial-gradient(circle at 86% 46%, rgba(56, 189, 248, 0.62) 0 2px, transparent 2.5px),
        linear-gradient(168deg, transparent 0 17%, rgba(56, 189, 248, 0.14) 17.2% 18%, transparent 18.2% 100%) 0 0 / 26% 100% no-repeat,
        linear-gradient(164deg, transparent 0 24%, rgba(56, 189, 248, 0.14) 24.2% 25%, transparent 25.2% 100%) 22% 0 / 23% 100% no-repeat,
        linear-gradient(196deg, transparent 0 35%, rgba(56, 189, 248, 0.12) 35.2% 36%, transparent 36.2% 100%) 44% 0 / 21% 100% no-repeat,
        linear-gradient(158deg, transparent 0 29%, rgba(56, 189, 248, 0.12) 29.2% 30%, transparent 30.2% 100%) 63% 0 / 23% 100% no-repeat,
        radial-gradient(circle at 90% 30%, rgba(56, 189, 248, 0.16) 0 30px, transparent 31px);
}

.site-main-contact .section-contact-page .container {
    position: relative;
    z-index: 1;
}

.site-main-contact .section-contact-page .contact-layout {
    grid-template-columns: minmax(0, 0.78fr) minmax(360px, 0.96fr);
    gap: clamp(30px, 4vw, 64px);
    align-items: start;
}

.site-main-contact .section-contact-page .contact-copy {
    max-width: 460px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.site-main-contact .section-contact-page .section-kicker {
    margin-bottom: 20px;
}

.site-main-contact .section-contact-page .contact-copy h2 {
    max-width: 12ch;
    margin-bottom: 18px;
    font-size: clamp(2.7rem, 4.2vw, 4.2rem);
    line-height: 0.94;
    letter-spacing: -0.05em;
}

.site-main-contact .section-contact-page .section-lead,
.site-main-contact .section-contact-page .contact-copy > p {
    max-width: 40ch;
    color: rgba(255, 255, 255, 0.78);
    font-size: 15px;
    line-height: 1.9;
}

.site-main-contact .section-contact-page .contact-copy > p {
    margin-top: 14px;
}

.site-main-contact .section-contact-page .contact-details {
    gap: 14px;
    margin: 28px 0 0;
}

.site-main-contact .section-contact-page .contact-detail {
    position: relative;
    min-height: 48px;
    padding: 0 0 0 50px;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.site-main-contact .section-contact-page .contact-detail::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background-color: rgba(7, 23, 45, 0.78);
    border: 1px solid rgba(56, 189, 248, 0.14);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.site-main-contact .section-contact-page .contact-detail:nth-child(1)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238fd3ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2A19.86 19.86 0 0 1 3.08 6.18 2 2 0 0 1 5.06 4h3a2 2 0 0 1 2 1.72l.34 2.27a2 2 0 0 1-.57 1.72L8.09 11.5a16 16 0 0 0 4.41 4.41l1.79-1.74a2 2 0 0 1 1.72-.57l2.27.34A2 2 0 0 1 22 16.92Z'/%3E%3C/svg%3E");
}

.site-main-contact .section-contact-page .contact-detail:nth-child(2)::before,
.site-main-contact .section-contact-page .contact-detail:nth-child(3)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238fd3ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E");
}

.site-main-contact .section-contact-page .contact-detail:nth-child(4)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238fd3ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6-4.35-6-10a6 6 0 1 1 12 0c0 5.65-6 10-6 10Z'/%3E%3Ccircle cx='12' cy='11' r='2.3'/%3E%3C/svg%3E");
}

.site-main-contact .section-contact-page .contact-detail:nth-child(5)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238fd3ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 8v4l2.5 2.5'/%3E%3C/svg%3E");
}

.site-main-contact .section-contact-page .contact-detail span {
    margin-bottom: 3px;
}

.site-main-contact .section-contact-page .contact-metric-row {
    margin-top: 26px;
    padding-top: 18px;
    gap: 26px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.site-main-contact .section-contact-page .contact-form-shell {
    position: relative;
    overflow: hidden;
    padding: 30px 30px 24px;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(17, 31, 59, 0.96) 0%, rgba(13, 26, 49, 0.98) 100%);
    border: 1px solid rgba(56, 189, 248, 0.14);
    box-shadow: 0 26px 64px rgba(0, 0, 0, 0.26);
    backdrop-filter: blur(16px);
}

.site-main-contact .section-contact-page .contact-form-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 78% 18%, rgba(56, 189, 248, 0.12) 0%, transparent 26%),
        linear-gradient(90deg, transparent, rgba(56, 189, 248, 0.05), transparent);
}

.site-main-contact .section-contact-page .contact-fallback-form,
.site-main-contact .section-contact-page .contact-fallback-form * {
    position: relative;
    z-index: 1;
}

.site-main-contact .section-contact-page .contact-fallback-form h3 {
    margin-bottom: 18px;
    font-size: clamp(1.45rem, 1.6vw, 1.8rem);
}

.section-faq {
    background: var(--ev-light);
}

.section-faq::before {
    display: none;
}

.section-faq h2 {
    color: var(--ev-text-dark);
}

.faq-list {
    max-width: 920px;
    margin: 0 auto;
}

.faq-item {
    border-radius: 12px;
    background: #ffffff;
    border: 1px solid rgba(19, 33, 58, 0.08);
    box-shadow: 0 8px 20px rgba(19, 33, 58, 0.06);
    overflow: hidden;
}

.faq-item summary {
    position: relative;
    padding: 16px 54px 16px 20px;
    list-style: none;
    color: var(--ev-text-dark);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.faq-item summary::-webkit-details-marker {
    display: none;
}

.faq-item summary::after {
    content: "+";
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(19, 33, 58, 0.48);
    font-size: 18px;
}

.faq-item[open] summary::after {
    content: "−";
}

.faq-answer {
    padding: 0 20px 18px;
}

.faq-answer p {
    margin: 0;
    color: var(--ev-text-dark-soft);
    font-size: 14px;
    line-height: 1.8;
}

.section-location {
    padding-top: 96px;
    padding-bottom: 96px;
}

.location-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(300px, 0.62fr);
    gap: 18px;
    align-items: stretch;
}

.location-map,
.location-card {
    position: relative;
    min-height: 420px;
    padding: 24px;
    border-radius: 16px;
    background: rgba(13, 28, 54, 0.96);
    border: 1px solid var(--ev-line);
    box-shadow: var(--ev-shadow-soft);
}

.location-region {
    display: inline-block;
    color: rgba(255, 255, 255, 0.72);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.location-grid {
    position: absolute;
    inset: 64px 24px 54px;
    overflow: hidden;
    border-radius: 12px;
}

.location-grid span {
    position: absolute;
    background: rgba(56, 189, 248, 0.14);
}

.location-grid span:nth-child(1),
.location-grid span:nth-child(2) {
    left: 0;
    right: 0;
    height: 1px;
}

.location-grid span:nth-child(1) {
    top: 35%;
}

.location-grid span:nth-child(2) {
    top: 68%;
}

.location-grid span:nth-child(3),
.location-grid span:nth-child(4) {
    top: 0;
    bottom: 0;
    width: 1px;
}

.location-grid span:nth-child(3) {
    left: 34%;
}

.location-grid span:nth-child(4) {
    left: 68%;
}

.location-pin {
    position: absolute;
    left: 50%;
    top: 56%;
    width: 64px;
    height: 64px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(56, 189, 248, 0.24), transparent 65%);
    display: grid;
    place-items: center;
}

.location-pin span {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--ev-brand-gradient);
    box-shadow: 0 0 16px rgba(56, 189, 248, 0.45);
}

.location-caption {
    position: absolute;
    left: 50%;
    bottom: 22px;
    transform: translateX(-50%);
    padding: 10px 14px;
    border-radius: 8px;
    background: rgba(5, 13, 30, 0.84);
    color: rgba(255, 255, 255, 0.84);
    font-size: 12px;
}

.location-card {
    display: flex;
    flex-direction: column;
    gap: 26px;
}

.location-card-block p {
    margin: 0 0 4px;
    color: var(--ev-text-soft);
    font-size: 14px;
}

.location-label {
    display: inline-block;
    margin-bottom: 10px;
    color: var(--ev-brand);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.location-map-button {
    margin-top: auto;
    width: 100%;
}

.section-cta-panel {
    padding-top: 90px;
    padding-bottom: 90px;
}

.cta-panel {
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
}

.cta-panel p {
    max-width: 520px;
    margin: 0 auto 24px;
    color: var(--ev-text-soft);
}

.site-footer {
    margin-top: 0;
    padding: 0;
    border-top: 1px solid rgba(56, 189, 248, 0.08);
    background: linear-gradient(180deg, #040c1c 0%, #020810 100%);
}

.footer-cta-bar {
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    background: linear-gradient(180deg, rgba(8, 22, 44, 0.96) 0%, rgba(6, 17, 34, 0.94) 100%);
}

.footer-cta-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 20px;
    align-items: center;
    padding: 32px 32px;
}

.footer-cta-copy {
    max-width: 620px;
}

.footer-cta-title {
    max-width: 16ch;
    margin-bottom: 6px;
    font-size: clamp(1.55rem, 2.1vw, 2rem);
    line-height: 1.05;
}

.footer-cta-copy p {
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 13px;
    line-height: 1.6;
}

.footer-cta-button {
    min-width: 220px;
}

.footer-brand-link {
    display: inline-flex;
    align-items: center;
}

.brand-mark,
.brand-text {
    display: none;
}

.footer-brand-copy {
    max-width: 274px;
    color: rgba(255, 255, 255, 0.88);
    font-size: 13px;
    line-height: 1.8;
    margin: 0;
}

.footer-grid {
    display: grid;
    grid-template-columns: 274px 274px 169px 274px;
    gap: 40px;
    padding: 64px 32px;
    align-items: start;
}

.footer-brand-block {
    display: grid;
    gap: 18px;
}

.footer-col {
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: 0;
}

.footer-col h3 {
    margin-bottom: 20px;
    color: rgba(255, 255, 255, 0.83);
    font-family: "Inter", sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.footer-col a {
    display: block;
    color: rgba(255, 255, 255, 0.72);
    font-size: 13px;
    line-height: 1.5;
    padding: 5px 0;
}

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

.footer-contact-list span,
.footer-contact-list a,
.footer-contact-links a {
    color: rgba(255, 255, 255, 0.72);
    font-size: 13px;
    line-height: 1.54;
}

.footer-hours-block {
    margin-top: 18px;
}

.footer-hours-block h4 {
    margin: 0 0 8px;
    color: rgba(255, 255, 255, 0.83);
    font-family: "Inter", sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.footer-hours-block p {
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 13px;
    line-height: 1.54;
}

.footer-bottom {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 20px;
    align-items: center;
    padding: 20px 32px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.footer-social {
    display: inline-flex;
    gap: 12px;
}

.footer-social a {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.72);
    font-size: 12px;
    font-weight: 700;
}

.footer-copy-note,
.footer-copy-signature {
    color: rgba(255, 255, 255, 0.62);
    font-size: 12px;
}

.footer-legal-links {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 20px;
}

.footer-legal-links a {
    color: rgba(255, 255, 255, 0.62);
}

.accordion-layout {
    display: grid;
    grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
    gap: 32px;
    align-items: start;
}

.accordion-heading {
    display: grid;
    gap: 16px;
}

.accordion-heading h2 {
    margin: 0;
}

.accordion-heading p {
    margin: 0;
    max-width: 520px;
    color: var(--muted);
    line-height: 1.7;
}

.accordion-stack {
    display: grid;
    gap: 14px;
}

.accordion-item {
    border-radius: 24px;
    border: 1px solid rgba(20, 37, 69, 0.09);
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 14px 44px rgba(6, 15, 30, 0.08);
    overflow: hidden;
}

.accordion-item[open] {
    border-color: rgba(0, 102, 255, 0.2);
    box-shadow: 0 20px 56px rgba(0, 82, 204, 0.12);
}

.accordion-summary {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 28px 30px;
    cursor: pointer;
}

.accordion-summary::-webkit-details-marker {
    display: none;
}

.accordion-summary strong {
    display: block;
    font-family: "Playfair Display", serif;
    font-size: 22px;
    line-height: 1.2;
    color: #071122;
}

.accordion-summary span {
    display: block;
    margin-top: 8px;
    color: rgba(7, 17, 34, 0.72);
    line-height: 1.6;
}

.accordion-toggle {
    position: relative;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
}

.accordion-toggle::before,
.accordion-toggle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, #0052cc, #38bdf8);
    transform: translate(-50%, -50%);
    transition: transform 0.24s ease, opacity 0.24s ease;
}

.accordion-toggle::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.accordion-item[open] .accordion-toggle::after {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(90deg) scale(0.4);
}

.accordion-body {
    display: grid;
    gap: 18px;
    padding: 0 30px 30px;
    color: rgba(7, 17, 34, 0.76);
}

.accordion-benefit {
    margin: 0;
    font-weight: 600;
    line-height: 1.7;
    color: #10213c;
}

.accordion-deliverables {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.accordion-deliverables li {
    position: relative;
    min-height: 100%;
    padding: 12px 14px 12px 30px;
    border-radius: 16px;
    background: rgba(0, 82, 204, 0.05);
    color: #153157;
    line-height: 1.55;
}

.accordion-deliverables li::before {
    content: "";
    position: absolute;
    top: 18px;
    left: 14px;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: linear-gradient(135deg, #0052cc, #38bdf8);
    box-shadow: 0 0 16px rgba(0, 102, 255, 0.28);
}

.home-figma-shell {
    display: grid;
    gap: 0;
}

.home-gradient {
    background: linear-gradient(90deg, #38bdf8 0%, #0066ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.home-emphasis {
    color: #0052cc;
    font-style: italic;
}

.home-eyebrow-row,
.home-eyebrow-row-centered {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
}

.home-eyebrow-row-centered {
    justify-content: center;
}

.home-eyebrow-line {
    width: 40px;
    height: 1px;
    background: linear-gradient(90deg, #0066ff, transparent);
}

.home-eyebrow-row-centered .home-eyebrow-line:first-child {
    background: linear-gradient(90deg, transparent, #0066ff);
}

.home-eyebrow {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #38bdf8;
}

.home-hero-figma {
    position: relative;
    overflow: hidden;
    padding-top: 128px;
    padding-bottom: 96px;
    background:
        radial-gradient(circle at 12% 18%, rgba(0, 102, 255, 0.16), transparent 28%),
        radial-gradient(circle at 36% 38%, rgba(0, 72, 190, 0.08), transparent 30%),
        radial-gradient(circle at 88% 78%, rgba(56, 189, 248, 0.12), transparent 26%),
        linear-gradient(165deg, #020b18 0%, #040d1e 25%, #061228 50%, #071630 70%, #040d1e 100%);
}

.home-hero-figma::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 50% 28%, rgba(0, 102, 255, 0.08), transparent 36%),
        linear-gradient(rgba(56, 189, 248, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(56, 189, 248, 0.025) 1px, transparent 1px);
    background-size: auto, 60px 60px, 60px 60px;
}

.home-hero-figma::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: clamp(220px, 34vw, 360px);
    pointer-events: none;
    background:
        linear-gradient(to top, rgba(2, 11, 24, 0.98) 0%, rgba(2, 11, 24, 0.52) 42%, rgba(2, 11, 24, 0) 100%),
        url("../img/client/home-hero-cityscape.svg") center bottom / cover no-repeat;
}

.home-hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(340px, 0.88fr);
    gap: 44px;
    align-items: center;
}

.home-hero-copy {
    max-width: 700px;
}

.home-hero-title {
    max-width: 700px;
    margin-bottom: 26px;
    font-size: clamp(1.75rem, 4.5vw, 3.625rem);
    line-height: 1.15;
    letter-spacing: -0.01em;
}

.home-hero-title .title-accent {
    display: inline;
}

.home-hero-title em {
    font-style: italic;
}

.home-hero-subtitle {
    max-width: 540px;
    margin-bottom: 34px;
    font-size: clamp(1rem, 1.45vw, 1.08rem);
    color: rgba(255, 255, 255, 0.85);
}

.home-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.home-hero-panel {
    position: relative;
    border-radius: 24px;
    padding: 28px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(56, 189, 248, 0.12);
    backdrop-filter: blur(18px);
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.home-hero-panel-intro {
    display: grid;
    gap: 8px;
    margin-bottom: 22px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(56, 189, 248, 0.1);
}

.home-hero-panel-intro span {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #38bdf8;
}

.home-hero-panel-intro strong {
    font-family: "Playfair Display", serif;
    font-size: 1.18rem;
    line-height: 1.35;
    color: #fff;
}

.home-hero-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.home-hero-metric {
    display: grid;
    gap: 4px;
    padding: 15px 16px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(56, 189, 248, 0.12);
}

.home-hero-metric strong {
    font-family: "Playfair Display", serif;
    font-size: 1.7rem;
    line-height: 1;
    color: #fff;
}

.home-hero-metric span {
    font-size: 11px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.72);
}

.home-hero-bars {
    display: flex;
    align-items: end;
    gap: 8px;
    margin-top: 18px;
}

.home-hero-bars span {
    flex: 1;
    border-radius: 999px;
    background: linear-gradient(to top, rgba(0, 102, 255, 0.35), rgba(56, 189, 248, 0.78));
    box-shadow: 0 0 8px rgba(56, 189, 248, 0.18);
}

.home-hero-bars span:nth-child(1) { height: 24px; }
.home-hero-bars span:nth-child(2) { height: 38px; }
.home-hero-bars span:nth-child(3) { height: 30px; }
.home-hero-bars span:nth-child(4) { height: 52px; }
.home-hero-bars span:nth-child(5) { height: 34px; }
.home-hero-bars span:nth-child(6) { height: 60px; }
.home-hero-bars span:nth-child(7) { height: 44px; }
.home-hero-bars span:nth-child(8) { height: 28px; }

.home-services-figma {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 85% 15%, rgba(0, 82, 204, 0.06) 0%, transparent 55%),
        radial-gradient(circle at 10% 85%, rgba(2, 132, 199, 0.05) 0%, transparent 50%),
        #e5ecf7;
}

.home-services-figma::before,
.home-about-figma::before,
.site-main-home .section:not(.home-hero-figma):not(.home-metrics-figma):not(.home-methodology-figma):not(.home-healthcare-figma):not(.home-cases-figma)::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.home-section-header {
    display: grid;
    gap: 10px;
    margin-bottom: 54px;
}

.home-services-figma .home-section-header {
    gap: 18px;
    margin-bottom: 42px;
}

.home-section-header-light h2,
.home-about-copy h2 {
    color: #030d1e;
}

.home-section-header-dark h2 {
    color: #eff6ff;
}

.home-section-header-centered {
    justify-items: center;
    text-align: center;
}

.home-section-copy {
    display: grid;
    gap: 14px;
    max-width: 760px;
}

.home-services-figma .home-section-copy {
    max-width: none;
    grid-template-columns: minmax(0, 1.08fr) minmax(290px, 0.82fr);
    gap: 42px;
    align-items: center;
}

.home-services-figma .home-section-copy h2 {
    max-width: 15.2ch;
    font-size: clamp(2.4rem, 3.9vw, 3.4rem);
    line-height: 1.04;
}

.home-services-figma .home-section-copy p {
    max-width: 360px;
    padding-bottom: 0;
}

.home-section-copy p {
    margin: 0;
    font-size: 15px;
    line-height: 1.8;
}

.home-section-header-light .home-section-copy p,
.home-about-copy,
.home-about-copy p {
    color: #1a2b40;
}

.home-section-header-dark .home-section-copy p,
.home-cases-header p {
    color: #94a3b8;
}

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

.home-service-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: 100%;
    min-height: 196px;
    padding: 20px 16px 22px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.home-service-card:hover {
    transform: translateY(-4px);
    border-color: rgba(56, 189, 248, 0.18);
    box-shadow: 0 20px 38px rgba(15, 23, 42, 0.12);
}

.home-service-card::before {
    display: none;
}

.home-service-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.home-service-tag {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 8.5px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #2f7df6;
    background: rgba(47, 125, 246, 0.04);
    border: 1px solid rgba(47, 125, 246, 0.16);
}

.home-service-icon {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.12);
}

.home-service-icon img {
    width: 12px;
    height: 12px;
    object-fit: contain;
    opacity: 0.76;
}

.home-service-card h3 {
    max-width: 11ch;
    margin: 0 0 4px;
    font-size: 1.2rem;
    line-height: 1.1;
    letter-spacing: -0.03em;
    color: #08111f;
}

.home-service-card strong {
    display: block;
    margin-bottom: 14px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #0066ff;
}

.home-service-divider {
    display: block;
    width: 100%;
    height: 1px;
    margin: 0 0 14px;
    background: rgba(15, 23, 42, 0.08);
}

.home-service-card p {
    margin: 0;
    color: #223349;
    font-size: 13.4px;
    line-height: 1.76;
}

.home-service-card > * {
    position: relative;
    z-index: 1;
}

.home-service-card-link {
    position: absolute;
    inset: 0;
    z-index: 2;
    border-radius: inherit;
}

.home-metrics-figma {
    position: relative;
    overflow: hidden;
    padding-top: 78px;
    padding-bottom: 74px;
    background:
        radial-gradient(circle at 50% 50%, rgba(0, 66, 180, 0.08) 0%, transparent 65%),
        radial-gradient(circle at 100% 0, rgba(14, 165, 233, 0.07) 0%, transparent 60%),
        linear-gradient(165deg, #040c1c 0%, #061228 40%, #071530 70%, #040c1c 100%);
}

.home-metrics-figma::before,
.home-methodology-figma::before,
.home-healthcare-figma::before,
.home-cases-figma::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(rgba(56, 189, 248, 0.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(56, 189, 248, 0.02) 1px, transparent 1px);
    background-size: 80px 80px;
}

.home-metrics-figma::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 50% 18%, rgba(56, 189, 248, 0.06), transparent 26%),
        url("../img/client/home-metrics-overlay.svg") center / cover no-repeat;
    opacity: 0.52;
}

.home-metrics-figma .home-section-header {
    position: relative;
    z-index: 1;
    gap: 16px;
    margin-bottom: 34px;
}

.home-metrics-figma .home-section-copy {
    justify-items: center;
}

.home-metrics-figma .home-section-copy h2 {
    max-width: 12ch;
    font-size: clamp(2.55rem, 4vw, 3.65rem);
    line-height: 1.04;
}

.home-metrics-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    background: rgba(56, 189, 248, 0.08);
}

.home-metrics-grid--1 {
    max-width: 420px;
    margin: 0 auto;
    grid-template-columns: minmax(0, 1fr);
}

.home-metrics-grid--2 {
    max-width: 860px;
    margin: 0 auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.home-metrics-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home-metric-card {
    display: grid;
    justify-items: center;
    align-content: start;
    gap: 8px;
    min-height: 150px;
    padding: 20px 24px 18px;
    text-align: center;
    background: linear-gradient(160deg, #071530 0%, #040c1c 100%);
}

.home-metric-kicker {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.92);
}

.home-metric-icon {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px;
    border-radius: 10px;
    background: rgba(0, 102, 255, 0.16);
    border: 1px solid rgba(56, 189, 248, 0.18);
}

.home-metric-icon img {
    width: 16px;
    height: 16px;
    object-fit: contain;
    filter: brightness(1.25);
}

.home-metric-card strong {
    font-family: "Playfair Display", serif;
    font-size: clamp(1.75rem, 2.8vw, 2.8rem);
    line-height: 1;
    background: linear-gradient(135deg, #fff 30%, #38bdf8 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.home-metric-card p {
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 11px;
    line-height: 1.5;
    max-width: 180px;
}

.home-metrics-chart {
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 6px;
    margin-top: 26px;
}

.home-metrics-chart span {
    width: 7px;
    height: calc(var(--h) * 0.38);
    border-radius: 999px;
    background: linear-gradient(to top, rgba(0, 102, 255, 0.2), rgba(56, 189, 248, 0.85));
    box-shadow: 0 0 14px rgba(56, 189, 248, 0.16);
}

.home-about-figma {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 80% 20%, rgba(0, 82, 204, 0.07) 0%, transparent 55%),
        radial-gradient(circle at 15% 80%, rgba(2, 132, 199, 0.05) 0%, transparent 50%),
        #eef3fb;
}

.home-about-grid {
    display: grid;
    grid-template-columns: minmax(360px, 0.82fr) minmax(0, 1.08fr);
    gap: 68px;
    align-items: center;
}

.home-about-visual {
    position: relative;
    padding-left: 14px;
    padding-bottom: 18px;
}

.home-about-frame {
    position: absolute;
    top: -18px;
    left: 0;
    width: 92px;
    height: 92px;
    border-radius: 24px;
    border: 2px solid rgba(0, 82, 204, 0.22);
}

.home-about-photo {
    position: relative;
    z-index: 1;
    margin: 0;
    max-width: 430px;
    overflow: hidden;
    border-radius: 26px;
    box-shadow: 0 32px 80px rgba(0, 0, 0, 0.22), 0 8px 24px rgba(0, 0, 0, 0.12);
}

.home-about-photo img {
    display: block;
    width: 100%;
    min-height: 416px;
    object-fit: cover;
}

.home-about-badge {
    position: absolute;
    right: -8px;
    bottom: -6px;
    z-index: 2;
    max-width: 180px;
    padding: 18px 18px;
    border-radius: 20px;
    background: linear-gradient(135deg, #040c1c 0%, #071530 100%);
    border: 1px solid rgba(56, 189, 248, 0.22);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.4);
}

.home-about-badge strong {
    display: block;
    margin-bottom: 4px;
    font-family: "Playfair Display", serif;
    font-size: 2.4rem;
    line-height: 1;
    background: linear-gradient(135deg, #fff 30%, #38bdf8 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.home-about-badge span {
    display: block;
    color: rgba(255, 255, 255, 0.9);
    font-size: 11px;
    line-height: 1.45;
}

.home-about-copy h2 {
    max-width: 20.8ch;
    font-size: clamp(2.55rem, 4vw, 3.85rem);
    line-height: 1.02;
}

.home-about-text {
    display: grid;
    gap: 2px;
    margin-bottom: 28px;
}

.home-about-text p {
    margin: 0;
}

.home-about-checks {
    display: grid;
    gap: 0;
    margin: 0 0 28px;
    padding: 0;
    list-style: none;
}

.home-about-checks li {
    position: relative;
    padding: 12px 0 12px 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    color: #1a2b40;
    font-size: 14px;
    line-height: 1.6;
}

.home-about-checks li::before {
    content: "";
    position: absolute;
    top: 18px;
    left: 2px;
    width: 14px;
    height: 14px;
    border-radius: 999px;
    border: 2px solid #0052cc;
    box-shadow: inset 0 0 0 3px #eef3fb;
    background: #fff;
}

.home-link-arrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #0052cc;
}

.home-link-arrow::after {
    content: "↗";
    font-size: 15px;
}

.home-about-button {
    min-height: 44px;
    padding-inline: 22px;
    border-radius: 10px;
    font-size: 13px;
    letter-spacing: 0.03em;
}

.home-methodology-figma {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 0 30%, rgba(0, 66, 180, 0.1) 0%, transparent 42%),
        linear-gradient(170deg, #050e20 0%, #061228 50%, #040c1c 100%);
}

.home-methodology-figma::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 50% 18%, rgba(56, 189, 248, 0.05), transparent 24%),
        url("../img/client/home-methodology-overlay.svg") center / cover no-repeat;
    opacity: 0.46;
}

.home-methodology-figma .home-section-header {
    position: relative;
    z-index: 1;
    gap: 18px;
    margin-bottom: 34px;
}

.home-methodology-figma .home-section-copy {
    max-width: none;
    grid-template-columns: minmax(0, 1.04fr) minmax(280px, 0.84fr);
    gap: 48px;
    align-items: end;
}

.home-methodology-figma .home-section-copy h2 {
    max-width: 8.8ch;
    font-size: clamp(2.45rem, 3.2vw, 3.7rem);
    line-height: 1.06;
}

.home-methodology-figma .home-section-copy p {
    max-width: 340px;
    padding-bottom: 10px;
    color: rgba(255, 255, 255, 0.8);
}

.home-methodology-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.home-methodology-card {
    position: relative;
    display: grid;
    gap: 10px;
    min-height: 100%;
    padding: 28px 26px 26px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18);
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.home-methodology-card:hover {
    transform: translateY(-4px);
    border-color: rgba(56, 189, 248, 0.24);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.28);
}

.home-methodology-index {
    color: #38bdf8;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.home-methodology-card h3 {
    margin-bottom: 0;
    font-size: 1.35rem;
    color: #fff;
    letter-spacing: -0.02em;
}

.home-methodology-card p {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 13.5px;
    line-height: 1.72;
}

.home-healthcare-figma {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0, rgba(14, 165, 233, 0.1) 0%, transparent 40%),
        radial-gradient(circle at 0 100%, rgba(0, 82, 204, 0.14) 0%, transparent 40%),
        linear-gradient(160deg, #061834 0%, #082240 50%, #051630 100%);
}

.home-healthcare-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
    gap: 56px;
    align-items: center;
}

.home-healthcare-heart {
    width: 38px;
    height: 38px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 12px;
    background: rgba(56, 189, 248, 0.15);
    border: 1px solid rgba(56, 189, 248, 0.3);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.home-healthcare-heart::before {
    content: "";
    width: 18px;
    height: 18px;
    background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238fd3ff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-6.5-4.2-8.3-7.6C1.9 9.1 3.1 5 7 5c2 0 3.2 1 5 3 1.8-2 3-3 5-3 3.9 0 5.1 4.1 3.3 7.4C18.5 15.8 12 20 12 20Z'/%3E%3Cpath d='M9 11h2l1-2 1 4 1-2h2'/%3E%3C/svg%3E");
    opacity: 0.96;
}

.home-healthcare-lead {
    margin-bottom: 24px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 16px;
    line-height: 1.8;
}

.home-healthcare-pillar {
    display: grid;
    gap: 5px;
    padding: 16px 14px;
    text-align: center;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(56, 189, 248, 0.18);
    backdrop-filter: blur(12px);
}

.home-healthcare-pillars {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 26px;
}

.home-healthcare-pillar strong {
    color: #fff;
    font-size: 11px;
    line-height: 1.3;
}

.home-healthcare-pillar span {
    color: rgba(255, 255, 255, 0.66);
    font-size: 10.5px;
    line-height: 1.4;
}

.home-healthcare-features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 20px;
    margin: 0 0 28px;
    padding: 0;
    list-style: none;
}

.home-healthcare-features li {
    position: relative;
    padding: 12px 0 12px 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.82);
    font-size: 13px;
}

.home-healthcare-features li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: linear-gradient(135deg, #38bdf8, #0066ff);
    box-shadow: 0 0 14px rgba(56, 189, 248, 0.2);
}

.home-healthcare-visual {
    position: relative;
}

.home-healthcare-photo {
    margin: 0;
    overflow: hidden;
    border-radius: 26px;
    box-shadow: 0 32px 80px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(56, 189, 248, 0.1);
}

.home-healthcare-photo img {
    display: block;
    width: 100%;
    min-height: 520px;
    object-fit: cover;
}

.home-healthcare-case {
    position: absolute;
    left: -24px;
    bottom: 38px;
    max-width: 230px;
    padding: 22px;
    border-radius: 18px;
    background: linear-gradient(135deg, #040c1c 0%, #071530 100%);
    border: 1px solid rgba(56, 189, 248, 0.3);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5);
}

.home-healthcare-case span {
    display: block;
    margin-bottom: 8px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #38bdf8;
}

.home-healthcare-case strong {
    display: block;
    margin-bottom: 6px;
    font-family: "Playfair Display", serif;
    font-size: 2rem;
    color: #fff;
}

.home-healthcare-case p {
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 11px;
    line-height: 1.45;
}

.home-cases-figma {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 10% 0, rgba(0, 102, 255, 0.08) 0%, transparent 32%),
        radial-gradient(circle at 100% 100%, rgba(14, 165, 233, 0.06) 0%, transparent 30%),
        linear-gradient(175deg, #020c1e 0%, #041020 55%, #020c1e 100%);
}

.home-cases-header {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
    align-items: end;
}

.home-cases-title {
    max-width: 560px;
}

.home-case-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 32px;
}

.home-case-filter {
    appearance: none;
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 8px 18px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.78);
    font-family: inherit;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.06em;
    cursor: pointer;
    transition: color 0.25s ease, border-color 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;
}

.home-case-filter:hover {
    color: rgba(255, 255, 255, 0.9);
    border-color: rgba(56, 189, 248, 0.18);
    background: rgba(255, 255, 255, 0.07);
}

.home-case-filter.is-active {
    background: linear-gradient(135deg, #0052cc 0%, #0ea5e9 100%);
    border-color: rgba(56, 189, 248, 0.35);
    color: #fff;
    box-shadow: 0 4px 16px rgba(0, 102, 255, 0.28);
}

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

.home-case-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    overflow: hidden;
    border-radius: 24px;
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.052) 0%, rgba(255, 255, 255, 0.016) 100%);
    border: 1px solid rgba(255, 255, 255, 0.13);
    backdrop-filter: blur(12px);
    box-shadow: 0 6px 28px rgba(0, 0, 0, 0.3);
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

.home-case-card[hidden] {
    display: none;
}

.home-case-card:hover {
    transform: translateY(-6px);
    border-color: color-mix(in srgb, var(--case-accent) 45%, transparent);
    box-shadow: 0 30px 54px rgba(0, 0, 0, 0.44);
}

.home-case-top-accent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    height: 1px;
    background: linear-gradient(90deg, var(--case-accent), rgba(56, 189, 248, 0.44), transparent);
    opacity: 0;
    transition: opacity 0.35s ease;
}

.home-case-card:hover .home-case-top-accent {
    opacity: 1;
}

.home-case-cover {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.home-case-cover::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(160deg, rgba(2, 11, 24, 0.34) 0%, rgba(2, 11, 24, 0.78) 100%);
}

.home-case-cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.55s ease;
}

.home-case-card:hover .home-case-cover img {
    transform: scale(1.05);
}

.home-case-segment,
.home-case-metric {
    position: absolute;
    z-index: 1;
}

.home-case-segment {
    top: 16px;
    left: 16px;
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--case-accent) 22%, transparent);
    border: 1px solid color-mix(in srgb, var(--case-accent) 50%, transparent);
    color: #93c5fd;
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.home-case-metric {
    left: 16px;
    bottom: 16px;
    display: grid;
    gap: 4px;
}

.home-case-metric strong {
    font-family: "Playfair Display", serif;
    font-size: 2rem;
    color: #fff;
    text-shadow: 0 0 24px color-mix(in srgb, var(--case-accent) 48%, transparent);
}

.home-case-metric span {
    color: rgba(255, 255, 255, 0.72);
    font-size: 10.5px;
}

.home-case-body {
    display: grid;
    gap: 12px;
    flex: 1;
    padding: 22px;
}

.home-case-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.home-case-tags span {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 2px 8px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.13);
    color: #94a3b8;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.home-case-body h3 {
    margin-bottom: 0;
    font-size: 1.3rem;
    color: #eff6ff;
    letter-spacing: -0.015em;
    line-height: 1.24;
}

.home-case-divider {
    display: block;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.12), transparent);
}

.home-case-body p {
    margin: 0;
    color: #94a3b8;
    font-size: 13px;
    line-height: 1.72;
}

.home-case-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: auto;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.055);
}

.home-case-metric-inline {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.home-case-metric-icon {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 8px;
    background: color-mix(in srgb, var(--case-accent) 18%, transparent);
    border: 1px solid color-mix(in srgb, var(--case-accent) 35%, transparent);
}

.home-case-metric-icon img {
    width: 13px;
    height: 13px;
    object-fit: contain;
}

.home-case-metric-copy {
    display: grid;
    gap: 2px;
}

.home-case-metric-copy strong {
    color: var(--case-accent);
    font-family: "Playfair Display", serif;
    font-size: 17px;
    line-height: 1;
}

.home-case-metric-copy span {
    color: #94a3b8;
    font-size: 9px;
    letter-spacing: 0.05em;
}

.home-case-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: auto;
    color: var(--case-accent);
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    opacity: 0;
    transform: translateX(6px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.home-case-link span {
    font-size: 12px;
}

.home-case-card:hover .home-case-link {
    opacity: 1;
    transform: translateX(0);
}

.home-cases-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 56px;
    padding-top: 34px;
    border-top: 1px solid rgba(255, 255, 255, 0.055);
}

.home-cases-cta strong {
    display: block;
    margin-bottom: 6px;
    font-family: "Playfair Display", serif;
    font-size: clamp(1.3rem, 2vw, 1.55rem);
    color: #eff6ff;
}

.home-cases-cta span {
    color: #94a3b8;
    font-size: 13px;
}

.site-main-home .section-contact {
    position: relative;
    background:
        linear-gradient(170deg, #040c1c 0%, #061228 40%, #071530 70%, #040c1c 100%);
}

.site-main-home .section-contact::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(rgba(56, 189, 248, 0.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(56, 189, 248, 0.02) 1px, transparent 1px);
    background-size: 70px 70px;
}

.site-main-home .section-home-contact {
    overflow: hidden;
}

.home-contact-shell {
    position: relative;
    z-index: 1;
}

.home-contact-shell::before,
.home-contact-shell::after,
.home-contact-bars,
.home-contact-line {
    position: absolute;
    pointer-events: none;
}

.home-contact-shell::before {
    content: "";
    inset: 0;
    background:
        radial-gradient(circle at 14% 76%, rgba(56, 189, 248, 0.08) 0%, transparent 28%),
        radial-gradient(circle at 78% 24%, rgba(56, 189, 248, 0.05) 0%, transparent 24%);
    opacity: 0.95;
}

.home-contact-shell::after {
    content: "";
    left: 0;
    right: 44%;
    bottom: 36px;
    height: 154px;
    opacity: 0.18;
    background:
        radial-gradient(circle at 4% 82%, rgba(56, 189, 248, 0.66) 0 2px, transparent 3px),
        radial-gradient(circle at 20% 68%, rgba(56, 189, 248, 0.62) 0 2px, transparent 3px),
        radial-gradient(circle at 40% 74%, rgba(56, 189, 248, 0.56) 0 2px, transparent 3px),
        radial-gradient(circle at 58% 46%, rgba(56, 189, 248, 0.62) 0 2px, transparent 3px),
        radial-gradient(circle at 80% 56%, rgba(56, 189, 248, 0.56) 0 2px, transparent 3px),
        radial-gradient(circle at 96% 30%, rgba(56, 189, 248, 0.62) 0 2px, transparent 3px),
        linear-gradient(168deg, transparent 0 18%, rgba(56, 189, 248, 0.12) 18.2% 18.9%, transparent 19.1% 100%) 0 0 / 22% 100% no-repeat,
        linear-gradient(162deg, transparent 0 22%, rgba(56, 189, 248, 0.12) 22.2% 22.9%, transparent 23.1% 100%) 18% 0 / 25% 100% no-repeat,
        linear-gradient(196deg, transparent 0 32%, rgba(56, 189, 248, 0.11) 32.2% 32.9%, transparent 33.1% 100%) 42% 0 / 21% 100% no-repeat,
        linear-gradient(158deg, transparent 0 26%, rgba(56, 189, 248, 0.1) 26.2% 26.9%, transparent 27.1% 100%) 60% 0 / 24% 100% no-repeat,
        linear-gradient(192deg, transparent 0 24%, rgba(56, 189, 248, 0.11) 24.2% 24.9%, transparent 25.1% 100%) 80% 0 / 20% 100% no-repeat;
}

.home-contact-bars {
    top: 12px;
    left: 46%;
    width: 220px;
    height: 148px;
    opacity: 0.16;
    background:
        linear-gradient(180deg, rgba(56, 189, 248, 0.22), transparent 88%) 0 28px / 18px 108px no-repeat,
        linear-gradient(180deg, rgba(56, 189, 248, 0.18), transparent 88%) 34px 0 / 18px 142px no-repeat,
        linear-gradient(180deg, rgba(56, 189, 248, 0.2), transparent 88%) 68px 20px / 18px 122px no-repeat,
        linear-gradient(180deg, rgba(56, 189, 248, 0.14), transparent 88%) 102px 44px / 18px 96px no-repeat,
        linear-gradient(180deg, rgba(56, 189, 248, 0.2), transparent 88%) 136px 12px / 18px 130px no-repeat,
        linear-gradient(180deg, rgba(56, 189, 248, 0.14), transparent 88%) 170px 36px / 18px 102px no-repeat,
        linear-gradient(180deg, rgba(56, 189, 248, 0.18), transparent 88%) 204px 18px / 18px 124px no-repeat;
}

.home-contact-line {
    top: 26px;
    right: 18px;
    width: 160px;
    height: 100px;
    opacity: 0.18;
    background:
        linear-gradient(180deg, rgba(56, 189, 248, 0.18), transparent 82%) 16px 16px / 1px 70px no-repeat,
        linear-gradient(180deg, rgba(56, 189, 248, 0.18), transparent 82%) 52px 8px / 1px 80px no-repeat,
        linear-gradient(180deg, rgba(56, 189, 248, 0.18), transparent 82%) 88px 24px / 1px 62px no-repeat,
        linear-gradient(180deg, rgba(56, 189, 248, 0.18), transparent 82%) 124px 12px / 1px 74px no-repeat,
        linear-gradient(90deg, rgba(56, 189, 248, 0.18), rgba(56, 189, 248, 0.06)) 0 62px / 160px 1px no-repeat,
        linear-gradient(90deg, rgba(56, 189, 248, 0.14), rgba(56, 189, 248, 0.04)) 0 28px / 160px 1px no-repeat;
}

.home-contact-layout {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 0.78fr) minmax(360px, 0.94fr);
    gap: clamp(28px, 4vw, 56px);
    align-items: start;
}

.home-contact-copy {
    max-width: 470px;
    padding-top: 16px;
}

.home-eyebrow-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
}

.home-eyebrow-line {
    width: 38px;
    height: 1px;
    background: rgba(56, 189, 248, 0.7);
}

.home-eyebrow {
    color: #38bdf8;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.home-contact-title {
    max-width: 11ch;
    margin-bottom: 18px;
    color: #f8fbff;
    font-size: clamp(2.8rem, 4.6vw, 4.25rem);
    line-height: 0.93;
    letter-spacing: -0.05em;
}

.home-contact-emphasis {
    display: inline;
    background: linear-gradient(180deg, #52c8ff 0%, #0f7dff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.home-contact-lead {
    max-width: 38ch;
    margin-bottom: 30px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 15px;
    line-height: 1.88;
}

.home-contact-details {
    display: grid;
    gap: 14px;
    margin-bottom: 30px;
}

.home-contact-detail {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}

.home-contact-detail-icon {
    width: 40px;
    height: 40px;
    border-radius: 14px;
    background-color: rgba(8, 24, 47, 0.8);
    border: 1px solid rgba(56, 189, 248, 0.14);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.home-contact-detail-icon.is-phone {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238fd3ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2A19.86 19.86 0 0 1 3.08 6.18 2 2 0 0 1 5.06 4h3a2 2 0 0 1 2 1.72l.34 2.27a2 2 0 0 1-.57 1.72L8.09 11.5a16 16 0 0 0 4.41 4.41l1.79-1.74a2 2 0 0 1 1.72-.57l2.27.34A2 2 0 0 1 22 16.92Z'/%3E%3C/svg%3E");
}

.home-contact-detail-icon.is-mail {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238fd3ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E");
}

.home-contact-detail-icon.is-location {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238fd3ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6-4.35-6-10a6 6 0 1 1 12 0c0 5.65-6 10-6 10Z'/%3E%3Ccircle cx='12' cy='11' r='2.3'/%3E%3C/svg%3E");
}

.home-contact-detail-copy {
    display: grid;
    gap: 3px;
}

.home-contact-detail-copy span {
    color: rgba(122, 167, 255, 0.86);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.home-contact-detail-copy a,
.home-contact-detail-copy strong {
    color: rgba(255, 255, 255, 0.88);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

.home-contact-metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 26px;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.home-contact-metric strong {
    display: block;
    color: #38bdf8;
    font-family: "Playfair Display", serif;
    font-size: 32px;
    line-height: 1;
}

.home-contact-metric span {
    display: block;
    margin-top: 4px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.home-contact-form-shell {
    position: relative;
    overflow: hidden;
    padding: 30px 30px 24px;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(18, 32, 60, 0.96) 0%, rgba(12, 25, 48, 0.98) 100%);
    border: 1px solid rgba(56, 189, 248, 0.16);
    box-shadow: 0 28px 72px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(14px);
}

.home-contact-form-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 80% 16%, rgba(56, 189, 248, 0.12) 0%, transparent 28%),
        linear-gradient(90deg, transparent, rgba(56, 189, 248, 0.04), transparent);
}

.home-contact-form,
.home-contact-form * {
    position: relative;
    z-index: 1;
}

.home-contact-form h3 {
    margin-bottom: 18px;
    font-size: clamp(1.45rem, 1.6vw, 1.8rem);
}

.home-contact-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.home-contact-form-grid label {
    display: grid;
    gap: 8px;
}

.home-contact-form-grid label span {
    color: rgba(255, 255, 255, 0.72);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.home-contact-form-full {
    grid-column: 1 / -1;
}

.home-contact-form input,
.home-contact-form textarea {
    width: 100%;
    padding: 14px 16px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(255, 255, 255, 0.04);
    color: #ffffff;
    font: inherit;
}

.home-contact-form input::placeholder,
.home-contact-form textarea::placeholder {
    color: rgba(255, 255, 255, 0.32);
}

.home-contact-form textarea {
    min-height: 120px;
    resize: vertical;
}

.home-contact-submit {
    width: 100%;
    margin-top: 18px;
}

.home-contact-privacy {
    margin: 12px 0 0;
    color: rgba(255, 255, 255, 0.44);
    font-size: 11px;
    line-height: 1.6;
    text-align: center;
}

.site-main-home .section-home-light {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 85% 15%, rgba(0, 82, 204, 0.06) 0%, transparent 55%),
        radial-gradient(circle at 10% 85%, rgba(2, 132, 199, 0.05) 0%, transparent 50%),
        #eef3fb;
}

.site-main-home .section-home-light::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(0, 82, 204, 0.08), transparent);
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: top center;
}

.site-main-home .section-home-light .section-heading h2,
.site-main-home .section-home-light .card-podcast h3,
.site-main-home .section-home-light .card-testimonial strong {
    color: #030d1e;
}

.site-main-home .section-home-light .section-heading p,
.site-main-home .section-home-light .card-podcast p,
.site-main-home .section-home-light .card-testimonial .quote,
.site-main-home .section-home-light .card-testimonial span {
    color: #1a2b40;
}

.site-main-home .section-home-light .card-podcast,
.site-main-home .section-home-light .card-testimonial {
    background: rgba(255, 255, 255, 0.95);
    border-color: rgba(0, 0, 0, 0.08);
    box-shadow: 0 8px 26px rgba(0, 0, 0, 0.08);
}

.site-main-home .section-home-light .card-link,
.site-main-home .section-home-light .card-tag,
.site-main-home .section-home-light .card-testimonial strong {
    color: #0052cc;
}

.site-main-home .section-home-podcast {
    position: relative;
    overflow: hidden;
}

.site-main-home .section-home-podcast::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 14% 50%, rgba(255, 255, 255, 0.35) 0%, transparent 24%),
        radial-gradient(circle at 82% 20%, rgba(0, 102, 255, 0.05) 0%, transparent 28%);
    opacity: 0.9;
}

.home-podcast-shell {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 460px) minmax(0, 1fr);
    gap: 72px;
    align-items: center;
}

.home-podcast-brand {
    display: grid;
    gap: 22px;
}

.home-podcast-player {
    position: relative;
    overflow: hidden;
    padding: 30px 30px 28px;
    border-radius: 22px;
    background: linear-gradient(145deg, #040c1c 0%, #071530 60%, #0a1e40 100%);
    border: 1px solid rgba(56, 189, 248, 0.18);
    box-shadow: 0 32px 80px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(56, 189, 248, 0.06);
}

.home-podcast-player::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 24% 74%, rgba(56, 189, 248, 0.13), transparent 34%),
        radial-gradient(circle at 80% 18%, rgba(0, 102, 255, 0.14), transparent 28%);
    opacity: 0.95;
}

.home-podcast-wave,
.home-podcast-player-brand,
.home-podcast-player-description,
.home-podcast-player-actions {
    position: relative;
    z-index: 1;
}

.home-podcast-wave {
    display: grid;
    grid-template-columns: repeat(23, minmax(0, 1fr));
    align-items: end;
    gap: 3px;
    margin-bottom: 24px;
}

.home-podcast-wave span {
    height: var(--bar-height);
    border-radius: 999px;
    background: linear-gradient(180deg, #38bdf8 0%, #0066ff 100%);
    opacity: var(--bar-opacity);
    box-shadow: 0 0 14px rgba(56, 189, 248, 0.12);
}

.home-podcast-player-brand {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
}

.home-podcast-player-icon {
    position: relative;
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    border-radius: 14px;
    background: linear-gradient(135deg, #0066ff, #38bdf8);
    box-shadow: 0 0 24px rgba(0, 102, 255, 0.38);
}

.home-podcast-player-icon::before,
.home-podcast-player-icon::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
}

.home-podcast-player-icon::before {
    top: 13px;
    width: 10px;
    height: 14px;
    border-radius: 999px;
}

.home-podcast-player-icon::after {
    top: 27px;
    width: 2px;
    height: 8px;
    border-radius: 999px;
    box-shadow:
        0 6px 0 0 #fff,
        6px -2px 0 -1px rgba(255, 255, 255, 0),
        -6px -2px 0 -1px rgba(255, 255, 255, 0);
}

.home-podcast-player-copy strong {
    display: block;
    margin-bottom: 3px;
    color: #fff;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: lowercase;
}

.home-podcast-player-copy span {
    display: block;
    color: #38bdf8;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.home-podcast-player-description {
    margin: 0 0 22px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 14px;
    line-height: 1.72;
}

.home-podcast-player-actions {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.home-podcast-player-button {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 42px;
    padding: 0 18px;
    border-radius: 10px;
    background: linear-gradient(135deg, #0066ff, #0ea5e9);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 0 24px rgba(0, 102, 255, 0.36);
}

.home-podcast-player-button-icon {
    position: relative;
    width: 12px;
    height: 12px;
    flex-shrink: 0;
}

.home-podcast-player-button-icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 2px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid #fff;
}

.home-podcast-player-count {
    color: rgba(255, 255, 255, 0.74);
    font-size: 11px;
    font-weight: 500;
}

.home-podcast-title {
    max-width: none;
    margin: 0;
    color: #030d1e;
    font-size: clamp(2rem, 2.5vw, 3rem);
    line-height: 1.16;
    letter-spacing: -0.02em;
}

.home-podcast-list {
    display: grid;
    gap: 20px;
    align-content: start;
}

.home-podcast-list-label {
    color: #1a2b40;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.home-podcast-episodes {
    display: grid;
    gap: 14px;
}

.home-podcast-episode {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(3, 13, 30, 0.09);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    color: #030d1e;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.home-podcast-episode:hover {
    transform: translateX(6px);
    border-color: rgba(0, 82, 204, 0.24);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
}

.home-podcast-episode-play {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: linear-gradient(135deg, #0052cc, #0284c7);
    box-shadow: 0 4px 18px rgba(0, 82, 204, 0.28);
}

.home-podcast-episode-play-icon {
    position: relative;
    width: 12px;
    height: 12px;
    margin-left: 3px;
}

.home-podcast-episode-play-icon::before {
    content: "";
    position: absolute;
    inset: 1px 0 1px 1px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid #fff;
}

.home-podcast-episode-copy {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.home-podcast-episode-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.home-podcast-episode-number {
    color: #0052cc;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.home-podcast-episode-tag {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 0 8px;
    border-radius: 6px;
    background: rgba(0, 82, 204, 0.08);
    border: 1px solid rgba(0, 82, 204, 0.14);
    color: #0052cc;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home-podcast-episode-heading {
    color: #030d1e;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
}

.home-podcast-episode-date {
    color: #64748b;
    font-size: 11px;
    font-weight: 500;
}

.home-podcast-episode-arrow {
    color: #94a3b8;
    font-size: 18px;
    line-height: 1;
}

.home-podcast-more {
    display: inline-flex;
    align-items: center;
    justify-self: start;
    gap: 8px;
    min-height: 40px;
    padding: 0 18px;
    border-radius: 10px;
    background: rgba(0, 82, 204, 0.08);
    border: 1px solid rgba(0, 82, 204, 0.18);
    color: #0052cc;
    font-size: 13px;
    font-weight: 700;
}

.home-podcast-more span {
    font-size: 14px;
}

.site-main-home .section-home-testimonials {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0, rgba(14, 165, 233, 0.08) 0%, transparent 40%),
        radial-gradient(circle at 0 100%, rgba(0, 66, 180, 0.1) 0%, transparent 36%),
        linear-gradient(170deg, #040c1c 0%, #061228 40%, #071530 70%, #040c1c 100%);
}

.site-main-home .section-home-testimonials::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(rgba(56, 189, 248, 0.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(56, 189, 248, 0.02) 1px, transparent 1px);
    background-size: 72px 72px;
}

.site-main-home .section-home-testimonials::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 50% 18%, rgba(56, 189, 248, 0.05), transparent 24%),
        url("../img/client/home-testimonials-overlay.svg") center / cover no-repeat;
    opacity: 0.5;
}

.home-testimonials-header,
.home-testimonials-grid,
.home-testimonials-dots {
    position: relative;
    z-index: 1;
}

.home-testimonials-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px;
}

.home-testimonials-heading {
    display: grid;
    gap: 12px;
    flex: 1;
    max-width: 880px;
}

.home-testimonials-title {
    max-width: none;
    margin: 0;
    color: #fff;
    font-size: clamp(2rem, 2.7vw, 3rem);
    line-height: 1.08;
}

.home-testimonials-controls {
    display: flex;
    align-items: center;
    gap: 10px;
}

.home-testimonials-arrow {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.78);
    font-size: 18px;
    line-height: 1;
}

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

.home-testimonial-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 176px;
    padding: 18px 18px 16px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(12px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18);
}

.home-testimonial-card.is-featured {
    background: rgba(0, 102, 255, 0.07);
    border-color: rgba(56, 189, 248, 0.28);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.28), 0 0 36px rgba(0, 102, 255, 0.12);
}

.home-testimonial-badge {
    align-self: flex-start;
    margin-bottom: 16px;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.84);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.home-testimonial-card.is-featured .home-testimonial-badge {
    border-color: rgba(56, 189, 248, 0.26);
    background: rgba(56, 189, 248, 0.12);
    color: #38bdf8;
}

.home-testimonial-quote-mark {
    position: absolute;
    top: 18px;
    right: 16px;
    color: rgba(255, 255, 255, 0.12);
    font-size: 50px;
    line-height: 1;
    font-family: "Playfair Display", serif;
}

.home-testimonial-card.is-featured .home-testimonial-quote-mark {
    color: rgba(56, 189, 248, 0.18);
}

.home-testimonial-quote {
    flex: 1;
    margin: 0 0 18px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 13px;
    line-height: 1.7;
    font-style: italic;
}

.home-testimonial-card.is-featured .home-testimonial-quote {
    color: rgba(255, 255, 255, 0.92);
}

.home-testimonial-footer {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.home-testimonial-card.is-featured .home-testimonial-footer {
    border-top-color: rgba(56, 189, 248, 0.16);
}

.home-testimonial-avatar {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, #0066ff, #38bdf8);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
}

.home-testimonial-author-block strong {
    display: block;
    margin: 0 0 2px;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
}

.home-testimonial-author-block span {
    display: block;
    color: rgba(255, 255, 255, 0.68);
    font-size: 10px;
}

.home-testimonials-dots {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 16px;
}

.home-testimonials-dots span {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.22);
}

.home-testimonials-dots span.is-active {
    width: 16px;
    background: linear-gradient(90deg, #0066ff, #38bdf8);
}

.site-main-home .section-home-team {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0, rgba(0, 102, 255, 0.09) 0%, transparent 36%),
        radial-gradient(circle at 0 100%, rgba(14, 165, 233, 0.07) 0%, transparent 32%),
        linear-gradient(175deg, #030c24 0%, #060f1e 55%, #030c24 100%);
}

.site-main-home .section-home-team::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(rgba(0, 102, 255, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 102, 255, 0.025) 1px, transparent 1px);
    background-size: 64px 64px;
}

.home-team-shell {
    position: relative;
    z-index: 1;
}

.home-team-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 36px;
    margin-bottom: 22px;
}

.home-team-heading {
    max-width: 540px;
}

.home-team-title {
    max-width: 540px;
    margin: 0;
    color: #eff6ff;
    font-size: clamp(2rem, 4vw, 3.25rem);
    line-height: 1.08;
    letter-spacing: -0.022em;
}

.home-team-emphasis {
    display: block;
    font-style: italic;
    background: linear-gradient(130deg, #0066ff 0%, #38bdf8 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.home-team-summary {
    display: grid;
    gap: 18px;
    width: min(100%, 344px);
    padding-bottom: 4px;
}

.home-team-summary p {
    margin: 0;
    color: #94a3b8;
    font-size: 14px;
    line-height: 1.8;
}

.home-team-stat {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    justify-self: start;
    min-height: 54px;
    padding: 10px 16px;
    border-radius: 12px;
    background: rgba(0, 102, 255, 0.07);
    border: 1px solid rgba(0, 102, 255, 0.16);
}

.home-team-stat strong {
    color: #0066ff;
    font-family: "Playfair Display", serif;
    font-size: 30px;
    line-height: 1;
}

.home-team-stat span {
    color: #94a3b8;
    font-size: 12px;
    line-height: 1.45;
}

.home-team-featured-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 12px;
}

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

.home-team-card {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    background: linear-gradient(170deg, rgba(255, 255, 255, 0.055) 0%, rgba(255, 255, 255, 0.018) 100%);
    border: 1px solid rgba(255, 255, 255, 0.13);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.34);
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

.home-team-card:hover {
    transform: translateY(-4px);
    border-color: color-mix(in srgb, var(--team-accent) 40%, rgba(255, 255, 255, 0.13));
    box-shadow: 0 26px 54px rgba(0, 0, 0, 0.45);
}

.home-team-card-featured {
    display: flex;
    flex-direction: column;
}

.home-team-card-secondary {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    min-height: 158px;
}

.home-team-visual {
    position: relative;
}

.home-team-visual-featured {
    height: 216px;
}

.home-team-visual-secondary {
    min-height: 158px;
}

.home-team-top-accent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    height: 1px;
    background: linear-gradient(90deg, var(--team-accent), rgba(56, 189, 248, 0.45), transparent);
    opacity: 0;
    transition: opacity 0.35s ease;
}

.home-team-card:hover .home-team-top-accent {
    opacity: 1;
}

.home-team-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(3, 10, 23, 0.92) 0%, rgba(8, 24, 44, 0.78) 100%);
    border: 1px solid color-mix(in srgb, var(--team-accent) 58%, rgba(255, 255, 255, 0.22));
    box-shadow: 0 10px 24px rgba(3, 10, 23, 0.26);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: #f5fbff;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(3, 10, 23, 0.4);
}

.home-team-art {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background:
        radial-gradient(circle at top, rgba(10, 28, 52, 0.92) 0%, rgba(6, 16, 30, 0.78) 46%, rgba(3, 10, 23, 1) 100%),
        linear-gradient(180deg, #06101e 0%, #030a17 100%);
    isolation: isolate;
}

.home-team-art::before,
.home-team-art::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.home-team-art::before {
    z-index: 0;
    background: linear-gradient(rgba(255, 255, 255, 0.014) 1px, transparent 1px);
    background-size: 100% 3px;
    opacity: 0.4;
}

.home-team-art::after {
    z-index: 1;
    background: linear-gradient(180deg, rgba(3, 10, 23, 0) 48%, rgba(3, 10, 23, 0.98) 100%);
}

.home-team-art.has-photo {
    background:
        radial-gradient(circle at 50% 24%, color-mix(in srgb, var(--team-accent) 26%, rgba(255, 255, 255, 0.08)) 0%, transparent 44%),
        linear-gradient(180deg, rgba(10, 22, 38, 0.98) 0%, rgba(3, 10, 23, 1) 100%);
}

.home-team-art.has-photo::before {
    inset: -8%;
    z-index: 0;
    background-image: var(--team-photo);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.78;
    filter: blur(22px) saturate(0.72) brightness(0.48);
    transform: scale(1.14);
}

.home-team-art.has-photo::after {
    z-index: 1;
    background:
        linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
        radial-gradient(circle at 50% 28%, color-mix(in srgb, var(--team-accent) 18%, rgba(255, 255, 255, 0.04)) 0%, transparent 38%),
        linear-gradient(180deg, rgba(3, 10, 23, 0.08) 0%, rgba(3, 10, 23, 0.18) 34%, rgba(3, 10, 23, 0.82) 74%, rgba(3, 10, 23, 0.98) 100%);
    background-size: 100% 4px, 100% 100%, 100% 100%;
}

.home-team-art.has-photo .home-team-photo {
    filter: saturate(0.92) contrast(1.08) brightness(0.98) drop-shadow(0 16px 28px rgba(3, 10, 23, 0.28));
}

.home-team-art-fill-box::after {
    background:
        linear-gradient(rgba(255, 255, 255, 0.015) 1px, transparent 1px),
        linear-gradient(180deg, rgba(3, 10, 23, 0.28) 0%, rgba(3, 10, 23, 0.38) 34%, rgba(3, 10, 23, 0.84) 74%, rgba(3, 10, 23, 0.98) 100%);
    background-size: 100% 4px, 100% 100%;
}

.home-team-photo {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    z-index: 2;
    pointer-events: none;
    transform: translateY(1px);
}

.home-team-photo-featured {
    padding: 22px 28px 16px;
}

.home-team-photo-secondary {
    padding: 14px 14px 10px;
}

.home-team-photo-fill-box {
    padding: 0;
    object-fit: cover;
    object-position: center 16%;
    transform: none;
}

.home-team-art.has-photo .home-team-photo-fill-box {
    filter: saturate(0.84) contrast(1.02) brightness(0.94);
}

.home-team-art-grid {
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, 0.045) 0.65px, transparent 0.65px);
    background-size: 14px 14px;
    opacity: 0.22;
}

.home-team-art-glow {
    top: 12px;
    left: 50%;
    width: 168px;
    height: 168px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: radial-gradient(circle, color-mix(in srgb, var(--team-accent) 30%, transparent) 0%, transparent 72%);
    opacity: 0.95;
}

.home-team-card:hover .home-team-art-glow {
    background: radial-gradient(circle, color-mix(in srgb, var(--team-accent) 42%, transparent) 0%, transparent 72%);
}

.home-team-art-head {
    top: 16px;
    left: 50%;
    width: 62px;
    height: 62px;
    transform: translateX(-50%);
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(17, 34, 64, 0.96) 0%, rgba(12, 26, 48, 0.98) 100%);
}

.home-team-art-neck {
    top: 74px;
    left: 50%;
    width: 18px;
    height: 16px;
    transform: translateX(-50%);
    border-radius: 2px;
    background: linear-gradient(180deg, rgba(17, 34, 64, 0.96) 0%, rgba(12, 26, 48, 0.98) 100%);
}

.home-team-art-body {
    left: 50%;
    bottom: -26px;
    width: 84%;
    height: 148px;
    transform: translateX(-50%);
    border-radius: 50% 50% 20px 20px / 36% 36% 18px 18px;
    background: linear-gradient(180deg, rgba(17, 34, 64, 0.96) 0%, rgba(12, 26, 48, 0.98) 100%);
}

.home-team-art-collar {
    top: 88px;
    width: 1px;
    height: 52px;
    background: color-mix(in srgb, var(--team-accent) 40%, transparent);
    transform-origin: top center;
    opacity: 0.35;
}

.home-team-art-collar-left {
    left: calc(50% - 1px);
    transform: rotate(34deg);
}

.home-team-art-collar-right {
    left: calc(50% - 1px);
    transform: rotate(-34deg);
}

.home-team-art-line {
    left: 46px;
    right: 46px;
    height: 1px;
    background: linear-gradient(90deg, color-mix(in srgb, var(--team-accent) 24%, transparent), transparent);
    opacity: 0.16;
}

.home-team-art-line-1 {
    top: 128px;
}

.home-team-art-line-2 {
    top: 152px;
}

.home-team-art-line-3 {
    top: 176px;
}

.home-team-art-secondary .home-team-art-glow {
    top: 22px;
    width: 112px;
    height: 112px;
}

.home-team-art-secondary .home-team-art-head {
    top: 24px;
    width: 42px;
    height: 42px;
}

.home-team-art-secondary .home-team-art-neck {
    top: 62px;
    width: 14px;
    height: 12px;
}

.home-team-art-secondary .home-team-art-body {
    bottom: -18px;
    width: 94%;
    height: 106px;
}

.home-team-art-secondary .home-team-art-collar {
    top: 72px;
    height: 38px;
}

.home-team-art-secondary::after {
    background:
        linear-gradient(to right, transparent 54%, rgba(3, 10, 23, 0.95) 100%),
        linear-gradient(180deg, rgba(3, 10, 23, 0) 56%, rgba(3, 10, 23, 0.98) 100%);
}

.home-team-card-body {
    position: relative;
    z-index: 2;
}

.home-team-card-body-featured {
    display: grid;
    gap: 10px;
    padding: 16px 18px 18px;
}

.home-team-card-body-secondary {
    display: grid;
    align-content: center;
    gap: 4px;
    padding: 14px 16px 14px 10px;
}

.home-team-card-body h3 {
    max-width: none;
    margin: 0;
    color: #eff6ff;
    font-size: 19px;
    line-height: 1.22;
    letter-spacing: -0.015em;
}

.home-team-card-body-secondary h3 {
    font-size: 16px;
}

.home-team-role,
.home-team-specialty-label {
    display: block;
    color: var(--team-accent);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.home-team-specialty-label {
    color: #7b9ec4;
    font-size: 8.5px;
    letter-spacing: 0.16em;
}

.home-team-divider {
    display: block;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, color-mix(in srgb, var(--team-accent) 24%, transparent), transparent);
}

.home-team-card-body p {
    margin: 0;
    color: #94a3b8;
    font-size: 12.5px;
    line-height: 1.68;
}

.home-team-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 26px;
    margin-top: 46px;
    padding-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.055);
}

.home-team-footer p {
    max-width: 460px;
    margin: 0;
    color: #7a97b5;
    font-size: 13px;
    line-height: 1.78;
}

@media (max-width: 1180px) {
    .home-hero-grid,
    .home-about-grid,
    .home-healthcare-grid,
    .home-cases-header,
    .home-podcast-shell {
        grid-template-columns: 1fr;
    }

    .home-team-header,
    .home-team-footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .home-testimonials-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .home-testimonials-grid {
        grid-template-columns: 1fr;
    }

    .home-services-figma .home-section-copy {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .home-services-figma .home-section-copy h2,
    .home-services-figma .home-section-copy p,
    .home-methodology-figma .home-section-copy h2,
    .home-methodology-figma .home-section-copy p {
        max-width: none;
    }

    .home-methodology-figma .home-section-copy {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .home-podcast-shell {
        gap: 40px;
    }

    .home-services-grid,
    .home-cases-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-team-featured-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-metrics-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-methodology-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-about-badge,
    .home-healthcare-case {
        position: static;
        margin-top: 18px;
    }
}

@media (max-width: 920px) {
    .site-header-inner {
        align-items: center;
        min-height: 84px;
        padding: 14px 0;
    }

    .menu-toggle {
        justify-self: end;
    }

    .home-hero-figma {
        padding-top: 112px;
        padding-bottom: 82px;
    }

    .home-hero-grid,
    .home-about-grid,
    .home-healthcare-grid,
    .home-podcast-shell,
    .home-contact-layout {
        gap: 32px;
    }

    .home-testimonials-title {
        max-width: none;
        font-size: clamp(2.35rem, 5.6vw, 3rem);
        line-height: 1.08;
    }

    .home-testimonials-controls {
        display: none;
    }

    .home-hero-title {
        max-width: 11.5ch;
        margin-bottom: 22px;
        font-size: clamp(2.9rem, 6.8vw, 4.2rem);
        line-height: 1.08;
    }

    .home-hero-subtitle,
    .home-cases-header p,
    .home-contact-lead {
        max-width: none;
        font-size: 15px;
        line-height: 1.72;
    }

    .home-services-figma .home-section-copy h2,
    .home-metrics-figma .home-section-copy h2,
    .home-methodology-figma .home-section-copy h2,
    .home-about-copy h2,
    .home-healthcare-copy h2,
    .home-cases-title,
    .home-podcast-title,
    .home-contact-title {
        max-width: none;
    }

    .home-services-figma .home-section-copy h2,
    .home-metrics-figma .home-section-copy h2,
    .home-methodology-figma .home-section-copy h2,
    .home-podcast-title {
        font-size: clamp(2.35rem, 5.4vw, 3rem);
        line-height: 1.1;
    }

    .home-about-copy h2,
    .home-healthcare-copy h2,
    .home-cases-title {
        font-size: clamp(2.45rem, 5.8vw, 3.25rem);
        line-height: 1.08;
    }

    .home-contact-title {
        font-size: clamp(2.55rem, 6.2vw, 3.3rem);
        line-height: 1.02;
    }

    .home-methodology-grid,
    .home-cases-grid,
    .home-healthcare-pillars,
    .home-healthcare-features {
        grid-template-columns: 1fr;
    }

    .home-team-featured-grid,
    .home-team-secondary-grid,
    .home-team-card-secondary {
        grid-template-columns: 1fr;
    }

    .home-hero-panel {
        padding: 24px;
    }

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

    .home-case-filters,
    .home-cases-cta {
        align-items: flex-start;
        flex-direction: column;
    }

    .home-team-visual-featured {
        height: 240px;
    }

    .home-team-visual-secondary {
        min-height: 144px;
    }
}

@media (max-width: 720px) {
    .site-header-inner {
        min-height: 78px;
        gap: 10px;
        padding: 12px 0;
    }

    .mobile-panel {
        margin-top: 8px;
        padding: 18px;
    }

    .home-services-grid,
    .home-cases-grid {
        grid-template-columns: 1fr;
    }

    .home-hero-figma {
        padding-top: 92px;
        padding-bottom: 56px;
    }

    .home-hero-grid,
    .home-about-grid,
    .home-healthcare-grid,
    .home-podcast-shell,
    .home-contact-layout {
        gap: 26px;
    }

    .home-hero-title {
        max-width: none;
        margin-bottom: 18px;
        font-size: clamp(2.2rem, 10.6vw, 3rem);
        line-height: 1.06;
        letter-spacing: -0.03em;
    }

    .home-hero-subtitle {
        margin-bottom: 24px;
        font-size: 15px;
        line-height: 1.68;
    }

    .home-hero-panel {
        padding: 20px;
        border-radius: 20px;
    }

    .home-hero-panel-intro strong {
        font-size: 1.08rem;
    }

    .home-hero-metric strong {
        font-size: 1.5rem;
    }

    .home-services-figma .home-section-copy,
    .home-methodology-figma .home-section-copy,
    .home-section-copy {
        gap: 16px;
    }

    .home-services-figma .home-section-copy h2,
    .home-metrics-figma .home-section-copy h2,
    .home-methodology-figma .home-section-copy h2,
    .home-about-copy h2,
    .home-healthcare-copy h2,
    .home-cases-title,
    .home-testimonials-title,
    .home-podcast-title,
    .home-contact-title {
        max-width: none;
        font-size: clamp(2.05rem, 9.8vw, 2.75rem);
        line-height: 1.08;
        letter-spacing: -0.03em;
    }

    .home-services-figma .home-section-copy p,
    .home-methodology-figma .home-section-copy p,
    .home-section-copy p,
    .home-cases-header p {
        max-width: none;
        font-size: 14px;
        line-height: 1.7;
    }

    .home-service-card {
        min-height: 0;
        padding: 18px 16px 20px;
    }

    .home-service-card h3 {
        max-width: none;
        font-size: 1.18rem;
        line-height: 1.12;
    }

    .home-metric-card {
        min-height: auto;
        padding: 18px 18px 16px;
    }

    .home-metric-card p {
        max-width: none;
    }

    .home-podcast-player,
    .home-podcast-episode {
        padding: 20px;
    }

    .home-podcast-episode {
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .home-podcast-episode-arrow {
        display: none;
    }

    .home-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .home-hero-actions .btn {
        width: 100%;
    }

    .home-about-visual {
        padding-left: 0;
    }

    .home-about-frame {
        width: 74px;
        height: 74px;
    }

    .home-about-photo img,
    .home-healthcare-photo img {
        min-height: 320px;
    }

    .home-about-badge {
        max-width: 164px;
        padding: 16px;
    }

    .home-about-badge strong {
        font-size: 2rem;
    }

    .home-case-cover {
        height: 200px;
    }

    .home-case-footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .home-case-link {
        opacity: 1;
        transform: none;
    }

    .home-case-filter {
        min-height: 36px;
        padding: 7px 14px;
        font-size: 11px;
        letter-spacing: 0.04em;
    }

    .home-case-body {
        padding: 18px;
    }

    .home-case-body h3 {
        font-size: 1.18rem;
        line-height: 1.2;
    }

    .home-team-title {
        max-width: none;
    }

    .home-team-stat {
        width: 100%;
        justify-content: space-between;
    }

    .home-team-card-secondary {
        grid-template-columns: 1fr;
    }

    .home-team-visual-secondary {
        min-height: 120px;
    }

    .home-team-card-body-secondary {
        padding: 14px 16px 16px;
    }

    .home-testimonial-card {
        min-height: auto;
        padding: 18px 16px 16px;
    }

    .home-podcast-title {
        margin-top: 2px;
    }

    .home-contact-copy {
        max-width: none;
        padding-top: 0;
    }

    .home-contact-form-shell {
        padding: 20px 18px;
    }
}

.section-contrast {
    background: rgba(7, 17, 34, 0.56);
}

.section-contrast .split-panel,
.section-contrast .card,
.section-contrast .step-card {
    background: rgba(11, 23, 45, 0.88);
}

.section-hero-services {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 14% 16%, rgba(0, 102, 255, 0.09), transparent 28%),
        radial-gradient(circle at 88% 22%, rgba(56, 189, 248, 0.05), transparent 24%),
        linear-gradient(180deg, #041022 0%, #07162e 60%, #041122 100%);
}

.section-hero-services::before {
    display: none;
}

.section-hero-services::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(rgba(56, 189, 248, 0.018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(56, 189, 248, 0.018) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0) 24%);
    background-size: 44px 44px, 44px 44px, auto;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.78), transparent 100%);
    opacity: 0.82;
}

.section-hero-services .container,
.section-services-differentials .container,
.section-services-next .container {
    position: relative;
    z-index: 1;
}

.hero-shell--services {
    display: block;
    padding-top: 108px;
    padding-bottom: 34px;
}

.hero-copy-services {
    max-width: 720px;
}

.hero-copy-services .section-kicker {
    margin-bottom: 20px;
}

.hero-title-services {
    max-width: 720px;
    margin-bottom: 0;
    font-size: clamp(3.45rem, 5vw, 4.25rem);
    line-height: 1.08;
    letter-spacing: -0.022em;
}

.hero-subtitle-services {
    max-width: 560px;
    margin-top: 24px;
    color: rgba(255, 255, 255, 0.86);
    font-size: 19px;
    line-height: 1.75;
}

.hero-actions-services {
    margin-top: 32px;
    margin-bottom: 48px;
}

.hero-actions-services .btn {
    min-width: 238px;
    min-height: 49px;
}

.services-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.services-hero-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 17px;
    border-radius: 999px;
    border: 1px solid rgba(56, 189, 248, 0.15);
    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.06em;
}

.section-services-ecosystem {
    background:
        radial-gradient(circle at 28% 6%, rgba(255, 255, 255, 0.72), transparent 22%),
        #e5ecf7;
    color: var(--ev-text-dark);
}

.section-services-ecosystem::before,
.section-services-scope::before,
.section-services-methodology::before {
    display: none;
}

.services-ecosystem-copy {
    display: grid;
    grid-template-columns: minmax(0, 600px) minmax(300px, 1fr);
    gap: 32px 64px;
    align-items: end;
}

.services-ecosystem-heading {
    display: grid;
    gap: 20px;
}

.services-ecosystem-kicker,
.services-scope-kicker,
.services-differentials-kicker,
.services-methodology-kicker,
.services-next-kicker {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--ev-brand-strong);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.24em;
    text-transform: uppercase;
}

.services-ecosystem-kicker-line,
.services-scope-kicker-line,
.services-differentials-kicker-line,
.services-methodology-kicker-line,
.services-next-kicker-line {
    width: 34px;
    height: 1px;
    background: linear-gradient(90deg, var(--ev-brand-strong) 0%, rgba(0, 0, 0, 0) 100%);
}

.services-ecosystem-title,
.services-scope-heading h2,
.services-methodology-heading h2 {
    margin: 0;
    color: #060f1e;
    font-size: clamp(2.55rem, 4vw, 2.875rem);
    line-height: 1.15;
    letter-spacing: -0.02em;
}

.services-ecosystem-intro {
    max-width: 420px;
    margin: 42px 0 0 auto;
    color: #475569;
    font-size: 16px;
    line-height: 1.7;
}

.services-ecosystem-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    margin-top: 64px;
}

.services-ecosystem-card {
    min-height: 220px;
    padding: 32px 28px;
    border-radius: 16px;
    border: 1px solid rgba(6, 15, 30, 0.1);
    background: #ffffff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.09);
}

.services-ecosystem-card h3 {
    max-width: none;
    margin: 20px 0 10px;
    color: #060f1e;
    font-size: 20px;
    line-height: 1.25;
    letter-spacing: -0.01em;
}

.services-ecosystem-card p {
    margin: 0;
    color: #475569;
    font-size: 14px;
    line-height: 1.65;
}

.services-ecosystem-icon {
    position: relative;
    display: inline-flex;
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(0, 102, 255, 0.12) 0%, rgba(14, 165, 233, 0.12) 100%);
}

.services-ecosystem-icon::before,
.services-ecosystem-icon::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    box-sizing: border-box;
    transform: translate(-50%, -50%);
}

.services-ecosystem-icon-1::before {
    width: 24px;
    height: 24px;
    border: 2px solid #0066ff;
    border-radius: 50%;
}

.services-ecosystem-icon-1::after {
    width: 10px;
    height: 10px;
    border: 2px solid #0066ff;
    border-radius: 50%;
}

.services-ecosystem-icon-2::before {
    width: 22px;
    height: 18px;
    background: linear-gradient(90deg, #0066ff 0 4px, transparent 4px 8px, #0066ff 8px 12px, transparent 12px 16px, #0066ff 16px 20px);
    transform: translate(-50%, -40%);
}

.services-ecosystem-icon-2::after {
    width: 22px;
    height: 2px;
    background: #0066ff;
    transform: translate(-50%, 8px);
}

.services-ecosystem-icon-3::before {
    width: 24px;
    height: 18px;
    border: 2px solid #0066ff;
    border-radius: 16px 16px 12px 12px;
    clip-path: polygon(0 35%, 22% 35%, 35% 0, 50% 35%, 100% 35%, 100% 100%, 0 100%);
}

.services-ecosystem-icon-3::after {
    width: 16px;
    height: 2px;
    background: #0066ff;
}

.services-ecosystem-icon-4::before {
    width: 22px;
    height: 16px;
    border-left: 2px solid #0066ff;
    border-bottom: 2px solid #0066ff;
    transform: translate(-46%, -32%) rotate(-8deg);
}

.services-ecosystem-icon-4::after {
    width: 12px;
    height: 12px;
    border-top: 2px solid #0066ff;
    border-right: 2px solid #0066ff;
    transform: translate(1px, -1px) rotate(0deg);
}

.services-ecosystem-icon-5::before {
    width: 24px;
    height: 16px;
    border: 2px solid #0066ff;
    border-radius: 4px;
    transform: translate(-50%, -58%);
}

.services-ecosystem-icon-5::after {
    width: 10px;
    height: 2px;
    background: #0066ff;
    transform: translate(-50%, 10px);
    box-shadow: 0 -6px 0 #0066ff;
}

.services-ecosystem-icon-6::before {
    width: 22px;
    height: 18px;
    border: 2px solid #0066ff;
    border-radius: 3px;
    transform: translate(-50%, -50%);
}

.services-ecosystem-icon-6::after {
    width: 2px;
    height: 18px;
    background: #0066ff;
}

.services-ecosystem-icon-7::before {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background:
        radial-gradient(circle at 4px 4px, #0066ff 0 3px, transparent 3px),
        radial-gradient(circle at 20px 20px, #0066ff 0 3px, transparent 3px),
        linear-gradient(135deg, transparent 46%, #0066ff 46% 54%, transparent 54%);
}

.services-ecosystem-icon-7::after {
    width: 8px;
    height: 8px;
    border: 2px solid #0066ff;
    border-radius: 50%;
}

.section-services-scope {
    background: #eef3fb;
    color: var(--ev-text-dark);
}

.services-scope-layout {
    display: grid;
    grid-template-columns: minmax(320px, 379px) minmax(0, 1fr);
    gap: 48px 78px;
    align-items: start;
}

.services-scope-heading {
    display: grid;
    gap: 20px;
    padding-top: 8px;
}

.services-scope-heading p {
    margin: 0;
    color: #64748b;
    font-size: 16px;
    line-height: 1.7;
}

.services-scope-stack {
    display: grid;
    gap: 16px;
    max-width: 760px;
    margin-left: auto;
}

.services-scope-item {
    overflow: hidden;
    border: 1px solid rgba(12, 28, 52, 0.08);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.06);
}

.services-scope-item[open] {
    border-color: rgba(0, 102, 255, 0.14);
    background: linear-gradient(180deg, rgba(227, 239, 255, 0.88) 0%, #ffffff 100%);
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.12);
}

.services-scope-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 28px 32px;
    cursor: pointer;
    list-style: none;
}

.services-scope-summary::-webkit-details-marker {
    display: none;
}

.services-scope-summary strong {
    color: #060f1e;
    font-family: "Playfair Display", serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
}

.services-scope-toggle {
    position: relative;
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    border-radius: 999px;
    border: 1px solid rgba(6, 15, 30, 0.12);
    background: rgba(255, 255, 255, 0.74);
}

.services-scope-toggle::before,
.services-scope-toggle::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 2px;
    background: #0066ff;
    transform: translate(-50%, -50%);
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.services-scope-toggle::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.services-scope-item[open] .services-scope-toggle::after {
    opacity: 0;
}

.services-scope-body {
    display: grid;
    gap: 24px;
    padding: 0 32px 30px;
}

.services-scope-meta-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    padding-top: 6px;
    border-top: 1px solid rgba(6, 15, 30, 0.08);
}

.services-scope-meta span {
    display: inline-block;
    margin-bottom: 10px;
    color: #0066ff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.services-scope-meta p,
.services-scope-deliverables li {
    margin: 0;
    color: #475569;
    font-size: 15px;
    line-height: 1.7;
}

.services-scope-deliverables ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 18px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.services-scope-deliverables li {
    position: relative;
    padding-left: 16px;
    font-size: 14px;
    line-height: 1.55;
}

.services-scope-deliverables li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: #0066ff;
}

.section-services-differentials {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 0, rgba(0, 102, 255, 0.08), transparent 28%),
        linear-gradient(180deg, #041022 0%, #08172d 100%);
}

.section-services-differentials::before {
    display: none;
}

.section-services-differentials::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(rgba(56, 189, 248, 0.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(56, 189, 248, 0.02) 1px, transparent 1px);
    background-size: 46px 46px, 46px 46px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.18), transparent 88%);
    opacity: 0.75;
}

.services-differentials-heading {
    display: grid;
    justify-items: center;
    gap: 20px;
    text-align: center;
}

.services-differentials-title {
    max-width: 690px;
    margin: 0;
    font-size: clamp(3rem, 4.5vw, 3.25rem);
    line-height: 1.1;
    letter-spacing: -0.022em;
}

.services-differentials-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 32px;
    margin-top: 72px;
}

.services-differentials-card {
    min-height: 302px;
    padding: 40px 32px;
    border-radius: 20px;
    border: 1px solid rgba(56, 189, 248, 0.12);
    background: rgba(255, 255, 255, 0.04);
}

.services-differentials-index {
    display: block;
    margin-bottom: 20px;
    font-family: "Playfair Display", serif;
    font-size: 56px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.04em;
    background: linear-gradient(130deg, rgba(0, 102, 255, 0.5) 3.67%, rgba(56, 189, 248, 0.3) 96.33%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.services-differentials-card h3 {
    max-width: 214px;
    margin: 0 0 14px;
    color: #eff6ff;
    font-size: 22px;
    line-height: 1.25;
    letter-spacing: -0.01em;
}

.services-differentials-card p {
    margin: 0;
    color: rgba(255, 255, 255, 0.83);
    font-size: 15px;
    line-height: 1.7;
}

.section-services-methodology {
    background:
        radial-gradient(circle at 32% 8%, rgba(255, 255, 255, 0.72), transparent 22%),
        #e5ecf7;
    color: var(--ev-text-dark);
}

.services-methodology-heading {
    display: grid;
    justify-items: center;
    gap: 20px;
    max-width: 720px;
    margin: 0 auto 72px;
    text-align: center;
}

.services-methodology-heading p {
    max-width: 480px;
    margin: 0;
    color: #64748b;
    font-size: 17px;
    line-height: 1.7;
}

.services-methodology-steps {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
}

.services-methodology-steps::before {
    content: "";
    position: absolute;
    left: 10%;
    right: 10%;
    top: 28px;
    height: 2px;
    background: linear-gradient(90deg, rgba(0, 102, 255, 0.3) 0%, rgba(56, 189, 248, 0.15) 100%);
}

.services-methodology-step {
    position: relative;
    display: grid;
    justify-items: center;
    text-align: center;
    padding: 0 16px;
}

.services-methodology-step-badge {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin-bottom: 20px;
    border-radius: 999px;
    background: linear-gradient(135deg, #0052cc 0%, #0ea5e9 100%);
    box-shadow: 0 8px 24px rgba(0, 102, 255, 0.25);
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.services-methodology-step h3 {
    max-width: none;
    margin: 0 0 10px;
    color: #060f1e;
    font-size: 18px;
    line-height: 1.25;
    letter-spacing: -0.01em;
}

.services-methodology-step p {
    margin: 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.65;
}

.services-methodology-link-row {
    display: flex;
    justify-content: center;
    margin-top: 56px;
}

.services-methodology-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding-bottom: 2px;
    border-bottom: 1px solid rgba(0, 102, 255, 0.3);
    color: #0066ff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.04em;
}

.services-methodology-link::after {
    content: " >";
    font-size: 0.95em;
}

.section-services-next {
    position: relative;
    overflow: hidden;
    text-align: center;
    background:
        radial-gradient(circle at 50% 20%, rgba(0, 102, 255, 0.08), transparent 24%),
        linear-gradient(180deg, #041022 0%, #071428 100%);
}

.section-services-next::before {
    display: none;
}

.section-services-next::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(rgba(56, 189, 248, 0.018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(56, 189, 248, 0.018) 1px, transparent 1px);
    background-size: 44px 44px, 44px 44px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2), transparent 88%);
}

.services-next-shell {
    display: grid;
    justify-items: center;
    max-width: 700px;
    margin: 0 auto;
}

.services-next-title {
    max-width: 700px;
    margin: 20px 0 0;
    font-size: clamp(3rem, 4.8vw, 3.625rem);
    line-height: 1.1;
    letter-spacing: -0.024em;
}

.services-next-text {
    max-width: 500px;
    margin: 24px 0 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 19px;
    line-height: 1.75;
}

.services-next-actions {
    margin-top: 48px;
}

.services-next-actions .btn {
    min-width: 265px;
    min-height: 55px;
    font-size: 15px;
}

/* Readability tune: increase only small text sizes, keep the same font families */
.site-menu a,
.pill-link,
.hero-stat-row span,
.photo-chip span,
.card-link,
.card-testimonial span,
.contact-detail a,
.contact-detail strong,
.footer-cta-copy p,
.footer-brand-copy,
.footer-col a,
.footer-contact-list span,
.footer-contact-list a,
.footer-contact-links a,
.footer-hours-block p,
.home-methodology-card p,
.home-healthcare-features li,
.home-case-body p,
.home-cases-cta span,
.home-contact-detail-copy a,
.home-contact-detail-copy strong {
    font-size: 14px;
}

.section-kicker,
.hero-visual-label,
.note-kicker,
.card-tag,
.contact-detail span,
.contact-form-grid label span,
.contact-form-shell label,
.location-region,
.location-label,
.footer-col h3,
.footer-hours-block h4,
.home-eyebrow,
.home-hero-panel-intro span,
.home-methodology-index,
.home-contact-detail-copy span,
.home-contact-form-grid label span {
    font-size: 11.5px;
}

.hero-pill,
.contact-mini-metric span,
.location-caption,
.footer-copy-note,
.footer-copy-signature,
.footer-social a,
.home-hero-metric span,
.home-healthcare-pillar strong,
.home-healthcare-pillar span,
.home-healthcare-case p,
.home-case-metric span,
.home-case-link,
.home-contact-metric span,
.home-contact-privacy,
.contact-form-privacy {
    font-size: 12.5px;
}

.home-service-card strong,
.home-healthcare-case span,
.home-case-segment,
.home-case-tags span,
.home-case-metric-copy span,
.home-podcast-episode-label,
.home-team-badge {
    font-size: 11px;
}

.photo-chip-compact strong {
    font-size: 13px;
}

/* Header and footer only */
.site-header .site-header-inner {
    height: 112px;
}

.site-header .brand-image {
    width: 250px;
    height: 54px;
}

.site-header .site-menu {
    gap: 24px;
}

.site-header .site-menu a {
    font-size: 22px;
    line-height: 1.15;
    letter-spacing: 0.02em;
}

.site-header .pill-link,
.site-header .btn {
    min-height: 54px;
    padding-inline: 28px;
    font-size: 16px;
}

.site-footer .footer-cta-copy p,
.site-footer .footer-brand-copy,
.site-footer .footer-col a,
.site-footer .footer-contact-list span,
.site-footer .footer-contact-list a,
.site-footer .footer-contact-links a,
.site-footer .footer-hours-block p {
    font-size: 14.5px;
}

.site-footer .footer-col h3,
.site-footer .footer-hours-block h4 {
    font-size: 12px;
}

.site-footer .footer-copy-note,
.site-footer .footer-copy-signature,
.site-footer .footer-legal-links a,
.site-footer .footer-social a {
    font-size: 13px;
}

.site-footer .btn {
    font-size: 14.5px;
}

.reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.55s ease, transform 0.55s ease;
}

.reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 1180px) {
    .hero-shell--services {
        padding-top: 88px;
    }

    .services-ecosystem-copy,
    .services-scope-layout {
        grid-template-columns: 1fr;
    }

    .services-ecosystem-intro {
        max-width: none;
        margin: 0;
    }

    .services-ecosystem-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .services-scope-stack {
        max-width: none;
        margin-left: 0;
    }

    .services-differentials-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .services-methodology-steps {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 28px 0;
    }

    .services-methodology-steps::before {
        display: none;
    }

    .home-contact-layout,
    .hero-shell,
    .footer-cta-inner,
    .footer-grid,
    .footer-bottom,
    .accordion-layout,
    .location-layout,
    .contact-layout,
    .split-panel {
        grid-template-columns: 1fr;
    }

    .site-header-inner {
        grid-template-columns: auto 1fr auto;
        height: auto;
        padding-block: 18px;
    }

    .header-capsule {
        justify-content: flex-start;
    }

    .site-header .brand-image {
        width: 220px;
        height: 48px;
    }

    .site-header .site-menu a {
        font-size: 18px;
    }

    .hero-title,
    .hero-title-centered {
        max-width: none;
    }

    .hero-visual-stats {
        justify-content: flex-start;
    }

    .metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hero-shell--about {
        gap: 40px;
        padding-top: 72px;
        padding-bottom: 0;
    }

    .hero-copy-about,
    .hero-copy-about-support {
        max-width: none;
    }

    .hero-copy-about-support {
        grid-column: auto;
    }

    .hero-visual-about {
        grid-column: auto;
        grid-row: auto;
        padding-top: 0;
    }

    .about-story-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .about-story-copy,
    .about-story-text {
        max-width: none;
    }

    .about-story-cards {
        max-width: none;
        margin-left: 0;
        padding-top: 0;
    }

    .about-values-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .about-principles-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
    }

    .card-grid-services,
    .card-grid-team,
    .card-grid-cases,
    .card-grid-podcast,
    .card-grid-testimonials,
    .steps-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .footer-legal-links {
        justify-content: flex-start;
    }
}

@media (max-width: 920px) {
    .hero-title-services,
    .services-differentials-title,
    .services-next-title {
        max-width: none;
    }

    .services-ecosystem-grid,
    .services-differentials-grid,
    .services-methodology-steps,
    .services-scope-meta-grid,
    .services-scope-deliverables ul {
        grid-template-columns: 1fr;
    }

    .services-scope-summary,
    .services-scope-body,
    .services-differentials-card,
    .services-ecosystem-card {
        padding-inline: 24px;
    }

    .header-capsule {
        display: none;
    }

    .menu-toggle {
        display: inline-flex;
    }

    .section {
        padding: 68px 0;
    }

    .section-hero {
        padding: 40px 0 64px;
    }

    .hero-shell,
    .hero-shell-contact {
        padding-inline: 0;
    }

    .home-contact-bars,
    .home-contact-line {
        display: none;
    }

    .home-contact-shell::after,
    .site-main-contact .section-contact-page::after {
        opacity: 0.12;
    }

    .contact-copy,
    .contact-form-shell,
    .split-panel,
    .card,
    .step-card,
    .accordion-summary,
    .accordion-body,
    .location-map,
    .location-card {
        padding: 24px;
    }

    .site-main-contact .section-contact-page .contact-copy {
        padding: 0;
    }

    .home-contact-form-shell,
    .site-main-contact .section-contact-page .contact-form-shell {
        padding: 24px;
    }

    .hero-title-about {
        font-size: clamp(3rem, 8vw, 3.6rem);
    }

    .hero-subtitle-about {
        max-width: none;
        font-size: 16px;
        line-height: 1.75;
    }

    .hero-stat-panel-about {
        padding: 28px;
    }

    .about-timeline-shell {
        max-width: none;
    }

    .about-timeline-heading {
        margin-bottom: 56px;
    }

    .about-timeline-heading h2 {
        font-size: clamp(2.15rem, 6vw, 2.65rem);
    }

    .about-story-title {
        max-width: none;
    }

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

    .about-principles-card {
        min-height: auto;
    }
}

@media (max-width: 720px) {
    .hero-shell--services {
        padding-top: 44px;
        padding-bottom: 10px;
    }

    .hero-subtitle-services,
    .services-next-text {
        font-size: 16px;
        line-height: 1.75;
    }

    .hero-actions-services {
        margin-bottom: 28px;
    }

    .services-hero-tags {
        flex-direction: column;
        align-items: stretch;
    }

    .services-hero-tag {
        justify-content: flex-start;
    }

    .services-ecosystem-grid,
    .services-differentials-grid,
    .services-methodology-steps {
        grid-template-columns: 1fr;
    }

    .services-scope-heading h2,
    .services-ecosystem-title,
    .services-methodology-heading h2 {
        font-size: clamp(2.2rem, 10vw, 2.65rem);
    }

    .services-differentials-card {
        min-height: auto;
    }

    .services-next-actions .btn,
    .hero-actions-services .btn {
        width: 100%;
        min-width: 0;
    }

    .container,
    .mobile-panel {
        width: min(100vw - 24px, 100%);
    }

    .site-header-inner {
        padding-inline: 0;
    }

    .brand-image {
        width: 148px;
        height: auto;
    }

    .site-header .site-header-inner {
        min-height: 84px;
    }

    .site-header .brand-image {
        width: 172px;
    }

    .hero-shell--about,
    .hero-shell--cases,
    .hero-shell--team,
    .site-main-contact .section-contact-page .contact-page-layout {
        gap: 28px;
    }

    .hero-title,
    .hero-title-centered,
    .hero-title-services,
    .hero-title-cases,
    .hero-title-team,
    .contact-page-title {
        max-width: none;
        font-size: clamp(2.1rem, 9.8vw, 2.85rem);
        line-height: 1.08;
        letter-spacing: -0.03em;
    }

    .hero-subtitle,
    .hero-subtitle-team,
    .hero-subtitle-cases,
    .contact-page-lead,
    .contact-page-text {
        max-width: none;
        font-size: 15px;
        line-height: 1.72;
    }

    .contact-page-form-shell {
        padding: 24px 18px;
    }

    .hero-pill-row,
    .hero-actions,
    .hero-actions-centered,
    .btn-row,
    .mobile-actions,
    .contact-metric-row,
    .home-contact-metrics {
        flex-direction: column;
        align-items: stretch;
    }

    .btn,
    .pill-link {
        width: 100%;
    }

    .metric-grid,
    .accordion-deliverables,
    .card-grid-services,
    .card-grid-team,
    .card-grid-cases,
    .card-grid-podcast,
    .card-grid-testimonials,
    .steps-grid,
    .contact-form-grid,
    .home-contact-form-grid {
        grid-template-columns: 1fr;
    }

    .step-card {
        padding-left: 24px;
        padding-top: 88px;
    }

    .contact-form-full {
        grid-column: auto;
    }

    .home-contact-form-full {
        grid-column: auto;
    }

    .site-main-contact .section-contact-page .contact-copy h2,
    .home-contact-title {
        max-width: none;
    }

    .site-main-contact .section-contact-page .contact-detail {
        padding-left: 46px;
    }

    .about-timeline-kicker {
        margin-bottom: 0;
    }

    .about-timeline-line {
        left: 15px;
        transform: none;
    }

    .about-timeline-item {
        grid-template-columns: 32px minmax(0, 1fr);
        gap: 20px;
        align-items: start;
        min-height: 0;
    }

    .about-timeline-side-left,
    .about-timeline-side-right {
        justify-content: flex-start;
        text-align: left;
    }

    .about-timeline-side-left {
        grid-column: 2;
        grid-row: 1;
    }

    .about-timeline-marker {
        grid-column: 1;
        grid-row: 1;
        justify-content: flex-start;
        padding-top: 8px;
    }

    .about-timeline-side-right {
        grid-column: 2;
        grid-row: 1;
    }

    .about-timeline-content {
        max-width: none;
    }

    .about-timeline-content h3 {
        font-size: 1.9rem;
    }

    .about-timeline-content strong {
        font-size: 16px;
    }

    .about-timeline-content p {
        font-size: 14px;
    }

    .about-timeline-heading {
        gap: 16px;
        margin-bottom: 36px;
    }

    .about-timeline-heading h2 {
        font-size: clamp(2rem, 9vw, 2.35rem);
    }

    .hero-shell--about {
        padding-top: 40px;
    }

    .hero-title-about {
        font-size: clamp(2.6rem, 16vw, 3.2rem);
        line-height: 1.05;
    }

    .hero-subtitle-about {
        font-size: 16px;
    }

    .hero-stat-panel-about {
        padding: 24px;
    }

    .about-story-title {
        max-width: none;
        font-size: clamp(2.2rem, 10vw, 2.85rem);
    }

    .about-story-text p {
        font-size: 15px;
        line-height: 1.7;
    }

    .about-story-card {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 22px 20px;
    }

    .about-story-card-icon {
        width: 44px;
        height: 44px;
    }

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

    .about-values-card {
        min-height: auto;
        padding: 28px 24px 34px;
    }

    .about-values-card h3 {
        font-size: 1.45rem;
    }

    .about-values-card p,
    .about-values-list li {
        font-size: 14px;
    }

    .about-principles-title {
        font-size: clamp(2.2rem, 10vw, 2.8rem);
    }

    .about-principles-card {
        padding: 28px 24px;
    }

    .about-principles-card h3 {
        font-size: 1.45rem;
        line-height: 1.35;
    }

    .about-principles-card p {
        font-size: 14px;
    }

    .footer-cta-inner,
    .footer-grid,
    .footer-bottom {
        padding-inline: 0;
    }

    .footer-grid {
        gap: 26px;
    }

.location-caption {
        width: calc(100% - 48px);
        left: 24px;
        transform: none;
    }
}

.section-hero-cases {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 14% 14%, rgba(0, 102, 255, 0.12), transparent 28%),
        radial-gradient(circle at 88% 70%, rgba(56, 189, 248, 0.08), transparent 28%),
        linear-gradient(180deg, #041022 0%, #07162e 60%, #041122 100%);
}

.section-hero-cases::before,
.section-cases-projects::before,
.section-cases-testimonials::before,
.section-cases-metrics::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(rgba(56, 189, 248, 0.018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(56, 189, 248, 0.018) 1px, transparent 1px);
    background-size: 44px 44px;
}

.hero-shell--cases,
.section-cases-projects .container,
.section-cases-testimonials .container,
.section-cases-metrics .container {
    position: relative;
    z-index: 1;
}

.hero-shell--cases {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    align-items: start;
    padding-top: 106px;
    padding-bottom: 58px;
}

.hero-copy-cases {
    max-width: 760px;
}

.hero-title-cases {
    max-width: 560px;
    margin-bottom: 0;
    font-size: clamp(3.25rem, 4.8vw, 4.35rem);
    line-height: 1.05;
    letter-spacing: -0.026em;
}

.hero-subtitle-cases {
    max-width: 680px;
    margin-top: 26px;
    color: rgba(255, 255, 255, 0.84);
    font-size: 19px;
    line-height: 1.7;
}

.hero-actions-cases {
    margin-top: 30px;
}

.cases-hero-pill-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

.cases-hero-pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 20px;
    border-radius: 999px;
    border: 1px solid rgba(56, 189, 248, 0.15);
    background: rgba(255, 255, 255, 0.06);
}

.cases-hero-pill-dot {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: linear-gradient(135deg, #0066ff 0%, #38bdf8 100%);
}

.cases-hero-pill-text {
    color: #eff6ff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
}

.hero-visual-cases {
    display: block;
}

.cases-hero-panel {
    display: grid;
    gap: 28px;
    padding: 38px;
    border-radius: 20px;
    border: 1px solid rgba(56, 189, 248, 0.12);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 24px 60px rgba(2, 10, 26, 0.28);
}

.cases-hero-panel-label {
    color: #38bdf8;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.24em;
    text-transform: uppercase;
}

.cases-hero-panel-rows {
    display: grid;
}

.cases-hero-panel-row {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    padding: 18px 0;
    border-bottom: 1px solid rgba(56, 189, 248, 0.08);
}

.cases-hero-panel-row:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.cases-hero-panel-row strong {
    margin: 0;
    font-family: "Playfair Display", serif;
    font-size: 34px;
    line-height: 1;
    background: linear-gradient(130deg, #0066ff 3.67%, rgba(56, 189, 248, 0.8) 96.33%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.cases-hero-panel-row div {
    display: grid;
    gap: 6px;
}

.cases-hero-panel-row span {
    color: #eff6ff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
}

.cases-hero-panel-row small {
    color: rgba(255, 255, 255, 0.65);
    font-size: 12px;
    line-height: 1.5;
}

.cases-hero-trust {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-top: 22px;
    border-top: 1px solid rgba(56, 189, 248, 0.08);
}

.cases-hero-avatars {
    display: flex;
    align-items: center;
}

.cases-hero-avatars span {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: -8px;
    border-radius: 999px;
    border: 2px solid rgba(4, 13, 30, 0.8);
    background: linear-gradient(135deg, #1466b8 0%, #256af4 100%);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
}

.cases-hero-avatars span:first-child {
    margin-left: 0;
}

.cases-hero-avatars span:nth-child(2) {
    background: linear-gradient(135deg, #1430b8 0%, #2525f4 100%);
}

.cases-hero-avatars span:nth-child(3) {
    background: linear-gradient(135deg, #3014b8 0%, #6a25f4 100%);
}

.cases-hero-avatars span:nth-child(4) {
    background: linear-gradient(135deg, #6614b8 0%, #af25f4 100%);
}

.cases-hero-trust p {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 13px;
    line-height: 1.5;
}

.cases-hero-trust strong {
    color: #eff6ff;
}

.section-cases-featured {
    background:
        radial-gradient(circle at 20% 0, rgba(255, 255, 255, 0.72), transparent 24%),
        #e5ecf7;
    color: #060f1e;
}

.section-cases-featured::before,
.section-cases-expertise::before {
    display: none;
}

.cases-featured-grid {
    display: grid;
    grid-template-columns: minmax(360px, 0.95fr) minmax(0, 1.05fr);
    gap: 52px;
    align-items: start;
}

.cases-featured-visual {
    position: relative;
    padding-bottom: 24px;
}

.cases-featured-photo {
    margin: 0;
    overflow: hidden;
    border-radius: 24px;
    box-shadow: 0 20px 56px rgba(8, 19, 38, 0.16);
}

.cases-featured-photo img {
    display: block;
    width: 100%;
    min-height: 520px;
    object-fit: cover;
}

.cases-featured-chip {
    position: absolute;
    left: 24px;
    bottom: 0;
    display: grid;
    gap: 4px;
    padding: 18px 22px;
    border-radius: 18px;
    background: #081934;
    box-shadow: 0 18px 36px rgba(8, 19, 38, 0.24);
}

.cases-featured-chip strong {
    color: #eff6ff;
    font-family: "Playfair Display", serif;
    font-size: 34px;
    line-height: 1;
}

.cases-featured-chip span {
    max-width: 156px;
    color: rgba(255, 255, 255, 0.76);
    font-size: 12px;
    line-height: 1.45;
}

.cases-featured-copy {
    display: grid;
    gap: 18px;
}

.cases-featured-kicker,
.cases-expertise-kicker,
.cases-metrics-kicker,
.cases-next-kicker {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #0066ff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.24em;
    text-transform: uppercase;
}

.cases-featured-kicker-line,
.cases-expertise-kicker-line,
.cases-metrics-kicker-line,
.cases-next-kicker-line {
    width: 34px;
    height: 1px;
    background: linear-gradient(90deg, #0066ff 0%, rgba(0, 0, 0, 0) 100%);
}

.cases-expertise-kicker-line.is-right {
    background: linear-gradient(270deg, #0066ff 0%, rgba(0, 0, 0, 0) 100%);
}

.cases-featured-title,
.cases-expertise-title,
.cases-metrics-title,
.cases-next-title {
    margin: 0;
    max-width: none;
    color: #060f1e;
    font-size: clamp(2.4rem, 4vw, 2.95rem);
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.cases-featured-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.cases-featured-sector,
.cases-featured-tag {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid rgba(0, 102, 255, 0.16);
    background: rgba(0, 102, 255, 0.07);
    color: #0066ff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.cases-featured-case-title {
    margin: 0;
    color: #081934;
    font-size: 1.9rem;
    line-height: 1.2;
}

.cases-featured-lead {
    margin: 0;
    color: #1e2d42;
    font-size: 15px;
    line-height: 1.75;
}

.cases-featured-text p {
    margin: 0 0 12px;
    color: #475569;
    font-size: 15px;
    line-height: 1.82;
}

.cases-featured-text p:last-child {
    margin-bottom: 0;
}

.cases-featured-points,
.cases-featured-stats {
    margin: 0;
}

.cases-featured-points {
    display: grid;
    gap: 12px;
    padding: 0;
    list-style: none;
}

.cases-featured-points li {
    position: relative;
    padding-left: 22px;
    color: #1e2d42;
    font-size: 14px;
    line-height: 1.7;
}

.cases-featured-points li::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    border: 2px solid #0066ff;
}

.cases-featured-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.cases-featured-stat {
    min-height: 96px;
    padding: 18px 20px;
    border-radius: 16px;
    border: 1px solid rgba(6, 15, 30, 0.1);
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.cases-featured-stat strong {
    display: block;
    margin: 0 0 6px;
    color: #0066ff;
    font-family: "Playfair Display", serif;
    font-size: 28px;
    line-height: 1;
}

.cases-featured-stat span {
    color: #475569;
    font-size: 12px;
    line-height: 1.5;
}

.cases-featured-actions {
    margin-top: 6px;
}

.section-cases-projects {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 18%, rgba(56, 189, 248, 0.18) 0%, transparent 24%),
        radial-gradient(circle at 88% 82%, rgba(0, 102, 255, 0.1) 0%, transparent 26%),
        linear-gradient(180deg, #eff4fb 0%, #e7eef8 100%);
}

.section-cases-projects::after,
.section-cases-testimonials::after,
.section-cases-metrics::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(circle at 50% 10%, rgba(56, 189, 248, 0.08), transparent 22%);
}

.cases-projects-header {
    margin-bottom: 24px;
}

.cases-projects-header p {
    max-width: 360px;
    color: rgba(255, 255, 255, 0.76);
}

.cases-projects-heading {
    display: grid;
    gap: 14px;
    margin-bottom: 32px;
}

.cases-projects-title {
    margin: 0;
    color: #071224;
    font-family: "Playfair Display", serif;
    font-size: clamp(2.4rem, 3.6vw, 3.4rem);
    line-height: 1.08;
    letter-spacing: -0.03em;
}

.cases-projects-text {
    max-width: 740px;
    margin: 0;
    color: #475569;
    font-size: 17px;
    line-height: 1.75;
}

.cases-projects-list {
    display: grid;
    gap: 22px;
}

.cases-project-row {
    position: relative;
    display: grid;
    grid-template-columns: minmax(240px, 0.8fr) minmax(0, 1.2fr);
    gap: 28px;
    align-items: start;
    padding: 30px 30px 32px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(19, 33, 58, 0.08);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
}

.cases-project-row::before {
    content: "";
    position: absolute;
    left: 0;
    top: 22px;
    bottom: 22px;
    width: 4px;
    border-radius: 999px;
    background: linear-gradient(180deg, #0066ff 0%, #38bdf8 100%);
}

.cases-project-meta {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 14px;
}

.cases-project-index {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(0, 102, 255, 0.1), rgba(56, 189, 248, 0.16));
    border: 1px solid rgba(0, 102, 255, 0.14);
    color: #0066ff;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.14em;
}

.cases-project-row h3 {
    position: relative;
    z-index: 1;
    margin: 0;
    max-width: 14ch;
    color: #071224;
    font-family: "Playfair Display", serif;
    font-size: clamp(1.7rem, 2.3vw, 2.15rem);
    line-height: 1.14;
    letter-spacing: -0.02em;
}

.cases-project-content {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 18px;
    padding-top: 6px;
}

.cases-project-body,
.cases-project-result p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #475569;
    font-size: 15px;
    line-height: 1.82;
}

.cases-project-result {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 8px;
    padding-top: 18px;
    border-top: 1px solid rgba(19, 33, 58, 0.08);
}

.cases-project-result strong {
    color: #38bdf8;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.section-cases-projects .home-case-link {
    opacity: 1;
    transform: none;
}

.section-cases-projects .home-case-filter {
    background: rgba(255, 255, 255, 0.04);
}

.cases-projects-cta {
    margin-top: 46px;
}

.section-cases-testimonials {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0, rgba(14, 165, 233, 0.08) 0%, transparent 40%),
        radial-gradient(circle at 0 100%, rgba(0, 66, 180, 0.1) 0%, transparent 36%),
        linear-gradient(170deg, #040c1c 0%, #061228 40%, #071530 70%, #040c1c 100%);
}

.section-cases-expertise {
    background:
        radial-gradient(circle at 50% 0, rgba(255, 255, 255, 0.74), transparent 24%),
        #e5ecf7;
    color: #060f1e;
}

.cases-expertise-heading {
    display: grid;
    justify-items: center;
    gap: 18px;
    margin-bottom: 60px;
    text-align: center;
}

.cases-expertise-subtitle {
    max-width: 560px;
    margin: 0;
    color: #475569;
    font-size: 17px;
    line-height: 1.75;
}

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

.cases-expertise-card {
    min-height: 224px;
    padding: 30px 28px;
    border-radius: 16px;
    border: 1px solid rgba(6, 15, 30, 0.1);
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.09);
}

.cases-expertise-card h3 {
    max-width: none;
    margin: 18px 0 10px;
    color: #060f1e;
    font-size: 1.35rem;
    line-height: 1.25;
}

.cases-expertise-card p {
    margin: 0;
    color: #475569;
    font-size: 14px;
    line-height: 1.7;
}

.cases-expertise-icon {
    position: relative;
    display: inline-flex;
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(0, 102, 255, 0.12) 0%, rgba(14, 165, 233, 0.12) 100%);
}

.cases-expertise-icon::before,
.cases-expertise-icon::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
}

.cases-expertise-icon-1::before {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    border: 2px solid #0066ff;
}

.cases-expertise-icon-2::before {
    width: 18px;
    height: 14px;
    border: 2px solid #0066ff;
    border-radius: 4px;
}

.cases-expertise-icon-2::after {
    width: 10px;
    height: 2px;
    margin-top: 8px;
    background: #0066ff;
}

.cases-expertise-icon-3::before {
    width: 18px;
    height: 18px;
    border-radius: 50% 50% 46% 46%;
    border: 2px solid #0066ff;
}

.cases-expertise-icon-4::before {
    width: 18px;
    height: 18px;
    border-radius: 5px;
    border: 2px dashed #0066ff;
}

.cases-expertise-icon-5::before {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(0, 102, 255, 0.92) 0%, rgba(56, 189, 248, 0.16) 64%, transparent 66%);
}

.cases-expertise-icon-6::before {
    width: 18px;
    height: 12px;
    border-left: 2px solid #0066ff;
    border-bottom: 2px solid #0066ff;
    transform: translate(-50%, -40%) skew(-14deg);
}

.section-cases-metrics {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0, rgba(14, 165, 233, 0.08) 0%, transparent 40%),
        radial-gradient(circle at 0 100%, rgba(0, 66, 180, 0.1) 0%, transparent 36%),
        linear-gradient(170deg, #040c1c 0%, #061228 40%, #071530 70%, #040c1c 100%);
}

.cases-metrics-layout {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(420px, 1.08fr);
    gap: 40px;
    align-items: start;
}

.cases-metrics-copy {
    display: grid;
    gap: 20px;
}

.cases-metrics-title {
    color: #eff6ff;
}

.cases-metrics-text {
    max-width: 540px;
    margin: 0;
    color: rgba(255, 255, 255, 0.76);
    font-size: 15px;
    line-height: 1.8;
}

.cases-metrics-bars {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    min-height: 92px;
    padding-top: 18px;
}

.cases-metrics-bars span {
    width: 12px;
    height: var(--bar-h);
    border-radius: 999px;
    background: linear-gradient(180deg, #38bdf8 0%, #0066ff 100%);
    box-shadow: 0 0 14px rgba(56, 189, 248, 0.34);
}

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

.cases-metrics-card {
    min-height: 180px;
    padding: 24px 24px 22px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 10px 34px rgba(0, 0, 0, 0.2);
}

.cases-metrics-card strong {
    display: block;
    margin: 0 0 14px;
    color: #38bdf8;
    font-family: "Playfair Display", serif;
    font-size: 34px;
    line-height: 1;
}

.cases-metrics-card h3 {
    max-width: none;
    margin: 0 0 10px;
    color: #eff6ff;
    font-size: 18px;
    line-height: 1.3;
}

.cases-metrics-card p {
    margin: 0;
    color: rgba(255, 255, 255, 0.68);
    font-size: 13px;
    line-height: 1.7;
}

.section-cases-next {
    background: linear-gradient(180deg, #040c1c 0%, #061228 100%);
}

.cases-next-shell {
    display: grid;
    justify-items: center;
    gap: 18px;
    text-align: center;
}

.cases-next-title {
    max-width: 760px;
    color: #eff6ff;
}

.cases-next-subtitle,
.cases-next-text {
    max-width: 720px;
    margin: 0;
}

.cases-next-subtitle {
    color: rgba(255, 255, 255, 0.86);
    font-size: 18px;
    line-height: 1.7;
}

.cases-next-text {
    color: rgba(255, 255, 255, 0.68);
    font-size: 15px;
    line-height: 1.8;
}

.cases-next-actions {
    margin-top: 10px;
}

.cases-next-metrics {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    margin-top: 8px;
}

.cases-next-metric {
    min-width: 170px;
    padding: 16px 18px;
    border-radius: 14px;
    border: 1px solid rgba(56, 189, 248, 0.12);
    background: rgba(255, 255, 255, 0.04);
}

.cases-next-metric strong {
    display: block;
    margin: 0 0 6px;
    color: #38bdf8;
    font-family: "Playfair Display", serif;
    font-size: 28px;
    line-height: 1;
}

.cases-next-metric span {
    color: rgba(255, 255, 255, 0.72);
    font-size: 12px;
    line-height: 1.5;
}

@media (max-width: 1180px) {
    .hero-shell--cases,
    .cases-featured-grid,
    .cases-metrics-layout {
        grid-template-columns: 1fr;
    }

    .cases-expertise-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cases-projects-header {
        grid-template-columns: 1fr;
    }

    .cases-projects-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 920px) {
    .hero-shell--cases {
        padding-top: 100px;
    }

    .cases-hero-panel {
        padding: 28px;
    }

    .cases-hero-panel-row {
        grid-template-columns: 92px minmax(0, 1fr);
    }

    .cases-featured-photo img {
        min-height: 380px;
    }

    .cases-featured-stats,
    .cases-metrics-grid,
    .cases-expertise-grid {
        grid-template-columns: 1fr;
    }

    .cases-project-row {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 26px 22px 28px;
    }
}

@media (max-width: 720px) {
    .cases-hero-pill-row,
    .cases-hero-trust,
    .cases-next-metrics {
        align-items: flex-start;
        flex-direction: column;
    }

    .cases-hero-panel-row {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .cases-featured-chip {
        left: 16px;
        right: 16px;
        bottom: -6px;
    }

    .cases-projects-header p,
    .cases-expertise-subtitle,
    .cases-metrics-text,
    .cases-next-subtitle,
    .cases-next-text {
        max-width: none;
    }
}

.section-hero-team {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 10% 8%, rgba(0, 102, 255, 0.12) 0%, transparent 28%),
        radial-gradient(circle at 88% 86%, rgba(56, 189, 248, 0.08) 0%, transparent 30%),
        linear-gradient(165deg, #020b18 7.74%, #040d1e 28.87%, #061228 50%, #071630 66.91%, #040d1e 92.26%);
}

.section-hero-team::before,
.section-hero-team::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.section-hero-team::before {
    background:
        linear-gradient(rgba(56, 189, 248, 0.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(56, 189, 248, 0.02) 1px, transparent 1px);
    background-size: 52px 52px;
}

.section-hero-team::after {
    opacity: 0.3;
    background:
        linear-gradient(180deg, rgba(56, 189, 248, 0.18), transparent 88%) 34% 34px / 18px 150px no-repeat,
        linear-gradient(180deg, rgba(56, 189, 248, 0.12), transparent 88%) 38% 0 / 18px 188px no-repeat,
        linear-gradient(180deg, rgba(56, 189, 248, 0.18), transparent 88%) 42% 28px / 18px 156px no-repeat,
        linear-gradient(180deg, rgba(56, 189, 248, 0.14), transparent 88%) 46% 54px / 18px 120px no-repeat,
        linear-gradient(180deg, rgba(56, 189, 248, 0.18), transparent 88%) 50% 18px / 18px 174px no-repeat,
        linear-gradient(180deg, rgba(56, 189, 248, 0.14), transparent 88%) 54% 38px / 18px 140px no-repeat,
        linear-gradient(180deg, rgba(56, 189, 248, 0.16), transparent 88%) 58% 20px / 18px 164px no-repeat;
}

.section-hero-team .container,
.site-main-team .section-page-team-leadership .container,
.section-team-values .container,
.site-main-contact .section-contact-page .container {
    position: relative;
    z-index: 1;
}

.hero-shell--team {
    grid-template-columns: minmax(0, 760px);
    justify-content: start;
    gap: 0;
    padding-top: 104px;
    padding-bottom: 28px;
}

.hero-copy-team {
    max-width: 760px;
    gap: 0;
}

.hero-title-team {
    max-width: 11.5ch;
    margin-top: 20px;
    margin-bottom: 0;
    font-size: clamp(3.35rem, 5vw, 4.55rem);
    line-height: 1.08;
    letter-spacing: -0.028em;
}

.hero-subtitle-team {
    max-width: 560px;
    margin-top: 24px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 18px;
    line-height: 1.7;
}

.hero-actions-team {
    margin-top: 42px;
    gap: 16px;
}

.team-hero-metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 44px;
    margin-top: 44px;
    padding-top: 30px;
    border-top: 1px solid rgba(56, 189, 248, 0.08);
}

.team-hero-metric {
    min-width: 128px;
}

.team-hero-metric strong {
    display: block;
    margin-bottom: 6px;
    font-family: "Playfair Display", serif;
    font-size: 30px;
    line-height: 1;
    color: var(--ev-brand);
}

.team-hero-metric span {
    color: rgba(255, 255, 255, 0.72);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.site-main-team .section-page-team-leadership {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0, rgba(0, 102, 255, 0.09) 0%, transparent 36%),
        radial-gradient(circle at 0 100%, rgba(14, 165, 233, 0.07) 0%, transparent 32%),
        linear-gradient(175deg, #030c24 0%, #060f1e 55%, #030c24 100%);
}

.site-main-team .section-page-team-leadership::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(rgba(0, 102, 255, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 102, 255, 0.025) 1px, transparent 1px);
    background-size: 64px 64px;
}

.site-main-team .section-page-team-leadership .home-team-summary {
    width: min(100%, 360px);
}

.site-main-team .section-page-team-leadership .home-team-summary p {
    color: rgba(255, 255, 255, 0.78);
}

.section-team-competencies {
    background: #e5ecf7;
}

.section-team-competencies::before {
    display: none;
}

.team-competencies-heading {
    display: grid;
    justify-items: center;
    gap: 18px;
    text-align: center;
}

.team-competencies-kicker,
.team-values-kicker {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #0066ff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.24em;
    text-transform: uppercase;
}

.team-competencies-kicker-line,
.team-values-kicker-line {
    width: 34px;
    height: 1px;
    background: linear-gradient(90deg, rgba(0, 102, 255, 0), #0066ff 100%);
}

.team-competencies-kicker-line.is-right {
    background: linear-gradient(90deg, #0066ff 0%, rgba(0, 102, 255, 0) 100%);
}

.team-competencies-title {
    max-width: 760px;
    color: #060f1e;
}

.team-competencies-text {
    max-width: 540px;
    margin: 0;
    color: #475569;
    font-size: 17px;
    line-height: 1.65;
}

.team-competencies-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-top: 56px;
}

.team-competencies-card {
    min-height: 188px;
    padding: 28px 24px;
    border-radius: 16px;
    border: 1px solid rgba(6, 15, 30, 0.07);
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.team-competencies-icon {
    position: relative;
    display: inline-flex;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(0, 82, 204, 0.1) 0%, rgba(14, 165, 233, 0.1) 100%);
    border: 1px solid rgba(0, 102, 255, 0.08);
}

.team-competencies-icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 22px;
    transform: translate(-50%, -50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.team-competencies-icon-1::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230066ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='7'/%3E%3Cpath d='m12 12 4-4'/%3E%3Cpath d='M12 5v2'/%3E%3C/svg%3E");
}

.team-competencies-icon-2::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230066ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19h16'/%3E%3Cpath d='M7 16V9'/%3E%3Cpath d='M12 16V5'/%3E%3Cpath d='M17 16v-7'/%3E%3C/svg%3E");
}

.team-competencies-icon-3::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230066ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 16c2-5 6-8 14-8'/%3E%3Cpath d='M14 8h5v5'/%3E%3Cpath d='M5 8h4l2 3-2 3H5z'/%3E%3C/svg%3E");
}

.team-competencies-icon-4::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230066ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='7' width='10' height='10' rx='2'/%3E%3Cpath d='M10 3v4'/%3E%3Cpath d='M14 3v4'/%3E%3Cpath d='M10 17v4'/%3E%3Cpath d='M14 17v4'/%3E%3Cpath d='M3 10h4'/%3E%3Cpath d='M17 10h4'/%3E%3Cpath d='M3 14h4'/%3E%3Cpath d='M17 14h4'/%3E%3C/svg%3E");
}

.team-competencies-icon-5::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230066ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='16' r='1.5'/%3E%3Ccircle cx='12' cy='10' r='1.5'/%3E%3Ccircle cx='18' cy='7' r='1.5'/%3E%3Cpath d='M7.5 15 10.5 11.5'/%3E%3Cpath d='M13.5 9 16.5 7.8'/%3E%3Cpath d='M4 19h16'/%3E%3C/svg%3E");
}

.team-competencies-icon-6::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230066ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-6-4.1-7.8-7.3C2.6 9.8 3.8 6 7.2 6c1.7 0 3 1 4.8 3 1.8-2 3.1-3 4.8-3 3.4 0 4.6 3.8 3 6.7C18 15.9 12 20 12 20Z'/%3E%3Cpath d='M9 11h2l1-2 1 4 1-2h2'/%3E%3C/svg%3E");
}

.team-competencies-icon-7::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230066ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 5.5 6v5.4c0 4 2.8 6.8 6.5 9.1 3.7-2.3 6.5-5.1 6.5-9.1V6L12 3Z'/%3E%3Cpath d='m9.2 12 1.8 1.8 3.8-3.8'/%3E%3C/svg%3E");
}

.team-competencies-icon-8::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230066ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 9 9-4 9 4-9 4-9-4Z'/%3E%3Cpath d='M7 11.5V15c0 1.6 2.2 3 5 3s5-1.4 5-3v-3.5'/%3E%3Cpath d='M21 10v5'/%3E%3C/svg%3E");
}

.team-competencies-card h3 {
    margin: 18px 0 8px;
    color: #060f1e;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.01em;
}

.team-competencies-card p {
    margin: 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.55;
}

.section-team-values {
    position: relative;
    overflow: hidden;
    background: linear-gradient(175deg, #030c24 3.67%, #060f1e 54.63%, #030c24 96.33%);
}

.section-team-values::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(rgba(56, 189, 248, 0.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(56, 189, 248, 0.02) 1px, transparent 1px);
    background-size: 52px 52px;
}

.team-values-layout {
    display: grid;
    grid-template-columns: minmax(0, 568px) minmax(0, 1fr);
    gap: 40px;
    align-items: start;
}

.team-values-copy {
    max-width: 568px;
}

.team-values-title {
    max-width: 8.5ch;
    margin-top: 20px;
    color: #eff6ff;
    font-size: clamp(2.6rem, 4.4vw, 3.35rem);
    line-height: 1.1;
}

.team-values-text {
    max-width: 560px;
    margin: 20px 0 0;
    color: rgba(255, 255, 255, 0.83);
    font-size: 17px;
    line-height: 1.7;
}

.team-values-stack {
    display: grid;
    gap: 20px;
}

.team-values-card {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 18px;
    padding: 20px 22px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.02);
}

.team-values-icon {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid rgba(0, 102, 255, 0.27);
    background: rgba(0, 102, 255, 0.13);
}

.team-values-icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    transform: translate(-50%, -50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.team-values-icon-1::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238fd3ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 1.9 5.1L19 10l-4 2.9L16.5 18 12 15l-4.5 3 1.5-5.1L5 10l5.1-1.9L12 3Z'/%3E%3C/svg%3E");
}

.team-values-icon-2::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238fd3ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7' cy='12' r='2.5'/%3E%3Ccircle cx='17' cy='8' r='2.5'/%3E%3Ccircle cx='17' cy='16' r='2.5'/%3E%3Cpath d='M9.2 11l5.6-2'/%3E%3Cpath d='M9.2 13l5.6 2'/%3E%3C/svg%3E");
}

.team-values-icon-3::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238fd3ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19h14'/%3E%3Cpath d='M7 16V12'/%3E%3Cpath d='M12 16V8'/%3E%3Cpath d='M17 16V5'/%3E%3Cpath d='m14.5 7.5 2.5-2.5 2.5 2.5'/%3E%3C/svg%3E");
}

.team-values-icon-4::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238fd3ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 4 2.4 4.8 5.3.8-3.9 3.8.9 5.4L12 16.3 7.3 18.8l.9-5.4-3.9-3.8 5.3-.8L12 4Z'/%3E%3C/svg%3E");
}

.team-values-card h3 {
    margin: 0 0 6px;
    color: #eff6ff;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.01em;
}

.team-values-card p {
    margin: 0;
    color: rgba(255, 255, 255, 0.75);
    font-size: 13px;
    line-height: 1.55;
}

.section-team-next {
    position: relative;
    overflow: hidden;
    background: linear-gradient(165deg, #020b18 7.74%, #040d1e 41.55%, #061228 66.91%, #040d1e 92.26%);
}

.section-team-next::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(rgba(56, 189, 248, 0.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(56, 189, 248, 0.02) 1px, transparent 1px);
    background-size: 52px 52px;
}

.team-next-shell {
    display: grid;
    justify-items: center;
    gap: 18px;
    text-align: center;
}

.team-next-title {
    max-width: 760px;
    color: #eff6ff;
}

.team-next-subtitle,
.team-next-text {
    max-width: 720px;
    margin: 0;
}

.team-next-subtitle {
    color: rgba(255, 255, 255, 0.83);
    font-size: 18px;
    line-height: 1.7;
}

.team-next-text {
    color: rgba(255, 255, 255, 0.68);
    font-size: 15px;
    line-height: 1.8;
}

.team-next-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    margin-top: 8px;
}

.site-main-contact .section-contact-page .contact-page-layout {
    display: grid;
    grid-template-columns: minmax(0, 568px) minmax(0, 568px);
    justify-content: space-between;
    gap: clamp(32px, 4vw, 72px);
    align-items: start;
}

.contact-page-copy {
    max-width: 568px;
}

.contact-page-title {
    max-width: 11.6ch;
    margin: 20px 0 0;
    color: #eff6ff;
    font-size: clamp(2.8rem, 4.5vw, 4rem);
    line-height: 1.06;
    letter-spacing: -0.04em;
}

.contact-page-lead,
.contact-page-text {
    max-width: 40ch;
    color: rgba(255, 255, 255, 0.83);
}

.contact-page-lead {
    margin: 20px 0 0;
    font-size: 16px;
    line-height: 1.75;
}

.contact-page-text {
    margin: 14px 0 0;
    font-size: 15px;
    line-height: 1.8;
}

.contact-page-details {
    display: grid;
    gap: 20px;
    margin-top: 48px;
}

.contact-page-detail {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}

.contact-page-detail-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid rgba(0, 102, 255, 0.2);
    background: rgba(0, 102, 255, 0.12);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
}

.contact-page-detail.is-phone .contact-page-detail-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238fd3ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2A19.86 19.86 0 0 1 3.08 6.18 2 2 0 0 1 5.06 4h3a2 2 0 0 1 2 1.72l.34 2.27a2 2 0 0 1-.57 1.72L8.09 11.5a16 16 0 0 0 4.41 4.41l1.79-1.74a2 2 0 0 1 1.72-.57l2.27.34A2 2 0 0 1 22 16.92Z'/%3E%3C/svg%3E");
}

.contact-page-detail.is-mail .contact-page-detail-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238fd3ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E");
}

.contact-page-detail.is-location .contact-page-detail-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238fd3ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6-4.35-6-10a6 6 0 1 1 12 0c0 5.65-6 10-6 10Z'/%3E%3Ccircle cx='12' cy='11' r='2.3'/%3E%3C/svg%3E");
}

.contact-page-detail.is-clock .contact-page-detail-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238fd3ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 8v4l2.5 2.5'/%3E%3C/svg%3E");
}

.contact-page-detail-copy span {
    display: block;
    margin-bottom: 3px;
    color: rgba(255, 255, 255, 0.68);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.contact-page-detail-copy a,
.contact-page-detail-copy strong {
    color: #eff6ff;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
}

.contact-page-metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    margin-top: 48px;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.contact-page-metric strong {
    display: block;
    margin-bottom: 4px;
    font-family: "Playfair Display", serif;
    font-size: 28px;
    line-height: 1;
    color: var(--ev-brand);
}

.contact-page-metric span {
    color: rgba(255, 255, 255, 0.72);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.contact-page-form-shell {
    position: relative;
    overflow: hidden;
    padding: 48px;
    border-radius: 20px;
    border: 1px solid rgba(56, 189, 248, 0.12);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24);
}

.contact-page-form {
    position: relative;
    z-index: 1;
}

.contact-page-form h3 {
    margin-bottom: 32px;
    color: #eff6ff;
    font-size: 22px;
    line-height: 1.5;
}

.contact-page-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.contact-page-form-grid label {
    display: grid;
    gap: 7px;
}

.contact-page-form-grid label span {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.contact-page-form-full {
    grid-column: 1 / -1;
}

.contact-page-form input,
.contact-page-form textarea {
    width: 100%;
    min-height: 49px;
    padding: 13px 16px;
    border: 1px solid rgba(56, 189, 248, 0.12);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
    color: #eff6ff;
    font: inherit;
}

.contact-page-form input::placeholder,
.contact-page-form textarea::placeholder {
    color: rgba(255, 255, 255, 0.3);
}

.contact-page-form textarea {
    min-height: 112px;
    resize: vertical;
}

.contact-page-submit {
    width: 100%;
    margin-top: 16px;
}

.contact-page-privacy {
    margin: 12px 0 0;
    color: rgba(255, 255, 255, 0.48);
    font-size: 11px;
    line-height: 1.55;
    text-align: center;
}

@media (max-width: 1180px) {
    .team-competencies-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .team-values-layout,
    .site-main-contact .section-contact-page .contact-page-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 920px) {
    .hero-shell--team {
        padding-top: 88px;
    }

    .hero-title-team,
    .contact-page-title {
        max-width: none;
    }

    .team-hero-metrics,
    .contact-page-metrics {
        gap: 20px;
    }

    .contact-page-form-shell {
        padding: 32px 24px;
    }
}

@media (max-width: 720px) {
    .hero-actions-team,
    .team-next-actions {
        flex-direction: column;
        align-items: flex-start;
    }

    .team-hero-metrics,
    .contact-page-metrics {
        flex-direction: column;
        align-items: flex-start;
    }

    .team-competencies-grid,
    .contact-page-form-grid {
        grid-template-columns: 1fr;
    }
}

.home-team-unified-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 12px;
}

.home-team-unified-grid > .home-team-card {
    height: 100%;
}

.home-team-unified-grid > :last-child:nth-child(odd) {
    grid-column: 1 / -1;
    justify-self: center;
    width: 100%;
    max-width: calc(50% - 9px);
}

.home-team-unified-grid .home-team-card-body-featured {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 10px;
}

@media (max-width: 767px) {
    .home-team-unified-grid {
        grid-template-columns: 1fr;
    }

    .home-team-unified-grid > :last-child:nth-child(odd) {
        grid-column: auto;
        max-width: none;
    }
}