#aventon-page{
	--black: #090a09;
	--paper: #e9e7df;
	--white: #f4f2eb;
	--ink: #121411;
	--muted: rgba(244,242,235,.68);
	--line: rgba(244,242,235,.24);
	--accent: #d8ff3e;
	--shell: 1420px;
	position: relative;
	left: 50%;
	width: 100vw;
	max-width: none;
	margin-left: -50vw;
	overflow: clip;
	isolation: isolate;
	color: var(--white);
	background: var(--black);
	font: 16px/1.5 Inter,"Avenir Next",Avenir,Arial,sans-serif;
}

#aventon-page, #aventon-page *, #aventon-page *:before, #aventon-page *:after{
	box-sizing: border-box;
}

#aventon-page h1, #aventon-page h2, #aventon-page h3, #aventon-page p, #aventon-page figure, #aventon-page dl, #aventon-page dd{
	margin-top: 0;
}

#aventon-page img{
	display: block;
	max-width: 100%;
}

#aventon-page a{
	color: inherit;
	text-decoration: none;
}

#aventon-page .av-shell{
	width: min(calc(100% - 72px),var(--shell));
	margin: auto;
}

#aventon-page .av-section-code, #aventon-page .av-eyebrow{
	margin-bottom: 18px;
	color: var(--accent);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .2em;
	text-transform: uppercase;
}

#aventon-page [data-av-copy]{
	opacity: 0;
	transform: translateY(16px);
	transition: opacity .62s cubic-bezier(.2,.7,.2,1),transform .62s cubic-bezier(.2,.7,.2,1);
}

#aventon-page [data-av-copy].is-visible{
	opacity: 1;
	transform: none;
}

#aventon-page [data-av-wipe]{
	clip-path: inset(0 100% 0 0);
	transition: clip-path .98s cubic-bezier(.2,.75,.2,1);
}

#aventon-page [data-av-wipe].is-visible{
	clip-path: inset(0);
}

#aventon-page .av-media-image{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#aventon-page .av-media-image.is-missing{
	display: none;
}

#aventon-page .av-media-fallback{
	position: absolute;
	inset: 0;
	z-index: -1;
}

#aventon-page .av-media-fallback--hero{
	background: linear-gradient(120deg,#20251e,#111410 48%,#566151);
}

#aventon-page .av-media-fallback--airtime{
	background: linear-gradient(135deg,#74796c,#222620 58%,#0f100f);
}

#aventon-page .av-hero{
	position: relative;
	min-height: 820px;
	height: max(760px,100svh);
	overflow: hidden;
	background: #161916;
}

#aventon-page .av-hero__media, #aventon-page .av-hero__tone{
	position: absolute;
	inset: 0;
}

#aventon-page .av-hero__media .av-media-image{
	filter: saturate(.82) contrast(1.06);
}

#aventon-page .av-hero__tone{
	z-index: 1;
	background: linear-gradient(90deg,rgba(5,6,5,.82),rgba(5,6,5,.52) 40%,rgba(5,6,5,.08) 76%),linear-gradient(0deg,rgba(5,6,5,.68),transparent 46%);
}

#aventon-page .av-hero__layout{
	position: relative;
	z-index: 5;
	display: flex;
	height: 100%;
	flex-direction: column;
	justify-content: space-between;
	padding: 36px 0 44px;
}

#aventon-page .av-hero__top{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
}

#aventon-page .av-wordmark{
	font-size: 21px;
	font-weight: 800;
	letter-spacing: -.025em;
}

#aventon-page .av-hero__meta{
	display: flex;
	gap: 34px;
	color: rgba(244,242,235,.64);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .15em;
}

#aventon-page .av-hero__copy{
	width: min(690px,58vw);
	margin: auto 0 auto 7.5%;
}

#aventon-page .av-hero h1{
	max-width: 690px;
	margin-bottom: 26px;
	font-size: clamp(42px,4.55vw,70px);
	font-weight: 520;
	letter-spacing: -.038em;
	line-height: 1.04;
	text-wrap: balance;
}

#aventon-page .av-hero__lead{
	max-width: 560px;
	margin-bottom: 0;
	color: rgba(244,242,235,.78);
	font-size: 16px;
	line-height: 1.72;
}

#aventon-page .av-hero__bottom{
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 50px;
}

#aventon-page .av-link-list{
	display: flex;
	gap: 30px;
}

#aventon-page .av-link-list a{
	display: grid;
	min-width: 150px;
	padding-top: 10px;
	border-top: 1px solid rgba(244,242,235,.42);
	grid-template-columns: 30px 1fr;
	gap: 10px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	transition: .18s;
}

#aventon-page .av-link-list a span{
	color: var(--accent);
	font-size: 9px;
}

#aventon-page .av-link-list a:hover{
	border-color: var(--accent);
	color: var(--accent);
}

#aventon-page .av-scroll-mark{
	display: flex;
	align-items: center;
	gap: 14px;
	color: rgba(244,242,235,.62);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .16em;
}

#aventon-page .av-scroll-mark i{
	display: block;
	width: 82px;
	height: 1px;
	background: linear-gradient(90deg,var(--accent) 0 36%,rgba(244,242,235,.28) 36%);
}

#aventon-page .av-scan{
	position: absolute;
	z-index: 3;
	top: 0;
	right: 13%;
	width: 17vw;
	min-width: 210px;
	height: 100%;
	overflow: hidden;
	border-inline: 1px solid rgba(216,255,62,.48);
	mix-blend-mode: screen;
	transform: translateX(var(--av-scan-x,0));
	transition: transform .3s ease-out;
}

#aventon-page .av-scan__media{
	position: absolute;
	inset: 0;
	width: 100vw;
	transform: translateX(calc(-83vw + 13vw));
}

#aventon-page .av-scan__media img{
	width: 100vw;
	height: 100%;
	object-fit: cover;
	filter: grayscale(1) contrast(1.45) brightness(.82);
}

#aventon-page .av-scan__grid{
	position: absolute;
	inset: 0;
	background: linear-gradient(rgba(216,255,62,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(216,255,62,.11) 1px,transparent 1px);
	background-size: 20px 20px;
}

#aventon-page .av-scan__label{
	position: absolute;
	right: 12px;
	bottom: 20px;
	color: var(--accent);
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .17em;
	writing-mode: vertical-rl;
}

#aventon-page .av-route{
	position: absolute;
	z-index: 4;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

#aventon-page .av-route path{
	fill: none;
	stroke-width: 1.3;
	vector-effect: non-scaling-stroke;
}

#aventon-page .av-route__base{
	stroke: rgba(244,242,235,.24);
}

#aventon-page .av-route__active{
	stroke: var(--accent);
	stroke-dasharray: 1;
	stroke-dashoffset: calc(1 - var(--av-route-progress,0));
	filter: drop-shadow(0 0 7px rgba(216,255,62,.38));
}

#aventon-page .av-system{
	padding: 145px 0 190px;
	background: linear-gradient(90deg,rgba(244,242,235,.025) 1px,transparent 1px),var(--black);
	background-size: 12.5% 100%;
}

#aventon-page .av-system__intro{
	display: grid;
	margin-bottom: 96px;
	grid-template-columns: 1.3fr .7fr;
	gap: 70px;
	align-items: end;
}

#aventon-page .av-system__intro .av-section-code{
	grid-column: 1/-1;
}

#aventon-page .av-system__intro h2{
	max-width: 880px;
	margin-bottom: 0;
	font-size: clamp(50px,5.7vw,88px);
	font-weight: 520;
	letter-spacing: -.045em;
	line-height: .98;
}

#aventon-page .av-system__intro>p{
	max-width: 420px;
	margin: 0 0 6px auto;
	color: var(--muted);
	line-height: 1.72;
}


#aventon-page .av-step__number{
	margin-bottom: 0;
	color: var(--accent);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .14em;
}

#aventon-page .av-airtime{
	position: relative;
	min-height: 850px;
	height: 100svh;
	overflow: hidden;
	background: #20231f;
}

#aventon-page .av-airtime__media, #aventon-page .av-airtime__shade{
	position: absolute;
	inset: 0;
}

#aventon-page .av-airtime__media .av-media-image{
	filter: saturate(.75) contrast(1.08);
}

#aventon-page .av-airtime__shade{
	background: linear-gradient(90deg,rgba(5,6,5,.78),rgba(5,6,5,.24) 62%,rgba(5,6,5,.08)),linear-gradient(0deg,rgba(5,6,5,.66),transparent 55%);
}

#aventon-page .av-airtime__layout{
	position: relative;
	z-index: 3;
	display: flex;
	height: 100%;
	align-items: end;
	justify-content: space-between;
	gap: 80px;
	padding-bottom: 64px;
}

#aventon-page .av-airtime__copy{
	max-width: 690px;
}

#aventon-page .av-airtime h2{
	margin-bottom: 26px;
	font-size: clamp(48px,5.4vw,84px);
	font-weight: 520;
	letter-spacing: -.045em;
	line-height: .98;
}

#aventon-page .av-airtime__copy>p:last-child{
	max-width: 520px;
	margin-bottom: 0;
	color: rgba(244,242,235,.72);
	line-height: 1.72;
}

#aventon-page .av-airtime__data{
	display: grid;
	min-width: 380px;
	grid-template-columns: repeat(3,1fr);
	gap: 18px;
}

#aventon-page .av-airtime__data>div{
	padding-top: 12px;
	border-top: 1px solid rgba(244,242,235,.46);
}

#aventon-page .av-airtime__data span, #aventon-page .av-airtime__data small{
	display: block;
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .16em;
}

#aventon-page .av-airtime__data span{
	margin-bottom: 18px;
	color: rgba(244,242,235,.65);
}

#aventon-page .av-airtime__data strong{
	font-size: 42px;
	font-weight: 700;
	letter-spacing: -.04em;
	line-height: 1;
}

#aventon-page .av-airtime__data small{
	margin-top: 4px;
	color: var(--accent);
}

#aventon-page .av-airtime__trajectory{
	position: absolute;
	z-index: 2;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

#aventon-page .av-airtime__trajectory path{
	fill: none;
	stroke: var(--accent);
	stroke-width: 1.2;
	stroke-dasharray: 8 11;
	vector-effect: non-scaling-stroke;
	filter: drop-shadow(0 0 6px rgba(216,255,62,.32));
}

@media (max-width:820px) {
	#aventon-page .av-shell{
		width: min(calc(100% - 38px),var(--shell));
	}

	#aventon-page .av-hero__meta, #aventon-page .av-scroll-mark{
		display: none;
	}

	#aventon-page .av-hero__copy{
		width: min(680px,86vw);
		margin-left: 0;
	}

	#aventon-page .av-scan{
		right: 8%;
		width: 22vw;
		min-width: 150px;
	}

	#aventon-page .av-scan__media{
		transform: translateX(calc(-78vw + 8vw));
	}

	#aventon-page .av-system{
		padding: 105px 0 120px;
	}

	#aventon-page .av-system__intro{
		grid-template-columns: 1fr;
		gap: 28px;
	}

	#aventon-page .av-system__intro>p{
		margin-left: 0;
	}

	#aventon-page .av-airtime__layout{
		flex-direction: column;
		align-items: stretch;
		justify-content: end;
		gap: 44px;
	}

	#aventon-page .av-airtime__data{
		min-width: 0;
	}
}

@media (max-width:620px) {
	#aventon-page .av-shell{
		width: min(calc(100% - 28px),var(--shell));
	}

	#aventon-page .av-hero{
		min-height: 720px;
		height: 100svh;
	}

	#aventon-page .av-hero__layout{
		padding: 26px 0 28px;
	}

	#aventon-page .av-wordmark{
		font-size: 18px;
	}

	#aventon-page .av-hero h1{
		font-size: 38px;
		line-height: 1.08;
	}

	#aventon-page .av-hero__lead{
		font-size: 14px;
	}

	#aventon-page .av-link-list{
		width: 100%;
		gap: 12px;
	}

	#aventon-page .av-link-list a{
		min-width: 0;
		flex: 1;
		grid-template-columns: 20px 1fr;
		font-size: 9px;
	}

	#aventon-page .av-scan{
		display: none;
	}

	#aventon-page .av-system__intro h2, #aventon-page .av-airtime h2{
		font-size: 44px;
		line-height: 1.02;
	}


	#aventon-page .av-airtime{
		min-height: 760px;
	}

	#aventon-page .av-airtime__data{
		grid-template-columns: repeat(3,1fr);
		gap: 10px;
	}

	#aventon-page .av-airtime__data strong{
		font-size: 29px;
	}
}

@media (prefers-reduced-motion:reduce) {
	#aventon-page *, #aventon-page *:before, #aventon-page *:after{
		scroll-behavior: auto !important;
		animation-duration: 1ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 1ms !important;
	}

	#aventon-page [data-av-copy]{
		opacity: 1;
		transform: none;
	}

	#aventon-page [data-av-wipe]{
		clip-path: none;
	}
}

#aventon-page .av-ride{
	padding-top: 145px;
	padding-bottom: 165px;
}

#aventon-page .av-ride__head{
	display: grid;
	margin-bottom: 82px;
	grid-template-columns: 1.3fr .7fr;
	gap: 70px;
	align-items: end;
}

#aventon-page .av-ride .av-section-code, #aventon-page .av-tiers .av-section-code{
	color: #5f680d;
}

#aventon-page .av-ride__head h2{
	max-width: 900px;
	margin-bottom: 0;
	font-size: clamp(48px, 5.3vw, 82px);
	font-weight: 520;
	letter-spacing: -.044em;
	line-height: .99;
}

#aventon-page .av-ride__head > p{
	max-width: 430px;
	margin: 0 0 6px auto;
	color: #4b524b;
	line-height: 1.72;
}

#aventon-page .av-ride__code{
	margin-bottom: 70px;
	color: #5f680d;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .17em;
}

#aventon-page .av-inline-link{
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 13px 0;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	transition: color 180ms ease,
		border-color 180ms ease;
}

#aventon-page .av-inline-link:hover{
	border-color: #5f680d;
	color: #5f680d;
}

