.platform-site .main-nav [aria-current="page"] {
  color: #17663a;
}

.platform-site .main-nav .btn span {
  margin-left: .25rem;
}

.product-subnav {
  position: sticky;
  top: 58px;
  z-index: 90;
  overflow-x: auto;
  background: rgba(240, 243, 233, .96);
  border-bottom: 1px solid #d7e1d7;
  backdrop-filter: blur(10px);
}

.product-subnav nav {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  min-width: max-content;
  padding-block: .72rem;
}

.product-subnav span,
.product-subnav a {
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .05em;
  color: #68796c;
  text-decoration: none;
}

.product-subnav span {
  color: #163c2c;
  letter-spacing: .13em;
  margin-right: .55rem;
}

.product-subnav a:hover,
.product-subnav a[aria-current="page"] {
  color: #17663a;
}

.home-hero .r-hero-grid {
  align-items: center;
}

.operations-map,
.warehouse-note,
.shelf-map,
.connection-note {
  overflow: hidden;
  border: 1px solid #d7e1d7;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 20px 60px rgba(20, 83, 45, .08);
}

.operations-map-body {
  padding: 1.15rem 1.45rem;
}

.operations-map-body > a {
  display: grid;
  grid-template-columns: 2.6rem 1fr auto;
  align-items: center;
  gap: 1rem;
  padding: 1rem .25rem;
  color: #163c2c;
  text-decoration: none;
}

.operations-map-body > a:hover strong {
  color: #17663a;
}

.operations-map-body small,
.channel-directory small,
.warehouse-note small,
.shelf-map small {
  display: block;
  color: #758379;
  font-size: .58rem;
  font-weight: 700;
  letter-spacing: .1em;
}

.operations-map-body strong {
  display: block;
  margin: .2rem 0;
  font-family: var(--font-display);
  font-size: 1.2rem;
}

.operations-map-body p {
  margin: 0;
  font-size: .69rem;
}

.map-number {
  display: grid;
  width: 2.35rem;
  height: 2.35rem;
  place-items: center;
  border-radius: 50%;
  background: #e9f2e3;
  color: #316d40;
  font: 700 .65rem var(--mono);
}

.map-connector {
  margin-left: 1.45rem;
  padding: .42rem 0 .42rem 2.75rem;
  border-left: 1px solid #cbd9c8;
  color: #738176;
  font-size: .62rem;
}

.product-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
  margin-top: 3rem;
}

.product-card {
  display: flex;
  min-height: 380px;
  flex-direction: column;
  padding: 2.25rem;
  border: 1px solid #d7e1d7;
  border-radius: 12px;
  background: #fff;
  color: #163c2c;
  text-decoration: none;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.product-card:hover {
  transform: translateY(-4px);
  border-color: #8eaf8d;
  box-shadow: 0 18px 45px rgba(20, 83, 45, .09);
  text-decoration: none;
}

.product-card h3 {
  margin: .8rem 0 1.4rem;
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 2.6vw, 2.35rem);
  line-height: 1.08;
}

.product-card p {
  font-size: .84rem;
  line-height: 1.8;
}

.product-card > strong {
  margin-top: auto;
  padding-top: 1.2rem;
  color: #23693a;
  font-size: .75rem;
}

.product-capabilities {
  margin-top: 1.2rem;
  padding-top: 1rem;
  border-top: 1px solid #e3e9df;
  color: #718171;
  font-size: .64rem;
  letter-spacing: .04em;
}

.product-card.compact {
  min-height: 285px;
}

.channel-directory {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 12px;
}

.channel-directory > a {
  display: grid;
  grid-template-columns: 2rem 1fr auto;
  align-items: center;
  gap: 1rem;
  padding: 1.3rem 1.4rem;
  border-bottom: 1px solid rgba(255, 255, 255, .13);
  color: #eff5ea;
  text-decoration: none;
}

.channel-directory > a:hover {
  background: rgba(255, 255, 255, .06);
}

.channel-directory > a > span {
  color: #93ad96;
  font: .65rem var(--mono);
}

.channel-directory strong {
  display: block;
  font-size: .95rem;
}

.channel-directory small {
  margin-top: .3rem;
  color: #aebfb0;
  letter-spacing: 0;
  font-weight: 400;
}

.channel-directory .call-demo {
  display: block;
  border: 0;
  background: #dfead7;
  color: #19412e;
  font-size: .78rem;
  font-weight: 700;
  text-align: center;
}

.connection-note {
  padding: 2.4rem;
  background: #eff3e9;
  box-shadow: none;
}

.connection-note h3 {
  margin: .8rem 0 1.5rem;
  font-family: var(--font-display);
  font-size: clamp(1.9rem, 3vw, 2.8rem);
  line-height: 1.16;
}

