@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,600&display=swap');
:root{--navy:#10263d;--blue:#1a4571;--gold:#b89855;--cream:#f6f2e9;--paper:#fcfaf6;--ink:#16263a;--muted:#68727d;--line:#ddd7ca;--white:#fff;--shadow:0 24px 70px rgba(16,38,61,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:92px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:700;letter-spacing:-.7px}.brand>span:last-child>span{color:var(--gold)}.brand-mark{width:34px;height:38px}.brand-mark svg{width:100%;height:100%;fill:none;stroke:var(--navy);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.status{display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.status i{width:7px;height:7px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 5px rgba(184,152,85,.13)}.hero{min-height:calc(100vh - 92px);max-width:1240px;margin:auto;padding:64px 28px 90px;display:grid;grid-template-columns:1.02fr .98fr;gap:80px;align-items:center}.eyebrow{margin:0 0 23px;color:var(--gold);font-size:12px;line-height:1.3;text-transform:uppercase;letter-spacing:.16em;font-weight:700}.hero h1{font-size:clamp(46px,5.4vw,78px);line-height:1.02;letter-spacing:-.055em;margin:0 0 28px;max-width:730px}.hero h1 em{font-family:'Playfair Display',serif;color:var(--blue);font-weight:600}.intro{font-size:18px;line-height:1.75;color:var(--muted);max-width:635px;margin:0}.promise-row{display:flex;gap:24px;margin:36px 0;color:var(--navy);font-size:13px;font-weight:600}.promise-row span{display:flex;align-items:center;gap:8px}.promise-row b{font-size:10px;color:var(--gold);border:1px solid rgba(184,152,85,.55);width:27px;height:27px;border-radius:50%;display:grid;place-items:center}.button{display:inline-flex;align-items:center;gap:15px;background:var(--navy);color:white;padding:17px 23px;border-radius:5px;font-weight:700;font-size:14px;box-shadow:0 12px 30px rgba(16,38,61,.18);transition:.25s ease}.button:hover{transform:translateY(-2px);background:var(--blue)}.button svg{width:16px;fill:none;stroke:currentColor;stroke-width:2}.hero-visual{position:relative;height:590px}.hero-visual:before{content:"";position:absolute;inset:28px -22px -24px 34px;border:1px solid var(--gold);border-radius:48% 48% 9px 9px}.hero-visual img{position:relative;width:100%;height:100%;object-fit:cover;border-radius:48% 48% 9px 9px;filter:saturate(.82) contrast(.97);box-shadow:var(--shadow)}.score-card{position:absolute;left:-46px;bottom:42px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);box-shadow:var(--shadow);padding:17px 20px;border-radius:7px;display:flex;align-items:center;gap:13px}.score-icon{width:37px;height:37px;border-radius:50%;background:var(--gold);color:white;display:grid;place-items:center;font-weight:700}.score-card strong,.score-card small{display:block}.score-card strong{font-size:14px}.score-card small{color:var(--muted);font-size:11px;margin-top:3px}.compare{background:var(--cream);padding:120px max(28px,calc((100vw - 1184px)/2))}.section-heading{max-width:660px}.section-heading h2{font-size:clamp(36px,4vw,56px);line-height:1.1;letter-spacing:-.04em;margin:0 0 22px}.section-heading>p:last-child{color:var(--muted);font-size:17px;line-height:1.7}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:62px}.category-grid article{position:relative;background:var(--paper);border:1px solid rgba(221,215,202,.8);padding:30px;min-height:286px;display:flex;flex-direction:column;transition:.25s}.category-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(16,38,61,.09)}.category-grid article:first-child{background:var(--navy);color:white}.number{position:absolute;right:23px;top:22px;font-size:11px;color:var(--gold);letter-spacing:.12em}.category-icon{font-size:34px;color:var(--gold);height:52px}.category-grid h3{font-size:20px;margin:18px 0 10px}.category-grid p{color:var(--muted);line-height:1.55;font-size:14px;margin:0}.category-grid article:first-child p{color:#b9c3cd}.soon{margin-top:auto;color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.soon.muted{color:#8e969e}.manifesto{max-width:1120px;margin:auto;padding:130px 28px}.manifesto blockquote{font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(34px,5vw,63px);line-height:1.2;letter-spacing:-.025em;margin:0;max-width:1000px;color:var(--navy)}.principles{border-top:1px solid var(--line);margin-top:70px;padding-top:34px;display:grid;grid-template-columns:repeat(3,1fr);gap:44px}.principles p{margin:0}.principles strong,.principles span{display:block}.principles strong{font-size:14px;margin-bottom:8px}.principles span{font-size:13px;color:var(--muted);line-height:1.5}footer{background:var(--navy);color:white;padding:46px max(28px,calc((100vw - 1184px)/2));display:flex;align-items:center;gap:30px}.footer-brand .brand-mark svg{stroke:white}.footer-brand>span:last-child>span{color:var(--gold)}footer p{color:#b9c3cd;margin:auto 0 auto auto;font-size:13px}footer small{color:#8896a3;font-size:11px}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:55px;padding-top:40px}.hero-visual{height:480px;max-width:620px;width:calc(100% - 18px);margin-left:auto}.score-card{left:-18px}.category-grid{grid-template-columns:repeat(2,1fr)}.principles{grid-template-columns:1fr;gap:25px}footer{flex-wrap:wrap}footer p{margin-left:auto}}
@media(max-width:600px){.site-header{height:76px;padding:0 18px}.status{font-size:0;padding:9px}.status:after{content:'Binnenkort';font-size:10px}.hero{padding:44px 20px 72px}.hero h1{font-size:43px}.intro{font-size:16px}.promise-row{flex-direction:column;gap:12px}.hero-visual{height:390px}.score-card{bottom:24px;left:-10px}.compare{padding:84px 20px}.category-grid{grid-template-columns:1fr}.manifesto{padding:88px 20px}.manifesto blockquote{font-size:36px}footer{padding:38px 20px;display:block}footer p{margin:18px 0}footer small{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.category-grid article{transition:none}}