#aventon-page .av-tiers{
	padding-top: 135px;
	padding-bottom: 155px;
	background: #d8d6cd;
}

#aventon-page .av-tiers__head{
	display: grid;
	margin-bottom: 70px;
	grid-template-columns: .55fr 1fr .8fr;
	gap: 50px;
	align-items: end;
}

#aventon-page .av-tiers__head h2{
	margin-bottom: 0;
	font-size: clamp(58px, 7vw, 108px);
	font-weight: 760;
	letter-spacing: -.055em;
	line-height: .84;
}

#aventon-page .av-tiers__head > p{
	max-width: 420px;
	margin: 0 0 4px auto;
	color: #4c534b;
	line-height: 1.7;
}

#aventon-page .av-tiers__grid{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

#aventon-page .av-tier{
	min-height: 440px;
	padding: 28px 30px 30px;
}

#aventon-page .av-tier__top{
	display: flex;
	align-items: start;
	justify-content: space-between;
	margin-bottom: 90px;
}

#aventon-page .av-tier__top span{
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .14em;
}

#aventon-page .av-tier__top strong{
	font-size: clamp(58px, 6vw, 96px);
	font-weight: 760;
	letter-spacing: -.055em;
	line-height: .75;
}

#aventon-page .av-tier h3{
	max-width: 330px;
	margin-bottom: 20px;
	font-size: 30px;
	font-weight: 540;
	letter-spacing: -.035em;
	line-height: 1.06;
}

#aventon-page .av-tier p{
	max-width: 390px;
	margin-bottom: 44px;
	color: #4b524b;
	line-height: 1.68;
}

#aventon-page .av-tier__scale{
	height: 2px;
	margin-bottom: 14px;
	background: rgba(18,20,17,.14);
}

#aventon-page .av-tier__scale i{
	display: block;
	height: 100%;
	background: #5f680d;
}

#aventon-page .av-tier--rec .av-tier__scale i{
	width: 34%;
}

#aventon-page .av-tier--adv .av-tier__scale i{
	width: 68%;
}

#aventon-page .av-tier--exp .av-tier__scale i{
	width: 100%;
}

#aventon-page .av-tier small{
	color: #5f680d;
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .15em;
}

#aventon-page .av-connect{
	padding-top: 150px;
	padding-bottom: 170px;
}

#aventon-page .av-connect .av-section-code{
	color: #5f680d;
}

#aventon-page .av-connect__copy h2{
	max-width: 670px;
	margin-bottom: 30px;
	font-size: clamp(46px, 5vw, 76px);
	font-weight: 520;
	letter-spacing: -.043em;
	line-height: 1.01;
}

#aventon-page .av-connect__copy > p:not(.av-section-code):not(.av-connect__note){
	max-width: 570px;
	margin-bottom: 46px;
	color: #474e47;
	line-height: 1.75;
}

#aventon-page .av-connect__list{
	margin: 0 0 30px;
	padding: 0;
	list-style: none;
}

#aventon-page .av-connect__list li{
	display: grid;
	padding: 14px 0;
	grid-template-columns: 36px 150px 1fr;
	gap: 12px;
	align-items: baseline;
}

#aventon-page .av-connect__list span, #aventon-page .av-connect__list small{
	color: #646b63;
	font-size: 9px;
	letter-spacing: .11em;
}

#aventon-page .av-connect__list strong{
	font-size: 13px;
}

#aventon-page .av-connect__note{
	max-width: 540px;
	margin-bottom: 0;
	color: #747a73;
	font-size: 11px;
	line-height: 1.6;
}

#aventon-page .av-catalog{
	position: relative;
	padding-top: 145px;
	padding-bottom: 0;
	overflow: hidden;
}

#aventon-page .av-catalog h2{
	max-width: 850px;
	margin-bottom: 0;
	font-size: clamp(48px, 5.6vw, 86px);
	font-weight: 520;
	letter-spacing: -.045em;
	line-height: .98;
}

#aventon-page .av-catalog__button{
	display: flex;
	min-height: 72px;
	align-items: center;
	justify-content: space-between;
	padding: 0 22px;
	border: 1px solid rgba(244,242,235,.4);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	transition: color 180ms ease,
		border-color 180ms ease,
		background 180ms ease;
}

#aventon-page .av-catalog__button i{
	display: grid;
	width: 38px;
	height: 38px;
	place-items: center;
	border: 1px solid currentColor;
	border-radius: 50%;
	font-style: normal;
}

#aventon-page .av-catalog__marquee{
	overflow: hidden;
}

#aventon-page .av-catalog__marquee-track {
	display: flex;
	width: max-content;
	align-items: center;
	color: rgba(244,242,235,.2);
	font-size: clamp(58px, 6.8vw, 100px);
	font-weight: 800;
	letter-spacing: -.055em;
	line-height: .8;
	will-change: transform;
	animation: av-catalog-marquee 30s linear infinite;
}

#aventon-page .av-catalog__marquee-group {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 26px;
	padding: 25px 26px 25px 0;
}

#aventon-page .av-catalog__marquee i{
	width: 11px;
	height: 11px;
	border-radius: 50%;
}

@keyframes av-catalog-marquee {
	from {
		transform: translate3d(0, 0, 0);
	}

	to {
		transform: translate3d(-33.333333%, 0, 0);
	}
}

@media (max-width: 1120px) {
	#aventon-page .av-tiers__head{
		grid-template-columns: 1fr 1fr;
	}

	#aventon-page .av-tiers__head .av-section-code{
		grid-column: 1 / -1;
	}
}

@media (max-width: 820px) {
	#aventon-page .av-ride{
		padding-top: 105px;
		padding-bottom: 115px;
	}

	#aventon-page .av-ride__head, #aventon-page .av-tiers__head{
		grid-template-columns: 1fr;
		gap: 28px;
	}

	#aventon-page .av-ride__head > p, #aventon-page .av-tiers__head > p{
		margin-left: 0;
	}

	#aventon-page .av-tiers{
		padding-top: 105px;
		padding-bottom: 115px;
	}

	#aventon-page .av-tiers__grid{
		grid-template-columns: 1fr;
	}

	#aventon-page .av-tier + .av-tier{
		border-left: 0;
	}

	#aventon-page .av-tier{
		min-height: 360px;
	}

	#aventon-page .av-tier__top{
		margin-bottom: 55px;
	}

	#aventon-page .av-connect{
		padding-top: 105px;
		padding-bottom: 115px;
	}

	#aventon-page .av-catalog{
		padding-top: 105px;
	}
}

@media (max-width: 620px) {
	#aventon-page .av-ride__head h2, #aventon-page .av-connect__copy h2, #aventon-page .av-catalog h2{
		font-size: 41px;
		line-height: 1.04;
	}

	#aventon-page .av-ride__code{
		margin-bottom: 54px;
	}

	#aventon-page .av-tiers__head h2{
		font-size: 68px;
	}

	#aventon-page .av-tier{
		padding-right: 0;
		padding-left: 0;
	}

	#aventon-page .av-connect__list li{
		grid-template-columns: 28px 1fr;
	}

	#aventon-page .av-connect__list small{
		grid-column: 2;
	}

	#aventon-page .av-catalog__marquee-track {
	font-size: 60px;
}
}

#aventon-page .av-system{
	padding-bottom: 0;
}

#aventon-page .av-system-scroll{
	position: relative;
}

#aventon-page .av-system-scene{
	position: absolute;
	z-index: 1;
	inset: 0;
	pointer-events: none;
}

#aventon-page .av-system-scene__sticky{
	position: sticky;
	top: 0;
	width: 100%;
	height: 100svh;
	min-height: 760px;
	overflow: hidden;
	background-size: auto, 12.5% 100%, auto;
}

#aventon-page .av-system-scene__grid{
	position: absolute;
	inset: 0;
	background: linear-gradient(rgba(244,242,235,.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(244,242,235,.04) 1px, transparent 1px);
	background-size: 76px 76px;
	-webkit-mask-image: radial-gradient(circle at center, #000 20%, transparent 74%);
	mask-image: radial-gradient(circle at center, #000 20%, transparent 74%);
}


#aventon-page .av-system-steps{
	position: relative;
	z-index: 4;
	margin-top: 0;
}


#aventon-page .av-ride{
	padding-bottom: 0;
}

#aventon-page .av-model-scroll{
	position: relative;
	background: #d8d6cd;
}

#aventon-page .av-model-scene{
	position: absolute;
	z-index: 1;
	inset: 0;
	pointer-events: none;
}

#aventon-page .av-model-scene__sticky{
	position: sticky;
	top: 0;
	width: 100%;
	height: 100svh;
	min-height: 760px;
	overflow: hidden;
	background: radial-gradient(circle at 42% 52%, rgba(255,255,255,.52), transparent 32%),
		#d8d6cd;
}

#aventon-page .av-model-scene__grid{
	position: absolute;
	inset: 0;
	background: linear-gradient(rgba(18,20,17,.065) 1px, transparent 1px),
		linear-gradient(90deg, rgba(18,20,17,.065) 1px, transparent 1px);
	background-size: 70px 70px;
}

#aventon-page .av-model-scene__images{
	position: absolute;
	inset: 0;
}

#aventon-page .av-model-scene__bike{
	position: absolute;
	z-index: 3;
	top: 50%;
	left: 42%;
	width: auto;
	max-width: 66vw;
	height: auto;
	max-height: 70svh;
	object-fit: contain;
	opacity: 0;
	filter: drop-shadow(0 40px 36px rgba(18,20,17,.22));
	transform: translate(-48%, -50%) scale(.96);
	transition: opacity 360ms ease,
		transform 560ms cubic-bezier(.2,.7,.2,1);
}

#aventon-page .av-model-scene__bike.is-active{
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}

#aventon-page .av-model-scene__bike.is-missing{
	display: none;
}

#aventon-page .av-model-scene__fallback{
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 42%;
	display: grid;
	justify-items: center;
	color: rgba(18,20,17,.10);
	transform: translate(-50%, -50%);
}

#aventon-page .av-model-scene__fallback span{
	font-size: clamp(76px, 10vw, 160px);
	font-weight: 800;
	letter-spacing: -.06em;
}

#aventon-page .av-model-scene__fallback small{
	color: rgba(18,20,17,.34);
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .15em;
}

#aventon-page .av-model-scene__top{
	position: absolute;
	z-index: 6;
	top: 34px;
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	padding-bottom: 12px;
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .16em;
}

#aventon-page .av-model-scene__top strong{
	font-size: 19px;
	letter-spacing: -.02em;
}

#aventon-page .av-model-scene__progress{
	position: absolute;
	z-index: 6;
	bottom: 34px;
	display: flex;
	gap: 18px;
}

#aventon-page .av-model-scene__progress span{
	padding-top: 8px;
	border-top: 1px solid rgba(18,20,17,.25);
	color: rgba(18,20,17,.34);
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .14em;
	transition: color 200ms ease,
		border-color 200ms ease;
}

#aventon-page .av-model-scene__progress span.is-active{
	border-color: #5f680d;
	color: #5f680d;
}

#aventon-page .av-model-scene__measure{
	position: absolute;
	z-index: 6;
	display: flex;
	align-items: center;
	gap: 8px;
	color: rgba(18,20,17,.42);
	font-size: 7px;
	font-weight: 700;
	letter-spacing: .14em;
}

#aventon-page .av-model-scene__measure i{
	background: rgba(18,20,17,.25);
}

#aventon-page .av-model-scene__measure--x{
	right: 50%;
	bottom: 34px;
	width: 28vw;
}

#aventon-page .av-model-scene__measure--x i{
	flex: 1;
	height: 1px;
}

#aventon-page .av-model-scene__measure--y{
	top: 50%;
	flex-direction: column;
	writing-mode: vertical-rl;
	transform: translateY(-50%);
}

#aventon-page .av-model-scene__measure--y i{
	width: 1px;
	height: 82px;
}

#aventon-page .av-model-steps{
	position: relative;
	z-index: 4;
}

#aventon-page .av-model-step{
	display: flex;
	min-height: 100svh;
	align-items: end;
	justify-content: flex-end;
	padding-bottom: 8svh;
	opacity: .25;
	transition: opacity 260ms ease;
}

#aventon-page .av-model-step.is-active{
	opacity: 1;
}


#aventon-page .av-airtime__video{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

#aventon-page .av-airtime__video-mark{
	position: absolute;
	z-index: 4;
	top: 28px;
	right: 32px;
	display: flex;
	align-items: center;
	gap: 12px;
	color: rgba(244,242,235,.62);
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .15em;
}

#aventon-page .av-airtime__video-mark i{
	width: 34px;
	height: 1px;
}

@media (max-width: 980px) {
	#aventon-page .av-model-scene__bike{
		left: 40%;
		max-width: 76vw;
		max-height: 62svh;
	}


}

@media (max-width: 720px) {
	#aventon-page .av-system-scene__sticky, #aventon-page .av-model-scene__sticky{
		min-height: 680px;
	}


	#aventon-page .av-model-scene__bike{
		top: 39%;
		left: 50%;
		max-width: 96vw;
		max-height: 47svh;
	}

	#aventon-page .av-model-scene__fallback{
		top: 38%;
		left: 50%;
	}

	#aventon-page .av-model-step{
		align-items: end;
		padding-bottom: 4svh;
	}


	#aventon-page .av-model-scene__measure{
		display: none;
	}

	#aventon-page .av-model-scene__progress{
		right: 14px;
		bottom: auto;
		left: auto;
		top: 70px;
		flex-direction: column;
		gap: 8px;
	}

	#aventon-page .av-model-scene__progress span{
		padding-top: 0;
		padding-left: 8px;
		border-top: 0;
		border-left: 1px solid rgba(18,20,17,.25);
	}

	#aventon-page .av-model-scene__progress span.is-active{
		border-left-color: #5f680d;
	}

	#aventon-page .av-airtime__video-mark{
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	#aventon-page .av-airtime__video{
		display: none;
	}
}

#aventon-page .av-system{
	padding-top: 132px;
	padding-bottom: 0;
}

#aventon-page .av-system__intro{
	position: relative;
	z-index: 5;
	margin-bottom: 72px;
}

