@import './variables.css';

/* ==========================================================================
   Reflect Notes Style - Landing Page (Isolated Scope)
   ========================================================================== */

/* 1. Reset e Configurações Globais para a LP */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 104px;
}

body.landing-page-body {
  background-color: var(--color-void-canvas, #030014);
  color: var(--color-lilac-white, #f4f0ff);
  font-family: var(--font-inter-v, 'Inter', sans-serif);
  font-size: var(--text-body, 16px);
  line-height: var(--leading-body, 1.5);
  min-height: 100vh;
  overflow-x: hidden;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Container Principal */
.lp-container {
  width: 100%;
  max-width: var(--page-max-width, 1200px);
  margin: 0 auto;
  padding: 0 var(--spacing-24, 24px);
  position: relative;
  z-index: 1;
}

/* Star Field Background Layers (Subtle texturing only) */
.lp-stars {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1000px;
  background: transparent;
  pointer-events: none;
  z-index: 1;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,0) 80%);
  mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,0) 80%);
}

.lp-stars-1 {
  width: 1px;
  height: 1px;
  box-shadow: var(--shadow-subtle);
  opacity: 0.12;
}

.lp-stars-2 {
  width: 2px;
  height: 2px;
  box-shadow: var(--shadow-subtle-2);
  opacity: 0.08;
}

.lp-stars-3 {
  width: 3px;
  height: 3px;
  box-shadow: var(--shadow-subtle-3);
  opacity: 0.05;
}

/* 2. Header / Tripartite Navigation Layout */
/* 2. Header / Tripartite Navigation Layout */
.lp-header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: var(--color-midnight-surface, #060317);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  padding: 12px 0;
}

