/* Codit Service Page Blocks — /services/* conversion + link blocks. Theme-neutral; buttons reuse .button-1. */
.spb-section{margin:2.5rem 0 0;clear:both}
.spb-section h2{font-size:1.5rem;line-height:1.25;margin:0 0 .75rem}
.spb-section h3{font-size:1.05rem;line-height:1.3;margin:.5rem 0 .25rem}
.spb-section p{margin:.4rem 0 .9rem}

/* stats */
.spb-stats{margin-top:2rem}
.spb-stats-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}
.spb-stats-grid li{background:#f4f7ee;border:1px solid #dfe6d0;border-radius:8px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.2rem}
.spb-stat-n{font-size:1.75rem;font-weight:700;line-height:1;color:#4f6b18;font-variant-numeric:tabular-nums}
.spb-stat-l{font-size:.85rem;color:#4d5747}

/* case studies */
.spb-cases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}
.spb-case{background:#fff;border:1px solid #e3e7dc;border-radius:8px;overflow:hidden}
.spb-case-link{display:flex;flex-direction:column;gap:.35rem;padding:0 0 .9rem;color:inherit;text-decoration:none;height:100%}
.spb-case-link:hover h3{color:#4f6b18}
.spb-case-img{width:100%;height:140px;object-fit:cover;display:block;margin-bottom:.4rem}
.spb-case-cat{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#6b7563;padding:0 .9rem}
.spb-case h3{padding:0 .9rem;margin:0}
.spb-case p{padding:0 .9rem;margin:0;font-size:.9rem;color:#4d5747}
.spb-more{margin:.75rem 0 0}
.spb-more a{font-weight:600}

/* pills + link grids */
.spb-pills{list-style:none;margin:0 0 .5rem;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.spb-pills a{display:inline-block;padding:.35rem .8rem;border:1px solid #cfd8bf;border-radius:999px;background:#fff;color:#2f3a1f;font-size:.92rem;text-decoration:none}
.spb-pills a:hover,.spb-pills a:focus-visible{border-color:#4f6b18;color:#4f6b18}
.spb-pill-all a{background:#4f6b18;border-color:#4f6b18;color:#fff}
.spb-pill-all a:hover{color:#fff;opacity:.9}
.spb-links-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.5rem .9rem}
.spb-links-grid a{display:block;padding:.5rem .75rem;border-left:3px solid #cfd8bf;background:#f8faf4;text-decoration:none;color:#2f3a1f}
.spb-links-grid a:hover{border-left-color:#4f6b18;color:#4f6b18}

/* tech */
.spb-tech-groups{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.75rem 1.25rem}
.spb-tech-group dt{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#6b7563;margin-bottom:.15rem}
.spb-tech-group dd{margin:0;color:#2f3a1f}

/* trust */
.spb-trust-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.45rem 1rem}
.spb-trust-list li{position:relative;padding-left:1.4rem}
.spb-trust-list li::before{content:"";position:absolute;left:0;top:.45em;width:.8rem;height:.8rem;border-radius:50%;background:#4f6b18;box-shadow:inset 0 0 0 3px #e7efd4}

/* pricing */
.spb-table-wrap{overflow-x:auto;border:1px solid #e3e7dc;border-radius:8px;background:#fff}
.spb-table{width:100%;min-width:620px;border-collapse:collapse;font-size:.93rem}
.spb-table th,.spb-table td{text-align:left;vertical-align:top;padding:.65rem .8rem;border-bottom:1px solid #eef1e8}
.spb-table thead th{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#6b7563;background:#f8faf4}
.spb-table tbody th{font-weight:600;color:#2f3a1f}
.spb-table tr:last-child td,.spb-table tr:last-child th{border-bottom:0}
.spb-num{white-space:nowrap;font-variant-numeric:tabular-nums}

/* CTAs */
.spb-cta{margin:1.25rem 0 0;padding:1.1rem 1.25rem;background:#f4f7ee;border-radius:8px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem}
.spb-cta-note{margin:0;flex:1 1 260px;color:#3d4736}
.spb-cta-inline{background:transparent;padding:0}
.spb-cta .button-1{white-space:nowrap}

/* breadcrumb */
.spb-breadcrumb{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;font-size:.85rem;margin-top:.6rem;color:rgba(255,255,255,.85)}
.spb-breadcrumb a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.spb-breadcrumb [aria-current]{color:#fff}

/* sidebar lead form */
.spb-lead{background:#fff;border:1px solid #dfe6d0;border-radius:10px;padding:1.2rem 1.25rem;position:sticky;top:1.5rem}
.spb-lead-title{margin:0 0 .25rem;font-size:1.15rem}
.spb-lead-sub{margin:0 0 .9rem;font-size:.88rem;color:#4d5747}
.spb-lead-form{display:flex;flex-direction:column;gap:.7rem}
.spb-lead-form label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:#3d4736}
.spb-lead-form input,.spb-lead-form select,.spb-lead-form textarea{width:100%;padding:.55rem .7rem;border:1px solid #cfd8bf;border-radius:6px;font:inherit;background:#fff;color:#1f2519}
.spb-lead-form input:focus-visible,.spb-lead-form select:focus-visible,.spb-lead-form textarea:focus-visible{outline:2px solid #4f6b18;outline-offset:1px}
.spb-lead-form textarea{resize:vertical;min-height:90px}
.spb-lead-form .button-1{width:100%;text-align:center;margin-top:.25rem}
.spb-lead-alt{margin:.8rem 0 0;font-size:.82rem;color:#4d5747}
.spb-lead-msg{padding:.6rem .75rem;border-radius:6px;font-size:.9rem;margin:0 0 .75rem}
.spb-lead-ok{background:#e7efd4;color:#2f4a0a}
.spb-lead-err{background:#f8e5e0;color:#7a2a17}
@media (max-width:991px){.spb-lead{position:static}}
