/* CADshop homepage: secties */
.cs-site.home .site-content>.ast-container,.cs-site.home #primary,.cs-site.home #content{max-width:none;width:100%;padding:0;margin:0;display:block}

.cs-sec{padding:96px 0}
.cs-head{margin-bottom:46px}
.cs-head h2{font-size:clamp(28px,3.6vw,42px)}
.cs-intro{max-width:74ch;margin-top:20px;font-size:16px;color:var(--ink-soft)}
.cs-intro strong{color:var(--ink);font-weight:500}
.cs-site .cs-intro a{color:var(--cyan-deep);border-bottom:1px solid var(--cyan-deep)}

/* Hero */
.cs-hero h1{font-size:clamp(38px,5.4vw,66px);max-width:17ch}
.cs-hero .lead{margin-top:22px;max-width:60ch;font-size:17px;color:var(--ink-soft)}
.cs-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}

/* Vertrouwensbalk */
.cs-trust{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);background:var(--paper-warm)}
.cs-trust ul{display:grid;grid-template-columns:repeat(4,1fr)}
.cs-trust li{padding:22px 24px;font-size:13.5px;color:var(--ink-soft);border-left:1px solid var(--line-strong)}
.cs-trust li:first-child{border-left:0}

/* Producten */
.cs-prod{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.cs-card{background:var(--paper);border:1px solid var(--line-strong);padding:30px;display:flex;flex-direction:column;transition:border-color .2s}
.cs-card:hover{border-color:var(--ink)}
.cs-code{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--muted);margin-bottom:16px}
.cs-card h3{font-size:21px;margin-bottom:10px}
.cs-card .d{font-size:14px;color:var(--ink-soft);margin-bottom:20px}
.cs-spec{border-top:1px solid var(--line);padding-top:16px;margin-bottom:22px}
.cs-spec li{font-size:13.5px;color:var(--ink-soft);padding:6px 0 6px 20px;position:relative}
.cs-spec li::before{content:'';position:absolute;left:0;top:17px;width:10px;height:1px;background:var(--cyan-deep)}
.cs-price{display:flex;align-items:baseline;gap:8px;border-top:1px solid var(--line);padding-top:18px;margin-top:auto}
.cs-price b{font-family:var(--mono);font-size:30px;font-weight:500}
.cs-price span{font-size:12px;color:var(--muted)}
.cs-add{margin-top:16px;padding:14px;background:rgba(0,169,224,.05);border-left:2px solid var(--cyan)}
.cs-add .r{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13.5px;font-weight:500;margin-bottom:5px}
.cs-add .n{font-size:11.5px;color:var(--muted);line-height:1.5}
.cs-card .cs-btn{margin-top:18px}

/* Flex */
.cs-flex{background:var(--paper-warm);border-top:2px solid var(--cyan);border-bottom:1px solid var(--line-strong)}
.cs-meta{max-width:80ch;padding:30px;background:var(--paper);border:1px solid var(--line-strong);margin-bottom:44px}
.cs-meta h3{font-size:22px;margin-bottom:14px}
.cs-meta p{font-size:15px;color:var(--ink-soft);margin-bottom:12px}
.cs-meta p:last-child{margin-bottom:0}
.cs-meta strong,.cs-step strong,.cs-ex strong{color:var(--ink);font-weight:500}
.cs-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:44px}
.cs-step{border-top:2px solid var(--ink);padding-top:22px}
.cs-step b{display:block;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.1em;color:var(--cyan-deep);margin-bottom:11px}
.cs-step p{font-size:14px;color:var(--ink-soft)}
.cs-step em{font-style:normal;font-family:var(--mono);font-size:12.5px;background:var(--paper-warm);border:1px solid var(--line);padding:1px 5px}
.cs-ex{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.cs-ex>div{padding:24px;background:var(--paper);border:1px solid var(--line-strong);border-left:2px solid var(--cyan)}
.cs-ex b{display:block;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan-deep);margin-bottom:11px}
.cs-ex p{font-size:14px;color:var(--ink-soft)}

/* Waarom bij ons */
.cs-why{background:var(--paper-warm);border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}
.cs-why .cs-intro{margin:0 0 44px}
.cs-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.cs-box{padding:26px;background:var(--paper);border:1px solid var(--line-strong)}
.cs-box b{display:block;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.1em;color:var(--cyan-deep);margin-bottom:12px}
.cs-box h3{font-size:17px;margin-bottom:9px}
.cs-box p{font-size:13.5px;color:var(--ink-soft)}

