:root {

  --ink: #0A0A0B;

  --ink-2: #172A5A;

  --blue: #214294;

  --orange: #F78421;

  --peach: #FFC67B;

  --cyan: #FFC67B;

  --paper: #F6F7FB;

  --white: #ffffff;

  --text: #252A34;

  --muted: #697181;

  --line: #E1E5ED;

  --shadow: 0 24px 70px rgba(33, 66, 148, .13);

  --radius-lg: 30px;

  --radius-md: 20px;

  --container: 1200px;

  --header: 88px;

}



* {

  box-sizing: border-box;

}



html {

  scroll-behavior: smooth;

}



body {

  margin: 0;

  color: var(--text);

  background: var(--paper);

  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  -webkit-font-smoothing: antialiased;

  text-rendering: optimizeLegibility;

}



body.menu-open {

  overflow: hidden;

}



a {

  color: inherit;

  text-decoration: none;

}



button, input, select, textarea {

  font: inherit;

}



img, svg {

  display: block;

}



.container {

  width: min(calc(100% - 48px), var(--container));

  margin: 0 auto;

}



.section {

  padding: 128px 0;

}



.section-dark {

  color: var(--white);

  background: var(--blue);

}



.skip-link {

  position: fixed;

  left: 16px;

  top: -60px;

  z-index: 9999;

  padding: 12px 16px;

  background: white;

  color: var(--ink);

  border-radius: 10px;

  transition: .2s;

}



.skip-link:focus {

  top: 16px;

}



.site-header {

  position: fixed;

  inset: 0 0 auto 0;

  z-index: 1000;

  height: var(--header);

  color: var(--ink);

  background: rgba(255,255,255,.97);

  border-bottom: 1px solid rgba(33,66,148,.10);

  transition: box-shadow .3s, background .3s;

  backdrop-filter: blur(18px);

}



.site-header.scrolled {

  background: rgba(255,255,255,.94);

  color: var(--ink);

  box-shadow: 0 10px 34px rgba(33,66,148,.10);

}



.nav-wrap {

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 28px;

}



.brand {

  display: inline-flex;

  align-items: center;

  gap: 11px;

  min-width: max-content;

}



.brand img {

  width: 230px;

  height: auto;

  max-height: 58px;

  object-fit: contain;

}



.brand-copy {

  display: flex;

  flex-direction: column;

  line-height: .9;

  letter-spacing: -.02em;

}



.brand-copy strong {

  font-size: 20px;

}



.brand-copy span {

  font-size: 9px;

  letter-spacing: .28em;

  margin-top: 5px;

  opacity: .65;

}



.desktop-nav {

  display: flex;

  align-items: center;

  gap: 30px;

  margin-left: auto;

}



.desktop-nav a {

  font-size: 14px;

  font-weight: 650;

  opacity: .82;

  transition: .2s;

}



.desktop-nav a:hover {

  opacity: 1;

}



.nav-actions {

  display: flex;

  align-items: center;

  gap: 10px;

}



.lang-toggle, .menu-toggle {

  border: 0;

  background: transparent;

  color: inherit;

  cursor: pointer;

}



.lang-toggle {

  width: 42px;

  height: 42px;

  border: 1px solid currentColor;

  border-color: rgba(33,66,148,.20);

  border-radius: 50%;

  font-size: 12px;

  font-weight: 800;

}



.scrolled .lang-toggle {

  border-color: rgba(33,66,148,.20);

}



.menu-toggle {

  width: 44px;

  height: 44px;

  display: none;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  gap: 6px;

}



.menu-toggle span {

  width: 22px;

  height: 1.5px;

  background: currentColor;

  transition: .25s;

}



.menu-toggle[aria-expanded="true"] span:first-child {

  transform: translateY(3.75px) rotate(45deg);

}



.menu-toggle[aria-expanded="true"] span:last-child {

  transform: translateY(-3.75px) rotate(-45deg);

}



.mobile-menu {

  display: none;

}



.btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  min-height: 54px;

  padding: 0 22px;

  border: 1px solid transparent;

  border-radius: 999px;

  font-size: 14px;

  font-weight: 800;

  transition: transform .2s, background .2s, border-color .2s, color .2s;

  cursor: pointer;

}



.btn:hover {

  transform: translateY(-2px);

}



.btn-primary {

  background: var(--orange);

  color: white;

  box-shadow: 0 12px 30px rgba(247,132,33,.25);

}



.btn-primary:hover {

  background: #DF7218;

}



.btn-small {

  min-height: 44px;

  padding: 0 18px;

  font-size: 13px;

}



.btn-ghost {

  color: white;

  border-color: rgba(255,255,255,.22);

  background: rgba(255,255,255,.04);

}



.btn-ghost:hover {

  background: rgba(255,255,255,.1);

}



.btn-full {

  width: 100%;

}



.hero {

  position: relative;

  overflow: hidden;

  min-height: 850px;

  padding: 175px 0 105px;

  display: flex;

  align-items: center;

}



.hero-grid-bg {

  position: absolute;

  inset: 0;

  background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);

  background-size: 52px 52px;

  mask-image: linear-gradient(to bottom, black 0%, transparent 92%);

}



.orb {

  position: absolute;

  border-radius: 50%;

  filter: blur(3px);

  opacity: .55;

  pointer-events: none;

}



.orb-one {

  width: 520px;

  height: 520px;

  right: -150px;

  top: 160px;

  background: radial-gradient(circle, rgba(247,132,33,.42), rgba(247,132,33,0) 68%);

}



.orb-two {

  width: 450px;

  height: 450px;

  left: 25%;

  bottom: -260px;

  background: radial-gradient(circle, rgba(255,198,123,.28), rgba(255,198,123,0) 70%);

}



.hero-grid {

  position: relative;

  z-index: 1;

  display: grid;

  grid-template-columns: 1.02fr .98fr;

  align-items: center;

  gap: 70px;

}



.eyebrow {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  text-transform: uppercase;

  letter-spacing: .15em;

  font-size: 11px;

  font-weight: 850;

  color: var(--blue);

  margin-bottom: 28px;

}



.eyebrow:before {

  content: "";

  width: 28px;

  height: 1px;

  background: currentColor;

}



.eyebrow.light {

  color: var(--cyan);

}



.hero h1 {

  margin: 0;

  max-width: 700px;

  font-size: clamp(62px, 7vw, 108px);

  line-height: .88;

  letter-spacing: -.065em;

  font-weight: 740;

}



.hero-lead {

  max-width: 620px;

  margin: 34px 0 0;

  font-size: 19px;

  line-height: 1.65;

  color: rgba(255,255,255,.72);

}



.hero-actions {

  display: flex;

  flex-wrap: wrap;

  gap: 12px;

  margin-top: 38px;

}



