:root {
  color-scheme: light;
  --color-bg: #f5f8fc;
  --color-surface: #ffffff;
  --color-surface-muted: #eef4ff;
  --color-text: #07132f;
  --color-muted: #54627d;
  --color-muted-2: #6f7c95;
  --color-border: #dbe4f1;
  --color-border-strong: #c5d5ec;
  --color-accent: #0f6bff;
  --color-accent-2: #55c7ff;
  --color-accent-3: #7667ff;
  --color-accent-dark: #074dc7;
  --color-accent-soft: #e8f1ff;
  --shadow-soft: 0 28px 90px rgba(7, 19, 47, 0.09);
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-xl: 38px;
  --container: 1120px;
  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4rem;
  --space-8: 6rem;
  --space-9: 8rem;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }

html {
  min-width: 320px;
  background: var(--color-bg);
  font-family: var(--font-sans);
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

html[lang="es"] { scroll-behavior: smooth; }

@media (prefers-reduced-motion: reduce) {
  html[lang="es"] { scroll-behavior: auto; }
}

body {
  position: relative;
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 12% 4%, rgba(15, 107, 255, 0.15), transparent 29rem),
    radial-gradient(circle at 88% 10%, rgba(85, 199, 255, 0.13), transparent 28rem),
    linear-gradient(180deg, #ffffff 0%, #f6f9fe 44rem, #f3f7fc 100%);
  color: var(--color-text);
}

body::before {
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(8, 55, 130, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(8, 55, 130, 0.045) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.35) 55%, transparent 100%);
  content: "";
}

body::after {
  position: fixed;
  inset: auto -18rem 4rem auto;
  z-index: -1;
  width: 40rem;
  height: 40rem;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(15, 107, 255, 0.11), transparent 68%);
  filter: blur(10px);
  pointer-events: none;
  content: "";
}

a { color: inherit; text-decoration-thickness: 0.08em; text-underline-offset: 0.2em; }
a:hover { color: var(--color-accent); }

p, ul, ol { margin-top: 0; }
p { color: var(--color-muted); }

h1, h2, h3 {
  margin: 0;
  color: var(--color-text);
  font-weight: 820;
  letter-spacing: -0.055em;
  line-height: 0.98;
}

h1 {
  font-size: clamp(3.5rem, 7.4vw, 6.75rem);
}

h2 { font-size: clamp(2.15rem, 4vw, 4.25rem); }
h3 { font-size: clamp(1.22rem, 2vw, 1.55rem); letter-spacing: -0.035em; line-height: 1.08; }

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

.container { width: min(100% - 2rem, var(--container)); margin-inline: auto; }

.skip-link {
  position: absolute;
  z-index: 20;
  top: 0.75rem;
  left: 0.75rem;
  transform: translateY(-140%);
  border-radius: var(--radius-sm);
  background: var(--color-text);
  color: #ffffff;
  padding: 0.75rem 1rem;
}
.skip-link:focus { transform: translateY(0); }

.site-header {
  position: sticky;
  z-index: 10;
  top: 0;
  border-bottom: 1px solid rgba(219, 228, 241, 0.78);
  background: rgba(255, 255, 255, 0.76);
  backdrop-filter: blur(22px) saturate(1.18);
}

.site-header__inner {
  display: flex;
  position: relative;
  min-height: 4.75rem;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
}

.brand {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  line-height: 0;
  text-decoration: none;
}
.brand__picture { display: block; width: clamp(11.75rem, 15vw, 13.5rem); height: 2.4rem; }
.brand__image { display: block; width: 100%; height: 100%; object-fit: contain; object-position: left center; }

.site-nav { display: flex; align-items: center; gap: 0.4rem; }
.site-nav a {
  border-radius: 999px;
  color: var(--color-muted);
  font-size: 0.94rem;
  font-weight: 680;
  padding: 0.62rem 0.82rem;
  text-decoration: none;
}
.site-nav a:hover,
.site-nav a[aria-current="page"] { background: var(--color-accent-soft); color: var(--color-accent-dark); }

.site-menu { display: none; position: relative; flex: 0 0 auto; }
.site-menu__toggle {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  border: 1px solid var(--color-border);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--color-text);
  cursor: pointer;
  font: inherit;
  font-weight: 700;
  list-style: none;
  padding-inline: 1rem;
}
.site-menu__toggle::-webkit-details-marker { display: none; }
.site-menu__toggle::marker { content: ""; }
.site-menu__icon {
  position: relative;
  display: block;
  width: 1rem;
  height: 0.125rem;
  border-radius: 999px;
  background: currentColor;
  transition: background 150ms ease;
}
.site-menu__icon::before,
.site-menu__icon::after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: currentColor;
  content: "";
  transition: transform 150ms ease;
}
.site-menu__icon::before { transform: translateY(-0.3125rem); }
.site-menu__icon::after { transform: translateY(0.3125rem); }
.site-menu[open] .site-menu__icon { background: transparent; }
.site-menu[open] .site-menu__icon::before { transform: rotate(45deg); }
.site-menu[open] .site-menu__icon::after { transform: rotate(-45deg); }
.site-menu__panel {
  position: absolute;
  z-index: 20;
  top: calc(100% + 0.75rem);
  right: 0;
  display: grid;
  width: min(18rem, calc(100vw - 2rem));
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: var(--shadow-soft);
  backdrop-filter: blur(14px);
  padding: 0.65rem;
}
.site-menu:not([open]) .site-menu__panel { display: none; }
.site-menu__panel a {
  display: block;
  border-radius: calc(var(--radius-lg) - 0.35rem);
  color: var(--color-muted);
  font-weight: 700;
  padding: 0.8rem 0.9rem;
  text-decoration: none;
}
.site-menu__panel a:hover,
.site-menu__panel a[aria-current="page"] { background: var(--color-accent-soft); color: var(--color-accent-dark); }

.brand:focus-visible,
.site-nav a:focus-visible,
.site-menu__toggle:focus-visible,
.site-menu__panel a:focus-visible,
.button:focus-visible { outline: 3px solid rgba(0, 106, 253, 0.32); outline-offset: 3px; }

.hero { padding-block: clamp(5rem, 10vw, 8.5rem) var(--space-8); }
.hero--with-visual { padding-block: clamp(4.5rem, 7vw, 6rem) clamp(3.5rem, 5vw, 4.5rem); }
.hero__inner { --container: 80rem; display: grid; gap: var(--space-5); }
.hero--with-visual .hero__inner {
  grid-template-columns: minmax(0, 1.12fr) minmax(25rem, 0.88fr);
  column-gap: clamp(2rem, 4vw, 4.5rem);
  align-items: center;
}
.hero__copy { position: relative; z-index: 1; display: grid; gap: clamp(1.25rem, 2vw, 1.75rem); }
.hero__title { max-width: 15.75ch; text-wrap: pretty; letter-spacing: -0.045em; line-height: 0.94; }
.hero__text { max-width: 44rem; font-size: clamp(1.1rem, 1.8vw, 1.3rem); }
.hero__actions { display: flex; flex-wrap: wrap; gap: 0.8rem; margin-top: var(--space-1); }

.eyebrow {
  margin-bottom: 0;
  color: var(--color-accent-dark);
  font-size: 0.78rem;
  font-weight: 820;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.button {
  display: inline-flex;
  min-height: 3rem;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 999px;
  font-weight: 800;
  padding: 0.84rem 1.15rem;
  text-decoration: none;
  transition: background 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}
.button:hover { transform: translateY(-1px); }
.button--primary { background: var(--color-accent); box-shadow: 0 16px 34px rgba(15, 107, 255, 0.28); color: #ffffff; }
.button--primary:hover { background: var(--color-accent-dark); color: #ffffff; }
.button--secondary { border-color: rgba(197, 213, 236, 0.88); background: rgba(255, 255, 255, 0.8); color: var(--color-text); }
.button--secondary:hover { border-color: rgba(15, 107, 255, 0.35); background: var(--color-accent-soft); color: var(--color-accent-dark); }

.hero-artwork {
  position: relative;
  min-width: 0;
  width: min(100%, 44rem);
  aspect-ratio: 3 / 2;
  align-self: center;
  justify-self: end;
  overflow: visible;
  pointer-events: none;
  user-select: none;
  --hero-accent-amber: #d99a2b;
  --hero-accent-green: #2f9d73;
  background: none;
}
.hero-artwork__ambient {
  position: absolute;
  inset: 14% 7% 8% 18%;
  border-radius: 50%;
  background: radial-gradient(circle at 62% 55%, rgba(64, 151, 255, 0.14) 0%, rgba(64, 151, 255, 0.06) 38%, rgba(64, 151, 255, 0) 72%);
  pointer-events: none;
}
.hero-artwork__scene {
  position: absolute;
  inset: 0;
  --hero-artwork-scene-x: -4%;
  --hero-artwork-scene-y: 0%;
  --hero-artwork-scene-scale: 1.18;
  transform: translate3d(var(--hero-artwork-scene-x), var(--hero-artwork-scene-y), 0) scale(var(--hero-artwork-scene-scale));
  transform-origin: 72% center;
}
.hero-artwork__image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  transform: none;
  animation: none;
  will-change: auto;
}
.hero-artwork__motion { position: absolute; inset: 0; display: block; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.hero-artwork__route { fill: none; stroke: var(--color-accent); vector-effect: non-scaling-stroke; }
.hero-artwork__route--guide { stroke-width: 1.25; opacity: 0.16; }
.hero-artwork__route--flow { stroke-width: 2; stroke-dasharray: 72 620; stroke-dashoffset: 0; opacity: 0; }
.hero-artwork__accent { transform-box: fill-box; transform-origin: center; opacity: 0.42; }
.hero-artwork__accent--amber { fill: var(--hero-accent-amber); }
.hero-artwork__accent--green { fill: var(--hero-accent-green); }

.earvu-page-hero {
  --earvu-orange: #ff7a00;
  --earvu-gold: #ffc83d;
  --earvu-cyan: #00d3d7;
  --earvu-blue: #0098ff;
  position: relative;
  isolation: isolate;
  overflow: clip;
  background: #050c1b;
  color: #f5f8ff;
  padding-block: clamp(3.75rem, 5vw, 4.75rem) calc(clamp(4rem, 5.5vw, 5rem) + 2rem);
}
.earvu-page-hero__inner {
  --container: 85rem;
  display: grid;
  min-height: clamp(39rem, 50vw, 45rem);
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: center;
}
.earvu-page-hero__copy {
  z-index: 2;
  display: grid;
  grid-column: 1 / span 6;
  grid-row: 1;
  gap: clamp(1.2rem, 1.8vw, 1.65rem);
  align-content: center;
  padding-right: clamp(1rem, 2vw, 2rem);
}
.earvu-page-hero__eyebrow {
  margin: 0;
  color: var(--earvu-cyan);
  font-size: clamp(0.72rem, 0.8vw, 0.8rem);
  font-weight: 820;
  letter-spacing: 0.12em;
  line-height: 1.4;
  text-transform: uppercase;
}
.earvu-page-hero__title {
  max-width: 16ch;
  color: #f7f9ff;
  font-size: clamp(3.35rem, 4.35vw, 4.5rem);
  letter-spacing: -0.058em;
  line-height: 0.98;
  text-wrap: pretty;
}
.earvu-page-hero__text {
  max-width: 36rem;
  margin: 0;
  color: #bdc9dc;
  font-size: clamp(1.02rem, 1.25vw, 1.14rem);
  line-height: 1.65;
  text-wrap: pretty;
}
.earvu-page-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: 1.25rem;
}
.earvu-page-hero__button {
  display: inline-flex;
  min-height: 3.25rem;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 999px;
  font-weight: 820;
  line-height: 1.2;
  padding: 0.9rem 1.25rem;
  text-align: center;
  text-decoration: none;
}
.earvu-page-hero__button--primary {
  background: linear-gradient(105deg, var(--earvu-orange) 0%, var(--earvu-gold) 34%, var(--earvu-cyan) 68%, var(--earvu-blue) 100%);
  color: #04101f;
}
.earvu-page-hero__button--primary:hover {
  background: var(--earvu-cyan);
  color: #04101f;
}
.earvu-page-hero__button--secondary {
  border-color: #64738d;
  background: transparent;
  color: #eef4ff;
}
.earvu-page-hero__button--secondary:hover {
  border-color: #a6b6cf;
  background: #101a2d;
  color: #ffffff;
}
.earvu-page-hero__button:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: 4px;
}
.earvu-page-hero__visual {
  position: relative;
  z-index: 1;
  display: grid;
  height: clamp(38rem, 46vw, 43rem);
  grid-column: 6 / -1;
  grid-row: 1;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: repeat(10, minmax(0, 1fr));
  align-self: center;
}
.earvu-page-hero__product-brand {
  z-index: 3;
  display: grid;
  width: 10.5rem;
  max-width: 100%;
  grid-column: 8 / 13;
  grid-row: 1 / 3;
  align-self: start;
  justify-self: end;
  justify-items: center;
  gap: 0.375rem;
  margin-right: 1.5rem;
}
.earvu-page-hero__logo {
  width: clamp(5.75rem, 7.6vw, 7rem);
  height: auto;
}
.earvu-page-hero__product-credit {
  margin: 0;
  color: #bdc9dc;
  font-size: clamp(0.75rem, 0.82vw, 0.875rem);
  font-weight: 620;
  line-height: 1.35;
  text-align: center;
  white-space: normal;
}
.earvu-page-hero__spectrum {
  z-index: 0;
  width: 100%;
  height: 100%;
  grid-column: 1 / -1;
  grid-row: 1 / -1;
  overflow: visible;
  pointer-events: none;
}
.earvu-page-hero__route path {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 3;
  vector-effect: non-scaling-stroke;
}
.earvu-page-hero__route--medium,
.earvu-page-hero__route--stacked,
.earvu-page-hero__route--compact { display: none; }
.earvu-page-hero__figure {
  --earvu-capture-radius: clamp(0.65rem, 1.1vw, 0.9rem);
  --earvu-capture-border: rgba(117, 139, 177, 0.24);
  --earvu-capture-accent: rgba(117, 139, 177, 0.86);
  position: relative;
  z-index: 1;
  min-width: 0;
  margin: 0;
  align-self: center;
}
.earvu-page-hero__figure picture { display: block; }
.earvu-page-hero__figure img {
  width: 100%;
  height: auto;
  border: 1px solid var(--earvu-capture-border);
  border-radius: var(--earvu-capture-radius);
}
.earvu-page-hero__figure--discord {
  --earvu-capture-border: rgba(255, 122, 0, 0.46);
  --earvu-capture-accent: rgba(255, 122, 0, 0.9);
  width: 90%;
  grid-column: 2 / 9;
  grid-row: 2 / 5;
  align-self: start;
}
.earvu-page-hero__figure--discord::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 34%;
  height: clamp(2.5rem, 5vw, 3.5rem);
  box-sizing: border-box;
  border-top: 2px solid var(--earvu-capture-accent);
  border-left: 2px solid var(--earvu-capture-accent);
  border-radius: var(--earvu-capture-radius) 0 0 0;
  content: "";
  pointer-events: none;
}
.earvu-page-hero__figure--editor {
  --earvu-capture-border: rgba(0, 211, 215, 0.44);
  --earvu-capture-accent: rgba(0, 211, 215, 0.88);
  z-index: 2;
  width: 80%;
  grid-column: 7 / 13;
  grid-row: 4 / 8;
  align-self: start;
  justify-self: end;
  margin-right: 0.3125rem;
}
.earvu-page-hero__figure--editor::before {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  width: 46%;
  height: 42%;
  border-top: 2px solid var(--earvu-capture-accent);
  border-right: 2px solid var(--earvu-capture-accent);
  border-radius: 0 var(--earvu-capture-radius) 0 0;
  content: "";
  pointer-events: none;
}
.earvu-page-hero__figure--ready {
  --earvu-capture-border: rgba(0, 152, 255, 0.48);
  --earvu-capture-accent: rgba(0, 152, 255, 0.92);
  width: 91%;
  grid-column: 6 / 12;
  grid-row: 7 / 11;
  align-self: start;
  justify-self: center;
  margin: 2.5625rem 0 0;
}
.earvu-page-hero__figure--ready::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 3;
  height: 42%;
  border-top: 2px solid var(--earvu-capture-accent);
  border-radius: var(--earvu-capture-radius) var(--earvu-capture-radius) 0 0;
  content: "";
  pointer-events: none;
}
.earvu-page-hero__figure--ready::after {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3;
  width: 44%;
  height: 46%;
  border-right: 2px solid var(--earvu-capture-accent);
  border-bottom: 2px solid var(--earvu-capture-accent);
  border-radius: 0 0 var(--earvu-capture-radius) 0;
  content: "";
  pointer-events: none;
}

@media (max-width: 1100px) {
  .earvu-page-hero { padding-block: 3.5rem 3.25rem; }
  .earvu-page-hero__inner { min-height: 39rem; }
  .earvu-page-hero__copy { grid-column: 1 / span 6; padding-right: 0.75rem; }
  .earvu-page-hero__title { max-width: 15ch; }
  .earvu-page-hero__text { font-size: 1rem; }
  .earvu-page-hero__visual { height: 36rem; grid-column: 6 / -1; }
  .earvu-page-hero__product-brand { margin-right: -0.5rem; }
  .earvu-page-hero__logo { width: 5.5rem; }
  .earvu-page-hero__route--wide { display: none; }
  .earvu-page-hero__route--medium { display: inline; }
}

@media (max-width: 920px) {
  .earvu-page-hero { padding-block: clamp(3.5rem, 7vw, 4.5rem) clamp(4rem, 8vw, 5rem); }
  .earvu-page-hero__inner {
    min-height: 0;
    grid-template-columns: minmax(0, 1fr);
    gap: calc(clamp(3.5rem, 7vw, 5rem) - 1rem);
  }
  .earvu-page-hero__copy {
    width: min(100%, 45rem);
    grid-column: 1;
    grid-row: 1;
    padding-right: 0;
  }
  .earvu-page-hero__title { max-width: 15ch; font-size: clamp(3.5rem, 8.2vw, 4.7rem); }
  .earvu-page-hero__text { max-width: 41rem; font-size: 1.08rem; }
  .earvu-page-hero__visual {
    width: min(100%, 52rem);
    height: clamp(39rem, 78vw, 44rem);
    grid-column: 1;
    grid-row: 2;
    justify-self: center;
  }
  .earvu-page-hero__product-brand { margin-right: 1.5rem; }
  .earvu-page-hero__logo { width: clamp(5.75rem, 12vw, 6.75rem); }
  .earvu-page-hero__figure--discord { width: 92%; grid-column: 1 / 9; }
  .earvu-page-hero__figure--editor {
    width: 78%;
    grid-column: 5 / 13;
    align-self: center;
    margin-right: 0;
  }
  .earvu-page-hero__figure--ready {
    width: 82%;
    grid-column: 2 / 8;
    grid-row: 7 / 11;
    align-self: end;
    justify-self: start;
    margin: 0;
  }
  .earvu-page-hero__route path { stroke-width: 2.5; }
  .earvu-page-hero__route--medium { display: none; }
  .earvu-page-hero__route--stacked { display: inline; }
}

@media (max-width: 640px) {
  .earvu-page-hero { padding-block: 3.25rem 4rem; }
  .earvu-page-hero__inner { gap: 2.75rem; }
  .earvu-page-hero__copy { gap: 1.2rem; }
  .earvu-page-hero__eyebrow { max-width: 29rem; font-size: 0.7rem; letter-spacing: 0.105em; }
  .earvu-page-hero__title {
    max-width: 100%;
    font-size: clamp(2.8rem, 12.5vw, 3.35rem);
    line-height: 0.99;
    overflow-wrap: normal;
  }
  .earvu-page-hero__text { font-size: 1rem; line-height: 1.62; }
  .earvu-page-hero__actions { flex-direction: column; align-items: stretch; }
  .earvu-page-hero__button { width: 100%; min-height: 3.35rem; }
  .earvu-page-hero__visual {
    height: auto;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 7rem auto auto auto;
    gap: 2.5rem;
  }
  .earvu-page-hero__product-brand {
    position: absolute;
    top: -2.375rem;
    right: 0;
    left: 0;
    margin-inline: auto;
    grid-column: 1;
    grid-row: 1;
    justify-self: center;
  }
  .earvu-page-hero__logo { width: 7rem; }
  .earvu-page-hero__spectrum {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    z-index: 0;
    width: 100%;
    height: calc(220vw - 2rem);
  }
  .earvu-page-hero__route path { stroke-width: 2.25; }
  .earvu-page-hero__route--stacked { display: none; }
  .earvu-page-hero__route--compact { display: inline; }
  .earvu-page-hero__figure { align-self: auto; }
  .earvu-page-hero__figure--discord {
    width: 92%;
    grid-column: 1;
    grid-row: 2;
    justify-self: start;
  }
  .earvu-page-hero__figure--editor {
    width: 100%;
    grid-column: 1;
    grid-row: 3;
    justify-self: stretch;
    margin-right: 0;
  }
  .earvu-page-hero__figure--ready {
    width: 75.5%;
    grid-column: 1;
    grid-row: 4;
    justify-self: end;
  }
}

