:root {
  --paper: #f7f5f0;
  --paper-deep: #eeece5;
  --white: #ffffff;
  --ink: #17212d;
  --ink-soft: #53606d;
  --line: #d9ddd8;
  --teal: #0e9b91;
  --teal-dark: #08736d;
  --teal-soft: #dff3ee;
  --orange: #ee9235;
  --orange-soft: #fff0df;
  --violet: #7359e8;
  --violet-soft: #ede9ff;
  --shadow-sm: 0 10px 28px rgba(23, 33, 45, .06);
  --shadow-md: 0 22px 56px rgba(23, 33, 45, .11);
  --radius-lg: 24px;
  --radius-md: 16px;
  --container: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: "DM Sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
body.menu-open { overflow: hidden; }
button, input, textarea { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
svg { display: block; width: 1em; height: 1em; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.75; }
.icon-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.container { width: min(calc(100% - 48px), var(--container)); margin: 0 auto; }
.section { padding: 112px 0; }
.section-tint { background: #efeee8; }
.section-dark { background: var(--ink); color: #fff; }
.section-head { max-width: 680px; margin-bottom: 50px; }
.section-head.split { max-width: none; display: flex; justify-content: space-between; align-items: end; gap: 36px; }
.section-head.split p { max-width: 410px; margin-bottom: 4px; }
.eyebrow { display: flex; align-items: center; gap: 9px; margin: 0 0 18px; color: var(--teal-dark); font-family: "DM Mono", monospace; font-size: 11px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; }
.eyebrow::before { width: 23px; height: 1px; background: currentColor; content: ""; }
.eyebrow.light { color: #85d9d1; }
.display, h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { letter-spacing: -.045em; }
h1 { max-width: 800px; margin-bottom: 24px; font-size: clamp(48px, 6vw, 78px); line-height: .99; }
h2 { margin-bottom: 18px; font-size: clamp(34px, 4vw, 53px); line-height: 1.04; }
h3 { margin-bottom: 12px; font-size: 22px; line-height: 1.12; }
p { color: var(--ink-soft); }
.section-dark p { color: #bdc6cd; }
.lead { max-width: 620px; margin-bottom: 30px; font-size: 18px; line-height: 1.58; }
.mono { font-family: "DM Mono", monospace; font-size: 11px; letter-spacing: .02em; text-transform: uppercase; }

.button-row { display: flex; flex-wrap: wrap; gap: 12px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; padding: 0 18px; border: 1px solid transparent; border-radius: 10px; font-size: 14px; font-weight: 600; transition: transform .2s ease, background .2s ease, border-color .2s ease; }
.button:hover { transform: translateY(-2px); }
.button svg { width: 16px; height: 16px; }
.button-primary { color: #fff; background: var(--teal); box-shadow: 0 8px 18px rgba(14, 155, 145, .2); }
.button-primary:hover { background: var(--teal-dark); }
.button-secondary { color: var(--ink); border-color: #c7ceca; background: rgba(255,255,255,.25); }
.button-secondary:hover { border-color: var(--ink); background: #fff; }
.button-light { color: var(--ink); background: #fff; }
.button-light:hover { background: var(--teal-soft); }
.text-link { display: inline-flex; align-items: center; gap: 8px; color: var(--teal-dark); font-size: 14px; font-weight: 700; }
.text-link svg { width: 16px; }

.site-header { position: sticky; z-index: 20; top: 0; border-bottom: 1px solid rgba(217, 221, 216, .76); background: rgba(247, 245, 240, .91); backdrop-filter: blur(14px); }
.nav-wrap { display: flex; align-items: center; justify-content: space-between; min-height: 74px; gap: 24px; }
.brand { display: inline-flex; align-items: center; color: var(--ink); }
.brand-logo { display: block; width: 188px; height: auto; }
.brand-mark { position: relative; width: 25px; height: 25px; border: 2px solid var(--teal); border-radius: 8px 8px 8px 3px; transform: rotate(-9deg); }
.brand-mark::before { position: absolute; width: 5px; height: 5px; right: 4px; bottom: 4px; border-radius: 50%; background: var(--orange); content: ""; }
.nav-links { display: flex; align-items: center; gap: 26px; margin-left: auto; color: #495562; font-size: 13px; font-weight: 600; }
.nav-links a { transition: color .2s ease; }
.nav-links a:hover { color: var(--teal-dark); }
.nav-cta { min-height: 41px; padding: 0 14px; font-size: 13px; }
.menu-toggle { display: none; width: 42px; height: 42px; padding: 0; border: 1px solid var(--line); border-radius: 8px; color: var(--ink); background: transparent; }
.menu-toggle .close-icon { display: none; }

.hero { position: relative; overflow: hidden; padding: 82px 0 92px; }
.hero::after { position: absolute; z-index: -1; width: 360px; height: 360px; top: -120px; right: -110px; border: 1px solid rgba(14, 155, 145, .11); border-radius: 50%; box-shadow: 0 0 0 44px rgba(14, 155, 145, .035), 0 0 0 88px rgba(14, 155, 145, .025); content: ""; }
.hero-grid { display: grid; grid-template-columns: minmax(0, .96fr) minmax(440px, .84fr); align-items: center; gap: 68px; }
.hero-copy { padding: 20px 0; }
.hero-note { display: flex; align-items: center; gap: 10px; margin: 30px 0 0; color: #69747e; font-size: 12px; }
.hero-note svg { width: 16px; color: var(--teal-dark); }
.hero-product { position: relative; }
.ambient-dot { position: absolute; z-index: -1; width: 136px; height: 136px; right: -40px; bottom: -43px; border-radius: 50%; background: var(--orange-soft); }
.product-window { overflow: hidden; border: 1px solid #d3d9d6; border-radius: 17px; background: #fff; box-shadow: var(--shadow-md); }
.window-topbar { display: flex; align-items: center; min-height: 45px; padding: 0 15px; border-bottom: 1px solid #e5e9e6; }
.window-brand { display: flex; align-items: center; gap: 7px; font-size: 10px; font-weight: 700; letter-spacing: -.02em; }
.window-brand .brand-mark { width: 15px; height: 15px; border-width: 1.5px; border-radius: 5px 5px 5px 2px; }
.window-brand .brand-mark::before { width: 3px; height: 3px; right: 2px; bottom: 2px; }
.window-actions { display: flex; gap: 5px; margin-left: auto; }
.window-actions span { width: 7px; height: 7px; border-radius: 50%; background: #d5dbd8; }
.window-body { display: grid; grid-template-columns: 75px minmax(0, 1fr); min-height: 364px; }
.mini-sidebar { padding: 16px 10px; border-right: 1px solid #e9ece9; background: #fafbf9; }
.sidebar-logo { width: 16px; height: 16px; margin-bottom: 25px; border-radius: 5px 5px 5px 2px; background: var(--teal); }
.side-item { width: 100%; height: 9px; margin: 0 0 15px; border: 0; border-radius: 4px; background: #e3e8e5; }
.side-item.active { width: 38px; background: var(--teal); }
.app-content { padding: 22px; }
.app-heading { display: flex; align-items: start; justify-content: space-between; gap: 15px; margin-bottom: 20px; }
.app-heading strong { display: block; font-size: 15px; letter-spacing: -.03em; }
.app-heading p { margin: 3px 0 0; color: #88918f; font-size: 9px; }
.app-chip { padding: 6px 8px; border-radius: 5px; color: var(--teal-dark); background: var(--teal-soft); font-family: "DM Mono", monospace; font-size: 8px; }
.opportunity-card { padding: 16px; border: 1px solid #e0e7e3; border-radius: 10px; background: #fbfcfa; }
.opportunity-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.signal { display: inline-flex; align-items: center; gap: 5px; font-family: "DM Mono", monospace; font-size: 8px; font-weight: 500; letter-spacing: .02em; text-transform: uppercase; }
.signal::before { width: 6px; height: 6px; border-radius: 50%; background: currentColor; content: ""; }
.signal.orange { color: #c56f16; }.signal.teal { color: var(--teal-dark); }.signal.violet { color: var(--violet); }
.amount { color: var(--ink); font-family: "DM Mono", monospace; font-size: 10px; font-weight: 600; }
.hero-opportunity { padding-bottom: 10px; border-bottom: 1px solid #e5e9e6; }
.hero-opportunity strong { display: block; margin-bottom: 4px; font-size: 15px; letter-spacing: -.035em; }
.hero-opportunity p { margin: 0; font-size: 10px; }
.customer-row { display: flex; align-items: center; gap: 8px; padding-top: 12px; }
.avatar { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 50%; color: #fff; background: #879c9b; font-size: 10px; font-weight: 700; }
.customer-row strong { display: block; font-size: 10px; }.customer-row span { display: block; color: #86908d; font-size: 8px; }
.action-button { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; padding: 7px 8px; border-radius: 5px; color: #fff; background: var(--teal); font-size: 8px; font-weight: 700; }
.action-button svg { width: 10px; }
.tiny-bars { display: flex; align-items: end; gap: 4px; height: 68px; margin-top: 18px; }
.tiny-bars span { flex: 1; border-radius: 3px 3px 0 0; background: #d9e8e5; }
.tiny-bars span:nth-child(1) { height: 31%; }.tiny-bars span:nth-child(2) { height: 48%; }.tiny-bars span:nth-child(3) { height: 42%; }.tiny-bars span:nth-child(4) { height: 69%; background: #8bd4cb; }.tiny-bars span:nth-child(5) { height: 55%; }.tiny-bars span:nth-child(6) { height: 84%; background: var(--teal); }.tiny-bars span:nth-child(7) { height: 72%; }
.window-footer { display: flex; align-items: center; gap: 6px; margin-top: 9px; color: #86908d; font-size: 8px; }.window-footer svg { width: 10px; color: var(--teal); }

.problem-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.problem-card { min-height: 225px; padding: 26px; border: 1px solid var(--line); border-radius: var(--radius-md); background: rgba(255,255,255,.45); }
.problem-number { margin-bottom: 38px; color: var(--teal-dark); font-family: "DM Mono", monospace; font-size: 11px; }
.problem-card p { margin: 0; font-size: 14px; }

.loop-panel { overflow: hidden; display: grid; grid-template-columns: .9fr 1.1fr; border: 1px solid #2d3b48; border-radius: var(--radius-lg); background: #1b2734; }
.loop-copy { padding: 58px; }.loop-copy h2 { max-width: 460px; }.loop-copy p { max-width: 410px; }
.loop-map { position: relative; min-height: 440px; border-left: 1px solid #2d3b48; }
.loop-map::before, .loop-map::after { position: absolute; border: 1px solid rgba(133,217,209,.26); border-radius: 50%; content: ""; }
.loop-map::before { width: 280px; height: 280px; top: 78px; left: 50%; transform: translateX(-50%); }.loop-map::after { width: 184px; height: 184px; top: 126px; left: 50%; transform: translateX(-50%); }
.loop-center { position: absolute; z-index: 1; top: 50%; left: 50%; display: grid; width: 104px; height: 104px; place-items: center; border: 1px solid rgba(133,217,209,.5); border-radius: 50%; color: #9ff1e8; background: #213340; text-align: center; transform: translate(-50%, -50%); }.loop-center svg { width: 24px; height: 24px; margin-bottom: 5px; }.loop-center span { font-size: 10px; font-weight: 700; }
.loop-node { position: absolute; z-index: 2; display: flex; align-items: center; gap: 8px; padding: 9px 11px; border: 1px solid #40505c; border-radius: 8px; color: #dce4e6; background: #23313d; font-size: 10px; font-weight: 600; box-shadow: 0 8px 20px rgba(0,0,0,.12); }.loop-node svg { width: 15px; height: 15px; color: #8ee9df; }
.loop-node.one { top: 42px; left: 50%; transform: translateX(-50%); }.loop-node.two { top: 168px; right: 38px; }.loop-node.three { right: 72px; bottom: 53px; }.loop-node.four { bottom: 53px; left: 62px; }.loop-node.five { top: 168px; left: 36px; }

.product-feature { display: grid; grid-template-columns: minmax(310px, .75fr) minmax(0, 1.25fr); align-items: center; gap: 82px; }
.product-feature.reverse { grid-template-columns: minmax(0, 1.25fr) minmax(310px, .75fr); }.product-feature.reverse .feature-copy { order: 2; }.product-feature.reverse .feature-visual { order: 1; }
.feature-copy h2 { max-width: 470px; }.feature-copy p { max-width: 440px; }
.feature-points { display: grid; gap: 16px; margin: 28px 0 30px; }.feature-point { display: grid; grid-template-columns: 27px 1fr; align-items: start; gap: 11px; }
.point-icon { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 7px; color: var(--teal-dark); background: var(--teal-soft); }.point-icon svg { width: 14px; }.feature-point strong { display: block; font-size: 14px; }.feature-point p { margin: 1px 0 0; font-size: 13px; }
.feature-visual { position: relative; }
.record-window { position: relative; overflow: hidden; min-height: 405px; padding: 25px; border: 1px solid #d6ddd9; border-radius: var(--radius-lg); background: #fff; box-shadow: var(--shadow-sm); }.record-window::after { position: absolute; width: 190px; height: 190px; top: -85px; right: -70px; border-radius: 50%; background: #eef9f6; content: ""; }
.record-label { position: relative; z-index: 1; color: #83908b; font-family: "DM Mono", monospace; font-size: 9px; letter-spacing: .07em; text-transform: uppercase; }.record-person { position: relative; z-index: 1; display: flex; align-items: center; gap: 12px; margin: 17px 0 22px; }.record-person .avatar { width: 42px; height: 42px; color: #24514d; background: #c1ded9; font-size: 13px; }.record-person h3 { margin: 0 0 2px; font-size: 18px; }.record-person p { margin: 0; font-size: 11px; }
.record-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 17px; }.record-stat { padding: 12px; border-radius: 9px; background: #f6f8f6; }.record-stat span { display: block; margin-bottom: 5px; color: #87918c; font-size: 9px; }.record-stat strong { display: block; font-family: "DM Mono", monospace; font-size: 12px; }
.timeline-card { position: relative; z-index: 1; padding: 17px; border: 1px solid #e3e8e5; border-radius: 11px; }.timeline-card h4 { margin: 0 0 14px; font-size: 11px; }.timeline-row { position: relative; display: flex; align-items: center; gap: 9px; padding: 0 0 13px; color: #63706c; font-size: 10px; }.timeline-row:last-child { padding-bottom: 0; }.timeline-row::before { width: 6px; height: 6px; border: 2px solid var(--teal); border-radius: 50%; background: #fff; content: ""; }.timeline-row::after { position: absolute; top: 7px; left: 3px; width: 1px; height: 13px; background: #d9e6e3; content: ""; }.timeline-row:last-child::after { display: none; }.timeline-row em { margin-left: auto; color: #8b9490; font-family: "DM Mono", monospace; font-size: 8px; font-style: normal; }
.insight-callout { position: absolute; z-index: 2; right: -28px; bottom: 30px; width: 194px; padding: 13px; border: 1px solid #b5ded7; border-radius: 10px; background: #e7f7f3; box-shadow: 0 12px 30px rgba(14, 155, 145, .13); }.insight-callout span { display: block; margin-bottom: 5px; color: var(--teal-dark); font-family: "DM Mono", monospace; font-size: 8px; letter-spacing: .06em; text-transform: uppercase; }.insight-callout strong { display: block; font-size: 11px; line-height: 1.3; }

.demo-shell { overflow: hidden; border: 1px solid #ced8d4; border-radius: var(--radius-lg); background: #fff; box-shadow: var(--shadow-sm); }.demo-tabs { display: grid; grid-template-columns: repeat(5, 1fr); border-bottom: 1px solid #dfe4e1; }.demo-tab { position: relative; min-height: 78px; padding: 13px 10px; border: 0; border-right: 1px solid #e3e8e5; color: #7a8581; background: #fafbf9; text-align: left; transition: background .2s ease, color .2s ease; }.demo-tab:last-child { border-right: 0; }.demo-tab span { display: block; margin-bottom: 5px; font-family: "DM Mono", monospace; font-size: 8px; }.demo-tab strong { display: block; font-size: 11px; }.demo-tab.active { color: var(--ink); background: #fff; }.demo-tab.active::after { position: absolute; height: 3px; right: 0; bottom: 0; left: 0; background: var(--teal); content: ""; }
.demo-stage { display: grid; grid-template-columns: .95fr 1.05fr; min-height: 335px; }.demo-copy { display: flex; flex-direction: column; align-items: start; justify-content: center; padding: 45px; border-right: 1px solid #e1e6e3; }.demo-copy .mono { margin-bottom: 13px; color: var(--teal-dark); }.demo-copy h3 { max-width: 330px; margin-bottom: 12px; font-size: 28px; }.demo-copy p { max-width: 360px; margin-bottom: 23px; font-size: 14px; }.demo-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 25px; }.demo-meta span { padding: 5px 7px; border-radius: 5px; color: #5e6d68; background: #f0f4f1; font-family: "DM Mono", monospace; font-size: 9px; }.demo-next { min-height: 38px; padding: 0 12px; font-size: 12px; }.demo-preview { display: grid; min-width: 0; place-items: center; padding: 34px; background: #f8faf8; }
.demo-mini-window { width: 100%; max-width: 360px; border: 1px solid #dce3df; border-radius: 12px; background: #fff; box-shadow: 0 12px 25px rgba(23,33,45,.06); }.mini-titlebar { display: flex; align-items: center; gap: 6px; height: 33px; padding: 0 12px; border-bottom: 1px solid #e8ece9; color: #6c7874; font-size: 9px; font-weight: 700; }.mini-titlebar i { width: 6px; height: 6px; border-radius: 50%; background: #a8bfba; }.mini-titlebar .mini-label { margin-left: 4px; }.profile-body, .segment-body, .action-body, .result-body { padding: 17px; }.profile-head { display: flex; align-items: center; gap: 9px; margin-bottom: 15px; }.profile-head .avatar { width: 33px; height: 33px; font-size: 10px; }.profile-head strong { display: block; font-size: 11px; }.profile-head span { display: block; color: #82908a; font-size: 9px; }.profile-bars { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }.profile-bars div, .result-number { padding: 9px; border-radius: 7px; background: #f2f6f4; }.profile-bars span, .result-number span { display: block; color: #7c8884; font-size: 8px; }.profile-bars strong, .result-number strong { display: block; margin-top: 4px; font-size: 11px; }
.segment-count { display: flex; align-items: baseline; gap: 7px; margin-bottom: 13px; }.segment-count strong { color: var(--teal-dark); font-family: "DM Mono", monospace; font-size: 28px; letter-spacing: -.08em; }.segment-count span { color: #71807a; font-size: 10px; }.segment-list { display: grid; gap: 7px; }.segment-line { display: flex; align-items: center; gap: 7px; padding: 8px; border-radius: 6px; background: #f5f8f6; color: #4c5a55; font-size: 9px; }.segment-line b { margin-left: auto; color: var(--ink); font-family: "DM Mono", monospace; font-size: 9px; }.action-message { padding: 12px; border: 1px solid #b9e2da; border-radius: 8px; background: #ecf9f6; color: #23534f; font-size: 10px; line-height: 1.45; }.action-message strong { display: block; margin-bottom: 4px; font-size: 10px; }.action-send { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 12px; padding: 9px; border-radius: 6px; color: #fff; background: var(--teal); font-size: 9px; font-weight: 700; }.action-send svg { width: 12px; }
.result-body { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }.result-number.highlight { color: #fff; background: var(--teal-dark); }.result-number.highlight span { color: #b7e7df; }.result-chart { grid-column: 1 / -1; display: flex; align-items: end; gap: 8px; height: 94px; padding: 10px; border-radius: 7px; background: #f4f7f5; }.result-chart span { flex: 1; border-radius: 3px 3px 0 0; background: #aeddd5; }.result-chart span:nth-child(1) { height: 37%; }.result-chart span:nth-child(2) { height: 51%; }.result-chart span:nth-child(3) { height: 42%; }.result-chart span:nth-child(4) { height: 70%; }.result-chart span:nth-child(5) { height: 87%; background: var(--teal); }

.opportunity-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }.opportunity-tile { padding: 25px; border: 1px solid #dbe1dd; border-radius: var(--radius-md); background: #fff; }.tile-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 31px; }.tile-icon { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 9px; color: var(--teal-dark); background: var(--teal-soft); }.tile-icon.orange { color: #bd6b14; background: var(--orange-soft); }.tile-icon.violet { color: var(--violet); background: var(--violet-soft); }.tile-icon svg { width: 18px; }.tile-value { color: var(--teal-dark); font-family: "DM Mono", monospace; font-size: 12px; font-weight: 600; }.opportunity-tile h3 { margin-bottom: 8px; font-size: 20px; }.opportunity-tile p { margin: 0; font-size: 13px; }
.action-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: stretch; gap: 16px; }.flow-card { min-height: 212px; padding: 24px; border: 1px solid #dce1de; border-radius: var(--radius-md); background: rgba(255,255,255,.56); }.flow-card .mono { display: block; margin-bottom: 30px; color: var(--teal-dark); }.flow-card h3 { font-size: 19px; }.flow-card p { margin: 0; font-size: 13px; }.flow-arrow { display: grid; place-items: center; color: var(--teal-dark); }.flow-arrow svg { width: 20px; }
.results-panel { display: grid; grid-template-columns: .85fr 1.15fr; overflow: hidden; border-radius: var(--radius-lg); background: #e2f4ee; }.results-copy { padding: 54px; }.results-copy h2 { max-width: 400px; }.results-copy p { max-width: 350px; }.results-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: #cce7df; }.result-stat { display: flex; flex-direction: column; justify-content: end; min-height: 288px; padding: 28px; background: rgba(255,255,255,.52); }.result-stat strong { color: var(--teal-dark); font-family: "DM Mono", monospace; font-size: clamp(30px, 4vw, 52px); letter-spacing: -.1em; }.result-stat span { max-width: 130px; margin-top: 7px; color: #52635e; font-size: 12px; }
.solution-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }.solution-card { min-height: 248px; padding: 27px; border: 1px solid #e0e5e2; border-radius: var(--radius-md); background: #fff; }.solution-card .tile-icon { margin-bottom: 37px; }.solution-card h3 { font-size: 20px; }.solution-card p { margin: 0; font-size: 13px; }
.integrations { display: grid; grid-template-columns: .72fr 1.28fr; align-items: center; gap: 72px; }.integration-copy h2 { max-width: 390px; }.integration-copy p { max-width: 390px; }.integration-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }.integration { display: grid; min-height: 98px; place-items: center; padding: 13px; border: 1px solid #d8dfdb; border-radius: 12px; background: rgba(255,255,255,.55); color: #5b6763; text-align: center; }.integration b { display: block; margin-top: 7px; font-size: 11px; }.integration-mark { display: grid; width: 29px; height: 29px; place-items: center; border: 1px solid #cbd5d0; border-radius: 8px; color: var(--teal-dark); font-family: "DM Mono", monospace; font-size: 11px; font-weight: 700; }
.pilot { padding-top: 42px; }.pilot-panel { position: relative; overflow: hidden; padding: 66px; border-radius: var(--radius-lg); color: #fff; background: #20413e; }.pilot-panel::after { position: absolute; width: 330px; height: 330px; right: -85px; bottom: -163px; border: 1px solid rgba(173,238,227,.33); border-radius: 50%; box-shadow: 0 0 0 38px rgba(173,238,227,.07), 0 0 0 76px rgba(173,238,227,.05); content: ""; }.pilot-panel h2 { position: relative; z-index: 1; max-width: 620px; margin-bottom: 18px; }.pilot-panel p { position: relative; z-index: 1; max-width: 500px; color: #c9d9d5; }.pilot-meta { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 16px; margin: 28px 0; color: #b4d3cd; font-size: 12px; }.pilot-meta span { display: inline-flex; align-items: center; gap: 7px; }.pilot-meta svg { width: 15px; color: #82d5ca; }
.faq-layout { display: grid; grid-template-columns: .75fr 1.25fr; align-items: start; gap: 88px; }.faq-layout h2 { max-width: 350px; }.faq-list { border-top: 1px solid #d3dbd6; }.faq-list details { border-bottom: 1px solid #d3dbd6; }.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 0; color: var(--ink); cursor: pointer; font-size: 16px; font-weight: 650; list-style: none; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary::after { width: 17px; height: 17px; flex: 0 0 17px; color: var(--teal-dark); content: "+"; font-family: "DM Mono", monospace; font-size: 20px; font-weight: 400; line-height: 15px; text-align: center; }.faq-list details[open] summary::after { content: "−"; }.faq-list details p { max-width: 610px; margin: -4px 30px 19px 0; font-size: 14px; }
.assessment { padding: 0 0 112px; }.assessment-panel { display: grid; grid-template-columns: .85fr 1.15fr; gap: 56px; padding: 55px; border: 1px solid #d4ddd8; border-radius: var(--radius-lg); background: #fff; box-shadow: var(--shadow-sm); }.assessment-copy h2 { max-width: 370px; }.assessment-copy p { max-width: 365px; }.assessment-small { display: flex; align-items: center; gap: 8px; margin-top: 27px; color: #74817c; font-size: 12px; }.assessment-small svg { width: 15px; color: var(--teal-dark); }.assessment-form { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; align-content: start; }.form-field { display: grid; gap: 7px; }.form-field.wide { grid-column: 1 / -1; }.form-field label { color: #4d5b55; font-size: 12px; font-weight: 650; }.form-field input, .form-field textarea { width: 100%; border: 1px solid #cfd8d3; border-radius: 8px; outline: none; color: var(--ink); background: #fbfcfb; transition: border-color .2s ease, box-shadow .2s ease; }.form-field input { height: 43px; padding: 0 12px; }.form-field textarea { min-height: 88px; padding: 11px 12px; resize: vertical; }.form-field input:focus, .form-field textarea:focus { border-color: var(--teal); box-shadow: 0 0 0 3px rgba(14,155,145,.13); }.form-submit { justify-self: start; margin-top: 4px; }.form-message { grid-column: 1 / -1; min-height: 18px; margin: 0; color: var(--teal-dark); font-size: 12px; font-weight: 600; }
.site-footer { padding: 52px 0 28px; border-top: 1px solid #d9dedb; background: #efeee8; }.footer-main { display: flex; justify-content: space-between; gap: 40px; padding-bottom: 44px; }.footer-brand p { max-width: 300px; margin: 14px 0 0; font-size: 13px; }.footer-links { display: flex; gap: 60px; }.footer-links div { display: grid; align-content: start; gap: 9px; }.footer-links strong { margin-bottom: 3px; font-size: 12px; }.footer-links a { color: #64716d; font-size: 12px; }.footer-links a:hover { color: var(--teal-dark); }.footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-top: 20px; border-top: 1px solid #d8ddd9; color: #7e8985; font-size: 11px; }.footer-bottom a { color: #63706b; }
.reveal { opacity: 0; transform: translateY(18px); transition: opacity .65s ease, transform .65s ease; }.reveal.visible { opacity: 1; transform: translateY(0); }

@media (max-width: 1050px) { .hero-grid { grid-template-columns: 1fr 1fr; gap: 38px; }.hero h1 { font-size: clamp(44px, 6vw, 64px); }.product-feature, .product-feature.reverse { gap: 46px; }.loop-copy { padding: 44px; }.assessment-panel { gap: 35px; padding: 44px; }.faq-layout { gap: 52px; } }
@media (max-width: 800px) {
  .container { width: min(calc(100% - 36px), var(--container)); }.section { padding: 78px 0; }.nav-wrap { min-height: 65px; }.menu-toggle { display: grid; place-items: center; }.menu-toggle svg { width: 18px; }.nav-links { position: absolute; top: 65px; right: 0; left: 0; display: none; align-items: stretch; gap: 0; padding: 10px 18px 18px; border-bottom: 1px solid var(--line); background: var(--paper); box-shadow: 0 15px 24px rgba(23,33,45,.07); }.nav-links.open { display: grid; }.nav-links a { padding: 12px 2px; border-bottom: 1px solid #e1e4e0; }.nav-links .nav-cta { margin-top: 12px; border: 0; }.menu-toggle.is-open .menu-icon { display: none; }.menu-toggle.is-open .close-icon { display: block; }
  .hero { padding: 56px 0 68px; }.hero-grid, .loop-panel, .product-feature, .product-feature.reverse, .results-panel, .integrations, .faq-layout, .assessment-panel { grid-template-columns: 1fr; }.hero-copy { padding-top: 0; }.hero h1 { max-width: 670px; }.hero-product { max-width: 580px; width: 100%; margin: 0 auto; }.loop-map { min-height: 380px; border-top: 1px solid #2d3b48; border-left: 0; }.product-feature.reverse .feature-copy, .product-feature.reverse .feature-visual { order: initial; }.feature-copy { max-width: 600px; }.feature-visual { max-width: 620px; width: 100%; margin: 0 auto; }.insight-callout { right: -8px; }.demo-stage { grid-template-columns: 1fr; }.demo-copy { border-right: 0; border-bottom: 1px solid #e1e6e3; }.demo-preview { min-height: 305px; }.problem-grid, .opportunity-grid, .solution-grid { grid-template-columns: repeat(2, 1fr); }.action-flow { grid-template-columns: 1fr; gap: 10px; }.flow-arrow { transform: rotate(90deg); height: 28px; }.result-stat { min-height: 208px; }.integration-grid { max-width: 600px; }.pilot-panel { padding: 48px; }.assessment { padding-bottom: 78px; }.assessment-panel { padding: 38px; }.footer-main { display: grid; }
}
@media (max-width: 560px) {
  .container { width: min(calc(100% - 30px), var(--container)); }.section { padding: 66px 0; }h1 { font-size: 42px; }h2 { font-size: 34px; }.lead { font-size: 16px; }.button-row .button { width: 100%; }.hero-note { align-items: start; }.window-body { grid-template-columns: 56px minmax(0, 1fr); min-height: 325px; }.mini-sidebar { padding: 13px 8px; }.app-content { padding: 16px; }.opportunity-card { padding: 12px; }.loop-copy { padding: 34px 27px; }.loop-map { min-height: 365px; }.loop-map::before { width: 244px; height: 244px; top: 63px; }.loop-map::after { width: 160px; height: 160px; top: 105px; }.loop-node { padding: 7px 8px; font-size: 8px; }.loop-node.one { top: 31px; }.loop-node.two { top: 142px; right: 10px; }.loop-node.three { right: 22px; bottom: 38px; }.loop-node.four { bottom: 38px; left: 17px; }.loop-node.five { top: 142px; left: 10px; }.record-window { min-height: 385px; padding: 20px; }.record-grid { gap: 5px; }.record-stat { padding: 9px; }.insight-callout { right: 5px; bottom: 18px; width: 173px; }.demo-tabs { overflow-x: auto; display: flex; }.demo-tab { min-width: 115px; flex: 1 0 115px; }.demo-copy { padding: 31px 25px; }.demo-preview { padding: 25px 17px; }.problem-grid, .opportunity-grid, .solution-grid { grid-template-columns: 1fr; }.problem-card { min-height: 0; }.problem-number { margin-bottom: 26px; }.section-head.split { display: block; }.section-head.split p { margin-top: 12px; }.results-copy { padding: 37px 28px; }.results-stats { grid-template-columns: 1fr; }.result-stat { min-height: 140px; }.integrations { gap: 42px; }.integration-grid { grid-template-columns: repeat(2, 1fr); }.pilot-panel { padding: 38px 27px; }.pilot-meta { display: grid; gap: 10px; }.assessment-panel { gap: 25px; padding: 31px 23px; }.assessment-form { grid-template-columns: 1fr; }.form-field.wide { grid-column: auto; }.footer-main { gap: 30px; }.footer-links { gap: 34px; }.footer-bottom { align-items: start; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }.reveal { opacity: 1; transform: none; } }

/* Website composition */
.brand span { color: var(--teal); }
.site-nav { display: flex; align-items: center; gap: 26px; margin-left: auto; color: #495562; font-size: 13px; font-weight: 600; }
.site-nav > a { transition: color .2s ease; }.site-nav > a:hover { color: var(--teal-dark); }.site-nav .nav-cta { display: inline-flex; align-items: center; gap: 6px; padding: 10px 13px; border-radius: 8px; color: #fff; background: var(--teal); }.site-nav .nav-cta svg { width: 13px; }
.section-pad { padding: 110px 0; }
.hero-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, .83fr); align-items: center; gap: 66px; }.hero-copy h1 em, .section-intro h2 em, .product-copy h2 em, .results-copy h2 em, .assessment-copy h2 em { color: var(--teal-dark); font-style: normal; }.hero-lede { max-width: 590px; margin-bottom: 29px; font-size: 18px; line-height: 1.58; }.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }.button-quiet { color: var(--ink); background: transparent; }.button-quiet:hover { color: var(--teal-dark); background: #fff; }.hero-proof { display: flex; align-items: center; gap: 11px; margin-top: 31px; }.hero-proof p { margin: 0; color: #74807b; font-size: 11px; line-height: 1.45; }.hero-proof strong { color: var(--ink); }.avatar-stack { display: flex; padding-left: 7px; }.avatar-stack span { display: grid; width: 27px; height: 27px; margin-left: -7px; place-items: center; border: 2px solid var(--paper); border-radius: 50%; color: #fff; background: #77948f; font-size: 8px; font-weight: 700; }.avatar-stack span:nth-child(2) { background: #d48c55; }.avatar-stack span:nth-child(3) { background: #7168aa; }
.ambient-dot.dot-one { width: 106px; height: 106px; top: -22px; right: -26px; background: var(--teal-soft); }.ambient-dot.dot-two { width: 132px; height: 132px; right: -42px; bottom: -42px; background: var(--orange-soft); }.product-window { position: relative; z-index: 1; }.window-brand i { width: 13px; height: 13px; border-radius: 4px 4px 4px 1px; background: var(--teal); }.mini-sidebar { display: grid; align-content: start; gap: 15px; }.mini-sidebar span { width: 100%; height: 9px; border-radius: 3px; background: #e3e8e5; }.mini-sidebar span.active { width: 39px; background: var(--teal); }.app-heading small { display: block; margin-bottom: 4px; color: #85918c; font-family: "DM Mono", monospace; font-size: 8px; letter-spacing: .06em; }.opportunity-card.hero-opportunity { padding: 15px; }.opportunity-top small { color: #77837d; font-family: "DM Mono", monospace; font-size: 8px; }.opportunity-top b { color: #a3ada8; font-family: "DM Mono", monospace; font-size: 7px; }.signal { width: 7px; height: 7px; padding: 0; border-radius: 50%; }.signal::before { display: none; }.signal-red { background: #ce6373; }.signal-orange { background: var(--orange); }.signal-violet { background: var(--violet); }.hero-opportunity h2 { margin: 0 0 14px; color: var(--ink); font-size: 17px; }.opportunity-stats { display: grid; grid-template-columns: 1fr 1.3fr; gap: 10px; }.opportunity-stats div { padding: 9px; border-radius: 7px; background: #f4f7f5; }.opportunity-stats strong { display: block; font-family: "DM Mono", monospace; font-size: 13px; letter-spacing: -.06em; }.opportunity-stats span { display: block; margin-top: 3px; color: #85908b; font-size: 8px; }.mini-button { display: flex; align-items: center; gap: 5px; margin-top: 13px; padding: 0; border: 0; color: var(--teal-dark); background: none; font-size: 9px; font-weight: 700; }.mini-button svg { width: 11px; }.app-footer-row { display: flex; align-items: center; gap: 12px; margin-top: 13px; }.tiny-chart { display: flex; align-items: end; gap: 2px; height: 30px; }.tiny-chart i { display: block; width: 4px; border-radius: 3px 3px 0 0; background: #b7dfd8; }.tiny-chart i:nth-child(1) { height: 11px; }.tiny-chart i:nth-child(2) { height: 18px; }.tiny-chart i:nth-child(3) { height: 14px; }.tiny-chart i:nth-child(4) { height: 24px; }.tiny-chart i:nth-child(5) { height: 19px; }.tiny-chart i:nth-child(6) { height: 30px; background: var(--teal); }.tiny-chart i:nth-child(7) { height: 22px; }.app-footer-row > span { color: #84908a; font-size: 8px; line-height: 1.3; }.floating-note { position: absolute; z-index: 2; display: flex; align-items: center; gap: 8px; padding: 10px 12px; border: 1px solid #d8e0dc; border-radius: 8px; color: #44554f; background: #fff; box-shadow: 0 12px 25px rgba(23,33,45,.08); font-size: 10px; font-weight: 600; }.floating-note svg { width: 14px; color: var(--teal); }.note-top { top: 57px; right: -31px; }.note-bottom { bottom: 31px; left: -36px; }.note-check { display: grid; width: 17px; height: 17px; place-items: center; border-radius: 50%; color: #fff; background: var(--teal); }.note-check svg { width: 10px; color: #fff; }

.section-intro { max-width: 690px; margin-bottom: 46px; }.section-intro.split-intro { display: flex; max-width: none; justify-content: space-between; align-items: end; gap: 46px; }.section-intro.split-intro > div { max-width: 680px; }.section-intro.split-intro > p { max-width: 405px; margin-bottom: 4px; }.section-intro.centered { margin-right: auto; margin-left: auto; text-align: center; }.section-intro.centered .eyebrow { justify-content: center; }.section-intro.centered > p { max-width: 550px; margin-right: auto; margin-left: auto; }.question-card { position: relative; min-height: 226px; padding: 25px; border: 1px solid #dbe1dd; border-radius: var(--radius-md); background: rgba(255,255,255,.52); }.question-card .card-index { position: absolute; top: 19px; right: 21px; color: #a5afaa; font-family: "DM Mono", monospace; font-size: 9px; }.question-card > svg { width: 24px; height: 24px; margin: 23px 0 29px; color: var(--teal-dark); }.question-card h3 { font-size: 20px; }.question-card p { margin: 0; font-size: 13px; }
.problem-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
@media (max-width: 560px) { .problem-grid { grid-template-columns: 1fr; } }

.growth-loop { overflow: hidden; background: #1b2734; color: #fff; }.growth-loop .section-intro h2 em { color: #92e2d8; }.growth-loop .section-intro p { color: #bdc8ce; }.loop-track { position: relative; display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; margin-top: 48px; }.loop-line { position: absolute; top: 24px; right: 6%; left: 6%; height: 1px; background: #3e515d; }.loop-track article { position: relative; z-index: 1; text-align: center; }.loop-number { display: grid; width: 49px; height: 49px; margin: 0 auto 16px; place-items: center; border: 1px solid #50616c; border-radius: 50%; color: #cbd7d9; background: #22323e; font-family: "DM Mono", monospace; font-size: 11px; }.loop-number.teal { border-color: #58aaa0; color: #94e2d9; }.loop-number.orange { border-color: #bd854d; color: #f0bb77; }.loop-number.violet { border-color: #8976ca; color: #b3a6ed; }.loop-number.coral { border-color: #b6757d; color: #e6a2aa; }.loop-track h3 { margin-bottom: 5px; font-size: 15px; }.loop-track p { margin: 0; color: #a9b7bc; font-size: 11px; }

.product-layout { display: grid; grid-template-columns: .83fr 1.17fr; align-items: center; gap: 86px; }.product-copy h2 { max-width: 480px; }.product-copy > p:not(.eyebrow) { max-width: 440px; }.check-list { display: grid; gap: 13px; padding: 0; margin: 26px 0 30px; list-style: none; }.check-list li { display: flex; align-items: center; gap: 9px; color: #42514c; font-size: 13px; }.check-list svg { width: 17px; height: 17px; padding: 3px; border-radius: 50%; color: var(--teal-dark); background: var(--teal-soft); }.customer-record { overflow: hidden; padding: 22px; border: 1px solid #d5ddd8; border-radius: var(--radius-lg); background: #fff; box-shadow: var(--shadow-sm); }.record-toolbar { display: flex; justify-content: space-between; color: #7b8781; font-family: "DM Mono", monospace; font-size: 9px; letter-spacing: .06em; text-transform: uppercase; }.record-toolbar button { padding: 0; border: 0; color: #81908a; background: none; letter-spacing: 2px; }.record-profile { display: flex; align-items: center; gap: 12px; margin: 22px 0; }.record-avatar { display: grid; width: 45px; height: 45px; place-items: center; border-radius: 50%; color: #2d5d58; background: #c8e3de; font-size: 13px; font-weight: 700; }.record-profile h3 { margin: 0 0 3px; font-size: 18px; }.record-profile p { margin: 0; color: #7d8983; font-size: 10px; }.record-profile p i { display: inline-block; width: 3px; height: 3px; margin: 0 4px 2px; border-radius: 50%; background: var(--teal); }.status-live { margin-left: auto; padding: 5px 8px; border-radius: 5px; color: var(--teal-dark); background: var(--teal-soft); font-family: "DM Mono", monospace; font-size: 8px; }.record-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; }.record-stats > div { padding: 11px 9px; border-radius: 8px; background: #f3f6f4; }.record-stats strong { display: block; font-family: "DM Mono", monospace; font-size: 11px; }.record-stats span { display: block; margin-top: 4px; color: #818c86; font-size: 8px; }.record-detail { margin-top: 16px; padding-top: 16px; border-top: 1px solid #e4e9e6; }.record-detail > p { margin: 0 0 9px; color: #7d8882; font-size: 9px; }.segment-pills { display: flex; flex-wrap: wrap; gap: 6px; }.segment-pills span { padding: 5px 7px; border-radius: 5px; color: #5b5a8c; background: var(--violet-soft); font-size: 9px; }.services div { display: flex; justify-content: space-between; padding: 7px 0; border-top: 1px solid #f0f2f0; }.services strong { font-size: 10px; }.services span { color: #87918b; font-family: "DM Mono", monospace; font-size: 8px; }

.demo-section { background: #efeee8; }.demo-shell { overflow: hidden; }.demo-tabs { grid-template-columns: repeat(6, 1fr); }.demo-tab { display: grid; gap: 4px; min-height: 68px; padding: 12px 13px; }.demo-tab b { color: var(--teal-dark); font-family: "DM Mono", monospace; font-size: 8px; }.demo-tab span { margin: 0; font-family: "DM Sans", sans-serif; font-size: 11px; }.demo-tab.is-active { color: var(--ink); background: #fff; }.demo-tab.is-active::after { position: absolute; height: 3px; right: 0; bottom: 0; left: 0; background: var(--teal); content: ""; }.demo-stage { grid-template-columns: .92fr 1.08fr; }.demo-story { display: flex; flex-direction: column; align-items: start; justify-content: center; padding: 44px; border-right: 1px solid #e1e6e3; }.demo-kicker { margin-bottom: 13px; color: var(--teal-dark); font-family: "DM Mono", monospace; font-size: 9px; letter-spacing: .08em; }.demo-story h3 { max-width: 340px; margin-bottom: 13px; font-size: 27px; }.demo-story p { max-width: 350px; margin-bottom: 22px; font-size: 14px; }.demo-meta span { display: inline-flex; align-items: center; gap: 5px; }.demo-meta svg { width: 12px; }.button-dark { color: #fff; background: var(--ink); }.button-dark:hover { background: #304457; }.demo-preview { align-content: center; min-height: 335px; padding: 34px; }.preview-label { margin-bottom: 18px; color: #75837d; font-family: "DM Mono", monospace; font-size: 9px; letter-spacing: .06em; text-transform: uppercase; }.preview-person { display: flex; align-items: center; gap: 9px; margin-bottom: 20px; }.preview-person > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; color: #2d5d58; background: #c8e3de; font-size: 10px; font-weight: 700; }.preview-person strong { display: block; font-size: 11px; }.preview-person small { color: #82908a; font-size: 9px; }.preview-line { height: 10px; margin-top: 9px; border-radius: 5px; background: #e6ede9; }.preview-line.full { width: 100%; }.preview-line.medium { width: 72%; }.preview-line.short { width: 46%; }

.opportunities-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }.growth-card { padding: 23px; border: 1px solid #d6dfda; border-radius: var(--radius-md); background: #fff; }.growth-card-top { display: flex; align-items: center; gap: 7px; color: #78847f; }.growth-card-top small { font-family: "DM Mono", monospace; font-size: 8px; letter-spacing: .06em; }.growth-card-top > span:last-child { margin-left: auto; color: #a6afaa; font-family: "DM Mono", monospace; font-size: 7px; }.growth-card h3 { margin: 30px 0 22px; font-size: 21px; }.growth-numbers { display: grid; grid-template-columns: 1fr 1.15fr; gap: 10px; }.growth-numbers > * { padding: 11px 10px; border-radius: 8px; background: #f3f7f5; }.growth-numbers strong, .growth-numbers b { display: block; font-family: "DM Mono", monospace; font-size: 14px; letter-spacing: -.06em; }.growth-numbers b { color: var(--teal-dark); }.growth-numbers small { display: block; margin-top: 3px; color: #85908a; font-family: "DM Sans", sans-serif; font-size: 8px; font-weight: 400; letter-spacing: 0; }.growth-card button { display: flex; align-items: center; gap: 6px; margin-top: 18px; padding: 0; border: 0; color: var(--teal-dark); background: none; font-size: 10px; font-weight: 700; }.growth-card button svg { width: 13px; }

.action-flow { display: block; padding: 110px 0; background: #fbfaf7; }.action-flow .flow-card { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr; align-items: stretch; min-height: 176px; padding: 0; border: 1px solid #d8dfdb; border-radius: var(--radius-md); background: #fff; }.flow-item { display: flex; flex-direction: column; justify-content: center; padding: 22px; }.flow-item small { margin-bottom: 11px; color: #77847e; font-family: "DM Mono", monospace; font-size: 8px; letter-spacing: .07em; }.flow-item strong { font-size: 13px; line-height: 1.35; }.flow-item.result { color: var(--teal-dark); background: #ecf8f5; }.action-flow .flow-card > i { width: 1px; min-height: 100%; background: #dfe6e2; }
.results { color: #fff; background: #1e3438; }.results-layout { display: grid; grid-template-columns: .85fr 1.15fr; align-items: stretch; gap: 68px; }.results-copy h2 em { color: #8ce2d7; }.results-copy p { max-width: 370px; color: #bfd0ce; }.demo-disclaimer { margin-top: 30px; color: #8ea3a0 !important; font-size: 11px; }.metrics-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; overflow: hidden; border-radius: 14px; background: #436065; }.metrics-grid > div { display: flex; flex-direction: column; justify-content: end; min-height: 172px; padding: 25px; background: #294449; }.metrics-grid strong { color: #9ce6dc; font-family: "DM Mono", monospace; font-size: 33px; letter-spacing: -.09em; }.metrics-grid span { margin-top: 6px; color: #c2d4d1; font-size: 11px; }
.solutions { background: #efeee8; }.solution-grid { grid-template-columns: repeat(4, 1fr); }.solution-card { min-height: 235px; }.solution-card > span { display: grid; width: 33px; height: 33px; margin-bottom: 39px; place-items: center; border-radius: 8px; color: var(--teal-dark); background: var(--teal-soft); font-family: "DM Mono", monospace; font-size: 12px; }.solution-card.feature { color: #fff; border-color: #263d48; background: #223740; }.solution-card.feature > span { color: #a7ece2; background: #2c5357; }.solution-card.feature p { color: #c4d3d3; }.solution-card h3 { font-size: 19px; }.solution-card p { font-size: 12px; }.solution-card a { display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; color: #9de5da; font-size: 11px; font-weight: 700; }.solution-card a svg { width: 13px; }
.integration-layout { display: grid; grid-template-columns: .72fr 1.28fr; align-items: center; gap: 80px; }.integration-copy h2 { max-width: 415px; }.integration-map { display: grid; grid-template-columns: 1fr 78px 150px 78px 1fr; align-items: center; min-height: 270px; padding: 25px; border: 1px solid #d5ddd8; border-radius: var(--radius-md); background: #fff; }.integration-inputs, .integration-outputs { display: grid; gap: 9px; }.integration-inputs span, .integration-outputs span { display: grid; min-height: 37px; place-items: center; border: 1px solid #dce3df; border-radius: 7px; color: #5b6963; background: #f7f9f7; font-family: "DM Mono", monospace; font-size: 9px; }.integration-lines { height: 1px; background: #a3cbc4; }.integration-core { display: grid; place-items: center; min-height: 104px; border: 1px solid #9ccfc5; border-radius: 12px; color: var(--teal-dark); background: #eaf8f4; text-align: center; }.integration-core svg { width: 24px; }.integration-core strong { margin-top: 5px; font-size: 13px; }.integration-core small { color: #63857e; font-size: 8px; }.identifier-row { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 7px; margin-top: 20px; }.identifier-row small { margin-right: 4px; color: #81908a; font-size: 9px; }.identifier-row span { padding: 4px 6px; border-radius: 4px; color: #5f6c67; background: #f0f4f1; font-family: "DM Mono", monospace; font-size: 8px; }
section.integrations { display: block; width: 100%; }
.pilot { background: #f7f5f0; }.pilot-steps { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; padding: 0; margin: 52px 0 0; list-style: none; counter-reset: pilot; }.pilot-steps li { position: relative; padding: 0 17px 0 21px; border-left: 1px solid #d4ddd8; }.pilot-steps li:first-child { padding-left: 0; border-left: 0; }.pilot-steps b { display: block; margin-bottom: 32px; color: var(--teal-dark); font-family: "DM Mono", monospace; font-size: 11px; }.pilot-steps h3 { font-size: 16px; }.pilot-steps p { margin: 0; font-size: 12px; }.trust { background: #efeee8; }.trust-layout { display: grid; grid-template-columns: .75fr 1.25fr; align-items: start; gap: 80px; }.trust-copy h2 { max-width: 400px; }.trust-copy > p { max-width: 390px; }.trust-points { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 30px; }.trust-points span { display: flex; align-items: center; gap: 7px; color: #56655f; font-size: 11px; }.trust-points svg { width: 15px; color: var(--teal-dark); }.faq-list summary::after { display: none; }.faq-list summary svg { width: 17px; color: var(--teal-dark); transition: transform .2s ease; }.faq-list details[open] summary svg { transform: rotate(90deg); }.faq-list summary { font-size: 14px; }.faq-list details p { font-size: 13px; }
.assessment { padding: 0 0 112px; background: #efeee8; }.assessment-card { display: grid; grid-template-columns: .85fr 1.15fr; gap: 56px; padding: 55px; border-radius: var(--radius-lg); color: #fff; background: #214541; }.assessment-copy h2 em { color: #98e5d9; }.assessment-copy > p:not(.eyebrow) { color: #cadbd7; }.assessment-note { display: flex; align-items: start; gap: 9px; max-width: 370px; margin-top: 26px; color: #b7d2cc; font-size: 11px; }.assessment-note svg { width: 15px; flex: 0 0 auto; margin-top: 2px; color: #8de0d4; }.assessment-form { grid-template-columns: repeat(2, 1fr); }.assessment-form label { display: grid; gap: 7px; color: #d4e1dd; font-size: 11px; font-weight: 600; }.assessment-form input, .assessment-form select { width: 100%; height: 43px; padding: 0 11px; border: 1px solid #54736e; border-radius: 7px; outline: none; color: #fff; background: rgba(255,255,255,.07); }.assessment-form input::placeholder { color: #9eb8b2; }.assessment-form input:focus, .assessment-form select:focus { border-color: #91ddd2; box-shadow: 0 0 0 3px rgba(145,221,210,.13); }.assessment-form select { color: #dbe9e6; }.assessment-form option { color: var(--ink); background: #fff; }.assessment-form .button { grid-column: 1 / -1; justify-self: start; margin-top: 4px; }.assessment-form .form-message { grid-column: 1 / -1; color: #a6eadf; }
.site-footer { background: #17212d; color: #fff; }.footer-wrap { display: grid; grid-template-columns: 1fr auto; align-items: start; gap: 18px 56px; }.site-footer .brand { color: #fff; }.footer-wrap > p { max-width: 290px; margin: -24px 0 0; color: #aab8bd; font-size: 12px; }.footer-wrap > div { display: flex; gap: 20px; color: #bfcbcf; font-size: 12px; }.footer-wrap > div a:hover { color: #94e1d7; }.footer-wrap small { grid-column: 1 / -1; padding-top: 18px; border-top: 1px solid #33434e; color: #84939a; font-size: 10px; }
.menu-toggle.is-open .menu-icon { display: none; }.menu-toggle.is-open .close-icon { display: block; }
.preview-card { padding: 14px; border: 1px solid #d9e3df; border-radius: 9px; background: #f5f9f7; }.preview-card span, .preview-card small { display: block; color: #76837d; font-size: 9px; }.preview-card strong { display: block; margin: 6px 0 4px; color: var(--ink); font-family: "DM Mono", monospace; font-size: 16px; letter-spacing: -.06em; }.preview-stat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }.preview-stat-grid > div { padding: 10px 7px; border-radius: 7px; background: #f2f6f4; }.preview-stat-grid span { display: block; color: #7b8983; font-size: 8px; }.preview-stat-grid strong { display: block; margin-top: 5px; font-family: "DM Mono", monospace; font-size: 10px; letter-spacing: -.06em; }.preview-list { display: grid; gap: 5px; margin-top: 13px; }.preview-list span { display: flex; justify-content: space-between; padding: 7px; border-radius: 5px; color: #53615b; background: #f6f8f7; font-size: 9px; }.preview-list b { color: #839089; font-family: "DM Mono", monospace; font-size: 8px; }.score-card strong { color: var(--teal-dark); font-size: 29px; }.preview-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }.preview-tags span { padding: 5px 7px; border-radius: 5px; color: #5e558a; background: var(--violet-soft); font-size: 8px; }.opportunity-preview { border-color: #b9ded6; background: #eaf8f4; }.preview-progress { display: flex; align-items: center; gap: 7px; margin-top: 14px; color: #6c7e77; font-size: 9px; }.preview-progress i { display: block; width: 38px; height: 5px; border-radius: 4px; background: linear-gradient(90deg, var(--teal) 80%, #d5e7e2 80%); }.preview-message { padding: 13px; border: 1px solid #b7dfd7; border-radius: 8px; color: #2c5a54; background: #e9f8f4; font-size: 10px; line-height: 1.45; }.preview-message strong { display: block; margin-bottom: 5px; font-size: 10px; }.preview-send { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 12px; padding: 9px; border-radius: 6px; color: #fff; background: var(--teal); font-size: 9px; font-weight: 700; }.preview-send svg { width: 12px; }

@media (max-width: 1000px) { .hero-layout { grid-template-columns: 1fr 1fr; gap: 38px; }.product-layout { gap: 48px; }.integration-layout, .trust-layout { gap: 48px; }.assessment-card { gap: 34px; padding: 44px; }.note-top { right: -15px; }.note-bottom { left: -13px; } }
@media (max-width: 800px) { .site-nav { position: absolute; top: 65px; right: 0; left: 0; display: none; padding: 10px 18px 18px; border-bottom: 1px solid var(--line); background: var(--paper); box-shadow: 0 15px 24px rgba(23,33,45,.07); }.site-nav.open { display: grid; }.site-nav > a { padding: 12px 2px; border-bottom: 1px solid #e1e4e0; }.site-nav .nav-cta { justify-content: center; margin-top: 12px; border: 0; }.hero-layout, .product-layout, .results-layout, .integration-layout, .trust-layout, .assessment-card { grid-template-columns: 1fr; }.hero-copy { max-width: 640px; }.hero-product { max-width: 580px; width: 100%; margin: 0 auto; }.section-intro.split-intro { display: block; }.section-intro.split-intro > p { margin-top: 15px; }.loop-track { grid-template-columns: repeat(3, 1fr); gap: 26px 12px; }.loop-line { display: none; }.product-layout { gap: 45px; }.demo-stage { grid-template-columns: 1fr; }.demo-story { border-right: 0; border-bottom: 1px solid #e1e6e3; }.opportunities-grid { grid-template-columns: repeat(2, 1fr); }.action-flow .flow-card { grid-template-columns: 1fr; }.action-flow .flow-card > i { width: auto; min-height: 1px; }.flow-item { min-height: 116px; }.pilot-steps { grid-template-columns: repeat(3, 1fr); gap: 32px 0; }.pilot-steps li:nth-child(4) { padding-left: 0; border-left: 0; }.assessment-card { padding: 40px; }.footer-wrap > p { margin: -8px 0 0; } }
@media (max-width: 560px) { .section-pad { padding: 70px 0; }.hero-layout { gap: 44px; }.hero-actions .button { width: 100%; }.floating-note { display: none; }.record-stats { grid-template-columns: repeat(2, 1fr); }.demo-tabs { overflow-x: auto; display: flex; }.demo-tab { min-width: 104px; flex: 1 0 104px; }.demo-story { padding: 31px 25px; }.demo-preview { min-height: 290px; padding: 25px; }.opportunities-grid, .solution-grid { grid-template-columns: 1fr; }.growth-card h3 { margin: 24px 0 18px; }.metrics-grid { grid-template-columns: 1fr; }.metrics-grid > div { min-height: 132px; }.integration-map { grid-template-columns: 1fr; gap: 10px; }.integration-lines { width: 1px; height: 20px; margin: 0 auto; }.identifier-row { display: none; }.pilot-steps { grid-template-columns: 1fr; gap: 27px; }.pilot-steps li, .pilot-steps li:nth-child(4) { padding-left: 17px; border-left: 1px solid #d4ddd8; }.pilot-steps li:first-child { padding-left: 0; border-left: 0; }.pilot-steps b { margin-bottom: 10px; }.trust-points { grid-template-columns: 1fr; }.assessment { padding-bottom: 70px; }.assessment-card { gap: 27px; padding: 31px 24px; }.assessment-form { grid-template-columns: 1fr; }.assessment-form .button { width: 100%; }.footer-wrap { grid-template-columns: 1fr; }.footer-wrap > div { grid-row: 3; flex-wrap: wrap; }.footer-wrap small { grid-column: auto; }.footer-wrap > p { margin: 0; } }