#aventon-page .av-system__intro h2{
	max-width: 930px;
	font-size: clamp(46px, 5.2vw, 80px);
	line-height: 1;
}

#aventon-page .av-system__intro > p{
	color: rgba(244,242,235,.78);
}

#aventon-page .av-system-scene__sticky{
	min-height: 760px;
	background-size: auto, 12.5% 100%, auto;
}

#aventon-page .av-system-scene__grid{
	background: linear-gradient(rgba(244,242,235,.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(244,242,235,.045) 1px, transparent 1px);
	background-size: 72px 72px;
	-webkit-mask-image: radial-gradient(circle at center, #000 22%, transparent 76%);
	mask-image: radial-gradient(circle at center, #000 22%, transparent 76%);
}


#aventon-page .av-system-scene__top{
	position: absolute;
	z-index: 8;
	top: 34px;
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(244,242,235,.25);
	color: rgba(244,242,235,.62);
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .16em;
}

#aventon-page .av-system-scene__top strong{
	font-size: 18px;
	letter-spacing: -.015em;
}

#aventon-page .av-system-scene__progress{
	position: absolute;
	z-index: 8;
	bottom: 34px;
	display: flex;
	gap: 18px;
}

#aventon-page .av-system-scene__progress span{
	padding-top: 8px;
	border-top: 1px solid rgba(244,242,235,.24);
	color: rgba(244,242,235,.36);
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .14em;
	transition: color 180ms ease,
		border-color 180ms ease;
}

#aventon-page .av-system-step__head{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 45px;
}

#aventon-page .av-system-step__head .av-step__number{
	margin-bottom: 0;
}

#aventon-page .av-system-step__head > span{
	color: rgba(244,242,235,.62);
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .15em;
}


#aventon-page .av-tier p, #aventon-page .av-tiers__head > p, #aventon-page .av-connect__copy > p:not(.av-section-code):not(.av-connect__note), #aventon-page .av-connect__list small{
	color: #384038;
}

#aventon-page .av-tiers__head h2{
	font-size: clamp(54px, 6vw, 88px);
	line-height: .9;
}

#aventon-page .av-tier__top strong{
	font-size: clamp(52px, 5vw, 76px);
}

#aventon-page .av-airtime__shade{
	background: linear-gradient(90deg, rgba(5,6,5,.9) 0%, rgba(5,6,5,.54) 46%, rgba(5,6,5,.12) 76%),
		linear-gradient(0deg, rgba(5,6,5,.78) 0%, transparent 58%);
}

#aventon-page .av-airtime h2{
	max-width: 680px;
	font-size: clamp(46px, 5vw, 74px);
}

#aventon-page .av-airtime__copy > p:last-child{
	color: rgba(255,255,255,.84);
}

#aventon-page .av-catalog__marquee > div{
	font-size: clamp(56px, 6.5vw, 96px);
}

@media (max-width: 720px) {
	#aventon-page .av-system{
		padding-top: 96px;
	}

	#aventon-page .av-system__intro h2{
		font-size: 42px;
		line-height: 1.04;
	}


	#aventon-page .av-system-step__head{
		margin-bottom: 28px;
	}

	#aventon-page .av-system-scene__progress{
		top: 70px;
		right: 14px;
		bottom: auto;
		left: auto;
		flex-direction: column;
		gap: 8px;
	}

	#aventon-page .av-system-scene__progress span{
		padding-top: 0;
		padding-left: 8px;
		border-top: 0;
		border-left: 1px solid rgba(244,242,235,.23);
	}


	#aventon-page .av-tiers__head h2{
		font-size: 58px;
	}

	#aventon-page .av-tier__top strong{
		font-size: 58px;
	}

	#aventon-page .av-airtime h2{
		font-size: 42px;
	}
}

#aventon-page .av-system-scene__grid{
	z-index: 2;
}

#aventon-page .av-system-step__head > span{
	color: rgba(255,255,255,.58);
}

#aventon-page .av-system-scene__sticky{
	background-size: auto, 12.5% 100%, auto;
}

#aventon-page .av-system-scene__depth-word{
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	color: rgba(244,242,235,.075);
	font-size: clamp(150px, 22vw, 380px);
	font-weight: 800;
	letter-spacing: -.07em;
	line-height: .75;
	pointer-events: none;
	transform: translate(-56%, -50%);
	white-space: nowrap;
}

#aventon-page .av-system-scene__grid{
	z-index: 2;
	opacity: .62;
	background: linear-gradient(rgba(244,242,235,.042) 1px, transparent 1px),
		linear-gradient(90deg, rgba(244,242,235,.042) 1px, transparent 1px);
	background-size: 74px 74px;
	-webkit-mask-image: radial-gradient(circle at 47% 52%, #000 22%, transparent 78%);
	mask-image: radial-gradient(circle at 47% 52%, #000 22%, transparent 78%);
}


#aventon-page .av-system-scene__top{
	z-index: 8;
	top: 64px;
	background: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

#aventon-page .av-system-scene__top strong{
	font-size: 16px;
}


#aventon-page .av-system-step__head > span{
	color: rgba(255,255,255,.56);
}

@media (max-width: 720px) {
	#aventon-page .av-system-scene__depth-word{
		top: 34%;
		left: 50%;
		font-size: clamp(92px, 28vw, 180px);
		transform: translate(-50%, -50%);
	}

	#aventon-page .av-system-scene__top{
		top: 58px;
	}

	#aventon-page .av-system-scene__top > span{
		display: none;
	}


}


#aventon-page .av-system-scene__depth-word{
	color: rgba(244,242,235,.065);
	transform: translate(-53%, -50%);
}

#aventon-page .av-system-scene__top{
	right: max(32px, calc(50vw - 710px));
	left: max(32px, calc(50vw - 710px));
	width: auto;
}

#aventon-page .av-system-scene__progress{
	left: max(32px, calc(50vw - 710px));
}

#aventon-page .av-system-scene__top > span{
	flex: 0 0 auto;
	margin-right: 32px;
}

#aventon-page .av-system-scene__top > strong{
	margin-left: auto;
	text-align: right;
}

#aventon-page .av-system-scene__top{
	color: rgba(244,242,235,.48);
}

#aventon-page .av-system-scene__top strong{
	color: rgba(244,242,235,.82);
}

@media (max-width: 1484px) {
	#aventon-page .av-system-scene__top{
		right: 32px;
		left: 32px;
	}

	#aventon-page .av-system-scene__progress{
		left: 32px;
	}
}

@media (max-width: 720px) {
	#aventon-page .av-system-scene__top{
		right: 14px;
		left: 14px;
	}

	#aventon-page .av-system-scene__progress{
		right: 14px;
		left: auto;
	}

	#aventon-page .av-system-scene__depth-word{
		transform: translate(-50%, -50%);
	}
}

#aventon-page .av-system-steps{
	display: none !important;
}

#aventon-page .av-system-trigger{
	min-height: 100svh;
	opacity: 0;
}


#aventon-page .av-tiers{
	color: #121411;
	background: #d8d6cd;
}

#aventon-page .av-tiers__head h2, #aventon-page .av-tier__top strong, #aventon-page .av-tier h3{
	color: #121411 !important;
}

#aventon-page .av-tiers__head > p, #aventon-page .av-tier p{
	color: #353c35 !important;
}

#aventon-page .av-tier__top span{
	color: #59620b !important;
}

#aventon-page .av-tier small{
	color: #4f5808 !important;
}

#aventon-page .av-tier__scale{
	background: rgba(18,20,17,.17) !important;
}

#aventon-page .av-tier__scale i{
	background: #59620b !important;
}

#aventon-page .av-connect__copy > p:not(.av-section-code):not(.av-connect__note){
	color: #333a33 !important;
}

#aventon-page .av-connect__list span, #aventon-page .av-connect__list small{
	color: #4d554d !important;
}

#aventon-page .av-connect__list strong{
	color: #151815 !important;
}

#aventon-page .av-connect__note{
	color: #596159 !important;
}


#aventon-page .av-system-scene__top, #aventon-page .av-system-scene__progress{
	z-index: 10;
}


#aventon-page .av-airtime__metric{
	position: relative;
	overflow: hidden;
}

#aventon-page .av-airtime__metric::after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 1px;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 520ms cubic-bezier(.2,.7,.2,1);
}

#aventon-page .av-airtime__metric.is-active::after{
	transform: scaleX(1);
}

#aventon-page .av-airtime__metric strong{
	display: inline-block;
	min-width: 2.25ch;
	font-variant-numeric: tabular-nums lining-nums;
	transform: translateY(9px);
	opacity: .28;
	filter: blur(2px);
	transition: opacity 260ms ease,
		transform 320ms cubic-bezier(.2,.7,.2,1),
		filter 320ms ease;
}

#aventon-page .av-airtime__metric.is-counting strong{
	opacity: 1;
	filter: blur(0);
	transform: translateY(0);
}

#aventon-page .av-airtime__metric.is-locked strong{
	animation: av-airtime-lock 240ms ease both;
	text-shadow: 0 0 18px rgba(216,255,62,.12);
}

#aventon-page .av-airtime__metric small{
	opacity: .45;
	transform: translateY(4px);
	transition: opacity 220ms ease,
		transform 220ms ease;
}

#aventon-page .av-airtime__metric.is-locked small{
	opacity: 1;
	transform: none;
}

@keyframes av-airtime-lock {
	0% {
		transform: translateY(0) scale(1);
	}

	45% {
		transform: translateY(-2px) scale(1.035);
	}

	100% {
		transform: translateY(0) scale(1);
	}
}

@media (prefers-reduced-motion: reduce) {
	#aventon-page .av-airtime__metric strong, #aventon-page .av-airtime__metric small{
		opacity: 1;
		filter: none;
		transform: none;
	}

	#aventon-page .av-airtime__metric::after{
		transform: scaleX(1);
	}
}

#aventon-page .av-airtime__metric strong{
	opacity: 1 !important;
	filter: none;
	font-variant-numeric: tabular-nums lining-nums;
	transition: transform 260ms cubic-bezier(.2,.7,.2,1),
		color 180ms ease,
		text-shadow 220ms ease;
}

#aventon-page .av-airtime__metric.is-resetting strong{
	color: rgba(255,255,255,.72);
	transform: translateY(7px) scale(.975);
}

#aventon-page .av-airtime__metric.is-counting strong{
	opacity: 1 !important;
	color: #fff;
	transform: translateY(0) scale(1);
	text-shadow: 0 0 22px rgba(216,255,62,.12);
}

#aventon-page .av-airtime__metric.is-locked strong{
	opacity: 1 !important;
	filter: none !important;
	color: #fff;
	transform: translateY(0) scale(1);
	animation: av-airtime-lock-v16 300ms ease both;
	text-shadow: 0 0 24px rgba(216,255,62,.18);
}

#aventon-page .av-airtime__metric.is-locked small{
	opacity: 1 !important;
	transform: none;
}

#aventon-page .av-airtime__metric::after{
	transform: scaleX(0);
	opacity: .28;
}

#aventon-page .av-airtime__metric.is-active::after{
	opacity: 1;
	transform: scaleX(1);
}

@keyframes av-airtime-lock-v16 {
	0% {
		transform: translateY(0) scale(1);
	}

	45% {
		transform: translateY(-3px) scale(1.045);
	}

	100% {
		color: #fff;
		transform: translateY(0) scale(1);
	}
}

@media (prefers-reduced-motion: reduce) {
	#aventon-page .av-airtime__metric strong, #aventon-page .av-airtime__metric small{
		opacity: 1 !important;
		filter: none !important;
		transform: none !important;
		animation: none !important;
	}
}

#aventon-page{
	--av-tech-card-width: 410px;
}

#aventon-page .av-airtime__metric::after{
	opacity: 1;
	transform: scaleX(var(--av-metric-progress, 0));
	transform-origin: left center;
	box-shadow: 0 0 14px rgba(216,255,62,.24);
	transition: none;
}

#aventon-page .av-airtime__metric::before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 1px;
	background: rgba(244,242,235,.32);
}

#aventon-page .av-airtime__metric > *{
	position: relative;
	z-index: 1;
}

#aventon-page .av-airtime__metric.is-locked::after{
	box-shadow: 0 0 16px rgba(216,255,62,.34),
		0 0 2px rgba(216,255,62,.9);
}

@media (prefers-reduced-motion: reduce) {
	#aventon-page .av-airtime__metric{
		--av-metric-progress: 1 !important;
	}
}

#aventon-page .av-airtime__data > div{
	padding-top: 0;
	border-top: 0 !important;
}

#aventon-page .av-airtime__metric::before, #aventon-page .av-airtime__metric::after{
	display: none !important;
}

#aventon-page .av-airtime__bar{
	position: relative;
	display: block;
	width: 100%;
	height: 3px;
	margin-bottom: 12px;
	overflow: visible;
	background: rgba(244,242,235,.28);
	border-radius: 999px;
}

#aventon-page .av-airtime__bar > b{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	box-shadow: 0 0 12px rgba(216,255,62,.36);
	transform: scaleX(var(--av-metric-progress, 0));
	transform-origin: left center;
	will-change: transform;
}

#aventon-page .av-airtime__bar > b::after{
	content: "";
	position: absolute;
	top: 50%;
	right: -2px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	box-shadow: 0 0 8px rgba(216,255,62,.7),
		0 0 16px rgba(216,255,62,.36);
	opacity: 0;
	transform: translateY(-50%);
	transition: opacity 120ms ease;
}

#aventon-page .av-airtime__metric.is-counting .av-airtime__bar > b::after{
	opacity: 1;
}

#aventon-page .av-airtime__metric.is-locked .av-airtime__bar > b{
	box-shadow: 0 0 14px rgba(216,255,62,.42),
		0 0 2px rgba(216,255,62,.9);
}

#aventon-page .av-airtime__metric.is-locked .av-airtime__bar > b::after{
	opacity: 0;
}

#aventon-page .av-airtime__metric > span{
	margin-bottom: 18px;
}

@media (prefers-reduced-motion: reduce) {
	#aventon-page .av-airtime__bar > b{
		transform: scaleX(1);
	}
}