/* =========================================================

   HERO SERVICES MARQUEE

   Desktop: contenuto fermo e centrato.

   Mobile: scorrimento continuo in loop.

   ========================================================= */



.hero-marquee {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 2;



  min-height: 58px;



  display: flex;

  align-items: center;

  justify-content: center;



  overflow: hidden;

  white-space: nowrap;



  border-top: 1px solid rgba(255, 255, 255, .13);

  background: rgba(8, 24, 55, .55);

  backdrop-filter: blur(8px);



  font-size: 10px;

  font-weight: 850;

  letter-spacing: .16em;

  color: rgba(255, 255, 255, .64);

}



/* Contenitore delle copie usate per il loop */

.hero-marquee-track {

  display: flex;

  align-items: center;

  width: max-content;

  flex: 0 0 auto;

}



/* Singolo gruppo di voci */

.hero-marquee-group {

  display: flex;

  align-items: center;

  flex: 0 0 auto;

  gap: 22px;

  padding: 0 11px;

}



/* Su desktop mostriamo una sola copia */

.hero-marquee-group + .hero-marquee-group {

  display: none;

}



.hero-marquee-group span {

  flex: 0 0 auto;

}



/* Separatore circolare */

.hero-marquee-group i {

  width: 4px;

  height: 4px;

  flex: 0 0 4px;

  border-radius: 50%;

  background: var(--orange);

}



/* Movimento usato solo nella versione mobile */

@keyframes hero-marquee-scroll {

  from {

    transform: translateX(0);

  }



  to {

    transform: translateX(-50%);

  }

}



.hero-proof {

  margin-top: 54px;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 13px;

  color: rgba(255,255,255,.48);

  font-size: 12px;

  font-weight: 700;

}



.hero-proof i {

  display: block;

  width: 3px;

  height: 3px;

  background: var(--cyan);

  border-radius: 50%;

}



.visual-shell {

  position: relative;

  min-height: 560px;

  padding: 26px;

  border: 1px solid rgba(255,255,255,.12);

  border-radius: 34px;

  background: linear-gradient(160deg, rgba(255,255,255,.085), rgba(255,255,255,.018));

  box-shadow: inset 0 1px rgba(255,255,255,.08), 0 40px 90px rgba(0,0,0,.18);

  backdrop-filter: blur(12px);

}



.visual-topline {

  display: flex;

  justify-content: space-between;

  font-size: 11px;

  text-transform: uppercase;

  letter-spacing: .14em;

  color: rgba(255,255,255,.54);

}



.live-dot {

  display: flex;

  align-items: center;

  gap: 8px;

}



.live-dot i {

  width: 7px;

  height: 7px;

  border-radius: 50%;

  background: #53e4b6;

  box-shadow: 0 0 0 5px rgba(83,228,182,.1);

}



.science-orbit {

  position: relative;

  height: 390px;

  margin-top: 16px;

}



.orbit {

  position: absolute;

  left: 50%;

  top: 50%;

  border: 1px solid rgba(255,255,255,.12);

  border-radius: 50%;

  transform: translate(-50%,-50%);

}



.orbit-a {

  width: 190px;

  height: 190px;

}



.orbit-b {

  width: 300px;

  height: 300px;

  border-color: rgba(255,198,123,.20);

}



.orbit-c {

  width: 400px;

  height: 400px;

  border-style: dashed;

  border-color: rgba(247,132,33,.25);

  animation: spin 28s linear infinite;

}



@keyframes spin {

  to {

    transform: translate(-50%,-50%) rotate(360deg);

  }

}



.science-core {

  position: absolute;

  left: 50%;

  top: 50%;

  width: 112px;

  height: 112px;

  transform: translate(-50%,-50%);

  display: grid;

  place-items: center;

  border-radius: 50%;

  background: radial-gradient(circle at 35% 30%, rgba(255,198,123,.28), rgba(33,66,148,.35) 45%, rgba(255,255,255,.03));

  box-shadow: 0 0 60px rgba(247,132,33,.20), inset 0 0 30px rgba(255,255,255,.08);

}



.science-core img {

  width: 64px;

}



.node {

  position: absolute;

  display: flex;

  align-items: center;

  gap: 7px;

  padding: 9px 12px;

  border: 1px solid rgba(255,255,255,.12);

  border-radius: 999px;

  color: rgba(255,255,255,.7);

  background: rgba(7,27,45,.8);

  font-size: 11px;

  font-weight: 700;

  box-shadow: 0 12px 30px rgba(0,0,0,.14);

}



.node span {

  color: var(--cyan);

  font-size: 9px;

}



.n1 {

  top: 47px;

  left: 52px;

}



.n2 {

  top: 90px;

  right: 18px;

}



.n3 {

  bottom: 66px;

  right: 54px;

}



.n4 {

  bottom: 38px;

  left: 28px;

}



.visual-stats {

  display: grid;

  grid-template-columns: repeat(3,1fr);

  border-top: 1px solid rgba(255,255,255,.11);

  padding-top: 22px;

  gap: 10px;

}



.visual-stats div {

  min-width: 0;

}



.visual-stats strong {

  display: block;

  font-size: 21px;

  color: white;

  letter-spacing: -.03em;

}



.visual-stats span {

  display: block;

  margin-top: 5px;

  color: rgba(255,255,255,.44);

  font-size: 10px;

  text-transform: uppercase;

  letter-spacing: .08em;

}



.trust-strip {

  background: white;

  border-bottom: 1px solid var(--line);

}



.trust-row {

  min-height: 88px;

  display: flex;

  justify-content: space-between;

  align-items: center;

  gap: 24px;

  color: #6f7f8b;

  font-size: 11px;

  text-transform: uppercase;

  letter-spacing: .1em;

  font-weight: 800;

}



.intro {

  background: white;

}



.intro-grid {

  display: grid;

  grid-template-columns: .9fr 1.1fr;

  gap: 110px;

  align-items: start;

}



.section-heading h2 {

  margin: 0;

  color: var(--ink);

  font-size: clamp(43px, 5vw, 72px);

  line-height: .98;

  letter-spacing: -.055em;

  max-width: 760px;

}



.big-copy {

  margin: 0;

  color: var(--ink);

  font-size: clamp(23px, 2.7vw, 34px);

  line-height: 1.28;

  letter-spacing: -.025em;

}



.intro-copy > p:not(.big-copy) {

  margin: 30px 0 0;

  max-width: 650px;

  font-size: 16px;

  line-height: 1.75;

  color: var(--muted);

}



.text-link {

  display: inline-flex;

  align-items: center;

  gap: 26px;

  margin-top: 34px;

  font-weight: 800;

  color: var(--ink);

  border-bottom: 1px solid var(--ink);

  padding-bottom: 7px;

  font-size: 13px;

}



