/* Site-wide "create a free account" band — guides, checklists, videos, concierge.
   Scoped to .clg-join so it cannot affect the pages it is injected into.
   Sits directly above the footer, so it uses the same brand teal and the two
   read as one block rather than two competing dark bands. */

.clg-join{background:#0B3D47;padding:3.25rem 6rem;font-family:'DM Sans',system-ui,sans-serif;
  border-top:1px solid rgba(255,255,255,.08)}
.clg-join-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:center;
  max-width:1180px;margin:0 auto}
.clg-join-eyebrow{display:inline-block;font-size:.7rem;letter-spacing:.16em;
  text-transform:uppercase;color:#6ABA5A;font-weight:500;margin:0 0 .6rem}
.clg-join h2{font-family:'Playfair Display',Georgia,serif;font-size:1.9rem;color:#fff;
  font-weight:700;line-height:1.22;margin:0 0 .7rem}
.clg-join h2 em{font-style:italic;color:#6ABA5A}
.clg-join-sub{font-size:.95rem;line-height:1.7;color:rgba(255,255,255,.72);margin:0 0 1.4rem;
  max-width:46ch}
.clg-join-btns{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}
.clg-join-btn{background:#6ABA5A;color:#012F38;padding:.85rem 1.6rem;font-size:.85rem;
  font-weight:500;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;
  border:0;border-radius:2px;cursor:pointer;font-family:inherit;transition:background .2s}
.clg-join-btn:hover{background:#5aa84a}
.clg-join-alt{color:rgba(255,255,255,.72);font-size:.85rem;text-decoration:none;
  padding:.85rem .4rem;transition:color .2s}
.clg-join-alt:hover{color:#6ABA5A}
.clg-join-note{font-size:.78rem;color:rgba(255,255,255,.45);margin:1rem 0 0}

.clg-join-list{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:1fr 1fr;gap:.9rem}
.clg-join-list li{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
  border-radius:8px;padding:.95rem 1.05rem}
.clg-join-list b{display:block;font-size:.9rem;color:#fff;font-weight:500;margin:0 0 .2rem}
.clg-join-list span{display:block;font-size:.8rem;line-height:1.55;color:rgba(255,255,255,.62)}

@media (max-width:1100px){
  .clg-join{padding:2.75rem 3rem}
  .clg-join-inner{grid-template-columns:1fr;gap:2rem}
  .clg-join-sub{max-width:none}
}
@media (max-width:600px){
  .clg-join{padding:2.25rem 1.5rem}
  .clg-join h2{font-size:1.55rem}
  .clg-join-list{grid-template-columns:1fr}
  .clg-join-btn{width:100%;text-align:center}
}