/* start hero/macbook-pro-proled-xdr-a */
.tile-macbook-proled .tile-subhead {
	width: fit-content;
	background-image:
		linear-gradient(105deg, #fff0 33.33%, #ffffff73, #fff0 37.5%),
		linear-gradient(to right, #f5f5f700 33.33%, #f5f5f7 41.67%),
		linear-gradient(to right, #fdd30f, #f4f6f7, #90ceee, #48a7f4, #2789ff);
	background-size:
		300% 100%,
		300% 100%,
		100% 100%;
	background-repeat: no-repeat;
	background-position:
		var(--subhead-gradient-x, 0%) 0,
		var(--subhead-gradient-x, 0%) 0,
		0 0;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.tile-macbook-proled.sweep-done .tile-subhead {
	background-position:
		0% 0,
		0% 0,
		0 0;
}

.tile-macbook-proled .headline-shine {
	display: none;
}

.tile-macbook-proled.has-animated-cta .tile-animated-cta {
	display: flex;
	justify-content: center;
	padding-top: 137px;
}

@media (max-width: 1068px) {
	.tile-macbook-proled.has-animated-cta .tile-animated-cta {
		padding-top: 118px;
	}
}

@media (max-width: 734px) {
	.tile-macbook-proled.has-animated-cta .tile-animated-cta {
		padding-top: 178px;
	}
}

@media (min-width: 1069px) and (min-height: 776px) {
	.tile-macbook-proled.has-animated-cta .tile-animated-cta {
		padding-top: 173px;
	}
}

@media (min-width: 735px) and (max-width: 1068px) and (min-height: 734px) {
	.tile-macbook-proled.has-animated-cta .tile-animated-cta {
		padding-top: 129px;
	}
}

.tile-macbook-proled.has-animated-cta .animated-cta-wrap {
	position: relative;
	z-index: 4;
	isolation: isolate;
	display: inline-flex;
	transform: scale(var(--cta-scale, 1));
}

.tile-macbook-proled.has-animated-cta .animated-cta-wrap:before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: 980px;
	box-shadow:
		0 0 8px 3px #ffffff8c,
		0 0 8px 6px #00000080;
	opacity: var(--cta-glow, 0);
	pointer-events: none;
}

.tile-macbook-proled.has-animated-cta .cta-copy {
	opacity: var(--cta-copy-opacity, 1);
	display: inline-flex;
	align-items: center;
}

.tile-macbook-proled.has-animated-cta .cta-icon {
	width: 11px;
	height: 12px;
	overflow: visible;
	padding-inline-end: 0.5em;
	fill: currentColor;
}

.tile-macbook-proled.has-animated-cta .animated-cta-wrap:focus-within, .tile-macbook-proled.has-animated-cta.sweep-done .animated-cta-wrap {
	transform: none;
}

.tile-macbook-proled.has-animated-cta .animated-cta-wrap:focus-within .cta-copy, .tile-macbook-proled.has-animated-cta.sweep-done .animated-cta-wrap .cta-copy {
	opacity: 1;
}

.tile-macbook-proled.has-animated-cta.sweep-done .animated-cta-wrap:before {
	opacity: 0;
}

html.enhanced .tile-macbook-proled[data-component-list~="MacbookProled"] .tile-subhead {
	--subhead-gradient-x: 100%;
}

html.enhanced .tile-macbook-proled[data-component-list~="MacbookProled"] .tile-headline {
	--headline-shine-x: 100%;
	position: relative;
}

html.enhanced .tile-macbook-proled[data-component-list~="MacbookProled"] .animated-cta-wrap {
	--cta-scale: 0;
	--cta-copy-opacity: 0;
}

html.enhanced .tile-macbook-proled[data-component-list~="MacbookProled"] .headline-shine {
	display: block;
	position: absolute;
	inset: -0.5em;
	pointer-events: none;
	-webkit-user-select: none;
	user-select: none;
	filter: drop-shadow(0 0 3px #fff)
		drop-shadow(0 0 10px rgba(255, 255, 255, 0.85));
	mix-blend-mode: plus-lighter;
}

html.enhanced .tile-macbook-proled[data-component-list~="MacbookProled"] .headline-shine-text {
	display: block;
	padding: 0.5em;
	color: transparent;
	background-image: linear-gradient(
		105deg,
		#fff0 36%,
		#fff 46% 54%,
		#fff0 64%
	);
	background-size: 300% 100%;
	background-repeat: no-repeat;
	background-position: var(--headline-shine-x) 0;
	-webkit-background-clip: text;
	background-clip: text;
}
/* end hero/macbook-pro-proled-xdr-a */