/* Breadcrumbs */
	.breadcrumb-container {
		padding-block: 14px;
		background: var(--color-sunken);
		border-block-end: 1px solid var(--color-border);
		font-size: 13px;
	}
	.breadcrumb-list {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 8px;
		list-style: none;
		margin: 0;
		padding: 0;
		color: var(--color-muted);
	}
	.breadcrumb-list a {
		color: var(--color-text-secondary);
		text-decoration: none;
		transition: color var(--transition-fast);
	}
	.breadcrumb-list a:hover {
		color: var(--color-brand);
	}
	.breadcrumb-sep {
		color: var(--color-border-strong);
	}

	/* Wedge Hero */
	.wedge-hero {
		padding-block-start: clamp(36px, 6vw, 64px);
		padding-block-end: clamp(40px, 6vw, 72px);
		text-align: center;
	}
	.wedge-hero__inner {
		max-width: 900px;
		margin-inline: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.eyebrow-pill {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		padding: 6px 14px;
		border-radius: var(--radius-full);
		background: var(--color-sunken);
		border: 1px solid var(--color-border);
		font-size: 12.5px;
		font-weight: 600;
		color: var(--color-brand);
		margin-block-end: 20px;
	}
	.eyebrow-pill__dot {
		width: 7px;
		height: 7px;
		border-radius: 50%;
		background: var(--color-brand);
	}
	.wedge-hero__headline {
		font-size: clamp(2rem, 4.5vw, 3.4rem);
		line-height: 1.15;
		margin-block-end: 18px;
		letter-spacing: -0.02em;
	}
	.wedge-hero__lead {
		max-width: 760px;
		margin-inline: auto;
		margin-block-end: 28px;
		font-size: clamp(1rem, 1.8vw, 1.18rem);
		color: var(--color-text-secondary);
		line-height: 1.7;
	}
	.wedge-hero__actions {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 12px;
		margin-block-end: 32px;
	}
	.btn-whatsapp {
		background: #25d366;
		color: #ffffff;
		border: 1px solid #1ebd5a;
	}
	.btn-whatsapp:hover {
		background: #1ebe5d;
		color: #ffffff;
	}
	.wedge-trust-row {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 12px 20px;
		padding-block-start: 16px;
		border-block-start: 1px dashed var(--color-border);
		width: 100%;
	}
	.trust-badge {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		font-size: 13px;
		font-weight: 500;
		color: var(--color-text-secondary);
	}
	.trust-badge :global(svg) {
		color: var(--color-brand);
		font-size: 16px;
	}

	/* Google UI Showcase Hero Media */
	.wedge-hero__showcase {
		width: 100%;
		max-width: 1040px;
		margin-inline: auto;
		margin-block-start: clamp(32px, 5vw, 48px);
		position: relative;
	}
	.wedge-hero__frame {
		position: relative;
		border-radius: 24px;
		overflow: hidden;
		background: var(--color-surface);
		border: 1px solid var(--color-border);
		box-shadow: 0 20px 48px -12px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.04);
		transition: transform 0.3s ease, box-shadow 0.3s ease;
	}
	.wedge-hero__frame:hover {
		transform: translateY(-2px);
		box-shadow: 0 28px 64px -16px rgba(15, 23, 42, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.06);
	}
	.wedge-hero__img {
		display: block;
		width: 100%;
		height: auto;
		aspect-ratio: 16 / 9;
		object-fit: cover;
	}
	.wedge-hero__caption {
		position: absolute;
		inset-block-end: 18px;
		inset-inline-start: 18px;
		display: inline-flex;
		align-items: center;
		gap: 8px;
		padding: 8px 16px;
		background: rgba(255, 255, 255, 0.92);
		backdrop-filter: blur(12px);
		-webkit-backdrop-filter: blur(12px);
		border: 1px solid rgba(255, 255, 255, 0.8);
		box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
		border-radius: 9999px;
		font-size: 13px;
		font-weight: 600;
		color: #1e293b;
		max-width: calc(100% - 36px);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.wedge-hero__caption-icon {
		color: #0037a7;
		font-size: 16px;
		flex-shrink: 0;
	}
	@media (max-width: 640px) {
		.wedge-hero__frame {
			border-radius: 16px;
		}
		.wedge-hero__caption {
			inset-block-end: 12px;
			inset-inline-start: 12px;
			padding: 6px 12px;
			font-size: 11.5px;
			max-width: calc(100% - 24px);
		}
	}

	/* Highlights */
	.highlights-grid {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 16px;
		margin-block-start: 36px;
	}
	.highlight-card {
		padding: 24px;
	}
	.highlight-card__title {
		margin-block-start: 16px;
		font-size: 17px;
		font-weight: 600;
		line-height: 1.35;
	}
	.highlight-card__text {
		margin-block-start: 8px;
		font-size: 14px;
		line-height: 1.55;
		color: var(--color-muted);
	}

	/* Tables */
	.table-wrapper {
		overflow-x: auto;
		margin-block-start: 28px;
		padding: 0;
	}
	.wedge-table {
		width: 100%;
		border-collapse: collapse;
		text-align: left;
		font-size: 14px;
	}
	.wedge-table th {
		padding: 16px 20px;
		background: var(--color-subtle);
		color: var(--color-text);
		font-weight: 600;
		border-block-end: 1px solid var(--color-border);
	}
	.wedge-table td {
		padding: 18px 20px;
		border-block-end: 1px solid var(--color-border);
		vertical-align: top;
		line-height: 1.5;
	}
	.wedge-table tr:last-child td {
		border-block-end: 0;
	}
	.row--highlight {
		background: var(--color-brand-soft);
	}
	.badge-tag {
		display: inline-block;
		margin-block-end: 4px;
		padding: 2px 8px;
		border-radius: var(--radius-full);
		background: var(--color-brand);
		color: #ffffff;
		font-size: 11px;
		font-weight: 700;
		text-transform: uppercase;
	}
	.table-note {
		display: flex;
		align-items: flex-start;
		gap: 8px;
		padding: 14px 20px;
		background: var(--color-subtle);
		border-block-start: 1px solid var(--color-border);
		font-size: 13px;
		color: var(--color-text-secondary);
	}
	.table-note :global(svg) {
		color: var(--color-brand);
		flex-shrink: 0;
		margin-block-start: 2px;
	}

	/* Bridges (Good vs Bad) */
	.bridge-grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 20px;
		margin-block-start: 32px;
	}
	.bridge-card {
		padding: 28px;
	}
	.bridge-card--bad {
		border-inline-start: 4px solid var(--color-danger);
		background: light-dark(#fffbfa, #2a2020);
	}
	.bridge-card--good {
		border-inline-start: 4px solid var(--color-success);
		background: light-dark(#f8fcf9, #1c2720);
	}
	.bridge-card__status {
		display: inline-block;
		font-size: 12px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		margin-block-end: 6px;
	}
	.bridge-card__status--bad {
		color: var(--color-danger);
	}
	.bridge-card__status--good {
		color: var(--color-success);
	}
	.bridge-card__title {
		font-size: 18px;
		font-weight: 600;
		margin-block-end: 20px;
	}
	.bridge-list {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		gap: 14px;
	}
	.bridge-list li {
		display: flex;
		align-items: flex-start;
		gap: 10px;
		font-size: 14px;
		line-height: 1.5;
	}
	.icon-bad {
		color: var(--color-danger);
		font-size: 18px;
		flex-shrink: 0;
		margin-block-start: 2px;
	}
	.icon-good {
		color: var(--color-success);
		font-size: 18px;
		flex-shrink: 0;
		margin-block-start: 2px;
	}
	.bridge-takeaway {
		grid-column: 1 / -1;
		padding: 20px 24px;
		background: var(--color-sunken);
		border: 1px solid var(--color-brand);
		display: flex;
		align-items: center;
		gap: 14px;
	}
	.takeaway-icon {
		color: var(--color-brand);
		font-size: 24px;
		flex-shrink: 0;
	}
	.takeaway-text {
		font-size: 15px;
		font-weight: 600;
		color: var(--color-text);
		margin: 0;
	}

	/* Cases Grid */
	.cases-grid {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 20px;
		margin-block-start: 32px;
	}
	.case-card {
		padding: 28px;
		display: flex;
		flex-direction: column;
	}
	.case-card__tag {
		font-size: 12px;
		font-weight: 600;
		color: var(--color-brand);
		text-transform: uppercase;
		letter-spacing: 0.04em;
		margin-block-end: 8px;
	}
	.case-card__title {
		font-size: 18px;
		font-weight: 600;
		margin-block-end: 12px;
	}
	.case-card__desc {
		font-size: 14px;
		line-height: 1.6;
		color: var(--color-muted);
		margin-block-end: 20px;
		flex-grow: 1;
	}
	.case-card__metrics {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		font-size: 13px;
		font-weight: 600;
		color: var(--color-success);
		padding-block-start: 14px;
		border-block-start: 1px solid var(--color-border);
	}

	/* Contact Form */
	.contact-grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 48px;
		align-items: start;
	}
	.contact-direct-cards {
		display: flex;
		flex-direction: column;
		gap: 12px;
		margin-block-start: 28px;
	}
	.direct-card {
		display: flex;
		align-items: center;
		gap: 16px;
		padding: 16px 20px;
		text-decoration: none;
		color: var(--color-text);
		transition: transform var(--transition-fast), border-color var(--transition-fast);
	}
	.direct-card:hover {
		transform: translateY(-2px);
		border-color: var(--color-brand);
	}
	.direct-card__icon {
		width: 44px;
		height: 44px;
		border-radius: var(--radius-full);
		background: var(--color-brand-soft);
		color: var(--color-brand);
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 20px;
		flex-shrink: 0;
	}
	.direct-card--wa .direct-card__icon {
		background: #e7f9ee;
		color: #25d366;
	}
	.direct-card__label {
		display: block;
		font-size: 12px;
		color: var(--color-muted);
	}
	.direct-card__value {
		font-size: 15px;
		font-weight: 600;
	}
	.form-card {
		padding: 32px;
	}
	.form-card__title {
		font-size: 20px;
		font-weight: 600;
		margin-block-end: 4px;
	}
	.form-card__sub {
		font-size: 13px;
		color: var(--color-muted);
		margin-block-end: 24px;
	}
	.wedge-form {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}
	.form-row {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 12px;
	}
	.form-group {
		display: flex;
		flex-direction: column;
		gap: 6px;
	}
	.form-group label {
		font-size: 13px;
		font-weight: 600;
		color: var(--color-text);
	}
	.form-group input,
	.form-group textarea {
		padding: 12px 14px;
		border-radius: var(--radius-sm);
		border: 1px solid var(--color-border);
		background: var(--color-surface);
		color: var(--color-text);
		font-family: inherit;
		font-size: 16px; /* Prevents iOS auto-zoom */
		outline: none;
		transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
	}
	.form-group input:focus,
	.form-group textarea:focus {
		border-color: var(--color-brand);
		box-shadow: 0 0 0 3px var(--color-brand-ring);
	}
	.btn-full {
		width: 100%;
		margin-block-start: 8px;
	}
	.form-status {
		padding: 12px 14px;
		border-radius: var(--radius-sm);
		font-size: 13px;
		font-weight: 500;
		line-height: 1.4;
	}
	.form-status--success {
		background: #e6f4ea;
		color: #137333;
		border: 1px solid #a8dab5;
	}
	.form-status--error {
		background: #fce8e6;
		color: #c5221f;
		border: 1px solid #f5c2c7;
	}
	.form-disclaimer {
		display: flex;
		align-items: center;
		gap: 6px;
		font-size: 12px;
		color: var(--color-muted);
		margin: 0;
	}

	/* FAQ */
	.faq-list {
		max-width: 800px;
		margin-inline: auto;
		display: flex;
		flex-direction: column;
		gap: 12px;
		margin-block-start: 32px;
	}
	.faq-item {
		padding: 0;
		overflow: hidden;
	}
	.faq-question {
		padding: 20px 24px;
		font-size: 16px;
		font-weight: 600;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		list-style: none;
		user-select: none;
	}
	.faq-question::-webkit-details-marker {
		display: none;
	}
	.faq-icon {
		font-size: 18px;
		color: var(--color-brand);
		transition: transform var(--transition-fast);
	}
	.faq-item[open] .faq-icon {
		transform: rotate(45deg);
	}
	.faq-answer {
		padding: 0 24px 20px;
		font-size: 15px;
		line-height: 1.6;
		color: var(--color-text-secondary);
	}

	/* Related Wedges */
	.related-grid {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 16px;
		margin-block-start: 32px;
	}
	.related-card {
		padding: 24px;
		text-decoration: none;
		color: var(--color-text);
		display: flex;
		flex-direction: column;
	}
	.related-card__title {
		margin-block-start: 16px;
		font-size: 16px;
		font-weight: 600;
	}
	.related-card__desc {
		margin-block-start: 6px;
		font-size: 13px;
		line-height: 1.5;
		color: var(--color-muted);
		margin-block-end: 16px;
		flex-grow: 1;
	}
	.related-card__link {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		font-size: 13px;
		font-weight: 600;
		color: var(--color-brand);
		transition: gap var(--transition-fast);
	}
	.related-card:hover .related-card__link {
		gap: 10px;
	}

	/* Responsiveness */
	@media (max-width: 960px) {
		.highlights-grid {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
		.cases-grid {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
		.related-grid {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
		.contact-grid {
			grid-template-columns: 1fr;
			gap: 36px;
		}
	}
	@media (max-width: 640px) {
		.highlights-grid,
		.cases-grid,
		.related-grid,
		.bridge-grid,
		.form-row {
			grid-template-columns: 1fr;
		}
		.form-card {
			padding: 20px;
		}
		.bridge-card {
			padding: 20px;
		}
	}