:root {
	--ftairk-cream: #fff9f5;
	--ftairk-white: #ffffff;
	--ftairk-navy: #12365a;
	--ftairk-pink: #f2557d;
	--ftairk-blush: #fce5ea;
	--ftairk-text: #35445a;
	--ftairk-border: #f5d5dc;
}

.ftairk-page,
.ftairk-page * { box-sizing: border-box; }

.ftairk-page {
	--ftairk-gap: 68px;
	display: flex;
	flex-direction: column;
	gap: var(--ftairk-gap);
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	color: var(--ftairk-text);
	font-family: Arial, sans-serif;
}

.ftairk-section { position: relative; width: 100%; }

.ftairk-hero {
	display: grid;
	grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
	align-items: center;
	gap: clamp(34px, 5vw, 78px);
	padding: clamp(34px, 6vw, 78px);
	background-color: var(--ftairk-cream);
}

.ftairk-hero__content { position: relative; z-index: 2; min-width: 0; }
.ftairk-eyebrow { margin-bottom: 18px; color: var(--ftairk-pink); font-size: 26px; line-height: 1.2; }

.ftairk-hero__heading,
.ftairk-section-heading,
.ftairk-item__title {
	margin-top: 0;
	color: var(--ftairk-navy);
	font-family: Georgia, serif;
	font-weight: 500;
}

.ftairk-hero__heading { margin-bottom: 25px; font-size: clamp(44px, 5vw, 72px); line-height: 1.04; }
.ftairk-section-heading { margin-bottom: 34px; font-size: clamp(34px, 4vw, 52px); line-height: 1.1; }
.ftairk-item__title { margin-bottom: 10px; font-size: 24px; line-height: 1.2; }
.ftairk-description { font-size: 16px; line-height: 1.7; }
.ftairk-description > :last-child { margin-bottom: 0; }

.ftairk-buttons { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 28px; }
.ftairk-button { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 14px 28px; border: 2px solid transparent; border-radius: 8px; font-size: 15px; font-weight: 700; line-height: 1.2; text-align: center; text-decoration: none; transition: .2s ease; }
.ftairk-button:hover { transform: translateY(-2px); }
.ftairk-button--primary { border-color: var(--ftairk-pink); background-color: var(--ftairk-pink); color: var(--ftairk-white); }
.ftairk-button--secondary { border-color: var(--ftairk-pink); background-color: transparent; color: var(--ftairk-pink); }

.ftairk-badges { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.ftairk-badge { display: inline-flex; align-items: center; gap: 8px; padding: 10px 15px; border: 1px solid var(--ftairk-border); border-radius: 999px; background: rgba(255,255,255,.65); color: var(--ftairk-navy); font-size: 13px; font-weight: 700; }
.ftairk-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; color: var(--ftairk-pink); font-size: 24px; }
.ftairk-icon svg { width: 1em; height: 1em; fill: currentColor; }

.ftairk-image,
.ftairk-image img { display: block; width: 100%; max-width: 100%; }
.ftairk-image { overflow: hidden; }
.ftairk-image img { height: 100%; object-fit: cover; }
.ftairk-hero__image { min-height: 500px; border-radius: 30% 25% 28% 22%; box-shadow: 22px 14px 0 rgba(242,85,125,.10); }
.ftairk-hero__image img { height: 500px; }

.ftairk-benefits { padding-inline: clamp(22px, 5vw, 74px); }
.ftairk-benefits > .ftairk-section-heading { text-align: center; }
.ftairk-benefits > .ftairk-section-heading::after { content: "♡"; display: block; margin-top: 12px; color: var(--ftairk-pink); font-family: Arial, sans-serif; font-size: 30px; }
.ftairk-benefit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.ftairk-card { border: 1px solid var(--ftairk-border); border-radius: 20px; background-color: #fffaf9; box-shadow: 0 12px 28px rgba(18,54,90,.05); }
.ftairk-benefit { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: center; min-width: 0; padding: 28px; }
.ftairk-benefit:nth-child(2n + 1) { background-color: #fff3f5; }
.ftairk-benefit__icon { display: flex; align-items: center; justify-content: center; width: 74px; height: 74px; border: 1px solid var(--ftairk-border); border-radius: 50%; background-color: var(--ftairk-white); }
.ftairk-benefit__icon .ftairk-icon { font-size: 34px; }

.ftairk-match { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); gap: clamp(34px, 5vw, 70px); align-items: center; padding-inline: clamp(22px, 5vw, 74px); }
.ftairk-match__image { border-radius: 28px; }
.ftairk-match__image img { height: 420px; }
.ftairk-match-list { display: grid; gap: 4px; }
.ftairk-match-item { display: flex; align-items: center; gap: 16px; padding: 17px 0; border-bottom: 1px solid var(--ftairk-border); color: var(--ftairk-navy); font-size: 17px; }
.ftairk-match-item .ftairk-icon { width: 48px; height: 48px; border-radius: 50%; background-color: var(--ftairk-blush); }

.ftairk-cta { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: stretch; margin-inline: clamp(18px, 4vw, 58px); overflow: hidden; background-color: var(--ftairk-blush); }
.ftairk-cta__content { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: clamp(30px, 5vw, 60px); }
.ftairk-cta__content .ftairk-section-heading { margin-bottom: 18px; }
.ftairk-cta__content .ftairk-button { margin-top: 25px; }
.ftairk-cta__visual { position: relative; min-width: 0; }
.ftairk-cta__image { height: 100%; border-radius: 30% 0 0 30%; }
.ftairk-cta__image img { height: 330px; }
.ftairk-note { position: absolute; right: 3%; bottom: 0; z-index: 2; max-width: 190px; padding: 24px 20px; transform: rotate(4deg); background-color: #fffdf7; box-shadow: 0 10px 22px rgba(18,54,90,.14); color: var(--ftairk-navy); font-family: Georgia, serif; font-size: 20px; font-style: italic; line-height: 1.4; text-align: center; }

@media (max-width: 1024px) {
	.ftairk-page { --ftairk-gap: 50px; }
	.ftairk-hero,
	.ftairk-match,
	.ftairk-cta { grid-template-columns: 1fr; }
	.ftairk-hero__image { margin-top: 8px; border-radius: 28px; }
	.ftairk-match__image { order: 2; }
	.ftairk-cta__visual { order: -1; }
	.ftairk-cta__image { border-radius: 20px 20px 0 0; }
}

@media (max-width: 767px) {
	.ftairk-page { --ftairk-gap: 38px; }
	.ftairk-hero { padding: 34px 22px; }
	.ftairk-hero__heading { font-size: 42px; }
	.ftairk-hero__image,
	.ftairk-hero__image img { min-height: 330px; height: 330px; }
	.ftairk-benefit-grid { grid-template-columns: 1fr; }
	.ftairk-benefit { grid-template-columns: 1fr; padding: 22px; }
	.ftairk-benefit__icon { width: 60px; height: 60px; }
	.ftairk-match__image img { height: 300px; }
	.ftairk-cta { margin-inline: 12px; }
	.ftairk-cta__content { padding: 32px 24px; }
	.ftairk-cta__image img { height: 260px; }
	.ftairk-note { right: 10px; max-width: 150px; padding: 16px 12px; font-size: 16px; }
}