/* Start custom CSS for html, class: .elementor-element-7eb9523 *//* ==================================================
   CSS 01 - FONT IMPORT
   Edit here: Change Google font import here if needed.
================================================== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');

/* ==================================================
   CSS 02 - BRAND VARIABLES
   Edit here: Edit brand colors, shadows, and border radius variables here.
================================================== */
.bz-bktax-page {
  --biz-navy:        #053d00;
    --biz-green-dark:  #045f00;
    --biz-green-mid:   #078f00;
    --biz-green-light: #12b80b;
    --biz-green-pale:  #effbef;
    --biz-green-accent:#078f00;
    --biz-white:       #ffffff;
    --biz-gray-50:     #f8fbf7;
    --biz-gray-100:    #edf5eb;
    --biz-gray-200:    #d9e8d6;
    --biz-gray-400:    #7f927b;
    --biz-gray-600:    #40523d;
    --biz-gray-900:    #111811;
    --biz-gold:        #f5a623;
    --biz-red:         #e74c3c;
    --shadow-sm: 0 2px 8px rgba(7,143,0,.08);
    --shadow-md: 0 6px 24px rgba(7,143,0,.13);
    --shadow-lg: 0 16px 48px rgba(7,143,0,.18);
    --radius: 16px;
    --radius-sm: 10px;
    --radius-xs: 6px;
}

/* ==================================================
   CSS 03 - WORDPRESS SAFE RESET
   Edit here: Only resets elements inside .bz-bktax-page, not the whole website.
================================================== */
.bz-bktax-page *, .bz-bktax-page *::before, .bz-bktax-page *::after {
  box-sizing:border-box;
  margin:0;
  padding:0;
}
.bz-bktax-page {
  scroll-behavior:smooth;
}
.bz-bktax-page {
  font-family:"Segoe UI",system-ui,-apple-system,sans-serif;
  background:#fff;
  color:var(--biz-gray-900);
  line-height:1.72;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
}

