.services-hero{padding-bottom:44px}.services-hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:95px;align-items:center}.services-hero h1{font-size:64px;margin-bottom:19px}.services-hero .page-intro{max-width:530px;font-size:18px}.services-promise{border-left:1px solid #d1eef7;padding-left:40px}.services-promise h2{font-size:27px;line-height:1.25;letter-spacing:-.5px;margin:15px 0 10px}.services-promise p{color:var(--text);max-width:340px;font-size:16px;line-height:1.6;margin-bottom:15px}.services-promise .text-link{white-space:normal}.promise-symbol{display:grid;place-items:center;width:51px;height:51px;border-radius:14px;color:#87c32e;background:#e4f4e9}.promise-symbol svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.services-showcase{padding:49px 0 55px;background:#fff}.catalog-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.catalog-heading h2{font-size:31px;margin-bottom:0}.catalog-heading>p{color:var(--text);font-size:14px;margin:0;line-height:1.6}.solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.solution-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;position:relative;border:1px solid #e1ecf2;border-radius:20px;background:linear-gradient(145deg,#f9fcfe,#fff);padding:27px;color:var(--ink);min-height:308px;transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden}.solution-card:hover{transform:translateY(-4px);border-color:#9adaf3;box-shadow:0 12px 30px #1c678a13}.solution-card.featured{grid-column:span 2;background:linear-gradient(125deg,#094258,#086d95);color:white;border:0;padding:31px}.solution-card.featured:after{content:'';position:absolute;width:320px;height:320px;right:-110px;top:-120px;border:45px solid #ffffff05;border-radius:50%;pointer-events:none}.solution-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.solution-icon{width:48px;height:48px;border-radius:13px;background:#e4f3fa;color:#0aa1dd;display:grid;place-items:center;flex-shrink:0}.solution-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.solution-category{font-size:11px;font-weight:600;color:#7b8c98;letter-spacing:.4px}.solution-title{font-size:24px;font-weight:650;letter-spacing:-.5px;line-height:1.3;display:block;margin-bottom:10px}.solution-summary{font-size:15px;color:var(--text);line-height:1.55;display:block;margin-bottom:18px;max-width:490px}.solution-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:24px}.solution-tags>span{font-size:11px;padding:4px 8px;color:#637b8a;background:#edf5f9;border-radius:5px}.solution-open{margin-top:auto;display:flex;align-items:center;justify-content:space-between;color:var(--blue);font-size:13px;font-weight:650;border-top:1px solid #e6eef3;padding-top:15px}.solution-open svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5}.featured .solution-icon{background:#ffffff17;color:#71cbe6}.featured .solution-category{color:#9dd4ea}.featured .solution-title{font-size:33px}.featured .solution-summary{color:#cce7f1;font-size:17px}.featured .solution-tags>span{color:#dbf2f4;background:#ffffff11}.featured .solution-open{color:#c3e58f;border-color:#ffffff24}.solution-advice{border-radius:20px;border:1px dashed #d8eeb6;background:linear-gradient(135deg,#f2f9f5,#f5fafc);padding:28px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.solution-advice h3{font-size:25px;line-height:1.3;letter-spacing:-.4px;margin:5px 0 12px}.solution-advice p{color:var(--text);font-size:15px;line-height:1.6;margin:0 0 22px}.solution-advice .button{font-size:13px;padding:12px 20px}.services-process{background:#f6fbfe;padding-top:45px;padding-bottom:45px}.services-process h2{font-size:31px}.services-process .process-grid{margin-top:23px}.services-process .process-grid h3{font-size:20px}dialog.service-dialog{width:min(820px,calc(100% - 36px));padding:38px}.service-dialog .eyebrow{margin-bottom:9px}.service-dialog h2{font-size:33px;margin-bottom:14px}.service-modal-intro{font-size:17px;line-height:1.65;max-width:690px;margin-top:0}.service-modal-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:25px;margin-top:26px}.service-modal-grid h3{font-size:19px;margin-bottom:18px}.service-work{display:grid;gap:17px}.service-work>div{display:flex;gap:12px}.service-work .work-check{display:grid;place-items:center;flex-shrink:0;background:#e8f6ed;color:#85bf2d;border-radius:50%;width:23px;height:23px;font-size:14px;margin-top:1px}.service-work b{font-size:15px;font-weight:600}.service-work p{font-size:14px;margin:4px 0 0;line-height:1.55}.service-outcome{padding:23px;border-radius:15px;background:linear-gradient(130deg,#eff8f4,#eff7fb);align-self:start}.service-outcome ul{padding:0;list-style:none;margin:0;line-height:1.55}.service-outcome li{font-size:14px;position:relative;padding-left:20px;margin-bottom:13px}.service-outcome li:before{content:'✓';color:#8ecc30;position:absolute;left:0;font-weight:bold}.service-outcome li:last-child{margin:0}.service-approach{margin-top:28px;padding-top:22px;border-top:1px solid #e1eaf0}.service-approach h3{font-size:18px;margin-bottom:9px}.service-approach p{margin:0;font-size:14px;line-height:1.65}.service-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px}.service-modal-footer .button{margin:0}.service-modal-footer>span{color:var(--text);font-size:12px}
@media(max-width:1050px){.services-hero-grid{gap:40px}.solutions-grid{gap:18px}.solution-card{padding:23px}.solution-category{font-size:10px}.catalog-heading h2{font-size:28px}.solution-title{font-size:23px}.solution-advice{padding:23px}.solution-advice h3{font-size:23px}}
@media(max-width:760px){.services-hero-grid{grid-template-columns:1fr;gap:28px}.services-hero h1{font-size:48px}.services-hero .page-intro{font-size:17px}.services-promise{border-left:0;border-top:1px solid #d1eef7;padding:23px 0 0;display:grid;grid-template-columns:45px 1fr;column-gap:15px}.promise-symbol{width:45px;height:45px;grid-row:span 3}.services-promise h2{margin:0 0 7px;font-size:23px}.services-promise h2 br{display:none}.services-promise p{margin:0 0 10px;font-size:14px}.services-promise .text-link{padding:0;grid-column:2;font-size:12px}.services-showcase{padding:35px 0}.catalog-heading{display:block;margin-bottom:24px}.catalog-heading h2{font-size:28px}.catalog-heading>p{margin-top:13px}.catalog-heading>p br{display:none}.solutions-grid{grid-template-columns:repeat(2,1fr);gap:14px}.solution-card.featured{grid-column:span 2;min-height:280px;padding:25px}.solution-card{padding:20px;min-height:320px}.solution-top{display:block;margin-bottom:15px}.solution-category{display:block;font-size:10px;margin-top:12px;min-height:15px}.solution-title{font-size:21px}.solution-summary{font-size:14px}.solution-icon{width:43px;height:43px}.solution-tags{gap:5px;margin-bottom:20px}.solution-tags>span{font-size:10px;padding:3px 6px}.solution-open{font-size:12px;gap:5px}.solution-open svg{width:18px;flex-shrink:0}.featured .solution-top{display:flex}.featured .solution-category{margin:0}.featured .solution-title{font-size:29px}.featured .solution-summary{font-size:16px}.solution-advice{grid-column:span 2;padding:25px}.solution-advice h3 br{display:none}.solution-advice h3{font-size:24px}.services-process h2{font-size:28px}dialog.service-dialog{padding:30px 23px}.service-dialog h2{font-size:28px}.service-modal-intro{font-size:15px}.service-modal-grid{grid-template-columns:1fr;gap:23px}.service-outcome{padding:20px}.service-modal-footer{align-items:flex-start;flex-direction:column;gap:12px}.service-modal-footer .button{font-size:13px}}
@media(max-width:430px){.solutions-grid{grid-template-columns:1fr}.solution-card.featured,.solution-advice{grid-column:auto}.solution-card{min-height:290px}.solution-top{display:flex}.solution-category{margin:0;font-size:11px}.solution-title{font-size:25px}.solution-summary{font-size:15px}.solution-tags>span{font-size:11px}.solution-open{font-size:13px}}

/* Kleurverloop: elke dienst een eigen tint, van Solus-blauw naar Solus-groen in leesvolgorde */
/* Kleuren per dienst: zie brand.css */
.solution-card:not(.featured) .solution-icon{background:var(--accent-soft);color:var(--accent);transition:background .2s,color .2s}
.solution-card:not(.featured) .solution-tags>span{background:color-mix(in srgb,var(--accent) 8%,white);color:var(--accent-ink)}
.solution-card:not(.featured) .solution-open{color:var(--accent-ink)}
.solution-card:not(.featured):before{content:'';position:absolute;left:0;right:0;top:0;height:4px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.solution-card:not(.featured):hover{border-color:color-mix(in srgb,var(--accent) 45%,white)}
.solution-card:not(.featured):is(:hover,:focus-visible):before{transform:scaleX(1)}
.solution-card:not(.featured):is(:hover,:focus-visible) .solution-icon{background:var(--accent);color:#fff}
@media(prefers-reduced-motion:reduce){.solution-card:before,.solution-card .solution-icon{transition:none}}