.EcosystemDemo-module__53jTCG__demo{aspect-ratio:3/2;color:#fff;isolation:isolate;background:#09090b;border-radius:20px;width:100%;position:relative;overflow:hidden}.EcosystemDemo-module__53jTCG__scene{position:absolute;inset:0 0 64px;overflow:hidden}.EcosystemDemo-module__53jTCG__plate{object-fit:cover;filter:saturate(.9)contrast(1.04)brightness(.82);transform-origin:50%;width:128%;max-width:none;height:136%;transition:transform 1.35s cubic-bezier(.16,1,.3,1),filter 1s;position:absolute;inset:-18% -14%;transform:translate(-9%)scale(1.08)}.EcosystemDemo-module__53jTCG__demo[data-stage="1"] .EcosystemDemo-module__53jTCG__plate{filter:saturate(1.05)contrast(1.04)brightness(.88);transform:translate(-2%)scale(1.12)}.EcosystemDemo-module__53jTCG__demo[data-stage="2"] .EcosystemDemo-module__53jTCG__plate{filter:saturate()contrast(1.06)brightness(.83);transform:translate(5%)scale(1.14)}.EcosystemDemo-module__53jTCG__demo[data-stage="3"] .EcosystemDemo-module__53jTCG__plate{filter:saturate(.88)contrast(1.06)brightness(.76);transform:translate(10%)scale(1.1)}.EcosystemDemo-module__53jTCG__vignette{pointer-events:none;background:linear-gradient(90deg,#09090be6 0%,#09090b29 42%,#09090b0d 72%,#09090b6b 100%),linear-gradient(#0000 60%,#09090b8f);position:absolute;inset:0}.EcosystemDemo-module__53jTCG__modeSwitcher{z-index:12;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#09090bb8;border:1px solid #ffffff29;border-radius:10px;gap:3px;padding:3px;display:flex;position:absolute;top:14px;right:14px;box-shadow:0 10px 30px #0000004d}.EcosystemDemo-module__53jTCG__modeButton{color:#a1a1aa;letter-spacing:.04em;background:0 0;border:0;border-radius:7px;min-width:48px;padding:6px 10px;font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;transition:background .2s,color .2s,box-shadow .2s}.EcosystemDemo-module__53jTCG__modeButton:hover{color:#fff}.EcosystemDemo-module__53jTCG__modeButton:focus-visible{outline-offset:1px;outline:2px solid #fb7185}.EcosystemDemo-module__53jTCG__modeButton[aria-pressed=true]{color:#18181b;background:#fff;box-shadow:0 3px 12px #0000003d}.EcosystemDemo-module__53jTCG__scan{mix-blend-mode:screen;pointer-events:none;background:linear-gradient(105deg,#0000 35%,#fda4af1f 46%,#fff3 50%,#f43f5e14 54%,#0000 66%);animation:6.4s ease-in-out infinite EcosystemDemo-module__53jTCG__scan;position:absolute;inset:-20%;transform:translate(-70%)}.EcosystemDemo-module__53jTCG__copy{z-index:5;text-shadow:0 2px 22px #0000008c;width:min(360px,44%);position:absolute;top:50%;left:34px;transform:translateY(-50%)}.EcosystemDemo-module__53jTCG__copy>span{color:#fda4af;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.EcosystemDemo-module__53jTCG__copy>span i{letter-spacing:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f43f5e1f;border:1px solid #fda4af59;border-radius:8px;place-items:center;width:25px;height:25px;font-size:9px;font-style:normal;display:grid}.EcosystemDemo-module__53jTCG__copy h3{letter-spacing:-.035em;max-width:340px;margin:14px 0 0;font-size:24px;line-height:1.08}.EcosystemDemo-module__53jTCG__copy p{color:#d4d4d8;max-width:330px;margin:12px 0 0;font-size:12px;line-height:1.6}.EcosystemDemo-module__53jTCG__objects{z-index:4;pointer-events:none;position:absolute;inset:0}.EcosystemDemo-module__53jTCG__object{opacity:0;filter:blur(8px);transition:opacity .65s,transform .9s cubic-bezier(.16,1,.3,1),filter .65s;position:absolute;transform:translate(24px,8px)scale(.96)}.EcosystemDemo-module__53jTCG__visible{opacity:1;filter:blur();transform:translate(0,0)scale(1)}.EcosystemDemo-module__53jTCG__fragments{width:38%;height:66%;top:18%;right:8%}.EcosystemDemo-module__53jTCG__fragments span{--angle:calc((var(--fragment) - 1.5) * 7deg);left:calc(var(--fragment) * 19%);top:calc(16% + (var(--fragment) % 2) * 38%);transform:rotate(var(--angle));color:#e4e4e7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:EcosystemDemo-module__53jTCG__float 3.8s ease-in-out calc(var(--fragment) * -.7s) infinite alternate;background:#18181b8f;border:1px solid #ffffff29;border-radius:10px;padding:8px 11px;font:600 9px ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;box-shadow:0 12px 30px #0000004d}.EcosystemDemo-module__53jTCG__promptCard,.EcosystemDemo-module__53jTCG__skillCard{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f0f12b3;border:1px solid #ffffff26;border-radius:16px;width:260px;padding:15px;top:50%;right:7%;box-shadow:0 24px 70px #0000006b,inset 0 1px #ffffff14}.EcosystemDemo-module__53jTCG__promptCard.EcosystemDemo-module__53jTCG__visible,.EcosystemDemo-module__53jTCG__skillCard.EcosystemDemo-module__53jTCG__visible{transform:translateY(-50%)scale(1)}.EcosystemDemo-module__53jTCG__cardTop{color:#fda4af;letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:8px;font-weight:700;display:flex}.EcosystemDemo-module__53jTCG__cardTop i{color:#a1a1aa;letter-spacing:0;text-transform:none;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;padding:3px 6px;font-style:normal}.EcosystemDemo-module__53jTCG__promptCard strong,.EcosystemDemo-module__53jTCG__skillCard strong{margin-top:12px;font-size:13px;display:block}.EcosystemDemo-module__53jTCG__promptCard p{color:#d4d4d8;margin:12px 0 10px;font:9px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.EcosystemDemo-module__53jTCG__codeLine{background:#f43f5e4d;border-radius:999px;width:85%;height:4px;margin-top:7px}.EcosystemDemo-module__53jTCG__codeLine.EcosystemDemo-module__53jTCG__short{background:#ffffff1f;width:62%}.EcosystemDemo-module__53jTCG__file{color:#a1a1aa;background:#ffffff0a;border:1px solid #ffffff14;border-radius:7px;align-items:center;gap:7px;margin-top:8px;padding:6px 8px;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.EcosystemDemo-module__53jTCG__file b{color:#fb7185}.EcosystemDemo-module__53jTCG__systemCards{width:39%;height:68%;top:15%;right:4%}.EcosystemDemo-module__53jTCG__systemCards>div{--offset:calc(var(--file) * 17px);right:var(--offset);top:var(--offset);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f0f12a8;border:1px solid #ffffff24;border-radius:13px;width:205px;height:112px;padding:12px;position:absolute;box-shadow:0 20px 55px #00000057}.EcosystemDemo-module__53jTCG__systemCards span{color:#fb7185;font:8px ui-monospace,SFMono-Regular,Menlo,monospace}.EcosystemDemo-module__53jTCG__systemCards strong{margin-top:18px;font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.EcosystemDemo-module__53jTCG__systemCards i{background:#ffffff1f;border-radius:99px;width:58%;height:4px;margin-top:13px;display:block}.EcosystemDemo-module__53jTCG__controls{z-index:8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#09090bdb;border-top:1px solid #ffffff1a;grid-template-columns:repeat(4,1fr);height:64px;display:grid;position:absolute;bottom:0;left:0;right:0}.EcosystemDemo-module__53jTCG__controls button{color:#71717a;background:0 0;border:0;border-right:1px solid #ffffff0f;justify-content:center;align-items:center;gap:8px;min-width:0;font-size:10px;font-weight:600;transition:color .25s,background .25s;display:flex;position:relative}.EcosystemDemo-module__53jTCG__controls button:last-child{border-right:0}.EcosystemDemo-module__53jTCG__controls button:hover{color:#d4d4d8;background:#ffffff0a}.EcosystemDemo-module__53jTCG__controls button:focus-visible{outline-offset:-3px;outline:2px solid #fb7185}.EcosystemDemo-module__53jTCG__controls button[aria-selected=true]{color:#fff;background:#f43f5e12}.EcosystemDemo-module__53jTCG__controls button i{color:#52525b;font:700 8px ui-monospace,SFMono-Regular,Menlo,monospace}.EcosystemDemo-module__53jTCG__controls button[aria-selected=true] i{color:#fb7185}.EcosystemDemo-module__53jTCG__controls button b{background:#f43f5e;border-radius:999px;height:2px;transition:transform .35s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:14%;right:14%;transform:scaleX(0)}.EcosystemDemo-module__53jTCG__controls button[aria-selected=true] b{transform:scaleX(1)}@keyframes EcosystemDemo-module__53jTCG__scan{0%,18%{transform:translate(-70%)}70%,to{transform:translate(70%)}}@keyframes EcosystemDemo-module__53jTCG__float{to{transform:translateY(-8px) rotate(var(--angle))}}@media (max-width:700px){.EcosystemDemo-module__53jTCG__demo{aspect-ratio:auto;height:440px}.EcosystemDemo-module__53jTCG__modeSwitcher{top:10px;right:10px}.EcosystemDemo-module__53jTCG__modeButton{min-width:42px;padding:5px 8px;font-size:8px}.EcosystemDemo-module__53jTCG__scene{bottom:56px}.EcosystemDemo-module__53jTCG__plate{width:190%;height:116%;inset:-8% -48%}.EcosystemDemo-module__53jTCG__vignette{background:linear-gradient(90deg,#09090bdb,#09090b33),linear-gradient(#0000 55%,#09090bb3)}.EcosystemDemo-module__53jTCG__copy{width:63%;top:48%;left:22px}.EcosystemDemo-module__53jTCG__copy h3{font-size:20px}.EcosystemDemo-module__53jTCG__copy p{font-size:11px}.EcosystemDemo-module__53jTCG__promptCard,.EcosystemDemo-module__53jTCG__skillCard{opacity:.58;width:205px;right:4%}.EcosystemDemo-module__53jTCG__systemCards{opacity:.58;width:48%;right:0}.EcosystemDemo-module__53jTCG__fragments{width:55%;right:0}.EcosystemDemo-module__53jTCG__controls{height:56px}.EcosystemDemo-module__53jTCG__controls button{gap:0}.EcosystemDemo-module__53jTCG__controls button span{display:none}.EcosystemDemo-module__53jTCG__controls button i{font-size:9px}}@media (prefers-reduced-motion:reduce){.EcosystemDemo-module__53jTCG__plate,.EcosystemDemo-module__53jTCG__object,.EcosystemDemo-module__53jTCG__controls button b{transition:none}.EcosystemDemo-module__53jTCG__scan{display:none}.EcosystemDemo-module__53jTCG__fragments span{animation:none}}