/* AtivoImob commercial pages */
:root {
  --mk-navy-950: #111827;
  --mk-navy-900: #172033;
  --mk-navy-800: #202A39;
  --mk-navy-700: #2B364B;
  --mk-gold-700: #926932;
  --mk-gold-600: #C9964C;
  --mk-gold-500: #CA9856;
  --mk-gold-300: #E0B86E;
  --mk-bg: #F7F8FA;
  --mk-soft: #E8EDF5;
  --mk-text: #172033;
  --mk-muted: #667085;
  --mk-line: #D9DEE7;
  --mk-shadow: 0 24px 70px rgba(17, 24, 39, 0.14);
  --mk-shadow-soft: 0 14px 36px rgba(17, 24, 39, 0.08);
  --mk-gold-glow: 0 18px 44px rgba(201, 150, 76, 0.28);
}

.public-legal-footer {
  align-items: center;
  color: rgba(15, 23, 42, 0.64);
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin: 34px auto 0;
  max-width: 1180px;
  padding: 24px clamp(18px, 4vw, 32px) 34px;
}

.public-legal-footer nav {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-end;
}

.public-legal-footer a {
  color: #1f2a39;
  font-weight: 800;
  text-decoration: none;
}

.public-legal-footer a:hover {
  color: #a66f2f;
  text-decoration: underline;
}

@media (max-width: 760px) {
  .public-legal-footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .public-legal-footer nav {
    justify-content: flex-start;
  }
}

body.marketing-body {
  background:
    linear-gradient(180deg, var(--mk-navy-950) 0, var(--mk-navy-950) 520px, var(--mk-bg) 520px),
    var(--mk-bg);
  color: var(--mk-text);
  overflow-x: hidden;
}

.marketing-shell {
  max-width: 100%;
  overflow: hidden;
  position: relative;
}

.marketing-shell::before {
  background:
    radial-gradient(circle at 11% 0%, rgba(224, 184, 110, 0.24), transparent 28%),
    radial-gradient(circle at 78% 10%, rgba(58, 100, 149, 0.28), transparent 32%);
  content: "";
  height: 560px;
  inset: 0 0 auto;
  pointer-events: none;
  position: absolute;
}

.plans-page .marketing-header {
  align-items: center;
  background: rgba(17, 24, 39, 0.72);
  border: 1px solid rgba(232, 237, 245, 0.14);
  border-radius: 28px;
  box-shadow: 0 18px 58px rgba(0, 0, 0, 0.24);
  margin-top: 18px;
  padding: 16px 18px 16px 22px;
  position: relative;
  z-index: 4;
  backdrop-filter: blur(18px);
}

.plans-page .marketing-logo {
  min-width: 0;
}

.plans-page .marketing-logo .plans-brand-logo {
  display: block;
  height: 62px;
  max-width: 230px;
  object-fit: contain;
  width: auto;
}

.plans-page .marketing-nav {
  gap: 12px;
}

.plans-page .nav-action {
  border: 1px solid rgba(232, 237, 245, 0.18);
  border-radius: 999px;
  font-weight: 900;
  min-height: 46px;
  padding: 0 20px;
}

.plans-page .nav-action:not(.nav-action-secondary) {
  background: linear-gradient(135deg, var(--mk-gold-600), var(--mk-gold-300));
  box-shadow: var(--mk-gold-glow);
  color: #111827;
}

.plans-page .nav-action:not(.nav-action-secondary):hover,
.plans-page .nav-action:not(.nav-action-secondary):focus-visible {
  background: linear-gradient(135deg, var(--mk-gold-300), var(--mk-gold-600));
  color: #111827;
}

.plans-page .nav-action-secondary {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.16);
  color: rgba(255, 255, 255, 0.92);
}

.plans-page .nav-action-secondary:hover,
.plans-page .nav-action-secondary:focus-visible {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(224, 184, 110, 0.38);
  color: #ffffff;
}

.plans-page .marketing-hero {
  background:
    radial-gradient(circle at 16% 26%, rgba(224, 184, 110, 0.18), transparent 26%),
    radial-gradient(circle at 82% 16%, rgba(56, 173, 195, 0.16), transparent 28%),
    linear-gradient(135deg, #111827 0%, #172033 42%, #202A39 100%);
  border: 0;
  color: #ffffff;
  margin-top: -52px;
  overflow: hidden;
  position: relative;
}

.plans-page .marketing-hero::before,
.plans-page .marketing-hero::after {
  content: "";
  pointer-events: none;
  position: absolute;
}

.plans-page .marketing-hero::before {
  background: linear-gradient(135deg, transparent 0 44%, rgba(224, 184, 110, 0.22) 44% 48%, transparent 48% 100%);
  inset: 0;
  opacity: 0.75;
}

.plans-page .marketing-hero::after {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
  background-size: 92px 92px;
  inset: 0;
  mask-image: linear-gradient(180deg, rgba(0,0,0,0.8), transparent 88%);
  opacity: 0.38;
}

.plans-page .marketing-hero-inner {
  gap: 54px;
  grid-template-columns: minmax(0, 1.04fr) minmax(340px, 0.96fr);
  min-width: 0;
  padding-bottom: 78px;
  padding-top: 132px;
  position: relative;
  z-index: 2;
}

.plans-page .marketing-hero-content {
  max-width: 720px;
  min-width: 0;
}

.plans-page .marketing-hero-title {
  color: #ffffff;
  font-size: 64px;
  font-weight: 950;
  line-height: 1.03;
  max-width: 700px;
  overflow-wrap: anywhere;
}

.plans-page .marketing-hero-subtitle {
  color: rgba(248, 250, 252, 0.82);
  font-size: 19px;
  line-height: 1.72;
  max-width: 620px;
}

.plans-page .marketing-hero-metrics {
  gap: 14px;
  margin-top: 34px;
}

.ai-glass-card,
.plans-page .marketing-stat-card,
.plans-page .marketing-preview-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.07));
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(18px);
}

