.ar-intent {
	--intent-ink: #081f25;
	--intent-ink-raised: #102a31;
	--intent-orange: #ee7937;
	--intent-orange-dark: #b84b18;
	--intent-paper: #fff;
	--intent-canvas: #f8fafc;
	--intent-line: #e2e8f0;
	--intent-muted: #64748b;
	overflow: hidden;
	background: var(--intent-canvas);
	color: #092128;
	font-family: ProximaNova, Arial, sans-serif;
}

.ar-intent *,
.ar-intent *::before,
.ar-intent *::after {
	box-sizing: border-box;
}

.ar-intent__hero {
	position: relative;
	padding: 92px 40px 96px;
	background:
		radial-gradient(circle at 83% 22%, rgba(238, 121, 55, .17), transparent 31%),
		linear-gradient(135deg, #081f25 0%, #0b2b33 100%);
	color: #fff;
}

.ar-intent__hero::before {
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255, 255, 255, .034) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, .034) 1px, transparent 1px);
	background-size: 64px 64px;
	content: "";
	mask-image: linear-gradient(90deg, #000, transparent 86%);
	opacity: .34;
}

.ar-intent__hero-grid {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, .9fr) minmax(520px, 1.1fr);
	align-items: center;
	gap: 72px;
	width: min(1240px, 100%);
	margin: 0 auto;
}

.ar-intent__copy {
	animation: ar-intent-reveal .38s ease-out both;
}

.ar-intent__eyebrow,
.ar-intent__section-label {
	margin: 0 0 18px;
	font-family: OpenSans, Arial, sans-serif;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--intent-orange);
}

.ar-intent__detail .ar-intent__section-label,
.ar-intent__start .ar-intent__section-label,
.ar-intent__explain .ar-intent__section-label,
.ar-intent__faq .ar-intent__section-label,
.ar-intent__related .ar-intent__section-label {
	color: #9f3d12;
}

.ar-intent__copy h1 {
	max-width: 660px;
	margin: 0 0 24px;
	font-family: Sora, ProximaNova, Arial, sans-serif;
	font-size: clamp(48px, 5.3vw, 72px);
	font-weight: 600;
	line-height: 1.02;
	letter-spacing: -.045em;
	color: #fff !important;
}

.ar-intent__subtitle {
	max-width: 620px;
	margin: 0 0 18px;
	font-size: 21px;
	font-weight: 600;
	line-height: 1.38;
	color: #fff;
}

.ar-intent__intro {
	max-width: 600px;
	margin: 0 0 32px;
	font-size: 17px;
	line-height: 1.62;
	color: #aebfc3;
}

.ar-intent__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 18px;
}

.ar-intent__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 56px;
	padding: 0 27px;
	border-radius: 8px;
	background: var(--intent-orange-dark);
	box-shadow: 0 18px 42px -22px rgba(0, 0, 0, .72);
	font-family: OpenSans, Arial, sans-serif;
	font-size: 16px;
	font-weight: 800;
	text-decoration: none !important;
	color: #fff !important;
	transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.ar-intent__button:hover {
	background: #9f3d12;
	box-shadow: 0 16px 34px -20px rgba(0, 0, 0, .72);
	transform: translateY(-2px);
}

.ar-intent__button:focus-visible {
	outline: 3px solid var(--intent-orange);
	outline-offset: 4px;
}

.ar-intent__button:active {
	transform: none;
}

.ar-intent__trial {
	font-family: OpenSans, Arial, sans-serif;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .075em;
	text-transform: uppercase;
	color: #f3a274;
}

.ar-intent__hero-proof {
	overflow: hidden;
	margin: 0;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 16px;
	background: var(--intent-ink-raised);
	box-shadow: 0 40px 80px -48px rgba(0, 0, 0, .9);
	animation: ar-intent-reveal .48s .08s ease-out both;
}

.ar-intent__shotbar {
	display: flex;
	align-items: center;
	gap: 11px;
	height: 48px;
	padding: 0 17px;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	font-size: 12px;
	font-weight: 600;
	color: #dbe5e7;
}

.ar-intent__shotbar span {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #68d9a6;
	box-shadow: 0 0 0 5px rgba(104, 217, 166, .1);
}

