.DemoFrame-module__b8j-ha__figure{container:demo/inline-size}@media (max-width:767px){.DemoFrame-module__b8j-ha__figure{width:100%;max-width:480px;margin-inline:auto}}.DemoFrame-module__b8j-ha__frame{aspect-ratio:16/9;border-radius:1rem;position:relative}.DemoFrame-module__b8j-ha__device{border-radius:inherit;position:absolute;inset:0;overflow:hidden;container:device/size}.DemoFrame-module__b8j-ha__screen{width:1280px;height:720px;transform:scale(min(calc(100cqw / 1280px), calc(100cqh / 720px)));transform-origin:0 0;flex-direction:column;display:flex}.DemoFrame-module__b8j-ha__statusBar,.DemoFrame-module__b8j-ha__homeIndicator{display:none}.DemoFrame-module__b8j-ha__windowBar{flex-shrink:0;display:flex}.DemoFrame-module__b8j-ha__trafficLights{flex-shrink:0;gap:6px;display:flex}.DemoFrame-module__b8j-ha__trafficLights span{background:#ff5f57;border-radius:50%;width:10px;height:10px;box-shadow:inset 0 0 0 1px #00000014}.DemoFrame-module__b8j-ha__trafficLights span:nth-child(2){background:#febc2e}.DemoFrame-module__b8j-ha__trafficLights span:nth-child(3){background:#28c840}.DemoFrame-module__b8j-ha__shell{flex:1;min-height:0;padding:8px 8px 8px 0;display:flex}.DemoFrame-module__b8j-ha__sidebar{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:56px;padding:12px 0;display:flex}.DemoFrame-module__b8j-ha__sidebarItem{border-radius:10px;place-items:center;width:36px;height:36px;display:grid;position:relative}.DemoFrame-module__b8j-ha__sidebarActive{color:var(--sidebar-accent-foreground);background:var(--soft-surface);box-shadow:var(--soft-raised-sm)}.DemoFrame-module__b8j-ha__sidebarActive:before{background:var(--primary);content:"";border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;left:-10px}.DemoFrame-module__b8j-ha__app{border:1px solid var(--border);border-radius:12px;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.DemoFrame-module__b8j-ha__appHeader{border-bottom:1px solid var(--border);flex-shrink:0}.DemoFrame-module__b8j-ha__contentViewport{scrollbar-width:none;flex:1;min-height:0;overflow:hidden auto;container:demo-content/inline-size}.DemoFrame-module__b8j-ha__content,.DemoFrame-module__b8j-ha__content li{min-width:0}.DemoFrame-module__b8j-ha__mobileNav,.DemoFrame-module__b8j-ha__mobileAvatar{display:none}.DemoFrame-module__b8j-ha__content{padding:24px}@container demo-content (min-width:800px){.DemoFrame-module__b8j-ha__content{padding:16px}}.DemoFrame-module__b8j-ha__mobileNavActive:before{background:var(--primary);content:"";border-radius:0 0 3px 3px;width:32px;height:3px;position:absolute;top:-1px}@container demo (max-width:480px){.DemoFrame-module__b8j-ha__frame{aspect-ratio:78/163.4;background:#191a1c;border:7px solid #191a1c;border-radius:48px;width:100%;max-width:350px;margin-inline:auto;box-shadow:0 0 0 1px #6c6d70,0 0 0 3px #b1b1af,0 20px 45px -16px #0000004d}.DemoFrame-module__b8j-ha__frame:before,.DemoFrame-module__b8j-ha__frame:after{content:"";background:linear-gradient(90deg,#727375,#26272a);border-radius:2px;width:3px;position:absolute}.DemoFrame-module__b8j-ha__frame:before{height:58px;top:110px;left:-11px;box-shadow:0 70px #414245}.DemoFrame-module__b8j-ha__frame:after{height:82px;top:160px;right:-11px}.DemoFrame-module__b8j-ha__device{border-radius:40px}.DemoFrame-module__b8j-ha__screen{width:440px;height:calc(440px * (100cqh / 100cqw));zoom:calc(100cqw / 440px);background:var(--background);transform:none}.DemoFrame-module__b8j-ha__windowBar,.DemoFrame-module__b8j-ha__sidebar,.DemoFrame-module__b8j-ha__desktopIcon{display:none}.DemoFrame-module__b8j-ha__shell{padding:0}.DemoFrame-module__b8j-ha__app{border:0;border-radius:0}.DemoFrame-module__b8j-ha__appHeader{border-bottom:0}.DemoFrame-module__b8j-ha__mobileAvatar{display:flex}.DemoFrame-module__b8j-ha__mobileNav{flex-shrink:0;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.DemoFrame-module__b8j-ha__statusBar{height:54px;color:var(--foreground);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:relative}.DemoFrame-module__b8j-ha__time{font-variant-numeric:tabular-nums;font-size:17px;font-weight:600}.DemoFrame-module__b8j-ha__dynamicIsland{background:#080809;border-radius:20px;width:86px;height:25px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff14}.DemoFrame-module__b8j-ha__dynamicIsland>span{background:radial-gradient(circle at 35% 35%,#243c59,#0b111a 60%);border-radius:50%;width:9px;height:9px;position:absolute;top:8px;right:9px}.DemoFrame-module__b8j-ha__statusIcons{flex-shrink:0;display:block}.DemoFrame-module__b8j-ha__homeIndicator{background:var(--panel);flex-shrink:0;justify-content:center;align-items:center;height:14px;display:flex}.DemoFrame-module__b8j-ha__homeIndicator>span{background:var(--foreground);border-radius:4px;width:32%;height:4px}}
.LandingDemos-module__H25Ifq__figure{min-width:0}@container demo-content (min-width:800px){.LandingDemos-module__H25Ifq__dashboardPreview>div{gap:16px}.LandingDemos-module__H25Ifq__dashboardPreview [role=grid] button{height:28px}}.LandingDemos-module__H25Ifq__composition{gap:20px;max-width:510px;margin-inline:auto;padding:14px 8px;display:grid}.LandingDemos-module__H25Ifq__floatingCard{width:88%;min-width:0;animation:6s cubic-bezier(.77,0,.175,1) infinite alternate LandingDemos-module__H25Ifq__float}.LandingDemos-module__H25Ifq__floatingCard:nth-child(2){justify-self:end;animation-delay:-2s}.LandingDemos-module__H25Ifq__floatingCard:nth-child(3){margin-left:4%;animation-delay:-4s}@keyframes LandingDemos-module__H25Ifq__float{0%{transform:translateY(3px)}to{transform:translateY(-3px)}}@media (hover:hover) and (pointer:fine){.LandingDemos-module__H25Ifq__composition:hover .LandingDemos-module__H25Ifq__floatingCard{animation-play-state:paused}}@media (max-width:480px){.LandingDemos-module__H25Ifq__composition{gap:16px;padding-inline:4px}.LandingDemos-module__H25Ifq__floatingCard{width:94%}.LandingDemos-module__H25Ifq__floatingCard:nth-child(3){margin-left:0}}@media (prefers-reduced-motion:reduce){.LandingDemos-module__H25Ifq__floatingCard{animation:none}}
.landing-module__N0yKFG__rise{animation:.52s cubic-bezier(.2,0,0,1) both landing-module__N0yKFG__rise}.landing-module__N0yKFG__delay1{animation-delay:80ms}.landing-module__N0yKFG__delay2{animation-delay:.16s}.landing-module__N0yKFG__delay3{animation-delay:.24s}.landing-module__N0yKFG__delay4{animation-delay:.36s}.landing-module__N0yKFG__pulse{animation:2.4s ease-in-out infinite landing-module__N0yKFG__pulse}@keyframes landing-module__N0yKFG__rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes landing-module__N0yKFG__pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.landing-module__N0yKFG__rise,.landing-module__N0yKFG__pulse{animation:none}}