/* 2026-09-03 v1.2
 * - Turned the mobile solution-flow arrows downward.
 *
 * 2026-09-02 v1.1
 * - Contained capability cards within their assigned grid columns.
 *
 * 2026-09-01 v1.0
 * - Added the responsive Netsetup Solutions journey for mobile, Progress and AI.
 * - Used Doto for technical labels and architecture details.
 */

@import url("https://fonts.googleapis.com/css2?family=Doto:wght@500;600;700&display=swap");

.template-standaardpagina_met_image { overflow-x:clip; }
.template-standaardpagina_met_image .content { display:block; gap:0; overflow-x:clip; }
.template-standaardpagina_met_image .netsetup-solutions-page { display:block; width:100%; overflow:clip; }
.template-standaardpagina_met_image .netsetup-solutions-page section,
.template-standaardpagina_met_image .netsetup-solutions-page nav { width:100%; max-width:none; min-height:0; margin:0; box-sizing:border-box; }
.template-standaardpagina_met_image .netsetup-solutions-page section > *,
.template-standaardpagina_met_image .netsetup-solutions-page nav > * { width:auto; min-height:0; margin:0; }
.template-standaardpagina_met_image .netsetup-solutions-page h1,
.template-standaardpagina_met_image .netsetup-solutions-page h2,
.template-standaardpagina_met_image .netsetup-solutions-page p { margin-top:0; }
.template-standaardpagina_met_image .netsetup-solutions-page h1,
.template-standaardpagina_met_image .netsetup-solutions-page h2 { max-width:none; font-weight:500; letter-spacing:-.045em; text-wrap:balance; }
.template-standaardpagina_met_image .netsetup-solutions-page p { color:var(--textcolor); }
.template-standaardpagina_met_image .netsetup-solutions-page .button-group { flex-wrap:wrap; }
.template-standaardpagina_met_image .netsetup-solutions-page a:focus-visible { outline:3px solid var(--yellow); outline-offset:5px; }

.netsetup-solutions-system-label,
.netsetup-solutions-index span,
.netsetup-solutions-capability > span,
.netsetup-solutions-flow,
.netsetup-solutions-ai-grid span { font-family:"Doto",monospace; }
.netsetup-solutions-system-label { margin-bottom:24px; color:var(--frontcolor_dark)!important; font-size:14px; font-weight:700; letter-spacing:.08em; line-height:1.4; }

.template-standaardpagina_met_image .netsetup-solutions-hero { display:grid; min-height:100svh; padding:190px max(90px,calc((100vw - 1480px)/2)) 120px; align-items:center; }
.netsetup-solutions-hero-copy { display:flex; flex-direction:column; width:min(1160px,80vw)!important; max-width:none!important; gap:0!important; }
.template-standaardpagina_met_image .netsetup-solutions-hero h1 { margin-bottom:42px; font-size:clamp(68px,8vw,128px); line-height:.91; }
.netsetup-solutions-lead { max-width:820px; margin-bottom:34px; font-size:clamp(20px,1.75vw,28px); line-height:1.5; }

.template-standaardpagina_met_image .netsetup-solutions-index { display:grid; grid-template-columns:1fr 1fr; padding:0 max(90px,calc((100vw - 1480px)/2)); background:var(--lightblue); }
.netsetup-solutions-index a { display:grid; grid-template-columns:64px minmax(0,1fr) 44px; min-height:230px; padding:42px 46px; border-left:1px solid var(--bordercolor_dark); box-sizing:border-box; color:var(--textcolor); align-content:center; gap:8px 24px; }
.netsetup-solutions-index a:last-child { border-right:1px solid var(--bordercolor_dark); }
.netsetup-solutions-index span { grid-row:1 / 3; color:var(--frontcolor_dark); font-size:25px; font-weight:700; }
.netsetup-solutions-index strong { color:var(--frontcolor_dark); font-family:"neue-haas-unica","Inter",sans-serif; font-size:clamp(28px,3vw,46px); font-weight:500; letter-spacing:-.03em; line-height:1; }
.netsetup-solutions-index small { max-width:440px; font-size:15px; line-height:1.5; }
.netsetup-solutions-index i { grid-column:3; grid-row:1 / 3; font-size:22px; font-style:normal; align-self:center; transition:transform .2s ease; }
.netsetup-solutions-index a:hover i { transform:translateY(5px); }