.ar-intent__hero-proof img {
	display: block;
	width: 100%;
	height: auto;
}

.ar-intent__facts {
	border-bottom: 1px solid var(--intent-line);
	background: #fff;
}

.ar-intent__facts-inner {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	width: min(1160px, calc(100% - 80px));
	margin: 0 auto;
}

.ar-intent__facts span {
	padding: 24px 30px;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	color: #092128;
}

.ar-intent__facts span + span {
	border-left: 1px solid var(--intent-line);
}

.ar-intent__detail {
	padding: 96px 40px;
	background: var(--intent-canvas);
}

.ar-intent__detail-row {
	display: grid;
	grid-template-columns: minmax(0, .9fr) minmax(460px, 1.1fr);
	align-items: center;
	gap: 78px;
	width: min(1160px, 100%);
	margin: 0 auto;
}

.ar-intent__detail-row + .ar-intent__detail-row {
	margin-top: 104px;
}

.ar-intent__detail-row--reverse .ar-intent__detail-copy {
	order: 2;
}

.ar-intent__detail-row--reverse .ar-intent__detail-image {
	order: 1;
}

.ar-intent__detail-copy h2,
.ar-intent__start h2,
.ar-intent__final h2 {
	margin: 0 0 22px;
	font-size: clamp(38px, 4.2vw, 52px);
	font-weight: 600;
	line-height: 1.06;
	letter-spacing: -.035em;
}

.ar-intent__detail-copy > p:last-child,
.ar-intent__start-inner > p:last-child,
.ar-intent__final-inner > p {
	margin: 0;
	font-size: 18px;
	line-height: 1.62;
	color: var(--intent-muted);
}

.ar-intent__detail-image {
	overflow: hidden;
	margin: 0;
	border: 1px solid var(--intent-line);
	border-radius: 16px;
	background: var(--intent-paper);
	box-shadow: 0 18px 48px -34px rgba(9, 33, 40, .46);
}

.ar-intent__detail-image img {
	display: block;
	width: 100%;
	height: auto;
}

.ar-intent__start {
	padding: 82px 40px;
	background: #eef3f5;
}

.ar-intent__start-inner {
	width: min(820px, 100%);
	margin: 0 auto;
	text-align: center;
}

.ar-intent__explain,
.ar-intent__faq,
.ar-intent__related {
	padding: 92px 40px;
	background: #fff;
}

.ar-intent__explain-inner,
.ar-intent__faq-inner,
.ar-intent__related-inner {
	width: min(1160px, 100%);
	margin: 0 auto;
}

.ar-intent__explain-inner {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}

.ar-intent__explain-card {
	padding: 34px;
	border: 1px solid var(--intent-line);
	border-radius: 16px;
	background: var(--intent-canvas);
}

.ar-intent__explain-card h2,
.ar-intent__faq h2 {
	margin: 0 0 18px;
	font-size: clamp(28px, 3vw, 38px);
	font-weight: 600;
	line-height: 1.12;
	letter-spacing: -.03em;
}

.ar-intent__explain-card > p:last-of-type,
.ar-intent__explain-card li,
.ar-intent__faq details p,
.ar-intent__related a span {
	font-size: 16px;
	line-height: 1.58;
	color: var(--intent-muted);
}

.ar-intent__explain-card ul {
	margin: 24px 0 0;
	padding: 0 0 0 20px;
}

.ar-intent__explain-card li + li {
	margin-top: 10px;
}

.ar-intent__faq {
	border-top: 1px solid var(--intent-line);
	background: var(--intent-canvas);
}

.ar-intent__faq-inner {
	max-width: 900px;
}

.ar-intent__faq-list {
	margin-top: 34px;
	border-top: 1px solid var(--intent-line);
}

.ar-intent__faq details {
	border-bottom: 1px solid var(--intent-line);
}

.ar-intent__faq summary {
	cursor: pointer;
	padding: 24px 42px 24px 0;
	font-size: 19px;
	font-weight: 700;
	color: #092128;
}

.ar-intent__faq details p {
	max-width: 760px;
	margin: -7px 0 24px;
}

.ar-intent__related {
	padding-top: 74px;
	padding-bottom: 82px;
	background: #eef3f5;
}

