/* Collect & Connect — Variant B: Modern / Conversion-first
   Palette: near-black #0E1116, violet #7C5CFF, neon green #3DDC84, light gray text */
:root{
  --bg:#0E1116; --card:#161B23; --violet:#7C5CFF; --green:#3DDC84;
  --text:#D8DCE3; --muted:#9AA1AC; --border:#232B36;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
h1,h2,h3{font-family:'Space Grotesk',system-ui,sans-serif;color:#fff}
a{color:var(--green)}

.site-header{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:14px 32px;background:rgba(14,17,22,.95);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;backdrop-filter:blur(6px)}
.wordmark{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.35rem;color:#fff;text-decoration:none}
.wordmark span{color:var(--violet)}
nav{display:flex;gap:20px;flex-wrap:wrap}
nav a{text-decoration:none;font-weight:600;color:var(--text)}
nav a:hover,nav a.active{color:var(--green)}
.sell-pill{margin-left:auto;background:var(--green);color:#08240F;padding:10px 18px;border-radius:999px;text-decoration:none;font-weight:700;font-family:'Space Grotesk',sans-serif}
.phone-icon{color:var(--green);font-size:1.3rem;text-decoration:none}

.hero{text-align:center;padding:80px 24px 56px;max-width:900px;margin:0 auto}
.hero h1{font-size:clamp(2.2rem,6vw,3.6rem)}
.glow{color:var(--violet);text-shadow:0 0 24px rgba(124,92,255,.55)}
.hero .subhead{font-size:1.25rem;color:var(--muted);margin-top:8px}
.offer-sentence{margin-top:16px;font-size:1.05rem}
.cta-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-block;padding:14px 26px;border-radius:10px;text-decoration:none;font-weight:700;font-family:'Space Grotesk',sans-serif;border:1px solid transparent}
.btn.primary{background:var(--green);color:#08240F}
.btn.secondary{background:var(--violet);color:#fff}
.btn.ghost{border-color:var(--border);color:var(--text)}

.pathways{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1000px;margin:56px auto;padding:0 24px}
.path-card{background:var(--card);border:1px solid var(--border);box-shadow:0 0 0 1px rgba(124,92,255,.12),0 0 28px rgba(124,92,255,.08);padding:28px;border-radius:14px;text-decoration:none;color:var(--text);transition:border-color .15s}
.path-card:hover{border-color:var(--violet)}
.path-card h3{margin-bottom:8px}
.path-card .arrow{color:var(--green);font-weight:700}

.categories{max-width:1000px;margin:56px auto;padding:0 24px}
.chips-row{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:20px 4px;-webkit-overflow-scrolling:touch}
.chip{scroll-snap-align:start;flex:0 0 auto;display:flex;flex-direction:column;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:22px;width:230px;text-decoration:none;color:var(--text);font-weight:600}
.chip .icon{font-size:1.8rem}

.new-finds,.sell-trade-module,.local-proof{max-width:800px;margin:56px auto;padding:0 24px}
.finds-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px}
.social-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px 24px;text-decoration:none;color:var(--text);min-width:220px}
.social-card strong{color:#fff;font-family:'Space Grotesk',sans-serif}
.local-proof ul{margin:12px 0 16px 20px}
figure img{max-width:100%;border-radius:12px}
figcaption{font-size:.85rem;color:var(--muted);margin-top:6px}

footer{border-top:1px solid var(--border);padding:32px 24px;text-align:center;color:var(--muted);font-size:.95rem}
footer nav{justify-content:center;display:flex;gap:16px;margin-top:10px;flex-wrap:wrap}

@media(max-width:820px){
  nav{display:none}
  .pathways{grid-template-columns:1fr}
  .site-header{padding:12px 16px}
  .sell-pill{font-size:.85rem;padding:8px 14px}
}