.card{position:relative;border:1px solid rgba(238,234,225,.14);border-radius:20px;padding:36px 32px 32px;background:linear-gradient(180deg,#ffffff0b,#ffffff03);transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1),border-color .4s,box-shadow .6s}.card:hover{transform:perspective(900px) rotateX(4deg) rotateY(-6deg) translateZ(14px);border-color:#d4af6a8c;box-shadow:0 40px 80px -30px #000000b3}.card .num{transform:translateZ(40px)}.card h3{transform:translateZ(26px)}.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.track{display:flex;gap:64px;width:max-content;padding-right:64px}.mq{display:flex;align-items:center;gap:64px;white-space:nowrap}.dot{display:block;width:8px;height:8px;border-radius:50%;background:#d4af6a}.no-row{display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;align-items:start;padding:26px 0;border-top:1px solid rgba(10,16,28,.14)}@media(prefers-reduced-motion:no-preference){.m-on .reveal-line{overflow:hidden}.m-on .reveal-line>span{display:block;animation:rise 1.1s cubic-bezier(.2,.8,.2,1) both}.m-on .reveal-line:nth-child(2)>span{animation-delay:.12s}.m-on .fade-in{animation:fade 1.2s .45s cubic-bezier(.2,.8,.2,1) both}.m-on .track{animation:marq 46s linear infinite}.m-on .marquee:hover .track{animation-play-state:paused}@supports (animation-timeline: view()){.m-on .rise-in{animation:rise-view linear both;animation-timeline:view();animation-range:entry 0% cover 25%}.m-on .card-in{animation:card-in linear both;animation-timeline:view();animation-range:entry 0% cover 35%}.m-on .card-in:nth-child(3n+2){animation-range:entry 8% cover 42%}.m-on .card-in:nth-child(3n+3){animation-range:entry 16% cover 49%}.m-on .no-row{animation:slide-in linear both;animation-timeline:view();animation-range:entry 0% cover 30%}.m-on .x-draw{stroke-dasharray:1;animation:x-draw linear both;animation-timeline:view();animation-range:entry 20% cover 40%}}}@keyframes rise{0%{transform:translateY(105%)}to{transform:none}}@keyframes fade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes rise-view{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes card-in{0%{opacity:0;transform:perspective(1000px) translateY(80px) rotateX(18deg)}to{opacity:1;transform:none}}@keyframes slide-in{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:none}}@keyframes x-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes marq{to{transform:translate(-50%)}}@media(max-width:820px){.cards{grid-template-columns:1fr!important}}