.mas-page,.mas-layer{--mas-gap:clamp(16px, 1.65vw, 28px);--mas-pad:clamp(16px, 3vw, 48px);--mas-radius:12px;--mas-edge:hsl(var(--foreground) / .09);--mas-shadow-unit:1px;--mas-shadow-near:#0000000a;--mas-shadow-far:#0000000b;--mas-ease-out:cubic-bezier(.16, 1, .3, 1);--mas-morph:.52s;--mas-spring:linear(0, .1007, .3001, .5054, .677, .8046, .8917, .9466, .9787, .9957, 1.0035, 1.0061, 1.0061, 1.005, 1.0037, 1.0025, 1.0016, 1.0009, 1.0005, 1.0002, 1.0001);--lab-font-ios:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif}.dark .mas-page,.dark .mas-layer{--mas-shadow-near:#0000004d;--mas-shadow-far:#00000059}.mas-shell{transition:translate var(--mas-morph) var(--mas-spring)}.mas-grid{--mas-width:max(100%, min(100vw - 2 * var(--mas-pad), 80rem));gap:var(--mas-gap);width:var(--mas-width);margin-inline:calc((100% - var(--mas-width)) / 2);padding-bottom:calc(var(--mas-pad) * 2);display:flex}.mas-grid[data-cols]{display:none}@media not (min-width:500px){.mas-grid[data-cols="1"]{display:flex}}@media (500px<=width<900px){.mas-grid[data-cols="2"]{display:flex}}@media (900px<=width<1240px){.mas-grid[data-cols="3"]{display:flex}}@media (min-width:1240px){.mas-grid[data-cols="4"]{display:flex}}.mas-col{gap:var(--mas-gap);flex-direction:column;flex:1 1 0;min-width:0;display:flex}.mas-card{aspect-ratio:16/10;border-radius:var(--mas-radius);background:hsl(var(--muted));animation:mas-card-in .62s cubic-bezier(.2, 0, 0, 1) calc(min(var(--i,0), 10) * 55ms) backwards;position:relative}@keyframes mas-card-in{0%{opacity:0;filter:blur(6px);translate:0 18px;scale:.97}}.mas-card[data-phone=true],.mas-hero[data-phone=true]{aspect-ratio:390/844;container-type:size}.mas-card[data-phone=true]{border-radius:15.42%/7.12536%}@media not (min-width:500px){.mas-card[data-phone=true]{align-self:center;width:min(100%,36.9668svh);animation:none}}.mas-card .device-stage[data-bare],.mas-hero .device-stage[data-bare]{--device-w:100cqw;--app-px:calc(var(--k) * 785 / 768);--app-x:calc(var(--k) * (390 - 384 * 785 / 768) / 2)}.mas-card .device-content>.mas-clip,.mas-hero .device-content>.mas-clip{object-fit:cover;width:100%;height:100%;display:block}.mas-card[data-phone] .device-screen:has(>.device-content>[data-media-reveal]){filter:none;animation:none;overflow:hidden}.mas-card[data-phone] .device-screen:has(>.device-content>[data-media-reveal]):before,.mas-card[data-phone] .device-screen:has(>.device-content>[data-media-reveal]):after,.mas-card[data-phone] .device-screen:has(>.device-content>[data-media-reveal])>.device-status:before{content:none}.mas-card[data-phone] .device-screen:has(>.device-content>[data-media-reveal])>:is(.device-status,.device-island,.device-lens){animation:none}.mas-card[data-phone] .device-content>[data-media-reveal]:before{background:var(--media-blur,none) var(--media-pos,center) / cover no-repeat, hsl(var(--muted))}.mas-card-link{border-radius:inherit;outline-offset:3px;display:block;position:absolute;inset:0;overflow:hidden}.mas-card-link:focus-visible{outline:2px solid hsl(var(--foreground))}.mas-card-link,.mas-hero{box-shadow:0 var(--mas-shadow-unit) calc(2 * var(--mas-shadow-unit)) var(--mas-shadow-near), 0 calc(5 * var(--mas-shadow-unit)) calc(16 * var(--mas-shadow-unit)) var(--mas-shadow-far)}.mas-card-link:after,.mas-hero:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 var(--mas-shadow-unit) var(--mas-edge);pointer-events:none;position:absolute;inset:0}.mas-media{border-radius:inherit;width:100%;height:100%;display:block}.mas-media>.mas-clip,.mas-hero>.mas-clip{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.mas-clip>img,.mas-clip>video{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.mas-clip:has(>video)>img{visibility:hidden}.mas-card .mas-card-link{transition:transform .14s cubic-bezier(.2,0,0,1)}@media (hover:hover) and (pointer:fine){.mas-card:hover:not([data-landed=true]) .mas-card-link{transform:scale(1.012)}}@media (prefers-reduced-motion:no-preference){.mas-layer[data-closing=true] .mas-hero:after{transition:box-shadow var(--mas-morph) var(--mas-spring)}}.mas-badge,.mas-logo{z-index:2;opacity:0;border-radius:50%;place-items:center;width:36px;height:36px;transition:opacity .18s cubic-bezier(.2,0,0,1);display:grid;position:absolute;bottom:12px}.mas-badge{color:#fff;backdrop-filter:blur(8px)saturate(1.5);background:#737373b3;right:12px}.mas-logo{pointer-events:none;background:#fff;left:12px;box-shadow:0 1px 3px #0000002e}.mas-card:hover :is(.mas-badge,.mas-logo),.mas-card:focus-within :is(.mas-badge,.mas-logo){opacity:1}@media (hover:none){.mas-badge,.mas-logo{opacity:1;transition:none}}.mas-card[data-landed=true] :is(.mas-badge,.mas-logo){transition:none}.mas-trail{z-index:2;color:#fff;white-space:nowrap;opacity:0;backdrop-filter:saturate(1.4);pointer-events:none;background:#0000008c;border-radius:999px;padding:.22rem .55rem;font-size:.72rem;font-weight:500;transition:opacity .18s cubic-bezier(.2,0,0,1);position:absolute;top:0;left:0}.mas-card:hover .mas-trail{opacity:1}.mas-card:has(.mas-badge:hover) .mas-trail{opacity:0}[data-mas-hide]{transition:opacity .2s cubic-bezier(.16,1,.3,1)}html[data-mas-open] [data-mas-hide]{opacity:0;pointer-events:none}html[data-mas-open]:not(:has(.mas-layer[data-closing=true])) .mobile-menu-fab{opacity:0;pointer-events:none;transform:scale(.9)translateY(4px)}.mas-frost{inset:0 0 0 var(--mas-panel);z-index:110;background:color-mix(in srgb, hsl(var(--background)) 72%, transparent);backdrop-filter:blur(8px)saturate(1.1);transition:left var(--mas-morph) var(--mas-spring), background-color var(--mas-morph) ease, backdrop-filter var(--mas-morph) ease;animation:.22s ease-out both mas-fade;position:fixed}.mas-layer[data-closing=true] .mas-frost{animation:.16s ease-out reverse both mas-fade}@keyframes mas-fade{0%{opacity:0}to{opacity:1}}.mas-stage{z-index:111;pointer-events:none;position:fixed;inset:0}.mas-hero{transform-origin:50%;background:hsl(var(--muted));pointer-events:auto;transition:transform var(--mas-morph) var(--mas-spring), border-radius var(--mas-morph) var(--mas-spring), box-shadow var(--mas-morph) var(--mas-spring);will-change:transform;position:fixed;overflow:hidden}.mas-panel{z-index:112;width:var(--mas-panel);height:100%;padding:.85rem var(--mas-pad) calc(var(--mas-pad) + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;border-right:1px solid hsl(var(--border) / .25);background:hsl(var(--background));color:hsl(var(--foreground));animation:mas-panel-in .38s var(--mas-spring) both;flex-direction:column;gap:1rem;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.mas-layer[data-closing=true] .mas-panel{animation:.16s ease-in reverse both mas-panel-in}@keyframes mas-panel-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0,0)}}.mas-panel-top,.mas-panel-body,.mas-panel-links{animation:mas-rise .38s var(--mas-ease-out) both}.mas-panel-body{animation-delay:40ms}.mas-panel-links{animation-delay:80ms}@keyframes mas-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translate(0,0)}}.mas-panel-top{justify-content:space-between;align-items:center;display:flex}.mas-step{align-items:center;gap:.35rem;display:flex}.mas-step-count{min-width:3.25rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:center;color:hsl(var(--muted-foreground));font-size:.72rem}.mas-round{background:hsl(var(--muted));width:30px;height:30px;color:hsl(var(--foreground));cursor:pointer;transition:background-color .18s cubic-bezier(.2, 0, 0, 1), scale .16s var(--mas-ease-out);border:0;border-radius:50%;place-items:center;display:grid;box-shadow:0 2px 8px #00000014,inset 0 1px #ffffff0a}.mas-round:active{scale:.94}.mas-round:focus-visible{outline:2px solid hsl(var(--foreground));outline-offset:2px}@media (hover:hover) and (pointer:fine){.mas-round:hover{background:hsl(var(--foreground) / .1)}}.mas-panel-body{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem 1rem;display:grid}.mas-eyebrow{border:1px dashed hsl(var(--border));background:hsl(var(--muted) / .5);font-family:var(--font-mono);color:hsl(var(--muted-foreground));border-radius:.375rem;grid-area:1/2;justify-self:end;padding:.15rem .5rem;font-size:.7rem;display:inline-flex}.mas-panel-title{font-family:var(--font-serif);letter-spacing:-.02em;text-wrap:balance;grid-area:1/1;margin:0;font-size:2rem;font-weight:400;line-height:1.05}.mas-panel-desc{color:hsl(var(--muted-foreground));text-wrap:pretty;grid-column:1/-1;margin:0 0 1rem;font-size:.9rem;line-height:1.6}.mas-spec{grid-column:1/-1;margin:0;font-size:.78rem}.mas-spec>div{border-top:1px solid hsl(var(--border) / .4);grid-template-columns:max-content minmax(0,1fr);gap:1rem;padding:.5rem 0;display:grid}.mas-spec dt{white-space:nowrap;color:hsl(var(--muted-foreground))}.mas-spec dd{font-family:var(--font-mono);text-align:right;text-wrap:balance;overflow-wrap:anywhere;margin:0;font-size:.74rem}.mas-panel-links{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.mas-link-main,.mas-link-side{transition:border-color .2s ease, background-color .2s ease, scale .16s var(--mas-ease-out);border-radius:.375rem;justify-content:center;align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;text-decoration:none;display:flex}.mas-link-main{background:hsl(var(--foreground));color:hsl(var(--background));flex:100%;padding:.65rem 1rem}.mas-link-side{border:1px solid hsl(var(--border));color:hsl(var(--foreground));flex:1 1 0;padding:.55rem .9rem}.mas-link-main:active,.mas-link-side:active{scale:.98}a.mas-link-main:hover{color:hsl(var(--background))}@media (hover:hover) and (pointer:fine){a.mas-link-main:hover{background:hsl(var(--foreground) / .88)}a.mas-link-side:hover{border-color:hsl(var(--foreground));color:hsl(var(--foreground))}}.mas-layer[data-full=true] .mas-frost{background:hsl(var(--background));backdrop-filter:none;height:100lvh;bottom:auto}.mas-layer[data-full=true] .mas-panel{width:100%;padding:0 0 calc(var(--mas-pad) + env(safe-area-inset-bottom,0px));background:0 0;border-right:0;gap:0;animation:none;overflow-x:hidden}.mas-layer[data-full=true] :is(.mas-panel-top,.mas-panel-body,.mas-panel-links){padding-inline:var(--mas-pad);flex-shrink:0}.mas-layer[data-full=true][data-closing=true] :is(.mas-panel-top,.mas-panel-body,.mas-panel-links){animation:.16s ease-in reverse both mas-fade}.mas-layer[data-full=true][data-instant=true]:not([data-closing=true]) :is(.mas-frost,.mas-panel-top,.mas-panel-body,.mas-panel-links){animation:none}html[data-mas-boot] body{visibility:hidden}html[data-mas-boot] .mas-layer{visibility:visible}.mas-layer[data-full=true] .mas-panel-top{z-index:1;height:var(--mas-bar);background:hsl(var(--background));grid-template-columns:auto 1fr auto;gap:.5rem;display:grid;position:sticky;top:0}.mas-layer[data-full=true] .mas-stage{z-index:auto;height:var(--mas-stage-h);flex-shrink:0;position:static}.mas-layer[data-full=true] .mas-hero{position:absolute}.mas-layer[data-full=true]:not([data-closing=true]) .mas-hero[data-edge=true],.mas-layer[data-full=true]:not([data-closing=true]) .mas-hero[data-edge=true]:after{box-shadow:none}.mas-layer[data-full=true] .mas-panel-body{padding-top:1.25rem}.mas-layer[data-full=true] .mas-panel-title{font-size:1.75rem}.mas-layer[data-full=true] .mas-panel-links{padding-top:1.25rem}.mas-layer[data-full=true] .mas-more{justify-self:center}.mas-layer[data-full=true] .mas-step{grid-column:3}.mas-more{background:hsl(var(--muted));height:30px;color:hsl(var(--foreground));font-family:var(--font-mono);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .18s var(--mas-ease-out), translate .18s var(--mas-ease-out), scale .18s var(--mas-ease-out), background-color .18s cubic-bezier(.2, 0, 0, 1);border:0;border-radius:999px;align-items:center;gap:.35rem;padding:0 .7rem 0 .8rem;font-size:.72rem;display:inline-flex;translate:0 -4px;scale:.96;box-shadow:0 2px 8px #00000014,inset 0 1px #ffffff0a}.mas-more[data-show=true]{opacity:1;pointer-events:auto;transition:opacity .26s var(--mas-ease-out) .36s, translate .42s var(--mas-spring) .36s, scale .42s var(--mas-spring) .36s, background-color .18s cubic-bezier(.2, 0, 0, 1);translate:0;scale:1}.mas-layer[data-closing=true] .mas-more{opacity:0;transition-delay:0s}.mas-more:active{transition-delay:0s;scale:.95}.mas-more-arrow{transition:translate .2s var(--mas-ease-out)}.mas-more[data-show=true] .mas-more-arrow{animation:1.1s ease-in-out .7s mas-nudge}@keyframes mas-nudge{0%,50%,to{translate:0}25%{translate:0 3px}72%{translate:0 1.5px}}@media (hover:hover) and (pointer:fine){.mas-more:hover{background:hsl(var(--foreground) / .1)}.mas-more:hover .mas-more-arrow{translate:0 2px}}@media (prefers-reduced-motion:reduce){.mas-card{animation:.2s ease-out backwards mas-fade}.mas-more,.mas-more[data-show=true]{translate:none;scale:none}.mas-more-arrow{animation:none!important}.mas-shell,.mas-card-link,.mas-trail{transition:none}.mas-card:hover .mas-card-link{transform:none}.mas-hero{transition:opacity .18s ease-out;--mas-shadow-unit:1px!important;transform:none!important}.mas-frost,.mas-panel,.mas-panel-top,.mas-panel-body,.mas-panel-links{animation-duration:1ms}}.mas-layer[data-handoff=true]:not([data-closing=true]) :is(.mas-frost,.mas-panel,.mas-panel-top,.mas-panel-body,.mas-panel-links),.mas-layer[data-handoff=true] .mas-more-arrow{animation:none}