/* Sir Marketer CRM cluster — unique layouts, Wave 3. Does not override global theme tokens. */
.crmp{--lime:#BFF747;--ink:var(--tx,#f4f7f0);--mute:var(--mu,#9aa396)}
@media (prefers-reduced-motion:reduce){
  .crmp *,.crmp *::before,.crmp *::after{animation:none!important;transition:none!important}
}
.crmp .rail{display:grid;gap:0;margin:1.5rem 0 2rem;padding:0;list-style:none;counter-reset:step}
.crmp .rail>li{display:grid;grid-template-columns:auto 1fr;gap:.9rem 1.1rem;padding:0 0 1.4rem 0;position:relative}
.crmp .rail>li:last-child{padding-bottom:0}
.crmp .rail>li::before{counter-increment:step;content:counter(step,decimal-leading-zero);font-weight:800;font-size:.8rem;letter-spacing:.08em;color:#111;background:var(--lime);width:2.1rem;height:2.1rem;border-radius:999px;display:grid;place-items:center;position:relative;z-index:1}
.crmp .rail>li::after{content:"";position:absolute;left:1.05rem;top:2.1rem;bottom:0;width:2px;background:linear-gradient(var(--lime),transparent);opacity:.45}
.crmp .rail>li:last-child::after{display:none}
.crmp .rail h3{margin:0 0 .25rem;font-size:1.05rem}
.crmp .rail p{margin:0;color:var(--mute)}
.crmp .layers{display:flex;flex-direction:column;gap:.6rem;margin:1.2rem 0 2rem}
.crmp .layer{border:1px solid color-mix(in srgb,var(--lime) 35%,transparent);border-radius:14px;padding:1rem 1.1rem;background:color-mix(in srgb,var(--lime) 6%,transparent)}
.crmp .layer b{display:block;color:var(--lime);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.2rem}
.crmp .split-story{display:grid;gap:1.4rem;margin:1.4rem 0 2rem}
@media(min-width:800px){.crmp .split-story{grid-template-columns:1.1fr .9fr;align-items:center}}
.crmp .desk{border:1px solid var(--line,#2a2f28);border-radius:18px;overflow:hidden;background:var(--card,#141714);min-width:0}
.crmp .desk-top{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.7rem 1rem;border-bottom:1px solid var(--line,#2a2f28);font-size:.8rem}
.crmp .desk-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);display:inline-block;margin-right:.4rem}
.crmp .desk-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.crmp .desk-col{padding:.8rem;border-right:1px solid var(--line,#2a2f28);min-width:0}
.crmp .desk-col:last-child{border-right:0}
.crmp .desk-col h3{margin:0 0 .6rem;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.crmp .chip{display:block;border-radius:10px;padding:.55rem .65rem;margin:0 0 .45rem;background:color-mix(in srgb,var(--lime) 9%,transparent);font-size:.82rem;overflow-wrap:anywhere}
.crmp .chip small{display:block;color:var(--mute);font-size:.72rem}
.crmp .note{font-size:.85rem;color:var(--mute);margin:.8rem 0 0}
@media(max-width:700px){
  .crmp .desk-cols{grid-template-columns:1fr}
  .crmp .desk-col{border-right:0;border-bottom:1px solid var(--line,#2a2f28)}
  .crmp .desk-col:last-child{border-bottom:0}
}
.crmp .path{display:grid;gap:.8rem;margin:1.2rem 0 2rem}
@media(min-width:800px){.crmp .path{grid-template-columns:repeat(4,1fr)}}
.crmp .path>div{border-top:3px solid var(--lime);padding:1rem .2rem 0;min-width:0}
.crmp .path strong{display:block;margin-bottom:.3rem}
.crmp .check{list-style:none;padding:0;margin:1rem 0 2rem;display:grid;gap:.55rem}
.crmp .check li{padding-left:1.6rem;position:relative}
.crmp .check li::before{content:"";position:absolute;left:0;top:.35rem;width:.7rem;height:.7rem;border-radius:2px;background:var(--lime)}
.crmp table.compare{width:100%;border-collapse:collapse;font-size:.92rem;margin:1rem 0 2rem}
.crmp table.compare th,.crmp table.compare td{border:1px solid var(--line,#2a2f28);padding:.7rem .75rem;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.crmp table.compare th{background:color-mix(in srgb,var(--lime) 14%,transparent);color:inherit}
.crmp .tw{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.crmp .local-facts{display:grid;gap:.8rem;margin:1rem 0 2rem}
@media(min-width:700px){.crmp .local-facts{grid-template-columns:repeat(3,1fr)}}
.crmp .local-facts>div{border-left:3px solid var(--lime);padding:.2rem 0 .2rem 1rem}
.crmp .ways{display:grid;gap:1rem;margin:1.2rem 0 2rem}
@media(min-width:800px){.crmp .ways{grid-template-columns:1fr 1fr}}
.crmp .way{border:1px solid var(--line,#2a2f28);border-radius:16px;padding:1.2rem 1.2rem 1.3rem;min-width:0}
.crmp .way.featured{border-color:color-mix(in srgb,var(--lime) 55%,var(--line,#2a2f28));box-shadow:0 0 0 1px color-mix(in srgb,var(--lime) 25%,transparent)}
.crmp .way h3{margin:.1rem 0 .5rem}
.crmp .cluster{display:flex;flex-wrap:wrap;gap:.5rem .7rem;margin:1rem 0 0}
.crmp .cluster a{border:1px solid var(--line,#2a2f28);border-radius:999px;padding:.35rem .8rem;text-decoration:none;font-size:.88rem}
.crmp .cluster a:hover{border-color:var(--lime);color:inherit}
.crmp .flow-vert{list-style:none;padding:0;margin:1.2rem 0 2rem}
.crmp .flow-vert li{display:grid;grid-template-columns:7.5rem 1fr;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--line,#2a2f28)}
.crmp .flow-vert li:last-child{border-bottom:0}
.crmp .flow-vert b{color:var(--lime)}
@media(max-width:600px){.crmp .flow-vert li{grid-template-columns:1fr}}
.grp-crm .crm-split{display:grid;gap:1rem}
@media(min-width:800px){.grp-crm .crm-split{grid-template-columns:1fr 1fr}}
.grp-crm .crm-pane{display:block;border:1px solid var(--line,#2a2f28);border-radius:16px;padding:1.2rem;text-decoration:none;color:inherit;min-width:0}
.grp-crm .crm-pane:hover{border-color:var(--lime)}
.grp-crm .crm-more{display:flex;flex-wrap:wrap;gap:.5rem .8rem;margin-top:1rem}