/* Vergelijking */
.cs-cmp{background:var(--ink);color:var(--paper)}
.cs-site .cs-cmp h2{color:var(--paper)}
.cs-cmp .cs-eyebrow{color:var(--cyan)}
.cs-cmp .acc{color:var(--cyan)}
.cs-tbl-wrap{overflow-x:auto}
.cs-tbl,.cs-tbl th,.cs-tbl td{border:0;background:transparent}
.cs-tbl{width:100%;border-collapse:collapse;font-size:14.5px;margin:0}
.cs-tbl th,.cs-tbl td{text-align:left;padding:15px 18px;border-bottom:1px solid rgba(212,207,196,.2)}
.cs-tbl th{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(250,250,247,.55);font-weight:400}
.cs-tbl th:nth-child(2),.cs-tbl td:nth-child(2){color:var(--cyan)}
.cs-tbl td:nth-child(2){font-weight:500}
.cs-tbl td:first-child{color:rgba(250,250,247,.8)}
.cs-tbl td:nth-child(3){color:rgba(250,250,247,.6)}
.cs-note{margin-top:22px;font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:rgba(250,250,247,.45)}

/* Werkwijze */
.cs-proc{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.cs-proc>div{border-top:2px solid var(--ink);padding-top:22px}
.cs-proc b{display:block;font-family:var(--mono);font-size:26px;font-weight:400;color:var(--cyan-deep);margin-bottom:12px}
.cs-proc h3{font-size:18px;margin-bottom:8px}
.cs-proc p{font-size:14px;color:var(--ink-soft)}

/* Contact */
.cs-contact{background:var(--paper-warm);border-top:1px solid var(--line-strong)}
.cs-contact .cs-w{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:start}
.cs-contact h2{font-size:clamp(26px,3.2vw,38px)}
.cs-cbox{padding:30px;background:var(--paper);border:1px solid var(--line-strong)}
.cs-cbox b{display:block;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.1em;color:var(--cyan-deep);margin-bottom:14px}
.cs-site .cs-cbox a.m{display:block;font-size:19px;font-weight:500;margin-bottom:8px;color:var(--ink)}
.cs-site .cs-cbox a.m:hover{color:var(--cyan-deep)}
.cs-cbox p{font-size:13.5px;color:var(--ink-soft)}
.cs-cbox p+p{margin-top:14px}

@media(max-width:1000px){
.cs-sec{padding:64px 0}
.cs-prod,.cs-grid4,.cs-steps,.cs-trust ul{grid-template-columns:repeat(2,1fr)}
.cs-trust li:nth-child(3){border-left:0}
.cs-proc,.cs-ex,.cs-contact .cs-w{grid-template-columns:1fr}
}
@media(max-width:620px){
.cs-prod,.cs-grid4,.cs-steps,.cs-trust ul{grid-template-columns:1fr}
.cs-trust li{border-left:0;border-top:1px solid var(--line-strong);padding:14px 0}
.cs-trust li:first-child{border-top:0}
.cs-tbl th,.cs-tbl td{padding:12px 10px;font-size:13px}
}

/* Contactformulier */
.cs-form{margin-top:32px;max-width:62ch}
.cs-form .srfm-form-container,.cs-form form{--srfm-color-scheme-primary:#0A1628;--srfm-btn-border-radius:0;--srfm-input-field-border-radius:0;font-family:var(--sans)}
.cs-form :is(input,textarea,select,.srfm-input-common,.srfm-dropdown-common,.ts-control,.iti input){border-radius:0!important;font-family:var(--sans)!important;background:var(--paper)!important;border-color:var(--line-strong)!important}
.cs-form :is(input,textarea):focus{border-color:var(--ink)!important;box-shadow:none!important;outline:2px solid var(--cyan)!important;outline-offset:0}
.cs-form label,.cs-form .srfm-block-label{font-family:var(--sans)!important;font-size:13px!important;font-weight:500!important;color:var(--ink-soft)!important}
.cs-form .srfm-required{color:var(--axis-red)}
.cs-form button[type=submit],.cs-form .srfm-submit-button{border-radius:0!important;background:var(--ink)!important;color:var(--paper)!important;font-family:var(--sans)!important;font-weight:500!important;padding:15px 26px!important;border:1px solid var(--ink)!important}
.cs-form button[type=submit]:hover,.cs-form .srfm-submit-button:hover{background:var(--cyan-deep)!important;border-color:var(--cyan-deep)!important}
.cs-form .srfm-error-message{color:var(--axis-red)}
.cs-form input[type=checkbox]{accent-color:var(--ink);border-radius:0!important}