.hero-demo{--rise:0;--rise-from:.62;--rise-y:160px;justify-items:center;gap:18px;margin-top:56px;padding:0 24px 40px;display:grid}.hd-window{--ink:#1a1c1f;--text:#3c3e40;--muted:#898c8d;--hover:#eaebeb;--shell:#f6f6f6;aspect-ratio:16/10;background:var(--shell);width:min(1180px,100%,160svh - 192px);color:var(--ink);transform:translateY(calc((1 - var(--rise)) * var(--rise-y))) scale(calc(var(--rise-from) + var(--rise) * (1 - var(--rise-from))));transform-origin:50% 0;-webkit-user-select:none;user-select:none;border-radius:1.8cqw;font:1.1cqw/1.3 -apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 40px 100px -40px #0000004d;container-type:inline-size}:where(.hd-window button){all:unset;box-sizing:border-box;cursor:pointer}.hd-window svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:1.4cqw;height:1.4cqw}.hd-toolbar{z-index:2;justify-content:space-between;align-items:center;height:5.94cqw;padding:0 1.25cqw 0 7.19cqw;display:flex;position:absolute;inset:0 0 auto}.hd-lights{z-index:2;gap:.63cqw;display:flex;position:absolute;top:2.42cqw;left:1.56cqw}.hd-lights i{background:#ff5f57;border-radius:50%;width:.94cqw;height:.94cqw;box-shadow:inset 0 0 0 .05cqw #00000024}.hd-lights i:nth-child(2){background:#febc2e}.hd-lights i:nth-child(3){background:#28c840}.hd-pill{background:#fff;border-radius:99cqw;align-items:center;gap:.3cqw;height:3.44cqw;padding:.47cqw;display:flex;box-shadow:0 1px 3px #00000008,0 .3cqw 1.1cqw #0000000a}.hd-title{font-size:1.1cqw;font-weight:600}.hd-round{width:2.5cqw;height:2.5cqw;color:var(--text);border-radius:99cqw;place-items:center;transition:background-color .14s;display:grid}button.hd-round:hover{background:var(--hover);color:var(--ink)}.hd-name{border-radius:99cqw;align-items:center;gap:.55cqw;height:2.5cqw;padding:0 1.1cqw 0 .6cqw;font-weight:500;display:flex}.hd-name img{width:1.6cqw;height:1.6cqw}.hd-body{position:absolute;inset:0}.hd-body.moving{pointer-events:none}.hd-body.home{background:#fff}.hd-body.project{background:var(--shell)}.hd-toolbar>*,.hd-pill>*{animation:hd-bar-in .42s var(--spring,cubic-bezier(.2, 0, 0, 1)) both}@keyframes hd-bar-in{0%{opacity:0;translate:-.6cqw;scale:.96}}.hd-home{text-align:center;height:100%;padding:5cqw 13cqw 0;overflow:hidden}.hd-mark{background:#fff;border-radius:1.25cqw;place-items:center;width:5cqw;height:5cqw;margin:0 auto;display:grid;position:relative;rotate:-1.2deg;box-shadow:0 .94cqw 1.72cqw -.78cqw #0000002e,0 2.03cqw 2.81cqw -1.56cqw #0000001f}.hd-mark img{object-fit:contain;width:66%;height:66%}.hd-home h3{letter-spacing:-.09cqw;margin:1.6cqw 0 2.4cqw;font-size:2.3cqw;font-weight:500}.hd-projects{text-align:left;grid-template-columns:repeat(3,1fr);gap:1.9cqw 1.7cqw;display:grid}.hd-project{gap:.7cqw;display:grid}.hd-stack{aspect-ratio:1.49;background:var(--shell);border-radius:1.3cqw;transition:transform .22s cubic-bezier(.2,0,0,1);display:block;position:relative;overflow:hidden;container-type:inline-size}.hd-project:hover .hd-stack{transform:translateY(-.25cqw)}.hd-stack>*{aspect-ratio:1.49;object-fit:cover;background:#fff;border-radius:2.7cqw;position:absolute;top:12%;box-shadow:0 2.5cqw 10cqw #0001}.hd-stack.n1>*{border-radius:4.6cqw;width:76%;left:12%}.hd-stack.n2>*{width:30.9%}.hd-stack.n2>:first-child{left:10%}.hd-stack.n2>:nth-child(2){left:45.1%}.hd-stack:is(.n3,.n4)>*{width:21.2%}.hd-stack:is(.n3,.n4)>:nth-child(3n+1){left:14%}.hd-stack:is(.n3,.n4)>:nth-child(3n+2){left:39.4%}.hd-stack:is(.n3,.n4)>:nth-child(3n){left:64.8%}.hd-stack.n4>:nth-child(n+4){top:39.5%}.hd-caption{align-items:center;gap:.5cqw;padding-left:.8cqw;font-size:.98cqw;display:flex}.hd-caption img{width:1.4cqw;height:1.4cqw}.hd-gallery{grid-template-columns:repeat(3,1fr);align-content:start;gap:2.4cqw;height:100%;padding:8cqw 8cqw 0;display:grid;overflow:hidden}.hd-card{gap:1cqw;display:grid}.hd-card>:first-child{aspect-ratio:1.49;object-fit:cover;background:#fff;border-radius:1.5cqw;width:100%;transition:transform .22s cubic-bezier(.2,0,0,1);box-shadow:0 .4cqw 1.6cqw #00000012}.hd-card:hover>:first-child{transform:translateY(-.3cqw)}.hd-card>span:last-child{color:var(--text);padding-left:1.6cqw;font-size:1.2cqw}.hd-item{background:#fff;border-radius:2.97cqw;position:absolute;inset:5.94cqw 1.25cqw 1.25cqw;overflow:hidden}.hd-media,.hd-frame{object-fit:cover;border:0;width:100%;height:100%;position:absolute;inset:0}.hd-media.contain{object-fit:contain;background:var(--shell)}.hd-frame{opacity:0;transition:opacity .36s}.hd-frame.loaded{opacity:1}.hd-bubble{background:#fff;border-radius:99cqw;align-items:center;height:3.44cqw;padding:.47cqw;display:flex;position:absolute;bottom:1.25cqw;left:1.25cqw;box-shadow:0 0 0 .5px #00000014,0 .3cqw 1.1cqw #00000029}.hd-bubble img{width:2.5cqw;height:2.5cqw}.hd-bubble span{white-space:nowrap;max-width:0;font-size:1.02cqw;font-weight:500;transition:max-width .42s cubic-bezier(.2,0,0,1),padding .42s cubic-bezier(.2,0,0,1);overflow:hidden}.hd-bubble.open span{max-width:40cqw;padding:0 1.25cqw 0 .31cqw}.hd-corner{z-index:3;justify-items:center;gap:1.57cqw;transition:opacity .24s,translate .42s cubic-bezier(.2,0,0,1);display:grid;position:absolute;bottom:1.72cqw;left:1.72cqw}.hd-corner.away{opacity:0;pointer-events:none;translate:0 1cqw}.hd-avatar,.hd-float{border-radius:99cqw;place-items:center;width:2.5cqw;height:2.5cqw;display:grid;overflow:hidden;box-shadow:0 0 0 .47cqw #fff,0 .3cqw 1.1cqw .47cqw #0000001a}.hd-avatar{background:var(--ink);position:relative;overflow:visible}.hd-eyes{z-index:1;gap:.39cqw;animation:7s cubic-bezier(.45,0,.2,1) infinite hd-look;display:flex;position:relative;translate:0 -.08cqw}.hd-eyes i{transform-origin:50% 60%;background:#fff;border-radius:99cqw;width:.36cqw;height:.52cqw;animation:7s infinite hd-blink;display:block;box-shadow:0 0 0 .12cqw #0009}@keyframes hd-look{0%,14%{translate:0 -.08cqw}22%,36%{translate:-.24cqw -.08cqw}46%,60%{translate:.24cqw -.08cqw}70%,to{translate:0 -.08cqw}}@keyframes hd-blink{0%,76%,81%,to{scale:1}78.5%{scale:1 .12}}.hd-float{color:var(--text);background:#fff;position:relative;overflow:visible}.hd-tag{color:#fff;white-space:nowrap;opacity:0;transform-origin:0;pointer-events:none;background:#1d1e20;border-radius:.8cqw;align-items:center;gap:.6cqw;height:2.35cqw;padding:0 .3cqw 0 .86cqw;font:500 1.02cqw/1 -apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;transition:opacity .12s,scale .16s cubic-bezier(.2,0,0,1);display:flex;position:absolute;top:50%;left:calc(100% + 1.1cqw);translate:0 -50%;scale:.96;box-shadow:0 .6cqw 1.7cqw #0000002e}.hd-tag-keys{gap:.23cqw;display:flex}.hd-tag kbd{box-sizing:border-box;min-width:1.7cqw;height:1.7cqw;font:inherit;background:#ffffff29;border-radius:.55cqw;place-items:center;padding:0 .45cqw;font-size:.98cqw;display:grid}:is(.hd-float,.hd-avatar,.hd-act):hover .hd-tag{opacity:1;transition-delay:.45s;scale:1}.hd-tag.below{transform-origin:50% 0;padding-right:.86cqw;top:calc(100% + .9cqw);left:50%;translate:-50%}.hd-project,.hd-card{position:relative}.hd-actions{z-index:3;opacity:0;background:#fff;border-radius:99cqw;gap:.3cqw;padding:.47cqw;transition:opacity .14s,transform .14s;display:flex;position:absolute;top:.9cqw;right:.9cqw;transform:translateY(-.2cqw);box-shadow:0 1px 3px #0000000f,0 .3cqw 1.1cqw #00000014}:is(.hd-project,.hd-card):hover .hd-actions{opacity:1;transform:none}.hd-act{width:2.5cqw;height:2.5cqw;color:var(--text);cursor:pointer;border-radius:99cqw;place-items:center;transition:background-color .14s;display:grid;position:relative}.hd-act:hover{background:var(--hover);color:var(--ink)}.hd-act[aria-pressed=true] svg{fill:currentColor}.hd-float:hover{color:var(--ink)}@media (max-width:640px){.hero-demo{--rise-from:.9;--rise-y:40px;margin-top:40px;padding:0 16px 24px}.hd-window{pointer-events:none;border-radius:2.6cqw}}@media (prefers-reduced-motion:reduce){.hd-window{transform:none}.hd-toolbar>*,.hd-pill>*,.hd-corner,.hd-bubble span,.hd-eyes,.hd-eyes i{transition:none;animation:none}}.hd-scrim{z-index:5;background:#00000024;place-items:start center;animation:.18s hd-fade;display:grid;position:absolute;inset:0}.hd-scrim.clear{background:0 0}@keyframes hd-fade{0%{opacity:0}}.hd-command{background:#fff;border-radius:1.6cqw;width:44cqw;margin-top:7cqw;padding:.6cqw;animation:.22s cubic-bezier(.2,0,0,1) hd-pop;box-shadow:0 0 0 1px #0000000f,0 2cqw 5cqw -1.6cqw #00000059}@keyframes hd-pop{0%{opacity:0;transform:translateY(-.6cqw)scale(.98)}}.hd-command-field{height:3.6cqw;color:var(--muted);align-items:center;gap:.8cqw;padding:0 1cqw;display:flex}.hd-command-field input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:1.25cqw}.hd-command-list{border-top:1px solid #f0f0f0;max-height:34cqw;padding:.3cqw 0 .2cqw;display:grid;overflow:hidden}.hd-command-group{color:var(--muted);padding:.9cqw 1cqw .4cqw;font-size:.9cqw;display:block}.hd-command-row{border-radius:.9cqw;align-items:center;gap:.9cqw;width:100%;height:3.4cqw;padding:0 1cqw 0 .6cqw;display:flex}.hd-command-row.on{background:var(--shell)}.hd-command-thumb{aspect-ratio:1.49;background:#111;border-radius:.35cqw;flex:none;width:3.2cqw;overflow:hidden}.hd-command-thumb img{object-fit:cover;width:100%;height:100%}.hd-command-title{flex:1;font-weight:500}.hd-command-detail{color:var(--muted);font-size:.95cqw}.hd-command kbd{font:inherit;color:var(--muted);font-size:.95cqw}.hd-command-empty{color:var(--muted);margin:0;padding:1.4cqw 1cqw}.hd-scrim.clear{place-items:end start}.hd-menu{transform-origin:0 100%;background:#fff;border-radius:1.6cqw;width:26cqw;margin:0 0 5.31cqw 1.25cqw;padding:.6cqw;animation:.2s cubic-bezier(.2,0,0,1) hd-pop;box-shadow:0 0 0 1px #00000012,0 1.3cqw 3.4cqw #00000024}.hd-menu-head{align-items:center;gap:1cqw;padding:.9cqw .9cqw 1.1cqw;display:flex}.hd-menu-head .hd-avatar{box-shadow:none}.hd-menu-head>span:last-child{text-align:left;display:grid}.hd-menu-head strong{font-size:1.2cqw;font-weight:500}.hd-menu-head em,.hd-menu-bring em{color:var(--muted);font-size:1cqw;font-style:normal}.hd-menu-group+.hd-menu-group:before{content:"";background:#eee;height:1px;margin:.6cqw .9cqw;display:block}.hd-menu [role=menuitem]{border-radius:.9cqw;align-items:center;gap:.9cqw;width:100%;height:3.4cqw;padding:0 .9cqw;font-size:1.2cqw;display:flex}.hd-menu [role=menuitem]:hover{background:var(--shell)}.hd-menu [role=menuitem]>span:nth-child(2){text-align:left;flex:1}.hd-menu kbd{font:inherit;color:var(--muted);font-size:1cqw}.hd-menu .hd-menu-bring{gap:1.1cqw;height:auto;padding:.78cqw .9cqw .78cqw .78cqw}.hd-menu [role=menuitem].hd-menu-bring:hover{background:0 0}.hd-menu-bring>span:last-child{text-align:left;display:grid}.hd-menu-bring strong{font-weight:500}.hd-menu-art{background:var(--shell);border-radius:.94cqw;flex:none;place-items:center;width:5.6cqw;height:4.2cqw;transition:background-color .16s;display:grid;position:relative}.hd-menu-bring:hover .hd-menu-art{background:var(--hover)}.hd-menu-apps{display:flex;position:relative;top:-.39cqw}.hd-menu-apps img{width:2.66cqw;height:2.66cqw}.hd-menu-apps img+img{margin-left:-.62cqw}.hd-menu-plus{background:var(--ink);color:#fff;width:1.56cqw;height:1.56cqw;box-shadow:0 0 0 .2cqw var(--shell);border-radius:99cqw;place-items:center;transition:box-shadow .16s;display:grid;position:absolute;bottom:.23cqw;left:50%;translate:-50%}.hd-menu-bring:hover .hd-menu-plus{box-shadow:0 0 0 .2cqw var(--hover)}.hd-menu-plus svg{stroke-width:2.4px;width:.86cqw;height:.86cqw}.hd-settings{background:#fff;border-radius:1.8cqw;grid-template-rows:auto 1fr;width:56cqw;height:calc(100% - 8cqw);margin-top:4cqw;animation:.22s cubic-bezier(.2,0,0,1) hd-pop;display:grid;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 2cqw 5cqw -1.6cqw #00000059}.hd-settings-head{justify-content:space-between;align-items:center;padding:1.2cqw 1.2cqw 1.2cqw 2cqw;font-size:1.4cqw;display:flex}.hd-settings-body{scrollbar-width:none;padding:0 2cqw 2cqw;overflow:auto}.hd-settings-body h4{margin:1.6cqw 0 .8cqw;font-size:1.1cqw;font-weight:600}.hd-group{border-radius:1.3cqw;padding:0 1.4cqw;box-shadow:inset 0 0 0 1px #ececec}.hd-row{justify-content:space-between;align-items:center;gap:2cqw;padding:1.2cqw 0;display:flex}.hd-row+.hd-row{border-top:1px solid #f0f0f0}.hd-row>span:first-child{text-align:left;gap:.2cqw;display:grid}.hd-row strong{font-weight:500}.hd-row em{color:var(--muted);font-size:1cqw;font-style:normal}.hd-field{background:var(--shell);border-radius:.9cqw;min-width:14cqw;padding:.7cqw 1cqw}.hd-pill-button{white-space:nowrap;background:#fff;border-radius:99cqw;flex:none;padding:.7cqw 1.2cqw;font-size:1.05cqw;box-shadow:0 1px 3px #0000000f,0 .3cqw 1cqw #0000000f}.hd-switch{background:#d9dbdc;border-radius:99cqw;flex:none;width:3.4cqw;height:2cqw;transition:background-color .16s;position:relative}.hd-switch span{background:#fff;border-radius:99cqw;width:1.5cqw;height:1.5cqw;transition:transform .2s cubic-bezier(.2,0,0,1);position:absolute;top:.25cqw;left:.25cqw;box-shadow:0 1px 2px #0003}.hd-switch[aria-checked=true]{background:var(--ink)}.hd-switch[aria-checked=true] span{transform:translate(1.4cqw)}
@layer blossom-carousel{[blossom-carousel]{white-space:nowrap;scroll-behavior:smooth;overscroll-behavior-x:contain;box-sizing:border-box;inline-size:100%;max-inline-size:100vw;list-style-type:none;display:inline-block;overflow:auto clip}[blossom-carousel]:is(ul){padding-inline-start:0}[blossom-carousel]{scrollbar-width:none}[blossom-carousel]::-webkit-scrollbar{display:none}[blossom-carousel][has-repeat=true]{padding-inline:50%!important;scroll-padding-inline:50%!important}[blossom-carousel][has-snap=true]{scroll-snap-type:var(--snap-type)!important}[blossom-carousel][has-overflow=true]{cursor:grab}[blossom-carousel][has-overflow=true]:active{cursor:grabbing}@media (pointer:fine){[blossom-carousel][has-overflow=true]:active{scroll-snap-type:none!important}}[blossom-carousel]>*{white-space:initial;vertical-align:top;display:inline-block}[blossom-carousel] *{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}:where([data-blossom-dots]){gap:var(--blossom-dots-gap,.5rem);justify-content:center;align-items:center;display:flex}:where([data-blossom-dot]){color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}:where([data-blossom-dot-marker]){inline-size:var(--blossom-dot-size,.625rem);block-size:var(--blossom-dot-size,.625rem);border-radius:var(--blossom-dot-radius,50%);background:var(--blossom-dot-color,currentColor);opacity:var(--blossom-dot-opacity,.35);transition:opacity .2s;display:block}:where([data-blossom-dot]:hover [data-blossom-dot-marker]){opacity:var(--blossom-dot-hover-opacity,.6)}:where([data-blossom-dot][aria-current=true] [data-blossom-dot-marker]){opacity:var(--blossom-dot-active-opacity,1)}:where([blossom-prev]),:where([blossom-next]){touch-action:manipulation}
.features-section{margin-top:168px}.features-head{text-align:center;text-wrap:balance;max-width:760px;margin:0 auto;padding:0 24px}.features-head h2{font-size:var(--type-headline);letter-spacing:-1px;margin:0;font-weight:600;line-height:1.15}.features{--ui-float:0 8px 22px #0000002e;--ui-shell:#f6f6f6;--ui-ink:#1a1c1f;--ui-text:#3c3e40;--ui-muted:#898c8d;--ui-hover:#eaebeb;--ui-green:#2fb35a;width:min(1240px,100%);box-sizing:border-box;white-space:normal;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-inline-size:none;margin:0 auto;padding:64px 24px 0;display:grid;overflow:visible}.feature h3{font-size:var(--type-title);letter-spacing:-.3px;margin:26px 4px 0;font-weight:600;line-height:1.3}.feature p{font-size:var(--type-text);color:#666;margin:8px 4px 0;line-height:1.5}.feature-ui{aspect-ratio:1.15;background:var(--ui-shell);color:var(--ui-ink);--ui-title:15px;--ui-text:13px;--ui-small:11.5px;font:var(--ui-text)/1.3 -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;border-radius:24px;place-items:center;display:grid;position:relative;overflow:hidden}.feature-ui svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.feature-ui .cursor-arrow{fill:#111;stroke:#fff;stroke-width:1.4px;filter:drop-shadow(0 2px 3px #0000004d);width:26px;height:26px}.feature-ui .cursor-arrow path{stroke-linejoin:round}.ui-canvas{pointer-events:none;grid-template-columns:repeat(3,1fr);align-content:center;gap:10px;display:grid;position:absolute;inset:22px}.ui-tile{aspect-ratio:1.49;background:#fff;border-radius:9px;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000000a,0 6px 16px -10px #0003}.ui-tile img{object-fit:cover;width:100%;height:100%}.ui-tile em{color:#fff;font-style:normal;font-size:var(--ui-small);background:#3784ff;border-radius:99px;padding:1px 6px;font-weight:600;position:absolute;top:5px;left:5px}.ui-tile-old{opacity:.45}.ui-tile-new{opacity:0;transition:opacity .42s,transform .56s cubic-bezier(.34,1.3,.64,1);transform:scale(.9)}.ui-tile-new:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffffbf 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.feature-ui[data-phase="6"] .ui-tile-new{opacity:1;transform:none}.feature-ui[data-phase="6"] .ui-tile-new:after{animation:1.1s .2s both shimmer}@keyframes shimmer{to{transform:translate(120%)}}.bring-art{place-items:center;transition:opacity .36s,transform .48s cubic-bezier(.2,0,0,1);display:grid;position:absolute}.bring-ui[data-phase="2"] .bring-art,.bring-ui:not([data-phase="0"]):not([data-phase="1"]):not([data-phase="2"]) .bring-art{opacity:0;pointer-events:none;transform:scale(.8)}.bring-apps{display:flex}.bring-apps img{filter:drop-shadow(0 10px 18px #00000029);width:110px;height:110px}.bring-apps img:first-child{transform:rotate(-8deg)}.bring-apps img+img{margin-left:-24px;transform:rotate(7deg)}.bring-ui[data-phase="1"] .bring-apps{animation:1.1s cubic-bezier(.65,0,.25,1) .26s both bring-orbit}.bring-ui[data-phase="1"] .bring-apps img{animation:1.1s cubic-bezier(.65,0,.25,1) .26s both bring-upright}@keyframes bring-orbit{to{rotate:360deg}}@keyframes bring-upright{to{rotate:-360deg}}.bring-plus{background:var(--ui-ink);color:#fff;border-radius:99px;place-items:center;width:44px;height:44px;display:grid;position:absolute;bottom:-16px;box-shadow:0 0 0 6px #fff,0 8px 22px 6px #0000002e}.bring-ui[data-phase="1"] .bring-plus{animation:.38s cubic-bezier(.34,1.56,.64,1) both bring-tap}.bring-plus svg{z-index:1;stroke-width:2.4px;filter:drop-shadow(0 0 1px #000000b3)drop-shadow(0 1px 3px #00000080);width:20px;height:20px;position:relative}@keyframes bring-tap{45%{transform:scale(.8)}}.bring-plus .chrome-disc{opacity:0;transition:opacity .26s}.bring-plus.lit .chrome-disc,.bring-ui:is([data-phase="1"],[data-phase="2"]) .bring-plus .chrome-disc{opacity:1}.bring-cursor{z-index:3;opacity:0;pointer-events:none;transition:left .9s cubic-bezier(.4,0,.2,1),top .9s cubic-bezier(.4,0,.2,1),opacity .3s;position:absolute;top:92%;left:86%}.bring-ui[data-phase="0"] .bring-cursor,.bring-ui[data-phase="1"] .bring-cursor{opacity:1;top:66%;left:53%}.bring-ui[data-phase="1"] .bring-cursor svg{animation:.32s both cursor-tap}@keyframes cursor-tap{50%{transform:scale(.82)}}.bring-ui[data-phase="2"] .bring-cursor{opacity:0;top:104%;left:92%}.bring-calls{pointer-events:none;grid-area:1/1;gap:10px;width:84%;transition:opacity .36s,transform .48s cubic-bezier(.2,0,0,1);display:grid}.bring-ui[data-phase="6"] .bring-calls{opacity:0;transform:translateY(-16px)}.bring-call{opacity:0;background:#fff;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;transition:opacity .32s,transform .42s cubic-bezier(.2,0,0,1);display:flex;transform:translateY(8px);box-shadow:0 0 0 1px #0000000a,0 8px 22px -12px #0000002e}.bring-call.on{opacity:1;transform:none}.bring-call img{width:26px;height:26px}.bring-call>span:not(.bring-done){flex:1;font-weight:500}.bring-call img.bring-mark{box-sizing:border-box;background:#fff;border-radius:7px;padding:3px;box-shadow:inset 0 0 0 1px #0000001a}.bring-done{background:var(--ui-green);color:#fff;border-radius:99px;place-items:center;width:20px;height:20px;display:grid}.bring-done svg{stroke-width:2.6px;width:12px;height:12px}.bring-link{background:linear-gradient(#cfd2d3, var(--ui-ink));transform-origin:top;border-radius:2px;justify-self:start;width:2px;height:22px;margin:-2px 0 -2px 24px;transition:transform .42s cubic-bezier(.2,0,0,1);transform:scaleY(0)}.bring-link.on{transform:none}.bring-final.on{transition-delay:.3s}.bring-home{opacity:0;pointer-events:none;background:#fff;border-radius:23px;grid-area:1/1;justify-self:stretch;justify-items:center;gap:10px;margin:0 16px;padding:14px;transition:opacity .36s,transform .56s cubic-bezier(.2,0,0,1);display:grid;position:relative;transform:translateY(12px)scale(.96);box-shadow:0 0 0 1px #0000000a,0 16px 36px -18px #00000042}.bring-ui[data-phase="6"] .bring-home{opacity:1;transform:none}.bring-home-mark{box-sizing:border-box;background:#fff;border-radius:11px;width:36px;height:36px;padding:7px;box-shadow:0 0 0 1px #0000000f,0 6px 14px -6px #00000038}.bring-home strong{font-size:var(--ui-title);letter-spacing:-.2px;margin-bottom:10px;font-weight:600}.bring-tiles{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.chat-ui{perspective:900px}.chat-slide{--x:0%;--s:1;--turn:0deg;aspect-ratio:1.3;width:max(64%,190px);transform:translate(-50%, -50%) translateX(var(--x)) scale(var(--s)) rotateY(var(--turn));background:#111;border-radius:32px;transition:transform .86s cubic-bezier(.32,.72,0,1);position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 0 0 1px #0000000a,0 18px 36px -16px #0000005c}.chat-slide[data-offset="0"]{z-index:3}.chat-slide[data-offset="-1"]{--x:-26%;--s:.8;--turn:24deg;z-index:2}.chat-slide[data-offset="1"]{--x:26%;--s:.8;--turn:-24deg;z-index:1}.chat-slide video{object-fit:cover;width:100%;height:100%}.chat-bubble{box-sizing:border-box;height:44px;box-shadow:var(--ui-float);opacity:0;background:#fff;border-radius:99px;align-items:center;padding:5px;transition:opacity .3s,transform .42s cubic-bezier(.34,1.3,.64,1);display:flex;position:absolute;bottom:10px;left:10px;transform:translateY(8px)scale(.9)}.chat-slide[data-offset="0"] .chat-bubble{opacity:1;transition-delay:.38s;transform:none}.chat-bubble img{width:34px;height:34px}.chat-bubble span{white-space:nowrap;max-width:0;font-size:var(--ui-text);font-weight:500;transition:max-width .46s cubic-bezier(.2,0,0,1),padding .46s cubic-bezier(.2,0,0,1);overflow:hidden}.chat-bubble.open span{max-width:200px;padding:0 12px 0 7px}.notice-ui{place-items:end start;padding:22px}.notice-avatar{z-index:2;background:var(--ui-ink);border-radius:99px;place-items:center;width:42px;height:42px;margin:6px;display:grid;position:relative;box-shadow:0 0 0 6px #fff,0 8px 22px 6px #0000002e}.ui-eyes{z-index:1;gap:6px;animation:7s cubic-bezier(.45,0,.2,1) infinite ui-look;display:flex;position:relative;translate:0 -1px}.ui-eyes i{transform-origin:50% 60%;background:#fff;border-radius:99px;width:5.5px;height:8px;animation:7s infinite ui-blink;display:block;box-shadow:0 0 0 1.5px #0009}@keyframes ui-look{0%,14%{translate:0 -1px}22%,36%{translate:-3px -1px}46%,60%{translate:3px -1px}70%,to{translate:0 -1px}}@keyframes ui-blink{0%,76%,81%,to{scale:1}78.5%{scale:1 .12}}.notice-badge{color:#fff;min-width:20px;height:20px;font-size:var(--ui-small);background:#3784ff;border-radius:99px;place-items:center;padding:0 5px;font-weight:600;transition:transform .38s cubic-bezier(.34,1.56,.64,1);display:grid;position:absolute;top:-6px;right:-8px;transform:scale(0);box-shadow:0 0 0 2.5px #fff}.notice-ui:is([data-phase="1"],[data-phase="2"],[data-phase="3"],[data-phase="4"],[data-phase="5"]) .notice-badge{transform:none}.notice-menu{z-index:2;opacity:0;transform-origin:0 100%;pointer-events:none;background:#fff;border-radius:18px;gap:6px;width:min(76%,300px);padding:8px;transition:opacity .26s,transform .42s cubic-bezier(.2,0,0,1);display:grid;position:absolute;bottom:90px;left:22px;transform:translateY(10px)scale(.97);box-shadow:0 0 0 1px #0000000f,0 16px 40px -14px #00000038}.notice-ui:is([data-phase="2"],[data-phase="3"],[data-phase="4"],[data-phase="5"]) .notice-menu{opacity:1;transform:none}.notice-bring{border-radius:12px;align-items:center;gap:10px;padding:6px 8px;display:flex}.notice-bring>span:last-child{display:grid}.notice-bring strong{font-weight:500;font-size:var(--ui-text)}.notice-bring em{font-style:normal;font-size:var(--ui-small);color:#3784ff;font-weight:500}.notice-art{background:var(--ui-shell);border-radius:10px;flex:none;place-items:center;width:56px;height:42px;display:grid;position:relative}.notice-apps{display:flex;position:relative;top:-4px}.notice-apps img{width:28px;height:28px}.notice-apps img+img{margin-left:-7px}.notice-plus{background:var(--ui-ink);color:#fff;width:16px;height:16px;box-shadow:0 0 0 2px var(--ui-shell);border-radius:99px;place-items:center;display:grid;position:absolute;bottom:2px;left:50%;translate:-50%}.notice-plus svg{stroke-width:2.6px;width:9px;height:9px}.notice-list{border-top:1px solid #f0f0f0;gap:2px;padding-top:6px;display:grid}.notice-row{font-size:var(--ui-text);border-radius:10px;align-items:center;gap:10px;padding:5px 8px;display:flex}.notice-cover{aspect-ratio:1.49;object-fit:cover;background:#111;border-radius:6px;flex:none;width:42px}.notice-row>span:nth-child(2){flex:1;gap:1px;min-width:0;display:grid}.notice-row strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.notice-row em{font-style:normal;font-size:var(--ui-small);color:var(--ui-muted);align-items:center;gap:5px;display:flex}.notice-row em img{width:13px;height:13px}.notice-check{background:var(--ui-green);color:#fff;border-radius:99px;place-items:center;width:20px;height:20px;transition:transform .36s cubic-bezier(.34,1.56,.64,1);display:grid;transform:scale(0)}.notice-check svg{stroke-width:2.6px;width:12px;height:12px}.notice-row.done .notice-check{transform:none}.notice-canvas{opacity:0;transition:opacity .4s;bottom:80px}.notice-ui[data-phase="6"] .notice-canvas{opacity:1}@media (max-width:960px){.features{white-space:nowrap;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;width:100%;padding:40px 0 8px;display:block;position:relative;overflow:auto clip}.features>.feature{--focus:1;vertical-align:top;white-space:normal;scroll-snap-align:center;scroll-snap-stop:always;width:min(80vw,420px);transform:scale(calc(.92 + .08 * var(--focus)));transform-origin:50% 40%;will-change:transform;margin-left:12px;display:inline-block}.features>.feature:first-child{margin-left:calc(50vw - min(80vw,420px)/2)}.features>.feature:last-child{margin-right:calc(50vw - min(80vw,420px)/2)}.features>.feature :is(h3,p){opacity:calc(.4 + .6 * var(--focus))}.features-section{margin-top:72px}.chat-slide{aspect-ratio:1.18;width:72%}.chat-slide[data-offset="-1"]{--x:-25%;--s:.76}.chat-slide[data-offset="1"]{--x:25%;--s:.76}.notice-ui{padding:16px}.notice-menu{width:90%;bottom:76px;left:16px;scale:.8}}@media (max-width:380px){.notice-menu{scale:.74}}@media (max-width:340px){.notice-menu{scale:.62}}@media (prefers-reduced-motion:reduce){.bring-apps,.bring-apps img,.bring-plus,.bring-cursor svg,.ui-eyes,.ui-eyes i{animation:none!important}.bring-art,.bring-cursor,.bring-plus .chrome-disc,.bring-calls,.bring-call,.bring-link,.bring-home,.ui-tile-new,.chat-slide,.chat-bubble,.chat-bubble span,.notice-badge,.notice-menu,.notice-check,.notice-canvas{transition:none}.ui-tile-new:after{animation:none!important}}
.updates{box-sizing:border-box;width:min(1240px,100%);margin:168px auto 0;padding:0 24px}.updates-card{--size:88px;isolation:isolate;text-align:center;background:radial-gradient(46% 70% at 50% 0,#a9d6ff29,#a9d6ff00 70%),#f6f6f6;border-radius:32px;padding:84px 48px 56px;position:relative}.updates-card:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle,#0000001a 1px,#0000 1.6px) 50% 0/16px 16px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(42% 80% at 50% 0,#000,#0000);mask-image:radial-gradient(42% 80% at 50% 0,#000,#0000)}.updates-body{z-index:2;position:relative}.updates-body h3{font-size:var(--type-headline);letter-spacing:-1px;margin:0;font-weight:600;line-height:1.15}.updates-text{max-width:440px;font-size:var(--type-text);color:#666;text-wrap:balance;margin:10px auto 0;line-height:1.5}.updates-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.updates-aura{z-index:1;pointer-events:none;filter:blur(36px);opacity:.8;width:520px;height:340px;transition:opacity .7s;position:absolute;top:-170px;left:calc(50% - 260px)}.updates-aura i{border-radius:50%;position:absolute}.updates-aura i:first-child{background:#a9d6ffbf;width:44%;height:48%;animation:8s ease-in-out infinite alternate updates-drift-a;top:26%;left:28%}.updates-aura i:nth-child(2){background:#beccff99;width:38%;height:40%;animation:11s ease-in-out infinite alternate updates-drift-b;top:38%;left:14%}.updates-aura i:nth-child(3){background:#b0e8ff99;width:36%;height:42%;animation:13s ease-in-out infinite alternate updates-drift-c;top:30%;right:12%}@keyframes updates-drift-a{0%{translate:-8% -6%;scale:.92}to{translate:8% 8%;scale:1.16}}@keyframes updates-drift-b{0%{translate:0 8%;scale:1.1}to{translate:26% -10%;scale:.9}}@keyframes updates-drift-c{0%{translate:6% -8%;scale:.95}to{translate:-24% 10%;scale:1.2}}.updates-card:is(:focus-within,[data-mood=joined],[data-tickle]) .updates-aura{opacity:1}.updates-avatar{z-index:2;top:calc(var(--size) / -2);left:calc(50% - var(--size) / 2);width:var(--size);height:var(--size);cursor:pointer;-webkit-tap-highlight-color:transparent;opacity:0;background:#1a1c1f;border-radius:99px;place-items:center;transition:scale .62s cubic-bezier(.34,1.56,.64,1),opacity .24s;display:grid;position:absolute;scale:.4;box-shadow:0 0 0 8px #fff,0 16px 34px 6px #00000029}.updates-card[data-arrived] .updates-avatar{opacity:1;scale:1}.updates-card[data-arrived] .updates-avatar:active{transition-duration:.12s;scale:.92}.updates-eyes{z-index:1;transform:translate(var(--lx,0px), var(--ly,-2px));gap:14px;transition:transform .24s cubic-bezier(.2,0,0,1);display:flex;position:relative}.updates-eyes:not([data-tracking]){animation:7s cubic-bezier(.45,0,.2,1) infinite updates-look}.updates-eyes i{transform-origin:50% 60%;background:#fff;border-radius:99px;width:11px;height:16px;transition:scale .26s cubic-bezier(.34,1.56,.64,1);animation:6s infinite updates-blink;display:block;box-shadow:0 0 0 2.5px #0009}@keyframes updates-look{0%,14%{translate:0}22%,36%{translate:-6px}46%,60%{translate:6px}70%,to{translate:0}}@keyframes updates-blink{0%,76%,81%,to{scale:1}78.5%{scale:1 .12}}.updates-card[data-mood=good] .updates-eyes i{animation:none;scale:1.12}.updates-card[data-mood=no] .updates-eyes i{animation:none;scale:1.1 .5}.updates-avatar[data-shake="0"]{animation:.52s updates-no-a}.updates-avatar[data-shake="1"]{animation:.52s updates-no-b}@keyframes updates-no-a{15%,55%{translate:-7px}35%,75%{translate:7px}}@keyframes updates-no-b{15%,55%{translate:-7px}35%,75%{translate:7px}}.updates-card[data-mood=joined] .updates-avatar{animation:.76s cubic-bezier(.3,0,.2,1) updates-hop}.updates-card[data-mood=joined] .updates-eyes{animation:none;transform:translateY(-3px)}.updates-card[data-mood=joined] .updates-eyes i{width:15px;height:9px;box-shadow:none;filter:drop-shadow(0 0 1px #000000e6)drop-shadow(0 0 2px #0009);background:0 0;border:4px solid #fff;border-bottom:0;border-radius:99px 99px 0 0;animation:none}@keyframes updates-hop{30%{translate:0 -18px}55%{translate:0}70%{translate:0 -5px}}.updates-card[data-tickle="0"] .updates-eyes i{animation:.9s updates-giggle-a}.updates-card[data-tickle="1"] .updates-eyes i{animation:.9s updates-giggle-b}@keyframes updates-giggle-a{0%,to{translate:0;scale:1}12%,86%{scale:.7 .62}20%,50%{translate:-3px}35%,65%{translate:3px}80%{translate:0}}@keyframes updates-giggle-b{0%,to{translate:0;scale:1}12%,86%{scale:.7 .62}20%,50%{translate:-3px}35%,65%{translate:3px}80%{translate:0}}.updates-bubble{z-index:3;top:calc(var(--size) / -2 - 20px);left:calc(50% + var(--size) / 2 + 16px);box-sizing:border-box;color:#171717;min-height:44px;font-size:var(--type-text);white-space:nowrap;transform-origin:0 100%;background:#fff;border-radius:22px 22px 22px 7px;align-items:center;padding:0 20px;font-weight:500;line-height:1.3;animation:.48s cubic-bezier(.34,1.56,.64,1) .26s backwards updates-say;display:flex;position:absolute;box-shadow:0 0 0 1px #0000000d,0 12px 28px -10px #00000047}.updates-card[data-mood=no] .updates-bubble{color:#d93d42}.updates-card:is([data-mood=typing],[data-mood=good],[data-mood=no],[data-mood=joined],[data-tickle]) .updates-bubble,.updates-bubble.again{animation-delay:0s}@keyframes updates-say{0%{opacity:0;translate:-8px 6px;scale:.5}}.updates-line{animation:.26s backwards updates-line-in}@keyframes updates-line-in{0%{opacity:0}}.updates-dots{align-items:center;gap:5px;height:21px;padding:0 2px;display:flex}.updates-dots i{background:#8a8a8a;border-radius:99px;width:7px;height:7px;animation:1s ease-in-out infinite updates-dot}.updates-dots i:nth-child(2){animation-delay:.15s}.updates-dots i:nth-child(3){animation-delay:.3s}@keyframes updates-dot{0%,60%,to{opacity:.45;translate:0}30%{opacity:1;translate:0 -4px}}.updates-form{max-width:460px;margin:30px auto 0}.updates-pill{background:#fff;border-radius:999px;align-items:center;gap:8px;padding:6px 6px 6px 22px;transition:box-shadow .2s;display:flex;box-shadow:0 0 0 1px #0000000f,0 8px 22px -12px #00000038}.updates-pill:focus-within{box-shadow:0 0 0 1px #00000038,0 0 0 5px #a9d6ff73,0 8px 22px -12px #00000038}.updates-pill.invalid{box-shadow:0 0 0 1px #e5484d,0 0 0 5px #e5484d24,0 8px 22px -12px #00000038}.updates-pill input{color:#171717;min-width:0;height:48px;font:inherit;text-align:left;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:16px}.updates-pill input::placeholder{color:#9a9a9a}.updates-submit{font-family:inherit;font-size:var(--type-text);cursor:pointer;border:0;flex:none;padding:0 22px}.updates-submit:is(:hover,:focus-visible){transform:scale(1.03)}.updates-submit:focus-visible{outline-offset:4px;outline:2px solid #777}.updates-done{min-height:60px;font-size:var(--type-text);color:#171717;justify-content:center;align-items:center;gap:12px;margin:30px 0 0;line-height:1.4;animation:.52s cubic-bezier(.22,1,.36,1) backwards copy-in;display:flex}.updates-check{color:#fff;background:#2fb35a;border-radius:99px;flex:none;place-items:center;width:28px;height:28px;animation:.52s cubic-bezier(.34,1.56,.64,1) .12s backwards updates-pop;display:grid}.updates-check svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}@keyframes updates-pop{0%{scale:0}}@media (max-width:960px){.updates{width:min(80vw,420px);margin-top:136px;padding:0}.updates-card{--size:72px;border-radius:28px;padding:64px 22px 40px}.updates-aura{filter:blur(30px);width:320px;height:260px;top:-130px;left:calc(50% - 160px)}.updates-bubble{top:calc(var(--size) / -2 - 60px);transform-origin:50% 100%;border-radius:21px;width:max-content;min-height:42px;margin:0 auto;padding:0 18px;left:0;right:0}@keyframes updates-say{0%{opacity:0;translate:0 8px;scale:.5}}.updates-done{text-align:left}}@media (max-width:480px){.updates-pill{border-radius:22px;flex-wrap:wrap;padding:6px}.updates-pill input{flex-basis:100%;padding:0 14px}.updates-submit{flex:1}}@media (prefers-reduced-motion:reduce){.updates-avatar,.updates-eyes,.updates-eyes i,.updates-pill,.updates-aura{transition:none}.updates-avatar,.updates-eyes,.updates-eyes i,.updates-bubble,.updates-line,.updates-dots i,.updates-aura i,.updates-done,.updates-check{animation:none!important}}
