*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#f8fbf9;color:#142c24;font-family:Inter,Arial,sans-serif;line-height:1.6}.wrap{max-width:1200px;margin:auto;padding-left:32px;padding-right:32px}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #00845b;outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;padding:12px;z-index:5}.nav{display:flex;align-items:center;justify-content:space-between;padding-top:26px;padding-bottom:26px}.nav img{display:block}.nav nav{display:flex;align-items:center;gap:30px}.nav a{text-decoration:none;font-size:14px;font-weight:600}.button{display:inline-flex;gap:32px;justify-content:center;align-items:center;background:#00845b;color:white;border-radius:12px;padding:15px 22px;text-decoration:none;font-weight:600}.button:hover{background:#006d4b}.button.outline{border:1px solid #cfdcd5;color:#18352a;background:transparent;padding:10px 20px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:64px;align-items:center;padding-top:70px;padding-bottom:85px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;color:#00845b}h1{font-size:clamp(36px,4.2vw,54px);line-height:1.15;letter-spacing:-2px;font-weight:600;margin:22px 0}h1 em{font-style:normal;color:#00845b}.intro{font-size:18px;max-width:520px;color:#536b60;margin-bottom:30px}.small{font-size:12px;color:#687e72}.hero .small{margin-top:18px}.preview{background:white;border:1px solid #dfe9e3;box-shadow:0 20px 55px #183d2510;border-radius:24px;padding:30px;transform:rotate(-1deg)}.preview-top{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;gap:12px}.pill{display:inline-block;font-size:10px;letter-spacing:.8px;background:#e7f7ed;color:#007a52;font-weight:700;padding:5px 9px;border-radius:6px}.amount{font-size:42px;letter-spacing:-1px;line-height:1.2}.amount span{font-size:30px}.preview-metrics{display:flex;gap:40px;margin:24px 0 12px}.preview-metrics span{display:block;font-size:11px;color:#758679}.preview-metrics b{font-size:16px}.positive{color:#009b69}.preview svg{display:block;width:100%;height:auto}.preview-bottom{display:flex;align-items:center;gap:8px;font-size:11px}.preview-bottom .small{margin:0 0 0 auto}.dot{width:7px;height:7px;border-radius:50%;background:#08a778}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-bottom:80px}.features h2{font-size:20px;letter-spacing:-.4px;margin:14px 0 8px}.features p,.steps p{color:#64796c;font-size:14px}.feature-icon{display:inline-grid;place-items:center;background:#e3f5eb;color:#00845b;border-radius:12px;width:42px;height:42px;font-size:24px}.steps{display:grid;grid-template-columns:1fr 1.3fr;gap:90px;padding-top:60px;padding-bottom:60px;border-top:1px solid #e0e9e3;border-bottom:1px solid #e0e9e3}h2{font-size:34px;line-height:1.2;letter-spacing:-1px;font-weight:600}.steps ol{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:24px;margin-bottom:28px}.steps li:last-child{margin-bottom:0}.steps li>b{font-size:13px;color:#00966c;padding-top:4px}.steps h3{margin:0;font-size:17px}.steps li p{margin:8px 0 0}.pricing{text-align:center;padding-top:85px;padding-bottom:60px}.pricing h2{margin:15px 0}.pricing>p{color:#64796c}.plans{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:810px;margin:34px auto;text-align:left}.plans article{border:1px solid #d8e4dc;padding:32px;border-radius:20px;background:white}.plans article.annual{background:#eff9f2;border-color:#85cba6}.plans h3{font-size:18px;margin:14px 0}.price{font-size:42px;letter-spacing:-1px;font-weight:600;margin:5px 0 15px}.price span{font-size:14px;color:#6a7f72;font-weight:400;letter-spacing:0}.plans p:not(.price){font-size:13px}.plans ul{padding:18px 0 20px 18px;font-size:13px;line-height:2.1}.plans button{width:100%;border:1px solid #d8e4dc;background:#f5f8f6;color:#60796a;border-radius:10px;padding:13px;font:inherit;font-size:13px}.annual button{background:#dff2e7;border-color:#c5e1cf}.faq{max-width:860px;padding-bottom:75px}.faq h2{font-size:28px}.faq details{border-bottom:1px solid #e1e9e4;padding:20px 0}.faq summary{font-weight:600;cursor:pointer;font-size:15px}.faq details p{font-size:14px;color:#64796c;max-width:720px}footer{display:flex;gap:25px;align-items:center;flex-wrap:wrap;padding-top:30px;padding-bottom:30px;border-top:1px solid #e1e9e4}footer p,footer a{font-size:12px;color:#64796c}footer div{margin-left:auto;display:flex;gap:20px}.document{max-width:800px;padding-top:40px;padding-bottom:80px}.document h1{font-size:40px}.document h2{font-size:23px;margin-top:36px}.document .notice{padding:18px;background:#fff5df;border:1px solid #f0dcaf;border-radius:12px;font-size:14px}@media(max-width:850px){.hero{gap:30px;padding-top:40px;grid-template-columns:1fr}.hero>div:first-child{max-width:650px}.preview{max-width:570px;transform:none}.features{gap:24px}.steps{gap:30px;grid-template-columns:1fr}.nav nav{gap:16px}.nav nav>a:first-child{display:none}}@media(max-width:540px){.wrap{padding-left:22px;padding-right:22px}.nav img{width:135px;height:auto}.nav nav>a:nth-child(2){display:none}.hero{padding-top:30px;padding-bottom:50px}h1{letter-spacing:-1.4px}.intro{font-size:16px}.features,.plans{grid-template-columns:1fr}.features{gap:30px;padding-bottom:50px}.preview{padding:22px}.amount{font-size:36px}.steps{padding-top:40px;padding-bottom:40px}.pricing{padding-top:50px}.plans article{padding:26px}footer{gap:12px}footer div{margin-left:0;width:100%}h2{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.demo-link{display:inline-block;margin:18px 0 0 20px;font-size:14px;font-weight:600;color:#00845b}@media(max-width:540px){.demo-link{display:block;margin-left:0}}