.template-standaardpagina_met_image .netsetup-solutions-story,
.template-standaardpagina_met_image .netsetup-solutions-collaboration { display:grid; grid-template-columns:minmax(0,.95fr) minmax(360px,1fr); min-height:94svh; padding:130px max(90px,calc((100vw - 1480px)/2)); align-items:center; gap:clamp(64px,8vw,140px); scroll-margin-top:80px; }
.netsetup-solutions-story-copy,
.netsetup-solutions-collaboration-copy { display:flex; width:100%!important; max-width:none!important; gap:0!important; }
.template-standaardpagina_met_image .netsetup-solutions-story h2,
.template-standaardpagina_met_image .netsetup-solutions-collaboration h2 { margin-bottom:34px; font-size:clamp(52px,5.5vw,88px); line-height:.96; }
.netsetup-solutions-story-copy > p:not(.netsetup-solutions-system-label),
.netsetup-solutions-collaboration-copy > p:not(.netsetup-solutions-system-label) { max-width:700px; margin-bottom:24px; font-size:clamp(18px,1.35vw,22px); line-height:1.65; }
.netsetup-solutions-image { position:relative; aspect-ratio:1; overflow:hidden; }
.netsetup-solutions-image::before { position:absolute; z-index:1; top:20px; left:20px; width:54px; height:1px; background:var(--yellow); content:""; }
.netsetup-solutions-image img { display:block; width:100%; height:100%; object-fit:cover; }

.template-standaardpagina_met_image .netsetup-solutions-mobile-capabilities { display:grid; grid-template-columns:minmax(0,.85fr) minmax(520px,1.15fr); min-height:88svh; padding:130px max(90px,calc((100vw - 1480px)/2)); background:var(--lightblue); align-items:center; gap:clamp(70px,8vw,150px); }
.netsetup-solutions-capabilities-heading { display:flex; width:100%!important; max-width:none!important; gap:0!important; }
.template-standaardpagina_met_image .netsetup-solutions-capabilities-heading h2 { margin-bottom:30px; font-size:clamp(50px,5.3vw,84px); line-height:.96; }
.netsetup-solutions-capabilities-heading > p:not(.netsetup-solutions-system-label) { max-width:650px; margin-bottom:0; font-size:18px; line-height:1.65; }
.netsetup-solutions-capability-grid { display:grid!important; grid-template-columns:1fr 1fr; width:100%; max-width:none!important; border-top:1px solid var(--bordercolor_dark); border-left:1px solid var(--bordercolor_dark); gap:0!important; }
.netsetup-solutions-capability { display:flex; width:auto!important; min-width:0!important; max-width:none!important; min-height:230px; padding:28px; border-right:1px solid var(--bordercolor_dark); border-bottom:1px solid var(--bordercolor_dark); box-sizing:border-box; gap:16px!important; }
.netsetup-solutions-capability > span { color:var(--frontcolor_dark); font-size:18px; font-weight:700; }
.netsetup-solutions-capability strong { color:var(--frontcolor_dark); font-family:"neue-haas-unica","Inter",sans-serif; font-size:24px; font-weight:500; line-height:1.2; }
.netsetup-solutions-capability p { margin-bottom:0; font-size:14px; line-height:1.55; }

.template-standaardpagina_met_image .netsetup-solutions-flow { display:flex; min-height:190px; padding:46px max(90px,calc((100vw - 1480px)/2)); background:var(--lightcolor_light); color:var(--frontcolor_dark); font-size:clamp(19px,2vw,30px); font-weight:700; letter-spacing:.04em; align-items:center; justify-content:space-between; }
.netsetup-solutions-flow i { color:var(--yellow); font-family:"neue-haas-unica","Inter",sans-serif; font-style:normal; }

