:root {
  color-scheme: light;
}

html {
  scroll-behavior: smooth;
}

body {
  min-width: 320px;
}

.site-header__mobile-menu {
  display: none;
}

.site-header__burger {
  display: none;
  width: 2.75rem;
  height: 2.75rem;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.28rem;
  border-radius: 9999px;
  border: 1px solid rgba(215, 221, 230, 0.95);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
}

.site-header__burger span {
  width: 1.1rem;
  height: 2px;
  border-radius: 9999px;
  background: #111827;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.site-header__burger[aria-expanded="true"] span:nth-child(1) {
  transform: translateY(6px) rotate(45deg);
}

.site-header__burger[aria-expanded="true"] span:nth-child(2) {
  opacity: 0;
}

.site-header__burger[aria-expanded="true"] span:nth-child(3) {
  transform: translateY(-6px) rotate(-45deg);
}

.page-noise {
  background:
    radial-gradient(circle at 12% 8%, rgba(37, 191, 196, 0.07), transparent 18%),
    radial-gradient(circle at 83% 15%, rgba(94, 216, 61, 0.07), transparent 18%);
}

.hero {
  position: relative;
}

.hero-topo {
  position: absolute;
  z-index: 0;
  opacity: 0.78;
  mix-blend-mode: multiply;
  pointer-events: none;
}

.hero-topo-left {
  left: -14rem;
  top: -6rem;
  width: min(48vw, 44rem);
}

.hero-topo-right {
  right: -10rem;
  top: -4rem;
  width: min(42vw, 38rem);
}

.hero-ellipse {
  position: absolute;
  z-index: 0;
  width: 28rem;
  height: 28rem;
  border-radius: 9999px;
  background: radial-gradient(circle, rgba(94, 216, 61, 0.22) 0%, rgba(37, 191, 196, 0.1) 38%, transparent 66%);
  filter: blur(40px);
  transform: rotate(-32deg);
  pointer-events: none;
}

.hero-ellipse-left {
  left: -8rem;
  top: 11rem;
}

.hero-ellipse-right {
  right: -8rem;
  top: 10rem;
}

.hero-dashboard-wrap {
  position: relative;
  padding-bottom: 3.5rem;
}

.hero-dashboard-backdrop {
  position: absolute;
  left: 50%;
  bottom: -4.75rem;
  width: min(100%, 1470px);
  aspect-ratio: 1567 / 685;
  background: url("./assets/hero-backdrop.svg") center/100% 100% no-repeat;
  transform: translateX(-50%);
}

.hero-dashboard {
  position: relative;
  z-index: 1;
  display: block;
  border-radius: 1.75rem;
  filter: drop-shadow(0 28px 80px rgba(13, 17, 23, 0.14));
}

.hero-screen-slider {
  position: relative;
  z-index: 1;
}

.hero-screen-track {
  overflow: visible;
}

.hero-screen-slide {
  margin: 0 auto;
  width: 100%;
  max-width: 1038px;
  position: relative;
}

.hero-slider-nav {
  position: relative;
  z-index: 2;
  margin-top: 1.1rem;
}

.hero-slider-dot {
  height: 0.75rem;
  width: 2.125rem;
  border: 0;
  border-radius: 9999px;
  background: #ffffff;
}

.hero-slider-dot-active {
  width: 6.0625rem;
}

@keyframes floatCardIn {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}

.hero-float-card {
  position: absolute;
  z-index: 4;
  opacity: 0;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  min-height: 46px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow:
    0 14px 34px rgba(15, 23, 42, 0.12),
    0 1px 0 rgba(255, 255, 255, 0.6) inset;
  backdrop-filter: blur(10px);
  padding: 0.75rem 1rem;
}

.hero-float-card-left {
  left: -6.4rem;
  bottom: 6.3rem;
}

.hero-float-card-right {
  right: -5.15rem;
  top: 6.2rem;
}

.hero-screen-slide.is-active .hero-float-card-left {
  animation: floatCardIn 0.5s cubic-bezier(0.34, 1.4, 0.64, 1) 0.3s forwards;
}

.hero-screen-slide.is-active .hero-float-card-right {
  animation: floatCardIn 0.5s cubic-bezier(0.34, 1.4, 0.64, 1) 0.55s forwards;
}

.hero-float-dot {
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 9999px;
  flex-shrink: 0;
}

.hero-float-copy {
  display: flex;
  flex-direction: column;
  gap: 0.05rem;
}

.hero-float-label {
  font-family: "Inter", sans-serif;
  font-size: 0.8rem;
  line-height: 1.1;
  color: #8a8f98;
}

.hero-float-value {
  font-family: "Manrope", sans-serif;
  font-size: 0.95rem;
  line-height: 1.15;
  font-weight: 700;
  color: #22252b;
  white-space: nowrap;
}

.hero-demo-overlay {
  position: absolute;
  left: 50%;
  top: 43%;
  z-index: 5;
  transform: translate(-50%, -50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 190px;
  height: 48px;
  padding: 0 1.35rem;
  border: 0;
  border-radius: 35px;
  background: linear-gradient(90deg, #5ed83d 0%, #25bfc4 100%);
  box-shadow: 0 14px 34px rgba(24, 201, 93, 0.28);
  color: #fff;
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}

.problem-section .grid article h3 {
  font-size: 1.5rem;
  line-height: 1.18;
}

.problem-section .grid article p {
  font-size: 1.1rem;
  line-height: 1.55;
}

.hero-demo-overlay__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.55rem;
  flex-shrink: 0;
}

.hero-demo-overlay:hover {
  transform: translate(-50%, calc(-50% - 1px));
  box-shadow: 0 18px 40px rgba(24, 201, 93, 0.34);
  filter: saturate(1.05) brightness(1.02);
}

.btn-primary,
.btn-dark {
  position: relative;
  z-index: 30;
  isolation: isolate;
  pointer-events: auto;
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    filter 180ms ease,
    background-color 180ms ease;
}

.btn-primary {
  animation: ctaPulseGlow 2.8s ease-in-out infinite;
  border-radius: 35px;
  padding-left: 1.05rem;
  padding-right: 1.05rem;
}

.btn-primary:hover,
.btn-dark:hover {
  transform: translateY(-1px);
}

.btn-primary:hover {
  box-shadow:
    0 12px 28px rgba(24, 201, 93, 0.28),
    0 3px 12px rgba(24, 201, 93, 0.35);
  filter: saturate(1.06) brightness(1.02);
}

.btn-dark:hover {
  box-shadow: 0 12px 28px rgba(13, 17, 23, 0.2);
  background-color: #161b22;
}

.btn-arrow-badge {
  display: inline-flex;
  height: 1.75rem;
  width: 1.75rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background: #fff;
  color: #0d1117;
  flex-shrink: 0;
  transition:
    transform 180ms ease,
    background-color 180ms ease;
}

.btn-primary:hover .btn-arrow-badge,
.btn-dark:hover .btn-arrow-badge {
  transform: translateX(1px);
}

@keyframes ctaPulseGlow {
  0%,
  100% {
    box-shadow:
      0 3px 12px rgba(24, 201, 93, 0.35),
      0 0 0 rgba(37, 191, 196, 0);
  }

  50% {
    box-shadow:
      0 8px 24px rgba(24, 201, 93, 0.42),
      0 0 28px rgba(37, 191, 196, 0.22);
  }
}

.cta-panel {
  position: relative;
  background:
    linear-gradient(180deg, rgba(32, 31, 34, 0.96) 0%, rgba(27, 27, 29, 0.98) 100%);
  min-height: 320px;
}

.cta-panel::before,
.cta-panel::after {
  content: "";
  position: absolute;
  inset: auto;
  pointer-events: none;
}

.cta-panel::before {
  left: -4%;
  top: -14%;
  width: 22rem;
  height: 12rem;
  background: url("./assets/cta-topo-left.svg") left top/contain no-repeat;
  opacity: 0.22;
}

.cta-panel::after {
  right: -3%;
  top: -10%;
  width: 23rem;
  height: 14rem;
  background: url("./assets/cta-topo-right.svg") right top/contain no-repeat;
  opacity: 0.18;
}

.cta-panel .relative::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -8.5rem;
  width: min(88vw, 74rem);
  height: 15rem;
  transform: translateX(-50%);
  border-radius: 9999px;
  background: radial-gradient(circle, rgba(49, 220, 122, 0.72) 0%, rgba(37, 191, 196, 0.34) 42%, rgba(37, 191, 196, 0.08) 62%, transparent 76%);
  filter: blur(34px);
  opacity: 1;
  pointer-events: none;
}

.feature-grid {
  display: grid;
  gap: 1.5rem 1.7rem;
}