.lp-header-container {
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 var(--spacing-24, 24px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.lp-header-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: var(--color-lilac-white, #f4f0ff);
  flex-shrink: 0;
}

.lp-header-logo img {
  width: 36px;
  height: 36px;
  filter: drop-shadow(0 0 10px rgba(122, 92, 255, .20));
  object-fit: contain;
  display: block;
}

.lp-header-logo span {
  font-family: var(--font-inter-v, 'Inter', sans-serif);
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #f4f0ff;
}

.lp-header-nav {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}

.lp-header-nav li {
  margin: 0 8px;
}

.lp-header-nav a {
  font-family: var(--font-inter-v, 'Inter', sans-serif);
  font-size: 14px;
  color: var(--color-ash, #a8a6b7);
  text-decoration: none;
  transition: color 0.2s ease;
}

.lp-header-nav a:hover {
  color: var(--color-lilac-white, #f4f0ff);
}

.lp-header-actions {
  display: flex;
  align-items: center;
  gap: 16px;
}

.lp-header-login {
  font-family: var(--font-inter-v, 'Inter', sans-serif);
  font-size: 14px;
  color: var(--color-fog, #918ea0);
  text-decoration: none;
  transition: color 0.2s ease;
}

.lp-header-login:hover {
  color: var(--color-lilac-white, #f4f0ff);
}

.lp-header-trial {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-iris, #5046e4);
  color: var(--color-pearl, #ffffff);
  font-family: var(--font-inter-v, 'Inter', sans-serif);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  border-radius: var(--radius-buttons, 5px);
  padding: 6px 12px;
  height: 30px;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.1s ease;
}

.lp-header-trial:hover {
  background-color: var(--color-deep-indigo, #10093a);
}

.lp-trial-label-desktop {
  display: inline;
}

.lp-trial-label-mobile {
  display: none;
}

/* Mobile Hamburger Toggle */
.lp-menu-toggle {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 18px;
  height: 12px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  z-index: 110;
  outline: none;
}

.lp-menu-toggle span {
  width: 100%;
  height: 1.5px;
  background-color: var(--color-lilac-white, #f4f0ff);
  transition: all 0.2s ease;
}

/* 3. Hero Section */
.lp-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-top: 130px;
  padding-bottom: 80px;
  position: relative;
  z-index: 1;
}

.lp-hero::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -78px;
  width: 100vw;
  height: 520px;
  transform: translateX(-50%);
  background: linear-gradient(
    180deg,
    rgba(4, 1, 21, 0) 0%,
    rgba(4, 1, 21, 0.7) 34.48%,
    #030014 82.36%,
    #030014 100%
  );
  pointer-events: none;
  z-index: 4;
}
/* Badge Pill */
.lp-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: var(--color-midnight-surface, #060317);
  border: 1px solid rgba(80, 70, 228, 0.15);
  border-radius: var(--radius-badges, 32px);
  box-shadow: var(--shadow-md, rgba(164, 143, 255, 0.12) 0px -7px 11px 0px inset);
  padding: 6px 16px;
  margin-bottom: var(--spacing-24, 24px);
  font-family: var(--font-inter-v, 'Inter', sans-serif);
  font-size: var(--text-caption, 12px);
  font-weight: 500;
  color: var(--color-lilac-white, #f4f0ff);
  letter-spacing: 0.1px;
}

.lp-badge-icon {
  color: var(--color-lavender-accent, #9382ff);
  flex-shrink: 0;
}

/* Headline */
.lp-hero-headline {
  font-family: var(--font-aeonikpro, 'DM Sans', sans-serif);
  font-size: var(--text-display, 72px);
  font-weight: var(--font-weight-medium, 500);
  line-height: var(--leading-display, 1.11);
  letter-spacing: -0.03em;
  color: var(--color-lilac-white, #f4f0ff);
  max-width: 800px;
  margin-bottom: var(--spacing-16, 16px);
}

/* Subheadline */
.lp-hero-subheadline {
  font-family: var(--font-inter-v, 'Inter', sans-serif);
  font-size: var(--text-body-lg, 18px);
  font-weight: 400;
  line-height: var(--leading-body-lg, 1.56);
  color: var(--color-ash, #a8a6b7);
  max-width: 580px;
  margin-bottom: var(--spacing-48, 48px);
}

/* 4. Cosmic Portal & Screenshot Integrated Scene (Hero Visual Stage Elements) */
.lp-hero-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  z-index: 3;
}

.lp-hero-black-hole {
  position: absolute;
  top: 290px;
  left: 50%;
  transform: translateX(-50%);
  width: min(1120px, 92vw);
  height: auto;
  z-index: 2;
  pointer-events: none;
  overflow: visible;
}

.lp-hero-black-hole video {
  display: block;
  width: 100%;
  height: auto;
  mix-blend-mode: normal;
  object-fit: contain;
  opacity: 1;
}

.lp-black-hole-circles {
  display: none;
}

.lp-product-preview {
  position: relative;
  z-index: 3;
  width: min(1120px, 92vw);
  margin-top: calc(min(1120px, 92vw) * 0.5625 * 0.524);
  margin-inline: auto;
  display: flex;
  justify-content: center;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.045);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

.lp-product-img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: rgba(255, 255, 255, 0.035) 0px 0px 24px 0px inset;
  opacity: 0.88;
  position: relative;
}

/* 4.6 Features Section Styles */
.lp-features {
  margin: -42px auto 0;
  position: relative;
  left: 50%;
  width: min(1200px, calc(100vw - 48px));
  transform: translateX(-50%);
  z-index: 2;
}

.lp-features-cards {
  position: relative;
  width: 100%;
}

.lp-features-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.lp-feature-card {
  position: relative;
  overflow: hidden;
  padding: 24px 32px 36px;
}

.lp-feature-card::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 88px;
  width: 1px;
  height: 16px;
  background-color: rgba(255,255,255,.24);
}

.lp-feature-card::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(
    to bottom,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.06) 100%
  );
  transition: .45s cubic-bezier(.6,.6,0,1) opacity;
}

.lp-feature-card:hover::after {
  opacity: 1;
}

/* Inverted hover for row 2 (cards 5-8) */
.lp-feature-card:nth-child(n+5)::after {
  background: linear-gradient(
    to top,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.06) 100%
  );
}

.lp-feature-icon {
  width: 40px;
  height: 40px;
  margin-bottom: 20px;
  color: #f4f0ff;
  display: block;
}

.lp-feature-card-title {
  margin-bottom: 4px;
  color: #f4f0ff;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  font-feature-settings:
    "ss01" on,
    "cv10" on,
    "calt" off,
    "liga" off;
}

.lp-feature-card-description {
  color: rgba(239,237,253,.60);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  font-feature-settings:
    "ss01" on,
    "cv10" on,
    "calt" off,
    "liga" off;
}

/* Gridlines styling */
.lp-features-gridlines {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  justify-content: space-between;
  pointer-events: none;
}

.lp-features-gridlines > div {
  width: 1px;
  height: 100%;
}

.lp-features-gridlines > div:nth-child(odd) {
  background: linear-gradient(
    180deg,
    rgba(255,255,255,.12) -.89%,
    rgba(255,255,255,0) 100%
  );
}

.lp-features-gridlines > div:nth-child(even) {
  background: linear-gradient(
    0deg,
    rgba(255,255,255,.12) -.89%,
    rgba(255,255,255,0) 100%
  );
}

.lp-features-gridlines > div:last-child {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0) -.89%,
    rgba(255,255,255,.08) 24.33%,
    rgba(255,255,255,.08) 49.55%,
    rgba(255,255,255,.08) 74.78%,
    rgba(255,255,255,0) 100%
  );
}

/* 4.7 Reflect AI Section Styles */
.lp-ai {
  position: relative;
  padding-top: 116px;
  padding-bottom: 110px;
}

.lp-ai .lp-section-header {
  position: relative;
  z-index: 3;
  margin-bottom: 38px;
}

.lp-section-badge {
  display: flex;
  align-items: center;
  width: max-content;
  margin: 0 auto 12px;
  padding: 6px 14px 6px 15px;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: 32px;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  box-shadow: inset 0 -7px 11px rgba(164,143,255,.12);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #c4bbff;
}

.lp-section-badge::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  background: linear-gradient(
    90.01deg,
    rgba(229,156,255,.24) .01%,
    rgba(186,156,255,.24) 50.01%,
    rgba(156,178,255,.24) 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.lp-ai-title {
  margin: 0;
  text-align: center;
  font-family: AeonikPro, system-ui, sans-serif;
  font-size: 56px;
  line-height: 64px;
  font-weight: 500;
}

.lp-ai-title span {
  display: block;
  background: linear-gradient(
    180deg,
    #fff 0%,
    rgba(255,255,255,.7) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.lp-ai-description {
  max-width: 744px;
  margin: 12px auto 0;
  text-align: center;
  color: rgba(239,237,253,.70);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.lp-ai-background-wrapper {
  display: flex;
  justify-content: center;
}

.lp-ai-background {
  width: 1440px;
  min-width: 1440px;
  height: 835px;
  margin: -150px auto 0;
  position: relative;
}

.lp-ai-background-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 1;
  transition: 1s cubic-bezier(.6,.6,0,1) opacity;
}

.lp-ai-background-image-hidden {
  opacity: 0;
}@keyframes risingStarsAnination {
  0% {
    transform: translateZ(0) translateY(0);
  }
  100% {
    transform: translateZ(0) translateY(-2000px);
  }
}

.lp-ai-rising-stars-visible > div,
.lp-rising-stars-visible > div,
.lp-testimonials-visible .lp-testimonials-rising-stars > div {
  animation-name: risingStarsAnination;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/* Rising Stars */
.lp-ai-rising-stars {
  width: 282px;
  height: 300px;
  position: absolute;
  left: 50%;
  top: -100px;
  transform: translateX(-50%);
  overflow: hidden;
  opacity: .7;
  pointer-events: none;
  z-index: 1;
  -webkit-mask-image: linear-gradient( to top, #fff, rgba(255,255,255,0) );
  mask-image: linear-gradient( to top, #fff, rgba(255,255,255,0) );
  -webkit-mask-size: cover;
  mask-size: cover;
}

.lp-ai-rising-stars div:nth-child(1),
.lp-connected .lp-rising-stars div:nth-child(1),
.lp-testimonials-rising-stars div:nth-child(1),
.lp-about-rising-stars div:nth-child(1) {
  width: 1px;
  height: 1px;
  animation-duration: 100s !important;
  background: transparent;
  box-shadow: 778px 19408px #fff,1770px 1048px #fff,1712px 935px #fff,910px 577px #fff,1782px 541px #fff,824px 796px #fff,1605px 1635px #fff,1172px 934px #fff,885px 1085px #fff,1584px 939px #fff,1463px 73px #fff,92px 324px #fff,451px 1549px #fff,609px 1764px #fff,149px 101px #fff,1822px 1950px #fff,394px 1922px #fff,1580px 921px #fff,339px 395px #fff,1062px 1526px #fff,1952px 330px #fff,1392px 1295px #fff,1874px 468px #fff,344px 498px #fff,1459px 1035px #fff,755px 1544px #fff,1533px 1860px #fff,543px 1397px #fff,844px 410px #fff,1657px 1300px #fff,105px 466px #fff,1051px 220px #fff,177px 196px #fff,745px 203px #fff,1879px 594px #fff,1369px 1795px #fff,268px 1027px #fff,58px 1846px #fff,1187px 1389px #fff,445px 174px #fff,1711px 1554px #fff,783px 500px #fff,1315px 1902px #fff,660px 1527px #fff,47px 1958px #fff,889px 1680px #fff,658px 793px #fff,1789px 1529px #fff,1625px 1542px #fff,1467px 744px #fff,1928px 255px #fff,1755px 769px #fff,1400px 164px #fff,841px 1146px #fff,770px 300px #fff,1636px 257px #fff,1148px 182px #fff,1995px 599px #fff,1776px 37px #fff,29px 129px #fff,422px 53px #fff,1403px 637px #fff,30px 1101px #fff,1782px 602px #fff,63px 880px #fff,432px 488px #fff,778px 685px #fff,1167px 213px #fff,1077px 1337px #fff,1591px 876px #fff,611px 1594px #fff,813px 1904px #fff,791px 818px #fff,1396px 209px #fff,997px 1748px #fff,556px 1978px #fff,498px 700px #fff,1985px 1050px #fff,1540px 972px #fff,1149px 1119px #fff,187px 1549px #fff,1167px 1188px #fff,807px 1446px #fff,1276px 140px #fff,943px 1270px #fff,1724px 1536px #fff,1805px 1155px #fff,212px 1723px #fff,555px 874px #fff,1596px 799px #fff,809px 663px #fff,535px 30px #fff,169px 179px #fff,1947px 967px #fff,1795px 939px #fff,391px 360px #fff,1848px 1556px #fff,785px 1860px #fff,1270px 1531px #fff,1022px 558px #fff,1117px 1263px #fff,914px 437px #fff,1719px 1240px #fff,1636px 1227px #fff,240px 633px #fff,1961px 1135px #fff,1330px 58px #fff,468px 813px #fff,1057px 384px #fff,749px 214px #fff,71px 1458px #fff,877px 1449px #fff,1768px 187px #fff,955px 373px #fff,1810px 1941px #fff,1263px 198px #fff,1764px 1666px #fff,248px 921px #fff,1583px 465px #fff,934px 1911px #fff,1485px 1708px #fff,924px 504px #fff,1319px 905px #fff,1532px 329px #fff,1872px 363px #fff,1564px 500px #fff,1981px 361px #fff,1617px 352px #fff,1890px 1707px #fff,572px 1638px #fff,1519px 6px #fff,114px 151px #fff,1570px 1377px #fff,1268px 1527px #fff,463px 323px #fff,44px 294px #fff,944px 703px #fff,938px 671px #fff,1067px 1104px #fff,1155px 758px #fff,1405px 764px #fff,526px 1045px #fff,439px 84px #fff,1841px 906px #fff,1445px 814px #fff,1841px 1454px #fff,1848px 1182px #fff,410px 752px #fff,183px 159px #fff,928px 1179px #fff,326px 675px #fff,494px 1269px #fff,1610px 986px #fff,460px 163px #fff,1240px 1207px #fff,1413px 475px #fff,1432px 946px #fff,1635px 98px #fff,577px 233px #fff,1105px 229px #fff,642px 1334px #fff,1352px 1639px #fff,1495px 1860px #fff,1879px 1454px #fff,1286px 1368px #fff,374px 1420px #fff,1465px 1014px #fff,1751px 1544px #fff,731px 798px #fff,1610px 232px #fff,1730px 1051px #fff,1974px 26px #fff,1886px 1329px #fff,856px 210px #fff,1580px 1781px #fff,1941px 1410px #fff,459px 1170px #fff,628px 159px #fff,565px 1052px #fff,597px 165px #fff,1355px 1959px #fff,1022px 1027px #fff,490px 303px #fff,1px 1363px #fff,108px 1725px #fff,1786px 1993px #fff,1607px 717px #fff,1662px 525px #fff,583px 537px #fff,357px 1969px #fff,163px 1790px #fff,568px 1057px #fff,56px 192px #fff,1363px 1475px #fff,53px 1723px #fff,1061px 1877px #fff,1599px 1587px #fff,484px 1175px #fff,797px 373px #fff,295px 496px #fff,442px 562px #fff,1794px 685px #fff,1718px 1307px #fff,1580px 1932px #fff,1718px 1386px #fff,1455px 1763px #fff,1748px 1860px #fff,465px 75px #fff,107px 1098px #fff,1216px 815px #fff,178px 1506px #fff,72px 1676px #fff,220px 1558px #fff,930px 915px #fff,1817px 1779px #fff,1895px 1956px #fff,1125px 1178px #fff,1788px 1377px #fff,1965px 1949px #fff,135px 379px #fff,561px 517px #fff,1801px 1099px #fff,120px 652px #fff,1302px 78px #fff,1826px 1355px #fff,819px 928px #fff,138px 586px #fff,788px 1351px #fff,1195px 1181px #fff,725px 272px #fff,571px 231px #fff,711px 1899px #fff,816px 1839px #fff,794px 705px #fff,338px 887px #fff,1645px 809px #fff,420px 821px #fff,672px 783px #fff,1657px 470px #fff,1151px 1621px #fff,914px 17px #fff,1990px 1782px #fff,1703px 823px #fff,1726px 733px #fff,1145px 822px #fff,1561px 92px #fff,1172px 1859px #fff,316px 307px #fff,799px 1081px #fff,551px 757px #fff,1604px 60px #fff,959px 1183px #fff,1273px 188px #fff,387px 1061px #fff,1608px 1405px #fff,828px 1594px #fff,740px 1439px #fff,1934px 270px #fff,170px 653px #fff,1642px 675px #fff,1749px 1844px #fff,270px 1188px #fff,897px 710px #fff,1170px 1385px #fff,737px 1696px #fff,1890px 176px #fff,803px 1661px #fff,888px 545px #fff,1049px 89px #fff,1678px 1328px #fff,478px 1836px #fff,614px 633px #fff,1052px 878px #fff,56px 1483px #fff,346px 380px #fff,46px 62px #fff,1941px 982px #fff,770px 960px #fff,1973px 1585px #fff,65px 1401px #fff,1686px 863px #fff,21px 1148px #fff,631px 1679px #fff,1324px 1948px #fff,270px 1208px #fff,1918px 1484px #fff,873px 168px #fff,226px 1011px #fff,391px 1011px #fff,1890px 389px #fff,870px 1585px #fff,1570px 439px #fff,542px 798px #fff,1015px 1957px #fff,1221px 1526px #fff,511px 1156px #fff,1659px 604px #fff,725px 1184px #fff,1701px 1132px #fff,26px 829px #fff,183px 159px #fff,928px 1179px #fff,326px 675px #fff,494px 1269px #fff,1610px 986px #fff,460px 163px #fff,1240px 1207px #fff,1413px 475px #fff,1432px 946px #fff,1635px 98px #fff,577px 233px #fff,1105px 229px #fff,642px 1334px #fff,1352px 1639px #fff,1495px 1860px #fff,1879px 1454px #fff,1286px 1368px #fff,374px 1420px #fff,1465px 1014px #fff,1751px 1544px #fff,731px 798px #fff,1610px 232px #fff,1730px 1051px #fff,1974px 26px #fff,1886px 1329px #fff,856px 210px #fff,1580px 1781px #fff,1941px 1410px #fff,459px 1170px #fff,628px 159px #fff,565px 1052px #fff,597px 165px #fff,1355px 1959px #fff,1022px 1027px #fff,490px 303px #fff,1px 1363px #fff,108px 1725px #fff,1786px 1993px #fff,1607px 717px #fff,1662px 525px #fff,583px 537px #fff,357px 1969px #fff,163px 1790px #fff,568px 1057px #fff,56px 192px #fff,1363px 1475px #fff,53px 1723px #fff,1061px 1877px #fff,1599px 1587px #fff,484px 1175px #fff,797px 373px #fff,295px 496px #fff,442px 562px #fff,1794px 685px #fff,1718px 1307px #fff,1580px 1932px #fff,1718px 1386px #fff,1455px 1763px #fff,1748px 1860px #fff,465px 75px #fff,107px 1098px #fff,1216px 815px #fff,178px 1506px #fff,72px 1676px #fff,220px 1558px #fff,930px 915px #fff,1817px 1779px #fff,1895px 1956px #fff,1125px 1178px #fff,1788px 1377px #fff,1965px 1949px #fff,135px 379px #fff,561px 517px #fff,1801px 1099px #fff,120px 652px #fff,1302px 78px #fff,1826px 1355px #fff,819px 928px #fff,138px 586px #fff,788px 1351px #fff,1195px 1181px #fff,725px 272px #fff,571px 231px #fff,711px 1899px #fff,816px 1839px #fff,794px 705px #fff,338px 887px #fff,1645px 809px #fff,420px 821px #fff,672px 783px #fff,1657px 470px #fff,1151px 1621px #fff,914px 17px #fff,1990px 1782px #fff,1703px 823px #fff,1726px 733px #fff,1145px 822px #fff,1561px 92px #fff,1172px 1859px #fff,316px 307px #fff,799px 1081px #fff,551px 757px #fff,1604px 60px #fff,959px 1183px #fff,1273px 188px #fff,387px 1061px #fff,1608px 1405px #fff,828px 1594px #fff,740px 1439px #fff,1934px 270px #fff,170px 653px #fff,1642px 675px #fff,1749px 1844px #fff,270px 1188px #fff,897px 710px #fff,1170px 1385px #fff,737px 1696px #fff,1890px 176px #fff,803px 1661px #fff,888px 545px #fff,1049px 89px #fff,1678px 1328px #fff,478px 1836px #fff,614px 633px #fff,1052px 878px #fff,56px 1483px #fff,346px 380px #fff,46px 62px #fff,1941px 982px #fff,770px 960px #fff,1973px 1585px #fff,65px 1401px #fff,1686px 863px #fff,21px 1148px #fff,631px 1679px #fff,1324px 1948px #fff,270px 1208px #fff,1918px 1484px #fff,873px 168px #fff,226px 1011px #fff,391px 1011px #fff,1890px 389px #fff,870px 1585px #fff,1570px 439px #fff,542px 798px #fff,1015px 1957px #fff,1221px 1526px #fff,511px 1156px #fff,1659px 604px #fff,725px 1184px #fff,1701px 1132px #fff,26px 829px #fff,1832px 1210px #fff,612px 604px #fff,1888px 1339px #fff,1438px 7px #fff,1104px 378px #fff,414px 1276px #fff,261px 982px #fff,817px 1532px #fff,680px 1690px #fff,516px 310px #fff,98px 5px #fff,1443px 645px #fff,1549px 831px #fff,408px 1477px #fff,1378px 541px #fff,170px 1556px #fff,1911px 308px #fff,222px 1080px #fff,845px 1390px #fff,293px 934px #fff,1204px 1147px #fff,898px 1023px #fff,686px 1217px #fff,421px 287px #fff,846px 905px #fff,870px 1544px #fff,73px 502px #fff,187px 911px #fff,316px 1760px #fff,365px 716px #fff,278px 479px #fff,23px 55px #fff,1754px 256px #fff,1659px 160px #fff,696px 1259px #fff,629px 710px #fff,1282px 79px #fff,405px 715px #fff,1567px 502px #fff,1343px 1854px #fff,1291px 488px #fff,877px 229px #fff,1741px 616px #fff,1735px 981px #fff,64px 850px #fff,1373px 336px #fff,483px 1306px #fff,1190px 1870px #fff,152px 203px #fff,357px 1240px #fff,1087px 686px #fff,651px 515px #fff,732px 1468px #fff,424px 225px #fff,457px 1371px #fff,280px 1664px #fff,984px 35px #fff,964px 1113px #fff,1040px 1009px #fff,837px 1327px #fff,1288px 4px #fff,319px 694px #fff,887px 1742px #fff,1886px 604px #fff,1551px 232px #fff,445px 1980px #fff,1083px 197px #fff,655px 591px #fff,35px 1235px #fff,1582px 1020px #fff,1613px 1447px #fff,1599px 647px #fff,810px 1426px #fff,593px 1583px #fff,899px 774px #fff,1045px 1291px #fff,451px 1399px #fff,1535px 494px #fff,1387px 769px #fff,1941px 579px #fff,1531px 212px #fff,1373px 1825px #fff,878px 658px #fff,1497px 993px #fff,182px 322px #fff,565px 1052px #fff,436px 1340px #fff,431px 1051px #fff,212px 1272px #fff,456px 1971px #fff,1694px 1287px #fff,687px 600px #fff,1334px 715px #fff,1148px 563px #fff,166px 1642px #fff,818px 421px #fff,258px 1952px #fff,902px 1664px #fff,1568px 1172px #fff,270px 543px #fff,1726px 313px #fff,12px 1069px #fff,426px 1317px #fff,1902px 1424px #fff,573px 923px #fff,458px 96px #fff,1584px 1312px #fff,906px 408px #fff,1971px 465px #fff,49px 1594px #fff,1705px 1174px #fff,579px 301px #fff,1554px 503px #fff,1337px 1100px #fff,1625px 376px #fff,1205px 1129px #fff,1432px 1681px #fff,228px 599px #fff,613px 1599px #fff,225px 397px #fff,1922px 798px #fff,852px 1726px #fff,482px 813px #fff,1826px 497px #fff,261px 468px #fff,1599px 2px #fff,1870px 966px #fff,230px 441px #fff,1430px 1484px #fff,769px 1212px #fff,1946px 1348px #fff,1120px 1335px #fff,361px 1273px #fff,1833px 284px #fff,284px 201px #fff,1600px 612px #fff,1552px 108px #fff,127px 865px #fff,4px 336px #fff,919px 822px #fff,638px 170px #fff,1989px 1932px #fff,75px 393px #fff,659px 532px #fff,1261px 1497px #fff,1294px 252px #fff,1542px 1017px #fff,1884px 797px #fff,1275px 1811px #fff,504px 1173px #fff,836px 526px #fff,1155px 818px #fff,1215px 772px #fff,1345px 50px #fff,1508px 1493px #fff,1969px 1445px #fff,497px 1634px #fff,1808px 1387px #fff,185px 845px #fff,1979px 739px #fff,456px 1307px #fff,1295px 913px #fff,544px 722px #fff,723px 726px #fff,1762px 314px #fff,1665px 259px #fff,1198px 1470px #fff,153px 889px #fff,1719px 1020px #fff,1504px 55px #fff,814px 350px #fff,861px 1528px #fff,374px 1587px #fff,1895px 20px #fff,231px 274px #fff,629px 900px #fff,1597px 1766px #fff,1161px 10px #fff,695px 1293px #fff,1331px 812px #fff,7px 1837px #fff,1699px 1129px #fff,39px 414px #fff,963px 1595px #fff,1853px 1435px #fff,1353px 1978px #fff,475px 1821px #fff,1241px 1995px #fff,75px 348px #fff,1104px 1935px #fff,1930px 1834px #fff,1901px 1904px #fff,1471px 326px #fff,1761px 914px #fff,1501px 1475px #fff,648px 901px #fff,1256px 1806px #fff,574px 1738px #fff,761px 1115px #fff,523px 1004px #fff;
}

.lp-ai-rising-stars div:nth-child(2),
.lp-connected .lp-rising-stars div:nth-child(2),
.lp-testimonials-rising-stars div:nth-child(2),
.lp-about-rising-stars div:nth-child(2) {
  width: 2px;
  height: 2px;
  animation-duration: 150s !important;
  background: transparent;
  box-shadow: 1827px 12825px #fff,59px 946px #fff,890px 1037px #fff,878px 1830px #fff,1894px 1617px #fff,1789px 1091px #fff,411px 1982px #fff,504px 1967px #fff,1109px 61px #fff,2000px 270px #fff,1550px 16px #fff,774px 821px #fff,602px 1693px #fff,531px 1025px #fff,715px 1768px #fff,1382px 733px #fff,160px 298px #fff,767px 542px #fff,1410px 55px #fff,1988px 1585px #fff,1168px 878px #fff,290px 918px #fff,1962px 610px #fff,1435px 218px #fff,1519px 1322px #fff,462px 1823px #fff,360px 1727px #fff,633px 1586px #fff,193px 586px #fff,1566px 1816px #fff,1039px 877px #fff,1888px 889px #fff,1632px 1924px #fff,843px 1071px #fff,121px 433px #fff,1751px 890px #fff,638px 1193px #fff,1355px 1746px #fff,783px 1988px #fff,966px 1977px #fff,1375px 820px #fff,33px 295px #fff,1122px 1258px #fff,497px 1698px #fff,176px 1286px #fff,261px 1927px #fff,1994px 409px #fff,922px 1427px #fff,818px 813px #fff,1058px 1161px #fff,1767px 392px #fff,1395px 227px #fff,397px 1779px #fff,1538px 193px #fff,926px 860px #fff,19px 347px #fff,348px 380px #fff,1269px 127px #fff,352px 1103px #fff,1485px 246px #fff,1039px 751px #fff,1926px 1620px #fff,245px 613px #fff,1784px 507px #fff,740px 589px #fff,446px 1578px #fff,122px 1171px #fff,1239px 1692px #fff,1118px 1317px #fff,14px 1142px #fff,1596px 1280px #fff,491px 1821px #fff,1902px 405px #fff,649px 1152px #fff,1950px 1766px #fff,1545px 805px #fff,29px 809px #fff,1925px 774px #fff,990px 1342px #fff,1640px 153px #fff,1981px 405px #fff,549px 64px #fff,1642px 965px #fff,1642px 1003px #fff,1438px 1197px #fff,657px 844px #fff,1247px 1648px #fff,775px 453px #fff,1130px 316px #fff,742px 794px #fff,1361px 1784px #fff,1155px 1121px #fff,847px 1656px #fff,822px 1600px #fff,34px 1662px #fff,1024px 1125px #fff,1207px 1077px #fff,1437px 551px #fff,1881px 1275px #fff,1283px 1978px #fff,724px 1891px #fff,1778px 1335px #fff,310px 453px #fff,143px 1977px #fff,1626px 1247px #fff,1790px 469px #fff,43px 1330px #fff,1226px 372px #fff,1283px 1995px #fff,1829px 434px #fff,800px 948px #fff,185px 1611px #fff,593px 1444px #fff,1282px 812px #fff,16px 1255px #fff,530px 357px #fff,1133px 953px #fff,482px 1354px #fff,1248px 1603px #fff,1722px 1257px #fff,804px 1813px #fff,508px 816px #fff,1904px 1580px #fff,530px 1320px #fff,1712px 849px #fff,392px 1883px #fff,1351px 454px #fff,544px 486px #fff,1309px 843px #fff,1513px 575px #fff,890px 1014px #fff,1412px 1622px #fff,1453px 423px #fff,339px 524px #fff,485px 393px #fff,1652px 706px #fff,543px 582px #fff,1548px 469px #fff,1208px 581px #fff,526px 1596px #fff,1858px 266px #fff,814px 410px #fff,966px 1900px #fff,614px 770px #fff,195px 753px #fff,1069px 1635px #fff,1324px 176px #fff,1612px 295px #fff,197px 1849px #fff,914px 43px #fff,373px 720px #fff,730px 356px #fff,996px 55px #fff,465px 518px #fff,1919px 1483px #fff,1168px 838px #fff,293px 1319px #fff,496px 1753px #fff,1639px 644px #fff,1755px 328px #fff,1949px 816px #fff,1270px 496px #fff,883px 1114px #fff,452px 528px #fff,1100px 466px #fff,1674px 1766px #fff,441px 47px #fff,1930px 931px #fff,1082px 474px #fff,417px 1143px #fff,1440px 1097px #fff,789px 1729px #fff,1355px 242px #fff,1229px 1458px #fff,1333px 1249px #fff,541px 1610px #fff,1331px 1157px #fff,1783px 116px #fff,516px 348px #fff,1124px 1859px #fff,208px 1574px #fff,1039px 303px #fff,1819px 1127px #fff,1481px 1242px #fff,457px 706px #fff,36px 892px #fff,542px 909px #fff,1192px 1377px #fff,954px 922px #fff,1746px 1454px #fff,452px 527px #fff,173px 1022px #fff,799px 133px #fff,737px 1726px #fff,1546px 1446px #fff,1521px 1505px #fff,1779px 584px #fff,146px 1680px #fff,1500px 676px #fff,32px 987px #fff,1958px 1604px #fff,372px 106px #fff,1277px 1309px #fff,973px 911px #fff,425px 1658px #fff,1071px 1796px #fff,1713px 259px #fff,1850px 460px #fff,1633px 1948px #fff,619px 1585px #fff,1082px 823px #fff,1343px 1297px #fff,952px 453px #fff,583px 61px #fff,453px 1574px #fff,1662px 772px #fff,1034px 814px #fff,774px 259px #fff,197px 444px #fff,621px 1841px #fff,1308px 400px #fff,23px 437px #fff,1371px 252px #fff,1008px 1870px #fff,901px 970px #fff,1173px 1246px #fff,1975px 57px #fff,706px 1127px #fff,16px 167px #fff,252px 1209px #fff,1302px 1247px #fff,1326px 1464px #fff,1981px 1185px #fff,1008px 994px #fff,310px 518px #fff,1128px 1868px #fff,1292px 1482px #fff,1896px 1190px #fff,884px 1185px #fff,717px 1416px #fff,1998px 680px #fff,607px 1857px #fff,1202px 928px #fff,1019px 1160px #fff,476px 49px #fff,487px 1594px #fff,323px 674px #fff,1079px 1780px #fff,1727px 564px #fff,1048px 1972px #fff,1489px 1846px #fff,1543px 715px #fff,1320px 1573px #fff,441px 962px #fff,1763px 228px #fff,1092px 830px #fff,1362px 464px #fff,662px 1128px #fff,651px 345px #fff,1855px 827px #fff,1874px 1487px #fff,1047px 387px #fff,173px 1619px #fff,930px 606px #fff,432px 1922px #fff,1394px 1645px #fff,232px 1160px #fff,1440px 837px #fff,313px 1524px #fff,590px 1113px #fff,601px 1386px #fff,960px 1519px #fff,772px 294px #fff,1080px 1427px #fff,712px 766px #fff,956px 881px #fff,1209px 129px #fff,1280px 95px #fff,1400px 1577px #fff,1720px 1829px #fff,527px 370px #fff,1673px 56px #fff,1279px 1945px #fff,1072px 1623px #fff,237px 677px #fff,973px 95px #fff,1057px 1012px #fff,399px 1920px #fff,1895px 689px #fff,520px 1058px #fff,64px 61px #fff,1196px 1251px #fff,364px 1416px #fff,1635px 1829px #fff,614px 1992px #fff,1338px 3px #fff,602px 1333px #fff,214px 1417px #fff,43px 353px #fff,971px 521px #fff,617px 1533px #fff,796px 626px #fff,222px 1771px #fff,1842px 618px #fff,227px 408px #fff,753px 1448px #fff,340px 1754px #fff,317px 526px #fff,1040px 837px #fff,1653px 1363px #fff,334px 1544px #fff,1750px 1014px #fff,1639px 1047px #fff,1467px 317px #fff,134px 83px #fff,1832px 860px #fff,713px 1924px #fff,1849px 726px #fff,782px 1088px #fff,248px 1738px #fff,1369px 106px #fff,29px 794px #fff,1580px 1553px #fff,506px 1561px #fff,1781px 1113px #fff,347px 1193px #fff,389px 579px #fff,101px 1027px #fff,18px 1957px #fff,493px 654px #fff,1254px 1285px #fff,1192px 1140px #fff,1438px 147px #fff,34px 1001px #fff,1915px 983px #fff,1947px 110px #fff,1540px 780px #fff,474px 1816px #fff,1049px 1797px #fff,674px 1641px #fff,1015px 1381px #fff,228px 1829px #fff,1031px 430px #fff,1875px 51px #fff,1709px 798px #fff,1237px 1711px #fff,1522px 1205px #fff,1520px 37px #fff,72px 242px #fff,922px 237px #fff,1753px 1818px #fff,1635px 1961px #fff,1641px 84px #fff,1333px 1171px #fff,427px 1639px #fff,1946px 1160px #fff,456px 864px #fff,1750px 668px #fff,1121px 797px #fff,1305px 1px #fff,1793px 1945px #fff,1337px 1665px #fff,95px 1107px #fff,158px 1614px #fff,820px 1105px #fff,521px 1413px #fff,1787px 1303px #fff,957px 403px #fff,390px 1075px #fff,1217px 603px #fff,1918px 1643px #fff,1093px 275px #fff,518px 1948px #fff,401px 41px #fff,725px 521px #fff,487px 304px #fff,1508px 1276px #fff,1981px 1069px #fff,135px 1900px #fff,949px 1626px #fff,1981px 202px #fff,111px 252px #fff,94px 1420px #fff,1550px 766px #fff,642px 1003px #fff,1525px 1078px #fff,1860px 201px #fff,460px 1071px #fff,996px 1533px #fff,1254px 47px #fff,583px 1498px #fff,1758px 1527px #fff,1176px 1894px #fff,261px 582px #fff,1193px 1132px #fff,1469px 1843px #fff,705px 408px #fff,1043px 1105px #fff,1284px 1180px #fff,23px 276px #fff,1421px 1791px #fff,794px 1632px #fff,1950px 1253px #fff,99px 245px #fff,491px 1778px #fff,907px 1279px #fff,226px 23px #fff,301px 1597px #fff,1273px 1020px #fff,42px 345px #fff,134px 707px #fff,1819px 1380px #fff,319px 798px #fff,1069px 823px #fff,909px 1984px #fff,1914px 615px #fff,110px 1449px #fff,1545px 773px #fff,1974px 1352px #fff,1940px 120px #fff,1120px 1420px #fff,1029px 243px #fff,1868px 1116px #fff,919px 1529px #fff,605px 909px #fff,1197px 63px #fff,1743px 1768px #fff,935px 1054px #fff,605px 875px #fff,982px 197px #fff,545px 1246px #fff,492px 1719px #fff,44px 1371px #fff,1495px 1030px #fff,1394px 454px #fff,710px 1268px #fff,1593px 1885px #fff,1874px 606px #fff,612px 1315px #fff,1254px 1748px #fff,1599px 1268px #fff,1473px 10px #fff,39px 1054px #fff,644px 472px #fff,1822px 815px #fff,1461px 409px #fff,1073px 1508px #fff,991px 1180px #fff,598px 29px #fff,1038px 1248px #fff,904px 1074px #fff,1412px 565px #fff,324px 205px #fff,1054px 1696px #fff,710px 1869px #fff,1817px 1359px #fff,1705px 12px #fff,635px 1118px #fff,180px 44px #fff,277px 623px #fff,1333px 261px #fff,552px 1814px #fff,366px 1394px #fff,884px 1515px #fff,677px 890px #fff,299px 807px #fff,1777px 439px #fff,1062px 1113px #fff,411px 1992px #fff,1764px 1821px #fff,1798px 604px #fff,953px 977px #fff,1967px 166px #fff,1637px 906px #fff,1056px 1597px #fff,674px 1710px #fff,1753px 1875px #fff,987px 1532px #fff,1610px 1495px #fff,106px 211px #fff,1218px 939px #fff,159px 1617px #fff,419px 520px #fff,1938px 449px #fff,468px 650px #fff,1215px 1141px #fff,324px 1453px #fff,1834px 888px #fff,1784px 883px #fff,162px 76px #fff,31px 1944px #fff,1816px 1677px #fff,1024px 1220px #fff,584px 1255px #fff,1541px 883px #fff,1410px 1680px #fff,748px 504px #fff,1410px 1261px #fff,1335px 901px #fff,1303px 525px #fff;
}

.lp-ai-rising-stars div:nth-child(3),
.lp-connected .lp-rising-stars div:nth-child(3),
.lp-testimonials-rising-stars div:nth-child(3),
.lp-about-rising-stars div:nth-child(3) {
  width: 1px;
  height: 1px;
  animation-duration: 200s !important;
  background: transparent;
  box-shadow: 1796px 15987px #fff,611px 1250px #fff,323px 809px #fff,1367px 1854px #fff,1693px 814px #fff,753px 1829px #fff,840px 239px #fff,1435px 389px #fff,434px 1528px #fff,1756px 1812px #fff,1091px 1639px #fff,1809px 1572px #fff,1263px 1927px #fff,1793px 1721px #fff,825px 1225px #fff,1565px 748px #fff,1696px 1867px #fff,1999px 1469px #fff,1780px 1332px #fff,735px 520px #fff,1016px 683px #fff,1447px 1161px #fff,1870px 1771px #fff,1581px 462px #fff,227px 1162px #fff,735px 1845px #fff,73px 463px #fff,1358px 702px #fff,1789px 124px #fff,1972px 893px #fff,1898px 1247px #fff,881px 677px #fff,1320px 369px #fff,694px 733px #fff,890px 1130px #fff,1856px 1071px #fff,1886px 996px #fff,1532px 591px #fff,45px 657px #fff,1090px 375px #fff,1319px 1951px #fff,559px 934px #fff,1654px 1894px #fff,714px 216px #fff,1285px 535px #fff,633px 1592px #fff,130px 557px #fff,632px 699px #fff,1704px 905px #fff,1862px 788px #fff,178px 1167px #fff,1735px 6px #fff,749px 497px #fff,1583px 1158px #fff,1960px 1658px #fff,469px 1318px #fff,706px 1802px #fff,1468px 363px #fff,1529px 1172px #fff,1682px 1326px #fff,869px 1082px #fff,783px 317px #fff,73px 1369px #fff,123px 456px #fff,1345px 1301px #fff,609px 868px #fff,1662px 1881px #fff,1673px 1524px #fff,1704px 25px #fff,845px 1589px #fff,1736px 165px #fff,1458px 347px #fff,126px 1375px #fff,581px 1152px #fff,127px 815px #fff,1394px 591px #fff,1969px 994px #fff,590px 10px #fff,1613px 1272px #fff,1113px 1225px #fff,1285px 1913px #fff,686px 669px #fff,308px 1569px #fff,1138px 1108px #fff,663px 1291px #fff,1148px 862px #fff,1370px 148px #fff,1709px 483px #fff,540px 489px #fff,38px 617px #fff,932px 1985px #fff,1697px 346px #fff,1843px 849px #fff,1385px 1245px #fff,1169px 688px #fff,1828px 1787px #fff,1362px 54px #fff,403px 1023px #fff,535px 157px #fff,130px 1284px #fff,500px 1576px #fff,100px 1238px #fff,474px 761px #fff,1458px 169px #fff,915px 106px #fff,1462px 1673px #fff,1509px 414px #fff,1100px 1219px #fff,405px 918px #fff,346px 1558px #fff,1499px 123px #fff,42px 284px #fff,1120px 1873px #fff,1708px 229px #fff,1329px 193px #fff,1436px 1907px #fff,1772px 1117px #fff,1101px 62px #fff,1239px 877px #fff,1234px 1083px #fff,1159px 1579px #fff,451px 632px #fff,843px 1223px #fff,1858px 440px #fff,668px 1568px #fff,1825px 1030px #fff,540px 1368px #fff,469px 1100px #fff,1459px 1282px #fff,1804px 1784px #fff,671px 1571px #fff,11px 583px #fff,928px 1274px #fff,971px 865px #fff,1439px 1455px #fff,1165px 863px #fff,276px 185px #fff,1796px 316px #fff,441px 1820px #fff,1146px 1547px #fff,740px 70px #fff,1042px 1543px #fff,1656px 1274px #fff,1075px 560px #fff,1625px 114px #fff,1883px 1215px #fff,502px 1897px #fff,1031px 31px #fff,1016px 744px #fff,250px 1325px #fff,584px 1820px #fff,513px 1169px #fff,1564px 1848px #fff,747px 457px #fff,1981px 976px #fff,1596px 384px #fff,1511px 480px #fff,486px 1217px #fff,440px 1403px #fff,1569px 1954px #fff,1429px 1500px #fff,1221px 812px #fff,1706px 615px #fff,1993px 1954px #fff,829px 481px #fff,1125px 272px #fff,268px 1904px #fff,1273px 1332px #fff,1523px 491px #fff,1034px 279px #fff,1237px 1297px #fff,1561px 1463px #fff,1818px 907px #fff,552px 1671px #fff,1185px 1803px #fff,456px 280px #fff,1703px 1402px #fff,897px 305px #fff,1286px 1130px #fff,261px 613px #fff,569px 869px #fff,288px 354px #fff,549px 1570px #fff,1717px 207px #fff,1192px 7px #fff,1102px 812px #fff,925px 636px #fff,1314px 1969px #fff,1634px 430px #fff,139px 1178px #fff,892px 1682px #fff,1001px 22px #fff,1806px 129px #fff,581px 1391px #fff,1994px 669px #fff,455px 222px #fff,351px 1471px #fff,302px 351px #fff,1428px 994px #fff,1932px 1421px #fff,761px 11px #fff,1309px 1239px #fff,1146px 421px #fff,1772px 16px #fff,509px 312px #fff,1874px 1508px #fff,1290px 142px #fff,1804px 80px #fff,709px 137px #fff,1400px 1207px #fff,484px 1430px #fff,162px 130px #fff,1601px 1634px #fff,1874px 417px #fff,252px 117px #fff,1915px 40px #fff,1857px 468px #fff,1192px 517px #fff,1750px 541px #fff,225px 177px #fff,973px 1335px #fff,503px 847px #fff,943px 1343px #fff,1843px 1955px #fff,482px 1490px #fff,522px 1641px #fff,1602px 201px #fff,1395px 1294px #fff,1402px 717px #fff,673px 69px #fff,1864px 1577px #fff,805px 841px #fff,1776px 1721px #fff,661px 621px #fff,1750px 1440px #fff,298px 1136px #fff,174px 613px #fff,1885px 995px #fff,220px 1023px #fff,1390px 1776px #fff,253px 1181px #fff,1666px 151px #fff,1532px 279px #fff,673px 142px #fff,1607px 1904px #fff,1103px 1112px #fff,252px 258px #fff,728px 1991px #fff,878px 1299px #fff,951px 1483px #fff,216px 1741px #fff,961px 192px #fff,1490px 1302px #fff,1362px 1363px #fff,1089px 246px #fff,1208px 790px #fff,1414px 46px #fff,79px 246px #fff,1511px 110px #fff,916px 519px #fff,383px 282px #fff,489px 1967px #fff,215px 228px #fff,1308px 1344px #fff,1302px 228px #fff,918px 104px #fff,1434px 1296px #fff,1323px 92px #fff,149px 83px #fff,306px 1601px #fff,837px 5px #fff,533px 425px #fff,826px 619px #fff,1270px 362px #fff,566px 900px #fff,1282px 975px #fff,1330px 1080px #fff,584px 12px #fff,211px 1835px #fff,457px 180px #fff,1159px 1261px #fff,904px 478px #fff,78px 1549px #fff,1500px 1455px #fff,21px 844px #fff,762px 780px #fff,1348px 1333px #fff,948px 695px #fff,1620px 1949px #fff,1088px 806px #fff,1021px 1825px #fff,33px 1368px #fff,42px 107px #fff,1179px 518px #fff,545px 53px #fff,1739px 1622px #fff,535px 204px #fff,236px 157px #fff,809px 1283px #fff,844px 653px #fff,369px 375px #fff,1031px 659px #fff,1849px 764px #fff,1630px 601px #fff,759px 277px #fff,608px 1371px #fff,1481px 1246px #fff,181px 364px #fff,87px 570px #fff,1502px 1020px #fff,1775px 811px #fff,1794px 1229px #fff,57px 785px #fff,1242px 71px #fff,1517px 882px #fff,1355px 1088px #fff,1123px 549px #fff,377px 1138px #fff,1954px 1828px #fff,1829px 822px #fff,1200px 494px #fff,362px 909px #fff,596px 104px #fff,621px 164px #fff,185px 346px #fff,376px 905px #fff,1457px 169px #fff,1710px 790px #fff,962px 654px #fff,1907px 1833px #fff,568px 1871px #fff,1509px 106px #fff,332px 1016px #fff,567px 1133px #fff,1936px 1665px #fff,446px 960px #fff,696px 595px #fff,1120px 1284px #fff,1825px 1160px #fff,104px 1104px #fff,164px 1847px #fff,198px 465px #fff,211px 1791px #fff,1230px 1931px #fff,339px 1744px #fff,863px 79px #fff,1016px 1335px #fff,1692px 550px #fff,1650px 1993px #fff,519px 915px #fff,869px 1721px #fff,778px 1631px #fff,443px 2px #fff,1822px 40px #fff,494px 309px #fff,1075px 1371px #fff,1923px 463px #fff,1386px 510px #fff,1047px 813px #fff,1031px 666px #fff,147px 574px #fff,919px 457px #fff,1983px 1940px #fff,672px 1311px #fff,1325px 823px #fff,1452px 723px #fff,1654px 617px #fff,1090px 1246px #fff,631px 1336px #fff,786px 1001px #fff,1192px 655px #fff,1196px 1680px #fff,1312px 1609px #fff,1531px 143px #fff,704px 1438px #fff,1602px 811px #fff,745px 1997px #fff,1202px 331px #fff,1911px 983px #fff,649px 1292px #fff,380px 1580px #fff,266px 609px #fff,528px 396px #fff,332px 1994px #fff,178px 1423px #fff,1647px 1881px #fff,1433px 584px #fff,1311px 91px #fff,1377px 1188px #fff,1233px 838px #fff,299px 692px #fff,240px 1325px #fff,271px 536px #fff,729px 1458px #fff,1395px 534px #fff,683px 1585px #fff,263px 479px #fff,1007px 643px #fff,1455px 1228px #fff,1129px 269px #fff,288px 1680px #fff,568px 1702px #fff,1503px 155px #fff,1660px 84px #fff,1726px 129px #fff,1159px 74px #fff,143px 1421px #fff,868px 1912px #fff,154px 1991px #fff,1309px 1819px #fff,487px 601px #fff,269px 1344px #fff,482px 199px #fff,1891px 552px #fff,1311px 1436px #fff,586px 824px #fff,498px 1807px #fff,96px 915px #fff,994px 1258px #fff,1468px 894px #fff,436px 753px #fff,340px 1781px #fff,198px 1265px #fff,151px 1326px #fff,1542px 1057px #fff,1px 1573px #fff,345px 414px #fff,1530px 1209px #fff,323px 1175px #fff,250px 1702px #fff,1310px 930px #fff,324px 1472px #fff,164px 834px #fff,1951px 1839px #fff,852px 1092px #fff,274px 1431px #fff,1046px 1199px #fff,244px 1402px #fff,982px 1250px #fff,251px 1552px #fff,1272px 1916px #fff,926px 25px #fff,1137px 317px #fff,891px 755px #fff,1469px 154px #fff,1279px 1789px #fff,1518px 1699px #fff,716px 1898px #fff,851px 1944px #fff,1542px 652px #fff,1240px 786px #fff,1092px 1171px #fff,590px 1654px #fff,1946px 1857px #fff,12px 1831px #fff,1117px 473px #fff,1871px 1454px #fff,1989px 758px #fff,1220px 1540px #fff,403px 1742px #fff,1290px 1889px #fff,1246px 1286px #fff,44px 1727px #fff,1554px 1199px #fff,856px 491px #fff,1733px 949px #fff,1421px 388px #fff,1018px 1223px #fff,1974px 472px #fff,1369px 539px #fff,1369px 1926px #fff,1320px 1788px #fff,173px 1773px #fff,1182px 650px #fff,514px 1784px #fff,716px 1507px #fff,1203px 1817px #fff,1936px 1293px #fff,1650px 819px #fff,728px 1755px #fff,1619px 943px #fff,1984px 1156px #fff,688px 747px #fff,1288px 1305px #fff,432px 97px #fff,436px 535px #fff,1813px 1571px #fff,616px 652px #fff,362px 1325px #fff,1434px 1225px #fff,442px 1648px #fff,105px 255px #fff,573px 572px #fff,241px 297px #fff,878px 1948px #fff,1160px 647px #fff,925px 1272px #fff,740px 1156px #fff,130px 1228px #fff,1843px 1492px #fff;
}

/* Showcase base layout */
.lp-ai-showcase {
  width: 578px;
  height: 140px;
  position: absolute;
  left: 50%;
  top: 256px;
  transform: translateX(-50%);
  padding: 8px;
  z-index: 2;
  cursor: pointer;
  background: rgba(255,255,255,.01);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 24px;
  box-shadow: inset 0 0 0 8px rgba(255,255,255,.03);
  transition: .45s cubic-bezier(.6,.6,0,1) background-color, .45s cubic-bezier(.6,.6,0,1) border-color, .45s cubic-bezier(.6,.6,0,1) height;
  overflow: visible;
}

.lp-ai-showcase:hover {
  background: rgba(255,255,255,.05);
  border-color: rgba(255,255,255,.16);
}

.lp-ai-showcase-inner {
  width: 560px;
  height: 100%;
  position: relative;
  z-index: 1;
  padding: 24px 32px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 16px;
  background: radial-gradient(
    71.86% 50% at 50% 0%,
    rgba(168,127,255,.04) 0%,
    rgba(168,127,255,0) 100%
  ), rgba(4,1,21,.10);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  transition: .45s cubic-bezier(.6,.6,0,1) border-color;
  overflow: visible;
}

.lp-ai-showcase:hover .lp-ai-showcase-inner {
  border-color: rgba(255,255,255,.16);
}

.lp-ai-showcase-animation {
  pointer-events: none;
  position: static;
  overflow: visible;
  z-index: 2;
}

/* Inner Starlights */
.lp-ai-showcase-inner-starlight {
  width: 180px;
  height: 8px;
  position: absolute;
  opacity: .5;
  -webkit-mask-image: linear-gradient( to right, rgba(217,217,217,0) 0%, #d9d9d9 25%, #d9d9d9 75%, rgba(217,217,217,0) 100% );
  mask-image: linear-gradient( to right, rgba(217,217,217,0) 0%, #d9d9d9 25%, #d9d9d9 75%, rgba(217,217,217,0) 100% );
}

.lp-ai-showcase-inner-starlight::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient( to right, rgba(201,177,255,0), #c9b1ff, rgba(201,177,255,0) );
  animation-duration: 5s;
  animation-timing-function: cubic-bezier(.6,.6,0,1);
  animation-iteration-count: infinite;
}

.lp-ai-showcase-inner-starlight:nth-child(1) {
  right: 56px;
  top: -1px;
}

.lp-ai-showcase-inner-starlight:nth-child(1)::before {
  animation-name: lpAiStarlight1;
}

.lp-ai-showcase-inner-starlight:nth-child(2) {
  left: 56px;
  bottom: -8px;
}

.lp-ai-showcase-inner-starlight:nth-child(2)::before {
  animation-name: lpAiStarlight2;
}

@keyframes lpAiStarlight1 {
  0% {
    transform: translateX(-100%);
  }
  50%, 100% {
    transform: translateX(100%);
  }
}

@keyframes lpAiStarlight2 {
  0% {
    transform: translateX(100%);
  }
  50%, 100% {
    transform: translateX(-100%);
  }
}

/* Outer Starlights */
.lp-ai-showcase-outer-starlights {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.lp-ai-showcase-outer-starlight {
  width: 1px;
  height: 356px;
  position: absolute;
  opacity: .25;
  -webkit-mask-image: linear-gradient( to bottom, rgba(217,217,217,0) 0%, #d9d9d9 25%, #d9d9d9 75%, rgba(217,217,217,0) 100% );
  mask-image: linear-gradient( to bottom, rgba(217,217,217,0) 0%, #d9d9d9 25%, #d9d9d9 75%, rgba(217,217,217,0) 100% );
}

.lp-ai-showcase-outer-starlight::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: linear-gradient( to bottom, rgba(201,177,255,0), #c9b1ff, rgba(201,177,255,0) );
  transform: translateY(100%);
  animation: lpAiStarlightVertical 5s cubic-bezier(.6,.6,0,1) infinite;
}

.lp-ai-showcase-outer-starlight:nth-child(1) { left: -76px; top: -100px; }
.lp-ai-showcase-outer-starlight:nth-child(1)::before { animation-delay: .5s; }

.lp-ai-showcase-outer-starlight:nth-child(2) { left: 492px; top: -133px; }
.lp-ai-showcase-outer-starlight:nth-child(2)::before { animation-delay: .5s; }

.lp-ai-showcase-outer-starlight:nth-child(3) { left: 288px; top: -50px; }
.lp-ai-showcase-outer-starlight:nth-child(3)::before { animation-delay: .7s; }

.lp-ai-showcase-outer-starlight:nth-child(4) { left: 200px; top: -50px; }
.lp-ai-showcase-outer-starlight:nth-child(4)::before { animation-delay: .8s; }

.lp-ai-showcase-outer-starlight:nth-child(5) { left: 376px; top: -50px; }
.lp-ai-showcase-outer-starlight:nth-child(5)::before { animation-delay: .9s; }

@keyframes lpAiStarlightVertical {
  0% {
    transform: translateY(100%);
  }
  50%, 100% {
    transform: translateY(-100%);
  }
}

/* Card content styling */
.lp-ai-showcase-title {
  margin: 0 0 24px;
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  color: #f4f0ff;
}

.lp-ai-showcase-text {
  display: flex;
  position: absolute;
  font-size: 13px;
  line-height: 24px;
  font-weight: 400;
  color: #f4f0ff;
  left: 32px;
  top: 72px;
  right: 32px;
  transition: opacity 0.3s;
}

.lp-ai-showcase-text-dot {
  width: 4px;
  height: 4px;
  margin-right: 16px;
  margin-top: 10px;
  display: inline-block;
  border-radius: 50%;
  background: rgba(255,255,255,.24);
  flex-shrink: 0;
}

.lp-ai-showcase-text-content {
  display: inline;
}

/* Magic button */
.lp-ai-showcase-button {
  display: flex;
  align-items: center;
  position: absolute;
  right: 32px;
  top: 24px;
  background: transparent;
  border: none;
  cursor: pointer;
  z-index: 10;
  padding: 0;
}

.lp-ai-showcase-button-sparkle {
  margin-right: 8px;
  display: block;
}

.lp-ai-showcase-button-text {
  font-size: 13px;
  line-height: 24px;
  font-weight: 400;
  background: linear-gradient( to right, #FC72FF, #8F68FF, #487BFF, #2CD9FF, #2CFFCC );
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: lpAiHueRotate 2s linear infinite;
}

@keyframes lpAiHueRotate {
  0% {
    filter: hue-rotate(0deg);
  }
  100% {
    filter: hue-rotate(360deg);
  }
}

.lp-ai-showcase-active {
  pointer-events: none;
}

.lp-ai-showcase-active .lp-ai-showcase-button {
  display: none;
}

/* Animated Elements layer z-indexes */
.lp-ai-animation-selection,
.lp-ai-showcase-animation-text-selection {
  z-index: 3;
}

.lp-ai-animation-tooltip,
.lp-ai-showcase-animation-tooltip {
  z-index: 3 !important;
}

.lp-ai-animation-menu,
.lp-ai-showcase-animation-menu {
  z-index: 3 !important;
}

.lp-ai-animation-answer,
.lp-ai-showcase-animation-answer {
  z-index: 3 !important;
}

/* Step 0: Text Selection */
.lp-ai-animation-selection {
  display: none;
  width: 0;
  height: 24px;
  position: absolute;
  left: 55px;
  top: 81px;
  background: rgba(147,130,255,.32);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 4px;
}

/* Step 1: Format Tooltip */
.lp-ai-animation-tooltip {
  display: none;
  position: absolute;
  right: 40px;
  top: 32px;
  opacity: 0;
  transform: translateY(25px) scale(.4);
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 6px;
  box-shadow: inset 0 0 12px rgba(255,255,255,.08);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  z-index: 5;
  transition: opacity 1s cubic-bezier(.6,.6,0,1), transform 1s cubic-bezier(.6,.6,0,1);
}

.lp-ai-tooltip-active {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.lp-ai-tooltip-fadeout {
  opacity: 0;
  transform: translateY(20px) scale(.8);
}

.lp-ai-animation-tooltip-icon {
  padding: 4px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.15s;
}

.lp-ai-animation-tooltip-icon:not(:last-child) {
  border-right: 1px solid rgba(255,255,255,.10);
}

.lp-ai-animation-tooltip-icon svg {
  display: block;
}

/* Step 2: AI Menu */
.lp-ai-animation-menu {
  display: none;
  width: 320px;
  position: absolute;
  left: 128px;
  top: 112px;
  padding: 6px 0 12px;
  opacity: 0;
  transform: translateX(64px) scale(.8);
  background: rgba(3,0,20,.20);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 12px;
  box-shadow: inset 0 0 12px rgba(255,255,255,.08);
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
  font-size: 13px;
  line-height: 24px;
  z-index: 5;
  transition: opacity 1s cubic-bezier(.6,.6,0,1), transform 1s cubic-bezier(.6,.6,0,1);
}

.lp-ai-menu-active {
  opacity: 1;
  transform: translateX(0) scale(1);
}

.lp-ai-menu-fadeout {
  opacity: 0;
  transform: translateX(-32px) scale(.8);
}

.lp-ai-animation-menu-item {
  padding: 4px 16px;
  color: rgba(255,255,255,.6);
  transition: background-color 0.15s;
}

.lp-ai-animation-menu-input {
  color: rgba(255,255,255,.4);
}

.lp-ai-animation-menu-category {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgba(255,255,255,.3);
  margin-top: 6px;
  font-weight: 600;
}

.lp-ai-animation-menu-recommended {
  color: #fff;
  font-weight: 500;
}

/* Step 3: AI Answer */
.lp-ai-animation-answer {
  display: none;
  width: 420px;
  position: absolute;
  left: 78px;
  top: 112px;
  opacity: 0;
  transform: translateX(384px) scale(.8);
  background: rgba(3,0,20,.20);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 12px;
  box-shadow: inset 0 0 12px rgba(255,255,255,.08);
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
  font-size: 13px;
  line-height: 24px;
  z-index: 5;
  transition: opacity 1s cubic-bezier(.6,.6,0,1), transform 1s cubic-bezier(.6,.6,0,1);
}

.lp-ai-answer-active {
  opacity: 1;
  transform: translateX(0) scale(1);
}

.lp-ai-answer-fadeout {
  opacity: 0;
  transform: translateX(-32px) scale(.8);
}

.lp-ai-animation-answer-button-replace {
  transition: transform 0.15s cubic-bezier(.6,.6,0,1);
}

.lp-ai-replace-clicked {
  transform: scale(0.9) !important;
}

.lp-ai-animation-answer-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255,255,255,.10);
}

.lp-ai-animation-answer-title {
  font-weight: 500;
  color: #f4f0ff;
}

.lp-ai-animation-answer-body {
  padding: 8px;
}

.lp-ai-animation-answer-body-inner {
  padding: 12px 14px;
  border-radius: 6px;
  background: rgba(255,255,255,.04);
  color: #efedfd;
  min-height: 72px;
}

.lp-ai-animation-answer-footer {
  display: flex;
  justify-content: space-between;
  padding: 0 8px 8px;
}

.lp-ai-animation-answer-footer-left {
  display: flex;
  gap: 8px;
}

.lp-ai-animation-answer-button {
  align-items: center;
  background: #5046e4;
  border: 1px solid rgba(196,187,255,.10);
  border-radius: 6px;
  color: #fff;
  display: flex;
  height: 32px;
  white-space: nowrap;
  padding: 0 6px 0 12px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: transform 0.15s, background-color 0.15s;
}

.lp-ai-animation-answer-button:disabled {
  background: rgba(84,57,255,.16);
  border: 1px solid rgba(196,187,255,.10);
  color: rgba(255,255,255,0.3);
  cursor: not-allowed;
}

.lp-ai-animation-answer-button:disabled .lp-ai-animation-answer-button-shortcut {
  background: rgba(84,57,255,.16);
  border-color: rgba(196,187,255,.10);
  color: rgba(255,255,255,0.2);
}

.lp-ai-animation-answer-button-shortcut {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 4px;
  font-size: 11px;
  font-weight: 400;
  line-height: 18px;
  margin-left: 8px;
  padding: 0 5px;
  color: rgba(255,255,255,0.6);
}

/* Typing state completed rainbow style */
.lp-ai-showcase-text-rainbow {
  animation: lpAiHueRotate 2s linear infinite;
  background: linear-gradient( to right, #FC72FF, #8F68FF, #487BFF, #2CD9FF, #2CFFCC );
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Lower Cards section */
.lp-ai-cards {
  margin-top: -236px;
  text-align: center;
  position: relative;
  z-index: 2;
}

.lp-ai-cards > h2,
.lp-ai-cards-title {
  margin: 0;
  text-align: center;
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
  color: #f4f0ff;
}

.lp-ai-cards-items {
  width: 900px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 32px auto 0;
  position: relative;
}

.lp-ai-cards-items::before {
  content: "";
  width: 948px;
  height: 1px;
  position: absolute;
  left: -24px;
  top: 164px;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0) -.89%,
    rgba(255,255,255,.08) 24.33%,
    rgba(255,255,255,.08) 49.55%,
    rgba(255,255,255,.08) 74.78%,
    rgba(255,255,255,0) 100%
  );
}

.lp-ai-card {
  width: 300px;
  height: 164px;
  padding: 25px 32px 32px;
  position: relative;
  box-sizing: border-box;
}

.lp-ai-card-icon {
  width: 40px;
  height: 40px;
  margin: 0 auto 19px;
  display: block;
}

.lp-ai-card-title {
  margin: 0 0 4px;
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  color: #f4f0ff;
}

.lp-ai-card-description {
  margin: 0;
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  color: rgba(239,237,253,.60);
}

.lp-ai-card::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.06) 100%
  );
  transition: .45s cubic-bezier(.6,.6,0,1) opacity;
}

.lp-ai-card:hover::after {
  opacity: 1;
}

.lp-ai-card:nth-child(n+4)::after {
  background: linear-gradient(
    to top,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.06) 100%
  );
}

/* ==================================================
   SECTION 4: REFLECT CONNECTED
   ================================================== */
.lp-connected {
  position: relative;
  padding-top: 496px;
  padding-bottom: 145px;
}

.lp-connected-background-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 1;
}

.lp-connected-background {
  position: absolute;
  width: 806px;
  height: 849px;
  left: 50%;
  top: 56px;
  transform: translateX(-50%);
  display: block;
  object-fit: contain;
  z-index: 1;
}

.lazy-image {
  display: block;
  transition: 1s cubic-bezier(.6,.6,0,1) opacity;
}

.lazy-image-hidden {
  opacity: 0;
}

/* Reusing Section 3 Rising Stars in Section 4 */
.lp-connected .lp-rising-stars {
  position: absolute;
  width: 936px;
  height: 212px;
  left: 50%;
  top: 234px;
  transform: translateX(-50%);
  opacity: .7;
  pointer-events: none;
  z-index: 2;
  -webkit-mask-image: linear-gradient(
    180deg,
    rgba(217,217,217,0) 0%,
    rgba(217,217,217,.8) 25%,
    #d9d9d9 50%,
    rgba(217,217,217,.8) 75%,
    rgba(217,217,217,0) 100%
  );
  mask-image: linear-gradient(
    180deg,
    rgba(217,217,217,0) 0%,
    rgba(217,217,217,.8) 25%,
    #d9d9d9 50%,
    rgba(217,217,217,.8) 75%,
    rgba(217,217,217,0) 100%
  );
  -webkit-mask-size: cover;
  mask-size: cover;
}



/* Header spacing & Typography */
.lp-connected .lp-section-header {
  position: relative;
  z-index: 3;
  margin-bottom: 48px;
}

.lp-connected .lp-connected-title {
  font-family: var(--font-aeonikpro, 'DM Sans', sans-serif);
  font-size: 56px;
  line-height: 64px;
  font-weight: 500;
  text-align: center;
  margin: 12px 0 16px;
  color: #f4f0ff;
}

.lp-connected .lp-connected-title span {
  background: linear-gradient(to right, #FC72FF, #8F68FF, #487BFF, #2CD9FF, #2CFFCC);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.lp-connected .lp-connected-description {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  max-width: 545px;
  margin: 0 auto;
  color: rgba(239, 237, 253, 0.70);
}

/* Cards layout */
.lp-connected-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 936px;
  margin: 0 auto;
  position: relative;
  z-index: 4;
}

.lp-connected-card {
  position: relative;
  box-sizing: border-box;
}

.lp-connected-card:nth-child(1) {
  background: radial-gradient(
    100% 146.88% at 100% 100%,
    rgba(255,255,255,.03) 0%,
    rgba(3,0,20,0) 100%
  );
}

.lp-connected-card:nth-child(2) {
  background: radial-gradient(
    100% 121.87% at 0% 100%,
    rgba(255,255,255,.03) 0%,
    rgba(3,0,20,0) 100%
  );
}

.lp-connected-card-image {
  width: 100%;
  height: 256px;
  position: relative;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.lp-connected-card-image > div {
  width: 468px;
  min-width: 468px;
  position: relative;
  height: 100%;
}

.lp-connected-card-content {
  padding: 0 32px 32px;
}

.lp-connected-card-icon-wrapper {
  margin-bottom: 16px;
}

.lp-connected-card-text {
  margin-top: 16px;
  position: relative;
  color: rgba(239,237,253,.70);
  font-size: 16px;
  line-height: 24px;
}

.lp-connected-card-text span {
  color: #f4f0ff;
  font-weight: 500;
}

.lp-connected-card-text::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 16px;
  left: -32px;
  top: 4px;
  background: rgba(243,238,255,.24);
}

/* Card 1 nodes connection animation */
.lp-connected-backlink-background {
  height: 100%;
  width: 100%;
  display: block;
}

.lp-connected-backlink-circle {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: rgba(var(--rgb),.03);
  border: 1px solid rgba(var(--rgb),.1);
  border-radius: 999px;
  height: 32px;
  opacity: 0;
  position: absolute;
  transform: scale(0);
  width: 32px;
  z-index: 10;
}

.lp-connected-backlink-circle-inner {
  background: linear-gradient(180deg,rgba(var(--rgb),0) 0%,rgba(var(--rgb),.32) 100%),rgba(var(--rgb),.01);
  border-radius: inherit;
  box-shadow: 0 0 20px rgba(var(--rgb),.25),inset 0 0 5px rgba(var(--rgb),.25);
  height: 24px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%) scale(.8);
  width: 24px;
}

.lp-connected-backlink-circle-inner::before {
  border: 1px solid rgba(var(--rgb),.32);
  border-radius: inherit;
  content: "";
  height: calc(100% - 1px);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: calc(100% - 1px);
}

.lp-connected-backlink-circle::after {
  background: rgba(10,8,27,.7);
  border: 1px solid rgba(255,255,255,.05);
  border-radius: 99px;
  color: rgba(239,237,253,.70);
  left: 50%;
  opacity: 0;
  padding: 4px 10px;
  position: absolute;
  top: calc(100% + 4px);
  transform: translate(-50%,-25px);
  width: max-content;
  z-index: 10;
  font-size: 12px;
  line-height: 16px;
}

.lp-connected-backlink-circle:nth-child(1) {
  --rgb: 255, 121, 217;
  --animation-delay: .25s;
  left: 145px;
  top: 55px;
}
.lp-connected-backlink-circle:nth-child(1)::after {
  content: "Créditos";
}

.lp-connected-backlink-circle:nth-child(2) {
  --animation-delay: 1s;
  --rgb: 121, 255, 191;
  left: 70px;
  top: 135px;
}
.lp-connected-backlink-circle:nth-child(2)::after {
  content: "Comparativos";
}

.lp-connected-backlink-circle:nth-child(3) {
  --rgb: 164, 121, 255;
  --animation-delay: 0s;
  height: 40px;
  left: 214px;
  top: 122px;
  width: 40px;
}
.lp-connected-backlink-circle:nth-child(3)::after {
  content: "Tribance";
}
.lp-connected-backlink-circle:nth-child(3) .lp-connected-backlink-circle-inner {
  height: 32px;
  width: 32px;
}

.lp-connected-backlink-circle:nth-child(4) {
  --animation-delay: 1.5s;
  --rgb: 121, 150, 255;
  left: 342px;
  top: 66px;
}
.lp-connected-backlink-circle:nth-child(4)::after {
  content: "Transição 2033";
}

.lp-connected-backlink-circle:nth-child(5) {
  --animation-delay: 2s;
  --rgb: 255, 193, 121;
  left: 336px;
  top: 165px;
}
.lp-connected-backlink-circle:nth-child(5)::after {
  content: "Dashboard";
}

.lp-connected-backlink-lines svg {
  position: absolute;
}

.lp-connected-backlink-lines svg path {
  stroke-dasharray: 315;
  stroke-dashoffset: 315;
}

/* Active animations when q-visible triggers */
.lp-connected-backlink-animation-visible .lp-connected-backlink-circle {
  animation: lpConnectedCircle 1s var(--animation-delay, 0s) cubic-bezier(.6,.6,0,1) forwards;
}

.lp-connected-backlink-animation-visible .lp-connected-backlink-circle-inner {
  animation: lpConnectedCircleInner 1s var(--animation-delay, 0s) cubic-bezier(.6,.6,0,1) forwards;
}

.lp-connected-backlink-animation-visible .lp-connected-backlink-circle::after {
  animation: lpConnectedCircleAfter 1s var(--animation-delay, 0s) cubic-bezier(.6,.6,0,1) forwards;
}

.lp-connected-backlink-animation-visible .lp-connected-backlink-lines svg path {
  animation: lpConnectedLine 2s cubic-bezier(.6,.6,0,1) forwards;
}

.lp-connected-backlink-lines svg:nth-child(1) {
  left: 158px;
  top: 69px;
}
.lp-connected-backlink-lines svg:nth-child(1) path {
  animation-delay: .5s;
}

.lp-connected-backlink-lines svg:nth-child(2) {
  left: 85px;
  top: 140px;
}
.lp-connected-backlink-lines svg:nth-child(2) path {
  animation-delay: 1s;
}

.lp-connected-backlink-lines svg:nth-child(3) {
  left: 224px;
  top: 81px;
}
.lp-connected-backlink-lines svg:nth-child(3) path {
  animation-delay: 1.2s;
  animation-duration: 2s;
  stroke-dasharray: 150 !important;
  stroke-dashoffset: 150;
  animation-name: lpConnectedLine2;
}

.lp-connected-backlink-lines svg:nth-child(4) {
  left: 232px;
  top: 143px;
}
.lp-connected-backlink-lines svg:nth-child(4) path {
  animation-delay: 2s;
}

/* Card 1 Keyframe Animations */
@keyframes lpConnectedCircle {
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes lpConnectedCircleInner {
  to {
    opacity: 1;
    transform: translate(-50%,-50%) scale(1);
  }
}

@keyframes lpConnectedCircleAfter {
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}

@keyframes lpConnectedLine {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes lpConnectedLine2 {
  to {
    stroke-dashoffset: 300;
  }
}

/* Card 2 records magnifier animation */
.lp-connected-record-background {
  height: 100%;
  width: 100%;
  display: block;
}

.lp-connected-record-circle {
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 50%;
  height: 100%;
  left: 0;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='128' height='128' viewBox='0 0 128 128' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='64' cy='64' r='64' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width='128' height='128' viewBox='0 0 128 128' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='64' cy='64' r='64' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
  -webkit-mask-position: 92px 44px;
  mask-position: 92px 44px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 152px;
  mask-size: 152px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  opacity: 0;
}

.lp-connected-record-circle img {
  height: 256px;
  width: 468px;
  display: block;
}

.lp-connected-record-circle-blur {
  -webkit-backdrop-filter: blur(11.5px);
  backdrop-filter: blur(11.5px);
  background: rgba(255,255,255,.01);
  box-shadow: 32px 36px 32px rgba(3,0,20,.5);
  height: 152px;
  left: 92px;
  -webkit-mask: none !important;
  mask: none !important;
  top: 44px;
  width: 152px;
  opacity: 1;
  position: absolute;
}

.lp-connected-record-animation-visible .lp-connected-record-circle {
  animation: lpConnectedRecordCircle 4s cubic-bezier(.6,.6,0,1) infinite;
  opacity: 1;
}

.lp-connected-record-animation-visible .lp-connected-record-circle-blur {
  animation: lpConnectedRecordCircleBlur 4s cubic-bezier(.6,.6,0,1) infinite;
}

/* Card 2 Keyframe Animations */
@keyframes lpConnectedRecordCircleBlur {
  0% {
    transform: translate(200px, 117px) scale(.7);
  }
  25% {
    transform: translate(200px) scale(1);
  }
  50% {
    transform: translate(0) scale(1);
  }
  75% {
    transform: translate(200px) scale(1);
  }
  100% {
    transform: translate(0) scale(1);
  }
}

@keyframes lpConnectedRecordCircle {
  0% {
    -webkit-mask-position: 292px 161px;
    mask-position: 292px 161px;
    -webkit-mask-size: 106.4px;
    mask-size: 106.4px;
  }
  25% {
    -webkit-mask-position: 292px 44px;
    mask-position: 292px 44px;
    -webkit-mask-size: 152px;
    mask-size: 152px;
  }
  50% {
    -webkit-mask-position: 92px 44px;
    mask-position: 92px 44px;
    -webkit-mask-size: 152px;
    mask-size: 152px;
  }
  75% {
    -webkit-mask-position: 292px 44px;
    mask-position: 292px 44px;
    -webkit-mask-size: 152px;
    mask-size: 152px;
  }
  100% {
    -webkit-mask-position: 92px 44px;
    mask-position: 92px 44px;
    -webkit-mask-size: 152px;
    mask-size: 152px;
  }
}

/* Grid lines decoration */
.lp-connected-cards-lines div {
  position: absolute;
  pointer-events: none;
}

.lp-connected-cards-lines div:nth-child(1) {
  width: 456px;
  height: 1px;
  left: 319px;
  top: 0;
  background: linear-gradient(
    to left,
    rgba(243,238,255,.12) -.89%,
    rgba(243,238,255,0) 100%
  );
}

.lp-connected-cards-lines div:nth-child(2) {
  width: 456px;
  height: 1px;
  left: 96px;
  bottom: 0;
  background: linear-gradient(
    to right,
    rgba(243,238,255,.12) -.89%,
    rgba(243,238,255,0) 100%
  );
}

.lp-connected-cards-lines div:nth-child(3) {
  width: 1px;
  height: 280px;
  left: 0;
  top: 104px;
  background: linear-gradient(
    to bottom,
    rgba(243,238,255,.12) -.89%,
    rgba(243,238,255,0) 100%
  );
}

.lp-connected-cards-lines div:nth-child(4) {
  width: 1px;
  height: 384px;
  left: calc(50% - .5px);
  top: 0;
  background: linear-gradient(
    to top,
    rgba(243,238,255,.12) -.89%,
    rgba(243,238,255,0) 100%
  );
}

.lp-connected-cards-lines div:nth-child(5) {
  width: 1px;
  height: 256px;
  right: 0;
  top: 0;
  background: linear-gradient(
    to bottom,
    rgba(243,238,255,.12) -.89%,
    rgba(243,238,255,0) 100%
  );
}

/* Placeholders de Seção (Etapa 00) */
.lp-section-placeholder {
  min-height: 180px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px dashed var(--color-steel, #54525f);
  border-radius: var(--radius-featureblocks, 24px);
  margin-top: 100px;
  margin-bottom: 40px;
  padding: var(--spacing-32, 32px);
  background-color: var(--color-midnight-surface, #060317);
  text-align: center;
}

.lp-title-placeholder {
  font-family: var(--font-aeonikpro, 'DM Sans', sans-serif);
  font-size: var(--text-subheading, 24px);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-pearl, #ffffff);
  margin-bottom: var(--spacing-12, 12px);
}

.lp-text-placeholder {
  color: var(--color-ash, #a8a6b7);
  max-width: 500px;
}

/* 4.5 Hero Video Play Button & Modal */
.lp-product-play {
  position: absolute;
  left: 50%;
  top: 274px; /* default position for mobile/tablet */
  transform: translate(-50%, -50%);
  width: 112px;
  height: 112px;
  padding: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.02);
  border: 1px solid rgba(255,255,255,.05);
  cursor: pointer;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
  transition:
    .3s cubic-bezier(.6,.6,0,1) background-color,
    .3s cubic-bezier(.6,.6,0,1) border-color;
}

.lp-product-play:hover {
  background: rgba(255,255,255,.05);
  border-color: rgba(255,255,255,.10);
}

.lp-product-play-inner {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0) 17.71%,
    rgba(255,255,255,.12) 100%
  ),
  rgba(255,255,255,.01);
}

.lp-product-play-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.10) 100%
  ),
  linear-gradient(
    0deg,
    rgba(255,255,255,.05),
    rgba(255,255,255,.05)
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.lp-product-play-icon {
  width: 24px;
  height: 24px;
  display: block;
  position: relative;
  z-index: 2;
  pointer-events: none;
}

/* Video Modal */
.lp-video-modal {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  padding: 12px;
  background: rgba(3,0,20,.70);
  z-index: 99999;
  visibility: hidden;
  pointer-events: none;
}

.lp-video-modal.lp-video-modal-open {
  visibility: visible;
  pointer-events: auto;
}

.lp-video-modal-backdrop {
  position: absolute;
  inset: 0;
}

.lp-video-modal-inner {
  width: 100%;
  max-width: 1168px;
  margin: 116px auto 0;
  padding: 0 20px;
  position: relative;
  opacity: 0;
  transform: scale(.95);
  transition:
    .5s cubic-bezier(.6,.6,0,1) opacity,
    .5s cubic-bezier(.6,.6,0,1) transform;
}

.lp-video-modal-open .lp-video-modal-inner {
  opacity: 1;
  transform: scale(1);
}

.lp-video-modal-frame {
  width: 100%;
  height: 576px;
  border: 4px solid rgba(255,255,255,.20);
  border-radius: 16px;
  overflow: hidden;
  background: #030014;
  position: relative;
  z-index: 1;
}

.lp-video-modal-iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.lp-video-modal-close {
  width: 32px;
  height: 32px;
  margin-left: auto;
  margin-bottom: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.04);
  cursor: pointer;
  position: relative;
  z-index: 2;
}

.lp-video-modal-close:hover {
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.08);
}

body.lp-modal-open {
  overflow: hidden;
}

/* ==========================================================================
   5. Responsividade e Breakpoints
   ========================================================================== */

@media (min-width: 1248px) {
  /* 18. Header Adjustments */
  .lp-header {
    padding: 0 20px;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: rgba(3, 0, 20, .08);
    left: 0;
    top: 0;
    position: fixed;
    width: 100vw;
    z-index: 10;
  }

  .lp-header-container {
    max-width: 1296px;
    margin: 0 auto;
    padding: 26px 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .lp-header-container::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: radial-gradient(
      62.87% 100% at 50% 100%,
      rgba(255,255,255,.12) 0%,
      rgba(255,255,255,0) 100%
    );
  }

  .lp-header-logo {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
  }

  .lp-header-logo img {
    width: 36px;
    height: 36px;
    filter: drop-shadow(0 0 10px rgba(122, 92, 255, .20));
  }

  .lp-header-logo span {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: #f4f0ff;
    font-feature-settings:
      "ss01" on,
      "cv10" on,
      "calt" off,
      "liga" off;
  }

  .lp-header-nav {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    margin: 0 auto;
    padding: 10px 12px;
    background: rgba(255,255,255,.02);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 999px;
  }

  .lp-header-nav li {
    margin: 0 12px;
  }

  .lp-header-nav a {
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: rgba(255,255,255,.90);
    font-feature-settings:
      "ss01" on,
      "cv10" on,
      "calt" off,
      "liga" off;
    transition:
      .3s
      cubic-bezier(.6,.6,0,1)
      color;
  }

  .lp-header-nav a:hover {
    color: rgba(255,255,255,.60);
  }

  .lp-header-actions {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
  }

  .lp-header-login {
    margin-right: 24px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #f4f0ff;
    font-feature-settings:
      "ss01" on,
      "cv10" on,
      "calt" off,
      "liga" off;
  }

  .lp-header-trial {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    position: relative;
    width: max-content;
    padding: 8px 16px;
    border-radius: 8px;
    color: #f4f0ff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    isolation: isolate;
  }

  .lp-header-trial::before,
  .lp-header-trial::after,
  .lp-button-border {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    z-index: -1;
  }

  .lp-header-trial::before,
  .lp-header-trial::after {
    content: "";
    display: block;
    transition:
      .2s
      opacity
      cubic-bezier(.6,.6,0,1);
  }

  .lp-header-trial::before {
    background:
      linear-gradient(
        180deg,
        rgba(60,8,126,0) 0%,
        rgba(60,8,126,.32) 100%
      ),
      rgba(113,47,255,.12);
    box-shadow:
      inset 0 0 12px rgba(191,151,255,.24);
  }

  .lp-header-trial::after {
    opacity: 0;
    background:
      linear-gradient(
        180deg,
        rgba(60,8,126,0) 0%,
        rgba(60,8,126,.42) 100%
      ),
      rgba(113,47,255,.24);
    box-shadow:
      inset 0 0 12px rgba(191,151,255,.44);
  }

  .lp-header-trial:hover::before {
    opacity: 0;
  }

  .lp-header-trial:hover::after {
    opacity: 1;
  }

  .lp-button-border::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: inherit;
    pointer-events: none;
    background:
      linear-gradient(
        180deg,
        rgba(207,184,255,.24) 0%,
        rgba(207,184,255,0) 100%
      ),
      linear-gradient(
        0deg,
        rgba(207,184,255,.32),
        rgba(207,184,255,.32)
      );
    -webkit-mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
  }

  /* 2. Hero Section */
  .lp-hero {
    padding-top: 173px;
    position: relative;
  }

  /* 3. Background Ambiental */
  .lp-hero::before {
    content: "";
    display: block;
    position: absolute;
    width: 1440px;
    height: 900px;
    left: 50%;
    top: -173px;
    transform: translateX(-50%);
    background: radial-gradient(
      37.74% 81.78% at 50% 26.56%,
      rgba(148, 101, 255, 0.08) 0%,
      rgba(3, 0, 20, 0) 100%
    );
    pointer-events: none;
    z-index: 1;
  }

  /* 4. Hero Content */
  .lp-hero-content {
    margin: 0 auto;
    position: relative;
    text-align: center;
    z-index: 3;
  }

  /* 5. Badge */
  .lp-hero-badge {
    display: flex;
    align-items: center;
    width: max-content;
    margin: 0 auto 16px;
    padding: 4px 13px 4px 8px;
    border-radius: 32px;
    font-size: 14px;
    line-height: 20px;
    backdrop-filter: blur(6px);
    box-shadow: inset 0 -7px 11px rgba(164, 143, 255, 0.12);
    position: relative;
  }

  /* 6. Headline */
  .lp-hero-title {
    font-family:
      AeonikPro,
      system-ui,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      sans-serif;
    font-size: 72px;
    line-height: 80px;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    margin: 0 0 12px;
  }

  /* 7. Subtitle */
  .lp-hero-description {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: rgba(239, 237, 253, 0.70);
    margin: 0;
    text-align: center;
  }

  /* 8. Black Hole Container */
  .lp-hero-black-hole {
    position: absolute;
    width: min(1440px, 100vw);
    height: 810px;
    left: 50%;
    top: 174px;
    transform: translateX(-50%);
    overflow: visible;
    pointer-events: none;
    -webkit-mask-image: radial-gradient(
      50% 50% at 50% 50%,
      #fff 60.94%,
      transparent 100%
    );
    mask-image: radial-gradient(
      50% 50% at 50% 50%,
      #fff 60.94%,
      transparent 100%
    );
    -webkit-mask-size: cover;
    mask-size: cover;
    z-index: 2;
  }

  /* 16. Lazy Video Reveal */
  .lp-lazy-video {
    opacity: 0;
    transition: .75s cubic-bezier(.6,.6,0,1) opacity;
    pointer-events: none;
  }

  .lp-lazy-video-loaded {
    opacity: 1;
  }

  .lp-lazy-video video {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    object-fit: contain;
    opacity: 1;
    mix-blend-mode: normal;
    pointer-events: none;
  }

  /* 3. Arco Orbital & Circles */
  .lp-black-hole-circles {
    display: block;
    width: 808px;
    height: 808px;
    margin-top: -12px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateZ(0) translate(-50%, -50%);
    z-index: 4;
  }

  .lp-black-hole-circle-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateZ(0) translate(-50%, -50%);
    -webkit-mask-image: linear-gradient(
      180deg,
      rgba(186,156,255,.6) 9.41%,
      rgba(186,156,255,0) 29.79%
    );
    mask-image: linear-gradient(
      180deg,
      rgba(186,156,255,.6) 9.41%,
      rgba(186,156,255,0) 29.79%
    );
  }

  /* 4. Tamanho dos Três Arcos */
  .lp-black-hole-circle-wrapper:nth-child(1) {
    width: 808px;
    height: 808px;
  }

  .lp-black-hole-circle-wrapper:nth-child(2) {
    width: 608px;
    height: 608px;
    opacity: .6;
  }

  .lp-black-hole-circle-wrapper:nth-child(3) {
    width: 416px;
    height: 416px;
    z-index: 1;
  }

  /* 5. Visual do Círculo */
  .lp-black-hole-circle {
    width: 100%;
    height: 100%;
    position: relative;
    top: 4px;
    border-radius: 50%;
  }

  .lp-black-hole-circle::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border-radius: 50%;
    background: rgba(186,156,255,.04);
    border: 1px solid rgba(186,156,255,.3);
    pointer-events: none;
  }

  /* 6. Rotação dos Arcos */
  .lp-hero-black-hole-visible .lp-black-hole-circle {
    animation: lpBlackHoleCirclesRotate 100s linear infinite;
  }

  @keyframes lpBlackHoleCirclesRotate {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

  .lp-black-hole-circle-wrapper:nth-child(3) .lp-black-hole-circle {
    animation: none !important;
  }

  /* 7. Nodes / Gotas dos Arcos */
  .lp-black-hole-circle-dot {
    width: 8px;
    height: 8px;
    position: absolute;
    z-index: 5;
  }

  .lp-black-hole-circle-dot::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    background: rgba(186,156,255,.01);
    border: 1px solid rgba(186,156,255,.3);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }

  /* 8. Posição Exata dos 8 Dots */
  .lp-black-hole-circle-dot:nth-child(1) {
    left: -4px;
  }

  .lp-black-hole-circle-dot:nth-child(2),
  .lp-black-hole-circle-dot:nth-child(3) {
    left: var(--position-1);
  }

  .lp-black-hole-circle-dot:nth-child(4),
  .lp-black-hole-circle-dot:nth-child(5) {
    left: 50%;
    transform: translateX(-50%);
  }

  .lp-black-hole-circle-dot:nth-child(6),
  .lp-black-hole-circle-dot:nth-child(7) {
    right: var(--position-1);
  }

  .lp-black-hole-circle-dot:nth-child(8) {
    right: -4px;
  }

  .lp-black-hole-circle-dot:nth-child(1),
  .lp-black-hole-circle-dot:nth-child(8) {
    top: 50%;
    transform: translateY(-50%);
  }

  .lp-black-hole-circle-dot:nth-child(2),
  .lp-black-hole-circle-dot:nth-child(6) {
    top: var(--position-1);
  }

  .lp-black-hole-circle-dot:nth-child(3),
  .lp-black-hole-circle-dot:nth-child(7) {
    bottom: var(--position-1);
  }

  .lp-black-hole-circle-dot:nth-child(4) {
    top: -4px;
  }

  .lp-black-hole-circle-dot:nth-child(5) {
    bottom: -4px;
  }

  /* Valores Reais por Círculo */
  .lp-black-hole-circle-0 {
    --position-1: 14.2%;
  }

  .lp-black-hole-circle-1 {
    --position-1: 14.1%;
  }

  .lp-black-hole-circle-2 {
    --position-1: 13.8%;
  }

  /* 10. Container das 100 Partículas */
  .lp-black-hole-stars {
    display: block;
    width: 700px;
    height: 700px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateZ(0) translate(-50%, -50%);
    pointer-events: none;
    -webkit-mask-image: radial-gradient(
      50% 50% at 50% 50%,
      rgba(217,217,217,0) 27.08%,
      #d9d9d9 47.92%,
      rgba(217,217,217,.8) 75%,
      rgba(217,217,217,0) 100%
    );
    mask-image: radial-gradient(
      50% 50% at 50% 50%,
      rgba(217,217,217,0) 27.08%,
      #d9d9d9 47.92%,
      rgba(217,217,217,.8) 75%,
      rgba(217,217,217,0) 100%
    );
    -webkit-mask-size: cover;
    mask-size: cover;
  }

  /* 11. Cada Partícula */
  .lp-black-hole-stars > div {
    width: 2px;
    height: 2px;
    position: absolute;
    left: 50%;
    border-radius: 5px;
    background: rgba(255,255,255,0);
    transform: translateZ(0) translate(0,0) scale(1);
  }

  .lp-black-hole-stars > div:nth-child(3n) {
    opacity: .5;
  }

  /* 12. Rotação do Campo de Partículas */
  .lp-hero-black-hole-visible .lp-black-hole-stars {
    animation: lpBlackHoleStarsRotate 70s linear infinite;
  }

  @keyframes lpBlackHoleStarsRotate {
    0% {
      transform: translateZ(0) translate(-50%, -50%) rotate(0deg);
    }
    100% {
      transform: translateZ(0) translate(-50%, -50%) rotate(-360deg);
    }
  }

  /* 13. Animação Individual das Gotículas */
  .lp-hero-black-hole-visible .lp-black-hole-stars > div {
    animation: lpBlackHoleStarsTwinkle linear infinite;
  }

  @keyframes lpBlackHoleStarsTwinkle {
    0% {
      background: rgba(255,255,255,0);
      transform: translateZ(0) translate(0,0) scale(1);
    }
    10% {
      background: rgb(255,255,255);
    }
    100% {
      background: rgb(255,255,255);
      transform: translateZ(0) var(--transform) scale(.5);
    }
  }

  /* 11 & 12. Product Preview */
  .lp-product-preview {
    position: relative;
    width: 1216px;
    height: 766px;
    margin: min(232px, calc(28.125vw - 173px)) 0 0;
    align-self: center;
    z-index: 3;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 24px;
    box-shadow: inset 0 0 0 8px rgba(255, 255, 255, 0.03);
    padding: 8px;
    display: block;
    overflow: hidden;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
  }

  /* 13. Product Image */
  .lp-product-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    backdrop-filter: blur(15px);
    border-radius: 20px;
    border: none;
    box-shadow: none;
    opacity: 0.88;
  }

  /* Play button desktop coordinates */
  .lp-product-play {
    top: 302px;
  }
}

/* ==================================================
   SECTION 5: REFLECT RESEARCH
   ================================================== */
.lp-research {
  width: 890px;
  margin: 0 auto;
  padding-top: 64px;
  padding-bottom: 128px;
  position: relative;
}

.lp-research-radar-wrapper {
  display: flex;
  justify-content: center;
}

.lp-research-radar {
  width: 890px;
  min-width: 890px;
  height: 890px;
  position: relative;
}

.lp-research-radar::before {
  content: "";
  width: 680px;
  height: 1px;
  position: absolute;
  right: -23px;
  top: 50%;
  background: linear-gradient(
    to left,
    rgba(243,238,255,.08) -.89%,
    rgba(243,238,255,0) 100%
  );
  z-index: 2;
}

.lp-research-radar-background {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

.lp-research-radar-logo {
  width: 80px;
  height: 80px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.lp-research-radar-scanner-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.lp-research-radar-scanner {
  width: 784px;
  height: 784px;
  position: absolute;
  left: 53px;
  top: 53px;
  transform: rotate(-201deg);
  -webkit-clip-path: polygon(
    0 0,
    93.3673469388% 0,
    93.3673469388% 25.1275510204%,
    50% 50.1275510204%,
    0 50.1275510204%
  );
  clip-path: polygon(
    0 0,
    93.3673469388% 0,
    93.3673469388% 25.1275510204%,
    50% 50.1275510204%,
    0 50.1275510204%
  );
}

.lp-research-radar-scanner::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: linear-gradient(
    267deg,
    rgba(99,102,241,.40) 13.23%,
    rgba(3,0,20,0) 50%
  );
}

.lp-research-radar-scanner::after {
  content: "";
  width: 1px;
  height: 392px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: rotate(60deg);
  transform-origin: bottom;
  background: linear-gradient(
    to bottom,
    rgba(120,123,255,.24) .11%,
    rgba(120,123,255,0) 100%
  ),
  linear-gradient(
    to bottom,
    rgba(255,255,255,.24) .11%,
    rgba(255,255,255,0) 100%
  );
}

/* Rotation animation */
.lp-research-radar-scanner-wrapper-visible .lp-research-radar-scanner {
  animation: lpResearchRadarRotate 10s infinite linear;
}

@keyframes lpResearchRadarRotate {
  0% {
    transform: rotate(-201deg);
  }
  100% {
    transform: rotate(159deg);
  }
}

/* Fader effects */
.lp-research-radar-fader {
  width: 1440px;
  height: 600px;
  position: absolute;
  left: 50%;
  top: 446px;
  transform: translateX(-50%);
  background: linear-gradient(
    180deg,
    rgba(3,0,20,.80) 0%,
    #030014 37.87%
  );
  pointer-events: none;
}

.lp-research-radar-fader::before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(
    to right,
    rgba(255,255,255,0),
    rgba(255,255,255,.12),
    rgba(255,255,255,0)
  );
  z-index: 1;
}

/* Header overlay styles */
.lp-research .lp-section-header {
  margin-top: -376px;
  margin-bottom: 24px;
  position: relative;
  z-index: 3;
}

.lp-research .lp-research-title {
  font-family: var(--font-aeonikpro, 'DM Sans', sans-serif);
  font-size: 56px;
  line-height: 64px;
  font-weight: 500;
  text-align: center;
  margin: 12px 0 16px;
  color: #f4f0ff;
}

.lp-research .lp-research-title span {
  background: linear-gradient(to right, #FC72FF, #8F68FF, #487BFF, #2CD9FF, #2CFFCC);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.lp-research .lp-section-header-description {
  max-width: 614px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: rgba(239, 237, 253, 0.70);
}

/* Detection items style */
.lp-research-radar-item {
  width: 100px;
  height: 100px;
  position: absolute;
}

.lp-research-radar-item div {
  border-radius: 50%;
  opacity: 0;
  position: absolute;
  transform: scale(0);
}

.lp-research-radar-item div:nth-child(1),
.lp-research-radar-item div:nth-child(2),
.lp-research-radar-item div:nth-child(3) {
  background: rgba(109,72,255,.04);
}

.lp-research-radar-item div:nth-child(1) {
  height: 100px;
  width: 100px;
  left: calc(50% - 50px);
  top: calc(50% - 50px);
}

.lp-research-radar-item div:nth-child(2) {
  height: 68px;
  width: 68px;
  left: calc(50% - 34px);
  top: calc(50% - 34px);
}

.lp-research-radar-item div:nth-child(3) {
  height: 36px;
  width: 36px;
  left: calc(50% - 18px);
  top: calc(50% - 18px);
}

.lp-research-radar-item div:nth-child(4) {
  height: 12px;
  width: 12px;
  left: calc(50% - 6px);
  top: calc(50% - 6px);
  background: rgba(109,72,255,.16);
  box-shadow: inset 0 0 6px 4px #ed78ff0a, inset 0 0 8px #787bff0f, inset 0 0 4px #787bff0a;
}

.lp-research-radar-item div:nth-child(5) {
  height: 8px;
  width: 8px;
  left: calc(50% - 4px);
  top: calc(50% - 4px);
  background: rgba(109,72,255,.48);
  box-shadow: inset 0 0 6px 4px #ed78ff0a, inset 0 0 8px #787bff0f, inset 0 0 4px #787bff0a;
}

.lp-research-radar-item div:nth-child(6) {
  height: 20px;
  width: 20px;
  left: calc(50% - 10px);
  top: calc(50% - 10px);
  background: rgba(109,72,255,.76);
  filter: blur(8px);
  mix-blend-mode: screen;
  transform: scaleY(-1);
}

/* 7 points positions */
.lp-research-radar-items .lp-research-radar-item:nth-child(1) { left: 395px; top: 107px; }
.lp-research-radar-items .lp-research-radar-item:nth-child(2) { left: 203px; top: 395px; }
.lp-research-radar-items .lp-research-radar-item:nth-child(3) { left: 147px; top: 251px; }
.lp-research-radar-items .lp-research-radar-item:nth-child(4) { left: 299px; top: 228px; }
.lp-research-radar-items .lp-research-radar-item:nth-child(5) { left: 645px; top: 251px; }
.lp-research-radar-items .lp-research-radar-item:nth-child(6) { left: 491px; top: 229px; }
.lp-research-radar-items .lp-research-radar-item:nth-child(7) { left: 587px; top: 395px; }

/* Detection animation active classes */
.lp-research-radar-item-active div {
  animation: lpResearchRadarItem 3s calc(var(--index) * .01s) cubic-bezier(.6,.6,0,1) 1;
}

@keyframes lpResearchRadarItem {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  25% {
    opacity: 1;
  }
  50%, 75% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}

/* Cards lower structure */
.lp-research-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  position: relative;
  z-index: 4;
}

.lp-research-card {
  position: relative;
  padding: 32px 32px 48px;
  text-align: center;
  box-sizing: border-box;
}

.lp-research-card-icon {
  width: 40px;
  height: 40px;
  margin: 0 auto 12px;
  display: block;
}

.lp-research-card-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #f4f0ff;
  margin: 0 0 8px;
}

.lp-research-card-description {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: rgba(239, 237, 253, 0.70);
  margin: 0;
}

/* Marcadores laterais */
.lp-research-card::before,
.lp-research-card:last-child::after {
  content: "";
  width: 1px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 88px;
  background: rgba(255, 255, 255, 0.24);
}

.lp-research-card:last-child::after {
  right: 0;
  left: unset;
}

/* Internals gridlines */
.lp-research-card-lines div {
  position: absolute;
  width: 1px;
  pointer-events: none;
}

.lp-research-card-lines div:nth-child(1) {
  height: 132px;
  left: 0;
  top: 48px;
  background: linear-gradient(
    to top,
    rgba(243,238,255,0) -.89%,
    rgba(243,238,255,.12) 100%
  );
}

.lp-research-card-lines div:nth-child(2) {
  height: 180px;
  left: 50%;
  top: 16px;
  background: linear-gradient(
    to bottom,
    rgba(243,238,255,0) -.89%,
    rgba(243,238,255,.12) 100%
  );
}

.lp-research-card-lines div:nth-child(3) {
  height: 212px;
  right: 0;
  top: -24px;
  background: linear-gradient(
    to top,
    rgba(243,238,255,0) -.89%,
    rgba(243,238,255,.12) 100%
  );
}

/* Side lines decoration */
.lp-research-section-lines div {
  position: absolute;
  height: 212px;
  width: 1px;
  top: 541px;
  background: linear-gradient(
    to bottom,
    rgba(243,238,255,.12) -.89%,
    rgba(255,255,255,0) 100%
  );
  pointer-events: none;
}

.lp-research-section-lines div:nth-child(1) {
  left: -48px;
}

.lp-research-section-lines div:nth-child(2) {
  right: -48px;
}


@media (max-width: 1248px) {
  html {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  body.landing-page-body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .lp-header {
    padding: 0 20px;
    left: 0;
    right: 0;
    width: auto;
    max-width: 100vw;
  }

  .lp-header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 20px 0;
  }

  .lp-header-container::before {
    content: unset;
  }

  .lp-header-logo {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
  }

  .lp-header-logo img {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
  }

  .lp-header-logo span {
    white-space: nowrap;
  }

  .lp-header-actions {
    display: flex !important;
    align-items: center;
    margin-left: auto;
    gap: 12px;
    flex: 0 0 auto;
  }

  .lp-header-login {
    display: block;
    white-space: nowrap;
  }

  .lp-header-trial {
    display: inline-flex;
    width: max-content !important;
    flex-shrink: 0;
    white-space: nowrap;
  }

  .lp-trial-label-desktop {
    display: none;
  }

  .lp-trial-label-mobile {
    display: inline;
  }

  .lp-menu-toggle {
    display: flex !important;
    flex-shrink: 0;
    margin-left: 18px;
  }

  body.lp-mobile-menu-open {
    overflow: hidden;
  }

  .lp-header:has(.lp-header-container.lp-nav-open) {
    background-color: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .lp-header-logo,
  .lp-header-actions,
  .lp-menu-toggle {
    position: relative;
    z-index: 2;
  }

  .lp-header-nav {
    visibility: hidden;
    pointer-events: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    margin: 0;
    padding: 77px 0 0;
    border: 0;
    border-radius: 0;
    display: block;
    background: rgba(3, 0, 20, .90);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    transform: translateX(100%);
    transition: transform .45s ease;
    z-index: 1;
  }

  .lp-header-container.lp-nav-open .lp-header-nav {
    visibility: visible;
    pointer-events: auto;
    transform: translateX(0);
    display: block;
  }

  .lp-header-nav li {
    margin: 0;
    list-style: none;
    border-top: 1px solid rgba(255,255,255,.10);
  }

  .lp-header-nav li:last-child {
    border-bottom: 1px solid rgba(255,255,255,.10);
  }

  .lp-header-nav a {
    display: block;
    width: 100%;
    padding: 20px 40px;
    color: rgba(255,255,255,.90);
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
  }

  /* Animated Hamburger toggle icons */
  .lp-header-container.lp-nav-open .lp-menu-toggle span:nth-child(1) {
    transform: translateY(5px) rotate(45deg);
  }
  
  .lp-header-container.lp-nav-open .lp-menu-toggle span:nth-child(2) {
    transform: translateY(-5px) rotate(-45deg);
  }

  .lp-hero {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    padding-top: 108px;
    padding-bottom: 0;
    overflow: visible;
  }

  .lp-hero::after {
    display: none;
  }

  .lp-hero-badge {
    font-size: 14px;
    line-height: 20px;
    padding: 4px 13px 4px 8px;
    margin-bottom: 16px;
  }

  .lp-hero-headline {
    font-size: 44px;
    line-height: 52px;
    font-weight: 500;
    letter-spacing: 0;
    max-width: 358px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12px;
    padding: 0;
  }

  .lp-hero-content {
    width: 100%;
    max-width: 358px;
    margin-left: auto;
    margin-right: auto;
  }

  .lp-hero-subheadline {
    font-size: 18px;
    line-height: 28px;
    max-width: 358px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0 !important;
    padding: 0;
  }

  .lp-hero-black-hole {
    width: 1028px;
    height: 578px;
    top: 138px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-mask-image: radial-gradient(
      50% 50% at 50% 50%,
      #fff 60.94%,
      transparent 100%
    );
    mask-image: radial-gradient(
      50% 50% at 50% 50%,
      #fff 60.94%,
      transparent 100%
    );
    -webkit-mask-size: cover;
    mask-size: cover;
    z-index: 2;
  }

  .lp-black-hole-circles {
    display: none;
  }

  .lp-black-hole-stars {
    display: block;
    width: 700px;
    height: 700px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateZ(0) translate(-50%, -50%);
    pointer-events: none;

    -webkit-mask-image: radial-gradient(
        50% 50% at 50% 50%,
        rgba(217,217,217,0) 27.08%,
        #d9d9d9 47.92%,
        rgba(217,217,217,.8) 75%,
        rgba(217,217,217,0) 100%
    );

    mask-image: radial-gradient(
        50% 50% at 50% 50%,
        rgba(217,217,217,0) 27.08%,
        #d9d9d9 47.92%,
        rgba(217,217,217,.8) 75%,
        rgba(217,217,217,0) 100%
    );

    -webkit-mask-size: cover;
    mask-size: cover;
  }

  .lp-black-hole-stars > div {
    width: 2px;
    height: 2px;
    position: absolute;
    left: 50%;
    border-radius: 5px;
    background: rgba(255,255,255,0);
    transform: translateZ(0) translate(0,0) scale(1);
  }

  .lp-black-hole-stars > div:nth-child(3n) {
    opacity: .5;
  }

  .lp-hero-black-hole-visible .lp-black-hole-stars {
    animation:
        lpBlackHoleStarsRotate
        70s
        linear
        infinite;
  }

  .lp-hero-black-hole-visible .lp-black-hole-stars > div {
    animation:
        lpBlackHoleStarsTwinkle
        linear
        infinite;
  }

  .lp-product-preview {
    position: relative;
    width: 368px;
    height: 676px;
    margin: 108px auto 0;
    flex: none;
    display: block;
    overflow: hidden;
    border-radius: 24px;
    z-index: 3;
  }

  .lp-product-picture {
    display: block;
    width: 100%;
    height: 100%;
  }

  .lp-product-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    border-radius: 16px;
  }

  .lp-product-preview::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% + 1px);
    background: linear-gradient(
      180deg,
      rgba(4,1,21,0) 0%,
      rgba(4,1,21,.70) 34.48%,
      #030014 82.36%
    );
    pointer-events: none;
    z-index: 1;
  }

  .lp-product-play {
    top: 274px;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  @keyframes lpBlackHoleStarsRotate {
    0% {
      transform: translateZ(0) translate(-50%, -50%) rotate(0deg);
    }
    100% {
      transform: translateZ(0) translate(-50%, -50%) rotate(-360deg);
    }
  }

  @keyframes lpBlackHoleStarsTwinkle {
    0% {
      background: rgba(255,255,255,0);
      transform: translateZ(0) translate(0,0) scale(1);
    }
    10% {
      background: rgb(255,255,255);
    }
    100% {
      background: rgb(255,255,255);
      transform: translateZ(0) var(--transform) scale(.5);
    }
  }
}

@media (max-width: 1247px) {
  /* Mobile Features Grid overrides */
  .lp-features {
    left: auto;
    width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
    margin-top: 40px;
    transform: none;
  }

  @media (max-width: 767px) {
    .lp-features {
      margin-top: -78px;
    }
  }

  .lp-features::-webkit-scrollbar {
    display: none;
  }

  .lp-features-grid {
    display: flex;
    width: max-content;
    padding-inline: 16px;
  }

  .lp-feature-card {
    width: 322px;
    max-width: 322px;
    min-width: 322px;
    height: 196px;
    padding-right: 48px;
    background: #030014;
  }

  .lp-feature-card::after {
    content: unset;
  }

  .lp-features-gridlines {
    display: none;
  }

  /* Mobile Reflect AI overrides (Tablet only) */
  @media (min-width: 768px) {
    .lp-ai {
      padding-top: 56px;
      padding-bottom: 56px;
      overflow-x: hidden;
    }

    .lp-ai-title {
      font-size: 32px;
      line-height: 40px;
      padding: 0 16px;
    }

    .lp-ai-description {
      font-size: 14px;
      line-height: 22px;
      padding: 0 16px;
    }

    .lp-ai-background-wrapper {
      width: 100%;
      overflow: hidden;
    }

    .lp-ai-background {
      width: 390px;
      min-width: 390px;
      height: 418px;
      margin: -10px auto 0;
    }

    .lp-ai-rising-stars {
      width: 250px;
      height: 200px;
      top: -20px;
    }

    .lp-ai-showcase {
      width: 358px;
      height: 140px;
      top: 154px;
      padding: 4px;
      border-radius: 16px;
    }

    .lp-ai-showcase-active {
      height: 200px;
    }

    .lp-ai-showcase-inner {
      width: 348px;
      padding: 16px 20px;
      border-radius: 12px;
    }

    .lp-ai-showcase-title {
      font-size: 13px;
      line-height: 20px;
      margin-bottom: 12px;
    }

    .lp-ai-showcase-text {
      font-size: 12px;
      line-height: 20px;
      left: 20px;
      top: 56px;
      right: 20px;
    }

    .lp-ai-showcase-button {
      right: 20px;
      top: 14px;
    }

    .lp-ai-showcase-button-sparkle {
      width: 18px;
      height: 18px;
    }

    .lp-ai-showcase-button-text {
      font-size: 12px;
    }

    .lp-ai-animation-selection {
      left: 36px;
      top: 61px;
      height: 20px;
    }

    /* Step 1 Tooltip Mobile placement */
    .lp-ai-animation-tooltip {
      right: 20px;
      top: 20px;
    }

    .lp-ai-animation-tooltip-icon {
      padding: 2px 6px;
    }

    .lp-ai-animation-tooltip-icon svg {
      width: 18px;
      height: 18px;
    }

    /* Step 2 Menu Mobile placement */
    .lp-ai-animation-menu {
      width: 280px;
      left: 34px;
      top: 86px;
    }

    /* Step 3 Answer Mobile placement */
    .lp-ai-animation-answer {
      width: 310px;
      left: 19px;
      top: 86px;
    }

    .lp-ai-animation-answer-body-inner {
      padding: 8px 10px;
      min-height: 110px;
      font-size: 12px;
      line-height: 18px;
    }

    .lp-ai-animation-answer-button {
      height: 28px;
      padding: 0 4px 0 8px;
      font-size: 11px;
    }

    .lp-ai-animation-answer-button-shortcut {
      display: none;
    }

    .lp-ai-showcase-outer-starlights {
      display: none;
    }

    /* Cards grid mobile styling */
    .lp-ai-cards {
      margin-top: 16px;
      padding: 0 16px;
    }

    .lp-ai-cards-title {
      font-size: 20px;
      line-height: 28px;
      margin-bottom: 24px;
    }

    .lp-ai-cards-items {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 0;
      margin-top: 0;
    }

    .lp-ai-cards-items::before {
      display: none;
    }

    .lp-ai-card {
      width: 100%;
      height: auto;
      padding: 24px 16px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }

    .lp-ai-card:last-child {
      border-bottom: none;
    }

    .lp-ai-card-icon {
      margin-bottom: 12px;
    }
  }

  /* Mobile only overrides (<= 767px) */
  @media (max-width: 767px) {
    .lp-ai-background-wrapper {
      width: 100%;
      display: flex;
      justify-content: center;
      overflow: hidden;
      position: relative;
      isolation: isolate;
    }

    .lp-ai-background-wrapper::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 1;
      background:
        linear-gradient(
          90deg,
          #030014 0%,
          rgba(3,0,20,.96) 7%,
          rgba(3,0,20,.72) 15%,
          rgba(3,0,20,.28) 23%,
          rgba(3,0,20,0) 31%,
          rgba(3,0,20,0) 69%,
          rgba(3,0,20,.28) 77%,
          rgba(3,0,20,.72) 85%,
          rgba(3,0,20,.96) 93%,
          #030014 100%
        ),
        linear-gradient(
          180deg,
          rgba(3,0,20,.82) 0%,
          rgba(3,0,20,.35) 10%,
          rgba(3,0,20,0) 22%,
          rgba(3,0,20,0) 92%,
          rgba(3,0,20,.10) 100%
        );
    }

    .lp-ai-background {
      width: 1440px;
      min-width: 1440px;
      height: 835px;
      margin: -150px auto 0;
      position: relative;
      flex: none;
    }

    .lp-ai-background-image {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
      position: relative;
      z-index: 0;
    }

    .lp-ai-rising-stars {
      width: 282px;
      height: 300px;
      position: absolute;
      left: 50%;
      top: -100px;
      transform: translateX(-50%);
      z-index: 2;
    }

    .lp-ai-showcase-outer-starlights {
      display: block;
    }

    .lp-ai-showcase {
      width: 352px;
      height: auto;
      min-height: 152px;
      position: absolute;
      left: 50%;
      top: 256px;
      transform: translateX(-50%);
      padding: 8px;
      border-radius: 24px;
      overflow: visible;
      pointer-events: auto;
      touch-action: manipulation;
      z-index: 2;
    }

    .lp-ai-showcase-inner {
      width: 334px;
      height: auto;
      min-height: 136px;
      box-sizing: border-box;
      padding: 24px;
      position: relative;
      border: 1px solid rgba(255,255,255,.10);
      border-radius: 16px;
      background:
        radial-gradient(
          71.86% 50% at 50% 0%,
          rgba(168,127,255,.04) 0%,
          rgba(168,127,255,0) 100%
        ),
        rgba(4,1,21,.10);
      -webkit-backdrop-filter: blur(15px);
      backdrop-filter: blur(15px);
      overflow: visible;
    }

    .lp-ai-showcase-title {
      margin-bottom: 12px;
      max-width: calc(100% - 56px);
      box-sizing: border-box;
    }

    .lp-ai-showcase-text {
      display: flex;
      position: relative;
      left: auto;
      top: auto;
      right: auto;
      width: 100%;
      max-width: calc(100% - 56px);
      box-sizing: border-box;
    }

    .lp-ai-showcase-text-content {
      display: inline;
      white-space: normal;
      overflow-wrap: anywhere;
      word-break: normal;
      font-size: 15px;
      line-height: 24px;
    }

    .lp-ai-showcase-button {
      position: absolute;
      top: auto !important;
      right: 12px;
      bottom: 12px;
      width: 38px;
      height: 38px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      background: rgba(255,255,255,.04);
      border: 1px solid rgba(255,255,255,.10);
      border-radius: 6px;
      box-shadow: inset 0 0 12px rgba(255,255,255,.08);
      -webkit-backdrop-filter: blur(12px);
      backdrop-filter: blur(12px);
      z-index: 10;
    }

    .lp-ai-showcase-button-text {
      display: none !important;
    }

    .lp-ai-showcase-button-sparkle {
      width: 24px;
      height: 24px;
      margin: 0;
    }

    .lp-ai-showcase-animation {
      pointer-events: none;
    }

    .lp-ai-animation-selection,
    .lp-ai-showcase-animation-text-selection {
      height: 48px;
      top: 73px;
      left: 47px;
    }

    .lp-ai-animation-tooltip,
    .lp-ai-showcase-animation-tooltip {
      right: 40px;
      top: 32px;
    }

    .lp-ai-animation-menu,
    .lp-ai-showcase-animation-menu {
      width: 320px;
      left: 15px;
      top: 112px;
      transform: translateY(24px) scale(.8);
    }

    .lp-ai-animation-answer,
    .lp-ai-showcase-animation-answer {
      width: 310px;
      left: 20px;
      top: 112px;
      z-index: 30;
      overflow: visible;
      box-sizing: border-box;
    }

    .lp-ai-animation-answer-button-copy {
      display: none !important;
    }

    .lp-ai-animation-answer-body,
    .lp-ai-animation-answer-body-inner {
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
    }

    .lp-ai-animation-answer-body-inner {
      height: auto;
      min-height: 110px;
      overflow: visible;
    }

    .lp-ai-animation-answer-typed-text {
      display: block;
      width: 100%;
      max-width: 100%;
      white-space: normal;
      overflow-wrap: anywhere;
      word-break: normal;
      box-sizing: border-box;
    }

    .lp-ai-animation-answer-footer {
      width: 100%;
      max-width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 6px;
      box-sizing: border-box;
      padding: 0 8px 8px;
    }

    .lp-ai-animation-answer-footer-left {
      display: flex;
      align-items: center;
      min-width: 0;
      gap: 6px;
    }

    .lp-ai-animation-answer-footer-right {
      flex: 0 0 auto;
    }

    .lp-ai-animation-answer-button {
      height: 28px;
      flex: 0 0 auto;
      padding: 0 6px;
      font-size: 11px;
      white-space: nowrap;
      box-sizing: border-box;
    }

    .lp-ai-animation-answer-button-replace {
      max-width: 100%;
      margin-right: 0;
    }

    .lp-ai-animation-answer-button-shortcut {
      flex: 0 0 auto;
    }

    .lp-ai-cards {
      width: 326px;
      margin-left: auto;
      margin-right: auto;
      padding: 0;
      text-align: left;
    }

    .lp-ai-cards-title {
      font-size: 32px;
      line-height: 40px;
      font-weight: 500;
      text-align: left;
      margin: 0 0 32px;
      padding-left: 24px;
    }

    .lp-ai-cards-items {
      width: 100%;
      position: relative;
    }

    .lp-ai-cards-items::before {
      display: block;
      content: "";
      position: absolute;
      left: -1px;
      top: 0;
      width: 1px;
      height: 100%;
      background: rgba(255,255,255,.12);
      pointer-events: none;
    }

    .lp-ai-card {
      width: 100%;
      height: auto;
      position: relative;
      padding: 24px;
      text-align: left;
      border: 0;
      background: transparent;
    }

    .lp-ai-card-icon {
      width: 40px;
      height: 40px;
      display: block;
      margin: 0 0 19px 0;
    }

    .lp-ai-card:not(:last-child)::before {
      content: "";
      position: absolute;
      left: 0;
      right: auto;
      top: auto;
      bottom: 0;
      width: 100%;
      height: 1px;
      background: linear-gradient(
        to right,
        rgba(255,255,255,.18),
        rgba(255,255,255,0)
      );
      pointer-events: none;
    }

    .lp-ai-card::after {
      content: "";
      position: absolute;
      left: -1px;
      top: 86px;
      width: 1px;
      height: 16px;
      opacity: 1;
      background: rgba(255,255,255,.24);
      pointer-events: none;
    }

    /* 4ª Seção Inteligência Conectada overrides */
    .lp-connected {
      position: relative;
      padding-top: 496px;
      padding-bottom: 145px;
      min-height: 0;
      overflow: visible;
    }

    .lp-connected-background-wrapper {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      margin: 0;
      transform: none;
      overflow: visible;
      pointer-events: none;
      z-index: 1;
    }

    .lp-connected-background {
      position: absolute;
      width: 806px;
      min-width: 806px;
      max-width: none;
      height: 849px;
      left: 50%;
      top: 56px;
      transform: translateX(-50%);
      object-fit: contain;
      z-index: 1;
      pointer-events: none;
    }

    .lp-connected .lp-rising-stars {
      position: absolute;
      width: 936px;
      height: 212px;
      left: 50%;
      top: 234px;
      transform: translateX(-50%);
      opacity: .7;
      pointer-events: none;
      z-index: 2;
    }

    .lp-connected .lp-section-header {
      position: relative;
      z-index: 3;
      max-width: 358px;
      margin: 0 auto 48px;
      padding-top: 0;
      text-align: center;
    }

    .lp-connected .lp-section-badge {
      position: relative;
      z-index: 3;
      margin: 0 auto 12px;
    }

    .lp-connected .lp-connected-title {
      max-width: 358px;
      margin: 12px auto 16px;
      padding: 0;
      font-size: 40px;
      line-height: 48px;
      font-weight: 500;
      letter-spacing: 0;
      text-align: center;
    }

    .lp-connected .lp-connected-description {
      max-width: 340px;
      margin: 0 auto;
      padding: 0;
      font-size: 16px;
      line-height: 24px;
      font-weight: 400;
      text-align: center;
    }

    .lp-connected-cards {
      position: relative;
      z-index: 2;
    }

    /* Connected Cards mobile stage layout overrides */
    .lp-connected-card-image {
      position: relative;
      width: 100vw;
      max-width: none;
      left: 50%;
      transform: translateX(-50%);
      height: 256px;
      display: flex;
      justify-content: center;
      align-items: flex-start;
      overflow: hidden;
    }

    .lp-connected-card-image > div {
      position: relative;
      width: 468px !important;
      min-width: 468px !important;
      max-width: none !important;
      flex: 0 0 468px;
      height: 256px;
      margin: 0;
      padding: 0;
    }

    /* Card 2 Lupa elements */
    .lp-connected-record-background {
      display: block;
      width: 468px;
      min-width: 468px;
      max-width: none;
      height: 256px;
    }

    .lp-connected-record-circle img {
      display: block;
      width: 468px;
      min-width: 468px;
      max-width: none;
      height: 256px;
    }
  }

  /* Mobile Reflect Connected overrides (Tablet only) */
  @media (min-width: 768px) {
    .lp-connected {
      padding-bottom: 0;
      padding-top: 180px;
    }

    .lp-connected-background {
      width: 100%;
      height: auto;
      top: 0;
    }
  }

  .lp-connected-cards {
    width: 100%;
    display: block;
  }

  .lp-connected-card {
    max-width: 388px;
    margin: 0 auto;
    background: none !important;
  }

  @media (min-width: 768px) {
    .lp-connected-card-image > div {
      width: 100%;
      min-width: unset;
    }
  }

  .lp-connected-card-text span {
    display: block;
  }

  .lp-connected-card-text::before {
    content: unset;
  }

  .lp-connected-cards-lines div:first-child {
    top: 408px;
    left: 0;
    width: 100%;
    background: linear-gradient(
      to left,
      rgba(243,238,255,.12) -.89%,
      rgba(243,238,255,0) 100%
    );
    height: 1px;
  }

  .lp-connected-cards-lines div:not(:first-child) {
    display: none;
  }

  @media (min-width: 768px) {
    .lp-connected .lp-connected-title {
      font-size: 32px;
      line-height: 40px;
      padding: 0 16px;
    }

    .lp-connected .lp-connected-description {
      font-size: 14px;
      line-height: 22px;
      padding: 0 16px;
    }
  }

  /* Mobile Research Section overrides */
  .lp-research {
    width: 100%;
    padding-bottom: 0;
    padding-top: 32px;
  }

  .lp-research-radar {
    position: relative;
    width: 890px;
    min-width: 890px;
    height: 890px;
    left: 50%;
    transform: translateX(-50%);
  }

  .lp-research-radar-wrapper {
    display: block;
    position: relative;
    width: 100vw;
    max-width: none;
    left: 50%;
    transform: translateX(-50%);
    height: 890px;
    overflow: hidden;
  }

  .lp-research .lp-section-header {
    position: relative;
    z-index: 3;
    max-width: 358px;
    margin: -376px auto 48px;
    text-align: center;
  }

  .lp-research .lp-research-title {
    max-width: 358px;
    margin: 12px auto 16px;
    padding: 0;
    font-size: 40px;
    line-height: 48px;
    font-weight: 500;
    letter-spacing: 0;
    text-align: center;
  }

  .lp-research .lp-section-header-description {
    max-width: 340px;
    margin: 0 auto;
    padding: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
  }

  .lp-research-cards {
    display: block;
    max-width: 350px;
    margin: 0 auto;
  }

  .lp-research-section-lines {
    display: none;
  }
}