.template-standaardpagina_met_image .netsetup-solutions-ai { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(440px,.9fr); min-height:92svh; padding:130px max(90px,calc((100vw - 1480px)/2)); background:var(--frontcolor); align-items:center; gap:clamp(70px,8vw,150px); scroll-margin-top:80px; }
.netsetup-solutions-ai-intro { display:flex; width:100%!important; max-width:none!important; gap:0!important; }
.netsetup-solutions-ai .netsetup-solutions-system-label,
.netsetup-solutions-ai h2,
.netsetup-solutions-ai p,
.netsetup-solutions-ai strong { color:var(--lightcolor_light)!important; -webkit-text-fill-color:currentColor; }
.template-standaardpagina_met_image .netsetup-solutions-ai h2 { margin-bottom:34px; background-image:none; background-clip:border-box; -webkit-background-clip:border-box; -webkit-text-fill-color:var(--lightcolor_light)!important; font-size:clamp(54px,5.7vw,92px); line-height:.95; }
.netsetup-solutions-ai-intro > p:not(.netsetup-solutions-system-label) { max-width:720px; margin-bottom:0; font-size:clamp(18px,1.35vw,22px); line-height:1.65; }
.netsetup-solutions-ai-grid { display:grid!important; grid-template-columns:1fr 1fr; width:100%; max-width:none!important; border-top:1px solid rgba(255,253,251,.35); border-left:1px solid rgba(255,253,251,.35); gap:0!important; }
.netsetup-solutions-ai-grid > div { display:flex; min-height:190px; padding:28px; border-right:1px solid rgba(255,253,251,.35); border-bottom:1px solid rgba(255,253,251,.35); box-sizing:border-box; justify-content:space-between; gap:20px!important; }
.netsetup-solutions-ai-grid span { color:var(--yellow); font-size:13px; font-weight:700; letter-spacing:.04em; }
.netsetup-solutions-ai-grid strong { max-width:190px; font-family:"neue-haas-unica","Inter",sans-serif; font-size:19px; font-weight:500; line-height:1.3; }

.template-standaardpagina_met_image .netsetup-solutions-collaboration { background:color-mix(in srgb,var(--lightcolor_light) 82%,transparent); }
.netsetup-solutions-collaboration .netsetup-solutions-image { grid-column:1; grid-row:1; }
.netsetup-solutions-collaboration-copy { grid-column:2; grid-row:1; }

.template-standaardpagina_met_image .netsetup-solutions-contact { display:grid; min-height:74svh; padding:130px max(90px,calc((100vw - 1480px)/2)); align-items:center; }
.netsetup-solutions-contact-copy { display:flex; width:min(1050px,78vw)!important; max-width:none!important; gap:0!important; }
.template-standaardpagina_met_image .netsetup-solutions-contact h2 { margin-bottom:34px; font-size:clamp(58px,6.8vw,106px); line-height:.94; }
.netsetup-solutions-contact-copy > p:not(.netsetup-solutions-system-label) { max-width:720px; margin-bottom:28px; font-size:clamp(18px,1.45vw,23px); line-height:1.62; }

@media (max-width:1000px) {
	.template-standaardpagina_met_image .netsetup-solutions-story,
	.template-standaardpagina_met_image .netsetup-solutions-collaboration,
	.template-standaardpagina_met_image .netsetup-solutions-mobile-capabilities,
	.template-standaardpagina_met_image .netsetup-solutions-ai { grid-template-columns:1fr 1fr; gap:50px; }
	.netsetup-solutions-capability-grid,
	.netsetup-solutions-ai-grid { grid-template-columns:1fr; }
	.netsetup-solutions-capability,
	.netsetup-solutions-ai-grid > div { min-height:140px; }
}

