/* Promio-style CSS */
:root {--primary:#0b3c5d;--accent:#6f2dbd;--bg:#f5f7fa;--dark:#081c2f;}
body {margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:#111;line-height:1.6;}
h1,h2,h3{line-height:1.2;} a{text-decoration:none;color:inherit;}
.hero {background:linear-gradient(135deg,var(--primary),var(--accent));color:white;padding:120px 20px 100px;text-align:center;}
.hero h1{font-size:clamp(36px,5vw,56px);} .hero p{font-size:20px;max-width:700px;margin:20px auto 40px;opacity:.95;}
.hero .cta{background:white;color:var(--primary);padding:14px 26px;border-radius:10px;font-weight:600;}
.container{max-width:1200px;margin:0 auto;padding:80px 20px;}
.section-title{text-align:center;max-width:700px;margin:0 auto 60px;}
.section-title h2{font-size:36px;} .section-title p{color:#555;}
.benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:30px;}
.benefit{background:white;padding:30px;border-radius:16px;box-shadow:0 15px 40px rgba(0,0,0,.08);}
.vacatures{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;}
.vacature-card{background:white;padding:28px;border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.08);display:flex;flex-direction:column;}
.vacature-card h3{margin-top:0;} .vacature-card .meta{color:#666;font-size:14px;}
.vacature-card .button{margin-top:auto;}
.cta-section{background:var(--dark);color:white;text-align:center;}
.cta-section h2{font-size:40px;}
.button{display:inline-block;background:var(--primary);color:white;padding:14px 22px;border-radius:10px;margin-top:20px;}
footer{background:#050f1a;color:#aaa;padding:40px 20px;text-align:center;}