.gardens-plataforma {
  --gpl-bg: #f8fafc;
  --gpl-surface: #ffffff;
  --gpl-surface-soft: #eef4fa;
  --gpl-text: #102033;
  --gpl-muted: #526477;
  --gpl-blue: #159ccf;
  --gpl-blue-strong: #068ddb;
  --gpl-green: #2fb319;
  --gpl-amber: #d98500;
  --gpl-border: rgba(15, 23, 42, 0.12);
  --gpl-shadow: 0 18px 44px rgba(15, 23, 42, 0.08);
  width: 100vw;
  margin-inline: calc(50% - 50vw);
  overflow: hidden;
  color: var(--gpl-text);
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 18%, #f2f7fb 52%, #ffffff 100%);
}

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

.gardens-plataforma__container {
  width: min(1320px, 100%);
  margin-inline: auto;
  padding-inline: 32px;
}

.gardens-plataforma__section { padding: 104px 0; }

.gardens-plataforma__hero {
  padding: 166px 0 108px;
  background:
    radial-gradient(circle at 86% 18%, rgba(6, 141, 219, 0.12), transparent 27%),
    radial-gradient(circle at 13% 8%, rgba(47, 179, 25, 0.06), transparent 23%),
    linear-gradient(180deg, #edf4fa 0%, #ffffff 100%);
}

.ast-theme-transparent-header .gardens-plataforma__hero { padding-top: 190px; }

.gardens-plataforma__hero-grid,
.gardens-plataforma__context-grid,
.gardens-plataforma__split-grid,
.gardens-plataforma__final-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(380px, .96fr);
  gap: clamp(40px, 6vw, 88px);
  align-items: center;
}

.gardens-plataforma h1,
.gardens-plataforma h2,
.gardens-plataforma h3 {
  margin: 0;
  color: var(--gpl-text);
  font-family: 'Montserrat', sans-serif;
  letter-spacing: -0.045em;
}

.gardens-plataforma h1 {
  max-width: 820px;
  margin-bottom: 26px;
  font-size: clamp(42px, 5.1vw, 74px);
  line-height: 1.04;
}

.gardens-plataforma h2 {
  max-width: 830px;
  margin-bottom: 22px;
  font-size: clamp(32px, 3.55vw, 54px);
  line-height: 1.09;
}

.gardens-plataforma h3 {
  margin-bottom: 12px;
  font-size: 20px;
  line-height: 1.2;
}

.gardens-plataforma p {
  max-width: 720px;
  margin: 0 0 16px;
  color: var(--gpl-muted);
  font-size: 16px;
  line-height: 1.72;
}

.gardens-plataforma__eyebrow {
  display: inline-block;
  margin-bottom: 18px;
  color: var(--gpl-blue);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  line-height: 1;
  text-transform: uppercase;
}

.gardens-plataforma__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }

.gardens-plataforma__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 22px;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none !important;
  transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

