:root{--navy:#0b1f3a;--wit:#ffffff;--teal:#2ec4b6;--zacht:#bbd2e8}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;
gap:2.5rem;padding:2rem 1.5rem;background:var(--navy);color:var(--wit);text-align:center;
font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
font-synthesis-weight:none;line-height:1.5}
svg{width:min(280px,70vw);height:auto;display:block}
h1{font-size:clamp(1.375rem,1rem + 1.8vw,2.125rem);font-weight:600;line-height:1.25;
letter-spacing:-0.015em;max-width:22ch;text-wrap:balance}
p{font-size:.9375rem;color:var(--zacht);max-width:44ch}
.binnenkort{font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.contact{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;font-style:normal;
font-size:.9375rem;color:var(--zacht)}
.contact a{color:var(--wit);text-decoration-color:color-mix(in srgb,var(--teal) 70%,transparent);
text-underline-offset:.25em;text-decoration-thickness:1px}
.contact a:hover,.contact a:focus-visible{color:var(--teal)}
.streep{width:3rem;height:2px;background:var(--teal);border:0}
@media (prefers-reduced-motion:no-preference){body{animation:op .5s ease-out}@keyframes op{from{opacity:0}}}