/*
Theme Name: PepperRecruit
Description: Responsief block theme voor PepperRecruit van Pepperworkx.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: pepperrecruit
*/
:root{--red:#ff2222;--ink:#151515;--muted:#aaa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--ink);color:#fafafa;font-family:Arial,Helvetica,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ff7676;outline-offset:5px}.wp-site-blocks{overflow:clip}.shell{max-width:1180px;margin:auto;padding:0 28px}.nav{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:25px;padding-bottom:25px;border-bottom:1px solid #ffffff12}.brand{font-size:25px;letter-spacing:-1px;text-decoration:none;font-weight:800}.brand span{color:var(--red)}.navlinks{display:flex;gap:28px;align-items:center;font-size:14px}.navlinks a{text-decoration:none;color:#ccc}.navlinks a:hover{color:white}.button,.wp-block-button__link{display:inline-block;padding:16px 25px;border-radius:40px;background:var(--red);color:white;text-decoration:none;font-size:15px;font-weight:700;border:0;cursor:pointer}.button.light{background:white;color:#171717}.hero{padding:90px 24px 72px;text-align:center;background:radial-gradient(ellipse at 90% 10%,#ff222219,transparent 55%),linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:auto,64px 64px,64px 64px}.eyebrow{color:#ff6767!important;font-size:12px!important;font-weight:700;letter-spacing:2px;text-transform:uppercase}.hero h1{font-size:clamp(42px,5.5vw,72px);line-height:1.04;letter-spacing:-3px;max-width:1000px;margin:25px auto}.hero p{max-width:660px;margin:25px auto;color:#b8b8b8;line-height:1.8;font-size:18px}.actions{display:flex;justify-content:center;gap:12px;margin:32px 0}.prompt{max-width:740px;text-align:left;background:#262626;border:1px solid #444;border-radius:20px;padding:25px;margin:45px auto 0;box-shadow:0 20px 70px #0005}.prompt p{margin:0;font-size:16px}.prompt small{display:block;color:#aaa;margin-top:22px}.pill{padding:7px 12px;background:#ffffff0c;border-radius:20px}.ads{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:32px auto 0;max-width:1050px}.ad{text-align:left;min-height:310px;border-radius:20px;padding:28px;position:relative;overflow:hidden;background:#ed2626;color:white}.ad:nth-child(2){background:#d4cebf;color:#171717}.ad:nth-child(3){background:#262b30}.ad:after{content:'↗';position:absolute;font-size:180px;right:0;bottom:0;opacity:.13;line-height:1}.ad small{text-transform:uppercase;letter-spacing:2px;font-size:10px}.ad h3{font-size:34px;letter-spacing:-1px;line-height:1.06;max-width:250px;margin:35px 0 20px}.ad p{font-size:13px;line-height:1.5;color:inherit;margin:0}.ad b{position:relative;z-index:1;display:inline-block;margin-top:28px;background:#ffffff22;border-radius:20px;padding:10px 16px;font-size:12px}.strip{display:flex;justify-content:center;flex-wrap:wrap;gap:45px;padding:35px 20px;color:#aaa;font-size:13px;border-bottom:1px solid #ffffff12}.section{padding:100px 28px}.section h2{font-size:clamp(32px,4vw,50px);line-height:1.1;letter-spacing:-1.8px;max-width:780px;margin:18px 0 24px}.lead{color:#aaa;font-size:17px;line-height:1.8;max-width:690px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.card{background:#202020;border:1px solid #ffffff10;border-radius:20px;padding:30px}.card .number{color:#ff6262;font-size:28px}.card h3{font-size:22px;letter-spacing:-.5px;margin:24px 0 14px}.card p{color:#aaa;line-height:1.75;font-size:15px}.pale{background:#eeebe5;color:#191919}.pale .lead{color:#65635f}.steps{counter-reset:step}.step{border-top:1px solid #ccc;padding:24px 0;display:grid;grid-template-columns:60px 1fr;gap:20px}.step:before{counter-increment:step;content:'0' counter(step);color:#c72020;font-size:20px}.step h3{margin:0 0 10px;font-size:23px}.step p{color:#65635f;line-height:1.7;margin:0;max-width:680px}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.dashboard{border:1px solid #444;background:#202020;border-radius:20px;padding:30px}.dashboard header{display:flex;justify-content:space-between;font-size:14px}.status{color:#8be3ad}.bars{display:flex;align-items:end;gap:14px;height:180px;margin:30px 0}.bars i{flex:1;background:#ff2222;border-radius:8px 8px 0 0}.dashboard small{color:#aaa}.dashboard .metrics{display:flex;justify-content:space-between;border-top:1px solid #444;padding-top:20px;font-size:14px}.faq{max-width:820px}.faq details{padding:24px 0;border-bottom:1px solid #383838}.faq summary{cursor:pointer;font-weight:700;font-size:18px}.faq details p{color:#aaa;line-height:1.8}.cta{text-align:center;background:radial-gradient(ellipse at 50% 100%,#ff222236,transparent 65%),#202020;padding:85px 25px;border-radius:30px}.cta h2{margin:20px auto}.cta p{margin:20px auto}.footer{padding:55px 28px 30px;border-top:1px solid #333}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer p,.footer a{font-size:14px;color:#aaa;line-height:1.9}.footer .brand{font-size:24px;color:white}.footer nav{display:flex;flex-direction:column}.copyright{border-top:1px solid #333;margin-top:40px;padding-top:22px;color:#777;font-size:12px}.wp-block-post-content{line-height:1.8}.wp-block-post-title{font-size:42px}@media(max-width:760px){.nav{align-items:flex-start}.navlinks{gap:12px;flex-wrap:wrap;justify-content:flex-end}.navlinks a{font-size:12px}.navlinks .button{padding:10px 14px}.hero{padding-top:65px}.hero h1{letter-spacing:-1.8px}.hero p{font-size:16px}.ads,.grid,.split{grid-template-columns:1fr}.ad{min-height:240px}.section{padding:65px 24px}.split{gap:30px}.strip{gap:20px}.footer-grid{flex-wrap:wrap}.actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}