.phone-device{isolation:isolate;box-sizing:border-box;background:linear-gradient(125deg,#6d7075,#242529 12%,#090a0c 44%,#313338 83%,#777a80);border:1px solid #696b70;border-radius:45px;width:295px;max-width:100%;padding:7px;position:relative;box-shadow:inset 0 0 0 2px #121315,inset 0 0 0 3px #5c5f644d,0 24px 48px -16px #101b3040,0 8px 16px -10px #0009}.phone-device-display{background:#fff;border-radius:37px;width:100%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #020203}.phone-device-content{position:absolute;inset:0 0 3.6%}.phone-device-island{z-index:30;pointer-events:none;background:#030304;border:1px solid #161719;border-radius:100px;width:28%;height:3.7%;position:absolute;top:1.9%;left:50%;transform:translate(-50%)}.phone-device-camera{aspect-ratio:1;opacity:.75;background:radial-gradient(circle at 36% 32%,#253c67,#111927 25%,#07080c 58%);border:1px solid #161922;border-radius:50%;width:12%;position:absolute;top:50%;right:10%;transform:translateY(-50%)}.phone-device-home{pointer-events:none;background:#fff;height:3.6%;position:absolute;inset:auto 0 0}.phone-device-home>span{background:#131417;border-radius:100px;width:35%;height:3px;position:absolute;bottom:32%;left:32.5%}.phone-device-button{z-index:-1;background:linear-gradient(90deg,#242529,#707278);border:1px solid #65676c;border-radius:2px 0 0 2px;width:3px;position:absolute;left:-3px}.phone-device-action{height:3%;top:13%}.phone-device-volume-up{height:6%;top:20%}.phone-device-volume-down{height:6%;top:28%}.phone-device-power{border-radius:0 2px 2px 0;height:10%;top:23%;left:auto;right:-3px}@media(max-width:639px){.phone-device{border-radius:39px;width:246px}.phone-device-display{border-radius:31px}}.phone-screenshot{background:#fff;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.phone-screenshot-slice{flex:none;width:100%;height:auto;display:block}.phone-screenshot-status{flex:none}.phone-screenshot-flow{flex-direction:column;justify-content:space-between;min-height:100%;display:flex}.phone-screenshot-content{overscroll-behavior:contain;scrollbar-width:none;flex:1 1 0;min-height:0;overflow:hidden auto}.phone-screenshot-content::-webkit-scrollbar{display:none}.phone-screenshot-content:focus-visible{outline-offset:-2px;outline:2px solid #47898d}.ecosystem-stage{isolation:isolate;width:100%;max-width:520px;margin-inline:auto;padding:88px 16px 32px;position:relative}.ecosystem-glow{z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,color-mix(in oklab,var(--tiffany) 23%,transparent),transparent 70%);position:absolute;inset:5%}.ecosystem-phone{justify-content:center;max-width:100%;animation:7s ease-in-out infinite ecosystem-breathe;display:flex;position:relative}.ecosystem-float-layer{z-index:2;pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.ecosystem-floating-card{width:max-content;max-width:calc(50% - 20px);position:absolute}.ecosystem-floating-card:first-child{top:36px;left:20px}.ecosystem-floating-card:nth-child(2){top:24%;right:20px}.ecosystem-floating-card:nth-child(3){top:46%;left:20px}.ecosystem-floating-card:nth-child(4){top:69%;right:20px}.ecosystem-card-body{animation:ecosystem-drift var(--float-duration) ease-in-out var(--float-delay) infinite;border-radius:16px;align-items:center;gap:6px;padding:7px 9px;font-size:12px;line-height:1.35;display:flex}.ecosystem-card-body [data-ecosystem-artwork]{border-radius:9px;width:32px;height:32px}@media(min-width:640px){.ecosystem-stage{padding:52px 24px 44px}.ecosystem-floating-card{max-width:calc(50% - 28px)}.ecosystem-floating-card:first-child{top:8%}.ecosystem-floating-card:nth-child(2){top:29%}.ecosystem-floating-card:nth-child(3){top:55%}.ecosystem-floating-card:nth-child(4){top:78%}.ecosystem-card-body{gap:10px;padding:8px 12px 8px 8px;font-size:14px}.ecosystem-card-body [data-ecosystem-artwork]{border-radius:12px;width:48px;height:48px}}@keyframes ecosystem-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ecosystem-drift{0%,to{transform:translate(0)rotate(0)}23%{transform:translate3d(var(--float-x),calc(var(--float-y) * -1),0) rotate(var(--float-tilt))}51%{transform:translate3d(calc(var(--float-x) * -.7),calc(var(--float-y) * -.35),0) rotate(calc(var(--float-tilt) * -.6))}78%{transform:translate3d(calc(var(--float-x) * .45),var(--float-y),0) rotate(calc(var(--float-tilt) * .4))}}@media(prefers-reduced-motion:reduce){.ecosystem-phone,.ecosystem-card-body{animation:none!important}}