/* ==================================================
   CSS 04 - SCROLL PROGRESS BAR
   Edit here: Styles the thin fixed progress line at top of page.
================================================== */
.bz-bktax-page #bz-bktax-progress-bar {
  position:fixed;
  top:0;
  left:0;
  height:3px;
  width:0;
  background:linear-gradient(90deg,var(--biz-green-accent),var(--biz-green-light));
  z-index:9999;
  transition:width .1s linear;
}

    /* ==================================================
       CSS 05 - HERO SECTION
       Edit here: Main top blog hero: background, spacing, title, image, meta chips.
    ================================================== */
    .bz-bktax-page .bz-bktax-hero {
      background:linear-gradient(135deg,var(--biz-navy) 0%,#0f3520 55%,var(--biz-green-dark) 100%);
      position:relative;
      overflow:hidden;
      padding:80px 48px 0;
    }
    .bz-bktax-page .bz-bktax-hero::before {
      content:"";
      position:absolute;
      top:-80px;
      right:-80px;
      width:420px;
      height:420px;
      background:radial-gradient(circle,rgba(0,196,106,.18) 0%,transparent 68%);
      border-radius:50%;
      pointer-events:none;
    }
    .bz-bktax-page .bz-bktax-hero::after {
      content:"";
      position:absolute;
      bottom:0;
      left:0;
      right:0;
      height:60px;
      background:linear-gradient(to bottom,transparent,#fff);
    }
    .bz-bktax-page .bz-bktax-hero-inner {
      max-width:1100px;
      margin:0 auto;
      display:grid;
      grid-template-columns:1fr 420px;
      gap:60px;
      align-items:end;
    }
    .bz-bktax-page .bz-bktax-hero-badge {
      display:inline-flex;
      align-items:center;
      gap:8px;
      background:rgba(0,196,106,.15);
      border:1px solid rgba(0,196,106,.35);
      color:var(--biz-green-accent);
      padding:6px 16px;
      border-radius:50px;
      font-size:12px;
      font-weight:700;
      letter-spacing:1.2px;
      text-transform:uppercase;
      margin-bottom:20px;
    }
    .bz-bktax-page .bz-bktax-hero h1 {
      font-size:clamp(26px,3.6vw,44px);
      font-weight:900;
      color:#fff;
      line-height:1.16;
      letter-spacing:-.6px;
      margin-bottom:20px;
    }
    .bz-bktax-page .bz-bktax-hero h1 em {
      color:var(--biz-green-accent);
      font-style:normal;
      display:block;
    }
    .bz-bktax-page .bz-bktax-hero-sub {
      font-size:17px;
      color:rgba(255,255,255,.72);
      margin-bottom:32px;
      max-width:520px;
    }
    .bz-bktax-page .bz-bktax-hero-meta {
      display:flex;
      gap:20px;
      flex-wrap:wrap;
      margin-bottom:40px;
    }
    .bz-bktax-page .bz-bktax-meta-chip {
      display:flex;
      align-items:center;
      gap:6px;
      font-size:13px;
      color:rgba(255,255,255,.6);
    }
    .bz-bktax-page .bz-bktax-meta-chip strong {
      color:rgba(255,255,255,.9);
    }
    .bz-bktax-page .bz-bktax-hero-img-wrap {
      align-self:flex-end;
    }
    .bz-bktax-page .bz-bktax-hero-img-wrap img {
      width:100%;
      height:340px;
      object-fit:cover;
      border-radius:var(--radius) var(--radius) 0 0;
      display:block;
      box-shadow:var(--shadow-lg);
    }
    
    /* ==================================================
       CSS 06 - HERO STATS / AT-A-GLANCE
       Edit here: Styles the 2 / 365 / 1 / 0 stat strip/cards.
    ================================================== */
    .bz-bktax-page .bz-bktax-hero-stats {
      display:flex;
      background:var(--biz-navy);
      border-top:3px solid var(--biz-green-accent);
    }
    .bz-bktax-page .bz-bktax-stat-block {
      flex:1;
      padding:22px 28px;
      text-align:center;
      border-right:1px solid rgba(255,255,255,.08);
    }
    .bz-bktax-page .bz-bktax-stat-block:last-child {
      border-right:none;
    }
    .bz-bktax-page .bz-bktax-stat-num {
      font-size:28px;
      font-weight:900;
      color:var(--biz-green-accent);
      line-height:1;
      display:block;
    }
    .bz-bktax-page .bz-bktax-stat-lbl {
      font-size:12px;
      color:rgba(255,255,255,.55);
      margin-top:4px;
      display:block;
    }

/* ==================================================
   CSS 07 - MAIN LAYOUT WRAPPER
   Edit here: Controls max width and horizontal page padding.
================================================== */
.bz-bktax-page-wrap {
  max-width:1100px;
  margin:0 auto;
  padding:0 48px;
}
.bz-bktax-page .bz-bktax-two-col {
  display:grid;
  grid-template-columns:1fr 320px;
  gap:56px;
  align-items:start;
  padding:64px 0 0;
}

/* ==================================================
   CSS 08 - SIDEBAR
   Edit here: Sticky sidebar with contents list and share buttons.
================================================== */
.bz-bktax-page .bz-bktax-sidebar {
  position:sticky;
  top:80px;
}
.bz-bktax-page .bz-bktax-toc-box {
  background:var(--biz-green-pale);
  border-left:4px solid var(--biz-green-mid);
  border-radius:0 var(--radius-sm) var(--radius-sm) 0;
  padding:24px 26px;
  margin-bottom:24px;
}
.bz-bktax-page .bz-bktax-toc-box h4 {
  font-size:11px;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--biz-green-dark);
  margin-bottom:14px;
  font-weight:700;
}
.bz-bktax-page .bz-bktax-toc-box ol {
  padding-left:18px;
}
.bz-bktax-page .bz-bktax-toc-box li {
  margin-bottom:8px;
}
.bz-bktax-page .bz-bktax-toc-box a {
  color:var(--biz-green-dark);
  text-decoration:none;
  font-size:13px;
  font-weight:500;
  line-height:1.4;
}
.bz-bktax-page .bz-bktax-toc-box a:hover {
  text-decoration:underline;
}
.bz-bktax-page .bz-bktax-share-box {
  background:var(--biz-gray-50);
  border:1px solid var(--biz-gray-200);
  border-radius:var(--radius-sm);
  padding:20px 22px;
}
.bz-bktax-page .bz-bktax-share-box h4 {
  font-size:12px;
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--biz-gray-600);
  margin-bottom:12px;
  font-weight:700;
}
.bz-bktax-page .bz-bktax-share-btns {
  display:flex;
  flex-direction:column;
  gap:8px;
}
.bz-bktax-page .bz-bktax-share-btn {
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:var(--radius-xs);
  font-size:13px;
  font-weight:600;
  text-decoration:none;
  transition:transform .15s,opacity .15s;
}
.bz-bktax-page .bz-bktax-share-btn:hover {
  transform:translateX(3px);
  opacity:.88;
}
.bz-bktax-page .bz-bktax-share-btn.bz-bktax-linkedin {
  background:#0077b5;
  color:#fff;
}
.bz-bktax-page .bz-bktax-share-btn.bz-bktax-twitter {
  background:#000;
  color:#fff;
}
.bz-bktax-page .bz-bktax-share-btn.bz-bktax-email {
  background:var(--biz-green-mid);
  color:#fff;
}

/* ==================================================
   CSS 09 - ARTICLE BODY + SECTION SPACING
   Edit here: Controls main article area and section spacing.
================================================== */
.bz-bktax-page .bz-bktax-article-body {
  min-width:0;
}
.bz-bktax-page .bz-bktax-section-block {
  padding:56px 0 0;
}
.bz-bktax-page .bz-bktax-section-block+.bz-bktax-section-block {
  border-top:1px solid var(--biz-gray-200);
}