.feature-card {
  display: flex;
  flex-direction: column;
  min-height: 0;
  justify-content: flex-start;
  border-radius: 32px;
  border: 1px solid #f3f5f7;
  background: linear-gradient(180deg, rgba(252, 252, 252, 0.6) 0%, rgba(243, 245, 247, 0.6) 100%);
  padding: 1.35rem 1.35rem 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.feature-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: nowrap;
  padding-right: 0.15rem;
}

.feature-badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.6rem;
  padding: 0.8rem 1.25rem 0.8rem 2.75rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow:
    0 16px 36px rgba(255, 255, 255, 0.9),
    0 8px 22px rgba(15, 23, 42, 0.04);
  font-family: "Inter", sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
  color: #999ba3;
}

.feature-badge::before {
  content: "";
  position: absolute;
  left: 1rem;
  top: 50%;
  width: 1.45rem;
  height: 1.45rem;
  transform: translateY(-50%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  filter: drop-shadow(0 10px 24px rgba(255, 255, 255, 0.9));
}

.feature-badge-content::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27' fill='none'%3E%3Cmask id='mask0_43_4369' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='27' height='27'%3E%3Cg clip-path='url(%23clip0_43_4369)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.1681 4.40371C12.2797 4.7101 11.5815 5.3516 11.0288 6.49411L11.0264 6.49895C10.7427 7.07553 10.5036 7.80094 10.2981 8.67365C10.2982 8.67356 10.2981 8.67375 10.2981 8.67365L9.25314 13.1386C8.74882 15.2882 8.88035 16.6926 9.48301 17.6622C10.0863 18.6329 11.2898 19.3748 13.4373 19.8843L15.232 20.3113C15.8173 20.4525 16.3513 20.5406 16.836 20.5793L16.8488 20.5803C18.3735 20.7268 19.4066 20.4351 20.1616 19.7895C20.9435 19.1209 21.5559 17.9651 21.9876 16.1111L23.0331 11.6547C23.5376 9.50418 23.4081 8.09774 22.8056 7.12716C22.2029 6.15647 20.9983 5.41435 18.841 4.91008C18.841 4.91009 18.8409 4.91005 18.841 4.91008L17.0599 4.49442L17.0577 4.49389C15.3415 4.08825 14.0938 4.08449 13.1681 4.40371ZM17.4244 2.93782C15.5788 2.50173 13.9847 2.43101 12.6469 2.89238C11.3874 3.32674 10.4537 4.19742 9.77148 5.44448C9.45634 5.5201 9.13776 5.61368 8.81996 5.71438L7.12882 6.27053C4.93774 6.97684 3.34939 7.96873 2.56463 9.50947C1.78016 11.0496 1.90985 12.9204 2.61615 15.1095L3.98166 19.3205C4.69361 21.5101 5.68625 23.1005 7.22572 23.8876C8.76533 24.6749 10.6348 24.5483 12.826 23.8422L12.8306 23.8408L14.5138 23.2871C14.5142 23.287 14.5135 23.2873 14.5138 23.2871C15.4558 22.9799 16.2818 22.6265 16.9782 22.195C18.6573 22.3087 20.0769 21.9654 21.2007 21.0045C22.3598 20.0132 23.0804 18.467 23.5446 16.4739C23.5446 16.474 23.5446 16.4737 23.5446 16.4739L24.5895 12.0199C25.1302 9.71544 25.0996 7.79129 24.1638 6.28391C23.2281 4.77667 21.5159 3.89348 19.2045 3.35328L17.4244 2.93782C17.4246 2.93791 17.4239 2.93774 17.4244 2.93782ZM14.196 21.708L13.0683 21.4397C10.7685 20.8942 9.06036 20.0107 8.12521 18.5061C7.18947 17.0005 7.15575 15.0794 7.69652 12.7742C7.69655 12.7741 7.69649 12.7744 7.69652 12.7742L8.7417 8.30857C8.82054 7.97375 8.9062 7.64897 8.99962 7.33817L7.62146 7.79143C5.57969 8.44929 4.48662 9.25841 3.98918 10.235C3.4912 11.2127 3.47879 12.5764 4.13742 14.6181C4.13749 14.6183 4.13736 14.6179 4.13742 14.6181L5.50219 18.8269C5.50221 18.8269 5.50217 18.8267 5.50219 18.8269C6.16603 20.8683 6.97604 21.9645 7.95352 22.4643C8.93055 22.9638 10.292 22.9787 12.3337 22.3212C12.3344 22.3209 12.3351 22.3208 12.3358 22.3205L14.0163 21.7679L14.0182 21.7672C14.0783 21.7477 14.1375 21.7279 14.196 21.708ZM13.4165 9.60528C13.525 9.17734 13.9598 8.91835 14.3877 9.02681L19.5603 10.3377C19.9882 10.4462 20.2473 10.881 20.1389 11.3089C20.0303 11.7369 19.5954 11.9959 19.1676 11.8874L13.995 10.5765C13.567 10.468 13.308 10.0332 13.4165 9.60528ZM12.3716 13.7287C12.4807 13.301 12.9159 13.0426 13.3437 13.1517L16.4366 13.9404C16.8643 14.0495 17.1227 14.4847 17.0137 14.9125C16.9045 15.3402 16.4693 15.5985 16.0415 15.4895L12.9487 14.7008C12.5209 14.5917 12.2625 14.1565 12.3716 13.7287Z' fill='%2319181A'/%3E%3C/g%3E%3C/mask%3E%3Cg mask='url(%23mask0_43_4369)'%3E%3Crect width='27' height='27' fill='url(%23paint0_linear_43_4369)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_43_4369' x1='3.57925' y1='4.59078' x2='27' y2='20.6974' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%235FD83B'/%3E%3Cstop offset='1' stop-color='%2325BFC4'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_43_4369'%3E%3Crect width='27' height='27' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.feature-badge-schedule::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16 2V6M8 2V6M3 10H21M12.1258 14H12.0008M12.1258 18H12.0008M7.625 14H7.5M7.625 18H7.5M16.625 14H16.5M13 4H11C7.22876 4 5.34315 4 4.17157 5.17157C3 6.34315 3 8.22876 3 12V14C3 17.7712 3 19.6569 4.17157 20.8284C5.34315 22 7.22876 22 11 22H13C16.7712 22 18.6569 22 19.8284 20.8284C21 19.6569 21 17.7712 21 14V12C21 8.22876 21 6.34315 19.8284 5.17157C18.6569 4 16.7712 4 13 4ZM12.2508 14C12.2508 14.1381 12.1389 14.25 12.0008 14.25C11.8628 14.25 11.7508 14.1381 11.7508 14C11.7508 13.8619 11.8628 13.75 12.0008 13.75C12.1389 13.75 12.2508 13.8619 12.2508 14ZM12.2508 18C12.2508 18.1381 12.1389 18.25 12.0008 18.25C11.8628 18.25 11.7508 18.1381 11.7508 18C11.7508 17.8619 11.8628 17.75 12.0008 17.75C12.1389 17.75 12.2508 17.8619 12.2508 18ZM7.75 14C7.75 14.1381 7.63807 14.25 7.5 14.25C7.36193 14.25 7.25 14.1381 7.25 14C7.25 13.8619 7.36193 13.75 7.5 13.75C7.63807 13.75 7.75 13.8619 7.75 14ZM7.75 18C7.75 18.1381 7.63807 18.25 7.5 18.25C7.36193 18.25 7.25 18.1381 7.25 18C7.25 17.8619 7.36193 17.75 7.5 17.75C7.63807 17.75 7.75 17.8619 7.75 18ZM16.75 14C16.75 14.1381 16.6381 14.25 16.5 14.25C16.3619 14.25 16.25 14.1381 16.25 14C16.25 13.8619 16.3619 13.75 16.5 13.75C16.6381 13.75 16.75 13.8619 16.75 14Z' stroke='url(%23paint0_linear_46_4551)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_46_4551' x1='12' y1='13.75' x2='12' y2='18.25' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D59F81'/%3E%3Cstop offset='1' stop-color='%239A5C3B'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.feature-badge-ads::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7' stroke='url(%23paint0_linear_43_4412)' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M14 2.20004C13.3538 2.06886 12.6849 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 11.3151 21.9311 10.6462 21.8 10' stroke='url(%23paint1_linear_43_4412)' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M12.0303 11.9624L16.5832 7.40949M19.7404 4.34451L19.1872 2.35737C19.0853 2.03 18.6914 1.89954 18.4259 2.11651C16.9898 3.29007 15.4254 4.8708 16.703 7.36408C19.2771 8.56444 20.7466 6.94573 21.8733 5.58519C22.0975 5.31449 21.9623 4.90756 21.6247 4.80994L19.7404 4.34451Z' stroke='url(%23paint2_linear_43_4412)' stroke-width='1.5' stroke-linecap='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_43_4412' x1='12' y1='7' x2='12' y2='17' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF9C9D' stop-opacity='0.4'/%3E%3Cstop offset='1' stop-color='%23D3B2E3'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_43_4412' x1='12' y1='2' x2='12' y2='22' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF9C9D' stop-opacity='0.4'/%3E%3Cstop offset='1' stop-color='%23D3B2E3'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_43_4412' x1='17.0069' y1='2.00977' x2='17.0069' y2='11.9624' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF9C9D' stop-opacity='0.4'/%3E%3Cstop offset='1' stop-color='%23D3B2E3'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.feature-badge-links::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10 13.229C10.1416 13.4609 10.3097 13.6804 10.5042 13.8828C11.7117 15.1395 13.5522 15.336 14.9576 14.4722C15.218 14.3121 15.4634 14.1157 15.6872 13.8828L18.9266 10.5114C20.3578 9.02184 20.3578 6.60676 18.9266 5.11718C17.4953 3.6276 15.1748 3.62761 13.7435 5.11718L13.03 5.85978' stroke='url(%23paint0_linear_links)' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M10.9703 18.14L10.2565 18.8828C8.82526 20.3724 6.50471 20.3724 5.07345 18.8828C3.64218 17.3932 3.64218 14.9782 5.07345 13.4886L8.31287 10.1172C9.74413 8.62761 12.0647 8.6276 13.4959 10.1172C13.6904 10.3195 13.8584 10.539 14 10.7708' stroke='url(%23paint0_linear_links)' stroke-width='1.5' stroke-linecap='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_links' x1='4' y1='4' x2='20' y2='20' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D8C2FF'/%3E%3Cstop offset='1' stop-color='%23B89CFF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.feature-badge-audience::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M4.58301 6.41667C4.58301 7.38913 4.96932 8.32176 5.65695 9.00939C6.34458 9.69705 7.27721 10.0833 8.24967 10.0833C9.22217 10.0833 10.1548 9.69705 10.8424 9.00939C11.5301 8.32176 11.9163 7.38913 11.9163 6.41667C11.9163 5.4442 11.5301 4.51158 10.8424 3.82394C10.1548 3.13631 9.22217 2.75 8.24967 2.75C7.27721 2.75 6.34458 3.13631 5.65695 3.82394C4.96932 4.51158 4.58301 5.4442 4.58301 6.41667Z' stroke='url(%23paint0_linear_46_4539)' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.75 19.25V17.4167C2.75 16.4442 3.13631 15.5116 3.82394 14.824C4.51158 14.1363 5.4442 13.75 6.41667 13.75H10.0833C11.0558 13.75 11.9884 14.1363 12.676 14.824C13.3637 15.5116 13.75 16.4442 13.75 17.4167V19.25' stroke='url(%23paint1_linear_46_4539)' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.667 2.86914C15.4557 3.07109 16.1547 3.52979 16.654 4.17293C17.1532 4.81607 17.4241 5.60707 17.4241 6.42122C17.4241 7.23539 17.1532 8.02638 16.654 8.66952C16.1547 9.31267 15.4557 9.77137 14.667 9.97331' stroke='url(%23paint2_linear_46_4539)' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.25 19.2502V17.4169C19.2453 16.6075 18.9731 15.8226 18.4757 15.1842C17.9782 14.5459 17.2836 14.09 16.5 13.8877' stroke='url(%23paint3_linear_46_4539)' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_46_4539' x1='8.24967' y1='2.75' x2='8.24967' y2='10.0833' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D5DEFF'/%3E%3Cstop offset='1' stop-color='%23B3E9DA'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_46_4539' x1='8.25' y1='13.75' x2='8.25' y2='19.25' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D5DEFF'/%3E%3Cstop offset='1' stop-color='%23B3E9DA'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_46_4539' x1='16.0456' y1='2.86914' x2='16.0456' y2='9.97331' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D5DEFF'/%3E%3Cstop offset='1' stop-color='%23B3E9DA'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_46_4539' x1='17.875' y1='13.8877' x2='17.875' y2='19.2502' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D5DEFF'/%3E%3Cstop offset='1' stop-color='%23B3E9DA'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.feature-badge-alerts::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23' fill='none'%3E%3Cpath d='M4.94344 11.012L5.59254 11.0462V11.0462L4.94344 11.012ZM3.75871 14.6704L3.36871 14.1504L3.36869 14.1504L3.75871 14.6704ZM19.2413 14.6704L19.6313 14.1504L19.6313 14.1504L19.2413 14.6704ZM18.0565 11.012L17.4074 11.0462V11.0462L18.0565 11.012ZM15.025 18.2082C15.025 17.8492 14.734 17.5582 14.375 17.5582C14.016 17.5582 13.725 17.8492 13.725 18.2082H14.375H15.025ZM9.275 18.2082C9.275 17.8492 8.98398 17.5582 8.625 17.5582C8.26602 17.5582 7.975 17.8492 7.975 18.2082H8.625H9.275ZM4.94344 11.012L4.29434 10.9779C4.25632 11.7002 4.26092 12.3014 4.1377 12.8688C4.02288 13.3975 3.80821 13.8208 3.36871 14.1504L3.75871 14.6704L4.1487 15.1904C4.90447 14.6236 5.24695 13.8866 5.40808 13.1447C5.56081 12.4415 5.56014 11.6618 5.59254 11.0462L4.94344 11.012ZM3.75871 14.6704L3.36869 14.1504C2.64874 14.6904 2.225 15.5378 2.225 16.4378H2.875H3.525C3.525 15.947 3.75607 15.4849 4.14873 15.1904L3.75871 14.6704ZM2.875 16.4378H2.225C2.225 17.7264 3.2389 18.8582 4.6 18.8582V18.2082V17.5582C4.00955 17.5582 3.525 17.0623 3.525 16.4378H2.875ZM4.6 18.2082V18.8582H18.4V18.2082V17.5582H4.6V18.2082ZM18.4 18.2082V18.8582C19.7611 18.8582 20.775 17.7264 20.775 16.4378H20.125H19.475C19.475 17.0623 18.9905 17.5582 18.4 17.5582V18.2082ZM20.125 16.4378H20.775C20.775 15.5378 20.3513 14.6904 19.6313 14.1504L19.2413 14.6704L18.8513 15.1904C19.244 15.4849 19.475 15.947 19.475 16.4378H20.125ZM19.2413 14.6704L19.6313 14.1504C19.1918 13.8208 18.9771 13.3974 18.8623 12.8688C18.7391 12.3014 18.7437 11.7002 18.7056 10.9779L18.0565 11.012L17.4074 11.0462C17.4398 11.6617 17.4392 12.4415 17.5919 13.1447C17.753 13.8867 18.0955 14.6236 18.8513 15.1904L19.2413 14.6704ZM18.0565 11.012L18.7056 10.9779C18.5039 7.1455 15.3377 4.1415 11.5 4.1415V4.7915V5.4415C14.6463 5.4415 17.2421 7.90429 17.4074 11.0462L18.0565 11.012ZM11.5 4.7915V4.1415C7.66229 4.1415 4.49604 7.14549 4.29434 10.9779L4.94344 11.012L5.59254 11.0462C5.7579 7.90428 8.3537 5.4415 11.5 5.4415V4.7915ZM10.0625 2.99463H9.4125C9.4125 3.54928 9.62983 4.13183 9.96187 4.57854C10.2891 5.01875 10.8194 5.4415 11.5 5.4415V4.7915V4.1415C11.3867 4.1415 11.1983 4.06277 11.0052 3.80302C10.817 3.54978 10.7125 3.23389 10.7125 2.99463H10.0625ZM11.5 4.7915V5.4415C12.1806 5.4415 12.7109 5.01875 13.0381 4.57854C13.3702 4.13183 13.5875 3.54928 13.5875 2.99463H12.9375H12.2875C12.2875 3.23389 12.183 3.54978 11.9948 3.80302C11.8017 4.06277 11.6133 4.1415 11.5 4.1415V4.7915ZM12.9375 2.99463H13.5875C13.5875 2.3897 13.3253 1.91045 12.8725 1.61401C12.4618 1.3452 11.9566 1.2665 11.5 1.2665V1.9165V2.5665C11.8373 2.5665 12.0508 2.62992 12.1604 2.70169C12.2078 2.73271 12.2331 2.76307 12.2493 2.79384C12.266 2.8256 12.2875 2.88556 12.2875 2.99463H12.9375ZM11.5 1.9165V1.2665C11.0434 1.2665 10.5382 1.3452 10.1275 1.61401C9.6747 1.91045 9.4125 2.3897 9.4125 2.99463H10.0625H10.7125C10.7125 2.88556 10.734 2.8256 10.7507 2.79384C10.7669 2.76307 10.7922 2.73271 10.8396 2.70169C10.9492 2.62992 11.1627 2.5665 11.5 2.5665V1.9165ZM14.375 18.2082H13.725C13.725 19.437 12.7289 20.4332 11.5 20.4332V21.0832V21.7332C13.4468 21.7332 15.025 20.155 15.025 18.2082H14.375ZM11.5 21.0832V20.4332C10.2711 20.4332 9.275 19.437 9.275 18.2082H8.625H7.975C7.975 20.155 9.55315 21.7332 11.5 21.7332V21.0832Z' fill='url(%23paint0_linear_46_4579)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_46_4579' x1='5.96387' y1='1.99976' x2='14.9639' y2='22.4998' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23B1AB89'/%3E%3Cstop offset='1' stop-color='%23DD9999'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.feature-badge-manage::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23' fill='none'%3E%3Cpath d='M9.89479 4.13713C10.303 2.45429 12.697 2.45429 13.1052 4.13713C13.1664 4.38993 13.2865 4.62471 13.4557 4.82233C13.6248 5.01996 13.8382 5.17486 14.0786 5.27443C14.3188 5.37399 14.5793 5.4154 14.8386 5.39529C15.098 5.37519 15.3489 5.29412 15.571 5.15871C17.0497 4.25787 18.7431 5.95029 17.8422 7.42996C17.707 7.65197 17.626 7.90274 17.606 8.1619C17.586 8.42108 17.6274 8.68132 17.7268 8.92149C17.8262 9.16166 17.9809 9.37497 18.1783 9.54409C18.3758 9.71319 18.6103 9.83336 18.8629 9.89479C20.5457 10.303 20.5457 12.697 18.8629 13.1052C18.6101 13.1664 18.3753 13.2865 18.1777 13.4557C17.9801 13.6248 17.8251 13.8382 17.7256 14.0786C17.626 14.3188 17.5846 14.5793 17.6047 14.8386C17.6248 15.098 17.7059 15.3489 17.8413 15.571C18.7421 17.0497 17.0497 18.7431 15.57 17.8422C15.348 17.707 15.0973 17.626 14.8381 17.606C14.5789 17.586 14.3187 17.6274 14.0785 17.7268C13.8383 17.8262 13.625 17.9809 13.4559 18.1783C13.2868 18.3758 13.1666 18.6103 13.1052 18.8629C12.697 20.5457 10.303 20.5457 9.89479 18.8629C9.83355 18.6101 9.71347 18.3753 9.54432 18.1777C9.37518 17.9801 9.16177 17.8251 8.92146 17.7256C8.68115 17.626 8.42071 17.5846 8.16137 17.6047C7.90202 17.6248 7.65109 17.7059 7.429 17.8413C5.95029 18.7421 4.25692 17.0497 5.15775 15.57C5.29297 15.348 5.3739 15.0973 5.39396 14.8381C5.41403 14.5789 5.37265 14.3187 5.2732 14.0785C5.17375 13.8383 5.01904 13.625 4.82163 13.4559C4.62424 13.2868 4.3897 13.1666 4.13713 13.1052C2.45429 12.697 2.45429 10.303 4.13713 9.89479C4.38993 9.83355 4.62471 9.71347 4.82233 9.54432C5.01996 9.37518 5.17486 9.16177 5.27443 8.92146C5.37399 8.68115 5.4154 8.42071 5.39529 8.16137C5.37519 7.90202 5.29412 7.65109 5.15871 7.429C4.25787 5.95029 5.95029 4.25692 7.42996 5.15775C8.38829 5.74042 9.63029 5.22483 9.89479 4.13713Z' stroke='url(%23paint0_linear_46_4686)' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.625 11.5C8.625 12.2624 8.9279 12.9938 9.46707 13.5329C10.0062 14.0721 10.7375 14.375 11.5 14.375C12.2624 14.375 12.9938 14.0721 13.5329 13.5329C14.0721 12.9938 14.375 12.2624 14.375 11.5C14.375 10.7375 14.0721 10.0062 13.5329 9.46707C12.9938 8.9279 12.2624 8.625 11.5 8.625C10.7375 8.625 10.0062 8.9279 9.46707 9.46707C8.9279 10.0062 8.625 10.7375 8.625 11.5Z' stroke='url(%23paint1_linear_46_4686)' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_46_4686' x1='11.5' y1='2.875' x2='11.5' y2='20.125' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D0C6FA'/%3E%3Cstop offset='1' stop-color='%239B95AA'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_46_4686' x1='11.5' y1='8.625' x2='11.5' y2='14.375' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D0C6FA'/%3E%3Cstop offset='1' stop-color='%239B95AA'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.feature-demo-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.38rem;
  border: 0;
  background: transparent;
  padding: 0;
  font-family: "Inter", sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1;
  color: #141b34;
  cursor: pointer;
  white-space: nowrap;
}