.platform-overview {
  max-width: 900px;
  text-align: center;
}

.platform-overview .r-lead {
  margin-inline: auto;
}

.support-hero .r-hero-grid {
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
  gap: 48px;
}

.support-hero .hero-copy h1 {
  font-size: clamp(2.8rem, 4.6vw, 4.25rem);
}

/* Give the inbox mockup room so the conversation pane doesn't wrap awkwardly.
   minmax(0, 1fr) lets the main pane wrap instead of forcing the panel wider
   than its column (which was pushing the mockup off-screen). */
.support-hero .mock-split {
  grid-template-columns: 184px minmax(0, 1fr);
}

.support-hero .hero-visual .mock {
  rotate: -0.6deg;
}

/* Below desktop, drop the mockup to a single full-width column so the
   conversation pane never gets squeezed or pushed off-screen. */
@media (max-width: 1024px) {
  .support-hero .mock-split {
    grid-template-columns: 1fr;
  }
  .support-hero .mock-split .mock-side {
    border-right: 0;
    border-bottom: 1px solid var(--border);
  }
}

.scope-notice {
  padding: 1.15rem 0;
  background: #e8efe1;
  border-block: 1px solid #d5e0d1;
}

.scope-notice .container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  text-align: center;
}

.scope-notice strong,
.scope-notice p {
  margin: 0;
  font-size: .78rem;
}

.scan-preview {
  padding: 1.2rem;
  border-radius: 8px;
  background: #f3f6ef;
}

.scan-preview > span {
  color: #718170;
  font-size: .55rem;
  font-weight: 700;
  letter-spacing: .13em;
}

.scan-preview > strong {
  display: block;
  margin-top: .65rem;
  color: #277244;
  font-size: .72rem;
}

.barcode-art {
  width: 100%;
  height: 34px;
  margin-top: .65rem;
  background: repeating-linear-gradient(90deg, #1e3829 0 2px, transparent 2px 5px, #1e3829 5px 9px, transparent 9px 12px);
}

.tote-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: .5rem;
  margin-top: 1rem;
}

.tote-grid > div {
  display: grid;
  min-height: 65px;
  place-items: center;
  padding: .5rem;
  border: 1px solid #d8e0d4;
  border-radius: 6px;
  color: #718171;
  font: .55rem var(--mono);
  text-align: center;
}

.tote-grid .active {
  background: #e5efdc;
  border-color: #81a67d;
  color: #2d6d3b;
}

.tote-grid strong {
  display: block;
  font-size: .61rem;
}

.warehouse-note {
  padding: 2.3rem;
  background: #f0f3e9;
  box-shadow: none;
}

.warehouse-note > div {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.2rem 0;
  border-bottom: 1px solid #d6dfd1;
}

.warehouse-note b {
  display: grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  color: #377447;
  font: .65rem var(--mono);
}

.warehouse-note p {
  margin: 0;
}

.warehouse-note strong {
  font-size: .78rem;
}

.warehouse-note small {
  margin-top: .35rem;
  letter-spacing: 0;
  font-weight: 400;
}

.shelf-map {
  padding: 2rem;
  background: rgba(255, 255, 255, .06);
  border-color: rgba(255, 255, 255, .18);
  box-shadow: none;
}

.shelf-map > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .75rem;
}

.shelf-map article {
  min-height: 120px;
  padding: 1.1rem;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 7px;
}

.shelf-map article.active {
  background: #dfead7;
  color: #163c2c;
}

.shelf-map strong,
.shelf-map article > span {
  display: block;
}

.shelf-map strong {
  margin: .55rem 0;
  font: 700 1.15rem var(--mono);
}

.shelf-map article > span {
  color: #aabcae;
  font-size: .62rem;
}

.shelf-map article.active > span {
  color: #59715c;
}

.platform-site .site-footer {
  background: #fafaf6;
}

@media (max-width: 980px) {
  .platform-site .main-nav {
    gap: .85rem;
  }

  .product-card {
    padding: 1.65rem;
  }
}