/* ==================================================
   CSS 10 - SECTION LABELS + HEADINGS
   Edit here: Small green labels, H2 section titles, H3 subtitles, and paragraphs.
================================================== */
.bz-bktax-page .bz-bktax-sec-label {
  display:inline-block;
  background:var(--biz-green-pale);
  color:var(--biz-green-dark);
  font-size:10px;
  font-weight:700;
  letter-spacing:1.8px;
  text-transform:uppercase;
  padding:4px 12px;
  border-radius:50px;
  margin-bottom:10px;
}
.bz-bktax-page h2.bz-bktax-sec-heading {
  font-size:clamp(22px,3vw,30px);
  font-weight:800;
  color:var(--biz-navy);
  line-height:1.18;
  letter-spacing:-.4px;
  margin-bottom:18px;
}
.bz-bktax-page h3.bz-bktax-sub-heading {
  font-size:18px;
  font-weight:700;
  color:var(--biz-green-dark);
  margin:28px 0 12px;
}
.bz-bktax-page p {
  color:#2a3a2a;
  margin-bottom:18px;
  font-size:16px;
}
.bz-bktax-page p:last-child {
  margin-bottom:0;
}

/* ==================================================
   CSS 11 - FEATURE IMAGES
   Edit here: Controls blog images and image captions.
================================================== */
/* CTA 1 - BOOKS TAX READY SECTION - SMALL VERSION */