@media (max-width: 390px) {
  .lp-header {
    padding-left: 12px;
    padding-right: 12px;
  }

  .lp-header-logo {
    gap: 8px;
  }

  .lp-header-logo span {
    font-size: 15px;
    line-height: 20px;
  }

  .lp-header-login {
    font-size: 12px;
    line-height: 18px;
    margin-right: 10px;
  }

  .lp-header-trial {
    font-size: 11px;
    line-height: 16px;
    padding: 7px 8px;
    white-space: nowrap;
  }

  .lp-menu-toggle {
    margin-left: 8px;
  }
}
/* ==========================================================================
   SECTION 6: REFLECT ENCRYPTION
   ========================================================================== */
.lp-encryption {
  padding: 222px 0 236px;
  position: relative;
  text-align: center;
  overflow: hidden;
}

.lp-encryption-background {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1568px;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  transition: .75s cubic-bezier(.6,.6,0,1) opacity;
  -webkit-mask-image: radial-gradient(50% 50% at 50% 50%, #fff 60.94%, transparent 100%);
  mask-image: radial-gradient(50% 50% at 50% 50%, #fff 60.94%, transparent 100%);
}

.lp-encryption-background-loaded {
  opacity: 1;
}

.lp-encryption-background video {
  display: block;
  width: 100%;
  height: auto;
}

.lp-encryption-logo {
  width: 80px;
  margin: 0 auto 48px;
  position: relative;
  cursor: pointer;
}

.lp-encryption-logo-image {
  width: 80px;
  height: 80px;
  position: relative;
  z-index: 1;
}

.lp-encryption-logo-lock {
  width: 52px;
  height: 44px;
  display: block;
  margin: 0 auto -22px;
  transform: translateY(0);
  transition: cubic-bezier(.6,.6,0,1) .45s transform, 1s cubic-bezier(.6,.6,0,1) opacity !important;
}

.lp-encryption-logo:hover .lp-encryption-logo-lock {
  transform: translateY(22px) !important;
}

.lp-encryption-title {
  margin: 0;
  text-align: center;
  font-family: AeonikPro, system-ui, sans-serif;
  font-size: 56px;
  line-height: 64px;
  font-weight: 500;
  color: #f4f0ff;
}

.lp-encryption-title span {
  display: block;
  background: linear-gradient(
    180deg,
    #fff 0%,
    rgba(255,255,255,.7) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.lp-encryption-description {
  max-width: 455px;
  margin: 12px auto 0;
  text-align: center;
  color: rgba(239,237,253,.70);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.lp-encryption-header-desktop {
  position: relative;
  z-index: 3;
}

.lp-encryption-header-mobile {
  position: relative;
  z-index: 3;
}

@media (min-width: 1248px) {
  .lp-encryption-header-mobile {
    display: none;
  }
}

@media (max-width: 1248px) {
  .lp-encryption {
    padding-top: 134px;
    padding-bottom: 46px;
  }

  .lp-encryption-header-desktop {
    display: none;
  }

  .lp-encryption-header-mobile {
    display: block;
  }

  .lp-encryption-background {
    width: 100%;
    max-width: 768px;
  }
}

@media (max-width: 767px) {
  .lp-encryption {
    position: relative;
    width: 100vw;
    max-width: none;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 128px;
    padding-bottom: 120px;
    min-height: 620px;
    text-align: center;
    overflow: hidden;
  }

  .lp-encryption-background {
    position: absolute;
    width: 1000px;
    min-width: 1000px;
    max-width: none;
    height: 470px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    pointer-events: none;
  }

  .lp-encryption-background video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    margin: 0;
    transform: scale(1.8);
  }

  .lp-encryption-logo {
    margin: 0 auto 24px;
  }

  .lp-encryption .lp-encryption-title {
    width: 100%;
    max-width: 358px;
    margin: 12px auto 16px;
    padding: 0;
    font-size: 40px;
    line-height: 48px;
    font-weight: 500;
    letter-spacing: 0;
    text-align: center;
  }

  .lp-encryption .lp-encryption-description {
    width: 100%;
    max-width: 340px;
    margin: 12px auto 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
  }
}

/* ==========================================================================
   SECTION 7: REFLECT MEETINGS
   ========================================================================== */
.lp-meetings {
  padding: 294px 0 24px;
  position: relative;
}

.lp-meetings-ring {
  width: 100%;
  height: 431px;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.lp-meetings-ring-inner {
  width: 812px;
  min-width: 812px;
  height: 100%;
}

.lp-meetings-ring img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.lp-meetings .lp-section-header {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  text-align: center;
  z-index: 3;
}

.lp-meetings .lp-section-badge {
  width: max-content;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 12px;
}

.lp-meetings .lp-section-title {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  text-align: center;
  font-size: 56px;
  line-height: 64px;
  font-weight: 500;
  letter-spacing: normal;
  color: #f4f0ff;
}

.lp-meetings .lp-section-title > span {
  display: block;
}

.lp-meetings .lp-section-header-description {
  width: 100%;
  max-width: 554px;
  margin: 12px auto 0;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: rgba(239, 237, 253, 0.70);
}

.lp-meetings-animation {
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
  --progress: 0;
}

@media (min-width: 1249px) {
  .lp-meetings-animation::before {
    content: "";
    position: absolute;
    width: 896px;
    height: 466px;
    left: 50%;
    top: 56px;
    transform: translateX(-50%);
    box-sizing: border-box;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    pointer-events: none;
    z-index: 1;
  }
}

.lp-meetings-animation-fader {
  width: 100%;
  height: 272px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  background: linear-gradient(
    180deg,
    rgba(3,0,20,0) 0%,
    rgba(3,0,20,.50) 34.48%,
    #030014 82.36%
  );
  pointer-events: none;
}

.lp-meetings-animation-items {
  display: flex;
  justify-content: center;
  gap: 0;
  column-gap: 0;
  row-gap: 0;
}

.lp-meetings-piece-wrapper {
  width: 96px;
  height: 604px;
  flex: 0 0 96px;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  z-index: 1;
  transform: translateY(calc((1 - var(--progress)) * var(--top)));
  transition: 1s ease transform;
}

/* Divisores verticais das fatias */
.lp-meetings-piece-wrapper::before,
.lp-meetings-piece-wrapper::after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  opacity: calc(1 - var(--progress));
  transition: 1s ease opacity;
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.20) 33.33%,
    rgba(255,255,255,.06) 66.67%,
    rgba(255,255,255,0) 100%
  );
  z-index: 3;
  pointer-events: none;
}

.lp-meetings-piece-wrapper::before {
  left: 0;
}

.lp-meetings-piece-wrapper::after {
  right: 0;
}

/* Overlay interno das fatias */
.lp-meetings-piece-wrapper-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: calc(1 - var(--progress));
  transition: 1s ease opacity;
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0) -.83%,
    rgba(255,255,255,.08) 49.59%,
    rgba(255,255,255,0) 100%
  );
  z-index: 2;
  pointer-events: none;
}