.earvu-problem {
  overflow: clip;
  padding-block: clamp(6rem, 9vw, 8.5rem);
  background: #eef3f8;
}
.earvu-problem__inner {
  --container: 80rem;
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(0, 0.94fr);
  align-items: start;
  gap: clamp(2.75rem, 4vw, 3.5rem);
}
.earvu-problem__copy {
  display: grid;
  align-content: center;
  gap: clamp(1.25rem, 2vw, 1.75rem);
}
.earvu-problem__eyebrow {
  margin: 0;
  color: var(--color-accent-dark);
}
.earvu-problem__title {
  max-width: 40.625rem;
  font-size: clamp(3rem, 4.1vw, 4.4rem);
  line-height: 0.96;
  text-wrap: balance;
}
.earvu-problem__text {
  display: grid;
  max-width: 35rem;
  gap: 1.15rem;
}
.earvu-problem__paragraph {
  margin: 0;
  color: var(--color-muted);
  font-size: clamp(1rem, 1.15vw, 1.1rem);
  line-height: 1.7;
}
.earvu-problem__evidence {
  position: relative;
  display: grid;
  width: calc(100% + max(1rem, (100vw - 80rem) / 2));
  height: clamp(26rem, 31vw, 28.5rem);
  align-content: center;
  align-self: start;
  gap: 1.65rem;
  margin-top: 2.65rem;
  overflow: hidden;
  background: #0f0f0f;
  color: #f1f1f1;
  padding: 4rem clamp(1.75rem, 3vw, 2.75rem) 3.5rem clamp(2rem, 3.25vw, 3rem);
}
.youtube-comment {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 2.75rem minmax(0, 1fr);
  align-items: start;
  gap: 0.85rem;
}
.youtube-comment__avatar {
  display: grid;
  width: 2.75rem;
  height: 2.75rem;
  place-items: center;
  border-radius: 50%;
  flex: none;
}
.youtube-comment__avatar--anonymous {
  position: relative;
  overflow: hidden;
  background: #5f6368;
}
.youtube-comment__avatar--anonymous::before {
  position: absolute;
  top: 0.6rem;
  left: 1.04rem;
  width: 0.68rem;
  height: 0.68rem;
  border-radius: 50%;
  background: #c8cacc;
  content: "";
}
.youtube-comment__avatar--anonymous::after {
  position: absolute;
  right: 0.58rem;
  bottom: -0.48rem;
  left: 0.58rem;
  height: 1.7rem;
  border-radius: 50% 50% 0 0;
  background: #c8cacc;
  content: "";
}
.youtube-comment__avatar--atlantis {
  background: #146a78;
  color: #ffffff;
  font-size: 0.95rem;
  font-weight: 760;
}
.youtube-comment__body {
  min-width: 0;
}
.youtube-comment__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.2rem 0.55rem;
  margin-bottom: 0.5rem;
  line-height: 1.35;
}
.youtube-comment__meta strong {
  color: #f1f1f1;
  font-size: 0.875rem;
  font-weight: 650;
}
.youtube-comment__meta span {
  color: #aaaaaa;
  font-size: 0.825rem;
}
.youtube-comment__body p {
  max-width: 44rem;
  margin: 0;
  color: #f1f1f1;
  font-size: 1.035rem;
  line-height: 1.58;
}
.youtube-comment--context .youtube-comment__body p {
  color: #dedede;
}
.youtube-thread__reply {
  position: relative;
  margin-left: 1.15rem;
  padding-left: 2.35rem;
}
.youtube-thread__reply::before {
  position: absolute;
  top: -1rem;
  left: 0;
  width: 2px;
  height: 2.25rem;
  background: #ff8a24;
  content: "";
}
.youtube-thread__reply::after {
  position: absolute;
  top: 1.25rem;
  bottom: 0;
  left: 0;
  width: 2px;
  background: #00aeda;
  content: "";
}
.youtube-comment--reply .youtube-comment__body p {
  font-size: 1.045rem;
}
.youtube-comment__more {
  display: block;
  width: fit-content;
  margin-top: 0.65rem;
  color: #aaaaaa;
  font-size: 0.94rem;
  font-weight: 650;
}
.earvu-problem__buried {
  position: absolute;
  left: clamp(2rem, 3.25vw, 3rem);
  display: grid;
  width: min(72%, 29rem);
  grid-template-columns: 2.5rem minmax(0, 1fr);
  align-items: start;
  gap: 0.85rem;
  opacity: 0.32;
}
.earvu-problem__buried--before {
  top: -0.05rem;
}
.earvu-problem__buried--after {
  bottom: -0.75rem;
}
.earvu-problem__buried-avatar {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: #858585;
}
.earvu-problem__buried-body {
  display: grid;
  gap: 0.55rem;
}
.earvu-problem__buried-meta {
  display: flex;
  align-items: center;
  gap: 0.55rem;
}
.earvu-problem__buried-meta span:first-child {
  width: 7.5rem;
  height: 0.5rem;
  background: #b5b5b5;
}
.earvu-problem__buried-meta span:last-child {
  width: 3.5rem;
  height: 0.42rem;
  background: #7c7c7c;
}
.earvu-problem__buried-text {
  display: grid;
  gap: 0.38rem;
}
.earvu-problem__buried-text span {
  width: 100%;
  height: 0.38rem;
  background: #8d8d8d;
}
.earvu-problem__buried-text span:nth-child(2) {
  width: 91%;
}
.earvu-problem__buried-text span:nth-child(3) {
  width: 68%;
  background: #737373;
}

@media (max-width: 1100px) {
  .earvu-problem .earvu-problem__inner {
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(3.5rem, 8vw, 5rem);
  }
  .earvu-problem .earvu-problem__copy {
    width: min(100%, 46rem);
  }
  .earvu-problem .earvu-problem__title {
    max-width: 40.625rem;
    font-size: clamp(3rem, 6vw, 4.1rem);
  }
  .earvu-problem .earvu-problem__evidence {
    width: calc(100% + 1rem);
    height: auto;
    min-height: 24rem;
    margin-top: 0;
    padding-block: 3.75rem;
  }
}

@media (max-width: 640px) {
  body .earvu-problem {
    padding-block: 4.75rem 5.25rem;
  }
  .earvu-problem > .earvu-problem__inner {
    gap: 3.25rem;
  }
  .earvu-problem header.earvu-problem__copy {
    gap: 1.15rem;
  }
  .earvu-problem h2.earvu-problem__title {
    max-width: 100%;
    font-size: clamp(2.65rem, 11.5vw, 3.15rem);
    line-height: 0.98;
    text-wrap: pretty;
  }
  .earvu-problem div.earvu-problem__text {
    gap: 1rem;
  }
  .earvu-problem p.earvu-problem__paragraph {
    font-size: 1rem;
    line-height: 1.65;
  }
  .earvu-problem div.earvu-problem__evidence {
    width: calc(100% + 2rem);
    min-height: 0;
    margin-left: -1rem;
    gap: 1.75rem;
    padding: 3rem 1rem 3.25rem;
  }
  .earvu-problem article.youtube-comment {
    grid-template-columns: 2.35rem minmax(0, 1fr);
    gap: 0.7rem;
  }
  .earvu-problem span.youtube-comment__avatar {
    width: 2.35rem;
    height: 2.35rem;
  }
  .earvu-problem span.youtube-comment__avatar--anonymous::before {
    top: 0.52rem;
    left: 0.88rem;
  }
  .earvu-problem div.youtube-thread__reply {
    margin-left: 0.8rem;
    padding-left: 1.2rem;
  }
  .earvu-problem .youtube-comment__body p {
    font-size: 0.98rem;
  }
  .earvu-problem article.youtube-comment--reply .youtube-comment__body p {
    font-size: 0.98rem;
  }
  .earvu-problem .earvu-problem__buried {
    display: none;
  }
}

.earvu-process {
  --earvu-process-bg: #050c1b;
  --earvu-process-surface: #06101f;
  --earvu-process-text: #f7f9ff;
  --earvu-process-muted: #aebbd0;
  --earvu-process-orange: #ff7a00;
  --earvu-process-gold: #ffc83d;
  --earvu-process-cyan: #00d3d7;
  --earvu-process-blue: #0098ff;
  overflow: clip;
  background: var(--color-bg);
  padding-block: clamp(5.5rem, 8vw, 7.5rem) 0;
}
.earvu-process__inner { --container: 80rem; }
.earvu-process__intro {
  display: grid;
  max-width: 56rem;
  gap: clamp(1.1rem, 1.8vw, 1.5rem);
}
.earvu-process__eyebrow { margin: 0; }
.earvu-process__title {
  max-width: 15ch;
  font-size: clamp(3rem, 4.5vw, 4.75rem);
  line-height: 0.96;
  text-wrap: balance;
}
.earvu-process__lead {
  max-width: 44rem;
  margin: 0;
  font-size: clamp(1rem, 1.2vw, 1.1rem);
  line-height: 1.7;
}
.earvu-process__surface {
  position: relative;
  isolation: isolate;
  width: 100vw;
  margin-top: clamp(3rem, 5vw, 4.25rem);
  margin-left: calc(50% - 50vw);
  overflow: hidden;
  border-block: 1px solid rgba(148, 176, 220, 0.16);
  background:
    radial-gradient(circle at 8% 18%, rgba(255, 122, 0, 0.07), transparent 26rem),
    radial-gradient(circle at 68% 30%, rgba(0, 211, 215, 0.055), transparent 25rem),
    radial-gradient(circle at 94% 84%, rgba(0, 152, 255, 0.08), transparent 27rem),
    linear-gradient(118deg, var(--earvu-process-surface), var(--earvu-process-bg));
  padding-block: clamp(3.5rem, 5vw, 4.5rem);
}
.earvu-process__track {
  --earvu-process-route-y: 3.25rem;
  position: relative;
  z-index: 1;
  display: grid;
  width: min(calc(100% - 2rem), 80rem);
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.05fr) minmax(0, 1.3fr) minmax(0, 0.9fr);
  gap: clamp(1.25rem, 2.6vw, 3rem);
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
.earvu-process__track::before {
  position: absolute;
  top: var(--earvu-process-route-y);
  right: 10.75%;
  left: 10.5%;
  height: 1px;
  background: linear-gradient(
    90deg,
    var(--earvu-process-orange) 0%,
    var(--earvu-process-gold) 32%,
    var(--earvu-process-cyan) 66%,
    var(--earvu-process-blue) 100%
  );
  content: "";
}
.earvu-process__stage {
  --earvu-process-stage: var(--earvu-process-orange);
  --earvu-process-stage-glow: rgba(255, 122, 0, 0.14);
  --earvu-process-next-stage: var(--earvu-process-gold);
  position: relative;
  min-width: 0;
  padding-inline: clamp(0.25rem, 0.8vw, 0.75rem);
}
.earvu-process__stage:nth-child(2) {
  --earvu-process-stage: var(--earvu-process-gold);
  --earvu-process-stage-glow: rgba(255, 200, 61, 0.14);
  --earvu-process-next-stage: var(--earvu-process-cyan);
}
.earvu-process__stage:nth-child(3) {
  --earvu-process-stage: var(--earvu-process-cyan);
  --earvu-process-stage-glow: rgba(0, 211, 215, 0.14);
  --earvu-process-next-stage: var(--earvu-process-blue);
}
.earvu-process__stage:nth-child(4) {
  --earvu-process-stage: var(--earvu-process-blue);
  --earvu-process-stage-glow: rgba(0, 152, 255, 0.14);
  --earvu-process-next-stage: var(--earvu-process-blue);
}
.earvu-process__stage::before {
  position: absolute;
  z-index: 1;
  top: calc(var(--earvu-process-route-y) - 0.3rem);
  left: calc(50% - 0.3rem);
  width: 0.6rem;
  height: 0.6rem;
  border: 2px solid var(--earvu-process-bg);
  border-radius: 50%;
  background: var(--earvu-process-stage);
  box-shadow: 0 0 0 4px var(--earvu-process-stage-glow);
  content: "";
}
.earvu-process__stage:nth-child(3)::before {
  top: calc(var(--earvu-process-route-y) - 0.55rem);
  left: calc(50% - 0.55rem);
  width: 1.1rem;
  height: 1.1rem;
  border-width: 3px;
  box-shadow:
    0 0 0 5px rgba(0, 211, 215, 0.1),
    0 0 2.5rem rgba(0, 211, 215, 0.13);
}
.earvu-process__number {
  display: block;
  height: 5rem;
  color: var(--earvu-process-stage);
  font-size: 0.78rem;
  font-weight: 820;
  letter-spacing: 0.1em;
  line-height: 1;
  padding-top: 0.55rem;
  text-align: center;
}
.earvu-process__stage-copy { margin-top: 1.5rem; }
.earvu-process__stage:nth-child(2) .earvu-process__stage-copy { margin-top: 3.25rem; }
.earvu-process__stage:nth-child(3) .earvu-process__stage-copy { margin-top: 0.25rem; }
.earvu-process__stage:nth-child(4) .earvu-process__stage-copy { margin-top: 2.25rem; }
.earvu-process__stage-copy h3 {
  color: var(--earvu-process-text);
  font-size: clamp(1.3rem, 1.75vw, 1.65rem);
  letter-spacing: -0.035em;
  line-height: 1.05;
  text-wrap: balance;
}
.earvu-process__stage-copy p {
  margin: 0.9rem 0 0;
  color: var(--earvu-process-muted);
  font-size: clamp(0.98rem, 1.15vw, 1.05rem);
  line-height: 1.68;
}
.earvu-process__stage:nth-child(3) .earvu-process__stage-copy h3 {
  font-size: clamp(1.6rem, 2.2vw, 2rem);
}
.earvu-process__stage:nth-child(3) .earvu-process__stage-copy p {
  max-width: 26rem;
  color: #d7e3f4;
  font-size: clamp(1.02rem, 1.25vw, 1.1rem);
}