.bz-bktax-page .bz-bktax-review-card {
  position: relative;
  margin: 28px 0;
  padding: 26px 28px;
  border-radius: 16px;
  background: linear-gradient(135deg, #f3faf3 0%, #eef6ee 100%);
  border: 1px solid #dde9db;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);
}

.bz-bktax-page .bz-bktax-review-icon {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: rgba(7, 143, 0, 0.10);
  color: #078f00;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  margin-bottom: 16px;
}

.bz-bktax-page .bz-bktax-review-title {
  margin: 0 0 12px;
  color: #056b35;
  font-size: clamp(24px, 2.8vw, 34px);
  line-height: 1.18;
  font-weight: 800;
  letter-spacing: -0.6px;
}

.bz-bktax-page .bz-bktax-review-text {
  margin: 0 0 20px;
  color: #1f2e3d;
  font-size: 15px;
  line-height: 1.6;
  max-width: 620px;
}

.bz-bktax-page .bz-bktax-review-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.bz-bktax-page .bz-bktax-review-btn {
  min-height: 46px;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  text-decoration: none;
  font-size: 13.5px;
  font-weight: 800;
  border-radius: 9px;
  transition: all 0.2s ease;
}

.bz-bktax-page .bz-bktax-review-btn:hover {
  transform: translateY(-2px);
}

.bz-bktax-page .bz-bktax-review-btn-solid {
  background: linear-gradient(135deg, #056b35 0%, #078f00 100%);
  color: #ffffff;
}

.bz-bktax-page .bz-bktax-review-btn-outline {
  background: #ffffff;
  color: #056b35;
  border: 1.5px solid #056b35;
}

.bz-bktax-page .bz-bktax-review-btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}

/* ==================================================
   CSS 12 - QUICK ANSWER / SNIPPET BOX
   Edit here: Styles the featured-snippet style content box.
================================================== */
.bz-bktax-page .bz-bktax-snippet-box {
  background:linear-gradient(135deg,#f0faf5,#ddf3e8);
  border:2px solid var(--biz-green-mid);
  border-radius:var(--radius);
  padding:26px 30px;
  margin:28px 0;
}
.bz-bktax-page .bz-bktax-snippet-tag {
  font-size:10px;
  font-weight:700;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--biz-green-mid);
  margin-bottom:8px;
  display:block;
}
.bz-bktax-page .bz-bktax-snippet-box h3 {
  font-size:17px;
  color:var(--biz-navy);
  margin:0 0 10px;
  font-weight:700;
}
.bz-bktax-page .bz-bktax-snippet-box p {
  font-size:15px;
  color:#2a3a2a;
  margin:0;
}

/* ==================================================
   CSS 13 - CALLOUT BOXES
   Edit here: Shared callout styles: tip, warning, stat, and info boxes.
================================================== */
.bz-bktax-page .bz-bktax-callout {
  border-radius:var(--radius-sm);
  padding:20px 24px;
  margin:24px 0;
  display:flex;
  gap:14px;
  align-items:flex-start;
}
.bz-bktax-page .bz-bktax-callout-icon {
  font-size:24px;
  flex-shrink:0;
  line-height:1.3;
}
.bz-bktax-page .bz-bktax-callout-body h4 {
  font-size:15px;
  font-weight:700;
  margin-bottom:6px;
}
.bz-bktax-page .bz-bktax-callout-body p {
  font-size:14px;
  margin:0;
  line-height:1.6;
}
.bz-bktax-page .bz-bktax-callout.bz-bktax-tip {
  background:var(--biz-green-pale);
  border:1px solid #b5ddc6;
}
.bz-bktax-page .bz-bktax-callout.bz-bktax-tip .bz-bktax-callout-body h4 {
  color:var(--biz-green-dark);
}
.bz-bktax-page .bz-bktax-callout.bz-bktax-warn {
  background:#fff9e6;
  border:1px solid #f2d678;
}
.bz-bktax-page .bz-bktax-callout.bz-bktax-warn .bz-bktax-callout-body h4 {
  color:#7a5800;
}
.bz-bktax-page .bz-bktax-callout.bz-bktax-stat {
  background:linear-gradient(135deg,var(--biz-navy),#0f3520);
  border:none;
}
.bz-bktax-page .bz-bktax-callout.bz-bktax-stat .bz-bktax-callout-body h4 {
  color:var(--biz-green-accent);
  font-size:17px;
}
.bz-bktax-page .bz-bktax-callout.bz-bktax-stat .bz-bktax-callout-body p {
  color:rgba(255,255,255,.78);
}
.bz-bktax-page .bz-bktax-callout.bz-bktax-info {
  background:#e8f4fd;
  border:1px solid #b3d9f0;
}
.bz-bktax-page .bz-bktax-callout.bz-bktax-info .bz-bktax-callout-body h4 {
  color:#0a5c8a;
}

/* ==================================================
   CSS 14 - INTERACTIVE CHECKLIST BASE
   Edit here: Legacy checklist click styles, if used later.
================================================== */
/* CTA 2 - SMALL LIGHT CARD */

.bz-bktax-page .bz-bktax-routine-card {
  margin: 28px 0;
  padding: 24px;
  border-radius: 16px;
  background: #f3faf3;
  border: 1px solid #dcebdc;
}

.bz-bktax-page .bz-bktax-routine-top {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  margin-bottom: 16px;
}

.bz-bktax-page .bz-bktax-routine-main-icon {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: rgba(7, 143, 0, 0.12);
  color: #078f00;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
}

.bz-bktax-page .bz-bktax-routine-title {
  margin: 0;
  color: #071a2d;
  font-size: 26px;
  line-height: 1.22;
  font-weight: 800;
}

.bz-bktax-page .bz-bktax-routine-title span {
  color: #078f00;
}

.bz-bktax-page .bz-bktax-routine-line {
  width: 44px;
  height: 3px;
  background: #078f00;
  border-radius: 20px;
  margin-top: 10px;
}

.bz-bktax-page .bz-bktax-routine-intro p {
  color: #1f2e3d;
  font-size: 14px;
  line-height: 1.6;
  margin: 0 0 16px;
}

.bz-bktax-page .bz-bktax-routine-list {
  border-top: 1px solid #d8e6d8;
}

.bz-bktax-page .bz-bktax-routine-item {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 11px 0;
  border-bottom: 1px solid #d8e6d8;
}

.bz-bktax-page .bz-bktax-routine-item-icon {
  color: #078f00;
  font-size: 14px;
  font-weight: 800;
  margin-top: 2px;
}

.bz-bktax-page .bz-bktax-routine-item-text strong {
  color: #071a2d;
  font-size: 13.5px;
  line-height: 1.45;
}

.bz-bktax-page .bz-bktax-routine-actions {
  display: flex;
  gap: 10px;
  margin-top: 18px;
}

.bz-bktax-page .bz-bktax-routine-btn {
  flex: 1;
  min-height: 42px;
  padding: 9px 12px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 12.5px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.bz-bktax-page .bz-bktax-routine-btn-solid {
  background: #078f00;
  color: #ffffff;
}

.bz-bktax-page .bz-bktax-routine-btn-outline {
  background: #ffffff;
  color: #078f00;
  border: 1.5px solid #078f00;
}

.bz-bktax-page .bz-bktax-routine-note {
  margin-top: 14px;
  text-align: center;
}

.bz-bktax-page .bz-bktax-routine-note p {
  margin: 0;
  color: #40523d;
  font-size: 12px;
  line-height: 1.5;
}

/* ==================================================
   CSS 15 - SERVICE CARDS + CARD GRIDS
   Edit here: Bookkeeping/tax service cards and reusable card grids.
================================================== */
.bz-bktax-page .bz-bktax-card-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin:24px 0;
}
.bz-bktax-page .bz-bktax-card-grid.bz-bktax-two {
  grid-template-columns:repeat(2,1fr);
}
.bz-bktax-page .bz-bktax-service-card {
  background:#fff;
  border:1px solid var(--biz-gray-200);
  border-radius:var(--radius-sm);
  padding:22px 20px;
  box-shadow:var(--shadow-sm);
  position:relative;
  overflow:hidden;
  transition:transform .2s,box-shadow .2s;
}
.bz-bktax-page .bz-bktax-service-card::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  background:linear-gradient(90deg,var(--biz-green-mid),var(--biz-green-accent));
}
.bz-bktax-page .bz-bktax-service-card:hover {
  transform:translateY(-3px);
  box-shadow:var(--shadow-md);
}
.bz-bktax-page .bz-bktax-card-icon {
  font-size:28px;
  margin-bottom:12px;
  display:block;
}
.bz-bktax-page .bz-bktax-card-title {
  font-size:15px;
  font-weight:700;
  color:var(--biz-navy);
  margin-bottom:8px;
}
.bz-bktax-page .bz-bktax-card-desc {
  font-size:13px;
  color:var(--biz-gray-600);
  margin:0;
  line-height:1.55;
}

/* ==================================================
   CSS 16 - TABLES
   Edit here: Comparison tables and responsive horizontal scrolling.
================================================== */
.bz-bktax-page .bz-bktax-table-wrap {
  overflow-x:auto;
  border-radius:var(--radius);
  box-shadow:var(--shadow-md);
  margin:28px 0;
}
.bz-bktax-page table {
  width:100%;
  border-collapse:collapse;
  font-size:14px;
  min-width:540px;
}
.bz-bktax-page thead tr {
  background:linear-gradient(135deg,var(--biz-navy),var(--biz-green-dark));
}
.bz-bktax-page thead th {
  padding:15px 18px;
  text-align:left;
  color:#fff;
  font-size:12.5px;
  font-weight:600;
  letter-spacing:.4px;
}
.bz-bktax-page tbody tr:nth-child(even) {
  background:var(--biz-gray-50);
}
.bz-bktax-page tbody tr:hover {
  background:var(--biz-green-pale);
  transition:background .15s;
}
.bz-bktax-page td {
  padding:13px 18px;
  border-bottom:1px solid var(--biz-gray-100);
  vertical-align:middle;
  color:#2a3a2a;
  font-size:14px;
}
.bz-bktax-page .bz-bktax-td-green {
  color:var(--biz-green-dark);
  font-weight:700;
  background:rgba(46,155,91,.07);
}

/* ==================================================
   CSS 17 - BENEFIT STRIP
   Edit here: Four-column benefits section under tax-season easier section.
================================================== */
.bz-bktax-page .bz-bktax-benefits-strip {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:var(--biz-gray-200);
  border-radius:var(--radius);
  overflow:hidden;
  margin:28px 0;
  box-shadow:var(--shadow-sm);
}
.bz-bktax-page .bz-bktax-benefit-cell {
  background:#fff;
  padding:22px 18px;
  text-align:center;
}
.bz-bktax-page .bz-bktax-benefit-cell .bz-bktax-bicon {
  font-size:32px;
  display:block;
  margin-bottom:10px;
}
.bz-bktax-page .bz-bktax-benefit-cell h4 {
  font-size:14px;
  font-weight:700;
  color:var(--biz-navy);
  margin-bottom:6px;
}
.bz-bktax-page .bz-bktax-benefit-cell p {
  font-size:12.5px;
  color:var(--biz-gray-600);
  margin:0;
  line-height:1.5;
}

/* ==================================================
   CSS 18 - MISTAKE / SOLUTION GRID
   Edit here: Problem and best-practice cards in Section 08.
================================================== */
.bz-bktax-page .bz-bktax-mistake-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin:24px 0;
}
.bz-bktax-page .bz-bktax-mistake-card {
  border-radius:var(--radius-sm);
  padding:18px 20px;
}
.bz-bktax-page .bz-bktax-mistake-card.bz-bktax-problem {
  background:#fdf0ef;
  border:1px solid #f5c6c2;
  border-left:4px solid var(--biz-red);
}
.bz-bktax-page .bz-bktax-mistake-card.bz-bktax-solution {
  background:var(--biz-green-pale);
  border:1px solid #b5ddc6;
  border-left:4px solid var(--biz-green-mid);
}
.bz-bktax-page .bz-bktax-mistake-card h5 {
  font-size:13.5px;
  font-weight:700;
  margin-bottom:7px;
}
.bz-bktax-page .bz-bktax-mistake-card.bz-bktax-problem h5 {
  color:#c0392b;
}
.bz-bktax-page .bz-bktax-mistake-card.bz-bktax-solution h5 {
  color:var(--biz-green-dark);
}
.bz-bktax-page .bz-bktax-mistake-card p {
  font-size:13px;
  color:#3a3a3a;
  margin:0;
  line-height:1.5;
}