/* Fader Wrapper Layer */
.lp-meetings-piece-wrapper-fader {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: calc(1 - var(--progress)) !important;
  transition: 1s ease opacity;
  z-index: 1;
}

/* Peça principal */
.lp-meetings-piece {
  width: 896px;
  height: 466px;
  position: absolute;
  top: 56px;
  overflow: hidden;
  isolation: isolate;
  transform: translateY(calc((1 - var(--progress)) * 119px));
  transition: 1s ease transform, 1s ease opacity;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  filter: none;
  mix-blend-mode: normal;
  opacity: var(--progress);
}

.lp-meetings-piece-background {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 896px;
  min-width: 896px;
  max-width: none;
  height: 466px;
  object-fit: fill;
  transform: none;
}

/* Cards Google Calendar, Outlook e Meetings Panel */
.lp-meetings-piece-box {
  position: absolute;
  mask-size: cover;
  -webkit-mask-size: cover;
}

.lp-meetings-piece-box-inner {
  margin-top: 8px;
  margin-right: 8px;
  border-radius: 8px;
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.08) 100%
  ),
  rgba(6,3,23,.96);
  box-shadow: inset 0 0 24px rgba(255,255,255,.04);
  transition: 1s ease transform;
}

/* Google e Outlook masks e posições */
.lp-meetings-piece-box-calendar,
.lp-meetings-piece-box-outlook {
  width: 372px;
  height: 80px;
  mask-image: linear-gradient(to right, transparent 0%, #fff 31%);
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #fff 31%);
}

.lp-meetings-piece-box-calendar .lp-meetings-piece-box-inner,
.lp-meetings-piece-box-outlook .lp-meetings-piece-box-inner {
  width: 256px;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  margin-left: auto;
  transform: translate(calc((1 - var(--progress)) * -100%));
}

.lp-meetings-piece-box-outlook {
  right: 332px;
  top: 158px;
}

.lp-meetings-piece-box-calendar {
  right: 417px;
  top: 234px;
}

.lp-meetings-box-icon {
  width: 28px;
  height: 28px;
  margin-right: 16px;
  object-fit: contain;
}

.lp-meetings-box-title {
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  color: rgba(255,255,255,.80);
}

.lp-meetings-box-value {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  color: rgba(255,255,255,.44);
}

/* Meetings Panel */
.lp-meetings-piece-box-meetings {
  width: 672px;
  position: absolute;
  left: 485px;
  top: 234px;
  mask-image: linear-gradient(to left, transparent 0%, #fff 50%);
  -webkit-mask-image: linear-gradient(to left, transparent 0%, #fff 50%);
}

.lp-meetings-piece-box-meetings .lp-meetings-piece-box-inner {
  width: 336px;
  padding: 12px 16px 16px;
  transform: translate(calc((1 - var(--progress)) * 100%));
}

.lp-meetings-label {
  font-size: 13px;
  line-height: 24px;
  font-weight: 500;
  color: rgba(255,255,255,.32);
  margin-bottom: 8px;
  padding-left: 8px;
  text-align: left;
}

.lp-meeting-items {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.lp-meeting-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 8px 8px 14px;
  border-radius: 6px;
  background: rgba(255,255,255,.02);
  border: 1px solid rgba(255,255,255,.05);
  box-shadow: inset 0 0 24px rgba(255,255,255,.06);
}

.lp-meeting-item-left {
  display: flex;
  align-items: center;
}

.lp-meeting-clock-icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  color: rgba(255, 255, 255, 0.24);
  flex-shrink: 0;
}

.lp-meeting-item-title {
  font-size: 13px;
  line-height: 24px;
  font-weight: 500;
  color: rgba(255,255,255,.80);
  max-width: 195px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}

.lp-meeting-item-time {
  font-size: 13px;
  line-height: 24px;
  font-weight: 400;
  color: rgba(255,255,255,.36);
  margin-right: 4px;
}

/* Complete state finishing overlay cleaning */
.lp-meetings-complete .lp-meetings-piece-wrapper-fader {
  opacity: 0 !important;
}

.lp-meetings-complete .lp-meetings-piece-wrapper::before,
.lp-meetings-complete .lp-meetings-piece-wrapper::after,
.lp-meetings-complete .lp-meetings-piece-wrapper-mask {
  opacity: 0 !important;
}

.lp-meetings-complete .lp-meetings-piece {
  opacity: 1 !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* Breathing Glow on Parameters Image via Pseudo-element */
.lp-meetings-animation::after {
  content: "";
  position: absolute;
  inset: 2% 2% 4%;
  pointer-events: none;
  z-index: 3;
  opacity: 0;
  background: radial-gradient(
    ellipse at 50% 48%,
    rgba(220, 210, 255, 0.34) 0%,
    rgba(155, 125, 255, 0.24) 24%,
    rgba(100, 70, 235, 0.12) 50%,
    rgba(3, 0, 20, 0) 78%
  );
  filter: blur(18px);
  mix-blend-mode: screen;
}

.lp-meetings-animation.lp-meetings-complete::after {
  animation: lpParametersBreathingGlow 5s ease-in-out infinite;
}

@keyframes lpParametersBreathingGlow {
  0%, 100% {
    opacity: 0.08;
  }
  50% {
    opacity: 0.48;
  }
}

/* Mobile max-width: 767px overrides */
@media (max-width: 767px) {
  .lp-meetings-animation.lp-meetings-complete::after {
    animation: lpParametersBreathingGlowMobile 5s ease-in-out infinite;
  }
}

@keyframes lpParametersBreathingGlowMobile {
  0%, 100% {
    opacity: 0.06;
  }
  50% {
    opacity: 0.32;
  }
}

/* Reduced motion overrides */
@media (prefers-reduced-motion: reduce) {
  .lp-meetings-animation.lp-meetings-complete::after {
    animation: none;
    opacity: 0.12;
  }
}

/* Mobile image fallback */
.lp-meetings-animation-mobile {
  width: 896px;
  height: 467px;
  margin-top: 56px;
  display: none;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1248px) {
  .lp-meetings {
    padding-top: 100px;
    padding-bottom: 46px;
  }

  .lp-meetings-animation-items,
  .lp-meetings-animation-fader {
    display: none !important;
  }

  .lp-meetings-animation-mobile {
    display: block;
  }
}

@media (max-width: 767px) {
  .lp-meetings {
    padding-top: 294px;
    padding-bottom: 46px;
  }

  .lp-meetings .lp-section-title {
    width: 100%;
    max-width: 358px;
    margin: 12px auto 16px;
    padding: 0;
    font-size: 40px;
    line-height: 48px;
    font-weight: 500;
    letter-spacing: 0;
    text-align: center;
  }

  .lp-meetings .lp-section-header-description {
    width: 100%;
    max-width: 340px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
  }

  .lp-meetings-animation-mobile {
    width: 100%;
    max-width: 896px;
    height: auto;
    margin-top: 56px;
    display: block;
    object-fit: contain;
    margin-left: auto;
    margin-right: auto;
  }
}
/* ==========================================================================
   SECTION 8: REFLECT INTEGRATIONS
   ========================================================================== */
.lp-integrations {
  width: 100%;
  margin: 0 auto;
  padding-top: 116px;
  padding-bottom: 172px;
  position: relative;
  background: radial-gradient(
    45.1% 50%
    at 50% 50%,
    rgba(148,101,255,.06) 0%,
    rgba(3,0,20,0) 100%
  );
}

.lp-integrations .lp-section-header {
  margin-bottom: 48px;
  text-align: center;
}

.lp-integrations .lp-section-title {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  text-align: center;
  font-size: 56px !important;
  line-height: 64px !important;
  font-weight: 500 !important;
  letter-spacing: normal !important;
}

.lp-integrations .lp-section-title > span {
  display: block !important;
}

@media (min-width: 1248px) {
  .lp-integrations-mobile-texts,
  .lp-integrations .lp-section-header-description {
    display: none !important;
  }
}

.lp-integrations-items {
  width: 984px;
  height: 432px;
  margin: 0 auto;
  padding: 9px 24px 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  position: relative;
  background-image: url('/landing/assets/integrations-grid.png');
  background-size: cover;
  background-position: center calc(50% - 12px);
  background-repeat: no-repeat;
  transition: 1s cubic-bezier(.6,.6,0,1) opacity;
  z-index: 0;
}

.lp-integrations-item {
  width: 468px;
  padding: 32px;
  text-align: center;
  position: relative;
  box-sizing: border-box;
}

/* Gradientes dos quadrantes */
.lp-integrations-item:nth-child(1) {
  background: radial-gradient(
    100% 100%
    at 100% 100%,
    rgba(255,255,255,.08) 0%,
    rgba(3,0,20,0) 100%
  );
}

.lp-integrations-item:nth-child(2) {
  background: radial-gradient(
    100% 100%
    at 0% 100%,
    rgba(255,255,255,.03) 0%,
    rgba(3,0,20,0) 100%
  );
}

.lp-integrations-item:nth-child(3) {
  background: radial-gradient(
    100% 100%
    at 100% 0%,
    rgba(255,255,255,.03) 0%,
    rgba(3,0,20,0) 100%
  );
}

.lp-integrations-item:nth-child(4) {
  background: radial-gradient(
    100% 100%
    at 0% 0%,
    rgba(255,255,255,.08) 0%,
    rgba(3,0,20,0) 100%
  );
}

/* Tipografia e tamanho dos logos */
.lp-integrations-item-logo {
  display: block;
  width: auto;
  object-fit: contain;
}

.lp-integrations-item-normal .lp-integrations-item-logo {
  height: 40px;
  margin: 0 auto 24px;
}

.lp-integrations-item-merged .lp-integrations-item-logo {
  height: 48px;
  margin: 0 auto 24px;
}

.lp-integrations-item-title {
  color: #f4f0ff;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: normal;
}

.lp-integrations-item-description {
  color: rgba(239, 237, 253, 0.70);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

/* Logo central */
.lp-integrations-logo {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  top: 192px;
  transform: translateX(-50%);
  z-index: 3;
  object-fit: contain;
}

/* Waves Container */
.lp-integrations-waves {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  top: 192px;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 1;
}

/* Elemento base das waves abstratas */
.lp-integration-wave {
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(
    circle,
    rgba(147,130,255,.03) 0%,
    rgba(147,130,255,.05) 45%,
    rgba(147,130,255,.12) 68%,
    rgba(147,130,255,.04) 78%,
    rgba(147,130,255,0) 100%
  );
  border: 1px solid rgba(164,145,255,.14);
  box-shadow:
    inset 0 0 18px rgba(139,108,255,.08),
    0 0 18px rgba(139,108,255,.05);
  animation-duration: 3.5s;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(.6,.6,0,1);
}

/* Wave 1 */
.lp-integration-wave.wave-1 {
  width: 48px;
  height: 48px;
  animation-name: lpIntegrationWave1;
}

@keyframes lpIntegrationWave1 {
  0% {
    opacity: 1;
    transform: translate(-50%,-50%) scale(1);
  }
  90%, 100% {
    opacity: 0;
    transform: translate(-50%,-50%) scale(5);
  }
}

/* Wave 2 */
.lp-integration-wave.wave-2 {
  width: 40px;
  height: 40px;
  animation-name: lpIntegrationWave2;
}

@keyframes lpIntegrationWave2 {
  0% {
    opacity: 1;
    transform: translate(-50%,-50%) scale(1);
  }
  68%, 100% {
    opacity: 0;
    transform: translate(-50%,-50%) scale(4);
  }
}

/* Wave 3 */
.lp-integration-wave.wave-3 {
  width: 32px;
  height: 32px;
  animation-name: lpIntegrationWave3;
}

@keyframes lpIntegrationWave3 {
  0% {
    opacity: 1;
    transform: translate(-50%,-50%) scale(1);
  }
  71%, 100% {
    opacity: 0;
    transform: translate(-50%,-50%) scale(3);
  }
}

/* Linhas de energia */
.lp-integrations-lines {
  width: 1px;
  height: calc(100% - 8px);
  position: absolute;
  left: 50%;
  top: 8px;
  transform: translateX(-50%);
  pointer-events: none;
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(255,255,255,0) 0%,
    #fff 25%,
    #fff 50%,
    #fff 75%,
    rgba(255,255,255,0) 100%
  );
  mask-image: linear-gradient(
    to bottom,
    rgba(255,255,255,0) 0%,
    #fff 25%,
    #fff 50%,
    #fff 75%,
    rgba(255,255,255,0) 100%
  );
  -webkit-mask-size: cover;
  mask-size: cover;
  z-index: 1;
}

.lp-integrations-lines > div {
  width: 1px;
  height: 50px;
  position: absolute;
  left: 0;
  top: 50%;
  opacity: 0;
  background: linear-gradient(
    to bottom,
    rgba(201,177,255,0),
    #c9b1ff,
    rgba(201,177,255,0)
  );
  animation-delay: .5s;
  animation-duration: 3.5s;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(.6,.6,0,1);
}

.lp-integrations-lines > div:nth-child(1) {
  animation-name: lpIntegrationsLineUp;
}

@keyframes lpIntegrationsLineUp {
  0% {
    opacity: 0;
    transform: translateY(-50%);
  }
  20% {
    opacity: 1;
  }
  86%, 100% {
    opacity: 1;
    transform: translateY(-500px);
  }
}

.lp-integrations-lines > div:nth-child(2) {
  animation-name: lpIntegrationsLineDown;
}

@keyframes lpIntegrationsLineDown {
  0% {
    opacity: 0;
    transform: translateY(-50%);
  }
  20% {
    opacity: 1;
  }
  86%, 100% {
    opacity: 1;
    transform: translateY(500px);
  }
}

/* Static side lines */
.lp-integrations-static-lines {
  width: 1000px;
  height: 408px;
  position: absolute;
  left: 50%;
  top: 116px;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  z-index: 1;
}

.lp-integrations-static-lines::before {
  content: "";
  width: 1px;
  height: 100%;
  background: linear-gradient(
    to top,
    rgba(243,238,255,0) -.89%,
    rgba(243,238,255,.12) 100%
  );
}

.lp-integrations-static-lines::after {
  content: "";
  width: 1px;
  height: 100%;
  background: linear-gradient(
    to bottom,
    rgba(243,238,255,0) -.89%,
    rgba(243,238,255,.12) 100%
  );
}

/* Mobile Texts (fallback a ser exibido abaixo de 1248px) */
.lp-integrations-mobile-texts {
  display: none;
}

.lp-integrations-rotator-card {
  display: none;
}

/* Responsivo / Mobile Breakpoint */
@media (max-width: 1248px) {
  .lp-integrations {
    padding-top: 352px;
    padding-bottom: 24px;
    width: 100%;
  }

  .lp-integrations .lp-section-header-description {
    display: block !important;
    max-width: 270px;
    margin: 12px auto 0;
  }

  .lp-integrations-items {
    width: 390px;
    height: 328px;
    position: absolute;
    left: 50%;
    top: 56px;
    transform: translateX(-50%);
    padding: 9px 0 0;
    background-image: url('/landing/assets/integrations-grid-mobile.png');
    grid-template-columns: repeat(2, 1fr);
  }

  .lp-integrations-item {
    width: 195px;
    padding: 40px;
  }

  /* Ocultar textos nos quadrantes do grid no Mobile */
  .lp-integrations-item .lp-integrations-item-title,
  .lp-integrations-item .lp-integrations-item-description {
    display: none !important;
  }

  /* Reposicionar logos no mobile */
  .lp-integrations-item:nth-child(1) {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
  }

  .lp-integrations-item:nth-child(2) {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .lp-integrations-item:nth-child(3) {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
  }

  .lp-integrations-item:nth-child(4) {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .lp-integrations-item-logo {
    margin: 0 !important;
  }

  /* Centralizadores no mobile */
  .lp-integrations-logo,
  .lp-integrations-waves {
    top: 141px;
  }

  .lp-integrations-static-lines {
    display: none !important;
  }

  /* Mostrar textos agrupados no fim */
  .lp-integrations-mobile-texts {
    display: block;
    width: 100%;
    max-width: 318px;
    margin: 40px auto 0;
    padding: 0;
  }

  .lp-integrations-mobile-item {
    background: none !important;
    width: 100%;
    margin-bottom: 24px;
    text-align: left;
  }

  .lp-integrations-mobile-item:last-child {
    margin-bottom: 0;
  }

  .lp-integrations-mobile-item .lp-integrations-item-title {
    color: #f4f0ff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 8px;
  }

  .lp-integrations-mobile-item .lp-integrations-item-description {
    color: rgba(239, 237, 253, 0.70);
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
  }
}

@media (max-width: 767px) {
  .lp-integrations {
    padding-top: 410px;
    padding-bottom: 24px;
  }

  .lp-integrations-items {
    background-position: center !important;
    background-size: contain !important;
  }

  .lp-integrations-logo,
  .lp-integrations-waves,
  .lp-integrations-lines {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
  }

  .lp-integrations-mobile-texts {
    display: none !important;
  }

  .lp-integrations-item .lp-integrations-item-logo {
    opacity: 0.4;
    filter: none;
    transform: scale(1);
    transition: opacity 300ms ease, filter 300ms ease, transform 300ms ease;
  }

  .lp-integrations-item.active .lp-integrations-item-logo {
    opacity: 1;
    filter: drop-shadow(0 0 10px rgba(140,100,255,.55));
    transform: scale(1.08);
  }

  .lp-integrations-rotator-card {
    display: block;
    background: rgba(255,255,255,.025);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 16px;
    backdrop-filter: blur(14px);
    padding: 20px;
    width: calc(100% - 32px);
    max-width: 358px;
    margin: 28px auto 36px;
    box-sizing: border-box;
    text-align: center;
  }

  .lp-integrations-rotator-content {
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: opacity 400ms ease, transform 400ms ease;
  }

  .lp-integrations-rotator-title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #f4f0ff;
    margin: 0 0 8px;
  }

  .lp-integrations-rotator-description {
    font-size: 14px;
    line-height: 22px;
    color: rgba(239,237,253,.70);
    margin: 0;
  }

  .lp-integrations-rotator-indicators {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
  }

  .lp-integrations-rotator-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255,255,255,.2);
    transition: background 300ms ease;
  }

  .lp-integrations-rotator-dot.active {
    background: #8c64ff;
  }

  .lp-integrations .lp-section-title {
    font-size: 40px !important;
    line-height: 48px !important;
    font-weight: 500 !important;
    max-width: 358px !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  .lp-integrations .lp-section-title > span {
    display: inline !important;
  }

  .lp-integrations .lp-section-header-description {
    max-width: 340px;
    margin: 16px auto 0;
    padding: 0;

    font-size: 16px;
    line-height: 24px;
    font-weight: 400;

    text-align: center;
    color: rgba(239,237,253,.70);
  }
}

/* ==========================================================================
   SECTION 9: PRICING (TRIBANCE)
   ========================================================================== */
.lp-pricing {
  width: 100%;
  margin: 0 auto;
  padding-top: 148px;
  padding-bottom: 148px;
  position: relative;
  background: #030014;
  overflow: visible;
}

.lp-pricing .lp-section-header {
  margin-bottom: 56px;
  text-align: center;
  position: relative;
  z-index: 3;
}

.lp-pricing .lp-section-header-description {
  max-width: 560px;
  margin: 12px auto 0;
  text-align: center;
  color: rgba(239, 237, 253, 0.60);
}

.lp-pricing-title-highlight {
  background: linear-gradient(
    90deg,
    #f4f0ff 0%,
    #c9b1ff 45%,
    #9382ff 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

/* Camada 2: Esfera estática original */
.lp-pricing-orb {
  position: absolute;
  left: 50%;
  top: 180px;
  width: 744px;
  height: 837px;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 0;
  opacity: .82;
  overflow: visible;
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    #000 10%,
    #000 82%,
    transparent 100%
  );
  mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    #000 10%,
    #000 82%,
    transparent 100%
  );
}

.lp-pricing-orb img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  animation: none !important;
}

/* Cosmic background elements (Ambient Aurora Pulse) */
.lp-pricing-ambient-light {
  position: absolute;
  left: 50%;
  top: 48%;
  width: 1100px;
  height: 620px;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 1;
  background: transparent;
  overflow: visible;
  -webkit-mask-image: radial-gradient(
    ellipse at center,
    #000 0%,
    #000 44%,
    rgba(0,0,0,.72) 60%,
    transparent 84%
  );
  mask-image: radial-gradient(
    ellipse at center,
    #000 0%,
    #000 44%,
    rgba(0,0,0,.72) 60%,
    transparent 84%
  );
}

.lp-pricing-ambient-light-primary {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 880px;
  height: 420px;
  transform: translate(-50%, -50%) scale(.97);
  border-radius: 50%;
  background: radial-gradient(
    ellipse at center,
    rgba(171,137,255,.20) 0%,
    rgba(139,96,255,.12) 30%,
    rgba(94,61,190,.055) 52%,
    rgba(3,0,20,0) 74%
  );
  filter: blur(42px);
  opacity: .30;
  animation: lpPricingAmbientPrimary 10s ease-in-out infinite;
  will-change: transform, opacity;
}

@keyframes lpPricingAmbientPrimary {
  0%, 100% {
    opacity: .20;
    transform: translate(-50%, -50%) translateY(8px) scale(.97);
  }
  50% {
    opacity: .30;
    transform: translate(-50%, -50%) translateY(-4px) scale(1.025);
  }
}

.lp-pricing-ambient-light-secondary {
  position: absolute;
  left: 50%;
  top: 56%;
  width: 1050px;
  height: 500px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(
    ellipse at center,
    rgba(119,88,235,.10) 0%,
    rgba(90,62,190,.05) 42%,
    rgba(3,0,20,0) 72%
  );
  filter: blur(58px);
  opacity: .18;
  animation: lpPricingAmbientSecondary 14s ease-in-out infinite;
  animation-delay: -4s;
  will-change: transform, opacity;
}

@keyframes lpPricingAmbientSecondary {
  0%, 100% {
    opacity: .10;
    transform: translate(-50%, -50%) translateX(-12px) scale(1);
  }
  50% {
    opacity: .18;
    transform: translate(-50%, -50%) translateX(12px) scale(1.035);
  }
}

@media (prefers-reduced-motion: reduce) {
  .lp-pricing-ambient-light-primary,
  .lp-pricing-ambient-light-secondary {
    animation: none;
  }
}

/* Pricing Grid */
.lp-pricing-grid {
  width: min(1200px, calc(100% - 48px));
  margin: 56px auto 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  position: relative;
  z-index: 4;
  align-items: stretch;
}

/* Pricing Card base */
.lp-pricing-card {
  height: 100%;
  padding: 28px;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  background: linear-gradient(
    180deg,
    rgba(10, 6, 30, 0.88) 0%,
    rgba(5, 2, 20, 0.94) 100%
  );
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 18px;
  box-shadow: 
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    inset 0 0 32px rgba(255, 255, 255, 0.018);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  transition: border-color 0.4s cubic-bezier(.6,.6,0,1), box-shadow 0.4s cubic-bezier(.6,.6,0,1);
}

.lp-pricing-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(
    80% 60%
    at 50% 0%,
    rgba(147, 130, 255, 0.10) 0%,
    rgba(147, 130, 255, 0) 100%
  );
  transition: 0.45s cubic-bezier(.6, .6, 0, 1) opacity;
  z-index: 1;
}

.lp-pricing-card::after {
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  top: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(178, 153, 255, 0.22),
    transparent
  );
  pointer-events: none;
  z-index: 2;
}

