/* Actual portfolio imagery and page-specific composition. */
.real-showcase{min-width:0;position:relative;margin-top:10px}.real-showcase:before{content:'';position:absolute;inset:-60px;background:radial-gradient(ellipse,#20b8e321,transparent 70%);pointer-events:none}.showcase-top{display:flex;justify-content:space-between;margin-bottom:19px;color:#7699aa;font:10px monospace;letter-spacing:1px}.showcase-screen{display:block;position:relative;border:1px solid #749baa66;border-radius:5px;overflow:hidden;background:#f5f7f7;transform:perspective(1300px) rotateY(-5deg);transition:transform .5s;box-shadow:0 30px 50px #0005}.showcase-screen:hover{transform:perspective(1300px) rotateY(0)}.showcase-screen>img{display:block;width:100%;height:auto;aspect-ratio:1.44;object-fit:cover;object-position:top}.showcase-visit{position:absolute;right:15px;bottom:15px;background:#071116ed;color:#fff;padding:11px 14px;font-size:11px;border:1px solid #7cadbb55;opacity:0;transform:translateY(5px);transition:.2s}.showcase-screen:hover .showcase-visit,.showcase-screen:focus-visible .showcase-visit{opacity:1;transform:none}.showcase-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:27px;gap:20px}.showcase-bottom strong{display:block;font-size:21px;letter-spacing:-.8px;font-weight:500}.showcase-bottom div>span{display:block;color:#91aeb9;font-size:11px;margin-top:7px}.showcase-controls{display:flex;gap:8px}.showcase-controls button{height:40px;width:40px;border:1px solid #425e6a;background:transparent;color:#c2e6f2;font-size:20px;transition:.2s}.showcase-controls button:hover{background:#20b8e3;color:#061821}.showcase-dots{display:flex;gap:5px;margin-top:20px}.showcase-dots button{background:transparent;padding:10px 3px;flex:1}.showcase-dots span{display:block;height:2px;background:#254650;transition:.2s}.showcase-dots button[aria-pressed=true] span{background:#20b8e3;box-shadow:0 0 9px #20b8e344}
.logo-section{background:#fff;border-bottom:1px solid var(--line);padding:28px 0 35px}.logo-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.logo-heading>span{font-size:11px;color:#5b6d75}.logo-heading .motion-control{width:30px;height:30px;background:#f2f6f7;border-color:#d4e1e6}.logo-viewport{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.logo-track{width:max-content;display:flex;animation:logo-scroll 35s linear infinite}.logo-group{display:flex;align-items:center;gap:35px;padding-right:35px;flex-shrink:0}.client-logo{width:210px;height:78px;display:grid;place-items:center;border-radius:3px;padding:15px 22px;background:white}.client-logo img{width:100%;height:46px;object-fit:contain}.client-logo.logo-hetwoningfonds img{height:65px}.client-logo.logo-hileads{background:#202731}.client-logo.logo-websitematchers{width:240px}.logo-viewport:hover .logo-track,.logo-viewport:focus-within .logo-track{animation-play-state:paused}.real-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 30px}.work-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:50px}.work-heading .eyebrow{margin-bottom:20px}.work-heading h2{margin-bottom:0}.work-heading>p{max-width:330px;color:var(--muted);font-size:13px;margin-bottom:0}.real-project{min-width:0}.real-project-image{position:relative;padding:25px;background:#e4e4de;overflow:hidden;border-radius:4px}.real-project-image>img{display:block;width:100%;height:auto;aspect-ratio:1.44;object-fit:cover;object-position:top;border:1px solid #182c3a20;box-shadow:0 10px 24px #12293518;transition:transform .5s}.real-project:hover img{transform:translateY(-5px)}.real-project-image>span{position:absolute;right:13px;bottom:13px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 5px 10px #0001;font-size:23px}.green .real-project-image,.website-case-shot.green{background:#dbe8df}.purple .real-project-image,.website-case-shot.purple{background:#e4def0}.lime .real-project-image,.website-case-shot.lime{background:#e7edd8}.sand .real-project-image,.website-case-shot.sand{background:#eee8df}.real-project-caption{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;margin-top:20px}.real-project-caption h3{font-size:25px;letter-spacing:-.9px;margin:0}.real-project-caption>span{margin-left:auto;font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:#59717a}.real-project-caption p{flex-basis:100%;font-size:12px;color:var(--muted);margin:0}.gallery-more{max-width:250px;margin-top:35px}.website-case-intro{padding:30px 0 45px}.website-case-heading{display:flex;justify-content:space-between;align-items:end;gap:35px}.website-case-heading h1{font-size:clamp(42px,5.4vw,78px);white-space:normal;overflow-wrap:anywhere;letter-spacing:-4px;margin-bottom:15px}.website-case-heading p{font-size:17px;margin-bottom:0;color:var(--muted)}.website-case-heading .button{flex-shrink:0}.website-case-shot{margin:0;padding:50px 0}.website-case-shot img{display:block;width:100%;height:auto;box-shadow:0 18px 40px #20303719;border-radius:4px}.website-case-shot figcaption{display:flex;justify-content:space-between;margin-top:20px;font-size:11px;color:#4b626d}.website-case-body{display:grid;grid-template-columns:.55fr 1fr;gap:100px}.website-case-body aside p{margin-top:15px}.website-case-body .case-brand{width:190px;max-height:95px;object-fit:contain;object-position:left;margin-top:20px}.case-brand.logo-hileads{background:#202731;padding:17px;border-radius:4px}.website-case-body h2{font-size:42px}.website-case-body>div>p{font-size:15px;color:var(--muted)}.case-deliverables{padding:0;list-style:none;border-top:1px solid var(--line);margin:30px 0}.case-deliverables li{padding:16px 0;border-bottom:1px solid var(--line);font-size:14px}.case-deliverables li:before{content:'•';color:#069ac2;margin-right:20px}.website-case-body .text-link{max-width:360px}
.featured-grid{grid-template-columns:.8fr 1.2fr;gap:75px}.featured-grid h2{font-size:43px}.process-diagram{padding:35px;border:1px solid #356076;background:#102630;border-radius:5px;position:relative;min-width:0}.process-diagram-top{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #385663;padding-bottom:23px;margin-bottom:28px}.process-diagram-top>strong{font-size:25px;letter-spacing:-1px}.process-diagram-top>span{font:8px monospace;letter-spacing:1px;color:#83b1c4;text-align:right}.process-diagram .pipeline{gap:0}.process-diagram .pipeline button{position:relative;align-items:flex-start;gap:16px;border-radius:0;border-right:0;padding:15px 12px;background:transparent;color:#9abcc9;font-size:11px}.process-diagram .pipeline button:last-child{border-right:1px solid #315562}.process-diagram .pipeline button>span{font:10px monospace}.process-diagram .pipeline button>strong{font-size:11px;font-weight:500}.process-diagram .pipeline button>i{position:absolute;right:10px;top:11px;font-style:normal;font-size:19px;color:#578da1}.process-diagram .pipeline button.selected{background:#20b8e3;color:#09202a;border-color:#20b8e3}.process-diagram .pipeline button.selected>i{color:#09202a}.process-diagram .flow-description{color:#bdd3db;font-size:12px;min-height:100px;padding:25px 0;margin:0}.process-trace{border-top:1px solid #385663;padding-top:20px;display:flex;gap:13px;align-items:center;color:#81a9ba;font-size:10px}.trace-dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:#20b8e3;box-shadow:0 0 10px #20b8e3;animation:trace-pulse 3s ease-in-out infinite}.process-caption{font-size:9px;color:#7ea4b4;margin:20px 0 0}.case-process{background:#071116;padding:60px 0;color:#fff}.case-process .process-diagram{max-width:900px;margin:auto}.case-process .pipeline button{padding:23px}.case-process .pipeline button>strong{font-size:15px}.case-process .flow-description{font-size:15px}.case-process .process-trace{font-size:12px}.expanded-case{display:grid;grid-template-columns:.55fr 1fr;gap:100px}.expanded-case aside>strong{display:block;font-size:29px;margin-top:20px;font-weight:500}.expanded-case aside>p{font-size:13px;color:var(--muted)}.expanded-case aside ul{list-style:none;padding:20px 0;margin:0}.expanded-case aside li{padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.expanded-case aside .text-link{margin-top:25px}.expanded-case .case-summary{font-size:21px;color:var(--ink);line-height:1.7;margin-bottom:45px}.expanded-case h2{font-size:34px;letter-spacing:-1.4px;margin-top:35px}.expanded-case p{font-size:14px;color:var(--muted)}.case-components{padding-bottom:80px}.case-components>.eyebrow{margin-bottom:20px}.case-components article{display:grid;grid-template-columns:70px 1fr 1.4fr;gap:40px;border-top:1px solid var(--line);padding:30px 0;align-items:start}.case-components article>span{font:12px monospace;color:#048bb1;margin-top:7px}.case-components h3{font-size:26px;margin-bottom:0}.case-components p{font-size:14px;color:var(--muted);margin-bottom:0}.motiv-case-image{margin-block:20px 0;padding:50px;background:#ede9e5;border-radius:5px}.motiv-case-image img{display:block;width:100%;height:auto;box-shadow:0 15px 40px #30273c20}.motiv-case-image figcaption{font-size:10px;color:var(--muted);margin-top:20px}.software-notes{display:grid;grid-template-columns:1fr 1fr;gap:100px}.software-notes h2{font-size:43px;margin-top:24px}.software-notes p{font-size:14px;color:var(--muted);max-width:420px}.software-notes dl{margin:0}.software-notes dl>div{border-top:1px solid var(--line);padding:25px 0}.software-notes dt{font-size:23px;letter-spacing:-.7px;margin-bottom:12px}.software-notes dd{margin:0;font-size:13px;line-height:1.9;color:var(--muted)}.motiv-feature,.portfolio-motiv{display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:center;padding-bottom:90px}.motiv-product{display:block;overflow:hidden;padding:30px;background:#e8e2ee}.motiv-product>img{width:100%;height:auto;display:block}.motiv-brand{max-width:150px;max-height:55px;margin-bottom:25px}.motiv-feature h2{font-size:39px;letter-spacing:-1.8px}.motiv-feature p,.portfolio-motiv p{font-size:13px;color:var(--muted)}.portfolio-motiv>a>img{width:100%;height:auto;display:block}.portfolio-motiv h2{font-size:38px;letter-spacing:-1.5px;margin-top:24px}.website-section .section-head{margin-bottom:30px}.website-section h2{font-size:43px}.scope-guidance:empty{display:none}.scope-guidance{padding-top:20px}.scope-guidance p{font-size:11px;line-height:1.7;color:#586e79;margin-bottom:14px}.scope-guidance strong{display:block;color:#16323d;margin-bottom:3px;font-weight:500}.website-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;padding-top:10px}.website-faq h2{font-size:44px;margin-top:23px}.website-faq details{border-top:1px solid var(--line);padding:23px 0}.website-faq details:last-child{border-bottom:1px solid var(--line)}.website-faq summary{cursor:pointer;display:flex;gap:25px;justify-content:space-between;font-size:15px;list-style:none}.website-faq summary::-webkit-details-marker{display:none}.website-faq summary>span{font-size:22px;line-height:1}.website-faq details[open] summary>span{transform:rotate(45deg)}.website-faq details p{font-size:13px;color:var(--muted);margin:18px 30px 0 0}.compact-ending{background:#20b8e3;padding:65px 0}.compact-ending>.wrap{display:flex;justify-content:space-between;align-items:center;gap:35px}.compact-ending .eyebrow{color:#0e6076;font-size:10px;margin-bottom:15px}.compact-ending h2{font-size:43px;margin:0;letter-spacing:-1.7px}.compact-ending .button{flex-shrink:0}
/* Pausing decoration must not freeze content halfway through an entrance. */
.paused #hero-demo,.paused .reveal{animation:none!important;opacity:1!important;transform:none!important}.paused .logo-track{animation-play-state:paused}.reveal{opacity:1;transform:none}.service-visual{height:210px}.service-card p{min-height:95px}
@keyframes logo-scroll{to{transform:translateX(-50%)}}@keyframes trace-pulse{50%{box-shadow:0 0 0 7px #20b8e31a}}
@media(max-width:1100px){.showcase-bottom strong{font-size:20px}.showcase-top{font-size:9px}.showcase-bottom div>span{font-size:10px}.featured-grid{gap:35px}.process-diagram{padding:23px}.process-diagram .pipeline button{padding:14px 7px}.process-diagram .pipeline button>strong{font-size:9px}.process-diagram .flow-description{min-height:112px}.website-case-body,.expanded-case,.software-notes,.website-faq{gap:55px}.website-case-heading h1{font-size:58px}.motiv-feature,.portfolio-motiv{gap:40px}.work-heading{gap:35px}.real-project-image{padding:18px}.real-project-caption{display:block}.real-project-caption>span{display:block;margin:7px 0}.real-project-caption h3{font-size:23px}.case-components article{gap:25px;grid-template-columns:40px 1fr 1.4fr}}
@media(max-width:800px){.real-showcase{margin-top:0;max-width:630px;width:100%;margin-inline:auto}.showcase-screen{transform:none}.showcase-bottom{margin-top:20px}.showcase-bottom strong{font-size:22px}.showcase-bottom div>span{font-size:12px}.showcase-top{margin-bottom:12px}.logo-section{padding:22px 0}.client-logo{width:180px}.logo-group{gap:15px;padding-right:15px}.client-logo.logo-websitematchers{width:230px}.work-heading{display:block;margin-bottom:30px}.work-heading>p{max-width:500px;margin-top:20px}.real-work-grid{gap:35px 22px}.real-project-image{padding:15px}.real-project-caption h3{font-size:20px}.featured-grid{grid-template-columns:1fr;gap:35px}.process-diagram .pipeline button{padding:18px 14px}.process-diagram .pipeline button>strong{font-size:12px}.process-diagram .flow-description{min-height:90px}.website-case-heading{display:block}.website-case-heading .button{margin-top:25px}.website-case-heading h1{font-size:58px}.website-case-heading p{font-size:15px}.website-case-shot{padding:30px 0}.website-case-shot figcaption{font-size:10px;gap:20px}.website-case-body,.expanded-case{grid-template-columns:1fr;gap:35px}.website-case-body aside{display:grid;grid-template-columns:1fr 1fr;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px}.website-case-body aside .eyebrow{grid-column:1}.website-case-body aside p{grid-column:1;margin-bottom:0}.website-case-body .case-brand{grid-column:2;grid-row:1/3;justify-self:end;margin-top:0;max-width:150px}.software-notes{grid-template-columns:1fr;gap:25px}.software-notes p{max-width:600px}.motiv-feature,.portfolio-motiv{grid-template-columns:1fr;gap:30px}.motiv-brand{margin-bottom:20px}.motiv-feature h2{font-size:39px}.website-faq{grid-template-columns:1fr;gap:25px}.expanded-case aside{border-bottom:1px solid var(--line);padding-bottom:30px}.expanded-case aside ul{display:flex;flex-wrap:wrap;gap:10px 25px;padding-top:15px}.expanded-case aside li{border:0;padding:3px 0}.expanded-case .case-summary{font-size:19px}.case-components article{grid-template-columns:35px 1fr;gap:15px}.case-components p{grid-column:2}.case-components h3{font-size:25px}.motiv-case-image{padding:25px}.compact-ending>.wrap{display:block}.compact-ending .button{margin-top:28px}.compact-ending h2{font-size:38px}.service-card p{min-height:0}.service-visual{height:245px}}
@media(max-width:480px){.showcase-top{font-size:8px}.showcase-bottom strong{font-size:19px}.showcase-bottom div>span{font-size:10px}.showcase-controls button{width:34px;height:34px}.showcase-bottom{gap:12px}.showcase-screen>img{aspect-ratio:1.28}.showcase-visit{display:none}.showcase-dots{margin-top:12px}.logo-heading>span{font-size:10px;max-width:240px}.client-logo{width:155px;height:70px;padding:15px}.client-logo.logo-websitematchers{width:200px}.client-logo img{height:38px}.client-logo.logo-hetwoningfonds img{height:54px}.logo-group{gap:10px;padding-right:10px}.real-work-grid{grid-template-columns:1fr;gap:32px}.work-heading h2{font-size:37px}.real-project-caption h3{font-size:24px}.real-project-caption>span{font-size:9px}.real-project-caption p{font-size:12px}.real-project-image{padding:16px}.featured-grid h2{font-size:36px}.process-diagram{padding:20px 15px}.process-diagram-top{gap:12px}.process-diagram-top>strong{font-size:23px}.process-diagram-top>span{font-size:7px;max-width:110px}.process-diagram .pipeline{display:grid;grid-template-columns:1fr 1fr;gap:8px}.process-diagram .pipeline button{border:1px solid #315562;padding:13px;gap:10px}.process-diagram .pipeline button>strong{font-size:11px}.process-diagram .flow-description{font-size:11px;min-height:100px;padding-block:20px}.process-trace{font-size:10px;align-items:start;line-height:1.7}.trace-dot{margin-top:4px}.process-caption{font-size:8px;line-height:1.7}.website-case-heading h1{font-size:42px;letter-spacing:-2px}.website-case-heading p{font-size:14px}.website-case-shot figcaption{display:block;font-size:10px}.website-case-shot figcaption>span{display:block;margin-top:6px}.website-case-body h2{font-size:33px}.website-case-body>div>p{font-size:13px}.case-deliverables li{font-size:12px}.case-process{padding-block:35px}.expanded-case .case-summary{font-size:18px}.expanded-case h2{font-size:30px}.expanded-case p{font-size:13px}.case-components{padding-bottom:45px}.case-components article{gap:10px;padding-block:24px}.case-components h3{font-size:23px}.case-components p{font-size:13px}.software-notes h2{font-size:36px}.software-notes dt{font-size:21px}.motiv-feature,.portfolio-motiv{padding-bottom:60px}.motiv-feature h2,.portfolio-motiv h2{font-size:33px}.motiv-product{padding:16px}.motiv-case-image{padding:15px}.motiv-case-image figcaption{font-size:9px}.website-faq h2{font-size:37px}.website-faq summary{font-size:13px}.website-section h2{font-size:35px}.compact-ending{padding-block:45px}.compact-ending h2{font-size:33px}.website-section .website-grid{padding-top:30px}.scope-guidance p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.logo-track{animation:none;width:100%;justify-content:center}.logo-group{flex-wrap:wrap;justify-content:center;padding:0 20px;gap:20px}.logo-group[aria-hidden=true]{display:none}.logo-viewport{mask-image:none}.showcase-screen{transform:none}.trace-dot{animation:none}.real-project:hover img{transform:none}}
/* Keep the long project name readable without a stranded final letter. */
@media(max-width:480px){[data-page="websitematchers"] .website-case-heading h1{font-size:clamp(26px,8.1vw,38px);letter-spacing:-1.4px;overflow-wrap:normal;white-space:nowrap}.brief-result .button{margin:5px 8px 5px 0}}
.process-diagram .process-caption{font-size:10px;line-height:1.7;max-width:none}

.featured-all{display:flex;align-items:center;gap:25px;border-top:1px solid #42657470;padding-top:24px;margin-top:55px;font-size:13px;color:#d1e7ef}
.featured-all>span{margin-left:auto;font-size:26px;color:#62cdea;line-height:1}

/* Official dark HiLeads wordmark on the same light surface as the other logos. */
.client-logo.logo-hileads{background:transparent}
.client-logo.logo-hileads img{object-fit:cover}
.case-brand.logo-hileads{background:transparent;padding:0;height:58px;object-fit:cover;object-position:center}
.logo-section{position:relative;padding:24px 0}
.logo-heading{position:absolute;right:18px;top:8px;width:auto;margin:0;z-index:1}
.logo-heading .motion-control{width:24px;height:24px;font-size:10px}
.section-head:has(>div:only-child)>div{width:100%}
.about-editorial .about-work{padding-top:55px}
.ai-editorial .editorial-contact h2{font-size:clamp(32px,4vw,52px)}

/* Agency research: clear section hierarchy, real work, concrete offer and a complete route to contact. */
[data-page="home"] .hero-copy>p{max-width:530px;font-size:16px;line-height:1.8}
[data-page="home"] .services{padding-block:80px 70px}
[data-page="home"] .services .section-head{margin-bottom:36px}
[data-page="home"] .services .section-head h2{font-size:clamp(34px,4vw,54px)}
[data-page="home"] .service-visual{height:185px}
[data-page="home"] .service-object{inset:25px 25px 20px}
[data-page="home"] .service-top{margin-top:24px;padding-bottom:14px}
[data-page="home"] .service-card h3{font-size:28px}
[data-page="home"] .service-card p{font-size:15px;min-height:82px;line-height:1.75}
[data-page="home"] .service-card .text-link{font-size:14px;margin-top:22px}
.home-section-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:45px}
.home-section-heading h2{margin:0;font-size:clamp(36px,4vw,56px);letter-spacing:-2px}
.home-section-heading .text-link{max-width:190px;font-size:14px;align-items:center;flex-shrink:0;padding:0}
.home-work{background:#fff}
.home-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:58px 30px}
.home-work-grid>*{min-width:0}
.home-flow-art{aspect-ratio:1.5;padding:28px;border-radius:5px;overflow:hidden}
.home-work-grid .real-project-image{padding:20px;border-radius:5px}
.home-work-grid .real-project-image>img{width:100%;height:auto;aspect-ratio:1.44;object-fit:cover;object-position:top;background:transparent}
.home-work-grid .real-project-caption{margin-top:22px;gap:8px}
.home-work-grid .real-project-caption h3{font-size:29px;letter-spacing:-1px;width:100%}
.home-work-grid .real-project-caption h3>a{display:flex;align-items:center;justify-content:space-between;gap:20px}
.home-work-grid .real-project-caption p{font-size:14px;line-height:1.75;max-width:520px}
.home-flow-art{display:flex;align-items:center;background:radial-gradient(ellipse at 75% 110%,#104859,#0a1d27 70%);color:#fff}
.home-flow-art .process-diagram{width:100%;padding:0;border:0;background:none}
.home-flow-art .process-diagram-top{margin-bottom:24px;padding-bottom:20px}
.home-flow-art .process-diagram-top>strong{font-size:30px}
.home-flow-art .pipeline{margin:0}
.home-flow-art .pipeline button{padding:18px 12px;min-height:90px}
.home-flow-art .pipeline button>strong{font-size:12px}
.home-flow-art .flow-description{min-height:93px;padding:22px 0 0;font-size:13px;line-height:1.75}
.home-flow-art .process-caption{font-size:12px;margin:0;color:#a4c0cc}
.home-motiv-project .real-project-image{background:#e5e2ed}

.home-website-offer{background:#e7f0f4}
.home-offer-heading{display:grid;grid-template-columns:1.25fr .8fr;gap:80px;align-items:end;margin-bottom:42px}
.home-offer-heading h2{margin:0;font-size:clamp(34px,3.8vw,54px);letter-spacing:-2px;line-height:1.16}
.home-offer-heading>p{font-size:16px;line-height:1.85;color:#415e6a;margin:0;max-width:450px}
.home-payment-options{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.home-payment-options article{display:flex;flex-direction:column;align-items:flex-start;background:#fff;padding:40px;border-radius:4px}
.home-payment-options article:first-child{border-top:4px solid #17add2;padding-top:36px}
.home-payment-options h3{font-size:32px;letter-spacing:-1px;margin:0 0 17px}
.home-payment-options p{font-size:16px;line-height:1.8;max-width:430px;margin:0;color:#3d525c}
.home-payment-options ul{list-style:none;padding:0;margin:26px 0 30px;flex:1}
.home-payment-options li{position:relative;padding-left:24px;margin-block:12px;font-size:14px;line-height:1.65;color:#3d525c}
.home-payment-options li:before{content:'✓';position:absolute;left:0;color:#0085a8}
.home-payment-options .button{font-size:14px;min-height:55px}
.home-payment-options .outline{border:1px solid #0a1b23;color:#0a1b23;background:transparent}
.home-payment-options .outline:hover{background:#e9f4f7}
.home-scope-link{display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:14px;line-height:1.8;margin-top:28px;border-bottom:1px solid #b8cdd6;padding-bottom:17px}
.home-scope-link>span{font-size:27px;flex-shrink:0}
.working-steps{list-style:none;counter-reset:work;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:0;padding:0}
.working-steps li{counter-increment:work;border-top:1px solid #bccdd4;padding-top:22px}
.working-steps li:before{content:counter(work,decimal-leading-zero);display:block;color:#0485a7;font-size:28px;line-height:1;margin-bottom:28px}
.working-steps h3{font-size:22px;letter-spacing:-.6px;margin-bottom:14px;line-height:1.3}
.working-steps p{font-size:14px;line-height:1.85;color:#4c626d;margin:0}
.home-questions{background:#fff}
.home-questions>.wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}
.home-questions h2{font-size:clamp(34px,3.5vw,48px);letter-spacing:-1.8px}
.home-questions details{border-top:1px solid #cad7dd;padding:23px 0}
.home-questions details:last-child{border-bottom:1px solid #cad7dd}
.home-questions summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:17px;line-height:1.6;cursor:pointer}
.home-questions summary::-webkit-details-marker{display:none}
.home-questions summary>span{font-size:26px;flex-shrink:0;transition:transform .2s}
.home-questions details[open] summary>span{transform:rotate(45deg)}
.home-questions details>p{font-size:15px;line-height:1.85;color:#4c626d;margin:17px 30px 0 0}
.site-footer{display:block;padding:65px 0 24px;background:#f5f7f8;border-top:1px solid #d4dfe4}
.footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1.2fr .75fr;gap:50px;align-items:start}
.footer-grid>.brand{width:190px;max-width:100%;margin-top:5px}
.footer-grid>.brand img{width:100%;height:auto}
.footer-grid nav{display:flex;flex-direction:column;align-items:flex-start;gap:11px}
.footer-grid h2{font-size:17px;letter-spacing:0;line-height:1.5;margin:0 0 7px}
.footer-grid nav>a{font-size:14px;color:#526b77;line-height:1.7}
.footer-grid nav>a:hover{color:#007f9f}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d4dfe4;padding-top:24px;margin-top:46px;font-size:12px;color:#526b77}
.site-footer .motion-control{position:static;margin:0}
.website-case-body h2.case-role-heading{font-size:21px;letter-spacing:-.5px;margin:0 0 16px}
.case-components>h2{font-size:34px;margin-bottom:30px}
.scope-summary-label{font-size:14px;font-weight:500}
@media(max-width:1000px){
 .home-flow-art{padding:22px;aspect-ratio:1.25}
 .home-flow-art .pipeline button{padding:15px 8px}
 .home-flow-art .pipeline button>strong{font-size:10px}
 .home-flow-art .flow-description{font-size:12px}
 .home-offer-heading{gap:35px}
 .home-payment-options article{padding:30px}
 .home-payment-options article:first-child{padding-top:26px}
 .working-steps{grid-template-columns:1fr 1fr;gap:38px}
 .home-questions>.wrap{gap:45px;grid-template-columns:.8fr 1.2fr}
 .footer-grid{gap:30px;grid-template-columns:1fr 1fr 1.1fr}
 .footer-grid>.brand{grid-column:1/-1;margin-bottom:12px}
}
@media(max-width:700px){
 [data-page="home"] .services{padding-block:55px}
 [data-page="home"] .service-card p{min-height:0;font-size:15px}
 [data-page="home"] .service-visual{height:210px}
 .home-section-heading{align-items:flex-start;gap:20px;margin-bottom:30px}
 .home-section-heading .text-link{max-width:155px;font-size:12px;margin-top:10px}
 .home-work-grid{grid-template-columns:1fr;gap:40px}

 .home-flow-art{aspect-ratio:auto;min-height:320px;padding:28px}
 .home-flow-art .pipeline button>strong{font-size:12px}
 .home-flow-art .flow-description{font-size:13px}
 .home-work-grid .real-project-caption h3{font-size:27px}
 .home-offer-heading{grid-template-columns:1fr;gap:24px;margin-bottom:30px}
 .home-offer-heading>p{font-size:15px}
 .home-payment-options{grid-template-columns:1fr;gap:18px}
 .home-payment-options article{padding:30px 25px}
 .home-payment-options h3{font-size:29px}
 .home-payment-options p{font-size:15px}
 .home-payment-options .button{font-size:12px;width:100%;justify-content:space-between}
 .home-scope-link{font-size:13px}
 .home-questions>.wrap{grid-template-columns:1fr;gap:15px}
 .home-questions summary{font-size:16px}
 .footer-grid{gap:35px 20px;grid-template-columns:1fr 1fr}
 .footer-grid nav:last-child{grid-column:1/-1}
 .footer-bottom{margin-top:32px}
}
@media(max-width:430px){
 .home-section-heading{flex-direction:column;gap:8px}
 .home-section-heading .text-link{max-width:180px}
 .home-flow-art{padding:24px 20px;min-height:360px}
 .home-flow-art .process-diagram .pipeline{grid-template-columns:1fr 1fr;gap:8px}
 .home-flow-art .pipeline button{min-height:64px;padding:11px}
 .home-flow-art .pipeline button>span{font-size:10px}
 .home-flow-art .process-diagram-top{margin-bottom:20px}
 .home-flow-art .flow-description{min-height:80px}
 .working-steps{grid-template-columns:1fr;gap:26px}
 .working-steps li{position:relative;padding:23px 0 0 52px}
 .working-steps li:before{position:absolute;left:0;top:25px;font-size:24px}
 .working-steps h3{font-size:23px;margin-bottom:10px}
 .working-steps p{font-size:14px}
 .home-work-grid .real-project-caption h3{font-size:25px}
}

/* Compact chevrons for buttons and links. */
.action-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;line-height:1}
.action-icon>svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.button:hover>.action-icon,.text-link:hover>.action-icon,.about-editorial .about-work-links>a:hover .about-case-link>.action-icon{transform:translateX(3px)}
.browser-bar>.action-icon>svg{width:12px;height:12px}

/* Three portfolio projects per desktop row, with compact artwork to match. */
@media(min-width:1101px){
 .home-flow-art{aspect-ratio:1.2;padding:20px}

 .home-flow-art .process-diagram-top{padding-bottom:12px;margin-bottom:16px}
 .home-flow-art .process-diagram-top>strong{font-size:24px}
 .home-flow-art .pipeline button{min-height:64px;padding:10px 8px;gap:12px}
 .home-flow-art .pipeline button>strong{font-size:10px}
 .home-flow-art .flow-description{min-height:65px;padding:15px 0 0;font-size:12px}
 .home-flow-art .process-caption{font-size:11px}
 .home-work-grid .real-project-caption h3{font-size:26px}
}
@media(min-width:701px) and (max-width:1100px){.home-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:480px){[data-page="kentekenverslag"] .website-case-heading h1{font-size:clamp(25px,7.3vw,35px);letter-spacing:-1.2px;white-space:nowrap}}

.home-payment-options .website-price,.payment-content .website-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px;font-size:15px;line-height:1.4;color:var(--ink);margin:0 0 22px;max-width:none}
.website-price strong{font-size:clamp(32px,3vw,42px);font-weight:500;letter-spacing:-1.5px;white-space:nowrap}
.website-price>span{white-space:nowrap}