@media (max-width: 860px) {
  .product-subnav {
    top: 57px;
  }

  .product-subnav nav {
    padding-inline: 1.25rem;
  }

  .product-grid {
    grid-template-columns: 1fr;
  }

  .product-card,
  .product-card.compact {
    min-height: 0;
  }

  .support-hero .r-hero-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .product-subnav nav {
    gap: 1.15rem;
  }

  .product-subnav span,
  .product-subnav a {
    font-size: .62rem;
  }

  .operations-map {
    margin-top: 1rem;
  }

  .product-grid {
    margin-top: 2rem;
  }

  .product-card {
    padding: 1.5rem;
  }

  .scope-notice .container {
    display: block;
  }

  .scope-notice p {
    margin-top: .35rem;
  }

  .tote-grid > div {
    min-height: 58px;
    padding: .25rem;
  }

  .shelf-map {
    padding: 1.25rem;
  }

  .shelf-map > div {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .product-card {
    transition: none;
  }
}

/* ---------- Platform navigation ---------- */
.nav-menu {
  position: relative;
}

.nav-menu summary {
  display: flex;
  align-items: center;
  gap: .38rem;
  color: var(--text);
  font-size: .95rem;
  font-weight: 500;
  cursor: pointer;
  list-style: none;
}

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

.nav-menu summary::after {
  content: "⌄";
  color: #6b7d70;
  font-size: .75rem;
  transform: translateY(-1px);
}

.nav-menu summary:hover,
.nav-menu[open] summary,
.nav-menu.current summary {
  color: #17663a;
}

.nav-menu-panel {
  position: absolute;
  top: calc(100% + 1rem);
  left: 50%;
  min-width: 250px;
  padding: .65rem;
  border: 1px solid #d7e1d7;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(20, 83, 45, .14);
  transform: translateX(-50%);
}

.nav-menu-panel::before {
  content: "";
  position: absolute;
  inset: -1.05rem 0 auto;
  height: 1.1rem;
}

.main-nav .nav-menu-panel a:not(.btn) {
  display: block;
  padding: .78rem .85rem;
  border-radius: 7px;
  color: #163c2c;
  font-size: .82rem;
  line-height: 1.3;
}

.main-nav .nav-menu-panel a:not(.btn):hover {
  background: #f0f3e9;
}

.nav-menu-panel small {
  display: block;
  margin-top: .18rem;
  color: #718171;
  font-size: .66rem;
  font-weight: 400;
}

/* ---------- Growth product pages ---------- */
.growth-hero {
  overflow: hidden;
}

.growth-hero .r-hero-grid {
  grid-template-columns: .92fr 1.08fr;
}

.growth-console,
.app-phone,
.journey-board,
.campaign-preview,
.builder-console {
  overflow: hidden;
  border: 1px solid #d7e1d7;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 25px 65px rgba(23, 59, 41, .08);
}

.growth-console-body {
  padding: 1.35rem;
}

.growth-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .65rem;
  margin-bottom: 1rem;
}

.growth-metrics div {
  padding: .9rem;
  border: 1px solid #e3e9df;
  border-radius: 8px;
  background: #fafbf7;
}

.growth-metrics small,
.campaign-row small,
.message-preview small,
.journey-step small,
.builder-sidebar small,
.builder-preview small {
  display: block;
  color: #748276;
  font-size: .56rem;
  font-weight: 700;
  letter-spacing: .09em;
}

.growth-metrics strong {
  display: block;
  margin-top: .28rem;
  color: #1f6337;
  font: 600 1.35rem var(--font-display);
}

.campaign-row {
  display: grid;
  grid-template-columns: 1.1fr .8fr auto;
  gap: 1rem;
  align-items: center;
  padding: 1rem;
  border-top: 1px solid #e5ebe1;
  font-size: .7rem;
}

.campaign-row strong,
.journey-step strong {
  display: block;
  margin-top: .2rem;
  font-size: .8rem;
}

.status-pill {
  display: inline-flex;
  align-items: center;
  gap: .32rem;
  padding: .35rem .55rem;
  border-radius: 999px;
  background: #e9f2e3;
  color: #28653b;
  font-size: .57rem;
  font-weight: 700;
}

.status-pill::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #2d7c47;
}

.channel-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
  margin-top: 3rem;
}

.channel-card {
  min-height: 360px;
  padding: 2.2rem;
  border: 1px solid #d7e1d7;
  border-radius: 12px;
  background: #fff;
}

.channel-card h3 {
  margin: .7rem 0 1rem;
  font: 600 clamp(1.7rem, 3vw, 2.5rem) var(--font-display);
}

.channel-card p {
  font-size: .83rem;
  line-height: 1.8;
}

.message-preview {
  margin-top: 1.6rem;
  padding: 1rem;
  border-radius: 10px;
  background: #f0f3e9;
}

.message-preview strong {
  display: block;
  margin: .45rem 0 .25rem;
  font-size: .8rem;
}

.message-preview p {
  margin: 0;
  font-size: .68rem;
  line-height: 1.55;
}

.approval-flow {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  overflow: hidden;
  margin-top: 2.8rem;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 12px;
  background: rgba(255, 255, 255, .18);
}

.approval-flow article {
  min-height: 180px;
  padding: 1.4rem;
  background: #163e2d;
}

.approval-flow span {
  color: #9bb59d;
  font: .62rem var(--mono);
}

.approval-flow h3 {
  margin-top: 1.6rem;
  color: #f1f5e8;
  font-size: 1rem;
}

.approval-flow p {
  margin: 0;
  font-size: .7rem;
  line-height: 1.7;
}

