/* Coastal design touches — clean white waves on dark panels. */

:root{
	--wave-white:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%201440%2080%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20fill%3D%27%23ffffff%27%20d%3D%27M0%2C0%20C240%2C70%20480%2C10%20720%2C40%20C960%2C70%201200%2C10%201440%2C40%20L1440%2C80%20L0%2C80%20Z%27%2F%3E%3C%2Fsvg%3E");
	--wave-accent:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%201440%2080%27%20preserveAspectRatio%3D%27none%27%3E%3Cpath%20fill%3D%27%232aa4b5%27%20fill-opacity%3D%270.12%27%20d%3D%27M0%2C10%20C360%2C70%20720%2C0%201080%2C35%20C1260%2C55%201380%2C20%201440%2C30%20L1440%2C80%20L0%2C80%20Z%27%2F%3E%3C%2Fsvg%3E");
}

/* HERO: white wave divider at the bottom (blends into the white trust strip) */
.hp-hero{position:relative}
.hp-hero::after{
	content:"";
	position:absolute;
	left:0;right:0;bottom:0;
	height:48px;
	background:var(--wave-white) bottom/100% 100% no-repeat;
	pointer-events:none;
	z-index:3;
}
.hp-hero-inner{position:relative;z-index:4}

/* FOOTER: white wave crest at the top (blends with the white section above) */
.site-footer{position:relative}
.site-footer::before{
	content:"";
	position:absolute;
	left:0;right:0;top:-47px;
	height:48px;
	background:var(--wave-white) top/100% 100% no-repeat;
	transform:rotate(180deg);
	pointer-events:none;
	z-index:1;
}

/* CTA BANNER: soft turquoise sea accent in the corner */
.hp-cta-inner{position:relative;overflow:hidden}
.hp-cta-inner::after{
	content:"";
	position:absolute;
	inset-inline-end:-50px;bottom:-24px;
	width:240px;height:70px;
	background:var(--wave-accent) center/contain no-repeat;
	pointer-events:none;
	z-index:0;
}

/* SIDEBAR VALUE CARD: small turquoise wave at the bottom */
.value-card{position:relative;overflow:hidden}
.value-card::after{
	content:"";
	position:absolute;
	left:0;right:0;bottom:0;
	height:22px;
	background:var(--wave-accent) bottom/100% 100% no-repeat;
	pointer-events:none;
	z-index:0;
}