.feature-demo-link::before {
  content: "";
  width: 1.125rem;
  height: 1.125rem;
  flex-shrink: 0;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_46_4681)'%3E%3Cpath d='M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z' stroke='%23141B34' stroke-width='1.125'/%3E%3Cpath d='M11.959 9.2961C11.8265 9.76612 11.2 10.0983 9.94718 10.7626C8.736 11.4048 8.13045 11.7259 7.64243 11.5969C7.44068 11.5435 7.25685 11.4421 7.10859 11.3026C6.75 10.9648 6.75 10.3099 6.75 9C6.75 7.69012 6.75 7.03513 7.10859 6.69746C7.25685 6.55786 7.44068 6.45651 7.64243 6.40315C8.13045 6.27408 8.736 6.59518 9.94718 7.23737C11.2 7.9017 11.8265 8.23387 11.959 8.7039C12.0137 8.89792 12.0137 9.10207 11.959 9.2961Z' stroke='%23141B34' stroke-width='1.125'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_46_4681'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.feature-demo-link:hover {
  opacity: 0.82;
}

.feature-demo-link,
.hero-demo-overlay {
  display: none !important;
}

.feature-copy {
  padding: 1.05rem 0 0;
}

.feature-card__title {
  font-family: "Manrope", sans-serif;
  font-size: 1.22rem;
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.04em;
  color: #080808;
}