#aventon-page .av-airtime__bar{
	height: 6px !important;
	margin-bottom: 14px;
	overflow: visible;
	border: 1px solid rgba(244,242,235,.12);
	border-radius: 999px;
	background: rgba(244,242,235,.18) !important;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.14);
}

#aventon-page .av-airtime__bar > b{
	top: -1px;
	left: -1px;
	height: 6px;
	width: calc(100% + 2px);
	border-radius: 999px;
	box-shadow: 0 0 10px rgba(216,255,62,.42),
		0 0 22px rgba(216,255,62,.18);
	opacity: 1;
	transform: scaleX(var(--av-metric-progress, 0));
	transform-origin: left center;
	will-change: transform;
}

#aventon-page .av-airtime__bar > b::after{
	top: 50%;
	right: -5px;
	width: 11px;
	height: 11px;
	border: 2px solid rgba(8,10,8,.72);
	background: #efff91;
	box-shadow: 0 0 8px rgba(216,255,62,.95),
		0 0 20px rgba(216,255,62,.58);
}

#aventon-page .av-airtime__metric.is-resetting .av-airtime__bar > b{
	opacity: 0;
}

#aventon-page .av-airtime__metric.is-counting .av-airtime__bar > b{
	opacity: 1;
}

#aventon-page .av-airtime__metric.is-counting .av-airtime__bar{
	background: rgba(244,242,235,.24) !important;
}

#aventon-page .av-airtime__metric.is-locked .av-airtime__bar > b{
	opacity: 1;
	box-shadow: 0 0 13px rgba(216,255,62,.58),
		0 0 26px rgba(216,255,62,.24);
}

#aventon-page .av-airtime__metric > span{
	margin-bottom: 16px;
	color: rgba(255,255,255,.78);
}

@media (max-width: 620px) {
	#aventon-page .av-airtime__bar{
		height: 5px !important;
	}

	#aventon-page .av-airtime__bar > b{
		height: 5px;
	}
}

#aventon-page .av-connect{
	padding-top: 145px;
	padding-bottom: 165px;
}

#aventon-page .av-connect .av-section-code{
	color: #59620b;
}

#aventon-page .av-connect__head{
	margin-bottom: 76px;
}

#aventon-page .av-connect__head-grid{
	display: grid;
	grid-template-columns: 1.25fr .75fr;
	gap: 80px;
	align-items: end;
}

#aventon-page .av-connect__head h2{
	max-width: 900px;
	margin-bottom: 0;
	font-size: clamp(48px, 5.4vw, 82px);
	font-weight: 520;
	letter-spacing: -.045em;
	line-height: .99;
}

#aventon-page .av-connect__head-grid > p{
	max-width: 430px;
	margin: 0 0 7px auto;
	color: #394039;
	font-size: 16px;
	line-height: 1.72;
}

#aventon-page .av-connect__stage{
	display: grid;
	grid-template-columns: minmax(540px, 1.13fr) minmax(360px, .87fr);
	gap: 78px;
	align-items: center;
}

#aventon-page .av-connect__visual{
	position: relative;
	min-height: 720px;
	overflow: hidden;
	border: 1px solid rgba(18,20,17,.22);
	background: radial-gradient(circle at 32% 45%, rgba(216,255,62,.14), transparent 27%),
		#101310;
}

#aventon-page .av-connect__visual-grid{
	position: absolute;
	inset: 0;
	background: linear-gradient(rgba(244,242,235,.055) 1px, transparent 1px),
		linear-gradient(90deg, rgba(244,242,235,.055) 1px, transparent 1px);
	background-size: 62px 62px;
	-webkit-mask-image: linear-gradient(to bottom, transparent, #000 16%, #000 84%, transparent);
	mask-image: linear-gradient(to bottom, transparent, #000 16%, #000 84%, transparent);
}

#aventon-page .av-connect__phone{
	position: absolute;
	z-index: 3;
}

#aventon-page .av-connect__phone--primary{
	top: 54px;
	left: 11%;
	width: min(35%, 270px);
}

#aventon-page .av-connect__phone--secondary{
	right: 9%;
	bottom: 56px;
	width: min(32%, 246px);
}

#aventon-page .av-connect__phone-frame{
	position: relative;
	padding: 8px;
	border: 1px solid rgba(244,242,235,.4);
	border-radius: 32px;
	background: #050605;
	box-shadow: 0 38px 70px rgba(0,0,0,.42),
		0 0 0 1px rgba(255,255,255,.03);
}

#aventon-page .av-connect__phone-frame::before{
	content: "";
	position: absolute;
	z-index: 4;
	top: 14px;
	left: 50%;
	width: 29%;
	height: 14px;
	border-radius: 999px;
	background: #050605;
	transform: translateX(-50%);
}

#aventon-page .av-connect__phone-screen{
	position: relative;
	aspect-ratio: 9 / 19.5;
	overflow: hidden;
	border-radius: 25px;
	background-color: #111511;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

#aventon-page .av-connect__phone-screen--security{
	background-image: url("/brand/aventon-app-security.webp");
}

#aventon-page .av-connect__phone-screen--ride{
	background-image: url("/brand/aventon-app-ride.webp");
}

#aventon-page .av-connect__phone-fallback{
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 38px 18px 18px;
	background: linear-gradient(0deg, rgba(5,7,5,.78), transparent 47%),
		#131713;
}

#aventon-page .av-connect__phone-screen{
	background-color: transparent;
}

#aventon-page .av-connect__phone-screen[style*="background-image"] .av-connect__phone-fallback{
	display: none;
}

#aventon-page .av-connect__phone-fallback header{
	position: relative;
	z-index: 3;
	display: grid;
	gap: 6px;
}

#aventon-page .av-connect__phone-fallback header span, #aventon-page .av-connect__phone-fallback footer span, #aventon-page .av-connect__phone-fallback dt{
	font-size: 6px;
	font-weight: 700;
	letter-spacing: .14em;
}

#aventon-page .av-connect__phone-fallback header strong{
	font-size: 11px;
	letter-spacing: -.02em;
}

#aventon-page .av-connect__phone-fallback header i{
	position: absolute;
	top: 2px;
	right: 0;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	box-shadow: 0 0 0 5px rgba(216,255,62,.09);
}

#aventon-page .av-connect__mini-map{
	position: absolute;
	inset: 0;
}

#aventon-page .av-connect__mini-map svg{
	width: 100%;
	height: 100%;
}

#aventon-page .av-connect__mini-map path{
	fill: none;
	stroke: rgba(216,255,62,.78);
	stroke-width: 2;
	stroke-dasharray: 6 8;
	vector-effect: non-scaling-stroke;
}

#aventon-page .av-connect__mini-map b{
	position: absolute;
	top: 44%;
	left: 55%;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	box-shadow: 0 0 0 7px rgba(216,255,62,.09),
		0 0 22px rgba(216,255,62,.4);
}

#aventon-page .av-connect__phone-fallback footer{
	position: relative;
	z-index: 3;
	display: flex;
	justify-content: space-between;
	gap: 12px;
	color: rgba(244,242,235,.64);
}

#aventon-page .av-connect__phone-fallback--ride{
	justify-content: flex-start;
	gap: 34px;
	background: linear-gradient(145deg, #1e251e, #0c0f0c 68%);
}

#aventon-page .av-connect__phone-fallback--ride header strong{
	font-size: 29px;
}

#aventon-page .av-connect__chart{
	display: flex;
	height: 82px;
	align-items: end;
	gap: 5px;
}

#aventon-page .av-connect__chart i{
	display: block;
	flex: 1;
	opacity: .75;
}

#aventon-page .av-connect__chart i:nth-child(1){
	height: 24%;
}

#aventon-page .av-connect__chart i:nth-child(2){
	height: 46%;
}

#aventon-page .av-connect__chart i:nth-child(3){
	height: 38%;
}

#aventon-page .av-connect__chart i:nth-child(4){
	height: 76%;
}

#aventon-page .av-connect__chart i:nth-child(5){
	height: 63%;
}

#aventon-page .av-connect__chart i:nth-child(6){
	height: 92%;
}

#aventon-page .av-connect__phone-fallback dl{
	display: grid;
	margin: 0;
	grid-template-columns: repeat(2, 1fr);
	gap: 14px 10px;
}

#aventon-page .av-connect__phone-fallback dl div{
	padding-top: 8px;
	border-top: 1px solid rgba(244,242,235,.17);
}

#aventon-page .av-connect__phone-fallback dt, #aventon-page .av-connect__phone-fallback dd{
	margin: 0;
}

#aventon-page .av-connect__phone-fallback dt{
	margin-bottom: 4px;
	color: rgba(244,242,235,.52);
}

#aventon-page .av-connect__phone-fallback dd{
	font-size: 10px;
	font-weight: 700;
}

#aventon-page .av-connect__phone-label{
	display: grid;
	margin-top: 12px;
	grid-template-columns: 24px 1fr;
	gap: 10px;
	color: rgba(244,242,235,.65);
	font-size: 7px;
	font-weight: 700;
	letter-spacing: .13em;
}

#aventon-page .av-connect__visual-index{
	position: absolute;
	right: 22px;
	bottom: 20px;
	left: 22px;
	display: flex;
	align-items: center;
	gap: 13px;
	color: rgba(244,242,235,.46);
	font-size: 7px;
	font-weight: 700;
	letter-spacing: .15em;
}

#aventon-page .av-connect__visual-index i{
	flex: 1;
	height: 1px;
	background: rgba(244,242,235,.18);
}

#aventon-page .av-connect__copy{
	padding-top: 10px;
}

#aventon-page .av-connect__lead{
	max-width: 570px;
	margin-bottom: 48px;
	color: #333a33;
	font-size: 19px;
	line-height: 1.66;
}

#aventon-page .av-connect__list{
	margin: 0 0 35px;
	padding: 0;
	border-top: 1px solid rgba(18,20,17,.25);
	list-style: none;
}

#aventon-page .av-connect__list li{
	display: grid;
	padding: 17px 0;
	border-bottom: 1px solid rgba(18,20,17,.25);
	grid-template-columns: 38px 1fr;
	gap: 12px;
}

#aventon-page .av-connect__list li > span{
	padding-top: 3px;
	color: #59620b;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .12em;
}

#aventon-page .av-connect__list li > div{
	display: grid;
	gap: 6px;
}

#aventon-page .av-connect__list strong{
	color: #151815;
	font-size: 15px;
}

#aventon-page .av-connect__list small{
	color: #444c44;
	font-size: 11px;
	line-height: 1.55;
}

#aventon-page .av-connect__summary{
	display: grid;
	margin-bottom: 27px;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px;
}

#aventon-page .av-connect__summary > div{
	padding-top: 10px;
	border-top: 1px solid rgba(18,20,17,.25);
}

#aventon-page .av-connect__summary span, #aventon-page .av-connect__summary strong{
	display: block;
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .12em;
}

#aventon-page .av-connect__summary span{
	margin-bottom: 7px;
	color: #697069;
}

#aventon-page .av-connect__summary strong{
	color: #151815;
}

#aventon-page .av-connect__note{
	max-width: 560px;
	margin: 0;
	color: #596159;
	font-size: 10px;
	line-height: 1.55;
}

@media (max-width: 1120px) {
	#aventon-page .av-connect__stage{
		grid-template-columns: 1fr;
	}

	#aventon-page .av-connect__visual{
		min-height: 680px;
	}

	#aventon-page .av-connect__copy{
		max-width: 760px;
	}
}

@media (max-width: 820px) {
	#aventon-page .av-connect{
		padding-top: 105px;
		padding-bottom: 115px;
	}

	#aventon-page .av-connect__head-grid{
		grid-template-columns: 1fr;
		gap: 26px;
	}

	#aventon-page .av-connect__head-grid > p{
		margin-left: 0;
	}

	#aventon-page .av-connect__visual{
		min-height: 620px;
	}

	#aventon-page .av-connect__phone--primary{
		left: 10%;
		width: 34%;
	}

	#aventon-page .av-connect__phone--secondary{
		right: 9%;
		width: 31%;
	}
}

@media (max-width: 620px) {
	#aventon-page .av-connect__head h2{
		font-size: 42px;
		line-height: 1.04;
	}

	#aventon-page .av-connect__visual{
		min-height: 530px;
	}

	#aventon-page .av-connect__phone--primary{
		top: 34px;
		left: 7%;
		width: 45%;
	}

	#aventon-page .av-connect__phone--secondary{
		right: 6%;
		bottom: 46px;
		width: 41%;
	}

	#aventon-page .av-connect__lead{
		font-size: 17px;
	}

	#aventon-page .av-connect__summary{
		grid-template-columns: 1fr;
	}
}

#aventon-page .av-connect__phone-screen.has-real-image .av-connect__phone-fallback{
	display: none;
}

#aventon-page .av-connect{
	color: #f4f2eb !important;
	background: linear-gradient(
			90deg,
			rgba(244,242,235,.024) 1px,
			transparent 1px
		),
		#090a09 !important;
	background-size: 12.5% 100%, auto !important;
}

#aventon-page .av-connect .av-section-code{
	color: #d8ff3e !important;
}

#aventon-page .av-connect__head h2{
	color: #f4f2eb !important;
}

#aventon-page .av-connect__head-grid > p{
	color: rgba(244,242,235,.76) !important;
}

#aventon-page .av-connect__lead{
	color: rgba(244,242,235,.88) !important;
}

#aventon-page .av-connect__list{
	border-top-color: rgba(244,242,235,.22) !important;
}

#aventon-page .av-connect__list li{
	border-bottom-color: rgba(244,242,235,.22) !important;
}

#aventon-page .av-connect__list li > span{
	color: #d8ff3e !important;
}

#aventon-page .av-connect__list strong{
	color: #f4f2eb !important;
}

#aventon-page .av-connect__list small{
	color: rgba(244,242,235,.68) !important;
}

#aventon-page .av-connect__summary > div{
	border-top-color: rgba(244,242,235,.22) !important;
}

#aventon-page .av-connect__summary span{
	color: rgba(244,242,235,.52) !important;
}

#aventon-page .av-connect__summary strong{
	color: rgba(244,242,235,.92) !important;
}

