/* Parkeerpagina wij zijn Merlin
   Centrale stijl, geladen door elk klantdomein vanaf ns9.wijzijnmerlin.nl.
   Kleuren aanpassen? Wijzig de variabelen hieronder. */

@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/bricolage-grotesque-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/bricolage-grotesque-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/instrument-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/instrument-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/instrument-sans-latin-600-normal.woff2) format("woff2")}

:root{
  --wzm-bg:#11143A;
  --wzm-card:#161A40;
  --wzm-line:#262B55;
  --wzm-chip:#1A1E48;
  --wzm-text:#EDEBE4;
  --wzm-muted:#A9ADC4;
  --wzm-body:#B4B7CC;
  --wzm-accent:#A2CE10;
  --wzm-accent-hover:#C3E85A;
  --wzm-display:"Bricolage Grotesque",system-ui,sans-serif;
  --wzm-sans:"Instrument Sans",system-ui,sans-serif;
}

*{box-sizing:border-box}
html,body{margin:0;background:var(--wzm-bg)}
body{color:var(--wzm-text);font-family:var(--wzm-sans);-webkit-font-smoothing:antialiased}
a{color:var(--wzm-accent)}
a:hover{color:var(--wzm-accent-hover)}
a:focus-visible{outline:2px solid var(--wzm-accent);outline-offset:3px;border-radius:6px}

.wzm{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}
.wzm-deco{position:absolute;right:-60px;top:80px;opacity:.5;pointer-events:none}
.wzm-wrap{width:100%;max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px;position:relative}

.wzm-header{padding-top:32px;padding-bottom:32px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.wzm-logo{display:inline-flex;align-items:center;padding:10px 18px;border-radius:14px;background:#fff;min-height:44px}
.wzm-logo img{display:block;width:140px;height:auto}
.wzm-toplink{font-size:15px;font-weight:500;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;gap:8px}

.wzm-main{flex:1;padding-top:48px;padding-bottom:64px;display:flex;flex-wrap:wrap;gap:56px;align-items:flex-start}
.wzm-hero{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:28px}
.wzm-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:var(--wzm-chip);border:1px solid var(--wzm-line);font-size:14px;font-weight:500;color:#C9CBDB}
.wzm-dot{width:8px;height:8px;border-radius:50%;background:var(--wzm-accent)}
.wzm-domain{margin:0;font-family:var(--wzm-display);font-size:22px;font-weight:500;color:var(--wzm-accent);word-break:break-word}
.wzm-title{margin:0;font-family:var(--wzm-display);font-size:clamp(2.6rem,6vw,4.75rem);line-height:1.02;font-weight:700;letter-spacing:-.025em;max-width:14ch}
.wzm-lead{margin:0;font-size:19px;line-height:1.6;color:var(--wzm-body);max-width:34rem}
.wzm-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.wzm-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:12px;font-weight:600;font-size:16px;text-decoration:none}
.wzm-btn-primary{background:var(--wzm-accent);color:var(--wzm-bg)}
.wzm-btn-primary:hover{background:var(--wzm-accent-hover);color:var(--wzm-bg)}
.wzm-btn-ghost{border:1px solid #3A4070;color:var(--wzm-text)}
.wzm-btn-ghost:hover{border-color:var(--wzm-accent);color:var(--wzm-text)}

.wzm-status{flex:1 1 340px;min-width:0;background:var(--wzm-card);border:1px solid var(--wzm-line);border-radius:20px;padding:32px;display:flex;flex-direction:column;gap:24px}
.wzm-status h2{margin:0;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--wzm-muted)}
.wzm-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:20px}
.wzm-step{display:flex;gap:14px;align-items:flex-start}
.wzm-check{flex:none;width:28px;height:28px;border-radius:50%;background:#23284F;color:var(--wzm-accent);display:flex;align-items:center;justify-content:center}
.wzm-pending{flex:none;width:28px;height:28px;border-radius:50%;border:2px dashed var(--wzm-accent)}
.wzm-step-text{display:flex;flex-direction:column;gap:2px}
.wzm-step-text strong{font-weight:600}
.wzm-step-text span{font-size:15px;color:var(--wzm-muted)}
.wzm-contact{border-top:1px solid var(--wzm-line);padding-top:20px;display:flex;flex-direction:column;gap:10px;font-size:15px}
.wzm-contact span{color:var(--wzm-muted)}
.wzm-contact a{text-decoration:none;font-weight:600;min-height:32px;display:inline-flex;align-items:center}

.wzm-footer{padding-top:24px;padding-bottom:24px;border-top:1px solid #1F2348;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;font-size:14px;color:#9A9EB8}

/* Terugval zolang het script nog niet geladen is, of als ns9 onbereikbaar is */
.wzm-fallback{max-width:640px;margin:0 auto;padding:96px 24px;font-family:system-ui,sans-serif;line-height:1.6}