/* Shiftly Hello: zelfde kleuren als Shiftly, donkere kop en hero voor het witte logo */
.top{background:rgba(27,26,46,.92);border-bottom:1px solid rgba(255,255,255,.08)}
.top nav a{color:#d6d7fa}
.top nav a:hover{color:#fff;background:rgba(255,255,255,.1)}
.top nav a.knop{color:var(--ink)}
.top .menuknop{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.logo-kop{display:block;height:50px;width:auto}
.hero-donker{background:linear-gradient(160deg,#2f3086 0,#1B1A2E 70%);color:#fff}
.hero-donker h1{color:#fff}
.hero-donker .marker{color:#fff;background:linear-gradient(transparent 62%,rgba(255,107,87,.55) 62%)}
.hero-donker .lead{color:#d6d7fa}
.hero-donker .gloed-1{background:rgba(140,139,255,.35)}
.hero-logo{display:block;width:min(340px,70%);height:auto;margin:0 0 28px}
.hero-donker .label{background:rgba(255,255,255,.14);color:#fff}
.hero-donker .sectoren li{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#d6d7fa}
.hero-donker .knop-licht{background:transparent;color:#fff;border-color:rgba(255,255,255,.45);box-shadow:none}
.hero-donker .knop-licht:hover{background:rgba(255,255,255,.12);color:#fff}
.hero-beeld-tel{display:grid;place-items:center}
.hero-beeld-tel .scherm{width:290px;transform:rotate(2deg)}
.scherm-groot{font-size:2rem;font-weight:800;line-height:1.1;color:var(--brand)}
.scherm-rij{display:flex;justify-content:space-between;font-size:.82rem;color:var(--ink-soft)}
.scherm-rij b{color:var(--ink)}
.knop-coral{background:var(--accent);color:var(--ink)}
.stip-groen,.stip-oranje,.stip-rood{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:middle}
.stip-groen{background:#1fa35b}.stip-oranje{background:#f0a030}.stip-rood{background:#d6402f}
.signalen{display:grid;gap:10px;margin-top:24px}
.signalen div{background:var(--wit);border:1px solid var(--line);border-radius:14px;padding:12px 16px;display:flex;align-items:center;gap:6px}
.signalen small{color:var(--ink-soft);margin-left:auto;text-align:right}
.voet-logo{display:block;height:44px;width:auto;background:#1B1A2E;border-radius:10px;padding:6px 12px}
@media (max-width:860px){.top nav{background:#1B1A2E;border-bottom-color:rgba(255,255,255,.1)}}