.module-category-header{margin-bottom:2rem}.module-category-header h2{font-size:clamp(1.5rem,3vw,2rem);margin-top:.5rem}.module-category-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.3rem .9rem;border-radius:999px;border:1px solid}.module-category-badge.basis{background:#60a5fa1f;border-color:#60a5fa66;color:var(--accent-color)}.module-category-badge.uitbreiding{background:#a78bfa1f;border-color:#a78bfa66;color:var(--purple-accent)}.module-category-badge.netwerk{background:#34d3991a;border-color:#34d39959;color:var(--green-accent)}.module-category-badge.eenmalig{background:#fb923c1a;border-color:#fb923c59;color:var(--orange-accent)}.module-flow{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:2rem;padding:1.5rem;background:#1a1b2366;border:1px solid var(--border-color);border-radius:var(--radius-lg)}.mf-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;color:var(--text-secondary);font-size:.9rem}.mf-badge{font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.25rem .75rem;border-radius:999px;border:1px solid}.mf-badge.basis{background:#60a5fa26;border-color:#60a5fa66;color:var(--accent-color)}.mf-badge.uitbreiding{background:#a78bfa26;border-color:#a78bfa66;color:var(--purple-accent)}.mf-badge.netwerk{background:#34d3991f;border-color:#34d39959;color:var(--green-accent)}.mf-plus{font-size:1.5rem;color:var(--text-muted);font-weight:300}.services-grid--single{grid-template-columns:1fr!important;max-width:700px}.service-tier-badge{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.2rem .7rem;border-radius:999px;margin-bottom:1rem;background:#60a5fa1a;border:1px solid rgba(96,165,250,.3);color:var(--accent-color)}.service-tier-badge.pro{background:#34d3991a;border-color:#34d39959;color:var(--green-accent)}.service-scope-note{font-size:.82rem;color:var(--text-muted);background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.65rem .9rem;margin-bottom:1.25rem;line-height:1.5}.service-scope-note strong{color:var(--text-secondary)}.addon-row{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.addon-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#1a1b2359;border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color .2s ease}.addon-item:hover{border-color:var(--accent-color)}.addon-item>i{font-size:1.1rem;color:var(--accent-color);flex-shrink:0;width:1.5rem;text-align:center}.addon-item>div{flex:1;display:flex;flex-direction:column;gap:.15rem}.addon-item strong{color:var(--text-primary);font-size:.95rem}.addon-item span{color:var(--text-muted);font-size:.85rem}.addon-link{color:var(--accent-color);font-size:.85rem;font-weight:600;text-decoration:none;white-space:nowrap;flex-shrink:0}.addon-link:hover{text-decoration:underline}@media (max-width: 480px){.addon-item{flex-wrap:wrap}.addon-link{width:100%;text-align:right}}.compare-table-wrap{margin-top:2rem;overflow-x:auto}.compare-table{width:100%;border-collapse:collapse;font-size:.9rem}.compare-table thead tr{background:#1a1b2399}.compare-table th{padding:.75rem 1.25rem;text-align:left;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border-color)}.compare-table th:nth-child(2),.compare-table th:nth-child(3){text-align:center;color:var(--accent-color)}.compare-table td{padding:.7rem 1.25rem;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.04)}.compare-table tbody tr:hover{background:#ffffff05}.ct-yes{text-align:center;color:var(--green-accent)!important;font-size:1rem}.ct-no{text-align:center;color:var(--text-muted)!important;font-size:1rem}.ct-price-row td{font-weight:700;color:var(--text-primary)!important;background:#60a5fa0f;border-top:1px solid rgba(96,165,250,.2);border-bottom:none}.ct-price-row td:nth-child(2),.ct-price-row td:nth-child(3){text-align:center;color:var(--accent-color)!important}.mid-cta-bar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding:1.25rem 1.75rem;background:#60a5fa12;border:1px solid rgba(96,165,250,.25);border-radius:var(--radius-lg);margin:.5rem 0 3rem}.mid-cta-bar p{margin:0;color:var(--text-secondary);font-size:.95rem}.mid-cta-bar p i{color:var(--accent-color);margin-right:.4rem}.mid-cta-bar p strong{color:var(--text-primary)}.mid-cta-link{color:var(--accent-color);font-weight:600;font-size:.9rem;text-decoration:none;white-space:nowrap;border:1px solid rgba(96,165,250,.4);padding:.45rem 1rem;border-radius:999px;transition:background .2s ease}.mid-cta-link:hover{background:#60a5fa1f}.pricing-table{width:100%;border-collapse:collapse;font-size:.95rem;margin-top:1.5rem}.pricing-table thead tr{background:#60a5fa14;border-bottom:1px solid rgba(96,165,250,.25)}.pricing-table th{padding:.75rem 1rem;text-align:left;color:var(--accent-color);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.pricing-table td{padding:.75rem 1rem;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.pricing-table tbody tr:hover{background:#ffffff05}.pricing-total td{background:#60a5fa12;color:var(--text-primary)!important;border-top:1px solid rgba(96,165,250,.3);border-bottom:none}.pricing-note{margin-top:1rem;padding:.75rem 1rem;background:#34d39912;border-left:3px solid var(--green-accent);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:.875rem;color:var(--text-muted)}.pricing-note i{color:var(--green-accent);margin-right:.35rem}.pricing-note strong{color:var(--green-accent)}.tariff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1.5rem}.tariff-item{display:flex;flex-direction:column;gap:.2rem;padding:1.25rem 1.5rem;background:#1a1b2366;border:1px solid var(--border-color);border-radius:var(--radius-md)}.tariff-label{font-size:.9rem;color:var(--text-muted)}.tariff-value{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.tariff-value.tariff-green{color:var(--green-accent)}.tariff-value.tariff-orange{color:var(--orange-accent)}.tariff-note{font-size:.8rem;color:var(--text-muted)}@media (max-width: 600px){.module-flow{flex-direction:column;align-items:flex-start}.mf-step{flex-direction:row;align-items:center;text-align:left}.mf-plus{display:none}.pricing-table th:nth-child(1),.pricing-table td:nth-child(1){display:none}.pricing-table th:nth-child(3),.pricing-table td:nth-child(3){display:none}.tariff-grid{grid-template-columns:1fr}}.service-price{display:inline-flex;align-items:center;gap:.4rem;background:#60a5fa1f;border:1px solid rgba(96,165,250,.3);color:var(--accent-color);font-size:.875rem;font-weight:600;padding:.35rem .85rem;border-radius:999px;margin-bottom:1.25rem;width:fit-content}.service-price i{font-size:.75rem}.service-feature-list{list-style:none;margin:0 0 1.5rem;padding:0;display:flex;flex-direction:column;gap:.5rem;flex-grow:1}.service-feature-list li{display:flex;align-items:flex-start;gap:.6rem;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.service-feature-list li:before{content:"✓";color:var(--green-accent);font-weight:700;flex-shrink:0;margin-top:.05rem}.service-card.netwerk:hover,.service-card.netwerk:focus{border-color:var(--accent-color)}.service-card.netwerk .service-header i{color:var(--accent-color)}.service-card.vpn:hover,.service-card.vpn:focus{border-color:var(--purple-accent)}.service-card.vpn .service-header i{color:var(--purple-accent)}.service-card.backup:hover,.service-card.backup:focus{border-color:var(--green-accent)}.service-card.backup .service-header i{color:var(--green-accent)}.service-card.monitoring:hover,.service-card.monitoring:focus{border-color:var(--orange-accent)}.service-card.monitoring .service-header i{color:var(--orange-accent)}.service-card.opensource:hover,.service-card.opensource:focus{border-color:var(--pink-accent)}.service-card.opensource .service-header i{color:var(--pink-accent)}.service-card.consultancy:hover,.service-card.consultancy:focus{border-color:#22d3ee}.service-card.consultancy .service-header i{color:#22d3ee}.usp-section{margin:5rem 0}.usp-section h2{text-align:center;margin-bottom:3rem;font-size:clamp(2rem,4vw,2.5rem)}.usp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.75rem}.usp-item{display:flex;align-items:flex-start;gap:1rem;padding:1.75rem;background:#1a1b2366;border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all .3s ease}.usp-item:hover{border-color:var(--accent-color);background:#1a1b23b3;transform:translateY(-3px)}.usp-icon{font-size:1.75rem;color:var(--accent-color);flex-shrink:0;margin-top:.1rem}.usp-item h3{color:var(--text-primary);font-size:1.05rem;font-weight:600;margin-bottom:.4rem}.usp-item p{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin:0}.certifications-highlight{margin-top:1.5rem;padding:1rem 1.5rem;background:#60a5fa14;border-left:3px solid var(--accent-color);border-radius:0 var(--radius-md) var(--radius-md) 0}.certifications-highlight p{font-size:.95rem!important;margin-bottom:.25rem!important}.certifications-highlight p:last-child{color:var(--text-muted)!important;font-size:.875rem!important;margin-bottom:0!important}.faq-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.faq-item{background:#1a1b2366;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem 1.5rem;transition:border-color .2s ease}.faq-item[open]{border-color:var(--accent-color)}.faq-item summary{font-weight:600;color:var(--text-primary);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:1.25rem;color:var(--accent-color);flex-shrink:0;line-height:1}.faq-item[open] summary:after{content:"−"}.faq-item p{margin:1rem 0 0;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.faq-item p a{color:var(--accent-color);text-decoration:none}.faq-item p a:hover{text-decoration:underline}@media (max-width: 768px){.usp-grid{grid-template-columns:1fr;gap:1rem}.usp-item{padding:1.25rem}}@media (max-width: 480px){.usp-section{margin:3rem 0}.usp-grid{gap:.75rem}.usp-item{padding:1rem;gap:.75rem}.usp-icon{font-size:1.5rem}.usp-item h3{font-size:1rem}.usp-item p{font-size:.875rem}.certifications-highlight{padding:.75rem 1rem}}