.lp-pricing-card:hover::before {
  opacity: 1;
}

.lp-pricing-card:hover {
  border-color: rgba(255, 255, 255, 0.16);
}

/* Card Recomendado (is-recommended) */
.lp-pricing-card.is-recommended {
  border-color: rgba(147, 130, 255, 0.32);
  background: linear-gradient(
    180deg,
    rgba(17, 10, 46, 0.92) 0%,
    rgba(7, 3, 25, 0.95) 100%
  );
  box-shadow: 
    inset 0 1px 0 rgba(194, 177, 255, 0.10),
    inset 0 0 42px rgba(147, 130, 255, 0.05),
    0 0 30px rgba(105, 72, 210, 0.035);
  animation: lpPricingRecommendedPulse 4.5s ease-in-out infinite;
}

.lp-pricing-card.is-recommended:hover {
  border-color: rgba(147, 130, 255, 0.48);
}

@keyframes lpPricingRecommendedPulse {
  0%, 100% {
    border-color: rgba(147,130,255,.32);
    box-shadow:
      inset 0 1px 0 rgba(194,177,255,.10),
      inset 0 0 42px rgba(147,130,255,.05),
      0 0 30px rgba(105,72,210,.035);
  }

  50% {
    border-color: rgba(174,151,255,.52);
    box-shadow:
      inset 0 1px 0 rgba(194,177,255,.14),
      inset 0 0 42px rgba(147,130,255,.075),
      0 0 42px rgba(105,72,210,.09);
  }
}