.plans-page .marketing-stat-card {
  border-radius: 20px;
  min-width: 0;
  min-height: 138px;
  padding: 20px;
  position: relative;
}

.plans-page .marketing-stat-card::before {
  background: linear-gradient(90deg, var(--mk-gold-300), transparent);
  border-radius: 999px;
  content: "";
  height: 3px;
  left: 18px;
  position: absolute;
  right: 56px;
  top: 16px;
}

.plans-page .marketing-stat-card strong {
  color: #ffffff;
  font-size: 27px;
  margin-top: 14px;
}

.plans-page .marketing-stat-card span {
  color: rgba(248, 250, 252, 0.74);
  font-weight: 700;
  line-height: 1.38;
}

.plans-page .marketing-preview-card {
  border-radius: 30px;
  padding: 22px;
  position: relative;
}

.plans-page .marketing-preview-card::before {
  background: radial-gradient(circle, rgba(224, 184, 110, 0.24), transparent 62%);
  content: "";
  height: 210px;
  position: absolute;
  right: -82px;
  top: -86px;
  width: 210px;
}

.plans-page .panel-bar {
  position: relative;
  z-index: 1;
}

.plans-page .panel-bar span {
  background: rgba(224, 184, 110, 0.74);
}

.plans-page .panel-row {
  background: rgba(17, 24, 39, 0.48);
  border: 1px solid rgba(232, 237, 245, 0.14);
  border-radius: 20px;
  color: #ffffff;
  padding: 18px;
  position: relative;
  z-index: 1;
}

.plans-page .panel-row strong {
  color: #ffffff;
}

.plans-page .panel-row > strong {
  color: var(--mk-gold-300);
  font-size: 22px;
}

.plans-page .panel-row span {
  color: rgba(232, 237, 245, 0.70);
}

.plans-page .panel-badge {
  background: rgba(224, 184, 110, 0.16);
  border: 1px solid rgba(224, 184, 110, 0.26);
  color: var(--mk-gold-300);
}

.plans-page .marketing-section {
  background:
    radial-gradient(circle at 10% 0%, rgba(201, 150, 76, 0.12), transparent 30%),
    radial-gradient(circle at 90% 10%, rgba(43, 54, 75, 0.10), transparent 28%),
    linear-gradient(180deg, #F8FAFC 0%, #F7F8FA 100%);
  margin-top: -30px;
  padding-top: 70px;
  position: relative;
}

.plans-page .marketing-section::before {
  background: linear-gradient(90deg, transparent, rgba(224, 184, 110, 0.54), transparent);
  content: "";
  height: 1px;
  left: 24px;
  position: absolute;
  right: 24px;
  top: 28px;
}

.marketing-panel,
.plans-page .profile-selector,
.plans-page .included-panel,
.plans-page .addon-card {
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(217, 222, 231, 0.92);
  border-radius: 28px;
  box-shadow: var(--mk-shadow-soft);
}

.plans-page .profile-selector {
  padding: 30px;
}

.plans-page .section-title h2,
.plans-page .profile-selector h2,
.plans-page .plan-card h3,
.plans-page .addon-card h3 {
  color: var(--mk-navy-900);
  font-weight: 950;
}

.plans-page .section-title p,
.plans-page .profile-selector p,
.plans-page .plan-list,
.plans-page .addon-card p,
.plans-page .addons-note {
  color: var(--mk-muted);
}

.plans-page .pricing-tabs {
  background: #EEF2F7;
  border: 1px solid var(--mk-line);
  border-radius: 999px;
  padding: 6px;
}

.plans-page .profile-toggle-button {
  border-radius: 999px;
  color: var(--mk-navy-700);
}

.plans-page .profile-toggle-button.active {
  background: linear-gradient(135deg, var(--mk-navy-900), var(--mk-navy-700));
  box-shadow: 0 12px 28px rgba(17, 24, 39, 0.18);
  color: #ffffff;
}

.plans-page .plans-grid {
  gap: 22px;
}

.plans-page .pricing-card {
  border-radius: 28px;
  box-shadow: var(--mk-shadow-soft);
  overflow: hidden;
  padding: 30px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.plans-page .pricing-card::before {
  background: linear-gradient(90deg, var(--mk-gold-600), transparent);
  content: "";
  height: 4px;
  left: 24px;
  position: absolute;
  right: 54%;
  top: 0;
}

.plans-page .pricing-card:hover {
  border-color: rgba(201, 150, 76, 0.46);
  box-shadow: var(--mk-shadow);
  transform: translateY(-4px);
}

.plans-page .pricing-card-featured {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 252, 247, 0.98));
  border-color: rgba(201, 150, 76, 0.54);
  box-shadow: var(--mk-gold-glow);
}

.plans-page .pricing-badge {
  background: rgba(201, 150, 76, 0.14);
  border: 1px solid rgba(201, 150, 76, 0.24);
  color: var(--mk-gold-700);
}

.plans-page .plan-fit {
  color: var(--mk-gold-700);
}

.plans-page .price {
  color: var(--mk-navy-900);
}

.plans-page .price small {
  color: var(--mk-muted);
}

.plans-page .check {
  background: linear-gradient(135deg, var(--mk-navy-900), var(--mk-gold-600));
}

.plans-page .plan-button {
  background: var(--mk-navy-900);
  border-radius: 999px;
  min-height: 48px;
  transition: box-shadow 0.2s ease, transform 0.2s ease, background 0.2s ease;
}

.plans-page .plan-button:hover {
  background: var(--mk-navy-700);
  box-shadow: var(--mk-shadow-soft);
  transform: translateY(-1px);
}

.plans-page .featured .plan-button {
  background: linear-gradient(135deg, var(--mk-gold-600), var(--mk-gold-300));
  box-shadow: var(--mk-gold-glow);
  color: #111827;
}

