@layer components{.zl-landing{--lp-puck:#f4c430;--lp-puck-hover:#e9b818;--lp-puck-deep:#8a6a00;--lp-mark:#dfe8d0;--lp-deep:#25282c;--lp-deep-ink:#edf3ee;--lp-deep-muted:#acbdb2;--lp-gutter:20px;--lp-max:1200px;font-size:16px;line-height:1.55;overflow-x:clip}@media (min-width:768px){.zl-landing{--lp-gutter:40px}}.zl-landing .lp-wrap{width:100%;max-width:calc(var(--lp-max) + var(--lp-gutter) * 2);padding-inline:var(--lp-gutter);margin-inline:auto}.zl-landing [id]{scroll-margin-top:72px}@media (prefers-reduced-motion:no-preference){html:has(.zl-landing){scroll-behavior:smooth}}.zl-landing .lp-display{letter-spacing:-.048em;text-wrap:balance;font-size:clamp(3rem,1.6rem + 6.4vw,7rem);font-weight:650;line-height:.94}.zl-landing .lp-h2{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2rem,1.35rem + 2.6vw,3.5rem);font-weight:620;line-height:1.02}.zl-landing .lp-h3{letter-spacing:-.015em;font-size:1.25rem;font-weight:620;line-height:1.25}.zl-landing .lp-lede{letter-spacing:-.01em;color:var(--zl-muted);text-wrap:pretty;font-size:clamp(1.125rem,1rem + .45vw,1.375rem);line-height:1.45}.zl-landing .lp-body{color:var(--zl-muted);text-wrap:pretty}.zl-landing .lp-btn{letter-spacing:-.01em;white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;min-height:48px;padding:0 1.375rem;font-size:1rem;font-weight:600;transition:background-color .12s,border-color .12s,transform .12s;display:inline-flex}.zl-landing .lp-btn:active{transform:translateY(1px)}.zl-landing .lp-btn:disabled{cursor:progress;opacity:.75}.zl-landing .lp-btn-sm{min-height:38px;padding:0 1rem;font-size:.875rem}.zl-landing .lp-btn-puck{background:var(--lp-puck);color:var(--zl-ink);border-color:color-mix(in srgb, var(--lp-puck) 70%, var(--zl-ink));box-shadow:inset 0 -2px #292b2d1f}.zl-landing .lp-btn-puck:hover{background:var(--lp-puck-hover)}.zl-landing .lp-btn-quiet{color:var(--zl-ink);border-color:var(--zl-line-strong);background:0 0}.zl-landing .lp-btn-quiet:hover{background:var(--zl-soft)}.zl-landing .lp-btn-ink{background:var(--zl-primary);color:var(--zl-primary-ink)}.zl-landing .lp-btn-ink:hover{background:var(--zl-primary-hover)}.zl-landing .lp-link{text-decoration:underline;-webkit-text-decoration-color:var(--zl-line-strong);text-decoration-color:var(--zl-line-strong);text-underline-offset:3px;border-radius:4px}.zl-landing .lp-link:hover{text-decoration-color:currentColor}.zl-landing .lp-placeholder{background-color:var(--zl-soft);background-image:radial-gradient(circle at 1px 1px, var(--zl-line-strong) 1px, transparent 0);background-size:18px 18px}.zl-landing .lp-hero-fade{background:linear-gradient(to bottom, color-mix(in srgb, var(--zl-bg) 0%, transparent) 72%, var(--zl-bg) 100%)}@media (min-width:1024px){.zl-landing .lp-hero-fade{background:linear-gradient(to right, var(--zl-bg) 0%, color-mix(in srgb, var(--zl-bg) 92%, transparent) 34%, color-mix(in srgb, var(--zl-bg) 0%, transparent) 62%)}}.zl-landing .lp-fade-in{opacity:0;transition:opacity .9s}.zl-landing .lp-fade-in[data-ready=true]{opacity:1}.zl-landing .lp-stage-track{display:none}.zl-landing .lp-step-still{display:block}.zl-landing .lp-how-video{-webkit-mask-image:linear-gradient(#000 96%,#0000 100%),linear-gradient(90deg,#0000 0%,#000 4% 96%,#0000 100%);mask-image:linear-gradient(#000 96%,#0000 100%),linear-gradient(90deg,#0000 0%,#000 4% 96%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.zl-landing .lp-stage-track{display:block;position:absolute;inset:0}.zl-landing .lp-stage{height:100svh;position:sticky;top:0}.zl-landing .lp-step{align-items:center;min-height:100svh;display:flex}.zl-landing .lp-step-still{display:none}.zl-landing .lp-step-card{opacity:.35;transition:opacity .3s}.zl-landing .lp-step[data-active=true] .lp-step-card{opacity:1}}.zl-landing .lp-route-node{transition:fill .3s,stroke .3s}@media (prefers-reduced-motion:reduce){.zl-landing .lp-btn,.zl-landing .lp-fade-in,.zl-landing .lp-route-node{transition:none}}}
