/* Fonts (self-hosted, uit NMRNL Landingpage v4) */
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url("fonts/anton-latin-ext.woff2") format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url("fonts/anton-latin.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url("fonts/archivo-latin-ext.woff2") format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url("fonts/archivo-latin.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:400;font-display:swap;src:url("fonts/space-mono-400-latin-ext.woff2") format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:400;font-display:swap;src:url("fonts/space-mono-400-latin.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:700;font-display:swap;src:url("fonts/space-mono-700-latin-ext.woff2") format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:700;font-display:swap;src:url("fonts/space-mono-700-latin.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Huisstijl */
:root{
  --orange:#E67828;
  --black:#0A0B0C;
  --text:#B3B7BA;
  --cream:#E9E0D0;
  --muted:#6E7377;
  --line:rgba(179,183,186,0.18);
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--cream);color:var(--text);-webkit-font-smoothing:antialiased}
a{color:var(--orange);text-decoration:none}
a:hover{color:var(--cream)}
input::placeholder{color:var(--muted)}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding-left:clamp(20px,5vw,48px);padding-right:clamp(20px,5vw,48px)}

/* ---------- Landing ---------- */
.landing{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(40px,7vh,72px) clamp(20px,5vw,48px);font-family:'Archivo',sans-serif;text-align:center;background:var(--cream)}
.landing__inner{width:100%;max-width:1160px;display:flex;flex-direction:column;align-items:center}
.landing h1{margin:0;font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(34px,4.9vw,76px);line-height:1.02;letter-spacing:0.005em;color:var(--black);text-wrap:balance}
.landing h1 span{color:var(--orange)}
.landing__logo{display:block;margin-top:clamp(24px,2.6vw,40px);width:clamp(300px,46vw,660px);max-width:100%;height:auto}
.landing h2{margin:clamp(32px,3.6vw,52px) 0 0;font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(28px,3vw,46px);line-height:1.1;letter-spacing:0.01em;color:var(--black);text-wrap:balance}
.landing__intro{margin:clamp(10px,1vw,16px) 0 0;font-size:clamp(18px,1.8vw,27px);line-height:1.38;color:var(--black);max-width:46ch;text-wrap:balance}
.landing__launch{margin:clamp(20px,2vw,30px) 0 0;font-size:clamp(18px,1.75vw,26px);line-height:1.4;color:var(--black)}
.landing__launch strong{display:block;margin-bottom:8px;font-family:'Space Mono',monospace;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;font-size:clamp(15px,1.3vw,19px);color:var(--orange)}
.landing__launch span{display:block}