.app-stage {
  position: relative;
  min-height: 600px;
  display: grid;
  place-items: center;
  padding: 2rem;
}

.app-stage::before,
.app-stage::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(2px);
}

.app-stage::before {
  width: 360px;
  height: 360px;
  background: #dce9cf;
}

.app-stage::after {
  width: 220px;
  height: 220px;
  right: 0;
  bottom: 0;
  background: rgba(191, 125, 42, .13);
}

.app-phone {
  position: relative;
  z-index: 1;
  width: 276px;
  padding: 9px;
  border: 7px solid #193728;
  border-radius: 37px;
  background: #fff;
  transform: rotate(2deg);
  box-shadow: 0 35px 70px rgba(17, 49, 32, .2);
}

.app-phone-screen {
  overflow: hidden;
  border-radius: 23px;
  background: #f8f7f1;
}

.app-phone-top {
  display: flex;
  justify-content: space-between;
  padding: .9rem 1rem .6rem;
  font-size: .58rem;
}

.app-brand {
  padding: 1rem;
  font: 700 1.15rem var(--font-display);
  letter-spacing: .16em;
}

.app-banner {
  display: flex;
  min-height: 170px;
  flex-direction: column;
  justify-content: flex-end;
  margin: 0 .7rem;
  padding: 1.1rem;
  border-radius: 14px;
  background: linear-gradient(145deg, #244e37, #557557);
  color: #fff;
}

.app-banner small {
  font-size: .52rem;
  letter-spacing: .11em;
}

.app-banner strong {
  margin-top: .45rem;
  font: 600 1.55rem/1.05 var(--font-display);
}

.app-products {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .45rem;
  padding: 1rem .7rem;
}

.app-products div {
  height: 75px;
  border-radius: 8px;
  background: #e2e8db;
}

.app-nav {
  display: flex;
  justify-content: space-around;
  padding: .8rem .5rem;
  border-top: 1px solid #e0e5db;
  color: #6c7b6d;
  font-size: .52rem;
}

.app-alert {
  position: absolute;
  z-index: 2;
  right: .2rem;
  top: 5.2rem;
  width: 230px;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, .75);
  border-radius: 13px;
  background: rgba(255, 255, 255, .93);
  box-shadow: 0 18px 45px rgba(20, 57, 37, .18);
  backdrop-filter: blur(10px);
}

.app-alert small {
  display: block;
  color: #70806f;
  font-size: .55rem;
}

.app-alert strong {
  display: block;
  margin: .32rem 0;
  font-size: .72rem;
}

.app-alert p {
  margin: 0;
  font-size: .62rem;
  line-height: 1.45;
}

.journey-board {
  padding: 1.3rem;
  box-shadow: none;
}

.journey-step {
  display: grid;
  grid-template-columns: 2.2rem 1fr auto;
  align-items: center;
  gap: 1rem;
  padding: .92rem .5rem;
  border-bottom: 1px solid #e4eadf;
}

.journey-step:last-child {
  border-bottom: 0;
}

.journey-step > b {
  display: grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border-radius: 50%;
  background: #e9f2e3;
  color: #28653b;
  font: .65rem var(--mono);
}

.journey-step > span {
  color: #6f806f;
  font-size: .62rem;
}

.builder-console {
  display: grid;
  grid-template-columns: 180px 1fr;
  min-height: 500px;
  box-shadow: none;
}

.builder-sidebar {
  padding: 1.15rem;
  border-right: 1px solid #dfe6dc;
  background: #f6f8f2;
}

.builder-block {
  margin-top: .65rem;
  padding: .8rem;
  border: 1px solid #dbe3d7;
  border-radius: 7px;
  background: #fff;
  font-size: .65rem;
  font-weight: 600;
}

.builder-preview {
  display: grid;
  place-items: center;
  padding: 1.5rem;
  background: #eef2e8;
}

.builder-preview .app-phone {
  width: 220px;
  border-width: 5px;
  transform: none;
}

.builder-preview .app-banner {
  min-height: 120px;
}

.builder-preview .app-banner strong {
  font-size: 1.15rem;
}

.native-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  overflow: hidden;
  margin-top: 2.6rem;
  border: 1px solid #d7e1d7;
  border-radius: 12px;
  background: #d7e1d7;
}

.native-grid article {
  min-height: 210px;
  padding: 1.8rem;
  background: #fff;
}

.native-grid span {
  color: #377447;
  font: .65rem var(--mono);
}

.native-grid h3 {
  margin-top: 1.2rem;
  font-family: var(--font-display);
}

.native-grid p {
  font-size: .78rem;
  line-height: 1.75;
}

.future-note {
  margin-top: 1.5rem;
  padding: 1.15rem 1.3rem;
  border: 1px solid #d6dfd1;
  border-radius: 9px;
  background: #f7f8f3;
  color: #5f7063;
  font-size: .72rem;
  line-height: 1.7;
}

