.device[data-v-7ffdf87a]{inset:0}.device[data-v-7ffdf87a],.device-frame[data-v-7ffdf87a]{display:block;position:absolute}.device-frame[data-v-7ffdf87a]{transition:transform .7s cubic-bezier(.2,.7,.2,1)}.device-frame--front[data-v-7ffdf87a]{left:var(--dv-front-left);top:calc(var(--sc-head-h) + var(--dv-front-drop));width:var(--dv-front-width);z-index:2}.device-frame--back[data-v-7ffdf87a]{left:var(--dv-back-left);opacity:.94;top:calc(var(--sc-head-h) + var(--dv-back-drop));width:var(--dv-back-width);z-index:1}.device-screen[data-v-7ffdf87a]{border-radius:inherit;display:block;overflow:hidden;position:relative}.device-screen img[data-v-7ffdf87a]{display:block;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 0;object-position:50% 0;position:absolute;width:100%}.device--phone[data-v-7ffdf87a]{--dv-front-left:11%;--dv-front-width:42%;--dv-front-drop:36px;--dv-back-left:50%;--dv-back-width:38%;--dv-back-drop:0px}.device--phone .device-frame[data-v-7ffdf87a]{background:#0c0d10;border-radius:28px;box-shadow:inset 0 0 0 1px #ffffff29,0 30px 60px -16px #080a1e8c;padding:5px}.device--phone .device-frame[data-v-7ffdf87a]:after{background:#0c0d10;border-radius:0 2px 2px 0;content:"";height:11%;position:absolute;right:-2px;top:24%;width:3px}.device--phone .device-screen[data-v-7ffdf87a]{aspect-ratio:1080/2424;background:#fff;border-radius:23px}.device--responsive[data-v-7ffdf87a]{--dv-front-left:7%;--dv-front-width:29%;--dv-front-drop:40px;--dv-back-left:24%;--dv-back-width:92%;--dv-back-drop:0px}.device--responsive .device-frame--front[data-v-7ffdf87a]{background:#0c0d10;border-radius:22px;box-shadow:inset 0 0 0 1px #ffffff29,0 30px 60px -16px #080a1e99;padding:4px}.device--responsive .device-frame--front .device-screen[data-v-7ffdf87a]{aspect-ratio:1080/2424;background:#fff;border-radius:18px}.device--responsive .device-frame--back[data-v-7ffdf87a]{background:#1b1c20;border-radius:8px;box-shadow:0 0 0 1px #ffffff24,0 30px 60px -16px #080a1e8c;opacity:1;overflow:hidden}.device-chrome[data-v-7ffdf87a]{align-items:center;background:#26272c;display:flex;gap:5px;height:20px;padding:0 9px}.device-chrome i[data-v-7ffdf87a]{background:#ff5f57;border-radius:50%;height:7px;width:7px}.device-chrome i[data-v-7ffdf87a]:nth-child(2){background:#febc2e}.device-chrome i[data-v-7ffdf87a]:nth-child(3){background:#28c840}.device--responsive .device-frame--back .device-screen[data-v-7ffdf87a]{aspect-ratio:3/2;border-radius:0}.device--desktop[data-v-7ffdf87a]{--dv-front-left:7%;--dv-front-width:98%;--dv-front-drop:50px;--dv-back-left:40%;--dv-back-width:76%;--dv-back-drop:0px}.device--desktop .device-frame[data-v-7ffdf87a]{border-radius:6px;box-shadow:0 0 0 1px #ffffff24,0 30px 60px -16px #080a1e8c}.device--desktop .device-screen[data-v-7ffdf87a]{aspect-ratio:3/2}.device--menubar[data-v-7ffdf87a]{--dv-front-left:41%;--dv-front-width:45%;--dv-front-drop:30px;--dv-back-left:6%;--dv-back-width:40%;--dv-back-drop:66px}.device-menubar[data-v-7ffdf87a]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff24;border-block:1px solid hsla(0,0%,100%,.12);color:#fff;height:24px;left:0;position:absolute;right:0;top:var(--sc-head-h);z-index:3}.device-menubar-items[data-v-7ffdf87a]{align-items:center;bottom:0;display:flex;gap:12px;left:calc(var(--dv-front-left) + var(--dv-front-width)/2 - 28px);position:absolute;top:0}.device-tray[data-v-7ffdf87a]{background:#ffffff3d;border-radius:5px;display:grid;height:19px;place-items:center;width:56px}.device-tray img[data-v-7ffdf87a]{display:block;height:16px;width:45px}.device-clock[data-v-7ffdf87a]{font-size:12px;font-weight:600;line-height:1;white-space:nowrap}.device--menubar .device-frame[data-v-7ffdf87a]{border-radius:11px;box-shadow:0 0 0 1px #ffffff24,0 30px 60px -16px #080a1e99}.device--menubar .device-screen img[data-v-7ffdf87a]{height:auto;position:static}.device--menubar .device-frame--front[data-v-7ffdf87a]{transform-origin:50% 0}.showcase-card:hover .device-frame--front[data-v-7ffdf87a],.showcase-stage:focus-visible .device-frame--front[data-v-7ffdf87a]{transform:translateY(-14px)}.showcase-card:hover .device-frame--back[data-v-7ffdf87a],.showcase-stage:focus-visible .device-frame--back[data-v-7ffdf87a]{transform:translate(12px,-6px)}.showcase-card:hover .device--menubar .device-frame--front[data-v-7ffdf87a],.showcase-stage:focus-visible .device--menubar .device-frame--front[data-v-7ffdf87a]{transform:scale(1.03)}.showcase-card:hover .device--menubar .device-frame--back[data-v-7ffdf87a],.showcase-stage:focus-visible .device--menubar .device-frame--back[data-v-7ffdf87a]{transform:translate(-10px,-6px)}.dark-mode .device--phone .device-frame[data-v-7ffdf87a]{box-shadow:inset 0 0 0 1px #ffffff1a,0 0 0 1px var(--ai-dark-border),0 30px 60px -16px #000000b3}.dark-mode .device--phone .device-screen[data-v-7ffdf87a]{background:var(--ai-dark-raised)}.dark-mode .device--desktop .device-frame[data-v-7ffdf87a],.dark-mode .device--menubar .device-frame[data-v-7ffdf87a],.dark-mode .device--responsive .device-frame[data-v-7ffdf87a]{box-shadow:0 0 0 1px var(--ai-dark-border),0 30px 60px -16px #000000b3}.dark-mode .device-menubar[data-v-7ffdf87a]{background:#ffffff0d;border-color:var(--ai-dark-border-muted);color:var(--ai-dark-text)}.dark-mode .device-tray[data-v-7ffdf87a]{background:#ffffff1f}.reading-mode .device--phone .device-frame[data-v-7ffdf87a]{box-shadow:inset 0 0 0 1px #ffffff1f,0 24px 50px -20px #3c321e73}.reading-mode .device--desktop .device-frame[data-v-7ffdf87a],.reading-mode .device--menubar .device-frame[data-v-7ffdf87a]{box-shadow:0 0 0 1px var(--read-line),0 24px 50px -20px #3c321e66}.reading-mode .device-menubar[data-v-7ffdf87a]{background:#ffffff80;border-color:var(--read-line);color:var(--read-ink)}.reading-mode .device-tray[data-v-7ffdf87a]{background:#22251e1a}.reading-mode .device-tray img[data-v-7ffdf87a]{filter:invert(1)}@media(max-width:767px){.device--phone[data-v-7ffdf87a]{--dv-front-left:10%;--dv-front-width:43%;--dv-back-width:39%}}@media(prefers-reduced-motion:reduce){.device-frame[data-v-7ffdf87a]{transition:none}.showcase-card:hover .device-frame[data-v-7ffdf87a],.showcase-stage:focus-visible .device-frame[data-v-7ffdf87a]{transform:none!important}}.showcase-grid[data-v-9023ce94]{display:grid;gap:24px;grid-template-columns:repeat(12,minmax(0,1fr))}.showcase-card[data-v-9023ce94]{--sc-ink:#fff;--sc-ink-2:hsla(0,0%,100%,.8);--sc-head-h:176px;--sc-front-left:6%;--sc-front-width:74%;--sc-back-left:56%;--sc-back-width:58%;background:radial-gradient(120% 90% at 100% 0,hsla(0,0%,100%,.2),transparent 55%),linear-gradient(135deg,var(--sc-brand),var(--sc-brand-2));border-radius:16px;color:var(--sc-ink);grid-column:span 5;height:500px;isolation:isolate;overflow:hidden;position:relative;transition:box-shadow .5s ease}.showcase-grid--bento .showcase-card[data-v-9023ce94]:nth-child(4n),.showcase-grid--bento .showcase-card[data-v-9023ce94]:nth-child(4n+1){--sc-front-left:7%;--sc-front-width:62%;--sc-back-left:57%;--sc-back-width:46%;grid-column:span 7}.showcase-grid--grid .showcase-card[data-v-9023ce94]{--sc-head-h:158px;--sc-front-left:7%;--sc-front-width:76%;--sc-back-left:52%;--sc-back-width:62%;grid-column:span 4;height:450px}.showcase-card[data-v-9023ce94]:hover{box-shadow:0 28px 60px -28px color-mix(in srgb,var(--sc-brand) 75%,transparent)}.showcase-card[data-v-9023ce94]:before{background:radial-gradient(hsla(0,0%,100%,.16) 1px,transparent 1.5px) 0 0 /18px 18px;content:"";inset:0;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%);pointer-events:none;position:absolute;z-index:-1}.showcase-head[data-v-9023ce94]{--sc-pad:32px;--sc-visit:44px;padding:var(--sc-pad) var(--sc-pad) 0;pointer-events:none;position:relative;z-index:3}.showcase-head a[data-v-9023ce94]{pointer-events:auto}.showcase-tag[data-v-9023ce94]{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff24;border:1px solid hsla(0,0%,100%,.26);border-radius:999px;display:inline-block;font-size:12px;font-weight:500;letter-spacing:.06em;line-height:1.4;max-width:calc(100% - var(--sc-visit) - 12px);padding:5px 12px;text-transform:uppercase;vertical-align:top}.showcase-copy h3[data-v-9023ce94],.showcase-tag[data-v-9023ce94]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.showcase-copy h3[data-v-9023ce94]{color:inherit;font-size:30px;font-weight:600;letter-spacing:-.01em;line-height:1.1;margin:calc(var(--sc-visit) - 26px) 0 6px}.showcase-copy p[data-v-9023ce94]{color:var(--sc-ink-2);display:-webkit-box;font-size:15px;line-height:1.5;margin:0;max-width:34ch;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.showcase-grid--grid .showcase-head[data-v-9023ce94]{--sc-pad:28px;--sc-visit:40px}.showcase-grid--grid .showcase-copy h3[data-v-9023ce94]{font-size:24px}.showcase-grid--grid .showcase-copy p[data-v-9023ce94]{font-size:14px}.showcase-visit[data-v-9023ce94]{border:1px solid hsla(0,0%,100%,.4);border-radius:50%;color:var(--sc-ink);display:grid;height:var(--sc-visit);place-items:center;position:absolute;right:var(--sc-pad);top:var(--sc-pad);width:var(--sc-visit);--water-fill:#fff;transition:color .5s ease,border-color .3s ease}.showcase-visit svg[data-v-9023ce94]{transition:transform .4s cubic-bezier(.2,.7,.2,1)}.showcase-visit[data-v-9023ce94]:focus-visible,.showcase-visit[data-v-9023ce94]:hover{border-color:#fff;color:var(--sc-brand)}.showcase-visit:focus-visible svg[data-v-9023ce94],.showcase-visit:hover svg[data-v-9023ce94]{transform:rotate(45deg)}.showcase-stage[data-v-9023ce94]{border-radius:inherit;display:block;inset:0;position:absolute;z-index:1}.showcase-stage[data-v-9023ce94]:focus-visible{outline:3px solid var(--sc-ink);outline-offset:-6px}.showcase-window[data-v-9023ce94]{background:#fff;border-radius:8px 8px 0 0;bottom:-48px;box-shadow:0 0 0 1px #ffffff1a,0 30px 60px -16px #080a1e80;display:flex;flex-direction:column;overflow:hidden;position:absolute;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.showcase-window--front[data-v-9023ce94]{left:var(--sc-front-left);top:calc(var(--sc-head-h) + 50px);width:var(--sc-front-width);z-index:2}.showcase-window--back[data-v-9023ce94]{left:var(--sc-back-left);opacity:.94;top:var(--sc-head-h);width:var(--sc-back-width);z-index:1}.showcase-chrome[data-v-9023ce94]{align-items:center;background:#f3f4f7;border-bottom:1px solid rgba(0,0,0,.06);display:flex;flex:none;gap:10px;height:30px;padding:0 12px}.showcase-dots[data-v-9023ce94]{display:flex;gap:5px}.showcase-dots i[data-v-9023ce94]{background:#ff5f57;border-radius:50%;height:8px;width:8px}.showcase-dots i[data-v-9023ce94]:nth-child(2){background:#febc2e}.showcase-dots i[data-v-9023ce94]:nth-child(3){background:#28c840}.showcase-url[data-v-9023ce94]{background:#fff;border-radius:6px;color:#6b7280;flex:1;font-size:11px;height:18px;line-height:18px;margin:0 auto;max-width:220px;min-width:0;overflow:hidden;padding:0 10px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.showcase-expand[data-v-9023ce94]{color:#9aa0aa;flex:none}.showcase-count[data-v-9023ce94]{align-items:center;color:#6b7280;display:inline-flex;flex:none;font-size:11px;font-weight:600;gap:4px;line-height:1}.showcase-viewport[data-v-9023ce94]{display:block;flex:1;overflow:hidden;position:relative}.showcase-viewport img[data-v-9023ce94]{display:block;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 0;object-position:50% 0;position:absolute;transition:object-position 1.2s cubic-bezier(.4,0,.2,1);transition:object-position 1.2s cubic-bezier(.4,0,.2,1),-o-object-position 1.2s cubic-bezier(.4,0,.2,1);width:100%}.showcase-window--back .showcase-viewport img[data-v-9023ce94]{-o-object-position:50% 50%;object-position:50% 50%}.showcase-card:hover .showcase-window--front[data-v-9023ce94],.showcase-stage:focus-visible .showcase-window--front[data-v-9023ce94]{transform:translateY(-14px)}.showcase-card:hover .showcase-window--back[data-v-9023ce94],.showcase-stage:focus-visible .showcase-window--back[data-v-9023ce94]{transform:translate(12px,-6px)}.showcase-card:hover .showcase-window--front img[data-v-9023ce94]{-o-object-position:50% 100%;object-position:50% 100%;transition:object-position 6s cubic-bezier(.45,.05,.55,.95);transition:object-position 6s cubic-bezier(.45,.05,.55,.95),-o-object-position 6s cubic-bezier(.45,.05,.55,.95)}.dark-mode .showcase-card[data-v-9023ce94]{--sc-ink:var(--ai-dark-text);--sc-ink-2:var(--ai-dark-muted);background:radial-gradient(85% 75% at 92% 0,color-mix(in srgb,var(--sc-brand-2) 45%,transparent),transparent 70%),radial-gradient(70% 60% at 0 100%,color-mix(in srgb,var(--sc-brand) 22%,transparent),transparent 70%),var(--ai-dark-card);box-shadow:inset 0 0 0 1px var(--ai-dark-border-muted)}.dark-mode .showcase-card[data-v-9023ce94]:hover{box-shadow:inset 0 0 0 1px var(--ai-dark-border),0 28px 60px -30px color-mix(in srgb,var(--sc-brand-2) 70%,transparent)}.dark-mode .showcase-card[data-v-9023ce94]:before{background-image:radial-gradient(hsla(0,0%,100%,.07) 1px,transparent 1.5px)}.dark-mode .showcase-tag[data-v-9023ce94]{background:color-mix(in srgb,var(--sc-brand-2) 22%,transparent);border-color:color-mix(in srgb,var(--sc-brand-2) 55%,var(--ai-dark-border))}.dark-mode .showcase-visit[data-v-9023ce94]{--water-fill:var(--ai-purple);border-color:var(--ai-dark-border)}.dark-mode .showcase-visit[data-v-9023ce94]:focus-visible,.dark-mode .showcase-visit[data-v-9023ce94]:hover{border-color:var(--ai-purple);color:#fff}.dark-mode .showcase-window[data-v-9023ce94]{background:var(--ai-dark-raised);box-shadow:0 0 0 1px var(--ai-dark-border-muted),0 30px 60px -16px #000000b3}.dark-mode .showcase-chrome[data-v-9023ce94]{background:var(--ai-dark-raised);border-bottom-color:var(--ai-dark-border-muted)}.dark-mode .showcase-url[data-v-9023ce94]{background:var(--ai-dark-card)}.dark-mode .showcase-count[data-v-9023ce94],.dark-mode .showcase-expand[data-v-9023ce94],.dark-mode .showcase-url[data-v-9023ce94]{color:var(--ai-dark-muted)}.reading-mode .showcase-card[data-v-9023ce94]{--sc-ink:var(--read-ink);--sc-ink-2:var(--read-ink-2);background:radial-gradient(120% 90% at 100% 0,hsla(0,0%,100%,.55),transparent 55%),linear-gradient(135deg,color-mix(in srgb,var(--sc-brand) 16%,var(--read-card)),color-mix(in srgb,var(--sc-brand-2) 10%,var(--read-band)));box-shadow:inset 0 0 0 1px var(--read-line)}.reading-mode .showcase-card[data-v-9023ce94]:hover{box-shadow:inset 0 0 0 1px var(--read-line),0 24px 50px -30px #3c321e73}.reading-mode .showcase-card[data-v-9023ce94]:before{background-image:radial-gradient(rgba(34,37,30,.08) 1px,transparent 1.5px)}.reading-mode .showcase-tag[data-v-9023ce94]{background:color-mix(in srgb,var(--sc-brand) 10%,transparent);border-color:color-mix(in srgb,var(--sc-brand) 28%,transparent);color:color-mix(in srgb,var(--sc-brand) 70%,var(--read-ink))}.reading-mode .showcase-visit[data-v-9023ce94]{--water-fill:var(--read-ink);border-color:var(--read-line)}.reading-mode .showcase-visit[data-v-9023ce94]:focus-visible,.reading-mode .showcase-visit[data-v-9023ce94]:hover{border-color:var(--read-ink);color:var(--read-card)}.reading-mode .showcase-window[data-v-9023ce94]{background:var(--read-card);box-shadow:0 0 0 1px var(--read-line),0 24px 50px -20px #3c321e59}.reading-mode .showcase-chrome[data-v-9023ce94]{background:var(--read-band);border-bottom-color:var(--read-line-soft)}.reading-mode .showcase-url[data-v-9023ce94]{background:var(--read-card);color:var(--read-ink-3)}@media(max-width:1199px){.showcase-card[data-v-9023ce94]{height:480px}.showcase-grid--grid .showcase-card[data-v-9023ce94]{grid-column:span 6;height:450px}}@media(max-width:991px){.showcase-grid--bento .showcase-card[data-v-9023ce94],.showcase-grid--bento .showcase-card[data-v-9023ce94]:nth-child(4n),.showcase-grid--bento .showcase-card[data-v-9023ce94]:nth-child(4n+1){--sc-front-left:7%;--sc-front-width:76%;--sc-back-left:52%;--sc-back-width:60%;grid-column:span 6;height:460px}.showcase-copy h3[data-v-9023ce94]{font-size:26px}}@media(max-width:767px){.showcase-grid[data-v-9023ce94]{gap:20px}.showcase-grid--bento .showcase-card[data-v-9023ce94],.showcase-grid--bento .showcase-card[data-v-9023ce94]:nth-child(4n),.showcase-grid--bento .showcase-card[data-v-9023ce94]:nth-child(4n+1),.showcase-grid--grid .showcase-card[data-v-9023ce94]{--sc-head-h:156px;--sc-front-left:7%;--sc-front-width:80%;--sc-back-left:50%;--sc-back-width:64%;grid-column:span 12;height:420px}.showcase-grid--grid .showcase-head[data-v-9023ce94],.showcase-head[data-v-9023ce94]{--sc-pad:24px;--sc-visit:40px}.showcase-copy h3[data-v-9023ce94],.showcase-grid--grid .showcase-copy h3[data-v-9023ce94]{font-size:24px}.showcase-copy p[data-v-9023ce94]{font-size:14px}}@media(prefers-reduced-motion:reduce){.showcase-card:hover .showcase-window--front img[data-v-9023ce94],.showcase-viewport img[data-v-9023ce94],.showcase-window[data-v-9023ce94]{transition:none}.showcase-card:hover .showcase-window--back[data-v-9023ce94],.showcase-card:hover .showcase-window--front[data-v-9023ce94]{transform:none}.showcase-card:hover .showcase-window--front img[data-v-9023ce94]{-o-object-position:50% 0;object-position:50% 0}}
