@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=Nunito:wght@400;500;600;700;800;900&display=swap');

:root{
  --navy:#13172B;
  --navy-2:#1E2440;
  --navy-3:#2D3458;
  --orange:#F97316;
  --orange-2:#FB923C;
  --cream:#FAF9F6;
  --white:#FFFFFF;
  --ink:#101426;
  --muted:#475569;
  --muted-2:#64748B;
  --line:rgba(19,23,43,.12);
  --line-dark:rgba(255,255,255,.16);
  --shadow:0 20px 60px rgba(19,23,43,.10);
  --shadow-soft:0 12px 36px rgba(19,23,43,.08);
  --radius:clamp(18px,2vw,28px);
  --radius-sm:14px;
  --wrap:min(100% - clamp(40px,8vw,128px),1180px);
  --narrow:min(100% - clamp(40px,8vw,128px),820px);
  --space-1:clamp(10px,1.2vw,14px);
  --space-2:clamp(16px,2vw,24px);
  --space-3:clamp(24px,3.2vw,42px);
  --space-4:clamp(40px,5vw,72px);
  --space-5:clamp(64px,8vw,112px);
  --font-head:'Syne',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-body:'Nunito',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}

*{box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:var(--cream);color:var(--navy);font-family:var(--font-body);font-size:clamp(1rem,.96rem + .18vw,1.1rem);line-height:1.65;overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
button,input,select,textarea{font:inherit}
img,svg,video,iframe{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
p{margin:0;max-width:68ch}
ul,ol{margin:0;padding-left:1.25rem}
li{margin:.2rem 0}
p,li,summary,a,span,td,th{overflow-wrap:break-word;word-break:normal}
h1,h2,h3,h4{margin:0;color:inherit;font-family:var(--font-head)!important;font-weight:800;font-synthesis:none;line-height:1.08;letter-spacing:-.045em;text-wrap:balance;overflow-wrap:normal;word-break:normal;hyphens:none}
h1{font-size:clamp(2.2rem,1.48rem + 2.8vw,4.35rem);max-width:min(100%,14ch)}
h2{font-size:clamp(1.95rem,1.42rem + 2vw,3.75rem);max-width:min(100%,18ch)}
h3{font-size:clamp(1.24rem,1.08rem + .62vw,1.72rem);line-height:1.18;letter-spacing:-.025em}
h4{font-size:clamp(1.05rem,.96rem + .32vw,1.24rem);line-height:1.2}
.skip-link{position:absolute;left:-999px;top:12px;background:var(--orange);color:#fff;padding:12px 16px;border-radius:10px;z-index:999}.skip-link:focus{left:12px}

.site-header{position:sticky;top:0;z-index:90;background:rgba(19,23,43,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--line-dark)}
.site-header__inner{width:var(--wrap);margin:auto;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,2vw,28px)}
.site-logo{display:flex;align-items:center;flex:0 0 auto}.site-logo img{height:32px;width:auto}.site-logo__dark{display:none}.site-logo__light{display:block}
.desktop-nav{display:none;align-items:center;gap:clamp(14px,1.55vw,24px);font-family:var(--font-body);font-weight:800;font-size:clamp(.82rem,.76rem + .15vw,.94rem);letter-spacing:.01em;color:#fff}.desktop-nav a{white-space:nowrap;opacity:.78}.desktop-nav a:hover{opacity:1;color:var(--orange-2)}
.header-cta{display:none;background:var(--orange);color:#fff;font-weight:900;border-radius:999px;padding:.72rem 1.05rem;font-size:.9rem;line-height:1;box-shadow:0 10px 28px rgba(249,115,22,.24);white-space:nowrap}
.menu-toggle{border:1px solid var(--line-dark);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:.58rem .78rem;display:flex;align-items:center;gap:.6rem;font-family:var(--font-body);font-size:.82rem;font-weight:900;line-height:1}.menu-toggle i{width:18px;height:12px;position:relative;display:block}.menu-toggle i:before,.menu-toggle i:after{content:"";position:absolute;left:0;width:100%;height:2px;background:currentColor;border-radius:2px}.menu-toggle i:before{top:1px}.menu-toggle i:after{bottom:1px}
.mobile-nav{display:none;position:fixed;z-index:80;top:72px;left:0;right:0;max-height:calc(100dvh - 72px);overflow:auto;background:var(--navy);border-bottom:1px solid var(--line-dark);padding:18px clamp(20px,5vw,36px) 28px;box-shadow:0 30px 70px rgba(19,23,43,.22)}.menu-open .mobile-nav{display:grid;gap:8px}.mobile-nav a{padding:12px 0;border-bottom:1px solid var(--line-dark);font-family:var(--font-body)!important;font-size:clamp(1rem,.95rem + .25vw,1.15rem);font-weight:900;color:#fff}.mobile-nav a:hover{color:var(--orange-2)}
@media (min-width:1060px){.desktop-nav{display:flex}.header-cta{display:inline-flex}.menu-toggle{display:none}.mobile-nav{display:none!important}}

.site-main{min-height:60vh}.hero,.section{position:relative;overflow:hidden}.hero{min-height:min(700px,calc(100dvh - 72px));display:grid;align-items:center;padding:var(--space-5) 0}.hero--dark{background:radial-gradient(circle at 78% 22%,rgba(249,115,22,.16),transparent 28%),var(--navy);color:#fff}.hero--light{background:var(--cream);color:var(--navy)}.hero__inner{width:var(--wrap);margin:auto;display:grid;gap:var(--space-4);align-items:center}.hero__content{display:grid;gap:var(--space-2)}.hero__text{font-size:clamp(1.04rem,.96rem + .34vw,1.26rem);line-height:1.68;color:inherit;opacity:.86;max-width:62ch}.eyebrow,.section-eyebrow{font-family:var(--font-body);font-size:clamp(.75rem,.7rem + .16vw,.86rem);font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin:0 0 var(--space-1)}
.actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px;margin-top:6px}.actions--center{justify-content:center;align-items:center}.btn,.btn-primary,.btn-outline{display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:100%;min-height:46px;padding:.82rem 1.2rem;border-radius:999px;font-family:var(--font-body)!important;font-weight:900;line-height:1.1;text-align:center;border:1.5px solid transparent}.btn--primary,.btn-primary{background:var(--orange);color:#fff;box-shadow:0 10px 28px rgba(249,115,22,.24)}.btn--secondary,.btn-outline{border-color:currentColor;color:inherit;background:transparent}.text-link{color:var(--orange)!important;font-weight:900;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.system-visual{min-height:clamp(220px,34vw,440px);border-radius:var(--radius);background:radial-gradient(circle at 82% 20%,rgba(249,115,22,.28),transparent 26%),linear-gradient(145deg,var(--navy-2),#090d1b);border:1px solid var(--line-dark);position:relative;overflow:hidden;box-shadow:var(--shadow)}.system-visual:before{content:"";position:absolute;inset:10%;border:1px solid rgba(255,255,255,.12);border-radius:30px}.system-visual span{position:absolute;background:rgba(250,249,246,.92);border-radius:999px}.system-visual span:nth-child(1){width:44%;height:16px;left:12%;top:24%}.system-visual span:nth-child(2){width:68%;height:16px;left:20%;top:46%;background:rgba(249,115,22,.88)}.system-visual span:nth-child(3){width:36%;height:16px;right:12%;bottom:24%}
.hero__media,.editable-media{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:var(--cream);min-height:260px}.hero__media{min-height:clamp(220px,34vw,440px)}.hero__media img,.editable-media img{width:100%;height:100%;object-fit:cover}.editable-media--center{max-width:860px;margin:0 auto var(--space-3)}
@media (min-width:900px){.hero__inner{grid-template-columns:minmax(0,1.02fr) minmax(320px,.72fr)}.hero--center .hero__inner{display:block}.hero--center .hero__content{max-width:860px;margin:auto;text-align:center;place-items:center}}

.section{padding:var(--space-5) 0}.section__inner{width:var(--wrap);margin:auto;min-width:0}.section__inner.narrow{width:var(--narrow)}.section--light{background:var(--cream);color:var(--navy)}.section--white{background:#fff;color:var(--navy)}.section--dark{background:var(--navy);color:#fff}.section--navy-2{background:var(--navy-2);color:#fff}.section-head{display:grid;gap:var(--space-1);margin-bottom:var(--space-3);min-width:0}.section-head p{font-size:clamp(1rem,.95rem + .25vw,1.18rem);color:inherit;opacity:.78}.section-head--center{text-align:center;place-items:center}.section-head--center h2{margin:auto}.split{display:grid;gap:var(--space-4);align-items:start;min-width:0}.split>div{min-width:0}.editable-copy{color:inherit;opacity:.9;font-size:1.02rem;line-height:1.72}.editable-copy p{margin:0 0 1em}.editable-copy p:last-child{margin-bottom:0}
.cards{display:grid;gap:var(--space-2);min-width:0}.card{background:#fff;color:var(--navy);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,4vw,42px);box-shadow:var(--shadow-soft);display:grid;gap:12px;min-width:0}.card p{color:var(--muted)}.section--dark .card,.section--navy-2 .card,.card--dark{background:rgba(255,255,255,.07);border-color:var(--line-dark);box-shadow:none;color:#fff}.section--dark .card p,.section--navy-2 .card p,.card--dark p{color:rgba(255,255,255,.78)}.card .text-link{margin-top:4px}.feature-list{display:grid;gap:14px;margin:0;padding:0;list-style:none}.feature-list li{padding:16px 0;border-top:1px solid currentColor;color:inherit}.feature-list strong{display:block;font-family:var(--font-head)!important;font-weight:800;font-size:1.08em;letter-spacing:-.02em;margin-bottom:4px}.feature-list span{display:block;opacity:.76}
@media (min-width:760px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}.split{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}.split--reverse>div:first-child{order:2}}

.content-flow{display:grid;gap:var(--space-3);min-width:0}.content-flow>*{max-width:820px}.content-flow h2,.content-flow h3{margin-top:var(--space-2)}.content-flow p,.content-flow li{color:inherit;opacity:.84}.content-flow a{color:var(--orange);font-weight:900;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.content-flow table{width:100%;max-width:100%;border-collapse:collapse;display:block;overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--navy)}.content-flow th,.content-flow td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line);min-width:150px}.content-flow th{font-weight:900;color:var(--navy)}.note{color:var(--muted);font-size:.95rem}

.pricing-switch{display:flex;gap:8px;flex-wrap:wrap;background:rgba(19,23,43,.06);border:1px solid var(--line);border-radius:999px;padding:6px;width:max-content;max-width:100%;margin-bottom:var(--space-3)}.pricing-switch a{white-space:nowrap;border-radius:999px;padding:10px 14px;font-weight:900;font-size:clamp(.82rem,.76rem + .16vw,.92rem);color:var(--navy)}.pricing-switch a.is-active{background:var(--navy);color:#fff}.section--dark .pricing-switch,.section--navy-2 .pricing-switch{background:rgba(255,255,255,.08);border-color:var(--line-dark)}.section--dark .pricing-switch a,.section--navy-2 .pricing-switch a{color:#fff}.section--dark .pricing-switch a.is-active,.section--navy-2 .pricing-switch a.is-active{background:#fff;color:var(--navy)}
.plans{display:grid;gap:var(--space-2);min-width:0}.plan{position:relative;background:#fff;color:var(--navy);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(26px,3.5vw,46px);box-shadow:var(--shadow-soft);display:grid;align-content:start;gap:16px;min-width:0;overflow:hidden}.plan--featured{background:linear-gradient(145deg,var(--navy),var(--navy-2));color:#fff;border-color:var(--navy-3);box-shadow:0 24px 70px rgba(19,23,43,.18)}.plan__badge{width:max-content;max-width:100%;background:var(--orange);color:#fff;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:900}.plan__intro,.plan__per{color:var(--muted);line-height:1.55}.plan--featured .plan__intro,.plan--featured .plan__per{color:rgba(255,255,255,.75)}.plan__price{font-family:var(--font-head)!important;font-size:clamp(2rem,3.8vw,2.72rem);font-weight:800;line-height:1;letter-spacing:-.04em}.plan ul{display:grid;gap:10px;margin:0;padding-left:1.15rem}.plan li{line-height:1.5}.plan .btn{justify-self:start;margin-top:4px}.section--dark .plan:not(.plan--featured),.section--navy-2 .plan:not(.plan--featured){background:#fff;color:var(--navy);border-color:var(--line);box-shadow:var(--shadow-soft)}.section--dark .plan:not(.plan--featured) :is(p,li,span),.section--navy-2 .plan:not(.plan--featured) :is(p,li,span){color:var(--muted)}
.pricing-page .section-head,.pricing-compare .section-head{max-width:860px}.pricing-page .section-head h2,.pricing-compare .section-head h2{max-width:min(100%,16ch)}.pricing-compare .content-flow,.pricing-compare .content-flow>*{max-width:100%}.pricing-addons .cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.price-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;margin:clamp(10px,2vw,20px) 0}.price-info-grid article{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:18px;display:grid;gap:6px;min-width:0}.price-info-grid strong{font-family:var(--font-head)!important;font-weight:800;color:var(--navy);letter-spacing:-.02em}.price-info-grid span{color:var(--muted);line-height:1.5}
@media (min-width:860px){.plans{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.pricing-page .plan{padding:clamp(26px,3.2vw,40px)}}

.inlayr-id-compare .section-head{max-width:min(100%,980px);margin-bottom:clamp(34px,5vw,68px)}.inlayr-id-compare .section-head h2{max-width:920px;font-size:clamp(2.1rem,4.6vw,4.25rem)}.inlayr-id-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:clamp(22px,4vw,72px);max-width:980px}.inlayr-id-plans .plan{gap:clamp(16px,2.2vw,24px);transform:none!important;min-height:100%}.inlayr-id-plans .inlayr-id-plan--pro{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);box-shadow:none}.inlayr-id-plans .inlayr-id-plan--pro .plan__badge{background:var(--orange);color:#fff!important}

.faq-section .section-head h2{max-width:100%}.faq{display:grid;gap:12px}.faq__item{background:#fff;color:var(--navy);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;min-width:0}.faq__item summary{cursor:pointer;padding:20px 22px;font-family:var(--font-body)!important;font-weight:900;line-height:1.35;list-style:none}.faq__item summary::-webkit-details-marker{display:none}.faq__item div{padding:0 22px 22px}.faq__item div p{max-width:72ch;line-height:1.72;color:var(--muted)}

.inlayr-v14-doc-card{display:grid;gap:var(--space-3);align-items:start;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:clamp(24px,4vw,42px);box-shadow:var(--shadow-soft);min-width:0}.inlayr-v14-doc-card + .inlayr-v14-doc-card{margin-top:var(--space-3)}.inlayr-v14-doc-card ol{display:grid;gap:8px;color:var(--muted)}.inlayr-v14-ui-panel{display:grid;gap:10px;background:var(--navy);color:#fff;border-radius:var(--radius-sm);padding:22px;min-width:0}.inlayr-v14-ui-panel strong{font-family:var(--font-head)!important;font-weight:800}.inlayr-v14-ui-panel span,.inlayr-v14-ui-panel em{display:block;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.08);font-style:normal;color:rgba(255,255,255,.82)}.inlayr-v14-ui-panel em{background:rgba(249,115,22,.18);color:var(--orange-2)}
.inlayr-v13-panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:clamp(24px,4vw,42px);box-shadow:var(--shadow-soft)}.inlayr-v13-legal-limit-grid,.fair-use-package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}.inlayr-v13-legal-limit-grid>div,.fair-use-highlight{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:18px}.fair-use-highlight{display:grid;gap:6px;border-color:rgba(249,115,22,.35);background:rgba(249,115,22,.08)}.fair-use-clean-list{display:grid;gap:8px}.fair-use-links{display:flex;gap:12px;flex-wrap:wrap}
@media (min-width:800px){.inlayr-v14-doc-card{grid-template-columns:minmax(0,1.1fr) minmax(260px,.7fr)}}

.related-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}.related-link{display:grid;gap:6px;padding:20px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--navy);box-shadow:var(--shadow-soft)}.related-link__title{font-family:var(--font-head)!important;font-weight:800}.related-link__text{font-size:.94rem;line-height:1.45;color:var(--muted)}

.site-footer{background:var(--navy);color:#fff;padding:clamp(42px,6vw,70px) 0}.site-footer__inner{width:var(--wrap);margin:auto;display:grid;gap:var(--space-3)}.site-footer__brand{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}.site-logo--footer img{height:34px}.socials{display:flex;gap:10px}.socials a{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line-dark);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;transition:transform .15s ease,background .15s ease,border-color .15s ease}.socials a svg{width:20px;height:20px;fill:currentColor}.socials a:hover{background:var(--orange);border-color:var(--orange);transform:translateY(-2px)}.footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 22px;padding-top:24px;border-top:1px solid var(--line-dark)}.footer-links a{color:rgba(255,255,255,.72);font-weight:800}.footer-links a:hover{color:#fff}.back-to-top{position:fixed;right:18px;bottom:18px;z-index:75;width:46px;height:46px;border:0;border-radius:999px;background:var(--orange);color:#fff;font-weight:900;box-shadow:0 12px 32px rgba(19,23,43,.22);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:.18s ease}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}

@media (max-width:760px){
  :root{--wrap:min(100% - 32px,1180px);--narrow:min(100% - 32px,820px)}
  .hero{min-height:auto;padding:clamp(54px,13vw,78px) 0}
  h1{font-size:clamp(1.95rem,10.2vw,2.85rem);line-height:1.12;max-width:100%}
  h2{font-size:clamp(1.78rem,8.8vw,2.7rem);line-height:1.13;max-width:100%}
  h3{font-size:clamp(1.16rem,5.5vw,1.48rem)}
  .hero__text{font-size:clamp(1rem,4.2vw,1.16rem)}
  .system-visual,.hero__media,.editable-media{min-height:220px}
  .section{padding:clamp(62px,16vw,92px) 0}.section-head{margin-bottom:clamp(28px,8vw,44px)}.card,.plan{padding:clamp(24px,7vw,34px)}
  .actions{justify-content:flex-start}.actions--center,.final-cta .actions{justify-content:center}.btn,.btn-primary,.btn-outline{width:auto!important;max-width:100%;min-width:0;padding-left:1rem;padding-right:1rem}
  .pricing-switch{width:100%;border-radius:20px}.pricing-switch a{flex:1 1 100%;text-align:center}.plans,.cards,.inlayr-id-plans{grid-template-columns:1fr}.inlayr-id-compare .section-head h2{max-width:100%;font-size:clamp(1.9rem,9.5vw,2.9rem)}
  .footer-links{grid-template-columns:1fr 1fr}.site-footer__brand{align-items:flex-start;justify-content:flex-start;flex-direction:column}.content-flow th,.content-flow td{min-width:130px}
}

.card,.plan,.addon-card,.price-info-grid article{overflow:visible;overflow-wrap:break-word;word-break:normal}
.card h3,.plan h3,.addon-card h3,.price-info-grid strong{overflow-wrap:normal;word-break:normal;hyphens:manual;text-wrap:balance}
.card p,.plan p,.plan li,.addon-card p,.price-info-grid span{overflow-wrap:break-word;word-break:normal;hyphens:auto;min-width:0}

.addon-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));grid-auto-rows:1fr;align-items:stretch;gap:var(--space-2);min-width:0}
.addon-cards--compact{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));margin:var(--space-2) 0}
.addon-card{height:100%;min-width:0;background:#fff;color:var(--navy);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,3vw,34px);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:18px;justify-content:flex-start}
.section--dark .addon-card,.section--navy-2 .addon-card{background:rgba(255,255,255,.07);color:#fff;border-color:var(--line-dark);box-shadow:none}
.addon-card__top{display:grid;gap:14px;min-width:0}
.addon-card h3{font-size:clamp(1.18rem,1.8vw,1.55rem);line-height:1.12;letter-spacing:-.035em;max-width:100%}
.addon-card p{color:var(--muted);line-height:1.62;max-width:100%}
.section--dark .addon-card p,.section--navy-2 .addon-card p{color:rgba(255,255,255,.76)}
.addon-card__price{display:inline-flex;align-items:baseline;align-self:flex-start;gap:8px;flex-wrap:wrap;width:auto;max-width:100%;padding:10px 12px;border-radius:14px;background:rgba(249,115,22,.10);border:1px solid rgba(249,115,22,.22)}
.addon-card__price strong{font-family:var(--font-head)!important;font-size:clamp(1.25rem,2.2vw,1.8rem);line-height:1;color:var(--orange);letter-spacing:-.04em;white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:manual}
.addon-card__price span{font-size:.86rem;font-weight:900;color:var(--muted);line-height:1.2;white-space:nowrap}
.section--dark .addon-card__price span,.section--navy-2 .addon-card__price span{color:rgba(255,255,255,.75)}
.addon-card .text-link{margin-top:auto;display:inline-flex;align-self:flex-start;width:max-content;max-width:100%}
.pricing-addons .section-head{max-width:760px}
.pricing-addons .addon-cards,.template-block--addon_overview .addon-cards,.template-block--basis_without_addons .cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.template-block--addon_intro .cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}

.pricing-table-flow{gap:18px}
.pricing-table-wrap{width:100%;max-width:100%;overflow-x:auto;border:1px solid rgba(19,23,43,.10);border-radius:var(--radius);background:linear-gradient(180deg,#fff,rgba(250,249,246,.7));box-shadow:var(--shadow-soft)}
.content-flow .pricing-table{display:table;width:100%;border:0;border-radius:0;overflow:visible;border-collapse:separate;border-spacing:0;background:#fff;color:var(--navy)}
.content-flow .pricing-table th,.content-flow .pricing-table td{min-width:150px;padding:18px;border-bottom:1px solid rgba(19,23,43,.09);vertical-align:middle;line-height:1.38}
.content-flow .pricing-table th{background:var(--navy);color:#fff;font-family:var(--font-body);font-size:.82rem;letter-spacing:.02em;text-transform:none;white-space:nowrap;padding-top:20px;padding-bottom:20px}
.content-flow .pricing-table th:first-child{border-top-left-radius:calc(var(--radius) - 2px)}
.content-flow .pricing-table th:last-child{border-top-right-radius:calc(var(--radius) - 2px)}
.content-flow .pricing-table tr:last-child td{border-bottom:0}
.content-flow .pricing-table tbody tr:nth-child(even) td{background:rgba(19,23,43,.025)}
.content-flow .pricing-table tbody tr:hover td{background:rgba(249,115,22,.055)}
.content-flow .pricing-table td:first-child{min-width:220px;background:rgba(249,115,22,.045)}
.content-flow .pricing-table tbody tr:hover td:first-child{background:rgba(249,115,22,.09)}
.content-flow .pricing-table td strong{display:block;font-family:var(--font-head)!important;font-weight:800;letter-spacing:-.02em;color:var(--navy);line-height:1.2}
.content-flow .pricing-table td small{display:block;margin-top:5px;font-size:.78rem;line-height:1.25;color:var(--muted);font-weight:800}
.pill{display:inline-flex;align-items:center;width:max-content;max-width:100%;border-radius:999px;padding:6px 10px;background:rgba(249,115,22,.12);color:var(--orange);font-size:.78rem;font-weight:900;line-height:1.1;white-space:nowrap}
.pill--yes{background:rgba(16,185,129,.12);color:#059669}

.white-label-strip{margin-top:clamp(22px,4vw,44px);display:grid;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,4vw,42px);box-shadow:var(--shadow-soft);min-width:0}
.white-label-strip h3{font-size:clamp(1.45rem,2.4vw,2.15rem);line-height:1.08;margin:0 0 10px;text-wrap:balance}
.white-label-strip p:not(.eyebrow){color:var(--muted);max-width:70ch;line-height:1.65}
.white-label-strip__price{display:grid;gap:6px;justify-items:start;align-content:center;padding:18px;border-radius:18px;background:rgba(249,115,22,.08);border:1px solid rgba(249,115,22,.22);min-width:0}
.white-label-strip__price strong{font-family:var(--font-head)!important;font-size:clamp(1.6rem,3vw,2.35rem);line-height:1;color:var(--orange);letter-spacing:-.04em}
.white-label-strip__price span{font-weight:900;color:var(--muted)}

@media (min-width:880px){.white-label-strip{grid-template-columns:minmax(0,1fr) minmax(210px,280px)}}
@media (max-width:760px){.addon-cards,.pricing-addons .addon-cards,.template-block--addon_overview .addon-cards{grid-template-columns:1fr;gap:16px}.addon-card{padding:24px}.addon-card__price{width:auto;justify-content:flex-start}.addon-card__price span{white-space:normal}.content-flow .pricing-table th,.content-flow .pricing-table td{min-width:138px;padding:14px 12px;font-size:.92rem}.content-flow .pricing-table td:first-child{min-width:178px}.pricing-table-wrap{border-radius:18px;margin-left:0;margin-right:0}.plan__price{font-size:clamp(1.75rem,9vw,2.25rem)}.plans{gap:18px}.plan ul{padding-left:1rem}.plan .btn{max-width:100%}.white-label-strip{padding:24px}.white-label-strip__price{width:100%}}

/* V6.19 creative rhythm layer */
.hero--dark:after,.section--dark:after,.section--navy-2:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent);opacity:.55}.hero__inner,.section__inner{position:relative;z-index:1}.section--white{background:linear-gradient(180deg,#fff 0%,#fff 72%,rgba(250,249,246,.75) 100%)}.section--light{background:radial-gradient(circle at 14% 12%,rgba(249,115,22,.055),transparent 30%),var(--cream)}
.card,.addon-card,.plan{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.card:hover,.addon-card:hover{transform:translateY(-3px);border-color:rgba(249,115,22,.32);box-shadow:0 18px 54px rgba(19,23,43,.12)}.card:before,.addon-card:before{content:"";width:38px;height:38px;border-radius:13px;background:rgba(249,115,22,.10);border:1px solid rgba(249,115,22,.22);display:block;margin-bottom:6px}.section--dark .card:before,.section--navy-2 .card:before,.section--dark .addon-card:before,.section--navy-2 .addon-card:before{background:rgba(249,115,22,.16);border-color:rgba(249,115,22,.34)}.card:nth-child(3n+2):before,.addon-card:nth-child(3n+2):before{border-radius:999px;background:rgba(249,115,22,.16)}.card:nth-child(3n+3):before,.addon-card:nth-child(3n+3):before{background:linear-gradient(135deg,rgba(249,115,22,.20),rgba(251,146,60,.08))}
.addon-hero-visual{min-height:clamp(280px,36vw,460px);position:relative;display:grid;grid-template-columns:minmax(0,.92fr) 54px minmax(0,1fr);gap:clamp(14px,2vw,24px);align-items:center;padding:clamp(20px,3vw,34px);border-radius:var(--radius);background:radial-gradient(circle at 68% 42%,rgba(249,115,22,.22),transparent 28%),linear-gradient(145deg,var(--navy-2),#080d1c);border:1px solid var(--line-dark);box-shadow:var(--shadow);overflow:hidden}.addon-hero-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:34px 34px;opacity:.7}.addon-hero-visual__base,.addon-hero-visual__modules,.addon-hero-visual__plus{position:relative;z-index:1}.addon-hero-visual__base{display:grid;gap:10px;padding:22px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:rgba(255,255,255,.055)}.addon-hero-visual__base strong{font-family:var(--font-head);font-size:1.2rem;color:#fff}.addon-hero-visual__base span{font-size:.9rem;color:rgba(255,255,255,.78);padding-left:18px;position:relative}.addon-hero-visual__base span:before{content:"";position:absolute;left:0;top:.48em;width:7px;height:7px;border-radius:50%;background:var(--orange)}.addon-hero-visual__base em{font-style:normal;font-size:.78rem;font-weight:900;color:#fff;border-top:1px solid rgba(255,255,255,.14);padding-top:12px}.addon-hero-visual__plus{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;font-weight:900;font-size:1.5rem;box-shadow:0 0 0 10px rgba(249,115,22,.12)}.addon-hero-visual__modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.addon-hero-visual__modules span{min-width:0;padding:13px 12px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);font-size:.82rem;font-weight:900;color:#fff;text-align:center;overflow-wrap:normal;hyphens:none}.addon-compare{display:grid;gap:18px;align-items:stretch}.addon-compare__panel{min-width:0;border-radius:var(--radius);padding:clamp(24px,4vw,42px);border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#fff}.addon-compare__panel--addons{background:linear-gradient(145deg,var(--navy),var(--navy-2));color:#fff;border-color:var(--navy-3)}.addon-compare__tag{display:inline-flex;width:max-content;max-width:100%;font-size:.78rem;font-weight:900;color:var(--orange);background:rgba(249,115,22,.12);border:1px solid rgba(249,115,22,.24);border-radius:999px;padding:6px 10px;margin-bottom:14px}.addon-compare h3{margin-bottom:16px}.addon-compare ul{display:grid;gap:10px;list-style:none;padding:0;margin:0}.addon-compare li{display:grid;gap:2px;padding:12px 0 12px 24px;border-top:1px solid rgba(19,23,43,.08);position:relative;font-weight:900}.addon-compare li:before{content:"✓";position:absolute;left:0;top:12px;color:var(--orange);font-weight:900}.addon-compare li span{font-weight:600;color:var(--muted);font-size:.92rem;line-height:1.45}.addon-compare__bridge{display:grid;place-items:center}.addon-compare__bridge span{display:grid;place-items:center;width:52px;height:52px;border-radius:999px;background:var(--orange);color:#fff;font-size:1.4rem;font-weight:900;box-shadow:0 14px 34px rgba(249,115,22,.22)}.addon-compare__panel--addons p{color:rgba(255,255,255,.76);margin-bottom:22px}.mini-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mini-module-grid span{padding:11px 10px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);font-size:.86rem;font-weight:900;text-align:center;min-width:0}.addon-deep-dive{display:grid;gap:var(--space-3);align-items:center}.addon-deep-dive__copy{display:grid;gap:14px}.addon-deep-dive__copy article{padding:18px 0;border-top:1px solid rgba(19,23,43,.12)}.addon-deep-dive__copy p{color:var(--muted)}.layer-visual{min-height:340px;border-radius:var(--radius);background:linear-gradient(145deg,#fff,rgba(250,249,246,.75));border:1px solid var(--line);box-shadow:var(--shadow-soft);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;padding:clamp(22px,4vw,42px);overflow:hidden}.layer-stack{display:grid;place-items:center;position:relative;min-height:220px}.layer-stack span{position:absolute;width:150px;height:86px;border-radius:18px;transform:skewY(-12deg) rotate(-8deg);border:1px solid rgba(19,23,43,.10);box-shadow:0 18px 30px rgba(19,23,43,.08)}.layer-stack span:nth-child(1){background:#fff;top:40px}.layer-stack span:nth-child(2){background:#f0f2f5;top:82px}.layer-stack span:nth-child(3){background:rgba(249,115,22,.18);top:124px}.layer-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.layer-modules span{display:grid;place-items:center;height:48px;border-radius:14px;background:rgba(249,115,22,.10);border:1px solid rgba(249,115,22,.22);color:var(--orange);font-weight:900}.link-tiles{display:grid;gap:14px}.link-tile{min-width:0;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);padding:22px;color:#fff;display:grid;gap:8px}.link-tile span{font-family:var(--font-head);font-weight:800;font-size:1.16rem;line-height:1.12}.link-tile p{color:rgba(255,255,255,.74);font-size:.95rem}.link-tile em{font-style:normal;color:var(--orange-2);font-weight:900}.template-block--addon_overview .addon-card{border-top:4px solid var(--orange)}.template-block--addon_overview .addon-card:nth-child(even){transform:translateY(14px)}.template-block--white_label .white-label-strip{background:linear-gradient(100deg,#fff 0%,#fff 58%,rgba(249,115,22,.10) 100%)}.template-block--white_label .white-label-strip:before{content:"";display:block;min-height:150px;border-radius:20px;background:radial-gradient(circle at 80% 22%,rgba(249,115,22,.32),transparent 28%),linear-gradient(145deg,var(--navy),var(--navy-2));border:1px solid var(--line-dark);order:2}.template-block--white_label .white-label-strip__price{order:3}
@media (min-width:820px){.addon-compare{grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr)}.addon-deep-dive{grid-template-columns:minmax(0,.82fr) minmax(320px,1fr)}.link-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.template-block--white_label .white-label-strip{grid-template-columns:minmax(0,1fr) minmax(260px,.78fr) minmax(210px,280px)}}
@media (max-width:760px){.addon-hero-visual{grid-template-columns:1fr;min-height:auto}.addon-hero-visual__plus{margin:auto;width:44px;height:44px}.addon-hero-visual__modules{grid-template-columns:1fr 1fr}.addon-compare__bridge{min-height:42px}.addon-compare__bridge span{width:44px;height:44px}.template-block--addon_overview .addon-card:nth-child(even){transform:none}.layer-visual{grid-template-columns:1fr;min-height:auto}.link-tiles{grid-template-columns:1fr}.template-block--white_label .white-label-strip:before{order:0;min-height:180px}.template-block--white_label .white-label-strip__price{order:0}.card:hover,.addon-card:hover{transform:none}}

/* V6.20 stability and content cleanup */
html, body { overflow-x: hidden; }
.hero h1, .section-head h2, .content-flow h1, .content-flow h2, .content-flow h3, .plan h3, .addon-card h3, .white-label-strip h3 {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  max-width: 100%;
}
.hero__text + .actions,
.section-head p + .actions,
.content-flow p + .actions,
.actions { margin-top: clamp(18px, 2.4vw, 30px); }
.hero .actions { margin-top: clamp(24px, 3vw, 38px); }
.btn { width: auto; max-width: 100%; white-space: normal; text-align: center; }
@media (max-width: 680px) {
  .actions { align-items: flex-start; justify-content: flex-start; gap: 12px; }
  .actions .btn { width: auto; min-width: 0; display: inline-flex; }
  .hero .actions .btn, .final-cta .actions .btn { width: auto; }
}

/* pricing pages */
.pricing-switch { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.pricing-switch a { min-width: 0; }
.plans { align-items: stretch; }
.plan { min-width:0; display:flex; flex-direction:column; overflow:hidden; }
.plan ul { flex:1; }
.plan__price, .plan__per, .plan__intro { overflow-wrap: break-word; }
.pricing-table-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; }
.pricing-table { table-layout:auto; }
.pricing-table th, .pricing-table td { overflow-wrap: normal; word-break: normal; hyphens: none; }
.pricing-table td:first-child strong { white-space: normal; }
.fair-use-limit-table .pricing-table td, .fair-use-limit-table .pricing-table th { min-width: 140px; }
.fair-use-limit-table .pricing-table td:first-child { min-width: 220px; }

/* add-ons page cleanup */
.template-block--addon_overview .addon-cards,
.pricing-addons .addon-cards,
.addon-cards {
  align-items: stretch;
}
.addon-card { min-width:0; overflow:hidden; display:flex; flex-direction:column; gap:14px; }
.addon-card:before { flex:0 0 auto; margin-bottom:0; }
.addon-card__top { gap:16px; align-items:flex-start; }
.addon-card__top h3 { flex:1; min-width:0; }
.addon-card__price { flex:0 0 auto; }
.addon-card p { flex:1; }
.template-block--addon_overview .addon-card:nth-child(even) { transform:none !important; }
.template-block--addon_overview .addon-card:hover { transform: translateY(-3px); }
@media (max-width:760px){ .template-block--addon_overview .addon-card:hover { transform:none; } }
.addon-compare__panel, .mini-module-grid span, .addon-hero-visual__modules span { overflow-wrap: normal; word-break: normal; hyphens: none; }
.addon-compare__panel--addons .addon-compare__tag { color: var(--orange-2); }
.addon-deep-dive__copy article { background: rgba(255,255,255,.58); border: 1px solid rgba(19,23,43,.08); border-radius: 18px; padding: 18px; }
.section--light .addon-deep-dive__copy article { background:#fff; }

/* docs */
.doc-mini-nav {
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 10px;
  margin: 0 0 clamp(24px, 4vw, 42px);
  padding: 14px;
  border: 1px solid rgba(19,23,43,.10);
  border-radius: 20px;
  background: #fff;
  box-shadow: var(--shadow-soft);
}
.doc-mini-nav a {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(249,115,22,.08);
  border: 1px solid rgba(249,115,22,.16);
  color: var(--navy);
  font-weight: 900;
  text-decoration:none;
  font-size: .9rem;
  text-align:center;
}
.doc-mini-nav a:hover { background: var(--orange); color: #fff; }
.inlayr-v14-doc-card,
.inlayr-v13-panel { max-width:100%; overflow:hidden; }
.inlayr-v14-doc-card { min-width:0; }
.inlayr-v14-ui-panel { min-width:0; overflow:hidden; }
.inlayr-v14-ui-panel span,
.inlayr-v14-ui-panel em { overflow-wrap: break-word; }
.content-flow a { overflow-wrap: anywhere; }

/* contact and signup */
.contact-grid { display:grid; gap:18px; align-items:stretch; margin-bottom: clamp(22px, 4vw, 42px); }
.contact-card { min-width:0; padding:clamp(22px, 4vw, 36px); border-radius:var(--radius); border:1px solid var(--line); background:#fff; box-shadow:var(--shadow-soft); }
.contact-card h2, .contact-card h3 { margin:0 0 12px; }
.contact-card p { color:var(--muted); line-height:1.65; }
.contact-card ul { margin:18px 0 0; padding-left:1.1rem; color:var(--muted); }
.contact-card li + li { margin-top:8px; }
.contact-card--dark { background:linear-gradient(145deg,var(--navy),var(--navy-2)); border-color:var(--line-dark); color:#fff; }
.contact-card--dark p, .contact-card--dark li { color:rgba(255,255,255,.74); }
.contact-content { margin-top: 18px; }
@media (min-width:820px){ .contact-grid { grid-template-columns:minmax(0,1.1fr) minmax(280px,.75fr); } }

/* legal pages and long Dutch titles */
.page-template-page-privacyverklaring .hero h1,
.hero h1 { text-wrap: balance; }
@media (max-width:520px){
  .hero h1 { font-size: clamp(2.05rem, 12vw, 3.15rem); line-height:1.02; }
  .section-head h2 { font-size: clamp(1.7rem, 9vw, 2.45rem); }
}

/* V6.21 UX audit pass: calmer rhythm, safer layout, stronger visual hierarchy */
:root{
  --section-gap: clamp(64px, 9vw, 118px);
  --card-pad: clamp(24px, 3.4vw, 42px);
}

.site-main{background:var(--cream)}
.hero{min-height:auto;padding:clamp(70px, 9vw, 124px) 0 clamp(76px, 10vw, 132px)}
.hero__content{max-width:720px;gap:clamp(14px,2vw,22px)}
.hero h1{font-size:clamp(2.65rem,5.7vw,5.05rem);line-height:.98;letter-spacing:-.065em;text-wrap:balance;max-width:12.5ch}
.hero__text{max-width:64ch;margin-top:2px}
.hero .actions{margin-top:clamp(28px,3.4vw,46px);gap:14px}

.section{padding:var(--section-gap) 0}
.section-head{max-width:850px;gap:clamp(10px,1.4vw,16px)}
.section-head h2{max-width:16.5ch;text-wrap:balance}
.section-head p{max-width:68ch}
.section-head--center h2{max-width:17ch}
.section-head--center p{max-width:70ch}

.card,.addon-card,.plan,.contact-card,.faq__item,.white-label-strip,.inlayr-v13-panel,.inlayr-v14-doc-card{isolation:isolate}
.card,.addon-card,.plan{padding:var(--card-pad)}
.card p,.addon-card p,.plan p,.feature-list span,.editable-copy,.content-flow p,.content-flow li{line-height:1.68}
.card h3,.addon-card h3,.plan h3{line-height:1.12;text-wrap:balance}
.card .text-link,.addon-card .text-link,.link-tile em{margin-top:auto}

/* Better generic visual, so non-add-on pages do not feel like empty bars */
.system-visual{display:grid;place-items:center;min-height:clamp(260px,34vw,430px)}
.system-visual:before{inset:8%;border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.015))}
.system-visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;opacity:.8}
.system-visual span{z-index:1;height:auto;border-radius:18px;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 40px rgba(0,0,0,.14)}
.system-visual span:nth-child(1){width:42%;height:82px;left:11%;top:18%;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04))!important}
.system-visual span:nth-child(2){width:58%;height:112px;left:26%;top:39%;background:linear-gradient(135deg,rgba(249,115,22,.28),rgba(255,255,255,.06))!important;border-color:rgba(249,115,22,.32)}
.system-visual span:nth-child(3){width:38%;height:72px;right:13%;bottom:16%;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.04))!important}

/* Buttons: compact on mobile, enough breathing room everywhere */
.btn,.btn-primary,.btn-outline{min-height:48px;padding:.9rem 1.25rem;gap:.45rem;white-space:normal}
.btn--primary:hover,.btn-primary:hover{filter:saturate(1.08);transform:translateY(-1px)}
.actions + .cards,.actions + .addon-cards{margin-top:clamp(24px,4vw,42px)}

/* Pricing and comparison tables */
.pricing-page--switch .section__inner{display:flex;justify-content:center}
.pricing-table-wrap{overflow-x:auto;scrollbar-color:var(--orange) rgba(19,23,43,.08)}
.content-flow .pricing-table,.pricing-table{width:100%;min-width:720px;border-collapse:separate;border-spacing:0;background:#fff}
.content-flow .pricing-table th,.pricing-table th{background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff;font-weight:900}
.content-flow .pricing-table th:first-child,.pricing-table th:first-child{position:sticky;left:0;z-index:2}
.content-flow .pricing-table td:first-child,.pricing-table td:first-child{position:sticky;left:0;z-index:1}
.pricing-table td:not(:first-child){font-weight:800;color:var(--muted)}
.pricing-table tbody tr:hover td{background:rgba(249,115,22,.065)}

/* Pricing cards */
.plans{gap:clamp(18px,2.4vw,28px)}
.plan{min-height:100%}
.plan ul{padding-left:0;list-style:none;display:grid;gap:11px}
.plan li{position:relative;padding-left:24px}
.plan li:before{content:"✓";position:absolute;left:0;top:0;color:var(--orange);font-weight:900}
.plan .btn{margin-top:auto}

/* Add-ons page: reduce visual noise and align everything like a real product grid */
.template-block--addon_overview .section-head,
.template-block--project_addons .section-head,
.template-block--client_addons .section-head{max-width:880px}
.addon-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(18px,2.2vw,28px)}
.addon-card{border-top:0!important;position:relative}
.addon-card:before{width:42px;height:42px;border-radius:14px;margin-bottom:2px}
.addon-card__top{display:grid;grid-template-columns:1fr;gap:14px}
.addon-card__price{margin-top:2px}
.template-block--addon_overview .addon-card:nth-child(even){transform:none!important}
.template-block--addon_overview .addon-card:hover,.addon-card:hover{transform:translateY(-2px)}
.addon-hero-visual{box-shadow:0 26px 80px rgba(0,0,0,.18)}
.addon-compare{align-items:center}
.addon-compare__panel{height:100%}
.addon-compare__panel--addons{box-shadow:0 22px 64px rgba(19,23,43,.18)}
.addon-deep-dive__copy{align-self:stretch}
.addon-deep-dive__copy article{display:grid;align-content:start}
.layer-visual{align-self:stretch}
.link-tiles{gap:clamp(14px,2vw,20px)}
.link-tile{transition:transform .18s ease,border-color .18s ease,background .18s ease}
.link-tile:hover{transform:translateY(-2px);border-color:rgba(249,115,22,.35);background:rgba(255,255,255,.095)}

/* Inlayr ID compare spacing */
.inlayr-id-plans{gap:clamp(22px,3vw,40px);max-width:1040px;width:100%}
.inlayr-id-plans .plan p{margin-bottom:4px}
.inlayr-id-plans .plan ul{margin-top:4px}
.template-block--why_pro .cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}

/* Docs */
.doc-mini-nav{position:sticky;top:86px;z-index:20}
.inlayr-v14-doc-card{margin-bottom:clamp(18px,3vw,28px)}
.inlayr-v14-doc-card h2{max-width:100%;font-size:clamp(1.55rem,2.5vw,2.35rem)}

/* Legal and editor content */
.content-flow{overflow-wrap:break-word;word-break:normal}
.content-flow h1,.content-flow h2,.content-flow h3{text-wrap:balance;max-width:100%}
.content-flow > * + *{margin-top:1.05em}
.content-flow ul,.content-flow ol{padding-left:1.2rem}

/* Forms / embedded content safety */
.editor-content iframe,.editor-content form,.contact-content iframe,.contact-content form{max-width:100%}
input,textarea,select,button{font:inherit}

@media (max-width:900px){
  .hero__inner{grid-template-columns:1fr!important}
  .hero h1{max-width:100%;font-size:clamp(2.2rem,10vw,3.45rem)}
  .hero__text{max-width:100%}
  .system-visual,.addon-hero-visual{min-height:260px}
  .doc-mini-nav{position:relative;top:auto}
}
@media (max-width:680px){
  :root{--wrap:min(100% - 28px,1180px);--narrow:min(100% - 28px,820px)}
  .hero{padding:clamp(54px,14vw,76px) 0 clamp(64px,16vw,88px)}
  .hero .actions,.actions{gap:12px;margin-top:24px}
  .btn,.btn-primary,.btn-outline{min-height:44px;padding:.78rem 1rem;width:auto!important;max-width:100%}
  .card,.addon-card,.plan,.contact-card{padding:24px}
  .pricing-switch{width:100%;border-radius:18px}
  .pricing-switch a{white-space:normal}
  .content-flow .pricing-table,.pricing-table{min-width:640px}
  .addon-hero-visual__modules span,.mini-module-grid span{font-size:.78rem;padding:10px 8px}
  .footer-links{grid-template-columns:1fr 1fr;gap:10px 16px}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* V6.23: contact/aanmelden and hero safety pass */
.hero__inner{
  min-width:0;
  grid-template-columns:minmax(0, .96fr) minmax(280px, .72fr);
  column-gap:clamp(30px,5vw,80px);
}
.hero__content{min-width:0;max-width:680px;overflow:hidden;position:relative;z-index:2}
.hero h1{
  max-width:min(100%, 13.75ch);
  overflow-wrap:break-word;
  word-break:normal;
  hyphens:auto;
}
.hero__text{max-width:min(100%, 58ch)}
.hero__media,.system-visual,.addon-hero-visual{min-width:0;position:relative;z-index:1}
@media (min-width:900px){
  .hero__media,.system-visual,.addon-hero-visual{max-width:100%}
  .hero--center .hero__content{overflow:visible}
  .hero--center h1{max-width:100%}
}
@media (max-width:899px){
  .hero__content{max-width:100%;overflow:visible}
  .hero h1{max-width:100%;overflow-wrap:normal;hyphens:none}
}
.contact-page .section__inner,
.page-template-page-aanmelden .page-content .section__inner{max-width:var(--wrap)}
.contact-grid{width:100%}
.contact-card{display:grid;align-content:start;gap:10px}
.contact-card h2,.contact-card h3{line-height:1.08;text-wrap:balance;overflow-wrap:break-word}
.contact-content{width:100%;max-width:920px;margin-top:clamp(18px,3vw,34px)}
.contact-content:empty{display:none}
.contact-form-placeholder{
  border:1px dashed rgba(19,23,43,.22);
  border-radius:var(--radius);
  background:rgba(255,255,255,.72);
  padding:clamp(22px,4vw,38px);
  color:var(--muted);
}
.contact-actions-inline{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.contact-actions-inline .btn{margin-top:0}

/* V6.24 native forms */
.contact-grid--with-form{grid-template-columns:1fr;align-items:start}.contact-card--form{padding:clamp(20px,3vw,32px)}
.inlayr-form{display:grid;gap:18px;width:100%}.inlayr-form__grid{display:grid;gap:14px}.inlayr-form label,.inlayr-form__fieldset{display:grid;gap:7px;font-size:.9rem;font-weight:900;color:var(--navy)}.inlayr-form label span{color:var(--orange)}.inlayr-form input,.inlayr-form select,.inlayr-form textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--navy);font:inherit;font-weight:700;padding:13px 14px;min-height:48px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.inlayr-form textarea{resize:vertical;line-height:1.5}.inlayr-form input:focus,.inlayr-form select:focus,.inlayr-form textarea:focus{border-color:rgba(249,115,22,.7);box-shadow:0 0 0 4px rgba(249,115,22,.12)}.inlayr-form__check{display:flex!important;grid-template-columns:auto 1fr;align-items:flex-start;gap:10px;font-weight:700;color:var(--muted);line-height:1.45}.inlayr-form__check input{width:18px;min-height:18px;height:18px;margin-top:.18em;accent-color:var(--orange)}.inlayr-form__fieldset{border:1px solid var(--line);border-radius:16px;padding:16px;margin:0}.inlayr-form__fieldset legend{padding:0 8px;color:var(--navy);font-weight:900}.inlayr-form__checks{display:grid;grid-template-columns:1fr;gap:10px}.inlayr-form__checks label{display:flex;align-items:center;gap:9px;font-weight:800;color:var(--muted)}.inlayr-form__checks input{width:18px;height:18px;min-height:18px;accent-color:var(--orange)}.inlayr-form__honeypot{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.form-notice{display:grid;gap:3px;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:#fff}.form-notice strong{font-family:var(--font-head);line-height:1.1}.form-notice span{font-size:.94rem;color:var(--muted)}.form-notice--success{border-color:rgba(16,185,129,.3);background:rgba(16,185,129,.08)}.form-notice--error{border-color:rgba(248,113,113,.35);background:rgba(248,113,113,.08)}
@media (min-width:760px){.inlayr-form__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inlayr-form__checks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:960px){.contact-grid--with-form{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}

/* V6.25: pricing, footer socials, white label and form layout polish */
.pricing-page--switch{
  padding:clamp(18px,2.4vw,28px) 0!important;
}
.pricing-page--switch .section__inner{
  justify-content:center;
}
.pricing-switch{
  margin:0!important;
  width:auto!important;
  max-width:100%;
  padding:6px!important;
  border-radius:999px!important;
  background:#fff!important;
  box-shadow:0 12px 36px rgba(19,23,43,.08);
}
.pricing-switch a{
  flex:0 0 auto!important;
  padding:.7rem 1rem!important;
  min-height:auto;
  white-space:nowrap!important;
}

.pricing-table-wrap{
  border:1px solid var(--line);
  border-radius:24px;
  background:#fff;
  box-shadow:var(--shadow-soft);
  overflow:auto;
}
.content-flow .pricing-table,.pricing-table{
  min-width:760px;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.content-flow .pricing-table th,.pricing-table th{
  padding:18px 20px!important;
  background:linear-gradient(135deg,var(--navy),var(--navy-2))!important;
  color:#fff!important;
  border-bottom:0!important;
  vertical-align:bottom;
}
.content-flow .pricing-table th:first-child,.pricing-table th:first-child{
  border-top-left-radius:23px;
}
.content-flow .pricing-table th:last-child,.pricing-table th:last-child{
  border-top-right-radius:23px;
}
.content-flow .pricing-table td,.pricing-table td{
  padding:17px 20px!important;
  border-bottom:1px solid rgba(19,23,43,.08)!important;
  background:#fff;
  vertical-align:top;
}
.pricing-table tbody tr:nth-child(even) td{
  background:rgba(250,249,246,.72);
}
.pricing-table td:first-child strong{
  display:block;
  font-family:var(--font-head)!important;
  font-size:.98rem;
  line-height:1.15;
  color:var(--navy);
  letter-spacing:-.02em;
}
.pricing-table td:not(:first-child){
  font-weight:800;
  color:var(--navy)!important;
  line-height:1.45;
}
.pricing-table tbody tr:last-child td{
  border-bottom:0!important;
}

.template-block--white_label .white-label-strip{
  display:grid;
  gap:clamp(18px,3vw,30px);
  align-items:center;
  overflow:hidden;
  background:linear-gradient(100deg,#fff 0%,#fff 62%,rgba(249,115,22,.10) 100%)!important;
}
.template-block--white_label .white-label-strip:before{
  content:none!important;
  display:none!important;
}
.white-label-strip__copy{min-width:0}
.white-label-points{
  display:grid;
  gap:8px;
  list-style:none;
  padding:0;
  margin:18px 0 0;
}
.white-label-points li{
  position:relative;
  padding-left:22px;
  color:var(--muted);
  font-weight:800;
  line-height:1.45;
}
.white-label-points li:before{
  content:"";
  position:absolute;
  left:0;
  top:.52em;
  width:8px;
  height:8px;
  border-radius:999px;
  background:var(--orange);
}
.white-label-strip__visual{
  min-height:170px;
  border-radius:22px;
  padding:22px;
  display:grid;
  align-content:end;
  gap:7px;
  color:#fff;
  background:radial-gradient(circle at 82% 22%,rgba(249,115,22,.34),transparent 30%),linear-gradient(145deg,var(--navy),var(--navy-2));
  border:1px solid var(--line-dark);
  box-shadow:0 20px 52px rgba(19,23,43,.14);
}
.white-label-strip__visual span{
  width:max-content;
  max-width:100%;
  padding:6px 10px;
  border-radius:999px;
  font-size:.78rem;
  font-weight:900;
  color:var(--orange-2);
  background:rgba(249,115,22,.12);
  border:1px solid rgba(249,115,22,.28);
}
.white-label-strip__visual strong{
  font-family:var(--font-head)!important;
  font-size:clamp(1.55rem,2.6vw,2.15rem);
  line-height:1;
}
.white-label-strip__visual em{
  font-style:normal;
  color:rgba(255,255,255,.72);
  font-weight:800;
}
.white-label-strip__price{
  justify-self:start;
}
.white-label-strip__price strong{
  color:var(--orange);
}
@media (min-width:900px){
  .template-block--white_label .white-label-strip{
    grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr) minmax(190px,.55fr)!important;
  }
  .white-label-strip__price{justify-self:end;text-align:right;}
}

.site-footer__brand .socials{
  display:flex!important;
  visibility:visible!important;
}
.site-footer__brand .socials a{
  display:grid!important;
}
.site-footer__brand .socials a[aria-label*="Instagram"]:empty::before{content:"IG";font-weight:900;font-size:.82rem;}
.site-footer__brand .socials a[aria-label*="LinkedIn"]:empty::before{content:"in";font-weight:900;font-size:.9rem;}

.contact-page .section__inner,
.signup-page .section__inner{
  width:min(1180px,92vw)!important;
}
.contact-grid--with-form{
  display:grid;
  gap:clamp(18px,3vw,34px);
  max-width:1180px;
  margin-inline:auto;
}
@media (min-width:900px){
  .contact-grid--with-form{
    grid-template-columns:minmax(280px,.75fr) minmax(520px,1.25fr)!important;
  }
}
.contact-card--form{
  min-width:0;
}

@media (max-width:760px){
  .pricing-switch{
    width:auto!important;
    display:inline-flex!important;
    flex-wrap:wrap!important;
    border-radius:18px!important;
  }
  .pricing-switch a{
    flex:1 1 auto!important;
    text-align:center;
    white-space:normal!important;
  }
  .content-flow .pricing-table,.pricing-table{min-width:620px;}
  .template-block--white_label .white-label-strip{grid-template-columns:1fr!important;}
}

/* V6.27 visual storytelling layer, brandguide-safe: keeps Syne, Nunito and official logo assets */
.hero--dark .content-workflow-visual,
.section--dark .content-workflow-visual,
.section--navy-2 .content-workflow-visual{color:#fff}
.content-workflow-visual{display:grid;grid-template-columns:minmax(0,1fr) 38px minmax(230px,.78fr);gap:0;align-items:center;min-height:clamp(300px,36vw,480px);padding:clamp(18px,2.5vw,32px);border-radius:var(--radius);background:radial-gradient(circle at 78% 16%,rgba(249,115,22,.20),transparent 27%),linear-gradient(145deg,var(--navy-2),#090d1b);border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow);position:relative;overflow:hidden}
.content-workflow-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:34px 34px;opacity:.45}.content-workflow-visual>*{position:relative;z-index:1}.visual-browser{display:flex;gap:6px;margin-bottom:12px}.visual-browser span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.25)}.content-workflow-visual__page{background:rgba(255,255,255,.92);color:var(--navy);border:1px solid rgba(255,255,255,.20);border-radius:22px;padding:16px;box-shadow:0 18px 42px rgba(0,0,0,.22)}.content-workflow-visual__page strong{display:block;font-size:.82rem;margin-bottom:12px;color:var(--navy)}.page-wire{border:1px solid rgba(19,23,43,.12);border-radius:12px;padding:11px 12px;margin:8px 0;background:#fff;display:grid;gap:8px;position:relative}.page-wire em{font-style:normal;font-size:.68rem;font-weight:900;text-transform:uppercase;color:var(--orange)}.page-wire i{display:block;height:7px;border-radius:999px;background:#e2e8f0}.page-wire i:nth-of-type(2){width:66%}.page-wire--cards{grid-template-columns:repeat(3,1fr);padding-top:28px}.page-wire--cards em{position:absolute;top:10px;left:12px}.page-wire b{height:46px;border-radius:10px;background:#f1f5f9}.content-workflow-visual__lines{display:grid;gap:22px;justify-items:center}.content-workflow-visual__lines span{width:100%;height:1px;background:linear-gradient(90deg,rgba(249,115,22,.0),var(--orange),rgba(249,115,22,.0));position:relative}.content-workflow-visual__lines span:before,.content-workflow-visual__lines span:after{content:"";position:absolute;top:50%;width:8px;height:8px;border-radius:50%;background:var(--orange);transform:translateY(-50%)}.content-workflow-visual__lines span:before{left:0}.content-workflow-visual__lines span:after{right:0}.content-workflow-visual__blocks{display:grid;gap:9px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.15);border-radius:22px;padding:16px}.content-workflow-visual__blocks strong{font-family:var(--font-head);font-size:1rem}.content-workflow-visual__blocks>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);font-size:.83rem;font-weight:900}.content-workflow-visual__blocks p{display:flex;justify-content:space-between;font-size:.8rem;color:rgba(255,255,255,.74);margin-top:4px}.inl-status{display:inline-flex;width:max-content;align-items:center;border-radius:999px;padding:4px 8px;font-size:.67rem;font-weight:900;line-height:1;text-transform:lowercase;border:1px solid currentColor}.inl-status.is-orange{color:var(--orange-2);background:rgba(249,115,22,.12)}.inl-status.is-yellow{color:#fbbf24;background:rgba(251,191,36,.13)}.inl-status.is-blue{color:#60a5fa;background:rgba(96,165,250,.13)}.inl-status.is-green{color:#34d399;background:rgba(52,211,153,.13)}.visual-progress{height:7px;background:rgba(255,255,255,.14);border-radius:999px;overflow:hidden}.visual-progress span{display:block;width:60%;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--orange),var(--orange-2))}

.template-block--visual .section-head{max-width:920px}.visual-timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(10px,1.5vw,18px);position:relative;margin-top:var(--space-3)}.visual-timeline:before{content:"";position:absolute;left:5%;right:5%;top:38px;border-top:2px dashed rgba(19,23,43,.18)}.section--dark .visual-timeline:before,.section--navy-2 .visual-timeline:before{border-color:rgba(255,255,255,.22)}.visual-timeline__item{position:relative;z-index:1;display:grid;justify-items:center;text-align:center;gap:10px;min-width:0;padding:12px;border-radius:18px}.visual-timeline__item.is-active{background:rgba(249,115,22,.08);border:1px solid rgba(249,115,22,.34);box-shadow:0 12px 38px rgba(249,115,22,.10)}.visual-timeline__nr{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:var(--orange);color:#fff;font-size:.78rem;font-weight:900}.visual-timeline__icon{width:58px;height:58px;border-radius:16px;border:1px solid currentColor;opacity:.5;position:relative}.visual-timeline__item.is-active .visual-timeline__icon{opacity:1;color:var(--orange)}.visual-timeline__icon:after{content:"";position:absolute;inset:17px;border-radius:6px;border:2px solid currentColor}.visual-timeline h3{font-size:clamp(.98rem,.9rem + .22vw,1.12rem);letter-spacing:-.02em}.visual-timeline p{font-size:.9rem;line-height:1.45;color:var(--muted);opacity:.95}.section--dark .visual-timeline p,.section--navy-2 .visual-timeline p{color:rgba(255,255,255,.72)}

.process-flow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(8px,1.3vw,16px);margin-top:var(--space-3)}.process-flow__step{position:relative;display:grid;gap:10px;align-content:start;min-width:0;padding:18px 14px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}.section--light .process-flow__step,.section--white .process-flow__step{background:#fff;border-color:var(--line);box-shadow:var(--shadow-soft)}.process-flow__step:not(:last-child):after{content:"→";position:absolute;right:-16px;top:38px;color:var(--orange);font-weight:900}.process-flow__step.is-focus{border-color:rgba(249,115,22,.55);box-shadow:0 16px 42px rgba(249,115,22,.13)}.process-flow__index{color:var(--orange);font-weight:900;font-size:.85rem}.process-flow__icon{width:48px;height:48px;border-radius:14px;border:1px solid currentColor;opacity:.55}.process-flow__step.is-focus .process-flow__icon{background:rgba(249,115,22,.14);opacity:1;color:var(--orange)}.process-flow h3{font-size:1.05rem}.process-flow p{font-size:.88rem;line-height:1.45;color:inherit;opacity:.74}

.block-mapper{display:grid;grid-template-columns:minmax(290px,.82fr) minmax(0,1fr);gap:var(--space-4);align-items:center}.block-mapper__wire{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;color:var(--navy);position:relative}.block-mapper__wire strong{display:block;margin-bottom:14px}.block-mapper__row{border:2px solid rgba(249,115,22,.34);border-radius:15px;margin:10px 0;padding:12px 14px;display:grid;gap:8px;position:relative}.block-mapper__row em{position:absolute;left:-120px;top:50%;transform:translateY(-50%);font-style:normal;color:var(--orange);font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.block-mapper__row em:after{content:"";position:absolute;left:100%;top:50%;width:80px;border-top:1px dashed var(--orange)}.block-mapper__row i{height:8px;border-radius:999px;background:#e2e8f0}.block-mapper__row i:nth-of-type(2){width:60%}.block-detail-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:clamp(20px,3vw,32px);color:var(--navy);margin-top:var(--space-2)}.block-detail-panel>span{color:var(--orange);font-weight:900;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}.block-detail-panel dl{margin:18px 0 0;display:grid;gap:0}.block-detail-panel dl>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;padding:13px 0;border-top:1px solid rgba(19,23,43,.09)}.block-detail-panel dt{font-weight:900}.block-detail-panel dd{margin:0;color:var(--muted)}

.before-after{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);gap:0;align-items:stretch;margin-top:var(--space-3);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line)}.before-after__side{padding:clamp(26px,4vw,48px);background:rgba(255,255,255,.82)}.before-after__side--bad{background:linear-gradient(135deg,#fff,rgba(249,115,22,.07))}.before-after__side--good{background:linear-gradient(135deg,#fff,rgba(30,36,64,.07))}.before-after__side span{display:inline-flex;margin-bottom:16px;font-family:var(--font-head);font-weight:800;font-size:1.35rem}.before-after ul{display:grid;gap:12px;list-style:none;padding:0}.before-after li{position:relative;padding-left:28px}.before-after li:before{content:"×";position:absolute;left:0;top:0;color:#ef4444;font-weight:900}.before-after__side--good li:before{content:"✓";color:var(--orange)}.before-after__vs{display:grid;place-items:center;background:#fff;color:var(--navy);font-family:var(--font-head);font-weight:800;text-transform:uppercase;box-shadow:0 0 30px rgba(19,23,43,.10);z-index:1}

.id-context-visual{display:grid;grid-template-columns:minmax(0,.85fr) minmax(320px,1fr);gap:var(--space-4);align-items:center}.id-context-visual__system{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1fr);gap:clamp(22px,3vw,42px);align-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:clamp(24px,4vw,44px)}.section--white .id-context-visual__system,.section--light .id-context-visual__system{background:#fff;border-color:var(--line);box-shadow:var(--shadow-soft)}.id-stack{height:230px;position:relative;display:grid;place-items:center}.id-stack span{position:absolute;width:190px;height:106px;border-radius:22px;transform:skewY(-12deg) rotate(-8deg);box-shadow:0 22px 40px rgba(19,23,43,.18);border:1px solid rgba(255,255,255,.16)}.id-stack span:nth-child(1){top:30px;background:linear-gradient(145deg,var(--navy-2),var(--navy))}.id-stack span:nth-child(2){top:82px;background:linear-gradient(145deg,#283054,#11162b)}.id-stack span:nth-child(3){top:136px;background:linear-gradient(145deg,var(--orange),var(--orange-2))}.id-context-visual__system ul{list-style:none;padding:0;display:grid;gap:14px}.id-context-visual__system li{position:relative;padding-left:28px;font-weight:900}.id-context-visual__system li:before{content:"";position:absolute;left:0;top:.56em;width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 7px rgba(249,115,22,.12)}.pro-layers{display:grid;grid-template-columns:minmax(0,1fr) 60px minmax(0,1.08fr);gap:18px;align-items:stretch;margin-top:var(--space-3)}.pro-layers article{border-radius:var(--radius);border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-soft);padding:clamp(22px,3.5vw,38px);color:var(--navy)}.pro-layers article.is-pro{background:linear-gradient(145deg,var(--navy),var(--navy-2));color:#fff;border-color:var(--navy-3)}.pro-layers span{display:inline-flex;color:var(--orange);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;margin-bottom:14px}.pro-layers__plus{display:grid;place-items:center;align-self:center;width:56px;height:56px;border-radius:999px;background:var(--orange);color:#fff;font-size:1.6rem;font-weight:900}.pro-layers ul{list-style:none;padding:0;display:grid;gap:10px}.pro-layers li{padding:12px 0;border-top:1px solid rgba(255,255,255,.14)}.pro-layers small{display:block;color:rgba(255,255,255,.72);font-size:.9rem;line-height:1.45;margin-top:3px}

.integration-route{display:grid;grid-template-columns:minmax(140px,.7fr) minmax(90px,.28fr) minmax(140px,.7fr) minmax(90px,.28fr) minmax(240px,1fr);gap:12px;align-items:center;margin:var(--space-3) 0}.integration-route__node,.integration-route__platforms span{min-height:86px;border-radius:22px;display:grid;place-items:center;text-align:center;font-family:var(--font-body);font-size:clamp(.82rem,.76rem + .18vw,.94rem);font-weight:700;line-height:1.22;letter-spacing:0;font-stretch:normal;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-soft);color:var(--navy)}.integration-route__node.is-inlayr{background:linear-gradient(145deg,var(--navy),var(--navy-2));color:#fff;border-color:var(--navy-3)}.integration-route__node.is-sync{border-color:rgba(249,115,22,.35);box-shadow:0 18px 42px rgba(249,115,22,.10)}.integration-route__line{height:2px;background:linear-gradient(90deg,var(--orange),rgba(249,115,22,.10));position:relative}.integration-route__line span{position:absolute;left:50%;top:-32px;transform:translateX(-50%);font-family:var(--font-body);font-size:.72rem;font-weight:700;letter-spacing:0;color:var(--orange);white-space:nowrap}.integration-route__platforms{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.integration-route__platforms span{min-height:86px}.integration-cards{margin-top:var(--space-3)}

.scenario-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-3)}.scenario-card{min-width:0;display:grid;gap:12px;align-content:start;min-height:260px;padding:clamp(22px,3vw,32px);border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.scenario-card:nth-child(even){transform:translateY(22px)}.scenario-card:before{content:"";position:absolute;right:-34px;top:-34px;width:110px;height:110px;border-radius:50%;background:rgba(249,115,22,.10)}.scenario-card span{color:var(--orange);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.section--dark .scenario-card,.section--navy-2 .scenario-card{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);color:#fff}.scenario-card p{opacity:.76}

.addon-system{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1fr);gap:var(--space-3);align-items:center;margin-top:var(--space-3)}.addon-system__base,.addon-system__modules{border-radius:var(--radius);border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-soft);padding:clamp(22px,3.5vw,38px)}.addon-system__base{display:grid;gap:10px}.addon-system__base strong{font-family:var(--font-head);font-size:1.45rem}.addon-system__base span{position:relative;padding:10px 12px 10px 32px;border-radius:12px;background:rgba(19,23,43,.04);font-weight:800}.addon-system__base span:before{content:"✓";position:absolute;left:12px;color:var(--orange)}.addon-system__modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;background:linear-gradient(145deg,var(--navy),var(--navy-2));border-color:var(--navy-3)}.addon-system__modules span{min-height:58px;border-radius:14px;display:grid;place-items:center;text-align:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);color:#fff;font-weight:900;font-size:.9rem;padding:8px}.addon-system-cards{margin-top:var(--space-3)}

.cards .card:nth-child(4n+2){border-top:4px solid var(--orange)}.cards .card:nth-child(4n+3){background:linear-gradient(145deg,#fff,rgba(249,115,22,.055))}.section--dark .cards .card:nth-child(4n+3),.section--navy-2 .cards .card:nth-child(4n+3){background:rgba(255,255,255,.09)}

@media (max-width:1020px){.content-workflow-visual{grid-template-columns:1fr;gap:16px}.content-workflow-visual__lines{display:none}.visual-timeline,.process-flow,.scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-timeline:before{display:none}.process-flow__step:not(:last-child):after{display:none}.block-mapper,.id-context-visual,.addon-system{grid-template-columns:1fr}.block-mapper__row em{position:static;transform:none}.block-mapper__row em:after{display:none}.integration-route{grid-template-columns:1fr}.integration-route__line{height:38px;width:2px;margin:auto;background:linear-gradient(180deg,var(--orange),rgba(249,115,22,.10))}.integration-route__line span{top:50%;left:18px;transform:translateY(-50%)}.pro-layers{grid-template-columns:1fr}.pro-layers__plus{margin:auto}.scenario-card:nth-child(even){transform:none}}
@media (max-width:680px){.hero{min-height:auto}.visual-timeline,.process-flow,.scenario-grid,.integration-route__platforms,.addon-system__modules{grid-template-columns:1fr}.before-after{grid-template-columns:1fr}.before-after__vs{min-height:54px}.content-workflow-visual{padding:16px}.content-workflow-visual__page,.content-workflow-visual__blocks{padding:13px}.id-context-visual__system{grid-template-columns:1fr}.id-stack{height:200px}.id-stack span{width:160px;height:90px}.scenario-card{min-height:auto}.block-detail-panel dl>div{grid-template-columns:1fr;gap:4px}.process-flow__step,.visual-timeline__item{text-align:left;justify-items:start}}

/* V7.0 visual storytelling + hard overflow guardrails */
:where(.site-main,.section,.section__inner,.hero__inner,.hero__content,.card,.plan,.addon-card,.pricing-table-wrap,.content-flow,.faq__item,.contact-card,.link-tile,.scenario-card,.process-flow__step,.problem-breakpoint, .problem-breakpoint *){min-width:0}
:where(p,li,td,th,dd,span,a,summary,.card p,.plan p,.addon-card p,.section-head p,.hero__text){overflow-wrap:anywhere;word-break:normal;hyphens:auto}
:where(h1,h2,h3,h4,.hero h1,.section-head h2,.card h3,.plan h3,.addon-card h3,.pricing-table th,.pricing-table td strong){overflow-wrap:normal;word-break:normal;hyphens:none;max-width:100%}
:where(.hero h1,.section-head h2){text-wrap:balance}
:where(.btn,.pricing-switch a,.text-link,.link-tile em){white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:none}
body{overflow-x:hidden}.site-main{overflow:hidden}.section__inner{max-width:1180px}.hero__inner{grid-template-columns:minmax(0,1fr) minmax(340px,.86fr);gap:clamp(36px,6vw,84px);align-items:center}.hero__content{max-width:760px}.hero__media,.content-workflow-visual,.addon-hero-visual{max-width:100%}.actions{gap:12px;flex-wrap:wrap;margin-top:clamp(22px,3vw,34px)}
.problem-breakpoint{display:grid;grid-template-columns:minmax(0,.9fr) minmax(220px,.64fr) minmax(0,1fr);gap:clamp(16px,2.5vw,28px);align-items:stretch;margin-top:var(--space-3)}
.problem-breakpoint__side{display:grid;gap:12px;align-content:start}.problem-breakpoint__label{font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin-bottom:4px}.problem-breakpoint article{border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px;box-shadow:var(--shadow-soft)}.problem-breakpoint article strong{display:block;font-family:var(--font-head);font-size:1.04rem;color:var(--navy);margin-bottom:6px}.problem-breakpoint article p{margin:0;color:var(--muted);line-height:1.55}.problem-breakpoint__blocker{position:relative;display:grid;align-content:center;justify-items:start;border-radius:var(--radius);padding:clamp(24px,3vw,36px);background:linear-gradient(145deg,var(--orange),var(--orange-2));color:#fff;box-shadow:var(--shadow-orange);overflow:hidden}.problem-breakpoint__blocker:before{content:"";position:absolute;inset:auto -40px -70px auto;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.18)}.problem-breakpoint__blocker span{font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;opacity:.86}.problem-breakpoint__blocker h3{font-family:var(--font-head);font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.05;margin:10px 0 12px;color:#fff}.problem-breakpoint__blocker p{margin:0;color:rgba(255,255,255,.92);line-height:1.55}.section--dark .problem-breakpoint article,.section--navy-2 .problem-breakpoint article{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.14)}.section--dark .problem-breakpoint article strong,.section--navy-2 .problem-breakpoint article strong{color:#fff}.section--dark .problem-breakpoint article p,.section--navy-2 .problem-breakpoint article p{color:rgba(255,255,255,.72)}
.pricing-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius);box-shadow:var(--shadow-soft)}.pricing-table{min-width:760px}.pricing-table th,.pricing-table td{vertical-align:top}.pricing-table td:first-child,.pricing-table th:first-child{min-width:210px}.plans,.addon-cards,.cards{align-items:stretch}.plan,.addon-card,.card{min-width:0;overflow:hidden}.addon-card__top{gap:14px;align-items:flex-start}.addon-card h3,.plan h3{line-height:1.16}.contact-page .section__inner,.signup-page .section__inner{max-width:1180px}.contact-grid{grid-template-columns:minmax(0,.8fr) minmax(420px,1fr);gap:clamp(24px,4vw,56px)}.legal-page .hero__inner,.page-content .section__inner{max-width:900px}
.site-footer__inner{gap:24px}.footer-links{gap:14px 22px;flex-wrap:wrap}.socials{display:flex;gap:10px;align-items:center}.socials a{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:999px;border:1px solid rgba(255,255,255,.2);color:#fff}.socials svg{width:18px;height:18px;fill:currentColor}.socials a:hover{border-color:var(--orange);color:var(--orange)}
@media (max-width: 980px){.hero__inner{grid-template-columns:1fr}.hero__content{max-width:100%}.problem-breakpoint{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.pricing-switch{padding:6px}.pricing-switch a{padding:10px 14px}.addon-hero-visual{grid-template-columns:1fr}.addon-hero-visual__plus{margin:auto}}
@media (max-width: 680px){.section{padding-block:clamp(48px,12vw,72px)}.hero h1{font-size:clamp(2.15rem,12vw,3.35rem);line-height:1.02}.section-head h2{font-size:clamp(1.75rem,9vw,2.65rem)}.btn{width:auto;max-width:100%;justify-content:center}.actions .btn{flex:0 1 auto}.plans,.addon-cards,.cards{grid-template-columns:1fr!important}.pricing-table{min-width:680px}.content-workflow-visual{font-size:.92rem}.footer-links{justify-content:flex-start}.site-footer__brand{align-items:flex-start}.problem-breakpoint__blocker{min-height:auto}.block-mapper__wire{padding-left:16px}}


/* V7.1 hardening: less text breaking, cleaner alignment, calmer visuals */
:where(.hero__inner,.hero__content,.section__inner,.split,.split>*,.cards,.card,.plan,.addon-card,.pricing-table-wrap,.content-flow,.content-flow>*,.faq__item,.contact-card,.link-tile,.scenario-card,.process-flow,.process-flow__step,.problem-breakpoint,.problem-breakpoint *,.block-mapper,.block-mapper *,.addon-system,.addon-system *,.addon-compare,.addon-compare *,.white-label-strip,.white-label-strip *){min-width:0;max-width:100%;}
:where(h1,h2,h3,h4,.plan__price,.addon-card__price strong){overflow-wrap:normal;word-break:normal;hyphens:none;}
:where(p,li,dd,td,th,summary,.hero__text,.editable-copy,.card p,.plan li,.plan p,.addon-card p,.faq__item div p){overflow-wrap:break-word;word-break:normal;hyphens:none;}
:where(.btn,.btn-primary,.btn-outline,.pill,.plan__badge,.addon-card__price span,.inl-status){white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:none;}
.hero__inner{grid-template-columns:minmax(0,1fr);gap:clamp(30px,5vw,76px);}
.hero h1{max-width:min(100%,18ch);font-size:clamp(2.05rem,1.42rem + 2.35vw,3.85rem);line-height:1.04;}
.hero__content{max-width:720px;}
.hero__media,.content-workflow-visual,.addon-hero-visual{min-width:0;max-width:100%;}
@media (min-width:980px){.hero__inner{grid-template-columns:minmax(0,0.98fr) minmax(360px,0.82fr);} .hero__content{max-width:760px;}}
@media (max-width:680px){h1{font-size:clamp(2rem,10vw,3rem)!important;line-height:1.05;} h2{font-size:clamp(1.65rem,8vw,2.35rem)!important;line-height:1.08;} h3{font-size:clamp(1.12rem,5.4vw,1.45rem)!important;} .hero__text,.section-head p{font-size:1rem;line-height:1.58}.actions{gap:10px}.actions .btn{flex:0 1 auto;width:auto}.btn,.btn-primary,.btn-outline{min-height:42px;padding:.76rem 1rem;font-size:.94rem}.footer-links,.site-footer__brand,.site-footer__inner{justify-items:center;text-align:center}.site-footer__brand{align-items:center!important;justify-content:center!important}.footer-links{grid-template-columns:1fr 1fr;}.socials{justify-content:center}.back-to-top{right:14px;bottom:14px}}

/* Cleaner add-on alignment */
.addon-cards,.pricing-addons .addon-cards,.template-block--addon_overview .addon-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(16px,2vw,24px);align-items:stretch;}
.addon-card{height:100%;align-content:start;padding:clamp(22px,3vw,34px);gap:12px;}
.addon-card h3{max-width:100%;font-size:clamp(1.18rem,1rem + .55vw,1.48rem);line-height:1.14;letter-spacing:-.025em;}
.addon-card p{max-width:100%;line-height:1.55;}
.addon-card__price{margin-top:auto;}
.template-block--addon_overview .addon-card:nth-child(even){transform:none!important;}
.card:hover,.addon-card:hover{transform:none;}

/* Replace the armoedig tiny timeline feeling with a mature workflow grid */
.process-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:clamp(14px,2vw,22px);margin-top:var(--space-3);position:relative;}
.process-flow__step{padding:clamp(20px,2.5vw,28px);border-radius:22px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.15);box-shadow:none;}
.section--light .process-flow__step,.section--white .process-flow__step{background:#fff;border-color:var(--line);box-shadow:var(--shadow-soft)}
.process-flow__step:not(:last-child):after{display:none;}
.process-flow__index{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:999px;background:rgba(249,115,22,.12);border:1px solid rgba(249,115,22,.25);color:var(--orange);font-weight:900;font-size:.82rem;}
.process-flow__icon{width:52px;height:8px;border-radius:999px;border:0;background:linear-gradient(90deg,var(--orange),rgba(249,115,22,.14));opacity:1;}
.process-flow h3{font-size:clamp(1.05rem,.98rem + .28vw,1.25rem);line-height:1.15;}
.process-flow p{font-size:.96rem;line-height:1.52;opacity:.78;}
.process-flow__step.is-focus{background:linear-gradient(145deg,rgba(249,115,22,.14),rgba(255,255,255,.06));border-color:rgba(249,115,22,.42);}

/* Footer mobile centered and compact */
@media (max-width:760px){.site-footer{padding:38px 0}.site-footer__inner{gap:20px}.site-footer__brand{width:100%;display:grid;place-items:center}.footer-links{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 16px;padding-top:20px}.footer-links a{font-size:.94rem}.site-logo--footer img{margin:auto}.socials{margin:auto}}

/* More robust tables */
.pricing-table-wrap,.content-flow table{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;}
.pricing-table{min-width:720px;table-layout:auto;}
.pricing-table th,.pricing-table td{white-space:normal;overflow-wrap:break-word;word-break:normal;hyphens:none;}
.pricing-table td:first-child,.pricing-table th:first-child{min-width:190px;}

/* Keep legal pages clean: no decorative product visuals in content */
.page-template-page-privacyverklaring .system-visual,.page-template-page-algemene-voorwaarden .system-visual,.page-template-page-cookiebeleid .system-visual{display:none;}

/* V7.2 aanmelden ronde: sticky header, mobile CTA, safer hero title, signup visual */
:root{--header-h:72px}
body{padding-top:var(--header-h)}
.admin-bar .site-header{top:32px}
@media (max-width:782px){.admin-bar .site-header{top:46px}}
.site-header{position:fixed!important;top:0;left:0;right:0;width:100%;z-index:999;background:rgba(19,23,43,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.site-header__inner{min-height:var(--header-h)}
.mobile-nav{top:var(--header-h);z-index:998}
.admin-bar .mobile-nav{top:calc(var(--header-h) + 32px)}
@media (max-width:782px){.admin-bar .mobile-nav{top:calc(var(--header-h) + 46px)}}
@media (max-width:1059px){
  .site-header__inner{gap:10px}
  .site-logo{flex:0 0 auto}
  .header-cta{display:inline-flex!important;margin-left:auto;padding:.62rem .82rem;font-size:.78rem;letter-spacing:0;box-shadow:0 8px 20px rgba(249,115,22,.20)}
  .menu-toggle{flex:0 0 auto;padding:.55rem .66rem}
  .menu-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media (max-width:390px){.header-cta{font-size:.72rem;padding:.56rem .66rem}.site-logo img{height:26px}.menu-toggle{padding:.5rem .56rem}}
.page-template-page-aanmelden .hero h1{max-width:15.5ch;hyphens:none!important;overflow-wrap:normal!important;word-break:normal!important;text-wrap:balance;font-size:clamp(2.25rem,4.8vw,4.3rem)}
.page-template-page-aanmelden .hero__content{overflow:visible;max-width:680px}
.page-template-page-aanmelden .hero__inner{grid-template-columns:minmax(0,.9fr) minmax(360px,.78fr);gap:clamp(40px,7vw,92px)}
@media (max-width:980px){.page-template-page-aanmelden .hero__inner{grid-template-columns:1fr}.page-template-page-aanmelden .hero h1{max-width:18ch}}
.signup-route-visual{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);align-items:center;gap:0;min-height:clamp(300px,34vw,430px);padding:clamp(20px,3vw,34px);border-radius:var(--radius);background:radial-gradient(circle at 78% 20%,rgba(249,115,22,.22),transparent 30%),linear-gradient(145deg,var(--navy-2),#090d1b);border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow);overflow:hidden;color:#fff}
.signup-route-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:34px 34px;opacity:.52}.signup-route-visual>*{position:relative;z-index:1}
.signup-route-visual__panel{min-width:0;border-radius:24px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.075);padding:clamp(18px,2.4vw,28px);box-shadow:0 18px 44px rgba(0,0,0,.18)}
.signup-route-visual__panel strong{display:block;font-family:var(--font-head);font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.12;margin:8px 0 16px;color:#fff;hyphens:none;word-break:normal}.signup-route-visual__eyebrow{display:inline-flex;color:var(--orange-2);font-size:.72rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.signup-route-visual ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.signup-route-visual li,.signup-route-visual__project div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);font-weight:800;color:rgba(255,255,255,.86);hyphens:none;word-break:normal}.signup-route-visual li:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(249,115,22,.14);flex:0 0 auto}.signup-route-visual__connector{height:3px;background:linear-gradient(90deg,rgba(249,115,22,.15),var(--orange),rgba(249,115,22,.15));position:relative}.signup-route-visual__connector span{position:absolute;left:50%;top:50%;width:46px;height:46px;border-radius:50%;transform:translate(-50%,-50%);background:var(--orange);box-shadow:0 0 0 12px rgba(249,115,22,.14)}.signup-route-visual__connector span:before{content:"→";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:900;font-size:1.35rem}.signup-route-visual__project em{font-style:normal;color:#fff;font-weight:900}.signup-route-visual__project b{font-size:.72rem;font-weight:900;color:var(--orange-2);border:1px solid rgba(249,115,22,.45);background:rgba(249,115,22,.12);border-radius:999px;padding:4px 8px;white-space:nowrap}
@media (max-width:760px){.signup-route-visual{grid-template-columns:1fr;gap:16px;min-height:auto}.signup-route-visual__connector{width:3px;height:52px;margin:auto;background:linear-gradient(180deg,rgba(249,115,22,.15),var(--orange),rgba(249,115,22,.15))}.signup-route-visual__connector span:before{content:"↓"}.signup-route-visual li,.signup-route-visual__project div{align-items:flex-start;flex-direction:column}}


/* Aanmelden ronde 3: eenvoudiger pagina, hero image and stricter overflow control */
.page-template-page-aanmelden .hero__inner{grid-template-columns:minmax(0,1fr) minmax(280px,.74fr);gap:clamp(28px,5vw,72px)}
.page-template-page-aanmelden .hero__content{max-width:640px}
.page-template-page-aanmelden .hero h1{max-width:9.8ch;font-size:clamp(2.55rem,5.2vw,4.75rem);line-height:.99;text-wrap:pretty;hyphens:none;word-break:normal;overflow-wrap:normal}
.page-template-page-aanmelden .hero__text{max-width:56ch}
.page-template-page-aanmelden .hero__media{background:linear-gradient(145deg,var(--navy-2),#0b0f20);min-height:clamp(280px,38vw,540px)}
.page-template-page-aanmelden .hero__media img{object-position:center center}
.page-template-page-aanmelden .hero .actions{margin-top:clamp(22px,3vw,34px)}
.signup-page--simple .section__inner{max-width:880px}
.signup-intro{display:grid;gap:12px;margin-bottom:clamp(20px,3.2vw,30px)}
.signup-intro h2{margin:0;font-size:clamp(1.8rem,3.2vw,2.4rem);line-height:1.04;letter-spacing:-.04em;hyphens:none;overflow-wrap:normal;word-break:normal}
.signup-intro p{max-width:68ch;color:var(--muted)}
.signup-form-wrap{padding:clamp(22px,3vw,34px);background:#fff;border:1px solid rgba(19,23,43,.08);border-radius:var(--radius);box-shadow:var(--shadow-soft)}
.signup-after-note{display:grid;gap:10px;margin-top:clamp(18px,3vw,28px);padding-top:clamp(18px,3vw,28px);border-top:1px solid rgba(19,23,43,.10)}
.signup-after-note h3{margin:0;font-size:clamp(1.2rem,2vw,1.45rem);line-height:1.1;hyphens:none}
.signup-after-note p{margin:0;max-width:62ch;color:var(--muted)}
.signup-extra-content{margin-top:clamp(24px,4vw,34px)}
@media (max-width:980px){.page-template-page-aanmelden .hero__inner{grid-template-columns:1fr}.page-template-page-aanmelden .hero h1{max-width:11.2ch}.page-template-page-aanmelden .hero__media{max-width:420px;width:100%;justify-self:start}}
@media (max-width:680px){.page-template-page-aanmelden .hero h1{font-size:clamp(2.05rem,10vw,3rem);max-width:100%}.page-template-page-aanmelden .hero__media{min-height:260px;max-width:100%}.signup-page--simple .section__inner{max-width:100%}.signup-form-wrap{padding:18px}.signup-intro h2{font-size:clamp(1.6rem,8vw,2rem)}}


/* Globale ronde: fixed sticky header, social settings support, minimale aanmeldpagina */
:root{--site-header-height:72px}
.site-header{position:fixed!important;top:0;left:0;right:0;z-index:9999;background:rgba(19,23,43,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.site-main{padding-top:var(--site-header-height)!important;overflow:clip}
.admin-bar .site-header{top:32px}
@media (max-width:782px){.admin-bar .site-header{top:46px}}
.mobile-nav{position:fixed;top:var(--site-header-height);left:0;right:0;z-index:9998;max-height:calc(100dvh - var(--site-header-height));overflow:auto;background:rgba(19,23,43,.98);box-shadow:0 24px 60px rgba(0,0,0,.25)}
.admin-bar .mobile-nav{top:calc(var(--site-header-height) + 32px)}
@media (max-width:782px){.admin-bar .mobile-nav{top:calc(var(--site-header-height) + 46px)}}

/* zo min mogelijk harde tekstafbreking */
:where(h1,h2,h3,h4,h5,h6,.hero h1,.section-head h2,.card h3,.addon-card h3,.plan h3,.btn,.pricing-switch a){hyphens:none!important;word-break:normal!important;overflow-wrap:normal!important}
:where(p,li,td,th,dd,summary,.hero__text,.content-flow){word-break:normal;overflow-wrap:break-word;hyphens:manual}
:where(.section__inner,.hero__inner,.hero__content,.cards,.card,.addon-card,.plan,.contact-card,.content-flow,.pricing-table-wrap){min-width:0}

.page-template-page-aanmelden .hero{padding:clamp(74px,8vw,112px) 0 clamp(70px,8vw,112px)}
.page-template-page-aanmelden .hero__inner{grid-template-columns:minmax(0,.92fr) minmax(300px,.82fr);gap:clamp(34px,6vw,88px)}
.page-template-page-aanmelden .hero__content{max-width:660px;overflow:visible}
.page-template-page-aanmelden .hero h1{max-width:12.8ch;font-size:clamp(2.55rem,5vw,4.65rem);line-height:1.01;letter-spacing:-.055em;text-wrap:balance}
.page-template-page-aanmelden .hero__text{max-width:55ch;font-size:clamp(1rem,.94rem + .26vw,1.18rem)}
.page-template-page-aanmelden .hero__media{min-height:clamp(320px,42vw,600px);border-radius:28px;background:var(--navy-2);box-shadow:0 28px 80px rgba(0,0,0,.24)}
.page-template-page-aanmelden .hero__media img{object-fit:cover;object-position:center center}
.signup-page--minimal .section__inner{max-width:760px}
.signup-form-wrap--minimal{padding:clamp(22px,3.5vw,38px);background:#fff;border:1px solid rgba(19,23,43,.08);border-radius:var(--radius);box-shadow:var(--shadow-soft)}
.signup-after-note{display:grid;gap:10px;margin-top:clamp(22px,4vw,36px);padding-top:clamp(20px,3vw,30px);border-top:1px solid rgba(19,23,43,.10)}
.signup-after-note h2{margin:0;font-size:clamp(1.45rem,2.6vw,1.95rem);line-height:1.08;letter-spacing:-.035em;hyphens:none!important;overflow-wrap:normal!important}
.signup-after-note p{margin:0;max-width:62ch;color:var(--muted)}
.signup-extra-content{margin-top:clamp(24px,4vw,34px)}
@media (max-width:980px){.page-template-page-aanmelden .hero__inner{grid-template-columns:1fr}.page-template-page-aanmelden .hero h1{max-width:100%}.page-template-page-aanmelden .hero__media{max-width:480px;width:100%;justify-self:start}}
@media (max-width:680px){:root{--site-header-height:64px}.site-header__inner{min-height:64px}.page-template-page-aanmelden .hero{padding:clamp(52px,13vw,76px) 0 clamp(56px,13vw,82px)}.page-template-page-aanmelden .hero h1{font-size:clamp(2rem,9.5vw,3rem);max-width:100%;letter-spacing:-.045em}.page-template-page-aanmelden .hero__media{min-height:300px;max-width:100%;border-radius:22px}.signup-form-wrap--minimal{padding:18px}.site-footer__brand,.footer-links,.socials{justify-content:center;text-align:center}.site-footer__brand{align-items:center}.footer-links{grid-template-columns:1fr 1fr}}


/* Ronde fix: fixed header zonder witte bovenrand */
body{padding-top:0!important}
.site-main{padding-top:0!important}
.hero:first-child{margin-top:0}
.page-template-page-aanmelden .hero{padding-top:clamp(86px,10vw,128px)}
@media (max-width:680px){.page-template-page-aanmelden .hero{padding-top:clamp(78px,18vw,104px)}}


/* V7 add-ons page sales round */
.page-template-page-add-ons .hero{padding-top:clamp(96px,10vw,136px)}
.page-template-page-add-ons .hero h1{max-width:13ch;letter-spacing:-.055em;text-wrap:balance}
.page-template-page-add-ons .hero__text{max-width:58ch}
.addon-hero-visual--v7{min-height:clamp(340px,39vw,520px);display:block;padding:0;background:radial-gradient(circle at 68% 28%,rgba(249,115,22,.20),transparent 27%),linear-gradient(145deg,var(--navy),#090d1c);isolation:isolate}
.addon-hero-visual--v7:before{opacity:.32;background-size:48px 48px}.addon-hero-visual--v7:after{content:"";position:absolute;inset:12%;border:1px solid rgba(255,255,255,.10);border-radius:999px;opacity:.7}.addon-orbit{position:absolute;inset:16%;border:1px solid rgba(255,255,255,.13);border-radius:999px;transform:rotate(-18deg)}.addon-orbit--two{inset:25% 12%;transform:rotate(22deg);border-color:rgba(249,115,22,.23)}.addon-hero-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(62%,300px);padding:26px;border-radius:28px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);box-shadow:0 24px 80px rgba(0,0,0,.28);display:grid;gap:7px;text-align:left}.addon-hero-core span,.addon-hero-layer span{font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em;color:var(--orange-2)}.addon-hero-core strong{font-family:var(--font-head);font-size:clamp(1.5rem,2.4vw,2.15rem);line-height:1;color:#fff}.addon-hero-core em{font-style:normal;color:rgba(255,255,255,.72);font-weight:800}.addon-hero-layer{position:absolute;display:grid;gap:4px;min-width:136px;padding:15px 16px;border-radius:18px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px)}.addon-hero-layer strong{font-family:var(--font-head);color:#fff;font-size:1.08rem;line-height:1}.addon-hero-layer--top{left:18%;top:14%}.addon-hero-layer--right{right:9%;top:38%}.addon-hero-layer--bottom{right:22%;bottom:13%}.addon-hero-layer--left{left:8%;bottom:27%}
.addon-base-compact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.addon-base-compact article{display:grid;gap:9px;padding:20px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft)}.addon-base-compact span{width:28px;height:28px;border-radius:11px;background:rgba(249,115,22,.10);border:1px solid rgba(249,115,22,.22)}.addon-base-compact h3{font-size:1.02rem;margin:0}.addon-base-compact p{font-size:.94rem;color:var(--muted);line-height:1.5}.addon-scenarios{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.addon-scenarios article{padding:24px;border-radius:24px;background:rgba(255,255,255,.72);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.addon-scenarios em{display:inline-flex;margin-bottom:16px;font-style:normal;font-weight:900;color:var(--orange);font-size:.78rem;text-transform:uppercase;letter-spacing:.10em}.addon-scenarios h3{margin-bottom:10px}.addon-scenarios p{color:var(--muted);line-height:1.58}.addon-sales-actions{margin-bottom:clamp(22px,3vw,34px)}.addon-sales-list{display:grid;gap:22px}.addon-sales-card{display:grid;gap:22px;padding:clamp(24px,4vw,38px);border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft)}.addon-sales-card:nth-child(even){background:linear-gradient(180deg,#fff,rgba(250,249,246,.88))}.addon-sales-card__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,220px);gap:22px;align-items:start}.addon-sales-card__kicker{display:block;margin-bottom:10px;color:var(--orange);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem}.addon-sales-card h3{font-size:clamp(1.55rem,2.8vw,2.35rem);line-height:1.02;margin:0 0 10px}.addon-sales-card__head p{max-width:62ch;color:var(--muted);font-size:1.05rem;line-height:1.58}.addon-sales-card__price{display:grid;gap:4px;align-content:center;justify-items:start;padding:18px;border-radius:18px;background:rgba(249,115,22,.08);border:1px solid rgba(249,115,22,.22)}.addon-sales-card__price strong{font-family:var(--font-head)!important;font-size:clamp(1.55rem,3vw,2.25rem);line-height:1;color:var(--orange)}.addon-sales-card__price span{font-weight:900;color:var(--muted)}.addon-sales-card__body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.addon-sales-card__body div{padding:18px;border-radius:18px;background:rgba(19,23,43,.035);border:1px solid rgba(19,23,43,.07)}.addon-sales-card__body b{display:block;margin-bottom:8px;color:var(--navy);font-size:.9rem}.addon-sales-card__body p{color:var(--muted);line-height:1.5;font-size:.95rem}.template-block--white_label .white-label-strip{grid-template-columns:minmax(0,1fr) minmax(220px,320px);background:linear-gradient(100deg,#fff 0%,#fff 70%,rgba(249,115,22,.10) 100%)}.template-block--white_label .white-label-strip:before,.white-label-strip__visual{display:none!important}.white-label-points{margin:24px 0 0;padding:0;display:grid;gap:12px;list-style:none}.white-label-points li{position:relative;padding-left:22px;font-weight:900;color:var(--muted)}.white-label-points li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:999px;background:var(--orange)}.template-block--white_label .white-label-strip__price{align-self:center;padding:24px;border-radius:24px;background:rgba(249,115,22,.08);border:1px solid rgba(249,115,22,.22)}
@media (max-width:980px){.addon-base-compact,.addon-scenarios{grid-template-columns:repeat(2,minmax(0,1fr))}.addon-sales-card__head,.addon-sales-card__body,.template-block--white_label .white-label-strip{grid-template-columns:1fr}.addon-hero-layer--top{left:7%;top:10%}.addon-hero-layer--right{right:6%;top:34%}.addon-hero-layer--bottom{right:9%;bottom:10%}.addon-hero-layer--left{left:6%;bottom:23%}}
@media (max-width:680px){.page-template-page-add-ons .hero{padding-top:clamp(92px,22vw,118px)}.page-template-page-add-ons .hero h1{max-width:100%;font-size:clamp(2rem,9.5vw,3rem)}.addon-hero-visual--v7{min-height:360px}.addon-hero-core{width:76%;padding:20px}.addon-hero-layer{min-width:118px;padding:12px}.addon-hero-layer strong{font-size:.96rem}.addon-hero-layer span{font-size:.68rem}.addon-base-compact,.addon-scenarios{grid-template-columns:1fr}.addon-sales-card{padding:22px}.addon-sales-card__price{width:100%}.addon-sales-card__body{gap:10px}.white-label-strip{padding:24px!important}}


/* V7 add-ons pricing + fair-use refinement */
.addon-card{position:relative}
.addon-card--featured{
  border-color:rgba(249,115,22,.42)!important;
  background:linear-gradient(145deg,#fff 0%,rgba(255,247,237,.9) 100%);
  box-shadow:0 24px 70px rgba(249,115,22,.14);
}
.addon-card__badge,.addon-sales-card__badge{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  align-items:center;
  gap:6px;
  border-radius:999px;
  padding:6px 10px;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#fff;
  background:var(--orange);
}
.addon-card__badge{
  margin-bottom:12px;
}
.addon-sales-card{
  position:relative;
  scroll-margin-top:calc(var(--site-header-height, 72px) + 24px);
}
.addon-sales-card--featured{
  border-color:rgba(249,115,22,.42)!important;
  background:linear-gradient(145deg,#fff 0%,rgba(255,247,237,.92) 100%);
  box-shadow:0 28px 80px rgba(249,115,22,.14);
}
.addon-sales-card__badge{
  margin-bottom:12px;
}
.template-block--project_addons .addon-cards,
.template-block--client_addons .addon-cards{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.fair-use-action-table td:nth-child(2),
.fair-use-limit-table td:nth-child(3){
  font-family:var(--font-head);
  font-weight:900;
  color:var(--orange);
}
@media (max-width:900px){
  .template-block--project_addons .addon-cards,
  .template-block--client_addons .addon-cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:680px){
  .template-block--project_addons .addon-cards,
  .template-block--client_addons .addon-cards{
    grid-template-columns:1fr;
  }
}



/* V7 request access page */
.request-access-grid{
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(360px,1.14fr);
  gap:clamp(28px,5vw,72px);
  align-items:start;
}
.request-access-copy{
  display:grid;
  gap:16px;
  min-width:0;
}
.request-access-copy h2{
  max-width:12ch;
}
.request-access-note,
.signup-region-note{
  display:grid;
  gap:6px;
  padding:18px 20px;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(19,23,43,.10);
  box-shadow:var(--shadow-soft);
}
.request-access-note strong,
.signup-region-note strong{
  color:var(--navy);
  font-family:var(--font-head);
  font-size:1.02rem;
}
.request-access-note span,
.signup-region-note span{
  color:var(--muted);
  line-height:1.55;
}
.request-access-form-card{
  scroll-margin-top:calc(var(--site-header-height, 72px) + 24px);
}
.form-privacy-note{
  margin:4px 0 18px;
  color:var(--muted);
  font-size:.92rem;
  line-height:1.55;
}
.form-privacy-note a,
.signup-region-note a{
  color:var(--orange);
  font-weight:900;
}
.form-notice span + span{
  margin-top:4px;
}
@media (max-width:900px){
  .request-access-grid{
    grid-template-columns:1fr;
  }
  .request-access-copy h2{
    max-width:100%;
  }
}
/* V7 pricing table refinement */
.template-block--pricing_matrix .pricing-table-wrap,
.template-block--client_matrix .pricing-table-wrap,
.template-block--pricing_matrix .content-flow table,
.template-block--client_matrix .content-flow table{
  border-radius:28px;
}
.template-block--pricing_matrix .pricing-table,
.template-block--client_matrix .pricing-table{
  min-width:760px;
  border-collapse:separate;
  border-spacing:0;
  background:#fff;
  border:1px solid rgba(19,23,43,.10);
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 22px 70px rgba(19,23,43,.06);
}
.template-block--pricing_matrix .pricing-table th,
.template-block--client_matrix .pricing-table th{
  background:#fff!important;
  color:var(--navy)!important;
  font-family:var(--font-head);
  font-weight:900;
  font-size:.95rem;
  border-bottom:1px solid rgba(19,23,43,.12);
  padding:20px 22px;
  text-align:left;
}
.template-block--pricing_matrix .pricing-table th:first-child,
.template-block--client_matrix .pricing-table th:first-child{
  background:#FAF9F6!important;
}
.template-block--pricing_matrix .pricing-table td,
.template-block--client_matrix .pricing-table td{
  padding:18px 22px;
  border-bottom:1px solid rgba(19,23,43,.075);
  color:var(--muted);
  line-height:1.45;
  vertical-align:top;
  background:#fff;
}
.template-block--pricing_matrix .pricing-table tr:last-child td,
.template-block--client_matrix .pricing-table tr:last-child td{
  border-bottom:0;
}
.template-block--pricing_matrix .pricing-table td:first-child,
.template-block--client_matrix .pricing-table td:first-child{
  background:#FAF9F6;
  color:var(--navy);
  font-weight:900;
  font-family:var(--font-head);
  min-width:220px;
}
.template-block--pricing_matrix .pricing-table td:not(:first-child),
.template-block--client_matrix .pricing-table td:not(:first-child){
  font-weight:750;
}
.template-block--pricing_matrix .pricing-table tbody tr:hover td,
.template-block--client_matrix .pricing-table tbody tr:hover td{
  background:rgba(249,115,22,.045);
}
.template-block--pricing_matrix .pricing-table tbody tr:hover td:first-child,
.template-block--client_matrix .pricing-table tbody tr:hover td:first-child{
  background:rgba(249,115,22,.075);
}
.template-block--pricing_matrix .pricing-table td:contains("*"),
.template-block--client_matrix .pricing-table td:contains("*"){
  color:var(--navy);
}
.template-block--pricing_matrix .section-head,
.template-block--client_matrix .section-head{
  max-width:840px;
}
.template-block--pricing_matrix .pricing-table-wrap,
.template-block--client_matrix .pricing-table-wrap{
  padding-bottom:8px;
  overflow-x:auto;
  scrollbar-color:var(--orange) rgba(19,23,43,.08);
}
.template-block--pricing_matrix .pricing-table-wrap::-webkit-scrollbar,
.template-block--client_matrix .pricing-table-wrap::-webkit-scrollbar{
  height:8px;
}
.template-block--pricing_matrix .pricing-table-wrap::-webkit-scrollbar-thumb,
.template-block--client_matrix .pricing-table-wrap::-webkit-scrollbar-thumb{
  background:rgba(249,115,22,.55);
  border-radius:999px;
}
.template-block--pricing_matrix .pricing-table-wrap::-webkit-scrollbar-track,
.template-block--client_matrix .pricing-table-wrap::-webkit-scrollbar-track{
  background:rgba(19,23,43,.06);
  border-radius:999px;
}
@media (max-width:760px){
  .template-block--pricing_matrix .pricing-table,
  .template-block--client_matrix .pricing-table{
    min-width:680px;
    border-radius:22px;
  }
  .template-block--pricing_matrix .pricing-table th,
  .template-block--client_matrix .pricing-table th,
  .template-block--pricing_matrix .pricing-table td,
  .template-block--client_matrix .pricing-table td{
    padding:15px 16px;
    font-size:.92rem;
  }
  .template-block--pricing_matrix .pricing-table td:first-child,
  .template-block--client_matrix .pricing-table td:first-child{
    min-width:180px;
  }
}


/* V7 pricing table font-weight correction */
.template-block--pricing_matrix .pricing-table th,
.template-block--client_matrix .pricing-table th{
  font-weight:900!important;
}
.template-block--pricing_matrix .pricing-table td,
.template-block--client_matrix .pricing-table td{
  font-weight:400!important;
}
.template-block--pricing_matrix .pricing-table td:first-child,
.template-block--client_matrix .pricing-table td:first-child{
  font-weight:900!important;
}






/* V7 add-ons consolidated desktop layout */
.template-block--base_layer .addon-base,
.template-block--base_layer .addon-base__grid,
.template-block--base_layer .addon-base__item{
  all:unset;
}
.template-block--base_layer .addon-base-story{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:clamp(38px,5vw,76px);
  align-items:start;
}
.template-block--base_layer .addon-base-story__copy{
  max-width:560px;
  padding-top:clamp(10px,1.5vw,20px);
}
.template-block--base_layer .addon-base-story__copy h2{
  max-width:14ch;
  margin-bottom:18px;
}
.template-block--base_layer .addon-base-story__copy p:not(.eyebrow){
  color:var(--muted);
  line-height:1.65;
}
.template-block--base_layer .addon-base-story__line{
  display:grid;
  gap:0;
  border-top:1px solid rgba(19,23,43,.14);
  border-bottom:1px solid rgba(19,23,43,.14);
}
.template-block--base_layer .addon-base-story__line article{
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  gap:10px 22px;
  align-items:start;
  padding:clamp(20px,2.6vw,30px) 0;
  border-bottom:1px solid rgba(19,23,43,.09);
}
.template-block--base_layer .addon-base-story__line article:last-child{
  border-bottom:0;
}
.template-block--base_layer .addon-base-story__line span{
  grid-column:1 / 2;
  grid-row:1 / 3;
  font-family:var(--font-head);
  font-weight:900;
  font-size:.78rem;
  letter-spacing:.08em;
  color:rgba(19,23,43,.34);
  padding-top:.36em;
}
.template-block--base_layer .addon-base-story__line h3{
  grid-column:2 / 3;
  grid-row:1 / 2;
  min-width:0;
  margin:0;
  color:var(--navy);
  line-height:1.08;
  overflow-wrap:break-word;
}
.template-block--base_layer .addon-base-story__line p{
  grid-column:2 / 3;
  grid-row:2 / 3;
  min-width:0;
  margin:2px 0 0;
  color:var(--muted);
  line-height:1.58;
}
@media (max-width:920px){
  .template-block--base_layer .addon-base-story{
    grid-template-columns:1fr;
  }
  .template-block--base_layer .addon-base-story__copy,
  .template-block--base_layer .addon-base-story__copy h2{
    max-width:100%;
  }
}
@media (max-width:640px){
  .template-block--base_layer .addon-base-story__line article{
    grid-template-columns:38px minmax(0,1fr);
  }
}

.template-block--addon_scenarios .section-head,
.template-block--addon_limits .section-head{
  max-width:800px;
  margin:0 0 clamp(24px,4vw,38px);
  text-align:left;
}
.template-block--addon_scenarios .addon-scenarios{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  border:1px solid rgba(19,23,43,.10);
  border-radius:32px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 24px 80px rgba(19,23,43,.07);
}
.template-block--addon_scenarios .addon-scenarios article{
  min-width:0;
  min-height:270px;
  display:grid;
  grid-template-rows:24px minmax(58px,auto) minmax(88px,1fr) auto;
  gap:14px;
  padding:clamp(22px,2.8vw,32px);
  border:0;
  border-radius:0;
  background:#fff;
  box-shadow:none;
  overflow:hidden;
}
.template-block--addon_scenarios .addon-scenarios article + article{
  border-left:1px solid rgba(19,23,43,.10);
}
.template-block--addon_scenarios .addon-scenarios article:before{
  content:"01";
  align-self:start;
  font-family:var(--font-head);
  font-weight:900;
  color:rgba(19,23,43,.17);
  font-size:.82rem;
  letter-spacing:.08em;
}
.template-block--addon_scenarios .addon-scenarios article:nth-child(2):before{content:"02";}
.template-block--addon_scenarios .addon-scenarios article:nth-child(3):before{content:"03";}
.template-block--addon_scenarios .addon-scenarios article:nth-child(4):before{content:"04";}
.template-block--addon_scenarios .addon-scenarios article h3{
  max-width:100%;
  min-width:0;
  margin:0;
  align-self:start;
  color:var(--navy);
  line-height:1.05;
  text-wrap:balance;
  overflow-wrap:break-word;
  hyphens:auto;
}
.template-block--addon_scenarios .addon-scenarios article p{
  max-width:100%;
  min-width:0;
  margin:0;
  align-self:start;
  color:var(--muted);
  line-height:1.55;
  overflow-wrap:break-word;
  hyphens:auto;
}
.template-block--addon_scenarios .addon-scenarios article em{
  display:inline-grid;
  width:max-content;
  max-width:100%;
  align-self:end;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(249,115,22,.10);
  color:var(--orange);
  font-style:normal;
  font-weight:900;
  font-size:.78rem;
  line-height:1.2;
  white-space:normal;
}
.template-block--addon_scenarios .addon-scenarios article em span{
  display:block;
}
.template-block--addon_scenarios .addon-scenarios article:nth-child(3){
  background:linear-gradient(145deg,var(--navy),var(--navy-2));
}
.template-block--addon_scenarios .addon-scenarios article:nth-child(3):before{
  color:rgba(255,255,255,.22);
}
.template-block--addon_scenarios .addon-scenarios article:nth-child(3) h3,
.template-block--addon_scenarios .addon-scenarios article:nth-child(3) p{
  color:#fff;
}
.template-block--addon_scenarios .addon-scenarios article:nth-child(3) p{
  color:rgba(255,255,255,.76);
}
.template-block--addon_scenarios .addon-scenarios article:nth-child(3) em{
  background:rgba(249,115,22,.18);
  color:#FDBA74;
}
@media (max-width:1080px){
  .template-block--addon_scenarios .addon-scenarios{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .template-block--addon_scenarios .addon-scenarios article:nth-child(3){
    border-left:0;
    border-top:1px solid rgba(19,23,43,.10);
  }
  .template-block--addon_scenarios .addon-scenarios article:nth-child(4){
    border-top:1px solid rgba(19,23,43,.10);
  }
}
@media (max-width:680px){
  .template-block--addon_scenarios .addon-scenarios{
    grid-template-columns:1fr;
  }
  .template-block--addon_scenarios .addon-scenarios article{
    min-height:auto;
    grid-template-rows:auto;
  }
  .template-block--addon_scenarios .addon-scenarios article + article,
  .template-block--addon_scenarios .addon-scenarios article:nth-child(3),
  .template-block--addon_scenarios .addon-scenarios article:nth-child(4){
    border-left:0;
    border-top:1px solid rgba(19,23,43,.10);
  }
}

.addon-limit-table-wrap{
  overflow-x:auto;
  border-radius:28px;
}
.addon-limit-table{
  width:100%;
  min-width:720px;
  border-collapse:separate;
  border-spacing:0;
  background:#fff;
  border:1px solid rgba(19,23,43,.10);
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 22px 70px rgba(19,23,43,.055);
}
.addon-limit-table th{
  padding:18px 22px;
  text-align:left;
  font-family:var(--font-body);
  font-weight:700;
  letter-spacing:0;
  color:var(--navy);
  background:#FAF9F6;
  border-bottom:1px solid rgba(19,23,43,.10);
}
.addon-limit-table td{
  padding:18px 22px;
  color:var(--muted);
  line-height:1.5;
  border-bottom:1px solid rgba(19,23,43,.075);
}
.addon-limit-table tr:last-child td{
  border-bottom:0;
}
.addon-limit-table td:first-child{
  font-family:var(--font-body);
  font-weight:700;
  letter-spacing:0;
  color:var(--navy);
  background:#FAF9F6;
}

.addon-card__price,
.addon-sales-card__price{
  text-align:center!important;
  justify-items:center!important;
}
.addon-card__price strong,
.addon-sales-card__price strong{
  display:block!important;
  width:100%!important;
  text-align:center!important;
}
.addon-card__price span,
.addon-sales-card__price span{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:5px auto 0!important;
  text-align:center!important;
  font-size:clamp(.7rem,.78vw,.78rem)!important;
  font-weight:500!important;
  opacity:.38!important;
}

.addon-sales-card--inlayr-id-pro{
  display:grid!important;
  gap:22px!important;
  padding:clamp(24px,4vw,38px)!important;
  border-radius:var(--radius)!important;
  background:linear-gradient(145deg,var(--navy),var(--navy-2))!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 24px 80px rgba(19,23,43,.18)!important;
  color:#fff!important;
  overflow:visible!important;
}
.addon-sales-card--inlayr-id-pro:before{
  display:none!important;
}
.addon-sales-card--inlayr-id-pro .addon-sales-card__badge{
  position:absolute!important;
  top:-14px!important;
  left:22px!important;
  z-index:3!important;
  width:max-content!important;
  max-width:calc(100% - 44px)!important;
  margin:0!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  background:var(--orange)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 10px 28px rgba(249,115,22,.24)!important;
}
.addon-sales-card--inlayr-id-pro .addon-sales-card__head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(160px,220px)!important;
  gap:22px!important;
  align-items:start!important;
  width:100%!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.addon-sales-card--inlayr-id-pro .addon-sales-card__head > div:first-child{
  min-width:0!important;
}
.addon-sales-card--inlayr-id-pro .addon-sales-card__price{
  display:grid!important;
  gap:4px!important;
  align-content:center!important;
  justify-items:center!important;
  align-self:start!important;
  width:auto!important;
  min-height:118px!important;
  padding:18px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.32)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 28px rgba(0,0,0,.08)!important;
  text-align:center!important;
}
.addon-sales-card--inlayr-id-pro .addon-sales-card__body{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.addon-sales-card--inlayr-id-pro .addon-sales-card__body > div{
  display:block!important;
  min-width:0!important;
  padding:18px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.32)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 28px rgba(0,0,0,.08)!important;
}
.addon-sales-card--inlayr-id-pro,
.addon-sales-card--inlayr-id-pro h3,
.addon-sales-card--inlayr-id-pro h4,
.addon-sales-card--inlayr-id-pro b,
.addon-sales-card--inlayr-id-pro strong,
.addon-sales-card--inlayr-id-pro .addon-sales-card__price strong{
  color:#fff!important;
}
.addon-sales-card--inlayr-id-pro p,
.addon-sales-card--inlayr-id-pro span:not(.addon-sales-card__badge),
.addon-sales-card--inlayr-id-pro .addon-sales-card__kicker,
.addon-sales-card--inlayr-id-pro .addon-sales-card__price span,
.addon-sales-card--inlayr-id-pro .addon-sales-card__body p{
  color:rgba(255,255,255,.76)!important;
}
.addon-sales-card--inlayr-id-pro .addon-sales-card__kicker{
  color:var(--orange-2)!important;
}
.addon-sales-card--inlayr-id-pro .addon-sales-card__price strong,
.addon-sales-card--inlayr-id-pro .addon-sales-card__price span{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.addon-sales-card--inlayr-id-pro .addon-sales-card__body b{
  display:block!important;
  margin-bottom:8px!important;
  color:#fff!important;
}
@media (max-width:900px){
  .addon-sales-card--inlayr-id-pro .addon-sales-card__head{
    grid-template-columns:1fr!important;
  }
  .addon-sales-card--inlayr-id-pro .addon-sales-card__price{
    width:100%!important;
  }
  .addon-sales-card--inlayr-id-pro .addon-sales-card__body{
    grid-template-columns:1fr!important;
  }
}

.template-block--white_label .white-label-strip{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(260px,.52fr)!important;
  gap:clamp(22px,3vw,40px)!important;
  align-items:stretch;
  padding:clamp(28px,4vw,46px);
  border-radius:34px;
  background:linear-gradient(135deg,#fff 0%,#fff 68%,rgba(255,247,237,.72) 100%);
  border:1px solid rgba(19,23,43,.10);
}
.template-block--white_label .white-label-strip:before{
  display:none!important;
}
.template-block--white_label .white-label-strip__copy{
  grid-column:1 / 3!important;
  display:grid;
  align-content:start;
  gap:16px;
}
.template-block--white_label .white-label-strip__copy h3{
  max-width:16ch;
  margin:0;
}
.template-block--white_label .white-label-strip__copy p:not(.eyebrow){
  max-width:62ch;
}
.template-block--white_label .white-label-strip__price{
  grid-column:3 / 4!important;
  grid-row:1 / 2!important;
  align-self:stretch;
  justify-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:18px;
  min-height:100%;
  padding:clamp(22px,3vw,30px);
  border-radius:28px;
  background:linear-gradient(145deg,var(--navy),var(--navy-2));
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
}
.template-block--white_label .white-label-strip__price strong{
  color:#fff;
  font-size:clamp(2.2rem,4vw,3.3rem);
  line-height:.95;
}
.template-block--white_label .white-label-strip__price span{
  color:rgba(255,255,255,.58);
  font-weight:650;
}
.template-block--white_label .white-label-strip__price .text-link{
  color:var(--orange-2);
}
.template-block--white_label .white-label-points{
  grid-column:1 / -1!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(14px,2vw,22px)!important;
  margin:clamp(4px,1vw,10px) 0 0!important;
  padding:0;
}
.template-block--white_label .white-label-points article{
  min-height:0!important;
  padding:clamp(20px,2.4vw,28px)!important;
  border-radius:20px;
  background:rgba(19,23,43,.045);
  border:1px solid rgba(19,23,43,.06);
}
.template-block--white_label .white-label-points h4{
  max-width:18ch;
  margin:0 0 8px;
  color:var(--navy);
  line-height:1.12;
}
.template-block--white_label .white-label-points p{
  max-width:34ch;
  margin:0;
  color:var(--muted);
  line-height:1.45;
}
@media (max-width:900px){
  .template-block--white_label .white-label-strip{
    grid-template-columns:1fr!important;
  }
  .template-block--white_label .white-label-strip__copy,
  .template-block--white_label .white-label-strip__price,
  .template-block--white_label .white-label-points{
    grid-column:1 / -1!important;
    grid-row:auto!important;
  }
  .template-block--white_label .white-label-points{
    grid-template-columns:1fr!important;
  }
}


/* V7 add-ons mobile corrections */
@media (max-width:760px){
  .page-template-page-add-ons .addon-hero-layer--left{
    transform:translateY(15px);
  }
  .page-template-page-add-ons .addon-hero-layer--right{
    transform:translateY(-20px);
  }

  .template-block--addon_sales .section-head{
    max-width:100%;
    min-width:0;
  }
  .template-block--addon_sales .section-head h2{
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:normal;
    hyphens:auto;
    font-size:clamp(2rem,10vw,3.15rem);
    letter-spacing:-.045em;
  }
  .template-block--addon_sales .section-head p{
    max-width:100%;
    overflow-wrap:break-word;
    word-break:normal;
    hyphens:auto;
  }
}


/* V7 blocks page content additions */
.template-block--blocks_compare .section-head,
.template-block--platform_blocks .section-head{
  max-width:860px;
}
.blocks-compare{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(18px,3vw,30px);
  align-items:stretch;
}
.blocks-compare__panel{
  min-width:0;
  padding:clamp(24px,3.4vw,38px);
  border-radius:30px;
  border:1px solid rgba(19,23,43,.10);
  box-shadow:0 22px 70px rgba(19,23,43,.055);
  display:grid;
  gap:22px;
}
.blocks-compare__panel h3{
  margin:0;
  color:var(--navy);
}
.blocks-compare__panel ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:12px;
}
.blocks-compare__panel li{
  position:relative;
  padding-left:26px;
  color:var(--muted);
  line-height:1.55;
}
.blocks-compare__panel li:before{
  position:absolute;
  left:0;
  top:.05em;
  font-weight:900;
}
.blocks-compare__panel--without{
  background:linear-gradient(145deg,#fff 0%,#FAF9F6 100%);
}
.blocks-compare__panel--without li:before{
  content:"×";
  color:rgba(19,23,43,.35);
}
.blocks-compare__panel--with{
  background:linear-gradient(145deg,var(--navy) 0%,var(--navy-2) 100%);
  border-color:rgba(255,255,255,.14);
}
.blocks-compare__panel--with h3{
  color:#fff;
}
.blocks-compare__panel--with li{
  color:rgba(255,255,255,.76);
}
.blocks-compare__panel--with li:before{
  content:"✓";
  color:var(--orange-2);
}

.platform-blocks{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(16px,2.2vw,24px);
}
.platform-blocks__card{
  min-width:0;
  padding:clamp(22px,2.8vw,32px);
  border-radius:28px;
  background:#fff;
  border:1px solid rgba(19,23,43,.10);
  box-shadow:0 18px 60px rgba(19,23,43,.05);
  display:grid;
  gap:12px;
}
.platform-blocks__card span{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(249,115,22,.10);
  color:var(--orange);
  font-weight:900;
  font-size:.78rem;
  line-height:1.2;
}
.platform-blocks__card h3{
  margin:0;
  color:var(--navy);
}
.platform-blocks__card p{
  margin:0;
  color:var(--muted);
  line-height:1.58;
}
.platform-blocks__card:nth-child(2){
  background:linear-gradient(145deg,#fff 0%,#FAF9F6 100%);
}
.platform-blocks__card:nth-child(3){
  background:linear-gradient(145deg,var(--navy) 0%,var(--navy-2) 100%);
  border-color:rgba(255,255,255,.14);
}
.platform-blocks__card:nth-child(3) h3{
  color:#fff;
}
.platform-blocks__card:nth-child(3) p{
  color:rgba(255,255,255,.76);
}
.platform-blocks__card:nth-child(3) span{
  background:rgba(249,115,22,.16);
  color:#FDBA74;
}
@media (max-width:900px){
  .blocks-compare,
  .platform-blocks{
    grid-template-columns:1fr;
  }
}


/* V7 add-ons keuzehulp overflow fix */
.template-block--addon_scenarios .addon-scenarios article{
  min-width:0;
}
.template-block--addon_scenarios .addon-scenarios article h3,
.template-block--addon_scenarios .addon-scenarios article p,
.template-block--addon_scenarios .addon-scenarios article em{
  min-width:0;
  max-width:100%;
  overflow-wrap:break-word;
  word-break:normal;
}
.template-block--addon_scenarios .addon-scenarios article:nth-child(4) h3{
  font-size:clamp(1.05rem,1.6vw,1.34rem);
  letter-spacing:-.025em;
}
.template-block--addon_scenarios .addon-scenarios article:nth-child(4) em{
  width:auto;
  max-width:100%;
  white-space:normal;
  text-align:left;
}


/* V7 blokken page refinement */
.page-template-page-blokken .template-block--impact .split{
  align-items:stretch;
}
.page-template-page-blokken .template-block--impact .feature-list{
  background:#fff;
  color:var(--navy);
  border:1px solid rgba(255,255,255,.16);
  border-radius:30px;
  padding:clamp(20px,3vw,30px);
  box-shadow:0 22px 70px rgba(0,0,0,.12);
}
.page-template-page-blokken .template-block--impact .feature-list li{
  background:#FAF9F6;
  border:1px solid rgba(19,23,43,.08);
  border-radius:18px;
  padding:18px;
}
.page-template-page-blokken .template-block--impact .feature-list li + li{
  margin-top:12px;
}
.page-template-page-blokken .template-block--impact .feature-list strong{
  color:var(--navy);
}
.page-template-page-blokken .template-block--impact .feature-list span{
  color:var(--muted);
}

.page-template-page-blokken .platform-blocks{
  align-items:stretch;
}
.page-template-page-blokken .platform-blocks__card,
.page-template-page-blokken .platform-blocks__card:nth-child(2),
.page-template-page-blokken .platform-blocks__card:nth-child(3){
  background:#fff!important;
  color:var(--navy)!important;
  border:1px solid rgba(19,23,43,.10)!important;
  box-shadow:0 18px 60px rgba(19,23,43,.05)!important;
}
.page-template-page-blokken .platform-blocks__card{
  justify-items:start;
  align-content:start;
}
.page-template-page-blokken .platform-blocks__card span,
.page-template-page-blokken .platform-blocks__card:nth-child(3) span{
  display:inline-flex!important;
  align-items:center;
  justify-content:flex-start;
  width:auto!important;
  min-height:32px;
  max-width:100%;
  margin:0 0 4px!important;
  padding:7px 11px!important;
  white-space:normal;
  line-height:1.15;
  text-align:left;
  background:rgba(249,115,22,.10)!important;
  color:var(--orange)!important;
}
.page-template-page-blokken .platform-blocks__card h3,
.page-template-page-blokken .platform-blocks__card:nth-child(3) h3{
  color:var(--navy)!important;
}
.page-template-page-blokken .platform-blocks__card p,
.page-template-page-blokken .platform-blocks__card:nth-child(3) p{
  color:var(--muted)!important;
}


/* V7 blokken impact outcome list */
.page-template-page-blokken .template-block--impact .split{
  align-items:start;
}
.page-template-page-blokken .template-block--impact .feature-list{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  border-radius:30px;
  padding:clamp(20px,3vw,30px);
  box-shadow:none;
}
.page-template-page-blokken .template-block--impact .feature-list li{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  padding:18px;
}
.page-template-page-blokken .template-block--impact .feature-list li + li{
  margin-top:12px;
}
.page-template-page-blokken .template-block--impact .feature-list strong{
  color:#fff;
}
.page-template-page-blokken .template-block--impact .feature-list span{
  color:rgba(255,255,255,.72);
}


/* V7 blokken impact spacing + orange accent */
.page-template-page-blokken .template-block--impact .split{
  gap:clamp(42px,6vw,96px);
}
.page-template-page-blokken .template-block--impact .feature-list{
  position:relative;
  border-color:rgba(249,115,22,.18);
}
.page-template-page-blokken .template-block--impact .feature-list:before{
  content:"";
  position:absolute;
  left:clamp(20px,3vw,30px);
  top:0;
  width:74px;
  height:4px;
  border-radius:999px;
  background:var(--orange);
  transform:translateY(-50%);
}
.page-template-page-blokken .template-block--impact .feature-list li{
  position:relative;
  padding:clamp(18px,2vw,22px) clamp(18px,2.2vw,26px) clamp(18px,2vw,22px) clamp(48px,4vw,58px);
}
.page-template-page-blokken .template-block--impact .feature-list li:before{
  content:"";
  position:absolute;
  left:clamp(20px,2.2vw,26px);
  top:clamp(27px,2.7vw,32px);
  width:8px;
  height:8px;
  border-radius:999px;
  background:var(--orange);
  box-shadow:0 0 0 6px rgba(249,115,22,.10);
}
.page-template-page-blokken .template-block--impact .feature-list strong{
  color:#fff;
}
@media (max-width:900px){
  .page-template-page-blokken .template-block--impact .split{
    gap:clamp(26px,7vw,42px);
  }
}


/* V7 blokken mobile corrections */
@media (max-width:760px){
  .page-template-page-blokken .hero{
    padding-top:clamp(104px,24vw,136px)!important;
  }

  /* Hero visual: keep content blocks, remove the white page mockup on mobile */
  .page-template-page-blokken .hero .content-workflow-visual{
    grid-template-columns:1fr!important;
    min-height:auto!important;
    padding:18px!important;
  }
  .page-template-page-blokken .hero .content-workflow-visual__page,
  .page-template-page-blokken .hero .content-workflow-visual__lines{
    display:none!important;
  }
  .page-template-page-blokken .hero .content-workflow-visual__blocks{
    width:100%!important;
    max-width:100%!important;
  }
  .page-template-page-blokken .hero .visual-progress{
    background:rgba(255,255,255,.18)!important;
  }
  .page-template-page-blokken .hero .visual-progress span{
    display:block!important;
    width:60%!important;
  }

  /* First blocks section: hide the extra page mockup on mobile, keep the content panel */
  .page-template-page-blokken .template-block--why_blocks .block-mapper{
    grid-template-columns:1fr!important;
    gap:clamp(22px,7vw,34px)!important;
  }
  .page-template-page-blokken .template-block--why_blocks .block-mapper__wire{
    display:none!important;
  }

  /* Impact section: pull the outcome list slightly closer on mobile */
  .page-template-page-blokken .template-block--impact .split{
    gap:clamp(16px,5vw,28px)!important;
  }
  .page-template-page-blokken .template-block--impact .feature-list{
    margin-top:-10px!important;
  }
}


/* V7 aanmelden profile signup correction */
.signup-profile-head{
  display:grid;
  gap:10px;
  margin-bottom:clamp(20px,3vw,30px);
}
.signup-profile-head h2{
  margin:0;
  max-width:13ch;
  font-size:clamp(1.8rem,3.2vw,2.4rem);
  line-height:1.04;
  letter-spacing:-.04em;
}
.signup-profile-head p{
  margin:0;
  max-width:66ch;
  color:var(--muted);
  line-height:1.6;
}
.signup-start-limits{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:clamp(18px,2.6vw,26px) 0;
}
.signup-start-limits span{
  min-width:0;
  padding:12px 14px;
  border-radius:16px;
  background:rgba(249,115,22,.08);
  border:1px solid rgba(249,115,22,.18);
  color:var(--navy);
  font-weight:900;
  line-height:1.25;
}
.signup-region-note{
  margin-top:clamp(22px,3.4vw,36px);
}
.signup-region-note + .signup-after-note{
  margin-top:clamp(24px,3.8vw,42px);
}
@media (max-width:680px){
  .signup-start-limits{grid-template-columns:1fr 1fr;}
  .signup-profile-head h2{max-width:100%;font-size:clamp(1.55rem,8vw,2rem);}
}


/* V7 aanmelden public signup polish */
.page-template-page-aanmelden .signup-region-note{
  margin-top:clamp(24px,4vw,42px);
}
.page-template-page-aanmelden .signup-form-wrap + .signup-region-note{
  margin-top:clamp(28px,4.4vw,48px);
}


/* V7 aanmelden signup form final polish */
.page-template-page-aanmelden .signup-intro{
  display:none!important;
}
.page-template-page-aanmelden .inlayr-form__grid label{
  min-width:0;
}
.page-template-page-aanmelden .inlayr-form input:not([type="checkbox"]),
.page-template-page-aanmelden .inlayr-form select{
  min-height:48px;
  height:48px;
  line-height:1.2;
  box-sizing:border-box;
}
.page-template-page-aanmelden .inlayr-form__field--wide{
  grid-column:1 / -1;
}
.page-template-page-aanmelden .inlayr-form__check{
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  gap:12px;
  align-items:start;
  margin-top:16px;
}
.page-template-page-aanmelden .inlayr-form__check input[type="checkbox"]{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  margin:2px 0 0!important;
  padding:0!important;
  box-sizing:border-box;
}
.page-template-page-aanmelden .inlayr-form__check span{
  line-height:1.5;
}


/* V7 aanmelden required star alignment */
.page-template-page-aanmelden .inlayr-form__grid label{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:4px 6px;
}
.page-template-page-aanmelden .inlayr-form__grid label > span{
  display:inline;
  margin:0;
  color:var(--orange);
  font-weight:900;
  line-height:1;
}
.page-template-page-aanmelden .inlayr-form__grid label > input,
.page-template-page-aanmelden .inlayr-form__grid label > select{
  flex:0 0 100%;
  width:100%;
}




/* V7 aanmelden segmented package UX */
.page-template-page-aanmelden .signup-segment-choice,
.page-template-page-aanmelden .signup-package-choice{
  margin:clamp(20px,3vw,30px) 0;
  padding:clamp(18px,2.6vw,26px);
  border:1px solid rgba(19,23,43,.10);
  border-radius:24px;
  background:#FAF9F6;
}
.page-template-page-aanmelden .signup-segment-choice legend,
.page-template-page-aanmelden .signup-package-choice legend{
  padding:0;
  margin:0 0 8px;
  font-family:var(--font-head);
  font-weight:900;
  color:var(--navy);
  font-size:clamp(1.15rem,2vw,1.45rem);
  letter-spacing:-.025em;
}
.page-template-page-aanmelden .signup-segment-choice > p,
.page-template-page-aanmelden .signup-package-choice > p{
  margin:0 0 16px;
  color:var(--muted);
  line-height:1.55;
  max-width:68ch;
}
.page-template-page-aanmelden .signup-segment-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.page-template-page-aanmelden .signup-package-group{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.page-template-page-aanmelden .signup-package-group[hidden]{
  display:none!important;
}
.page-template-page-aanmelden .signup-segment-card,
.page-template-page-aanmelden .signup-package-card{
  position:relative;
  min-width:0;
  cursor:pointer;
  display:grid;
}
.page-template-page-aanmelden .signup-segment-card input,
.page-template-page-aanmelden .signup-package-card input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.page-template-page-aanmelden .signup-segment-card span,
.page-template-page-aanmelden .signup-package-card span{
  display:grid;
  gap:6px;
  height:100%;
  min-height:132px;
  padding:18px;
  border-radius:18px;
  background:#fff;
  border:1.5px solid rgba(19,23,43,.10);
  box-shadow:0 12px 34px rgba(19,23,43,.045);
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.page-template-page-aanmelden .signup-segment-card strong,
.page-template-page-aanmelden .signup-package-card strong{
  color:var(--navy);
  font-family:var(--font-head);
  font-size:1.02rem;
  line-height:1.1;
}
.page-template-page-aanmelden .signup-segment-card small,
.page-template-page-aanmelden .signup-package-card small{
  color:var(--muted);
  line-height:1.45;
  font-weight:700;
}
.page-template-page-aanmelden .signup-package-card em{
  color:var(--orange);
  font-family:var(--font-head);
  font-style:normal;
  font-weight:900;
  font-size:clamp(1.45rem,3vw,2rem);
  line-height:.95;
}
.page-template-page-aanmelden .signup-segment-card input:checked + span,
.page-template-page-aanmelden .signup-package-card input:checked + span{
  border-color:rgba(249,115,22,.72);
  box-shadow:0 18px 48px rgba(249,115,22,.12);
}
.page-template-page-aanmelden .signup-segment-card input:checked + span:after,
.page-template-page-aanmelden .signup-package-card input:checked + span:after{
  content:"Gekozen";
  position:absolute;
  top:12px;
  right:12px;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(249,115,22,.12);
  color:var(--orange);
  font-weight:900;
  font-size:.72rem;
}
.page-template-page-aanmelden .signup-package-card--featured input:checked + span{
  background:linear-gradient(145deg,var(--navy),var(--navy-2));
  border-color:rgba(255,255,255,.16);
}
.page-template-page-aanmelden .signup-package-card--featured input:checked + span strong,
.page-template-page-aanmelden .signup-package-card--featured input:checked + span em{
  color:#fff;
}
.page-template-page-aanmelden .signup-package-card--featured input:checked + span small{
  color:rgba(255,255,255,.72);
}
.page-template-page-aanmelden .signup-package-help{
  margin:14px 0 0!important;
  font-size:.95rem;
}
.page-template-page-aanmelden .signup-package-help a{
  color:var(--orange);
  font-weight:900;
}
@media (max-width:860px){
  .page-template-page-aanmelden .signup-segment-grid,
  .page-template-page-aanmelden .signup-package-group{
    grid-template-columns:1fr;
  }
  .page-template-page-aanmelden .signup-segment-card span,
  .page-template-page-aanmelden .signup-package-card span{
    min-height:auto;
  }
}


/* V7 aanmelden segmented choice layout fix */
.page-template-page-aanmelden .signup-segment-choice,
.page-template-page-aanmelden .signup-package-choice{
  position:relative;
  display:block;
  padding-top:clamp(24px,3vw,32px)!important;
}
.page-template-page-aanmelden .signup-segment-choice legend,
.page-template-page-aanmelden .signup-package-choice legend{
  float:none!important;
  display:block!important;
  width:100%!important;
  margin:0 0 14px!important;
  padding:0!important;
  line-height:1.08!important;
}
.page-template-page-aanmelden .signup-segment-choice > p,
.page-template-page-aanmelden .signup-package-choice > p{
  clear:both;
}
.page-template-page-aanmelden .signup-segment-card span,
.page-template-page-aanmelden .signup-package-card span{
  position:relative;
  padding:20px!important;
  padding-right:20px!important;
}
.page-template-page-aanmelden .signup-segment-card input:checked + span:after,
.page-template-page-aanmelden .signup-package-card input:checked + span:after{
  position:static!important;
  justify-self:start;
  align-self:end;
  width:max-content;
  max-width:100%;
  margin-top:8px;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(249,115,22,.12);
  color:var(--orange);
  font-weight:900;
  font-size:.72rem;
  line-height:1;
}
.page-template-page-aanmelden .signup-package-card--featured input:checked + span:after{
  background:rgba(249,115,22,.20);
  color:#FDBA74;
}
.page-template-page-aanmelden .signup-start-limits{
  display:none!important;
}


/* V7 aanmelden choice title inside cards */
.page-template-page-aanmelden .signup-segment-choice,
.page-template-page-aanmelden .signup-package-choice{
  border:1px solid rgba(19,23,43,.10)!important;
  padding-top:clamp(22px,3vw,30px)!important;
}
.page-template-page-aanmelden .signup-choice-title{
  margin:0 0 14px!important;
  padding:0!important;
  color:var(--navy);
  font-family:var(--font-head);
  font-weight:900;
  font-size:clamp(1.35rem,3vw,2.05rem);
  line-height:1.05;
  letter-spacing:-.035em;
  max-width:100%;
  overflow-wrap:break-word;
}
.page-template-page-aanmelden .signup-segment-choice legend,
.page-template-page-aanmelden .signup-package-choice legend{
  display:none!important;
}


/* V8 system cleanup: calmer scale, safer text zones and documentation rhythm */
:root{
  --wrap:min(100% - clamp(32px,7vw,104px),1080px);
  --narrow:min(100% - clamp(32px,7vw,104px),760px);
  --space-3:clamp(22px,2.8vw,36px);
  --space-4:clamp(34px,4.2vw,58px);
  --space-5:clamp(54px,6.4vw,88px);
  --card-pad:clamp(20px,2.5vw,30px);
  --radius:clamp(16px,1.6vw,24px);
  --shadow:0 16px 46px rgba(19,23,43,.09);
  --shadow-soft:0 8px 28px rgba(19,23,43,.065);
}
html{font-size:15.5px}
body{font-size:clamp(.96rem,.93rem + .12vw,1.04rem);line-height:1.62}
.hero{min-height:min(620px,calc(100dvh - var(--site-header-height,72px)));padding:clamp(58px,7vw,94px) 0}
.section{padding:var(--space-5) 0}
.section__inner{max-width:1080px}
.hero__inner{gap:clamp(28px,4.6vw,64px)}
.hero__content{max-width:660px}.hero__text{font-size:clamp(1rem,.94rem + .22vw,1.15rem);line-height:1.58;max-width:56ch}.section-head{margin-bottom:clamp(20px,2.7vw,34px)}.section-head p{font-size:clamp(.98rem,.93rem + .18vw,1.1rem);line-height:1.58;max-width:62ch}
h1,.hero h1{font-size:clamp(2rem,1.36rem + 2.15vw,3.42rem);line-height:1.04;max-width:min(100%,17ch);letter-spacing:-.045em}
h2,.section-head h2{font-size:clamp(1.65rem,1.18rem + 1.55vw,2.74rem);line-height:1.08;max-width:min(100%,20ch);letter-spacing:-.04em}
h3,.card h3,.plan h3,.addon-card h3{font-size:clamp(1.08rem,.99rem + .32vw,1.32rem);line-height:1.14;letter-spacing:-.025em}
h4{font-size:clamp(1rem,.94rem + .22vw,1.14rem)}
.eyebrow,.section-eyebrow{font-size:clamp(.68rem,.65rem + .08vw,.78rem);letter-spacing:.13em}
.btn,.btn-primary,.btn-outline{min-height:42px;padding:.72rem 1.02rem;font-size:.92rem}.actions{gap:10px;margin-top:clamp(18px,2.4vw,28px)}
.cards,.plans,.addon-cards{gap:clamp(14px,1.8vw,22px)}
.card,.plan,.addon-card,.faq__item,.contact-card,.link-tile,.process-flow__step,.scenario-card{padding:var(--card-pad);border-radius:var(--radius);overflow:hidden}
.card:before,.addon-card:before{width:30px;height:30px;border-radius:11px;margin-bottom:2px}.card p,.addon-card p,.plan p,.plan li,.editable-copy,.content-flow p,.content-flow li{font-size:.96rem;line-height:1.55}.plan ul{gap:8px}.plan__price{font-size:clamp(1.7rem,2.6vw,2.25rem)}.plan__badge,.addon-card__badge,.addon-sales-card__badge{font-size:.66rem;padding:5px 9px}
:where(.card,.plan,.addon-card,.addon-sales-card,.white-label-strip,.faq__item){container-type:inline-size}
:where(.card h3,.plan h3,.addon-card h3,.addon-sales-card h3){max-width:100%;overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:balance}
:where(.card p,.plan p,.plan li,.addon-card p,.addon-sales-card p,.faq__item p,.content-flow p,.content-flow li){overflow-wrap:break-word;word-break:normal;hyphens:manual}
@container (max-width: 320px){.card h3,.plan h3,.addon-card h3,.addon-sales-card h3{font-size:1.05rem}.card p,.plan p,.addon-card p,.addon-sales-card p{font-size:.92rem}}

/* V8 documentation tables: plain, compact and readable */
.page-template-page-fair-use-ai-actions .content-flow{max-width:920px}.page-template-page-fair-use-ai-actions .content-flow h3{margin-top:clamp(22px,3vw,34px)}
.pricing-table-wrap,.content-flow table{border-radius:18px!important;box-shadow:none!important;border:1px solid rgba(19,23,43,.10)!important;background:#fff!important;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}
.content-flow .pricing-table,.pricing-table{min-width:650px;border-radius:0!important;border:0!important;box-shadow:none!important;background:#fff!important}
.content-flow .pricing-table th,.pricing-table th{position:relative;background:#f6f4ef!important;color:var(--navy)!important;font-family:var(--font-body)!important;font-size:.78rem!important;line-height:1.25;text-transform:none;letter-spacing:0;font-weight:700!important;padding:12px 14px!important;border-bottom:1px solid rgba(19,23,43,.11)!important;white-space:normal!important}
.content-flow .pricing-table td,.pricing-table td{font-size:.88rem!important;line-height:1.42;padding:11px 14px!important;border-bottom:1px solid rgba(19,23,43,.07)!important;background:#fff!important;color:var(--muted)!important;font-weight:500!important;vertical-align:top}
.content-flow .pricing-table td strong,.pricing-table td strong{font-family:var(--font-body)!important;font-size:.92rem;letter-spacing:0;font-weight:700;color:var(--navy);line-height:1.22}.content-flow .pricing-table td small,.pricing-table td small{font-size:.72rem;color:var(--muted);font-weight:600}
.content-flow .pricing-table tbody tr:nth-child(even) td,.pricing-table tbody tr:nth-child(even) td{background:#fbfaf7!important}.content-flow .pricing-table tbody tr:hover td,.pricing-table tbody tr:hover td{background:#fff7ed!important}
.content-flow .pricing-table th:first-child,.pricing-table th:first-child,.content-flow .pricing-table td:first-child,.pricing-table td:first-child{position:sticky!important;left:0;background:#f6f4ef!important;z-index:4!important;box-shadow:1px 0 0 rgba(19,23,43,.12),8px 0 14px rgba(19,23,43,.045);min-width:170px!important}
.content-flow .pricing-table td:first-child,.pricing-table td:first-child{z-index:3!important;color:var(--navy)!important;font-weight:700!important}.content-flow .pricing-table tbody tr:hover td:first-child,.pricing-table tbody tr:hover td:first-child{background:#fff3e6!important}
.fair-use-highlight{padding:14px 16px;border-radius:16px;box-shadow:none!important}.fair-use-links{margin-top:clamp(20px,3vw,32px)}
.page-template-page-fair-use-ai-actions .fair-use-links .btn--primary,
.page-template-page-fair-use-ai-actions .fair-use-links .btn-primary{
  color:#fff!important;
}
.page-template-page-fair-use-ai-actions .fair-use-links .btn--secondary,
.page-template-page-fair-use-ai-actions .fair-use-links .btn-outline{
  color:var(--navy)!important;
  border-color:rgba(19,23,43,.28)!important;
  background:#fff!important;
}

/* V8 Websitebouw module cards */
.template-block--websitebouw_module .cards{grid-template-columns:repeat(3,minmax(0,1fr))}.template-block--websitebouw_module .card{background:linear-gradient(145deg,#fff,#fbfaf7)}.template-block--websitebouw_module .card:before{background:rgba(249,115,22,.10);border-color:rgba(249,115,22,.22)}
@media (max-width:900px){.template-block--websitebouw_module .cards{grid-template-columns:1fr}}

/* V8 compact footer */
.site-footer{padding:clamp(26px,3.5vw,42px) 0!important}.site-footer__inner{gap:14px!important;max-width:1080px}.site-footer__brand{gap:12px}.site-logo--footer img{height:26px!important}.footer-links{padding-top:14px!important;gap:7px 16px!important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.footer-links a{font-size:.82rem!important;line-height:1.25;font-weight:750;color:rgba(255,255,255,.68)}.socials{gap:7px!important}.socials a,.site-footer__brand .socials a{width:30px!important;height:30px!important}.socials svg{width:15px!important;height:15px!important}.back-to-top{width:38px;height:38px}
@media (max-width:760px){.site-footer{padding:30px 0!important}.footer-links{display:flex;gap:8px 14px!important}.footer-links a{font-size:.82rem!important}.site-logo--footer img{height:25px!important}}

/* V8 mobile scale corrections */
@media (max-width:680px){html{font-size:15.25px}.section{padding:clamp(44px,11vw,64px) 0}.hero{padding:clamp(52px,13vw,78px) 0}.hero h1,h1{font-size:clamp(1.9rem,9.2vw,2.75rem)!important}.section-head h2,h2{font-size:clamp(1.5rem,7.4vw,2.15rem)!important}.hero__text,.section-head p{font-size:.97rem}.card,.plan,.addon-card,.faq__item,.contact-card{padding:20px}.pricing-table{min-width:590px!important}.content-flow .pricing-table th,.pricing-table th,.content-flow .pricing-table td,.pricing-table td{font-size:.82rem!important;padding:10px 11px!important}.content-flow .pricing-table th:first-child,.pricing-table th:first-child,.content-flow .pricing-table td:first-child,.pricing-table td:first-child{min-width:145px!important}}

/* V8.1 navigation, module pages and refinement pass */
.desktop-nav__group{position:relative;display:flex;align-items:center}
.desktop-nav__parent:after{content:"";display:inline-block;width:.42em;height:.42em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:.48em;opacity:.7}
.desktop-nav__submenu{position:absolute;left:50%;top:calc(100% + 12px);transform:translateX(-50%) translateY(8px);min-width:210px;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(9,13,28,.96);box-shadow:0 22px 60px rgba(0,0,0,.26);display:grid;gap:2px;opacity:0;visibility:hidden;pointer-events:none;transition:.16s ease;z-index:50}
.desktop-nav__submenu:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.desktop-nav__group:hover .desktop-nav__submenu,.desktop-nav__group:focus-within .desktop-nav__submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.desktop-nav__submenu a{display:block;padding:10px 12px;border-radius:12px;color:#fff!important;opacity:.82;font-size:.9rem;white-space:nowrap}
.desktop-nav__submenu a:hover{background:rgba(255,255,255,.08);opacity:1;color:var(--orange-2)!important}
.mobile-nav__sub{display:grid;gap:2px;margin:-4px 0 8px 12px;padding-left:12px;border-left:1px solid rgba(19,23,43,.12)}
.mobile-nav__sub a{font-size:.95em;opacity:.78}

/* Footer alignment refinement */
.site-footer{padding:clamp(32px,4.2vw,52px) 0!important}
.site-footer__inner{display:grid;grid-template-columns:1fr;gap:18px;max-width:min(var(--wrap),1120px)}
.site-footer__brand{display:grid!important;grid-template-columns:auto auto;align-items:center;justify-content:space-between;width:100%;gap:16px}
.site-logo--footer img{height:28px!important}
.socials a{width:34px!important;height:34px!important}.socials a svg{width:16px!important;height:16px!important}
.footer-links{display:flex!important;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 18px;padding-top:16px!important;width:100%;font-size:.86rem!important}
.footer-links a{font-size:.86rem!important;line-height:1.2;font-weight:760!important}
@media (max-width:760px){.site-footer__brand{grid-template-columns:1fr!important;justify-items:center;text-align:center}.footer-links{justify-content:center!important}.site-logo--footer img{height:26px!important}}

/* Compact inner card groups on Inlayr ID and similar dense sections */
.page-template-page-inlayr-id .cards,
.page-template-page-inlayr-id .addon-base-compact,
.page-template-page-inlayr-id .platform-blocks{gap:clamp(12px,1.6vw,18px)!important}
.page-template-page-inlayr-id .card,
.page-template-page-inlayr-id .addon-base-compact article,
.page-template-page-inlayr-id .platform-blocks__card{padding:clamp(16px,2vw,22px)!important;border-radius:18px!important}
.page-template-page-inlayr-id .card h3,
.page-template-page-inlayr-id .addon-base-compact h3,
.page-template-page-inlayr-id .platform-blocks__card h3{font-size:clamp(1rem,.96rem + .16vw,1.16rem)!important;line-height:1.18!important}
.page-template-page-inlayr-id .card p,
.page-template-page-inlayr-id .addon-base-compact p,
.page-template-page-inlayr-id .platform-blocks__card p{font-size:.94rem!important;line-height:1.55!important}

/* FAQ rows should read as support content, not huge cards */
.faq{gap:8px!important}.faq__item{border-radius:18px!important}.faq__item summary{padding:14px 18px!important;font-size:clamp(.98rem,.94rem + .12vw,1.08rem)!important}.faq__item div{padding:0 18px 16px!important}.faq__item div p{font-size:.95rem!important;line-height:1.58!important}

/* Pricing hero containment: keep copy and visual in their own lanes */
.page-template-page-prijzen .hero__inner,
.page-template-page-prijzen-eindklant .hero__inner{grid-template-columns:minmax(0,.88fr) minmax(280px,.68fr)!important;gap:clamp(30px,5vw,76px)!important;align-items:center!important}
.page-template-page-prijzen .hero__content,
.page-template-page-prijzen-eindklant .hero__content{max-width:640px!important;min-width:0!important;overflow:visible!important}
.page-template-page-prijzen .hero h1,
.page-template-page-prijzen-eindklant .hero h1{max-width:12.5ch!important;font-size:clamp(2.25rem,4.5vw,4.1rem)!important;line-height:1.02!important;text-wrap:balance!important;word-break:normal!important;hyphens:none!important}
.page-template-page-prijzen .hero__media,
.page-template-page-prijzen-eindklant .hero__media{justify-self:end;max-width:520px;width:100%;min-width:0!important;overflow:hidden!important}
@media (max-width:980px){.page-template-page-prijzen .hero__inner,.page-template-page-prijzen-eindklant .hero__inner{grid-template-columns:1fr!important}.page-template-page-prijzen .hero h1,.page-template-page-prijzen-eindklant .hero h1{max-width:100%!important}.page-template-page-prijzen .hero__media,.page-template-page-prijzen-eindklant .hero__media{justify-self:start;max-width:480px}}

/* Websitebouw page */
.page-template-page-websitebouw .hero h1{max-width:12.8ch;text-wrap:balance}.page-template-page-websitebouw .hero__text{max-width:58ch}.page-template-page-websitebouw .template-block--subscription_logic .cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}

/* V8.2 refinement pass: fix remaining FAQ padding, footer alignment, dense cards and hero containment */
.faq__item{
  padding:0!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
.faq__item summary{
  padding:10px 14px!important;
  min-height:0!important;
  font-size:clamp(.94rem,.9rem + .10vw,1.02rem)!important;
  line-height:1.32!important;
}
.faq__item div{
  padding:0 14px 12px!important;
}
.faq__item div p{
  margin:0!important;
  font-size:.92rem!important;
  line-height:1.52!important;
}
.faq-section .faq,
.template-block--faq .faq{
  gap:7px!important;
}
.home .faq__item,
.front-page .faq__item,
.page-template-front-page .faq__item{
  padding:0!important;
}
.home .faq__item summary,
.front-page .faq__item summary,
.page-template-front-page .faq__item summary{
  padding:9px 14px!important;
}
.home .faq__item div,
.front-page .faq__item div,
.page-template-front-page .faq__item div{
  padding:0 14px 11px!important;
}

.site-footer__inner{
  width:min(100% - clamp(32px,7vw,104px),1040px)!important;
  max-width:1040px!important;
  margin-inline:auto!important;
}
.site-footer__brand,
.footer-links{
  width:100%!important;
}
.site-footer__brand{
  grid-template-columns:max-content max-content!important;
  justify-content:space-between!important;
}
.footer-links{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  justify-content:stretch!important;
  align-items:center!important;
  gap:0!important;
}
.footer-links a{
  justify-self:stretch!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.footer-links a:last-child{
  justify-self:stretch!important;
}
@media (max-width:760px){
  .site-footer__inner{width:min(100% - 32px,560px)!important;}
  .site-footer__brand{grid-template-columns:1fr!important;justify-items:center!important;}
  .footer-links{display:flex!important;justify-content:center!important;}
  .footer-links a,.footer-links a:last-child{justify-self:auto!important;}
}

.page-template-page-inlayr-id .template-block--cards .cards,
.page-template-page-inlayr-id .template-block--split_features .feature-list,
.page-template-page-inlayr-id .template-block--addon_base_compact .addon-base-compact,
.page-template-page-inlayr-id .template-block--understands .cards,
.page-template-page-inlayr-id .template-block--samenhang .cards,
.page-template-page-inlayr-id .template-block--context .cards{
  gap:clamp(10px,1.35vw,16px)!important;
}
.page-template-page-inlayr-id .template-block--cards .card,
.page-template-page-inlayr-id .template-block--understands .card,
.page-template-page-inlayr-id .template-block--samenhang .card,
.page-template-page-inlayr-id .template-block--context .card,
.page-template-page-inlayr-id .feature-list li,
.page-template-page-inlayr-id .addon-base-compact article{
  padding:clamp(13px,1.55vw,18px)!important;
  border-radius:15px!important;
}
.page-template-page-inlayr-id .template-block--cards .card:before,
.page-template-page-inlayr-id .addon-base-compact article span{
  width:24px!important;
  height:24px!important;
  border-radius:9px!important;
  margin-bottom:0!important;
}
.page-template-page-inlayr-id .template-block--cards .card h3,
.page-template-page-inlayr-id .feature-list strong,
.page-template-page-inlayr-id .addon-base-compact h3{
  font-size:clamp(.96rem,.92rem + .12vw,1.08rem)!important;
  line-height:1.15!important;
  margin-bottom:4px!important;
}
.page-template-page-inlayr-id .template-block--cards .card p,
.page-template-page-inlayr-id .feature-list span,
.page-template-page-inlayr-id .addon-base-compact p{
  font-size:.89rem!important;
  line-height:1.48!important;
}
.page-template-page-inlayr-id .section-head{
  margin-bottom:clamp(16px,2vw,26px)!important;
}
html body.page-template-page-inlayr-id .inlayr-id-plans{
  padding-top:24px!important;
}
html body.page-template-page-inlayr-id .inlayr-id-plans .plan{
  overflow:visible!important;
}
html body.page-template-page-inlayr-id .inlayr-id-plans .inlayr-id-plan--pro .plan__badge{
  position:absolute!important;
  left:clamp(24px,3vw,36px)!important;
  top:0!important;
  transform:translateY(-50%)!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:7px 13px!important;
  border-radius:999px!important;
  background:var(--orange)!important;
  color:#fff!important;
  line-height:1!important;
  box-shadow:0 12px 26px rgba(249,115,22,.24)!important;
}
html body.page-template-page-inlayr-id .template-block--understands .cards{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
html body.page-template-page-inlayr-id .template-block--understands .card{
  grid-column:auto!important;
  min-height:clamp(138px,10vw,170px)!important;
  transform:none!important;
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:none!important;
}
html body.page-template-page-inlayr-id .template-block--understands .card p{
  color:rgba(255,255,255,.74)!important;
}
html body.page-template-page-inlayr-id .template-block--why_pro{
  background:var(--cream)!important;
}
html body.page-template-page-inlayr-id .template-block--why_pro .pro-layers--rules{
  grid-template-columns:minmax(260px,.72fr) minmax(0,1fr)!important;
  gap:clamp(16px,2.4vw,28px)!important;
  align-items:stretch!important;
}
html body.page-template-page-inlayr-id .template-block--why_pro .pro-layers__summary{
  display:grid!important;
  align-content:start!important;
  gap:12px!important;
  background:linear-gradient(145deg,var(--navy),var(--navy-2))!important;
  color:#fff!important;
  border-color:rgba(249,115,22,.24)!important;
  box-shadow:none!important;
}
html body.page-template-page-inlayr-id .template-block--why_pro .pro-layers__summary h3{
  color:#fff!important;
  font-size:clamp(1.35rem,1.12rem + .8vw,2rem)!important;
  line-height:1.15!important;
}
html body.page-template-page-inlayr-id .template-block--why_pro .pro-layers__summary p{
  color:rgba(255,255,255,.74)!important;
  font-size:.96rem!important;
  line-height:1.55!important;
}
html body.page-template-page-inlayr-id .template-block--why_pro .pro-layers__rules{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:clamp(12px,1.6vw,16px)!important;
}
html body.page-template-page-inlayr-id .template-block--why_pro .pro-layers__rules article{
  display:grid!important;
  align-content:start!important;
  gap:8px!important;
  min-height:clamp(130px,9vw,160px)!important;
  padding:clamp(18px,2vw,24px)!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
}
html body.page-template-page-inlayr-id .template-block--why_pro .pro-layers__rules strong{
  font-family:var(--font-head)!important;
  color:var(--navy)!important;
  font-size:clamp(1rem,.96rem + .16vw,1.14rem)!important;
  line-height:1.18!important;
}
html body.page-template-page-inlayr-id .template-block--why_pro .pro-layers__rules p{
  margin:0!important;
  color:var(--muted)!important;
  font-size:.9rem!important;
  line-height:1.5!important;
}
html body.page-template-page-inlayr-id .template-block--together{
  background:var(--cream)!important;
}
html body.page-template-page-inlayr-id .template-block--together .section-head{
  max-width:620px!important;
}
html body.page-template-page-inlayr-id .template-block--together .cards{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:clamp(12px,1.6vw,18px)!important;
  align-items:stretch!important;
}
html body.page-template-page-inlayr-id .template-block--together .card,
html body.page-template-page-inlayr-id .template-block--together .card:nth-child(1),
html body.page-template-page-inlayr-id .template-block--together .card:nth-child(2),
html body.page-template-page-inlayr-id .template-block--together .card:nth-child(3),
html body.page-template-page-inlayr-id .template-block--together .card:nth-child(4){
  grid-column:auto!important;
  min-height:clamp(150px,11vw,180px)!important;
  transform:none!important;
  padding:clamp(18px,2vw,24px)!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
html body.page-template-page-inlayr-id .template-block--together .card h3{
  font-family:var(--font-body)!important;
  font-size:clamp(1rem,.96rem + .12vw,1.1rem)!important;
  line-height:1.22!important;
  letter-spacing:0!important;
}
html body.page-template-page-inlayr-id .template-block--together .card h3:before{
  content:"";
  display:block;
  width:28px;
  height:3px;
  margin-bottom:12px;
  border-radius:999px;
  background:var(--orange);
}
html body.page-template-page-inlayr-id .template-block--together .card p{
  font-size:.9rem!important;
  line-height:1.52!important;
  color:var(--muted)!important;
}
html body.page-template-page-inlayr-id .faq-section{
  background:#fff!important;
}

/* Voor wie: clearer audience structure */
html body.page-template-page-voor-wie .template-block--audience_intro .scenario-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:clamp(16px,2.4vw,28px)!important;
  align-items:stretch!important;
  margin-top:clamp(24px,3.2vw,40px)!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  border:0!important;
}
html body.page-template-page-voor-wie .template-block--audience_intro .scenario-card{
  min-height:0!important;
  transform:none!important;
  display:flex!important;
  flex-direction:column!important;
  gap:clamp(14px,1.7vw,20px)!important;
  padding:clamp(24px,2.8vw,34px)!important;
  border-radius:24px!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
  box-shadow:0 20px 54px rgba(19,23,43,.08)!important;
}
html body.page-template-page-voor-wie .template-block--audience_intro .scenario-card span{
  display:none!important;
}
html body.page-template-page-voor-wie .template-block--audience_intro .scenario-card:before{
  content:"01"!important;
  display:inline-grid!important;
  place-items:center!important;
  position:static!important;
  width:38px!important;
  height:38px!important;
  margin:0 0 2px!important;
  border-radius:15px!important;
  background:rgba(249,115,22,.12)!important;
  color:var(--orange)!important;
  font-weight:900!important;
  font-size:.82rem!important;
  letter-spacing:.08em!important;
  box-shadow:none!important;
}
html body.page-template-page-voor-wie .template-block--audience_intro .scenario-card:nth-child(2):before{
  content:"02"!important;
}
html body.page-template-page-voor-wie .template-block--audience_intro .scenario-card:nth-child(2){
  background:linear-gradient(145deg,var(--navy),var(--navy-2))!important;
  border-color:rgba(249,115,22,.24)!important;
}
html body.page-template-page-voor-wie .template-block--audience_intro .scenario-card:nth-child(2) h3{
  color:#fff!important;
}
html body.page-template-page-voor-wie .template-block--audience_intro .scenario-card:nth-child(2) p{
  color:rgba(255,255,255,.74)!important;
}
html body.page-template-page-voor-wie .template-block--audience_intro .scenario-card h3{
  padding-top:0!important;
  max-width:16ch!important;
  font-size:clamp(1.38rem,1.15rem + .65vw,1.9rem)!important;
  line-height:1.12!important;
}
html body.page-template-page-voor-wie .template-block--audience_intro .scenario-card p{
  color:var(--muted)!important;
  opacity:1!important;
  max-width:42ch!important;
  font-size:.96rem!important;
  line-height:1.55!important;
  margin:0!important;
}
html body.page-template-page-voor-wie .template-block--audience_intro .scenario-card__bullets{
  display:grid!important;
  gap:9px!important;
  margin:2px 0 0!important;
  padding:16px 0 0!important;
  border-top:1px solid rgba(19,23,43,.10)!important;
  list-style:none!important;
}
html body.page-template-page-voor-wie .template-block--audience_intro .scenario-card__bullets li{
  position:relative!important;
  padding-left:22px!important;
  color:var(--muted)!important;
  font-size:.92rem!important;
  line-height:1.42!important;
}
html body.page-template-page-voor-wie .template-block--audience_intro .scenario-card__bullets li:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:.56em!important;
  width:8px!important;
  height:8px!important;
  border-radius:999px!important;
  background:var(--orange)!important;
}
html body.page-template-page-voor-wie .template-block--audience_intro .scenario-card:nth-child(2) .scenario-card__bullets{
  border-top-color:rgba(255,255,255,.14)!important;
}
html body.page-template-page-voor-wie .template-block--audience_intro .scenario-card:nth-child(2) .scenario-card__bullets li{
  color:rgba(255,255,255,.74)!important;
}
html body.page-template-page-voor-wie .template-block--audience .cards{
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:clamp(14px,2vw,22px)!important;
  align-items:stretch!important;
}
html body.page-template-page-voor-wie .template-block--audience .card,
html body.page-template-page-voor-wie .template-block--audience .card:nth-child(1),
html body.page-template-page-voor-wie .template-block--audience .card:nth-child(2),
html body.page-template-page-voor-wie .template-block--audience .card:nth-child(3),
html body.page-template-page-voor-wie .template-block--audience .card:nth-child(4){
  grid-column:span 6!important;
  transform:none!important;
  min-height:clamp(170px,12vw,215px)!important;
  padding:clamp(18px,2.1vw,26px)!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
  align-content:start!important;
  gap:14px!important;
}
html body.page-template-page-voor-wie .template-block--audience .card:nth-child(1){
  grid-column:span 5!important;
  background:linear-gradient(145deg,#fff,rgba(249,115,22,.055))!important;
  border-color:rgba(249,115,22,.22)!important;
  color:var(--navy)!important;
}
html body.page-template-page-voor-wie .template-block--audience .card:nth-child(2){
  grid-column:span 7!important;
}
html body.page-template-page-voor-wie .template-block--audience .card:nth-child(3){
  grid-column:span 7!important;
  background:linear-gradient(145deg,#fff,rgba(19,23,43,.035))!important;
}
html body.page-template-page-voor-wie .template-block--audience .card:nth-child(4){
  grid-column:span 5!important;
  background:linear-gradient(145deg,#fff,rgba(249,115,22,.055))!important;
}
html body.page-template-page-voor-wie .template-block--audience .card:before{
  width:40px!important;
  height:4px!important;
  border-radius:999px!important;
  margin-bottom:2px!important;
  background:var(--orange)!important;
}
html body.page-template-page-voor-wie .template-block--audience .card h3{
  font-size:clamp(1.1rem,1rem + .28vw,1.3rem)!important;
  line-height:1.18!important;
}
html body.page-template-page-voor-wie .template-block--audience .card p{
  color:var(--muted)!important;
  line-height:1.55!important;
}
html body.page-template-page-voor-wie .template-block--audience_deep .scenario-grid{
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
  margin-top:clamp(26px,3vw,42px)!important;
  max-width:860px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.14)!important;
}
html body.page-template-page-voor-wie .template-block--audience_deep .scenario-card{
  grid-column:auto!important;
  min-height:0!important;
  transform:none!important;
  display:grid!important;
  grid-template-columns:minmax(230px,.32fr) minmax(0,1fr)!important;
  gap:clamp(42px,6vw,96px)!important;
  align-items:center!important;
  padding:clamp(20px,2.4vw,30px)!important;
  border-radius:0!important;
  background:rgba(255,255,255,.055)!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
  box-shadow:none!important;
}
html body.page-template-page-voor-wie .template-block--audience_deep .scenario-card:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:clamp(22px,2.5vw,34px)!important;
  top:50%!important;
  width:34px!important;
  height:4px!important;
  border-radius:999px!important;
  background:var(--orange)!important;
  transform:translateY(-50%)!important;
}
html body.page-template-page-voor-wie .template-block--audience_deep .scenario-card:last-child{
  border-bottom:0!important;
}
html body.page-template-page-voor-wie .template-block--audience_deep .scenario-card:nth-child(even){
  background:rgba(255,255,255,.085)!important;
}
html body.page-template-page-voor-wie .template-block--audience_deep .scenario-card:nth-child(3){
  grid-column:auto!important;
  min-height:0!important;
}
html body.page-template-page-voor-wie .template-block--audience_deep .scenario-card:nth-child(4){
  grid-column:auto!important;
  min-height:0!important;
  background:linear-gradient(145deg,rgba(249,115,22,.13),rgba(255,255,255,.07))!important;
  border-color:rgba(249,115,22,.32)!important;
}
html body.page-template-page-voor-wie .template-block--audience_deep .scenario-card span,
html body.page-template-page-voor-wie .template-block--audience_deep .scenario-card:before{
  display:none!important;
}
html body.page-template-page-voor-wie .template-block--audience_deep .scenario-card h3{
  color:#fff!important;
  padding-top:0!important;
  padding-left:56px!important;
  font-size:clamp(1.05rem,1rem + .18vw,1.22rem)!important;
  line-height:1.2!important;
}
html body.page-template-page-voor-wie .template-block--audience_deep .scenario-card p{
  color:rgba(255,255,255,.72)!important;
  opacity:1!important;
  max-width:58ch!important;
}
html body.page-template-page-voor-wie .faq-section{
  background:var(--cream)!important;
}
@media (max-width:980px){
  html body.page-template-page-voor-wie .template-block--audience_intro .scenario-grid,
  html body.page-template-page-voor-wie .template-block--audience_deep .scenario-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body.page-template-page-voor-wie .template-block--audience .cards{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body.page-template-page-voor-wie .template-block--audience .card,
  html body.page-template-page-voor-wie .template-block--audience .card:nth-child(1),
  html body.page-template-page-voor-wie .template-block--audience .card:nth-child(2),
  html body.page-template-page-voor-wie .template-block--audience .card:nth-child(3),
  html body.page-template-page-voor-wie .template-block--audience .card:nth-child(4),
  html body.page-template-page-voor-wie .template-block--audience_deep .scenario-card,
  html body.page-template-page-voor-wie .template-block--audience_deep .scenario-card:nth-child(3),
  html body.page-template-page-voor-wie .template-block--audience_deep .scenario-card:nth-child(4){
    grid-column:auto!important;
  }
}
@media (max-width:680px){
  html body.page-template-page-voor-wie .template-block--audience_intro .scenario-grid,
  html body.page-template-page-voor-wie .template-block--audience .cards,
  html body.page-template-page-voor-wie .template-block--audience_deep .scenario-grid{
    grid-template-columns:1fr!important;
  }
  html body.page-template-page-voor-wie .template-block--audience_intro .scenario-card,
  html body.page-template-page-voor-wie .template-block--audience .card,
  html body.page-template-page-voor-wie .template-block--audience_deep .scenario-card{
    min-height:auto!important;
  }
  html body.page-template-page-voor-wie .template-block--audience_deep .scenario-card{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
}

.page-template-page-prijzen .hero,
.page-template-page-prijzen-websitebouw .hero,
.page-template-page-prijzen-eindklant .hero{
  overflow:hidden!important;
}
.page-template-page-prijzen .hero__inner,
.page-template-page-prijzen-websitebouw .hero__inner,
.page-template-page-prijzen-eindklant .hero__inner{
  grid-template-columns:minmax(0,.82fr) minmax(300px,.58fr)!important;
  gap:clamp(28px,4.5vw,64px)!important;
}
.page-template-page-prijzen .hero__content,
.page-template-page-prijzen-eindklant .hero__content{
  max-width:600px!important;
}
.page-template-page-prijzen .hero h1,
.page-template-page-prijzen-websitebouw .hero h1,
.page-template-page-prijzen-eindklant .hero h1{
  max-width:min(100%,12ch)!important;
  font-size:clamp(2.05rem,4.1vw,3.72rem)!important;
}
.page-template-page-prijzen .hero__media,
.page-template-page-prijzen-eindklant .hero__media{
  max-width:460px!important;
  align-self:center!important;
}
@media (max-width:1080px){
  .page-template-page-prijzen .hero__inner,
  .page-template-page-prijzen-eindklant .hero__inner{
    grid-template-columns:1fr!important;
  }
  .page-template-page-prijzen .hero__content,
  .page-template-page-prijzen-eindklant .hero__content{
    max-width:720px!important;
  }
  .page-template-page-prijzen .hero h1,
  .page-template-page-prijzen-eindklant .hero h1{
    max-width:100%!important;
  }
  .page-template-page-prijzen .hero__media,
  .page-template-page-prijzen-eindklant .hero__media{
    justify-self:start!important;
    max-width:440px!important;
  }
}

/* V8.3 content scale: keep header/footer size, make the page body calmer */
.site-main{
  --wrap:min(100% - clamp(32px,7vw,104px),960px);
  --narrow:min(100% - clamp(32px,7vw,104px),680px);
  --space-2:clamp(12px,1.6vw,19px);
  --space-3:clamp(17px,2.25vw,29px);
  --space-4:clamp(27px,3.35vw,46px);
  --space-5:clamp(43px,5.15vw,70px);
  --card-pad:clamp(16px,2vw,24px);
  --radius:clamp(13px,1.3vw,19px);
  font-size:.88rem;
}
.site-main .hero{
  min-height:min(540px,calc(100dvh - var(--site-header-height,72px)))!important;
  padding:clamp(46px,5.6vw,75px) 0!important;
}
.site-main .section{
  padding:clamp(43px,5.15vw,70px) 0!important;
}
.site-main .hero__inner,
.site-main .section__inner{
  width:var(--wrap)!important;
  max-width:960px!important;
}
.site-main .section__inner.narrow{
  width:var(--narrow)!important;
  max-width:680px!important;
}
.site-main .hero__inner{
  gap:clamp(22px,3.65vw,51px)!important;
}
.site-main .hero__content{
  max-width:560px!important;
  gap:clamp(12px,1.6vw,19px)!important;
}
.site-main h1,
.site-main .hero h1{
  font-size:clamp(1.6rem,1.09rem + 1.72vw,2.74rem)!important;
  line-height:1.06!important;
  max-width:min(100%,17ch)!important;
}
.site-main h2,
.site-main .section-head h2{
  font-size:clamp(1.32rem,.94rem + 1.24vw,2.2rem)!important;
  line-height:1.1!important;
  max-width:min(100%,20ch)!important;
}
.site-main h3,
.site-main .card h3,
.site-main .plan h3,
.site-main .addon-card h3{
  font-size:clamp(.96rem,.88rem + .26vw,1.12rem)!important;
  line-height:1.16!important;
}
.site-main h4{
  font-size:clamp(.9rem,.85rem + .18vw,1rem)!important;
}
.site-main .hero__text,
.site-main .section-head p{
  font-size:clamp(.88rem,.83rem + .18vw,1rem)!important;
  line-height:1.55!important;
}
.site-main .editable-copy,
.site-main .content-flow p,
.site-main .content-flow li,
.site-main .card p,
.site-main .addon-card p,
.site-main .plan p,
.site-main .plan li,
.site-main .feature-list span,
.site-main .related-link__text{
  font-size:.84rem!important;
  line-height:1.5!important;
}
.site-main .eyebrow,
.site-main .section-eyebrow{
  font-size:clamp(.6rem,.58rem + .06vw,.68rem)!important;
  letter-spacing:.12em!important;
}
.site-main .section-head{
  margin-bottom:clamp(16px,2.15vw,27px)!important;
}
.site-main .cards,
.site-main .plans,
.site-main .addon-cards,
.site-main .content-flow{
  gap:clamp(11px,1.45vw,18px)!important;
}
.site-main .card,
.site-main .plan,
.site-main .addon-card,
.site-main .addon-sales-card,
.site-main .faq__item,
.site-main .contact-card,
.site-main .link-tile,
.site-main .process-flow__step,
.site-main .scenario-card,
.site-main .inlayr-v14-doc-card,
.site-main .inlayr-v13-panel,
.site-main .white-label-strip{
  padding:clamp(16px,2vw,24px)!important;
  border-radius:clamp(13px,1.3vw,19px)!important;
}
.site-main .card:before,
.site-main .addon-card:before{
  width:24px!important;
  height:24px!important;
  border-radius:9px!important;
}
.site-main .btn,
.site-main .btn-primary,
.site-main .btn-outline{
  min-height:36px!important;
  padding:.58rem .82rem!important;
  font-size:.82rem!important;
}
.site-main .actions{
  gap:8px!important;
  margin-top:clamp(14px,1.9vw,22px)!important;
}
.site-main .hero__media,
.site-main .editable-media,
.site-main .system-visual,
.site-main .addon-hero-visual,
.site-main .layer-visual{
  min-height:clamp(176px,27vw,352px)!important;
  border-radius:clamp(13px,1.3vw,19px)!important;
}
.site-main .plan__price,
.site-main .addon-card__price strong,
.site-main .white-label-strip__price strong{
  font-size:clamp(1.35rem,2.1vw,1.8rem)!important;
}
.site-main .pricing-table th,
.site-main .content-flow .pricing-table th{
  font-size:.7rem!important;
  padding:10px 11px!important;
}
.site-main .pricing-table td,
.site-main .content-flow .pricing-table td{
  font-size:.78rem!important;
  padding:9px 11px!important;
}

@media (min-width:900px){
  .site-main .hero__inner{
    grid-template-columns:minmax(0,.98fr) minmax(280px,.62fr)!important;
  }
}
@media (max-width:680px){
  .site-main{
    --wrap:min(100% - 28px,960px);
    --narrow:min(100% - 28px,680px);
    font-size:.94rem;
  }
  .site-main .hero{
    padding:clamp(42px,10.5vw,62px) 0!important;
  }
  .site-main .section{
    padding:clamp(35px,8.8vw,51px) 0!important;
  }
  .site-main h1,
  .site-main .hero h1{
    font-size:clamp(1.52rem,7.35vw,2.2rem)!important;
  }
  .site-main h2,
  .site-main .section-head h2{
    font-size:clamp(1.2rem,5.9vw,1.72rem)!important;
  }
  .site-main .card,
  .site-main .plan,
  .site-main .addon-card,
  .site-main .faq__item,
  .site-main .contact-card{
    padding:16px!important;
  }
}

/* V8.4 homepage composition: fewer repeated block shapes */
.front-page .template-block--layers_v8 .cards{
  grid-template-columns:1.15fr .92fr .92fr!important;
  align-items:stretch;
}
.front-page .hero .content-workflow-visual{
  min-height:clamp(190px,25vw,340px)!important;
  max-width:min(100%,410px)!important;
  justify-self:end!important;
  padding:clamp(12px,1.6vw,20px)!important;
  grid-template-columns:minmax(0,1fr) 24px minmax(180px,.72fr)!important;
  border-radius:clamp(14px,1.5vw,20px)!important;
}
.front-page .hero .content-workflow-visual__page,
.front-page .hero .content-workflow-visual__blocks{
  padding:11px!important;
  border-radius:14px!important;
}
.front-page .hero .page-wire{
  padding:8px 9px!important;
  margin:6px 0!important;
  border-radius:9px!important;
  gap:5px!important;
}
.front-page .hero .page-wire i{
  height:5px!important;
}
.front-page .hero .page-wire b{
  height:30px!important;
}
.front-page .hero .content-workflow-visual__blocks{
  gap:6px!important;
}
.front-page .hero .content-workflow-visual__blocks>div{
  padding:8px 9px!important;
  font-size:.72rem!important;
}
.front-page .hero .content-workflow-visual__blocks strong{
  font-size:.86rem!important;
}
.front-page .hero .content-workflow-visual__lines{
  gap:14px!important;
}
body.front-page .site-main > .hero{
  padding-top:clamp(70px,8vw,104px)!important;
}
.front-page .id-context-board,
.id-context-board{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:clamp(12px,1.6vw,18px)!important;
  align-items:stretch!important;
  padding:clamp(16px,2vw,24px)!important;
  background:linear-gradient(145deg,#fff,#fbfaf7)!important;
  border:1px solid rgba(19,23,43,.10)!important;
  box-shadow:0 14px 42px rgba(19,23,43,.08)!important;
}
.id-context-board__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(19,23,43,.09);
}
.id-context-board__header span,
.id-context-board__pro span{
  color:var(--orange);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.id-context-board__header strong{
  font-family:var(--font-head);
  font-size:clamp(.98rem,.92rem + .18vw,1.12rem);
  line-height:1.1;
  color:var(--navy);
  text-align:right;
}
.id-context-board__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.id-context-board__grid article{
  display:grid;
  gap:5px;
  min-width:0;
  padding:13px;
  border-radius:14px;
  background:#fff;
  border:1px solid rgba(19,23,43,.08);
}
.id-context-board__grid em{
  color:var(--orange);
  font-style:normal;
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.id-context-board__grid strong{
  color:var(--navy);
  font-family:var(--font-head);
  font-size:.96rem;
  line-height:1.12;
}
.id-context-board__grid p{
  color:var(--muted);
  font-size:.78rem!important;
  line-height:1.38!important;
  margin:0;
}
.id-context-board__pro{
  display:grid;
  gap:10px;
  padding:14px;
  border-radius:16px;
  background:linear-gradient(145deg,var(--navy),var(--navy-2));
  color:#fff;
  border:1px solid rgba(249,115,22,.32);
  box-shadow:0 16px 42px rgba(19,23,43,.14);
}
.id-context-board__pro ul{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.id-context-board__pro strong{
  color:#fff;
  font-family:var(--font-head);
  font-size:clamp(1rem,.95rem + .2vw,1.18rem);
  line-height:1.12;
}
.id-context-board__pro p{
  color:rgba(255,255,255,.74)!important;
  font-size:.8rem!important;
  line-height:1.42!important;
  margin:0!important;
}
.id-context-board__pro-rules{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.id-context-board__pro-rules em,
.id-context-board__pro-rules b{
  display:grid;
  place-items:center;
  min-height:30px;
  padding:7px 9px;
  border-radius:10px;
  font-size:.62rem;
  line-height:1.1;
  font-style:normal;
  font-weight:900;
  text-align:center;
}
.id-context-board__pro-rules em:first-child{
  background:rgba(52,211,153,.13);
  color:#6ee7b7;
  border:1px solid rgba(52,211,153,.22);
}
.id-context-board__pro-rules em:nth-child(2){
  background:rgba(248,113,113,.12);
  color:#fca5a5;
  border:1px solid rgba(248,113,113,.20);
}
.id-context-board__pro-rules b{
  background:rgba(249,115,22,.16);
  color:#FDBA74;
  border:1px solid rgba(249,115,22,.30);
}
.id-context-board__pro li{
  position:relative;
  margin:0!important;
  padding:8px 9px 8px 24px!important;
  border-radius:10px;
  background:rgba(255,255,255,.07);
  color:rgba(255,255,255,.84);
  font-size:.78rem;
  font-weight:850;
}
.id-context-board__pro li:before{
  content:"";
  position:absolute;
  left:10px;
  top:50%;
  width:6px;
  height:6px;
  border-radius:999px;
  background:var(--orange);
  transform:translateY(-50%);
}
.front-page .template-block--layers_v8 .card{
  position:relative;
  box-shadow:none!important;
  background:rgba(255,255,255,.065)!important;
  border-color:rgba(255,255,255,.13)!important;
}
.front-page .template-block--layers_v8 .card:before{
  display:none!important;
}
.front-page .template-block--layers_v8 .card h3{
  padding-top:0;
}
.front-page .template-block--layers_v8 .card h3:before{
  display:none!important;
}

.front-page .template-block--addon_system .addon-system-cards{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  margin-top:clamp(12px,1.8vw,20px)!important;
}
.front-page .template-block--addon_system .addon-system-cards .card{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.front-page .template-block--addon_system .addon-system-cards .card:before{
  display:none!important;
}
.front-page .template-block--addon_system .addon-system-cards .card h3{
  border-top:1px solid rgba(19,23,43,.14);
  padding-top:12px;
}
.front-page .template-block--addon_system .addon-system-cards .card p{
  color:var(--muted)!important;
}

.front-page .template-block--audience_v8 .scenario-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:start!important;
}
.front-page .template-block--audience_v8 .scenario-card{
  min-height:0!important;
  height:clamp(230px,15vw,270px)!important;
  box-shadow:none!important;
  background:#fff!important;
  color:var(--navy)!important;
  border-color:var(--line)!important;
  align-content:center!important;
}
.front-page .template-block--audience_v8 .scenario-card:nth-child(even){
  transform:none!important;
}
.front-page .template-block--audience_v8 .scenario-card:first-child{
  background:linear-gradient(145deg,#fff 0%,rgba(250,249,246,.92) 100%)!important;
  color:var(--navy)!important;
  border-color:var(--line)!important;
  margin-top:clamp(14px,2vw,24px)!important;
}
.front-page .template-block--audience_v8 .scenario-card:first-child p{
  color:var(--muted)!important;
}
.front-page .template-block--audience_v8 .scenario-card:nth-child(2){
  margin-top:0!important;
  background:linear-gradient(145deg,#fff 0%,rgba(249,115,22,.055) 100%)!important;
}
.front-page .template-block--audience_v8 .scenario-card:nth-child(3){
  margin-top:clamp(14px,2vw,24px)!important;
  background:linear-gradient(145deg,#fff 0%,rgba(250,249,246,.92) 100%)!important;
}
.front-page .template-block--audience_v8 .scenario-card p{
  color:var(--muted)!important;
  opacity:1!important;
}

.front-page .faq-section{
  padding-top:clamp(28px,3.4vw,46px)!important;
  padding-bottom:clamp(30px,3.8vw,52px)!important;
}
.front-page .faq-section .section__inner{
  max-width:720px!important;
}
.front-page .faq-section .section-head{
  margin-bottom:clamp(10px,1.4vw,16px)!important;
}
.front-page .faq-section .section-head h2{
  font-size:clamp(1.05rem,.92rem + .42vw,1.36rem)!important;
}
.front-page .faq-section .faq{
  gap:6px!important;
}
.front-page .faq-section .faq__item summary{
  padding:8px 12px!important;
}
.front-page .faq-section .faq__item div{
  padding:0 12px 10px!important;
}
body.front-page .site-main > .faq-section{
  padding-top:clamp(18px,2.4vw,32px)!important;
  padding-bottom:clamp(46px,5vw,72px)!important;
}
body.front-page .site-main > .faq-section .section__inner{
  max-width:680px!important;
}
body.front-page .site-main > .faq-section .faq__item{
  padding:0!important;
  border-radius:12px!important;
}
body.front-page .site-main > .faq-section .faq__item summary{
  padding:11px 14px!important;
  min-height:0!important;
}
body.front-page .site-main > .faq-section .faq__item div{
  padding:0 14px 13px!important;
}
body.front-page .site-main > .faq-section + .final-cta{
  padding-top:clamp(38px,4.4vw,60px)!important;
}

/* V8.5 - calmer homepage add-on system */
.front-page .template-block--addon_system .addon-system{
  grid-template-columns:minmax(220px,.62fr) minmax(0,1fr)!important;
  gap:clamp(14px,2vw,22px)!important;
  align-items:stretch!important;
  margin-top:clamp(20px,2.8vw,32px)!important;
}
.front-page .template-block--addon_system .addon-system__base,
.front-page .template-block--addon_system .addon-system__modules{
  border-radius:18px!important;
  padding:clamp(16px,2.1vw,22px)!important;
  box-shadow:none!important;
}
.front-page .template-block--addon_system .addon-system__base{
  align-content:center!important;
  gap:8px!important;
  background:#fff!important;
  border:1px solid rgba(19,23,43,.08)!important;
}
.front-page .template-block--addon_system .addon-system__base em,
.front-page .template-block--addon_system .addon-system__modules em{
  font-style:normal!important;
  color:var(--orange)!important;
  font-size:.7rem!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.11em!important;
}
.front-page .template-block--addon_system .addon-system__base strong,
.front-page .template-block--addon_system .addon-system__modules strong{
  display:block!important;
  margin-bottom:8px!important;
  font-family:var(--font-head)!important;
  font-size:clamp(1.05rem,1rem + .24vw,1.24rem)!important;
  line-height:1.12!important;
}
.front-page .template-block--addon_system .addon-system__base span{
  min-height:42px!important;
  padding:9px 12px 9px 30px!important;
  border-radius:10px!important;
  background:rgba(19,23,43,.035)!important;
  color:var(--navy)!important;
  font-size:.88rem!important;
}
.front-page .template-block--addon_system .addon-system__modules{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto auto 1fr!important;
  align-content:stretch!important;
  gap:clamp(12px,1.6vw,18px)!important;
  background:linear-gradient(145deg,var(--navy),var(--navy-2))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  position:relative!important;
  overflow:hidden!important;
}
.front-page .template-block--addon_system .addon-system__modules:before{
  content:"";
  position:absolute;
  right:-50px;
  bottom:-70px;
  width:210px;
  height:210px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(249,115,22,.20),rgba(249,115,22,0) 68%);
  pointer-events:none;
}
.front-page .template-block--addon_system .addon-system__modules strong{
  color:#fff!important;
  position:relative!important;
  margin-bottom:0!important;
}
.front-page .template-block--addon_system .addon-system__module-grid{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(92px,1fr))!important;
  align-content:stretch!important;
  gap:clamp(12px,1.5vw,16px)!important;
  height:100%!important;
}
.front-page .template-block--addon_system .addon-system__module-grid span{
  display:grid!important;
  place-items:start!important;
  align-content:center!important;
  min-height:clamp(92px,7vw,112px)!important;
  padding:clamp(15px,1.7vw,20px)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  text-align:left!important;
}
.front-page .template-block--addon_system .addon-system__module-grid b{
  color:#fff!important;
  font-size:.86rem!important;
  line-height:1.15!important;
}
.front-page .template-block--addon_system .addon-system__module-grid small{
  color:rgba(255,255,255,.64)!important;
  font-size:.74rem!important;
  line-height:1.2!important;
  margin-top:3px!important;
}
.front-page .template-block--addon_system .addon-system__route{
  display:none!important;
}
.front-page .template-block--addon_system .addon-system__route span{
  min-width:0;
  color:rgba(255,255,255,.72);
  font-size:.72rem;
  line-height:1.25;
  font-weight:900;
}
.front-page .template-block--addon_system .addon-system__route i{
  height:2px;
  min-width:24px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--orange),rgba(249,115,22,.08));
}
.front-page .template-block--addon_system .addon-system-cards{
  margin-top:clamp(16px,2vw,24px)!important;
}
@media (max-width:1020px){
  .front-page .template-block--addon_system .addon-system{
    grid-template-columns:1fr!important;
  }
}
@media (max-width:680px){
  .front-page .template-block--addon_system .addon-system__module-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .front-page .template-block--addon_system .addon-system__route{
    grid-template-columns:1fr!important;
  }
  .front-page .template-block--addon_system .addon-system__route i{
    display:none;
  }
}

/* V8.6 - clearer ID Pro value visual */
.id-context-board__compare{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.id-context-board__basic,
.id-context-board__gate{
  position:relative;
  display:grid;
  align-content:start;
  gap:10px;
  min-width:0;
  min-height:190px;
  padding:18px;
  border-radius:16px;
  border:1px solid rgba(19,23,43,.08);
  background:rgba(19,23,43,.035);
}
.id-context-board__gate{
  background:linear-gradient(145deg,var(--navy),var(--navy-2));
  border-color:rgba(249,115,22,.32);
  color:#fff;
}
.id-context-board__basic span,
.id-context-board__gate span,
.id-context-board__result span{
  color:var(--orange);
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.id-context-board__basic strong,
.id-context-board__gate strong{
  font-family:var(--font-head);
  font-size:clamp(.98rem,.94rem + .18vw,1.14rem);
  line-height:1.12;
}
.id-context-board__basic strong{
  color:var(--navy);
}
.id-context-board__gate strong{
  color:#fff;
}
.id-context-board__basic p,
.id-context-board__gate p{
  margin:0!important;
  font-size:.82rem!important;
  line-height:1.45!important;
}
.id-context-board__basic p{
  color:var(--muted)!important;
}
.id-context-board__gate p{
  color:rgba(255,255,255,.72)!important;
}
.id-context-board__note{
  margin:0!important;
  padding-top:12px;
  border-top:1px solid rgba(19,23,43,.09);
  color:var(--muted)!important;
  font-size:.8rem!important;
  line-height:1.45!important;
}
@media (max-width:680px){
  .id-context-board__compare{
    grid-template-columns:1fr;
  }
  .id-context-board__basic,
  .id-context-board__gate{
    min-height:0;
  }
  html body.page-template-page-inlayr-id .template-block--why_pro .pro-layers--rules,
  html body.page-template-page-inlayr-id .template-block--why_pro .pro-layers__rules{
    grid-template-columns:1fr!important;
  }
}

/* V8.7 - site-wide page hierarchy pass */
body:not(.front-page) .site-main .template-block--text,
body:not(.front-page) .site-main .template-block--pricing_matrix,
body:not(.front-page) .site-main .template-block--addon_limits,
body:not(.front-page) .site-main .template-block--link_tiles,
body:not(.front-page) .site-main .faq-section{
  padding-top:clamp(32px,4vw,52px)!important;
  padding-bottom:clamp(34px,4.4vw,56px)!important;
}
body:not(.front-page) .site-main .template-block--text .section-head,
body:not(.front-page) .site-main .template-block--pricing_matrix .section-head,
body:not(.front-page) .site-main .template-block--addon_limits .section-head{
  max-width:760px!important;
  margin-bottom:clamp(14px,2vw,22px)!important;
}
body:not(.front-page) .site-main .template-block--text .section-head h2,
body:not(.front-page) .site-main .template-block--pricing_matrix .section-head h2,
body:not(.front-page) .site-main .template-block--addon_limits .section-head h2{
  font-size:clamp(1.45rem,1.18rem + .9vw,2.05rem)!important;
  line-height:1.08!important;
  max-width:18ch!important;
}
body:not(.front-page) .site-main .template-block--text .section-head p,
body:not(.front-page) .site-main .template-block--pricing_matrix .section-head p,
body:not(.front-page) .site-main .template-block--addon_limits .section-head p{
  font-size:.98rem!important;
  line-height:1.55!important;
}
.template-block--maker_fair_use_note,
.template-block--maker_fair_use_table_note,
.template-block--client_fair_use_note,
.template-block--client_fair_use_table_note,
.template-block--pricing_disclaimer,
.template-block--client_pricing_disclaimer{
  background:#fff!important;
}
.template-block--maker_fair_use_note .section__inner,
.template-block--maker_fair_use_table_note .section__inner,
.template-block--client_fair_use_note .section__inner,
.template-block--client_fair_use_table_note .section__inner,
.template-block--pricing_disclaimer .section__inner,
.template-block--client_pricing_disclaimer .section__inner{
  max-width:860px!important;
  padding:clamp(18px,2.4vw,26px)!important;
  border-radius:16px!important;
  background:rgba(19,23,43,.035)!important;
  border:1px solid rgba(19,23,43,.07)!important;
}
.template-block--maker_fair_use_note .section-head,
.template-block--maker_fair_use_table_note .section-head,
.template-block--client_fair_use_note .section-head,
.template-block--client_fair_use_table_note .section-head,
.template-block--pricing_disclaimer .section-head,
.template-block--client_pricing_disclaimer .section-head{
  margin-bottom:0!important;
}
.template-block--maker_fair_use_note .actions,
.template-block--maker_fair_use_table_note .actions,
.template-block--client_fair_use_note .actions,
.template-block--client_fair_use_table_note .actions{
  justify-content:flex-start!important;
  margin-top:14px!important;
}
.page-template-page-prijzen .template-block--websitebouw_module,
.page-template-page-prijzen-eindklant .template-block--client_situations,
.page-template-page-websitebouw .template-block--content_relation,
.page-template-page-websitebouw .template-block--subscription_logic,
.page-template-page-inlayr-id .template-block--together,
.page-template-page-add-ons .template-block--websitebouw_module,
.page-template-page-integraties .template-block--why_sync{
  padding-top:clamp(36px,4.6vw,60px)!important;
  padding-bottom:clamp(38px,4.8vw,62px)!important;
}
.page-template-page-prijzen .template-block--websitebouw_module .section-head,
.page-template-page-prijzen-eindklant .template-block--client_situations .section-head,
.page-template-page-websitebouw .template-block--content_relation .section-head,
.page-template-page-websitebouw .template-block--subscription_logic .section-head,
.page-template-page-inlayr-id .template-block--together .section-head,
.page-template-page-add-ons .template-block--websitebouw_module .section-head,
.page-template-page-integraties .template-block--why_sync .section-head{
  max-width:760px!important;
  margin-bottom:clamp(16px,2vw,24px)!important;
}
.page-template-page-prijzen .template-block--websitebouw_module .cards,
.page-template-page-prijzen-eindklant .template-block--client_situations .cards,
.page-template-page-websitebouw .template-block--content_relation .cards,
.page-template-page-websitebouw .template-block--subscription_logic .cards,
.page-template-page-inlayr-id .template-block--together .cards,
.page-template-page-add-ons .template-block--websitebouw_module .cards,
.page-template-page-integraties .template-block--why_sync .cards{
  gap:clamp(10px,1.4vw,16px)!important;
}
.page-template-page-prijzen .template-block--websitebouw_module .card,
.page-template-page-prijzen-eindklant .template-block--client_situations .card,
.page-template-page-websitebouw .template-block--content_relation .card,
.page-template-page-websitebouw .template-block--subscription_logic .card,
.page-template-page-inlayr-id .template-block--together .card,
.page-template-page-add-ons .template-block--websitebouw_module .card,
.page-template-page-integraties .template-block--why_sync .card{
  padding:clamp(16px,2vw,22px)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
.page-template-page-prijzen .template-block--websitebouw_module .card h3,
.page-template-page-prijzen-eindklant .template-block--client_situations .card h3,
.page-template-page-websitebouw .template-block--content_relation .card h3,
.page-template-page-websitebouw .template-block--subscription_logic .card h3,
.page-template-page-inlayr-id .template-block--together .card h3,
.page-template-page-add-ons .template-block--websitebouw_module .card h3,
.page-template-page-integraties .template-block--why_sync .card h3{
  font-size:clamp(1rem,.96rem + .14vw,1.12rem)!important;
  line-height:1.18!important;
}
.page-template-page-prijzen .template-block--pricing_extensions .addon-cards,
.page-template-page-prijzen .template-block--pricing_addons .addon-cards,
.page-template-page-prijzen-eindklant .template-block--client_extensions .addon-cards,
.page-template-page-prijzen-eindklant .template-block--client_addons .addon-cards{
  gap:clamp(12px,1.7vw,18px)!important;
}
.page-template-page-prijzen .template-block--pricing_extensions .addon-card,
.page-template-page-prijzen .template-block--pricing_addons .addon-card,
.page-template-page-prijzen-eindklant .template-block--client_extensions .addon-card,
.page-template-page-prijzen-eindklant .template-block--client_addons .addon-card{
  padding:clamp(16px,2vw,23px)!important;
  border-radius:16px!important;
  box-shadow:none!important;
  gap:12px!important;
}
.page-template-page-prijzen .template-block--pricing_extensions .addon-card__price strong,
.page-template-page-prijzen .template-block--pricing_addons .addon-card__price strong,
.page-template-page-prijzen-eindklant .template-block--client_extensions .addon-card__price strong,
.page-template-page-prijzen-eindklant .template-block--client_addons .addon-card__price strong{
  font-size:clamp(1.45rem,1.2rem + .8vw,2.05rem)!important;
}
.page-template-page-prijzen .template-block--pricing_extensions .addon-card--featured,
.page-template-page-prijzen .template-block--pricing_addons .addon-card--featured,
.page-template-page-prijzen-eindklant .template-block--client_extensions .addon-card--featured,
.page-template-page-prijzen-eindklant .template-block--client_addons .addon-card--featured{
  box-shadow:0 16px 42px rgba(19,23,43,.10)!important;
}
.page-template-page-prijzen .pricing-table-wrap,
.page-template-page-prijzen-eindklant .pricing-table-wrap,
.page-template-page-add-ons .addon-limit-table-wrap{
  border-radius:16px!important;
  box-shadow:none!important;
}
.page-template-page-prijzen .pricing-table th,
.page-template-page-prijzen .pricing-table td,
.page-template-page-prijzen-eindklant .pricing-table th,
.page-template-page-prijzen-eindklant .pricing-table td,
.page-template-page-add-ons .addon-limit-table th,
.page-template-page-add-ons .addon-limit-table td{
  padding:12px 14px!important;
  font-size:.88rem!important;
  line-height:1.35!important;
}
.page-template-page-add-ons .template-block--extensions_sales .addon-sales-card,
.page-template-page-add-ons .template-block--addon_sales .addon-sales-card{
  padding:clamp(18px,2.5vw,28px)!important;
  border-radius:18px!important;
  box-shadow:none!important;
  gap:16px!important;
}
.page-template-page-add-ons .template-block--extensions_sales .addon-sales-card__head,
.page-template-page-add-ons .template-block--addon_sales .addon-sales-card__head{
  grid-template-columns:minmax(0,1fr) minmax(140px,190px)!important;
  gap:16px!important;
}
.page-template-page-add-ons .template-block--extensions_sales .addon-sales-card h3,
.page-template-page-add-ons .template-block--addon_sales .addon-sales-card h3{
  font-size:clamp(1.25rem,1.05rem + .8vw,1.85rem)!important;
}
.page-template-page-add-ons .template-block--extensions_sales .addon-sales-card__price,
.page-template-page-add-ons .template-block--addon_sales .addon-sales-card__price{
  padding:14px!important;
  border-radius:14px!important;
}
.page-template-page-add-ons .template-block--extensions_sales .addon-sales-card__body,
.page-template-page-add-ons .template-block--addon_sales .addon-sales-card__body{
  gap:10px!important;
}
.page-template-page-add-ons .template-block--extensions_sales .addon-sales-card__body div,
.page-template-page-add-ons .template-block--addon_sales .addon-sales-card__body div{
  padding:14px!important;
  border-radius:14px!important;
}
.page-template-page-add-ons .template-block--addon_sales .addon-sales-card--inlayr-id-pro{
  box-shadow:0 18px 54px rgba(19,23,43,.16)!important;
}
.page-template-page-add-ons .template-block--addon_sales .addon-sales-card--inlayr-id-pro .addon-sales-card__price{
  min-height:0!important;
  padding:14px!important;
}
.page-template-page-add-ons .template-block--addon_sales .addon-sales-list:before{
  display:none!important;
}
.page-template-page-add-ons .template-block--addon_sales .addon-sales-card__price sup{
  position:relative!important;
  top:-.35em!important;
  margin-left:2px!important;
  font-family:var(--font-body)!important;
  font-size:.7rem!important;
  font-weight:700!important;
  line-height:0!important;
}
.page-template-page-add-ons .template-block--addon_sales .addon-footnote{
  color:rgba(83,92,113,.52)!important;
  font-size:.78rem!important;
  font-weight:500!important;
  line-height:1.55!important;
}
.page-template-page-hoe-het-werkt .template-block--links .link-tiles,
.page-template-page-add-ons .template-block--addon_links .link-tiles{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))!important;
  gap:10px!important;
}
.page-template-page-hoe-het-werkt .template-block--links .link-tile,
.page-template-page-add-ons .template-block--addon_links .link-tile{
  padding:16px!important;
  border-radius:14px!important;
  gap:6px!important;
}
.page-template-page-hoe-het-werkt .template-block--links .link-tile span,
.page-template-page-add-ons .template-block--addon_links .link-tile span{
  font-size:1rem!important;
}
@media (max-width:900px){
  .page-template-page-add-ons .template-block--extensions_sales .addon-sales-card__head,
  .page-template-page-add-ons .template-block--addon_sales .addon-sales-card__head{
    grid-template-columns:1fr!important;
  }
}

/* V8.8 - reduce support-block weight further */
.template-block--maker_fair_use_note,
.template-block--maker_fair_use_table_note,
.template-block--client_fair_use_note,
.template-block--client_fair_use_table_note,
.template-block--pricing_disclaimer,
.template-block--client_pricing_disclaimer{
  padding-top:18px!important;
  padding-bottom:18px!important;
}
.template-block--maker_fair_use_note .section__inner,
.template-block--maker_fair_use_table_note .section__inner,
.template-block--client_fair_use_note .section__inner,
.template-block--client_fair_use_table_note .section__inner,
.template-block--pricing_disclaimer .section__inner,
.template-block--client_pricing_disclaimer .section__inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:16px!important;
  align-items:center!important;
  padding:16px 18px!important;
}
.template-block--maker_fair_use_note .section-head h2,
.template-block--maker_fair_use_table_note .section-head h2,
.template-block--client_fair_use_note .section-head h2,
.template-block--client_fair_use_table_note .section-head h2,
.template-block--pricing_disclaimer .section-head h2,
.template-block--client_pricing_disclaimer .section-head h2{
  max-width:none!important;
  font-size:clamp(1.05rem,1rem + .22vw,1.22rem)!important;
  line-height:1.18!important;
}
.template-block--maker_fair_use_note .section-head p,
.template-block--maker_fair_use_table_note .section-head p,
.template-block--client_fair_use_note .section-head p,
.template-block--client_fair_use_table_note .section-head p,
.template-block--pricing_disclaimer .section-head p,
.template-block--client_pricing_disclaimer .section-head p{
  font-size:.9rem!important;
  line-height:1.45!important;
}
.template-block--maker_fair_use_note .eyebrow,
.template-block--maker_fair_use_table_note .eyebrow,
.template-block--client_fair_use_note .eyebrow,
.template-block--client_fair_use_table_note .eyebrow,
.template-block--pricing_disclaimer .eyebrow,
.template-block--client_pricing_disclaimer .eyebrow{
  margin-bottom:4px!important;
  font-size:.65rem!important;
}
.template-block--maker_fair_use_note .actions,
.template-block--maker_fair_use_table_note .actions,
.template-block--client_fair_use_note .actions,
.template-block--client_fair_use_table_note .actions{
  margin:0!important;
}
.template-block--maker_fair_use_note .btn,
.template-block--maker_fair_use_table_note .btn,
.template-block--client_fair_use_note .btn,
.template-block--client_fair_use_table_note .btn{
  min-height:38px!important;
  padding:10px 14px!important;
  font-size:.84rem!important;
}
.page-template-page-websitebouw .template-block--content_relation,
.page-template-page-websitebouw .template-block--subscription_logic,
.page-template-page-prijzen .template-block--websitebouw_module,
.page-template-page-add-ons .template-block--websitebouw_module{
  padding-top:clamp(26px,3.2vw,42px)!important;
  padding-bottom:clamp(28px,3.4vw,44px)!important;
}
.page-template-page-websitebouw .template-block--content_relation .card,
.page-template-page-websitebouw .template-block--subscription_logic .card,
.page-template-page-prijzen .template-block--websitebouw_module .card,
.page-template-page-add-ons .template-block--websitebouw_module .card{
  padding:15px 16px!important;
}
body:not(.front-page) .site-main .faq-section{
  padding-top:clamp(22px,3vw,36px)!important;
  padding-bottom:clamp(24px,3.2vw,40px)!important;
}
body:not(.front-page) .site-main .faq-section .section__inner{
  max-width:760px!important;
}
body:not(.front-page) .site-main .faq-section .section-head{
  margin-bottom:12px!important;
}
body:not(.front-page) .site-main .faq-section .section-head h2{
  font-size:clamp(1.2rem,1.05rem + .48vw,1.52rem)!important;
}
body:not(.front-page) .site-main .faq-section .faq{
  gap:7px!important;
}
body:not(.front-page) .site-main .faq-section .faq__item{
  padding:0!important;
  border-radius:12px!important;
}
body:not(.front-page) .site-main .faq-section .faq__item summary{
  padding:11px 14px!important;
}
body:not(.front-page) .site-main .faq-section .faq__item div{
  padding:0 14px 12px!important;
}
@media (max-width:760px){
  .template-block--maker_fair_use_note .section__inner,
  .template-block--maker_fair_use_table_note .section__inner,
  .template-block--client_fair_use_note .section__inner,
  .template-block--client_fair_use_table_note .section__inner,
  .template-block--pricing_disclaimer .section__inner,
  .template-block--client_pricing_disclaimer .section__inner{
    grid-template-columns:1fr!important;
  }
}

/* V8.9 - lighter price tables and page-specific hero visuals */
.hero-topic-visual{
  min-height:clamp(176px,27vw,352px);
  border-radius:clamp(13px,1.3vw,19px);
  border:1px solid rgba(255,255,255,.13);
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
  box-shadow:0 18px 54px rgba(0,0,0,.16);
  padding:clamp(16px,2.2vw,26px);
  color:#fff;
  overflow:hidden;
}
.hero-topic-visual :is(article,span,strong,em,small,b){
  min-width:0;
}
.hero-topic-visual--pricing{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  align-items:end;
}
.hero-topic-visual--pricing article{
  display:grid;
  gap:7px;
  min-height:58%;
  align-content:end;
  padding:14px;
  border-radius:14px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.11);
}
.hero-topic-visual--pricing article.is-active{
  min-height:78%;
  background:rgba(249,115,22,.18);
  border-color:rgba(249,115,22,.34);
}
.hero-topic-visual--pricing span,
.hero-topic-visual--client strong,
.hero-topic-visual--websitebouw strong,
.hero-topic-visual--id strong{
  font-family:var(--font-head);
  line-height:1.08;
}
.hero-topic-visual--pricing span{
  font-size:clamp(.9rem,.86rem + .18vw,1.04rem);
}
.hero-topic-visual--pricing strong{
  color:var(--orange-2);
  font-size:.76rem;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.hero-topic-visual--pricing em{
  color:rgba(255,255,255,.62);
  font-style:normal;
  font-size:.82rem;
  font-weight:800;
}
.hero-topic-visual--client{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  align-content:center;
}
.hero-topic-visual--client strong,
.hero-topic-visual--client em{
  grid-column:1 / -1;
}
.hero-topic-visual--client strong{
  font-size:clamp(1.2rem,1rem + .8vw,1.8rem);
}
.hero-topic-visual--client span{
  padding:12px;
  border-radius:12px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.11);
  font-weight:900;
}
.hero-topic-visual--client em{
  color:var(--orange-2);
  font-style:normal;
  font-weight:900;
}
.hero-topic-visual--integrations{
  display:grid;
  grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr);
  gap:8px;
  align-items:center;
}
.hero-topic-visual--integrations span,
.hero-topic-visual--integrations strong{
  display:grid;
  place-items:center;
  min-height:66px;
  padding:10px;
  border-radius:14px;
  text-align:center;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.11);
  font-family:var(--font-body);
  font-size:clamp(.78rem,.72rem + .18vw,.9rem);
  font-weight:700;
  line-height:1.18;
  letter-spacing:0;
  font-stretch:normal;
}
.hero-topic-visual--integrations strong{
  background:rgba(249,115,22,.18);
  border-color:rgba(249,115,22,.34);
}
.hero-topic-visual--integrations i{
  height:2px;
  background:linear-gradient(90deg,rgba(249,115,22,.15),var(--orange-2));
}
.hero-topic-visual--websitebouw{
  display:grid;
  gap:10px;
  align-content:center;
}
.hero-topic-visual--websitebouw strong{
  font-size:clamp(1.1rem,1rem + .55vw,1.55rem);
  margin-bottom:4px;
}
.hero-topic-visual--websitebouw span,
.hero-topic-visual--websitebouw em{
  position:relative;
  display:block;
  padding:10px 12px 10px 34px;
  border-radius:12px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.11);
  font-style:normal;
  font-weight:900;
}
.hero-topic-visual--websitebouw span:before,
.hero-topic-visual--websitebouw em:before{
  content:"";
  position:absolute;
  left:13px;
  top:50%;
  width:8px;
  height:8px;
  border-radius:999px;
  background:rgba(255,255,255,.45);
  transform:translateY(-50%);
}
.hero-topic-visual--websitebouw em{
  background:rgba(249,115,22,.18);
  border-color:rgba(249,115,22,.34);
}
.hero-topic-visual--websitebouw em:before{
  background:var(--orange-2);
}
.hero-topic-visual--audience{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  align-content:center;
}
.hero-topic-visual--audience article{
  display:grid;
  place-items:center;
  min-height:82px;
  padding:12px;
  border-radius:14px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.11);
  text-align:center;
  font-weight:900;
}
.hero-topic-visual--audience article:first-child{
  background:rgba(249,115,22,.18);
  border-color:rgba(249,115,22,.34);
}
.hero-topic-visual--id{
  display:grid;
  gap:10px;
  align-content:center;
}
.hero-topic-visual--id span,
.hero-topic-visual--id em{
  display:block;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.11);
  font-style:normal;
  font-weight:900;
}
.hero-topic-visual--id strong{
  padding:16px;
  border-radius:16px;
  background:rgba(249,115,22,.18);
  border:1px solid rgba(249,115,22,.34);
  font-size:clamp(1.2rem,1rem + .8vw,1.8rem);
}
.hero--image .hero__media{
  margin-top:clamp(20px,3vw,42px);
  border:0!important;
}
@media (max-width:980px){
  .hero--image .hero__media{
    margin-top:clamp(8px,3vw,18px);
  }
}
.page-template-page-prijzen .hero,
.page-template-page-prijzen-eindklant .hero{
  min-height:auto!important;
  padding:clamp(46px,6vw,78px) 0 clamp(28px,4vw,52px)!important;
}
.page-template-page-prijzen .hero__inner,
.page-template-page-prijzen-eindklant .hero__inner{
  display:block!important;
  max-width:860px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.page-template-page-prijzen .hero h1,
.page-template-page-prijzen-eindklant .hero h1{
  max-width:16ch!important;
}
.page-template-page-prijzen .hero__text,
.page-template-page-prijzen-websitebouw .hero__text,
.page-template-page-prijzen-eindklant .hero__text{
  max-width:52ch!important;
}
.page-template-page-prijzen .template-block--maker_packages,
.page-template-page-prijzen-eindklant .template-block--client_packages{
  padding-top:clamp(24px,3vw,38px)!important;
}
.page-template-page-prijzen .template-block--maker_packages .section-head,
.page-template-page-prijzen-eindklant .template-block--client_packages .section-head{
  margin-bottom:clamp(18px,2.4vw,28px)!important;
}
.page-template-page-prijzen .template-block--maker_packages .section-head h2,
.page-template-page-prijzen-eindklant .template-block--client_packages .section-head h2{
  font-size:clamp(1.55rem,1.28rem + .9vw,2.2rem)!important;
}

/* V9 pricing and hero cleanup */
.site-main .hero__inner{
  width:var(--wrap)!important;
  max-width:960px!important;
}
.site-main .hero__content{
  max-width:720px!important;
}
.site-main .hero .eyebrow{
  margin-top:clamp(16px,2.4vw,34px)!important;
}
.page-template-page-prijzen .hero,
.page-template-page-prijzen-websitebouw .hero,
.page-template-page-prijzen-eindklant .hero{
  min-height:auto!important;
  padding:clamp(46px,6vw,78px) 0 clamp(28px,4vw,52px)!important;
}
.page-template-page-prijzen .hero__inner,
.page-template-page-prijzen-websitebouw .hero__inner,
.page-template-page-prijzen-eindklant .hero__inner{
  width:var(--wrap)!important;
  max-width:960px!important;
}
.page-template-page-prijzen .hero h1,
.page-template-page-prijzen-websitebouw .hero h1,
.page-template-page-prijzen-eindklant .hero h1{
  max-width:16ch!important;
}
.page-template-page-prijzen .hero__text,
.page-template-page-prijzen-websitebouw .hero__text,
.page-template-page-prijzen-eindklant .hero__text{
  max-width:64ch!important;
}
.pricing-switch-inline{
  display:flex!important;
  width:100%!important;
  justify-content:flex-start!important;
  align-items:flex-start!important;
  margin-left:0!important;
  margin-right:0!important;
  margin-bottom:clamp(30px,4.2vw,54px)!important;
}
.pricing-switch-inline .pricing-switch{
  margin-left:0!important;
  margin-right:auto!important;
  justify-content:flex-start!important;
}
.pricing-page--switch{
  display:none!important;
}
.pricing-switch-inline + .section-head{
  margin-top:0!important;
}
.pricing-tabs-row{
  display:flex!important;
  justify-content:flex-start!important;
}
.pricing-tabs-row .pricing-switch{
  margin:0!important;
}
.pricing-anchor{
  display:block;
  position:relative;
  top:-96px;
  height:0;
  visibility:hidden;
}
.page-template-page-prijzen .template-block--maker_packages,
.page-template-page-prijzen .template-block--contentflow,
.page-template-page-prijzen .template-block--websitebouw,
.page-template-page-prijzen-websitebouw .template-block--websitebouw,
.page-template-page-prijzen-eindklant .template-block--client_packages{
  padding-top:clamp(24px,3vw,38px)!important;
}
.page-template-page-prijzen .template-block--maker_packages .section-head,
.page-template-page-prijzen .template-block--contentflow .section-head,
.page-template-page-prijzen .template-block--websitebouw .section-head,
.page-template-page-prijzen-websitebouw .template-block--websitebouw .section-head,
.page-template-page-prijzen-eindklant .template-block--client_packages .section-head{
  margin-bottom:clamp(18px,2.4vw,28px)!important;
}
.page-template-page-prijzen .template-block--maker_packages .section-head h2,
.page-template-page-prijzen .template-block--contentflow .section-head h2,
.page-template-page-prijzen .template-block--websitebouw .section-head h2,
.page-template-page-prijzen-websitebouw .template-block--websitebouw .section-head h2,
.page-template-page-prijzen-eindklant .template-block--client_packages .section-head h2{
  font-size:clamp(1.55rem,1.28rem + .9vw,2.2rem)!important;
}
.page-template-page-prijzen .template-block--maker_packages .section-head p,
.page-template-page-prijzen .template-block--contentflow .section-head p,
.page-template-page-prijzen .template-block--websitebouw .section-head p,
.page-template-page-prijzen-websitebouw .template-block--websitebouw .section-head p,
.page-template-page-prijzen-eindklant .template-block--client_packages .section-head p{
  font-size:.98rem!important;
}
.page-template-page-prijzen .template-block--websitebouw .plans,
.page-template-page-prijzen-websitebouw .template-block--websitebouw .plans{
  grid-template-columns:minmax(0,460px)!important;
}
.page-template-page-prijzen .template-block--websitebouw .plan,
.page-template-page-prijzen-websitebouw .template-block--websitebouw .plan{
  box-shadow:0 16px 48px rgba(19,23,43,.10)!important;
}
.pricing-note-text{
  max-width:780px;
  margin:0;
  color:var(--muted);
  font-size:clamp(.78rem,.75rem + .1vw,.86rem);
  line-height:1.55;
}
.pricing-note-text--inside{
  margin-top:10px;
}
.page-template-page-prijzen .template-block--pricing_matrix,
.page-template-page-prijzen-websitebouw .template-block--websitebouw_compare,
.page-template-page-prijzen-eindklant .template-block--client_matrix{
  background:#fff!important;
}
.page-template-page-prijzen .template-block--pricing_matrix .section-head,
.page-template-page-prijzen-websitebouw .template-block--websitebouw_compare .section-head,
.page-template-page-prijzen-eindklant .template-block--client_matrix .section-head{
  max-width:680px!important;
}
.page-template-page-prijzen .pricing-table-wrap,
.page-template-page-prijzen-websitebouw .pricing-table-wrap,
.page-template-page-prijzen-eindklant .pricing-table-wrap{
  border:1px solid rgba(19,23,43,.08)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.page-template-page-prijzen .pricing-table,
.page-template-page-prijzen-websitebouw .pricing-table,
.page-template-page-prijzen-eindklant .pricing-table{
  border-collapse:collapse!important;
  background:#fff!important;
}
.page-template-page-prijzen .pricing-table th,
.page-template-page-prijzen-websitebouw .pricing-table th,
.page-template-page-prijzen-eindklant .pricing-table th{
  background:#fff!important;
  color:var(--muted)!important;
  border-bottom:1px solid rgba(19,23,43,.14)!important;
  font-size:.74rem!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  font-weight:900!important;
}
.page-template-page-prijzen .pricing-table td,
.page-template-page-prijzen-websitebouw .pricing-table td,
.page-template-page-prijzen-eindklant .pricing-table td{
  background:#fff!important;
  border-bottom:1px solid rgba(19,23,43,.07)!important;
  color:var(--muted)!important;
}
.page-template-page-prijzen .pricing-table td:first-child,
.page-template-page-prijzen-websitebouw .pricing-table td:first-child,
.page-template-page-prijzen-eindklant .pricing-table td:first-child{
  background:#fff!important;
  color:var(--navy)!important;
}
.page-template-page-prijzen .pricing-table td strong,
.page-template-page-prijzen-websitebouw .pricing-table td strong,
.page-template-page-prijzen-eindklant .pricing-table td strong{
  font-family:var(--font-body)!important;
  font-size:.9rem!important;
  letter-spacing:0!important;
}
.page-template-page-prijzen .pricing-table tbody tr:nth-child(even) td,
.page-template-page-prijzen-websitebouw .pricing-table tbody tr:nth-child(even) td,
.page-template-page-prijzen-eindklant .pricing-table tbody tr:nth-child(even) td,
.page-template-page-prijzen .pricing-table tbody tr:hover td,
.page-template-page-prijzen-websitebouw .pricing-table tbody tr:hover td,
.page-template-page-prijzen-eindklant .pricing-table tbody tr:hover td,
.page-template-page-prijzen .pricing-table tbody tr:hover td:first-child,
.page-template-page-prijzen-websitebouw .pricing-table tbody tr:hover td:first-child,
.page-template-page-prijzen-eindklant .pricing-table tbody tr:hover td:first-child{
  background:#fff!important;
}
@media (max-width:760px){
  .hero-topic-visual--pricing,
  .hero-topic-visual--integrations,
  .hero-topic-visual--audience{
    grid-template-columns:1fr!important;
  }
  .hero-topic-visual--integrations i{
    display:none;
  }
}
@media (max-width:900px){
  .front-page .hero .content-workflow-visual{
    justify-self:start!important;
    max-width:420px!important;
    grid-template-columns:1fr!important;
  }
  .front-page .hero .content-workflow-visual__lines{
    display:none!important;
  }
  .front-page .template-block--layers_v8 .cards,
  .front-page .template-block--addon_system .addon-system-cards,
  .front-page .template-block--audience_v8 .scenario-grid{
    grid-template-columns:1fr!important;
  }
}
@media (max-width:640px){
  .pricing-switch-inline{
    margin-bottom:28px!important;
  }
  .pricing-switch-inline .pricing-switch{
    width:100%;
  }
  .pricing-switch-inline .pricing-switch a{
    flex:1 1 auto;
    text-align:center;
  }
}
@media (max-width:560px){
  .id-context-board__grid,
  .id-context-board__pro ul,
  .id-context-board__pro-rules{
    grid-template-columns:1fr!important;
  }
  .id-context-board__header{
    display:grid;
  }
  .id-context-board__header strong{
    text-align:left;
  }
}

/* Pricing hero restore */
.page-template-page-prijzen .hero__inner,
.page-template-page-prijzen-websitebouw .hero__inner{
  display:grid!important;
  grid-template-columns:minmax(0,.95fr) minmax(280px,.72fr)!important;
  align-items:center!important;
  gap:clamp(30px,5vw,76px)!important;
}
.page-template-page-prijzen .hero__content,
.page-template-page-prijzen-websitebouw .hero__content{
  max-width:640px!important;
}
.page-template-page-prijzen .hero__media,
.page-template-page-prijzen-websitebouw .hero__media{
  display:block!important;
  justify-self:end!important;
  width:100%!important;
  max-width:480px!important;
  min-height:clamp(260px,30vw,430px)!important;
}
.page-template-page-prijzen .hero__text,
.page-template-page-prijzen-websitebouw .hero__text{
  max-width:42ch!important;
}
@media (max-width:980px){
  .page-template-page-prijzen .hero__inner,
  .page-template-page-prijzen-websitebouw .hero__inner{
    grid-template-columns:1fr!important;
  }
  .page-template-page-prijzen .hero__media,
  .page-template-page-prijzen-websitebouw .hero__media{
    justify-self:start!important;
    max-width:480px!important;
  }
}

/* Pricing pages: keep the first choice and prices visible quickly. */
.page-template-page-prijzen .hero,
.page-template-page-prijzen-websitebouw .hero,
.page-template-page-prijzen-eindklant .hero{
  padding-top:clamp(58px,6vw,86px)!important;
  padding-bottom:clamp(18px,2.8vw,30px)!important;
}
.page-template-page-prijzen .hero h1,
.page-template-page-prijzen-websitebouw .hero h1,
.page-template-page-prijzen-eindklant .hero h1{
  font-size:clamp(2.1rem,4.4vw,4.2rem)!important;
}
.page-template-page-prijzen .hero .eyebrow,
.page-template-page-prijzen-websitebouw .hero .eyebrow,
.page-template-page-prijzen-eindklant .hero .eyebrow{
  margin-top:0!important;
  margin-bottom:10px!important;
}
.page-template-page-prijzen .hero__text,
.page-template-page-prijzen-websitebouw .hero__text,
.page-template-page-prijzen-eindklant .hero__text{
  font-size:clamp(.98rem,.93rem + .16vw,1.08rem)!important;
}
.page-template-page-prijzen .hero__media,
.page-template-page-prijzen-websitebouw .hero__media{
  min-height:auto!important;
}
.hero-pricing-summary{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  padding:14px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.hero-pricing-summary__head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  padding:0 2px 4px;
}
.hero-pricing-summary__head span{
  color:var(--orange-2);
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.hero-pricing-summary__head b{
  color:#fff;
  font-size:.95rem!important;
  line-height:1.1!important;
  letter-spacing:0!important;
  text-transform:none!important;
  text-align:right!important;
  font-family:var(--font-body)!important;
}
.hero-pricing-summary__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:8px;
  min-height:0;
}
.hero-pricing-summary article{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:4px!important;
  align-items:start!important;
  padding:11px 12px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:none!important;
}
.hero-pricing-summary article.is-active{
  grid-row:span 2;
  background:rgba(249,115,22,.16)!important;
  border-color:rgba(249,115,22,.38)!important;
}
.hero-pricing-summary span{
  font-size:.68rem!important;
  line-height:1.1!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.hero-pricing-summary strong{
  align-self:center!important;
  color:#fff!important;
  font-size:clamp(1.42rem,2.25vw,1.9rem)!important;
  line-height:1!important;
  text-align:left!important;
}
.hero-pricing-summary em,
.hero-pricing-summary small{
  color:rgba(255,255,255,.74)!important;
  font-size:.86rem!important;
  line-height:1.35!important;
}
.hero-pricing-summary em{
  font-size:.78rem!important;
  font-weight:900!important;
}
.hero-pricing-summary small{
  font-size:.72rem!important;
}
.hero-pricing-summary small{
  grid-column:auto!important;
}
.hero-pricing-summary__footer{
  display:none;
  align-items:center;
  gap:7px;
  color:rgba(255,255,255,.72);
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.hero-pricing-summary__footer span{
  white-space:nowrap;
  word-break:keep-all;
  hyphens:none;
}
.hero-pricing-summary__footer i{
  flex:1;
  min-width:10px;
  height:1px;
  background:rgba(255,255,255,.18);
}
.pricing-tabs-row--inside{
  margin:0 0 clamp(16px,2.2vw,24px)!important;
}
.pricing-tabs-row--inside .pricing-switch{
  gap:6px!important;
  padding:4px!important;
  margin:0!important;
  background:rgba(19,23,43,.05)!important;
  border-color:rgba(19,23,43,.10)!important;
}
.pricing-tabs-row--inside .pricing-switch a{
  padding:8px 12px!important;
  font-size:.82rem!important;
}
.page-template-page-prijzen .template-block--contentflow,
.page-template-page-prijzen-websitebouw .template-block--websitebouw,
.page-template-page-prijzen-eindklant .template-block--client_packages{
  padding-top:clamp(18px,2.5vw,28px)!important;
}
@media (max-width:980px){
  .page-template-page-prijzen .hero__inner,
  .page-template-page-prijzen-websitebouw .hero__inner{
    gap:clamp(18px,4vw,30px)!important;
  }
}
@media (max-width:640px){
  .hero-pricing-summary article{
    grid-template-columns:1fr!important;
  }
  .hero-pricing-summary strong{
    grid-column:1!important;
    grid-row:auto!important;
    text-align:left!important;
  }
  .pricing-tabs-row--inside .pricing-switch{
    width:100%!important;
  }
  .pricing-tabs-row--inside .pricing-switch a{
    flex:1 1 auto!important;
    text-align:center!important;
  }
}

/* Pricing choice helper */
.template-block--pricing_helper{
  padding-top:clamp(18px,2.8vw,34px)!important;
}
.pricing-helper{
  display:grid;
  gap:clamp(18px,2.5vw,28px);
}
.pricing-helper__controls{
  display:grid;
  gap:14px;
  align-items:end;
  padding:16px;
  border:1px solid rgba(19,23,43,.10);
  border-radius:18px;
  background:rgba(19,23,43,.025);
}
.pricing-helper__group{
  display:grid;
  gap:8px;
}
.pricing-helper__group span{
  color:var(--muted);
  font-size:.82rem;
  font-weight:900;
}
.pricing-helper__segments{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  width:max-content;
  max-width:100%;
  padding:4px;
  border:1px solid rgba(19,23,43,.10);
  border-radius:999px;
  background:#fff;
}
.pricing-helper__segments button{
  border:0;
  appearance:none;
  cursor:pointer;
  border-radius:999px;
  padding:8px 12px;
  background:transparent;
  color:var(--navy);
  font:inherit;
  font-size:.84rem;
  font-weight:900;
}
.pricing-helper__segments button.is-active{
  background:var(--navy);
  color:#fff;
}
.pricing-choice-panel{
  display:none;
}
.pricing-choice-panel.is-active{
  display:grid;
  gap:clamp(18px,2.5vw,28px);
}
.pricing-choice-panel .section-head{
  margin-bottom:0!important;
  max-width:760px!important;
}
.pricing-choice-panel .plans{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important;
}
.pricing-choice-panel .plan{
  padding:clamp(22px,2.7vw,34px)!important;
}
.pricing-custom-line{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px 18px;
  padding:16px 18px;
  border:1px solid rgba(19,23,43,.10);
  border-radius:14px;
  background:#fff;
}
.pricing-custom-line p{
  margin:0;
  color:var(--muted);
  line-height:1.5;
}
.pricing-choice-table{
  display:grid;
  gap:12px;
}
.pricing-choice-table h3{
  font-size:clamp(1.15rem,1rem + .45vw,1.45rem);
  margin:0;
}
.pricing-choice-table .pricing-table{
  min-width:0!important;
}
.pricing-choice-table .pricing-table td{
  padding:11px 14px!important;
}
.page-template-page-prijzen .hero{
  padding-bottom:clamp(16px,2.4vw,26px)!important;
}
.page-template-page-prijzen .hero__inner{
  grid-template-columns:1fr!important;
  max-width:960px!important;
}
.page-template-page-prijzen .hero h1{
  max-width:12ch!important;
}
.page-template-page-prijzen .hero__text{
  max-width:52ch!important;
}
@media (min-width:760px){
  .pricing-helper__controls{
    grid-template-columns:1fr;
  }
}
@media (max-width:640px){
  .pricing-helper__controls{
    padding:12px;
  }
  .pricing-helper__segments{
    width:100%;
    border-radius:18px;
  }
  .pricing-helper__segments button{
    flex:1 1 auto;
  }
  .pricing-choice-table .pricing-table{
    min-width:540px!important;
  }
}

/* Calmer visual direction: closer to the app, less marketing weight. */
body:not(.front-page) .hero{
  min-height:auto!important;
  padding-top:clamp(54px,6vw,88px)!important;
  padding-bottom:clamp(38px,5vw,72px)!important;
}
.hero--dark{
  background:var(--navy)!important;
}
.hero--dark:after,
.section--dark:after,
.section--navy-2:after{
  opacity:.14!important;
}
.section--white,
.section--light{
  background:var(--cream)!important;
}
.section--white + .section--white,
.section--light + .section--light,
.section--white + .section--light,
.section--light + .section--white{
  border-top:1px solid rgba(19,23,43,.06);
}
.card,
.addon-card,
.plan,
.related-link,
.white-label-strip,
.pricing-table-wrap{
  box-shadow:none!important;
}
.card:hover,
.addon-card:hover{
  transform:none!important;
  box-shadow:none!important;
}
.card:before,
.addon-card:before{
  display:none!important;
}
.cards .card:nth-child(4n+2){
  border-top:1px solid var(--line)!important;
}
.cards .card:nth-child(4n+3){
  background:#fff!important;
}
.section{
  padding-top:clamp(46px,6vw,82px)!important;
  padding-bottom:clamp(46px,6vw,82px)!important;
}
.section-head{
  margin-bottom:clamp(18px,2.8vw,32px)!important;
}
.section-head p,
.hero__text{
  opacity:1!important;
  color:var(--muted);
}
.section--dark .section-head p,
.section--navy-2 .section-head p,
.hero--dark .hero__text{
  color:rgba(255,255,255,.76);
}

/* Pricing page: sober decision surface. */
.page-template-page-prijzen .hero{
  background:var(--cream)!important;
  color:var(--navy)!important;
  padding-top:clamp(46px,5vw,70px)!important;
  padding-bottom:clamp(18px,3vw,34px)!important;
}
.page-template-page-prijzen .hero__inner{
  max-width:1180px!important;
}
.page-template-page-prijzen .hero__content{
  max-width:620px!important;
}
.page-template-page-prijzen .hero h1{
  font-size:clamp(2rem,3.4vw,3.35rem)!important;
  letter-spacing:0!important;
  max-width:100%!important;
}
.page-template-page-prijzen .hero__text{
  max-width:44ch!important;
  color:var(--muted)!important;
}
.page-template-page-prijzen .template-block--pricing_helper{
  padding-top:clamp(18px,2vw,28px)!important;
  background:var(--cream)!important;
}
.page-template-page-prijzen .pricing-helper{
  gap:clamp(14px,2vw,22px)!important;
}
.page-template-page-prijzen .pricing-helper__controls{
  width:max-content;
  max-width:100%;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.page-template-page-prijzen .pricing-helper__group{
  gap:8px!important;
}
.page-template-page-prijzen .pricing-helper__group span{
  font-size:.78rem!important;
}
.page-template-page-prijzen .pricing-helper__segments{
  border-radius:10px!important;
  padding:3px!important;
  background:#fff!important;
}
.page-template-page-prijzen .pricing-helper__segments button{
  border-radius:8px!important;
  padding:7px 11px!important;
  font-size:.82rem!important;
}
.page-template-page-prijzen .pricing-choice-panel{
  gap:clamp(14px,2vw,22px)!important;
}
.page-template-page-prijzen .pricing-choice-panel .section-head{
  display:none!important;
}
.page-template-page-prijzen .pricing-choice-panel .plans{
  gap:14px!important;
}
.page-template-page-prijzen .pricing-choice-panel .plan{
  border-radius:10px!important;
  padding:clamp(18px,2vw,26px)!important;
  gap:12px!important;
  background:#fff!important;
  border-color:rgba(19,23,43,.10)!important;
  color:var(--navy)!important;
}
.page-template-page-prijzen .pricing-choice-panel .plan--featured{
  background:#fff!important;
  color:var(--navy)!important;
  border-color:rgba(249,115,22,.42)!important;
  box-shadow:inset 0 3px 0 var(--orange)!important;
}
.page-template-page-prijzen .pricing-choice-panel .plan--featured :is(.plan__intro,.plan__per,li){
  color:var(--muted)!important;
}
.page-template-page-prijzen .pricing-choice-panel .plan__price{
  font-size:clamp(1.8rem,2.8vw,2.35rem)!important;
  letter-spacing:0!important;
}
.page-template-page-prijzen .pricing-choice-panel .plan ul{
  gap:7px!important;
}
.page-template-page-prijzen .pricing-choice-panel .plan li{
  line-height:1.42!important;
}
.page-template-page-prijzen .pricing-choice-panel .btn{
  min-height:40px!important;
  padding:.68rem .95rem!important;
}
.page-template-page-prijzen .plan__badge{
  background:rgba(249,115,22,.10)!important;
  color:var(--orange)!important;
  border:1px solid rgba(249,115,22,.22)!important;
}
.page-template-page-prijzen .pricing-note-text{
  font-size:.8rem!important;
  margin-top:0!important;
}
.page-template-page-prijzen .pricing-custom-line{
  border-radius:10px!important;
  background:#fff!important;
  padding:13px 16px!important;
}
.page-template-page-prijzen .pricing-choice-table{
  margin-top:clamp(8px,1.8vw,18px)!important;
}
.page-template-page-prijzen .pricing-choice-table h3{
  font-size:1rem!important;
}
.page-template-page-prijzen .pricing-table-wrap{
  border-radius:10px!important;
  background:#fff!important;
}
.page-template-page-prijzen .pricing-table td{
  padding:9px 12px!important;
  font-size:.86rem!important;
}
.page-template-page-prijzen .faq-section{
  padding-top:clamp(34px,5vw,58px)!important;
}
.page-template-page-prijzen .final-cta{
  background:#fff!important;
  color:var(--navy)!important;
  border-top:1px solid rgba(19,23,43,.08);
}
.page-template-page-prijzen .final-cta p{
  color:var(--muted)!important;
}
@media (max-width:640px){
  .page-template-page-prijzen .pricing-helper__controls,
  .page-template-page-prijzen .pricing-helper__segments{
    width:100%!important;
  }
}

/* Typography calm-down: keep character, improve readability. */
.site-main :where(h1,h2,h3,h4),
.site-main :where(.hero h1,.section-head h2,.card h3,.plan h3,.addon-card h3){
  font-weight:700!important;
  letter-spacing:0!important;
  font-stretch:normal;
  text-wrap:balance;
}
.site-main :where(h1,.hero h1){
  font-size:clamp(2rem,1.55rem + 1.85vw,3.35rem)!important;
  line-height:1.12!important;
  max-width:min(100%,22ch)!important;
}
.site-main :where(h2,.section-head h2){
  font-size:clamp(1.55rem,1.24rem + 1.15vw,2.55rem)!important;
  line-height:1.16!important;
  max-width:min(100%,28ch)!important;
}
.site-main :where(h3,.card h3,.plan h3,.addon-card h3){
  font-size:clamp(1.08rem,1rem + .35vw,1.38rem)!important;
  line-height:1.22!important;
  max-width:100%!important;
}
.site-main .section-head{
  max-width:820px;
}
.site-main .section-head p,
.site-main .hero__text{
  max-width:62ch;
  line-height:1.62!important;
}
.site-main .eyebrow,
.site-main .section-eyebrow{
  letter-spacing:.08em!important;
  font-weight:800!important;
}
.site-main .plan__price{
  font-weight:700!important;
  letter-spacing:0!important;
}

/* Restore a little warmth on pricing without returning to heavy marketing. */
.page-template-page-prijzen .section--white,
.page-template-page-prijzen .section--light,
.page-template-page-prijzen .hero{
  background:linear-gradient(180deg,#fff 0%,var(--cream) 100%)!important;
}
.page-template-page-prijzen .pricing-choice-panel .section-head{
  display:grid!important;
  margin-bottom:0!important;
}
.page-template-page-prijzen .pricing-choice-panel .section-head h2{
  font-size:clamp(1.35rem,1.12rem + .8vw,2rem)!important;
}
.page-template-page-prijzen .pricing-choice-panel .section-head p{
  font-size:.98rem!important;
  max-width:58ch!important;
}
.page-template-page-prijzen .pricing-choice-panel .plan{
  box-shadow:0 10px 28px rgba(19,23,43,.06)!important;
}
@media (max-width:680px){
  .site-main :where(h1,.hero h1){
    font-size:clamp(1.9rem,8.8vw,2.75rem)!important;
    line-height:1.14!important;
  }
  .site-main :where(h2,.section-head h2){
    font-size:clamp(1.45rem,7.2vw,2.05rem)!important;
    line-height:1.18!important;
  }
}

/* Pricing page: subtle product-like decoration. */
.page-template-page-prijzen .site-main{
  background:
    linear-gradient(rgba(19,23,43,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(19,23,43,.028) 1px,transparent 1px),
    var(--cream);
  background-size:32px 32px;
}
.page-template-page-prijzen .hero,
.page-template-page-prijzen .section--white,
.page-template-page-prijzen .section--light{
  background:rgba(250,249,246,.84)!important;
}
.page-template-page-prijzen .hero__content{
  position:relative;
  padding-left:18px;
}
.page-template-page-prijzen .hero__content:before{
  content:"";
  position:absolute;
  left:0;
  top:.35rem;
  bottom:.35rem;
  width:3px;
  border-radius:999px;
  background:var(--orange);
}
.pricing-helper__context{
  display:flex;
  align-items:center;
  gap:10px;
  width:max-content;
  max-width:100%;
  padding:10px 12px;
  border:1px solid rgba(19,23,43,.08);
  border-radius:12px;
  background:rgba(255,255,255,.72);
  color:var(--muted);
  font-size:.84rem;
  font-weight:800;
}
.pricing-helper__context i{
  width:34px;
  height:1px;
  background:rgba(19,23,43,.18);
}
.page-template-page-prijzen .pricing-choice-panel .plan{
  position:relative;
}
.page-template-page-prijzen .pricing-choice-panel .plan:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:3px;
  background:rgba(19,23,43,.08);
}
.page-template-page-prijzen .pricing-choice-panel .plan--featured:after{
  background:var(--orange);
}
.page-template-page-prijzen .pricing-custom-line{
  box-shadow:0 8px 22px rgba(19,23,43,.04)!important;
}
@media (max-width:640px){
  .pricing-helper__context{
    width:100%;
    justify-content:space-between;
  }
  .pricing-helper__context i{
    flex:1;
    min-width:18px;
  }
}

/* Broad visual correction: calm, but still distinctly Inlayr. */
.site-main :where(h1,h2,h3,h4),
.site-main :where(.hero h1,.section-head h2,.card h3,.plan h3,.addon-card h3){
  font-weight:700!important;
  letter-spacing:0!important;
}
.site-main :where(h1,.hero h1){
  line-height:1.12!important;
  max-width:min(100%,22ch)!important;
}
.site-main :where(h2,.section-head h2){
  line-height:1.16!important;
  max-width:min(100%,28ch)!important;
}
body:not(.front-page) .hero{
  padding-top:clamp(64px,7vw,104px)!important;
  padding-bottom:clamp(48px,6vw,84px)!important;
}
.hero--dark{
  background:
    radial-gradient(circle at 82% 18%,rgba(249,115,22,.10),transparent 30%),
    var(--navy)!important;
}
.section--white{
  background:#fff!important;
}
.section--light{
  background:linear-gradient(180deg,var(--cream) 0%,#fff 100%)!important;
}
.card,
.addon-card,
.plan,
.related-link,
.white-label-strip{
  box-shadow:0 10px 30px rgba(19,23,43,.055)!important;
}
.card:hover,
.addon-card:hover{
  transform:none!important;
  box-shadow:0 12px 34px rgba(19,23,43,.075)!important;
}
.plan--featured{
  background:linear-gradient(145deg,var(--navy),var(--navy-2))!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.12)!important;
}
.plan--featured :where(.plan__intro,.plan__per,li){
  color:rgba(255,255,255,.76)!important;
}
.section--dark,
.section--navy-2{
  background:var(--navy)!important;
}
.section--dark + .section--dark,
.section--navy-2 + .section--navy-2{
  border-top:1px solid rgba(255,255,255,.08);
}

/* Pricing: clearer product value without becoming a long sales page. */
.page-template-page-prijzen .hero{
  background:
    radial-gradient(circle at 88% 18%,rgba(249,115,22,.09),transparent 28%),
    linear-gradient(180deg,#fff 0%,var(--cream) 100%)!important;
}
.page-template-page-prijzen .hero h1{
  font-size:clamp(2.15rem,1.7rem + 1.9vw,3.45rem)!important;
}
.page-template-page-prijzen .hero__text{
  max-width:58ch!important;
}
.page-template-page-prijzen .template-block--pricing_helper{
  background:linear-gradient(180deg,var(--cream),#fff)!important;
}
.page-template-page-prijzen .pricing-helper__controls{
  padding:10px!important;
  border:1px solid rgba(19,23,43,.08)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.74)!important;
  box-shadow:0 8px 24px rgba(19,23,43,.045)!important;
}
.page-template-page-prijzen .pricing-helper__context{
  background:#fff!important;
  box-shadow:0 8px 22px rgba(19,23,43,.04)!important;
}
.page-template-page-prijzen .pricing-choice-panel .section-head{
  display:grid!important;
  padding:0!important;
}
.page-template-page-prijzen .pricing-choice-panel .plans{
  gap:clamp(16px,2vw,22px)!important;
}
.page-template-page-prijzen .pricing-choice-panel .plan{
  border-radius:14px!important;
  box-shadow:0 12px 34px rgba(19,23,43,.075)!important;
}

/* Hero alignment: one calm system across pages. */
:root{
  --hero-top-gap:clamp(96px,8vw,112px);
  --hero-bottom-gap:clamp(32px,3.8vw,50px);
  --hero-min-height:clamp(430px,38vw,480px);
  --hero-media-height:clamp(220px,23vw,290px);
}
.site-main .hero{
  min-height:var(--hero-min-height)!important;
  padding-top:var(--hero-top-gap)!important;
  padding-bottom:var(--hero-bottom-gap)!important;
  display:grid!important;
  align-items:start!important;
}
.site-main .hero__inner{
  width:var(--wrap)!important;
  max-width:1180px!important;
  margin:0 auto!important;
  display:grid!important;
  gap:clamp(28px,4vw,54px)!important;
  align-items:start!important;
}
.site-main .hero__content{
  max-width:660px!important;
  padding-left:0!important;
  display:grid!important;
  gap:clamp(12px,1.4vw,18px)!important;
}
.site-main .hero__content:before{
  display:none!important;
}
.site-main .hero .eyebrow{
  margin:0!important;
}
.site-main .hero h1{
  margin:0!important;
  max-width:min(100%,25ch)!important;
}
.site-main .hero__text{
  margin:0!important;
  max-width:58ch!important;
}
.site-main .hero .actions{
  margin-top:clamp(4px,1vw,10px)!important;
}
.site-main .hero__media,
.site-main .hero-topic-visual,
.site-main .content-workflow-visual,
.site-main .addon-hero-visual{
  min-height:var(--hero-media-height)!important;
  height:var(--hero-media-height)!important;
  max-height:var(--hero-media-height)!important;
  align-self:center!important;
}
.site-main .hero__media{
  border:0!important;
  box-shadow:none!important;
  border-radius:16px!important;
  background:transparent!important;
}
.site-main .hero__media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:16px!important;
}
.site-main .hero--image .hero__media img{
  object-fit:contain!important;
}
.site-main .hero-topic-visual,
.site-main .content-workflow-visual,
.site-main .addon-hero-visual{
  border-radius:16px!important;
  box-shadow:none!important;
}
.page-template-page-prijzen .hero{
  min-height:var(--hero-min-height)!important;
}
.page-template-page-prijzen .hero__content{
  max-width:660px!important;
}
.front-page .hero{
  min-height:var(--hero-min-height)!important;
}
@media (min-width:900px){
  .site-main .hero__inner{
    grid-template-columns:minmax(0,1.16fr) minmax(290px,.72fr)!important;
  }
  .site-main .hero:not(:has(.hero__media)):not(:has(.hero-topic-visual)):not(:has(.content-workflow-visual)):not(:has(.addon-hero-visual)) .hero__inner{
    grid-template-columns:minmax(0,720px)!important;
  }
}
@media (max-width:760px){
  :root{
    --hero-top-gap:clamp(88px,18vw,104px);
    --hero-bottom-gap:clamp(34px,9vw,52px);
    --hero-min-height:auto;
    --hero-media-height:clamp(210px,58vw,300px);
  }
  .site-main .hero__inner{
    grid-template-columns:1fr!important;
    gap:clamp(24px,7vw,38px)!important;
  }
}
.page-template-page-prijzen .pricing-choice-panel .plan--featured{
  background:#fff!important;
  color:var(--navy)!important;
  border-color:rgba(249,115,22,.42)!important;
  box-shadow:0 14px 36px rgba(19,23,43,.085), inset 0 3px 0 var(--orange)!important;
}
.page-template-page-prijzen .pricing-choice-panel .plan--featured :where(.plan__intro,.plan__per,li){
  color:var(--muted)!important;
}
.pricing-when{
  display:grid;
  gap:12px;
  padding:18px;
  border:1px solid rgba(19,23,43,.09);
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 24px rgba(19,23,43,.045);
}
.pricing-when h3{
  font-size:1.05rem!important;
  line-height:1.22!important;
  margin:0;
}
.pricing-when > div{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.pricing-when article{
  padding:12px 0 0;
  border-top:1px solid rgba(19,23,43,.08);
}
.pricing-when strong{
  display:block;
  margin-bottom:4px;
  color:var(--navy);
}
.pricing-when p{
  margin:0;
  color:var(--muted);
  font-size:.92rem;
  line-height:1.5;
}
@media (max-width:760px){
  .pricing-when > div{
    grid-template-columns:1fr;
  }
}

/* Final hero lock: keep every page hero on the same rhythm. */
html body .site-main .hero{
  min-height:var(--hero-min-height)!important;
  padding-top:var(--hero-top-gap)!important;
  padding-bottom:var(--hero-bottom-gap)!important;
  align-items:start!important;
}
html body .site-main .hero__inner{
  align-items:start!important;
  margin:0 auto!important;
}
html body .site-main .hero .eyebrow{
  margin:0!important;
}
html body .site-main .hero h1{
  font-size:clamp(2rem,1.5rem + 1.65vw,3.05rem)!important;
}
html body .site-main .hero__media,
html body .site-main .hero-topic-visual,
html body .site-main .content-workflow-visual,
html body .site-main .addon-hero-visual{
  height:var(--hero-media-height)!important;
  min-height:var(--hero-media-height)!important;
  max-height:var(--hero-media-height)!important;
}
html body .site-main .hero__media{
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  margin:0!important;
}
html body .site-main .hero--image .hero__media img{
  object-fit:contain!important;
}
html body.front-page .site-main > .hero{
  min-height:var(--hero-min-height)!important;
  padding-top:var(--hero-top-gap)!important;
  padding-bottom:var(--hero-bottom-gap)!important;
}
html body.front-page .site-main > .hero .content-workflow-visual{
  height:var(--hero-media-height)!important;
  min-height:var(--hero-media-height)!important;
  max-height:var(--hero-media-height)!important;
}

/* Pricing pages back in the same website style. */
html body.page-template-page-prijzen .site-main,
html body.page-template-page-prijzen-websitebouw .site-main,
html body.page-template-page-prijzen-eindklant .site-main{
  background:var(--cream)!important;
  background-image:none!important;
}
html body.page-template-page-prijzen .hero,
html body.page-template-page-prijzen-websitebouw .hero,
html body.page-template-page-prijzen-eindklant .hero{
  background:
    radial-gradient(circle at 82% 18%,rgba(249,115,22,.10),transparent 30%),
    var(--navy)!important;
  color:#fff!important;
}
html body.page-template-page-prijzen .hero__inner,
html body.page-template-page-prijzen-websitebouw .hero__inner,
html body.page-template-page-prijzen-eindklant .hero__inner{
  max-width:1180px!important;
}
html body.page-template-page-prijzen .hero h1,
html body.page-template-page-prijzen-websitebouw .hero h1,
html body.page-template-page-prijzen-eindklant .hero h1{
  color:#fff!important;
  max-width:min(100%,25ch)!important;
}
html body.page-template-page-prijzen .hero__text,
html body.page-template-page-prijzen-websitebouw .hero__text,
html body.page-template-page-prijzen-eindklant .hero__text{
  color:rgba(255,255,255,.76)!important;
  max-width:58ch!important;
}
html body.page-template-page-prijzen .section--white,
html body.page-template-page-prijzen-websitebouw .section--white,
html body.page-template-page-prijzen-eindklant .section--white{
  background:#fff!important;
}
html body.page-template-page-prijzen .section--light,
html body.page-template-page-prijzen-websitebouw .section--light,
html body.page-template-page-prijzen-eindklant .section--light{
  background:linear-gradient(180deg,var(--cream) 0%,#fff 100%)!important;
}
html body.page-template-page-prijzen .template-block--pricing_helper{
  padding-top:clamp(46px,6vw,82px)!important;
  background:linear-gradient(180deg,var(--cream) 0%,#fff 100%)!important;
}
html body.page-template-page-prijzen .pricing-helper{
  gap:clamp(18px,2.5vw,28px)!important;
}
html body.page-template-page-prijzen .pricing-helper__controls{
  width:max-content!important;
  max-width:100%!important;
  padding:12px!important;
  border:1px solid rgba(19,23,43,.10)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(19,23,43,.055)!important;
}
html body.page-template-page-prijzen .pricing-helper__segments{
  border-radius:999px!important;
  padding:4px!important;
}
html body.page-template-page-prijzen .pricing-helper__segments button{
  border-radius:999px!important;
  padding:8px 12px!important;
}
html body.page-template-page-prijzen .pricing-choice-panel .section-head{
  display:grid!important;
}
html body.page-template-page-prijzen .pricing-choice-panel .plan,
html body.page-template-page-prijzen-websitebouw .plan,
html body.page-template-page-prijzen-eindklant .plan{
  border-radius:var(--radius)!important;
  padding:clamp(24px,3vw,34px)!important;
  box-shadow:0 10px 30px rgba(19,23,43,.055)!important;
}
html body.page-template-page-prijzen .pricing-choice-panel .plan--featured{
  background:linear-gradient(145deg,var(--navy),var(--navy-2))!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 14px 36px rgba(19,23,43,.12)!important;
}
html body.page-template-page-prijzen .pricing-choice-panel .plan--featured :where(.plan__intro,.plan__per,li){
  color:rgba(255,255,255,.76)!important;
}
html body.page-template-page-prijzen .pricing-choice-panel .plan--featured:after{
  display:none!important;
}
html body.page-template-page-prijzen .pricing-choice-table h3{
  font-size:clamp(1.15rem,1rem + .45vw,1.45rem)!important;
}
html body.page-template-page-prijzen .pricing-table-wrap,
html body.page-template-page-prijzen-websitebouw .pricing-table-wrap,
html body.page-template-page-prijzen-eindklant .pricing-table-wrap{
  border-radius:var(--radius)!important;
  box-shadow:0 10px 30px rgba(19,23,43,.055)!important;
}
@media (max-width:640px){
  html body.page-template-page-prijzen .pricing-helper__controls{
    width:100%!important;
  }
}

/* Pricing cards: floating badges and more variation per module. */
html body.page-template-page-prijzen .pricing-choice-panel .plans,
html body.page-template-page-prijzen-websitebouw .plans,
html body.page-template-page-prijzen-eindklant .plans{
  padding-top:14px!important;
  align-items:stretch!important;
}
html body.page-template-page-prijzen .pricing-choice-panel .plan,
html body.page-template-page-prijzen-websitebouw .plan,
html body.page-template-page-prijzen-eindklant .plan{
  overflow:visible!important;
  position:relative!important;
}
html body.page-template-page-prijzen .pricing-choice-panel .plan--featured,
html body.page-template-page-prijzen-websitebouw .plan--featured,
html body.page-template-page-prijzen-eindklant .plan--featured{
  padding-top:clamp(34px,3vw,42px)!important;
}
html body .plan__badge{
  position:absolute!important;
  top:0!important;
  left:clamp(20px,2.4vw,30px)!important;
  transform:translateY(-50%)!important;
  z-index:3!important;
  width:max-content!important;
  max-width:calc(100% - 40px)!important;
  background:var(--orange)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.42)!important;
  border-radius:999px!important;
  padding:7px 12px!important;
  box-shadow:0 10px 24px rgba(249,115,22,.24)!important;
}
html body.page-template-page-prijzen .pricing-choice-panel .plan .plan__badge,
html body.page-template-page-prijzen-websitebouw .plan .plan__badge,
html body.page-template-page-prijzen-eindklant .plan .plan__badge{
  color:#fff!important;
  background:var(--orange)!important;
}
html body.page-template-page-prijzen .pricing-choice-panel .plan:after{
  display:none!important;
}
html body.page-template-page-prijzen .pricing-choice-panel[data-pricing-panel="bureau-websitebouw"] .plan:nth-child(1){
  background:linear-gradient(180deg,#fff 0%,rgba(250,249,246,.78) 100%)!important;
}
html body.page-template-page-prijzen .pricing-choice-panel[data-pricing-panel="bureau-websitebouw"] .plan:nth-child(2){
  background:linear-gradient(145deg,var(--navy),var(--navy-2))!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 18px 44px rgba(19,23,43,.16)!important;
}
html body.page-template-page-prijzen .pricing-choice-panel[data-pricing-panel="bureau-websitebouw"] .plan:nth-child(2) :where(.plan__intro,.plan__per,li){
  color:rgba(255,255,255,.76)!important;
}
html body.page-template-page-prijzen .pricing-choice-panel[data-pricing-panel="bureau-websitebouw"] .plan:nth-child(2) .plan__price{
  color:#fff!important;
}
html body.page-template-page-prijzen .pricing-choice-panel[data-pricing-panel="bureau-contentflow"] .plan:nth-child(1){
  background:linear-gradient(180deg,#fff 0%,rgba(250,249,246,.9) 100%)!important;
  border-style:dashed!important;
}
html body.page-template-page-prijzen .pricing-choice-panel[data-pricing-panel="bureau-contentflow"] .plan:nth-child(3){
  background:linear-gradient(145deg,#fff 0%,rgba(19,23,43,.035) 100%)!important;
  border-color:rgba(19,23,43,.16)!important;
}
html body.page-template-page-prijzen .pricing-choice-panel[data-pricing-panel="bureau-samen"] .plan:nth-child(2){
  background:linear-gradient(145deg,#fff 0%,rgba(250,249,246,.92) 100%)!important;
  border-color:rgba(249,115,22,.22)!important;
}
html body.page-template-page-prijzen .pricing-choice-panel .plan--featured :where(.plan__intro,.plan__per,li),
html body.page-template-page-prijzen .pricing-choice-panel[data-pricing-panel="bureau-websitebouw"] .plan:nth-child(2) :where(.plan__intro,.plan__per,li),
html body.page-template-page-prijzen .pricing-choice-panel[data-pricing-panel="bureau-contentflow"] .plan--featured :where(.plan__intro,.plan__per,li),
html body.page-template-page-prijzen .pricing-choice-panel[data-pricing-panel="bureau-samen"] .plan--featured :where(.plan__intro,.plan__per,li){
  color:rgba(255,255,255,.88)!important;
}
html body.page-template-page-prijzen .pricing-choice-panel .plan--featured h3,
html body.page-template-page-prijzen .pricing-choice-panel[data-pricing-panel="bureau-websitebouw"] .plan:nth-child(2) h3,
html body.page-template-page-prijzen .pricing-choice-panel .plan--featured .plan__price,
html body.page-template-page-prijzen .pricing-choice-panel[data-pricing-panel="bureau-websitebouw"] .plan:nth-child(2) .plan__price{
  color:#fff!important;
}
html body.page-template-page-prijzen .pricing-choice-panel .plan:not(.plan--featured) .plan__price,
html body.page-template-page-prijzen-websitebouw .plan:not(.plan--featured) .plan__price,
html body.page-template-page-prijzen-eindklant .plan:not(.plan--featured) .plan__price{
  color:var(--navy)!important;
}

/* Main pricing page: decision first, no slow hero. */
html body.page-template-page-prijzen .site-main{
  background:
    radial-gradient(circle at 88% 0%,rgba(249,115,22,.075),transparent 28%),
    #fff!important;
}
html body.page-template-page-prijzen .template-block--pricing_helper{
  padding-top:clamp(22px,2.4vw,34px)!important;
  padding-bottom:clamp(46px,6vw,82px)!important;
  background:#fff!important;
}
html body.page-template-page-prijzen .pricing-helper{
  gap:clamp(16px,2vw,24px)!important;
}
html body.page-template-page-prijzen .pricing-helper__controls{
  width:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body.page-template-page-prijzen .pricing-helper__group{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:10px 14px!important;
}
html body.page-template-page-prijzen .pricing-helper__group > span{
  color:var(--muted)!important;
  font-size:.84rem!important;
}
html body.page-template-page-prijzen .pricing-helper__segments{
  background:var(--cream)!important;
  box-shadow:0 8px 24px rgba(19,23,43,.055)!important;
}
html body.page-template-page-prijzen .pricing-helper__context{
  display:none!important;
}
html body.page-template-page-prijzen .pricing-choice-panel.is-active{
  gap:clamp(12px,1.6vw,18px)!important;
}
html body.page-template-page-prijzen .pricing-choice-panel .section-head{
  margin-top:0!important;
  margin-bottom:0!important;
}
html body.page-template-page-prijzen .pricing-choice-panel .section-head h2{
  font-size:clamp(1.8rem,1.4rem + 1.25vw,2.7rem)!important;
}
html body.page-template-page-prijzen .pricing-choice-panel .section-head p{
  max-width:62ch!important;
}
@media (max-width:640px){
  html body.page-template-page-prijzen .pricing-helper__group{
    display:grid!important;
    gap:8px!important;
  }
  html body.page-template-page-prijzen .pricing-helper__segments{
    width:100%!important;
  }
}

/* Pricing page rhythm: off-white page, white cards, navy break, white explanation, cream table, navy CTA. */
html body.page-template-page-prijzen .pricing-choice-panel .plans{
  margin-top:0!important;
}
html body.page-template-page-prijzen .pricing-note-text{
  margin:clamp(2px,.8vw,8px) 0 0!important;
  color:var(--muted)!important;
}
html body.page-template-page-prijzen .pricing-addon-note{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px 24px;
  flex-wrap:wrap;
  margin-top:clamp(8px,1.6vw,16px);
  padding:14px 0 0;
  border-top:1px solid rgba(19,23,43,.10);
}
html body.page-template-page-prijzen .pricing-addon-note div{
  display:grid;
  gap:3px;
  max-width:760px;
}
html body.page-template-page-prijzen .pricing-addon-note span{
  color:var(--orange);
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
html body.page-template-page-prijzen .pricing-addon-note p{
  margin:0;
  color:var(--muted);
  font-size:.94rem;
  line-height:1.55;
}
html body.page-template-page-prijzen .pricing-addon-note .text-link{
  white-space:nowrap;
  color:var(--orange);
}
html body.page-template-page-prijzen .pricing-custom-line{
  margin-top:clamp(10px,1.8vw,18px)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(260px,.62fr)!important;
  align-items:center!important;
  gap:clamp(24px,4vw,54px)!important;
  padding-top:clamp(42px,6vw,72px)!important;
  padding-bottom:clamp(42px,6vw,72px)!important;
  background:var(--navy)!important;
  color:#fff!important;
  border:0!important;
  border-radius:0!important;
  clip-path:inset(0 -100vmax)!important;
  box-shadow:0 0 0 100vmax var(--navy)!important;
}
html body.page-template-page-prijzen .pricing-custom-line__copy{
  display:grid;
  gap:12px;
  max-width:680px;
}
html body.page-template-page-prijzen .pricing-custom-line__copy span{
  color:var(--orange-2);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
html body.page-template-page-prijzen .pricing-custom-line h3{
  color:#fff!important;
  font-size:clamp(1.55rem,1.2rem + 1vw,2.3rem)!important;
  line-height:1.14!important;
}
html body.page-template-page-prijzen .pricing-custom-line p{
  color:#fff!important;
  color:rgba(255,255,255,.76)!important;
  max-width:62ch!important;
}
html body.page-template-page-prijzen .pricing-custom-line .text-link{
  color:var(--orange-2)!important;
}
html body.page-template-page-prijzen .pricing-custom-line__visual{
  display:grid;
  gap:10px;
  position:relative;
  padding:22px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px;
  background:
    linear-gradient(135deg,rgba(249,115,22,.18),transparent 34%),
    rgba(255,255,255,.07);
  overflow:hidden;
}
html body.page-template-page-prijzen .pricing-custom-line__visual:before{
  content:"";
  position:absolute;
  inset:18px 18px auto auto;
  width:74px;
  height:74px;
  border:1px solid rgba(249,115,22,.42);
  border-radius:18px;
  transform:rotate(8deg);
}
html body.page-template-page-prijzen .pricing-custom-line__visual:after{
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  top:72px;
  height:1px;
  background:linear-gradient(90deg,var(--orange),rgba(255,255,255,.12),transparent);
}
html body.page-template-page-prijzen .pricing-custom-line__visual strong{
  position:relative;
  z-index:1;
  color:#fff;
  font-family:var(--font-head)!important;
  font-size:clamp(1.3rem,1rem + .8vw,1.9rem);
}
html body.page-template-page-prijzen .pricing-custom-line__visual span{
  position:relative;
  z-index:1;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.10);
  color:rgba(255,255,255,.82);
  font-weight:900;
}
html body.page-template-page-prijzen .pricing-choice-table{
  margin-top:0!important;
  padding:clamp(42px,6vw,76px) 0!important;
  border-radius:0!important;
  background:#fff!important;
  border:0!important;
  clip-path:inset(0 -100vmax)!important;
  box-shadow:0 0 0 100vmax #fff!important;
}
html body.page-template-page-prijzen .pricing-choice-table .pricing-table-wrap{
  margin-top:14px!important;
  background:#fff!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
html body.page-template-page-prijzen .pricing-choice-table .pricing-table{
  border-collapse:separate!important;
  border-spacing:0!important;
}
html body.page-template-page-prijzen .pricing-choice-table .pricing-table tr:first-child td{
  background:var(--navy)!important;
  color:#fff!important;
  font-weight:900!important;
}
html body.page-template-page-prijzen .pricing-choice-table .pricing-table tr:first-child td strong{
  color:#fff!important;
}
html body.page-template-page-prijzen .pricing-choice-table .pricing-table td:first-child{
  background:rgba(249,115,22,.08)!important;
  border-right:1px solid rgba(249,115,22,.18)!important;
}
html body.page-template-page-prijzen .pricing-choice-table .pricing-table tr:first-child td:first-child{
  background:var(--orange)!important;
  color:#fff!important;
}
html body.page-template-page-prijzen .pricing-choice-table .pricing-table td{
  border-bottom:1px solid rgba(19,23,43,.08)!important;
}
html body.page-template-page-prijzen .pricing-choice-table .pricing-table tr:last-child td{
  border-bottom:0!important;
}
html body.page-template-page-prijzen .faq-section{
  background:var(--cream)!important;
  padding-top:clamp(58px,7vw,90px)!important;
}
html body.page-template-page-prijzen .faq-section .section-head{
  margin-bottom:clamp(22px,3vw,36px)!important;
}
html body.page-template-page-prijzen .faq-section .section-head h2{
  font-size:clamp(1.75rem,1.3rem + 1.2vw,2.55rem)!important;
}
html body .final-cta,
html body.page-template-page-prijzen .final-cta,
html body.page-template-page-prijzen-websitebouw .final-cta,
html body.page-template-page-prijzen-eindklant .final-cta{
  background:
    radial-gradient(circle at 80% 18%,rgba(249,115,22,.10),transparent 28%),
    var(--navy)!important;
  color:#fff!important;
  border-top:0!important;
}

@media (max-width:760px){
  html body.page-template-page-prijzen .pricing-custom-line{
    grid-template-columns:1fr!important;
  }
}
html body .final-cta p,
html body.page-template-page-prijzen .final-cta p,
html body.page-template-page-prijzen-websitebouw .final-cta p,
html body.page-template-page-prijzen-eindklant .final-cta p{
  color:rgba(255,255,255,.76)!important;
}

html body.page-template-page-contentflow .section--dark .card{
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:none!important;
}
html body.page-template-page-contentflow .section--dark .card p{
  color:rgba(255,255,255,.76)!important;
}
html body.page-template-page-contentflow .section--dark .card .text-link{
  color:var(--orange-2)!important;
}

html body .section--dark .cards .card:nth-child(4n+3),
html body .section--navy-2 .cards .card:nth-child(4n+3){
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:none!important;
}
html body .section--dark .cards .card:nth-child(4n+3) p,
html body .section--navy-2 .cards .card:nth-child(4n+3) p{
  color:rgba(255,255,255,.76)!important;
}
html body .section--dark .cards .card:nth-child(4n+3) .text-link,
html body .section--navy-2 .cards .card:nth-child(4n+3) .text-link{
  color:var(--orange-2)!important;
}
html body .section--dark .cards .card,
html body .section--navy-2 .cards .card{
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:none!important;
}
html body .section--dark .cards .card p,
html body .section--navy-2 .cards .card p{
  color:rgba(255,255,255,.76)!important;
}
html body .section--dark .cards .card .text-link,
html body .section--navy-2 .cards .card .text-link{
  color:var(--orange-2)!important;
}

/* Local visual audit pass: unique hero visuals and varied add-on rows. */
.hero-topic-visual--contentflow{
  display:grid;
  grid-template-columns:auto 1fr auto 1fr auto 1fr auto;
  gap:9px;
  align-items:center;
}
.hero-topic-visual--contentflow strong,
.hero-topic-visual--contentflow em{
  grid-column:1 / -1;
  font-family:var(--font-head)!important;
}
.hero-topic-visual--contentflow strong{font-size:clamp(1.25rem,1rem + .8vw,1.9rem)}
.hero-topic-visual--contentflow em{color:var(--orange-2);font-style:normal;font-weight:900}
.hero-topic-visual--contentflow span{
  display:grid;
  place-items:center;
  min-height:54px;
  padding:10px;
  border-radius:14px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.11);
  font-weight:900;
}
.hero-topic-visual--contentflow i{height:2px;background:linear-gradient(90deg,rgba(249,115,22,.16),var(--orange-2))}
.hero-topic-visual--blocks,
.hero-topic-visual--features,
.hero-topic-visual--route,
.hero-topic-visual--contact,
.hero-topic-visual--about{
  display:grid;
  gap:10px;
  align-content:center;
}
.hero-topic-visual--blocks{grid-template-columns:repeat(3,minmax(0,1fr))}
.hero-topic-visual--blocks strong,
.hero-topic-visual--contact strong,
.hero-topic-visual--about strong{
  grid-column:1 / -1;
  font-family:var(--font-head)!important;
  font-size:clamp(1.2rem,1rem + .72vw,1.75rem);
}
.hero-topic-visual--blocks span,
.hero-topic-visual--features span,
.hero-topic-visual--route span,
.hero-topic-visual--contact span,
.hero-topic-visual--about span{
  min-height:50px;
  display:grid;
  place-items:center;
  padding:10px;
  border-radius:14px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.11);
  font-weight:900;
  text-align:center;
}
.hero-topic-visual--blocks span:nth-child(3n),
.hero-topic-visual--features span:nth-child(3n+1),
.hero-topic-visual--route span:nth-child(2),
.hero-topic-visual--contact span:nth-child(3),
.hero-topic-visual--about span:nth-child(2){
  background:rgba(249,115,22,.18);
  border-color:rgba(249,115,22,.34);
}
.hero-topic-visual--features{grid-template-columns:repeat(2,minmax(0,1fr))}
.hero-topic-visual--route span{text-align:left;justify-items:start;padding-left:16px}
.hero-topic-visual--contact{grid-template-columns:repeat(2,minmax(0,1fr))}
.hero-topic-visual--about{grid-template-columns:repeat(3,minmax(0,1fr))}
.hero-topic-visual--about strong{
  padding:16px;
  border-radius:16px;
  background:rgba(249,115,22,.16);
  border:1px solid rgba(249,115,22,.32);
  text-align:center;
}
.addon-extension-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));
  gap:clamp(14px,2vw,22px);
}
.addon-extension-card{
  display:grid;
  gap:18px;
  align-content:space-between;
  min-height:250px;
  padding:clamp(20px,3vw,30px);
  border-radius:var(--radius);
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow-soft);
}
.addon-extension-card:nth-child(3){
  background:linear-gradient(145deg,var(--navy),var(--navy-2));
  color:#fff;
  border-color:var(--navy-3);
}
.addon-extension-card:nth-child(3) p,
.addon-extension-card:nth-child(3) small{color:rgba(255,255,255,.75)}
.addon-extension-card h3{line-height:1.12}
.addon-extension-card p{color:var(--muted)}
.addon-extension-card__price{
  display:grid;
  gap:3px;
  color:var(--orange);
}
.addon-extension-card__price strong{
  font-family:var(--font-head)!important;
  font-size:clamp(1.8rem,1.35rem + 1.4vw,2.7rem);
  line-height:1;
}
.addon-extension-card__price span{font-size:.86rem;font-weight:900;color:inherit}
.addon-extension-card small{color:var(--muted);line-height:1.5}
.section--white .link-tile,
.section--light .link-tile{
  background:#fff;
  color:var(--navy);
  border-color:var(--line);
  box-shadow:var(--shadow-soft);
}
.section--white .link-tile p,
.section--light .link-tile p{color:var(--muted)}
.section--white .link-tile em,
.section--light .link-tile em{color:var(--orange)}
@media (max-width:680px){
  .hero-topic-visual--contentflow,
  .hero-topic-visual--blocks,
  .hero-topic-visual--features,
  .hero-topic-visual--contact,
  .hero-topic-visual--about{grid-template-columns:1fr 1fr}
  .hero-topic-visual--contentflow strong,
  .hero-topic-visual--contentflow em,
  .hero-topic-visual--blocks strong,
  .hero-topic-visual--contact strong,
  .hero-topic-visual--about strong{grid-column:1 / -1}
  .hero-topic-visual--contentflow i{display:none}
}

/* Visual rhythm pass: clearer FAQ headers and more dynamic product blocks. */
html body .faq-section .section-head{
  gap:8px!important;
  margin-bottom:clamp(18px,2.6vw,30px)!important;
}
html body .faq-section .section-head h2{
  font-size:clamp(1.45rem,1.18rem + .85vw,2.1rem)!important;
  max-width:24ch!important;
}
html body .hero-topic-visual{
  position:relative!important;
  background:
    radial-gradient(circle at 82% 18%,rgba(249,115,22,.18),transparent 28%),
    linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;
}
html body .hero-topic-visual:before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  pointer-events:none;
}
html body .hero-topic-visual:after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:22px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--orange),transparent);
  opacity:.72;
  pointer-events:none;
}
html body .hero-topic-visual > *{
  position:relative;
  z-index:1;
}
html body .hero-topic-visual--features span,
html body .hero-topic-visual--blocks span,
html body .hero-topic-visual--route span,
html body .hero-topic-visual--contact span,
html body .hero-topic-visual--about span{
  box-shadow:0 14px 34px rgba(0,0,0,.10);
}
html body .hero-topic-visual--features span:nth-child(even),
html body .hero-topic-visual--blocks span:nth-child(odd),
html body .hero-topic-visual--route span:nth-child(even){
  transform:translateY(10px);
}
html body.page-template-page-integraties .template-block--what_integrations .cards{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:clamp(12px,1.6vw,18px)!important;
  position:relative!important;
}
html body.page-template-page-integraties .template-block--what_integrations .card{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  align-items:start!important;
  column-gap:clamp(12px,1.5vw,18px)!important;
  row-gap:6px!important;
  min-height:0!important;
  padding:clamp(18px,2.2vw,26px)!important;
  box-shadow:none!important;
}
html body.page-template-page-integraties .template-block--what_integrations .card:before{
  content:"01"!important;
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  margin:0!important;
  border-radius:14px!important;
  background:rgba(249,115,22,.10)!important;
  border:1px solid rgba(249,115,22,.22)!important;
  color:var(--orange)!important;
  font-family:var(--font-body)!important;
  font-size:.74rem!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
}
html body.page-template-page-integraties .template-block--what_integrations .card:nth-child(2):before{content:"02"!important}
html body.page-template-page-integraties .template-block--what_integrations .card:nth-child(3):before{content:"03"!important}
html body.page-template-page-integraties .template-block--what_integrations .card:nth-child(4):before{content:"04"!important}
html body.page-template-page-integraties .template-block--what_integrations .card h3,
html body.page-template-page-integraties .template-block--what_integrations .card p{
  grid-column:2!important;
}
html body.page-template-page-integraties .template-block--what_integrations .card h3{
  margin:0!important;
  font-size:clamp(1.05rem,1rem + .22vw,1.22rem)!important;
  line-height:1.2!important;
}
html body.page-template-page-integraties .template-block--what_integrations .card p{
  margin:0!important;
  color:var(--muted)!important;
  line-height:1.55!important;
}
html body.page-template-page-integraties .template-block--what_integrations .card:nth-child(1),
html body.page-template-page-integraties .template-block--what_integrations .card:nth-child(4){
  background:#fff!important;
  border-color:var(--line)!important;
}
html body.page-template-page-integraties .template-block--what_integrations .card:nth-child(2),
html body.page-template-page-integraties .template-block--what_integrations .card:nth-child(3){
  background:linear-gradient(145deg,#fff,rgba(249,115,22,.045))!important;
  border-color:rgba(249,115,22,.18)!important;
}
@media (max-width:900px){
  html body.page-template-page-integraties .template-block--what_integrations .cards{
    grid-template-columns:1fr!important;
  }
}

/* Hoe het werkt: projectroute, niet hetzelfde als het functionaliteitenoverzicht. */
html body.page-template-page-hoe-het-werkt .template-block--project_route .section-head{
  max-width:720px!important;
}
html body.page-template-page-hoe-het-werkt .project-route{
  position:relative!important;
  display:grid!important;
  gap:clamp(18px,2.3vw,30px)!important;
  margin-top:clamp(28px,3.5vw,48px)!important;
  padding-left:clamp(18px,3vw,42px)!important;
}
html body.page-template-page-hoe-het-werkt .project-route:before{
  content:""!important;
  position:absolute!important;
  left:clamp(17px,3vw,41px)!important;
  top:18px!important;
  bottom:18px!important;
  width:2px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,var(--orange),rgba(249,115,22,.08))!important;
}
html body.page-template-page-hoe-het-werkt .project-route__step{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,.78fr) minmax(300px,.56fr)!important;
  gap:clamp(22px,4vw,64px)!important;
  align-items:center!important;
  margin-left:clamp(30px,4vw,54px)!important;
  padding:clamp(22px,3vw,36px)!important;
  border:1px solid var(--line)!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 20px 56px rgba(19,23,43,.07)!important;
}
html body.page-template-page-hoe-het-werkt .project-route__step:nth-child(even){
  background:linear-gradient(145deg,#fff,rgba(249,115,22,.055))!important;
}
html body.page-template-page-hoe-het-werkt .project-route__marker{
  position:absolute!important;
  left:calc(clamp(-86px,-5vw,-54px))!important;
  top:clamp(24px,3vw,36px)!important;
  z-index:2!important;
  width:42px!important;
  height:42px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  background:var(--cream)!important;
  border:1px solid rgba(249,115,22,.28)!important;
  box-shadow:0 10px 24px rgba(19,23,43,.08)!important;
}
html body.page-template-page-hoe-het-werkt .project-route__marker span{
  color:var(--orange)!important;
  font-weight:900!important;
  font-size:.82rem!important;
  letter-spacing:.06em!important;
}
html body.page-template-page-hoe-het-werkt .project-route__copy{
  display:grid!important;
  gap:clamp(10px,1.3vw,16px)!important;
  align-content:center!important;
}
html body.page-template-page-hoe-het-werkt .project-route__copy em{
  color:var(--orange)!important;
  font-style:normal!important;
  font-size:.82rem!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
html body.page-template-page-hoe-het-werkt .project-route__copy h3{
  max-width:20ch!important;
  font-size:clamp(1.35rem,1.08rem + .9vw,2rem)!important;
  line-height:1.13!important;
  letter-spacing:0!important;
  font-weight:700!important;
}
html body.page-template-page-hoe-het-werkt .project-route__copy p{
  max-width:62ch!important;
  color:var(--muted)!important;
  line-height:1.58!important;
}
html body.page-template-page-hoe-het-werkt .project-route__screen{
  display:grid!important;
  align-content:start!important;
  gap:12px!important;
  min-height:clamp(170px,15vw,230px)!important;
  padding:clamp(18px,2.4vw,28px)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,var(--navy),var(--navy-2))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  overflow:hidden!important;
}
html body.page-template-page-hoe-het-werkt .project-route__screen strong{
  color:#fff!important;
  font-family:var(--font-body)!important;
  font-size:.95rem!important;
  font-weight:800!important;
  letter-spacing:0!important;
}
html body.page-template-page-hoe-het-werkt .project-route__screen i{
  display:block!important;
  height:34px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.09)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
html body.page-template-page-hoe-het-werkt .project-route__screen i:nth-child(3){
  width:78%!important;
}
html body.page-template-page-hoe-het-werkt .project-route__screen i:nth-child(4){
  width:58%!important;
  background:rgba(249,115,22,.18)!important;
  border-color:rgba(249,115,22,.28)!important;
}
@media (max-width:900px){
  html body.page-template-page-hoe-het-werkt .project-route{
    padding-left:0!important;
  }
  html body.page-template-page-hoe-het-werkt .project-route:before{
    display:none!important;
  }
  html body.page-template-page-hoe-het-werkt .project-route__step{
    grid-template-columns:1fr!important;
    margin-left:0!important;
  }
  html body.page-template-page-hoe-het-werkt .project-route__marker{
    position:static!important;
    margin-bottom:4px!important;
  }
}

/* Functionaliteiten: onderwerpblokken als onderdelenoverzicht. */
html body.page-template-page-functionaliteiten .template-block--how_topics .section-head{
  max-width:780px!important;
}
html body.page-template-page-functionaliteiten .how-topics{
  display:grid!important;
  gap:clamp(18px,2.4vw,28px)!important;
  margin-top:clamp(26px,3.4vw,44px)!important;
}
html body.page-template-page-functionaliteiten .how-topic{
  display:grid!important;
  grid-template-columns:minmax(0,.78fr) minmax(320px,.62fr)!important;
  gap:clamp(22px,4vw,58px)!important;
  align-items:center!important;
  min-height:clamp(260px,23vw,330px)!important;
  padding:clamp(24px,3vw,38px)!important;
  border:1px solid var(--line)!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 20px 56px rgba(19,23,43,.07)!important;
}
html body.page-template-page-functionaliteiten .how-topic:nth-child(2){
  grid-template-columns:minmax(320px,.62fr) minmax(0,.78fr)!important;
  background:linear-gradient(145deg,var(--navy),var(--navy-2))!important;
  border-color:rgba(255,255,255,.14)!important;
}
html body.page-template-page-functionaliteiten .how-topic:nth-child(2) .how-topic__copy{
  grid-column:2!important;
}
html body.page-template-page-functionaliteiten .how-topic:nth-child(2) .how-topic__visual{
  grid-column:1!important;
  grid-row:1!important;
}
html body.page-template-page-functionaliteiten .how-topic__copy{
  display:grid!important;
  gap:clamp(10px,1.2vw,16px)!important;
  align-content:center!important;
}
html body.page-template-page-functionaliteiten .how-topic__copy > span{
  color:var(--orange)!important;
  font-size:.82rem!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
html body.page-template-page-functionaliteiten .how-topic h3{
  max-width:18ch!important;
  font-size:clamp(1.45rem,1.12rem + 1.15vw,2.2rem)!important;
  line-height:1.12!important;
  letter-spacing:0!important;
}
html body.page-template-page-functionaliteiten .how-topic p{
  max-width:56ch!important;
  color:var(--muted)!important;
  line-height:1.58!important;
}
html body.page-template-page-functionaliteiten .how-topic:nth-child(2) h3{
  color:#fff!important;
}
html body.page-template-page-functionaliteiten .how-topic:nth-child(2) p{
  color:rgba(255,255,255,.74)!important;
}
html body.page-template-page-functionaliteiten .how-topic:nth-child(2) .text-link{
  color:var(--orange)!important;
}
html body.page-template-page-functionaliteiten .how-topic__visual{
  display:grid!important;
  gap:12px!important;
  align-content:center!important;
  min-height:210px!important;
  padding:clamp(16px,2vw,22px)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,rgba(19,23,43,.045),rgba(249,115,22,.06))!important;
  border:1px solid rgba(19,23,43,.08)!important;
}
html body.page-template-page-functionaliteiten .how-topic:nth-child(2) .how-topic__visual{
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(255,255,255,.14)!important;
}
html body.page-template-page-functionaliteiten .how-topic__bar{
  width:46px!important;
  height:4px!important;
  border-radius:999px!important;
  background:var(--orange)!important;
}
html body.page-template-page-functionaliteiten .how-topic__panel{
  display:grid!important;
  gap:10px!important;
}
html body.page-template-page-functionaliteiten .how-topic__panel i{
  display:flex!important;
  align-items:center!important;
  min-height:48px!important;
  padding:10px 14px!important;
  border-radius:14px!important;
  background:#fff!important;
  border:1px solid rgba(19,23,43,.08)!important;
  color:var(--navy)!important;
  font-style:normal!important;
  font-weight:900!important;
  font-size:.92rem!important;
}
html body.page-template-page-functionaliteiten .how-topic:nth-child(2) .how-topic__panel i{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#fff!important;
}
@media (max-width:900px){
  html body.page-template-page-functionaliteiten .how-topic,
  html body.page-template-page-functionaliteiten .how-topic:nth-child(2){
    grid-template-columns:1fr!important;
  }
  html body.page-template-page-functionaliteiten .how-topic:nth-child(2) .how-topic__copy,
  html body.page-template-page-functionaliteiten .how-topic:nth-child(2) .how-topic__visual{
    grid-column:auto!important;
    grid-row:auto!important;
  }
}

/* Functionaliteiten: verdiepingslinks rustig en zonder afgesneden tekst. */
html body.page-template-page-functionaliteiten .template-block--feature_links .section-head{
  max-width:760px!important;
}
html body.page-template-page-functionaliteiten .template-block--feature_links .section-head h2{
  max-width:18ch!important;
  font-size:clamp(1.85rem,1.35rem + 1.55vw,3rem)!important;
  line-height:1.1!important;
  letter-spacing:0!important;
}
html body.page-template-page-functionaliteiten .template-block--feature_links .link-tiles{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(14px,1.8vw,22px)!important;
  max-width:1080px!important;
  margin-top:clamp(26px,3vw,38px)!important;
}
html body.page-template-page-functionaliteiten .template-block--feature_links .link-tile{
  min-height:clamp(220px,17vw,260px)!important;
  padding:clamp(20px,2.2vw,28px)!important;
  border-radius:20px!important;
  align-content:start!important;
  grid-template-rows:auto 1fr auto!important;
  gap:clamp(10px,1.2vw,14px)!important;
  overflow:visible!important;
}
html body.page-template-page-functionaliteiten .template-block--feature_links .link-tile span{
  display:block!important;
  max-width:100%!important;
  font-size:clamp(1.08rem,.98rem + .36vw,1.34rem)!important;
  font-weight:700!important;
  line-height:1.14!important;
  letter-spacing:0!important;
  font-stretch:normal!important;
  overflow-wrap:anywhere!important;
}
html body.page-template-page-functionaliteiten .template-block--feature_links .link-tile p{
  max-width:100%!important;
  font-size:.98rem!important;
  line-height:1.5!important;
  overflow-wrap:break-word!important;
}
html body.page-template-page-functionaliteiten .template-block--feature_links .link-tile em{
  margin-top:auto!important;
}

/* Compacte kaarten gebruiken geen zware display-dikte meer. */
html body :is(.link-tile span,.card h3,.scenario-card h3,.process-flow h3,.feature-list strong){
  font-weight:700!important;
  letter-spacing:0!important;
  font-stretch:normal!important;
}
@media (max-width:980px){
  html body.page-template-page-functionaliteiten .template-block--feature_links .link-tiles{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:620px){
  html body.page-template-page-functionaliteiten .template-block--feature_links .link-tiles{
    grid-template-columns:1fr!important;
  }
}

/* Hero consistency lock: same height, same left/right setup; page dynamiek starts below. */
html body{
  --hero-min-height:clamp(540px,38vw,560px);
}
html body .site-main .hero,
html body.front-page .site-main > .hero,
html body.page-template-page-prijzen .hero,
html body.page-template-page-prijzen-websitebouw .hero,
html body.page-template-page-prijzen-eindklant .hero{
  min-height:var(--hero-min-height)!important;
  padding-top:var(--hero-top-gap)!important;
  padding-bottom:var(--hero-bottom-gap)!important;
}
html body .site-main .hero__inner,
html body.page-template-page-prijzen .hero__inner,
html body.page-template-page-prijzen-websitebouw .hero__inner,
html body.page-template-page-prijzen-eindklant .hero__inner{
  width:var(--wrap)!important;
  max-width:1180px!important;
  display:grid!important;
  grid-template-columns:minmax(0,0.98fr) minmax(340px,0.82fr)!important;
  align-items:center!important;
  gap:clamp(34px,5.5vw,78px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html body .site-main .hero__content,
html body.page-template-page-prijzen .hero__content,
html body.page-template-page-prijzen-websitebouw .hero__content,
html body.page-template-page-prijzen-eindklant .hero__content{
  max-width:720px!important;
}
html body .site-main .hero h1,
html body.page-template-page-prijzen .hero h1,
html body.page-template-page-prijzen-websitebouw .hero h1,
html body.page-template-page-prijzen-eindklant .hero h1{
  max-width:min(100%,18ch)!important;
}
html body .site-main .hero__media,
html body .site-main .hero-topic-visual,
html body .site-main .content-workflow-visual,
html body .site-main .addon-hero-visual{
  width:100%!important;
  height:var(--hero-media-height)!important;
  min-height:var(--hero-media-height)!important;
  max-height:var(--hero-media-height)!important;
  justify-self:end!important;
}
html body .site-main .hero-topic-visual span,
html body .site-main .hero-topic-visual article,
html body .site-main .hero-topic-visual strong,
html body .site-main .hero-topic-visual em{
  transform:none!important;
}
@media (max-width:980px){
  html body .site-main .hero__inner,
  html body.page-template-page-prijzen .hero__inner,
  html body.page-template-page-prijzen-websitebouw .hero__inner,
  html body.page-template-page-prijzen-eindklant .hero__inner{
    grid-template-columns:1fr!important;
  }
  html body .site-main .hero__media,
  html body .site-main .hero-topic-visual,
  html body .site-main .content-workflow-visual,
  html body .site-main .addon-hero-visual{
    justify-self:start!important;
    max-width:520px!important;
  }
}

/* Content dynamiek: bento-achtige rijen onder de consistente hero. */
html body :is(
  .template-block--contentflow_tasks,
  .template-block--contentflow_ai,
  .template-block--projectvoortgang,
  .template-block--feedback_screenshots,
  .template-block--content_relation,
  .template-block--subscription_logic,
  .template-block--websitebouw_module,
  .template-block--together,
  .template-block--why_sync,
  .template-block--audience,
  .template-block--contact_intro
) .cards{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  align-items:stretch!important;
}
html body :is(
  .template-block--contentflow_tasks,
  .template-block--contentflow_ai,
  .template-block--projectvoortgang,
  .template-block--feedback_screenshots,
  .template-block--content_relation,
  .template-block--subscription_logic,
  .template-block--websitebouw_module,
  .template-block--together,
  .template-block--why_sync,
  .template-block--audience,
  .template-block--contact_intro
) .card{
  grid-column:span 2;
  min-height:clamp(150px,14vw,220px);
}
html body :is(
  .template-block--contentflow_tasks,
  .template-block--projectvoortgang,
  .template-block--feedback_screenshots,
  .template-block--together,
  .template-block--audience
) .card:nth-child(1){
  grid-column:span 3;
}
html body :is(
  .template-block--contentflow_tasks,
  .template-block--projectvoortgang,
  .template-block--feedback_screenshots,
  .template-block--together,
  .template-block--audience
) .card:nth-child(2){
  grid-column:span 3;
  transform:translateY(18px);
}
html body :is(
  .template-block--contentflow_tasks,
  .template-block--projectvoortgang,
  .template-block--feedback_screenshots,
  .template-block--together,
  .template-block--audience
) .card:nth-child(5){
  grid-column:span 4;
}
html body :is(
  .template-block--content_relation,
  .template-block--subscription_logic,
  .template-block--websitebouw_module,
  .template-block--why_sync,
  .template-block--contact_intro
) .card:nth-child(1){
  grid-column:span 3;
}
html body :is(
  .template-block--content_relation,
  .template-block--subscription_logic,
  .template-block--websitebouw_module,
  .template-block--why_sync,
  .template-block--contact_intro
) .card:nth-child(2),
html body :is(
  .template-block--content_relation,
  .template-block--subscription_logic,
  .template-block--websitebouw_module,
  .template-block--why_sync,
  .template-block--contact_intro
) .card:nth-child(3){
  grid-column:span 3;
  transform:translateY(14px);
}
html body .section--white :is(.template-block--contentflow_ai,.template-block--content_relation,.template-block--subscription_logic,.template-block--contact_intro) .card:nth-child(2),
html body .section--light :is(.template-block--contentflow_ai,.template-block--content_relation,.template-block--subscription_logic,.template-block--contact_intro) .card:nth-child(2){
  background:#fff!important;
  border-color:var(--line)!important;
  box-shadow:0 18px 44px rgba(19,23,43,.09)!important;
}
html body .section--white :is(.template-block--feedback_screenshots,.template-block--websitebouw_module,.template-block--together) .card:nth-child(3),
html body .section--light :is(.template-block--feedback_screenshots,.template-block--websitebouw_module,.template-block--together) .card:nth-child(3){
  background:#fff!important;
  border-style:dashed!important;
  box-shadow:0 12px 34px rgba(19,23,43,.07)!important;
}
html body :is(.template-block--split_features,.template-block--problem,.template-block--klantportaal,.template-block--contentflow_difference) .feature-list li:nth-child(even){
  margin-left:clamp(18px,4vw,58px);
}
html body :is(.template-block--split_features,.template-block--problem,.template-block--klantportaal,.template-block--contentflow_difference) .feature-list li:nth-child(odd){
  padding-left:clamp(0px,1.8vw,24px);
}
html body :is(.blocks-compare,.before-after,.integration-route,.addon-extension-grid,.addon-sales-list,.pricing-choice-table){
  position:relative;
}
html body :is(.blocks-compare,.before-after,.integration-route,.addon-extension-grid,.addon-sales-list,.pricing-choice-table):before{
  content:"";
  position:absolute;
  inset:auto auto -18px clamp(20px,5vw,72px);
  width:clamp(90px,12vw,160px);
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--orange),rgba(249,115,22,0));
  opacity:.65;
  pointer-events:none;
}
html body .section--white :is(
  .template-block--contentflow_tasks,
  .template-block--contentflow_ai,
  .template-block--projectvoortgang,
  .template-block--feedback_screenshots,
  .template-block--content_relation,
  .template-block--subscription_logic,
  .template-block--websitebouw_module,
  .template-block--together,
  .template-block--why_sync,
  .template-block--audience,
  .template-block--contact_intro
) .card,
html body .section--light :is(
  .template-block--contentflow_tasks,
  .template-block--contentflow_ai,
  .template-block--projectvoortgang,
  .template-block--feedback_screenshots,
  .template-block--content_relation,
  .template-block--subscription_logic,
  .template-block--websitebouw_module,
  .template-block--together,
  .template-block--why_sync,
  .template-block--audience,
  .template-block--contact_intro
) .card{
  background:#fff!important;
}
html body .section--white :is(
  .template-block--contentflow_tasks,
  .template-block--contentflow_ai,
  .template-block--projectvoortgang,
  .template-block--feedback_screenshots,
  .template-block--content_relation,
  .template-block--subscription_logic,
  .template-block--websitebouw_module,
  .template-block--together,
  .template-block--why_sync,
  .template-block--audience,
  .template-block--contact_intro
) .card:nth-child(3n+2),
html body .section--light :is(
  .template-block--contentflow_tasks,
  .template-block--contentflow_ai,
  .template-block--projectvoortgang,
  .template-block--feedback_screenshots,
  .template-block--content_relation,
  .template-block--subscription_logic,
  .template-block--websitebouw_module,
  .template-block--together,
  .template-block--why_sync,
  .template-block--audience,
  .template-block--contact_intro
) .card:nth-child(3n+2){
  box-shadow:0 24px 54px rgba(19,23,43,.10)!important;
}
html body .section--white :is(
  .template-block--contentflow_tasks,
  .template-block--contentflow_ai,
  .template-block--projectvoortgang,
  .template-block--feedback_screenshots,
  .template-block--content_relation,
  .template-block--subscription_logic,
  .template-block--websitebouw_module,
  .template-block--together,
  .template-block--why_sync,
  .template-block--audience,
  .template-block--contact_intro
) .card:nth-child(3n+3),
html body .section--light :is(
  .template-block--contentflow_tasks,
  .template-block--contentflow_ai,
  .template-block--projectvoortgang,
  .template-block--feedback_screenshots,
  .template-block--content_relation,
  .template-block--subscription_logic,
  .template-block--websitebouw_module,
  .template-block--together,
  .template-block--why_sync,
  .template-block--audience,
  .template-block--contact_intro
) .card:nth-child(3n+3){
  border-radius:calc(var(--radius) - 6px)!important;
}
@media (max-width:980px){
  html body :is(
    .template-block--contentflow_tasks,
    .template-block--contentflow_ai,
    .template-block--projectvoortgang,
    .template-block--feedback_screenshots,
    .template-block--content_relation,
    .template-block--subscription_logic,
    .template-block--websitebouw_module,
    .template-block--together,
    .template-block--why_sync,
    .template-block--audience,
    .template-block--contact_intro
  ) .cards{
    grid-template-columns:1fr!important;
  }
  html body :is(
    .template-block--contentflow_tasks,
    .template-block--contentflow_ai,
    .template-block--projectvoortgang,
    .template-block--feedback_screenshots,
    .template-block--content_relation,
    .template-block--subscription_logic,
    .template-block--websitebouw_module,
    .template-block--together,
    .template-block--why_sync,
    .template-block--audience,
    .template-block--contact_intro
  ) .card{
    grid-column:auto!important;
    transform:none!important;
    min-height:auto!important;
  }
  html body :is(.template-block--split_features,.template-block--problem,.template-block--klantportaal,.template-block--contentflow_difference) .feature-list li{
    margin-left:0!important;
    padding-left:0!important;
  }
}

/* Gelijkwaardige add-on opties mogen dynamisch zijn, maar niet als aanbevolen kaart voelen. */
html body .template-block--addon_scenarios .addon-scenarios article:nth-child(3){
  background:#fff!important;
  color:var(--navy)!important;
  border-color:rgba(19,23,43,.10)!important;
}
html body .template-block--addon_scenarios .addon-scenarios article:nth-child(3):before{
  color:rgba(19,23,43,.17)!important;
}
html body .template-block--addon_scenarios .addon-scenarios article:nth-child(3) h3{
  color:var(--navy)!important;
}
html body .template-block--addon_scenarios .addon-scenarios article:nth-child(3) p{
  color:var(--muted)!important;
}
html body .template-block--addon_scenarios .addon-scenarios article:nth-child(3) em{
  background:rgba(249,115,22,.10)!important;
  color:var(--orange)!important;
}
html body .template-block--addon_scenarios .addon-scenarios article:nth-child(2),
html body .template-block--addon_scenarios .addon-scenarios article:nth-child(4){
  background:linear-gradient(145deg,#fff 0%,#FAF9F6 100%)!important;
}
html body .template-block--addon_scenarios .addon-scenarios article:nth-child(2):after,
html body .template-block--addon_scenarios .addon-scenarios article:nth-child(4):after{
  content:"";
  width:42px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--orange),rgba(249,115,22,0));
  opacity:.6;
  align-self:end;
}
html body .addon-extension-card:nth-child(3){
  background:#fff!important;
  color:var(--navy)!important;
  border-color:var(--line)!important;
  box-shadow:var(--shadow-soft)!important;
}
html body .addon-extension-card:nth-child(3) h3{
  color:var(--navy)!important;
}
html body .addon-extension-card:nth-child(3) p,
html body .addon-extension-card:nth-child(3) small{
  color:var(--muted)!important;
}
html body .addon-extension-card:nth-child(2){
  transform:translateY(14px);
}
html body .addon-extension-card:nth-child(3){
  border-style:dashed!important;
}
html body .addon-extension-card:nth-child(4){
  box-shadow:0 24px 54px rgba(19,23,43,.10)!important;
}
@media (max-width:900px){
  html body .addon-extension-card:nth-child(2){
    transform:none;
  }
}

/* V9 visual clean-up: remove accidental hierarchy and repeated websitebouw patterns. */
html body.front-page .template-block--addon_system .addon-system-cards .card,
html body.front-page .template-block--addon_system .addon-system-cards .card:nth-child(3n+3){
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
}
html body.front-page .template-block--addon_system .addon-system-cards .card h3{
  color:#fff!important;
  border-top-color:rgba(255,255,255,.22)!important;
}
html body.front-page .template-block--addon_system .addon-system-cards .card p{
  color:rgba(255,255,255,.72)!important;
}
html body.front-page .template-block--addon_system .addon-system-cards .card:nth-child(2) h3{
  border-top-color:rgba(249,115,22,.62)!important;
}

html body .before-after{
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  gap:clamp(12px,2vw,22px)!important;
  align-items:stretch!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  background:transparent!important;
}
html body .before-after__side{
  border-radius:calc(var(--radius) - 4px)!important;
  padding:clamp(24px,3.2vw,38px)!important;
  border:1px solid var(--line)!important;
  box-shadow:var(--shadow-soft)!important;
}
html body .before-after__side--bad{
  background:#fff!important;
  color:var(--navy)!important;
}
html body .before-after__side--good{
  background:linear-gradient(145deg,var(--navy),var(--navy-2))!important;
  border-color:var(--navy-3)!important;
  color:#fff!important;
}
html body .before-after__side :is(span,h3){
  display:block!important;
  margin:0 0 clamp(12px,1.6vw,18px)!important;
  font-family:var(--font-head)!important;
  font-size:clamp(1.32rem,1.15rem + .48vw,1.64rem)!important;
  font-weight:800!important;
  line-height:1.14!important;
  letter-spacing:0!important;
  font-stretch:normal!important;
  max-width:18ch!important;
}
html body .before-after__side--bad span{
  color:var(--navy)!important;
}
html body .before-after__side--good span{
  color:#fff!important;
}
html body .before-after ul{
  gap:10px!important;
}
html body .before-after li{
  padding:11px 12px 11px 36px!important;
  border-radius:14px!important;
  background:rgba(19,23,43,.035)!important;
  line-height:1.45!important;
  color:var(--muted)!important;
}
html body .before-after__side--good li{
  background:rgba(255,255,255,.075)!important;
  color:rgba(255,255,255,.86)!important;
}
html body .before-after li:before{
  left:13px!important;
  top:11px!important;
}
html body .before-after__vs{
  align-self:center!important;
  width:54px!important;
  height:54px!important;
  border-radius:999px!important;
  background:var(--orange)!important;
  color:#fff!important;
  box-shadow:0 18px 42px rgba(249,115,22,.24)!important;
  font-size:.9rem!important;
}
html body .section--dark .before-after__side--bad,
html body .section--navy-2 .before-after__side--bad{
  background:rgba(255,255,255,.94)!important;
  color:var(--navy)!important;
}
html body .section--dark .before-after__side--bad span,
html body .section--navy-2 .before-after__side--bad span{
  color:var(--navy)!important;
}
html body .section--dark .before-after__side--bad li,
html body .section--navy-2 .before-after__side--bad li{
  color:var(--muted)!important;
}
@media (max-width:760px){
  html body .before-after{
    grid-template-columns:1fr!important;
  }
  html body .before-after__vs{
    margin:auto!important;
  }
}

html body.page-template-page-websitebouw .template-block--problem .split,
html body.page-template-page-websitebouw .template-block--klantportaal .split{
  grid-template-columns:minmax(0,.74fr) minmax(360px,1fr)!important;
  gap:clamp(28px,5vw,72px)!important;
  align-items:center!important;
}
html body.page-template-page-websitebouw .template-block--problem .feature-list,
html body.page-template-page-websitebouw .template-block--klantportaal .feature-list{
  counter-reset:websitebouw-list;
  padding:clamp(18px,2.2vw,26px)!important;
  border:1px solid var(--line)!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:var(--shadow-soft)!important;
  gap:10px!important;
}
html body.page-template-page-websitebouw .template-block--problem .feature-list li,
html body.page-template-page-websitebouw .template-block--klantportaal .feature-list li{
  counter-increment:websitebouw-list;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  column-gap:14px!important;
  align-items:start!important;
  margin:0!important;
  padding:14px!important;
  border:0!important;
  border-radius:16px!important;
  background:rgba(19,23,43,.035)!important;
}
html body.page-template-page-websitebouw .template-block--problem .feature-list li:before,
html body.page-template-page-websitebouw .template-block--klantportaal .feature-list li:before{
  content:counter(websitebouw-list, decimal-leading-zero);
  grid-row:span 2;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:14px;
  background:rgba(249,115,22,.12);
  color:var(--orange);
  font-size:.78rem;
  font-weight:900;
}
html body.page-template-page-websitebouw .template-block--problem .feature-list strong,
html body.page-template-page-websitebouw .template-block--klantportaal .feature-list strong{
  font-family:var(--font-body)!important;
  font-weight:900!important;
  font-size:clamp(1rem,.92rem + .24vw,1.18rem)!important;
  line-height:1.25!important;
  letter-spacing:0!important;
}
html body.page-template-page-websitebouw .template-block--problem .feature-list span,
html body.page-template-page-websitebouw .template-block--klantportaal .feature-list span{
  opacity:1!important;
  color:var(--muted)!important;
}
html body.page-template-page-websitebouw .template-block--klantportaal{
  background:linear-gradient(145deg,var(--navy),var(--navy-2))!important;
  color:#fff!important;
}
html body.page-template-page-websitebouw .template-block--klantportaal .section-head h2{
  color:#fff!important;
}
html body.page-template-page-websitebouw .template-block--klantportaal .eyebrow,
html body.page-template-page-websitebouw .template-block--subscription_logic .eyebrow{
  color:rgba(255,255,255,.68)!important;
}
html body.page-template-page-websitebouw .template-block--klantportaal .section-head > p:not(.eyebrow){
  color:rgba(255,255,255,.76)!important;
}
html body.page-template-page-websitebouw .template-block--klantportaal .split{
  grid-template-columns:minmax(0,.78fr) minmax(320px,.9fr)!important;
}
html body.page-template-page-websitebouw .template-block--klantportaal .feature-list{
  position:relative!important;
  display:grid!important;
  gap:10px!important;
  padding:clamp(18px,2.2vw,26px)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.06)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.16)!important;
}
html body.page-template-page-websitebouw .template-block--klantportaal .feature-list:before{
  content:"Klantportaal";
  position:static;
  display:block;
  width:auto;
  height:auto;
  margin:0 0 8px;
  background:transparent;
  color:rgba(255,255,255,.72);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
html body.page-template-page-websitebouw .template-block--klantportaal .feature-list li{
  grid-template-columns:minmax(0,1fr) auto!important;
  column-gap:clamp(14px,2vw,22px)!important;
  align-items:center!important;
  padding:clamp(14px,1.7vw,18px) clamp(16px,2vw,22px)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.055)!important;
}
html body.page-template-page-websitebouw .template-block--klantportaal .feature-list li:first-child{
  border-top:1px solid rgba(255,255,255,.12)!important;
}
html body.page-template-page-websitebouw .template-block--klantportaal .feature-list li:before{
  content:"fase";
  grid-column:2!important;
  grid-row:1 / span 2!important;
  display:inline-grid;
  place-items:center;
  width:auto;
  min-width:62px;
  height:24px;
  padding:0 9px;
  margin:0;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.76);
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:none;
}
html body.page-template-page-websitebouw .template-block--klantportaal .feature-list li:nth-child(2):before{
  content:"actie";
}
html body.page-template-page-websitebouw .template-block--klantportaal .feature-list li:nth-child(3):before{
  content:"links";
}
html body.page-template-page-websitebouw .template-block--klantportaal .feature-list li:nth-child(4):before{
  content:"rust";
}
html body.page-template-page-websitebouw .template-block--klantportaal .feature-list strong{
  font-size:clamp(.98rem,.94rem + .14vw,1.08rem)!important;
  line-height:1.25!important;
  margin-bottom:3px!important;
  color:#fff!important;
  grid-column:1!important;
}
html body.page-template-page-websitebouw .template-block--klantportaal .feature-list span{
  color:rgba(255,255,255,.72)!important;
  font-size:clamp(.86rem,.82rem + .12vw,.95rem)!important;
  line-height:1.5!important;
  grid-column:1!important;
}
html body.page-template-page-websitebouw .template-block--content_relation{
  background:var(--cream)!important;
  color:var(--navy)!important;
}
html body.page-template-page-websitebouw .template-block--content_relation .section-head h2{
  color:var(--navy)!important;
}
html body.page-template-page-websitebouw .template-block--content_relation .section-head > p:not(.eyebrow){
  color:var(--muted)!important;
}
html body.page-template-page-websitebouw .template-block--subscription_logic{
  background:linear-gradient(145deg,var(--navy),var(--navy-2))!important;
  color:#fff!important;
}
html body.page-template-page-websitebouw .template-block--subscription_logic .section-head h2{
  color:#fff!important;
}
html body.page-template-page-websitebouw .template-block--subscription_logic .section-head > p:not(.eyebrow){
  color:rgba(255,255,255,.76)!important;
}

html body.page-template-page-websitebouw .template-block--projectvoortgang .cards,
html body.page-template-page-websitebouw .template-block--feedback_screenshots .cards{
  gap:clamp(14px,1.7vw,20px)!important;
}
html body.page-template-page-websitebouw .template-block--projectvoortgang .card,
html body.page-template-page-websitebouw .template-block--feedback_screenshots .card{
  min-height:0!important;
  padding:clamp(22px,2.6vw,32px)!important;
  transform:none!important;
}
html body.page-template-page-websitebouw .template-block--projectvoortgang .card:before,
html body.page-template-page-websitebouw .template-block--feedback_screenshots .card:before{
  display:none!important;
}
html body.page-template-page-websitebouw .template-block--projectvoortgang .section-head{
  max-width:720px!important;
}
html body.page-template-page-websitebouw .template-block--projectvoortgang .cards{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  position:relative!important;
  padding-top:26px!important;
}
html body.page-template-page-websitebouw .template-block--projectvoortgang .cards:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:8px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(249,115,22,.72),rgba(255,255,255,.16));
}
html body.page-template-page-websitebouw .template-block--projectvoortgang .card{
  grid-column:auto!important;
  position:relative!important;
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(255,255,255,.14)!important;
  min-height:clamp(178px,12vw,220px)!important;
  align-content:start!important;
}
html body.page-template-page-websitebouw .template-block--projectvoortgang .card:after{
  content:"";
  position:absolute;
  left:clamp(20px,2.4vw,30px);
  top:-28px;
  width:12px;
  height:12px;
  border-radius:999px;
  background:var(--orange);
  box-shadow:0 0 0 8px rgba(249,115,22,.14);
}
html body.page-template-page-websitebouw .template-block--projectvoortgang .card p{
  color:rgba(255,255,255,.76)!important;
}
html body.page-template-page-websitebouw .template-block--feedback_screenshots .section__inner{
  display:grid!important;
  grid-template-columns:minmax(280px,.72fr) minmax(420px,1fr)!important;
  gap:clamp(34px,5vw,76px)!important;
  align-items:center!important;
}
html body.page-template-page-websitebouw .template-block--feedback_screenshots .section-head{
  max-width:620px!important;
}
html body.page-template-page-websitebouw .template-block--feedback_screenshots .cards{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  padding:clamp(18px,2.1vw,26px)!important;
  border:1px solid var(--line)!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,#fff,rgba(250,249,246,.88))!important;
  box-shadow:var(--shadow-soft)!important;
}
html body.page-template-page-websitebouw .template-block--feedback_screenshots .card{
  grid-column:auto!important;
  background:#fff!important;
  border-color:var(--line)!important;
  min-height:clamp(176px,12vw,220px)!important;
  box-shadow:none!important;
  transform:none!important;
}
html body.page-template-page-websitebouw .template-block--feedback_screenshots .card h3:before{
  content:"";
  display:block;
  width:30px;
  height:30px;
  margin-bottom:14px;
  border:2px solid var(--orange);
  border-radius:10px;
  background:
    radial-gradient(circle at 50% 50%,var(--orange) 0 4px,transparent 4.5px),
    rgba(249,115,22,.08);
  box-shadow:0 12px 26px rgba(249,115,22,.14);
}
html body.page-template-page-websitebouw .template-block--feedback_screenshots .card:nth-child(2),
html body.page-template-page-websitebouw .template-block--feedback_screenshots .card:nth-child(3){
  background:rgba(249,115,22,.045)!important;
}

html body.page-template-page-websitebouw .template-block--content_relation .split{
  grid-template-columns:minmax(0,.88fr) minmax(340px,.82fr)!important;
  gap:clamp(34px,5vw,76px)!important;
  align-items:center!important;
}
html body.page-template-page-websitebouw .template-block--content_relation .section-head{
  max-width:680px!important;
}
html body.page-template-page-websitebouw .template-block--content_relation .feature-list{
  position:relative!important;
  display:grid!important;
  gap:0!important;
  padding:clamp(20px,2.6vw,30px)!important;
  border:1px solid var(--line)!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.62)!important;
  box-shadow:var(--shadow-soft)!important;
  counter-reset:contentflow-step!important;
}
html body.page-template-page-websitebouw .template-block--content_relation .feature-list:before{
  content:"";
  position:absolute;
  left:calc(clamp(20px,2.6vw,30px) + 13px);
  top:clamp(40px,4vw,54px);
  bottom:clamp(40px,4vw,54px);
  width:2px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(249,115,22,.65),rgba(249,115,22,.14));
}
html body.page-template-page-websitebouw .template-block--content_relation .feature-list li{
  counter-increment:contentflow-step!important;
  position:relative!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  column-gap:clamp(14px,2vw,20px)!important;
  padding:clamp(18px,2.2vw,24px) 0!important;
  border:0!important;
  border-top:1px solid rgba(19,23,43,.10)!important;
  background:transparent!important;
  border-radius:0!important;
}
html body.page-template-page-websitebouw .template-block--content_relation .feature-list li:first-child{
  border-top:0!important;
}
html body.page-template-page-websitebouw .template-block--content_relation .feature-list li:before{
  content:counter(contentflow-step, decimal-leading-zero);
  z-index:1;
  grid-row:span 2;
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:999px;
  background:var(--orange);
  color:#fff;
  font-size:.68rem;
  font-weight:900;
  box-shadow:0 0 0 8px rgba(249,115,22,.10);
}
html body.page-template-page-websitebouw .template-block--content_relation .feature-list strong{
  font-family:var(--font-body)!important;
  font-size:clamp(1.05rem,1rem + .18vw,1.18rem)!important;
  font-weight:900!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  margin-bottom:5px!important;
}
html body.page-template-page-websitebouw .template-block--content_relation .feature-list span{
  color:var(--muted)!important;
  opacity:1!important;
}
html body.page-template-page-websitebouw .template-block--subscription_logic .cards{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
html body.page-template-page-websitebouw .template-block--subscription_logic .card{
  grid-column:auto!important;
  min-height:0!important;
  padding:clamp(20px,2.4vw,28px)!important;
  transform:none!important;
  background:#fff!important;
}
html body.page-template-page-websitebouw .template-block--subscription_logic .card:nth-child(2){
  border-style:dashed!important;
}
html body.page-template-page-websitebouw .template-block--subscription_logic .card:nth-child(3){
  box-shadow:0 22px 52px rgba(19,23,43,.10)!important;
}
html body.front-page .template-block--layers_v8 .cards{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
}
html body.front-page .template-block--layers_v8 .card{
  min-height:clamp(220px,15vw,260px)!important;
  height:100%!important;
  transform:none!important;
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:none!important;
}
html body.front-page .template-block--layers_v8 .card:nth-child(2){
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(255,255,255,.16)!important;
}
html body.front-page .template-block--layers_v8 .card h3{
  padding-top:0!important;
}
html body.front-page .template-block--layers_v8 .card h3:before{
  display:none!important;
  content:none!important;
}
@media (max-width:900px){
  html body.front-page .template-block--layers_v8 .cards{
    grid-template-columns:1fr!important;
  }
  html body.front-page .template-block--layers_v8 .card{
    min-height:auto!important;
  }
}
.addon-footnote{
  max-width:860px;
  margin:clamp(16px,2vw,22px) 0 0;
  padding-top:14px;
  border-top:1px solid rgba(19,23,43,.10);
}
.section--dark .addon-footnote,
.section--navy-2 .addon-footnote{
  color:rgba(255,255,255,.70);
  border-top-color:rgba(255,255,255,.14);
}

/* Give every FAQ the same breathing room as the homepage before the next section starts. */
html body .site-main .faq-section,
html body .site-main > .faq-section{
  padding-bottom:clamp(46px,5vw,72px)!important;
}
html body .site-main .faq-section .faq{
  margin-bottom:0!important;
}
html body .site-main .faq-section + .final-cta,
html body .site-main > .faq-section + .final-cta{
  padding-top:clamp(38px,4.4vw,60px)!important;
}
html body:not(.front-page) .site-main .faq-section,
html body:not(.front-page) .site-main > .faq-section{
  padding-bottom:clamp(46px,5vw,72px)!important;
}

/* Split feature lists should feel deliberate, not accidentally staggered. */
html body :is(.template-block--split_features,.template-block--problem,.template-block--klantportaal,.template-block--contentflow_difference) .feature-list li,
html body :is(.template-block--split_features,.template-block--problem,.template-block--klantportaal,.template-block--contentflow_difference) .feature-list li:nth-child(even),
html body :is(.template-block--split_features,.template-block--problem,.template-block--klantportaal,.template-block--contentflow_difference) .feature-list li:nth-child(odd){
  margin-left:0!important;
  padding-left:0!important;
}
html body.page-template-page-websitebouw .template-block--klantportaal .feature-list li,
html body.page-template-page-websitebouw .template-block--klantportaal .feature-list li:nth-child(even),
html body.page-template-page-websitebouw .template-block--klantportaal .feature-list li:nth-child(odd){
  padding-left:clamp(16px,2vw,22px)!important;
  padding-right:clamp(16px,2vw,22px)!important;
}

/* Blokken: impactlijst heeft eigen markers; tekst mag daar nooit tegenaan lopen. */
html body.page-template-page-blokken .template-block--impact .feature-list li,
html body.page-template-page-blokken .template-block--impact .feature-list li:nth-child(even),
html body.page-template-page-blokken .template-block--impact .feature-list li:nth-child(odd){
  position:relative!important;
  margin-left:0!important;
  padding:clamp(18px,2vw,22px) clamp(18px,2.2vw,26px) clamp(18px,2vw,22px) clamp(50px,4vw,60px)!important;
}
html body.page-template-page-blokken .template-block--impact .feature-list li:before{
  content:""!important;
  position:absolute!important;
  left:clamp(20px,2.2vw,26px)!important;
  top:clamp(28px,2.7vw,32px)!important;
  width:8px!important;
  height:8px!important;
  border-radius:999px!important;
  background:var(--orange)!important;
  box-shadow:0 0 0 6px rgba(249,115,22,.10)!important;
}

html body.page-template-page-contentflow .template-block--contentflow_route .process-flow{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:0!important;
  margin-top:clamp(26px,3.5vw,44px)!important;
  padding:clamp(18px,2.6vw,30px)!important;
  border:1px solid var(--line)!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,#fff,rgba(250,249,246,.86))!important;
  box-shadow:var(--shadow-soft)!important;
}
html body.page-template-page-contentflow .template-block--contentflow_route .process-flow__step{
  min-height:0!important;
  padding:clamp(14px,1.8vw,18px)!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body.page-template-page-contentflow .template-block--contentflow_route .process-flow__step:not(:last-child){
  border-right:1px solid rgba(19,23,43,.10)!important;
}
html body.page-template-page-contentflow .template-block--contentflow_route .process-flow__index{
  width:28px!important;
  height:28px!important;
  background:var(--orange)!important;
  color:#fff!important;
}
html body.page-template-page-contentflow .template-block--contentflow_route .process-flow__icon{
  display:none!important;
}
html body.page-template-page-contentflow .template-block--contentflow_route .process-flow h3{
  font-family:var(--font-body)!important;
  font-size:clamp(.98rem,.94rem + .14vw,1.1rem)!important;
  line-height:1.25!important;
  letter-spacing:0!important;
}
html body.page-template-page-contentflow .template-block--contentflow_route .process-flow p{
  font-size:.88rem!important;
  line-height:1.52!important;
  color:var(--muted)!important;
  opacity:1!important;
}

html body.page-template-page-contentflow .template-block--contentflow_tasks .cards{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(14px,1.8vw,20px)!important;
}
html body.page-template-page-contentflow .template-block--contentflow_tasks .card,
html body.page-template-page-contentflow .template-block--contentflow_tasks .card:nth-child(1),
html body.page-template-page-contentflow .template-block--contentflow_tasks .card:nth-child(2),
html body.page-template-page-contentflow .template-block--contentflow_tasks .card:nth-child(5){
  grid-column:auto!important;
  min-height:clamp(184px,13vw,220px)!important;
  transform:none!important;
}
html body.page-template-page-contentflow .template-block--contentflow_tasks .card{
  display:grid!important;
  grid-template-rows:auto 1fr auto!important;
  align-content:stretch!important;
  gap:clamp(12px,1.5vw,18px)!important;
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:none!important;
}
html body.page-template-page-contentflow .template-block--contentflow_tasks .card h3{
  min-height:2.4em!important;
  display:flex!important;
  align-items:flex-start!important;
}
html body.page-template-page-contentflow .template-block--contentflow_tasks .card:nth-child(2),
html body.page-template-page-contentflow .template-block--contentflow_tasks .card:nth-child(5){
  background:rgba(249,115,22,.08)!important;
  border-color:rgba(249,115,22,.26)!important;
}
html body.page-template-page-contentflow .template-block--contentflow_tasks .card p{
  align-self:start!important;
  color:rgba(255,255,255,.74)!important;
}
html body.page-template-page-contentflow .template-block--contentflow_tasks .card .text-link{
  align-self:end!important;
  margin-top:0!important;
}

html body.page-template-page-contentflow .template-block--contentflow_difference{
  background:var(--cream)!important;
}
html body.page-template-page-contentflow .template-block--contentflow_difference .feature-list{
  display:grid!important;
  gap:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body.page-template-page-contentflow .template-block--contentflow_difference .feature-list li,
html body.page-template-page-contentflow .template-block--contentflow_difference .feature-list li:nth-child(even),
html body.page-template-page-contentflow .template-block--contentflow_difference .feature-list li:nth-child(odd){
  display:grid!important;
  grid-template-columns:minmax(110px,.28fr) minmax(0,1fr)!important;
  gap:clamp(14px,2vw,22px)!important;
  margin:0!important;
  padding:clamp(16px,2vw,22px) 0!important;
  border-top:1px solid rgba(19,23,43,.16)!important;
  background:transparent!important;
}
html body.page-template-page-contentflow .template-block--contentflow_difference .feature-list strong{
  font-family:var(--font-body)!important;
  font-size:clamp(1rem,.96rem + .14vw,1.12rem)!important;
  letter-spacing:0!important;
}
html body.page-template-page-contentflow .template-block--contentflow_difference .feature-list span{
  color:var(--muted)!important;
  opacity:1!important;
}

html body.page-template-page-contentflow .template-block--contentflow_ai .cards{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(18px,2.2vw,28px)!important;
  padding-top:clamp(12px,1.8vw,20px)!important;
  border-top:1px solid rgba(255,255,255,.16)!important;
}
html body.page-template-page-contentflow .template-block--contentflow_ai .card,
html body.page-template-page-contentflow .template-block--contentflow_ai .card:nth-child(1),
html body.page-template-page-contentflow .template-block--contentflow_ai .card:nth-child(2),
html body.page-template-page-contentflow .template-block--contentflow_ai .card:nth-child(3){
  grid-column:auto!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
html body.page-template-page-contentflow .template-block--contentflow_ai .card h3{
  font-family:var(--font-body)!important;
  font-size:clamp(1rem,.96rem + .14vw,1.12rem)!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  color:#fff!important;
}
html body.page-template-page-contentflow .template-block--contentflow_ai .card p{
  color:rgba(255,255,255,.74)!important;
}
html body.page-template-page-contentflow .template-block--contentflow_ai .card h3:before{
  content:"";
  display:block;
  width:28px;
  height:3px;
  margin-bottom:14px;
  border-radius:999px;
  background:var(--orange);
}
html body.page-template-page-contentflow .template-block--contentflow_ai{
  background:linear-gradient(145deg,var(--navy),var(--navy-2))!important;
  color:#fff!important;
}
html body.page-template-page-contentflow .template-block--contentflow_ai .section-head h2{
  color:#fff!important;
}
html body.page-template-page-contentflow .template-block--contentflow_ai .section-head > p:not(.eyebrow){
  color:rgba(255,255,255,.76)!important;
}
html body.page-template-page-contentflow .faq-section{
  background:var(--cream)!important;
}

/* Add-ons: maak de header-visual responsief en haal oude zware tabeltypografie eruit. */
html body.page-template-page-add-ons .addon-hero-visual--v7{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:auto repeat(2,minmax(72px,1fr))!important;
  gap:clamp(10px,1.4vw,16px)!important;
  align-items:stretch!important;
  padding:clamp(18px,2.6vw,30px)!important;
  min-height:clamp(300px,32vw,430px)!important;
}
html body.page-template-page-add-ons .addon-hero-visual--v7:after,
html body.page-template-page-add-ons .addon-orbit{
  display:none!important;
}
html body.page-template-page-add-ons .addon-hero-core,
html body.page-template-page-add-ons .addon-hero-layer{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:auto!important;
  min-width:0!important;
}
html body.page-template-page-add-ons .addon-hero-core{
  grid-column:1 / -1!important;
  grid-row:1!important;
  align-content:center!important;
  padding:clamp(18px,2vw,24px)!important;
}
html body.page-template-page-add-ons .addon-hero-core strong{
  font-size:clamp(1.25rem,1.9vw,1.7rem)!important;
  letter-spacing:-.02em!important;
}
html body.page-template-page-add-ons .addon-hero-core em{
  font-size:clamp(.72rem,.7rem + .12vw,.82rem)!important;
  line-height:1.35!important;
}
html body.page-template-page-add-ons .addon-hero-layer{
  padding:clamp(13px,1.5vw,17px)!important;
  align-content:center!important;
}
html body.page-template-page-add-ons .addon-hero-layer span{
  display:none!important;
}
html body.page-template-page-add-ons .addon-hero-layer strong{
  font-size:clamp(.88rem,.78rem + .24vw,1.02rem)!important;
  line-height:1.1!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
html body.page-template-page-add-ons .addon-hero-layer--top{grid-column:1!important;grid-row:2!important}
html body.page-template-page-add-ons .addon-hero-layer--right{grid-column:2!important;grid-row:2!important}
html body.page-template-page-add-ons .addon-hero-layer--bottom{grid-column:1!important;grid-row:3!important}
html body.page-template-page-add-ons .addon-hero-layer--left{grid-column:2!important;grid-row:3!important}

html body.page-template-page-add-ons .template-block--module_context{
  padding-block:clamp(42px,5vw,66px)!important;
}
html body.page-template-page-add-ons .template-block--module_context .section-head{
  max-width:760px!important;
  margin-bottom:clamp(18px,2.2vw,28px)!important;
}
html body.page-template-page-add-ons .template-block--module_context .cards{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(12px,1.5vw,18px)!important;
}
html body.page-template-page-add-ons .template-block--module_context .card{
  min-height:0!important;
  padding:clamp(18px,2vw,24px)!important;
  box-shadow:var(--shadow-soft)!important;
  background:#fff!important;
  color:var(--navy)!important;
  border-color:var(--line)!important;
}
html body.page-template-page-add-ons .template-block--module_context .card p{
  color:var(--muted)!important;
}
html body.page-template-page-add-ons .template-block--module_context .card:before{
  display:none!important;
}

html body.page-template-page-add-ons .template-block--extensions_sales .addon-extension-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:clamp(16px,2vw,24px)!important;
  align-items:stretch!important;
}
html body.page-template-page-add-ons .template-block--extensions_sales .addon-extension-grid:before{
  display:none!important;
}
html body.page-template-page-add-ons .template-block--extensions_sales .addon-extension-card{
  grid-column:span 2!important;
  min-height:268px!important;
  align-content:start!important;
  gap:clamp(16px,1.8vw,22px)!important;
  padding:clamp(22px,2.5vw,30px)!important;
  transform:none!important;
  background:#fff!important;
  color:var(--navy)!important;
  border-color:rgba(19,23,43,.10)!important;
  border-style:solid!important;
  box-shadow:0 16px 40px rgba(19,23,43,.055)!important;
  grid-template-rows:minmax(118px,auto) auto!important;
}
html body.page-template-page-add-ons .template-block--extensions_sales .addon-extension-card:nth-child(n+4){
  grid-column:span 3!important;
}
html body.page-template-page-add-ons .template-block--extensions_sales .addon-extension-card > div:first-child{
  display:grid!important;
  gap:10px!important;
  align-content:start!important;
}
html body.page-template-page-add-ons .template-block--extensions_sales .addon-extension-card h3{
  font-size:clamp(1.12rem,1rem + .28vw,1.32rem)!important;
  line-height:1.16!important;
  color:var(--navy)!important;
}
html body.page-template-page-add-ons .template-block--extensions_sales .addon-extension-card p{
  line-height:1.55!important;
  margin:0!important;
  color:rgba(83,92,113,.84)!important;
  font-size:.94rem!important;
  font-weight:500!important;
}
html body.page-template-page-add-ons .template-block--extensions_sales .addon-extension-card__price{
  gap:8px!important;
}
html body.page-template-page-add-ons .template-block--extensions_sales .addon-extension-card__price strong{
  color:var(--orange)!important;
  font-size:clamp(1.65rem,1.2rem + 1vw,2.18rem)!important;
}
html body.page-template-page-add-ons .template-block--extensions_sales .addon-extension-card__price sup{
  position:relative!important;
  top:-.35em!important;
  margin-left:2px!important;
  font-family:var(--font-body)!important;
  font-size:.7rem!important;
  font-weight:700!important;
  line-height:0!important;
}
html body.page-template-page-add-ons .template-block--extensions_sales .addon-extension-card__price span{
  max-width:24ch!important;
  font-size:.72rem!important;
  font-weight:500!important;
  line-height:1.34!important;
  color:rgba(83,92,113,.58)!important;
}
html body.page-template-page-add-ons .template-block--extensions_sales .addon-extension-card small{
  align-self:end!important;
  padding-top:clamp(10px,1.3vw,14px)!important;
  border-top:1px solid rgba(19,23,43,.07)!important;
  font-size:.74rem!important;
  font-weight:500!important;
  line-height:1.42!important;
  color:rgba(83,92,113,.52)!important;
}
html body.page-template-page-add-ons .template-block--extensions_sales .addon-footnote{
  max-width:780px!important;
  margin:clamp(16px,2vw,22px) 0 0!important;
  color:rgba(83,92,113,.62)!important;
  font-size:.78rem!important;
  font-weight:500!important;
  line-height:1.55!important;
}
html body.page-template-page-add-ons .section--dark.template-block--extensions_sales .addon-footnote{
  color:rgba(255,255,255,.62)!important;
  border-top-color:rgba(255,255,255,.14)!important;
}

html body .site-main :is(.pricing-table,.addon-limit-table,.content-flow table) :is(th,td,td:first-child),
html body .site-main :is(.pricing-table,.addon-limit-table,.content-flow table) td strong{
  font-family:var(--font-body)!important;
  letter-spacing:0!important;
  font-stretch:normal!important;
}
html body .site-main :is(.pricing-table,.addon-limit-table,.content-flow table) th{
  font-size:.78rem!important;
  font-weight:700!important;
}
html body .site-main :is(.pricing-table,.addon-limit-table,.content-flow table) td{
  font-weight:500!important;
}
html body .site-main :is(.pricing-table,.addon-limit-table,.content-flow table) td:first-child,
html body .site-main :is(.pricing-table,.addon-limit-table,.content-flow table) td:first-child strong,
html body .site-main :is(.pricing-table,.addon-limit-table,.content-flow table) td strong{
  font-weight:700!important;
}

html body.page-template-page-integraties .template-block--cms_sync_core{
  padding-top:clamp(58px,7vw,96px)!important;
  padding-bottom:clamp(62px,7.5vw,104px)!important;
}
html body.page-template-page-integraties .cms-sync-core{
  display:grid;
  grid-template-columns:minmax(0,.76fr) minmax(420px,1fr);
  gap:clamp(34px,5vw,76px);
  align-items:center;
}
html body.page-template-page-integraties .cms-sync-core .section-head{
  max-width:620px!important;
  margin:0!important;
}
html body.page-template-page-integraties .cms-sync-core__copy{
  display:grid;
  gap:clamp(22px,3vw,34px);
}
html body.page-template-page-integraties .cms-sync-core__benefits{
  display:grid;
  gap:12px;
  max-width:640px;
}
html body.page-template-page-integraties .cms-sync-core__benefits article{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:6px 14px;
  align-items:start;
  padding:clamp(14px,1.8vw,20px);
  border-radius:18px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.13);
}
html body.page-template-page-integraties .cms-sync-core__benefits article:nth-child(2){
  transform:translateX(clamp(0px,2.5vw,34px));
  border-color:rgba(249,115,22,.32);
  background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(249,115,22,.10));
}
html body.page-template-page-integraties .cms-sync-core__benefits span{
  grid-row:1 / span 2;
  width:34px;
  height:34px;
  border-radius:12px;
  background:rgba(249,115,22,.16);
  border:1px solid rgba(249,115,22,.34);
  position:relative;
}
html body.page-template-page-integraties .cms-sync-core__benefits span:after{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:8px 8px 8px 2px;
  background:var(--orange);
}
html body.page-template-page-integraties .cms-sync-core__benefits h3{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(1.02rem,.98rem + .18vw,1.16rem)!important;
  line-height:1.18!important;
}
html body.page-template-page-integraties .cms-sync-core__benefits p{
  margin:0!important;
  color:rgba(255,255,255,.70)!important;
  line-height:1.55!important;
}
html body.page-template-page-integraties .cms-sync-core__visual{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr);
  gap:0;
  align-items:center;
  min-height:420px;
  padding:clamp(20px,3vw,34px);
  border-radius:30px;
  background:radial-gradient(circle at 72% 18%,rgba(249,115,22,.22),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 28px 90px rgba(0,0,0,.22);
  overflow:hidden;
}
html body.page-template-page-integraties .cms-sync-core__visual:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:38px 38px;
  opacity:.5;
}
html body.page-template-page-integraties .cms-sync-core__panel,
html body.page-template-page-integraties .cms-sync-core__bridge{
  position:relative;
  z-index:1;
}
html body.page-template-page-integraties .cms-sync-core__panel{
  display:grid;
  align-content:start;
  gap:12px;
  min-height:258px;
  padding:clamp(20px,2.7vw,30px);
  border-radius:24px;
  background:rgba(255,255,255,.92);
  color:var(--navy);
  border:1px solid rgba(255,255,255,.24);
  box-shadow:0 22px 54px rgba(0,0,0,.22);
}
html body.page-template-page-integraties .cms-sync-core__panel--cms{
  transform:translateY(34px);
  background:linear-gradient(145deg,#fff,rgba(255,246,239,.98));
}
html body.page-template-page-integraties .cms-sync-core__panel span{
  width:max-content;
  max-width:100%;
  color:var(--orange);
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
}
html body.page-template-page-integraties .cms-sync-core__panel strong{
  font-family:var(--font-body)!important;
  font-size:clamp(1.25rem,1.05rem + .8vw,1.85rem);
  line-height:1.05;
  font-weight:750;
  letter-spacing:0;
}
html body.page-template-page-integraties .cms-sync-core__panel p{
  color:var(--muted);
  line-height:1.55;
}
html body.page-template-page-integraties .cms-sync-core__panel i{
  display:block;
  height:12px;
  border-radius:999px;
  background:#e6e9ef;
}
html body.page-template-page-integraties .cms-sync-core__panel i:nth-of-type(2){
  width:62%;
}
html body.page-template-page-integraties .cms-sync-core__panel div{
  display:grid;
  gap:8px;
  margin-top:auto;
}
html body.page-template-page-integraties .cms-sync-core__panel b{
  display:block;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(19,23,43,.045);
  border:1px solid rgba(19,23,43,.07);
  font-family:var(--font-body)!important;
  font-weight:700;
  font-size:.85rem;
}
html body.page-template-page-integraties .cms-sync-core__bridge{
  display:grid;
  place-items:center;
}
html body.page-template-page-integraties .cms-sync-core__bridge:before,
html body.page-template-page-integraties .cms-sync-core__bridge:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:2px;
  background:linear-gradient(90deg,rgba(249,115,22,.15),var(--orange),rgba(249,115,22,.15));
}
html body.page-template-page-integraties .cms-sync-core__bridge em{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:78px;
  height:78px;
  border-radius:999px;
  background:var(--orange);
  color:#fff;
  font-style:normal;
  font-family:var(--font-body)!important;
  font-size:.72rem;
  font-weight:800;
  line-height:1.1;
  text-align:center;
  box-shadow:0 0 0 12px rgba(249,115,22,.13),0 18px 42px rgba(249,115,22,.24);
}

@media (max-width:980px){
  html body.page-template-page-integraties .cms-sync-core{
    grid-template-columns:1fr!important;
  }
  html body.page-template-page-integraties .cms-sync-core__visual{
    grid-template-columns:1fr!important;
    gap:18px!important;
    min-height:0!important;
  }
  html body.page-template-page-integraties .cms-sync-core__panel--cms,
  html body.page-template-page-integraties .cms-sync-core__benefits article:nth-child(2){
    transform:none!important;
  }
  html body.page-template-page-integraties .cms-sync-core__bridge{
    min-height:58px!important;
  }
  html body.page-template-page-integraties .cms-sync-core__bridge:before,
  html body.page-template-page-integraties .cms-sync-core__bridge:after{
    left:50%!important;
    right:auto!important;
    top:0!important;
    bottom:0!important;
    width:2px!important;
    height:auto!important;
    transform:translateX(-50%)!important;
    background:linear-gradient(180deg,rgba(249,115,22,.15),var(--orange),rgba(249,115,22,.15))!important;
  }
  html body.page-template-page-add-ons .addon-hero-visual--v7,
  html body.page-template-page-add-ons .template-block--extensions_sales .addon-extension-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body.page-template-page-add-ons .addon-hero-core,
  html body.page-template-page-add-ons .addon-hero-layer,
  html body.page-template-page-add-ons .template-block--extensions_sales .addon-extension-card,
  html body.page-template-page-add-ons .template-block--extensions_sales .addon-extension-card:nth-child(n+4){
    grid-column:auto!important;
    grid-row:auto!important;
  }
  html body.page-template-page-add-ons .addon-hero-core{
    grid-column:1 / -1!important;
  }
}
@media (max-width:760px){
  html body.page-template-page-add-ons .template-block--module_context .cards{
    grid-template-columns:1fr!important;
  }
}
@media (max-width:640px){
  html body.page-template-page-add-ons .addon-hero-visual--v7,
  html body.page-template-page-add-ons .template-block--extensions_sales .addon-extension-grid{
    grid-template-columns:1fr!important;
  }
}
@media (max-width:900px){
  html body.page-template-page-websitebouw .template-block--problem .split,
  html body.page-template-page-websitebouw .template-block--klantportaal .split,
  html body.page-template-page-websitebouw .template-block--content_relation .cards,
  html body.page-template-page-websitebouw .template-block--subscription_logic .cards,
  html body.page-template-page-websitebouw .template-block--projectvoortgang .cards,
  html body.page-template-page-websitebouw .template-block--feedback_screenshots .cards{
    grid-template-columns:1fr!important;
  }
  html body.page-template-page-websitebouw .template-block--content_relation .cards:before{
    grid-column:1!important;
    grid-row:auto!important;
  }
  html body.page-template-page-websitebouw .template-block--content_relation .card,
  html body.page-template-page-websitebouw .template-block--content_relation .card:nth-child(2),
  html body.page-template-page-websitebouw .template-block--content_relation .card:nth-child(3),
  html body.page-template-page-websitebouw .template-block--projectvoortgang .card,
  html body.page-template-page-websitebouw .template-block--feedback_screenshots .card{
    grid-column:auto!important;
  }
}

/* Integraties: minder kaders-in-kaders, meer open overdrachtsroute. */
html body.page-template-page-integraties .hero-topic-visual--integrations{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:clamp(16px,2.2vw,24px)!important;
  align-content:center!important;
  min-height:clamp(210px,23vw,310px)!important;
  padding:clamp(24px,3.4vw,40px)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:26px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025))!important;
  box-shadow:none!important;
}
html body.page-template-page-integraties .hero-topic-visual--integrations:before{
  content:""!important;
  width:clamp(52px,5vw,82px)!important;
  height:4px!important;
  border-radius:999px!important;
  background:var(--orange)!important;
}
html body.page-template-page-integraties .hero-topic-visual--integrations strong{
  display:block!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  font-family:var(--font-body)!important;
  font-size:clamp(1.8rem,1.25rem + 1.8vw,3.05rem)!important;
  font-weight:720!important;
  line-height:1!important;
  letter-spacing:0!important;
  max-width:8ch!important;
}
html body.page-template-page-integraties .hero-topic-visual--integrations span{
  display:block!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  max-width:30ch!important;
  color:rgba(255,255,255,.70)!important;
  font-family:var(--font-body)!important;
  font-size:clamp(.96rem,.9rem + .18vw,1.08rem)!important;
  font-weight:500!important;
  line-height:1.5!important;
}
html body.page-template-page-integraties .hero-topic-visual--integrations em{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:0!important;
  padding:14px 0 0!important;
  border-left:0!important;
  border-right:0!important;
  border-bottom:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
  color:rgba(255,255,255,.50)!important;
  font-style:normal!important;
  font-size:.8rem!important;
  font-weight:650!important;
  line-height:1.35!important;
}

html body.page-template-page-integraties .template-block--integration_route .section-head{
  max-width:720px!important;
}
html body.page-template-page-integraties .integration-why{
  display:grid!important;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;
  gap:clamp(34px,5vw,78px)!important;
  align-items:start!important;
  margin-top:clamp(34px,4.5vw,58px)!important;
  padding-top:clamp(24px,3vw,36px)!important;
  border-top:1px solid rgba(19,23,43,.14)!important;
}
html body.page-template-page-integraties .integration-why__intro{
  display:grid!important;
  gap:clamp(12px,1.8vw,18px)!important;
}
html body.page-template-page-integraties .integration-why__intro span{
  color:var(--orange)!important;
  font-size:.82rem!important;
  font-weight:800!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
html body.page-template-page-integraties .integration-why__intro p{
  margin:0!important;
  max-width:34ch!important;
  color:var(--navy)!important;
  font-family:var(--font-body)!important;
  font-size:clamp(1.24rem,1.05rem + .55vw,1.62rem)!important;
  font-weight:650!important;
  line-height:1.28!important;
  letter-spacing:0!important;
}
html body.page-template-page-integraties .integration-why__items{
  display:grid!important;
  gap:0!important;
  border-top:1px solid rgba(19,23,43,.13)!important;
}
html body.page-template-page-integraties .integration-why__items article{
  display:grid!important;
  grid-template-columns:minmax(170px,.42fr) minmax(0,1fr)!important;
  gap:clamp(18px,2.2vw,30px)!important;
  padding:clamp(16px,2vw,22px) 0!important;
  border-bottom:1px solid rgba(19,23,43,.13)!important;
}
html body.page-template-page-integraties .integration-why__items strong{
  color:var(--navy)!important;
  font-family:var(--font-body)!important;
  font-size:clamp(1rem,.96rem + .16vw,1.12rem)!important;
  font-weight:750!important;
  line-height:1.24!important;
  letter-spacing:0!important;
}
html body.page-template-page-integraties .integration-why__items p{
  margin:0!important;
  color:var(--muted)!important;
  line-height:1.55!important;
}
html body.page-template-page-integraties .integration-why__support{
  grid-column:2!important;
  margin:clamp(8px,1vw,12px) 0 0!important;
  color:var(--muted)!important;
  font-size:clamp(.92rem,.88rem + .12vw,1rem)!important;
  line-height:1.55!important;
}
html body.page-template-page-integraties .integration-compare{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:clamp(28px,4vw,58px)!important;
  align-items:stretch!important;
  margin-top:clamp(34px,4.5vw,58px)!important;
  padding-top:clamp(24px,3vw,36px)!important;
  border-top:1px solid rgba(19,23,43,.14)!important;
}
html body.page-template-page-integraties .integration-compare__side{
  display:grid!important;
  grid-template-rows:auto auto auto 1fr!important;
  gap:clamp(12px,1.6vw,18px)!important;
  align-content:start!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body.page-template-page-integraties .integration-compare__side--sync{
  padding-left:clamp(24px,3.5vw,48px)!important;
  border-left:1px solid rgba(249,115,22,.28)!important;
}
html body.page-template-page-integraties .integration-compare__side span{
  color:var(--muted)!important;
  font-size:.82rem!important;
  font-weight:800!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
html body.page-template-page-integraties .integration-compare__side--sync span{
  color:var(--orange)!important;
}
html body.page-template-page-integraties .integration-compare__side h3{
  margin:0!important;
  max-width:15ch!important;
  color:var(--navy)!important;
  font-family:var(--font-body)!important;
  font-size:clamp(1.35rem,1.08rem + .9vw,2rem)!important;
  font-weight:730!important;
  line-height:1.12!important;
  letter-spacing:0!important;
}
html body.page-template-page-integraties .integration-compare__side p{
  margin:0!important;
  max-width:38ch!important;
  color:var(--muted)!important;
  font-size:clamp(1rem,.95rem + .15vw,1.1rem)!important;
  line-height:1.6!important;
}
html body.page-template-page-integraties .integration-compare__side ul{
  display:grid!important;
  gap:0!important;
  margin:clamp(8px,1vw,12px) 0 0!important;
  padding:0!important;
  list-style:none!important;
  border-top:1px solid rgba(19,23,43,.13)!important;
}
html body.page-template-page-integraties .integration-compare__side li{
  margin:0!important;
  padding:clamp(12px,1.6vw,16px) 0!important;
  border-bottom:1px solid rgba(19,23,43,.13)!important;
  color:var(--navy)!important;
  font-weight:650!important;
  line-height:1.35!important;
}
html body.page-template-page-integraties .integration-compare__side--sync li{
  color:var(--navy)!important;
}

@media (max-width:900px){
  html body.page-template-page-integraties .integration-why,
  html body.page-template-page-integraties .integration-why__items article,
  html body.page-template-page-integraties .integration-compare{
    grid-template-columns:1fr!important;
  }
  html body.page-template-page-integraties .integration-why__support{
    grid-column:auto!important;
  }
  html body.page-template-page-integraties .integration-compare__side--sync{
    padding-left:0!important;
    padding-top:clamp(24px,4vw,34px)!important;
    border-left:0!important;
    border-top:1px solid rgba(249,115,22,.28)!important;
  }
}

html body.page-template-page-integraties .integration-handoff{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(280px,.72fr)!important;
  gap:clamp(34px,5vw,82px)!important;
  align-items:start!important;
  margin-top:clamp(30px,4vw,52px)!important;
  margin-bottom:clamp(28px,4vw,48px)!important;
}
html body.page-template-page-integraties .integration-handoff__copy{
  display:grid!important;
  gap:12px!important;
  padding-top:clamp(18px,2.4vw,28px)!important;
  border-top:1px solid rgba(19,23,43,.13)!important;
}
html body.page-template-page-integraties .integration-handoff__copy h3{
  margin:0!important;
  font-family:var(--font-body)!important;
  font-size:clamp(1.25rem,1.04rem + .58vw,1.65rem)!important;
  font-weight:750!important;
  line-height:1.15!important;
  letter-spacing:0!important;
}
html body.page-template-page-integraties .integration-handoff__copy p{
  margin:0!important;
  color:var(--muted)!important;
  font-size:clamp(1rem,.95rem + .15vw,1.1rem)!important;
  line-height:1.6!important;
  max-width:48ch!important;
}
html body.page-template-page-integraties .integration-handoff__summary{
  display:grid!important;
  gap:0!important;
  border-top:1px solid rgba(19,23,43,.13)!important;
}
html body.page-template-page-integraties .integration-handoff__summary strong,
html body.page-template-page-integraties .integration-handoff__summary span{
  display:block!important;
  padding:clamp(13px,1.7vw,18px) 0!important;
  border-bottom:1px solid rgba(19,23,43,.13)!important;
  font-family:var(--font-body)!important;
  letter-spacing:0!important;
  line-height:1.3!important;
}
html body.page-template-page-integraties .integration-handoff__summary strong{
  color:var(--orange)!important;
  font-size:.82rem!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
html body.page-template-page-integraties .integration-handoff__summary span{
  color:var(--navy)!important;
  font-size:clamp(1rem,.95rem + .18vw,1.12rem)!important;
  font-weight:650!important;
}
html body.page-template-page-integraties .integration-platform-list{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(18px,2.4vw,32px);
  padding-top:clamp(18px,2.6vw,30px);
  border-top:1px solid rgba(19,23,43,.12);
}
html body.page-template-page-integraties .integration-platform-list article{
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body.page-template-page-integraties .integration-platform-list h3{
  font-family:var(--font-body)!important;
  font-size:clamp(1rem,.96rem + .16vw,1.14rem)!important;
  font-weight:750!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  margin:0 0 8px!important;
}
html body.page-template-page-integraties .integration-platform-list p{
  color:var(--muted)!important;
  line-height:1.55!important;
}

html body.page-template-page-integraties .template-block--what_integrations .cards{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  max-width:980px!important;
  border-top:1px solid rgba(19,23,43,.14)!important;
}
html body.page-template-page-integraties .template-block--what_integrations .card,
html body.page-template-page-integraties .template-block--what_integrations .card:nth-child(1),
html body.page-template-page-integraties .template-block--what_integrations .card:nth-child(2),
html body.page-template-page-integraties .template-block--what_integrations .card:nth-child(3),
html body.page-template-page-integraties .template-block--what_integrations .card:nth-child(4){
  display:grid!important;
  grid-template-columns:minmax(150px,.32fr) minmax(0,1fr)!important;
  gap:clamp(18px,2.5vw,34px)!important;
  align-items:start!important;
  padding:clamp(18px,2.4vw,26px) 0!important;
  border:0!important;
  border-bottom:1px solid rgba(19,23,43,.14)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body.page-template-page-integraties .template-block--what_integrations .card:before{
  display:none!important;
}
html body.page-template-page-integraties .template-block--what_integrations .card h3,
html body.page-template-page-integraties .template-block--what_integrations .card p{
  grid-column:auto!important;
}
html body.page-template-page-integraties .template-block--what_integrations .card h3{
  font-family:var(--font-body)!important;
  font-weight:750!important;
}

html body.page-template-page-integraties .template-block--cms_sync_core{
  overflow:hidden!important;
}
html body.page-template-page-integraties .cms-sync-core__benefits{
  gap:0!important;
  border-top:1px solid rgba(255,255,255,.16)!important;
}
html body.page-template-page-integraties .cms-sync-core__benefits article,
html body.page-template-page-integraties .cms-sync-core__benefits article:nth-child(2){
  grid-template-columns:minmax(120px,.32fr) minmax(0,1fr)!important;
  transform:none!important;
  padding:clamp(16px,2vw,22px) 0!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.16)!important;
  border-radius:0!important;
  background:transparent!important;
}
html body.page-template-page-integraties .cms-sync-core__benefits span{
  display:none!important;
}
html body.page-template-page-integraties .cms-sync-core__visual{
  min-height:360px!important;
  display:grid!important;
  align-items:center!important;
  padding:clamp(16px,2.4vw,28px) 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body.page-template-page-integraties .cms-sync-core__visual:before{
  display:none!important;
}
html body.page-template-page-integraties .cms-sync-core__path{
  grid-area:1 / 1;
  height:3px;
  width:100%;
  border-radius:999px;
  background:linear-gradient(90deg,var(--orange),rgba(249,115,22,.45),rgba(255,255,255,.20));
}
html body.page-template-page-integraties .cms-sync-core__steps{
  grid-area:1 / 1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(18px,3vw,42px);
  list-style:none;
  margin:0;
  padding:0;
  align-items:start;
}
html body.page-template-page-integraties .cms-sync-core__steps li{
  display:grid;
  gap:10px;
  align-content:start;
  min-height:180px;
  padding-top:58px;
  position:relative;
}
html body.page-template-page-integraties .cms-sync-core__steps li:before{
  content:"";
  position:absolute;
  top:calc(58px - 18px);
  left:0;
  width:36px;
  height:36px;
  border-radius:999px;
  background:var(--orange);
  box-shadow:0 0 0 10px rgba(249,115,22,.12);
}
html body.page-template-page-integraties .cms-sync-core__steps li:nth-child(2){
  padding-top:0;
}
html body.page-template-page-integraties .cms-sync-core__steps li:nth-child(2):before{
  top:calc(58px - 18px);
}
html body.page-template-page-integraties .cms-sync-core__steps span{
  color:var(--orange-2);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.10em;
}
html body.page-template-page-integraties .cms-sync-core__steps strong{
  color:#fff;
  font-family:var(--font-body)!important;
  font-size:clamp(1.2rem,1.08rem + .45vw,1.55rem);
  font-weight:750;
  line-height:1.1;
}
html body.page-template-page-integraties .cms-sync-core__steps p{
  color:rgba(255,255,255,.68);
  line-height:1.55;
  max-width:24ch;
}

@media (max-width:900px){
  html body.page-template-page-integraties .integration-route,
  html body.page-template-page-integraties .integration-platform-list,
  html body.page-template-page-integraties .cms-sync-core,
  html body.page-template-page-integraties .cms-sync-core__steps{
    grid-template-columns:1fr!important;
  }
  html body.page-template-page-integraties .integration-route__line{
    height:36px!important;
    width:2px!important;
    margin-left:20px!important;
    background:linear-gradient(180deg,var(--orange),rgba(249,115,22,.12))!important;
  }
  html body.page-template-page-integraties .integration-route__line span{
    top:50%!important;
    left:18px!important;
    transform:translateY(-50%)!important;
  }
  html body.page-template-page-integraties .template-block--what_integrations .card,
  html body.page-template-page-integraties .template-block--what_integrations .card:nth-child(1),
  html body.page-template-page-integraties .template-block--what_integrations .card:nth-child(2),
  html body.page-template-page-integraties .template-block--what_integrations .card:nth-child(3),
  html body.page-template-page-integraties .template-block--what_integrations .card:nth-child(4),
  html body.page-template-page-integraties .cms-sync-core__benefits article,
  html body.page-template-page-integraties .cms-sync-core__benefits article:nth-child(2){
    grid-template-columns:1fr!important;
  }
  html body.page-template-page-integraties .cms-sync-core__path{
    display:none!important;
  }
  html body.page-template-page-integraties .cms-sync-core__steps li,
  html body.page-template-page-integraties .cms-sync-core__steps li:nth-child(2){
    min-height:0!important;
    padding:0 0 22px 54px!important;
  }
  html body.page-template-page-integraties .cms-sync-core__steps li:before,
  html body.page-template-page-integraties .cms-sync-core__steps li:nth-child(2):before{
    top:4px!important;
    left:0!important;
  }
}

html body.page-template-page-integraties .site-main .hero-topic-visual{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
}
html body.page-template-page-integraties .site-main .hero-topic-visual--integrations{
  min-height:0!important;
  align-content:center!important;
  padding-block:clamp(18px,3vw,34px)!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
}
html body.page-template-page-integraties .cms-sync-core{
  grid-template-columns:minmax(0,.68fr) minmax(520px,1.12fr)!important;
}
html body.page-template-page-integraties .cms-sync-core__visual{
  min-height:280px!important;
  align-items:center!important;
}
html body.page-template-page-integraties .cms-sync-core__path{
  display:block!important;
  grid-area:1 / 1!important;
  width:2px!important;
  height:78%!important;
  margin-left:18px!important;
  background:linear-gradient(180deg,var(--orange),rgba(249,115,22,.36),rgba(255,255,255,.18))!important;
}
html body.page-template-page-integraties .cms-sync-core__steps{
  grid-area:1 / 1!important;
  align-items:start!important;
  grid-template-columns:1fr!important;
  gap:clamp(18px,2.2vw,28px)!important;
  max-width:520px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html body.page-template-page-integraties .cms-sync-core__steps li,
html body.page-template-page-integraties .cms-sync-core__steps li:nth-child(2){
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr)!important;
  gap:2px 18px!important;
  min-height:0!important;
  padding:0!important;
  border-top:0!important;
}
html body.page-template-page-integraties .cms-sync-core__steps li:before,
html body.page-template-page-integraties .cms-sync-core__steps li:nth-child(2):before{
  top:5px!important;
  left:0!important;
}
html body.page-template-page-integraties .cms-sync-core__steps li > *{
  grid-column:2!important;
}
html body.page-template-page-integraties .cms-sync-core__steps p{
  max-width:38ch!important;
}

html body.page-template-page-integraties .cms-sync-core{
  grid-template-columns:minmax(0,.72fr) minmax(560px,1.18fr)!important;
  gap:clamp(42px,6vw,92px)!important;
}
html body.page-template-page-integraties .cms-sync-core__visual{
  min-height:clamp(360px,34vw,500px)!important;
  display:grid!important;
  align-items:center!important;
}
html body.page-template-page-integraties .cms-sync-transfer{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(120px,.38fr) minmax(0,1fr);
  gap:clamp(18px,2.5vw,34px);
  align-items:center;
  width:100%;
}
html body.page-template-page-integraties .cms-sync-transfer:before{
  content:"";
  position:absolute;
  left:22%;
  right:22%;
  top:50%;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(249,115,22,.18),var(--orange),rgba(249,115,22,.22));
  transform:translateY(-50%);
}
html body.page-template-page-integraties .cms-sync-transfer__side{
  position:relative;
  z-index:1;
  display:grid;
  gap:clamp(10px,1.4vw,14px);
  min-height:clamp(230px,19vw,300px);
  align-content:center;
  padding:clamp(22px,3vw,34px);
}
html body.page-template-page-integraties .cms-sync-transfer__side--inlayr{
  border-left:3px solid var(--orange);
}
html body.page-template-page-integraties .cms-sync-transfer__side--cms{
  border-right:3px solid rgba(255,255,255,.24);
  text-align:right;
  justify-items:end;
}
html body.page-template-page-integraties .cms-sync-transfer__side span{
  color:var(--orange-2);
  font-size:.75rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
html body.page-template-page-integraties .cms-sync-transfer__side strong{
  max-width:11ch;
  color:#fff;
  font-family:var(--font-body)!important;
  font-size:clamp(1.95rem,1.35rem + 2.1vw,3.25rem);
  font-weight:750;
  line-height:.98;
  letter-spacing:0;
}
html body.page-template-page-integraties .cms-sync-transfer__side p{
  max-width:28ch;
  color:rgba(255,255,255,.70);
  line-height:1.58;
}
html body.page-template-page-integraties .cms-sync-transfer__side small{
  display:inline-flex;
  color:rgba(255,255,255,.58);
  font-size:.82rem;
  line-height:1.35;
}
html body.page-template-page-integraties .cms-sync-transfer__route{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
}
html body.page-template-page-integraties .cms-sync-transfer__route:before{
  content:"";
  position:absolute;
  width:clamp(82px,8vw,118px);
  height:clamp(82px,8vw,118px);
  border-radius:999px;
  background:rgba(249,115,22,.14);
  box-shadow:0 0 0 18px rgba(249,115,22,.07);
}
html body.page-template-page-integraties .cms-sync-transfer__route em{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:clamp(68px,6.4vw,94px);
  height:clamp(68px,6.4vw,94px);
  border-radius:999px;
  background:var(--orange);
  color:#fff;
  font-style:normal;
  font-size:.76rem;
  font-weight:800;
  line-height:1.08;
  text-align:center;
  box-shadow:0 18px 48px rgba(249,115,22,.28);
}

@media (max-width:900px){
  html body.page-template-page-integraties .cms-sync-core{
    grid-template-columns:1fr!important;
  }
  html body.page-template-page-integraties .cms-sync-transfer{
    grid-template-columns:1fr!important;
  }
  html body.page-template-page-integraties .cms-sync-transfer:before{
    left:50%!important;
    right:auto!important;
    top:22%!important;
    bottom:22%!important;
    width:4px!important;
    height:auto!important;
    transform:translateX(-50%)!important;
    background:linear-gradient(180deg,rgba(249,115,22,.18),var(--orange),rgba(249,115,22,.22))!important;
  }
  html body.page-template-page-integraties .cms-sync-transfer__side--cms{
    text-align:left!important;
    justify-items:start!important;
    border-right:0!important;
    border-left:3px solid rgba(255,255,255,.24)!important;
  }
}

/* Integraties: definitieve CMS Sync-route zonder blokken-in-blokken of botsende tekst. */
html body.page-template-page-integraties .cms-sync-core{
  grid-template-columns:minmax(0,.78fr) minmax(520px,1.12fr)!important;
  gap:clamp(42px,6vw,86px)!important;
  align-items:center!important;
}
html body.page-template-page-integraties .cms-sync-core__visual{
  min-height:0!important;
  padding:clamp(12px,2vw,22px) 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body.page-template-page-integraties .cms-sync-core__visual:before{
  display:none!important;
}
html body.page-template-page-integraties .cms-sync-transfer{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(24px,3.8vw,56px)!important;
  align-items:start!important;
  width:100%!important;
  padding-top:58px!important;
}
html body.page-template-page-integraties .cms-sync-transfer:before{
  content:""!important;
  position:absolute!important;
  left:calc(16.66% + 18px)!important;
  right:calc(16.66% + 18px)!important;
  top:18px!important;
  height:3px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,rgba(249,115,22,.35),var(--orange),rgba(255,255,255,.18))!important;
  transform:none!important;
}
html body.page-template-page-integraties .cms-sync-transfer__side,
html body.page-template-page-integraties .cms-sync-transfer__route{
  display:none!important;
}
html body.page-template-page-integraties .cms-sync-transfer__step{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  gap:clamp(8px,1vw,12px)!important;
  align-content:start!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
}
html body.page-template-page-integraties .cms-sync-transfer__step:before{
  content:""!important;
  position:absolute!important;
  top:-52px!important;
  left:0!important;
  width:36px!important;
  height:36px!important;
  border-radius:999px!important;
  background:var(--orange)!important;
  box-shadow:0 0 0 10px rgba(249,115,22,.12)!important;
}
html body.page-template-page-integraties .cms-sync-transfer__step--sync:before{
  width:48px!important;
  height:48px!important;
  top:-58px!important;
  box-shadow:0 0 0 14px rgba(249,115,22,.12),0 18px 42px rgba(249,115,22,.18)!important;
}
html body.page-template-page-integraties .cms-sync-transfer__step span{
  color:var(--orange-2)!important;
  font-size:.76rem!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
html body.page-template-page-integraties .cms-sync-transfer__step strong{
  max-width:12ch!important;
  color:#fff!important;
  font-family:var(--font-body)!important;
  font-size:clamp(1.18rem,1.03rem + .55vw,1.55rem)!important;
  font-weight:750!important;
  line-height:1.12!important;
  letter-spacing:0!important;
}
html body.page-template-page-integraties .cms-sync-transfer__step p{
  max-width:26ch!important;
  margin:0!important;
  color:rgba(255,255,255,.70)!important;
  font-size:clamp(.98rem,.94rem + .12vw,1.06rem)!important;
  line-height:1.55!important;
}
html body.page-template-page-integraties .cms-sync-transfer__step small{
  display:block!important;
  margin-top:2px!important;
  color:rgba(255,255,255,.52)!important;
  font-size:.8rem!important;
  line-height:1.35!important;
}

@media (max-width:980px){
  html body.page-template-page-integraties .cms-sync-core{
    grid-template-columns:1fr!important;
  }
}
@media (max-width:720px){
  html body.page-template-page-integraties .cms-sync-transfer{
    grid-template-columns:1fr!important;
    gap:30px!important;
    padding-top:0!important;
    padding-left:58px!important;
  }
  html body.page-template-page-integraties .cms-sync-transfer:before{
    left:18px!important;
    right:auto!important;
    top:18px!important;
    bottom:18px!important;
    width:3px!important;
    height:auto!important;
    background:linear-gradient(180deg,rgba(249,115,22,.35),var(--orange),rgba(255,255,255,.18))!important;
  }
  html body.page-template-page-integraties .cms-sync-transfer__step:before,
  html body.page-template-page-integraties .cms-sync-transfer__step--sync:before{
    top:0!important;
    left:-56px!important;
    width:36px!important;
    height:36px!important;
  }
}

/* Integraties: CMS Sync-route blijft ook op desktop verticaal leesbaar. */
html body.page-template-page-integraties .cms-sync-core{
  grid-template-columns:minmax(0,.95fr) minmax(390px,.82fr)!important;
  gap:clamp(52px,7vw,104px)!important;
}
html body.page-template-page-integraties .cms-sync-core__visual{
  align-self:stretch!important;
  align-items:center!important;
}
html body.page-template-page-integraties .cms-sync-transfer{
  grid-template-columns:1fr!important;
  gap:clamp(28px,3vw,42px)!important;
  padding:0 0 0 74px!important;
  max-width:440px!important;
  margin-left:auto!important;
}
html body.page-template-page-integraties .cms-sync-transfer:before{
  left:18px!important;
  right:auto!important;
  top:12px!important;
  bottom:12px!important;
  width:3px!important;
  height:auto!important;
  background:linear-gradient(180deg,rgba(249,115,22,.40),var(--orange),rgba(255,255,255,.18))!important;
}
html body.page-template-page-integraties .cms-sync-transfer__step:before,
html body.page-template-page-integraties .cms-sync-transfer__step--sync:before{
  top:0!important;
  left:-72px!important;
  width:38px!important;
  height:38px!important;
}
html body.page-template-page-integraties .cms-sync-transfer__step--sync:before{
  width:50px!important;
  height:50px!important;
  left:-78px!important;
}
html body.page-template-page-integraties .cms-sync-transfer__step{
  gap:8px!important;
}
html body.page-template-page-integraties .cms-sync-transfer__step strong{
  max-width:18ch!important;
  font-size:clamp(1.24rem,1.05rem + .48vw,1.55rem)!important;
  line-height:1.14!important;
}
html body.page-template-page-integraties .cms-sync-transfer__step p{
  max-width:34ch!important;
}

@media (max-width:980px){
  html body.page-template-page-integraties .cms-sync-core{
    grid-template-columns:1fr!important;
  }
  html body.page-template-page-integraties .cms-sync-transfer{
    margin-left:0!important;
    max-width:620px!important;
  }
}

/* Integraties: wat-is-blok krijgt een andere vorm dan de vergelijkingsrij erboven. */
html body.page-template-page-integraties .template-block--what_integrations .cards{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:clamp(18px,2.5vw,30px)!important;
  max-width:100%!important;
  border-top:0!important;
}
html body.page-template-page-integraties .template-block--what_integrations .card,
html body.page-template-page-integraties .template-block--what_integrations .card:nth-child(1),
html body.page-template-page-integraties .template-block--what_integrations .card:nth-child(2),
html body.page-template-page-integraties .template-block--what_integrations .card:nth-child(3),
html body.page-template-page-integraties .template-block--what_integrations .card:nth-child(4){
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:clamp(12px,1.4vw,16px)!important;
  min-height:clamp(170px,15vw,230px)!important;
  padding:clamp(24px,3vw,34px)!important;
  border:1px solid rgba(19,23,43,.12)!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 18px 48px rgba(19,23,43,.045)!important;
}
html body.page-template-page-integraties .template-block--what_integrations .card:nth-child(2),
html body.page-template-page-integraties .template-block--what_integrations .card:nth-child(3){
  background:linear-gradient(145deg,#fff,rgba(255,246,239,.72))!important;
}
html body.page-template-page-integraties .template-block--what_integrations .card h3{
  position:relative!important;
  padding-top:clamp(16px,2vw,22px)!important;
}
html body.page-template-page-integraties .template-block--what_integrations .card h3:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:46px!important;
  height:4px!important;
  border-radius:999px!important;
  background:var(--orange)!important;
}
html body.page-template-page-integraties .template-block--what_integrations .card p{
  max-width:38ch!important;
}

/* Integraties: kernfunctie-route breder gebruiken en logisch nummeren. */
html body.page-template-page-integraties .template-block--cms_sync_core .section__inner{
  width:var(--wrap)!important;
  max-width:1180px!important;
}
html body.page-template-page-integraties .cms-sync-core{
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;
  gap:clamp(44px,5.5vw,74px)!important;
}
html body.page-template-page-integraties .cms-sync-transfer{
  grid-template-columns:1fr!important;
  gap:clamp(28px,3vw,42px)!important;
  max-width:620px!important;
  width:100%!important;
  margin-inline:auto!important;
  padding:0 0 0 74px!important;
}
html body.page-template-page-integraties .cms-sync-core__visual{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
}
html body.page-template-page-integraties .cms-sync-transfer:before{
  left:18px!important;
  right:auto!important;
  top:12px!important;
  bottom:12px!important;
  width:3px!important;
  height:auto!important;
  background:linear-gradient(180deg,rgba(249,115,22,.38),var(--orange),rgba(255,255,255,.18))!important;
}
html body.page-template-page-integraties .cms-sync-transfer__step:before,
html body.page-template-page-integraties .cms-sync-transfer__step--sync:before{
  top:0!important;
  left:-72px!important;
  width:38px!important;
  height:38px!important;
}
html body.page-template-page-integraties .cms-sync-transfer__step--sync:before{
  width:44px!important;
  height:44px!important;
  top:0!important;
  left:-75px!important;
}
html body.page-template-page-integraties .cms-sync-transfer__step strong{
  max-width:24ch!important;
}
html body.page-template-page-integraties .cms-sync-transfer__step p{
  max-width:52ch!important;
}
html body.page-template-page-integraties .cms-sync-transfer__step{
  grid-template-columns:minmax(160px,.44fr) minmax(220px,.56fr)!important;
  column-gap:clamp(20px,2.5vw,34px)!important;
  row-gap:8px!important;
  align-items:start!important;
  width:100%!important;
  max-width:560px!important;
}
html body.page-template-page-integraties .cms-sync-transfer__step span{
  grid-column:1 / -1!important;
}
html body.page-template-page-integraties .cms-sync-transfer__step strong{
  grid-column:1!important;
}
html body.page-template-page-integraties .cms-sync-transfer__step p,
html body.page-template-page-integraties .cms-sync-transfer__step small{
  grid-column:2!important;
}
html body.page-template-page-integraties .cms-sync-transfer__step p{
  padding-top:.1em!important;
}
html body.page-template-page-integraties .cms-sync-core__benefits article,
html body.page-template-page-integraties .cms-sync-core__benefits article:nth-child(2){
  grid-template-columns:1fr!important;
  gap:6px!important;
}
html body.page-template-page-integraties .cms-sync-core__benefits h3{
  max-width:18ch!important;
}
html body.page-template-page-integraties .cms-sync-core__benefits p{
  max-width:36ch!important;
}

@media (max-width:980px){
  html body.page-template-page-integraties .cms-sync-core,
  html body.page-template-page-integraties .template-block--what_integrations .cards{
    grid-template-columns:1fr!important;
  }
  html body.page-template-page-integraties .template-block--cms_sync_core .section__inner{
    width:var(--wrap)!important;
    max-width:1180px!important;
  }
  html body.page-template-page-integraties .cms-sync-transfer{
    grid-template-columns:1fr!important;
    gap:30px!important;
    padding:0 0 0 58px!important;
  }
  html body.page-template-page-integraties .cms-sync-transfer__step{
    grid-template-columns:1fr!important;
    max-width:620px!important;
  }
  html body.page-template-page-integraties .cms-sync-transfer__step span,
  html body.page-template-page-integraties .cms-sync-transfer__step strong,
  html body.page-template-page-integraties .cms-sync-transfer__step p,
  html body.page-template-page-integraties .cms-sync-transfer__step small{
    grid-column:1!important;
  }
  html body.page-template-page-integraties .cms-sync-transfer:before{
    left:18px!important;
    right:auto!important;
    top:18px!important;
    bottom:18px!important;
    width:3px!important;
    height:auto!important;
    background:linear-gradient(180deg,rgba(249,115,22,.38),var(--orange),rgba(255,255,255,.18))!important;
  }
  html body.page-template-page-integraties .cms-sync-transfer__step:before,
  html body.page-template-page-integraties .cms-sync-transfer__step--sync:before{
    top:0!important;
    left:-56px!important;
    width:36px!important;
    height:36px!important;
  }
}