.page--product-1c-integration { --scene-green: #117558; --ease-out: cubic-bezier(.16,1,.3,1); }
.page--product-1c-integration ::selection { background: #dce6ff; color: #091a4e; }
.page--product-1c-integration :focus-visible { outline: 3px solid #2951ca; outline-offset: 4px; }
.page--product-1c-integration input { accent-color: #2951ca; caret-color: #2951ca; }
.page--product-1c-integration a { text-underline-offset: 4px; }
.page--product-1c-integration h1, .page--product-1c-integration h2, .page--product-1c-integration h3 { text-wrap: balance; }
.page--product-1c-integration p { margin: 0 0 20px; }
.page--product-1c-integration figure { margin: 0; min-width: 0; }
.page--product-1c-integration [hidden] { display: none !important; }
.page--product-1c-integration section[id] { scroll-margin-top: calc(var(--header-h) + 20px); }
.page--product-1c-integration .button { min-height: 52px; padding: 15px 25px; }
.page--product-1c-integration .actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; }
.page--product-1c-integration .hero-v4 { padding: 44px 0 30px; }
.page--product-1c-integration .hero-intro { display: grid; grid-template-columns: 1.4fr 1fr; gap: 56px; align-items: center; }
.page--product-1c-integration h1 { font-size: clamp(38px,4vw,57px); line-height: 1.08; font-weight: 500; letter-spacing: -.03em; margin: 0; }
.page--product-1c-integration h1 span { color: #2951ca; }
.page--product-1c-integration .hero-summary > p { font-size: 18px; line-height: 1.5; color: #43516f; max-width: 420px; margin-bottom: 17px; }
.page--product-1c-integration .hero-summary .button { display: inline-flex; gap: 22px; align-items: center; }
.page--product-1c-integration .hero-summary > .hero-offer { margin: 13px 0 0; font-size: 12px; color: #586682; }
.page--product-1c-integration .solutions-v4 { padding-bottom: 44px; }
.page--product-1c-integration .demo-controls { display: flex; gap: 24px; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.page--product-1c-integration .story-tabs { display: flex; gap: 26px; flex: 1; min-width: 0; }
.page--product-1c-integration .story-tabs button { position: relative; background: none; border: 0; border-bottom: 2px solid #dce4f4; padding: 12px 0 13px; font: inherit; font-size: 16px; font-weight: 500; color: #586682; cursor: pointer; min-height: 48px; overflow: hidden; }
.page--product-1c-integration .story-tabs button[aria-selected=true] { color: #2951ca; border-color: #bcccf4; }
.page--product-1c-integration .story-tabs button:hover { color: #2951ca; }
.page--product-1c-integration .story-tabs button:focus-visible { outline-offset: -3px; }
.page--product-1c-integration [data-tab-progress] { position: absolute; bottom: -1px; left: 0; width: 100%; height: 3px; background: #2951ca; transform: scaleX(0); transform-origin: left; }
.page--product-1c-integration .motion-toggle { display: inline-flex; gap: 8px; align-items: center; flex: none; min-height: 44px; padding: 8px 12px; border: 1px solid #dce4f4; border-radius: 7px; color: #43516f; background: #fff; font: inherit; font-size: 12px; cursor: pointer; }
.page--product-1c-integration .motion-toggle:hover { border-color: #2951ca; color: #2951ca; }
.page--product-1c-integration .motion-toggle:disabled { cursor: default; color: #586682; }
.page--product-1c-integration .report-stage { padding: 22px; background: #edf2ff; border-radius: 16px; }
.page--product-1c-integration .story-panel { display: grid; grid-template-columns: minmax(200px,.31fr) minmax(0,1fr); gap: 26px; align-items: stretch; }
.page--product-1c-integration .story-panel:focus-visible { outline-offset: 7px; }
.page--product-1c-integration .story-copy { align-self: center; padding: 10px 2px 10px 8px; }
.page--product-1c-integration .story-copy h2 { margin: 0 0 20px; font-size: clamp(26px,2.45vw,34px); font-weight: 500; letter-spacing: -.025em; line-height: 1.15; }
.page--product-1c-integration .story-copy > p { color: #43516f; font-size: 15px; line-height: 1.55; margin: 0 0 26px; }
.page--product-1c-integration .source-label { display: flex; align-items: center; gap: 9px; margin-bottom: 14px; font-size: 12px; color: #43516f; }
.page--product-1c-integration .source-label b { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 6px; background: #ffe483; color: #493a12; font-size: 16px; font-weight: 500; flex: none; }
.page--product-1c-integration .story-copy > .story-entitlement { font-size: 11px; line-height: 1.55; color: #586682; margin: 0; }
.page--product-1c-integration .report-window { display: flex; flex-direction: column; height: 620px; background: #fff; border-radius: 12px; box-shadow: 0 14px 32px #0b153c17; min-width: 0; overflow: hidden; font-variant-numeric: tabular-nums; }
.page--product-1c-integration .report-appbar { display: flex; align-items: center; gap: 25px; min-height: 48px; padding: 0 22px; border-bottom: 1px solid #e7ecf7; color: #586682; font-size: 12px; flex: none; }
.page--product-1c-integration .report-brand { display: inline-flex; gap: 8px; align-items: center; color: #091a4e; font-weight: 500; font-size: 14px; }
.page--product-1c-integration .report-brand svg { fill: #2951ca; }
.page--product-1c-integration .report-source { margin-left: auto; color: #586682; font-size: 11px; }
.page--product-1c-integration .report-content { display: flex; flex-direction: column; padding: 22px 24px 12px; flex: 1; min-height: 0; }
.page--product-1c-integration .report-title { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.page--product-1c-integration .report-title h3 { font-size: 21px; font-weight: 500; line-height: 1.2; margin: 0; letter-spacing: -.015em; }
.page--product-1c-integration .period-label { background: #f2f5fc; border-radius: 5px; padding: 6px 10px; color: #43516f; font-size: 11px; }
.page--product-1c-integration .cash-summary { display: grid; grid-template-columns: .85fr 1fr 1fr 1.1fr; margin: 0 0 12px; gap: 14px; padding: 0 0 17px; border-bottom: 1px solid #e7ecf7; }
.page--product-1c-integration .cash-summary dt { font-size: 11px; color: #586682; margin-bottom: 7px; }
.page--product-1c-integration .cash-summary dd { margin: 0; font-size: clamp(17px,1.75vw,24px); line-height: 1.2; font-weight: 500; white-space: nowrap; }
.page--product-1c-integration .cash-summary small { font-size: .7em; }
.page--product-1c-integration .cash-closing { color: #2951ca; }
.page--product-1c-integration .income-value { color: #117558; }
.page--product-1c-integration .cash-plot { flex: 1; display: flex; align-items: center; min-height: 150px; margin-bottom: 10px; }
.page--product-1c-integration .cash-plot svg { width: 100%; max-height: 210px; }
.page--product-1c-integration .plot-guides { fill: none; stroke: #e4eaf6; stroke-width: 1; }
.page--product-1c-integration .plot-labels { fill: #586682; font-size: 12px; }
.page--product-1c-integration .cash-area { fill: url("#product-1c-integration-cash-fill"); }
.page--product-1c-integration .cash-line { fill: none; stroke: #2951ca; stroke-width: 3; stroke-linejoin: round; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 0; }
.page--product-1c-integration .cash-reveal-mask { transform-box: fill-box; transform-origin: left center; }
.page--product-1c-integration .responsive-chart-context, .page--product-1c-integration .responsive-chart-axis, .page--product-1c-integration .responsive-waterfall-labels { display: none; }
.page--product-1c-integration .plot-point { fill: #2951ca; stroke: #fff; stroke-width: 3; }
.page--product-1c-integration .plot-callout rect { fill: #2951ca; }
.page--product-1c-integration .plot-callout text { fill: white; font-size: 14px; font-weight: 500; }
.page--product-1c-integration .report-table { font-size: 12px; flex: none; }
.page--product-1c-integration .report-table > div { display: grid; align-items: center; gap: 12px; min-height: 36px; border-bottom: 1px solid #edf1f8; }
.page--product-1c-integration .cash-table > div { grid-template-columns: minmax(0,1fr) 46px 110px; }
.page--product-1c-integration .report-table > div > :last-child { text-align: right; }
.page--product-1c-integration .report-table > .report-table-head { min-height: 30px; font-size: 11px; color: #586682; }
.page--product-1c-integration .report-table strong { font-weight: 500; white-space: nowrap; }
.page--product-1c-integration .cash-table > div > span:first-child { display: flex; align-items: center; gap: 9px; }
.page--product-1c-integration .transaction-icon { position: relative; width: 20px; height: 20px; border-radius: 5px; background: #eef3ff; flex: none; }
.page--product-1c-integration .transaction-icon::before { content: ''; position: absolute; width: 5px; height: 5px; border: solid #586682; border-width: 0 1.5px 1.5px 0; left: 7px; top: 6px; transform: rotate(225deg); }
.page--product-1c-integration .incoming { background: #e5f4ec; }
.page--product-1c-integration .incoming::before { border-color: #117558; transform: rotate(45deg); }
.page--product-1c-integration .latest-document { background: #f3f6ff; }
.page--product-1c-integration .report-window figcaption { padding: 10px 24px 13px; font-size: 11px; line-height: 1.4; color: #586682; flex: none; }
.page--product-1c-integration .example-switch { display: inline-flex; gap: 6px; align-items: center; padding: 5px 0; min-height: 32px; color: #2951ca; font: inherit; font-size: 12px; border: 0; background: none; cursor: pointer; }
.page--product-1c-integration .example-switch:hover { text-decoration: underline; text-underline-offset: 4px; }
.page--product-1c-integration .profit-summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 16px; border-bottom: 1px solid #e7ecf7; }
.page--product-1c-integration .profit-summary > div > span { display: block; font-size: 12px; color: #586682; margin-bottom: 6px; }
.page--product-1c-integration .profit-summary strong, .page--product-1c-integration .company-result strong { font-size: clamp(34px,3.5vw,48px); letter-spacing: -.025em; line-height: 1.1; font-weight: 500; color: #117558; }
.page--product-1c-integration .profit-summary small, .page--product-1c-integration .company-result small { font-size: .6em; }
.page--product-1c-integration .margin-result { color: #117558; padding: 9px 13px; border-radius: 7px; background: #e5f4ec; }
.page--product-1c-integration .margin-result b { font-size: 24px; font-weight: 500; line-height: 1.15; }
.page--product-1c-integration .profit-summary .margin-result > span { color: #24664f; font-size: 11px; margin: 1px 0 0; }
.page--product-1c-integration .waterfall-chart { display: block; width: 100%; min-height: 150px; flex: 1; padding-top: 18px; }
.page--product-1c-integration .waterfall-joins { fill: none; stroke: #abbce0; stroke-dasharray: 4 4; }
.page--product-1c-integration .waterfall-columns rect { transform-box: fill-box; transform-origin: center bottom; }
.page--product-1c-integration .waterfall-columns .cost-column { transform-origin: center top; }
.page--product-1c-integration .revenue-column { fill: #2951ca; }
.page--product-1c-integration .cost-column { fill: #c3d0ef; }
.page--product-1c-integration .profit-column { fill: #117558; }
.page--product-1c-integration .waterfall-amounts { fill: #091a4e; font-size: 15px; font-weight: 500; }
.page--product-1c-integration .deal-math { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 16px; border-top: 1px solid #e7ecf7; }
.page--product-1c-integration .deal-math > div { min-width: 0; }
.page--product-1c-integration .deal-math span { display: block; color: #586682; font-size: 11px; margin-bottom: 5px; }
.page--product-1c-integration .deal-math strong { font-size: 18px; font-weight: 500; white-space: nowrap; }
.page--product-1c-integration .deal-math .math-sign { font-size: 22px; margin: 0; color: #9baacd; }
.page--product-1c-integration .report-insight { padding: 11px 13px; background: #e5f4ec; color: #24664f; font-size: 12px; line-height: 1.5; margin: 16px 0 0; border-radius: 6px; }
.page--product-1c-integration .company-filters { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 20px; }
.page--product-1c-integration .company-filters button { border: 1px solid #dce4f4; border-radius: 5px; padding: 6px 9px; min-height: 34px; font: inherit; font-size: 11px; color: #43516f; background: #fff; cursor: pointer; }
.page--product-1c-integration .company-filters button[aria-pressed=true] { background: #2951ca; color: #fff; border-color: #2951ca; }
.page--product-1c-integration .company-filters button:hover { border-color: #2951ca; }
.page--product-1c-integration .company-result > span { display: block; font-size: 12px; color: #586682; margin-bottom: 6px; }
.page--product-1c-integration .company-result strong { color: #2951ca; }
.page--product-1c-integration .company-chart { display: grid; gap: 15px; align-content: center; flex: 1; min-height: 140px; margin: 12px 0 18px; }
.page--product-1c-integration .company-chart > div { display: grid; grid-template-columns: 100px minmax(0,1fr) 85px; gap: 15px; align-items: center; font-size: 11px; transition: opacity .25s; }
.page--product-1c-integration .company-chart > div > div { height: 21px; }
.page--product-1c-integration .company-bar { display: block; height: 100%; border-radius: 3px; transform-origin: left; }
.page--product-1c-integration .trade-bar { width: 100%; background: #2951ca; }
.page--product-1c-integration .production-bar { width: 66.6667%; background: #6a8ee4; }
.page--product-1c-integration .service-bar { width: 33.3333%; background: #a9bdeb; }
.page--product-1c-integration .company-chart strong { text-align: right; font-weight: 500; }
.page--product-1c-integration .company-table > div { grid-template-columns: 1.1fr .9fr 1fr .8fr; gap: 10px; min-height: 37px; }
.page--product-1c-integration .company-table > div > :not(:first-child) { text-align: right; }
.page--product-1c-integration [data-company-row].is-muted { color: #586682; }
.page--product-1c-integration .company-chart .is-muted .company-bar { opacity: .3; }
.page--product-1c-integration .company-table [data-company-row].is-selected { background: #f0f4ff; }
.page--product-1c-integration .demo-footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px 20px; padding-top: 15px; color: #586682; font-size: 11px; }
.page--product-1c-integration .autoplay-note { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; }
.page--product-1c-integration [data-resume-autoplay] { border: 0; background: transparent; padding: 7px 0; font: inherit; color: #2951ca; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; min-height: 32px; }
.page--product-1c-integration .mapping-section { background: #091a4e; color: white; padding: 56px 0; }
.page--product-1c-integration .mapping-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 60px; align-items: center; }
.page--product-1c-integration .mapping-copy h2 { font-size: clamp(28px,2.8vw,39px); font-weight: 500; line-height: 1.13; letter-spacing: -.025em; margin: 0 0 20px; }
.page--product-1c-integration .mapping-copy p { color: #cbd8f9; font-size: 16px; line-height: 1.6; }
.page--product-1c-integration .mapping-copy a { display: inline-flex; align-items: center; gap: 10px; color: #fff; font-size: 14px; }
.page--product-1c-integration .mapping-section :focus-visible { outline-color: #fff; }
.page--product-1c-integration .mapping-example { min-width: 0; }
.page--product-1c-integration .mapping-head { display: grid; grid-template-columns: 1fr .85fr; gap: 40px; font-size: 11px; color: #cbd8f9; padding-bottom: 13px; }
.page--product-1c-integration .mapping-row { display: grid; grid-template-columns: minmax(0,1fr) 22px minmax(0,.85fr); gap: 20px; align-items: center; padding: 20px 0; border-top: 1px solid #344a80; }
.page--product-1c-integration .mapping-row b { font-size: 14px; font-weight: 500; }
.page--product-1c-integration .mapping-row span { display: block; color: #cbd8f9; font-size: 11px; margin-top: 4px; }
.page--product-1c-integration .mapping-row svg { color: #8caafa; }
.page--product-1c-integration .mapping-row strong { color: #ffe483; font-weight: 500; font-size: 15px; line-height: 1.35; }
.page--product-1c-integration .mapping-example figcaption { color: #cbd8f9; font-size: 11px; line-height: 1.5; padding-top: 10px; }
.page--product-1c-integration .report-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.page--product-1c-integration .hub-section { padding: 52px 0; background: #f4f7ff; }
.page--product-1c-integration .hub-intro { display: grid; grid-template-columns: 1.2fr 1fr; gap: 55px; align-items: end; margin-bottom: 30px; }
.page--product-1c-integration .hub-intro h2 { margin: 0; font-size: clamp(29px,3vw,42px); font-weight: 500; line-height: 1.12; letter-spacing: -.025em; }
.page--product-1c-integration .hub-intro h2 span { color: #2951ca; }
.page--product-1c-integration .hub-intro p { margin: 0; max-width: 440px; font-size: 16px; line-height: 1.6; color: #43516f; }
.page--product-1c-integration .hub-diagram { display: grid; grid-template-columns: minmax(180px,1fr) 80px 190px 80px minmax(230px,1.2fr); align-items: center; }
.page--product-1c-integration .hub-inputs { display: grid; gap: 12px; }
.page--product-1c-integration .hub-input { display: flex; gap: 12px; align-items: center; min-height: 68px; padding: 12px 15px; background: #fff; border: 1px solid #dce4f4; border-radius: 8px; color: #2951ca; }
.page--product-1c-integration .hub-input-1c { border-color: #9db4ef; background: #fff9e6; color: #6b4e0d; }
.page--product-1c-integration .hub-input svg { flex: none; }
.page--product-1c-integration .hub-source-mark { font-size: 24px; line-height: 1; font-weight: 500; flex: none; }
.page--product-1c-integration .hub-api-mark { font-size: 14px; font-weight: 500; flex: none; }
.page--product-1c-integration .hub-input strong { display: block; color: #091a4e; font-size: 14px; line-height: 1.3; font-weight: 500; }
.page--product-1c-integration .hub-input span { display: block; color: #586682; font-size: 11px; line-height: 1.4; margin-top: 4px; }
.page--product-1c-integration .hub-wire { height: 310px; }
.page--product-1c-integration .hub-wire svg { width: 100%; height: 100%; overflow: visible; }
.page--product-1c-integration .hub-track { fill: none; stroke: #bccbef; stroke-width: 1.5; }
.page--product-1c-integration .hub-packets path, .page--product-1c-integration path.hub-packets { fill: none; stroke: #2951ca; stroke-width: 3; stroke-linecap: round; stroke-dasharray: .035 .965; stroke-dashoffset: 1; animation: product-1c-integration-hub-flow 8s linear infinite; animation-play-state: paused; }
.page--product-1c-integration .hub-packets path:nth-child(2) { animation-delay: -2s; }
.page--product-1c-integration .hub-packets path:nth-child(3) { animation-delay: -4s; }
.page--product-1c-integration .hub-packets path:nth-child(4) { animation-delay: -6s; }
.page--product-1c-integration .hub-wire-output .hub-packets { stroke: #117558; animation-delay: -4s; }
.page--product-1c-integration .is-running .hub-packets path, .page--product-1c-integration .is-running path.hub-packets { animation-play-state: running; }
.page--product-1c-integration .hub-center { position: relative; padding: 25px 18px; text-align: center; background: #2951ca; color: #fff; border-radius: 12px; }
.page--product-1c-integration .hub-logo-lockup { width: 100%; max-width: 176px; padding: 10px 12px; margin: 0 auto 22px; border-radius: 6px; background: #fff; line-height: 0; }
.page--product-1c-integration .hub-logo { display: block; width: 100%; height: auto; aspect-ratio: 1100 / 231; }
.page--product-1c-integration .hub-center h3 { font-size: 20px; line-height: 1.2; font-weight: 500; margin: 0 0 14px; }
.page--product-1c-integration .hub-center p { font-size: 12px; line-height: 1.55; color: #e2eaff; margin: 0; }
.page--product-1c-integration .hub-output { padding: 22px 25px; background: #fff; border-radius: 12px; box-shadow: 0 10px 28px #0b153c12; font-variant-numeric: tabular-nums; }
.page--product-1c-integration .hub-output h3 { font-size: 19px; font-weight: 500; margin: 0 0 8px; }
.page--product-1c-integration .hub-output > div { padding: 16px 0; border-bottom: 1px solid #e7ecf7; }
.page--product-1c-integration .hub-output > div:last-child { border-bottom: 0; padding-bottom: 0; }
.page--product-1c-integration .hub-output > div > span { display: block; font-size: 12px; color: #43516f; }
.page--product-1c-integration .hub-output > div > span small { display: block; font-size: 11px; color: #586682; margin-top: 3px; }
.page--product-1c-integration .hub-output strong { display: block; color: #2951ca; font-size: 29px; line-height: 1.1; font-weight: 500; margin-top: 7px; white-space: nowrap; }
.page--product-1c-integration .hub-output strong small { font-size: .65em; }
.page--product-1c-integration .hub-visual figcaption { max-width: 850px; color: #586682; font-size: 11px; line-height: 1.6; margin-top: 22px; }
.page--product-1c-integration .hub-footer { display: flex; gap: 25px; align-items: center; justify-content: space-between; margin-top: 15px; }
.page--product-1c-integration .hub-footer p { margin: 0; font-size: 13px; color: #43516f; }
.page--product-1c-integration .start-plan-note { padding: 13px 15px; border-radius: 8px; color: #43516f; background: #f0f4ff; font-size: 12px; line-height: 1.55; }
.page--product-1c-integration .deals-option:has(input:disabled) { color: #586682; cursor: default; }
@keyframes product-1c-integration-hub-flow { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes product-1c-integration-hub-drop { from { transform: translateY(0); } to { transform: translateY(46px); } }

.page--product-1c-integration .section-space { padding: 58px 0; }
.page--product-1c-integration .section-intro { max-width: 790px; margin-bottom: 40px; }
.page--product-1c-integration .section-intro h2, .page--product-1c-integration .setup-section h2, .page--product-1c-integration .request-copy h2, .page--product-1c-integration .faq-layout > h2 { font-size: clamp(32px,3.4vw,46px); line-height: 1.1; letter-spacing: -.03em; margin-bottom: 22px; }
.page--product-1c-integration .section-intro p { font-size: 19px; max-width: 660px; color: var(--color-muted); }
.page--product-1c-integration .compatibility-layout { display: grid; grid-template-columns: 1.35fr .85fr; gap: 70px; align-items: start; }
.page--product-1c-integration .field-label { display: block; font-weight: 500; font-size: 14px; margin-bottom: 9px; }
.page--product-1c-integration .search-wrap { display: flex; align-items: center; gap: 9px; border: 1px solid #c8d3ee; border-radius: 8px; padding: 0 14px; }
.page--product-1c-integration .search-wrap svg { flex: none; color: #647293; }
.page--product-1c-integration .search-wrap input { width: 100%; min-width: 0; border: 0; padding: 14px 0; font: inherit; color: var(--color-text); background: transparent; }
.page--product-1c-integration input::placeholder { color: #65718c; opacity: 1; }
.page--product-1c-integration .search-wrap input:focus-visible { outline-offset: 2px; }
.page--product-1c-integration .search-status { margin: 12px 0; color: #59637f; font-size: 12px; }
.page--product-1c-integration .config-list { margin: 0; padding: 0 10px 0 0; list-style: none; max-height: 386px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #94abdc #f0f4ff; }
.page--product-1c-integration .config-list li { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 0; border-bottom: 1px solid #e7ecf7; }
.page--product-1c-integration .config-list li[hidden] { display: none; }
.page--product-1c-integration .config-list strong { display: block; font-size: 15px; font-weight: 500; }
.page--product-1c-integration .config-list li div > span { display: block; color: #59637f; font-size: 12px; margin-top: 4px; }
.page--product-1c-integration .config-state { padding: 4px 7px; flex: none; font-size: 12px; border-radius: 4px; background: #edf3ff; color: #31529a; }
.page--product-1c-integration .experience { background: #eef5ee; color: #426849; }
.page--product-1c-integration .needs-check { background: #fff4d7; color: #735216; }
.page--product-1c-integration .search-empty { padding: 20px 0; color: #404c72; }
.page--product-1c-integration .compatibility-aside { padding-top: 6px; }
.page--product-1c-integration .compatibility-aside h3 { font-size: 26px; max-width: 330px; letter-spacing: -.02em; }
.page--product-1c-integration .compatibility-aside > p { color: #404c72; }
.page--product-1c-integration .requirements-list { margin: 30px 0 20px; }
.page--product-1c-integration .requirements-list > div { margin-bottom: 15px; }
.page--product-1c-integration .requirements-list dt { font-weight: 500; font-size: 13px; }
.page--product-1c-integration .requirements-list dd { margin: 4px 0 0; color: #404c72; font-size: 13px; }
.page--product-1c-integration .small-note { font-size: 12px; line-height: 1.5; color: #59637f; }
.page--product-1c-integration .price-section { background: #f3f6ff; }
.page--product-1c-integration .price-section .section-intro { max-width: 920px; }
.page--product-1c-integration .price-section h2 span { color: #536288; }
.page--product-1c-integration .calculator { display: grid; grid-template-columns: 1.25fr 1fr; gap: 44px; background: white; border-radius: 16px; padding: 40px; }
.page--product-1c-integration fieldset { margin: 0 0 28px; padding: 0; border: none; min-width: 0; }
.page--product-1c-integration legend { padding: 0; margin-bottom: 13px; font-weight: 500; font-size: 15px; }
.page--product-1c-integration .plan-options { display: grid; gap: 9px; }
.page--product-1c-integration .plan-options label { display: flex; align-items: center; padding: 13px 15px; border: 1px solid #dce4f4; border-radius: 8px; gap: 10px; cursor: pointer; }
.page--product-1c-integration .plan-options label:has(input:checked) { background: #f0f4ff; border-color: #2951ca; }
.page--product-1c-integration .plan-options input { width: 17px; height: 17px; flex: none; margin: 0; }
.page--product-1c-integration .plan-options strong { display: block; font-size: 15px; font-weight: 500; }
.page--product-1c-integration .plan-options small { display: block; color: #59637f; font-size: 12px; margin-top: 2px; }
.page--product-1c-integration .term-options { display: flex; gap: 8px; }
.page--product-1c-integration .term-options label { flex: 1; position: relative; cursor: pointer; }
.page--product-1c-integration .term-options input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.page--product-1c-integration .term-options span { display: block; padding: 10px 6px; border: 1px solid #dce4f4; border-radius: 7px; text-align: center; font-size: 14px; }
.page--product-1c-integration .term-options input:checked + span { background: #2951ca; color: white; border-color: #2951ca; }
.page--product-1c-integration .term-options input:focus-visible + span { outline: 3px solid #2951ca; outline-offset: 4px; }
.page--product-1c-integration .database-control { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 27px; }
.page--product-1c-integration .database-control .field-label { margin: 0; }
.page--product-1c-integration .stepper { display: flex; border: 1px solid #cbd7ed; border-radius: 7px; overflow: visible; }
.page--product-1c-integration .stepper button { width: 40px; height: 42px; border: none; background: transparent; color: #2951ca; font-size: 21px; cursor: pointer; }
.page--product-1c-integration .stepper button:hover { background: #eff4ff; }
.page--product-1c-integration .stepper button:disabled { color: #8491af; cursor: default; }
.page--product-1c-integration .stepper input { width: 60px; padding: 0; text-align: center; border: 0; font: inherit; color: #091a4e; appearance: textfield; }
.page--product-1c-integration .stepper input::-webkit-inner-spin-button { -webkit-appearance: none; }
.page--product-1c-integration .deals-option { display: flex; align-items: start; gap: 10px; font-size: 14px; cursor: pointer; }
.page--product-1c-integration .deals-option input { margin-top: 3px; width: 17px; height: 17px; flex: none; }
.page--product-1c-integration .deals-option small { display: block; margin-top: 5px; color: #59637f; font-size: 12px; }
.page--product-1c-integration .calculator-result { padding: 7px 0 0 36px; border-left: 1px solid #e1e8f6; }
.page--product-1c-integration .result-period { font-size: 17px; font-weight: 500; }
.page--product-1c-integration .price-breakdown > div { display: flex; gap: 20px; justify-content: space-between; padding: 17px 0; border-bottom: 1px solid #e8edf6; font-size: 14px; }
.page--product-1c-integration .price-breakdown strong { white-space: nowrap; font-weight: 500; }
.page--product-1c-integration .price-breakdown small { display: block; font-size: 11px; color: #59637f; margin-top: 5px; }
.page--product-1c-integration .result-total-label { font-size: 13px; color: #404c72; margin: 27px 0 5px; }
.page--product-1c-integration #total-price { display: block; font-size: clamp(30px,3vw,43px); line-height: 1.12; font-weight: 700; letter-spacing: -.03em; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.page--product-1c-integration .result-benefit { margin: 15px 0 22px; font-size: 12px; color: #404c72; }
.page--product-1c-integration .calculator-result .button { width: 100%; margin-bottom: 17px; font-size: 16px; }
.page--product-1c-integration .deals-quote { margin: 14px 0 0; font-size: 12px; background: #fff4d7; color: #735216; padding: 12px; border-radius: 7px; }
.page--product-1c-integration .calc-error { margin: 14px 0 0; color: #ad2d24; font-size: 13px; }
.page--product-1c-integration .setup-steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 45px; padding: 0; list-style: none; margin: 44px 0 0; }
.page--product-1c-integration .setup-steps li > span { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border: 1px solid #b4c4ee; border-radius: 50%; color: #2951ca; font-size: 18px; margin-bottom: 20px; }
.page--product-1c-integration .setup-steps h3 { font-size: 22px; line-height: 1.2; margin-bottom: 13px; }
.page--product-1c-integration .setup-steps p { font-size: 15px; color: #404c72; }
.page--product-1c-integration .help-links { display: flex; flex-wrap: wrap; gap: 14px 28px; margin-top: 24px; font-size: 14px; }
.page--product-1c-integration .request-section { background: #f3f6ff; }
.page--product-1c-integration .request-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: start; }
.page--product-1c-integration .request-copy { padding-top: 15px; }
.page--product-1c-integration .request-copy > p { font-size: 18px; }
.page--product-1c-integration .request-copy > .small-note { margin-top: 35px; font-size: 13px; }
.page--product-1c-integration .compatibility-form { padding: 32px; background: white; border-radius: 12px; }
.page--product-1c-integration .compatibility-form h3 { font-size: 26px; }
.page--product-1c-integration .prototype-notice { padding: 10px 13px; background: #fff4d7; color: #735216; border-radius: 6px; font-size: 12px; }
.page--product-1c-integration .compatibility-form > label { display: block; margin-bottom: 7px; font-size: 13px; font-weight: 500; }
.page--product-1c-integration .compatibility-form > input:not(.integration-intake__trap) { display: block; width: 100%; padding: 13px 14px; margin-bottom: 18px; border: 1px solid #cbd7ed; border-radius: 7px; font: inherit; font-size: 15px; color: #091a4e; background: #fff; }
.page--product-1c-integration .configuration-combobox { position: relative; }
.page--product-1c-integration .configuration-combobox input, .page--product-1c-integration #request-developer { display: block; width: 100%; padding: 13px 14px; margin: 0 0 12px; border: 1px solid #cbd7ed; border-radius: 7px; font: inherit; font-size: 15px; color: #091a4e; background: #fff; }
.page--product-1c-integration #request-options { position: absolute; z-index: 5; top: calc(100% + 3px); left: 0; right: 0; max-height: 230px; overflow-y: auto; margin: 0; padding: 7px; list-style: none; background: #fff; border-radius: 8px; box-shadow: 0 8px 25px #00000026; scrollbar-width: thin; scrollbar-color: #94abdc #f0f4ff; }
.page--product-1c-integration #request-options li { padding: 10px 9px; border-radius: 5px; font-size: 13px; cursor: pointer; }
.page--product-1c-integration #request-options li:hover, .page--product-1c-integration #request-options li[aria-selected="true"] { color: #1c3c9b; background: #edf3ff; }
.page--product-1c-integration #other-configuration > label { display: block; font-size: 13px; font-weight: 500; margin: 0 0 7px; }
.page--product-1c-integration #request-config-hint { margin-bottom: 19px; }
.page--product-1c-integration .compatibility-form > .consent-label { display: flex; align-items: start; gap: 10px; margin: 12px 0; font-size: 11px; font-weight: 400; line-height: 1.5; color: #59637f; }
.page--product-1c-integration .consent-label input { margin: 2px 0 0; flex: none; width: 15px; height: 15px; }
.page--product-1c-integration .compatibility-form button { width: 100%; margin: 14px 0 12px; font-size: 16px; }
.page--product-1c-integration .compatibility-form button:disabled { background: #e5eaf4; color: #526180; cursor: not-allowed; }
.page--product-1c-integration .compatibility-form > .small-note { margin-bottom: 0; font-size: 11px; }
.page--product-1c-integration .faq-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; }
.page--product-1c-integration .faq-layout > h2 { font-size: 36px; }
.page--product-1c-integration .faq-items details { border-bottom: 1px solid #dce4f3; padding: 21px 0; }
.page--product-1c-integration .faq-items details:first-child { padding-top: 0; }
.page--product-1c-integration .faq-items summary { position: relative; padding-right: 28px; list-style: none; font-size: 18px; font-weight: 500; cursor: pointer; }
.page--product-1c-integration .faq-items summary::-webkit-details-marker { display: none; }
.page--product-1c-integration .faq-items summary::after { content: '+'; position: absolute; right: 1px; top: -1px; color: #2951ca; font-size: 22px; font-weight: 400; }
.page--product-1c-integration .faq-items details[open] summary::after { content: '−'; }
.page--product-1c-integration .faq-items details p { margin: 16px 0 0; font-size: 15px; color: #404c72; }
.page--product-1c-integration .faq-items details a { display: inline-block; margin-top: 14px; font-size: 15px; }
.page--product-1c-integration .closing-section { background: #2951ca; color: white; padding: 52px 0; }
.page--product-1c-integration .closing-inner { text-align: center; }
.page--product-1c-integration .closing-inner h2 { font-size: clamp(34px,3.5vw,49px); line-height: 1.12; letter-spacing: -.025em; margin-bottom: 30px; }
.page--product-1c-integration .closing-inner .actions { justify-content: center; }
.page--product-1c-integration .closing-inner .button { color: #2951ca; background: white; }
.page--product-1c-integration .closing-inner .button:hover { background: #e8efff; }
.page--product-1c-integration .closing-inner .button--outline { color: white; border-color: #a8bfff; background: transparent; }
.page--product-1c-integration .closing-inner .button--outline:hover { background: #1c3c9b; }
.page--product-1c-integration .closing-inner p { margin: 20px 0 0; font-size: 13px; color: #e0e8ff; }
.page--product-1c-integration .closing-inner :focus-visible { outline-color: #fff; }
@media (max-width: 1050px) {
  .page--product-1c-integration .hub-diagram { grid-template-columns: minmax(155px,1fr) 50px 170px 50px minmax(205px,1.1fr); }
  .page--product-1c-integration .hub-intro { gap: 30px; }
  .page--product-1c-integration .hub-input { padding: 12px; }
  .page--product-1c-integration .hub-output { padding: 20px; }
  .page--product-1c-integration .compatibility-layout, .page--product-1c-integration .faq-layout { gap: 40px; }
  .page--product-1c-integration .calculator { gap: 25px; padding: 28px; }
  .page--product-1c-integration .calculator-result { padding-left: 25px; }
  .page--product-1c-integration .request-layout { gap: 40px; }
}
@media (max-width: 800px) {
  .page--product-1c-integration .hub-intro { grid-template-columns: 1fr; gap: 18px; }
  .page--product-1c-integration .hub-intro p { max-width: 650px; }
  .page--product-1c-integration .hub-diagram { grid-template-columns: 1fr; }
  .page--product-1c-integration .hub-inputs { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .page--product-1c-integration .hub-wire { position: relative; height: 54px; }
  .page--product-1c-integration .hub-wire svg { display: none; }
  .page--product-1c-integration .hub-wire::before { content: ''; position: absolute; left: 50%; top: 0; height: 100%; width: 1px; background: #bccbef; }
  .page--product-1c-integration .hub-wire::after { content: ''; position: absolute; left: calc(50% - 3px); top: 0; width: 7px; height: 7px; border-radius: 50%; background: #2951ca; animation: product-1c-integration-hub-drop 4s cubic-bezier(.4,0,.2,1) infinite; animation-play-state: paused; }
  .page--product-1c-integration .hub-visual.is-running .hub-wire::after { animation-play-state: running; }
  .page--product-1c-integration .hub-center { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 30px; align-items: center; text-align: left; padding: 25px; }
  .page--product-1c-integration .hub-logo-lockup { grid-row: span 2; margin: 0; }
  .page--product-1c-integration .hub-center h3 { margin: 0; }
  .page--product-1c-integration .hub-center h3 br, .page--product-1c-integration .hub-center p br { display: none; }
  .page--product-1c-integration .hub-output > div { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
  .page--product-1c-integration .hub-output strong { margin: 0; }
  .page--product-1c-integration .section-space { padding: 44px 0; }
  .page--product-1c-integration .compatibility-layout { grid-template-columns: 1fr 1fr; gap: 30px; }
  .page--product-1c-integration .config-list li { flex-wrap: wrap; gap: 8px; }
  .page--product-1c-integration .calculator { grid-template-columns: 1fr 1fr; padding: 25px; gap: 24px; }
  .page--product-1c-integration .calculator-result { padding-left: 24px; }
  .page--product-1c-integration .database-control { align-items: start; flex-direction: column; }
  .page--product-1c-integration .setup-steps { gap: 25px; }
  .page--product-1c-integration .setup-steps h3 { font-size: 19px; }
  .page--product-1c-integration .request-layout { grid-template-columns: .85fr 1.15fr; gap: 28px; }
  .page--product-1c-integration .request-copy h2 { font-size: 32px; }
  .page--product-1c-integration .compatibility-form { padding: 25px; }
  .page--product-1c-integration .faq-layout { grid-template-columns: 1fr; gap: 24px; }
}
@media (max-width: 580px) {
  .page--product-1c-integration .hub-section { padding: 38px 0; }
  .page--product-1c-integration .hub-intro { margin-bottom: 24px; }
  .page--product-1c-integration .hub-intro h2 { font-size: 29px; }
  .page--product-1c-integration .hub-intro p { font-size: 14px; }
  .page--product-1c-integration .hub-input { align-items: start; gap: 8px; padding: 12px 10px; }
  .page--product-1c-integration .hub-input strong { font-size: 12px; }
  .page--product-1c-integration .hub-input svg { width: 22px; height: 22px; }
  .page--product-1c-integration .hub-source-mark { font-size: 21px; }
  .page--product-1c-integration .hub-api-mark { font-size: 12px; }
  .page--product-1c-integration .hub-center { grid-template-columns: 1fr; gap: 15px; text-align: center; padding: 23px; }
  .page--product-1c-integration .hub-logo-lockup { grid-row: auto; margin: 0 auto; }
  .page--product-1c-integration .hub-center h3 { font-size: 21px; }
  .page--product-1c-integration .hub-center p { font-size: 12px; }
  .page--product-1c-integration .hub-output { padding: 20px 17px; }
  .page--product-1c-integration .hub-output strong { font-size: 24px; }
  .page--product-1c-integration .hub-footer { flex-wrap: wrap; gap: 13px; }
  .page--product-1c-integration .hero-actions .button { width: 100%; }
  .page--product-1c-integration .hero-actions .text-link { font-size: 14px; }
  .page--product-1c-integration .section-space { padding: 38px 0; }
  .page--product-1c-integration .section-intro { margin-bottom: 28px; }
  .page--product-1c-integration .section-intro h2, .page--product-1c-integration .setup-section h2, .page--product-1c-integration .request-copy h2, .page--product-1c-integration .faq-layout > h2 { font-size: 31px; }
  .page--product-1c-integration .section-intro p { font-size: 16px; }
  .page--product-1c-integration .compatibility-layout { grid-template-columns: 1fr; gap: 35px; }
  .page--product-1c-integration .config-list li { flex-wrap: nowrap; gap: 10px; }
  .page--product-1c-integration .config-list strong { font-size: 13px; }
  .page--product-1c-integration .config-list li div > span { font-size: 11px; }
  .page--product-1c-integration .search-wrap input { font-size: 13px; }
  .page--product-1c-integration .compatibility-aside h3 { font-size: 26px; }
  .page--product-1c-integration .calculator { display: block; padding: 23px 19px; }
  .page--product-1c-integration .calculator-result { border-left: 0; border-top: 1px solid #dce4f3; padding: 27px 0 0; margin-top: 30px; }
  .page--product-1c-integration .database-control { flex-direction: row; align-items: center; }
  .page--product-1c-integration .database-control .field-label { max-width: 120px; font-size: 13px; }
  .page--product-1c-integration .stepper input { width: 44px; }
  .page--product-1c-integration #total-price { font-size: 40px; }
  .page--product-1c-integration .setup-steps { grid-template-columns: 1fr; margin-top: 28px; gap: 25px; }
  .page--product-1c-integration .setup-steps li { position: relative; padding-left: 53px; }
  .page--product-1c-integration .setup-steps li > span { position: absolute; top: 0; left: 0; }
  .page--product-1c-integration .setup-steps h3 { font-size: 21px; }
  .page--product-1c-integration .setup-steps p { font-size: 14px; margin-bottom: 0; }
  .page--product-1c-integration .request-layout { grid-template-columns: 1fr; gap: 23px; }
  .page--product-1c-integration .request-copy { padding-top: 0; }
  .page--product-1c-integration .request-copy > p { font-size: 16px; }
  .page--product-1c-integration .request-copy > .small-note { margin: 20px 0 0; font-size: 12px; }
  .page--product-1c-integration .compatibility-form { padding: 24px 20px; }
  .page--product-1c-integration .faq-items summary { font-size: 17px; }
  .page--product-1c-integration .closing-section { padding: 38px 0; }
  .page--product-1c-integration .closing-inner h2 { font-size: 32px; }
  .page--product-1c-integration .closing-inner .actions { gap: 13px; }
  .page--product-1c-integration .closing-inner .button { width: 100%; font-size: 16px; }
  .page--product-1c-integration .closing-inner p { font-size: 12px; }
}


@media (max-width: 1050px) {
  .page--product-1c-integration .hero-intro { grid-template-columns: 1.25fr 1fr; gap: 30px; }
  .page--product-1c-integration .hero-summary > p { font-size: 16px; }
  .page--product-1c-integration .story-panel { grid-template-columns: 190px minmax(0,1fr); gap: 18px; }
  .page--product-1c-integration .story-copy { padding-left: 0; }
  .page--product-1c-integration .story-copy h2 { font-size: 27px; }
  .page--product-1c-integration .report-content { padding: 20px 18px 12px; }
  .page--product-1c-integration .cash-summary { grid-template-columns: 1fr 1fr; gap: 13px; }
  .page--product-1c-integration .report-window { height: auto; min-height: 620px; }
  .page--product-1c-integration .report-content { min-height: auto; }
  .page--product-1c-integration .cash-plot { display: block; flex: none; min-height: 0; }
  .page--product-1c-integration .cash-plot svg { display: block; height: auto; max-height: 210px; }
  .page--product-1c-integration .cash-plot .plot-labels, .page--product-1c-integration .plot-callout, .page--product-1c-integration .waterfall-chart .plot-labels, .page--product-1c-integration .waterfall-amounts, .page--product-1c-integration .deal-math { display: none; }
  .page--product-1c-integration .responsive-chart-context, .page--product-1c-integration .responsive-chart-axis { display: flex; justify-content: space-between; gap: 12px; color: #586682; font-size: 11px; line-height: 1.5; }
  .page--product-1c-integration .responsive-chart-context { padding-top: 4px; }
  .page--product-1c-integration .responsive-chart-axis { padding: 0 0 10px; }
  .page--product-1c-integration .responsive-waterfall-labels { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; text-align: center; margin: 0 0 16px; }
  .page--product-1c-integration .responsive-waterfall-labels strong { display: block; font-size: 15px; font-weight: 500; white-space: nowrap; }
  .page--product-1c-integration .responsive-waterfall-labels span { display: block; margin-top: 4px; font-size: 11px; color: #586682; }
  .page--product-1c-integration .mapping-layout { gap: 35px; }
}
@media (max-width: 800px) {
  .page--product-1c-integration .hero-v4 { padding-top: 30px; }
  .page--product-1c-integration .hero-intro { grid-template-columns: 1fr; gap: 22px; }
  .page--product-1c-integration h1 { font-size: 43px; }
  .page--product-1c-integration .hero-summary { display: grid; grid-template-columns: 1fr auto; column-gap: 28px; align-items: center; }
  .page--product-1c-integration .hero-summary > p { margin: 0; max-width: 400px; }
  .page--product-1c-integration .hero-summary > .hero-offer { grid-column: 1 / -1; margin-top: 12px; }
  .page--product-1c-integration .story-panel { grid-template-columns: 1fr; gap: 20px; }
  .page--product-1c-integration .story-copy { order: 2; display: grid; grid-template-columns: 1fr 1fr; column-gap: 24px; }
  .page--product-1c-integration .story-copy h2 { grid-row: span 3; margin: 0; font-size: 28px; }
  .page--product-1c-integration .story-copy > p { margin-bottom: 12px; }
  .page--product-1c-integration .source-label { display: none; }
  .page--product-1c-integration .report-window { height: auto; min-height: 610px; }
  .page--product-1c-integration .cash-summary { grid-template-columns: repeat(4,1fr); }
  .page--product-1c-integration .mapping-layout { grid-template-columns: 1fr; gap: 28px; }
  .page--product-1c-integration .mapping-copy { max-width: 610px; }
}
@media (max-width: 580px) {
  .page--product-1c-integration .hero-v4 { padding: 25px 0 20px; }
  .page--product-1c-integration h1 { font-size: clamp(29px,7.5vw,41px); line-height: 1.12; }
  .page--product-1c-integration .hero-summary { display: block; }
  .page--product-1c-integration .hero-summary > p { font-size: 16px; margin-bottom: 16px; }
  .page--product-1c-integration .hero-summary .button { width: 100%; justify-content: space-between; }
  .page--product-1c-integration .hero-summary > .hero-offer { font-size: 11px; }
  .page--product-1c-integration .demo-controls { flex-wrap: wrap; gap: 9px; margin-bottom: 12px; }
  .page--product-1c-integration .story-tabs { flex: 1 1 100%; gap: 0; }
  .page--product-1c-integration .story-tabs button { flex: 1; font-size: 12px; padding: 13px 5px; }
  .page--product-1c-integration .motion-toggle { min-height: 36px; padding: 5px 9px; margin-left: auto; font-size: 11px; }
  .page--product-1c-integration .report-stage { padding: 12px; border-radius: 12px; }
  .page--product-1c-integration .report-window { height: auto; min-height: 620px; border-radius: 8px; }
  .page--product-1c-integration .report-appbar { padding: 0 13px; gap: 14px; min-height: 41px; font-size: 11px; }
  .page--product-1c-integration .report-brand { font-size: 12px; }
  .page--product-1c-integration .report-brand svg { width: 18px; height: 18px; }
  .page--product-1c-integration .report-source { font-size: 11px; }
  .page--product-1c-integration .report-content { padding: 17px 13px 10px; }
  .page--product-1c-integration .report-title { margin-bottom: 15px; }
  .page--product-1c-integration .report-title h3 { font-size: 18px; }
  .page--product-1c-integration .period-label { font-size: 11px; padding: 5px 7px; }
  .page--product-1c-integration .cash-summary { grid-template-columns: 1fr 1fr; gap: 14px 20px; }
  .page--product-1c-integration .cash-summary dt { font-size: 11px; }
  .page--product-1c-integration .cash-summary dd { font-size: 22px; }
  .page--product-1c-integration .cash-plot { min-height: 0; margin-bottom: 3px; }
  .page--product-1c-integration .cash-table { font-size: 11px; }
  .page--product-1c-integration .cash-table > div { grid-template-columns: minmax(0,1fr) 31px 79px; gap: 5px; min-height: 33px; }
  .page--product-1c-integration .cash-table > div > span:first-child { gap: 5px; }
  .page--product-1c-integration .transaction-icon { width: 16px; height: 16px; }
  .page--product-1c-integration .transaction-icon::before { left: 5px; top: 4px; }
  .page--product-1c-integration .report-table > .report-table-head { font-size: 11px; }
  .page--product-1c-integration .report-window figcaption { padding: 8px 13px 11px; font-size: 11px; }
  .page--product-1c-integration .story-copy { display: block; padding: 0 4px 6px; }
  .page--product-1c-integration .story-copy h2 { font-size: 26px; margin-bottom: 12px; }
  .page--product-1c-integration .story-copy > p { font-size: 14px; }
  .page--product-1c-integration .story-copy > .story-entitlement { font-size: 11px; }
  .page--product-1c-integration .demo-footer { font-size: 11px; }
  .page--product-1c-integration .solutions-v4 { padding-bottom: 32px; }
  .page--product-1c-integration .profit-summary { flex-wrap: wrap; gap: 12px; }
  .page--product-1c-integration .profit-summary > div > span { font-size: 11px; }
  .page--product-1c-integration .profit-summary strong { font-size: 38px; }
  .page--product-1c-integration .margin-result { padding: 7px 9px; }
  .page--product-1c-integration .margin-result b { font-size: 19px; }
  .page--product-1c-integration .waterfall-chart { min-height: 120px; }
  .page--product-1c-integration .responsive-waterfall-labels strong { font-size: 13px; }
  .page--product-1c-integration .responsive-waterfall-labels span { overflow-wrap: anywhere; }
  .page--product-1c-integration .deal-math { gap: 6px; padding-top: 12px; }
  .page--product-1c-integration .deal-math span { font-size: 11px; }
  .page--product-1c-integration .deal-math strong { font-size: 13px; }
  .page--product-1c-integration .deal-math .math-sign { font-size: 17px; }
  .page--product-1c-integration .report-insight { margin-top: 12px; padding: 9px; font-size: 11px; }
  .page--product-1c-integration .company-filters { gap: 5px; margin-bottom: 15px; }
  .page--product-1c-integration .company-filters button { font-size: 11px; padding: 5px 7px; min-height: 32px; }
  .page--product-1c-integration .company-result strong { font-size: 38px; }
  .page--product-1c-integration .company-chart { min-height: 110px; gap: 14px; }
  .page--product-1c-integration .company-chart > div { grid-template-columns: 79px minmax(0,1fr) 67px; gap: 7px; font-size: 11px; }
  .page--product-1c-integration .company-chart > div > div { height: 16px; }
  .page--product-1c-integration .company-table { font-size: 11px; }
  .page--product-1c-integration .company-table > div { gap: 5px; min-height: 32px; }
  .page--product-1c-integration .company-table > .report-table-head { font-size: 11px; }
  .page--product-1c-integration .mapping-section { padding: 38px 0; }
  .page--product-1c-integration .mapping-copy h2 { font-size: 29px; }
  .page--product-1c-integration .mapping-copy p { font-size: 14px; }
  .page--product-1c-integration .mapping-head { font-size: 11px; gap: 32px; }
  .page--product-1c-integration .mapping-row { gap: 12px; padding: 17px 0; }
  .page--product-1c-integration .mapping-row strong { font-size: 13px; }
  .page--product-1c-integration .mapping-row b { font-size: 12px; }
  .page--product-1c-integration .mapping-row span { font-size: 11px; }
}
@media (max-width: 360px) {
  .page--product-1c-integration .report-appbar > span:nth-child(2) { display: none; }
  .page--product-1c-integration .cash-table > div { grid-template-columns: minmax(0,1fr) 75px; }
  .page--product-1c-integration .cash-table > div > :nth-child(2) { display: none; }
  .page--product-1c-integration .profit-summary strong { font-size: 34px; }
  .page--product-1c-integration .margin-result { flex-basis: 100%; display: flex; gap: 8px; align-items: center; }
  .page--product-1c-integration .company-table > div { grid-template-columns: 1fr .9fr .8fr; }
  .page--product-1c-integration .company-table > div > :nth-child(3) { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .page--product-1c-integration [data-company-row] { transition: none; }
  .page--product-1c-integration .hub-packets path, .page--product-1c-integration path.hub-packets, .page--product-1c-integration .hub-wire::after { animation: none; }
}