/* ==================================================
   CSS 19 - FAQ ACCORDION
   Edit here: FAQ wrapper, clickable questions, open answer state.
================================================== */
.bz-bktax-page .bz-bktax-faq {
  margin:24px 0;
}
.bz-bktax-page .bz-bktax-faq-item {
  border:1px solid var(--biz-gray-200);
  border-radius:var(--radius-sm);
  margin-bottom:10px;
  overflow:hidden;
}
.bz-bktax-page .bz-bktax-faq-q {
  padding:17px 22px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  cursor:pointer;
  font-weight:600;
  font-size:15px;
  background:#fff;
  transition:background .2s;
  user-select:none;
  color:var(--biz-navy);
}
.bz-bktax-page .bz-bktax-faq-q:hover {
  background:var(--biz-green-pale);
}
.bz-bktax-page .bz-bktax-faq-q.bz-bktax-open {
  background:var(--biz-green-pale);
  color:var(--biz-green-dark);
}
.bz-bktax-page .bz-bktax-faq-icon {
  font-size:20px;
  color:var(--biz-green-mid);
  transition:transform .3s;
  flex-shrink:0;
  margin-left:10px;
}
.bz-bktax-page .bz-bktax-faq-icon.bz-bktax-open {
  transform:rotate(45deg);
}
.bz-bktax-page .bz-bktax-faq-a {
  overflow:hidden;
  max-height:0;
  transition:max-height .4s ease,padding .3s;
  padding:0 22px;
}
.bz-bktax-page .bz-bktax-faq-a.bz-bktax-open {
  max-height:500px;
  padding:0 22px 18px;
}
.bz-bktax-page .bz-bktax-faq-a p {
  font-size:14.5px;
  color:#3a4a3a;
  margin:0;
}

