/* Advertising package chooser and format example pages (0.3.449). */
.star-advertising-packages-section {
	background:
		radial-gradient(circle at 92% 8%, rgba(0, 122, 51, .09), transparent 32%),
		linear-gradient(145deg, #f8faf8 0%, #edf4ef 100%);
	color: var(--star-ad-ink);
	box-shadow: inset 0 0 0 1px rgba(0, 122, 51, .14);
}

.star-advertising-packages-section .star-advertising-heading {
	max-width: 820px;
}

.star-advertising-packages-section .star-advertising-heading > p:first-child {
	color: var(--star-ad-green);
}

.star-advertising-packages-section .star-advertising-heading > p:not(:first-child) {
	color: #536158;
}

.star-advertising-package-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}

.star-advertising-package-selector {
	display: block;
}

.star-advertising-package {
	position: relative;
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 12px 24px;
	align-content: start;
	min-height: 0;
	padding: 28px 30px 30px;
	overflow: hidden;
	cursor: pointer;
	border: 2px solid #d2dfd6;
	background: linear-gradient(145deg, #fff 0%, #fbfcfb 100%);
	box-shadow: 0 12px 30px rgba(17, 48, 32, .055);
	isolation: isolate;
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease;
}

@media (hover: hover) {
	.star-advertising-package:hover {
		border-color: #82b493;
		box-shadow: 0 18px 42px rgba(17, 48, 32, .11);
		transform: translateY(-2px);
	}
}

.star-advertising-package.is-recommended {
	border-width: 2px;
	background: linear-gradient(145deg, #fff 0%, #fffaf0 100%);
	transform: none;
	box-shadow: 0 12px 30px rgba(17, 48, 32, .06);
}

.star-advertising-package:has(input:checked),
.star-advertising-package.is-selected,
.star-advertising-package.is-selected:hover {
	border-color: var(--star-ad-green);
	background: linear-gradient(145deg, #fff 0%, #f0f8f3 100%);
	box-shadow: 0 0 0 3px rgba(0, 122, 51, .13), 0 20px 46px rgba(17, 48, 32, .13);
	transform: translateY(-2px);
}

.star-advertising-package:has(input:checked)::before,
.star-advertising-package.is-selected::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: var(--star-ad-green);
}

.star-advertising-package > input {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
}

.star-advertising-package:has(input:focus-visible) {
	outline: 3px solid #f1c75b;
	outline-offset: 4px;
}

.star-advertising-package__check {
	position: absolute;
	top: 22px;
	right: 22px;
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border: 2px solid #aabbb0;
	border-radius: 50%;
	background: #fff;
}

.star-advertising-package > input:checked + .star-advertising-package__check,
.star-advertising-package.is-selected .star-advertising-package__check {
	border-color: var(--star-ad-green);
	background: var(--star-ad-green);
}

.star-advertising-package > input:checked + .star-advertising-package__check::after,
.star-advertising-package.is-selected .star-advertising-package__check::after {
	content: "✓";
	color: #fff;
	font-size: 16px;
	font-weight: 900;
}

.star-advertising-package__level,
.star-advertising-package__badge,
.star-advertising-package__title,
.star-advertising-package__description,
.star-advertising-package__price,
.star-advertising-package__features,
.star-advertising-package__choose {
	grid-column: 1 / -1;
}

/* Directory promotion: same central service catalogue, separate conversion path. */
.star-advertising-company-promotion {
	background: linear-gradient(145deg, #f8fbf8 0%, #edf6f0 100%);
	border: 1px solid rgba(0, 122, 51, .18);
}

.star-advertising-company-promotion__heading {
	display: flex;
	gap: 24px;
	align-items: end;
	justify-content: space-between;
	margin-bottom: 26px;
}

.star-advertising-company-promotion__heading .star-advertising-heading {
	margin: 0;
}

.star-advertising-company-promotion__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.star-advertising-company-promotion-card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: 24px;
	border: 1px solid #d5e2d9;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 12px 28px rgba(17, 48, 32, .06);
}

.star-advertising-company-promotion-card__top {
	display: flex;
	gap: 12px;
	align-items: center;
}

.star-advertising-company-promotion-card__top p {
	margin: 0;
	color: var(--star-ad-green);
	font-size: .72rem;
	font-weight: 900;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.star-advertising-company-promotion-card h3 {
	margin: 18px 0 8px;
	color: #102019;
	font-size: clamp(1.28rem, 2vw, 1.7rem);
	line-height: 1.17;
}

.star-advertising-company-promotion-card > p {
	margin: 0;
	color: #526057;
	line-height: 1.52;
}

.star-advertising-company-promotion-card ul {
	display: grid;
	gap: 8px;
	margin: 18px 0 24px;
	padding: 0;
	list-style: none;
}

.star-advertising-company-promotion-card li {
	position: relative;
	padding-left: 22px;
	color: #314136;
	font-size: .91rem;
	line-height: 1.42;
}

.star-advertising-company-promotion-card li::before {
	position: absolute;
	left: 0;
	content: "✓";
	color: var(--star-ad-green);
	font-weight: 900;
}

.star-advertising-company-promotion-card footer {
	margin-top: auto;
	padding-top: 18px;
	border-top: 1px solid #e1e9e3;
}

.star-advertising-company-promotion-card footer > div {
	display: grid;
	gap: 12px;
	margin-top: 16px;
}

.star-advertising-company-promotion-card .star-advertising-button {
	width: 100%;
	min-height: 48px;
	padding: 11px 14px;
	font-size: .9rem;
	text-align: center;
}

.star-advertising-company-promotion-card__example {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	min-height: 44px;
	color: var(--star-ad-green);
	font-weight: 850;
	text-decoration: underline;
	text-underline-offset: 3px;
}

@media (max-width: 860px) {
	.star-advertising-company-promotion__heading { align-items: start; flex-direction: column; }
	.star-advertising-company-promotion__grid { grid-template-columns: 1fr; }
}

.star-advertising-package__level {
	padding-right: 40px;
	margin: 0;
	color: #5d6b62;
	font-size: .72rem;
	font-weight: 850;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.star-advertising-package__badge {
	position: absolute;
	top: 20px;
	right: 62px;
	margin: 0;
	padding: 6px 10px;
	border: 1px solid rgba(146, 104, 20, .18);
	border-radius: 999px;
	background: #f3e8c7;
	color: #614a17;
	font-size: .68rem;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.star-advertising-package__title {
	margin-top: 2px;
	color: #102019;
	font-size: clamp(1.55rem, 2.5vw, 2.15rem);
	line-height: 1.1;
}

.star-advertising-package__description {
	min-height: 0;
	margin: 0;
	max-width: 620px;
	padding-right: 6%;
	color: #526057;
	line-height: 1.5;
}

.star-advertising-package__price {
	display: flex;
	flex-wrap: wrap;
	gap: 7px 14px;
	align-items: baseline;
	margin: 8px 0 4px;
}

.star-advertising-package__price > strong {
	color: var(--star-ad-green);
	font-size: clamp(1.65rem, 3vw, 2.35rem);
	line-height: 1;
}

.star-advertising-package__price small {
	color: #657168;
	font-size: .8rem;
	font-weight: 650;
}

.star-advertising-package__features {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 24px;
}

.star-advertising-package__features > span {
	position: relative;
	padding: 9px 0 9px 24px;
	border-bottom: 1px solid #e6ece8;
	color: #28372f;
	font-size: .93rem;
	line-height: 1.4;
}

.star-advertising-package__features > span::before {
	content: "✓";
	position: absolute;
	left: 0;
	color: var(--star-ad-green);
	font-weight: 900;
}

.star-advertising-package__choose {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	margin-top: 10px;
	padding: 10px 18px;
	border: 1px solid rgba(0, 122, 51, .28);
	border-radius: 12px;
	background: #eef5f0;
	color: var(--star-ad-green);
	font-size: .92rem;
	font-weight: 850;
	text-align: center;
	text-decoration: none;
	transition: background .18s ease, border-color .18s ease, color .18s ease;
}

.star-advertising-package:has(input:checked) .star-advertising-package__choose,
.star-advertising-package.is-selected .star-advertising-package__choose {
	border-color: var(--star-ad-green);
	background: var(--star-ad-green);
	color: #fff;
}

.star-advertising-package-choice {
	display: flex;
	gap: 24px;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
	padding: 22px 24px;
	border: 1px solid rgba(0, 122, 51, .2);
	border-left: 5px solid var(--star-ad-green);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 12px 30px rgba(17, 48, 32, .07);
}

.star-advertising-package-choice span,
.star-advertising-package-choice strong,
.star-advertising-package-choice small {
	display: block;
}

.star-advertising-package-choice span {
	color: #657168;
	font-size: .72rem;
	font-weight: 850;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.star-advertising-package-choice strong {
	margin-top: 3px;
	color: #102019;
	font-size: 1.3rem;
}

.star-advertising-package-choice small {
	margin-top: 2px;
	color: #536158;
}

/* Premium campaign builder: one central package with optional, explicit add-ons. */
.star-advertising-campaign-builder {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) minmax(0, 1.25fr);
	gap: 18px 26px;
	margin-top: 24px;
	padding: clamp(22px, 3.5vw, 38px);
	border: 1px solid rgba(0, 122, 51, .26);
	border-radius: 22px;
	background: linear-gradient(135deg, #fff 0%, #f1f8f3 100%);
	box-shadow: 0 18px 42px rgba(17, 48, 32, .09);
}

.star-advertising-campaign-builder__heading { grid-column: 1 / -1; }
.star-advertising-campaign-builder__heading p,
.star-advertising-campaign-builder__selection > span,
.star-advertising-campaign-builder__included > span,
.star-advertising-campaign-builder__extras > div > span {
	display: block;
	margin: 0 0 6px;
	color: var(--star-ad-green);
	font-size: .72rem;
	font-weight: 900;
	letter-spacing: .11em;
	text-transform: uppercase;
}
.star-advertising-campaign-builder__heading h3 { margin: 0 0 8px; color: #102019; font-size: clamp(1.45rem, 2.5vw, 2rem); }
.star-advertising-campaign-builder__heading > span { color: #506057; line-height: 1.5; }
.star-advertising-campaign-builder__selection,
.star-advertising-campaign-builder__included,
.star-advertising-campaign-builder__extras {
	padding: 18px;
	border: 1px solid #d5e3d9;
	border-radius: 16px;
	background: rgba(255, 255, 255, .86);
}
.star-advertising-campaign-builder__selection strong,
.star-advertising-campaign-builder__selection small { display: block; }
.star-advertising-campaign-builder__selection strong { color: #102019; font-size: 1.28rem; }
.star-advertising-campaign-builder__selection small { margin-top: 5px; color: #536158; }
.star-advertising-campaign-builder ul { margin: 0; padding: 0; list-style: none; }
.star-advertising-campaign-builder__included li { position: relative; padding: 7px 0 7px 23px; color: #314136; line-height: 1.42; }
.star-advertising-campaign-builder__included li::before { content: "✓"; position: absolute; left: 0; color: var(--star-ad-green); font-weight: 900; }
.star-advertising-campaign-builder__extras > div { display: flex; gap: 12px; justify-content: space-between; align-items: baseline; }
.star-advertising-campaign-builder__extras button {
	min-height: 36px;
	padding: 4px 0;
	border: 0;
	background: transparent;
	color: #26663e;
	font: inherit;
	font-size: .82rem;
	font-weight: 800;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}
.star-advertising-campaign-builder__extras li { display: flex; gap: 12px; align-items: center; justify-content: space-between; padding: 10px 0; border-top: 1px solid #e3ece5; }
.star-advertising-campaign-builder__extras li strong,
.star-advertising-campaign-builder__extras li small { display: block; }
.star-advertising-campaign-builder__extras li strong { color: #203127; font-size: .93rem; }
.star-advertising-campaign-builder__extras li small { margin-top: 3px; color: #657168; font-size: .8rem; }
.star-advertising-campaign-builder__extras li button { flex: 0 0 auto; min-height: 40px; padding: 7px 10px; border: 1px solid #b9d0c0; border-radius: 9px; background: #fff; text-decoration: none; }
.star-advertising-campaign-builder__extras [data-star-campaign-empty] { margin: 10px 0 0; color: #657168; font-size: .9rem; line-height: 1.45; }
.star-advertising-campaign-builder__footer { grid-column: 1 / -1; display: flex; gap: 20px; align-items: center; justify-content: space-between; padding-top: 4px; }
.star-advertising-campaign-builder__footer p { max-width: 680px; margin: 0; color: #435249; line-height: 1.5; }
.star-advertising-service__actions { display: grid; gap: 8px; }
.star-advertising-service__actions button {
	width: 100%;
	min-height: 46px;
	padding: 10px 14px;
	border: 1px solid #0b7737;
	border-radius: 10px;
	background: #fff;
	color: #087034;
	font: inherit;
	font-size: .88rem;
	font-weight: 850;
	cursor: pointer;
}
.star-advertising-service__actions button:hover,
.star-advertising-service__actions button.is-selected { background: #087034; color: #fff; }
.star-advertising-service__actions a { color: #3c5244; font-size: .82rem; font-weight: 750; text-align: center; text-decoration: underline; text-underline-offset: 3px; }
.star-advertising-service__actions button:focus-visible,
.star-advertising-campaign-builder button:focus-visible { outline: 3px solid #f1c75b; outline-offset: 3px; }

/* Katalog usług reklamy: autonomiczne karty, nieodziedziczające stylu z przykładów. */
.star-advertising-catalog .star-advertising-service-grid {
	align-items: stretch;
}

.star-advertising-catalog .star-advertising-service-card {
	position: relative;
	min-width: 0;
	padding: 24px;
	border: 1px solid #d8e4dc;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 10px 26px rgba(18, 48, 32, .055);
	transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease;
}

@media (hover: hover) {
	.star-advertising-catalog .star-advertising-service-card:hover {
		border-color: #9ebca9;
		box-shadow: 0 16px 34px rgba(18, 48, 32, .10);
		transform: translateY(-2px);
	}
}

.star-advertising-catalog .star-advertising-service-card.is-selected {
	border-color: #087034;
	background: linear-gradient(145deg, #fff 0%, #f1f8f3 100%);
	box-shadow: 0 0 0 3px rgba(0, 122, 51, .13), 0 18px 36px rgba(18, 48, 32, .12);
}

.star-advertising-catalog .star-advertising-service-card__top {
	display: flex;
	gap: 12px;
	align-items: center;
	min-height: 48px;
	margin: 0 0 18px;
}

.star-advertising-catalog .star-advertising-service-card__icon {
	display: grid;
	flex: 0 0 48px;
	place-items: center;
	width: 48px;
	height: 48px;
	margin: 0;
	padding: 0;
	border: 1px solid rgba(0, 122, 51, .14);
	border-radius: 14px;
	background: #e8f4ec;
	color: #007a33;
}

.star-advertising-catalog .star-advertising-service-card__icon svg {
	display: block;
	width: 24px !important;
	height: 24px !important;
	max-width: 24px;
	max-height: 24px;
}

.star-advertising-catalog .star-advertising-service-card__type {
	margin: 0;
	color: #2f6544;
	font-size: .74rem;
	font-weight: 850;
	letter-spacing: .09em;
	line-height: 1.25;
	text-transform: uppercase;
}

.star-advertising-catalog .star-advertising-service__badge {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	margin: 5px 0 0;
	padding: 3px 8px;
	border: 1px solid rgba(0, 122, 51, .14);
	border-radius: 999px;
	background: #eff8f1;
	color: #087034;
	font-size: .66rem;
	font-weight: 900;
	letter-spacing: .07em;
	line-height: 1;
	text-transform: uppercase;
}

.star-advertising-catalog .star-advertising-service-card h4 {
	margin: 0 0 10px;
	color: #14251b;
	font-size: clamp(1.32rem, 2vw, 1.62rem);
	line-height: 1.13;
}

.star-advertising-catalog .star-advertising-service-card__summary {
	margin: 0 0 16px;
	color: #46534b;
	line-height: 1.52;
}

.star-advertising-catalog .star-advertising-service-card__features {
	display: grid;
	gap: 8px;
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}

.star-advertising-catalog .star-advertising-service-card__features li {
	position: relative;
	margin: 0;
	padding-left: 23px;
	color: #314136;
	line-height: 1.42;
}

.star-advertising-catalog .star-advertising-service-card__features li::before {
	content: "✓";
	position: absolute;
	left: 0;
	color: #087034;
	font-weight: 900;
}

.star-advertising-catalog .star-advertising-service-card__footer {
	margin-top: auto;
	padding-top: 18px;
	border-top: 1px solid #e1e9e3;
}

.star-advertising-catalog .star-advertising-service__price {
	margin: 0 0 16px;
}

.star-advertising-catalog .star-advertising-service__price small {
	display: block;
	margin-bottom: 3px;
	color: #607066;
	font-size: .76rem;
	font-weight: 750;
}

.star-advertising-catalog .star-advertising-service__price strong {
	color: #087034;
	font-size: 1.12rem;
}

.star-advertising-catalog .star-advertising-service__actions {
	display: grid;
	gap: 9px;
}

.star-advertising-catalog .star-advertising-service__actions button,
.star-advertising-catalog .star-advertising-service__actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	min-height: 48px;
	box-sizing: border-box;
	padding: 11px 15px;
	border-radius: 11px;
	font: inherit;
	font-size: .91rem;
	font-weight: 850;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease;
}

.star-advertising-catalog .star-advertising-service__actions button {
	border: 2px solid #087034;
	background: #087034;
	color: #fff;
}

.star-advertising-catalog .star-advertising-service__actions button:hover,
.star-advertising-catalog .star-advertising-service__actions button.is-selected {
	border-color: #005c29;
	background: #005c29;
	color: #fff;
}

.star-advertising-catalog .star-advertising-service__actions button.is-selected::before {
	content: "✓";
	font-weight: 900;
}

.star-advertising-catalog .star-advertising-service__actions a {
	border: 1px solid #b8d0c0;
	background: #fff;
	color: #155c31;
}

.star-advertising-catalog .star-advertising-service__actions a:hover,
.star-advertising-catalog .star-advertising-service__actions a:focus-visible {
	border-color: #087034;
	background: #eef7f1;
	color: #005c29;
}

.star-advertising-catalog .star-advertising-service__actions button:focus-visible,
.star-advertising-catalog .star-advertising-service__actions a:focus-visible {
	outline: 3px solid #f1c75b;
	outline-offset: 3px;
}

@media (max-width: 640px) {
	.star-advertising-catalog .star-advertising-service-card {
		padding: 21px 18px;
	}
	.star-advertising-catalog .star-advertising-service-card:hover {
		transform: none;
	}
}

@media (max-width: 860px) {
	.star-advertising-campaign-builder { grid-template-columns: 1fr; }
	.star-advertising-campaign-builder__footer { grid-column: auto; align-items: stretch; flex-direction: column; }
	.star-advertising-campaign-builder__footer .star-advertising-button { width: 100%; text-align: center; }
}

.star-advertising-comparison {
	border-color: rgba(0, 122, 51, .18);
	background: #fff;
}

.star-advertising-comparison > summary,
.star-advertising-comparison > summary strong {
	color: var(--star-ad-ink);
}

.star-advertising-example {
	overflow: hidden;
}

.star-advertising-example__copy a {
	color: var(--star-ad-green);
	font-size: .88rem;
	font-weight: 850;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.star-advertising-example-breadcrumbs {
	display: flex;
	gap: 10px;
	align-items: center;
	margin: 0 0 22px;
	color: #5b675f;
	font-size: .92rem;
}

.star-advertising-example-breadcrumbs a {
	color: var(--star-ad-green);
	font-weight: 750;
}

.star-advertising-example-hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);
	gap: clamp(28px, 5vw, 64px);
	align-items: center;
	padding: clamp(34px, 6vw, 72px);
	border: 1px solid var(--star-ad-line);
	border-radius: 24px;
	background: linear-gradient(135deg, #fff 0%, #eff6f1 100%);
	box-shadow: 0 22px 54px rgba(17, 48, 32, .08);
}

.star-advertising-example-hero h1 {
	max-width: 780px;
	margin: 10px 0 16px;
	font-size: clamp(2.15rem, 5.4vw, 4.35rem);
	line-height: 1.02;
}

.star-advertising-example-stage {
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	min-height: 390px;
	padding: 48px 20px 20px;
	border: 1px solid #c9d9cf;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 18px 42px rgba(17, 48, 32, .12);
}

.star-advertising-example-stage__demo {
	position: absolute;
	top: 14px;
	right: 14px;
	padding: 5px 9px;
	border-radius: 999px;
	background: #102019;
	color: #fff;
	font-size: .68rem;
	font-weight: 900;
	letter-spacing: .12em;
}

.star-advertising-example-stage__item {
	display: grid;
	place-items: center;
	min-height: 110px;
	padding: 16px;
	border-radius: 12px;
	background: #eef5f0;
	color: #385044;
	font-size: .85rem;
	font-weight: 800;
	text-align: center;
}

.star-advertising-example-stage__item--1 {
	grid-column: 1 / -1;
	min-height: 78px;
	background: var(--star-ad-green);
	color: #fff;
}

.star-advertising-example-stage__item--4 {
	background: #f3e8c7;
}

.star-advertising-example-stage--article .star-advertising-example-stage__item--2,
.star-advertising-example-stage--profile .star-advertising-example-stage__item--2 {
	grid-row: span 2;
	min-height: 230px;
}

.star-advertising-example-stage--social {
	width: min(310px, 100%);
	min-height: 480px;
	justify-self: center;
	grid-template-columns: 1fr;
	border-radius: 36px;
	background: #102019;
}

.star-advertising-example-stage--social .star-advertising-example-stage__item {
	grid-column: 1;
}

.star-advertising-example-fact-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.star-advertising-example-fact-grid article {
	padding: 24px;
	border: 1px solid var(--star-ad-line);
	border-radius: 16px;
	background: #fff;
}

.star-advertising-example-fact-grid span {
	color: var(--star-ad-green);
	font-size: .76rem;
	font-weight: 900;
	letter-spacing: .12em;
}

.star-advertising-example-fact-grid h3 {
	margin: 9px 0 7px;
}

.star-advertising-example-fact-grid p {
	margin: 0;
	color: #536158;
	line-height: 1.6;
}

.star-advertising-example-spec {
	display: grid;
	grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr);
	gap: 34px;
	padding: clamp(28px, 5vw, 52px);
	border-radius: 22px;
	background: #102019;
	color: #fff;
}

.star-advertising-example-spec h2,
.star-advertising-example-spec h3 {
	color: #fff;
}

.star-advertising-example-spec ol {
	display: grid;
	gap: 12px;
	margin: 24px 0 0;
	padding: 0;
	list-style: none;
}

.star-advertising-example-spec ol li,
.star-advertising-example-spec aside {
	padding: 18px 20px;
	border: 1px solid rgba(255, 255, 255, .15);
	border-radius: 14px;
	background: rgba(255, 255, 255, .07);
}

.star-advertising-example-spec strong,
.star-advertising-example-spec span {
	display: block;
}

.star-advertising-example-spec span,
.star-advertising-example-spec li {
	color: #dce9df;
}

.star-advertising-example-spec aside ul {
	margin: 16px 0 0;
	padding-left: 20px;
}

.star-advertising-example-next {
	display: flex;
	gap: 28px;
	align-items: center;
	justify-content: space-between;
	padding: clamp(26px, 5vw, 48px);
	border: 1px solid rgba(0, 122, 51, .2);
	border-radius: 22px;
	background: var(--star-ad-soft);
}

.star-advertising-example-next h2,
.star-advertising-example-next p {
	margin-bottom: 0;
}

@media (max-width: 900px) {
	.star-advertising-example-hero,
	.star-advertising-example-spec {
		grid-template-columns: 1fr;
	}
	.star-advertising-example-stage {
		width: 100%;
	}
}

@media (max-width: 700px) {
	.star-advertising-package-grid,
	.star-advertising-example-fact-grid {
		grid-template-columns: 1fr;
	}
	.star-advertising-package {
		padding: 24px 20px 22px;
	}
	.star-advertising-package__features {
		grid-template-columns: 1fr;
	}
	.star-advertising-package__badge {
		position: static;
		justify-self: start;
	}
	.star-advertising-package-choice,
	.star-advertising-example-next {
		align-items: stretch;
		flex-direction: column;
	}
	.star-advertising-package-choice .star-advertising-button {
		width: 100%;
	}
	.star-advertising-example-hero {
		padding-inline: 20px;
	}
}

/* Advertising examples 2.0 — a reusable STAR Blocks presentation system. */
.star-advertising-example-page {
	--star-ad-example-forest: #102d1f;
	--star-ad-example-green: #007a33;
	--star-ad-example-mint: #eaf4ed;
	--star-ad-example-paper: #fbfcfb;
	--star-ad-example-gold: #c9a648;
}

.star-advertising-example-switcher {
	display: flex;
	gap: 8px;
	align-items: center;
	max-width: 1180px;
	margin: 0 auto 18px;
	padding: 8px;
	overflow-x: auto;
	border: 1px solid var(--star-ad-line);
	border-radius: 14px;
	background: #fff;
	scrollbar-width: thin;
}

.star-advertising-example-switcher > span {
	flex: 0 0 auto;
	padding-inline: 8px;
	color: #5b675f;
	font-size: .76rem;
	font-weight: 850;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.star-advertising-example-switcher a {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 9px 14px;
	border: 1px solid transparent;
	border-radius: 10px;
	color: #304138;
	font-size: .88rem;
	font-weight: 780;
	text-decoration: none;
}

.star-advertising-example-switcher a:hover,
.star-advertising-example-switcher a:focus-visible {
	border-color: #a9c9b4;
	background: #f3f8f5;
	color: var(--star-ad-example-green);
}

.star-advertising-example-switcher a:focus-visible {
	outline: 3px solid #f1c75b;
	outline-offset: 2px;
}

.star-advertising-example-switcher a[aria-current="page"] {
	background: var(--star-ad-example-forest);
	color: #fff;
}

.star-advertising-example-hero {
	grid-template-columns: minmax(0, .88fr) minmax(460px, 1.12fr);
	gap: clamp(32px, 5vw, 70px);
	padding: clamp(38px, 5vw, 66px);
	overflow: hidden;
	background:
		radial-gradient(circle at 94% 8%, rgba(0, 122, 51, .13), transparent 30%),
		linear-gradient(135deg, #fff 0%, #f1f7f3 100%);
}

.star-advertising-example-hero__copy {
	position: relative;
	z-index: 1;
}

.star-advertising-example-hero h1 {
	max-width: 650px;
	margin: 10px 0 18px;
	font-size: clamp(2.35rem, 4vw, 3.8rem);
	line-height: 1.02;
	letter-spacing: -.04em;
	overflow-wrap: normal;
	word-break: normal;
}

.star-advertising-example-hero .star-advertising-lead {
	margin-top: 0;
	font-size: clamp(1.02rem, 1.35vw, 1.2rem);
}

.star-advertising-example-proof {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 22px;
}

.star-advertising-example-proof span {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: 7px 11px;
	border: 1px solid #c9dacf;
	border-radius: 999px;
	background: rgba(255, 255, 255, .8);
	color: #31473a;
	font-size: .78rem;
	font-weight: 750;
}

.star-advertising-example-proof span::before {
	content: "✓";
	margin-right: 7px;
	color: var(--star-ad-example-green);
	font-weight: 900;
}

.star-advertising-example-stage {
	position: relative;
	display: grid;
	place-items: center;
	min-height: 430px;
	padding: 54px 26px 26px;
	overflow: hidden;
	border-color: #c3d6c9;
	background:
		linear-gradient(rgba(0, 122, 51, .035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(0, 122, 51, .035) 1px, transparent 1px),
		#f8fbf9;
	background-size: 24px 24px;
}

.star-advertising-example-stage__demo {
	top: 16px;
	right: 16px;
	background: var(--star-ad-example-forest);
	font-size: .62rem;
}

.star-ad-mock-browser {
	width: 100%;
	overflow: hidden;
	border: 1px solid #c8d5cc;
	border-radius: 13px;
	background: #fff;
	box-shadow: 0 18px 42px rgba(16, 45, 31, .14);
}

.star-ad-mock-browser__bar {
	display: flex;
	gap: 5px;
	align-items: center;
	height: 30px;
	padding: 0 10px;
	border-bottom: 1px solid #e1e8e3;
	background: #f4f6f4;
}

.star-ad-mock-browser__bar i {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #aeb8b1;
}

.star-ad-mock-browser__bar span {
	margin-left: 5px;
	color: #748078;
	font-size: .61rem;
	font-weight: 700;
}

.star-ad-mock-display__billboard {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 4px 16px;
	align-items: center;
	margin: 16px;
	padding: 18px 20px;
	border-radius: 10px;
	background: linear-gradient(120deg, var(--star-ad-example-forest), #146239);
	color: #fff;
}

.star-ad-mock-display__billboard small,
.star-ad-mock-display__billboard strong {
	grid-column: 1;
}

.star-ad-mock-display__billboard small,
.star-ad-mock-display__content small,
.star-ad-mock-display__sticky small {
	font-size: .53rem;
	font-weight: 850;
	letter-spacing: .12em;
}

.star-ad-mock-display__billboard strong {
	font-size: .9rem;
}

.star-ad-mock-display__billboard span {
	grid-column: 2;
	grid-row: 1 / 3;
	padding: 8px 10px;
	border-radius: 7px;
	background: #fff;
	color: var(--star-ad-example-forest);
	font-size: .62rem;
	font-weight: 850;
}

.star-ad-mock-display__content {
	display: grid;
	grid-template-columns: 1fr 34%;
	gap: 12px;
	padding: 0 16px 14px;
}

.star-ad-mock-display__content > div,
.star-ad-mock-display__content aside {
	min-height: 150px;
	padding: 14px;
	border-radius: 9px;
	background: #eff4f0;
}

.star-ad-mock-display__content > div b {
	display: block;
	margin-bottom: 38px;
	font-size: .8rem;
}

.star-ad-mock-display__content > div i,
.star-ad-mock-article p i {
	display: block;
	height: 6px;
	margin-top: 8px;
	border-radius: 4px;
	background: #cad5cd;
}

.star-ad-mock-display__content > div i:nth-child(3) { width: 82%; }
.star-ad-mock-display__content > div i:nth-child(4) { width: 64%; }

.star-ad-mock-display__content aside {
	display: grid;
	place-content: center;
	text-align: center;
	background: #e5efe8;
	color: #31503c;
}

.star-ad-mock-display__content aside strong {
	margin-top: 5px;
	font-size: .75rem;
}

.star-ad-mock-display__sticky {
	display: none;
}

.star-ad-mock-article {
	padding: 20px 24px 24px;
}

.star-ad-mock-article > span,
.star-ad-mock-profile header small {
	color: var(--star-ad-example-green);
	font-size: .58rem;
	font-weight: 900;
	letter-spacing: .12em;
}

.star-ad-mock-article h3 {
	max-width: 410px;
	margin: 7px 0 13px;
	font-family: Georgia, serif;
	font-size: clamp(1rem, 1.55vw, 1.3rem);
	line-height: 1.15;
}

.star-ad-mock-article__image {
	display: grid;
	place-items: center;
	min-height: 130px;
	border-radius: 9px;
	background: linear-gradient(135deg, #cce2d3, #edf4ef);
	color: #56705f;
}

.star-ad-mock-article p {
	margin-block: 15px;
}

.star-ad-mock-article p i:nth-child(2) { width: 90%; }
.star-ad-mock-article p i:nth-child(3) { width: 72%; }

.star-ad-mock-article a {
	display: inline-flex;
	padding: 8px 11px;
	border-radius: 7px;
	background: var(--star-ad-example-green);
	color: #fff;
	font-size: .66rem;
	font-weight: 850;
	text-decoration: none;
}

.star-ad-mock-profile {
	padding: 20px;
}

.star-ad-mock-profile header {
	display: flex;
	gap: 14px;
	align-items: center;
}

.star-ad-mock-profile header > span {
	display: grid;
	flex: 0 0 58px;
	place-items: center;
	width: 58px;
	height: 58px;
	border-radius: 14px;
	background: var(--star-ad-example-green);
	color: #fff;
	font-family: Georgia, serif;
	font-size: 1.05rem;
	font-weight: 850;
}

.star-ad-mock-profile h3 {
	margin: 2px 0;
	font-size: 1.12rem;
}

.star-ad-mock-profile header p,
.star-ad-mock-profile > p {
	margin: 0;
	color: #59675e;
	font-size: .67rem;
	line-height: 1.45;
}

.star-ad-mock-profile nav {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 7px;
	margin-block: 17px;
}

.star-ad-mock-profile nav b {
	padding: 9px 6px;
	border: 1px solid #c8dace;
	border-radius: 8px;
	color: var(--star-ad-example-green);
	font-size: .6rem;
	text-align: center;
}

.star-ad-mock-profile__gallery {
	display: grid;
	grid-template-columns: 1.5fr 1fr 1fr;
	gap: 7px;
	margin-bottom: 13px;
}

.star-ad-mock-profile__gallery i {
	display: block;
	min-height: 105px;
	border-radius: 8px;
	background: linear-gradient(145deg, #d8e9dd, #b7d2c0);
}

.star-ad-mock-profile__gallery i:nth-child(2) { background: linear-gradient(145deg, #eee7d2, #d9c47e); }
.star-ad-mock-profile__gallery i:nth-child(3) { background: linear-gradient(145deg, #d7dfda, #eef2ef); }

.star-advertising-example-stage--social {
	width: 100%;
	min-height: 520px;
	border-radius: 20px;
	background:
		linear-gradient(rgba(0, 122, 51, .035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(0, 122, 51, .035) 1px, transparent 1px),
		#f8fbf9;
	background-size: 24px 24px;
}

.star-ad-mock-phone {
	width: min(248px, 100%);
	padding: 12px 10px 18px;
	border: 7px solid var(--star-ad-example-forest);
	border-radius: 30px;
	background: #fff;
	box-shadow: 0 22px 48px rgba(16, 45, 31, .24);
}

.star-ad-mock-phone__speaker {
	width: 48px;
	height: 5px;
	margin: 0 auto 11px;
	border-radius: 999px;
	background: #1b2e23;
}

.star-ad-mock-phone header {
	display: flex;
	gap: 8px;
	align-items: center;
	padding: 0 4px 9px;
}

.star-ad-mock-phone header > span {
	display: grid;
	flex: 0 0 28px;
	place-items: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--star-ad-example-green);
	color: #fff;
	font-size: .55rem;
	font-weight: 900;
}

.star-ad-mock-phone header div {
	display: grid;
	font-size: .56rem;
	line-height: 1.2;
}

.star-ad-mock-phone header small { color: #657168; }
.star-ad-mock-phone header > i { margin-left: auto; font-size: .6rem; }

.star-ad-mock-social__media {
	display: flex;
	min-height: 245px;
	padding: 20px;
	flex-direction: column;
	justify-content: flex-end;
	border-radius: 13px;
	background: linear-gradient(155deg, #174e31 0%, #0b261a 52%, #c5a344 160%);
	color: #fff;
}

.star-ad-mock-social__media > span {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	margin: auto;
	border-radius: 50%;
	background: rgba(255,255,255,.18);
	font-size: .9rem;
}

.star-ad-mock-social__media strong {
	font-size: 1rem;
	line-height: 1.08;
}

.star-ad-mock-social__media small {
	margin-top: 5px;
	font-size: .56rem;
	opacity: .8;
}

.star-ad-mock-social__actions {
	display: flex;
	gap: 14px;
	padding: 10px 4px 6px;
	font-size: .58rem;
	font-weight: 750;
}

.star-ad-mock-phone > p {
	margin: 0;
	padding: 0 4px;
	font-size: .59rem;
	line-height: 1.4;
}

.star-advertising-example-fact-grid article {
	position: relative;
	min-height: 100%;
	padding: 28px;
	overflow: hidden;
	box-shadow: 0 12px 34px rgba(17, 48, 32, .055);
}

.star-advertising-example-fact-grid article::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(90deg, var(--star-ad-example-green), #74ad86);
}

.star-advertising-example-fact-grid span {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--star-ad-example-mint);
	letter-spacing: 0;
}

.star-advertising-example-spec {
	position: relative;
	overflow: hidden;
	border: 1px solid #c8d9ce;
	background:
		radial-gradient(circle at 100% 0, rgba(0, 122, 51, .09), transparent 34%),
		#f7faf8;
	color: var(--star-ad-example-forest);
}

.star-advertising-example-spec h2,
.star-advertising-example-spec h3 {
	color: var(--star-ad-example-forest);
}

.star-advertising-example-spec ol li,
.star-advertising-example-spec aside {
	border-color: #d3e0d7;
	background: #fff;
	box-shadow: 0 10px 26px rgba(17, 48, 32, .05);
}

.star-advertising-example-spec span,
.star-advertising-example-spec li {
	color: #4f6156;
}

.star-advertising-example-spec aside {
	border-top: 4px solid var(--star-ad-example-gold);
}

.star-advertising-example-next {
	background:
		radial-gradient(circle at 92% 10%, rgba(0, 122, 51, .12), transparent 32%),
		linear-gradient(135deg, #f2f8f4, #fff);
	box-shadow: 0 18px 46px rgba(17, 48, 32, .07);
}

@media (max-width: 980px) {
	.star-advertising-example-hero {
		grid-template-columns: 1fr;
	}
	.star-advertising-example-hero h1 {
		max-width: 800px;
	}
	.star-advertising-example-stage {
		width: 100%;
		max-width: 680px;
		justify-self: center;
	}
}

@media (max-width: 700px) {
	.star-advertising-example-breadcrumbs {
		margin-bottom: 14px;
		font-size: .84rem;
	}
	.star-advertising-example-switcher {
		margin-bottom: 12px;
		border-right: 0;
		border-left: 0;
		border-radius: 0;
	}
	.star-advertising-example-switcher > span {
		display: none;
	}
	.star-advertising-example-hero {
		gap: 26px;
		padding: 28px 20px 22px;
	}
	.star-advertising-example-hero h1 {
		font-size: clamp(2rem, 10.5vw, 3rem);
		line-height: 1.04;
	}
	.star-advertising-example-proof {
		display: grid;
		grid-template-columns: 1fr;
	}
	.star-advertising-example-proof span {
		border-radius: 10px;
	}
	.star-advertising-example-stage {
		min-height: 360px;
		padding: 48px 12px 12px;
		border-radius: 14px;
	}
	.star-ad-mock-display__billboard {
		grid-template-columns: 1fr;
		padding: 14px;
	}
	.star-ad-mock-display__billboard span {
		display: none;
	}
	.star-ad-mock-display__content {
		grid-template-columns: 1fr;
	}
	.star-ad-mock-display__content aside {
		display: none;
	}
	.star-ad-mock-display__sticky {
		display: grid;
		grid-template-columns: 1fr auto;
		gap: 2px 10px;
		align-items: center;
		margin: 0 10px 10px;
		padding: 10px 12px;
		border-radius: 8px;
		background: var(--star-ad-example-forest);
		color: #fff;
	}
	.star-ad-mock-display__sticky small,
	.star-ad-mock-display__sticky strong { grid-column: 1; }
	.star-ad-mock-display__sticky span { grid-column: 2; grid-row: 1 / 3; }
	.star-ad-mock-profile__gallery {
		grid-template-columns: 1.4fr 1fr;
	}
	.star-ad-mock-profile__gallery i:nth-child(3) {
		display: none;
	}
	.star-advertising-example-spec {
		padding: 24px 18px;
	}
}

/* Reusable STAR Blocks offer modules used on advertising example pages. */
.star-advertising-example-offers {
	padding: clamp(26px, 4vw, 48px);
	border: 1px solid rgba(0, 122, 51, .16);
	border-radius: 24px;
	background: radial-gradient(circle at 96% 4%, rgba(0, 122, 51, .09), transparent 32%), linear-gradient(145deg, #f9fbf9 0%, #eef5f0 100%);
	box-shadow: 0 18px 45px rgba(17, 48, 32, .07);
}
.star-advertising-example-offers .star-block-section-header { max-width: 880px; margin-bottom: 28px; }
.star-advertising-example-offers .star-block-section-header > p:last-child { max-width: 760px; color: #4e5b53; }
.star-advertising-example-offers .star-block-offer-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.star-advertising-example-offers .star-block-offer-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 100%;
	padding: 26px;
	border: 1px solid #d3dfd6;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 10px 26px rgba(17, 48, 32, .055);
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
@media (hover: hover) {
	.star-advertising-example-offers .star-block-offer-card:hover { border-color: #8ab59a; box-shadow: 0 16px 34px rgba(17, 48, 32, .1); transform: translateY(-2px); }
}
.star-advertising-example-offers .star-block-offer-card__top { display: flex; gap: 14px; align-items: center; margin-bottom: 18px; }
.star-advertising-example-offers .star-block-offer-card__icon { display: inline-grid; width: 48px; height: 48px; flex: 0 0 48px; place-items: center; border: 1px solid rgba(0, 122, 51, .14); border-radius: 14px; background: #e8f4ec; color: #007a33; }
.star-advertising-example-offers .star-block-offer-card__icon svg { width: 25px; height: 25px; }
.star-advertising-example-offers .star-block-offer-card__type,
.star-advertising-example-offers .star-advertising-service__badge { margin: 0; font-size: .75rem; font-weight: 800; line-height: 1.25; letter-spacing: .08em; text-transform: uppercase; }
.star-advertising-example-offers .star-block-offer-card__type { color: #007a33; }
.star-advertising-example-offers .star-advertising-service__badge { display: inline-block; margin-top: 5px; padding: 4px 8px; border-radius: 999px; background: #f5ead0; color: #654d12; letter-spacing: .04em; }
.star-advertising-example-offers .star-block-offer-card h4 { margin: 0 0 9px; color: #14251b; font-size: clamp(1.3rem, 2vw, 1.65rem); line-height: 1.15; }
.star-advertising-example-offers .star-block-offer-card__summary { margin: 0 0 16px; color: #46534b; line-height: 1.55; }
.star-advertising-example-offers .star-advertising-service__meta { display: inline-flex; align-items: center; align-self: flex-start; gap: 8px; margin: 0 0 17px; padding: 7px 10px; border-radius: 9px; background: #f1f4f2; color: #34463a; font-size: .9rem; font-weight: 700; }
.star-advertising-example-offers .star-block-offer-card__features { display: grid; gap: 8px; margin: 0 0 22px; padding: 0; list-style: none; }
.star-advertising-example-offers .star-block-offer-card__features li { position: relative; margin: 0; padding-left: 25px; color: #2f3d34; line-height: 1.45; }
.star-advertising-example-offers .star-block-offer-card__features li::before { content: "\2713"; position: absolute; top: 0; left: 0; color: #007a33; font-weight: 900; }
.star-advertising-example-offers .star-block-offer-card__footer { display: flex; gap: 18px; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 20px; border-top: 1px solid #e1e8e3; }
.star-advertising-example-offers .star-advertising-service__price { display: grid; gap: 2px; margin: 0; color: #14251b; }
.star-advertising-example-offers .star-advertising-service__price small { color: #667168; font-size: .76rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.star-advertising-example-offers .star-advertising-service__price strong { font-size: 1.08rem; line-height: 1.25; }
.star-advertising-example-offers .star-block-offer-card__footer > a { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; gap: 9px; padding: 11px 16px; border: 2px solid #007a33; border-radius: 10px; background: #007a33; color: #fff; font-weight: 800; line-height: 1.2; text-align: center; text-decoration: none; }
.star-advertising-example-offers .star-block-offer-card__footer > a:hover,
.star-advertising-example-offers .star-block-offer-card__footer > a:focus-visible { border-color: #005b26; background: #005b26; color: #fff; }
.star-advertising-example-offers .star-block-offer-card__footer > a:focus-visible { outline: 3px solid #f1c75b; outline-offset: 3px; }
@media (max-width: 800px) {
	.star-advertising-example-offers .star-block-offer-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
	.star-advertising-example-offers { padding: 24px 16px; border-right: 0; border-left: 0; border-radius: 0; }
	.star-advertising-example-offers .star-block-offer-card { padding: 21px 18px; }
	.star-advertising-example-offers .star-block-offer-card__footer { align-items: stretch; flex-direction: column; }
	.star-advertising-example-offers .star-block-offer-card__footer > a { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
	.star-advertising-example-offers .star-block-offer-card { transition: none; }
	.star-advertising-example-offers .star-block-offer-card:hover { transform: none; }
}