@media (prefers-reduced-motion: reduce) {
  .lp-pricing-card.is-recommended {
    animation: none;
  }
}

/* Eyebrows sutil do plano */
.lp-pricing-eyebrow {
  font-size: 10px;
  line-height: 14px;
  font-weight: 500;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: rgba(183, 164, 251, 0.55);
  margin-bottom: 10px;
  position: relative;
  z-index: 2;
}

/* Badge do recomendado */
.lp-pricing-recommended {
  width: max-content;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  background: rgba(147, 130, 255, 0.10);
  border: 1px solid rgba(147, 130, 255, 0.24);
  color: #f4f0ff;
  margin-bottom: 10px;
  position: relative;
  z-index: 2;
}

/* Card Header */
.lp-pricing-card-header {
  min-height: 150px;
  position: relative;
  z-index: 2;
}

.lp-pricing-name {
  margin: 0;
  color: #f4f0ff;
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.25px;
}

.lp-pricing-plan-description {
  margin-top: 10px;
  min-height: 66px;
  font-size: 14px;
  line-height: 20px;
  color: rgba(239, 237, 253, 0.62);
}

/* Price Area */
.lp-pricing-price-area {
  min-height: 92px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
}

.lp-pricing-price-value {
  font-size: 44px;
  line-height: 52px;
  font-weight: 500;
  color: #f4f0ff;
  letter-spacing: -1px;
}