/* ==================================================
   CSS 20 - BOOKKEEPING CHECKLIST GRID
   Edit here: Four checklist boxes: income, expenses, banking/payroll, reports/docs.
================================================== */
.bz-bktax-page .bz-bktax-checklist-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin:24px 0;
}
.bz-bktax-page .bz-bktax-cl-period {
  background:#fff;
  border:1px solid var(--biz-gray-200);
  border-radius:var(--radius-sm);
  padding:20px 22px;
  box-shadow:var(--shadow-sm);
}
.bz-bktax-page .bz-bktax-cl-period h4 {
  font-size:13px;
  font-weight:700;
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--biz-green-dark);
  margin-bottom:12px;
}
.bz-bktax-page .bz-bktax-cl-period ul {
  list-style:none;
}
.bz-bktax-page .bz-bktax-cl-period li {
  font-size:14px;
  color:#2a3a2a;
  padding:6px 0;
  display:flex;
  align-items:flex-start;
  gap:8px;
  border-bottom:1px solid var(--biz-gray-100);
}
.bz-bktax-page .bz-bktax-cl-period li:last-child {
  border-bottom:none;
}
.bz-bktax-page .bz-bktax-cl-period li::before {
  content:"☐";
  color:var(--biz-green-mid);
  font-size:15px;
  flex-shrink:0;
}

/* ==================================================
   CSS 21 - BOOKKEEPING → TAX RELATION DIAGRAM
   Edit here: Two-card diagram and arrow in comparison section.
================================================== */
.bz-bktax-page .bz-bktax-relation-wrap {
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:20px;
  align-items:center;
  margin:32px 0;
}
.bz-bktax-page .bz-bktax-relation-box {
  background:#fff;
  border:2px solid var(--biz-green-mid);
  border-radius:var(--radius-sm);
  padding:24px 22px;
  text-align:center;
  box-shadow:var(--shadow-sm);
}
.bz-bktax-page .bz-bktax-relation-box.bz-bktax-dark {
  background:var(--biz-navy);
  border-color:var(--biz-navy);
}
.bz-bktax-page .bz-bktax-relation-box .bz-bktax-ricon {
  font-size:34px;
  display:block;
  margin-bottom:10px;
}
.bz-bktax-page .bz-bktax-relation-box h4 {
  font-size:15px;
  font-weight:700;
  color:var(--biz-navy);
  margin-bottom:8px;
}
.bz-bktax-page .bz-bktax-relation-box.bz-bktax-dark h4 {
  color:#fff;
}
.bz-bktax-page .bz-bktax-relation-box p {
  font-size:13px;
  color:var(--biz-gray-600);
  margin:0;
}
.bz-bktax-page .bz-bktax-relation-box.bz-bktax-dark p {
  color:rgba(255,255,255,.7);
}
.bz-bktax-page .bz-bktax-relation-arrow {
  font-size:28px;
  color:var(--biz-green-mid);
  font-weight:800;
}
@media (max-width:700px) {
  .bz-bktax-page .bz-bktax-relation-wrap {
    grid-template-columns:1fr;
  }
  .bz-bktax-page .bz-bktax-relation-arrow {
    transform:rotate(90deg);
  }
}

/* ==================================================
   CSS 22 - CTA INLINE SECTIONS
   Edit here: Green inline CTA bars used for CTA 1 and CTA 4 in the current HTML.
================================================== */
.bz-bktax-page .bz-bktax-cta-inline {
  background:linear-gradient(135deg,var(--biz-green-dark) 0%,var(--biz-green-mid) 100%);
  border-radius:var(--radius);
  padding:36px 40px;
  margin:48px 0;
  display:flex;
  gap:32px;
  align-items:center;
  box-shadow:var(--shadow-md);
  position:relative;
  overflow:hidden;
}
.bz-bktax-page .bz-bktax-cta-inline::after {
  content:"📊";
  position:absolute;
  right:28px;
  top:50%;
  transform:translateY(-50%);
  font-size:80px;
  opacity:.12;
  pointer-events:none;
}
.bz-bktax-page .bz-bktax-cta-inline-text h3 {
  font-size:22px;
  font-weight:800;
  color:#fff;
  margin-bottom:8px;
}
.bz-bktax-page .bz-bktax-cta-inline-text p {
  font-size:15px;
  color:rgba(255,255,255,.8);
  margin:0;
  max-width:420px;
}
.bz-bktax-page .bz-bktax-cta-inline-btn {
  flex-shrink:0;
  background:#fff;
  color:var(--biz-green-dark);
  padding:14px 28px;
  border-radius:50px;
  font-weight:800;
  font-size:14px;
  text-decoration:none;
  white-space:nowrap;
  box-shadow:0 4px 16px rgba(0,0,0,.18);
  transition:transform .2s,box-shadow .2s;
}
.bz-bktax-page .bz-bktax-cta-inline-btn:hover {
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(0,0,0,.22);
}