#aventon-page .av-connect__note{
	color: rgba(244,242,235,.52) !important;
}

#aventon-page .av-connect__visual{
	border-color: rgba(244,242,235,.17) !important;
	box-shadow: 0 34px 90px rgba(0,0,0,.28);
}

#aventon-page .av-connect__list strong{
	font-size: 16px;
	letter-spacing: -.012em;
}

#aventon-page .av-connect__list small{
	font-size: 12px;
	line-height: 1.58;
}

#aventon-page .av-connect__lead{
	font-size: 18px;
	line-height: 1.68;
}

@media (max-width: 620px) {
	#aventon-page .av-connect__lead{
		font-size: 16px;
	}

	#aventon-page .av-connect__list strong{
		font-size: 15px;
	}

	#aventon-page .av-connect__list small{
		font-size: 11px;
	}
}

#aventon-page .av-brand{
	--av-brand-ink: #151815;
	--av-brand-paper: #e9e7df;
	--av-brand-muted: #4a514a;
	--av-brand-line: rgba(18,20,17,.23);
	--av-brand-accent: #59620b;
	--av-brand-progress: 0;
	padding-top: 145px;
	padding-bottom: 165px;
	color: var(--av-brand-ink);
	background: var(--av-brand-paper);
}

#aventon-page .av-brand .av-section-code{
	color: var(--av-brand-accent);
}

#aventon-page .av-brand__head{
	margin-bottom: 78px;
}

#aventon-page .av-brand__head-grid{
	display: grid;
	grid-template-columns: 1.28fr .72fr;
	gap: 80px;
	align-items: end;
}

#aventon-page .av-brand__head h2{
	max-width: 880px;
	margin-bottom: 0;
	font-size: clamp(50px, 5.5vw, 84px);
	font-weight: 520;
	letter-spacing: -.046em;
	line-height: .98;
}

#aventon-page .av-brand__head-grid > p{
	max-width: 450px;
	margin: 0 0 7px auto;
	color: #394039;
	font-size: 16px;
	line-height: 1.74;
}

#aventon-page .av-brand__media{
	position: relative;
	display: grid;
	height: min(52vw, 730px);
	min-height: 560px;
	margin-bottom: 94px;
	grid-template-columns: .43fr .57fr;
	overflow: hidden;
	border-top: 1px solid var(--av-brand-line);
	border-bottom: 1px solid var(--av-brand-line);
	background: #8e9188;
}

#aventon-page .av-brand__frame{
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
}

#aventon-page .av-brand__frame--archive{
	background-color: #363a35;
	background-image: linear-gradient(0deg, rgba(8,10,8,.66), rgba(8,10,8,.06) 62%),
		url("/brand/aventon-brand-fixed.webp"),
		linear-gradient(135deg, #5c6058, #222621);
	background-position: center,
		center,
		center;
	filter: grayscale(.88) contrast(1.08);
}

#aventon-page .av-brand__frame--modern{
	background-color: #565f55;
	background-image: linear-gradient(0deg, rgba(8,10,8,.58), rgba(8,10,8,.02) 62%),
		url("/brand/aventon-brand-modern.webp"),
		url("/brand/aventon-editorial-detail.webp"),
		linear-gradient(135deg, #899188, #3d463d);
	background-position: center,
		center,
		50% center,
		center;
}

#aventon-page .av-brand__frame-shade{
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(8,10,8,.22), transparent 48%),
		linear-gradient(0deg, rgba(8,10,8,.56), transparent 46%);
}

#aventon-page .av-brand__frame-label{
	position: absolute;
	z-index: 3;
	right: 26px;
	bottom: 24px;
	left: 26px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding-top: 12px;
	border-top: 1px solid rgba(244,242,235,.45);
	color: rgba(244,242,235,.84);
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .16em;
}

#aventon-page .av-brand__frame-label span{
	color: #d8ff3e;
}

#aventon-page .av-brand__transition{
	position: absolute;
	z-index: 5;
	top: 50%;
	left: 43%;
	display: grid;
	place-items: center;
	width: 82px;
	height: 82px;
	border: 1px solid rgba(244,242,235,.48);
	border-radius: 50%;
	color: rgba(244,242,235,.82);
	background: rgba(8,10,8,.54);
	font-size: 7px;
	font-weight: 700;
	letter-spacing: .14em;
	transform: translate(-50%, -50%);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

#aventon-page .av-brand__transition i{
	display: block;
	width: 26px;
	height: 1px;
	background: #d8ff3e;
}

#aventon-page .av-brand__media-caption{
	position: absolute;
	z-index: 4;
	top: 24px;
	right: 25px;
	left: 25px;
	display: flex;
	justify-content: space-between;
	gap: 24px;
	color: rgba(244,242,235,.68);
	font-size: 7px;
	font-weight: 700;
	letter-spacing: .16em;
}

#aventon-page .av-brand__story{
	display: grid;
	grid-template-columns: .82fr 1.18fr;
	gap: 88px;
	align-items: start;
}

#aventon-page .av-brand__copy{
	padding-top: 8px;
}

#aventon-page .av-brand__lead{
	max-width: 520px;
	margin-bottom: 44px;
	font-size: 23px;
	line-height: 1.52;
	letter-spacing: -.018em;
}

#aventon-page .av-brand__columns{
	display: grid;
	max-width: 640px;
	margin-bottom: 40px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 36px;
	color: var(--av-brand-muted);
	font-size: 14px;
	line-height: 1.72;
}

#aventon-page .av-brand__columns p{
	margin-bottom: 0;
}

#aventon-page .av-brand__mission{
	max-width: 640px;
	margin-bottom: 0;
	padding-top: 18px;
	border-top: 1px solid var(--av-brand-line);
	color: #303630;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.68;
}

#aventon-page .av-brand__timeline{
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	padding-top: 34px;
}

#aventon-page .av-brand__track{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 2px;
	background: rgba(18,20,17,.16);
}

#aventon-page .av-brand__track i{
	display: block;
	width: 100%;
	height: 100%;
	background: #59620b;
	box-shadow: 0 0 12px rgba(89,98,11,.22);
	transform: scaleX(var(--av-brand-progress));
	transform-origin: left center;
	will-change: transform;
}

#aventon-page .av-brand__milestone{
	position: relative;
	min-height: 230px;
	padding: 0 24px 24px;
	border-right: 1px solid var(--av-brand-line);
	opacity: .34;
	transform: translateY(8px);
	transition: opacity 260ms ease,
		transform 320ms cubic-bezier(.2,.7,.2,1);
}

#aventon-page .av-brand__milestone:first-of-type{
	padding-left: 0;
}

#aventon-page .av-brand__milestone:last-child{
	padding-right: 0;
	border-right: 0;
}

#aventon-page .av-brand__milestone::before{
	content: "";
	position: absolute;
	top: -39px;
	left: 22px;
	width: 10px;
	height: 10px;
	border: 2px solid var(--av-brand-paper);
	border-radius: 50%;
	background: rgba(18,20,17,.24);
	box-shadow: 0 0 0 1px rgba(18,20,17,.16);
	transition: background 220ms ease,
		box-shadow 220ms ease;
}

#aventon-page .av-brand__milestone:first-of-type::before{
	left: 0;
}

#aventon-page .av-brand__milestone.is-active{
	opacity: 1;
	transform: none;
}

#aventon-page .av-brand__milestone.is-active::before{
	background: #d8ff3e;
	box-shadow: 0 0 0 1px #59620b,
		0 0 14px rgba(89,98,11,.34);
}

#aventon-page .av-brand__milestone > span{
	display: block;
	margin-bottom: 52px;
	color: #59620b;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .15em;
}

#aventon-page .av-brand__milestone h3{
	margin-bottom: 12px;
	font-size: clamp(21px, 2vw, 30px);
	font-weight: 560;
	letter-spacing: -.03em;
	line-height: 1.05;
}

#aventon-page .av-brand__milestone p{
	max-width: 210px;
	margin-bottom: 0;
	color: #4b524b;
	font-size: 11px;
	line-height: 1.6;
}

@media (max-width: 1120px) {
	#aventon-page .av-brand__story{
		grid-template-columns: 1fr;
		gap: 72px;
	}

	#aventon-page .av-brand__copy{
		max-width: 760px;
	}

	#aventon-page .av-brand__timeline{
		max-width: 100%;
	}
}

@media (max-width: 820px) {
	#aventon-page .av-brand{
		padding-top: 105px;
		padding-bottom: 115px;
	}

	#aventon-page .av-brand__head-grid{
		grid-template-columns: 1fr;
		gap: 28px;
	}

	#aventon-page .av-brand__head-grid > p{
		margin-left: 0;
	}

	#aventon-page .av-brand__media{
		height: auto;
		min-height: 0;
		grid-template-columns: 1fr;
	}

	#aventon-page .av-brand__frame{
		min-height: 430px;
	}

	#aventon-page .av-brand__transition{
		top: 50%;
		left: 50%;
	}

	#aventon-page .av-brand__media-caption{
		display: none;
	}

	#aventon-page .av-brand__timeline{
		grid-template-columns: repeat(2, 1fr);
	}

	#aventon-page .av-brand__track{
		display: none;
	}

	#aventon-page .av-brand__milestone{
		min-height: 210px;
		padding: 24px;
		border-top: 1px solid var(--av-brand-line);
	}

	#aventon-page .av-brand__milestone:nth-child(odd){
		padding-left: 0;
	}

	#aventon-page .av-brand__milestone:nth-child(even){
		border-right: 0;
	}

	#aventon-page .av-brand__milestone::before{
		display: none;
	}

	#aventon-page .av-brand__milestone > span{
		margin-bottom: 34px;
	}
}

@media (max-width: 620px) {
	#aventon-page .av-brand__head h2{
		font-size: 43px;
		line-height: 1.03;
	}

	#aventon-page .av-brand__frame{
		min-height: 340px;
	}

	#aventon-page .av-brand__frame-label{
		right: 16px;
		bottom: 16px;
		left: 16px;
	}

	#aventon-page .av-brand__transition{
		width: 66px;
		height: 66px;
	}

	#aventon-page .av-brand__lead{
		font-size: 19px;
	}

	#aventon-page .av-brand__columns{
		grid-template-columns: 1fr;
		gap: 18px;
	}

	#aventon-page .av-brand__timeline{
		grid-template-columns: 1fr;
	}

	#aventon-page .av-brand__milestone, #aventon-page .av-brand__milestone:nth-child(odd){
		min-height: 0;
		padding: 22px 0 28px;
		border-right: 0;
	}

	#aventon-page .av-brand__milestone > span{
		margin-bottom: 20px;
	}
}

@media (prefers-reduced-motion: reduce) {
	#aventon-page .av-brand{
		--av-brand-progress: 1;
	}

	#aventon-page .av-brand__milestone{
		opacity: 1;
		transform: none;
	}
}

#aventon-page .av-catalog{
	position: relative;
	padding-top: 145px;
	padding-bottom: 0;
	overflow: hidden;
	color: #151815;
	background: #e9e7df;
}

#aventon-page .av-catalog .av-section-code{
	color: #59620b;
}

#aventon-page .av-catalog__head{
	margin-bottom: 76px;
}

#aventon-page .av-catalog__head-grid{
	display: grid;
	grid-template-columns: 1.28fr .72fr;
	gap: 80px;
	align-items: end;
}

#aventon-page .av-catalog__head h2{
	max-width: 900px;
	margin-bottom: 0;
	font-size: clamp(50px, 5.4vw, 82px);
	font-weight: 520;
	letter-spacing: -.046em;
	line-height: .98;
}

#aventon-page .av-catalog__head-side{
	max-width: 450px;
	margin-left: auto;
}

#aventon-page .av-catalog__head-side > p{
	margin-bottom: 28px;
	color: #394039;
	font-size: 16px;
	line-height: 1.72;
}

#aventon-page .av-catalog__status{
	display: flex;
	align-items: center;
	gap: 12px;
	color: #59620b;
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .15em;
}

#aventon-page .av-catalog__status i{
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #d8ff3e;
	box-shadow: 0 0 0 6px rgba(89,98,11,.08),
		0 0 18px rgba(89,98,11,.18);
}

#aventon-page .av-catalog__grid{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	border-top: 1px solid rgba(18,20,17,.25);
	border-left: 1px solid rgba(18,20,17,.25);
}

#aventon-page .av-catalog-card{
	position: relative;
	display: flex;
	min-width: 0;
	min-height: 700px;
	flex-direction: column;
	overflow: hidden;
	border-right: 1px solid rgba(18,20,17,.25);
	border-bottom: 1px solid rgba(18,20,17,.25);
	color: #151815;
	background: #dedcd3;
}

#aventon-page .av-catalog-card__top{
	position: relative;
	z-index: 5;
	display: flex;
	align-items: start;
	justify-content: space-between;
	padding: 22px 24px 0;
}

#aventon-page .av-catalog-card__top > span, #aventon-page .av-catalog-card__top strong, #aventon-page .av-catalog-card__top small{
	display: block;
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .15em;
}

#aventon-page .av-catalog-card__top > span, #aventon-page .av-catalog-card__top strong{
	color: #59620b;
}

#aventon-page .av-catalog-card__top > div{
	display: flex;
	align-items: center;
	gap: 16px;
	text-align: right;
}

#aventon-page .av-catalog-card__top small{
	color: #626a62;
}

#aventon-page .av-catalog-card__media{
	position: relative;
	height: 410px;
	margin: 22px 0 0;
	overflow: hidden;
}

#aventon-page .av-catalog-card__grid{
	position: absolute;
	inset: 0;
	background: linear-gradient(rgba(18,20,17,.065) 1px, transparent 1px),
		linear-gradient(90deg, rgba(18,20,17,.065) 1px, transparent 1px);
	background-size: 58px 58px;
	-webkit-mask-image: radial-gradient(circle at center, #000 20%, transparent 75%);
	mask-image: radial-gradient(circle at center, #000 20%, transparent 75%);
}

#aventon-page .av-catalog-card__media img{
	position: absolute;
	z-index: 3;
	top: 50%;
	left: 50%;
	width: 112%;
	max-width: none;
	height: auto;
	max-height: 94%;
	object-fit: contain;
	filter: drop-shadow(0 28px 28px rgba(18,20,17,.18));
	transform: translate(-50%, -50%) scale(.96);
	transition: transform 620ms cubic-bezier(.2,.7,.2,1),
		filter 420ms ease;
}

