/*
 * Page-scoped stylesheet for the Drake Audit Defense (Audit Protection) page.
 * Every rule is scoped under .drake-audit-defense so this migrated mirror
 * cannot leak into the shell (nav, header, footer). The design uses only
 * Source Sans Pro (self-hosted globally via apps/drake-web/config/fonts.ts),
 * so no page-local @font-face is required.
 */

/*
 * Scope the design tokens to the page root instead of :root so this migrated
 * stylesheet cannot override same-named design-system variables on the shell
 * when it loads on the /products/drake-audit-defense/ route.
 */
.drake-audit-defense {
	--brand-500: #1b75bc;
	--brand-600: #155e97;
	--secondary-600: #3e495a;
	--secondary-300: #a0aab6;
	--secondary-50: #ecf4f9;
	--secondary-25: #f5fbff;
	--base-dark: #1c1b20;
	--base-light: #f7f8fc;
	--muted: #74777e;
	--card-blue: #f5fbff;
	--font-body: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.drake-audit-defense *,
.drake-audit-defense *::before,
.drake-audit-defense *::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

.drake-audit-defense {
	font-family: var(--font-body);
	color: var(--base-dark);
	background: #fff;
	-webkit-font-smoothing: antialiased;
}

.drake-audit-defense img {
	display: block;
	max-width: 100%;
}

.drake-audit-defense .container {
	width: 100%;
	max-width: 1146px;
	margin: 0 auto;
	padding: 0 24px;
}

/* ---------- Buttons ---------- */
.drake-audit-defense .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 32px;
	border-radius: 9999px;
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	text-decoration: none;
	border: none;
	cursor: pointer;
	transition: opacity 0.15s ease;
}

.drake-audit-defense .btn:hover {
	opacity: 0.9;
}

.drake-audit-defense .btn--brand {
	background: var(--brand-500);
	color: #fff;
	box-shadow: 0 1px 3.5px rgba(0, 0, 0, 0.07);
}

.drake-audit-defense .btn--outline {
	background: #fff;
	color: var(--brand-500);
	border: 1px solid var(--brand-500);
}

.drake-audit-defense .btn--light {
	background: #fff;
	color: var(--brand-500);
}

.drake-audit-defense .btn-row {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 32px;
}

/* ---------- Hero ---------- */
.drake-audit-defense .hero {
	position: relative;
	min-height: 601px;
	display: flex;
	align-items: center;
	background-color: var(--base-dark);
	background-size: cover;
	background-position: center;
	overflow: hidden;
}

.drake-audit-defense .hero__inner {
	position: relative;
	width: 100%;
	max-width: 1146px;
	margin: 0 auto;
	padding: 0 24px;
}

.drake-audit-defense .hero__card {
	max-width: 531px;
	background: #fff;
	border-radius: 39px;
	padding: 45px;
	box-shadow: 11px 11px 9.8px rgba(0, 0, 0, 0.17);
}

.drake-audit-defense .hero__wordmark {
	margin: 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 42px;
	line-height: 1;
	letter-spacing: 0;
	color: var(--base-dark);
	white-space: nowrap;
}

.drake-audit-defense .hero__wordmark-drake {
	font-weight: 700;
	color: #3f3f3f;
	margin-right: 0.06em;
}

.drake-audit-defense .hero__wordmark-product {
	font-weight: 400;
	color: var(--brand-500);
	word-spacing: normal;
	letter-spacing: -0.01em;
}

.drake-audit-defense .hero__wordmark-tm {
	font-size: 0.4em;
	vertical-align: super;
	letter-spacing: 0;
}

.drake-audit-defense .hero__title {
	margin: 32px 0 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	font-size: 36px;
	line-height: 44px;
	color: var(--base-dark);
}

.drake-audit-defense .hero__body {
	margin-top: 32px;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: var(--muted);
}

/* ---------- Section headings ---------- */
.drake-audit-defense .section {
	padding: 80px 0;
}

.drake-audit-defense .section--blue {
	background: var(--brand-500);
	color: #fff;
}

.drake-audit-defense .section__title {
	font-weight: 700;
	font-size: 32px;
	line-height: 44px;
	text-align: center;
}

.drake-audit-defense .section__subtitle {
	margin-top: 16px;
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	color: var(--muted);
}