.services-section {

  background: var(--paper);

}



.split-heading {

  display: grid;

  grid-template-columns: 1.15fr .85fr;

  gap: 80px;

  align-items: end;

  margin-bottom: 64px;

}



.split-heading > p {

  margin: 0 0 4px;

  max-width: 510px;

  color: var(--muted);

  font-size: 16px;

  line-height: 1.7;

}



.bento-grid {

  display: grid;

  grid-template-columns: 1.1fr .9fr .9fr;

  gap: 16px;

}



.service-card {

  position: relative;

  min-height: 315px;

  padding: 34px;

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

  overflow: hidden;

  background: white;

  border: 1px solid #e2e9ed;

  border-radius: var(--radius-lg);

  transition: transform .25s, box-shadow .25s, border-color .25s;

}



.service-card:hover {

  transform: translateY(-5px);

  box-shadow: var(--shadow);

  border-color: transparent;

}



.service-card-large {

  grid-row: span 2;

  min-height: 646px;

  background: linear-gradient(145deg, #172A5A, var(--blue));

  color: white;

  border: 0;

}



.service-card-wide {

  grid-column: span 2;

  min-height: 315px;

  flex-direction: row;

  align-items: flex-end;

  gap: 44px;

  background: linear-gradient(140deg, #edf4ff, white);

}



.card-index {

  position: absolute;

  top: 28px;

  right: 30px;

  color: #a9b6bf;

  font-size: 11px;

  font-weight: 850;

  letter-spacing: .08em;

}



.service-card-large .card-index {

  color: rgba(255,255,255,.45);

}



.service-icon {

  position: absolute;

  left: 32px;

  top: 30px;

  width: 55px;

  height: 55px;

  display: grid;

  place-items: center;

  border-radius: 16px;

  color: var(--blue);

  background: #edf3ff;

}



.service-card-large .service-icon {

  color: var(--cyan);

  background: rgba(255,255,255,.08);

}



.service-icon svg {

  width: 27px;

  height: 27px;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.6;

  stroke-linecap: round;

  stroke-linejoin: round;

}



.service-card h3 {

  margin: 0;

  color: var(--ink);

  font-size: 25px;

  line-height: 1.12;

  letter-spacing: -.03em;

}



.service-card-large h3 {

  color: white;

  font-size: 38px;

}



.service-card p {

  margin: 16px 0 0;

  color: var(--muted);

  line-height: 1.65;

  font-size: 14px;

}



.service-card-large p {

  color: rgba(255,255,255,.62);

  font-size: 15px;

}



.service-card-wide > div:last-child {

  max-width: 630px;

}



.expertise-section {

  background: #172A5A;

}



.expertise-section .section-heading h2 {

  color: white;

}



.muted-light {

  color: rgba(255,255,255,.56) !important;

}



.expertise-list {

  margin-top: 26px;

  border-top: 1px solid rgba(255,255,255,.12);

}



.expertise-item {

  display: grid;

  grid-template-columns: 70px 1fr 60px;

  align-items: center;

  min-height: 118px;

  border-bottom: 1px solid rgba(255,255,255,.12);

  transition: padding .25s, background .25s;

}



.expertise-item:hover {

  padding: 0 22px;

  background: rgba(255,255,255,.035);

}



.expertise-no {

  color: var(--cyan);

  font-size: 11px;

  font-weight: 850;

}



.expertise-item h3 {

  margin: 0;

  font-size: clamp(28px, 3vw, 44px);

  letter-spacing: -.04em;

  font-weight: 580;

}



.expertise-arrow {

  justify-self: end;

  font-size: 24px;

  color: rgba(255,255,255,.45);

}



.approach-section {

  background: white;

}



.section-heading.center {

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;

}



.section-heading.center h2 {

  max-width: 860px;

}



.section-heading.center > p {

  max-width: 660px;

  margin: 26px auto 0;

  color: var(--muted);

  line-height: 1.7;

}



.process {

  position: relative;

  display: grid;

  grid-template-columns: repeat(5, 1fr);

  gap: 20px;

  margin-top: 90px;

}



.process-line {

  position: absolute;

  left: 7%;

  right: 7%;

  top: 25px;

  height: 1px;

  background: #d9e1e7;

}



.process-line span {

  display: block;

  width: 100%;

  height: 1px;

  background: linear-gradient(90deg, var(--blue), var(--cyan));

  transform-origin: left;

}



.process-step {

  position: relative;

  text-align: center;

}



.process-dot {

  position: relative;

  z-index: 2;

  width: 52px;

  height: 52px;

  margin: 0 auto 24px;

  display: grid;

  place-items: center;

  border: 1px solid #d9e1e7;

  border-radius: 50%;

  background: white;

  color: var(--blue);

  font-size: 10px;

  font-weight: 850;

  box-shadow: 0 0 0 8px white;

}



.process-step h3 {

  margin: 0;

  color: var(--ink);

  font-size: 20px;

}



.process-step p {

  margin: 10px auto 0;

  max-width: 160px;

  color: var(--muted);

  font-size: 13px;

  line-height: 1.5;

}



.evidence-section {

  padding-top: 0;

  background: white;

}



.evidence-grid {

  display: grid;

  grid-template-columns: 1fr 1fr;

  border-radius: 36px;

  overflow: hidden;

  background: #172A5A;

  color: white;

}



.evidence-card {

  padding: 72px;

  background: radial-gradient(circle at 15% 15%, rgba(247,132,33,.34), transparent 46%), linear-gradient(145deg,#172A5A,#214294);

}



.evidence-kicker {

  margin-bottom: 70px;

  text-transform: uppercase;

  letter-spacing: .14em;

  font-size: 10px;

  color: var(--cyan);

  font-weight: 850;

}



.evidence-card h2 {

  margin: 0;

  font-size: clamp(40px,4.2vw,65px);

  line-height: .98;

  letter-spacing: -.05em;

}



.evidence-card p {

  margin: 24px 0 0;

  max-width: 560px;

  color: rgba(255,255,255,.62);

  line-height: 1.7;

}



.light-link {

  color: white;

  border-color: rgba(255,255,255,.55);

}



.evidence-metrics {

  display: grid;

  grid-template-columns: 1fr 1fr;

  background: #193576;

}



.metric {

  min-height: 240px;

  padding: 36px;

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

  border-left: 1px solid rgba(255,255,255,.09);

  border-bottom: 1px solid rgba(255,255,255,.09);

}



.metric-number {

  display: block;

  font-size: 48px;

  letter-spacing: -.05em;

  color: white;

  font-weight: 720;

}



.metric > span:last-child {

  margin-top: 8px;

  color: rgba(255,255,255,.45);

  font-size: 11px;

  text-transform: uppercase;

  letter-spacing: .1em;

}



.contact-section {

  background: #172A5A;

  color: white;

}



.contact-grid {

  display: grid;

  grid-template-columns: .9fr 1.1fr;

  gap: 100px;

}



.contact-copy h2 {

  margin: 0;

  max-width: 620px;

  font-size: clamp(48px,5.2vw,78px);

  line-height: .94;

  letter-spacing: -.055em;

}



.contact-copy > p {

  max-width: 520px;

  margin: 28px 0 0;

  color: rgba(255,255,255,.6);

  font-size: 16px;

  line-height: 1.7;

}



.contact-details {

  display: grid;

  gap: 20px;

  margin-top: 58px;

}



.contact-details > a {

  width: fit-content;

  font-size: 20px;

  font-weight: 800;

  border-bottom: 1px solid rgba(255,255,255,.45);

  padding-bottom: 5px;

}



.contact-details div {

  display: flex;

  flex-direction: column;

  gap: 4px;

}



.contact-details strong {

  font-size: 12px;

  color: var(--cyan);

  text-transform: uppercase;

  letter-spacing: .1em;

}



.contact-details span {

  color: rgba(255,255,255,.58);

  font-size: 13px;

}



.contact-form {

  padding: 42px;

  border: 1px solid rgba(255,255,255,.11);

  border-radius: 30px;

  background: rgba(255,255,255,.045);

}



.form-row {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 16px;

}



.contact-form label {

  display: block;

  margin-bottom: 18px;

}



.contact-form label > span:first-child {

  display: block;

  margin-bottom: 9px;

  color: rgba(255,255,255,.6);

  font-size: 11px;

  text-transform: uppercase;

  letter-spacing: .08em;

  font-weight: 750;

}



.contact-form input, .contact-form select, .contact-form textarea {

  width: 100%;

  border: 1px solid rgba(255,255,255,.14);

  border-radius: 12px;

  background: rgba(255,255,255,.055);

  color: white;

  outline: 0;

  transition: border-color .2s, background .2s;

}



.contact-form input, .contact-form select {

  height: 52px;

  padding: 0 14px;

}



.contact-form textarea {

  padding: 14px;

  resize: vertical;

  min-height: 120px;

}



.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus {

  border-color: var(--cyan);

  background: rgba(255,255,255,.08);

}



.contact-form select option {

  color: #111;

}



.check {

  display: grid !important;

  grid-template-columns: 18px 1fr;

  gap: 11px;

  align-items: start;

  margin-top: 5px;

}



.check input {

  width: 16px;

  height: 16px;

  margin-top: 2px;

}



.check span {

  margin: 0 !important;

  text-transform: none !important;

  letter-spacing: 0 !important;

  line-height: 1.45;

  font-size: 11px !important;

}



.form-status {

  min-height: 18px;

  margin: 14px 0 0;

  color: var(--cyan);

  font-size: 12px;

  text-align: center;

}



.site-footer {

  padding: 70px 0 28px;

  background: #0A0A0B;

  color: white;

}



.footer-top {

  display: flex;

  justify-content: space-between;

  gap: 40px;

  align-items: flex-start;

  padding-bottom: 58px;

}



.footer-tagline {

  max-width: 420px;

  text-align: right;

  font-size: 22px;

  line-height: 1.28;

  letter-spacing: -.025em;

  color: rgba(255,255,255,.72);

}



.footer-bottom {

  display: flex;

  justify-content: space-between;

  gap: 28px;

  padding-top: 24px;

  border-top: 1px solid rgba(255,255,255,.1);

  color: rgba(255,255,255,.42);

  font-size: 11px;

}



.footer-links {

  display: flex;

  gap: 24px;

}



.footer-links a:hover {

  color: white;

}



.to-top {

  position: fixed;

  right: 22px;

  bottom: 22px;

  z-index: 900;

  width: 46px;

  height: 46px;

  border: 0;

  border-radius: 50%;

  color: white;

  background: var(--blue);

  box-shadow: 0 12px 30px rgba(247,132,33,.24);

  cursor: pointer;

  opacity: 0;

  visibility: hidden;

  transform: translateY(10px);

  transition: .2s;

}



.to-top.visible {

  opacity: 1;

  visibility: visible;

  transform: translateY(0);

}



.reveal {

  opacity: 0;

  transform: translateY(24px);

  transition: opacity .7s ease, transform .7s ease;

}



.reveal.visible {

  opacity: 1;

  transform: none;

}



.reveal.delay-1 {

  transition-delay: .08s;

}



.reveal.delay-2 {

  transition-delay: .16s;

}



.legal-page {

  min-height: 100vh;

  background: white;

}



.legal-header {

  padding: 120px 0 60px;

  background: var(--ink);

  color: white;

}



.legal-header .brand {

  margin-bottom: 60px;

}



.legal-header h1 {

  margin: 0;

  font-size: clamp(48px, 7vw, 90px);

  letter-spacing: -.055em;

}



.legal-content {

  width: min(calc(100% - 48px), 860px);

  margin: 0 auto;

  padding: 80px 0 120px;

}



.legal-content h2 {

  margin-top: 42px;

  color: var(--ink);

}



.legal-content p, .legal-content li {

  color: var(--muted);

  line-height: 1.75;

}



.legal-note {

  padding: 18px 20px;

  border: 1px solid #cfe1ff;

  background: #f2f7ff;

  border-radius: 12px;

  color: #23456d !important;

}



@media (max-width: 1020px) {

  .desktop-nav, .desktop-cta {

    display: none;

  }



  .menu-toggle {

    display: flex;

  }



  .mobile-menu {

    position: fixed;

    inset: var(--header) 0 auto;

    display: block;

    height: calc(100vh - var(--header));

    background: rgba(23,42,90,.985);

    color: white;

    transform: translateY(-110%);

    opacity: 0;

    pointer-events: none;

    transition: transform .35s ease, opacity .35s ease;

  }



  .site-header.scrolled .mobile-menu {

    background: rgba(23,42,90,.99);

  }



  .mobile-menu.open {

    transform: translateY(0);

    opacity: 1;

    pointer-events: auto;

  }



  .mobile-menu-inner {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 28px;

    padding-top: 48px;

  }



  .mobile-menu a:not(.btn) {

    font-size: 34px;

    font-weight: 650;

    letter-spacing: -.035em;

  }



  .hero {

    padding-top: 150px;

  }



  .hero-grid {

    grid-template-columns: 1fr;

    gap: 64px;

  }



  .hero-copy {

    max-width: 760px;

  }



  .hero-visual {

    width: min(100%, 680px);

    margin: 0 auto;

  }



  .trust-row {

    overflow-x: auto;

    justify-content: flex-start;

    scrollbar-width: none;

  }



  .trust-row::-webkit-scrollbar {

    display: none;

  }



  .intro-grid, .contact-grid {

    grid-template-columns: 1fr;

    gap: 54px;

  }



  .split-heading {

    grid-template-columns: 1fr;

    gap: 24px;

  }



  .bento-grid {

    grid-template-columns: 1fr 1fr;

  }



  .service-card-large {

    grid-row: auto;

    grid-column: span 2;

    min-height: 450px;

  }



  .service-card-wide {

    grid-column: span 2;

  }



  .evidence-grid {

    grid-template-columns: 1fr;

  }



  .process {

    grid-template-columns: repeat(5, minmax(150px, 1fr));

    overflow-x: auto;

    padding-bottom: 14px;

  }



  .process-line {

    min-width: 750px;

  }

}



@media (max-width: 680px) {

  :root {

    --header: 72px;

  }



  .container {

    width: min(calc(100% - 32px), var(--container));

  }



  .section {

    padding: 88px 0;

  }



  .site-header .brand img {

    width: 170px;

    height: auto;

    max-height: 44px;

  }



  .brand-copy strong {

    font-size: 18px;

  }



  .lang-toggle {

    width: 38px;

    height: 38px;

  }



  .hero {

    min-height: auto;

    padding: 126px 0 74px;

  }



  .hero h1 {

    font-size: clamp(55px, 17vw, 78px);

  }



  .hero-lead {

    font-size: 16px;

  }



  .hero-actions {

    flex-direction: column;

    align-items: stretch;

  }



  .hero-actions .btn {

    width: 100%;

  }



  /* Hero marquee: loop continuo su smartphone */

  .hero-marquee {

    justify-content: flex-start;

    padding: 0;

  }



  .hero-marquee-track {

    animation: hero-marquee-scroll 24s linear infinite;

    will-change: transform;

  }



  .hero-marquee-group {

    gap: 18px;

    padding: 0 9px;

  }



  .hero-marquee-group + .hero-marquee-group {

    display: flex;

  }



  .hero-proof {

    gap: 8px 10px;

  }



  .visual-shell {

    min-height: 470px;

    padding: 20px;

    border-radius: 26px;

  }



  .science-orbit {

    height: 310px;

  }



  .orbit-a {

    width: 140px;

    height: 140px;

  }



  .orbit-b {

    width: 220px;

    height: 220px;

  }



  .orbit-c {

    width: 290px;

    height: 290px;

  }



  .science-core {

    width: 88px;

    height: 88px;

  }



  .science-core img {

    width: 50px;

  }



  .node {

    font-size: 9px;

    padding: 7px 9px;

  }



  .n1 {

    top: 30px;

    left: 5px;

  }



  .n2 {

    top: 80px;

    right: -4px;

  }



  .n3 {

    bottom: 50px;

    right: 4px;

  }



  .n4 {

    bottom: 25px;

    left: 5px;

  }



  .visual-stats {

    gap: 6px;

  }



  .visual-stats strong {

    font-size: 18px;

  }



  .visual-stats span {

    font-size: 8px;

  }



  .trust-row {

    min-height: 70px;

  }



  .section-heading h2 {

    font-size: clamp(40px, 12vw, 55px);

  }



  .intro-grid {

    gap: 34px;

  }



  .big-copy {

    font-size: 24px;

  }



  .bento-grid {

    grid-template-columns: 1fr;

  }



  .service-card, .service-card-large, .service-card-wide {

    grid-column: auto;

    min-height: 310px;

    padding: 27px;

    flex-direction: column;

    align-items: stretch;

    gap: 0;

  }



  .service-card-large {

    min-height: 430px;

  }



  .service-card-large h3 {

    font-size: 32px;

  }



  .service-card-wide > div:last-child {

    margin-top: auto;

  }



  .expertise-item {

    grid-template-columns: 42px 1fr 34px;

    min-height: 96px;

  }



  .expertise-item h3 {

    font-size: 28px;

  }



  .process {

    margin-top: 62px;

  }



  .evidence-grid {

    border-radius: 26px;

  }



  .evidence-card {

    padding: 42px 28px 48px;

  }



  .evidence-kicker {

    margin-bottom: 48px;

  }



  .evidence-metrics {

    grid-template-columns: 1fr 1fr;

  }



  .metric {

    min-height: 170px;

    padding: 22px;

  }



  .metric-number {

    font-size: 34px;

  }



  .contact-grid {

    gap: 48px;

  }



  .contact-copy h2 {

    font-size: 50px;

  }



  .contact-form {

    padding: 24px;

    border-radius: 24px;

  }



  .form-row {

    grid-template-columns: 1fr;

    gap: 0;

  }



  .footer-top, .footer-bottom {

    flex-direction: column;

  }



  .footer-tagline {

    text-align: left;

  }



  .footer-links {

    flex-wrap: wrap;

  }



  .to-top {

    right: 16px;

    bottom: 16px;

  }

}



@media (prefers-reduced-motion: reduce) {

  html {

    scroll-behavior: auto;

  }



  *, *::before, *::after {

    animation-duration: .001ms !important;

    animation-iteration-count: 1 !important;

    transition-duration: .001ms !important;

  }



  .reveal {

    opacity: 1;

    transform: none;

  }



  .hero-marquee-track {

    animation: none !important;

    transform: none !important;

  }



  .hero-marquee-group + .hero-marquee-group {

    display: none !important;

  }

}



/* Brand refresh — supplied Nextrasearch logo & palette */



.brand {

  min-width: 0;

}



.site-header .brand {

  flex: 0 0 auto;

}



.site-header .brand img {

  width: clamp(175px, 18vw, 238px);

}



.footer-brand img {

  width: clamp(190px, 22vw, 250px);

}



.service-card {

  cursor: pointer;

  color: inherit;

}



.service-card::after {

  content: "↗";

  position: absolute;

  right: 30px;

  bottom: 28px;

  width: 38px;

  height: 38px;

  display: grid;

  place-items: center;

  border-radius: 50%;

  background: var(--orange);

  color: #fff;

  font-size: 17px;

  opacity: 0;

  transform: translateY(8px);

  transition: .25s;

}



.service-card:hover::after {

  opacity: 1;

  transform: none;

}



.service-card p {

  padding-right: 48px;

}



.service-card-large::after {

  background: var(--peach);

  color: #172A5A;

}



.service-icon {

  color: var(--blue);

  background: rgba(33,66,148,.08);

}



.service-card-large .service-icon {

  color: var(--peach);

  background: rgba(255,255,255,.10);

}



.trust-strip {

  border-top: 3px solid var(--orange);

}



.process-line span {

  background: linear-gradient(90deg, var(--orange), var(--blue), var(--peach));

}



.process-dot {

  color: var(--orange);

}



.to-top {

  background: var(--orange);

  box-shadow: 0 12px 30px rgba(247,132,33,.24);

}



/* Service detail pages */



.service-page {

  background: #fff;

}



.service-page .site-header {

  position: fixed;

}



.service-hero {

  position: relative;

  overflow: hidden;

  padding: 185px 0 110px;

  background: linear-gradient(135deg, #172A5A 0%, #214294 70%, #2D52A5 100%);

  color: #fff;

}



.service-hero::before {

  content: "";

  position: absolute;

  width: 520px;

  height: 520px;

  right: -170px;

  top: 35px;

  border-radius: 50%;

  background: radial-gradient(circle, rgba(247,132,33,.45), rgba(247,132,33,0) 68%);

}



.service-hero::after {

  content: "";

  position: absolute;

  left: -120px;

  bottom: -260px;

  width: 520px;

  height: 520px;

  border-radius: 50%;

  background: radial-gradient(circle, rgba(255,198,123,.25), rgba(255,198,123,0) 68%);

}



.service-hero-grid {

  position: relative;

  z-index: 1;

  display: grid;

  grid-template-columns: 1.1fr .9fr;

  gap: 80px;

  align-items: end;

}



.service-breadcrumbs {

  margin-bottom: 30px;

  display: flex;

  gap: 10px;

  align-items: center;

  flex-wrap: wrap;

  color: rgba(255,255,255,.62);

  font-size: 12px;

  font-weight: 700;

}



.service-breadcrumbs a:hover {

  color: var(--peach);

}



.service-hero h1 {

  margin: 0;

  max-width: 800px;

  font-size: clamp(54px, 6.7vw, 96px);

  line-height: .92;

  letter-spacing: -.055em;

}



.service-hero-lead {

  margin: 30px 0 0;

  max-width: 700px;

  color: rgba(255,255,255,.74);

  font-size: 18px;

  line-height: 1.7;

}



.service-hero-panel {

  padding: 32px;

  border: 1px solid rgba(255,255,255,.15);

  border-radius: 28px;

  background: rgba(255,255,255,.08);

  backdrop-filter: blur(12px);

}



.service-number {

  display: inline-grid;

  place-items: center;

  width: 52px;

  height: 52px;

  margin-bottom: 60px;

  border-radius: 50%;

  background: var(--orange);

  color: white;

  font-size: 12px;

  font-weight: 900;

}



.service-hero-panel p {

  margin: 0;

  color: rgba(255,255,255,.64);

  line-height: 1.65;

}



.service-hero-panel strong {

  display: block;

  margin-top: 14px;

  color: white;

  font-size: 24px;

  line-height: 1.15;

}



.service-content {

  padding: 118px 0;

}



.service-content-grid {

  display: grid;

  grid-template-columns: .82fr 1.18fr;

  gap: 100px;

  align-items: start;

}



.service-sticky {

  position: sticky;

  top: 125px;

}



.service-sticky h2 {

  margin: 0;

  color: var(--ink);

  font-size: clamp(40px,4.5vw,64px);

  line-height: 1;

  letter-spacing: -.05em;

}



.service-sticky p {

  margin: 25px 0 0;

  color: var(--muted);

  line-height: 1.75;

}



.service-stack {

  display: grid;

  gap: 16px;

}



.capability-card {

  padding: 30px 32px;

  border: 1px solid var(--line);

  border-radius: 22px;

  background: #fff;

  transition: .25s;

}



.capability-card:hover {

  border-color: rgba(33,66,148,.22);

  box-shadow: 0 20px 60px rgba(33,66,148,.09);

  transform: translateY(-2px);

}



.capability-card .cap-no {

  color: var(--orange);

  font-size: 10px;

  letter-spacing: .12em;

  font-weight: 900;

}



.capability-card h3 {

  margin: 14px 0 0;

  color: var(--ink);

  font-size: 24px;

  letter-spacing: -.03em;

}



.capability-card p {

  margin: 12px 0 0;

  color: var(--muted);

  line-height: 1.68;

}



.service-outcomes {

  padding: 0 0 118px;

  background: #fff;

}



.outcomes-box {

  padding: 68px;

  border-radius: 34px;

  background: #F6F7FB;

  border: 1px solid #E5E8F0;

}



.outcomes-box h2 {

  margin: 0;

  color: var(--ink);

  font-size: clamp(38px,4vw,58px);

  letter-spacing: -.05em;

}



.outcomes-grid {

  display: grid;

  grid-template-columns: repeat(3,1fr);

  gap: 14px;

  margin-top: 42px;

}



.outcome {

  min-height: 195px;

  padding: 28px;

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

  border-radius: 22px;

  background: white;

  border: 1px solid var(--line);

}



.outcome i {

  width: 34px;

  height: 4px;

  margin-bottom: auto;

  border-radius: 999px;

  background: linear-gradient(90deg,var(--orange),var(--peach));

}



.outcome h3 {

  margin: 28px 0 0;

  color: var(--ink);

  font-size: 20px;

}



.outcome p {

  margin: 9px 0 0;

  color: var(--muted);

  font-size: 13px;

  line-height: 1.55;

}



.service-cta {

  padding: 104px 0;

  background: #172A5A;

  color: white;

}



.service-cta-inner {

  display: flex;

  justify-content: space-between;

  gap: 60px;

  align-items: center;

}



.service-cta h2 {

  margin: 0;

  max-width: 760px;

  font-size: clamp(42px,5vw,72px);

  line-height: .96;

  letter-spacing: -.055em;

}



.service-cta p {

  margin: 22px 0 0;

  max-width: 620px;

  color: rgba(255,255,255,.62);

  line-height: 1.7;

}



.service-cta .btn {

  flex: 0 0 auto;

}



.service-nav-links {

  padding: 34px 0;

  background: #fff;

  border-top: 1px solid var(--line);

}



.service-nav-row {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 18px;

}



.service-nav-card {

  padding: 24px 26px;

  border: 1px solid var(--line);

  border-radius: 18px;

  transition: .2s;

}



.service-nav-card:hover {

  border-color: var(--blue);

  transform: translateY(-2px);

}



.service-nav-card small {

  display: block;

  color: var(--orange);

  font-weight: 900;

  text-transform: uppercase;

  letter-spacing: .1em;

}



.service-nav-card strong {

  display: block;

  margin-top: 8px;

  color: var(--ink);

  font-size: 18px;

}



.service-page .site-footer {

  padding-top: 52px;

}



.service-page .footer-brand img {

  width: 220px;

}



.legal-header {

  background: #172A5A;

  padding-top: 145px;

}



.legal-header .brand img {

  width: 235px;

}



@media (max-width: 1020px) {

  .service-hero-grid, .service-content-grid {

    grid-template-columns: 1fr;

    gap: 48px;

  }



  .service-hero-panel {

    max-width: 620px;

  }



  .service-sticky {

    position: static;

  }



  .outcomes-grid {

    grid-template-columns: 1fr 1fr;

  }



  .service-cta-inner {

    align-items: flex-start;

    flex-direction: column;

  }

}



@media (max-width: 680px) {

  .site-header .brand img {

    width: 175px;

    height: auto;

    max-height: 44px;

  }



  .service-hero {

    padding: 135px 0 76px;

  }



  .service-hero h1 {

    font-size: clamp(48px, 14vw, 70px);

  }



  .service-hero-lead {

    font-size: 16px;

  }



  .service-hero-panel {

    padding: 25px;

  }



  .service-number {

    margin-bottom: 38px;

  }



  .service-content {

    padding: 82px 0;

  }



  .service-content-grid {

    gap: 38px;

  }



  .capability-card {

    padding: 25px;

  }



  .service-outcomes {

    padding-bottom: 82px;

  }



  .outcomes-box {

    padding: 32px 22px;

    border-radius: 26px;

  }



  .outcomes-grid {

    grid-template-columns: 1fr;

  }



  .service-cta {

    padding: 78px 0;

  }



  .service-nav-row {

    grid-template-columns: 1fr;

  }



  .footer-brand img {

    width: 205px;

  }

}



/* v3 refresh: transparent logo + soft background artwork */



.site-header .brand img,

.footer-brand img,

.legal-header .brand img {

  background: transparent !important;

  padding: 0 !important;

  border-radius: 0 !important;

}



.hero-art,

.section-art {

  position: absolute;

  inset: 0;

  pointer-events: none;

  background-repeat: no-repeat;

  background-size: cover;

  opacity: .24;

  mix-blend-mode: screen;

}



.hero-art {

  background-image: url("../img/bg-hero.png");

  background-position: center center;

  opacity: .22;

}



.services-section,

.expertise-section,

.evidence-section,

.service-hero {

  position: relative;

  overflow: hidden;

}



.services-section::before {

  content: "";

  position: absolute;

  inset: 0;

  background: url("../img/bg-wave.png") center/cover no-repeat;

  opacity: .12;

  pointer-events: none;

}



.expertise-section {

  background: linear-gradient(135deg, #13264f 0%, #214294 58%, #2b53a9 100%);

}



.art-expertise {

  background-image: url("../img/bg-expertise.png");

  background-position: center center;

  opacity: .28;

}



.expertise-section .container,

.services-section .container,

.service-hero .container {

  position: relative;

  z-index: 1;

}



.expertise-grid {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 18px;

}



.expertise-card {

  position: relative;

  min-height: 238px;

  padding: 32px;

  border-radius: 26px;

  border: 1px solid rgba(255,255,255,.12);

  background: linear-gradient(160deg, rgba(255,255,255,.12), rgba(255,255,255,.06));

  box-shadow: 0 26px 60px rgba(0,0,0,.18);

  backdrop-filter: blur(12px);

}



.expertise-card-top {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 12px;

  margin-bottom: 54px;

}



.expertise-pill {

  display: inline-flex;

  align-items: center;

  min-height: 32px;

  padding: 0 12px;

  border-radius: 999px;

  background: rgba(255,255,255,.1);

  color: rgba(255,255,255,.78);

  font-size: 10px;

  font-weight: 800;

  letter-spacing: .12em;

  text-transform: uppercase;

}



.expertise-card h3 {

  margin: 0;

  color: #fff;

  font-size: clamp(28px, 3.3vw, 42px);

  line-height: .98;

  letter-spacing: -.04em;

}



.expertise-card p {

  margin: 16px 0 0;

  max-width: 44ch;

  color: rgba(255,255,255,.72);

  font-size: 15px;

  line-height: 1.7;

}



.expertise-note {

  margin-top: 18px;

  padding: 26px 30px;

  border-radius: 22px;

  border: 1px solid rgba(255,255,255,.12);

  background: rgba(255,255,255,.07);

  box-shadow: 0 18px 44px rgba(0,0,0,.14);

}



.expertise-note strong {

  display: block;

  color: #fff;

  font-size: 18px;

  letter-spacing: -.02em;

}



.expertise-note p {

  margin: 10px 0 0;

  max-width: 72ch;

  color: rgba(255,255,255,.68);

  line-height: 1.7;

}



.expertise-no {

  color: var(--peach);

  font-size: 12px;

  font-weight: 900;

  letter-spacing: .16em;

}



.evidence-section::before {

  content: "";

  position: absolute;

  inset: 0;

  background: url("../img/bg-wave.png") center/cover no-repeat;

  opacity: .10;

  pointer-events: none;

}



.service-hero::before {

  content: "";

  position: absolute;

  inset: 0;

  background: url("../img/bg-hero.png") center/cover no-repeat;

  opacity: .18;

  mix-blend-mode: screen;

  pointer-events: none;

}



.service-hero::after {

  content: "";

  position: absolute;

  inset: auto 0 -180px auto;

  width: 460px;

  height: 460px;

  border-radius: 50%;

  background: radial-gradient(circle, rgba(255,198,123,.18), rgba(255,198,123,0) 70%);

  pointer-events: none;

}



@media (max-width: 1020px) {

  .expertise-grid {

    grid-template-columns: 1fr;

  }

}



@media (max-width: 680px) {

  .hero-art, .section-art {

    opacity: .18;

  }



  .expertise-card {

    min-height: auto;

    padding: 24px;

    border-radius: 22px;

  }



  .expertise-card-top {

    margin-bottom: 28px;

    align-items: flex-start;

    flex-direction: column;

  }



  .expertise-card h3 {

    font-size: 30px;

  }



  .expertise-card p {

    font-size: 14px;

  }



  .expertise-note {

    padding: 22px;

  }

}



/* v4 services redesign */



.services-showcase {

  display: grid;

  gap: 18px;

}



.service-featured {

  position: relative;

  overflow: hidden;

  display: block;

  min-height: 430px;

  padding: 38px;

  border-radius: 30px;

  color: #fff;

  background: radial-gradient(circle at 90% 15%, rgba(247,132,33,.28), transparent 32%),

    linear-gradient(135deg, #172A5A 0%, #214294 58%, #2D52A5 100%);

  box-shadow: 0 28px 70px rgba(33,66,148,.20);

  transition: transform .25s ease, box-shadow .25s ease;

}



.service-featured::after {

  content: "";

  position: absolute;

  inset: 0;

  background: url("../img/bg-hero.png") center/cover no-repeat;

  opacity: .12;

  pointer-events: none;

}



.service-featured:hover {

  transform: translateY(-4px);

  box-shadow: 0 34px 78px rgba(33,66,148,.26);

}



.service-featured-top,

.service-featured-grid {

  position: relative;

  z-index: 1;

}



.service-featured-top {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 18px;

}



.service-index {

  color: var(--orange);

  font-size: 12px;

  font-weight: 900;

  letter-spacing: .18em;

}



.service-featured .service-index {

  color: var(--peach);

}



.service-kicker {

  display: inline-flex;

  align-items: center;

  min-height: 34px;

  padding: 0 13px;

  border: 1px solid rgba(255,255,255,.16);

  border-radius: 999px;

  color: rgba(255,255,255,.74);

  background: rgba(255,255,255,.07);

  font-size: 10px;

  font-weight: 850;

  letter-spacing: .12em;

  text-transform: uppercase;

}



.service-featured-grid {

  display: grid;

  grid-template-columns: 1.15fr .85fr;

  gap: 70px;

  align-items: end;

  margin-top: 70px;

}



.service-featured h3,

.service-modern-card h3 {

  margin: 0;

  letter-spacing: -.04em;

}



.service-featured h3 {

  max-width: 760px;

  font-size: clamp(38px,4.5vw,62px);

  line-height: .98;

}



.service-featured p {

  max-width: 680px;

  margin: 22px 0 0;

  color: rgba(255,255,255,.72);

  font-size: 16px;

  line-height: 1.72;

}



.service-symbol {

  width: 50px;

  height: 50px;

  display: grid;

  place-items: center;

  margin-bottom: 26px;

  border-radius: 15px;

  background: rgba(33,66,148,.08);

  color: var(--blue);

}



.service-featured .service-symbol {

  background: rgba(255,255,255,.10);

  color: var(--peach);

}



.service-symbol svg {

  width: 24px;

  height: 24px;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.6;

  stroke-linecap: round;

  stroke-linejoin: round;

}



.service-side-panel {

  min-height: 230px;

  padding: 26px;

  display: flex;

  flex-direction: column;

  border: 1px solid rgba(255,255,255,.13);

  border-radius: 22px;

  background: rgba(255,255,255,.065);

  backdrop-filter: blur(10px);

}



.service-side-label {

  color: rgba(255,255,255,.58);

  font-size: 11px;

  line-height: 1.5;

  text-transform: uppercase;

  letter-spacing: .1em;

  font-weight: 800;

}



.service-path {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 8px;

  margin-top: 32px;

  color: rgba(255,255,255,.8);

  font-size: 11px;

  font-weight: 750;

}



.service-path i {

  width: 18px;

  height: 1px;

  background: rgba(255,198,123,.55);

}



.service-path i:first-child {

  width: 7px;

  height: 7px;

  border-radius: 50%;

  background: var(--peach);

}



.service-discover {

  margin-top: auto;

  padding-top: 28px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 18px;

  font-size: 12px;

  font-weight: 850;

  letter-spacing: .03em;

}



.service-discover b {

  width: 38px;

  height: 38px;

  display: grid;

  place-items: center;

  border-radius: 50%;

  background: var(--orange);

  color: #fff;

  font-size: 16px;

  transition: transform .2s;

}



a:hover .service-discover b {

  transform: translate(2px,-2px);

}



.service-tags {

  display: flex;

  flex-wrap: wrap;

  gap: 7px;

  margin-top: 24px;

}



.service-tags span {

  padding: 7px 10px;

  border-radius: 999px;

  border: 1px solid rgba(33,66,148,.11);

  background: #F7F8FC;

  color: #596579;

  font-size: 10px;

  font-weight: 800;

  letter-spacing: .03em;

}



.service-featured .service-tags span {

  border-color: rgba(255,255,255,.13);

  background: rgba(255,255,255,.075);

  color: rgba(255,255,255,.68);

}



.service-cards-grid {

  display: grid;

  grid-template-columns: repeat(2,minmax(0,1fr));

  gap: 18px;

}



.service-modern-card {

  min-height: 350px;

  padding: 30px;

  display: flex;

  flex-direction: column;

  border: 1px solid #E1E5ED;

  border-radius: 26px;

  background: rgba(255,255,255,.94);

  box-shadow: 0 14px 40px rgba(33,66,148,.06);

  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;

}



.service-modern-card:hover {

  transform: translateY(-4px);

  border-color: rgba(33,66,148,.24);

  box-shadow: 0 24px 55px rgba(33,66,148,.12);

}



.service-modern-head {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

  gap: 20px;

  margin-bottom: 58px;

}



.service-modern-head .service-symbol {

  margin: 0;

}



.service-modern-card h3 {

  color: var(--ink);

  font-size: clamp(27px,2.8vw,38px);

  line-height: 1.02;

}



.service-modern-card p {

  margin: 16px 0 0;

  color: var(--muted);

  font-size: 14px;

  line-height: 1.7;

}



.service-modern-card .service-discover {

  margin-top: auto;

  color: var(--ink);

}



.services-bottom {

  margin-top: 28px;

  padding-top: 30px;

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

  gap: 40px;

  border-top: 1px solid var(--line);

}



.services-bottom p {

  margin: 0;

  max-width: 700px;

  color: var(--muted);

  line-height: 1.7;

}



.services-bottom .text-link {

  margin-top: 0;

  flex: 0 0 auto;

}



.services-directory .service-featured {

  min-height: 380px;

}



/* Brand visibility and navigation */



.footer-brand img,

.legal-header .brand img {

  filter: none;

}



.footer-brand img {

  max-height: 62px;

}



@media (max-width: 1020px) {

  .service-featured-grid {

    grid-template-columns: 1fr;

    gap: 34px;

    margin-top: 50px;

  }



  .service-side-panel {

    min-height: 190px;

  }

}



@media (max-width: 680px) {

  .service-featured {

    min-height: auto;

    padding: 26px;

    border-radius: 24px;

  }



  .service-featured-grid {

    margin-top: 38px;

  }



  .service-featured h3 {

    font-size: 36px;

  }



  .service-featured p {

    font-size: 14px;

  }



  .service-side-panel {

    padding: 21px;

    min-height: 175px;

  }



  .service-cards-grid {

    grid-template-columns: 1fr;

  }



  .service-modern-card {

    min-height: 320px;

    padding: 25px;

    border-radius: 22px;

  }



  .service-modern-head {

    margin-bottom: 38px;

  }



  .service-modern-card h3 {

    font-size: 30px;

  }



  .services-bottom {

    align-items: flex-start;

    flex-direction: column;

  }

}



/* v9 bilingual navigation */



.lang-toggle {

  display: inline-grid;

  place-items: center;

  text-decoration: none;

  flex: 0 0 auto;

}



.mobile-language-link {

  margin-top: 10px !important;

  padding-top: 14px !important;

  border-top: 1px solid rgba(255,255,255,.18);

  color: #FFC67B !important;

  font-size: 15px !important;

  font-weight: 850 !important;

}