#aventon-page .av-catalog-card:hover .av-catalog-card__media img{
	filter: drop-shadow(0 34px 34px rgba(18,20,17,.23));
	transform: translate(-50%, -52%) scale(1.015);
}

#aventon-page .av-catalog-card__media img.is-missing{
	display: none;
}

#aventon-page .av-catalog-card__fallback{
	position: absolute;
	z-index: 1;
	inset: 0;
	display: grid;
	place-items: center;
	color: rgba(18,20,17,.08);
	font-size: clamp(62px, 7vw, 116px);
	font-weight: 800;
	letter-spacing: -.06em;
}

#aventon-page .av-catalog-card__body{
	position: relative;
	z-index: 4;
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 26px 24px 24px;
	border-top: 1px solid rgba(18,20,17,.22);
}

#aventon-page .av-catalog-card__body > p{
	margin-bottom: 10px;
	color: #59620b;
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .15em;
}

#aventon-page .av-catalog-card h3{
	margin-bottom: 28px;
	font-size: clamp(42px, 4.8vw, 72px);
	font-weight: 650;
	letter-spacing: -.05em;
	line-height: .82;
}

#aventon-page .av-catalog-card__meta{
	display: grid;
	margin-top: auto;
	margin-bottom: 26px;
	grid-template-columns: 1fr auto;
	gap: 24px;
	align-items: end;
}

#aventon-page .av-catalog-card__meta span{
	max-width: 280px;
	color: #444b44;
	font-size: 13px;
	line-height: 1.55;
}

#aventon-page .av-catalog-card__meta strong{
	color: #151815;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .1em;
	text-align: right;
	text-transform: uppercase;
}

#aventon-page .av-catalog-card__link{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 13px;
	border-top: 1px solid rgba(18,20,17,.25);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

#aventon-page .av-catalog-card__link i{
	display: grid;
	width: 38px;
	height: 38px;
	place-items: center;
	border: 1px solid rgba(18,20,17,.45);
	border-radius: 50%;
	font-style: normal;
	transition: color 180ms ease,
		border-color 180ms ease,
		background 180ms ease,
		transform 180ms ease;
}

#aventon-page .av-catalog-card:hover .av-catalog-card__link i{
	border-color: #59620b;
	color: #151815;
	background: #d8ff3e;
	transform: rotate(8deg);
}

#aventon-page .av-catalog__footer{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 60px;
	padding-top: 72px;
	padding-bottom: 100px;
}

#aventon-page .av-catalog__total{
	display: flex;
	align-items: center;
	gap: 24px;
}

#aventon-page .av-catalog__total > span{
	font-size: clamp(72px, 8vw, 124px);
	font-weight: 760;
	letter-spacing: -.06em;
	line-height: .72;
}

#aventon-page .av-catalog__total p{
	max-width: 260px;
	margin-bottom: 0;
	color: #464d46;
	font-size: 13px;
	line-height: 1.55;
}

#aventon-page .av-catalog__button{
	display: flex;
	min-width: min(420px, 38vw);
	min-height: 76px;
	align-items: center;
	justify-content: space-between;
	padding: 0 22px;
	border: 1px solid rgba(18,20,17,.42);
	color: #151815;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .07em;
	text-transform: uppercase;
	transition: color 180ms ease,
		border-color 180ms ease,
		background 180ms ease;
}

#aventon-page .av-catalog__button i{
	display: grid;
	width: 40px;
	height: 40px;
	place-items: center;
	border: 1px solid currentColor;
	border-radius: 50%;
	font-style: normal;
}

#aventon-page .av-catalog__button:hover{
	border-color: #59620b;
	background: #d8ff3e;
}

#aventon-page .av-catalog__marquee{
	overflow: hidden;
	border-top: 1px solid rgba(18,20,17,.2);
	background: #090a09;
}

#aventon-page .av-catalog__marquee > div{
	display: flex;
	width: max-content;
	align-items: center;
	gap: 26px;
	padding: 25px 0;
	color: rgba(244,242,235,.2);
	font-size: clamp(58px, 6.8vw, 100px);
	font-weight: 800;
	letter-spacing: -.055em;
	line-height: .8;
	animation: av-catalog-marquee 30s linear infinite;
}

#aventon-page .av-catalog__marquee i{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #d8ff3e;
}

@media (max-width: 980px) {
	#aventon-page .av-catalog-card{
		min-height: 640px;
	}

	#aventon-page .av-catalog-card__media{
		height: 350px;
	}

	#aventon-page .av-catalog__footer{
		align-items: stretch;
		flex-direction: column;
	}

	#aventon-page .av-catalog__button{
		width: 100%;
		min-width: 0;
	}
}

@media (max-width: 820px) {
	#aventon-page .av-catalog{
		padding-top: 105px;
	}

	#aventon-page .av-catalog__head-grid{
		grid-template-columns: 1fr;
		gap: 28px;
	}

	#aventon-page .av-catalog__head-side{
		max-width: 560px;
		margin-left: 0;
	}

	#aventon-page .av-catalog__grid{
		grid-template-columns: 1fr;
	}

	#aventon-page .av-catalog-card{
		min-height: 620px;
	}

	#aventon-page .av-catalog-card__media{
		height: 380px;
	}
}

@media (max-width: 620px) {
	#aventon-page .av-catalog__head h2{
		font-size: 42px;
		line-height: 1.04;
	}

	#aventon-page .av-catalog-card{
		min-height: 560px;
	}

	#aventon-page .av-catalog-card__media{
		height: 310px;
	}

	#aventon-page .av-catalog-card__media img{
		width: 125%;
	}

	#aventon-page .av-catalog-card h3{
		font-size: 48px;
	}

	#aventon-page .av-catalog-card__meta{
		grid-template-columns: 1fr;
		gap: 10px;
	}

	#aventon-page .av-catalog-card__meta strong{
		text-align: left;
	}

	#aventon-page .av-catalog__footer{
		padding-top: 58px;
		padding-bottom: 78px;
	}

	#aventon-page .av-catalog__total{
		align-items: flex-start;
		flex-direction: column;
	}

	#aventon-page .av-catalog__total > span{
		font-size: 84px;
	}

	#aventon-page .av-catalog__marquee > div{
		font-size: 60px;
	}
}

@media (max-width: 620px) {
	#aventon-page .av-hero{
		min-height: 700px;
		height: auto;
		padding-top: env(safe-area-inset-top);
	}

	#aventon-page .av-hero__layout{
		min-height: 700px;
		padding: 18px 0 22px;
	}

	#aventon-page .av-hero__copy{
		width: 100%;
	}

	#aventon-page .av-hero h1{
		max-width: 11ch;
		font-size: 34px;
		line-height: 1.02;
		letter-spacing: -.045em;
	}

	#aventon-page .av-hero__lead{
		max-width: 92%;
		font-size: 14px;
		line-height: 1.58;
		color: rgba(244,242,235,.82);
	}

	#aventon-page .av-link-list{
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 8px;
	}

	#aventon-page .av-link-list a{
		display: grid;
		min-height: 44px;
		align-content: start;
		padding-top: 10px;
		grid-template-columns: 1fr;
		gap: 4px;
		font-size: 8px;
		line-height: 1.25;
	}

	#aventon-page .av-link-list a span{
		font-size: 8px;
	}

	#aventon-page .av-brand{
		padding-top: 92px;
		padding-bottom: 96px;
	}

	#aventon-page .av-brand__head{
		margin-bottom: 42px;
	}

	#aventon-page .av-brand__head h2{
		font-size: 40px;
		line-height: 1.02;
	}

	#aventon-page .av-brand__head-grid > p{
		font-size: 14px;
		line-height: 1.6;
	}

	#aventon-page .av-brand__media{
		margin-bottom: 48px;
		border-radius: 18px;
	}

	#aventon-page .av-brand__frame{
		min-height: 300px;
	}

	#aventon-page .av-brand__transition{
		width: 58px;
		height: 58px;
		font-size: 6px;
	}

	#aventon-page .av-brand__frame-label{
		font-size: 7px;
	}

	#aventon-page .av-brand__lead{
		margin-bottom: 24px;
		font-size: 18px;
		line-height: 1.46;
	}

	#aventon-page .av-brand__mission{
		padding-top: 14px;
		font-size: 13px;
		line-height: 1.55;
	}

	#aventon-page .av-brand__timeline{
		gap: 0;
	}

	#aventon-page .av-brand__milestone, #aventon-page .av-brand__milestone:nth-child(odd){
		display: grid;
		grid-template-columns: 72px 1fr;
		gap: 0 14px;
		align-items: start;
		padding: 18px 0 22px;
	}

	#aventon-page .av-brand__milestone > span{
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 58px;
		min-height: 26px;
		margin: 2px 0 0;
		padding: 0 8px;
		border: 1px solid rgba(18,20,17,.18);
		border-radius: 999px;
		background: rgba(89,98,11,.06);
		font-size: 9px;
		line-height: 1;
	}

	#aventon-page .av-brand__milestone h3{
		margin: 0 0 8px;
		font-size: 31px;
		line-height: 1.02;
	}

	#aventon-page .av-brand__milestone p{
		max-width: none;
		font-size: 13px;
		line-height: 1.55;
	}

	#aventon-page .av-system{
		padding-top: 92px;
		padding-bottom: 94px;
	}

	#aventon-page .av-system__intro{
		margin-bottom: 44px;
	}

	#aventon-page .av-system__intro h2{
		font-size: 40px;
		line-height: 1.02;
	}

	#aventon-page .av-system__intro > p{
		font-size: 14px;
		line-height: 1.6;
	}

	#aventon-page .av-airtime{
		min-height: 700px;
		padding: 92px 0 28px;
	}

	#aventon-page .av-airtime h2{
		font-size: 38px;
		line-height: 1.02;
		max-width: 8ch;
	}

	#aventon-page .av-airtime__layout > p, #aventon-page .av-airtime__copy p{
		font-size: 14px;
		line-height: 1.56;
	}

	#aventon-page .av-airtime__data{
		gap: 12px;
	}

	#aventon-page .av-airtime__metric > span{
		font-size: 8px;
	}

	#aventon-page .av-airtime__data strong{
		font-size: 26px;
	}

	#aventon-page .av-connect{
		padding-top: 92px;
		padding-bottom: 96px;
	}

	#aventon-page .av-connect__head{
		margin-bottom: 42px;
	}

	#aventon-page .av-connect__head h2{
		font-size: 40px;
		line-height: 1.02;
	}

	#aventon-page .av-connect__head-grid > p{
		font-size: 14px;
		line-height: 1.6;
	}

	#aventon-page .av-connect__stage{
		gap: 40px;
	}

	#aventon-page .av-connect__visual{
		min-height: 470px;
		border-radius: 18px;
	}

	#aventon-page .av-connect__phone--primary{
		left: 4%;
		width: 45%;
	}

	#aventon-page .av-connect__phone--secondary{
		right: 4%;
		width: 42%;
	}

	#aventon-page .av-connect__lead{
		margin-bottom: 24px;
		font-size: 16px;
		line-height: 1.56;
	}

	#aventon-page .av-connect__list li{
		grid-template-columns: 24px 1fr;
		gap: 10px;
	}

	#aventon-page .av-connect__list strong{
		font-size: 14px;
	}

	#aventon-page .av-connect__list small{
		font-size: 11px;
		line-height: 1.48;
	}

	#aventon-page .av-connect__note{
		font-size: 10px;
		line-height: 1.5;
	}

	#aventon-page .av-catalog{
		padding-top: 92px;
	}

	#aventon-page .av-catalog__head{
		margin-bottom: 42px;
	}

	#aventon-page .av-catalog__head h2{
		font-size: 40px;
		line-height: 1.02;
	}

	#aventon-page .av-catalog__head-side > p{
		font-size: 14px;
		line-height: 1.6;
	}

	#aventon-page .av-catalog-card{
		min-height: auto;
	}

	#aventon-page .av-catalog-card__top{
		padding: 16px 16px 0;
	}

	#aventon-page .av-catalog-card__media{
		height: 280px;
		margin-top: 12px;
	}

	#aventon-page .av-catalog-card__media img{
		width: 118%;
		max-height: 92%;
	}

	#aventon-page .av-catalog-card__body{
		padding: 18px 16px 18px;
	}

	#aventon-page .av-catalog-card h3{
		margin-bottom: 18px;
		font-size: 42px;
		line-height: .88;
	}

	#aventon-page .av-catalog-card__meta{
		margin-bottom: 18px;
	}

	#aventon-page .av-catalog-card__meta span{
		font-size: 12px;
		line-height: 1.48;
	}

	#aventon-page .av-catalog__footer{
		gap: 28px;
		padding-top: 44px;
		padding-bottom: 116px;
	}

	#aventon-page .av-catalog__button{
		min-height: 68px;
		padding: 0 16px;
		font-size: 10px;
	}

	#aventon-page .av-catalog__marquee > div{
		padding: 18px 0;
		font-size: 48px;
	}
}