.drake-audit-defense .section--blue .section__subtitle {
	color: rgba(255, 255, 255, 0.85);
}

/* ---------- Comprehensive support (image + text, blue) ---------- */
.drake-audit-defense .support__grid {
	display: flex;
	gap: 61px;
	align-items: flex-start;
}

.drake-audit-defense .support__left {
	flex: 0 0 422px;
	max-width: 422px;
	min-width: 0;
}

.drake-audit-defense .support__heading {
	font-weight: 700;
	font-size: 32px;
	line-height: 40px;
	color: #fff;
}

.drake-audit-defense .support__photo {
	margin-top: 30px;
	width: 100%;
	max-width: 339px;
	aspect-ratio: 339 / 319;
	object-fit: cover;
	border-radius: 12px;
}

.drake-audit-defense .support__text {
	margin-top: 30px;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: rgba(255, 255, 255, 0.85);
	max-width: 339px;
}

.drake-audit-defense .support__cta {
	margin-top: 32px;
}

.drake-audit-defense .support__cards {
	flex: 1 1 auto;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
}

.drake-audit-defense .support-card {
	background: #fff;
	border-radius: 8px;
	padding: 35px;
	min-height: 251px;
	color: var(--base-dark);
}

.drake-audit-defense .support-card__icon {
	color: var(--secondary-600);
	width: 24px;
	height: 24px;
}

.drake-audit-defense .support-card__title {
	margin-top: 14px;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
}

.drake-audit-defense .support-card__text {
	margin-top: 14px;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: var(--muted);
}

/* ---------- Products / coverage cards ---------- */
.drake-audit-defense .coverage__grid {
	display: flex;
	gap: 30px;
	justify-content: center;
	margin-top: 48px;
}

.drake-audit-defense .coverage-card {
	flex: 0 1 362px;
	max-width: 362px;
	border-radius: 12px;
	border: 1px solid #e3e8ef;
	padding: 26px 42px 34px;
}

.drake-audit-defense .coverage-card--highlight {
	background: var(--card-blue);
	border-color: #cfe3f4;
}

.drake-audit-defense .coverage-card__title {
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	color: var(--secondary-600);
}

.drake-audit-defense .coverage-card__sub {
	margin-top: 8px;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	color: var(--secondary-600);
}