.subscribe{margin-top:clamp(28px,2.6vw,40px);width:100%;max-width:734px;display:flex;flex-wrap:wrap;border:1px solid var(--black);border-radius:4px;overflow:hidden}
.subscribe input{flex:1 1 260px;min-width:0;height:68px;padding:0 26px;background:var(--black);border:none;outline:none;font-family:'Archivo',sans-serif;font-size:clamp(17px,1.5vw,22px);color:var(--text);text-align:left;border-radius:0}
.subscribe button{flex:0 0 auto;width:clamp(150px,14vw,216px);height:68px;background:var(--orange);color:var(--black);border:none;border-left:1px solid var(--black);font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(18px,1.6vw,22px);cursor:pointer;border-radius:0}
.subscribe button:hover,.subscribe button:focus-visible{background:var(--black);color:var(--orange)}
@media (max-width:440px){.subscribe button{flex:1 1 100%;border-left:none;border-top:1px solid var(--black)}}
.subscribe__error{margin-top:10px;font-size:15px;color:var(--orange)}
.subscribe__error[hidden]{display:none}
.subscribe__hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.subscribe__note{margin-top:14px;font-size:clamp(14px,1.05vw,16px);color:#3A3D40}

.landing__rule{margin-top:clamp(28px,2.6vw,40px);width:106px;height:1px;background:var(--black)}
.landing__pr-title{margin-top:clamp(28px,2.6vw,40px);font-family:'Space Mono',monospace;text-transform:uppercase;letter-spacing:0.12em;font-size:clamp(13px,1vw,15px);font-weight:700;color:var(--orange)}
.landing__pr{margin:6px 0 0;font-size:clamp(16px,1.25vw,19px);line-height:1.45;color:var(--black)}
.landing__pr a{display:inline-block;margin-top:4px;padding:2px 0;color:var(--black);background-image:linear-gradient(var(--orange),var(--orange));background-repeat:no-repeat;background-position:0 100%;background-size:100% 2px;transition:background-size .25s ease,padding .25s ease}
.landing__pr a:hover,.landing__pr a:focus-visible{color:var(--black);background-size:100% 100%;padding:2px 8px}

/* ---------- Bevestiging ---------- */
.confirm{min-height:100vh;background:var(--cream);font-family:'Archivo',sans-serif;color:var(--black);text-align:center;padding:clamp(32px,6vh,64px) clamp(16px,5vw,48px)}
.confirm__inner{width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.confirm__logo img{display:block;width:clamp(220px,42vw,340px);height:auto}
.confirm__check{margin-top:clamp(20px,3vw,32px);width:clamp(64px,9vw,84px);height:clamp(64px,9vw,84px);border-radius:50%;background:var(--orange);color:var(--black);display:flex;align-items:center;justify-content:center}
.confirm__check svg{width:48%;height:48%}
.confirm h1{margin:clamp(14px,2vw,22px) 0 0;font-weight:900;font-size:clamp(40px,8.4vw,84px);line-height:1;letter-spacing:-0.035em;text-wrap:balance}
.confirm h1 span{color:var(--orange)}
.confirm__thanks{margin:clamp(8px,1vw,12px) 0 0;font-weight:800;font-size:clamp(22px,3.6vw,36px);line-height:1.15;letter-spacing:-0.02em;text-wrap:balance}
.confirm__intro{margin:clamp(12px,1.6vw,18px) 0 0;font-size:clamp(17px,2.2vw,22px);line-height:1.45;color:#3A3D40}
.confirm__launch{margin:clamp(14px,1.8vw,20px) 0 0;font-size:clamp(17px,2.2vw,22px);line-height:1.45;color:#3A3D40}
.confirm__launch strong{display:block;font-weight:800;color:var(--orange)}
.confirm__card{width:100%;margin-top:14px;padding:clamp(16px,2.4vw,22px) clamp(18px,3vw,32px);background:#FBF8F3;border:1px solid #6E7377;border-radius:6px;text-align:left}
.confirm__inbox{margin-top:clamp(24px,3.4vw,36px)}
.confirm__inbox h2{margin:0;font-weight:800;font-size:clamp(24px,3.6vw,34px);line-height:1.1;letter-spacing:-0.02em}
.confirm__inbox p{margin:8px 0 0;font-size:clamp(16px,2vw,19px);line-height:1.5;color:#3A3D40}
.confirm__tips-title{margin:clamp(24px,3.4vw,36px) 0 4px;font-weight:800;font-size:clamp(22px,3.4vw,32px);line-height:1.15;letter-spacing:-0.025em;text-wrap:balance}
.confirm__tip h3{margin:0;font-weight:800;font-size:clamp(19px,2.6vw,24px);line-height:1.2;color:var(--orange)}
.confirm__tip p{margin:6px 0 0;font-size:clamp(15px,1.8vw,17px);line-height:1.55;color:#3A3D40}
.confirm__tagline{margin:clamp(24px,3.4vw,36px) 0 0;font-weight:800;font-size:clamp(17px,2.4vw,22px);line-height:1.3;letter-spacing:-0.01em;text-wrap:balance}
.confirm__tagline span{color:var(--orange)}

/* ---------- Afmelden (gebruikt de opmaak van de bevestiging) ---------- */
.confirm h1.unsubscribe__title{margin-top:clamp(28px,4vw,44px);font-size:clamp(36px,7vw,64px)}
.unsubscribe__email{color:var(--black);font-weight:800;word-break:break-all}
.unsubscribe__form{margin-top:clamp(24px,3.4vw,36px)}
.unsubscribe__form button{height:60px;padding:0 40px;background:var(--orange);color:var(--black);border:1px solid var(--black);border-radius:4px;font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(17px,1.6vw,20px);cursor:pointer}
.unsubscribe__form button:hover,.unsubscribe__form button:focus-visible{background:var(--black);color:var(--orange)}
.unsubscribe__again{color:var(--black);font-weight:800;text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:3px}
.unsubscribe__again:hover{color:var(--orange)}

/* ---------- Landing, donkere variant (index_2.html) ----------
   Zelfde opmaak en indeling als de landing, alleen de kleuren omgedraaid. */
.landing--dark{background:var(--black)}
.landing--dark h1,.landing--dark h2{color:var(--cream)}
.landing--dark .landing__intro,.landing--dark .landing__launch,.landing--dark .landing__pr{color:var(--text)}
.landing--dark .subscribe{border-color:rgba(179,183,186,0.35)}
.landing--dark .subscribe input{background:#141618}
.landing--dark .subscribe button{border-left-color:rgba(179,183,186,0.35)}
.landing--dark .subscribe button:hover,.landing--dark .subscribe button:focus-visible{background:var(--cream);color:var(--black)}
@media (max-width:440px){.landing--dark .subscribe button{border-top-color:rgba(179,183,186,0.35)}}
.landing--dark .subscribe__note{color:#8A8F93}
.landing--dark .landing__rule{background:rgba(179,183,186,0.35)}
.landing--dark .landing__pr a{color:var(--cream)}
.landing--dark .landing__pr a:hover,.landing--dark .landing__pr a:focus-visible{color:var(--black)}