html {
		scroll-behavior: smooth;
	}

	body {
		margin: 0;
		font-family: "Inter", "Segoe UI", Roboto, sans-serif;
		background: linear-gradient(
			180deg,
			rgb(247 250 252 / 1) 0%,
			rgb(238 242 255 / 1) 100%
		);
		color: rgb(31 41 55 / 1);
	}

	div.svelte-ievkcv {
		min-height: 100vh;
	}

	header.svelte-ievkcv {
		padding: 1.25rem clamp(1rem, 4vw, 3rem) 4rem;
	}

	nav.svelte-ievkcv {
		position: sticky;
		top: 0.75rem;
		width: min(100%, 980px);
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 1rem;
		padding: 0.75rem 1rem;
		border: 1px solid rgb(226 232 240 / 1);
		border-radius: 999px;
		background: rgb(255 255 255 / 0.88);
		backdrop-filter: blur(8px);
		z-index: 10;
	}

	nav.svelte-ievkcv > a:where(.svelte-ievkcv) {
		font-weight: 800;
		letter-spacing: 0.02em;
		color: rgb(30 58 138 / 1);
		text-decoration: none;
		white-space: nowrap;
	}

	nav.svelte-ievkcv ul:where(.svelte-ievkcv) {
		display: flex;
		gap: 0.8rem;
		list-style: none;
		margin: 0;
		padding: 0;
		flex-wrap: wrap;
		justify-content: flex-end;
	}

	nav.svelte-ievkcv a:where(.svelte-ievkcv) {
		color: rgb(51 65 85 / 1);
		text-decoration: none;
		font-weight: 600;
		padding: 0.35rem 0.65rem;
		border-radius: 999px;
		transition: background-color 0.2s ease;
	}

	nav.svelte-ievkcv a:where(.svelte-ievkcv):hover,
	nav.svelte-ievkcv a:where(.svelte-ievkcv):focus-visible {
		background: rgb(219 234 254 / 1);
		outline: none;
	}

	#hero-content.svelte-ievkcv {
		max-width: 860px;
		margin: 4rem auto 0;
	}

	#eyebrow.svelte-ievkcv {
		display: inline-block;
		padding: 0.3rem 0.7rem;
		border-radius: 999px;
		font-size: 0.85rem;
		font-weight: 700;
		background: rgb(219 234 254 / 1);
		color: rgb(30 58 138 / 1);
	}

	h1.svelte-ievkcv {
		margin: 1rem 0 0;
		font-size: clamp(2rem, 4.8vw, 3.2rem);
		line-height: 1.15;
		color: rgb(15 23 42 / 1);
	}

	#hero-content.svelte-ievkcv p:where(.svelte-ievkcv) {
		font-size: 1.1rem;
		line-height: 1.7;
		max-width: 60ch;
	}

	#cta.svelte-ievkcv {
		display: inline-block;
		margin-top: 0.7rem;
		padding: 0.7rem 1.15rem;
		border-radius: 0.75rem;
		background: rgb(37 99 235 / 1);
		color: rgb(255 255 255 / 1);
		font-weight: 700;
		text-decoration: none;
		box-shadow: 0 10px 20px -12px rgb(37 99 235 / 1);
		transition: transform 0.2s ease;
	}

	#cta.svelte-ievkcv:hover,
	#cta.svelte-ievkcv:focus-visible {
		transform: translateY(-1px);
		outline: none;
	}

	main.svelte-ievkcv {
		max-width: 980px;
		margin: 0 auto;
		padding: 0 clamp(1rem, 4vw, 3rem) 4rem;
		display: grid;
		gap: 1rem;
	}

	main.svelte-ievkcv section:where(.svelte-ievkcv) {
		background: rgb(255 255 255 / 1);
		padding: clamp(1rem, 3vw, 2rem);
		border-radius: 1.25rem;
		border: 1px solid rgb(226 232 240 / 1);
		box-shadow: 0 20px 50px -40px rgb(15 23 42 / 1);
		scroll-margin-top: 6rem;
	}

	h2.svelte-ievkcv {
		margin-top: 0;
		font-size: clamp(1.35rem, 2.5vw, 1.75rem);
		color: rgb(29 78 216 / 1);
	}

	main.svelte-ievkcv section:where(.svelte-ievkcv) p:where(.svelte-ievkcv),
	main.svelte-ievkcv section:where(.svelte-ievkcv) li:where(.svelte-ievkcv) {
		line-height: 1.75;
		font-size: 1.03rem;
	}

	#uslugi.svelte-ievkcv ul:where(.svelte-ievkcv) {
		margin: 0;
		padding-left: 1.25rem;
		display: grid;
		gap: 0.45rem;
	}

	#kontakt.svelte-ievkcv a[href^="tel"]:where(.svelte-ievkcv) {
		display: inline-block;
		margin-top: 0.2rem;
		font-size: clamp(1.35rem, 4vw, 1.7rem);
		font-weight: 800;
		letter-spacing: 0.02em;
		text-decoration: none;
		color: rgb(30 64 175 / 1);
	}

	@media (width <= 700px) {
		header.svelte-ievkcv {
			padding-top: 0.75rem;
		}

		nav.svelte-ievkcv {
			border-radius: 1rem;
			position: sticky;
			top: 0.5rem;
			align-items: flex-start;
			flex-direction: column;
		}

		#hero-content.svelte-ievkcv {
			margin-top: 2.3rem;
		}
	}