.feature-card__title span {
  color: #13b45f;
}

.feature-copy p {
  margin-top: 1rem;
  font-family: "Inter", sans-serif;
  font-size: 0.84rem;
  line-height: 1.48;
  color: rgba(0, 0, 0, 0.56);
}

.feature-card__media {
  margin-top: auto;
  overflow: hidden;
  border-radius: 18px;
  background: transparent;
  box-shadow: none;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  flex: 0 0 auto;
}

.feature-card__media img {
  display: block;
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
}

@media (min-width: 900px) {
  .feature-grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1.85rem 1.55rem;
  }

  .feature-card {
    grid-column: span 6;
    height: 24.5rem;
    min-height: 24.5rem;
  }

  .feature-card:nth-child(1),
  .feature-card:nth-child(7) {
    grid-column: span 5;
  }

  .feature-card:nth-child(2),
  .feature-card:nth-child(8) {
    grid-column: span 7;
  }

  .feature-card:nth-child(3),
  .feature-card:nth-child(4) {
    grid-column: span 6;
  }

  .feature-card:nth-child(5) {
    grid-column: span 7;
  }

  .feature-card:nth-child(6) {
    grid-column: span 5;
  }

  .feature-card__media--content {
    width: 100%;
    max-height: 9.2rem;
  }

  .feature-card__media--content img {
    width: 106%;
    margin-left: -1.25rem;
  }

  .feature-card__media--schedule {
    width: 100%;
    max-height: 11.2rem;
  }

  .feature-card__media--schedule img {
    width: 100%;
  }

  .feature-card__media--ads {
    width: 100%;
    max-height: 11rem;
  }

  .feature-card__media--ads img {
    width: 92%;
    margin-left: 0.1rem;
  }

  .feature-card__media--links {
    width: 100%;
    max-height: 16.5rem;
  }

  .feature-card__media--links img {
    width: 100%;
    margin-left: 0;
  }

  .feature-card__media--audience {
    width: 100%;
    max-height: 20rem;
  }

  .feature-card__media--audience img {
    width: 100%;
    margin-left: 0;
  }

  .feature-card__media--growth {
    width: 100%;
    max-height: none;
  }

  .feature-card__media--growth img {
    width: 100%;
    margin-left: 0;
  }

  .feature-card__media--alerts {
    width: 100%;
    max-height: none;
  }

  .feature-card__media--alerts img {
    width: 100%;
    margin-left: 0;
  }

  .feature-card__media--manage {
    width: 100%;
    max-height: none;
  }

  .feature-card__media--manage img {
    width: 100%;
    margin-left: 0;
  }

  .feature-card--schedule .feature-copy {
    display: grid;
    grid-template-columns: minmax(0, 0.36fr) minmax(0, 0.64fr);
    align-items: start;
    column-gap: 2.45rem;
    padding-top: 1.4rem;
  }

  .feature-card--schedule .feature-card__title {
    max-width: 17rem;
    font-size: 1.18rem;
    line-height: 1.15;
  }

  .feature-card--schedule .feature-copy p {
    margin-top: 0;
    max-width: 26rem;
    padding-top: 0.15rem;
    font-size: 0.82rem;
    line-height: 1.52;
  }

  .feature-card--content .feature-card__title {
    max-width: 31rem;
    font-size: 1.56rem;
    line-height: 1.16;
    letter-spacing: -0.05em;
  }

  .feature-card--content .feature-copy p {
    max-width: 29rem;
    margin-top: 0.85rem;
    font-size: 0.94rem;
    line-height: 1.48;
    color: rgba(0, 0, 0, 0.58);
  }

  .feature-card--links .feature-card__title,
  .feature-card--growth .feature-card__title {
    max-width: 21rem;
  }

  .feature-card--ads .feature-card__title,
  .feature-card--audience .feature-card__title,
  .feature-card--alerts .feature-card__title,
  .feature-card--manage .feature-card__title {
    max-width: 18rem;
  }

  .feature-card--ads .feature-copy p,
  .feature-card--links .feature-copy p,
  .feature-card--audience .feature-copy p,
  .feature-card--growth .feature-copy p,
  .feature-card--alerts .feature-copy p,
  .feature-card--manage .feature-copy p {
    max-width: 20rem;
  }

  .feature-card--ads,
  .feature-card--links {
    height: 26.2rem;
    min-height: 26.2rem;
    padding-top: 1.5rem;
  }

  .feature-card--links {
    height: auto;
    min-height: 0;
  }