.plans-page .landing-note,
.plans-page .included-panel {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.92)),
    linear-gradient(135deg, transparent 0 48%, rgba(201, 150, 76, 0.08) 48% 52%, transparent 52% 100%);
}

.plans-page .landing-note {
  border-left-color: var(--mk-gold-600);
  border-radius: 18px;
}

.plans-page .landing-note strong {
  color: var(--mk-navy-900);
}

.plans-page .included-panel {
  padding: 32px;
}

.plans-page .included-grid li {
  border-color: rgba(217, 222, 231, 0.92);
  border-radius: 18px;
  box-shadow: 0 10px 26px rgba(17, 24, 39, 0.04);
}

.plans-page .comparison-table-wrap {
  border-color: var(--mk-line);
  border-radius: 24px;
  box-shadow: var(--mk-shadow-soft);
}

.plans-page .comparison-table thead th {
  background: var(--mk-navy-900);
}

.plans-page .comparison-category td {
  background: rgba(201, 150, 76, 0.10);
  color: var(--mk-gold-700);
}

.plans-page .value-badge {
  border: 1px solid var(--mk-line);
}

.plans-page .plans-cta {
  background:
    linear-gradient(135deg, rgba(201, 150, 76, 0.18), transparent 38%),
    linear-gradient(120deg, var(--mk-navy-950), var(--mk-navy-800));
  border: 1px solid rgba(224, 184, 110, 0.20);
  border-radius: 30px;
  box-shadow: var(--mk-shadow);
  overflow: hidden;
  padding: 34px;
  position: relative;
}

.plans-page .plans-cta::after {
  background: linear-gradient(135deg, transparent 0 44%, rgba(224, 184, 110, 0.20) 44% 48%, transparent 48% 100%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.plans-page .plans-cta > * {
  position: relative;
  z-index: 1;
}

.plans-page .cta-button {
  border-radius: 999px;
  color: var(--mk-navy-900);
}

.plans-page .cta-button:not(.secondary) {
  background: linear-gradient(135deg, var(--mk-gold-600), var(--mk-gold-300));
  box-shadow: var(--mk-gold-glow);
}

.plans-page .cta-button.secondary {
  background: rgba(255, 255, 255, 0.10);
}

.plans-page .plans-cta .cta-button.secondary {
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.30);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 12px 28px rgba(0, 0, 0, 0.14);
  color: #ffffff;
}

.plans-page .plans-cta .cta-button.secondary:hover,
.plans-page .plans-cta .cta-button.secondary:focus-visible {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.46);
  color: #ffffff;
}

.plans-page .addons-grid {
  gap: 18px;
}

.plans-page .addon-card {
  border-radius: 24px;
}

.plans-page .addon-badge {
  background: rgba(201, 150, 76, 0.14);
  color: var(--mk-gold-700);
}

.plans-page .addon-price {
  color: var(--mk-navy-900);
}

@media (max-width: 980px) {
  .plans-page .marketing-header {
    border-radius: 24px;
    margin-inline: 18px;
  }

  .plans-page .marketing-hero-inner {
    gap: 32px;
    grid-template-columns: 1fr;
    padding-top: 112px;
  }

  .plans-page .marketing-hero-title {
    font-size: 48px;
  }
}

@media (max-width: 700px) {
  body.marketing-body {
    background:
      linear-gradient(180deg, var(--mk-navy-950) 0, var(--mk-navy-950) 720px, var(--mk-bg) 720px),
      var(--mk-bg);
  }

  .plans-page .marketing-header {
    align-items: stretch;
    margin-inline: 12px;
    margin-top: 10px;
    padding: 14px;
    width: calc(100% - 24px);
  }

  .plans-page .marketing-logo .plans-brand-logo {
    height: 52px;
    max-width: 190px;
  }

  .plans-page .marketing-nav {
    display: grid;
    grid-template-columns: 1fr;
  }

  .plans-page .nav-action {
    min-width: 0;
    width: 100%;
  }

  .plans-page .marketing-hero {
    margin-top: -70px;
  }

  .plans-page .marketing-hero-inner {
    padding: 136px 18px 56px;
  }

  .plans-page .marketing-hero-title {
    font-size: 36px;
    line-height: 1.08;
  }

  .plans-page .marketing-hero-subtitle {
    font-size: 16px;
  }

  .plans-page .marketing-section {
    padding-inline: 18px;
    padding-top: 54px;
  }

  .plans-page .marketing-stat-card,
  .plans-page .marketing-preview-card,
  .plans-page .profile-selector,
  .plans-page .pricing-card,
  .plans-page .included-panel,
  .plans-page .plans-cta,
  .plans-page .addon-card {
    border-radius: 22px;
  }

  .plans-page .profile-selector,
  .plans-page .pricing-card,
  .plans-page .included-panel,
  .plans-page .plans-cta {
    padding: 22px;
  }

  .plans-page .pricing-tabs {
    border-radius: 22px;
  }

  .plans-page .profile-toggle-button {
    border-radius: 18px;
  }
}

@media (max-width: 420px) {
  .plans-page .marketing-header {
    margin-inline: 10px;
    width: calc(100% - 20px);
  }

  .plans-page .marketing-logo .plans-brand-logo {
    height: 42px;
    max-width: 150px;
  }

  .plans-page .nav-action {
    padding-inline: 12px;
    white-space: normal;
  }

  .plans-page .marketing-hero-title {
    font-size: 32px;
  }
}

/* Shared marketing pages beyond /planos */
.ai-diagonal-pattern {
  overflow: hidden;
  position: relative;
}

