/* NeatAccounts campaign pages. Scoped under .na-root. Relies on chrome.css.
   Includes copies of the shared homepage components (site.css is not loaded here). */

/* Shared components */
.na-root .na-sec{padding:72px 0}
.na-root .na-sec-alt{background:var(--na-paper)}
.na-root .na-eyebrow,.na-root .na-kicker{font-family:'Poppins';font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--na-teal)}
.na-root .na-sec-head{max-width:680px;margin:0 auto 40px;text-align:center}
.na-root .na-sec-head h2{font-size:32px;font-weight:700;letter-spacing:-.01em;margin:12px 0 10px}
.na-root .na-sec-head p{color:var(--na-slate);font-size:17px}
.na-root .na-sec-foot{text-align:center;margin-top:38px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* Page hero */
.na-root .na-phero{background:linear-gradient(140deg,#0E5E6F,#0F6B7E 45%,#189CB4);color:#fff;padding:66px 0 62px;position:relative;overflow:hidden}
.na-root .na-phero::after{content:"";position:absolute;right:-140px;top:-140px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(252,168,0,.28),transparent 62%)}
.na-root .na-phero .container{position:relative;z-index:2}
.na-root .na-phero .na-kicker{color:#BDEAF2}
.na-root .na-phero h1{font-size:42px;font-weight:800;letter-spacing:-.02em;margin:14px 0 0;max-width:820px}
.na-root .na-phero-sub{font-size:18px;opacity:.94;margin-top:16px;max-width:640px}
.na-root .na-phero .na-hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}

/* Module grid */
.na-root .na-mod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.na-root .na-mod{background:#fff;border:1px solid var(--na-line);border-radius:var(--na-radius);padding:26px;transition:.18s;display:block}
.na-root .na-mod:hover{border-color:var(--na-teal);box-shadow:var(--na-shadow);transform:translateY(-3px)}
.na-root .na-mod-ico{width:46px;height:46px;border-radius:12px;background:var(--na-teal-soft);color:var(--na-teal-dark);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.na-root .na-mod-tag{font-family:'Poppins';font-weight:600;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--na-amber-dark)}
.na-root .na-mod h3{font-size:18px;font-weight:600;margin:6px 0 8px}
.na-root .na-mod p{color:var(--na-slate);font-size:14px;margin:0}
.na-root .na-mod-link{display:inline-block;margin-top:14px;color:var(--na-teal-dark);font-weight:600;font-size:14px}

/* Industries + decide */
.na-root .na-ind-grid,.na-root .na-decide{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.na-root .na-ind,.na-root .na-decide-card{display:block;background:#fff;border:1px solid var(--na-line);border-radius:var(--na-radius);padding:30px;transition:.18s}
.na-root .na-ind:hover,.na-root .na-decide-card:hover{border-color:var(--na-teal);box-shadow:var(--na-shadow);transform:translateY(-3px)}
.na-root .na-ind h3,.na-root .na-decide-card h3{font-size:20px;font-weight:600;margin-bottom:10px}
.na-root .na-ind p,.na-root .na-decide-card p{color:var(--na-slate);font-size:15px;margin:0}
.na-root .na-decide-card{background:linear-gradient(135deg,var(--na-teal-soft),#fff)}

/* Before / after (verticals) */
.na-root .na-ba{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--na-line);border-radius:var(--na-radius);overflow:hidden;background:#fff}
.na-root .na-ba-col{padding:30px 32px}
.na-root .na-ba-before{background:#FBF3F2}
.na-root .na-ba-after{background:var(--na-teal-soft)}
.na-root .na-ba-col h3{font-family:'Poppins';font-size:15px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px}
.na-root .na-ba-before h3{color:#B23B2E}.na-root .na-ba-after h3{color:var(--na-teal-dark)}
.na-root .na-ba-col ul{list-style:none;padding:0;margin:0}
.na-root .na-ba-col li{padding:9px 0 9px 26px;position:relative;font-size:15px;color:var(--na-slate)}
.na-root .na-ba-before li::before{content:"×";position:absolute;left:0;color:#B23B2E;font-weight:700}
.na-root .na-ba-after li::before{content:"✓";position:absolute;left:0;color:var(--na-teal-dark);font-weight:700}

/* Module split */
.na-root .na-split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.na-root .na-split-visual img{border-radius:14px;box-shadow:var(--na-shadow);width:100%}
.na-root .na-check{list-style:none;padding:0;margin:0}
.na-root .na-check li{padding:10px 0 10px 30px;position:relative;font-size:16px;color:var(--na-ink);border-bottom:1px solid var(--na-line)}
.na-root .na-check li:last-child{border:none}
.na-root .na-check li::before{content:"✓";position:absolute;left:0;color:var(--na-amber-dark);font-weight:800}

/* Legal pages */
.na-root .na-legal{max-width:820px;font-size:16px;line-height:1.75;color:#2b3d44}
.na-root .na-legal h2{font-family:'Poppins';font-size:22px;font-weight:700;color:var(--na-ink);margin:34px 0 10px}
.na-root .na-legal p{margin:0 0 14px}
.na-root .na-legal ul{margin:0 0 14px 22px}
.na-root .na-legal li{margin-bottom:8px}
.na-root .na-legal a{color:var(--na-teal-dark);text-decoration:underline}
.na-root .na-legal strong{color:var(--na-ink)}
.na-root .na-legal-meta{color:var(--na-mist);font-size:14px;margin-bottom:24px}
.na-root .na-legal-note{margin-top:30px;background:var(--na-amber-soft);border:1px solid #FFE3A6;border-radius:12px;padding:16px 20px;color:#7a5600;font-size:14px}

/* FAQ */
.na-root .na-faq-wrap{max-width:820px}
.na-root .na-faq{background:#fff;border:1px solid var(--na-line);border-radius:12px;margin-bottom:12px;overflow:hidden}
.na-root .na-faq summary{cursor:pointer;list-style:none;padding:16px 20px;font-family:'Poppins';font-weight:600;font-size:15.5px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.na-root .na-faq summary::-webkit-details-marker{display:none}
.na-root .na-faq summary::after{content:"+";color:var(--na-teal);font-size:22px;font-weight:700;flex-shrink:0}
.na-root .na-faq[open] summary::after{content:"–"}
.na-root .na-faq-a{padding:0 20px 18px;color:var(--na-slate);font-size:15px}

/* Prose + note */
.na-root .na-prose{max-width:760px;font-size:17px;color:var(--na-slate)}
.na-root .na-prose p{margin-bottom:16px}
.na-root .na-note-box{background:var(--na-amber-soft);border:1px solid #FFE3A6;border-radius:12px;padding:22px 24px;color:#7a5600}
.na-root .na-note-box code{background:#fff;padding:2px 6px;border-radius:5px}

/* Locations */
.na-root .na-loc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-bottom:40px}
.na-root .na-loc{background:#fff;border:1px solid var(--na-line);border-radius:12px;padding:20px 22px;font-family:'Poppins';font-weight:600;font-size:16px;transition:.16s}
.na-root .na-loc:hover{border-color:var(--na-teal);color:var(--na-teal-dark);box-shadow:var(--na-shadow)}

/* Comparison */
.na-root .na-cmp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px}
.na-root .na-cmp-card{background:#fff;border:1px solid var(--na-line);border-radius:14px;padding:24px}
.na-root .na-cmp-card h3{font-size:18px;margin-bottom:8px}
.na-root .na-cmp-card p{color:var(--na-slate);font-size:14px;margin:0}
.na-root .na-cmp-win{border:2px solid var(--na-teal);box-shadow:var(--na-shadow)}
.na-root .na-cmp-win h3{color:var(--na-teal-dark)}
.na-root .na-cmp-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--na-line);border-radius:14px;overflow:hidden;font-size:15px}
.na-root .na-cmp-table th,.na-root .na-cmp-table td{padding:14px 16px;border-bottom:1px solid var(--na-line);text-align:left}
.na-root .na-cmp-table thead th{background:var(--na-ink);color:#fff;font-family:'Poppins';font-weight:600;font-size:14px;text-align:center}
.na-root .na-cmp-table thead th:first-child{text-align:left}
.na-root .na-cmp-table td:not(:first-child){text-align:center;font-weight:700}
.na-root .na-cmp-table td.y{color:#1E9E6A}.na-root .na-cmp-table td.n{color:var(--na-mist)}
.na-root .na-cmp-table tr:last-child td{border-bottom:none}

/* ROI */
.na-root .na-roi{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}
.na-root .na-roi-inputs{background:#fff;border:1px solid var(--na-line);border-radius:var(--na-radius);padding:24px}
.na-root .na-roi-field,.na-root .na-roi-cur{margin-bottom:20px}
.na-root .na-roi-field label,.na-root .na-roi-cur label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:600;font-size:14px;margin-bottom:8px}
.na-root .na-roi-field input[type=range]{width:100%;vertical-align:middle;accent-color:var(--na-teal)}
.na-root .na-roi-field output{font-family:'Poppins';font-weight:800;color:var(--na-teal-dark);background:var(--na-teal-soft);padding:2px 10px;border-radius:8px;font-size:14px}
.na-root .na-roi-cur select{width:100%;padding:11px 13px;border:1px solid var(--na-line);border-radius:10px;font:inherit;background:var(--na-paper)}
.na-root .na-roi-results{background:var(--na-ink);color:#fff;border-radius:var(--na-radius);padding:26px}
.na-root .na-roi-big{text-align:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.14)}
.na-root .na-roi-lbl{display:block;font-size:13px;color:rgba(255,255,255,.7);margin-bottom:6px}
.na-root .na-roi-val{font-family:'Poppins';font-weight:800;font-size:40px;color:var(--na-amber);line-height:1.1}
.na-root .na-roi-bars{margin:20px 0}
.na-root .na-roi-bar{display:grid;grid-template-columns:130px 1fr;gap:10px;align-items:center;margin-bottom:10px;font-size:13px;color:rgba(255,255,255,.85)}
.na-root .na-roi-track{background:rgba(255,255,255,.12);border-radius:6px;height:12px;overflow:hidden}
.na-root .na-roi-track i{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,var(--na-teal),#5CC0D3);transition:width .5s ease}
.na-root .na-roi-bar:nth-child(2) .na-roi-track i{background:linear-gradient(90deg,var(--na-amber),#FFC85A)}
.na-root .na-roi-bar:nth-child(3) .na-roi-track i{background:linear-gradient(90deg,#7C3AED,#189CB4)}
.na-root .na-roi-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}
.na-root .na-roi-grid b{font-family:'Poppins';font-size:22px;display:block}
.na-root .na-roi-sub{font-size:11px;color:rgba(255,255,255,.55)}
.na-root .na-roi-note{font-size:12px;color:rgba(255,255,255,.6);margin-bottom:18px}
.na-root .na-roi-cta{width:100%}

@media(max-width:900px){
  .na-root .na-phero h1{font-size:32px}
  .na-root .na-ba,.na-root .na-split,.na-root .na-cmp-cards{grid-template-columns:1fr}
  .na-root .na-sec{padding:52px 0}
}
@media(min-width:900px){
  .na-root .na-roi{grid-template-columns:1.1fr 1fr;gap:30px}
}
@media(max-width:520px){
  .na-root .na-roi-bar{grid-template-columns:104px 1fr}
  .na-root .na-cmp-table th,.na-root .na-cmp-table td{padding:10px 8px;font-size:13px}
}