.demo-hero{--demo-col:30rem;isolation:isolate;background:var(--bg);margin-top:calc(var(--nav-h) * -1);position:relative;overflow:hidden}.demo-hero__scene{z-index:0;position:absolute;inset:0;container-type:size}.demo-hero__scene.fys-nav-over{margin-top:0}.demo-hero__back{object-fit:cover;object-position:50% 42%;-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:100%;position:absolute;inset:0}.demo-hero__box{aspect-ratio:3/4;top:calc(var(--nav-h) + (100% - var(--nav-h)) / 2);right:max(var(--gutter), calc((100% - var(--max)) / 2 + var(--gutter)));height:min(calc((100% - var(--nav-h)) * .86), calc((min(100cqw, var(--max)) - 2 * var(--gutter) - var(--demo-col) - var(--space-2xl)) * 4 / 3));transition:opacity .4s var(--ease);position:absolute;translate:0 -50%}.demo-hero__poster{object-fit:contain;-webkit-mask-composite:source-in;width:100%;height:100%;display:block;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000),linear-gradient(#000 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000),linear-gradient(#000 80%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.demo-hero__gl{opacity:0;width:100%;height:100%;transition:opacity .7s var(--ease);position:absolute;inset:0}.demo-hero.is-live .demo-hero__gl{opacity:1}.demo-hero.is-live .demo-hero__box{opacity:0;transition-delay:.65s}.demo-hero__shade{pointer-events:none;background:linear-gradient(90deg,#0b0c0fe6 0%,#0b0c0fbd 34%,#0b0c0f00 58%),linear-gradient(#0b0c0f8c,#0b0c0f00 22%);position:absolute;inset:0}.demo-hero__fade{pointer-events:none;background:linear-gradient(to bottom, #14161a00, var(--bg));height:14%;position:absolute;inset:auto 0 0}.demo-hero__in{z-index:2;box-sizing:border-box;grid-template-columns:minmax(0, var(--demo-col));align-content:center;gap:var(--space-lg);min-height:max(100svh,680px);padding-top:calc(var(--nav-h) + var(--space-lg));padding-bottom:var(--space-2xl);display:grid;position:relative}.demo-hero__copy{gap:var(--space-md);justify-items:start;display:grid}.demo-hero .demo-hero__title{letter-spacing:-.025em;font-size:clamp(2.1rem,1.9vw + 1rem,3.1rem);line-height:1.02}.demo-hero__lead{font-size:var(--fs-md);color:var(--fg-2);max-width:30rem;line-height:1.5}.demo-hero__proof{align-items:center;gap:var(--space-xs) var(--space-lg);flex-wrap:wrap;display:flex}.demo-hero__proof .fys-video-link{font-size:var(--fs-sm)}.demo-hero__proof .fys-video-link svg{width:24px;height:24px}.demo-hero__form{scroll-margin-top:calc(var(--nav-h) + var(--space-md));display:grid}.demo-hero__form .fys-form:has(.fys-form__ok){align-content:center;display:grid}.demo-hero .fys-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#181b20e0}@media (max-width:959px),(max-aspect-ratio:1){.demo-hero__scene{height:clamp(300px,46svh,440px);position:relative;inset:auto}.demo-hero__box{top:calc(var(--nav-h) + 2px);height:calc(100% - var(--nav-h) - 6px);left:50%;right:auto;translate:-50%}.demo-hero__shade{background:linear-gradient(#0b0c0fb3,#0b0c0f00 26%)}.demo-hero__fade{height:22%}.demo-hero__in{min-height:0;padding-top:var(--space-sm);padding-bottom:var(--space-xl);grid-template-columns:minmax(0,1fr);align-content:start}.demo-hero .demo-hero__title{font-size:clamp(2rem,8.2vw,3rem)}.demo-hero__lead{font-size:var(--fs-base)}.demo-hero__in{justify-items:start}.demo-hero__copy{display:contents}.demo-hero__copy>:not(:first-child){order:2}.demo-hero__in>.demo-hero__form{order:1;justify-self:stretch}.demo-hero__in>.fys-direct{order:3}}.demo-pases .fys-card__title{gap:.1em;display:grid}.demo-pase__links{margin:var(--space-2xs) 0 0;font-size:var(--fs-sm);flex-wrap:wrap;gap:.35rem 1rem;padding:0;list-style:none;display:flex}.demo-pases .demo-ui-kds{width:17em;left:4%}.demo-pases .demo-ui-orders{width:16.5em;max-width:none;inset:auto 4% 1.2em auto}.demo-pases .demo-ui-invoice{width:17.5em;top:1.3em;left:4%}.demo-pases .demo-ui-recipe{z-index:2;width:17em;inset:auto 4% 1.2em auto}.demo-pases__note{margin:var(--space-lg) auto 0;text-align:center;max-width:46rem;color:var(--fg-3);font-size:var(--fs-xs);line-height:1.5}.demo-bill{box-sizing:border-box;grid-template-columns:minmax(0,1fr);place-items:center;height:100%;padding:1.4em 1em;display:grid}.demo-bill__paper{box-sizing:border-box;color:#17171c;width:min(22em,100%);box-shadow:var(--shadow-ui);font-family:var(--ff-mono);font-variant-numeric:tabular-nums;background:#f3f2ee;padding:1.3em 1.4em 1.5em;font-size:.92em;line-height:1.35;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/.9em 51% repeat-x,linear-gradient(#000 0 0) top/100% 50% no-repeat;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/.9em 51% repeat-x,linear-gradient(#000 0 0) top/100% 50% no-repeat}.demo-bill__paper b{text-align:center;letter-spacing:.04em;font-weight:700;display:block}.demo-bill__rule{white-space:nowrap;color:#60606c;margin:.45em 0;overflow:hidden}.demo-bill__rule:before{content:"----------------------------------------------------------------"}.demo-bill__paper dl{gap:.3em;margin:0;display:grid}.demo-bill__paper dl>div{justify-content:space-between;align-items:baseline;gap:1em;display:flex}.demo-bill__paper dt{min-width:0}.demo-bill__paper dd{text-align:right;white-space:nowrap;margin:0;font-weight:700}.demo-bill__total{justify-content:space-between;align-items:baseline;gap:1em;font-size:1.15em;font-weight:700;display:flex}.demo-bill__total span:last-child{color:var(--brand)}