/* ==================================================
   CSS 23 - CTA SPLIT SECTION
   Edit here: Two-column CTA section used after tax preparation section.
================================================== */
.bz-bktax-page .bz-bktax-cta-split {
  background:var(--biz-navy);
  border-radius:var(--radius);
  display:grid;
  grid-template-columns:1fr 1fr;
  overflow:hidden;
  margin:48px 0;
  box-shadow:var(--shadow-lg);
}
.bz-bktax-page .bz-bktax-cta-split-left {
  padding:40px 36px;
}
.bz-bktax-page .bz-bktax-cta-split-left h3 {
  font-size:22px;
  font-weight:800;
  color:#fff;
  margin-bottom:10px;
}
.bz-bktax-page .bz-bktax-cta-split-left p {
  font-size:15px;
  color:rgba(255,255,255,.72);
  margin-bottom:24px;
}
.bz-bktax-page .bz-bktax-cta-split-perks {
  list-style:none;
  margin-bottom:28px;
}
.bz-bktax-page .bz-bktax-cta-split-perks li {
  font-size:14px;
  color:rgba(255,255,255,.8);
  padding:4px 0;
  display:flex;
  align-items:center;
  gap:8px;
}
.bz-bktax-page .bz-bktax-cta-split-perks li::before {
  content:"✓";
  color:var(--biz-green-accent);
  font-weight:800;
}
.bz-bktax-page .bz-bktax-cta-split-right {
  background:linear-gradient(135deg,var(--biz-green-dark),var(--biz-green-mid));
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:40px 32px;
  text-align:center;
  gap:16px;
}
.bz-bktax-page .bz-bktax-cta-split-right p {
  color:rgba(255,255,255,.85);
  font-size:15px;
  margin-bottom:0;
}

/* ==================================================
   CSS 24 - BUTTON STYLES
   Edit here: Shared primary, ghost, green, and outline button styling.
================================================== */
.bz-bktax-page .bz-bktax-btn-primary {
  display:inline-block;
  background:#fff;
  color:var(--biz-green-dark);
  padding:14px 30px;
  border-radius:50px;
  font-weight:800;
  font-size:15px;
  text-decoration:none;
  box-shadow:var(--shadow-md);
  transition:transform .2s,box-shadow .2s;
}
.bz-bktax-page .bz-bktax-btn-primary:hover {
  transform:translateY(-2px);
  box-shadow:var(--shadow-lg);
}
.bz-bktax-page .bz-bktax-btn-ghost {
  display:inline-block;
  background:transparent;
  color:#fff;
  padding:12px 26px;
  border-radius:50px;
  font-weight:700;
  font-size:14px;
  text-decoration:none;
  border:2px solid rgba(255,255,255,.55);
  transition:border-color .2s,background .2s;
}
.bz-bktax-page .bz-bktax-btn-ghost:hover {
  border-color:#fff;
  background:rgba(255,255,255,.1);
}

