@layer reset,tokens,base,vendor;@layer surfaces{.productLandingHero[data-product-landing-hero][data-product-landing-layout=card][data-hero-motion]>.heroCopy{max-width:var(--fr-product-landing-hero-copy-max)}.productLandingHero[data-product-landing-hero][data-product-landing-layout=card][data-hero-motion] h1{max-width:var(--fr-product-landing-hero-title-max)}.productLandingHero[data-product-landing-hero][data-product-landing-layout=card][data-hero-motion] .lead{max-width:var(--fr-product-landing-hero-lead-max)}.productLandingHero[data-product-landing-hero][data-product-landing-layout=card][data-hero-motion]{min-block-size:min(var(--fr-product-landing-hero-card-min-height), calc(var(--fr-product-landing-hero-visual-column-share) * 100cqi), calc(100svh - var(--fr-product-landing-hero-viewport-chrome-height)));grid-template-columns:minmax(0, calc(100% - max(var(--fr-product-landing-hero-visual-column-min), calc(var(--fr-product-landing-hero-visual-column-share) * 100%)))) minmax(var(--fr-product-landing-hero-visual-column-min), calc(var(--fr-product-landing-hero-visual-column-share) * 100%));border-radius:clamp(var(--fr-product-landing-hero-card-radius-min), calc(var(--fr-product-landing-hero-card-radius-viewport-ratio) * 1vw), var(--fr-product-landing-hero-card-radius-max));background:var(--fr-public-surface-card-background);isolation:isolate;grid-template-rows:minmax(0,1fr) auto;align-items:center;gap:0;margin-block-start:clamp(var(--fr-product-landing-hero-card-start-min), calc(var(--fr-product-landing-hero-card-start-viewport-ratio) * 1vw), var(--fr-product-landing-hero-card-start-max));padding:0;display:grid;position:relative;overflow:hidden}.productLandingHero[data-product-landing-hero][data-product-landing-layout=card][data-hero-motion]>.heroCopy{z-index:2;width:min(100%, var(--fr-product-landing-hero-copy-inline-max));max-width:var(--fr-product-landing-hero-copy-inline-max);gap:var(--fr-product-landing-hero-copy-gap);padding:clamp(var(--fr-product-landing-hero-copy-inset-start-min), calc(var(--fr-product-landing-hero-copy-inset-start-viewport-ratio) * 1vw), var(--fr-product-landing-hero-copy-inset-max)) clamp(var(--fr-product-landing-hero-copy-inset-min), calc(var(--fr-product-landing-hero-copy-inset-viewport-ratio) * 1vw), var(--fr-product-landing-hero-frame-gap-max)) clamp(var(--fr-product-landing-hero-copy-inset-min), calc(var(--fr-product-landing-hero-copy-inset-viewport-ratio) * 1vw), var(--fr-product-landing-hero-frame-gap-max)) clamp(var(--fr-product-landing-hero-copy-inset-start-min), calc(var(--fr-product-landing-hero-copy-inset-start-viewport-ratio) * 1vw), var(--fr-product-landing-hero-copy-inset-max));grid-area:1/1;position:relative}.productLandingHero[data-product-landing-hero][data-product-landing-layout=card][data-hero-motion]>.heroCopy .lead{color:var(--fr-product-landing-hero-lead-foreground);text-shadow:var(--fr-product-landing-hero-lead-shadow)}.homeHeroActions{align-items:center;gap:var(--fr-product-landing-hero-action-row-gap) var(--fr-product-landing-hero-action-column-gap);flex-wrap:wrap;display:flex}.homeHeroActions>a{color:var(--fr-product-landing-hero-action-link-foreground);font-size:var(--fr-product-landing-hero-action-link-size);font-weight:var(--fr-product-landing-hero-action-link-weight);text-underline-offset:var(--fr-product-landing-hero-action-underline-offset);text-decoration:underline}.productLandingHero[data-product-landing-hero][data-product-landing-layout=card][data-hero-motion]>[data-brand-ready-marquee]{z-index:2;width:100%;padding:0 0 clamp(var(--fr-product-landing-hero-marquee-inset-min), calc(var(--fr-product-landing-hero-marquee-inset-viewport-ratio) * 1vw), var(--fr-product-landing-hero-marquee-inset-max)) clamp(var(--fr-product-landing-hero-marquee-inset-min), calc(var(--fr-product-landing-hero-marquee-inset-viewport-ratio) * 1vw), var(--fr-product-landing-hero-marquee-inset-max));grid-area:2/1;position:relative}.homeHeroScene{z-index:1;width:100%;height:100%;aspect-ratio:auto;background:var(--fr-product-landing-hero-scene-background);max-block-size:none;box-shadow:none;border-radius:0;grid-area:1/2/span 2;place-self:stretch stretch;margin:0;padding:0;position:relative;overflow:hidden}.homeHeroScene:after{z-index:1;content:"";background:radial-gradient(circle at calc(var(--fr-product-landing-hero-scene-scrim-center-x) * 100%) calc(var(--fr-product-landing-hero-scene-scrim-center-y) * 100%), transparent calc(var(--fr-product-landing-hero-scene-scrim-clear-stop) * 100%), var(--fr-product-landing-hero-scene-scrim) 100%), linear-gradient(180deg, var(--fr-product-landing-hero-scene-scrim-soft), var(--fr-product-landing-hero-scene-scrim-medium));position:absolute;inset:0}.homeHeroScene img{z-index:0;border-radius:inherit;object-fit:cover;object-position:calc(var(--fr-product-landing-hero-scene-position-x) * 100%) calc(var(--fr-product-landing-hero-scene-position-y) * 100%);opacity:0;width:100%;height:100%;animation:formatryHomeHeroCreativeCycle var(--fr-product-landing-hero-scene-cycle-duration) var(--fr-product-landing-hero-scene-cycle-easing) infinite;display:block;position:absolute;inset:0}.homeHeroScene .homeHeroSceneVariant-0{animation-delay:0s}.homeHeroScene .homeHeroSceneVariant-1{animation-delay:calc(var(--fr-product-landing-hero-scene-cycle-duration) / -3)}.homeHeroScene .homeHeroSceneVariant-2{animation-delay:calc(var(--fr-product-landing-hero-scene-cycle-duration) * -2 / 3)}.productLandingHero[data-product-landing-hero][data-product-landing-layout=card][data-hero-motion=static] .homeHeroScene img{opacity:1;animation:none}.homeHeroScene img.homeHeroSceneMobile{display:none}@media (max-width:720px){.productLandingHero[data-product-landing-hero][data-product-landing-layout=card][data-hero-motion]{--home-hero-mobile-top-gap:max(var(--fr-product-landing-hero-mobile-top-gap), env(safe-area-inset-top));--home-hero-mobile-bottom-bar:calc(var(--fr-product-landing-hero-mobile-bottom-bar-height) + env(safe-area-inset-bottom));min-block-size:100svh;padding-block:calc(var(--home-hero-mobile-top-gap) + var(--fr-product-landing-hero-mobile-top-gap)) calc(var(--home-hero-mobile-bottom-bar) + var(--fr-product-landing-hero-mobile-top-gap));padding-inline:var(--page-gutter);background:0 0;border-radius:0;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);align-items:center;margin-block-start:0}.productLandingHero[data-product-landing-hero][data-product-landing-layout=card][data-hero-motion]>.heroCopy{place-self:center;gap:var(--fr-product-landing-hero-mobile-copy-gap);text-align:center;padding:0}.homeHeroActions{justify-content:center;align-items:center;gap:var(--fr-product-landing-hero-mobile-action-gap)}.productLandingHero[data-product-landing-hero][data-product-landing-layout=card][data-hero-motion]>[data-brand-ready-marquee]{grid-area:2/1;place-self:end center;padding:0}.homeHeroScene{z-index:0;width:auto;height:auto;box-shadow:none;-webkit-mask-image:var(--fr-product-landing-hero-edge-mask);-webkit-mask-image:var(--fr-product-landing-hero-edge-mask);mask-image:var(--fr-product-landing-hero-edge-mask);background:0 0;border-radius:0;grid-area:auto;place-self:auto;padding:0;position:absolute;inset:0}.homeHeroScene img.homeHeroSceneDesktop{display:none}.homeHeroScene img.homeHeroSceneMobile{display:block}.homeHeroScene img{object-fit:cover;object-position:calc(var(--fr-product-landing-hero-scene-mobile-position-x) * 100%) calc(var(--fr-product-landing-hero-scene-mobile-position-y) * 100%);border-radius:0;width:100%;height:100%}.homeHeroScene img.homeHeroSceneMobile{opacity:1;animation:none}.homeHeroScene:after{background:linear-gradient(180deg, var(--fr-product-landing-hero-scene-scrim-mobile-strong) 0%, var(--fr-product-landing-hero-scene-scrim-mobile-dense) calc(var(--fr-product-landing-hero-scene-scrim-mobile-dense-stop) * 100%), var(--fr-product-landing-hero-scene-scrim-mobile-light) calc(var(--fr-product-landing-hero-scene-scrim-mobile-light-stop) * 100%), var(--fr-product-landing-hero-scene-scrim-mobile-end) 100%), linear-gradient(90deg, var(--fr-product-landing-hero-scene-scrim-side), transparent calc(var(--fr-product-landing-hero-scene-scrim-side-stop) * 100%))}}@media (prefers-reduced-motion:reduce){.homeHeroScene img{animation:none}.homeHeroScene .homeHeroSceneVariant-0{opacity:1}}@keyframes formatryHomeHeroCreativeCycle{0%,20%{opacity:1}25%,95%{opacity:0}to{opacity:1}}}@layer primitives;@layer compositions{@media (max-width:720px){.productLandingHero[data-product-landing-hero][data-product-landing-layout=card][data-hero-motion][data-mobile-scroll-reveal]>.heroCopy{opacity:calc(1 - var(--hero-mobile-reveal,0));transform:translateY(calc(var(--hero-mobile-reveal,0) * var(--fr-product-landing-hero-reveal-distance) * -1));transition:opacity var(--fr-product-landing-hero-reveal-transition), transform var(--fr-product-landing-hero-reveal-transition)}.productLandingHero[data-product-landing-hero][data-product-landing-layout=card][data-hero-motion][data-mobile-scroll-reveal] .homeHeroScene:after{opacity:calc(1 - var(--hero-mobile-reveal,0));transition:opacity var(--fr-product-landing-hero-reveal-transition)}}@media (prefers-reduced-motion:reduce){.productLandingHero[data-product-landing-hero][data-product-landing-layout=card][data-hero-motion][data-mobile-scroll-reveal]>.heroCopy,.productLandingHero[data-product-landing-hero][data-product-landing-layout=card][data-hero-motion][data-mobile-scroll-reveal] .homeHeroScene:after{opacity:1;transition:none;transform:none}}}@layer utilities;
