/* premium-home.css */
/* ZaakPagina premium B2B homepage — isolated; demo, example and legal styles untouched. */
:root{--forest:#3054A5;--forest-deep:#101F3B;--text:#101F3B;--muted:#65738C;--cream:#F7F9FD;--paper:#fff;--sage:#ECF0F9;--line:#DAE2F0;--lime:#AFC6FF;--soft:#F2F5FC;--wrap:1240px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;color:var(--text);background:#F7F9FD;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;min-width:320px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.09;letter-spacing:-.046em}h1,h2{font-weight:750}p{max-width:67ch}::selection{background:#AFC6FF;color:#101F3B}:focus-visible{outline:3px solid #7A9CE0;outline-offset:4px}summary{cursor:pointer}.container{width:min(calc(100% - 44px),var(--wrap));margin-inline:auto}.skip-link{position:fixed;z-index:900;top:10px;left:10px;padding:12px 18px;background:white;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}
.masthead{height:84px;background:#fff;position:relative;z-index:20;border-bottom:1px solid #E8EDF5}.masthead-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;text-decoration:none}.brand img{width:102px;height:62px;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:clamp(18px,2vw,38px);margin-left:auto}.desktop-nav a{font-size:13px;font-weight:650;text-decoration:none;transition:color .2s}.desktop-nav a:hover{color:#4F6BAF}.nav-cta{display:flex;align-items:center;gap:20px;padding:13px 17px 13px 20px;background:var(--forest);color:#fff;text-decoration:none;font-weight:700;font-size:13px;border-radius:6px;transition:background .2s}.nav-cta:hover{background:#24458F}.nav-cta span{font-size:19px;font-weight:400}.mobile-menu{display:none}
.hero{background:var(--forest-deep);color:#fff}.hero-layout{min-height:655px;display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);max-width:1680px;margin:0 auto}.hero-copy{padding:clamp(62px,7.4vw,106px) clamp(30px,5.2vw,95px) 66px max(26px,calc((100vw - var(--wrap))/2));display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.eyebrow{font-size:11px;line-height:1.4;letter-spacing:.18em;text-transform:uppercase;color:#4563AA;font-weight:800;margin-bottom:21px}.eyebrow-light{color:var(--lime);display:flex;align-items:center;gap:12px}.eyebrow-line{height:1px;width:27px;background:currentColor}.hero h1{font-size:clamp(49px,5.25vw,92px);max-width:10.5ch;line-height:1.025;letter-spacing:-.065em}.hero h1 em{font-style:normal;color:var(--lime)}.hero-intro{font-size:clamp(15px,1.2vw,18px);line-height:1.75;color:#D6E1F6;max-width:48ch;margin-top:28px}.hero-buttons{display:flex;flex-wrap:wrap;gap:17px 24px;align-items:center;margin-top:34px}.button{min-height:55px;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;border:0;border-radius:6px;padding:8px 8px 8px 23px;text-decoration:none;font-size:14px;font-weight:750;white-space:nowrap;transition:transform .2s cubic-bezier(.22,1,.36,1),background .2s}.button:hover{transform:translateY(-2px)}.button:active{transform:scale(.98)}.button-ice{background:var(--lime);color:var(--forest-deep)}.button-ice:hover{background:#C8D9FF}.button-arrow{width:39px;height:39px;border-radius:4px;background:rgba(16,31,59,.10);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:400}.hero-secondary{font-size:13px;font-weight:700;display:inline-flex;gap:10px;align-items:center;color:#fff;text-decoration:none;border-bottom:1px solid #7A90B7;padding:12px 0}.hero-secondary span{font-size:21px}.hero-meta{margin-top:48px;padding-top:22px;border-top:1px solid #415579;width:100%;display:flex;align-items:center;gap:23px}.hero-meta strong{font-size:28px;letter-spacing:-.05em;white-space:nowrap}.hero-meta small{font-size:12px;letter-spacing:0;font-weight:500;color:#D7E0F8}.hero-meta>span{font-size:12px;color:#CBD8F3}.hero-visual{min-width:0;position:relative;overflow:hidden;background:#566FB0}.hero-visual picture,.hero-visual img{height:100%;width:100%;display:block}.hero-visual img{object-fit:cover}.hero-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(16,31,59,.10),transparent 26%)}.visual-note{position:absolute;z-index:2;bottom:22px;right:24px;color:#fff;background:rgba(16,31,59,.72);padding:8px 12px;border-radius:3px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.hero-aside{max-width:1680px;margin:auto;display:flex;justify-content:space-between;gap:20px;padding:12px max(26px,calc((100vw - var(--wrap))/2));border-top:1px solid #3C527D;color:#C4D2EC;font-size:11px;letter-spacing:.035em}
.assurance{background:#fff;border-bottom:1px solid var(--line)}.assurance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:25px}.assurance-grid span{display:flex;align-items:center;gap:20px;justify-content:center;border-right:1px solid var(--line);font-size:13px;font-weight:700}.assurance-grid span:first-child{justify-content:flex-start}.assurance-grid span:last-child{border-right:0;justify-content:flex-end}.assurance-grid b{font-size:11px;color:#6482C9;letter-spacing:.05em}
.section-pad{padding:clamp(75px,9vw,130px) 0}.section-intro{margin-bottom:42px}.intro-split{display:grid;grid-template-columns:1.35fr .65fr;gap:8vw;align-items:end}.section-intro h2,.approach h2,.craft h2,.offer h2,.about h2,.faq h2{font-size:clamp(36px,4.2vw,65px)}.section-intro h2 span,.craft h2 span,.offer h2 span,.about h2 span{color:#708BD0}.section-intro>p{font-size:16px;line-height:1.8;color:var(--muted);padding-bottom:5px}.work{background:var(--paper)}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.work-card{min-width:0}.work-card a{text-decoration:none;display:block}.work-image{height:clamp(260px,32vw,360px);position:relative;overflow:hidden;background:var(--sage);border-radius:4px}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1)}.work-card:hover img{transform:scale(1.055)}.work-index{position:absolute;top:16px;left:16px;background:rgba(255,255,255,.94);font-size:10px;font-weight:800;letter-spacing:.12em;padding:9px 11px}.work-caption{display:flex;align-items:center;justify-content:space-between;padding:20px 3px;gap:14px}.work-caption h3{font-size:21px;letter-spacing:-.035em}.work-caption p{font-size:12px;color:var(--muted);margin-top:6px}.round-arrow{width:42px;height:42px;border:1px solid #D8E1F0;border-radius:50%;display:grid;place-items:center;font-size:23px;line-height:1;transition:background .2s,color .2s}.work-card:hover .round-arrow{background:var(--forest);color:#fff}.example-disclosure,.image-disclosure{color:#7987A4;font-size:12px;line-height:1.5;margin-top:18px}
.statement{background:#E9EEFA;padding:64px 0}.statement-inner{display:grid;grid-template-columns:55px 1fr;align-items:start;gap:28px}.statement-dot{display:block;width:34px;height:34px;border-radius:50%;background:#B1C6EF;margin-top:9px;box-shadow:inset 0 0 0 11px #E9EEFA;outline:1px solid #96B0E4}.statement p{font-size:clamp(26px,3.2vw,45px);font-weight:450;max-width:34ch;line-height:1.3;letter-spacing:-.046em}.statement strong{font-weight:750;color:#3054A5}
.approach{background:#F9FAFE}.approach-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,11vw,165px)}.approach-intro>p:not(.eyebrow){color:var(--muted);font-size:16px;margin:25px 0 30px;line-height:1.8}.underlined-link{display:inline-flex;gap:20px;align-items:center;color:var(--forest);font-weight:750;font-size:14px;text-decoration:none;border-bottom:1px solid #9BB3DC;padding-bottom:9px}.underlined-link span{font-size:22px;font-weight:400}.approach-steps{list-style:none;margin:0;padding:0}.approach-steps li{display:grid;grid-template-columns:44px 1fr;gap:17px;border-top:1px solid #D9E2F0;padding:26px 0 30px}.approach-steps li:last-child{border-bottom:1px solid #D9E2F0}.step-number{font-size:12px;color:#6C84BD;font-weight:750}.approach-steps h3{font-size:23px}.approach-steps p{margin-top:10px;font-size:14px;color:var(--muted);line-height:1.8}
.craft{background:#fff}.craft-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(35px,8vw,140px);align-items:center}.craft-images{height:550px;position:relative}.craft-primary{position:absolute;inset:0 15% 10% 0;overflow:hidden;border-radius:3px}.craft-secondary{position:absolute;right:0;bottom:0;width:42%;height:43%;overflow:hidden;border:8px solid #fff}.craft-images img{width:100%;height:100%;object-fit:cover}.craft-copy h2{max-width:14ch}.craft-copy>p:not(.eyebrow){margin-top:27px;font-size:15px;line-height:1.85;color:var(--muted)}.craft-copy>.image-disclosure{font-size:11px;margin-top:20px}
.offer{background:var(--sage)}.offer-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(45px,10vw,155px);align-items:start}.offer-copy>p:not(.eyebrow){margin-top:23px;line-height:1.8;color:#6B7890}.offer-list{margin:30px 0 0;padding:0;list-style:none;display:grid;gap:0}.offer-list li{padding:12px 0 12px 30px;border-bottom:1px solid #D9E2F0;position:relative;font-size:15px;font-weight:550}.offer-list li:before{content:"✓";position:absolute;left:0;color:#3054A5;font-weight:900}.offer-copy>.offer-note{font-size:12px!important;margin-top:19px!important;color:#7B88A3!important}
.pricing-card{padding:clamp(25px,3vw,43px);background:#fff;border-radius:5px;box-shadow:0 15px 55px rgba(16,31,59,.06)}.price-eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#4F69AE}.pricing-card h3{font-size:clamp(22px,2.2vw,31px);line-height:1.25;max-width:14ch;margin:15px 0 24px}.price{display:flex;align-items:center;gap:18px;padding-bottom:25px;border-bottom:1px solid var(--line)}.price strong{font-size:clamp(67px,7vw,92px);letter-spacing:-.09em;line-height:1}.price span{font-size:13px;color:var(--muted);line-height:1.5}.bonus{background:#EAF0FF;border-left:3px solid #7A9CE0;padding:18px 20px;margin:26px 0 14px}.bonus-kicker{display:block;color:#3054A5;font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:10px;margin-bottom:7px}.bonus strong{font-size:16px;display:block}.bonus p{font-size:12px;color:#526BA2;line-height:1.7;margin-top:7px}.button-dark{background:var(--forest);color:#fff;width:100%}.button-dark:hover{background:#24458F}.button-dark .button-arrow{background:#4968B9}.price-footnote{text-align:center;font-size:12px;color:#71809B;margin:11px 0 27px;max-width:none}.pricing-extras{border-top:1px solid var(--line)}.pricing-extras p{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px;color:#677A98}.pricing-extras strong{white-space:nowrap;color:var(--text);font-size:12px}
.about{background:#fff}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(55px,10vw,160px)}.about-layout h2{max-width:13ch}.about-layout>div:nth-child(2) p{margin-bottom:17px;color:var(--muted);font-size:16px;line-height:1.85}.about-layout .underlined-link{margin-top:17px}.faq{background:#F9FAFE;border-top:1px solid var(--line)}.faq-layout{display:grid;grid-template-columns:.65fr 1fr;gap:12%}.faq-items{border-top:1px solid var(--line)}.faq-items details{border-bottom:1px solid var(--line)}.faq-items summary{padding:23px 32px 23px 0;font-size:16px;font-weight:700;list-style:none;position:relative}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary:after{content:"+";position:absolute;right:3px;top:18px;font-size:25px;font-weight:300}.faq-items details[open] summary:after{content:"−"}.faq-items details p{font-size:14px;color:var(--muted);line-height:1.8;padding:0 30px 25px 0}
.closing{background:var(--forest);color:#fff;padding:76px 0}.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.closing h2{font-size:clamp(35px,4.5vw,63px);max-width:16ch}.closing .button{flex-shrink:0}.footer{background:#0F1D38;color:#E2E9FA;padding:60px 0 20px}.footer-top{display:grid;grid-template-columns:1.55fr repeat(3,1fr);gap:35px;padding-bottom:60px}.footer-brand a{display:inline-block}.footer-brand img{width:99px;height:68px;object-fit:contain;background:#fff;border-radius:4px;padding:2px}.footer-brand p{font-size:13px;color:#ABBBDD;line-height:1.8;margin-top:18px;max-width:23ch}.footer-col{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.footer-col h2{font-size:12px;color:#EDF2FF;letter-spacing:.02em;margin-bottom:14px}.footer-col a,.footer-col p{font-size:12px;text-decoration:none;color:#B8C8E7;line-height:1.7}.footer-col a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #334567;display:flex;justify-content:space-between;gap:20px;color:#98A9CB;padding-top:21px;font-size:11px}
@media(max-width:1100px){.desktop-nav{gap:17px}.nav-cta{font-size:12px}.hero-copy{padding-inline:40px}.hero h1{font-size:clamp(48px,5.3vw,76px)}.craft-images{height:490px}}
@media(max-width:900px){.desktop-nav{display:none}.masthead{height:75px}.nav-cta{margin-left:auto}.hero-layout{min-height:0;grid-template-columns:1fr}.hero-copy{padding:80px 7vw 65px}.hero h1{max-width:12ch}.hero-intro{max-width:62ch}.hero-visual{height:clamp(360px,58vw,590px)}.hero-aside{padding-inline:7vw}.assurance-grid span{font-size:12px;gap:10px}.intro-split,.offer-layout,.about-layout{gap:40px}.craft-layout{gap:40px}.craft-images{height:430px}.footer-top{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){html{scroll-padding-top:77px}.container{width:min(calc(100% - 36px),var(--wrap))}.masthead-inner{gap:8px}.brand img{width:83px;height:60px}.nav-cta{font-size:11px;gap:4px;padding:11px 12px}.nav-cta span{display:none}.mobile-menu{display:block;margin-left:7px;position:relative}.mobile-menu summary{display:flex;width:38px;height:38px;flex-direction:column;justify-content:center;gap:5px;align-items:center;list-style:none;border:1px solid #DAE2F0;border-radius:5px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{display:block;width:18px;height:2px;background:var(--forest)}.mobile-menu nav{position:absolute;right:0;top:49px;min-width:min(320px,calc(100vw - 30px));background:white;box-shadow:0 19px 45px rgba(16,31,59,.17);border:1px solid #DAE2F0;padding:13px;display:flex;flex-direction:column;border-radius:6px}.mobile-menu nav a{padding:10px 14px;text-decoration:none;font-weight:700;font-size:13px}.hero-copy{padding:62px 25px 42px}.hero h1{font-size:clamp(44px,11.8vw,65px);max-width:11ch}.hero-intro{font-size:15px;line-height:1.7;margin-top:21px}.hero-buttons{width:100%;margin-top:28px;align-items:stretch;gap:12px}.hero-buttons .button{width:100%}.hero-secondary{width:max-content}.hero-meta{margin-top:35px;align-items:flex-start;gap:15px}.hero-meta strong{font-size:24px}.hero-meta>span{font-size:11px;max-width:18ch}.hero-visual{height:390px}.hero-aside{padding:11px 20px;font-size:10px}.hero-aside span:last-child{display:none}.assurance-grid{grid-template-columns:1fr;gap:0;padding-block:10px}.assurance-grid span,.assurance-grid span:first-child,.assurance-grid span:last-child{justify-content:flex-start;gap:18px;padding:12px 0;border:0;border-bottom:1px solid #E5EAF4}.assurance-grid span:last-child{border-bottom:0}.section-pad{padding:70px 0}.intro-split,.approach-layout,.craft-layout,.offer-layout,.about-layout,.faq-layout{grid-template-columns:1fr;gap:28px}.section-intro{margin-bottom:25px}.section-intro h2,.approach h2,.craft h2,.offer h2,.about h2,.faq h2{font-size:clamp(34px,9vw,48px)}.section-intro>p{font-size:14px}.work-grid{grid-template-columns:1fr;gap:23px}.work-image{height:310px}.work-caption{padding:17px 0}.statement{padding:51px 0}.statement-inner{grid-template-columns:1fr;gap:19px}.statement p{font-size:clamp(26px,7vw,38px)}.approach-steps li{padding:22px 0}.craft-images{height:425px}.craft-primary{inset:0 13% 11% 0}.craft-secondary{border-width:5px}.craft-copy>p:not(.eyebrow){margin-top:20px}.pricing-card{padding:25px}.price strong{font-size:76px}.about-layout>div:nth-child(2) p{font-size:15px}.faq-layout{gap:24px}.closing{padding:61px 0}.closing-inner{display:block}.closing h2{font-size:clamp(35px,10vw,51px)}.closing .button{margin-top:27px;width:100%}.footer{padding-top:45px}.footer-top{grid-template-columns:1fr 1fr;gap:28px 14px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:5px;padding-top:18px}}
@media(max-width:390px){.hero-copy{padding-inline:18px}.hero h1{font-size:43px}.nav-cta{font-size:10px}.work-image{height:280px}.hero-visual{height:350px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}


/* Midnight Blue — Taste v2: product-led responsive website mockups. */
:root{--midnight:#101F3B;--royal:#3054A5;--periwinkle:#7A9CE0;--mist:#ECF0F9;--frost:#F7F9FD}
.button-ice{background:#ABC6FF;color:#101F3B}.button-ice:hover{background:#C6D7FF}
.button-ice .button-arrow{background:rgba(20,42,86,.12)}
.work-index{z-index:2}
.hero{background:var(--midnight)}
.hero-visual{background:#273E7E;min-height:570px;isolation:isolate}
.hero-visual:after{display:none}
.hero-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hero-backdrop img,.hero-backdrop source{display:block}
.hero-backdrop img{width:100%;height:100%;object-fit:cover;opacity:.45}
.hero-ui{width:100%;height:100%;min-height:570px;padding:55px 6% 85px;display:flex;align-items:center;justify-content:center;position:relative}
.device-desktop{width:95%;max-width:620px;position:relative;z-index:1;border:8px solid #18243A;border-bottom-width:14px;border-radius:14px 14px 8px 8px;overflow:hidden;box-shadow:0 34px 56px rgba(8,13,34,.36);background:#fff;transform:rotate(-1deg) translateX(-1%)}
.device-chrome{display:flex;gap:10px;align-items:center;padding:11px 14px;background:#F7F8FC;border-bottom:1px solid #E1E4EE;font-size:10px;color:#65738C}
.chrome-dots{display:flex;gap:4px}.chrome-dots i{width:5px;height:5px;background:#9AA9D1;border-radius:50%}.chrome-address{margin:auto;font-size:9px;color:#7A87AB}
.device-content{color:#1F3154;font-family:inherit}
.demo-site-nav{display:flex;align-items:center;justify-content:space-between;padding:13px 19px;font-size:10px}
.demo-site-nav strong{font-size:16px;letter-spacing:-.07em;color:#152A56}.demo-site-nav strong span,.phone-head span{color:#5074C5}
.demo-site-nav>span{font-size:8px;color:#59637B}
.demo-site-hero{display:grid;grid-template-columns:1.15fr .85fr;min-height:228px;background:#D6E1FA;overflow:hidden}
.demo-site-hero>div:first-child{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:30px 12px 30px 25px;position:relative;z-index:1}
.demo-site-hero small{font-size:8px;letter-spacing:.16em;font-weight:750;color:#3054A5}
.demo-site-hero strong{font-size:clamp(16px,2.1vw,29px);line-height:1.12;letter-spacing:-.055em;max-width:15ch}
.mini-action{background:#3054A5;color:#fff;border-radius:2px;padding:9px 12px;font-size:9px;align-self:flex-start;font-weight:700}
.demo-site-art{position:relative;overflow:hidden;background:linear-gradient(130deg,#A9BFEA 5%,#688DD2 65%,#3C5EA9 100%)}
.demo-site-art span{position:absolute;display:block;background:rgba(255,255,255,.25);transform:rotate(-16deg);border-radius:18px}
.demo-site-art span:nth-child(1){width:170%;height:30%;top:5%;left:-25%}
.demo-site-art span:nth-child(2){width:90%;height:45%;top:48%;left:35%;background:#1E3F82;opacity:.46}
.demo-site-art span:nth-child(3){width:60%;height:20%;bottom:0;left:-11%;background:#fff;opacity:.27}
.demo-site-grid{display:flex;gap:8px;justify-content:space-around;padding:18px 11px;background:white;font-size:9px;color:#40557F}
.demo-site-grid span{display:flex;align-items:center;gap:5px}.demo-site-grid b{color:#3159B0}
.device-desktop-base{position:absolute;z-index:1;bottom:14%;left:5%;width:86%;height:15px;background:linear-gradient(#EAF0FB,#A9B8D4);border-radius:0 0 35px 35px;box-shadow:0 12px 19px rgba(15,24,56,.27);transform:rotate(-1deg)}
.device-phone{width:27%;max-width:158px;min-width:111px;position:absolute;z-index:2;right:4.5%;bottom:12.5%;aspect-ratio:9 / 17.5;border:6px solid #172139;border-radius:20px;box-shadow:0 18px 33px rgba(11,20,44,.48);overflow:hidden;background:#F5F7FC;color:#172C57;transform:rotate(5deg);display:flex;flex-direction:column}
.phone-notch{position:absolute;z-index:2;top:0;left:27%;width:46%;height:9px;border-radius:0 0 9px 9px;background:#172139}
.phone-head{padding:22px 9px 9px;display:flex;justify-content:space-between;font-size:9px;font-weight:800}
.phone-head b{font-size:10px}
.phone-art{height:32%;background:#ABC5F4;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.phone-art span{height:110%;width:55%;background:#6F93D1;transform:rotate(28deg);opacity:.75}
.phone-art span:nth-child(2){background:#355DB5;transform:rotate(-14deg)}
.phone-copy{padding:10px 9px;display:flex;flex-direction:column;gap:9px}.phone-copy strong{font-size:11px;line-height:1.15;letter-spacing:-.03em}.phone-copy span{font-size:7px;color:#475B81}.phone-action{margin:auto 7px 12px;background:#3054A5;color:#fff;text-align:center;padding:8px 4px;border-radius:3px;font-size:8px;font-weight:700}
.hero-ui-tag{position:absolute;left:6%;bottom:6%;border:1px solid rgba(255,255,255,.38);background:rgba(17,33,70,.80);border-radius:50px;padding:9px 15px;z-index:3;font-size:11px;color:#fff;box-shadow:0 10px 28px rgba(13,27,62,.2)}.tag-dot{display:inline-block;width:7px;height:7px;background:#AAC8FF;border-radius:50%;margin-right:5px}
.visual-note{font-size:9px;background:rgba(17,33,70,.72);bottom:16px;right:14px;max-width:50%;line-height:1.5}
.work-image-site{display:flex;align-items:center;justify-content:center;padding:50px 27px 20px;background:#DFE8FC}
.work-image-manon{background:#F5E9EC}.work-image-danny{background:#E2E4F3}
.case-screen{position:relative;width:91%;height:80%;margin-left:-8%;box-shadow:0 12px 33px rgba(23,38,80,.23);background:#fff;border:5px solid #fff;overflow:hidden;border-radius:8px;transform:rotate(-3deg);transition:transform .5s cubic-bezier(.22,1,.36,1)}
.work-card:hover .case-screen{transform:rotate(-1deg) translateY(-4px)}
.case-browser-bar{height:21px;background:#F2F4F9;display:flex;align-items:center;justify-content:space-between;padding:0 8px;color:#8091B1;font-size:7px}
.case-browser-bar>span:first-child{color:#BAC5DF;font-size:7px;letter-spacing:-.2em}
.case-top{display:flex;justify-content:space-between;align-items:center;padding:13px 12px 8px;gap:4px;font-size:8px}
.case-top strong{font-size:10px}.case-top span{font-size:7px}
.case-body{height:66%;display:flex;flex-direction:column;justify-content:center;gap:9px;padding:20px 17px;background:#253E78;color:#fff;position:relative;overflow:hidden}
.case-body:after{content:"";position:absolute;z-index:0;width:48%;height:110%;border-radius:35% 45%;right:-9%;top:5%;transform:rotate(23deg);background:#88A8EC;opacity:.7}
.case-body>*{z-index:1;position:relative}.case-pretitle{font-size:7px;letter-spacing:.13em}.case-body>strong{font-size:clamp(13px,1.1vw,20px);line-height:1.12;max-width:65%;letter-spacing:-.03em}.case-cta{align-self:flex-start;background:#C6D7FF;color:#1A3268;font-size:7px;font-weight:700;padding:8px;border-radius:3px}
.work-image-manon .case-body{background:#5C3449}.work-image-manon .case-body:after{background:#E4AFBA}.work-image-manon .case-cta{background:#F8DDE4;color:#6B3F50}
.work-image-danny .case-body{background:#18243F}.work-image-danny .case-body:after{background:#7D8FB3}.work-image-danny .case-cta{background:#DEEBFF;color:#18243F}
.case-bottom{display:flex;gap:7px;padding:11px 8px}.case-bottom span{height:19px;flex:1;background:#EEF1F9;border-radius:2px}
.case-mobile{width:31%;height:66%;border-radius:12px;background:#fff;position:absolute;right:5%;bottom:9%;border:4px solid #202A43;box-shadow:0 15px 26px rgba(28,41,78,.26);transform:rotate(4deg);padding:14px 6px 7px;color:#283A67;display:flex;flex-direction:column;gap:7px}
.case-mobile-top{font-size:6px;font-weight:800}.case-mobile-image{height:35%;background:#A5BDEB}
.work-image-manon .case-mobile-image{background:#DAB4C6}.work-image-danny .case-mobile-image{background:#8899C7}
.case-mobile strong{font-size:9px;line-height:1.08;letter-spacing:-.02em}.case-mobile-cta{font-size:6px;background:#3357AA;color:white;padding:5px;border-radius:2px;text-align:center;margin-top:auto}
.work-image-site .work-index{top:13px;left:13px}
.site-anatomy{position:relative;background:#E8EEFB;border-radius:10px;padding:24px 32px 34px;isolation:isolate;min-height:520px;display:flex;align-items:center}
.anatomy-browser{width:88%;background:#fff;border:1px solid #DCE3F0;box-shadow:0 18px 50px rgba(22,39,76,.15);border-radius:11px;overflow:hidden;position:relative;z-index:1;transform:rotate(-2deg)}
.anatomy-chrome{display:flex;justify-content:space-between;background:#F4F6FA;padding:9px 13px;color:#7B8CA8;font-size:9px}
.anatomy-header{display:flex;justify-content:space-between;padding:14px 19px;background:#fff;font-size:9px;color:#23375E}
.anatomy-header strong{font-size:12px;letter-spacing:-.05em}
.anatomy-hero{display:grid;grid-template-columns:1.15fr .85fr;min-height:169px;background:#DCE6FA;color:#203968}
.anatomy-hero>div:first-child{display:flex;flex-direction:column;justify-content:center;gap:11px;padding:15px 20px}
.anatomy-hero small{font-size:7px;letter-spacing:.1em}.anatomy-hero strong{font-size:18px;line-height:1.12;letter-spacing:-.035em}.anatomy-hero>div>span{font-size:8px;font-weight:700;background:#3158AA;color:#fff;border-radius:2px;padding:7px 9px;align-self:flex-start}
.anatomy-hero-art{overflow:hidden;display:flex;align-items:center;justify-content:center;gap:6px;background:#809FE0}.anatomy-hero-art i{width:23%;height:85%;background:#2D4F9C;border-radius:50px;transform:rotate(23deg);opacity:.55}.anatomy-hero-art i:nth-child(2){height:125%;background:#BFD1F7}
.anatomy-services,.anatomy-gallery{padding:16px 18px;font-size:10px;font-weight:750;color:#1E3669}.anatomy-services>div,.anatomy-gallery>div{display:flex;gap:8px;margin-top:7px}.anatomy-services b{height:32px;background:#EEF2F9;flex:1}.anatomy-gallery b{height:35px;flex:1;background:#BFCEEC}.anatomy-gallery b:nth-child(even){background:#D2DDF3}
.anatomy-contact{background:#162C59;padding:15px 19px;color:white;display:flex;align-items:center;justify-content:space-between;gap:9px}.anatomy-contact strong{font-size:10px}.anatomy-contact span{font-size:8px;background:#AFC6FF;color:#101F3B;padding:7px}
.anatomy-label{position:absolute;background:#fff;color:#284783;z-index:2;box-shadow:0 7px 24px rgba(16,31,59,.11);font-size:11px;font-weight:800;padding:11px 15px;border:1px solid #D9E3F6;border-radius:5px}
.anatomy-label-top{right:1%;top:15%}.anatomy-label-side{right:-1%;top:44%}.anatomy-label-bottom{right:5%;bottom:10%}
.craft-copy>.image-disclosure{font-size:12px}
@media(min-width:1101px){.hero-visual{min-height:655px}}
@media(max-width:1100px){.hero-ui{min-height:500px;padding:30px 5% 65px}.hero-visual{min-height:500px}.device-desktop{width:97%}.device-phone{right:3%;bottom:11%}.site-anatomy{padding:26px 21px;min-height:450px}.anatomy-label{font-size:9px}}
@media(max-width:900px){.hero-visual{min-height:450px}.hero-ui{min-height:450px;height:100%;padding:42px 14% 65px}.device-desktop{max-width:615px}.demo-site-hero strong{font-size:28px}.device-phone{right:13%}.device-desktop-base{left:13%;width:76%;bottom:13%}}
@media(max-width:680px){.hero-visual{min-height:370px;height:440px}.hero-ui{min-height:370px;height:100%;padding:35px 6% 72px}.device-desktop{width:93%;border-width:5px;border-bottom-width:9px;border-radius:10px}.demo-site-nav{padding:10px 9px}.demo-site-nav>span{display:none}.demo-site-hero{min-height:145px}.demo-site-hero>div:first-child{gap:5px;padding:12px}.demo-site-hero small{font-size:6px}.demo-site-hero strong{font-size:15px}.mini-action{font-size:6px;padding:6px 8px}.demo-site-grid{padding:10px 5px;font-size:6px}.device-phone{right:2%;width:29%;min-width:93px;bottom:13%;border-width:4px}.phone-head{font-size:7px;padding:19px 6px 5px}.phone-copy{padding:5px}.phone-copy strong{font-size:9px}.phone-copy span{font-size:6px}.phone-action{font-size:6px}.hero-ui-tag{bottom:4%;left:5%;font-size:9px}.visual-note{display:none}.work-image-site{height:350px;padding:48px 30px 25px}.case-screen{width:88%;height:82%}.case-body>strong{font-size:19px}.case-mobile{width:26%}.case-mobile strong{font-size:8px}.site-anatomy{min-height:420px;padding:20px 20px}.anatomy-browser{width:90%}.anatomy-label{font-size:8px;padding:7px 9px}.anatomy-label-side{right:0}.anatomy-hero strong{font-size:16px}.anatomy-contact strong{font-size:9px}}
@media(max-width:390px){.hero-visual{height:390px}.hero-ui{padding:30px 5% 66px}.work-image-site{height:315px}.case-screen{width:91%}.case-mobile{width:28%;right:2%}.anatomy-label{font-size:7px}}


/* Mobile conversion polish — concise first fold, comfortable targets. */
@media (max-width: 680px) {
  .hero-copy { padding: 44px 22px 30px; }
  .hero h1 { font-size: clamp(40px, 10.85vw, 50px); line-height: 1.05; max-width: 12ch; }
  .hero-intro { font-size: 14px; line-height: 1.65; margin-top: 17px; }
  .hero-buttons { margin-top: 23px; gap: 10px; }
  .hero-buttons .button { min-height: 52px; }
  .hero-secondary { padding: 7px 0; min-height: 40px; }
  .hero-meta { margin-top: 24px; padding-top: 17px; }
  .hero-visual { height: 365px; min-height: 365px; }
  .hero-ui { padding: 24px 7% 55px; min-height: 365px; }
  .device-desktop { transform: rotate(-1deg) translateX(-3%); }
  .hero-ui-tag { bottom: 4%; left: 5%; }
  .button:focus-visible, .nav-cta:focus-visible { outline-offset: 3px; }
}
@media (max-width: 390px) {
  .hero-copy { padding: 40px 20px 25px; }
  .hero h1 { font-size: clamp(39px, 10.7vw, 44px); }
  .hero-visual { height: 345px; min-height: 345px; }
  .hero-ui { min-height: 345px; padding: 23px 6% 53px; }
}


/* premium-taste-upgrade.css */
/* ZaakPagina | Taste premium art-direction pass (2026-10-09)
   Product photography belongs INSIDE the website demo frames, never as fake customer claims.
   Midnight Blue preserved. Single focused enhancement layer over premium-home.css. */
:root{--ink:#101f3b;--steel:#3054a5;--ice:#b6ccfa;--silk:#f7f9fe}
body{background:var(--silk)}
h1,h2,h3{font-kerning:normal;text-wrap:balance}
.masthead{height:84px;border-color:#e6ecf6}
.brand img{width:116px;height:67px}
.nav-cta,.button{border-radius:11px;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1),background-color .4s cubic-bezier(.22,1,.36,1)}
.button:hover,.nav-cta:hover{box-shadow:0 12px 30px rgba(9,20,50,.13)}
.button-arrow{border-radius:8px}
.hero{background:#101f3b}
.hero-layout{min-height:640px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.hero-copy{padding-right:clamp(36px,5vw,90px)}
.hero h1{font-weight:690;letter-spacing:-.064em;max-width:11.2ch;line-height:1.045}
.hero h1 em{color:#cbdcff}
.hero-intro{color:#d2dcf2;line-height:1.78;max-width:47ch}
.hero-meta{border-color:#354c75}
.hero-meta strong{font-weight:680;letter-spacing:-.065em}
.hero-meta small,.hero-meta>span{color:#c3cfe9}
.hero-visual{background:#293e78}
.hero-backdrop img{opacity:.17}
.hero-ui{padding:64px 6% 82px}
.device-desktop{max-width:670px;width:96%;border:8px solid #15213a;border-bottom:12px solid #15213a;box-shadow:0 26px 40px rgba(5,12,33,.23),0 65px 105px rgba(5,12,33,.20);border-radius:16px;transform:perspective(1200px) rotateY(-6deg) rotateZ(-1deg) translateX(-2%);overflow:hidden}
.device-chrome{background:#f3f6fc;padding:11px 17px}
.demo-site-nav{padding:15px 21px}
.demo-site-nav strong{font-size:18px}
.demo-site-hero{min-height:280px;grid-template-columns:1.07fr .93fr;background:#f4f1ec}
.demo-site-hero>div:first-child{padding:34px 17px 34px 27px;gap:15px}
.demo-site-hero small{color:#51688b}
.demo-site-hero strong{font-size:clamp(19px,2.1vw,31px);font-weight:700;max-width:15ch;color:#18385c}
.mini-action{border-radius:5px;background:#142d4b;padding:10px 14px;font-weight:700}
.demo-site-art{background:#d4d5d2 url('/assets/images/hero-atelier-premium.webp') 70% center/cover no-repeat}
.demo-site-art span{display:none}
.demo-site-grid{padding:20px 11px}
.device-desktop-base{background:linear-gradient(#d7dfed,#8697b5);height:12px;bottom:14%}
.device-phone{border-color:#101a30;box-shadow:0 16px 25px rgba(4,14,39,.3),0 34px 54px rgba(4,14,39,.22);border-radius:23px;transform:rotate(5deg)}
.phone-art{background:#d4d5d2 url('/assets/images/hero-atelier-premium.webp') 72% center/cover no-repeat}
.phone-art span{display:none}
.phone-copy{background:#f6f4f0}
.phone-action{background:#142d4b}
.hero-ui-tag{background:#f9fbff;color:#1d3159;border:1px solid rgba(212,225,249,.8);box-shadow:0 15px 36px rgba(9,23,60,.21);padding:11px 16px;bottom:4.5%}
.tag-dot{background:#416cc1}
.visual-note{display:none}
.assurance{background:#f9fbfe}
.section-pad{padding-top:clamp(87px,9vw,137px);padding-bottom:clamp(87px,9vw,137px)}
.section-intro h2,.approach h2,.craft h2,.offer h2,.about h2,.faq h2{font-weight:690;letter-spacing:-.06em}
.section-intro h2 span,.craft h2 span,.offer h2 span,.about h2 span{color:#7387af}
.eyebrow{letter-spacing:.16em}
.work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:30px 24px}
.work-card{grid-column:span 6}
.work-card:nth-child(1){grid-column:span 7}
.work-card:nth-child(2){grid-column:span 5}
.work-card:nth-child(3){grid-column:span 12}
.work-image-site{height:430px;border-radius:18px;padding:58px 38px 30px;isolation:isolate;background:#e9eff9}
.work-image-robin{background:#e7edf6}
.work-image-manon{background:#ede5e8}
.work-image-danny{background:#dfe7f2}
.work-card:nth-child(3) .work-image-site{height:400px;padding:40px 12%}
.case-screen{border:6px solid #fff;border-radius:13px;width:90%;height:84%;margin-left:-7%;box-shadow:0 24px 55px rgba(14,30,64,.17);transform:rotate(-1.5deg);transition:transform .7s cubic-bezier(.22,1,.36,1),box-shadow .7s cubic-bezier(.22,1,.36,1)}
.work-card:hover .case-screen{transform:rotate(0) translateY(-6px);box-shadow:0 35px 65px rgba(14,30,64,.2)}
.work-card:nth-child(3) .case-screen{width:75%;max-width:780px;margin-left:-16%;transform:rotate(-.6deg)}
.case-top{padding:16px 16px 13px;font-size:9px}
.case-top strong{font-weight:750}
.case-body{position:relative;height:66%;background-position: center;background-size:cover;background-repeat:no-repeat;isolation:isolate;padding:23px 20px}
.case-body::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,18,37,.88) 0%,rgba(9,23,43,.65) 48%,rgba(12,27,49,.10) 100%)}
.case-body::after{display:none}
.case-body>*{position:relative;z-index:1}
.case-body>strong{font-size:clamp(17px,2vw,26px);max-width:75%;font-weight:730}
.case-pretitle{color:#dfeafc;letter-spacing:.16em}
.case-cta{padding:10px 12px;border-radius:5px;background:#fff;color:#172a45}
.work-image-robin .case-body{background-image:url('/assets/images/case-schilder-premium.webp')}
.work-image-manon .case-body{background-image:url('/assets/images/case-salon-premium.webp')}
.work-image-danny .case-body{background-image:url('/assets/images/case-fitness-premium.webp')}
.work-image-manon .case-body::before{background:linear-gradient(90deg,rgba(49,23,33,.85),rgba(49,23,33,.40) 59%,transparent)}
.work-image-danny .case-body::before{background:linear-gradient(90deg,rgba(5,12,22,.91),rgba(5,12,22,.59) 56%,transparent)}
.work-image-manon .case-cta{background:#f8eced;color:#402631}
.work-image-danny .case-cta{background:#eff4ff;color:#162946}
.case-mobile{height:70%;width:27%;border:5px solid #202739;border-radius:17px;bottom:8%;right:3%;padding:17px 8px 9px;transform:rotate(3deg);box-shadow:0 23px 33px rgba(7,17,43,.27)}
.case-mobile-image{background-size:cover;background-position:center 55%}
.work-image-robin .case-mobile-image{background-image:url('/assets/images/case-schilder-premium.webp');background-position:76% center}
.work-image-manon .case-mobile-image{background-image:url('/assets/images/case-salon-premium.webp');background-position:74% center}
.work-image-danny .case-mobile-image{background-image:url('/assets/images/case-fitness-premium.webp');background-position:74% center}
.case-mobile strong{font-size:10px}
.case-mobile-cta{border-radius:3px}
.work-index{background:rgba(255,255,255,.92);border-radius:30px;padding:9px 14px;top:17px!important;left:17px!important;color:#253657}
.work-caption{padding:24px 6px 0}
.work-caption h3{font-size:25px;font-weight:700}
.work-caption p{font-size:13px}
.round-arrow{height:48px;width:48px}
.example-disclosure{margin-top:22px;color:#7787a2}
.statement{background:#e9eef9}
.statement-dot{background:#7796d5;outline-color:#a1b7eb;box-shadow:inset 0 0 0 11px #e9eef9}
.statement strong{color:#233d7a}
.site-anatomy{background:#edf1f9;border-radius:20px}
.anatomy-browser{transform:rotate(-1deg);border-radius:14px;box-shadow:0 30px 75px rgba(21,44,90,.12)}
.anatomy-hero-art{background:#6e87bf url('/assets/images/case-salon-premium.webp') 65% center/cover no-repeat}
.anatomy-hero-art i{display:none}
.anatomy-label{border-radius:7px;box-shadow:0 12px 30px rgba(15,40,90,.11)}
.pricing-card{border-radius:20px;box-shadow:0 24px 64px rgba(20,47,95,.08)}
.bonus{border-left:0;border-radius:10px;background:#eef3fe}
.about{background:#fff}
.footer{background:#0c1933}
@media (min-width:901px){.hero-visual{min-height:640px}}
@media (max-width:1000px){.work-card:nth-child(1),.work-card:nth-child(2){grid-column:span 6}.work-card:nth-child(3){grid-column:span 12}.case-body>strong{font-size:clamp(16px,2vw,23px)}}
@media (max-width:900px){.hero-ui{padding:48px 12% 72px}.hero-visual{min-height:445px}.device-desktop{transform:rotate(-1deg)}.demo-site-hero{min-height:250px}}
@media (max-width:680px){
 .brand img{width:91px;height:62px}
 .hero-layout{grid-template-columns:1fr}
 .hero-copy{padding-top:50px}
 .hero h1{max-width:12ch;line-height:1.07;font-weight:700}
 .hero-visual{height:390px;min-height:390px}
 .hero-ui{height:100%;min-height:390px;padding:30px 7% 66px}
 .demo-site-hero{min-height:160px}
 .demo-site-hero>div:first-child{padding:16px 12px;gap:9px}
 .demo-site-hero strong{font-size:17px}
 .device-desktop{width:93%;border-width:5px}
 .device-phone{width:28%;min-width:91px;right:1.5%;bottom:12%}
 .hero-ui-tag{bottom:4%;left:5%;font-size:10px;padding:8px 11px}
 .work-grid{display:grid;grid-template-columns:1fr;gap:30px}
 .work-card,.work-card:nth-child(1),.work-card:nth-child(2),.work-card:nth-child(3){grid-column:1}
 .work-image-site,.work-card:nth-child(3) .work-image-site{height:350px;padding:50px 29px 22px}
 .case-screen,.work-card:nth-child(3) .case-screen{width:90%;height:81%;margin-left:-7%;transform:rotate(-1.5deg)}
 .case-body{padding:16px 12px}
 .case-body>strong{font-size:18px}
 .case-mobile{height:65%;width:28%;right:3%;border-width:4px;padding:15px 5px 7px}
 .case-mobile strong{font-size:8px}
 .work-caption h3{font-size:23px}
 .site-anatomy{border-radius:16px}
 .section-pad{padding-block:76px}
}
@media(max-width:390px){.hero-visual{height:355px;min-height:355px}.hero-ui{min-height:355px;padding:26px 7% 60px}.work-image-site,.work-card:nth-child(3) .work-image-site{height:310px}.case-body>strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.case-screen,.button,.nav-cta{transition:none!important}}


/* Brand refinement 2026-10-09 — Manrope, real icon scale, clear header and process visuals.
   Manrope font by Manrope Project Authors under SIL OFL 1.1, license: /assets/fonts/OFL-Manrope.txt */
@font-face{font-family:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;src:url('/assets/fonts/manrope-variable-latin.woff2') format('woff2')}
:root{font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
h1,h2,h3{font-family:inherit;letter-spacing:-.055em}
.masthead{height:82px}
.brand{gap:4px;flex-shrink:0;align-items:center;min-width:0}
.brand img,.footer-brand .brand img{width:45px;height:45px;object-fit:contain;padding:0;background:transparent;border-radius:0}
.brand-wordmark{color:#18243b;font-size:22px;font-weight:800;letter-spacing:-.08em;line-height:1.15;white-space:nowrap}
.brand-wordmark>span{color:#2e91d2}
.desktop-nav{gap:clamp(14px,1.7vw,29px)}
.nav-cta{margin-left:8px;gap:16px}
.nav-cta .nav-cta-full{font-size:13px;font-weight:740;white-space:nowrap}
.nav-cta .nav-cta-short{display:none}
.nav-cta .nav-cta-arrow{display:grid;place-items:center;border-radius:6px;min-width:30px;height:30px;font-weight:430;font-size:18px;background:rgba(255,255,255,.14)}
.footer-brand .brand{display:inline-flex;gap:10px}
.footer-brand .brand img{width:49px;height:49px;background:#fff;border-radius:9px;padding:4px}
.footer-brand .brand-wordmark{font-size:24px;color:#fff}
.footer-brand .brand-wordmark>span{color:#70b9ef}
.footer-brand .brand + p{max-width:31ch}
.approach-steps li{grid-template-columns:33px minmax(0,1fr) 90px;gap:18px;align-items:center;padding-block:23px}
.approach-steps h3{font-size:clamp(19px,1.6vw,23px);line-height:1.25;letter-spacing:-.045em;font-weight:750}
.approach-steps li p{font-size:13px;line-height:1.7}
.step-number{align-self:start;padding-top:3px}
.process-icon{height:82px;width:90px;border-radius:13px;display:block;position:relative;overflow:hidden;background:#ebf0fa;border:1px solid #d7e1f4;box-shadow:inset 0 1px 0 #fff}
.process-icon i{display:block;position:absolute}
.process-icon-brief::before,.process-icon-design::before,.process-icon-launch::before{content:"";position:absolute;inset:14px 18px;background:#fff;border-radius:5px;box-shadow:0 4px 9px rgba(20,48,103,.06)}
.process-icon-brief::after{content:"";position:absolute;left:29px;top:28px;width:29px;height:3px;border-radius:4px;background:#819fd6;box-shadow:0 11px 0 #c2d1ed,0 22px 0 #d0dcf2}
.process-icon-brief i:nth-child(1){left:25px;top:26px;width:3px;height:3px;border-radius:50%;background:#5477bb;box-shadow:0 11px 0 #5477bb,0 22px 0 #5477bb}
.process-icon-design::after{content:"";position:absolute;left:22px;right:22px;top:23px;height:8px;border-radius:2px;background:#bed0ed}
.process-icon-design i:nth-child(1){left:22px;top:38px;width:23px;height:29px;border-radius:2px;background:#a5bde7}
.process-icon-design i:nth-child(2){right:22px;top:38px;width:18px;height:14px;border-radius:2px;background:#5477bb}
.process-icon-design i:nth-child(3){right:22px;top:57px;width:18px;height:9px;border-radius:2px;background:#d0dcf2}
.process-icon-launch::after{content:"";position:absolute;top:23px;left:25px;right:25px;height:28px;border-radius:4px;background:linear-gradient(120deg,#c0cff0 35%,#4771c3 35%,#4771c3 70%,#9bb9e7 70%)}
.process-icon-launch i:nth-child(1){top:58px;left:32px;width:31px;height:3px;border-radius:4px;background:#607cbb}
.process-icon-launch i:nth-child(2){top:19px;right:15px;width:24px;height:24px;border-radius:50%;background:#eaf4ff;border:2px solid #fff;box-shadow:0 2px 7px rgba(30,70,130,.2)}
.process-icon-launch i:nth-child(3){top:27px;right:21px;width:11px;height:6px;border-bottom:2px solid #275ba5;border-left:2px solid #275ba5;transform:rotate(-45deg)}
.work-caption h3{letter-spacing:-.05em}
.price strong{font-weight:780}
.offer-list li{font-weight:620}
.footer-col a{padding-block:3px;min-height:30px}
@media (max-width:1120px){
  .brand-wordmark{font-size:20px}.brand img{height:43px;width:43px}
  .desktop-nav{gap:13px}
  .nav-cta{padding:9px 10px 9px 13px}
}
@media(max-width:900px){
  .masthead{height:75px}
  .brand-wordmark{font-size:21px}
  .nav-cta{margin-left:auto}
  .nav-cta .nav-cta-full{font-size:12px}
}
@media(max-width:680px){
  .masthead-inner{gap:8px}
  .brand{gap:3px}
  .brand img{width:39px;height:39px}
  .brand-wordmark{font-size:18px;letter-spacing:-.074em}
  .nav-cta{margin-left:auto;gap:8px;padding:7px 8px 7px 12px;min-height:43px}
  .nav-cta .nav-cta-full{display:none}
  .nav-cta .nav-cta-short{display:inline;font-size:11px;font-weight:780}
  .nav-cta .nav-cta-arrow{display:grid;min-width:24px;height:27px;font-size:15px}
  .mobile-menu{margin-left:2px}
  .mobile-menu summary{width:42px;height:42px}
  .approach-steps li{grid-template-columns:23px minmax(0,1fr) 67px;gap:12px;padding:21px 0}
  .approach-steps h3{font-size:18px}
  .approach-steps li p{font-size:12px;line-height:1.65}
  .process-icon{height:67px;width:67px;transform:scale(.82);transform-origin:center right;margin-left:-6px}
  .footer-brand .brand-wordmark{font-size:24px}
}
@media (max-width:355px){
 .brand-wordmark{font-size:16px}
 .brand img{width:34px;height:34px}
 .nav-cta{padding-inline:8px}
 .nav-cta .nav-cta-short{font-size:10px}
 .mobile-menu summary{width:39px;height:39px}
}

/* Tablet navigation fix: desktop links hide at 900px, so hamburger must appear too. */
@media (min-width:681px) and (max-width:900px){
 .mobile-menu{display:block;margin-left:4px;position:relative;flex-shrink:0}
 .mobile-menu summary{display:flex;width:44px;height:44px;flex-direction:column;justify-content:center;align-items:center;gap:5px;list-style:none;border:1px solid #dbe3f1;border-radius:10px;background:#fff}
 .mobile-menu summary::-webkit-details-marker{display:none}
 .mobile-menu summary span{display:block;width:18px;height:2px;background:#172c51;border-radius:2px}
 .mobile-menu nav{position:absolute;right:0;top:54px;min-width:270px;max-width:calc(100vw - 36px);background:#fff;box-shadow:0 20px 48px rgba(16,31,59,.17);border:1px solid #e0e6f2;padding:12px;display:flex;flex-direction:column;border-radius:12px}
 .mobile-menu nav a{padding:12px 15px;text-decoration:none;font-weight:730;font-size:13px;border-radius:7px}
 .mobile-menu nav a:hover,.mobile-menu nav a:focus-visible{background:#eff3fb}
}

/* WCAG AA contrast refinement: labels stay understated, not faint. */
.masthead .brand-wordmark>span{color:#176da7}
.chrome-address{color:#4e5d78}
.phone-head>span{color:#325da9}
.assurance-grid b{color:#365996}
.example-disclosure{color:#50617b}
.step-number{color:#405d92}
.anatomy-chrome>span:nth-child(2){color:#4b5d77}
.offer-copy>p:not(.eyebrow){color:#495a75}
.offer-copy>.offer-note{color:#495a75!important}
.price-footnote{color:#53627e}
.pricing-extras p{color:#596982}
.closing .eyebrow-light{color:#d5e2ff}

.case-browser-bar>span:nth-child(2){color:#4d5d79}


/* hero-v4.css */
/* ZaakPagina hero v4 — image-led, premium responsive placeholder.
   Text and interactive controls live in HTML; three device assets are interchangeable. */
.hero-mobile-cta{display:none}
.hero-v4{background:#101f3b}
.hero-v4 .hero-layout{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);min-height:655px}
.hero-v4 .hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;padding-top:78px;padding-bottom:78px}
.hero-v4 .hero-message{width:100%}
.hero-v4 .eyebrow-light{color:#c2d4fa}
.hero-v4 .hero-message h1{font-size:clamp(55px,5.2vw,83px);line-height:1.05;letter-spacing:-.072em;max-width:13ch;font-weight:735;text-wrap:balance}
.hero-v4 .hero-message h1 em{color:#a9c7ff;font-style:normal}
.hero-v4 .hero-intro{margin-top:25px;max-width:39ch;font-size:17px;color:#cbd7ed;line-height:1.72}
.hero-v4 .hero-actions{width:100%;margin-top:32px}
.hero-v4 .hero-buttons{margin-top:0}
.hero-v4 .hero-meta{margin-top:37px;padding-top:20px;border-color:#3f567e}
.hero-v4 .hero-visual{margin:0;border:0;min-height:655px;height:auto;position:relative;isolation:isolate;overflow:hidden;background:#294987}
.hero-v4 .hero-visual::after{display:none}
.hero-v4 .hero-image-slot{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}
.hero-v4 .hero-image-slot img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.hero-v4 .hero-image-label{position:absolute;z-index:2;right:22px;top:23px;display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid rgba(225,238,255,.45);border-radius:100px;background:rgba(13,26,61,.67);color:#fff;font-size:11px;font-weight:710;letter-spacing:.035em;backdrop-filter:blur(9px)}
.hero-v4 .hero-image-label-dot{height:8px;width:8px;flex-shrink:0;background:#b8d3ff;border-radius:50%;box-shadow:0 0 0 4px rgba(170,205,255,.16)}
.hero-v4 .hero-image-caption{position:absolute;z-index:2;bottom:29px;left:33px;color:#fff;font-size:13px;font-weight:750;letter-spacing:.025em;text-shadow:0 2px 13px rgba(12,24,55,.35)}
.hero-v4 .hero-aside{padding-top:14px;padding-bottom:14px;background:#101f3b}
@media(min-width:1500px){.hero-v4 .hero-visual{min-height:680px}.hero-v4 .hero-layout{min-height:680px}}
@media(min-width:901px) and (max-width:1199px){
 .hero-v4 .hero-layout{min-height:580px}
 .hero-v4 .hero-visual{min-height:580px}
 .hero-v4 .hero-copy{padding:60px 32px}
 .hero-v4 .hero-message h1{font-size:clamp(46px,4.9vw,65px)}
 .hero-v4 .hero-intro{font-size:15px}
 .hero-v4 .hero-actions{margin-top:24px}
 .hero-v4 .hero-meta{margin-top:25px}
}
@media (min-width:681px) and (max-width:900px){
 .hero-v4 .hero-layout{grid-template-columns:1fr;min-height:0}
 .hero-v4 .hero-copy{padding:54px 7vw 48px}
 .hero-v4 .hero-message h1{font-size:clamp(50px,7vw,68px)}
 .hero-v4 .hero-intro{max-width:52ch}
 .hero-v4 .hero-actions{margin-top:25px}
 .hero-v4 .hero-meta{margin-top:20px}
 .hero-v4 .hero-visual{min-height:0;height:clamp(360px,54vw,470px)}
 .hero-v4 .hero-image-label{top:22px;right:22px}
}
@media(max-width:680px){
 .hero-v4 .hero-layout{display:grid;grid-template-columns:minmax(0,1fr);min-height:0;gap:0}
 .hero-v4 .hero-copy{display:contents}
 .hero-v4 .hero-message{grid-column:1;grid-row:1;padding:32px 23px 18px;min-width:0;background:#101f3b}
 .hero-v4 .eyebrow{font-size:10px;letter-spacing:.12em;margin:0 0 19px}
 .hero-v4 .eyebrow-line{width:21px}
 .hero-v4 .hero-message h1{font-size:clamp(40px,10.8vw,49px);line-height:1.045;letter-spacing:-.064em;max-width:12ch;font-weight:775}
 .hero-v4 .hero-intro{font-size:14px;line-height:1.55;max-width:36ch;margin-top:15px;color:#d3dff4}
 .hero-v4 .hero-mobile-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#b6ccff;color:#15294e;border-radius:11px;min-height:51px;padding:8px 9px 8px 18px;margin-top:22px;text-decoration:none;font-size:13px;letter-spacing:-.015em;font-weight:830;box-shadow:0 10px 22px rgba(2,14,45,.14)}
 .hero-v4 .hero-mobile-cta span{display:grid;place-items:center;background:#dce7ff;border-radius:8px;min-width:34px;height:34px;font-size:22px;font-weight:500}
 .hero-v4 .hero-visual{grid-column:1;grid-row:2;position:relative;min-height:0;height:clamp(248px,71vw,300px);width:calc(100% - 32px);margin:0 16px;border:1px solid rgba(187,208,253,.28);border-radius:19px;overflow:hidden;background:#2e4c91;box-shadow:0 15px 33px rgba(3,15,46,.23)}
 .hero-v4 .hero-image-slot img{object-position:center 47%}
 .hero-v4 .hero-image-label{top:12px;right:12px;padding:7px 10px;font-size:9px;background:rgba(12,26,58,.73)}
 .hero-v4 .hero-image-label-dot{width:6px;height:6px}
 .hero-v4 .hero-image-caption{bottom:15px;left:17px;font-size:11px}
 .hero-v4 .hero-actions{grid-column:1;grid-row:3;margin:0;padding:13px 23px 26px;background:#101f3b}
 .hero-v4 .hero-buttons{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0}
 .hero-v4 .hero-buttons .button{display:none}
 .hero-v4 .hero-secondary{padding:7px 0;border-color:#516998;min-height:38px;font-size:12px;display:inline-flex}
 .hero-v4 .hero-meta{border:0;padding:0;margin:7px 0 0;align-items:center;justify-content:flex-start;gap:13px;flex-wrap:wrap}
 .hero-v4 .hero-meta strong{font-size:25px;font-weight:780}
 .hero-v4 .hero-meta strong small{font-size:11px}
 .hero-v4 .hero-meta>span{font-size:10px;max-width:none}
 .hero-v4 .hero-aside{display:none}
}
@media(max-width:355px){
 .hero-v4 .hero-message{padding:28px 19px 15px}
 .hero-v4 .hero-message h1{font-size:39px}
 .hero-v4 .hero-intro{font-size:13px}
 .hero-v4 .hero-mobile-cta{margin-top:18px}
 .hero-v4 .hero-visual{width:calc(100% - 24px);margin:0 12px;height:240px}
 .hero-v4 .hero-actions{padding-inline:19px}
}
@media(prefers-reduced-motion:reduce){.hero-v4 .hero-mobile-cta{transition:none}}

/* Desktop hero: preserve complete device proportions. */
@media(min-width:681px){.hero-v4 .hero-visual{background:#101f3b}.hero-v4 .hero-image-slot img{object-fit:contain;object-position:center center}}


/* taste-reviews.css */
/* ZaakPagina — Taste editorial review system
   Placeholder-only: no review content, client identity, average score or stars are asserted.
   CSV mapping: docs/REVIEWS-IMPORT-SPEC.md */
.reviews-wall{background:#fbfcff;padding-block:clamp(88px,9vw,132px)}
.reviews-wall-head{display:grid;grid-template-columns:minmax(0,1.23fr) minmax(260px,.6fr);align-items:end;gap:clamp(25px,7vw,130px);margin-bottom:42px}
.reviews-wall h2,.review-spotlight h2{font-size:clamp(38px,4.65vw,70px);letter-spacing:-.063em;font-weight:730;line-height:1.085}
.reviews-wall h2 span,.review-spotlight h2 span{color:#8199cb}
.reviews-head-aside{max-width:390px;padding-bottom:5px}
.reviews-stage-mark{display:inline-flex;align-items:center;gap:9px;border:1px solid #d6e2f4;border-radius:30px;padding:7px 14px;color:#375b99;font-size:11px;font-weight:800;letter-spacing:.02em;background:#eef3fb}
.reviews-stage-mark:before{content:"";width:6px;height:6px;border-radius:50%;background:#6e95d4}
.reviews-head-aside p{font-size:14px;color:#566783;line-height:1.75;margin-top:17px}
.reviews-layout{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,.9fr);grid-template-rows:repeat(2,minmax(205px,auto));gap:17px}
.review-card{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-width:0;border-radius:19px;padding:clamp(24px,3.2vw,39px);border:1px solid #dee6f4;transition:transform .55s cubic-bezier(.25,1,.35,1),box-shadow .55s cubic-bezier(.25,1,.35,1)}
.review-card:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(25,48,91,.075)}
.review-card-feature{grid-row:1/span 2;background:#142848;color:#f5f8ff;border-color:#223d66;min-height:472px;isolation:isolate}
.review-card-feature::after{content:"";position:absolute;z-index:-1;width:390px;height:390px;border:1px solid rgba(160,189,240,.13);border-radius:50%;right:-192px;bottom:-180px;box-shadow:0 0 0 53px rgba(172,195,234,.04),0 0 0 120px rgba(172,195,234,.028)}
.review-card-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.14em;font-weight:810;text-transform:uppercase;z-index:2}
.review-card-feature .review-card-top{color:#b8cced}
.review-card-status{letter-spacing:0;font-size:10px;font-weight:720;text-transform:none;border-radius:40px;background:rgba(255,255,255,.1);padding:7px 11px;white-space:nowrap}
.review-card-feature .review-card-status{color:#d5e0f4}
.review-card-center{max-width:490px;position:relative;z-index:1;margin-top:36px}
.review-big-mark{display:block;font-size:106px;line-height:.6;font-weight:750;opacity:.53;color:#afc8fb;margin-bottom:18px;font-family:Georgia,serif}
.review-card blockquote{margin:0;padding:0}
.review-card-feature blockquote p{max-width:18ch;font-size:clamp(27px,2.75vw,41px);line-height:1.35;font-weight:650;letter-spacing:-.035em;color:#f8faff;text-wrap:pretty}
.review-card-person{display:flex;align-items:center;gap:13px;position:relative;z-index:2;margin-top:28px}
.review-card-person>div,.review-story-source>div{display:flex;flex-direction:column;gap:4px}
.review-card-person strong,.review-story-source strong{font-size:13px;font-weight:790}
.review-card-person>div>span,.review-story-source>div>span{font-size:11px;line-height:1.5;color:#b3c5df}
.review-avatar{height:43px;width:43px;min-width:43px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(255,255,255,.09);color:#a6bedf;font-size:20px;font-weight:400}
.review-outline-number{position:absolute;bottom:-64px;right:10px;font-size:240px;font-weight:800;letter-spacing:-.13em;line-height:1;color:rgba(205,226,255,.035);pointer-events:none}
.review-card-side{background:#f0f3fa;color:#192d53;min-height:220px}
.review-card-lilac{background:#f0f1f8}
.review-card-ice{background:#eaf1fa}
.review-card-side .review-card-top{color:#50648b}
.review-card-side .review-card-status{background:#fff;color:#496287;border:1px solid #dae2f1}
.review-small-mark{font-family:Georgia,serif;font-size:55px;line-height:.68;color:#8ba5dc;margin-top:23px}
.review-card-side blockquote p{font-size:clamp(17px,1.75vw,23px);max-width:31ch;line-height:1.45;font-weight:695;letter-spacing:-.037em;color:#253a61;margin-top:8px}
.review-card-side .review-card-person{margin-top:24px;border-top:1px solid #d7e0ef;padding-top:20px}
.review-card-side .review-avatar{background:#dce7f7;color:#476ca7;border-color:#cbd8ed}
.review-card-side .review-card-person>div>span{color:#63748e}
.reviews-disclaimer{margin-top:20px;font-size:11px;line-height:1.65;color:#627493;max-width:100ch}
.review-spotlight{background:#ecf2fb;padding-block:clamp(80px,9vw,133px);overflow:hidden}
.review-spotlight-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(35px,7vw,120px)}
.review-spotlight-copy h2{max-width:13ch}
.review-spotlight-copy>p:not(.eyebrow){max-width:48ch;font-size:15px;color:#536581;line-height:1.8;margin-top:26px}
.review-spotlight-pill{display:inline-flex;align-items:center;background:#fff;border:1px solid #d4e0f1;color:#405d90;border-radius:30px;font-size:11px;font-weight:760;padding:10px 16px;margin-top:27px}
.review-story{border-radius:22px;background:#fff;padding:clamp(30px,4.5vw,56px);box-shadow:0 22px 64px rgba(27,52,98,.065);border:1px solid rgba(216,226,242,.82);min-height:440px;display:flex;flex-direction:column;position:relative}
.review-story-top{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#5a729c;font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:10px}
.review-story-mark{width:31px;height:31px;display:grid;place-items:center;background:#eef3fc;color:#2d579d;border-radius:50%;font-size:21px}
.review-story-quote-mark{font-family:Georgia,serif;font-size:101px;line-height:.8;color:#8ca7df;margin-top:31px}
.review-story blockquote{margin:0;flex:1}
.review-story blockquote p{max-width:35ch;font-size:clamp(21px,2.25vw,32px);line-height:1.42;font-weight:700;letter-spacing:-.047em;color:#213b67}
.review-story-footer{border-top:1px solid #e0e7f3;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:32px;padding-top:22px}
.review-story-source{display:flex;align-items:center;gap:12px}
.review-story-source .review-avatar{background:#e7eefb;border-color:#d4dff1;color:#4a68a2}
.review-story-source>div>span{color:#647893}
.review-story-placeholder{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#617494;font-weight:800;text-align:right}
.reviews-ribbon{background:#fff;padding:clamp(69px,8vw,109px) 0;border-top:1px solid #e6ebf4}
.reviews-ribbon-intro{display:grid;grid-template-columns:1fr 1.1fr;gap:10px 6%;align-items:end;padding-bottom:29px}
.reviews-ribbon-intro .eyebrow{grid-column:1/-1;margin:0}
.reviews-ribbon-intro h2{font-size:clamp(29px,3.3vw,47px);font-weight:710;line-height:1.16;max-width:16ch}
.reviews-ribbon-intro p{color:#60728d;font-size:14px;line-height:1.75;max-width:50ch}
.reviews-ribbon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #dfe6f1;border-bottom:1px solid #dfe6f1}
.ribbon-review{padding:28px 26px 28px 0;min-width:0;display:flex;flex-direction:column;min-height:174px}
.ribbon-review + .ribbon-review{padding-left:26px;border-left:1px solid #e1e7f1}
.ribbon-review-no{color:#315a9c;font-size:11px;font-weight:830;letter-spacing:.1em}
.ribbon-review-no span{color:#7b8da8;font-weight:680;letter-spacing:0}
.ribbon-review>p{font-size:clamp(16px,1.5vw,20px);font-weight:745;line-height:1.4;letter-spacing:-.03em;color:#1b3053;max-width:26ch;margin:22px 0 auto}
.ribbon-review>span{display:block;margin-top:20px;color:#6a7a93;font-size:11px;font-weight:700}
@media(max-width:920px){
 .reviews-wall-head{grid-template-columns:1fr 1fr;gap:28px}
 .reviews-layout{grid-template-columns:1.12fr .88fr}
 .review-card{padding:24px}
 .review-card-feature blockquote p{font-size:clamp(25px,3.25vw,34px)}
 .review-story{min-height:400px}
}
@media(max-width:720px){
 .reviews-wall,.review-spotlight{padding-block:72px}
 .reviews-wall-head{grid-template-columns:1fr;gap:18px;margin-bottom:27px}
 .reviews-head-aside{max-width:58ch}
 .reviews-wall h2,.review-spotlight h2{font-size:clamp(36px,9vw,49px)}
 .reviews-layout{grid-template-columns:1fr;grid-template-rows:auto;gap:13px}
 .review-card-feature{grid-row:auto;min-height:410px}
 .review-card-feature blockquote p{font-size:clamp(28px,6.5vw,36px);max-width:19ch}
 .review-card-side{min-height:235px}
 .review-small-mark{margin-top:20px}
 .review-spotlight-grid{grid-template-columns:1fr;gap:29px}
 .review-story{min-height:385px;padding:28px}
 .review-story blockquote p{font-size:clamp(21px,5.8vw,30px)}
 .reviews-ribbon{padding-block:70px}
 .reviews-ribbon-intro{grid-template-columns:1fr;gap:13px}
 .reviews-ribbon-intro h2{max-width:20ch}
 .reviews-ribbon-grid{grid-template-columns:1fr}
 .ribbon-review,.ribbon-review + .ribbon-review{padding:24px 0;border-left:0;min-height:136px}
 .ribbon-review + .ribbon-review{border-top:1px solid #e1e7f1}
 .ribbon-review>p{margin-top:10px}
 .ribbon-review>span{margin-top:12px}
}
@media(max-width:380px){
 .review-card{padding:21px}
 .review-card-top{gap:9px;font-size:9px}
 .review-card-status{font-size:9px}
 .review-card-feature{min-height:380px}
 .review-story-footer{align-items:flex-start;flex-direction:column}
 .review-story-placeholder{text-align:left}
}
@media(prefers-reduced-motion:reduce){.review-card{transition:none}}

/* AA contrast refinement for review placeholder labels. */
.reviews-wall h2 span,.review-spotlight h2 span{color:#486494}
.review-outline-number{display:none}
.review-card-side .review-card-person>div>span{color:#4e5f7c}
.ribbon-review-no span{color:#536786}
.ribbon-review>span{color:#536786}


/* case-showcase.css */
/* Case showcases: three true image-based design presentations, equal format. */
.work-grid.work-grid-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.work-grid-showcase>.work-card,
.work-grid-showcase>.work-card:nth-child(1),
.work-grid-showcase>.work-card:nth-child(2),
.work-grid-showcase>.work-card:nth-child(3){grid-column:auto;min-width:0}
.work-card-showcase{border:1px solid #dae3f1;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 14px 33px rgba(24,46,83,.06);transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s cubic-bezier(.22,1,.36,1)}
.work-card-showcase:hover{transform:translateY(-4px);box-shadow:0 26px 55px rgba(24,46,83,.11)}
.work-card-showcase>a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}
.work-image-showcase{width:100%;aspect-ratio:4/3;overflow:hidden;background:#f8f9fc;border-bottom:1px solid #e5eaf2}
.work-image-showcase img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.work-card-showcase:hover .work-image-showcase img{transform:scale(1.025)}
.work-caption-showcase{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:23px 24px 27px;flex:1}
.case-showcase-overline{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#516990;font-weight:780;line-height:1.5}
.work-caption-showcase h3{font-size:clamp(20px,1.55vw,26px);line-height:1.2;margin:9px 0 11px;color:#152640;font-weight:790;letter-spacing:-.045em}
.work-caption-showcase p{font-size:13px;line-height:1.7;color:#566780;margin:0 0 20px;flex:1}
.case-showcase-cta{font-size:12px;display:inline-flex;align-items:center;gap:10px;color:#204780;font-weight:790;border-bottom:1px solid transparent;transition:border-color .25s}
.case-showcase-cta span{font-size:17px;line-height:1}
.work-card-showcase:hover .case-showcase-cta{border-color:#204780}
.work-card-showcase>a:focus-visible{outline:3px solid #567acb;outline-offset:-4px;border-radius:17px}
.trust-rail{background:#f5f8fd;border-bottom:1px solid #e2eaf6}
.trust-rail-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 19px;padding-block:18px;font-size:11px;line-height:1.5;font-weight:755;color:#263d66}
.trust-rail-inner>span,.trust-rail-inner>a{display:inline-flex;gap:9px;align-items:center}
.trust-rail-symbol{height:20px;width:20px;display:grid;place-items:center;background:#e2ebf9;color:#3054a5;border-radius:50%;font-size:12px;font-weight:800}
.trust-rail-reviews{color:#365e98;text-decoration:none}
.trust-rail-stars{font-size:16px;letter-spacing:1px;color:#4269a9;white-space:nowrap}
.trust-rail-reviews:focus-visible{outline:2px solid #3054a5;outline-offset:5px}
@media(max-width:1100px){.work-grid.work-grid-showcase{gap:16px}.work-caption-showcase{padding:20px 18px 24px}.work-caption-showcase h3{font-size:20px}}
@media(max-width:840px){.work-grid.work-grid-showcase{grid-template-columns:1fr;max-width:630px;margin-inline:auto;gap:20px}.work-image-showcase{aspect-ratio:4/3}.work-caption-showcase{padding:20px 23px 24px}.work-caption-showcase h3{font-size:24px}.work-caption-showcase p{font-size:14px}.trust-rail-inner{justify-content:flex-start;gap:14px 24px}}
@media(max-width:540px){.work-grid.work-grid-showcase{gap:17px}.work-card-showcase{border-radius:15px}.work-caption-showcase{padding:18px 20px 22px}.work-caption-showcase h3{font-size:22px}.work-caption-showcase p{font-size:13px}.trust-rail-inner{display:grid;grid-template-columns:1fr 1fr;gap:13px 12px;font-size:10px}.trust-rail-inner>a{grid-column:1/-1}.trust-rail-stars{font-size:15px}}
@media(prefers-reduced-motion:reduce){.work-card-showcase,.work-image-showcase img{transition:none}}

/* Keep all three trust USPs balanced after removing the review link. */
.trust-rail-inner{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  column-gap:clamp(24px,5vw,76px);
  row-gap:12px;
}
.trust-rail-inner>span{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}
@media(max-width:540px){
  .trust-rail-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:7px;row-gap:0;justify-content:center;padding-block:14px}
  .trust-rail-inner>span{display:flex;justify-content:center;gap:6px;line-height:1.35;white-space:normal;text-align:left}
  .trust-rail-inner .trust-rail-symbol{width:18px;height:18px;flex:0 0 18px}
}


/* finish-polish.css */
/* ZaakPagina finishing pass — 10 October 2026
   Preserve the Midnight Blue hero, introduce warm editorial tension, and tighten oversized spacing. */
:root{
 --zp-midnight:#101f3b;
 --zp-navy:#0c1933;
 --zp-coral:#e5785c;
 --zp-coral-ink:#ad472c;
 --zp-apricot:#fff2e9;
 --zp-warm-paper:#f9f6f1;
 --zp-soft-sky:#eaf0fa;
}
/* Safari / iOS rubber-band beyond page end must never flash white. */
html,body{background:#0c1933!important}
main{background:#fff}
.section-pad{padding-block:clamp(62px,6.4vw,92px)}
.work.section-pad{padding-block:clamp(65px,6.8vw,95px)}
.approach.section-pad{padding-block:clamp(62px,6vw,88px)}
.craft.section-pad{padding-block:clamp(64px,6vw,89px)}
.offer.section-pad{padding-block:clamp(70px,6.8vw,98px)}
.about.section-pad,.faq.section-pad{padding-block:clamp(60px,5.8vw,84px)}
.reviews-wall.section-pad,.review-spotlight.section-pad{padding-block:clamp(65px,6.5vw,95px)}
.reviews-ribbon{padding-block:clamp(55px,6.4vw,80px)}
.section-intro{margin-bottom:clamp(26px,3.1vw,38px)}
.statement{background:#172d50;color:#fff;padding-block:clamp(42px,4.2vw,62px)}
.statement p{color:#f6f8ff}
.statement strong{color:#ffbf9d}
.statement-dot{background:#f8b991;box-shadow:inset 0 0 0 11px #172d50;outline-color:#f0b692}
.work{background:#faf8f3}
.reviews-wall{background:#fff}
.approach{background:#edf3fb}
.craft{background:#f9f6f0}
.review-spotlight{background:#e9f0fb}
.offer{background:#faf1e8}
.about{background:#fff}
.faq{background:#f5f7fb}
.reviews-ribbon{background:#fffdf9}
.work h2 span,.craft h2 span,.offer h2 span{color:#4c6caa}
/* A handful of warm editorial accents make the page more memorable without fighting the brand. */
.work .eyebrow,.craft .eyebrow,.offer .eyebrow{color:#a34e37}
.work-card-showcase{border-color:#e5e1dc;box-shadow:0 14px 39px rgba(21,36,64,.065)}
.work-card-showcase:hover{box-shadow:0 24px 48px rgba(21,36,64,.10)}
.work-image-showcase{background:#faf6f0}
.case-showcase-overline{color:#a65b43}
.case-showcase-cta{color:#284d89}
.approach-steps .step-number{color:#a95b43}
.approach-steps li{border-color:#dbe5f3}
.pricing-card{border:1px solid #eeddd2;box-shadow:0 22px 59px rgba(69,58,67,.09)}
.bonus{background:#fff0e5!important;border:1px solid #f2d5c3!important}
.bonus-kicker{color:#9b482f!important}
.pricing-card .button-dark{background:#101f3b}
.pricing-card .button-dark:hover{background:#3054a5}
.trust-rail{background:#f8f5ef;border-bottom-color:#ece2d9}
.trust-rail-symbol{background:#fce6d8;color:#a54c32}
.trust-rail-reviews{color:#345994}
.closing{background:#3054a5}
.footer{background:#0c1933;color:#e2e9fa}
.footer .footer-top{padding-bottom:clamp(30px,4vw,52px)}
.footer .footer-col h2{margin-bottom:7px}
.footer .footer-bottom{padding-top:18px}
/* Editorial anatomy illustration. The AI artwork contains NO site copy;
   all explanatory content below is actual accessible HTML. */
.craft-layout{
 grid-template-columns:minmax(0,1.17fr) minmax(0,.83fr);
 gap:clamp(38px,5vw,84px);
 align-items:center
}
.craft-explainer{min-width:0;margin:0;position:relative}
.craft-explainer-stage{position:relative;padding:clamp(8px,1.1vw,15px);background:#fff;border:1px solid #e2d9d0;border-radius:23px;box-shadow:0 24px 66px rgba(32,47,80,.095),0 3px 10px rgba(48,38,20,.03);overflow:hidden;isolation:isolate}
.craft-explainer-stage:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:23px;box-shadow:inset 0 1px 0 rgba(255,255,255,.94)}
.craft-explainer-stage img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center;border-radius:13px;background:#f5f1e8}
.craft-stage-overline{position:absolute;top:clamp(17px,2vw,25px);left:clamp(17px,2vw,25px);border-radius:20px;background:rgba(16,31,59,.91);color:#fff;padding:8px 13px;letter-spacing:.12em;font-weight:750;font-size:9px;box-shadow:0 4px 18px rgba(16,31,59,.1)}
.craft-explainer figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:14px 4px 0;font-size:10px;font-weight:720;color:#556885;letter-spacing:.02em}
.craft-explainer figcaption span:last-child{color:#a85a3c}
.craft-copy h2{font-size:clamp(33px,3.5vw,52px);line-height:1.12;letter-spacing:-.057em}
.craft-copy>p:not(.eyebrow):not(.image-disclosure){font-size:14px;line-height:1.77;color:#566982;max-width:48ch}
.craft-building-blocks{list-style:none;margin:25px 0 24px;padding:0;border-top:1px solid #dfd9d3}
.craft-building-blocks li{display:grid;grid-template-columns:37px 1fr;gap:13px;padding:12px 0;border-bottom:1px solid #dfd9d3}
.craft-block-number{color:#b5644a;font-size:12px;font-weight:850;letter-spacing:.06em;padding-top:3px}
.craft-building-blocks strong{display:block;font-size:13px;line-height:1.45;color:#152b4d;font-weight:790}
.craft-building-blocks p{font-size:12px;line-height:1.55;color:#607089;margin:4px 0 0}
.craft-action{display:inline-flex;align-items:center;justify-content:space-between;gap:19px;color:#fff;background:#101f3b;border-radius:11px;padding:13px 16px;text-decoration:none;font-size:13px;font-weight:780;transition:transform .35s cubic-bezier(.22,1,.36,1),background .35s cubic-bezier(.22,1,.36,1)}
.craft-action:hover{background:#3054a5;transform:translateY(-2px)}
.craft-action:focus-visible{outline:3px solid #e5785c;outline-offset:3px}
.craft-action span{display:inline-grid;place-items:center;width:27px;height:27px;background:rgba(255,255,255,.14);border-radius:7px}
.craft-copy>.image-disclosure{font-size:11px;color:#778092;margin-top:14px}
.review-story{min-height:390px}
.review-card-feature{min-height:440px}
@media(max-width:1030px){
 .craft-layout{grid-template-columns:1fr;max-width:750px;gap:29px}
 .craft-copy h2{max-width:20ch}
 .craft-explainer{order:2}
 .craft-copy{order:1}
}
@media(max-width:720px){
 .section-pad,.work.section-pad,.approach.section-pad,.craft.section-pad,.offer.section-pad,.about.section-pad,.faq.section-pad,.reviews-wall.section-pad,.review-spotlight.section-pad{padding-block:clamp(49px,8vw,65px)}
 .reviews-ribbon{padding-block:52px}
 .statement{padding-block:42px}
 .craft-copy h2{font-size:clamp(30px,8vw,41px)}
 .craft-layout{gap:20px}
 .craft-explainer-stage{padding:8px;border-radius:16px}
 .craft-explainer-stage img{border-radius:10px}
 .craft-stage-overline{font-size:8px;padding:6px 10px;top:16px;left:16px}
 .craft-building-blocks{margin-block:21px}
 .craft-building-blocks li{padding-block:11px}
 .craft-explainer figcaption{font-size:9px}
 .reviews-wall h2,.review-spotlight h2{font-size:clamp(34px,8vw,46px)}
 .reviews-layout{gap:13px}
 .review-card-feature{min-height:365px}
 .review-card-side{min-height:211px}
 .review-story{min-height:350px}
 .footer{padding-top:39px}
}
@media(prefers-reduced-motion:reduce){.craft-action{transition:none}}

/* Final WCAG AA contrast corrections on warm and pale-blue panels. */
.approach-intro>p:not(.eyebrow),.approach-steps li div p{color:#4d617c}
.approach-steps .step-number{color:#94472f}
.craft-block-number{color:#95472f}
.craft-copy>.image-disclosure{color:#526179}

.craft-copy>p.image-disclosure{color:#526179;font-size:11px;line-height:1.55}


/* reviews-confidence.css */
/* Taste: ZaakPagina confidence design v3 — intentional review preview.
   Rating and count are user-supplied placeholders, NOT verified/released claims.
   Main stays Midnight Blue / warm editorial paper; coral/gold is restrained accent. */
:root{
  --trust-navy:#10203d;
  --trust-paper:#faf7f1;
  --trust-cream:#fff9f0;
  --trust-ink:#162945;
  --trust-gold:#ffbf80;
  --trust-gold-ink:#96511c;
  --trust-slate:#4e5f78;
}
.hero-v4 .hero-reputation{
  display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;
  max-width:470px;margin-top:19px;padding:12px 0 0;
  border-top:1px solid rgba(205,222,255,.18);
  color:#f8faff;font-size:12px;line-height:1.45;
}
.hero-v4 .hero-reputation-stars{color:#ffcd8b;letter-spacing:1px;font-size:15px;white-space:nowrap}
.hero-v4 .hero-reputation strong{font-size:16px;letter-spacing:-.035em;font-weight:820;color:#fff}
.hero-v4 .hero-reputation>span:not(.hero-reputation-stars):not(.hero-reputation-preview){font-weight:690;color:#d8e6fc}
.hero-v4 .hero-reputation-preview{border:1px solid rgba(219,232,255,.25);padding:4px 8px;border-radius:30px;font-size:10px;font-weight:670;color:#dee8f9;white-space:nowrap}
.reviews-confidence{background:var(--trust-paper)!important;color:var(--trust-ink)}
.reviews-confidence .container{max-width:1280px}
.reviews-confidence-header{
  display:grid;grid-template-columns:minmax(0,1.48fr) minmax(290px,.66fr);
  gap:clamp(35px,7vw,110px);align-items:end;margin-bottom:34px
}
.reviews-confidence-heading .eyebrow{color:#92533b}
.reviews-confidence-heading h2{max-width:15ch;font-size:clamp(40px,4.6vw,70px);line-height:1.08;letter-spacing:-.065em;color:#14243d;font-weight:770}
.reviews-confidence-heading h2 span{color:#46649c}
.reviews-confidence-heading>p:last-child{font-size:15px;line-height:1.75;max-width:47ch;color:#52647d;margin-top:19px}
.reviews-scoreboard{
  background:#fff;border:1px solid #e7dfd2;border-radius:23px;padding:26px 28px 22px;
  box-shadow:0 19px 51px rgba(43,48,66,.065);position:relative;isolation:isolate;min-width:0
}
.reviews-scoreboard:before{content:"";position:absolute;z-index:-1;right:0;top:0;bottom:0;width:7px;background:#d17f53;border-radius:0 23px 23px 0}
.reviews-scoreboard-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#6f5870;font-weight:800}
.reviews-score-main{display:flex;align-items:baseline;gap:10px;margin-top:8px;line-height:1}
.reviews-score-main strong{font-size:clamp(62px,6.5vw,94px);font-weight:820;letter-spacing:-.09em;color:#10203d}
.reviews-score-main>span{font-size:24px;font-weight:700;color:#60728d}
.reviews-score-stars{color:#b86a31;letter-spacing:3px;font-size:22px;margin:7px 0 6px}
.reviews-score-count{font-size:16px;font-weight:820;color:#152a49}
.reviews-score-count span{font-size:12px;font-weight:670;color:#68768e}
.reviews-scoreboard p{font-size:11px;line-height:1.58;color:#65758c;margin-top:13px;border-top:1px solid #e9e3dc;padding-top:11px}
.reviews-confidence-grid{
  display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);
  gap:19px;align-items:stretch
}
.trust-review-card{
  min-width:0;overflow:hidden;position:relative;display:flex;flex-direction:column;
  padding:clamp(25px,3.2vw,42px);border-radius:19px;border:1px solid transparent;
  transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1)
}
.trust-review-card:hover{transform:translateY(-2px)}
.trust-review-top{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;font-size:10px;font-weight:820;letter-spacing:.12em;text-transform:uppercase;position:relative;z-index:1}
.trust-review-draft{text-transform:none;letter-spacing:0;white-space:nowrap;border-radius:30px;font-size:10px;font-weight:760;padding:6px 10px}
.trust-review-featured{
  background:#132846;color:#fff;border-color:#294363;min-height:440px;isolation:isolate;
  box-shadow:0 21px 52px rgba(18,35,63,.12)
}
.trust-review-featured:before{
  content:"";position:absolute;width:390px;height:390px;border-radius:50%;
  right:-200px;top:13%;z-index:-1;border:1px solid rgba(172,207,245,.17);
  box-shadow:0 0 0 63px rgba(183,212,246,.035),0 0 0 135px rgba(183,212,246,.025)
}
.trust-review-featured .trust-review-top{color:#c5d4ed}
.trust-review-featured .trust-review-draft{background:rgba(255,255,255,.1);color:#f1f6ff}
.trust-review-content{flex:1;display:flex;flex-direction:column;justify-content:center;padding:32px 0 22px}
.trust-review-quote-mark{font-family:Georgia,serif;font-size:94px;line-height:.6;color:#ecc39d;margin-bottom:30px}
.trust-review-previewline{font-size:clamp(25px,2.85vw,40px);font-weight:685;line-height:1.34;letter-spacing:-.04em;max-width:19ch;color:#fcfdff;margin:0;text-wrap:balance}
.trust-review-source{display:flex;align-items:center;gap:12px;border-top:1px solid rgba(255,255,255,.17);padding-top:19px;position:relative}
.trust-review-source-mark{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.25);font-size:11px;font-weight:820;color:#c8daef}
.trust-review-source>div{display:flex;flex-direction:column;gap:3px}
.trust-review-source strong{font-size:12px;font-weight:820}
.trust-review-source>div>span{font-size:11px;color:#bed0e9}
.trust-review-stack{display:grid;grid-template-rows:1fr 1fr;gap:19px;min-width:0}
.trust-review-compact{padding:22px 26px;min-height:210px}
.trust-review-warm{background:#f0e7dc;border-color:#e7d8c8;color:#2c3447}
.trust-review-blue{background:#e6effb;border-color:#d6e3f5;color:#183052}
.trust-review-compact .trust-review-top{color:#6c5471;font-size:9px}
.trust-review-compact .trust-review-draft{border:1px solid rgba(77,86,109,.2);color:#43536e;background:rgba(255,255,255,.5)}
.trust-review-mini-quote{font-family:Georgia,serif;line-height:.65;font-size:50px;margin-top:20px;color:#9c724f}
.trust-review-blue .trust-review-mini-quote{color:#5878ae}
.trust-review-compact>p{font-size:clamp(17px,1.55vw,23px);font-weight:730;letter-spacing:-.035em;line-height:1.4;margin:4px 0 24px;max-width:29ch;flex:1;color:#20334f}
.trust-review-compact .trust-review-source{padding-top:11px;border-color:rgba(43,57,83,.17)}
.trust-review-compact .trust-review-source-mark{border-color:rgba(47,70,109,.21);color:#526783;width:30px;height:30px;font-size:10px}
.trust-review-compact .trust-review-source>div>span{color:#596b84}
.reviews-confidence-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 28px;margin-top:22px;font-size:11px;color:#5a6e87}
.reviews-verified-marker{display:inline-flex;gap:9px;align-items:center}
.reviews-verified-marker>span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#dce9df;color:#27533d;font-size:11px}
.reviews-confidence-bottom a{color:#2c568e;text-decoration:none;font-weight:780;border-bottom:1px solid #91a9c6;padding-bottom:2px}
.reviews-mini{background:#fffdf9!important;padding-block:clamp(57px,6.2vw,88px)!important}
.reviews-mini-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:24px 7%;align-items:end;margin-bottom:25px}
.reviews-mini-heading h2{font-size:clamp(34px,3.5vw,51px);line-height:1.12;letter-spacing:-.052em;color:#162945;font-weight:760}
.reviews-mini-heading h2 span{color:#526da1}
.reviews-mini-heading>p{font-size:13px;color:#536581;line-height:1.75;max-width:47ch}
.reviews-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.reviews-mini-card{display:flex;flex-direction:column;gap:0;min-height:175px;padding:25px 25px 23px;background:#f6f8fc;border:1px solid #e0e6f0;border-radius:15px}
.reviews-mini-card:nth-child(2){background:#f7f1e8;border-color:#ece0d2}
.reviews-mini-id{color:#365b95;font-size:11px;font-weight:840}
.reviews-mini-id span{font-size:10px;font-weight:660;color:#52647c}
.reviews-mini-card p{color:#1f365a;font-size:19px;line-height:1.42;letter-spacing:-.034em;font-weight:760;margin:19px 0 auto}
.reviews-mini-card>span:last-child{font-size:11px;font-weight:700;color:#64728a;margin-top:17px}
.reviews-mini-note{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:16px;color:#556985;font-size:11px}
.closing-inner{flex-wrap:wrap}
.closing-trust{width:100%;font-size:12px;color:#edf3ff;font-weight:730;letter-spacing:.015em;margin-bottom:2px}
.closing-trust>span{color:#ffe0ae;letter-spacing:1.6px;margin-right:7px}
.closing-trust small{font-size:11px;font-weight:550;color:#dce6fb}
@media(max-width:1050px){
 .reviews-confidence-header{grid-template-columns:1fr .68fr;gap:25px}
 .reviews-confidence-grid{grid-template-columns:1.1fr .9fr}
 .trust-review-featured{min-height:440px}
 .trust-review-compact{padding:20px}
}
@media(max-width:740px){
 .hero-v4 .hero-reputation{margin-top:14px;gap:3px 7px;font-size:11px}
 .hero-v4 .hero-reputation-stars{font-size:13px}
 .hero-v4 .hero-reputation strong{font-size:14px}
 .hero-v4 .hero-reputation-preview{font-size:9px;padding:4px 7px}
 .reviews-confidence-header,.reviews-confidence-grid,.reviews-mini-heading{grid-template-columns:1fr}
 .reviews-confidence-header{gap:24px;margin-bottom:24px}
 .reviews-confidence-heading h2{font-size:clamp(36px,9vw,49px)}
 .reviews-scoreboard{padding:22px 25px;border-radius:17px}
 .reviews-score-main strong{font-size:66px}
 .reviews-scoreboard p{font-size:11px}
 .reviews-confidence-grid{gap:13px}
 .trust-review-featured{min-height:345px;padding:27px}
 .trust-review-previewline{font-size:clamp(25px,7vw,34px)}
 .trust-review-content{padding:27px 0 19px}
 .trust-review-stack{gap:13px}
 .trust-review-compact{min-height:210px;padding:20px 23px}
 .trust-review-compact>p{font-size:20px}
 .reviews-mini-grid{grid-template-columns:1fr;gap:12px}
 .reviews-mini-card{min-height:125px;padding:19px 21px}
 .reviews-mini-card p{font-size:18px;margin-top:12px}
 .reviews-mini-card>span:last-child{margin-top:13px}
 .reviews-mini-note{gap:7px}
}
@media(max-width:375px){
 .hero-v4 .hero-reputation-preview{display:block}
 .trust-review-top{font-size:9px}
 .trust-review-featured{min-height:333px}
 .trust-review-compact .trust-review-top{font-size:9px}
 .trust-review-previewline{font-size:25px}
 .reviews-scoreboard{padding:21px}
 .reviews-mini-card{padding:18px}
}
@media(prefers-reduced-motion:reduce){.trust-review-card{transition:none}}

/* Contrast/spacing preflight: clear AA on warm paper, shorter mobile review rhythm. */
.trust-review-compact .trust-review-source>div>span{color:#4f5f78}
.reviews-mini-card>span:last-child{color:#526079}
@media(max-width:740px){
 .reviews-confidence-header{gap:18px;margin-bottom:20px}
 .reviews-scoreboard{padding:18px 22px}
 .reviews-score-main strong{font-size:59px}
 .reviews-scoreboard p{margin-top:10px;padding-top:9px}
 .trust-review-featured{min-height:0;padding:23px}
 .trust-review-content{padding:20px 0 16px}
 .trust-review-quote-mark{font-size:73px;margin-bottom:17px}
 .trust-review-previewline{font-size:clamp(23px,6.4vw,30px)}
 .trust-review-compact{min-height:0;padding:18px 21px}
 .trust-review-mini-quote{font-size:42px;margin-top:13px}
 .trust-review-compact>p{font-size:18px;margin:3px 0 14px}
 .trust-review-compact .trust-review-source{padding-top:9px}
 .reviews-mini-heading{margin-bottom:17px;gap:14px}
 .reviews-mini-card{min-height:0;padding:17px 20px}
 .reviews-mini-card p{font-size:17px;margin-top:10px}
 .reviews-mini-card>span:last-child{margin-top:10px}
}
@media(max-width:375px){
 .trust-review-featured{padding:21px}
 .trust-review-content{padding:18px 0 14px}
 .trust-review-previewline{font-size:23px}
 .reviews-scoreboard{padding:18px}
}

/* Featured review only: keep the stars and decorative quote aligned without the tall gap. */
.trust-review-featured .trust-review-content{
  display:grid;
  grid-template-columns:max-content minmax(0,1fr);
  align-content:center;
  align-items:center;
  column-gap:13px;
  row-gap:11px;
  padding:20px 0 16px;
}
.trust-review-featured .trust-review-quote-mark{
  font-size:42px;
  line-height:1;
  margin:0;
  transform:translateY(6px);
}
.trust-review-featured .trust-review-previewline{grid-column:1/-1}
@media(max-width:740px){
  .trust-review-featured .trust-review-quote-mark{font-size:35px;transform:translateY(5px)}
  .trust-review-featured .trust-review-content{row-gap:9px;padding:17px 0 15px}
}


/* taste-blue-finish.css */
/* Taste premium blue system — ZaakPagina 2026
 * Dark midnight #0c1933, brand royal #3054a5, cool white and light blue.
 * Explicitly fictional testimonials until real, verifiable CSV is imported.
 */
:root{
 --zp-coral:#476fb5;--zp-coral-ink:#31579c;--zp-apricot:#e7effb;
 --zp-warm-paper:#f7f9fe;--zp-soft-sky:#ecf3ff;
}
html,body{background:#0c1933!important}
.work{background:#f8faff}
.trust-rail{background:#eaf1fc;border-bottom-color:#d8e4f7}
.trust-rail-symbol{background:#d1e0f8;color:#294d94}
.trust-rail-reviews{color:#274b85}
.approach{background:#eaf1fb}
.craft{background:#f8faff}
.offer{background:#edf3fd}
.about{background:#fff}
.faq{background:#f3f7ff}
.reviews-confidence{background:#102342!important;color:#f8fbff}
.work h2 span,.craft h2 span,.offer h2 span{color:#506faf}
.work .eyebrow,.craft .eyebrow,.offer .eyebrow{color:#3e65a4}
.case-showcase-overline{color:#466ca9}
.work-card-showcase{border-color:#dce6f5;box-shadow:0 14px 39px rgba(18,40,80,.06)}
.work-image-showcase{background:#f0f5ff}
.approach-steps .step-number{color:#335c9f}
.approach-steps li{border-color:#cad9f1}
.statement{background:#172d50}
.statement strong{color:#bfd3ff}
.statement-dot{background:#abc9ff;outline-color:#8baeea;box-shadow:inset 0 0 0 11px #172d50}
.pricing-card{border-color:#d4e1f5;box-shadow:0 24px 60px rgba(24,49,99,.075)}
.bonus{background:#e3ecfc!important;border-color:#cbdcf7!important}
.bonus-kicker{color:#264c8e!important}
.craft-explainer-stage{border-color:#d9e5f5;background:#fff}
.craft-explainer figcaption span:last-child{color:#345e9d}
.craft-block-number{color:#345b9b}
.craft-building-blocks,.craft-building-blocks li{border-color:#d6e2f3}
.craft-stage-overline{background:#163464}
.closing{background:#3054a5}
.closing-trust>span{color:#d3e3ff}
.footer{background:#0c1933;color:#e4edff}
.footer,.footer a{border-color:#243b5f}
.reviews-confidence .eyebrow{color:#bdd1f4}
.reviews-confidence-heading h2{color:#fff}
.reviews-confidence-heading h2 span{color:#abc8ff}
.reviews-confidence-heading>p:last-child{color:#ccd9f0}
.reviews-scoreboard{
 background:linear-gradient(135deg,#254884 0%,#3058a5 100%);
 border-color:#5276ba;box-shadow:0 22px 55px rgba(0,12,40,.24)
}
.reviews-scoreboard:before{background:#abc9fa}
.reviews-scoreboard-eyebrow{color:#e1ecff}
.reviews-score-main strong{color:#fff}
.reviews-score-main>span{color:#dbe8ff}
.reviews-score-stars{color:#d4e4ff}
.reviews-score-count{color:#fff}
.reviews-score-count span{color:#dce9fc}
.reviews-scoreboard p{color:#e4edff;border-color:rgba(222,237,255,.24)}
.reviews-confidence-grid{gap:16px}
.trust-review-featured{background:#244a89;border-color:#4d73b3;box-shadow:0 20px 50px rgba(0,12,40,.25)}
.trust-review-featured:before{border-color:rgba(200,225,255,.17);box-shadow:0 0 0 63px rgba(186,217,255,.038),0 0 0 135px rgba(186,217,255,.03)}
.trust-review-quote-mark{color:#c5dbff}
.trust-review-featured .trust-review-draft{background:rgba(218,233,255,.16);color:#f4f8ff;border:1px solid rgba(218,233,255,.23)}
.trust-review-warm{background:#e8f0fd;border-color:#c9dbf6}
.trust-review-blue{background:#d9e6fa;border-color:#bdd2f3}
.trust-review-compact .trust-review-top{color:#3d5682}
.trust-review-compact .trust-review-draft{background:#f5f9ff;border-color:#b7cceb;color:#294b81}
.trust-review-mini-quote,.trust-review-blue .trust-review-mini-quote{color:#496ca8}
.trust-review-stars{display:block;font-size:15px;letter-spacing:2px;color:#cde0ff;line-height:1.2}
.trust-review-content{padding-top:25px}
.trust-review-compact .trust-review-stars{color:#315ba0;font-size:14px;margin-top:14px}
.trust-review-compact .trust-review-mini-quote{margin-top:9px;font-size:37px}
.trust-review-compact>p{margin-bottom:16px}
.trust-review-compact .trust-review-source>div>span{color:#4a5b75}
.trust-review-source-mark{border-color:rgba(208,227,255,.36)}
.reviews-confidence-bottom{color:#c1d1ee}
.reviews-verified-marker>span{background:#4166a2;color:#fff}
.reviews-confidence-bottom a{color:#d2e4ff;border-color:#7598cb}
.reviews-confidence-bottom a:hover{color:#fff;border-color:#d6e7ff}

/* Moving review ribbon: accessible text-based marquee; animation only on transform. */
.reviews-motion{padding:clamp(55px,7vw,90px) 0 37px;background:#0d1c36;color:#f6f9ff;overflow:hidden;border-top:1px solid #284269}
.reviews-motion-head{display:flex;align-items:end;justify-content:space-between;gap:26px 48px;flex-wrap:wrap;margin-bottom:28px}
.reviews-motion-head>div:first-child{flex:1 1 350px}
.reviews-motion-head .eyebrow{color:#a7c4f5}
.reviews-motion-head h2{font-size:clamp(32px,3.9vw,54px);line-height:1.11;letter-spacing:-.055em;max-width:18ch;color:#fff;font-weight:760}
.reviews-motion-head h2 span{color:#a6c7ff}
.reviews-motion-meta{display:flex;flex-direction:column;align-items:flex-start;gap:14px;flex:0 1 350px}
.reviews-motion-meta p{font-size:13px;line-height:1.7;color:#c1d2ed;max-width:42ch;margin:0}
.reviews-motion-toggle{cursor:pointer;background:#203b68;color:#f3f8ff;border:1px solid #5475aa;border-radius:100px;display:inline-flex;gap:9px;align-items:center;padding:9px 17px;font-family:inherit;font-size:12px;font-weight:740;min-height:43px;transition:background .3s cubic-bezier(.22,1,.36,1)}
.reviews-motion-toggle:hover{background:#32558d}
.reviews-motion-toggle:focus-visible{outline:3px solid #a8caff;outline-offset:4px}
.reviews-motion-toggle-icon{font-size:14px;min-width:12px}
.reviews-motion-window{width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}
.reviews-motion-track{display:flex;align-items:stretch;width:max-content;animation:zp-reviews-drift 40s linear infinite}
.reviews-motion-set{display:flex;gap:16px;padding-right:16px;flex:0 0 auto}
.reviews-motion-card{
 background:#1b355f;border:1px solid #45669b;border-radius:18px;
 width:clamp(275px,31vw,445px);min-height:184px;display:flex;flex-direction:column;
 padding:24px 26px;flex:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)
}
.reviews-motion-card:nth-child(2){background:#264980}
.reviews-motion-card:nth-child(3){background:#183056}
.reviews-motion-top{display:flex;justify-content:space-between;gap:9px;align-items:center;flex-wrap:wrap}
.reviews-motion-stars{color:#c4d9ff;letter-spacing:2px;font-size:14px}
.reviews-motion-demo{font-size:10px;color:#e0ebff;background:rgba(223,237,255,.12);padding:5px 9px;border-radius:100px}
.reviews-motion-card p{font-size:clamp(18px,1.5vw,23px);line-height:1.34;letter-spacing:-.03em;font-weight:700;margin:20px 0 18px;color:#fff;flex:1}
.reviews-motion-source{font-size:11px;color:#cadaf3;font-weight:660}
.reviews-motion-note{font-size:11px;color:#c3d4f0;margin-top:24px;max-width:100ch}
.reviews-motion[data-paused="true"] .reviews-motion-track,.reviews-motion-window:hover .reviews-motion-track,.reviews-motion-window:focus-within .reviews-motion-track{animation-play-state:paused}
@keyframes zp-reviews-drift{to{transform:translateX(-50%)}}
@media(max-width:750px){
 .reviews-motion{padding-block:54px 28px}
 .reviews-motion-head{gap:14px;margin-bottom:22px}
 .reviews-motion-meta{gap:13px}
 .reviews-motion-meta p{font-size:12px}
 .reviews-motion-track{animation-duration:47s}
 .reviews-motion-card{width:275px;min-height:174px;padding:22px}
 .reviews-confidence-heading h2 span{color:#bed5ff}
}
@media(prefers-reduced-motion:reduce){
 .reviews-motion-track{animation:none!important}
 .reviews-motion-window{overflow-x:auto;mask-image:none}
 .reviews-motion-toggle{display:none}
 .trust-review-card{transition:none}
}

/* WCAG AA: caption in the ice-blue package bonus. */
.bonus > p{color:#3e557d}

/* Limit the height of long CSV quotes within the moving banner only.
   Complete text remains in the HTML; the banner shows a concise excerpt. */
.reviews-motion .reviews-motion-card p{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:5;
  overflow:hidden;
  flex:0 1 auto;
}
.reviews-motion .reviews-motion-source{margin-top:auto}


/* system-themes.css */
/* Taste color system — ZaakPagina premium web design.
   Light mode uses an ice-white foundation; dark mode matches OS/browser via
   prefers-color-scheme.  The same blue brand, illustrations, content and layout
   remain unchanged.  This layer intentionally comes after earlier homepage CSS.
   No script, cookies, tracking, or persistence needed. */
:root{
  color-scheme:light;
  --zp-ui-page:#f7faff;
  --zp-ui-surface:#ffffff;
  --zp-ui-surface-alt:#eaf1fb;
  --zp-ui-text:#101f3b;
  --zp-ui-muted:#4d6181;
  --zp-ui-line:#d4e1f3;
  --zp-ui-accent:#3054a5;
  --text:#101f3b;
  --muted:#4d6181;
  --line:#d4e1f3;
}
main{background:var(--zp-ui-page)}
.about{background:#f7faff}
.faq{background:#ecf3ff}
.work{background:#f9fbff}
.craft{background:#f7faff}
.offer{background:#eaf1fb}
.section-intro>p,.about-layout>div:nth-child(2) p{color:var(--zp-ui-muted)}
@media(prefers-color-scheme:dark){
  :root{
    color-scheme:dark;
    --zp-ui-page:#0c1933;
    --zp-ui-surface:#182e50;
    --zp-ui-surface-alt:#172c49;
    --zp-ui-text:#f0f6ff;
    --zp-ui-muted:#bfcee5;
    --zp-ui-line:#3b5479;
    --zp-ui-accent:#a7c6ff;
    --text:#f0f6ff;
    --muted:#bfcee5;
    --line:#3b5479;
    --paper:#172c49;
    --cream:#152946;
    --sage:#172c49;
    --soft:#142844;
    --forest:#3054a5;
  }
  html,body,main{background:#0c1933!important;color:var(--zp-ui-text)}
  ::selection{background:#a9c6fb;color:#122442}
  :focus-visible{outline-color:#b6d0ff}
  .skip-link{background:#e4efff;color:#112645}
  .masthead{background:#10203b;border-bottom-color:#294469;color:#f5f9ff}
  .desktop-nav a,.mobile-menu a{color:#e4eefe}
  .desktop-nav a:hover{color:#bdd4ff}
  .brand-wordmark{color:#f4f8ff}
  .brand-wordmark span{color:#91beff}
  .nav-cta{background:#365da9;color:#fff}
  .nav-cta:hover{background:#4b74c1}
  .mobile-menu summary{color:#eff5ff}
  .mobile-menu summary span{background:#e1edff}
  .mobile-menu[open] nav{background:#152d50;border-color:#365783;color:#f5f9ff}

  /* Signature dark components remain on-brand in either system mode. */
  .hero-v4{background:#101f3b}
  .hero-v4 .hero-visual{background:#101f3b}
  .hero-v4 .hero-message{background:#101f3b}
  .hero-v4 .hero-actions{background:#101f3b}
  .hero-v4 .hero-aside{background:#101f3b}
  .reviews-confidence{background:#102342!important}
  .reviews-motion{background:#0d1c36}
  .closing{background:#3054a5;color:#fff}
  .footer{background:#0c1933;color:#e4edff}

  /* Surface rhythm: three elevated navy shades instead of pitch black. */
  .trust-rail{background:#132a49;border-color:#344f75;color:#e4eeff}
  .trust-rail-inner{color:#e4eeff}
  .trust-rail-symbol{background:#284c83;color:#f0f6ff}
  .trust-rail-reviews{color:#b9d4ff}
  .trust-rail-stars{color:#bed5ff}
  .work{background:#10223e}
  .approach{background:#142b4a}
  .craft{background:#10243f}
  .offer{background:#152e4d}
  .about{background:#122641}
  .faq{background:#0f223d;border-color:#3a557b}
  .work,.approach,.craft,.offer,.about,.faq{color:#f0f6ff}
  .work h2,.approach h2,.craft h2,.offer h2,.about h2,.faq h2,
  .work h3,.approach h3,.craft h3,.offer h3,.about h3,.faq h3{color:#f6f9ff}
  .section-intro h2 span,.work h2 span,.craft h2 span,.offer h2 span,.about h2 span{color:#accaff}
  .section-intro>p,.approach-intro>p:not(.eyebrow),
  .craft-copy>p:not(.eyebrow):not(.image-disclosure),
  .offer-copy>p:not(.eyebrow),.offer-copy>.offer-note,
  .about-layout>div:nth-child(2) p,.faq-items details p,
  .example-disclosure{color:#c5d4ea!important}
  .work .eyebrow,.approach .eyebrow,.craft .eyebrow,.offer .eyebrow,
  .about .eyebrow,.faq .eyebrow{color:#a9caff}
  .underlined-link{color:#c2d7ff;border-color:#86a8db}
  .underlined-link:hover{color:#fff}

  /* Showcase cards: embedded brand imagery remains its original color. */
  .work-card-showcase{background:#1a3254;border-color:#375b87;box-shadow:0 14px 32px rgba(3,14,33,.15)}
  .work-card-showcase:hover{box-shadow:0 22px 42px rgba(3,14,33,.27)}
  .work-card-showcase>a{color:#f0f6ff}
  .work-image-showcase{background:#203957;border-bottom-color:#395476}
  .work-caption-showcase h3{color:#fff}
  .work-caption-showcase p{color:#c7d5e9}
  .case-showcase-overline{color:#a9c8fa}
  .case-showcase-cta{color:#d2e2ff}
  .work-card-showcase:hover .case-showcase-cta{border-color:#c7dcff}

  /* Process timeline + website anatomy on higher-depth surfaces. */
  .approach-steps li,.approach-steps li:last-child{border-color:#426087}
  .approach-steps .step-number{color:#b4d1ff}
  .approach-steps li div p{color:#c2d3ec}
  .process-icon{background:#243e62;color:#e1edff}
  .craft-explainer-stage{background:#1d3758;border-color:#456187;box-shadow:0 21px 46px rgba(1,10,27,.24)}
  .craft-explainer figcaption,.craft-explainer figcaption span:last-child{color:#bfd0eb}
  .craft-building-blocks,.craft-building-blocks li{border-color:#425f84}
  .craft-building-blocks strong{color:#f6f9ff}
  .craft-building-blocks p{color:#c5d6ed}
  .craft-block-number{color:#a8caff}
  .craft-copy>.image-disclosure{color:#bdcde2}
  .craft-action{background:#355ca8;color:#fff}
  .craft-action:hover{background:#527bc4}
  .craft-action:focus-visible{outline-color:#a9cbff}

  /* Pricing, extras, and FAQ are designed for small text readability. */
  .offer-list li{border-color:#405a7b;color:#edf4ff}
  .offer-list li:before{color:#bad5ff}
  .pricing-card{background:#203959;border-color:#4a6488;color:#f4f8ff;box-shadow:0 20px 50px rgba(2,12,32,.19)}
  .pricing-card h3,.pricing-card strong,.price strong,.pricing-extras strong{color:#fff}
  .price,.pricing-extras,.pricing-extras p{border-color:#496587}
  .price span,.price-footnote,.pricing-extras p{color:#c5d6ec}
  .price-eyebrow{color:#c4dcff}
  .bonus{background:#2a4770!important;border:1px solid #6786b0!important;color:#edf5ff}
  .bonus-kicker{color:#d4e5ff!important}
  .bonus strong{color:#f8fbff}
  .bonus p,.bonus>p{color:#d4e2f4!important}
  .button-dark,.pricing-card .button-dark{background:#a9c8ff;color:#102545}
  .button-dark .button-arrow,.pricing-card .button-dark .button-arrow{background:rgba(15,41,82,.12);color:#142d51}
  .button-dark:hover,.pricing-card .button-dark:hover{background:#d1e1ff;color:#102545}
  .faq-items,.faq-items details{border-color:#405b81}
  .faq-items summary{color:#f2f7ff}
  .faq-items summary:hover{color:#b7d2ff}

  /* Light content inside genuine photography / demo screenshots stays untouched. */
  .masthead,.work,.approach,.craft,.offer,.about,.faq,.pricing-card,.work-card-showcase{
    transition:background-color .25s cubic-bezier(.22,1,.36,1),color .25s cubic-bezier(.22,1,.36,1)
  }
}
@media(prefers-reduced-motion:reduce){
 .masthead,.work,.approach,.craft,.offer,.about,.faq,.pricing-card,.work-card-showcase{transition:none}
}

/* Overrides for older, more specific light-only rules. */
@media(prefers-color-scheme:dark){
 .masthead .brand-wordmark>span{color:#a8cfff}
 .craft-copy>p.image-disclosure{color:#c6d6eb;font-size:11px;line-height:1.55}
}


/* price-and-sticky.css */
/* Taste — sticky navigation + premium price architecture.
 * One real construction price, no fabricated strike-through or urgency.
 * Complements automatic system-themes.css (same Blue/Ice White identity). */
:root{
  --price-paper:#ffffff;
  --price-ink:#101f3b;
  --price-muted:#4a6180;
  --price-line:#d4e0f3;
  --price-soft:#e8f1ff;
  --price-pill:#d6e5ff;
  --price-cta:#203e7c;
  --price-accent:#3054a5;
}
html{scroll-padding-top:98px}
section[id]{scroll-margin-top:96px}
.masthead{
  position:sticky;top:0;z-index:110;
  background:#fff;isolation:isolate;
  box-shadow:0 8px 28px rgba(16,31,59,.055);
  border-bottom:1px solid #dce7f6;
}
.masthead-inner{position:relative}
.mobile-menu{z-index:2}
.mobile-menu nav{z-index:5}
.mobile-menu summary:focus-visible{outline:3px solid #5f85c8;outline-offset:3px}
/* A slim bonus announcement above examples links directly to the full price. */
.promotion-ribbon{background:#dfeafc;border-top:1px solid #cadcf6;border-bottom:1px solid #c8d8f1}
.promotion-ribbon-inner{
 display:flex;align-items:center;gap:13px;padding-block:14px;min-height:60px;
 color:#1a355f;font-size:13px;line-height:1.4
}
.promotion-ribbon-mark{
 flex:none;display:grid;place-items:center;width:30px;height:30px;
 border-radius:10px;background:#3054a5;color:#fff;font-size:20px
}
.promotion-ribbon-inner p{flex:1;margin:0;max-width:none}
.promotion-ribbon-inner strong{font-weight:830}
.promotion-ribbon-inner a{
 color:#234b90;font-size:12px;font-weight:820;white-space:nowrap;
 text-decoration:none;border-bottom:1px solid #7197d2;padding-bottom:2px;
}
.promotion-ribbon-inner a:hover{color:#163363;border-color:#163363}
.promotion-ribbon-inner a:focus-visible{outline:3px solid #527ed0;outline-offset:4px}
/* Move construction price into the early decision flow without overlong whitespace. */
.offer.section-pad{padding-block:clamp(58px,6vw,87px)}
.offer-layout{gap:clamp(27px,5.5vw,89px);grid-template-columns:minmax(0,1.04fr) minmax(355px,.96fr);align-items:center}
.offer-copy h2{max-width:15.5ch}
.offer-copy>p:not(.eyebrow){margin-top:19px;max-width:46ch}
.offer-list{margin-top:24px}
.offer-list li{padding-block:10px;font-size:14px}
.pricing-card.pricing-card-premium{
 --price-paper:#fff;
 --price-ink:#101f3b;
 background:var(--price-paper);color:var(--price-ink);
 border:1px solid #cad9f0;border-radius:22px;
 padding:clamp(24px,3.4vw,43px);
 box-shadow:0 29px 72px rgba(15,43,93,.12),0 3px 15px rgba(15,43,93,.04);
 position:relative;overflow:hidden
}
.pricing-card-premium:before{content:"";display:block;position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#3054a5,#a5c5ff);pointer-events:none}
.price-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.price-eyebrow{letter-spacing:.105em;color:#3c5c96}
.price-card-check{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:50%;color:#204888;background:#e8f1ff;font-size:14px;font-weight:900}
.pricing-card-premium h3{max-width:none;letter-spacing:-.05em;margin:12px 0 19px;font-size:clamp(27px,3vw,37px);line-height:1.12}
.pricing-card-premium .price{
 display:flex;align-items:baseline;gap:20px;
 padding-bottom:10px;border-bottom:0
}
.pricing-card-premium .price strong{font-size:clamp(72px,7.8vw,103px);letter-spacing:-.095em;line-height:1;font-weight:800;color:var(--price-ink)}
.pricing-card-premium .price span{font-size:13px;font-weight:680;line-height:1.5;color:#435a79}
.price-one-time{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:790;color:#294f91;margin-top:3px}
.price-one-time>span{display:grid;place-items:center;background:#e7f0ff;color:#2859a4;width:18px;height:18px;border-radius:50%;font-size:12px}
.price-benefits{display:flex;flex-wrap:wrap;gap:9px 13px;padding:17px 0 18px;font-size:11px;font-weight:710;color:#435b7d}
.price-benefits span{display:inline-flex;gap:5px;align-items:center}
.bonus.bonus-design{
 margin:6px 0 18px;padding:20px 20px 17px;
 background:linear-gradient(135deg,#e8f1ff 0%,#f3f7ff 100%)!important;
 border:1px solid #b9d0f1!important;border-radius:15px!important;
 color:#13284d;position:relative;overflow:hidden;
}
.bonus-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}
.bonus-design .bonus-kicker{font-size:10px;letter-spacing:.14em;color:#31599d!important;margin:0}
.bonus-pill{display:inline-block;background:#3054a5;color:white;font-size:10px;font-weight:860;letter-spacing:.08em;padding:6px 11px;border-radius:100px;white-space:nowrap}
.bonus-row{display:grid;grid-template-columns:minmax(0,1fr) 104px;align-items:center;gap:17px}
.bonus-design strong{font-size:17px;font-weight:800;line-height:1.26;letter-spacing:-.025em;color:#112b52}
.bonus-design p,.bonus-design>p{color:#405d87!important;margin-top:7px;line-height:1.58;font-size:12px}
.bonus-visual{
 height:101px;border:1px solid #b7c9e6;border-radius:10px;background:#fff;
 box-shadow:0 10px 25px rgba(25,64,120,.11);
 display:flex;flex-direction:column;justify-content:space-between;padding:12px;min-width:0;transform:rotate(4deg)
}
.bonus-visual-type{font-size:34px;line-height:1;font-weight:840;letter-spacing:-.08em;color:#142b55;display:flex;justify-content:space-between;align-items:flex-start}
.bonus-visual-type span{font-size:9px;font-weight:770;letter-spacing:0;color:#45669b}
.bonus-visual-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.bonus-visual-swatches i{height:14px;border-radius:3px;background:#10203b}
.bonus-visual-swatches i:nth-child(2){background:#3054a5}
.bonus-visual-swatches i:nth-child(3){background:#9ebff6}
.bonus-visual-swatches i:nth-child(4){background:#e1ebfb}
.pricing-card-premium .price-primary-action{
 width:100%;background:#101f3b;color:#fff;border-radius:13px;
 font-size:13px;min-height:57px;text-align:left;white-space:normal;
 box-shadow:0 9px 22px rgba(25,54,106,.12)
}
.pricing-card-premium .price-primary-action:hover{background:#3054a5;color:#fff}
.pricing-card-premium .price-primary-action .button-arrow{flex:none;background:#33548d;color:#fff;border-radius:9px}
.price-footnote{margin:12px 0 23px;color:#5c6f8c;font-size:11px;line-height:1.6}
.pricing-extras-heading{font-size:10px;color:#50678b;font-weight:820;text-transform:uppercase;letter-spacing:.09em;display:block;margin-bottom:7px}
.pricing-extras p{padding-block:12px;line-height:1.5;font-size:12px;color:#566982;gap:14px}
.pricing-extras strong{font-size:12px;font-weight:810}
/* Color-scheme variant: deep blue surfaces without low-contrast text. */
@media(prefers-color-scheme:dark){
  :root{--price-paper:#1e395e;--price-ink:#fff;--price-muted:#c4d6ee;--price-line:#4b6890;--price-soft:#243f68}
  .masthead{background:#10203b;border-color:#2e4d75;box-shadow:0 10px 25px rgba(3,11,27,.22)}
  .mobile-menu summary{border-color:#48638a;background:#1b3556}
  .mobile-menu summary span{background:#e0ecff}
  .mobile-menu nav{background:#193353;border-color:#46648f}
  .mobile-menu nav a{color:#e8f0ff}
  .promotion-ribbon{background:#203c66;border-color:#476a9d;color:#f0f6ff}
  .promotion-ribbon-inner{color:#eef5ff}
  .promotion-ribbon-mark{background:#aacbff;color:#143158}
  .promotion-ribbon-inner a{color:#d8e9ff;border-color:#92b8e9}
  .promotion-ribbon-inner a:hover{color:#fff;border-color:#fff}
  .pricing-card.pricing-card-premium{
    background:#1e395e;color:#f2f7ff;border-color:#4b6d9b;
    box-shadow:0 29px 62px rgba(0,8,24,.22)
  }
  .pricing-card-premium:before{background:linear-gradient(90deg,#9ec0f8,#416fb6)}
  .price-eyebrow{color:#c1d7ff}
  .price-card-check{color:#deedff;background:#34598c}
  .pricing-card-premium h3{color:#fff}
  .pricing-card-premium .price strong{color:#fff}
  .pricing-card-premium .price span{color:#d1e0f2}
  .price-one-time{color:#cbddfa}
  .price-one-time>span{background:#335b97;color:#f6f9ff}
  .price-benefits{color:#cfdef2}
  .bonus.bonus-design{
    background:linear-gradient(135deg,#2a4c80 0%,#24426e 100%)!important;
    border-color:#6687b6!important;color:#fff
  }
  .bonus-design .bonus-kicker{color:#cee1ff!important}
  .bonus-pill{background:#c4daff;color:#1a3964}
  .bonus-design strong{color:#fff}
  .bonus-design p,.bonus-design>p{color:#d8e5f6!important}
  .bonus-visual{background:#f7faff}
  .pricing-card-premium .price-primary-action{background:#b5d0ff;color:#14294b;box-shadow:none}
  .pricing-card-premium .price-primary-action:hover{background:#d8e7ff;color:#14294b}
  .pricing-card-premium .price-primary-action .button-arrow{background:#8eb0ea;color:#152d51}
  .price-footnote{color:#c8d8ee}
  .pricing-extras{border-color:#52729d}
  .pricing-extras-heading{color:#c7d9f4}
  .pricing-extras p{color:#d2e0f2;border-color:#4d6a92}
  .pricing-extras strong{color:#fff}
}
@media(max-width:1000px){.offer-layout{grid-template-columns:minmax(0,1fr);gap:27px}.offer-copy h2{max-width:19ch}.pricing-card.pricing-card-premium{max-width:650px;width:100%;margin-inline:auto}}
@media(max-width:680px){
  html{scroll-padding-top:82px}
  section[id]{scroll-margin-top:82px}
  .masthead{height:72px}
  .masthead-inner{height:100%}
  .promotion-ribbon-inner{display:grid;grid-template-columns:30px minmax(0,1fr);gap:5px 13px;padding-block:12px;font-size:12px}
  .promotion-ribbon-mark{grid-row:span 2}
  .promotion-ribbon-inner a{grid-column:2;justify-self:start;font-size:11px;margin-top:3px}
  .offer.section-pad{padding-block:52px 60px}
  .pricing-card.pricing-card-premium{padding:25px 20px;border-radius:17px}
  .pricing-card-premium h3{font-size:28px}
  .pricing-card-premium .price strong{font-size:76px}
  .price-benefits{gap:6px 13px;padding-block:13px}
  .bonus.bonus-design{padding:17px 15px}
  .bonus-row{grid-template-columns:minmax(0,1fr) 83px;gap:10px}
  .bonus-visual{height:89px;padding:9px}
  .bonus-visual-type{font-size:28px}
  .bonus-design strong{font-size:15px}
  .bonus-design p{font-size:11px}
}
@media(max-width:359px){
 .promotion-ribbon-inner{font-size:11px}
 .bonus-row{grid-template-columns:minmax(0,1fr) 70px;gap:7px}
 .bonus-visual{height:82px}
 .pricing-card-premium .price-primary-action{font-size:12px;padding-left:13px}
}
@media(prefers-reduced-motion:reduce){.masthead,.pricing-card-premium .button{transition:none}}

/* Price comes directly after the hero. On mobile lead with the actual offer:
   visitors should see €249 before the lengthy included-features explanation. */
@media(max-width:1000px){
 .offer-layout{display:flex;flex-direction:column;align-items:stretch}
 .offer-layout>.pricing-card{order:-1}
 .offer-layout>.offer-copy{order:0}
 .offer-copy{max-width:650px;margin-inline:auto;width:100%}
}
@media(max-width:680px){
 .offer.section-pad{padding-block:32px 52px}
 .offer-layout{gap:27px}
 .offer-copy h2{font-size:clamp(32px,8vw,42px)}
}

/* Browser scroll-padding already accounts for the sticky header; do not add margin again. */
section[id]{scroll-margin-top:0}


/* process-illustrations.css */
/* ZaakPagina premium redesign — verhalende illustraties bij de 3 stappen.
   Alleen #aanpak: behoud de bestaande typografie, scheidslijnen en kleuren. */
#aanpak .approach-steps li {
  grid-template-columns: 34px minmax(0,1fr) clamp(135px,14vw,180px);
  column-gap: clamp(14px,2.1vw,24px);
  align-items: center;
  padding-block: 20px;
  min-height: 160px;
}
#aanpak .approach-steps li > div { min-width: 0; }
#aanpak .approach-steps .step-number {
  align-self: start;
  padding-top: 17px;
}
#aanpak .approach-steps .step-art {
  display: block;
  width: 100%;
  max-width: 180px;
  height: 136px;
  justify-self: end;
  align-self: center;
  overflow: hidden;
  border-radius: 15px;
  background: #edf2fa;
  isolation: isolate;
}
#aanpak .approach-steps .step-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  background: #edf2fa;
  transform: scale(1.05);
  transition: transform .28s ease;
}
@media (hover:hover) and (pointer:fine) {
  #aanpak .approach-steps li:hover .step-art img { transform: scale(1.085); }
}
@media (max-width: 760px) {
  #aanpak .approach-steps li {
    grid-template-columns: 27px minmax(0,1fr) clamp(100px,30vw,127px);
    column-gap: clamp(8px,2vw,13px);
    min-height: 157px;
    padding-block: 15px;
  }
  #aanpak .approach-steps .step-number { padding-top: 5px; }
  #aanpak .approach-steps h3 { font-size: clamp(18px,4.7vw,22px); line-height: 1.24; }
  #aanpak .approach-steps li p { font-size: 13px; line-height: 1.58; margin-top: 9px; }
  #aanpak .approach-steps .step-art {
    width: 100%;
    height: clamp(113px,35vw,144px);
    border-radius: 13px;
  }
}
@media (max-width: 355px) {
  #aanpak .approach-steps li { grid-template-columns: 24px minmax(0,1fr) 92px; column-gap: 7px; }
  #aanpak .approach-steps h3 { font-size: 17px; }
  #aanpak .approach-steps li p { font-size: 12px; }
  #aanpak .approach-steps .step-art { height: 108px; }
}
@media (prefers-color-scheme: dark) {
  #aanpak .approach-steps .step-art,
  #aanpak .approach-steps .step-art img { background-color: #edf2fa; }
}
@media (prefers-reduced-motion: reduce) {
  #aanpak .approach-steps .step-art img { transition: none; transform: none; }
  #aanpak .approach-steps li:hover .step-art img { transform: none; }
}


/* blue-depth-taste.css */
/* Taste: restrained architectural blue geometry for the ZaakPagina homepage.
   Based on the tonal arcs used on inner-page navy hero backgrounds.
   Decorations are pure CSS: non-interactive, no additional images or scripts. */

/* The hero gets a hint of layered ink-blue behind the copy, not over the image. */
.hero-v4 .hero-copy{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(ellipse 85% 75% at 100% 4%,rgba(124,164,228,.09),transparent 79%),
    linear-gradient(148deg,#101f3b 26%,#172b4b 100%);
}
.hero-v4 .hero-message{
  position:relative;
  isolation:isolate;
}
/* Oversized low-opacity arc: decorative only, and always behind text. */
.hero-v4 .hero-message::before{
  content:"";
  position:absolute;
  z-index:0;
  width:clamp(420px,51vw,795px);
  aspect-ratio:1;
  border:1px solid rgba(198,219,255,.13);
  border-radius:50%;
  box-shadow:
    0 0 0 clamp(58px,6.2vw,112px) rgba(155,194,248,.035),
    0 0 0 clamp(133px,15vw,225px) rgba(143,178,231,.019);
  inset:auto auto -60% 21%;
  pointer-events:none;
}
.hero-v4 .hero-message>*{position:relative;z-index:1}
.hero-v4 .hero-actions{position:relative;z-index:1}

/* The short statement anchors the page with a second, quieter navy treatment. */
.statement{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(ellipse 60% 180% at 100% 28%,rgba(115,155,219,.11),transparent 77%),
    #172d50;
}
.statement::before{
  content:"";
  width:clamp(370px,48vw,700px);
  aspect-ratio:1;
  border-radius:50%;
  border:1px solid rgba(197,218,255,.12);
  box-shadow:0 0 0 80px rgba(154,190,245,.026);
  position:absolute;
  right:-9%;
  top:-165%;
  z-index:0;
  pointer-events:none;
}
.statement-inner{position:relative;z-index:1}

/* Closing CTA: a broader tonal sweep and a single clear contour,
   leaving button, heading, reviews and footer transition unobstructed. */
.closing{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(ellipse 73% 145% at 90% 3%,rgba(170,202,255,.16),transparent 67%),
    linear-gradient(117deg,#3054a5 34%,#29498f 100%);
}
.closing::before{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  width:clamp(490px,67vw,1100px);
  aspect-ratio:1;
  right:-28%;
  top:-175%;
  border-radius:50%;
  border:1px solid rgba(229,238,255,.21);
  box-shadow:0 0 0 116px rgba(201,221,255,.042),0 0 0 233px rgba(201,221,255,.025);
}
.closing-inner{position:relative;z-index:1}

/* On mobile hero-copy uses display:contents; the message needs its own
   background and the decoration must never crowd or obscure the headline. */
@media(max-width:680px){
  .hero-v4 .hero-message{
    overflow:hidden;
    background:
      radial-gradient(ellipse 108% 85% at 105% 7%,rgba(139,174,231,.09),transparent 83%),
      linear-gradient(155deg,#101f3b 25%,#172b4b 100%)!important;
  }
  .hero-v4 .hero-message::before{
    width:clamp(420px,134vw,620px);
    bottom:-30%;
    left:23%;
    box-shadow:
      0 0 0 63px rgba(155,194,248,.03),
      0 0 0 137px rgba(143,178,231,.018);
  }
  .hero-v4 .hero-actions{background:#172b4b!important}
  .statement::before{
    width:420px;
    top:-110%;
    right:-65%;
  }
  .closing::before{
    width:680px;
    right:-160%;
    top:-105%;
    box-shadow:0 0 0 68px rgba(201,221,255,.04),0 0 0 132px rgba(201,221,255,.02);
  }
}
@media(prefers-color-scheme:dark){
  /* These bands are already navy in both schemes: retain the brand shapes. */
  .hero-v4 .hero-copy{
    background:
      radial-gradient(ellipse 85% 75% at 100% 4%,rgba(124,164,228,.09),transparent 79%),
      linear-gradient(148deg,#101f3b 26%,#172b4b 100%);
  }
  .hero-v4 .hero-message{background:transparent}
  .hero-v4 .hero-actions{background:transparent}
  .statement{background:
    radial-gradient(ellipse 60% 180% at 100% 28%,rgba(115,155,219,.11),transparent 77%),#172d50}
  .closing{background:
    radial-gradient(ellipse 73% 145% at 90% 3%,rgba(170,202,255,.16),transparent 67%),
    linear-gradient(117deg,#3054a5 34%,#29498f 100%)}
}
@media(prefers-reduced-motion:reduce){
  .hero-v4 .hero-message::before,.statement::before,.closing::before{transition:none;animation:none}
}

/* Editorial rhythm: less empty space on long screens, especially phones.
   Preserve demo previews, review slots, hero art, and the full €249 price card. */
.work.section-pad,.approach.section-pad,.craft.section-pad,
.about.section-pad,.faq.section-pad,.reviews-wall.section-pad{
 padding-block:clamp(49px,5.1vw,73px);
}
.reviews-motion{padding-block:clamp(46px,5vw,68px) 30px}
.work .section-intro{margin-bottom:clamp(22px,3vw,37px)}
.craft-copy>p:not(.eyebrow){line-height:1.67}
.about .about-layout>div:nth-child(2) p{margin-bottom:13px}
@media(max-width:680px){
 .work.section-pad{padding-block:42px 48px}
 .reviews-wall.section-pad{padding-block:44px 47px}
 .approach.section-pad{padding-block:42px 49px}
 .craft.section-pad{padding-block:43px 48px}
 .about.section-pad,.faq.section-pad{padding-block:42px 45px}
 .reviews-motion{padding-block:44px 26px}
 .work .section-intro{margin-bottom:24px}
 .craft-building-blocks{margin-top:18px}
 .craft-building-blocks li{padding-block:14px}
}