.lp-pricing-period {
  font-size: 14px;
  color: rgba(239, 237, 253, 0.55);
  margin-left: 6px;
  font-weight: 400;
}

/* Personalizado "Sob consulta" */
.lp-pricing-card--custom .lp-pricing-price-value {
  font-size: 38px;
  line-height: 46px;
  white-space: nowrap;
  letter-spacing: -0.7px;
}

/* Divider */
.lp-pricing-divider {
  width: 100%;
  height: 1px;
  margin: 0 0 24px;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.08),
    rgba(255, 255, 255, 0.04)
  );
  position: relative;
  z-index: 2;
}

/* Features List */
.lp-pricing-features {
  min-height: 190px;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
  list-style: none;
  position: relative;
  z-index: 2;
}

.lp-pricing-feature {
  min-height: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  line-height: 20px;
  color: rgba(244, 240, 255, 0.82);
}

/* Violet bullet checks */
.lp-pricing-check {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: rgba(147, 130, 255, 0.08);
  border: 1px solid rgba(147, 130, 255, 0.24);
  position: relative;
  flex-shrink: 0;
}

.lp-pricing-check::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  width: 3px;
  height: 7px;
  border: solid #f4f0ff;
  border-width: 0 1.5px 1.5px 0;
  transform: rotate(45deg);
}


.lp-pricing-implementation-info {
  width: 100%;
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 12px;
  margin-top: 10px;
  margin-bottom: 6px;
  border: 1px solid rgba(147, 130, 255, .20);
  border-radius: 8px;
  background: rgba(147, 130, 255, .045);
  color: rgba(244, 240, 255, .78);
  font: inherit;
  font-size: 13px;
  cursor: pointer;
  position: relative;
  z-index: 2;
  transition:
    border-color .3s cubic-bezier(.6,.6,0,1),
    background .3s cubic-bezier(.6,.6,0,1),
    box-shadow .3s cubic-bezier(.6,.6,0,1),
    transform .3s cubic-bezier(.6,.6,0,1),
    color .3s cubic-bezier(.6,.6,0,1);
}

.lp-pricing-implementation-info:hover {
  border-color: rgba(174, 151, 255, .52);
  background: rgba(147, 130, 255, .09);
  box-shadow: 0 0 24px rgba(105,72,210,.10);
  transform: translateY(-1px);
  color: #f4f0ff;
}

.lp-pricing-implementation-icon,
.lp-pricing-implementation-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.lp-pricing-implementation-icon svg {
  display: block;
}

.lp-pricing-implementation-arrow {
  transition: transform .3s cubic-bezier(.6,.6,0,1);
}

.lp-pricing-implementation-info:hover .lp-pricing-implementation-arrow {
  transform: translateX(2px);
}

.lp-pricing-card.is-recommended .lp-pricing-implementation-info {
  border-color: rgba(174,151,255,.34);
  background: rgba(147,130,255,.075);
}
/* CTA Buttons at the bottom */
.lp-pricing-card-cta {
  margin-top: auto;
  padding-top: 24px;
  position: relative;
  z-index: 2;
}

.lp-pricing-card-cta a {
  width: 100%;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  border: 1px solid rgba(147, 130, 255, 0.24);
  background: rgba(147, 130, 255, 0.055);
  color: rgba(235, 228, 255, 0.86);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: 0.35s cubic-bezier(.6,.6,0,1);
}

.lp-pricing-card-cta a:hover {
  background: rgba(147, 130, 255, 0.11);
  border-color: rgba(147, 130, 255, 0.38);
  color: #fff;
  box-shadow: 0 0 18px rgba(147, 130, 255, 0.10);
}

/* Recomendado CTA */
.lp-pricing-card.is-recommended .lp-pricing-card-cta a {
  background: linear-gradient(
    180deg,
    rgba(111, 82, 230, 0.46),
    rgba(74, 51, 177, 0.36)
  );
  border-color: rgba(174, 151, 255, 0.42);
  color: #fff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.10),
    inset 0 0 18px rgba(201, 177, 255, 0.06),
    0 0 22px rgba(105, 72, 210, 0.08);
}

.lp-pricing-card.is-recommended .lp-pricing-card-cta a::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.14) 50%,
    transparent 100%
  );
  transform: translateX(-120%);
  transition: transform 0.55s cubic-bezier(.6,.6,0,1);
  pointer-events: none;
}

.lp-pricing-card.is-recommended .lp-pricing-card-cta a:hover {
  background: linear-gradient(
    180deg,
    rgba(111, 82, 230, 0.58),
    rgba(74, 51, 177, 0.48)
  );
  border-color: rgba(174, 151, 255, 0.54);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    inset 0 0 20px rgba(201, 177, 255, 0.08),
    0 0 26px rgba(105, 72, 210, 0.12);
}

.lp-pricing-card.is-recommended .lp-pricing-card-cta a:hover::after {
  transform: translateX(120%);
}

/* Breakpoint responsivo para Tablet e Desktop menor */
@media (max-width: 1248px) {
  .lp-pricing {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .lp-pricing-grid {
    max-width: 760px;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .lp-pricing-ambient-light {
    top: 180px;
  }

  .lp-pricing-orb {
    top: 150px;
    transform: translateX(-50%) scale(0.85);
  }
}

/* Breakpoint responsivo para Mobile */
@media (max-width: 767px) {
  .lp-pricing {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .lp-pricing .lp-section-title {
    font-size: 40px !important;
    line-height: 48px !important;
    font-weight: 500 !important;
    max-width: 358px !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  .lp-pricing-ambient-light,
  .lp-pricing-orb {
    display: none !important;
  }

  .lp-pricing-grid {
    width: calc(100% - 32px);
    max-width: 380px;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 36px;
  }

  .lp-pricing-card {
    min-height: auto;
  }

  .lp-pricing-card--custom .lp-pricing-price-value {
    white-space: normal;
  }
}

/* ==========================================================================
   SECTION 10: TESTIMONIALS (WALL OF LOVE)
   ========================================================================== */
.lp-testimonials {
  position: relative;
  padding-top: 108px;
  padding-bottom: 72px;
  background: #030014;
  overflow: hidden;
}

.lp-testimonials .lp-section-header {
  position: relative;
  z-index: 3;
  margin-bottom: 48px;
  text-align: center;
}

/* Heart background container */
.lp-testimonials-heart {
  width: 602px;
  height: 557px;
  position: absolute;
  left: 50%;
  top: 72px;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 0;
}

.lp-testimonials-heart-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  transition: 1s cubic-bezier(.6,.6,0,1) opacity;
}

/* Conic glowing rotating layers */
.lp-testimonials-heart-animations {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.45;
}

.lp-testimonials-heart-animation {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-mask-size: cover;
  mask-size: cover;
  pointer-events: none;
}

.lp-testimonials-heart-animation-left {
  -webkit-mask-image: url('/landing/assets/testimonials-heart-mask-left.png');
  mask-image: url('/landing/assets/testimonials-heart-mask-left.png');
}

.lp-testimonials-heart-animation-right {
  -webkit-mask-image: url('/landing/assets/testimonials-heart-mask-right.png');
  mask-image: url('/landing/assets/testimonials-heart-mask-right.png');
}

.lp-testimonials-heart-animation > div {
  width: 200%;
  height: 120%;
  display: flex;
  position: absolute;
  left: 50%;
  top: 50%;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transition: .45s linear transform;
}

.lp-testimonials-heart-animation-left > div {
  animation-name: lpTestimonialsHeartLeft;
  transform: translate(-50%, -50%) rotate(-180deg);
}

.lp-testimonials-heart-animation-right > div {
  animation-name: lpTestimonialsHeartRight;
  animation-delay: 1s;
  transform: translate(-50%, -50%) rotate(180deg);
}

@keyframes lpTestimonialsHeartLeft {
  0% {
    transform: translate(-50%, -50%) rotate(-180deg);
  }
  60%, 100% {
    transform: translate(-50%, -50%) rotate(-540deg);
  }
}

@keyframes lpTestimonialsHeartRight {
  0% {
    transform: translate(-50%, -50%) rotate(180deg);
  }
  60%, 100% {
    transform: translate(-50%, -50%) rotate(540deg);
  }
}

/* Conic gradient lights */
.lp-testimonials-heart-animation-left > div::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: conic-gradient(
    from 180deg
    at 99.99% 49.95%,
    rgba(177, 218, 255, 0) -202.43deg,
    rgba(177, 218, 255, 0) 26.8deg,
    rgba(177, 218, 255, 0.11) 89.95deg,
    rgba(177, 218, 255, 0) 157.57deg,
    rgba(177, 218, 255, 0) 386.8deg
  );
}

.lp-testimonials-heart-animation-right > div::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: conic-gradient(
    from 0deg
    at .01% 49.95%,
    rgba(201, 177, 255, 0) -202.43deg,
    rgba(201, 177, 255, 0) 26.8deg,
    rgba(201, 177, 255, 0.11) 89.95deg,
    rgba(201, 177, 255, 0) 157.57deg,
    rgba(201, 177, 255, 0) 386.8deg
  );
}

/* Rising Stars background layer */
.lp-testimonials-rising-stars {
  width: 936px;
  height: 260px;
  position: absolute;
  left: 50%;
  top: -16px;
  transform: translateX(-50%);
  opacity: .55;
  pointer-events: none;
  overflow: hidden;
  z-index: 1;
  -webkit-mask-image: linear-gradient(
    180deg,
    rgba(217, 217, 217, 0) 0%,
    rgba(217, 217, 217, .8) 25%,
    #d9d9d9 50%,
    rgba(217, 217, 217, .8) 75%,
    rgba(217, 217, 217, 0) 100%
  );
  mask-image: linear-gradient(
    180deg,
    rgba(217, 217, 217, 0) 0%,
    rgba(217, 217, 217, .8) 25%,
    #d9d9d9 50%,
    rgba(217, 217, 217, .8) 75%,
    rgba(217, 217, 217, 0) 100%
  );
  -webkit-mask-size: cover;
  mask-size: cover;
}

/* Testimonials Wrapper */
.lp-testimonials-items {
  max-width: 1376px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 2;
}

/* Lateral Fading Overlay */
.lp-testimonials-items::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  pointer-events: none;
  background: linear-gradient(
    270deg,
    #030014 0%,
    rgba(3, 0, 20, 0.5) 16.67%,
    rgba(3, 0, 20, 0) 33.33%,
    rgba(3, 0, 20, 0) 50%,
    rgba(3, 0, 20, 0) 66.67%,
    rgba(3, 0, 20, 0.5) 83.33%,
    #030014 100%
  );
}

/* Horizontal Track Row */
.lp-testimonials-row {
  width: max-content;
  display: flex;
  margin-bottom: 24px;
}

/* Marquee infinite linear translation */
.lp-testimonials-visible .lp-testimonials-row {
  animation: lpTestimonialsRow 200s linear infinite;
}

.lp-testimonials-visible .lp-testimonials-row:nth-child(2) {
  animation-direction: reverse;
  transform: translateZ(0) translateX(calc(-50% - 12px));
}

@keyframes lpTestimonialsRow {
  0% {
    transform: translateZ(0) translateX(0);
  }
  100% {
    transform: translateZ(0) translateX(calc(-50% - 12px));
  }
}

/* Testimonials Card */
.lp-testimonials-card {
  width: 480px;
  padding: 24px 28px;
  position: relative;
  border-radius: 16px;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: 
    radial-gradient(
      57.89% 132%
      at 65.79% -35%,
      rgba(120, 123, 255, 0.06) 0%,
      rgba(120, 123, 255, 0) 100%
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 54.17%,
      rgba(255, 255, 255, 0.04) 100%
    ),
    rgba(255, 255, 255, 0.01);
  flex-shrink: 0;
  margin-right: 24px;
  box-sizing: border-box;
}

/* Card Simulated Premium Border */
.lp-testimonials-card::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  pointer-events: none;
  background: 
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.04) 0%,
      rgba(255, 255, 255, 0) 100%
    ),
    linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.04),
      rgba(255, 255, 255, 0.04)
    );
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask: 
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.lp-testimonials-card-top {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.lp-testimonials-card-avatar {
  width: 44px;
  height: 44px;
  margin-right: 16px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.lp-testimonials-card-name {
  color: #f4f0ff;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  font-feature-settings: "ss01" on, "cv10" on, "calt" off, "liga" off;
}

.lp-testimonials-card-tag {
  color: rgba(239, 237, 253, 0.60);
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.lp-testimonials-card-content {
  color: rgba(239, 237, 253, 0.70);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  font-feature-settings: "ss01" on, "cv10" on, "calt" off, "liga" off;
  text-align: left;
}

/* Responsiveness overrides */
@media (max-width: 1248px) {
  .lp-testimonials-heart-animation {
    display: none;
  }

  .lp-testimonials-items::before {
    content: none;
  }
}

@media (max-width: 767px) {
  .lp-testimonials {
    width: 100vw !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    position: relative !important;
    overflow: hidden !important;
    padding-top: 80px;
    padding-bottom: 48px;
  }

  .lp-testimonials-heart {
    display: block !important;
    position: absolute !important;
    width: 602px !important;
    height: 557px !important;
    left: 50% !important;
    top: 0 !important;
    transform: translateX(-50%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
  }

  .lp-testimonials .lp-section-badge {
    margin-top: -24px !important;
  }

  .lp-testimonials .lp-section-title {
    font-size: 40px !important;
    line-height: 48px !important;
    font-weight: 500 !important;
    max-width: 358px !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  .lp-testimonials .lp-section-header-description {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    max-width: 340px !important;
    margin: 12px auto 0 !important;
    text-align: center !important;
    color: rgba(239,237,253,.70) !important;
  }

  .lp-testimonials-card {
    width: 340px;
    padding: 20px 24px;
  }
}


body.lp-implementation-modal-open {
  overflow: hidden;
}

.lp-implementation-modal {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 120;
  transition:
    opacity .25s cubic-bezier(.6,.6,0,1),
    visibility .25s cubic-bezier(.6,.6,0,1);
}

.lp-implementation-modal.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.lp-implementation-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(3, 0, 20, .74);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.lp-implementation-modal-card {
  width: min(520px, calc(100vw - 48px));
  position: relative;
  padding: 36px 34px 32px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 20px;
  background:
    radial-gradient(circle at 50% 0%, rgba(147,130,255,.12), rgba(147,130,255,0) 42%),
    #08051a;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 34px 90px rgba(0,0,0,.42),
    0 0 48px rgba(105,72,210,.10);
  text-align: center;
  transform: translateY(10px) scale(.98);
  transition: transform .25s cubic-bezier(.6,.6,0,1);
}

.lp-implementation-modal.is-visible .lp-implementation-modal-card {
  transform: translateY(0) scale(1);
}

.lp-implementation-modal-close {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 14px;
  right: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 999px;
  background: rgba(255,255,255,.035);
  color: rgba(244,240,255,.74);
  cursor: pointer;
  transition:
    color .25s cubic-bezier(.6,.6,0,1),
    border-color .25s cubic-bezier(.6,.6,0,1),
    background .25s cubic-bezier(.6,.6,0,1);
}

.lp-implementation-modal-close:hover {
  color: #f4f0ff;
  border-color: rgba(174,151,255,.28);
  background: rgba(147,130,255,.08);
}

.lp-implementation-modal-badge {
  width: max-content;
  margin: 0 auto 14px;
  padding: 5px 10px;
  border: 1px solid rgba(147,130,255,.24);
  border-radius: 999px;
  background: rgba(147,130,255,.08);
  color: rgba(244,240,255,.86);
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}

.lp-implementation-modal-title {
  margin: 0;
  color: #f4f0ff;
  font-size: 28px;
  line-height: 34px;
  font-weight: 500;
  letter-spacing: -0.4px;
}

.lp-implementation-modal-description,
.lp-implementation-modal-note {
  margin: 16px auto 0;
  color: rgba(239,237,253,.68);
  font-size: 15px;
  line-height: 23px;
}

.lp-implementation-modal-note {
  color: rgba(239,237,253,.56);
}

.lp-implementation-modal-confirm {
  min-height: 44px;
  margin-top: 26px;
  padding: 10px 22px;
  border: 1px solid rgba(174,151,255,.44);
  border-radius: 8px;
  background: linear-gradient(
    180deg,
    rgba(111, 82, 230, 0.62),
    rgba(74, 51, 177, 0.50)
  );
  color: #fff;
  font: inherit;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 0 24px rgba(105,72,210,.12);
  transition:
    border-color .25s cubic-bezier(.6,.6,0,1),
    box-shadow .25s cubic-bezier(.6,.6,0,1),
    transform .25s cubic-bezier(.6,.6,0,1);
}

.lp-implementation-modal-confirm:hover {
  border-color: rgba(194,177,255,.58);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 0 30px rgba(105,72,210,.18);
  transform: translateY(-1px);
}

@media (max-width: 767px) {
  .lp-implementation-modal {
    padding: 16px;
  }

  .lp-implementation-modal-card {
    width: calc(100% - 32px);
    max-height: calc(100vh - 32px);
    overflow: auto;
    padding: 32px 22px 24px;
  }

  .lp-implementation-modal-title {
    font-size: 24px;
    line-height: 30px;
  }
}
/* ==================================================
   CUSTOMER SPOTLIGHT / HISTÓRIA REAL (Section 8.5)
   ================================================== */
.lp-customer-story {
  position: relative;
  padding: 140px 0 160px;
  background: #030014;
  overflow: clip;
}

/* Header Reveal */
.lp-customer-story .lp-section-header {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.8s cubic-bezier(.6, .6, 0, 1), transform 0.8s cubic-bezier(.6, .6, 0, 1);
}

.lp-customer-story.lp-customer-story-visible .lp-section-header {
  opacity: 1;
  transform: translateY(0);
}

/* Header typography and styling */
.lp-customer-story .lp-section-title {
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  text-align: center;
  font-size: 64px;
  line-height: 72px;
  font-weight: 500;
  letter-spacing: -1.4px;
}

.lp-customer-story .lp-section-title > span {
  display: block;
}

.lp-customer-story .lp-brand-highlight {
  background: linear-gradient(
    90deg,
    #f4f0ff 0%,
    #c9b1ff 48%,
    #9382ff 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.lp-customer-story .lp-section-header-description {
  max-width: 680px;
  margin: 18px auto 0;
  font-size: 17px;
  line-height: 26px;
  color: rgba(239, 237, 253, .66);
  text-align: center;
}

/* Ambient light styling */
.lp-customer-story-light {
  position: absolute;
  left: 50%;
  top: 58%;
  width: 1050px;
  height: 620px;
  transform: translate(-50%, -50%);
  pointer-events: none;
  background: radial-gradient(
    ellipse at center,
    rgba(147, 130, 255, .14) 0%,
    rgba(105, 72, 210, .07) 34%,
    rgba(3, 0, 20, 0) 72%
  );
  filter: blur(46px);
  opacity: .65;
  animation: lpCustomerAmbient 12s ease-in-out infinite;
  z-index: 1;
}

@keyframes lpCustomerAmbient {
  0%, 100% {
    opacity: .48;
    transform: translate(-50%, -50%) scale(.97);
  }
  50% {
    opacity: .68;
    transform: translate(-50%, -52%) scale(1.025);
  }
}

/* Video Stage layout and scroll reveal */
.lp-customer-video-stage {
  width: min(1120px, calc(100% - 48px));
  margin: 72px auto 0;
  position: relative;
  z-index: 3;
  will-change: transform, opacity;
  
  /* Scroll reveal dynamics driven by JS */
  opacity: calc(0.35 + var(--video-progress, 1) * 0.65);
  transform: translateY(calc((1 - var(--video-progress, 1)) * 70px)) scale(calc(0.92 + var(--video-progress, 1) * 0.08));
}

/* Concentrated Ambient light behind the frame */
.lp-customer-video-stage::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 54%;
  width: 900px;
  height: 420px;
  transform: translate(-50%, -50%);
  background: radial-gradient(
    ellipse,
    rgba(139, 101, 255, .13) 0%,
    rgba(92, 61, 190, .06) 38%,
    rgba(3, 0, 20, 0) 72%
  );
  filter: blur(54px);
  pointer-events: none;
  z-index: -1;
}

.lp-customer-video-frame {
  width: 100%;
  aspect-ratio: 16 / 9;
  position: relative;
  display: block;
  padding: 0;
  overflow: hidden;
  border-radius: 22px;
  border: 1px solid rgba(181, 159, 255, .12);
  background: linear-gradient(
    180deg,
    rgba(10, 6, 30, .96) 0%,
    rgba(5, 2, 20, .98) 100%
  );
  box-shadow: 
    inset 0 1px 0 rgba(255, 255, 255, .07),
    inset 0 0 42px rgba(147, 130, 255, .025),
    0 42px 100px rgba(0, 0, 0, .28);
  cursor: pointer;
  background-image: url('/BG%20-%20V%C3%ADdeo.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Sutil border top rim light */
.lp-customer-video-frame::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(
    120deg,
    rgba(184, 164, 255, .18),
    rgba(255, 255, 255, .04) 38%,
    rgba(255, 255, 255, .02) 65%,
    rgba(147, 130, 255, .12)
  );
  z-index: 3;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

/* Rim Light Superior overlay */
.lp-customer-video-frame::after {
  content: "";
  position: absolute;
  left: 8%;
  right: 8%;
  top: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(195, 177, 255, .30),
    rgba(255, 255, 255, .18),
    rgba(195, 177, 255, .30),
    transparent
  );
  opacity: .60;
  pointer-events: none;
  z-index: 5;
}

/* Light sweep shine animation */
.lp-customer-video-shine {
  position: absolute;
  width: 240px;
  height: 140%;
  left: -300px;
  top: -20%;
  transform: rotate(16deg);
  background: linear-gradient(
    90deg,
    transparent,
    rgba(196, 178, 255, .045),
    transparent
  );
  filter: blur(10px);
  pointer-events: none;
  z-index: 2;
}

.lp-customer-story.lp-customer-story-visible .lp-customer-video-shine {
  animation: lpCustomerVideoShine 1.8s cubic-bezier(.6, .6, 0, 1) 1;
}

@keyframes lpCustomerVideoShine {
  from {
    left: -300px;
  }
  to {
    left: calc(100% + 300px);
  }
}

.lp-customer-video-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(3, 0, 20, .08),
    rgba(3, 0, 20, .28)
  );
  z-index: 1;
}

/* Premium Play Button styling */
.lp-customer-video-play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: rgba(15, 9, 39, .74);
  border: 1px solid rgba(194, 177, 255, .18);
  backdrop-filter: blur(18px);
  box-shadow: 
    inset 0 0 22px rgba(255, 255, 255, .055),
    0 0 44px rgba(126, 89, 255, .08);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: 0.45s cubic-bezier(.6, .6, 0, 1) transform, 0.45s cubic-bezier(.6, .6, 0, 1) background-color;
}

.lp-customer-play::before {
  content: "";
  position: absolute;
  inset: -10px;
  border-radius: 50%;
  border: 1px solid rgba(163, 139, 255, .08);
  opacity: .75;
}

.lp-customer-video-play-icon {
  margin-left: 4px; /* visually center the triangle play icon */
  transition: 0.45s cubic-bezier(.6, .6, 0, 1) fill;
}

.lp-customer-video-frame:hover .lp-customer-video-play-btn {
  transform: translate(-50%, -50%) scale(1.06);
  background: rgba(28, 20, 68, .82);
}

/* Case label on top-left of the player */
.lp-customer-video-label {
  position: absolute;
  left: 22px;
  top: 22px;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .07);
  background: rgba(5, 2, 20, .48);
  backdrop-filter: blur(12px);
  color: rgba(244, 240, 255, .68);
  font-size: 10px;
  line-height: 14px;
  font-weight: 500;
  letter-spacing: .7px;
}

.lp-customer-video-label span {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #9382ff;
}

/* Small quote and Customer details */
.lp-customer-story-quote {
  max-width: 670px;
  margin: 34px auto 0;
  text-align: center;
  color: rgba(244, 240, 255, .80);
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  letter-spacing: -.2px;
}

/* Customer Identity Card */
.lp-customer-story-person {
  width: max-content;
  margin: 24px auto 0;
  padding: 8px 14px 8px 8px;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid rgba(255, 255, 255, .065);
  border-radius: 999px;
  background: rgba(8, 4, 27, .50);
  backdrop-filter: blur(14px);
}

.lp-customer-story-avatar {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(
    135deg,
    rgba(147, 130, 255, .26),
    rgba(98, 67, 207, .12)
  );
  border: 1px solid rgba(176, 151, 255, .16);
  color: #d9ccff;
  font-size: 12px;
  font-weight: 500;
}

.lp-customer-story-person-content {
  display: flex;
  flex-direction: column;
}

.lp-customer-story-person strong {
  display: block;
  color: #f4f0ff;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  text-align: left;
}

.lp-customer-story-person span {
  display: block;
  color: rgba(239, 237, 253, .52);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  text-align: left;
}

/* Mobile responsive styles */
@media (max-width: 767px) {
  .lp-customer-story {
    padding: 96px 0 104px;
  }

  .lp-customer-story .lp-section-title {
    font-size: 40px;
    line-height: 48px;
  }
  
  .lp-customer-video-stage {
    width: calc(100% - 32px);
    margin-top: 48px;
    
    /* Mobile scroll reveal values */
    transform: translateY(calc((1 - var(--video-progress, 1)) * 32px)) scale(calc(0.96 + var(--video-progress, 1) * 0.04));
  }
  
  .lp-customer-video-frame {
    border-radius: 14px;
  }

  .lp-customer-video-label {
    left: 14px;
    top: 14px;
  }

  .lp-customer-video-play-btn {
    width: 60px;
    height: 60px;
  }
  
  .lp-customer-story-quote {
    font-size: 17px;
    line-height: 26px;
    margin-top: 20px;
  }
}

/* Accessibility: prefers-reduced-motion overrides */
@media (prefers-reduced-motion: reduce) {
  .lp-customer-video-stage {
    transform: none !important;
    opacity: 1 !important;
  }
  
  .lp-customer-story-light {
    animation: none;
  }
}

/* ==================================================
   ABOUT / GLOBE (Section 11)
   ================================================== */
.lp-about {
  width: 100%;
  position: relative;
  padding-top: 96px;
  background: #030014;
  text-align: center;
  overflow: hidden;
}

.lp-about .button {
  z-index: 2;
  margin: 40px auto 0;
}

/* Subtle background rising stars custom masking */
.lp-about
.rising-stars {
    width:
        936px;

    height:
        560px;

    position:
        absolute;

    left:
        50%;

    bottom:
        0;

    transform:
        translateX(-50%);

    -webkit-mask-image:
        linear-gradient(
            180deg,
            rgba(217,217,217,0) 0%,
            rgba(217,217,217,.8) 25%,
            #d9d9d9 50%,
            rgba(217,217,217,.8) 75%,
            rgba(217,217,217,0) 100%
        );

    mask-image:
        linear-gradient(
            180deg,
            rgba(217,217,217,0) 0%,
            rgba(217,217,217,.8) 25%,
            #d9d9d9 50%,
            rgba(217,217,217,.8) 75%,
            rgba(217,217,217,0) 100%
        );
    z-index: 1;
}

/* Vertical side lines */
.lp-about-lines {
  display: flex;
  height: 320px;
  justify-content: space-between;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 160px;
  transform: translate(-50%);
  width: 1000px;
  z-index: 2;
}

.lp-about-lines:before,
.lp-about-lines:after {
  content: "";
  display: block;
  height: 100%;
  width: 1px;
}

.lp-about-lines:before {
  background: linear-gradient(to top, rgba(243, 238, 255, 0) -.89%, rgba(243, 238, 255, .12) 100%);
}

.lp-about-lines:after {
  background: linear-gradient(to bottom, rgba(243, 238, 255, 0) -.89%, rgba(243, 238, 255, .12) 100%);
}

/* Typography styles matching the reference exactly */
.lp-about .lp-section-title {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  font-size: 56px;
  line-height: 64px;
  font-weight: 500;
  letter-spacing: -1px;
}

.lp-about .lp-section-title > span {
  display: block;
}

.lp-about .lp-section-header-description {
  max-width: 620px;
  margin: 18px auto 0;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: rgba(239, 237, 253, .64);
}

.lp-about-cta-wrapper {
  margin-top: 40px;
  display: block;
  position: relative;
  z-index: 4;
}

.lp-about-cta {
  width: max-content;
  margin: 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 7px;
  border: 1px solid rgba(255, 255, 255, .10);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, .065),
    rgba(255, 255, 255, .025)
  );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .06),
    inset 0 -8px 18px rgba(147, 130, 255, .055);
  color: #f4f0ff;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  text-decoration: none;
  transition: background 0.3s ease, border-color 0.3s ease;
}

