.l5-main{background:linear-gradient(to bottom, var(--vds-canvas,#eef0ec), var(--vds-app,#f6f7f4) 70%);overflow-x:clip}.l5-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.l5-hero{padding-block:32px 0}.l5-hero__head{align-items:end;gap:24px;display:grid}@media (min-width:1024px){.l5-hero__head{grid-template-columns:1fr;gap:20px}.l5-hero .l5-hero__copy{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:48px;display:grid}.l5-hero .l5-hero__copy .fhh-actions{grid-area:1/2}.l5-hero__copy .fhh-lede{grid-row:1/span 2;max-width:40rem}.l5-hero__copy .fhh-hero__micro{grid-area:2/2;max-width:22rem}}.l5-hero .fhh-display{max-width:17ch;font-size:clamp(2.25rem,1rem + 4.2vw,4rem)}@media (min-width:1024px){.l5-hero .fhh-display{max-width:24ch}}.l5-hero__title{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.l5-hero__copy{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.l5-hero .fhh-lede{font-size:16px}.l5-stage{width:100%;max-width:1600px;height:clamp(300px,42vw,600px);margin:8px auto 0;position:relative}@media (max-width:767px){.l5-stage{height:360px}}.l5-scene{opacity:0;transition:opacity .9s var(--vds-ease-out,ease-out), transform 1.1s var(--vds-ease-out,ease-out);position:absolute;inset:0;transform:translateY(18px)scale(.985)}.l5-stage[data-state=ready] .l5-scene{opacity:1;transform:none}.l5-scene canvas{width:100%;height:100%;display:block}.l5-stage:after{content:"";pointer-events:none;background:linear-gradient(to bottom, transparent, var(--vds-canvas,#eef0ec));height:90px;position:absolute;inset:auto 0 0}.l5-steps{z-index:2;border:1px solid var(--vds-line);box-shadow:var(--vds-shadow-1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffc7;border-radius:999px;gap:8px;margin:0;padding:6px;list-style:none;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.l5-steps li{color:var(--vds-ink-2);white-space:nowrap;animation:12s infinite l5-step;animation-delay:calc(var(--k) * 4s);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:13px;font-weight:700;display:flex}.l5-steps__n{width:22px;height:22px;color:var(--vds-green-800);background:var(--vds-green-100);border-radius:50%;place-items:center;font-size:11px;display:grid}@keyframes l5-step{0%,to{color:var(--vds-ink-2);background:0 0}4%,30%{color:#fff;background:var(--vds-green-700)}36%{color:var(--vds-ink-2);background:0 0}}@media (max-width:520px){.l5-steps{gap:2px;bottom:10px}.l5-steps li{padding-right:8px;font-size:12px}.l5-steps__n{display:none}.l5-steps li{padding-left:10px}}.l5-demo{z-index:2;letter-spacing:.08em;text-transform:uppercase;color:var(--vds-ink-2);border:1px solid var(--vds-line);background:#fffc;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700;position:absolute;top:6px;right:16px}.l5-fallback{justify-content:center;align-items:center;gap:5%;display:flex;position:absolute;inset:0}.l5-fb-card{aspect-ratio:1.45;border:1px solid var(--vds-line);width:14%;box-shadow:var(--vds-shadow-2);background:#fff;border-radius:12px;transform:rotate(-5deg)}.l5-fb-card--b{transform:rotate(3deg)translateY(10px)}.l5-fb-card--sent{background:var(--vds-green-100);transform:rotate(4deg)}.l5-fb-gate{width:150px;height:150px;box-shadow:var(--vds-shadow-3);background:#fff;border-radius:50%;place-items:center;display:grid}.l5-fb-cal{aspect-ratio:1;border-top:14px solid var(--vds-green-700);width:10%;box-shadow:var(--vds-shadow-2);background:#fff;border-radius:14px}@media (prefers-reduced-motion:reduce){.l5-scene{transition:none!important}.l5-steps li{animation:none!important}}