/* HR & Recruiting – Neon Onepage */
:root{
  --bg:#0b0c10;--card:#11131a;--muted:#a1a1aa;--text:#e5e7eb;
  --accent1:#00eaff;--accent2:#9f2bff;--ok:#22c55e;--warn:#f59e0b;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:16px/1.65 "Inter","Segoe UI",Roboto,Arial,sans-serif;scroll-behavior:smooth}
a{color:#9fdcff;text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:1160px;margin:0 auto;padding:0 20px}
header{position:sticky;top:0;z-index:40;background:rgba(10,12,18,.6);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.nav .links a{margin-left:18px;font-weight:700;color:#e5e7eb}
.nav .cta{margin-left:24px;padding:10px 16px;border-radius:999px;background:linear-gradient(135deg,var(--accent1),var(--accent2));color:#0b0c10;font-weight:900;box-shadow:0 0 22px rgba(159,43,255,.35)}
.logo{display:flex;align-items:center;gap:12px}
.logo img{height:34px;filter:drop-shadow(0 0 10px rgba(0,234,255,.4))}
.hero{position:relative;min-height:72vh;display:grid;place-items:center;text-align:center;overflow:hidden}
.hero::before{content:"";position:absolute;inset:-20%;background:url('../hero.png') center/cover no-repeat;filter:blur(10px) saturate(.7);opacity:.18}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(80% 60% at 50% 0%, rgba(0,234,255,.35), transparent 60%), radial-gradient(80% 60% at 50% 100%, rgba(159,43,255,.35), transparent 60%)}
.hero .content{position:relative;padding:80px 0}
.kicker{letter-spacing:.18em;text-transform:uppercase;font-size:12px;color:var(--muted)}
h1{font-size:clamp(32px,6vw,58px);margin:.2em 0 .3em;line-height:1.08;background:linear-gradient(135deg,var(--accent1),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 18px rgba(159,43,255,.25)}
.sub{max-width:820px;margin:0 auto 22px;color:#cbd5e1}
.btn{display:inline-block;padding:14px 22px;border-radius:999px;background:linear-gradient(135deg,var(--accent1),var(--accent2));color:#0b0c10;font-weight:900;box-shadow:0 0 25px rgba(0,234,255,.35)}
.badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}
.badge{padding:8px 12px;border-radius:999px;background:#0f1220;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(0,234,255,.2);font-weight:700}
.section{padding:84px 0}
.section h2{text-align:center;font-size:clamp(26px,3.4vw,36px);margin:0 0 12px}
.section p.lead{text-align:center;color:var(--muted);max-width:860px;margin:0 auto 34px}
.grid{display:grid;gap:18px;grid-template-columns:repeat(12,1fr)}
.card{grid-column:span 4;background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px;box-shadow:0 0 30px rgba(0,0,0,.25)}
.card h3{margin:6px 0 8px}.card p{color:#c3c7d1}
.icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--accent1),var(--accent2));display:grid;place-items:center;color:#0b0c10;font-weight:900;box-shadow:0 0 18px rgba(0,234,255,.35)}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center}
.list{display:grid;gap:12px}.list li{background:#0f1220;border:1px dashed rgba(255,255,255,.12);border-radius:12px;padding:12px 14px}
.table{width:100%;border-collapse:separate;border-spacing:0 10px}
.table th,.table td{padding:12px 14px;text-align:left}
.table tr{background:#0f1220;border:1px solid rgba(255,255,255,.08)}
.table tr:first-child{background:transparent}
footer{border-top:1px solid rgba(255,255,255,.08);background:#0f1220;color:#e5e7eb}
.footer-inner{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:18px 0;flex-wrap:wrap}
.footer-inner a{color:#e5e7eb}
small.muted{color:#9aa4b2}
@media(max-width:960px){.grid .card{grid-column:span 6}.split{grid-template-columns:1fr}}
@media(max-width:640px){.grid .card{grid-column:span 12}.nav .links{display:none}}
/* Timeline workflow */
.timeline{counter-reset:step;position:relative;max-width:900px;margin:10px auto 0;padding-left:0;list-style:none}
.timeline li{display:grid;grid-template-columns:60px 1fr;gap:16px;position:relative;padding:10px 0}
.timeline li::before{content:"";position:absolute;left:29px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,rgba(0,234,255,.5),rgba(159,43,255,.5))}
.timeline li:last-child::before{bottom:28px}
.timeline .dot{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent1),var(--accent2));color:#0b0c10;font-weight:900;box-shadow:0 0 18px rgba(0,234,255,.35);position:relative;z-index:1;margin-left:11px}
.timeline .content{background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px 16px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.timeline h3{margin:4px 0 4px}
.timeline p{margin:0;color:#c3c7d1}
.timeline-cta{text-align:center;margin-top:24px}

/* Legal pages card */
.legal{max-width:900px;margin:40px auto;background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px;box-shadow:0 0 25px rgba(0,0,0,.25)}
/* Mobile Version */