/* AI-Plus: panel blue with warm and lavender supporting colours. */
:root {
  --primary: #5D6EA9;
  --primary-hover: #4C5E99;
  --primary-ink: #455583;
  --primary-soft: #DDE5FF;
  --primary-tint: #EEF2FF;
  --primary-wash: #F1F4FC;
  --navy: #293650;
  --ink: #273047;
  --muted: #667085;
  --canvas: #F8F9FA;
  --line: #DEE2E6;
  --warm-paper: #FBF7F2;
  --warm-soft: #F7E8D9;
  --warm-line: #E8DDD1;
  --warm-ink: #8B533C;
  --lavender-soft: #F0ECF8;
  --lavender-line: #DDD5ED;
  --lavender-ink: #6C588E;
  --forest: var(--primary);
  --lime: var(--primary-soft);
  --bs-primary: var(--primary);
  --bs-primary-rgb: 93, 110, 169;
  --bs-body-color: var(--ink);
  --bs-body-bg: var(--canvas);
  --bs-link-color: var(--primary);
  --bs-link-hover-color: var(--primary-hover);
  --bs-border-color: var(--line);
}

html { scroll-behavior: smooth; scroll-padding-top: calc(var(--hero-header-size,82px) + 12px); }
body { background: var(--canvas); }
::selection { background: var(--primary-soft); color: var(--ink); }
:focus-visible { outline-color: var(--primary); }
.status-dot, .dot { background: var(--primary); }
.eyebrow, .hero-copy .hero-category { color: var(--primary); }
.eyebrow.light { color: var(--primary-soft); }
.skip-link { background: var(--primary-soft); color: var(--ink); }
.button-dark, .button-lime {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
  --bs-btn-bg: var(--primary);
  --bs-btn-color: #fff;
  --bs-btn-border-color: var(--primary);
  --bs-btn-hover-bg: var(--primary-hover);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-border-color: var(--primary-hover);
  --bs-btn-active-bg: var(--primary-hover);
  --bs-btn-active-color: #fff;
  --bs-btn-active-border-color: var(--primary-hover);
  --bs-btn-focus-shadow-rgb: 93, 110, 169;
}
.button-dark:hover, .button-lime:hover,
.button-dark:active, .button-lime:active {
  background: var(--primary-hover);
  border-color: var(--primary-hover);
  color: #fff;
}
.button-outline {
  border-color: var(--line);
  color: var(--primary-ink);
  --bs-btn-color: var(--primary-ink);
  --bs-btn-hover-bg: var(--primary-tint);
  --bs-btn-hover-color: var(--primary-ink);
  --bs-btn-hover-border-color: var(--primary);
  --bs-btn-active-bg: var(--primary-soft);
  --bs-btn-active-color: var(--primary-ink);
  --bs-btn-active-border-color: var(--primary);
  --bs-btn-focus-shadow-rgb: 93, 110, 169;
}
.button-outline:hover { background: var(--primary-tint); border-color: var(--primary); color: var(--primary-ink); }
.text-link { color: var(--primary); }
.text-link:hover { color: var(--primary-hover); }

