.home-hero{position:relative;overflow:hidden;isolation:isolate}.hero-ambient{position:absolute;inset:0;pointer-events:none;z-index:0}.hero-grid{position:absolute;bottom:0;left:0;right:0;transform:perspective(600px) rotateX(60deg);transform-origin:center bottom;width:100%;max-width:100%;box-sizing:border-box;height:60%;background-image:linear-gradient(to right,rgba(0,197,102,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,197,102,.08) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.8),transparent 80%);mask-image:linear-gradient(to top,rgba(0,0,0,.8),transparent 80%);animation:grid-drift 40s linear infinite;opacity:.6}@keyframes grid-drift{0%{background-position:0 0}to{background-position:40px 40px}}.hero-light-streak{position:absolute;left:25%;top:50%;width:600px;height:2px;transform-origin:left center;border-radius:2px;filter:blur(1px)}.streak-1{background:linear-gradient(90deg,rgba(0,197,102,.6),transparent);transform:translate(-50%,-50%) rotate(-15deg);animation:streak-pulse 4s ease-in-out infinite}.streak-2{background:linear-gradient(90deg,rgba(229,67,96,.5),transparent);transform:translate(-50%,-50%) rotate(25deg);animation:streak-pulse 5s ease-in-out infinite .8s}.streak-3{background:linear-gradient(90deg,rgba(74,158,255,.4),transparent);transform:translate(-50%,-50%) rotate(-50deg);width:400px;animation:streak-pulse 6s ease-in-out infinite 1.5s}@keyframes streak-pulse{0%,to{opacity:0}50%{opacity:.8}}.hero-particles{position:absolute;inset:0;pointer-events:none}.hero-particle{position:absolute;width:4px;height:4px;border-radius:50%;pointer-events:none;animation:particle-drift linear infinite;will-change:transform,opacity}.hero-particle.p-green{background:#00c566;box-shadow:0 0 6px #00c566cc}.hero-particle.p-red{background:#e54360;box-shadow:0 0 6px #e54360cc}.hero-particle.p-white{background:#fff9;box-shadow:0 0 4px #ffffff80;width:2px;height:2px}@keyframes particle-drift{0%{transform:translate(0);opacity:0}10%{opacity:1}90%{opacity:.8}to{transform:var(--end-transform);opacity:0}}.home-hero-chrome,.chrome-visual{position:relative;z-index:2}.hero-card-shell{position:absolute;z-index:3;pointer-events:auto;cursor:default;transform:translateZ(0);will-change:transform;backface-visibility:hidden;contain:layout style;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.hero-card-link{position:absolute;inset:0;z-index:2;border-radius:12px;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}.hero-card-link:focus{outline:none}.hero-data-card{display:flex;flex-direction:column;gap:2px;padding:10px 14px;background:color-mix(in srgb,var(--bg-card) 72%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:12px;font-family:var(--font-mono);font-size:11px;min-width:110px;box-shadow:0 8px 24px #0006,inset 0 1px #ffffff0f;transform:translateZ(0);will-change:transform;backface-visibility:hidden;contain:layout style;animation-fill-mode:both;transition:border-color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out),backdrop-filter var(--dur-base) var(--ease-out),-webkit-backdrop-filter var(--dur-base) var(--ease-out)}.hero-card-shell:hover,.hero-card-shell:focus-within{transform:translateY(-7px) scale(1.04);box-shadow:0 16px 40px #0000008c,0 0 0 1px #00c56640;z-index:4}.hero-card-shell:hover .hero-data-card,.hero-card-shell:focus-within .hero-data-card{border-color:#00c56666;background:color-mix(in srgb,var(--bg-card) 78%,transparent);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.hero-card-shell:hover .hero-card-symbol,.hero-card-shell:hover .hero-card-label,.hero-card-shell:focus-within .hero-card-symbol,.hero-card-shell:focus-within .hero-card-label{color:var(--text-secondary)}.hero-card-shell:hover .hero-card-price,.hero-card-shell:focus-within .hero-card-price{color:var(--text)}.hero-card-symbol,.hero-card-label{font-size:9px;letter-spacing:.2em;color:var(--text-tertiary);text-transform:uppercase}.hero-card-price{font-size:14px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.hero-card-change{font-size:11px;font-variant-numeric:tabular-nums}.hero-card-change.pos{color:var(--green)}.hero-card-change.neg{color:var(--red-bright)}.hero-card-1{top:8%;left:-10%}.hero-card-2{top:20%;right:-8%}.hero-card-3{bottom:18%;left:-6%}.hero-card-4{bottom:8%;right:-12%}.hero-card-4 .hero-data-card{min-width:140px}.hero-card-1 .hero-data-card{animation:drift-1 8s ease-in-out -3s infinite}.hero-card-2 .hero-data-card{animation:drift-2 13s cubic-bezier(.4,0,.6,1) -7s infinite}.hero-card-3 .hero-data-card{animation:drift-3 4.5s ease-in-out -1.5s infinite}.hero-card-4 .hero-data-card{animation:drift-4 22s cubic-bezier(.45,.05,.55,.95) -5s infinite alternate}.hero-card-5 .hero-data-card{animation:drift-5 16s linear -8s infinite}.hero-card-6 .hero-data-card{animation:drift-6 11s cubic-bezier(.45,.05,.55,.95) -2s infinite}.hero-card-7 .hero-data-card{animation:drift-7 6s cubic-bezier(.68,-.55,.27,1.55) -3s infinite}.hero-card-1:hover .hero-data-card,.hero-card-1:focus-within .hero-data-card{animation:drift-1-hover 2.5s ease-in-out infinite}.hero-card-2:hover .hero-data-card,.hero-card-2:focus-within .hero-data-card{animation:drift-2-hover 4s cubic-bezier(.4,0,.6,1) infinite}.hero-card-3:hover .hero-data-card,.hero-card-3:focus-within .hero-data-card{animation:drift-3-hover 1.4s ease-in-out infinite}.hero-card-4:hover .hero-data-card{animation:drift-4-hover 7s cubic-bezier(.45,.05,.55,.95) infinite alternate}.hero-card-5:hover .hero-data-card,.hero-card-5:focus-within .hero-data-card{animation:drift-5-hover 5s linear infinite}.hero-card-6:hover .hero-data-card,.hero-card-6:focus-within .hero-data-card{animation:drift-6-hover 3.5s cubic-bezier(.45,.05,.55,.95) infinite}.hero-card-7:hover .hero-data-card,.hero-card-7:focus-within .hero-data-card{animation:drift-7-hover 2s cubic-bezier(.68,-.55,.27,1.55) infinite}@keyframes drift-1{0%,to{transform:translate(0) rotate(0)}25%{transform:translateY(-10px) rotate(-.3deg)}75%{transform:translateY(10px) rotate(.3deg)}}@keyframes drift-1-hover{0%,to{transform:translate(0) rotate(0)}25%{transform:translateY(-18px) rotate(-.6deg)}75%{transform:translateY(18px) rotate(.6deg)}}@keyframes drift-2{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-14px,2px) rotate(-1deg)}75%{transform:translate(14px,-2px) rotate(1deg)}}@keyframes drift-2-hover{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-26px,4px) rotate(-1.8deg)}75%{transform:translate(26px,-4px) rotate(1.8deg)}}@keyframes drift-3{0%,to{transform:translate(0) scale(1)}50%{transform:translateY(-2px) scale(1.03)}}@keyframes drift-3-hover{0%,to{transform:translate(0) scale(1)}50%{transform:translateY(-4px) scale(1.06)}}@keyframes drift-4{0%{transform:translate(15px,-8px) rotate(.8deg)}to{transform:translate(-15px,8px) rotate(-.8deg)}}@keyframes drift-4-hover{0%{transform:translate(28px,-15px) rotate(1.5deg)}to{transform:translate(-28px,15px) rotate(-1.5deg)}}@keyframes drift-5{0%{transform:translate(0)}25%{transform:translate(8px,-5px)}50%{transform:translateY(-10px)}75%{transform:translate(-8px,-5px)}to{transform:translate(0)}}@keyframes drift-5-hover{0%{transform:translate(0)}25%{transform:translate(15px,-9px)}50%{transform:translateY(-18px)}75%{transform:translate(-15px,-9px)}to{transform:translate(0)}}@keyframes drift-6{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-4px) rotate(-2.5deg)}75%{transform:translate(4px) rotate(2.5deg)}}@keyframes drift-6-hover{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-8px) rotate(-4.5deg)}75%{transform:translate(8px) rotate(4.5deg)}}@keyframes drift-7{0%{transform:translate(0) rotate(0)}20%{transform:translate(4px,-3px) rotate(1.2deg)}40%{transform:translate(-3px,-5px) rotate(-.6deg)}60%{transform:translate(-5px,3px) rotate(.8deg)}80%{transform:translate(3px,4px) rotate(-1.2deg)}to{transform:translate(0) rotate(0)}}@keyframes drift-7-hover{0%{transform:translate(0) rotate(0)}20%{transform:translate(8px,-6px) rotate(2.2deg)}40%{transform:translate(-6px,-10px) rotate(-1.2deg)}60%{transform:translate(-10px,6px) rotate(1.6deg)}80%{transform:translate(6px,8px) rotate(-2.2deg)}to{transform:translate(0) rotate(0)}}@media(max-width:1100px){.hero-data-card{min-width:95px;padding:8px 12px;font-size:10px}.hero-card-price{font-size:12px}.hero-card-1{left:-5%}.hero-card-2{right:-3%}.hero-card-3{left:-2%}.hero-card-4{right:-5%}}@media(max-width:900px){.hero-card-shell{display:none}.hero-light-streak{width:400px}}@media(prefers-reduced-motion:reduce){.hero-data-card,.hero-light-streak,.hero-grid,.hero-particle{animation:none!important}.hero-card-shell:hover .hero-data-card,.hero-card-shell:focus-within .hero-data-card{animation:none!important}}.hero-card-5{top:0%;right:-2%}.hero-card-6{bottom:6%;left:14%}.hero-card-7{bottom:32%;right:-4%}@media(max-width:1100px){.hero-card-5{right:2%}.hero-card-6{left:12%}.hero-card-7{right:0%}}