@media (max-width: 900px) {
  .earvu-process__surface {
    margin-top: 3.25rem;
    padding-block: 3.25rem 3.5rem;
  }
  .earvu-process__track {
    width: min(calc(100% - 3rem), 50rem);
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
  .earvu-process__track::before { display: none; }
  .earvu-process__stage {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: clamp(1rem, 3vw, 1.5rem);
    padding: 0 0 clamp(3.25rem, 7vw, 4.25rem);
  }
  .earvu-process__stage:last-child { padding-bottom: 0; }
  .earvu-process__stage::before {
    top: 0.35rem;
    left: 0;
    width: 0.7rem;
    height: 0.7rem;
  }
  .earvu-process__stage:nth-child(3)::before {
    top: 0.2rem;
    left: -0.15rem;
    width: 1rem;
    height: 1rem;
    border-width: 2px;
  }
  .earvu-process__stage::after {
    position: absolute;
    top: 0.7rem;
    bottom: -0.35rem;
    left: 0.35rem;
    width: 1px;
    background: linear-gradient(
      180deg,
      var(--earvu-process-stage),
      var(--earvu-process-next-stage)
    );
    content: "";
  }
  .earvu-process__stage:last-child::after { display: none; }
  .earvu-process__number {
    z-index: 1;
    width: auto;
    height: auto;
    background: transparent;
    font-size: 0.72rem;
    font-weight: 820;
    letter-spacing: 0.08em;
    line-height: 1;
    padding: 0.3rem 0 0 1.05rem;
    text-align: left;
  }
  .earvu-process__stage-copy,
  .earvu-process__stage:nth-child(2) .earvu-process__stage-copy,
  .earvu-process__stage:nth-child(4) .earvu-process__stage-copy {
    margin-top: 0;
    padding-top: 0.05rem;
  }
  .earvu-process__stage-copy h3 { font-size: 1.4rem; }
  .earvu-process__stage-copy p {
    max-width: 34rem;
    margin-top: 0.7rem;
    font-size: 1.02rem;
  }
  .earvu-process__stage:nth-child(3) .earvu-process__stage-copy {
    margin-top: 0;
    padding-block: 0.1rem 0.35rem;
  }
  .earvu-process__stage:nth-child(3) .earvu-process__stage-copy h3 { font-size: 1.7rem; }
  .earvu-process__stage:nth-child(3) .earvu-process__stage-copy p { font-size: 1.06rem; }
}

@media (max-width: 640px) {
  .earvu-process { padding-block: 4.75rem 0; }
  .earvu-process__intro { gap: 1.15rem; }
  .earvu-process__title {
    max-width: 100%;
    font-size: clamp(2.65rem, 11.5vw, 3.15rem);
    line-height: 0.98;
    text-wrap: pretty;
  }
  .earvu-process__lead { font-size: 1rem; line-height: 1.65; }
  .earvu-process__surface {
    margin-top: 2.75rem;
    padding-block: 2.75rem 3rem;
  }
  .earvu-process__track { width: calc(100% - 2rem); }
  .earvu-process__stage {
    grid-template-columns: 2.5rem minmax(0, 1fr);
    gap: 0.85rem;
    padding-bottom: 3.1rem;
  }
  .earvu-process__number { padding-left: 0.9rem; }
  .earvu-process__stage-copy h3 { font-size: 1.3rem; }
  .earvu-process__stage-copy p { font-size: 1rem; }
  .earvu-process__stage:nth-child(3) .earvu-process__stage-copy h3 { font-size: 1.55rem; }
  .earvu-process__stage:nth-child(3) .earvu-process__stage-copy p { font-size: 1.03rem; }
}

.earvu-audience {
  --earvu-audience-dark: #050c1b;
  --earvu-audience-surface: #071427;
  --earvu-audience-text: #f7f9ff;
  --earvu-audience-muted: #b8c4d7;
  position: relative;
  overflow: clip;
  border-bottom: 1px solid rgba(22, 74, 150, 0.12);
  background:
    linear-gradient(
      96deg,
      #ffffff 0%,
      #f7fafd 53.5%,
      #eaf3f6 55%,
      #a9cbd2 57%,
      #5c8797 59%,
      #294f65 61%,
      #112b40 63%,
      #08182a 64.5%,
      var(--earvu-audience-dark) 100%
    );
}
.earvu-audience__layout {
  position: relative;
  z-index: 1;
  display: grid;
  min-height: clamp(50rem, 63vw, 58rem);
  grid-template-columns: minmax(0, 57fr) minmax(27rem, 43fr);
}
.earvu-audience__editorial {
  display: grid;
  align-content: center;
  gap: clamp(3rem, 4.5vw, 4.75rem);
  padding: clamp(5.5rem, 7vw, 7.5rem) clamp(4rem, 7vw, 7rem);
  padding-left: max(1rem, calc((100vw - 80rem) / 2));
}
.earvu-audience__intro {
  display: grid;
  max-width: 45rem;
  gap: clamp(1.1rem, 1.8vw, 1.5rem);
}
.earvu-audience__eyebrow { margin: 0; }
.earvu-audience__title {
  max-width: 12.5ch;
  font-size: clamp(3rem, 4.45vw, 4.85rem);
  line-height: 0.95;
  text-wrap: balance;
}
.earvu-audience__lead {
  max-width: 40rem;
  margin: 0;
  font-size: clamp(1.04rem, 1.3vw, 1.16rem);
  line-height: 1.72;
}
.earvu-audience__profiles {
  position: relative;
  display: grid;
  max-width: 39rem;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.3rem;
  margin: 0;
  padding: 0;
  counter-reset: earvu-profile;
  list-style: none;
}
.earvu-audience__profiles::before {
  position: absolute;
  top: 0.8rem;
  bottom: 0.8rem;
  left: 2.05rem;
  width: 1px;
  background: linear-gradient(180deg, rgba(15, 107, 255, 0.12), rgba(15, 107, 255, 0.34), rgba(15, 107, 255, 0.08));
  content: "";
}
.earvu-audience__profiles li {
  position: relative;
  color: var(--color-text);
  counter-increment: earvu-profile;
  font-size: clamp(1rem, 1.25vw, 1.12rem);
  font-weight: 720;
  line-height: 1.42;
  padding: 0.75rem 0.25rem 0.75rem 3.2rem;
}
.earvu-audience__profiles li:nth-child(2),
.earvu-audience__profiles li:nth-child(4) {
  padding-left: clamp(3.6rem, 4.2vw, 4.4rem);
}
.earvu-audience__profiles li::before {
  position: absolute;
  top: 0.95rem;
  left: 0;
  color: var(--color-accent);
  content: counter(earvu-profile, decimal-leading-zero);
  font-size: 0.7rem;
  font-weight: 820;
  letter-spacing: 0.08em;
}
.earvu-audience__control {
  position: relative;
  display: grid;
  min-width: 0;
  align-items: start;
  isolation: isolate;
  padding: clamp(5rem, 6vw, 6.5rem) max(1rem, calc((100vw - 80rem) / 2));
  padding-left: clamp(3.75rem, 7vw, 6.5rem);
}
.earvu-audience__control-inner {
  position: relative;
  z-index: 1;
  display: grid;
  max-width: 35rem;
  align-content: center;
  margin-top: clamp(0.75rem, 2.5vw, 2.5rem);
}
.earvu-audience__logo {
  width: clamp(8.5rem, 11vw, 10.75rem);
  height: auto;
  margin-bottom: clamp(2.75rem, 4vw, 3.75rem);
  margin-left: -1rem;
}
.earvu-audience__spectrum {
  width: min(26vw, 24rem);
  height: 2px;
  margin-bottom: clamp(2rem, 3vw, 2.75rem);
  margin-left: clamp(-10rem, -10vw, -7rem);
  background: linear-gradient(90deg, rgba(255, 122, 0, 0.2), #ff7a00 20%, #ffc83d 38%, #00d3d7 65%, rgba(0, 152, 255, 0.4) 100%);
  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 90%, transparent);
}
.earvu-audience__control-title {
  display: block;
  max-width: 11ch;
  margin: 0;
  color: var(--earvu-audience-text);
  font-size: clamp(3.35rem, 4.55vw, 5rem);
  font-weight: 820;
  letter-spacing: -0.055em;
  line-height: 0.94;
  text-wrap: balance;
}
.earvu-audience__control-title span:first-child {
  display: block;
  margin-bottom: 0.55em;
  color: var(--earvu-audience-muted);
  font-size: 0.42em;
  font-weight: 720;
  letter-spacing: -0.025em;
  line-height: 1.1;
}
.earvu-audience__control-title span:last-child {
  display: block;
  color: #ffffff;
}
.earvu-audience__control-text {
  max-width: 29rem;
  margin: clamp(2rem, 3vw, 2.75rem) 0 0;
  color: var(--earvu-audience-muted);
  font-size: clamp(1rem, 1.25vw, 1.12rem);
  line-height: 1.7;
}

@media (max-width: 1024px) {
  .earvu-audience {
    background:
      radial-gradient(circle at 12% 12%, rgba(15, 107, 255, 0.075), transparent 25rem),
      linear-gradient(145deg, #ffffff, var(--color-bg) 78%);
  }
  .earvu-audience__layout {
    min-height: 0;
    grid-template-columns: minmax(0, 1fr);
  }
  .earvu-audience__editorial {
    padding: clamp(5rem, 10vw, 7rem) max(1.5rem, calc((100vw - 48rem) / 2)) clamp(7rem, 13vw, 9rem);
  }
  .earvu-audience__title { max-width: 14ch; }
  .earvu-audience__control {
    min-height: 42rem;
    background:
      linear-gradient(180deg, transparent 0%, rgba(92, 135, 151, 0.38) 1rem, #294f65 2.25rem, #112b40 3.5rem, var(--earvu-audience-dark) 4.75rem, var(--earvu-audience-dark) 100%);
    padding: clamp(4.75rem, 9vw, 6rem) max(1.5rem, calc((100vw - 48rem) / 2)) clamp(5.5rem, 10vw, 7rem);
  }
  .earvu-audience__control-inner {
    max-width: 42rem;
    margin-top: 0;
  }
  .earvu-audience__logo { margin-left: -1rem; }
  .earvu-audience__spectrum {
    width: min(100%, 40rem);
    margin-left: 0;
  }
  .earvu-audience__control-title { max-width: 10ch; }
}

@media (max-width: 640px) {
  .earvu-audience__editorial {
    gap: 3rem;
    padding-block: 4.75rem 6.5rem;
    padding-inline: 1rem;
  }
  .earvu-audience__title {
    max-width: 100%;
    font-size: clamp(2.55rem, 11.2vw, 3.15rem);
    line-height: 0.98;
    text-wrap: pretty;
  }
  .earvu-audience__lead { font-size: 1rem; line-height: 1.65; }
  .earvu-audience__profiles li:nth-child(2),
  .earvu-audience__profiles li:nth-child(4) {
    padding-left: 3rem;
  }
  .earvu-audience__profiles li {
    font-size: 1rem;
    padding: 1rem 0 1.2rem 2.65rem;
  }
  .earvu-audience__control {
    min-height: 39rem;
    background:
      linear-gradient(180deg, transparent 0%, rgba(92, 135, 151, 0.34) 0.8rem, #294f65 1.75rem, #112b40 2.75rem, var(--earvu-audience-dark) 3.75rem, var(--earvu-audience-dark) 100%);
    padding: 4rem 1rem 5rem;
  }
  .earvu-audience__logo {
    width: 8.5rem;
    margin: 0 0 3rem -0.75rem;
  }
  .earvu-audience__spectrum {
    width: 100%;
    margin-bottom: 2.25rem;
  }
  .earvu-audience__control-title {
    max-width: 10.5ch;
    font-size: clamp(2.75rem, 13vw, 3.35rem);
  }
  .earvu-audience__control-title span:first-child { margin-bottom: 0.65em; font-size: 0.4em; }
  .earvu-audience__control-text { margin-top: 2rem; font-size: 1rem; }
}

.earvu-handoff {
  background: #f8fbff;
  padding-block: clamp(4.75rem, 7vw, 6.5rem);
}
.earvu-handoff__inner {
  --container: 80rem;
  display: grid;
  grid-template-columns: minmax(18rem, 0.72fr) minmax(32rem, 1.28fr);
  align-items: end;
  gap: clamp(4rem, 7vw, 7rem);
}
.earvu-handoff__copy {
  display: grid;
  max-width: 31rem;
  gap: 1.5rem;
}
.earvu-handoff__copy h2 {
  max-width: 12ch;
  font-size: clamp(2.5rem, 3.5vw, 3.6rem);
  line-height: 0.97;
  text-wrap: balance;
}
.earvu-handoff__copy p {
  max-width: 30rem;
  margin: 0;
  font-size: clamp(1rem, 1.25vw, 1.12rem);
  line-height: 1.65;
}
.earvu-handoff__destination {
  display: grid;
  min-width: 0;
  gap: 1.35rem;
}
.earvu-handoff__spectrum {
  width: min(42%, 18rem);
  height: 2px;
  background: linear-gradient(90deg, #ff7a00, #ffc83d 34%, #00d3d7 68%, #0098ff);
}
.earvu-handoff__link {
  display: flex;
  min-width: 0;
  align-items: baseline;
  justify-content: space-between;
  gap: 1.5rem;
  border-bottom: 1px solid rgba(15, 107, 255, 0.3);
  color: var(--color-text);
  font-size: clamp(4.5rem, 7.7vw, 7.25rem);
  font-weight: 820;
  letter-spacing: -0.065em;
  line-height: 0.86;
  padding-bottom: 0.65rem;
  text-decoration: none;
  white-space: nowrap;
}
.earvu-handoff__link:hover { color: var(--color-accent-dark); }
.earvu-handoff__link:focus-visible {
  border-radius: 2px;
  outline: 3px solid var(--color-accent);
  outline-offset: 7px;
}
.earvu-handoff__arrow {
  flex: 0 0 auto;
  color: var(--color-accent);
  font-size: 0.42em;
  font-weight: 650;
  letter-spacing: 0;
}

@media (max-width: 900px) {
  .earvu-handoff__inner {
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(3.5rem, 8vw, 5rem);
  }
  .earvu-handoff__copy { max-width: 36rem; }
  .earvu-handoff__destination { width: 100%; }
  .earvu-handoff__link { font-size: clamp(4.25rem, 12vw, 6.25rem); }
}

@media (max-width: 640px) {
  .earvu-handoff { padding-block: 4.25rem 4.75rem; }
  .earvu-handoff__inner { gap: 3.25rem; }
  .earvu-handoff__copy { gap: 1.25rem; }
  .earvu-handoff__copy h2 { font-size: clamp(2.35rem, 10.5vw, 2.8rem); }
  .earvu-handoff__copy p { font-size: 1rem; }
  .earvu-handoff__spectrum { width: 10rem; }
  .earvu-handoff__link {
    gap: 1rem;
    font-size: clamp(3.35rem, 17vw, 4.25rem);
    padding-bottom: 0.55rem;
  }
}

.section { padding-block: var(--space-7); }
.section--feature { padding-block: var(--space-5); }
.section--last { padding-bottom: var(--space-8); }
.section__header { display: grid; max-width: 54rem; gap: var(--space-3); margin-bottom: var(--space-5); }
.section__header p:last-child { font-size: 1.06rem; }

.method-section {
  --method-blue: var(--color-accent);
  --method-amber: #d99a2b;
  --method-green: #2f9d73;
  padding-block: clamp(5.5rem, 9vw, 8.5rem);
}
.method-section__inner { --container: 78rem; }
.method-section__intro {
  display: grid;
  max-width: 52rem;
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-inline-start: auto;
  text-align: right;
}
.method-section__title {
  margin: 0;
  font-size: clamp(3rem, 5.2vw, 5.25rem);
  line-height: 0.96;
  letter-spacing: -0.045em;
  text-wrap: balance;
}
.method-section__lead {
  max-width: 48rem;
  margin: 0 0 0 auto;
  color: var(--color-muted);
  font-size: clamp(1.05rem, 1.5vw, 1.25rem);
  line-height: 1.65;
}
.method-spectrum {
  width: min(100%, 72rem);
  height: 2px;
  margin: clamp(2.25rem, 4vw, 3.25rem) 0 clamp(3rem, 5vw, 4.25rem) auto;
  background:
    linear-gradient(
      90deg,
      rgba(0, 106, 253, 0) 0%,
      rgba(0, 106, 253, 0.3) 10%,
      rgba(0, 106, 253, 0.9) 72%,
      rgba(0, 106, 253, 0) 100%
    );
}
.method-planes {
  display: grid;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}
.method-plane {
  --method-plane-accent: var(--method-blue);
  --method-image-position: 72% center;
  position: relative;
  display: grid;
  width: min(74%, 58rem);
  min-height: 21rem;
  align-items: center;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(22, 74, 150, 0.14);
  background:
    linear-gradient(
      108deg,
      rgba(255, 255, 255, 0.98) 0%,
      rgba(255, 255, 255, 0.96) 36%,
      rgba(247, 251, 255, 0.76) 62%,
      rgba(247, 251, 255, 0.08) 100%
    );
  clip-path:
    polygon(
      0 0,
      calc(100% - 1.25rem) 0,
      100% 1.25rem,
      100% 100%,
      1.25rem 100%,
      0 calc(100% - 1.25rem)
    );
}
.method-plane--system {
  --method-plane-accent: var(--method-blue);
  --method-image-position: 72% 52%;
  justify-self: start;
}
.method-plane--ai {
  --method-plane-accent: var(--method-amber);
  --method-image-position: 70% 52%;
  width: min(78%, 61rem);
  justify-self: end;
}
.method-plane--growth {
  --method-plane-accent: var(--method-green);
  --method-image-position: 72% 48%;
  justify-self: start;
  margin-inline-start: 8%;
}
.method-plane__copy {
  position: relative;
  z-index: 2;
  display: grid;
  width: min(100%, 27rem);
  align-content: center;
  gap: 1rem;
  padding: clamp(2rem, 4vw, 3.25rem);
}
.method-plane__signal {
  display: block;
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 0.1rem;
  background: var(--method-plane-accent);
}
.method-plane__title {
  margin: 0;
  color: var(--color-text);
  font-size: clamp(1.65rem, 2.8vw, 2.4rem);
  line-height: 1.02;
  letter-spacing: -0.035em;
  text-wrap: balance;
}
.method-plane__text {
  margin: 0;
  color: var(--color-muted);
  font-size: clamp(1rem, 1.3vw, 1.125rem);
  line-height: 1.65;
}
.method-plane__media {
  position: absolute;
  z-index: 1;
  inset: 0 0 0 32%;
  display: block;
  overflow: hidden;
  pointer-events: none;
}
.method-plane__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--method-image-position);
  opacity: 0.96;
  -webkit-mask-image:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.18) 16%,
      rgba(0, 0, 0, 0.82) 42%,
      rgba(0, 0, 0, 1) 62%,
      rgba(0, 0, 0, 1) 100%
    );
  mask-image:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.18) 16%,
      rgba(0, 0, 0, 0.82) 42%,
      rgba(0, 0, 0, 1) 62%,
      rgba(0, 0, 0, 1) 100%
    );
}

.card-grid, .project-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); }
.card, .project-card, .note-panel, .contact-panel, .feature-panel, .principle-panel, .split-panel {
  border: 1px solid rgba(219, 228, 241, 0.86);
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.82);
  box-shadow: var(--shadow-soft);
  backdrop-filter: blur(16px);
}
.card { position: relative; display: grid; align-content: start; min-height: 15rem; gap: var(--space-3); padding: var(--space-5); overflow: hidden; }
.card::before { width: 3rem; height: 3px; border-radius: 999px; background: linear-gradient(90deg, var(--color-accent-2), var(--color-accent), var(--color-accent-3)); content: ""; }
.card p, .project-card p, .note-panel p, .contact-panel p, .feature-panel p, .split-panel p { margin-bottom: 0; }

.feature-panel, .contact-panel, .principle-panel {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: var(--space-5);
  padding: clamp(1.5rem, 4vw, 3rem);
}
.feature-panel p, .contact-panel p { max-width: 48rem; font-size: 1.06rem; }