.feature-card--ads .feature-card__head,
.feature-card--links .feature-card__head {
    align-items: center;
}

  .feature-card--ads .feature-copy,
  .feature-card--links .feature-copy {
    padding-top: 1.15rem;
  }

  .feature-card--ads .feature-card__title,
  .feature-card--links .feature-card__title {
    max-width: 23.5rem;
    font-size: 1.4rem;
    line-height: 1.14;
    letter-spacing: -0.045em;
  }

  .feature-card--ads .feature-copy p,
  .feature-card--links .feature-copy p {
    max-width: 30rem;
    margin-top: 0.7rem;
    font-size: 0.84rem;
    line-height: 1.55;
    color: rgba(0, 0, 0, 0.54);
  }

  .feature-card--ads .feature-card__media,
  .feature-card--links .feature-card__media {
    margin-top: 1.35rem;
  }

  .feature-card--ads .feature-demo-link,
  .feature-card--links .feature-demo-link {
    margin-top: 0.15rem;
  }

  .feature-card--ads {
    height: auto;
    min-height: 0;
  }

  .feature-card--ads .feature-copy {
    padding-top: 1.35rem;
  }

  .feature-card--ads .feature-card__title {
    max-width: 24rem;
    font-size: 1.82rem;
    line-height: 1.12;
    letter-spacing: -0.05em;
  }

  .feature-card--ads .feature-copy p {
    max-width: 34rem;
    margin-top: 0.95rem;
    font-size: 0.98rem;
    line-height: 1.52;
    color: rgba(0, 0, 0, 0.58);
  }

  .feature-card--ads .feature-card__media {
    margin-top: auto;
    max-height: 24rem;
  }

  .feature-card__media--ads img {
    width: 100%;
    margin-left: 0;
    margin-top: -0.35rem;
  }

  .feature-card--links .feature-copy {
    padding-top: 1.35rem;
  }

  .feature-card--links .feature-card__title {
    max-width: 24rem;
    font-size: 1.82rem;
    line-height: 1.12;
    letter-spacing: -0.05em;
  }

  .feature-card--links .feature-copy p {
    max-width: 30rem;
    margin-top: 0.95rem;
    font-size: 0.98rem;
    line-height: 1.52;
    color: rgba(0, 0, 0, 0.58);
  }

  .feature-card--links {
    overflow: hidden;
  }

  .feature-card--links .feature-card__media {
    margin-top: 2rem;
    max-height: 15rem;
    overflow: visible;
    border-radius: 0;
  }

  .feature-card--alerts,
  .feature-card--manage {
    height: auto;
    min-height: 0;
    padding-top: 1.5rem;
    overflow: hidden;
  }

  .feature-card--alerts .feature-copy,
  .feature-card--manage .feature-copy {
    padding-top: 1.35rem;
  }

  .feature-card--alerts .feature-card__title,
  .feature-card--manage .feature-card__title {
    max-width: 26rem;
    font-size: 1.82rem;
    line-height: 1.12;
    letter-spacing: -0.05em;
  }

  .feature-card--alerts .feature-copy p,
  .feature-card--manage .feature-copy p {
    max-width: 30rem;
    margin-top: 0.95rem;
    font-size: 0.98rem;
    line-height: 1.52;
    color: rgba(0, 0, 0, 0.58);
  }

  .feature-card--alerts .feature-card__media {
    margin-top: auto;
    max-height: none;
    overflow: visible;
    border-radius: 0;
  }

  .feature-card--manage {
    padding-right: 0;
  }

  .feature-card--manage .feature-card__head {
    padding-right: 1.35rem;
  }

  .feature-card--manage .feature-card__media {
    margin-top: auto;
    max-height: none;
    overflow: visible;
    border-radius: 0;
    justify-content: flex-end;
  }

  .feature-card--manage .feature-card__media img {
    width: auto;
    max-width: 100%;
    margin-left: auto;
  }

  .feature-card--growth {
    height: auto;
    min-height: 0;
    padding-top: 1.5rem;
    overflow: hidden;
  }

  .feature-card--growth .feature-copy {
    padding-top: 1.35rem;
  }

  .feature-card--growth .feature-card__title {
    max-width: 30rem;
    font-size: 1.82rem;
    line-height: 1.12;
    letter-spacing: -0.05em;
  }

  .feature-card--growth .feature-copy p {
    max-width: 30rem;
    margin-top: 0.95rem;
    font-size: 0.98rem;
    line-height: 1.52;
    color: rgba(0, 0, 0, 0.58);
  }

  .feature-card--growth .feature-card__media {
    margin-top: 2.5rem;
    max-height: 22rem;
    overflow: visible;
    border-radius: 0;
  }

  .feature-card--audience {
    height: auto;
    min-height: 0;
    padding-top: 1.5rem;
  }

  .feature-card--audience .feature-copy {
    padding-top: 1.35rem;
  }

  .feature-card--audience .feature-card__title {
    max-width: 26rem;
    font-size: 1.82rem;
    line-height: 1.12;
    letter-spacing: -0.05em;
  }

  .feature-card--audience .feature-copy p {
    max-width: 36rem;
    margin-top: 0.95rem;
    font-size: 0.98rem;
    line-height: 1.52;
    color: rgba(0, 0, 0, 0.58);
  }

  .feature-card--audience .feature-card__media {
    margin-top: auto;
    max-height: 20rem;
  }

  .feature-card--content,
  .feature-card--schedule {
    height: 26.35rem;
    min-height: 26.35rem;
    padding-top: 1.15rem;
  }

  .feature-card--content .feature-copy {
    padding-top: 1rem;
  }

  .feature-card--content .feature-card__media {
    margin-top: auto;
    max-height: 16rem;
  }

  .feature-card__media--content img {
    width: 100%;
    margin-left: 0;
    margin-top: 0;
  }

  .feature-card--schedule .feature-card__media {
    margin-top: auto;
    max-height: 14.85rem;
  }

  .feature-card__media--schedule img {
    width: 100%;
  }

  .feature-card--schedule .feature-copy {
    padding-top: 0.95rem;
    column-gap: 2rem;
  }

  .feature-card--schedule .feature-card__title {
    max-width: 15.5rem;
    font-size: 1.78rem;
    line-height: 1.14;
    letter-spacing: -0.05em;
  }

  .feature-card--schedule .feature-copy p {
    max-width: 33rem;
    margin-top: 0;
    padding-top: 0.15rem;
    font-size: 0.98rem;
    line-height: 1.55;
    color: rgba(0, 0, 0, 0.58);
  }
}

.role-tab {
  position: relative;
  min-width: 208px;
  height: 54px;
  padding: 0 1.9rem;
  border-radius: 14px;
  border: 1px solid #d9d9df;
  background: #fff;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #111111;
  transition:
    border-color 180ms ease,
    box-shadow 180ms ease,
    color 180ms ease,
    background-color 180ms ease;
}

.role-tab:hover {
  border-color: #bde8cf;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
}

