/* style/pages/labs.css — Verified Labs page */

.labs-hero  { padding:80px 0 48px; text-align:center; border-bottom:1px solid var(--border); margin-bottom:60px; }
.labs-grid  { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:16px; margin-bottom:60px; }

.lab-card         { background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:20px; transition:var(--trans); display:flex; gap:16px; align-items:flex-start; }
.lab-card:hover   { border-color:var(--border2); }
.lab-card.claimed { border-color:var(--gold-dim); background:var(--gold-bg); }

.lab-icon             { width:44px; height:44px; border-radius:10px; background:var(--bg3); border:1px solid var(--border2); display:flex; align-items:center; justify-content:center; font-size:20px; flex-shrink:0; }
.lab-card.claimed .lab-icon { border-color:var(--gold-dim); background:rgba(201,168,76,.1); }

.lab-details  { flex:1; }
.lab-name     { font-size:15px; font-weight:500; color:var(--text); margin-bottom:4px; line-height:1.4; }
.lab-country  { font-family:var(--mono); font-size:11px; color:var(--text3); margin-bottom:8px; }
.lab-status   { font-family:var(--mono); font-size:10px; letter-spacing:0.08em; text-transform:uppercase; }
.lab-status.claimed   { color:var(--gold); }
.lab-status.unclaimed { color:var(--text3); }

/* CTA section */
.cta-section  { background:var(--surface); border:1px solid var(--border); border-radius:16px; padding:48px 40px; text-align:center; margin-bottom:60px; }
.cta-title    { font-family:var(--serif); font-size:clamp(28px,4vw,40px); font-weight:300; margin-bottom:12px; }
.cta-sub      { color:var(--text2); font-size:15px; max-width:560px; margin:0 auto 32px; line-height:1.7; }
.cta-features { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:16px; margin-bottom:32px; text-align:left; }
.cta-feat     { background:var(--bg3); border:1px solid var(--border); border-radius:8px; padding:16px; }
.cta-feat-icon  { font-size:24px; margin-bottom:8px; }
.cta-feat-title { font-size:14px; font-weight:500; color:var(--text); margin-bottom:4px; }
.cta-feat-desc  { font-size:13px; color:var(--text2); line-height:1.5; }

.free-badge { display:inline-block; font-family:var(--mono); font-size:11px; letter-spacing:0.1em; text-transform:uppercase; color:var(--green); background:var(--green-bg); border:1px solid rgba(45,122,79,.3); padding:4px 12px; border-radius:20px; margin-bottom:16px; }

@media (max-width: 600px) { .cta-section { padding:32px 20px; } }