/* 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__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(--black);font-family:'Archivo',sans-serif;display:flex;flex-direction:column}
.confirm__header{padding-top:28px;padding-bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}
.confirm__header img{display:block;width:160px;height:auto}
.confirm__hero{padding-top:clamp(56px,10vh,120px);padding-bottom:clamp(48px,8vh,96px);display:flex;flex-direction:column;gap:24px}
.confirm h1{margin:0;font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(56px,10vw,144px);line-height:0.92;color:var(--text)}
.confirm h1 span{color:var(--orange)}
.confirm__copy{display:flex;flex-direction:column;gap:14px;max-width:58ch}
.confirm__copy p{margin:0;font-size:clamp(17px,1.4vw,19px);line-height:1.6;color:var(--text);text-wrap:pretty}
.confirm__copy p:first-child{font-size:clamp(18px,1.6vw,22px);line-height:1.5}
.confirm__inbox{background:var(--cream);color:var(--black)}
.confirm__inbox .wrap{padding-top:clamp(40px,6vw,72px);padding-bottom:clamp(40px,6vw,72px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px 72px;align-items:start}
.confirm__inbox h2{margin:0;font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(36px,4.6vw,60px);line-height:0.98}
.confirm__inbox p{margin:0;font-size:18px;line-height:1.6;color:#2A2C2E;max-width:48ch;text-wrap:pretty;align-self:end}
.confirm__tips{padding-top:clamp(56px,8vw,96px);padding-bottom:clamp(56px,8vw,96px);display:flex;flex-direction:column;gap:32px}
.confirm__tips h2{margin:0;font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(30px,3.6vw,44px);line-height:1;color:var(--text);max-width:20ch}
.tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.tip{background:var(--black);padding:28px;display:flex;flex-direction:column;gap:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.tip__head{display:flex;align-items:baseline;gap:12px;font-family:'Space Mono',monospace;text-transform:uppercase}
.tip__n{font-size:12px;color:var(--orange)}
.tip__title{font-size:13px;font-weight:700;letter-spacing:0.12em;color:var(--text)}
.tip p{margin:0;font-size:16px;line-height:1.6;color:var(--text);text-wrap:pretty}
.confirm__footer{margin-top:auto;border-top:2px solid var(--orange)}
.confirm__footer .wrap{padding-top:40px;padding-bottom:36px;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px}
.confirm__tagline{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:clamp(24px,2.6vw,34px);line-height:1.05;color:var(--text);max-width:24ch}
.confirm__copyright{font-family:'Space Mono',monospace;text-transform:uppercase;font-size:11px;letter-spacing:0.12em;color:var(--muted)}

/* ---------- 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)}