.preview-bar{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:999999;display:flex;align-items:center;gap:24px;padding:10px 12px 10px 20px;background:#202222;color:#fff;border-radius:22px;box-shadow:0 8px 40px #0002;font:12px Manrope,sans-serif;max-width:calc(100vw - 24px)}
.preview-caption{font-weight:700;letter-spacing:.05em;white-space:nowrap}.preview-caption span{display:block;color:#acb4b2;font-size:10px;font-weight:400;letter-spacing:0;margin-top:3px}
.preview-modes{display:flex;gap:4px}.preview-modes button{border:0;border-radius:13px;padding:11px 14px;background:transparent;color:#c0c5c3;font:inherit;cursor:pointer;white-space:nowrap}.preview-modes button[aria-pressed=true]{background:#e5f3b5;color:#202622}.preview-modes button:focus-visible{outline:2px solid #b3d475;outline-offset:2px}
.glass-preview-original{display:none!important}.glass-preview-host{padding:0!important;overflow:visible!important;clip-path:none!important;-webkit-mask-image:none!important;background:transparent!important;border:0!important;box-shadow:none!important;pointer-events:auto}.glass-preview-host::before,.glass-preview-host::after{display:none!important}
.glass-preview-host .incaseof-tactile{width:100%;height:100%;min-height:48px;--font-sans:Manrope,sans-serif;--text-primary:#252b28;--btn-pad-h:24px;--btn-radius:999px;--btn-h:56px;box-shadow:none;background:transparent;border:0}
.glass-preview-host .incaseof-tactile .btn-label{font-size:14px;font-weight:500;letter-spacing:0}
.glass-preview-host:focus-within{outline:2px solid #71884c;outline-offset:4px}
@media(max-width:600px){.preview-bar{gap:10px;padding-left:14px;bottom:10px}.preview-modes button{padding:10px}.preview-caption{font-size:10px}.preview-caption span{font-size:9px}}
/* Navigation stays a single glass surface with its native links. */
.preview-glass-nav{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;isolation:isolate}
.preview-glass-nav::before,.preview-glass-nav::after{display:none!important}
.preview-glass-nav .site-nav__link{position:relative;z-index:2;background:transparent!important}
.preview-glass-nav .site-nav__link::before,.preview-glass-nav .site-nav__link::after{display:none!important}
.preview-optical-layer{position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:0;display:block}
.preview-optical-layer .preview-optics{width:100%;height:100%;border-radius:inherit;background:transparent;border:0;box-shadow:none;--space-16:16px;--space-32:32px}
.preview-glass-field{position:relative;isolation:isolate;border-radius:18px;background:transparent!important;border:0!important;box-shadow:none!important}
.preview-glass-field input,.preview-glass-field textarea{position:relative;z-index:1;background:transparent!important;border-color:transparent!important;box-shadow:none!important}
.preview-glass-field:focus-within{outline:2px solid #71884c;outline-offset:3px}
.home-contact__submit.glass-preview-host{min-width:156px;display:inline-flex;min-height:56px}
.reference-cta-button.glass-preview-host,.reference-soumee-result__button.glass-preview-host{min-width:156px;min-height:56px}
.preview-glass-hero>.hero__cxux-glass-layer,.preview-glass-hero>.hero__cxux-svg{display:none}
.preview-hero-word{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Manrope,sans-serif;font-weight:700;line-height:1;pointer-events:auto;--space-16:16px;--space-32:32px}
.preview-hero-word .incaseof-glass-word{flex-shrink:0;letter-spacing:-.035em;font:inherit}
.hero__overlay:has(.preview-glass-hero){overflow:visible}
/* Exact original SVG geometry; WebGL receives the same six path definitions. */
.preview-exact-svg>.hero__cxux-glass-layer{display:none}
.preview-exact-svg .hero__cxux-shape,.preview-exact-svg .hero__cxux-svg>foreignObject:not(.preview-svg-glass-surface){visibility:hidden}
.preview-exact-svg .preview-svg-glass-surface{visibility:visible}
.preview-tune{border:1px solid #535b55;background:transparent;color:#fff;border-radius:12px;padding:10px 12px;white-space:nowrap;font:inherit;cursor:pointer}
.preview-settings{position:fixed;bottom:82px;right:0;width:310px;max-width:calc(100vw - 28px);max-height:calc(100vh - 120px);overflow:auto;padding:20px;border-radius:20px;background:#242826;color:#f4f5f4;box-shadow:0 12px 60px #0003;font:12px Manrope,sans-serif;text-align:left;box-sizing:border-box}
.preview-settings-head{display:flex;justify-content:space-between;align-items:center;font-size:16px}.preview-settings-head button{border:0;background:none;color:white;font-size:24px;cursor:pointer}
.preview-settings p{color:#acb5af;font-size:11px;line-height:1.5;margin:12px 0}.preview-settings label{display:block;margin:12px 0}.preview-settings label>span{display:flex;justify-content:space-between}.preview-settings output{color:#e5f3b5;font-variant-numeric:tabular-nums}
.preview-settings input[type=range]{display:block;width:100%;margin:8px 0 0;accent-color:#d8eda7;height:16px;cursor:pointer}
.preview-targets{display:flex;gap:5px;margin-top:16px}.preview-targets button,.preview-reset{border:0;border-radius:9px;background:#363d38;color:#c8d1cb;padding:9px;font:inherit;cursor:pointer}.preview-targets button[aria-pressed=true]{background:#e5f3b5;color:#202622}.preview-reset{width:100%;margin-top:8px}
@media(max-width:600px){.preview-caption{display:none}.preview-bar{gap:6px;padding:8px}.preview-tune{padding:10px}.preview-settings{right:50%;transform:translateX(50%);bottom:72px}}
.preview-settings{right:20px;z-index:1000000}
@media(max-width:600px){.preview-settings{right:50%}}
/* Anchor the optical surface to the link box, without inline baseline spacing. */
/* Keep the tuning panel away from the header contact button. */
.preview-settings{left:20px;right:auto;transform:none}
@media(max-width:600px){.preview-settings{left:12px;right:auto;transform:none}}
.preview-settings label small{display:block;margin-top:6px;color:#b6c1b9;font-size:11px;line-height:1.45;font-weight:400}
/* Scrolled navigation is one glass hull, with its native link controls inside. */
.site-nav.preview-scroll-glass-nav{background:transparent;box-shadow:none;isolation:isolate}
.site-nav.preview-scroll-glass-nav::before,.site-nav.preview-scroll-glass-nav::after{display:none}
.preview-scroll-glass-layer{position:absolute;inset:0;display:block;border-radius:inherit;pointer-events:none;z-index:0;line-height:0}
.preview-scroll-glass-layer .preview-optics{position:absolute!important;inset:0;display:flex!important;width:100%;height:100%;border-radius:inherit;--space-16:16px;--space-32:32px}
/* A separate backing layer keeps the optical glass hull transparent. */
.glass-preview-host .incaseof-tactile::before{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(255,255,255,1);pointer-events:none;z-index:0}
/* Solid scrolled menu, surrounded by a shared glass frame with 4px clearance. */
.site-nav.preview-scroll-glass-nav{background:#eeeeef;overflow:visible;clip-path:none;-webkit-mask-image:none}
.preview-scroll-glass-nav .preview-scroll-glass-layer{inset:-4px;z-index:-1}
.preview-scroll-glass-nav .preview-scroll-glass-layer .preview-optics{width:100%;height:100%}
/* Keep the original menu surfaces opaque; expose glass only in the outer 4px rim. */
.site-nav.preview-scroll-glass-nav::before{display:block;position:absolute;inset:0;z-index:0;border-radius:inherit;background:#eeeeef;box-shadow:inset 1px 1px 0 rgba(255,255,255,.72),inset -1px -1px 0 rgba(98,72,107,.04);content:"";filter:none;opacity:1;animation:none;transform:none;pointer-events:none}
.site-nav.preview-scroll-glass-nav::after{display:block;inset:var(--space-2xs);z-index:1;background:var(--color-surface-white)}
/* One white inner surface and one optical rim, without the extra grey inset ring. */
.site-nav.preview-scroll-glass-nav{background:transparent}
.site-nav.preview-scroll-glass-nav::before{background:var(--color-surface-white);box-shadow:none}
.site-nav.preview-scroll-glass-nav::after{display:none}
/* Ease the optical hover in and out without moving the navigation labels. */
/* Prevent the original tall testimonial hit-area styles from stretching the backing. */
/* Align footer content with the header container at every viewport width. */
.site-footer{padding-inline:max(var(--content-gutter),calc((100% - var(--content-max-width))/2))}

/* Retain the original testimonial hit areas, alignment and 88px circular controls. */
.testimonials__arrow.glass-preview-host .incaseof-tactile{width:88px;height:88px;min-height:88px;flex:none;border-radius:50%;overflow:hidden;padding:0;font-size:24px}
.testimonials__arrow--prev.glass-preview-host{padding-left:clamp(10px,2vw,28px)!important}
.testimonials__arrow--next.glass-preview-host{padding-right:clamp(10px,2vw,28px)!important}
.testimonials__arrow.glass-preview-host .incaseof-tactile .btn-label{width:auto;height:auto;min-width:0;min-height:0;background:transparent;box-shadow:none;border-radius:0;transform:none;font-size:24px}
/* Focus belongs to the visible circular control, not its large invisible hit area. */
.testimonials__arrow.glass-preview-host:focus-within{outline:none}
.testimonials__arrow.glass-preview-host .incaseof-tactile:focus-visible{outline:2px solid #71884c;outline-offset:4px}

/* Remove optical hover surfaces even if an earlier script is cached. */
.site-nav__link .preview-nav-hover-layer{display:none!important}
/* Main navigation hover keeps its background, without shadow or movement. */
.top-site-nav .site-nav__link:hover,
.top-site-nav .site-nav__link:focus-visible{box-shadow:none;transform:none}
/* Match the header contact action to the main navigation height. */
.site-header__inner > .contact-button{height:var(--nav-links-height)}
.site-header__inner > .contact-button.glass-preview-host .incaseof-tactile{height:100%;min-height:0}
.site-header__inner > .contact-button.glass-preview-host .incaseof-tactile .btn-label{font-size:16px}
/* Compare the header using the original 14px contact-button type size. */
.site-header__inner > .contact-button.glass-preview-host .incaseof-tactile .btn-label,
.top-site-nav .site-nav__link{font-size:14px}
.site-header__inner > .contact-button.glass-preview-host .incaseof-tactile{--text-primary:var(--color-brand-primary);color:var(--color-brand-primary)}
/* Soft elevation on the header action's outer wrapper; keep the glass hull clear. */
.site-header__inner > .contact-button.glass-preview-host{box-shadow:0 3px 8px -3px rgba(70,48,78,.12),0 12px 28px -12px rgba(70,48,78,.22)!important}
/* Shared text and elevation for the main contact, submit and team actions. */
.home-contact__submit.glass-preview-host .incaseof-tactile,
.contact-form__submit.glass-preview-host .incaseof-tactile,
.folder-click__button.glass-preview-host .incaseof-tactile{--text-primary:var(--color-brand-primary);color:var(--color-brand-primary)}
.home-contact__submit.glass-preview-host,
.contact-form__submit.glass-preview-host,
.folder-click__button.glass-preview-host{box-shadow:0 3px 8px -3px rgba(70,48,78,.12),0 12px 28px -12px rgba(70,48,78,.22)!important}
/* Give the team action one definite height so its hull and shadow share an edge. */
.folder-click__button.glass-preview-host{height:56px;min-height:56px;box-sizing:border-box;line-height:1}
.folder-click__button.glass-preview-host .incaseof-tactile{height:100%;min-height:0;border-radius:inherit}
/* Elevate only the visible circles, never the large testimonial hit areas. */
.testimonials__arrow.glass-preview-host .incaseof-tactile{--text-primary:var(--color-brand-primary);color:var(--color-brand-primary);filter:drop-shadow(0 3px 4px rgba(70,48,78,.08)) drop-shadow(0 10px 10px rgba(70,48,78,.12))}
/* Compact testimonial cards replace the progress dashes. */
.testimonials__progress{width:auto;gap:8px}
.testimonials__progress>span,.testimonials__progress>span.is-active{width:auto;height:auto;flex:none;border-radius:10px;background:none}
.preview-testimonial-thumb{display:flex;flex-direction:column;width:70px;height:58px;padding:6px;text-align:left;border:1px solid rgba(98,72,107,.12);border-radius:10px;background:rgba(255,255,255,.6);color:var(--color-brand-primary);opacity:.5;cursor:pointer;transform:none;transition:opacity 200ms ease,border-color 200ms ease,box-shadow 200ms ease;font-family:inherit;overflow:hidden}
.preview-testimonial-thumb i{font-style:normal;pointer-events:none}.thumb-top{display:block;width:100%;padding-bottom:3px;border-bottom:1px solid #e6e7e8;font-size:6px;line-height:7px}.thumb-quote{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:5px;line-height:7px;margin-top:4px}.thumb-author{font-size:4px;line-height:6px;white-space:nowrap;margin-top:auto}
.testimonials__progress>.is-active .preview-testimonial-thumb{opacity:1;background:white;border-color:rgba(98,72,107,.45);box-shadow:0 4px 12px -5px rgba(70,48,78,.22)}
.preview-testimonial-thumb:hover{opacity:1}.preview-testimonial-thumb:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:3px}
@media(min-width:1025px){.testimonials__header{display:flex;align-items:center;justify-content:space-between;gap:32px}.testimonials__title{flex:1;min-width:0}.testimonials__controls{margin-top:0;flex:none}}
@media(max-width:600px){.testimonials__progress{gap:6px;width:auto}.preview-testimonial-thumb{width:48px;height:43px;padding:4px}.thumb-quote{-webkit-line-clamp:1}}
/* Smoothly deepen the elevation on the shared glass actions. */
.site-header__inner > .contact-button.glass-preview-host,
.home-contact__submit.glass-preview-host,
.contact-form__submit.glass-preview-host,
.folder-click__button.glass-preview-host{transition:box-shadow 300ms ease,opacity 220ms ease,transform 220ms ease}
.site-header__inner > .contact-button.glass-preview-host:hover,
.home-contact__submit.glass-preview-host:hover,
.contact-form__submit.glass-preview-host:hover,
.folder-click__button.glass-preview-host:hover{box-shadow:0 3px 8px -3px rgba(70,48,78,.18),0 12px 28px -12px rgba(70,48,78,.32)!important}
.testimonials__arrow.glass-preview-host .incaseof-tactile{transition:filter 300ms ease}
.testimonials__arrow.glass-preview-host .incaseof-tactile:hover{filter:drop-shadow(0 3px 4px rgba(70,48,78,.12)) drop-shadow(0 10px 10px rgba(70,48,78,.19))}
@media(prefers-reduced-motion:reduce){.glass-preview-host,.testimonials__arrow.glass-preview-host .incaseof-tactile{transition:none!important}}

/* Align the bottom contact form submit action to its left edge. */
.home-contact__submit.glass-preview-host{justify-self:start}

.preview-service-icon{position:relative;display:block;flex:none;isolation:isolate;overflow:visible}
.preview-service-icon::before{content:"";position:absolute;inset:0 0 3px;border-radius:16px;background:rgba(255,255,255,.75);z-index:0}
.preview-service-optics{position:absolute;inset:0 0 3px;z-index:1;border-radius:16px}
.preview-service-hull{width:100%;height:100%;border-radius:16px}
.preview-service-foreground{position:relative;display:block;width:72px;height:75px;z-index:2;pointer-events:none}

/* Comparison: original first icon backing, optics only on its 29px white circle. */
.preview-service-ring-variant::before{display:none}
.preview-service-ring-variant .preview-service-optics{inset:auto;left:11px;top:11px;width:29px;height:29px;border-radius:50%;z-index:3}
.preview-service-ring-variant .preview-service-hull{border-radius:50%}

.preview-service-triangle{position:absolute;inset:0;width:72px;height:75px;z-index:3;pointer-events:none}

.preview-service-shape-only::before,.preview-service-shape-only .preview-service-optics{display:none}