@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap");

:root {
  --ink: #172019;
  --ink-2: #263027;
  --paper: #f5f5ef;
  --white: #fff;
  --lime: #dff174;
  --lime-2: #c9e154;
  --orange: #f68046;
  --muted: #697169;
  --line: #d7dbd2;
  --radius: 28px;
  font-family: "DM Sans", sans-serif;
  color: var(--ink);
  background: var(--paper);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: var(--paper); color: var(--ink); }
body.menu-open { overflow: hidden; }
a { color: inherit; }
img { display: block; max-width: 100%; }
button, input, select { font: inherit; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.site-header {
  width: 100%;
  min-height: 74px;
  position: fixed;
  z-index: 30;
  top: 0;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px max(24px, calc((100vw - 1240px)/2));
  border: 0 solid transparent;
  border-bottom: 1px solid rgba(23,32,25,.09);
  border-radius: 0;
  background: rgba(245,245,239,.96);
  transform: translateX(-50%);
  backdrop-filter: blur(18px);
  transition:
    width .25s ease,
    top .25s ease,
    padding .25s ease,
    border-color .25s ease,
    border-radius .25s ease,
    background-color .25s ease,
    box-shadow .25s ease;
}
.site-header.scrolled {
  width: min(1240px, calc(100% - 40px));
  top: 18px;
  padding: 8px 10px 8px 22px;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 18px;
  background: rgba(255,255,255,.9);
  box-shadow: 0 16px 45px rgba(23,32,25,.12);
}
.brand { display: inline-flex; text-decoration: none; }
.brand img { width: 114px; height: auto; }
.nav { display: flex; align-items: center; gap: 6px; }
.nav a { padding: 13px 15px; border-radius: 12px; color: #4d574f; font-size: 14px; font-weight: 600; text-decoration: none; }
.nav a:hover { color: var(--ink); background: rgba(23,32,25,.05); }
.nav-products { position: relative; }
.nav-products summary { min-height: 44px; display: flex; align-items: center; gap: 7px; padding: 0 15px; border-radius: 12px; color: #4d574f; font-size: 14px; font-weight: 600; list-style: none; cursor: pointer; }
.nav-products summary::-webkit-details-marker { display: none; }
.nav-products summary:hover,.nav-products[open] summary { color: var(--ink); background: rgba(23,32,25,.05); }
.nav-products summary span {
  width: 12px;
  height: 12px;
  display: block;
  flex: 0 0 12px;
  position: relative;
  overflow: hidden;
  color: transparent;
  font-size: 0;
  line-height: 0;
  transform: rotate(0deg);
  transform-origin: 6px 6px;
  transition: transform .18s ease;
}
.nav-products summary span::before,
.nav-products summary span::after {
  content:"";
  width: 6px;
  height: 1.5px;
  position:absolute;
  top:5px;
  border-radius:999px;
  background:var(--ink);
}
.nav-products summary span::before { left:1px; transform:rotate(40deg); }
.nav-products summary span::after { right:1px; transform:rotate(-40deg); }
.nav-products[open] summary span { transform:rotate(180deg); }
.product-menu { width: 330px; position: absolute; top: calc(100% + 4px); left: 0; padding: 10px; display: grid; border: 1px solid var(--line); border-radius: 16px; background: white; box-shadow: 0 18px 42px rgba(23,32,25,.14); }
.product-menu::before { content:""; width:10px; height:10px; position:absolute; top:-6px; left:31px; border-top:1px solid var(--line); border-left:1px solid var(--line); background:white; transform:rotate(45deg); }
.product-menu a { display: grid; gap: 3px; padding: 12px 13px; }
.product-menu strong { color: var(--ink); font-size: 13px; }
.product-menu small { color: var(--muted); font-size: 11px; font-weight: 400; }
.nav .nav-cta { padding-inline: 19px; background: var(--ink); color: white; }
.nav-cta span, .button span, .text-link span { margin-left: 8px; }
.mobile-header-cta { display:none; }
.menu-button { display: none; width: 46px; height: 46px; border: 0; border-radius: 0; background: transparent; color: var(--ink); }
.menu-button span:not(.sr-only) { width: 18px; height: 2px; grid-area: 1/1; background: currentColor; }
.menu-button span:nth-child(1) { transform: translateY(-6px); }
.menu-button span:nth-child(3) { transform: translateY(6px); }

.hero {
  min-height: 850px;
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  align-items: center;
  gap: 6vw;
  padding: 150px max(32px, calc((100vw - 1240px)/2)) 80px;
  overflow: hidden;
}
.eyebrow { display: flex; align-items: center; gap: 9px; margin: 0 0 22px; font-size: 12px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.eyebrow i { width: 9px; height: 10px; flex:0 0 auto; background:var(--orange); clip-path:polygon(0 0,100% 50%,0 100%); filter:drop-shadow(0 0 3px rgba(246,128,70,.34)); }
h1,h2,h3,p { margin-top: 0; }
h1,h2,blockquote { font-family: "Manrope", sans-serif; }
h1 { max-width: 660px; margin-bottom: 28px; font-size: clamp(58px,7.2vw,104px); line-height: .91; letter-spacing: -.075em; }
h1 em, h2 em { color: #6d766f; font-style: normal; font-weight: 400; }
.lede { max-width: 590px; color: #4f5951; font-size: clamp(18px,1.6vw,22px); line-height: 1.55; }
.hero-actions { margin-top: 34px; display: flex; align-items: center; gap: 26px; flex-wrap: wrap; }
.button { min-height: 54px; display: inline-flex; align-items: center; justify-content: center; padding: 0 22px; border: 0; border-radius: 13px; font-weight: 700; text-decoration: none; cursor: pointer; }
.button-dark { background: var(--ink); color: white; box-shadow: 0 12px 25px rgba(23,32,25,.18); }
.button-lime { background: var(--lime); color: var(--ink); }
.text-link { font-weight: 700; text-decoration: none; }
.hero-note { margin-top: 72px; display: flex; align-items: center; gap: 15px; color: var(--muted); font-size: 13px; }
.hero-note p { margin: 0; line-height: 1.45; }
.hero-note strong { color: var(--ink); }
.avatar-stack { display: flex; }
.avatar-stack i { width: 32px; height: 32px; display: grid; place-items: center; margin-left: -8px; border: 2px solid var(--paper); border-radius: 50%; background: var(--ink); color: var(--lime); font-style: normal; font-size: 11px; font-weight: 700; }
.avatar-stack i:first-child { margin-left: 0; background: var(--orange); color: var(--ink); }

.hero-carousel { min-height: 630px; position: relative; }
.carousel-card { position: absolute; inset: 24px 96px 62px 0; overflow: hidden; border: 1px solid rgba(23,32,25,.12); border-radius: 34px; background: var(--ink); box-shadow: 0 28px 70px rgba(23,32,25,.2); opacity: 0; transform-origin: 82% 100%; transition: opacity .55s ease, transform .55s ease; pointer-events: none; }
.carousel-card::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 48%,rgba(13,18,14,.9)); }
.carousel-card img { width:100%; height:100%; object-fit:cover; }
.carousel-card img.marketplace-carousel-image { object-fit:contain; object-position:center 32%; background:#eddec9; transform:scale(1.06); }
.carousel-card > div { position:absolute; z-index:2; left:28px; right:28px; bottom:26px; display:grid; gap:7px; color:white; }
.carousel-card > div span { color:var(--lime); font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.carousel-card > div strong { max-width:430px; font:600 27px/1.08 "Manrope"; letter-spacing:-.04em; }
.carousel-card.is-active { z-index:3; opacity:1; transform:none; pointer-events:auto; }
.carousel-card.is-next { z-index:2; opacity:.82; transform:translateX(38px) translateY(4px) rotate(3.5deg) scale(.98); }
.carousel-card.is-back { z-index:1; opacity:.55; transform:translateX(76px) translateY(12px) rotate(7deg) scale(.96); }
.carousel-controls { position:absolute; z-index:5; left:0; right:96px; bottom:0; display:flex; align-items:center; justify-content:space-between; }
.carousel-controls > button { width:43px; height:43px; border:1px solid var(--line); border-radius:50%; background:white; cursor:pointer; }
.carousel-dots { display:flex; gap:8px; }
.carousel-dots button { width:8px; height:8px; padding:0; border:0; border-radius:50%; background:#bec4bb; cursor:pointer; }
.carousel-dots button.is-active { width:28px; border-radius:999px; background:var(--ink); }

.catalog-stage {
  min-height: 590px;
  position: relative;
  padding: 26px;
  overflow: hidden;
  border-radius: 38px;
  background: var(--ink);
  box-shadow: 0 34px 80px rgba(23,32,25,.24);
  transform: rotate(1.5deg);
}
.stage-topline { display: flex; justify-content: space-between; color: #9da79e; font: 600 10px/1 "Manrope"; letter-spacing: .14em; }
.shelf { height: 330px; display: flex; align-items: end; justify-content: center; gap: 16px; padding: 46px 10px 28px; border-bottom: 5px solid #70786f; }
.product { width: 20%; height: var(--height); position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 18px 18px 10px 10px; color: var(--ink); box-shadow: inset 0 0 0 3px rgba(255,255,255,.25); }
.product i { width: 30px; height: 30px; border-radius: 50%; background: rgba(255,255,255,.55); }
.product b { margin-top: 10px; font: 700 clamp(16px,2vw,28px)/1 "Manrope"; letter-spacing: -.06em; }
.product small { position: absolute; top: 12px; right: 12px; font-weight: 700; opacity: .45; }
.p-one { --height: 235px; background: #efe7d0; }
.p-two { --height: 205px; background: var(--orange); }
.p-three { --height: 270px; background: #92cdd0; }
.p-four { --height: 220px; background: var(--lime); }
.scan-line { position: absolute; left: 7%; right: 7%; top: 47%; height: 2px; background: var(--lime); box-shadow: 0 0 18px var(--lime); animation: scan 3s ease-in-out infinite alternate; }
@keyframes scan { from { transform: translateY(-115px); } to { transform: translateY(110px); } }
.catalog-card { margin: 28px 0 18px; padding: 19px; display: flex; align-items: center; gap: 14px; border: 1px solid #3c463d; border-radius: 17px; background: #222c24; color: white; }
.status-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 6px rgba(223,241,116,.1); }
.catalog-card div { flex: 1; display: grid; gap: 4px; }
.catalog-card small { color: #8f998f; font-size: 9px; letter-spacing: .14em; }
.catalog-card strong { font: 600 18px/1 "Manrope"; }
.pill { padding: 7px 10px; border-radius: 999px; background: var(--lime); color: var(--ink); font-size: 10px; font-weight: 700; }
.channel-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.channel-row span { padding: 10px; border: 1px solid #3a443b; border-radius: 10px; color: #aab3ab; font-size: 10px; text-align: center; }

.section { padding: 120px max(32px, calc((100vw - 1240px)/2)); }
.platform { background:#edf0e8; border-top:1px solid rgba(23,32,25,.1); }
.section-intro { max-width: 900px; margin-bottom: 60px; }
h2 { margin-bottom: 24px; font-size: clamp(46px,6vw,82px); line-height: .98; letter-spacing: -.065em; }
.feature-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 18px; }
.feature-card { min-height: 620px; padding: 30px; display: flex; flex-direction: column; justify-content:flex-start; gap:28px; border: 1px solid var(--line); border-radius: var(--radius); color:inherit; text-decoration:none; transition:transform .2s ease, box-shadow .2s ease; }
.feature-card:not(.feature-primary) { grid-column:span 2; }
.feature-primary { min-height:410px; grid-column:1 / -1; display:grid; grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr); grid-template-rows:1fr auto; column-gap:64px; row-gap:24px; align-items:center; }
.feature-primary .catalog-mini { grid-column:1; grid-row:1 / 3; width:100%; max-width:430px; justify-self:center; }
.feature-primary > div:last-of-type { grid-column:2; grid-row:1; }
.feature-primary .feature-arrow { grid-column:2; grid-row:2; }
.feature-card:hover { transform:translateY(-4px); box-shadow:0 22px 50px rgba(23,32,25,.12); }
.feature-card h3 { max-width: 430px; margin-bottom: 14px; font: 600 clamp(28px,3vw,42px)/1.05 "Manrope"; letter-spacing: -.05em; }
.feature-card p:not(.kicker) { max-width: 460px; margin: 0; line-height: 1.55; }
.feature-lime { background: var(--lime); }
.feature-ink { background: var(--ink); color: white; }
.feature-paper { background: #fff; }
.feature-scan { background: #d9e7ff; }
.feature-arrow { margin-top:auto; padding-top:4px; font-size:12px; font-weight:700; letter-spacing:.02em; }
.kicker { margin-bottom: 12px; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; opacity: .6; }
.catalog-mini { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; padding: 20px; transform: rotate(-3deg); }
.catalog-mini span { aspect-ratio: 1; border: 2px solid var(--ink); border-radius: 11px; background: rgba(255,255,255,.5); }
.catalog-mini span:nth-child(2n) { background: var(--orange); }
.customer-mini { height:225px; position:relative; overflow:hidden; border:1px solid #344037; border-radius:18px; background:#101711; }
.customer-mini::after { content:""; position:absolute; inset:0; border-radius:inherit; box-shadow:inset 0 0 0 1px rgba(255,255,255,.04); pointer-events:none; }
.customer-mini img { width:100%; height:100%; display:block; object-fit:cover; object-position:center 47%; }
.customer-ring { width: 205px; height: 205px; display: grid; place-content: center; text-align: center; border: 19px solid #384039; border-top-color: var(--lime); border-right-color: var(--lime); border-radius: 50%; }
.customer-ring b { font: 600 36px/1 "Manrope"; }.customer-ring small { margin-top: 7px; color: #9da69e; }
.trend { padding: 8px 12px; border-radius: 999px; background: #2d382f; color: var(--lime); font-size: 11px; }
.ad-mini { height:300px; position:relative; overflow:hidden; border:1px solid #e1e4dc; border-radius:18px; background:#f7f5ef; }
.ad-mini > img { width:100%; height:100%; display:block; object-fit:contain; object-position:center; }
.ad-placement { position:absolute; overflow:hidden; border:1px solid #d7dbd2; border-radius:13px; background:white; box-shadow:0 10px 20px rgba(23,32,25,.08); }
.ad-placement > span { color:#59625b; font-size:8px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.ad-placement-shelf { width:55%; height:92px; left:15px; top:15px; padding:12px; }
.mini-shelf { height:42px; display:flex; align-items:end; gap:5px; margin-top:7px; padding:0 6px 5px; border-bottom:5px solid #737b74; }
.mini-shelf i { width:16%; height:28px; position:relative; border:1px solid #465048; border-radius:3px 3px 1px 1px; background:#91c7ca; }
.mini-shelf i:nth-child(2),.mini-shelf i:nth-child(5) { height:34px; background:var(--lime); }
.mini-shelf i:nth-child(4) { height:24px; background:#f0e2bd; }
.mini-shelf .is-sponsored { height:37px; background:var(--orange); box-shadow:0 0 0 3px white,0 0 0 5px var(--orange); }
.ad-placement-shelf small { position:absolute; right:9px; bottom:7px; padding:3px 5px; border-radius:999px; background:var(--orange); color:var(--ink); font-size:6px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
.ad-placement-related { width:55%; height:91px; left:15px; bottom:15px; padding:12px; }
.mini-products { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin-top:9px; }
.mini-product { height:43px; position:relative; border:1px solid #dde0d9; border-radius:8px; background:#f6f7f3; }
.mini-product::before { content:""; width:21px; height:24px; position:absolute; left:50%; top:6px; border-radius:8px 8px 5px 5px; background:currentColor; transform:translateX(-50%); }
.mini-product::after { content:"+"; width:13px; height:13px; position:absolute; right:3px; bottom:3px; display:grid; place-items:center; border-radius:50%; background:var(--lime); color:var(--ink); font:700 9px/1 "Manrope"; }
.product-orange { color:var(--orange); }.product-blue { color:#78aeb0; }.product-lime { color:#a9bc65; }
.ad-placement-featured { width:34%; height:195px; right:15px; top:15px; padding:12px; background:#172019; color:white; transform:rotate(2deg); }
.ad-placement-featured > span { color:#aeb7af; }
.mini-featured-product { height:145px; position:relative; margin-top:10px; padding:9px; border-radius:10px; background:white; color:var(--ink); }
.mini-featured-product > i { height:88px; display:block; border-radius:7px; background:radial-gradient(circle at 50% 38%,#f68046 0 17px,transparent 18px),linear-gradient(145deg,#f7efdf,#e9ede4); }
.mini-featured-product b { display:block; margin-top:8px; font:600 10px/1 "Manrope"; }
.mini-featured-product small { display:block; margin-top:4px; color:var(--muted); font-size:8px; }
.lidar-mini { min-height: 290px; position: relative; display: grid; place-items: center; overflow: hidden; border-radius: 20px; background: radial-gradient(circle at 52% 35%, #334137, #172019 72%); perspective: 820px; }
.scan-room { width: 315px; height: 190px; position: relative; border: 1px solid #657267; transform: translateY(-15px) rotateX(57deg) rotateZ(-27deg); transform-style: preserve-3d; background-color:#202c23; background-image: linear-gradient(rgba(223,241,116,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(223,241,116,.08) 1px, transparent 1px); background-size: 20px 20px; box-shadow:0 32px 45px rgba(0,0,0,.38); }
.scan-wall,.scan-aisle,.scan-freezer,.scan-checkout { position: absolute; display: block; transform-style:preserve-3d; }
.wall-a { width:100%; height:42px; top:-42px; left:0; border:1px solid #6f8174; transform-origin:bottom; transform:rotateX(-90deg); background:linear-gradient(rgba(223,241,116,.11),rgba(223,241,116,.02)); }
.wall-b { width:42px; height:100%; top:0; right:-42px; border:1px solid #6f8174; transform-origin:left; transform:rotateY(-90deg); background:linear-gradient(90deg,rgba(223,241,116,.1),rgba(223,241,116,.02)); }
.scan-aisle,.scan-freezer,.scan-checkout { --block-top:#9caf61; --block-front:#708052; --block-side:#59673f; --block-back:#7d8d5c; --block-bottom:#465233; width:var(--block-width); height:var(--block-depth); border:0; background:none; box-shadow:none; }
.scan-aisle { --block-width:160px; --block-depth:22px; --block-height:10px; left:30px; }
.block-face { position:absolute; display:block; margin:0; border:1px solid rgba(255,255,255,.14); border-radius:1px; backface-visibility:visible; transform-style:preserve-3d; }
.face-top,.face-bottom { width:var(--block-width); height:var(--block-depth); left:0; top:0; }
.face-top { background:var(--block-top); transform:translateZ(var(--block-height)); box-shadow:0 8px 13px rgba(0,0,0,.2); }
.face-bottom { background:var(--block-bottom); transform:translateZ(0); }
.face-front,.face-back { width:var(--block-width); height:var(--block-height); left:0; top:0; transform-origin:0 0; }
.face-front { background:var(--block-front); transform:translateY(var(--block-depth)) rotateX(90deg); }
.face-back { background:var(--block-back); transform:rotateX(90deg); }
.face-left,.face-right { width:var(--block-height); height:var(--block-depth); left:0; top:0; transform-origin:0 0; }
.face-left { background:var(--block-side); transform:rotateY(-90deg); }
.face-right { background:var(--block-side); transform:translateX(var(--block-width)) rotateY(-90deg); }
.aisle-a { top:18px; }
.aisle-b { top:58px; }
.aisle-c { top:98px; }
.aisle-d { top:138px; }
.scan-freezer { --block-width:28px; --block-depth:114px; --block-height:18px; --block-top:#78b0b2; --block-front:#557f81; --block-side:#41696b; --block-back:#65999b; --block-bottom:#345759; right:10px; top:16px; }
.scan-checkout { --block-width:58px; --block-depth:28px; --block-height:14px; --block-top:var(--orange); --block-front:#c86337; --block-side:#9f4626; --block-back:#dd7545; --block-bottom:#7d351f; right:7px; bottom:7px; }
.scan-pulse { width:14px; height:14px; position:absolute; left:72%; top:46%; border:3px solid var(--orange); border-radius:50%; background:var(--orange); transform:translateZ(30px); box-shadow:0 0 0 10px rgba(246,128,70,.18),0 0 0 24px rgba(246,128,70,.08); animation:lidar-pulse 1.8s ease-out infinite; }
.scan-insight { position:absolute; z-index:3; left:15px; right:15px; bottom:13px; height:47px; display:flex; align-items:end; gap:5px; padding:8px 10px 7px 92px; border:1px solid rgba(223,241,116,.28); border-radius:10px; background:rgba(23,32,25,.82); backdrop-filter:blur(8px); }
.scan-insight span { position:absolute; left:10px; top:9px; color:#aeb8af; font-size:8px; letter-spacing:.09em; text-transform:uppercase; }
.scan-insight i { width:15px; height:var(--v); min-height:6px; border-radius:2px 2px 0 0; background:var(--lime); }
.scan-insight i:nth-of-type(2),.scan-insight i:nth-of-type(5) { background:#7caeb0; }
.scan-insight i:nth-of-type(4) { background:var(--orange); }
.scan-label { left:auto; right:16px; bottom:18px; z-index:4; padding:5px 8px; font-size:7px; }
.scan-label { position: absolute; left: 16px; bottom: 14px; padding: 7px 10px; border: 1px solid #465248; border-radius: 999px; background: rgba(23,32,25,.8); color: #b9c5bb; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
@keyframes lidar-pulse { 0% { box-shadow: 0 0 0 0 rgba(246,128,70,.34); } 100% { box-shadow: 0 0 0 42px rgba(246,128,70,0); } }

.supplier-section { background: var(--ink); color: white; display: grid; grid-template-columns: .8fr 1.2fr; gap: 7vw; }
.eyebrow-light { color: #c6cec6; }.supplier-heading > p:not(.eyebrow) { color: #aeb7af; font-size: 18px; line-height: 1.6; }.supplier-heading .button { margin-top: 24px; }
.network-map { min-height: 520px; position: relative; border: 1px solid #3b443c; border-radius: 30px; background: radial-gradient(circle at center, #2a342b, #1c251e 65%); overflow: hidden; }
.network-map::before { content:""; position:absolute; inset: 0; background-image: radial-gradient(#475048 1px, transparent 1px); background-size: 24px 24px; opacity:.35; }
.map-label { position: absolute; top: 20px; left: 22px; color: #879188; font-size: 9px; letter-spacing: .14em; }
.map-node { position: absolute; z-index: 2; display: grid; justify-items: center; gap: 7px; color: #aeb7af; font-size: 10px; }
.map-node > span,.map-node > b { width: 62px; height: 62px; display: grid; place-items: center; border: 1px solid #576158; border-radius: 18px; background: #283229; color: white; font: 600 20px/1 "Manrope"; }
.maker { top: 100px; left: 50%; transform: translateX(-50%); }.nearby-node { top: 235px; left: 50%; transform: translateX(-50%); }.nearby-node > b { width: 78px; height: 78px; background: var(--lime); color: var(--ink); font-size: 44px; }
.store.a { bottom: 60px; left: 12%; }.store.b { bottom: 40px; left: 50%; transform: translateX(-50%); }.store.c { bottom: 60px; right: 12%; }
.line { position: absolute; z-index:1; width: 2px; background: var(--lime); transform-origin: top; opacity:.55; }.l1 { height: 110px; top: 164px; left: 50%; }.l2,.l3,.l4 { height: 175px; top: 308px; left: 50%; }.l2 { transform: rotate(45deg); }.l4 { transform: rotate(-45deg); }.l3 { height: 125px; }
.match-card { position: absolute; z-index:3; top: 90px; right: 24px; padding: 14px; display:grid; gap:5px; border-radius:12px; background:white; color:var(--ink); box-shadow:0 15px 45px rgba(0,0,0,.24); }.match-card small { font-size:8px; letter-spacing:.12em; }.match-card span { color:var(--muted); font-size:9px; }
.supplier-capabilities { grid-column: 1/-1; display:grid; grid-template-columns:repeat(3,1fr); margin-top:40px; border-top:1px solid #384139; }
.supplier-capabilities article { padding:28px 28px 0 0; }.supplier-capabilities article + article { padding-left:28px; border-left:1px solid #384139; }.supplier-capabilities span { color:var(--lime); font-size:11px; }.supplier-capabilities h3 { margin:30px 0 9px; font:600 24px/1.1 "Manrope"; }.supplier-capabilities p { margin:0; color:#98a199; line-height:1.5; }

.reach-section { display:grid; grid-template-columns:.9fr 1.1fr; gap:8vw; background:var(--lime); }
.reach-copy > p:not(.eyebrow) { max-width:620px; font-size:18px; line-height:1.65; }
.reach-illustration { min-width:0; margin:0; overflow:hidden; border:1px solid rgba(23,32,25,.18); border-radius:28px; background:#dff174; box-shadow:0 26px 55px rgba(23,32,25,.14); }
.reach-illustration img { width:100%; height:100%; min-height:500px; display:block; object-fit:cover; }
.reach-metrics { display:grid; gap:12px; }
.reach-metrics article { padding:24px; display:grid; grid-template-columns:42px 1fr; gap:7px 14px; border:1px solid rgba(23,32,25,.18); border-radius:20px; background:rgba(255,255,255,.42); }
.reach-metrics span { grid-row:1/3; width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--ink); border-radius:50%; font-size:10px; }
.reach-metrics strong { font:600 22px/1.1 "Manrope"; }
.reach-metrics p { margin:0; color:#4e584f; line-height:1.45; }
.inventory-section { display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:8vw; background:var(--paper); }
.inventory-visual { padding:24px; border:1px solid var(--line); border-radius:26px; background:white; box-shadow:0 28px 70px rgba(23,32,25,.1); }
.inventory-header,.inventory-foot { display:flex; justify-content:space-between; font-size:10px; letter-spacing:.11em; }.inventory-header { padding-bottom:22px; border-bottom:1px solid var(--line); font-weight:700; }.live { color:#4b8d59; }
.inventory-row { display:grid; grid-template-columns:1.5fr 1fr 1fr .7fr; align-items:center; min-height:72px; border-bottom:1px solid #eaede7; font-size:13px; }.inventory-row.head { min-height:42px; color:var(--muted); font-size:10px; }.inventory-row i { width:fit-content; padding:6px 8px; border-radius:999px; font-style:normal; font-size:9px; font-weight:700; }.healthy { background:#e8f3df; color:#397147; }.watch { background:#fff0d8; color:#9c641d; }.inventory-foot { padding-top:20px; color:var(--muted); letter-spacing:0; }
.inventory-copy > p:not(.eyebrow) { color:var(--muted); font-size:18px; line-height:1.6; }.inventory-copy ul { padding:0; margin:28px 0 0; list-style:none; }.inventory-copy li { padding:13px 0; border-bottom:1px solid var(--line); font-weight:600; }.inventory-copy li span { width:25px; height:25px; display:inline-grid; place-items:center; margin-right:10px; border-radius:50%; background:var(--lime); }
.manifesto { background:var(--white); }.manifesto blockquote { max-width:1050px; margin:40px 0 0; font-size:clamp(42px,6vw,78px); line-height:1.06; letter-spacing:-.06em; }
.cta-section { padding:100px max(32px,calc((100vw - 1240px)/2)); display:grid; grid-template-columns:1fr 1fr; gap:8vw; background:var(--ink); color:white; }.cta-section h2 { max-width:650px; }.contact-note { max-width:520px; color:#aeb7af; font-size:16px; line-height:1.6; }.interest-form { display:grid; align-content:center; gap:14px; }.form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.interest-form label { display:grid; gap:8px; }.interest-form label span { color:#a8b0a9; font-size:11px; letter-spacing:.09em; text-transform:uppercase; }.interest-form input,.interest-form select,.interest-form textarea { width:100%; padding:0 16px; border:1px solid #485149; border-radius:12px; background:#222c24; color:white; }.interest-form input,.interest-form select { height:58px; }.interest-form textarea { min-height:110px; padding-top:15px; resize:vertical; }.interest-form input:focus,.interest-form select:focus,.interest-form textarea:focus { outline:2px solid var(--lime); outline-offset:2px; }.interest-form .button { margin-top:6px; }.form-status { min-height:20px; margin:0; color:var(--lime); font-size:13px; }
.interest-form .form-honeypot { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.interest-form button:disabled { cursor:wait; opacity:.72; }
.direct-contact { margin:-2px 0 0; color:#8f998f; font-size:12px; line-height:1.55; }
.direct-contact a { color:#cbd2cc; text-decoration:none; border-bottom:1px solid rgba(203,210,204,.36); }
.direct-contact a:hover { color:var(--lime); border-color:var(--lime); }
.site-footer { min-height:360px; display:grid; grid-template-columns:minmax(240px,.85fr) 1.6fr; gap:8vw; padding:68px max(32px,calc((100vw - 1240px)/2)) 30px; background:#0f1510; color:#8f998f; }
.footer-intro { align-self:start; display:flex; flex-direction:column; align-items:flex-start; }
.footer-brand img { width:118px; filter:invert(1); }
.footer-intro p { max-width:290px; margin:22px 0 28px; color:#c7cec8; line-height:1.55; }
.footer-demo { min-height:44px; display:inline-flex; align-items:center; gap:9px; padding:0 16px; border:1px solid #3b463d; border-radius:11px; color:white; font-size:13px; font-weight:700; text-decoration:none; }
.footer-demo:hover { border-color:var(--lime); color:var(--lime); }
.footer-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:44px; }
.footer-column { display:flex; flex-direction:column; align-items:flex-start; gap:13px; }
.footer-column h3 { margin:0 0 10px; color:#7d887f; font:700 10px/1 "DM Sans"; letter-spacing:.14em; text-transform:uppercase; }
.footer-column a { color:#d7ddd8; font-size:13px; line-height:1.35; text-decoration:none; }
.footer-column a:hover { color:var(--lime); }
.footer-bottom { grid-column:1/-1; align-self:end; display:flex; justify-content:space-between; gap:24px; padding-top:24px; border-top:1px solid #2e362f; color:#727d74; font-size:11px; }
.footer-bottom small { font-size:inherit; }

.page-main { padding-top:108px; }
.page-hero { min-height:560px; display:grid; grid-template-columns:1fr .8fr; align-items:center; gap:7vw; padding:100px max(32px,calc((100vw - 1240px)/2)); }
.page-hero h1 { max-width:800px; font-size:clamp(56px,7vw,96px); }
.page-hero .lede { max-width:650px; }
.page-hero-panel { min-height:360px; padding:32px; display:flex; flex-direction:column; justify-content:space-between; border-radius:30px; background:var(--lime); }
.page-hero-panel strong { font:600 40px/1 "Manrope"; letter-spacing:-.05em; }
.page-hero-panel p { margin:0; line-height:1.55; }
.about-page-hero { grid-template-columns:1fr; }
.how-hero { grid-template-columns:.88fr 1.12fr; }
.how-hero-visual { min-width:0; min-height:500px; position:relative; margin:0; overflow:hidden; border-radius:30px; background:var(--ink); box-shadow:0 28px 70px rgba(23,32,25,.15); }
.how-hero-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 52%,rgba(15,21,16,.78)); pointer-events:none; }
.how-hero-visual img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; }
.how-hero-visual figcaption { position:absolute; z-index:1; left:26px; right:26px; bottom:24px; display:grid; gap:7px; color:white; }
.how-hero-visual figcaption span { color:var(--lime); font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.how-hero-visual figcaption strong { max-width:520px; font:600 25px/1.15 "Manrope"; }
.how-start { padding:105px max(32px,calc((100vw - 1240px)/2)); background:var(--lime); }
.how-start-heading { max-width:850px; margin-bottom:52px; }.how-start-heading h2 { margin-top:22px; }
.how-start-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.how-start-grid article { min-height:430px; position:relative; padding:28px; display:flex; flex-direction:column; align-items:flex-start; border:1px solid rgba(23,32,25,.2); border-radius:26px; background:rgba(255,255,255,.45); }
.how-start-grid article:nth-child(2) { padding-right:245px; background:var(--ink); color:white; }
.how-start-grid article > span { width:32px;height:32px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:9px;font-weight:700; }
.how-start-grid h3 { margin:34px 0 12px; font:600 clamp(30px,3vw,42px)/1.05 "Manrope"; letter-spacing:-.045em; }
.how-start-grid p { max-width:500px; margin:0; color:#465047; font-size:16px; line-height:1.65; }.how-start-grid article:nth-child(2) p { color:#aeb7af; }
.how-start-icon { width:150px; height:165px; position:absolute; right:34px; bottom:30px; display:grid; place-items:center; }
.how-start-icon i { position:absolute; border:2px solid currentColor; background:rgba(255,255,255,.35); }.how-start-icon b { position:relative; z-index:1; font:700 55px/1 "Manrope"; }
.how-start-phone i { width:86px;height:150px;border-radius:18px;box-shadow:7px 8px 0 var(--ink); }.how-start-phone i::after { content:"";width:26px;height:4px;position:absolute;left:50%;bottom:8px;border-radius:4px;background:currentColor;transform:translateX(-50%); }
.how-start-grid article:nth-child(2) > p { max-width:330px; }
.how-start-rep-illustration { width:205px; height:350px; position:absolute; right:18px; bottom:0; object-fit:contain; object-position:center bottom; filter:drop-shadow(0 18px 18px rgba(0,0,0,.25)); }
.eyebrow-light { color:white; }.eyebrow-light i { background:var(--lime); filter:drop-shadow(0 0 3px rgba(221,245,91,.3)); }
.how-workflow { padding:110px max(32px,calc((100vw - 1240px)/2)) 125px; background:var(--ink); color:white; }
.how-workflow-heading { max-width:1030px; margin-bottom:68px; }
.how-workflow-heading h2 { max-width:980px; margin:22px 0 28px; }
.how-workflow-heading > p:not(.eyebrow) { max-width:720px; margin:0; color:#aeb7af; font-size:18px; line-height:1.65; }
.how-workflow-table { border-top:1px solid #485149; border-bottom:1px solid #485149; }
.how-workflow-table > header,.how-workflow-table > article { display:grid; grid-template-columns:135px minmax(230px,.75fr) minmax(0,1.55fr); }
.how-workflow-table > header { color:#8f9991; font-size:9px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.how-workflow-table > header span { padding:14px 28px; }
.how-workflow-table > header span:first-child { padding-left:0; }
.how-workflow-table > header span + span { border-left:1px solid #39423a; }
.how-workflow-table > article { border-top:1px solid #485149; }
.workflow-time { padding:30px 24px 30px 0; display:flex; flex-direction:column; align-items:flex-start; gap:17px; }
.workflow-time span { width:31px; height:31px; display:grid; place-items:center; border:1px solid #788279; border-radius:50%; color:white; font-size:9px; font-weight:700; }
.workflow-time strong { color:var(--lime); font-size:10px; letter-spacing:.1em; text-transform:uppercase; }
.workflow-owner,.workflow-nearby { min-width:0; padding:30px 28px; border-left:1px solid #39423a; }
.workflow-owner { background:rgba(255,255,255,.018); }
.workflow-nearby { background:rgba(221,245,91,.025); }
.workflow-owner small,.workflow-nearby small { display:none; color:var(--lime); font-size:9px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.how-workflow-table h3 { margin:0; font:600 21px/1.2 "Manrope"; letter-spacing:-.025em; }
.workflow-owner > p { max-width:340px; margin:13px 0 0; color:#aeb7af; font-size:14px; line-height:1.65; }
.workflow-nearby ul { margin:18px 0 0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 28px; list-style:none; }
.workflow-nearby li { position:relative; padding-left:17px; color:#d5dcd6; font-size:13px; line-height:1.55; }
.workflow-nearby li::before { content:""; width:7px; height:8px; position:absolute; left:0; top:.44em; background:var(--lime); clip-path:polygon(0 0,100% 50%,0 100%); }
.how-belief { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.how-belief article { min-height:650px; padding:100px max(32px,calc((100vw - 1240px)/4)); display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.how-belief h2 { margin:22px 0 24px; font-size:clamp(40px,5vw,66px); }.how-belief article > p:not(.eyebrow) { max-width:590px; margin:0; font-size:17px; line-height:1.7; }
.how-trust-card { background:white; }.how-trust-card > p:not(.eyebrow) { color:var(--muted); }.how-trust-card ul { width:100%; max-width:560px; margin:34px 0 0; padding:0; list-style:none; }.how-trust-card li { padding:14px 0; border-top:1px solid var(--line); font-weight:600; }.how-trust-card li span { width:25px;height:25px;margin-right:10px;display:inline-grid;place-items:center;border-radius:50%;background:var(--lime);font-size:11px; }
.how-real-card { background:var(--orange); color:var(--ink); }.how-real-card .eyebrow-light { color:var(--ink); }.how-real-card .eyebrow-light i { background:var(--ink); filter:none; }
.how-real-tags { max-width:560px; margin-top:38px; display:flex; flex-wrap:wrap; gap:9px; }.how-real-tags span { padding:9px 12px; border:1px solid rgba(23,32,25,.35); border-radius:999px; background:rgba(255,255,255,.22); font-size:11px; font-weight:700; }
.how-outputs { padding:110px max(32px,calc((100vw - 1240px)/2)); background:var(--paper); }
.how-outputs-heading { max-width:850px; margin-bottom:58px; }.how-outputs-heading h2 { margin-top:22px; }
.how-output-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.how-output-grid > article { min-width:0; min-height:560px; padding:20px; display:flex; flex-direction:column; border:1px solid var(--line); border-radius:24px; background:white; box-shadow:0 16px 38px rgba(23,32,25,.06); }
.how-output-grid h3 { margin:30px 6px 10px; font:600 27px/1.08 "Manrope"; letter-spacing:-.04em; }.how-output-grid > article > p { margin:0 6px; color:var(--muted); line-height:1.55; }
.output-catalog-photo,.output-store-ui,.output-fulfillment-ui { min-height:330px; border-radius:17px; overflow:hidden; }
.output-catalog-photo { position:relative; border:1px solid #dbe0d7; background:#f2f4ed; }
.output-catalog-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 62%,rgba(23,32,25,.2)); pointer-events:none; }
.output-catalog-photo img { width:100%;height:100%;position:absolute;inset:0;display:block;object-fit:cover;object-position:50% 24%;transform:scale(1.02); }
.output-catalog-photo > span { position:absolute;z-index:1;left:14px;bottom:14px;padding:8px 11px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(23,32,25,.12);border-radius:999px;background:rgba(255,255,255,.92);font-size:8px;font-weight:700;box-shadow:0 8px 20px rgba(23,32,25,.13);backdrop-filter:blur(8px); }
.output-catalog-photo > span i { width:7px;height:7px;border-radius:50%;background:#67a546;box-shadow:0 0 0 3px rgba(103,165,70,.14); }
.output-store-ui { position:relative; padding:32px 28px; display:grid; grid-template-columns:repeat(3,1fr); align-items:center; gap:16px; background:#202a22; perspective:650px; }
.output-store-ui > span { height:190px; padding:12px 7px; display:flex; align-items:flex-end; justify-content:center; border:1px solid #657167; border-radius:5px; background:repeating-linear-gradient(to bottom,#39463c 0,#39463c 20px,#718070 21px,#39463c 23px); color:#dfe5df; font-size:7px; transform:rotateX(7deg); }
.output-store-ui i { position:absolute;right:27px;bottom:22px;padding:8px 10px;border-radius:6px;background:var(--orange);font-size:7px;font-style:normal;font-weight:700; }.output-store-ui b { position:absolute;left:20px;top:18px;color:var(--lime);font-size:8px;letter-spacing:.1em;text-transform:uppercase; }
.output-fulfillment-ui { padding:17px; display:grid; align-content:center; gap:9px; background:var(--lime); }
.output-fulfillment-ui > span { min-height:72px; padding:14px; display:grid; gap:5px; border:1px solid rgba(23,32,25,.2); border-radius:12px; background:rgba(255,255,255,.42); font:600 13px/1.1 "Manrope"; }.output-fulfillment-ui > span.active { background:var(--ink);color:white;box-shadow:0 11px 22px rgba(23,32,25,.18); }.output-fulfillment-ui small { color:#5e685f;font:400 8px/1.3 "DM Sans"; }.output-fulfillment-ui .active small { color:#acb6ad; }
.product-hero-visual { min-height:440px; position:relative; overflow:hidden; border-radius:30px; box-shadow:0 28px 70px rgba(23,32,25,.16); }
.visual-online { background:var(--ink); }
.visual-online > img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; opacity:.9; }
.visual-online::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 42%,rgba(23,32,25,.78)); }
.visual-chip { position:absolute; z-index:2; padding:9px 12px; border-radius:999px; background:white; color:var(--ink); font-size:10px; font-weight:700; box-shadow:0 10px 25px rgba(23,32,25,.15); }
.chip-top { top:22px; right:22px; }.chip-bottom { left:22px; bottom:92px; background:var(--lime); }
.visual-stat { position:absolute; z-index:2; left:22px; right:22px; bottom:20px; display:flex; align-items:end; justify-content:space-between; color:white; }
.visual-stat small { color:#bdc7be; font-size:9px; letter-spacing:.12em; }.visual-stat strong { font:600 32px/1 "Manrope"; }

.customer-page-hero { grid-template-columns:.88fr 1.12fr; }
.visual-customers { padding:18px; background:var(--ink); color:var(--ink); }
.customer-dashboard { height:100%; padding:18px; display:grid; grid-template-rows:auto auto 1fr auto; gap:14px; border:1px solid #d7dcd3; border-radius:19px; background:#f7f8f4; box-shadow:0 16px 34px rgba(8,14,9,.22); }
.customer-dashboard-head { display:grid; grid-template-columns:34px 1fr auto; align-items:center; gap:10px; }
.customer-dashboard-mark,.message-logo { width:32px; height:32px; display:grid; place-items:center; border-radius:9px; background:var(--ink); color:var(--lime); font:700 18px/1 "Manrope"; }
.customer-dashboard-head div { display:grid; gap:2px; }.customer-dashboard-head small { color:#7d887f; font-size:7px; letter-spacing:.1em; text-transform:uppercase; }.customer-dashboard-head strong { font:600 14px/1.1 "Manrope"; }
.dashboard-range { padding:7px 9px; border:1px solid #d8ddd5; border-radius:8px; background:white; color:#667068; font-size:8px; }
.customer-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
.customer-kpis article { min-width:0; padding:11px; display:grid; gap:5px; border:1px solid #dde1da; border-radius:10px; background:white; }
.customer-kpis small { color:#78827a; font-size:7px; }.customer-kpis strong { font:600 18px/1 "Manrope"; letter-spacing:-.04em; }.customer-kpis span { color:#64752f; font-size:7px; font-weight:700; }
.spend-chart { min-height:150px; padding:12px 12px 9px; display:grid; grid-template-rows:auto 1fr auto; gap:8px; border:1px solid #dde1da; border-radius:12px; background:white; }
.spend-chart-head { display:flex; align-items:start; justify-content:space-between; gap:12px; }.spend-chart-head div { display:grid; gap:3px; }.spend-chart-head small { color:#8a938b; font-size:6px; letter-spacing:.12em; }.spend-chart-head strong { font:600 11px/1.1 "Manrope"; }.spend-chart-head > span { color:#738077; font-size:6px; }
.spend-bars { min-height:72px; display:grid; grid-template-columns:repeat(7,1fr); align-items:end; gap:7px; border-bottom:1px solid #e2e6df; background:repeating-linear-gradient(to bottom,#fff 0,#fff 23px,#edf0eb 24px); }
.spend-bars i { height:100%; display:flex; align-items:end; justify-content:center; gap:2px; }
.spend-bars i::before,.spend-bars i::after { content:""; width:7px; border-radius:3px 3px 0 0; }.spend-bars i::before { height:var(--repeat); background:var(--lime-2); }.spend-bars i::after { height:var(--new); background:var(--orange); }
.spend-days { display:grid; grid-template-columns:repeat(7,1fr); color:#929a93; font-size:6px; text-align:center; }
.customer-segment-row { padding:9px 11px; display:flex; align-items:center; justify-content:space-between; gap:10px; border:1px solid #d8ddd5; border-radius:10px; background:#edf2d2; }
.customer-segment-row > span { display:grid; grid-template-columns:9px 1fr; gap:2px 7px; }.customer-segment-row i { width:8px;height:8px;grid-row:1/3;align-self:center;border-radius:50%;background:var(--ink); }.customer-segment-row b { font-size:8px; }.customer-segment-row small { color:#6e786f;font-size:6px; }.customer-segment-row > strong { font-size:7px; white-space:nowrap; }

.customer-messaging-section { background:#e7ecff !important; }
.customer-platform-split { display:grid; grid-template-columns:.72fr 1.28fr; align-items:center; gap:7vw; }
.customer-message-copy > p:not(.eyebrow) { color:var(--muted); font-size:18px; line-height:1.65; }
.message-platform { min-width:0; min-height:520px; display:grid; grid-template-columns:165px 1fr; overflow:hidden; border:1px solid #cad1c9; border-radius:26px; background:white; box-shadow:0 25px 60px rgba(23,32,25,.13); }
.message-audiences { padding:22px 14px; display:flex; flex-direction:column; gap:9px; border-right:1px solid #39453b; background:var(--ink); color:white; }
.message-audiences header { display:flex; align-items:center; gap:9px; margin-bottom:18px; }.message-audiences header strong { font:600 13px/1 "Manrope"; }.message-audiences > small { margin:0 7px 3px; color:#79847b; font-size:7px; letter-spacing:.14em; }
.message-audiences > span { padding:10px 8px; display:grid; grid-template-columns:7px 1fr auto; align-items:center; gap:7px; border-radius:9px; color:#aeb8b0; font-size:8px; }
.message-audiences > span i { width:6px;height:6px;border-radius:50%;background:#59655b; }.message-audiences > span b { font-weight:600; }.message-audiences > span em { color:#738077; font-style:normal; }
.message-audiences .audience-active { background:#2c382f; color:white; }.message-audiences .audience-active i { background:var(--lime); }.message-audiences .audience-active em { color:var(--lime); }
.message-composer { min-width:0; padding:22px; display:grid; grid-template-rows:auto auto 1fr auto; gap:16px; background:#f8f9f5; }
.message-composer > header { display:flex; align-items:center; justify-content:space-between; gap:15px; }.message-composer > header div { display:grid; gap:4px; }.message-composer > header small { color:#89928a; font-size:7px; letter-spacing:.13em; }.message-composer > header strong { font:600 16px/1.1 "Manrope"; }.message-composer > header > span { padding:7px 10px; border:1px solid #d7dcd4; border-radius:8px; background:white; font-size:8px; }
.message-recipient { padding:10px 12px; display:grid; grid-template-columns:24px 1fr auto; align-items:center; gap:8px; border:1px solid #dce0da; border-radius:10px; background:white; }.message-recipient small { color:#8b948c;font-size:7px; }.message-recipient strong { font-size:9px; }.message-recipient span { color:#6f7971;font-size:7px; }
.message-preview { display:grid; grid-template-columns:1fr .8fr; gap:10px; }
.phone-message,.deal-preview { padding:17px; border:1px solid #d8ddd5; border-radius:14px; background:white; }
.phone-message { align-self:start; display:grid; gap:10px; box-shadow:0 12px 24px rgba(23,32,25,.06); }.phone-message small,.deal-preview small { color:#8a948b;font-size:6px;letter-spacing:.12em; }.phone-message strong { font:600 15px/1.18 "Manrope"; }.phone-message p { margin:0;color:#687269;font-size:9px;line-height:1.5; }.phone-message span { width:fit-content;padding:7px 9px;border-radius:7px;background:var(--lime);font-size:7px;font-weight:700; }
.deal-preview { align-self:end; display:grid; gap:7px; background:var(--orange); border-color:#d96936; }.deal-preview strong { font:600 21px/1 "Manrope"; }.deal-preview span { font-size:7px; }
.message-composer > footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:13px; border-top:1px solid #dce0da; }.message-composer > footer span { color:#7d867e;font-size:7px; }.message-composer > footer strong { padding:9px 11px;border-radius:8px;background:var(--ink);color:white;font-size:8px; }

.visual-ads { padding:24px; display:grid; grid-template-rows:1.15fr .85fr; gap:14px; background:#ffe7d8; }
.placement-stack { min-height:220px; position:relative; }
.placement-card { position:absolute; width:82%; min-height:112px; left:9%; padding:17px 18px; display:flex; flex-direction:column; justify-content:flex-end; border:2px solid var(--ink); border-radius:16px; background:white; box-shadow:0 14px 28px rgba(23,32,25,.14); transition:transform .2s ease; }
.placement-card small { margin-bottom:auto; font-size:8px; font-weight:700; letter-spacing:.12em; }.placement-card strong { font:600 24px/1 "Manrope"; letter-spacing:-.04em; }.placement-card span { margin-top:6px; color:var(--muted); font-size:10px; }
.placement-aisle { z-index:3; top:0; transform:rotate(-2deg); background:var(--lime); }
.placement-related { z-index:2; top:38px; transform:translateX(28px) rotate(2deg); background:white; }
.placement-native { z-index:1; top:76px; transform:translateX(-18px) rotate(-1deg); background:#d9e7ff; }
.visual-ads:hover .placement-aisle { transform:translateY(-5px) rotate(-2deg); }.visual-ads:hover .placement-related { transform:translate(34px,2px) rotate(2deg); }.visual-ads:hover .placement-native { transform:translate(-23px,7px) rotate(-1deg); }
.ad-screen { padding:24px; display:flex; flex-direction:column; justify-content:flex-end; border:8px solid var(--ink); border-radius:20px; background:linear-gradient(135deg,var(--orange),#ffc09e); box-shadow:0 15px 30px rgba(23,32,25,.16); }
.ad-screen small { margin-bottom:auto; font-size:8px; font-weight:700; letter-spacing:.12em; }.ad-screen strong { font:600 34px/1 "Manrope"; letter-spacing:-.05em; }.ad-screen span { margin-top:7px; font-size:11px; }
.ad-revenue { position:relative; display:flex; align-items:end; gap:8px; padding:16px 18px; border:1px solid #e2bda5; border-radius:16px; background:white; }
.ad-revenue small { position:absolute; top:17px; left:18px; font-size:8px; letter-spacing:.12em; }.ad-revenue strong { position:absolute; top:35px; left:18px; font:600 28px/1 "Manrope"; }.ad-revenue span { position:absolute; top:67px; left:18px; color:var(--muted); font-size:9px; }.ad-revenue i { width:16px; height:var(--h); margin-left:auto; border-radius:4px 4px 0 0; background:var(--orange); }

.visual-store { display:grid; place-items:center; background:radial-gradient(circle at 50% 35%,#354238,#172019 75%); perspective:800px; }
.store-floor { width:310px; height:205px; position:relative; border:1px solid #647168; background-color:#202b23; background-image:linear-gradient(rgba(223,241,116,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(223,241,116,.09) 1px,transparent 1px); background-size:20px 20px; transform:translateY(-20px) rotateX(57deg) rotateZ(-28deg); transform-style:preserve-3d; box-shadow:0 35px 45px rgba(0,0,0,.35); }
.store-shelf,.store-cooler,.store-checkout { position:absolute; display:block; transform-style:preserve-3d; }
.store-shelf { width:190px; height:17px; left:48px; transform:translateZ(24px); border:1px solid var(--lime); background:repeating-linear-gradient(90deg,#66764b 0 11px,#a1b765 11px 13px); }
.store-shelf::before,.store-cooler::before,.store-checkout::before { content:""; position:absolute; left:-1px; right:-1px; height:24px; top:-25px; border:1px solid var(--lime); background:repeating-linear-gradient(90deg,var(--lime) 0 9px,#f68046 9px 12px,#9caf61 12px 17px); transform-origin:bottom; transform:rotateX(-90deg); }
.store-shelf::after,.store-cooler::after,.store-checkout::after { content:""; position:absolute; top:-1px; bottom:-1px; width:24px; right:-25px; border:1px solid #82934e; background:#68763f; transform-origin:left; transform:rotateY(90deg); }
.shelf-one { top:40px; }.shelf-two { top:90px; left:30px; }.shelf-three { top:140px; }
.store-cooler { width:26px; height:140px; right:10px; top:20px; transform:translateZ(18px); border:1px solid #a8e4e6; background:#649092; }.store-cooler::before { height:18px; top:-19px; background:#a8e4e6;border-color:#a8e4e6; }.store-cooler::after { width:18px;right:-19px;background:#507779;border-color:#78b7ba; }
.store-checkout { width:60px; height:22px; right:7px; bottom:7px; transform:translateZ(18px); border:1px solid #ffad82; background:var(--orange); }.store-checkout::before { height:18px;top:-19px;background:#ffad82;border-color:#ffad82; }.store-checkout::after { width:18px;right:-19px;background:#b6542d;border-color:#d86b3c; }
.store-scan { width:15px;height:15px;position:absolute;left:47%;top:48%;border:3px solid var(--orange);border-radius:50%;background:var(--orange);transform:translateZ(40px);animation:lidar-pulse 1.8s ease-out infinite; }
.store-data { position:absolute; left:20px; right:20px; bottom:18px; padding:14px 16px; display:grid; gap:4px; border:1px solid #435047; border-radius:14px; background:rgba(28,39,31,.88); color:white; backdrop-filter:blur(8px); }
.store-data small { color:#94a096;font-size:8px;letter-spacing:.12em; }.store-data strong { font:600 17px/1.1 "Manrope"; }.store-data span { color:#aeb8af;font-size:9px; }

.story-section { padding:100px max(32px,calc((100vw - 1240px)/2)); scroll-margin-top:110px; }
.story-section:nth-child(even) { background:white; }
.story-grid { display:grid; grid-template-columns:.65fr 1.35fr; gap:9vw; }
.story-grid h2 { font-size:clamp(42px,5vw,68px); }
.story-copy { max-width:690px; }
.story-copy > p { color:var(--muted); font-size:18px; line-height:1.65; }
.mission-section { background:var(--ink) !important; color:white; }
.mission-section h2 { max-width:520px; margin-bottom:0; }
.mission-copy { max-width:720px; }
.mission-copy > p { margin:0; color:#c0c8c1; font-size:20px; line-height:1.68; }
.mission-copy > p + p { margin-top:22px; }
.story-points { margin-top:36px; display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.story-points article { padding:22px; border:1px solid var(--line); border-radius:18px; background:var(--paper); }
.story-points h3 { margin-bottom:9px; font:600 20px/1.1 "Manrope"; }
.story-points p { margin:0; color:var(--muted); line-height:1.5; font-size:14px; }
.page-cta { padding:85px max(32px,calc((100vw - 1240px)/2)); display:flex; align-items:center; justify-content:space-between; gap:30px; background:var(--lime); }
.page-cta h2 { max-width:760px; margin:0; font-size:clamp(38px,5vw,66px); }
.form-page { min-height:calc(100vh - 210px); padding:160px max(32px,calc((100vw - 1080px)/2)) 100px; display:grid; grid-template-columns:.8fr 1.2fr; align-items:start; gap:8vw; background:var(--ink); color:white; }
.form-page h1 { font-size:clamp(56px,7vw,90px); }
.form-page-copy > p:not(.eyebrow) { color:#aeb7af; font-size:18px; line-height:1.6; }
.form-page .interest-form { align-content:start; align-self:start; padding:32px; border:1px solid #3a453c; border-radius:24px; background:#1d271f; }

.supplier-hero { min-height:760px; display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:6vw; padding:100px max(32px,calc((100vw - 1240px)/2)); }
.supplier-hero-copy h1 { font-size:clamp(55px,6.5vw,92px); }
.coming-soon { width:fit-content; margin-bottom:34px; padding:15px 22px; display:inline-flex; align-items:center; gap:10px; border:2px solid var(--ink); border-radius:999px; background:var(--lime); box-shadow:5px 5px 0 var(--ink); font:700 17px/1 "Manrope"; letter-spacing:.08em; text-transform:uppercase; }
.coming-soon::before { content:""; width:9px; height:9px; flex:0 0 auto; border-radius:50%; background:var(--ink); animation:coming-soon-pulse 1.8s ease-in-out infinite; }
@keyframes coming-soon-pulse { 50% { opacity:.35; transform:scale(.72); } }
.supplier-hero-copy .button { margin-top:28px; }
.supplier-network-visual { min-height:530px; position:relative; }
.supplier-network-visual > img { width:100%; height:100%; position:absolute; inset:0; object-fit:contain; filter:drop-shadow(0 24px 32px rgba(23,32,25,.12)); }
.network-n { --n-mask:url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2029%2036%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20d%3D%27M4.376%2034C3.976%2034%203.776%2033.8%203.776%2033.4V2.608C3.776%202.208%203.976%202.008%204.376%202.008H18.968C19.336%202.008%2019.656%202.136%2019.928%202.392L24.728%207.192C24.984%207.464%2025.112%207.784%2025.112%208.152V33.4C25.112%2033.8%2024.912%2034%2024.512%2034H16.544C16.144%2034%2015.944%2033.8%2015.944%2033.4V10.288H12.944V33.4C12.944%2033.8%2012.744%2034%2012.344%2034H4.376Z%27%20fill%3D%27black%27%2F%3E%3C%2Fsvg%3E"); width:30px; height:38px; position:absolute; z-index:4; display:block; transform-origin:50% 50%; }
.network-n::before,.network-n::after { content:""; position:absolute; inset:0; display:block; -webkit-mask:var(--n-mask) center/contain no-repeat; mask:var(--n-mask) center/contain no-repeat; }
.network-n::before { z-index:2; background:#0f1210; filter:drop-shadow(0 3px 3px rgba(23,32,25,.2)); }
.network-n::after { z-index:1; background:#fff; transform:translate(3px,4px); filter:drop-shadow(1px 0 0 #111512) drop-shadow(-1px 0 0 #111512) drop-shadow(0 1px 0 #111512) drop-shadow(0 -1px 0 #111512) drop-shadow(0 3px 3px rgba(23,32,25,.16)); }
.network-n.is-shaking { z-index:5; animation:network-n-shake .72s linear; }
.network-n-lime { background:transparent; }
.n-portland,.n-denver,.n-miami { width:24px; height:30px; }
.n-seattle,.n-la,.n-minneapolis,.n-dc { width:29px; height:37px; }
.n-bay,.n-austin,.n-chicago,.n-atlanta,.n-new-york { width:36px; height:45px; }
.n-seattle { left:13%;top:19%; }.n-portland { left:10%;top:29%; }.n-bay { left:10.5%;top:52%; }.n-la { left:15%;top:64%; }
.n-denver { left:36%;top:44%; }.n-austin { left:53%;top:73%; }.n-minneapolis { left:58%;top:29%; }.n-chicago { left:68%;top:40%; }
.n-atlanta { left:77%;top:63%; }.n-miami { left:84%;top:79%; }.n-dc { left:85%;top:49%; }.n-new-york { left:91%;top:32%; }
@keyframes network-n-shake {
  0%,100% { transform:translate(0,0) rotate(0); }
  10% { transform:translate(-5px,-2px) rotate(-11deg); }
  20% { transform:translate(6px,2px) rotate(10deg); }
  30% { transform:translate(-7px,1px) rotate(-9deg); }
  40% { transform:translate(6px,-2px) rotate(8deg); }
  50% { transform:translate(-5px,3px) rotate(-7deg); }
  60% { transform:translate(5px,-1px) rotate(6deg); }
  70% { transform:translate(-4px,1px) rotate(-5deg); }
  80% { transform:translate(3px,-1px) rotate(4deg); }
  90% { transform:translate(-2px,0) rotate(-2deg); }
}
.supplier-simple-section { padding:110px max(32px,calc((100vw - 1240px)/2)); background:var(--ink); color:white; }
.supplier-simple-intro { max-width:850px; margin-bottom:58px; }.supplier-simple-intro h2 { margin-bottom:0; }
.supplier-simple-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #3d483f; }
.supplier-simple-grid article { padding:30px 30px 10px 0; }.supplier-simple-grid article + article { padding-left:30px; border-left:1px solid #3d483f; }
.supplier-simple-grid h3 { margin:0 0 12px; font:600 27px/1.08 "Manrope"; }.supplier-simple-grid p { margin:0; color:#aab4ab; line-height:1.6; }
.supplier-customer-card h3 { color:var(--lime); }
.supplier-lead-section { scroll-margin-top:105px; padding:105px max(32px,calc((100vw - 1240px)/2)); display:grid; grid-template-columns:.88fr 1.12fr; align-items:start; gap:7vw; background:var(--lime); }
.supplier-lead-copy h2 { max-width:600px; margin-bottom:32px; font-size:clamp(45px,5vw,70px); line-height:.98; letter-spacing:-.055em; }
.supplier-lead-copy h2 em { color:#5c675d; }
.supplier-offer { max-width:590px; margin-bottom:24px; font:500 clamp(21px,2vw,28px)/1.42 "Manrope"; letter-spacing:-.025em; }
.supplier-offer strong { font-weight:700; }
.supplier-lead-note { max-width:560px; margin:0; color:#465148; font-size:17px; line-height:1.65; }
.supplier-interest-form { padding:30px; border:1px solid #3a453c; border-radius:26px; background:var(--ink); box-shadow:0 28px 65px rgba(23,32,25,.22); }
.supplier-form-note { margin:2px 0 0; color:#aab4ab; font-size:12px; line-height:1.5; }
.guides-hero { padding:170px max(32px,calc((100vw - 1120px)/2)) 80px; }
.guides-hero h1 { max-width:900px; }
.guides-hero .lede { max-width:760px; }
.guide-grid { padding:0 max(32px,calc((100vw - 1120px)/2)) 110px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.guide-card { min-height:300px; padding:28px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid var(--line); border-radius:24px; background:white; text-decoration:none; transition:transform .18s,border-color .18s,box-shadow .18s; }
.guide-card:hover { transform:translateY(-4px); border-color:#b8c0b5; box-shadow:0 18px 42px rgba(23,32,25,.09); }
.guide-card span { color:var(--orange); font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.guide-card h2 { margin:30px 0 14px; font-size:clamp(30px,3vw,42px); }
.guide-card p { margin:0; color:var(--muted); line-height:1.55; }
.guide-card strong { margin-top:28px; font-size:13px; }
.guide-article { background:white; }
.guide-hero { padding:170px max(32px,calc((100vw - 900px)/2)) 70px; background:var(--paper); }
.guide-hero h1 { max-width:900px; font-size:clamp(52px,7vw,86px); }
.guide-hero .lede { max-width:760px; }
.guide-meta { display:flex; gap:18px; margin-top:32px; color:var(--muted); font-size:12px; }
.answer-box { max-width:900px; margin:0 auto; padding:28px; border-left:5px solid var(--lime-2); background:#eef4d4; }
.answer-box h2 { margin-bottom:12px; font-size:25px; }
.answer-box p { margin:0; font-size:18px; line-height:1.65; }
.guide-body { max-width:900px; margin:0 auto; padding:65px 32px 100px; }
.guide-body section { margin-top:62px; }
.guide-body section:first-child { margin-top:0; }
.guide-body h2 { font-size:clamp(34px,4vw,52px); }
.guide-body h3 { margin-top:30px; font:600 22px/1.2 "Manrope"; }
.guide-body p,.guide-body li { color:#4f5951; font-size:17px; line-height:1.75; }
.guide-body ul,.guide-body ol { padding-left:24px; }
.guide-callout { margin-top:42px; padding:25px; border:1px solid var(--line); border-radius:18px; background:var(--paper); }
.guide-callout strong { display:block; margin-bottom:8px; }

/* Product suite */
.product-section-heading { max-width:920px; margin-bottom:54px; }
.product-section-heading h2 { margin-bottom:0; font-size:clamp(44px,5.5vw,72px); }
.product-section-heading > p:not(.eyebrow) { max-width:680px; margin:22px 0 0; color:var(--muted); font-size:18px; line-height:1.65; }
.product-ui-section { padding:105px max(32px,calc((100vw - 1240px)/2)); display:grid; grid-template-columns:.72fr 1.28fr; align-items:center; gap:7vw; background:#e7ecff; }
.product-ui-copy h2 { font-size:clamp(42px,5vw,68px); }
.product-ui-copy > p:not(.eyebrow) { color:var(--muted); font-size:18px; line-height:1.65; }
.product-ui-shell { min-width:0; overflow:hidden; border:1px solid #cbd1c8; border-radius:26px; background:#f8f9f5; box-shadow:0 25px 60px rgba(23,32,25,.13); }
.product-trust-note { margin-top:30px; padding-top:24px; display:grid; grid-template-columns:32px 1fr; gap:13px; border-top:1px solid rgba(23,32,25,.14); }
.product-trust-note > span { width:31px; height:31px; display:grid; place-items:center; border-radius:50%; background:var(--ink); color:var(--lime); font-weight:700; }
.product-trust-note p { margin:2px 0 0; color:#4e5950; font-size:14px; line-height:1.55; }
.product-cross-sell { padding:100px max(32px,calc((100vw - 1240px)/2)); display:grid; grid-template-columns:.72fr 1.28fr; gap:7vw; background:var(--ink); color:white; }
.product-cross-sell h2 { max-width:480px; margin-bottom:0; font-size:clamp(42px,5vw,66px); }
.eyebrow-light { color:var(--lime); }
.product-cross-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.product-cross-grid a { min-height:300px; padding:26px; display:flex; flex-direction:column; border:1px solid #465047; border-radius:22px; background:#202b23; color:white; text-decoration:none; transition:transform .2s,border-color .2s,background-color .2s; }
.product-cross-grid a:hover { transform:translateY(-4px); border-color:var(--lime); background:#263229; }
.product-cross-grid span { color:var(--lime); font-size:9px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
.product-cross-grid strong { margin-top:38px; font:600 28px/1.05 "Manrope"; letter-spacing:-.04em; }
.product-cross-grid p { margin:14px 0 28px; color:#aab4ab; line-height:1.55; }
.product-cross-grid b { margin-top:auto; color:var(--lime); font-size:12px; }

/* Get online */
.product-timeline-section { padding:100px max(32px,calc((100vw - 1240px)/2)); background:white; }
.product-timeline { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--ink); }
.product-timeline article { position:relative; padding:30px 28px 10px 0; }
.product-timeline article + article { padding-left:28px; border-left:1px solid var(--line); }
.product-timeline article::before { content:""; width:11px; height:11px; position:absolute; top:-6px; left:-1px; border:3px solid white; border-radius:50%; background:var(--orange); box-shadow:0 0 0 1px var(--orange); }
.product-timeline article + article::before { left:-6px; }
.product-timeline span { color:var(--orange); font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.product-timeline strong { min-height:56px; margin-top:18px; display:block; font:600 22px/1.16 "Manrope"; }
.product-timeline p { margin:13px 0 0; color:var(--muted); font-size:14px; line-height:1.55; }
.online-readiness-section { background:#dfe7ff; }
.launch-readiness-ui { padding:24px; }
.launch-readiness-ui > header { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.launch-readiness-ui > header div { display:grid; gap:4px; }
.launch-readiness-ui > header small { color:#8a938b; font-size:8px; letter-spacing:.12em; }
.launch-readiness-ui > header strong { font:600 21px/1.05 "Manrope"; }
.launch-readiness-ui > header > span { padding:8px 10px; border-radius:9px; background:#e8f2b8; color:#55632f; font-size:9px; font-weight:700; }
.readiness-progress { height:8px; margin:20px 0 22px; overflow:hidden; border-radius:99px; background:#e2e5df; }
.readiness-progress i { width:82%; height:100%; display:block; border-radius:inherit; background:var(--lime-2); }
.readiness-list { border:1px solid #dde1da; border-radius:15px; background:white; }
.readiness-list article { padding:14px; display:grid; grid-template-columns:34px 1fr auto; align-items:center; gap:11px; }
.readiness-list article + article { border-top:1px solid #e2e5df; }
.readiness-icon { width:32px; height:32px; display:grid; place-items:center; border:1px solid #d6dbd3; border-radius:10px; background:#f5f6f2; color:#7b847c; font-size:10px; font-style:normal; font-weight:700; }
.readiness-icon.is-ready { border-color:#d7e68e; background:#eef5cb; color:#56632f; }
.readiness-list article div { display:grid; gap:3px; }
.readiness-list article strong { font-size:11px; }
.readiness-list article small { color:#7b847c; font-size:8px; }
.readiness-list article > b { padding:6px 8px; border-radius:7px; background:#eef5cb; color:#56632f; font-size:7px; }
.readiness-list article > b.needs-action { background:#ffe4d5; color:#9b4a25; }
.fulfillment-picker { margin-top:18px; padding:15px; border-radius:13px; background:var(--ink); color:white; }
.fulfillment-picker > small { color:#aab4ab; font-size:7px; letter-spacing:.12em; }
.fulfillment-picker > div { margin-top:11px; display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }
.fulfillment-picker span { padding:9px 6px; border:1px solid #465047; border-radius:8px; color:#aab4ab; font-size:8px; text-align:center; }
.fulfillment-picker span.selected { border-color:var(--lime); background:var(--lime); color:var(--ink); font-weight:700; }
.online-channels-section { background:white !important; }
.channel-launch-grid { margin-top:34px; display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.channel-launch-grid article { min-width:0; padding:15px; display:grid; grid-template-columns:34px 1fr auto; align-items:center; gap:11px; border:1px solid var(--line); border-radius:13px; background:var(--paper); }
.channel-launch-grid article > span { width:33px; height:33px; display:grid; place-items:center; border-radius:9px; background:var(--ink); color:var(--lime); font:700 14px/1 "Manrope"; }
.channel-launch-grid article div { display:grid; gap:3px; }
.channel-launch-grid article strong { font-size:11px; }
.channel-launch-grid article small { color:var(--muted); font-size:8px; }
.channel-launch-grid article > b { color:#5e6e34; font-size:8px; }

/* Customer ownership */
.customer-profile-section { background:white; }
.customer-profile-ui { padding:24px; }
.customer-profile-ui > header { padding-bottom:20px; display:grid; grid-template-columns:48px 1fr auto; align-items:center; gap:12px; border-bottom:1px solid #dce0d9; }
.profile-avatar { width:46px; height:46px; display:grid; place-items:center; border-radius:50%; background:var(--orange); color:var(--ink); font:700 14px/1 "Manrope"; }
.customer-profile-ui > header > div:nth-child(2) { display:grid; gap:3px; }
.customer-profile-ui header small { color:#89928a; font-size:7px; letter-spacing:.12em; }
.customer-profile-ui header strong { font:600 17px/1.1 "Manrope"; }
.customer-profile-ui header span { color:#778078; font-size:8px; }
.customer-profile-ui header > b { padding:7px 9px; border-radius:8px; background:#e9f1bf; color:#5c6936; font-size:8px; }
.profile-metrics { margin:18px 0; display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.profile-metrics article,.profile-detail-grid article { padding:14px; display:grid; gap:7px; border:1px solid #dde1da; border-radius:12px; background:white; }
.profile-metrics small,.profile-detail-grid small { color:#89928a; font-size:7px; letter-spacing:.08em; }
.profile-metrics strong { font:600 22px/1 "Manrope"; }
.profile-detail-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }
.profile-detail-grid strong { font:600 12px/1.15 "Manrope"; }
.profile-detail-grid span { color:#758077; font-size:8px; }
.customer-profile-ui > footer { margin-top:18px; padding:13px 14px; display:flex; align-items:center; justify-content:space-between; gap:16px; border-radius:11px; background:#edf2d2; font-size:8px; }
.customer-profile-ui > footer span { display:flex; align-items:center; gap:7px; }
.customer-profile-ui > footer i { width:7px; height:7px; border-radius:50%; background:#72843d; }
.customer-results-section { padding:105px max(32px,calc((100vw - 1240px)/2)); background:white; }
.customer-journey { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; align-items:center; gap:14px; }
.customer-journey article { min-height:170px; padding:20px; display:flex; flex-direction:column; border:1px solid var(--line); border-radius:18px; background:var(--paper); }
.customer-journey article span { color:var(--orange); font-size:9px; font-weight:700; letter-spacing:.12em; }
.customer-journey article strong { margin-top:22px; font:600 20px/1.1 "Manrope"; }
.customer-journey article p { margin:10px 0 0; color:var(--muted); font-size:12px; line-height:1.45; }
.customer-journey > i { color:#8c958d; font-style:normal; }
.campaign-results { margin-top:18px; padding:25px; border:1px solid var(--line); border-radius:20px; background:var(--ink); color:white; }
.campaign-results > header { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.campaign-results header div { display:grid; gap:5px; }
.campaign-results header small { color:#909b92; font-size:8px; letter-spacing:.12em; }
.campaign-results header strong { font:600 18px/1.1 "Manrope"; }
.campaign-results header > span { padding:7px 9px; border-radius:8px; background:var(--lime); color:var(--ink); font-size:8px; font-weight:700; }
.campaign-results > div { margin-top:22px; display:grid; grid-template-columns:repeat(4,1fr); }
.campaign-results article { display:grid; gap:8px; padding:0 20px; }
.campaign-results article:first-child { padding-left:0; }
.campaign-results article + article { border-left:1px solid #465047; }
.campaign-results article small { color:#9ca69e; font-size:8px; }
.campaign-results article strong { color:var(--lime); font:600 27px/1 "Manrope"; }
.campaign-results > p { margin:22px 0 0; padding-top:16px; border-top:1px solid #3e4940; color:#8e9990; font-size:9px; }

/* Ad platform */
.ad-placement-section { padding:105px max(32px,calc((100vw - 1240px)/2)); background:white; }
.ad-placement-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.ad-example { min-height:470px; padding:18px; display:grid; grid-template-rows:auto 1fr auto; gap:18px; border:1px solid var(--line); border-radius:23px; background:var(--paper); }
.ad-example > header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.ad-example > header span { color:#7b857c; font-size:8px; font-weight:700; letter-spacing:.12em; }
.ad-example > header b { padding:6px 8px; border-radius:7px; background:white; font-size:7px; }
.ad-example > footer { display:grid; gap:5px; }
.ad-example > footer strong { font:600 20px/1.1 "Manrope"; }
.ad-example > footer span { color:var(--muted); font-size:11px; }
.mini-aisle { min-height:290px; padding:28px 24px; display:grid; grid-template-columns:repeat(5,1fr); align-items:end; gap:7px; border-radius:16px; background:var(--ink); perspective:700px; }
.mini-aisle > i { height:190px; position:relative; display:block; border:1px solid #667268; background:repeating-linear-gradient(to bottom,#82937e 0 8px,#354238 8px 26px); transform:skewY(-3deg); }
.mini-aisle > i.sponsored { border:3px solid var(--orange); background:repeating-linear-gradient(to bottom,var(--lime) 0 8px,#354238 8px 26px); box-shadow:0 0 0 4px rgba(246,128,70,.2); }
.mini-aisle > div { grid-column:1/-1; padding:10px 12px; display:flex; align-items:center; justify-content:space-between; border-radius:9px; background:#2b382e; color:white; }
.mini-aisle strong { font-size:9px; }
.mini-aisle small { color:#aeb8b0; font-size:7px; }
.mini-product,.mini-search { min-height:290px; align-self:stretch; padding:18px; border:1px solid #dce0da; border-radius:16px; background:linear-gradient(145deg,#fff,#f8f9f5); box-shadow:0 12px 30px rgba(23,32,25,.08); }
.mini-product { display:flex; flex-direction:column; justify-content:center; }
.ad-placement-gallery .mini-product::before,
.ad-placement-gallery .mini-product::after { content:none; }
.mini-product-main { padding-bottom:16px; display:grid; grid-template-columns:92px 1fr; align-items:center; gap:15px; border-bottom:1px solid #e0e4dd; }
.mini-product-main > i,.mini-related > i,.mini-search div > i { display:block; position:relative; overflow:hidden; border:1px solid #e0e4dd; border-radius:12px; background-color:white; }
.packshot { background-image:url("assets/retail-product-packshots-v1.png") !important; background-repeat:no-repeat !important; background-size:200% 200% !important; }
.packshot-pasta { background-position:0 0 !important; }
.packshot-sauce { background-position:100% 0 !important; }
.packshot-sparkling { background-position:0 100% !important; }
.packshot-mineral { background-position:100% 100% !important; }
.mini-product-main > i { width:92px; height:92px; }
.mini-product-main span,.mini-related span,.mini-search div span { display:grid; gap:5px; }
.mini-product-main small { color:#79837b; font-size:8px; }
.mini-product-main b { font:600 12px/1.15 "Manrope"; }
.mini-product-main strong { font:600 19px/1 "Manrope"; }
.mini-product-main em { color:#79837b; font-size:8px; font-style:normal; }
.mini-product > p,.mini-search > p { margin:15px 0 10px; font-size:9px; font-weight:700; }
.mini-related { padding:11px; display:grid; grid-template-columns:64px 1fr auto; align-items:center; gap:11px; border:2px solid var(--orange); border-radius:12px; background:#fff9f4; }
.mini-related > i { width:64px; height:64px; }
.mini-related strong { font-size:9px; }
.mini-related small { color:#9b5434; font-size:7px; }
.mini-related > b { width:23px; height:23px; display:grid; place-items:center; border-radius:7px; background:var(--ink); color:white; }
.mini-search { display:flex; flex-direction:column; justify-content:center; }
.mini-search > div { padding:12px 0; display:grid; grid-template-columns:72px 1fr; align-items:center; gap:12px; }
.mini-search > div + div { border-top:1px solid #e0e4dd; }
.mini-search div > i { width:72px; height:72px; }
.mini-search div:first-of-type { margin:0 -7px; padding:12px 7px; border:2px solid var(--orange); border-radius:12px; background:#fff8f3; }
.mini-search small { color:var(--orange); font-size:7px; font-weight:700; }
.mini-search strong { font-size:9px; }
.mini-search b { font-size:8px; }
.ad-campaign-section { background:#ffe8db; }
.campaign-manager-ui { padding:24px; }
.campaign-manager-ui > header { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.campaign-manager-ui > header div { display:grid; gap:4px; }
.campaign-manager-ui > header small { color:#89928a; font-size:7px; letter-spacing:.12em; }
.campaign-manager-ui > header strong { font:600 20px/1 "Manrope"; }
.campaign-manager-ui > header > span { padding:7px 9px; border-radius:8px; background:#fff0c9; color:#8b6522; font-size:8px; font-weight:700; }
.campaign-product { margin-top:20px; padding:15px; display:grid; grid-template-columns:76px 1fr auto; align-items:center; gap:15px; border:1px solid #dde1da; border-radius:13px; background:white; }
.campaign-product > i { width:76px; height:76px; display:block; overflow:hidden; border:1px solid #e0e4dd; border-radius:12px; background-color:white; }
.campaign-product div { display:grid; gap:4px; }
.campaign-product small { color:#89928a; font-size:7px; letter-spacing:.08em; }
.campaign-product strong { font-size:10px; }
.campaign-product span { color:#7b847c; font-size:8px; }
.campaign-product > b { font-size:8px; }
.campaign-manager-ui dl { margin:18px 0; border:1px solid #dde1da; border-radius:13px; background:white; }
.campaign-manager-ui dl > div { padding:12px 14px; display:grid; grid-template-columns:110px 1fr; gap:14px; }
.campaign-manager-ui dl > div + div { border-top:1px solid #e1e4de; }
.campaign-manager-ui dt { color:#7e887f; font-size:8px; }
.campaign-manager-ui dd { margin:0; font-size:9px; font-weight:700; }
.campaign-manager-ui > footer { display:flex; justify-content:flex-end; gap:7px; }
.campaign-manager-ui button { padding:9px 11px; border:1px solid #d6dbd3; border-radius:8px; background:white; color:var(--ink); font-size:8px; font-weight:700; }
.campaign-manager-ui button.campaign-approve { border-color:var(--ink); background:var(--ink); color:white; }
.ad-reporting-section { padding:105px max(32px,calc((100vw - 1240px)/2)); background:white; }
.ad-reporting-copy { max-width:820px; margin-bottom:45px; }
.ad-reporting-copy h2 { font-size:clamp(44px,5.5vw,72px); }
.ad-reporting-copy > p:not(.eyebrow) { max-width:640px; color:var(--muted); font-size:18px; line-height:1.65; }
.ad-report-ui { padding:26px; border-radius:22px; background:var(--ink); color:white; }
.ad-report-ui > header { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.ad-report-ui header small { color:#97a199; font-size:8px; letter-spacing:.12em; }
.ad-report-ui header strong { font:600 16px/1.1 "Manrope"; }
.ad-report-ui > div { margin-top:25px; display:grid; grid-template-columns:repeat(4,1fr); }
.ad-report-ui article { padding:0 24px; display:grid; gap:9px; }
.ad-report-ui article:first-child { padding-left:0; }
.ad-report-ui article + article { border-left:1px solid #465047; }
.ad-report-ui article small { color:#97a199; font-size:8px; }
.ad-report-ui article strong { color:var(--lime); font:600 28px/1 "Manrope"; }
.ad-report-ui > p { margin:23px 0 0; padding-top:16px; border-top:1px solid #3d483f; color:#8f9991; font-size:9px; }
.ad-audiences { margin-top:14px; display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.ad-audiences article { padding:28px; border:1px solid var(--line); border-radius:20px; background:var(--paper); }
.ad-audiences span { color:var(--orange); font-size:9px; font-weight:700; letter-spacing:.12em; }
.ad-audiences h3 { max-width:480px; margin:35px 0 0; font:600 27px/1.15 "Manrope"; letter-spacing:-.035em; }

/* Store intelligence */
.aisle-performance-section { background:#e4ecc1; }
.capture-cadence { margin-top:32px; display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.capture-cadence span { padding:8px 10px; border:1px solid #aeb99b; border-radius:9px; background:rgba(255,255,255,.45); font-size:9px; font-weight:700; }
.capture-cadence i { color:#77826f; font-style:normal; }
.aisle-dashboard-ui { padding:22px; }
.aisle-dashboard-ui > header { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.aisle-dashboard-ui > header div { display:grid; gap:4px; }
.aisle-dashboard-ui header small { color:#89928a; font-size:7px; letter-spacing:.12em; }
.aisle-dashboard-ui header strong { font:600 19px/1 "Manrope"; }
.aisle-dashboard-ui header > span { color:#7d867e; font-size:8px; }
.aisle-dashboard-body { margin-top:18px; display:grid; grid-template-columns:1.15fr .85fr; gap:10px; }
.store-heatmap { min-height:310px; position:relative; overflow:hidden; border-radius:15px; background:#202c23; }
.store-heatmap::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(223,241,116,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(223,241,116,.08) 1px,transparent 1px); background-size:22px 22px; }
.heatmap-aisle { width:25px; height:190px; position:absolute; top:38px; display:block; border:1px solid #718076; background:linear-gradient(to bottom,#47554a,#2d3b30); transform:skewY(-7deg); }
.heatmap-aisle span { position:absolute; top:-20px; left:4px; color:#91a096; font-size:7px; font-style:normal; }
.h-one { left:20%; }.h-two { left:38%; }.h-three { left:56%; border-color:var(--lime); box-shadow:0 0 18px rgba(223,241,116,.25); }.h-four { left:74%; }
.heatmap-checkout { position:absolute; right:16px; bottom:17px; padding:9px 12px; border:1px solid #738177; border-radius:7px; color:white; font-size:8px; }
.heat-dot { width:60px; height:60px; position:absolute; z-index:2; border-radius:50%; background:radial-gradient(circle,rgba(246,128,70,.8),rgba(246,128,70,0) 68%); }
.d-one { left:48%; top:48%; }.d-two { left:65%; top:20%; transform:scale(.75); }.d-three { right:3%; bottom:3%; transform:scale(.65); }
.store-heatmap > small { position:absolute; left:13px; bottom:13px; color:#aab5ac; font-size:7px; }
.aisle-ranking { padding:15px; border:1px solid #dde1da; border-radius:15px; background:white; }
.aisle-ranking > small { color:#89928a; font-size:7px; letter-spacing:.12em; }
.aisle-ranking article { padding:13px 0; display:grid; grid-template-columns:25px 1fr; gap:8px; }
.aisle-ranking article + article { border-top:1px solid #e0e4dd; }
.aisle-ranking article > b { width:24px; height:24px; display:grid; place-items:center; border-radius:7px; background:#edf2d2; font-size:8px; }
.aisle-ranking article div { display:grid; gap:4px; }
.aisle-ranking article strong { font-size:8px; }
.aisle-ranking article span { color:#7b847c; font-size:7px; }
.aisle-ranking article em { grid-column:2; width:fit-content; padding:4px 6px; border-radius:5px; background:#ffe3d5; color:#994c28; font-size:6px; font-style:normal; font-weight:700; }
.store-actions-section { padding:105px max(32px,calc((100vw - 1240px)/2)); background:white; }
.store-action-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.action-queue,.placement-test { padding:24px; border:1px solid var(--line); border-radius:22px; background:var(--paper); }
.action-queue > header,.placement-test > header { padding-bottom:18px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid var(--line); }
.action-queue header small,.placement-test header small { color:#89928a; font-size:8px; letter-spacing:.11em; }
.action-queue header strong,.placement-test header strong { font:600 16px/1.1 "Manrope"; }
.action-queue article { padding:17px 0; display:grid; grid-template-columns:65px 1fr auto; align-items:center; gap:13px; }
.action-queue article + article { border-top:1px solid var(--line); }
.action-queue article > span { color:var(--orange); font-size:7px; font-weight:700; letter-spacing:.1em; }
.action-queue article div { display:grid; gap:4px; }
.action-queue article strong { font-size:10px; }
.action-queue article small { color:#7d867f; font-size:8px; }
.action-queue article > b { padding:6px 8px; border-radius:7px; background:white; font-size:7px; }
.placement-test > header { display:grid; grid-template-columns:1fr auto; }
.placement-test > header small { grid-column:1; }
.placement-test > header strong { grid-column:1; }
.placement-test > header span { grid-column:2; grid-row:1/3; padding:6px 8px; border-radius:7px; background:#e9f0c8; font-size:7px; }
.placement-compare { min-height:220px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px; }
.placement-compare > article { display:grid; gap:12px; }
.placement-compare article small { color:#89928a; font-size:7px; letter-spacing:.09em; }
.placement-compare article div { height:100px; display:flex; align-items:end; gap:5px; border-bottom:1px solid #cfd5cc; background:repeating-linear-gradient(to bottom,transparent 0,transparent 24px,#e1e5df 25px); }
.placement-compare article div i { width:20%; height:var(--h); display:block; border-radius:4px 4px 0 0; background:#99a58f; }
.placement-compare article:last-child div i { background:var(--lime-2); }
.placement-compare article strong { font:600 15px/1 "Manrope"; }
.placement-compare > i { font-style:normal; }
.placement-test > p { margin:0; color:#8a938b; font-size:8px; line-height:1.5; }
.assortment-growth-callout { padding:90px max(32px,calc((100vw - 1240px)/2)); display:grid; grid-template-columns:.9fr 1.1fr; gap:8vw; background:var(--ink); color:white; }
.assortment-growth-callout h2 { max-width:570px; margin-bottom:0; font-size:clamp(42px,5vw,64px); }
.assortment-growth-callout > div:last-child { align-self:end; }
.assortment-growth-callout > div:last-child p { color:#aab4ab; font-size:18px; line-height:1.65; }
.assortment-growth-callout a { display:inline-block; margin-top:20px; color:var(--lime); font-weight:700; text-decoration:none; }
.store-partnership-section { padding:105px max(32px,calc((100vw - 1240px)/2)); display:grid; grid-template-columns:.85fr 1.15fr; gap:20px 8vw; background:#ffe7d8; }
.store-partnership-section > div:first-child h2 { font-size:clamp(42px,5vw,66px); }
.store-partnership-section > div:first-child > p:not(.eyebrow) { color:var(--muted); font-size:18px; line-height:1.65; }
.store-partnership-points { align-self:center; border-top:1px solid #d5bdad; }
.store-partnership-points span { padding:21px 0; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #d5bdad; font:600 22px/1.15 "Manrope"; }
.store-partnership-points span::after { content:"→"; color:var(--orange); }
.store-partnership-section .guide-callout { grid-column:2; margin-top:0; background:rgba(255,255,255,.45); }

/* Consolidated Store Intelligence page */
.store-intelligence-page-hero { grid-template-columns:1fr .9fr; }
.store-intelligence-page-hero h1 { font-size:clamp(54px,6.2vw,88px); }
.store-intelligence-proof { margin-top:30px; display:flex; flex-wrap:wrap; gap:9px; }
.store-intelligence-proof span { padding:9px 12px; display:inline-flex; align-items:center; gap:7px; border:1px solid var(--line); border-radius:999px; background:white; font-size:10px; font-weight:700; }
.store-intelligence-proof i { width:18px; height:18px; display:grid; place-items:center; border-radius:50%; background:var(--ink); color:var(--lime); font-size:8px; font-style:normal; }
.store-intelligence-hero-visual { min-height:500px; background:var(--ink); }
.store-intelligence-hero-visual > .lidar-mini { width:100%; height:100%; min-height:500px; position:absolute; inset:0; border-radius:0; }
.store-intelligence-hero-visual .scan-room { transform:translateY(-32px) rotateX(57deg) rotateZ(-27deg) scale(1.2); }
.store-hero-signal { position:absolute; z-index:5; left:20px; right:20px; bottom:18px; padding:15px; display:grid; grid-template-columns:40px 1fr auto; align-items:center; gap:12px; border:1px solid #465148; border-radius:14px; background:rgba(24,34,27,.9); color:white; backdrop-filter:blur(10px); }
.store-advisor-avatar { width:39px; height:39px; display:grid; place-items:center; flex:0 0 39px; border-radius:11px; background:var(--lime); color:var(--ink); font:700 11px/1 "Manrope"; }
.store-hero-signal div { display:grid; gap:4px; }
.store-hero-signal small { color:#929e94; font-size:7px; letter-spacing:.11em; }
.store-hero-signal strong { font:600 13px/1.1 "Manrope"; }
.store-hero-signal > b { padding:7px 9px; border-radius:8px; background:#2c382f; color:var(--lime); font-size:7px; }
.store-scientist-examples { padding:105px max(32px,calc((100vw - 1240px)/2)); background:var(--ink); color:white; }
.store-scientist-examples .product-section-heading { max-width:980px; }
.store-scientist-examples .product-section-heading > p:not(.eyebrow) { color:#aab4ab; }
.scientist-example-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.scientist-example-grid > article { min-height:410px; padding:27px; display:flex; flex-direction:column; border:1px solid #465047; border-radius:22px; background:#202b23; }
.scientist-example-grid > article > span { color:var(--lime); font-size:9px; font-weight:700; letter-spacing:.12em; }
.scientist-example-grid h3 { max-width:520px; margin:34px 0 14px; font:600 clamp(27px,3vw,38px)/1.08 "Manrope"; letter-spacing:-.04em; }
.scientist-example-grid > article > p { max-width:540px; margin:0; color:#aab4ab; line-height:1.6; }
.scientist-example-output { min-height:112px; margin-top:auto; padding:16px; display:grid; align-content:center; gap:7px; border:1px solid #d9ded6; border-radius:14px; background:#f7f8f4; color:var(--ink); }
.scientist-example-output > small { color:#838d85; font-size:7px; font-weight:700; letter-spacing:.11em; }
.scientist-example-output > strong { font:600 18px/1.15 "Manrope"; }
.scientist-example-output > b { width:fit-content; padding:6px 8px; border-radius:7px; background:#ffe4d5; color:#9b4a25; font-size:7px; }
.item-output { background:#edf2d2; }
.item-output > p { margin:0; color:#667068; font-size:9px; }
.test-output > div { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:9px; }
.test-output > div > span { padding:10px; display:grid; grid-template-columns:auto 1fr; align-items:center; gap:4px 7px; border:1px solid #dbe0d8; border-radius:10px; background:white; font-size:8px; }
.test-output > div > span > b { width:20px; height:20px; grid-row:1/3; display:grid; place-items:center; border-radius:6px; background:#e8ece5; font-size:8px; }
.test-output > div > span > strong { font:600 14px/1 "Manrope"; }
.test-output > div > i { color:#879189; font-size:8px; font-style:normal; }
.test-output > div > span.test-winner { border-color:#c9dc70; background:#eef4ce; }
.test-output > div > span.test-winner > b { background:var(--lime); }
.customer-output > div { display:grid; grid-template-columns:repeat(3,1fr); }
.customer-output > div > span { padding:0 12px; display:grid; gap:4px; color:#727c74; font-size:7px; }
.customer-output > div > span:first-child { padding-left:0; }
.customer-output > div > span + span { border-left:1px solid #d7dcd4; }
.customer-output > div strong { color:var(--ink); font:600 19px/1 "Manrope"; }
.store-workspace-section { padding:105px max(32px,calc((100vw - 1240px)/2)); background:#e4ecc1; }
.store-workspace-ui { overflow:hidden; border:1px solid #b6c09d; border-radius:26px; background:#f7f8f4; box-shadow:0 28px 65px rgba(23,32,25,.13); }
.store-workspace-ui > header { padding:20px 22px; display:flex; align-items:center; justify-content:space-between; gap:18px; border-bottom:1px solid #d9ded5; background:white; }
.store-workspace-ui > header div { display:grid; gap:4px; }
.store-workspace-ui > header small { color:#89928a; font-size:8px; letter-spacing:.11em; }
.store-workspace-ui > header strong { font:600 20px/1 "Manrope"; }
.store-workspace-ui > header > span { color:#778179; font-size:9px; }
.store-workspace-body { padding:18px; display:grid; grid-template-columns:1.08fr .92fr; gap:12px; }
.store-workspace-body .store-heatmap { min-height:390px; }
.store-workspace-actions { padding:18px; border:1px solid #dbe0d8; border-radius:16px; background:white; }
.store-workspace-actions > small { color:#89928a; font-size:8px; letter-spacing:.11em; }
.store-workspace-actions article { position:relative; padding:17px 70px 17px 0; display:grid; gap:6px; border-bottom:1px solid #e0e4dd; }
.store-workspace-actions article:first-of-type { border-top:1px solid #e0e4dd; margin-top:13px; }
.store-workspace-actions article.is-primary { margin:13px -8px 0; padding-right:78px; padding-left:8px; border:1px solid #d4e18e; border-radius:12px; background:#f0f5d5; }
.store-workspace-actions article > span { color:var(--orange); font-size:7px; font-weight:700; letter-spacing:.1em; }
.store-workspace-actions article > strong { font:600 12px/1.2 "Manrope"; }
.store-workspace-actions article > p { margin:0; color:#79827a; font-size:8px; }
.store-workspace-actions article > b { position:absolute; right:0; top:50%; padding:6px 8px; border-radius:7px; background:#eef1eb; color:#6e786f; font-size:7px; transform:translateY(-50%); }
.store-workspace-actions article.is-primary > b { right:8px; background:var(--ink); color:white; }
.store-workspace-ui > footer { padding:15px 18px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid #d9ded5; background:white; }
.store-workspace-ui > footer > div { display:flex; align-items:center; gap:12px; }
.store-workspace-ui > footer .store-advisor-avatar { width:34px; height:34px; flex-basis:34px; border-radius:9px; font-size:9px; }
.store-workspace-ui > footer p { max-width:650px; margin:0; color:#69736b; font-size:10px; line-height:1.45; }
.store-workspace-ui > footer p strong { display:block; color:var(--ink); }
.store-workspace-ui > footer > b { white-space:nowrap; color:#536229; font-size:9px; }
/* Nearby difference */
.difference-page-hero { grid-template-columns:1fr; }
.difference-comparison-section { padding:105px max(32px,calc((100vw - 1240px)/2)); background:white; }
.difference-comparison-section .product-section-heading { max-width:1120px; margin-right:auto; margin-left:auto; }
.difference-table { width:100%; max-width:1120px; margin:0 auto; overflow:hidden; border:1px solid #cfd5cc; border-radius:26px; background:white; box-shadow:0 22px 50px rgba(23,32,25,.07); }
.difference-table header,.difference-table > div { display:grid; grid-template-columns:180px minmax(0,.9fr) minmax(0,1.1fr); }
.difference-table header { background:var(--ink); color:white; }
.difference-table header > * { margin:0; padding:20px 24px; border-left:1px solid #344037; color:#aab4ab; font-size:11px; letter-spacing:.025em; }
.difference-table header > *:first-child { border-left:0; }
.difference-table header strong:last-child { background:rgba(223,241,116,.07); color:var(--lime); }
.difference-table > div { min-height:86px; background:white; }
.difference-table > div + div { border-top:1px solid var(--line); }
.difference-table > div > span { padding:24px; display:flex; align-items:center; background:#f4f5f0; font:600 14px/1.2 "Manrope"; }
.difference-table > div > p { margin:0; padding:21px 24px; display:grid; grid-template-columns:28px 1fr; align-items:center; gap:12px; border-left:1px solid var(--line); color:#657067; font-size:14px; line-height:1.45; }
.difference-table > div > p:last-child { background:#f2f6dc; color:var(--ink); }
.difference-table > div > p > i { width:26px; height:26px; display:grid; place-items:center; border-radius:50%; background:#e9ece6; color:#7c867e; font-size:11px; font-style:normal; font-weight:700; }
.difference-table > div > p:last-child > i { background:var(--lime); color:var(--ink); }
.difference-table > div > p > b { font-weight:700; }
.difference-ownership-section { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.difference-ownership-card { min-height:620px; padding:90px max(32px,calc((100vw - 1240px)/2)); }
.difference-ownership-card:first-child { padding-right:5vw; padding-left:max(32px,calc((100vw - 1240px)/2)); }
.difference-ownership-card:last-child { padding-right:max(32px,calc((100vw - 1240px)/2)); padding-left:5vw; }
.nearby-does { background:#e7ecff; }
.store-keeps { background:var(--lime); }
.difference-ownership-card > span { font-size:9px; font-weight:700; letter-spacing:.13em; }
.difference-ownership-card h2 { margin-top:38px; font-size:clamp(42px,4.5vw,64px); }
.difference-ownership-card ul { margin:45px 0 0; padding:0; list-style:none; }
.difference-ownership-card li { padding:17px 0; display:grid; grid-template-columns:25px 1fr; gap:10px; border-top:1px solid rgba(23,32,25,.15); line-height:1.45; }
.difference-ownership-card li:last-child { border-bottom:1px solid rgba(23,32,25,.15); }
.difference-ownership-card li i { color:#536229; font-style:normal; font-weight:700; }
.difference-page-cta { background:var(--ink); color:white; }
.difference-page-cta .button-dark { background:var(--lime); color:var(--ink); box-shadow:0 12px 25px rgba(0,0,0,.22); }
@media (max-width: 900px) {
  .site-header { width:100%; top:0; padding:8px 12px 8px 18px; }
  .site-header.scrolled { width:calc(100% - 24px); top:12px; padding:8px 10px 8px 16px; }
  .mobile-header-cta { min-height:40px; margin-left:auto; margin-right:8px; padding:0 13px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--ink); border-radius:10px; background:var(--ink); color:white; font-size:11px; font-weight:700; line-height:1; text-decoration:none; white-space:nowrap; }
  .nav .nav-cta { display:none; }
  .menu-button { display:grid; place-items:center; }
  .nav { position:absolute; top:68px; left:0; right:0; display:none; padding:12px; border:1px solid var(--line); border-radius:16px; background:white; box-shadow:0 20px 40px rgba(23,32,25,.14); }
  .menu-open .nav { display:grid; }.nav a { min-height:48px; }.nav .nav-cta { margin-top:6px; }
  .nav-products { width:100%; }.nav-products summary { min-height:48px; }.product-menu { width:100%; position:static; box-shadow:none; margin-bottom:8px; }.product-menu::before { display:none; }
  .hero { min-height:auto; grid-template-columns:1fr; gap:0; padding-top:140px; }
  .hero-copy { display:contents; }
  .hero-copy h1 { order:1; margin-left:auto; margin-right:auto; text-align:center; }
  .hero-copy .lede { order:2; margin-right:auto; margin-bottom:42px; margin-left:auto; text-align:center; }
  .hero-carousel { min-height:570px; order:3; margin-bottom:30px; }.carousel-card { inset:0 70px 62px 0; }.carousel-card.is-next { transform:translateX(27px) translateY(4px) rotate(3.5deg) scale(.98); }.carousel-card.is-back { transform:translateX(54px) translateY(10px) rotate(7deg) scale(.96); }.carousel-controls { right:70px; }
  .hero-actions { order:4; justify-content:center; margin-top:0; }
  .catalog-stage { min-height:520px; transform:none; }
  .feature-grid { grid-template-columns:1fr; }.feature-card,.feature-card:not(.feature-primary) { min-height:auto; grid-column:auto; }
  .feature-primary { display:flex; }
  .supplier-section,.reach-section,.inventory-section,.cta-section { grid-template-columns:1fr; }
  .page-hero,.story-grid,.form-page { grid-template-columns:1fr; }
  .how-hero { grid-template-columns:1fr; }
  .how-hero-visual { min-height:520px; }
  .how-start-grid,.how-belief,.how-output-grid { grid-template-columns:1fr; }
  .how-workflow-table > header { display:none; }
  .how-workflow-table > article { grid-template-columns:1fr; }
  .workflow-time { padding:24px 0; flex-direction:row; align-items:center; }
  .workflow-owner,.workflow-nearby { padding:28px 0; border-left:0; }
  .workflow-nearby { border-top:1px solid #39423a; }
  .workflow-owner small,.workflow-nearby small { display:block; margin-bottom:12px; }
  .workflow-nearby ul { max-width:720px; }
  .how-belief article { min-height:560px; padding-left:max(32px,calc((100vw - 620px)/2)); padding-right:max(32px,calc((100vw - 620px)/2)); }
  .how-output-grid > article { min-height:520px; }.output-catalog-photo,.output-store-ui,.output-fulfillment-ui { min-height:320px; }
  .product-hero-visual { min-height:420px; }
  .customer-page-hero,.customer-platform-split { grid-template-columns:1fr; }
  .customer-platform-split { gap:50px; }
  .supplier-hero { grid-template-columns:1fr; padding-top:90px; }.supplier-network-visual { min-height:480px; }.supplier-simple-grid { grid-template-columns:1fr; }.supplier-simple-grid article + article { padding-left:0; border-left:0; border-top:1px solid #3d483f; }.supplier-lead-section { grid-template-columns:1fr; gap:52px; }
  .guide-grid { grid-template-columns:1fr; }
  .page-main { padding-top:84px; }.page-hero { padding-top:85px; }.story-points { grid-template-columns:1fr; }.page-cta { align-items:flex-start; flex-direction:column; }
  .product-ui-section,.product-cross-sell,.assortment-growth-callout,.store-partnership-section { grid-template-columns:1fr; gap:50px; }
  .product-timeline { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .product-timeline article:nth-child(3) { padding-left:0; border-left:0; }
  .product-timeline article:nth-child(3),.product-timeline article:nth-child(4) { margin-top:35px; border-top:1px solid var(--ink); }
  .product-timeline article:nth-child(3)::before { left:-1px; }
  .channel-launch-grid { grid-template-columns:1fr; }
  .customer-journey { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .customer-journey > i { display:none; }
  .ad-placement-gallery { grid-template-columns:1fr; }
  .ad-example { min-height:520px; }
  .mini-aisle { min-height:330px; }
  .ad-report-ui > div,.campaign-results > div { grid-template-columns:repeat(2,1fr); gap:22px 0; }
  .ad-report-ui article:nth-child(3),.campaign-results article:nth-child(3) { padding-left:0; border-left:0; }
  .store-action-grid,.difference-ownership-section { grid-template-columns:1fr; }
  .scientist-example-grid { grid-template-columns:1fr; }
  .store-workspace-body { grid-template-columns:1fr; }
  .store-workspace-body .store-heatmap { min-height:360px; }
  .difference-ownership-card,.difference-ownership-card:first-child,.difference-ownership-card:last-child { min-height:0; padding:85px max(32px,calc((100vw - 620px)/2)); }
  .store-partnership-section .guide-callout { grid-column:1; }
  .supplier-capabilities { grid-template-columns:1fr; }.supplier-capabilities article + article { padding-left:0; border-left:0; border-top:1px solid #384139; }
  .site-footer { grid-template-columns:1fr; gap:50px; }
  .footer-links { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .footer-bottom { grid-column:1; }
}
@media (max-width: 560px) {
  .hero,.section,.cta-section { padding-left:20px; padding-right:20px; }
  .hero { padding-top:125px; padding-bottom:60px; }
  .site-header .brand img { width:100px; }
  h1 { font-size:56px; }.lede { font-size:17px; }.hero-note { margin-top:48px; }
  .catalog-stage { min-height:435px; padding:17px; border-radius:24px; }.shelf { height:250px; gap:7px; padding-top:30px; }.product { border-radius:10px; }.p-one { --height:175px; }.p-two { --height:155px; }.p-three { --height:200px; }.p-four { --height:165px; }.product i { width:20px;height:20px; }.product b { font-size:16px; }.product small { display:none; }.catalog-card { margin-top:18px;padding:13px; }.channel-row { display:none; }
  .hero-carousel { min-height:510px; }.carousel-card { border-radius:24px; }.carousel-card > div { left:20px;right:20px;bottom:20px; }.carousel-card > div strong { font-size:22px; }
  .section { padding-top:82px; padding-bottom:82px; }.section-intro { margin-bottom:38px; }h2 { font-size:44px; }
  .feature-card { min-height:0; padding:23px; gap:24px; }.customer-ring { width:170px;height:170px; }
  .network-map { min-height:480px; }.match-card { right:12px;top:75px; }.store.a { left:5%; }.store.c { right:5%; }
  .inventory-visual { padding:15px; overflow-x:auto; }.inventory-row { min-width:550px; }.inventory-foot { min-width:550px; }
  .reach-illustration img { min-height:360px; }
  .cta-section { padding-top:80px;padding-bottom:80px; }
  .product-hero-visual { min-height:390px; border-radius:22px; }
  .how-start,.how-workflow,.how-outputs { padding-left:20px; padding-right:20px; }
  .how-start-grid article { min-height:480px; padding:22px; }.how-start-grid article:nth-child(2) { min-height:540px; padding-right:180px; }.how-start-grid article:nth-child(2) > p { max-width:100%; }.how-start-icon { right:24px;bottom:24px; }.how-start-rep-illustration { width:150px;height:275px;right:7px; }
  .how-workflow { padding-top:82px; padding-bottom:90px; }
  .how-workflow-heading { margin-bottom:44px; }
  .workflow-nearby ul { grid-template-columns:1fr; gap:10px; }
  .how-belief article { min-height:0; padding:78px 20px; }.how-real-tags { margin-top:30px; }
  .how-output-grid > article { min-height:500px; padding:15px; }.output-catalog-photo,.output-store-ui,.output-fulfillment-ui { min-height:300px; }
  .visual-customers { padding:11px; }.customer-dashboard { padding:12px; gap:10px; }.customer-kpis article { padding:9px 8px; }.customer-kpis strong { font-size:16px; }.spend-chart { min-height:136px; padding:10px 8px 8px; }
  .message-platform { min-height:auto; grid-template-columns:1fr; border-radius:20px; }.message-audiences { padding:12px 14px; flex-direction:row; align-items:center; border-right:0; border-bottom:1px solid #39453b; }.message-audiences header { margin:0 auto 0 0; }.message-audiences > small,.message-audiences > span:not(.audience-active) { display:none; }.message-composer { min-height:500px; padding:16px; }.message-preview { grid-template-columns:1fr; }.deal-preview { align-self:auto; }
  .product-timeline-section,.product-ui-section,.product-cross-sell,.customer-results-section,.ad-placement-section,.ad-reporting-section,.store-actions-section,.assortment-growth-callout,.store-partnership-section,.difference-comparison-section { padding-left:20px; padding-right:20px; padding-top:80px; padding-bottom:80px; }
  .product-section-heading { margin-bottom:38px; }
  .product-timeline { grid-template-columns:1fr; }
  .product-timeline article,.product-timeline article + article,.product-timeline article:nth-child(3) { margin-top:0; padding:26px 0 30px 35px; border-top:0; border-left:0; }
  .product-timeline article + article { border-top:1px solid var(--line); }
  .product-timeline article::before,.product-timeline article + article::before,.product-timeline article:nth-child(3)::before { top:24px; left:0; }
  .product-timeline strong { min-height:0; margin-top:10px; }
  .product-cross-grid,.profile-detail-grid,.ad-audiences { grid-template-columns:1fr; }
  .product-cross-grid a { min-height:240px; }
  .launch-readiness-ui,.customer-profile-ui,.campaign-manager-ui,.aisle-dashboard-ui { padding:15px; border-radius:20px; }
  .readiness-list article { grid-template-columns:32px 1fr; }
  .readiness-list article > b { grid-column:2; width:fit-content; }
  .fulfillment-picker > div { grid-template-columns:1fr; }
  .customer-profile-ui > header { grid-template-columns:44px 1fr; }
  .customer-profile-ui > header > b { grid-column:2; width:fit-content; }
  .profile-metrics { grid-template-columns:1fr; }
  .customer-profile-ui > footer { align-items:flex-start; flex-direction:column; }
  .customer-journey { grid-template-columns:1fr; }
  .campaign-results > div,.ad-report-ui > div { grid-template-columns:1fr 1fr; }
  .campaign-results article,.ad-report-ui article { padding:0 12px; }
  .campaign-results article:nth-child(odd),.ad-report-ui article:nth-child(odd) { padding-left:0; border-left:0; }
  .ad-example { min-height:460px; padding:14px; }
  .mini-aisle { min-height:280px; padding:22px 15px; }
  .mini-aisle > i { height:170px; }
  .mini-product,.mini-search { min-height:270px; padding:14px; }
  .mini-product-main { grid-template-columns:72px 1fr; gap:11px; }
  .mini-product-main > i { width:72px; height:72px; }
  .mini-related { grid-template-columns:54px 1fr auto; gap:8px; }
  .mini-related > i { width:54px; height:54px; }
  .mini-search > div { grid-template-columns:60px 1fr; gap:9px; }
  .mini-search div > i { width:60px; height:60px; }
  .campaign-manager-ui > header { align-items:flex-start; flex-direction:column; }
  .campaign-product { grid-template-columns:64px 1fr; }
  .campaign-product > i { width:64px; height:64px; }
  .campaign-product > b { grid-column:2; }
  .campaign-manager-ui dl > div { grid-template-columns:90px 1fr; }
  .campaign-manager-ui > footer { display:grid; grid-template-columns:1fr; }
  .campaign-manager-ui button { min-height:40px; }
  .ad-report-ui > header { align-items:flex-start; flex-direction:column; }
  .aisle-dashboard-body { grid-template-columns:1fr; }
  .store-heatmap { min-height:280px; }
  .store-intelligence-page-hero h1 { font-size:52px; }
  .store-intelligence-hero-visual { min-height:430px; }
  .store-intelligence-hero-visual > .lidar-mini { min-height:430px; }
  .store-intelligence-hero-visual .scan-room { transform:translateY(-28px) rotateX(57deg) rotateZ(-27deg) scale(.98); }
  .store-hero-signal { grid-template-columns:36px 1fr; }
  .store-hero-signal > b { grid-column:2; width:fit-content; }
  .store-scientist-examples,.store-workspace-section { padding:80px 20px; }
  .scientist-example-grid > article { min-height:390px; padding:22px; }
  .test-output > div { grid-template-columns:1fr; }
  .test-output > div > i { display:none; }
  .customer-output > div { grid-template-columns:1fr; gap:10px; }
  .customer-output > div > span,.customer-output > div > span:first-child { padding:0; }
  .customer-output > div > span + span { padding-top:10px; border-top:1px solid #d7dcd4; border-left:0; }
  .store-workspace-ui > header { align-items:flex-start; flex-direction:column; }
  .store-workspace-body { padding:12px; }
  .store-workspace-body .store-heatmap { min-height:290px; }
  .store-workspace-ui > footer { align-items:flex-start; flex-direction:column; }
  .store-workspace-ui > footer > b { margin-left:46px; }
  .action-queue article { grid-template-columns:55px 1fr; }
  .action-queue article > b { grid-column:2; width:fit-content; }
  .placement-compare { grid-template-columns:1fr; }
  .placement-compare > i { display:none; }
  .store-partnership-points span { font-size:18px; }
  .difference-table { display:grid; gap:12px; overflow:visible; border:0; border-radius:0; }
  .difference-table header { display:none; }
  .difference-table > div { min-width:0; min-height:0; display:grid; grid-template-columns:1fr; overflow:hidden; border:1px solid var(--line); border-radius:18px; background:white; }
  .difference-table > div + div { border-top:1px solid var(--line); }
  .difference-table > div > * { padding:15px 17px; }
  .difference-table > div > span { display:block; background:var(--ink); color:white; font-size:12px; }
  .difference-table > div > p { grid-template-columns:26px 1fr; gap:10px; border-left:0; }
  .difference-table > div > p::before { content:"Typical software or marketplace"; grid-column:1/-1; display:block; margin-bottom:2px; color:#8a948c; font-size:8px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
  .difference-table > div p:last-child { border-top:1px solid var(--line); border-left:0; background:#f4f7df; }
  .difference-table > div p:last-child::before { content:"Nearby"; color:#667423; }
  .difference-ownership-card,.difference-ownership-card:first-child,.difference-ownership-card:last-child { padding:75px 20px; }
  .supplier-hero { padding:72px 20px 82px; }.supplier-network-visual { min-height:350px; border-radius:22px; }.supplier-simple-section,.supplier-lead-section { padding-left:20px;padding-right:20px; }.supplier-lead-section { padding-top:78px;padding-bottom:78px; }.supplier-interest-form { padding:20px; }
  .form-row { grid-template-columns:1fr; }
  .guides-hero,.guide-hero { padding-left:20px; padding-right:20px; }
  .guide-grid { padding-left:20px; padding-right:20px; }
  .guide-body { padding-left:20px; padding-right:20px; }
  .guide-meta { align-items:flex-start; flex-direction:column; gap:6px; }
  .how-hero-visual { min-height:410px; border-radius:24px; }
  .how-hero-visual figcaption { left:20px; right:20px; bottom:20px; }
  .site-footer { padding:56px 20px 26px; }
  .footer-links { grid-template-columns:1fr 1fr; gap:40px 28px; }
  .footer-column:first-child { grid-row:span 2; }
  .footer-bottom { align-items:flex-start; flex-direction:column; }
}
@media (max-width: 380px) {
  .how-start-grid article:nth-child(2) { min-height:640px; padding-right:22px; padding-bottom:300px; }
  .how-start-rep-illustration { right:50%; transform:translateX(50%); }
}
@media (max-width: 360px) {
  .site-header .brand img { width:88px; }
  .mobile-header-cta { min-height:38px; padding:0 9px; font-size:10px; }
  .menu-button { width:42px; height:42px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; }.scan-line { animation:none; } }