@font-face {
  font-family: "Mona Sans";
  src: url("/fonts/mona-sans-300.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "Mona Sans";
  src: url("/fonts/mona-sans-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Mona Sans";
  src: url("/fonts/mona-sans-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Mona Sans";
  src: url("/fonts/mona-sans-500.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Aeonik Fono";
  src: url("/fonts/aeonik-fono-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

:root {
  color-scheme: dark;
  --primary: #0f6fff;
  --gradient: linear-gradient(97deg, #0096ff, #bb64ff 42%, #f2416b 74%, #eb7500);
  --bg: #181b1d;
  --surface: #1a232d;
  --surface-2: #263543;
  --text: #e6e9ee;
  --text-muted: #aab3c2;
  --heading: #ffffff;
  --border: color-mix(in srgb, #fff 10%, var(--bg));
  --border-strong: color-mix(in srgb, #fff 22%, var(--bg));
  --outline: color-mix(in srgb, var(--primary) 32%, var(--bg));
  --font-sans: "Mona Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono: "Mona Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --pad4: 4rem;
  --pad3: 3rem;
  --pad2: 2rem;
}

* {
  box-sizing: border-box;
}

html {
  background: var(--bg);
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-sans);
  font-weight: 400;
}

body,
button,
input,
textarea,
select,
a {
  font: inherit;
  font-family: var(--font-sans);
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

h1,
h2,
h3 {
  color: var(--heading);
  font-family: var(--font-sans);
  font-weight: 500;
  letter-spacing: 0;
}

h1 {
  max-width: 840px;
  margin-right: auto;
  margin-bottom: 1.5rem;
  margin-left: auto;
  font-size: clamp(3.25rem, 8vw, 6rem);
  line-height: 0.92;
}

h2 {
  margin-bottom: 1rem;
  font-size: clamp(2.25rem, 4vw, 4rem);
  line-height: 1;
}

h3 {
  margin-bottom: 0.75rem;
  font-size: 1.1rem;
}

p {
  color: var(--text-muted);
  line-height: 1.55;
}

img {
  max-width: 100%;
  height: auto;
}

:focus-visible {
  outline: 2px solid var(--outline);
  outline-offset: 2px;
}

.site-main {
  overflow: hidden;
}

.hero-section,
.section {
  max-width: 1280px;
  margin: 0 auto;
  border-right: 1px solid var(--border);
  border-left: 1px solid var(--border);
}

.hero-section {
  position: relative;

}

.hero {
  position: relative;
  z-index: 2;
  max-width: 920px;
  margin: 0 auto -4rem;
  padding: 4rem var(--pad2) 0;
  text-align: center;
}

.hero-copy {
  max-width: 760px;
  margin-right: auto;
  margin-bottom: 2rem;
  margin-left: auto;
  font-size: 1.2rem;
}

.rating-pill {
  display: inline-flex;
  align-items: center;
  height: 36px;
  margin-bottom: 0.75rem;
  padding: 0.25rem 0.6rem;
  gap: 0.5rem;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--surface);
  font-size: 14px;
}

.rating-pill img {
  width: 18px;
  height: 18px;
}

.stars {
  color: var(--heading);
  font-size: 12px;
  letter-spacing: 1px;
}

.hero-actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0.85rem 1.25rem;
  border: 1px solid var(--border);
  border-radius: 999px;
  font-family: var(--font-mono);
  text-decoration: none;
}

.button-primary {
  background: var(--primary);
  color: #fff;
  background-image: linear-gradient(#ffffff1a, #0000 35%);
}

.button-secondary {
  background: var(--surface);
  color: var(--heading);
}

.hero-integrations {
  position: relative;
  z-index: 1;
  max-width: 1080px;
  margin: 0 auto;
  padding: 5rem var(--pad2) 0;
  text-align: center;
}

.hero-integrations-copy {
  max-width: 720px;
  margin: 0 auto;
}

.hero-integrations-copy h2 {
  margin-bottom: 1rem;
  font-size: clamp(2rem, 4vw, 3.3rem);
}

.hero-integrations-copy p {
  margin-bottom: 0;
}

.integration-container {
  overflow: hidden;
  width: 100%;
  position: relative;
  padding: 2.5rem 0 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
}

.integration-track {
  display: flex;
  flex-wrap: nowrap;
  gap: 2rem;
  width: max-content;
}

.integration-track-1 {
  animation: scrollIconsLeft 34s linear infinite;
}

.integration-track-2 {
  animation: scrollIconsRight 38s linear infinite;
}

.integration-item {
  flex: 0 0 auto;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 90px;
  box-shadow: rgba(0, 0, 0, 0.03) 0 2px 2px;
}

.integration-item img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 40px;
}

.stats-section {
  max-width: 1280px;
  margin: 0 auto;
  padding: var(--pad3);
  border-right: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  border-left: 1px solid var(--border);
  background: var(--bg);
}

.stats-heading {
  max-width: 760px;
  margin: 0 auto var(--pad3);
  text-align: center;
}

.stats-heading h2 {
  margin-bottom: 0;
}

.stats-bar {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2.5rem;
  max-width: 100%;
  margin: 0 auto;
}

.stat-item {
  text-align: center;
}

.stat-number {
  display: block;
  margin-bottom: 0.5rem;
  color: var(--primary);
  font-size: clamp(2.6rem, 6vw, 3.5rem);
  font-weight: 700;
  line-height: 1;
}

.stat-label {
  display: block;
  color: var(--text-muted);
  font-size: 1.1rem;
  line-height: 1.4;
}

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

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

.section {
  padding: 5rem var(--pad4);
  background: var(--bg);
}

.split-grid,
.workflow-section {
  display: grid;
  grid-template-columns: minmax(320px, 1fr) minmax(0, 1fr);
  gap: 0;
}

.section-intro {
  position: sticky;
  top: 120px;
  align-self: start;
  padding: var(--pad4);
  border-right: 1px solid var(--border);
}

.eyebrow {
  margin-bottom: 0.75rem;
  color: var(--primary);
  font-family: var(--font-mono);
  font-size: 0.84rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.workflow-panel,
.review-card {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
}

.feature-grid-2x3 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(3, 1fr);
  gap: 1px;
  background: var(--border);
  border-left: 1px solid var(--border);
}

.grid-card {
  min-height: 270px;
  padding: var(--pad2);
  background: var(--bg);
}

.grid-card h4 {
  margin: 0 0 0.8rem;
  color: var(--heading);
  font-size: 1rem;
  font-weight: 400;
}

.grid-card p {
  margin-bottom: 0.5rem;
  color: var(--heading);
  font-size: 0.98rem;
  line-height: 1.5;
}

.icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-bottom: 1rem;
  background-color: var(--primary);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.icon-no-code {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23000'%3E%3Cpath d='M450-177.23v-285.54L200-607.54v278.62q0 3.07 1.54 5.77 1.54 2.69 4.61 4.61L450-177.23Zm60 0 243.85-141.31q3.07-1.92 4.61-4.61 1.54-2.7 1.54-5.77v-278.62L510-462.77v285.54Zm-30-337.23 247-142.77-240.85-139.31q-3.07-1.92-6.15-1.92-3.08 0-6.15 1.92L233-657.23l247 142.77ZM176.16-265.85q-17.08-9.84-26.62-26.3-9.54-16.47-9.54-36.16v-303.38q0-19.69 9.54-36.16 9.54-16.46 26.62-26.3l267.69-154.08q17.07-9.85 36.15-9.85t36.15 9.85l267.69 154.08q17.08 9.84 26.62 26.3 9.54 16.47 9.54 36.16v303.38q0 19.69-9.54 36.16-9.54 16.46-26.62 26.3L516.15-111.77q-17.07 9.85-36.15 9.85t-36.15-9.85L176.16-265.85ZM480-480Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23000'%3E%3Cpath d='M450-177.23v-285.54L200-607.54v278.62q0 3.07 1.54 5.77 1.54 2.69 4.61 4.61L450-177.23Zm60 0 243.85-141.31q3.07-1.92 4.61-4.61 1.54-2.7 1.54-5.77v-278.62L510-462.77v285.54Zm-30-337.23 247-142.77-240.85-139.31q-3.07-1.92-6.15-1.92-3.08 0-6.15 1.92L233-657.23l247 142.77ZM176.16-265.85q-17.08-9.84-26.62-26.3-9.54-16.47-9.54-36.16v-303.38q0-19.69 9.54-36.16 9.54-16.46 26.62-26.3l267.69-154.08q17.07-9.85 36.15-9.85t36.15 9.85l267.69 154.08q17.08 9.84 26.62 26.3 9.54 16.47 9.54 36.16v303.38q0 19.69-9.54 36.16-9.54 16.46-26.62 26.3L516.15-111.77q-17.07 9.85-36.15 9.85t-36.15-9.85L176.16-265.85ZM480-480Z'/%3E%3C/svg%3E");
}

.icon-memory {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23000'%3E%3Cpath d='M482-170q-129.77 0-220.88-90.31Q170-350.62 170-480v-31.23l-74 74-42.15-42.15L200-625.54l146.15 146.16L304-437.23l-74-74V-480q0 104.23 73.38 177.12Q376.77-230 482-230q24.85 0 49.65-5.42 24.81-5.43 48.43-16.27l45 45q-33.77 18.15-69.73 27.42Q519.38-170 482-170Zm278-164.46L613.85-480.62 656-522.77l74 74V-480q0-104.23-73.38-177.12Q583.23-730 478-730q-24.85 0-49.65 5.42-24.81 5.43-48.43 16.27l-45-45q33.77-18.15 69.73-27.42Q440.62-790 478-790q129.77 0 220.88 90.31Q790-609.38 790-480v31.23l74-74 42.15 42.15L760-334.46Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23000'%3E%3Cpath d='M482-170q-129.77 0-220.88-90.31Q170-350.62 170-480v-31.23l-74 74-42.15-42.15L200-625.54l146.15 146.16L304-437.23l-74-74V-480q0 104.23 73.38 177.12Q376.77-230 482-230q24.85 0 49.65-5.42 24.81-5.43 48.43-16.27l45 45q-33.77 18.15-69.73 27.42Q519.38-170 482-170Zm278-164.46L613.85-480.62 656-522.77l74 74V-480q0-104.23-73.38-177.12Q583.23-730 478-730q-24.85 0-49.65 5.42-24.81 5.43-48.43 16.27l-45-45q33.77-18.15 69.73-27.42Q440.62-790 478-790q129.77 0 220.88 90.31Q790-609.38 790-480v31.23l74-74 42.15 42.15L760-334.46Z'/%3E%3C/svg%3E");
}

.icon-flow {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23000'%3E%3Cpath d='M760-130q-37.46 0-66.73-22.5Q664-175 654.69-210H440q-62.15 0-106.08-43.92Q290-297.85 290-360t43.92-106.08Q377.85-510 440-510h80q37.13 0 63.56-26.46Q610-562.92 610-600.07q0-37.16-26.44-63.55Q557.13-690 520-690H305.31q-9.93 35-38.89 57.5T200-610q-45.83 0-77.92-32.07Q90-674.14 90-719.95q0-45.82 32.08-77.93Q154.17-830 200-830q37.46 0 66.42 22.5t38.89 57.5H520q62.15 0 106.08 43.92Q670-662.15 670-600t-43.92 106.08Q582.15-450 520-450h-80q-37.13 0-63.56 26.46Q350-397.08 350-359.93q0 37.16 26.44 63.55Q402.87-270 440-270h214.69q9.93-35 38.89-57.5T760-350q45.83 0 77.92 32.07Q870-285.86 870-240.05q0 45.82-32.08 77.93Q805.83-130 760-130ZM200-670q20.85 0 35.42-14.58Q250-699.15 250-720t-14.58-35.42Q220.85-770 200-770t-35.42 14.58Q150-740.85 150-720t14.58 35.42Q179.15-670 200-670Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23000'%3E%3Cpath d='M760-130q-37.46 0-66.73-22.5Q664-175 654.69-210H440q-62.15 0-106.08-43.92Q290-297.85 290-360t43.92-106.08Q377.85-510 440-510h80q37.13 0 63.56-26.46Q610-562.92 610-600.07q0-37.16-26.44-63.55Q557.13-690 520-690H305.31q-9.93 35-38.89 57.5T200-610q-45.83 0-77.92-32.07Q90-674.14 90-719.95q0-45.82 32.08-77.93Q154.17-830 200-830q37.46 0 66.42 22.5t38.89 57.5H520q62.15 0 106.08 43.92Q670-662.15 670-600t-43.92 106.08Q582.15-450 520-450h-80q-37.13 0-63.56 26.46Q350-397.08 350-359.93q0 37.16 26.44 63.55Q402.87-270 440-270h214.69q9.93-35 38.89-57.5T760-350q45.83 0 77.92 32.07Q870-285.86 870-240.05q0 45.82-32.08 77.93Q805.83-130 760-130ZM200-670q20.85 0 35.42-14.58Q250-699.15 250-720t-14.58-35.42Q220.85-770 200-770t-35.42 14.58Q150-740.85 150-720t14.58 35.42Q179.15-670 200-670Z'/%3E%3C/svg%3E");
}

.icon-routing {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23000'%3E%3Cpath d='M246.15-220 100-366.15l42.15-43.39 74.01 74v-297.15q0-61 42.96-103.96 42.96-42.96 103.96-42.96 61 0 103.96 42.96Q510-693.69 510-632.69v265.77q0 36.07 25.42 61.5Q560.85-280 596.92-280q36.08 0 61.5-25.42 25.43-25.43 25.43-61.5v-297.16l-74 74-42.16-43.38 146.16-146.15L860-633.46l-42.15 43.38-74.01-74v297.16q0 61-42.96 103.96Q657.92-220 596.92-220q-61 0-103.96-42.96Q450-305.92 450-366.92v-265.77q0-36.08-25.42-61.5-25.43-25.43-61.5-25.43-36.08 0-61.5 25.43-25.43 25.42-25.43 61.5v297.15l74-74 42.16 43.39L246.15-220Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23000'%3E%3Cpath d='M246.15-220 100-366.15l42.15-43.39 74.01 74v-297.15q0-61 42.96-103.96 42.96-42.96 103.96-42.96 61 0 103.96 42.96Q510-693.69 510-632.69v265.77q0 36.07 25.42 61.5Q560.85-280 596.92-280q36.08 0 61.5-25.42 25.43-25.43 25.43-61.5v-297.16l-74 74-42.16-43.38 146.16-146.15L860-633.46l-42.15 43.38-74.01-74v297.16q0 61-42.96 103.96Q657.92-220 596.92-220q-61 0-103.96-42.96Q450-305.92 450-366.92v-265.77q0-36.08-25.42-61.5-25.43-25.43-61.5-25.43-36.08 0-61.5 25.43-25.43 25.42-25.43 61.5v297.15l74-74 42.16 43.39L246.15-220Z'/%3E%3C/svg%3E");
}

.icon-campaigns {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23000'%3E%3Cpath d='M587.69-240q-38.54 0-65.42-26.88-26.88-26.89-26.88-65.43 0-38.54 26.88-65.42 26.88-26.88 65.42-26.88 38.54 0 65.43 26.88Q680-370.85 680-332.31q0 38.54-26.88 65.43Q626.23-240 587.69-240ZM212.31-100Q182-100 161-121q-21-21-21-51.31v-535.38Q140-738 161-759q21-21 51.31-21h55.38v-84.61h61.54V-780h303.08v-84.61h60V-780h55.38Q778-780 799-759q21 21 21 51.31v535.38Q820-142 799-121q-21 21-51.31 21H212.31Zm0-60h535.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46v-375.38H200v375.38q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85ZM200-607.69h560v-100q0-4.62-3.85-8.46-3.84-3.85-8.46-3.85H212.31q-4.62 0-8.46 3.85-3.85 3.84-3.85 8.46v100Zm0 0V-720v112.31Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23000'%3E%3Cpath d='M587.69-240q-38.54 0-65.42-26.88-26.88-26.89-26.88-65.43 0-38.54 26.88-65.42 26.88-26.88 65.42-26.88 38.54 0 65.43 26.88Q680-370.85 680-332.31q0 38.54-26.88 65.43Q626.23-240 587.69-240ZM212.31-100Q182-100 161-121q-21-21-21-51.31v-535.38Q140-738 161-759q21-21 51.31-21h55.38v-84.61h61.54V-780h303.08v-84.61h60V-780h55.38Q778-780 799-759q21 21 21 51.31v535.38Q820-142 799-121q-21 21-51.31 21H212.31Zm0-60h535.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46v-375.38H200v375.38q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85ZM200-607.69h560v-100q0-4.62-3.85-8.46-3.84-3.85-8.46-3.85H212.31q-4.62 0-8.46 3.85-3.85 3.84-3.85 8.46v100Zm0 0V-720v112.31Z'/%3E%3C/svg%3E");
}

.icon-natural-conversations {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23000'%3E%3Cpath d='M295-257.69v-444.62h60v444.62h-60ZM450-100v-760h60v760h-60ZM140-413.85v-132.3h60v132.3h-60Zm465 156.16v-444.62h60v444.62h-60Zm155-156.16v-132.3h60v132.3h-60Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23000'%3E%3Cpath d='M295-257.69v-444.62h60v444.62h-60ZM450-100v-760h60v760h-60ZM140-413.85v-132.3h60v132.3h-60Zm465 156.16v-444.62h60v444.62h-60Zm155-156.16v-132.3h60v132.3h-60Z'/%3E%3C/svg%3E");
}

.icon-multichannel {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23000'%3E%3Cpath d='M120-480v-280h280v280H120Zm0 360v-280h280v280H120Zm360-360v-280h280v280H480Zm0 360v-280h280v280H480Zm-280-80h120v-120H200v120Zm360 0h120v-120H560v120Zm0-360h120v-120H560v120Zm-360 0h120v-120H200v120Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23000'%3E%3Cpath d='M120-480v-280h280v280H120Zm0 360v-280h280v280H120Zm360-360v-280h280v280H480Zm0 360v-280h280v280H480Zm-280-80h120v-120H200v120Zm360 0h120v-120H560v120Zm0-360h120v-120H560v120Zm-360 0h120v-120H200v120Z'/%3E%3C/svg%3E");
}

.icon-orders {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23000'%3E%3Cpath d='M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h167q11-35 43-57.5t70-22.5q40 0 71.5 22.5T594-840h166q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H640v120H320v-120H200v560Zm80-80h280v-80H280v80Zm0-160h400v-80H280v80Zm0-160h400v-80H280v80Zm200-280q17 0 28.5-11.5T520-820q0-17-11.5-28.5T480-860q-17 0-28.5 11.5T440-820q0 17 11.5 28.5T480-780Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23000'%3E%3Cpath d='M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h167q11-35 43-57.5t70-22.5q40 0 71.5 22.5T594-840h166q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H640v120H320v-120H200v560Zm80-80h280v-80H280v80Zm0-160h400v-80H280v80Zm0-160h400v-80H280v80Zm200-280q17 0 28.5-11.5T520-820q0-17-11.5-28.5T480-860q-17 0-28.5 11.5T440-820q0 17 11.5 28.5T480-780Z'/%3E%3C/svg%3E");
}

.icon-warehouse {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23000'%3E%3Cpath d='M120-120v-560l360-160 360 160v560H600v-280H360v280H120Zm80-80h80v-280h400v280h80v-428L480-752 200-628v428Zm160-280h80v-80h-80v80Zm160 0h80v-80h-80v80ZM280-200v-280 280Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23000'%3E%3Cpath d='M120-120v-560l360-160 360 160v560H600v-280H360v280H120Zm80-80h80v-280h400v280h80v-428L480-752 200-628v428Zm160-280h80v-80h-80v80Zm160 0h80v-80h-80v80ZM280-200v-280 280Z'/%3E%3C/svg%3E");
}

.icon-shipping {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23000'%3E%3Cpath d='M240-160q-50 0-85-35t-35-85H40v-440q0-33 23.5-56.5T120-800h560v160h120l120 160v200h-80q0 50-35 85t-85 35q-50 0-85-35t-35-85H360q0 50-35 85t-85 35Zm0-80q17 0 28.5-11.5T280-280q0-17-11.5-28.5T240-320q-17 0-28.5 11.5T200-280q0 17 11.5 28.5T240-240ZM120-360h32q17-18 39-29t49-11q27 0 49 11t39 29h272v-360H120v360Zm600 120q17 0 28.5-11.5T760-280q0-17-11.5-28.5T720-320q-17 0-28.5 11.5T680-280q0 17 11.5 28.5T720-240Zm-40-200h170l-90-120h-80v120Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23000'%3E%3Cpath d='M240-160q-50 0-85-35t-35-85H40v-440q0-33 23.5-56.5T120-800h560v160h120l120 160v200h-80q0 50-35 85t-85 35q-50 0-85-35t-35-85H360q0 50-35 85t-85 35Zm0-80q17 0 28.5-11.5T280-280q0-17-11.5-28.5T240-320q-17 0-28.5 11.5T200-280q0 17 11.5 28.5T240-240ZM120-360h32q17-18 39-29t49-11q27 0 49 11t39 29h272v-360H120v360Zm600 120q17 0 28.5-11.5T760-280q0-17-11.5-28.5T720-320q-17 0-28.5 11.5T680-280q0 17 11.5 28.5T720-240Zm-40-200h170l-90-120h-80v120Z'/%3E%3C/svg%3E");
}

.icon-payments {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23000'%3E%3Cpath d='M120-200q-33 0-56.5-23.5T40-280v-400q0-33 23.5-56.5T120-760h720q33 0 56.5 23.5T920-680v400q0 33-23.5 56.5T840-200H120Zm0-80h720v-280H120v280Zm0-360h720v-40H120v40Zm0 360v-400 400Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23000'%3E%3Cpath d='M120-200q-33 0-56.5-23.5T40-280v-400q0-33 23.5-56.5T120-760h720q33 0 56.5 23.5T920-680v400q0 33-23.5 56.5T840-200H120Zm0-80h720v-280H120v280Zm0-360h720v-40H120v40Zm0 360v-400 400Z'/%3E%3C/svg%3E");
}

.icon-invoice {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23000'%3E%3Cpath d='M320-240h320v-80H320v80Zm0-160h320v-80H320v80ZM240-80q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h320l240 240v480q0 33-23.5 56.5T720-80H240Zm280-560v-160H240v640h480v-480H520ZM240-800v160-160 640-640Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23000'%3E%3Cpath d='M320-240h320v-80H320v80Zm0-160h320v-80H320v80ZM240-80q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h320l240 240v480q0 33-23.5 56.5T720-80H240Zm280-560v-160H240v640h480v-480H520ZM240-800v160-160 640-640Z'/%3E%3C/svg%3E");
}

.icon-comms {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23000'%3E%3Cpath d='M240-400h320v-80H240v80Zm0-120h480v-80H240v80Zm0-120h480v-80H240v80ZM80-80v-720q0-33 23.5-56.5T160-880h640q33 0 56.5 23.5T880-800v480q0 33-23.5 56.5T800-240H240L80-80Zm126-240h594v-480H160v525l46-45Zm-46 0v-480 480Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23000'%3E%3Cpath d='M240-400h320v-80H240v80Zm0-120h480v-80H240v80Zm0-120h480v-80H240v80ZM80-80v-720q0-33 23.5-56.5T160-880h640q33 0 56.5 23.5T880-800v480q0 33-23.5 56.5T800-240H240L80-80Zm126-240h594v-480H160v525l46-45Zm-46 0v-480 480Z'/%3E%3C/svg%3E");
}

.icon-ai {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23000'%3E%3Cpath d='M180-200q-25 0-42.5-17.5T120-260v-220h80q0-58 33-104.5t87-65.5v-30q-21-13-32.5-33.5T276-760q0-33 23.5-56.5T356-840q24 0 44 12.5t31 33.5q11-21 31-33.5t44-12.5q33 0 56.5 23.5T586-760q0 26-11.5 46.5T542-680v30q54 19 87 65.5T662-480h80v220q0 25-17.5 42.5T682-200H180Zm0-60h502v-180H180v180Zm65-240h372q-13-44-49.5-72T480-580q-50 0-87 28t-50 72Zm115 140q17 0 28.5-11.5T400-380q0-17-11.5-28.5T360-420q-17 0-28.5 11.5T320-380q0 17 11.5 28.5T360-340Zm140 0q17 0 28.5-11.5T540-380q0-17-11.5-28.5T500-420q-17 0-28.5 11.5T460-380q0 17 11.5 28.5T500-340Zm-20 80Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23000'%3E%3Cpath d='M180-200q-25 0-42.5-17.5T120-260v-220h80q0-58 33-104.5t87-65.5v-30q-21-13-32.5-33.5T276-760q0-33 23.5-56.5T356-840q24 0 44 12.5t31 33.5q11-21 31-33.5t44-12.5q33 0 56.5 23.5T586-760q0 26-11.5 46.5T542-680v30q54 19 87 65.5T662-480h80v220q0 25-17.5 42.5T682-200H180Zm0-60h502v-180H180v180Zm65-240h372q-13-44-49.5-72T480-580q-50 0-87 28t-50 72Zm115 140q17 0 28.5-11.5T400-380q0-17-11.5-28.5T360-420q-17 0-28.5 11.5T320-380q0 17 11.5 28.5T360-340Zm140 0q17 0 28.5-11.5T540-380q0-17-11.5-28.5T500-420q-17 0-28.5 11.5T460-380q0 17 11.5 28.5T500-340Zm-20 80Z'/%3E%3C/svg%3E");
}

.icon-crm {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23000'%3E%3Cpath d='M720-400v-120H600v-80h120v-120h80v120h120v80H800v120h-80Zm-360-80q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47ZM40-160v-112q0-34 17.5-62.5T104-378q62-31 126-46.5T360-440q66 0 130 15.5T616-378q29 15 46.5 43.5T680-272v112H40Zm80-80h480v-32q0-11-5.5-20T580-306q-54-27-109-40.5T360-360q-56 0-111 13.5T140-306q-9 5-14.5 14t-5.5 20v32Zm240-320q33 0 56.5-23.5T440-640q0-33-23.5-56.5T360-720q-33 0-56.5 23.5T280-640q0 33 23.5 56.5T360-560Zm0-80Zm0 400Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23000'%3E%3Cpath d='M720-400v-120H600v-80h120v-120h80v120h120v80H800v120h-80Zm-360-80q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47ZM40-160v-112q0-34 17.5-62.5T104-378q62-31 126-46.5T360-440q66 0 130 15.5T616-378q29 15 46.5 43.5T680-272v112H40Zm80-80h480v-32q0-11-5.5-20T580-306q-54-27-109-40.5T360-360q-56 0-111 13.5T140-306q-9 5-14.5 14t-5.5 20v32Zm240-320q33 0 56.5-23.5T440-640q0-33-23.5-56.5T360-720q-33 0-56.5 23.5T280-640q0 33 23.5 56.5T360-560Zm0-80Zm0 400Z'/%3E%3C/svg%3E");
}

.icon-website {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23000'%3E%3Cpath d='M120-120q-33 0-56.5-23.5T40-200v-560q0-33 23.5-56.5T120-840h720q33 0 56.5 23.5T920-760v560q0 33-23.5 56.5T840-120H120Zm0-80h280v-280H120v280Zm360 0h360v-280H480v280Zm-360-360h720v-200H120v200Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23000'%3E%3Cpath d='M120-120q-33 0-56.5-23.5T40-200v-560q0-33 23.5-56.5T120-840h720q33 0 56.5 23.5T920-760v560q0 33-23.5 56.5T840-120H120Zm0-80h280v-280H120v280Zm360 0h360v-280H480v280Zm-360-360h720v-200H120v200Z'/%3E%3C/svg%3E");
}

.ecommerce-comparison-section {
  background: var(--bg);
}

.comparison-intro {

  margin-bottom: 2rem;
}

.comparison-intro h2 {

}

.comparison-intro p {

  color: var(--text);
}

.comparison-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
}

.comparison-table {
  width: 100%;
  min-width: 900px;
  border-collapse: collapse;
}

.comparison-table th,
.comparison-table td {
  padding: 1rem;
  border-bottom: 1px solid var(--border);
  color: var(--text);
  font-size: 0.92rem;
  line-height: 1.45;
  text-align: left;
  vertical-align: top;
}

.comparison-table thead th {
  background: color-mix(in srgb, var(--surface-2) 70%, var(--surface));
  color: var(--heading);
  font-weight: 500;
}

.comparison-table tbody tr:last-child th,
.comparison-table tbody tr:last-child td {
  border-bottom: 0;
}

.comparison-table tbody th {
  color: var(--heading);
  font-weight: 500;
}

.comparison-table tbody th small {
  display: block;
  margin-top: 0.25rem;
  color: var(--text-muted);
  font-size: 0.78rem;
  font-weight: 400;
}

.comparison-table .is-azseller th,
.comparison-table .is-azseller td {
  background: color-mix(in srgb, var(--primary) 10%, transparent);
}

.comparison-table .is-azseller th {
  color: #7db7ff;
}

.platform-comparison-table {
  min-width: 1080px;
}

.service-includes-table {
  min-width: 720px;
}

.service-includes-table th:first-child {
  width: 32%;
}

.comparison-empty {
  padding: 2rem;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  color: var(--text-muted);
}

.workflow-section {
  align-items: start;
  background: var(--surface-2);
}

.workflow-copy {
  max-width: 460px;
}

.workflow-panel {
  padding: 1rem;
}

.toggle-group {
  display: flex;
  gap: 0.5rem;
  padding: 0.35rem;
  border-radius: 999px;
  background: var(--surface-2);
}

.toggle-button {
  flex: 1;
  min-height: 42px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
}

.toggle-button.active {
  background: var(--surface);
  color: var(--heading);
  box-shadow: 0 8px 20px rgba(18, 20, 23, 0.08);
}

.flow-card {
  display: none;
  padding: 1.5rem 0.25rem 0.25rem;
}

.flow-card.active {
  display: block;
}

.flow-list {
  display: grid;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.flow-list li {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
}

.flow-list span {
  display: inline-grid;
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 999px;
  background: var(--primary);
  color: #fff;
  font-family: var(--font-mono);
  font-size: 13px;
}

.rating-pill img {
  filter: brightness(0) invert(1);
}

.reviews-section {
  overflow: hidden;
  padding-right: 0;
  padding-left: 0;
}

.reviews-heading {
  max-width: 760px;
  margin: 0 auto var(--pad3);
  padding: 0 var(--pad4);
  text-align: center;
}

.reviews-heading h2 {
  margin-bottom: 0;
}

.reviews-track {
  display: flex;
  width: max-content;
  gap: 1rem;
  padding: 0 var(--pad4);
  /* 6 recensioni per blocco: durata raddoppiata per mantenere la stessa velocità di scorrimento. */
  animation: reviewsSlide 72s linear infinite;
  will-change: transform;
}

.reviews-section:hover .reviews-track {
  animation-play-state: paused;
}

.review-card {
  width: clamp(280px, 30vw, 390px);
  flex: 0 0 auto;
  padding: 1.5rem;
}

.review-card p {
  color: var(--text);
}

.review-card strong {
  display: block;
  /* Mona Sans arriva fino a 500: con 700 il browser sintetizza il grassetto
     e sul fondo scuro il nome sembra avere un'ombra. */
  font-weight: 500;
  color: var(--heading);
}

.review-role {
  display: block;
  margin-top: 0.15rem;
  font-size: 0.85rem;
  color: var(--text-muted);
}

@keyframes reviewsSlide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-33.333% - 0.666rem));
  }
}

@media (max-width: 1024px) {
  :root {
    --pad4: 3rem;
    --pad3: 2rem;
    --pad2: 1.5rem;
  }

  .split-grid,
  .workflow-section {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  /* Una colonna: l'intro non ha più il padding del riquadro accanto, quindi
     si riallinea ai margini laterali delle altre sezioni. */
  .section-intro {
    position: static;
    padding: 2rem var(--pad2);
    border-right: 0;
  }

  .feature-grid-2x3 {
    border-left: 0;
  }

  .platform-comparison-table {
    min-width: 980px;
  }
}

@media (max-width: 767px) {
  :root {
    --pad4: 1rem;
    --pad3: 1rem;
    --pad2: 1rem;
  }

  .hero-section {

  }

  .hero {
    padding-top: 3rem;
  }

  .hero-integrations {
    padding-top: 3rem;
  }

  .section {
    padding: 3rem var(--pad2);
  }

  .comparison-table {
    min-width: 760px;
  }

  .comparison-table th,
  .comparison-table td {
    padding: 0.8rem;
  }

  .feature-grid-2x3 {
    grid-template-columns: 1fr;
  }

  .feature-grid-2x3 {
    grid-template-rows: none;
  }

  .integration-container {
    padding-top: 2rem;
    gap: 1rem;
  }

  .integration-track {
    gap: 1rem;
  }

  .integration-item {
    width: 60px;
    height: 60px;
    padding: 8px;
  }

  .integration-item img {
    max-height: 30px;
  }
}

@media (max-width: 600px) {
  .stats-section {
    padding: 3rem var(--pad2);
  }

  .stats-bar {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .reviews-track {
    overflow-x: auto;
    width: auto;
    animation: none;
    scroll-snap-type: x mandatory;
  }

  .review-card {
    scroll-snap-align: start;
  }
}