:root {
  --brand: #F88A2B;
  --brand-hover: #FF9D4D;
  --brand-deep: #E07F35;
  --brand-soft: #FFE9D4;
  --brand-ultra: #FFF1E6;
  --brand-line: #F3D7BE;
  --background: #F7F4F2;
  --card: #FBF8F5;
  --surface: #FFFFFF;
  --border: #EFEAE5;
  --border-alt: #F0EAE3;
  --text-primary: #111111;
  --text-secondary: #444444;
  --text-muted: #666666;
  --text-subtle: #8A8A8A;
  --growth: #6F9560;
  --growth-soft: #E3ECDD;
  --dark: #17120F;
  --font-body: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-title: "Playfair Display", Georgia, serif;
  --shadow-soft: 0 20px 60px -35px rgba(17, 17, 17, 0.2);
  --shadow-brand: 0 1px 0 rgba(255,255,255,0.35) inset, 0 -1px 0 rgba(0,0,0,0.08) inset, 0 14px 32px -10px rgba(248,138,43,0.55), 0 6px 14px -2px rgba(248,138,43,0.30);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  background: var(--background);
  color: var(--text-primary);
  font-family: var(--font-body);
  line-height: 1.6;
  overflow-x: hidden;
}
body.nav-open { overflow: hidden; }
img, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
button { cursor: pointer; }
:focus-visible { outline: 3px solid rgba(248, 138, 43, 0.45); outline-offset: 3px; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.skip-link {
  position: fixed;
  left: 16px;
  top: 16px;
  z-index: 1000;
  transform: translateY(-150%);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: 10px 16px;
  font-weight: 700;
}
.skip-link:focus { transform: translateY(0); }
.container {
  width: min(100% - 32px, 1260px);
  margin-inline: auto;
}

.urgency {
  position: sticky;
  top: 0;
  z-index: 90;
  background: var(--dark);
  color: #FFF8F0;
  box-shadow: 0 1px 0 rgba(255,255,255,0.06) inset;
}
.urgency__inner {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  text-align: center;
}
.urgency__icon {
  color: var(--brand);
  flex: 0 0 auto;
}
.urgency__icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.urgency__text {
  margin: 0;
  font-size: clamp(0.74rem, 1.1vw, 0.98rem);
  font-weight: 600;
}
.urgency__cta {
  margin-left: auto;
  flex: 0 0 auto;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.site-header {
  position: sticky;
  top: 44px;
  z-index: 80;
  background: rgba(255,255,255,0.82);
  border-bottom: 1px solid var(--border);
  backdrop-filter: blur(12px);
}
.site-header__inner {
  min-height: 84px;
  display: flex;
  align-items: center;
  gap: 22px;
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  min-width: 0;
}
.brand__mark {
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
}
.brand__mark img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.brand__text {
  display: grid;
  line-height: 1.02;
  white-space: nowrap;
}
.brand__text strong {
  font-family: var(--font-title);
  font-size: clamp(1.26rem, 2vw, 1.55rem);
  font-weight: 700;
}
.brand__text em {
  font-family: var(--font-title);
  color: var(--brand);
  font-size: clamp(1.18rem, 1.8vw, 1.48rem);
  font-style: normal;
  font-weight: 600;
}
.site-nav {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 20px;
  color: var(--text-secondary);
  font-size: 0.86rem;
  font-weight: 700;
}
.site-nav a:hover { color: var(--brand-deep); }
.site-header__button { margin-left: auto; }
.menu-toggle {
  width: 54px;
  height: 54px;
  border: 1px solid var(--border);
  border-radius: 50%;
  background: rgba(255,255,255,0.82);
  display: none;
  place-items: center;
  gap: 4px;
  box-shadow: 0 8px 24px -18px rgba(17,17,17,0.3);
}
.menu-toggle span {
  display: block;
  width: 18px;
  height: 2px;
  background: #111;
  border-radius: 999px;
}

.btn {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border: 0;
  border-radius: 9999px;
  padding: 0 28px;
  font-weight: 700;
  white-space: nowrap;
  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}
.btn:hover { filter: saturate(1.04) brightness(1.01); transform: translateY(-1px); }
.btn:active { transform: scale(0.98); }
.btn--primary {
  color: #fff;
  background: linear-gradient(180deg, var(--brand-hover) 0%, var(--brand) 100%);
  box-shadow: var(--shadow-brand);
}
.spark {
  width: 18px;
  height: 18px;
  position: relative;
  flex: 0 0 auto;
}
.spark::before {
  content: "";
  position: absolute;
  inset: 0;
  background: currentColor;
  clip-path: polygon(50% 0, 60% 38%, 100% 50%, 60% 62%, 50% 100%, 40% 62%, 0 50%, 40% 38%);
}
.mobile-hero-action,
.differentials__link {
  display: none;
}

.hero {
  position: relative;
  overflow: hidden;
  min-height: calc(100vh - 128px);
  padding: 0;
  background:
    radial-gradient(56% 28% at 54% 14%, rgba(248,138,43,0.09) 0%, transparent 72%),
    radial-gradient(70% 30% at 50% 96%, rgba(248,138,43,0.04) 0%, transparent 70%),
    #F7F4F2;
}
.hero .container {
  width: min(100%, 1280px);
  padding: 48px 32px;
}
.hero__grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(420px, 0.84fr);
  gap: 54px;
  align-items: start;
}
.hero__copy {
  display: flex;
  flex-direction: column;
}
.eyebrow {
  margin: 0 0 18px;
  color: var(--brand);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.hero__eyebrow {
  display: inline-flex;
  width: fit-content;
  margin: 0 0 22px;
  border: 1px solid #F3D7BE;
  border-radius: 999px;
  background: #FFF8F2;
  color: var(--brand);
  padding: 9px 15px;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  line-height: 1;
  text-transform: uppercase;
}
h1, h2, h3, p { overflow-wrap: anywhere; }
h1, h2 {
  margin: 0;
  font-family: var(--font-title);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 0.98;
}
h1 {
  max-width: 780px;
  font-size: clamp(4rem, 5.15vw, 4.5rem);
  line-height: 0.95;
}
h1 span,
.closing h2 span {
  color: var(--brand);
  font-style: italic;
}

@media (min-width: 821px) {
  h1 br { display: none; }
  h1 span { white-space: nowrap; }
}
.hero__lead {
  max-width: 680px;
  margin: 24px 0 0;
  color: #444;
  font-size: clamp(1.08rem, 1.42vw, 1.25rem);
  line-height: 1.7;
  font-weight: 500;
}
.path-lines {
  position: absolute;
  pointer-events: none;
  fill: none;
  stroke: var(--brand);
  stroke-width: 1;
  opacity: 0.11;
}
.path-lines--left { width: 70vw; left: -7vw; bottom: 8%; }
.path-lines--right { width: 48vw; right: -15vw; top: 16%; opacity: 0.06; }
.sparkle,
.form-sparkle {
  position: absolute;
  width: 30px;
  height: 30px;
  background: var(--brand-hover);
  clip-path: polygon(50% 0, 60% 40%, 100% 50%, 60% 60%, 50% 100%, 40% 60%, 0 50%, 40% 40%);
  opacity: 0.48;
}
.sparkle--one { left: 2.5vw; top: 58%; }
.sparkle--two { right: 7.5vw; top: 16%; width: 23px; height: 23px; }

.hero-differentials {
  margin-top: 36px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-block: 1px solid rgba(239,234,229,0.82);
}
.hero-differentials article {
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  grid-template-areas:
    "icon title"
    "icon text";
  column-gap: 14px;
  align-items: start;
  padding: 18px 22px;
}
.hero-differentials article:first-child {
  padding-left: 0;
}
.hero-differentials article + article {
  border-left: 1px solid var(--border-alt);
}
.hero-differentials__icon,
.hero-pillars span {
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #FFF1E6;
  color: var(--brand);
}
.hero-differentials__icon {
  grid-area: icon;
  width: 44px;
  height: 44px;
  margin-top: 2px;
}
.hero-differentials__icon svg,
.hero-pillars svg,
.lead-form__calendar svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.hero-differentials h2 {
  grid-area: title;
  font-family: var(--font-body);
  font-size: 0.9rem;
  line-height: 1.22;
  letter-spacing: 0;
  font-weight: 800;
}
.hero-differentials p {
  grid-area: text;
  margin: 6px 0 0;
  color: #666;
  font-size: 0.78rem;
  line-height: 1.46;
  font-weight: 500;
}
.hero-seal {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 26px;
  align-items: center;
  margin-top: 34px;
  border: 1px solid #EFEAE5;
  border-radius: 20px;
  background: rgba(255,255,255,0.82);
  padding: 24px;
  box-shadow: 0 22px 70px -56px rgba(17,17,17,0.22);
}
.hero-seal__badge {
  width: 220px;
  height: 220px;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 18px 28px rgba(76, 55, 35, 0.14));
}
.hero-seal h2 {
  font-size: clamp(1.6rem, 2.4vw, 2.15rem);
  line-height: 1.08;
}
.hero-seal p {
  margin: 14px 0 0;
  color: #444;
  font-size: 0.98rem;
  line-height: 1.68;
  font-weight: 500;
}
.hero-pillars {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-top: 28px;
}
.hero-pillars article {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}
.hero-pillars span {
  width: 34px;
  height: 34px;
}
.hero-pillars svg {
  width: 17px;
  height: 17px;
}
.hero-pillars h2 {
  color: #333;
  font-family: var(--font-body);
  font-size: 0.72rem;
  line-height: 1.32;
  letter-spacing: 0;
  font-weight: 800;
}

.proposal-card {
  position: relative;
  top: auto;
  align-self: start;
  display: flex;
  flex-direction: column;
  margin-top: 0;
  border: 1px solid var(--border);
  border-radius: 28px;
  padding: 36px;
  background: #fff;
  backdrop-filter: blur(8px);
  box-shadow: 0 30px 90px -64px rgba(17,17,17,0.38);
}
.form-sparkle {
  right: 30px;
  top: 28px;
  width: 24px;
  height: 24px;
}
.proposal-card h2 {
  max-width: 440px;
  padding-right: 22px;
  font-size: clamp(2.18rem, 3vw, 2.7rem);
  line-height: 1.05;
}
.proposal-card > p {
  margin: 14px 0 18px;
  color: #444;
  font-size: 1rem;
  line-height: 1.65;
  font-weight: 500;
}
.lead-form,
.calc-form {
  display: grid;
  gap: 11px;
}
.proposal-card .lead-form {
  flex: 1;
}
.form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.field--full {
  grid-column: 1 / -1;
}

.mce-hero-form .elementor-field-group-saude_emocional,
#mceHeroForm .elementor-field-group-saude_emocional,
.proposal-card .elementor-field-group-saude_emocional,
body.elementor-page-44 .mce-hero-form .elementor-field-group-saude_emocional {
  flex: 0 0 100% !important;
  flex-basis: 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

.mce-hero-form .elementor-field-group-saude_emocional .elementor-field,
.mce-hero-form .elementor-field-group-saude_emocional select,
#mceHeroForm .elementor-field-group-saude_emocional .elementor-field,
#mceHeroForm .elementor-field-group-saude_emocional select,
.proposal-card .elementor-field-group-saude_emocional .elementor-field,
.proposal-card .elementor-field-group-saude_emocional select,
body.elementor-page-44 .mce-hero-form .elementor-field-group-saude_emocional .elementor-select-wrapper,
body.elementor-page-44 .mce-hero-form .elementor-field-group-saude_emocional .elementor-field,
body.elementor-page-44 .mce-hero-form .elementor-field-group-saude_emocional select {
  width: 100% !important;
  max-width: 100% !important;
}

.field {
  display: grid;
  gap: 5px;
}
.field label {
  color: #444;
  font-size: 0.78rem;
  font-weight: 700;
}
.field input,
.field select,
.calc-form input {
  min-height: 60px;
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: #fff;
  color: #202638;
  padding: 0 18px;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}
.field input::placeholder { color: #69738a; }
.field input:focus,
.field select:focus,
.calc-form input:focus {
  outline: 0;
  border-color: var(--brand);
  box-shadow: 0 0 0 4px rgba(248,138,43,0.14);
}
.field.is-invalid input,
.field.is-invalid select {
  border-color: #c84b35;
  box-shadow: 0 0 0 3px rgba(200,75,53,0.1);
}
.field__error {
  display: none;
  color: #a83c2c;
  font-size: 0.68rem;
  font-weight: 600;
}
.field.is-invalid .field__error {
  display: block;
}
.lead-form__submit {
  min-height: 64px;
  width: 100%;
  margin-top: 2px;
  justify-content: space-between;
  padding-inline: 30px;
  font-size: 1rem;
}
.lead-form__calendar {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
}
.lead-form__submit[disabled] {
  cursor: not-allowed;
  opacity: 0.68;
  transform: none;
}
.response-time,
.lgpd {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  color: #687085;
  font-size: 0.74rem;
  font-weight: 500;
}
.response-time {
  justify-content: center;
  padding: 2px 0 8px;
  border-bottom: 1px solid var(--border);
}
.response-time svg,
.lgpd svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.form-status {
  min-height: 0;
  border-radius: 16px;
  font-weight: 700;
}
.form-status:not(:empty) {
  padding: 14px 16px;
  background: var(--growth-soft);
  color: #35502d;
}
.form-status.is-error {
  background: #fff0ea;
  color: #a83c2c;
}

.section {
  padding: clamp(58px, 8vw, 104px) 0;
  background: #fff;
}
.operation {
  position: relative;
  overflow: hidden;
  scroll-margin-top: 150px;
  margin-top: 0;
  padding: 0;
  background:
    linear-gradient(90deg, #FFFFFF 0%, #FFFCF9 52%, #FFFFFF 100%);
  border-top: 1px solid #EFEAE5;
  border-bottom: 1px solid #EFEAE5;
}
.operation::before {
  content: "";
  position: absolute;
  left: 52%;
  top: 50%;
  width: min(620px, 62vw);
  height: 92px;
  transform: translate(-50%, -50%);
  background: radial-gradient(closest-side, rgba(248,138,43,0.055), transparent 74%);
  pointer-events: none;
}
.operation__container {
  position: relative;
  z-index: 1;
  width: min(100%, 1240px);
  min-height: 96px;
  margin: 0 auto;
  padding: 0 48px;
  display: grid;
  grid-template-columns: auto auto auto;
  align-items: center;
  justify-content: center;
  gap: clamp(34px, 4vw, 56px);
}
.operation__label {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 12px;
}
.operation__line {
  width: 24px;
  height: 1px;
  background: #F3D7BE;
}
.operation__label p {
  margin: 0;
  color: #85807c;
  font: 800 10px/1.45 var(--font-body);
  letter-spacing: 0.26em;
  text-transform: uppercase;
}
.operation__logos-wrap {
  position: relative;
  min-width: 0;
}
.operation__logos {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: clamp(42px, 4.8vw, 62px);
}
.operation__logo {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  color: #2A2725;
  font-size: clamp(1.62rem, 2.05vw, 1.92rem);
  line-height: 1;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 300ms ease, transform 300ms ease;
}
.operation.is-visible .operation__logo {
  animation: operation-logo-in 0.72s ease-out forwards;
}
.operation__logo--marisa {
  font-family: var(--font-title);
  font-weight: 700;
  letter-spacing: -0.03em;
}
.operation__logo--magalu {
  font-family: var(--font-body);
  font-weight: 800;
  letter-spacing: -0.04em;
}
.operation__logo--bestlife {
  font-family: var(--font-title);
  font-style: italic;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.operation__logo:nth-child(1) { animation-delay: 0ms; }
.operation__logo:nth-child(3) { animation-delay: 300ms; }
.operation__logo:nth-child(5) { animation-delay: 600ms; }
.operation__logos:hover .operation__logo {
  opacity: 0.78;
}
.operation__logo:hover {
  opacity: 1 !important;
  transform: translateY(-2px);
}
.operation__divider {
  width: 1px;
  height: 26px;
  flex: 0 0 auto;
  background: linear-gradient(180deg, transparent, #E9E0D8, transparent);
}
.operation__note {
  position: relative;
  margin: 0;
  color: #8F8A86;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  white-space: nowrap;
}
.operation__note::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-right: 10px;
  border-radius: 999px;
  background: rgba(248,138,43,0.52);
  vertical-align: 0.12em;
}
@keyframes operation-logo-in {
  to {
    opacity: 0.78;
    transform: translateY(0);
  }
}

.stakes-section {
  position: relative;
  overflow: hidden;
  scroll-margin-top: 130px;
  padding: 120px 0;
  background:
    radial-gradient(42% 22% at 64% 9%, rgba(248,138,43,0.08), transparent 72%),
    radial-gradient(48% 24% at 16% 62%, rgba(248,138,43,0.045), transparent 72%),
    #F7F4F2;
}
.stakes-section__container {
  position: relative;
  z-index: 2;
  width: min(100% - 64px, 1280px);
  margin-inline: auto;
}
.stakes-section__lines {
  position: absolute;
  pointer-events: none;
  fill: none;
  stroke: var(--brand);
  stroke-width: 1;
  opacity: 0.11;
}
.stakes-section__lines--left {
  width: min(700px, 56vw);
  left: -24vw;
  top: 5%;
}
.stakes-section__lines--right {
  width: min(820px, 64vw);
  right: -18vw;
  top: 6%;
  opacity: 0.09;
}
.stakes-spark {
  position: absolute;
  z-index: 1;
  width: 20px;
  height: 20px;
  background: var(--brand);
  clip-path: polygon(50% 0, 60% 40%, 100% 50%, 60% 60%, 50% 100%, 40% 60%, 0 50%, 40% 40%);
  opacity: 0.82;
}
.stakes-spark--one { left: 47vw; top: 28%; }
.stakes-spark--two { right: 7vw; top: 13%; width: 18px; height: 18px; }
.stakes-spark--three { left: 54vw; top: 10%; width: 14px; height: 14px; opacity: 0.65; }
.stakes-top {
  display: grid;
  grid-template-columns: 55fr 45fr;
  gap: clamp(42px, 6vw, 78px);
  align-items: center;
}
.stakes-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 22px;
  border: 1px solid var(--brand-line);
  border-radius: 999px;
  padding: 8px 16px;
  color: var(--brand);
  background: rgba(255,255,255,0.56);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.28em;
  line-height: 1;
  text-transform: uppercase;
}
.stakes-eyebrow .spark {
  width: 15px;
  height: 15px;
}
.stakes-intro h2 {
  max-width: 760px;
  margin: 0;
  color: #0F141C;
  font-size: clamp(4.2rem, 5.35vw, 4.9rem);
  line-height: 0.95;
  letter-spacing: 0;
}
.stakes-intro h2 span {
  display: block;
  color: var(--brand);
  font-style: italic;
}
.stakes-intro > p {
  max-width: 730px;
  margin: 30px 0 0;
  color: #17202D;
  font-size: 1.06rem;
  line-height: 1.55;
  font-weight: 500;
}
.stakes-intro strong {
  color: #0F141C;
  font-weight: 800;
}
.stakes-visual {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 28px;
  align-items: center;
}
.stakes-visual__image {
  position: relative;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(239,234,229,0.76);
  border-radius: 30px;
  background: rgba(255,255,255,0.64);
  box-shadow: 0 26px 72px -58px rgba(17,17,17,0.32);
}
.stakes-visual__image::before {
  content: "";
  position: absolute;
  inset: 8% 4% 0;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(248,138,43,0.12), transparent 68%);
  filter: blur(10px);
}
.stakes-visual__image img,
.stakes-card__figure img {
  animation: welcome-breath 5.8s ease-in-out infinite alternate;
}
.stakes-visual__image img {
  width: 100%;
  border-radius: inherit;
}
.stakes-visual__note {
  align-self: center;
  padding-top: 68px;
}
.stakes-visual__note p {
  margin: 0;
  color: #0F1722;
  font-size: 1.12rem;
  line-height: 1.45;
  font-weight: 700;
}
.stakes-visual__note strong {
  color: var(--brand);
  font-weight: 800;
}
.stakes-visual__note span {
  display: block;
  width: 44px;
  height: 1px;
  margin-top: 24px;
  background: var(--brand);
}
.stakes-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: 76px;
}
.stakes-card {
  display: flex;
  min-height: 500px;
  flex-direction: column;
  padding: 28px;
  border: 1px solid var(--border);
  border-radius: 26px;
  background:
    radial-gradient(70% 44% at 50% 90%, rgba(248,138,43,0.045), transparent 72%),
    rgba(255,255,255,0.88);
  box-shadow: 0 34px 90px -76px rgba(17,17,17,0.34);
  backdrop-filter: blur(8px);
  transition: transform 260ms ease, border-color 260ms ease, box-shadow 260ms ease;
}
.stakes-card:hover {
  transform: translateY(-4px);
  border-color: rgba(248,138,43,0.24);
  box-shadow: 0 40px 100px -74px rgba(17,17,17,0.44);
}
.stakes-card__head {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 20px;
  align-items: start;
  margin-bottom: 16px;
}
.stakes-card__badge {
  position: relative;
  display: grid;
  align-content: center;
  place-items: center;
  width: 68px;
  height: 68px;
  border: 1px solid rgba(248,138,43,0.32);
  border-radius: 50%;
  color: var(--brand);
  background:
    radial-gradient(circle at 50% 18%, rgba(255,255,255,0.96), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,0.92), rgba(255,241,230,0.42));
  font-family: var(--font-title);
  font-size: 1.86rem;
  line-height: 0.9;
  box-shadow: 0 18px 42px -34px rgba(248,138,43,0.8);
}
.stakes-card__badge small {
  font-family: var(--font-body);
  font-size: 0.55rem;
  font-weight: 800;
  letter-spacing: 0.2em;
  line-height: 1;
  text-transform: uppercase;
}
.stakes-card h3 {
  margin: 4px 0 0;
  color: #0F141C;
  font-family: var(--font-title);
  font-size: clamp(1.48rem, 1.8vw, 1.86rem);
  font-weight: 600;
  line-height: 1.04;
}
.stakes-card__rule {
  display: block;
  width: 44px;
  height: 1px;
  margin-top: 18px;
  background: var(--brand);
}
.stakes-card > p {
  max-width: 330px;
  margin: 10px 0 0 94px;
  color: #111827;
  font-size: 0.9rem;
  line-height: 1.42;
  font-weight: 500;
}
.stakes-card > p strong {
  color: var(--brand);
  font-weight: 800;
}
.stakes-card__figure {
  display: grid;
  place-items: end center;
  min-height: 220px;
  margin: auto -8px 18px;
  overflow: hidden;
  border-radius: 24px;
}
.stakes-card__figure img {
  width: min(100%, 340px);
  border-radius: 22px;
  filter: drop-shadow(0 26px 32px rgba(17,17,17,0.08));
}
.stakes-card__footer {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  margin-top: auto;
  padding: 16px 18px;
  border: 1px solid rgba(248,138,43,0.22);
  border-radius: 14px;
  background: rgba(255,252,249,0.88);
}
.stakes-card__footer span {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(248,138,43,0.24);
  border-radius: 50%;
  color: var(--brand);
  background: #FFF8F2;
}
.stakes-card__footer svg {
  width: 23px;
  height: 23px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.stakes-card__footer p {
  margin: 0;
  color: #111827;
  font-size: 0.95rem;
  line-height: 1.38;
  font-weight: 600;
}
.stakes-card__footer strong {
  font-weight: 800;
}

.personalized-platform {
  position: relative;
  overflow: hidden;
  scroll-margin-top: 130px;
  padding: 120px 0;
  background:
    radial-gradient(45% 20% at 50% 8%, rgba(248,138,43,0.07), transparent 72%),
    radial-gradient(34% 18% at 82% 42%, rgba(111,149,96,0.045), transparent 72%),
    #F7F4F2;
}
.personalized-platform__container {
  position: relative;
  z-index: 2;
  width: min(100% - 56px, 1280px);
  margin-inline: auto;
}
.personalized-platform__lines {
  position: absolute;
  fill: none;
  stroke: var(--brand);
  stroke-width: 1;
  opacity: 0.1;
  pointer-events: none;
}
.personalized-platform__lines--left {
  width: min(560px, 54vw);
  left: -22vw;
  top: 6%;
}
.personalized-platform__lines--right {
  width: min(560px, 54vw);
  right: -22vw;
  top: 8%;
}
.personalized-spark {
  position: absolute;
  width: 22px;
  height: 22px;
  background: var(--brand);
  clip-path: polygon(50% 0, 60% 40%, 100% 50%, 60% 60%, 50% 100%, 40% 60%, 0 50%, 40% 40%);
  opacity: 0.92;
}
.personalized-spark--one { left: 10vw; top: 12%; }
.personalized-spark--two { right: 11vw; top: 18%; width: 26px; height: 26px; }
.personalized-header {
  max-width: 1000px;
  margin: 0 auto 66px;
  text-align: center;
}
.personalized-eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 0 0 18px;
  border: 1px solid var(--brand-line);
  border-radius: 999px;
  padding: 9px 17px;
  color: var(--brand);
  background: rgba(255,255,255,0.68);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.3em;
  line-height: 1;
  text-transform: uppercase;
}
.personalized-eyebrow .spark {
  width: 15px;
  height: 15px;
}
.personalized-header h2 {
  margin: 0;
  color: #111;
  font-size: clamp(3.8rem, 5.1vw, 4.7rem);
  line-height: 1.02;
}
.personalized-header h2 span,
.personalized-header h2 em {
  display: block;
}
.personalized-header h2 em {
  color: var(--brand);
  font-style: italic;
  font-weight: 500;
}
.personalized-main {
  display: grid;
  grid-template-columns: minmax(430px, 0.9fr) minmax(580px, 1.1fr);
  gap: 50px;
  align-items: center;
}
.personalized-facts {
  display: grid;
  gap: 16px;
}
.personalized-fact {
  display: grid;
  grid-template-columns: 58px 50px 1px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  min-height: 112px;
  padding: 22px 24px;
  border: 1px solid rgba(239,234,229,0.78);
  border-radius: 16px;
  background: linear-gradient(90deg, rgba(255,255,255,0.86), rgba(255,255,255,0.42));
  box-shadow: 0 20px 60px -54px rgba(17,17,17,0.28);
}
.personalized-fact::before {
  content: "";
  grid-column: 3;
  grid-row: 1;
  width: 1px;
  height: 72%;
  background: var(--brand-line);
}
.personalized-fact__number {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  color: var(--brand);
  background: #FFF8F2;
  font-family: var(--font-title);
  font-size: 26px;
  line-height: 1;
  font-weight: 700;
}
.personalized-fact__icon {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(248,138,43,0.2);
  border-radius: 50%;
  color: var(--brand);
  background: rgba(255,255,255,0.62);
}
.personalized-fact__icon--green {
  color: var(--growth);
}
.personalized-fact__icon svg,
.journey-card__signal svg,
.platform-pillars svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.personalized-fact p {
  grid-column: 4;
  margin: 0;
  color: #333;
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 500;
}
.personalized-fact strong {
  color: #111;
  font-weight: 800;
}
.personalized-journeys {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  align-items: end;
}
.journey-card {
  position: relative;
  display: grid;
  justify-items: center;
  align-content: end;
  min-height: 612px;
}
.journey-card picture {
  display: grid;
  justify-items: center;
  width: 100%;
}
.journey-card__signal {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  margin-bottom: -10px;
  border: 1px solid rgba(248,138,43,0.22);
  border-radius: 50%;
  color: var(--brand);
  background: rgba(255,255,255,0.9);
  box-shadow: 0 18px 50px -42px rgba(17,17,17,0.38);
}
.journey-card__person {
  position: relative;
  z-index: 1;
  width: min(100%, 210px);
  display: block;
  margin-inline: auto;
  object-fit: contain;
  object-position: center bottom;
  margin-bottom: -4px;
  filter: drop-shadow(0 24px 28px rgba(17,17,17,0.08));
  animation: welcome-breath 5.6s ease-in-out infinite alternate;
}
.journey-card__arrow {
  width: 1px;
  height: 52px;
  margin: -18px 0 0;
  background: linear-gradient(180deg, rgba(248,138,43,0.1), rgba(248,138,43,0.76));
}
.journey-card__arrow::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: 48px 0 0 -5px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 9px solid var(--brand);
}
.journey-card__arrow--green {
  background: linear-gradient(180deg, rgba(111,149,96,0.12), rgba(248,138,43,0.7));
}
.app-path-card {
  position: relative;
  z-index: 2;
  width: min(100%, 174px);
  border: 1px solid rgba(248,138,43,0.18);
  border-radius: 24px;
  padding: 17px;
  background: rgba(255,255,255,0.92);
  box-shadow: 0 24px 60px -46px rgba(17,17,17,0.34);
}
.app-path-card strong {
  display: block;
  color: #111;
  font-size: 0.92rem;
  line-height: 1.1;
}
.app-path-card > span,
.app-path-card p {
  display: block;
  margin: 6px 0 0;
  color: #555;
  font-size: 0.62rem;
  font-weight: 700;
}
.app-path-card img {
  width: 100%;
  aspect-ratio: 1.18;
  object-fit: cover;
  border-radius: 10px;
  margin-top: 14px;
}
.app-path-card h3 {
  margin: 6px 0 0;
  color: #111;
  font-family: var(--font-body);
  font-size: 0.74rem;
  line-height: 1.36;
  font-weight: 800;
}
.progress {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 24px;
  gap: 7px;
  align-items: center;
  margin-top: 12px;
}
.progress::before {
  content: "";
  grid-column: 1;
  grid-row: 1;
  height: 4px;
  border-radius: 999px;
  background: #F4E9DE;
}
.progress span {
  grid-column: 1;
  grid-row: 1;
  height: 4px;
  border-radius: 999px;
  background: var(--brand);
}
.app-path-card--green .progress span {
  background: var(--growth);
}
.progress small {
  color: var(--brand);
  font-size: 0.6rem;
  font-weight: 700;
}
.app-path-card button {
  width: 100%;
  min-height: 34px;
  margin-top: 12px;
  border: 0;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(180deg, var(--brand-hover), var(--brand));
  font-size: 0.68rem;
  font-weight: 800;
}
.personalized-connector {
  position: relative;
  height: 92px;
  margin: 0 auto;
  max-width: 980px;
}
.personalized-connector::before,
.personalized-connector::after {
  content: "";
  position: absolute;
  top: 50%;
  width: calc(50% - 32px);
  border-top: 1px dashed rgba(248,138,43,0.36);
}
.personalized-connector::before { left: 0; }
.personalized-connector::after { right: 0; }
.personalized-connector .spark {
  position: absolute;
  left: 50%;
  top: 50%;
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(248,138,43,0.16);
  border-radius: 50%;
  color: var(--brand);
  background: rgba(255,255,255,0.94);
  box-shadow: 0 24px 60px -44px rgba(17,17,17,0.28);
}
.personalized-connector .spark::before {
  width: 24px;
  height: 24px;
  inset: auto;
}
.platform-solution {
  display: grid;
  grid-template-columns: minmax(380px, 0.8fr) minmax(520px, 1.2fr);
  gap: 48px;
  align-items: center;
  padding: 42px 44px 28px;
  border: 1px solid var(--border);
  border-radius: 30px;
  background: rgba(255,255,255,0.88);
  box-shadow: 0 20px 60px -42px rgba(17,17,17,0.2);
}
.platform-solution__copy p:first-child {
  margin: 0 0 16px;
  color: var(--brand);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.28em;
  line-height: 1.3;
  text-transform: uppercase;
}
.platform-solution__copy h3 {
  margin: 0;
  color: #111;
  font-family: var(--font-title);
  font-size: clamp(3.1rem, 4.8vw, 4.3rem);
  line-height: 0.96;
  font-weight: 600;
}
.platform-solution__copy h3 em {
  display: block;
  color: var(--brand);
  font-style: italic;
  font-weight: 500;
}
.platform-solution__copy p:last-child {
  max-width: 470px;
  margin: 30px 0 0;
  color: #18202B;
  font-size: 1rem;
  line-height: 1.65;
  font-weight: 500;
}
.platform-solution__copy strong {
  color: #111;
  font-weight: 800;
}
.platform-solution__visual {
  min-width: 0;
}
.anonymous-flow {
  display: grid;
  grid-template-columns: 120px minmax(92px, 0.46fr) minmax(330px, 1fr);
  gap: 8px;
  align-items: center;
}
.anonymous-flow__users {
  display: grid;
  gap: 22px;
}
.anonymous-flow__users span {
  display: grid;
  place-items: center;
  width: 86px;
  height: 86px;
  border-radius: 24px;
  background: rgba(255,248,242,0.94);
  box-shadow: 0 18px 54px -46px rgba(17,17,17,0.38);
}
.anonymous-flow__users i {
  width: 38px;
  height: 38px;
  border-radius: 50% 50% 44% 44%;
  background: var(--brand);
  position: relative;
}
.anonymous-flow__users i::after {
  content: "";
  position: absolute;
  left: -9px;
  right: -9px;
  bottom: -26px;
  height: 30px;
  border-radius: 24px 24px 10px 10px;
  background: currentColor;
  color: var(--brand);
}
.anonymous-flow__users span:nth-child(2) i,
.anonymous-flow__users span:nth-child(2) i::after {
  color: var(--growth);
  background: var(--growth);
}
.anonymous-flow__users span:nth-child(3) i,
.anonymous-flow__users span:nth-child(3) i::after {
  color: #D7A85B;
  background: #D7A85B;
}
.anonymous-flow__paths {
  width: 100%;
  min-width: 96px;
  fill: none;
  stroke: var(--brand);
  stroke-width: 6;
  stroke-linecap: round;
  opacity: 0.78;
}
.anonymous-flow__paths path:nth-child(2) {
  stroke: var(--brand-hover);
}
.anonymous-flow__paths path:nth-child(3) {
  stroke: var(--brand-deep);
  opacity: 0.62;
}
.dashboard-mock {
  display: grid;
  grid-template-columns: 1fr 0.76fr;
  gap: 16px;
  padding: 22px;
  border: 1px solid rgba(248,138,43,0.22);
  border-radius: 24px;
  background: #FFFCF9;
  box-shadow: 0 24px 70px -56px rgba(17,17,17,0.28);
}
.dashboard-mock h4,
.dashboard-mock span {
  margin: 0 0 12px;
  color: #27313E;
  font-family: var(--font-body);
  font-size: 0.76rem;
  font-weight: 800;
}
.dashboard-mock__heat {
  grid-column: 1 / -1;
}
.heat-grid {
  display: grid;
  grid-template-columns: 96px repeat(6, 1fr);
  gap: 8px;
  align-items: center;
}
.heat-grid span {
  margin: 0;
  color: #4C5664;
  font-size: 0.64rem;
  font-weight: 700;
}
.heat-grid i {
  aspect-ratio: 1;
  border-radius: 7px;
  background: #D9E9C9;
}
.heat-grid i:nth-of-type(3n) { background: #FDE5BC; }
.heat-grid i:nth-of-type(4n) { background: #F9C492; }
.dashboard-mock__metric,
.dashboard-mock__trend {
  min-height: 118px;
  padding: 18px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: #fff;
}
.dashboard-mock__metric {
  text-align: center;
}
.dashboard-mock__metric strong {
  display: block;
  margin-top: 4px;
  color: #111;
  font-size: 2.4rem;
  line-height: 1;
}
.dashboard-mock__metric small {
  color: var(--growth);
  font-size: 0.76rem;
  font-weight: 800;
}
.dashboard-mock__trend svg {
  width: 100%;
  height: 74px;
  fill: none;
  stroke: var(--growth);
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.dashboard-mock__trend svg path:last-child {
  stroke: #E9DED5;
  stroke-width: 1;
}
.platform-pillars {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 20px;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: rgba(255,255,255,0.72);
}
.platform-pillars div {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 18px 22px;
  color: #17202A;
  font-size: 0.9rem;
  line-height: 1.38;
  font-weight: 600;
}
.platform-pillars div + div {
  border-left: 1px solid var(--border);
}
.platform-pillars span {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(248,138,43,0.18);
  border-radius: 50%;
  color: var(--brand);
  background: #FFF8F2;
}

.how-it-works {
  position: relative;
  min-height: 520vh;
  scroll-margin-top: 130px;
  background:
    radial-gradient(42% 20% at 48% 10%, rgba(248,138,43,0.07), transparent 72%),
    radial-gradient(34% 18% at 84% 48%, rgba(111,149,96,0.045), transparent 74%),
    #FCFBFA;
}
.how-it-works__scroll {
  position: relative;
  height: 520vh;
}
.how-it-works__stage {
  position: sticky;
  top: 108px;
  display: grid;
  grid-template-columns: 92px minmax(340px, 0.92fr) minmax(260px, 0.64fr) 54px minmax(390px, 0.96fr);
  gap: 20px;
  align-items: center;
  width: min(100% - 56px, 1360px);
  height: min(85svh, calc(100svh - 108px));
  max-height: min(85svh, calc(100svh - 108px));
  min-height: 0;
  overflow: visible;
  margin-inline: auto;
  padding: clamp(14px, 2.2vh, 24px) 0;
}
.how-rail {
  align-self: center;
}
.how-rail ol {
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.how-rail button {
  position: relative;
  display: grid;
  gap: 8px;
  justify-items: center;
  width: 92px;
  border: 0;
  color: #9A948E;
  background: transparent;
  font-size: 0.5rem;
  font-weight: 850;
  line-height: 1.08;
  text-align: center;
  overflow-wrap: normal;
  word-break: normal;
  text-transform: uppercase;
  transition: color 260ms ease, transform 260ms ease;
}
.how-rail button::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 36px;
  width: 1px;
  height: 18px;
  background: #E8DED5;
}
.how-rail li:last-child button::after {
  display: none;
}
.how-rail span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid #E7DED6;
  border-radius: 50%;
  background: #fff;
  color: inherit;
  font-family: var(--font-title);
  font-size: 0.92rem;
}
.how-it-works[data-active-step="0"] .how-rail li:nth-child(1) button,
.how-it-works[data-active-step="1"] .how-rail li:nth-child(2) button,
.how-it-works[data-active-step="2"] .how-rail li:nth-child(3) button,
.how-it-works[data-active-step="3"] .how-rail li:nth-child(4) button,
.how-it-works[data-active-step="4"] .how-rail li:nth-child(5) button {
  color: var(--brand);
  transform: translateY(-2px);
}
.how-it-works[data-active-step="0"] .how-rail li:nth-child(1) span,
.how-it-works[data-active-step="1"] .how-rail li:nth-child(2) span,
.how-it-works[data-active-step="2"] .how-rail li:nth-child(3) span,
.how-it-works[data-active-step="3"] .how-rail li:nth-child(4) span,
.how-it-works[data-active-step="4"] .how-rail li:nth-child(5) span {
  border-color: rgba(248,138,43,0.32);
  background: #FFF8F2;
  box-shadow: 0 18px 42px -32px rgba(248,138,43,0.6);
}
.how-copy {
  min-width: 0;
}
.how-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 10px;
  border: 1px solid var(--brand-line);
  border-radius: 999px;
  padding: 6px 13px;
  color: var(--brand);
  background: rgba(255,255,255,0.72);
  font-size: 0.57rem;
  font-weight: 800;
  letter-spacing: 0.22em;
  line-height: 1;
  text-transform: uppercase;
}
.how-copy__header h2 {
  margin: 0;
  color: #111;
  font-size: clamp(2.05rem, 2.72vw, 2.72rem);
  line-height: 0.94;
}
.how-copy__header h2 span {
  display: block;
  color: var(--brand);
  font-size: clamp(1.76rem, 2.32vw, 2.32rem);
  font-style: italic;
  font-weight: 500;
  white-space: nowrap;
}
.how-copy__header > p {
  max-width: 480px;
  margin: 20px 0 0;
  color: #333;
  font-size: 0.72rem;
  line-height: 1.34;
  font-weight: 550;
}
.how-step-copy {
  position: relative;
  min-height: 200px;
  margin-top: 20px;
}
.how-step-copy article {
  position: absolute;
  inset: 0;
  display: grid;
  align-content: start;
  gap: 20px;
  opacity: 0;
  transform: translateY(18px) scale(0.985);
  transition: opacity 320ms ease, transform 320ms ease;
  pointer-events: none;
}
.how-step-copy article:first-child {
  position: relative;
}
.how-it-works[data-active-step="0"] [data-step-panel="0"],
.how-it-works[data-active-step="1"] [data-step-panel="1"],
.how-it-works[data-active-step="2"] [data-step-panel="2"],
.how-it-works[data-active-step="3"] [data-step-panel="3"],
.how-it-works[data-active-step="4"] [data-step-panel="4"] {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}
.how-step-copy article > p:first-child {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  width: max-content;
  margin: 0;
  color: var(--brand);
  font-size: 0.6rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  line-height: 1;
  text-transform: uppercase;
}
.how-step-copy article > p:first-child::after {
  content: "";
  width: 30px;
  height: 1px;
  background: rgba(248,138,43,0.46);
}
.how-step-copy h3 {
  margin: 0;
  color: #111;
  font-size: clamp(1.16rem, 1.46vw, 1.48rem);
  line-height: 1.02;
}
.how-step-copy p {
  margin: 0;
  color: #333;
  font-size: 0.76rem;
  line-height: 1.34;
  font-weight: 550;
}
.how-step-device {
  display: none;
}
.how-phone,
.how-dashboard {
  min-width: 0;
}
.phone-shell {
  width: min(100%, 228px);
  margin-inline: auto;
  border: 8px solid #171717;
  border-radius: 34px;
  padding: 0;
  background: #171717;
  box-shadow: 0 38px 92px -64px rgba(17,17,17,0.46);
}
.phone-screen {
  position: relative;
  min-height: 0;
  aspect-ratio: 784 / 1544;
  overflow: hidden;
  border-radius: 26px;
  background: #fff;
}
.phone-state,
.dashboard-state {
  position: absolute;
  inset: 0;
  visibility: hidden;
  opacity: 0;
  transform: translateY(18px) scale(0.985);
  transition: opacity 340ms ease, transform 340ms ease, visibility 0s linear 340ms;
  pointer-events: none;
}
.phone-state {
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 14px;
  padding: 22px;
  text-align: center;
}
.phone-state--image {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  object-fit: cover;
  object-position: top center;
  text-align: initial;
}
.phone-state--composite {
  object-fit: contain;
  background: transparent;
}
.phone-state span,
.dashboard-state span {
  color: var(--brand);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.phone-state strong {
  max-width: 220px;
  color: #111;
  font-size: 1.34rem;
  line-height: 1.08;
}
.mood-orb,
.done-ring {
  display: grid;
  place-items: center;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: #FFF1E6;
  font-size: 2.6rem;
  animation: welcome-breath 4s ease-in-out infinite alternate;
}
.mood-scale {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
  width: 180px;
}
.mood-scale i {
  height: 8px;
  border-radius: 999px;
  background: #F1E4DA;
}
.mood-scale i:nth-child(-n+4) {
  background: var(--brand);
}
.phone-state button {
  min-height: 46px;
  border: 0;
  border-radius: 999px;
  padding: 0 30px;
  color: #fff;
  background: linear-gradient(180deg, var(--brand-hover), var(--brand));
  font-weight: 850;
}
.chat-bubble {
  max-width: 210px;
  justify-self: end;
  padding: 13px 16px;
  border-radius: 18px 18px 4px 18px;
  color: #fff;
  background: var(--brand);
  text-align: left;
  font-size: 0.92rem;
  font-weight: 650;
}
.chat-bubble--ai {
  justify-self: start;
  border-radius: 18px 18px 18px 4px;
  color: #222;
  background: #FFF1E6;
}
.typing {
  display: flex;
  gap: 6px;
  padding: 12px 16px;
  border-radius: 999px;
  background: #F7F1EC;
}
.typing i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--brand);
  animation: typing-dot 1s ease-in-out infinite alternate;
}
.typing i:nth-child(2) { animation-delay: 140ms; }
.typing i:nth-child(3) { animation-delay: 280ms; }
.library-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  width: 100%;
}
.library-grid article {
  display: grid;
  place-items: center;
  min-height: 88px;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: #FFFCF9;
  color: #111;
  font-weight: 850;
}
.done-ring {
  color: #fff;
  background: var(--growth);
  font-size: 2.4rem;
}
.cycle-loop {
  position: relative;
  display: grid;
  place-items: center;
  width: 170px;
  height: 170px;
  border: 1px dashed rgba(248,138,43,0.5);
  border-radius: 50%;
}
.cycle-loop i {
  position: absolute;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #FFF1E6;
}
.cycle-loop i:nth-child(1) { top: 16px; }
.cycle-loop i:nth-child(2) { right: 18px; bottom: 34px; background: #E8EFD9; }
.cycle-loop i:nth-child(3) { left: 18px; bottom: 34px; }
.how-it-works[data-active-step="0"] [data-phone-state="0"],
.how-it-works[data-active-step="1"] [data-phone-state="1"],
.how-it-works[data-active-step="2"] [data-phone-state="2"],
.how-it-works[data-active-step="3"] [data-phone-state="3"],
.how-it-works[data-active-step="4"] [data-phone-state="4"],
.how-it-works[data-active-step="0"] [data-dashboard-state="0"],
.how-it-works[data-active-step="1"] [data-dashboard-state="1"],
.how-it-works[data-active-step="2"] [data-dashboard-state="2"],
.how-it-works[data-active-step="3"] [data-dashboard-state="3"],
.how-it-works[data-active-step="4"] [data-dashboard-state="4"] {
  visibility: visible;
  opacity: 1;
  transform: translateY(0) scale(1);
  transition-delay: 0s;
  pointer-events: auto;
}
.how-link {
  align-self: center;
  justify-self: stretch;
}
.how-link span {
  position: relative;
  display: block;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(248,138,43,0.78), transparent);
}
.how-link span::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--brand);
  box-shadow: 0 0 0 8px rgba(248,138,43,0.08);
  transform: translate(-50%, -50%);
}
.dashboard-live {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 330px;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 26px;
  padding: clamp(24px, 3vw, 38px);
  background:
    radial-gradient(circle at 50% 56%, rgba(248,138,43,0.07), transparent 44%),
    #fff;
  box-shadow: 0 34px 100px -74px rgba(17,17,17,0.34);
}
.dashboard-state {
  display: grid;
  align-content: start;
  justify-items: start;
  gap: 20px;
  padding: 18px;
}
.dashboard-state--note {
  inset: 50% auto auto 50%;
  width: min(92%, 420px);
  border: 1px solid rgba(239,234,229,0.88);
  border-radius: 24px;
  background: rgba(255,255,255,0.92);
  box-shadow: 0 24px 70px -54px rgba(17,17,17,0.5);
  backdrop-filter: blur(10px);
  justify-items: center;
  text-align: center;
  transform: translate(-50%, -44%) scale(0.985);
}
.dashboard-state--note[data-dashboard-state="0"] {
  width: min(82%, 320px);
}
.how-it-works[data-active-step="0"] .dashboard-live {
  min-height: 360px;
  background:
    radial-gradient(circle at 50% 62%, rgba(248,138,43,0.085), transparent 42%),
    rgba(255,255,255,0.78);
}
.how-it-works[data-active-step="0"] [data-dashboard-state="0"] {
  transform: translate(-50%, -50%) scale(1);
}
.how-it-works[data-active-step="1"] [data-dashboard-state="1"],
.how-it-works[data-active-step="2"] [data-dashboard-state="2"],
.how-it-works[data-active-step="3"] [data-dashboard-state="3"],
.how-it-works[data-active-step="4"] [data-dashboard-state="4"] {
  transform: translate(-50%, -50%) scale(1);
}
.dashboard-state strong {
  color: #111;
  font-size: clamp(1.12rem, 1.62vw, 1.58rem);
  line-height: 1.05;
}
.dashboard-state p {
  max-width: 300px;
  margin: 0;
  color: #4A4A4A;
  font-size: 0.86rem;
  line-height: 1.36;
  font-weight: 650;
}
.pulse-dot {
  justify-self: center;
  margin-inline: auto;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--brand);
  box-shadow: 0 0 0 18px rgba(248,138,43,0.12), 0 0 0 38px rgba(248,138,43,0.06);
  animation: welcome-breath 1.4s ease-in-out infinite alternate;
}
.usage-bars {
  display: flex;
  align-items: end;
  gap: 12px;
  height: 120px;
}
.usage-bars i {
  width: 34px;
  border-radius: 14px 14px 6px 6px;
  background: linear-gradient(180deg, var(--brand-hover), var(--brand));
}
.usage-bars i:nth-child(1) { height: 42%; }
.usage-bars i:nth-child(2) { height: 62%; }
.usage-bars i:nth-child(3) { height: 76%; background: linear-gradient(180deg, #9FB780, var(--growth)); }
.usage-bars i:nth-child(4) { height: 92%; }
.live-grid {
  display: grid;
  grid-template-columns: repeat(3, 38px);
  gap: 8px;
}
.live-grid i {
  aspect-ratio: 1;
  border-radius: 14px;
  background: #E8EFD9;
}
.live-grid i:nth-child(3n) { background: #FFE4C2; }
.live-grid i:nth-child(4n) { background: #FFC992; }
.live-chart svg {
  width: 100%;
  max-width: 220px;
  height: 72px;
  fill: none;
  stroke: var(--growth);
  stroke-width: 5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.dashboard-state--cycle {
  text-align: center;
  justify-items: center;
}
.dashboard-state--cycle strong {
  font-family: var(--font-title);
  font-size: clamp(2.2rem, 4vw, 3.5rem);
}
.dashboard-state--cycle p {
  max-width: 390px;
  line-height: 1.5;
}
.how-it-works[data-active-step="4"] .phone-shell,
.how-it-works[data-active-step="4"] .dashboard-live {
  transform: scale(0.92);
}
.how-it-works[data-active-step="4"] .how-phone {
  grid-column: 3 / 6;
  justify-self: center;
  width: 100%;
  transform: translateX(-10px);
}
.how-it-works[data-active-step="4"] .how-dashboard {
  display: none;
}
.how-it-works[data-active-step="4"] .how-link {
  display: none;
}
.how-it-works[data-active-step="4"] .phone-shell {
  width: min(108%, 900px);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}
.how-it-works[data-active-step="4"] .phone-screen {
  aspect-ratio: 2043 / 1368;
  border-radius: 0;
  background: transparent;
}
.phone-shell,
.dashboard-live {
  transition: transform 340ms ease;
}

.platform-ecosystem {
  position: relative;
  overflow: hidden;
  scroll-margin-top: 130px;
  padding: 110px 0;
  background:
    radial-gradient(52% 18% at 50% 16%, rgba(248,138,43,0.07), transparent 72%),
    radial-gradient(38% 16% at 12% 58%, rgba(248,138,43,0.035), transparent 74%),
    radial-gradient(34% 18% at 82% 70%, rgba(111,149,96,0.035), transparent 78%),
    #FCFBFA;
  border-top: 1px solid rgba(239,234,229,0.72);
}
.platform-ecosystem::before,
.platform-ecosystem::after {
  content: "";
  position: absolute;
  width: 360px;
  height: 170px;
  border: 1px solid rgba(248,138,43,0.12);
  border-color: rgba(248,138,43,0.12) transparent transparent transparent;
  border-radius: 50%;
  pointer-events: none;
}
.platform-ecosystem::before {
  left: -190px;
  top: 148px;
  transform: rotate(14deg);
}
.platform-ecosystem::after {
  right: -180px;
  bottom: 190px;
  transform: rotate(-10deg);
}
.platform-ecosystem__container {
  position: relative;
  z-index: 1;
  width: min(100% - 56px, 1320px);
  margin-inline: auto;
}
.ecosystem-header {
  max-width: 1040px;
  margin: 0 auto 50px;
  text-align: center;
}
.ecosystem-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  margin: 0 0 18px;
  color: var(--brand);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.28em;
  line-height: 1;
  text-transform: uppercase;
}
.ecosystem-eyebrow .spark {
  position: relative;
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}
.ecosystem-eyebrow .spark::before,
.ecosystem-eyebrow .spark::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  background: currentColor;
  border-radius: 999px;
}
.ecosystem-eyebrow .spark::before { width: 3px; height: 16px; }
.ecosystem-eyebrow .spark::after { width: 16px; height: 3px; }
.ecosystem-header h2 {
  max-width: 960px;
  margin: 0 auto;
  color: #101820;
  font-family: var(--font-title);
  font-size: clamp(3.5rem, 4.7vw, 4.25rem);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.04;
}
.ecosystem-header h2 span,
.ecosystem-header h2 em {
  display: block;
}
.ecosystem-header h2 em {
  color: var(--brand);
  font-style: italic;
  font-weight: 500;
}
.ecosystem-header p:not(.ecosystem-eyebrow) {
  max-width: 760px;
  margin: 22px auto 0;
  color: #192331;
  font-size: 1.03rem;
  line-height: 1.72;
}
.ecosystem-header strong {
  color: #111;
  font-weight: 800;
}
.ecosystem-visual {
  position: relative;
  display: grid;
  grid-template-columns: 1.08fr 1fr 0.92fr;
  gap: clamp(22px, 2.8vw, 42px);
  align-items: start;
  margin: 46px auto 0;
  border: 1px solid rgba(239,234,229,0.86);
  border-radius: 34px;
  padding: clamp(34px, 4vw, 54px);
  background:
    radial-gradient(circle at 43% 43%, rgba(248,138,43,0.078), transparent 33%),
    radial-gradient(circle at 68% 48%, rgba(111,149,96,0.052), transparent 36%),
    radial-gradient(circle at 88% 56%, rgba(30,55,104,0.032), transparent 32%),
    rgba(255,255,255,0.76);
  box-shadow: 0 34px 110px -86px rgba(42,39,37,0.42);
}
.ecosystem-visual::before,
.ecosystem-visual::after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.ecosystem-visual::before {
  left: 9%;
  right: 9%;
  top: 128px;
  height: 1px;
  background: linear-gradient(90deg, rgba(248,138,43,0.14), rgba(111,149,96,0.18), rgba(30,55,104,0.11));
  opacity: 0.46;
}
.ecosystem-visual::after {
  left: 6px;
  top: 28px;
  width: 78px;
  height: 1px;
  background: var(--brand);
  transform: rotate(76deg);
  opacity: 0.58;
  box-shadow: 10px 0 0 rgba(248,138,43,0.32);
}
.ecosystem-column {
  position: relative;
  z-index: 1;
}
.ecosystem-column p {
  margin: 0 0 18px;
  color: var(--brand);
  font-size: 0.67rem;
  font-weight: 900;
  letter-spacing: 0.24em;
  line-height: 1;
  text-transform: uppercase;
}
.ecosystem-column--rh p {
  color: var(--growth);
}
.ecosystem-column--company p {
  color: #1E3768;
}
.ecosystem-column ul {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ecosystem-column li {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  column-gap: 13px;
  align-items: center;
  min-height: 68px;
  padding: 11px 12px;
  border: 1px solid rgba(248,138,43,0.13);
  border-radius: 18px;
  background: rgba(255,255,255,0.74);
  box-shadow: 0 18px 48px -44px rgba(42,39,37,0.34);
  backdrop-filter: blur(10px);
}
.ecosystem-column--rh li {
  border-color: rgba(111,149,96,0.15);
  background: rgba(250,253,247,0.74);
}
.ecosystem-column--company li {
  border-color: rgba(30,55,104,0.12);
  background: rgba(249,251,255,0.72);
}
.ecosystem-column li span {
  grid-row: span 2;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(248,138,43,0.17);
  border-radius: 50%;
  color: var(--brand);
  background: rgba(255,255,255,0.86);
  box-shadow: 0 18px 44px -38px rgba(42,39,37,0.42);
}
.ecosystem-column--rh li span {
  border-color: rgba(111,149,96,0.22);
  color: var(--growth);
}
.ecosystem-column--company li span {
  border-color: rgba(30,55,104,0.16);
  color: #1E3768;
}
.ecosystem-column svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.85;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ecosystem-column strong {
  display: block;
  color: #151515;
  font-size: 0.95rem;
  font-weight: 850;
  letter-spacing: -0.01em;
  line-height: 1.15;
}
.ecosystem-column small {
  display: block;
  margin-top: 2px;
  color: #85807A;
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1.1;
}
.ecosystem-mobile-tabs {
  display: none;
}
.ecosystem-audiences {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 52px minmax(0, 1fr) 52px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  margin-top: 34px;
  border: 1px solid var(--border);
  border-radius: 24px;
  padding: 24px 28px;
  background: rgba(255,255,255,0.78);
  box-shadow: 0 20px 58px -48px rgba(42,39,37,0.32);
}
.ecosystem-audiences article {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
}
.ecosystem-audiences span {
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border: 1px solid rgba(248,138,43,0.20);
  border-radius: 50%;
  color: var(--brand);
  background: #FFF8F2;
}
.ecosystem-audiences article:nth-of-type(2) span {
  border-color: rgba(111,149,96,0.24);
  color: var(--growth);
  background: #F7FBF2;
}
.ecosystem-audiences article:nth-of-type(3) span {
  border-color: rgba(30,55,104,0.18);
  color: #1E3768;
  background: #F8FAFF;
}
.ecosystem-audiences svg {
  width: 26px;
  height: 26px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ecosystem-audiences h3 {
  margin: 0 0 5px;
  color: #151515;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-transform: uppercase;
}
.ecosystem-audiences p {
  margin: 0;
  color: #26313C;
  font-size: 0.9rem;
  line-height: 1.55;
}
.ecosystem-audiences > i {
  position: relative;
  display: block;
  height: 1px;
  background: var(--brand-line);
}
.ecosystem-audiences > i::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 8px;
  height: 8px;
  border-top: 1px solid var(--brand);
  border-right: 1px solid var(--brand);
  transform: translateY(-50%) rotate(45deg);
}
.ecosystem-closing {
  position: relative;
  display: grid;
  grid-template-columns: minmax(260px, 0.82fr) minmax(420px, 1.18fr);
  gap: clamp(32px, 5vw, 74px);
  align-items: start;
  margin-top: 42px;
  border-top: 1px solid var(--brand-line);
  padding-top: 34px;
}
.ecosystem-closing__spark {
  position: absolute;
  left: 0;
  top: 34px;
  width: 22px;
  height: 22px;
  color: var(--brand);
}
.ecosystem-closing__spark::before,
.ecosystem-closing__spark::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  background: currentColor;
  border-radius: 999px;
}
.ecosystem-closing__spark::before { width: 4px; height: 22px; }
.ecosystem-closing__spark::after { width: 22px; height: 4px; }
.ecosystem-closing h3 {
  margin: 0;
  padding-left: 42px;
  color: #101820;
  font-family: var(--font-title);
  font-size: clamp(2rem, 3vw, 2.65rem);
  font-weight: 600;
  line-height: 1.1;
}
.ecosystem-closing p {
  max-width: 760px;
  margin: 0;
  color: #27313D;
  font-size: 1.08rem;
  line-height: 1.78;
}

.company-receives {
  position: relative;
  overflow: hidden;
  scroll-margin-top: 130px;
  padding: 116px 0 126px;
  background:
    radial-gradient(48% 24% at 22% 22%, rgba(248,138,43,0.07), transparent 72%),
    radial-gradient(42% 20% at 76% 50%, rgba(248,138,43,0.045), transparent 76%),
    #F7F4F2;
}
.company-receives__container {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(360px, 38fr) minmax(620px, 62fr);
  gap: clamp(42px, 5vw, 76px);
  align-items: start;
  width: min(100% - 56px, 1320px);
  margin-inline: auto;
}
.company-receives__lines {
  position: absolute;
  left: -12vw;
  bottom: 6%;
  width: min(62vw, 840px);
  fill: none;
  stroke: var(--brand);
  stroke-width: 1;
  opacity: 0.085;
  pointer-events: none;
}
.company-receives__spark {
  position: absolute;
  z-index: 1;
  width: 22px;
  height: 22px;
  color: var(--brand);
  pointer-events: none;
  opacity: 0.82;
}
.company-receives__spark::before,
.company-receives__spark::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  border-radius: 999px;
  background: currentColor;
}
.company-receives__spark::before { width: 4px; height: 22px; }
.company-receives__spark::after { width: 22px; height: 4px; }
.company-receives__spark--one {
  left: 3.5vw;
  top: 13%;
}
.company-receives__spark--two {
  right: 7vw;
  top: 42%;
  width: 18px;
  height: 18px;
  opacity: 0.44;
}
.company-receives__spark--two::before { width: 3px; height: 18px; }
.company-receives__spark--two::after { width: 18px; height: 3px; }
.company-receives__intro {
  position: sticky;
  top: 150px;
  min-width: 0;
}
.company-receives__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 26px;
  color: var(--brand);
  font-size: 0.69rem;
  font-weight: 800;
  letter-spacing: 0.28em;
  line-height: 1;
  text-transform: uppercase;
}
.company-receives__eyebrow span {
  position: relative;
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}
.company-receives__eyebrow span::before,
.company-receives__eyebrow span::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  border-radius: 999px;
  background: currentColor;
}
.company-receives__eyebrow span::before { width: 3px; height: 16px; }
.company-receives__eyebrow span::after { width: 16px; height: 3px; }
.company-receives__intro h2 {
  max-width: 520px;
  margin: 0;
  color: #101820;
  font-family: var(--font-title);
  font-size: clamp(3.5rem, 4.6vw, 4rem);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.05;
}
.company-receives__intro h2 span,
.company-receives__intro h2 em {
  display: block;
}
.company-receives__intro h2 em {
  color: var(--brand);
  font-style: italic;
  font-weight: 500;
}
.company-receives__intro > p:not(.company-receives__eyebrow) {
  position: relative;
  max-width: 410px;
  margin: 74px 0 0;
  color: #24313F;
  font-size: 1.03rem;
  line-height: 1.72;
}
.company-receives__intro > p:not(.company-receives__eyebrow)::before {
  content: "";
  position: absolute;
  left: 0;
  top: -36px;
  width: 54px;
  height: 2px;
  background: var(--brand);
}
.company-receives__mockup {
  position: relative;
  min-height: 360px;
  margin: 64px 0 0;
}
.company-laptop {
  position: absolute;
  left: -28px;
  bottom: 0;
  width: min(110%, 580px);
  border-radius: 18px 18px 12px 12px;
  padding: 10px 10px 0;
  background: #151515;
  box-shadow:
    0 40px 72px -46px rgba(17,17,17,0.46),
    0 20px 46px -42px rgba(248,138,43,0.38);
}
.company-laptop::after {
  content: "";
  display: block;
  height: 18px;
  margin: 0 -24px;
  border-radius: 0 0 26px 26px;
  background: linear-gradient(180deg, #CAC7C2, #8F8B86);
}
.company-laptop__screen {
  aspect-ratio: 3326 / 1564;
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
}
.company-laptop__screen img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top left;
}
.company-capabilities {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.company-capability {
  display: grid;
  align-content: start;
  min-height: 282px;
  border: 1px solid #EDE4DB;
  border-radius: 22px;
  padding: 28px;
  background: rgba(255,255,255,0.74);
  box-shadow: 0 22px 60px -52px rgba(42,39,37,0.34);
  transition: transform 280ms ease, border-color 280ms ease, box-shadow 280ms ease, background 280ms ease;
}
.company-capability:hover {
  border-color: rgba(248,138,43,0.42);
  background: rgba(255,255,255,0.92);
  box-shadow: 0 30px 72px -46px rgba(248,138,43,0.28);
  transform: translateY(-4px);
}
.company-capability__icon {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  margin-bottom: 24px;
  border: 1px solid rgba(248,138,43,0.15);
  border-radius: 50%;
  color: var(--brand);
  background: var(--brand-ultra);
  box-shadow: 0 18px 38px -32px rgba(248,138,43,0.55);
  transition: transform 280ms ease;
}
.company-capability:hover .company-capability__icon {
  transform: translateY(-3px) scale(1.03);
}
.company-capability__icon svg {
  width: 34px;
  height: 34px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.company-capability > p:first-of-type {
  margin: 0 0 11px;
  color: var(--brand);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.28em;
  line-height: 1.2;
  text-transform: uppercase;
}
.company-capability h3 {
  margin: 0;
  color: #101820;
  font-size: clamp(1.28rem, 1.45vw, 1.52rem);
  line-height: 1.22;
}
.company-capability > p:last-child {
  margin: 22px 0 0;
  color: #27313D;
  font-size: 0.92rem;
  line-height: 1.72;
}
.company-receives .company-capability {
  opacity: 0;
  transform: translateY(20px);
  animation: none;
}
.company-receives.is-visible .company-capability {
  animation: fade-up 0.74s ease-out forwards;
}
.company-receives.is-visible .company-capability:nth-child(1) { animation-delay: 70ms; }
.company-receives.is-visible .company-capability:nth-child(2) { animation-delay: 130ms; }
.company-receives.is-visible .company-capability:nth-child(3) { animation-delay: 190ms; }
.company-receives.is-visible .company-capability:nth-child(4) { animation-delay: 250ms; }
.company-receives.is-visible .company-capability:nth-child(5) { animation-delay: 310ms; }
.company-receives.is-visible .company-capability:nth-child(6) { animation-delay: 370ms; }
.company-receives.is-visible .company-capability:nth-child(7) { animation-delay: 430ms; }
.company-receives.is-visible .company-capability:nth-child(8) { animation-delay: 490ms; }
.company-receives.is-visible .company-capability:nth-child(9) { animation-delay: 550ms; }

.market-comparison {
  position: relative;
  overflow: hidden;
  scroll-margin-top: 130px;
  padding: 112px 0;
  background:
    radial-gradient(42% 20% at 50% 12%, rgba(248,138,43,0.065), transparent 74%),
    radial-gradient(38% 18% at 18% 58%, rgba(248,138,43,0.04), transparent 76%),
    #FCFBFA;
}
.market-comparison__container {
  position: relative;
  z-index: 2;
  width: min(100% - 48px, 1180px);
  margin-inline: auto;
}
.market-comparison__spark {
  position: absolute;
  z-index: 1;
  width: 20px;
  height: 20px;
  color: var(--brand);
  opacity: 0.74;
  pointer-events: none;
}
.market-comparison__spark::before,
.market-comparison__spark::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  border-radius: 999px;
  background: currentColor;
}
.market-comparison__spark::before { width: 4px; height: 20px; }
.market-comparison__spark::after { width: 20px; height: 4px; }
.market-comparison__spark--one { left: 9vw; top: 19%; }
.market-comparison__spark--two { right: 12vw; top: 43%; opacity: 0.38; }
.market-comparison__header {
  max-width: 980px;
  margin: 0 auto 54px;
  text-align: center;
}
.market-comparison__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 18px;
  color: var(--brand);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.28em;
  line-height: 1;
  text-transform: uppercase;
}
.market-comparison__eyebrow span {
  position: relative;
  width: 16px;
  height: 16px;
}
.market-comparison__eyebrow span::before,
.market-comparison__eyebrow span::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  border-radius: 999px;
  background: currentColor;
}
.market-comparison__eyebrow span::before { width: 3px; height: 16px; }
.market-comparison__eyebrow span::after { width: 16px; height: 3px; }
.market-comparison__header h2 {
  margin: 0 auto;
  color: #101820;
  font-family: var(--font-title);
  font-size: clamp(3.25rem, 4.4vw, 4rem);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.05;
}
.market-comparison__header h2 span,
.market-comparison__header h2 em {
  display: block;
}
.market-comparison__header h2 em {
  color: var(--brand);
  font-style: italic;
  font-weight: 500;
}
.market-comparison__header > p:not(.market-comparison__eyebrow) {
  max-width: 760px;
  margin: 22px auto 0;
  color: #24313F;
  font-size: 1rem;
  line-height: 1.72;
}
.practice-board {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  overflow: hidden;
  border: 1px solid #EDE4DB;
  border-radius: 26px;
  background: rgba(255,255,255,0.46);
  box-shadow: 0 28px 78px -62px rgba(42,39,37,0.35);
}
.practice-board__head {
  display: grid;
  justify-items: center;
  align-content: center;
  min-height: 148px;
  border-bottom: 1px solid var(--border);
  padding: 24px;
  text-align: center;
}
.practice-board__head--common {
  color: #6B6B6B;
  background: rgba(255,255,255,0.62);
}
.practice-board__head--path {
  color: var(--brand);
  border-color: var(--brand-line);
  background: linear-gradient(180deg, rgba(255,241,230,0.58), rgba(255,255,255,0.94));
}
.practice-board__head span {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 10px;
}
.practice-board__head--path span {
  width: 58px;
  height: 58px;
  border: 1px solid rgba(248,138,43,0.18);
  border-radius: 50%;
  background: var(--brand-ultra);
}
.practice-board svg {
  width: 28px;
  height: 28px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.practice-board__head--path svg {
  width: 34px;
  height: 34px;
}
.practice-board__head p {
  margin: 0 0 2px;
  color: #7B7B7B;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.22em;
  line-height: 1.2;
}
.practice-board__head h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  line-height: 1.16;
  text-transform: uppercase;
}
.practice-board__head--path h3 {
  font-size: 1.34rem;
  letter-spacing: 0.12em;
}
.practice-row {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1fr) 0 minmax(0, 1fr);
  gap: 14px;
  min-height: 126px;
  margin: 0;
}
.practice-row + .practice-row {
  border-top: 1px solid var(--border);
}
.practice-cell {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  gap: 22px;
  align-items: center;
  min-width: 0;
  padding: 24px 40px;
}
.practice-cell--common {
  color: #6F6F6F;
  background: rgba(255,255,255,0.58);
}
.practice-cell--path {
  color: var(--brand);
  border-left: 1px solid rgba(243,215,190,0.72);
  background: linear-gradient(180deg, rgba(255,241,230,0.33), rgba(255,255,255,0.78));
}
.practice-cell > span {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border: 1px solid #EAE5E0;
  border-radius: 50%;
  background: #F5F3F1;
  color: currentColor;
}
.practice-cell--path > span {
  border-color: rgba(248,138,43,0.18);
  background: var(--brand-ultra);
  box-shadow: 0 18px 42px -34px rgba(248,138,43,0.54);
}
.practice-cell p {
  margin: 0 0 7px;
  color: currentColor;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.24em;
  line-height: 1.15;
  text-transform: uppercase;
}
.practice-cell h4 {
  margin: 0;
  color: #101820;
  font-size: 1.02rem;
  line-height: 1.48;
}
.practice-cell--common h4 {
  color: #27313D;
  font-weight: 600;
}
.practice-row > i {
  position: relative;
  z-index: 2;
  align-self: center;
  justify-self: center;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  margin-left: -19px;
  border: 1px solid var(--border);
  border-radius: 50%;
  color: var(--brand);
  background: #fff;
  box-shadow: 0 16px 42px -30px rgba(42,39,37,0.28);
}
.practice-row > i::before {
  content: "→";
  font-size: 1.15rem;
  font-weight: 800;
  transition: transform 260ms ease;
}
.practice-row:hover > i::before {
  transform: translateX(3px);
}
.market-comparison .practice-row {
  opacity: 0;
  transform: translateY(18px);
  animation: none;
}
.market-comparison.is-visible .practice-row {
  animation: fade-up 0.72s ease-out forwards;
}
.market-comparison.is-visible .practice-row:nth-of-type(1) { animation-delay: 80ms; }
.market-comparison.is-visible .practice-row:nth-of-type(2) { animation-delay: 140ms; }
.market-comparison.is-visible .practice-row:nth-of-type(3) { animation-delay: 200ms; }
.market-comparison.is-visible .practice-row:nth-of-type(4) { animation-delay: 260ms; }
.market-comparison.is-visible .practice-row:nth-of-type(5) { animation-delay: 320ms; }
.market-comparison.is-visible .practice-row:nth-of-type(6) { animation-delay: 380ms; }
.market-comparison.is-visible .practice-row:nth-of-type(7) { animation-delay: 440ms; }
.efficiency-block {
  display: grid;
  grid-template-columns: minmax(320px, 0.8fr) minmax(580px, 1.2fr);
  gap: clamp(34px, 5vw, 74px);
  align-items: center;
  margin-top: 34px;
  border: 1px solid var(--border);
  border-radius: 26px;
  padding: clamp(28px, 4vw, 42px);
  background: rgba(255,255,255,0.72);
  box-shadow: 0 30px 80px -66px rgba(42,39,37,0.38);
}
.efficiency-block__copy h3 {
  margin: 0;
  color: #101820;
  font-family: var(--font-title);
  font-size: clamp(2.8rem, 4vw, 3.55rem);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.04;
}
.efficiency-block__copy h3 span,
.efficiency-block__copy h3 em {
  display: block;
}
.efficiency-block__copy h3 em {
  color: var(--brand);
  font-style: italic;
  font-weight: 500;
}
.efficiency-block__copy h3::after {
  content: "";
  display: block;
  width: 52px;
  height: 2px;
  margin-top: 26px;
  background: var(--brand);
}
.efficiency-block__copy p {
  max-width: 430px;
  margin: 34px 0 0;
  color: #26313C;
  font-size: 0.98rem;
  line-height: 1.78;
}
.efficiency-block__copy strong {
  color: #101820;
  font-weight: 800;
}
.efficiency-visual {
  min-width: 0;
}
.efficiency-gains {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  align-items: start;
  margin-bottom: -8px;
}
.efficiency-gains::before {
  content: "";
  position: absolute;
  left: 14%;
  right: 14%;
  top: 31px;
  z-index: -1;
  border-top: 1px dashed var(--brand-line);
}
.efficiency-gains article {
  display: grid;
  justify-items: center;
  gap: 12px;
  text-align: center;
}
.efficiency-gains span {
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  border: 1px solid rgba(248,138,43,0.18);
  border-radius: 50%;
  color: var(--brand);
  background: #fff;
  box-shadow: 0 18px 42px -34px rgba(248,138,43,0.54);
}
.efficiency-gains svg {
  width: 30px;
  height: 30px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.efficiency-gains p {
  max-width: 155px;
  margin: 0;
  color: #293541;
  font-size: 0.78rem;
  line-height: 1.5;
}
.efficiency-gains strong {
  display: block;
  color: #101820;
  font-weight: 800;
}
.efficiency-devices {
  position: relative;
  display: grid;
  justify-items: center;
  align-items: end;
  min-height: 300px;
  margin: 20px 0 0;
}
.efficiency-dashboard-print {
  display: block;
  width: min(100%, 720px);
  aspect-ratio: 3326 / 1564;
  object-fit: contain;
  object-position: top left;
  border: 1px solid rgba(239,234,229,0.95);
  border-radius: 20px;
  background: #fff;
  box-shadow:
    0 30px 82px -68px rgba(17,17,17,0.45),
    0 18px 44px -40px rgba(248,138,43,0.34);
}

.turning-point {
  position: relative;
  overflow: hidden;
  scroll-margin-top: 130px;
  padding: 112px 0 120px;
  background:
    radial-gradient(46% 18% at 50% 10%, rgba(248,138,43,0.06), transparent 74%),
    radial-gradient(38% 20% at 76% 62%, rgba(248,138,43,0.04), transparent 76%),
    #F7F4F2;
}
.turning-point__container {
  width: min(100% - 56px, 1320px);
  margin-inline: auto;
}
.turning-point__header {
  max-width: 1060px;
  margin: 0 auto 40px;
  text-align: center;
}
.turning-point__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 14px;
  color: var(--brand);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.28em;
  line-height: 1;
  text-transform: uppercase;
}
.turning-point__eyebrow span {
  position: relative;
  width: 16px;
  height: 16px;
}
.turning-point__eyebrow span::before,
.turning-point__eyebrow span::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  border-radius: 999px;
  background: currentColor;
}
.turning-point__eyebrow span::before { width: 3px; height: 16px; }
.turning-point__eyebrow span::after { width: 16px; height: 3px; }
.turning-point__header h2 {
  margin: 0;
  color: #101820;
  font-family: var(--font-title);
  font-size: clamp(3.15rem, 4.35vw, 4.35rem);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.03;
}
.turning-point__header h2 em {
  color: var(--brand);
  font-style: italic;
  font-weight: 500;
}
.turning-point__header p:not(.turning-point__eyebrow) {
  margin: 18px auto 0;
  color: #24313F;
  font-size: 1.08rem;
  line-height: 1.7;
}
.turning-cards {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
}
.turning-card {
  position: relative;
  overflow: hidden;
  min-height: 560px;
  border: 1px solid var(--border);
  border-radius: 28px;
  background: rgba(255,255,255,0.78);
  box-shadow: 0 28px 80px -66px rgba(42,39,37,0.42);
  transition: transform 280ms ease, box-shadow 280ms ease;
}
.turning-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 34px 92px -66px rgba(42,39,37,0.48);
}
.turning-card--after {
  border-color: var(--brand-line);
  background:
    radial-gradient(54% 38% at 78% 70%, rgba(248,138,43,0.08), transparent 72%),
    rgba(255,255,255,0.86);
}
.turning-card--after .turning-card__copy {
  max-width: 100%;
}
.turning-card__copy {
  position: relative;
  z-index: 3;
  max-width: 540px;
  padding: 28px 34px 0;
}
.turning-card__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 86px;
  min-height: 28px;
  margin: 0 0 16px;
  border-radius: 999px;
  color: #2A2725;
  background: #EEEAE6;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  line-height: 1;
  text-transform: uppercase;
}
.turning-card--after .turning-card__badge {
  color: #fff;
  background: linear-gradient(180deg, var(--brand-hover), var(--brand));
}
.turning-card__copy h3 {
  margin: 0 0 16px;
  color: #111;
  font-family: var(--font-title);
  font-size: clamp(1.75rem, 2.1vw, 2.15rem);
  font-weight: 600;
  line-height: 1.15;
}
.turning-card__copy h3 em {
  color: var(--brand);
  font-style: italic;
  font-weight: 500;
}
.turning-card__copy p:not(.turning-card__badge) {
  margin: 0 0 8px;
  color: #172331;
  font-size: 0.93rem;
  line-height: 1.72;
}
.turning-card__notes {
  position: relative;
  z-index: 3;
  display: grid;
  gap: 18px;
  width: min(56%, 390px);
  margin: 34px 0 0 34px;
}
.turning-card__notes section,
.turning-card__after-list section {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}
.turning-card__notes span,
.turning-card__after-list span,
.turning-card__footer span {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border: 1px solid #E9E4DF;
  border-radius: 50%;
  color: #787878;
  background: rgba(245,243,241,0.86);
}
.turning-card--after .turning-card__after-list span {
  border-color: rgba(248,138,43,0.18);
  color: var(--brand);
  background: var(--brand-ultra);
  box-shadow: 0 18px 42px -34px rgba(248,138,43,0.54);
}
.turning-card svg,
.turning-outcomes svg {
  width: 28px;
  height: 28px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.turning-card__notes h4 {
  margin: 0 0 6px;
  color: #101820;
  font-size: 0.84rem;
  line-height: 1.35;
}
.turning-card__notes p,
.turning-card__after-list p {
  margin: 0;
  color: #172331;
  font-size: 0.8rem;
  line-height: 1.62;
}
.turning-card__after-list {
  position: relative;
  z-index: 3;
  display: grid;
  gap: 0;
  width: auto;
  margin: 28px 34px 30px;
}
.turning-card__after-list section {
  border-bottom: 1px solid rgba(243,215,190,0.7);
  padding: 17px 0;
}
.turning-card__after-list section:last-child {
  border-bottom: 0;
}
.turning-card__after-list strong {
  color: #101820;
  font-weight: 800;
}
.turning-card__photo {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 58%;
  height: 62%;
  z-index: 1;
}
.turning-card__photo::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(90deg, #fff 0%, rgba(255,255,255,0.72) 24%, rgba(255,255,255,0.08) 66%);
}
.turning-card__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 48% center;
}
.turning-card__footer {
  position: absolute;
  left: 34px;
  right: 120px;
  bottom: 24px;
  z-index: 4;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  border: 1px solid rgba(239,234,229,0.92);
  border-radius: 18px;
  padding: 18px 22px;
  background: rgba(255,255,255,0.76);
  box-shadow: 0 24px 60px -48px rgba(42,39,37,0.36);
  backdrop-filter: blur(8px);
}
.turning-card__footer p {
  margin: 0;
  color: #172331;
  font-size: 0.94rem;
  line-height: 1.55;
}
.turning-card__footer strong {
  font-weight: 800;
}
.turning-shift {
  position: absolute;
  left: 50%;
  top: 45%;
  z-index: 5;
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border: 1px solid var(--border);
  border-radius: 50%;
  color: var(--brand);
  background: #fff;
  box-shadow: 0 24px 54px -36px rgba(42,39,37,0.34);
  font-size: 2.2rem;
  line-height: 1;
  transform: translate(-50%, -50%);
}
.turning-outcomes {
  display: grid;
  grid-template-columns: minmax(300px, 0.66fr) minmax(700px, 1.34fr);
  gap: clamp(24px, 3vw, 42px);
  align-items: center;
  margin: 28px auto 0;
  border: 1px solid var(--border);
  border-radius: 26px;
  padding: 26px 28px;
  background: rgba(255,255,255,0.72);
  box-shadow: 0 28px 76px -66px rgba(42,39,37,0.38);
}
.turning-outcomes__headline {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
}
.turning-outcomes__headline span,
.turning-outcomes__items span {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border: 1px solid rgba(248,138,43,0.18);
  border-radius: 50%;
  color: var(--brand);
  background: var(--brand-ultra);
}
.turning-outcomes__headline p {
  margin: 0;
  color: #101820;
  font-family: var(--font-title);
  font-size: clamp(1.8rem, 2.5vw, 2.35rem);
  line-height: 1.15;
}
.turning-outcomes__headline em {
  color: var(--brand);
  font-style: normal;
  font-weight: 500;
}
.turning-outcomes__items {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.turning-outcomes__items article {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}
.turning-outcomes__items article + article {
  border-left: 1px dashed var(--brand-line);
  padding-left: 14px;
}
.turning-outcomes__items p {
  margin: 0;
  color: #26313C;
  font-size: 0.8rem;
  line-height: 1.45;
}
.turning-outcomes__items strong {
  display: block;
  color: #101820;
  font-size: 0.82rem;
  font-weight: 800;
}
.turning-point .turning-card,
.turning-point .turning-outcomes {
  opacity: 1;
  transform: none;
  animation: none;
}
.turning-point.is-visible .turning-card--before {
  animation: fade-up 0.76s ease-out 120ms forwards;
}
.turning-point.is-visible .turning-card--after {
  animation: fade-up 0.76s ease-out 420ms forwards;
}
.turning-point.is-visible .turning-outcomes {
  animation: fade-up 0.76s ease-out 760ms forwards;
}

.have-proof {
  position: relative;
  overflow: hidden;
  scroll-margin-top: 130px;
  padding: 112px 0 120px;
  background:
    radial-gradient(46% 18% at 50% 10%, rgba(248,138,43,0.058), transparent 74%),
    radial-gradient(34% 18% at 82% 68%, rgba(111,149,96,0.045), transparent 74%),
    #FCFBFA;
}
.have-proof__container {
  width: min(100% - 56px, 1280px);
  margin-inline: auto;
}
.have-proof__header {
  max-width: 1080px;
  margin: 0 auto 38px;
  text-align: center;
}
.have-proof__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 14px;
  color: var(--brand);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.28em;
  line-height: 1;
  text-transform: uppercase;
}
.have-proof__eyebrow span {
  position: relative;
  width: 16px;
  height: 16px;
}
.have-proof__eyebrow span::before,
.have-proof__eyebrow span::after,
.proof-closing__copy > span::before,
.proof-closing__copy > span::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  border-radius: 999px;
  background: currentColor;
}
.have-proof__eyebrow span::before,
.proof-closing__copy > span::before { width: 3px; height: 16px; }
.have-proof__eyebrow span::after,
.proof-closing__copy > span::after { width: 16px; height: 3px; }
.have-proof__header h2 {
  margin: 0;
  color: #101820;
  font-family: var(--font-title);
  font-size: clamp(3.35rem, 4.7vw, 4.65rem);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.04;
}
.have-proof__header h2 em {
  color: var(--brand);
  font-style: italic;
  font-weight: 500;
}
.have-proof__header p:not(.have-proof__eyebrow) {
  margin: 16px auto 0;
  color: #24313F;
  font-size: 1.04rem;
  line-height: 1.7;
}
.proof-panel {
  display: grid;
  grid-template-columns: 0.98fr 0.98fr 1.12fr;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 28px;
  background: rgba(255,255,255,0.72);
  box-shadow: 0 30px 86px -72px rgba(42,39,37,0.42);
}
.proof-panel__head {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 86px;
  border-bottom: 1px solid var(--border);
  padding: 20px 34px;
  color: #2A2725;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}
.proof-panel__head + .proof-panel__head {
  border-left: 1px solid var(--border);
}
.proof-panel__head span {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
}
.proof-panel__head--moment {
  color: var(--brand);
}
.proof-panel__head--moment span {
  border: 1px solid rgba(248,138,43,0.16);
  background: var(--brand-ultra);
}
.proof-panel__head--without {
  color: #666;
}
.proof-panel__head--without span {
  border: 1px solid #E9E4DF;
  background: #F5F3F1;
}
.proof-panel__head--with {
  color: #3F7834;
  background: linear-gradient(180deg, rgba(248,255,242,0.68), rgba(255,255,255,0.94));
}
.proof-panel__head--with span {
  color: #fff;
  background: var(--growth);
  box-shadow: 0 18px 42px -34px rgba(111,149,96,0.65);
}
.proof-panel svg,
.proof-benefits svg {
  width: 28px;
  height: 28px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.proof-row {
  display: contents;
}
.proof-cell {
  display: grid;
  align-items: center;
  min-height: 82px;
  border-bottom: 1px solid var(--border);
  padding: 20px 34px;
  transition: background 260ms ease, box-shadow 260ms ease;
}
.proof-row:last-child .proof-cell {
  border-bottom: 0;
}
.proof-cell + .proof-cell {
  border-left: 1px solid var(--border);
}
.proof-cell--moment {
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 18px;
}
.proof-cell--moment span {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border: 1px solid rgba(248,138,43,0.17);
  border-radius: 50%;
  color: var(--brand);
  background: #FFF8F2;
}
.proof-cell--moment h3 {
  margin: 0;
  color: #111827;
  font-size: 0.98rem;
  line-height: 1.42;
}
.proof-cell--without {
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 18px;
  color: #666;
  background: rgba(255,255,255,0.62);
}
.proof-cell--without span,
.proof-cell--with span {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.proof-cell--without span {
  border: 1px solid #E1DED9;
  background: #F3F1EF;
}
.proof-cell--without span::before {
  content: "";
  width: 9px;
  height: 1.5px;
  border-radius: 999px;
  background: currentColor;
}
.proof-cell--with {
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 18px;
  background: linear-gradient(180deg, rgba(255,248,242,0.68), rgba(255,255,255,0.94));
}
.proof-cell--with span {
  border: 1px solid rgba(111,149,96,0.3);
  color: var(--growth);
  background: #F7FBF2;
}
.proof-cell--with span::before {
  content: "✓";
  font-size: 0.88rem;
  font-weight: 800;
}
.proof-cell p {
  margin: 0;
  color: #2B3541;
  font-size: 0.92rem;
  line-height: 1.6;
}
.proof-cell--without p {
  color: #53585D;
}
.proof-cell--with strong {
  color: #3F7834;
  font-weight: 800;
}
.proof-row:hover .proof-cell--with {
  box-shadow: inset 2px 0 0 rgba(248,138,43,0.45);
  background: linear-gradient(180deg, rgba(255,241,230,0.64), rgba(255,255,255,0.96));
}
.proof-closing {
  display: grid;
  grid-template-columns: minmax(292px, 0.7fr) minmax(620px, 1.25fr) minmax(150px, 0.28fr);
  gap: clamp(24px, 3.3vw, 46px);
  align-items: center;
  margin-top: 18px;
  border: 1px solid var(--border);
  border-radius: 26px;
  padding: 28px 34px;
  background: rgba(255,255,255,0.76);
  box-shadow: 0 28px 76px -66px rgba(42,39,37,0.38);
}
.proof-closing__copy {
  position: relative;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 18px;
}
.proof-closing__copy > span {
  position: relative;
  width: 18px;
  height: 18px;
  color: var(--brand);
  margin-top: 8px;
}
.proof-closing__copy h3 {
  margin: 0;
  color: #101820;
  font-family: var(--font-title);
  font-size: clamp(1.75rem, 2.5vw, 2.35rem);
  font-weight: 600;
  line-height: 1.16;
}
.proof-closing__copy h3 em {
  color: var(--brand);
  font-style: normal;
  font-weight: 500;
}
.proof-closing__copy p {
  grid-column: 2;
  margin: 18px 0 0;
  border-left: 2px solid var(--brand);
  padding-left: 18px;
  color: #26313C;
  font-size: 0.9rem;
  line-height: 1.58;
}
.proof-benefits {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.proof-benefits article {
  display: grid;
  justify-items: center;
  gap: 12px;
  text-align: center;
}
.proof-benefits span {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border: 1px solid rgba(248,138,43,0.18);
  border-radius: 50%;
  color: var(--brand);
  background: var(--brand-ultra);
}
.proof-benefits p {
  margin: 0;
  color: #26313C;
  font-size: 0.78rem;
  line-height: 1.46;
}
.proof-benefits strong {
  display: block;
  margin-bottom: 4px;
  color: #101820;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.03em;
}
.proof-seal {
  margin: 0;
  border-left: 1px solid var(--border);
  padding-left: 28px;
  text-align: center;
}
.proof-seal img {
  width: min(100%, 130px);
  margin-inline: auto;
  filter: drop-shadow(0 16px 26px rgba(111,149,96,0.12));
}
.proof-seal figcaption {
  max-width: 190px;
  margin: 12px auto 0;
  color: #26313C;
  font-size: 0.82rem;
  line-height: 1.45;
}
.have-proof .proof-row {
  opacity: 1;
  transform: none;
  animation: none;
}
.have-proof.is-visible .proof-row .proof-cell {
  animation: fade-up 0.62s ease-out both;
}
.have-proof.is-visible .proof-row:nth-of-type(1) .proof-cell { animation-delay: 70ms; }
.have-proof.is-visible .proof-row:nth-of-type(2) .proof-cell { animation-delay: 130ms; }
.have-proof.is-visible .proof-row:nth-of-type(3) .proof-cell { animation-delay: 190ms; }
.have-proof.is-visible .proof-row:nth-of-type(4) .proof-cell { animation-delay: 250ms; }
.have-proof.is-visible .proof-row:nth-of-type(5) .proof-cell { animation-delay: 310ms; }
.have-proof.is-visible .proof-row:nth-of-type(6) .proof-cell { animation-delay: 370ms; }

.labor-liability {
  position: relative;
  overflow: hidden;
  scroll-margin-top: 130px;
  padding: 72px 0 78px;
  background:
    radial-gradient(42% 18% at 28% 9%, rgba(248,138,43,0.055), transparent 74%),
    radial-gradient(36% 18% at 78% 70%, rgba(111,149,96,0.038), transparent 74%),
    #F7F4F2;
}
.labor-liability__container {
  width: min(100% - 56px, 1280px);
  margin-inline: auto;
}
.labor-liability__top {
  display: grid;
  grid-template-columns: 45% 55%;
  gap: 42px;
  align-items: start;
}
.labor-liability__intro {
  display: grid;
  min-height: 390px;
  align-content: start;
  border-right: 1px solid var(--brand-line);
  padding-right: 48px;
}
.labor-liability__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 32px;
  color: var(--brand);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.28em;
  line-height: 1;
  text-transform: uppercase;
}
.labor-liability__eyebrow span {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
}
.labor-liability svg,
.labor-arguments svg,
.labor-proof-surface svg,
.labor-honesty svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.labor-liability__eyebrow svg {
  width: 30px;
  height: 30px;
}
.labor-liability__intro h2 {
  margin: 0;
  color: #111;
  font-family: var(--font-title);
  font-size: clamp(3.1rem, 4.1vw, 3.5rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.1;
}
.labor-liability__intro h2 em {
  display: block;
  margin-top: 8px;
  color: var(--brand);
  font-style: italic;
  font-weight: 500;
}
.labor-arguments {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
}
.labor-arguments li {
  display: grid;
  grid-template-columns: 54px 72px minmax(0, 1fr);
  gap: 22px;
  align-items: center;
  min-height: 72px;
  border-bottom: 1px solid var(--border);
  padding: 0 0 18px;
}
.labor-arguments li + li {
  padding-top: 18px;
}
.labor-arguments li:last-child {
  border-bottom: 0;
}
.labor-arguments__number {
  color: var(--brand);
  font-family: var(--font-title);
  font-size: 2.22rem;
  font-weight: 500;
  line-height: 1;
}
.labor-arguments__icon {
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  border: 1px solid rgba(248,138,43,0.16);
  border-radius: 50%;
  color: var(--brand);
  background: rgba(255,248,242,0.78);
}
.labor-arguments__icon svg {
  width: 30px;
  height: 30px;
}
.labor-arguments p {
  margin: 0;
  color: #111827;
  font-size: 0.98rem;
  line-height: 1.52;
}
.legal-asset {
  display: grid;
  grid-template-columns: 40% 60%;
  gap: 28px;
  align-items: center;
  min-height: 300px;
  max-height: 320px;
  overflow: hidden;
  margin-top: 44px;
  border: 1px solid var(--border);
  border-radius: 22px;
  padding: 26px 30px;
  background: rgba(255,255,255,0.82);
  box-shadow: 0 28px 78px -70px rgba(42,39,37,0.42);
}
.legal-asset__copy span {
  display: block;
  width: 42px;
  height: 2px;
  margin-bottom: 16px;
  background: var(--brand);
}
.legal-asset__copy h3 {
  max-width: 380px;
  margin: 0;
  color: #102033;
  font-family: var(--font-title);
  font-size: clamp(1.85rem, 2.5vw, 2.32rem);
  font-weight: 500;
  line-height: 1.12;
}
.legal-asset__copy p {
  max-width: 390px;
  margin: 14px 0 0;
  color: #1F2A37;
  font-size: 0.94rem;
  line-height: 1.52;
}
.legal-asset__copy p strong {
  color: var(--brand);
  font-weight: 700;
}
.legal-report {
  margin: 0;
  align-self: stretch;
}
.legal-report picture {
  display: block;
  height: 100%;
}
.legal-report img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 286px;
  object-fit: contain;
  object-position: center right;
  filter: drop-shadow(0 24px 36px rgba(42,39,37,0.10));
}
.labor-proof-surface {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 28px;
  border: 1px solid var(--border);
  border-radius: 22px;
  background: rgba(255,255,255,0.82);
  box-shadow: 0 24px 72px -68px rgba(42,39,37,0.4);
}
.labor-proof-surface article {
  padding: 28px 42px 30px;
  text-align: center;
}
.labor-proof-surface article + article {
  border-left: 1px solid var(--border);
}
.labor-proof-surface span {
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  margin: 0 auto 16px;
  border: 1px solid rgba(111,149,96,0.18);
  border-radius: 50%;
  color: var(--growth);
  background: rgba(248,252,244,0.8);
}
.labor-proof-surface svg {
  width: 30px;
  height: 30px;
}
.labor-proof-surface p:first-of-type {
  margin: 0 0 12px;
  color: #3F7834;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.labor-proof-surface h3 {
  max-width: 290px;
  margin: 0 auto;
  color: #102033;
  font-family: var(--font-title);
  font-size: clamp(1.65rem, 2vw, 2.02rem);
  font-weight: 500;
  line-height: 1.14;
}
.labor-proof-surface p:last-child {
  max-width: 300px;
  margin: 14px auto 0;
  color: #24313F;
  font-size: 0.9rem;
  line-height: 1.52;
}
.labor-honesty {
  display: grid;
  grid-template-columns: minmax(260px, 0.7fr) minmax(520px, 1.3fr);
  gap: 46px;
  align-items: center;
  margin-top: 24px;
  border: 1px solid var(--brand-line);
  border-radius: 18px;
  padding: 24px 28px;
  background: #FFF8F2;
}
.labor-honesty__title {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 24px;
  align-items: center;
}
.labor-honesty__title span {
  display: grid;
  place-items: center;
  width: 82px;
  height: 82px;
  border: 1px solid rgba(248,138,43,0.28);
  border-radius: 50%;
  color: var(--brand);
  background: #fff;
}
.labor-honesty__title svg {
  width: 42px;
  height: 42px;
}
.labor-honesty h3 {
  margin: 0;
  color: #102033;
  font-family: var(--font-title);
  font-size: clamp(1.9rem, 2.8vw, 2.45rem);
  font-weight: 500;
  line-height: 1.08;
}
.labor-honesty h3::after {
  content: "";
  display: block;
  width: 42px;
  height: 2px;
  margin-top: 14px;
  background: var(--brand);
}
.labor-honesty p {
  margin: 0;
  color: #1F2A37;
  font-size: 1rem;
  line-height: 1.68;
}
.labor-liability .labor-liability__intro,
.labor-liability .labor-arguments,
.labor-liability .legal-asset,
.labor-liability .labor-proof-surface,
.labor-liability .labor-honesty {
  opacity: 1;
  transform: none;
  animation: none;
}
.labor-liability.is-visible .labor-liability__intro,
.labor-liability.is-visible .labor-arguments,
.labor-liability.is-visible .legal-asset,
.labor-liability.is-visible .labor-proof-surface,
.labor-liability.is-visible .labor-honesty {
  animation: fade-up 0.7s ease-out both;
}
.labor-liability.is-visible .labor-arguments { animation-delay: 90ms; }
.labor-liability.is-visible .legal-asset { animation-delay: 170ms; }
.labor-liability.is-visible .labor-proof-surface { animation-delay: 250ms; }
.labor-liability.is-visible .labor-honesty { animation-delay: 330ms; }

.return-section {
  position: relative;
  overflow: hidden;
  scroll-margin-top: 130px;
  padding: 110px 0;
  background:
    radial-gradient(44% 18% at 50% 4%, rgba(248,138,43,0.058), transparent 76%),
    #FCFBFA;
}
.return-section__container {
  width: min(100% - 56px, 1320px);
  margin-inline: auto;
}
.return-section__header {
  margin-bottom: 50px;
  text-align: center;
}
.return-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 12px;
  color: var(--brand);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.3em;
  line-height: 1;
  text-transform: uppercase;
}
.return-eyebrow span,
.return-eyebrow span::before,
.return-eyebrow span::after {
  display: block;
}
.return-eyebrow span {
  position: relative;
  width: 14px;
  height: 14px;
}
.return-eyebrow span::before,
.return-eyebrow span::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  border-radius: 999px;
  background: currentColor;
}
.return-eyebrow span::before { width: 3px; height: 14px; }
.return-eyebrow span::after { width: 14px; height: 3px; }
.return-section__header h2 {
  margin: 0;
  color: #102033;
  font-family: var(--font-title);
  font-size: clamp(3.4rem, 5.4vw, 5.1rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.02;
}
.return-section__header h2 em {
  color: var(--brand);
  font-style: italic;
  font-weight: 500;
}
.return-section svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.return-timeline {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 34px;
  margin: 0 auto 58px;
  padding: 0;
  list-style: none;
}
.return-timeline::before {
  content: "";
  position: absolute;
  left: 9%;
  right: 9%;
  top: 58px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--brand), var(--brand), transparent);
  transform-origin: left;
}
.return-section.is-visible .return-timeline::before {
  animation: draw-line 1.05s ease-out both;
}
.return-timeline li {
  position: relative;
  display: grid;
  justify-items: center;
  text-align: center;
}
.return-timeline strong {
  margin-bottom: 10px;
  color: var(--brand);
  font-family: var(--font-title);
  font-size: 1.15rem;
  font-weight: 600;
}
.return-timeline span {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  border: 1px solid rgba(248,138,43,0.18);
  border-radius: 50%;
  color: var(--brand);
  background: #fff;
  box-shadow: 0 16px 42px -36px rgba(248,138,43,0.5);
  transition: transform 260ms ease, box-shadow 260ms ease;
}
.return-timeline li:hover span {
  transform: translateY(-3px);
  box-shadow: 0 24px 62px -38px rgba(248,138,43,0.62);
}
.return-timeline svg {
  width: 32px;
  height: 32px;
}
.return-timeline h3 {
  margin: 18px 0 0;
  color: #111;
  font-size: 0.82rem;
  font-weight: 800;
}
.return-timeline p {
  max-width: 242px;
  margin: 10px 0 0;
  color: #102033;
  font-size: 0.9rem;
  line-height: 1.58;
}
.return-console {
  display: grid;
  grid-template-columns: 45% 55%;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 24px;
  background: rgba(255,255,255,0.9);
  box-shadow: 0 28px 80px -70px rgba(42,39,37,0.42);
}
.return-calculator,
.return-results {
  min-width: 0;
  padding: 34px;
}
.return-calculator {
  border-right: 1px solid var(--border);
}
.return-calculator__intro h3,
.return-results > h3 {
  margin: 0;
  color: #102033;
  font-family: var(--font-title);
  font-size: 1.45rem;
  font-weight: 600;
}
.return-calculator__intro p {
  margin: 12px 0 26px;
  color: #26313C;
  font-size: 0.9rem;
  line-height: 1.62;
}
.return-fields {
  display: grid;
  gap: 0;
  border: 1px solid var(--border);
  border-radius: 18px;
  overflow: hidden;
}
.return-field {
  display: grid;
  grid-template-columns: 48px minmax(0, 0.95fr) minmax(132px, 0.72fr);
  gap: 16px;
  align-items: center;
  padding: 18px 20px;
  background: #fff;
}
.return-field + .return-field {
  border-top: 1px solid var(--border);
}
.return-field > span {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(248,138,43,0.16);
  border-radius: 50%;
  color: var(--brand);
  background: #FFF8F2;
}
.return-field svg {
  width: 24px;
  height: 24px;
}
.return-field b {
  color: #111;
  font-size: 0.82rem;
  font-weight: 650;
  line-height: 1.32;
}
.return-field small {
  grid-column: 2;
  color: #444;
  font-size: 0.76rem;
  line-height: 1.48;
}
.return-field input,
.return-field select {
  grid-row: 1 / span 2;
  grid-column: 3;
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 0 14px;
  color: #111;
  background: #fff;
  font-weight: 500;
}
.return-data-note {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 18px 0 0;
  color: #444;
  font-size: 0.78rem;
}
.return-data-note span {
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border: 1px solid rgba(248,138,43,0.24);
  border-radius: 50%;
  color: var(--brand);
  font-size: 0.68rem;
}
.return-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 22px;
}
.return-kpis article {
  min-height: 132px;
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 18px 16px;
  background: #fff;
}
.return-kpis article:nth-child(1) { background: #FFF8F2; }
.return-kpis article:nth-child(2) { background: #FFF6F2; }
.return-kpis article:nth-child(3) { background: #F8FCF4; }
.return-kpis span {
  color: #111;
  font-size: 0.7rem;
  font-weight: 650;
  letter-spacing: 0.08em;
}
.return-kpis article:nth-child(2) span { color: #D33B24; }
.return-kpis article:nth-child(3) span { color: var(--growth); }
.return-kpis strong {
  display: block;
  margin-top: 14px;
  color: #111;
  font-size: clamp(1.02rem, 1.45vw, 1.35rem);
  font-weight: 600;
  line-height: 1;
}
.return-kpis p {
  margin: 12px 0 0;
  color: #444;
  font-size: 0.72rem;
  line-height: 1.45;
}
.return-insight {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 18px 0 0;
  border: 1px solid var(--brand-line);
  border-radius: 12px;
  padding: 14px 16px;
  color: #111;
  background: #FFF8F2;
  font-size: 0.86rem;
}
.return-insight span {
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border: 1px solid #444;
  border-radius: 50%;
  font-size: 0.7rem;
}
.return-chart {
  margin: 22px 0 0;
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 24px 24px 18px;
  background:
    radial-gradient(circle at 78% 36%, rgba(248,138,43,0.08), transparent 34%),
    #fff;
}
.return-chart figcaption {
  margin-bottom: 8px;
  color: #102033;
  font-size: 0.96rem;
  font-weight: 650;
}
.return-chart svg {
  width: 100%;
  height: auto;
  overflow: visible;
  display: block;
}
.return-chart__grid line {
  stroke: #EFEAE5;
  stroke-width: 1;
}
.return-chart__grid text {
  fill: #7B7B7B;
  font: 500 8.5px var(--font-body);
}
.return-chart__area {
  fill: url(#returnAreaGradient);
  stroke: none;
}
.return-chart__line {
  fill: none;
  stroke: var(--brand);
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.return-chart__points circle {
  stroke: #fff;
  stroke-width: 4;
}
.return-chart__value-pill rect {
  fill: #fff;
  stroke: rgba(239,234,229,0.96);
  stroke-width: 1;
  filter: drop-shadow(0 10px 18px rgba(18,24,32,0.08));
}
.return-chart__value-pill text {
  font: 600 10px var(--font-body);
}
.return-chart__x-label text {
  fill: #182234;
  font: 600 9.5px var(--font-body);
}
.return-chart__x-label text + text {
  fill: #6A6A6A;
  font-weight: 500;
}
.return-saving {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
  margin-top: 22px;
  border: 1px solid var(--brand-line);
  border-radius: 18px;
  padding: 22px;
  background: #FFF8F2;
}
.return-saving h3 {
  margin: 0;
  color: #102033;
  font-family: var(--font-title);
  font-size: 1.45rem;
  font-weight: 600;
  line-height: 1.16;
}
.return-saving p {
  margin: 14px 0 0;
  color: #26313C;
  font-size: 0.84rem;
  line-height: 1.62;
}
.return-saving > strong {
  color: var(--brand);
  font-family: var(--font-title);
  font-size: clamp(2.8rem, 4.2vw, 4.2rem);
  font-weight: 500;
  white-space: nowrap;
}
.return-total {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto minmax(260px, 1fr);
  gap: 44px;
  align-items: center;
  margin-top: 32px;
  border: 1px solid var(--brand-line);
  border-radius: 18px;
  padding: 28px 34px;
  background: #FFF8F2;
}
.return-total p {
  margin: 0;
  color: #102033;
  font-size: 1rem;
  line-height: 1.62;
}
.return-total strong {
  border-inline: 1px solid var(--border);
  padding-inline: 44px;
  color: var(--brand);
  font-family: var(--font-title);
  font-size: clamp(4rem, 6.2vw, 5rem);
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
.return-flow-card {
  display: grid;
  grid-template-columns: 36% 64%;
  gap: 26px;
  align-items: center;
  margin-top: 32px;
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 30px;
  background: rgba(255,255,255,0.86);
}
.return-flow-card__copy h3,
.return-platform h3 {
  margin: 0;
  color: #102033;
  font-family: var(--font-title);
  font-size: 1.6rem;
  font-weight: 600;
}
.return-flow-card__copy p {
  margin: 14px 0 0;
  color: #26313C;
  font-size: 0.86rem;
  line-height: 1.62;
}
.return-flow-card__copy strong {
  color: var(--brand);
}
.return-flow {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
}
.return-flow--prevention {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.return-flow--platform {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin-top: 26px;
}
.return-flow li {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 10px;
  text-align: center;
}
.return-flow li + li::before {
  content: "";
  position: absolute;
  right: calc(50% + 36px);
  top: 35px;
  width: calc(100% - 72px);
  border-top: 1px dashed var(--brand);
  opacity: 0.76;
}
.return-flow li + li::after {
  content: "→";
  position: absolute;
  right: calc(100% - 26px);
  top: 23px;
  color: var(--brand);
  font-size: 1rem;
}
.return-flow span {
  display: grid;
  place-items: center;
  width: 70px;
  height: 70px;
  border: 1px solid var(--border);
  border-radius: 50%;
  color: var(--brand);
  background: #fff;
  box-shadow: 0 18px 48px -38px rgba(42,39,37,0.32);
}
.return-flow span svg {
  width: 30px;
  height: 30px;
}
.return-flow li:last-child span {
  color: var(--growth);
  background: #F8FCF4;
}
.return-flow p {
  margin: 0;
  color: #102033;
  font-size: 0.76rem;
  line-height: 1.35;
}
.return-flow strong {
  color: #111;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.02em;
}
.return-platform {
  margin-top: 28px;
}
.return-platform > p {
  margin: 28px 0 0;
  color: #444;
  text-align: center;
  font-size: 0.82rem;
}
.return-section .return-section__header,
.return-section .return-timeline,
.return-section .return-console,
.return-section .return-total,
.return-section .return-flow-card,
.return-section .return-platform {
  opacity: 1;
  transform: none;
  animation: none;
}
.return-section.is-visible .return-section__header,
.return-section.is-visible .return-timeline,
.return-section.is-visible .return-console,
.return-section.is-visible .return-total,
.return-section.is-visible .return-flow-card,
.return-section.is-visible .return-platform {
  animation: fade-up 0.72s ease-out both;
}
.return-section.is-visible .return-timeline { animation-delay: 80ms; }
.return-section.is-visible .return-console { animation-delay: 160ms; }
.return-section.is-visible .return-total { animation-delay: 240ms; }
.return-section.is-visible .return-flow-card { animation-delay: 320ms; }
.return-section.is-visible .return-platform { animation-delay: 400ms; }
@keyframes draw-line {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

.implementation-journey {
  position: relative;
  overflow: hidden;
  scroll-margin-top: 130px;
  padding: 104px 0 88px;
  background:
    radial-gradient(48% 16% at 50% 7%, rgba(248,138,43,0.055), transparent 74%),
    radial-gradient(34% 18% at 86% 68%, rgba(111,149,96,0.035), transparent 76%),
    #FCFBFA;
}
.implementation-journey__container {
  max-width: 1320px;
  margin-inline: auto;
  padding-inline: 28px;
}
.implementation-journey__header {
  max-width: 1120px;
  margin: 0 auto 48px;
  text-align: center;
}
.implementation-journey__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 16px;
  color: var(--brand);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.3em;
  line-height: 1;
  text-transform: uppercase;
}
.implementation-journey__eyebrow span {
  position: relative;
  width: 16px;
  height: 16px;
}
.implementation-journey__eyebrow span::before,
.implementation-journey__eyebrow span::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  border-radius: 999px;
  background: currentColor;
}
.implementation-journey__eyebrow span::before { width: 3px; height: 16px; }
.implementation-journey__eyebrow span::after { width: 16px; height: 3px; }
.implementation-journey__header h2 {
  max-width: 1100px;
  margin: 0 auto;
  color: #111;
  font-family: var(--font-title);
  font-size: clamp(3.62rem, 5.3vw, 4.25rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.03;
}
.implementation-journey__header h2 em {
  color: var(--brand);
  font-style: italic;
  font-weight: 500;
}
.implementation-journey__header > p:not(.implementation-journey__eyebrow) {
  max-width: 990px;
  margin: 20px auto 0;
  color: #444;
  font-size: clamp(1.08rem, 1.45vw, 1.22rem);
  line-height: 1.55;
}
.implementation-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.implementation-step {
  position: relative;
  min-width: 0;
}
.implementation-step + .implementation-step .implementation-step__body {
  border-left: 1px solid var(--border);
}
.implementation-step__top {
  position: relative;
  display: grid;
  justify-items: center;
  min-height: 80px;
}
.implementation-step__top i {
  position: absolute;
  left: calc(50% + 52px);
  right: -48%;
  top: 32px;
  height: 1px;
  transform-origin: left center;
  color: #D8D1CB;
  background-image: linear-gradient(90deg, currentColor 0 4px, transparent 4px 9px);
}
.implementation-step__top i::after {
  content: "";
  position: absolute;
  right: 0;
  top: -4px;
  width: 8px;
  height: 8px;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
  transform: rotate(45deg);
}
.implementation-step__number {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border: 1px solid var(--border);
  border-radius: 50%;
  color: var(--brand);
  background: #fff;
  box-shadow: 0 18px 44px -36px rgba(42,39,37,0.34);
  font-family: var(--font-title);
  font-size: 1.9rem;
  font-weight: 600;
  line-height: 1;
}
.implementation-step__body {
  display: grid;
  justify-items: center;
  min-height: 552px;
  padding: 14px clamp(16px, 2vw, 28px) 0;
  text-align: center;
}
.implementation-step__icon {
  display: grid;
  place-items: center;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  color: var(--brand);
  background:
    radial-gradient(circle at 50% 50%, #FFF1E6 0 42%, rgba(255,241,230,0.35) 43% 100%);
}
.implementation-step svg,
.implementation-benefits svg {
  width: 42px;
  height: 42px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.implementation-step h3 {
  margin: 24px 0 0;
  color: #102033;
  font-size: clamp(1.24rem, 1.7vw, 1.42rem);
  line-height: 1.2;
}
.implementation-step p {
  max-width: 250px;
  margin: 12px auto 0;
  color: #24313F;
  font-size: 0.96rem;
  line-height: 1.55;
}
.implementation-step figure {
  display: grid;
  align-items: end;
  width: 100%;
  min-height: 220px;
  margin: auto 0 0;
}
.implementation-step picture {
  display: block;
}
.implementation-step img {
  width: 100%;
  max-height: 250px;
  object-fit: contain;
  object-position: center bottom;
  mix-blend-mode: multiply;
  filter: saturate(0.98) contrast(0.98);
  transition: transform 300ms ease, filter 300ms ease;
}
.implementation-step:nth-child(2) figure {
  min-height: 250px;
}
.implementation-step:nth-child(2) img {
  max-height: 300px;
  width: min(100%, 340px);
  justify-self: center;
  mix-blend-mode: normal;
}
.implementation-step:hover img {
  transform: translateY(-4px);
  filter: saturate(1.04) contrast(1);
}
.implementation-step:hover .implementation-step__icon,
.implementation-step:hover .implementation-step__number {
  box-shadow: 0 22px 54px -32px rgba(248,138,43,0.55);
}
.implementation-benefits {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 24px;
  border: 1px solid var(--border);
  border-radius: 24px;
  background: rgba(255,255,255,0.78);
  box-shadow: 0 24px 74px -68px rgba(42,39,37,0.38);
}
.implementation-benefits article {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  padding: 26px 32px;
}
.implementation-benefits article + article {
  border-left: 1px solid var(--border);
}
.implementation-benefits span {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border: 1px solid rgba(248,138,43,0.16);
  border-radius: 50%;
  color: var(--brand);
  background: var(--brand-ultra);
}
.implementation-benefits svg {
  width: 34px;
  height: 34px;
}
.implementation-benefits h3 {
  margin: 0;
  color: #102033;
  font-size: 1.03rem;
  line-height: 1.25;
}
.implementation-benefits p {
  margin: 6px 0 0;
  color: #24313F;
  font-size: 0.95rem;
  line-height: 1.5;
}
.implementation-journey .implementation-journey__header,
.implementation-journey .implementation-steps,
.implementation-journey .implementation-benefits {
  opacity: 1;
  transform: none;
  animation: none;
}
.implementation-journey.is-visible .implementation-journey__header,
.implementation-journey.is-visible .implementation-steps,
.implementation-journey.is-visible .implementation-benefits {
  animation: fade-up 0.72s ease-out both;
}
.implementation-journey.is-visible .implementation-steps { animation-delay: 90ms; }
.implementation-journey.is-visible .implementation-benefits { animation-delay: 230ms; }
.implementation-journey.is-visible .implementation-step__top i {
  animation: draw-line 0.7s ease-out both;
}
.implementation-journey.is-visible .implementation-step:nth-child(1) .implementation-step__top i { animation-delay: 220ms; }
.implementation-journey.is-visible .implementation-step:nth-child(2) .implementation-step__top i { animation-delay: 390ms; }
.implementation-journey.is-visible .implementation-step:nth-child(3) .implementation-step__top i { animation-delay: 560ms; }

.visibility-section {
  position: relative;
  overflow: hidden;
  scroll-margin-top: 130px;
  padding: 118px 0 104px;
  background:
    radial-gradient(34% 20% at 20% 18%, rgba(248,138,43,0.07), transparent 74%),
    radial-gradient(38% 24% at 88% 70%, rgba(111,149,96,0.045), transparent 72%),
    linear-gradient(180deg, #FCFBFA 0%, #FFFFFF 54%, #FCFBFA 100%);
}
.visibility-section::before,
.visibility-section::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border: 1px solid rgba(248,138,43,0.14);
  border-radius: 50%;
}
.visibility-section::before {
  width: 520px;
  height: 520px;
  left: -270px;
  top: 92px;
}
.visibility-section::after {
  width: 620px;
  height: 620px;
  right: -330px;
  bottom: 38px;
}
.visibility-section__container {
  position: relative;
  z-index: 1;
  width: min(100% - 56px, 1240px);
  margin-inline: auto;
}
.visibility-section__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(420px, 1.05fr);
  gap: clamp(52px, 6vw, 88px);
  align-items: center;
}
.visibility-section__copy {
  max-width: 570px;
}
.visibility-section__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 18px;
  color: var(--brand);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.29em;
  line-height: 1;
  text-transform: uppercase;
}
.visibility-section__eyebrow span {
  width: 32px;
  height: 1px;
  background: var(--brand);
}
.visibility-section h2 {
  margin: 0;
  color: #102033;
  font-family: var(--font-title);
  font-size: clamp(3.2rem, 4.9vw, 4.75rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.04;
}
.visibility-section__lead {
  margin: 24px 0 0;
  color: #263445;
  font-size: clamp(1.05rem, 1.3vw, 1.18rem);
  line-height: 1.72;
}
.visibility-signals {
  display: grid;
  gap: 18px;
  margin-top: 36px;
}
.visibility-signal {
  position: relative;
  padding: 0 0 0 28px;
}
.visibility-signal::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  bottom: 7px;
  width: 1px;
  background: linear-gradient(180deg, rgba(248,138,43,0.7), rgba(248,138,43,0.08));
}
.visibility-signal span {
  display: block;
  margin-bottom: 6px;
  color: var(--brand);
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}
.visibility-signal h3 {
  margin: 0;
  color: #102033;
  font-size: clamp(1.16rem, 1.55vw, 1.34rem);
  line-height: 1.25;
}
.visibility-signal p {
  margin: 8px 0 0;
  color: #3E4957;
  font-size: 0.96rem;
  line-height: 1.62;
}
.visibility-section__visual {
  position: relative;
}
.visibility-section__visual::before {
  content: "";
  position: absolute;
  inset: -34px -22px auto auto;
  width: 96px;
  height: 96px;
  color: var(--brand);
  background:
    linear-gradient(currentColor, currentColor) center/3px 42px no-repeat,
    linear-gradient(90deg, currentColor, currentColor) center/42px 3px no-repeat;
  opacity: 0.16;
  transform: rotate(45deg);
}
.visibility-dashboard {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(240,234,227,0.98);
  border-radius: 34px;
  padding: 26px;
  background:
    radial-gradient(58% 22% at 50% 4%, rgba(248,138,43,0.09), transparent 72%),
    rgba(255,255,255,0.82);
  box-shadow: 0 38px 100px -70px rgba(42,39,37,0.42);
}
.visibility-dashboard::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(120deg, transparent 0 44%, rgba(248,138,43,0.06) 44% 45%, transparent 45% 100%);
  pointer-events: none;
}
.visibility-dashboard__top,
.visibility-dashboard__alert,
.visibility-dashboard__cards,
.visibility-dashboard__trend {
  position: relative;
  z-index: 1;
}
.visibility-dashboard__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 22px;
}
.visibility-dashboard__top span {
  display: block;
  color: #8A8A8A;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.visibility-dashboard__top strong {
  display: block;
  margin-top: 4px;
  color: #102033;
  font-size: 1.34rem;
  line-height: 1.15;
}
.visibility-dashboard__top button {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border: 1px solid var(--border);
  border-radius: 50%;
  color: var(--brand);
  background: #fff;
  box-shadow: 0 18px 44px -34px rgba(42,39,37,0.36);
}
.visibility-dashboard svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.visibility-dashboard__alert {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  margin-bottom: 20px;
  border: 1px solid rgba(248,138,43,0.2);
  border-radius: 22px;
  padding: 16px;
  background: rgba(255,241,230,0.56);
}
.visibility-dashboard__alert span {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  color: var(--brand);
  background: #fff;
}
.visibility-dashboard__alert p {
  margin: 0;
  color: #263445;
  font-size: 0.94rem;
  line-height: 1.5;
}
.visibility-dashboard__alert strong {
  color: #102033;
}
.visibility-dashboard__matrix {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 10px;
  border: 1px solid var(--border);
  border-radius: 24px;
  padding: 18px;
  background: rgba(255,255,255,0.78);
}
.visibility-dashboard__matrix > div {
  display: grid;
  grid-template-columns: minmax(116px, 1.5fr) repeat(4, minmax(32px, 1fr));
  gap: 10px;
  align-items: center;
}
.visibility-dashboard__matrix span {
  color: #8A8A8A;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.visibility-dashboard__matrix strong {
  color: #24313F;
  font-size: 0.82rem;
  line-height: 1.2;
}
.visibility-dashboard__matrix i {
  min-height: 28px;
  border-radius: 8px;
  background: #DCE9D4;
}
.visibility-dashboard__matrix div:nth-child(2) i:nth-child(4),
.visibility-dashboard__matrix div:nth-child(4) i:nth-child(5),
.visibility-dashboard__matrix div:nth-child(5) i:nth-child(3) {
  background: #F7E5C7;
}
.visibility-dashboard__matrix div:nth-child(3) i {
  background: #F9C9A2;
}
.visibility-dashboard__matrix div:nth-child(3) i:nth-child(4),
.visibility-dashboard__matrix div:nth-child(3) i:nth-child(5) {
  background: #F88A2B;
}
.visibility-dashboard__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}
.visibility-dashboard__cards article {
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 16px;
  background: rgba(255,255,255,0.82);
}
.visibility-dashboard__cards span {
  display: block;
  color: #8A8A8A;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.visibility-dashboard__cards strong {
  display: block;
  margin-top: 9px;
  color: var(--brand);
  font-family: var(--font-title);
  font-size: 2.1rem;
  line-height: 0.95;
}
.visibility-dashboard__cards p {
  margin: 7px 0 0;
  color: #495464;
  font-size: 0.78rem;
  line-height: 1.35;
}
.visibility-dashboard__trend {
  display: flex;
  align-items: end;
  gap: 10px;
  height: 104px;
  margin-top: 18px;
  border: 1px solid var(--border);
  border-radius: 22px;
  padding: 18px;
  background:
    linear-gradient(180deg, rgba(248,138,43,0.07), transparent),
    rgba(255,255,255,0.72);
}
.visibility-dashboard__trend span {
  flex: 1;
  border-radius: 999px 999px 8px 8px;
  background: linear-gradient(180deg, var(--brand), #F6C198);
}
.visibility-dashboard__trend span:nth-child(1) { height: 35%; }
.visibility-dashboard__trend span:nth-child(2) { height: 44%; }
.visibility-dashboard__trend span:nth-child(3) { height: 52%; }
.visibility-dashboard__trend span:nth-child(4) { height: 68%; background: linear-gradient(180deg, #82A56E, #DCE9D4); }
.visibility-dashboard__trend span:nth-child(5) { height: 82%; background: linear-gradient(180deg, #6F9560, #DCE9D4); }
.visibility-closing {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 28px;
  align-items: center;
  margin-top: 56px;
  border: 1px solid rgba(248,138,43,0.18);
  border-radius: 28px;
  padding: 30px 36px;
  background:
    radial-gradient(34% 180% at 10% 50%, rgba(248,138,43,0.09), transparent 70%),
    rgba(255,255,255,0.84);
  box-shadow: 0 26px 80px -72px rgba(42,39,37,0.4);
}
.visibility-closing > span {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  border: 1px solid rgba(248,138,43,0.18);
  border-radius: 50%;
  color: var(--brand);
  background: var(--brand-ultra);
}
.visibility-closing svg {
  width: 34px;
  height: 34px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.visibility-closing h3 {
  margin: 0;
  color: #102033;
  font-family: var(--font-title);
  font-size: clamp(1.86rem, 2.8vw, 2.55rem);
  font-weight: 500;
  line-height: 1.08;
}
.visibility-closing p {
  max-width: 880px;
  margin: 12px 0 0;
  color: #263445;
  font-size: 1rem;
  line-height: 1.68;
}
.visibility-section .visibility-section__copy,
.visibility-section .visibility-section__visual,
.visibility-section .visibility-closing {
  opacity: 1;
  transform: none;
  animation: none;
}
.visibility-section.is-visible .visibility-section__copy,
.visibility-section.is-visible .visibility-section__visual,
.visibility-section.is-visible .visibility-closing {
  animation: fade-up 0.72s ease-out both;
}
.visibility-section.is-visible .visibility-section__visual { animation-delay: 130ms; }
.visibility-section.is-visible .visibility-closing { animation-delay: 240ms; }

.scope-section {
  position: relative;
  overflow: hidden;
  scroll-margin-top: 130px;
  padding: 112px 0 104px;
  background:
    radial-gradient(34% 24% at 50% 47%, rgba(248,138,43,0.085), transparent 74%),
    radial-gradient(30% 18% at 82% 22%, rgba(248,138,43,0.04), transparent 72%),
    #F7F4F2;
}
.scope-section__container {
  position: relative;
  z-index: 1;
  width: min(100% - 56px, 1320px);
  margin-inline: auto;
}
.scope-section__header {
  max-width: 1040px;
  margin: 0 auto 54px;
  text-align: center;
}
.scope-section__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 18px;
  color: var(--brand);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.3em;
  line-height: 1;
  text-transform: uppercase;
}
.scope-section__eyebrow span {
  position: relative;
  width: 16px;
  height: 16px;
}
.scope-section__eyebrow span::before,
.scope-section__eyebrow span::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  border-radius: 999px;
  background: currentColor;
}
.scope-section__eyebrow span::before { width: 3px; height: 16px; }
.scope-section__eyebrow span::after { width: 16px; height: 3px; }
.scope-section__header h2 {
  margin: 0;
  color: #102033;
  font-family: var(--font-title);
  font-size: clamp(3.45rem, 5.3vw, 4.9rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.03;
}
.scope-section__header h2 em {
  color: var(--brand);
  font-style: italic;
  font-weight: 500;
}
.scope-section__header > p:not(.scope-section__eyebrow) {
  max-width: 850px;
  margin: 24px auto 0;
  color: #24313F;
  font-size: clamp(1.08rem, 1.35vw, 1.22rem);
  line-height: 1.68;
}
.scope-plans {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
  align-items: stretch;
}
.scope-plan {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 620px;
  border: 1px solid var(--border);
  border-radius: 28px;
  padding: 36px;
  background: #fff;
  box-shadow: 0 26px 80px -72px rgba(42,39,37,0.4);
  transition: transform 300ms ease, box-shadow 300ms ease, border-color 300ms ease;
}
.scope-plan:hover {
  transform: translateY(-8px);
  border-color: rgba(248,138,43,0.38);
  box-shadow: 0 34px 96px -66px rgba(42,39,37,0.48), 0 22px 46px -42px rgba(248,138,43,0.58);
}
.scope-plan--featured {
  border-color: rgba(248,138,43,0.32);
  box-shadow: 0 36px 110px -72px rgba(248,138,43,0.62), 0 26px 70px -72px rgba(42,39,37,0.32);
}
.scope-plan__label {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  z-index: 2;
  border-radius: 999px;
  padding: 9px 17px;
  color: #fff;
  background: var(--brand);
  box-shadow: 0 16px 34px -22px rgba(248,138,43,0.84);
  font-size: 0.64rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}
.scope-plan__head {
  position: relative;
  min-height: 206px;
  padding-bottom: 28px;
  border-bottom: 1px solid var(--border);
}
.scope-plan__icon {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: var(--brand-ultra);
  border: 1px solid rgba(248,138,43,0.12);
}
.scope-plan__icon img {
  width: 38px;
  height: 38px;
}
.scope-plan__art {
  position: absolute;
  right: -14px;
  top: -16px;
  width: 154px;
  opacity: 0.34;
  pointer-events: none;
}
.scope-plan__head p {
  margin: 24px 0 6px;
  color: #102033;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.28em;
  line-height: 1.35;
  text-transform: uppercase;
}
.scope-plan__head h3 {
  margin: 0;
  color: #102033;
  font-family: var(--font-title);
  font-size: clamp(2.54rem, 3.3vw, 2.9rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.04;
}
.scope-plan__badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 18px;
  border: 1px solid var(--brand-line);
  border-radius: 999px;
  padding: 8px 14px;
  color: #3E342E;
  background: #FFF8F2;
  font-size: 0.86rem;
  line-height: 1;
}
.scope-plan svg,
.scope-assurances img {
  display: block;
}
.scope-plan__badge svg,
.scope-plan__list svg {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  fill: none;
  stroke: var(--brand);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.scope-plan__badge svg {
  border: 1px solid var(--brand);
  border-radius: 50%;
  padding: 2px;
}
.scope-plan__list {
  display: grid;
  gap: 20px;
  margin: 30px 0 32px;
  padding: 0;
  list-style: none;
}
.scope-plan__list li {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  color: #102033;
  font-size: 1rem;
  line-height: 1.48;
}
.scope-plan__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  width: 100%;
  min-height: 58px;
  margin-top: auto;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(180deg, #FF9D4D 0%, #F88A2B 100%);
  box-shadow: var(--shadow-brand);
  font-weight: 800;
  line-height: 1;
  transition: transform 250ms ease, box-shadow 250ms ease, filter 250ms ease;
}
.scope-plan__cta svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.scope-plan:hover .scope-plan__cta {
  filter: brightness(1.04);
  box-shadow: 0 1px 0 rgba(255,255,255,0.36) inset, 0 20px 44px -18px rgba(248,138,43,0.66);
}
.scope-plan__cta:hover {
  transform: scale(0.98);
}
.scope-assurances {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 28px;
  border: 1px solid var(--border);
  border-radius: 22px;
  background: rgba(255,255,255,0.78);
  box-shadow: 0 24px 80px -74px rgba(42,39,37,0.42);
}
.scope-assurances article {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  padding: 26px 34px;
}
.scope-assurances article + article {
  border-left: 1px solid var(--border);
}
.scope-assurances span {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border: 1px solid rgba(248,138,43,0.14);
  border-radius: 50%;
  background: var(--brand-ultra);
}
.scope-assurances img {
  width: 30px;
  height: 30px;
}
.scope-assurances h3 {
  margin: 0;
  color: #102033;
  font-size: 1.05rem;
  line-height: 1.25;
}
.scope-assurances p {
  margin: 6px 0 0;
  color: #444;
  font-size: 0.94rem;
  line-height: 1.5;
}
.scope-section .scope-section__header,
.scope-section .scope-plan,
.scope-section .scope-assurances {
  opacity: 1;
  transform: none;
  animation: none;
}
.scope-section.is-visible .scope-section__header,
.scope-section.is-visible .scope-plan,
.scope-section.is-visible .scope-assurances {
  animation: fade-up 0.72s ease-out both;
}
.scope-section.is-visible .scope-plan:nth-child(1) { animation-delay: 90ms; }
.scope-section.is-visible .scope-plan:nth-child(2) { animation-delay: 170ms; }
.scope-section.is-visible .scope-plan:nth-child(3) { animation-delay: 250ms; }
.scope-section.is-visible .scope-assurances { animation-delay: 340ms; }

.qualification-section {
  position: relative;
  overflow: hidden;
  scroll-margin-top: 130px;
  padding: 104px 0;
  background:
    radial-gradient(42% 22% at 50% 12%, rgba(248,138,43,0.06), transparent 74%),
    radial-gradient(32% 20% at 17% 72%, rgba(111,149,96,0.05), transparent 76%),
    #FCFBFA;
}
.qualification-section__container {
  position: relative;
  z-index: 1;
  max-width: 1240px;
  margin-inline: auto;
  padding-inline: 24px;
}
.qualification-section__header {
  max-width: 980px;
  margin: 0 auto 42px;
  text-align: center;
}
.qualification-section__eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 0 0 16px;
  color: var(--brand);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.28em;
  line-height: 1;
  text-transform: uppercase;
}
.qualification-section__eyebrow span {
  position: relative;
  width: 16px;
  height: 16px;
}
.qualification-section__eyebrow span::before,
.qualification-section__eyebrow span::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  border-radius: 999px;
  background: currentColor;
}
.qualification-section__eyebrow span::before { width: 3px; height: 16px; }
.qualification-section__eyebrow span::after { width: 16px; height: 3px; }
.qualification-section__header h2 {
  margin: 0;
  color: #111;
  font-family: var(--font-title);
  font-size: clamp(3.5rem, 5.4vw, 4.25rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.04;
}
.qualification-section__header h2 em {
  color: var(--brand);
  font-style: italic;
  font-weight: 500;
}
.qualification-section__header > p:not(.qualification-section__eyebrow) {
  max-width: 900px;
  margin: 20px auto 0;
  color: #24313F;
  font-size: clamp(1.12rem, 1.45vw, 1.25rem);
  line-height: 1.5;
}
.qualification-section__header strong {
  color: #102033;
  font-weight: 800;
}
.qualification-panels {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}
.qualification-panel {
  display: flex;
  flex-direction: column;
  min-height: 642px;
  border-radius: 28px;
  padding: 38px;
  box-shadow: 0 18px 48px -38px rgba(17,17,17,0.16);
  transition: transform 280ms ease, border-color 280ms ease, box-shadow 280ms ease;
}
.qualification-panel:hover {
  transform: translateY(-3px);
  box-shadow: 0 24px 64px -44px rgba(17,17,17,0.22);
}
.qualification-panel--fit {
  border: 1px solid rgba(111,149,96,0.20);
  background: linear-gradient(180deg, rgba(247,250,243,0.96), rgba(255,255,255,0.94));
}
.qualification-panel--fit:hover {
  border-color: rgba(111,149,96,0.34);
}
.qualification-panel--not-fit {
  border: 1px solid rgba(224,127,53,0.18);
  background: linear-gradient(180deg, rgba(255,248,244,0.92), rgba(255,255,255,0.95));
  box-shadow: 0 18px 48px -38px rgba(17,17,17,0.14);
}
.qualification-panel--not-fit:hover {
  border-color: rgba(224,127,53,0.3);
}
.qualification-panel__head {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 22px;
  align-items: center;
  margin-bottom: 30px;
}
.qualification-panel__mark {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  box-shadow: 0 18px 42px -34px rgba(17,17,17,0.22);
}
.qualification-panel--fit .qualification-panel__mark {
  color: var(--growth);
  background: #E8EFD9;
}
.qualification-panel--not-fit .qualification-panel__mark {
  color: var(--brand-deep);
  background: var(--brand-ultra);
}
.qualification-panel__mark svg {
  width: 38px;
  height: 38px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.qualification-panel__head h3 {
  margin: 0;
  color: #102033;
  font-family: var(--font-title);
  font-size: clamp(2.5rem, 3.55vw, 2.9rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.04;
}
.qualification-panel__head h3 em {
  font-style: italic;
  font-weight: 500;
}
.qualification-panel--fit .qualification-panel__head h3 em {
  color: var(--growth);
}
.qualification-panel--not-fit .qualification-panel__head h3 em {
  color: var(--brand-deep);
}
.qualification-panel__head p {
  display: inline-block;
  position: relative;
  margin: 14px 0 0;
  color: #444;
  font-size: 0.94rem;
  font-weight: 600;
  line-height: 1.5;
}
.qualification-panel__head p::after {
  content: "";
  display: block;
  width: 78px;
  height: 1px;
  margin-top: 14px;
}
.qualification-panel--fit .qualification-panel__head p::after {
  background: var(--growth);
}
.qualification-panel--not-fit .qualification-panel__head p::after {
  background: var(--brand-deep);
}
.qualification-list {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 0;
  padding: 0;
  list-style: none;
}
.qualification-list li {
  color: #222;
  font-size: 1rem;
  line-height: 1.55;
}
.qualification-list--fit li {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 20px;
  align-items: start;
  padding: 18px 0;
  border-bottom: 1px solid rgba(239,234,229,0.9);
}
.qualification-list--fit li:first-child {
  padding-top: 0;
}
.qualification-list--fit li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.qualification-list--fit span {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid #7A9650;
  border-radius: 50%;
  color: var(--growth);
  background: #fff;
}
.qualification-list--fit svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.qualification-list--not-fit {
  justify-content: space-between;
}
.qualification-list--not-fit li {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
  padding: 25px 0;
  border-bottom: 1px solid rgba(239,234,229,0.92);
}
.qualification-list--not-fit li:first-child {
  padding-top: 0;
}
.qualification-list--not-fit li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.qualification-list--not-fit span {
  width: 28px;
  height: 1px;
  margin-top: 12px;
  background: var(--brand-deep);
}
.qualification-list--not-fit p {
  margin: 0;
}
.qualification-list--not-fit strong {
  color: #102033;
  font-weight: 800;
}
.qualification-section .qualification-section__header,
.qualification-section .qualification-panel {
  opacity: 1;
  transform: none;
  animation: none;
}
.qualification-section.is-visible .qualification-section__header,
.qualification-section.is-visible .qualification-panel {
  animation: fade-up 0.72s ease-out both;
}
.qualification-section.is-visible .qualification-panel--fit { animation-delay: 90ms; }
.qualification-section.is-visible .qualification-panel--not-fit { animation-delay: 210ms; }

.faq-section {
  position: relative;
  overflow: hidden;
  scroll-margin-top: 130px;
  padding: 110px 0;
  background:
    radial-gradient(34% 18% at 50% 10%, rgba(248,138,43,0.07), transparent 74%),
    #F7F4F2;
}
.faq-section__container {
  position: relative;
  z-index: 1;
  width: min(100% - 48px, 1120px);
  margin-inline: auto;
}
.faq-section__header {
  max-width: 940px;
  margin: 0 auto 44px;
  text-align: center;
}
.faq-section__eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 0 0 18px;
  color: var(--brand);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.32em;
  line-height: 1;
  text-transform: uppercase;
}
.faq-section__eyebrow span {
  position: relative;
  width: 14px;
  height: 14px;
}
.faq-section__eyebrow span::before,
.faq-section__eyebrow span::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  border-radius: 999px;
  background: currentColor;
}
.faq-section__eyebrow span::before { width: 3px; height: 14px; }
.faq-section__eyebrow span::after { width: 14px; height: 3px; }
.faq-section__header h2 {
  margin: 0;
  color: #111;
  font-family: var(--font-title);
  font-size: clamp(3.5rem, 5.15vw, 4.125rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.04;
}
.faq-section__header h2 em {
  color: var(--brand);
  font-style: italic;
  font-weight: 500;
}
.faq-section__header > p:not(.faq-section__eyebrow) {
  max-width: 760px;
  margin: 18px auto 0;
  color: #555;
  font-size: 1.125rem;
  line-height: 1.6;
}
.faq-accordion {
  border: 1px solid var(--border);
  border-radius: 30px;
  padding: 18px;
  background: #fff;
  box-shadow: 0 28px 90px -78px rgba(42,39,37,0.38);
}
.faq-item {
  border-bottom: 1px solid var(--border);
}
.faq-item:last-child {
  border-bottom: 0;
}
.faq-item h3 {
  margin: 0;
}
.faq-item button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 34px;
  gap: 24px;
  align-items: center;
  width: 100%;
  border: 0;
  padding: 30px;
  color: #111;
  background: transparent;
  text-align: left;
  transition: color 250ms ease, background 250ms ease;
}
.faq-item button:hover {
  color: var(--brand);
  background: linear-gradient(90deg, rgba(248,138,43,0.035), transparent 55%);
}
.faq-item button span {
  font-family: var(--font-title);
  font-size: 1.875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.22;
}
.faq-item button svg {
  justify-self: end;
  width: 24px;
  height: 24px;
  fill: none;
  stroke: var(--brand);
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 250ms ease;
}
.faq-item.is-open button svg {
  transform: rotate(180deg);
}
.faq-answer {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 320ms ease, opacity 250ms ease;
}
.faq-answer p {
  max-width: 900px;
  margin: 0;
  padding: 0 30px 30px;
  color: #555;
  font-size: 1.0625rem;
  line-height: 1.85;
}
.faq-item.is-open .faq-answer {
  max-height: 420px;
  opacity: 1;
}
.faq-footer {
  display: grid;
  grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.2fr);
  gap: 36px;
  align-items: center;
  margin-top: 28px;
  border: 1px solid var(--brand-line);
  border-radius: 22px;
  padding: 28px;
  background: #FFF8F2;
}
.faq-footer h3 {
  margin: 0;
  color: #102033;
  font-family: var(--font-title);
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.1;
}
.faq-footer > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
}
.faq-footer p {
  margin: 0;
  color: #555;
  font-size: 1rem;
  line-height: 1.6;
}
.faq-footer__cta {
  min-height: 56px;
  padding-inline: 24px;
  white-space: nowrap;
}
.faq-footer__cta svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.faq-section .faq-section__header,
.faq-section .faq-accordion,
.faq-section .faq-footer {
  opacity: 1;
  transform: none;
  animation: none;
}
.faq-section.is-visible .faq-section__header,
.faq-section.is-visible .faq-accordion,
.faq-section.is-visible .faq-footer {
  animation: fade-up 0.72s ease-out both;
}
.faq-section.is-visible .faq-accordion { animation-delay: 120ms; }
.faq-section.is-visible .faq-footer { animation-delay: 220ms; }

.demo-section {
  position: relative;
  overflow: hidden;
  scroll-margin-top: 130px;
  padding: 120px 0;
  background:
    radial-gradient(38% 20% at 50% 10%, rgba(248,138,43,0.07), transparent 74%),
    radial-gradient(34% 18% at 88% 72%, rgba(111,149,96,0.035), transparent 72%),
    #FCFBFA;
}
.demo-section__container {
  position: relative;
  z-index: 1;
  width: min(100% - 56px, 1280px);
  margin-inline: auto;
}
.demo-section__header {
  max-width: 940px;
  margin: 0 auto 48px;
  text-align: center;
}
.demo-section__eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 0 0 16px;
  color: var(--brand);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.3em;
  line-height: 1;
  text-transform: uppercase;
}
.demo-section__eyebrow span {
  position: relative;
  width: 16px;
  height: 16px;
}
.demo-section__eyebrow span::before,
.demo-section__eyebrow span::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  border-radius: 999px;
  background: currentColor;
}
.demo-section__eyebrow span::before { width: 3px; height: 16px; }
.demo-section__eyebrow span::after { width: 16px; height: 3px; }
.demo-section__header h2 {
  margin: 0;
  color: #102033;
  font-family: var(--font-title);
  font-size: clamp(3.75rem, 5.4vw, 4.25rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.02;
}
.demo-section__header h2 em {
  color: var(--brand);
  font-style: italic;
  font-weight: 500;
}
.demo-section__header > p:not(.demo-section__eyebrow) {
  max-width: 760px;
  margin: 22px auto 0;
  color: #24313F;
  font-size: 1.125rem;
  line-height: 1.62;
}
.demo-surface {
  border: 1px solid var(--border);
  border-radius: 30px;
  padding: 42px;
  background: #fff;
  box-shadow: 0 30px 90px -78px rgba(42,39,37,0.42);
}
.demo-deliverables {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.demo-deliverable {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 510px;
  padding: 0 34px;
}
.demo-deliverable:first-child {
  padding-left: 0;
}
.demo-deliverable:last-child {
  padding-right: 0;
}
.demo-deliverable + .demo-deliverable {
  border-left: 1px solid var(--border);
}
.demo-deliverable__top {
  display: flex;
  align-items: center;
  gap: 26px;
}
.demo-deliverable__icon {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  border: 1px solid rgba(248,138,43,0.14);
  background: var(--brand-ultra);
}
.demo-deliverable__icon img {
  width: 38px;
  height: 38px;
}
.demo-deliverable__index {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  color: var(--brand);
  font-family: var(--font-title);
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
}
.demo-deliverable__index::after {
  content: "";
  width: 46px;
  height: 1px;
  background: var(--brand);
}
.demo-deliverable h3 {
  margin: 30px 0 0;
  color: #102033;
  font-family: var(--font-title);
  font-size: clamp(2rem, 2.7vw, 2.35rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.15;
}
.demo-deliverable h3::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: 24px 0 0;
  background: var(--border);
}
.demo-deliverable p {
  margin: 24px 0 0;
  color: #24313F;
  font-size: 1rem;
  line-height: 1.68;
}
.demo-deliverable__art {
  width: 100%;
  max-width: 300px;
  margin: auto auto 0;
  opacity: 0.96;
  filter: saturate(0.98);
  transition: transform 280ms ease, filter 280ms ease;
}
.demo-deliverable:hover .demo-deliverable__art {
  transform: translateY(-3px);
  filter: saturate(1.04);
}
.demo-brief {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 34px;
  border: 1px solid var(--border);
  border-radius: 24px;
  background: #FBF8F5;
}
.demo-brief article {
  display: grid;
  grid-template-columns: 66px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  padding: 28px;
}
.demo-brief article + article {
  border-left: 1px solid var(--border);
}
.demo-brief span {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border: 1px solid rgba(248,138,43,0.14);
  border-radius: 50%;
  background: var(--brand-ultra);
}
.demo-brief img {
  width: 30px;
  height: 30px;
}
.demo-brief h3 {
  margin: 0;
  color: #102033;
  font-size: 1rem;
  line-height: 1.3;
}
.demo-brief p {
  margin: 12px 0 0;
  color: #24313F;
  font-size: 0.91rem;
  line-height: 1.62;
}
.demo-cta {
  display: grid;
  justify-items: center;
  gap: 16px;
  margin-top: 32px;
}
.demo-cta__button {
  min-width: min(100%, 440px);
  min-height: 58px;
  justify-content: center;
}
.demo-cta__button svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.demo-cta p {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: #666;
  font-size: 0.94rem;
  line-height: 1.4;
  text-align: center;
}
.demo-cta p svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.demo-section .demo-section__header,
.demo-section .demo-surface,
.demo-section .demo-cta {
  opacity: 1;
  transform: none;
  animation: none;
}
.demo-section.is-visible .demo-section__header,
.demo-section.is-visible .demo-surface,
.demo-section.is-visible .demo-cta {
  animation: fade-up 0.72s ease-out both;
}
.demo-section.is-visible .demo-surface { animation-delay: 120ms; }
.demo-section.is-visible .demo-cta { animation-delay: 240ms; }

.final-cta-section {
  position: relative;
  overflow: hidden;
  scroll-margin-top: 130px;
  padding: 110px 0 0;
  background:
    radial-gradient(34% 20% at 50% 12%, rgba(248,138,43,0.08), transparent 74%),
    #FCFBFA;
}
.final-cta-section::before,
.final-cta-section::after {
  content: "";
  position: absolute;
  bottom: 118px;
  width: 420px;
  height: 220px;
  border: 1px solid rgba(248,138,43,0.14);
  border-radius: 50%;
  pointer-events: none;
}
.final-cta-section::before {
  left: -210px;
}
.final-cta-section::after {
  right: -210px;
}
.final-cta-section__container {
  position: relative;
  z-index: 1;
  width: min(100% - 48px, 1120px);
  margin-inline: auto;
}
.final-cta-section__header {
  max-width: 940px;
  margin: 0 auto;
  text-align: center;
}
.final-cta-section__eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 0 0 16px;
  color: var(--brand);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.3em;
  line-height: 1;
  text-transform: uppercase;
}
.final-cta-section__eyebrow span {
  position: relative;
  width: 16px;
  height: 16px;
}
.final-cta-section__eyebrow span::before,
.final-cta-section__eyebrow span::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  border-radius: 999px;
  background: currentColor;
}
.final-cta-section__eyebrow span::before { width: 3px; height: 16px; }
.final-cta-section__eyebrow span::after { width: 16px; height: 3px; }
.final-cta-section__header h2 {
  margin: 0;
  color: #102033;
  font-family: var(--font-title);
  font-size: clamp(3.7rem, 5.3vw, 4.65rem);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.02;
}
.final-cta-section__header h2 em {
  color: var(--brand);
  font-style: italic;
  font-weight: 500;
}
.final-cta-section__header > p:not(.final-cta-section__eyebrow) {
  max-width: 810px;
  margin: 24px auto 0;
  color: #24313F;
  font-size: 1.2rem;
  line-height: 1.58;
}
.final-cta-actions {
  display: grid;
  grid-template-columns: minmax(360px, 520px) minmax(420px, 470px);
  gap: 34px;
  align-items: start;
  justify-content: center;
  max-width: 1060px;
  margin: 44px auto 0;
}
.final-cta-actions__primary {
  width: 100%;
  min-height: 74px;
  justify-content: center;
  border-radius: 10px;
  font-size: 1.2rem;
}
.final-cta-actions__primary svg,
.final-cta-actions__whatsapp > svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.final-cta-actions > div > p {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 14px 0 0;
  color: #666;
  font-size: 0.9rem;
  line-height: 1.4;
}
.final-cta-actions > div > p svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.final-cta-actions__whatsapp {
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: flex-start;
  min-height: 74px;
  border: 1px solid rgba(69,164,68,0.24);
  border-radius: 18px;
  padding: 16px 22px;
  color: var(--growth);
  background:
    linear-gradient(135deg, rgba(255,255,255,0.98), rgba(250,255,248,0.92));
  box-shadow: 0 20px 52px -44px rgba(47,120,56,0.34);
  overflow: hidden;
  transition: transform 250ms ease, border-color 250ms ease, box-shadow 250ms ease, background 250ms ease;
}
.final-cta-actions__whatsapp:hover {
  transform: translateY(-3px);
  border-color: rgba(69,164,68,0.42);
  background: #fff;
  box-shadow: 0 24px 68px -48px rgba(47,120,56,0.46);
}
.final-cta-actions__whatsapp-icon {
  flex: 0 0 54px;
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 18px;
  background: rgba(37, 211, 102, 0.08);
  color: #45A444;
}
.final-cta-actions__whatsapp-icon img {
  display: block;
  width: 34px;
  height: 34px;
  object-fit: contain;
}
.final-cta-actions__whatsapp-copy {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
}
.final-cta-actions__whatsapp strong {
  display: block;
  color: #102033;
  font-size: 0.95rem;
  line-height: 1.15;
  white-space: nowrap;
}
.final-cta-actions__whatsapp em {
  display: block;
  margin-top: 4px;
  color: #45A444;
  font-style: normal;
  font-size: clamp(1.05rem, 1.28vw, 1.18rem);
  font-weight: 800;
  line-height: 1.08;
  white-space: nowrap;
}
.final-cta-actions__whatsapp > svg {
  flex: 0 0 22px;
  margin-left: auto;
  color: #5f8f54;
}
.final-proof-strip {
  position: relative;
  z-index: 1;
  margin-top: 64px;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  background: rgba(251,248,245,0.92);
}
.final-proof-strip__inner {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: min(100% - 48px, 1240px);
  margin-inline: auto;
}
.final-proof-strip article {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  padding: 28px 32px;
}
.final-proof-strip article + article {
  border-left: 1px solid var(--border);
}
.final-proof-strip span {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border: 1px solid rgba(248,138,43,0.14);
  border-radius: 50%;
  color: var(--brand);
  background: var(--brand-ultra);
}
.final-proof-strip svg {
  width: 34px;
  height: 34px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.final-proof-strip h3 {
  margin: 0;
  color: #102033;
  font-size: 1rem;
  line-height: 1.25;
}
.final-proof-strip p {
  margin: 8px 0 0;
  color: #24313F;
  font-size: 0.94rem;
  line-height: 1.5;
}
.site-footer {
  background:
    radial-gradient(42% 54% at 18% 0%, rgba(248,138,43,0.12), transparent 70%),
    linear-gradient(135deg, #061527 0%, #071C33 48%, #071426 100%);
  color: #fff;
  padding: 68px 0 36px;
}
.site-footer__container {
  display: grid;
  grid-template-columns: minmax(260px, 1.1fr) minmax(440px, 1.55fr) minmax(260px, 0.9fr);
  gap: 58px;
  width: min(100% - 48px, 1240px);
  margin-inline: auto;
}
.site-footer__logo {
  display: inline-flex;
  align-items: center;
  gap: 14px;
}
.site-footer__logo > img {
  width: 52px;
  height: 52px;
  object-fit: contain;
  display: block;
}
.site-footer__logo strong {
  display: block;
  color: #fff;
  font-size: 1.7rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1;
}
.site-footer__logo em {
  display: block;
  margin-top: 5px;
  color: var(--brand);
  font-style: normal;
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.28em;
  line-height: 1;
}
.site-footer__brand > p {
  max-width: 330px;
  margin: 24px 0 0;
  color: rgba(255,255,255,0.84);
  font-size: 0.98rem;
  line-height: 1.72;
}
.site-footer__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 30px;
}
.site-footer__badges span {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  color: rgba(255,255,255,0.86);
  font-size: 0.72rem;
  line-height: 1.25;
}
.site-footer svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.site-footer__badges svg {
  width: 28px;
  height: 28px;
  color: rgba(255,255,255,0.74);
}
.site-footer__nav {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 42px;
}
.site-footer h3 {
  margin: 0 0 18px;
  color: rgba(255,255,255,0.92);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.site-footer__nav a,
.site-footer__contact a,
.site-footer__contact span,
.site-footer__bottom a {
  color: rgba(255,255,255,0.82);
  transition: color 220ms ease;
}
.site-footer__nav a:hover,
.site-footer__contact a:hover,
.site-footer__bottom a:hover {
  color: var(--brand-hover);
}
.site-footer__nav a {
  display: block;
  margin-top: 12px;
  font-size: 0.96rem;
  line-height: 1.35;
}
.site-footer__contact {
  margin: 0;
  font-style: normal;
}
.site-footer__contact h3 {
  color: var(--brand);
}
.site-footer__contact > a,
.site-footer__contact > span {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  margin-top: 14px;
  font-size: 0.96rem;
  line-height: 1.45;
}
.site-footer__contact svg {
  width: 22px;
  height: 22px;
}
.site-footer__social {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}
.site-footer__social a {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255,255,255,0.28);
  border-radius: 50%;
  color: rgba(255,255,255,0.86);
  font-weight: 800;
}
.site-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  grid-column: 1 / -1;
  margin-top: 44px;
  border-top: 1px solid rgba(255,255,255,0.18);
  padding-top: 24px;
}
.site-footer__bottom p {
  margin: 0;
  color: rgba(255,255,255,0.72);
  font-size: 0.82rem;
}
.site-footer__bottom div {
  display: inline-flex;
  gap: 16px;
  align-items: center;
  color: rgba(255,255,255,0.55);
  font-size: 0.82rem;
}
.final-cta-section .final-cta-section__header,
.final-cta-section .final-cta-actions,
.final-cta-section .final-proof-strip {
  opacity: 1;
  transform: none;
  animation: none;
}
.final-cta-section.is-visible .final-cta-section__header,
.final-cta-section.is-visible .final-cta-actions,
.final-cta-section.is-visible .final-proof-strip {
  animation: fade-up 0.72s ease-out both;
}
.final-cta-section.is-visible .final-cta-actions { animation-delay: 120ms; }
.final-cta-section.is-visible .final-proof-strip { animation-delay: 220ms; }

.limits-section {
  position: relative;
  overflow: hidden;
  scroll-margin-top: 130px;
  padding: 118px 0 128px;
  background:
    radial-gradient(56% 22% at 50% 12%, rgba(248,138,43,0.065), transparent 72%),
    radial-gradient(42% 18% at 82% 68%, rgba(248,138,43,0.04), transparent 72%),
    #F7F4F2;
}
.limits-section__container {
  position: relative;
  z-index: 2;
  width: min(100% - 40px, 1240px);
  margin-inline: auto;
}
.limits-section__lines {
  position: absolute;
  pointer-events: none;
  fill: none;
  stroke: var(--brand);
  stroke-width: 1;
  opacity: 0.065;
}
.limits-section__lines--left {
  width: min(940px, 82vw);
  left: -26vw;
  top: 26%;
}
.limits-section__lines--right {
  width: min(760px, 58vw);
  right: -18vw;
  bottom: 12%;
  opacity: 0.05;
}
.limits-section__spark {
  position: absolute;
  width: 24px;
  height: 24px;
  background: var(--brand-hover);
  clip-path: polygon(50% 0, 60% 40%, 100% 50%, 60% 60%, 50% 100%, 40% 60%, 0 50%, 40% 40%);
  opacity: 0.34;
}
.limits-section__spark--one { left: 7vw; top: 32%; }
.limits-section__spark--two { right: 9vw; top: 62%; width: 18px; height: 18px; }
.limits-header {
  max-width: 1040px;
  margin-inline: auto;
  text-align: center;
}
.limits-eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 0 0 24px;
  color: var(--brand);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.3em;
  line-height: 1.4;
  text-transform: uppercase;
}
.limits-eyebrow .spark {
  width: 16px;
  height: 16px;
}
.limits-header h2 {
  margin: 0;
  color: #111;
  font-size: clamp(3.05rem, 4.1vw, 3.7rem);
  line-height: 0.98;
}
.limits-header h2 span {
  display: block;
  margin-top: 10px;
  color: var(--brand);
  font-size: 0.93em;
  font-style: italic;
  line-height: 0.9;
}
.limits-summary {
  display: grid;
  gap: 18px;
  max-width: 820px;
  margin: 30px auto 0;
  color: #444;
  font-size: clamp(1rem, 1.28vw, 1.18rem);
  line-height: 1.38;
  font-weight: 500;
}
.limits-summary p {
  margin: 0;
}
.limits-summary__steps {
  display: grid;
  gap: 13px;
  margin-top: 6px;
  color: #555;
  font-size: 0.98em;
  line-height: 1.3;
}
.limits-summary__steps span {
  display: block;
}
.event-chain {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: stretch;
  gap: 18px;
  margin-top: 54px;
  padding-top: 30px;
}
.event-chain__line {
  position: absolute;
  top: 41px;
  left: calc(8.333% - 1px);
  width: 83.333%;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, #E7DED6 8%, #E7DED6 92%, transparent 100%);
  transform: scaleX(0);
  transform-origin: left center;
}
.limits-section.is-visible .event-chain__line {
  animation: timeline-grow 1.2s cubic-bezier(.2,.8,.2,1) forwards;
}
.event-chain__item {
  position: relative;
  display: grid;
  grid-template-rows: auto auto 1fr;
  justify-items: center;
  opacity: 0;
  transform: translateY(22px);
}
.limits-section.is-visible .event-chain__item {
  animation: fade-up 0.7s ease-out forwards;
}
.event-chain__item:nth-of-type(1) { animation-delay: 80ms; }
.event-chain__item:nth-of-type(2) { animation-delay: 180ms; }
.event-chain__item:nth-of-type(3) { animation-delay: 280ms; }
.event-chain__item:nth-of-type(4) { animation-delay: 380ms; }
.event-chain__item:nth-of-type(5) { animation-delay: 480ms; }
.event-chain__item:nth-of-type(6) { animation-delay: 580ms; }
.event-chain__dot {
  position: relative;
  z-index: 2;
  width: 15px;
  height: 15px;
  border: 3px solid #F7F4F2;
  border-radius: 50%;
  background: var(--brand);
  box-shadow: 0 0 0 1px #F3D7BE, 0 12px 28px -16px rgba(248,138,43,0.95);
}
.event-chain__stem {
  width: 1px;
  height: 22px;
  background: linear-gradient(180deg, #E7DED6, transparent);
}
.event-chain__card {
  width: 100%;
  min-height: 252px;
  height: 100%;
  border: 1px solid #EFEAE5;
  border-radius: 22px;
  background: rgba(255,255,255,0.88);
  box-shadow: 0 26px 70px -56px rgba(17,17,17,0.28);
  padding: 22px 20px;
  backdrop-filter: blur(8px);
}
.event-chain__icon {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  margin-bottom: 18px;
  border-radius: 50%;
  background: #FFF1E6;
  color: var(--brand);
}
.event-chain__icon svg {
  width: 27px;
  height: 27px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.event-chain__card h3 {
  margin: 0;
  color: #111;
  font-family: var(--font-body);
  font-size: 0.94rem;
  line-height: 1.16;
  letter-spacing: 0;
  font-weight: 800;
}
.event-chain__card p {
  margin: 10px 0 0;
  color: #555;
  font-size: 0.78rem;
  line-height: 1.43;
  font-weight: 500;
}
.limits-insight {
  position: relative;
  display: grid;
  grid-template-columns: 92px 1px minmax(0, 1fr);
  align-items: center;
  gap: 34px;
  max-width: 1040px;
  margin: 96px auto 0;
  padding: 42px 48px;
  border: 1px solid rgba(239,234,229,0.9);
  border-radius: 30px;
  background: rgba(255,255,255,0.68);
  box-shadow: 0 34px 90px -68px rgba(17,17,17,0.32);
}
.limits-insight::before {
  content: "“";
  position: absolute;
  right: 34px;
  top: 8px;
  color: rgba(248,138,43,0.12);
  font-family: var(--font-title);
  font-size: 8rem;
  line-height: 1;
}
.limits-insight__mark {
  display: grid;
  place-items: center;
  width: 92px;
  height: 92px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 50% 50%, rgba(248,138,43,0.22), transparent 62%),
    #FFF8F2;
}
.limits-insight__mark::before {
  content: "";
  width: 42px;
  height: 42px;
  background: var(--brand);
  clip-path: polygon(50% 0, 60% 40%, 100% 50%, 60% 60%, 50% 100%, 40% 60%, 0 50%, 40% 40%);
}
.limits-insight__rule {
  width: 1px;
  height: 92px;
  background: linear-gradient(180deg, transparent, #E5DAD1, transparent);
}
.limits-insight blockquote {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #222;
  font-size: clamp(1.24rem, 1.7vw, 1.52rem);
  line-height: 1.34;
  font-weight: 600;
}
.limits-insight strong {
  color: var(--brand);
}
.enterprise-card {
  display: grid;
  grid-template-columns: 45fr 55fr;
  gap: clamp(44px, 5vw, 76px);
  align-items: center;
  margin-top: 84px;
  padding: clamp(40px, 5vw, 64px);
  border: 1px solid #EFEAE5;
  border-radius: 30px;
  background:
    radial-gradient(70% 42% at 12% 0%, rgba(248,138,43,0.065), transparent 72%),
    #fff;
  box-shadow: 0 38px 120px -76px rgba(17,17,17,0.35);
}
.enterprise-card__eyebrow {
  margin: 0 0 14px;
  color: var(--brand);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.24em;
  line-height: 1.3;
  text-transform: uppercase;
}
.enterprise-card__copy h2 {
  margin: 0;
  color: #111;
  max-width: 560px;
  font-size: clamp(2.55rem, 3.65vw, 3.72rem);
  line-height: 1.02;
}
.enterprise-card__pillars {
  margin-top: 46px;
}
.enterprise-card__pillars section {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 18px;
  padding: 22px 0;
  border-top: 1px solid #EFEAE5;
}
.enterprise-card__pillars section:last-child {
  border-bottom: 1px solid #EFEAE5;
}
.enterprise-card__pillars span {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #FFF1E6;
  color: var(--brand);
}
.enterprise-card__pillars svg {
  width: 23px;
  height: 23px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.enterprise-card__pillars h3 {
  margin: 0;
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: 1.3;
  letter-spacing: 0;
  font-weight: 800;
}
.enterprise-card__pillars p {
  margin: 7px 0 0;
  color: #555;
  font-size: 0.94rem;
  line-height: 1.58;
  font-weight: 500;
}
.enterprise-card__visual {
  min-width: 0;
}
.enterprise-phone-composite {
  position: relative;
  display: grid;
  place-items: center;
  width: min(108%, 760px);
  margin: 0 0 0 auto;
  padding: 0;
  isolation: isolate;
}
.enterprise-phone-composite::before {
  display: none;
}
.enterprise-phone-composite img {
  display: block;
  width: min(100%, 760px);
  height: auto;
  object-fit: contain;
  background: transparent;
  filter: none;
}
.app-phone-showcase {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: end;
  gap: 0;
  width: min(100%, 620px);
  min-height: 440px;
  margin-left: auto;
  padding: 26px 10px 20px;
}
.app-phone-showcase::before {
  content: "";
  position: absolute;
  inset: 15% 2% 5%;
  z-index: -1;
  border-radius: 42px;
  background:
    radial-gradient(circle at 50% 20%, rgba(248,138,43,0.16), transparent 45%),
    linear-gradient(180deg, rgba(255,248,242,0.72), rgba(255,255,255,0.22));
  filter: blur(2px);
}
.app-phone {
  position: relative;
  margin: 0;
  transform-origin: bottom center;
}
.app-phone--left {
  z-index: 1;
  transform: translateX(34px) rotate(-7deg) scale(0.78);
}
.app-phone--center {
  z-index: 3;
  transform: translateY(-12px) scale(0.9);
}
.app-phone--right {
  z-index: 2;
  transform: translateX(-34px) rotate(6deg) scale(0.78);
}
.app-phone__frame {
  position: relative;
  width: 206px;
  aspect-ratio: 390 / 760;
  margin-inline: auto;
  border: 8px solid #151515;
  border-radius: 34px;
  background: #151515;
  box-shadow:
    0 36px 72px -42px rgba(17,17,17,0.52),
    0 12px 36px -26px rgba(248,138,43,0.38);
  overflow: hidden;
}
.app-phone__notch {
  position: absolute;
  z-index: 4;
  top: 9px;
  left: 50%;
  width: 64px;
  height: 18px;
  transform: translateX(-50%);
  border-radius: 999px;
  background: #111;
}
.app-screen {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 26px;
  background: #fff;
  color: #222631;
  font-family: var(--font-body);
}
.app-screen__brand {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 64px;
  padding: 14px 18px;
  border-bottom: 1px solid #EFEAE5;
}
.app-screen__brand img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  padding: 6px;
  border: 1px solid #EFEAE5;
  border-radius: 12px;
  box-shadow: 0 6px 18px -14px rgba(17,17,17,0.35);
}
.app-screen__brand strong {
  display: block;
  color: #111;
  font-family: var(--font-title);
  font-size: 1.05rem;
  line-height: 0.92;
}
.app-screen__brand span {
  display: block;
  margin-top: 4px;
  color: var(--brand);
  font-size: 0.46rem;
  font-weight: 800;
  letter-spacing: 0.28em;
}
.app-back {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #F8F6F4;
  box-shadow: 0 8px 18px -14px rgba(17,17,17,0.5);
}
.app-back::before {
  content: "";
  width: 10px;
  height: 10px;
  border-left: 2px solid #222631;
  border-bottom: 2px solid #222631;
  transform: rotate(45deg) translate(2px, -1px);
}
.app-screen--checkin .app-screen__meta {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 14px;
  align-items: center;
  padding: 22px 18px 0;
}
.app-screen__meta small,
.app-screen--path main > small {
  display: block;
  color: #989898;
  font-size: 0.52rem;
  font-weight: 800;
  letter-spacing: 0.22em;
}
.app-screen__meta strong {
  display: block;
  margin-top: 3px;
  color: var(--brand);
  font-size: 0.74rem;
  font-weight: 800;
}
.app-progress {
  height: 6px;
  margin: 18px 18px 0;
  border-radius: 999px;
  background: #F0EFED;
  overflow: hidden;
}
.app-progress span {
  display: block;
  width: 17%;
  height: 100%;
  border-radius: inherit;
  background: var(--brand);
}
.app-screen--checkin main {
  display: grid;
  justify-items: center;
  padding: 46px 18px 18px;
  text-align: center;
}
.app-brain,
.app-orb {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 50%, rgba(248,138,43,0.42), transparent 34%),
    #FFF8F2;
}
.app-brain::before {
  content: "";
  display: block;
  width: 26px;
  height: 26px;
  margin: 12px;
  border: 3px solid var(--brand);
  border-radius: 45% 55% 55% 45%;
}
.app-screen h3 {
  margin: 22px 0 0;
  color: #111;
  font-family: var(--font-title);
  font-size: 1.34rem;
  line-height: 1.04;
  letter-spacing: -0.02em;
}
.app-screen p {
  margin: 12px 0 0;
  color: #666;
  font-size: 0.72rem;
  line-height: 1.46;
  font-weight: 500;
}
.app-screen ul {
  display: grid;
  gap: 12px;
  width: 100%;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}
.app-screen--checkin li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 48px;
  padding: 0 16px;
  border: 1px solid #EFEAE5;
  border-radius: 999px;
  background: #fff;
  color: #444;
  font-size: 0.78rem;
  font-weight: 800;
  box-shadow: 0 12px 24px -22px rgba(17,17,17,0.32);
}
.app-screen--checkin li span {
  width: 18px;
  height: 18px;
  border: 2px solid #DDD;
  border-radius: 50%;
}
.app-conversation-head {
  display: grid;
  grid-template-columns: 42px 42px 1fr;
  gap: 12px;
  align-items: center;
  padding: 22px 18px;
  border-bottom: 1px solid #EFEAE5;
}
.app-avatar,
.app-orb {
  border-radius: 50%;
  background: radial-gradient(circle at 32% 26%, #FFD3A1 0 12%, #FBA94B 34%, #B96722 100%);
  box-shadow: 0 12px 32px -18px rgba(248,138,43,0.8);
}
.app-conversation-head strong {
  display: block;
  color: #222631;
  font-size: 0.78rem;
  line-height: 1.1;
  font-weight: 800;
}
.app-conversation-head span {
  color: #222631;
  font-size: 0.62rem;
  font-weight: 500;
}
.app-screen--ai main {
  display: grid;
  justify-items: center;
  padding: 44px 18px 18px;
  text-align: center;
}
.app-screen--ai h3 {
  font-size: 1.06rem;
}
.app-screen--ai li {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 12px;
  align-items: center;
  min-height: 64px;
  padding: 12px;
  border: 1px solid #EFEAE5;
  border-radius: 18px;
  text-align: left;
}
.app-screen--ai li > span {
  width: 42px;
  height: 42px;
  border-radius: 15px;
  background: #FFF1E6;
}
.app-screen--ai li:nth-child(2) > span { background: #EFE7F8; }
.app-screen--ai li:nth-child(3) > span { background: #E8EFD9; }
.app-screen--ai li strong,
.app-screen--ai li em {
  display: block;
  font-style: normal;
}
.app-screen--ai li strong {
  color: #222631;
  font-size: 0.74rem;
  line-height: 1.15;
}
.app-screen--ai li em {
  margin-top: 3px;
  color: #666;
  font-size: 0.66rem;
}
.app-screen--path main {
  padding: 86px 18px 20px;
}
.app-path-nav {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 12px;
  align-items: center;
  margin-bottom: 16px;
}
.app-path-nav strong {
  color: #111;
  font-family: var(--font-title);
  font-size: 1.02rem;
  line-height: 1.05;
}
.app-screen--path h3 {
  margin-top: 16px;
  font-size: 1.28rem;
}
.app-path-progress {
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 14px;
  align-items: center;
  margin-top: 18px;
  padding: 12px 14px;
  border: 1px solid #EFEAE5;
  border-radius: 20px;
  box-shadow: 0 12px 28px -24px rgba(17,17,17,0.28);
}
.app-path-progress strong {
  color: var(--brand);
  font-family: var(--font-title);
  font-size: 1.85rem;
  font-weight: 600;
  line-height: 0.88;
}
.app-path-progress span {
  color: #666;
  font-size: 0.62rem;
  line-height: 1.35;
}
.app-screen--path h4 {
  margin: 22px 0 12px;
  color: #111;
  font-size: 0.86rem;
  line-height: 1.1;
}
.app-screen--path article {
  display: grid;
  grid-template-columns: 82px 1fr;
  gap: 12px;
  align-items: center;
  min-height: 72px;
  margin-top: 10px;
  border: 1px solid rgba(248,138,43,0.45);
  border-radius: 20px;
  overflow: hidden;
}
.app-screen--path article > span {
  height: 100%;
  background:
    linear-gradient(0deg, rgba(17,17,17,0.24), rgba(17,17,17,0.24)),
    url("../images/o-que-e/path-03.png") center/cover;
}
.app-screen--path article:nth-of-type(2) > span {
  filter: grayscale(0.85);
}
.app-screen--path article small,
.app-screen--path article strong,
.app-screen--path article em {
  display: block;
}
.app-screen--path article small {
  color: var(--brand);
  font-size: 0.5rem;
  font-weight: 800;
  letter-spacing: 0.18em;
}
.app-screen--path article strong {
  margin-top: 5px;
  color: #111;
  font-family: var(--font-title);
  font-size: 0.8rem;
  line-height: 1.12;
}
.app-screen--path article em {
  margin-top: 3px;
  color: #666;
  font-size: 0.62rem;
  font-style: normal;
}
.enterprise-card__visual p {
  max-width: 590px;
  margin: 22px 0 0 auto;
  color: #444;
  font-size: 1.02rem;
  line-height: 1.48;
  font-weight: 500;
}
.enterprise-card__visual strong {
  color: var(--brand);
  font-weight: 800;
}
@keyframes timeline-grow {
  to { transform: scaleX(1); }
}

.limit-today {
  position: relative;
  overflow: hidden;
  scroll-margin-top: 130px;
  padding: 88px 0 120px;
  background:
    radial-gradient(58% 24% at 50% 18%, rgba(248,138,43,0.065), transparent 72%),
    radial-gradient(44% 18% at 78% 76%, rgba(248,138,43,0.045), transparent 70%),
    #F7F4F2;
}
.limit-today__container {
  position: relative;
  z-index: 2;
  width: min(100% - 40px, 1240px);
  margin-inline: auto;
}
.limit-today__lines {
  position: absolute;
  pointer-events: none;
  fill: none;
  stroke: var(--brand);
  stroke-width: 1;
  opacity: 0.075;
}
.limit-today__lines--one {
  width: min(920px, 86vw);
  left: -22vw;
  top: 26%;
}
.limit-today__lines--two {
  width: min(760px, 62vw);
  right: -18vw;
  bottom: 10%;
  opacity: 0.055;
}
.limit-today__header {
  max-width: 940px;
  margin-inline: auto;
  text-align: center;
}
.limit-today__eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 0 0 22px;
  color: var(--brand);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.3em;
  line-height: 1.4;
  text-transform: uppercase;
}
.limit-today__eyebrow .spark {
  width: 16px;
  height: 16px;
}
.limit-today__header h2 {
  margin: 0;
  font-size: clamp(3.2rem, 5vw, 4rem);
  line-height: 0.98;
}
.limit-today__header h2 span {
  display: block;
  margin-top: 12px;
  color: var(--brand);
  font-style: italic;
}
.limit-today__header > p {
  max-width: 780px;
  margin: 24px auto 0;
  color: #535d70;
  font-size: clamp(1rem, 1.25vw, 1.12rem);
  line-height: 1.82;
  font-weight: 500;
}
.event-timeline {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, minmax(160px, 220px));
  justify-content: space-between;
  gap: clamp(22px, 2.8vw, 42px);
  margin-top: 58px;
  padding-top: 24px;
}
.event-timeline__track {
  position: absolute;
  top: 31px;
  left: min(110px, 8.2%);
  width: calc(100% - min(220px, 16.4%));
  height: 1px;
  background: #E8DED5;
  transform: scaleX(0);
  transform-origin: left center;
}
.limit-today.is-visible .event-timeline__track {
  animation: timeline-grow 1.1s cubic-bezier(.2,.8,.2,1) forwards;
}
.event-timeline__item {
  position: relative;
  min-width: 0;
  opacity: 0;
  transform: translateY(18px);
}
.limit-today.is-visible .event-timeline__item {
  animation: fade-up 0.72s ease-out forwards;
}
.event-timeline__item:nth-of-type(1) { animation-delay: 80ms; }
.event-timeline__item:nth-of-type(2) { animation-delay: 180ms; }
.event-timeline__item:nth-of-type(3) { animation-delay: 280ms; }
.event-timeline__item:nth-of-type(4) { animation-delay: 380ms; }
.event-timeline__item:nth-of-type(5) { animation-delay: 480ms; }
.event-timeline__item:nth-of-type(6) { animation-delay: 580ms; }
.event-timeline__dot {
  position: relative;
  z-index: 2;
  display: block;
  width: 15px;
  height: 15px;
  margin: 0 auto 28px;
  border: 3px solid #F7F4F2;
  border-radius: 50%;
  background: var(--brand);
  box-shadow: 0 0 0 1px #F3D7BE, 0 10px 26px -14px rgba(248,138,43,0.9);
}
.event-card {
  width: 100%;
  min-height: 198px;
  padding: 22px 20px;
  border: 1px solid rgba(239,234,229,0.9);
  border-radius: 20px;
  background: rgba(255,255,255,0.86);
  box-shadow: 0 22px 60px -46px rgba(17,17,17,0.26);
  backdrop-filter: blur(8px);
}
.event-card__icon,
.limit-insight__icon,
.enterprise-pillars span {
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--brand-ultra);
  color: var(--brand);
}
.event-card__icon {
  width: 56px;
  height: 56px;
  margin-bottom: 18px;
}
.event-card svg,
.limit-insight svg,
.enterprise-pillars svg {
  width: 26px;
  height: 26px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.event-card h3 {
  margin: 0;
  color: #1d1a18;
  font-family: var(--font-body);
  font-size: 0.98rem;
  line-height: 1.22;
  letter-spacing: 0;
  font-weight: 800;
}
.event-card p {
  margin: 10px 0 0;
  color: #657083;
  font-size: 0.84rem;
  line-height: 1.58;
  font-weight: 500;
}
.limit-insight {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  align-items: center;
  gap: 26px;
  max-width: 980px;
  margin: 92px auto 0;
  padding: 34px 42px;
  border: 1px solid rgba(239,234,229,0.92);
  border-radius: 28px;
  background: rgba(255,255,255,0.76);
  box-shadow: 0 28px 80px -58px rgba(17,17,17,0.30);
}
.limit-insight__icon {
  width: 76px;
  height: 76px;
}
.limit-insight__icon svg {
  width: 32px;
  height: 32px;
}
.limit-insight p {
  margin: 0;
  color: #25211f;
  font-size: clamp(1.18rem, 1.8vw, 1.55rem);
  line-height: 1.55;
  font-weight: 600;
}
.limit-insight strong {
  color: var(--brand);
}
.enterprise-layer {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(480px, 1fr);
  gap: clamp(38px, 5vw, 74px);
  align-items: center;
  margin-top: 76px;
  padding: clamp(34px, 4.4vw, 56px);
  border: 1px solid rgba(239,234,229,0.95);
  border-radius: 34px;
  background:
    radial-gradient(80% 44% at 18% 0%, rgba(248,138,43,0.065), transparent 72%),
    rgba(255,255,255,0.82);
  box-shadow: 0 34px 110px -72px rgba(17,17,17,0.34);
  opacity: 0;
  transform: translateY(24px);
}
.limit-today.is-visible .enterprise-layer {
  animation: fade-up 0.82s ease-out 420ms forwards;
}
.enterprise-layer__copy h2 {
  margin: 0;
  font-size: clamp(2.8rem, 4.4vw, 4.35rem);
  line-height: 1;
}
.enterprise-layer__copy h2 span {
  color: var(--brand);
  font-style: italic;
}
.enterprise-pillars {
  display: grid;
  gap: 24px;
  margin-top: 42px;
}
.enterprise-pillars article {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}
.enterprise-pillars span {
  width: 46px;
  height: 46px;
}
.enterprise-pillars svg {
  width: 22px;
  height: 22px;
}
.enterprise-pillars h3 {
  margin: 0;
  font-family: var(--font-body);
  font-size: 0.98rem;
  line-height: 1.25;
  letter-spacing: 0;
  font-weight: 800;
}
.enterprise-pillars p {
  margin: 6px 0 0;
  color: #657083;
  font-size: 0.9rem;
  line-height: 1.6;
  font-weight: 500;
}
.enterprise-layer__panel {
  min-width: 0;
}
.dashboard-placeholder {
  display: grid;
  place-items: center;
  align-content: center;
  width: min(100%, 520px);
  min-height: 340px;
  margin-left: auto;
  border: 1px solid #EFEAE5;
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(248,138,43,0.045), transparent 44%),
    #fff;
  color: #8A8A8A;
  text-align: center;
}
.dashboard-placeholder strong {
  color: #292522;
  font-family: var(--font-title);
  font-size: clamp(1.7rem, 2.4vw, 2.2rem);
  font-weight: 600;
}
.dashboard-placeholder span {
  margin-top: 8px;
  color: #8A8A8A;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.enterprise-layer__panel p {
  max-width: 520px;
  margin: 22px 0 0 auto;
  color: #535d70;
  font-size: 1rem;
  line-height: 1.75;
  font-weight: 500;
}
.enterprise-layer__panel p strong {
  display: block;
  margin-top: 6px;
  color: #25211f;
  font-weight: 800;
}
@keyframes timeline-grow {
  to { transform: scaleX(1); }
}
.section--sand { background: var(--background); }
.financial-impact {
  position: relative;
  overflow: hidden;
  scroll-margin-top: 130px;
  padding: 120px 0;
  background:
    radial-gradient(70% 28% at 50% 12%, rgba(248,138,43,0.055), transparent 70%),
    #F7F4F2;
}
.financial-impact__container {
  width: min(100% - 32px, 1240px);
  margin-inline: auto;
}
.financial-impact__intro {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(420px, 1.05fr);
  gap: clamp(44px, 7vw, 92px);
  align-items: start;
}
.financial-impact__story {
  position: relative;
}
.financial-impact__lines {
  position: absolute;
  inset: auto -16% -10% auto;
  width: 95%;
  fill: none;
  stroke: var(--brand);
  stroke-width: 1;
  opacity: 0.08;
  pointer-events: none;
}
.financial-impact__eyebrow {
  margin: 0 0 18px;
  color: var(--brand);
  font: 800 0.76rem/1.2 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.financial-impact__story h2 {
  position: relative;
  margin: 0;
  font-family: var(--font-title);
  font-size: clamp(48px, 5vw, 76px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.02em;
}
.financial-impact__story h2 span {
  color: var(--brand);
  font-style: italic;
  font-weight: 600;
}
.financial-impact__summary {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin: 28px 0 0;
  color: #475267;
  font-weight: 700;
}
.financial-premises {
  position: relative;
  display: grid;
  gap: 22px;
}
.financial-premises::before {
  content: "";
  position: absolute;
  left: 31px;
  top: 32px;
  bottom: 32px;
  width: 1px;
  background: #F3D7BE;
}
.financial-premises__item {
  position: relative;
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 18px;
  align-items: start;
}
.financial-premises__number {
  position: absolute;
  left: -36px;
  top: 4px;
  color: rgba(248,138,43,0.65);
  font-weight: 800;
  font-size: 0.72rem;
}
.financial-icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #FFF1E6;
  color: var(--brand);
}
.financial-icon svg {
  width: 26px;
  height: 26px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.financial-icon--solid {
  background: linear-gradient(180deg, var(--brand-hover), var(--brand));
  color: #fff;
}
.financial-premises h3,
.financial-premises p {
  margin: 0;
}
.financial-premises h3 {
  color: #171717;
  font-size: 1rem;
  line-height: 1.35;
}
.financial-premises p {
  margin-top: 7px;
  color: #5f6676;
  font-size: 0.94rem;
}
.financial-simulator {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(340px, 0.7fr);
  gap: 28px;
  margin-top: 78px;
  padding: 28px;
  border: 1px solid var(--border);
  border-radius: 28px;
  background: rgba(255,255,255,0.88);
  backdrop-filter: blur(8px);
  box-shadow: 0 20px 60px -42px rgba(17,17,17,0.20);
}
.financial-simulator__header {
  display: flex;
  gap: 18px;
  align-items: flex-start;
}
.financial-simulator__header h2 {
  margin: 0;
  font-family: var(--font-title);
  font-size: clamp(2rem, 3vw, 3rem);
  line-height: 1.04;
}
.financial-simulator__header p {
  max-width: 720px;
  margin: 12px 0 0;
  color: #566176;
  font-size: 1rem;
}
.financial-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 28px;
}
.financial-field {
  min-height: 92px;
  display: grid;
  align-content: center;
  gap: 7px;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: #fff;
  padding: 16px 18px;
  transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;
}
.financial-field:hover {
  border-color: #F3D7BE;
  transform: translateY(-1px);
}
.financial-field span {
  color: #697185;
  font-size: 0.76rem;
  font-weight: 800;
}
.financial-field input,
.financial-field select {
  width: 100%;
  border: 0;
  background: transparent;
  color: #111;
  font: 800 1.18rem/1.2 var(--font-body);
  outline: 0;
}
.financial-field:focus-within {
  border-color: var(--brand);
  box-shadow: 0 0 0 4px rgba(248,138,43,0.13);
}
.financial-field small {
  color: #8A8A8A;
  font-size: 0.74rem;
}
.financial-gauge {
  border: 1px solid var(--border);
  border-radius: 24px;
  background: #FFFCF9;
  padding: 24px;
  text-align: center;
}
.financial-gauge__label {
  margin: 0;
  color: var(--brand);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.financial-gauge__caption {
  margin: 14px 0 0;
  color: #666;
  font-size: 0.9rem;
  font-weight: 600;
}
.financial-gauge > strong {
  display: block;
  margin-top: 5px;
  font-family: var(--font-title);
  font-size: clamp(2.15rem, 3.2vw, 3rem);
  line-height: 1;
}
.financial-gauge > span {
  display: block;
  margin-top: 4px;
  color: #8A8A8A;
  font-size: 0.85rem;
  font-weight: 600;
}
.financial-gauge__visual {
  position: relative;
  width: min(260px, 100%);
  margin: 18px auto 0;
}
.financial-gauge__visual svg {
  width: 100%;
}
.financial-gauge__track,
.financial-gauge__arc {
  fill: none;
  stroke-linecap: round;
  stroke-width: 16;
}
.financial-gauge__track {
  stroke: #F2E9DF;
}
.financial-gauge__arc {
  stroke: url(#financialGaugeGradient);
}
.financial-gauge__pointer {
  position: absolute;
  left: 50%;
  bottom: 8px;
  width: 4px;
  height: 78px;
  border-radius: 999px;
  background: #2A2725;
  transform-origin: 50% 100%;
  transform: translateX(-50%) rotate(0deg);
  transition: transform 420ms ease;
}
.financial-gauge__pointer::before {
  content: "";
  position: absolute;
  top: -7px;
  left: 50%;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--brand);
  transform: translateX(-50%);
  box-shadow: 0 8px 18px -10px rgba(248,138,43,0.85);
}
.financial-gauge__ends {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-top: 10px;
  text-align: left;
}
.financial-gauge__ends p {
  margin: 0;
}
.financial-gauge__ends b,
.financial-gauge__ends span {
  display: block;
  color: #8A8A8A;
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}
.financial-gauge__ends strong {
  display: block;
  color: #111;
  font-size: 0.86rem;
}
.financial-kpis {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 22px;
}
.financial-kpi {
  border: 1px solid var(--border);
  border-radius: 20px;
  background: #fff;
  padding: 20px;
}
.financial-kpi .financial-icon {
  width: 44px;
  height: 44px;
}
.financial-kpi .financial-icon svg {
  width: 21px;
  height: 21px;
}
.financial-kpi--green .financial-icon {
  background: #E8EFD9;
  color: var(--growth);
}
.financial-kpi h3 {
  min-height: 48px;
  margin: 14px 0 0;
  font-size: 0.92rem;
  line-height: 1.25;
}
.financial-kpi strong {
  display: block;
  margin-top: 16px;
  font-family: var(--font-title);
  font-size: clamp(1.55rem, 2vw, 2rem);
}
.financial-kpi em {
  display: inline-flex;
  margin-top: 12px;
  border-radius: 999px;
  background: #FFF1E6;
  color: var(--brand-deep);
  padding: 7px 10px;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 800;
}
.financial-kpi--green em {
  background: #E8EFD9;
  color: var(--growth);
}
.financial-insight,
.financial-return,
.financial-honesty,
.financial-conclusion {
  margin-top: 24px;
  border-radius: 20px;
}
.financial-insight {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  border: 1px solid #F3D7BE;
  background: #FFF9F4;
  padding: 20px;
}
.financial-insight p {
  margin: 0;
  color: #3f3b38;
  font-weight: 600;
  text-align: center;
}
.financial-return {
  position: relative;
  display: grid;
  grid-template-columns: 0.48fr 1fr;
  gap: 28px;
  border: 1px solid #F3D7BE;
  background: #fff;
  padding: 28px;
  overflow: hidden;
}
.financial-return__spark {
  position: absolute;
  right: 24px;
  top: 22px;
  width: 34px;
  height: 34px;
  background: var(--brand);
  opacity: 0.42;
  clip-path: polygon(50% 0, 60% 40%, 100% 50%, 60% 60%, 50% 100%, 40% 60%, 0 50%, 40% 40%);
}
.financial-return h2 {
  margin: 0;
  font-family: var(--font-title);
  font-size: clamp(2rem, 3vw, 3rem);
  line-height: 1.05;
}
.financial-return p {
  margin: 0;
  color: #4f596c;
  font-size: 1.08rem;
  line-height: 1.75;
}
.financial-return strong {
  color: var(--brand-deep);
}
.financial-honesty {
  display: flex;
  gap: 18px;
  border: 1px solid var(--border);
  border-left: 4px solid var(--brand);
  background: #FBF8F5;
  padding: 28px;
}
.financial-honesty p:last-child {
  margin: 0;
  color: #4c4c4c;
  font-size: 1.02rem;
  line-height: 1.75;
}
.financial-other {
  margin-top: 78px;
}
.financial-other > h2 {
  max-width: 780px;
  margin: 0;
  font-family: var(--font-title);
  font-size: clamp(2.4rem, 4vw, 4.25rem);
  line-height: 1.03;
}
.financial-other__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 28px;
}
.financial-other article {
  display: grid;
  min-height: 330px;
  border: 1px solid var(--border);
  border-radius: 20px;
  background: #fff;
  padding: 24px;
}
.financial-other em {
  margin-top: 18px;
  color: var(--brand);
  font-style: normal;
  font-weight: 800;
}
.financial-other h3 {
  margin: 12px 0 0;
  font-size: 1.16rem;
}
.financial-other p {
  margin: 12px 0 0;
  color: #5d6576;
  line-height: 1.65;
}
.financial-other b {
  align-self: end;
  color: var(--brand);
  font-size: 1.3rem;
}
.financial-conclusion {
  display: flex;
  gap: 18px;
  border: 1px solid #F3D7BE;
  background: #FFF9F4;
  padding: 30px;
}
.financial-conclusion h2 {
  margin: 0;
  font-family: var(--font-title);
  font-size: clamp(2rem, 3vw, 3rem);
}
.financial-conclusion p:last-child {
  margin: 10px 0 0;
  color: #4d586d;
  font-size: 1.05rem;
  line-height: 1.7;
}
.risk-exposure {
  position: relative;
  overflow: hidden;
  padding: 112px 0;
  background:
    radial-gradient(70% 28% at 50% 10%, rgba(248,138,43,0.045), transparent 72%),
    #FCFBFA;
}
.risk-exposure__container {
  position: relative;
  z-index: 1;
  max-width: 1240px;
  margin-inline: auto;
  padding-inline: 24px;
}
.risk-exposure__header {
  max-width: 900px;
  margin-inline: auto;
  text-align: center;
}
.risk-exposure__eyebrow {
  margin: 0;
  color: var(--brand);
  font: 700 0.68rem/1.2 var(--font-body);
  letter-spacing: 0.30em;
  text-transform: uppercase;
}
.risk-exposure__divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 18px 0 22px;
}
.risk-exposure__divider span {
  width: 54px;
  height: 1px;
  background: #F3D7BE;
}
.risk-exposure__divider i,
.risk-exposure__spark {
  display: block;
  width: 14px;
  height: 14px;
  background: var(--brand);
  clip-path: polygon(50% 0, 60% 40%, 100% 50%, 60% 60%, 50% 100%, 40% 60%, 0 50%, 40% 40%);
}
.risk-exposure__header h2 {
  margin: 0;
  color: var(--text-primary);
  font-family: var(--font-title);
  font-size: clamp(52px, 5vw, 68px);
  font-weight: 600;
  line-height: 1.04;
  letter-spacing: -0.02em;
}
.risk-exposure__header h2 span {
  color: var(--brand);
  font-style: italic;
}
.risk-exposure__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: 52px;
  align-items: stretch;
}
.risk-card {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  border: 1px solid #EFEAE5;
  border-radius: 24px;
  background: rgba(255,255,255,0.88);
  backdrop-filter: blur(6px);
  box-shadow: 0 18px 46px -34px rgba(17,17,17,0.18);
  padding: 30px;
  transition: transform 300ms ease, border-color 300ms ease, box-shadow 300ms ease;
}
.risk-card:nth-child(2) { animation-delay: 100ms; }
.risk-card:nth-child(3) { animation-delay: 200ms; }
.risk-card:hover {
  transform: translateY(-4px);
  border-color: #F3D7BE;
  box-shadow: 0 24px 54px -40px rgba(17,17,17,0.22);
}
.risk-card__icon {
  width: 68px;
  height: 68px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #FFF1E6;
  color: var(--brand);
  animation: welcome-breath 5s ease-in-out infinite alternate;
}
.risk-card__icon svg {
  width: 34px;
  height: 34px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.risk-card__label {
  margin: 24px 0 0;
  color: var(--brand);
  font: 700 10px/1.2 var(--font-body);
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.risk-card h3 {
  margin: 12px 0 0;
  color: #111;
  font-family: var(--font-title);
  font-size: clamp(30px, 2.6vw, 34px);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.02em;
}
.risk-card__rule {
  width: 42px;
  height: 1px;
  margin: 22px 0;
  background: #F3D7BE;
}
.risk-card > p:not(.risk-card__label) {
  margin: 0;
  color: #444;
  font-size: clamp(15px, 1.1vw, 16px);
  line-height: 1.7;
}
.risk-card__summary {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: auto;
  border: 1px solid #F3D7BE;
  border-radius: 16px;
  background: #FFF7F0;
  padding: 16px;
  color: #444;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}
.risk-card__summary .spark {
  width: 14px;
  height: 14px;
  margin-top: 3px;
  color: var(--brand);
}
.risk-exposure__lines {
  position: absolute;
  right: -12vw;
  top: 12%;
  width: 62vw;
  fill: none;
  stroke: var(--brand);
  stroke-width: 1;
  opacity: 0.06;
  pointer-events: none;
}
.risk-exposure__spark {
  position: absolute;
  opacity: 0.28;
  pointer-events: none;
}
.risk-exposure__spark--one {
  left: 7vw;
  top: 26%;
}
.risk-exposure__spark--two {
  right: 9vw;
  bottom: 22%;
  width: 18px;
  height: 18px;
}
.section--dark {
  background: #211914;
  color: #fff8f0;
}
.section h2 {
  font-size: clamp(2.25rem, 4.5vw, 4.35rem);
}
.section h3 {
  margin: 0;
  font-size: 1rem;
  line-height: 1.3;
}
.section p { color: var(--text-secondary); }
.section--dark p { color: rgba(255,248,240,0.72); }
.section--dark .eyebrow { color: #ffb06b; }
.section__lead {
  max-width: 620px;
  font-size: 1.02rem;
}
.section__grid,
.editorial,
.calculator__grid,
.split,
.comparison__grid,
.faq__grid,
.final-form__grid {
  display: grid;
  grid-template-columns: 0.82fr 1.18fr;
  gap: clamp(28px, 5vw, 70px);
  align-items: start;
}
.logo-strip,
.editorial__cards,
.benefits,
.plans__grid,
.program__grid,
.implementation,
.two-companies__grid {
  display: grid;
  gap: 16px;
}
.logo-strip { grid-template-columns: repeat(4, 1fr); }
.logo-strip span,
.editorial__cards article,
.risk-grid article,
.program__grid article,
.benefits article,
.plans__grid article,
.two-companies__grid article,
.implementation article,
.calc-results,
.compare-table,
.faq details,
.authority__box,
.closing__box {
  border: 1px solid var(--border);
  background: rgba(255,255,255,0.82);
  border-radius: 18px;
  box-shadow: 0 18px 56px -44px rgba(17,17,17,0.25);
}
.logo-strip span {
  min-height: 74px;
  display: grid;
  place-items: center;
  color: var(--text-subtle);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.72rem;
}
.editorial__cards,
.program__grid,
.benefits,
.plans__grid { grid-template-columns: repeat(3, 1fr); }
.program__grid { grid-template-columns: repeat(4, 1fr); margin-top: 30px; }
.benefits { grid-template-columns: repeat(4, 1fr); margin-top: 30px; }
.plans__grid { grid-template-columns: repeat(4, 1fr); margin-top: 30px; }
.editorial__cards article,
.program__grid article,
.benefits article,
.plans__grid article,
.two-companies__grid article,
.implementation article {
  padding: 24px;
}
.editorial__cards span,
.program__grid span,
.implementation span {
  display: inline-flex;
  margin-bottom: 16px;
  color: var(--brand);
  font-weight: 800;
}

.calculator { background: #FDFCFB; }
.calc-form label {
  display: grid;
  gap: 8px;
  color: var(--text-muted);
  font-size: 0.84rem;
  font-weight: 700;
}
.calc-results {
  display: grid;
  gap: 12px;
  padding: 24px;
}
.calc-results div {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid var(--border);
  padding-bottom: 14px;
}
.calc-results span { color: var(--text-muted); font-weight: 600; }
.calc-results strong { font-size: clamp(1.15rem, 2vw, 1.65rem); text-align: right; }
.calc-results__highlight strong { color: var(--brand-deep); }
.calc-results p { margin: 8px 0 0; font-weight: 600; }

.risk-grid {
  display: grid;
  grid-template-columns: 1.2fr repeat(3, 1fr);
  gap: 18px;
}
.risk-grid article {
  padding: 24px;
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.1);
}
.timeline {
  display: grid;
  gap: 16px;
}
.timeline article {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 18px;
  align-items: start;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--border);
}
.timeline span {
  color: var(--brand);
  font-weight: 800;
}
.timeline p { margin: 0; }
.reading {
  max-width: 920px;
}
.reading p:last-child {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  line-height: 1.8;
}
.compare-table {
  overflow: hidden;
}
.compare-table > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.compare-table > div > * {
  padding: 18px 20px;
  border-bottom: 1px solid var(--border);
}
.compare-table > div > * + * { border-left: 1px solid var(--border); }
.compare-table strong {
  background: var(--brand-ultra);
  color: var(--brand-deep);
}
.two-companies__grid { grid-template-columns: 1fr 1fr; margin-top: 30px; }
.implementation { grid-template-columns: repeat(4, 1fr); margin-top: 30px; }
.authority__box,
.closing__box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 34px;
  padding: clamp(26px, 5vw, 54px);
}
.authority__box p,
.closing__box p {
  font-size: 1.08rem;
  line-height: 1.8;
}
.plans__grid a {
  display: inline-flex;
  margin-top: 12px;
  color: var(--brand-deep);
  font-weight: 800;
}
.faq__list { display: grid; gap: 12px; }
.faq details { padding: 20px 22px; }
.faq summary {
  cursor: pointer;
  font-weight: 800;
  list-style: none;
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after {
  content: "+";
  float: right;
  color: var(--brand);
}
.faq details[open] summary::after { content: "-"; }
.faq details p { margin-bottom: 0; }
.closing {
  background:
    radial-gradient(50% 60% at 50% 0%, rgba(248,138,43,0.10), transparent 70%),
    #fff;
}
.closing__box {
  display: block;
  text-align: center;
}
.closing__box p {
  max-width: 760px;
  margin-inline: auto;
}
.final-form__grid {
  align-items: start;
}
.lead-form--compact {
  border: 1px solid var(--border);
  border-radius: 22px;
  background: rgba(255,255,255,0.88);
  box-shadow: var(--shadow-soft);
  padding: clamp(18px, 3vw, 28px);
}

.footer {
  background: #17120F;
  color: #fff8f0;
  padding: 34px 0;
}
.footer__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}
.footer p {
  margin: 0;
  color: rgba(255,248,240,0.7);
  font-size: 0.86rem;
}

.fade-in { animation: fade-in 1s ease-out both; }
.fade-up { animation: fade-up 0.8s ease-out both; }
.hero-differentials__icon,
.hero-pillars span { animation: welcome-breath 5s ease-in-out infinite alternate; }
@keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes fade-up { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes welcome-breath { from { transform: scale(1); } to { transform: scale(1.03); } }

@media (max-width: 1180px) {
  .site-nav { display: none; }
  .menu-toggle { display: inline-grid; }
  .site-nav.is-open {
    position: fixed;
    left: 16px;
    right: 16px;
    top: 150px;
    display: grid;
    gap: 0;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 18px;
    box-shadow: var(--shadow-soft);
    padding: 8px;
  }
  .site-nav.is-open a { padding: 14px 16px; border-radius: 12px; }
  .hero__grid {
    grid-template-columns: 1fr;
    gap: 54px;
  }
  .hero__copy { display: flex; }
  .proposal-card { position: relative; top: auto; max-width: 720px; margin: 0 auto; width: 100%; }
  .risk-grid { grid-template-columns: 1fr 1fr; }
  .differentials { grid-template-columns: repeat(2, 1fr); }
  .differentials__item:nth-child(3) { border-left: 0; border-top: 1px solid var(--border-alt); }
  .differentials__item:nth-child(4) { border-top: 1px solid var(--border-alt); }
  .program__grid,
  .benefits,
  .plans__grid,
  .implementation { grid-template-columns: repeat(2, 1fr); }
  .operation__logos {
    flex-wrap: wrap;
    row-gap: 22px;
  }
  .operation__note {
    display: none;
  }
  .ecosystem-visual {
    grid-template-columns: minmax(220px, 1fr) minmax(210px, 0.74fr) minmax(220px, 1fr);
    padding: 42px;
  }
  .ecosystem-column--company {
    grid-column: 1 / -1;
  }
  .ecosystem-column--company ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .stakes-top {
    grid-template-columns: 1fr;
    gap: 54px;
  }
  .stakes-intro h2 {
    max-width: 820px;
  }
  .stakes-visual {
    max-width: 820px;
    margin-inline: auto;
  }
  .stakes-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .stakes-card:nth-child(3) {
    grid-column: 1 / -1;
    max-width: 620px;
    margin-inline: auto;
  }
  .personalized-platform {
    padding: 92px 0;
  }
  .personalized-main {
    grid-template-columns: 1fr;
    gap: 54px;
  }
  .personalized-facts {
    max-width: 760px;
    margin-inline: auto;
  }
  .personalized-journeys {
    max-width: 840px;
    margin-inline: auto;
  }
  .platform-solution {
    grid-template-columns: 1fr;
    gap: 42px;
  }
  .platform-solution__copy,
  .platform-solution__copy p:last-child {
    max-width: 620px;
  }
  .anonymous-flow {
    grid-template-columns: 116px minmax(80px, 0.36fr) minmax(300px, 1fr);
  }
  .platform-pillars {
    grid-template-columns: repeat(2, 1fr);
  }
  .platform-pillars div:nth-child(3) {
    border-left: 0;
  }
  .platform-pillars div:nth-child(n+3) {
    border-top: 1px solid var(--border);
  }
  .platform-ecosystem {
    padding: 88px 0;
  }
  .platform-ecosystem__container {
    width: min(100% - 48px, 1040px);
  }
  .ecosystem-header {
    margin-bottom: 40px;
  }
  .ecosystem-header h2 {
    font-size: clamp(3.15rem, 5.8vw, 3.85rem);
  }
  .ecosystem-audiences {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    padding: 22px;
  }
  .ecosystem-audiences > i {
    display: none;
  }
  .ecosystem-audiences article {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 14px;
  }
  .ecosystem-audiences span {
    width: 50px;
    height: 50px;
  }
  .ecosystem-audiences p {
    font-size: 0.84rem;
  }
  .company-receives {
    padding: 92px 0 104px;
  }
  .company-receives__container {
    grid-template-columns: 1fr;
    gap: 58px;
    width: min(100% - 48px, 1040px);
  }
  .company-receives__intro {
    position: relative;
    top: auto;
    display: grid;
    grid-template-columns: minmax(280px, 0.86fr) minmax(420px, 1.14fr);
    gap: 40px;
    align-items: end;
  }
  .company-receives__intro h2 {
    max-width: 640px;
  }
  .company-receives__intro > p:not(.company-receives__eyebrow) {
    margin-top: 54px;
  }
  .company-receives__mockup {
    grid-row: 1 / span 3;
    grid-column: 2;
    min-height: 360px;
    margin: 0;
  }
  .company-capabilities {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .company-capability {
    min-height: 248px;
  }
  .market-comparison {
    padding: 88px 0;
  }
  .market-comparison__container {
    width: min(100% - 48px, 1060px);
  }
  .market-comparison__header h2 {
    font-size: clamp(3rem, 5.6vw, 3.75rem);
  }
  .practice-board__head {
    min-height: 132px;
  }
  .practice-row {
    min-height: 118px;
  }
  .practice-cell {
    grid-template-columns: 60px minmax(0, 1fr);
    gap: 16px;
    padding: 22px 28px;
  }
  .practice-cell > span {
    width: 54px;
    height: 54px;
  }
  .practice-cell h4 {
    font-size: 0.96rem;
  }
  .efficiency-block {
    grid-template-columns: 1fr;
  }
  .efficiency-block__copy p {
    max-width: 680px;
  }
  .turning-point {
    padding: 88px 0 98px;
  }
  .turning-point__container {
    width: min(100% - 48px, 920px);
  }
  .turning-cards {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .turning-card {
    min-height: 600px;
  }
  .turning-card__notes {
    width: min(58%, 420px);
  }
  .turning-card__after-list {
    width: min(54%, 450px);
  }
  .turning-shift {
    display: none;
  }
  .turning-card--after::before {
    content: "»";
    position: absolute;
    right: 28px;
    top: 24px;
    z-index: 5;
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border: 1px solid var(--border);
    border-radius: 50%;
    color: var(--brand);
    background: #fff;
    box-shadow: 0 18px 44px -34px rgba(42,39,37,0.34);
    font-size: 1.8rem;
    line-height: 1;
  }
  .turning-outcomes {
    grid-template-columns: 1fr;
  }
  .turning-outcomes__items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .turning-outcomes__items article + article {
    border-left: 0;
    padding-left: 0;
  }
  .have-proof {
    padding: 88px 0 98px;
  }
  .have-proof__container {
    width: min(100% - 48px, 980px);
  }
  .have-proof__header {
    margin-bottom: 34px;
  }
  .have-proof__header h2 {
    font-size: clamp(3rem, 5.5vw, 3.9rem);
  }
  .proof-panel {
    display: block;
    padding: 16px;
  }
  .proof-panel__head {
    display: none;
  }
  .proof-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 22px;
    background: rgba(255,255,255,0.82);
  }
  .proof-row + .proof-row {
    margin-top: 14px;
  }
  .proof-cell {
    min-height: auto;
    border-bottom: 0;
    padding: 20px 24px;
  }
  .proof-cell + .proof-cell {
    border-left: 0;
  }
  .proof-cell--moment {
    grid-column: 1 / -1;
    border-bottom: 1px solid var(--border);
  }
  .proof-cell--without,
  .proof-cell--with {
    align-items: start;
  }
  .proof-cell--with {
    border-left: 1px solid var(--border);
  }
  .proof-closing {
    grid-template-columns: 1fr;
  }
  .proof-benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .proof-seal {
    border-left: 0;
    border-top: 1px solid var(--border);
    padding: 26px 0 0;
  }
  .labor-liability {
    padding: 82px 0 92px;
  }
  .labor-liability__container {
    width: min(100% - 48px, 980px);
  }
  .labor-liability__top {
    grid-template-columns: 1fr;
    gap: 38px;
  }
  .labor-liability__intro {
    min-height: auto;
    border-right: 0;
    padding-right: 0;
    text-align: center;
  }
  .labor-liability__eyebrow {
    justify-content: center;
  }
  .labor-liability__intro h2 {
    max-width: 860px;
    margin-inline: auto;
    font-size: clamp(3rem, 6vw, 3.65rem);
  }
  .labor-arguments li {
    grid-template-columns: 54px 68px minmax(0, 1fr);
    gap: 18px;
  }
  .legal-asset {
    grid-template-columns: 1fr;
    max-height: none;
    padding: 30px;
  }
  .legal-asset__copy h3,
  .legal-asset__copy p {
    max-width: 680px;
  }
  .legal-report img {
    max-height: 360px;
    object-position: center;
  }
  .labor-proof-surface article {
    padding: 32px 28px;
  }
  .labor-honesty {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .return-section {
    padding: 92px 0;
  }
  .return-section__container {
    width: min(100% - 48px, 980px);
  }
  .return-section__header h2 {
    font-size: clamp(3.15rem, 7vw, 4.2rem);
  }
  .return-timeline {
    gap: 22px;
  }
  .return-timeline p {
    font-size: 0.82rem;
  }
  .return-console {
    grid-template-columns: 1fr;
  }
  .return-calculator {
    border-right: 0;
    border-bottom: 1px solid var(--border);
  }
  .return-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .return-flow-card {
    grid-template-columns: 1fr;
  }
  .return-total {
    grid-template-columns: 1fr;
    gap: 20px;
    text-align: center;
  }
  .return-total strong {
    border-inline: 0;
    border-block: 1px solid var(--border);
    padding: 20px 0;
  }
  .how-it-works__stage {
    grid-template-columns: 58px minmax(260px, 0.9fr) minmax(220px, 0.78fr) minmax(260px, 0.9fr);
    gap: 24px;
    width: min(100% - 40px, 1100px);
  }
  .how-link {
    display: none;
  }
  .how-copy__header h2 {
    font-size: clamp(2.18rem, 4.1vw, 2.82rem);
  }
  .how-copy__header h2 span {
    white-space: normal;
  }
  .how-copy__header > p {
    font-size: 0.84rem;
  }
  .phone-screen {
    min-height: 0;
  }
  .dashboard-live {
    min-height: 380px;
  }
  .event-chain {
    grid-template-columns: repeat(6, 202px);
    justify-content: start;
    gap: 20px;
    margin-inline: -20px;
    padding: 30px 20px 8px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .event-chain::-webkit-scrollbar {
    display: none;
  }
  .event-chain__line {
    left: calc(20px + 101px);
    width: calc((202px * 5) + (20px * 5));
  }
  .event-chain__item {
    scroll-snap-align: start;
  }
  .enterprise-card {
    grid-template-columns: 1fr;
  }
  .enterprise-phone-composite,
  .app-phone-showcase,
  .enterprise-card__visual p {
    margin-inline: auto;
  }
  .enterprise-phone-composite {
    width: min(100%, 760px);
  }
  .enterprise-phone-composite img {
    width: min(100%, 740px);
  }
  .limit-today {
    padding: 104px 0 112px;
  }
  .event-timeline {
    grid-template-columns: repeat(6, 220px);
    justify-content: start;
    gap: 28px;
    margin-inline: -20px;
    padding: 24px 20px 8px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .event-timeline::-webkit-scrollbar {
    display: none;
  }
  .event-timeline__track {
    left: 130px;
    width: calc((220px * 5) + (28px * 5));
  }
  .event-timeline__item {
    scroll-snap-align: start;
  }
  .enterprise-layer {
    grid-template-columns: 1fr;
  }
  .dashboard-placeholder,
  .enterprise-layer__panel p {
    margin-inline: auto;
  }
  .financial-impact__intro,
  .financial-simulator {
    grid-template-columns: 1fr;
  }
  .financial-kpis {
    grid-template-columns: repeat(2, 1fr);
  }
  .financial-other__grid {
    grid-template-columns: 1fr;
  }
  .financial-other article {
    min-height: 0;
  }
  .risk-exposure {
    padding: 88px 0;
  }
  .risk-exposure__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .risk-card:nth-child(3) {
    grid-column: 1 / -1;
  }
  .implementation-journey {
    padding: 84px 0;
  }
  .implementation-journey__container {
    max-width: 980px;
  }
  .implementation-journey__header h2 {
    font-size: clamp(3rem, 6vw, 3.75rem);
  }
  .implementation-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 34px;
  }
  .implementation-step:nth-child(odd) .implementation-step__body {
    border-left: 0;
  }
  .implementation-step:nth-child(2) .implementation-step__top i {
    display: none;
  }
  .implementation-step__top i {
    right: -36%;
  }
  .implementation-step__body {
    min-height: 500px;
  }
  .implementation-step figure {
    min-height: 190px;
  }
  .implementation-step img {
    max-height: 222px;
  }
  .implementation-benefits article {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 12px;
    padding: 24px 20px;
    text-align: center;
  }
  .visibility-section {
    padding: 92px 0 86px;
  }
  .visibility-section__container {
    width: min(100% - 48px, 980px);
  }
  .visibility-section__grid {
    grid-template-columns: 1fr;
    gap: 46px;
  }
  .visibility-section__copy {
    max-width: 820px;
  }
  .visibility-section h2 {
    max-width: 850px;
    font-size: clamp(3rem, 6.4vw, 4rem);
  }
  .visibility-signals {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
  }
  .visibility-dashboard {
    max-width: 760px;
    margin-inline: auto;
  }
  .visibility-closing {
    align-items: start;
  }
  .scope-section {
    padding: 92px 0 86px;
  }
  .scope-section__container {
    width: min(100% - 48px, 980px);
  }
  .scope-section__header h2 {
    font-size: clamp(3rem, 6.4vw, 4rem);
  }
  .scope-plans {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .scope-plan--enterprise {
    grid-column: 1 / -1;
  }
  .scope-plan {
    min-height: 590px;
  }
  .scope-plan--enterprise .scope-plan__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .scope-assurances article {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    padding: 24px 22px;
  }
  .qualification-section {
    padding: 84px 0;
  }
  .qualification-section__container {
    max-width: 1040px;
  }
  .qualification-section__header h2 {
    font-size: clamp(3rem, 6.4vw, 3.92rem);
  }
  .qualification-panel {
    min-height: 620px;
    padding: 30px;
  }
  .qualification-panel__head {
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 18px;
  }
  .qualification-panel__head h3 {
    font-size: clamp(2.08rem, 4vw, 2.48rem);
  }
  .qualification-list--fit li {
    gap: 16px;
  }
  .qualification-list--not-fit li {
    gap: 18px;
    padding-block: 24px;
  }
  .faq-section {
    padding: 88px 0;
  }
  .faq-section__container {
    width: min(100% - 44px, 980px);
  }
  .faq-section__header h2 {
    font-size: clamp(3rem, 6vw, 3.85rem);
  }
  .faq-item button {
    padding: 28px 24px;
  }
  .faq-item button span {
    font-size: 1.68rem;
  }
  .faq-answer p {
    padding-inline: 24px;
  }
  .faq-footer {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .faq-footer > div {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .demo-section {
    padding: 92px 0;
  }
  .demo-section__container {
    width: min(100% - 48px, 980px);
  }
  .demo-section__header h2 {
    font-size: clamp(3rem, 6.2vw, 3.95rem);
  }
  .demo-surface {
    padding: 32px;
  }
  .demo-deliverables {
    grid-template-columns: 1fr;
  }
  .demo-deliverable,
  .demo-deliverable:first-child,
  .demo-deliverable:last-child {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 0 28px;
    min-height: 0;
    padding: 28px 0;
  }
  .demo-deliverable:first-child {
    padding-top: 0;
  }
  .demo-deliverable:last-child {
    padding-bottom: 0;
  }
  .demo-deliverable + .demo-deliverable {
    border-top: 1px solid var(--border);
    border-left: 0;
  }
  .demo-deliverable__top,
  .demo-deliverable h3,
  .demo-deliverable p {
    grid-column: 1;
  }
  .demo-deliverable__art {
    grid-column: 2;
    grid-row: 1 / span 3;
    align-self: center;
    max-width: 250px;
  }
  .demo-brief {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .demo-brief article:nth-child(odd) {
    border-left: 0;
  }
  .demo-brief article:nth-child(n+3) {
    border-top: 1px solid var(--border);
  }
  .final-cta-section {
    padding-top: 92px;
  }
  .final-cta-section__container {
    width: min(100% - 44px, 980px);
  }
  .final-cta-section__header h2 {
    font-size: clamp(3rem, 6.2vw, 3.95rem);
  }
  .final-cta-actions {
    grid-template-columns: 1fr;
    max-width: 640px;
  }
  .final-proof-strip__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .final-proof-strip article:nth-child(odd) {
    border-left: 0;
  }
  .final-proof-strip article:nth-child(n+3) {
    border-top: 1px solid var(--border);
  }
  .site-footer__container {
    grid-template-columns: 1fr;
    gap: 42px;
  }
  .site-footer__brand > p {
    max-width: 620px;
  }
  .site-footer__nav {
    max-width: 820px;
  }
}

@media (min-width: 1181px) and (max-height: 920px) {
  .urgency__inner { min-height: 38px; }
  .urgency__text { font-size: 0.86rem; }
  .site-header { top: 38px; }
  .site-header__inner { min-height: 64px; }
  .brand__mark { width: 38px; height: 38px; }
  .brand__text strong { font-size: 1.18rem; }
  .brand__text em { font-size: 1.08rem; }
  .site-header__button { min-height: 40px; padding-inline: 22px; }
  .hero {
    min-height: calc(100vh - 102px);
  }
  .hero .container { padding-top: 72px; padding-bottom: 0; }
  .hero__grid {
    grid-template-columns: minmax(0, 1.24fr) minmax(390px, 0.76fr);
    gap: 24px;
  }
  .hero__eyebrow { margin-bottom: 10px; padding: 7px 12px; font-size: 0.64rem; }
  h1 { max-width: 790px; font-size: clamp(2.72rem, 3.46vw, 3.04rem); line-height: 0.94; }
  .hero__lead {
    max-width: 680px;
    margin-top: 10px;
    font-size: 0.88rem;
    line-height: 1.42;
  }
  .hero-differentials { margin-top: 14px; }
  .hero-differentials article {
    grid-template-columns: 28px minmax(0, 1fr);
    column-gap: 10px;
    padding: 12px 14px;
  }
  .hero-differentials__icon { width: 28px; height: 28px; margin-top: 0; }
  .hero-differentials__icon svg { width: 14px; height: 14px; }
  .hero-differentials h2 { font-size: 0.7rem; line-height: 1.16; }
  .hero-differentials p { margin-top: 4px; font-size: 0.6rem; line-height: 1.3; }
  .hero-seal {
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 16px;
    margin-top: 14px;
    padding: 12px;
    border-radius: 16px;
  }
  .hero-seal__badge {
    width: 112px;
    height: 112px;
  }
  .hero-seal h2 { font-size: 1.16rem; }
  .hero-seal p { margin-top: 6px; font-size: 0.66rem; line-height: 1.3; }
  .hero-pillars { gap: 8px; margin-top: 10px; }
  .hero-pillars article { grid-template-columns: 22px minmax(0, 1fr); gap: 6px; }
  .hero-pillars span { width: 22px; height: 22px; }
  .hero-pillars svg { width: 11px; height: 11px; }
  .hero-pillars h2 { font-size: 0.54rem; line-height: 1.16; }
  .proposal-card {
    padding: 18px;
    border-radius: 22px;
  }
  .form-sparkle { width: 20px; height: 20px; }
  .proposal-card h2 { font-size: 1.68rem; }
  .proposal-card > p { margin: 7px 0 8px; font-size: 0.78rem; line-height: 1.42; }
  .form-grid,
  .lead-form { gap: 6px; }
  .field input,
  .field select { min-height: 36px; border-radius: 10px; padding-inline: 12px; font-size: 0.82rem; }
  .field label { font-size: 0.6rem; }
  .field__error { min-height: 9px; line-height: 1.15; }
  .lead-form__submit { min-height: 42px; padding-inline: 22px; font-size: 0.86rem; }
  .response-time,
  .lgpd { font-size: 0.62rem; line-height: 1.25; }
  .response-time { padding-bottom: 5px; }
  .response-time svg,
  .lgpd svg { width: 14px; height: 14px; }
}

@media (max-width: 820px) {
  body { background: #FCFBFA; }
  .container { width: min(100% - 28px, 680px); }
  .urgency__inner {
    position: relative;
    overflow: hidden;
    justify-content: flex-start;
    min-height: 42px;
    gap: 10px;
    text-align: left;
  }
  .urgency__icon {
    position: relative;
    z-index: 2;
    background: var(--dark);
    padding-right: 8px;
  }
  .urgency__text {
    flex: 0 0 auto;
    white-space: nowrap;
    min-width: max-content;
    font-size: 0.78rem;
    animation: marquee-mobile 18s linear infinite;
  }
  .urgency__cta { display: none; }
  .site-header { top: 42px; }
  .site-header__inner {
    min-height: 64px;
    gap: 12px;
  }
  .brand__mark { width: 38px; height: 38px; }
  .site-header__button {
    display: none;
  }
  .menu-toggle { margin-left: auto; }
  .menu-toggle { width: 44px; height: 44px; }
  .site-nav.is-open { top: 116px; }
  .hero {
    overflow: visible;
    padding: 0;
    background:
      radial-gradient(90% 26% at 50% 8%, rgba(248,138,43,0.055), transparent 72%),
      #FCFBFA;
  }
  .hero .container {
    width: min(100%, 680px);
    padding: 54px 20px 108px;
  }
  .path-lines--right { display: none; }
  .path-lines--left {
    width: 130vw;
    left: -48vw;
    bottom: 30%;
    opacity: 0.045;
  }
  .sparkle--one { top: 42%; left: auto; right: 9vw; opacity: 0.38; }
  .sparkle--two { display: none; }
  .hero__grid {
    display: flex;
    flex-direction: column;
    gap: 70px;
  }
  .hero__copy {
    display: flex;
    flex-direction: column;
  }
  .hero__eyebrow {
    margin-bottom: 28px;
    padding: 9px 13px;
    font-size: 0.66rem;
    letter-spacing: 0.18em;
  }
  h1 {
    max-width: 100%;
    font-size: clamp(3rem, 12vw, 3.18rem);
    line-height: 0.98;
    letter-spacing: -0.025em;
  }
  .hero__lead {
    margin-top: 32px;
    color: #48546a;
    font-size: clamp(1.05rem, 4.5vw, 1.18rem);
    line-height: 1.72;
  }
  .mobile-hero-action {
    display: grid;
    gap: 16px;
    margin-top: 38px;
  }
  .mobile-hero-action .btn {
    width: 100%;
    min-height: 64px;
    justify-content: space-between;
    padding-inline: 28px;
    font-size: 1rem;
  }
  .mobile-hero-action p {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin: 0;
    color: #677086;
    font-size: 0.94rem;
    font-weight: 600;
  }
  .mobile-hero-action svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .proposal-card {
    width: 100%;
    max-width: none;
    margin-top: 0;
    padding: 38px 24px;
    border-radius: 28px;
    background: rgba(255,255,255,0.94);
    box-shadow: 0 28px 90px -60px rgba(17,17,17,0.38);
  }
  .proposal-card h2 {
    font-size: clamp(2rem, 8.4vw, 2.55rem);
    line-height: 1.03;
  }
  .proposal-card > p {
    margin: 18px 0 28px;
    font-size: 1rem;
    line-height: 1.65;
  }
  .proposal-card .response-time {
    display: none;
  }
  .lead-form,
  .proposal-card .lead-form {
    gap: 18px;
  }
  .form-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .field { gap: 8px; }
  .field label {
    font-size: 0.84rem;
  }
  .field input,
  .field select,
  .calc-form input {
    min-height: 60px;
    border-radius: 18px;
    padding-inline: 18px;
    font-size: 1rem;
  }
  .lead-form__submit {
    min-height: 64px;
    margin-top: 2px;
    padding-inline: 28px;
    font-size: 1rem;
  }
  .lgpd {
    font-size: 0.82rem;
    line-height: 1.55;
  }
  .hero-differentials {
    grid-template-columns: 1fr;
    gap: 28px;
    margin-top: 82px;
  }
  .hero-differentials article,
  .hero-differentials article:first-child,
  .hero-differentials article + article {
    border-left: 0;
    border-top: 1px solid var(--border-alt);
    padding: 28px 0 0;
  }
  .hero-differentials article:first-child {
    border-top: 0;
    padding-top: 0;
  }
  .hero-differentials__icon {
    width: 56px;
    height: 56px;
    margin-bottom: 18px;
  }
  .hero-differentials__icon svg {
    width: 27px;
    height: 27px;
  }
  .hero-differentials h2 {
    font-size: 1.12rem;
  }
  .hero-differentials p {
    max-width: 28rem;
    font-size: 1rem;
    line-height: 1.62;
  }
  .hero-seal {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-top: 56px;
    padding: 24px;
    border-radius: 24px;
  }
  .hero-seal__badge {
    width: 100%;
    max-width: 220px;
    height: 220px;
    margin-inline: auto;
  }
  .hero-seal h2 {
    font-size: clamp(1.8rem, 8vw, 2.35rem);
  }
  .hero-seal p {
    font-size: 1rem;
  }
  .hero-pillars {
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin-top: 34px;
  }
  .hero-pillars article {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
  }
  .hero-pillars span {
    width: 34px;
    height: 34px;
  }
  .hero-pillars h2 {
    font-size: 0.78rem;
  }
  .differentials {
    order: 6;
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px;
    margin-top: 104px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
  }
  .differentials__item,
  .differentials__item + .differentials__item,
  .differentials__item:nth-child(3),
  .differentials__item:nth-child(4) {
    display: block;
    border: 1px solid var(--border);
    border-radius: 24px;
    padding: 28px;
    background: #fff;
    box-shadow: 0 22px 70px -54px rgba(17,17,17,0.34);
    animation: fade-up 0.8s ease-out both;
  }
  .differentials__item:nth-child(2) { animation-delay: 80ms; }
  .differentials__item:nth-child(3) { animation-delay: 160ms; }
  .differentials__item:nth-child(4) { animation-delay: 240ms; }
  .differentials__number {
    margin-bottom: 16px;
    font-size: 0.78rem;
  }
  .icon-badge {
    width: 72px;
    height: 72px;
    margin: 0 0 22px;
  }
  .icon-badge svg {
    width: 34px;
    height: 34px;
  }
  .differentials h2 {
    max-width: none;
    margin: 0;
    text-align: left;
    font-size: 1.25rem;
    line-height: 1.18;
  }
  .differentials p {
    max-width: none;
    margin: 14px 0 0;
    text-align: left;
    font-size: 1rem;
    line-height: 1.62;
  }
  .differentials__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 22px;
    color: var(--brand-deep);
    font-size: 0.92rem;
    font-weight: 800;
  }
  .form-grid,
  .section__grid,
  .editorial,
  .calculator__grid,
  .split,
  .comparison__grid,
  .faq__grid,
  .final-form__grid,
  .authority__box {
    grid-template-columns: 1fr;
  }
  .operation {
    margin-top: 0;
    padding: 14px 0 16px;
  }
  .operation__container {
    width: min(100%, 680px);
    min-height: auto;
    padding: 0 20px;
    display: block;
  }
  .operation__label {
    gap: 12px;
  }
  .operation__label p {
    font-size: 10px;
    line-height: 1.45;
  }
  .operation__logos-wrap {
    margin-top: 12px;
    overflow: hidden;
  }
  .operation__logos-wrap::before,
  .operation__logos-wrap::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    width: 42px;
    pointer-events: none;
  }
  .operation__logos-wrap::before {
    left: 0;
    background: linear-gradient(90deg, #fff 0%, rgba(255,255,255,0) 100%);
  }
  .operation__logos-wrap::after {
    right: 0;
    background: linear-gradient(270deg, #fff 0%, rgba(255,255,255,0) 100%);
  }
  .operation__logos {
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 24px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 0;
    padding: 8px 0 10px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .operation__logos::-webkit-scrollbar {
    display: none;
  }
  .operation__logo {
    min-width: calc((100vw - 84px) / 1.8);
    justify-content: flex-start;
    scroll-snap-align: start;
    font-size: clamp(1.65rem, 8vw, 2rem);
  }
  .operation__divider {
    height: 22px;
  }
  .stakes-section {
    padding: 92px 0;
    background:
      radial-gradient(90% 22% at 50% 4%, rgba(248,138,43,0.055), transparent 72%),
      #F7F4F2;
  }
  .stakes-section__container {
    width: min(100% - 40px, 680px);
  }
  .stakes-section__lines--left {
    width: 122vw;
    left: -72vw;
    top: 3%;
    opacity: 0.07;
  }
  .stakes-section__lines--right {
    width: 132vw;
    right: -76vw;
    top: 23%;
    opacity: 0.055;
  }
  .stakes-spark--one {
    left: auto;
    right: 12vw;
    top: 25%;
  }
  .stakes-spark--two,
  .stakes-spark--three {
    display: none;
  }
  .stakes-top {
    gap: 54px;
  }
  .stakes-eyebrow {
    margin-bottom: 24px;
    padding: 8px 14px;
    font-size: 0.62rem;
    letter-spacing: 0.22em;
  }
  .stakes-intro h2 {
    font-size: clamp(3.25rem, 13.5vw, 4.15rem);
    line-height: 0.96;
  }
  .stakes-intro > p {
    margin-top: 28px;
    font-size: 1.02rem;
    line-height: 1.74;
  }
  .stakes-visual {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .stakes-visual__image {
    width: min(100%, 440px);
    margin-inline: auto;
    border-radius: 26px;
  }
  .stakes-visual__note {
    max-width: 320px;
    padding-top: 0;
  }
  .stakes-visual__note p {
    font-size: 1.05rem;
  }
  .stakes-cards {
    grid-template-columns: 1fr;
    gap: 28px;
    margin-top: 64px;
  }
  .stakes-card,
  .stakes-card:nth-child(3) {
    grid-column: auto;
    max-width: none;
    min-height: 0;
    margin-inline: 0;
    padding: 26px;
    border-radius: 24px;
  }
  .stakes-card:hover {
    transform: none;
  }
  .stakes-card__head {
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
  }
  .stakes-card__badge {
    width: 58px;
    height: 58px;
    font-size: 1.58rem;
  }
  .stakes-card__badge small {
    font-size: 0.5rem;
    letter-spacing: 0.16em;
  }
  .stakes-card h3 {
    font-size: clamp(1.48rem, 7.2vw, 1.92rem);
    line-height: 1.06;
  }
  .stakes-card > p {
    max-width: none;
    margin-left: 0;
    font-size: 0.94rem;
    line-height: 1.5;
  }
  .stakes-card__figure {
    min-height: 0;
    margin: 22px -4px 20px;
    border-radius: 22px;
  }
  .stakes-card__figure img {
    width: min(100%, 390px);
  }
  .stakes-card__footer {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 14px;
    padding: 15px;
  }
  .stakes-card__footer p {
    font-size: 0.92rem;
  }
  .personalized-platform {
    padding: 72px 0;
  }
  .personalized-platform__container {
    width: min(100% - 40px, 680px);
  }
  .personalized-platform__lines--left {
    width: 120vw;
    left: -78vw;
    top: 3%;
    opacity: 0.07;
  }
  .personalized-platform__lines--right {
    width: 118vw;
    right: -76vw;
    top: 8%;
    opacity: 0.06;
  }
  .personalized-spark--one {
    left: auto;
    right: 12vw;
    top: 9%;
  }
  .personalized-spark--two {
    display: none;
  }
  .personalized-header {
    margin-bottom: 48px;
  }
  .personalized-eyebrow {
    padding: 8px 14px;
    font-size: 0.62rem;
    letter-spacing: 0.23em;
  }
  .personalized-header h2 {
    font-size: clamp(2.56rem, 10.6vw, 3.2rem);
    line-height: 1;
  }
  .personalized-main {
    gap: 58px;
  }
  .personalized-facts {
    gap: 18px;
  }
  .personalized-fact {
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 16px 14px;
    min-height: 0;
    padding: 22px;
    border-radius: 22px;
  }
  .personalized-fact::before {
    display: none;
  }
  .personalized-fact__number {
    width: 52px;
    height: 52px;
  }
  .personalized-fact__icon {
    grid-column: 1;
    grid-row: 2;
    width: 46px;
    height: 46px;
  }
  .personalized-fact p {
    grid-column: 2;
    grid-row: 1 / span 2;
    font-size: 0.98rem;
    line-height: 1.62;
  }
  .personalized-journeys {
    grid-template-columns: 1fr;
    gap: 42px;
  }
  .journey-card {
    min-height: 0;
    border: 1px solid var(--border);
    border-radius: 26px;
    padding: 26px 20px 28px;
    background: rgba(255,255,255,0.7);
    box-shadow: 0 24px 70px -58px rgba(17,17,17,0.32);
    overflow: hidden;
    text-align: center;
  }
  .journey-card__signal {
    width: 62px;
    height: 62px;
    margin: 0 auto 22px;
  }
  .journey-card picture {
    position: relative;
    display: grid;
    place-items: end center;
    width: 100%;
    min-height: 300px;
    margin-inline: auto;
  }
  .journey-card__person {
    width: min(72%, 236px);
    max-height: 300px;
    margin-inline: auto;
    object-fit: contain;
    object-position: center bottom;
    transform: translateX(0);
  }
  .journey-card__arrow {
    height: 44px;
    margin-top: -4px;
  }
  .journey-card__arrow::after {
    margin-top: 40px;
  }
  .app-path-card {
    width: min(100%, 248px);
    border-radius: 26px;
    padding: 20px;
  }
  .app-path-card strong {
    font-size: 1.08rem;
  }
  .app-path-card > span,
  .app-path-card p {
    font-size: 0.72rem;
  }
  .app-path-card h3 {
    font-size: 0.9rem;
  }
  .app-path-card button {
    min-height: 42px;
    font-size: 0.78rem;
  }
  .personalized-connector {
    height: 82px;
    margin-top: 16px;
  }
  .personalized-connector::before,
  .personalized-connector::after {
    width: calc(50% - 28px);
  }
  .personalized-connector .spark {
    width: 62px;
    height: 62px;
  }
  .platform-solution {
    padding: 32px 22px 22px;
    border-radius: 28px;
  }
  .platform-solution__copy p:first-child {
    font-size: 0.68rem;
    letter-spacing: 0.24em;
  }
  .platform-solution__copy h3 {
    font-size: clamp(2.8rem, 11vw, 3.6rem);
  }
  .platform-solution__copy p:last-child {
    margin-top: 24px;
    font-size: 0.98rem;
    line-height: 1.68;
  }
  .anonymous-flow {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .anonymous-flow__users {
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
    gap: 12px;
  }
  .anonymous-flow__users span {
    width: 72px;
    height: 72px;
    border-radius: 20px;
  }
  .anonymous-flow__users i {
    width: 30px;
    height: 30px;
  }
  .anonymous-flow__users i::after {
    left: -7px;
    right: -7px;
    bottom: -22px;
    height: 25px;
  }
  .anonymous-flow__paths {
    display: none;
  }
  .dashboard-mock {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 18px;
    border-radius: 22px;
  }
  .heat-grid {
    grid-template-columns: 78px repeat(6, 1fr);
    gap: 6px;
  }
  .heat-grid span {
    font-size: 0.55rem;
  }
  .dashboard-mock__metric,
  .dashboard-mock__trend {
    min-height: 104px;
  }
  .platform-pillars {
    grid-template-columns: 1fr 1fr;
    margin-top: 8px;
    border-radius: 18px;
  }
  .platform-pillars div {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 16px 14px;
    font-size: 0.78rem;
    text-align: center;
  }
  .platform-pillars span {
    margin-inline: auto;
  }
  .how-it-works {
    min-height: 0;
    padding: 76px 0;
  }
  .how-it-works__scroll {
    height: auto;
  }
  .how-it-works__stage {
    position: relative;
    top: auto;
    display: grid;
    grid-template-columns: 1fr;
    height: auto;
    min-height: 0;
    width: min(100% - 40px, 680px);
    padding: 0;
  }
  .how-rail {
    display: none;
  }
  .how-copy__header {
    text-align: center;
  }
  .how-eyebrow {
    font-size: 0.62rem;
    letter-spacing: 0.22em;
  }
  .how-copy__header h2 {
    font-size: clamp(2.35rem, 9.4vw, 3.05rem);
    line-height: 0.98;
  }
  .how-copy__header h2 span {
    white-space: normal;
  }
  .how-copy__header > p {
    margin-inline: auto;
    font-size: 0.9rem;
    line-height: 1.46;
  }
  .how-step-copy {
    display: grid;
    gap: 24px;
    min-height: 0;
    margin-top: 34px;
  }
  .how-step-copy article,
  .how-step-copy article:first-child {
    position: relative;
    inset: auto;
    min-height: 0;
    display: grid;
    align-content: start;
    opacity: 1;
    transform: none;
    pointer-events: auto;
    border: 1px solid var(--border);
    border-radius: 28px;
    padding: 26px 22px 28px;
    background: rgba(255,255,255,0.84);
    box-shadow: 0 28px 80px -64px rgba(17,17,17,0.32);
  }
  .how-step-copy h3 {
    font-size: clamp(1.55rem, 7vw, 2.12rem);
    line-height: 1.04;
  }
  .how-step-copy p {
    font-size: 0.9rem;
    line-height: 1.46;
  }
  .how-phone,
  .how-dashboard {
    display: none;
  }
  .how-link {
    display: none;
  }
  .how-step-copy article::after {
    content: none;
  }
  .how-step-device {
    display: grid;
    place-items: center;
    margin: 24px auto 0;
    width: 100%;
  }
  .how-step-device span {
    position: relative;
    display: block;
    width: min(72vw, 260px);
    aspect-ratio: 784 / 1544;
    overflow: hidden;
    border: 8px solid #171717;
    border-radius: 38px;
    background: #fff;
    box-shadow: 0 28px 78px -48px rgba(17,17,17,0.5);
  }
  .how-step-device span::before {
    content: none;
    position: absolute;
    z-index: 2;
    top: 13px;
    left: 50%;
    width: 74px;
    height: 22px;
    border-radius: 999px;
    background: #111;
    transform: translateX(-50%);
  }
  .how-step-device img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
  }
  .how-step-device--dashboard span,
  .how-step-device--wide span {
    width: min(100%, 420px);
    aspect-ratio: 4 / 3;
    border: 0;
    border-radius: 22px;
    background: transparent;
    box-shadow: 0 24px 74px -58px rgba(17,17,17,0.36);
  }
  .how-step-device--dashboard span::before,
  .how-step-device--wide span::before {
    content: none;
  }
  .how-step-device--dashboard img,
  .how-step-device--wide img {
    object-fit: contain;
  }
  .limits-section {
    padding: 92px 0 104px;
  }
  .limits-section__container {
    width: min(100% - 40px, 680px);
  }
  .limits-section__lines--left {
    width: 132vw;
    left: -62vw;
    top: 18%;
  }
  .limits-section__lines--right {
    display: none;
  }
  .limits-section__spark--one {
    left: auto;
    right: 9vw;
    top: 22%;
  }
  .limits-header {
    text-align: center;
  }
  .limits-eyebrow {
    justify-content: center;
    font-size: 10px;
    letter-spacing: 0.22em;
  }
  .limits-header h2 {
    font-size: clamp(2.28rem, 9.3vw, 3rem);
    line-height: 1;
  }
  .limits-header h2 span {
    margin-top: 10px;
    font-size: 0.96em;
    line-height: 0.95;
  }
  .limits-summary {
    gap: 12px;
    margin-top: 24px;
    font-size: 0.98rem;
    line-height: 1.48;
  }
  .limits-summary__steps {
    gap: 10px;
    margin-top: 2px;
    font-size: 0.96rem;
    line-height: 1.36;
  }
  .event-chain {
    grid-template-columns: repeat(6, minmax(272px, 82vw));
    gap: 16px;
    margin-top: 38px;
    margin-inline: -20px;
    padding: 14px 20px 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 20px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 20px, #000 calc(100% - 34px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 20px, #000 calc(100% - 34px), transparent 100%);
  }
  .event-chain::-webkit-scrollbar {
    display: none;
  }
  .event-chain__line {
    display: none;
  }
  .event-chain__item {
    grid-template-rows: 1fr;
    align-items: stretch;
    scroll-snap-align: start;
  }
  .event-chain__dot,
  .event-chain__stem {
    display: none;
  }
  .event-chain__card {
    min-height: 246px;
    padding: 24px 22px;
    border-radius: 24px;
  }
  .event-chain__icon {
    width: 60px;
    height: 60px;
    margin-bottom: 16px;
  }
  .event-chain__icon svg {
    width: 27px;
    height: 27px;
  }
  .event-chain__card h3 {
    max-width: 210px;
    font-size: 1rem;
    line-height: 1.16;
  }
  .event-chain__card p {
    max-width: 236px;
    font-size: 0.86rem;
    line-height: 1.5;
  }
  .limits-insight {
    grid-template-columns: 1fr;
    gap: 22px;
    margin-top: 76px;
    padding: 30px 26px;
    border-radius: 26px;
  }
  .limits-insight__mark {
    width: 72px;
    height: 72px;
    border-radius: 22px;
  }
  .limits-insight__mark::before {
    width: 34px;
    height: 34px;
  }
  .limits-insight__rule {
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #E5DAD1, transparent);
  }
  .limits-insight blockquote {
    font-size: 1.08rem;
    line-height: 1.38;
  }
  .enterprise-card {
    margin-top: 64px;
    padding: 30px 24px;
    border-radius: 28px;
  }
  .enterprise-card__copy h2 {
    font-size: clamp(2.2rem, 8.6vw, 3rem);
    line-height: 1.04;
  }
  .enterprise-card__pillars {
    margin-top: 34px;
  }
  .enterprise-card__pillars section {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 14px;
    padding: 20px 0;
  }
  .enterprise-phone-composite {
    width: auto;
    margin-inline: -10px;
    padding-block: 6px 0;
  }
  .enterprise-phone-composite::before {
    display: none;
  }
  .enterprise-phone-composite img {
    width: min(110%, 620px);
  }
  .app-phone-showcase {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    width: auto;
    min-height: 390px;
    margin-inline: -24px;
    padding: 12px 24px 18px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 24px, #000 calc(100% - 36px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 24px, #000 calc(100% - 36px), transparent 100%);
  }
  .app-phone-showcase::-webkit-scrollbar {
    display: none;
  }
  .app-phone-showcase::before {
    inset: 18% 12% 12%;
  }
  .app-phone {
    flex: 0 0 190px;
    scroll-snap-align: center;
  }
  .app-phone--left,
  .app-phone--center,
  .app-phone--right {
    transform: none;
  }
  .app-phone__frame {
    width: 190px;
    border-width: 7px;
    border-radius: 32px;
  }
  .enterprise-card__visual p {
    font-size: 0.98rem;
  }
  .limit-today {
    padding: 92px 0 104px;
  }
  .limit-today__container {
    width: min(100% - 40px, 680px);
  }
  .limit-today__lines--one {
    width: 130vw;
    left: -58vw;
    top: 20%;
  }
  .limit-today__lines--two {
    display: none;
  }
  .limit-today__header {
    text-align: left;
  }
  .limit-today__eyebrow {
    justify-content: flex-start;
    font-size: 0.64rem;
    letter-spacing: 0.22em;
  }
  .limit-today__header h2 {
    font-size: clamp(3rem, 11.5vw, 4.05rem);
    line-height: 1;
  }
  .limit-today__header h2 span {
    margin-top: 16px;
  }
  .limit-today__header > p {
    margin-top: 28px;
    font-size: 1rem;
    line-height: 1.78;
  }
  .event-timeline {
    grid-template-columns: repeat(6, minmax(205px, 68vw));
    gap: 22px;
    margin-top: 62px;
    margin-inline: -20px;
    padding-inline: 20px;
  }
  .event-timeline__track {
    left: calc(20px + 34vw);
    width: calc((68vw + 22px) * 5);
    max-width: none;
  }
  .event-card {
    min-height: 204px;
    padding: 24px 22px;
  }
  .limit-insight {
    grid-template-columns: 1fr;
    gap: 22px;
    margin-top: 76px;
    padding: 30px 26px;
    border-radius: 26px;
  }
  .limit-insight__icon {
    width: 68px;
    height: 68px;
  }
  .limit-insight p {
    font-size: 1.18rem;
    line-height: 1.62;
  }
  .enterprise-layer {
    margin-top: 64px;
    padding: 30px 24px;
    border-radius: 28px;
  }
  .enterprise-layer__copy h2 {
    font-size: clamp(2.75rem, 10.5vw, 3.8rem);
  }
  .enterprise-pillars {
    margin-top: 34px;
  }
  .enterprise-pillars article {
    grid-template-columns: 44px minmax(0, 1fr);
  }
  .dashboard-placeholder {
    min-height: 280px;
    border-radius: 22px;
  }
  .enterprise-layer__panel p {
    font-size: 0.96rem;
  }
  .section {
    padding: 104px 0;
  }
  .financial-impact {
    padding: 90px 0;
  }
  .financial-impact__container {
    width: min(100% - 40px, 680px);
  }
  .financial-impact__intro {
    gap: 42px;
  }
  .financial-impact__story h2 {
    font-size: clamp(2.9rem, 11vw, 4.2rem);
  }
  .financial-impact__summary {
    align-items: flex-start;
    line-height: 1.55;
  }
  .financial-premises {
    gap: 26px;
  }
  .financial-premises__item {
    grid-template-columns: 58px 1fr;
  }
  .financial-premises__number {
    position: static;
    grid-column: 2;
    margin-bottom: -10px;
  }
  .financial-simulator {
    margin-top: 64px;
    padding: 22px;
    border-radius: 26px;
  }
  .financial-simulator__header {
    display: grid;
  }
  .financial-simulator__header h2 {
    font-size: clamp(2.2rem, 8vw, 3rem);
  }
  .financial-fields {
    grid-template-columns: 1fr;
  }
  .financial-field {
    min-height: 82px;
  }
  .financial-gauge {
    padding: 22px 18px;
  }
  .financial-kpis {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 14px;
    padding-bottom: 8px;
    scrollbar-width: none;
  }
  .financial-kpis::-webkit-scrollbar {
    display: none;
  }
  .financial-kpi {
    min-width: min(82vw, 360px);
    scroll-snap-align: start;
  }
  .financial-return,
  .financial-honesty,
  .financial-conclusion {
    grid-template-columns: 1fr;
    display: grid;
    padding: 24px;
  }
  .financial-insight {
    align-items: flex-start;
    text-align: left;
  }
  .financial-insight p {
    text-align: left;
  }
  .financial-other {
    margin-top: 64px;
  }
  .financial-other > h2 {
    font-size: clamp(2.35rem, 9vw, 3.25rem);
  }
  .risk-exposure {
    padding: 72px 0;
  }
  .risk-exposure__container {
    padding-inline: 20px;
  }
  .risk-exposure__header h2 {
    font-size: clamp(2.65rem, 10vw, 3.45rem);
    line-height: 1.05;
  }
  .risk-exposure__grid {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-top: 42px;
  }
  .risk-card,
  .risk-card:nth-child(3) {
    grid-column: auto;
  }
  .risk-card {
    padding: 26px;
  }
  .risk-card:hover {
    transform: none;
  }
  .risk-card h3 {
    font-size: clamp(28px, 8vw, 32px);
  }
  .risk-card > p:not(.risk-card__label) {
    font-size: 15px;
  }
  .risk-card__summary {
    width: 100%;
  }
  .risk-exposure__lines {
    width: 120vw;
    right: -70vw;
    opacity: 0.04;
  }
  .platform-ecosystem {
    padding: 72px 0;
    background:
      radial-gradient(95% 20% at 50% 6%, rgba(248,138,43,0.055), transparent 74%),
      radial-gradient(78% 18% at 12% 58%, rgba(248,138,43,0.026), transparent 74%),
      #FCFBFA;
  }
  .platform-ecosystem::before,
  .platform-ecosystem::after {
    opacity: 0.42;
  }
  .platform-ecosystem::before {
    left: -260px;
    top: 74px;
  }
  .platform-ecosystem::after {
    right: -250px;
    bottom: 26%;
  }
  .platform-ecosystem__container {
    width: min(100% - 40px, 680px);
  }
  .ecosystem-header {
    margin-bottom: 38px;
  }
  .ecosystem-eyebrow {
    gap: 10px;
    font-size: 0.62rem;
    letter-spacing: 0.22em;
  }
  .ecosystem-header h2 {
    max-width: 390px;
    font-size: clamp(2.8rem, 11vw, 3.55rem);
    line-height: 1;
  }
  .ecosystem-header p:not(.ecosystem-eyebrow) {
    margin-top: 22px;
    font-size: 1rem;
    line-height: 1.72;
  }
  .ecosystem-visual {
    grid-template-columns: 1fr;
    gap: 26px;
    margin-top: 34px;
    border-radius: 26px;
    padding: 24px;
  }
  .ecosystem-visual::before,
  .ecosystem-visual::after {
    display: none;
  }
  .ecosystem-column {
    display: none;
  }
  .ecosystem-mobile-tabs {
    display: block;
    margin-top: 28px;
  }
  .ecosystem-tablist {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: 5px;
    background: rgba(255,255,255,0.78);
  }
  .ecosystem-tablist button {
    min-height: 42px;
    border: 0;
    border-radius: 999px;
    color: #716C67;
    background: transparent;
    font-size: clamp(0.68rem, 2.8vw, 0.78rem);
    font-weight: 800;
    letter-spacing: 0.02em;
    line-height: 1.1;
    transition: color 220ms ease, background 220ms ease, box-shadow 220ms ease;
  }
  .ecosystem-tablist button[aria-selected="true"] {
    color: #fff;
    background: linear-gradient(180deg, var(--brand-hover), var(--brand));
    box-shadow: 0 12px 30px -18px rgba(248,138,43,0.75);
  }
  .ecosystem-tab-panel {
    margin-top: 18px;
    border: 1px solid var(--border);
    border-radius: 24px;
    padding: 22px;
    background: rgba(255,255,255,0.82);
    box-shadow: 0 20px 52px -44px rgba(42,39,37,0.32);
  }
  .ecosystem-tab-panel[hidden] {
    display: none;
  }
  .ecosystem-tab-panel ul {
    display: grid;
    gap: 18px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .ecosystem-tab-panel li {
    display: grid;
    gap: 6px;
    border-bottom: 1px solid #F3EEE9;
    padding-bottom: 16px;
  }
  .ecosystem-tab-panel li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .ecosystem-tab-panel strong {
    color: #141414;
    font-size: 0.98rem;
    line-height: 1.25;
  }
  .ecosystem-tab-panel span {
    color: #4D5662;
    font-size: 0.92rem;
    line-height: 1.58;
  }
  .ecosystem-audiences {
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 34px;
    border-radius: 24px;
    padding: 22px;
  }
  .ecosystem-audiences article {
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 15px;
  }
  .ecosystem-audiences span {
    width: 52px;
    height: 52px;
  }
  .ecosystem-audiences h3 {
    font-size: 0.74rem;
  }
  .ecosystem-audiences p {
    font-size: 0.92rem;
  }
  .ecosystem-closing {
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 36px;
    padding-top: 30px;
  }
  .ecosystem-closing h3 {
    max-width: 360px;
    padding-left: 38px;
    font-size: clamp(2rem, 8.4vw, 2.75rem);
  }
  .ecosystem-closing p {
    font-size: 1rem;
    line-height: 1.72;
  }
  .company-receives {
    padding: 78px 0 88px;
    background:
      radial-gradient(100% 18% at 50% 8%, rgba(248,138,43,0.058), transparent 76%),
      #F7F4F2;
  }
  .company-receives__lines {
    width: 132vw;
    left: -62vw;
    bottom: 18%;
    opacity: 0.045;
  }
  .company-receives__spark--one {
    left: auto;
    right: 12vw;
    top: 8%;
  }
  .company-receives__spark--two {
    display: none;
  }
  .company-receives__container {
    width: min(100% - 40px, 680px);
    gap: 46px;
  }
  .company-receives__intro {
    display: block;
  }
  .company-receives__eyebrow {
    margin-bottom: 22px;
    font-size: 0.62rem;
    letter-spacing: 0.22em;
  }
  .company-receives__intro h2 {
    max-width: 390px;
    font-size: clamp(2.72rem, 11.2vw, 3.55rem);
    line-height: 1.03;
  }
  .company-receives__intro > p:not(.company-receives__eyebrow) {
    max-width: 370px;
    margin-top: 54px;
    font-size: 1rem;
    line-height: 1.72;
  }
  .company-receives__intro > p:not(.company-receives__eyebrow)::before {
    top: -28px;
    width: 48px;
  }
  .company-receives__mockup {
    min-height: clamp(310px, 82vw, 430px);
    margin-top: 42px;
  }
  .company-laptop {
    left: 50%;
    width: min(100%, 560px);
    border-width: 7px;
    transform: translateX(-50%);
  }
  .company-capabilities {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .company-capability {
    min-height: 0;
    border-radius: 24px;
    padding: 26px;
  }
  .company-capability:hover {
    transform: none;
  }
  .company-capability__icon {
    width: 62px;
    height: 62px;
    margin-bottom: 22px;
  }
  .company-capability h3 {
    font-size: clamp(1.38rem, 6vw, 1.64rem);
  }
  .company-capability > p:last-child {
    margin-top: 16px;
    font-size: 0.95rem;
  }
  .market-comparison {
    padding: 72px 0;
    background:
      radial-gradient(100% 20% at 50% 7%, rgba(248,138,43,0.06), transparent 76%),
      #FCFBFA;
  }
  .market-comparison__container {
    width: min(100% - 40px, 680px);
  }
  .market-comparison__spark--one {
    left: auto;
    right: 11vw;
    top: 7%;
  }
  .market-comparison__spark--two {
    display: none;
  }
  .market-comparison__header {
    margin-bottom: 42px;
  }
  .market-comparison__eyebrow {
    font-size: 0.62rem;
    letter-spacing: 0.22em;
  }
  .market-comparison__header h2 {
    max-width: 390px;
    font-size: clamp(2.58rem, 10.8vw, 3.38rem);
    line-height: 1.02;
  }
  .market-comparison__header > p:not(.market-comparison__eyebrow) {
    font-size: 0.98rem;
    line-height: 1.72;
  }
  .practice-board {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .practice-board__head {
    display: none;
  }
  .practice-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    min-height: 0;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 24px;
    background: rgba(255,255,255,0.78);
    box-shadow: 0 20px 54px -46px rgba(42,39,37,0.34);
  }
  .practice-row + .practice-row {
    border-top: 1px solid var(--border);
  }
  .practice-cell {
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 16px;
    padding: 22px;
  }
  .practice-cell--common {
    background: rgba(255,255,255,0.6);
  }
  .practice-cell--path {
    border-left: 0;
    border-top: 1px solid var(--brand-line);
    background: linear-gradient(180deg, rgba(255,241,230,0.45), rgba(255,255,255,0.92));
  }
  .practice-cell > span {
    width: 52px;
    height: 52px;
  }
  .practice-cell p {
    font-size: 0.62rem;
    letter-spacing: 0.2em;
  }
  .practice-cell h4 {
    font-size: 1rem;
    line-height: 1.46;
  }
  .practice-cell--common::before {
    content: "Programa comum";
    grid-column: 1 / -1;
    color: #8A8A8A;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    line-height: 1;
    text-transform: uppercase;
  }
  .practice-cell--path::before {
    content: "Meu Caminho";
    grid-column: 1 / -1;
    color: var(--brand);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    line-height: 1;
    text-transform: uppercase;
  }
  .practice-row > i {
    width: 34px;
    height: 34px;
    margin: -23px auto;
  }
  .practice-row > i::before {
    content: "↓";
    font-size: 1.05rem;
  }
  .practice-row:hover > i::before {
    transform: translateY(2px);
  }
  .efficiency-block {
    gap: 28px;
    margin-top: 28px;
    border-radius: 24px;
    padding: 24px;
  }
  .efficiency-block__copy h3 {
    font-size: clamp(2.45rem, 10vw, 3.25rem);
  }
  .efficiency-block__copy p {
    font-size: 0.96rem;
    line-height: 1.72;
  }
  .efficiency-gains {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-bottom: 0;
  }
  .efficiency-gains::before {
    left: 31px;
    right: auto;
    top: 30px;
    bottom: 30px;
    width: 1px;
    border-top: 0;
    border-left: 1px dashed var(--brand-line);
  }
  .efficiency-gains article {
    grid-template-columns: 62px minmax(0, 1fr);
    justify-items: start;
    text-align: left;
  }
  .efficiency-gains p {
    max-width: none;
    font-size: 0.88rem;
  }
  .efficiency-devices {
    min-height: 0;
    margin-top: 18px;
  }
  .efficiency-dashboard-print {
    width: 100%;
    border-radius: 16px;
  }
  .turning-point {
    padding: 72px 0 84px;
    background:
      radial-gradient(100% 20% at 50% 7%, rgba(248,138,43,0.06), transparent 76%),
      #F7F4F2;
  }
  .turning-point__container {
    width: min(100% - 40px, 680px);
  }
  .turning-point__header {
    margin-bottom: 36px;
  }
  .turning-point__eyebrow {
    font-size: 0.62rem;
    letter-spacing: 0.22em;
  }
  .turning-point__header h2 {
    font-size: clamp(2.72rem, 11vw, 3.55rem);
    line-height: 1.02;
  }
  .turning-point__header p:not(.turning-point__eyebrow) {
    font-size: 0.98rem;
  }
  .turning-cards {
    gap: 18px;
  }
  .turning-card {
    min-height: 0;
    border-radius: 24px;
  }
  .turning-card:hover {
    transform: none;
  }
  .turning-card__copy {
    max-width: none;
    padding: 26px 22px 0;
  }
  .turning-card__copy h3 {
    font-size: clamp(1.86rem, 8vw, 2.32rem);
  }
  .turning-card__copy p:not(.turning-card__badge) {
    font-size: 0.94rem;
  }
  .turning-card__notes {
    width: auto;
    margin: 26px 22px 0;
  }
  .turning-card__notes section,
  .turning-card__after-list section {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 14px;
  }
  .turning-card__notes span,
  .turning-card__after-list span,
  .turning-card__footer span {
    width: 50px;
    height: 50px;
  }
  .turning-card__photo {
    position: relative;
    right: auto;
    bottom: auto;
    display: block;
    width: 100%;
    height: 260px;
    margin-top: 24px;
  }
  .turning-card__photo::before {
    background: linear-gradient(180deg, #fff 0%, rgba(255,255,255,0.08) 48%, rgba(255,255,255,0.1) 100%);
  }
  .turning-card__footer {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    margin: -54px 18px 20px;
    padding: 16px;
  }
  .turning-card--after::before {
    right: 22px;
    top: 22px;
    width: 44px;
    height: 44px;
    font-size: 1.55rem;
  }
  .turning-card__after-list {
    width: auto;
    margin: 22px 22px 0;
  }
  .turning-outcomes {
    gap: 24px;
    margin-top: 18px;
    border-radius: 24px;
    padding: 22px;
  }
  .turning-outcomes__headline {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 16px;
  }
  .turning-outcomes__headline p {
    font-size: clamp(1.72rem, 7.6vw, 2.25rem);
  }
  .turning-outcomes__items {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .turning-outcomes__items article {
    grid-template-columns: 54px minmax(0, 1fr);
  }
  .turning-outcomes__headline span,
  .turning-outcomes__items span {
    width: 52px;
    height: 52px;
  }
  .have-proof {
    padding: 76px 0 88px;
    background:
      radial-gradient(95% 18% at 50% 4%, rgba(248,138,43,0.055), transparent 76%),
      #FCFBFA;
  }
  .have-proof__container {
    width: min(100% - 40px, 680px);
  }
  .have-proof__header {
    margin-bottom: 30px;
    text-align: left;
  }
  .have-proof__eyebrow {
    font-size: 0.62rem;
    letter-spacing: 0.22em;
  }
  .have-proof__header h2 {
    font-size: clamp(2.55rem, 10.6vw, 3.25rem);
    line-height: 1.02;
  }
  .have-proof__header p:not(.have-proof__eyebrow) {
    margin-top: 18px;
    font-size: 0.98rem;
    line-height: 1.7;
  }
  .proof-panel {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }
  .proof-row {
    grid-template-columns: 1fr;
    border-radius: 24px;
    box-shadow: 0 24px 64px -58px rgba(42,39,37,0.42);
  }
  .proof-row + .proof-row {
    margin-top: 18px;
  }
  .proof-cell {
    padding: 22px;
  }
  .proof-cell--moment {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 16px;
  }
  .proof-cell--moment span {
    width: 50px;
    height: 50px;
  }
  .proof-cell--moment h3 {
    font-size: 1.02rem;
  }
  .proof-cell--without,
  .proof-cell--with {
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 14px;
  }
  .proof-cell--without {
    border-bottom: 1px solid var(--border);
  }
  .proof-cell--with {
    border-left: 0;
    background: linear-gradient(180deg, rgba(250,255,246,0.92), rgba(255,255,255,0.96));
  }
  .proof-cell--without::before,
  .proof-cell--with::before {
    grid-column: 1 / -1;
    margin-bottom: -4px;
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
  }
  .proof-cell--without::before {
    content: "Sem sistema";
    color: #777;
  }
  .proof-cell--with::before {
    content: "Com Meu Caminho";
    color: #3F7834;
  }
  .proof-cell p {
    font-size: 0.94rem;
  }
  .proof-row:hover .proof-cell--with {
    box-shadow: none;
  }
  .proof-closing {
    margin-top: 24px;
    border-radius: 24px;
    padding: 24px;
  }
  .proof-closing__copy {
    grid-template-columns: 20px minmax(0, 1fr);
  }
  .proof-closing__copy h3 {
    font-size: clamp(1.9rem, 8.2vw, 2.35rem);
  }
  .proof-benefits {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .proof-benefits article {
    grid-template-columns: 54px minmax(0, 1fr);
    justify-items: start;
    text-align: left;
  }
  .proof-benefits span {
    width: 52px;
    height: 52px;
  }
  .proof-benefits p {
    font-size: 0.86rem;
  }
  .proof-seal img {
    width: 116px;
  }
  .labor-liability {
    padding: 72px 0 82px;
  }
  .labor-liability__container {
    width: min(100% - 40px, 680px);
  }
  .labor-liability__intro {
    text-align: left;
  }
  .labor-liability__eyebrow {
    justify-content: flex-start;
    gap: 12px;
    margin-bottom: 22px;
    font-size: 0.62rem;
    letter-spacing: 0.22em;
  }
  .labor-liability__eyebrow span,
  .labor-liability__eyebrow svg {
    width: 25px;
    height: 25px;
  }
  .labor-liability__intro h2 {
    font-size: clamp(2.5rem, 10vw, 3.15rem);
    line-height: 1.06;
  }
  .labor-arguments li {
    grid-template-columns: 46px 54px minmax(0, 1fr);
    gap: 14px;
    min-height: auto;
    padding-bottom: 18px;
  }
  .labor-arguments__number {
    font-size: 1.86rem;
  }
  .labor-arguments__icon {
    width: 52px;
    height: 52px;
  }
  .labor-arguments__icon svg {
    width: 26px;
    height: 26px;
  }
  .labor-arguments p {
    font-size: 0.94rem;
    line-height: 1.55;
  }
  .legal-asset {
    gap: 26px;
    margin-top: 42px;
    border-radius: 22px;
    padding: 26px 22px;
  }
  .legal-asset__copy h3 {
    font-size: clamp(2rem, 9vw, 2.55rem);
  }
  .legal-asset__copy p {
    font-size: 0.96rem;
  }
  .legal-report img {
    max-height: none;
  }
  .labor-proof-surface {
    grid-template-columns: 1fr;
    margin-top: 22px;
  }
  .labor-proof-surface article {
    padding: 28px 24px 30px;
  }
  .labor-proof-surface article + article {
    border-top: 1px solid var(--border);
    border-left: 0;
  }
  .labor-proof-surface span {
    width: 64px;
    height: 64px;
  }
  .labor-proof-surface h3 {
    font-size: clamp(1.82rem, 8vw, 2.18rem);
  }
  .labor-proof-surface p:last-child {
    font-size: 0.94rem;
  }
  .labor-honesty {
    margin-top: 22px;
    padding: 24px;
  }
  .labor-honesty__title {
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 18px;
  }
  .labor-honesty__title span {
    width: 64px;
    height: 64px;
  }
  .labor-honesty__title svg {
    width: 32px;
    height: 32px;
  }
  .labor-honesty h3 {
    font-size: clamp(1.72rem, 8vw, 2.12rem);
  }
  .labor-honesty p {
    font-size: 0.94rem;
  }
  .return-section {
    padding: 76px 0 84px;
  }
  .return-section__container {
    width: min(100% - 40px, 680px);
  }
  .return-section__header {
    margin-bottom: 38px;
    text-align: left;
  }
  .return-eyebrow {
    font-size: 0.62rem;
    letter-spacing: 0.24em;
  }
  .return-section__header h2 {
    font-size: clamp(2.7rem, 11vw, 3.35rem);
  }
  .return-timeline {
    grid-template-columns: 1fr;
    gap: 0;
    margin-bottom: 38px;
  }
  .return-timeline::before {
    left: 36px;
    right: auto;
    top: 24px;
    bottom: 24px;
    width: 1px;
    height: auto;
    background: var(--brand-line);
  }
  .return-timeline li {
    grid-template-columns: 72px minmax(0, 1fr);
    justify-items: start;
    gap: 0 18px;
    padding: 0 0 28px;
    text-align: left;
  }
  .return-timeline li:last-child {
    padding-bottom: 0;
  }
  .return-timeline strong {
    grid-column: 1;
    justify-self: center;
    margin-bottom: 8px;
  }
  .return-timeline span {
    grid-column: 1;
    width: 64px;
    height: 64px;
  }
  .return-timeline h3,
  .return-timeline p {
    grid-column: 2;
  }
  .return-timeline h3 {
    margin-top: 28px;
  }
  .return-timeline p {
    max-width: none;
  }
  .return-console {
    border-radius: 22px;
  }
  .return-calculator,
  .return-results {
    padding: 24px;
  }
  .return-field {
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 12px 14px;
    padding: 18px;
  }
  .return-field input,
  .return-field select {
    grid-column: 1 / -1;
    grid-row: auto;
  }
  .return-field small {
    grid-column: 2;
  }
  .return-kpis {
    grid-template-columns: 1fr;
  }
  .return-chart {
    padding: 18px 12px;
    overflow: hidden;
  }
  .return-saving {
    grid-template-columns: 1fr;
  }
  .return-saving > strong {
    font-size: clamp(2.65rem, 13vw, 3.7rem);
  }
  .return-total {
    padding: 24px;
  }
  .return-total strong {
    font-size: clamp(3.1rem, 15vw, 4.3rem);
    white-space: normal;
  }
  .return-flow-card {
    padding: 24px;
  }
  .return-flow--prevention,
  .return-flow--platform {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .return-flow li {
    grid-template-columns: 64px minmax(0, 1fr);
    justify-items: start;
    gap: 8px 14px;
    text-align: left;
  }
  .return-flow li + li::before {
    left: 31px;
    right: auto;
    top: -16px;
    width: 1px;
    height: 16px;
    border-top: 0;
    border-left: 1px dashed var(--brand);
  }
  .return-flow li + li::after {
    content: "↓";
    left: 24px;
    right: auto;
    top: -21px;
  }
  .return-flow span {
    grid-row: 1 / span 2;
    width: 62px;
    height: 62px;
  }
  .return-flow p,
  .return-flow strong {
    grid-column: 2;
  }
  .return-platform > p {
    text-align: left;
  }
  .implementation-journey {
    padding: 68px 0;
  }
  .implementation-journey__container {
    padding-inline: 20px;
  }
  .implementation-journey__header {
    margin-bottom: 36px;
    text-align: left;
  }
  .implementation-journey__eyebrow {
    font-size: 0.62rem;
    letter-spacing: 0.24em;
  }
  .implementation-journey__header h2 {
    font-size: clamp(2.55rem, 10.8vw, 3.35rem);
    line-height: 1.02;
  }
  .implementation-journey__header > p:not(.implementation-journey__eyebrow) {
    font-size: 1rem;
    line-height: 1.7;
  }
  .implementation-steps {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .implementation-steps::before {
    content: "";
    position: absolute;
    left: 31px;
    top: 26px;
    bottom: 40px;
    z-index: 0;
    border-left: 1px dashed #D8D1CB;
  }
  .implementation-step {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 16px;
  }
  .implementation-step + .implementation-step .implementation-step__body {
    border-left: 0;
  }
  .implementation-step__top {
    z-index: 1;
    min-height: auto;
  }
  .implementation-step__top i {
    display: none;
  }
  .implementation-step__body {
    justify-items: start;
    min-height: 0;
    border: 1px solid var(--border);
    border-radius: 24px;
    padding: 24px 20px 0;
    background: rgba(255,255,255,0.72);
    text-align: left;
    box-shadow: 0 22px 60px -54px rgba(42,39,37,0.34);
  }
  .implementation-step__number {
    width: 62px;
    height: 62px;
    font-size: 1.7rem;
  }
  .implementation-step__icon {
    width: 72px;
    height: 72px;
  }
  .implementation-step svg {
    width: 34px;
    height: 34px;
  }
  .implementation-step h3 {
    margin-top: 18px;
    font-size: 1.28rem;
  }
  .implementation-step p {
    max-width: none;
    margin-inline: 0;
    font-size: 0.98rem;
    line-height: 1.62;
  }
  .implementation-step figure {
    min-height: 0;
    margin-top: 18px;
  }
  .implementation-step img {
    max-height: 240px;
    object-position: center bottom;
  }
  .implementation-benefits {
    grid-template-columns: 1fr;
    margin-top: 28px;
  }
  .implementation-benefits article {
    grid-template-columns: 64px minmax(0, 1fr);
    justify-items: start;
    gap: 16px;
    padding: 22px;
    text-align: left;
  }
  .implementation-benefits article + article {
    border-top: 1px solid var(--border);
    border-left: 0;
  }
  .implementation-benefits span {
    width: 58px;
    height: 58px;
  }
  .visibility-section {
    padding: 78px 0 72px;
  }
  .visibility-section::before {
    width: 360px;
    height: 360px;
    left: -230px;
    top: 70px;
  }
  .visibility-section::after {
    display: none;
  }
  .visibility-section__container {
    width: min(100% - 40px, 680px);
  }
  .visibility-section__grid {
    gap: 42px;
  }
  .visibility-section__eyebrow {
    font-size: 0.62rem;
    letter-spacing: 0.22em;
  }
  .visibility-section h2 {
    font-size: clamp(2.55rem, 10.6vw, 3.45rem);
    line-height: 1.02;
  }
  .visibility-section__lead {
    margin-top: 22px;
    font-size: 1rem;
    line-height: 1.72;
  }
  .visibility-signals {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 30px;
  }
  .visibility-signal {
    border: 1px solid var(--border);
    border-radius: 22px;
    padding: 22px;
    background: rgba(255,255,255,0.72);
  }
  .visibility-signal::before {
    left: 22px;
    right: 22px;
    top: auto;
    bottom: 0;
    width: auto;
    height: 1px;
    background: linear-gradient(90deg, rgba(248,138,43,0.52), transparent);
  }
  .visibility-section__visual::before {
    width: 66px;
    height: 66px;
    inset: -18px 12px auto auto;
  }
  .visibility-dashboard {
    border-radius: 28px;
    padding: 20px;
  }
  .visibility-dashboard__top {
    margin-bottom: 18px;
  }
  .visibility-dashboard__top strong {
    font-size: 1.12rem;
  }
  .visibility-dashboard__matrix {
    overflow-x: auto;
    border-radius: 20px;
    padding: 14px;
  }
  .visibility-dashboard__matrix > div {
    min-width: 430px;
  }
  .visibility-dashboard__cards {
    grid-template-columns: 1fr;
  }
  .visibility-dashboard__cards article {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 16px;
    align-items: end;
  }
  .visibility-dashboard__cards p {
    grid-column: 1 / -1;
  }
  .visibility-dashboard__trend {
    height: 86px;
  }
  .visibility-closing {
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 42px;
    border-radius: 24px;
    padding: 24px;
  }
  .visibility-closing h3 {
    font-size: clamp(1.8rem, 8.4vw, 2.35rem);
  }
  .visibility-closing p {
    font-size: 0.98rem;
    line-height: 1.68;
  }
  .scope-section {
    padding: 78px 0 72px;
  }
  .scope-section__container {
    width: min(100% - 40px, 680px);
  }
  .scope-section__header {
    margin-bottom: 42px;
    text-align: left;
  }
  .scope-section__eyebrow {
    font-size: 0.62rem;
    letter-spacing: 0.22em;
  }
  .scope-section__header h2 {
    font-size: clamp(2.55rem, 10.6vw, 3.45rem);
    line-height: 1.02;
  }
  .scope-section__header > p:not(.scope-section__eyebrow) {
    font-size: 1rem;
    line-height: 1.72;
  }
  .scope-plans {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .scope-plan {
    min-height: 0;
    padding: 28px 24px 24px;
  }
  .scope-plan--featured {
    order: -1;
  }
  .scope-plan--enterprise {
    grid-column: auto;
  }
  .scope-plan__head {
    min-height: 0;
    padding-bottom: 24px;
  }
  .scope-plan__art {
    width: 120px;
    right: -22px;
    top: -10px;
    opacity: 0.28;
  }
  .scope-plan__icon {
    width: 66px;
    height: 66px;
  }
  .scope-plan__icon img {
    width: 34px;
    height: 34px;
  }
  .scope-plan__head p {
    margin-top: 22px;
    font-size: 0.62rem;
    letter-spacing: 0.22em;
  }
  .scope-plan__head h3 {
    font-size: clamp(2.3rem, 11vw, 2.86rem);
  }
  .scope-plan--enterprise .scope-plan__list {
    grid-template-columns: 1fr;
  }
  .scope-plan__list {
    gap: 16px;
    margin: 24px 0 28px;
  }
  .scope-plan__list li {
    font-size: 0.98rem;
  }
  .scope-plan__cta {
    min-height: 60px;
  }
  .scope-assurances {
    grid-template-columns: 1fr;
    margin-top: 24px;
  }
  .scope-assurances article {
    grid-template-columns: 60px minmax(0, 1fr);
    justify-items: start;
    gap: 16px;
    padding: 22px;
    text-align: left;
  }
  .scope-assurances article + article {
    border-top: 1px solid var(--border);
    border-left: 0;
  }
  .scope-assurances span {
    width: 54px;
    height: 54px;
  }
  .qualification-section {
    padding: 68px 0;
  }
  .qualification-section__container {
    padding-inline: 20px;
  }
  .qualification-section__header {
    margin-bottom: 34px;
    text-align: left;
  }
  .qualification-section__eyebrow {
    justify-content: flex-start;
    font-size: 0.62rem;
    letter-spacing: 0.22em;
  }
  .qualification-section__header h2 {
    font-size: clamp(2.5rem, 10.6vw, 3.35rem);
    line-height: 1.03;
  }
  .qualification-section__header > p:not(.qualification-section__eyebrow) {
    font-size: 1rem;
    line-height: 1.6;
  }
  .qualification-panels {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .qualification-panel {
    min-height: 0;
    border-radius: 26px;
    padding: 26px;
  }
  .qualification-panel__head {
    grid-template-columns: 1fr;
    gap: 18px;
    margin-bottom: 26px;
  }
  .qualification-panel__mark {
    width: 68px;
    height: 68px;
  }
  .qualification-panel__head h3 {
    font-size: clamp(2rem, 8.4vw, 2.35rem);
  }
  .qualification-panel__head p {
    font-size: 0.94rem;
  }
  .qualification-list li {
    font-size: 0.97rem;
  }
  .qualification-list--fit li {
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 15px;
    padding: 17px 0;
  }
  .qualification-list--not-fit {
    justify-content: start;
  }
  .qualification-list--not-fit li {
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 16px;
    padding: 22px 0;
  }
  .qualification-list--not-fit span {
    width: 22px;
  }
  .faq-section {
    padding: 74px 0;
  }
  .faq-section__container {
    width: min(100% - 40px, 680px);
  }
  .faq-section__header {
    margin-bottom: 34px;
  }
  .faq-section__eyebrow {
    font-size: 0.62rem;
    letter-spacing: 0.23em;
  }
  .faq-section__header h2 {
    font-size: clamp(2.55rem, 10.6vw, 3.35rem);
  }
  .faq-section__header > p:not(.faq-section__eyebrow) {
    font-size: 1rem;
  }
  .faq-accordion {
    width: 100%;
    border-radius: 24px;
    padding: 10px;
  }
  .faq-item button {
    grid-template-columns: minmax(0, 1fr) 28px;
    gap: 14px;
    padding: 22px;
  }
  .faq-item button span {
    font-size: 1.375rem;
    line-height: 1.25;
  }
  .faq-answer p {
    padding: 0 22px 24px;
    font-size: 1rem;
    line-height: 1.78;
  }
  .faq-footer {
    grid-template-columns: 1fr;
    border-radius: 20px;
    padding: 24px;
  }
  .faq-footer h3 {
    font-size: 1.82rem;
  }
  .faq-footer > div {
    grid-template-columns: 1fr;
  }
  .faq-footer__cta {
    width: 100%;
    justify-content: center;
  }
  .demo-section {
    padding: 76px 0;
  }
  .demo-section__container {
    width: min(100% - 40px, 680px);
  }
  .demo-section__header {
    margin-bottom: 36px;
    text-align: left;
  }
  .demo-section__eyebrow {
    justify-content: flex-start;
    font-size: 0.62rem;
    letter-spacing: 0.23em;
  }
  .demo-section__header h2 {
    font-size: clamp(2.5rem, 10.8vw, 3.35rem);
    line-height: 1.04;
  }
  .demo-section__header > p:not(.demo-section__eyebrow) {
    font-size: 1rem;
    line-height: 1.72;
  }
  .demo-surface {
    border-radius: 26px;
    padding: 24px;
  }
  .demo-deliverable,
  .demo-deliverable:first-child,
  .demo-deliverable:last-child {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 28px 0;
  }
  .demo-deliverable:first-child {
    padding-top: 0;
  }
  .demo-deliverable:last-child {
    padding-bottom: 0;
  }
  .demo-deliverable__icon {
    width: 66px;
    height: 66px;
  }
  .demo-deliverable__icon img {
    width: 34px;
    height: 34px;
  }
  .demo-deliverable__index {
    font-size: 1.55rem;
  }
  .demo-deliverable h3 {
    font-size: clamp(1.85rem, 8.4vw, 2.28rem);
  }
  .demo-deliverable p {
    font-size: 0.98rem;
  }
  .demo-deliverable__art {
    grid-column: 1;
    grid-row: auto;
    max-width: 250px;
    margin-top: 22px;
  }
  .demo-brief {
    grid-template-columns: 1fr;
    margin-top: 26px;
  }
  .demo-brief article,
  .demo-brief article:nth-child(odd) {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 16px;
    padding: 22px 0;
    border-left: 0;
  }
  .demo-brief article:first-child {
    padding-top: 22px;
  }
  .demo-brief article + article,
  .demo-brief article:nth-child(n+3) {
    border-top: 1px solid var(--border);
  }
  .demo-brief {
    padding: 0 20px;
  }
  .demo-brief span {
    width: 52px;
    height: 52px;
  }
  .demo-brief p {
    font-size: 0.92rem;
  }
  .demo-cta__button {
    width: 100%;
    min-width: 0;
  }
  .demo-cta p {
    align-items: flex-start;
    font-size: 0.9rem;
  }
  .final-cta-section {
    padding-top: 76px;
  }
  .final-cta-section::before,
  .final-cta-section::after {
    display: none;
  }
  .final-cta-section__container {
    width: min(100% - 40px, 680px);
  }
  .final-cta-section__header {
    text-align: left;
  }
  .final-cta-section__eyebrow {
    justify-content: flex-start;
    font-size: 0.62rem;
    letter-spacing: 0.22em;
  }
  .final-cta-section__header h2 {
    font-size: clamp(2.55rem, 10.7vw, 3.35rem);
  }
  .final-cta-section__header > p:not(.final-cta-section__eyebrow) {
    font-size: 1rem;
    line-height: 1.72;
  }
  .final-cta-actions {
    gap: 20px;
    margin-top: 34px;
  }
  .final-cta-actions__primary {
    min-height: 64px;
    border-radius: 999px;
    font-size: 1.06rem;
  }
  .final-cta-actions__whatsapp {
    gap: 14px;
    min-height: 70px;
    border-radius: 18px;
    padding: 14px 16px;
  }
  .final-cta-actions__whatsapp-icon {
    flex-basis: 48px;
    width: 48px;
    height: 48px;
    border-radius: 16px;
  }
  .final-cta-actions__whatsapp-icon img {
    width: 30px;
    height: 30px;
  }
  .final-cta-actions__whatsapp em {
    font-size: 1rem;
  }
  .final-proof-strip {
    margin-top: 48px;
  }
  .final-proof-strip__inner {
    grid-template-columns: 1fr;
    width: min(100% - 40px, 680px);
  }
  .final-proof-strip article,
  .final-proof-strip article:nth-child(odd) {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 16px;
    border-left: 0;
    padding: 22px 0;
  }
  .final-proof-strip article + article,
  .final-proof-strip article:nth-child(n+3) {
    border-top: 1px solid var(--border);
  }
  .final-proof-strip span {
    width: 52px;
    height: 52px;
  }
  .final-proof-strip svg {
    width: 28px;
    height: 28px;
  }
  .site-footer {
    padding: 54px 0 30px;
  }
  .site-footer__container {
    width: min(100% - 40px, 680px);
    gap: 34px;
  }
  .site-footer__logo strong {
    font-size: 1.45rem;
  }
  .site-footer__nav {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .site-footer__bottom {
    flex-direction: column;
    align-items: flex-start;
  }
  .logo-strip { grid-template-columns: 1fr 1fr; }
  .editorial__cards,
  .program__grid,
  .benefits,
  .plans__grid,
  .implementation,
  .two-companies__grid {
    grid-template-columns: 1fr;
  }
  .compare-table { overflow-x: auto; }
  .compare-table > div { min-width: 560px; }
  .timeline article { grid-template-columns: 1fr; gap: 4px; }
  .footer__inner {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 480px) {
  .urgency__inner {
    display: flex;
    padding: 0;
  }
  .site-header { top: 42px; }
  .site-header__inner { min-height: 62px; }
  .brand { gap: 10px; }
  .brand__mark { width: 36px; height: 36px; }
  .brand__text strong { font-size: 1.08rem; }
  .brand__text em { font-size: 1.03rem; }
  .site-header__button {
    width: 44px;
    padding: 0;
    overflow: hidden;
    color: transparent;
    position: relative;
  }
  .site-header__button::after {
    content: "→";
    position: absolute;
    color: #fff;
    font-size: 1.1rem;
  }
  .menu-toggle { width: 42px; height: 42px; }
  .hero {
    padding-top: 50px;
    padding-bottom: 92px;
  }
  h1 {
    font-size: clamp(2.5rem, 12.2vw, 3rem);
    line-height: 0.99;
  }
  .hero__lead {
    margin-top: 28px;
    font-size: clamp(1.04rem, 4.75vw, 1.14rem);
    line-height: 1.66;
  }
  .platform-ecosystem__container {
    width: min(100% - 36px, 680px);
  }
  .ecosystem-header h2 {
    font-size: clamp(2.48rem, 11.4vw, 3.15rem);
  }
  .ecosystem-header p:not(.ecosystem-eyebrow) {
    font-size: 0.96rem;
  }
  .ecosystem-tablist {
    border-radius: 22px;
  }
  .ecosystem-tablist button {
    min-height: 44px;
    padding-inline: 8px;
  }
  .ecosystem-tab-panel {
    padding: 20px;
  }
  .ecosystem-audiences {
    padding: 20px;
  }
  .company-receives__container {
    width: min(100% - 36px, 680px);
  }
  .company-receives__intro h2 {
    font-size: clamp(2.42rem, 11.4vw, 3.12rem);
  }
  .company-receives__mockup {
    min-height: clamp(292px, 83vw, 390px);
  }
  .company-laptop {
    width: 100%;
  }
  .company-capability {
    padding: 24px;
  }
  .market-comparison__container {
    width: min(100% - 36px, 680px);
  }
  .market-comparison__header h2 {
    font-size: clamp(2.35rem, 10.8vw, 3rem);
  }
  .practice-cell {
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 14px;
    padding: 20px;
  }
  .practice-cell > span {
    width: 48px;
    height: 48px;
  }
  .practice-board svg {
    width: 24px;
    height: 24px;
  }
  .efficiency-block {
    padding: 22px;
  }
  .efficiency-devices {
    min-height: clamp(224px, 68vw, 320px);
  }
  .turning-point__container {
    width: min(100% - 36px, 680px);
  }
  .turning-point__header h2 {
    font-size: clamp(2.38rem, 11vw, 3rem);
  }
  .turning-card__copy,
  .turning-card__notes,
  .turning-card__after-list {
    margin-left: 0;
    margin-right: 0;
  }
  .turning-card__copy {
    padding-inline: 20px;
  }
  .turning-card__notes,
  .turning-card__after-list {
    margin-inline: 20px;
  }
  .turning-card__photo {
    height: 232px;
  }
  .turning-card__footer {
    grid-template-columns: 50px minmax(0, 1fr);
    margin-inline: 14px;
  }
  .have-proof__container {
    width: min(100% - 36px, 680px);
  }
  .have-proof__header h2 {
    font-size: clamp(2.36rem, 10.7vw, 2.9rem);
  }
  .proof-cell {
    padding: 20px;
  }
  .proof-closing {
    padding: 22px 20px;
  }
  .proof-closing__copy h3 {
    font-size: clamp(1.72rem, 8.2vw, 2.06rem);
  }
  .labor-liability__container {
    width: min(100% - 36px, 680px);
  }
  .labor-liability__intro h2 {
    font-size: clamp(2.25rem, 10vw, 2.82rem);
  }
  .labor-arguments li {
    grid-template-columns: 1fr;
    gap: 10px;
    padding-bottom: 20px;
  }
  .labor-arguments li + li {
    padding-top: 20px;
  }
  .labor-arguments__number {
    font-size: 1.74rem;
  }
  .labor-arguments__icon {
    width: 50px;
    height: 50px;
  }
  .legal-asset {
    padding: 24px 20px;
  }
  .labor-proof-surface article {
    padding-inline: 20px;
  }
  .labor-honesty {
    padding: 22px 20px;
  }
  .labor-honesty__title {
    grid-template-columns: 1fr;
  }
  .return-section__container {
    width: min(100% - 36px, 680px);
  }
  .return-section__header h2 {
    font-size: clamp(2.35rem, 10.8vw, 2.9rem);
  }
  .return-calculator,
  .return-results {
    padding: 20px;
  }
  .return-field {
    grid-template-columns: 1fr;
  }
  .return-field > span,
  .return-field b,
  .return-field small {
    grid-column: 1;
  }
  .return-saving,
  .return-total,
  .return-flow-card {
    padding: 20px;
  }
  .return-total strong {
    font-size: clamp(2.65rem, 14vw, 3.45rem);
  }
  .implementation-journey__container {
    padding-inline: 18px;
  }
  .implementation-journey__header h2 {
    font-size: clamp(2.28rem, 10.8vw, 2.85rem);
  }
  .implementation-step {
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 12px;
  }
  .implementation-steps::before {
    left: 26px;
  }
  .implementation-step__number {
    width: 54px;
    height: 54px;
    font-size: 1.5rem;
  }
  .implementation-step__body {
    padding: 22px 18px 0;
  }
  .implementation-step__icon {
    width: 66px;
    height: 66px;
  }
  .implementation-step img {
    max-height: 210px;
  }
  .implementation-benefits article {
    grid-template-columns: 56px minmax(0, 1fr);
    padding: 20px 18px;
  }
  .implementation-benefits span {
    width: 54px;
    height: 54px;
  }
  .visibility-section__container {
    width: min(100% - 36px, 680px);
  }
  .visibility-section h2 {
    font-size: clamp(2.28rem, 10.8vw, 2.95rem);
  }
  .visibility-section__lead {
    font-size: 0.98rem;
  }
  .visibility-signal {
    padding: 20px;
  }
  .visibility-dashboard {
    border-radius: 24px;
    padding: 18px;
  }
  .visibility-dashboard__alert {
    grid-template-columns: 1fr;
  }
  .visibility-dashboard__alert span {
    width: 48px;
    height: 48px;
  }
  .visibility-dashboard__cards strong {
    font-size: 1.78rem;
  }
  .visibility-closing {
    padding: 22px 20px;
  }
  .visibility-closing > span {
    width: 62px;
    height: 62px;
  }
  .scope-section__container {
    width: min(100% - 36px, 680px);
  }
  .scope-section__header h2 {
    font-size: clamp(2.24rem, 10.7vw, 2.9rem);
  }
  .scope-plan {
    border-radius: 24px;
    padding: 24px 20px 22px;
  }
  .scope-plan__label {
    font-size: 0.58rem;
    letter-spacing: 0.14em;
  }
  .scope-plan__badge {
    font-size: 0.8rem;
  }
  .scope-plan__art {
    width: 98px;
  }
  .scope-assurances article {
    grid-template-columns: 54px minmax(0, 1fr);
    padding: 20px;
  }
  .qualification-section__container {
    padding-inline: 18px;
  }
  .qualification-section__header h2 {
    font-size: clamp(2.08rem, 10.5vw, 2.7rem);
  }
  .qualification-panel {
    border-radius: 24px;
    padding: 24px 20px;
  }
  .qualification-panel__mark {
    width: 62px;
    height: 62px;
  }
  .qualification-panel__mark svg {
    width: 34px;
    height: 34px;
  }
  .qualification-panel__head h3 {
    font-size: clamp(2rem, 9.2vw, 2.25rem);
  }
  .qualification-list li {
    font-size: 0.94rem;
  }
  .qualification-list--fit li {
    gap: 13px;
  }
  .qualification-list--not-fit li {
    gap: 13px;
  }
  .faq-section__container {
    width: min(100% - 36px, 680px);
  }
  .faq-section__header h2 {
    font-size: clamp(2.24rem, 10.6vw, 2.8rem);
  }
  .faq-accordion {
    border-radius: 22px;
    padding: 8px;
  }
  .faq-item button {
    padding: 20px 14px;
  }
  .faq-item button span {
    font-size: 1.28rem;
  }
  .faq-answer p {
    padding: 0 14px 22px;
  }
  .faq-footer {
    padding: 22px 20px;
  }
  .demo-section__container {
    width: min(100% - 36px, 680px);
  }
  .demo-section__header h2 {
    font-size: clamp(2.12rem, 10.6vw, 2.82rem);
  }
  .demo-surface {
    border-radius: 24px;
    padding: 20px;
  }
  .demo-deliverable__top {
    gap: 18px;
  }
  .demo-deliverable__index::after {
    width: 32px;
  }
  .demo-deliverable h3 {
    font-size: clamp(1.68rem, 8.6vw, 2.04rem);
  }
  .demo-brief {
    border-radius: 20px;
    padding-inline: 18px;
  }
  .demo-brief article,
  .demo-brief article:nth-child(odd) {
    grid-template-columns: 1fr;
  }
  .final-cta-section__container {
    width: min(100% - 36px, 680px);
  }
  .final-cta-section__header h2 {
    font-size: clamp(2.12rem, 10.6vw, 2.82rem);
  }
  .final-cta-actions > div > p {
    align-items: flex-start;
    font-size: 0.84rem;
  }
  .final-cta-actions__whatsapp {
    gap: 12px;
    min-height: 68px;
    text-align: left;
  }
  .final-cta-actions__whatsapp-icon {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
    border-radius: 15px;
  }
  .final-cta-actions__whatsapp-icon img {
    width: 28px;
    height: 28px;
  }
  .final-cta-actions__whatsapp > svg {
    display: block;
    width: 18px;
    height: 18px;
  }
  .final-cta-actions__whatsapp strong { white-space: normal; }
  .final-cta-actions__whatsapp em { white-space: nowrap; }
  .final-proof-strip__inner,
  .site-footer__container {
    width: min(100% - 36px, 680px);
  }
  .final-proof-strip article,
  .final-proof-strip article:nth-child(odd) {
    grid-template-columns: 1fr;
  }
  .site-footer__badges {
    flex-direction: column;
  }
  .proposal-card { padding: 36px 22px; }
  .differentials { grid-template-columns: 1fr; border-radius: 0; }
  .differentials__item + .differentials__item,
  .differentials__item:nth-child(3),
  .differentials__item:nth-child(4) {
    border-left: 0;
    border-top: 1px solid var(--border-alt);
  }
  .section { padding: 96px 0; }
  .financial-impact {
    padding: 72px 0;
  }
  .financial-impact__container {
    width: min(100% - 40px, 680px);
  }
  .financial-impact__story h2 {
    font-size: clamp(2.72rem, 12vw, 3.35rem);
  }
  .financial-simulator {
    padding: 18px;
  }
  .financial-field input,
  .financial-field select {
    font-size: 1.05rem;
  }
  .financial-gauge__ends {
    gap: 8px;
  }
  .financial-gauge__ends strong {
    font-size: 0.78rem;
  }
  .financial-return p,
  .financial-honesty p:last-child,
  .financial-conclusion p:last-child {
    font-size: 0.98rem;
  }
  .operation {
    padding: 14px 0 16px;
  }
  .stakes-section {
    padding: 82px 0;
  }
  .stakes-section__container {
    width: min(100% - 32px, 680px);
  }
  .stakes-eyebrow {
    max-width: 100%;
    font-size: 0.58rem;
    letter-spacing: 0.2em;
  }
  .stakes-intro h2 {
    font-size: clamp(3rem, 13vw, 3.58rem);
  }
  .stakes-intro > p {
    font-size: 0.98rem;
  }
  .stakes-card {
    padding: 24px;
  }
  .stakes-card__head {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 15px;
    align-items: center;
  }
  .stakes-card__badge {
    width: 54px;
    height: 54px;
    font-size: 1.42rem;
  }
  .stakes-card__badge small {
    font-size: 0.46rem;
  }
  .stakes-card h3 {
    font-size: clamp(1.42rem, 7.8vw, 1.86rem);
  }
  .stakes-card__figure img {
    width: min(100%, 320px);
    border-radius: 20px;
  }
  .stakes-card__footer {
    grid-template-columns: 1fr;
  }
  .section h2 { font-size: clamp(2rem, 11vw, 2.75rem); }
  .calc-results div {
    display: grid;
    gap: 4px;
  }
  .calc-results strong { text-align: left; }
  .logo-strip { grid-template-columns: 1fr; }
}

@keyframes marquee-mobile {
  from { transform: translateX(82vw); }
  to { transform: translateX(-110%); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
  .urgency__text {
    animation: none !important;
    transform: none !important;
  }
}

body.elementor-page-44 #site-header,
body.elementor-page-44 .page-header,
body.elementor-page-44 .entry-title {
  display: none !important;
}

body.elementor-page-44 .mce-hero-title h1 span {
  white-space: normal !important;
}

body.elementor-page-44 .mce-hero-title h1 br {
  display: block !important;
}