@property --brand{syntax:"<color>";inherits:true;initial-value:#2b357c}@property --brand-2{syntax:"<color>";inherits:true;initial-value:#00cb99}@property --brand-deep{syntax:"<color>";inherits:true;initial-value:#141a45}@property --brand-soft{syntax:"<color>";inherits:true;initial-value:#eceefa}.catalog{transition:--brand .6s,--brand-2 .6s,--brand-deep .6s,--brand-soft .6s}.catalog[data-brand=moby]{--brand:#2b357c;--brand-2:#00cb99;--brand-deep:#141a45;--brand-soft:#eceefa}.catalog[data-brand=citizen]{--brand:#006ea8;--brand-2:#ffdeb3;--brand-deep:#002f4a;--brand-soft:#e5f1f8}.catalog-stage{background:radial-gradient(120% 70% at 50% 115%, color-mix(in srgb, var(--brand-2) 45%, transparent), transparent 70%), var(--brand-soft)}.catalog-stage-strong{background:radial-gradient(90% 60% at 50% 100%, color-mix(in srgb, var(--brand-2) 70%, transparent), transparent 75%), var(--brand)}.shot-moby,.shot-citizen{transition:opacity .6s}.shot-citizen{opacity:0}.catalog[data-brand=citizen] .shot-citizen{opacity:1}.catalog[data-brand=citizen] .shot-moby{opacity:0}.phone{position:relative;container-type:inline-size}.phone-body{background:#1d1d1f;border-radius:17cqw;padding:3.6cqw;position:relative;box-shadow:inset 0 0 0 .6cqw #3a3a3c,0 2px 4px #00000014,0 24px 48px -16px #00000059}.phone-screen{aspect-ratio:1206/2622;background:#fff;border-radius:13.4cqw;position:relative;overflow:hidden;container-type:inline-size}.phone-island{z-index:2;background:#000;border-radius:999px;width:30.8cqw;height:9.04cqw;position:absolute;top:3.48cqw;left:50%;transform:translate(-50%)}.laptop{width:100%;position:relative;container-type:inline-size}.laptop-lid{background:#1d1d1f;border-radius:2.4cqw 2.4cqw .6cqw .6cqw;width:88%;margin:0 auto;padding:1.8cqw 1.8cqw 2.6cqw;position:relative;box-shadow:inset 0 0 0 .25cqw #3a3a3c}.laptop-lid:before{content:"";background:#3a3a3c;border-radius:50%;width:.5cqw;height:.5cqw;position:absolute;top:.75cqw;left:50%;transform:translate(-50%)}.laptop-screen{aspect-ratio:16/10;background:#fff;border-radius:.4cqw;position:relative;overflow:hidden}.laptop-base{background:linear-gradient(#e3e3e8,#b7b7bf);border-radius:0 0 2.6cqw 2.6cqw/0 0 100% 100%;height:2.6cqw;position:relative;box-shadow:0 18px 36px -14px #00000059}.laptop-base:before{content:"";background:#a9a9b2;border-radius:0 0 1cqw 1cqw;width:14%;height:40%;position:absolute;top:0;left:50%;transform:translate(-50%)}.device-button{cursor:zoom-in;border-radius:1rem;width:100%;transition:transform .4s cubic-bezier(.2,.8,.2,1);display:block}.device-button:hover{transform:translateY(-4px)}.device-button:active{transform:translateY(-1px)scale(.99)}.device-button:focus-visible{outline:3px solid var(--brand);outline-offset:6px}.lightbox{background:0 0;border:0;max-width:none;max-height:none;margin:auto;padding:0;overflow:visible}.lightbox::backdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0a0eb8}.lightbox[open]{animation:.35s cubic-bezier(.2,.8,.2,1) lightbox-in}@keyframes lightbox-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.lightbox-phone{width:min(88vw,39.776vh)}.lightbox-laptop{width:min(94vw,1280px,116.44vh)}.lightbox-close{color:#fff;background:#ffffff29;border-radius:999px;place-items:center;width:2.75rem;height:2.75rem;font-size:1.5rem;line-height:1;transition:background .2s;display:grid;position:fixed;top:1rem;right:1rem}.lightbox-close:hover{background:#ffffff4d}.brand-float{z-index:30;opacity:0;pointer-events:none;transition:opacity .35s,transform .35s cubic-bezier(.2,.8,.2,1);position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%,1.5rem)}.brand-float[data-shown=true]{opacity:1;pointer-events:auto;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.catalog,.shot-moby,.shot-citizen,.device-button,.brand-float{transition:none}.lightbox[open]{animation:none}}