.iris-travel-planner {
	--iris-planner-cream: #fbf6ef;
	--iris-planner-blush: #f1ddd8;
	--iris-planner-linen: #fffaf5;
	--iris-planner-taupe: #92786d;
	--iris-planner-brown: #4d3931;
	--iris-planner-border: rgba(146, 120, 109, 0.22);
}

.iris-travel-planner-hero {
	background:
		linear-gradient(135deg, rgba(251, 246, 239, 0.92), rgba(241, 221, 216, 0.86)),
		radial-gradient(circle at top left, rgba(255, 250, 245, 0.86), transparent 42%);
	border: 1px solid var(--iris-planner-border);
	border-radius: 24px;
	box-shadow: 0 20px 48px rgba(77, 57, 49, 0.08);
	padding: clamp(34px, 6vw, 72px) clamp(20px, 5vw, 64px);
}

.iris-travel-planner .iris-ai-eyebrow {
	color: var(--iris-planner-taupe);
	letter-spacing: 0.1em;
}

.iris-travel-planner .iris-ai-hero h2 {
	color: var(--iris-planner-brown);
	font-size: clamp(2.45rem, 6vw, 5.4rem);
}

.iris-travel-planner-subhead {
	color: var(--iris-planner-brown);
	font-size: clamp(1.08rem, 2.2vw, 1.35rem);
	margin-left: auto;
	margin-right: auto;
	max-width: 760px;
}

.iris-travel-planner .iris-ai-form,
.iris-travel-planner .iris-ai-output,
.iris-travel-planner .iris-ai-lead-capture,
.iris-travel-planner .iris-ai-premium {
	border-color: var(--iris-planner-border);
	border-radius: 18px;
}

.iris-travel-planner .iris-ai-output,
.iris-travel-planner .iris-ai-lead-capture {
	background: linear-gradient(135deg, var(--iris-planner-linen), var(--iris-planner-blush));
}

.iris-travel-planner .iris-ai-button {
	background: var(--iris-planner-brown);
	border-color: var(--iris-planner-brown);
	min-height: 46px;
}

.iris-travel-planner .iris-ai-button:hover {
	background: #372820;
}

.iris-travel-planner .iris-ai-link-actions {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.iris-travel-planner .iris-ai-link-actions .iris-ai-button {
	display: inline-flex;
	justify-content: center;
	text-align: center;
	text-decoration: none;
}

.iris-travel-planner .iris-ai-button-secondary {
	background: transparent;
	color: var(--iris-planner-brown);
}

.iris-travel-planner .iris-ai-button-secondary:hover {
	background: rgba(77, 57, 49, 0.08);
}

.iris-travel-planner .iris-ai-premium-grid article,
.iris-travel-planner .iris-ai-output-card {
	background: var(--iris-planner-linen);
	border-color: var(--iris-planner-border);
	border-radius: 14px;
}

@media (max-width: 700px) {
	.iris-travel-planner-hero {
		border-radius: 18px;
		padding: 28px 18px;
	}
}