.role-tab.is-active {
  border-color: transparent;
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #5fd83b 0%, #25bfc4 100%) border-box;
  box-shadow: 0 10px 28px rgba(37, 191, 196, 0.08);
}

.role-panel {
  max-width: 1065px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 120px;
}

.audience-dark-panel {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(ellipse at center bottom, rgba(53, 221, 121, 0.52) 0%, rgba(37, 191, 196, 0.24) 26%, rgba(37, 191, 196, 0.06) 42%, transparent 62%),
    linear-gradient(180deg, #1f1e21 0%, #1f1e21 100%);
}

.audience-dark-panel::before,
.audience-dark-panel::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.audience-dark-panel::before {
  left: 50%;
  bottom: -4.25rem;
  width: min(112%, 1320px);
  height: 22rem;
  transform: translateX(-50%);
  background: radial-gradient(circle, rgba(53, 221, 121, 0.78) 0%, rgba(37, 191, 196, 0.38) 38%, rgba(37, 191, 196, 0.08) 58%, transparent 74%);
  filter: blur(44px);
  opacity: 0.95;
}

.audience-dark-panel::after {
  right: -6%;
  top: -8%;
  width: 48%;
  height: 48%;
  background: url("./assets/cta-topo-right.svg") right top/contain no-repeat;
  opacity: 0.2;
}

.audience-dark-card {
  position: relative;
  z-index: 1;
  min-height: 160px;
  border-radius: 32px;
  background: #fff;
  padding: 1.7rem 1.35rem 1.25rem;
  text-align: left;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.08);
}

.audience-dark-card h3 {
  font-family: "Manrope", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1;
  color: #101010;
}

.audience-dark-card p {
  margin-top: 0.9rem;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 1.65;
  color: rgba(0, 0, 0, 0.5);
}

.audience-dark-card-active {
  box-shadow:
    0 18px 44px rgba(15, 23, 42, 0.08),
    0 0 0 1px rgba(76, 217, 100, 0.3) inset;
}

.role-task {
  position: relative;
  padding-left: 1.35rem;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #000;
}

.role-task::before {
  content: "→";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 700;
  color: #13a34a;
}

.role-meta-card {
  min-height: 114px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(244, 244, 247, 0.72);
  padding: 16px 18px;
}

.role-meta-card-wide {
  background: rgba(244, 244, 247, 0.82);
}

.role-meta-label {
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #7d7d7d;
}

.role-meta-title {
  margin-top: 0.55rem;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  color: #000;
}

.role-meta-copy {
  margin-top: 0.65rem;
  max-width: 230px;
  font-family: "Manrope", sans-serif;
  font-size: 12px;
  line-height: 1.6;
  color: #929292;
}

.demo-modal {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  background: rgba(13, 17, 23, 0.72);
  backdrop-filter: blur(10px);
}

.demo-modal[hidden] {
  display: none;
}

.demo-modal__dialog {
  position: relative;
  width: min(100%, 1080px);
  border-radius: 28px;
  background: #111215;
  padding: 1rem;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.38);
}

.demo-modal__video {
  display: block;
  width: 100%;
  border-radius: 20px;
  background: #000;
}

.demo-modal__close {
  position: absolute;
  top: 0.55rem;
  right: 0.75rem;
  z-index: 2;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}

.step-card {
  min-height: 186px;
  border-radius: 28px;
  background: #fff;
  padding: 1.4rem 1.35rem;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.07);
}

.step-card-light {
  min-height: 164px;
  border-radius: 24px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
}

.step-card h3 {
  margin-top: 1rem;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.35;
  color: #0d1117;
}

.step-card p {
  margin-top: 0.6rem;
  font-family: "Inter", sans-serif;
  font-size: 0.92rem;
  line-height: 1.65;
  color: rgba(0, 0, 0, 0.55);
}

.step-dot {
  display: inline-block;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 9999px;
  background: linear-gradient(90deg, #5ed83d 0%, #25bfc4 100%);
  box-shadow: 0 0 0 6px rgba(94, 216, 61, 0.12);
}

@media (max-width: 1024px) {
  .hero-topo-left {
    left: -10rem;
    width: 34rem;
  }

  .hero-topo-right {
    right: -8rem;
    width: 30rem;
  }

  .hero-ellipse {
    width: 20rem;
    height: 20rem;
  }
}

@media (max-width: 640px) {
  .site-header__inner {
    padding-top: 1rem;
    padding-bottom: 0.25rem;
  }

  .site-header__logo {
    height: 2.65rem !important;
  }

  .site-header__actions {
    gap: 0.55rem;
  }

  .site-header__login {
    display: inline-flex !important;
    height: 2.5rem;
    padding: 0 0.95rem;
    border-radius: 9999px;
    font-size: 0.92rem;
    font-weight: 700;
  }

  .site-header__primary {
    display: none !important;
  }

  .site-header__burger {
    display: inline-flex;
  }

  .site-header__mobile-menu {
    position: relative;
    z-index: 40;
    width: calc(100% - 2rem);
    margin: 0.55rem auto 0;
    border: 1px solid rgba(229, 231, 235, 0.95);
    border-radius: 1.1rem;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.08);
    overflow: hidden;
  }

  .site-header__mobile-menu.is-open {
    display: block;
  }

  .site-header__mobile-nav {
    display: grid;
  }

  .site-header__mobile-nav a {
    padding: 0.95rem 1rem;
    font-family: "Manrope", sans-serif;
    font-size: 0.98rem;
    font-weight: 700;
    color: #111827;
    border-top: 1px solid rgba(229, 231, 235, 0.9);
  }

  .site-header__mobile-nav a:first-child {
    border-top: 0;
  }

  .hero {
    padding-bottom: 2.5rem !important;
  }

  .problem-section {
    padding-top: 2.25rem !important;
  }

  .hero-dashboard-wrap {
    padding-bottom: 1.85rem;
  }

  .hero-topo-left,
  .hero-topo-right {
    opacity: 0.45;
    width: 18rem;
  }

  .hero-ellipse {
    width: 14rem;
    height: 14rem;
    filter: blur(28px);
  }

  .hero-dashboard-backdrop {
    display: none;
  }

  .hero-screen-slide {
    max-width: 100%;
  }

  .hero-float-card-left {
    left: -1rem;
    bottom: 4rem;
  }

  .hero-float-card-right {
    right: -0.5rem;
    top: 4rem;
  }

  .hero-demo-overlay {
    top: 45%;
  }

  .hero-demo-overlay > span:last-child {
    font-size: 0;
  }

  .hero-demo-overlay > span:last-child::after {
    content: "Смотреть демо";
    font-size: 0.88rem;
    line-height: 1;
  }

  .hero-slider-dot {
    width: 1.75rem;
    background: #d1d5db;
  }

  .hero-slider-dot-active {
    width: 4.5rem;
    background: #9ca3af;
  }

  .hero-slider-nav {
    margin-top: 0.9rem;
    padding-bottom: 0;
  }

  .hero-cta-row {
    margin-top: 1.15rem !important;
  }

  .hero-demo-link {
    display: none !important;
  }

  .feature-copy {
    padding: 0.85rem 0 0;
  }

  .cta-panel::before,
  .cta-panel::after {
    opacity: 0.14;
  }

  .hero-float-card {
    transform: scale(0.92);
    transform-origin: center;
  }

  .role-tab {
    min-width: 180px;
    height: 50px;
    font-size: 15px;
  }

  .audience-dark-panel::after {
    opacity: 0.14;
  }
}