.gardens-plataforma__button:hover { transform: translateY(-2px); }
.gardens-plataforma__button--primary { color: #fff !important; background: var(--gpl-blue-strong); border-color: var(--gpl-blue-strong); }
.gardens-plataforma__button--secondary { color: var(--gpl-text) !important; background: rgba(255,255,255,.86); border-color: rgba(15,23,42,.16); }
.gardens-plataforma__button--secondary:hover { border-color: rgba(6,141,219,.38); background: #fff; }

.gardens-media-placeholder {
  position: relative;
  display: grid;
  place-content: center;
  min-height: 330px;
  padding: 30px;
  overflow: hidden;
  border: 1px solid rgba(6,141,219,.22);
  border-radius: 12px;
  color: var(--gpl-text);
  text-align: center;
  background:
    linear-gradient(135deg, rgba(6,141,219,.05), transparent 52%),
    repeating-linear-gradient(135deg, rgba(15,23,42,.025) 0 1px, transparent 1px 16px),
    #f8fafc;
}

.gardens-media-placeholder::before {
  content: "";
  position: absolute;
  inset: 16px;
  border: 1px dashed rgba(6,141,219,.28);
  border-radius: 7px;
  pointer-events: none;
}

.gardens-media-placeholder span,
.gardens-media-placeholder strong { position: relative; z-index: 1; }
.gardens-media-placeholder span { margin-bottom: 10px; color: var(--gpl-blue); font-size: 10px; font-weight: 800; letter-spacing: .16em; }
.gardens-media-placeholder strong { max-width: 300px; font-size: 14px; line-height: 1.35; letter-spacing: .04em; }
.gardens-media-placeholder--hero { min-height: 440px; }
.gardens-media-placeholder--dashboard { min-height: 520px; }
.gardens-media-placeholder--context { min-height: 460px; }
.gardens-media-placeholder--video,
.gardens-media-placeholder--ai,
.gardens-media-placeholder--management,
.gardens-media-placeholder--integrations { min-height: 430px; }
.gardens-media-placeholder--demo { min-height: 360px; }
.gardens-media-placeholder--final { min-height: 350px; }

.gardens-plataforma__media {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 330px;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(15,23,42,.12);
  border-radius: 8px;
  background: #f8fafc;
}
.gardens-plataforma__media img { display: block; width: 100%; height: auto; }
.gardens-plataforma__media--hero { min-height: 440px; }
.gardens-plataforma__media--dashboard { min-height: 520px; }
.gardens-plataforma__media--context { min-height: 460px; }
.gardens-plataforma__media--video { min-height: 430px; }

.gardens-plataforma__heading { max-width: 860px; margin-bottom: 48px; }
.gardens-plataforma__heading--center { margin-inline: auto; text-align: center; }
.gardens-plataforma__heading--center p { margin-inline: auto; }

.gardens-plataforma__module-layout {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(380px, 1.08fr);
  gap: clamp(28px, 4.5vw, 68px);
  align-items: stretch;
}

.gardens-plataforma__module-list { display: grid; gap: 16px; }

.gardens-plataforma__module {
  position: relative;
  padding: 28px 28px 28px 80px;
  border: 1px solid var(--gpl-border);
  border-left: 2px solid var(--gpl-blue);
  border-radius: 10px;
  background: rgba(255,255,255,.86);
  box-shadow: 0 10px 28px rgba(15,23,42,.05);
}

.gardens-plataforma__module--green { border-left-color: var(--gpl-green); }
.gardens-plataforma__module--amber { border-left-color: var(--gpl-amber); }
.gardens-plataforma__module p { margin-bottom: 0; font-size: 15px; }

.gardens-plataforma__number {
  position: absolute;
  top: 31px;
  left: 28px;
  color: var(--gpl-blue);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
}
.gardens-plataforma__module--green .gardens-plataforma__number { color: var(--gpl-green); }
.gardens-plataforma__module--amber .gardens-plataforma__number { color: var(--gpl-amber); }

.gardens-plataforma__section--context { background: var(--gpl-surface-soft); }
.gardens-plataforma__context-flow {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 26px;
  margin: 30px 0;
  padding: 0;
  list-style: none;
}
.gardens-plataforma__context-flow li {
  position: relative;
  color: var(--gpl-text);
  font-size: 13px;
  font-weight: 800;
}
.gardens-plataforma__context-flow li:not(:last-child)::after {
  content: "\2192";
  position: absolute;
  right: -19px;
  color: var(--gpl-blue);
}

.gardens-plataforma__section--split { background: #fff; }
.gardens-plataforma__section--ai { background: linear-gradient(135deg, #f7fafc, #edf4fa); }
.gardens-plataforma__split-grid--reverse > :first-child { grid-column: 2; }
.gardens-plataforma__split-grid--reverse > :last-child { grid-column: 1; grid-row: 1; }

.gardens-plataforma__highlight {
  margin-top: 28px !important;
  padding: 18px 20px;
  border-left: 2px solid var(--gpl-blue);
  border-radius: 0 8px 8px 0;
  color: var(--gpl-text) !important;
  font-weight: 700;
  background: rgba(6,141,219,.07);
}

.gardens-plataforma__section--operations { background: #fff; }
.gardens-plataforma__media-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 46px; }
.gardens-media-placeholder--operation { min-height: 320px; }
.gardens-plataforma__video {
  position: relative;
  min-width: 0;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 1px solid rgba(15,23,42,.12);
  border-radius: 8px;
  background: #000;
}
.gardens-plataforma__video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.gardens-plataforma__media--operation { min-height: 320px; aspect-ratio: 4 / 3; }
.gardens-plataforma__media--operation img { height: 100%; object-fit: cover; }
.gardens-plataforma__section--management { background: var(--gpl-surface-soft); }
.gardens-plataforma__section--integrations { background: #fff; }

.gardens-plataforma__text-link {
  display: inline-flex;
  gap: 8px;
  margin-top: 12px;
  color: var(--gpl-blue-strong) !important;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none !important;
}

.gardens-plataforma__demo-grid {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(440px, 1.2fr);
  gap: clamp(40px, 6vw, 88px);
  align-items: center;
  padding: clamp(28px, 4vw, 60px);
  border: 1px solid var(--gpl-border);
  border-radius: 14px;
  background: #fff;
  box-shadow: var(--gpl-shadow);
}

.gardens-plataforma__section--final { padding-bottom: 124px; background: linear-gradient(180deg, #f2f7fb, #eaf2f9); }
.gardens-plataforma__final-grid {
  padding: clamp(30px, 5vw, 72px);
  border: 1px solid rgba(6,141,219,.18);
  border-radius: 14px;
  background: rgba(255,255,255,.78);
  box-shadow: var(--gpl-shadow);
}

@media (max-width: 960px) {
  .gardens-plataforma__hero-grid,
  .gardens-plataforma__context-grid,
  .gardens-plataforma__split-grid,
  .gardens-plataforma__final-grid,
  .gardens-plataforma__module-layout,
  .gardens-plataforma__demo-grid { grid-template-columns: 1fr; }

  .gardens-plataforma__split-grid--reverse > :first-child,
  .gardens-plataforma__split-grid--reverse > :last-child { grid-column: auto; grid-row: auto; }
  .gardens-plataforma__hero-media { max-width: 760px; width: 100%; }
  .gardens-plataforma__module-layout .gardens-media-placeholder { min-height: 400px; }
}

@media (max-width: 640px) {
  .gardens-plataforma__container { padding-inline: 20px; }
  .gardens-plataforma__hero { padding: 132px 0 76px; }
  .ast-theme-transparent-header .gardens-plataforma__hero { padding-top: 150px; }
  .gardens-plataforma__section { padding: 72px 0; }
  .gardens-plataforma h1 { font-size: clamp(36px, 11vw, 48px); }
  .gardens-plataforma h2 { font-size: clamp(29px, 8.5vw, 38px); }
  .gardens-plataforma p { font-size: 15px; line-height: 1.65; }
  .gardens-plataforma__actions { display: grid; grid-template-columns: 1fr; }
  .gardens-plataforma__button { width: 100%; }
  .gardens-media-placeholder,
  .gardens-media-placeholder--hero,
  .gardens-media-placeholder--dashboard,
  .gardens-media-placeholder--context,
  .gardens-media-placeholder--video,
  .gardens-media-placeholder--ai,
  .gardens-media-placeholder--management,
  .gardens-media-placeholder--integrations { min-height: 280px; }
  .gardens-plataforma__media,
  .gardens-plataforma__media--hero,
  .gardens-plataforma__media--dashboard,
  .gardens-plataforma__media--context,
  .gardens-plataforma__media--video { min-height: 280px; }
  .gardens-plataforma__module { padding: 24px 22px 24px 66px; }
  .gardens-plataforma__number { top: 27px; left: 22px; }
  .gardens-plataforma__media-pair { grid-template-columns: 1fr; }
  .gardens-media-placeholder--operation,
  .gardens-media-placeholder--demo,
  .gardens-media-placeholder--final { min-height: 260px; }
  .gardens-plataforma__demo-grid,
  .gardens-plataforma__final-grid { padding: 24px; }
}