.landing-market .carousel-hero{position:relative;isolation:isolate;display:block;aspect-ratio:2.4;min-height:450px;margin:25px 0 35px;padding:0;overflow:hidden;border:1px solid #34402e;border-radius:10px;background:#10170f}.hero-backdrops,.hero-frame,.hero-shade{position:absolute;inset:0;pointer-events:none}.hero-backdrops{z-index:-3}.hero-frame{opacity:0;transition:opacity 850ms ease;overflow:hidden}.hero-frame.is-current{opacity:1}.hero-background{position:absolute;top:0;right:0;width:100%;aspect-ratio:2.4;background-image:url('/assets/hero-characters.webp');background-size:200% 200%;background-repeat:no-repeat}.background-panda{background-position:0 0}.background-frog{background-position:100% 0}.background-cat{background-position:0 100%}.background-dog{background-position:100% 100%}.hero-frame.is-current .hero-background{animation:hero-drift 9s ease-out both}@keyframes hero-drift{from{transform:scale(1.035)}to{transform:scale(1)}}.hero-shade{z-index:-2;background:linear-gradient(90deg,#0b120ce8 0%,#0b120cb0 30%,#0b120c18 61%,transparent 80%),linear-gradient(0deg,#0b120cc9,transparent 25%)}.landing-market .carousel-hero .hero-copy{position:relative;padding:55px 50px 100px;width:57%;max-width:700px;box-sizing:border-box}.landing-market .carousel-hero h1{font-size:clamp(40px,4.7vw,66px);line-height:1.12;letter-spacing:-1.8px;margin:23px 0 20px;color:#f0f3e9}.landing-market .carousel-hero .eyebrow{color:#bfcdac;font-size:10px;letter-spacing:1.4px}.landing-market .carousel-hero p{color:#bec8b3;line-height:1.85;font-size:14px}.landing-market .carousel-hero .hero-actions{margin-top:27px}.landing-market .carousel-hero .hero-actions .primary{font-size:13px;padding:13px 22px}.landing-market .carousel-hero .plain{color:#d8dfcf;font-size:12px}.hero-carousel-controls{position:absolute;bottom:24px;left:50px;right:30px;display:flex;align-items:center;gap:14px}.hero-pagination{display:flex;gap:8px}.hero-pagination button{position:relative;width:38px;height:20px;padding:0;overflow:hidden}.hero-pagination button:before,.hero-pagination button span{content:'';position:absolute;left:0;right:0;top:8px;height:3px;background:#b6c5a440;border-radius:2px}.hero-pagination button[aria-current=true]:before{background:#c8fa6988}.hero-pagination button span{background:var(--lime);transform:scaleX(0);transform-origin:left}.hero-pagination button[aria-current=true] span{transform:scaleX(var(--hero-progress,0))}#hero-slide-count{font:10px monospace;color:#c2ceae;margin-right:auto;margin-left:6px}.hero-carousel-controls>button{height:32px;min-width:32px;color:#dce9cf;border:1px solid #9eb58155;background:#111a1277;border-radius:5px;font-size:16px}.hero-carousel-controls>button:hover{background:#34472a}.hero-carousel-controls #hero-pause{font-size:12px}.hero-carousel-controls button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}@media(max-width:1000px){.landing-market .carousel-hero{min-height:420px}.landing-market .carousel-hero .hero-copy{padding:38px 32px 85px;width:62%}.landing-market .carousel-hero h1{font-size:46px}.hero-background{width:110%}.hero-carousel-controls{left:32px}.hero-shade{background:linear-gradient(90deg,#0b120cee,#0b120c66 55%,transparent),linear-gradient(0deg,#0b120c,transparent 40%)}}@media(max-width:650px){.landing-market .carousel-hero{aspect-ratio:auto;min-height:570px;margin-top:15px}.hero-background{width:720px;right:-22px;top:0}.hero-shade{background:linear-gradient(0deg,#0b120c 0%,#0b120cf5 30%,#0b120c65 55%,transparent 80%)}.landing-market .carousel-hero .hero-copy{padding:270px 24px 82px;width:100%;max-width:none}.landing-market .carousel-hero h1{font-size:38px;margin:12px 0}.landing-market .carousel-hero h1 br{display:none}.landing-market .carousel-hero p{font-size:13px;line-height:1.65}.landing-market .carousel-hero .hero-actions{margin-top:20px}.hero-carousel-controls{left:24px;right:20px;bottom:20px;gap:9px}.hero-pagination{gap:6px}.hero-pagination button{width:24px}.hero-carousel-controls>button{height:28px;min-width:28px}.landing-market .carousel-hero .eyebrow{font-size:9px}.hero-frame.is-current .hero-background{animation:none}}@media(prefers-reduced-motion:reduce){.hero-frame{transition:none}.hero-frame.is-current .hero-background{animation:none}}
