.cax--hero .cax-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 15px 24px;
	border: 0;
	border-radius: 999px;
	font-size: 1rem;
	font-weight: 700;
	font-stretch: 106%;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	overflow: hidden;
	isolation: isolate;
	transition: transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease, background-color .2s ease, color .2s ease;
}
.cax--hero .cax-btn svg { width: 16px; height: 16px; flex: none; transition: transform .3s cubic-bezier(.2,.8,.2,1); }
.cax--hero .cax-btn::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, .45) 50%, transparent 70%);
	translate: -120% 0;
	transition: translate .7s ease;
}
.cax--hero .cax-btn:hover { transform: translateY(-3px); }
.cax--hero .cax-btn:hover::after { translate: 120% 0; }
.cax--hero .cax-btn:hover svg { transform: translate(3px, -3px); }
.cax--hero .cax-btn--orange { background: var(--orange); color: #fff; box-shadow: 0 12px 30px -12px rgba(252, 90, 3, .8); }
.cax--hero .cax-btn--orange:hover { color: #fff; box-shadow: 0 18px 40px -12px rgba(252, 90, 3, .95); }
.cax--hero .cax-btn--blue { background: var(--blue); color: #fff; box-shadow: 0 12px 30px -12px rgba(21, 87, 201, .9); }
.cax--hero .cax-btn--blue:hover { color: #fff; box-shadow: 0 18px 40px -12px rgba(47, 123, 255, .95); }
.cax--hero .cax-btn--ghost { background: rgba(255, 255, 255, .04); color: #fff; box-shadow: inset 0 0 0 1.5px var(--line-2); }
.cax--hero .cax-btn--ghost:hover { color: #fff; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .5); }
@keyframes cax-hero-rot {to { rotate: 360deg; }}
@keyframes cax-hero-up {from { opacity: 0; translate: 0 26px; }}
.cax--hero [data-cax-tilt] {
	transform: perspective(1200px) rotateX(var(--tx, 0deg)) rotateY(var(--ty, 0deg));
	transition: transform .7s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease, border-color .4s ease;
}
.cax--hero [data-cax-tilt].is-tilting { transition: transform .12s linear, box-shadow .4s ease, border-color .4s ease; }
@media (prefers-reduced-motion: reduce) {
	.cax--hero *, .cax--hero *::before, .cax--hero *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
.cax--hero .cax-hero {
	--mx: 70%;
	--my: 30%;
	position: relative;
	padding: 112px 0 0;
	isolation: isolate;
	overflow: hidden;
}
.cax--hero .cax-hero__bg { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.cax--hero .cax-hero__bg::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
	radial-gradient(640px circle at var(--mx) var(--my), rgba(47, 123, 255, .16), transparent 60%),
	radial-gradient(900px 600px at 85% 10%, rgba(21, 87, 201, .28), transparent 65%),
	radial-gradient(700px 520px at 0% 90%, rgba(252, 90, 3, .16), transparent 65%);
}
.cax--hero .cax-hero__bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background-image: radial-gradient(rgba(255, 255, 255, .22) 1px, transparent 1.6px);
	background-size: 34px 34px;
	-webkit-mask-image: radial-gradient(ellipse 70% 60% at 60% 35%, #000, transparent 75%);
	mask-image: radial-gradient(ellipse 70% 60% at 60% 35%, #000, transparent 75%);
	opacity: .5;
}
.cax--hero .cax-floor {
	position: absolute;
	left: -30%;
	right: -30%;
	bottom: 0;
	height: 55%;
	background-image:
	linear-gradient(rgba(111, 164, 255, .16) 1px, transparent 1px),
	linear-gradient(90deg, rgba(111, 164, 255, .16) 1px, transparent 1px);
	background-size: 64px 64px;
	transform: perspective(600px) rotateX(66deg);
	transform-origin: 50% 100%;
	-webkit-mask-image: linear-gradient(to top, transparent 0, #000 25%, transparent 90%);
	mask-image: linear-gradient(to top, transparent 0, #000 25%, transparent 90%);
	animation: cax-hero-floor 6s linear infinite;
}
@keyframes cax-hero-floor {to { background-position: 0 64px, 0 0; }}
.cax--hero .cax-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.02fr); align-items: center; gap: clamp(24px, 4vw, 56px); }
.cax--hero .cax-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px; }
.cax--hero .cax-chips li {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 13px;
	border: 1px solid var(--line-2);
	border-radius: 999px;
	background: rgba(255, 255, 255, .04);
	font-size: .86rem;
	font-weight: 560;
	color: var(--soft);
}
.cax--hero .cax-chips svg { width: 15px; height: 15px; color: var(--blue-2); }
.cax--hero .cax-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 4px rgba(252, 90, 3, .2), 0 0 14px var(--orange); animation: cax-hero-pulse 2.4s ease-in-out infinite; }
@keyframes cax-hero-pulse {50% { box-shadow: 0 0 0 7px rgba(252, 90, 3, .05), 0 0 18px var(--orange); }}
.cax--hero .cax-h1 { font-weight: 400; }
.cax--hero .cax-h1__name {
	display: block;
	font-size: clamp(2.5rem, 4.7vw, 4.1rem);
	font-weight: 800;
	font-stretch: 110%;
	line-height: 1.02;
	letter-spacing: -0.024em;
	color: #fff;
	background: linear-gradient(180deg, #FFFFFF 35%, #BFD3FF);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(0 10px 30px rgba(47, 123, 255, .22));
}
.cax--hero .cax-nb { white-space: nowrap; }
.cax--hero .cax-h1__rest { display: block; margin-top: 16px; max-width: 40ch; font-size: clamp(1.1rem, 1.6vw, 1.32rem); font-weight: 500; line-height: 1.4; color: var(--soft); text-wrap: balance; }
.cax--hero .cax-h1__dt, .cax--hero .cax-h1__cx { font-weight: 680; white-space: nowrap; }
.cax--hero .cax-h1__dt { color: var(--orange); }
.cax--hero .cax-h1__cx { color: var(--blue-2); }
.cax--hero .cax-hero__intro { margin-top: 20px; max-width: 52ch; color: var(--muted); font-size: 1.04rem; line-height: 1.65; }
.cax--hero .cax-hero__actions { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 12px; }
.cax--hero .cax-hero__actions .cax-btn { padding: 13px 22px; }
.cax--hero .cax-scene {
	--cax-rx: 0deg;
	--cax-ry: 0deg;
	position: relative;
	width: 100%;
	max-width: 540px;
	aspect-ratio: 1 / .8;
	justify-self: center;
	container-type: inline-size;
	perspective: 1500px;
	perspective-origin: 50% 20%;
}
.cax--hero .cax-scene__glow {
	position: absolute;
	left: 50%;
	top: 46%;
	width: 80%;
	aspect-ratio: 1;
	translate: -50% -50%;
	background: radial-gradient(closest-side, rgba(47, 123, 255, .35), rgba(252, 90, 3, .08) 55%, transparent 75%);
	filter: blur(10px);
	animation: cax-hero-breathe 6s ease-in-out infinite;
}
@keyframes cax-hero-breathe {50% { opacity: .65; scale: .92; }}
.cax--hero .cax-scene__gear {
	position: absolute;
	left: 50%;
	top: 38%;
	width: 74%;
	translate: -50% -50%;
	color: rgba(111, 164, 255, .14);
	animation: cax-hero-rot 60s linear infinite;
}
.cax--hero .cax-tilt { position: absolute; inset: 0; transform-style: preserve-3d; transform: rotateX(var(--cax-rx)) rotateY(var(--cax-ry)); }
.cax--hero .cax-sys { position: absolute; left: 50%; top: 69%; width: 0; height: 0; transform-style: preserve-3d; transform: rotateX(72deg); }
.cax--hero .cax-ring {
	position: absolute;
	left: calc(var(--r) * -1);
	top: calc(var(--r) * -1);
	width: calc(var(--r) * 2);
	height: calc(var(--r) * 2);
	border-radius: 50%;
}
.cax--hero .cax-ring--outer { --r: 40cqw; border: 2px dashed rgba(111, 164, 255, .35); }
.cax--hero .cax-ring--inner { --r: 25cqw; border: 1.5px solid rgba(255, 255, 255, .1); box-shadow: 0 0 40px rgba(47, 123, 255, .25), inset 0 0 40px rgba(47, 123, 255, .2); }
.cax--hero .cax-ring--disc { --r: 14cqw; background: radial-gradient(closest-side, rgba(47, 123, 255, .45), transparent); }
.cax--hero .cax-spin, .cax--hero .cax-spin-rev { position: absolute; left: 0; top: 0; transform-style: preserve-3d; animation: cax-hero-spin 30s linear infinite; }
.cax--hero .cax-spin-rev { animation-name: cax-hero-spin-back; animation-duration: 14s; }
@keyframes cax-hero-spin {to { transform: rotateZ(360deg); }}
@keyframes cax-hero-spin-back {to { transform: rotateZ(-360deg); }}
.cax--hero .cax-trail {
	--r: 40cqw;
	background: conic-gradient(from 0deg, transparent 0deg 22deg, rgba(252, 90, 3, 0) 22deg, rgba(252, 90, 3, .95) 88deg, transparent 89deg 202deg, rgba(111, 164, 255, 0) 202deg, rgba(111, 164, 255, .95) 268deg, transparent 269deg);
	-webkit-mask-image: radial-gradient(closest-side, transparent 96.5%, #000 97.5%, #000 100%, transparent 100.5%);
	mask-image: radial-gradient(closest-side, transparent 96.5%, #000 97.5%, #000 100%, transparent 100.5%);
	filter: drop-shadow(0 0 6px rgba(255, 255, 255, .6));
}
.cax--hero .cax-orb { position: absolute; left: 0; top: 0; width: 2cqw; height: 2cqw; margin: -1cqw 0 0 -1cqw; border-radius: 50%; transform: rotateZ(var(--a)) translateX(25cqw); }
.cax--hero .cax-orb--o { background: var(--orange); box-shadow: 0 0 12px 3px rgba(252, 90, 3, .8); }
.cax--hero .cax-orb--b { background: var(--blue-2); box-shadow: 0 0 12px 3px rgba(111, 164, 255, .8); }
.cax--hero .cax-orb--w { background: #fff; box-shadow: 0 0 12px 3px rgba(255, 255, 255, .7); width: 1.4cqw; height: 1.4cqw; margin: -.7cqw 0 0 -.7cqw; }
.cax--hero .cax-sat { position: absolute; left: 0; top: 0; transform-style: preserve-3d; transform: rotateZ(var(--a)) translateX(var(--r, 40cqw)); }
.cax--hero .cax-face { transform-style: preserve-3d; transform: rotateZ(calc(var(--a) * -1)); }
.cax--hero .cax-counter { transform-style: preserve-3d; animation: cax-hero-spin-back 30s linear infinite; }
.cax--hero .cax-stand { position: absolute; left: 0; bottom: 0; transform-style: preserve-3d; transform-origin: 50% 100%; transform: translateX(-50%) translateZ(var(--lift, 0px)) rotateX(-72deg); }
.cax--hero .cax-card3d, .cax--hero .cax-pill3d { animation: cax-hero-depth 30s linear var(--d, 0s) infinite; }
@keyframes cax-hero-depth {
	0%, 100% { filter: brightness(.82); }
	25% { filter: brightness(1.08); }
	50% { filter: brightness(.82); }
	75% { filter: brightness(.5); }
}
.cax--hero .cax-card3d {
	position: relative;
	width: 31cqw;
	padding: 2.8cqw 3cqw;
	border-radius: 3.4cqw;
	background: linear-gradient(160deg, #13275A, #0A1631 70%);
	border: 1px solid rgba(255, 255, 255, .14);
	box-shadow: 0 2.4cqw 5cqw -1.6cqw rgba(0, 0, 0, .7), inset 0 1px 0 rgba(255, 255, 255, .12);
	color: #fff;
}
.cax--hero .cax-card3d::before { content: ""; position: absolute; left: 12%; right: 12%; top: -1px; height: 2px; border-radius: 2px; background: var(--c); box-shadow: 0 0 14px 2px var(--c); }
.cax--hero .cax-card3d--o { --c: var(--orange); }
.cax--hero .cax-card3d--b { --c: var(--blue-2); }
.cax--hero .cax-card3d__icon { display: grid; place-items: center; width: 6.4cqw; height: 6.4cqw; border-radius: 1.8cqw; background: color-mix(in srgb, var(--c) 18%, transparent); color: var(--c); margin-bottom: 1.8cqw; }
.cax--hero .cax-card3d__icon svg { width: 3.6cqw; height: 3.6cqw; }
.cax--hero .cax-card3d b { display: block; font-size: clamp(10px, 2.9cqw, 16px); font-weight: 760; font-stretch: 108%; line-height: 1.15; }
.cax--hero .cax-card3d span { display: block; margin-top: .8cqw; font-size: clamp(9px, 2.15cqw, 12.5px); line-height: 1.35; color: var(--soft); }
.cax--hero .cax-card3d em { display: block; margin-top: 1.4cqw; font-style: normal; white-space: nowrap; font-size: clamp(8.5px, 1.85cqw, 11px); font-weight: 650; color: var(--c); }
.cax--hero .cax-pill3d {
	position: relative;
	display: block;
	white-space: nowrap;
	padding: 1.3cqw 2.4cqw;
	border-radius: 999px;
	background: #0E1D3F;
	border: 1px solid color-mix(in srgb, var(--c) 55%, transparent);
	box-shadow: 0 0 18px -4px var(--c);
	color: #fff;
	font-size: clamp(9px, 2.1cqw, 12.5px);
	font-weight: 650;
}
.cax--hero .cax-pill3d--o { --c: var(--orange); }
.cax--hero .cax-pill3d--b { --c: var(--blue-2); }
.cax--hero .cax-core { position: absolute; left: 0; bottom: 0; width: 40cqw; transform-style: preserve-3d; transform-origin: 50% 100%; transform: translateX(-50%) translateZ(20cqw) rotateX(-72deg); animation: cax-hero-core-bob 6s ease-in-out infinite; }
@keyframes cax-hero-core-bob {50% { transform: translateX(-50%) translateZ(22.5cqw) rotateX(-72deg); }}
.cax--hero .cax-plate {
	position: relative;
	width: 100%;
	padding: 8.4cqw 3.6cqw 3cqw;
	border-radius: 4cqw;
	background: linear-gradient(180deg, #FFFFFF, #E9F0FA);
	box-shadow:
	0 1px 0 #D4DEEC, 0 2px 0 #C9D5E7, 0 3px 0 #BECCE2, 0 4px 0 #B3C3DD, 0 5px 0 #A8BAD8, 0 6px 0 #9DB1D3, 0 7px 0 #92A8CE, 0 8px 0 #879FC9,
	0 3cqw 6cqw -1cqw rgba(0, 0, 0, .65),
	0 0 60px -10px rgba(111, 164, 255, .55);
}
.cax--hero .cax-plate img { width: 100%; }
.cax--hero .cax-plate__tag {
	position: absolute;
	left: 50%;
	top: 2.4cqw;
	translate: -50% 0;
	white-space: nowrap;
	padding: .9cqw 2.4cqw;
	border-radius: 999px;
	background: var(--orange);
	color: #fff;
	font-size: clamp(9px, 2cqw, 12px);
	font-weight: 750;
	box-shadow: 0 6px 18px -6px rgba(252, 90, 3, .9);
}
.cax--hero .cax-scene:hover .cax-spin, .cax--hero .cax-scene:hover .cax-counter, .cax--hero .cax-scene:hover .cax-card3d, .cax--hero .cax-scene:hover .cax-pill3d { animation-play-state: paused; }
.cax--hero.cax-js .cax-scene { animation: cax-hero-scene-in 1.4s cubic-bezier(.2,.8,.2,1) .1s backwards; }
.cax--hero.cax-js .cax-core { animation: cax-hero-core-in 1.1s cubic-bezier(.2,.9,.25,1.2) .25s backwards, cax-hero-core-bob 6s ease-in-out 1.4s infinite; }
.cax--hero.cax-js .cax-hero__copy > * { animation: cax-hero-up .9s cubic-bezier(.2,.8,.2,1) backwards; }
.cax--hero.cax-js .cax-hero__copy > :nth-child(2) { animation-delay: .08s; }
.cax--hero.cax-js .cax-hero__copy > :nth-child(3) { animation-delay: .16s; }
.cax--hero.cax-js .cax-hero__copy > :nth-child(4) { animation-delay: .24s; }
@keyframes cax-hero-scene-in {from { opacity: 0; scale: .85; }}
@keyframes cax-hero-core-in {from { transform: translateX(-50%) translateZ(55cqw) rotateX(-72deg); }}
.cax--hero .cax-trust {
	position: relative;
	margin-top: clamp(36px, 4.5vw, 52px);
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border: 1px solid var(--line-2);
	border-radius: 22px;
	background: linear-gradient(180deg, rgba(16, 34, 70, .85), rgba(12, 26, 54, .85));
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	box-shadow: 0 30px 60px -40px rgba(0, 0, 0, .9), inset 0 1px 0 rgba(255, 255, 255, .06);
}
.cax--hero .cax-trust li { padding: 18px clamp(18px, 2vw, 24px); }
.cax--hero .cax-trust li + li { border-left: 1px solid var(--line); }
.cax--hero .cax-trust b { display: block; font-size: clamp(1.15rem, 1.55vw, 1.5rem); font-weight: 800; font-stretch: 110%; line-height: 1.15; color: #fff; }
.cax--hero .cax-trust b i { font-style: normal; color: var(--orange); }
.cax--hero .cax-trust li > span { display: block; margin-top: 2px; font-size: .95rem; color: var(--muted); }
.cax--hero .cax-ticker { margin-top: clamp(24px, 3vw, 36px); padding: 9px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255, 255, 255, .02); overflow: hidden; }
.cax--hero .cax-ticker__track { display: flex; width: max-content; animation: cax-hero-marquee 40s linear infinite; }
.cax--hero .cax-ticker:hover .cax-ticker__track { animation-play-state: paused; }
.cax--hero .cax-ticker ul { display: flex; align-items: center; flex: none; }
.cax--hero .cax-ticker li { display: flex; align-items: center; gap: 20px; padding-right: 20px; font-size: clamp(.88rem, 1.1vw, .98rem); font-weight: 620; font-stretch: 106%; color: var(--soft); white-space: nowrap; }
.cax--hero .cax-ticker li svg { width: 15px; height: 15px; color: var(--orange); flex: none; }
.cax--hero .cax-ticker li.is-cx svg { color: var(--blue-2); }
@keyframes cax-hero-marquee {to { transform: translateX(-50%); }}
@media (max-width: 960px) {
	.cax--hero .cax-hero { padding-top: 104px; }
	.cax--hero .cax-hero__grid { grid-template-columns: minmax(0, 1fr); row-gap: 0; }
	.cax--hero .cax-hero__copy { display: contents; }
	.cax--hero .cax-chips { order: 1; }
	.cax--hero .cax-h1 { order: 2; }
	.cax--hero .cax-scene { order: 3; max-width: 500px; margin: 16px 0 0; }
	.cax--hero .cax-hero__intro { order: 4; margin-top: 8px; }
	.cax--hero .cax-hero__actions { order: 5; }
	.cax--hero.cax-js .cax-hero__copy > * { animation: none; }
	.cax--hero .cax-trust { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.cax--hero .cax-trust li:nth-child(3) { border-left: 0; }
	.cax--hero .cax-trust li:nth-child(n + 3) { border-top: 1px solid var(--line); }
}

@media (max-width: 600px) {
	.cax--hero .cax-sat, .cax--hero .cax-ring--outer, .cax--hero .cax-trail { --r: 36cqw; }
	.cax--hero .cax-card3d { width: 35cqw; padding: 2.6cqw 2.4cqw; border-radius: 4cqw; }
	.cax--hero .cax-card3d__icon { width: 7cqw; height: 7cqw; border-radius: 2cqw; margin-bottom: 1.6cqw; }
	.cax--hero .cax-card3d__icon svg { width: 4cqw; height: 4cqw; }
	.cax--hero .cax-card3d b { font-size: clamp(10px, 3.2cqw, 15px); }
	.cax--hero .cax-card3d span { margin-top: .6cqw; font-size: clamp(8px, 2.4cqw, 11px); }
	.cax--hero .cax-card3d em { margin-top: 1cqw; font-size: clamp(7.5px, 2.2cqw, 10px); white-space: normal; }
	.cax--hero .cax-pill3d { padding: 1.2cqw 2.2cqw; font-size: clamp(8px, 2.4cqw, 11px); }
	.cax--hero .cax-core { width: 46cqw; }
}

@media (max-width: 520px) {
	.cax--hero .cax-hero { padding-top: 92px; }
	.cax--hero .cax-chips { gap: 6px; margin-bottom: 18px; }
	.cax--hero .cax-chips li { padding: 5px 11px; font-size: .8rem; gap: 6px; }
	.cax--hero .cax-h1__rest { margin-top: 12px; }
	.cax--hero .cax-trust li { padding: 13px 14px; }
	.cax--hero .cax-trust b { font-size: 1.05rem; }
	.cax--hero .cax-trust li:nth-child(4) b { font-size: .92rem; line-height: 1.3; }
	.cax--hero .cax-trust li > span { font-size: .82rem; line-height: 1.4; }
	.cax--hero .cax-hero__actions { display: grid; grid-template-columns: auto auto; gap: 8px; margin-top: 22px; }
	.cax--hero .cax-hero__actions .cax-btn { gap: 6px; padding: 11px 14px; font-size: .88rem; white-space: nowrap; }
	.cax--hero .cax-hero__actions .cax-btn svg { width: 14px; height: 14px; }
	.cax--hero .cax-hero__actions .cax-btn--ghost { grid-column: 1 / -1; justify-self: center; padding: 10px 30px; }
}

@media (max-width: 370px) {
	.cax--hero .cax-hero__actions { gap: 6px; }
	.cax--hero .cax-hero__actions .cax-btn { gap: 4px; padding: 10px 10px; font-size: .8rem; }
	.cax--hero .cax-hero__actions .cax-btn svg { width: 12px; height: 12px; }
	.cax--hero .cax-hero__actions .cax-btn--ghost { padding: 9px 26px; }
	.cax--hero .cax-trust li { padding: 12px; }
	.cax--hero .cax-trust b { font-size: .98rem; }
}

@media (prefers-reduced-motion: reduce) {
	.cax--hero .cax-ticker__track { flex-wrap: wrap; width: auto; }
}