/* Shared editorial theme. Existing page structures and service controls stay intact. */
:root {
  --bg: #fff;
  --bg-elev: #f7f8fb;
  --bg-panel: #f4f6fa;
  --surface: #f8f9fb;
  --surface-2: #eef1f6;
  --surface-3: #e5eaf2;
  --line: #e0e4eb;
  --line-strong: #bdc6d4;
  --text: #161a20;
  --text-soft: #535d6b;
  --text-dim: #657080;
  --teal: #315efb;
  --emerald: #315efb;
  --mint: #315efb;
  --gold: #88631b;
  --ink-on-accent: #fff;
  --grad-accent: #315efb;
  --grad-text: #315efb;
  --glow-teal: transparent;
  --glow-soft: transparent;
  --space-section: 104px;
  --container: 1240px;
  --gutter: 40px;
  --radius: 6px;
  --radius-lg: 8px;
  --radius-xl: 8px;
  --header-h: 80px;
  color-scheme: light;
}
*, *::before, *::after { letter-spacing: 0 !important; }
body::before, body::after, .m-hero::after, .page-hero::after,
.article-hero::after, .m-cta-section::before, .m-eyebrow::before,
.eyebrow::before, .m-cursor-glow, .auto-rail { display: none; }
button, input, textarea, select { font: inherit; }
button, summary { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
button:disabled { cursor: wait; }
[hidden] { display: none !important; }
body { overflow-x: clip; }
a, button { touch-action: manipulation; }
.m-header {
  position: sticky; top: 0; width: 100%; max-width: none; height: var(--header-h);
  padding: 0 max(var(--gutter), calc((100% - var(--container)) / 2));
  margin: 0; gap: 28px; border-bottom: 1px solid transparent; border-radius: 0;
  background: rgb(255 255 255 / 96%); backdrop-filter: blur(12px);
  box-shadow: none; transform: none; opacity: 1; transition: border-color 200ms;
}
.m-header.is-scrolled { background: rgb(255 255 255 / 96%); border-color: var(--line); box-shadow: none; }
.m-brand { font-size: 23px; font-weight: 750; gap: 9px; flex-shrink: 0; }
.m-brand img { width: 26px; height: 26px; filter: grayscale(1) brightness(.2); }
.m-nav { gap: 28px; }
.m-nav a { font-size: 13px; color: var(--text-soft); }
.m-header-right { gap: 12px; }
.m-cta, .m-btn, .button-primary, .m-mobile-cta {
  background: #161a20; color: #fff; border: 1px solid #161a20; border-radius: 6px;
  box-shadow: none; font-size: 14px; font-weight: 550; min-height: 48px;
  padding: 13px 20px; display: inline-flex; align-items: center; justify-content: center; gap: 16px;
  transform: none; text-align: center; transition: background 180ms, border-color 180ms, transform 180ms;
}
.m-cta { min-height: 44px; padding: 10px 16px; font-size: 12px; }
.m-cta:hover, .m-btn:hover, .button-primary:hover { background: #315efb; color: #fff; border-color: #315efb; box-shadow: none; transform: translateY(-2px); }
.m-btn::after, .button-primary::after { display: none; }
.button-secondary { border: 1px solid var(--line-strong); background: transparent; color: var(--text); box-shadow: none; border-radius: 6px; }
.button-secondary:hover { background: var(--surface-2); box-shadow: none; }
.m-link { display: inline-flex; align-items: center; gap: 12px; font-size: 14px; font-weight: 550; }
.m-arrow { display: inline-block; width: 19px; height: 19px; flex: 0 0 19px; background: currentColor; mask: url('/assets/ui/arrow-right.svg') center / contain no-repeat; transition: transform 180ms; }
a:hover > .m-arrow { transform: translateX(3px); }
.m-actions { gap: 28px; }
.m-menu-toggle { width: 44px; height: 44px; border: 1px solid var(--line); background: #fff; border-radius: 6px; }
.m-menu-toggle span { background: var(--text); }
.m-mobile-panel { background: #fff; top: var(--header-h); border-bottom: 1px solid var(--line); box-shadow: 0 20px 40px rgb(20 30 50 / 8%); max-height: calc(100dvh - var(--header-h)); overflow-y: auto; }
.m-mobile-nav a { color: var(--text); min-height: 44px; }
.m-mobile-nav .m-mobile-cta { color: #fff; }
.m-eyebrow, .eyebrow { color: var(--text-soft); font-size: 11px; font-weight: 550; line-height: 1.5; margin: 0 0 18px; }
.m-dim, .accent-text { color: #315efb; background: none; -webkit-text-fill-color: currentColor; }
.m-display { font-size: 72px; }
.m-display-md, .page-hero h1 { font-size: 56px; }
.m-h2, .m-statement, .section-heading h2, .final-cta h2 { font-size: 40px; }
.m-lead, .article-intro-copy { font-size: 18px; }
.m-li-label, .split-layout h3 { font-size: 24px; }
.article-hero h1 { font-size: 48px; }
.article-body h2 { font-size: 30px; }
.page-hero { padding: 72px 0 60px; }
.page-hero-inner { max-width: 840px; }
.page-hero-inner > p:not(.eyebrow) { font-size: 18px; }
.page-hero .m-actions { justify-content: center; }
.service-hero-grid .m-actions { justify-content: flex-start; }
.section-heading, .m-section-head { max-width: 740px; }
.m-steps article, .gap-grid article, .service-card, .blog-card,
.pricing-band article, .comparison-grid article, .faq-list details {
  background: #fff; box-shadow: none; border-color: var(--line); border-radius: 6px;
}
.m-steps article:hover, .gap-grid article:hover, .service-card:hover, .blog-card:hover,
.pricing-band article:hover { box-shadow: 0 10px 28px rgb(20 30 50 / 5%); border-color: var(--line-strong); }
.m-steps article::before, .service-card::before, .blog-card::before { display: none; }
.service-card h3, .gap-grid h3, .gap-grid h2 { font-size: 25px; overflow-wrap: anywhere; }
.service-map-preview, .roi-panel, .approval-board, .motion-board,
.motion-flow-panel, .ops-console { background: #f4f6fb; border-color: var(--line); box-shadow: none; border-radius: 8px; }
.service-map-preview::before, .motion-board::before { display: none; }
.page-hero-inner.service-hero-grid { max-width: var(--container); }
.map-node, .map-stat { background: #fff; border-color: var(--line); box-shadow: 0 5px 18px rgb(20 30 50 / 5%); border-radius: 6px; }
.map-node-build { background: #161a20; color: #fff; border-color: #161a20; }
.service-map-preview .map-node-build strong { color: #fff; }
.map-node-build span { color: #dff379; }
.map-node-source { top: 8%; left: 8%; }
.map-node-build { top: 41%; left: 17%; }
.map-node-review { bottom: 9%; right: 8%; }
.map-stat { top: 9%; right: 8%; }
.map-path { background: #bbc9ff; }
.flow-core, .flow-output { background: #edf1ff; color: var(--text); border-color: #cad6fa; box-shadow: none; }
.form-status[data-state='success'] { color: #27613f; background: #e9f5eb; }
.form-status[data-state='error'] { color: #973920; background: #fff0eb; }
.pricing-band .price, .founder-stats strong { color: var(--text); background: none; -webkit-text-fill-color: currentColor; }
.motion-card, .motion-core, .motion-review, .motion-runlog { background: #fff; box-shadow: 0 8px 25px rgb(20 30 50 / 6%); }
.service-map-preview strong, .roi-result strong, .roi-result output, .m-big { color: var(--text); background: none; -webkit-text-fill-color: currentColor; }
.roi-result output, .roi-result strong { font-size: 48px; }
.roi-controls input[type='number'], .task-form input[type='email'], .task-form input[type='text']:not(.honeypot), .task-form textarea { background: #fff; border: 1px solid var(--line-strong); color: var(--text); border-radius: 4px; }
.roi-controls input[type='range'] { background: linear-gradient(to right, #315efb var(--roi-fill, 20%), #dce2ec var(--roi-fill, 20%)); }
.roi-result { border-color: var(--line); }
.language-toggle { border-color: var(--line); }
.language-toggle button[aria-pressed='true'] { background: #161a20; color: #fff; }
.pricing-band article.is-featured { background: #edf1ff; border-color: #cbd7ff; }
.final-cta { background: #edf1ff; border: 0; border-radius: 0; box-shadow: none; overflow: visible; }
.faq-list details[open] { background: #f7f8fb; border-color: var(--line-strong); }
.m-footer { margin-top: 90px; background: #fff; padding: 56px 0 24px; border-color: var(--line); }
.m-home .m-footer { margin-top: 0; }
.m-footer-tagline { font-size: 13px; max-width: 310px; }
.m-footer-col h2 { font-size: 12px; text-transform: none; color: var(--text); }
.m-footer-nav, .m-footer-contact { font-size: 13px; }
.m-footer-meta { font-size: 11px; border-color: var(--line); }
.floating-cta { background: #161a20; color: #fff; box-shadow: 0 5px 25px rgb(20 30 50 / 12%); border-radius: 6px; }
.floating-cta button { color: #fff; }
.calendly-embed { background: #fff; }
.scroll-progress > span { background: #315efb; }
.m-section-stats, .m-cta-section { background: #edf1ff; }
.m-big { font-size: 60px; }
.m-quote { font-size: 32px; }
.article-body blockquote { background: #f4f6fb; }
html.js .reveal, html.js .reveal[data-stagger] > * { opacity: 1; transform: none; filter: none; transition: none; }
.js [data-enter].m-enter-ready { opacity: 0; transform: translateY(18px); }
.js [data-enter].m-enter-ready.m-entered { opacity: 1; transform: none; transition: opacity 650ms ease, transform 650ms cubic-bezier(.2,.7,.2,1); }

/* The homepage demonstrates one workflow, with no entrance gate or scroll trap. */
.m-home-hero { padding: 40px 0 24px; }
.m-home-intro { text-align: center; }
.m-home-title { font-family: var(--font-display); font-weight: 670; line-height: 1.04; font-size: 76px; margin: 0; }
.m-home-title > span { color: #315efb; }
.m-home-lead { color: var(--text-soft); font-size: 18px; line-height: 1.6; margin: 24px auto 22px; max-width: 660px; }
.m-workflow-demo { display: grid; grid-template-columns: minmax(0, 1fr) 95px 142px 95px minmax(0, 1.24fr); align-items: center; margin: 42px auto 0; max-width: 1136px; min-height: 246px; }
.m-source-stack { display: grid; gap: 12px; }
.m-source { min-height: 70px; display: flex; align-items: center; gap: 14px; padding: 14px; border: 1px solid #e9edf3; background: #fff; border-radius: 6px; box-shadow: 0 6px 24px rgb(27 46 82 / 6%); transition: transform 600ms, border-color 600ms; }
.m-source > div { min-width: 0; }
.m-source strong, .m-review-heading strong { display: block; font-size: 13px; font-weight: 600; }
.m-source div > span, .m-review-heading div > span { display: block; color: var(--text-soft); font-size: 11px; margin-top: 3px; }
.m-source-time { margin-left: auto; color: var(--text-dim); font-size: 10px; }
.m-app-icon { display: grid; place-items: center; width: 38px; height: 38px; flex-shrink: 0; border-radius: 6px; }
.m-app-icon img { width: 22px; height: 22px; }
.m-mail-icon { background: #fff0e9; }
.m-file-icon { background: #edf1ff; }
.m-sheet-icon { background: #eaf5df; }
.m-flow-hub { background: #161a20; color: #fff; border: 1px solid #272d36; border-radius: 8px; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; box-shadow: 0 8px 24px rgb(22 26 32 / 10%); position: relative; }
.m-flow-hub > img { margin-bottom: 9px; filter: grayscale(1) brightness(0) invert(1); width: 30px; height: 30px; }
.m-flow-hub strong { font-size: 17px; font-weight: 600; }
.m-flow-hub > span { font-size: 11px; color: #d1d7e1; margin-top: 3px; }
.m-hub-indicator { position: absolute; bottom: -16px; display: flex; gap: 4px; }
.m-hub-indicator i { width: 4px; height: 4px; border-radius: 50%; background: #cbd3e0; }
.m-workflow-demo.is-playing .m-hub-indicator i { animation: hub-pulse 2s ease-in-out infinite; }
.m-hub-indicator i:nth-child(2) { animation-delay: 250ms !important; }
.m-hub-indicator i:nth-child(3) { animation-delay: 500ms !important; }
.m-flow-wire { position: relative; height: 100%; min-height: 222px; }
.m-flow-wire-in > span { position: absolute; width: 100%; left: 0; height: 82px; border: 1px solid #bbc9ff; }
.m-flow-wire-in > span:nth-child(1) { top: calc(50% - 82px); border-left: 0; border-bottom: 0; border-radius: 0 26px 0 0; width: 60%; }
.m-flow-wire-in > span:nth-child(2) { top: 50%; height: 0; border: 0; border-top: 1px solid #bbc9ff; }
.m-flow-wire-in > span:nth-child(3) { top: 50%; border-left: 0; border-top: 0; border-radius: 0 0 26px 0; width: 60%; }
.m-flow-wire-out > span { position: absolute; top: 50%; left: 0; width: 100%; border-top: 1px solid #bbc9ff; }
.m-flow-wire i { position: absolute; width: 7px; height: 7px; border-radius: 50%; top: calc(50% - 3px); left: 0; background: #315efb; opacity: .5; }
.m-workflow-demo.is-playing .m-flow-wire i { animation: flow-travel 3s ease-in-out infinite; }
.m-workflow-demo.is-playing .m-flow-wire-out i { animation-delay: 1.5s; }
.m-review { border: 1px solid #e5eaf1; border-radius: 6px; padding: 20px; background: #fff; box-shadow: 0 8px 32px rgb(27 46 82 / 7%); }
.m-review-heading { display: flex; gap: 12px; align-items: center; }
.m-check-icon { width: 35px; height: 35px; background: #dff379; border-radius: 50%; display: grid; place-items: center; flex-shrink: 0; }
.m-review-list { list-style: none; margin: 18px 0 0; padding: 0; }
.m-review-list li { border-top: 1px solid #eef0f4; padding: 10px 0; font-size: 11px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.m-state { display: inline-block; padding: 4px 7px; border-radius: 3px; font-size: 10px; font-weight: 500; white-space: nowrap; }
.m-state-done { color: #386226; background: #edf7e4; }
.m-state-review { color: #895c15; background: #fff2d5; }
.m-review-note { font-size: 10px; color: var(--text-soft); display: flex; align-items: center; gap: 6px; margin-top: 9px; }
.m-status-dot { width: 5px; height: 5px; border-radius: 50%; background: #719646; }
.m-demo-caption { display: flex; align-items: center; justify-content: center; gap: 20px; margin: 20px auto 0; color: var(--text-dim); font-size: 10px; min-height: 32px; }
.m-motion-toggle { display: flex; align-items: center; gap: 5px; padding: 8px; border: 0; background: transparent; color: var(--text-dim); border-radius: 4px; font-size: 10px; min-height: 32px; }
.m-motion-toggle:hover { color: var(--text); background: #f1f3f8; }
.m-source.is-active { border-color: #a8baff; transform: translateX(4px); }
.m-tools-band .m-container { border-top: 1px solid var(--line); padding-block: 26px 40px; }
.m-tools-band p { font-size: 12px; color: var(--text-soft); text-align: center; margin: 0 0 26px; }
.m-tools { list-style: none; padding: 0; margin: 0; display: flex; justify-content: space-around; align-items: center; gap: 24px; }
.m-tools li { display: flex; align-items: center; gap: 8px; font-size: 17px; color: #354052; white-space: nowrap; }
.m-tool-mark { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; font-size: 23px; font-weight: 650; }
.m-qb { border-radius: 50%; background: #368f35; color: #fff; font-size: 16px; font-weight: 450; }
.m-ms { display: grid; grid-template: 1fr 1fr / 1fr 1fr; gap: 2px; width: 22px; height: 22px; }
.m-ms i { display: block; width: 10px; height: 10px; background: #f45a32; }
.m-ms i:nth-child(2) { background: #7eae35; }.m-ms i:nth-child(3) { background: #39a3d6; }.m-ms i:nth-child(4) { background: #f6bd3c; }
.m-slack { color: #4a254b; font-size: 30px; }.m-google { color: #4285f4; }.m-hubspot { font-weight: 750; }
.m-home-section { padding: 94px 0; }
.m-editorial-heading { display: grid; grid-template-columns: 1.18fr 1fr; gap: 64px; align-items: end; margin-bottom: 48px; }
.m-editorial-heading h2, .m-home-h2, .m-control-heading h2 { font-family: var(--font-display); font-weight: 630; line-height: 1.12; font-size: 44px; margin: 0; }
.m-editorial-heading > p { font-size: 17px; line-height: 1.65; color: var(--text-soft); margin: 0 0 3px; max-width: 450px; }
.m-workflow-item { border-top: 1px solid var(--line-strong); }
.m-workflow-item:last-child { border-bottom: 1px solid var(--line-strong); }
.m-workflow-item summary { list-style: none; display: grid; grid-template-columns: 48px 1fr 24px; align-items: center; gap: 18px; padding: 23px 0; cursor: pointer; }
.m-workflow-item summary::-webkit-details-marker { display: none; }
.m-workflow-item summary h3 { font-family: var(--font-display); font-weight: 580; line-height: 1.25; font-size: 28px; margin: 0; }
.m-workflow-number { color: #315efb; font-size: 24px; font-weight: 550; }
.m-chevron { width: 20px; height: 20px; background: #315efb; mask: url('/assets/ui/chevron-down.svg') center / contain no-repeat; transition: transform 200ms; }
.m-workflow-item[open] .m-chevron { transform: rotate(180deg); }
.m-workflow-content { display: grid; grid-template-columns: 1.25fr 1fr; gap: 48px; padding: 8px 0 34px; }
.m-before-after { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-content: start; }
.m-before-after > div + div { padding-left: 24px; border-left: 1px solid var(--line); }
.m-before-after > div > span { text-transform: uppercase; font-size: 11px; font-weight: 500; }
.m-before-after p { font-size: 16px; color: var(--text-soft); line-height: 1.65; margin: 12px 0 0; }
.m-before-after > a { grid-column: 1 / -1; margin-top: 10px; color: #315efb; justify-self: start; }
.m-mini-invoice { min-height: 206px; padding: 22px; position: relative; border: 1px solid #dce4f4; border-radius: 6px; background: #f6f9ff; }
.m-mini-top { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 24px; }
.m-mini-top > strong { font-size: 16px; font-weight: 600; }
.m-mini-invoice dl { width: 67%; padding: 0; margin: 0; font-size: 11px; color: var(--text-soft); }
.m-mini-invoice dl > div { display: flex; gap: 12px; justify-content: space-between; margin-bottom: 12px; }
.m-mini-invoice dd { margin: 0; color: var(--text); text-align: right; }
.m-mini-invoice dl.m-mini-wide { width: 100%; font-size: 12px; }
.m-mini-paper { position: absolute; right: 20px; bottom: 22px; width: 22%; height: 122px; background: #fff; padding: 10px; box-shadow: 0 4px 15px rgb(30 60 110 / 7%); border-radius: 3px; }
.m-mini-paper img { opacity: .5; width: 24px; height: 24px; margin-bottom: 12px; }
.m-mini-paper span { display: block; height: 3px; background: #dce2eb; margin-bottom: 6px; }.m-mini-paper span:nth-of-type(2) { width: 70%; }.m-mini-paper i { display: block; height: 6px; width: 50%; background: #e6f3d6; margin-top: 12px; margin-left: auto; }
.m-example-note { color: var(--text-dim); font-size: 11px; margin: 18px 0 0; }
.m-control-band { background: #161a20; color: #fff; padding: 86px 0; }
.m-control-heading { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.m-control-heading h2 { max-width: 720px; font-size: 40px; }
.m-control-heading > p { display: flex; align-items: center; gap: 10px; color: #dff379; font-size: 12px; border: 1px solid #7d8c48; border-radius: 4px; padding: 13px 16px; flex-shrink: 0; }
.m-control-heading img { filter: invert(90%) sepia(35%) saturate(650%) hue-rotate(14deg); }
.m-process-track { list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); padding: 0; margin: 52px 0 46px; }
.m-process-track li { position: relative; padding-right: 36px; }
.m-process-number { font-size: 12px; color: #b3bbc7; }
.m-process-track h3 { font-size: 19px; margin: 6px 0 20px; font-weight: 550; }
.m-process-track i { position: relative; display: block; height: 1px; background: #636d7b; width: calc(100% + 36px); }
.m-process-track li:last-child i { width: 12px; background: transparent; }
.m-process-track i::before { content: ''; display: block; width: 12px; height: 12px; border-radius: 50%; background: #dff379; position: absolute; left: 0; top: -6px; }
.m-process-track li:last-child i::before { background: #161a20; border: 1px solid #e4e9f2; }
.m-process-track p { color: #c7ced8; font-size: 14px; line-height: 1.65; margin: 24px 0 0; max-width: 240px; }
.m-control-link { display: inline-flex; align-items: center; gap: 18px; font-size: 20px; border-bottom: 1px solid #839bff; padding-bottom: 8px; }
.m-engagement-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 44px; }
.m-engagement-steps article { padding: 0 32px; border-left: 1px solid var(--line); }
.m-engagement-steps article:first-child { padding-left: 0; border: 0; }
.m-engagement-steps article:last-child { padding-right: 0; }
.m-engagement-steps article > span { color: var(--text-dim); font-size: 12px; }
.m-engagement-steps h3 { font-family: var(--font-display); font-weight: 600; line-height: 1.2; font-size: 36px; margin: 14px 0; }
.m-engagement-steps p { font-size: 17px; color: var(--text-soft); max-width: 310px; margin-bottom: 24px; }
.m-engagement-steps a { font-size: 12px; }
.m-founder-band { border-top: 1px solid var(--line); padding: 76px 0; }
.m-founder-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; }
.m-founder-layout > div + div { border-left: 1px solid var(--line); padding-left: 48px; }
.m-founder-statement { font-size: 30px; line-height: 1.35; margin: 0 0 24px; }
.m-founder-name { font-size: 14px; margin: 0 0 18px; }
.m-founder-name span { display: block; color: var(--text-soft); margin-top: 3px; }
.m-founder-context { font-size: 14px; line-height: 1.7; color: var(--text-soft); max-width: 430px; }
.m-founder-layout .m-link { font-size: 13px; margin-top: 12px; }
.m-home-cta { background: #edf1ff; padding: 80px 0 88px; }
.m-home-cta h2 { font-family: var(--font-display); font-weight: 640; line-height: 1.1; font-size: 60px; margin: 0; }
.m-home-cta-copy { font-size: 17px; color: var(--text-soft); margin: 22px 0 28px; }
@keyframes flow-travel { 0% { transform: translateX(0); opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } 100% { transform: translateX(90px); opacity: 0; } }
@keyframes hub-pulse { 0%, 100% { background: #cbd3e0; } 50% { background: #315efb; } }
@media (min-width: 1440px) { .m-home-hero { padding-top: 46px; }.m-home-title { font-size: 84px; }.m-workflow-demo { margin-top: 44px; } }
@media (max-width: 1100px) {
  :root { --gutter: 28px; --header-h: 72px; }
  .m-nav { gap: 18px; }.m-nav a { font-size: 11px; }.m-cta { font-size: 11px; padding: 10px 12px; }.m-header { gap: 20px; }
  .m-home-title { font-size: 66px; }.m-workflow-demo { grid-template-columns: minmax(0, 1fr) 50px 118px 50px minmax(0, 1.15fr); }
  .m-source { gap: 8px; padding: 12px 10px; }.m-source-time { display: none; }.m-review { padding: 16px; }
  .m-tools li { font-size: 14px; }.m-editorial-heading { gap: 36px; }.m-editorial-heading h2, .m-home-h2 { font-size: 38px; }
  .m-workflow-content { gap: 30px; }.m-control-heading { display: block; }.m-control-heading > p { display: inline-flex; margin: 24px 0 0; }
  @keyframes flow-travel { 0% { transform: translateX(0); opacity: 0; } 20%, 80% { opacity: 1; } 100% { transform: translateX(48px); opacity: 0; } }
}
@media (max-width: 860px) {
  .m-nav { display: none; }.m-menu-toggle { display: flex; }.m-header { justify-content: space-between; }.m-brand { font-size: 21px; }
  .m-home-title { font-size: 60px; }.m-home-lead { font-size: 17px; }.m-home-hero { padding-top: 42px; }
  .m-tools { flex-wrap: wrap; justify-content: center; gap: 24px 36px; }.m-tools-band p { margin-bottom: 22px; }
  .m-editorial-heading { grid-template-columns: 1fr; gap: 24px; }.m-editorial-heading > p { max-width: 580px; }
  .m-workflow-content { grid-template-columns: 1fr; }.m-mini-invoice { max-width: 580px; }.m-before-after { gap: 24px; }
  .m-process-track { grid-template-columns: repeat(2, 1fr); gap: 32px 24px; }.m-process-track li:nth-child(2) i { width: 12px; }
  .m-engagement-steps article { padding: 0 22px; }.m-engagement-steps h3 { font-size: 29px; }.m-engagement-steps p { font-size: 15px; }
  .m-founder-layout { gap: 30px; }.m-founder-layout > div + div { padding-left: 30px; }.m-founder-statement { font-size: 25px; }
  .m-home-cta h2 { font-size: 48px; }.page-hero h1, .article-hero h1 { font-size: 44px; }
}
@media (max-width: 600px) {
  :root { --gutter: 22px; --header-h: 68px; --space-section: 64px; }
  .m-header { gap: 12px; }.m-header .m-cta { font-size: 11px; min-height: 40px; padding: 10px 12px; max-width: 154px; }.m-header .m-cta .m-arrow { display: none; }.m-header-right { gap: 8px; }
  .m-brand { font-size: 19px; gap: 6px; }.m-brand img { width: 21px; height: 21px; }
  .m-menu-toggle { width: 40px; height: 40px; }.m-mobile-nav a { font-size: 17px; }
  .m-home-hero { padding-top: 36px; padding-bottom: 22px; }.m-home-title { font-size: 43px; line-height: 1.09; }.m-home-title > span { display: inline-block; max-width: 360px; }
  .m-home-lead { font-size: 15px; line-height: 1.65; margin: 20px auto; max-width: 345px; }.m-desktop-break { display: none; }
  .m-actions { gap: 18px; }.m-home-intro .m-actions { flex-direction: column; gap: 15px; }.m-btn { font-size: 13px; min-height: 46px; }.m-link { font-size: 13px; }
  .m-workflow-demo { margin-top: 32px; min-height: auto; grid-template-columns: 1fr 44px 106px; gap: 0; align-items: center; }
  .m-source-stack { gap: 9px; }.m-source { min-height: 58px; padding: 9px; gap: 8px; }.m-source strong { font-size: 10px; }.m-source div > span { font-size: 9px; }
  .m-app-icon { width: 27px; height: 30px; }.m-app-icon img { width: 17px; height: 17px; }.m-flow-hub { grid-column: 3; }.m-flow-hub > img { width: 23px; height: 23px; }.m-flow-hub strong { font-size: 14px; }.m-flow-hub > span { font-size: 9px; }
  .m-flow-wire-in { grid-column: 2; grid-row: 1; min-height: 185px; }.m-flow-wire-in > span:nth-child(1) { top: calc(50% - 67px); height: 67px; }.m-flow-wire-in > span:nth-child(3) { height: 67px; }
  .m-flow-wire-out { display: none; }.m-review { grid-column: 1 / -1; margin-top: 24px; padding: 17px; }.m-review-heading strong { font-size: 13px; }.m-review-list { margin-top: 13px; }.m-review-list li { font-size: 12px; padding: 9px 0; }.m-review-note { margin-top: 5px; }
  .m-demo-caption { margin-top: 10px; }.m-tools-band .m-container { padding: 24px 0 34px; }.m-tools { gap: 19px 24px; }.m-tools li { font-size: 13px; }.m-tools-band p { font-size: 11px; }
  .m-tool-mark { width: 21px; height: 21px; font-size: 20px; }.m-qb { font-size: 13px; }.m-ms { width: 20px; height: 20px; }.m-ms i { width: 9px; height: 9px; }
  .m-home-section { padding: 58px 0; }.m-editorial-heading { margin-bottom: 30px; gap: 20px; }.m-editorial-heading h2, .m-home-h2, .m-control-heading h2 { font-size: 33px; }
  .m-editorial-heading > p { font-size: 15px; }.m-eyebrow { margin-bottom: 14px; font-size: 10px; }
  .m-workflow-item summary { grid-template-columns: 30px 1fr 18px; gap: 12px; padding: 20px 0; }.m-workflow-item summary h3 { font-size: 22px; }.m-workflow-number { font-size: 18px; }
  .m-workflow-content { gap: 22px; padding-bottom: 26px; }.m-before-after { gap: 16px; }.m-before-after > div + div { padding-left: 16px; }.m-before-after p { font-size: 14px; line-height: 1.6; }.m-before-after > a { font-size: 12px; }.m-mini-invoice { min-height: 194px; padding: 18px; }.m-mini-invoice dl { font-size: 10px; }.m-mini-invoice dl > div { gap: 7px; }
  .m-example-note { font-size: 10px; line-height: 1.7; }.m-control-band { padding: 58px 0; }.m-control-heading > p { font-size: 11px; }
  .m-process-track { margin: 36px 0; gap: 28px 16px; }.m-process-track li { padding-right: 14px; }.m-process-track h3 { font-size: 17px; }.m-process-track p { font-size: 12px; }.m-process-track i { width: calc(100% + 30px); }.m-control-link { font-size: 16px; gap: 12px; }
  .m-engagement-steps { grid-template-columns: 1fr; margin-top: 30px; gap: 0; }.m-engagement-steps article, .m-engagement-steps article:first-child { border: 0; padding: 24px 0; border-top: 1px solid var(--line); }.m-engagement-steps article:last-child { padding-bottom: 0; }.m-engagement-steps h3 { margin: 8px 0 12px; font-size: 30px; }.m-engagement-steps p { margin: 0 0 16px; max-width: none; }
  .m-founder-band { padding: 56px 0; }.m-founder-layout { grid-template-columns: 1fr; gap: 30px; }.m-founder-layout > div + div { border: 0; padding: 0; }.m-founder-statement { font-size: 26px; max-width: 380px; }
  .m-home-cta { padding: 56px 0 60px; }.m-home-cta h2 { font-size: 38px; }.m-home-cta-copy { font-size: 15px; line-height: 1.7; }.m-home-cta .m-actions { align-items: flex-start; flex-direction: column; }
  .m-footer { padding: 42px 0 24px; margin-top: 60px; }.m-footer-inner { gap: 32px; }.m-footer-meta { line-height: 1.8; }
  .m-display { font-size: 40px; }.m-display-md, .page-hero h1, .article-hero h1 { font-size: 36px; }.m-h2, .m-statement, .section-heading h2, .final-cta h2 { font-size: 30px; }.page-hero { padding: 40px 0; }.page-hero-inner > p:not(.eyebrow) { font-size: 16px; }
  .m-big { font-size: 45px; }.article-body h2 { font-size: 26px; }.roi-result output { font-size: 40px; }.final-cta { padding: 28px 22px; }
}
@media (max-width: 359px) {
  :root { --gutter: 16px; }.m-header .m-cta { font-size: 10px; padding: 8px; }.m-brand { font-size: 17px; }.m-brand img { display: none; }.m-home-title { font-size: 37px; }.m-home-cta h2 { font-size: 34px; }.m-workflow-demo { grid-template-columns: 1fr 30px 96px; }.m-source { padding: 8px 6px; }.m-app-icon { width: 22px; }.m-source div > span { font-size: 8px; }
}
@media (max-height: 800px) and (min-width: 861px) {
  :root { --header-h: 64px; }
  .m-home-hero { padding: 18px 0 12px; }
  .m-home-title { font-size: 56px; line-height: 1.02; }
  .m-home-lead { font-size: 15px; line-height: 1.5; margin: 16px auto; }
  .m-home-intro .m-btn { min-height: 40px; padding-block: 10px; }
  .m-workflow-demo { margin-top: 24px; min-height: 190px; }
  .m-source-stack { gap: 9px; }.m-source { min-height: 56px; padding-block: 9px; }
  .m-flow-wire { min-height: 180px; }.m-flow-wire-in > span:nth-child(1) { top: calc(50% - 66px); height: 66px; }.m-flow-wire-in > span:nth-child(3) { height: 66px; }
  .m-review { padding: 14px 18px; }.m-review-list { margin-top: 12px; }.m-review-list li { padding: 7px 0; }.m-review-note { margin-top: 5px; }
  .m-demo-caption { margin-top: 8px; }.m-tools-band .m-container { padding-top: 20px; }
}
@media (max-width: 600px) {
  .m-home-hero { padding-top: 28px; padding-bottom: 14px; }
  .m-home-title { font-size: 36px; }
  .m-home-lead { margin-block: 16px; }
  .m-workflow-demo { grid-template-columns: 1fr 40px 92px; margin-top: 24px; }
  .m-source-stack { min-height: 92px; align-content: center; }
  .m-source:not(:first-child) { display: none; }
  .m-source strong { font-size: 12px; }.m-source div > span { font-size: 10px; }
  .m-flow-wire-in { min-height: 92px; }.m-flow-wire-in > span:not(:nth-child(2)) { display: none; }
  .m-review { margin-top: 18px; padding: 14px 16px; }
  .m-review-list { margin-top: 10px; }.m-review-list li { padding: 7px 0; }
  .m-review-list li:nth-child(2) { display: none; }
  .m-review-note { margin-top: 6px; }.m-demo-caption { margin-top: 7px; }
}
@media (max-width: 359px) { .m-home-title { font-size: 31px; }.m-source strong { font-size: 10px; }.m-source div > span { font-size: 9px; } }
@media (max-height: 740px) and (max-width: 600px) {
  :root { --header-h: 60px; }
  .m-home-hero { padding-top: 12px; }.m-home-lead { font-size: 14px; line-height: 1.5; margin: 8px auto; }.m-home-intro .m-actions { gap: 8px; }
  .m-workflow-demo { margin-top: 16px; grid-template-columns: 1fr 36px 80px; }.m-source-stack, .m-flow-wire-in { min-height: 80px; }.m-flow-hub strong { font-size: 12px; }.m-flow-hub > span { font-size: 8px; }.m-review { margin-top: 12px; }.m-review-heading div > span, .m-review-note { display: none; }.m-demo-caption, .m-motion-toggle { min-height: 24px; }.m-motion-toggle { padding-block: 4px; }
}
@media (max-width: 860px) {
  html:not(.js) .m-header { height: auto; flex-wrap: wrap; padding-block: 12px; }
  html:not(.js) .m-nav { display: flex; flex-wrap: wrap; order: 3; flex-basis: 100%; gap: 20px; }
  html:not(.js) .m-nav a { font-size: 13px; padding-block: 5px; }
  html:not(.js) .m-menu-toggle { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .js [data-enter].m-enter-ready { opacity: 1; transform: none; }
  .m-source.is-active, .m-btn:hover, .m-cta:hover { transform: none; }
}