@media (max-width: 620px) {
	#aventon-page .av-system-scene__top{
		top: 42px !important;
		right: 70px !important;
		left: 14px !important;
		min-height: 44px;
		align-items: flex-start;
		padding-bottom: 10px;
	}

	#aventon-page .av-system-scene__top > span{
		display: none !important;
	}

	#aventon-page .av-system-scene__top > strong{
		display: block;
		max-width: 100%;
		margin-left: 0;
		color: rgba(244,242,235,.88);
		font-size: 15px;
		line-height: 1.22;
		letter-spacing: -.01em;
		text-align: left;
		overflow-wrap: anywhere;
	}

	#aventon-page .av-system-scene__progress{
		top: 103px !important;
		right: 14px !important;
		bottom: auto !important;
		left: auto !important;
		display: flex;
		flex-direction: column;
		gap: 7px;
	}

	#aventon-page .av-system-scene__progress span{
		min-width: 31px;
		padding: 0 0 0 9px;
		border-top: 0;
		border-left: 1px solid rgba(244,242,235,.22);
		font-size: 8px;
		line-height: 1.8;
		text-align: left;
	}

	#aventon-page .av-system-scene__progress span.is-active{
		border-left-color: var(--accent);
	}


	#aventon-page .av-model-scene__sticky{
		min-height: 720px;
	}

	#aventon-page .av-model-scene__bike{
		top: 27% !important;
		left: 50% !important;
		max-width: 94vw !important;
		max-height: 31svh !important;
		transform: translate(-50%, -50%) scale(.98);
	}

	#aventon-page .av-model-scene__bike.is-active{
		transform: translate(-50%, -50%) scale(1);
	}

	#aventon-page .av-model-scene__fallback{
		top: 27% !important;
		left: 50% !important;
	}

	#aventon-page .av-model-scene__top{
		top: 18px;
		right: 14px;
		left: 14px;
	}

	#aventon-page .av-model-scene__top > span{
		max-width: 48%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	#aventon-page .av-model-scene__progress{
		top: 54px;
		right: 14px;
	}

	#aventon-page .av-model-step{
		min-height: 100svh;
		align-items: flex-start;
		justify-content: stretch;
		padding: 52svh 14px 24px;
		opacity: 0;
	}

	#aventon-page .av-model-step.is-active{
		opacity: 1;
	}


	#aventon-page .av-connect__list li{
		display: grid;
		padding: 18px 0;
		grid-template-columns: 28px
			minmax(126px, 38%)
			minmax(0, 1fr);
		column-gap: 12px;
		align-items: start;
	}

	#aventon-page .av-connect__list li > span{
		grid-column: 1;
		padding-top: 3px;
	}

	#aventon-page .av-connect__list li > div{
		display: contents;
	}

	#aventon-page .av-connect__list strong{
		grid-column: 2;
		margin: 0;
		padding-top: 0;
		font-size: 14px;
		line-height: 1.35;
	}

	#aventon-page .av-connect__list small{
		grid-column: 3;
		margin: 0;
		padding-top: 1px;
		font-size: 11px;
		line-height: 1.48;
		letter-spacing: .08em;
		overflow-wrap: anywhere;
	}

	#aventon-page .av-connect__summary{
		margin-top: 28px;
	}
}

@media (max-width: 430px) {
	#aventon-page .av-connect__list li{
		grid-template-columns: 25px
			108px
			minmax(0, 1fr);
		column-gap: 9px;
	}

	#aventon-page .av-connect__list strong{
		font-size: 13px;
	}

	#aventon-page .av-connect__list small{
		font-size: 10px;
		letter-spacing: .055em;
	}

	#aventon-page .av-model-step{
		padding-right: 10px;
		padding-left: 10px;
	}


}


#aventon-page .av-system-scene__top > strong{
	opacity: 1;
	transform: translateY(0);
	transition: opacity 240ms ease,
		transform 360ms cubic-bezier(.2,.7,.2,1);
}

#aventon-page .av-system-scene__top.is-changing > strong{
	opacity: 0;
	transform: translateY(-7px);
}


@keyframes av-tech-hotspot-in {
	0% {
		opacity: 0;
		transform: translateY(8px) scale(.8);
	}

	100% {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

#aventon-page .av-system-scene__progress span{
	transition: color 280ms ease,
		border-color 280ms ease,
		opacity 280ms ease,
		transform 360ms cubic-bezier(.2,.7,.2,1);
}

#aventon-page .av-system-scene__progress span.is-active{
	transform: translateX(3px);
}


@media (prefers-reduced-motion: reduce) {
	#aventon-page .av-system-scene__top > strong, #aventon-page .av-system-scene__progress span{
		animation: none !important;
		transition: none !important;
	}
}

#aventon-page .av-system-steps--physical{
	position: relative;
	z-index: 4;
	display: block !important;
}

#aventon-page .av-system-steps--physical .av-system-trigger{
	display: flex;
	min-height: 100svh;
	align-items: flex-end;
	justify-content: flex-end;
	padding-bottom: 8svh;
	opacity: .18;
	transition: opacity 280ms ease;
}

#aventon-page .av-system-steps--physical .av-system-trigger.is-active{
	opacity: 1;
}


@media (max-width: 720px) {
	#aventon-page .av-system-scene__sticky{
		min-height: 720px;
	}


	#aventon-page .av-system-steps--physical .av-system-trigger{
		min-height: 100svh;
		align-items: flex-start;
		justify-content: stretch;
		padding: 52svh 14px 24px;
		opacity: 0;
	}

	#aventon-page .av-system-steps--physical .av-system-trigger.is-active{
		opacity: 1;
	}


}

@media (max-width: 430px) {
	#aventon-page .av-system-steps--physical .av-system-trigger{
		padding-right: 10px;
		padding-left: 10px;
	}


}

@media (max-width: 620px) {
	#aventon-page .av-airtime{
		height: auto;
		min-height: 100svh;
		padding: 0;
		overflow: hidden;
	}

	#aventon-page .av-airtime__layout{
		height: auto;
		min-height: 100svh;
		box-sizing: border-box;
		justify-content: space-between;
		padding-top: 32px;
		padding-bottom: 36px;
	}
}

/* =========================================================
   APPROVED TECHNOLOGY CARD PATCH — ORIGINAL STABLE VERSION
   Later model-card and SVG-border experiments intentionally removed.
   ========================================================= */

/* =========================================================
   AVENTON / TECHNOLOGY CARD V1
   Append to the end of /brand/aventon-style.css
   ========================================================= */

@property --av-card-angle {
	syntax: "<angle>";
	inherits: false;
	initial-value: 0deg;
}

#aventon-page .av-system-panel{
	position: relative;
	isolation: isolate;
	overflow: hidden;

	width: 430px;
	max-width: calc(100vw - 64px);
	padding: 30px 30px 0;

	border: 1px solid rgba(216,255,62,.22);
	border-radius: 20px;

	color: #fff;
	background:
		radial-gradient(
			120% 90% at 0% 0%,
			rgba(216,255,62,.055),
			transparent 54%
		),
		linear-gradient(
			180deg,
			rgba(17,20,17,.96),
			rgba(7,9,7,.97)
		);

	box-shadow:
		0 32px 90px rgba(0,0,0,.42),
		inset 0 1px 0 rgba(255,255,255,.045);

	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);

	transform: translateY(24px) scale(.985);
	transform-origin: right bottom;

	transition:
		opacity 340ms ease,
		transform 560ms cubic-bezier(.2,.7,.2,1),
		box-shadow 420ms ease;
}

/* Animated lime trace. Static border remains as a fallback. */
#aventon-page .av-system-panel::before{
	content: "";
	position: absolute;
	z-index: 3;
	inset: -1px;
	padding: 1px;
	border-radius: inherit;
	pointer-events: none;

	background:
		conic-gradient(
			from var(--av-card-angle),
			transparent 0deg 255deg,
			rgba(216,255,62,.12) 275deg,
			rgba(216,255,62,.96) 305deg,
			rgba(216,255,62,.22) 332deg,
			transparent 360deg
		);

	-webkit-mask:
		linear-gradient(#000 0 0) content-box,
		linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;

	mask:
		linear-gradient(#000 0 0) content-box,
		linear-gradient(#000 0 0);
	mask-composite: exclude;

	opacity: .28;
}

/* Short fixed accent on the top edge. */
#aventon-page .av-system-panel::after{
	content: "";
	position: absolute;
	z-index: 4;
	top: -1px;
	left: 30px;
	width: 84px;
	height: 3px;
	border-radius: 0 0 5px 5px;
	pointer-events: none;

	background: var(--accent);
	box-shadow:
		0 0 14px rgba(216,255,62,.34),
		0 0 32px rgba(216,255,62,.12);

	transform: scaleX(.36);
	transform-origin: left center;
	transition: transform 620ms cubic-bezier(.2,.7,.2,1);
}

#aventon-page .av-system-trigger.is-active .av-system-panel{
	transform: translateY(0) scale(1);
	box-shadow:
		0 36px 110px rgba(0,0,0,.5),
		0 0 0 1px rgba(216,255,62,.035),
		inset 0 1px 0 rgba(255,255,255,.055);
}

#aventon-page .av-system-trigger.is-active .av-system-panel::before{
	opacity: .92;
	animation: av-card-border-trace 6.8s linear infinite;
}

#aventon-page .av-system-trigger.is-active .av-system-panel::after{
	transform: scaleX(1);
}

@keyframes av-card-border-trace {
	to {
		--av-card-angle: 360deg;
	}
}

/* Header: chip icon / optional descriptor / step number */
#aventon-page .av-system-panel .av-system-step__head{
	display: grid;
	grid-template-columns: 34px minmax(0,1fr) auto;
	align-items: center;
	gap: 12px;
	margin-bottom: 38px;
}

/* CSS-only microchip icon */


#aventon-page .av-system-panel .av-step__number{
	grid-column: 3;
	grid-row: 1;
	margin: 0;
	color: var(--accent);
	font-size: 9px;
	font-weight: 750;
	letter-spacing: .16em;
}

#aventon-page .av-system-panel .av-system-step__head > span{
	grid-column: 2;
	grid-row: 1;
	color: rgba(255,255,255,.47);
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .15em;
	text-align: left;
}

/* Optional: wrap the technology name in this span */
#aventon-page .av-system-panel__accent{
	display: inline;
	color: var(--accent);
}

#aventon-page .av-system-panel h3{
	max-width: 360px;
	margin: 0 0 22px;
	color: #fff;
	font-size: clamp(34px,2.9vw,46px);
	font-weight: 540;
	letter-spacing: -.042em;
	line-height: 1.01;
}

#aventon-page .av-system-panel h3::after{
	content: "";
	display: block;
	width: 54px;
	height: 2px;
	margin-top: 22px;
	background: var(--accent);
	box-shadow: 0 0 14px rgba(216,255,62,.2);
}

#aventon-page .av-system-panel > p{
	margin: 0 0 32px;
	color: rgba(255,255,255,.78);
	font-size: 14px;
	line-height: 1.68;
}

/* Bottom technical strip */
#aventon-page .av-system-panel dl{
	display: grid;
	margin: 0 -30px;
	padding: 20px 30px 22px;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 18px;

	border-top: 1px solid rgba(255,255,255,.1);
	background: rgba(255,255,255,.018);
}

#aventon-page .av-system-panel dl div{
	min-width: 0;
	padding: 0;
	border: 0;
}

#aventon-page .av-system-panel dt, #aventon-page .av-system-panel dd{
	margin: 0;
	font-size: 8px;
	font-weight: 720;
	letter-spacing: .12em;
	overflow-wrap: anywhere;
}

#aventon-page .av-system-panel dt{
	margin-bottom: 7px;
	color: rgba(255,255,255,.4);
}

#aventon-page .av-system-panel dd{
	color: rgba(255,255,255,.92);
}

/* Mobile */
@media (max-width:720px) {
	#aventon-page .av-system-panel{
		width: 100%;
		max-width: none;
		min-height: calc(48svh - 24px);
		padding: 24px 22px 0;
		border-radius: 16px;
		background:
			radial-gradient(
				120% 80% at 0% 0%,
				rgba(216,255,62,.045),
				transparent 50%
			),
			linear-gradient(
				180deg,
				rgba(14,17,14,.97),
				rgba(7,9,7,.98)
			);
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}

	#aventon-page .av-system-panel::after{
		left: 22px;
		width: 68px;
	}

	#aventon-page .av-system-panel .av-system-step__head{
		grid-template-columns: 30px minmax(0,1fr) auto;
		gap: 10px;
		margin-bottom: 24px;
	}


	#aventon-page .av-system-panel h3{
		max-width: none;
		margin-bottom: 18px;
		font-size: 32px;
		line-height: 1.02;
	}

	#aventon-page .av-system-panel h3::after{
		margin-top: 17px;
	}

	#aventon-page .av-system-panel > p{
		margin-bottom: 22px;
		font-size: 14px;
		line-height: 1.57;
	}

	#aventon-page .av-system-panel dl{
		margin: 0 -22px;
		padding: 17px 22px 20px;
		gap: 14px;
	}
}

@media (max-width:430px) {
	#aventon-page .av-system-panel{
		padding-right: 18px;
		padding-left: 18px;
	}

	#aventon-page .av-system-panel::after{
		left: 18px;
	}

	#aventon-page .av-system-panel h3{
		font-size: 30px;
	}

	#aventon-page .av-system-panel dl{
		margin-right: -18px;
		margin-left: -18px;
		padding-right: 18px;
		padding-left: 18px;
	}
}

@media (prefers-reduced-motion:reduce) {
	#aventon-page .av-system-trigger.is-active .av-system-panel::before{
		animation: none;
	}
}

/* =========================================================
   AVENTON / MODEL CARDS — MATCH TECHNOLOGY CARD LANGUAGE
   Uses the same approved perimeter animation and timing logic.
   ========================================================= */

#aventon-page .av-model-step__panel{
	position: relative;
	isolation: isolate;
	overflow: hidden;

	width: min(430px,36vw);
	padding: 30px 30px 0;

	border: 1px solid rgba(76,86,8,.24);
	border-radius: 20px;

	color: #121411;
	background:
		radial-gradient(
			120% 90% at 0% 0%,
			rgba(89,98,11,.10),
			transparent 54%
		),
		linear-gradient(
			180deg,
			rgba(239,237,228,.84),
			rgba(222,219,207,.88)
		);

	box-shadow:
		0 32px 84px rgba(18,20,17,.17),
		inset 0 1px 0 rgba(255,255,255,.58);

	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);

	transform: translateY(24px) scale(.985);
	transform-origin: right bottom;

	transition:
		opacity 340ms ease,
		transform 560ms cubic-bezier(.2,.7,.2,1),
		box-shadow 420ms ease;
}

