/* ===== IT- en AI-advies (/it-en-ai-advies/), prefix ps-adv- — 14 nov 2026 ===== */

/* checklist op lichte achtergrond (ps-checks is voor donker) */
.ps-light .ps-adv-checks li{ color:#1A2233; font-size:16px; }
.ps-light .ps-adv-checks li::before{ background:rgba(21,154,72,.12); color:#159A48; }
.ps-adv-who .ps-split-text p:not(.ps-eyebrow){ font-size:17.5px; line-height:1.65; color:#2A3346; }
.ps-adv-who .ps-portrait{ max-width:440px; justify-self:end; width:100%; }

/* trechter: 4 kolommen */
.ps-adv-steps{ grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
.ps-adv-steps .ps-step-n{ font-size:64px !important; }
.ps-adv-steps .ps-step:nth-child(4) .ps-step-n{ color:#D9480F !important; }
.ps-adv-steps .ps-step h3{ font-size:24px !important; }
.ps-adv-price{ font-family:var(--ps-mono) !important; font-size:13px !important; letter-spacing:.03em; font-weight:600; color:#5B3FE0 !important; text-transform:uppercase; }
.ps-adv-steps .ps-step p:not(.ps-step-n):not(.ps-adv-price){ font-size:16px !important; }

/* dienstkaarten */
.ps-adv-cards{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:40px !important; }
.ps-adv-cards > *{ margin:0 !important; }
.ps-adv-card{ scroll-margin-top:110px; }
.ps-adv-card h3{ font-size:23px !important; letter-spacing:-.015em; }
.ps-adv-card > p{ font-size:16px !important; line-height:1.6 !important; color:#2A3346 !important; }
.ps-adv-card .ps-adv-wie{ font-size:15px !important; color:#5B6478 !important; }
.ps-adv-card .ps-adv-wie strong{ color:#1A2233; }
.ps-adv-funnel{ list-style:none; margin:4px 0 0 !important; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.ps-adv-funnel li{ margin:0; background:#F5F7FC; border:1px solid #E3E8F2; border-radius:14px; padding:10px 12px; display:flex; flex-direction:column; gap:2px; }
.ps-adv-funnel li span{ font-family:var(--ps-mono); font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:#6B7488; }
.ps-adv-funnel li b{ font-family:var(--ps-disp); font-size:19px; font-weight:800; letter-spacing:-.02em; color:#0B1020; }
.ps-adv-funnel li small{ font-size:12.5px; line-height:1.35; color:#5B6478; }
.ps-adv-funnel li:nth-child(1){ border-left:3px solid #0A6FDB; }
.ps-adv-funnel li:nth-child(2){ border-left:3px solid #7C5CFF; }
.ps-adv-funnel li:nth-child(3){ border-left:3px solid #159A48; }
.ps-adv-funnel li:nth-child(4){ border-left:3px solid #D9480F; }
.ps-adv-links{ display:flex; flex-wrap:wrap; gap:8px 20px; margin-top:auto !important; padding-top:6px; }
.ps-adv-links a{ font-weight:700; color:#0A6FDB !important; text-decoration:none; }
.ps-adv-links a:hover{ text-decoration:underline; text-underline-offset:3px; }
.ps-adv-links a.ps-adv-more{ font-weight:500; color:#5B6478 !important; }

/* prijstabel */
.ps-adv-table{ margin-top:32px !important; }
.ps-adv-table td:first-child a{ color:#0B1020 !important; font-weight:700; text-decoration:none; }
.ps-adv-table td:first-child a:hover{ color:#0A6FDB !important; }
.ps-adv-table td:not(:first-child){ white-space:nowrap; font-weight:600; }

/* aanvraag */
.ps-adv-intake{ display:grid !important; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:56px; align-items:start; }
.ps-adv-intake > *{ margin:0 !important; }
.ps-adv-intake-text{ display:flex !important; flex-direction:column; gap:18px; position:sticky; top:120px; }
.ps-adv-intake-text > *{ margin:0 !important; }
.ps-adv-intake-text p:not(.ps-eyebrow){ font-size:17px; line-height:1.6; color:#2A3346; }
.ps-adv-intake-text a{ color:#0A6FDB; font-weight:600; }
.pv-adv-form{ background:#FFFFFF; border:1px solid #E3E8F2; border-radius:22px; padding:28px; box-shadow:0 20px 50px rgba(11,16,32,.06); }
.pv-adv-form select{ width:100%; box-sizing:border-box; padding:12px 14px; border:1px solid #D5DCE8; border-radius:12px; background:#FFFFFF; font:inherit; font-size:16px; color:#0B1020; margin-bottom:14px; appearance:auto; }
.pv-adv-form select:focus{ outline:2px solid #0A6FDB; outline-offset:1px; }
#aanvraag{ scroll-margin-top:90px; }

/* afsluiter: drie knoppen netjes laten afbreken */
.ps-cta-sec .ps-btns{ flex-wrap:wrap; }

@media (max-width: 1080px){
  .ps-adv-steps{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 860px){
  .ps-adv-cards{ grid-template-columns:1fr; }
  .ps-adv-intake{ grid-template-columns:1fr; gap:28px; }
  .ps-adv-intake-text{ position:static; }
  .ps-adv-who .ps-portrait{ justify-self:start; max-width:360px; }
}
@media (max-width: 560px){
  .ps-adv-steps{ grid-template-columns:1fr !important; }
  .ps-adv-funnel{ grid-template-columns:1fr; }
  .pv-adv-form{ padding:20px; }
}