@media (max-width: 640px) {
  .feature-grid {
    gap: 1rem;
  }

  .feature-card,
  .feature-card--content,
  .feature-card--schedule,
  .feature-card--ads,
  .feature-card--links,
  .feature-card--audience,
  .feature-card--growth,
  .feature-card--alerts,
  .feature-card--manage {
    height: auto;
    min-height: 0;
    padding: 1rem 1rem 0;
    border-radius: 24px;
    overflow: hidden;
  }

  .feature-card__head {
    align-items: flex-start;
    gap: 0.75rem;
    padding-right: 0;
  }

  .feature-badge {
    min-height: 1.45rem;
    padding: 0.62rem 0.9rem 0.62rem 2.2rem;
    font-size: 0.64rem;
    letter-spacing: 0.04em;
    white-space: normal;
    text-align: left;
  }

  .feature-badge::before {
    left: 0.75rem;
    width: 1.15rem;
    height: 1.15rem;
  }

  .feature-demo-link {
    flex-shrink: 0;
    font-size: 0.68rem;
    line-height: 1.15;
    text-align: right;
  }

  .feature-demo-link::before {
    width: 1rem;
    height: 1rem;
  }

  .feature-copy,
  .feature-card--content .feature-copy,
  .feature-card--schedule .feature-copy,
  .feature-card--ads .feature-copy,
  .feature-card--links .feature-copy,
  .feature-card--audience .feature-copy,
  .feature-card--growth .feature-copy,
  .feature-card--alerts .feature-copy,
  .feature-card--manage .feature-copy {
    padding-top: 1rem;
  }

  .feature-card__title,
  .feature-card--content .feature-card__title,
  .feature-card--schedule .feature-card__title,
  .feature-card--ads .feature-card__title,
  .feature-card--links .feature-card__title,
  .feature-card--audience .feature-card__title,
  .feature-card--growth .feature-card__title,
  .feature-card--alerts .feature-card__title,
  .feature-card--manage .feature-card__title {
    max-width: none;
    font-size: 1.5rem;
    line-height: 1.12;
    letter-spacing: -0.04em;
  }

  .feature-copy p,
  .feature-card--content .feature-copy p,
  .feature-card--schedule .feature-copy p,
  .feature-card--ads .feature-copy p,
  .feature-card--links .feature-copy p,
  .feature-card--audience .feature-copy p,
  .feature-card--growth .feature-copy p,
  .feature-card--alerts .feature-copy p,
  .feature-card--manage .feature-copy p {
    max-width: none;
    margin-top: 0.8rem;
    font-size: 0.92rem;
    line-height: 1.52;
  }

  .feature-card__media,
  .feature-card--content .feature-card__media,
  .feature-card--schedule .feature-card__media,
  .feature-card--ads .feature-card__media,
  .feature-card--links .feature-card__media,
  .feature-card--audience .feature-card__media,
  .feature-card--growth .feature-card__media,
  .feature-card--alerts .feature-card__media,
  .feature-card--manage .feature-card__media {
    margin-top: 1rem;
    max-height: none;
    overflow: hidden;
    border-radius: 18px 18px 0 0;
    justify-content: center;
  }

  .feature-card__media img,
  .feature-card__media--content img,
  .feature-card__media--schedule img,
  .feature-card__media--ads img,
  .feature-card__media--links img,
  .feature-card__media--audience img,
  .feature-card__media--growth img,
  .feature-card__media--alerts img,
  .feature-card__media--manage img {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
  }

  .problem-section h2,
  .problem-section h2 span {
    font-size: 2.05rem;
    line-height: 1.14;
  }

  .problem-section .grid article h3 {
    font-size: 1.52rem;
    line-height: 1.22;
  }

  .problem-section .grid article p {
    font-size: 1rem;
    line-height: 1.58;
  }

  .hero-float-card {
    display: none;
  }

  .hero-demo-overlay {
    top: 46%;
    min-width: 162px;
    height: 40px;
    padding: 0 1rem;
    font-size: 13px;
  }

  .audience-dark-panel .mx-auto.mt-6.max-w-\[942px\].space-y-1.text-white {
    max-width: 22rem;
    margin-top: 1rem;
  }

  .audience-dark-panel h2 {
    font-size: 2.05rem !important;
    line-height: 1.08 !important;
    letter-spacing: -0.05em !important;
    gap: 0.45rem 0.65rem !important;
  }

  .audience-dark-panel h2 .inline-flex {
    width: 1.95rem !important;
    height: 1.95rem !important;
  }

  .audience-dark-panel h2 .inline-flex svg {
    width: 1.95rem !important;
    height: 1.95rem !important;
  }

  .audience-dark-panel > p.mx-auto.mt-5 {
    max-width: 23rem;
    margin-top: 1rem !important;
    font-size: 0.95rem !important;
    line-height: 1.7 !important;
  }

  [data-role-tabs] {
    max-width: none;
    margin-top: 1.6rem;
    margin-left: -0.25rem;
    margin-right: -0.25rem;
    padding: 0 0.25rem 0.35rem;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 0.65rem;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  [data-role-tabs]::-webkit-scrollbar {
    display: none;
  }

  .role-tab {
    width: auto;
    min-width: max-content;
    height: 42px;
    padding: 0 1rem;
    border-radius: 999px;
    font-size: 13px;
    flex: 0 0 auto;
    scroll-snap-align: start;
  }

  .role-panel {
    max-width: none;
    margin-top: 1rem !important;
    padding-left: 0;
  }

  .role-panel > div {
    grid-template-columns: 1fr !important;
    gap: 1rem;
    border-radius: 26px;
    padding: 1.15rem;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 14px 36px rgba(15, 23, 42, 0.06);
    backdrop-filter: blur(10px);
  }

  .role-panel__cta {
    margin-top: 0.35rem;
  }

  .role-panel > div > div:first-child h3 {
    font-size: 1.55rem !important;
    line-height: 1.08 !important;
  }

  .role-panel > div > div:first-child p {
    max-width: none !important;
    margin-top: 0.7rem !important;
    font-size: 0.92rem !important;
    line-height: 1.6 !important;
  }

  .role-panel .btn-primary {
    width: 100%;
    justify-content: center;
    min-height: 46px;
  }

  .role-panel .space-y-9 > * + * {
    margin-top: 1rem !important;
  }

  .role-panel .grid.gap-5 {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }

  .role-task {
    padding-left: 1.1rem;
    font-size: 13px;
    line-height: 1.52;
  }

  .role-meta-card {
    min-height: 0;
    padding: 0.95rem 1rem;
    border-radius: 10px;
  }

  .role-meta-title {
    font-size: 16px;
    line-height: 1.25;
  }

  .role-meta-copy {
    max-width: none;
    font-size: 12px;
    line-height: 1.55;
  }

  .audience-dark-card {
    min-height: 0;
    border-radius: 24px;
  }

  .audience-dark-panel::before {
    bottom: -2.5rem;
    width: calc(100% + 1.5rem);
    height: 13rem;
  }

  .demo-modal {
    padding: 0.75rem;
  }

  .demo-modal__dialog {
    border-radius: 22px;
    padding: 0.75rem;
  }

  .demo-modal__video {
    border-radius: 16px;
  }
}

@supports (corner-shape: squircle) {
  .btn-primary,
  .btn-dark,
  .btn-arrow-badge,
  .feature-card,
  .step-card,
  .step-card-light,
  .how-card,
  .role-tab,
  .role-meta-card,
  .cta-panel,
  .hero-dashboard,
  .hero-dashboard-backdrop,
  .hero-float-card {
    border-radius: 35px;
    corner-shape: squircle;
  }
}

@media (max-width: 640px) {
  @supports (corner-shape: squircle) {
    .btn-primary,
    .btn-dark,
    .btn-arrow-badge,
    .feature-card,
    .step-card,
    .step-card-light,
    .role-tab,
    .role-meta-card,
    .cta-panel,
    .hero-dashboard,
    .hero-dashboard-backdrop,
    .hero-float-card {
      corner-shape: initial;
    }
  }
}

/* ─── How it works ────────────────────────────────────────── */

.how-card {
  background: #F4F4F7;
  border-radius: 45px;
  padding: 1.5rem 1.5rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  height: 100%;
}

.how-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 9999px;
  background: #22c55e;
  color: #ffffff;
  font-family: "Manrope", sans-serif;
  font-size: 0.85rem;
  font-weight: 800;
  flex-shrink: 0;
  margin-bottom: 0.35rem;
}

.how-title {
  font-family: "Manrope", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #0D1117;
  line-height: 1.3;
}

.how-desc {
  font-family: "Inter", sans-serif;
  font-size: 0.875rem;
  color: #6B7280;
  line-height: 1.55;
  flex: 1;
}

.how-tag {
  display: inline-block;
  margin-top: 0.6rem;
  font-family: "Inter", sans-serif;
  font-size: 0.78rem;
  font-weight: 600;
  color: #22c55e;
}

.how-arrow {
  display: none;
  align-self: center;
  padding-bottom: 2rem;
}

.how-arrow svg {
  display: block;
}

@media (min-width: 1280px) {
  .how-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

/* ─── FAQ ─────────────────────────────────────────────────── */

.faq-item {
  background: #ffffff;
  border: 1px solid #EBEBEB;
  border-radius: 16px;
  overflow: hidden;
}

.faq-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.1rem 1.35rem;
  font-family: "Inter", sans-serif;
  font-size: 0.97rem;
  font-weight: 500;
  color: #0D1117;
  cursor: pointer;
  list-style: none;
  user-select: none;
}

.faq-summary::-webkit-details-marker { display: none; }

.faq-icon {
  flex-shrink: 0;
  font-size: 1.3rem;
  font-weight: 400;
  color: #22c55e;
  transition: transform 0.22s ease;
  line-height: 1;
}

.faq-item[open] .faq-icon {
  transform: rotate(45deg);
}

.faq-body {
  padding: 0 1.35rem 1.1rem;
  font-family: "Inter", sans-serif;
  font-size: 0.9rem;
  line-height: 1.65;
  color: #6B7280;
}

