.scrub[data-astro-cid-6fzkhou7]{border-top:1px solid var(--line);padding-block:var(--section-y)}.top[data-astro-cid-6fzkhou7]{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1.5rem;display:flex}.top[data-astro-cid-6fzkhou7] .lead[data-astro-cid-6fzkhou7]{margin-top:.75rem}.switch[data-astro-cid-6fzkhou7]{border:1px solid var(--line-strong);border-radius:calc(var(--radius) + 4px);background:var(--bg-sunken);gap:4px;padding:4px;display:inline-flex}.switch[data-astro-cid-6fzkhou7] button[data-astro-cid-6fzkhou7]{border-radius:var(--radius);min-height:40px;color:var(--fg-muted);cursor:pointer;transition:background-color .25s var(--ease-out), color .25s var(--ease-out);background:0 0;border:0;padding:0 .875rem;font-size:.8125rem}.switch[data-astro-cid-6fzkhou7] button[data-astro-cid-6fzkhou7]:hover{color:var(--fg)}.switch[data-astro-cid-6fzkhou7] button[data-astro-cid-6fzkhou7][aria-pressed=true]{background:var(--brand);color:var(--brand-ink)}.stage[data-astro-cid-6fzkhou7]{justify-items:center;margin-top:clamp(1.5rem,3vw,2.5rem);display:grid;position:relative}.frame[data-astro-cid-6fzkhou7]{--w:100%;width:var(--w);border:1px solid var(--line-strong);max-width:1100px;height:min(72vh,760px);box-shadow:0 50px 100px -50px color-mix(in srgb, var(--brand) 70%, transparent), 0 30px 60px -40px #000c;transition:width .7s var(--ease-out), border-radius .7s var(--ease-out);background:#10151f;border-radius:10px;grid-template-rows:auto 1fr;display:grid;overflow:hidden}.frame[data-astro-cid-6fzkhou7][data-current=tablet]{--w:min(100%, 560px);border-radius:22px}.frame[data-astro-cid-6fzkhou7][data-current=mobile]{--w:min(100%, 320px);border-radius:30px}.bar[data-astro-cid-6fzkhou7]{background:#171d29;border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;height:32px;padding-inline:12px;display:flex}.bar[data-astro-cid-6fzkhou7] i[data-astro-cid-6fzkhou7]{background:#384356;border-radius:50%;width:9px;height:9px}.url[data-astro-cid-6fzkhou7]{color:var(--fg-subtle);background:#ffffff0f;border-radius:4px;margin-inline:auto;padding:2px 10px;font-size:.75rem;translate:-14px}.frame[data-astro-cid-6fzkhou7]:not([data-current=desktop]) .bar[data-astro-cid-6fzkhou7] i[data-astro-cid-6fzkhou7]{display:none}.frame[data-astro-cid-6fzkhou7]:not([data-current=desktop]) .url[data-astro-cid-6fzkhou7]{translate:none}.viewport[data-astro-cid-6fzkhou7]{overscroll-behavior:contain;position:relative;overflow-y:auto}.viewport[data-astro-cid-6fzkhou7] img[data-astro-cid-6fzkhou7]{will-change:translate;width:100%;height:auto}.viewport[data-astro-cid-6fzkhou7] img[data-astro-cid-6fzkhou7][hidden]{display:none}.progress[data-astro-cid-6fzkhou7]{right:var(--gutter);background:var(--line);border-radius:2px;width:2px;position:absolute;top:0;bottom:0;overflow:hidden}.progress[data-astro-cid-6fzkhou7] span[data-astro-cid-6fzkhou7]{background:var(--brand-accent);transform-origin:top;height:100%;display:block;scale:1 0}.scrub[data-astro-cid-6fzkhou7].is-scrub{height:320vh;padding-block:0}.is-scrub[data-astro-cid-6fzkhou7] .sticky[data-astro-cid-6fzkhou7]{top:var(--nav-h);min-height:calc(100dvh - var(--nav-h));flex-direction:column;padding-block:clamp(1.5rem,4vh,3rem);display:flex;position:sticky}.is-scrub[data-astro-cid-6fzkhou7] .frame[data-astro-cid-6fzkhou7]{height:calc(100dvh - var(--nav-h) - 15rem);min-height:320px}.is-scrub[data-astro-cid-6fzkhou7] .viewport[data-astro-cid-6fzkhou7]{overflow:hidden}@media (width<=899px){.progress[data-astro-cid-6fzkhou7]{display:none}.is-scrub[data-astro-cid-6fzkhou7] .frame[data-astro-cid-6fzkhou7]{height:calc(100dvh - var(--nav-h) - 17rem)}}.case[data-astro-cid-pznzci7v]{--brand-soft:color-mix(in srgb, var(--brand) 18%, transparent)}.btn-brand[data-astro-cid-pznzci7v]{--btn-bg:var(--brand);--btn-fg:var(--brand-ink);--btn-line:var(--brand)}.btn-brand[data-astro-cid-pznzci7v]:hover{--btn-bg:var(--brand-2);--btn-line:var(--brand-2)}.eyebrow[data-astro-cid-pznzci7v]{color:var(--brand-accent);letter-spacing:.02em;font-size:.8125rem}.h3[data-astro-cid-pznzci7v]{letter-spacing:-.02em;font-size:clamp(1.5rem,1vw + 1.1rem,2rem);font-weight:600;line-height:1.15}.cols[data-astro-cid-pznzci7v]{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.hero[data-astro-cid-pznzci7v]{padding-block:clamp(2rem, 5vw, 3.5rem) var(--section-y);position:relative;overflow:hidden}.glow[data-astro-cid-pznzci7v]{z-index:-1;background:radial-gradient(40% 50% at 70% 30%, color-mix(in srgb, var(--brand-2) 45%, transparent), transparent 70%), radial-gradient(30% 40% at 20% 10%, color-mix(in srgb, var(--brand-accent) 14%, transparent), transparent 70%);filter:blur(20px);pointer-events:none;height:900px;position:absolute;inset:-20% -10% auto}.crumbs[data-astro-cid-pznzci7v]{color:var(--fg-subtle);gap:.5rem;font-size:.8125rem;display:flex}.crumbs[data-astro-cid-pznzci7v] a[data-astro-cid-pznzci7v]{color:var(--fg-muted);text-decoration:none}.crumbs[data-astro-cid-pznzci7v] a[data-astro-cid-pznzci7v]:hover{color:var(--fg)}.intro[data-astro-cid-pznzci7v]{gap:1.25rem;max-width:820px;margin-top:clamp(2rem,4vw,3rem);display:grid}.brand-line[data-astro-cid-pznzci7v]{flex-wrap:wrap;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:600;display:flex}.brand-line[data-astro-cid-pznzci7v] img[data-astro-cid-pznzci7v]{background:#fff;border-radius:10px;width:40px;height:40px;padding:4px}.brand-line[data-astro-cid-pznzci7v] .kind[data-astro-cid-pznzci7v]{border:1px solid var(--line-strong);color:var(--fg-muted);border-radius:999px;padding:.25rem .625rem;font-size:.8125rem;font-weight:450}h1[data-astro-cid-pznzci7v]{font-size:var(--text-h1);letter-spacing:-.04em;text-wrap:balance;font-weight:620;line-height:1}.actions[data-astro-cid-pznzci7v]{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.mock[data-astro-cid-pznzci7v]{--rx:0deg;--ry:0deg;margin-top:clamp(3rem,6vw,4.5rem);perspective:1600px;max-width:1080px;margin-inline:auto;position:relative}.browser[data-astro-cid-pznzci7v]{box-shadow:0 60px 120px -60px color-mix(in srgb, var(--brand) 85%, transparent), 0 40px 80px -50px #000000e6;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .6s var(--ease-out);background:#10151f;border:1px solid #ffffff1f;border-radius:12px;overflow:hidden}.bar[data-astro-cid-pznzci7v]{background:#171d29;border-bottom:1px solid #ffffff0f;align-items:center;gap:7px;height:36px;padding-inline:14px;display:flex}.bar[data-astro-cid-pznzci7v] i[data-astro-cid-pznzci7v]{background:#384356;border-radius:50%;width:10px;height:10px}.url[data-astro-cid-pznzci7v]{color:var(--fg-subtle);background:#ffffff0f;border-radius:5px;margin-inline:auto;padding:3px 12px;font-size:.75rem;translate:-16px}.browser[data-astro-cid-pznzci7v]>img[data-astro-cid-pznzci7v]{width:100%;height:auto}.phone[data-astro-cid-pznzci7v]{width:21%;transform:translate3d(calc(var(--ry) * 4), calc(var(--rx) * -4), 0);transition:transform .6s var(--ease-out);border:6px solid #0b0f17;border-radius:26px;outline:1px solid #ffffff24;position:absolute;bottom:-12%;right:-2%;overflow:hidden;box-shadow:0 40px 70px -30px #000000d9}.phone[data-astro-cid-pznzci7v] img[data-astro-cid-pznzci7v]{border-radius:20px;width:100%;height:auto}.chip[data-astro-cid-pznzci7v]{background:rgb(var(--bg-rgb) / .78);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translate3d(calc(var(--ry) * -3), calc(var(--rx) * 3), 0);transition:transform .6s var(--ease-out);border:1px solid #ffffff1f;border-radius:10px;gap:.125rem;padding:.75rem 1rem;display:grid;position:absolute;box-shadow:0 20px 40px -20px #000c}.chip[data-astro-cid-pznzci7v] b[data-astro-cid-pznzci7v]{letter-spacing:-.02em;color:var(--brand-accent);font-size:1.5rem;line-height:1.1}.chip[data-astro-cid-pznzci7v] span[data-astro-cid-pznzci7v]{color:var(--fg-muted);font-size:.8125rem}.chip-1[data-astro-cid-pznzci7v]{top:22%;left:-3%}.chip-2[data-astro-cid-pznzci7v]{bottom:-6%;left:8%}@media (prefers-reduced-motion:no-preference){.chip-1[data-astro-cid-pznzci7v]{animation:6s ease-in-out infinite float}.chip-2[data-astro-cid-pznzci7v]{animation:7s ease-in-out -2s infinite float}}@keyframes float{50%{translate:0 -10px}}.facts[data-astro-cid-pznzci7v]{border-top:1px solid var(--line);grid-template-columns:1fr 2fr 2fr 1fr;gap:1.5rem;margin-top:clamp(4rem,8vw,6rem);padding-top:1.5rem;display:grid}.facts[data-astro-cid-pznzci7v] dt[data-astro-cid-pznzci7v]{color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}.facts[data-astro-cid-pznzci7v] dd[data-astro-cid-pznzci7v]{color:var(--fg-muted);margin-top:.375rem}.stats[data-astro-cid-pznzci7v]{border-top:1px solid var(--line);padding-block:clamp(3rem,6vw,4.5rem)}.stats[data-astro-cid-pznzci7v] ul[data-astro-cid-pznzci7v]{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;display:grid}.stats[data-astro-cid-pznzci7v] li[data-astro-cid-pznzci7v]{border-left:2px solid var(--brand);gap:.375rem;padding-left:1.25rem;display:grid}.stats[data-astro-cid-pznzci7v] b[data-astro-cid-pznzci7v]{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(2.25rem,3vw + 1rem,3.5rem);font-weight:600;line-height:1}.stats[data-astro-cid-pznzci7v] span[data-astro-cid-pznzci7v]{color:var(--fg-muted)}.source[data-astro-cid-pznzci7v]{color:var(--fg-subtle);margin-top:2rem;font-size:.75rem}.story[data-astro-cid-pznzci7v]{border-top:1px solid var(--line)}.brief[data-astro-cid-pznzci7v]{letter-spacing:-.01em;text-wrap:pretty;margin-top:1rem;font-size:clamp(1.25rem,.8vw + 1rem,1.625rem);line-height:1.4}.steps[data-astro-cid-pznzci7v]{margin-top:1rem;display:grid}.steps[data-astro-cid-pznzci7v] li[data-astro-cid-pznzci7v]{border-top:1px solid var(--line);color:var(--fg-muted);grid-template-columns:3rem 1fr;gap:1rem;padding-block:1.25rem;display:grid}.steps[data-astro-cid-pznzci7v] .n[data-astro-cid-pznzci7v]{color:var(--brand-accent);padding-top:.15rem;font-size:.875rem}.highlights[data-astro-cid-pznzci7v]{border-top:1px solid var(--line)}.hl[data-astro-cid-pznzci7v]{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(2rem,5vw,4.5rem);display:grid}.hl[data-astro-cid-pznzci7v]+.hl[data-astro-cid-pznzci7v]{margin-top:clamp(4rem,9vw,7rem)}.hl[data-astro-cid-pznzci7v]:nth-child(2n) .shot[data-astro-cid-pznzci7v]{order:2}.shot[data-astro-cid-pznzci7v]{border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--bg-raised);box-shadow:0 40px 80px -50px color-mix(in srgb, var(--brand) 80%, transparent);overflow:hidden}.shot[data-astro-cid-pznzci7v] img[data-astro-cid-pznzci7v]{width:100%;height:auto;transition:scale .8s var(--ease-out)}.shot[data-astro-cid-pznzci7v]:hover img[data-astro-cid-pznzci7v]{scale:1.03}.hl-copy[data-astro-cid-pznzci7v]{gap:1rem;display:grid}.hl-copy[data-astro-cid-pznzci7v]>p[data-astro-cid-pznzci7v]:last-child{color:var(--fg-muted);font-size:var(--text-lead);line-height:1.55}.system[data-astro-cid-pznzci7v]{border-top:1px solid var(--line);background:linear-gradient(to bottom, var(--bg-sunken), var(--bg))}.system[data-astro-cid-pznzci7v] .h2[data-astro-cid-pznzci7v],.system[data-astro-cid-pznzci7v] .lead[data-astro-cid-pznzci7v]{margin-top:1rem}.logo-tile[data-astro-cid-pznzci7v]{width:120px;height:120px;box-shadow:0 30px 60px -30px color-mix(in srgb, var(--brand) 90%, transparent);background:#fff;border-radius:24px;place-items:center;margin-top:2rem;display:inline-grid}.palette[data-astro-cid-pznzci7v]{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.swatch[data-astro-cid-pznzci7v]{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);text-align:left;cursor:copy;width:100%;transition:translate .3s var(--ease-out), border-color .3s var(--ease-out);gap:.25rem;padding:0 0 .875rem;display:grid;overflow:hidden}.swatch[data-astro-cid-pznzci7v]:hover{border-color:var(--line-strong);translate:0 -4px}.chip-c[data-astro-cid-pznzci7v]{background:var(--c);height:96px;transition:height .4s var(--ease-out);margin-bottom:.625rem;display:block}.swatch[data-astro-cid-pznzci7v]:hover .chip-c[data-astro-cid-pznzci7v]{height:108px}.swatch[data-astro-cid-pznzci7v] .name[data-astro-cid-pznzci7v],.swatch[data-astro-cid-pznzci7v] .hex[data-astro-cid-pznzci7v]{padding-inline:.875rem}.swatch[data-astro-cid-pznzci7v] .name[data-astro-cid-pznzci7v]{font-weight:550}.swatch[data-astro-cid-pznzci7v] .hex[data-astro-cid-pznzci7v]{color:var(--fg-subtle);font-size:.8125rem}.swatch[data-astro-cid-pznzci7v].is-copied .hex[data-astro-cid-pznzci7v]{color:var(--brand-accent)}.copied[data-astro-cid-pznzci7v]{min-height:1.5rem;color:var(--brand-accent);margin-top:1rem;font-size:.8125rem}.shipped[data-astro-cid-pznzci7v]{border-top:1px solid var(--line)}.list[data-astro-cid-pznzci7v]{display:grid}.list[data-astro-cid-pznzci7v] li[data-astro-cid-pznzci7v]{border-top:1px solid var(--line);gap:.75rem;padding-block:1.125rem;font-size:1.0625rem;display:flex}.list[data-astro-cid-pznzci7v] svg[data-astro-cid-pznzci7v]{width:1.125rem;height:1.125rem;color:var(--brand-accent);flex-shrink:0;margin-top:.3rem}.next[data-astro-cid-pznzci7v]{border-top:1px solid var(--line)}.next[data-astro-cid-pznzci7v] .cols[data-astro-cid-pznzci7v]{align-items:center}.cta[data-astro-cid-pznzci7v]{gap:1rem;display:grid}@media (width<=899px){.cols[data-astro-cid-pznzci7v],.hl[data-astro-cid-pznzci7v]{grid-template-columns:1fr}.hl[data-astro-cid-pznzci7v]:nth-child(2n) .shot[data-astro-cid-pznzci7v]{order:0}.facts[data-astro-cid-pznzci7v]{grid-template-columns:1fr 1fr}.stats[data-astro-cid-pznzci7v] ul[data-astro-cid-pznzci7v]{grid-template-columns:1fr 1fr;row-gap:2rem}.palette[data-astro-cid-pznzci7v]{grid-template-columns:repeat(2,minmax(0,1fr))}.chip[data-astro-cid-pznzci7v]{display:none}.phone[data-astro-cid-pznzci7v]{width:26%;right:2%}}