.outcome-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem;
  margin-top: 3rem;
}

.outcome-card {
  display: flex;
  min-height: 400px;
  flex-direction: column;
  padding: 2rem;
  border: 1px solid #d7e1d7;
  border-radius: 12px;
  background: #fff;
}

.outcome-card h3 {
  margin: .7rem 0 1rem;
  font: 600 clamp(1.7rem, 2.6vw, 2.25rem)/1.1 var(--font-display);
}

.outcome-card > p {
  font-size: .82rem;
  line-height: 1.8;
}

.outcome-links {
  margin-top: auto;
  padding-top: 1rem;
  border-top: 1px solid #e2e8de;
}

.outcome-links a {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: .72rem 0;
  color: #1e6036;
  font-size: .75rem;
  font-weight: 700;
}

.outcome-links a + a {
  border-top: 1px solid #edf0e9;
}

.platform-catalog {
  display: grid;
  gap: 1.2rem;
  margin-top: 3rem;
}

.catalog-row {
  display: grid;
  grid-template-columns: .58fr 1.42fr;
  overflow: hidden;
  border: 1px solid #d7e1d7;
  border-radius: 12px;
  background: #fff;
}

.catalog-label {
  padding: 2rem;
  background: #f0f3e9;
}

.catalog-label h3 {
  margin-top: .8rem;
  font: 600 1.8rem var(--font-display);
}

