:root {
				--blue: #00587C;
				/* Webtérülő sötétkék */
				--teal: #00859B;
				/* Webtérülő türkiz */
				--gray: #e8e8e8;
				/* Webtérülő szürke háttér */
				--grad: linear-gradient(to right, #ffc107, #fc7b00);
				/* Webtérülő narancs áttűnés */
			}

			.btn-primary {
				background: var(--grad);
				border-color: #f59000;
				color: #1b3f53;
				font-weight: 700;
			}

			.btn-primary:hover,
			.btn-primary:focus {
				background: linear-gradient(to right, #ffd85a, #ff8f1a);
				border-color: #ff8f1a;
				color: #14323f;
			}

			.btn-outline-primary,
			.btn-outline-secondary {
				color: var(--blue);
				border-color: var(--teal);
				font-weight: 700;
			}

			.btn-outline-primary:hover,
			.btn-outline-secondary:hover,
			.btn-outline-primary:focus,
			.btn-outline-secondary:focus {
				color: #0f2f40;
				background: var(--grad);
				border-color: #f59000;
			}

			.btn-outline-primary.active,
			.btn-outline-primary.active:hover,
			.btn-outline-primary.active:focus,
			.btn-outline-primary.active:focus-visible {
				color: #0f2f40;
				background: var(--grad);
				border-color: #f59000;
			}

			* {
				box-sizing: border-box
			}

body {
				margin: 0;
				font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Arial, sans-serif;
				color: var(--blue);
				background: var(--gray);
				line-height: 1.5;
			}

			.beta-banner {
				max-width: 960px;
				margin: 10px auto 6px;
				padding: 6px 7px;
				background: #0f2f40;
				color: #fefcf7;
				border-radius: 12px;
				box-shadow: 0 10px 24px rgba(0, 0, 0, .12);
				display: flex;
				align-items: center;
				gap: 10px;
				font-weight: 700;
				letter-spacing: .1px;
			}

			.beta-banner__dot {
				width: 12px;
				height: 12px;
				border-radius: 999px;
				background: var(--grad);
				box-shadow: 0 0 0 6px rgba(255, 193, 7, .15);
				display: inline-block;
				flex-shrink: 0;
			}

			.beta-banner__text {
				color: inherit;
				font-size: 14px;
			}

.welcome-nav {
	margin-bottom: 16px;
	padding: 8px 0;
	border-bottom: 1px solid #eef2f4;
	position: sticky;
	top: 0;
	background: #fff;
	z-index: 1020;
}

.welcome-nav .container-fluid {
	align-items: center;
	gap: 12px;
}

.welcome-nav .navbar-brand {
	padding-top: 0;
	padding-bottom: 0;
}

.welcome-nav__brand {
	display: flex;
	align-items: center;
	flex: 0 1 220px;
	width: min(60vw, 220px);
	max-width: min(60vw, 220px);
	min-width: 0;
	padding: 0;
	margin-right: 12px;
}

.welcome-nav__logo {
	width: 100%;
	height: auto;
	max-height: 60px;
	max-width: 100%;
}

.welcome-nav .navbar-toggler {
	border-color: #d9e2ec;
	color: var(--blue);
	box-shadow: none;
	position: relative;
	z-index: 2;
}

			.welcome-nav .navbar-toggler:focus {
				box-shadow: 0 0 0 .15rem rgba(0, 133, 155, .25);
			}

			.welcome-nav__links {
				display: flex;
				align-items: center;
				gap: 16px;
				list-style: none;
				padding: 0;
				margin: 0;
				flex-wrap: wrap;
			}

			.welcome-nav__links .nav-link {
				text-decoration: none;
				color: var(--blue);
				font-weight: 700;
				letter-spacing: .2px;
				padding: 6px 0;
			}

			.welcome-nav__links .nav-link:focus,
			.welcome-nav__links .nav-link:focus-visible {
				color: var(--blue);
			}

			.welcome-nav__links .nav-link:hover {
				text-decoration: underline;
			}

			.welcome-nav__lang {
				display: flex;
				align-items: center;
				gap: 8px;
				flex-wrap: wrap;
				color: #52798b;
				font-weight: 600;
			}

			.welcome-nav__lang a {
				text-decoration: none;
				color: var(--blue);
				font-weight: 700;
			}

			.welcome-nav__lang a.active {
				text-decoration: underline;
			}

			.welcome-nav__lang a:hover {
				text-decoration: underline;
			}

			.blog-card__title-link {
				color: var(--blue);
			}

			.blog-card__title-link:hover,
			.blog-card__title-link:focus {
				color: #0f2f40;
			}

@media (max-width: 991.98px) {
	.welcome-nav .container-fluid {
		justify-content: space-between;
	}

	.welcome-nav__links {
		flex-direction: column;
		align-items: flex-start;
		padding-top: 12px;
	}

				.welcome-nav__lang {
					margin-top: 12px;
				}

	.welcome-nav__brand {
		flex: 0 1 170px;
		width: min(62vw, 170px);
		max-width: min(62vw, 170px);
		margin-right: 0;
	}

	.welcome-nav__logo {
		width: auto;
		max-height: 46px;
	}
}

.wrap {
	max-width: 100%;
	margin: 20px auto;
	padding: 24px;
	background: #fff;
	border-radius: 18px;
	box-shadow: 0 10px 24px rgba(0, 0, 0, .07);
}

@media (min-width: 992px) {
	.wrap {
		width: 73vw;
	}
}

                        .welcome-hero {
                                padding: 24px 24px clamp(96px, 10vw, 120px);
                                border-radius: 18px;
                                background: linear-gradient(135deg, #f7fbfc 0%, #edf7fa 100%);
                                border: 1px solid #c2e5ec;
                                box-shadow: 0 14px 36px rgba(0, 88, 124, 0.08);
                        }

                        .welcome-hero .row {
                                --bs-gutter-y: 18px;
                        }

                        @media (min-width: 992px) {
                                .welcome-hero .row {
                                        --bs-gutter-x: 18px;
                                }

                                .welcome-hero__panel {
                                        margin-top: 18px;
                                }
                        }

			.welcome-hero__content {
				display: grid;
				gap: 12px;
			}

			.welcome-hero__brand {
				display: flex;
				align-items: center;
				gap: 12px;
				flex-wrap: wrap;
			}

			.welcome-hero__badge {
				display: inline-block;
				padding: 8px 12px;
				border-radius: 999px;
				background: #fff2d5;
				color: #a65000;
				font-weight: 800;
				letter-spacing: .2px;
				box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
				max-width: 100%;
				text-align: left;
			}

			@media (max-width: 575.98px) {
				.welcome-hero__brand {
					flex-direction: column;
					align-items: flex-start;
				}

				.welcome-hero__badge {
					width: 100%;
				}
			}

			.welcome-hero__title {
				margin: 0;
				font-size: 30px;
				font-weight: 800;
				color: #00587C;
			}

			.welcome-hero__lead {
				margin: 0;
				font-size: 18px;
				color: #1b3f53;
			}

			.welcome-hero__sublead {
				margin: 0;
				color: #355263;
				font-size: 17px;
			}

			.welcome-hero__orientation {
				margin: 0;
				color: #355263;
				font-size: 17px;
			}

			.welcome-hero__actions {
				display: flex;
				gap: 12px;
				flex-wrap: wrap;
			}

			.welcome-hero__media {
				display: flex;
				justify-content: center;
			}

			.welcome-hero__image {
				width: 100%;
				max-width: 360px;
				border-radius: 16px;
				box-shadow: 0 18px 32px rgba(0, 88, 124, 0.16);
			}

			.welcome-hero__panel {
				background: #ffffff;
				border-radius: 16px;
				padding: 18px;
				border: 1px solid #d9e2ec;
				box-shadow: inset 0 1px 0 #eef2f4;
				display: grid;
				gap: 14px;
			}

			.welcome-hero__panel-header {
				display: grid;
				gap: 6px;
			}

			.welcome-hero__kicker {
				margin: 0;
				text-transform: uppercase;
				color: #00859b;
				font-weight: 800;
				letter-spacing: .3px;
			}

			.welcome-hero__panel-text {
				margin: 0;
				color: #355263;
			}

			.welcome-hero__divider {
				padding: 12px;
				border: 1px dashed #c2e5ec;
				border-radius: 12px;
				background: linear-gradient(120deg, rgba(0, 133, 155, 0.08), rgba(0, 88, 124, 0.06));
				display: grid;
				gap: 8px;
			}

			.welcome-hero__pill {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				width: fit-content;
				padding: 6px 10px;
				border-radius: 999px;
				background: #fff;
				color: #0f2f40;
				font-weight: 800;
				border: 1px solid #d9e2ec;
				box-shadow: 0 8px 12px rgba(0, 0, 0, 0.04);
			}

			.welcome-hero__roles {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
				gap: 10px;
			}

			.welcome-hero__roles .btn {
				font-weight: 800;
			}

                        .welcome-hero {
                                padding: 24px 24px clamp(96px, 10vw, 120px);
                                border-radius: 18px;
                                background: linear-gradient(135deg, rgba(0, 133, 155, 0.08), rgba(0, 88, 124, 0.12));
                                border: 1px solid #c2e5ec;
                                box-shadow: 0 18px 42px rgba(0, 88, 124, 0.12);
                        }

                        .welcome-hero .row {
                                --bs-gutter-y: 18px;
                        }

                        @media (min-width: 992px) {
                                .welcome-hero .row {
                                        --bs-gutter-x: 18px;
                                }

                                .welcome-hero__panel {
                                        margin-top: 18px;
                                }
                        }

			.welcome-hero__content {
				display: grid;
				gap: 12px;
			}

			.welcome-hero__brand {
				display: flex;
				align-items: center;
				gap: 12px;
				flex-wrap: wrap;
			}

			.welcome-hero__badge {
				display: inline-block;
				padding: 8px 12px;
				border-radius: 999px;
				background: #fff2d5;
				color: #a65000;
				font-weight: 800;
				letter-spacing: .2px;
				box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
				max-width: 100%;
				text-align: left;
			}

			@media (max-width: 575.98px) {
				.welcome-hero__brand {
					flex-direction: column;
					align-items: flex-start;
				}

				.welcome-hero__badge {
					width: 100%;
				}
			}

			.welcome-hero__title {
				margin: 0;
				font-size: 30px;
				font-weight: 800;
				color: #00587C;
			}

			.welcome-hero__lead {
				margin: 0;
				font-size: 18px;
				color: #1b3f53;
			}

			.welcome-hero__sublead {
				margin: 0;
				color: #355263;
				font-size: 17px;
			}

			.welcome-hero__orientation {
				margin: 0;
				color: #355263;
				font-size: 17px;
			}

			.welcome-hero__actions {
				display: flex;
				gap: 12px;
				flex-wrap: wrap;
			}

			.welcome-hero__panel {
				background: #ffffff;
				border-radius: 16px;
				padding: 18px;
				border: 1px solid #d9e2ec;
				box-shadow: inset 0 1px 0 #eef2f4;
				display: grid;
				gap: 14px;
			}

			.welcome-hero__panel-header {
				display: grid;
				gap: 6px;
			}

			.welcome-hero__kicker {
				margin: 0;
				text-transform: uppercase;
				color: #00859b;
				font-weight: 800;
				letter-spacing: .3px;
			}

			.welcome-hero__panel-text {
				margin: 0;
				color: #355263;
			}

			.welcome-hero__divider {
				padding: 12px;
				border: 1px dashed #c2e5ec;
				border-radius: 12px;
				background: linear-gradient(120deg, rgba(0, 133, 155, 0.08), rgba(0, 88, 124, 0.06));
				display: grid;
				gap: 8px;
			}

			.welcome-hero__pill {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				width: fit-content;
				padding: 6px 10px;
				border-radius: 999px;
				background: #fff;
				color: #0f2f40;
				font-weight: 800;
				border: 1px solid #d9e2ec;
				box-shadow: 0 8px 12px rgba(0, 0, 0, 0.04);
			}

			.welcome-hero__roles {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
				gap: 10px;
			}

			.welcome-hero__roles .btn {
				font-weight: 800;
			}

			.welcome-nav__dropdown .dropdown-toggle::after {
				margin-left: 6px;
			}

			.welcome-nav__dropdown .dropdown-menu {
				list-style: none;
				padding: 8px 10px;
				margin-top: 6px;
				background: #f7fafc;
				border: 1px solid #d9e2ec;
				border-radius: 8px;
				box-shadow: 0 6px 12px rgba(0, 0, 0, .06);
			}

			.welcome-nav__dropdown .dropdown-item {
				font-weight: 700;
				color: var(--blue);
				border-radius: 6px;
				padding: 6px 10px;
			}

			.welcome-nav__dropdown .dropdown-item:hover,
			.welcome-nav__dropdown .dropdown-item:focus {
				background: rgba(0, 133, 155, 0.08);
				color: #0f2f40;
			}

			.logo {
				display: flex;
				align-items: center;
				gap: 18px;
			}

			.logo img {
				height: 64px;
				width: auto;
				display: block;
			}

			.brand {
				font-size: 42px;
				font-weight: 800;
				letter-spacing: .2px;
				margin: 0;
				color: var(--blue);
			}

			.brand .v {
				background: var(--grad);
				-webkit-background-clip: text;
				background-clip: text;
				color: transparent;
			}

			.lead {
				font-size: 18px;
				margin: 12px 0 0;
				color: #1b3f53
			}

			.section {
				margin-top: 32px;
				padding-top: clamp(40px, 5vw, 48px);
				border-top: 1px solid #eef2f4
			}

			.title {
				font-size: 20px;
				font-weight: 700;
				margin: 0 0 8px
			}

			.msg {
				font-size: 18px;
				margin: 0 0 10px
			}

			.tagline {
				display: inline-block;
				padding: 8px 14px;
				border-radius: 999px;
				font-weight: 700;
				background: var(--grad);
				color: #111;
				letter-spacing: .3px
			}

			.grid {
				display: grid;
				gap: 22px
			}

			.role-selector {
				margin-top: 28px;
			}

			.role-selector__inner {
				display: grid;
				gap: 16px;
				text-align: center;
			}

			.role-selector__title {
				margin: 0;
				font-size: 22px;
				font-weight: 700;
				color: #0f2f40;
			}

			.role-selector__actions {
				display: flex;
				flex-wrap: wrap;
				gap: 12px;
				justify-content: center;
			}

			.role-selector__actions .btn {
				border-width: 2px;
			}

			@media(min-width:820px) {
				.grid {
					grid-template-columns: 1fr 1fr
				}
			}

			.foot {
				margin-top: 28px;
				font-size: 12px;
				color: #52798b
			}

                        .advanced-section {
                                margin-top: 40px;
                        }

			.role-section__kicker {
				margin: 0;
				text-transform: uppercase;
				color: #00859b;
				letter-spacing: .4px;
				font-weight: 800;
			}

			.role-section__title {
				margin: 4px 0 6px;
				font-weight: 800;
				color: #00587C;
			}

                        .role-section {
                                padding: 24px;
                                border-radius: 18px;
                                background: linear-gradient(135deg, #f7fbfc 0%, #edf7fa 100%);
                                border: 1px solid #c2e5ec;
                                box-shadow: 0 14px 36px rgba(0, 88, 124, 0.08);
                        }

                        .role-section .row {
                                --bs-gutter-y: 24px;
                        }

                        @media (min-width: 992px) {
                                .role-section .row {
                                        --bs-gutter-x: 24px;
                                }
                        }

			.role-section__content {
				display: grid;
				gap: 16px;
				align-content: start;
			}

			.role-section__panel {
				height: 100%;
			}

			.role-panel__list {
				list-style: none;
				padding: 0;
				margin: 0;
				display: grid;
				gap: 10px;
			}

			.role-panel__list li {
				background: #ffffff;
				border: 1px solid #d9e2ec;
				border-radius: 12px;
				padding: 10px 12px;
				color: #0f2f40;
				font-weight: 600;
			}

.role-panel__actions {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.role-panel__actions .btn {
	white-space: wrap;
}

			.advanced-header {
				font-size: 20px;
				font-weight: 600;
				color: var(--blue);
				margin-bottom: 8px;
			}

			.advanced-subtitle {
				font-size: 18px;
				color: #52798b;
				margin-bottom: 20px;
			}

			.advanced-feature {
				display: flex;
				flex-direction: column;
				gap: 16px;
				padding: 24px;
				border-radius: 18px;
				background: #ffffff;
				box-shadow: 0 14px 42px rgba(0, 0, 0, 0.06);
			}

			.advanced-copy h3 {
				font-size: 18px;
				margin: 0 0 8px;
				color: var(--blue);
			}

			.advanced-copy p {
				margin: 0 0 4px;
				font-size: 18px;
				line-height: 1.5;
				color: #355263;
			}

			.advanced-copy p.lang-en {
				font-style: italic;
				color: #52798b;
			}

			.advanced-media {
				flex: 0 0 auto;
			}

			.advanced-placeholder {
				max-width: 100%;
				height: auto;
			}

			/* Registration */
.register-shell {
	width: 100%;
	max-width: none;
}

@media (min-width: 992px) {
	.register-shell {
		width: 73vw;
		max-width: 73vw;
	}
}

			.register-header {
				display: flex;
				justify-content: space-between;
				align-items: center;
				gap: 16px;
				flex-wrap: wrap;
			}

			.register-header .title {
				color: #1b3f53;
			}

			.register-lang {
				display: flex;
				align-items: center;
				gap: 12px;
				flex-wrap: wrap;
			}

			.register-card {
				margin-top: 24px;
				background: linear-gradient(145deg, #ffffff 0%, #f0fafb 100%);
				border-radius: 18px;
				padding: 22px;
				border: 1px solid #eef2f4;
				box-shadow: 0 12px 28px rgba(0, 0, 0, .05);
			}

			.register-form label {
				font-weight: 700;
				color: #1b3f53;
			}

			.register-form .form-control,
			.register-form .input-group-text {
				border-radius: 10px;
			}

			.register-grid {
				display: grid;
				gap: 16px;
			}

			.register-legal {
				margin-top: 16px;
				padding: 12px 14px;
				background: linear-gradient(135deg, #f4fcfd 0%, #e9f4f8 100%);
				border: 1px solid #c2e5ec;
				border-radius: 12px;
			}

			.register-actions {
				display: flex;
				gap: 12px;
				flex-wrap: wrap;
				margin-top: 18px;
			}

			.register-plan-grid {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
				gap: 12px;
			}

			.plan-card {
				border: 1px solid #c2e5ec;
				border-radius: 12px;
				padding: 12px;
				background: linear-gradient(135deg, #f7fbfc 0%, #edf7fa 100%);
				cursor: pointer;
				display: grid;
				gap: 6px;
				position: relative;
				transition: border-color .2s ease, box-shadow .2s ease;
			}

			.plan-card input[type="radio"] {
				position: absolute;
				top: 10px;
				right: 10px;
			}

			.plan-card.active {
				border-color: var(--teal);
				box-shadow: 0 10px 24px rgba(0, 133, 155, 0.12);
				background: linear-gradient(150deg, #ffffff 0%, #e8f6f8 100%);
			}

			.plan-card__title {
				font-weight: 700;
				color: #00587C;
			}

			.plan-card__price {
				font-size: 18px;
				font-weight: 800;
				color: var(--teal);
			}

			.plan-card__subtitle {
				font-size: 14px;
				color: #52798b;
			}

			.plan-card__trial {
				display: inline-block;
				padding: 4px 8px;
				border-radius: 999px;
				background: rgba(255, 193, 7, 0.16);
				color: #a65000;
				font-weight: 700;
				font-size: 12px;
			}

			/* Pricing page */
			.pricing-hero {
				display: flex;
				align-items: flex-start;
				justify-content: space-between;
				gap: 16px;
				flex-wrap: wrap;
				margin-bottom: 22px;
			}

			.pricing-kicker {
				text-transform: uppercase;
				font-weight: 700;
				letter-spacing: .4px;
				color: var(--teal);
				margin: 0 0 4px;
			}

			.pricing-title {
				font-size: 26px;
				color: #0f2f40;
				margin: 0 0 6px;
			}

			.pricing-lead {
				margin: 0;
				color: #52798b;
				font-size: 18px;
			}

			.pricing-grid {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
				gap: 16px;
				align-items: start;
			}

			.pricing-card {
				border: 1px solid #c2e5ec;
				border-radius: 14px;
				padding: 18px;
				background: linear-gradient(165deg, #ffffff 0%, #f0fafb 100%);
				box-shadow: 0 16px 34px rgba(0, 88, 124, 0.08);
				display: flex;
				flex-direction: column;
				gap: 12px;
				height: 100%;
			}

			.pricing-card__header {
				display: flex;
				align-items: flex-start;
				justify-content: space-between;
				gap: 8px;
			}

			.pricing-card__title {
				margin: 0;
				font-size: 24px;
				color: #00587C;
			}

			.pricing-card__subtitle {
				margin: 0;
				color: #52798b;
			}

			.pricing-price {
				display: flex;
				align-items: baseline;
				gap: 8px;
				font-weight: 800;
				color: var(--teal);
			}

			.pricing-amount {
				font-size: 26px;
			}

			.pricing-interval {
				font-size: 14px;
				color: #52798b;
			}

			.pricing-features {
				list-style: none;
				padding: 0;
				margin: 0;
				display: grid;
				gap: 6px;
				color: #1b3f53;

			}

			.pricing-features .text-muted {
				color: #88acbd !important;
			}

			.pricing-features li::before {
				content: '• ';
				color: var(--teal);
			}

			.pricing-trial {
				display: inline-block;
				text-align: center;
				padding: 4px 10px;
				border-radius: 999px;
				background: rgba(255, 193, 7, 0.16);
				color: #a65000;
				font-weight: 800;
				font-size: 12px;
			}

			.register-actions .btn {
				padding-left: 18px;
				padding-right: 18px;
			}

			@media (min-width: 820px) {
				.advanced-feature {
					display: grid;
					grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
					align-items: center;
					gap: 32px;
				}

				.advanced-feature--reverse {
					grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);
				}

				.advanced-feature--single {
					grid-template-columns: minmax(0, 1fr);
				}

				.advanced-feature--reverse .advanced-copy {
					order: 2;
				}

				.advanced-feature--reverse .advanced-media {
					order: 1;
				}

				.advanced-feature--single .advanced-copy,
				.advanced-feature--single .advanced-media {
					order: 0;
				}
			}
			.welcome-nav__lang a.active {
				text-decoration: underline;
			}

			.register-grid {
				display: grid;
				gap: 20px;
			}

			@media (min-width: 960px) {
				.register-grid {
					grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
					align-items: start;
				}
			}

			.register-copy {
				background: linear-gradient(140deg, #f4fcfd 0%, #eaf5f8 100%);
				border: 1px solid #c2e5ec;
				border-radius: 14px;
				padding: 20px;
				box-shadow: 0 12px 24px rgba(0, 88, 124, .05);
			}

			.register-note {
				margin: 0;
				color: #355263;
			}

			.register-card {
				background: linear-gradient(145deg, #ffffff 0%, #f0fafb 100%);
				border-radius: 18px;
				padding: 22px;
				box-shadow: 0 14px 36px rgba(0, 88, 124, 0.08);
				border: 1px solid #eef2f4;
			}

			.register-form label {
				font-weight: 700;
				color: #1b3f53;
			}

			.register-form .form-control,
			.register-form .input-group-text {
				border-radius: 10px;
			}

			.register-legal {
				margin-top: 18px;
				padding: 14px 16px;
				background: linear-gradient(135deg, #f4fcfd 0%, #e9f4f8 100%);
				border: 1px solid #c2e5ec;
				border-radius: 12px;
			}

			.register-actions {
				display: flex;
				gap: 12px;
				flex-wrap: wrap;
				margin-top: 18px;
			}

			.register-actions .btn {
				padding-left: 18px;
				padding-right: 18px;
			}

			.cornerstone-hero {
				margin-bottom: 28px;
				display: grid;
				gap: 8px;
			}

			.cornerstone-kicker {
				letter-spacing: .4px;
				text-transform: uppercase;
				font-weight: 700;
				color: #52798b;
				margin: 0;
			}

                        .cornerstone-grid {
                                display: grid;
                                gap: 16px;
                                grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
                                margin-bottom: 24px;
                        }

                        .cornerstone-grid--use-case {
                                margin-top: 24px;
                        }

			.cornerstone-card {
				background: #f8fbff;
				border: 1px solid #d9e2ec;
				border-radius: 12px;
				box-shadow: 0 6px 12px rgba(0, 0, 0, .05);
				height: 100%;
			}

			.cornerstone-card__body {
				padding: 16px;
				display: grid;
				gap: 8px;
			}

			.cornerstone-card__title {
				margin: 0;
			}

			.cornerstone-list {
				padding-left: 20px;
				margin: 0;
				color: #0f2f40;
			}

			.cornerstone-faq {
				margin: 32px 0;
			}

			.cornerstone-faq__items {
				display: grid;
				gap: 10px;
			}

			.cornerstone-faq__item {
				border: 1px solid #d9e2ec;
				border-radius: 10px;
				padding: 12px 14px;
				background: #fff;
			}

			.cornerstone-faq__item summary {
				cursor: pointer;
				font-weight: 700;
			}

			.cornerstone-cta {
				margin-top: 32px;
				padding: 20px;
				border: 1px solid #d9e2ec;
				border-radius: 12px;
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				gap: 12px;
				background: linear-gradient(90deg, rgba(0,133,155,0.06), rgba(0,88,124,0.08));
			}

			.cornerstone-cta h3 {
				margin: 0;
			}

			.cornerstone-cta .btn {
				align-self: flex-start;
			}

/* Gombcsoportok mindig egysorban */
.role-panel__actions {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.welcome-hero__actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
}

/* A gombok soha nem nyúlhatnak szét */
.welcome-hero__actions .btn,
.role-panel__actions .btn {
    white-space: wrap;        /* felirat sem törhet */
		text-align: left;
}