/* ─── Pricing ─────────────────────────────────────────────── */

.pricing-period-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.45rem 1.1rem;
  border-radius: 50px;
  border: 0;
  background: transparent;
  font-family: "Inter", sans-serif;
  font-size: 0.95rem;
  font-weight: 500;
  color: #6B7280;
  cursor: pointer;
  transition: background 0.18s, color 0.18s;
  white-space: nowrap;
}

.pricing-period-btn.is-active {
  background: #ffffff;
  color: #0D1117;
  box-shadow: 0 1px 4px rgba(0,0,0,0.10);
}

.pricing-badge {
  display: inline-block;
  padding: 0.1rem 0.45rem;
  border-radius: 50px;
  background: #dcfce7;
  color: #16a34a;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.5;
}

.pricing-card {
  position: relative;
  background: #ffffff;
  border-radius: 24px;
  padding: 2rem 2rem;
  box-shadow: 0 4px 24px rgba(13,17,23,0.07);
  display: flex;
  flex-direction: column;
}

.pricing-card--featured {
  border: none;
  padding-top: 1.25rem;
  z-index: 0;
  isolation: isolate;
}

.pricing-card--featured::before {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: 26px;
  background: linear-gradient(175deg, #a78bfa 0%, #f97316 100%);
  z-index: -1;
}

.pricing-best-badge {
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #7c3aed;
  margin-bottom: 1rem;
  text-transform: uppercase;
}

.pricing-plan-name {
  font-family: "Manrope", sans-serif;
  font-size: 1.65rem;
  font-weight: 800;
  color: #0D1117;
  line-height: 1.1;
}

.pricing-plan-desc {
  font-family: "Inter", sans-serif;
  font-size: 0.9rem;
  color: #6B7280;
  margin-top: 0.35rem;
  line-height: 1.45;
}

.pricing-price-row {
  display: flex;
  align-items: baseline;
  gap: 0.3rem;
}

.pricing-price {
  font-family: "Manrope", sans-serif;
  font-size: 3.6rem;
  font-weight: 800;
  color: #0D1117;
  line-height: 1;
  letter-spacing: -0.04em;
}

.pricing-price-unit {
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #6B7280;
}

.pricing-billing {
  font-family: "Inter", sans-serif;
  font-size: 0.82rem;
  color: #6B7280;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.3rem;
}

.pricing-total {
  color: #0D1117;
  font-weight: 600;
}

.pricing-old {
  text-decoration: line-through;
  color: #9CA3AF;
}

.pricing-badge-inline {
  display: inline-block;
  padding: 0.1rem 0.4rem;
  border-radius: 50px;
  background: #dcfce7;
  color: #16a34a;
  font-size: 0.72rem;
  font-weight: 700;
}

.pricing-periods-wrap {
  width: 100%;
}

.pricing-periods-track {
  max-width: 100%;
}

.pricing-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  border-radius: 50px;
  background: #22c55e;
  color: #ffffff;
  font-family: "Manrope", sans-serif;
  font-size: 0.95rem;
  font-weight: 700;
  text-decoration: none;
  transition: opacity 0.15s;
}

.pricing-btn:hover { opacity: 0.88; }

.pricing-features {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.pricing-features li {
  font-family: "Inter", sans-serif;
  font-size: 0.88rem;
  color: #374151;
  padding-left: 1.4rem;
  position: relative;
}

.pricing-features li::before {
  content: none;
}

@media (max-width: 640px) {
  .pricing-cards-scroll {
    overflow-x: auto;
    overflow-y: visible;
    padding: 0.65rem 1.25rem 1rem;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    max-width: none !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .pricing-cards-scroll::-webkit-scrollbar {
    display: none;
  }

  .pricing-cards-track {
    display: flex !important;
    grid-template-columns: none !important;
    flex-wrap: nowrap !important;
    gap: 0.85rem;
    overflow: visible;
    width: max-content;
    scroll-snap-type: x proximity;
  }

  .pricing-cards-track > div {
    width: min(84vw, 18.75rem);
    min-width: min(84vw, 18.75rem);
    max-width: min(84vw, 18.75rem);
    flex: 0 0 min(84vw, 18.75rem);
    scroll-snap-align: start;
  }

  .pricing-periods-wrap {
    justify-content: center;
    overflow: visible;
    padding: 0;
  }

  .pricing-periods-track {
    flex-wrap: nowrap;
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    gap: 0.15rem;
  }

  .pricing-period-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.22rem;
    flex: 1 1 0;
    min-height: 38px;
    min-width: 0;
    padding: 0.35rem 0.45rem;
    font-size: 0;
    white-space: nowrap;
  }

  .pricing-period-btn::before {
    content: attr(data-short-label);
    font-size: 0.78rem;
    font-weight: 500;
    line-height: 1;
    color: inherit;
  }

  .pricing-period-btn .pricing-badge {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    padding: 0.06rem 0.32rem;
    font-size: 0.56rem;
    line-height: 1.2;
  }
}

.site-footer {
  margin-top: 4.5rem;
  background: #0c1a11;
  color: rgba(255, 255, 255, 0.72);
}

.footer-cta {
  margin-top: 4.5rem;
  padding: 0 1rem;
}

.footer-cta__inner {
  max-width: 1140px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.9rem;
}

.footer-cta__card {
  min-height: 15.7rem;
  border-radius: 2rem;
  background: linear-gradient(180deg, #f5f5fa 0%, #f0f0f5 100%);
  padding: 3rem 2.9rem 2.4rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
  text-decoration: none;
  color: #17181d;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.footer-cta__card:hover {
  transform: translateY(-2px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 16px 40px rgba(15, 23, 42, 0.06);
}

.footer-cta__copy h3 {
  margin: 0;
  font-family: "Manrope", sans-serif;
  font-size: 1.9rem;
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.04em;
  color: #191a20;
}

.footer-cta__copy p {
  margin: 2rem 0 0;
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  color: #2f333d;
}

.footer-cta__icon {
  width: 4.3rem;
  height: 4.3rem;
  flex-shrink: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #61d93b 0%, #25bfc4 100%);
  box-shadow: 0 14px 32px rgba(37, 191, 196, 0.24);
}

.site-footer__bar {
  height: 10px;
  background: linear-gradient(90deg, #22c55e 0%, #25bfc4 100%);
}

.site-footer__inner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 2.6rem 1.5rem 1.55rem;
}

.site-footer__top {
  display: grid;
  grid-template-columns: minmax(0, 260px) minmax(0, 1fr);
  gap: 2.5rem 4.5rem;
  align-items: start;
}

.site-footer__brand {
  max-width: 250px;
}

.site-footer__logo {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  color: #ffffff;
  font-family: "Inter", sans-serif;
  font-size: 1.05rem;
  font-weight: 500;
  text-decoration: none;
}

.site-footer__logo img {
  width: 1.8rem;
  height: 1.8rem;
  display: block;
}

.site-footer__summary {
  margin-top: 1rem;
  font-family: "Inter", sans-serif;
  font-size: 0.92rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.4);
}

.site-footer__nav {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem 3rem;
}

.site-footer__column {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}

.site-footer__title {
  margin: 0 0 0.25rem;
  font-family: "Inter", sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.24);
}

.site-footer__column a,
.site-footer__bottom a {
  font-family: "Inter", sans-serif;
  font-size: 0.92rem;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.56);
  text-decoration: none;
  transition: color 160ms ease, opacity 160ms ease;
}

.site-footer__column a:hover,
.site-footer__bottom a:hover {
  color: rgba(255, 255, 255, 0.9);
}

.site-footer__bottom {
  margin-top: 2rem;
  padding-top: 1.15rem;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.site-footer__bottom p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 0.9rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.2);
}

@media (max-width: 900px) {
  .footer-cta__inner {
    grid-template-columns: 1fr;
  }

  .site-footer__top {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .site-footer__nav {
    grid-template-columns: 1fr 1fr;
  }

  .site-footer__bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 640px) {
  .footer-cta {
    margin-top: 3.5rem;
    padding: 0 0.75rem;
  }

  .footer-cta__card {
    min-height: auto;
    padding: 2rem 1.5rem 1.75rem;
    border-radius: 1.5rem;
  }

  .footer-cta__copy h3 {
    font-size: 1.55rem;
  }

  .footer-cta__copy p {
    margin-top: 1.35rem;
    font-size: 0.94rem;
  }

  .footer-cta__icon {
    width: 3.7rem;
    height: 3.7rem;
  }

  .site-footer {
    margin-top: 3.5rem;
  }

  .site-footer__inner {
    padding: 2.2rem 1rem 1.35rem;
  }

  .site-footer__nav {
    grid-template-columns: 1fr;
    gap: 1.6rem;
  }
}