/* /compare/accounting-software — designed page (10 Nov 2026). Price ranges on one axis under a full-width heading,
   a real four-column comparison table, the FreeAgent saving set on lime beside the software Buzz includes. */
.dz-compare-accounting-software { --tint: #f5f4ef; }
.dz-compare-accounting-software p { margin: 0 0 14px; }
.dz-compare-accounting-software p:last-child { margin-bottom: 0; }

/* Heading, then the price band */
.dz-compare-accounting-software .as-top { padding-top: 64px; }
.dz-compare-accounting-software .as-top h1 { margin: 0 0 48px; max-width: 1080px; }
.dz-compare-accounting-software .as-band { background: var(--tint); border-top: 4px solid var(--black); padding: 56px 0 64px; }
.dz-compare-accounting-software .as-band-in { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 40px 72px; align-items: start; }
.dz-compare-accounting-software .as-band .lead { color: var(--black); }

.dz-compare-accounting-software .as-range { margin: 0; --name: 150px; }
.dz-compare-accounting-software .as-range ol { list-style: none; margin: 0; padding: 0; }
.dz-compare-accounting-software .as-range li { display: grid; grid-template-columns: var(--name) minmax(0, 1fr); align-items: center; gap: 20px; padding: 14px 0; border-bottom: 1px solid rgba(14, 14, 14, .14); }
.dz-compare-accounting-software .as-r-name { font-family: "Anton", "Arial Narrow", sans-serif; font-weight: 400; font-size: 2.2rem; line-height: 1; color: var(--black); }
.dz-compare-accounting-software .as-r-track { position: relative; height: 46px; background: repeating-linear-gradient(90deg, rgba(14, 14, 14, .12) 0 1px, transparent 1px calc(100% / 7)); }
.dz-compare-accounting-software .as-r-bar { position: absolute; top: 4px; bottom: 4px; left: var(--a); width: calc(var(--b) - var(--a)); background: var(--black); border-radius: 6px; display: flex; justify-content: space-between; align-items: center; padding: 0 12px; }
.dz-compare-accounting-software .as-r-bar i { font-style: normal; font-weight: 900; color: var(--white); }
.dz-compare-accounting-software .as-range li.is-buzz .as-r-bar { background: var(--lime); box-shadow: inset 0 0 0 2px var(--black); }
.dz-compare-accounting-software .as-range li.is-buzz .as-r-bar i { color: var(--black); }
.dz-compare-accounting-software .as-r-axis { display: grid; grid-template-columns: var(--name) minmax(0, 1fr); gap: 20px; height: 34px; }
.dz-compare-accounting-software .as-r-axis div { position: relative; }
.dz-compare-accounting-software .as-r-axis div span { position: absolute; left: var(--x); top: 8px; transform: translateX(-50%); font-weight: 700; color: var(--grey); }
.dz-compare-accounting-software .as-r-axis div span:first-child { transform: none; }
.dz-compare-accounting-software .as-r-axis div span:last-child { transform: translateX(-100%); }
.dz-compare-accounting-software .as-range figcaption { margin-top: 18px; font-weight: 700; color: var(--black); }

/* What every platform covers */
.dz-compare-accounting-software .as-covers { padding: 88px 0 24px; }
.dz-compare-accounting-software .as-covers-in { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 24px 72px; }
.dz-compare-accounting-software .as-covers h2 { margin: 0; }

/* The table */
.dz-compare-accounting-software .as-compare { padding: 64px 0 96px; }
.dz-compare-accounting-software .as-compare h2 { margin: 0 0 32px; }
.dz-compare-accounting-software .as-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.dz-compare-accounting-software .as-table thead th { font-family: "Anton", "Arial Narrow", sans-serif; font-weight: 400; font-size: 2rem; line-height: 1; color: var(--white); background: var(--black); text-align: left; padding: 22px 20px; }
.dz-compare-accounting-software .as-table thead td { width: 15%; border-bottom: 4px solid var(--black); }
.dz-compare-accounting-software .as-table thead th + th { box-shadow: inset 1px 0 0 rgba(255, 255, 255, .22); }
.dz-compare-accounting-software .as-table thead th.is-buzz { background: var(--lime); color: var(--black); }
.dz-compare-accounting-software .as-table tbody th { text-align: left; vertical-align: top; padding: 22px 20px 22px 0; color: var(--black); font-weight: 900; }
.dz-compare-accounting-software .as-table td { vertical-align: top; padding: 22px 20px; border-left: 1px solid var(--line); }
.dz-compare-accounting-software .as-table tbody tr { border-bottom: 1px solid var(--line); }
.dz-compare-accounting-software .as-table td.is-buzz { background: var(--tint); }
.dz-compare-accounting-software .as-table ul { margin: 0; padding: 0 0 0 18px; }
.dz-compare-accounting-software .as-table li { margin: 0 0 8px; }
.dz-compare-accounting-software .as-table li:last-child { margin-bottom: 0; }
.dz-compare-accounting-software .as-price { display: block; font-family: "Anton", "Arial Narrow", sans-serif; font-weight: 400; font-size: 2.1rem; line-height: 1; color: var(--black); margin-bottom: 10px; }

/* Software included with Buzz: the saving on lime, running to the left edge */
.dz-compare-accounting-software .as-buzz { display: grid; grid-template-columns: minmax(24px, 1fr) minmax(0, 456px) minmax(0, 736px) minmax(24px, 1fr); }
.dz-compare-accounting-software .as-buzz-fig { grid-column: 1 / 3; background: var(--lime); display: flex; flex-direction: column; justify-content: center; padding: 88px 56px 88px max(24px, calc((100vw - var(--max)) / 2 + 24px)); }
.dz-compare-accounting-software .as-buzz-n { font-family: "Anton", "Arial Narrow", sans-serif; font-size: clamp(3.6rem, 6vw, 5.6rem); line-height: .95; color: var(--black); margin: 0 0 18px; }
.dz-compare-accounting-software .as-buzz-fig p:last-child { color: var(--black); font-weight: 700; }
.dz-compare-accounting-software .as-buzz-text { grid-column: 3; padding: 88px 0 88px 72px; }
.dz-compare-accounting-software .as-buzz-text h2 { margin: 0 0 24px; }

/* Close */
.dz-compare-accounting-software .as-close { padding: 80px 0 96px; }
.dz-compare-accounting-software .as-close-box { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: 28px 64px; align-items: center; border: 4px solid var(--black); border-radius: var(--radius); padding: 48px 52px; }
.dz-compare-accounting-software .as-close h2 { margin: 0; }
.dz-compare-accounting-software .as-btns { display: flex; flex-wrap: wrap; gap: 12px 14px; margin-top: 22px; }
.dz-compare-accounting-software .as-btns .btn { margin: 0; }
.dz-compare-accounting-software .as-close .btn-outline { color: var(--black); }

@media (max-width: 900px) {
  .dz-compare-accounting-software .as-top { padding-top: 40px; }
  .dz-compare-accounting-software .as-top h1 { margin-bottom: 32px; }
  .dz-compare-accounting-software .as-band { padding: 40px 0 44px; }
  .dz-compare-accounting-software .as-band-in, .dz-compare-accounting-software .as-covers-in, .dz-compare-accounting-software .as-close-box { grid-template-columns: 1fr; }
  .dz-compare-accounting-software .as-range { --name: 92px; }
  .dz-compare-accounting-software .as-range li, .dz-compare-accounting-software .as-r-axis { gap: 10px; }
  .dz-compare-accounting-software .as-r-name { font-size: 1.35rem; }
  .dz-compare-accounting-software .as-r-track { height: 40px; }
  .dz-compare-accounting-software .as-r-bar { padding: 0 6px; }
  .dz-compare-accounting-software .as-r-axis div span:nth-child(2), .dz-compare-accounting-software .as-r-axis div span:nth-child(4), .dz-compare-accounting-software .as-r-axis div span:nth-child(6), .dz-compare-accounting-software .as-r-axis div span:nth-child(7) { display: none; }
  .dz-compare-accounting-software .as-covers { padding: 56px 0 8px; }
  .dz-compare-accounting-software .as-compare { padding: 48px 0 64px; }
  .dz-compare-accounting-software .as-table, .dz-compare-accounting-software .as-table tbody, .dz-compare-accounting-software .as-table tr, .dz-compare-accounting-software .as-table th, .dz-compare-accounting-software .as-table td { display: block; width: auto; }
  .dz-compare-accounting-software .as-table thead { display: none; }
  .dz-compare-accounting-software .as-table tbody tr { border-bottom: 0; margin-bottom: 28px; }
  .dz-compare-accounting-software .as-table tbody th { background: var(--black); color: var(--white); padding: 12px 16px; border-radius: var(--radius) var(--radius) 0 0; }
  .dz-compare-accounting-software .as-table td { border-left: 0; border-bottom: 1px solid var(--line); padding: 16px 16px 18px; }
  .dz-compare-accounting-software .as-table td::before { content: attr(data-p); display: block; font-family: "Anton", "Arial Narrow", sans-serif; font-size: 1.5rem; line-height: 1; color: var(--black); margin-bottom: 8px; }
  .dz-compare-accounting-software .as-price { font-size: 1.6rem; }
  .dz-compare-accounting-software .as-buzz { display: block; }
  .dz-compare-accounting-software .as-buzz-fig { padding: 48px 24px; }
  .dz-compare-accounting-software .as-buzz-text { padding: 56px 24px; }
  .dz-compare-accounting-software .as-close { padding: 48px 0 64px; }
  .dz-compare-accounting-software .as-close-box { padding: 32px 24px; }
}