/* Light surfaces keep the panel's neutral background and border colours. */
.site-header { background: rgba(248,249,250,.96); border-bottom-color: var(--line); }
.brand, .brand:hover { color: var(--ink); }
.brand-symbol { background: var(--primary); }
.brand-symbol i { background: var(--primary-soft); }
.brand-dot { color: var(--primary); }
.brand-name { flex-direction: row; align-items: baseline; gap: 6px; white-space: nowrap; }
.brand-subtitle { font-size: inherit; line-height: inherit; letter-spacing: inherit; font-weight: 500; }
.partner-logo { opacity: .9; flex: none; }
.partner-logo img, .integration-brand img { display: block; width: 100%; height: auto; filter: saturate(.75); }
.partner-getcourse img { max-width: 176px; }
.partner-yandex img { max-width: 126px; }
.partner-vk img { max-width: 116px; }
.partner-avito img { max-width: 116px; }
.integration-grid .integration-brand { height: 99px; display: flex; align-items: center; justify-content: center; margin: 0; padding-bottom: 18px; }
.integration-brand.partner-getcourse img { max-width: 180px; }
.integration-brand.partner-yandex img { max-width: 126px; }
.integration-brand.partner-vk img { max-width: 120px; }
.integration-brand.partner-avito img { max-width: 120px; }
@media (max-width: 991.98px) {
  .hero-bottom { column-gap: 28px; }
}
@media (max-width: 575.98px) {
  .brand-name { font-size: 19px; gap: 5px; }
  .brand { gap: 9px; }
  .partner-getcourse img { max-width: 136px; }
  .partner-yandex img { max-width: 106px; }
  .partner-vk img { max-width: 100px; }
  .partner-avito img { max-width: 100px; }
  .hero-bottom { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 12px; }
  .hero-bottom>p { grid-column: 1 / -1; }
  .hero-bottom .partner-logo { min-width: 0; justify-content: center; }
  .integration-grid .integration-brand { height: 91px; padding-bottom: 17px; }
  .integration-brand.partner-getcourse img { max-width: 148px; }
  .integration-brand.partner-yandex img { max-width: 108px; }
  .integration-brand.partner-vk img { max-width: 104px; }
  .integration-brand.partner-avito img { max-width: 104px; }
}
.desktop-nav { color: #596579; }
.desktop-nav a:hover, .menu-toggle { color: var(--primary); }
.mobile-nav { background: var(--canvas); border-color: var(--line); }
.hero {
  background:
    radial-gradient(ellipse at 92% 8%, #DDE5FF 0%, transparent 54%),
    radial-gradient(ellipse at 77% 84%, #F3D8BE 0%, transparent 47%),
    linear-gradient(110deg,#F8F9FC 23%,#F6F1F0 100%);
}
.hero-copy h1 span { color: var(--primary); }
.hero-lead, .hero-custom, .hero-bullets li { color: #596579; }
.hero-bullets .bi, .outline-icon, .float-icon,
.check-list li>.bi, .meeting-icon, .plan-icon,
.access-icon, .contractor-role .access-icon { color: var(--primary); }
.visual-overline, .hero-caption, .hero-bottom>p strong, .hero-bottom-note { color: var(--muted); }
.hero-screen { box-shadow: 0 26px 65px -30px rgba(55,74,133,.32); }
.float-note { background: #FFFAF4; border-color: #E7D3C1; box-shadow: 0 12px 32px -20px #8B533C55; }
.float-icon { background: var(--warm-soft); color: var(--warm-ink); }
.hero-bottom { border-color: var(--line); }
.service-wordmark { color: #48536E; }
.service-mini, .vk>span { background: #48536E; }

/* These are placeholder reports; the real table header colour is already used. */
.mock-window, .mock-kpi, .mock-chart, .mock-period { border-color: var(--line); }
.mock-top { background: var(--primary-soft); border-color: var(--line); color: var(--primary-ink); }
.mock-brand, .mock-brand .bi { color: var(--primary-ink); }
.mock-demo-label { background: #fff; color: var(--primary-ink); }
.mock-period, .mock-kpi>span, .report-preview .mock-kpi>span,
.mock-chart-legend, .chart-labels, .mock-note { color: var(--muted); }
.mock-kpi:last-child { background: var(--primary-tint); border-color: var(--line); }
.mock-kpi strong { color: var(--ink); }
.mock-kpi:last-child strong { color: var(--primary-ink); }
.mock-chart-legend i, .table-dot { background: var(--primary); }
.chart-bars {
  border-color: var(--line);
  background: repeating-linear-gradient(to top,transparent 0,transparent 26px,#EDF0F5 26px,#EDF0F5 27px);
}
.chart-bars>i { background: #C3CFF0; }
.chart-bars>i:nth-child(3n) { background: #98A8D7; }
.chart-bars>i:nth-child(5n) { background: var(--primary); }
.mock-table-scroll { scrollbar-color: #B7C2E0 transparent; }
.mock-table th {
  background: var(--primary-soft);
  border-color: var(--line);
  color: #35416B;
}
.mock-table td { color: #596579; border-color: var(--line); }
.placeholder-caption { color: var(--muted); }

.customer-journey { background: var(--canvas); border-color: var(--line); }
.journey-icon { border-color: var(--line); color: var(--primary); }
.journey-end .journey-icon { background: var(--primary-soft); border-color: #BCC8E8; color: var(--primary-ink); }
.journey-line { background: #C4CEE9; }
.journey-line:after { border-color: #A1AFD5; }
@media (max-width: 767.98px) {
  .customer-journey { display: grid; grid-template-columns: minmax(0,1fr); gap: 12px; padding: 24px; }
  .customer-journey>div { display: grid; grid-template-columns: 38px minmax(0,1fr); width: auto; min-width: 0; gap: 4px 13px; text-align: left; }
  .customer-journey .journey-icon { grid-row: span 2; align-self: center; margin: 0; width: 38px; height: 38px; }
  .customer-journey strong { margin: 0; }
  .customer-journey p { line-height: 1.5; }
  .customer-journey p br { display: none; }
  .customer-journey .journey-line { display: block; width: 1px; height: 20px; min-width: 0; margin: 0 0 0 19px; }
  .customer-journey .journey-line:after { width: 7px; height: 7px; right: -3px; top: auto; bottom: 0; transform: rotate(135deg); }
}
.meeting-scene { background: var(--warm-paper); border-color: var(--warm-line); }
.meeting-icon { background: var(--warm-soft); border-color: #E7D3C1; color: var(--warm-ink); }
.meeting-heading p, .role-tag { color: #596579; }
.speaker-orange { background: var(--warm-soft); color: var(--warm-ink); }
.speaker-green { background: var(--lavender-soft); color: var(--lavender-ink); }
.speaker-blue { background: var(--primary-soft); color: var(--primary-ink); }
.attribution-grid blockquote { border-color: var(--warm-line); color: var(--ink); }
.attribution-grid blockquote:before { border-color: var(--warm-line); }
.problem-details { border-color: var(--line); }
.conclusion-mark { background: #FFF1DA; color: #91691F; }

/* Deep blue sections give the pale interface palette a little contrast. */
.approach-section { background: radial-gradient(ellipse at 10% 100%,#49415E 0%,transparent 62%), var(--navy); color: #fff; }
.approach-section p:not(.eyebrow) { color: #C7D1E9; }
.approach-section p.approach-footnote { color: #DDE5FF; border-color: #53607A; }
.rules-panel { border-color: var(--line); box-shadow: 0 15px 30px -20px rgba(10,21,47,.65); }
.rules-panel-head, .rule-row { border-color: var(--line); }
.rules-panel-head>strong { flex: 1; min-width: 0; font-size: 19px; font-weight: 650; line-height: 1.3; letter-spacing: -.02em; }
.rules-panel-head .rules-status { display: inline-flex; align-items: center; flex: none; }
.mini-icon { background: var(--primary-tint); color: var(--primary); }
.rules-panel-head div>span, .approach-section .rule-row p,
.approach-section .rules-example p { color: var(--muted); }
.rules-status { color: var(--primary-ink); background: var(--primary-soft); }
.rule-index { color: #7784A4; }
.rule-row>.bi { color: var(--primary); }
.rules-example { background: var(--warm-paper); border: 1px solid var(--warm-line); }
.rules-example>span { color: var(--warm-ink); }

.report-switcher-heading p { color: var(--primary-ink); }
.report-switcher-heading p>.bi { color: var(--primary); }
.report-switcher-heading>span, .report-counter { color: var(--muted); }
.report-tabs .nav-link {
  color: var(--primary-ink);
  border-color: var(--line);
  background: #fff;
  box-shadow: 0 2px 0 #E3E8F3;
}
.report-tabs .nav-link>.tab-action { color: var(--primary); }
.report-tabs .nav-link:hover {
  background: var(--primary-tint);
  border-color: #A1AFD5;
  color: var(--primary-ink);
  box-shadow: 0 2px 0 #CAD4EE;
}
.report-tabs .nav-link[aria-selected=true],
.report-tabs .nav-link[aria-selected=true]:hover {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
  box-shadow: 0 3px 0 #455583;
}
.report-tabs .nav-link[aria-selected=true]>.tab-action { color: var(--primary-soft); }
.report-tabs .nav-link:focus-visible { outline-color: var(--primary); }
.report-panel { border-color: var(--line); }
.report-preview { background: var(--primary-wash); }
.check-list { color: #596579; }
.report-result { color: var(--primary-ink); border-color: var(--line); }

.cases-section { background: var(--warm-paper); }
.case-card { border-color: var(--warm-line); background: #fff; box-shadow: 0 8px 24px -20px #654B3540; }
.case-featured { background: #F0F2FC; border-color: var(--line); }
.case-label { color: var(--warm-ink); }
.case-number { color: var(--warm-ink); background: var(--warm-soft); border-radius: 50%; width: 30px; height: 30px; display: inline-grid; place-items: center; flex: none; }
.case-stat, .romi-compare strong, .new-contractor strong { color: var(--primary); }
.case-discovery { background: var(--primary-tint); border-color: var(--line); }
.case-discovery>span, .case-insight>span { color: var(--primary-ink); }
.case-discovery>p, .romi-compare>div>span,
.new-contractor span, .new-contractor p { color: #596579; }
.case-insight, .new-contractor { border-color: var(--warm-line); }
/* Two equal columns make the ROMI comparison independent of label length. */
.cases-grid .romi-compare { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; max-width: none; }
.cases-grid .romi-compare>div { display: grid; gap: 9px; text-align: center; }
.cases-grid .romi-compare>div+div { border-left: 1px solid #CBD3EA; }
.cases-grid .romi-compare>div>span { max-width: none; min-height: 3em; margin: 0; line-height: 1.5; }
.cases-grid .romi-compare strong { font-variant-numeric: tabular-nums; }
.debt-demo-tags>span { background: #FFF3DC; color: #8E641A; }
.debt-demo-tags>span:last-child { background: #F8E7E8; color: #A35260; }

/* Shared rows keep each part of the case studies aligned across cards. */
.cases-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); column-gap: 24px; row-gap: 0; margin: 0; }
.cases-grid>div { display: grid; grid-template-rows: subgrid; grid-row: span 5; width: auto; max-width: none; min-width: 0; padding: 0; margin: 0; }
.cases-grid .case-card { display: grid; grid-template-rows: subgrid; grid-row: span 5; height: auto; row-gap: 0; }
.cases-grid .case-insight { margin-top: 0; }
.cases-grid .case-discovery { display: grid; grid-template-rows: auto minmax(96px,auto) 1fr; gap: 14px; align-items: start; }
.cases-grid .case-discovery>.case-stat,
.cases-grid .case-discovery>.romi-compare,
.cases-grid .case-discovery>.debt-demo-tags { margin: 0; align-self: center; }
.cases-grid .case-discovery>.case-stat { gap: 12px; }
.cases-grid .case-discovery>.romi-compare { width: 100%; }
.cases-grid .case-discovery>p { margin: 0; }
@media (min-width: 768px) and (max-width: 991.98px) {
  .cases-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .cases-grid>div:nth-child(n+3) { margin-top: 24px; }
}
@media (max-width: 767.98px) {
  .cases-grid { display: block; }
  .cases-grid>div { display: block; margin-bottom: 20px; }
  .cases-grid>div:last-child { margin-bottom: 0; }
  .cases-grid .case-card { display: flex; }
  .cases-grid .case-discovery { grid-template-rows: auto auto auto; }
  .cases-grid .case-discovery>.romi-compare>div>span { min-height: 0; }
}

.integration-grid article { border-color: var(--line); }
.logo-manual { background: var(--warm-soft); color: var(--warm-ink); }
.integration-grid .integration-card { display: flex; flex-direction: column; align-items: center; padding: 26px 20px; }
.integration-grid .integration-brand,
.integration-ad-logos,
.integration-manual-heading { display: flex; align-items: center; justify-content: center; flex: none; width: 100%; height: 88px; margin: 0; padding: 0; }
.integration-ad-logos { gap: 24px; }
.integration-ad-logos>span { display: flex; align-items: center; justify-content: center; flex: 1; min-width: 0; max-width: 126px; }
.integration-ad-logos img { display: block; width: 100%; height: auto; max-width: 108px; filter: saturate(.75); }
.integration-ad-logos .partner-vk img,
.integration-ad-logos .partner-avito img { max-width: 100px; }
.integration-ad-logos .partner-vitamin img { max-width: 126px; }
.integration-manual-heading { flex-direction: column; gap: 10px; }
.integration-manual-heading .integration-logo { width: 40px; height: 40px; margin: 0; font-size: 22px; border-radius: 11px; }
.integration-grid .integration-manual-heading h3 { margin: 0; font-size: 15px; line-height: 1.5; }
.integration-grid .integration-card>p { margin: 14px 0 0; }
@media (max-width: 991.98px) {
  .integration-grid { --bs-gutter-y: 16px; }
}
@media (max-width: 575.98px) {
  .integration-grid .integration-card { padding: 22px 18px; }
  .integration-ad-logos { gap: 16px; }
  .integration-grid .integration-brand,
  .integration-ad-logos,
  .integration-manual-heading { height: 78px; }
  .integration-ad-logos { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); justify-items: center; gap: 16px 24px; height: 112px; }
}
.refresh-strip { border-color: var(--line); }
.refresh-strip .bi { color: var(--primary); }
.refresh-strip span { color: var(--muted); }
.refresh-strip strong { color: var(--primary-ink); }
.refresh-strip>i { background: var(--line); }
.access-roles>div { border-color: var(--line); }
.access-roles .contractor-role { background: #fff; border-color: var(--line); }
.contractor-role .access-icon { color: var(--primary); }
.steps-grid article { border-color: var(--line); }
.step-number { color: #A16B4E; }
.step-badge { background: var(--warm-soft); color: var(--warm-ink); }

.setup-price { background: radial-gradient(ellipse at 100% 0%,#51465E 0%,transparent 65%),linear-gradient(125deg,#293650,#354669); color: #fff; }
.light-checks { color: #D5DEF3; }
.light-checks li>.bi { color: var(--primary-soft); }
.setup-amount { border-color: #53607A; }
.included-reports>p { color: #D5DEF3; }
.included-reports li { background: #ffffff09; color: #E6EDFF; border-color: #65718A; }
.price-label, .old-price, .setup-amount>p { color: #C0CBE5; }
.large-price { color: #fff; }
.special-price { color: var(--primary-soft); }
.setup-amount .button-lime { border-color: #9BAADB; }
.setup-amount .button-lime:hover { border-color: #9BAADB; }

.support-common { background: var(--primary-soft); border-color: var(--line); color: var(--primary-ink); }
.support-common>.bi { color: var(--primary); }
.support-card { background: #FFFCF8; border-color: var(--warm-line); }
.support-managed { background: #F2EFF9; border-color: var(--lavender-line); }
.support-managed .plan-label, .support-managed .plan-icon { color: var(--lavender-ink); }
.plan-label { color: var(--primary-ink); }
.plan-price del { color: var(--muted); }
.plan-bottom, .plan-example { border-color: var(--line); }
.plan-bottom .bi { color: var(--primary); }
.plan-bottom strong, .plan-example p, .plan-example strong { color: var(--primary-ink); }
.plan-example>span, .support-note { color: var(--muted); }
.faq-section { background: var(--warm-paper); border-color: var(--warm-line); }
.faq-items, .faq-items .accordion-item { border-color: var(--warm-line); }
.faq-items .accordion-button .bi { color: var(--primary); }

.demo-section { background: radial-gradient(ellipse at 0% 100%,#48405B 0%,transparent 67%),var(--navy); color: #fff; }
.demo-copy h2 span { color: var(--primary-soft); }
.demo-copy>p:not(.eyebrow), .demo-test p { color: #C7D1E9; }
.demo-test>span { color: var(--primary-soft); border-color: #65718A; }
.demo-form { background: #fff; }
.demo-form label { color: #596579; }
.demo-form .form-control { border-color: var(--line); }
.demo-form .form-control:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(93,110,169,.18); }
.demo-form input::placeholder { color: #6B7280; }
.demo-form .form-prototype-note { color: var(--muted); }
.form-status, .selected-plan-note { color: var(--primary-ink); }
.site-footer { background: #222D45; color: #C7D1E9; border-color: #46526D; }
.site-footer .brand { color: #F2F5FF; }
.site-footer .brand-symbol { background: var(--primary); border-color: transparent; }
.site-footer .brand-dot { color: var(--primary-soft); }
.site-footer .brand-name { align-items: center; gap: 9px; }
.brand-separator { display: inline-block; width: 4px; height: 4px; flex: none; border-radius: 50%; background: currentColor; opacity: .65; }
@media (max-width: 575.98px) {
  .footer-top { flex-wrap: wrap; row-gap: 16px; }
}
.footer-top>p, .footer-bottom, .back-top { color: #BDC9E6; }
.footer-bottom { border-color: #46526D; }
.footer-bottom a:hover { color: #fff; }

/* One monthly service: launch in month one, then a choice of support. */
.hero-billing { display: inline-flex; align-items: flex-start; gap: 12px; margin-top: 22px; color: var(--primary-ink); font-size: 14px; line-height: 1.65; }
.hero-billing>.bi { flex: none; margin-top: 4px; font-size: 21px; color: var(--primary); }
.hero-billing strong { display: block; font-size: 15px; font-weight: 650; }
.hero-billing>span>span { display: block; color: var(--muted); }
.hero-billing>span>span>.bi { margin-left: 4px; color: var(--primary); }
.hero-billing:hover strong { color: var(--primary-hover); text-decoration: underline; text-underline-offset: 4px; }
.monthly-pricing { padding: 40px 0 90px; background: #fff; }
.pricing-heading { max-width: 850px; margin-bottom: 34px; }
.pricing-heading>p:last-child { max-width: 650px; }
.billing-start { padding: 40px; }
.billing-stage { display: flex; align-items: center; gap: 11px; margin-bottom: 20px; font-size: 14px; font-weight: 650; line-height: 1.4; letter-spacing: .06em; color: var(--primary-ink); }
.billing-stage>span { display: inline-flex; align-items: center; justify-content: center; width: 31px; height: 31px; flex: none; border-radius: 50%; border: 1px solid #BBC8EA; background: var(--primary-tint); font-size: 14px; letter-spacing: 0; }
.billing-start .billing-stage { color: #F1CEAD; }
.billing-start .billing-stage>span { background: #F1CEAD12; border-color: #A38B82; }
.billing-start h3 { margin: 0 0 16px; font-size: calc(clamp(27px,2.5vw,34px) - 1px); line-height: 1.2; letter-spacing: -.035em; }
.setup-intro { max-width: 590px; margin-bottom: 24px; color: #D5DEF3; font-size: 15px; line-height: 1.75; }
.billing-start .light-checks { margin: 0; }
.billing-start .light-checks li { margin-bottom: 10px; }
.billing-start .included-reports { margin-top: 24px; }
.billing-start .included-reports>p { margin-bottom: 10px; font-size: 14px; }
.billing-start .included-reports ul { gap: 7px; margin-bottom: 0; }
.billing-start .included-reports li { padding: 5px 9px; }
.billing-start .setup-amount { padding-left: 30px; padding-right: 12px; }
.billing-start .price-label { margin-bottom: 8px; font-size: 16px; }
.billing-start .large-price { font-size: clamp(60px,5.8vw,78px); font-weight: 600; letter-spacing: -.055em; }
.billing-start .large-price span { font-size: 38px; }
.billing-start .setup-amount>.first-month-includes { margin-top: 17px; font-size: 15px; line-height: 1.7; color: #E6EDFF; }
.setup-included { display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin-top: 20px; font-size: 14px; line-height: 1.5; color: #F1CEAD; }
.setup-included .bi { flex: none; font-size: 17px; }
.billing-start .setup-amount .button { min-width: 0; width: 100%; max-width: 340px; padding: 15px 12px; gap: 10px; margin-top: 24px; }
.billing-start .setup-amount>.setup-payment-note { margin-top: 12px; font-size: 14px; }
.billing-continuation { padding-top: 36px; scroll-margin-top: 94px; }
.billing-next-heading { position: relative; padding-top: 30px; margin-bottom: 26px; border-top: 1px solid var(--line); }
.billing-next-heading .billing-stage { margin-bottom: 16px; }
.billing-next-heading h3 { font-size: 29px; margin-bottom: 13px; }
.billing-next-heading>p:last-child { max-width: 800px; font-size: 15px; line-height: 1.75; }
.monthly-pricing .support-card { padding: 30px; }
.monthly-pricing .plan-top { margin-bottom: 17px; }
.monthly-pricing .support-card h4 { margin: 0 0 13px; color: var(--ink); font-size: 28px; font-weight: 650; line-height: 1.25; letter-spacing: -.035em; }
.monthly-pricing .plan-lead { font-size: 15px; line-height: 1.75; }
.monthly-pricing .plan-price { margin: 22px 0; }
.monthly-pricing .plan-price strong { font-size: 45px; }
.monthly-pricing .plan-price strong>span { font-size: 17px; }
.monthly-pricing .support-card .check-list { margin: 24px 0; }
.monthly-pricing .support-note { display: flex; align-items: center; justify-content: center; gap: 9px; margin-top: 24px; font-size: 14px; }
.monthly-pricing .support-note>.bi { flex: none; color: var(--primary); font-size: 17px; }
@media (min-width:768px) {
  .monthly-pricing .plan-lead { min-height: 79px; }
}
@media (max-width:991.98px) {
  .billing-start { padding: 32px; }
  .billing-start .setup-amount { border-left: 0; border-top: 1px solid #53607A; padding: 28px 12px 0; margin-top: 8px; }
  .monthly-pricing .support-card { padding: 26px; }
  .monthly-pricing .support-card h4 { font-size: 25px; }
}
@media (min-width:768px) and (max-width:991.98px) {
  .monthly-pricing .support-card h4 { min-height: 2.5em; }
}
@media (max-width:767.98px) {
  .monthly-pricing { padding-bottom: 65px; }
  .billing-start { padding: 28px; }
  .monthly-pricing .support-card h4 { font-size: 28px; }
}
@media (max-width:575.98px) {
  .monthly-pricing { padding-top: 15px; padding-bottom: 58px; }
  .pricing-heading { margin-bottom: 26px; }
  .pricing-heading h2 { font-size: 29px; }
  .pricing-heading>p:last-child { font-size: 15px; }
  .billing-start { padding: 26px 21px; border-radius: 18px; }
  .billing-start h3 { font-size: 26px; }
  .billing-start .large-price { font-size: 64px; }
  .billing-start .large-price span { font-size: 32px; }
  .billing-start .setup-amount { padding-left: 12px; }
  .billing-stage { gap: 9px; font-size: 14px; letter-spacing: .025em; }
  .billing-continuation { padding-top: 28px; }
  .billing-next-heading { padding-top: 26px; }
  .billing-next-heading h3 { font-size: 26px; }
  .monthly-pricing .support-card { padding: 25px 22px; }
  .monthly-pricing .support-card h4 { font-size: 26px; }
  .monthly-pricing .plan-price strong { font-size: 42px; }
  .monthly-pricing .support-note { text-align: left; align-items: flex-start; gap: 10px; }
  .monthly-pricing .support-note>.bi { margin-top: 4px; }
  .hero-billing { gap: 10px; }
  .demo-copy h2 { font-size: 39px; }
}

/* The hero uses the supplied real screenshot; report tabs retain their demos. */
.hero-screen-real{padding:8px;border:1px solid var(--line);background:#fff;border-radius:17px;overflow:hidden}
.hero-screenshot-trigger{position:relative;display:block;width:100%;padding:0;border:0;border-radius:10px;background:var(--canvas);overflow:hidden;cursor:zoom-in;text-align:left}
.hero-screenshot-trigger>img{display:block;width:100%;height:auto}
.hero-screenshot-trigger:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
.hero-screenshot-zoom{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #ffffff45;border-radius:8px;background:rgba(41,54,80,.94);box-shadow:0 4px 16px #1c2d5430;color:#fff;font-size:14px;font-weight:550;line-height:1.4;pointer-events:none}
.hero-screenshot-zoom .bi{font-size:17px}
.hero-screenshot-trigger:hover .hero-screenshot-zoom{background:var(--primary-hover)}
.has-screenshot .visual-overline{letter-spacing:.025em;gap:12px}
.has-screenshot .hero-caption{font-size:14px;line-height:1.6}
.screenshot-modal .modal-dialog{max-width:min(1547px,calc(100vw - 48px));margin:24px auto;min-height:calc(100% - 48px)}
.screenshot-modal .modal-content{max-height:calc(100dvh - 48px);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 24px 80px #16244340}
.screenshot-modal .modal-header{gap:16px;padding:20px 24px;border-color:var(--line);background:#fff}
.screenshot-modal .modal-title{font-size:20px;line-height:1.35;letter-spacing:-.025em}
.screenshot-modal-hint{margin-top:5px;font-size:14px;line-height:1.5;color:var(--muted)}
.screenshot-close{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--primary);font-size:20px;line-height:1}
.screenshot-close:hover{background:var(--primary-tint)}
.screenshot-modal .modal-body{padding:16px;background:var(--canvas);overflow:auto;overscroll-behavior:contain}
.hero-screenshot-full{width:1499px}
.hero-screenshot-full img{display:block;width:1499px;max-width:none;height:auto}
.screenshot-modal .modal-footer{justify-content:space-between;gap:16px;padding:14px 24px;border-color:var(--line);background:#fff}
.screenshot-modal .modal-footer .button{min-height:44px;font-size:14px}
@media(min-width:1200px){.hero-visual.has-screenshot{margin-right:-24px}}
@media(min-width:1400px){.hero-visual.has-screenshot{margin-right:-64px}}
@media(max-width:575.98px){.hero-screen-real{padding:6px;border-radius:13px}.hero-screenshot-trigger{border-radius:8px}.hero-screenshot-zoom{right:8px;bottom:8px;padding:8px 10px;font-size:14px}.has-screenshot .visual-overline{font-size:14px;letter-spacing:0;flex-wrap:wrap}.screenshot-modal .modal-dialog{max-width:calc(100vw - 24px);margin:12px auto;min-height:calc(100% - 24px)}.screenshot-modal .modal-content{max-height:calc(100dvh - 24px);border-radius:12px}.screenshot-modal .modal-header{padding:16px;gap:10px;align-items:flex-start}.screenshot-modal .modal-title{font-size:19px}.screenshot-modal-hint{font-size:14px}.screenshot-modal .modal-body{padding:12px}.screenshot-modal .modal-footer{padding:12px 16px;gap:12px}.screenshot-modal .modal-footer .text-link{font-size:14px}}

/* Mobile planning-meeting quotes: one pixel smaller than desktop. */
@media(max-width:767.98px){.attribution-grid blockquote{font-size:15px}}