.ar-intent__related-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.ar-intent__related a {
	display: flex;
	flex-direction: column;
	gap: 9px;
	padding: 26px;
	border: 1px solid #d7e0e3;
	border-radius: 14px;
	background: #fff;
	text-decoration: none !important;
	transition: border-color .18s ease, transform .18s ease;
}

.ar-intent__related a:hover {
	border-color: var(--intent-orange);
	transform: translateY(-2px);
}

.ar-intent__related a strong {
	font-size: 18px;
	color: #092128;
}

.ar-intent__final {
	position: relative;
	overflow: hidden;
	padding: 90px 40px 96px;
	background: var(--intent-ink);
	text-align: center;
	color: #fff;
}

.ar-intent__final::before {
	position: absolute;
	top: 50%;
	left: 50%;
	font-family: Sora, ProximaNova, Arial, sans-serif;
	font-size: min(38vw, 500px);
	font-weight: 700;
	line-height: 1;
	letter-spacing: -.12em;
	color: rgba(238, 121, 55, .035);
	content: "AR";
	pointer-events: none;
	transform: translate(-50%, -52%);
}

.ar-intent__final-inner {
	position: relative;
	width: min(760px, 100%);
	margin: 0 auto;
}

.ar-intent__final h2 {
	color: #fff !important;
}

.ar-intent__final-inner > p {
	margin-bottom: 30px;
	color: #aebfc3;
}

@keyframes ar-intent-reveal {
	from { opacity: 0; transform: translateY(8px); }
	to { opacity: 1; transform: none; }
}

@media (max-width: 980px) {
	.ar-intent__hero-grid,
	.ar-intent__detail-row {
		grid-template-columns: 1fr;
	}

	.ar-intent__hero-grid {
		gap: 56px;
	}

	.ar-intent__copy {
		text-align: center;
	}

	.ar-intent__copy h1,
	.ar-intent__subtitle,
	.ar-intent__intro {
		margin-right: auto;
		margin-left: auto;
	}

	.ar-intent__actions {
		justify-content: center;
	}

	.ar-intent__hero-proof {
		width: min(760px, 100%);
		margin: 0 auto;
	}

	.ar-intent__detail-row--reverse .ar-intent__detail-copy,
	.ar-intent__detail-row--reverse .ar-intent__detail-image {
		order: initial;
	}

	.ar-intent__explain-inner,
	.ar-intent__related-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	.ar-intent__hero,
	.ar-intent__detail,
	.ar-intent__start,
	.ar-intent__explain,
	.ar-intent__faq,
	.ar-intent__related,
	.ar-intent__final {
		padding-right: 20px;
		padding-left: 20px;
	}

	.ar-intent__hero {
		padding-top: 62px;
		padding-bottom: 70px;
	}

	.ar-intent__copy h1 {
		font-size: clamp(42px, 12vw, 54px);
	}

	.ar-intent__subtitle {
		font-size: 19px;
	}

	.ar-intent__actions {
		flex-direction: column;
	}

	.ar-intent__hero-proof img {
		height: 280px;
		object-fit: cover;
		object-position: 42% top;
	}

	.ar-intent__facts-inner {
		grid-template-columns: 1fr;
		width: 100%;
	}

	.ar-intent__facts span {
		padding: 16px 20px;
	}

	.ar-intent__facts span + span {
		border-top: 1px solid var(--intent-line);
		border-left: 0;
	}

	.ar-intent__detail {
		padding-top: 72px;
		padding-bottom: 72px;
	}

	.ar-intent__detail-row {
		gap: 36px;
	}

	.ar-intent__detail-row + .ar-intent__detail-row {
		margin-top: 78px;
	}

	.ar-intent__detail-copy {
		text-align: center;
	}

	.ar-intent__detail-copy > p:last-child,
	.ar-intent__start-inner > p:last-child,
	.ar-intent__final-inner > p {
		font-size: 17px;
	}

	.ar-intent__start,
	.ar-intent__final {
		padding-top: 70px;
		padding-bottom: 74px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ar-intent *,
	.ar-intent *::before,
	.ar-intent *::after {
		animation: none !important;
		transition: none !important;
	}

	.ar-intent__button:hover {
		transform: none;
	}
}