/* Exact analogue of the approved technology-card trace. */
#aventon-page .av-model-step__panel::before{
	content: "";
	position: absolute;
	z-index: 3;
	inset: -1px;
	padding: 1px;
	border-radius: inherit;
	pointer-events: none;

	background:
		conic-gradient(
			from var(--av-card-angle),
			transparent 0deg 250deg,
			rgba(73,84,7,.16) 272deg,
			rgba(67,79,5,.96) 305deg,
			rgba(89,101,9,.28) 334deg,
			transparent 360deg
		);

	-webkit-mask:
		linear-gradient(#000 0 0) content-box,
		linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;

	mask:
		linear-gradient(#000 0 0) content-box,
		linear-gradient(#000 0 0);
	mask-composite: exclude;

	opacity: .30;
}

/* Same fixed top accent, adapted to the beige/olive section. */
#aventon-page .av-model-step__panel::after{
	content: "";
	position: absolute;
	z-index: 4;
	top: -1px;
	left: 30px;
	width: 84px;
	height: 3px;
	border-radius: 0 0 5px 5px;
	pointer-events: none;

	background: #59620b;
	box-shadow:
		0 0 13px rgba(89,98,11,.26),
		0 0 28px rgba(89,98,11,.10);

	transform: scaleX(.36);
	transform-origin: left center;
	transition: transform 620ms cubic-bezier(.2,.7,.2,1);
}

#aventon-page .av-model-step.is-active .av-model-step__panel{
	transform: translateY(0) scale(1);
	box-shadow:
		0 36px 100px rgba(18,20,17,.20),
		0 0 0 1px rgba(76,86,8,.035),
		inset 0 1px 0 rgba(255,255,255,.66);
}

#aventon-page .av-model-step.is-active .av-model-step__panel::before{
	opacity: .96;
	animation: av-card-border-trace 7.4s linear infinite;
}

#aventon-page .av-model-step.is-active .av-model-step__panel::after{
	transform: scaleX(1);
}

/* Header */
#aventon-page .av-model-step__panel .av-ride__code{
	display: grid;
	grid-template-columns: 34px minmax(0,1fr);
	align-items: center;
	gap: 12px;
	margin: 0 0 38px;

	color: #59620b;
	font-size: 9px;
	font-weight: 750;
	letter-spacing: .16em;
}

/* Small bike/system icon, built in CSS so PHP stays untouched. */


#aventon-page .av-model-step__panel h3{
	max-width: 370px;
	margin: 0 0 22px;
	color: #111411;
	font-size: clamp(34px,2.9vw,46px);
	font-weight: 540;
	letter-spacing: -.042em;
	line-height: 1.01;
}

#aventon-page .av-model-step__panel h3::after{
	content: "";
	display: block;
	width: 54px;
	height: 2px;
	margin-top: 22px;
	background: #59620b;
	box-shadow: 0 0 13px rgba(89,98,11,.16);
}

#aventon-page .av-model-step__panel > p:not(.av-ride__code){
	margin: 0 0 32px;
	color: rgba(35,42,35,.86);
	font-size: 14px;
	line-height: 1.68;
}

/* Three-column technical strip, analogous to technology-card dl. */
#aventon-page .av-model-step__panel ul{
	display: grid;
	margin: 0 -30px;
	padding: 0 30px;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 0;

	border-top: 1px solid rgba(18,20,17,.11);
	background: rgba(255,255,255,.14);

	list-style: none;
	color: #343b34;
}

#aventon-page .av-model-step__panel ul li{
	display: flex;
	min-width: 0;
	min-height: 72px;
	align-items: center;
	padding: 18px 12px;

	font-size: 8px;
	font-weight: 720;
	letter-spacing: .115em;
	line-height: 1.38;
	overflow-wrap: anywhere;
}

#aventon-page .av-model-step__panel ul li + li{
	border-left: 1px solid rgba(18,20,17,.09);
}

/* Current card CTA becomes the lower footer of the same card. */
#aventon-page .av-model-step__panel .av-inline-link--model{
	position: static;
	display: flex;
	margin: 0 -30px;
	padding: 18px 30px 20px;

	border-top: 1px solid rgba(18,20,17,.11);
	background: rgba(89,98,11,.035);

	color: #202620;
	font-size: 10px;
	letter-spacing: .07em;
}

#aventon-page .av-model-step__panel .av-inline-link--model:hover{
	border-color: rgba(18,20,17,.11);
	color: #59620b;
	background: rgba(89,98,11,.075);
}

@media (max-width:980px) {
	#aventon-page .av-model-step__panel{
		width: min(430px,50vw);
	}
}

@media (max-width:720px) {
	#aventon-page .av-model-step__panel{
		width: 100%;
		max-width: none;
		min-height: calc(48svh - 24px);
		padding: 24px 22px 0;

		border: 1px solid rgba(76,86,8,.24);
		border-radius: 16px;

		background:
			radial-gradient(
				120% 80% at 0% 0%,
				rgba(89,98,11,.075),
				transparent 50%
			),
			linear-gradient(
				180deg,
				rgba(239,237,228,.97),
				rgba(225,222,211,.98)
			);

		box-shadow:
			0 22px 52px rgba(18,20,17,.14),
			inset 0 1px 0 rgba(255,255,255,.66);

		/* Matches the stable technology card on mobile. */
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}

	#aventon-page .av-model-step__panel::after{
		left: 22px;
		width: 68px;
	}

	#aventon-page .av-model-step__panel .av-ride__code{
		grid-template-columns: 30px minmax(0,1fr);
		gap: 10px;
		margin-bottom: 24px;
	}


	#aventon-page .av-model-step__panel h3{
		max-width: none;
		margin-bottom: 18px;
		font-size: 32px;
		line-height: 1.02;
	}

	#aventon-page .av-model-step__panel h3::after{
		margin-top: 17px;
	}

	#aventon-page .av-model-step__panel > p:not(.av-ride__code){
		margin-bottom: 22px;
		font-size: 14px;
		line-height: 1.57;
	}

	#aventon-page .av-model-step__panel ul{
		margin: 0 -22px;
		padding: 0 22px;
	}

	#aventon-page .av-model-step__panel ul li{
		min-height: 66px;
		padding: 15px 8px;
		font-size: 7px;
		letter-spacing: .09em;
	}

	#aventon-page .av-model-step__panel .av-inline-link--model{
		margin: 0 -22px;
		padding: 17px 22px 19px;
	}
}

@media (max-width:430px) {
	#aventon-page .av-model-step__panel{
		padding-right: 18px;
		padding-left: 18px;
	}

	#aventon-page .av-model-step__panel::after{
		left: 18px;
	}

	#aventon-page .av-model-step__panel h3{
		font-size: 30px;
	}

	#aventon-page .av-model-step__panel ul{
		margin-right: -18px;
		margin-left: -18px;
		padding-right: 18px;
		padding-left: 18px;
	}

	#aventon-page .av-model-step__panel .av-inline-link--model{
		margin-right: -18px;
		margin-left: -18px;
		padding-right: 18px;
		padding-left: 18px;
	}
}

@media (prefers-reduced-motion:reduce) {
	#aventon-page .av-model-step.is-active .av-model-step__panel::before{
		animation: none;
	}
}

/* =========================================================
   AVENTON / CARD HEADERS — REMOVE DECORATIVE ICONS
   Keeps the approved card animation and all timings intact.
   ========================================================= */

/* Technology cards */
#aventon-page .av-system-panel .av-system-step__head{
	grid-template-columns: minmax(0,1fr) auto;
	gap: 16px;
}


#aventon-page .av-system-panel .av-system-step__head > span{
	grid-column: 1;
	grid-row: 1;
}

#aventon-page .av-system-panel .av-step__number{
	grid-column: 2;
	grid-row: 1;
}

/* Model cards */
#aventon-page .av-model-step__panel .av-ride__code{
	display: block;
	margin-bottom: 38px;
}


@media (max-width:720px) {
	#aventon-page .av-system-panel .av-system-step__head{
		grid-template-columns: minmax(0,1fr) auto;
		gap: 12px;
	}

	#aventon-page .av-model-step__panel .av-ride__code{
		margin-bottom: 24px;
	}
}
/* =========================================================
   AVENTON / TECHNOLOGY CAMERA VIEWS
   Пять прозрачных ракурсов, переключаемых существующим JS
   ========================================================= */

#aventon-page .av-system-scene__states{
	position: absolute;
	z-index: 4;
	top: 51%;
	left: 43%;

	width: min(74vw, 1320px);
	height: min(76svh, 820px);

	perspective: 1400px;
	transform: translate(-50%, -50%);
	transform-style: preserve-3d;

	pointer-events: none;
}

#aventon-page .av-system-scene__state{
	--av-tech-shift-x: 0px;
	--av-tech-shift-y: 14px;

	position: absolute;
	inset: 0;
	z-index: 1;

	display: grid;
	place-items: center;

	/* Убирает старые фоновые изображения. */
	background: none !important;
	background-image: none !important;

	opacity: 0;

	filter:
		blur(2.5px)
		drop-shadow(0 38px 34px rgba(0,0,0,.42));

	transform:
		translate3d(
			var(--av-tech-shift-x),
			var(--av-tech-shift-y),
			0
		)
		scale(.965);

	transform-origin: 48% 52%;
	backface-visibility: hidden;
	will-change: opacity, transform, filter;

	transition:
		opacity 460ms ease,
		transform 680ms cubic-bezier(.2,.72,.2,1),
		filter 480ms ease;
}

#aventon-page .av-system-scene__state img{
	display: block;
	width: 100%;
	height: 100%;

	object-fit: contain;
	object-position: center;

	user-select: none;
	-webkit-user-drag: none;
}

/*
 * Небольшое разное направление входа создаёт ощущение
 * смены камеры, а не обычного слайд-шоу.
 */

#aventon-page .av-system-scene__state--01{
	--av-tech-shift-x: -20px;
	--av-tech-shift-y: 10px;
}

#aventon-page .av-system-scene__state--02{
	--av-tech-shift-x: 18px;
	--av-tech-shift-y: 2px;
}

#aventon-page .av-system-scene__state--03{
	--av-tech-shift-x: -14px;
	--av-tech-shift-y: -7px;
}

#aventon-page .av-system-scene__state--04{
	--av-tech-shift-x: 0px;
	--av-tech-shift-y: 18px;
}

#aventon-page .av-system-scene__state--05{
	--av-tech-shift-x: 22px;
	--av-tech-shift-y: -8px;
}

#aventon-page .av-system-scene__state.is-active{
	z-index: 2;
	opacity: 1;

	filter:
		blur(0)
		drop-shadow(0 44px 40px rgba(0,0,0,.5));

	transform: translate3d(0,0,0) scale(1);
}

/* Планшеты */

@media (max-width:980px) {
	#aventon-page .av-system-scene__states{
		left: 42%;
		width: 84vw;
		height: min(66svh, 700px);
	}
}

/*
 * На мобильных убираем blur:
 * он заметно нагружает sticky-блок во время скролла.
 */

@media (max-width:720px) {
	#aventon-page .av-system-scene__states{
		top: 38%;
		left: 50%;

		width: 98vw;
		height: min(46svh, 440px);

		transform: translate(-50%, -50%);
	}

	#aventon-page .av-system-scene__state{
		--av-tech-shift-x: 0px;
		--av-tech-shift-y: 10px;

		filter:
			blur(0)
			drop-shadow(0 20px 22px rgba(0,0,0,.36));

		transform:
			translate3d(
				var(--av-tech-shift-x),
				var(--av-tech-shift-y),
				0
			)
			scale(.98);

		transition:
			opacity 380ms ease,
			transform 500ms cubic-bezier(.2,.72,.2,1);
	}

	#aventon-page .av-system-scene__state.is-active{
		filter:
			blur(0)
			drop-shadow(0 24px 26px rgba(0,0,0,.42));

		transform: translate3d(0,0,0) scale(1);
	}
}

@media (prefers-reduced-motion:reduce) {
	#aventon-page .av-system-scene__state{
		transition: none;
		transform: none;
		filter: none;
	}

	#aventon-page .av-system-scene__state.is-active{
		transform: none;
		filter: none;
	}
}
/* =========================================================
   AVENTON / TECHNOLOGY VIEW SCALE CORRECTION
   Выравнивание визуального размера разных ракурсов
   ========================================================= */

#aventon-page .av-system-scene__state{
	--av-tech-img-scale: 1;
	--av-tech-img-x: 0%;
	--av-tech-img-y: 0%;
}

#aventon-page .av-system-scene__state img{
	transform:
		translate3d(
			var(--av-tech-img-x),
			var(--av-tech-img-y),
			0
		)
		scale(var(--av-tech-img-scale));

	transform-origin: center;
}

/* ACU / общий ракурс */

#aventon-page .av-system-scene__state--01{
	--av-tech-img-scale: 1;
}

/* Ultro X / боковой ракурс */

#aventon-page .av-system-scene__state--02{
	--av-tech-img-scale: 1.03;
}

/* Smart Security / задний три четверти */

#aventon-page .av-system-scene__state--03{
	--av-tech-img-scale: 1.06;
}

/* GPS / вид сверху */

#aventon-page .av-system-scene__state--04{
	--av-tech-img-scale: 1.52;
	--av-tech-img-x: -4%;
	--av-tech-img-y: 1%;
}

/* E-Shift / фронтальный ракурс */

#aventon-page .av-system-scene__state--05{
	--av-tech-img-scale: 1.34;
	--av-tech-img-x: -3%;
	--av-tech-img-y: 2%;
}

/* Мобильная версия */

@media (max-width:720px) {
	#aventon-page .av-system-scene__state--01{
		--av-tech-img-scale: 1;
	}

	#aventon-page .av-system-scene__state--02{
		--av-tech-img-scale: 1.02;
	}

	#aventon-page .av-system-scene__state--03{
		--av-tech-img-scale: 1.04;
	}

	#aventon-page .av-system-scene__state--04{
		--av-tech-img-scale: 1.42;
		--av-tech-img-x: 0%;
		--av-tech-img-y: 2%;
	}

	#aventon-page .av-system-scene__state--05{
		--av-tech-img-scale: 1.18;
		--av-tech-img-x: 0%;
		--av-tech-img-y: 2%;
	}
}
/* Technology hotspots removed */