/* Public website: bright surfaces, electric blue, and clear product detail. */
:root {
    --blue: #2563ff;
    --blue-dark: #174de0;
    --blue-soft: #edf3ff;
    --ink: #172033;
    --muted: #5d6b82;
    --line: #e4eaf3;
    --surface: #fff;
    --success: #07956c;
    --shadow: none;
}
html { scroll-padding-top: 90px; }
body.home-page, body.marketing-page {
    background: #ffffff;
    color: var(--ink);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    line-height: 1.7;
}
[hidden] { display: none !important; }
.container { width: min(1200px, calc(100% - 80px)); }
.site-header { background: #ffffff; border-bottom: 1px solid var(--line); backdrop-filter: none; }
.nav-wrap { min-height: 76px; }
.brand img { width: 128px; height: auto; margin-left: 0; }
.main-nav { gap: 30px; font-weight: 500; }
.main-nav > a.active, .main-nav > a:not(.button):hover { color: var(--blue); }
.button { border-radius: 9px; font-size: 14px; font-weight: 600; transition: background .18s, border-color .18s; }
.button:hover { transform: none; }
.button-primary, .button-primary:hover { background: var(--blue); box-shadow: none; color: #fff; }
.button-primary:hover { background: var(--blue-dark); }
.button-secondary { border-color: #d6deec; background: transparent; color: var(--ink); }
.button-secondary:hover { background: #f0f5ff; border-color: #9bb5f3; }
.button-large { min-height: 50px; padding: 0 25px; }
.button span { font-size: 19px; font-weight: 400; }
.nav-cta { min-height: 40px; padding-inline: 19px; }
.language-trigger { border-radius: 4px; font-weight: 500; color: var(--muted); }
.language-trigger:hover, .language-menu.open .language-trigger { background: #f0f5ff; border-color: var(--line); color: var(--ink); }
.language-dropdown, .account-dropdown { border-color: var(--line); border-radius: 6px; box-shadow: 0 10px 25px #17203312; }
.language-dropdown a, .account-dropdown a { border-radius: 3px; }
.language-dropdown a.active, .language-dropdown a:hover { background: #edf3ff; color: var(--blue); }
.account-trigger { border-radius: 5px; border-color: var(--line); box-shadow: none; }
.account-trigger:hover { background: #edf3ff; box-shadow: none; border-color: #b4c8f4; }
.account-avatar { border-radius: 4px; background: var(--blue); box-shadow: none; }
.section-kicker { display: inline-flex; align-items: center; gap: 12px; padding: 0; border: 0; border-radius: 0; background: none; color: var(--muted); font-size: 12px; font-weight: 500; letter-spacing: .1em; line-height: 1.7; }
.small-rule { display: inline-block; width: 24px; height: 2px; background: var(--blue); }
.plain-link { display: inline-flex; align-items: center; gap: 16px; color: var(--ink); font-size: 14px; font-weight: 500; }
.plain-link:hover { color: var(--blue); text-decoration: underline; text-underline-offset: 5px; }
.plain-link span { font-size: 19px; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 2px solid var(--blue); outline-offset: 4px; }
.home-intro { padding: 70px 0 56px; background: #f5f8ff; }
.intro-heading { display: grid; grid-template-columns: 1.25fr 1fr; gap: 70px; align-items: end; margin-bottom: 50px; }
.intro-heading h1 { margin: 22px 0 0; font-size: clamp(42px, 4.5vw, 64px); font-weight: 600; line-height: 1.23; letter-spacing: -.045em; }
.intro-accent { color: var(--blue); }
.intro-note { padding-bottom: 7px; }
.intro-note > p { margin: 0 0 26px; color: #53627c; font-size: 16px; line-height: 1.9; }
.intro-actions { display: flex; align-items: center; gap: 25px; }
.intro-note > small { display: block; margin-top: 18px; color: #758299; font-size: 12px; }
.report-preview { display: grid; grid-template-columns: 185px minmax(0, 1fr); min-height: 458px; overflow: hidden; border: 1px solid #dce5f4; border-radius: 14px; background: #fff; box-shadow: 0 8px 28px #2563ff0a; }
.report-sidebar { display: flex; flex-direction: column; padding: 25px 15px 19px; border-right: 1px solid #e4eaf3; background: #f7f9fe; }
.report-brand { display: flex; align-items: baseline; justify-content: space-between; margin: 0 9px 27px; font-size: 19px; font-weight: 650; letter-spacing: -.6px; }
.report-brand > span { color: #8591a7; font-size: 7px; font-weight: 500; letter-spacing: 1px; }
.report-site { display: flex; align-items: center; gap: 9px; padding: 0 7px; margin-bottom: 26px; }
.site-monogram { display: grid; place-items: center; width: 31px; height: 31px; border: 1px solid #dce5f4; border-radius: 8px; background: #edf3ff; color: var(--blue); font-size: 14px; font-weight: 600; }
.report-site > div { flex: 1; }
.report-site strong { display: block; font-size: 11px; font-weight: 500; }
.report-site small { display: block; color: #7d8aa2; font-size: 9px; }
.report-site > span:last-child { font-size: 13px; color: #75829b; }
.report-nav-heading { margin: 0 11px 9px; color: #7b88a1; font-size: 10px; }
.report-tabs { display: flex; flex-direction: column; gap: 4px; }
.report-tabs button { display: flex; align-items: center; gap: 11px; width: 100%; padding: 10px 12px; border: 0; border-radius: 7px; background: transparent; color: #63738e; text-align: left; font-size: 11px; cursor: pointer; }
.report-tabs button[aria-selected="true"] { background: #e8efff; color: #2255dd; font-weight: 600; }
.report-tabs button:hover { background: #edf3ff; }
.report-tabs svg { width: 15px; height: 15px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.5; }
.report-sidebar-foot { display: flex; align-items: center; gap: 7px; margin: auto 11px 0; padding-top: 35px; color: #6b7c98; font-size: 10px; }
.live-dot { display: inline-block; flex-shrink: 0; width: 6px; height: 6px; border-radius: 50%; background: #0aaf84; }
.report-body { min-width: 0; }
.report-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 18px 28px; border-bottom: 1px solid #eaf0f8; font-size: 11px; }
.report-toolbar > span:first-child { display: flex; gap: 13px; align-items: center; }
.report-toolbar strong { font-weight: 500; }
.report-breadcrumb, .report-toolbar > span > span:nth-child(2) { color: #7a889f; }
.report-date { padding: 4px 10px; border: 1px solid #e0e7f2; border-radius: 4px; color: #60718d; font-size: 10px; white-space: nowrap; }
.report-date > span { margin-left: 14px; }
.report-panel { padding: 28px 28px 0; }
.report-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 34px; }
.report-metrics > div { padding-left: 24px; border-left: 1px solid #e5ebf5; }
.report-metrics > div:first-child { padding-left: 0; border-left: none; }
.report-metrics > div > span { display: block; color: #63738c; font-size: 11px; }
.report-metrics strong { display: block; margin: 5px 0 4px; font-size: 30px; line-height: 1.3; letter-spacing: -.7px; font-weight: 600; font-variant-numeric: tabular-nums; }
.report-metrics strong span { margin: 0 2px; font-size: 16px; letter-spacing: 0; }
.report-metrics small { color: #7d8ba3; font-size: 9px; }
.report-metrics small b { margin-left: 3px; color: #008460; font-weight: 500; }
.report-chart-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; font-size: 10px; }
.report-chart-heading > strong { font-weight: 500; color: #566984; }
.report-chart-heading > span { display: flex; align-items: center; gap: 6px; color: #7888a2; font-size: 9px; }
.report-chart-heading i { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #2563ff; }
.report-chart-heading i.previous-dot { margin-left: 14px; background: #b3c5ed; }
.report-chart { position: relative; padding-left: 30px; }
.report-chart > svg { display: block; width: 100%; height: 151px; overflow: visible; }
.chart-scale { position: absolute; top: 0; bottom: 25px; left: 0; display: flex; flex-direction: column; justify-content: space-between; color: #8392aa; font-size: 9px; }
.chart-grid { fill: none; stroke: #edf1f8; stroke-width: 1; }
.chart-fill { fill: #dfeaff; fill-opacity: .72; }
.chart-previous { fill: none; stroke: #aac0ee; stroke-width: 1.5; stroke-dasharray: 4 5; }
.chart-current { fill: none; stroke: #2563ff; stroke-width: 2.2; stroke-linejoin: round; }
.chart-dates { display: flex; justify-content: space-between; margin-top: 9px; color: #7c8da7; font-size: 9px; }
.report-bottom-line { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 23px; padding: 13px 0; border-top: 1px solid #edf1f8; color: #74869f; font-size: 9px; }
.report-bottom-line > span:first-child { display: flex; align-items: center; gap: 6px; }
.report-bottom-line b { color: #008460; font-weight: 500; }
.preview-caption { display: flex; justify-content: space-between; margin-top: 16px; color: #62728d; font-size: 11px; }
.report-table-panel { min-height: 388px; padding-top: 23px; }
.report-table-panel h3 { margin: 0 0 4px; font-size: 18px; font-weight: 500; }
.report-table-panel p { margin: 0 0 22px; color: #6d7f9b; font-size: 11px; }
.demo-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.demo-table th { padding: 10px 8px; border-bottom: 1px solid #e3eaf5; color: #7183a0; font-size: 10px; font-weight: 400; text-align: left; }
.demo-table td { padding: 16px 8px; border-bottom: 1px solid #edf2f8; color: #435674; font-variant-numeric: tabular-nums; }
.demo-table th:not(:first-child), .demo-table td:not(:first-child) { text-align: right; }
.demo-table td:first-child { width: 60%; }
.demo-table code { font-size: 11px; }
.table-bar { display: block; position: relative; isolation: isolate; }
.table-bar::before { position: absolute; z-index: -1; inset: -7px auto -7px -7px; width: var(--bar); border-radius: 2px; background: #edf3ff; content: ''; }
.home-capabilities { padding: 76px 0 85px; border-top: 1px solid var(--line); }
.section-head { display: grid; grid-template-columns: 1fr 1.7fr 1fr; align-items: start; gap: 32px; margin-bottom: 47px; }
.section-head > .section-kicker { padding-top: 10px; }
.section-head h2, .install-layout h2, .questions-intro h2 { margin: 0; font-size: 36px; font-weight: 550; line-height: 1.4; letter-spacing: -.04em; }
.section-head > a { justify-self: end; margin-top: 13px; }
.capability-columns { display: grid; grid-template-columns: repeat(3, 1fr); }
.capability-columns article { padding: 0 40px; border-left: 1px solid var(--line); }
.capability-columns article:first-child { padding-left: 0; border-left: 0; }
.capability-columns article:last-child { padding-right: 0; }
.item-number { color: #2563ff; font: 12px ui-monospace, monospace; }
.capability-columns h3 { margin: 15px 0 13px; font-size: 20px; font-weight: 550; }
.capability-columns p { margin: 0 0 24px; max-width: 340px; color: var(--muted); font-size: 14px; line-height: 1.9; }
.capability-detail { color: #75859f; font-size: 11px; }
.home-install { padding: 80px 0; border-top: 1px solid #e4ecfa; border-bottom: 1px solid #e4ecfa; background: #f3f7ff; }
.install-layout { display: grid; grid-template-columns: 1fr 1.1fr; gap: 100px; align-items: center; }
.install-layout h2 { margin-top: 20px; }
.install-intro { margin: 18px 0 24px; color: var(--muted); font-size: 14px; }
.install-steps { margin: 0; padding: 0; list-style: none; }
.install-steps li { display: flex; gap: 17px; padding: 17px 0; border-bottom: 1px solid #dde7f7; }
.install-steps li:last-child { border-bottom: 0; padding-bottom: 0; }
.install-steps li > span { padding-top: 3px; color: #2563ff; font: 13px ui-monospace, monospace; }
.install-steps strong { font-size: 14px; font-weight: 550; }
.install-steps p { margin: 4px 0 0; color: #697c99; font-size: 12px; }
.install-code-block { overflow: hidden; border: 1px solid #223051; border-radius: 12px; color: #d8e5ff; background: #111c36; }
.code-file { display: flex; justify-content: space-between; padding: 15px 24px; border-bottom: 1px solid #293752; color: #a0b2d3; font: 11px ui-monospace, "SFMono-Regular", monospace; }
.install-code-block pre { overflow-x: auto; margin: 0; padding: 28px 24px; font-size: 12px; line-height: 2.15; tab-size: 2; }
.install-code-block code { font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; }
.code-muted { color: #7488ad; }
.code-highlight { color: #82b6ff; }
.code-note { padding: 19px 24px; border-top: 1px solid #293752; font-size: 11px; }
.code-note > span { display: block; color: #adbfdd; line-height: 1.8; }
.code-note a { display: inline-flex; gap: 18px; margin-top: 12px; color: #e3eeff; }
.home-questions { padding: 88px 0; }
.questions-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 115px; }
.questions-intro h2 { margin-top: 22px; }
.questions-intro p { max-width: 290px; margin: 22px 0; color: var(--muted); font-size: 14px; line-height: 1.9; }
.question-list details { padding: 23px 0; border-top: 1px solid var(--line); }
.question-list details:last-child { border-bottom: 1px solid var(--line); }
.question-list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; font-size: 15px; font-weight: 500; list-style: none; }
.question-list summary::-webkit-details-marker { display: none; }
.question-list summary > span { color: #2563ff; font-size: 21px; font-weight: 300; line-height: 1; }
.question-list details[open] summary > span { transform: rotate(45deg); }
.question-list details p { margin: 16px 38px 0 0; color: var(--muted); font-size: 13px; line-height: 1.9; }
.start-section { padding: 0 0 74px; }
.start-row { display: flex; align-items: center; justify-content: space-between; gap: 35px; padding: 42px 0 0; border-top: 1px solid var(--line); }
.start-row h2 { margin: 12px 0 0; font-size: 29px; line-height: 1.4; letter-spacing: -.035em; font-weight: 550; }
.start-row > .button { flex-shrink: 0; }
.marketing-hero, .legal-hero { background: none; padding: 75px 0 58px; }
.marketing-hero::after, .legal-hero::after { display: none; }
.marketing-hero-inner { max-width: 1200px; text-align: left; }
.marketing-hero h1 { max-width: 900px; margin: 24px 0 24px; color: var(--ink); font-size: clamp(36px, 4vw, 56px); line-height: 1.25; font-weight: 550; letter-spacing: -.04em; }
.marketing-hero p { max-width: 680px; margin: 0; color: var(--muted); font-size: 16px; }
.marketing-actions { justify-content: flex-start; margin-top: 27px; }
.marketing-section { padding: 58px 0; }
.marketing-section--tint { background: #f3f7ff; border-block: 1px solid var(--line); }
.product-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0 70px; padding-bottom: 20px; }
.product-card { display: grid; grid-template-columns: 1fr 1.7fr; align-items: start; gap: 8px 20px; padding: 29px 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: transparent; box-shadow: none; }
.product-card > span { grid-column: 1/-1; display: block; width: auto; height: auto; min-width: 0; margin: 0 0 12px; padding: 0; border-radius: 0; color: #2563ff; background: none; font-size: 11px; font-weight: 400; }
.product-card h2 { margin: 0; color: var(--ink); font-size: 19px; font-weight: 550; }
.product-card p { color: var(--muted); font-size: 13px; line-height: 1.9; }
.split-feature { gap: 100px; }
.split-feature h2 { color: var(--ink); font-size: 30px; font-weight: 550; letter-spacing: -.035em; }
.split-feature p, .solution-row p { color: var(--muted); font-size: 14px; }
.check-list li { color: #4d617e; font-size: 13px; }
.check-list li::before { color: var(--blue); background: transparent; }
.pricing-section { padding-top: 6px; }
.pricing-grid { gap: 20px; align-items: stretch; grid-template-columns: repeat(auto-fit,minmax(255px,1fr)); }
.price-card { padding: 30px; border-color: #dce5f2; border-radius: 12px; background: #fff; box-shadow: none; }
.price-card--featured { border: 1px solid #5988ff; background: #f4f7ff; box-shadow: none; transform: none; }
.price-badge, .price-badge--muted { height: auto; min-height: 0; padding: 0; color: #2563ff; background: none; border-radius: 0; font-size: 11px; font-weight: 500; }
.price-card h2 { font-size: 24px; color: var(--ink); font-weight: 550; }
.price strong { color: var(--ink); font-size: 43px; letter-spacing: -.04em; font-weight: 550; }
.price span, .price-card > p { color: var(--muted); }
.price-card > p { font-size: 13px; }
.price--text strong { font-size: 32px; }
.pricing-note { color: #687b99; font-size: 12px; margin-top: 25px; }
.solution-stack { gap: 0; }
.solution-row { padding: 35px 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: transparent; gap: 110px; }
.solution-row:last-child { border-bottom: 1px solid var(--line); }
.solution-row > div > span { color: #2563ff; font-weight: 400; }
.solution-row h2 { color: var(--ink); font-size: 25px; font-weight: 550; }
.docs-hero, .legal-hero { border-bottom: 1px solid var(--line); }
.docs-layout, .legal-layout { grid-template-columns: 200px minmax(0,1fr); gap: 70px; }
.docs-nav, .legal-nav { top: 110px; border-color: var(--line); border-radius: 0; background: none; box-shadow: none; }
.docs-nav a, .legal-nav a { color: var(--muted); }
.docs-nav a:hover, .legal-nav a:hover { color: var(--blue); background: #edf3ff; }
.docs-article, .legal-article { border: 0; border-radius: 0; box-shadow: none; background: transparent; color: var(--muted); }
.docs-article h2, .legal-article h2, .legal-article h3, .legal-hero h1 { color: var(--ink); font-weight: 550; }
.docs-step { color: var(--blue); background: #e9f0ff; border-radius: 3px; }
.docs-article pre { background: #111c36; color: #d8e5ff; border-radius: 5px; }
.docs-link { color: var(--blue); }
.troubleshooting-grid { gap: 0; }
.troubleshooting-grid > div { border: 0; border-top: 1px solid var(--line); border-radius: 0; background: none; padding-left: 0; padding-right: 22px; }
.troubleshooting-grid strong { color: var(--ink); }
.troubleshooting-grid p, .legal-hero p, .legal-meta { color: var(--muted); }
.legal-notice { border-color: #dde7f7; border-radius: 4px; background: #eef4ff; color: #475f87; }
.legal-table th { background: #eef4ff; color: var(--ink); }
.legal-table td, .legal-table th { border-color: var(--line); }
.site-footer.marketing-footer { padding: 46px 0 21px; border-top: 1px solid var(--line); background: #f6f8fc; }
.marketing-footer-grid { grid-template-columns: 2fr repeat(4,1fr); gap: 35px; }
.marketing-footer-grid img { width: 125px; height: auto; margin-left: 0; }
.marketing-footer-grid strong { color: #344561; font-size: 12px; font-weight: 550; margin-bottom: 11px; }
.marketing-footer-grid p { color: #63748f; font-size: 12px; margin: 9px 0 5px; }
.marketing-footer-grid a, .marketing-footer-note { color: #64758f; font-size: 12px; }
.marketing-footer-grid a:hover { color: var(--blue); }
.marketing-footer-bottom { padding-top: 20px; margin-top: 35px; border-color: #e0e7f2; color: #75859d; font-size: 11px; }
.tuleer-back-to-top { border: 1px solid #cfddf5; border-radius: 4px; background: #fff; color: var(--blue); box-shadow: none; }
.tuleer-back-to-top:hover { box-shadow: none; background: #edf3ff; }
@media (max-width: 1100px) {
    .container { width: min(1200px, calc(100% - 48px)); }
    .main-nav { gap: 19px; }
    .intro-heading { gap: 40px; }
    .intro-heading h1 { font-size: 52px; }
    .report-preview { grid-template-columns: 160px minmax(0,1fr); }
    .report-toolbar { padding-inline: 22px; }
    .report-panel { padding-inline: 22px; }
    .report-metrics > div { padding-left: 16px; }
    .report-metrics strong { font-size: 27px; }
    .report-metrics small { font-size: 8px; }
    .install-layout, .questions-layout { gap: 60px; }
    .section-head { grid-template-columns: .8fr 1.6fr 1fr; }
    .section-head h2, .install-layout h2, .questions-intro h2 { font-size: 31px; }
    .install-code-block pre { font-size: 10px; padding-inline: 20px; }
}
@media (max-width: 800px) {
    .nav-wrap { min-height: 68px; gap: 15px; }
    .menu-button { display: block; cursor: pointer; }
    .menu-button span:not(.sr-only) { background: var(--ink); }
    .main-nav { display: none; position: absolute; top: 68px; left: 0; right: 0; padding: 20px 24px 24px; flex-direction: column; align-items: stretch; gap: 0; border-bottom: 1px solid var(--line); background: #ffffff; box-shadow: 0 12px 16px #17203308; }
    .main-nav.open { display: flex; }
    .main-nav > a:not(.button) { padding: 12px 0; }
    .main-nav > .button { margin-top: 12px; }
    .language-menu { margin-top: 8px; }
    .language-dropdown { left: 0; right: auto; }
    .account-menu { margin-top: 15px; }
    .home-intro { padding-top: 47px; }
    .intro-heading { grid-template-columns: 1fr; gap: 24px; margin-bottom: 36px; }
    .intro-heading h1 { font-size: 52px; }
    .intro-note { padding: 0; }
    .intro-note > p { font-size: 15px; margin-bottom: 21px; }
    .intro-note > small { margin-top: 13px; }
    .report-preview { grid-template-columns: 135px minmax(0,1fr); }
    .report-sidebar { padding-inline: 9px; }
    .report-brand > span, .report-site > span:last-child { display: none; }
    .report-metrics { grid-template-columns: repeat(2,1fr); row-gap: 22px; }
    .report-metrics > div:nth-child(3) { padding-left: 0; border-left: 0; }
    .report-metrics strong { font-size: 26px; }
    .report-metrics small { font-size: 9px; }
    .report-bottom-line > span:last-child { display: none; }
    .section-head { grid-template-columns: 1fr 2fr; }
    .section-head > a { grid-column: 2; justify-self: start; margin-top: -13px; }
    .capability-columns article { padding-inline: 24px; }
    .capability-columns h3 { font-size: 18px; }
    .capability-columns p { font-size: 13px; }
    .capability-detail { font-size: 10px; }
    .install-layout, .questions-layout { grid-template-columns: 1fr 1fr; gap: 35px; }
    .install-code-block pre { font-size: 9px; padding: 23px 12px; }
    .code-note, .code-file { padding-inline: 17px; }
    .product-grid { gap: 0 35px; }
    .product-card { grid-template-columns: 1fr; }
    .split-feature { gap: 50px; }
    .docs-layout, .legal-layout { grid-template-columns: 165px minmax(0,1fr); gap: 30px; }
    .marketing-footer-grid { grid-template-columns: 1.5fr 1fr 1fr; gap: 30px; }
    .marketing-footer-brand { grid-row: span 2; }
}
@media (max-width: 560px) {
    .container { width: calc(100% - 40px); }
    .brand img { width: 115px; }
    .home-intro { padding: 39px 0 35px; }
    .intro-heading h1 { margin-top: 20px; font-size: clamp(34px, 9.3vw, 43px); line-height: 1.3; letter-spacing: -.04em; }
    .section-kicker { font-size: 10px; }
    .intro-note > p { font-size: 13px; line-height: 1.85; }
    .intro-actions { gap: 22px; }
    .intro-actions .button { padding-inline: 20px; }
    .intro-actions .plain-link { gap: 8px; font-size: 12px; }
    .intro-note > small { font-size: 10px; }
    .report-preview { display: flex; flex-direction: column; min-height: 0; }
    .report-sidebar { padding: 8px; border-right: 0; border-bottom: 1px solid #e4eaf3; }
    .report-brand, .report-site, .report-nav-heading, .report-sidebar-foot { display: none; }
    .report-tabs { flex-direction: row; gap: 3px; }
    .report-tabs button { justify-content: center; gap: 5px; padding: 9px 6px; font-size: 10px; white-space: nowrap; }
    .report-tabs svg { width: 12px; height: 12px; }
    .report-toolbar { padding: 13px 16px; font-size: 9px; }
    .report-toolbar > span:first-child { gap: 8px; }
    .report-date { padding: 3px 7px; font-size: 8px; }
    .report-date > span { margin-left: 8px; }
    .report-panel { padding: 21px 17px 0; }
    .report-metrics { row-gap: 19px; margin-bottom: 24px; }
    .report-metrics strong { margin: 4px 0; font-size: 25px; }
    .report-metrics > div > span { font-size: 10px; }
    .report-metrics small { font-size: 8px; }
    .report-metrics strong span { font-size: 13px; }
    .report-chart-heading { margin-bottom: 12px; font-size: 9px; }
    .report-chart-heading > span { gap: 4px; font-size: 8px; }
    .report-chart-heading i.previous-dot { margin-left: 7px; }
    .report-chart > svg { height: 118px; }
    .chart-dates, .chart-scale { font-size: 8px; }
    .report-chart { padding-left: 23px; }
    .report-bottom-line { margin-top: 18px; }
    .preview-caption { gap: 18px; margin-top: 13px; font-size: 10px; }
    .preview-caption > span:last-child { text-align: right; }
    .report-table-panel { min-height: 406px; }
    .report-table-panel h3 { font-size: 17px; }
    .report-table-panel p { font-size: 10px; }
    .demo-table { font-size: 10px; }
    .demo-table th { font-size: 9px; }
    .demo-table td { padding-block: 20px; }
    .home-capabilities { padding: 49px 0; }
    .section-head { display: block; margin-bottom: 31px; }
    .section-head h2 { margin-top: 17px; font-size: 30px; }
    .section-head > a { margin-top: 19px; font-size: 12px; }
    .capability-columns { grid-template-columns: 1fr; gap: 27px; }
    .capability-columns article, .capability-columns article:first-child { padding: 22px 0 0; border: 0; border-top: 1px solid var(--line); }
    .capability-columns h3 { display: inline; margin-left: 17px; font-size: 18px; }
    .capability-columns p { max-width: none; margin: 15px 0 15px; font-size: 13px; }
    .home-install { padding: 49px 0; }
    .install-layout, .questions-layout { grid-template-columns: 1fr; gap: 33px; }
    .install-layout h2, .questions-intro h2 { margin-top: 17px; font-size: 30px; }
    .install-intro { font-size: 13px; }
    .install-steps p { font-size: 11px; }
    .install-code-block pre { padding: 24px 16px; font-size: 10px; }
    .code-note, .code-file { padding-inline: 19px; }
    .home-questions { padding: 49px 0; }
    .questions-intro p { max-width: 310px; margin: 17px 0; font-size: 13px; }
    .questions-intro .plain-link { font-size: 12px; }
    .question-list details { padding-block: 21px; }
    .question-list summary { font-size: 14px; }
    .question-list details p { font-size: 12px; margin-right: 18px; }
    .start-section { padding-bottom: 45px; }
    .start-row { flex-direction: column; align-items: flex-start; gap: 24px; padding-top: 35px; }
    .start-row h2 { font-size: 25px; }
    .marketing-hero, .legal-hero { padding: 45px 0 35px; }
    .marketing-hero h1 { margin-block: 19px; font-size: 35px; }
    .marketing-hero p, .legal-hero p { font-size: 14px; }
    .marketing-actions { gap: 12px; flex-wrap: wrap; }
    .marketing-section { padding: 35px 0; }
    .product-grid { grid-template-columns: 1fr; }
    .product-card { grid-template-columns: .85fr 1.4fr; gap: 8px 16px; }
    .product-card h2 { font-size: 18px; }
    .product-card p { font-size: 12px; }
    .split-feature, .solution-row { grid-template-columns: 1fr; gap: 24px; }
    .split-feature h2 { font-size: 27px; }
    .pricing-grid { grid-template-columns: 1fr; }
    .price-card { padding: 27px; }
    .solution-row { padding: 26px 0; }
    .solution-row h2 { font-size: 23px; }
    .docs-layout, .legal-layout { grid-template-columns: 1fr; gap: 27px; }
    .docs-nav, .legal-nav { position: static; border-bottom: 1px solid var(--line); padding: 0 0 22px; }
    .docs-nav strong, .legal-nav strong { margin-top: 8px; }
    .docs-nav a, .legal-nav a { display: inline-block; margin-right: 20px; padding: 6px 0; font-size: 12px; }
    .docs-article, .legal-article { padding: 0; }
    .troubleshooting-grid { grid-template-columns: 1fr; }
    .site-footer.marketing-footer { padding: 35px 0 21px; }
    .marketing-footer-grid { grid-template-columns: repeat(2,1fr); gap: 28px 20px; }
    .marketing-footer-brand { grid-column: 1/-1; grid-row: auto; }
    .marketing-footer-grid strong { font-size: 12px; }
    .marketing-footer-grid a { font-size: 12px; }
    .marketing-footer-bottom { margin-top: 27px; font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { transition-duration: 0s !important; animation-duration: 0s !important; }
}