.drake-audit-defense .coverage-card__list {
	list-style: none;
	margin-top: 24px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.drake-audit-defense .coverage-card__item {
	display: flex;
	gap: 8px;
	align-items: flex-start;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: var(--base-dark);
}

.drake-audit-defense .coverage-card__item .icon {
	flex: none;
	width: 16px;
	height: 16px;
	margin-top: 2px;
	color: var(--secondary-600);
}

.drake-audit-defense .coverage-card__cta {
	display: flex;
	width: 100%;
	margin-top: 24px;
	justify-content: center;
	padding: 10px 24px;
	font-size: 16px;
}

.drake-audit-defense .coverage-card__details-label {
	margin-top: 24px;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
}

/* ---------- Why (blue, 3 cards) ---------- */
.drake-audit-defense .why__grid {
	display: flex;
	gap: 30px;
	margin-top: 48px;
}

.drake-audit-defense .why-card {
	flex: 1 1 0;
	min-width: 0;
	background: #fff;
	border-radius: 8px;
	padding: 50px 30px;
	color: var(--base-dark);
}

.drake-audit-defense .why-card__title {
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
}

.drake-audit-defense .why-card__text {
	margin-top: 5px;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: var(--muted);
}

/* ---------- Benefits (firm + taxpayer) ---------- */
.drake-audit-defense .benefits__grid {
	display: flex;
	gap: 32px;
	margin-top: 40px;
}

.drake-audit-defense .benefit-card {
	flex: 1 1 0;
	min-width: 0;
	border: 1px solid #e3e8ef;
	border-radius: 16px;
	padding: 35px;
}

.drake-audit-defense .benefit-card__photo {
	width: 100%;
	aspect-ratio: 486 / 304;
	object-fit: cover;
	border-radius: 12px;
}

.drake-audit-defense .benefit-card__title {
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	color: var(--secondary-600);
}

.drake-audit-defense .benefit-card__list {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.drake-audit-defense .benefit-card__item {
	display: flex;
	gap: 8px;
	align-items: flex-start;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: var(--base-dark);
}

.drake-audit-defense .benefit-card__item .icon {
	flex: none;
	width: 16px;
	height: 16px;
	margin-top: 4px;
	color: var(--secondary-600);
}

/* Preparer card: photo on top, then title + list. */
.drake-audit-defense .benefit-card--preparer .benefit-card__title {
	margin-top: 32px;
}

.drake-audit-defense .benefit-card--preparer .benefit-card__list {
	margin-top: 24px;
}

/* Taxpayer card: title + list on top, then photo. */
.drake-audit-defense .benefit-card--taxpayer .benefit-card__list {
	margin-top: 24px;
}

.drake-audit-defense .benefit-card--taxpayer .benefit-card__photo {
	margin-top: 32px;
}

.drake-audit-defense .section__cta {
	display: flex;
	gap: 16px;
	justify-content: center;
	margin-top: 40px;
}

/* ---------- CTA band (2025 returns) ---------- */
.drake-audit-defense .cta-band {
	background: #fff;
}

.drake-audit-defense .cta-band__inner {
	width: 100%;
	background: var(--base-light);
	border-radius: 24px;
	padding: 52px 150px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.drake-audit-defense .cta-band__title {
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	color: var(--base-dark);
}

.drake-audit-defense .cta-band__text {
	margin-top: 20px;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: var(--muted);
}

.drake-audit-defense .cta-band__cta {
	margin-top: 32px;
}

.drake-audit-defense .cta-band__content {
	width: 100%;
	max-width: 522px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.drake-audit-defense .cta-band__disclaimer-section {
	padding-top: 0;
}

.drake-audit-defense .cta-band__disclaimer {
	max-width: 942px;
	margin: 32px auto 0;
	text-align: center;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: var(--base-dark);
}

.drake-audit-defense .cta-band__disclaimer-link {
	color: inherit;
	text-decoration: underline;
}

/* ---------- FAQ ---------- */
/*
 * Markup follows the canonical Drake FAQ pattern (.faq-area / .faq-accordion /
 * .faq-item / .faq-header > i / .faq-content). Accordion JS is provided globally
 * by DrakeFaqInteractions.vue, and the chevron + max-height collapse come from
 * the global raw-html.css. Only page-specific chrome is defined here.
 */
.drake-audit-defense .faq-area {
	background: #fff;
}

.drake-audit-defense .faq-accordion {
	max-width: 754px;
	margin: 0 auto;
	padding: 0 24px 24px;
}

.drake-audit-defense .faq-area .section-heading {
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 36px;
	line-height: 44px;
	text-align: center;
	color: var(--base-dark);
	padding: 0 0 32px;
}

.drake-audit-defense .faq-item {
	border-top: 1px solid var(--secondary-300);
}

.drake-audit-defense .faq-item:last-child {
	border-bottom: 1px solid var(--secondary-300);
}

.drake-audit-defense .faq-area .faq-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 20px 30px;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: var(--base-dark);
}

.drake-audit-defense .faq-area .faq-content {
	padding: 0 30px;
}

.drake-audit-defense .faq-area .faq-content.show {
	padding: 0 30px 30px;
}

.drake-audit-defense .faq-area .faq-content p {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: var(--base-dark);
}

/* Unify list typography with the FAQ paragraphs and keep the bullet marker
   aligned under the first text character (wrapped lines hang at that same
   indent). Provide breathing room between stacked blocks. */
.drake-audit-defense .faq-area .faq-content p,
.drake-audit-defense .faq-area .faq-content ul,
.drake-audit-defense .faq-area .faq-content li {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: var(--base-dark);
}

.drake-audit-defense .faq-area .faq-content > * + * {
	margin-top: 16px;
}

.drake-audit-defense .faq-area .faq-content ul {
	margin: 16px 0;
	padding-left: 20px;
	list-style-position: outside;
}

.drake-audit-defense .faq-area .faq-content li {
	padding-left: 4px;
}

.drake-audit-defense .faq-area .faq-content li + li {
	margin-top: 8px;
}

/* ---------- Responsive ---------- */
@media (max-width: 991px) {
	.drake-audit-defense .hero {
		min-height: auto;
		padding: 48px 0;
		/* Below 992px, drop the hero photo and show the card on a plain
		   white background. !important overrides the inline background-image. */
		background-image: none !important;
		background-color: #fff;
	}

	.drake-audit-defense .hero__card {
		max-width: 100%;
		background: transparent;
		border-radius: 0;
		padding: 0;
		box-shadow: none;
	}

	.drake-audit-defense .support__grid {
		flex-direction: column;
		align-items: center;
	}

	.drake-audit-defense .support__left {
		flex: 1 1 auto;
		max-width: 100%;
		text-align: center;
	}

	.drake-audit-defense .support__text {
		max-width: 100%;
	}

	.drake-audit-defense .support__photo {
		width: 100%;
		max-width: 339px;
		height: auto;
		aspect-ratio: auto;
		margin-left: auto;
		margin-right: auto;
	}

	.drake-audit-defense .support__cta {
		display: flex;
		justify-content: center;
	}

	.drake-audit-defense .coverage__grid,
	.drake-audit-defense .why__grid,
	.drake-audit-defense .benefits__grid {
		flex-direction: column;
		align-items: stretch;
	}

	.drake-audit-defense .coverage-card {
		flex: 1 1 auto;
		max-width: 100%;
	}

	.drake-audit-defense .cta-band__inner {
		padding: 40px 24px;
	}

	/* Below 992px, gap from the last FAQ item to the footer box edge is 80px:
	   40px FAQ padding-bottom + the shared footer's 40px margin-top. Desktop
	   keeps the default .section 80px bottom padding. */
	.drake-audit-defense .faq-area {
		padding-bottom: 40px;
	}

	/* The 24px accordion bottom padding is only needed on desktop; below 992px
	   the .faq-area padding-bottom supplies the spacing. */
	.drake-audit-defense .faq-accordion {
		padding-bottom: 0;
	}
}

/* 576–991: cap the support heading/paragraph to the Figma max widths and
   keep them centered (the container is full-width and centered here). */
@media (min-width: 576px) and (max-width: 991px) {
	.drake-audit-defense .support__heading {
		max-width: 612px;
		margin-left: auto;
		margin-right: auto;
	}

	.drake-audit-defense .support__text {
		max-width: 626px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (max-width: 575px) {
	.drake-audit-defense .hero__card {
		padding: 28px;
	}

	.drake-audit-defense .hero__wordmark {
		font-size: 34px;
	}

	.drake-audit-defense .hero__title {
		font-size: 26px;
		line-height: 34px;
	}

	.drake-audit-defense .support__cards {
		grid-template-columns: 1fr;
	}

	.drake-audit-defense .section__title,
	.drake-audit-defense .support__heading {
		font-size: 26px;
		line-height: 34px;
	}

	.drake-audit-defense .section__cta {
		flex-direction: column;
		align-items: stretch;
	}

	.drake-audit-defense .section__cta .btn {
		width: 100%;
	}

	.drake-audit-defense .faq-area .section-heading {
		font-size: 28px;
		line-height: 36px;
	}

	.drake-audit-defense .faq-area .faq-header,
	.drake-audit-defense .faq-area .faq-content,
	.drake-audit-defense .faq-area .faq-content.show {
		padding-left: 16px;
		padding-right: 16px;
	}

	/* Below 576px, the gap between the benefits section (Enroll/Contact Sales)
	   and the CTA band should be 40px total: 20px benefits padding-bottom +
	   20px cta-band padding-top. */
	.drake-audit-defense .benefits {
		padding-bottom: 20px;
	}

	.drake-audit-defense .cta-band {
		padding-top: 20px;
	}

	/* Below 576px, the gap between the disclaimer and the FAQ should be 40px
	   total: 20px disclaimer padding-bottom + 20px FAQ padding-top. */
	.drake-audit-defense .cta-band__disclaimer-section {
		padding-bottom: 20px;
	}

	.drake-audit-defense .faq-area {
		padding-top: 20px;
	}
}

@media (max-width: 439px) {
	.drake-audit-defense .hero .btn-row {
		flex-direction: column;
		align-items: stretch;
	}

	.drake-audit-defense .hero .btn-row .btn {
		width: 100%;
	}
}