@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/dm-sans-600.woff2) format("woff2")}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/dm-sans-700.woff2) format("woff2")}@font-face{font-family:Figtree;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/figtree-400.woff2) format("woff2")}@font-face{font-family:Figtree;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/figtree-600.woff2) format("woff2")}@font-face{font-family:Rubik;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/rubik-500.woff2) format("woff2")}@font-face{font-family:Rubik;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/rubik-600.woff2) format("woff2")}/*!
 * Holonova Design System — Design Tokens & Core Components
 * Brand: Holonova (holonova.nl) — software-development agency, Lelystad, NL
 * Source: Holonova Design System (Figma "Holonova-Design-System") + holonova.nl
 * Single (Light) theme only — no dark-mode tokens are defined.
 *
 * Drop this file into your repo and link/@import it. Style against the
 * custom properties and .btn/.card/.badge/.input/.t-* classes below instead
 * of hardcoding colors, spacing, or type. Full rationale, voice/tone rules,
 * and usage docs: see DESIGN_SYSTEM.md alongside this file.
 */:root{color-scheme:light;--orange-50: #FCEFE3;--orange-100: #F6D9BE;--orange-300: #DBA06A;--orange-500: #BC641B;--orange-600: #9E521A;--orange-700: #7C4014;--navy-500: #1E73BE;--navy-700: #163967;--navy-900: #1C2539;--ink-800: #222222;--ink-900: #242424;--gray-100: #F9F9F9;--gray-300: #D9D9D9;--gray-700: #4A4A4A;--cream-50: #FAF7F1;--white: #FFFFFF;--black: #000000;--success-500: #008000;--color-brand-primary: var(--orange-500);--color-brand-primary-hover: var(--orange-600);--color-brand-secondary: var(--navy-700);--color-text-default: var(--ink-900);--color-text-muted: var(--gray-700);--color-text-inverse: var(--white);--color-text-link: var(--navy-500);--color-surface-page: var(--white);--color-surface-subtle: var(--cream-50);--color-surface-muted: var(--gray-100);--color-surface-dark: var(--ink-900);--color-border-default: var(--gray-300);--color-feedback-success: var(--success-500);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-none: 0px;--radius-sm: 4px;--radius-md: 5px;--radius-lg: 12px;--radius-full: 999px;--font-display: "DM Sans", sans-serif;--font-heading: "DM Sans", sans-serif;--font-accent: "Rubik", sans-serif;--font-body: "Figtree", sans-serif;--content-max-width: 1080px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-body);color:var(--color-text-default);background:var(--color-surface-page)}a{color:var(--color-text-link);text-decoration:none}a:hover{opacity:.85}.t-display-xl{font:700 54px/62px var(--font-display);letter-spacing:-.01em}.t-h1{font:700 40px/48px var(--font-heading);letter-spacing:-.005em}.t-h2{font:600 32px/40px var(--font-heading);letter-spacing:-.005em}.t-h3{font:600 26px/36px var(--font-accent)}.t-h4{font:600 20px/28px var(--font-heading)}.t-body-large{font:400 18px/26px var(--font-body)}.t-body-base{font:400 16px/24px var(--font-body)}.t-body-small{font:400 14px/20px var(--font-body)}.t-label-button{font:600 16px/20px var(--font-body)}.t-eyebrow{font:500 13px/16px var(--font-accent);letter-spacing:.08em;text-transform:uppercase;color:var(--color-brand-primary)}.container{max-width:var(--content-max-width);margin-inline:auto;padding-inline:var(--spacing-lg)}.section{padding-block:var(--spacing-3xl)}.section--subtle{background:var(--color-surface-subtle)}.section--muted{background:var(--color-surface-muted)}.section--dark{background:var(--color-surface-dark);color:#ffffffd1}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 28px;border-radius:var(--radius-md);font:600 16px/20px var(--font-body);cursor:pointer;border:1px solid transparent;text-decoration:none;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease}.btn--primary{background:var(--color-brand-primary);color:var(--color-text-inverse);border-color:var(--color-brand-primary)}.btn--primary:hover{background:var(--color-brand-primary-hover);border-color:var(--color-brand-primary-hover)}.btn--secondary{background:transparent;color:var(--color-brand-secondary);border-color:var(--color-brand-secondary)}.btn--secondary:hover{background:var(--color-surface-subtle)}.btn--secondary-on-dark{background:transparent;color:var(--color-text-inverse);border-color:#fff6}.btn--secondary-on-dark:hover{background:#ffffff1a}.btn--ghost{background:transparent;color:var(--color-text-default);border:none;padding:0 0 5px}.btn--compact{padding:10px 20px}.btn:disabled,.btn--disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.card{background:var(--color-surface-page);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.card__icon-tile{width:44px;height:44px;border-radius:var(--radius-md);background:var(--orange-50);color:var(--color-brand-primary);display:flex;align-items:center;justify-content:center;font:700 20px/1 var(--font-display)}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);background:var(--orange-50);color:var(--color-brand-primary);font:600 14px/20px var(--font-body)}.badge--navy{background:#e0eaf5;color:var(--navy-700)}.badge--green{background:#e4f2e4;color:var(--success-500)}.input{width:100%;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--color-border-default);font:400 16px/24px var(--font-body);color:var(--color-text-default);background:var(--color-surface-page)}.input:focus{outline:2px solid var(--color-brand-primary);outline-offset:1px}.input::placeholder{color:var(--color-text-muted)}:root{--x-font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--x-on-dark: rgba(255, 255, 255, .82);--x-on-dark-muted: rgba(255, 255, 255, .62);--x-on-dark-line: rgba(255, 255, 255, .14)}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased}p{margin:0}img{max-width:100%;height:auto}.head{max-width:54ch;margin-bottom:var(--spacing-2xl)}.head .t-h2{margin:var(--spacing-md) 0}.lead-muted{color:var(--color-text-muted)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.section--dark .t-h1,.section--dark .t-h2{color:var(--color-text-inverse)}.logo{display:block;width:auto;max-width:100%}.site-header{position:sticky;top:0;z-index:20;background:var(--color-surface-dark);border-bottom:1px solid var(--x-on-dark-line)}.nav{display:flex;align-items:center;justify-content:space-between;height:72px}.nav__links{display:flex;gap:28px;align-items:center}.nav__links a{font:600 15px/20px var(--font-body);color:var(--x-on-dark);transition:color .15s ease}.nav__links a:hover,.nav__links a[aria-current=page]{color:var(--color-text-inverse);opacity:1}.hero{position:relative;background:var(--color-surface-dark);color:var(--x-on-dark);min-height:calc(100vh - 72px);min-height:calc(100svh - 72px);display:flex;align-items:center;padding-block:var(--spacing-3xl) calc(var(--spacing-3xl) + var(--spacing-lg))}.hero>.container{max-width:1240px;width:100%}.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--spacing-2xl);align-items:center}.hero__scroll{position:absolute;left:50%;transform:translate(-50%);bottom:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);color:var(--x-on-dark-muted);font:500 13px/16px var(--font-accent);letter-spacing:.08em;text-transform:uppercase}.hero__scroll:after{content:"";width:1px;height:28px;background:var(--x-on-dark-line)}.hero .t-display-xl{color:var(--color-text-inverse);margin:var(--spacing-md) 0}.hero__sub{color:var(--x-on-dark);max-width:38ch}.hero__cta{display:flex;gap:var(--spacing-md);margin-block:var(--spacing-xl) var(--spacing-lg);flex-wrap:wrap}.hero__trust{color:var(--x-on-dark-muted)}.page-head{background:var(--color-surface-dark);color:var(--x-on-dark);padding-block:var(--spacing-2xl)}.page-head .t-h1{color:var(--color-text-inverse);margin:var(--spacing-md) 0 var(--spacing-sm)}.page-head p{color:var(--x-on-dark);max-width:54ch}.hero__grid>*,.grid-2>*,.grid-3>*,.trust-grid>*,.steps-row>*{min-width:0}.log{border:1px solid var(--x-on-dark-line);border-radius:var(--radius-lg);padding:var(--spacing-lg);background:#1e1e1e;max-width:100%}.log__bar{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--x-on-dark-line);font:400 13px/16px var(--x-font-mono);color:var(--x-on-dark-muted)}.log__body{font:400 13px/26px var(--x-font-mono);color:var(--x-on-dark);min-height:208px;overflow-x:auto;-webkit-overflow-scrolling:touch}.log__body .ln{display:block;white-space:nowrap;overflow:hidden}.log__body .t{color:#ffffff73}.log__body .a{color:var(--orange-300)}.log__body .k{color:var(--color-brand-primary)}.log__foot{margin-top:12px;padding-top:12px;border-top:1px solid var(--x-on-dark-line);font:400 13px/16px var(--x-font-mono);color:var(--x-on-dark-muted)}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:var(--spacing-xl)}.rule-grid>div{border-top:1px solid var(--color-border-default);padding:var(--spacing-lg) 0}.steps-row{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--color-border-default)}.step-col{padding:var(--spacing-lg) var(--spacing-md) 0 0}.step-col+.step-col{border-left:1px solid var(--color-border-default);padding-left:var(--spacing-md)}.step-col:last-child{padding-right:0}.step-col__n{font:700 14px/20px var(--font-display);color:var(--color-brand-primary);letter-spacing:.06em;margin-bottom:10px}a.card{color:var(--color-text-default);display:block}a.card:hover{opacity:1;border-color:var(--color-brand-primary)}.card--featured{border-color:var(--color-brand-primary)}.card--on-dark{background:transparent;border-color:var(--x-on-dark-line)}.card--on-dark .t-h4{color:var(--color-text-inverse)}.card--on-dark p{color:var(--x-on-dark-muted)}.card__meta{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.card__fit{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-default);color:var(--color-text-muted)}.card__sector{font:500 13px/16px var(--font-accent);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.card__rule{width:40px;height:2px;background:var(--color-brand-primary);margin-bottom:var(--spacing-md)}.steps{border-top:1px solid var(--color-border-default)}.step{display:grid;grid-template-columns:auto 1fr auto;gap:var(--spacing-lg);align-items:center;padding-block:var(--spacing-md);border-bottom:1px solid var(--color-border-default)}.step__i{font:700 16px/20px var(--font-display);color:var(--color-brand-primary)}.step__v{font:600 18px/26px var(--font-body);color:var(--color-text-default);white-space:nowrap}.roi__out{text-align:center}.roi__big{font:700 54px/62px var(--font-display);letter-spacing:-.01em;color:var(--color-brand-primary);margin:var(--spacing-sm) 0}.trust-bar{display:flex;flex-wrap:wrap;gap:var(--spacing-lg) var(--spacing-xl);list-style:none;margin:0 0 var(--spacing-xl);padding:var(--spacing-lg) 0;border-top:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);font:400 16px/24px var(--font-body);color:var(--color-text-muted)}.trust-bar strong{font:700 20px/24px var(--font-display);color:var(--color-text-default);margin-right:6px}.trust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.trust-card{margin:0;background:var(--color-surface-page);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;flex-direction:column}.trust-card__what{font:400 20px/30px var(--font-heading);color:var(--color-text-default);margin-bottom:var(--spacing-lg)}.trust-card__who{margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--color-border-default);display:flex;flex-direction:column;gap:6px}.trust-card__id{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.trust-card__name{font:600 18px/26px var(--font-heading);color:var(--color-text-default)}.trust-close{margin-top:var(--spacing-xl);max-width:62ch;color:var(--color-text-default)}.faq{border-top:1px solid var(--color-border-default);max-width:78ch}.faq__item{border-bottom:1px solid var(--color-border-default)}.faq__q{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg);cursor:pointer;list-style:none;padding-block:var(--spacing-lg);font:600 20px/28px var(--font-heading);color:var(--color-text-default);transition:color .15s ease}.faq__q::-webkit-details-marker{display:none}.faq__q:hover{color:var(--color-brand-primary)}.faq__q:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:4px}.faq__mark{position:relative;flex:0 0 14px;width:14px;height:14px;margin-top:7px}.faq__mark:before,.faq__mark:after{content:"";position:absolute;background:var(--color-brand-primary)}.faq__mark:before{left:0;top:6px;width:14px;height:1px}.faq__mark:after{left:6px;top:0;width:1px;height:14px;transition:height .15s ease}.faq__item[open] .faq__mark:after{height:0}.faq__item[open] .faq__q{color:var(--color-brand-primary)}.faq__a{padding-bottom:var(--spacing-lg);max-width:68ch;color:var(--color-text-muted)}.pain-table{width:100%;border-collapse:collapse}.pain-table th,.pain-table td{text-align:left;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 0;border-bottom:1px solid var(--color-border-default);vertical-align:top}.pain-table th{font:500 13px/16px var(--font-accent);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.pain-table td{font:400 16px/24px var(--font-body)}.pain-table td:first-child{color:var(--color-text-default);width:38%}.pain-table td:last-child{color:var(--color-text-muted)}.site-footer{background:var(--color-surface-dark);color:var(--x-on-dark);border-top:1px solid var(--x-on-dark-line);padding-block:var(--spacing-2xl)}.site-footer a{color:var(--x-on-dark)}.site-footer a:hover{color:var(--color-text-inverse);opacity:1}.footer__row{display:flex;justify-content:space-between;gap:var(--spacing-xl);flex-wrap:wrap}.footer__links{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.footer__legal{margin-top:var(--spacing-xl);padding-top:var(--spacing-md);border-top:1px solid var(--x-on-dark-line);color:var(--x-on-dark-muted)}.draft-flag{position:fixed;bottom:16px;right:16px;z-index:60;background:var(--color-surface-dark);color:var(--x-on-dark);font:400 13px/16px var(--font-body);padding:8px 14px;border-radius:var(--radius-full);border:1px solid var(--x-on-dark-line)}@media(max-height:700px){.hero{padding-block:var(--spacing-xl)}.hero__scroll{display:none}}@media(max-width:900px){.hero{min-height:auto;padding-block:var(--spacing-2xl) var(--spacing-3xl)}.hero__scroll{display:none}.hero__grid,.grid-3,.grid-2,.rule-grid,.trust-grid,.steps-row{grid-template-columns:1fr}.step-col,.step-col+.step-col{border-left:0;border-bottom:1px solid var(--color-border-default);padding:var(--spacing-md) 0}.t-display-xl{font-size:38px;line-height:46px}.pain-table td:first-child{width:45%}.site-header{position:static}.nav{height:auto;flex-wrap:wrap;padding-block:var(--spacing-md);gap:var(--spacing-sm)}.nav__links{order:3;width:100%;gap:0 var(--spacing-lg);flex-wrap:wrap;padding-top:2px;border-top:1px solid var(--x-on-dark-line)}.nav__links a{font-size:14px;padding-block:10px}.nav .logo{height:38px!important}.nav .btn--compact{padding:10px 16px}}@media(max-width:560px){.container{padding-inline:var(--spacing-md)}section{padding-block:var(--spacing-2xl)}.t-display-xl{font-size:32px;line-height:40px}.t-h1{font-size:28px;line-height:36px}.t-h2{font-size:24px;line-height:32px}.head{margin-bottom:var(--spacing-xl)}.card,.trust-card{padding:var(--spacing-lg)}.log{padding:var(--spacing-md)}.log__body{font-size:12px;min-height:0}.roi__big{font-size:40px;line-height:48px}.trust-card__what{font-size:18px;line-height:27px}.hero__cta{flex-direction:column;align-items:stretch}.hero__cta .btn{width:100%}.trust-bar{gap:var(--spacing-md)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}