.ku-pricing-app {
	--ku-navy: #08283d;
	--ku-blue: #138fce;
	--ku-lime: #79e600;
	--ku-paper: #f7f9f5;
	--ku-muted: #536875;
	--ku-rule: #ced9de;
	width: min(1380px, calc(100% - 48px));
	margin: 0 auto;
	padding: clamp(48px, 7vw, 100px) 0;
}

.ku-pricing-app [hidden] { display: none !important; }

.ku-pricing-app__head {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 230px;
	align-items: end;
	gap: 48px;
	margin-bottom: 30px;
}

.ku-pricing-app__head h2,
.ku-plan-group__head h3,
.ku-plan h4 {
	font-family: inherit;
}

.ku-pricing-app__head h2 {
	max-width: 16ch;
	margin: 0;
	color: var(--ku-navy);
	font-size: clamp(2.2rem, 5vw, 5.5rem);
	font-weight: 790;
	letter-spacing: -0.06em;
	line-height: 0.96;
}

.ku-pricing-app__head > div > p {
	max-width: 60ch;
	margin: 18px 0 0;
	color: var(--ku-muted);
	font-size: 1rem;
	line-height: 1.65;
}

.ku-pricing-guide {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 16px;
	gap: 14px;
	border: 1px solid var(--ku-rule);
	border-radius: 18px;
	background: #fff;
}

.ku-pricing-guide img { width: 68px; height: auto; }
.ku-pricing-guide figcaption { color: var(--ku-navy); font-size: 0.78rem; font-weight: 780; line-height: 1.35; }

.ku-pricing-tabs {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	max-width: 720px;
	margin-bottom: 34px;
	padding: 5px;
	border: 1px solid var(--ku-rule);
	border-radius: 999px;
	background: #fff;
}

.ku-pricing-tabs button {
	min-height: 48px;
	padding: 10px 18px;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--ku-muted);
	font: inherit;
	font-size: 0.86rem;
	font-weight: 790;
	cursor: pointer;
}