.earvu-showcase {
  --earvu-bg: #06101f;
  --earvu-bg-deep: #030812;
  --earvu-text: #f7fbff;
  --earvu-muted: #aebbd0;
  --earvu-border: rgba(148, 176, 220, 0.2);
  --earvu-orange: #ff7a00;
  --earvu-gold: #ffc83d;
  --earvu-cyan: #00d3d7;
  --earvu-blue: #0098ff;
  position: relative;
  overflow: clip;
  padding: clamp(3rem, calc(10vw - 3.125rem), 6.875rem) 0 clamp(6rem, 10vw, 10rem);
  background:
    radial-gradient(circle at 76% 18%, rgba(21, 113, 255, 0.17), transparent 34%),
    radial-gradient(circle at 18% 82%, rgba(255, 133, 0, 0.09), transparent 30%),
    linear-gradient(145deg, var(--earvu-bg-deep), var(--earvu-bg));
  color: var(--earvu-text);
}
.earvu-showcase__inner { --container: 86rem; }
.earvu-showcase__intro {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(17rem, 0.85fr);
  align-items: center;
  gap: clamp(2.5rem, 6vw, 5rem);
}
.earvu-showcase__copy {
  display: grid;
  max-width: 50rem;
  gap: clamp(1.1rem, 1.8vw, 1.5rem);
}
.earvu-showcase__eyebrow { color: var(--earvu-cyan); }
.earvu-showcase__title {
  margin: 0;
  color: var(--earvu-text);
  font-size: clamp(3.5rem, 6vw, 6.4rem);
  line-height: 0.94;
  letter-spacing: -0.05em;
  text-wrap: balance;
}
.earvu-showcase__title-brand { display: block; }
.earvu-showcase__title-lead, .earvu-showcase__title-detail { display: block; }
.earvu-showcase__title-lead { white-space: nowrap; }
.earvu-showcase__description {
  max-width: 46rem;
  margin: 0;
  color: var(--earvu-muted);
  font-size: clamp(1.08rem, 1.7vw, 1.35rem);
  line-height: 1.65;
}
.button--earvu {
  justify-self: start;
  min-height: 3.1rem;
  padding-inline: 1.35rem;
  border-color: transparent;
  background:
    linear-gradient(
      100deg,
      var(--earvu-orange) 0%,
      var(--earvu-gold) 34%,
      var(--earvu-cyan) 68%,
      var(--earvu-blue) 100%
    );
  background-size: 100% 100%;
  box-shadow: 0 1rem 2.2rem rgba(0, 152, 255, 0.16);
  color: #06101f;
  filter: none;
}
.button--earvu:hover {
  background:
    linear-gradient(
      100deg,
      var(--earvu-orange) 0%,
      var(--earvu-gold) 34%,
      var(--earvu-cyan) 68%,
      var(--earvu-blue) 100%
    );
  box-shadow: 0 1.1rem 2.4rem rgba(0, 152, 255, 0.2);
  color: #06101f;
}
.earvu-showcase__ownership {
  margin: 0;
  color: rgba(247, 251, 255, 0.72);
  font-size: 0.9rem;
  letter-spacing: 0.01em;
}
.earvu-showcase__identity {
  display: grid;
  width: min(100%, 21rem);
  justify-self: end;
  gap: 1rem;
}
.earvu-showcase__logo {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.earvu-showcase__identity-spectrum {
  height: 3px;
  border-radius: 999px;
  background:
    linear-gradient(
      90deg,
      var(--earvu-orange),
      var(--earvu-gold),
      var(--earvu-cyan),
      var(--earvu-blue)
    );
}
.earvu-story {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: minmax(0, auto);
  column-gap: 1rem;
  row-gap: 0;
  margin-top: clamp(3.5rem, 6vw, 6rem);
  isolation: isolate;
  align-items: start;
}
.earvu-story__spectrum {
  position: absolute;
  z-index: 0;
  inset: 3% 1% 2%;
  width: 98%;
  height: 95%;
  overflow: visible;
  pointer-events: none;
}
.earvu-story__route--intermediate, .earvu-story__route--mobile, .earvu-story__route--compact { display: none; }
.earvu-story__path {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}
.earvu-story__path--base {
  stroke: rgba(135, 158, 194, 0.15);
  stroke-width: 6;
}
.earvu-story__path--spectrum {
  stroke-width: 3;
  opacity: 0.96;
}
.earvu-story__path--in { stroke: url(#earvu-story-gradient-in); }
.earvu-story__path--out { stroke: url(#earvu-story-gradient-out); }
.earvu-story__path--blue { stroke: var(--earvu-blue); }
.earvu-stage {
  --earvu-stage-accent: var(--earvu-orange);
  position: relative;
  z-index: 2;
  display: grid;
  align-self: start;
  gap: 0.9rem;
}
.earvu-stage--input {
  --earvu-stage-accent: var(--earvu-orange);
  grid-column: 1 / span 4;
  grid-row: 1;
  width: 110%;
  justify-self: start;
  align-self: start;
  margin: 0 0 0 max(-3.125rem, min(-0.5rem, calc(44rem - 50vw)));
}
.earvu-stage--editor {
  --earvu-stage-accent: var(--earvu-cyan);
  z-index: 3;
  grid-column: 6 / span 6;
  grid-row: 1;
  width: 94.5%;
  justify-self: start;
  align-self: start;
  margin: clamp(5.75rem, 8vw, 7.5rem) 0 0 clamp(2.75rem, 3.8vw, 3.5rem);
}
.earvu-stage--ready {
  --earvu-stage-accent: var(--earvu-blue);
  grid-column: 8 / span 4;
  grid-row: 1;
  width: 96.5%;
  justify-self: start;
  align-self: start;
  margin: clamp(35.5rem, 47.5vw, 41.5rem) 0 0 clamp(-2.5rem, calc(9.5rem - 15vw), -1.5625rem);
}
.earvu-stage__label {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  width: max-content;
  max-width: 100%;
  margin: 0;
  padding-right: 0.75rem;
  background:
    linear-gradient(
      90deg,
      var(--earvu-bg) 0%,
      var(--earvu-bg) 74%,
      rgba(6, 16, 31, 0) 100%
    );
  color: var(--earvu-text);
  font-size: 1rem;
  font-weight: 750;
  letter-spacing: 0.01em;
}
.earvu-stage__label::before {
  width: 1.75rem;
  height: 2px;
  flex: 0 0 auto;
  background: var(--earvu-stage-accent);
  content: "";
}
.earvu-stage__media {
  position: relative;
  display: block;
  overflow: hidden;
  border: 1px solid var(--earvu-border);
  border-radius: 1.15rem;
  background: rgba(4, 10, 21, 0.88);
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.28);
}
.earvu-stage__media::before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 1.15rem;
  width: min(28%, 8rem);
  height: 1px;
  background: var(--earvu-stage-accent);
  content: "";
}
.earvu-stage__image {
  display: block;
  width: 100%;
  height: auto;
}
.earvu-showcase__example {
  position: relative;
  z-index: 2;
  grid-column: 1 / span 4;
  grid-row: 1;
  align-self: start;
  width: 108%;
  max-width: none;
  margin:
    calc(
      clamp(22rem, 31vw, 28rem) +
      6.75rem +
      clamp(3.4375rem, calc(37.5vw - 24.375rem), 5.625rem)
    )
    0
    0
    calc(1.25rem + clamp(1.375rem, calc(16.25vw - 10.8125rem), 2.1875rem));
  padding-top: 1.5rem;
  color: var(--earvu-text);
  font-size: clamp(1.15rem, 1.65vw, 1.55rem);
  line-height: 1.4;
  text-align: left;
  text-wrap: pretty;
}
.earvu-showcase__example::before {
  position: absolute;
  top: 0;
  left: 0;
  width: min(7rem, 34%);
  height: 2px;
  border-radius: 999px;
  background:
    linear-gradient(
      90deg,
      var(--earvu-orange),
      var(--earvu-gold),
      var(--earvu-cyan),
      var(--earvu-blue)
    );
  content: "";
}

.principles-standard {
  --principles-bg: #ebe5dd;
  --principles-text: #071b3f;
  --principles-blue: #0968e8;
  --principles-amber: #c88724;
  overflow: hidden;
  background: var(--principles-bg);
  color: var(--principles-text);
}
.principles-standard__scene {
  position: relative;
  display: grid;
  max-width: 100rem;
  aspect-ratio: 57 / 32;
  align-items: center;
  margin-inline: auto;
  background: var(--principles-bg);
}
.principles-standard__picture {
  grid-area: 1 / 1;
  width: 100%;
  height: 100%;
}
.principles-standard__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.principles-standard__intro {
  position: relative;
  z-index: 1;
  display: grid;
  grid-area: 1 / 1;
  width: clamp(18rem, 30vw, 30rem);
  justify-self: end;
  gap: clamp(1rem, 1.5vw, 1.4rem);
  margin-right: max(2rem, calc((100% - 93.75rem) / 2));
}
.principles-standard__intro .eyebrow { color: #0047a6; }
.principles-standard__intro h2 {
  max-width: 11ch;
  color: var(--principles-text);
  font-size: clamp(2.35rem, 3.75vw, 4.5rem);
  letter-spacing: -0.06em;
  line-height: 0.94;
  text-wrap: balance;
}
.principles-standard__lead {
  max-width: 42rem;
  margin-bottom: 0;
  color: #34425a;
  font-size: clamp(1rem, 1.25vw, 1.18rem);
  line-height: 1.58;
  text-wrap: pretty;
}
.principles-standard__body {
  padding-block: clamp(5.5rem, 9vw, 9rem) clamp(6.5rem, 11vw, 11rem);
}
.principles-standard__signature {
  display: grid;
  width: min(70%, 46rem);
  grid-template-columns: minmax(4rem, 1fr) clamp(5rem, calc(5vw + 2.75rem), 7.25rem);
  align-items: start;
  gap: clamp(1.125rem, 1.65vw, 1.5rem);
  margin: 0 0 clamp(4rem, 6vw, 6.5rem) 18%;
}
.principles-standard__signature span {
  position: relative;
  height: 0.5rem;
  align-self: start;
  margin-top: clamp(1.5rem, calc(2.5vw + 1rem), 3.25rem);
  background:
    linear-gradient(var(--principles-amber), var(--principles-amber)) right bottom / 1rem 2px no-repeat,
    linear-gradient(var(--principles-blue), var(--principles-blue)) right 1rem bottom / 30% 2px no-repeat,
    linear-gradient(rgba(7, 27, 63, 0.18), rgba(7, 27, 63, 0.18)) left bottom / 100% 1px no-repeat;
}
.principles-standard__signature span::before {
  position: absolute;
  right: calc(30% + 1rem);
  bottom: 0;
  width: 1px;
  height: 0.5rem;
  background: rgba(9, 104, 232, 0.62);
  content: "";
}
.principles-standard__signature span::after {
  position: absolute;
  right: 1rem;
  bottom: 0;
  width: 1px;
  height: 0.375rem;
  background: var(--principles-amber);
  content: "";
}
.principles-standard__signature img { width: 100%; height: auto; }
.principles-standard__list { display: flow-root; }
.principles-standard__item {
  position: relative;
  width: 55%;
  border-top: 1px solid rgba(7, 27, 63, 0.25);
  padding-top: clamp(1.35rem, 2vw, 1.8rem);
}
.principles-standard__item::after {
  position: absolute;
  top: -0.2rem;
  right: 0;
  width: 0.38rem;
  height: 0.38rem;
  background: var(--principles-amber);
  content: "";
}
.principles-standard__heading {
  display: grid;
  grid-template-columns: clamp(4.6rem, 7vw, 6rem) minmax(0, 1fr);
  align-items: end;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
}
.principles-standard__number {
  color: var(--principles-blue);
  font-size: clamp(2.9rem, 5vw, 4.5rem);
  font-weight: 760;
  letter-spacing: -0.08em;
  line-height: 0.78;
}
.principles-standard__item h3 {
  color: var(--principles-text);
  font-size: clamp(1.65rem, 2.6vw, 2.5rem);
  letter-spacing: -0.045em;
  line-height: 1;
  text-wrap: balance;
}
.principles-standard__item p {
  max-width: 43rem;
  margin: 1.25rem 0 0 clamp(5.35rem, 8.5vw, 7.25rem);
  color: #465267;
  font-size: clamp(1rem, 1.2vw, 1.1rem);
  line-height: 1.65;
  text-wrap: pretty;
}
.principles-standard__item--02 {
  width: 52%;
  margin: clamp(3.5rem, 6vw, 6rem) 0 0 auto;
}
.principles-standard__item--03 {
  width: 61%;
  margin: clamp(4.5rem, 7vw, 7.5rem) 0 0 9%;
}
.principles-standard__item--04 {
  width: 56%;
  margin: clamp(5rem, 8vw, 8.5rem) 4% 0 auto;
  border-top-color: rgba(7, 27, 63, 0.55);
}
.principles-standard__item--04 h3 { font-size: clamp(1.8rem, 2.85vw, 2.75rem); }

.experience-ledger {
  --experience-blue: #0868ed;
  --experience-navy: #071b3f;
  --experience-muted: #4f5d73;
  --experience-line: rgba(7, 27, 63, 0.16);
  overflow: hidden;
  background: #ffffff;
  color: var(--experience-navy);
  padding-block: clamp(7rem, 10vw, 10rem) clamp(7.5rem, 11vw, 11rem);
}
.experience-ledger__inner { --container: 80rem; }
.experience-ledger__header {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: center;
  column-gap: clamp(1rem, 2vw, 2rem);
}
.experience-ledger__position {
  display: grid;
  grid-column: 1 / span 7;
  gap: clamp(1.25rem, 2vw, 1.75rem);
}
.experience-ledger__eyebrow { color: #0756ba; }
.experience-ledger__position h2 {
  max-width: 11ch;
  color: var(--experience-navy);
  font-size: clamp(3.4rem, 5.65vw, 5.8rem);
  letter-spacing: -0.065em;
  line-height: 0.91;
  text-wrap: balance;
}
.experience-ledger__intro {
  display: grid;
  max-width: 45rem;
  gap: clamp(1.1rem, 2vw, 1.6rem);
}
.experience-ledger__intro p {
  max-width: 41rem;
  margin: 0;
  color: var(--experience-muted);
  font-size: clamp(1.05rem, 1.35vw, 1.18rem);
  line-height: 1.68;
  text-wrap: pretty;
}
.experience-ledger__intro p:last-child {
  max-width: 37rem;
}
.experience-ledger__product {
  min-width: 0;
  grid-column: 8 / -1;
  align-self: center;
  padding-top: clamp(2rem, 6vw, 6rem);
}
.experience-ledger__product-heading {
  display: grid;
  overflow: hidden;
}
.experience-ledger__product-name {
  color: var(--experience-navy);
  font-size: clamp(5rem, 10.25vw, 9.2rem);
  font-weight: 860;
  letter-spacing: -0.095em;
  line-height: 0.7;
  white-space: nowrap;
}
.experience-ledger__product-label {
  justify-self: end;
  margin-top: 1.35rem;
  color: var(--experience-blue);
  font-size: clamp(0.78rem, 1.1vw, 0.92rem);
  font-weight: 820;
  letter-spacing: 0.16em;
}
.experience-ledger__product-audience {
  max-width: 25ch;
  margin: clamp(1.35rem, 2vw, 1.75rem) 0 0 auto;
  border-bottom: 1px solid var(--experience-line);
  color: #34445d;
  font-size: clamp(1.05rem, 1.4vw, 1.22rem);
  font-weight: 650;
  line-height: 1.35;
  padding-bottom: clamp(1.15rem, 2vw, 1.5rem);
  text-align: right;
  text-wrap: balance;
}
.experience-ledger__product-tags {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 1rem;
}
.experience-ledger__product-tags span {
  color: #5b687c;
  font-size: clamp(0.66rem, 0.75vw, 0.74rem);
  font-weight: 760;
  letter-spacing: 0.1em;
  white-space: nowrap;
}
.experience-ledger__capabilities {
  margin-top: clamp(7.5rem, calc(-6rem + 17.5vw), 9.75rem);
}
.experience-ledger__capabilities > h3 {
  max-width: 18ch;
  color: var(--experience-navy);
  font-size: clamp(2.3rem, 4.2vw, 4.1rem);
  letter-spacing: -0.055em;
  line-height: 0.98;
  text-wrap: balance;
}
.experience-ledger__capability-list {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: minmax(0, auto);
  column-gap: clamp(1rem, 2vw, 2rem);
  margin-top: clamp(4rem, 6vw, 6rem);
}
.experience-ledger__capability {
  --experience-verb-size: clamp(5rem, 6.7vw, 6.3rem);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  align-self: start;
}
.experience-ledger__capability:nth-child(1) {
  grid-column: 1 / span 7;
  grid-row: 1;
}
.experience-ledger__capability:nth-child(2) {
  --experience-verb-size: clamp(5.5rem, 7.3vw, 6.8rem);
  grid-column: 8 / -1;
  grid-row: 1;
  margin-top: clamp(7rem, 9vw, 8.5rem);
}
.experience-ledger__capability:nth-child(3) {
  --experience-verb-size: clamp(5rem, 6.5vw, 6.1rem);
  grid-column: 3 / span 5;
  grid-row: 1;
  margin-top: clamp(14rem, 17vw, 16rem);
}
.experience-ledger__capability:nth-child(4) {
  --experience-verb-size: clamp(6rem, 8vw, 7.3rem);
  grid-column: 7 / -1;
  grid-row: 1;
  margin-top: clamp(22.75rem, calc(7.75rem + 21.333vw), 26.4rem);
  margin-left: clamp(1.7rem, calc(9.5rem - 8.7vw), 3rem);
}
.experience-ledger__verb {
  position: relative;
  width: max-content;
  max-width: 100%;
  color: #cbdff9;
  font-size: var(--experience-verb-size);
  font-weight: 880;
  letter-spacing: -0.075em;
  line-height: 0.82;
  white-space: nowrap;
}
.experience-ledger__verb::after {
  position: absolute;
  width: 0.78rem;
  height: 0.22rem;
  background: var(--experience-blue);
  clip-path: polygon(18% 0, 100% 0, 82% 100%, 0 100%);
  content: "";
}
.experience-ledger__capability:nth-child(1) .experience-ledger__verb::after {
  top: 0.08em;
  right: 0.05em;
}
.experience-ledger__capability:nth-child(2) .experience-ledger__verb::after {
  bottom: 0.04em;
  left: 0.16em;
}
.experience-ledger__capability:nth-child(3) .experience-ledger__verb::after {
  top: 0.38em;
  right: 0.12em;
}
.experience-ledger__capability:nth-child(4) .experience-ledger__verb::after {
  right: 0.08em;
  bottom: 0.08em;
}
.experience-ledger__capability h4 {
  margin: clamp(1rem, 1.5vw, 1.35rem) 0 0;
  color: var(--experience-navy);
  font-size: clamp(1.8rem, 2.7vw, 2.6rem);
  font-weight: 820;
  letter-spacing: -0.045em;
  line-height: 1.02;
  text-wrap: balance;
}
.experience-ledger__capability p {
  max-width: 31rem;
  margin: 1rem 0 0;
  color: var(--experience-muted);
  font-size: clamp(1rem, 1.15vw, 1.08rem);
  line-height: 1.64;
  text-wrap: pretty;
}
.experience-ledger__footer {
  margin-top: clamp(7rem, 11vw, 11rem);
}
.experience-ledger__contexts {
  border-top: 1px solid var(--experience-line);
  padding-top: clamp(1.4rem, 2.5vw, 2rem);
}
.experience-ledger__contexts > h3 {
  color: #58667a;
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  line-height: 1.2;
  text-transform: uppercase;
}
.experience-ledger__context-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(2rem, 6vw, 6rem);
  margin-top: clamp(2rem, 3vw, 3rem);
}
.experience-ledger__context {
  display: grid;
  grid-template-columns: minmax(9rem, 0.75fr) minmax(0, 1.25fr);
  align-items: start;
  gap: clamp(1rem, 2vw, 2rem);
}
.experience-ledger__context h4 {
  margin: 0;
  color: var(--experience-navy);
  font-size: clamp(1.15rem, 1.6vw, 1.45rem);
  letter-spacing: -0.035em;
  line-height: 1.08;
}
.experience-ledger__context a {
  text-decoration-color: rgba(8, 104, 237, 0.35);
  text-decoration-thickness: 1px;
}
.experience-ledger__context a:hover { color: var(--experience-blue); }
.experience-ledger__context a:focus-visible {
  outline: 3px solid rgba(8, 104, 237, 0.3);
  outline-offset: 4px;
}
.experience-ledger__context p {
  margin: 0;
  color: #637084;
  font-size: 0.96rem;
  line-height: 1.62;
}
.experience-ledger__closing {
  position: relative;
  max-width: 19ch;
  margin: clamp(6rem, 9vw, 9rem) 3% 0 auto;
  color: var(--experience-navy);
  font-size: clamp(2.3rem, 4.2vw, 4rem);
  font-weight: 820;
  letter-spacing: -0.055em;
  line-height: 0.98;
  padding-left: clamp(1.25rem, 2vw, 2rem);
  text-wrap: balance;
}
.experience-ledger__closing::before {
  position: absolute;
  top: 0.14em;
  bottom: 0.08em;
  left: 0;
  width: 2px;
  background: var(--experience-blue);
  content: "";
}

.experience-page-hero {
  border-bottom: 1px solid rgba(7, 27, 63, 0.1);
  background: linear-gradient(180deg, #ffffff 0%, #f5f8fc 100%);
  padding-block: clamp(4.5rem, 7vw, 6.75rem);
}
.experience-page-hero__inner,
.experience-page-editorial__inner,
.experience-page-application__inner,
.experience-page-closing__inner { --container: 76rem; }
.experience-page-hero__copy {
  display: grid;
  max-width: 64rem;
  gap: clamp(1.25rem, 2vw, 1.75rem);
}
.experience-page__eyebrow {
  margin: 0;
  color: var(--color-accent-dark);
  font-size: 0.76rem;
  font-weight: 820;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.experience-page-hero h1 {
  max-width: 17ch;
  font-size: clamp(3.25rem, 5.8vw, 5.25rem);
  letter-spacing: -0.055em;
  line-height: 0.96;
  text-wrap: balance;
}
.experience-page-hero__intro {
  max-width: 49rem;
  margin: 0;
  color: #46556d;
  font-size: clamp(1.08rem, 1.45vw, 1.24rem);
  line-height: 1.68;
  text-wrap: pretty;
}
.experience-page-editorial { background: #ffffff; }
.experience-page-editorial__entry {
  position: relative;
  display: grid;
  grid-template-columns: minmax(14rem, 0.78fr) minmax(0, 1.22fr);
  align-items: start;
  gap: clamp(3rem, 7vw, 7rem);
  border-top: 1px solid rgba(7, 27, 63, 0.16);
  padding-block: clamp(3.75rem, 5.5vw, 5.5rem);
}
.experience-page-editorial__entry + .experience-page-editorial__entry::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 3rem;
  height: 1px;
  background: var(--color-accent);
  content: "";
}
.experience-page-editorial__entry:last-child { border-bottom: 1px solid rgba(7, 27, 63, 0.16); }
.experience-page-editorial h2,
.experience-page-application h2,
.experience-page-closing h2 {
  color: #071b3f;
  font-size: clamp(2rem, 3.2vw, 3.15rem);
  letter-spacing: -0.05em;
  line-height: 1;
  text-wrap: balance;
}
.experience-page-editorial h2 { max-width: 13ch; }
.experience-page-editorial__copy,
.experience-page-application__copy,
.experience-page-closing__copy {
  display: grid;
  gap: 1.35rem;
}
.experience-page-editorial__copy {
  max-width: 43rem;
  justify-self: end;
}
.experience-page-editorial__copy p,
.experience-page-application__copy p,
.experience-page-closing__copy p {
  margin: 0;
  font-size: clamp(1.02rem, 1.2vw, 1.1rem);
  line-height: 1.72;
  text-wrap: pretty;
}
.experience-page-editorial__copy p { color: #4f5d73; }
.experience-page-application {
  background: #071b3f;
  color: #ffffff;
  padding-block: clamp(5rem, 7vw, 7rem);
}
.experience-page-application__inner,
.experience-page-closing__inner {
  display: grid;
  grid-template-columns: minmax(14rem, 0.78fr) minmax(0, 1.22fr);
  align-items: start;
  gap: clamp(3rem, 7vw, 7rem);
}
.experience-page-application__header {
  display: grid;
  gap: 1.25rem;
}
.experience-page-application .experience-page__eyebrow { color: #79b8ff; }
.experience-page-application h2 {
  max-width: 14ch;
  color: #ffffff;
}
.experience-page-application__copy {
  max-width: 43rem;
  justify-self: end;
}
.experience-page-application__copy p { color: #d4deed; }
.experience-page__link {
  width: fit-content;
  margin-top: 0.45rem;
  border-bottom: 1px solid rgba(7, 77, 199, 0.38);
  color: var(--color-accent-dark);
  font-size: 1.05rem;
  font-weight: 780;
  line-height: 1.4;
  padding-bottom: 0.2rem;
  text-decoration: none;
}
.experience-page__link:hover {
  border-bottom-color: currentColor;
  color: var(--color-accent);
}
.experience-page__link:focus-visible {
  outline: 3px solid rgba(15, 107, 255, 0.42);
  outline-offset: 4px;
}
.experience-page__link--inverse {
  border-bottom-color: rgba(121, 184, 255, 0.58);
  color: #ffffff;
}
.experience-page__link--inverse:hover { color: #79b8ff; }
.experience-page__link--inverse:focus-visible { outline-color: #79b8ff; }
.experience-page-closing {
  background: #f5f8fc;
  padding-block: clamp(4rem, 6vw, 6rem);
}
.experience-page-closing h2 { max-width: 10ch; }
.experience-page-closing__copy {
  max-width: 38rem;
  justify-self: end;
}
.experience-page-closing__copy p { color: #4f5d73; }

/* Contacto ES — contacto directo, principalmente por escrito */
.contact-page-hero,
.contact-page-context { background: #ffffff; }
.contact-page-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: clamp(4.25rem, 6.5vw, 6.25rem);
}
.contact-page-hero::after {
  position: absolute;
  top: 50%;
  right: -0.08em;
  z-index: -1;
  color: var(--color-accent);
  content: "@";
  font-size: clamp(17rem, 28vw, 27rem);
  font-weight: 820;
  letter-spacing: -0.12em;
  line-height: 0.75;
  opacity: 0.065;
  pointer-events: none;
  transform: translateY(-50%);
}
.contact-page-hero__inner,
.contact-page-channels__inner,
.contact-page-context__inner,
.contact-page-closing__inner { --container: 76rem; }
.contact-page-hero__inner {
  display: grid;
  position: relative;
  z-index: 1;
  max-width: 76rem;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(1.25rem, 2vw, 1.75rem);
  padding-right: clamp(10rem, 21vw, 19rem);
}
.contact-page__eyebrow {
  margin: 0;
  color: var(--color-accent-dark);
  font-size: 0.72rem;
  font-weight: 820;
  letter-spacing: 0.15em;
  line-height: 1.35;
}
.contact-page__eyebrow--inverse { color: #79b8ff; }
.contact-page-hero h1 {
  max-width: 14ch;
  font-size: clamp(3.25rem, 5.8vw, 5.25rem);
  line-height: 0.96;
  text-wrap: balance;
}
.contact-page-hero__intro {
  max-width: 48rem;
  margin: 0;
  color: #46556d;
  font-size: clamp(1.08rem, 1.45vw, 1.24rem);
  line-height: 1.68;
  text-wrap: pretty;
}
.contact-page-channels {
  background: #071b3f;
  color: #ffffff;
  padding-block: clamp(5rem, 7.5vw, 7rem);
}
.contact-page-channels__header { display: grid; max-width: 48rem; gap: 1.25rem; }
.contact-page-channels h2,
.contact-page-context h2,
.contact-page-closing h2 {
  font-size: clamp(2.2rem, 3.7vw, 3.65rem);
  line-height: 1;
  text-wrap: balance;
}
.contact-page-channels h2 { max-width: 15ch; color: #ffffff; }
.contact-page-channels__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: clamp(3.5rem, 5vw, 4.75rem);
  border-block: 1px solid rgba(197, 213, 236, 0.25);
}
.contact-page-channels__item {
  display: grid;
  min-width: 0;
  align-content: start;
  padding: clamp(2rem, 3.5vw, 3rem) clamp(2rem, 4vw, 4rem) clamp(2.25rem, 3.5vw, 3.25rem) 0;
}
.contact-page-channels__item + .contact-page-channels__item {
  border-left: 1px solid rgba(197, 213, 236, 0.25);
  padding-right: 0;
  padding-left: clamp(2rem, 4vw, 4rem);
}
.contact-page-channels__label {
  margin: 0;
  color: #79b8ff;
  font-size: 0.68rem;
  font-weight: 820;
  letter-spacing: 0.14em;
  line-height: 1.35;
}
.contact-page-channels h3 {
  margin-top: 1.1rem;
  color: #ffffff;
  font-size: clamp(1.75rem, 2.4vw, 2.2rem);
  line-height: 1.05;
  overflow-wrap: anywhere;
}
.contact-page-channels__text {
  max-width: 29rem;
  margin: 1.5rem 0 0;
  color: #c5d5ec;
  font-size: clamp(1rem, 1.15vw, 1.08rem);
  line-height: 1.62;
}
.contact-page__link {
  width: fit-content;
  margin-top: 1.75rem;
  border-bottom: 1px solid currentColor;
  color: var(--color-accent-dark);
  font-size: 1.02rem;
  font-weight: 780;
  line-height: 1.45;
  padding-bottom: 0.18rem;
  text-decoration: none;
}
.contact-page__link:hover { color: var(--color-accent); }
.contact-page__link:focus-visible {
  border-bottom-color: transparent;
  border-radius: 2px;
  outline: 3px solid rgba(15, 107, 255, 0.48);
  outline-offset: 4px;
}
.contact-page__link--inverse { color: #ffffff; }
.contact-page__link--inverse:hover { color: #79b8ff; }
.contact-page__link--inverse:focus-visible { outline-color: #79b8ff; }
.contact-page-context { padding-block: clamp(5rem, 7.5vw, 7rem); }
.contact-page-context__header {
  display: grid;
  grid-template-columns: minmax(13rem, 0.7fr) minmax(0, 1.3fr);
  gap: 1.25rem clamp(3rem, 7vw, 7rem);
}
.contact-page-context__header .contact-page__eyebrow { grid-column: 1 / -1; }
.contact-page-context h2 { max-width: 14ch; }
.contact-page-context__intro {
  max-width: 36rem;
  margin: 0;
  color: #4f5d73;
  font-size: clamp(1.04rem, 1.3vw, 1.14rem);
  line-height: 1.68;
}
.contact-page-context__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(2rem, 4vw, 4rem);
  margin-top: clamp(3.5rem, 5vw, 4.75rem);
}
.contact-page-context__item {
  position: relative;
  min-width: 0;
  border-top: 1px solid #c5d5ec;
  padding-top: 1.6rem;
}
.contact-page-context__item::before {
  position: absolute;
  top: -2px;
  left: 0;
  width: 2.75rem;
  height: 3px;
  background: var(--color-accent);
  content: "";
}
.contact-page-context__item h3 {
  color: var(--color-accent-dark);
  font-size: 0.72rem;
  letter-spacing: 0.13em;
  line-height: 1.35;
}
.contact-page-context__item p {
  max-width: 21rem;
  margin: 0.85rem 0 0;
  color: #263858;
  font-size: 1.04rem;
  line-height: 1.58;
}
.contact-page-closing {
  border-top: 1px solid rgba(7, 27, 63, 0.12);
  background: #f5f8fc;
  padding-block: clamp(3.75rem, 5.5vw, 5rem);
}
.contact-page-closing__inner {
  display: grid;
  grid-template-columns: minmax(13rem, 0.7fr) minmax(0, 1.3fr);
  align-items: start;
  gap: clamp(3rem, 7vw, 7rem);
}
.contact-page-closing h2 { max-width: 12ch; }
.contact-page-closing p {
  max-width: 36rem;
  margin: 0;
  color: #4f5d73;
  font-size: clamp(1.02rem, 1.2vw, 1.1rem);
  line-height: 1.68;
}

.principle-panel { align-items: start; }
.principle-list { display: grid; gap: 0.75rem; margin: 0; padding: 0; list-style: none; }
.principle-list li { position: relative; color: var(--color-text); font-weight: 700; padding-left: 1.35rem; }
.principle-list li::before { position: absolute; top: 0.55rem; left: 0; width: 0.48rem; height: 0.48rem; border-radius: 999px; background: var(--color-accent); box-shadow: 0 0 0 5px rgba(15,107,255,0.09); content: ""; }

.project-card { display: grid; align-content: space-between; min-height: 17rem; gap: var(--space-3); padding: var(--space-5); }
.project-card__top { display: grid; gap: 0.65rem; }
.project-card__kind { width: fit-content; margin: 0; border-radius: 999px; background: var(--color-accent-soft); color: var(--color-accent-dark); font-size: 0.72rem; font-weight: 820; letter-spacing: 0.08em; padding: 0.38rem 0.62rem; text-transform: uppercase; }
.project-card a { color: var(--color-accent-dark); font-weight: 780; }

.split-panel, .note-panel { display: grid; max-width: 58rem; gap: var(--space-3); padding: clamp(1.5rem, 4vw, 3rem); }
.note-panel { border-color: rgba(15, 107, 255, 0.18); background: linear-gradient(135deg, #ffffff 0%, var(--color-accent-soft) 100%); }
.legal-content { padding-block: var(--space-2) var(--space-8); }
.legal-content__inner { --container: 58rem; }
.legal-section {
  display: grid;
  grid-template-columns: minmax(12rem, 0.38fr) minmax(0, 1fr);
  gap: clamp(1.5rem, 5vw, 4rem);
  border-top: 1px solid var(--color-border-strong);
  padding-block: clamp(2.25rem, 5vw, 4rem);
}
.legal-section h2 {
  font-size: clamp(1.45rem, 2.4vw, 2rem);
  letter-spacing: 0;
  line-height: 1.18;
}
.legal-section__body { display: grid; min-width: 0; gap: 1rem; }
.legal-section__body p,
.legal-section__body li,
.legal-details dd {
  color: var(--color-muted);
  font-size: 1.02rem;
  line-height: 1.72;
}
.legal-section__body p { margin: 0; }
.legal-section__body h3 {
  margin-top: 0.75rem;
  font-size: 1.08rem;
  letter-spacing: 0;
  line-height: 1.35;
}
.legal-list { display: grid; gap: 0.55rem; margin: 0; padding-left: 1.35rem; }
.legal-list li { padding-left: 0.25rem; }
.legal-details { display: grid; gap: 0; margin: 0.5rem 0 0; }
.legal-details__item {
  display: grid;
  grid-template-columns: minmax(9rem, 0.42fr) minmax(0, 1fr);
  gap: 1rem;
  border-top: 1px solid var(--color-border);
  padding-block: 0.9rem;
}
.legal-details__item:last-child { border-bottom: 1px solid var(--color-border); }
.legal-details dt { color: var(--color-text); font-weight: 760; }
.legal-details dd { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.legal-language-note {
  max-width: 44rem;
  margin: 0;
  border-top: 1px solid var(--color-border-strong);
  color: var(--color-muted-2);
  font-size: 0.93rem;
  line-height: 1.65;
  padding-top: 1.5rem;
}
.contact-panel { border-color: rgba(7, 19, 47, 0.08); background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(239,246,255,0.86)); }
.contact-link { display: inline-flex; width: fit-content; border-radius: 999px; background: var(--color-text); color: #ffffff; font-size: clamp(1rem, 2vw, 1.15rem); font-weight: 800; padding: 1rem 1.2rem; text-decoration: none; }
.contact-link:hover { background: var(--color-accent-dark); color: #ffffff; }

.contact-statement {
  position: relative;
  isolation: isolate;
  overflow: clip;
  background: var(--color-accent);
  color: #ffffff;
  padding-block: clamp(7.5rem, 10vw, 9rem) clamp(7rem, 9vw, 8rem);
}
.contact-statement::before {
  position: absolute;
  right: -8.5rem;
  bottom: -13rem;
  z-index: -1;
  width: clamp(27rem, 35vw, 32.5rem);
  aspect-ratio: 824 / 573;
  background: #ffffff;
  opacity: 0.07;
  -webkit-mask: url("/assets/img/brand/netandsoftware-symbol.svg") center / contain no-repeat;
  mask: url("/assets/img/brand/netandsoftware-symbol.svg") center / contain no-repeat;
  pointer-events: none;
  content: "";
}
.contact-statement::after {
  position: absolute;
  right: 0;
  bottom: clamp(3rem, 6vw, 5.5rem);
  z-index: -1;
  width: min(38vw, 34rem);
  height: clamp(4rem, 8vw, 7rem);
  background: rgba(255, 255, 255, 0.22);
  clip-path: polygon(0 0, 72% 0, 100% calc(100% - 2px), 100% 100%, calc(72% - 1px) 2px, 0 2px);
  pointer-events: none;
  content: "";
}
.contact-statement__inner {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(21rem, 5fr);
  column-gap: clamp(3.5rem, 6vw, 5rem);
  align-items: start;
}
.contact-statement__heading { display: grid; gap: clamp(1.75rem, 2.5vw, 2.25rem); }
.contact-statement__eyebrow { color: #ffffff; }
.contact-statement__heading h2 {
  color: #ffffff;
  font-size: clamp(3.25rem, 3.7vw, 3.5rem);
  line-height: 0.95;
  text-wrap: pretty;
}
.contact-statement__action {
  display: grid;
  gap: clamp(2.5rem, 4vw, 3.5rem);
  margin-top: clamp(7rem, 8.5vw, 8rem);
}
.contact-statement__text {
  max-width: 34rem;
  margin-bottom: 0;
  color: #ffffff;
  font-size: clamp(1.08rem, 1.4vw, 1.22rem);
  line-height: 1.6;
}
.contact-statement__link {
  display: grid;
  min-width: 0;
  min-height: 4rem;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  border-bottom: 2px solid #ffffff;
  color: #ffffff;
  font-size: clamp(1.3rem, 1.75vw, 1.55rem);
  font-weight: 780;
  letter-spacing: -0.025em;
  padding-block: 0.85rem;
  text-decoration: none;
}
.contact-statement__link:hover {
  border-bottom-width: 4px;
  color: #ffffff;
}
.contact-statement__link:focus-visible {
  border-bottom-color: transparent;
  border-radius: 2px;
  outline: 3px solid #ffffff;
  outline-offset: 5px;
}
.contact-statement__arrow { font-size: 1.4em; font-weight: 520; line-height: 1; }

/* Empresa — dossier técnico de compañía */
.company-eyebrow {
  margin: 0;
  color: var(--color-accent-dark);
  font-size: 0.7rem;
  font-weight: 820;
  letter-spacing: 0.15em;
  line-height: 1.35;
}

.company-hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border-bottom: 1px solid var(--color-border);
  background: var(--color-bg);
}
.company-hero::before {
  position: absolute;
  z-index: 0;
  inset: 0 0 0 min(calc(60% - 0.2rem), calc(50% + 8rem));
  background:
    linear-gradient(135deg, transparent 0 52%, rgba(85, 199, 255, 0.075) 52% 58%, rgba(15, 107, 255, 0.04) 58% 65%, transparent 65%) right -5rem bottom -5rem / 24rem 24rem no-repeat,
    linear-gradient(135deg, rgba(15, 107, 255, 0.1) 0%, rgba(15, 107, 255, 0.02) 38%, transparent 61%),
    linear-gradient(155deg, #062654 0%, #001b48 50%, #00143a 100%);
  content: "";
  pointer-events: none;
}
.company-hero__inner {
  --container: 80rem;
  display: grid;
  position: relative;
  grid-template-columns: minmax(0, 3fr) minmax(21rem, 2fr);
  align-items: stretch;
}
.company-hero__inner::before {
  position: absolute;
  z-index: 3;
  top: 4.25rem;
  left: 46%;
  width: 18%;
  height: 1px;
  background: linear-gradient(90deg, rgba(15, 107, 255, 0.48), rgba(85, 199, 255, 0.78), rgba(85, 199, 255, 0.14));
  content: "";
  pointer-events: none;
}
.company-hero__copy {
  position: relative;
  z-index: 1;
  align-self: center;
  padding: clamp(4rem, 5.25vw, 4.75rem) clamp(2rem, 4vw, 3.75rem) clamp(4rem, 5.25vw, 4.75rem) 0;
}
.company-hero__copy h1 {
  max-width: 22ch;
  margin-top: 1.5rem;
  font-size: clamp(2.9rem, 3.65vw, 3.45rem);
  letter-spacing: -0.05em;
  line-height: 0.97;
  text-wrap: balance;
}
.company-hero__text {
  max-width: 39rem;
  margin: 2rem 0 0;
  color: var(--color-muted);
  font-size: clamp(1.05rem, 1.45vw, 1.18rem);
  line-height: 1.65;
}
.company-profile {
  --company-profile-bleed: max(1rem, calc((100vw - 80rem) / 2));
  display: grid;
  position: relative;
  z-index: 1;
  isolation: isolate;
  margin: 0;
  color: #ffffff;
  padding: clamp(2.75rem, 3.5vw, 3.25rem) clamp(2rem, 3.5vw, 3rem);
}
.company-profile::before {
  position: absolute;
  z-index: 0;
  top: 4.25rem;
  left: -1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  background: #0b4d91;
  content: "";
  pointer-events: none;
}
.company-profile::after {
  position: absolute;
  z-index: 3;
  top: calc(4.25rem - 0.2rem);
  left: 1.5rem;
  width: 1px;
  height: 0.45rem;
  background: rgba(85, 199, 255, 0.62);
  content: "";
  pointer-events: none;
}
.company-profile__signature {
  position: absolute;
  z-index: 1;
  top: 2rem;
  right: calc(clamp(1.25rem, 2.2vw, 2rem) - var(--company-profile-bleed));
  width: clamp(13rem, 21vw, 20rem);
  height: auto;
  max-width: none;
  opacity: 0.68;
  pointer-events: none;
  user-select: none;
}
.company-profile__list {
  display: grid;
  position: relative;
  z-index: 2;
  width: min(100%, 25rem);
  height: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: minmax(0, 1.35fr) minmax(7.5rem, 0.65fr);
  column-gap: clamp(1.5rem, 3vw, 2.25rem);
  margin: 0;
}
.company-profile__item {
  display: grid;
  min-width: 0;
  align-content: start;
}
.company-profile__item--primary {
  grid-column: 1 / -1;
  align-content: center;
  padding-block: 0.75rem 2rem;
}
.company-profile__item--secondary {
  padding-top: 1.35rem;
}
.company-profile dt {
  color: var(--color-accent-2);
  font-size: 0.62rem;
  font-weight: 820;
  letter-spacing: 0.14em;
  line-height: 1.35;
}
.company-profile dd {
  margin: 0.55rem 0 0;
  color: #ffffff;
  font-size: clamp(1rem, 1.3vw, 1.12rem);
  font-weight: 720;
  letter-spacing: -0.02em;
  line-height: 1.35;
}
.company-profile__item--primary dd {
  margin-top: 0.65rem;
  font-size: clamp(2.75rem, 4vw, 3.4rem);
  font-weight: 780;
  letter-spacing: -0.05em;
  line-height: 1;
}

.company-section__inner { --container: 76rem; }
.company-section__header {
  display: grid;
  grid-template-columns: minmax(9rem, 0.28fr) minmax(0, 1fr);
  align-items: start;
  gap: clamp(2rem, 5vw, 5rem);
}
.company-section__heading h2 {
  max-width: 19ch;
  font-size: clamp(2.75rem, 4.2vw, 4rem);
  letter-spacing: -0.05em;
  line-height: 0.98;
  text-wrap: balance;
}
.company-section__heading > p {
  max-width: 43rem;
  margin: 1.4rem 0 0;
  color: var(--color-muted);
  font-size: 1.08rem;
  line-height: 1.65;
}

.company-technology {
  background: #ffffff;
  padding-block: clamp(5.5rem, 8vw, 7.5rem);
}
.company-technology__areas {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: clamp(3.5rem, 6vw, 5rem);
  margin-bottom: 0;
  border-block: 1px solid var(--color-border-strong);
  padding: 0;
  list-style: none;
}
.company-technology__area {
  display: grid;
  min-width: 0;
  align-content: start;
  padding: clamp(2rem, 3vw, 2.75rem) clamp(1.75rem, 3.2vw, 3rem) clamp(2.25rem, 3vw, 3rem);
}
.company-technology__area:first-child { padding-left: 0; }
.company-technology__area:last-child { padding-right: 0; }
.company-technology__area + .company-technology__area {
  border-left: 1px solid var(--color-border-strong);
}
.company-technology__label {
  margin: 0;
  color: var(--color-accent-dark);
  font-size: 0.65rem;
  font-weight: 820;
  letter-spacing: 0.13em;
  line-height: 1.35;
}
.company-technology__area h3 {
  max-width: 15ch;
  margin-top: 1.25rem;
  font-size: clamp(1.65rem, 2.2vw, 2rem);
  letter-spacing: -0.04em;
  line-height: 1.05;
  text-wrap: balance;
}
.company-technology__text {
  max-width: 25rem;
  margin: 1.4rem 0 0;
  color: var(--color-muted);
  font-size: 1rem;
  line-height: 1.65;
}
.company-link {
  display: inline-flex;
  width: fit-content;
  min-height: 2.75rem;
  align-items: center;
  align-self: end;
  margin-top: 1.75rem;
  border-bottom: 1px solid currentColor;
  color: var(--color-accent-dark);
  font-size: 0.95rem;
  font-weight: 780;
  text-decoration: none;
}
.company-link:hover { color: var(--color-accent); }
.company-link:focus-visible {
  border-bottom-color: transparent;
  border-radius: 2px;
  outline: 3px solid var(--color-accent);
  outline-offset: 4px;
}

.company-criteria {
  background: var(--color-surface-muted);
  padding-block: clamp(5.5rem, 8vw, 7.5rem);
}
.company-criteria__list {
  margin: clamp(3.5rem, 6vw, 5rem) 0 0;
  padding: 0;
  list-style: none;
}
.company-criteria__list li {
  display: grid;
  grid-template-columns: minmax(17rem, 0.82fr) minmax(0, 1.18fr);
  align-items: start;
  gap: clamp(3rem, 7vw, 7rem);
  border-top: 1px solid var(--color-border-strong);
  padding-block: clamp(2rem, 3.5vw, 2.75rem);
}
.company-criteria__list li:last-child { border-bottom: 1px solid var(--color-border-strong); }
.company-criteria__label {
  margin: 0 0 0.85rem;
  color: var(--color-accent-dark);
  font-size: 0.65rem;
  font-weight: 820;
  letter-spacing: 0.13em;
  line-height: 1.35;
}
.company-criteria__list h3 {
  max-width: 22rem;
  font-size: clamp(1.55rem, 2.2vw, 1.95rem);
  letter-spacing: -0.035em;
  line-height: 1.06;
  text-wrap: balance;
}
.company-criteria__text {
  max-width: 37rem;
  margin: 0;
  color: var(--color-muted);
  font-size: 1.03rem;
  line-height: 1.65;
}

.company-trajectory {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--color-border);
  background: var(--color-bg);
  padding-block: clamp(6.5rem, 9vw, 9rem);
}
.company-trajectory__inner {
  --container: 72rem;
  display: grid;
  position: relative;
  grid-template-columns: minmax(17rem, 0.86fr) minmax(21rem, 1.14fr);
  align-items: start;
  column-gap: clamp(4rem, 9vw, 9rem);
}
.company-trajectory__header {
  position: relative;
  z-index: 2;
  grid-column: 1 / -1;
}
.company-trajectory__header h2 {
  max-width: 16ch;
  margin-top: 1.5rem;
  font-size: clamp(3.5rem, 5.5vw, 5.25rem);
  letter-spacing: -0.055em;
  line-height: 0.94;
  text-wrap: balance;
}
.company-trajectory__statement {
  position: relative;
  z-index: 2;
  max-width: 20rem;
  margin: clamp(4rem, 7vw, 6.5rem) 0 0 clamp(1rem, 3vw, 3rem);
  color: var(--color-accent-dark);
  font-size: clamp(1.35rem, 2vw, 1.7rem);
  font-weight: 720;
  letter-spacing: -0.035em;
  line-height: 1.18;
  text-wrap: balance;
}
.company-trajectory__body {
  position: relative;
  z-index: 2;
  margin-top: clamp(6rem, 10vw, 9rem);
}
.company-trajectory__body p {
  max-width: 38rem;
  margin: 0;
  color: var(--color-muted);
  font-size: 1.08rem;
  line-height: 1.68;
}
.company-trajectory__motif {
  position: absolute;
  z-index: 1;
  top: 1rem;
  right: -2.5rem;
  width: clamp(20rem, 38vw, 30rem);
  height: 10rem;
  opacity: 0.22;
  pointer-events: none;
}
.company-trajectory__motif::after,
.company-trajectory__motif span {
  position: absolute;
  top: 50%;
  height: 1px;
}
.company-trajectory__motif::after {
  right: 0;
  width: 49%;
  background: var(--color-accent-dark);
  content: "";
}
.company-trajectory__motif span {
  left: 0;
  width: 52%;
  transform-origin: right center;
  background: var(--color-accent);
}
.company-trajectory__motif span:first-child { transform: rotate(14deg); }
.company-trajectory__motif span:nth-child(2) { background: var(--color-accent-dark); }
.company-trajectory__motif span:last-child { transform: rotate(-14deg); }

@media (max-width: 1020px) {
  .company-hero::before { left: calc(59.1837% - 0.184rem); }
  .company-hero__inner { grid-template-columns: minmax(0, 1.45fr) minmax(19rem, 1fr); }
  .company-hero__copy { padding-right: 2.5rem; }
  .company-profile { padding-inline: 2rem; }
  .company-section__header { grid-template-columns: minmax(8rem, 0.24fr) minmax(0, 1fr); gap: 2.5rem; }
  .company-criteria__list li { grid-template-columns: minmax(15rem, 0.8fr) minmax(0, 1.2fr); gap: 3rem; }
  .company-trajectory__inner { column-gap: 4rem; }
  .company-trajectory__header h2 { max-width: 14ch; }
  .company-trajectory__motif { right: -4rem; width: 22rem; }
}

@media (max-width: 1000px) {
  .contact-page-channels h3 { font-size: clamp(1.45rem, 2.5vw, 1.65rem); }
}

@media (max-width: 760px) {
  .company-hero::before { display: none; }
  .company-hero__inner { width: 100%; grid-template-columns: minmax(0, 1fr); }
  .company-hero__inner::before { display: none; }
  .company-hero__copy { padding: 3.5rem 1rem; }
  .company-profile {
    --company-profile-bleed: 0px;
    overflow: hidden;
    margin: 0;
    background:
      linear-gradient(135deg, transparent 0 52%, rgba(85, 199, 255, 0.075) 52% 58%, rgba(15, 107, 255, 0.04) 58% 65%, transparent 65%) right -4rem bottom -3rem / 18rem 18rem no-repeat,
      linear-gradient(135deg, rgba(15, 107, 255, 0.1) 0%, rgba(15, 107, 255, 0.02) 38%, transparent 61%),
      linear-gradient(155deg, #062654 0%, #001b48 50%, #00143a 100%);
    padding: 2rem max(1rem, calc((100% - 34rem) / 2)) 2.5rem;
  }
  .company-profile::before,
  .company-profile::after { display: none; }
  .company-section__header { grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
  .company-technology__areas { grid-template-columns: minmax(0, 1fr); }
  .company-technology__area,
  .company-technology__area:first-child,
  .company-technology__area:last-child { padding: 2rem 0 2.25rem; }
  .company-technology__area + .company-technology__area { border-top: 1px solid var(--color-border-strong); border-left: 0; }
  .company-technology__area h3 { max-width: 24ch; }
  .company-criteria__list li { grid-template-columns: minmax(0, 1fr); gap: 1.2rem; }
  .company-trajectory__inner { grid-template-columns: minmax(0, 1fr); }
  .company-trajectory__statement { margin: 3.25rem 0 0; }
  .company-trajectory__body { margin-top: 3rem; }
  .company-trajectory__motif { top: 0.5rem; right: -6rem; width: 20rem; opacity: 0.16; }
}

@media (max-width: 420px) {
  .company-hero__copy { padding-block: 2.5rem; }
  .company-hero__copy h1 { max-width: none; margin-top: 1.15rem; font-size: clamp(2.3rem, 10.8vw, 2.6rem); line-height: 0.96; }
  .company-hero__text { margin-top: 1.5rem; font-size: 1rem; line-height: 1.6; }
  .company-profile { padding: 1.5rem 1rem 2rem; }
  .company-profile__signature { top: 1.5rem; right: 1rem; width: 9.5rem; opacity: 0.64; }
  .company-profile__list { width: 56%; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto; column-gap: 0; }
  .company-profile__item--primary { padding-block: 0.35rem 1.4rem; }
  .company-profile__item--secondary { padding-top: 0.85rem; }
  .company-profile dt { font-size: 0.59rem; }
  .company-profile dd { margin-top: 0.4rem; font-size: 0.92rem; overflow-wrap: anywhere; }
  .company-profile__item--primary dd { margin-top: 0.55rem; font-size: 2.25rem; }
  .company-technology,
  .company-criteria { padding-block: 3.75rem; }
  .company-section__heading h2 { font-size: clamp(2.4rem, 11vw, 2.75rem); }
  .company-section__heading > p { font-size: 1rem; line-height: 1.6; }
  .company-technology__areas,
  .company-criteria__list { margin-top: 2.5rem; }
  .company-technology__area,
  .company-technology__area:first-child,
  .company-technology__area:last-child { padding-block: 1.5rem 1.75rem; }
  .company-technology__area h3 { margin-top: 1rem; font-size: 1.75rem; }
  .company-technology__text { margin-top: 1.1rem; font-size: 0.98rem; line-height: 1.56; }
  .company-criteria__list li { padding-block: 1.35rem; }
  .company-criteria__list h3 { font-size: 1.4rem; }
  .company-criteria__text { font-size: 0.98rem; line-height: 1.56; }
  .company-trajectory { padding-block: 4.5rem 5rem; }
  .company-trajectory__header h2 { max-width: none; font-size: 2.9rem; }
  .company-trajectory__statement { max-width: 18rem; font-size: 1.35rem; }
  .company-trajectory__body p { font-size: 1rem; line-height: 1.65; }
  .company-trajectory__motif { display: none; }
}

/* Web profesional para clínicas veterinarias */
.vet-page-hero {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(116deg, transparent 55%, rgba(201, 244, 249, 0.58) 100%),
    linear-gradient(27deg, #c6dcf9 0%, #e2edfb 37%, rgba(253, 254, 255, 0.99) 63%, #ffffff 100%);
  padding-block: clamp(5rem, 7vw, 6.5rem) clamp(4.5rem, 5vw, 5rem);
}
.vet-page-hero__inner {
  display: grid;
  width: min(calc(100% - 3rem), 92rem);
  grid-template-columns: minmax(34rem, 0.45fr) minmax(0, 0.55fr);
  align-items: center;
  gap: clamp(3rem, 4vw, 4.5rem);
}
.vet-page-hero__copy { position: relative; z-index: 2; padding-top: 0.4rem; }
.vet-page-hero__copy h1 {
  margin-top: 1.4rem;
  font-size: clamp(4.2rem, 5.15vw, 4.8rem);
  line-height: 0.94;
  text-wrap: normal;
}
.vet-page-hero__copy h1 span { display: block; white-space: nowrap; }
.vet-page-hero__text {
  max-width: 39rem;
  margin: 1.75rem 0 0;
  font-size: clamp(1.05rem, 1.5vw, 1.22rem);
  line-height: 1.65;
}
.vet-page-hero__actions { display: flex; flex-wrap: wrap; gap: 0.8rem; margin-top: 2rem; }
.vet-page-hero__visual {
  position: relative;
  z-index: 1;
  width: min(100%, 44rem);
  height: 32rem;
  justify-self: end;
}
.vet-page-hero__arc {
  position: absolute;
  z-index: 2;
  top: 4.375rem;
  right: -3rem;
  width: 46.5rem;
  height: 27rem;
  overflow: visible;
  opacity: 0.88;
  pointer-events: none;
}
.vet-page-hero__interface-plane {
  position: absolute;
  z-index: 6;
  top: 1rem;
  right: -1rem;
  width: 60%;
  height: 2.8rem;
  overflow: hidden;
  border: 1px solid rgba(197, 213, 236, 0.84);
  background: #ffffff;
  transform: rotate(0.25deg);
}
.vet-page-hero__interface-plane img { position: absolute; top: 0.5rem; left: -12%; width: 127%; height: auto; max-width: none; clip-path: inset(0 0 88% 0); }
.vet-page-hero__message-plane {
  position: absolute;
  z-index: 3;
  top: 6.3rem;
  left: 2rem;
  width: 63%;
  aspect-ratio: 1.31;
  transform: rotate(-0.7deg);
  transform-origin: 48% 52%;
}
.vet-page-hero__message-crop { position: absolute; inset: 0; overflow: hidden; border: 1px solid rgba(197, 213, 236, 0.86); background: #173743; }
.vet-page-hero__message-crop img {
  position: absolute;
  top: -13.4%;
  left: 0;
  width: 210%;
  height: auto;
  max-width: none;
  clip-path: inset(0 58.4% 0 0);
}
.vet-page-hero__reality-plane {
  position: absolute;
  z-index: 4;
  top: 4.7rem;
  right: 0.9rem;
  width: 47%;
  aspect-ratio: 0.82;
  overflow: hidden;
  border: 1px solid rgba(197, 213, 236, 0.9);
  background: #ffffff;
  margin: 0;
  transform: rotate(0.55deg);
}
.vet-page-hero__reality-plane img { position: absolute; top: -13.5%; left: 50%; width: auto; height: 113.5%; max-width: none; transform: translateX(-79%); }
.vet-page-hero__annotation {
  display: flex;
  position: absolute;
  z-index: 6;
  bottom: 0.65rem;
  left: 2rem;
  align-items: baseline;
  gap: 0.55rem;
  margin: 0;
  color: #263858;
  font-size: 0.82rem;
  line-height: 1.3;
}
.vet-page-hero__annotation::before { width: 2.25rem; height: 1px; flex: 0 0 auto; align-self: center; background: rgba(15, 107, 255, 0.52); content: ""; }
.vet-page-hero__annotation span { color: #0f6bff; font-size: 0.58rem; font-weight: 820; letter-spacing: 0.14em; text-transform: uppercase; }
.vet-page-hero__annotation i { color: #8091ad; font-style: normal; }
.vet-page-hero__annotation strong { color: #263858; font-weight: 740; }

.vet-offer { background: #001a47; color: #ffffff; padding-block: clamp(6rem, 9vw, 8.5rem) clamp(5.5rem, 7.5vw, 7rem); }
.vet-offer__inner { --container: 74rem; }
.vet-offer__masthead {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(20rem, 0.65fr);
  align-items: end;
  gap: clamp(4rem, 8vw, 7rem);
}
.vet-offer .eyebrow { color: #55c7ff; }
.vet-offer__header h2 { max-width: 15ch; margin-top: 1.5rem; color: #ffffff; font-size: clamp(3.5rem, 5.35vw, 5.25rem); }
.vet-offer__price { align-self: end; padding-bottom: 0.35rem; }
.vet-offer__price-label,
.vet-offer__secondary-label { margin: 0; color: #55c7ff; font-size: 0.65rem; font-weight: 820; letter-spacing: 0.14em; text-transform: uppercase; }
.vet-offer__price strong { display: block; font-size: clamp(2.7rem, 4.6vw, 4.5rem); letter-spacing: -0.055em; line-height: 1; white-space: nowrap; }
.vet-offer__price-label + strong { margin-top: 0.85rem; }
.vet-offer__price > span { display: block; margin-top: 0.65rem; color: #ffffff; font-size: 0.92rem; font-weight: 740; }
.vet-offer__price-inclusion { max-width: 24rem; margin: 1.15rem 0 0; color: #c5d5ec; font-size: 0.95rem; line-height: 1.55; }
.vet-offer__scope { position: relative; margin-top: clamp(3rem, 4vw, 4rem); padding-top: 1px; }
.vet-offer__scope::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, #55c7ff 0 18%, rgba(85, 199, 255, 0.34) 55%, rgba(85, 199, 255, 0.08) 100%);
  content: "";
}
.vet-offer__pillars {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.72fr) minmax(0, 0.88fr);
  gap: clamp(3rem, 6vw, 5.5rem);
  margin: 0;
  padding: 0;
  list-style: none;
}
.vet-offer__pillars li { min-width: 0; padding-top: 2.1rem; }
.vet-offer__pillars span { color: #d3a15d; font-size: 0.64rem; font-weight: 820; letter-spacing: 0.12em; }
.vet-offer__pillars h3 { max-width: 13ch; margin: 0.85rem 0 0; color: #ffffff; font-size: clamp(1.55rem, 2.2vw, 2.05rem); line-height: 1.12; }
.vet-offer__pillars li:first-child h3 { max-width: 16ch; font-size: clamp(2rem, 2.9vw, 2.75rem); }
.vet-offer__secondary {
  display: grid;
  grid-template-columns: minmax(9rem, 0.24fr) minmax(0, 1fr);
  align-items: start;
  gap: clamp(2.5rem, 6vw, 5.5rem);
  margin-top: clamp(3.25rem, 4.5vw, 4.25rem);
}
.vet-offer__secondary-label { padding-top: 0.3rem; }
.vet-offer__secondary-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.75rem clamp(2rem, 4vw, 3.5rem);
  margin: 0;
  padding: 0;
}
.vet-offer__secondary-list div { min-width: 0; }
.vet-offer__secondary-list dt { color: #ffffff; font-size: 0.69rem; font-weight: 820; letter-spacing: 0.11em; }
.vet-offer__secondary-list dd { margin: 0.45rem 0 0; color: #aebdd3; font-size: 0.92rem; line-height: 1.48; }

.vet-hosting { padding-block: clamp(6rem, 9vw, 8.5rem); }
.vet-hosting__inner { --container: 74rem; display: grid; grid-template-columns: minmax(0, 0.82fr) minmax(28rem, 1.18fr); gap: clamp(4rem, 9vw, 8rem); }
.vet-hosting__intro h2 { max-width: 11ch; margin-top: 1.4rem; }
.vet-hosting__intro > p:last-child { max-width: 31rem; margin-top: 1.75rem; font-size: 1.1rem; line-height: 1.65; }
.vet-hosting__terms { min-width: 0; }
.vet-hosting__price { display: flex; align-items: baseline; gap: 0.75rem; margin: 0; white-space: nowrap; }
.vet-hosting__price strong { color: #07132f; font-size: clamp(2.75rem, 4.4vw, 4.25rem); letter-spacing: -0.055em; line-height: 1; }
.vet-hosting__price span { color: #54627d; font-weight: 700; }
.vet-hosting__renewal-label { margin: 1rem 0 0; color: #07132f; font-size: 0.78rem; font-weight: 820; letter-spacing: 0.1em; text-transform: uppercase; }
.vet-hosting__price-note { max-width: 27rem; margin: 0.75rem 0 0; color: #54627d; font-size: 1rem; line-height: 1.55; }
.vet-hosting__services { position: relative; margin-top: 2.75rem; border-top: 1px solid #91b9ef; padding-top: 2.35rem; }
.vet-hosting__services::before { position: absolute; top: -2px; left: 0; width: 0.65rem; height: 3px; background: #d3a15d; content: ""; }
.vet-hosting__service-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem clamp(2.5rem, 5vw, 4.5rem); margin: 0; padding: 0; }
.vet-hosting__service-list div { min-width: 0; }
.vet-hosting__service-list dt { color: #07132f; font-size: 0.72rem; font-weight: 820; letter-spacing: 0.12em; }
.vet-hosting__service-list dd { margin: 0.55rem 0 0; color: #54627d; font-size: 1rem; line-height: 1.5; }
.vet-hosting__additional { max-width: 36rem; margin: 2.5rem 0 0; color: #263858; font-size: 0.92rem; line-height: 1.55; }

.vet-ownership { overflow: hidden; background: #eaf2ff; padding-block: clamp(5.5rem, 8vw, 7.5rem); }
.vet-ownership__inner { --container: 74rem; display: grid; grid-template-columns: minmax(26rem, 0.95fr) minmax(0, 1.05fr); align-items: center; gap: clamp(4rem, 8vw, 7rem); }
.vet-ownership__map { position: relative; min-height: 24rem; }
.vet-ownership__map::before { position: absolute; inset: 1rem 3rem 2rem 2rem; border: 1px solid rgba(15, 107, 255, 0.28); border-radius: 50%; content: ""; }
.vet-ownership__map::after { position: absolute; inset: 5rem 7rem 6rem 6rem; border: 1px solid rgba(15, 107, 255, 0.28); border-radius: 50%; content: ""; }
.vet-ownership__line { position: absolute; z-index: 1; top: 50%; left: 8%; width: 82%; height: 2px; background: linear-gradient(90deg, #0f6bff, #55c7ff); transform: rotate(-14deg); }
.vet-ownership__management {
  display: flex;
  position: absolute;
  top: 50%;
  left: 13%;
  align-items: center;
  gap: 0.42rem;
  background: #eaf2ff;
  color: #074dc7;
  font-size: 0.56rem;
  font-weight: 820;
  letter-spacing: 0.12em;
  line-height: 1;
  padding-inline: 0.38rem;
  transform: translateY(-50%);
  white-space: nowrap;
}
.vet-ownership__management::before { width: 0.32rem; height: 0.32rem; flex: 0 0 auto; border-radius: 50%; background: #d3a15d; content: ""; }
.vet-ownership__node {
  display: grid;
  position: absolute;
  z-index: 2;
  place-items: center;
  width: 6.5rem;
  aspect-ratio: 1;
  border: 1px solid #0f6bff;
  border-radius: 50%;
  background: #f7faff;
  color: #074dc7;
  font-size: 0.65rem;
  font-weight: 820;
  letter-spacing: 0.12em;
}
.vet-ownership__node--clinic { top: 2rem; left: 1rem; }
.vet-ownership__node--domain { top: 8.5rem; left: 42%; background: #001a47; color: #ffffff; transform: scale(1.18); }
.vet-ownership__node--control { right: 0.5rem; bottom: 1rem; }
.vet-ownership__copy h2 { max-width: 9ch; margin-top: 1.4rem; font-size: clamp(3rem, 5vw, 5rem); }
.vet-ownership__lead { max-width: 35rem; margin: 1.75rem 0 0; color: #263858; font-size: 1.18rem; line-height: 1.65; }
.vet-ownership__copy > p:last-child { max-width: 34rem; margin-top: 1.25rem; }

.vet-case { background: #ffffff; padding-block: clamp(6rem, 9vw, 8.5rem); }
.vet-case__inner { --container: 78rem; }
.vet-case__top { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(27rem, 0.85fr); align-items: start; gap: clamp(3rem, 5vw, 4.5rem); }
.vet-case__visual { min-width: 0; margin: 0; border: 1px solid #c5d5ec; background: #f5f8fc; padding: 1.25rem; }
.vet-case__label { display: flex; align-items: center; gap: 0.75rem; margin: 0 0 1rem; color: #074dc7; font-size: 0.62rem; font-weight: 820; letter-spacing: 0.14em; }
.vet-case__label::after { width: 3rem; height: 1px; background: #8eb9f2; content: ""; }
.vet-case__media { overflow: hidden; border-block: 1px solid #dbe4f1; background: #173743; }
.vet-case__media img { width: 100%; height: auto; aspect-ratio: 1400 / 727; }
.vet-case__visual figcaption { display: grid; grid-template-columns: minmax(8rem, 0.48fr) minmax(0, 1fr); align-items: start; gap: 2rem; padding: 1.35rem 0 0.25rem; }
.vet-case__visual figcaption strong { color: #07132f; font-size: clamp(1.8rem, 2.6vw, 2.4rem); letter-spacing: -0.045em; line-height: 0.98; }
.vet-case__caption-detail { border-left: 1px solid #c5d5ec; padding-left: 1.5rem; }
.vet-case__caption-detail span { color: #2f9d73; font-size: 0.62rem; font-weight: 820; letter-spacing: 0.11em; line-height: 1.35; }
.vet-case__caption-detail p { max-width: 18rem; margin: 0.5rem 0 0; color: #54627d; font-size: 0.82rem; line-height: 1.45; }
.vet-case__copy h2 { max-width: 12ch; margin-top: 1.4rem; }
.vet-case__lead { max-width: 35rem; margin: 1.75rem 0 0; color: #263858; font-size: 1.08rem; line-height: 1.65; }
.vet-case__decisions { margin-top: clamp(3.5rem, 6vw, 5rem); }
.vet-case__decisions-header { display: grid; grid-template-columns: minmax(12rem, 0.22fr) minmax(0, 1fr); align-items: center; gap: 1.5rem; }
.vet-case__decisions-header p { margin: 0; color: #074dc7; font-size: 0.64rem; font-weight: 820; letter-spacing: 0.13em; }
.vet-case__trace { position: relative; height: 1px; background: linear-gradient(90deg, #91b9ef 0 86%, #2f9d73 86% 96%, #91b9ef 96% 100%); }
.vet-case__trace::after { position: absolute; top: -1px; left: 28%; width: 3px; height: 3px; background: #d3a15d; content: ""; transform: translateX(-50%); }
.vet-case__facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 clamp(1.5rem, 3vw, 3rem); margin: 1.5rem 0 0; }
.vet-case__facts div { min-width: 0; border-bottom: 1px solid #dbe4f1; padding-block: 1.25rem 1.35rem; }
.vet-case__facts dt { color: #074dc7; font-size: 0.65rem; font-weight: 820; letter-spacing: 0.11em; line-height: 1.35; }
.vet-case__facts div:nth-child(4) dt { color: #2f9d73; }
.vet-case__facts dd { margin: 0.5rem 0 0; color: #54627d; font-size: 0.9rem; line-height: 1.5; }

.vet-process { background: #f0f5fc; padding-block: clamp(6rem, 9vw, 8.5rem) clamp(4rem, 5vw, 5rem); }
.vet-process__inner { --container: 74rem; }
.vet-process__header { display: grid; grid-template-columns: minmax(11rem, 0.35fr) minmax(0, 1fr); align-items: start; gap: 3rem; }
.vet-process__header h2 { max-width: 18ch; text-wrap: balance; }
.vet-process__sequence { --process-marker: 5rem; --process-gap: 2rem; margin-top: clamp(3rem, 5vw, 4.5rem); }
.vet-process__steps { position: relative; margin: 0; padding: 0; list-style: none; }
.vet-process__steps::before { position: absolute; z-index: 1; top: 3.15rem; bottom: 2.55rem; left: var(--process-marker); width: 1px; background: linear-gradient(180deg, #0f6bff 0 88%, #2f9d73 100%); content: ""; }
.vet-process__steps li { display: grid; grid-template-columns: var(--process-marker) minmax(16rem, 0.7fr) minmax(0, 1fr); align-items: center; gap: var(--process-gap); padding-block: 1.55rem; }
.vet-process__marker { display: flex; position: relative; z-index: 2; align-items: center; align-self: stretch; color: #0f6bff; font-size: 0.72rem; font-weight: 830; letter-spacing: 0.12em; }
.vet-process__marker::after { position: absolute; top: 50%; right: 0; width: 0.55rem; aspect-ratio: 1; border: 1px solid #0f6bff; border-radius: 50%; background: #f0f5fc; content: ""; transform: translate(50%, -50%); }
.vet-process__steps li:last-child .vet-process__marker::after { border-color: #2f9d73; }
.vet-process__step-copy { display: contents; }
.vet-process__steps h3 { font-size: clamp(1.35rem, 2.3vw, 1.8rem); }
.vet-process__steps p { max-width: 32rem; margin: 0; line-height: 1.6; }
.vet-process__deadline { display: grid; grid-template-columns: var(--process-marker) minmax(0, 1fr); gap: var(--process-gap); padding-block: 1.65rem 0; }
.vet-process__deadline-marker { position: relative; align-self: start; color: #0f6bff; font-size: 0.68rem; font-weight: 830; letter-spacing: 0.12em; }
.vet-process__deadline-marker::before { position: absolute; top: -0.65rem; left: 0; width: 0.65rem; height: 2px; background: #d3a15d; content: ""; }
.vet-process__deadline-body { display: grid; grid-template-columns: minmax(16rem, 0.7fr) minmax(0, 1fr); align-items: start; gap: var(--process-gap); }
.vet-process__deadline-value { margin: 0; }
.vet-process__deadline-prefix { display: block; color: #074dc7; font-size: 0.66rem; font-weight: 830; letter-spacing: 0.12em; line-height: 1; text-transform: uppercase; }
.vet-process__deadline-data { display: flex; align-items: baseline; gap: 0.55rem; margin-top: 0.45rem; color: #07132f; white-space: nowrap; }
.vet-process__deadline-data strong { font-size: clamp(3.75rem, 5.7vw, 5.3rem); letter-spacing: -0.07em; line-height: 0.82; }
.vet-process__deadline-data span { font-size: clamp(1.45rem, 2.35vw, 2.05rem); font-weight: 780; letter-spacing: -0.045em; line-height: 1; }
.vet-process__deadline-condition { max-width: 32rem; margin: 1.15rem 0 0; color: #263858; font-size: 1rem; line-height: 1.55; }

.vet-payment { padding-block: clamp(5.5rem, 8vw, 7rem) clamp(4.5rem, 6vw, 5.5rem); }
.vet-payment__inner { --container: 78rem; }
.vet-payment__heading h2 { max-width: 36ch; margin-top: 1.4rem; font-size: clamp(2.7rem, 3.5vw, 3.55rem); text-wrap: balance; }
.vet-payment__composition { display: grid; position: relative; grid-template-columns: minmax(0, 1fr) minmax(10rem, 0.42fr) minmax(0, 1fr); align-items: start; gap: clamp(2rem, 4vw, 3.5rem); margin-top: clamp(3.5rem, 5.5vw, 4.75rem); padding-top: 2.75rem; }
.vet-payment__composition::before,
.vet-payment__composition::after { position: absolute; top: 0; width: calc(50% - 2.25rem); height: 1px; content: ""; }
.vet-payment__composition::before { left: 0; background: #0f6bff; }
.vet-payment__composition::after { right: 0; background: #2f9d73; }
.vet-payment__moment { min-width: 0; }
.vet-payment__moment--final { text-align: right; }
.vet-payment__amount { display: flex; align-items: baseline; gap: 0.6rem; margin: 0; color: #07132f; white-space: nowrap; }
.vet-payment__moment--final .vet-payment__amount { justify-content: flex-end; }
.vet-payment__amount strong { font-size: clamp(4rem, 6.2vw, 5.5rem); letter-spacing: -0.065em; line-height: 0.88; }
.vet-payment__amount span { color: #54627d; font-size: clamp(0.88rem, 1.3vw, 1.05rem); font-weight: 760; letter-spacing: 0.02em; }
.vet-payment__terms { margin: 1.15rem 0 0; color: #074dc7; font-size: 0.78rem; font-weight: 830; letter-spacing: 0.09em; line-height: 1.4; }
.vet-payment__moment--final .vet-payment__terms { color: #2f9d73; }
.vet-payment__control { position: relative; text-align: center; }
.vet-payment__control::before { position: absolute; top: calc(-2.75rem - 2px); left: 50%; width: 5px; height: 3px; background: #d3a15d; content: ""; transform: translateX(-50%); }
.vet-payment__review { margin: 0; color: #074dc7; font-size: 0.66rem; font-weight: 820; letter-spacing: 0.12em; line-height: 1.35; }
.vet-payment__approval { margin: 0.75rem 0 0; color: #2f9d73; font-size: clamp(1rem, 1.7vw, 1.25rem); font-weight: 820; letter-spacing: 0.06em; line-height: 1.2; }

.vet-difference { overflow: hidden; background: #07132f; color: #ffffff; padding-block: clamp(6rem, 9vw, 8rem) clamp(3.5rem, 5vw, 4.5rem); }
.vet-difference__inner { --container: 85rem; display: grid; grid-template-columns: minmax(25rem, 0.82fr) minmax(0, 1fr); align-items: end; gap: clamp(3.25rem, 4vw, 3.5rem); }
.vet-difference .eyebrow { color: #55c7ff; }
.vet-difference__copy h2 { max-width: 22ch; margin-top: 1.5rem; color: #ffffff; font-size: clamp(2.75rem, 3.7vw, 3.65rem); text-wrap: balance; }
.vet-difference__lead { max-width: 34rem; margin: 2rem 0 0; color: #e0e9f6; font-size: 1.05rem; line-height: 1.68; }
.vet-difference__copy > p:last-child { max-width: 33rem; margin-top: 1.25rem; color: #aebdd3; font-size: 0.98rem; line-height: 1.62; }
.vet-difference__brand { color: #ffffff; font-weight: 760; letter-spacing: -0.02em; }
.vet-difference__proof { --proof-bleed: clamp(2.25rem, 2.8vw, 2.5rem); position: relative; width: calc(100% + var(--proof-bleed)); min-width: 0; margin: 0 calc(-1 * var(--proof-bleed)) 0 0; }
.vet-difference__proof::before { position: absolute; z-index: 0; inset: 6% -3% -2%; background: radial-gradient(circle at 52% 45%, rgba(85, 199, 255, 0.13), rgba(15, 107, 255, 0.04) 50%, transparent 74%); content: ""; filter: blur(22px); pointer-events: none; }
.vet-difference__proof figcaption { display: grid; position: relative; z-index: 1; justify-items: start; gap: 0.35rem; margin-bottom: 1rem; border-top: 1px solid rgba(85, 199, 255, 0.34); padding-top: 0.85rem; }
.vet-difference__proof figcaption span { color: #55c7ff; font-size: 0.62rem; font-weight: 820; letter-spacing: 0.13em; line-height: 1.3; }
.vet-difference__proof figcaption strong { color: #ffffff; font-size: clamp(1.8rem, 2.4vw, 2.35rem); font-weight: 780; letter-spacing: -0.045em; line-height: 1; }
.vet-difference__frame { position: relative; z-index: 1; overflow: hidden; border: 1px solid rgba(197, 213, 236, 0.26); background: #0b1425; padding: 0.45rem; }
.vet-difference__frame img { width: 100%; height: auto; }

.vet-cta { background: #0f6bff; color: #ffffff; padding-block: clamp(6rem, 9vw, 8rem); }
.vet-cta__inner { --container: 85rem; display: grid; grid-template-columns: minmax(28rem, 0.96fr) minmax(30rem, 1fr); align-items: start; gap: clamp(3rem, 4vw, 3.5rem); }
.vet-cta__eyebrow { margin: 0; color: #dbe9ff; font-size: 0.75rem; font-weight: 820; letter-spacing: 0.13em; text-transform: uppercase; }
.vet-cta h2 { max-width: 27ch; margin-top: 1.5rem; color: #ffffff; font-size: clamp(2.5rem, 2.9vw, 3rem); }
.vet-cta__message > p:last-child { max-width: 34rem; margin: 2rem 0 0; color: #e8f1ff; font-size: 1.08rem; line-height: 1.65; }
.vet-cta__contacts { min-width: 0; }
.vet-cta__channel { display: grid; position: relative; gap: 0.8rem; border-top: 1px solid rgba(255, 255, 255, 0.48); color: #ffffff; padding: 1.35rem 0 2rem; text-decoration: none; }
.vet-cta__channel--primary { min-height: 12rem; }
.vet-cta__channel-label { display: inline-flex; width: max-content; align-items: center; gap: 0.5rem; color: #dbe9ff; font-size: 0.66rem; font-weight: 830; letter-spacing: 0.14em; line-height: 1.3; }
.vet-cta__channel-icon { width: 1.2rem; height: 1.2rem; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.vet-cta__channel-action { display: flex; align-items: baseline; justify-content: space-between; gap: 1.5rem; }
.vet-cta__channel-action strong { font-size: clamp(1.65rem, 2.4vw, 2.25rem); letter-spacing: -0.045em; line-height: 1.05; }
.vet-cta__channel--primary .vet-cta__channel-action strong { font-size: clamp(2.25rem, 3.5vw, 3.2rem); }
.vet-cta__arrow { flex: 0 0 auto; font-size: 1.6rem; line-height: 1; }
.vet-cta__channel-detail { align-self: end; color: #dbe9ff; font-size: 0.98rem; line-height: 1.55; }
.vet-cta__channel:hover { border-top-color: #ffffff; color: #ffffff; }
.vet-cta__channel:focus-visible { border-radius: 2px; outline: 3px solid #ffffff; outline-offset: 6px; }

@media (max-width: 1100px) {
  .vet-page-hero__inner { grid-template-columns: minmax(27rem, 0.46fr) minmax(0, 0.54fr); gap: 2.5rem; }
  .vet-page-hero__copy h1 { font-size: clamp(3.5rem, 5.6vw, 4.2rem); }
  .vet-page-hero__copy h1 span { white-space: normal; }
  .vet-page-hero__visual { width: min(100%, 38rem); height: 29rem; }
  .vet-page-hero__arc { top: 4rem; right: -2.5rem; width: 42rem; height: 25rem; }
  .vet-page-hero__interface-plane { top: 1rem; right: -0.75rem; width: 61%; height: 2.75rem; }
  .vet-page-hero__message-plane { top: 5.8rem; left: 1.5rem; width: 62%; transform: rotate(-0.55deg); }
  .vet-page-hero__reality-plane { top: 4.65rem; right: 1.1rem; width: 48%; }
  .vet-offer__masthead { gap: 4rem; }
  .vet-case__top,
  .vet-ownership__inner { gap: 4rem; }
  .vet-difference__inner { gap: 3.5rem; }
  .vet-difference__proof { --proof-bleed: 1rem; }
  .vet-cta__inner { grid-template-columns: minmax(0, 1fr); gap: 4rem; }
  .vet-cta__message { width: min(100%, 46rem); }
  .vet-cta__contacts { width: min(100%, 52rem); justify-self: end; }
}

@media (max-width: 900px) {
  .vet-page-hero { padding-block: 4.25rem 5rem; }
  .vet-page-hero__inner { width: min(100% - 2rem, 52rem); grid-template-columns: minmax(0, 1fr); gap: 4rem; }
  .vet-page-hero__copy { width: min(100%, 48rem); padding-right: 0; }
  .vet-page-hero__copy h1 { font-size: clamp(3.6rem, 9vw, 5rem); }
  .vet-page-hero__copy h1 span { white-space: nowrap; }
  .vet-page-hero__visual { width: min(100%, 48rem); height: 34rem; justify-self: end; margin: 0; }
  .vet-page-hero__arc { top: 4rem; right: -2rem; width: 44rem; height: 26rem; opacity: 0.78; }
  .vet-page-hero__interface-plane { top: 1rem; right: -0.75rem; width: 61%; height: 2.7rem; transform: rotate(0.2deg); }
  .vet-page-hero__message-plane { top: 5.9rem; left: 1.5rem; width: 61%; transform: rotate(-0.45deg); }
  .vet-page-hero__reality-plane { top: 4.6rem; right: 1rem; width: 45%; }
  .vet-page-hero__annotation { bottom: 0.65rem; left: 1.5rem; }
  .vet-offer__masthead { grid-template-columns: minmax(0, 1fr); gap: 2.75rem; }
  .vet-offer__header h2 { max-width: 15ch; }
  .vet-offer__price { display: grid; width: min(100%, 46rem); grid-template-columns: minmax(15rem, auto) minmax(0, 1fr); align-items: end; gap: 0 3rem; }
  .vet-offer__price-label,
  .vet-offer__price strong,
  .vet-offer__price > span { grid-column: 1; }
  .vet-offer__price-inclusion { grid-column: 2; grid-row: 2 / 4; align-self: end; margin: 0; }
  .vet-offer__pillars { grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.72fr) minmax(0, 0.9fr); gap: 2.5rem; }
  .vet-offer__secondary { grid-template-columns: minmax(8rem, 0.22fr) minmax(0, 1fr); gap: 2.5rem; }
  .vet-offer__secondary-list { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2.5rem; }
  .vet-hosting__inner { grid-template-columns: minmax(0, 1fr); gap: 3.5rem; }
  .vet-hosting__intro h2 { max-width: 12ch; }
  .vet-ownership__inner { grid-template-columns: minmax(0, 1fr); gap: 3.5rem; }
  .vet-ownership__map { width: min(100%, 36rem); justify-self: start; }
  .vet-ownership__copy { grid-row: 1; }
  .vet-case__top { grid-template-columns: minmax(0, 1fr); gap: 3.5rem; }
  .vet-case__visual { width: min(100%, 44rem); justify-self: end; }
  .vet-case__copy { grid-row: 1; width: min(100%, 42rem); }
  .vet-case__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vet-process__header { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
  .vet-process__sequence { --process-marker: 4rem; --process-gap: 1.5rem; }
  .vet-process__steps::before { bottom: 3.15rem; }
  .vet-process__steps li { grid-template-columns: var(--process-marker) minmax(13rem, 0.8fr) minmax(0, 1fr); }
  .vet-process__deadline-body { grid-template-columns: minmax(13rem, 0.8fr) minmax(0, 1fr); }
  .vet-difference__inner { grid-template-columns: minmax(0, 1fr); gap: 4rem; }
  .vet-difference__copy { width: min(100%, 46rem); }
  .vet-difference__proof { --proof-bleed: 0rem; width: min(100%, 52rem); justify-self: end; }
}

@media (max-width: 640px) {
  .vet-page-hero { padding-block: 3.25rem 4.5rem; }
  .vet-page-hero__inner { gap: 2.75rem; }
  .vet-page-hero__copy h1 { margin-top: 1.15rem; font-size: clamp(3rem, 13.4vw, 3.55rem); line-height: 0.95; }
  .vet-page-hero__copy h1 span { white-space: normal; }
  .vet-page-hero__text { margin-top: 1.35rem; font-size: 1rem; line-height: 1.6; }
  .vet-page-hero__actions { flex-direction: column; align-items: stretch; margin-top: 1.75rem; }
  .vet-page-hero__actions .button { width: 100%; }
  .vet-page-hero__visual { width: 100%; height: 21rem; }
  .vet-page-hero__arc,
  .vet-page-hero__interface-plane,
  .vet-page-hero__message-plane { display: none; }
  .vet-page-hero__reality-plane { inset: 0 0 2.35rem; width: auto; aspect-ratio: auto; transform: none; }
  .vet-page-hero__reality-plane img { top: -13.5%; left: 50%; width: auto; height: 113.5%; transform: translateX(-72.5%); }
  .vet-page-hero__annotation { bottom: 0; left: 0.1rem; flex-wrap: wrap; gap: 0.35rem 0.5rem; font-size: 0.76rem; }
  .vet-offer,
  .vet-hosting,
  .vet-case,
  .vet-difference { padding-block: 5rem; }
  .vet-process { padding-block: 5rem 3.5rem; }
  .vet-payment { padding-block: 5rem 4rem; }
  .vet-offer__header h2,
  .vet-hosting__intro h2,
  .vet-case__copy h2,
  .vet-process__header h2,
  .vet-payment__heading h2,
  .vet-difference__copy h2 { font-size: clamp(2.55rem, 11vw, 3.15rem); }
  .vet-offer__masthead { gap: 2.5rem; }
  .vet-offer__price { display: block; }
  .vet-offer__price strong { font-size: 2.9rem; }
  .vet-offer__price-inclusion { margin-top: 1.1rem; }
  .vet-offer__scope { margin-top: 3rem; }
  .vet-offer__pillars { grid-template-columns: minmax(0, 1fr); gap: 2.5rem; }
  .vet-offer__pillars li { padding-top: 2rem; }
  .vet-offer__pillars li:first-child h3 { font-size: 2rem; }
  .vet-offer__secondary { grid-template-columns: minmax(0, 1fr); gap: 1.75rem; margin-top: 3.5rem; }
  .vet-offer__secondary-list { grid-template-columns: minmax(0, 1fr); gap: 1.15rem; }
  .vet-offer__secondary-list dd { font-size: 1rem; }
  .vet-hosting__inner { gap: 2.75rem; }
  .vet-hosting__price { gap: 0.55rem; }
  .vet-hosting__price strong { font-size: clamp(2.55rem, 11.5vw, 2.8rem); }
  .vet-hosting__services { margin-top: 2.5rem; padding-top: 2rem; }
  .vet-hosting__service-list { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
  .vet-hosting__additional { margin-top: 2rem; }
  .vet-ownership { padding-block: 5rem; }
  .vet-ownership__copy h2 { font-size: clamp(3rem, 13vw, 3.75rem); }
  .vet-ownership__lead { font-size: 1.08rem; }
  .vet-ownership__map { min-height: 19rem; }
  .vet-ownership__map::before { inset: 1rem 1.5rem 2rem 1rem; }
  .vet-ownership__map::after { inset: 4rem 4rem 5rem 3.5rem; }
  .vet-ownership__node { width: 5.25rem; font-size: 0.54rem; }
  .vet-ownership__node--clinic { top: 1.25rem; left: 0; }
  .vet-ownership__node--domain { top: 6.75rem; left: 39%; }
  .vet-ownership__node--control { right: 0; }
  .vet-case__visual { width: 100%; padding: 1rem; }
  .vet-case__visual figcaption { grid-template-columns: minmax(0, 1fr); gap: 1rem; padding-top: 1rem; }
  .vet-case__caption-detail { border-top: 1px solid #c5d5ec; border-left: 0; padding: 0.85rem 0 0; }
  .vet-case__caption-detail p { font-size: 0.78rem; }
  .vet-case__decisions { margin-top: 3.25rem; }
  .vet-case__decisions-header { grid-template-columns: minmax(0, 1fr); gap: 0.85rem; }
  .vet-case__facts { grid-template-columns: minmax(0, 1fr); gap: 0; margin-top: 1rem; }
  .vet-case__facts div { padding-block: 1.15rem 1.25rem; }
  .vet-case__facts dd { font-size: 0.94rem; }
  .vet-process__sequence { --process-marker: 2.75rem; --process-gap: 1rem; margin-top: 3rem; }
  .vet-process__steps::before { top: 4.15rem; bottom: 4.15rem; }
  .vet-process__steps li { grid-template-columns: var(--process-marker) minmax(0, 1fr); padding-block: 1.35rem; }
  .vet-process__step-copy { display: block; }
  .vet-process__steps p { margin-top: 0.65rem; }
  .vet-process__deadline { padding-top: 1.5rem; }
  .vet-process__deadline-body { grid-template-columns: minmax(0, 1fr); gap: 0.75rem; }
  .vet-process__deadline-data { gap: 0.45rem; }
  .vet-process__deadline-data strong { font-size: clamp(3.5rem, 17vw, 4.15rem); }
  .vet-process__deadline-data span { font-size: clamp(1.45rem, 7.2vw, 1.75rem); }
  .vet-process__deadline-condition { margin-top: 0; font-size: 0.95rem; }
  .vet-payment__composition { grid-template-columns: minmax(0, 1fr); gap: 0; margin-top: 3rem; padding-top: 0; }
  .vet-payment__composition::before,
  .vet-payment__composition::after { display: none; }
  .vet-payment__moment,
  .vet-payment__control { padding-block: 1.75rem; }
  .vet-payment__moment--initial { border-top: 1px solid #0f6bff; }
  .vet-payment__control { border-top: 1px solid #c5d5ec; text-align: left; }
  .vet-payment__control::before { top: -2px; left: 0; transform: none; }
  .vet-payment__moment--final { border-top: 1px solid #2f9d73; text-align: left; }
  .vet-payment__moment--final .vet-payment__amount { justify-content: flex-start; }
  .vet-payment__amount strong { font-size: clamp(3.75rem, 16vw, 4.1rem); }
  .vet-payment__terms { margin-top: 0.9rem; }
  .vet-payment__approval { margin-top: 0.55rem; }
  .vet-difference__lead { font-size: 1.02rem; }
  .vet-difference__proof figcaption { margin-bottom: 0.75rem; }
  .vet-difference__frame { padding: 0.3rem; }
  .vet-cta { padding-block: 5rem 5.5rem; }
  .vet-cta__inner { gap: 3.25rem; }
  .vet-cta h2 { font-size: clamp(2.5rem, 10.8vw, 3rem); }
  .vet-cta__message > p:last-child { margin-top: 1.5rem; font-size: 1rem; }
  .vet-cta__channel { gap: 0.65rem; padding-block: 1.25rem 1.65rem; }
  .vet-cta__channel--primary { min-height: 10.5rem; }
  .vet-cta__channel--primary .vet-cta__channel-action strong { font-size: clamp(1.9rem, 8.5vw, 2.25rem); }
  .vet-cta__channel--secondary .vet-cta__channel-action strong { font-size: 1.55rem; }
  .vet-cta__channel-detail { font-size: 0.94rem; }
}

.site-footer { border-top: 1px solid rgba(219, 228, 241, 0.82); background: rgba(255,255,255,0.82); padding-block: var(--space-5); }
.site-footer__inner { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); }
.site-footer__brand { margin-bottom: 0.25rem; color: var(--color-text); font-weight: 800; }
.site-footer__text { margin-bottom: 0; font-size: 0.92rem; }
.site-footer__links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 1rem; }
.site-footer__links a { color: var(--color-muted); font-size: 0.92rem; font-weight: 680; text-decoration: none; }
.site-footer__links a:hover { color: var(--color-accent-dark); }

.site-footer--corporate {
  position: relative;
  overflow: hidden;
  border-top: 0;
  background: #001a47;
  color: #ffffff;
  padding-block: clamp(3rem, 3.5vw, 3.375rem) 2rem;
}
.corporate-footer__signature {
  position: absolute;
  top: 50%;
  right: -18rem;
  width: 34rem;
  height: auto;
  opacity: 0.03;
  pointer-events: none;
  transform: translateY(-50%);
}
.corporate-footer__container { position: relative; z-index: 1; --container: 80rem; }
.corporate-footer__upper {
  display: grid;
  grid-template-columns: minmax(20rem, 1.1fr) minmax(12rem, 0.72fr) minmax(18rem, 0.95fr);
  align-items: start;
  gap: clamp(3rem, 5vw, 4.5rem);
  padding-bottom: 3rem;
}
.corporate-footer__identity { display: grid; justify-items: start; }
.corporate-footer__wordmark {
  width: 17.5rem;
  height: auto;
}
.corporate-footer__accent { display: block; width: 2.75rem; height: 2px; margin-top: 1rem; background: var(--color-accent); }
.corporate-footer__description {
  max-width: 27rem;
  margin: 0.875rem 0 0;
  color: #c5d5ec;
  font-size: 1rem;
  line-height: 1.55;
}
.corporate-footer__heading { margin: 0; color: var(--color-accent); font-size: 0.66rem; font-weight: 820; letter-spacing: 0.14em; line-height: 1.35; }
.corporate-footer__primary { display: grid; align-content: start; margin-top: 0.9rem; }
.corporate-footer__primary a {
  display: flex;
  min-height: 2.25rem;
  align-items: center;
  width: fit-content;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 670;
  text-decoration: none;
}
.corporate-footer__channels { display: grid; margin-top: 0.9rem; }
.corporate-footer__channel { display: grid; min-height: 3.75rem; grid-template-columns: 1.125rem minmax(0, 1fr); align-items: start; gap: 0.75rem; color: #ffffff; padding-block: 0.3rem; text-decoration: none; }
.corporate-footer__channel + .corporate-footer__channel { margin-top: 0.65rem; border-top: 1px solid rgba(197, 213, 236, 0.18); padding-top: 1rem; }
.corporate-footer__channel-icon { width: 1.125rem; height: 1.125rem; margin-top: 0.1rem; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.corporate-footer__channel-copy { display: grid; gap: 0.15rem; min-width: 0; }
.corporate-footer__channel-copy > span { color: var(--color-accent); font-size: 0.62rem; font-weight: 820; letter-spacing: 0.13em; line-height: 1.35; }
.corporate-footer__channel-copy strong { color: #ffffff; font-size: 1rem; font-weight: 680; letter-spacing: -0.015em; line-height: 1.45; overflow-wrap: anywhere; }
.corporate-footer__lower {
  display: grid;
  grid-template-columns: auto minmax(19rem, 1fr) auto;
  align-items: center;
  gap: 2rem;
  border-top: 1px solid rgba(197, 213, 236, 0.22);
  padding-top: 1.25rem;
}
.corporate-footer__copyright {
  max-width: 34rem;
  margin: 0;
  color: #c5d5ec;
  font-size: 0.92rem;
  line-height: 1.55;
}
.corporate-footer__legal { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.55rem 1rem; }
.corporate-footer__legal a,
.corporate-footer__top {
  min-height: 2rem;
  color: #c5d5ec;
  font-size: 0.92rem;
  font-weight: 650;
  line-height: 1.45;
  text-decoration: none;
}
.corporate-footer__legal a { display: inline-flex; align-items: center; }
.corporate-footer__top {
  display: inline-flex;
  align-items: center;
  justify-self: end;
  gap: 0.45rem;
  white-space: nowrap;
}
.corporate-footer__primary a:hover,
.corporate-footer__channel:hover,
.corporate-footer__legal a:hover,
.corporate-footer__top:hover {
  color: #ffffff;
  text-decoration: underline;
}
.corporate-footer__primary a:focus-visible,
.corporate-footer__channel:focus-visible,
.corporate-footer__legal a:focus-visible,
.corporate-footer__top:focus-visible {
  border-radius: 2px;
  outline: 3px solid var(--color-accent);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: no-preference) {
  .vet-cta__arrow { transition: transform 160ms ease; }
  .vet-cta__channel:hover .vet-cta__arrow { transform: translateX(5px); }
  .contact-statement__arrow { transition: transform 160ms ease; }
  .contact-statement__link:hover .contact-statement__arrow { transform: translateX(5px); }
  .hero-artwork__route--flow { opacity: 0.62; animation-name: hero-artwork-route-flow; animation-duration: 11s; animation-timing-function: linear; animation-iteration-count: infinite; }
  .hero-artwork__route--one { animation-delay: 0s; }
  .hero-artwork__route--two { animation-delay: -3.6s; }
  .hero-artwork__route--three { animation-delay: -7.2s; }
  .hero-artwork__accent { animation-name: hero-artwork-accent-glint; animation-duration: 11s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
  .hero-artwork__accent--amber { animation-delay: -2s; }
  .hero-artwork__accent--green { animation-delay: -6.5s; }
  @keyframes hero-artwork-route-flow {
    from { stroke-dashoffset: 0; }
    to { stroke-dashoffset: -692; }
  }
  @keyframes hero-artwork-accent-glint {
    0%, 72%, 100% { opacity: 0.28; transform: scale(0.9); }
    80% { opacity: 0.82; transform: scale(1.12); }
    88% { opacity: 0.42; transform: scale(1); }
  }
}

@media (max-width: 1100px) {
  .corporate-footer__wordmark { width: 16rem; }
  .corporate-footer__primary a,
  .corporate-footer__channel,
  .corporate-footer__legal a,
  .corporate-footer__top { min-height: 2.75rem; }
  .earvu-story {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    column-gap: 0;
    row-gap: 0;
    margin-top: 3.5rem;
  }
  .earvu-story__route--desktop { display: none; }
  .earvu-story__route--intermediate { display: inline; }
  .earvu-stage--input {
    grid-column: 1;
    grid-row: auto;
    width: 70%;
    justify-self: start;
    margin: 0;
  }
  .earvu-stage--editor {
    grid-column: 1;
    grid-row: auto;
    width: 86%;
    justify-self: end;
    margin: clamp(3rem, 6vw, 4rem) 0 0;
  }
  .earvu-showcase__example {
    grid-column: 1;
    grid-row: auto;
    width: 66%;
    justify-self: start;
    margin: calc(clamp(3.5rem, 7vw, 5rem) + 3.5rem) 0 0;
  }
  .earvu-stage--ready {
    grid-column: 1;
    grid-row: auto;
    width: 58%;
    justify-self: end;
    margin: clamp(4rem, 8vw, 6rem) 0 0;
  }
}

@media (max-width: 1000px) {
  .corporate-footer__lower {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.25rem;
  }
  .corporate-footer__copyright { grid-column: 1 / -1; }
  .corporate-footer__legal { justify-content: flex-start; }
  .contact-statement { padding-block: clamp(5.75rem, 10vw, 6.5rem); }
  .contact-statement::before {
    right: -9rem;
    bottom: -13rem;
    width: min(52vw, 28rem);
    opacity: 0.065;
  }
  .contact-statement::after { width: min(56vw, 32rem); }
  .contact-statement__inner { grid-template-columns: minmax(0, 1fr); }
  .contact-statement__heading h2 { max-width: 13ch; }
  .contact-statement__action {
    width: min(100%, 38rem);
    justify-self: end;
    margin-top: clamp(4rem, 8vw, 5rem);
  }
  .hero--with-visual { padding-block: 3.75rem 3rem; }
  .hero--with-visual .hero__inner { grid-template-columns: minmax(0, 1fr); row-gap: clamp(0.5rem, 1.5vw, 1rem); }
  .hero__title { max-width: 18ch; text-wrap: pretty; }
  .hero-artwork { justify-self: center; width: min(100%, 34rem); aspect-ratio: 3 / 2; }
  .hero-artwork__scene { --hero-artwork-scene-x: -8%; --hero-artwork-scene-y: -1%; --hero-artwork-scene-scale: 1.12; }
  .method-section__intro { max-width: 46rem; }
  .method-plane { width: min(92%, 58rem); min-height: 20rem; }
  .method-plane--ai { width: min(94%, 60rem); }
  .method-plane--growth { margin-inline-start: 4%; }
  .earvu-showcase__intro { grid-template-columns: minmax(0, 1fr); gap: 2.25rem; }
  .earvu-showcase__identity { width: min(100%, 16rem); justify-self: start; gap: 0.85rem; }
  .principles-standard__scene {
    aspect-ratio: auto;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    padding-top: clamp(4.5rem, 8vw, 6.5rem);
  }
  .principles-standard__intro {
    grid-area: 1 / 1;
    width: min(calc(100% - 2rem), 48rem);
    justify-self: center;
    margin-right: 0;
  }
  .principles-standard__intro h2 { max-width: 13ch; }
  .principles-standard__picture {
    grid-area: 2 / 1;
    aspect-ratio: 57 / 32;
    margin-top: clamp(2.5rem, 5vw, 4rem);
  }
  .experience-ledger__header {
    grid-template-columns: minmax(0, 1fr);
    row-gap: clamp(4rem, 8vw, 6rem);
  }
  .experience-ledger__position {
    width: min(100%, 48rem);
    grid-column: 1;
  }
  .experience-ledger__product {
    width: min(100%, 50rem);
    grid-column: 1;
    justify-self: end;
    padding-top: 0;
  }
  .experience-ledger__product-name { font-size: clamp(5.5rem, 16vw, 9rem); }
  .experience-ledger__capabilities { margin-top: clamp(7rem, 12vw, 8rem); }
  .experience-ledger__capability-list {
    display: flow-root;
    margin-top: 4.5rem;
  }
  .experience-ledger__capability { width: min(88%, 40rem); }
  .experience-ledger__capability:nth-child(2) {
    width: min(78%, 35rem);
    margin: 2.75rem 0 0 auto;
  }
  .experience-ledger__capability:nth-child(3) {
    width: min(84%, 38rem);
    margin: 3rem 0 0 6%;
  }
  .experience-ledger__capability:nth-child(4) {
    width: min(80%, 37rem);
    margin: 3.25rem 0 0 auto;
  }
  .experience-ledger__context { grid-template-columns: minmax(0, 1fr); gap: 0.8rem; }
}

@media (max-width: 920px) {
  .corporate-footer__signature { display: none; }
  .corporate-footer__wordmark { width: 15rem; }
  .corporate-footer__upper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.5rem 4rem;
  }
  .corporate-footer__identity { grid-column: 1 / -1; }
  .corporate-footer__primary {
    grid-template-columns: repeat(2, minmax(8rem, 1fr));
  }
  .corporate-footer__primary a { min-height: 2.75rem; }
  .corporate-footer__legal a,
  .corporate-footer__top { min-height: 2.75rem; }
}

@media (max-width: 880px) {
  .site-footer__inner, .feature-panel, .contact-panel, .principle-panel { align-items: start; flex-direction: column; grid-template-columns: 1fr; }
  .site-header__inner { min-height: 4.5rem; gap: 1rem; }
  .brand__picture { width: 12rem; height: 2.2rem; }
  .site-nav { display: none; }
  .site-menu { display: block; }
  .card-grid, .project-grid { grid-template-columns: 1fr; }
  .site-footer__links { justify-content: flex-start; }
  .earvu-story {
    margin-top: 3.5rem;
    padding-left: 1.5rem;
  }
  .earvu-story__spectrum { inset: 0; width: 100%; height: 100%; }
  .earvu-story__route--intermediate { display: none; }
  .earvu-story__route--mobile { display: inline; }
  .earvu-stage--input { width: 72%; justify-self: start; }
  .earvu-stage--editor { width: 88%; justify-self: end; margin-top: 3.5rem; }
  .earvu-showcase__example {
    width: 68%;
    justify-self: start;
    margin-top: 3rem;
  }
  .earvu-stage--ready { width: 62%; justify-self: end; margin-top: 4.5rem; }
  .principles-standard__signature {
    width: min(74%, 34rem);
    margin-left: 10%;
  }
  .principles-standard__signature span::before { display: none; }
  .principles-standard__item { width: 88%; }
  .principles-standard__item--02 { width: 84%; margin-left: auto; }
  .principles-standard__item--03 { width: 92%; margin-left: 4%; }
  .principles-standard__item--04 { width: 86%; margin-right: 0; }
  .experience-ledger__context-list {
    grid-template-columns: minmax(0, 1fr);
    gap: 2.5rem;
  }
  .experience-ledger__context {
    width: min(88%, 35rem);
    grid-template-columns: minmax(10rem, 0.8fr) minmax(0, 1.2fr);
  }
  .experience-ledger__context:last-child { margin-left: auto; }
  .experience-page-editorial__entry,
  .experience-page-application__inner,
  .experience-page-closing__inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 2rem;
  }
  .experience-page-editorial h2 { max-width: 18ch; }
  .experience-page-editorial__copy,
  .experience-page-application__copy,
  .experience-page-closing__copy {
    max-width: 43rem;
    justify-self: start;
  }
}

@media (max-width: 640px) {
  .site-footer--corporate { padding-block: 2.5rem 2rem; }
  .corporate-footer__upper { grid-template-columns: minmax(0, 1fr); gap: 2rem; padding-bottom: 2rem; }
  .corporate-footer__identity { grid-column: auto; }
  .corporate-footer__wordmark { width: 14rem; }
  .corporate-footer__description { font-size: 0.96rem; }
  .corporate-footer__primary a { min-height: 2.75rem; }
  .corporate-footer__channel { min-height: 3.5rem; }
  .corporate-footer__lower { grid-template-columns: minmax(0, 1fr); gap: 0.75rem; padding-top: 1.25rem; }
  .corporate-footer__copyright { grid-column: auto; font-size: 0.9rem; }
  .corporate-footer__legal { justify-content: flex-start; gap: 0 1rem; }
  .corporate-footer__legal a { min-height: 2.75rem; }
  .corporate-footer__legal a:last-child { flex-basis: 100%; }
  .corporate-footer__top { min-height: 2.75rem; justify-self: start; }
  .contact-statement { padding-block: 4.75rem 5.25rem; }
  .contact-statement::before {
    right: -8rem;
    bottom: -9rem;
    width: 18rem;
    opacity: 0.05;
  }
  .contact-statement::after {
    bottom: 2.5rem;
    width: 68vw;
    height: 4.25rem;
  }
  .contact-statement__heading { gap: 1.5rem; }
  .contact-statement__heading h2 {
    max-width: 100%;
    font-size: clamp(2.35rem, 10.2vw, 2.65rem);
    line-height: 0.98;
    text-wrap: balance;
  }
  .contact-statement__action { gap: 2.25rem; margin-top: 3.5rem; }
  .contact-statement__text { font-size: 1.05rem; line-height: 1.58; }
  .contact-statement__link {
    gap: 0.65rem;
    font-size: clamp(1.15rem, 5vw, 1.3rem);
    overflow-wrap: anywhere;
  }
  .hero { padding-top: var(--space-6); }
  .brand__picture { width: 2.55rem; height: 2.55rem; }
  .site-header__inner { min-height: 4.25rem; }
  .hero--with-visual { padding-block: 2.75rem 2.5rem; }
  .hero__title { max-width: 100%; font-size: clamp(3.15rem, 13.5vw, 3.6rem); line-height: 0.94; letter-spacing: -0.05em; text-wrap: pretty; }
  .hero__copy { gap: 1.2rem; }
  .hero__text { max-width: none; font-size: 1.05rem; line-height: 1.55; }
  .hero__actions { width: 100%; flex-direction: column; align-items: stretch; gap: 0.75rem; }
  .hero__actions .button { width: 100%; justify-content: center; }
  .hero-artwork { width: min(100%, 24rem); aspect-ratio: 3 / 2; }
  .hero-artwork__scene { --hero-artwork-scene-x: -9%; --hero-artwork-scene-y: 0%; --hero-artwork-scene-scale: 1.08; }
  .section { padding-block: var(--space-5); }
  .method-section { padding-block: 4.5rem; }
  .method-section__intro { max-width: none; margin-inline-start: 0; text-align: left; }
  html[lang="en"] .method-section__title { font-size: clamp(2.65rem, 13.2vw, 3rem); }
  .method-section__lead { max-width: none; margin-left: 0; }
  .method-spectrum { margin-left: 0; margin-block: 2rem 2.5rem; }
  .method-plane, .method-plane--ai, .method-plane--growth {
    width: 100%;
    min-height: 0;
    grid-template-columns: minmax(0, 1fr);
    justify-self: stretch;
    margin-inline-start: 0;
    clip-path:
      polygon(
        0 0,
        calc(100% - 0.75rem) 0,
        100% 0.75rem,
        100% 100%,
        0.75rem 100%,
        0 calc(100% - 0.75rem)
      );
  }
  .method-plane__media { position: relative; inset: auto; grid-row: 1; min-height: 14rem; }
  .method-plane__image {
    object-position: var(--method-image-position);
    -webkit-mask-image:
      linear-gradient(
        180deg,
        rgba(0, 0, 0, 1) 0%,
        rgba(0, 0, 0, 1) 66%,
        rgba(0, 0, 0, 0) 100%
      );
    mask-image:
      linear-gradient(
        180deg,
        rgba(0, 0, 0, 1) 0%,
        rgba(0, 0, 0, 1) 66%,
        rgba(0, 0, 0, 0) 100%
      );
  }
  .method-plane__copy { width: 100%; grid-row: 2; margin-top: -1rem; padding: 1.5rem; }
  .earvu-showcase { padding-block: 4.5rem; }
  .earvu-showcase__intro { gap: 1.75rem; }
  .earvu-showcase__copy { gap: 1.05rem; }
  .earvu-showcase__title { font-size: clamp(3rem, 13vw, 3.7rem); }
  .earvu-showcase__title-brand { display: inline; }
  .earvu-showcase__title-detail { display: inline; }
  .earvu-showcase__title-lead {
    display: inline;
    white-space: normal;
  }
  .earvu-showcase__description { font-size: 1rem; line-height: 1.55; }
  .earvu-showcase__ownership { font-size: 0.85rem; }
  .button--earvu { width: min(100%, 20rem); min-height: 3.2rem; justify-content: center; padding-inline: 1rem; }
  .earvu-showcase__identity { width: min(100%, 12.5rem); justify-self: center; gap: 0.7rem; }
  .earvu-story {
    margin-top: 3rem;
    padding-left: 1.35rem;
  }
  .earvu-story__route--mobile { display: none; }
  .earvu-story__route--compact { display: inline; }
  .earvu-stage--input { width: 92%; }
  .earvu-stage--editor { width: 100%; margin-top: 2.5rem; }
  .earvu-stage--ready { width: 86%; margin-top: 3.25rem; }
  .earvu-stage__label { padding-right: 0.5rem; font-size: 0.95rem; }
  .earvu-stage__media { border-radius: 1rem; }
  .earvu-showcase__example {
    width: 100%;
    margin-top: 2.75rem;
    padding-top: 1.75rem;
    font-size: 1.18rem;
  }
  .principles-standard__scene { padding-top: 4rem; }
  .principles-standard__intro {
    width: calc(100% - 2rem);
    gap: 1rem;
  }
  .principles-standard__intro h2 {
    max-width: 12ch;
    font-size: clamp(2.65rem, 12vw, 3.4rem);
  }
  .principles-standard__lead { font-size: 1rem; line-height: 1.6; }
  .principles-standard__picture { margin-top: 2.5rem; }
  .principles-standard__body { padding-block: 4.5rem 6rem; }
  .principles-standard__signature {
    width: 78%;
    grid-template-columns: minmax(3rem, 1fr) 3.75rem;
    margin: 0 0 4.5rem 6%;
  }
  .principles-standard__signature span { margin-top: 1.5rem; }
  .principles-standard__item { width: 100%; }
  .principles-standard__item--02 { width: calc(100% - 1.25rem); margin-top: 3.25rem; margin-left: 1.25rem; }
  .principles-standard__item--03 { width: calc(100% - 0.5rem); margin-top: 3.75rem; margin-left: 0.5rem; }
  .principles-standard__item--04 { width: calc(100% - 0.85rem); margin-top: 4.25rem; margin-left: 0.85rem; }
  .principles-standard__heading {
    grid-template-columns: 3.85rem minmax(0, 1fr);
    gap: 0.8rem;
  }
  .principles-standard__number { font-size: 3.1rem; }
  .principles-standard__item h3 { font-size: clamp(1.55rem, 7.5vw, 1.9rem); }
  .principles-standard__item--04 h3 { font-size: clamp(1.7rem, 8vw, 2rem); }
  .principles-standard__item p {
    margin-top: 1rem;
    margin-left: 0;
    font-size: 1rem;
    line-height: 1.62;
  }
  .experience-ledger { padding-block: 5.5rem 6.5rem; }
  .experience-ledger__position { gap: 1.15rem; }
  .experience-ledger__position h2 {
    max-width: 12ch;
    font-size: clamp(3rem, 14vw, 3.65rem);
  }
  .experience-ledger__intro { gap: 1.2rem; }
  .experience-ledger__intro p { font-size: 1rem; line-height: 1.62; }
  .experience-ledger__intro p:last-child {
    max-width: none;
  }
  .experience-ledger__header { row-gap: 4rem; }
  .experience-ledger__product-name { font-size: clamp(4.5rem, 21vw, 6.25rem); }
  .experience-ledger__product-label {
    margin-top: 1rem;
    font-size: 0.72rem;
    letter-spacing: 0.13em;
  }
  .experience-ledger__product-audience {
    max-width: 24ch;
    font-size: 1.05rem;
  }
  .experience-ledger__product-tags {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0.65rem 1.25rem;
  }
  .experience-ledger__product-tags span { font-size: 0.64rem; }
  .experience-ledger__capabilities { margin-top: 7rem; }
  .experience-ledger__capabilities > h3 {
    max-width: 16ch;
    font-size: clamp(2.25rem, 10vw, 2.85rem);
  }
  .experience-ledger__capability-list { margin-top: 3.75rem; }
  .experience-ledger__capability {
    width: 100%;
  }
  .experience-ledger__capability:nth-child(1) {
    --experience-verb-size: clamp(3.1rem, 13vw, 4.5rem);
  }
  .experience-ledger__capability:nth-child(2) {
    --experience-verb-size: clamp(3.45rem, 14.5vw, 4.9rem);
    width: calc(100% - 0.75rem);
    margin-top: 2.1rem;
    margin-left: 0.75rem;
  }
  .experience-ledger__capability:nth-child(3) {
    --experience-verb-size: clamp(3.1rem, 13vw, 4.5rem);
    width: calc(100% - 0.35rem);
    margin-top: 2.2rem;
    margin-left: 0.35rem;
  }
  .experience-ledger__capability:nth-child(4) {
    --experience-verb-size: clamp(3.75rem, 15.5vw, 5.35rem);
    width: calc(100% - 0.6rem);
    margin-top: 2.3rem;
    margin-left: 0.6rem;
  }
  .experience-ledger__capability h4 { font-size: clamp(1.8rem, 8.8vw, 2.1rem); }
  .experience-ledger__capability p { font-size: 1rem; line-height: 1.6; }
  .experience-ledger__footer { margin-top: 6rem; }
  .experience-ledger__context-list { margin-top: 2rem; }
  .experience-ledger__context,
  .experience-ledger__context:last-child {
    width: 100%;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.7rem;
    margin-left: 0;
  }
  .experience-ledger__closing {
    max-width: 22ch;
    margin-top: 5.5rem;
    margin-right: 0;
    font-size: clamp(2rem, 8.2vw, 2.4rem);
  }
  .experience-page-hero { padding-block: 3.5rem 4rem; }
  .experience-page-hero__copy { gap: 1.2rem; }
  .experience-page-hero h1 {
    max-width: none;
    font-size: clamp(2.7rem, 12vw, 3.25rem);
    line-height: 0.98;
  }
  .experience-page-hero__intro { font-size: 1rem; line-height: 1.62; }
  .experience-page-editorial__entry { gap: 1.5rem; padding-block: 3.25rem; }
  .experience-page-editorial h2,
  .experience-page-application h2,
  .experience-page-closing h2 {
    max-width: none;
    font-size: clamp(2rem, 9.5vw, 2.45rem);
  }
  .experience-page-editorial__copy,
  .experience-page-application__copy,
  .experience-page-closing__copy { gap: 1.15rem; }
  .experience-page-editorial__copy p,
  .experience-page-application__copy p,
  .experience-page-closing__copy p { font-size: 1rem; line-height: 1.65; }
  .experience-page-application { padding-block: 4.5rem; }
  .experience-page-application__header { gap: 1rem; }
  .experience-page-closing { padding-block: 4rem 4.5rem; }
  .experience-page__link { font-size: 1rem; overflow-wrap: anywhere; }
  .card, .project-card { min-height: auto; padding: var(--space-4); }
}

@media (max-width: 760px) {
  .legal-content { padding-bottom: var(--space-7); }
  .legal-section { grid-template-columns: minmax(0, 1fr); gap: 1.25rem; padding-block: 2.5rem; }
  .legal-details__item { grid-template-columns: minmax(0, 1fr); gap: 0.3rem; }
  .contact-page-hero { padding-block: 3.5rem 4rem; }
  .contact-page-hero::after { display: none; }
  .contact-page-hero__inner { gap: 1.2rem; padding-right: 0; }
  .contact-page-hero h1 {
    max-width: none;
    font-size: clamp(2.7rem, 12vw, 3.25rem);
    line-height: 0.98;
  }
  .contact-page-hero__intro { font-size: 1rem; line-height: 1.62; }
  .contact-page-channels { padding-block: 4.5rem; }
  .contact-page-channels h2,
  .contact-page-context h2,
  .contact-page-closing h2 {
    max-width: none;
    font-size: clamp(2rem, 9.5vw, 2.45rem);
  }
  .contact-page-channels__list {
    grid-template-columns: minmax(0, 1fr);
    margin-top: 3rem;
  }
  .contact-page-channels__item,
  .contact-page-channels__item + .contact-page-channels__item {
    border-left: 0;
    padding: 2rem 0 2.4rem;
  }
  .contact-page-channels__item + .contact-page-channels__item {
    border-top: 1px solid rgba(197, 213, 236, 0.25);
  }
  .contact-page-channels h3 { font-size: clamp(1.4rem, 5.75vw, 1.65rem); }
  .contact-page-channels__text { margin-top: 1.2rem; }
  .contact-page__link { margin-top: 1.5rem; font-size: 1rem; overflow-wrap: anywhere; }
  .contact-page-context { padding-block: 4.5rem; }
  .contact-page-context__header,
  .contact-page-closing__inner { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
  .contact-page-context__header .contact-page__eyebrow { grid-column: auto; }
  .contact-page-context__list { grid-template-columns: minmax(0, 1fr); gap: 0; margin-top: 3rem; }
  .contact-page-context__item { padding-block: 1.6rem 1.8rem; }
  .contact-page-context__item:first-child { padding-top: 1.6rem; }
  .contact-page-context__item p { max-width: 30rem; font-size: 1rem; }
  .contact-page-closing { padding-block: 3.75rem 4.25rem; }
  .contact-page-closing p { font-size: 1rem; line-height: 1.65; }
}