/* ─── RECRUITERS PAGE ───────────────────────────────────── */
.rec-stats { background: var(--off-white); padding: clamp(48px,6vw,80px) clamp(20px,6vw,80px); border-bottom: 1px solid var(--gray-200); }
.rec-stats-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 0; border-left: 1px solid var(--gray-200); border-top: 1px solid var(--gray-200); }
.rec-stat { padding: clamp(22px,3vw,36px) clamp(16px,2.5vw,28px); border-right: 1px solid var(--gray-200); border-bottom: 1px solid var(--gray-200); }
.rec-stat-num { display: block; font-family: var(--font-bebas); font-size: clamp(2rem,4vw,3.8rem); letter-spacing: -.01em; color: var(--accent); line-height: 1; margin-bottom: 6px; }
.rec-stat-label { font-family: var(--font-inter); font-size: .8rem; color: var(--gray-500); line-height: 1.5; }

.rec-roles { background: var(--white); padding: clamp(60px,8vw,100px) clamp(20px,6vw,80px); }
.rec-roles-inner { max-width: 1000px; }
.rec-roles-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--gray-200); border: 1px solid var(--gray-200); margin-top: 32px; }
.rec-role-card { background: var(--white); padding: clamp(24px,3.5vw,40px); transition: background .3s; }
.rec-role-card:hover { background: var(--off-white); }
.rec-role-title { font-family: var(--font-inter); font-size: clamp(.92rem,1.5vw,1.1rem); font-weight: 600; color: var(--off-black); letter-spacing: -.02em; margin-bottom: 10px; }
.rec-role-desc { font-family: var(--font-inter); font-size: .83rem; color: var(--gray-500); line-height: 1.7; }

.rec-value { background: var(--off-white); padding: clamp(60px,8vw,100px) clamp(20px,6vw,80px); }
.rec-value-inner { max-width: 800px; }
.rec-value-list { border-top: 1px solid var(--gray-200); margin-top: 32px; }
.rec-value-item { font-family: var(--font-inter); font-size: clamp(.95rem,1.8vw,1.2rem); font-weight: 300; color: var(--off-black); padding: 18px 0; border-bottom: 1px solid var(--gray-200); letter-spacing: -.02em; display: flex; align-items: center; gap: 14px; transition: color .2s; }
.rec-value-item::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); flex-shrink: 0; }
.rec-value-item:hover { color: var(--accent); }

.rec-resources { background: var(--white); padding: clamp(60px,8vw,100px) clamp(20px,6vw,80px); }
.rec-resources-inner { max-width: 900px; }
.rec-resources-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; margin-top: 32px; }
.rec-resource-card { display: flex; flex-direction: column; gap: 12px; background: var(--off-white); border: 1px solid var(--gray-200); border-radius: 14px; padding: clamp(22px,3vw,34px); text-decoration: none; transition: all .3s var(--ease-out); }
.rec-resource-card:hover { border-color: var(--accent-border); background: var(--white); transform: translateY(-3px); }
.rec-resource-icon { font-family: var(--font-bebas); font-size: 1.4rem; letter-spacing: .04em; color: var(--accent); }
.rec-resource-title { font-family: var(--font-inter); font-size: .9rem; font-weight: 600; color: var(--off-black); letter-spacing: -.02em; }
.rec-resource-desc { font-family: var(--font-inter); font-size: .78rem; color: var(--gray-500); line-height: 1.6; }

.rec-cta { background: var(--dark-section); padding: clamp(60px,8vw,100px) clamp(20px,6vw,80px); text-align: center; position: relative; overflow: hidden; }
.rec-cta::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 50%, rgba(61,107,158,.07) 0%, transparent 70%); pointer-events: none; }
.rec-cta-eyebrow { display: block; font-family: var(--font-playfair); font-style: italic; font-size: clamp(.9rem,1.5vw,1.1rem); color: var(--accent); margin-bottom: 10px; position: relative; }
.rec-cta-body { font-family: var(--font-inter); font-size: .9rem; color: rgba(255,255,255,.38); max-width: 480px; margin: 0 auto; line-height: 1.72; position: relative; }

.btn-primary { font-family: var(--font-inter); font-size: .75rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; color: var(--white); background: var(--accent); padding: 13px 28px; border-radius: 100px; transition: all .25s var(--ease-out); display: inline-block; }
.btn-primary:hover { background: #2f5680; transform: translateY(-2px); }
.btn-outline { font-family: var(--font-inter); font-size: .75rem; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; color: rgba(255,255,255,.6); border: 1px solid rgba(255,255,255,.2); padding: 13px 26px; border-radius: 100px; transition: all .25s var(--ease-out); display: inline-block; }
.btn-outline:hover { color: var(--white); border-color: rgba(255,255,255,.5); }

@media (max-width: 900px) { .rec-stats-grid { grid-template-columns: repeat(2,1fr); } .rec-roles-grid { grid-template-columns: repeat(2,1fr); } .rec-resources-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 600px) { .rec-roles-grid { grid-template-columns: 1fr; } .rec-resources-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .rec-stats-grid { grid-template-columns: 1fr; } .rec-resources-grid { grid-template-columns: 1fr; } }