html{scroll-behavior:smooth}body{font-family:Arial,sans-serif}.p-top-fv__visual{background:url('/fluxnova/hero-real-world/web.webp') center/cover no-repeat}.p-top-fv__visual-inner--overlay{display:none}.p-top-fv__heading{font-size:clamp(30px,4vw,64px)!important;line-height:1.15!important}.p-top-copy{font-size:clamp(26px,3.2vw,48px)!important;line-height:1.3!important}.p-top-lead,.p-top-service__item-text{line-height:1.65!important}.p-top-service__body{height:auto!important}.p-top-service__item-title{font-size:clamp(22px,2.3vw,36px)!important}.fluxnova-capability{display:inline-block;padding:30px;font-size:26px;white-space:nowrap}.p-top-case__card-title{font-size:24px!important}.l-header__logo svg{display:none}.l-header__logo--img{display:block!important}.p-top-fv__visual-inner--bg-text{opacity:.3}.p-top-case__nav,.p-top-case__category-list{display:none}
.p-top-fv__heading,.p-top-copy,.p-top-service__item-title,.p-top-feature__item-title{font-family:Arial,sans-serif!important}.l-header__nav-link{font-size:13px!important}.p-top-fv__lead{font-size:16px!important;text-shadow:0 1px 8px #254e58}.p-top-fv__heading{text-shadow:0 2px 20px #254e5844}.l-header__logo{width:150px!important}.l-footer__logo img{width:100%;height:auto}.p-top-service__item{padding-block:25px!important}

.p-top-message__image-wrapper{display:none!important}.p-top-service{position:relative;background:#f6f6f6;z-index:2;scroll-margin-top:110px}.p-top-service__inner{padding-top:60px}.l-header__wrap{background:#ffffffd9;backdrop-filter:blur(12px)}#about,#process,[id^="feature-"]{scroll-margin-top:110px}

.l-header__nav-item:nth-child(3),.l-header__nav-item:nth-child(7){display:none}.p-top-fv__lead{color:#fff}.p-top-service__side{padding-top:30px}.l-header__drawer-nav-item-link{font-family:Arial,sans-serif!important}

/* Selected FN monogram lockup */
.l-header__logo--img,.l-header__drawer__logo--img,.l-footer__logo img{object-fit:contain;height:auto!important;filter:none!important;mix-blend-mode:normal!important}.l-header__logo{width:183px!important}.l-header__drawer__logo--img{width:190px!important}.p-loading__logo-face{object-fit:contain}

/* Oversized hero images drift left and crossfade in place. */
.p-top-fv__video-center{position:relative}
.fluxnova-hero-stream{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
@media(min-width:1024px){.l-header__nav.sp-hidden{display:block!important;opacity:1!important;visibility:visible!important;color:#20343b!important;mix-blend-mode:normal!important;top:20px!important;bottom:auto!important;left:auto!important;background:transparent!important;translate:none!important}.l-header__nav-list{gap:20px!important}.l-header__nav-link{font-size:14px!important}.l-header__logo{opacity:1!important;mix-blend-mode:normal!important}.l-header__wrap{background:transparent!important;backdrop-filter:none!important}}
@media(min-width:768px) and (max-width:1023px){.l-header__nav.sp-hidden{display:block!important;opacity:1!important;position:fixed!important;top:24px!important;bottom:auto!important;left:auto!important;right:100px!important;height:auto!important;background:transparent!important;translate:none!important;mix-blend-mode:normal!important;color:#20343b!important}.l-header__nav-list{gap:12px!important}.l-header__nav-link{font-size:12px!important}.l-header__nav-item:nth-child(2),.l-header__nav-item:nth-child(6){display:none!important}.l-header__logo{opacity:1!important;width:150px!important}}

.fluxnova-hero-stream{z-index:3}.l-header__nav-item{display:list-item!important}.l-header__nav-link{line-height:1.4!important}.l-header__nav-list{width:auto!important}.l-header__nav{width:auto!important}.l-header__logo{mix-blend-mode:normal!important;filter:none!important}@media(min-width:768px) and (max-width:1023px){.l-header__logo{top:24px!important;left:24px!important}.l-header__menu-btn{top:16px!important;right:20px!important;width:60px!important;height:60px!important}.l-header__nav.sp-hidden{top:38px!important}.l-header__nav-list{gap:16px!important}}

.fluxnova-hero-stream{z-index:3}.l-header__nav-item{display:list-item!important}.l-header__nav-link{line-height:1.4!important}.l-header__nav-list{width:auto!important}.l-header__nav{width:auto!important}.l-header__logo{mix-blend-mode:normal!important;filter:none!important}@media(min-width:768px) and (max-width:1023px){.l-header__logo{top:24px!important;left:24px!important}.l-header__menu-btn{top:16px!important;right:20px!important;width:60px!important;height:60px!important}.l-header__nav.sp-hidden{top:38px!important}.l-header__nav-list{gap:16px!important}}

.l-header__logo,.l-header__logo--link{height:auto!important;min-height:36px;overflow:visible!important}.l-header__logo--img{height:auto!important;max-height:none!important}

/* One aligned header row with a consistent glass and teal button style. */
.l-header__logo,.l-header__nav,.l-header__menu-btn{top:28px!important;translate:none!important;mix-blend-mode:normal!important}
.l-header__logo{left:32px!important;width:183px!important;height:48px!important;display:flex;align-items:center;opacity:1!important;visibility:visible!important}
.l-header__logo--link{display:flex;align-items:center;min-height:48px}
.l-header__nav.sp-hidden{right:128px!important;left:auto!important;top:28px!important;bottom:auto!important;height:48px!important;display:block!important;opacity:1!important;visibility:visible!important;background:transparent!important;translate:none!important}
.l-header__nav-list{height:48px!important;gap:8px!important;align-items:center!important}
.l-header__nav-item{height:48px!important}
.l-header__nav-link{box-sizing:border-box;height:48px!important;padding:0 18px;border:1px solid #ffffff70;border-radius:8px;background:#ffffffeb;color:#20343b!important;font:500 14px/1 Arial,sans-serif!important;white-space:nowrap;backdrop-filter:blur(12px);box-shadow:0 2px 12px #102f3810;transition:background .2s,color .2s,border-color .2s}
.l-header__nav-link:hover,.l-header__nav-link:focus-visible{background:#487c8d;color:#fff!important;border-color:#487c8d}
.l-header__nav-link:focus-visible,.l-header__menu-btn:focus-visible{outline:2px solid #fff;outline-offset:4px}
.l-header__menu-btn{right:32px!important;width:80px!important;height:48px!important;aspect-ratio:auto!important;border-radius:8px!important;opacity:1!important;visibility:visible!important}
.l-header__menu-btn:before{background:#487c8d!important;border-radius:8px!important}
.l-header__menu-btn:after{border-radius:5px!important}
.l-header__menu-btn-label{font:600 13px/1 Arial,sans-serif!important;color:#fff!important}
@media(min-width:768px) and (max-width:1023px){
  .l-header__logo{left:20px!important;width:150px!important}
  .l-header__nav.sp-hidden{right:108px!important}
  .l-header__nav-list{gap:6px!important}
  .l-header__nav-link{padding:0 10px;font-size:12px!important}
  .l-header__menu-btn{right:20px!important}
}
@media(max-width:767px){
  .l-header__nav.sp-hidden{display:none!important}
  .l-header__logo{top:20px!important;left:20px!important;width:150px!important}
  .l-header__menu-btn{top:20px!important;right:20px!important;width:72px!important}
}

/* Soften only the imagery; keep the foreground lettering crisp. */
.fluxnova-hero-stream{filter:blur(3px) brightness(.76);transform:scale(1.025)}
.p-top-fv__poster img,.p-top-fv__visual{filter:blur(3px) brightness(.76)}
.p-top-fv__heading,.p-top-fv__lead{color:#fff!important;text-shadow:0 2px 16px #102f3870}
.p-top-fv__visual-inner--bg-text{opacity:.48}
.p-top-fv{--text-rale-duration:240s}
@media(max-width:1023px){.p-top-fv{--text-rale-duration:120s}}
.p-top-fv__visual-inner.clip .p-top-fv__visual-inner--bg-text .p-top-fv__visual-inner--bg-sentence>span{transition-duration:.9s}
@media(prefers-reduced-motion:reduce){.l-header__nav-link{transition:none}}

/* Show the brand immediately, including before the first image has decoded. */
body#home:not(.is-loaded) .p-loading__logo{width:183px!important;height:48px!important;overflow:visible;perspective:none;transition:opacity .2s}
body#home:not(.is-loaded) .p-loading__logo-cube{display:block!important;width:100%!important;visibility:visible!important;transform:none!important;transition:none!important}
body#home:not(.is-loaded) .p-loading__logo-face--front{width:100%;height:auto;visibility:visible!important;translate:none!important;transform:none!important}
body#home:not(.is-loaded) .p-loading__container{display:none}
body#home.is-loading-logo-top:not(.is-loaded) .p-loading__logo{opacity:0}

/* Reveal a fixed-size image by cropping it, without resizing layout every frame. */
.p-top-fv__visual-inner:not(.clip){width:100%!important;height:100%!important;clip-path:inset(50% round 10px)!important;border-radius:0!important;transition:clip-path .65s cubic-bezier(.22,1,.36,1)!important;will-change:clip-path!important}
.is-loading-visual-in .p-top-fv__visual-inner:not(.clip){clip-path:inset(calc((100% - var(--loading-video-size)) / 2) round 10px)!important}
.is-loaded .p-top-fv__visual-inner:not(.clip),.is-loading-skipped .p-top-fv__visual-inner:not(.clip){clip-path:inset(0)!important}
.p-top-fv__poster-mask{width:100%!important;height:100%!important;border-radius:0!important;transition:none!important;will-change:auto!important;filter:none!important}
.p-top-fv__video-center{width:calc(100vw + 4px)!important;height:100svh!important;transition:none!important}
/* Defer the costly blur until the crop animation has finished. */
body:not(.is-loading-fv-complete) .fluxnova-hero-stream,body:not(.is-loading-fv-complete) .p-top-fv__poster img,body:not(.is-loading-fv-complete) .p-top-fv__visual{filter:brightness(.76)}
@media(prefers-reduced-motion:reduce){.p-top-fv__visual-inner:not(.clip){transition:none!important}}

/* Real-world product photography: crisp screens and quiet space for copy. */
.p-top-fv__visual{background-image:url('/fluxnova/hero-real-world/web.webp');background-position:center}
.fluxnova-hero-stream,.p-top-fv__poster img,.p-top-fv__visual,
body:not(.is-loading-fv-complete) .fluxnova-hero-stream,
body:not(.is-loading-fv-complete) .p-top-fv__poster img,
body:not(.is-loading-fv-complete) .p-top-fv__visual{filter:brightness(.9);transform:none}
.p-top-fv__visual-inner--bg-text{opacity:.1}
.p-top-fv-copy{opacity:.78!important;z-index:10!important;color:#fff!important;text-shadow:0 1px 1px #ffffff35,0 3px 18px #20343b40;font-weight:600;--fv-en-font-size:clamp(64px,13vw,180px);--text-rale-duration:120s;pointer-events:none}
.p-top-fv [data-ba-glass-owned]{display:none!important}
.p-top-fv .p-top-fv__visual-inner--bg-text{opacity:.08!important}
.p-top-fv-copy p{color:transparent!important;-webkit-text-fill-color:transparent!important;background-image:none!important}
.p-top-fv-copy p>span{color:transparent!important;-webkit-text-fill-color:transparent!important;background-image:linear-gradient(165deg,rgba(255,255,255,.95) 0%,rgba(235,248,250,.58) 38%,rgba(255,255,255,.86) 49%,rgba(205,230,235,.38) 72%,rgba(255,255,255,.8) 100%)!important;background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:0!important}
.p-top-fv-copy .c-rale__inner{will-change:transform}
@media(max-width:1023px){.p-top-fv-copy{--text-rale-duration:60s}}
/* Set the visible text track directly, independently of inherited timings. */
.is-loading-fv-complete .p-top-fv-copy .c-rale__inner{animation-duration:30s!important}
@media(max-width:1023px){.is-loading-fv-complete .p-top-fv-copy .c-rale__inner{animation-duration:30s!important}}
@media(prefers-reduced-motion:reduce){.is-loading-fv-complete .p-top-fv-copy .c-rale__inner{animation:none!important}}
.p-top-fv__inner.blend{visibility:hidden!important}
@media(max-width:767px){.p-top-fv__visual{background-position:24% center}.p-top-fv__poster img{object-position:24% center}}
/* Keep Projects visible while making room for the additional navigation link. */
@media(min-width:768px) and (max-width:1023px){.l-header__nav-item:nth-child(6){display:list-item!important}.l-header__nav-link{padding-inline:9px!important}}
@media(min-width:1024px) and (max-width:1199px){.l-header__nav-link{padding-inline:12px!important}.l-header__nav-list{gap:6px!important}}

/* Mobile copy sits on the light page below the full-screen hero. */
@media(min-width:1024px){.l-header__menu-btn{display:none!important}.l-header__nav.sp-hidden{right:32px!important}}
@media(max-width:1023px){
  .l-header__drawer-menu{background:#20343b!important;color:#fff!important}
  .l-header__drawer-menu-wrap{display:flex!important;align-items:center!important;min-height:100svh!important;padding:104px 28px 40px!important;box-sizing:border-box}
  .l-header__drawer-nav,.l-header__drawer-nav-inner,.l-header__drawer-nav-list{width:100%!important;margin:0!important;padding:0!important}
  .l-header__drawer-nav-item{padding:0!important;margin:0!important;border-bottom:1px solid #ffffff30}
  .l-header__drawer-nav-item-title{margin:0!important;padding:0!important}
  .l-header__drawer-nav-item-link{display:block!important;color:#fff!important;font:500 clamp(28px,6vw,44px)/1.2 Arial,sans-serif!important;padding:16px 0!important;letter-spacing:-.03em;text-transform:none!important}
  .l-header__drawer-nav-item-link:focus-visible{outline:2px solid #fff;outline-offset:4px}
}
@media(max-width:1023px){
  .p-top-fv__content:not(.sp-hidden) .p-top-fv__image{width:100%!important;max-width:none!important;margin:28px 0 32px!important;border-radius:16px;aspect-ratio:16/9}
  .p-top-fv__image picture,.p-top-fv__image img{display:block;width:100%!important;height:100%!important}
  .p-top-fv__image img{object-fit:cover;object-position:center}
  .p-top-fv__content:not(.sp-hidden) .p-top-fv__heading,
  .p-top-fv__content:not(.sp-hidden) .p-top-fv__lead,
  .p-top-fv__en-sp{color:#20343b!important;opacity:1!important;text-shadow:none!important}
  .p-top-fv__content:not(.sp-hidden) .p-top-fv__heading strong{color:#20343b!important}
  .p-top-fv__content:not(.sp-hidden) .p-top-fv__lead{font-size:16px!important;line-height:1.65!important}
  .p-top-fv__en-sp{font-size:16px!important}
}