/* Public homepage only. The signed-in application keeps its own design system. */
:root {
  color-scheme: light;
  --home-ink: #152b42;
  --home-muted: #586b7d;
  --home-blue: #176ac2;
  --home-border: #e2eaf1;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body.home-page { margin: 0; background: #fff; color: var(--home-ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 15px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
[hidden] { display: none !important; }
a { color: inherit; }
button, summary { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
button, a, summary { touch-action: manipulation; }
a:focus-visible, button:focus-visible, summary:focus-visible, [tabindex]:focus-visible { outline: 3px solid var(--home-blue); outline-offset: 5px; border-radius: 5px; }
h1, h2, h3, p { margin: 0; }
h1, h2, h3 { line-height: 1.15; }
svg { display: block; }
summary { list-style: none; cursor: pointer; }
summary::-webkit-details-marker { display: none; }
.home-container { width: min(1184px, calc(100% - 80px)); margin-inline: auto; }
.home-skip-link { position: fixed; z-index: 30; top: 10px; left: 10px; transform: translateY(-160%); padding: 12px 20px; background: white; border: 1px solid var(--home-blue); border-radius: 8px; }
.home-skip-link:focus { transform: none; }
.home-header { position: sticky; top: 0; z-index: 20; border-bottom: 1px solid #e9eff5; background: rgba(255, 255, 255, .96); backdrop-filter: blur(16px); }
.home-header-inner { display: flex; align-items: center; justify-content: space-between; gap: 28px; min-height: 88px; }
.home-brand { display: inline-flex; align-items: center; line-height: 1; text-decoration: none; }
.home-brand img { display: block; width: 126px; height: 40px; }
.home-desktop-nav { display: flex; align-items: center; gap: 28px; }
.home-desktop-nav a, .home-login { padding-block: 12px; font-size: 14px; font-weight: 550; text-decoration: none; }
.home-desktop-nav a { color: var(--home-muted); }
.home-desktop-nav a:hover, .home-login:hover { color: var(--home-blue); }
.home-header-actions { display: flex; align-items: center; gap: 24px; }
.website-settings-link { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 44px; height: 44px; border: 1px solid var(--home-border); border-radius: 8px; background: white; color: var(--home-muted); text-decoration: none; }
.website-settings-link:hover { background: #f0f4f8; color: var(--home-blue); }
.website-settings-link:focus-visible { outline: 2px solid var(--home-blue); outline-offset: 2px; }
.website-settings-link svg { display: block; }
.home-button { display: inline-flex; align-items: center; justify-content: center; gap: 22px; min-height: 54px; padding: 14px 23px; border: 1px solid var(--home-blue); border-radius: 10px; background: var(--home-blue); color: white; font-size: 14px; font-weight: 650; line-height: 1.35; text-align: center; text-decoration: none; transition: background .18s, box-shadow .18s; }
.home-button > span { font-size: 21px; line-height: 1; font-weight: 400; }
.home-button:hover { border-color: #11539b; background: #11539b; box-shadow: 0 5px 16px #176ac21f; }
.home-button-small { min-height: 44px; padding: 10px 16px; gap: 16px; font-size: 13px; }
.home-button-outline { border-color: #cdd9e5; background: white; color: var(--home-ink); }
.home-button-outline:hover { border-color: var(--home-blue); background: #f1f7fe; color: var(--home-blue); }
.home-text-link { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; font-size: 14px; font-weight: 650; text-decoration: none; }
.home-text-link:hover { color: var(--home-blue); }
.home-text-link > span { font-size: 20px; font-weight: 400; }
.home-example-link > svg { width: 18px; height: 18px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.home-mobile-menu { display: none; }
.home-hero { background: radial-gradient(ellipse at 85% 35%, #e7f2fe 0, transparent 50%), linear-gradient(180deg, #fbfdff, #f4f8fc); }
.home-hero-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 60px; padding-block: 90px 70px; }
.home-eyebrow { display: flex; align-items: center; gap: 9px; margin-bottom: 20px; color: var(--home-blue); font-size: 12px; font-weight: 700; letter-spacing: .085em; text-transform: uppercase; }
.home-status-dot { display: inline-block; width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: #138666; box-shadow: 0 0 0 4px #1386660d; }
.home-hero h1 { font-size: clamp(46px, 4.9vw, 66px); font-weight: 750; line-height: 1.09; letter-spacing: -.055em; }
.home-hero h1 > span { color: var(--home-blue); }
.home-hero-description { max-width: 435px; margin-top: 26px; color: var(--home-muted); font-size: 17px; line-height: 1.7; }
.home-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 24px; margin-top: 30px; }
.home-hero-note { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; margin-top: 17px; color: var(--home-muted); font-size: 11px; }
.home-hero-note > span:first-child { color: #138666; margin-right: 2px; }
.home-note-divider { margin-inline: 3px; }
.home-hero-discount { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 8px; max-width: 100%; min-height: 44px; margin-top: 14px; color: #286d56; font-size: 12px; font-weight: 600; text-decoration: none; }
.home-hero-discount > span { padding: 4px 9px; border-radius: 6px; background: #e4f3e9; color: #226247; font-weight: 750; }
.home-hero-discount svg { width: 17px; height: 17px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.home-hero-discount:hover { color: #173f32; text-decoration: underline; text-underline-offset: 4px; }
.home-product-stage { position: relative; min-width: 0; scroll-margin-top: 20px; }
.home-stage-note { display: flex; justify-content: flex-end; align-items: center; gap: 12px; margin: 0 20px 17px 0; color: #5c7690; font-size: 13px; font-style: italic; }
.home-stage-note > span { font-size: 26px; }
.home-demo { overflow: hidden; border: 1px solid #dce7f0; border-radius: 18px; background: white; box-shadow: 0 22px 60px #284d7814, 0 3px 6px #284d7807; }
.home-demo-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 22px 24px; }
.home-demo-site { display: flex; align-items: center; gap: 10px; min-width: 0; }
.home-demo-site-icon { display: grid; place-items: center; width: 36px; height: 36px; flex: 0 0 auto; border-radius: 9px; background: #eff5fc; color: var(--home-blue); font-size: 21px; font-weight: 750; }
.home-demo-site strong { display: block; font-size: 13px; }
.home-demo-site div > span { display: block; color: var(--home-muted); font-size: 10px; }
.home-demo-label { padding: 4px 8px; border: 1px solid var(--home-border); border-radius: 5px; color: var(--home-muted); font-size: 9px; white-space: nowrap; }
.home-demo-tabs { display: flex; gap: 24px; overflow-x: auto; overflow-y: hidden; padding-inline: 24px; border-bottom: 1px solid var(--home-border); }
.home-demo-tabs button { position: relative; flex: 0 0 auto; min-height: 44px; padding: 0 0 12px; border: 0; background: none; color: var(--home-muted); font-size: 11px; font-weight: 600; cursor: pointer; }
.home-demo-tabs button:focus-visible { outline-offset: -3px; }
.home-demo-tabs button[aria-selected="true"] { color: var(--home-blue); }
.home-demo-tabs button[aria-selected="true"]::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: var(--home-blue); content: ""; }
.home-demo-panel { min-height: 333px; padding: 24px; }
.home-demo-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.home-demo-metrics > div > span { display: block; color: var(--home-muted); font-size: 11px; }
.home-demo-metrics strong { display: block; margin-block: 4px; font-size: 32px; font-weight: 700; line-height: 1.2; letter-spacing: -.06em; }
.home-demo-metrics small { color: #08785b; font-size: 10px; }
.home-demo-metrics small > span { color: var(--home-muted); font-size: 9px; }
.home-demo-chart-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 26px; font-size: 10px; }
.home-demo-chart-heading strong { font-weight: 600; }
.home-demo-chart-heading > span { color: var(--home-muted); white-space: nowrap; }
.home-demo-chart { width: 100%; height: auto; margin-top: 16px; }
.home-chart-days { display: flex; justify-content: space-between; color: #65788a; font-size: 9px; }
.home-demo-bottom { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 20px; padding-top: 16px; border-top: 1px solid #edf1f5; color: var(--home-muted); font-size: 10px; }
.home-demo-bottom > span:first-child { display: flex; align-items: center; gap: 8px; }
.home-demo-bottom .home-status-dot { width: 5px; height: 5px; box-shadow: none; }
.home-stage-caption { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 18px; color: var(--home-muted); font-size: 11px; text-align: center; }
.home-stage-caption > span { color: #138666; }
.home-demo-report-heading { display: grid; gap: 7px; }
.home-demo-report-heading strong { font-size: 13px; }
.home-demo-report-heading > span { color: var(--home-muted); font-size: 10px; }
.home-demo-bars { display: grid; gap: 18px; margin: 20px 0; padding: 0; list-style: none; }
.home-demo-bars li > div { display: flex; align-items: center; justify-content: space-between; margin-bottom: 7px; font-size: 12px; }
.home-demo-bars strong { font-size: 12px; }
.home-demo-bars small { margin-left: 7px; color: var(--home-muted); font-size: 10px; font-weight: 400; }
.home-bar-track { display: block; height: 7px; overflow: hidden; border-radius: 8px; background: #edf3fa; }
.home-bar-track > span { display: block; width: var(--bar-width); height: 100%; border-radius: 8px; background: #2585e8; }
.home-demo-insight { padding-top: 12px; border-top: 1px solid var(--home-border); color: var(--home-muted); font-size: 11px; }
.home-conversion-metrics { margin-top: 22px; }
.home-conversion-bar-newsletter { --bar-width: 100%; }
.home-conversion-bar-ads { --bar-width: 75%; }
.home-conversion-bar-social { --bar-width: 25%; }
.home-conversions-panel .home-demo-insight { margin-bottom: 0; line-height: 1.7; }
.home-visitor-heading { display: flex; align-items: center; gap: 10px; }
.home-visitor-avatar { display: grid; place-items: center; width: 36px; height: 36px; flex: 0 0 auto; border: 1px solid #dce9f7; border-radius: 50%; background: #eff6ff; }
.home-visitor-avatar svg { width: 20px; height: 20px; fill: none; stroke: var(--home-blue); stroke-width: 1.5; stroke-linecap: round; }
.home-visitor-heading > div { min-width: 0; }
.home-visitor-heading strong { display: block; font-size: 12px; font-weight: 650; }
.home-visitor-heading > div > span { display: block; margin-top: 3px; color: var(--home-muted); font-size: 9px; }
.home-visitor-number { margin-left: auto; padding: 5px 8px; border-radius: 6px; background: #f2f5f9; color: #5e7388; font-size: 10px; font-weight: 600; }
.home-visitor-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 15px 20px; margin: 20px 0; padding: 16px; border: 1px solid #e5edf5; border-radius: 10px; background: #f8fafd; }
.home-visitor-facts > div { min-width: 0; }
.home-visitor-facts dt { display: flex; align-items: center; gap: 5px; color: var(--home-muted); font-size: 9px; }
.home-visitor-facts dt svg { width: 12px; height: 12px; fill: none; stroke: #67849e; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.home-visitor-facts dd { margin: 3px 0 0 17px; font-size: 11px; font-weight: 600; }
.home-visitor-facts dd > span { margin-left: 4px; color: var(--home-muted); font-size: 9px; font-weight: 400; }
.home-visitor-path-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.home-visitor-path-heading strong { font-size: 11px; font-weight: 650; }
.home-visitor-path-heading > span { color: var(--home-muted); font-size: 9px; }
.home-visitor-timeline { display: grid; margin: 0; padding: 0; list-style: none; }
.home-visitor-timeline li { position: relative; display: grid; grid-template-columns: 35px 16px minmax(0, 1fr); align-items: start; gap: 10px; padding-bottom: 15px; }
.home-visitor-timeline li:not(:last-child)::after { position: absolute; top: 11px; bottom: -7px; left: 52px; width: 1px; background: #dce6f0; content: ""; }
.home-visitor-timeline time { padding-top: 1px; color: #62798e; font-size: 9px; font-variant-numeric: tabular-nums; }
.home-visitor-step { position: relative; z-index: 1; width: 7px; height: 7px; justify-self: center; margin-top: 6px; border: 1.5px solid #6b9acb; border-radius: 50%; background: #fff; }
.home-visitor-timeline li:first-child .home-visitor-step { border-color: var(--home-blue); background: var(--home-blue); box-shadow: 0 0 0 3px #ecf4fe; }
.home-visitor-timeline li > div { min-width: 0; }
.home-visitor-timeline strong { display: block; font-size: 11px; font-weight: 600; }
.home-visitor-timeline li > div > span { display: block; margin-top: 2px; color: #637b90; font-size: 10px; overflow-wrap: anywhere; }
.home-visitor-timeline .home-visitor-outbound { padding-bottom: 0; }
.home-visitor-outbound time { padding-top: 23px; }
.home-visitor-outbound .home-visitor-step { display: grid; place-items: center; width: 20px; height: 20px; margin-top: 20px; border: 3px solid #fff; border-radius: 50%; background: #dceee5; color: #267759; line-height: 1; }
.home-visitor-outbound .home-visitor-step svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.home-visitor-outbound > div { padding: 12px 14px; border: 1px solid #dcece3; border-radius: 8px; background: #f0f8f4; }
.home-visitor-outbound strong { margin-top: 4px; color: #21684e; }
.home-visitor-timeline .home-visitor-click-label { margin: 0; color: #487462; font-size: 8px; font-weight: 650; letter-spacing: .045em; text-transform: uppercase; }
.home-visitor-outbound > div > span:last-child { margin-top: 5px; color: #527868; font-size: 9px; }
.home-visitor-timeline .home-visitor-download { padding-bottom: 15px; }
.home-visitor-download .home-visitor-step { background: #e2edfc; color: var(--home-blue); }
.home-visitor-download > div { border-color: #dce9f7; background: #f3f8ff; }
.home-visitor-download strong { color: #205f9e; }
.home-visitor-download .home-visitor-click-label,
.home-visitor-download > div > span:last-child { color: #5b7c9e; }
.home-visitor-details { margin-top: 17px; border-top: 1px solid var(--home-border); }
.home-visitor-details summary { display: flex; align-items: center; justify-content: space-between; min-height: 44px; color: var(--home-muted); font-size: 10px; }
.home-visitor-details summary > span { font-size: 17px; transition: transform .15s; }
.home-visitor-details[open] summary > span { transform: rotate(45deg); }
.home-visitor-details dl { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 16px; margin: 4px 0 16px; }
.home-visitor-details dt { color: var(--home-muted); font-size: 9px; }
.home-visitor-details dd { margin: 3px 0 0; font-size: 10px; overflow-wrap: anywhere; }
.home-visitor-insight { display: flex; align-items: flex-start; gap: 7px; color: #487261; font-size: 10px; }
.home-visitor-insight > span { color: #138666; }
.home-interactions-hint { margin-top: 12px; color: var(--home-blue); font-size: 10px; }
.home-interaction-pages { margin: 18px 0; padding: 0; list-style: none; }
.home-interaction-page + .home-interaction-page { margin-top: 16px; padding-top: 16px; border-top: 1px solid #edf1f5; }
.home-interaction-page-heading { display: grid; grid-template-columns: 53px minmax(0, 1fr); gap: 12px; align-items: start; }
.home-interaction-page time, .home-interaction-event time { color: #62798e; font-size: 9px; font-variant-numeric: tabular-nums; }
.home-interaction-page-heading time { padding-top: 2px; }
.home-interaction-page-heading strong { display: block; font-size: 12px; font-weight: 650; }
.home-interaction-page-heading div > span { display: block; margin-top: 2px; color: var(--home-blue); font-size: 11px; overflow-wrap: anywhere; }
.home-interaction-details { margin-left: 65px; }
.home-interaction-details summary { display: grid; gap: 8px; min-height: 44px; padding-block: 8px 4px; border-radius: 5px; }
.home-interaction-details summary:hover .home-interaction-toggle { color: var(--home-blue); }
.home-interaction-toggle { display: flex; align-items: center; gap: 5px; color: var(--home-muted); font-size: 10px; }
.home-interaction-toggle svg { width: 10px; height: 10px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: transform .15s; }
.home-interaction-details[open] .home-interaction-toggle svg { transform: rotate(90deg); }
.home-interaction-badges { display: flex; flex-wrap: wrap; gap: 5px; }
.home-interaction-badges > span { padding: 3px 7px; border-radius: 5px; background: #eff5ff; color: #37618f; font-size: 9px; }
.home-interaction-badges strong { font-weight: 650; }
.home-interaction-badges .home-interaction-download-badge { background: #ecf8f2; color: #267759; }
.home-interaction-events { display: grid; gap: 15px; margin: 14px 0 5px; padding: 0; list-style: none; }
.home-interaction-event { display: grid; grid-template-columns: 53px 22px minmax(0, 1fr); align-items: start; gap: 9px; }
.home-interaction-event time { padding-top: 3px; }
.home-interaction-icon { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: #eff5ff; color: #2585e8; }
.home-interaction-icon svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.home-interaction-event > div { min-width: 0; }
.home-interaction-label { display: block; color: #62798e; font-size: 9px; }
.home-interaction-event strong { display: block; margin-top: 2px; font-size: 11px; font-weight: 550; overflow-wrap: anywhere; }
.home-interaction-event small { display: block; margin-top: 2px; color: var(--home-muted); font-size: 9px; overflow-wrap: anywhere; }
.home-interaction-download > div { padding: 8px 10px; border: 1px solid #dcece3; border-radius: 7px; background: #f0f8f4; }
.home-interaction-download time, .home-interaction-download .home-interaction-icon { margin-top: 8px; }
.home-interaction-download .home-interaction-icon, .home-interaction-section_view .home-interaction-icon { background: #ecf8f2; color: #267759; }
.home-interaction-download strong { color: #21684e; }
.home-interactions-plan { display: inline-block; margin-top: 5px; color: var(--home-blue); font-weight: 600; }
.home-trust-strip { display: flex; justify-content: center; gap: 80px; padding-block: 27px; border-top: 1px solid #dfe8f1; }
.home-trust-strip > span { display: flex; align-items: center; gap: 10px; color: #4b637a; font-size: 12px; font-weight: 550; }
.home-trust-strip svg { width: 18px; height: 18px; flex-shrink: 0; fill: none; stroke: #55738e; stroke-width: 1.5; stroke-linejoin: round; stroke-linecap: round; }
.home-section { padding-block: 92px; }
.home-section-heading { max-width: 580px; margin-bottom: 38px; }
.home-section-heading .home-eyebrow { margin-bottom: 14px; }
.home-section-heading h2, .home-privacy h2 { font-size: clamp(30px, 3.25vw, 42px); font-weight: 700; letter-spacing: -.045em; }
.home-section-heading h2 > span { color: #7a8b9b; }
.home-section-heading > p:last-child { margin-top: 19px; color: var(--home-muted); line-height: 1.75; }
.home-cookieless { margin-top: 56px; padding: 42px 48px; border: 1px solid #d8e7df; border-radius: 20px; background: #f5faf7; }
.home-cookieless .home-eyebrow { margin-bottom: 18px; color: #286d56; }
.home-cookieless .home-eyebrow svg { width: 20px; height: 20px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.home-cookieless h2 { max-width: 900px; font-size: clamp(28px, 3vw, 38px); font-weight: 700; letter-spacing: -.035em; }
.home-cookieless > p:not(.home-eyebrow) { max-width: 920px; margin-top: 18px; color: var(--home-muted); font-size: 15px; line-height: 1.8; }
.home-cookieless-benefits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 30px; max-width: 850px; margin: 25px 0; padding: 0; list-style: none; font-size: 14px; font-weight: 650; }
.home-cookieless-benefits li { display: flex; align-items: flex-start; gap: 10px; }
.home-cookieless-benefits span { display: grid; place-items: center; width: 18px; height: 18px; flex: 0 0 auto; margin-top: 2px; border: 1px solid #358569; border-radius: 50%; color: #286d56; font-size: 11px; line-height: 1; }
.home-cookieless > .home-button { max-width: 100%; }
.home-cookie-article { max-width: 880px; padding-block: 72px; font-size: 16px; line-height: 1.8; }
.home-cookie-article-header h1 { max-width: 800px; font-size: clamp(34px, 4vw, 52px); font-weight: 750; letter-spacing: -.045em; }
.home-cookie-article-lead { margin-top: 24px; color: var(--home-muted); font-size: 19px; }
.home-cookie-article-nav { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-block: 32px 46px; padding-block: 20px; border-block: 1px solid var(--home-border); font-size: 14px; }
.home-cookie-article-nav a, .home-cookie-article section a { color: var(--home-blue); text-underline-offset: 3px; }
.home-cookie-article > section { margin-block: 44px; }
.home-cookie-article h2 { margin-bottom: 20px; font-size: clamp(25px, 3vw, 32px); letter-spacing: -.025em; }
.home-cookie-article h3 { margin-top: 26px; font-size: 19px; }
.home-cookie-article section p { margin-top: 14px; color: var(--home-muted); }
.home-cookie-article section ul { display: grid; gap: 12px; margin-top: 20px; padding-left: 22px; color: var(--home-muted); }
.home-cookie-steps { display: grid; gap: 20px; margin: 24px 0; padding-left: 24px; }
.home-cookie-steps li { padding-left: 8px; }
.home-cookie-steps li::marker { color: var(--home-blue); font-weight: 700; }
.home-cookie-steps h3 { margin-top: 0; }
.home-cookie-note { margin-block: 28px; padding: 24px 28px; border-left: 3px solid var(--home-blue); border-radius: 0 12px 12px 0; background: #f0f6fd; }
.home-cookie-note h3 { margin-top: 0; }
.home-cookie-cta { margin-top: 48px; padding: 32px; border: 1px solid #d8e7df; border-radius: 18px; background: #f5faf7; }
.home-cookie-cta > p { color: var(--home-muted); }
.home-cookie-cta-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 16px 28px; margin-top: 24px; }
.home-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.home-feature-card { display: flex; flex-direction: column; min-width: 0; padding: 28px; border: 1px solid var(--home-border); border-radius: 16px; background: #fcfdff; }
.home-feature-icon { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 29px; border: 1px solid #d9e9f9; border-radius: 11px; background: #f0f6fd; }
.home-feature-icon svg { width: 22px; height: 22px; fill: none; stroke: var(--home-blue); stroke-width: 1.6; stroke-linejoin: round; stroke-linecap: round; }
.home-feature-card h3 { font-size: 20px; font-weight: 650; letter-spacing: -.025em; }
.home-feature-card > p { margin-top: 13px; margin-bottom: 28px; color: var(--home-muted); font-size: 13px; line-height: 1.8; }
.home-feature-visual { display: flex; align-items: center; min-height: 72px; margin-top: auto; padding: 12px; border: 1px solid #e6edf5; border-radius: 10px; background: #fff; font-size: 10px; }
.home-activity { flex-direction: column; justify-content: center; align-items: stretch; gap: 10px; }
.home-activity svg { flex: 0 0 14px; width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linejoin: round; stroke-linecap: round; }
.home-path { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 5px; }
.home-path > span { padding: 6px; border-radius: 5px; background: #f4f7fb; }
.home-path > span:last-child { background: #eaf4ff; color: var(--home-blue); }
.home-path i { color: #7f92a6; font-style: normal; }
.home-path-download { display: inline-flex; align-items: center; gap: 5px; }
.home-activity-interaction { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 6px 8px; }
.home-activity-interaction > span { display: inline-flex; align-items: center; gap: 5px; padding: 5px 7px; border-radius: 5px; background: #ecf8f2; color: #08785b; }
.home-activity-interaction small { color: var(--home-muted); font-size: 9px; }
.home-campaign { flex-wrap: wrap; gap: 8px; justify-content: space-between; }
.home-campaign > span:first-child { font-weight: 600; }
.home-campaign small { display: block; margin-top: 3px; color: var(--home-muted); font-size: 9px; font-weight: 400; }
.home-campaign-badge { padding: 5px 7px; border-radius: 5px; background: #ecf8f2; color: #08785b; font-size: 9px; }
.home-sharing { gap: 13px; }
.home-sharing > div { display: flex; padding-left: 4px; }
.home-sharing > div span { display: grid; place-items: center; width: 30px; height: 30px; margin-left: -4px; border: 2px solid white; border-radius: 50%; background: #e7effc; color: #37659d; font-weight: 600; }
.home-sharing > div span:nth-child(2) { background: #e9f1e3; color: #63764c; }
.home-sharing > div span:last-child { background: #f1f4f8; color: #708298; }
.home-privacy { display: grid; grid-template-columns: .6fr 1fr; align-items: center; gap: 65px; padding: 62px 76px; border-radius: 22px; background: #edf5f2; }
.home-privacy .home-eyebrow { color: #357561; }
.home-privacy h2 { font-size: clamp(28px, 3vw, 38px); }
.home-privacy p:not(.home-eyebrow) { max-width: 490px; margin-top: 20px; color: #526b62; font-size: 14px; line-height: 1.8; }
.home-privacy .home-text-link { margin-top: 18px; color: #286d56; font-size: 13px; }
.home-privacy-symbol { position: relative; display: grid; place-items: center; width: 220px; height: 220px; justify-self: center; border: 1px solid #d1e4db; border-radius: 50%; background: #ffffff66; box-shadow: 0 0 0 24px #ffffff26, 0 0 0 48px #ffffff1a; }
.home-privacy-symbol svg { width: 92px; height: 107px; fill: #dcece4; stroke: #43846e; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.home-privacy-symbol svg path:last-child { fill: none; stroke-width: 5; }
.home-privacy-symbol > span { position: absolute; right: 15px; bottom: 18px; display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid #d3e5db; border-radius: 12px; background: white; color: #43846e; font-size: 27px; transform: rotate(12deg); }
.home-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px; margin: 0; padding: 0; list-style: none; }
.home-steps li { display: flex; align-items: flex-start; gap: 16px; }
.home-steps li > span { padding-top: 1px; color: #84a9cd; font-size: 25px; font-weight: 400; line-height: 1; letter-spacing: -.04em; }
.home-steps h3 { font-size: 16px; font-weight: 650; }
.home-steps p { margin-top: 11px; color: var(--home-muted); font-size: 13px; line-height: 1.8; }
.home-pricing-section { padding-block: 90px 65px; border-block: 1px solid #e8eef4; background: #f7f9fc; }
.home-pricing-section .home-section-heading { max-width: 620px; margin-inline: auto; text-align: center; }
.home-pricing-section .home-eyebrow { justify-content: center; }
.home-database-more { margin-top: 24px; border-block: 1px solid #dfe7ef; }
.home-database-more > summary { display: grid; grid-template-columns: 20px minmax(0, 1fr) 20px; align-items: start; gap: 14px; padding: 20px 4px; list-style: none; cursor: pointer; }
.home-database-more > summary::-webkit-details-marker { display: none; }
.home-database-more-icon, .home-database-more-chevron { width: 20px; height: 20px; margin-top: 2px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; color: var(--home-muted); }
.home-database-more-copy { display: grid; gap: 6px; }
.home-database-more-copy strong { font-size: 16px; font-weight: 650; }
.home-database-more-copy > span { color: var(--home-muted); font-size: 13px; line-height: 1.65; }
.home-database-more-copy > .home-database-more-link { color: var(--home-blue); font-size: 12px; font-weight: 650; }
.home-database-more > summary:hover .home-database-more-link { text-decoration: underline; text-underline-offset: 3px; }
.home-database-more-chevron { transition: transform .15s ease; }
.home-database-more[open] .home-database-more-chevron { transform: rotate(180deg); }
.home-database-more-content { padding-bottom: 22px; }
.home-database-prices-link { margin-top: 6px; font-size: 12px; }
.home-pricing-database { display: grid; grid-template-columns: 108px minmax(0, 1fr) auto; align-items: center; gap: 28px; padding: 30px; border: 1px solid #bcdcc9; border-radius: 16px; background: linear-gradient(115deg, #eaf6ee, #f5faf7); }
.home-database-discount { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; min-height: 108px; border: 1px solid #cee4d6; border-radius: 14px; background: #ffffffb3; color: #226247; }
.home-database-discount strong { font-size: 45px; font-weight: 750; letter-spacing: -.06em; line-height: 1; }
.home-database-discount strong > span { font-size: 27px; margin-left: 1px; }
.home-database-discount > span { font-size: 12px; font-weight: 650; }
.home-database-copy { min-width: 0; }
.home-database-copy h3 { color: #1c4937; font-size: 23px; letter-spacing: -.025em; }
.home-database-copy > p { max-width: 620px; margin-top: 11px; color: #466454; font-size: 14px; line-height: 1.75; }
.home-database-benefits { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 15px 0 0; padding: 0; list-style: none; color: #286d56; font-size: 12px; font-weight: 650; }
.home-database-benefits li { display: flex; align-items: baseline; gap: 7px; }
.home-database-copy > .home-database-terms { font-size: 12px; }
.home-database-actions { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.home-database-actions > .home-button { min-height: 46px; padding: 11px 18px; gap: 14px; border-color: #286d56; background: #286d56; font-size: 12px; }
.home-database-actions > .home-button:hover { border-color: #1c4937; background: #1c4937; }
.home-database-actions > .home-text-link { gap: 8px; color: #286d56; font-size: 11px; }
.home-pricing-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: start; gap: 16px; margin-top: 45px; }
.home-database-picker { display: grid; justify-items: center; min-width: 0; margin: 32px 0 0; padding: 0; border: 0; text-align: center; }
.home-database-picker legend { width: 100%; margin-bottom: 12px; padding: 0; font-size: 14px; font-weight: 650; }
.home-database-toggle { display: flex; gap: 4px; max-width: 100%; padding: 5px; border: 1px solid #d9e4ed; border-radius: 12px; background: #eaf0f5; }
.home-database-toggle label { display: grid; grid-template-columns: 16px minmax(0, 1fr); align-items: center; gap: 9px; min-height: 48px; padding: 10px 18px; border: 1px solid transparent; border-radius: 8px; color: var(--home-muted); font-size: 13px; line-height: 1.6; cursor: pointer; }
.home-database-toggle label:has(input:checked) { border-color: #d9e4ed; background: white; color: var(--home-ink); box-shadow: 0 2px 5px #152b4208; font-weight: 650; }
.home-database-toggle label:has(input[value="External"]:checked) { border-color: #bcdcc9; background: #f5faf7; color: #226247; }
.home-database-toggle label:has(input:focus-visible) { outline: 3px solid var(--home-blue); outline-offset: 3px; }
.home-database-toggle input { width: 16px; height: 16px; margin: 0; accent-color: var(--home-blue); }
.home-database-toggle input[value="External"] { accent-color: #286d56; }
.home-database-discount-badge { display: inline-block; margin-left: 6px; padding: 2px 7px; border-radius: 5px; background: #e4f3e9; color: #226247; font-size: 10px; font-weight: 750; white-space: nowrap; }
.home-pricing-context { min-height: 20px; margin-top: 12px; color: var(--home-muted); font-size: 12px; line-height: 1.7; }
.home-database-picker + .home-pricing-grid { margin-top: 24px; }
.home-plan { min-width: 0; padding: 24px; border: 1px solid #dfe7ef; border-radius: 14px; background: white; }
.home-plan-starter { border-color: #83b5e9; box-shadow: 0 5px 20px #2585e80a; }
.home-plan-label { display: inline-flex; padding: 4px 8px; border-radius: 5px; background: #f0f4f8; color: #5a6d80; font-size: 10px; }
.home-plan-starter .home-plan-label { background: #eaf4ff; color: var(--home-blue); }
.home-plan h3 { margin-top: 20px; font-size: 20px; font-weight: 650; letter-spacing: -.02em; }
.home-plan-description { min-height: 65px; margin-top: 10px; color: var(--home-muted); font-size: 12px; }
.home-plan-price { display: flex; align-items: baseline; gap: 8px; margin-top: 18px; }
.home-plan-price strong { font-size: 34px; line-height: 1.25; font-weight: 700; letter-spacing: -.05em; overflow-wrap: anywhere; }
.home-plan-price-pending strong { font-size: 20px; letter-spacing: -.025em; }
.home-plan-price > span, .home-plan-yearly { color: var(--home-muted); font-size: 10px; }
.home-plan-yearly { min-height: 18px; margin-top: 5px; }
.home-plan-limit { margin-block: 22px 19px; font-size: 11px; font-weight: 600; }
.home-plan > .home-button { width: 100%; gap: 10px; min-height: 46px; padding: 10px; font-size: 11px; }
.home-plan-details { margin-top: 21px; border-top: 1px solid var(--home-border); }
.home-plan-details summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 44px; padding-top: 8px; color: #516a80; font-size: 11px; }
.home-plan-details summary > span, .home-faq-list summary > span { font-size: 20px; font-weight: 400; transition: transform .15s; }
.home-plan-details[open] summary > span, .home-faq-list details[open] summary > span { transform: rotate(45deg); }
.home-plan-details ul { display: grid; gap: 12px; margin: 16px 0 10px; padding: 0; list-style: none; font-size: 11px; }
.home-plan-details li { display: flex; align-items: flex-start; gap: 8px; }
.home-plan-details li > span { color: #138666; }
.home-plan-details p { margin-top: 12px; color: var(--home-muted); font-size: 11px; }
.home-pricing-note { margin-top: 26px; color: var(--home-muted); font-size: 11px; text-align: center; }
.home-pricing-contact { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 24px; margin-top: 30px; padding: 30px; border: 1px solid #dfe7ef; border-radius: 14px; background: white; }
.home-pricing-contact > div { flex: 1 1 400px; min-width: 0; }
.home-pricing-contact h3 { font-size: 22px; letter-spacing: -.02em; }
.home-pricing-contact p { max-width: 640px; margin-top: 10px; color: var(--home-muted); font-size: 14px; }
.home-pricing-contact > .home-button { flex-shrink: 0; }
.home-faq-section { display: grid; grid-template-columns: .85fr 1.15fr; gap: 90px; }
.home-faq-section .home-section-heading > p:last-child { max-width: 290px; font-size: 13px; }
.home-faq-section .home-section-heading a { display: inline-block; color: var(--home-blue); font-weight: 600; text-decoration: none; }
.home-faq-section .home-section-heading a:hover { text-decoration: underline; }
.home-faq-list { border-top: 1px solid var(--home-border); }
.home-faq-list details { border-bottom: 1px solid var(--home-border); }
.home-faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 72px; padding-block: 20px; font-size: 14px; font-weight: 600; }
.home-faq-list summary > span { flex: 0 0 auto; color: #6d8398; }
.home-faq-list p { padding: 0 26px 24px 0; color: var(--home-muted); font-size: 13px; line-height: 1.8; }
.home-final-cta { position: relative; display: flex; justify-content: space-between; align-items: center; gap: 40px; padding: 56px 64px; overflow: hidden; border-radius: 20px; background: #153a60; color: white; }
.home-final-cta::before { position: absolute; right: -120px; top: -180px; width: 570px; height: 570px; border: 1px solid #ffffff0a; border-radius: 50%; box-shadow: 0 0 0 70px #ffffff03, 0 0 0 140px #ffffff03; content: ""; pointer-events: none; }
.home-final-cta > div { position: relative; }
.home-final-cta .home-eyebrow { margin-bottom: 16px; color: #b4d3f3; }
.home-final-cta h2 { font-size: 42px; font-weight: 650; letter-spacing: -.04em; }
.home-final-cta p:not(.home-eyebrow) { max-width: 360px; margin-top: 18px; color: #bfcedd; font-size: 13px; }
.home-final-cta > div:last-child { flex: 0 0 auto; text-align: center; }
.home-final-cta > div:last-child p { margin-top: 13px; font-size: 11px; }
.home-button-white { border-color: white; background: white; color: #153a60; }
.home-button-white:hover { border-color: #e8f2fd; background: #e8f2fd; }
.home-final-cta a:focus-visible { outline-color: white; }
.home-footer { margin-top: 70px; padding-block: 36px; border-top: 1px solid #edf1f5; }
.home-footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.home-footer .home-brand img { width: auto; height: 35px; }
.home-footer p { margin-top: 12px; color: var(--home-muted); font-size: 11px; }
.home-footer nav { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; }
.home-footer nav a { display: inline-flex; align-items: center; min-height: 44px; color: var(--home-muted); font-size: 12px; text-decoration: none; }
.home-footer nav a:hover { color: var(--home-blue); }
.home-languages { display: flex; gap: 10px; padding-left: 24px; border-left: 1px solid var(--home-border); }
.home-languages a.is-active { color: var(--home-ink); font-weight: 700; }

@media (min-width: 821px) {
  .home-hero-copy { margin-block-start: var(--home-hero-copy-offset, 0px); }
  .home-product-stage { margin-block-start: var(--home-hero-stage-offset, 0px); }
}

@media (max-width: 1100px) {
  .home-container { width: calc(100% - 64px); }
  .home-desktop-nav { gap: 18px; }
  .home-desktop-nav a, .home-login { font-size: 12px; }
  .home-header-actions { gap: 18px; }
  .home-hero-grid { gap: 32px; padding-block: 64px 54px; }
  .home-hero h1 { font-size: 50px; }
  .home-hero-description { font-size: 15px; }
  .home-stage-note { font-size: 11px; }
  .home-feature-card { padding: 23px; }
  .home-feature-card h3 { font-size: 18px; }
  .home-pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  .home-plan-description { min-height: 38px; }
  .home-plan > .home-button { font-size: 13px; }
  .home-plan-limit, .home-plan-details summary, .home-plan-details ul, .home-plan-details p { font-size: 12px; }
  .home-privacy { padding: 48px; gap: 40px; }
  .home-privacy-symbol { width: 170px; height: 170px; }
  .home-faq-section { gap: 48px; }
}

@media (max-width: 960px) {
  .home-header-inner { min-height: 76px; }
  .home-desktop-nav, .home-header-cta { display: none; }
  .home-mobile-menu { position: relative; display: block; }
  .home-mobile-menu summary { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; width: 44px; height: 44px; border: 1px solid var(--home-border); border-radius: 9px; }
  .home-mobile-menu summary > span { width: 17px; height: 1.5px; background: var(--home-ink); transition: transform .15s; }
  .home-mobile-menu[open] summary > span:first-child { transform: translateY(3.75px) rotate(45deg); }
  .home-mobile-menu[open] summary > span:last-child { transform: translateY(-3.75px) rotate(-45deg); }
  .home-mobile-menu nav { position: absolute; top: calc(100% + 14px); right: 0; display: grid; gap: 2px; width: min(300px, calc(100vw - 40px)); padding: 12px; border: 1px solid var(--home-border); border-radius: 12px; background: #fff; box-shadow: 0 15px 40px #152b421a; }
  .home-mobile-menu nav > a:not(.home-button) { min-height: 46px; padding: 11px 12px; border-radius: 6px; font-size: 14px; text-decoration: none; }
  .home-mobile-menu nav > a:not(.home-button):hover { background: #f0f6fd; }
  .home-mobile-menu .home-button { margin-top: 8px; }
  .home-login { font-size: 13px; }
}

@media (max-width: 820px) {
  .home-pricing-database { grid-template-columns: 90px minmax(0, 1fr); gap: 22px; }
  .home-database-discount { min-height: 96px; }
  .home-database-actions { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; gap: 12px 20px; }
  .home-hero-grid { grid-template-columns: 1fr; gap: 40px; padding-block: 48px 36px; }
  .home-example-link > svg { transform: rotate(90deg); }
  .home-hero-copy { max-width: 570px; }
  .home-hero h1 { font-size: 60px; }
  .home-hero-description { max-width: 470px; font-size: 16px; }
  .home-product-stage { width: min(540px, 100%); justify-self: center; }
  .home-stage-note { display: none; }
  .home-demo-panel { min-height: 350px; }
  .home-trust-strip { gap: 30px; }
  .home-trust-strip > span { font-size: 11px; }
  .home-section { padding-block: 64px; }
  .home-cookieless { margin-top: 40px; padding: 32px; }
  .home-cookie-article { padding-block: 48px; }
  .home-feature-grid { grid-template-columns: 1fr; gap: 16px; }
  .home-feature-card { position: relative; padding: 27px; }
  .home-feature-card h3 { font-size: 21px; }
  .home-feature-icon { margin-bottom: 20px; }
  .home-feature-card > p { max-width: 500px; font-size: 14px; margin-bottom: 22px; }
  .home-feature-visual { min-height: 64px; max-width: 360px; font-size: 12px; }
  .home-campaign small, .home-campaign-badge { font-size: 10px; }
  .home-privacy { grid-template-columns: 1fr; gap: 35px; padding: 40px; }
  .home-privacy-symbol { width: 120px; height: 120px; box-shadow: 0 0 0 16px #ffffff26; }
  .home-privacy-symbol svg { width: 60px; height: 70px; }
  .home-privacy-symbol > span { right: -3px; bottom: 0; width: 36px; height: 36px; font-size: 24px; }
  .home-privacy h2 { font-size: 34px; }
  .home-steps { grid-template-columns: 1fr; gap: 28px; }
  .home-steps p { max-width: 450px; margin-top: 8px; }
  .home-pricing-section { padding-block: 64px 40px; }
  .home-faq-section { grid-template-columns: 1fr; gap: 0; }
  .home-faq-section .home-section-heading > p:last-child { max-width: none; }
  .home-final-cta { flex-direction: column; align-items: flex-start; gap: 28px; padding: 42px; }
  .home-final-cta > div:last-child { text-align: left; }
  .home-footer-inner { align-items: flex-start; }
  .home-footer nav { max-width: 230px; gap: 10px 20px; }
  .home-languages { padding-left: 0; border: 0; }
}

@media (max-width: 560px) {
  .home-database-more > summary { grid-template-columns: 18px minmax(0, 1fr) 18px; gap: 10px; padding: 18px 0; }
  .home-database-more-icon, .home-database-more-chevron { width: 18px; height: 18px; }
  .home-database-more-copy strong { font-size: 15px; }
  .home-database-more-copy > span { font-size: 12px; }
  .home-database-toggle { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
  .home-database-toggle label { align-items: start; gap: 7px; padding: 11px 8px; font-size: 12px; text-align: left; }
  .home-database-toggle input { margin-top: 2px; }
  .home-database-discount-badge { margin-left: 0; }
  .home-pricing-context { font-size: 11px; }
  .home-hero-discount { display: flex; justify-content: center; font-size: 11px; }
  .home-pricing-database { grid-template-columns: 1fr; gap: 18px; padding: 24px; }
  .home-database-discount { flex-direction: row; gap: 10px; justify-self: start; min-height: 0; padding: 12px 16px; }
  .home-database-discount strong { font-size: 32px; }
  .home-database-discount strong > span { font-size: 21px; }
  .home-database-copy h3 { font-size: 23px; }
  .home-database-copy > p { font-size: 13px; }
  .home-database-copy > .home-database-terms { font-size: 11px; }
  .home-database-benefits { gap: 9px 16px; font-size: 11px; }
  .home-database-actions { flex-direction: column; align-items: stretch; gap: 4px; }
  .home-database-actions > .home-button { justify-content: space-between; }
  .home-database-actions > .home-text-link { justify-content: center; }
  html { scroll-padding-top: 90px; }
  .home-container { width: calc(100% - 40px); }
  .home-header-inner { min-height: 72px; gap: 16px; }
  .home-brand img { width: auto; height: 36px; }
  .home-header-actions { gap: 15px; }
  .home-hero-grid { gap: 30px; padding-block: 38px 30px; }
  .home-eyebrow { margin-bottom: 20px; font-size: 10px; letter-spacing: .065em; }
  .home-hero h1 { font-size: clamp(38px, 11.3vw, 57px); line-height: 1.1; }
  .home-hero-description { margin-top: 20px; font-size: 15px; line-height: 1.7; }
  .home-hero-actions { align-items: stretch; flex-direction: column; gap: 6px; margin-top: 24px; }
  .home-hero-actions .home-button { justify-content: space-between; min-height: 54px; padding-inline: 20px; font-size: 14px; }
  .home-hero-actions .home-text-link { justify-content: center; font-size: 13px; }
  .home-hero-note { justify-content: center; gap: 4px; margin-top: 9px; font-size: 9px; }
  .home-note-divider { margin-inline: 1px; }
  .home-demo { border-radius: 13px; }
  .home-demo-heading { padding: 17px 16px; }
  .home-demo-site { gap: 8px; }
  .home-demo-site-icon { width: 30px; height: 30px; font-size: 18px; }
  .home-demo-site strong { font-size: 12px; }
  .home-demo-site div > span { font-size: 8px; }
  .home-demo-label { padding: 3px 6px; font-size: 8px; }
  .home-demo-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding-inline: 16px; gap: 0 12px; }
  .home-demo-tabs button { font-size: 10px; }
  .home-demo-panel { min-height: 310px; padding: 19px 16px 16px; }
  .home-demo-metrics { gap: 12px; }
  .home-demo-metrics strong { font-size: 29px; }
  .home-demo-metrics > div > span { font-size: 10px; }
  .home-demo-metrics small { font-size: 9px; }
  .home-demo-metrics small > span { display: block; margin-top: 2px; font-size: 8px; }
  .home-demo-chart-heading { margin-top: 20px; font-size: 9px; }
  .home-demo-chart { margin-top: 13px; }
  .home-demo-bottom { margin-top: 17px; padding-top: 13px; font-size: 9px; }
  .home-stage-caption { gap: 6px; margin-top: 15px; font-size: 9px; }
  .home-demo-bars { gap: 17px; }
  .home-visitor-heading { gap: 8px; }
  .home-visitor-heading strong { font-size: 11px; }
  .home-visitor-avatar { width: 32px; height: 32px; }
  .home-visitor-number { font-size: 9px; }
  .home-visitor-facts { padding: 13px; gap: 13px 12px; margin-block: 17px; }
  .home-visitor-facts dd > span { display: block; margin: 1px 0 0; font-size: 8px; }
  .home-visitor-timeline li { grid-template-columns: 30px 14px minmax(0, 1fr); gap: 8px; }
  .home-visitor-timeline li:not(:last-child)::after { left: 44.5px; }
  .home-visitor-timeline strong { font-size: 10px; }
  .home-visitor-outbound > div { padding: 10px; }
  .home-visitor-insight { font-size: 9px; }
  .home-interaction-page-heading { grid-template-columns: 48px minmax(0, 1fr); gap: 8px; }
  .home-interaction-details { margin-left: 56px; }
  .home-interaction-event { grid-template-columns: 48px 20px minmax(0, 1fr); gap: 6px; }
  .home-interaction-icon { width: 20px; height: 20px; }
  .home-interaction-download > div { padding: 7px; }
  .home-interaction-badges > span { padding-inline: 5px; }
  .home-trust-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding-block: 22px; }
  .home-trust-strip > span { flex-direction: column; gap: 8px; font-size: 10px; line-height: 1.5; text-align: center; }
  .home-trust-strip svg { width: 18px; height: 18px; }
  .home-section { padding-block: 54px; }
  .home-section-heading { margin-bottom: 27px; }
  .home-section-heading h2 { font-size: 31px; }
  .home-section-heading > p:last-child { margin-top: 16px; font-size: 14px; }
  .home-feature-card { padding: 24px; border-radius: 13px; }
  .home-feature-card h3 { font-size: 20px; }
  .home-feature-card > p { font-size: 13px; }
  .home-feature-visual { max-width: none; font-size: 10px; }
  .home-privacy { gap: 30px; padding: 34px 26px; border-radius: 16px; }
  .home-privacy h2 { font-size: 29px; }
  .home-privacy p:not(.home-eyebrow) { font-size: 13px; }
  .home-privacy .home-eyebrow { font-size: 10px; }
  .home-steps { gap: 27px; }
  .home-steps li { gap: 16px; }
  .home-steps h3 { font-size: 16px; }
  .home-pricing-section { padding-block: 54px 36px; }
  .home-pricing-section .home-section-heading { text-align: left; }
  .home-pricing-section .home-eyebrow { justify-content: flex-start; }
  .home-pricing-grid { grid-template-columns: 1fr; gap: 16px; margin-top: 30px; }
  .home-plan { display: grid; grid-template-columns: 1fr 1fr; gap: 0 10px; padding: 24px; }
  .home-plan-label { width: fit-content; grid-column: 1 / -1; }
  .home-plan h3 { grid-column: 1; margin-top: 17px; font-size: 23px; }
  .home-plan-description { grid-column: 1 / -1; grid-row: 4; min-height: 0; margin-top: 11px; font-size: 12px; }
  .home-plan-price { grid-column: 2; grid-row: 2; justify-content: flex-end; align-self: center; flex-wrap: wrap; gap: 0 6px; margin-top: 13px; }
  .home-plan-price strong { font-size: 32px; }
  .home-plan-price-pending strong { font-size: 18px; }
  .home-plan-yearly { grid-column: 2; grid-row: 3; text-align: right; }
  .home-plan-limit { grid-column: 1 / -1; margin-block: 17px; font-size: 12px; }
  .home-plan > .home-button { grid-column: 1 / -1; justify-content: space-between; min-height: 48px; padding-inline: 15px; font-size: 12px; }
  .home-plan-details { grid-column: 1 / -1; margin-top: 15px; }
  .home-plan-details summary { font-size: 12px; }
  .home-pricing-note { text-align: left; }
  .home-cookieless { margin-top: 28px; padding: 25px; border-radius: 16px; }
  .home-cookieless > p:not(.home-eyebrow) { font-size: 14px; }
  .home-cookieless-benefits { grid-template-columns: 1fr; gap: 14px; }
  .home-cookieless > .home-button { width: 100%; gap: 14px; justify-content: space-between; text-align: left; }
  .home-cookie-article { font-size: 15px; }
  .home-cookie-article-lead { font-size: 17px; }
  .home-cookie-article-nav { flex-direction: column; gap: 10px; }
  .home-cookie-note, .home-cookie-cta { padding: 24px; }
  .home-pricing-contact { gap: 20px; padding: 24px; }
  .home-pricing-contact h3 { font-size: 20px; }
  .home-pricing-contact > .home-button { width: 100%; justify-content: space-between; }
  .home-faq-list summary { min-height: 68px; font-size: 13px; }
  .home-final-cta { gap: 26px; padding: 34px 27px; border-radius: 16px; }
  .home-final-cta h2 { font-size: 34px; }
  .home-final-cta p:not(.home-eyebrow) { font-size: 13px; }
  .home-final-cta > div:last-child { width: 100%; text-align: center; }
  .home-final-cta .home-button { width: 100%; justify-content: space-between; padding-inline: 17px; font-size: 13px; }
  .home-footer { margin-top: 48px; padding-block: 30px; }
  .home-footer-inner { flex-direction: column; gap: 20px; }
  .home-footer nav { max-width: none; gap: 10px 24px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; }
}
.home-plan-details .home-plan-feature-locked, .home-plan-details .home-plan-feature-locked > span { color: var(--home-muted); }
.home-plan-details li small { display: block; margin-top: 3px; color: var(--home-muted); font-size: 10px; }