/* ZaakPagina · Taste inner-page design system (2026).
   Unified brand shell + meaningful page-specific layouts.
   No third-party fonts, trackers or runtime dependencies. */
:root{
 color-scheme:light;
 --zi-ice:#f7faff;--zi-frost:#eaf1fb;--zi-card:#fff;
 --zi-text:#101f3b;--zi-muted:#526580;--zi-muted-strong:#3e5575;
 --zi-line:#d4e2f5;--zi-navy:#0c1933;--zi-royal:#3054a5;
 --zi-soft-blue:#a9c8ff;--zi-button:#244785;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px;background:var(--zi-navy)}
body.zp-inner-page{margin:0;min-width:0;background:var(--zi-navy);color:var(--zi-text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
body.zp-inner-page :is(h1,h2,h3,p,figure,ul,ol){margin-top:0}
body.zp-inner-page a{color:inherit}
body.zp-inner-page a:focus-visible,body.zp-inner-page button:focus-visible,
body.zp-inner-page summary:focus-visible,body.zp-inner-page input:focus-visible{
 outline:3px solid #84b4ff;outline-offset:3px}
.zp-container{width:min(calc(100% - 48px),1220px);margin-inline:auto}
.zp-skip{position:absolute;left:-9999px;top:8px;background:#e9f2ff;color:#0c1933!important;padding:12px 20px;z-index:1000;font-weight:750}
.zp-skip:focus{left:12px}
.zp-inner-header{
 position:sticky;top:0;height:82px;z-index:150;
 isolation:isolate;background:#fff;border-bottom:1px solid #dfe9f7;
 box-shadow:0 10px 25px rgba(12,27,54,.055)
}
.zp-header-inner{display:flex;align-items:center;gap:26px;justify-content:space-between;height:100%;position:relative}
.zp-logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none;white-space:nowrap;flex:none}
.zp-logo img{width:40px;height:40px;object-fit:contain;border-radius:10px}
.zp-word{font-size:clamp(19px,2vw,25px);font-weight:820;letter-spacing:-.074em;color:#14233e;line-height:1}
.zp-word span{color:#4286d1}
.zp-inner-nav{display:flex;align-items:center;margin-left:auto;gap:clamp(14px,2vw,34px)}
.zp-inner-nav a{font-size:13px;text-decoration:none;font-weight:680;color:#263b5c!important;transition:color .25s cubic-bezier(.22,1,.36,1)}
.zp-inner-nav a:hover,.zp-inner-nav a[aria-current=page]{color:#2459aa!important}
.zp-header-cta{display:inline-flex;align-items:center;gap:11px;justify-content:space-between;white-space:nowrap;min-height:43px;background:#3054a5;color:#fff!important;border-radius:11px;padding:6px 8px 6px 17px;text-decoration:none;font-size:12px;font-weight:790;flex:none}
.zp-header-cta span{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:rgba(255,255,255,.13);font-size:17px}
.zp-header-cta:hover{background:#1b408d}
.zp-mobile-menu{display:none;position:relative;margin-left:0}
.zp-mobile-menu summary{width:43px;height:43px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:10px;border:1px solid #cbd9ec;cursor:pointer;list-style:none}
.zp-mobile-menu summary::-webkit-details-marker{display:none}
.zp-mobile-menu summary i{width:19px;height:2px;background:#153562;border-radius:3px}
.zp-mobile-menu nav{position:absolute;z-index:10;right:0;top:53px;width:min(300px,calc(100vw - 32px));background:#fff;border:1px solid #d4e2f5;box-shadow:0 16px 45px rgba(15,34,65,.16);border-radius:12px;padding:10px;display:flex;flex-direction:column}
.zp-mobile-menu nav a{padding:12px 13px;border-radius:8px;text-decoration:none;font-size:13px;font-weight:730;color:#1b355d}
.zp-mobile-menu nav a:hover{background:#eaf1fb}
.zp-mobile-menu nav a:last-child{background:#e6efff;color:#214c91}
.zp-inner-footer{background:#0c1933;color:#c4d2ec;padding:69px 0 24px}
.zp-footer-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:45px}
.zp-footer-ident .zp-word{color:#fff;font-size:clamp(24px,2.4vw,30px)}
.zp-footer-ident .zp-word span{color:#8dbdf7}
.zp-footer-ident .zp-logo img{background:#fff;padding:3px}
.zp-footer-ident p{margin:20px 0 0;line-height:1.8;font-size:14px;color:#bdcbe4;max-width:40ch}
.zp-footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.zp-footer-nav>div{display:flex;flex-direction:column;gap:15px}
.zp-footer-nav strong{color:#fff;font-size:13px;font-weight:780;margin-bottom:2px}
.zp-footer-nav a{font-size:12px;color:#c5d3ed!important;text-decoration:none}
.zp-footer-nav a:hover{color:#fff!important}
.zp-footer-bottom{border-top:1px solid #294161;padding-top:21px;margin-top:65px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:11px;color:#b1c0da}
body.zp-inner-page>main{display:block;background:var(--zi-ice);color:var(--zi-text);min-height:44vh}
body.zp-inner-page .wrap{width:min(calc(100% - 48px),1160px);max-width:1160px;margin-inline:auto}
body.zp-inner-page main>.page-hero,
body.zp-inner-page main .page-hero{background:#102442;color:#fff;padding:clamp(66px,7vw,105px) 0 clamp(65px,8vw,115px);position:relative;overflow:hidden}
body.zp-inner-page .page-hero:after{content:"";position:absolute;right:-130px;bottom:-240px;width:460px;height:460px;border:1px solid rgba(190,212,250,.13);border-radius:50%;box-shadow:0 0 0 75px rgba(206,226,255,.025),0 0 0 159px rgba(206,226,255,.017);pointer-events:none}
body.zp-inner-page .page-hero .wrap{position:relative;z-index:1}
body.zp-inner-page .page-hero .eyebrow{color:#c2d8fc;font-size:11px;font-weight:780;letter-spacing:.17em;text-transform:uppercase;margin-bottom:20px}
body.zp-inner-page .page-hero h1{font-weight:780;letter-spacing:-.068em;line-height:1.075;max-width:17ch;font-size:clamp(42px,6vw,79px);color:#fff;margin:0}
body.zp-inner-page .page-hero .lede{font-size:clamp(15px,1.55vw,19px);line-height:1.7;color:#d2def0;max-width:61ch;margin:21px 0 0}
body.zp-inner-page .compact-page-hero{padding-block:clamp(56px,6vw,85px)}
body.zp-inner-page .compact-page-hero h1{font-size:clamp(41px,5vw,66px)}
body.zp-inner-page .section{padding:clamp(55px,7vw,85px) 0}
body.zp-inner-page .section.white{background:var(--zi-ice)}
body.zp-inner-page .section.paper{background:var(--zi-frost)}
body.zp-inner-page .legal-section{padding-block:clamp(40px,5vw,70px) clamp(70px,7vw,100px)}
body.zp-inner-page .content-shell{max-width:1120px}
body.zp-inner-page .content-card{max-width:900px;margin:0 auto;background:var(--zi-card);border:1px solid var(--zi-line);border-radius:22px;padding:clamp(25px,5vw,65px);box-shadow:0 20px 56px rgba(24,50,89,.055)}
body.zp-inner-page .content-card .notice{
 padding:21px 25px;background:var(--zi-frost);border:1px solid var(--zi-line);
 border-left:4px solid #4972bd;border-radius:10px;color:var(--zi-muted-strong);
 font-size:13px;line-height:1.8;margin-bottom:38px
}
body.zp-inner-page .content-card h2{
 font-size:clamp(18px,2vw,25px);line-height:1.23;letter-spacing:-.035em;color:var(--zi-text);
 margin:33px 0 11px;font-weight:800
}
body.zp-inner-page .content-card h2:first-of-type{margin-top:0}
body.zp-inner-page .content-card p{color:var(--zi-muted);font-size:14px;line-height:1.9;margin:0 0 15px}
body.zp-inner-page .content-card a{color:#2e60ae!important;text-decoration:underline;text-underline-offset:3px}
body.zp-inner-page .legal-updated{border-top:1px solid var(--zi-line);padding-top:20px;margin-top:34px!important;font-size:11px!important;color:var(--zi-muted)!important}
body.zp-inner-page .legal-facts{display:grid;gap:0;margin:7px 0 15px}
body.zp-inner-page .legal-facts>div{
 display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:start;gap:22px;
 padding:18px 0;border-bottom:1px solid var(--zi-line)
}
body.zp-inner-page .legal-facts span{font-size:12px;font-weight:710;color:var(--zi-muted)}
body.zp-inner-page .legal-facts strong{font-size:14px;color:var(--zi-text);overflow-wrap:anywhere}
/* The public examples page uses the very same 4:3 case presentations as home. */
body.zp-inner-page .demo-proof,body.zp-inner-page .intake-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
body.zp-inner-page .demo-proof span,body.zp-inner-page .intake-proof span{
 background:rgba(208,224,255,.1);border:1px solid rgba(210,225,255,.27);
 border-radius:999px;color:#e0eaff;padding:7px 13px;font-size:11px;font-weight:730
}
body.zp-inner-page .section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:25px 60px;align-items:end;margin-bottom:33px}
body.zp-inner-page .section-head h2{font-size:clamp(31px,3.75vw,51px);letter-spacing:-.055em;line-height:1.15;max-width:19ch;color:var(--zi-text)}
body.zp-inner-page .section-head>p{font-size:14px;color:var(--zi-muted);line-height:1.8}
body.zp-inner-page .section-head .eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#365f9b;font-weight:770;margin-bottom:13px}
body.zp-inner-page .case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
body.zp-inner-page .case-card{background:var(--zi-card);border:1px solid var(--zi-line);border-radius:19px;overflow:hidden;text-decoration:none;color:var(--zi-text);display:flex;flex-direction:column;min-width:0;box-shadow:0 15px 42px rgba(20,43,84,.06);transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1)}
body.zp-inner-page .case-card:hover{transform:translateY(-4px);box-shadow:0 24px 55px rgba(15,39,77,.12)}
body.zp-inner-page .case-visual{aspect-ratio:4/3;overflow:hidden;background:var(--zi-frost);border-bottom:1px solid var(--zi-line)}
body.zp-inner-page .case-visual img{display:block;width:100%;height:100%;object-fit:contain}
body.zp-inner-page .case-body{display:flex;flex-direction:column;gap:0;padding:23px;flex:1}
body.zp-inner-page .case-type{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#3964a9}
body.zp-inner-page .case-body h3{font-size:clamp(19px,2vw,25px);line-height:1.22;letter-spacing:-.042em;margin:10px 0;color:var(--zi-text)}
body.zp-inner-page .case-body p{font-size:13px;line-height:1.7;color:var(--zi-muted);margin:0 0 25px;flex:1}
body.zp-inner-page .case-link{color:#2d5ba3;font-size:12px;font-weight:800}
body.zp-inner-page .demo-note{font-size:12px;color:var(--zi-muted);margin-top:23px;line-height:1.7}
body.zp-inner-page .demo-final{background:var(--zi-ice)}
body.zp-inner-page .final-card{padding:clamp(27px,5vw,52px);background:#3054a5;border-radius:20px;color:#fff}
body.zp-inner-page .final-card :is(h2,p){color:#fff}
body.zp-inner-page .final-card .eyebrow{color:#d6e5ff;letter-spacing:.15em;font-weight:790;font-size:10px;text-transform:uppercase}
body.zp-inner-page .final-card h2{font-size:clamp(30px,4vw,47px);letter-spacing:-.055em;line-height:1.15;max-width:19ch}
body.zp-inner-page .final-card p{line-height:1.8;font-size:14px;max-width:75ch}
body.zp-inner-page .final-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
body.zp-inner-page .button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:49px;padding:12px 18px;text-decoration:none;border-radius:11px;font-size:13px;font-weight:800}
body.zp-inner-page .button.blue{background:#c5d9ff;color:#183560!important}
body.zp-inner-page .button.secondary{background:transparent;color:#fff!important;border:1px solid #b9d0fb}
body.zp-inner-page .button.blue:hover{background:#eef4ff}
body.zp-inner-page .button.secondary:hover{background:rgba(255,255,255,.13)}
/* Intake is its own editorial conversion page, not an old-style embedded widget. */
body.zp-inner-page .intake-hero h1{max-width:13ch}
body.zp-inner-page .intake-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.68fr);gap:24px;align-items:start}
body.zp-inner-page .intake-card{background:var(--zi-card);padding:clamp(22px,4vw,43px);border:1px solid var(--zi-line);border-radius:20px;box-shadow:0 18px 45px rgba(16,43,82,.075)}
body.zp-inner-page .intake-card .step-label{color:#365f9e;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:790}
body.zp-inner-page .intake-card h2{font-size:clamp(25px,2.8vw,36px);line-height:1.15;letter-spacing:-.045em;margin:11px 0 25px;color:var(--zi-text)}
body.zp-inner-page .field-grid{display:grid;gap:20px}
body.zp-inner-page .field-grid.two{grid-template-columns:1fr 1fr}
body.zp-inner-page .field-grid.short-intake-bottom{margin-top:21px}
body.zp-inner-page .field{min-width:0}
body.zp-inner-page .field label{display:block;color:var(--zi-text);font-size:12px;font-weight:760;margin-bottom:8px}
body.zp-inner-page .field .tiny{color:var(--zi-muted);font-weight:520}
body.zp-inner-page .intake-card input:not([type=hidden]),
body.zp-inner-page .intake-card textarea,
body.zp-inner-page .intake-card select{
 display:block;width:100%;min-width:0;min-height:48px;
 color:var(--zi-text);background:var(--zi-ice);
 font:inherit;font-size:14px;border-radius:10px;border:1px solid #bfcfe7;padding:12px
}
body.zp-inner-page .intake-card input::placeholder{color:#64748e}
body.zp-inner-page .hp-field{display:none!important}
body.zp-inner-page .form-privacy-note,body.zp-inner-page .intake-note{font-size:12px;color:var(--zi-muted);line-height:1.7;margin:19px 0 0}
body.zp-inner-page .form-privacy-note a{color:#245baa!important;text-decoration:underline;text-underline-offset:2px}
body.zp-inner-page .intake-note strong{color:var(--zi-text)}
body.zp-inner-page .submit-intake{width:100%;background:#244b93!important;color:#fff!important;cursor:pointer;border:0!important;margin-top:20px;font-size:14px!important}
body.zp-inner-page .submit-intake:hover{background:#3868b7!important}
body.zp-inner-page .intake-side{background:var(--zi-frost);border:1px solid var(--zi-line);border-radius:18px;padding:27px;position:sticky;top:105px}
body.zp-inner-page .intake-side .eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#40659f;font-weight:800;margin-bottom:12px}
body.zp-inner-page .intake-side h2{font-size:26px;line-height:1.18;letter-spacing:-.04em;margin-bottom:22px;color:var(--zi-text)}
body.zp-inner-page .intake-side ol{list-style:none;counter-reset:zi-step;margin:0;padding:0}
body.zp-inner-page .intake-side li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;padding:15px 0;border-top:1px solid var(--zi-line);font-size:12px;line-height:1.65;color:var(--zi-muted)}
body.zp-inner-page .intake-side li:before{counter-increment:zi-step;content:counter(zi-step,decimal-leading-zero);font-size:11px;font-weight:840;color:#3e65a8}
body.zp-inner-page .intake-side li strong{display:block;font-size:12px;color:var(--zi-text);margin-bottom:4px}
body.zp-inner-page .intake-side>p{margin-top:15px;font-size:12px;line-height:1.75;color:var(--zi-muted)}
/* Thank-you page should be clear, reassuring, and useful. */
body.zp-inner-page .thanks-hero{padding:clamp(52px,7vw,105px) 0;background:var(--zi-ice)}
body.zp-inner-page .thanks-wrap{max-width:1030px}
body.zp-inner-page .thanks-card{background:var(--zi-card);border:1px solid var(--zi-line);border-radius:23px;padding:clamp(28px,5vw,65px);box-shadow:0 24px 65px rgba(20,46,87,.065)}
body.zp-inner-page .thanks-check{width:62px;height:62px;display:grid;place-items:center;background:#deebff;border-radius:18px;color:#2e58a2;font-size:31px;margin-bottom:23px}
body.zp-inner-page .thanks-card .eyebrow{font-size:10px;color:#315fa5;text-transform:uppercase;letter-spacing:.13em;font-weight:790}
body.zp-inner-page .thanks-card h1{color:var(--zi-text);font-size:clamp(37px,5vw,62px);line-height:1.12;letter-spacing:-.06em;max-width:17ch;margin:8px 0 20px}
body.zp-inner-page .thanks-lede{color:var(--zi-muted);font-size:clamp(15px,1.6vw,18px);max-width:69ch;line-height:1.75}
body.zp-inner-page .thanks-next{display:grid;gap:0;margin-top:35px}
body.zp-inner-page .thanks-next>div{display:grid;grid-template-columns:43px minmax(0,1fr);gap:12px;padding:19px 0;border-top:1px solid var(--zi-line)}
body.zp-inner-page .thanks-next b{color:#3461a8;font-size:13px}
body.zp-inner-page .thanks-next>div>span{display:flex;flex-direction:column;gap:4px}
body.zp-inner-page .thanks-next strong{font-size:15px;color:var(--zi-text)}
body.zp-inner-page .thanks-next small{font-size:12px;line-height:1.65;color:var(--zi-muted)}
body.zp-inner-page .thanks-note{background:var(--zi-frost);padding:19px 23px;border-radius:12px;font-size:13px;color:var(--zi-muted);display:flex;flex-direction:column;gap:5px;margin-top:15px}
body.zp-inner-page .thanks-note strong{color:var(--zi-text)}
body.zp-inner-page .thanks-note a{color:#2a5da5!important}
body.zp-inner-page .not-found-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}
body.zp-inner-page .not-found-actions .button.blue{background:#3054a5;color:#fff!important}
body.zp-inner-page .not-found-actions .button.secondary{border-color:#97afd5;color:#264782!important}
/* The editorial content of case studies stays untouched; only the shared shell
   is unified. Their interactive iframe/preview controls remain isolated. */
body.zp-case-page>main{background:var(--zi-ice)}
body.zp-case-page .zp-inner-header{font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
body.zp-case-page .zp-inner-footer{font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
@media(max-width:1020px){
 .zp-inner-nav{gap:14px}
 .zp-inner-nav a{font-size:12px}
 body.zp-inner-page .intake-layout{grid-template-columns:minmax(0,1fr)}
 body.zp-inner-page .intake-side{position:static;top:auto}
}
@media(max-width:880px){
 .zp-inner-nav{display:none}
 .zp-mobile-menu{display:block}
 .zp-header-inner{gap:12px}
 .zp-header-cta{margin-left:auto}
 body.zp-inner-page .section-head{grid-template-columns:1fr;gap:5px}
 body.zp-inner-page .case-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
 html{scroll-padding-top:77px}
 .zp-container,body.zp-inner-page .wrap{width:min(calc(100% - 36px),1160px)}
 .zp-inner-header{height:72px}
 .zp-logo img{width:34px;height:34px}
 .zp-word{font-size:18px}
 .zp-header-cta{font-size:11px;min-height:41px;padding:5px 6px 5px 10px;gap:7px}
 .zp-header-cta span{width:27px;height:29px}
 .zp-mobile-menu summary{width:40px;height:40px}
 .zp-mobile-menu nav{top:49px}
 .zp-inner-footer{padding-top:54px}
 .zp-footer-grid{grid-template-columns:1fr;gap:35px}
 .zp-footer-bottom{margin-top:44px}
 body.zp-inner-page main>.page-hero{padding:57px 0 65px}
 body.zp-inner-page .page-hero h1{font-size:clamp(36px,10vw,52px)}
 body.zp-inner-page .page-hero .lede{font-size:15px}
 body.zp-inner-page .section{padding:46px 0 67px}
 body.zp-inner-page .content-card{padding:25px 22px}
 body.zp-inner-page .content-card .notice{padding:17px;margin-bottom:29px}
 body.zp-inner-page .content-card h2{margin-top:27px}
 body.zp-inner-page .legal-facts>div{grid-template-columns:1fr;gap:5px}
 body.zp-inner-page .case-grid{grid-template-columns:1fr}
 body.zp-inner-page .section-head h2{font-size:36px}
 body.zp-inner-page .case-body{padding:20px}
 body.zp-inner-page .field-grid.two{grid-template-columns:1fr;gap:16px}
 body.zp-inner-page .intake-side{padding:23px}
 body.zp-inner-page .intake-card{padding:23px 19px}
 body.zp-inner-page .intake-card input:not([type=hidden]){font-size:16px}
 body.zp-inner-page .final-actions{display:grid}
 body.zp-inner-page .thanks-card{padding:26px 21px}
}
@media(max-width:359px){
 .zp-logo{gap:4px}.zp-word{font-size:16px}
 .zp-header-cta{font-size:10px}.zp-mobile-menu summary{width:38px;height:38px}
}
@media(prefers-color-scheme:dark){
 :root{
  color-scheme:dark;
  --zi-ice:#10233f;--zi-frost:#183252;--zi-card:#1c3659;
  --zi-text:#f0f6ff;--zi-muted:#c3d2e8;--zi-muted-strong:#d4e3f5;
  --zi-line:#4a678d;--zi-button:#a8c9ff
 }
 .zp-inner-header{background:#10203b;border-color:#304d73;box-shadow:0 10px 26px rgba(3,12,28,.25)}
 .zp-word{color:#f6f9ff}.zp-word span{color:#a8ccff}
 .zp-inner-nav a{color:#e2ecff!important}
 .zp-inner-nav a[aria-current=page],.zp-inner-nav a:hover{color:#c7ddff!important}
 .zp-header-cta{background:#3c64ac}
 .zp-header-cta:hover{background:#517ac5}
 .zp-mobile-menu summary{background:#1b3458;border-color:#4b6a94}
 .zp-mobile-menu summary i{background:#e1ecff}
 .zp-mobile-menu nav{background:#1a3455;border-color:#5677a0}
 .zp-mobile-menu nav a{color:#e6efff}
 .zp-mobile-menu nav a:last-child{background:#365b91;color:#fff}
 body.zp-inner-page .page-hero{background:#0e1f3b}
 body.zp-inner-page .section-head .eyebrow{color:#bad3ff}
 body.zp-inner-page .case-type{color:#b3d0ff}
 body.zp-inner-page .case-link{color:#c7dfff}
 body.zp-inner-page .demo-note{color:#c5d7ee}
 body.zp-inner-page .final-card{background:#3054a5}
 body.zp-inner-page .content-card .notice{border-left-color:#a3c4ff}
 body.zp-inner-page .content-card a{color:#bbd7ff!important}
 body.zp-inner-page .intake-card .step-label{color:#c4d9ff}
 body.zp-inner-page .intake-card input:not([type=hidden]),body.zp-inner-page .intake-card textarea{border-color:#6580a5}
 body.zp-inner-page .intake-card input::placeholder{color:#b1c5de}
 body.zp-inner-page .form-privacy-note a{color:#bdd7ff!important}
 body.zp-inner-page .intake-side .eyebrow{color:#c9ddff}
 body.zp-inner-page .submit-intake{background:#a7c7ff!important;color:#122848!important}
 body.zp-inner-page .submit-intake:hover{background:#d7e5ff!important}
 body.zp-inner-page .thanks-note a{color:#c8deff!important}
 body.zp-inner-page .not-found-actions .button.secondary{color:#d8e8ff!important}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 body.zp-inner-page .case-card{transition:none}
}

/* Compact mobile header: no horizontal scroll, and truly hidden closed menus. */
.zp-mobile-menu:not([open]) nav{display:none}
@media(max-width:880px){
 .zp-header-cta{font-size:0;gap:7px;padding:5px 7px 5px 11px}
 .zp-header-cta::before{content:"Aanvragen";font-size:11px;font-weight:790;line-height:1.35}
 .zp-header-cta span{font-size:17px}
 .zp-header-inner{min-width:0}
}
@media(max-width:359px){
 .zp-header-cta::before{font-size:10px}
 .zp-logo .zp-word{font-size:16px}
}

/* The narrowest 320px phones need a reduced header gap. */
@media(max-width:359px){.zp-header-inner{gap:3px}.zp-header-cta{padding-inline:6px}.zp-logo{gap:3px}}
/* Not-found page: the same premium depth instead of a legacy dead-end screen. */
body.zp-inner-page .not-found{background:var(--zi-ice);padding:clamp(60px,9vw,130px) 0}
body.zp-inner-page .not-found-card{max-width:820px;background:var(--zi-card);border:1px solid var(--zi-line);border-radius:23px;padding:clamp(28px,6vw,70px);box-shadow:0 20px 48px rgba(10,35,77,.075)}
body.zp-inner-page .not-found-card .eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#3c67ad;font-weight:800;margin-bottom:19px}
body.zp-inner-page .not-found-card h1{font-size:clamp(38px,6vw,66px);line-height:1.07;letter-spacing:-.06em;color:var(--zi-text);margin-bottom:20px}
body.zp-inner-page .not-found-card>p{font-size:16px;line-height:1.7;color:var(--zi-muted);max-width:58ch}
body.zp-inner-page .not-found-actions{gap:11px}

/* Taste · case-study editorial shell. Case screen mockups remain individually
   branded, but explanatory ZaakPagina content uses consistent blue contrast. */
.zp-header-inner .zp-word>span{color:#245b9e}
body.zp-inner-page .submit-intake.button.blue{color:#fff!important}
body.zp-case-page>main{background:#f7faff;color:#152948}
body.zp-case-page .hero{background:#102341;color:#f6f9ff}
body.zp-case-page .hero-grid>div:first-child h1{color:#fff}
body.zp-case-page .hero-grid>div:first-child h1 em{color:#bcd5ff}
body.zp-case-page .hero-grid>div:first-child>.kicker{color:#c0d7ff}
body.zp-case-page .hero-grid>div:first-child>p{color:#d2e0f2}
body.zp-case-page .meta-row .meta{background:#264775;color:#edf5ff;border-color:#496a98}
body.zp-case-page .preview{background:#eaf1fb;color:#152948}
body.zp-case-page .preview-head .kicker{color:#385f9b}
body.zp-case-page .preview-head h2{color:#152948}
body.zp-case-page .preview-head p{color:#455e7f}
body.zp-case-page .frame-tools{background:#18385f;color:#edf5ff}
body.zp-case-page .frame-tools p,body.zp-case-page .frame-tools strong{color:#edf5ff}
body.zp-case-page .frame-tools .frame-continue{background:#c3d9ff;color:#18385f;border-radius:8px}
body.zp-case-page .frame-tools .frame-continue:hover{background:#e0ecff}
body.zp-case-page .window .bar{background:#e3ecfa;color:#203e6b}
body.zp-case-page .window .bar .url{color:#264369}
body.zp-case-page .preview-foot p{color:#415976}
body.zp-case-page .preview-foot .button.secondary{background:#3054a5;color:#fff!important;border-color:#3054a5}
body.zp-case-page .compact,
body.zp-case-page .choices{background:#f8faff;color:#152948}
body.zp-case-page .section-head .kicker{color:#3d6299}
body.zp-case-page .section-head h2{color:#152948}
body.zp-case-page .section-head p{color:#4f617b}
body.zp-case-page .choice{background:#fff;border-color:#c9d9ed;color:#152948}
body.zp-case-page .choice-title strong{color:#152948}
body.zp-case-page .choice-title span{color:#4c617f}
body.zp-case-page .choice-body p{color:#455c7b}
body.zp-case-page .sales-bridge{background:#eaf1fb;color:#142948}
body.zp-case-page .sales-card{background:#fff;color:#142948;border:1px solid #d3e0f2;clip-path:none;border-radius:22px}
body.zp-case-page .sales-copy .kicker{color:#395f9a}
body.zp-case-page .sales-copy h2{color:#142948}
body.zp-case-page .sales-copy p{color:#4a5f7b}
body.zp-case-page .process>strong{color:#193458}
body.zp-case-page .process div span{color:#45617e}
body.zp-case-page .sales-points>div strong{color:#193459}
body.zp-case-page .sales-points>div span{color:#4a5f7b}
body.zp-case-page .final{background:#102341;color:#fff}
body.zp-case-page .final-card{background:#3054a5;color:#fff;clip-path:none;border-radius:22px}
body.zp-case-page .final-card .kicker,body.zp-case-page .final-card h2,body.zp-case-page .final-card p{color:#fff}
body.zp-case-page .final-card .button{color:#193960!important;background:#d3e3ff}
body.zp-case-page .final-card .button.secondary{color:#fff!important;background:transparent;border:1px solid #b5cef5}
@media(prefers-color-scheme:dark){
 body.zp-inner-page .thanks-card .eyebrow,body.zp-inner-page .thanks-next b{color:#bbd6ff}
 body.zp-case-page>main{background:#0f223d;color:#e5edfb}
 body.zp-case-page .hero{background:#102341}
 body.zp-case-page .preview{background:#142c4b;color:#edf4ff}
 body.zp-case-page .preview-head h2{color:#fff}
 body.zp-case-page .preview-head .kicker{color:#b9d5ff}
 body.zp-case-page .preview-head p{color:#c9d9ed}
 body.zp-case-page .preview-foot p{color:#c6d7ed}
 body.zp-case-page .compact,body.zp-case-page .choices{background:#102640;color:#f0f6ff}
 body.zp-case-page .section-head .kicker{color:#bdd6ff}
 body.zp-case-page .section-head h2{color:#f6f9ff}
 body.zp-case-page .section-head p{color:#c8d9ed}
 body.zp-case-page .choice{background:#213d61;border-color:#496d96;color:#f2f8ff}
 body.zp-case-page .choice-title strong{color:#fff}
 body.zp-case-page .choice-title span,body.zp-case-page .choice-body p{color:#d0def0}
 body.zp-case-page .sales-bridge{background:#10243f;color:#f2f7ff}
 body.zp-case-page .sales-card{background:#1e395c;border-color:#4b6a94;color:#f2f7ff}
 body.zp-case-page .sales-copy .kicker{color:#bcd6ff}
 body.zp-case-page .sales-copy h2{color:#fff}
 body.zp-case-page .sales-copy p{color:#d0e0f3}
 body.zp-case-page .process>strong,body.zp-case-page .sales-points>div strong{color:#fff}
 body.zp-case-page .process div span,body.zp-case-page .sales-points>div span{color:#ccddf2}
}

/* Final selector precedence after legacy case CSS and the inner-page base. */
@media(prefers-color-scheme:dark){
 .zp-inner-header .zp-word>span{color:#acd0ff}
 body.zp-inner-page .submit-intake.button.blue{background:#a7c7ff!important;color:#142a49!important}
}

/* Case-engine legacy rules use !important: intentionally override only their
   explanatory ZaakPagina text, never the embedded /example/ websites. */
body.zp-case-page{padding-top:0!important}
body.zp-case-page .hero-grid>div:first-child>.kicker{color:#c9deff!important}
body.zp-case-page .preview-head .kicker{color:#315d9c!important}
body.zp-case-page .preview-foot p{color:#405d7e!important}
body.zp-case-page .section-head .kicker{color:#325d9e!important}
body.zp-case-page .choice-num{color:#27599c}
body.zp-case-page .choice-title span{color:#445d7b!important}
body.zp-case-page .sales-copy .kicker{color:#35609c!important}
body.zp-case-page .sales-points span,
body.zp-case-page .process span{color:#455d7b!important}
body.zp-case-page .frame-tools{top:84px!important}
body.zp-case-page .frame-tools .frame-continue{background:#c5dcff!important;color:#183658!important}
@media(max-width:560px){body.zp-case-page .frame-tools{top:74px!important}}
@media(prefers-color-scheme:dark){
 body.zp-case-page .preview-head .kicker{color:#bdd6ff!important}
 body.zp-case-page .preview-foot p{color:#d2e0f2!important}
 body.zp-case-page .section-head .kicker{color:#bed7ff!important}
 body.zp-case-page .choice-num{color:#bad3ff}
 body.zp-case-page .choice-title span{color:#d3e2f5!important}
 body.zp-case-page .sales-copy .kicker{color:#c3dcff!important}
 body.zp-case-page .sales-points span,
 body.zp-case-page .process span{color:#cfe0f2!important}
}

/* Taste: case-study navigation around intentionally unchanged example sites.
 * Helpful keyboard route rather than injecting fixes into /example/**. */
body.zp-case-page .case-preview-instructions{
  color:#34547c!important;
  font-size:12px;line-height:1.65;
  margin:0 0 10px;max-width:80ch;
}
body.zp-case-page .case-preview-skip{
  display:inline-flex;align-items:center;gap:7px;
  margin:0 0 19px;color:#215295!important;
  text-decoration:underline;text-underline-offset:4px;
  font-size:12px;font-weight:750;line-height:1.4;
}
body.zp-case-page .case-preview-skip:focus-visible{
  outline:3px solid #759fe7;outline-offset:4px;border-radius:4px;
}
body.zp-case-page .stage:focus-within{
  outline:2px solid #729cdf;outline-offset:3px;
}
@media(prefers-color-scheme:dark){
  body.zp-case-page .case-preview-instructions{color:#c8dbf3!important}
  body.zp-case-page .case-preview-skip{color:#c7dfff!important}
  body.zp-case-page .stage:focus-within{outline-color:#b1cfff}
}
@media(max-width:680px){
  body.zp-case-page .case-preview-instructions{font-size:12px}
  body.zp-case-page .case-preview-skip{margin-bottom:15px}
}

/* QA 2026-10-11: WCAG text contrast on inactive mockup viewport toggles.
   Keep the switch's existing case-specific background and active styling. */
body.zp-case-page .preview .switch button[data-view="mobile"]:not(.active),
body.zp-case-page .preview .switch button[data-view="desktop"]:not(.active){
 color:#263a54!important;
}
/* The Robin project teaser is illustrative content; use readable dark ink
   instead of white on its orange accent. */
body.zp-case-page .workcopy .workbtn{
 color:#17201c!important;
}
@media(prefers-color-scheme:dark){
 body.zp-inner-page .not-found-card .eyebrow{color:#bfd6ff!important}
 body.zp-case-page .preview .switch button[data-view="mobile"]:not(.active),
 body.zp-case-page .preview .switch button[data-view="desktop"]:not(.active){
  color:#263a54!important;
 }
}