@media (max-width:820px) {
	.template-standaardpagina_met_image .netsetup-solutions-hero { min-height:90svh; padding:145px 20px 76px; }
	.netsetup-solutions-hero-copy { width:100%!important; }
	.template-standaardpagina_met_image .netsetup-solutions-hero h1 { margin-bottom:28px; font-size:clamp(48px,13.5vw,70px); }
	.netsetup-solutions-lead { margin-bottom:26px; font-size:18px; }
	.template-standaardpagina_met_image .netsetup-solutions-page .button-group { flex-direction:column!important; gap:8px; align-items:flex-start; }
	.template-standaardpagina_met_image .netsetup-solutions-index { grid-template-columns:1fr; padding:0 20px; }
	.netsetup-solutions-index a { grid-template-columns:44px minmax(0,1fr) 34px; min-height:170px; padding:28px 16px; }
	.netsetup-solutions-index a:first-child { border-right:1px solid var(--bordercolor_dark); border-bottom:1px solid var(--bordercolor_dark); }
	.netsetup-solutions-index span { font-size:21px; }
	.netsetup-solutions-index strong { font-size:34px; }
	.template-standaardpagina_met_image .netsetup-solutions-story,
	.template-standaardpagina_met_image .netsetup-solutions-collaboration,
	.template-standaardpagina_met_image .netsetup-solutions-mobile-capabilities,
	.template-standaardpagina_met_image .netsetup-solutions-ai { grid-template-columns:1fr; min-height:0; padding:86px 20px 100px; gap:48px; }
	.template-standaardpagina_met_image .netsetup-solutions-story h2,
	.template-standaardpagina_met_image .netsetup-solutions-collaboration h2,
	.template-standaardpagina_met_image .netsetup-solutions-capabilities-heading h2,
	.template-standaardpagina_met_image .netsetup-solutions-ai h2 { margin-bottom:26px; font-size:clamp(45px,12.2vw,64px); }
	.netsetup-solutions-story-copy > p:not(.netsetup-solutions-system-label),
	.netsetup-solutions-collaboration-copy > p:not(.netsetup-solutions-system-label),
	.netsetup-solutions-ai-intro > p:not(.netsetup-solutions-system-label) { font-size:17px; }
	.netsetup-solutions-capability-grid,
	.netsetup-solutions-ai-grid { grid-template-columns:1fr 1fr; }
	.netsetup-solutions-capability,
	.netsetup-solutions-ai-grid > div { min-height:170px; padding:20px; }
	.netsetup-solutions-capability strong { font-size:19px; }
	.netsetup-solutions-ai-grid strong { font-size:16px; }
	.template-standaardpagina_met_image .netsetup-solutions-flow { min-height:0; padding:38px 20px; flex-wrap:wrap; gap:14px; justify-content:flex-start; }
	.netsetup-solutions-flow i { margin:0 3px; transform:rotate(90deg); }
	.netsetup-solutions-collaboration .netsetup-solutions-image,
	.netsetup-solutions-collaboration-copy { grid-column:1; }
	.netsetup-solutions-collaboration-copy { grid-row:1; }
	.netsetup-solutions-collaboration .netsetup-solutions-image { grid-row:2; }
	.template-standaardpagina_met_image .netsetup-solutions-contact { min-height:70svh; padding:90px 20px 120px; }
	.netsetup-solutions-contact-copy { width:100%!important; }
	.template-standaardpagina_met_image .netsetup-solutions-contact h2 { font-size:clamp(47px,12.8vw,68px); }
}

@media (max-width:480px) {
	.netsetup-solutions-system-label { font-size:12px; }
	.netsetup-solutions-index small { font-size:13px; }
	.netsetup-solutions-capability-grid,
	.netsetup-solutions-ai-grid { grid-template-columns:1fr; }
	.netsetup-solutions-capability,
	.netsetup-solutions-ai-grid > div { min-height:132px; }
	.template-standaardpagina_met_image .netsetup-solutions-flow { font-size:16px; }
}

@media (prefers-reduced-motion:reduce) {
	.netsetup-solutions-index i { transition-duration:0ms; }
}