.sc-scene{container-type:inline-size;--sc-w: 480px;--sc-pad: 1.25rem;--sc-ov: 1rem;--sc-z: 90px;--sc-drop: .75rem;--sc-turn: -16deg;--sc-cols: 36% 52% 12%;--sc-main: 1 / 3;--sc-side: 2 / 4;--sc-shadow: 0 1px 2px rgb(28 28 28 / .06), 0 30px 60px -24px rgb(28 28 28 / .32);--sc-shadow-near: 0 2px 6px rgb(28 28 28 / .1), 0 34px 60px -22px rgb(28 28 28 / .42)}:is(.theme-ink,.theme-brand) .sc-scene{--sc-shadow: 0 2px 6px rgb(20 4 8 / .25), 0 50px 90px -40px rgb(20 4 8 / .75);--sc-shadow-near: 0 2px 6px rgb(20 4 8 / .3), 0 44px 80px -26px rgb(20 4 8 / .85)}.sc-mirror{--sc-cols: 12% 52% 36%;--sc-main: 2 / 4;--sc-side: 1 / 3}@media (max-width: 1023.98px){.sc-mirror{--sc-turn: 16deg}}.sc-fit{width:max(100%,var(--sc-w));zoom:min(1,tan(atan2(100cqw,var(--sc-w))));perspective:1400px;padding-bottom:.5rem}.sc-tilt{display:grid;grid-template-columns:var(--sc-cols);grid-template-rows:auto var(--sc-ov) auto;transform-style:preserve-3d;transform:rotateY(var(--sc-turn)) rotateX(8deg)}.sc-main{grid-column:var(--sc-main);grid-row:1 / 3;transform-style:preserve-3d}.sc-side{grid-column:var(--sc-side);grid-row:2 / 4;align-self:start;translate:0 var(--sc-drop);transform:translateZ(var(--sc-z))}.sc-card{box-shadow:inset 0 0 0 1px var(--line),var(--sc-shadow)}.sc-side .sc-card{box-shadow:inset 0 0 0 1px var(--line),var(--sc-shadow-near)}.sc-body{padding:var(--sc-pad)}.sc-side .sc-body{padding:1rem}.sc-body>:first-child{margin-top:0}.sc-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"lead text status";align-items:center;-moz-column-gap:.75rem;column-gap:.75rem}.sc-head-bare{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"text status"}.sc-lead{grid-area:lead}.sc-text{grid-area:text}.sc-status{grid-area:status}.sc-status-top{align-self:start;padding-top:1px}.sc-products{grid-template-columns:repeat(3,minmax(0,1fr))}.sc-timeline:before{content:"";position:absolute;left:calc(.875rem - .75px);top:1.5rem;bottom:1.5rem;width:1.5px;background:var(--line)}.sc-live{position:relative;width:.4375rem;height:.4375rem;flex-shrink:0;border-radius:9999px;background:var(--accent)}.sc-live:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--accent);opacity:0}@media (prefers-reduced-motion: no-preference){.sc-live:after{animation:sc-live 2.4s ease-out infinite}}@keyframes sc-live{0%{opacity:.45;transform:scale(1)}70%,to{opacity:0;transform:scale(3)}}@media (min-width: 1024px){.showcase-flip .sc-scene{--sc-turn: 16deg;--sc-cols: 12% 52% 36%;--sc-main: 2 / 4;--sc-side: 1 / 3}.showcase-flip .sc-scene.sc-mirror{--sc-cols: 36% 52% 12%;--sc-main: 1 / 3;--sc-side: 2 / 4}}.apps-scene{--sc-main: 1 / 4;--sc-cols: 57% 31% 12%;--sc-side: 2 / 4;--sc-ov: 8.25rem;--front: 4px;--back: 236px}.apps-scene.sc-mirror{--sc-main: 1 / 4;--sc-cols: 12% 31% 57%;--sc-side: 1 / 3;--front: 220px;--back: 60px}@media (min-width: 1024px){.showcase-flip .sc-scene.apps-scene{--sc-main: 1 / 4;--sc-cols: 12% 31% 57%;--sc-side: 1 / 3;--front: 220px;--back: 60px}.showcase-flip .sc-scene.apps-scene.sc-mirror{--sc-cols: 57% 31% 12%;--sc-side: 2 / 4;--front: 4px;--back: 236px}}.apps-stage{position:relative;height:560px;transform-style:preserve-3d}.apps-phone{position:absolute;width:256px;height:524px;padding:6px;border-radius:2.25rem;box-shadow:inset 0 0 0 1px var(--line),var(--sc-shadow)}.apps-front{left:var(--front);top:36px}.apps-back{left:var(--back);top:0;transform-origin:0 0;transform:translateZ(-40px) scale(.72)}.apps-screen{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:1.875rem}.apps-island{position:absolute;top:10px;left:50%;width:34%;height:22px;translate:-50% 0;border-radius:9999px;background:var(--ink)}.apps-photo{height:3.25rem}.growth-scene .sc-main>.sc-card{padding-bottom:calc(var(--sc-ov) + 1.75rem)}.growth-bar{transform-origin:50% 100%}@media screen and (prefers-reduced-motion: no-preference){.growth-bars.is-visible .growth-bar{animation:growth-rise .9s var(--ease) calc(var(--reveal-delay, 0ms) + .24s + var(--i) * 70ms) backwards}}@keyframes growth-rise{0%{transform:scaleY(0)}}.ki-scene{--sc-ov: 2.75rem}.ki-scene.sc-mirror .ki-art{transform:scaleX(-1)}@media (min-width: 1024px){.showcase-flip .ki-scene .ki-art{transform:scaleX(-1)}.showcase-flip .ki-scene.sc-mirror .ki-art{transform:none}}.partner-root{fill:var(--raised);stroke:color-mix(in srgb,var(--accent) 65%,transparent)}.partner-node{fill:var(--raised);stroke:var(--line-strong);stroke-width:1.25}@media (min-width: 1024px){.sc-scene.flow-scene{--over: clamp(1.25rem, (100vw - 71rem) / 2 - .5rem, 3.5rem);--sc-w: 432px;--sc-cols: calc(40% + var(--over)) calc(60% - var(--over)) var(--over);--sc-ov: .75rem;--sc-drop: 0px}.flow-scene>.sc-fit{padding-bottom:1.75rem}.showcase-flip .sc-scene.flow-scene{--sc-cols: var(--over) calc(60% - var(--over)) calc(40% + var(--over))}.showcase-flip .flow-scene .sc-tilt{margin-left:calc(var(--over) * -1)}}.flow-list:before{content:"";position:absolute;left:25px;top:38px;bottom:34px;width:1.5px;background:var(--line)}.flow-done,.flow-run{opacity:0}[data-step="1"] :is(.flow-done,.flow-meta){animation:flow-1 9s infinite}[data-step="2"] :is(.flow-done,.flow-meta){animation:flow-2 9s infinite}[data-step="3"] :is(.flow-run,.flow-meta){animation:flow-3 9s infinite}.flow-spin{animation:flow-spin .9s linear infinite;transform-origin:50% 50%}@keyframes flow-1{0%,8%{opacity:0}11%,94%{opacity:1}to{opacity:0}}@keyframes flow-2{0%,22%{opacity:0}25%,94%{opacity:1}to{opacity:0}}@keyframes flow-3{0%,36%{opacity:0}39%,94%{opacity:1}to{opacity:0}}@keyframes flow-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){[data-step="1"] .flow-done,[data-step="2"] .flow-done,[data-step="3"] .flow-run,[data-step] .flow-meta{animation:none;opacity:1}.flow-spin{animation:none}}