/* ==================================================
   CSS 25 - CTA PROOF SECTION
   Edit here: Bookkeeping + Tax under one roof CTA card.
================================================== */
.bz-bktax-page .bz-bktax-cta-proof {
  border:2px solid var(--biz-green-mid);
  border-radius:var(--radius);
  padding:36px 40px;
  margin:48px 0;
  position:relative;
  background:var(--biz-green-pale);
}
.bz-bktax-page .bz-bktax-cta-proof-badge {
  position:absolute;
  top:-14px;
  left:36px;
  background:var(--biz-green-mid);
  color:#fff;
  font-size:11px;
  font-weight:700;
  letter-spacing:1px;
  text-transform:uppercase;
  padding:4px 16px;
  border-radius:50px;
}
.bz-bktax-page .bz-bktax-cta-proof h3 {
  font-size:21px;
  font-weight:800;
  color:var(--biz-navy);
  margin-bottom:10px;
}
.bz-bktax-page .bz-bktax-cta-proof p {
  font-size:15px;
  color:var(--biz-gray-600);
  margin-bottom:22px;
  max-width:580px;
}
.bz-bktax-page .bz-bktax-proof-cta-btns {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.bz-bktax-page .bz-bktax-btn-green {
  display:inline-block;
  background:var(--biz-green-dark);
  color:#fff;
  padding:13px 28px;
  border-radius:50px;
  font-weight:800;
  font-size:14px;
  text-decoration:none;
  transition:transform .2s,box-shadow .2s;
}
.bz-bktax-page .bz-bktax-btn-green:hover {
  transform:translateY(-2px);
  box-shadow:0 6px 20px rgba(26,107,60,.35);
}
.bz-bktax-page .bz-bktax-btn-outline-green {
  display:inline-block;
  background:transparent;
  color:var(--biz-green-dark);
  padding:11px 24px;
  border-radius:50px;
  font-weight:700;
  font-size:14px;
  text-decoration:none;
  border:2px solid var(--biz-green-dark);
  transition:background .2s,color .2s;
}
.bz-bktax-page .bz-bktax-btn-outline-green:hover {
  background:var(--biz-green-dark);
  color:#fff;
}

/* ==================================================
   CSS 26 - FINAL CTA SECTION
   Edit here: Bottom full-width dark CTA section and trust items.
================================================== */
.bz-bktax-page .bz-bktax-cta-final {
  background:linear-gradient(135deg,var(--biz-navy) 0%,#0d3020 100%);
  padding:72px 48px;
  text-align:center;
}
.bz-bktax-page .bz-bktax-cta-final h2 {
  font-size:clamp(26px,4vw,38px);
  font-weight:900;
  color:#fff;
  margin-bottom:14px;
  letter-spacing:-.4px;
}
.bz-bktax-page .bz-bktax-cta-final p {
  font-size:17px;
  color:rgba(255,255,255,.72);
  max-width:540px;
  margin:0 auto 32px;
}
.bz-bktax-page .bz-bktax-cta-final-btns {
  display:flex;
  gap:16px;
  justify-content:center;
  flex-wrap:wrap;
}
.bz-bktax-page .bz-bktax-cta-final-trust {
  margin-top:36px;
  display:flex;
  justify-content:center;
  gap:40px;
  flex-wrap:wrap;
}
.bz-bktax-page .bz-bktax-trust-item {
  text-align:center;
}
.bz-bktax-page .bz-bktax-trust-item span {
  display:block;
  font-size:24px;
  font-weight:900;
  color:var(--biz-green-accent);
}
.bz-bktax-page .bz-bktax-trust-item small {
  font-size:12px;
  color:rgba(255,255,255,.5);
}

/* ==================================================
   CSS 27 - AUTHOR BOX
   Edit here: Author/reviewer card before final CTA.
================================================== */
.bz-bktax-page .bz-bktax-author-box {
  display:flex;
  gap:20px;
  align-items:center;
  background:var(--biz-gray-50);
  border:1px solid var(--biz-gray-200);
  border-radius:var(--radius-sm);
  padding:22px 26px;
  margin:48px 0;
}
.bz-bktax-page .bz-bktax-author-avatar {
  width:60px;
  height:60px;
  border-radius:50%;
  flex-shrink:0;
  background:linear-gradient(135deg,var(--biz-green-dark),var(--biz-green-mid));
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
  color:#fff;
}
.bz-bktax-page .bz-bktax-author-info h4 {
  font-size:15px;
  font-weight:700;
  color:var(--biz-navy);
  margin-bottom:3px;
}
.bz-bktax-page .bz-bktax-author-info p {
  font-size:13px;
  color:var(--biz-gray-600);
  margin:0;
  line-height:1.5;
}

/* ==================================================
   CSS 28 - DIVIDERS
   Edit here: Horizontal dividers between article sections.
================================================== */
.bz-bktax-page hr.bz-bktax-styled {
  border:none;
  border-top:2px solid var(--biz-gray-200);
  margin:0;
}

/* ==================================================
   CSS 29 - RESPONSIVE TABLET STYLES
   Edit here: Stacks columns and adjusts spacing under 900px.
================================================== */
@media (max-width:900px) {
  .bz-bktax-page .bz-bktax-two-col {
    grid-template-columns:1fr;
  }
  .bz-bktax-page .bz-bktax-sidebar {
    position:static;
  }
  .bz-bktax-page .bz-bktax-hero-inner {
    grid-template-columns:1fr;
  }
  .bz-bktax-page .bz-bktax-hero-img-wrap {
    display:none;
  }
  .bz-bktax-page .bz-bktax-card-grid {
    grid-template-columns:1fr 1fr;
  }
  .bz-bktax-page .bz-bktax-benefits-strip {
    grid-template-columns:1fr 1fr;
  }
  .bz-bktax-page .bz-bktax-cta-split {
    grid-template-columns:1fr;
  }
  .bz-bktax-page .bz-bktax-mistake-grid, .bz-bktax-page .bz-bktax-checklist-grid {
    grid-template-columns:1fr;
  }
  .bz-bktax-page-wrap, .bz-bktax-page .bz-bktax-cta-final {
    padding-left:20px;
    padding-right:20px;
  }
  .bz-bktax-page .bz-bktax-cta-inline {
    flex-direction:column;
  }
  .bz-bktax-page .bz-bktax-hero {
    padding:50px 20px 0;
  }
  .bz-bktax-page .bz-bktax-hero-stats {
    flex-wrap:wrap;
  }
  .bz-bktax-page .bz-bktax-stat-block {
    flex:0 0 50%;
  }
}

/* ==================================================
   CSS 30 - RESPONSIVE MOBILE STYLES
   Edit here: One-column cards/benefits under 600px.
================================================== */
@media (max-width:600px) {
  .bz-bktax-page .bz-bktax-card-grid {
    grid-template-columns:1fr;
  }
  .bz-bktax-page .bz-bktax-benefits-strip {
    grid-template-columns:1fr;
  }
}

/* ==================================================
   CSS 31 - WORDPRESS PAGE SAFETY
   Edit here: Final safeguards for links, images, and progress bar inside WordPress.
================================================== */
/* WordPress page safety */
.bz-bktax-page a {
   box-shadow: none;
}
.bz-bktax-page img {
   max-width: 100%;
   height: auto;
}
.bz-bktax-page .bz-bktax-progress-bar {
   position: fixed;
   top: 0;
   left: 0;
   height: 3px;
   width: 0;
   background: linear-gradient(90deg, #078f00, #12b80b);
   z-index: 99999;
   transition: width .1s linear;
}/* End custom CSS */