.ku-pricing-tabs button[aria-selected='true'] { background: var(--ku-navy); color: #fff; }

.ku-pricing-status { min-height: 360px; padding: 44px 0; text-align: center; }
.ku-pricing-status p { margin: 22px 0 0; color: var(--ku-muted); }
.ku-pricing-skeleton { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.ku-pricing-skeleton i { display: block; min-height: 290px; border-radius: 18px; background: #e8eef1; animation: kuPricingShimmer 1.4s ease infinite; }

@keyframes kuPricingShimmer { 50% { opacity: .55; } }

.ku-pricing-notice {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	min-height: 230px;
	padding: clamp(28px, 5vw, 64px);
	gap: 20px 48px;
	border-radius: 18px;
	background: #e3f5ff;
	color: var(--ku-navy);
}

.ku-pricing-notice strong { display: block; font-size: clamp(1.5rem, 3vw, 2.5rem); letter-spacing: -0.04em; }
.ku-pricing-notice p { grid-column: 1; max-width: 66ch; margin: 0; color: var(--ku-muted); line-height: 1.65; }
.ku-pricing-notice > div { grid-column: 2; grid-row: 1 / span 2; display: flex; flex-direction: column; gap: 10px; }
.ku-pricing-notice button,
.ku-pricing-notice a,
.ku-plan__action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 10px 18px;
	border: 0;
	border-radius: 999px;
	background: var(--ku-navy);
	color: #fff;
	font: inherit;
	font-size: 0.78rem;
	font-weight: 800;
	text-decoration: none;
	cursor: pointer;
}
.ku-pricing-notice a { background: #fff; color: var(--ku-navy); }

.ku-plan-group + .ku-plan-group { margin-top: 62px; }
.ku-plan-group__head { margin-bottom: 22px; }
.ku-plan-group__head h3 { margin: 0; color: var(--ku-navy); font-size: clamp(1.7rem, 3vw, 3rem); font-weight: 790; letter-spacing: -0.045em; }
.ku-plan-group__head p { max-width: 64ch; margin: 8px 0 0; color: var(--ku-muted); line-height: 1.6; }
.ku-plan-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }

.ku-plan {
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: clamp(24px, 3vw, 38px);
	border: 1px solid var(--ku-rule);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 18px 50px rgba(8, 40, 61, 0.06);
	transition: transform 220ms cubic-bezier(0.16, 1, 0.3, 1), border-color 220ms ease;
}

.ku-plan:hover { transform: translateY(-5px); border-color: var(--ku-blue); }
.ku-plan--plus { background: #eaffcf; }
.ku-plan--premium { background: var(--ku-navy); color: #fff; }
.ku-plan__heading { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; }
.ku-plan__heading h4 { margin: 0; font-size: clamp(1.45rem, 2vw, 2.1rem); font-weight: 800; letter-spacing: -0.045em; }
.ku-plan__heading > span { max-width: 13ch; color: var(--ku-muted); font-size: 0.68rem; font-weight: 760; line-height: 1.3; text-align: right; }
.ku-plan--premium .ku-plan__heading > span,
.ku-plan--premium .ku-plan__description { color: #bcd0da; }
.ku-plan__description { min-height: 52px; margin: 18px 0 0; color: var(--ku-muted); line-height: 1.55; }
.ku-plan__price { display: flex; align-items: baseline; flex-wrap: wrap; margin: 26px 0 24px; gap: 8px; }
.ku-plan__price strong { font-size: clamp(2.5rem, 5vw, 4.5rem); letter-spacing: -0.065em; line-height: 0.9; }
.ku-plan__price span { color: var(--ku-muted); font-size: 0.76rem; font-weight: 730; }
.ku-plan--premium .ku-plan__price span { color: #bcd0da; }
.ku-plan__stats { display: grid; margin: 0 0 24px; gap: 10px; }
.ku-plan__stats div { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; gap: 18px; border-bottom: 1px solid var(--ku-rule); }
.ku-plan--premium .ku-plan__stats div { border-color: rgba(255,255,255,.18); }
.ku-plan__stats dt { color: var(--ku-muted); font-size: 0.75rem; }
.ku-plan--premium .ku-plan__stats dt { color: #bcd0da; }
.ku-plan__stats dd { margin: 0; font-weight: 830; }
.ku-plan__features { margin: 0 0 28px; padding: 0; list-style: none; }
.ku-plan__features li { position: relative; margin: 0 0 10px; padding-left: 24px; font-size: 0.78rem; line-height: 1.45; }
.ku-plan__features li::before { position: absolute; top: 0; left: 0; color: var(--ku-blue); content: '✓'; font-weight: 900; }
.ku-plan--premium .ku-plan__features li::before { color: var(--ku-lime); }
.ku-plan__action { width: 100%; margin-top: auto; background: var(--ku-navy); }
.ku-plan--premium .ku-plan__action { background: var(--ku-lime); color: var(--ku-navy); }
.ku-pricing-noscript { padding: 24px; border: 1px solid var(--ku-rule); border-radius: 18px; background: #fff; }

@media (max-width: 900px) {
	.ku-pricing-app__head { grid-template-columns: 1fr; gap: 24px; }
	.ku-pricing-guide { width: min(100%, 310px); }
	.ku-plan-grid { grid-template-columns: 1fr; }
	.ku-plan__description { min-height: 0; }
	.ku-pricing-notice { grid-template-columns: 1fr; }
	.ku-pricing-notice > div { grid-column: 1; grid-row: auto; }
}

@media (max-width: 620px) {
	.ku-pricing-app { width: calc(100% - 28px); }
	.ku-pricing-tabs { grid-template-columns: 1fr; border-radius: 18px; }
	.ku-pricing-tabs button { border-radius: 13px; }
	.ku-pricing-skeleton { grid-template-columns: 1fr; }
	.ku-pricing-skeleton i:not(:first-child) { display: none; }
}

@media (prefers-reduced-motion: reduce) {
	.ku-pricing-skeleton i,
	.ku-plan { animation: none; transition: none; }
}

/* Approved editorial body treatment; API behavior remains unchanged. */
.klarity-editorial-site .ku-pricing-app {
	--ku-navy: var(--ke-black);
	--ku-blue: var(--ke-blue);
	--ku-lime: var(--ke-green);
	--ku-paper: var(--ke-off-white);
	--ku-muted: var(--ke-muted);
	--ku-rule: var(--ke-rule);
	width: 100%;
	padding: 0;
}
.klarity-editorial-site .ku-pricing-app__head {
	grid-template-columns: minmax(0, 1fr) 250px;
	align-items: stretch;
	margin-bottom: 36px;
	border-top: 1px solid var(--ke-rule);
	border-bottom: 1px solid var(--ke-rule);
}
.klarity-editorial-site .ku-pricing-app__head > div { padding: clamp(28px, 4vw, 54px) 0; }
.klarity-editorial-site .ku-pricing-app__head h2,
.klarity-editorial-site .ku-plan-group__head h3,
.klarity-editorial-site .ku-plan h4 { font-family: var(--ke-serif); letter-spacing: -.04em; }
.klarity-editorial-site .ku-pricing-guide {
	align-items: flex-end;
	border: 0;
	border-left: 1px solid var(--ke-rule);
	border-radius: 0;
	background: var(--ke-yellow);
	padding: 18px;
}
.klarity-editorial-site .ku-pricing-guide img { width: 86px; }
.klarity-editorial-site .ku-pricing-tabs {
	max-width: none;
	margin-bottom: 48px;
	padding: 0;
	border: 1px solid var(--ke-rule);
	border-radius: 0;
}
.klarity-editorial-site .ku-pricing-tabs button { min-height: 58px; border-radius: 0; }
.klarity-editorial-site .ku-pricing-tabs button + button { border-left: 1px solid var(--ke-rule); }
.klarity-editorial-site .ku-pricing-tabs button[aria-selected='true'] { background: var(--ke-blue); color: var(--ke-white); }
.klarity-editorial-site .ku-pricing-skeleton { gap: 0; border: 1px solid var(--ke-rule); }
.klarity-editorial-site .ku-pricing-skeleton i { border-radius: 0; background: var(--ke-off-white); }
.klarity-editorial-site .ku-pricing-skeleton i + i { border-left: 1px solid var(--ke-rule); }
.klarity-editorial-site .ku-pricing-notice { border: 1px solid var(--ke-rule); border-radius: 0; background: var(--ke-off-white); }
.klarity-editorial-site .ku-plan-grid { gap: 0; border-top: 1px solid var(--ke-rule); border-left: 1px solid var(--ke-rule); }
.klarity-editorial-site .ku-plan {
	min-height: 560px;
	border: 0;
	border-right: 1px solid var(--ke-rule);
	border-bottom: 1px solid var(--ke-rule);
	border-radius: 0;
	box-shadow: none;
}
.klarity-editorial-site .ku-plan:hover { transform: translateY(-3px); border-color: var(--ke-rule); box-shadow: inset 0 7px 0 var(--ke-blue); }
.klarity-editorial-site .ku-plan--plus { background: var(--ke-yellow); }
.klarity-editorial-site .ku-plan--premium { background: var(--ke-black); }
.klarity-editorial-site .ku-plan__action,
.klarity-editorial-site .ku-pricing-notice button,
.klarity-editorial-site .ku-pricing-notice a { border: 1px solid var(--ke-black); border-radius: 999px; }

@media (max-width: 900px) {
	.klarity-editorial-site .ku-pricing-app__head { grid-template-columns: 1fr; }
	.klarity-editorial-site .ku-pricing-guide { border-left: 0; border-top: 1px solid var(--ke-rule); }
	.klarity-editorial-site .ku-plan { min-height: 0; }
}

@media (max-width: 620px) {
	.klarity-editorial-site .ku-pricing-tabs button + button { border-top: 1px solid var(--ke-rule); border-left: 0; }
}

/* Compact, server-first pricing preview. */
.klarity-editorial-site .ku-pricing-app__head {
	grid-template-columns: minmax(0, 1fr) 230px;
	align-items: start;
	margin-bottom: 24px;
}

.klarity-editorial-site .ku-pricing-app__head > div {
	padding: 34px 0 30px;
}

.klarity-editorial-site .ku-pricing-app__head h2 {
	max-width: 18ch;
	font-size: clamp(2.2rem, 4vw, 4.25rem);
	line-height: 0.98;
}

.klarity-editorial-site .ku-pricing-guide {
	display: flex;
	min-height: 260px;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	padding: 20px 18px 16px;
	text-align: center;
}

.klarity-editorial-site .ku-pricing-guide img {
	width: 112px;
}

.klarity-editorial-site .ku-pricing-guide figcaption {
	max-width: 18ch;
	font-size: 0.82rem;
}

.klarity-editorial-site .ku-pricing-tabs {
	margin-bottom: 28px;
}

.klarity-editorial-site .ku-pricing-status {
	min-height: 260px;
	padding: 28px 0;
}

.klarity-editorial-site .ku-pricing-skeleton i {
	min-height: 220px;
}

.klarity-editorial-site .ku-pricing-notice {
	min-height: 0;
	padding: 32px;
	background: #e3f5ff;
}

.ku-pricing-preview {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px;
	padding: 14px 18px;
	gap: 16px;
	border: 1px solid var(--ku-navy);
	background: #ffd731;
	color: var(--ku-navy);
}

.ku-pricing-preview strong {
	font-size: 0.82rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.ku-pricing-preview span {
	font-size: 0.84rem;
	font-weight: 650;
}

.klarity-editorial-site .ku-plan-group + .ku-plan-group {
	margin-top: 44px;
}

.klarity-editorial-site .ku-plan-group__head {
	margin-bottom: 18px;
}

.klarity-editorial-site .ku-plan-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	border: 0;
}

.klarity-editorial-site .ku-plan {
	min-height: 470px;
	padding: 28px;
	border: 1px solid var(--ke-rule);
	background: #e3f5ff;
	color: var(--ku-navy);
}

.klarity-editorial-site .ku-plan--tone-2 {
	background: #ffd731;
}

.klarity-editorial-site .ku-plan--tone-3 {
	background: #8df51f;
}

.klarity-editorial-site .ku-plan--tone-4 {
	background: #ff6b32;
}

.klarity-editorial-site .ku-plan--premium {
	background: var(--ku-navy);
	color: #fff;
}

.ku-plan__source {
	display: block;
	margin-bottom: 18px;
	font-size: 0.68rem;
	font-weight: 850;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.klarity-editorial-site .ku-plan__description {
	min-height: 48px;
	margin-top: 14px;
}

.klarity-editorial-site .ku-plan__price {
	margin: 20px 0 18px;
}

.klarity-editorial-site .ku-plan__price strong {
	font-size: clamp(2.4rem, 4vw, 3.8rem);
}

.klarity-editorial-site .ku-plan__stats {
	margin-bottom: 18px;
}

.klarity-editorial-site .ku-plan__stats div {
	padding: 9px 0;
}

.klarity-editorial-site .ku-plan__features {
	margin-bottom: 22px;
}

@media (max-width: 900px) {
	.klarity-editorial-site .ku-pricing-app__head {
		grid-template-columns: 1fr;
	}

	.klarity-editorial-site .ku-pricing-guide {
		width: 100%;
		min-height: 0;
	}

	.klarity-editorial-site .ku-plan-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 620px) {
	.ku-pricing-preview {
		align-items: flex-start;
		flex-direction: column;
	}

	.klarity-editorial-site .ku-plan-grid {
		grid-template-columns: 1fr;
	}

	.klarity-editorial-site .ku-plan {
		min-height: 0;
	}
}