/* Issue2web brand + layout */
:root{
	--i2w-navy:#0d2552;
	--i2w-blue:#0878d8;
	--i2w-blue2:#35a7ff;
	--i2w-mint:#19bd99;
	--i2w-ink:#14213d;
	--i2w-muted:#5d6b82;
	--i2w-sky:#eff8ff;
	--i2w-soft:#f7fbff;
	--i2w-line:#dce9f3;
	--i2w-white:#fff;
}
html{scroll-behavior:smooth}
body{color:var(--i2w-ink);background:#fff}

.wp-site-blocks>header.wp-block-template-part{
	position:sticky!important;
	top:0!important;
	z-index:1000!important;
}
.admin-bar .wp-site-blocks>header.wp-block-template-part{top:32px!important}

.i2w-header{
	position:relative!important;
	top:auto;
	z-index:auto;
	background:#fff;
	backdrop-filter:none;
	border-bottom:1px solid rgba(13,37,82,.06);
	box-shadow:0 5px 18px rgba(13,37,82,.07);
	transition:box-shadow .25s ease,background .25s ease;
}
.i2w-header-inner{min-height:66px;padding:0 1.5rem;transition:min-height .25s ease}
.i2w-logo{display:block;width:190px;color:var(--i2w-navy);line-height:0;transition:width .25s ease,transform .25s ease}
.i2w-logo svg{width:100%;height:auto;display:block}
.i2w-logo-mark{color:var(--i2w-blue)}
body.i2w-scrolled .i2w-header{background:#fff;box-shadow:0 6px 20px rgba(13,37,82,.09)}
body.i2w-scrolled .i2w-header-inner{min-height:56px}
body.i2w-scrolled .i2w-logo{width:160px}
.i2w-main-nav{font-size:.94rem}
.i2w-main-nav .wp-block-navigation-item__content{text-decoration:none!important;color:var(--i2w-navy)}
.issue2web-nav-cta a{
	background:linear-gradient(135deg,var(--i2w-blue),#0069c7);
	color:#fff!important;
	border-radius:999px;
	padding:.72rem 1.15rem!important;
	box-shadow:0 8px 22px rgba(8,120,216,.22);
	font-weight:700;
}

.wp-block-post-content>.wp-block-group:first-child{
	background:
		radial-gradient(circle at 86% 12%,rgba(53,167,255,.22),transparent 31%),
		radial-gradient(circle at 72% 80%,rgba(25,189,153,.11),transparent 28%),
		linear-gradient(135deg,#fbfdff 0,#eef7ff 100%);
	border-bottom:1px solid var(--i2w-line);
}

h1{
	font-size:clamp(3rem,6.5vw,6.3rem)!important;
	line-height:.96!important;
	letter-spacing:-.058em;
	max-width:980px;
	color:var(--i2w-navy);
}
h2{letter-spacing:-.04em;line-height:1.05;color:var(--i2w-navy)}
h3{color:var(--i2w-navy)}
p{color:var(--i2w-muted)}
strong{color:var(--i2w-ink)}

.wp-block-button__link{
	border-radius:999px!important;
	padding:.95rem 1.4rem!important;
	font-weight:750;
	text-decoration:none!important;
	transition:transform .2s ease,box-shadow .2s ease;
}
.wp-block-button__link:hover{transform:translateY(-2px)}
.wp-block-button:not(.is-style-outline) .wp-block-button__link{
	background:linear-gradient(135deg,var(--i2w-blue),#0068c6)!important;
	box-shadow:0 12px 28px rgba(8,120,216,.2);
}
.wp-block-button.is-style-outline .wp-block-button__link{
	border-color:rgba(13,37,82,.28)!important;
	color:var(--i2w-navy)!important;
	background:rgba(255,255,255,.66);
}

.wp-block-columns{gap:1.25rem}
.wp-block-columns>.wp-block-column{
	border:1px solid var(--i2w-line);
	border-radius:22px;
	padding:1.8rem;
	background:#fff;
	box-shadow:0 14px 40px rgba(13,37,82,.055);
}

/* Hero: geen kaart-chrome op de kolommen — die drukte de illustratie in. */
.i2w-hero .wp-block-columns{
	gap:clamp(1.5rem,3vw,2.75rem);
	align-items:center;
}
.i2w-hero .wp-block-columns>.wp-block-column{
	border:0;
	border-radius:0;
	padding:0;
	background:transparent;
	box-shadow:none;
	min-width:0;
	overflow:visible;
}
.i2w-hero h1{
	font-size:clamp(2.15rem,2.4vw + 1.1rem,3.25rem)!important;
	line-height:1.08!important;
	letter-spacing:-.045em;
	max-width:none;
}
.i2w-hero .has-large-font-size{
	max-width:36rem;
}

#hoe-het-werkt h3,
#how-it-works h3{color:var(--i2w-blue)}
#installeren,
#install{
	background:linear-gradient(135deg,#09244f,#0e376f);
	color:#fff;
	position:relative;
	overflow:hidden;
}
#installeren:before,
#install:before{
	content:"";
	position:absolute;
	width:420px;
	height:420px;
	border-radius:50%;
	background:rgba(53,167,255,.13);
	right:-120px;
	top:-180px;
}
#installeren h2,
#installeren p,
#install h2,
#install p{color:#fff;position:relative}

.i2w-flow{
	display:grid;
	grid-template-columns:minmax(132px,.82fr) 44px minmax(210px,1.28fr);
	gap:.75rem 1rem;
	align-items:center;
	margin-top:0;
	width:100%;
	min-width:0;
	box-sizing:border-box;
	background:#fff;
	border:1px solid var(--i2w-line);
	border-radius:24px;
	padding:1.35rem 1.2rem;
	box-shadow:0 14px 40px rgba(13,37,82,.055);
	overflow:visible;
}
.i2w-magazine{
	background:linear-gradient(145deg,#fff,#dff1ff);
	border:1px solid #cce5f6;
	border-radius:8px;
	min-height:280px;
	min-width:0;
	padding:1.05rem .95rem 2.5rem;
	box-shadow:18px 22px 40px rgba(13,37,82,.14);
	transform:rotate(-3deg);
	transform-origin:center center;
	position:relative;
	box-sizing:border-box;
}
.i2w-magazine:before{
	content:"MAGAZINE";
	display:block;
	font-weight:900;
	font-size:clamp(1.15rem,1.6vw,1.55rem);
	color:var(--i2w-navy);
	letter-spacing:-.05em;
}
.i2w-magazine p{
	margin:.4rem 0 0;
	color:var(--i2w-ink);
	font-size:.9rem;
	font-weight:650;
	line-height:1.25;
}
.i2w-magazine:after{
	content:"PDF";
	position:absolute;
	right:.85rem;
	bottom:.85rem;
	background:#e84747;
	color:#fff;
	font-weight:800;
	border-radius:8px;
	padding:.4rem .55rem;
	font-size:.78rem;
}
.i2w-arrow{
	font-size:2.4rem;
	text-align:center;
	color:var(--i2w-blue);
	font-weight:200;
	line-height:1;
}
.i2w-result{
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(0,1fr);
	gap:.65rem;
	min-width:0;
}
.i2w-article-card{
	background:#fff;
	border:1px solid var(--i2w-line);
	border-radius:16px;
	padding:.85rem .75rem .9rem;
	box-shadow:0 12px 30px rgba(13,37,82,.07);
	min-width:0;
	box-sizing:border-box;
}
.i2w-card-image{
	height:72px;
	border-radius:10px;
	background:linear-gradient(135deg,#9bd3ff,#dff4ff);
	margin-bottom:.55rem;
}
.i2w-article-card strong{
	display:block;
	color:var(--i2w-navy);
	line-height:1.2;
	font-size:.82rem;
}
.i2w-chip{
	display:inline-block;
	margin-top:.5rem;
	padding:.22rem .48rem;
	border-radius:999px;
	background:#e9fbf6;
	color:#067c62;
	font-size:.68rem;
	font-weight:800;
}
.i2w-proof-strip{
	display:flex;
	gap:1.1rem;
	flex-wrap:wrap;
	margin-top:1.25rem;
	font-size:.9rem;
	color:var(--i2w-muted);
}
.i2w-proof-strip span:before{
	content:"✓";
	color:var(--i2w-mint);
	font-weight:900;
	margin-right:.38rem;
}

.wp-block-woocommerce-customer-account{display:none!important}
.wp-site-blocks>footer{border-top:1px solid var(--i2w-line);background:#f8fbfe}
.wp-site-blocks>footer ul{list-style:none;padding:0}
.wp-site-blocks>footer a{text-decoration:none;color:var(--i2w-navy)}
.wp-site-blocks>footer .wp-block-columns>.wp-block-column{
	border:0;
	box-shadow:none;
	background:transparent;
	padding:0;
}

@media (max-width:1100px){
	.i2w-hero .wp-block-columns{
		flex-wrap:wrap!important;
	}
	.i2w-hero .wp-block-columns>.wp-block-column{
		flex-basis:100%!important;
	}
	.i2w-flow{
		max-width:740px;
		margin-inline:auto;
	}
}
@media (max-width:980px){
	.i2w-main-nav .wp-block-navigation-item:nth-child(2){display:none}
}
@media (max-width:700px){
	h1{font-size:clamp(2.8rem,14vw,4.7rem)!important}
	.i2w-hero h1{font-size:clamp(2.1rem,9vw,2.8rem)!important;line-height:1.1!important}
	.i2w-header-inner{min-height:68px;padding:0 1rem}
	.i2w-logo{width:172px}
	body.i2w-scrolled .i2w-logo{width:145px}
	.wp-block-post-content>.wp-block-group:first-child{
		padding-top:4.5rem!important;
		padding-bottom:4.5rem!important;
	}
	.i2w-flow{
		grid-template-columns:1fr;
		justify-items:center;
		padding:1.15rem 1rem 1.25rem;
	}
	.i2w-arrow{transform:rotate(90deg)}
	.i2w-magazine{max-width:280px;width:100%;min-height:240px}
	.i2w-result{width:100%}
	.i2w-main-nav{font-size:1rem}
}
@media (max-width:782px){
	.admin-bar .wp-site-blocks>header.wp-block-template-part{top:46px!important}
}