/* MichaelCHR reference homepage shell */
html { scroll-behavior: smooth; }
body.mc-reference-home {
    margin: 0 !important;
    background: #fff !important;
    color: #7f858f !important;
    font-family: 'Open Sans', Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}
.mc-reference-home *, .mc-reference-home *::before, .mc-reference-home *::after { box-sizing: border-box; }
.mc-reference-home .mc-ref-container,
.mc-reference-home #autocount-page-wrapper > .second-nav .container,
.mc-reference-home #autocount-page-wrapper section > .container {
    width: 1170px !important;
    max-width: calc(100% - 30px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.mc-reference-home .mc-ref-main,
.mc-reference-home #autocount-page-wrapper { margin: 0 !important; padding: 0 !important; width: 100% !important; overflow: visible !important; }

/* The original page uses two transparent nav layers over hero */
.mc-ref-header {
    position: absolute !important;
    inset: 0 0 auto 0 !important;
    z-index: 10000 !important;
    height: 100px !important;
    color: #e7ecee !important;
    background: transparent !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
}
.mc-ref-header-inner { position: relative !important; height: 100px !important; }
.mc-ref-logo {
    position: absolute !important;
    left: 15px !important;
    top: 30px !important;
    height: 47px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 11px !important;
    color: #fff !important;
    text-decoration: none !important;
}
.mc-ref-logo-symbol { position: relative; width: 48px; height: 40px; display: block; }
.mc-ref-logo-symbol::before,
.mc-ref-logo-symbol::after,
.mc-ref-logo-symbol i,
.mc-ref-logo-symbol b,
.mc-ref-logo-symbol em {
    content: ''; position: absolute; width: 21px; height: 21px; border-radius: 50% 50% 48% 52%; transform: rotate(-24deg); opacity: .98;
}
.mc-ref-logo-symbol::before { left: 0; top: 2px; background:#ef3340; }
.mc-ref-logo-symbol::after { left: 22px; top: 2px; background:#18a0db; }
.mc-ref-logo-symbol i { left: 1px; top: 19px; background:#ffcf00; }
.mc-ref-logo-symbol b { left: 23px; top: 19px; background:#74bf25; }
.mc-ref-logo-symbol em { left: 14px; top: 10px; width:20px; height:20px; background:#fff; opacity:.18; }
.mc-ref-logo-text { font-size: 27px !important; line-height: 1 !important; font-weight: 300 !important; letter-spacing: -.9px !important; color:#fff !important; }
.mc-ref-logo-text span { font-weight: 700 !important; }
.mc-ref-utility {
    position: absolute !important; right: 15px !important; top: 0 !important; height: 35px !important;
    display: flex !important; align-items: center !important; gap: 26px !important;
}
.mc-ref-utility a { color: rgba(239,245,247,.90) !important; font-size: 12px !important; font-weight: 400 !important; text-decoration:none !important; white-space: nowrap !important; }
.mc-ref-utility a:last-child { padding-left: 19px !important; border-left: 1px solid rgba(255,255,255,.18) !important; }
.mc-ref-primary {
    position: absolute !important; right: 15px !important; top: 35px !important; height: 65px !important;
    display: flex !important; align-items: center !important; gap: 34px !important;
}
.mc-ref-primary a { color: #f1f5f6 !important; text-decoration:none !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: .1px !important; white-space: nowrap !important; }
.mc-ref-primary a:hover, .mc-ref-utility a:hover { color:#80c31e !important; }
.mc-ref-primary small, .mc-ref-utility small { font-size: 10px !important; }
.mc-ref-mobile-toggle { display:none !important; }

/* Product sub navigation at y=100, overlaying hero */
.mc-reference-home #autocount-page-wrapper > .second-nav {
    display: block !important;
    position: absolute !important;
    z-index: 9999 !important;
    top: 100px !important;
    left: 0 !important;
    width: 100% !important;
    height: 43px !important;
    min-height: 43px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: rgba(0,0,0,.06) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.14) !important;
    box-shadow: none !important;
}
.mc-reference-home #autocount-page-wrapper > .second-nav .container { height:43px !important; position:relative !important; }
.mc-reference-home #autocount-page-wrapper > .second-nav .pro-header {
    float:left !important; height:43px !important; line-height:43px !important; padding:0 !important; margin:0 !important;
    color:#fff !important; font-size:18px !important; font-weight:700 !important;
}
.mc-reference-home #autocount-page-wrapper > .second-nav #navbar { display:block !important; height:43px !important; padding:0 !important; border:0 !important; }
.mc-reference-home #autocount-page-wrapper > .second-nav #nav2 {
    float:right !important; display:flex !important; align-items:center !important; gap:0 !important; height:43px !important;
    margin:0 !important; padding:0 !important; list-style:none !important;
}
.mc-reference-home #autocount-page-wrapper > .second-nav #nav2 > li { height:43px !important; display:flex !important; align-items:center !important; }
.mc-reference-home #autocount-page-wrapper > .second-nav #nav2 > li > a {
    display:flex !important; align-items:center !important; height:43px !important; padding:0 15px !important;
    color:#f1f4f5 !important; background:transparent !important; border:0 !important; box-shadow:none !important;
    font-size:13px !important; line-height:1 !important; font-weight:600 !important; text-decoration:none !important; white-space:nowrap !important;
}
.mc-reference-home #autocount-page-wrapper > .second-nav #nav2 > li > a:hover { color:#80c31e !important; }
.mc-reference-home #autocount-page-wrapper > .second-nav #nav2 > li:last-child { margin-left:8px !important; }
.mc-reference-home #autocount-page-wrapper > .second-nav #nav2 > li:last-child > a {
    height:35px !important; padding:0 20px !important; color:#fff !important; background:#80c31e !important;
    border-radius:3px !important; font-weight:700 !important;
}

/* Hero: exact source dimensions; header overlays this image */
.mc-reference-home .accounting-header2 {
    position:relative !important;
    width:100% !important;
    height:700px !important;
    min-height:700px !important;
    padding:525px 0 0 !important;
    margin:0 !important;
    background-image:url('/wp-content/uploads/accounting/55-accounting.jpg') !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    text-align:center !important;
}
.mc-reference-home .accounting-header2 .btn55_lm {
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    min-width:268px !important; height:53px !important; padding:0 30px !important; color:#fff !important;
    background:#80c31e !important; border:1px solid rgba(255,255,255,.65) !important; border-radius:3px !important;
    box-shadow:none !important; font-size:18px !important; font-weight:700 !important; text-decoration:none !important;
}
.mc-reference-home .accounting-header2 .bottom-line { display:none !important; }

/* Exact feature overview proportions: deliberately 4 + 3 like source */
.mc-reference-home #why {
    position:relative !important; width:100% !important; min-height:739px !important; height:auto !important;
    margin:0 !important; padding:0 0 100px !important; background:#fff !important;
}
.mc-reference-home #why .section-header { margin:90px 0 0 !important; padding:0 !important; text-align:center !important; }
.mc-reference-home #why p.subhead { margin:0 0 8px !important; color:#80c31e !important; font-size:14px !important; line-height:1.6 !important; font-weight:700 !important; letter-spacing:.8px !important; text-transform:uppercase !important; }
.mc-reference-home #why h3 { margin:0 0 22px !important; color:#292d33 !important; font-size:36px !important; line-height:1.22 !important; font-weight:700 !important; }
.mc-reference-home #why p.large { margin:0 0 60px !important; color:#7f858f !important; font-size:17px !important; line-height:1.6 !important; }
.mc-reference-home #why .list-nav { display:flex !important; flex-wrap:wrap !important; width:auto !important; min-height:350px !important; margin:0 -15px !important; padding:0 !important; }
.mc-reference-home #why .list-wrap { float:none !important; width:25% !important; height:175px !important; padding:0 15px !important; margin:0 !important; }
.mc-reference-home #why .list-wrap > a { display:block !important; color:inherit !important; text-decoration:none !important; }
.mc-reference-home #why .nav-item {
    position:relative !important; width:100% !important; height:145px !important; margin:0 0 30px !important; padding:28px 35px 0 !important;
    border:0 !important; border-radius:5px !important; background:transparent !important; box-shadow:none !important; text-align:center !important;
    transition:background .2s ease !important;
}
.mc-reference-home #why .nav-item::after { content:'' !important; position:absolute !important; right:-15px !important; top:45px !important; width:1px !important; height:50px !important; border-left:1px solid #e7e8ec !important; }
.mc-reference-home #why .list-wrap:nth-child(4) .nav-item::after,
.mc-reference-home #why .list-wrap:nth-child(7) .nav-item::after { display:none !important; }
.mc-reference-home #why .nav-item [class^="icon2-"] { display:block !important; margin:0 0 13px !important; color:#80c31e !important; font-size:38px !important; line-height:1 !important; }
.mc-reference-home #why .nav-item .text { color:#292d33 !important; font-size:13px !important; line-height:1.35 !important; font-weight:700 !important; text-decoration:none !important; }
.mc-reference-home #why .nav-item:hover { background:#80c31e !important; }
.mc-reference-home #why .nav-item:hover [class^="icon2-"], .mc-reference-home #why .nav-item:hover .text { color:#fff !important; }

/* Source-like detailed sections */
.mc-reference-home .steps.wrap-internal { position:relative !important; margin:0 !important; padding:100px 0 !important; border-top:1px solid #e7e8ec !important; border-radius:0 !important; }
.mc-reference-home .steps.wrap-internal .top-block-icon {
    position:absolute !important; z-index:10 !important; left:50% !important; top:-40px !important; width:80px !important; height:80px !important;
    margin:0 0 0 -40px !important; padding:0 !important; display:flex !important; align-items:center !important; justify-content:center !important;
    background:#80c31e !important; border:5px solid #e2f2b5 !important; border-radius:50% !important; box-shadow:none !important;
}
.mc-reference-home .steps.wrap-internal .top-block-icon i { color:#fff !important; font-size:36px !important; line-height:1 !important; }
.mc-reference-home .steps .top-block-text { margin:0 -15px !important; text-align:center !important; }
.mc-reference-home .steps .top-block-text h3 { margin:0 0 22px !important; color:#292d33 !important; font-size:30px !important; line-height:1.3 !important; font-weight:700 !important; }
.mc-reference-home .steps .top-block-text p.large { margin:0 auto !important; max-width:900px !important; color:#7f858f !important; font-size:16px !important; line-height:1.6 !important; }
.mc-reference-home .steps .row[style*="margin-top:50px"] { margin-top:50px !important; }
.mc-reference-home .steps #accordion-two,
.mc-reference-home .steps #accordion-one { margin:0 !important; padding:0 !important; }
.mc-reference-home .steps .panel-alt-two,
.mc-reference-home .steps .panel { position:relative !important; margin:0 0 29px !important; padding:0 !important; border:0 !important; border-radius:5px !important; background:transparent !important; box-shadow:none !important; overflow:visible !important; }
.mc-reference-home .steps .panel-heading {
    min-height:70px !important; margin:0 !important; padding:20px 30px 20px 70px !important;
    background:transparent !important; border:0 !important; border-left:0 !important; border-radius:4px 4px 0 0 !important;
}
.mc-reference-home .steps .panel-heading .panel-title { margin:0 !important; font-size:16px !important; line-height:30px !important; font-weight:700 !important; }
.mc-reference-home .steps .panel-heading .panel-title a { display:block !important; color:#292d33 !important; font-size:16px !important; line-height:30px !important; font-weight:700 !important; text-decoration:none !important; }
.mc-reference-home .steps .panel-heading.active .panel-title a { color:#80c31e !important; }
.mc-reference-home .steps .accordion-icon {
    position:absolute !important; left:-72px !important; top:-18px !important; width:56px !important; height:56px !important;
    display:block !important; padding:0 !important;
    background:#fff !important; border:1px solid #dfe4e8 !important; border-radius:50% !important; color:#cbd2d7 !important;
}
.mc-reference-home .steps .panel-heading.active .accordion-icon { background:#80c31e !important; border:5px solid #e2f2b5 !important; color:#fff !important; }
.mc-reference-home .steps .stacked-icon {
    display:flex !important; align-items:center !important; justify-content:center !important;
    width:100% !important; height:100% !important; color:inherit !important;
}
.mc-reference-home .steps .stacked-icon i { color:inherit !important; font-size:25px !important; line-height:1 !important; }
.mc-reference-home .steps .panel-collapse { margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; }
.mc-reference-home .steps .panel-body { margin:0 !important; padding:0 30px 20px 70px !important; background:transparent !important; border:0 !important; color:#7f858f !important; font-size:14px !important; line-height:1.65 !important; }
.mc-reference-home .steps .image-holder2,
.mc-reference-home .steps .image-holder { margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; text-align:left !important; }
.mc-reference-home .steps .image-holder2 img,
.mc-reference-home .steps .image-holder img { display:block !important; width:100% !important; max-width:100% !important; height:auto !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; opacity:1 !important; }
.mc-reference-home .st { display:none !important; }

/* Prevent obsolete source texture request; flat green matches the visible reference */
.mc-reference-home .green-bg,
.mc-reference-home section.green-bg { background-image:none !important; background-color:#80c31e !important; }

/* Source footer proportions, not the previous SaaS footer */
.mc-ref-footer { background:#242a2f !important; color:#aeb5bb !important; padding:58px 0 0 !important; font-family:'Open Sans',Arial,sans-serif !important; }
.mc-ref-footer-grid { display:grid !important; grid-template-columns:2fr 1fr 1fr 1.4fr !important; gap:45px !important; padding-bottom:45px !important; }
.mc-ref-footer h4 { margin:0 0 17px !important; color:#fff !important; font-size:14px !important; font-weight:700 !important; }
.mc-ref-footer a, .mc-ref-footer p { display:block !important; margin:0 0 9px !important; color:#aeb5bb !important; font-size:13px !important; line-height:1.65 !important; text-decoration:none !important; }
.mc-ref-footer a:hover { color:#80c31e !important; }
.mc-ref-footer-brand { margin-bottom:13px !important; color:#fff !important; font-size:22px !important; font-weight:700 !important; }
.mc-ref-copyright { padding:19px 15px !important; border-top:1px solid rgba(255,255,255,.08) !important; color:#899198 !important; text-align:center !important; font-size:12px !important; }

@media (max-width: 921px) {
    .mc-reference-home .mc-ref-container, .mc-reference-home #autocount-page-wrapper > .second-nav .container, .mc-reference-home #autocount-page-wrapper section > .container { width:100% !important; max-width:100% !important; padding-left:20px !important; padding-right:20px !important; }
    .mc-ref-header { height:72px !important; background:rgba(10,28,38,.92) !important; }
    .mc-ref-header-inner { height:72px !important; }
    .mc-ref-logo { top:16px !important; left:20px !important; }
    .mc-ref-utility, .mc-ref-primary { display:none !important; }
    .mc-ref-mobile-toggle { display:block !important; position:absolute !important; right:20px !important; top:19px !important; width:40px !important; height:36px !important; color:#fff !important; background:transparent !important; border:1px solid rgba(255,255,255,.45) !important; border-radius:3px !important; }
    .mc-menu-open .mc-ref-primary { display:flex !important; position:absolute !important; top:72px !important; left:0 !important; right:0 !important; height:auto !important; padding:18px 20px !important; flex-direction:column !important; align-items:flex-start !important; gap:15px !important; background:#10232d !important; }
    .mc-reference-home #autocount-page-wrapper > .second-nav { display:none !important; }
    .mc-reference-home .accounting-header2 { height:380px !important; min-height:380px !important; padding:275px 0 0 !important; background-size:auto 380px !important; }
    .mc-reference-home .accounting-header2 .btn55_lm { min-width:220px !important; height:46px !important; font-size:15px !important; }
    .mc-reference-home #why { min-height:0 !important; padding-bottom:70px !important; }
    .mc-reference-home #why .section-header { margin-top:60px !important; }
    .mc-reference-home #why h3 { font-size:28px !important; }
    .mc-reference-home #why .list-wrap { width:50% !important; }
    .mc-reference-home #why .nav-item::after { display:none !important; }
    .mc-ref-footer-grid { grid-template-columns:1fr 1fr !important; }
}
@media (max-width: 540px) {
    .mc-ref-logo-text { font-size:22px !important; }
    .mc-reference-home .accounting-header2 { background-position:center top !important; }
    .mc-reference-home #why .list-wrap { width:100% !important; height:135px !important; }
    .mc-reference-home #why .nav-item { height:115px !important; }
    .mc-ref-footer-grid { grid-template-columns:1fr !important; }
}