/* Purpose-based page openings. These replace the previous repeated sales heroes. */
:root {
  --lead-ink: #12271f;
  --lead-mint: #d6edb6;
  --lead-surface: #e9eee5;
  --heading-accent: #2e7d32;
  --heading-depth: drop-shadow(0 2px 1px #12271f1f) drop-shadow(0 8px 12px #285e4324);
}
html[data-theme="dark"] {
  --lead-surface: #24382c;
  --heading-accent: #7bd84b;
  --heading-depth: drop-shadow(0 3px 3px #0006) drop-shadow(0 0 20px #7bd84b2e);
}
@supports (background-clip: text) or (-webkit-background-clip: text) {
  h1 {
    width: fit-content;
    /* Extend the gradient's paint area below the tight line box for descenders. */
    padding-bottom: .2em;
    margin-bottom: -.2em;
    background: linear-gradient(to right, currentColor 5%, var(--heading-accent) 80%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: var(--heading-depth);
  }
}
.lead-canvas { width: min(1440px, calc(100% - 48px)); margin-inline: auto; border-radius: 24px; overflow: hidden; }
.lead-path { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding-block: 24px; font-size: 13px; line-height: 1.6; color: var(--muted); }
.lead-path a { padding-block: 5px; text-underline-offset: 4px; }
.lead-path a:hover { color: var(--green); text-decoration: underline; }
.lead-path > span[aria-hidden] { opacity: .45; }
.lead-path > span[aria-current] { color: var(--ink); }
.lead-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; margin-top: 30px; }
.lead-actions > a { gap: 10px; }
.lead-actions > a > svg { flex-shrink: 0; }
.lead-secondary { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; font-size: 15px; font-weight: 500; text-underline-offset: 5px; }
.lead-secondary:hover { text-decoration: underline; }
.lead-secondary > span { font-size: 19px; }
.lead-note { display: block; margin-top: 16px; font-size: 13px; line-height: 1.6; }
/* Home: an immersive product canvas, with the explanation and actions together. */
.home-stage { --heading-accent: #7bd84b; display: grid; grid-template-columns: 44% 56%; margin-top: 24px; min-height: 630px; background: var(--lead-ink); color: #f7f8f1; }
html[data-theme="dark"] .home-stage { box-shadow: inset 0 0 0 1px #38503f; }
.home-stage-copy { align-self: center; padding: 64px 30px 64px clamp(36px,4.5vw,68px); position: relative; z-index: 1; }
.hero-context { color: #d3decd; font-size: 14px; line-height: 1.6; margin-bottom: 28px; }
.home-stage h1 { line-height: 1.05; letter-spacing: -.045em; font-weight: 500; text-wrap: initial; }
.home-stage-description { color: #d4dfd1; font-size: 18px; line-height: 1.7; max-width: 420px; margin-top: 26px; }
.home-stage .lead-actions { margin-top: 30px; }
.button-mint { background: var(--lead-mint); border-color: var(--lead-mint); color: var(--lead-ink); font-size: 15px; }
.button-mint:hover { background: #e9f8d8; border-color: #e9f8d8; }
.home-stage .lead-secondary { color: #f7f8f1; }
.home-stage .lead-note { color: #aebfac; }
.home-stage-visual { position: relative; align-self: stretch; min-width: 0; margin-top: 54px; overflow: hidden; border-radius: 12px 0 0 0; background: #eef2ef; border-top: 1px solid #cbd4ce; border-left: 1px solid #cbd4ce; padding: 16px 0 0 16px; }
.hero-screen { --hero-crop: 0; flex-shrink: 0; width: 100%; min-width: 630px; overflow: hidden; border: 1px solid var(--screenshot-border); border-radius: 8px 0 0 0; background: var(--screenshot-surround); }
.hero-screen > img { width: calc(100% / (1 - var(--hero-crop))); max-width: none; height: auto; margin-left: calc(-100% * var(--hero-crop) / (1 - var(--hero-crop))); }
/* Remove repeated app navigation from heroes, keeping the feature itself in view. */
.hero-screen-workspace { --hero-crop: .17; }
.hero-screen-chat { --hero-crop: .64; min-width: 0; width: min(100%, 400px); align-self: flex-start; }
.home-stage-visual .hero-screen { min-width: 780px; }
.home-stage-visual figcaption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
/* Feature and sector pages: real product views take the place of empty banners. */
.product-lead { display: grid; grid-template-columns: 47% 53%; min-height: 495px; background: var(--surface); border: 1px solid var(--rule); }
.product-lead-copy { align-self: center; padding: 52px clamp(30px,4.3vw,64px); }
/* One decoration layer spans both columns; content stays above it. */
.product-lead > .hero-shapes { z-index: 1; }
.product-lead.hero-decorated > .product-lead-copy { z-index: 2; }
.home-stage h1, .product-lead h1 { font-size: clamp(44px,4.5vw,66px); }
.product-lead h1 { line-height: 1.05; letter-spacing: -.045em; font-weight: 500; }
.product-lead-copy > p { font-size: 18px; line-height: 1.7; margin-top: 24px; max-width: 480px; }
.product-lead .lead-note { color: var(--muted); }
.product-lead-visual { min-width: 0; display: flex; align-items: center; padding: 38px 0 38px 38px; background: var(--lead-surface); overflow: hidden; }
.product-lead-visual .hero-screen { position: relative; z-index: 2; max-height: 434px; border-radius: 8px 0 0 8px; box-shadow: 0 18px 40px -26px #1a302848; }
:is(.product-lead-mobile, .product-lead-illustration) .product-lead-visual { padding: 38px; justify-content: center; }
:is(.product-lead-mobile, .product-lead-illustration) .hero-screen { width: min(100%, 420px); min-width: 0; max-height: none; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.product-lead-illustration .hero-screen { width: min(100%, 560px); }
.hero-art-dark { display: none; }
html[data-theme="dark"] .hero-art-light { display: none; }
html[data-theme="dark"] .hero-art-dark { display: block; }
.product-lead-illustration + :is(.integration-cards, .feature-directory) { padding-top: 48px; }
/* URL-seeded geometry stays behind the content of its decorated hero area. */
.hero-decorated, .hero-copy-decorated { --hero-shape-line: #285e4324; --hero-shape-fill: #558f3b06; position: relative; isolation: isolate; overflow: clip; }
.hero-copy-decorated { align-self: stretch; display: flex; flex-direction: column; justify-content: center; }
html[data-theme="dark"] .hero-decorated, html[data-theme="dark"] .hero-copy-decorated, .home-stage-copy.hero-copy-decorated { --hero-shape-line: #d6edb624; --hero-shape-fill: #d6edb608; }
.hero-shapes { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.hero-shape { position: absolute; left: var(--shape-x); top: var(--shape-y); width: var(--shape-size); aspect-ratio: var(--shape-ratio); border: 1px solid var(--hero-shape-line); background: linear-gradient(135deg, var(--hero-shape-fill), transparent); transform: translate(-50%, -50%) rotate(var(--shape-angle)); }
.hero-shape-ring { border-radius: 50%; background: none; }
.hero-shape-ring::after { content: ""; position: absolute; inset: 18px; border: 1px solid var(--hero-shape-line); border-radius: inherit; opacity: .65; }
.hero-shape-tile { border-radius: 28px; }
.hero-shape-arch { border-radius: 50% 50% 10px 10px; }
.hero-shape-diamond { border-radius: 10px; }
/* Shared image-free openings for pages outside the feature and blog sections. */
.image-free-lead { grid-template-columns: 1fr; min-height: 0; }
.image-free-lead h1 { max-width: 1000px; }
.image-free-lead .product-lead-copy > p { max-width: 660px; }
.image-free-lead .product-lead-copy > .hero-context { color: var(--muted); font-size: 14px; margin-top: 0; margin-bottom: 24px; }
.home-lead { margin-top: 24px; }
.home-lead .product-lead-copy > .hero-context { color: var(--muted); font-size: 14px; margin-top: 0; margin-bottom: 24px; }
.standalone-lead { margin-block: 24px 70px; }
.image-free-lead + .site-search { padding-top: 35px; }
#faq-questions, #video-tutorials, #demo-booking, #contact-form, #privacy-policy, #terms-document, #data-protection-policy { scroll-margin-top: 32px; }
/* Functional pages get visitors straight to plans, features, answers or bookings. */
.functional-lead { text-align: center; padding-block: 24px 48px; }
.functional-lead h1 { font-size: clamp(42px,4.5vw,64px); line-height: 1.08; font-weight: 500; letter-spacing: -.04em; max-width: 850px; margin-inline: auto; }
.functional-lead > p { max-width: 660px; margin: 20px auto 0; font-size: 18px; line-height: 1.7; }
.functional-lead-pricing { padding-block: 22px 32px; }
.functional-lead-pricing h1 { font-size: clamp(48px,5vw,72px); }
.functional-lead-integrations { padding-bottom: 36px; }
.lead-partners { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 16px; margin: 32px auto 0; }
.lead-partners a { display: grid; place-items: center; width: 160px; height: 84px; background: #fff; border: 1px solid var(--rule); border-radius: 14px; padding: 20px; transition: border-color .18s; }
.lead-partners a:hover { border-color: var(--green); }
.lead-partners img { max-width: 120px; max-height: 43px; width: auto; object-fit: contain; }
/* Connections: brand identities communicate the relationship without a stock banner. */
.connection-lead { padding-block: 16px 45px; text-align: center; }
.connection-identity { display: flex; justify-content: center; align-items: center; gap: 22px; margin-bottom: 28px; }
.connection-identity > span:not([aria-hidden]) { width: 124px; height: 102px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--rule); border-radius: 20px; background: #fff; padding: 20px; }
.connection-brand img { width: 53px; height: 53px; object-fit: contain; }
.connection-partner img { max-width: 95px; max-height: 58px; object-fit: contain; width: auto; }
.connection-partner[data-partner="xero"] img { width: 100px; max-width: 100px; max-height: 100px; }
.connection-identity > span[aria-hidden] { color: var(--muted); font-size: 25px; font-weight: 300; }
.connection-lead h1 { font-size: clamp(42px,4.5vw,62px); letter-spacing: -.04em; font-weight: 500; }
.connection-lead > p { max-width: 640px; margin: 20px auto 15px; font-size: 18px; line-height: 1.7; }
/* Quiet document headers keep policies and confirmations readable. */
.document-lead { padding-block: 24px 30px; max-width: 1000px; }
.document-lead h1 { font-size: clamp(35px,3.5vw,48px); font-weight: 500; letter-spacing: -.035em; line-height: 1.15; }
.document-lead > p { font-size: 18px; line-height: 1.75; max-width: 680px; margin-top: 18px; }
.email-preferences { padding-block: 70px; }
/* Full-bleed article covers, with a theme-aware scrim behind the reading area. */
.editorial-lead { position: relative; isolation: isolate; overflow: hidden; background: var(--paper); }
.editorial-cover { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: center; filter: blur(2px); }
.editorial-lead-image::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #f6f5f0e0 0%, #f6f5f0d6 35%, #f6f5f0ba 60%, #f6f5f047 100%), linear-gradient(0deg, #f6f5f0 0%, #f6f5f000 30%); }
html[data-theme="dark"] .editorial-lead-image::before { background: linear-gradient(90deg, #17241ee6 0%, #17241edb 35%, #17241ec7 60%, #17241e52 100%), linear-gradient(0deg, #17241e 0%, #17241e00 30%); }
.editorial-lead-inner { min-height: 570px; padding-bottom: 28px; }
.editorial-lead-content { max-width: 850px; margin: 44px 0 0; text-align: left; }
.editorial-category { display: inline-flex; align-items: center; border: 1px solid var(--rule); background: var(--tint); padding: 5px 12px; border-radius: 100px; font-size: 13px; color: var(--green); }
.editorial-lead h1 { font-size: clamp(42px,4.6vw,66px); line-height: 1.08; font-weight: 500; letter-spacing: -.04em; margin-top: 22px; }
.editorial-summary { max-width: 700px; margin: 24px 0 0; font-size: 19px; line-height: 1.7; }
.editorial-byline { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; color: var(--muted); font-size: 14px; margin-top: 25px; }
.editorial-author { display: inline-flex; align-items: center; gap: 8px; color: var(--ink); }
.editorial-author img { display: block; flex: none; width: 36px; height: 36px; border-radius: 50%; object-fit: cover; }
.article-categories { display: flex; align-items: center; gap: 12px; max-width: 100%; height: 48px; margin-top: 18px; padding-inline: 12px 0; border: 1px solid var(--rule); border-radius: 8px; background: color-mix(in srgb, var(--surface) 85%, var(--tint)); }
.article-topics-label { flex: none; padding-right: 12px; border-right: 1px solid var(--rule); color: var(--muted); font-size: 11px; line-height: 20px; }
.article-topic-window { position: relative; flex: 1; min-width: 0; }
.article-topic-window::after { content: ""; position: absolute; inset: 0 0 6px auto; width: 22px; border-radius: 0 7px 7px 0; background: linear-gradient(to right, transparent, color-mix(in srgb, var(--surface) 85%, var(--tint)) 85%); pointer-events: none; }
.article-topic-links { display: flex; align-items: center; gap: 18px; height: 46px; padding: 3px 24px 5px 4px; overflow-x: auto; scrollbar-width: thin; scrollbar-color: var(--rule) transparent; scroll-padding-inline: 4px 24px; }
.article-topic-links > a { display: inline-flex; align-items: center; gap: 6px; flex: none; min-height: 30px; white-space: nowrap; color: var(--muted); font-size: 12px; line-height: 20px; text-underline-offset: 5px; }
.article-topic-links > a:hover, .article-topic-links > a.is-active { color: var(--green); }
.article-topic-links > a:is(:hover, .is-active) .article-topic-name { text-decoration: underline; text-decoration-thickness: 1px; }
.article-topic-links > a.is-active { font-weight: 700; }
.article-topic-links > a.is-active::before { content: ""; flex: none; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.article-topic-count { position: relative; top: -4px; display: inline-flex; align-items: center; justify-content: center; flex: none; min-width: 16px; height: 16px; padding-inline: 3px; border: 1px solid var(--rule); border-radius: 999px; background: var(--tint); color: var(--muted); font-size: 9px; line-height: 1; font-weight: 400; font-variant-numeric: tabular-nums; }
.article-topic-links > a.is-active .article-topic-count { border-color: var(--green); background: var(--green); color: var(--surface); }
.article-topic-links > a:focus-visible { outline-offset: 1px; border-radius: 2px; }
.article-topic-links:focus-visible { outline-offset: -3px; border-radius: 4px; }
.editorial-lead + .article-layout { border-top: 0; padding-top: 40px; }
/* A browsable directory for all supported accounting and payment connections. */
.integration-cards { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; padding-block: 12px 80px; }
.integration-cards .integration-directory-item { display: flex; flex-direction: column; align-items: flex-start; padding: 30px; gap: 0; border: 1px solid var(--rule); border-radius: 16px; background: var(--surface); transition: border-color .18s, box-shadow .18s; }
.integration-cards .integration-directory-item:hover { border-color: var(--green); box-shadow: var(--shadow); }
.integration-card-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; margin-bottom: 28px; }
.integration-cards .integration-directory-logo { min-height: 70px; justify-content: flex-start; margin: 0; }
.integration-cards .integration-directory-logo img { max-width: 125px; max-height: 60px; }
.integration-type { font-size: 12px; padding: 4px 9px; border-radius: 100px; background: var(--tint); color: var(--muted); }
.integration-cards .integration-directory-item p { font-size: 16px; margin-block: 14px 26px; }
.integration-cards .integration-directory-item .text-link { font-size: 14px; margin-top: auto; }
/* Resource archive: categories sit with the title beside themed editorial artwork. */
.archive-lead .product-lead-copy { min-width: 0; }
.archive-lead .archive-categories { margin-top: 28px; }
.archive-lead + .archive-results { padding-top: 34px; }
/* Contact: the practical form and contact choices are the main event. */
.contact-lead { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; padding-block: 24px 44px; }
.contact-lead h1 { font-size: clamp(52px,6vw,82px); line-height: 1.05; letter-spacing: -.045em; font-weight: 500; }
.contact-lead > p { max-width: 400px; font-size: 20px; line-height: 1.6; }
.contact-workspace { gap: 80px; padding-block: 20px 90px; align-items: start; }
.contact-methods { grid-column: 1; grid-row: 1; padding-top: 28px; }
.contact-workspace > .contact-form { grid-column: 2; grid-row: 1; }
.contact-methods h2 { font-size: 30px; letter-spacing: -.03em; }
.contact-methods > p { max-width: 400px; margin: 20px 0 28px; font-size: 17px; }
.contact-method { position: relative; display: grid; gap: 5px; padding: 23px 45px 23px 0; border-top: 1px solid var(--rule); }
.contact-method > span { color: var(--muted); font-size: 14px; }
.contact-method > strong { font-size: 25px; font-weight: 500; letter-spacing: -.02em; }
.contact-method > svg { position: absolute; right: 5px; top: 50%; transform: translateY(-50%); }
.contact-method:hover strong { text-decoration: underline; text-underline-offset: 5px; }
.contact-methods > .lead-secondary { margin-top: 12px; }
.contact-workspace .contact-form { border-radius: 18px; padding: 36px; }
.error-lead { padding-block: 70px 110px; max-width: 1000px; }
.error-code { display: block; font-size: 14px; color: var(--green); margin-bottom: 20px; }
.error-lead h1 { font-size: clamp(42px,5vw,66px); font-weight: 500; letter-spacing: -.04em; }
.error-lead p { margin-top: 22px; font-size: 18px; }
.error-lead .button { margin-top: 30px; }
@media (max-width:1100px) {
  .integration-cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .home-stage { grid-template-columns: 46% 54%; min-height: 580px; }
  .home-stage-copy { padding: 44px 26px 44px 36px; }
  .home-stage h1, .product-lead h1 { font-size: 48px; }
  .home-stage-description { font-size: 17px; }
  .home-stage .lead-actions { gap: 12px 18px; }
  .home-stage-visual .hero-screen { min-width: 705px; }
  .product-lead-copy { padding: 38px 30px; }
  .product-lead-copy > p { font-size: 17px; }
  .product-lead-visual { padding-left: 24px; }
  .product-lead-visual .hero-screen { min-width: 565px; }
  .product-lead-visual .hero-screen-chat { min-width: 0; }
  :is(.product-lead-mobile, .product-lead-illustration) .hero-screen { min-width: 0; }
  .lead-actions { gap: 12px 20px; }
  .contact-workspace { gap: 50px; }
}
@media (max-width:900px) {
  .editorial-lead + .article-layout { border-top: 0; padding-top: 0; }
}
@media (max-width:850px) {
  .lead-canvas { width: calc(100% - 32px); border-radius: 20px; }
  .home-stage { grid-template-columns: 1fr; }
  .home-stage-copy { padding: 44px 38px 38px; }
  .home-stage h1, .product-lead h1 { font-size: 54px; }
  .hero-context { margin-bottom: 22px; }
  .home-stage-description { max-width: 520px; font-size: 18px; }
  .home-stage-visual { margin: 0 0 0 38px; height: 370px; }
  .home-stage-visual .hero-screen { min-width: 623px; }
  .product-lead { grid-template-columns: 1fr; }
  .product-lead-copy { padding: 38px; }
  .product-lead h1 { max-width: 620px; }
  .product-lead-copy > p { max-width: 580px; font-size: 18px; }
  .product-lead-visual { max-height: 380px; padding: 28px 28px 0; align-items: flex-start; }
  .product-lead-visual .hero-screen { min-width: 531px; border-radius: 8px 8px 0 0; }
  :is(.product-lead-mobile, .product-lead-illustration) .product-lead-visual { height: auto; max-height: none; padding: 28px; }
  :is(.product-lead-mobile, .product-lead-illustration) .hero-screen { min-width: 0; width: min(100%, 320px); border-radius: 0; }
  .contact-lead { gap: 35px; }
  .contact-workspace { grid-template-columns: 1fr 1.15fr; gap: 35px; }
  .contact-workspace .contact-form { padding: 26px; }
  .contact-method > strong { font-size: 22px; }
}
@media (max-width:600px) {
  .hero-shape { width: calc(var(--shape-size) * .78); }
  .lead-canvas { width: calc(100% - 24px); border-radius: 18px; }
  .lead-path { gap: 8px; font-size: 12px; padding-block: 17px; }
  .home-stage { margin-top: 12px; min-height: 0; }
  .home-stage-copy { padding: 32px 25px 30px; }
  .hero-context { font-size: 12px; margin-bottom: 23px; }
  .home-stage h1, .product-lead h1 { font-size: 40px; letter-spacing: -.04em; }
  .home-stage-description { font-size: 17px; line-height: 1.65; margin-top: 22px; }
  .home-stage .lead-actions { margin-top: 25px; gap: 10px 20px; }
  .lead-actions > .button { font-size: 14px; padding-inline: 17px; gap: 10px; }
  .lead-secondary { font-size: 14px; gap: 9px; }
  .lead-note { font-size: 12px; margin-top: 14px; }
  .home-stage-visual { margin-left: 25px; height: 240px; }
  .home-stage-visual .hero-screen { min-width: 540px; }
  .product-lead-copy { padding: 29px 25px 30px; }
  .product-lead-copy > p { font-size: 17px; line-height: 1.65; margin-top: 20px; }
  .product-lead .lead-actions { margin-top: 24px; gap: 10px 20px; }
  .product-lead-visual { height: 240px; max-height: 240px; padding: 20px 0 0 20px; }
  .product-lead-visual .hero-screen { min-width: 515px; }
  .product-lead-visual .hero-screen-chat { min-width: 0; }
  :is(.product-lead-mobile, .product-lead-illustration) .product-lead-visual { height: 280px; max-height: 280px; padding: 24px; }
  .product-lead-mobile .hero-screen { width: min(100%, 232px); min-width: 0; }
  .product-lead-illustration .hero-screen { width: min(100%, 310px); min-width: 0; }
  .product-lead-illustration + :is(.integration-cards, .feature-directory) { padding-top: 28px; }
  .functional-lead { padding-block: 12px 30px; }
  .functional-lead h1 { font-size: 40px; letter-spacing: -.035em; }
  .functional-lead > p { font-size: 17px; margin-top: 18px; line-height: 1.7; }
  .functional-lead-pricing { padding-bottom: 15px; }
  .functional-lead-pricing h1 { font-size: 44px; }
  .lead-partners { gap: 10px; margin-top: 26px; }
  .lead-partners a { width: 100px; height: 68px; padding: 14px; border-radius: 12px; }
  .lead-partners img { max-width: 77px; max-height: 36px; }
  .connection-lead { padding-block: 14px 30px; }
  .connection-identity { gap: 18px; margin-bottom: 25px; }
  .connection-identity > span:not([aria-hidden]) { width: 103px; height: 90px; border-radius: 16px; padding: 15px; }
  .connection-lead h1 { font-size: 42px; }
  .connection-lead > p { font-size: 17px; }
  .document-lead { padding-block: 14px 24px; }
  .document-lead h1 { font-size: 36px; }
  .document-lead > p { font-size: 17px; margin-top: 16px; }
  .editorial-lead-inner { min-height: 0; padding-bottom: 24px; }
  .editorial-lead-content { margin-top: 28px; }
  .editorial-lead-image::before { background: linear-gradient(90deg, #f6f5f0d1, #f6f5f0c2), linear-gradient(0deg, #f6f5f0, #f6f5f000 45%); }
  html[data-theme="dark"] .editorial-lead-image::before { background: linear-gradient(90deg, #17241edb, #17241ecc), linear-gradient(0deg, #17241e, #17241e00 45%); }
  .editorial-lead + .article-layout { padding-top: 24px; }
  .integration-cards { grid-template-columns: 1fr; gap: 16px; padding-block: 8px 50px; }
  .integration-cards .integration-directory-item { padding: 26px; }
  .editorial-category { font-size: 12px; }
  .editorial-lead h1 { font-size: 39px; line-height: 1.1; margin-top: 20px; letter-spacing: -.035em; }
  .editorial-summary { margin-top: 20px; font-size: 17px; line-height: 1.7; }
  .editorial-byline { justify-content: flex-start; gap: 6px 9px; font-size: 13px; margin-top: 22px; }
  .archive-lead .archive-categories { margin-top: 24px; }
  .archive-lead + .archive-results { padding-top: 25px; }
  .contact-lead { grid-template-columns: 1fr; gap: 20px; padding-block: 12px 28px; }
  .contact-lead h1 { font-size: 60px; }
  .contact-lead > p { font-size: 18px; max-width: 370px; }
  .contact-workspace { display: flex; flex-direction: column; gap: 38px; padding-block: 10px 60px; }
  .contact-workspace .contact-form { width: 100%; padding: 26px 22px; border-radius: 16px; }
  .contact-methods { width: 100%; padding-top: 0; }
  .contact-methods > p { font-size: 16px; }
  .contact-method > strong { font-size: 25px; }
  .error-lead { padding-block: 45px 70px; }
  .error-lead h1 { font-size: 42px; }
  .error-lead p { font-size: 17px; }
}
@media (max-width:360px) {
  .home-stage-copy,.product-lead-copy { padding-inline: 21px; }
  .home-stage h1, .product-lead h1 { font-size: 36px; }
  .home-stage .lead-actions,.product-lead .lead-actions { gap: 5px 17px; }
  .editorial-lead h1 { font-size: 35px; }
}
@media print {
  h1 { color: #000; background: none; -webkit-text-fill-color: currentColor; filter: none; }
  .hero-shapes { display: none; }
  .lead-canvas { width: 100%; border-radius: 0; border: 0; }
  .home-stage { display: block; color: #000; background: #fff; }
  .home-stage-copy { padding: 20px 0; }
  .home-stage p { color: #000; }
  .home-stage-visual,.product-lead-visual,.lead-actions,.lead-path,.lead-partners { display: none; }
  .product-lead { display: block; }
  .product-lead-copy { padding: 20px 0; }
  .editorial-lead-content { margin-top: 10px; }
  .editorial-cover,.editorial-lead-image::before { display: none; }
  .editorial-lead-inner { min-height: 0; padding-bottom: 20px; }
  .editorial-lead { background: #fff; color: #000; }
  .editorial-lead h1 { font-size: 32pt; }
  .archive-lead { background: #fff; }
}
@media (forced-colors: active) {
  h1 { background: none; -webkit-text-fill-color: currentColor; filter: none; }
}
/* Dedicated generated assets preserve each integration's identity on dark surfaces. */
.integration-logo { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; }
.integration-logo > img { display: block; }
.integration-logo > .logo-dark { display: none; }
html[data-theme="dark"] .integration-logo > .logo-light { display: none; }
html[data-theme="dark"] .integration-logo > .logo-dark { display: block; }
html[data-theme="dark"] .lead-partners a,
html[data-theme="dark"] .connection-identity > span:not([aria-hidden]) { background: var(--surface); }
html[data-theme="dark"] .connection-partner[data-partner="xero"] .logo-dark { width: 62px; max-width: 62px; max-height: 62px; }
html[data-theme="dark"] .integration-directory-logo [data-integration="xero"] .logo-dark { max-width: 64px; max-height: 64px; }
@media print {
  html[data-theme="dark"] .integration-logo > .logo-dark { display: none; }
  html[data-theme="dark"] .integration-logo > .logo-light { display: block; }
}