/* Reversd — design system (nieuw). Gedeeld door alle merkpagina's. */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');
:root{--paper:#F2EEE4;--ink:#16201C;--petrol:#0F3D3A;--terra:#C8531F;--stone:#7C8579;--soft:#E3A88A;--mono:'JetBrains Mono',monospace;--sans:'Poppins',system-ui,sans-serif;}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--sans);background:var(--paper);color:var(--ink);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1240px;margin:0 auto;padding:0 32px;}
.narrow{max-width:840px;margin:0 auto;padding:0 32px;}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--terra);}
em{font-style:normal;color:var(--terra);}
.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:20px 32px;background:rgba(242,238,228,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(22,32,28,.07);}
.logo{display:flex;align-items:center;gap:11px;}
.logo .word{display:inline-block;font-weight:700;font-size:24px;letter-spacing:-.02em;line-height:1;}
.logo .word .d{font-size:.76em;}
.logo .word .dot{color:var(--terra);}
.nav-r{display:flex;align-items:center;gap:30px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;}
.nav-r a.lnk{color:var(--stone);transition:.2s;}
.nav-r a.lnk:hover{color:var(--ink);}
@media(max-width:780px){.nav-r .lnk{display:none;}}
.pill{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:100px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;transition:.25s;cursor:pointer;border:none;}
.pill-fill{background:var(--petrol);color:var(--paper);}
.pill-fill:hover{background:var(--terra);transform:translateY(-2px);}
.pill-line{border:1px solid var(--ink);color:var(--ink);}
.pill-line:hover{background:var(--ink);color:var(--paper);}
.pill-paper{background:var(--paper);color:var(--ink);}
.pill-paper:hover{background:var(--terra);color:var(--paper);}
.pill-ghost{border:1px solid #3a4a42;color:#cdd8d2;}
.pill-ghost:hover{background:var(--terra);border-color:var(--terra);color:var(--paper);}
.phero{background:var(--ink);color:var(--paper);padding:170px 0 90px;}
.phero h1{font-size:clamp(2.6rem,6vw,4.8rem);font-weight:800;letter-spacing:-.035em;line-height:1.02;margin:24px 0 22px;}
.phero p{font-size:1.25rem;color:#a9bab1;max-width:600px;}
.sec{padding:110px 0;}
.sec-warm{background:#E8E1D2;}
.sec-petrol{background:var(--petrol);color:var(--paper);}
.sec-ink{background:var(--ink);color:var(--paper);}
.sec h2{font-size:clamp(1.9rem,4.4vw,3.2rem);font-weight:700;letter-spacing:-.025em;line-height:1.12;}
.lead{font-size:1.2rem;color:var(--stone);max-width:640px;margin-top:20px;}
.sec-petrol .lead,.sec-ink .lead{color:#a9bab1;}
.prose h2{font-size:1.5rem;font-weight:700;margin:34px 0 12px;letter-spacing:-.01em;}
.prose p{margin-bottom:14px;color:#3a443c;}
.prose ul{margin:0 0 14px 22px;color:#3a443c;}
.doc{margin-bottom:56px;}
.doc .n{font-size:3rem;font-weight:800;color:var(--terra);letter-spacing:-.03em;line-height:1;}
.doc h2{margin:14px 0 12px;}
.doc p{font-size:1.12rem;line-height:1.7;color:#3a443c;}
.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;margin-top:54px;}
.st .n{font-size:3rem;font-weight:800;color:var(--terra);letter-spacing:-.03em;line-height:1;}
.sec-petrol .st .n{color:var(--soft);}
.st h4{font-size:1.15rem;font-weight:600;margin:18px 0 10px;}
.st p{font-size:.98rem;line-height:1.6;color:var(--stone);}
.sec-petrol .st p{color:#9fb3aa;}
@media(max-width:900px){.step-grid{grid-template-columns:1fr 1fr;gap:40px 28px;}}
@media(max-width:520px){.step-grid{grid-template-columns:1fr;}}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:50px;}
.card{border-radius:22px;padding:44px;display:flex;flex-direction:column;justify-content:space-between;min-height:320px;}
.card.tal{background:var(--petrol);color:var(--paper);}
.card.emp{background:#fff;color:var(--ink);border:1px solid rgba(22,32,28,.12);}
.card .num{font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;opacity:.75;}
.card h3{font-size:1.8rem;font-weight:700;letter-spacing:-.02em;margin:14px 0 14px;}
.card p{line-height:1.6;}
.card.tal p{color:#bcccc4;}
.card.emp p{color:#52605a;}
.card .go{margin-top:28px;}
@media(max-width:780px){.duo{grid-template-columns:1fr;}.card{min-height:auto;padding:34px;}}
.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:50px;}
.price{border:1px solid rgba(22,32,28,.14);border-radius:22px;padding:40px;background:#fff;}
.price .amt{font-size:3rem;font-weight:800;letter-spacing:-.03em;}
.price .amt span{font-size:1rem;font-weight:500;color:var(--stone);}
.price h3{font-size:1.3rem;font-weight:700;margin-bottom:8px;}
.price ul{list-style:none;margin-top:20px;}
.price li{padding:10px 0;border-top:1px solid rgba(22,32,28,.08);font-size:.98rem;}
@media(max-width:780px){.price-grid{grid-template-columns:1fr;}}
.quote{text-align:center;}
.quote p{font-size:clamp(1.7rem,4vw,2.9rem);font-weight:700;letter-spacing:-.025em;line-height:1.22;max-width:980px;margin:18px auto 0;}
.quote .by{font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--stone);margin-top:30px;}
.cta{text-align:center;}
.cta h2{font-size:clamp(2rem,4.6vw,3.4rem);font-weight:800;letter-spacing:-.03em;}
.cta p{font-size:1.15rem;color:var(--stone);max-width:520px;margin:18px auto 32px;}
.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
footer{background:var(--ink);color:var(--stone);padding:46px 0;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;align-items:center;}
footer a{margin-left:22px;transition:.2s;}
footer a:hover{color:var(--paper);}
.mt{margin-top:12px;}