.product-shot{margin:0;background:white;border:1px solid #d8e4dc;border-radius:18px;overflow:hidden;box-shadow:0 20px 55px #183d2510}.product-shot img{display:block;width:100%;height:auto}.product-shot a{display:block}.product-shot figcaption{padding:12px 18px;background:#fff;font-size:13px;color:#64796c;border-top:1px solid #e0e9e3}.hero{grid-template-columns:1fr 1.15fr;gap:48px}.hero-shot{align-self:center}.product-tour{padding-bottom:70px}.product-section{display:grid;grid-template-columns:.8fr 1.4fr;gap:60px;align-items:start;padding:60px 0;border-top:1px solid #e0e9e3}.product-section:first-child{display:block;padding:25px 0 50px;border-top:0}.product-section:first-child .product-copy{max-width:780px}.product-copy h2{font-size:32px;margin:16px 0}.product-copy p{font-size:16px;color:#536b60}.steps p,.faq details p{font-size:16px}@media(max-width:850px){.hero,.product-section{grid-template-columns:1fr;gap:28px}.product-section{padding:40px 0}.hero-shot{max-width:none}.product-copy{max-width:650px}}

/* Landing page: section names lead, supporting headings stay smaller. */
#inhoud .eyebrow{display:block;font-size:clamp(1.5rem,2.3vw,1.75rem);font-weight:700;line-height:1.25;letter-spacing:-.015em;text-transform:none;text-wrap:balance}
#inhoud .hero .eyebrow{font-size:clamp(1.75rem,2.7vw,2rem)}
#inhoud .hero h1{font-size:clamp(1.375rem,2.1vw,1.625rem);font-weight:500;line-height:1.3;letter-spacing:-.02em;margin:18px 0}
#inhoud .hero h1 em{font-size:inherit;line-height:inherit}
#inhoud h2{font-size:clamp(1.125rem,1.7vw,1.25rem);font-weight:500;line-height:1.3;letter-spacing:-.015em;text-wrap:balance}
#inhoud .product-copy h2{margin:12px 0 16px}
#inhoud .intro{font-size:1.0625rem;line-height:1.65}
#inhoud .product-copy p,#inhoud .steps p,#inhoud .pricing>p,#inhoud .faq details p{font-size:1rem;line-height:1.65}
#inhoud .steps h3,#inhoud .plans h3{font-size:1.125rem;line-height:1.4}
#inhoud .plans p:not(.price),#inhoud .plans ul,#inhoud .plans button{font-size:.9375rem}
#inhoud .faq h2{font-size:clamp(1.5rem,2.3vw,1.75rem);font-weight:700}
#inhoud .faq summary{font-size:1rem}
#inhoud .product-shot figcaption,#inhoud .small{font-size:.875rem}
.nav a,footer p,footer a{font-size:.875rem}

/* Keep the main dashboard details legible without a zoom link. */
.hero{grid-template-columns:.85fr 1.25fr;gap:36px}.product-section{grid-template-columns:.7fr 1.5fr;gap:36px}.product-shot img{width:100%;height:auto;object-fit:contain}.product-shot{align-self:start}@media(max-width:1000px){.hero,.product-section{grid-template-columns:1fr;gap:28px}.hero-shot,.product-section .product-shot{width:100%;max-width:800px}}