@property --hero-field-caustic-opacity{syntax:"<number>";inherits:true;initial-value:.155}@property --hero-field-caustic-opacity-dark{syntax:"<number>";inherits:true;initial-value:.16}@property --hero-field-caustic-secondary-opacity{syntax:"<number>";inherits:true;initial-value:.058}@property --hero-field-energy-current{syntax:"<number>";inherits:true;initial-value:0}@property --hero-field-energy-target{syntax:"<number>";inherits:true;initial-value:0}@property --hero-field-caustic-blur{syntax:"<length>";inherits:true;initial-value:6.2px}@property --hero-field-caustic-saturate{syntax:"<number>";inherits:true;initial-value:1.08}@property --hero-ribbon-gravity-strength{syntax:"<number>";inherits:true;initial-value:0}@property --hero-ribbon-gravity-direction-blend{syntax:"<number>";inherits:true;initial-value:0}@property --hero-ribbon-gravity-edge-boost{syntax:"<number>";inherits:true;initial-value:0}@property --hero-ribbon-gravity-caustic-boost{syntax:"<number>";inherits:true;initial-value:0}@layer components{@keyframes hero-aurora{0%{background-position:50%,50%}to{background-position:350%,350%}}@keyframes hero-float{0%,to{transform:translateY(-3px)}50%{transform:translateY(3px)}}@keyframes hero-shimmer{0%{background-position:0%}to{background-position:200%}}@keyframes homepage-spotlight-sheen{0%,to{opacity:.48;transform:translate(-18%,-10%)rotate(-4deg)}50%{opacity:.78;transform:translate(8%,6%)rotate(2deg)}}.hero-icon-float{animation:2.2s ease-in-out 2 hero-float}.fo-hero-context-lens[data-playing=false] *{animation-play-state:paused!important}.hero-ambient-veil{transform-origin:top}.home-page-shell{isolation:isolate;overflow-x:clip}.home-page-shell>section,.home-page-shell>[data-home-opening-stage],.home-page-toc-rail-frame{z-index:1;position:relative}.home-opening-stage{--hero-pointer-x:50%;--hero-pointer-y:44%;--hero-field-shift-x:0px;--hero-field-shift-y:0px;--hero-field-inertia-x:0px;--hero-field-inertia-y:0px;--hero-field-energy:0;--hero-field-energy-current:0;--hero-field-energy-target:0;--hero-quiet-center-presence:0;--hero-peripheral-current-scale:1;--hero-quiet-center-strength:.64;--hero-brand-aperture-strength:.72;--hero-peripheral-frame-strength:1.06;--hero-ribbon-edge-definition:.56;--hero-center-calm-scale:.76;--hero-architectural-ribbon-contrast:1.08;--hero-foreground-ribbon-depth:1;--hero-mid-ribbon-depth:.66;--hero-rear-ribbon-depth:.42;--hero-ribbon-primary-blur:.22px;--hero-ribbon-secondary-blur:1.25px;--hero-ribbon-tertiary-blur:3.3px;--hero-field-caustic-opacity:.155;--hero-field-caustic-opacity-dark:.16;--hero-field-caustic-secondary-opacity:.058;--hero-field-caustic-blur:6.2px;--hero-field-caustic-saturate:1.08;--hero-art-fade-start-y:940px;--hero-art-fade-end-y:1220px;--hero-value-art-opacity:0;--hero-scroll-pressure:0;--hero-depth-compression:0;--hero-icon-gravity-x:0px;--hero-icon-gravity-y:0px;--hero-icon-gravity-strength:0;--hero-ribbon-gravity-strength:0;--hero-ribbon-gravity-direction-blend:0;--hero-ribbon-gravity-edge-boost:0;--hero-ribbon-gravity-caustic-boost:0;--hero-wave-a:0px;--hero-wave-b:0px;--hero-wave-c:0px;--hero-wave-shear:0deg;--hero-wave-depth:0;--hero-wave-energy:0;--hero-caustic-phase-x:0%;--hero-caustic-phase-y:0%;--hero-wash-transform:translate3d(0px, 0px, 0) skewY(0deg);--hero-depth-shadow-transform:translate3d(0px, 0px, 0) scale(1);--hero-ribbons-transform:translate3d(0px, 0px, 0) skewX(0deg);--hero-ribbon-coverage-transform:translate3d(0px, 0px, 0) skewX(0deg);--hero-ribbon-coverage-primary-transform:translate3d(0px, 0px, 0) rotate(.4deg) scale(1);--hero-ribbon-coverage-secondary-transform:translate3d(0px, 0px, 0) rotate(-.9deg) skewX(0deg);--hero-ribbon-coverage-tertiary-transform:translate3d(0px, 0px, 0) rotate(1.7deg) scale(1);--hero-ribbon-primary-transform:translate3d(0px, 0px, 0) rotate(.4deg) scale(1);--hero-ribbon-secondary-transform:translate3d(0px, 0px, 0) rotate(-.9deg) skewX(0deg);--hero-ribbon-tertiary-transform:translate3d(0px, 0px, 0) rotate(1.7deg) scale(1);--hero-membrane-transform:translate3d(0px, 0px, 0) rotate(-4deg) scale(1);--hero-edge-sheen-transform:translate3d(0px, 0px, 0) rotate(-7deg);--hero-caustic-primary-transform:translate3d(0px, 0px, 0) rotate(-12deg) scale(1);--hero-caustic-secondary-transform:translate3d(0px, 0px, 0) rotate(18deg) scale(1);--hero-membrane-gravity-transform:none;--hero-edge-sheen-gravity-transform:none;--hero-caustic-primary-gravity-transform:none;--hero-edge-sheen-gravity-opacity:0;--hero-scroll-progress:0;--hero-scroll-shift-y:0px;--hero-scroll-depth:0;--hero-large-canvas-ambient-motion-scale:1;--hero-large-canvas-ribbon-motion-scale:1;--hero-large-canvas-coverage-motion-scale:1;--hero-large-canvas-coverage-path-motion-scale:1;--hero-large-cursor-current-scale:1;--hero-large-canvas-ribbon-frame-width:100%;--hero-large-canvas-ribbon-frame-height:100%;--hero-large-canvas-ribbon-coverage-height:100%;--hero-large-canvas-ribbon-coverage-width:100%;--hero-liquid-bleed-bottom:clamp(8rem, 18svh, 15rem)}.home-opening-stage[data-hero-material-preset=quieter]{--hero-quiet-center-strength:.72;--hero-peripheral-current-scale:.72;--hero-brand-aperture-strength:.78;--hero-peripheral-frame-strength:.82;--hero-ribbon-edge-definition:.42;--hero-center-calm-scale:.7;--hero-architectural-ribbon-contrast:.86;--hero-foreground-ribbon-depth:.86;--hero-mid-ribbon-depth:.58;--hero-rear-ribbon-depth:.36}.home-opening-stage[data-hero-material-preset=sharper]{--hero-quiet-center-strength:.58;--hero-brand-aperture-strength:.62;--hero-peripheral-frame-strength:1.06;--hero-ribbon-edge-definition:.76;--hero-center-calm-scale:.86;--hero-architectural-ribbon-contrast:1.14;--hero-foreground-ribbon-depth:1.08;--hero-mid-ribbon-depth:.72;--hero-rear-ribbon-depth:.46;--hero-ribbon-primary-blur:.16px;--hero-ribbon-secondary-blur:1.1px;--hero-ribbon-tertiary-blur:2.8px;--hero-field-caustic-blur:5.8px}.home-opening-stage[data-hero-material-preset=more-responsive]{--hero-quiet-center-strength:.54;--hero-peripheral-current-scale:1.18;--hero-brand-aperture-strength:.58;--hero-peripheral-frame-strength:1.16;--hero-ribbon-edge-definition:.52;--hero-center-calm-scale:.92;--hero-architectural-ribbon-contrast:1.04;--hero-foreground-ribbon-depth:1.04;--hero-mid-ribbon-depth:.7;--hero-rear-ribbon-depth:.44}.home-opening-stage[data-hero-material-preset=monumental]{--hero-quiet-center-strength:.78;--hero-peripheral-current-scale:.68;--hero-brand-aperture-strength:.84;--hero-peripheral-frame-strength:.84;--hero-ribbon-edge-definition:.5;--hero-center-calm-scale:.66;--hero-architectural-ribbon-contrast:.94;--hero-foreground-ribbon-depth:.9;--hero-mid-ribbon-depth:.5;--hero-rear-ribbon-depth:.3;--hero-ribbon-primary-blur:.2px;--hero-ribbon-secondary-blur:1.25px;--hero-ribbon-tertiary-blur:3.4px;--hero-field-caustic-opacity:.12;--hero-field-caustic-opacity-dark:.13;--hero-field-caustic-secondary-opacity:.04;--hero-field-caustic-blur:6.8px}.home-opening-stage[data-hero-material-preset=precision]{--hero-quiet-center-strength:.62;--hero-peripheral-current-scale:.92;--hero-brand-aperture-strength:.7;--hero-peripheral-frame-strength:1.04;--hero-ribbon-edge-definition:.9;--hero-center-calm-scale:.78;--hero-architectural-ribbon-contrast:1.24;--hero-foreground-ribbon-depth:1.12;--hero-mid-ribbon-depth:.68;--hero-rear-ribbon-depth:.4;--hero-ribbon-primary-blur:.1px;--hero-ribbon-secondary-blur:.72px;--hero-ribbon-tertiary-blur:2.2px;--hero-field-caustic-opacity:.2;--hero-field-caustic-opacity-dark:.22;--hero-field-caustic-secondary-opacity:.12;--hero-field-caustic-blur:5.2px}.home-opening-stage[data-hero-material-preset=immersive]{--hero-quiet-center-strength:.58;--hero-peripheral-current-scale:1.28;--hero-brand-aperture-strength:.62;--hero-peripheral-frame-strength:1.24;--hero-ribbon-edge-definition:.5;--hero-center-calm-scale:.9;--hero-architectural-ribbon-contrast:1.12;--hero-foreground-ribbon-depth:1.08;--hero-mid-ribbon-depth:.78;--hero-rear-ribbon-depth:.54;--hero-ribbon-primary-blur:.24px;--hero-ribbon-secondary-blur:1.25px;--hero-ribbon-tertiary-blur:2.8px;--hero-field-caustic-opacity:.2;--hero-field-caustic-opacity-dark:.22;--hero-field-caustic-secondary-opacity:.1;--hero-field-caustic-blur:6px}.landing-hero-surface{position:relative}.home-liquid-atmosphere[data-home-liquid-atmosphere]{z-index:0;contain:paint;pointer-events:none;height:auto;top:-8svh;bottom:0;overflow-y:visible;-webkit-mask-image:linear-gradient(#000 0% 72%,#000000b8 86%,#0000 100%);mask-image:linear-gradient(#000 0% 72%,#000000b8 86%,#0000 100%)}.home-liquid-atmosphere__sheet{background:radial-gradient(ellipse 42% 44% at 9% 34%, color-mix(in oklch, var(--fluentoverlay-accent-light) 10%, transparent) 0%, color-mix(in oklch, var(--primary) 5%, transparent) 46%, transparent 74%), radial-gradient(ellipse 38% 42% at 91% 40%, color-mix(in oklch, var(--primary) 9%, transparent) 0%, color-mix(in oklch, var(--fluentoverlay-accent-light) 4%, transparent) 44%, transparent 76%), linear-gradient(180deg, transparent 0%, color-mix(in oklch, var(--primary) 2%, transparent) 44%, transparent 100%);filter:blur(8px)saturate(1.12);opacity:calc(.34 * var(--hero-center-calm-scale) + .05);transition:opacity var(--motion-duration-base) var(--motion-ease-standard);background-repeat:no-repeat;background-size:120% 82%,118% 72%,auto;inset:-4svh -16vw 0;transform:none}.home-liquid-atmosphere__fade{background:linear-gradient(180deg, transparent 0%, transparent 72%, color-mix(in oklch, var(--background) 34%, transparent) 90%, color-mix(in oklch, var(--background) 92%, transparent) 100%)}.dark .home-liquid-atmosphere{opacity:1}.dark .home-liquid-atmosphere__sheet{filter:blur(8px)saturate(1.14);opacity:calc(.36 * var(--hero-center-calm-scale) + .05)}.dark .home-liquid-atmosphere__fade{background:linear-gradient(180deg, transparent 0%, transparent 72%, color-mix(in oklch, var(--background) 30%, transparent) 90%, color-mix(in oklch, var(--background) 94%, transparent) 100%)}.hero-liquid-light-field{contain:paint;pointer-events:none;--hero-material-shear-observed:var(--hero-wave-shear);--hero-material-gravity-observed:var(--hero-icon-gravity-strength);transform-origin:top;inset:-8svh -12vw 0;-webkit-mask-image:linear-gradient(#0000 0%,#000 9% 66%,#000000ad 82%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 9% 66%,#000000ad 82%,#0000 100%)}.hero-liquid-field__hero-art-mask{-webkit-mask-image:linear-gradient(to bottom, transparent 0%, black 9%, black var(--hero-art-fade-start-y), transparent var(--hero-art-fade-end-y), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0%, black 9%, black var(--hero-art-fade-start-y), transparent var(--hero-art-fade-end-y), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0%, black 9%, black var(--hero-art-fade-start-y), transparent var(--hero-art-fade-end-y), transparent 100%)}.hero-liquid-field__wash{background-image:radial-gradient(ellipse 34% 58% at 10% 44%, color-mix(in oklch, var(--fluentoverlay-accent-light) 11%, transparent) 0%, color-mix(in oklch, var(--primary) 5%, transparent) 48%, transparent 76%), radial-gradient(ellipse 32% 52% at 90% 48%, color-mix(in oklch, var(--primary) 9%, transparent) 0%, color-mix(in oklch, var(--fluentoverlay-accent-light) 4%, transparent) 46%, transparent 78%), conic-gradient(from 218deg at 50% 50%, transparent 0deg, color-mix(in oklch, var(--primary) 4%, transparent) 42deg, transparent 96deg, color-mix(in oklch, var(--fluentoverlay-accent-light) 5%, transparent) 156deg, transparent 238deg, color-mix(in oklch, var(--primary) 3%, transparent) 302deg, transparent 360deg);filter:blur(6px)saturate(1.12);opacity:calc(.16 * var(--hero-center-calm-scale) + .03);transition:opacity var(--motion-duration-base) var(--motion-ease-standard);background-position:48%,52%,50%;background-size:112% 86%,106% 74%,auto;transform:none}.hero-liquid-field__depth-shadow{background:radial-gradient(ellipse 62% 34% at 50% 58%, color-mix(in oklch, var(--background) 72%, transparent) 0%, color-mix(in oklch, var(--background) 42%, transparent) 46%, transparent 78%), linear-gradient(180deg, transparent 0%, color-mix(in oklch, var(--background) 30%, transparent) 54%, transparent 100%);opacity:.68;transform:var(--hero-depth-shadow-transform);transition:opacity var(--motion-duration-base) var(--motion-ease-standard)}.hero-liquid-field__quiet-center{background:radial-gradient(ellipse 42% 36% at 50% 43%, color-mix(in oklch, var(--background) 84%, transparent) 0%, color-mix(in oklch, var(--background) 58%, transparent) 48%, transparent 86%), radial-gradient(ellipse 28% 24% at 50% 39%, color-mix(in oklch, var(--foreground) 2%, transparent) 0%, transparent 72%);opacity:calc(var(--hero-quiet-center-strength) + var(--hero-brand-aperture-strength) * .2 + var(--hero-quiet-center-presence) * .06);mix-blend-mode:multiply;transform:translate3d(calc(var(--hero-icon-gravity-x) * -.08), calc(var(--hero-scroll-shift-y) * .18 + var(--hero-icon-gravity-y) * -.06), 0);transition:opacity .22s var(--motion-ease-standard)}.hero-liquid-field__membrane{background:radial-gradient(ellipse 46% 38% at 42% 46%, color-mix(in oklch, var(--primary) 22%, transparent) 0%, transparent 66%), conic-gradient(from 132deg at 52% 48%, transparent 0deg, color-mix(in oklch, var(--fluentoverlay-accent-light) 18%, transparent) 64deg, transparent 132deg, color-mix(in oklch, var(--primary) 14%, transparent) 216deg, transparent 360deg);filter:blur(5.2px)saturate(1.08);mix-blend-mode:normal;opacity:calc(.24 * var(--hero-center-calm-scale));transform:var(--hero-membrane-gravity-transform);transition:opacity var(--motion-duration-base) var(--motion-ease-standard);background-position:48% 51%,52% 49%;background-size:132% 128%,116% 116%;border-radius:48% 52% 44% 56%/44% 54% 46% 56%;inset:18% 16% 20%}.hero-liquid-field__ribbon-frame{transform-origin:top;position:absolute;inset:0;overflow:visible;transform:none}.hero-liquid-field__ribbon-coverage-frame{pointer-events:none;transform-origin:top;display:none;position:absolute;inset:0;overflow:visible;transform:none}.hero-liquid-field__ribbon-coverage{opacity:0;transform:var(--hero-ribbon-coverage-transform);backface-visibility:hidden;transition:none;overflow:visible}.hero-liquid-field__ribbon-coverage-path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50%;mix-blend-mode:normal;filter:none;transition:none}.hero-liquid-field__ribbon-coverage-edge{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50%;mix-blend-mode:screen;filter:none;opacity:calc(var(--hero-ribbon-edge-definition) * var(--hero-architectural-ribbon-contrast) + var(--hero-ribbon-gravity-edge-boost) * .42);backface-visibility:hidden;will-change:transform;transition:none}.hero-liquid-field__ribbon-coverage-path--primary{stroke-width:clamp(54px,4.8vw,112px);opacity:.68;transform:var(--hero-ribbon-coverage-primary-transform)}.hero-liquid-field__ribbon-coverage-edge--primary{stroke-width:clamp(3.25px,.24vw,5.75px);opacity:calc(var(--hero-ribbon-edge-definition) * var(--hero-architectural-ribbon-contrast) * .38 + var(--hero-ribbon-gravity-edge-boost) * .68);transform:var(--hero-ribbon-coverage-primary-transform)}.hero-liquid-field__ribbon-coverage-path--secondary{stroke-width:clamp(40px,3.4vw,82px);opacity:.34;transform:var(--hero-ribbon-coverage-secondary-transform)}.hero-liquid-field__ribbon-coverage-edge--secondary{stroke-width:clamp(2.4px,.18vw,4px);opacity:calc(.54 * var(--hero-ribbon-edge-definition) + var(--hero-ribbon-gravity-edge-boost) * .46);transform:var(--hero-ribbon-coverage-secondary-transform)}.hero-liquid-field__ribbon-coverage-path--tertiary{stroke-width:clamp(34px,2.3vw,74px);opacity:.18;transform:var(--hero-ribbon-coverage-tertiary-transform)}.hero-liquid-field__ribbon-coverage-edge--tertiary{stroke-width:clamp(2px,.16vw,3.6px);opacity:calc(.5 * var(--hero-ribbon-edge-definition) + var(--hero-ribbon-gravity-edge-boost) * .34);transform:var(--hero-ribbon-coverage-tertiary-transform)}.hero-liquid-field__ribbons{opacity:calc(.78 * var(--hero-peripheral-frame-strength));transform:var(--hero-ribbons-transform);backface-visibility:hidden;will-change:transform;transition:none;overflow:visible}.hero-liquid-field__ribbon{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50%;backface-visibility:hidden;will-change:transform;transition:none}.hero-liquid-field__ribbon--primary{stroke-width:clamp(58px,8.5vw,128px);filter:blur(var(--hero-ribbon-primary-blur)) drop-shadow(0 10px 24px color-mix(in oklch, var(--primary) 12%, transparent));opacity:calc(.72 * var(--hero-foreground-ribbon-depth) * var(--hero-peripheral-frame-strength) + var(--hero-ribbon-gravity-edge-boost) * .36);transform:var(--hero-ribbon-primary-transform)}.hero-liquid-field__ribbon--secondary{stroke-width:clamp(46px,7.2vw,110px);filter:blur(var(--hero-ribbon-secondary-blur));opacity:calc(var(--hero-mid-ribbon-depth) * .66 * var(--hero-peripheral-frame-strength) + var(--hero-ribbon-gravity-edge-boost) * .22);transform:var(--hero-ribbon-secondary-transform)}.hero-liquid-field__ribbon--tertiary{stroke-width:clamp(34px,5.4vw,78px);filter:blur(var(--hero-ribbon-tertiary-blur));opacity:calc(var(--hero-rear-ribbon-depth) * .82 * var(--hero-peripheral-frame-strength) + var(--hero-ribbon-gravity-edge-boost) * .16);transform:var(--hero-ribbon-tertiary-transform)}.hero-liquid-field__ribbon-edge{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50%;mix-blend-mode:screen;filter:blur(.12px)saturate(1.12);opacity:calc(var(--hero-ribbon-edge-definition) * var(--hero-architectural-ribbon-contrast) + var(--hero-ribbon-gravity-edge-boost) * .58);backface-visibility:hidden;will-change:transform;transition:none}.hero-liquid-field__ribbon-edge--primary{stroke-width:clamp(3.5px,.52vw,6px);opacity:calc(var(--hero-ribbon-edge-definition) * var(--hero-architectural-ribbon-contrast) * .38 + var(--hero-ribbon-gravity-edge-boost) * .78);transform:var(--hero-ribbon-primary-transform)}.hero-liquid-field__ribbon-edge--secondary{stroke-width:clamp(2.5px,.4vw,4.5px);opacity:calc(var(--hero-ribbon-edge-definition) * var(--hero-architectural-ribbon-contrast) * .26 + var(--hero-ribbon-gravity-edge-boost) * .5);transform:var(--hero-ribbon-secondary-transform)}.hero-liquid-field__ribbon-edge--tertiary{stroke-width:clamp(2px,.32vw,3.5px);opacity:calc(var(--hero-ribbon-edge-definition) * var(--hero-architectural-ribbon-contrast) * .12 + var(--hero-ribbon-gravity-edge-boost) * .34);transform:var(--hero-ribbon-tertiary-transform)}.hero-liquid-field__edge-sheen{background:linear-gradient(104deg, transparent 10%, color-mix(in oklch, var(--fluentoverlay-accent-light) 22%, transparent) 38%, transparent 58%), conic-gradient(from 188deg at 50% 52%, transparent 0deg, color-mix(in oklch, var(--primary) 12%, transparent) 66deg, transparent 112deg, color-mix(in oklch, var(--fluentoverlay-accent-light) 14%, transparent) 214deg, transparent 360deg);mix-blend-mode:screen;opacity:calc(.034 + var(--hero-ribbon-edge-definition) * .02 + var(--hero-wave-energy) * .01 + var(--hero-edge-sheen-gravity-opacity) + var(--hero-ribbon-gravity-edge-boost) * .22 + (var(--hero-peripheral-frame-strength) - 1) * .014 + (var(--hero-peripheral-current-scale) - 1) * .01);filter:saturate(1.24);transform:var(--hero-edge-sheen-gravity-transform);transition:opacity .18s var(--motion-ease-standard);background-position:51%,50% 52%;background-size:170% 94%,112% 112%;-webkit-mask-image:linear-gradient(104deg,#0000 8%,#0000008a 28%,#000 46%,#0000006b 68%,#0000 88%);mask-image:linear-gradient(104deg,#0000 8%,#0000008a 28%,#000 46%,#0000006b 68%,#0000 88%)}.hero-liquid-field__caustics{--hero-field-energy-observed:var(--hero-field-energy);background:linear-gradient(100deg, transparent 12%, color-mix(in oklch, var(--fluentoverlay-accent-light) 16%, transparent) 38%, transparent 62%), radial-gradient(ellipse at center, color-mix(in oklch, var(--primary) 9%, transparent) 0%, transparent 72%);filter:blur(var(--hero-field-caustic-blur)) saturate(var(--hero-field-caustic-saturate));mix-blend-mode:multiply;opacity:calc(var(--hero-field-caustic-opacity) + var(--hero-wave-energy) * .005 + var(--hero-ribbon-gravity-caustic-boost));transition:opacity .18s var(--motion-ease-standard);background-position:52%,48% 52%;background-size:180% 100%,120% 120%;border-radius:9999px}.hero-liquid-field__caustics--primary{width:clamp(18rem,48vw,46rem);height:clamp(5rem,12vw,11rem);transform:var(--hero-caustic-primary-gravity-transform);top:26%;left:12%}.hero-liquid-field__caustics--secondary{width:clamp(16rem,44vw,42rem);height:clamp(4rem,10vw,9rem);opacity:calc(var(--hero-field-caustic-secondary-opacity) + var(--hero-value-art-opacity));bottom:26%;right:8%;transform:none}.hero-liquid-field__bottom-bleed{height:var(--hero-liquid-bleed-bottom);background:radial-gradient(ellipse 72% 84% at 50% 0%, color-mix(in oklch, var(--primary) 9%, transparent) 0%, color-mix(in oklch, var(--fluentoverlay-accent-light) 7%, transparent) 32%, transparent 76%), linear-gradient(180deg, color-mix(in oklch, var(--background) 0%, transparent) 0%, transparent 100%);opacity:.58;bottom:0;left:6vw;right:6vw;-webkit-mask-image:linear-gradient(#000 0%,#0000 100%);mask-image:linear-gradient(#000 0%,#0000 100%)}.hero-liquid-field__veil{background:linear-gradient(180deg, color-mix(in oklch, var(--background) 78%, transparent) 0%, transparent 24%, color-mix(in oklch, var(--background) 48%, transparent) 82%, color-mix(in oklch, var(--background) 88%, transparent) 100%)}.dark .hero-liquid-field__wash{opacity:calc(.18 * var(--hero-center-calm-scale) + .035);filter:blur(6px)saturate(1.1)}.dark .hero-liquid-field__membrane{mix-blend-mode:normal;opacity:calc(.14 * var(--hero-center-calm-scale))}.dark .hero-liquid-field__ribbon{mix-blend-mode:normal}.dark .hero-liquid-field__ribbon-edge{mix-blend-mode:screen}.dark .hero-liquid-field__ribbon--primary{opacity:calc(.84 * var(--hero-foreground-ribbon-depth) * var(--hero-peripheral-frame-strength) + var(--hero-ribbon-gravity-edge-boost) * .36)}.dark .hero-liquid-field__ribbon--secondary{opacity:calc(var(--hero-mid-ribbon-depth) * .72 * var(--hero-peripheral-frame-strength) + var(--hero-ribbon-gravity-edge-boost) * .22)}.dark .hero-liquid-field__ribbon--tertiary{opacity:calc(var(--hero-rear-ribbon-depth) * .86 * var(--hero-peripheral-frame-strength) + var(--hero-ribbon-gravity-edge-boost) * .16)}.dark .hero-liquid-field__caustics{mix-blend-mode:normal;opacity:calc(var(--hero-field-caustic-opacity-dark) + var(--hero-wave-energy) * .005 + var(--hero-ribbon-gravity-caustic-boost))}.dark .hero-liquid-field__caustics--secondary{opacity:calc(var(--hero-field-caustic-secondary-opacity) + var(--hero-wave-energy) * .004 + var(--hero-ribbon-gravity-caustic-boost) * .72 + var(--hero-value-art-opacity))}.dark .hero-liquid-field__edge-sheen{opacity:calc(.034 + var(--hero-ribbon-edge-definition) * .02 + var(--hero-wave-energy) * .01 + var(--hero-icon-gravity-strength) * .02 + var(--hero-ribbon-gravity-edge-boost) * .22 + (var(--hero-peripheral-frame-strength) - 1) * .014 + (var(--hero-peripheral-current-scale) - 1) * .01)}.dark .hero-liquid-field__depth-shadow{background:radial-gradient(ellipse 70% 40% at 50% 58%, #000000b8 0%, color-mix(in oklch, var(--background) 66%, transparent) 48%, transparent 80%), linear-gradient(180deg, transparent 0%, #00000057 54%, transparent 100%);opacity:.78}@supports (color:lab(0% 0 0)){.dark .hero-liquid-field__depth-shadow{background:radial-gradient(ellipse 70% 40% at 50% 58%, lab(0% 0 0/.72) 0%, color-mix(in oklch, var(--background) 66%, transparent) 48%, transparent 80%), linear-gradient(180deg, transparent 0%, lab(0% 0 0/.34) 54%, transparent 100%)}}.dark .hero-liquid-field__quiet-center{mix-blend-mode:normal;background:radial-gradient(ellipse 44% 36% at 50% 43%, #000000b3 0%, color-mix(in oklch, var(--background) 68%, transparent) 50%, transparent 86%), radial-gradient(ellipse 30% 24% at 50% 39%, color-mix(in oklch, var(--primary) 3%, transparent) 0%, transparent 72%);opacity:calc(var(--hero-quiet-center-strength) + var(--hero-brand-aperture-strength) * .18 + var(--hero-quiet-center-presence) * .06)}@supports (color:lab(0% 0 0)){.dark .hero-liquid-field__quiet-center{background:radial-gradient(ellipse 44% 36% at 50% 43%, lab(0% 0 0/.7) 0%, color-mix(in oklch, var(--background) 68%, transparent) 50%, transparent 86%), radial-gradient(ellipse 30% 24% at 50% 39%, color-mix(in oklch, var(--primary) 3%, transparent) 0%, transparent 72%)}}.dark .hero-liquid-field__bottom-bleed{opacity:.68}@media (min-width:641px) and (max-width:2199px){.hero-liquid-field__ribbon--tertiary{stroke-width:clamp(38px,5.8vw,84px);opacity:calc(var(--hero-rear-ribbon-depth) * .9 * var(--hero-peripheral-frame-strength))}.dark .hero-liquid-field__ribbon--tertiary{opacity:calc(var(--hero-rear-ribbon-depth) * .94 * var(--hero-peripheral-frame-strength))}.hero-liquid-field__ribbon-edge--tertiary{opacity:calc(.46 * var(--hero-ribbon-edge-definition))}}.hero-support-statement{isolation:isolate;color:#273646;letter-spacing:0;text-shadow:0 1px 16px #ffffff2e;font-weight:500;position:relative}.hero-support-statement__highlight{color:inherit;font-weight:640}.dark .hero-support-statement{color:#b8cad8;text-shadow:0 1px 14px #00000057}.dark .hero-support-statement__highlight{color:inherit;font-weight:640}@media (max-width:640px){.home-liquid-atmosphere{top:-5svh}.home-liquid-atmosphere__sheet{opacity:.62;filter:blur(28px)saturate(1.12)}.hero-liquid-light-field{--hero-field-shift-x:0px!important;--hero-field-shift-y:0px!important;--hero-field-inertia-x:0px!important;--hero-field-inertia-y:0px!important;--hero-field-energy:0!important;--hero-field-energy-current:0!important;--hero-field-energy-target:0!important;--hero-quiet-center-presence:0!important;--hero-peripheral-current-scale:1!important;--hero-value-art-opacity:0!important;--hero-field-caustic-opacity:.155!important;--hero-field-caustic-opacity-dark:.16!important;--hero-field-caustic-secondary-opacity:.058!important;--hero-field-caustic-blur:6.2px!important;--hero-field-caustic-saturate:1.08!important;--hero-scroll-pressure:0!important;--hero-depth-compression:0!important;--hero-icon-gravity-x:0px!important;--hero-icon-gravity-y:0px!important;--hero-icon-gravity-strength:0!important;--hero-ribbon-gravity-strength:0!important;--hero-ribbon-gravity-direction-blend:0!important;--hero-ribbon-gravity-edge-boost:0!important;--hero-ribbon-gravity-caustic-boost:0!important;--hero-large-cursor-current-scale:1!important;--hero-wave-a:0px!important;--hero-wave-b:0px!important;--hero-wave-c:0px!important;--hero-wave-shear:0deg!important;--hero-wave-depth:0!important;--hero-wave-energy:0!important;--hero-caustic-phase-x:0%!important;--hero-caustic-phase-y:0%!important;--hero-scroll-progress:0!important;--hero-scroll-shift-y:0px!important;--hero-scroll-depth:0!important;--hero-wash-transform:translate3d(0px, 0px, 0) skewY(0deg)!important;--hero-depth-shadow-transform:translate3d(0px, 0px, 0) scale(1)!important;--hero-ribbons-transform:translate3d(0px, 0px, 0) skewX(0deg)!important;--hero-ribbon-coverage-transform:translate3d(0px, 0px, 0) skewX(0deg)!important;--hero-ribbon-coverage-primary-transform:translate3d(0px, 0px, 0) rotate(.4deg) scale(1)!important;--hero-ribbon-coverage-secondary-transform:translate3d(0px, 0px, 0) rotate(-.9deg) skewX(0deg)!important;--hero-ribbon-coverage-tertiary-transform:translate3d(0px, 0px, 0) rotate(1.7deg) scale(1)!important;--hero-ribbon-primary-transform:translate3d(0px, 0px, 0) rotate(.4deg) scale(1)!important;--hero-ribbon-secondary-transform:translate3d(0px, 0px, 0) rotate(-.9deg) skewX(0deg)!important;--hero-ribbon-tertiary-transform:translate3d(0px, 0px, 0) rotate(1.7deg) scale(1)!important;--hero-membrane-transform:translate3d(0px, 0px, 0) rotate(-4deg) scale(1)!important;--hero-edge-sheen-transform:translate3d(0px, 0px, 0) rotate(-7deg)!important;--hero-caustic-primary-transform:translate3d(0px, 0px, 0) rotate(-12deg) scale(1)!important;--hero-caustic-secondary-transform:translate3d(0px, 0px, 0) rotate(18deg) scale(1)!important;--hero-membrane-gravity-transform:none!important;--hero-edge-sheen-gravity-transform:none!important;--hero-caustic-primary-gravity-transform:none!important;--hero-edge-sheen-gravity-opacity:0!important}.hero-liquid-field__ribbon--tertiary,.hero-liquid-field__ribbon-edge,.hero-liquid-field__caustics--secondary,.hero-liquid-field__edge-sheen{opacity:.22}}.hero-support-statement[data-hero-support-contrast-probe=true],.hero-support-statement[data-hero-support-contrast-probe=true] .hero-support-statement__highlight{color:#0000!important;text-shadow:none!important}.hero-studio-mark-zone{--hero-mark-presence:0;--hero-mark-cursor-x:0;--hero-mark-cursor-y:0;--hero-mark-tilt-x:0deg;--hero-mark-tilt-y:0deg;--hero-mark-roll:0deg;--hero-mark-lift:0px;--hero-mark-scale:1;--hero-mark-glint-x:0px;--hero-mark-glint-y:0px;--hero-mark-glint-opacity:0;--hero-mark-rim-opacity:0;--hero-mark-lens-opacity:0;--hero-mark-lens-scale:1;--hero-mark-outer-halo-opacity:0;--hero-mark-outer-halo-scale:1;isolation:isolate;aspect-ratio:1;touch-action:pan-y;place-items:center;width:clamp(14rem,18vw,15.5rem);display:grid;position:relative}.hero-studio-mark{perspective:640px;width:8rem;height:8rem;filter:drop-shadow(0 22px 48px color-mix(in oklch, var(--primary) 19%, transparent));place-items:center;display:grid;position:relative}.hero-studio-mark:before{content:"";z-index:0;background:radial-gradient(ellipse 58% 44% at 50% 48%, color-mix(in oklch, var(--fluentoverlay-accent-light) 18%, transparent) 0%, color-mix(in oklch, var(--primary) 9%, transparent) 46%, transparent 72%), conic-gradient(from 184deg, transparent 0deg, color-mix(in oklch, var(--fluentoverlay-accent-light) 18%, transparent) 54deg, transparent 112deg, color-mix(in oklch, var(--primary) 16%, transparent) 236deg, transparent 360deg);opacity:var(--hero-mark-lens-opacity);transform:translate3d(0, 0, -1px) scale(var(--hero-mark-lens-scale));transform-origin:50%;transition:opacity .32s var(--motion-ease-standard), transform .52s var(--motion-ease-emphasized);pointer-events:none;border-radius:999px;position:absolute;inset:-24%}.hero-studio-mark:after{content:"";z-index:0;background:radial-gradient(ellipse 62% 52% at 50% 50%, color-mix(in oklch, var(--fluentoverlay-accent-light) 12%, transparent) 0%, color-mix(in oklch, var(--primary) 8%, transparent) 42%, transparent 76%), conic-gradient(from 208deg, transparent 0deg, color-mix(in oklch, var(--primary) 11%, transparent) 72deg, transparent 146deg, color-mix(in oklch, var(--fluentoverlay-accent-light) 9%, transparent) 252deg, transparent 360deg);opacity:var(--hero-mark-outer-halo-opacity);transform:translate3d(0, 0, -2px) scale(var(--hero-mark-outer-halo-scale));transform-origin:50%;transition:opacity .52s var(--motion-ease-standard), transform .78s var(--motion-ease-emphasized);pointer-events:none;border-radius:999px;position:absolute;inset:-44%}.hero-studio-mark__body{z-index:1;transform:translate3d(0, var(--hero-mark-lift), 0) rotateX(var(--hero-mark-tilt-x)) rotateY(var(--hero-mark-tilt-y)) rotateZ(var(--hero-mark-roll)) scale(var(--hero-mark-scale));transform-style:preserve-3d;will-change:transform;grid-area:1/1;place-items:center;transition:none;display:grid;position:relative}.hero-studio-mark__base{z-index:2;backface-visibility:hidden;place-items:center;display:grid;position:relative}.hero-studio-mark__image{display:block}.hero-studio-mark__glint,.hero-studio-mark__rim{pointer-events:none;border-radius:36%;position:absolute;inset:0;-webkit-mask-image:url(/images/brand/company-icon.png);mask-image:url(/images/brand/company-icon.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-studio-mark__glint{z-index:3;background:linear-gradient(115deg, transparent 18%, #ffffff57 42%, color-mix(in oklch, var(--fluentoverlay-accent-light) 38%, transparent) 50%, transparent 68%);mix-blend-mode:screen;opacity:var(--hero-mark-glint-opacity);transform:translate3d(var(--hero-mark-glint-x), var(--hero-mark-glint-y), 30px) rotate(calc(var(--hero-mark-roll) * -1));transition:transform .22s var(--motion-ease-ambient);transform-origin:50%;will-change:opacity, transform}@supports (color:lab(0% 0 0)){.hero-studio-mark__glint{background:linear-gradient(115deg, transparent 18%, lab(100% 0 0/.34) 42%, color-mix(in oklch, var(--fluentoverlay-accent-light) 38%, transparent) 50%, transparent 68%)}}.hero-studio-mark__rim{z-index:1;background:radial-gradient(ellipse 52% 38% at 54% 42%, color-mix(in oklch, var(--fluentoverlay-accent-light) 34%, transparent) 0%, transparent 70%), conic-gradient(from 220deg, transparent 0deg, color-mix(in oklch, var(--primary) 28%, transparent) 72deg, transparent 138deg, color-mix(in oklch, var(--fluentoverlay-accent-light) 24%, transparent) 232deg, transparent 360deg);filter:blur(5px)saturate(1.2);opacity:var(--hero-mark-rim-opacity);transition:none;transform:scale(1.035)}.dark .hero-studio-mark{filter:drop-shadow(0 24px 58px color-mix(in oklch, var(--primary) 32%, transparent))}.home-hero-demo-pill{--home-hero-pill-accent:var(--primary);--home-hero-pill-accent-light:var(--ring);isolation:isolate;border:1px solid color-mix(in oklch, var(--home-hero-pill-accent) 44%, var(--border));background:linear-gradient(180deg, color-mix(in oklch, var(--surface-raised) 94%, var(--home-hero-pill-accent) 6%), color-mix(in oklch, var(--background) 88%, var(--home-hero-pill-accent) 8%));min-height:44px;color:var(--foreground);box-shadow:0 0 0 1px color-mix(in oklch, var(--home-hero-pill-accent) 14%, transparent), 0 16px 34px -28px color-mix(in oklch, var(--home-hero-pill-accent) 86%, transparent);transition:transform .16s var(--motion-ease-standard), border-color .16s var(--motion-ease-standard), box-shadow .16s var(--motion-ease-standard), background .16s var(--motion-ease-standard);justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.home-hero-demo-pill:before{content:"";z-index:0;background:linear-gradient(110deg, transparent 0%, color-mix(in oklch, var(--home-hero-pill-accent-light) 28%, transparent) 42%, #ffffff3d 50%, transparent 62%);opacity:.64;pointer-events:none;animation:4.8s ease-in-out infinite fo-hero-demo-pill-sheen;position:absolute;inset:0;transform:translate(-125%)}@supports (color:lab(0% 0 0)){.home-hero-demo-pill:before{background:linear-gradient(110deg, transparent 0%, color-mix(in oklch, var(--home-hero-pill-accent-light) 28%, transparent) 42%, lab(100% 0 0/.24) 50%, transparent 62%)}}.home-hero-demo-pill__glow{z-index:0;border-radius:inherit;background:radial-gradient(circle at 50% 0%, color-mix(in oklch, var(--home-hero-pill-accent-light) 16%, transparent), transparent 58%);opacity:.76;pointer-events:none;transition:opacity .16s var(--motion-ease-standard);position:absolute;inset:1px}.home-hero-demo-pill:hover,.home-hero-demo-pill:focus-visible{border-color:color-mix(in oklch, var(--home-hero-pill-accent-light) 64%, var(--border));box-shadow:0 0 0 1px color-mix(in oklch, var(--home-hero-pill-accent-light) 28%, transparent), 0 18px 38px -26px color-mix(in oklch, var(--home-hero-pill-accent) 90%, transparent);transform:translateY(-1px)}.home-hero-demo-pill:hover .home-hero-demo-pill__glow,.home-hero-demo-pill:focus-visible .home-hero-demo-pill__glow{opacity:1}.home-hero-demo-pill:focus-visible{outline:2px solid var(--ring);outline-offset:3px}@media (min-width:2200px){.home-opening-stage{--hero-peripheral-frame-strength:1;--hero-ribbon-edge-definition:.52;--hero-architectural-ribbon-contrast:1.06;--hero-foreground-ribbon-depth:1;--hero-mid-ribbon-depth:.58;--hero-rear-ribbon-depth:.28;--hero-large-canvas-ambient-motion-scale:.35;--hero-large-canvas-ribbon-motion-scale:0;--hero-large-canvas-ribbon-frame-width:min(calc(100vw + 15rem), 3400px);--hero-large-canvas-ribbon-frame-height:min(100%, 1320px);--hero-large-canvas-ribbon-coverage-height:min(100%, max(1320px, 68svh));--hero-large-canvas-ribbon-coverage-width:calc(100vw + max(28vw, 40rem));--hero-large-canvas-coverage-motion-scale:.28;--hero-large-canvas-coverage-path-motion-scale:.78;--hero-large-cursor-current-scale:1.15;--hero-art-fade-start-y:clamp(1080px, 62svh, 1900px);--hero-art-fade-end-y:clamp(1420px, 84svh, 2600px);--hero-liquid-bleed-bottom:clamp(12rem, 24svh, 32rem)}.home-liquid-atmosphere__sheet{display:none}.hero-liquid-light-field{inset:clamp(-6rem,-5svh,-4.5rem) 0 0}.hero-studio-mark{width:9rem;height:9rem}.hero-studio-mark .hero-studio-mark__image{width:9rem!important;height:9rem!important}.hero-liquid-field__quiet-center{display:none}.hero-liquid-field__ribbon-frame{width:var(--hero-large-canvas-ribbon-frame-width);height:var(--hero-large-canvas-ribbon-frame-height);inset:0 auto auto 50%;transform:translate(-50%)}.hero-liquid-field__ribbon-coverage-frame{width:var(--hero-large-canvas-ribbon-coverage-width);height:var(--hero-large-canvas-ribbon-coverage-height);display:block;inset:0 auto auto 50%;transform:translate(-50%)}.hero-liquid-field__ribbon-coverage{opacity:calc(.84 * var(--hero-peripheral-frame-strength));will-change:transform}.hero-liquid-field__ribbons{opacity:0;pointer-events:none}.hero-liquid-field__ribbon--primary{stroke-width:clamp(54px,4.8vw,112px);filter:none;opacity:0!important}.hero-liquid-field__ribbon--secondary{stroke-width:clamp(42px,3.8vw,88px);filter:none;opacity:0!important}.hero-liquid-field__ribbon--tertiary{stroke-width:clamp(30px,2.8vw,64px);filter:none;opacity:0!important}.hero-liquid-field__ribbon-edge--primary{stroke-width:clamp(2.5px,.28vw,4px);filter:none;opacity:0!important}.hero-liquid-field__ribbon-edge--secondary{stroke-width:clamp(2px,.22vw,3px);filter:none;opacity:0!important}.hero-liquid-field__ribbon-edge--tertiary{stroke-width:clamp(1.5px,.18vw,2.5px);filter:none;opacity:0!important}.hero-liquid-field__ribbons,.hero-liquid-field__ribbon,.hero-liquid-field__ribbon-edge{will-change:transform}}@media (min-width:3600px){.home-opening-stage{--hero-large-canvas-ribbon-coverage-height:1000px;--hero-large-canvas-ribbon-coverage-width:3540px}.hero-liquid-field__ribbon-coverage{opacity:var(--hero-peripheral-frame-strength)}.hero-liquid-field__ribbon-coverage-path--primary{stroke-width:clamp(66px,3vw,128px);opacity:.72}.hero-liquid-field__ribbon-coverage-path--secondary{stroke-width:clamp(52px,2.35vw,102px);opacity:.34}.hero-liquid-field__ribbon-coverage-path--tertiary{stroke-width:clamp(42px,1.85vw,86px);opacity:.18}}.hero-material-debug{z-index:80;border:1px solid color-mix(in oklch, var(--primary) 28%, var(--border));border-radius:var(--radius-lg);background:linear-gradient(180deg, color-mix(in oklch, var(--background) 88%, var(--primary) 8%), color-mix(in oklch, black 74%, var(--primary) 9%));color:#d8e8f2;opacity:.92;width:min(22rem,100vw - 2rem);max-height:calc(100svh - 5.75rem);font-size:.72rem;line-height:1.35;top:4.75rem;right:1rem;overflow:hidden;box-shadow:0 12px 28px -22px #000000db;box-shadow:0 12px 28px -22px lab(0% 0 0/.86)}.hero-material-debug__title{color:#eef9ff;border-bottom:1px solid #ffffff1a;border-bottom:1px solid lab(100% 0 0/.1);padding:.625rem .75rem;font-weight:680}.hero-material-debug__grid{gap:0;margin:0;padding:.5rem .75rem .75rem;display:grid}.hero-material-debug__grid>div{grid-template-columns:minmax(5.8rem,.56fr) minmax(0,1fr);align-items:start;gap:.65rem;padding-block:.18rem;display:grid}.hero-material-debug dt{color:#92aab8;font-weight:560}.hero-material-debug dd{color:#e5f2fa;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;overflow:hidden}.hero-motion-lab{z-index:90;border:1px solid color-mix(in oklch, var(--primary) 36%, var(--border));border-radius:var(--radius-lg);background:linear-gradient(180deg, color-mix(in oklch, var(--background) 88%, var(--primary) 8%), color-mix(in oklch, black 72%, var(--primary) 10%));color:#e1f1fa;opacity:.96;width:min(25rem,100vw - 2rem);max-height:calc(100svh - 5.75rem);font-size:.74rem;line-height:1.35;top:4.75rem;left:1rem;overflow:auto}.hero-motion-lab__title{color:#f0faff;border-bottom:1px solid #ffffff1a;border-bottom:1px solid lab(100% 0 0/.1);padding:.625rem .75rem .2rem;font-weight:700}.hero-motion-lab__subtitle{color:#9eb8c6;margin:0;padding:0 .75rem .625rem}.hero-motion-lab__controls{gap:0;padding:.25rem 0 .6rem;display:grid}.hero-motion-lab__variant{gap:.38rem;padding:.7rem .75rem 0;display:grid}.hero-motion-lab__control-group{border-top:1px solid #ffffff14;border-top:1px solid lab(100% 0 0/.08);gap:.62rem;padding:.75rem;display:grid}.hero-motion-lab__control-group--profile{border-top-color:color-mix(in oklch, var(--primary) 28%, transparent)}.hero-motion-lab__control-group .hero-motion-lab__variant{padding:0}.hero-motion-lab__control-group-title{color:#effaff;font-size:.78rem;font-weight:760}.hero-motion-lab__group-description{color:#8eacbc;margin:-.45rem 0 0}.hero-motion-lab__visual-meta{border-block-start:1px solid #ffffff14;border-block-start:1px solid lab(100% 0 0/.08);border-block-end:1px solid #ffffff14;border-block-end:1px solid lab(100% 0 0/.08);gap:.45rem;padding-block:0 .7rem;display:grid}.hero-motion-lab__viewport-readout{border-radius:var(--radius-md);background:color-mix(in oklch, black 36%, var(--primary) 8%);color:#b7e6f4;font-family:var(--font-mono);border:1px solid #ffffff14;border:1px solid lab(100% 0 0/.08);border-color:oklch(100% 5.96046e-8 none/.08) oklch(100% 5.96046e-8 none/.08) oklch(100% 5.96046e-8 none/.08) oklch(100% 5.96046e-8 none/.08);margin-inline:.75rem;padding:.42rem .5rem;font-size:.68rem}.hero-motion-lab__profile-summary,.hero-motion-lab__profile-note,.hero-motion-lab__profile-notice{color:#96b1c0;margin:0;font-size:.68rem}.hero-motion-lab__profile-summary{color:#b7e6f4}.hero-motion-lab__profile-notice{border:1px solid color-mix(in oklch, var(--primary) 28%, transparent);border-radius:var(--radius-md);background:color-mix(in oklch, var(--primary) 9%, transparent);color:#c6e4f1;padding:.45rem .5rem}.hero-motion-lab__follow-toggle{border-block-start:1px solid #ffffff12;border-block-start:1px solid lab(100% 0 0/.07);border-block-end:1px solid #ffffff12;border-block-end:1px solid lab(100% 0 0/.07);gap:.32rem;padding-block:.6rem;display:grid}.hero-motion-lab__follow-toggle input{width:1rem;height:1rem;accent-color:var(--primary)}.hero-motion-lab__control{gap:.34rem;display:grid}.hero-motion-lab__control-row{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.hero-motion-lab__control-name{color:#daecf6;font-weight:620}.hero-motion-lab__control-value{color:#92def2;font-variant-numeric:tabular-nums}.hero-motion-lab__control-description{color:#96b1c0;font-size:.68rem}.hero-motion-lab__control-scope{border:1px solid color-mix(in oklch, var(--primary) 32%, transparent);border-radius:var(--radius-sm);background:color-mix(in oklch, var(--primary) 10%, transparent);color:#aee2f1;text-transform:uppercase;width:fit-content;padding:.08rem .36rem;font-size:.62rem;font-weight:680}.hero-motion-lab__experimental{border-radius:var(--radius-sm);color:#ffd794;text-transform:uppercase;background:#f8b84e1f;background:lab(79.4478% 16.59 61.1691/.12);border:1px solid #f8b84e94;border:1px solid lab(79.4478% 16.59 61.1691/.58);width:fit-content;padding:.08rem .36rem;font-size:.62rem;font-weight:720}.hero-motion-lab__recommended-range{color:#7e99a8;font-variant-numeric:tabular-nums;font-size:.64rem}.hero-motion-lab input[type=range]{width:100%;accent-color:var(--primary)}.hero-motion-lab__select{border:1px solid color-mix(in oklch, var(--primary) 36%, var(--border));border-radius:var(--radius-md);background:color-mix(in oklch, black 42%, var(--primary) 10%);color:#effaff;width:100%;min-height:34px;font:inherit;padding:.35rem .5rem}.hero-motion-lab__select:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.hero-motion-lab__actions{border-top:1px solid #ffffff14;border-top:1px solid lab(100% 0 0/.08);grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:.75rem;display:grid}.hero-motion-lab__actions .hero-motion-lab__control-group-title,.hero-motion-lab__actions .hero-motion-lab__group-description{grid-column:1/-1}.hero-motion-lab__button{border:1px solid color-mix(in oklch, var(--primary) 42%, var(--border));border-radius:var(--radius-md);background:color-mix(in oklch, var(--primary) 14%, transparent);color:#effaff;min-height:34px;transition:background .16s var(--motion-ease-standard), border-color .16s var(--motion-ease-standard);padding:.35rem .65rem;font-weight:650}.hero-motion-lab__button:hover,.hero-motion-lab__button:focus-visible{border-color:color-mix(in oklch, var(--fluentoverlay-accent-light) 62%, var(--border));background:color-mix(in oklch, var(--primary) 22%, transparent)}.hero-motion-lab__button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.hero-motion-lab__preset-json{border-radius:var(--radius-md);background:color-mix(in oklch, black 54%, var(--primary) 8%);color:#b7e6f4;max-height:6.25rem;font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #ffffff1a;border:1px solid lab(100% 0 0/.1);border-color:oklch(100% 5.96046e-8 none/.1) oklch(100% 5.96046e-8 none/.1) oklch(100% 5.96046e-8 none/.1) oklch(100% 5.96046e-8 none/.1);margin:0 .75rem .75rem;padding:.55rem;font-size:.68rem;line-height:1.45;overflow:auto}@media (pointer:coarse){.hero-liquid-light-field{--hero-field-shift-x:0px!important;--hero-field-shift-y:0px!important;--hero-field-inertia-x:0px!important;--hero-field-inertia-y:0px!important;--hero-field-energy:0!important;--hero-field-energy-current:0!important;--hero-field-energy-target:0!important;--hero-quiet-center-presence:0!important;--hero-peripheral-current-scale:1!important;--hero-value-art-opacity:0!important;--hero-field-caustic-opacity:.155!important;--hero-field-caustic-opacity-dark:.16!important;--hero-field-caustic-secondary-opacity:.058!important;--hero-field-caustic-blur:6.2px!important;--hero-field-caustic-saturate:1.08!important;--hero-scroll-pressure:0!important;--hero-depth-compression:0!important;--hero-icon-gravity-x:0px!important;--hero-icon-gravity-y:0px!important;--hero-icon-gravity-strength:0!important;--hero-ribbon-gravity-strength:0!important;--hero-ribbon-gravity-direction-blend:0!important;--hero-ribbon-gravity-edge-boost:0!important;--hero-ribbon-gravity-caustic-boost:0!important;--hero-large-cursor-current-scale:1!important;--hero-wave-a:0px!important;--hero-wave-b:0px!important;--hero-wave-c:0px!important;--hero-wave-shear:0deg!important;--hero-wave-depth:0!important;--hero-wave-energy:0!important;--hero-caustic-phase-x:0%!important;--hero-caustic-phase-y:0%!important;--hero-scroll-progress:0!important;--hero-scroll-shift-y:0px!important;--hero-scroll-depth:0!important;--hero-wash-transform:translate3d(0px, 0px, 0) skewY(0deg)!important;--hero-depth-shadow-transform:translate3d(0px, 0px, 0) scale(1)!important;--hero-ribbons-transform:translate3d(0px, 0px, 0) skewX(0deg)!important;--hero-ribbon-coverage-transform:translate3d(0px, 0px, 0) skewX(0deg)!important;--hero-ribbon-coverage-primary-transform:translate3d(0px, 0px, 0) rotate(.4deg) scale(1)!important;--hero-ribbon-coverage-secondary-transform:translate3d(0px, 0px, 0) rotate(-.9deg) skewX(0deg)!important;--hero-ribbon-coverage-tertiary-transform:translate3d(0px, 0px, 0) rotate(1.7deg) scale(1)!important;--hero-ribbon-primary-transform:translate3d(0px, 0px, 0) rotate(.4deg) scale(1)!important;--hero-ribbon-secondary-transform:translate3d(0px, 0px, 0) rotate(-.9deg) skewX(0deg)!important;--hero-ribbon-tertiary-transform:translate3d(0px, 0px, 0) rotate(1.7deg) scale(1)!important;--hero-membrane-transform:translate3d(0px, 0px, 0) rotate(-4deg) scale(1)!important;--hero-edge-sheen-transform:translate3d(0px, 0px, 0) rotate(-7deg)!important;--hero-caustic-primary-transform:translate3d(0px, 0px, 0) rotate(-12deg) scale(1)!important;--hero-caustic-secondary-transform:translate3d(0px, 0px, 0) rotate(18deg) scale(1)!important;--hero-membrane-gravity-transform:none!important;--hero-edge-sheen-gravity-transform:none!important;--hero-caustic-primary-gravity-transform:none!important;--hero-edge-sheen-gravity-opacity:0!important}.hero-studio-mark-zone{--hero-mark-presence:0!important;--hero-mark-cursor-x:0!important;--hero-mark-cursor-y:0!important;--hero-mark-tilt-x:0deg!important;--hero-mark-tilt-y:0deg!important;--hero-mark-roll:0deg!important;--hero-mark-lift:0px!important;--hero-mark-scale:1!important;--hero-mark-glint-x:0px!important;--hero-mark-glint-y:0px!important;--hero-mark-glint-opacity:0!important;--hero-mark-rim-opacity:0!important;--hero-mark-lens-opacity:0!important;--hero-mark-lens-scale:1!important;--hero-mark-outer-halo-opacity:0!important;--hero-mark-outer-halo-scale:1!important}.hero-studio-mark__body,.hero-studio-mark__glint,.hero-studio-mark__rim{transition-duration:0s!important;transform:none!important}}.hero-gradient-layer{background-image:radial-gradient(ellipse 85% 65% at 50% 50%, color-mix(in oklch, var(--primary) 8%, transparent) 0%, transparent 55%), radial-gradient(ellipse 75% 55% at 50% 50%, color-mix(in oklch, var(--fluentoverlay-accent-light) 7%, transparent) 0%, transparent 52%);background-position:50%,50%;background-size:200% 200%,200% 200%;animation:60s linear infinite hero-aurora}.dark .hero-gradient-layer{background-image:radial-gradient(ellipse 92% 70% at 48% 44%, color-mix(in oklch, var(--primary) 11%, transparent) 0%, transparent 56%), radial-gradient(ellipse 76% 58% at 58% 48%, color-mix(in oklch, var(--fluentoverlay-accent-light) 8%, transparent) 0%, transparent 54%)}.hero-headline-gradient{background-image:linear-gradient(90deg, var(--primary), var(--fluentoverlay-accent-light), var(--primary));color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:4s ease-in-out hero-shimmer}.dark .home-dark-quiet-showcase{background-image:linear-gradient(180deg, color-mix(in oklch, var(--surface-subtle) 74%, var(--background)) 0%, color-mix(in oklch, var(--surface-raised) 16%, var(--background)) 100%)}.homepage-featured-spotlight{isolation:isolate;border-color:color-mix(in oklch, var(--fluentoverlay-accent) 20%, var(--border));position:relative}.homepage-featured-spotlight:after{content:"";border-radius:inherit;background:linear-gradient(135deg, color-mix(in oklch, var(--fluentoverlay-accent) 12%, transparent) 0%, transparent 58%), radial-gradient(circle at top right, color-mix(in oklch, var(--fluentoverlay-accent-light) 14%, transparent) 0%, transparent 44%);opacity:.78;pointer-events:none;transition:opacity var(--motion-duration-base) var(--motion-ease-standard), transform var(--motion-duration-base) var(--motion-ease-standard);position:absolute;inset:1px}.homepage-featured-spotlight:hover:after,.homepage-featured-spotlight:focus-within:after{opacity:1;transform:translateY(-1px)}.homepage-spotlight-media{isolation:isolate;box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--border) 70%, transparent), 0 24px 54px -42px color-mix(in oklch, var(--fluentoverlay-accent) 56%, transparent)}.homepage-spotlight-media:after{animation:none}.homepage-product-backlog{align-content:stretch}.home-page-toc-rail-frame{z-index:40;right:max(1rem,50vw - min(100vw,92rem)/2 + 1rem)}.home-page-shell{background:radial-gradient(ellipse 110% 80% at 50% 0%, color-mix(in oklch, var(--primary) 9%, transparent) 0%, transparent 58%), radial-gradient(ellipse 86% 62% at 50% 18%, color-mix(in oklch, var(--fluentoverlay-accent-light) 8%, transparent) 0%, transparent 56%), linear-gradient(180deg, color-mix(in oklch, var(--surface-subtle) 80%, var(--background)) 0%, color-mix(in oklch, var(--primary) 2%, var(--background)) 100%)}.dark .home-page-shell{background:radial-gradient(ellipse 118% 84% at 50% 0%, color-mix(in oklch, var(--primary) 10%, transparent) 0%, transparent 58%), radial-gradient(ellipse 88% 64% at 52% 18%, color-mix(in oklch, var(--fluentoverlay-accent-light) 8%, transparent) 0%, transparent 56%), linear-gradient(180deg, color-mix(in oklch, var(--surface-subtle) 86%, var(--background)) 0%, color-mix(in oklch, var(--primary) 3%, var(--background)) 100%)}.home-page-shell .section-bg-subtle,.home-page-shell .section-bg-accent,.home-page-shell .section-bg-dots,.home-page-shell .home-dark-quiet-showcase{background:0 0}.home-page-shell .section-divider:before{display:none}}.home-liquid-atmosphere[data-home-liquid-atmosphere],.hero-liquid-light-field[data-hero-liquid-field]{pointer-events:none!important}.home-hero-demo-pill{justify-content:center;align-items:center;min-height:44px;display:inline-flex!important}
