/*
Theme Name: HDH Solutions
Theme URI: https://hdh.solutions
Author: HDH.solutions
Description: Onafhankelijk technisch-commercieel advies. Research · Design · Deliver.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: hdh-solutions
*/
:root{--bg:#061a29;--bg2:#0b2838;--cyan:#1fd4d0;--white:#f6fafb;--muted:#b8cad1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #fff;outline-offset:3px}.container{max-width:1180px;margin:auto;padding:0 24px}.header{position:sticky;top:0;z-index:10;background:#051724ed;backdrop-filter:blur(12px);border-bottom:1px solid #ffffff1b}.nav{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:24px}.brand{font-size:32px;font-weight:850;letter-spacing:.08em;line-height:1}.brand span{color:var(--cyan)}.brand small{display:block;font-size:10px;letter-spacing:.35em;margin-top:8px}.menu{display:flex;gap:28px;flex-wrap:wrap}.menu a:hover{color:var(--cyan)}.hero{min-height:520px;display:flex;align-items:center;background:linear-gradient(90deg,#061a29f7 0%,#061a29db 48%,#061a2970 100%),radial-gradient(circle at 80% 30%,#159b9a70,transparent 34%),linear-gradient(145deg,#13394c,#071d2c 65%);position:relative;overflow:hidden}.hero:after{content:'';position:absolute;right:9%;bottom:12%;width:35%;height:48%;border:1px solid #26d9d455;transform:skew(-20deg);pointer-events:none}.hero .container{width:100%;position:relative;z-index:1}.eyebrow{text-transform:uppercase;color:var(--cyan);letter-spacing:.22em;font-size:13px;font-weight:700}h1{font-size:clamp(38px,5.3vw,68px);line-height:1.1;max-width:850px;margin:18px 0 24px}h2{font-size:clamp(29px,3.3vw,43px);line-height:1.16;margin:0 0 20px}h2 em{font-style:normal;color:var(--cyan)}p{margin:0 0 18px}.lead{font-size:clamp(17px,2vw,22px);max-width:690px;color:#e3edef}.rule{width:80px;height:4px;background:var(--cyan);border-radius:4px;margin:24px 0}.btn{display:inline-block;background:var(--cyan);color:#042333;font-weight:800;border:0;border-radius:30px;padding:13px 26px;cursor:pointer}.btn:hover{background:#76f3ed}.section{padding:85px 0}.section.alt{background:var(--bg2)}.split{display:grid;grid-template-columns:minmax(260px,440px) 1fr;gap:65px;align-items:center}.logo{width:100%;max-width:440px;border-radius:50%;display:block;box-shadow:0 0 55px #0caba31f}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.card{border:1px solid #3c718044;background:#0e3343;padding:25px;border-radius:14px}.card strong{color:var(--cyan);display:block;font-size:18px;margin-bottom:9px}.expertise{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.pill{border:1px solid #4b8b926b;border-radius:10px;padding:17px 14px;text-align:center;color:#e7f2f5}.contact-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;align-items:start}.form{border:1px solid #37c6cb80;border-radius:16px;padding:28px;background:#0b2a3a}.form label{display:block;margin:0 0 16px;font-weight:650}.form input,.form textarea{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid #71949e;border-radius:8px;background:#173747;color:white;font:inherit}.form textarea{min-height:120px;resize:vertical}.form input::placeholder,.form textarea::placeholder{color:#b5c9ce}.form button{width:100%;font:inherit}.feedback{padding:12px;border-radius:8px;margin-bottom:15px}.feedback.ok{background:#125449}.feedback.error{background:#71353a}.footer{padding:36px 0 60px;border-top:1px solid #ffffff20;text-align:center}.done{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:18px}.done img{width:100px;height:100px;object-fit:cover;border-radius:50%;border:3px solid var(--cyan)}.done strong{font-size:clamp(24px,3vw,38px);letter-spacing:.03em}.muted{color:var(--muted)}.hp{position:absolute;left:-9999px;opacity:0}@media(max-width:760px){.nav{flex-direction:column;padding:15px 0}.menu{gap:15px;justify-content:center;font-size:14px}.hero{min-height:460px}.section{padding:55px 0}.split,.contact-layout{grid-template-columns:1fr;gap:30px}.split .logo{max-width:320px;margin:auto}.cards,.expertise{grid-template-columns:1fr}.hero:after{display:none}}