.gl-stage-visuals { overflow-x: clip; } .gl-scroll-veil { max-width: 100%; width: 100%; margin-left: 0; margin-right: 0; } @media (max-width:380px){ .hero h1 {  white-space: normal; } }

.home-engine-link { display: flex; align-items: center; gap: 9px; width: max-content; margin: 18px auto 0; font-size: 12px; border-bottom: 1px solid var(--rule); padding-bottom: 4px; } .home-engine-link:hover { border-color: var(--green); } @media (max-width:760px){ .retrain-panel {  min-height: 260px; } }

.home-monitor-map { padding: 25px; background: #F4F7F0; border: 1px solid #D7E1D0; border-radius: 7px; } .home-monitor-heading { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; justify-content: space-between; margin-bottom: 19px; } .home-monitor-heading strong { font-size: 17px; letter-spacing: -.02em; } .home-monitor-heading span { font-size: 10px; color: #577247; } .home-monitor-map dl { margin: 0; } .home-monitor-map dl>div { display: grid; grid-template-columns: 65px 1fr 36px; gap: 12px; padding: 14px 0; border-top: 1px solid #DCE5D5; align-items: center; } .home-monitor-map dt { font-size: 12px; font-weight: 500; } .home-monitor-map dd { margin: 0; font-size: 11px; color: #4A5943; } .home-monitor-map b { text-align: right; color: #56763F; font-size: 12px; font-weight: 500; } @media (max-width:400px){ .home-monitor-map {  padding: 21px; }  .home-monitor-map dl>div {  grid-template-columns: 53px 1fr 32px;  gap: 8px; } }

/* Production tile copy: the panel is wide enough, so let it use the full width and stay on one line. */.journey-mosaic .mosaic-copy.mosaic-copy-wide { max-width: none; }

/* A homepage-sized example of the platform's output. */#product { display: block; } #product .output-proof { max-width: 1120px; margin: 48px auto 0; scroll-margin-top: 92px; } #product .output-caption { display: flex; flex-wrap: wrap; gap: 7px 20px; align-items: baseline; margin-bottom: 18px; font-size: 12px; color: #75786E; } #product .output-caption strong { font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #526044; } #product .output-proposal { position: relative; padding: 23px 34px 25px; border: 1px solid #D1D9C9; border-radius: 12px; background: #FCFDF8; box-shadow: 0 16px 42px -29px rgba(33,44,24,.3); } #product .output-recommendation-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px 20px; padding-bottom: 18px; margin-bottom: 24px; border-bottom: 1px solid rgba(68,87,51,.12); } #product .output-recommendation-type { display: inline-flex; align-items: center; gap: 10px; color: #526044; font-size: 12px; font-weight: 500; } #product .output-recommendation-type svg { flex: none; width: 16px; height: 16px; fill: none; stroke: #6E865A; stroke-width: 1.1; stroke-linecap: round; stroke-linejoin: round; } #product .output-review-state { display: inline-flex; flex: none; align-items: center; gap: 7px; padding: 5px 9px; border: 1px solid #D1DDC5; border-radius: 5px; background: #F0F6E9; color: #536B3F; font-size: 11px; } #product .output-review-state i { width: 5px; height: 5px; border-radius: 50%; background: #7B9F5D; } #product .output-intro { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(220px,.75fr); gap: 38px; align-items: center; } #product .output-intro h3 { margin: 0; font-size: clamp(25px,2.5vw,32px); font-weight: 500; letter-spacing: -.04em; line-height: 1.12; } #product .output-recommendation-summary { margin: 11px 0 0; max-width: 48ch; color: #526046; font-size: 14px; line-height: 1.55; } #product .output-trigger { border-left: 1px solid #A9BF97; padding-left: 20px; } #product .output-trigger strong { display: block; margin-bottom: 5px; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; font-weight: 500; color: #596A4A; } #product .output-trigger p { max-width: 30ch; margin: 0; font-size: 13px; line-height: 1.55; color: #4D5843; } #product .output-trigger .output-growth { max-width: none; margin: 7px 0 9px; font-size: 14px; } #product .output-growth b { margin-right: 7px; font-size: 25px; line-height: 1.2; font-weight: 500; letter-spacing: -.04em; color: #476435; } #product .output-trigger em { font-style: normal; font-weight: 500; } #product .output-spend { display: inline-block; margin-top: 3px; } #product .output-comparison { display: grid; grid-template-columns: minmax(0,.75fr) 42px minmax(0,1.65fr); gap: 23px; align-items: stretch; margin-top: 26px; } #product .output-current, #product .output-proposed { display: flex; flex-direction: column; min-width: 0; } #product .output-current > .output-phase { display: flex; align-items: center; min-height: 56px; } #product .output-current > .output-model { flex: 1; } #product .output-proposed-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 9px 14px; min-height: 56px; margin-bottom: 12px; } #product .output-proposed-heading > .output-phase { margin: 0; } #product .output-saving { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid #C2D4AD; border-radius: 6px; background: #F0F7E8; color: #47692E; } #product .output-saving > strong { font-size: 29px; font-weight: 600; line-height: 1; letter-spacing: -.05em; } #product .output-saving > span { font-size: 12px; line-height: 1.3; font-weight: 500; } #product .output-saving small { display: block; margin-top: 3px; color: #62734F; font-size: 11px; line-height: 1.3; font-weight: 400; } #product .output-phase { display: block; margin: 0 0 12px; font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: #58664C; } #product .output-proposed .output-phase { color: #4F773C; } #product .output-model { position: relative; min-width: 0; min-height: 188px; padding: 18px 20px; border: 1px solid #CAD5BF; border-radius: 9px 9px 3px 3px; background: #FEFDF9; } #product .output-current .output-model { min-height: 188px; border-style: dashed; border-color: #CDD2C6; background: rgba(254,253,249,.42); color: #7B8173; } #product .output-model-icon { width: 32px; height: 28px; margin-bottom: 13px; } #product .output-model-icon path { fill: none; stroke: currentColor; stroke-width: 1.1; stroke-linejoin: round; } #product .output-model h4 { margin: 0; font-size: 22px; font-weight: 500; letter-spacing: -.035em; line-height: 1.18; } #product .output-model-size { display: inline-block; font-size: .75em; font-weight: 400; letter-spacing: -.02em; white-space: nowrap; } #product .output-model p { margin: 10px 0 0; font-size: 13px; line-height: 1.6; } #product .output-model p span { display: block; } #product .output-current .output-model p { color: #65715A; } #product .output-current .output-decline { margin-top: 13px; } #product .output-decline b { display: block; margin-bottom: 2px; font-size: 25px; line-height: 1.2; font-weight: 400; letter-spacing: -.04em; color: #68735D; } #product .output-work-kicker { display: block; margin-top: 8px; font-size: 11px; line-height: 1.5; color: #59674D; } #product .output-model-mix { display: grid; grid-template-columns: 1.25fr 1fr; gap: 13px; flex: 1; } #product .output-model-unit { display: flex; flex-direction: column; min-width: 0; } #product .output-model-unit .output-model { flex: 1; } #product .output-fast { color: #3E6130; border-color: #A5BF91; background: linear-gradient(125deg,#F7FBEF,#E9F3DC); } #product .output-fast .output-model-icon { color: #6E9754; } #product .output-large { color: #4E5E41; background: #FCFDF8; } #product .output-large .output-model-icon { color: #9BAB8D; } #product .output-foundation { display: flex; align-items: center; gap: 10px; min-height: 44px; margin-top: 7px; padding: 10px 15px; border: 1px solid #CCD5C3; border-radius: 3px 3px 8px 8px; background: #F3F6ED; color: #727D66; font-size: 10px; line-height: 1.4; } #product .output-foundation svg { flex: none; width: 27px; height: 17px; fill: none; stroke: currentColor; stroke-width: .9; } #product .output-proposed .output-foundation { border-color: #343F2C; background: #293322; color: #EEF4E6; font-size: 11px; } #product .output-proposed .output-api-foundation { background: #F2F5ED; border-color: #CCD5C3; color: #66735B; } #product .output-foundation .output-power { fill: #99BC79; stroke: none; } #product .output-arrow { align-self: center; padding-top: 40px; color: #8DAD77; } #product .output-arrow svg { width: 100%; height: 35px; } #product .output-arrow path { fill: none; stroke: currentColor; stroke-width: 1.2; stroke-linecap: round; stroke-linejoin: round; } #product .output-review-flow { display: grid; grid-template-columns: minmax(0,1fr) 30px minmax(0,1fr); gap: 24px; align-items: center; margin-top: 25px; padding-top: 19px; border-top: 1px solid rgba(68,87,51,.14); } #product .output-review-flow p { margin: 0; font-size: 13px; line-height: 1.5; color: #59674C; } #product .output-review-flow strong { display: block; font-weight: 600; color: #3E562E; } #product .output-review-flow span { display: block; margin-top: 4px; } #product .output-review-flow .output-approver strong { color: #414C37; } #product .output-review-arrow { width: 30px; height: 18px; fill: none; stroke: #91A77E; stroke-width: 1.2; stroke-linecap: round; stroke-linejoin: round; } #product .output-after { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 18px 40px; margin-top: 23px; } #product .output-learning { margin: 0; max-width: 76ch; color: #626F57; font-size: 12.5px; line-height: 1.8; } #product .output-learning strong { display: block; margin-bottom: 3px; color: #526444; font-size: 10px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; } #product .output-learning i { font-style: normal; padding: 0 4px; color: #8EA17D; } #product .output-learning b { color: #4B5D3F; font-weight: 500; white-space: nowrap; } #product .output-detail-link { display: inline-flex; align-items: center; gap: 12px; padding-bottom: 4px; border-bottom: 1px solid #A5B594; font-size: 12px; white-space: nowrap; } #product .output-detail-link:focus-visible { outline: 2px solid var(--green); outline-offset: 6px; } @media (max-width: 1000px) { #product .output-proposal {  padding: 27px 26px 22px; }  #product .output-trigger .output-growth {  font-size: 13px; }  #product .output-comparison {  grid-template-columns: minmax(0,.75fr) 26px minmax(0,1.65fr);  gap: 17px; }  #product .output-model {  padding: 17px 15px; }  #product .output-model h4 {  font-size: 20px; }  #product .output-proposed-heading {  align-content: center; }  #product .output-saving {  gap: 8px; }  #product .output-saving > strong {  font-size: 27px; }  #product .output-after {  grid-template-columns: 1fr;  gap: 15px; }  #product .output-detail-link {  justify-self: start; } } @media (min-width: 701px) and (max-width: 900px) { #product .output-current > .output-phase, #product .output-proposed-heading {  min-height: 80px; } } @media (max-width: 700px) { #product .output-proof {  margin-top: 34px; }  #product .output-caption {  display: block;  margin-bottom: 15px; }  #product .output-caption strong {  display: block;  margin-bottom: 5px;  font-size: 10.5px; }  #product .output-caption span {  font-size: 11px; }  #product .output-proposal {  padding: 24px 20px 21px;  border-radius: 10px; }  #product .output-recommendation-meta {  flex-wrap: wrap;  gap: 10px 12px;  margin-bottom: 21px;  padding-bottom: 15px; }  #product .output-recommendation-type {  gap: 7px;  font-size: 11px; }  #product .output-review-state {  font-size: 10.5px;  padding: 4px 8px; }  #product .output-intro {  grid-template-columns: 1fr;  gap: 19px; }  #product .output-intro h3 {  font-size: 27px; }  #product .output-recommendation-summary {  font-size: 13px;  margin-top: 9px; }  #product .output-trigger {  padding-left: 12px; }  #product .output-trigger strong {  font-size: 10px;  margin-bottom: 3px; }  #product .output-trigger p {  font-size: 12px;  max-width: none; }  #product .output-trigger .output-growth {  margin: 6px 0;  font-size: 12px; }  #product .output-growth b {  font-size: 22px; }  #product .output-comparison {  grid-template-columns: 1fr;  gap: 0;  margin-top: 25px; }  #product .output-current > .output-phase {  min-height: 0; }  #product .output-proposed-heading {  align-items: flex-start;  flex-direction: column;  gap: 10px;  margin-bottom: 12px; }  #product .output-saving {  padding: 9px 10px;  gap: 10px; }  #product .output-saving > strong {  font-size: 30px; }  #product .output-saving > span {  font-size: 11.5px; }  #product .output-saving small {  font-size: 10.5px; }  #product .output-phase {  margin-bottom: 9px;  font-size: 10px; }  #product .output-current .output-model {  display: grid;  grid-template-columns: 1fr;  align-items: center;  gap: 7px;  min-height: 0;  padding: 15px;  border-radius: 7px; }  #product .output-current .output-model h4 {  font-size: 17px; }  #product .output-current .output-model-icon, #product .output-current .output-foundation {  display: none; }  #product .output-current .output-decline {  grid-column: 1 / -1;  margin-top: 0;  display: flex;  align-items: baseline;  gap: 7px;  font-size: 11px; }  #product .output-decline b {  font-size: 16px;  margin-bottom: 0; }  #product .output-arrow {  justify-self: center;  padding: 0;  height: 39px;  display: flex;  align-items: center; }  #product .output-arrow svg {  width: 28px;  height: 28px;  transform: rotate(90deg); }  #product .output-model-mix {  grid-template-columns: 1fr;  gap: 10px; }  #product .output-model-mix .output-model {  display: grid;  grid-template-columns: 104px minmax(0,1fr);  gap: 12px;  align-items: center;  min-height: 0;  padding: 15px;  border-radius: 7px; }  #product .output-model-mix .output-model-icon {  display: none; }  #product .output-model-mix .output-model h4 {  font-size: 18px; }  #product .output-model-mix .output-model-size {  display: block;  margin-top: 2px;  font-size: 13px; }  #product .output-model-mix .output-model p {  margin: 0;  font-size: 12px;  line-height: 1.6; }  #product .output-work-kicker {  margin-top: 5px;  font-size: 10px; }  #product .output-foundation {  margin-top: 9px;  min-height: 45px; }  #product .output-proposed .output-api-foundation {  display: none; }  #product .output-review-flow {  grid-template-columns: minmax(0,1fr) 18px minmax(0,1fr);  gap: 10px;  align-items: start;  margin-top: 20px;  padding-top: 17px; }  #product .output-review-flow p {  font-size: 12px; }  #product .output-review-arrow {  width: 18px;  align-self: center; }  #product .output-after {  margin-top: 19px;  gap: 16px; }  #product .output-learning {  font-size: 12px; }  #product .output-detail-link {  font-size: 11.5px; } } @media (max-width: 380px) { #product .output-proposal {  padding-left: 16px;  padding-right: 16px; }  #product .output-model-mix .output-model {  grid-template-columns: 108px minmax(0,1fr);  gap: 9px;  padding: 13px; }  #product .output-intro h3 {  font-size: 27px; } }

.product-proof-head { display: grid; grid-template-columns: minmax(0,.95fr) minmax(260px,.65fr); gap: 48px; align-items: end; } .product-proof-head>p { margin: 0 0 7px; max-width: 46ch; color: var(--muted); font-size: 15.5px; line-height: 1.62; } .home-feature-section { padding-top: 70px; padding-bottom: 70px; } .home-feature-grid { display: grid; grid-template-columns: minmax(300px,.82fr) minmax(0,1.18fr); gap: 62px; align-items: center; } .home-feature-grid-reverse { grid-template-columns: minmax(0,1.18fr) minmax(300px,.82fr); } .home-inline-link { display: inline-flex; gap: 9px; align-items: center; margin-top: 7px; padding-bottom: 3px; border-bottom: 1px solid var(--rule); font-size: 13px; } .home-inline-link:hover { border-color: var(--green); } .home-loop-graphic, .home-stack-graphic { margin: 0; min-width: 0; } /* Changing work is reorganised into a clearer best-fit model mix. */.adapt-flow { margin: 0; min-width: 0; overflow: hidden; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); background: radial-gradient(circle at 58% 50%,rgba(143,196,107,.12),transparent 43%); } .adapt-flow svg { display: block; width: 100%; height: auto; } .adapt-flow text { font-family: 'Inter',ui-sans-serif,system-ui,sans-serif; } .shift-route { fill: none; stroke: #B2BFAA; stroke-width: 1.15; } .shift-route.is-active { stroke: #6FA84C; stroke-width: 1.7; stroke-dasharray: 5 9; animation: shiftRoute 9s linear infinite; } .shift-work-a, .shift-work-b { transform-box: fill-box; transform-origin: center; } .shift-work-a { animation: shiftFieldA 8s ease-in-out infinite; } .shift-work-b { animation: shiftFieldB 10s ease-in-out infinite reverse; } .shift-lens { transform-box: fill-box; transform-origin: center; animation: shiftLens 5s ease-in-out infinite; } .shift-particle { filter: drop-shadow(0 0 4px rgba(111,168,76,.32)); } @keyframes shiftRoute{ to {  stroke-dashoffset: -168; } } @keyframes shiftFieldA{ 0%, 100% {  transform: translate3d(0,0,0);  opacity: .68; }  50% {  transform: translate3d(7px,-6px,0);  opacity: 1; } } @keyframes shiftFieldB{ 0%, 100% {  transform: translate3d(0,0,0);  opacity: .82; }  50% {  transform: translate3d(-6px,8px,0);  opacity: .5; } } @keyframes shiftLens{ 0%, 100% {  transform: scale(.96);  opacity: .72; }  50% {  transform: scale(1.04);  opacity: 1; } } /* Competitor homepages show the ecosystem as an integration field, not an architecture diagram. */.integration-field { border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); background: rgba(254,253,249,.36); } .integration-group { display: grid; grid-template-columns: 118px repeat(3,minmax(0,1fr)); align-items: stretch; } .integration-group+.integration-group { border-top: 1px solid var(--rule); } .integration-label { display: flex; align-items: center; padding: 20px 14px 20px 0; font-size: 9px; font-weight: 650; letter-spacing: .12em; text-transform: uppercase; color: var(--green); } .integration-mark { min-height: 92px; display: grid; place-items: center; padding: 16px; border-left: 1px solid var(--rule); font-size: 15px; font-weight: 700; letter-spacing: -.025em; text-align: center; color: #34322E; } .integration-mark.is-wordmark { font-size: 17px; } .integration-mark.is-wide { font-size: 14px; letter-spacing: .015em; } /* A compact reason list that shares the same two-column rhythm as Adapts and Existing Stack. */.why-us-section { padding-top: 70px; padding-bottom: 70px; background: var(--paper); box-shadow: 0 0 0 100vmax var(--paper); clip-path: inset(0 -100vmax); } .why-us-section .home-inline-link { margin-top: 23px; } .why-compact-list { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); list-style: none; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); } .why-compact-list li { min-height: 126px; padding: 19px 22px 17px; display: flex; flex-direction: column; justify-content: center; } .why-compact-list li:nth-child(odd) { border-right: 1px solid var(--rule); padding-left: 0; } .why-compact-list li:nth-child(-n+2) { border-bottom: 1px solid var(--rule); } .why-compact-list h3 { margin: 0; font-size: clamp(20px,2vw,25px); line-height: 1.06; letter-spacing: -.032em; } .why-compact-list p { margin: 7px 0 0; max-width: 38ch; font-size: 13px; line-height: 1.46; color: var(--muted); } .journey-mosaic.compact .journey-panel { min-height: 210px; } .journey-mosaic.compact .journey-panel.small { min-height: 210px; } .journey-mosaic.compact .mosaic-title { max-width: 16ch; } .journey-mosaic.compact .span-8 .mosaic-title { max-width: 18ch; } .cta-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 15px 20px; } .cta-secondary { font-size: 12.5px; color: rgba(254,253,249,.75); border-bottom: 1px solid rgba(254,253,249,.42); padding-bottom: 2px; } .cta-secondary:hover { color: var(--green-light); } @media (max-width:1000px){ .product-proof-head, .home-feature-grid, .home-feature-grid-reverse {  grid-template-columns: 1fr;  gap: 28px; }  .home-feature-grid-reverse .home-stack-graphic {  order: 2; }  .home-feature-grid-reverse .split-copy {  order: 1; } } @media (max-width:700px){ .product-proof-head {  gap: 17px; }  .home-feature-section {  padding-top: 56px;  padding-bottom: 56px; }  .adapt-flow {  min-height: 300px; }  .adapt-flow svg {  width: 112%;  max-width: none;  margin-left: -6%; }  .integration-group {  grid-template-columns: repeat(3,minmax(0,1fr)); }  .integration-label {  grid-column: 1/-1;  min-height: 44px;  padding: 12px 0;  border-bottom: 1px solid var(--rule); }  .integration-mark {  min-height: 72px;  padding: 10px;  font-size: 12.5px; }  .integration-mark:nth-of-type(2) {  border-left: 0; }  .integration-mark.is-wordmark {  font-size: 14px; }  .integration-mark.is-wide {  font-size: 11.5px; }  .why-us-section {  padding-top: 56px;  padding-bottom: 56px; }  .why-compact-list {  grid-template-columns: 1fr; }  .why-compact-list li, .why-compact-list li:nth-child(odd) {  min-height: 0;  padding: 18px 0;  border-right: 0;  border-bottom: 1px solid var(--rule); }  .why-compact-list li:last-child {  border-bottom: 0; }  .why-compact-list h3 {  font-size: 23px; }  .why-compact-list p {  font-size: 13px; } } @media (prefers-reduced-motion:reduce){ .shift-route.is-active, .shift-work-a, .shift-work-b, .shift-lens {  animation: none!important; }  .shift-particle {  display: none; } }

#product { display: block; padding: 96px 0 60px; scroll-margin-top: 95px; } #retraining { background: none; box-shadow: none; clip-path: none; scroll-margin-top: 95px; } #product .evo-head { text-align: center; max-width: 900px; margin: 0 auto 65px; } .evo-eyebrow { font-size: 11px!important; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; color: #586d45; margin: 0 0 22px!important; } #product .evo-head h2 { font-size: clamp(46px,5.7vw,76px); line-height: 1.02; letter-spacing: -.055em; max-width: none; margin: 0; font-weight: 650; } #product .evo-head h2 span { color: #608946; } #product .evo-lead { font-size: 17px; line-height: 1.6; color: #59604f; margin: 26px 0 0; } .evo-mobile-diagram { display: none; } .evo-story { display: grid; grid-template-columns: minmax(0,.78fr) minmax(0,1.4fr); gap: 65px; align-items: center; } .evo-narrative { min-width: 0; } .evo-steps { margin-bottom: 35px; } .evo-step { width: 100%; display: flex; align-items: center; gap: 20px; border: 0; border-bottom: 1px solid #d9decf; padding: 16px 0; background: none; font: inherit; text-align: left; color: #697060; cursor: pointer; } .evo-step span { font-size: 11px; letter-spacing: .1em; } .evo-step i { margin-left: auto; font-style: normal; opacity: 0; } .evo-step[aria-pressed="true"] { color: #2d4721; font-weight: 600; border-bottom-color: #70984f; } .evo-step[aria-pressed="true"] i { opacity: 1; } .evo-step:hover { color: #36582a; } .evo-step:focus-visible, .evo-link:focus-visible { outline: 2px solid #608946; outline-offset: 5px; } .evo-copy { min-height: 211px; } .evo-copy h3 { font-size: clamp(28px,3vw,39px); line-height: 1.1; letter-spacing: -.045em; font-weight: 550; margin: 0 0 18px; } .evo-copy p { font-size: 14px; line-height: 1.7; color: #626657; max-width: 36ch; margin: 0; } .evo-link { display: inline-flex; gap: 24px; align-items: center; font-size: 12px; border-bottom: 1px solid #a8b09a; padding: 0 0 7px; margin-top: 25px; } .evo-figure { margin: 0; background: #f5f6ef; min-width: 0; padding: 24px 20px 0; } .evo-figure-top { display: flex; justify-content: space-between; gap: 14px; font-size: 10px; color: #666f5c; letter-spacing: .04em; padding: 0 8px; } .evo-figure-top span:first-child { color: #3d5032; text-transform: uppercase; letter-spacing: .12em; font-weight: 600; } .evo-figure svg { width: 100%; height: auto; margin: 20px 0 0; } .evo-figure figcaption { min-height: 88px; display: grid; grid-template-columns: 105px 1fr; gap: 22px; align-items: start; border-top: 1px solid #d6decb; padding: 20px 8px; } .evo-figure figcaption>span { font-size: 10px; letter-spacing: .09em; text-transform: uppercase; color: #5b7048; padding-top: 3px; } .evo-figure figcaption p { margin: 0; font-size: 14px; line-height: 1.6; color: #3f4f34; } .evo-new-route, .evo-proposed-label { opacity: 0; transition: opacity .5s; } .evo-original-route { transition: opacity .5s; } .evo-figure[data-state="1"] .evo-new-route, .evo-figure[data-state="2"] .evo-new-route, .evo-figure[data-state="1"] .evo-proposed-label, .evo-figure[data-state="2"] .evo-proposed-label { opacity: 1; } .evo-figure[data-state="1"] .evo-original-route, .evo-figure[data-state="2"] .evo-original-route { opacity: .12; } .evo-footnote { margin-top: 36px; display: flex; justify-content: space-between; gap: 16px; font-size: 11px; color: #717665; } #why-us.why-editorial { background: #20291e; color: #f5f5e9; box-shadow: 0 0 0 100vmax #20291e; clip-path: inset(0 -100vmax); padding: 85px 0 90px; margin: 45px 0 25px; display: grid; grid-template-columns: .9fr 1.35fr; gap: 75px; scroll-margin-top: 78px; } .why-editorial .evo-eyebrow { color: #b4c79b; } .why-editorial h2 { font-size: clamp(40px,4.2vw,58px); line-height: 1.05; font-weight: 550; letter-spacing: -.05em; margin: 0; } .why-editorial h2 span { color: #a9c38e; } .why-editorial .evo-link { color: #dde7d2; border-color: #7d9070; margin-top: 34px; } .why-reasons { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 42px 42px; } .why-reasons li { border-top: 1px solid #53604a; padding-top: 15px; } .why-number { display: flex; align-items: center; justify-content: space-between; color: #a9c38e; font-size: 11px; letter-spacing: .1em; margin-bottom: 24px; } .why-number svg { width: 70px; height: 35px; fill: none; stroke: #a9c38e; stroke-width: 1.2; } .why-reasons h3 { font-weight: 450; font-size: 26px; line-height: 1.16; letter-spacing: -.035em; margin: 0 0 14px; } .why-reasons p { font-size: 13px; line-height: 1.7; color: #c1c9b6; margin: 0; max-width: 30ch; } @media (max-width:1000px){ .evo-story {  gap: 30px;  grid-template-columns: .8fr 1.2fr; }  .evo-copy {  min-height: 230px; }  #why-us.why-editorial {  gap: 40px;  grid-template-columns: .8fr 1.3fr; }  .why-reasons {  gap: 35px 24px; }  .why-reasons h3 {  font-size: 23px; } } @media (max-width:760px){ #product {  padding: 64px 0 38px; }  #product .evo-head {  text-align: left;  margin-bottom: 36px; }  #product .evo-head h2 {  font-size: clamp(40px,9vw,58px); }  #product .evo-lead {  font-size: 15px;  margin-top: 22px; }  .evo-desktop {  display: none; }  .evo-story {  grid-template-columns: 1fr;  gap: 28px; }  .evo-steps {  display: flex;  gap: 18px;  margin-bottom: 27px; }  .evo-step {  font-size: 12px;  align-items: flex-start;  flex-direction: column;  gap: 8px;  padding: 12px 0; }  .evo-step i {  display: none; }  .evo-copy {  min-height: 175px; }  .evo-copy h3 br {  display: initial; }  .evo-copy h3 {  font-size: 29px; }  .evo-copy p {  max-width: 48ch; }  .evo-link {  margin-top: 15px; }  .evo-figure {  padding: 20px 4px 0; }  .evo-figure-top {  font-size: 9px; }  .evo-figure svg {  margin-top: 12px; }  .evo-figure figcaption {  grid-template-columns: 1fr;  gap: 7px;  padding: 16px;  min-height: 111px; }  .evo-footnote {  flex-direction: column;  gap: 7px;  margin-top: 22px; }  #why-us.why-editorial {  grid-template-columns: 1fr;  gap: 42px;  padding: 58px 0 62px;  margin-top: 25px; }  .why-editorial h2 {  font-size: 45px; }  .why-reasons {  gap: 33px 25px; }  .why-reasons h3 {  font-size: 23px; }  .why-number {  margin-bottom: 18px; } } @media (max-width:600px){ .evo-figure>svg {  display: none; }  .evo-mobile-diagram {  display: flex;  flex-direction: column;  padding: 30px 16px;  align-items: center;  text-align: center; }  .evo-mobile-diagram p {  margin: 0;  font-size: 19px; }  .evo-mobile-diagram b {  display: block;  font-size: 12px;  font-weight: 400;  color: #587146;  margin-top: 6px; }  .evo-mobile-arrow {  font-size: 28px;  color: #779359;  margin: 12px; }  .evo-mobile-diagram>div {  border: 1px solid #b6c5a7;  padding: 20px;  width: 100%;  background: #fefdf9; }  .evo-mobile-diagram strong {  display: block;  font-size: 18px;  font-weight: 500; }  .evo-mobile-diagram span:not(.evo-mobile-arrow) {  display: block;  font-size: 12px;  color: #637453;  margin-top: 6px; }  .evo-mobile-diagram .evo-mobile-hardware {  border-top: 1px solid #ccd5c1;  margin-top: 25px;  padding-top: 20px;  width: 100%; }  .evo-mobile-hardware small {  display: block;  font-size: 9px;  letter-spacing: .13em;  margin-bottom: 12px;  color: #5e7050; }  .evo-mobile-hardware strong {  font-size: 16px; }  .why-reasons {  grid-template-columns: 1fr; }  .why-reasons p {  max-width: 38ch; }  .evo-step {  font-size: 11px; } } @media (prefers-reduced-motion:reduce){ #product * {  transition: none!important; }  html {  scroll-behavior: auto; } }

#product { padding: 76px 0; } #product .product-proof-head { text-align: left; } #retraining { scroll-margin-top: 90px; background: var(--paper); box-shadow: 0 0 0 100vmax var(--paper); clip-path: inset(0 -100vmax); } #retraining .learning-layout { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 60px; align-items: center; } #retraining .learning-copy h2 { font-size: clamp(36px,4.4vw,58px); line-height: 1.02; letter-spacing: -.045em; font-weight: 650; margin: 0; } #retraining .learning-copy p { max-width: 38ch; margin: 22px 0 26px; color: var(--muted); font-size: 16px; line-height: 1.65; } #retraining .learning-art { margin: 0; min-width: 0; } #retraining .learning-art svg { display: block; width: 100%; height: auto; } #retraining .home-inline-link:focus-visible { outline: 2px solid #608946; outline-offset: 6px; } @media (max-width:760px){ #retraining .learning-layout {  grid-template-columns: 1fr;  gap: 22px; }  #retraining .learning-copy h2 {  font-size: clamp(36px,9vw,52px); }  #retraining .learning-copy p {  font-size: 15px;  margin: 20px 0 23px; }  #retraining .learning-art {  max-width: 540px;  width: 100%;  margin: 0 auto; }  #retraining .learning-art svg text {  font-size: inherit; }  #retraining .learning-art svg g[font-size="13"] {  font-size: 15px; } }

#retraining .route-demo .flow-wires { fill: none; stroke: #91a77e; stroke-width: 1.2; stroke-linecap: round; } #retraining .route-demo .flow-feedback { stroke-opacity: .13; stroke-dasharray: 3 6; } #retraining .route-demo .flow-node rect, #retraining .route-demo .flow-destination rect { fill: #fefdf9; stroke: #a9b99c; stroke-width: 1.1; } #retraining .route-demo .flow-classifier rect { fill: #edf4e5; stroke: #82a566; stroke-width: 1.2; } #retraining .route-demo .flow-node text, #retraining .route-demo .flow-destination text, #retraining .route-demo .flow-classifier text { text-anchor: middle; font-size: 16px; fill: #34482c; } #retraining .route-demo .flow-classifier .flow-brand { font-size: 9px; letter-spacing: 1.2px; fill: #68854f; } #retraining .route-demo .flow-small { font-size: 10px; fill: #839275; } #retraining .route-demo .flow-outcome, #retraining .route-demo .flow-learning { opacity: 0; } #retraining .route-demo .flow-learning-label { text-anchor: middle; font-size: 11px; fill: #637b51; opacity: 0; } #retraining .route-demo[data-learning="true"] .flow-learning-label, #retraining .route-demo[data-learning="true"] .flow-learning { opacity: 1; } #retraining .route-demo .flow-learning { fill: #769b54; } #retraining .flow-caption { border-top: 1px solid #dce3d5; display: flex; justify-content: space-between; align-items: center; gap: 15px; padding-top: 13px; } #retraining .flow-legend { display: flex; gap: 17px; font-size: 10px; color: #6c7961; } #retraining .flow-legend span { display: flex; gap: 6px; align-items: center; } #retraining .flow-legend i { width: 5px; height: 5px; border-radius: 50%; background: #518d32; } #retraining .flow-legend span:nth-child(2) i { background: #6e59bb; } #retraining .flow-legend span:nth-child(3) i { background: #c07829; } #retraining .route-play { font: inherit; font-size: 11px; color: #617451; background: none; border: 0; padding: 6px 0; cursor: pointer; white-space: nowrap; } #retraining .route-play span { margin-left: 8px; } #retraining .route-play:focus-visible { outline: 2px solid #6fa84c; outline-offset: 5px; } @media (max-width:760px){ #retraining .flow-legend {  gap: 10px;  font-size: 9px; }  #retraining .route-demo {  max-width: 600px; } }

#retraining { padding-top: 125px; padding-bottom: 130px; } #retraining .learning-layout { grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr); gap: 52px; } #retraining .route-demo .flow-destination .flow-cost { font-size: 11px; fill: #718263; letter-spacing: 1px; } #retraining .flow-legend { font-size: 12px; gap: 23px; } #retraining .flow-legend i { width: 7px; height: 7px; } #retraining .flow-caption { padding-top: 18px; } #retraining .flow-cost-note { font-size: 10px; line-height: 1.5; color: #78816f; margin: 12px 0 0; } @media (max-width:760px){ #retraining {  padding-top: 88px;  padding-bottom: 94px; }  #retraining .learning-layout {  grid-template-columns: 1fr;  gap: 37px; }  #retraining .flow-legend {  font-size: 11px;  gap: 14px; }  #retraining .flow-legend i {  width: 6px;  height: 6px; }  #retraining .route-demo {  width: 100%;  max-width: 650px; } }

#product .product-proof-head { display: block; } #product .product-proof-head h2 { max-width: 25ch; font-size: clamp(38px,4.7vw,62px); line-height: 1.04; } #product .output-after { display: flex; justify-content: flex-end; } #retraining .flow-caption { border: 0; padding-top: 10px; } #why-us.why-editorial { background: var(--paper); color: var(--ink); box-shadow: 0 0 0 100vmax var(--paper); padding-top: 85px; padding-bottom: 90px; } #why-us .why-reasons { gap: 50px 42px; } #why-us .why-reasons li { border: 0; padding: 0; } #why-us .why-reasons h3 { color: var(--ink); font-weight: 500; } #why-us .why-reasons p { color: var(--muted); font-size: 14px; line-height: 1.65; } #why-us .evo-link { color: var(--ink); border: 0; padding: 0; } @media (max-width:760px){ #product .product-proof-head h2 {  font-size: clamp(35px,8.5vw,52px); }  #why-us.why-editorial {  padding-top: 58px;  padding-bottom: 62px; }  #why-us .why-reasons {  gap: 35px 25px; } }

#deployment.start-choices { padding: 90px 0 110px; scroll-margin-top: 95px; } #deployment.start-choices header { max-width: 850px; margin-bottom: 58px; } #deployment.start-choices h2 { font-size: clamp(38px,4.7vw,62px); line-height: 1.04; letter-spacing: -.045em; margin: 0; font-weight: 650; } #deployment.start-choices header p { font-size: 17px; line-height: 1.6; color: var(--muted); margin: 22px 0 0; } #deployment .start-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 46px; } #deployment .start-options h3 { font-size: clamp(23px,2.2vw,29px); line-height: 1.16; letter-spacing: -.03em; font-weight: 550; margin: 0 0 15px; } #deployment .start-options p { font-size: 15px; color: var(--muted); margin: 0 0 27px; } #deployment .start-options a { display: inline-flex; align-items: center; gap: 22px; font-size: 13px; padding: 6px 0; } #deployment .start-options a:focus-visible { outline: 2px solid var(--green); outline-offset: 5px; } @media (max-width:760px){ #deployment.start-choices {  padding: 65px 0 80px; }  #deployment.start-choices header {  margin-bottom: 38px; }  #deployment .start-options {  grid-template-columns: 1fr;  gap: 39px; }  #deployment .start-options p {  margin-bottom: 13px; }  #deployment .start-options h3 {  font-size: 27px; }  #deployment.start-choices header p {  font-size: 15px; } }

@media (prefers-reduced-motion:no-preference){ .section-reveal-pending {  opacity: 0;  transition: opacity .65s ease; }  .section-reveal-pending.section-reveal-visible {  opacity: 1; }  .section-reveal-pending:focus-within {  opacity: 1; } } @media print{ .section-reveal-pending {  opacity: 1!important; } }

#contact.compact-review { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; padding: 35px 0 75px; background: var(--paper); color: var(--ink); border: 0; border-radius: 0; min-height: 0; } #contact.compact-review p { margin: 0; font-size: 24px; letter-spacing: -.025em; } #contact.compact-review a { font-size: 14px; display: inline-flex; gap: 20px; padding: 8px 0; } #contact.compact-review a:focus-visible { outline: 2px solid var(--green); outline-offset: 5px; } @media (max-width:760px){ #contact.compact-review {  align-items: flex-start;  flex-direction: column;  gap: 9px;  padding: 20px 0 55px; }  #contact.compact-review p {  font-size: 23px; } }

.engine-explore { display: flex; justify-content: center; margin-top: 32px; }

.site-header { gap: 20px; } .primary-nav { gap: 18px; font-size: 10px; letter-spacing: .1em; } .mobile-menu[open]>nav { max-height: calc(100dvh - 95px); overflow-y: auto; overscroll-behavior: contain; } @media (max-width:1199px){ .site-header .primary-nav {  display: none; }  .site-header .mobile-menu {  display: block; } } @media (min-width:1200px){ .site-header .primary-nav {  display: flex; }  .site-header .mobile-menu {  display: none; } }