.lp-about-cta:hover {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.1),
    rgba(255, 255, 255, 0.05)
  );
  border-color: rgba(255, 255, 255, 0.2);
  color: #f4f0ff;
  text-decoration: none;
}

.lp-about-cta:focus,
.lp-about-cta:visited {
  color: #f4f0ff;
  text-decoration: none;
}

.rising-stars {
    opacity:
        .7;

    pointer-events:
        none;
}

.rising-stars-visible div {
    animation:
        risingStarsAnination
        linear
        infinite;
}

.rising-stars div {
    background:
        transparent;

    border-radius:
        50%;
}

.lp-about-globe {
  width: 100%;
  height: 420px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  margin-top: 48px;
  overflow: hidden;
  z-index: 1;
  pointer-events: none;
}

.lp-about-globe-stage {
  position: relative;
  width: 936px;
  height: 420px;
  margin: 0 auto;
  overflow: hidden;
  pointer-events: none;
}

.lp-about-globe-preview {
  width: 936px;
  height: 420px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  object-fit: contain;
  z-index: 2;
  pointer-events: none;
}
.lp-about-globe-svg-wrapper {
  position: absolute;
  left: 50%;
  top: 0;
  width: 936px;
  height: 420px;
  transform: translateX(-50%);
  z-index: 4;
  pointer-events: none;
}

.lp-about-globe-svg-wrapper svg {
  width: 936px;
  height: 936px;
  display: block;
  opacity: .22;
  transform-origin: 50% 50%;
  animation: none !important;
}

.lp-about .lp-section-header {
  position: relative;
  z-index: 6;
}

@media (max-width: 980px) {
  .lp-about-globe-stage {
    transform: scale(0.8);
    transform-origin: bottom center;
    margin-bottom: -84px;
  }
}

@media (max-width: 767px) {
  .lp-about {
    overflow: visible !important;
  }

  .lp-about-globe {
    width: 100vw !important;
    max-width: none !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    position: relative !important;
    overflow: hidden !important;
    height: 320px !important;
    margin-top: 48px !important;
  }

  .lp-about-globe-stage {
    transform: none !important;
    transform-origin: top center !important;
    width: 936px !important;
    min-width: 936px !important;
    height: 420px !important;
    margin: 0 auto !important;
  }
}

/* Mobile responsive typography (below 767px) */
@media (max-width: 767px) {
  .lp-about .lp-section-title {
    font-size: 40px;
    line-height: 48px;
    font-weight: 500;
  }
  
  .lp-about .lp-section-header-description {
    max-width: 327px;
  }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  .lp-about-globe svg {
    animation: none;
  }
}







/* ==================================================
   ACADEMY / STRATEGIC CONTENT
   ================================================== */
.lp-academy {
  position: relative;
  width: 100%;
  padding: 220px 24px 64px;
  background: #030014;
  overflow: hidden;
}

.lp-academy::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 260px;
  background: linear-gradient(
    180deg,
    #030014 0%,
    #030014 24%,
    rgba(3,0,20,.98) 42%,
    rgba(3,0,20,.90) 58%,
    rgba(3,0,20,.58) 74%,
    rgba(3,0,20,.18) 90%,
    rgba(3,0,20,0) 100%
  );
  z-index: 4;
  pointer-events: none;
}

.lp-academy-stage {
  position: relative;
  width: min(100%, 896px);
  min-height: 640px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 0 0 24px 24px;
  isolation: isolate;
  background: linear-gradient(180deg, #030014 0%, #050217 120px, #050217 100%);
  opacity: 0;
  transform: translateY(36px);
  transition:
    opacity 900ms cubic-bezier(.6,.6,0,1),
    transform 900ms cubic-bezier(.6,.6,0,1);
}

.lp-academy-visible .lp-academy-stage {
  opacity: 1;
  transform: translateY(0);
}

.lp-academy-stage::after {
  content: "";
  position: absolute;
  left: 2%;
  right: 2%;
  bottom: 0;
  height: 2px;
  background: linear-gradient(
    90deg,
    rgba(229, 210, 255, 0.65) 0%,
    rgba(248, 240, 255, 0.95) 12%,
    rgba(255, 255, 255, 1) 50%,
    rgba(248, 240, 255, 0.95) 88%,
    rgba(229, 210, 255, 0.65) 100%
  );
  box-shadow: 0 -4px 18px rgba(183, 144, 255, 0.55);
  z-index: 4;
  pointer-events: none;
}

.lp-academy-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(190,170,255,1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(190,170,255,1) 1px, transparent 1px);
  background-size: 32px 32px;
  opacity: .055;
  pointer-events: none;
  z-index: 0;
  -webkit-mask-image: linear-gradient(
    180deg,
    transparent 0%,
    rgba(0,0,0,.08) 16%,
    rgba(0,0,0,.28) 28%,
    rgba(0,0,0,.62) 42%,
    #000 58%,
    #000 100%
  );
  mask-image: linear-gradient(
    180deg,
    transparent 0%,
    rgba(0,0,0,.08) 16%,
    rgba(0,0,0,.28) 28%,
    rgba(0,0,0,.62) 42%,
    #000 58%,
    #000 100%
  );
}

.lp-academy-game {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

.lp-academy-block {
  position: absolute;
  width: 32px;
  height: 32px;
  background: rgba(159,140,210,.045);
  border: 1px solid rgba(190,170,255,.075);
  box-sizing: border-box;
}

.lp-academy-block.is-settled,
.lp-academy-block.is-active {
  background: rgba(159,140,210,.045);
  border: 1px solid rgba(190,170,255,.075);
  box-sizing: border-box;
}

.lp-academy-light-system {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 300px;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}

.lp-academy-light-system::before {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 185px;
  background: linear-gradient(
    90deg,
    rgba(111, 65, 255, .25) 0%,
    rgba(111, 65, 255, .08) 12%,
    transparent 27%,
    transparent 73%,
    rgba(111, 65, 255, .08) 88%,
    rgba(111, 65, 255, .25) 100%
  );
  filter: blur(22px);
}

.lp-academy-light-haze {
  position: absolute;
  left: 4%;
  right: 4%;
  bottom: 0;
  height: 250px;
  background: linear-gradient(
    180deg,
    rgba(68, 39, 160, 0) 0%,
    rgba(79, 47, 190, 0.05) 26%,
    rgba(96, 58, 220, 0.12) 48%,
    rgba(121, 77, 244, 0.24) 68%,
    rgba(155, 109, 255, 0.42) 84%,
    rgba(207, 180, 255, 0.72) 100%
  );
  filter: blur(18px);
  opacity: 1;
}

.lp-academy-light-bloom {
  position: absolute;
  left: 50%;
  bottom: -115px;
  width: 125%;
  height: 300px;
  transform: translateX(-50%);
  background: radial-gradient(
    ellipse 72% 100% at 50% 100%,
    rgba(250, 245, 255, 0.98) 0%,
    rgba(220, 196, 255, 0.88) 10%,
    rgba(183, 144, 255, 0.72) 22%,
    rgba(132, 84, 255, 0.50) 40%,
    rgba(92, 54, 212, 0.29) 58%,
    rgba(60, 35, 154, 0.12) 72%,
    rgba(3, 0, 20, 0) 88%
  );
  filter: blur(24px);
  transform-origin: center bottom;
  pointer-events: none;
}

.lp-academy-light-horizon {
  position: absolute;
  left: 1.5%;
  right: 1.5%;
  bottom: 0;
  height: 34px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(214, 190, 255, 0.25) 30%,
    rgba(226, 207, 255, 0.55) 60%,
    rgba(245, 236, 255, 0.92) 88%,
    rgba(255, 252, 255, 1) 100%
  );
  filter: blur(5px);
  opacity: 0.95;
}

.lp-academy-content {
  position: relative;
  z-index: 5;
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  padding-top: 138px;
  text-align: center;
}

.lp-academy-title {
  margin: 20px auto 0;
  max-width: 760px;
  font-size: 56px;
  line-height: 64px;
  font-weight: 500;
  letter-spacing: -1.1px;
  color: #f4f0ff;
}

.lp-academy-title span {
  display: block;
}

.lp-academy-description {
  max-width: 560px;
  margin: 22px auto 0;
  font-size: 16px;
  line-height: 24px;
  color: rgba(239,237,253,.64);
}

.lp-academy-cta {
  width: max-content;
  margin: 40px auto 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 7px;
  border: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.025));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 -8px 18px rgba(147,130,255,.055);
  color: #f4f0ff;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  text-decoration: none;
  transition: background .3s ease, border-color .3s ease;
}

.lp-academy-cta:hover,
.lp-academy-cta:focus,
.lp-academy-cta:visited {
  color: #f4f0ff;
  text-decoration: none;
}

.lp-academy-cta:hover {
  background: linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.05));
  border-color: rgba(255,255,255,.2);
}

.lp-academy-controls {
  width: min(100%, 896px);
  min-height: 42px;
  margin: 18px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: rgba(239,237,253,.45);
  font-size: 12px;
  line-height: 16px;
  outline: none;
}

.lp-academy-controls-active {
  color: rgba(239,237,253,.72);
}

.lp-academy-controls-label,
.lp-academy-controls-hint {
  min-width: 0;
  white-space: nowrap;
}

.lp-academy-control {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.025);
  color: rgba(244,240,255,.66);
  font-size: 15px;
  line-height: 1;
  cursor: pointer;
}

.lp-academy-control:hover,
.lp-academy-control:focus {
  color: #f4f0ff;
  border-color: rgba(255,255,255,.16);
  background: rgba(255,255,255,.045);
}

@media (max-width: 767px) {
  .lp-academy {
    padding: 88px 16px 72px;
  }

  .lp-academy-stage {
    min-height: 520px;
  }

  .lp-academy-content {
    padding-top: 104px;
  }

  .lp-academy-title {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0;
  }

  .lp-academy-description {
    max-width: 327px;
    font-size: 15px;
    line-height: 23px;
  }

  .lp-academy-controls {
    display: none;
  }

  .lp-academy-block {
    width: 24px;
    height: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lp-academy-stage {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* ==================================================
   FINAL CTA SECTION
   ================================================== */
.lp-final-cta {
  position: relative;
  width: 100%;
  height: 620px;
  min-height: 620px;
  background: #030014;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-bottom: 1px solid rgba(255,255,255,.065);
  isolation: isolate;
}

.lp-final-cta-content {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding-top: 72px;
  text-align: center;
}

.lp-final-cta-title {
  max-width: 900px;
  margin: 18px auto 0;
  font-size: 56px;
  line-height: 1.12;
  font-weight: 500;
  letter-spacing: -1.2px;
  color: #f4f0ff;
}

.lp-final-cta-description {
  max-width: 620px;
  margin: 22px auto 0;
  font-size: 16px;
  line-height: 24px;
  color: rgba(239,237,253,.64);
}

.lp-final-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  padding: 0 18px;
  margin-top: 34px;
  border-radius: 7px;
  background: linear-gradient(
    180deg,
    rgba(109,70,218,.42),
    rgba(54,29,117,.48)
  );
  border: 1px solid rgba(183,164,251,.42);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 5px 20px rgba(93,56,200,.14);
  color: #f4f0ff;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.lp-final-cta-button:hover {
  opacity: 0.9;
}

/* ==================================================
   FINAL CTA BLACK HOLE (HERO GEOMETRY CLONE)
   ================================================== */
.lp-final-cta-black-hole {
  position: absolute;
  left: 50%;
  bottom: -420px; /* Aligns horizon at bottom of mobile section */
  width: 1440px;
  height: 810px;
  transform: translateX(-50%);
  overflow: visible;
  pointer-events: none;
  z-index: 1;
}

/* Default / Mobile geometry (copied from Hero default) */
.lp-final-cta-black-hole .lp-lazy-video {
  position: absolute;
  top: 290px;
  left: 50%;
  transform: translateX(-50%);
  width: min(1120px, 92vw);
  height: auto;
  overflow: visible;
  pointer-events: none;
}

.lp-final-cta-black-hole .lp-black-hole-video {
  display: block;
  width: 100%;
  height: auto;
  mix-blend-mode: normal;
  object-fit: contain;
  opacity: 1;
  pointer-events: none;
}

/* Desktop geometry (copied from Hero min-width 1024px) */
@media (min-width: 1024px) {
  .lp-final-cta-black-hole {
    bottom: -231px; /* Aligns horizon at bottom of desktop section */
  }

  .lp-final-cta-black-hole .lp-lazy-video {
    position: absolute;
    width: 1440px;
    height: 810px;
    left: 50%;
    top: 174px;
    transform: translateX(-50%);
    overflow: visible;
    pointer-events: none;
    -webkit-mask-image: radial-gradient(
      50% 50% at 50% 50%,
      #fff 60.94%,
      transparent 100%
    );
    mask-image: radial-gradient(
      50% 50% at 50% 50%,
      #fff 60.94%,
      transparent 100%
    );
    -webkit-mask-size: cover;
    mask-size: cover;
  }

  .lp-final-cta-black-hole .lp-black-hole-video {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    object-fit: contain;
    opacity: 1;
    mix-blend-mode: normal;
    pointer-events: none;
  }
}

/* Particles Rising animation */
@keyframes lpCtaRisingParticle {
  0% {
    transform: translateY(0) scale(0.6);
    opacity: 0;
  }
  15% {
    opacity: var(--particle-opacity, 0.4);
  }
  85% {
    opacity: var(--particle-opacity, 0.4);
  }
  100% {
    transform: translateY(-160px) scale(1);
    opacity: 0;
  }
}

.lp-final-cta-particles {
  position: absolute;
  left: 50%;
  bottom: 80px; /* starts above the horizon core */
  width: min(800px, 100vw);
  height: 220px;
  transform: translateX(-50%);
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
}

.lp-final-cta-particle {
  position: absolute;
  bottom: 0;
  background: #c3b5ff;
  border-radius: 50%;
  filter: blur(0.3px);
  animation: lpCtaRisingParticle var(--dur, 6s) infinite linear;
  animation-delay: var(--delay, 0s);
  left: var(--left, 50%);
  opacity: 0;
}

/* Scroll Reveal for Final CTA */
.lp-final-cta-content .lp-section-badge,
.lp-final-cta-content .lp-final-cta-title,
.lp-final-cta-content .lp-final-cta-description,
.lp-final-cta-content .lp-final-cta-button {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 800ms cubic-bezier(.6,.6,0,1), transform 800ms cubic-bezier(.6,.6,0,1);
}

.lp-final-cta-visible .lp-final-cta-content .lp-section-badge {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0ms;
}

.lp-final-cta-visible .lp-final-cta-content .lp-final-cta-title {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 150ms;
}

.lp-final-cta-visible .lp-final-cta-content .lp-final-cta-description {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 300ms;
}

.lp-final-cta-visible .lp-final-cta-content .lp-final-cta-button {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 450ms;
}

/* ==================================================
   FOOTER SECTION
   ================================================== */
.lp-footer {
  position: relative;
  width: 100%;
  background: #030014;
  border-top: 1px solid rgba(255,255,255,.055);
  padding: 76px 24px 54px;
}

.lp-footer-container {
  width: min(100%, 1060px);
  margin: 0 auto;
}

.lp-footer-top {
  display: grid;
  grid-template-columns: 1.8fr 1fr 1fr 1fr;
  column-gap: 64px;
  align-items: start;
}

.lp-footer-brand {
  display: flex;
  align-items: center;
  gap: 10px;
}

.lp-footer-brand-logo {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.lp-footer-brand-name {
  font-size: 16px;
  font-weight: 600;
  color: #f4f0ff;
}

.lp-footer-column-title {
  margin: 0 0 8px 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #f4f0ff;
}

.lp-footer-link {
  display: block;
  margin-top: 20px;
  font-size: 14px;
  line-height: 20px;
  color: rgba(239,237,253,.58);
  text-decoration: none;
  transition: color .2s ease;
}

.lp-footer-link:hover {
  color: rgba(244,240,255,.92);
}

/* Newsletter row */
.lp-footer-newsletter {
  display: grid;
  grid-template-columns: 1fr 370px;
  gap: 80px;
  align-items: center;
  margin-top: 80px;
  padding: 54px 0;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.lp-footer-newsletter-title {
  margin: 0;
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  color: #f4f0ff;
}

.lp-footer-newsletter-description {
  margin: 10px 0 0 0;
  font-size: 14px;
  color: rgba(239,237,253,.58);
}

.lp-footer-newsletter-form {
  display: flex;
  align-items: center;
}

.lp-footer-newsletter-form input {
  height: 38px;
  flex: 1;
  background: rgba(8,4,27,.78);
  border: 1px solid rgba(147,130,255,.16);
  border-radius: 7px;
  padding: 0 14px;
  color: #f4f0ff;
  font-size: 14px;
}

.lp-footer-newsletter-form input::placeholder {
  color: rgba(239, 237, 253, 0.4);
}

.lp-footer-newsletter-form input:focus {
  outline: none;
  border-color: rgba(147,130,255,.4);
}

.lp-footer-newsletter-form button {
  height: 38px;
  padding: 0 18px;
  margin-left: 8px;
  border-radius: 7px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.025));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    inset 0 -8px 18px rgba(147, 130, 255, 0.055);
  color: #f4f0ff;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.3s ease, border-color 0.3s ease;
}

.lp-footer-newsletter-form button:hover {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
  border-color: rgba(255, 255, 255, 0.2);
}

/* Legal Row */
.lp-footer-legal-row {
  padding-top: 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.lp-footer-legal-links {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  line-height: 20px;
  color: rgba(239,237,253,.48);
}

.lp-footer-legal-links a {
  color: rgba(239,237,253,.48);
  text-decoration: none;
  transition: color 0.2s ease;
}

.lp-footer-legal-links a:hover {
  color: rgba(239,237,253,.80);
}

.lp-footer-copyright {
  font-size: 13px;
  line-height: 20px;
  color: rgba(239,237,253,.48);
}

/* ==================================================
   RESPONSIVIDADE (TABLET / MOBILE)
   ================================================== */
@media (max-width: 1024px) {
  .lp-footer-top {
    grid-template-columns: 1.4fr repeat(3, 1fr);
    gap: 36px;
  }

  .lp-final-cta-title {
    font-size: 48px;
  }
}

@media (max-width: 767px) {
  .lp-final-cta {
    width: 100vw !important;
    max-width: none !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    position: relative !important;
    overflow: hidden !important;
    height: 520px !important;
    min-height: 520px !important;
    padding-inline: 16px;
  }

  .lp-final-cta-black-hole {
    position: absolute !important;
    left: 50% !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100% !important;
    transform: translateX(-50%) !important;
    overflow: visible !important;
    pointer-events: none !important;
    z-index: 1 !important;
  }

  .lp-final-cta-black-hole .lp-lazy-video {
    position: absolute !important;
    width: 1028px !important;
    min-width: 1028px !important;
    height: 578px !important;
    left: 50% !important;
    top: auto !important;
    bottom: 0 !important;
    transform: translate(-50%, 50%) !important;
    max-width: none !important;
    overflow: visible !important;
  }

  .lp-final-cta-black-hole .lp-black-hole-video {
    display: block !important;
    width: 1028px !important;
    height: 578px !important;
    object-fit: contain !important;
  }

  .lp-final-cta-title {
    font-size: 40px;
    line-height: 48px;
  }



  .lp-footer {
    padding: 64px 20px 40px;
  }

  .lp-footer-top {
    grid-template-columns: 1fr;
    row-gap: 40px;
  }

  .lp-footer-brand {
    grid-column: 1 / -1;
  }

  .lp-footer-newsletter {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .lp-footer-newsletter-form {
    width: 100%;
    min-width: 0;
  }

  .lp-footer-newsletter-form input {
    min-width: 0;
  }

  .lp-footer-legal-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lp-final-cta-content .lp-section-badge,
  .lp-final-cta-content .lp-final-cta-title,
  .lp-final-cta-content .lp-final-cta-description,
  .lp-final-cta-content .lp-final-cta-button {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
@media (min-width: 1024px) and (max-width: 1247px) {
  .lp-container {
    width: 100%;
    max-width: 100%;
    padding-left: 32px;
    padding-right: 32px;
  }

  .lp-meetings-animation-mobile {
    width: min(896px, calc(100vw - 64px));
    max-width: 100%;
    height: auto;
  }

  .lp-integrations-items {
    width: min(984px, calc(100vw - 64px));
    max-width: 100%;
  }

  .lp-integrations-item {
    width: auto;
    min-width: 0;
  }

  .lp-pricing-grid {
    width: min(920px, calc(100vw - 64px));
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .lp-pricing-card {
    min-width: 0;
  }

  .lp-pricing-ambient-light,
  .lp-pricing-ambient-light-secondary {
    width: min(1100px, calc(100vw - 64px));
  }

  .lp-customer-video-stage {
    width: min(1120px, calc(100vw - 64px));
    max-width: 100%;
  }

  .lp-about-globe {
    max-width: 100%;
  }

  .lp-academy-stage {
    width: min(896px, calc(100vw - 64px));
    max-width: 100%;
  }

  .lp-final-cta-black-hole .lp-lazy-video {
    width: min(1120px, 110vw);
    height: auto;
  }

  .lp-footer {
    padding-left: 32px;
    padding-right: 32px;
  }

  .lp-footer-top {
    grid-template-columns: 1.4fr repeat(3, minmax(0, 1fr));
    column-gap: 36px;
  }

  .lp-footer-newsletter {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 370px);
    gap: 40px;
  }

  .lp-footer-newsletter-form,
  .lp-footer-newsletter-form input {
    min-width: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .lp-container {
    width: 100%;
    max-width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }

  .lp-connected-card {
    width: min(100%, 468px);
  }

  .lp-connected-card-image {
    width: 100%;
  }

  .lp-research-radar-wrapper {
    width: min(100%, 768px);
    margin-left: auto;
    margin-right: auto;
  }

  .lp-research-radar {
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
  }

  .lp-encryption {
    overflow: hidden;
  }

  .lp-encryption-background {
    max-width: 768px;
  }

  .lp-meetings-animation-mobile {
    width: min(896px, calc(100vw - 48px));
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .lp-meetings-ring-inner {
    width: min(812px, 100vw);
    min-width: 0;
  }

  .lp-meetings-ring img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .lp-integrations-items {
    width: calc(100vw - 48px);
    max-width: 920px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lp-integrations-item {
    width: auto;
    min-width: 0;
  }

  .lp-pricing-grid {
    width: min(920px, calc(100vw - 48px));
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .lp-pricing-card {
    min-width: 0;
  }

  .lp-customer-video-stage {
    width: calc(100vw - 48px);
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
  }

  .lp-customer-story .lp-section-title {
    max-width: 760px;
    font-size: 52px;
    line-height: 60px;
  }

  .lp-about {
    overflow: hidden;
  }

  .lp-about .lp-section-title {
    max-width: 760px;
    font-size: 48px;
    line-height: 56px;
  }

  .lp-academy {
    padding-left: 24px;
    padding-right: 24px;
  }

  .lp-academy-stage {
    width: 100%;
    max-width: 896px;
  }

  .lp-final-cta-title {
    max-width: 760px;
    font-size: 48px;
    line-height: 56px;
  }

  .lp-final-cta-description {
    max-width: 620px;
  }

  .lp-footer {
    padding-left: 24px;
    padding-right: 24px;
  }

  .lp-footer-top {
    grid-template-columns: 1.2fr repeat(3, minmax(0, 1fr));
    gap: 24px;
  }

  .lp-footer-newsletter {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 350px);
    gap: 32px;
  }

  .lp-footer-newsletter-form {
    min-width: 0;
  }

  .lp-footer-newsletter-form input {
    min-width: 0;
  }

  .lp-implementation-modal-card {
    max-width: min(520px, calc(100vw - 48px));
  }
}