.showcase[data-astro-cid-j3roynsr]{--bg-a:hsl(var(--hue) 34% 15%);--bg-b:hsl(calc(var(--hue) + 24) 30% 8%);--blob-1:hsl(var(--hue) 78% 46% / .55);--blob-2:hsl(calc(var(--hue) + 42) 80% 54% / .34);--blob-3:hsl(calc(var(--hue) - 34) 82% 48% / .4);--sheen:#ffffff12;--frame:#0c0c0e;--frame-edge:#ffffff29;--bar:#1b1b1e;--shadow:0 3.2cqw 6cqw -2.4cqw #000000b3, 0 1cqw 2cqw -1cqw #00000080;position:absolute;inset:0;overflow:hidden;container-type:size}[data-theme=light] .showcase[data-astro-cid-j3roynsr]{--bg-a:hsl(var(--hue) 72% 93%);--bg-b:hsl(calc(var(--hue) + 24) 64% 86%);--blob-1:hsl(var(--hue) 92% 74% / .85);--blob-2:hsl(calc(var(--hue) + 42) 95% 80% / .75);--blob-3:hsl(calc(var(--hue) - 34) 92% 80% / .8);--sheen:#ffffff80;--frame:#17171a;--frame-edge:#0000001a;--bar:#ecebe8;--shadow:0 3.2cqw 6cqw -2.6cqw hsl(var(--hue) 40% 25% / .45), 0 1cqw 2cqw -1cqw hsl(var(--hue) 40% 20% / .25)}.showcase__backdrop[data-astro-cid-j3roynsr]{background:linear-gradient(to bottom, var(--sheen), transparent 38%), radial-gradient(62% 84% at 14% 8%, var(--blob-1), transparent 62%), radial-gradient(56% 72% at 92% 14%, var(--blob-2), transparent 62%), radial-gradient(74% 86% at 62% 112%, var(--blob-3), transparent 60%), linear-gradient(158deg, var(--bg-a), var(--bg-b));position:absolute;inset:0}.showcase__backdrop[data-astro-cid-j3roynsr]:after{content:"";background:radial-gradient(46cqw circle at var(--mx,50%) var(--my,40%), hsl(var(--hue) 95% 72% / .34), transparent 70%);opacity:0;transition:opacity .6s var(--ease);position:absolute;inset:0}.showcase-host:hover .showcase__backdrop[data-astro-cid-j3roynsr]:after{opacity:1}.window[data-astro-cid-j3roynsr]{background:var(--bar);box-shadow:var(--shadow), 0 0 0 1px var(--frame-edge);transition:translate .7s var(--ease);border-radius:1.5cqw;margin:0;position:absolute;overflow:hidden}.window__bar[data-astro-cid-j3roynsr]{background:var(--bar);align-items:center;gap:.95cqw;height:3.5cqw;padding-inline:1.5cqw;display:flex}.window__bar[data-astro-cid-j3roynsr] i[data-astro-cid-j3roynsr]{background:#ff5f57;border-radius:50%;width:1cqw;height:1cqw}.window__bar[data-astro-cid-j3roynsr] i[data-astro-cid-j3roynsr]:nth-child(2){background:#febc2e}.window__bar[data-astro-cid-j3roynsr] i[data-astro-cid-j3roynsr]:nth-child(3){background:#28c840}.window[data-astro-cid-j3roynsr] img{width:100%;height:auto;display:block}.phone[data-astro-cid-j3roynsr]{aspect-ratio:71.9/150;box-shadow:var(--shadow);transition:translate .7s var(--ease);background:linear-gradient(135deg,#77777e 0%,#2b2b30 14%,#0c0c0e 46%,#232327 86%,#5d5d64 100%);border:.22cqh solid #050506;border-radius:6.2cqh;flex-direction:column;margin:0;padding:1.15cqh;display:flex;position:absolute}.phone[data-astro-cid-j3roynsr]:before,.phone[data-astro-cid-j3roynsr]:after{content:"";background:#2a2a2e;border-radius:.3cqh;width:.45cqh;position:absolute}.phone[data-astro-cid-j3roynsr]:before{height:11%;top:23%;right:-.55cqh}.phone[data-astro-cid-j3roynsr]:after{height:5%;top:17%;left:-.55cqh;box-shadow:0 6cqh #2a2a2e}.phone__island[data-astro-cid-j3roynsr]{z-index:1;background:#050506;border-radius:1.4cqh;width:27%;height:2.5cqh;position:absolute;top:2.2cqh;left:50%;translate:-50%}.phone__bar[data-astro-cid-j3roynsr]{aspect-ratio:8;border-radius:5cqh 5cqh 0 0;flex:none}.phone[data-astro-cid-j3roynsr] img{object-fit:cover;object-position:top;border-radius:5cqh;flex:1;width:100%;min-height:0;display:block}.phone[data-astro-cid-j3roynsr]:has(.phone__bar) img{border-radius:0 0 5cqh 5cqh}.showcase--solo[data-astro-cid-j3roynsr] .window--front[data-astro-cid-j3roynsr]{width:min(72cqw,132cqh);top:50%;left:50%;translate:-50% -50%}.showcase--stack[data-astro-cid-j3roynsr] .window[data-astro-cid-j3roynsr]{width:min(64cqw,118cqh);top:50%}.showcase--stack[data-astro-cid-j3roynsr] .window--back[data-astro-cid-j3roynsr]{filter:brightness(.82)saturate(.9);right:7cqw;translate:0 calc(-50% - 7cqh)}.showcase--stack[data-astro-cid-j3roynsr] .window--front[data-astro-cid-j3roynsr]{z-index:2;left:7cqw;translate:0 calc(7cqh - 50%)}.showcase--duo[data-astro-cid-j3roynsr] .window--front[data-astro-cid-j3roynsr]{width:min(70cqw,128cqh);top:50%;left:6cqw;translate:0 -50%}.showcase--duo[data-astro-cid-j3roynsr] .phone--front[data-astro-cid-j3roynsr]{z-index:2;height:70cqh;top:50%;right:7cqw;translate:0 calc(5cqh - 50%)}.showcase--phones[data-astro-cid-j3roynsr]{justify-content:center;align-items:center;gap:4.5cqh;display:flex}.showcase--phones[data-astro-cid-j3roynsr] .phone[data-astro-cid-j3roynsr]{flex:none;height:72cqh;position:relative}.showcase--phones[data-astro-cid-j3roynsr] .phone--center[data-astro-cid-j3roynsr]{order:2;height:82cqh}.showcase--phones[data-astro-cid-j3roynsr] .phone--left[data-astro-cid-j3roynsr]{order:1}.showcase--phones[data-astro-cid-j3roynsr] .phone--right[data-astro-cid-j3roynsr]{order:3}@media (hover:hover){.showcase-host:hover .showcase--solo[data-astro-cid-j3roynsr] .window--front[data-astro-cid-j3roynsr]{translate:-50% calc(-50% - 1.5cqh)}.showcase-host:hover .showcase--stack[data-astro-cid-j3roynsr] .window--back[data-astro-cid-j3roynsr]{translate:0 calc(-50% - 8.5cqh)}.showcase-host:hover .showcase--stack[data-astro-cid-j3roynsr] .window--front[data-astro-cid-j3roynsr]{translate:0 calc(5.5cqh - 50%)}.showcase-host:hover .showcase--duo[data-astro-cid-j3roynsr] .window--front[data-astro-cid-j3roynsr]{translate:0 calc(-50% - 1.5cqh)}.showcase-host:hover .showcase--duo[data-astro-cid-j3roynsr] .phone--front[data-astro-cid-j3roynsr]{translate:0 calc(3.5cqh - 50%)}.showcase-host:hover .showcase--phones[data-astro-cid-j3roynsr] .phone[data-astro-cid-j3roynsr]{translate:0 -1.5cqh}}.panels[data-astro-cid-athtsdfn]{--h:min(96cqh, 200cqw);--w:calc(var(--h) * 9 / 19.5);position:absolute;inset:0;container-type:size}.panel[data-astro-cid-athtsdfn]{width:var(--w);height:var(--h);border-radius:calc(var(--w) * .11);transition:translate .8s var(--ease), rotate .8s var(--ease);position:absolute;top:50%;left:50%;overflow:hidden;container-type:size}.panel--center[data-astro-cid-athtsdfn]{z-index:3;background:radial-gradient(120% 60% at 50% 0%, #ffffff38, transparent 70%), linear-gradient(175deg, var(--brand), color-mix(in oklab, var(--brand) 82%, var(--brand-shade)));color:var(--brand-ink);box-shadow:0 calc(var(--w) * .14) calc(var(--w) * .3) calc(var(--w) * -.14) #000000b3, inset 0 0 0 1px #ffffff2e;translate:-50% -50%}.panel--left[data-astro-cid-athtsdfn],.panel--right[data-astro-cid-athtsdfn]{z-index:1;background:linear-gradient(175deg, var(--paper), color-mix(in srgb, var(--paper) 86%, var(--brand)));color:color-mix(in oklab, var(--brand) 62%, var(--brand-shade));box-shadow:0 calc(var(--w) * .12) calc(var(--w) * .26) calc(var(--w) * -.14) #0009;scale:.9}.panel--left[data-astro-cid-athtsdfn]{translate:calc(-50% - var(--w) * .66) -47%;rotate:-8deg}.panel--right[data-astro-cid-athtsdfn]{translate:calc(-50% + var(--w) * .66) -47%;rotate:8deg}.panel__words[data-astro-cid-athtsdfn]{text-align:center;font-family:var(--font-sans);justify-items:center;gap:3.4cqw;padding:11cqw 7cqw 0;display:grid}.panel__kicker[data-astro-cid-athtsdfn]{color:color-mix(in oklab, var(--brand) 58%, var(--brand-shade));letter-spacing:-.03em;background:#fffdf7;padding:1.6cqw 4cqw;font-size:8.6cqw;font-weight:700;line-height:1.05}.panel__title[data-astro-cid-athtsdfn]{letter-spacing:-.035em;text-wrap:balance;font-size:10.4cqw;font-weight:700;line-height:1.02}.panel__band[data-astro-cid-athtsdfn]{background:color-mix(in oklab, var(--brand) 52%, var(--brand-shade));color:var(--paper);letter-spacing:-.01em;place-self:start stretch;margin-inline:-7cqw;padding:2.4cqw 7cqw;font-size:4.6cqw;font-weight:600}.panel--left[data-astro-cid-athtsdfn] .panel__words[data-astro-cid-athtsdfn]{text-align:left;justify-items:start;padding-right:38cqw}.panel--right[data-astro-cid-athtsdfn] .panel__words[data-astro-cid-athtsdfn]{text-align:right;justify-items:end;padding-left:38cqw}.panel--left[data-astro-cid-athtsdfn] .panel__title[data-astro-cid-athtsdfn],.panel--right[data-astro-cid-athtsdfn] .panel__title[data-astro-cid-athtsdfn]{font-size:9cqw}.handset[data-astro-cid-athtsdfn]{aspect-ratio:71.9/150;transform-origin:50% 0;backface-visibility:hidden;background:linear-gradient(135deg,#77777e 0%,#2b2b30 14%,#0c0c0e 46%,#232327 86%,#5d5d64 100%);border:.5cqw solid #050506;border-radius:15cqw;width:96cqw;margin:0;padding:2.4cqw;position:absolute;top:34%;left:50%;box-shadow:-5cqw 9cqw 16cqw -4cqw #00000080}.panel--center[data-astro-cid-athtsdfn] .handset[data-astro-cid-athtsdfn]{transform:translate(-44%)perspective(300cqw)rotateX(12deg)rotateY(16deg)rotate(-10deg)}.panel--left[data-astro-cid-athtsdfn] .handset[data-astro-cid-athtsdfn]{width:84cqw;top:40%;transform:translate(-66%)perspective(300cqw)rotateX(10deg)rotateY(-14deg)rotate(7deg)}.panel--right[data-astro-cid-athtsdfn] .handset[data-astro-cid-athtsdfn]{width:84cqw;top:40%;transform:translate(-30%)perspective(300cqw)rotateX(10deg)rotateY(14deg)rotate(-7deg)}.handset[data-astro-cid-athtsdfn]:before,.handset[data-astro-cid-athtsdfn]:after{content:"";background:#2a2a2e;border-radius:.6cqw;width:.9cqw;position:absolute}.handset[data-astro-cid-athtsdfn]:before{height:11%;top:22%;right:-.8cqw}.handset[data-astro-cid-athtsdfn]:after{height:5%;top:17%;left:-.8cqw;box-shadow:0 12cqw #2a2a2e}.handset[data-astro-cid-athtsdfn]:has(.handset__bar){flex-direction:column;display:flex}.handset__bar[data-astro-cid-athtsdfn]{aspect-ratio:8;border-radius:12.4cqw 12.4cqw 0 0;flex:none}.handset[data-astro-cid-athtsdfn]:has(.handset__bar) img{border-radius:0 0 12.4cqw 12.4cqw;flex:1;min-height:0}.handset[data-astro-cid-athtsdfn] img{object-fit:cover;object-position:top;border-radius:12.4cqw;width:100%;height:100%;display:block}.handset__island[data-astro-cid-athtsdfn]{z-index:1;background:#050506;border-radius:3cqw;width:27%;height:5.6cqw;position:absolute;top:4.6cqw;left:50%;translate:-50%}.panels--row[data-astro-cid-athtsdfn]{--h:76cqh;justify-content:center;align-items:center;gap:7cqh;display:flex}.panels--row[data-astro-cid-athtsdfn] .panel[data-astro-cid-athtsdfn]{flex:none;position:relative;top:auto;left:auto;translate:none;rotate:none;scale:none}.panels--row[data-astro-cid-athtsdfn] .panel--center[data-astro-cid-athtsdfn]{--h:88cqh;--w:calc(var(--h) * 9 / 19.5);order:2}.panels--row[data-astro-cid-athtsdfn] .panel--left[data-astro-cid-athtsdfn]{order:1}.panels--row[data-astro-cid-athtsdfn] .panel--right[data-astro-cid-athtsdfn]{order:3}.panels--row[data-astro-cid-athtsdfn] .panel--left[data-astro-cid-athtsdfn] .panel__words[data-astro-cid-athtsdfn],.panels--row[data-astro-cid-athtsdfn] .panel--right[data-astro-cid-athtsdfn] .panel__words[data-astro-cid-athtsdfn]{text-align:center;justify-items:center;padding-inline:7cqw}.panels--row[data-astro-cid-athtsdfn] .panel--left[data-astro-cid-athtsdfn] .handset[data-astro-cid-athtsdfn]{transform:translate(-54%)perspective(300cqw)rotateX(10deg)rotateY(-14deg)rotate(7deg)}.panels--row[data-astro-cid-athtsdfn] .panel--right[data-astro-cid-athtsdfn] .handset[data-astro-cid-athtsdfn]{transform:translate(-46%)perspective(300cqw)rotateX(10deg)rotateY(14deg)rotate(-7deg)}@media (hover:hover){.showcase-host:hover .panels--row[data-astro-cid-athtsdfn] .panel[data-astro-cid-athtsdfn]{translate:0 -1.5cqh}.showcase-host:hover .panel--center[data-astro-cid-athtsdfn],.brand-hero__stage:hover .panel--center[data-astro-cid-athtsdfn]{translate:-50% calc(-50% - var(--h) * .015)}.showcase-host:hover .panel--left[data-astro-cid-athtsdfn],.brand-hero__stage:hover .panel--left[data-astro-cid-athtsdfn]{translate:calc(-50% - var(--w) * .66) calc(-47% - var(--h) * .015)}.showcase-host:hover .panel--right[data-astro-cid-athtsdfn],.brand-hero__stage:hover .panel--right[data-astro-cid-athtsdfn]{translate:calc(-50% + var(--w) * .66) calc(-47% - var(--h) * .015)}}