.catalog-products {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.catalog-products.one {
  grid-template-columns: 1fr;
}

.catalog-products a {
  display: flex;
  min-height: 230px;
  flex-direction: column;
  padding: 2rem;
  color: #163c2c;
  text-decoration: none;
}

.catalog-products a + a {
  border-left: 1px solid #e0e6dc;
}

.catalog-products a:hover {
  background: #fafbf7;
}

.catalog-products h4 {
  margin: .7rem 0;
  font: 600 1.45rem var(--font-display);
}

.catalog-products p {
  font-size: .76rem;
  line-height: 1.75;
}

.catalog-products strong {
  margin-top: auto;
  color: #23693a;
  font-size: .7rem;
}

@media (max-width: 980px) {
  .approval-flow {
    grid-template-columns: repeat(2, 1fr);
  }

  .app-alert {
    right: 0;
  }

  .outcome-grid {
    grid-template-columns: 1fr;
  }

  .outcome-card {
    min-height: 0;
  }
}

@media (max-width: 860px) {
  .nav-menu summary {
    padding: .8rem .25rem;
    border-bottom: 1px solid var(--bg-soft);
    font-size: 1rem;
  }

  .nav-menu-panel {
    position: static;
    min-width: 0;
    padding: 0 0 .45rem 1rem;
    border: 0;
    border-bottom: 1px solid var(--bg-soft);
    border-radius: 0;
    box-shadow: none;
    transform: none;
  }

  .nav-menu-panel::before {
    display: none;
  }

  .main-nav .nav-menu-panel a:not(.btn) {
    padding: .6rem .5rem;
    border: 0;
    font-size: .85rem;
  }


  .catalog-row {
    grid-template-columns: 1fr;
  }

  .growth-hero .r-hero-grid,
  .channel-pair {
    grid-template-columns: 1fr;
  }

  .app-stage {
    min-height: 550px;
  }
}

@media (max-width: 620px) {
  .growth-metrics,
  .approval-flow,
  .native-grid {
    grid-template-columns: 1fr;
  }

  .channel-card {
    min-height: 0;
    padding: 1.5rem;
  }

  .campaign-row {
    grid-template-columns: 1fr auto;
  }

  .campaign-row > :nth-child(2) {
    display: none;
  }

  .app-stage {
    min-height: 510px;
    padding-inline: 0;
  }

  .app-phone {
    width: 245px;
  }

  .app-alert {
    top: 4rem;
    right: -.5rem;
    width: 200px;
  }

  .builder-console {
    grid-template-columns: 110px 1fr;
  }

  .builder-block {
    padding: .6rem .45rem;
  }

  .builder-preview {
    padding: .7rem;
  }

  .builder-preview .app-phone {
    width: 170px;
  }
}

@media (max-width: 760px) {
  .channel-pair,
  .native-grid,
  .approval-flow,
  .catalog-products {
    grid-template-columns: 1fr;
  }

  .channel-card {
    min-height: 0;
    padding: 1.5rem;
  }

  .approval-flow article {
    min-height: 0;
  }

  .catalog-products a + a {
    border-top: 1px solid #e0e6dc;
    border-left: 0;
  }

  .catalog-products a {
    min-height: 0;
  }
}

/* ---------- Platform pricing ---------- */
.pricing-hero .r-hero-grid{grid-template-columns:1fr .85fr}.stack-value{padding:1.8rem;border:1px solid #d7e1d7;border-radius:14px;background:#fff;box-shadow:0 24px 60px rgba(20,83,45,.08)}.stack-value-row{display:flex;justify-content:space-between;gap:1.5rem;padding:.9rem 0;border-bottom:1px solid #e5eae1;font-size:.75rem}.stack-value-row:last-of-type{border-bottom:0}.stack-value-row span{color:#66766a}.stack-value-total{margin-top:1rem;padding:1.1rem;border-radius:8px;background:#e7f0df}.stack-value-total small{display:block;color:#637162;font-size:.58rem;font-weight:700;letter-spacing:.1em}.stack-value-total strong{display:block;margin-top:.25rem;color:#205f36;font:600 1.65rem var(--font-display)}
.suite-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:3rem}.suite-card{display:flex;min-height:500px;flex-direction:column;padding:2rem;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.045)}.suite-card.featured{border-color:#a7c593;background:#f7faef;color:#163c2c;box-shadow:0 24px 60px rgba(5,25,14,.2)}.suite-card .r-kicker{color:#a5c293}.suite-card.featured .r-kicker{color:#347345}.suite-card h3{margin:.2rem 0 .8rem;color:#f1f5e8;font:600 2rem var(--font-display)}.suite-card.featured h3{color:#163c2c}.suite-price{margin:.5rem 0 1.4rem;color:#fff;font:600 clamp(2.25rem,4vw,3.2rem) var(--font-display)}.suite-card.featured .suite-price{color:#185b33}.suite-price span{color:#aebfb0;font:500 .72rem var(--font)}.suite-card.featured .suite-price span{color:#6c7c6d}.suite-card p{min-height:70px;font-size:.78rem;line-height:1.8}.suite-card.featured p{color:#5b6d63}.suite-card ul{padding:1rem 0 0;border-top:1px solid rgba(255,255,255,.15);list-style:none}.suite-card.featured ul{border-color:#dbe5d6}.suite-card li{position:relative;padding:.45rem 0 .45rem 1.25rem;color:#c1cec1;font-size:.72rem}.suite-card.featured li{color:#536558}.suite-card li::before{content:"✓";position:absolute;left:0;color:#9fc18f}.suite-card .btn{margin-top:auto}
.suite-pricing.suite-pricing-simple{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:1040px;margin-right:auto;margin-left:auto}.suite-pricing-simple .suite-card{min-height:470px}.one-value-grid article{background:#fff}.finance-early-access{position:relative;overflow:hidden}.finance-early-access::after{content:"LIMITED RELEASE";position:absolute;top:1rem;right:-2.5rem;width:10rem;padding:.3rem 0;transform:rotate(35deg);background:#dfead8;color:#285d39;text-align:center;font:700 .54rem var(--font);letter-spacing:.12em}
.module-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem}.module-price-card{display:flex;min-height:330px;flex-direction:column;padding:1.5rem;border:1px solid #d7e1d7;border-radius:11px;background:#fff}.module-price-card h3{margin:.6rem 0 .75rem;font:600 1.45rem var(--font-display)}.module-price-card p{font-size:.72rem;line-height:1.75}.module-price{display:block;margin:.6rem 0 1rem;color:#1d6136;font:600 1.7rem var(--font-display)}.module-price small{color:#738074;font:500 .62rem var(--font)}.module-price-card a{margin-top:auto;font-size:.72rem;font-weight:700}.pricing-note{max-width:850px;margin:2rem auto 0;color:#6a786c;font-size:.72rem;line-height:1.75;text-align:center}.implementation-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;overflow:hidden;border:1px solid #d7e1d7;border-radius:12px;background:#d7e1d7}.implementation-steps article{min-height:225px;padding:1.8rem;background:#fff}.implementation-steps span{color:#337345;font:.62rem var(--mono)}.implementation-steps h3{margin-top:1.5rem;font-family:var(--font-display)}.implementation-steps p{font-size:.76rem;line-height:1.75}
@media(max-width:980px){.module-pricing{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.pricing-hero .r-hero-grid,.suite-pricing{grid-template-columns:1fr}.suite-card{min-height:0}}

/* Interactive product lab */
.product-lab-section{padding-top:88px}.product-lab-head{align-items:center}.lab-mode-tabs{display:flex;gap:.5rem;margin-top:1.5rem}.lab-mode-tabs button{padding:.65rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:7px;background:transparent;color:#c6d3c7;font:700 .68rem var(--font);cursor:pointer}.lab-mode-tabs button[aria-selected="true"]{border-color:#a9c999;background:#eef5e7;color:#185b33}.product-lab{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:610px;margin-top:2.25rem;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:#f9faf6;color:#163c2c;box-shadow:0 32px 80px rgba(4,25,14,.25)}.lab-rail{display:flex;flex-direction:column;padding:1.5rem;border-right:1px solid #d7e1d7;background:#eef2e8}.lab-rail-heading small,.lab-appbar small,.lab-record small,.lab-outcomes small,.pick-score small,.pick-task small{display:block;color:#758379;font-size:.56rem;font-weight:700;letter-spacing:.13em}.lab-rail-heading strong{display:block;margin-top:.35rem;font:600 1.3rem var(--font-display)}.lab-rail ol{margin:1.7rem 0;padding:0;list-style:none}.lab-rail li{position:relative;display:flex;gap:.8rem;padding:0 0 1.6rem;color:#819085}.lab-rail li:not(:last-child)::after{content:"";position:absolute;top:1.8rem;bottom:.3rem;left:.85rem;border-left:1px solid #cbd8c9}.lab-rail li>span{position:relative;z-index:1;display:grid;width:1.75rem;height:1.75rem;flex:0 0 auto;place-items:center;border:1px solid #cbd8c9;border-radius:50%;background:#eef2e8;font:700 .55rem var(--mono)}.lab-rail li strong{display:block;color:#647469;font-size:.69rem}.lab-rail li small{display:block;margin-top:.12rem;font-size:.58rem}.lab-rail li.active>span,.lab-rail li.done>span{border-color:#387848;background:#21653a;color:#fff}.lab-rail li.active strong,.lab-rail li.done strong{color:#1a4e30}.lab-reset{margin-top:auto;padding:.7rem;border:1px solid #d3ded0;border-radius:7px;background:#fff;color:#42634b;font:700 .63rem var(--font);cursor:pointer}.lab-stage{position:relative;min-width:0;padding:1.5rem;background:radial-gradient(circle at 100% 0,#edf4e7,transparent 40%),#f9faf6}.lab-screen{display:none;min-height:560px}.lab-screen.active{display:flex;flex-direction:column;animation:lab-enter .28s ease both}@keyframes lab-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.lab-appbar{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid #dbe4d8}.lab-appbar strong{display:block;margin-top:.15rem;font-size:.78rem}.lab-appbar .status-pill,.lab-appbar>.r-tag{margin-left:auto}.lab-chat{display:flex;min-height:285px;flex-direction:column;gap:.75rem;padding:1.5rem 0}.lab-bubble{max-width:75%;padding:.9rem 1rem;border:1px solid #dbe4d8;border-radius:10px;background:#fff;color:#506159;font-size:.76rem;line-height:1.65}.lab-bubble small{display:block;margin-bottom:.3rem;color:#6c806f;font-size:.52rem;font-weight:800;letter-spacing:.12em}.lab-bubble.customer{align-self:flex-end;border-color:#c7ddc2;background:#e9f2e3}.lab-bubble.action{border-color:#b7d2b0;background:#f0f7ea}.lab-typing{display:inline-flex;gap:3px;padding:.7rem 1rem;align-self:flex-start}.lab-typing i{width:5px;height:5px;border-radius:50%;background:#719076;animation:lab-dot .8s infinite alternate}.lab-typing i:nth-child(2){animation-delay:.15s}.lab-typing i:nth-child(3){animation-delay:.3s}@keyframes lab-dot{to{opacity:.3;transform:translateY(-2px)}}.lab-prompts{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:auto}.lab-prompts span{color:#728178;font-size:.58rem}.lab-prompts button{padding:.45rem .65rem;border:1px solid #d7e1d7;border-radius:999px;background:#fff;color:#3c5c46;font:600 .6rem var(--font);cursor:pointer}.lab-chat-form{display:flex;gap:.6rem;margin-top:.8rem}.lab-chat-form input{min-width:0;flex:1;padding:.85rem 1rem;border:1px solid #cad8c8;border-radius:8px;background:#fff;color:#163c2c;font:500 .72rem var(--font)}.lab-chat-form button{padding:0 1.2rem;border:0;border-radius:8px;background:#17663a;color:#fff;font:700 .68rem var(--font);cursor:pointer}.lab-record{display:grid;grid-template-columns:1.2fr .9fr;gap:1.5rem;margin:1.8rem 0;padding:1.5rem;border:1px solid #d7e1d7;border-radius:10px;background:#fff}.lab-record h3,.lab-inspection h3,.pick-task h3{margin:.35rem 0;font:600 1.45rem var(--font-display)}.lab-record p,.lab-inspection p,.pick-task p{margin:0;font-size:.72rem}.lab-record-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.lab-record-meta div{padding:.75rem;border-left:1px solid #e0e7dc}.lab-record-meta strong{display:block;margin-top:.35rem;font-size:.66rem}.lab-event,.lab-complete{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.5rem;padding:1.1rem;border:1px solid #c9ddc3;border-radius:9px;background:#edf5e8}.lab-event>span,.lab-complete>span{display:grid;width:1.8rem;height:1.8rem;flex:0 0 auto;place-items:center;border-radius:50%;background:#2e7545;color:#fff}.lab-event strong,.lab-complete strong{font-size:.75rem}.lab-event p,.lab-complete p{margin:.25rem 0 0;font-size:.68rem;line-height:1.65}.lab-screen>.btn{align-self:flex-start;margin-top:auto}.lab-inspection,.pick-task{display:flex;gap:1rem;align-items:center;margin:1.8rem 0;padding:1.4rem;border:1px solid #d7e1d7;border-radius:10px;background:#fff}.lab-product-thumb{display:grid;width:72px;height:72px;flex:0 0 auto;place-items:center;border-radius:9px;background:#e8eddf;font-size:2.4rem}.lab-condition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.lab-condition-grid button{padding:1.2rem;border:1px solid #d7e1d7;border-radius:9px;background:#fff;color:#244431;text-align:left;font:700 .75rem var(--font);cursor:pointer}.lab-condition-grid button small{display:block;margin-top:.35rem;color:#77837a;font-size:.58rem}.lab-condition-grid button.selected{border-color:#4f8a54;background:#edf5e7;box-shadow:0 0 0 2px rgba(79,138,84,.12)}.lab-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1.6rem 0}.lab-outcomes article{padding:1.2rem;border:1px solid #d7e1d7;border-radius:9px;background:#fff}.lab-outcomes article>span{display:grid;width:1.6rem;height:1.6rem;margin-bottom:1.2rem;place-items:center;border-radius:50%;background:#e7f0e1;color:#316d40;font:700 .55rem var(--mono)}.lab-outcomes strong{display:block;margin:.35rem 0;font-size:.73rem}.lab-outcomes p{margin:0;font-size:.64rem;line-height:1.65}.pick-score{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1.3rem 0}.pick-score>div{padding:1rem;border:1px solid #d7e1d7;border-radius:8px;background:#fff}.pick-score strong{display:block;margin-top:.35rem;font:600 1.2rem var(--font-display)}.pick-task{margin:.4rem 0 1rem}.pick-actions{display:grid;grid-template-columns:150px 1fr;gap:1rem;align-items:stretch}.pick-totes{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.pick-totes button{min-height:66px;border:1px solid #cfdacd;border-radius:8px;background:#fff;color:#31523b;font:700 .68rem var(--font);cursor:pointer}.pick-totes button.ready{border-color:#c68a31;background:#f9edd6;box-shadow:0 0 0 3px rgba(198,138,49,.12)}.pick-totes button.correct{border-color:#418052;background:#e7f2e1}.pick-totes button.wrong{border-color:#b45757;background:#fae8e5}.pick-feedback{margin:1rem 0 0;padding:.8rem;border-radius:7px;background:#eef2e8;color:#637269;font-size:.66rem}.pick-feedback.good{background:#e7f2e1;color:#245d38}.pick-feedback.bad{background:#fae8e5;color:#813b3b}
@media(max-width:860px){.product-lab{grid-template-columns:1fr}.lab-rail{border-right:0;border-bottom:1px solid #d7e1d7}.lab-rail ol{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin-bottom:.8rem}.lab-rail li{padding:0}.lab-rail li::after,.lab-rail li div{display:none}.lab-reset{align-self:flex-start}.lab-record,.lab-record-meta{grid-template-columns:1fr}.lab-record-meta div{border-left:0;border-top:1px solid #e0e7dc}.lab-outcomes{grid-template-columns:1fr}.pick-actions{grid-template-columns:1fr}.lab-screen{min-height:0}}
@media(max-width:560px){.lab-stage{padding:1rem}.lab-mode-tabs{align-items:stretch;flex-direction:column}.lab-bubble{max-width:90%}.lab-condition-grid,.pick-score{grid-template-columns:1fr}.pick-totes{grid-template-columns:repeat(2,1fr)}}
.product-lab p{color:#5b6d63}.lab-inline-next{display:block;margin-top:.7rem;padding:0;border:0;background:transparent;color:#17663a;font:700 .65rem var(--font);cursor:pointer}
.r-product-photo{display:grid;width:68px;height:77px;flex:0 0 auto;place-items:center;overflow:hidden;border:1px solid #dce5d8;border-radius:8px;background:linear-gradient(145deg,#f8faf5,#e8eddf)}.r-product-photo img{width:100%;height:100%;padding:5px;object-fit:contain;filter:drop-shadow(0 5px 6px rgba(27,61,39,.12))}
@media(max-width:760px){.module-pricing,.implementation-steps{grid-template-columns:1fr}.module-price-card,.implementation-steps article{min-height:0}}