/* Hashlabs shared components — included on every page */

/* ── Buttons ──────────────────────────────────────────────────────────────── */
.btn-primary{background:var(--purple);color:#fff;padding:0.9rem 2.2rem;border-radius:4px;font-family:'Montserrat',sans-serif;font-weight:600;font-size:0.82rem;text-decoration:none;letter-spacing:0.07em;text-transform:uppercase;transition:background 0.2s,transform 0.15s;display:inline-block;border:none;cursor:pointer}
.btn-primary:hover{background:var(--purple-light);transform:translateY(-1px)}
.btn-secondary{background:transparent;color:var(--text-muted);padding:0.9rem 2.2rem;border-radius:4px;font-family:'Montserrat',sans-serif;font-weight:500;font-size:0.82rem;text-decoration:none;letter-spacing:0.07em;text-transform:uppercase;transition:color 0.2s,border-color 0.2s;border:1px solid var(--border-subtle)}
.btn-secondary:hover{color:var(--text);border-color:rgba(255,255,255,0.2)}
.btn-outline{background:transparent;color:var(--purple-light);padding:0.7rem 1.5rem;border-radius:4px;font-family:'Montserrat',sans-serif;font-weight:600;font-size:0.78rem;text-decoration:none;letter-spacing:0.07em;text-transform:uppercase;border:1px solid var(--border);display:inline-block;transition:background 0.2s,color 0.2s}
.btn-outline:hover{background:var(--purple);color:#fff;border-color:var(--purple)}

/* ── Section layout ───────────────────────────────────────────────────────── */
.section-inner{max-width:1200px;margin:0 auto}
.section-label{font-size:0.65rem;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:var(--purple-light);margin-bottom:1rem;display:flex;align-items:center;gap:0.6rem}
.section-label::before{content:'';display:block;width:1.5rem;height:2px;background:var(--purple)}
.divider{border:none;height:1px;background:var(--border-subtle);margin:0}
.divider-purple{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--purple),transparent);margin:0;opacity:0.35}

/* ── Info tooltip ─────────────────────────────────────────────────────────── */
.info-tip{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;border-radius:50%;background:var(--dark-lift);border:1px solid var(--border-subtle);color:var(--text-dim);font-size:0.55rem;cursor:help;position:relative;vertical-align:middle;margin-left:0.3rem;flex-shrink:0}
.info-tip::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#1c1c1c;border:1px solid var(--border-subtle);color:var(--text-muted);font-size:0.72rem;line-height:1.55;padding:0.6rem 0.85rem;border-radius:4px;white-space:pre-line;width:240px;pointer-events:none;opacity:0;transition:opacity 0.15s;z-index:20;font-family:'Montserrat',sans-serif;font-weight:300;font-style:normal;letter-spacing:0;text-transform:none}
.info-tip:hover::after{opacity:1}

/* ── Footer ───────────────────────────────────────────────────────────────── */
footer{padding:2.5rem 4rem;border-top:1px solid var(--border-subtle)}
.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:3rem;margin-bottom:2rem}
.footer-col h4{font-family:'Nunito',sans-serif;font-size:0.78rem;font-weight:800;color:var(--text-muted);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:1rem}
.footer-col p,.footer-col a{font-size:0.78rem;color:var(--text-dim);font-weight:300;line-height:1.8;text-decoration:none;display:block}
.footer-col a:hover{color:var(--text-muted)}
.footer-bottom{max-width:1200px;margin:0 auto;padding-top:1.5rem;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.footer-bottom p{font-size:0.72rem;color:var(--text-dim);font-weight:300}

@media(max-width:768px){
  footer{padding:2rem 1.5rem}
  .footer-inner{grid-template-columns:1fr;gap:2rem}
  .footer-bottom{flex-direction:column;text-align:center}
}