.ar-guide {
	--guide-ink: #081f25;
	--guide-orange: #ee7937;
	--guide-orange-dark: #b84b18;
	--guide-muted: #52646d;
	--guide-line: #dce5e8;
	background: #fff;
	color: #092128;
	font-family: ProximaNova, Arial, sans-serif;
}

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

.ar-guide__hero {
	padding: 92px 40px;
	background: radial-gradient(circle at 82% 20%, rgba(238, 121, 55, .16), transparent 31%), var(--guide-ink);
	color: #fff;
}

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

.ar-guide__hero-inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	align-items: end;
	gap: 70px;
}

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

.ar-guide__section .ar-guide__eyebrow,
.ar-guide__related .ar-guide__eyebrow {
	color: #9f3d12;
}

.ar-guide__section--dark .ar-guide__eyebrow {
	color: var(--guide-orange);
}

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

.ar-guide__subtitle {
	max-width: 760px;
	margin: 0 0 16px;
	font-size: 21px;
	font-weight: 600;
	line-height: 1.42;
}

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

.ar-guide__meta {
	margin: 22px 0 0;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .04em;
	color: #7f989d;
}

.ar-guide__toc {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 28px;
	border: 1px solid rgba(255, 255, 255, .13);
	border-radius: 14px;
	background: rgba(255, 255, 255, .04);
}

.ar-guide__toc strong { font-size: 14px; color: #fff; }
.ar-guide__toc a { font-size: 14px; color: #b9c9cc; text-decoration: none; }
.ar-guide__toc a:hover { color: #fff; }

.ar-guide__section { padding: 94px 40px; }
.ar-guide__section--muted { background: #eef3f5; }
.ar-guide__section--dark { background: var(--guide-ink); color: #fff; }

.ar-guide__section h2 {
	max-width: 780px;
	margin: 0 0 30px;
	font-size: clamp(36px, 4vw, 52px);
	font-weight: 600;
	line-height: 1.06;
	letter-spacing: -.035em;
}

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

.ar-guide__figure {
	overflow: hidden;
	margin: 34px 0 56px;
	border: 1px solid #163841;
	border-radius: 18px;
	background: var(--guide-ink);
	box-shadow: 0 24px 62px -42px rgba(9, 33, 40, .72);
}

.ar-guide__figure img { display: block; width: 100%; height: auto; }
.ar-guide__figure figcaption { padding: 18px 22px; font-size: 14px; line-height: 1.5; color: #c5d2d5; }

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

.ar-guide__mode-grid article,
.ar-guide__links a {
	padding: 28px;
	border: 1px solid var(--guide-line);
	border-radius: 14px;
	background: #fff;
}

.ar-guide__mode-grid h3 { margin: 0 0 14px; font-size: 28px; }
.ar-guide__mode-grid p,
.ar-guide__prose p,
.ar-guide__split > div > p:last-child,
.ar-guide__example p { font-size: 17px; line-height: 1.62; color: var(--guide-muted); }
.ar-guide__mode-grid strong { display: block; margin-top: 22px; font-size: 13px; text-transform: uppercase; letter-spacing: .08em; color: var(--guide-orange-dark); }

.ar-guide__split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .72fr); align-items: center; gap: 72px; }
.ar-guide__example { padding: 34px; border-radius: 16px; background: #fff; box-shadow: 0 18px 48px -36px rgba(9, 33, 40, .5); }
.ar-guide__example span { display: block; margin-bottom: 14px; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--guide-orange-dark); }
.ar-guide__example strong, .ar-guide__example b { display: block; font-size: 21px; line-height: 1.35; }
.ar-guide__example b { margin-top: 8px; color: var(--guide-orange-dark); }

.ar-guide__prose { max-width: 860px; }
.ar-guide__steps { display: grid; gap: 16px; margin: 0; padding: 0; list-style: none; }
.ar-guide__steps li { display: flex; align-items: center; gap: 14px; font-size: 17px; color: #d6e1e3; }
.ar-guide__steps span { display: grid; place-items: center; width: 36px; height: 36px; flex: 0 0 36px; border-radius: 50%; background: var(--guide-orange); font-weight: 800; color: #081f25; }

.ar-guide__related { padding: 88px 40px 96px; background: #f8fafc; text-align: center; }
.ar-guide__links { margin: 0 0 38px; text-align: left; }
.ar-guide__links a { display: flex; flex-direction: column; gap: 8px; text-decoration: none !important; }
.ar-guide__links strong { font-size: 18px; color: #092128; }
.ar-guide__links span { font-size: 15px; line-height: 1.5; color: var(--guide-muted); }
.ar-guide__button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; padding: 0 27px; border-radius: 8px; background: var(--guide-orange-dark); font-family: OpenSans, Arial, sans-serif; font-size: 16px; font-weight: 800; text-decoration: none !important; color: #fff !important; }
.ar-guide__trial { margin: 14px 0 0; font-size: 12px; font-weight: 800; letter-spacing: .075em; text-transform: uppercase; color: var(--guide-orange-dark); }

@media (max-width: 900px) {
	.ar-guide__hero-inner,
	.ar-guide__split,
	.ar-guide__mode-grid,
	.ar-guide__links { grid-template-columns: 1fr; }
	.ar-guide__toc { max-width: 520px; }
}

@media (max-width: 640px) {
	.ar-guide__hero,
	.ar-guide__section,
	.ar-guide__related { padding-right: 20px; padding-left: 20px; }
	.ar-guide__hero { padding-top: 62px; padding-bottom: 70px; }
	.ar-guide h1 { font-size: clamp(42px, 12vw, 54px); }
	.ar-guide__section { padding-top: 70px; padding-bottom: 70px; }
	.ar-guide__figure { margin-right: -10px; margin-left: -10px; }
	.ar-guide__figure figcaption { font-size: 13px; }
}

@media (prefers-reduced-motion: reduce) {
	.ar-guide *,
	.ar-guide *::before,
	.ar-guide *::after { scroll-behavior: auto !important; transition: none !important; }
}