.ai-diagonal-pattern::before {
  background: linear-gradient(135deg, transparent 0 44%, rgba(224, 184, 110, 0.18) 44% 48%, transparent 48% 100%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.ai-diagonal-pattern::after {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
  background-size: 92px 92px;
  content: "";
  inset: 0;
  mask-image: linear-gradient(180deg, rgba(0,0,0,0.82), transparent 88%);
  opacity: 0.34;
  pointer-events: none;
  position: absolute;
}

.marketing-card {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(217, 222, 231, 0.92);
  border-radius: 24px;
  box-shadow: var(--mk-shadow-soft);
}

.ai-gold-glow {
  box-shadow: var(--mk-gold-glow);
}

.platform-marketing-body {
  background:
    linear-gradient(180deg, var(--mk-navy-950) 0, var(--mk-navy-950) 640px, var(--mk-bg) 640px),
    var(--mk-bg);
}

.platform-page .platform-header.marketing-header {
  background: rgba(17, 24, 39, 0.72);
  border: 1px solid rgba(232, 237, 245, 0.14);
  border-radius: 28px;
  box-shadow: 0 18px 58px rgba(0, 0, 0, 0.24);
  margin: 18px auto 0;
  max-width: 1180px;
  padding: 0 18px;
  position: relative;
  top: auto;
  z-index: 6;
  backdrop-filter: blur(18px);
}

.platform-page .platform-nav {
  padding: 16px 0;
  width: 100%;
}

.platform-page .platform-brand-logo {
  display: block;
  height: 42px;
  max-width: 190px;
  object-fit: contain;
  width: auto;
}

.platform-page .platform-menu {
  color: rgba(248, 250, 252, 0.72);
}

.platform-page .platform-menu a {
  border: 1px solid transparent;
  border-radius: 999px;
  color: inherit;
  padding: 10px 13px;
}

.platform-page .platform-menu a:hover,
.platform-page .platform-menu a:focus-visible {
  background: rgba(255, 255, 255, 0.10);
  border-color: rgba(224, 184, 110, 0.28);
  color: #ffffff;
}

.platform-page .platform-btn {
  border-radius: 999px;
  font-size: 16px;
  font-weight: 900;
  min-height: 46px;
  padding-inline: 20px;
}

.platform-page .platform-btn-primary {
  background: linear-gradient(135deg, var(--mk-gold-600), var(--mk-gold-300));
  box-shadow: var(--mk-gold-glow);
  color: var(--mk-navy-950);
}

.platform-page .platform-btn-primary:hover,
.platform-page .platform-btn-primary:focus-visible {
  background: linear-gradient(135deg, var(--mk-gold-300), var(--mk-gold-600));
  color: var(--mk-navy-950);
}

.platform-page .platform-btn-active {
  background: rgba(224, 184, 110, 0.16);
  border-color: rgba(224, 184, 110, 0.38);
  color: #ffffff;
}

.platform-page .platform-btn-secondary,
.platform-page .platform-btn-ghost,
.platform-page .platform-btn-light,
.platform-page .platform-btn-ghost-dark {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.16);
  color: rgba(255, 255, 255, 0.92);
}

.platform-page .platform-btn-secondary:hover,
.platform-page .platform-btn-ghost:hover,
.platform-page .platform-btn-light:hover,
.platform-page .platform-btn-ghost-dark:hover,
.platform-page .platform-btn-secondary:focus-visible,
.platform-page .platform-btn-ghost:focus-visible,
.platform-page .platform-btn-light:focus-visible,
.platform-page .platform-btn-ghost-dark:focus-visible {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(224, 184, 110, 0.38);
  color: #ffffff;
}

.platform-page .platform-hero.marketing-hero {
  background:
    radial-gradient(circle at 16% 24%, rgba(224, 184, 110, 0.18), transparent 28%),
    radial-gradient(circle at 82% 14%, rgba(56, 173, 195, 0.16), transparent 30%),
    linear-gradient(135deg, #111827 0%, #172033 42%, #202A39 100%);
  border: 0;
  margin-top: -54px;
}

.platform-page .platform-hero.marketing-hero > * {
  position: relative;
  z-index: 2;
}

.platform-page .hero-grid.marketing-hero-inner {
  gap: 54px;
  grid-template-columns: minmax(0, 1.04fr) minmax(340px, 0.96fr);
  padding-bottom: 82px;
  padding-top: 132px;
}

.platform-page .hero-copy h1 {
  color: #ffffff;
  font-size: 64px;
  font-weight: 950;
  line-height: 1.03;
  max-width: 730px;
}

.platform-page .hero-copy p {
  color: rgba(248, 250, 252, 0.82);
  font-size: 19px;
  line-height: 1.72;
  max-width: 640px;
}

.platform-page .eyebrow {
  background: rgba(224, 184, 110, 0.14);
  border: 1px solid rgba(224, 184, 110, 0.22);
  color: var(--mk-gold-300);
}

.platform-page .hero-metrics div.marketing-stat-card {
  border-radius: 20px;
  min-height: 132px;
  padding: 20px;
  position: relative;
}

.platform-page .hero-metrics div.marketing-stat-card::before {
  background: linear-gradient(90deg, var(--mk-gold-300), transparent);
  border-radius: 999px;
  content: "";
  height: 3px;
  left: 18px;
  position: absolute;
  right: 56px;
  top: 16px;
}

.platform-page .hero-metrics strong {
  color: #ffffff;
  margin-top: 14px;
}

.platform-page .hero-metrics span {
  color: rgba(248, 250, 252, 0.72);
}

.platform-page .product-window.marketing-preview-card {
  border-radius: 30px;
  padding: 18px;
}

.platform-page .product-topbar,
.platform-page .product-layout {
  position: relative;
  z-index: 2;
}

.platform-page .product-topbar span {
  background: rgba(224, 184, 110, 0.74);
}

.platform-page .product-layout aside,
.platform-page .product-layout section {
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 16px 34px rgba(17, 24, 39, 0.10);
}

.platform-page .menu-line.active,
.platform-page .product-chart span,
.platform-page .mock-bar {
  background: linear-gradient(180deg, var(--mk-gold-600), var(--mk-gold-300));
}

.platform-page .platform-section {
  background:
    radial-gradient(circle at 10% 0%, rgba(201, 150, 76, 0.08), transparent 32%),
    linear-gradient(180deg, #F8FAFC 0%, #F7F8FA 100%);
}

.platform-page .platform-section.compare-section {
  background:
    linear-gradient(135deg, rgba(201, 150, 76, 0.18), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #F4F6FA 100%);
}

.platform-page .platform-section.profile-tabs-section {
  background:
    linear-gradient(135deg, transparent 0 46%, rgba(43, 54, 75, 0.08) 46% 54%, transparent 54% 100%),
    linear-gradient(180deg, #EEF2F7 0%, #F8FAFC 100%);
}

.platform-page .platform-section.feature-carousel-section {
  background:
    linear-gradient(135deg, rgba(23, 32, 51, 0.08), transparent 40%),
    linear-gradient(180deg, #ffffff 0%, #E8EDF5 100%);
}

.platform-page .platform-section.flow-section {
  background:
    linear-gradient(135deg, transparent 0 62%, rgba(201, 150, 76, 0.10) 62% 68%, transparent 68% 100%),
    linear-gradient(180deg, #F8FAFC 0%, #ffffff 100%);
}

.platform-page .platform-section.platform-vision-section {
  background:
    linear-gradient(135deg, rgba(43, 54, 75, 0.08), transparent 38%),
    linear-gradient(180deg, #EEF2F7 0%, #F8FAFC 100%);
}

.platform-page .compare-section,
.platform-page .profile-tabs-section,
.platform-page .feature-carousel-section,
.platform-page .flow-section,
.platform-page .platform-vision-section,
.platform-page .plans-preview {
  border-top: 1px solid rgba(217, 222, 231, 0.82);
  padding: 86px 0;
}

.platform-page .compare-section > .platform-container,
.platform-page .profile-tabs-section > .platform-container,
.platform-page .feature-carousel-section > .platform-container,
.platform-page .flow-section > .platform-container,
.platform-page .platform-vision-section > .platform-container,
.platform-page .plans-preview > .platform-container {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94)),
    linear-gradient(135deg, transparent 0 52%, rgba(201, 150, 76, 0.07) 52% 57%, transparent 57% 100%);
  border: 1px solid rgba(217, 222, 231, 0.96);
  border-radius: 34px;
  box-shadow: 0 28px 82px rgba(17, 24, 39, 0.12);
  overflow: hidden;
  padding: 46px;
}

.platform-page .compare-section > .platform-container::before,
.platform-page .profile-tabs-section > .platform-container::before,
.platform-page .feature-carousel-section > .platform-container::before,
.platform-page .flow-section > .platform-container::before,
.platform-page .platform-vision-section > .platform-container::before,
.platform-page .plans-preview > .platform-container::before {
  background: linear-gradient(90deg, var(--mk-gold-600), rgba(29, 78, 216, 0.42), transparent);
  border-radius: 999px;
  content: "";
  height: 4px;
  left: 44px;
  position: absolute;
  right: 58%;
  top: 28px;
  z-index: 0;
}

.platform-page .compare-section > .platform-container > *,
.platform-page .profile-tabs-section > .platform-container > *,
.platform-page .feature-carousel-section > .platform-container > *,
.platform-page .flow-section > .platform-container > *,
.platform-page .platform-vision-section > .platform-container > *,
.platform-page .plans-preview > .platform-container > * {
  position: relative;
  z-index: 1;
}

.platform-page .compare-section > .platform-container {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(255, 250, 242, 0.95)),
    linear-gradient(135deg, transparent 0 54%, rgba(201, 150, 76, 0.11) 54% 60%, transparent 60% 100%);
}

.platform-page .profile-tabs-section > .platform-container {
  background:
    linear-gradient(135deg, rgba(248, 250, 252, 0.98), rgba(232, 237, 245, 0.96)),
    linear-gradient(135deg, transparent 0 48%, rgba(43, 54, 75, 0.07) 48% 55%, transparent 55% 100%);
}

.platform-page .feature-carousel-section > .platform-container {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(238, 242, 247, 0.97)),
    linear-gradient(120deg, rgba(29, 78, 216, 0.055), transparent 40%);
}

.platform-page .flow-section > .platform-container {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(247, 248, 250, 0.96)),
    linear-gradient(135deg, transparent 0 62%, rgba(201, 150, 76, 0.10) 62% 68%, transparent 68% 100%);
}

.platform-page .platform-vision-section > .platform-container {
  background:
    linear-gradient(135deg, rgba(238, 242, 247, 0.98), rgba(255, 255, 255, 0.96)),
    linear-gradient(135deg, transparent 0 58%, rgba(43, 54, 75, 0.08) 58% 64%, transparent 64% 100%);
}

.platform-page .plans-preview > .platform-container {
  background:
    linear-gradient(135deg, rgba(255, 252, 247, 0.98), rgba(238, 242, 247, 0.96)),
    linear-gradient(135deg, transparent 0 52%, rgba(201, 150, 76, 0.12) 52% 58%, transparent 58% 100%);
}

.platform-page .compare-card,
.platform-page .profile-tabs,
.platform-page .feature-slide,
.platform-page .flow-step,
.platform-page .platform-map {
  background: rgba(255, 255, 255, 0.97);
  border-color: rgba(217, 222, 231, 0.96);
  box-shadow: 0 24px 62px rgba(17, 24, 39, 0.11);
}

.platform-page .section-heading p,
.platform-page .feature-slide p,
.platform-page .flow-step p,
.platform-page .compare-card li,
.platform-page .profile-tab-panel p,
.platform-page .profile-tab-panel li {
  color: #46566f;
}

.platform-page .platform-section.growth-network-section {
  background:
    linear-gradient(118deg, rgba(201, 150, 76, 0.22), transparent 34%),
    linear-gradient(135deg, transparent 0 54%, rgba(255, 255, 255, 0.08) 54% 59%, transparent 59% 100%),
    linear-gradient(135deg, #0A1220 0%, #111827 46%, #202A39 100%);
  color: #ffffff;
  padding: 86px 0;
}

.platform-page .platform-section.growth-network-section::before {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px);
  background-size: 92px 92px;
  opacity: 0.28;
}

.platform-page .platform-section.growth-network-section::after {
  background: linear-gradient(135deg, transparent 0 42%, rgba(224, 184, 110, 0.18) 42% 48%, transparent 48% 100%);
  opacity: 0.7;
}

.platform-page .growth-network-inner {
  align-items: stretch;
  gap: 34px;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.72fr);
}

.platform-page .growth-network-copy {
  align-self: center;
  max-width: 760px;
  padding: 10px 0;
}

.platform-page .growth-network-copy .eyebrow {
  background: rgba(224, 184, 110, 0.16);
  border: 1px solid rgba(224, 184, 110, 0.30);
  color: #F3D49A;
}

.platform-page .growth-network-copy h2 {
  color: #ffffff;
  font-size: clamp(34px, 4.4vw, 58px);
  line-height: 1.04;
  text-shadow: none;
}

.platform-page .growth-network-copy p {
  color: #D9E2EF;
  font-size: 18px;
  line-height: 1.72;
  max-width: 720px;
}

.platform-page .growth-network-card {
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(224, 184, 110, 0.34);
  border-radius: 26px;
  box-shadow: 0 30px 78px rgba(0, 0, 0, 0.34);
  color: var(--mk-navy-900);
  padding: 30px;
}

.platform-page .growth-network-card > strong {
  color: #8A5B20;
  font-size: 20px;
}

.platform-page .growth-network-card .network-steps li {
  background: #ffffff;
  border-color: rgba(217, 222, 231, 0.98);
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(17, 24, 39, 0.055);
  padding: 18px;
}

.platform-page .growth-network-card .network-steps h3 {
  color: #111827;
}

.platform-page .growth-network-card .network-steps p {
  color: #34445c;
}

.platform-page .growth-network-benefits {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 6px;
}

.platform-page .growth-network-feature {
  background: rgba(255, 255, 255, 0.10);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 22px;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.18);
  padding: 22px;
}

.platform-page .growth-network-feature h3 {
  color: #F3D49A;
  font-size: 17px;
  margin: 0;
}

.platform-page .growth-network-feature p {
  color: #E8EDF5;
  font-size: 14px;
  line-height: 1.6;
  margin: 10px 0 0;
}

.platform-page .feature-card,
.platform-page .scenario-card,
.platform-page .screen-card,
.platform-page .plan-preview-card {
  border-radius: 28px;
  box-shadow: var(--mk-shadow-soft);
}

.platform-page .feature-card:hover,
.platform-page .scenario-card:hover,
.platform-page .screen-card:hover,
.platform-page .plan-preview-card:hover {
  border-color: rgba(201, 150, 76, 0.42);
  box-shadow: var(--mk-shadow);
}

.platform-page .feature-icon,
.platform-page .plan-badge {
  background: rgba(201, 150, 76, 0.14);
  color: var(--mk-gold-700);
}

.platform-page .plans-preview {
  background:
    radial-gradient(circle at 86% 0%, rgba(201, 150, 76, 0.16), transparent 34%),
    #EEF2F7;
}

.platform-page .plan-preview-card.featured {
  border-color: rgba(201, 150, 76, 0.54);
  box-shadow: var(--mk-gold-glow);
}

.platform-page .plan-preview-profile + .plan-preview-profile {
  margin-top: 30px;
}

.platform-page .plan-preview-profile-heading {
  align-items: center;
  display: flex;
  gap: 14px;
  justify-content: space-between;
  margin: 0 0 16px;
}

.platform-page .plan-preview-profile-heading strong {
  color: var(--mk-navy-950);
  font-size: 20px;
  font-weight: 950;
}

.platform-page .plan-preview-profile-heading span {
  color: var(--mk-muted);
  font-size: 14px;
  line-height: 1.5;
}

.platform-page .final-cta {
  background:
    linear-gradient(135deg, rgba(201, 150, 76, 0.18), transparent 38%),
    linear-gradient(120deg, var(--mk-navy-950), var(--mk-navy-800));
}

body.login-marketing-body {
  align-items: center;
  color: var(--mk-text);
  flex-direction: column;
  gap: 24px;
  justify-content: flex-start;
  min-height: 100vh;
  overflow-x: hidden;
  padding: 18px 24px 42px;
  position: relative;
}

body.login-ativoimob {
  background:
    radial-gradient(circle at 14% 6%, rgba(224, 184, 110, 0.24), transparent 28%),
    radial-gradient(circle at 82% 14%, rgba(56, 173, 195, 0.16), transparent 30%),
    linear-gradient(135deg, #111827 0%, #172033 44%, #202A39 100%);
}

body.login-ativoimob::before,
body.login-ativoimob::after {
  content: "";
  pointer-events: none;
  position: fixed;
}

body.login-ativoimob::before {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
  background-size: 92px 92px;
  inset: 0;
  mask-image: linear-gradient(180deg, rgba(0,0,0,0.76), transparent 88%);
  opacity: 0.32;
}

body.login-ativoimob::after {
  background: linear-gradient(135deg, transparent 0 42%, rgba(224, 184, 110, 0.18) 42% 47%, transparent 47% 100%);
  inset: 0;
}

.login-shell {
  max-width: 1180px;
  position: relative;
  z-index: 2;
}

.login-topbar {
  align-items: center;
  background: rgba(17, 24, 39, 0.72);
  border: 1px solid rgba(232, 237, 245, 0.14);
  border-radius: 28px;
  box-shadow: 0 18px 58px rgba(0, 0, 0, 0.24);
  display: flex;
  gap: 18px;
  justify-content: space-between;
  max-width: 1180px;
  padding: 16px 18px 16px 22px;
  position: relative;
  width: 100%;
  z-index: 2;
  backdrop-filter: blur(18px);
}

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

.login-topbar-logo {
  display: block;
  height: 42px;
  max-width: 190px;
  object-fit: contain;
  width: auto;
}

.login-topbar-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.login-header-trust {
  align-items: center;
  color: rgba(255, 255, 255, 0.78);
  display: inline-flex;
  font-size: 0.95rem;
  font-weight: 800;
  gap: 10px;
  justify-content: flex-end;
  letter-spacing: 0;
  min-width: 0;
  text-align: right;
  white-space: nowrap;
}

.login-header-trust::before {
  background: linear-gradient(135deg, var(--mk-gold-600), var(--mk-gold-300));
  border-radius: 999px;
  box-shadow: 0 0 18px rgba(201, 150, 76, 0.45);
  content: "";
  flex: 0 0 auto;
  height: 7px;
  width: 7px;
}

.login-header-trust span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.login-topbar-link {
  align-items: center;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.92);
  display: inline-flex;
  font-weight: 900;
  justify-content: center;
  min-height: 46px;
  padding: 0 20px;
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.login-topbar-link:hover,
.login-topbar-link:focus-visible,
.login-topbar-link.is-active {
  background: rgba(224, 184, 110, 0.16);
  border-color: rgba(224, 184, 110, 0.38);
  color: #ffffff;
}

.login-topbar-link.is-primary {
  background: linear-gradient(135deg, var(--mk-gold-600), var(--mk-gold-300));
  box-shadow: var(--mk-gold-glow);
  color: var(--mk-navy-950);
}

.login-topbar-link.is-primary:hover,
.login-topbar-link.is-primary:focus-visible {
  background: linear-gradient(135deg, var(--mk-gold-300), var(--mk-gold-600));
  color: var(--mk-navy-950);
  transform: translateY(-1px);
}

.login-ativoimob .login-card {
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 28px;
  box-shadow: var(--mk-shadow);
  grid-template-columns: minmax(0, 1.05fr) minmax(380px, 0.95fr);
}

.login-ativoimob .brand-box {
  align-items: center;
  background:
    radial-gradient(circle at 18% 18%, rgba(224, 184, 110, 0.18), transparent 34%),
    linear-gradient(135deg, #172033, #111827 70%);
  border-right: 1px solid rgba(255, 255, 255, 0.10);
  overflow: hidden;
  padding: 58px 56px;
  position: relative;
  text-align: center;
}

.login-ativoimob .brand-box::before,
.login-ativoimob .brand-box::after {
  content: "";
  pointer-events: none;
  position: absolute;
}

.login-ativoimob .brand-box::before {
  background: linear-gradient(135deg, transparent 0 43%, rgba(224, 184, 110, 0.22) 43% 48%, transparent 48% 100%);
  inset: 0;
}

.login-ativoimob .brand-box::after {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
  background-size: 76px 76px;
  inset: 0;
  opacity: 0.32;
}

.login-ativoimob .brand-box > * {
  position: relative;
  z-index: 1;
}

.login-ativoimob .brand-box.has-logo h1 {
  display: none;
}

.login-ativoimob .brand-box.is-ativoimob-brand .login-brand-logo {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.34);
  border-radius: 30px;
  box-shadow: 0 26px 62px rgba(0, 0, 0, 0.22);
  display: block;
  height: 260px;
  margin: 0 auto 30px;
  max-height: none;
  max-width: 260px;
  object-fit: contain;
  object-position: center;
  padding: 18px;
  width: min(100%, 260px);
}

.login-ativoimob .brand-box p {
  color: rgba(248, 250, 252, 0.76);
  font-size: 18px;
  font-weight: 700;
  opacity: 1;
}

.login-ativoimob .brand-box p:last-child::after {
  background: linear-gradient(90deg, var(--mk-gold-300), transparent);
  border-radius: 999px;
  content: "";
  display: block;
  height: 3px;
  margin: 22px auto 0;
  width: 150px;
}

.login-ativoimob .login-form {
  padding: 58px 56px;
}

.login-ativoimob .login-form h2 {
  color: var(--mk-navy-900);
  font-size: 29px;
  font-weight: 950;
  margin-bottom: 26px;
}

.login-ativoimob .form-group {
  margin-bottom: 18px;
}

.login-ativoimob .form-group label {
  color: var(--mk-navy-900);
  font-size: 14px;
  font-weight: 900;
}

.login-ativoimob .form-group input {
  background: #ffffff;
  border-color: rgba(217, 222, 231, 0.98);
  border-radius: 16px;
  box-shadow: 0 10px 26px rgba(17, 24, 39, 0.04);
  min-height: 52px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.login-ativoimob .form-group input:focus {
  border-color: rgba(201, 150, 76, 0.62);
  box-shadow: 0 0 0 4px rgba(201, 150, 76, 0.16);
}

.login-ativoimob .remember-me {
  color: var(--mk-muted);
  font-weight: 700;
}

.login-ativoimob .forgot-link {
  color: var(--mk-gold-700);
}

.login-ativoimob .btn-login {
  background: linear-gradient(135deg, var(--mk-gold-600), var(--mk-gold-300));
  border-radius: 999px;
  box-shadow: var(--mk-gold-glow);
  color: var(--mk-navy-950);
  min-height: 52px;
  transition: box-shadow 0.2s ease, transform 0.2s ease, background 0.2s ease;
}

.login-ativoimob .btn-login:hover,
.login-ativoimob .btn-login:focus-visible {
  background: linear-gradient(135deg, var(--mk-gold-300), var(--mk-gold-600));
  transform: translateY(-1px);
}

.login-ativoimob .plans-link {
  background: rgba(17, 24, 39, 0.04);
  border-color: rgba(217, 222, 231, 0.98);
  border-radius: 999px;
  color: var(--mk-navy-900);
  min-height: 50px;
}

.login-ativoimob .plans-link:hover,
.login-ativoimob .plans-link:focus-visible {
  background: rgba(201, 150, 76, 0.10);
  border-color: rgba(201, 150, 76, 0.42);
  color: var(--mk-gold-700);
}

.login-ativoimob .password-resend-box {
  border-top-color: rgba(217, 222, 231, 0.92);
}

.login-ativoimob .password-resend-button {
  background: rgba(17, 24, 39, 0.04);
  border-color: rgba(217, 222, 231, 0.98);
  color: var(--mk-navy-900);
}

.login-ativoimob .password-resend-button:hover:not(:disabled),
.login-ativoimob .password-resend-button:focus-visible:not(:disabled) {
  background: rgba(201, 150, 76, 0.10);
  border-color: rgba(201, 150, 76, 0.42);
  color: var(--mk-gold-700);
}

.login-ativoimob .password-resend-button:disabled {
  background: rgba(17, 24, 39, 0.06);
  color: var(--mk-muted);
}

.login-ativoimob .login-text-link {
  color: var(--mk-navy-700);
}

.login-ativoimob .login-text-link:hover,
.login-ativoimob .login-text-link:focus-visible {
  color: var(--mk-gold-700);
}

.login-ativoimob .alert {
  border: 1px solid transparent;
  border-radius: 16px;
}

.login-ativoimob .alert.info {
  background: rgba(219, 234, 254, 0.78);
  border-color: rgba(147, 197, 253, 0.54);
}

.login-ativoimob .alert.error {
  background: rgba(254, 226, 226, 0.86);
  border-color: rgba(248, 113, 113, 0.28);
}

.login-ativoimob .alert.success {
  background: rgba(220, 252, 231, 0.88);
  border-color: rgba(34, 197, 94, 0.28);
}

@media (max-width: 1100px) {
  .platform-page .platform-header.marketing-header {
    margin-inline: 18px;
  }

  .platform-page .platform-nav {
    align-items: stretch;
  }

  .platform-page .platform-actions {
    justify-content: flex-start;
  }

  .platform-page .hero-grid.marketing-hero-inner {
    grid-template-columns: 1fr;
    padding-top: 118px;
  }

  .platform-page .growth-network-inner {
    grid-template-columns: 1fr;
  }

  .platform-page .growth-network-benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .platform-page .compare-section > .platform-container,
  .platform-page .profile-tabs-section > .platform-container,
  .platform-page .feature-carousel-section > .platform-container,
  .platform-page .flow-section > .platform-container,
  .platform-page .platform-vision-section > .platform-container,
  .platform-page .plans-preview > .platform-container {
    padding: 36px;
  }
}

@media (max-width: 760px) {
  .platform-marketing-body {
    background:
      linear-gradient(180deg, var(--mk-navy-950) 0, var(--mk-navy-950) 760px, var(--mk-bg) 760px),
      var(--mk-bg);
  }

  .platform-page .platform-header.marketing-header {
    border-radius: 24px;
    margin-top: 10px;
    padding: 0 14px;
  }

  .platform-page .platform-brand-logo {
    height: 42px;
    max-width: 190px;
  }

  .platform-page .platform-menu,
  .platform-page .platform-actions {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .platform-page .platform-menu {
    display: none;
  }

  .platform-page .platform-btn {
    width: 100%;
  }

  .platform-page .platform-hero.marketing-hero {
    margin-top: -84px;
  }

  .platform-page .hero-grid.marketing-hero-inner {
    padding: 150px 0 58px;
  }

  .platform-page .hero-copy h1 {
    font-size: 36px;
  }

  .platform-page .hero-copy p {
    font-size: 16px;
  }

  .platform-page .hero-metrics,
  .platform-page .hero-actions {
    grid-template-columns: 1fr;
  }

  .platform-page .plan-preview-profile-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .platform-page .compare-section,
  .platform-page .profile-tabs-section,
  .platform-page .feature-carousel-section,
  .platform-page .flow-section,
  .platform-page .platform-vision-section,
  .platform-page .plans-preview {
    padding: 58px 0;
  }

  .platform-page .compare-section > .platform-container,
  .platform-page .profile-tabs-section > .platform-container,
  .platform-page .feature-carousel-section > .platform-container,
  .platform-page .flow-section > .platform-container,
  .platform-page .platform-vision-section > .platform-container,
  .platform-page .plans-preview > .platform-container {
    border-radius: 24px;
    padding: 26px;
  }

  .platform-page .compare-section > .platform-container::before,
  .platform-page .profile-tabs-section > .platform-container::before,
  .platform-page .feature-carousel-section > .platform-container::before,
  .platform-page .flow-section > .platform-container::before,
  .platform-page .platform-vision-section > .platform-container::before,
  .platform-page .plans-preview > .platform-container::before {
    left: 26px;
    right: 44%;
    top: 18px;
  }

  .platform-page .platform-section.growth-network-section {
    padding: 64px 0;
  }

  .platform-page .growth-network-copy h2 {
    font-size: 34px;
  }

  .platform-page .growth-network-copy p {
    font-size: 16px;
  }

  .platform-page .growth-network-card {
    padding: 22px;
  }

  .platform-page .growth-network-benefits {
    grid-template-columns: 1fr;
  }

  .login-ativoimob .login-card {
    border-radius: 26px;
    grid-template-columns: 1fr;
  }

  .login-topbar {
    align-items: center;
    border-radius: 24px;
    flex-direction: column;
    padding: 14px;
  }

  .login-topbar-brand {
    justify-content: center;
  }

  .login-topbar-logo {
    height: 42px;
    max-width: 190px;
  }

  .login-header-trust {
    display: none;
  }

  .login-topbar-actions {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .login-topbar-link {
    width: 100%;
  }

  .login-ativoimob .brand-box,
  .login-ativoimob .login-form {
    padding: 32px 24px;
  }

  .login-ativoimob .brand-box.is-ativoimob-brand .login-brand-logo {
    height: 190px;
    max-height: none;
    max-width: 190px;
    padding: 14px;
    width: min(100%, 190px);
  }

  .login-ativoimob .login-form h2 {
    font-size: 25px;
  }
}