*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #faf9f6;--surface: #ffffff;--soft: #f3f1ec;--softer: #ece9e1;--ink: #0a0a0a;--ink-2: #3a3a37;--ink-3: #6e6c66;--ink-4: #6b6960;--line: #e6e3db;--line-strong: #c9c5ba;--huisstijl-navy: #001b3d;--huisstijl-pale: #dae3e5;--huisstijl-light-blue: #bbd1ea;--huisstijl-mid-blue: #a1c6ea;--huisstijl-blue: #507dbc;--huisstijl-blue-a11y: #3f62a0;--accent: var(--huisstijl-blue-a11y);--accent-ink: #ffffff;--status-positive: #1f5d3a;--status-warn: #8a6a1f;--status-neg: #7a2222;--status-info: var(--huisstijl-blue);--font-display: "Montserrat", "Helvetica Neue", Arial, sans-serif;--font-ui: "Open Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;--d-pad-card: 22px;--d-pad-section: 56px;--d-row-gap: 14px;--d-card-gap: 16px;--r-xs: 2px;--r-sm: 4px;--r-md: 8px;--r-pill: 999px;--t-fast: .14s cubic-bezier(.2, .7, .2, 1);--t-base: .22s cubic-bezier(.2, .7, .2, 1)}html,body{height:100%;background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:15px;line-height:1.55;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input,textarea,select{font:inherit;color:inherit}img{max-width:100%;height:auto}em,i{font-style:normal}::selection{background:var(--ink);color:var(--bg)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 32px}.container.narrow{max-width:920px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;border-radius:var(--r-sm);border:1px solid transparent;letter-spacing:-.005em;transition:all var(--t-fast);white-space:nowrap;cursor:pointer}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px -8px color-mix(in srgb,var(--accent) 60%,transparent)}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.btn-secondary:hover:not(:disabled){background:var(--soft)}.btn-ghost{background:transparent;color:var(--ink-2)}.btn-ghost:hover{color:var(--ink);background:var(--soft)}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:14px 22px;font-size:15px}.eyebrow{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3)}.h-display{font-family:var(--font-display);font-weight:400;letter-spacing:-.02em;line-height:1.02;font-size:80px}.h1{font-family:var(--font-display);font-weight:400;font-size:48px;line-height:1.05;letter-spacing:-.02em}.h2{font-family:var(--font-display);font-weight:400;font-size:36px;line-height:1.1;letter-spacing:-.015em}.h3{font-family:var(--font-display);font-weight:400;font-size:18px;line-height:1.3;letter-spacing:-.01em}.muted{color:var(--ink-3)}.section{padding:80px 0}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:32px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--d-pad-card)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--r-pill);border:1px solid var(--line-strong);color:var(--ink-2);background:var(--surface);white-space:nowrap}.page-enter{animation:ip-page-in .32s cubic-bezier(.2,.7,.2,1) both}@keyframes ip-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes ip-page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes ip-pulse{0%,to{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 6%,transparent)}}@media(max-width:768px){.container{padding:0 16px}.h-display{font-size:44px}.h1{font-size:34px}.h2{font-size:26px}.section{padding:48px 0}.section-head{flex-wrap:wrap;gap:12px}}@media(max-width:480px){.h-display{font-size:34px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
