@layer components{.z-root,.z-tokens{--zc-night:#071426;--zc-night-2:#0c1d35;--zc-ink:#030914;--zc-paper:#f7f8fa;--zc-mineral:#a7b1c2;--zc-slate:#5b6679;--zc-cyan:#3db8e8;--zc-mint:#7fddb3;--z-ease:cubic-bezier(.16, 1, .3, 1);--z-ease-io:cubic-bezier(.65, 0, .35, 1)}.z-root{font-family:var(--font-inter-tight), ui-sans-serif, system-ui, sans-serif;background:var(--zc-night);color:var(--zc-paper);-webkit-font-smoothing:antialiased}.z-display{font-family:var(--font-archivo), sans-serif;font-variation-settings:"wdth" 82;letter-spacing:-.028em;font-weight:700;line-height:.98}.z-serif{font-family:var(--font-instrument-serif), Georgia, serif;letter-spacing:-.01em;font-style:italic;font-weight:400}.z-eyebrow{letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:600}.z-num{font-variant-numeric:tabular-nums}.z-btn{letter-spacing:-.01em;white-space:nowrap;isolation:isolate;height:3.25rem;transition:transform .24s var(--z-ease), box-shadow .24s var(--z-ease), background-color .24s var(--z-ease), color .24s var(--z-ease);border-radius:999px;justify-content:center;align-items:center;gap:.6rem;padding:0 1.6rem;font-size:.98rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.z-btn:focus-visible{outline:2px solid var(--zc-cyan);outline-offset:3px}.z-btn:active{transform:scale(.98)}.z-btn-light{background:var(--zc-paper);color:var(--zc-night);box-shadow:inset 0 1px #fff9,0 18px 40px -18px #3db8e88c}.z-btn-light:after,.z-btn-dark:after{content:"";z-index:-1;transition:transform .7s var(--z-ease);background:linear-gradient(105deg,#0000 30%,#7fddb359 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.z-btn-dark{background:var(--zc-night);color:var(--zc-paper);box-shadow:0 18px 40px -20px #071426b3}.z-btn-ghost{color:var(--zc-paper);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#07142640;box-shadow:inset 0 0 0 1px #f7f8fa38}.z-btn .z-btn-arrow{transition:transform .24s var(--z-ease)}@media (hover:hover){.z-btn-light:hover:after,.z-btn-dark:hover:after{transform:translate(120%)}.z-btn-light:hover{transform:translateY(-1px);box-shadow:inset 0 1px #fff9,0 24px 50px -18px #3db8e8bf}.z-btn-dark:hover{transform:translateY(-1px)}.z-btn-ghost:hover{background:#07142673;box-shadow:inset 0 0 0 1px #f7f8fa80}.z-btn:hover .z-btn-arrow{transform:translate(3px)}}.z-reveal{opacity:0;transition:opacity .7s var(--z-ease), transform .9s var(--z-ease);transition-delay:var(--z-delay,0s);transform:translateY(28px)}.z-reveal[data-in=true]{opacity:1;transform:none}.z-reveal-mask{position:relative}.z-reveal-mask:after{content:"";z-index:2;background:var(--z-cover,var(--zc-night));transform-origin:50% 0;transition:transform 1.1s var(--z-ease);transition-delay:var(--z-delay,0s);pointer-events:none;position:absolute;inset:-1px}.z-reveal-mask[data-in=true]:after{transform:scaleY(0)}@media (prefers-reduced-motion:reduce){.z-reveal{opacity:1!important;transform:none!important}.z-reveal-mask:after{display:none}}.z-hero{background:var(--zc-ink);isolation:isolate;position:relative;overflow:hidden}.z-hero-visual{--tim-x:71cqw;--stage-w:max(100cqw, 235.29cqh);--phone-left:calc(var(--tim-x) - .214 * var(--stage-w));position:absolute;inset:0;container-type:size}.z-stage-move{transform:translate3d(calc(var(--px,0) * -7px), calc(var(--py,0) * -5px), 0);will-change:transform;position:absolute;inset:0}.z-stage{top:50%;left:calc(var(--tim-x) - .445 * var(--stage-w));width:var(--stage-w);height:calc(var(--stage-w) / 2.3529);margin-top:calc(var(--stage-w) / -4.7058);transform-origin:46% 45%;animation:z-camera 2.6s var(--z-ease) both;position:absolute}@keyframes z-camera{0%{transform:scale(1.09)}to{transform:scale(1)}}.z-stage-photo{filter:saturate(.82)contrast(1.06)brightness(.86);width:100%;height:100%;position:absolute;inset:0}.z-stage-photo-bg{animation:z-fade-in 1.2s var(--z-ease) both;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 16%);mask-image:linear-gradient(90deg,#0000 0,#000 16%)}.z-stage-photo-cut{z-index:3;pointer-events:none;animation:z-fade-in 1.2s var(--z-ease) both}@keyframes z-fade-in{0%{opacity:0}to{opacity:1}}.z-hero-shade{z-index:1;pointer-events:none;background:linear-gradient(90deg, #030914f0 0, #030914d1 calc(var(--phone-left) - 18cqw), #03091440 calc(var(--phone-left) - 2cqw), #03091400 calc(var(--phone-left) + 4cqw));position:absolute;inset:0}.z-hero-vignette{z-index:6;pointer-events:none;background:linear-gradient(0deg,#071426 0,#07142699 9%,#07142600 26%),linear-gradient(#0309148c 0,#03091400 18%),radial-gradient(120% 90% at 70% 40%,#0000 55%,#03091473 100%);position:absolute;inset:0}.z-phone-slot,.z-pops{z-index:2;aspect-ratio:.488;perspective:1400px;height:63%;font-size:clamp(11px, calc(var(--stage-w) * .0068), 15px);position:absolute;top:17%;left:23.4%}.z-pops{z-index:5;pointer-events:none}.z-pops-behind{z-index:1}.z-phone-enter{transform-style:preserve-3d;animation:z-phone-in 1.3s var(--z-ease) .45s both;position:absolute;inset:0}@keyframes z-phone-in{0%{opacity:0;transform:translate3d(-6%,14%,-220px)rotateY(34deg)rotateX(10deg)rotate(-4deg)}60%{opacity:1}to{opacity:1;transform:none}}.z-phone-tilt{transform-style:preserve-3d;transform:rotateY(calc(-13deg + var(--px,0) * 5deg)) rotateX(calc(3deg - var(--py,0) * 4deg)) rotateZ(-1.2deg);transition:transform .12s linear;position:absolute;inset:0}.z-phone-float{transform-style:preserve-3d;animation:z-float 7s var(--z-ease-io) 2s infinite alternate;position:absolute;inset:0}@keyframes z-float{0%{transform:translate(0,0)}to{transform:translateY(-1.1%)}}.z-phone-shadow{filter:blur(10px);height:16%;animation:z-fade-in .9s var(--z-ease) 1.1s both;background:radial-gradient(closest-side,#0009,#0000);border-radius:50%;position:absolute;bottom:-9%;left:22%;right:-38%;transform:rotate(-4deg)}.z-phone{background:linear-gradient(115deg,#d9dee6 0%,#737b88 18%,#2a2f37 46%,#5d6572 74%,#c7ccd4 100%);border-radius:13.5%/6.6%;padding:1.15%;position:absolute;inset:0;box-shadow:0 0 0 1px #0000008c,0 40px 70px -24px #000000d9,0 18px 30px -18px #0009,-28px 30px 60px -30px #3db8e840}.z-phone-bezel{background:#05070b;border-radius:12.6%/6.15%;height:100%;padding:3.1%;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f}.z-phone-screen{background:#000;border-radius:10.6%/5.1%;height:100%;position:relative;overflow:hidden;transform:translateZ(0)}.z-phone-screen video,.z-phone-screen .z-phone-poster{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.z-phone-screen-on{opacity:0;animation:z-screen-on .9s var(--z-ease) 1.25s both;position:absolute;inset:0}@keyframes z-screen-on{0%{opacity:0;filter:brightness(2.2)saturate(0)}35%{opacity:1}to{opacity:1;filter:none}}.z-phone-island{z-index:3;background:#000;border-radius:999px;width:31%;height:4.1%;position:absolute;top:2.1%;left:50%;transform:translate(-50%)}.z-phone-glare{z-index:4;pointer-events:none;background:linear-gradient(calc(118deg + var(--px,0) * 8deg), #ffffff29 0%, #ffffff0a 28%, #fff0 42%);mix-blend-mode:screen;position:absolute;inset:0}.z-phone-screen-ui{z-index:2;pointer-events:none;background:linear-gradient(#00000073 0,#0000 16% 70%,#000000b3 100%);position:absolute;inset:0}.z-phone-btn{background:linear-gradient(90deg,#4b525c,#a5abb4);border-radius:2px;position:absolute}.z-pop{left:var(--x);top:var(--y);z-index:5;width:max-content;transform-style:preserve-3d;transform:translate3d(calc(var(--px,0) * var(--depth,10px)), calc(var(--py,0) * var(--depth,10px)), 0);transition:transform .12s linear;position:absolute}.z-pop-behind{z-index:1}.z-pop-inner{animation:z-pop-out 1.1s var(--z-ease) var(--pop-delay,1.7s) both}@keyframes z-pop-out{0%{opacity:0;transform:translate3d(var(--from-x,0), var(--from-y,0), -160px) scale(.42);filter:blur(6px)}55%{opacity:1}to{opacity:1;filter:blur();transform:translate(0,0)scale(1)}}.z-pop-idle{animation:z-pop-idle 6s var(--z-ease-io) infinite alternate;animation-delay:var(--idle-delay,3s)}@keyframes z-pop-idle{0%{transform:translate(0,0)}to{transform:translateY(-6px)}}.z-card{color:#0d1b2e;background:#fafbfcf7;border-radius:16px;box-shadow:inset 0 1px #ffffffe6,0 0 0 1px #0d1b2e0f,0 30px 60px -24px #000000a6,0 12px 24px -16px #00000073}.z-card-dark{color:var(--zc-paper);background:#0a1628eb;border-radius:14px;box-shadow:0 0 0 1px #ffffff14,0 24px 50px -24px #000c}.z-hero-copy{z-index:8;position:relative}.z-line{margin-bottom:-.06em;padding-bottom:.06em;display:block;overflow:hidden}.z-line>span{animation:z-line-up 1s var(--z-ease) both;animation-delay:var(--line-delay,0s);display:block}@keyframes z-line-up{0%{transform:translateY(105%)}to{transform:none}}.z-rise{animation:z-rise .9s var(--z-ease) both;animation-delay:var(--rise-delay,0s)}@keyframes z-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (min-width:1024px){.z-hero{height:100svh;min-height:700px;max-height:1080px;container-type:size}.z-hero-copy{width:min(38rem,71cqw - max(100cqw,235.29cqh)/4.6729 - clamp(1.5rem,5cqw,5rem) - 3.5rem);position:absolute;top:50%;left:clamp(1.5rem,5cqw,5rem);transform:translateY(-46%)}.z-hero-title{font-size:clamp(2.5rem,min(4.25cqw,7.2cqh),5.2rem)}}@media (max-width:1023.98px){.z-hero-visual{--tim-x:79cqw;height:min(128vw,700px);position:relative;inset:auto}.z-pop{left:var(--x-sm,var(--x));top:var(--y-sm,var(--y))}.z-hero-shade{background:linear-gradient(#030914b3 0,#03091400 18%)}.z-hero-vignette{background:linear-gradient(0deg, var(--zc-ink) 0, #030914d9 16%, #03091400 42%)}.z-hero-title{font-size:clamp(2.35rem,9.6vw,4.2rem)}}@media (max-width:520px){.z-pop-hide-sm{display:none}}.z-grain:before{content:"";pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.z-hairline{background:linear-gradient(90deg,#0000,#a7b1c259,#0000);height:1px}.z-underline{background-image:linear-gradient(90deg, var(--zc-cyan), var(--zc-mint));background-position:0 100%;background-repeat:no-repeat;background-size:100% 2px}.z-relay-item{transform:translate3d(var(--x), var(--y), 0) rotate(var(--r));will-change:transform;position:absolute}.z-snap{scroll-snap-type:x mandatory;scrollbar-width:none}.z-snap::-webkit-scrollbar{display:none}.z-snap>*{scroll-snap-align:center}.z-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px}.z-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--zc-cyan) var(--fill,50%), #a7b1c247 var(--fill,50%));border-radius:3px;height:3px}.z-range::-moz-range-track{background:#a7b1c247;border-radius:3px;height:3px}.z-range::-moz-range-progress{background:var(--zc-cyan);border-radius:3px;height:3px}.z-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--zc-paper);width:22px;height:22px;transition:box-shadow .2s var(--z-ease);border-radius:50%;margin-top:-9.5px;box-shadow:0 0 0 5px #3db8e838,0 4px 10px #0006}.z-range::-moz-range-thumb{background:var(--zc-paper);border:0;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 5px #3db8e838,0 4px 10px #0006}.z-range:focus-visible{outline:none}.z-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 6px #3db8e880,0 4px 10px #0006}.z-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 6px #3db8e880,0 4px 10px #0006}.z-xfade{transition:opacity .5s var(--z-ease), transform .7s var(--z-ease)}}