*,*:before,*:after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(255,255,255,0)
}

a {
    text-decoration: none;
    color: inherit
}

:where([hidden]:not([hidden=until-found])) {
    display: none!important
}

:where(html) {
    -webkit-text-size-adjust: none
}

@supports not (min-block-size: 100dvb) {
    :where(html) {
        block-size:100%
    }
}

@media (prefers-reduced-motion: no-preference) {
    :where(html:focus-within) {
        scroll-behavior: smooth
    }
}

:where(body) {
    -webkit-font-smoothing: antialiased
}

:where(input,button,textarea,select) {
    font: inherit;
    color: inherit
}

:where(textarea) {
    resize: block
}

:where(button,select,summary,[role=button],[role=option]) {
    cursor: pointer
}

:where(:disabled) {
    cursor: not-allowed
}

:where(label:has(>input:disabled),label:has(+input:disabled)) {
    cursor: not-allowed
}

:where(button) {
    border-style: solid
}

:where(a) {
    text-underline-offset: .2ex
}

:where(ul,ol) {
    list-style: none
}

:where(img,svg,video,canvas,audio,iframe,embed,object) {
    display: block
}

:where(img,picture,svg) {
    max-inline-size: 100%;
    block-size: auto
}

:where(p,h1,h2,h3,h4,h5,h6) {
    overflow-wrap: break-word
}

:where(h1,h2,h3) {
    line-height: calc(1em + .5rem)
}

:where(hr) {
    border: none;
    border-block-start:1px solid;color: inherit;
    block-size: 0;
    overflow: visible
}

:where(.visually-hidden:not(:focus,:active,:focus-within,.not-visually-hidden)) {
    clip-path: inset(50%)!important;
    height: 1px!important;
    width: 1px!important;
    overflow: hidden!important;
    position: absolute!important;
    white-space: nowrap!important;
    border: 0!important
}

:root {
    --height-header: 72px;
    --breakpoint-sm: 480px;
    --breakpoint-md: 840px;
    --breakpoint-lg: 1024px;
    --breakpoint-xl: 1280px;
    --breakpoint-xxl: 1600px;
    --breakpoint-xxxl: 1920px;
    --icon-size-xxs: 12px;
    --icon-size-xs: 16px;
    --icon-size-sm: 20px;
    --icon-size-md: 28px;
    --icon-size-lg: 36px;
    --ease-smooth: cubic-bezier(.6, 0, .25, 1);
    --ease-power2-out: cubic-bezier(.25, .46, .45, .94);
    --ease-power2-in: cubic-bezier(.165, .84, .44, 1);
    --transition-route-duration: .5s;
    --transition-route-ease: cubic-bezier(.6, 0, .25, 1);
    --z-index-background: 0;
    --z-index-layout: 10;
    --z-index-header-home: 20;
    --z-index-project-background: 50;
    --z-index-layout-project: 70;
    --z-index-header: 90;
    --z-index-preloader: 100;
    --line-height-copy: 1.3;
    --line-height-title: 1.1;
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-xxl: 24px;
    --font-size-xxs: 12px;
    --font-size-xs: 12px;
    --font-size-sm: 14px;
    --font-size-md: 16px;
    --font-size-lg: 18px;
    --font-size-xl: 20px;
    --font-size-xxl: 26px;
    --font-size-title-xxs: 18px;
    --font-size-title-xs: 22px;
    --font-size-title-sm: 28px;
    --font-size-title-md: 44px;
    --font-size-title-lg: 56px;
    --font-size-title-xl: 72px;
    --font-size-title-xxl: 88px;
    --font-size-title-xxxl: 112px;
    --space-outer: 16px;
    --space-xxs: 4px;
    --space-xs: 8px;
    --space-sm: 12px;
    --space-md: 18px;
    --space-lg: 28px;
    --space-xl: 36px;
    --space-xxl: 48px;
    --space-xxxl: 64px;
    --stroke-sm: 1px;
    --stroke-md: 2px;
    --stroke-lg: 4px;
    --stroke-xl: 6px;
    --stroke-xxl: 8px
}

@media (orientation: landscape) and (min-width: 840px) {
    :root {
        --radius-xxl: 48px;
        --height-header: 96px
    }
}

@media (min-width: 1280px) {
    :root {
        --space-outer: 20px
    }
}

@media (min-width: 1600px) {
    :root {
        --space-outer: 32px
    }
}

:root {
    --color-text-400: #2d2a24;
    --color-text-300: #5f5646;
    --color-grayscale-500: rgb(223, 210, 191);
    --color-grayscale-400: rgb(233, 222, 208);
    --color-beige-700: rgb(223, 209, 188);
    --color-beige-600: rgb(233, 222, 208);
    --color-beige-500: rgb(241, 229, 213);
    --color-beige-400: #f5efe6;
    --color-background-400: #f5efe6;
    --color-black-400: #2d2a24;
    --color-gray-500: #67727c;
    --color-gray-400: #a9b0b7;
    --color-orange-400: #ff8400;
    --color-white-400: #ffffff;
    --color-cyan-500: #0086bb;
    --color-cyan-400: rgb(52, 191, 255);
    --color-text-cyan-400: #e1f5ff;
    --color-text-cyan-300: #81bdd8;
    --color-dark-blue-600: #234ba2;
    --color-dark-blue-500: #052e87;
    --color-dark-blue-400: #002474;
    --color-hologram-top: rgb(0, 53, 133);
    --color-hologram-bottom: rgba(0, 82, 145, .6)
}

@font-face {
    font-family: Urbanist;
    src: url(/fonts/urbanist-400.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Urbanist;
    src: url(/fonts/urbanist-700.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Urbanist;
    src: url(/fonts/urbanist-900.woff2) format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: ProFontWindows;
    src: url(/fonts/pro-font-windows-400.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: ProFontWindows;
    src: url(/fonts/pro-font-windows-700.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

.grid {
    display: grid;
    grid-template-columns: repeat(12,1fr);
    width: 100%;
    gap: var(--space-md);
    margin: 0 auto;
    max-width: calc(var(--breakpoint-xxxl))
}

@media (min-width: 840px) {
    .grid {
        gap:var(--space-xl)
    }
}

html.lenis,html.lenis body {
    height: auto
}

.lenis:not(.lenis-autoToggle).lenis-stopped {
    overflow: clip
}

.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch] {
    overscroll-behavior: contain
}

.lenis.lenis-smooth iframe {
    pointer-events: none
}

.lenis.lenis-autoToggle {
    transition-property: overflow;
    transition-duration: 1ms;
    transition-behavior: allow-discrete
}

.project-110-chasse-immobiliere {
    --color-text-400: rgb(255, 255, 255);
    --color-text-300: #cae1e8;
    --color-accent-400: #cae1e8;
    --color-accent-text-400: #013d45;
    --color-black-400: #012d33;
    --color-grayscale-500: rgba(202, 225, 232, .18);
    --color-grayscale-400: rgba(202, 225, 232, .42);
    --color-background-400: #013d45;
    --color-background-300: #012d33
}

.project-bryko {
    --color-text-400: #1B263B;
    --color-text-300: #4b5563;
    --color-accent-400: #3BB273;
    --color-accent-text-400: white;
    --color-black-400: #1B263B;
    --color-grayscale-500: #e5e7eb;
    --color-grayscale-400: #d1d5db;
    --color-background-400: #F7F8FA;
    --color-background-300: #ffffff
}

.project-automatisation {
    --color-text-400: #f8fafc;
    --color-text-300: #94a3b8;
    --color-accent-400: #22c55e;
    --color-accent-text-400: #ffffff;
    --color-black-400: #0b0f0d;
    --color-grayscale-500: #121815;
    --color-grayscale-400: #1f2937;
    --color-background-400: #0b0f0d;
    --color-background-300: #0b0f0d
}

.project-scalex {
    --color-text-400: #f8fafc;
    --color-text-300: #64748b;
    --color-black-400: #0b0f14;
    --color-accent-400: #2563eb;
    --color-accent-text-400: #ffffff;
    --color-grayscale-500: #111827;
    --color-grayscale-400: #1e293b;
    --color-background-400: #0b0f14;
    --color-background-300: #0b0f14
}

.project-getflaire {
    --color-text-400: #1f2937;
    --color-text-300: #6b7280;
    --color-black-400: #1f2937;
    --color-accent-400: #f59e0b;
    --color-accent-text-400: #1f2937;
    --color-grayscale-500: #fed7aa;
    --color-grayscale-400: #ffedd5;
    --color-background-400: #fff7ed;
    --color-background-300: #f59e0b
}

.preloader {
    position: fixed;
    z-index: var(--z-index-preloader);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-beige-400);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity .3s ease-in-out;
    opacity: 1
}

.preloader-svg {
    width: 120px;
    height: 120px;
    transition: transform .2s var(--ease-power2-in),opacity .2s var(--ease-power2-in)
}

.preloader-rect {
    transform-origin: bottom center;
    transition: transform .3s ease-in-out
}

.preloader-path {
    fill: var(--color-text-400)
}

.preloader-hidden {
    opacity: 0;
    pointer-events: none!important
}

.preloader-hidden * {
    pointer-events: none!important
}

.preloader-hidden svg {
    transform: scale(.4);
    opacity: 0
}

html {
    background: var(--color-background-400);
    color: var(--color-text-400);
    font-family: Urbanist;
    letter-spacing: .02em;
    overflow-y: scroll!important;
    --vh: 1vh;
    --dvh: 1vh;
    --svh: 1vh;
    --lvh: 1vh;
    --dvh: 1dvh;
    --svh: 1svh;
    --lvh: 1lvh;
    --vw: 1vw;
    --dvw: 1vw;
    --svw: 1vw;
    --lvw: 1vw;
    --dvw: 1dvw;
    --svw: 1svw;
    --lvw: 1lvw
}

.is-loading {
    overscroll-behavior: none;
    position: fixed;
    width: calc(var(--svw) * 100);
    height: calc(var(--svh) * 100)
}

::selection {
    background: #2d2a24;
    color: #fff;
    text-shadow: none
}

::-moz-selection {
    background: #2d2a24;
    color: #fff;
    text-shadow: none
}

.children-unclickable {
    pointer-events: all
}

.children-unclickable * {
    pointer-events: none
}

.button-wrapper[data-v-da7e50e4] {
    border: none;
    border-radius: 100px;
    letter-spacing: .02em;
    font-size: var(--font-size-md);
    font-weight: 800;
    text-align: center;
    white-space: nowrap;
    text-transform: uppercase;
    background-color: transparent;
    transition: background-color .1s ease-in-out,color .1s ease-in-out,border-color .1s ease-in-out
}

.button-wrapper-rounded[data-v-da7e50e4] {
    border-radius: 50%;
    aspect-ratio: 1
}

.button-wrapper-accent[data-v-da7e50e4] {
    background-color: var(--color-accent-400, var(--color-orange-400));
    color: var(--color-accent-text-400, var(--color-white-400))
}

@media (hover: hover) and (pointer: fine) {
    .button-wrapper-accent[data-v-da7e50e4]:hover {
        background-color:var(--color-black-400);
        color: var(--color-white-400)
    }
}

.button-wrapper-theme[data-v-da7e50e4] {
    background-color: var(--color-grayscale-500);
    color: var(--color-text-400)
}

@media (hover: hover) and (pointer: fine) {
    .button-wrapper-theme[data-v-da7e50e4]:hover {
        background-color:var(--color-black-400);
        color: var(--color-white-400)
    }
}

.button-wrapper-background[data-v-da7e50e4] {
    background-color: var(--color-background-400);
    color: var(--color-text-400)
}

@media (hover: hover) and (pointer: fine) {
    .button-wrapper-background[data-v-da7e50e4]:hover {
        background-color:var(--color-text-400);
        color: var(--color-background-400)
    }
}

.button-wrapper-gray[data-v-da7e50e4] {
    background-color: var(--color-gray-400);
    color: var(--color-white-400)
}

@media (hover: hover) and (pointer: fine) {
    .button-wrapper-gray[data-v-da7e50e4]:hover {
        background-color:var(--color-gray-500)
    }
}

.button-wrapper-border[data-v-da7e50e4] {
    border: 2px solid var(--color-grayscale-400);
    color: var(--color-text-400)
}

@media (hover: hover) and (pointer: fine) {
    .button-wrapper-border[data-v-da7e50e4]:hover {
        background-color:var(--color-black-400);
        color: var(--color-white-400);
        border-color: var(--color-black-400)
    }
}

.button[data-v-4912492e] {
    display: flex;
    align-items: center;
    justify-content: center
}

.button-size-sm[data-v-4912492e] {
    height: 38px;
    padding: 0 16px
}

.button-size-md[data-v-4912492e] {
    height: 44px;
    padding: 0 26px
}

.button-size-lg[data-v-4912492e] {
    height: 50px;
    padding: 0 34px
}

.logo-svg[data-v-b2ad5ef3] {
    fill: currentColor
}

.button-round[data-v-801e9213] {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
    border-radius: 50%
}

.button-round-size-sm[data-v-801e9213] {
    width: 32px;
    padding: 6px
}

.button-round-size-md[data-v-801e9213] {
    width: 44px;
    padding: 10px
}

.button-round-size-lg[data-v-801e9213] {
    width: 52px;
    padding: 14px
}

.volume-body[data-v-76f0fa04] {
    transition: transform .2s ease-in-out,fill .2s ease-in-out;
    transform: translate(30px)
}

.volume-body-active[data-v-76f0fa04] {
    transform: translate(0)
}

.volume-wave-1[data-v-76f0fa04],.volume-wave-2[data-v-76f0fa04] {
    transition: transform .2s ease-in-out,opacity .2s ease-in-out,fill .2s ease-in-out;
    transform: translate(-20px);
    opacity: 0
}

.volume-wave-1[data-v-76f0fa04] *,.volume-wave-2[data-v-76f0fa04] * {
    transition: fill .2s ease-in-out
}

.volume-wave-1-active[data-v-76f0fa04],.volume-wave-2-active[data-v-76f0fa04] {
    transform: translate(0);
    opacity: 1
}

.music-toggle-dark[data-v-9ddddecf] {
    background-color: var(--color-dark-blue-500);
    color: var(--color-white-400)
}

.header[data-v-004130a8] {
    position: fixed;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    left: 50%;
    transform: translate(-50%);
    width: var(--breakpoint-xxxl);
    padding: 0 var(--space-outer);
    max-width: 100%;
    z-index: var(--z-index-header);
    height: var(--height-header);
    pointer-events: none;
    --scrolled: 0
}

.header-scrolled[data-v-004130a8] {
    --scrolled: 1
}

.header-back[data-v-004130a8] {
    pointer-events: none;
    opacity: 0;
    transition: opacity .2s ease-in-out;
    transition-delay: .1s;
    pointer-events: auto
}

.header-back-icon[data-v-004130a8] {
    width: 100%;
    color: var(--color-accent-text-400);
    transform: rotate(180deg)
}

.header-back-isProjectPage[data-v-004130a8] {
    pointer-events: auto;
    opacity: 1
}

.header-left[data-v-004130a8] {
    position: absolute;
    left: var(--space-outer);
    top: 50%;
    transform: translateY(-50%)
}

.header-get-in-touch[data-v-004130a8] {
    width: fit-content
}

.header-get-in-touch-isProjectPage[data-v-004130a8] {
    opacity: 1!important
}

.header-right[data-v-004130a8] {
    position: absolute;
    right: var(--space-outer);
    top: 50%;
    transform: translateY(-50%);
    pointer-events: auto;
    display: flex;
    align-items: center;
    gap: var(--space-sm)
}

.header-music-toggle[data-v-004130a8] {
    display: flex
}

.header-dark[data-v-004130a8] {
    color: var(--color-white-400)
}

.header-get-in-touch[data-v-004130a8] {
    display: none
}

@media (min-width: 840px) {
    .header-get-in-touch[data-v-004130a8] {
        display:flex
    }
}

.header-logo[data-v-004130a8] {
    cursor: pointer;
    display: flex;
    gap: var(--space-xs);
    transition: color .2s ease-in-out;
    opacity: var(--scrolled);
    pointer-events: none
}

.header-logo-clickable[data-v-004130a8] {
    pointer-events: all
}

@media (min-width: 840px) {
    .header-logo[data-v-004130a8] {
        gap:var(--space-sm)
    }
}

.header-logo-isProjectPage[data-v-004130a8] {
    transition: opacity .2s ease-in-out;
    pointer-events: none;
    opacity: 0
}

.header-logo-image[data-v-004130a8] {
    width: 36px
}

@media (min-width: 840px) {
    .header-logo-image[data-v-004130a8] {
        width:40px
    }
}

.header-logo-text[data-v-004130a8] {
    font-weight: 900;
    font-size: 18px
}

@media (min-width: 840px) {
    .header-logo-text[data-v-004130a8] {
        font-size:20px
    }
}

.cursor-wrapper[data-v-8d56e4f7] {
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 9999;
    will-change: transform;
    display: none
}

@media (hover: hover) and (pointer: fine) {
    .cursor-wrapper[data-v-8d56e4f7] {
        display:block
    }
}

.cursor-scale[data-v-8d56e4f7] {
    position: relative;
    transform-origin: center;
    will-change: transform;
    transition: transform .1s ease-in-out
}

.cursor[data-v-8d56e4f7] {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%,-50%);
    opacity: 0;
    transition: opacity .1s ease-in-out
}

.cursor-active[data-v-8d56e4f7] {
    opacity: 1
}

.cursor-circle-black[data-v-8d56e4f7] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 4px solid var(--color-text-400)
}

.cursor-circle-white[data-v-8d56e4f7] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 4px solid var(--color-white-400)
}

.cursor-arrow[data-v-8d56e4f7] {
    width: 54px;
    height: 54px;
    transition: background-color .1s ease-in-out,opacity .1s ease-in-out;
    background-color: var(--color-accent-400, var(--color-orange-400));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.cursor-arrow-icon[data-v-8d56e4f7] {
    color: var(--color-white-400);
    width: 24px
}

.cursor-arrow-external[data-v-8d56e4f7] {
    width: 54px;
    height: 54px;
    transition: background-color .1s ease-in-out,opacity .1s ease-in-out;
    background-color: var(--color-accent-400, var(--color-orange-400));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.cursor-arrow-external-icon[data-v-8d56e4f7] {
    color: var(--color-white-400);
    width: 24px;
    transform: rotate(-45deg)
}

.layout[data-v-1d5c965f] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: var(--z-index-layout);
    position: relative
}

.appearing-text[data-v-541b11c7] {
    position: relative
}

.appearing-text-value[data-v-541b11c7] {
    position: absolute
}

.appearing-text-clone[data-v-541b11c7] {
    visibility: hidden
}

.banner[data-v-aead22f6] {
    width: fit-content;
    transform-origin: center center;
    position: relative
}

.banner-background[data-v-aead22f6] {
    position: absolute;
    outline: var(--stroke-lg) solid var(--color-beige-400);
    background-color: #263c70;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-origin: left center
}

.banner-size-sm[data-v-aead22f6] {
    padding: 2px var(--space-xxs)
}

@media (min-width: 1024px) {
    .banner-size-sm[data-v-aead22f6] {
        padding:var(--space-xxs) var(--space-xs)
    }
}

.banner-size-md[data-v-aead22f6] {
    padding: var(--space-xxs) var(--space-xs)
}

@media (min-width: 1024px) {
    .banner-size-md[data-v-aead22f6] {
        padding:var(--space-xs) var(--space-sm)
    }
}

.banner-copy[data-v-aead22f6] {
    font-weight: 700;
    color: var(--color-white-400);
    font-family: ProFontWindows;
    text-transform: uppercase
}

.banner-copy-size-sm[data-v-aead22f6] {
    font-size: var(--font-size-title-xxs)
}

@media (min-width: 1280px) {
    .banner-copy-size-sm[data-v-aead22f6] {
        font-size:var(--font-size-title-xs)
    }
}

.banner-copy-size-md[data-v-aead22f6] {
    font-size: var(--font-size-title-xxs)
}

@media (min-width: 1024px) {
    .banner-copy-size-md[data-v-aead22f6] {
        font-size:var(--font-size-title-xs)
    }
}

@media (min-width: 1280px) {
    .banner-copy-size-md[data-v-aead22f6] {
        font-size:var(--font-size-title-sm)
    }
}

.hero[data-v-43cf95eb] {
    max-height: calc(var(--lvh) * 100);
    height: calc(var(--lvh) * 100);
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden
}

.hero-content[data-v-43cf95eb] {
    align-items: center;
    justify-content: center;
    height: 46%
}

@media (orientation: landscape) {
    .hero-content[data-v-43cf95eb] {
        height:100%
    }
}

@media (orientation: landscape) and (min-width: 840px) {
    .hero-content[data-v-43cf95eb] {
        padding-bottom:30%
    }
}

@media (orientation: landscape) and (min-width: 1024px) {
    .hero-content[data-v-43cf95eb] {
        padding-bottom:5%
    }
}

.hero-content-inner[data-v-43cf95eb] {
    transform-origin: center center;
    grid-column: 1/13;
    gap: var(--space-xxl);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: fit-content;
    position: relative;
    left: 50%;
    transform: translate(-50%)
}

@media (orientation: landscape) {
    .hero-content-inner[data-v-43cf95eb] {
        left:0;
        transform: translate(0);
        grid-column: 2/13;
        width: fit-content
    }
}

.hero-content-copys[data-v-43cf95eb] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm)
}

@media (min-width: 840px) {
    .hero-content-copys[data-v-43cf95eb] {
        gap:var(--space-md)
    }
}

.hero-content-button[data-v-43cf95eb] {
    width: fit-content
}

.hero-title[data-v-43cf95eb] {
    font-weight: 900;
    letter-spacing: .02em;
    font-size: var(--font-size-title-lg)
}

@media (orientation: landscape) {
    .hero-title[data-v-43cf95eb] {
        font-size:var(--font-size-title-lg)
    }
}

@media (orientation: landscape) and (min-height: 480px) and (min-width: 480px) {
    .hero-title[data-v-43cf95eb] {
        font-size:var(--font-size-title-xl)
    }
}

@media (orientation: landscape) and (min-height: 480px) and (min-width: 1280px) {
    .hero-title[data-v-43cf95eb] {
        font-size:var(--font-size-title-xxl)
    }
}

.hero-banner[data-v-43cf95eb] {
    position: relative;
    bottom: auto;
    right: auto;
    z-index: 10;
    transform: rotate(-5deg);
    width: fit-content;
    align-self: center
}

@media (min-width: 840px) {
    .hero-banner[data-v-43cf95eb] {
        right:auto;
        bottom: auto;
        transform: rotate(-5deg)
    }
}

@media (min-width: 1024px) {
    .hero-banner[data-v-43cf95eb] {
        right:auto;
        bottom: auto;
        transform: rotate(-5deg)
    }
}

.hero-contact-actions[data-v-43cf95eb],.hero-contact-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    width: 100%;
    margin-top: 34px;
    position: relative;
    z-index: 12
}

.hero-contact-row[data-v-43cf95eb],.hero-contact-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    align-items: center;
    justify-content: center;
    width: min(100%, 340px)
}

.hero-contact-action[data-v-43cf95eb],.hero-contact-action {
    width: 100%;
    min-height: 44px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(45,42,36,.22);
    background: rgba(245,239,230,.82);
    color: var(--color-black-400);
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    transition: transform .2s var(--ease-smooth),border-color .2s var(--ease-smooth),background-color .2s var(--ease-smooth);
    backdrop-filter: blur(2px)
}

.hero-contact-action[data-v-43cf95eb]:hover,.hero-contact-action:hover {
    transform: translateY(-2px);
    border-color: rgba(255,132,0,.7);
    background: rgba(255,255,255,.32)
}

.hero-contact-icon[data-v-43cf95eb],.hero-contact-icon {
    width: 24px;
    height: 24px;
    flex: 0 0 24px
}

.hero-contact-label[data-v-43cf95eb],.hero-contact-label {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: nowrap;
    font-size: var(--font-size-xs);
    font-weight: 800
}

.hero-vcard-button[data-v-43cf95eb],.hero-vcard-button {
    min-height: 50px;
    width: min(100%, 340px);
    padding: 0 28px;
    border: 0;
    border-radius: 999px;
    color: #fff;
    background: var(--color-orange-400);
    box-shadow: 0 16px 34px rgba(255,132,0,.22);
    font-size: var(--font-size-md);
    font-weight: 800;
    line-height: 1.1;
    text-align: center;
    transition: transform .2s var(--ease-smooth),box-shadow .2s var(--ease-smooth)
}

.hero-vcard-button[data-v-43cf95eb]:hover,.hero-vcard-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 40px rgba(255,132,0,.32)
}

@media (orientation: landscape) and (min-width: 840px) {
    .hero-contact-row[data-v-43cf95eb],.hero-contact-row {
        display: flex;
        gap:14px;
        flex-direction: row;
        width: auto
    }

    .hero-contact-action[data-v-43cf95eb],.hero-contact-action {
        width: 70px;
        height: 70px;
        min-height: 70px;
        padding: 0;
        justify-content: center;
        gap: 0
    }

    .hero-contact-label[data-v-43cf95eb],.hero-contact-label {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap
    }

    .hero-vcard-button[data-v-43cf95eb],.hero-vcard-button {
        min-height: 64px;
        width: min(100%, 360px);
        font-size: var(--font-size-lg)
    }
}

@media (orientation: landscape) {
    .hero-contact-actions[data-v-43cf95eb],.hero-contact-actions {
        align-items:flex-start
    }
}

.projected-element[data-v-39d7536c] {
    width: 100%;
    height: 100%
}

@media (orientation: landscape) {
    .projected-element[data-v-39d7536c] {
        width:0;
        height: 0;
        position: relative
    }
}

.box-description[data-v-950d4e82] {
    --line-length: min(48px, calc(var(--svw) * 5));
    gap: var(--space-xxs);
    position: absolute;
    bottom: var(--count-height);
    width: calc(100% - var(--space-outer) * 2);
    left: var(--space-outer)
}

@media (orientation: landscape) {
    .box-description[data-v-950d4e82] {
        position:relative;
        left: 0;
        bottom: 0;
        width: 480px;
        max-width: calc(var(--svw) * 38);
        transform: translate(-100%,-50%);
        padding-top: 3px;
        padding-right: var(--line-length)
    }
}

@media (orientation: landscape) and (min-height: 480px) {
    .box-description[data-v-950d4e82] {
        width:410px;
        max-width: calc(var(--svw) * 32)
    }
}

.box-description-line[data-v-950d4e82] {
    width: 100%;
    height: 1px;
    background-color: var(--color-cyan-400)
}

@media (orientation: landscape) {
    .box-description-line[data-v-950d4e82] {
        display:none
    }
}

.box-description-details[data-v-950d4e82] {
    padding: var(--space-sm) var(--space-md);
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (orientation: landscape) {
    .box-description-details[data-v-950d4e82] {
        display:none
    }
}

.box-description-details-name[data-v-950d4e82] {
    font-size: var(--font-size-title-xs);
    font-weight: 700
}

.box-description-details-location[data-v-950d4e82] {
    display: flex;
    align-items: center;
    gap: var(--space-xs)
}

.box-description-details-location-icon[data-v-950d4e82] {
    width: var(--icon-size-xs);
    transform: translateY(-1px)
}

.box-description-details-location-copy[data-v-950d4e82] {
    font-size: var(--font-size-md)
}

.box-description[data-v-950d4e82]:after,.box-description[data-v-950d4e82]:before {
    display: none
}

@media (orientation: landscape) {
    .box-description[data-v-950d4e82]:after,.box-description[data-v-950d4e82]:before {
        display:block
    }
}

.box-description[data-v-950d4e82]:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 11px;
    height: 11px;
    background-color: var(--color-cyan-400);
    border-radius: 50%
}

.box-description[data-v-950d4e82]:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: var(--line-length);
    height: 0;
    border-top: var(--stroke-sm) solid var(--color-cyan-400)
}

.box-description-content[data-v-950d4e82] {
    border: var(--stroke-sm) solid var(--color-cyan-400);
    border-radius: var(--radius-md);
    background: linear-gradient(to bottom,var(--color-hologram-top) 0%,var(--color-hologram-bottom) 100%)
}

@media (orientation: landscape) {
    .box-description-content[data-v-950d4e82] {
        padding:var(--space-xs) var(--space-sm)
    }
}

@media (orientation: landscape) and (min-width: 840px) {
    .box-description-content[data-v-950d4e82] {
        padding:var(--space-sm) var(--space-md)
    }
}

.box-description-copy[data-v-950d4e82] {
    will-change: opacity;
    font-size: var(--font-size-md);
    padding: var(--space-sm) var(--space-md)
}

@media (orientation: landscape) {
    .box-description-copy[data-v-950d4e82] {
        padding:0;
        font-size: var(--font-size-sm)
    }
}

@media (orientation: landscape) and (min-height: 480px) {
    .box-description-copy[data-v-950d4e82] {
        font-size:var(--font-size-lg)
    }
}

.box-services[data-v-efaa9dc5] {
    --line-length: min(48px, calc(var(--svw) * 5));
    position: absolute;
    bottom: var(--count-height);
    width: calc(100% - var(--space-outer) * 2);
    left: var(--space-outer)
}

@media (orientation: landscape) {
    .box-services[data-v-efaa9dc5] {
        width:480px;
        max-width: calc(var(--svw) * 37);
        padding-left: var(--line-length);
        position: relative;
        left: 0;
        bottom: 0;
        padding-top: 3px;
        transform: translateY(-50%)
    }
}

@media (orientation: landscape) and (min-height: 480px) {
    .box-services[data-v-efaa9dc5] {
        width:380px;
        max-width: calc(var(--svw) * 36)
    }
}

.box-services[data-v-efaa9dc5]:after,.box-services[data-v-efaa9dc5]:before {
    display: none
}

@media (orientation: landscape) {
    .box-services[data-v-efaa9dc5]:after,.box-services[data-v-efaa9dc5]:before {
        display:block
    }
}

.box-services[data-v-efaa9dc5]:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 11px;
    height: 11px;
    background-color: var(--color-cyan-400);
    border-radius: 50%
}

.box-services[data-v-efaa9dc5]:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 0;
    border-top: var(--stroke-sm) solid var(--color-cyan-400)
}

@media (orientation: landscape) {
    .box-services[data-v-efaa9dc5]:before {
        width:var(--line-length)
    }
}

.box-services-content[data-v-efaa9dc5] {
    border: var(--stroke-sm) solid var(--color-cyan-400);
    border-radius: var(--radius-md);
    background: linear-gradient(to bottom,var(--color-hologram-top) 0%,var(--color-hologram-bottom) 100%);
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md)
}

@media (orientation: landscape) {
    .box-services-content[data-v-efaa9dc5] {
        padding:var(--space-xs) var(--space-sm)
    }
}

@media (min-width: 840px) {
    .box-services-content[data-v-efaa9dc5] {
        padding:var(--space-sm) var(--space-md)
    }
}

.box-services-list[data-v-efaa9dc5] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs)
}

.box-services-list-item[data-v-efaa9dc5] {
    display: flex;
    flex-direction: column;
    padding-left: 18px;
    position: relative
}

.box-services-list-item[data-v-efaa9dc5]:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 6px;
    width: 4px;
    height: 4px;
    background-color: var(--color-text-cyan-400);
    border-radius: 50%
}

.box-services-list-item-name[data-v-efaa9dc5] {
    font-size: var(--font-size-md)
}

@media (orientation: landscape) {
    .box-services-list-item-name[data-v-efaa9dc5] {
        font-size:var(--font-size-sm)
    }
}

@media (orientation: landscape) and (min-height: 480px) {
    .box-services-list-item-name[data-v-efaa9dc5] {
        font-size:var(--font-size-lg)
    }
}

.box-services-title[data-v-efaa9dc5] {
    font-size: var(--font-size-title-xs);
    font-weight: 700
}

@media (orientation: landscape) {
    .box-services-title[data-v-efaa9dc5] {
        font-size:var(--font-size-title-xxs)
    }
}

@media (orientation: landscape) and (min-height: 480px) {
    .box-services-title[data-v-efaa9dc5] {
        font-size:var(--font-size-title-xs)
    }
}

.box-details[data-v-f16a3d96] {
    --line-length: min(48px, calc(var(--svw) * 5));
    display: none
}

@media (orientation: landscape) {
    .box-details[data-v-f16a3d96] {
        display:block;
        position: absolute;
        padding-bottom: 3px;
        padding-right: var(--line-length);
        width: 240px;
        max-width: calc(var(--svw) * 30);
        transform: translate(-100%,-50%)
    }
}

@media (orientation: landscape) and (min-height: 480px) {
    .box-details[data-v-f16a3d96] {
        width:240px
    }
}

.box-details[data-v-f16a3d96]:after,.box-details[data-v-f16a3d96]:before {
    display: none
}

@media (orientation: landscape) {
    .box-details[data-v-f16a3d96]:after,.box-details[data-v-f16a3d96]:before {
        display:block
    }
}

.box-details[data-v-f16a3d96]:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 11px;
    height: 11px;
    background-color: var(--color-cyan-400);
    border-radius: 50%
}

.box-details[data-v-f16a3d96]:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: var(--line-length);
    height: 0;
    border-bottom: var(--stroke-sm) solid var(--color-cyan-400)
}

.box-details-content[data-v-f16a3d96] {
    border: var(--stroke-sm) solid var(--color-cyan-400);
    border-radius: var(--radius-md);
    background: linear-gradient(to bottom,var(--color-hologram-top) 0%,var(--color-hologram-bottom) 100%);
    gap: var(--space-xxs);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: var(--space-sm) var(--space-md)
}

@media (orientation: landscape) {
    .box-details-content[data-v-f16a3d96] {
        flex-direction:column;
        justify-content: flex-start;
        padding: var(--space-xs) var(--space-sm)
    }
}

@media (min-width: 840px) {
    .box-details-content[data-v-f16a3d96] {
        padding:var(--space-sm) var(--space-md)
    }
}

.box-details-item[data-v-f16a3d96] {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    flex-direction: row;
    white-space: nowrap;
    height: var(--icon-size-sm)
}

.box-details-icon[data-v-f16a3d96] {
    width: var(--icon-size-xxs);
    transform: translateY(-1px)
}

@media (min-width: 840px) {
    .box-details-icon[data-v-f16a3d96] {
        width:var(--icon-size-xs)
    }
}

.box-details-title[data-v-f16a3d96] {
    font-size: var(--font-size-title-xxs);
    font-weight: 700
}

@media (min-width: 840px) {
    .box-details-title[data-v-f16a3d96] {
        font-size:var(--font-size-title-sm)
    }
}

.box-details-items[data-v-f16a3d96] {
    display: flex;
    font-size: var(--font-size-sm);
    flex-direction: column
}

@media (min-width: 840px) {
    .box-details-items[data-v-f16a3d96] {
        font-size:var(--font-size-md)
    }
}

.box-details-items-copy[data-v-f16a3d96] {
    flex: .5
}

.progress-count[data-v-f1049d86] {
    font-size: var(--font-size-sm);
    font-weight: 700;
    color: var(--color-text-cyan-400);
    font-family: ProFontWindows;
    text-align: center;
    align-items: center;
    height: var(--count-height);
    will-change: transform,opacity;
    padding: 0 var(--space-lg)
}

@media (orientation: landscape) {
    .progress-count[data-v-f1049d86] {
        display:none
    }
}

.progress-count-bar[data-v-f1049d86] {
    width: 100%;
    height: 1px;
    border-radius: var(--radius-md);
    grid-column: 2/10;
    background-color: var(--color-hologram-bottom)
}

.progress-count-bar-fill[data-v-f1049d86] {
    background-color: var(--color-cyan-400);
    height: 100%;
    border-radius: var(--radius-md)
}

.progress-count-percentage[data-v-f1049d86] {
    grid-column: 10/12;
    white-space: nowrap
}

.about-content[data-v-1d8f724d] {
    position: absolute;
    color: var(--color-text-cyan-400);
    font-family: ProFontWindows;
    top: 0;
    width: 100%;
    padding: var(--space-outer);
    left: 50%;
    transform: translate(-50%);
    height: calc(var(--lvh) * 100);
    --count-height: calc(max(calc((var(--lvh) - var(--svh)) * 100), 36px) + var(--space-outer))
}

.about-details[data-v-1d8f724d],.about-description[data-v-1d8f724d],.about-services[data-v-1d8f724d] {
    display: flex;
    justify-content: center;
    align-items: center;
    will-change: transform,opacity;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

@media (orientation: landscape) {
    .about-details[data-v-1d8f724d],.about-description[data-v-1d8f724d],.about-services[data-v-1d8f724d] {
        width:100%;
        height: 0;
        top: 50%
    }
}

.about-progress-count[data-v-1d8f724d] {
    will-change: transform,opacity;
    position: absolute;
    bottom: 0;
    left: var(--space-outer);
    width: calc(100% - var(--space-outer) * 2)
}

.notch[data-v-1d4f7a4f] {
    aspect-ratio: 1;
    overflow: hidden
}

.preview-card[data-v-6a1337d3] {
    --hover: 0;
    position: relative;
    border-radius: var(--radius-xl);
    z-index: var(--z-index-layout)
}

.preview-card[data-v-6a1337d3]:after {
    content: "";
    position: absolute;
    top: -8px;
    left: -8px;
    width: calc(100% + 16px);
    height: calc(100% + 16px);
    background-color: var(--color-grayscale-400);
    border-radius: var(--radius-xl);
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    transition: opacity .1s ease-in-out
}

@media (hover: hover) and (pointer: fine) {
    .preview-card[data-v-6a1337d3]:hover {
        --hover: 1
    }

    .preview-card[data-v-6a1337d3]:hover:after {
        opacity: 1
    }
}

.preview-card-content[data-v-6a1337d3] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    padding-top: var(--space-xs)
}

@media (hover: hover) and (pointer: fine) {
    .preview-card-overlay[data-v-6a1337d3] {
        display:none
    }
}

.preview-card-notch[data-v-6a1337d3] {
    position: absolute;
    color: var(--color-beige-400);
    transform: scale(-1) rotate(90deg);
    height: var(--radius-lg)
}

.preview-card-notch-left[data-v-6a1337d3] {
    bottom: 0;
    right: 50px
}

.preview-card-notch-right[data-v-6a1337d3] {
    bottom: 50px;
    right: 0
}

.preview-card-edge[data-v-6a1337d3] {
    position: absolute;
    bottom: -1px;
    right: -1px;
    background-color: var(--color-beige-400);
    padding: 6px 1px 1px 6px;
    border-radius: 32px 0 0
}

.preview-card-button-arrow[data-v-6a1337d3] {
    transition: transform .1s ease-in-out;
    width: 100%;
    transform: rotate(calc(var(--hover) * -45deg))
}

.preview-card-image[data-v-6a1337d3] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.preview-card-110[data-v-6a1337d3] .preview-card-image[data-v-6a1337d3] {
    object-position: top center
}

.preview-card-image-container[data-v-6a1337d3] {
    transition: transform .1s ease-in-out;
    transform: scale(calc(1 + var(--hover) * .02));
    aspect-ratio: 16/9
}

.preview-card-image-wrapper[data-v-6a1337d3] {
    border-radius: var(--radius-lg);
    overflow: hidden;
    background-color: var(--color-beige-500)
}

.preview-card-top[data-v-6a1337d3] {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9
}

.preview-card-top-empty[data-v-6a1337d3] {
    border: 4px dashed var(--color-grayscale-500);
    border-radius: var(--radius-lg);
    background-color: var(--color-grayscale-400);
    display: flex;
    align-items: center;
    justify-content: center
}

.preview-card-top-empty-icon[data-v-6a1337d3] {
    width: var(--icon-size-lg);
    color: var(--color-text-300);
    --stroke-width: 4px
}

.preview-card-copys[data-v-6a1337d3] {
    display: flex;
    flex-direction: column
}

.preview-card-title[data-v-6a1337d3] {
    font-size: var(--font-size-title-xs);
    font-weight: 700;
    color: var(--color-text-400)
}

.preview-card-description[data-v-6a1337d3] {
    font-size: var(--font-size-md);
    color: var(--color-text-300);
    font-weight: 500
}

.notch-section[data-v-ad05fe3a] {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.notch-element[data-v-ad05fe3a] {
    width: var(--radius-xxl)
}

.notch-element-right[data-v-ad05fe3a] {
    transform: scaleX(-1)
}

.projects[data-v-2ca931db] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    gap: var(--space-xl);
    padding-left: var(--space-outer);
    padding-right: var(--space-outer);
    background-color: var(--color-beige-400);
    min-height: calc(var(--lvh) * 100 + var(--radius-xxl));
    padding-top: 96px;
    padding-bottom: 96px
}

@media (min-width: 840px) {
    .projects[data-v-2ca931db] {
        padding-top:144px;
        padding-bottom: 144px;
        gap: var(--space-xxl)
    }
}

@media (min-width: 1024px) {
    .projects[data-v-2ca931db] {
        gap:var(--space-xxxl)
    }
}

.projects-title[data-v-2ca931db] {
    position: relative;
    padding-top: var(--space-md);
    grid-column: 1/13
}

@media (min-width: 840px) {
    .projects-title[data-v-2ca931db] {
        grid-column:1/10
    }
}

@media (min-width: 1024px) {
    .projects-title[data-v-2ca931db] {
        grid-column:3/8
    }
}

.projects-title-copy[data-v-2ca931db] {
    font-weight: 900;
    letter-spacing: .02em;
    font-size: var(--font-size-title-md)
}

@media (min-width: 480px) {
    .projects-title-copy[data-v-2ca931db] {
        font-size:var(--font-size-title-lg)
    }
}

@media (min-width: 1280px) {
    .projects-title-copy[data-v-2ca931db] {
        font-size:var(--font-size-title-xl)
    }
}

.projects-title-banner[data-v-2ca931db] {
    position: absolute;
    top: 0;
    left: -8px;
    transform: translateY(-20%) rotate(-4deg)
}

@media (min-width: 1024px) {
    .projects-title-banner[data-v-2ca931db] {
        left:-16px;
        transform: translateY(-20%) rotate(-6deg)
    }
}

.projects-notch-start[data-v-2ca931db] {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-100%);
    color: var(--color-beige-400)
}

.projects-notch-end[data-v-2ca931db] {
    position: absolute;
    bottom: 0;
    left: 0;
    color: var(--color-beige-600)
}

.projects-cards[data-v-2ca931db] {
    max-width: 100%;
    flex: 1;
    grid-column: 1/span 12;
    display: grid;
    gap: var(--space-lg);
    grid-template-columns: repeat(auto-fill,minmax(280px,1fr))
}

@media (min-width: 840px) {
    .projects-cards[data-v-2ca931db] {
        grid-column:1/span 12
    }
}

@media (min-width: 1024px) {
    .projects-cards[data-v-2ca931db] {
        grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
        grid-column: 3/span 8
    }
}

@media (min-width: 1280px) {
    .projects-cards[data-v-2ca931db] {
        grid-template-columns:repeat(auto-fit,minmax(360px,1fr))
    }
}

.social[data-v-b193213a] {
    display: flex;
    gap: var(--space-md)
}

.contact[data-v-a593150f] {
    width: 100%;
    max-width: calc(var(--svw) * 100);
    overflow: hidden;
    min-height: calc(var(--lvh) * 100);
    padding: var(--space-outer);
    padding-top: var(--space-lg)
}

@media (min-width: 840px) {
    .contact[data-v-a593150f] {
        padding-top:var(--space-xxl)
    }
}

.contact-content[data-v-a593150f] {
    position: relative;
    padding-top: var(--space-md);
    grid-column: 1/13;
    display: flex;
    flex-direction: column;
    gap: var(--space-md)
}

@media (min-width: 480px) {
    .contact-content[data-v-a593150f] {
        grid-column:1/8
    }
}

@media (min-width: 840px) {
    .contact-content[data-v-a593150f] {
        gap:var(--space-xl);
        grid-column: 1/6;
        padding-top: var(--space-lg)
    }
}

@media (min-width: 1024px) {
    .contact-content[data-v-a593150f] {
        grid-column:2/6
    }
}

.contact-title[data-v-a593150f] {
    font-weight: 900;
    letter-spacing: .02em;
    font-size: var(--font-size-title-md)
}

@media (min-width: 480px) {
    .contact-title[data-v-a593150f] {
        font-size:var(--font-size-title-lg)
    }
}

@media (min-width: 1280px) {
    .contact-title[data-v-a593150f] {
        font-size:var(--font-size-title-xl)
    }
}

.clickable[data-v-640f420c] {
    border: none;
    background: none;
    cursor: pointer;
    position: relative;
    z-index: 0;
    transition: color .1s ease-in-out
}

.clickable[data-v-640f420c]:after {
    content: "";
    position: absolute;
    top: -4px;
    left: -8px;
    width: calc(100% + 16px);
    height: calc(100% + 8px);
    background-color: var(--color-black-400);
    z-index: -1;
    border-radius: var(--radius-md);
    opacity: 0;
    transition: opacity .1s ease-in-out
}

@media (hover: hover) and (pointer: fine) {
    .clickable[data-v-640f420c]:hover {
        color:var(--color-white-400)
    }

    .clickable[data-v-640f420c]:hover:after {
        opacity: 1
    }
}

.footer[data-v-0c3f9611] {
    background: var(--color-background-300, var(--color-beige-400));
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative
}

.footer-content[data-v-0c3f9611] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-xl);
    width: 100%;
    max-width: calc(var(--breakpoint-xxxl));
    padding: calc(var(--space-outer) + var(--space-sm)) var(--space-outer);
    position: relative
}

.footer-back-to-top[data-v-0c3f9611] {
    cursor: pointer
}

@media (min-width: 840px) {
    .footer-back-to-top[data-v-0c3f9611] {
        position:absolute;
        top: calc(var(--space-outer) + var(--space-sm));
        left: 50%;
        transform: translate(-50%)
    }
}

.footer-back-to-top-icon[data-v-0c3f9611] {
    transform: rotate(-90deg)
}

.footer-top[data-v-0c3f9611] {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-xl)
}

@media (min-width: 840px) {
    .footer-top[data-v-0c3f9611] {
        gap:var(--space-md);
        flex-direction: row
    }
}

.footer-top-links[data-v-0c3f9611] {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: var(--space-md)
}

.footer-top-links-legal[data-v-0c3f9611] {
    display: flex;
    flex-direction: row;
    gap: var(--space-md)
}

@media (min-width: 840px) {
    .footer-top-links[data-v-0c3f9611] {
        gap:var(--space-lg);
        flex-direction: row;
        position: relative;
        margin-left: auto
    }
}

.footer-link[data-v-0c3f9611] {
    font-weight: 700
}

.footer-credits[data-v-0c3f9611] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-sm);
    width: 100%;
    font-size: var(--font-size-sm)
}

.footer-credits-music[data-v-0c3f9611] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--space-xxs)
}

.footer-notch[data-v-0c3f9611] {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-100%);
    color: var(--color-background-300, var(--color-beige-400))
}

.header-link[data-v-7da04cd0] {
    letter-spacing: .02em;
    font-weight: 700;
    border: none;
    background: none;
    transition: color .1s ease-in-out;
    font-size: var(--font-size-md);
    width: 128px;
    white-space: nowrap;
    text-transform: uppercase;
    z-index: 2;
    border-radius: 100px;
    padding: var(--space-xxs) 0
}

.header-link[data-v-7da04cd0]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: background-color .1s ease-in-out,opacity .1s ease-in-out;
    background-color: var(--color-text-400);
    border-radius: 100px;
    z-index: -1;
    opacity: 0
}

.header-link-dark[data-v-7da04cd0]:after {
    background-color: var(--color-dark-blue-600)
}

.header-link-active[data-v-7da04cd0]:after {
    opacity: 0!important
}

@media (hover: hover) and (pointer: fine) {
    .header-link[data-v-7da04cd0]:hover {
        color:var(--color-white-400)
    }

    .header-link[data-v-7da04cd0]:hover:after {
        opacity: 1
    }
}

.header-home[data-v-befa5166] {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    z-index: var(--z-index-header-home);
    height: var(--height-header);
    align-items: center;
    justify-content: center;
    display: none;
    opacity: 0;
    transition: opacity .3s ease-in-out,transform var(--transition-route-duration) var(--transition-route-ease)
}

.header-home-isProjectPage[data-v-befa5166] {
    transform: translate(-50%) translateY(-100%)
}

.header-home-mounted[data-v-befa5166] {
    opacity: 1
}

@media (min-width: 1024px) {
    .header-home[data-v-befa5166] {
        display:flex
    }
}

.header-home-links[data-v-befa5166] {
    position: relative;
    display: flex;
    padding: 3px;
    background-color: var(--color-beige-500);
    border-radius: 100px;
    color: var(--color-text-400);
    transition: color .1s ease-in-out,background-color .1s ease-in-out
}

.header-home-links-dark[data-v-befa5166] {
    background-color: var(--color-dark-blue-500);
    color: var(--color-white-400)
}

.header-home-bar[data-v-befa5166] {
    position: absolute;
    top: 3px;
    left: 3px;
    height: calc(100% - 6px);
    width: 128px;
    background: var(--color-orange-400);
    border-radius: 100px;
    transition: transform .3s var(--ease-smooth),opacity .1s ease-in-out,background-color .1s ease-in-out;
    z-index: 1;
    opacity: 0
}

.header-home-bar-dark[data-v-befa5166] {
    background-color: var(--color-cyan-500)
}

.header-home-bar-active[data-v-befa5166] {
    opacity: 1
}

.header-home-link[data-v-befa5166] {
    position: relative;
    z-index: 2;
    letter-spacing: .02em;
    font-weight: 700;
    border: none;
    background: none;
    transition: color .1s ease-in-out;
    font-size: var(--font-size-md);
    width: 128px;
    white-space: nowrap;
    text-transform: uppercase
}

.header-home-link-active[data-v-befa5166] {
    color: var(--color-white-400)
}

.scroll-icon-enter-active[data-v-a5f92c3d],.scroll-icon-leave-active[data-v-a5f92c3d] {
    transition: opacity .3s ease-in-out
}

.scroll-icon-enter-from[data-v-a5f92c3d],.scroll-icon-leave-to[data-v-a5f92c3d] {
    opacity: 0
}

.scroll-icon[data-v-a5f92c3d] {
    position: absolute;
    top: 0;
    left: 0;
    height: calc(var(--svh) * 100);
    width: 100%;
    display: flex;
    align-items: flex-end;
    padding-bottom: var(--space-outer);
    justify-content: center;
    z-index: var(--z-index-header);
    pointer-events: none
}

.scroll-icon[data-v-a5f92c3d] * {
    pointer-events: none
}

.scroll-icon-swipe-up[data-v-a5f92c3d] {
    width: calc(var(--icon-size-md) + 4px);
    --stroke-width: var(--stroke-md);
    fill: var(--color-beige-400);
    animation: swipeUp-a5f92c3d 1s infinite;
    animation-direction: alternate;
    animation-timing-function: var(--ease-power2-out)
}

@keyframes swipeUp-a5f92c3d {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-10px)
    }
}

.scroll-icon-pointer[data-v-a5f92c3d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-xxs);
    transform: translateY(4px)
}

.scroll-icon-arrow[data-v-a5f92c3d] {
    transform: rotate(90deg);
    width: var(--icon-size-sm);
    --stroke-width: 3px
}

.scroll-icon-mouse[data-v-a5f92c3d] {
    border: 3px solid var(--color-text-400);
    height: 34px;
    border-radius: 100px;
    width: 22px;
    display: flex;
    padding-top: 3px;
    justify-content: center
}

.scroll-icon-mouse-dot[data-v-a5f92c3d] {
    width: 4px;
    height: 12px;
    background-color: var(--color-text-400);
    border-radius: 100px;
    animation: scrollIconDot-a5f92c3d 1s infinite;
    animation-direction: alternate;
    animation-timing-function: var(--ease-power2-out)
}

@keyframes scrollIconDot-a5f92c3d {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(3px)
    }
}

.three-canvas[data-v-f6f2006b] {
    width: calc(var(--svw) * 100);
    height: calc(var(--lvh) * 100);
    max-height: calc(var(--lvh) * 100);
    position: relative;
    overflow: hidden
}

.three-canvas-contact[data-v-f6f2006b] {
    position: absolute;
    bottom: var(--contact-bottom);
    left: 0;
    width: 100%;
    height: calc(var(--lvh) * 100);
    max-height: calc(var(--lvh) * 100)
}

.home-wrapper[data-v-f6f2006b] {
    transform-origin: center center
}

.home-wrapper-out[data-v-f6f2006b] {
    animation: home-wrapper-out-f6f2006b var(--transition-route-duration) var(--transition-route-ease)
}

.home-wrapper-in[data-v-f6f2006b] {
    animation: home-wrapper-in-f6f2006b var(--transition-route-duration) var(--transition-route-ease)
}

@keyframes home-wrapper-out-f6f2006b {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(.95)
    }
}

@keyframes home-wrapper-in-f6f2006b {
    0% {
        transform: scale(.95)
    }

    to {
        transform: scale(1)
    }
}

.home-contact[data-v-f6f2006b] {
    width: 100%;
    min-height: calc(var(--lvh) * 100);
    max-height: calc(var(--lvh) * 100)
}

.about-spacer[data-v-f6f2006b] {
    max-height: calc(var(--lvh) * 250);
    min-height: calc(var(--lvh) * 250)
}

.intro-wrapper[data-v-f6f2006b] {
    width: 100%;
    display: flex;
    flex-direction: column
}

.intro-wrapper-spacer[data-v-f6f2006b] {
    display: none
}

@media (min-width: 840px) {
    .intro-wrapper-spacer[data-v-f6f2006b] {
        display:block;
        height: 200px
    }
}

.intro-hero[data-v-f6f2006b] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-height: calc(var(--lvh) * 100);
    min-height: calc(var(--lvh) * 100);
    overflow: hidden
}

.intro-about-hidden[data-v-f6f2006b] {
    visibility: hidden
}

.intro-sticky[data-v-f6f2006b] {
    top: 0;
    left: 0;
    width: 100%;
    max-height: calc(var(--lvh) * 100);
    min-height: calc(var(--lvh) * 100);
    overflow: hidden;
    z-index: -1;
    display: flex;
    align-items: flex-end
}

.intro-sticky-visible[data-v-f6f2006b] {
    position: sticky
}

.intro-sticky-content[data-v-f6f2006b] {
    width: calc(var(--svw) * 100);
    height: calc(var(--lvh) * 100);
    max-height: calc(var(--lvh) * 100);
    position: relative;
    overflow: hidden
}

.intro-sticky-content-contact[data-v-f6f2006b] {
    position: absolute;
    bottom: var(--contact-bottom);
    left: 0;
    width: 100%;
    height: calc(var(--lvh) * 100);
    max-height: calc(var(--lvh) * 100)
}

.tag[data-v-dce132a1] {
    border-radius: var(--radius-md);
    padding: calc(var(--space-xxs) - var(--stroke-md)) calc(var(--space-sm) - var(--stroke-md));
    border: var(--stroke-md) solid transparent
}

.tag-copy[data-v-dce132a1] {
    font-size: var(--font-size-xs);
    font-weight: 700
}

.tag-variant-three[data-v-dce132a1] {
    background-color: #ed9c55;
    color: #492708
}

.tag-variant-react[data-v-dce132a1] {
    background-color: #61dafb;
    color: #0f2e36
}

.tag-variant-websockets[data-v-dce132a1] {
    background-color: #2674a4;
    color: #fff
}

.tag-variant-redis[data-v-dce132a1] {
    background-color: #ce4036;
    color: #fff
}

.tag-variant-html[data-v-dce132a1],.tag-variant-css[data-v-dce132a1] {
    color: var(--color-text-400);
    border-color: var(--color-grayscale-400)
}

.tag-variant-javascript[data-v-dce132a1] {
    background-color: #ffdf4f;
    color: #362d03
}

.tag-variant-node[data-v-dce132a1] {
    background-color: #237d23;
    color: #fff
}

.tag-variant-kubernetes[data-v-dce132a1] {
    background-color: #326ce5;
    color: #fff
}

.tag-variant-postgresql[data-v-dce132a1] {
    background-color: #2f6c92;
    color: #fff
}

.tag-variant-ogl[data-v-dce132a1] {
    background-color: #0e5495;
    color: #fff
}

.tag-variant-glsl[data-v-dce132a1] {
    background-color: #95630e;
    color: #fff
}

.tag-variant-nocode[data-v-dce132a1] {
    background-color: #f5f5f0;
    color: #191c19
}

.tag-variant-process[data-v-dce132a1] {
    color: var(--color-text-400);
    border-color: var(--color-grayscale-400)
}

.tag-variant-scaling[data-v-dce132a1] {
    background-color: #ff5350;
    color: #fff
}

.project-hero[data-v-20ce1dd1] {
    padding: 0 var(--space-outer);
    padding-bottom: 48px;
    padding-top: calc(var(--height-header) + 24px)
}

@media (min-width: 840px) {
    .project-hero[data-v-20ce1dd1] {
        padding-bottom:64px
    }
}

.project-hero-button[data-v-20ce1dd1] {
    flex: .5
}

@media (min-width: 840px) {
    .project-hero-button[data-v-20ce1dd1] {
        width:fit-content
    }
}

.project-hero-buttons[data-v-20ce1dd1] {
    grid-row: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-sm);
    margin-top: var(--space-md);
    width: 100%;
    grid-column: 1/13
}

@media (min-width: 840px) {
    .project-hero-buttons[data-v-20ce1dd1] {
        gap:var(--space-md);
        width: fit-content;
        grid-column: 1/6;
        grid-row: 2;
        margin-top: 0
    }
}

@media (min-width: 1024px) {
    .project-hero-buttons[data-v-20ce1dd1] {
        grid-column:2/6
    }
}

.project-hero-video[data-v-20ce1dd1] {
    grid-column: 1/span 12;
    align-self: center
}

@media (min-width: 840px) {
    .project-hero-video[data-v-20ce1dd1] {
        grid-column:1/8
    }
}

@media (min-width: 1024px) {
    .project-hero-video[data-v-20ce1dd1] {
        grid-column:2/8
    }
}

.project-hero-tags[data-v-20ce1dd1] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm)
}

.project-hero-title[data-v-20ce1dd1] {
    font-size: var(--font-size-title-lg);
    color: var(--color-text-400);
    line-height: var(--line-height-title);
    transform: translateY(0);
    animation: project-hero-title-visible-20ce1dd1 .5s var(--ease-smooth)
}

.project-automatisation .project-hero-title[data-v-20ce1dd1] {
    font-size: var(--font-size-title-lg)
}

@media (min-width: 840px) {
    .project-hero-title[data-v-20ce1dd1] {
        font-size:var(--font-size-title-xl)
    }

    .project-automatisation .project-hero-title[data-v-20ce1dd1] {
        font-size:var(--font-size-title-lg)
    }
}

@keyframes project-hero-title-visible-20ce1dd1 {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

.project-hero-title-wrapper[data-v-20ce1dd1] {
    overflow: hidden
}

.project-hero-description[data-v-20ce1dd1] {
    color: var(--color-text-400);
    line-height: var(--line-height-copy);
    grid-column: 1/13;
    align-self: center
}

@media (min-width: 840px) {
    .project-hero-description[data-v-20ce1dd1] {
        grid-row:1;
        grid-column: 6/12
    }
}

@media (min-width: 1024px) {
    .project-hero-description[data-v-20ce1dd1] {
        grid-row:1;
        grid-column: 7/12
    }
}

@media (min-width: 1280px) {
    .project-hero-description[data-v-20ce1dd1] {
        grid-row:1;
        grid-column: 7/11
    }
}

.project-hero-top[data-v-20ce1dd1] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    grid-row: 1;
    align-self: top;
    grid-column: 1/13
}

@media (min-width: 840px) {
    .project-hero-top[data-v-20ce1dd1] {
        grid-column:1/6
    }
}

@media (min-width: 1024px) {
    .project-hero-top[data-v-20ce1dd1] {
        grid-column:2/6
    }
}

.imageText-image[data-v-a904da4a] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-row: 1;
    grid-column: 1/13
}

.imageText-image-content[data-v-a904da4a] {
    overflow: hidden;
    border-radius: var(--radius-lg)
}

.imageText-image-content-border[data-v-a904da4a] {
    border: var(--stroke-md) solid var(--color-grayscale-400)
}

@media (min-width: 840px) {
    .imageText-image-left[data-v-a904da4a] {
        grid-column:1/7
    }
}

@media (min-width: 1024px) {
    .imageText-image-left[data-v-a904da4a] {
        grid-column:2/7
    }
}

@media (min-width: 840px) {
    .imageText-image-right[data-v-a904da4a] {
        grid-column:7/13
    }
}

@media (min-width: 1024px) {
    .imageText-image-right[data-v-a904da4a] {
        grid-column:7/12
    }
}

.imageText-content[data-v-a904da4a] {
    width: 100%;
    min-height: 100%;
    display: flex;
    align-items: center;
    grid-row: 2;
    grid-column: 1/13
}

@media (min-width: 840px) {
    .imageText-content-left[data-v-a904da4a] {
        grid-column:1/7
    }
}

@media (min-width: 1024px) {
    .imageText-content-left[data-v-a904da4a] {
        grid-column:2/7
    }
}

@media (min-width: 840px) {
    .imageText-content-right[data-v-a904da4a] {
        grid-column:7/13
    }
}

@media (min-width: 1024px) {
    .imageText-content-right[data-v-a904da4a] {
        grid-column:7/11
    }
}

@media (min-width: 840px) {
    .imageText-content[data-v-a904da4a] {
        grid-row:1
    }
}

.text[data-v-75e798e2] {
    line-height: var(--line-height-copy);
    grid-column: 1/13
}

@media (min-width: 840px) {
    .text[data-v-75e798e2] {
        grid-column:3/11
    }
}

@media (min-width: 1024px) {
    .text[data-v-75e798e2] {
        grid-column:4/10
    }
}

.text-with-title[data-v-75e798e2] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md)
}

.text-title[data-v-75e798e2] {
    font-size: var(--font-size-title-sm);
    line-height: var(--line-height-title)
}

.list[data-v-19c34121] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    max-width: 100%;
    grid-column: 1/13
}

@media (min-width: 840px) {
    .list-size-sm[data-v-19c34121] {
        grid-column:4/10
    }
}

@media (min-width: 1024px) {
    .list-size-sm[data-v-19c34121] {
        grid-column:6/8
    }
}

@media (min-width: 840px) {
    .list-size-md[data-v-19c34121] {
        grid-column:3/11
    }
}

@media (min-width: 1024px) {
    .list-size-md[data-v-19c34121] {
        grid-column:4/10
    }
}

@media (min-width: 840px) {
    .list-size-lg[data-v-19c34121] {
        grid-column:3/11
    }
}

.list-title[data-v-19c34121] {
    font-size: var(--font-size-title-sm);
    line-height: var(--line-height-md)
}

.list-items[data-v-19c34121] {
    list-style-type: disc;
    padding-left: 1.4em
}

.list-item[data-v-19c34121] {
    padding: 6px 0
}

.project-media[data-v-c15b3709] {
    width: 100%;
    height: 100%;
    grid-column: 1/13;
    max-width: 900px;
    justify-self: center;
    position: relative;
    aspect-ratio: 16/9
}

@media (min-width: 840px) {
    .project-media[data-v-c15b3709] {
        grid-column:2/12
    }
}

@media (min-width: 1024px) {
    .project-media[data-v-c15b3709] {
        grid-column:3/11
    }
}

.project-media-caption[data-v-c15b3709] {
    position: absolute;
    bottom: -1px;
    right: -1px;
    background-color: var(--color-background-400);
    padding: var(--space-xxs) var(--space-sm);
    border-radius: var(--radius-md) 0 0 0
}

@media (min-width: 840px) {
    .project-media-caption[data-v-c15b3709] {
        padding:var(--space-xxs) var(--space-sm)
    }
}

@media (min-width: 1024px) {
    .project-media-caption[data-v-c15b3709] {
        padding:var(--space-xs) var(--space-md);
        border-radius: var(--radius-lg) 0 0 0
    }
}

.project-media-caption-notch[data-v-c15b3709] {
    position: absolute;
    color: var(--color-background-400);
    width: var(--radius-md)
}

@media (min-width: 840px) {
    .project-media-caption-notch[data-v-c15b3709] {
        width:var(--radius-lg)
    }
}

.project-media-caption-notch-left[data-v-c15b3709] {
    left: 0;
    bottom: 0;
    transform: translate(-100%) scale(-1) rotate(90deg)
}

.project-media-caption-notch-top[data-v-c15b3709] {
    top: 0;
    right: 0;
    transform: translateY(-100%) scale(-1) rotate(90deg)
}

.project-media-caption-copy[data-v-c15b3709] {
    font-size: var(--font-size-sm);
    font-weight: 700
}

@media (min-width: 840px) {
    .project-media-caption-copy[data-v-c15b3709] {
        font-size:var(--font-size-md)
    }
}

.project-media-image[data-v-c15b3709],.project-media-video[data-v-c15b3709] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.project-media-content[data-v-c15b3709] {
    overflow: hidden;
    border-radius: var(--radius-lg);
    background-color: var(--color-background-300);
    width: 100%;
    height: 100%
}

.next-project[data-v-8bbf308f] {
    border: var(--stroke-md) solid var(--color-grayscale-400);
    padding: var(--space-xxs);
    padding-right: var(--space-sm);
    border-radius: var(--radius-md);
    color: var(--color-text-400);
    transition: background-color .1s ease-in-out;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    justify-content: space-between;
    height: 64px
}

@media (min-width: 480px) {
    .next-project[data-v-8bbf308f] {
        height:80px
    }
}

@media (min-width: 840px) {
    .next-project[data-v-8bbf308f] {
        padding:var(--space-xs);
        padding-right: var(--space-md);
        height: 120px
    }
}

@media (min-width: 1024px) {
    .next-project[data-v-8bbf308f] {
        padding-right:var(--space-lg)
    }
}

.next-project-prefix[data-v-8bbf308f] {
    color: var(--color-text-300);
    white-space: nowrap
}

.next-project-content[data-v-8bbf308f] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: var(--space-sm);
    gap: var(--space-xxs)
}

@media (min-width: 840px) {
    .next-project-content[data-v-8bbf308f] {
        padding-left:var(--space-md)
    }
}

.next-project-title[data-v-8bbf308f] {
    font-size: var(--font-size-title-xxs);
    line-height: var(--line-height-title);
    font-weight: 700;
    color: var(--color-text-400)
}

@media (min-width: 840px) {
    .next-project-title[data-v-8bbf308f] {
        font-size:var(--font-size-title-xs)
    }
}

.next-project-arrow[data-v-8bbf308f] {
    width: var(--icon-size-md);
    color: var(--color-text-300)
}

.next-project-image[data-v-8bbf308f] {
    border-radius: var(--radius-sm);
    max-height: 100%;
    width: auto
}

@media (hover: hover) and (pointer: fine) {
    .next-project[data-v-8bbf308f]:hover {
        background-color:var(--color-grayscale-400)
    }
}

.project-content[data-v-4e0c7460] {
    color: var(--color-text-400)
}

.project-content-grid[data-v-4e0c7460] {
    row-gap: var(--space-sm)
}

@media (min-width: 840px) {
    .project-content-grid[data-v-4e0c7460] {
        row-gap:var(--space-xxl)
    }
}

.project-content-next-project[data-v-4e0c7460] {
    grid-column: 1/13
}

@media (min-width: 840px) {
    .project-content-next-project[data-v-4e0c7460] {
        grid-column:3/11
    }
}

@media (min-width: 1024px) {
    .project-content-next-project[data-v-4e0c7460] {
        grid-column:4/10
    }
}

@media (min-width: 1280px) {
    .project-content-next-project[data-v-4e0c7460] {
        grid-column:5/9
    }
}

.project-content-next-project-grid[data-v-4e0c7460] {
    padding: 0 var(--space-outer);
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xxxl)
}

.project-content-components[data-v-4e0c7460] {
    padding: 20px var(--space-outer);
    background-color: var(--color-background-400);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-xxl);
    gap: var(--space-xxl)
}

@media (min-width: 840px) {
    .project-content-components[data-v-4e0c7460] {
        padding:64px var(--space-outer)
    }
}

.project[data-v-9b880325] {
    min-height: calc(var(--lvh) * 100);
    background-color: var(--color-background-300);
    max-width: calc(var(--lvw) * 100);
    overflow: hidden
}

.project-content-wrapper[data-v-9b880325] {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 100%;
    opacity: 0;
    transition: opacity .4s ease-out
}

.project-content-wrapper-visible[data-v-9b880325] {
    opacity: 1
}

.project-footer[data-v-9b880325] {
    position: relative;
    margin-top: auto;
    color: var(--color-text-400)
}

.project[data-v-9b880325] ::selection {
    background: var(--color-accent-400);
    color: var(--color-accent-text-400);
    text-shadow: none
}

.project[data-v-9b880325] ::-moz-selection {
    background: var(--color-accent-400);
    color: var(--color-accent-text-400);
    text-shadow: none
}

.project-background[data-v-81fbff9c] {
    position: fixed;
    top: calc(var(--radius-xxl) * -1);
    left: 0;
    height: calc(100% + var(--radius-xxl));
    width: 100%;
    background-color: var(--color-background-300);
    z-index: calc(var(--z-index-project-background) - 3);
    pointer-events: none;
    transition: transform var(--transition-route-duration) var(--transition-route-ease);
    visibility: hidden;
    transform: translate3d(0,100%,0);
    border-radius: var(--radius-xxl) var(--radius-xxl) 0 0
}

.project-background-blend[data-v-81fbff9c] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: calc(var(--z-index-project-background) - 4);
    background-color: #152242;
    transition: opacity var(--transition-route-duration);
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

.project-background-blend-visible[data-v-81fbff9c] {
    opacity: .5
}

.project-background-blend-transitioning[data-v-81fbff9c] {
    visibility: visible
}

.project-background-visible[data-v-81fbff9c] {
    transform: translateZ(0)
}

.project-background-transitioning[data-v-81fbff9c] {
    visibility: visible
}

.home-wrapper-projectIsReady {
    visibility: hidden;
    position: fixed;
    inset: 0
}

.project-wrapper {
    position: fixed;
    inset: 0;
    overflow: hidden;
    z-index: var(--z-index-layout-project);
    visibility: hidden;
    pointer-events: none
}

.project-wrapper-visible {
    visibility: visible;
    pointer-events: auto;
    position: static
}

.project-content {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.project-110-chasse-immobiliere.project[data-v-9b880325],.project-110-chasse-immobiliere .project-background[data-v-81fbff9c] {
    background: radial-gradient(circle at 16% 0%, rgba(202, 225, 232, .16), transparent 32%),linear-gradient(145deg,#013d45 0%,#012d33 58%,#001f24 100%)
}

.project-110-chasse-immobiliere .project-background-blend[data-v-81fbff9c] {
    background-color: #013d45
}

.project-110-chasse-immobiliere .project-hero-title[data-v-20ce1dd1],.project-110-chasse-immobiliere .text-title[data-v-75e798e2],.project-110-chasse-immobiliere .list-title[data-v-19c34121] {
    color: #fff
}

.project-110-chasse-immobiliere .project-hero-title[data-v-20ce1dd1] {
    font-size: clamp(52px,6vw,96px);
    line-height: .98;
    overflow-wrap: normal;
    word-break: normal
}

@media (min-width: 1024px) {
    .project-110-chasse-immobiliere .project-hero-top[data-v-20ce1dd1] {
        grid-column: 1/7
    }

    .project-110-chasse-immobiliere .project-hero-description[data-v-20ce1dd1] {
        grid-column: 7/12
    }

    .project-110-chasse-immobiliere .project-hero-buttons[data-v-20ce1dd1] {
        grid-column: 1/7;
        width: fit-content;
        justify-content: flex-start
    }

    .project-110-chasse-immobiliere .project-hero-button[data-v-20ce1dd1] {
        flex: 0 0 auto;
        width: clamp(300px, 29vw, 320px)
    }

    .project-110-chasse-immobiliere .project-110-submit-jump[data-v-20ce1dd1] {
        width: clamp(170px, 15.5vw, 176px);
        margin-left: 0;
        transform: none
    }

    .project-110-chasse-immobiliere .project-hero-button[data-v-20ce1dd1] .button-wrapper[data-v-da7e50e4] {
        width: 100%;
        min-height: 44px
    }
}

.project-110-chasse-immobiliere .project-hero-description[data-v-20ce1dd1],.project-110-chasse-immobiliere .text[data-v-75e798e2],.project-110-chasse-immobiliere .list[data-v-19c34121] {
    color: #cae1e8
}

.project-110-anchor {
    display: block;
    scroll-margin-top: 96px
}

.project-110-switch-grid {
    margin-top: -18px;
    justify-items: center
}

.project-110-switch {
    grid-column: 1/13;
    display: flex;
    gap: 16px;
    width: min(100%, 1000px);
    justify-self: center
}

.project-110-switch-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    height: 44px;
    flex: 1;
    padding: 0 28px;
    border: 2px solid rgba(202,225,232,.32);
    border-radius: 999px;
    color: #fff;
    font-size: clamp(14px,1.45vw,18px);
    font-weight: 800;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    transition: background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease
}

.project-110-switch-button-active,.project-110-switch-button:hover {
    border-color: transparent;
    background: linear-gradient(90deg,#eef2f7 0%,#cae1e8 44%,#4a5d7c 100%);
    color: #061018
}

.project-110-chasse-immobiliere .project-110-pro-block {
    display: none
}

.project-110-chasse-immobiliere.project-110-mode-pro .project-110-client-block {
    display: none
}

.project-110-chasse-immobiliere.project-110-mode-pro .project-110-pro-block {
    display: grid
}

.project-110-form {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 22px
}

.project-110-form-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px
}

.project-110-agency-field {
    display: none
}

.project-110-chasse-immobiliere.project-110-mode-pro .project-110-agency-field {
    display: block
}

.project-110-form input,.project-110-form select,.project-110-form textarea {
    width: 100%;
    min-height: 58px;
    border: 2px solid rgba(202,225,232,.28);
    border-radius: 12px;
    background-color: rgba(0,0,0,.18);
    color: #fff;
    font: inherit;
    font-size: 18px;
    line-height: 1.25;
    padding: 0 18px;
    outline: none;
    transition: border-color .18s ease,background-color .18s ease
}

.project-110-form textarea {
    min-height: 160px;
    padding-top: 18px;
    resize: vertical
}

.project-110-form input::placeholder,.project-110-form textarea::placeholder {
    color: rgba(202,225,232,.68)
}

.project-110-form select {
    appearance: auto
}

.project-110-form input:focus,.project-110-form select:focus,.project-110-form textarea:focus {
    border-color: #cae1e8;
    background-color: rgba(0,0,0,.26)
}

.project-110-form-submit {
    width: fit-content;
    min-width: 180px;
    min-height: 64px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(90deg,#eef2f7 0%,#cae1e8 44%,#4a5d7c 100%);
    color: #061018;
    cursor: pointer;
    font: inherit;
    font-size: 20px;
    font-weight: 800;
    padding: 0 36px
}

.project-110-form-submit:disabled {
    cursor: wait;
    opacity: .7
}

.project-110-form-status {
    color: rgba(202,225,232,.82);
    font-size: 16px;
    line-height: 1.35;
    margin: -6px 0 0
}

.project-110-form-status-error {
    color: #fecaca
}

@media (min-width: 840px) {
    .project-110-form-grid {
        grid-template-columns:1fr 1fr;
        gap: 20px
    }

    .project-110-form-wide {
        grid-column: 1/-1
    }
}

@media (max-width: 520px) {
    .project-110-form-submit {
        width:100%
    }
}

@media (min-width: 840px) {
    .project-110-switch {
        grid-column:3/11
    }
}

@media (min-width: 1024px) {
    .project-110-switch {
        grid-column:4/10
    }
}

@media (max-width: 520px) {
    .project-110-switch {
        gap:10px
    }

    .project-110-switch-button {
        min-height: 44px;
        height: 44px;
        padding: 0 14px
    }
}

.project-110-chasse-immobiliere .text[data-v-75e798e2],.project-110-chasse-immobiliere .list[data-v-19c34121] {
    padding: clamp(24px,4vw,44px);
    border: 1px solid rgba(202, 225, 232, .22);
    border-radius: 28px;
    background: linear-gradient(145deg,rgba(202,225,232,.12),rgba(1,45,51,.18));
    box-shadow: inset 0 1px rgba(255,255,255,.08)
}

.project-110-chasse-immobiliere .text-title[data-v-75e798e2],.project-110-chasse-immobiliere .list-title[data-v-19c34121] {
    color: #fff;
    font-size: clamp(28px,4vw,44px)
}

.project-110-chasse-immobiliere .list-items[data-v-19c34121] {
    padding-left: 1.1em
}

.project-110-chasse-immobiliere .list-item[data-v-19c34121] {
    padding: 10px 0
}

.project-110-chasse-immobiliere .button-wrapper-accent[data-v-da7e50e4] {
    background-color: #cae1e8;
    color: #013d45
}

.project-110-chasse-immobiliere .button-wrapper-border[data-v-da7e50e4],.project-110-chasse-immobiliere .button-wrapper-theme[data-v-da7e50e4] {
    border-color: rgba(202, 225, 232, .48);
    background-color: rgba(202, 225, 232, .08);
    color: #fff
}

.project-110-submit-jump {
    border: 0;
    background: transparent;
    cursor: pointer;
    padding: 0
}

@media (max-width: 839px) {
    .project-110-chasse-immobiliere .project-hero-buttons[data-v-20ce1dd1] {
        flex-direction:column;
        align-items: stretch
    }

    .project-110-chasse-immobiliere .project-hero-button[data-v-20ce1dd1] {
        width: 100%;
        flex: none
    }

    .project-110-chasse-immobiliere .project-hero-button[data-v-20ce1dd1] .button-wrapper[data-v-da7e50e4] {
        width: 100%;
        white-space: normal;
        line-height: 1.15;
        padding-left: 18px;
        padding-right: 18px
    }
}

.project-110-chasse-immobiliere .tag[data-v-dce132a1] {
    border-color: rgba(202, 225, 232, .42);
    background-color: rgba(202, 225, 232, .12);
    color: #fff
}

.project-110-chasse-immobiliere .tag-variant-three[data-v-dce132a1],.project-110-chasse-immobiliere .tag-variant-node[data-v-dce132a1] {
    background-color: #cae1e8;
    color: #013d45
}

.project-110-chasse-immobiliere .tag-variant-websockets[data-v-dce132a1],.project-110-chasse-immobiliere .tag-variant-kubernetes[data-v-dce132a1] {
    background-color: #fff;
    color: #013d45
}

@media (hover: hover) and (pointer: fine) {
    .project-110-chasse-immobiliere .button-wrapper-accent[data-v-da7e50e4]:hover,.project-110-chasse-immobiliere .button-wrapper-border[data-v-da7e50e4]:hover,.project-110-chasse-immobiliere .button-wrapper-theme[data-v-da7e50e4]:hover {
        background-color:#fff;
        border-color: #fff;
        color: #013d45
    }
}

.project-automatisation.project[data-v-9b880325],.project-automatisation .project-background[data-v-81fbff9c] {
    background: radial-gradient(circle at 18% 18%, rgba(34,197,94,.2), transparent 28%),radial-gradient(circle at 82% 16%, rgba(37,99,235,.2), transparent 30%),radial-gradient(circle at 72% 72%, rgba(34,211,238,.12), transparent 32%),linear-gradient(145deg,#0b0f0d 0%,#0e1713 52%,#09110f 100%)
}

.project-automatisation.project[data-v-9b880325]:before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    opacity: .16;
    background-image: linear-gradient(rgba(148,163,184,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.18) 1px,transparent 1px);
    background-size: 72px 72px;
    mask-image: linear-gradient(to bottom,transparent 0%,#000 12%,#000 68%,transparent 100%)
}

.project-automatisation .project-background-blend[data-v-81fbff9c] {
    background-color: #0b0f0d
}

.project-automatisation .project-hero-title[data-v-20ce1dd1],.project-automatisation .text-title[data-v-75e798e2],.project-automatisation .list-title[data-v-19c34121] {
    color: #f8fafc
}

.project-automatisation .project-hero-title[data-v-20ce1dd1] {
    max-width: 680px;
    font-size: clamp(48px,5.6vw,84px);
    line-height: .95;
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
    text-shadow: 0 0 44px rgba(34,211,238,.16)
}

.project-automatisation .project-hero-description[data-v-20ce1dd1] {
    color: #dbeafe;
    font-weight: 650
}

.project-automatisation .project-hero[data-v-20ce1dd1]:after {
    content: "Lead reçu\a   ↓\aCRM synchronisé  →  IA qualification\a   ↓                  ↓\aEmail préparé   →  Notification équipe\a\aMake · n8n · Zapier · Notion · Sheets · OpenAI";
    display: none;
    white-space: pre-line
}

@media (min-width: 840px) {
    .project-automatisation .project-hero-top[data-v-20ce1dd1] {
        grid-column:1/7
    }

    .project-automatisation .project-hero-description[data-v-20ce1dd1] {
        grid-column: 1/7;
        grid-row: 2
    }

    .project-automatisation .project-hero-buttons[data-v-20ce1dd1] {
        grid-column: 1/7;
        grid-row: 3
    }

    .project-automatisation .project-hero[data-v-20ce1dd1]:after {
        display: block;
        grid-column: 7/12;
        grid-row: 1/4;
        align-self: center;
        padding: 34px;
        border: 1px solid rgba(255,255,255,.08);
        border-radius: 32px;
        background: linear-gradient(145deg,rgba(18,24,21,.96),rgba(11,15,13,.88));
        color: #f8fafc;
        font-size: clamp(13px,1vw,16px);
        font-weight: 850;
        line-height: 1.85;
        box-shadow: 0 28px 90px rgba(0,0,0,.34),0 0 70px rgba(34,197,94,.12),inset 0 1px rgba(255,255,255,.08)
    }
}

.project-automatisation .tag[data-v-dce132a1] {
    border-color: rgba(255,255,255,.08);
    background-color: rgba(18,24,21,.82);
    color: #f8fafc;
    box-shadow: 0 0 24px rgba(34,211,238,.08)
}

.project-automatisation .tag-variant-ogl[data-v-dce132a1] {
    background-color: #22c55e;
    color: #07110b
}

.project-automatisation .tag-variant-glsl[data-v-dce132a1] {
    background-color: #2563eb;
    color: #f8fafc
}

.project-automatisation .tag-variant-nocode[data-v-dce132a1] {
    background-color: rgba(34,211,238,.16);
    color: #a5f3fc;
    border-color: rgba(34,211,238,.34)
}

.project-automatisation .tag-variant-process[data-v-dce132a1] {
    background-color: rgba(248,250,252,.06);
    color: #dbeafe;
    border-color: rgba(148,163,184,.22)
}

.project-automatisation .button-wrapper-accent[data-v-da7e50e4] {
    background-color: #22c55e;
    color: #fff;
    box-shadow: 0 0 44px rgba(34,197,94,.28)
}

.project-automatisation .button-wrapper-border[data-v-da7e50e4],.project-automatisation .button-wrapper-theme[data-v-da7e50e4] {
    border-color: rgba(34,197,94,.6);
    background-color: rgba(18,24,21,.72);
    color: #22c55e
}

.project-automatisation .text[data-v-75e798e2],.project-automatisation .list[data-v-19c34121] {
    position: relative;
    padding: clamp(24px,4vw,44px);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: clamp(28px,3vw,40px);
    background: linear-gradient(145deg,rgba(18,24,21,.98),rgba(13,19,16,.96));
    box-shadow: 0 20px 70px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.06);
    color: #cbd5e1;
    overflow: hidden
}

.project-automatisation .text[data-v-75e798e2]:before,.project-automatisation .list[data-v-19c34121]:before {
    content: "";
    position: absolute;
    inset: -1px;
    pointer-events: none;
    border-radius: inherit;
    background: radial-gradient(circle at 90% 0%,rgba(34,211,238,.18),transparent 34%),radial-gradient(circle at 0% 100%,rgba(34,197,94,.16),transparent 30%);
    opacity: .72
}

.project-automatisation .text-title[data-v-75e798e2],.project-automatisation .list-title[data-v-19c34121] {
    position: relative;
    z-index: 1;
    font-size: clamp(28px,4vw,44px)
}

.project-automatisation .text[data-v-75e798e2] > *,.project-automatisation .list[data-v-19c34121] > * {
    position: relative;
    z-index: 1
}

.project-automatisation .list-items[data-v-19c34121] {
    padding-left: 0;
    list-style: none
}

.project-automatisation .list-item[data-v-19c34121] {
    position: relative;
    padding: 12px 0 12px 30px;
    border-bottom: 1px solid rgba(255,255,255,.06)
}

.project-automatisation .list-item[data-v-19c34121]:last-child {
    border-bottom: 0
}

.project-automatisation .list-item[data-v-19c34121]:before {
    content: "";
    position: absolute;
    top: 21px;
    left: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #22d3ee;
    box-shadow: 0 0 18px rgba(34,211,238,.7)
}

.automation-form {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 22px;
    margin-top: 24px
}

.automation-form-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px
}

.automation-form input,.automation-form select,.automation-form textarea {
    width: 100%;
    min-height: 58px;
    border: 1px solid rgba(34,211,238,.24);
    border-radius: 14px;
    background: rgba(11,15,13,.72);
    color: #f8fafc;
    font: inherit;
    font-size: 18px;
    line-height: 1.25;
    outline: none;
    padding: 0 18px;
    transition: border-color .18s ease,box-shadow .18s ease,background-color .18s ease
}

.automation-form textarea {
    min-height: 130px;
    padding-top: 18px;
    resize: vertical
}

.automation-form input::placeholder,.automation-form textarea::placeholder {
    color: rgba(148,163,184,.86)
}

.automation-form input:focus,.automation-form select:focus,.automation-form textarea:focus {
    border-color: #22d3ee;
    background: rgba(11,15,13,.88);
    box-shadow: 0 0 0 3px rgba(34,211,238,.12)
}

.automation-form-submit {
    width: fit-content;
    min-width: 220px;
    min-height: 58px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(90deg,#22c55e,#22d3ee);
    color: #061018;
    cursor: pointer;
    font: inherit;
    font-size: 18px;
    font-weight: 900;
    padding: 0 30px;
    text-transform: uppercase
}

.automation-form-submit:disabled {
    cursor: wait;
    opacity: .7
}

.automation-form-status {
    color: rgba(203,213,225,.9);
    font-size: 16px;
    line-height: 1.35;
    margin: -4px 0 0
}

.automation-form-status-error {
    color: #fecaca
}

.automation-form-submit,.project-110-form-submit {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    isolation: isolate;
    transition: transform .18s ease,background .24s ease,box-shadow .24s ease,border-color .24s ease,color .24s ease
}

.automation-form-submit .submit-anim-label,.project-110-form-submit .submit-anim-label {
    position: relative;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: opacity .22s ease,transform .22s ease
}

.automation-form-submit .submit-anim-stage,.project-110-form-submit .submit-anim-stage {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    opacity: 0
}

.automation-form-submit.submit-anim-running,.project-110-form-submit.submit-anim-running {
    transform: scale(.985)
}

.automation-form-submit.submit-anim-success .submit-anim-label,.project-110-form-submit.submit-anim-success .submit-anim-label {
    animation: submit-success-label 1.18s ease both
}

.automation-form-submit.submit-anim-success .submit-anim-stage,.project-110-form-submit.submit-anim-success .submit-anim-stage {
    opacity: 1
}

.automation-form-submit.submit-anim-error,.project-110-form-submit.submit-anim-error {
    animation: submit-error-bump .28s ease
}

.automation-form-submit[data-submit-kind=automation].submit-anim-success {
    background: #22c55e;
    color: #052e16;
    box-shadow: 0 0 42px rgba(34,197,94,.42);
    border-color: rgba(34,197,94,.35)
}

.automation-form-submit[data-submit-kind=automation].submit-anim-success .submit-anim-stage:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 34px;
    height: 24px;
    border-radius: 4px;
    background: #f8fafc;
    box-shadow: 0 0 0 1px rgba(248,250,252,.55),0 8px 22px rgba(2,6,23,.24);
    transform: translate(-50%,-50%) scale(.2);
    animation: automation-sheet-fold 1.12s ease both
}

.automation-form-submit[data-submit-kind=automation].submit-anim-success .submit-anim-stage:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36px;
    height: 28px;
    background: linear-gradient(135deg,#fff 0 48%,#dbeafe 49% 100%);
    clip-path: polygon(0 0,100% 50%,0 100%,22% 52%);
    filter: drop-shadow(0 8px 16px rgba(2,6,23,.32));
    transform: translate(-50%,-50%) scale(.2) rotate(-8deg);
    opacity: 0;
    animation: automation-plane-fly 1.12s ease both
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success {
    background: #2563eb;
    color: #ffffff;
    border-color: rgba(96,165,250,.55);
    box-shadow: 0 0 48px rgba(37,99,235,.34),0 0 22px rgba(34,211,238,.22)
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .submit-anim-label {
    animation: submit-success-label 3.6s ease both
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .submit-anim-stage {
    inset: 0;
    overflow: hidden
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-progress {
    position: absolute;
    left: 8%;
    top: 7px;
    width: 78%;
    height: 5px;
    border-radius: 999px;
    background: linear-gradient(90deg,#22d3ee,#2563eb);
    transform: scaleX(0);
    transform-origin: 0 50%;
    animation: scalex-drone-progress 3.6s ease both
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-package {
    position: absolute;
    left: 38px;
    top: 50%;
    width: 16px;
    height: 20px;
    margin-top: -10px;
    background: #22d3ee;
    clip-path: polygon(0 0,100% 0,82% 100%,18% 100%);
    box-shadow: 0 0 0 2px #ffffff,0 8px 18px rgba(2,6,23,.3);
    animation: scalex-drone-package 3.6s ease both
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-drone {
    position: absolute;
    left: 18px;
    top: -16px;
    width: 68px;
    height: 56px;
    fill: none;
    stroke: #020617;
    stroke-width: 2px;
    stroke-linejoin: round;
    filter: drop-shadow(0 10px 18px rgba(2,6,23,.28));
    transform-origin: 50% 100%;
    animation: scalex-drone-flight 3.6s ease both
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-drone-leaving {
    animation: scalex-drone-leaving 3.6s ease both
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-drone-arm {
    transform-origin: 68px 56px;
    animation: scalex-drone-grab 3.6s ease both
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-drone-arm--2 {
    transform: scaleX(-1);
    animation-name: scalex-drone-grab-2
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-drone-body,.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-drone-rotor {
    fill: #ffffff
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-drone-prop,.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-drone-cargo {
    fill: #22d3ee
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-check {
    position: absolute;
    left: 39px;
    top: 50%;
    width: 38px;
    height: 38px;
    margin-top: -19px;
    border-radius: 999px;
    border: 2px solid #ffffff;
    background: #22c55e;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    font-weight: 900;
    opacity: 0;
    transform: scale(.7);
    animation: scalex-drone-check 3.6s ease both
}

.project-110-form-submit[data-submit-kind=property].submit-anim-success {
    background: linear-gradient(90deg,#f9f6f0 0%,#d6b879 48%,#b99250 100%);
    color: #111827;
    box-shadow: 0 0 38px rgba(214,184,121,.34)
}

.project-110-form-submit[data-submit-kind=property].submit-anim-success .submit-anim-stage:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 34px;
    height: 28px;
    border: 3px solid #111827;
    border-top: 0;
    border-radius: 3px 3px 5px 5px;
    background: linear-gradient(180deg,#f9f6f0,#d6b879);
    clip-path: polygon(0 38%,50% 0,100% 38%,100% 100%,0 100%);
    transform: translate(-50%,-50%) scale(.2);
    animation: property-build-scan 1.12s ease both
}

.project-110-form-submit[data-submit-kind=property].submit-anim-success .submit-anim-stage:after {
    content: "✓";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background: #22c55e;
    color: #f9f6f0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 900;
    opacity: 0;
    transform: translate(-50%,-50%) scale(.4);
    animation: property-check-launch 1.12s ease both
}

@keyframes submit-success-label {
    0%,72% {
        opacity: 0;
        transform: translateY(8px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes submit-error-bump {
    0%,to {
        transform: translateX(0)
    }

    35% {
        transform: translateX(-4px)
    }

    70% {
        transform: translateX(4px)
    }
}

@keyframes automation-sheet-fold {
    0% {
        opacity: 0;
        transform: translate(-50%,-50%) scale(.2) rotate(0)
    }

    22% {
        opacity: 1;
        transform: translate(-50%,-50%) scale(1) rotate(0)
    }

    46% {
        opacity: 1;
        transform: translate(-50%,-50%) scale(.82) rotate(8deg) skewX(-18deg)
    }

    60%,to {
        opacity: 0;
        transform: translate(-50%,-50%) scale(.72) rotate(10deg) skewX(-24deg)
    }
}

@keyframes automation-plane-fly {
    0%,45% {
        opacity: 0;
        transform: translate(-50%,-50%) scale(.35) rotate(-8deg)
    }

    62% {
        opacity: 1;
        transform: translate(-50%,-50%) scale(1) rotate(-8deg)
    }

    to {
        opacity: 0;
        transform: translate(86px,-88px) scale(.74) rotate(18deg)
    }
}

@keyframes scalex-drone-progress {
    0%,24% {
        opacity: 1;
        transform: scaleX(0)
    }

    68% {
        opacity: 1;
        transform: scaleX(1)
    }

    to {
        opacity: 0;
        transform: scaleX(1)
    }
}

@keyframes scalex-drone-package {
    0%,20% {
        opacity: 1;
        transform: translateY(0) scale(1)
    }

    34%,58% {
        opacity: 1;
        transform: translateY(-55px) scale(.9)
    }

    72%,to {
        opacity: 0;
        transform: translate(178px,-72px) scale(.5)
    }
}

@keyframes scalex-drone-flight {
    0%,16% {
        opacity: 0;
        transform: translate(0,18px) scale(.82) rotate(0)
    }

    26%,42% {
        opacity: 1;
        transform: translate(0,-52px) scale(1) rotate(0)
    }

    62% {
        opacity: 1;
        transform: translate(168px,-52px) scale(1) rotate(8deg)
    }

    78% {
        opacity: 1;
        transform: translate(206px,-28px) scale(.92) rotate(-4deg)
    }

    to {
        opacity: 0;
        transform: translate(286px,-132px) scale(.46) rotate(18deg)
    }
}

@keyframes scalex-drone-leaving {
    0%,76% {
        opacity: 0;
        transform: translate(0,0) scale(1)
    }

    82% {
        opacity: 1;
        transform: translate(0,0) scale(1)
    }

    to {
        opacity: 0;
        transform: translate(88px,-88px) rotate(18deg) scale(.42)
    }
}

@keyframes scalex-drone-grab {
    0%,42% {
        transform: rotate(0)
    }

    52%,to {
        transform: rotate(25deg)
    }
}

@keyframes scalex-drone-grab-2 {
    0%,42% {
        transform: scaleX(-1) rotate(0)
    }

    52%,to {
        transform: scaleX(-1) rotate(25deg)
    }
}

@keyframes scalex-drone-check {
    0%,72% {
        opacity: 0;
        transform: scale(.7)
    }

    82%,to {
        opacity: 1;
        transform: scale(1)
    }
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success {
    width: min(300px,100%);
    min-height: 64px;
    padding: 0;
    overflow: visible;
    background: #2563eb;
    border-color: rgba(96,165,250,.62);
    box-shadow: 0 0 48px rgba(37,99,235,.38),0 0 24px rgba(34,211,238,.2);
    color: #fff
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .submit-anim-label {
    opacity: 0;
    animation: none
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .submit-anim-stage {
    inset: 0;
    overflow: visible;
    opacity: 1;
    z-index: 4
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo {
    position: absolute;
    inset: 0;
    display: block;
    height: 64px;
    padding-left: 70px;
    padding-right: 15px;
    border-radius: 999px;
    background: #2563eb;
    cursor: inherit;
    transition: background-color 1s 4.6s;
    overflow: visible
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo:before,.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo:after {
    content: "";
    position: absolute;
    left: 5%;
    bottom: 100%;
    width: 14%;
    height: 6px;
    border-radius: 999px;
    background: #22d3ee;
    transform: scaleX(0);
    transform-origin: 0 100%;
    transition: transform .6s 1.4s,background-color 1s 4.6s
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo:after {
    left: 19%;
    width: 66%;
    transition: transform 2.4169014085s 2.4s,background-color 1s 4.6s
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing:before,.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing:after {
    transform: scaleX(1);
    background-color: #22d3ee
}

.scalex-demo svg {
    overflow: visible;
    fill: none;
    stroke-linejoin: round
}

.scalex-demo__drone-cont {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.scalex-demo__drone-cont--takeoff {
    z-index: 3;
    opacity: 0;
    transform: translateY(0);
    transition: transform .8s 1.2s,opacity .2s 1.2s
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__drone-cont--takeoff {
    opacity: 1;
    transform: translateY(-70px)
}

.scalex-demo__drone-cont--shift-x {
    transition: transform 2.6s 2.4s
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__drone-cont--shift-x {
    transform: translateX(213px)
}

.scalex-demo__drone-cont--landing {
    transition: transform .3s 5s
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__drone-cont--landing {
    transform: translateY(24px)
}

.scalex-demo__drone {
    position: absolute;
    left: 16px;
    top: -12px;
    width: 68px;
    height: 56px;
    stroke: #020617;
    stroke-width: 2px;
    fill: none;
    filter: drop-shadow(0 12px 20px rgba(2,6,23,.32))
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__drone {
    transform-origin: 50% 100%;
    animation: scalex-demo-tilt 3.8s 1.2s
}

.scalex-demo__drone-leaving {
    transition: transform 1.1s 5.5s,opacity .55s 6.05s
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__drone-leaving {
    transform: translate(150px,-150px) rotate(20deg) scale(.3);
    opacity: 0
}

.scalex-demo__drone-arm {
    --rotation: 0deg;
    transform-origin: 68px 56px;
    transform: rotate(var(--rotation));
    transition: transform .3s 5.2s
}

.scalex-demo__drone-arm--2 {
    transform: scaleX(-1) rotate(var(--rotation))
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__drone-arm {
    --rotation: 25deg
}

.scalex-demo__drone-green {
    fill: #22d3ee;
    transition: fill 1s 4.6s
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__drone-green {
    fill: #22c55e
}

.scalex-demo__drone-yellow {
    fill: #fbbf24
}

.scalex-demo__drone-package {
    stroke-width: 4px
}

.scalex-demo__circle {
    position: absolute;
    left: 30px;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    border-radius: 50%;
    background: #22d3ee;
    transition: background-color 1s 4.6s
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__circle {
    background-color: #22c55e
}

.scalex-demo__circle-inner {
    overflow: hidden;
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: inherit
}

.scalex-demo__circle-package {
    width: 14px;
    height: 18px;
    stroke: #fff;
    stroke-width: 3px;
    stroke-linecap: round;
    transition: transform .8s 1.2s
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__circle-package {
    transform: translateY(-70px)
}

.scalex-demo__circle-grabbers {
    --grabY: 0px;
    --grabRotate: 0;
    position: absolute;
    inset: 0
}

.scalex-demo__circle-grabbers:before,.scalex-demo__circle-grabbers:after {
    content: "";
    position: absolute;
    right: 5px;
    top: -12px;
    width: 14px;
    height: 8px;
    border: 2px solid #020617;
    border-left: none;
    border-bottom: none;
    transform: translateY(var(--grabY)) rotate(var(--grabRotate));
    transition: transform .8s
}

.scalex-demo__circle-grabbers:before {
    right: auto;
    left: 5px;
    transform: translateY(var(--grabY)) scaleX(-1) rotate(var(--grabRotate))
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__circle-grabbers {
    animation: scalex-demo-grab 2s forwards
}

.scalex-demo__circle-progress {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    stroke: #fff;
    stroke-width: 2px
}

.scalex-demo__circle-progress-line {
    stroke-dasharray: 125.6813812256,125.6813812256;
    stroke-dashoffset: 125.6813812256;
    transition: all .5s 4.9s
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__circle-progress-line {
    stroke-dashoffset: 0
}

.scalex-demo__circle-progress-checkmark {
    stroke-dasharray: 21.2132034302,21.2132034302;
    stroke-dashoffset: 21.2132034302;
    transition: all .5s 4.9s
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__circle-progress-checkmark {
    stroke-dashoffset: 0
}

.scalex-demo__text-fields {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase
}

.scalex-demo__text {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: translateY(20px);
    will-change: opacity,transform;
    pointer-events: none
}

.scalex-demo__text--step-0 {
    opacity: 1;
    transform: translateY(0)
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__text {
    transition: all .4s
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__text--step-0 {
    opacity: 0;
    transform: translateY(-20px)
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__text--step-1 {
    animation: scalex-demo-text 2s 0s
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__text--step-2 {
    animation: scalex-demo-text 2s 1.6s
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__text--step-3 {
    animation: scalex-demo-text 2s 3.2s
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__text--step-4 {
    transition-delay: 4.8s;
    transform: translateY(0);
    opacity: 1
}

.scalex-demo__text-dots {
    letter-spacing: -.5px;
    font-size: 26px
}

.scalex-demo__text-dots span {
    opacity: 0;
    animation: scalex-demo-dot 1.2s .4s infinite
}

.scalex-demo__text-dots:before,.scalex-demo__text-dots:after {
    content: ".";
    opacity: 0
}

.scalex-demo__text-dots:before {
    animation: scalex-demo-dot 1.2s infinite
}

.scalex-demo__text-dots:after {
    animation: scalex-demo-dot 1.2s .8s infinite
}

@keyframes scalex-demo-tilt {
    8%,24% {
        transform: rotate(0)
    }

    35%,70% {
        transform: rotate(8deg)
    }

    85% {
        transform: rotate(-4deg)
    }

    95%,to {
        transform: rotate(0)
    }
}

@keyframes scalex-demo-grab {
    40%,59.999% {
        --grabY: 15px;
        --grabRotate: 55deg
    }

    60%,to {
        --grabY: -55px;
        --grabRotate: 55deg
    }
}

@keyframes scalex-demo-text {
    20%,80% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-20px)
    }
}

@keyframes scalex-demo-dot {
    10%,90% {
        opacity: 0
    }

    40%,60% {
        opacity: 1
    }
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo:not(.s--processing):before,.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo:not(.s--processing):after {
    transform: scaleX(0)
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo:not(.s--processing) .scalex-demo__drone-cont--takeoff {
    opacity: 0;
    transform: translateY(0)
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo:not(.s--processing) .scalex-demo__drone-cont--shift-x,.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo:not(.s--processing) .scalex-demo__drone-cont--landing {
    transform: translate(0)
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo:not(.s--processing) .scalex-demo__drone,.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo:not(.s--processing) .scalex-demo__circle-grabbers,.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo:not(.s--processing) .scalex-demo__text--step-1,.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo:not(.s--processing) .scalex-demo__text--step-2,.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo:not(.s--processing) .scalex-demo__text--step-3 {
    animation: none
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo:not(.s--processing) .scalex-demo__drone-leaving {
    opacity: 1;
    transform: none
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo:not(.s--processing) .scalex-demo__drone-arm {
    --rotation: 0deg
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo:not(.s--processing) .scalex-demo__drone-green {
    fill: #22d3ee
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo:not(.s--processing) .scalex-demo__circle {
    background-color: #22d3ee
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo:not(.s--processing) .scalex-demo__circle-package {
    transform: translateY(0)
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo:not(.s--processing) .scalex-demo__circle-progress-line {
    stroke-dashoffset: 125.6813812256
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo:not(.s--processing) .scalex-demo__circle-progress-checkmark {
    stroke-dashoffset: 21.2132034302
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo:not(.s--processing) .scalex-demo__text--step-0 {
    opacity: 1;
    transform: translateY(0)
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo:not(.s--processing) .scalex-demo__text--step-4 {
    opacity: 0;
    transform: translateY(20px)
}

@keyframes property-build-scan {
    0% {
        opacity: 0;
        transform: translate(-50%,-50%) scale(.2)
    }

    28% {
        opacity: 1;
        transform: translate(-50%,-50%) scale(1)
    }

    52% {
        opacity: 1;
        box-shadow: inset 0 18px 0 rgba(214,184,121,.65),0 0 18px rgba(214,184,121,.42);
        transform: translate(-50%,-50%) scale(1.02)
    }

    72%,to {
        opacity: 0;
        transform: translate(56px,-48px) scale(.72)
    }
}

@keyframes property-check-launch {
    0%,52% {
        opacity: 0;
        transform: translate(-50%,-50%) scale(.4)
    }

    70% {
        opacity: 1;
        transform: translate(-50%,-50%) scale(1)
    }

    to {
        opacity: 0;
        transform: translate(62px,-54px) scale(.76)
    }
}

@media (min-width: 840px) {
    .automation-form-grid {
        grid-template-columns:1fr 1fr
    }

    .automation-form-wide {
        grid-column: 1/-1
    }
}

@media (max-width: 520px) {
    .automation-form-submit {
        width:100%
    }
}

@media (hover: hover) and (pointer: fine) {
    .project-automatisation .button-wrapper-accent[data-v-da7e50e4]:hover {
        background-color:#4ade80;
        color: #07110b
    }

    .project-automatisation .button-wrapper-border[data-v-da7e50e4]:hover,.project-automatisation .button-wrapper-theme[data-v-da7e50e4]:hover {
        background-color:#22c55e;
        border-color: #22c55e;
        color: #fff
    }

    .project-automatisation .text[data-v-75e798e2]:hover,.project-automatisation .list[data-v-19c34121]:hover {
        border-color: rgba(34,211,238,.18);
        box-shadow: 0 24px 80px rgba(0,0,0,.28),0 0 54px rgba(34,197,94,.1),inset 0 1px rgba(255,255,255,.08)
    }
}

@media (max-width: 520px) {
    .project-automatisation .project-hero-title[data-v-20ce1dd1] {
        font-size: clamp(40px,12vw,54px)
    }
}

.project-scalex.project[data-v-9b880325],.project-scalex .project-background[data-v-81fbff9c] {
    background: radial-gradient(circle at 16% 12%, rgba(37,99,235,.24), transparent 30%),radial-gradient(circle at 84% 18%, rgba(34,211,238,.18), transparent 28%),radial-gradient(circle at 70% 76%, rgba(37,99,235,.16), transparent 36%),linear-gradient(145deg,#0b0f14 0%,#07111f 54%,#0b0f14 100%)
}

.project-scalex.project[data-v-9b880325]:before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    opacity: .14;
    background-image: linear-gradient(rgba(34,211,238,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.14) 1px,transparent 1px);
    background-size: 80px 80px;
    mask-image: radial-gradient(circle at 50% 16%,#000 0%,transparent 70%)
}

.project-scalex .project-background-blend[data-v-81fbff9c] {
    background-color: #0b0f14
}

.project-scalex .project-hero-title[data-v-20ce1dd1],.project-scalex .text-title[data-v-75e798e2],.project-scalex .list-title[data-v-19c34121] {
    color: #f8fafc
}

.project-scalex .project-hero-title[data-v-20ce1dd1] {
    max-width: 660px;
    font-size: clamp(54px,6vw,92px);
    line-height: .92;
    letter-spacing: 0;
    text-shadow: 0 0 48px rgba(34,211,238,.16)
}

.project-scalex .project-hero-description[data-v-20ce1dd1] {
    color: #cbd5e1;
    font-weight: 650
}

.project-scalex .project-hero[data-v-20ce1dd1]:after {
    content: "SCALX\a\aStratégie        Acquisition        Scaling\a\aObjectifs                 +42%\aConversion                x1.8\aRoadmap                   90 jours\a\aCroissance pilotée";
    display: none;
    white-space: pre-line
}

@media (min-width: 840px) {
    .project-scalex .project-hero-top[data-v-20ce1dd1] {
        grid-column:1/7
    }

    .project-scalex .project-hero-description[data-v-20ce1dd1] {
        grid-column: 1/7;
        grid-row: 2
    }

    .project-scalex .project-hero-buttons[data-v-20ce1dd1] {
        grid-column: 1/7;
        grid-row: 3
    }

    .project-scalex .project-hero[data-v-20ce1dd1]:after {
        display: block;
        grid-column: 7/12;
        grid-row: 1/4;
        align-self: center;
        padding: 34px;
        border: 1px solid rgba(34,211,238,.14);
        border-radius: 32px;
        background: linear-gradient(145deg,rgba(17,24,39,.96),rgba(11,15,20,.92));
        color: #f8fafc;
        font-size: clamp(13px,1vw,16px);
        font-weight: 850;
        line-height: 1.9;
        box-shadow: 0 28px 90px rgba(0,0,0,.34),0 0 74px rgba(37,99,235,.16),inset 0 1px rgba(255,255,255,.08)
    }
}

.project-scalex .tag[data-v-dce132a1] {
    border-color: rgba(34,211,238,.14);
    background-color: rgba(15,23,42,.78);
    color: #f8fafc;
    box-shadow: 0 0 24px rgba(37,99,235,.08)
}

.project-scalex .tag-variant-html[data-v-dce132a1] {
    background-color: rgba(248,250,252,.94);
    color: #0b0f14;
    border-color: transparent
}

.project-scalex .tag-variant-javascript[data-v-dce132a1] {
    background-color: #2563eb;
    color: #fff
}

.project-scalex .tag-variant-scaling[data-v-dce132a1] {
    background-color: rgba(34,211,238,.16);
    color: #a5f3fc;
    border-color: rgba(34,211,238,.34)
}

.project-scalex .button-wrapper-accent[data-v-da7e50e4] {
    background-color: #2563eb;
    color: #fff;
    box-shadow: 0 0 48px rgba(37,99,235,.3)
}

.project-scalex .button-wrapper-border[data-v-da7e50e4],.project-scalex .button-wrapper-theme[data-v-da7e50e4] {
    border-color: rgba(34,211,238,.34);
    background-color: rgba(15,23,42,.72);
    color: #22d3ee
}

.project-scalex .automation-form-submit {
    border: 1px solid rgba(96,165,250,.38);
    background: #2563eb;
    color: #fff;
    box-shadow: 0 0 48px rgba(37,99,235,.3);
    text-shadow: 0 1px 0 rgba(2,6,23,.24)
}

.project-scalex .automation-form-submit:disabled {
    opacity: .82
}

.project-scalex .text[data-v-75e798e2],.project-scalex .list[data-v-19c34121] {
    position: relative;
    padding: clamp(24px,4vw,44px);
    border: 1px solid rgba(34,211,238,.1);
    border-radius: 32px;
    background: linear-gradient(145deg,rgba(17,24,39,.98),rgba(15,23,42,.92));
    box-shadow: 0 22px 76px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.06);
    color: #cbd5e1;
    overflow: hidden
}

.project-scalex .text[data-v-75e798e2]:before,.project-scalex .list[data-v-19c34121]:before {
    content: "";
    position: absolute;
    inset: -1px;
    pointer-events: none;
    border-radius: inherit;
    background: radial-gradient(circle at 88% 0%,rgba(37,99,235,.18),transparent 34%),radial-gradient(circle at 0% 100%,rgba(34,211,238,.12),transparent 32%);
    opacity: .82
}

.project-scalex .text[data-v-75e798e2] > *,.project-scalex .list[data-v-19c34121] > *,.project-scalex .text-title[data-v-75e798e2],.project-scalex .list-title[data-v-19c34121] {
    position: relative;
    z-index: 1
}

.project-scalex .text-title[data-v-75e798e2],.project-scalex .list-title[data-v-19c34121] {
    font-size: clamp(28px,4vw,44px)
}

.project-scalex .list-items[data-v-19c34121] {
    padding-left: 0;
    list-style: none
}

.project-scalex .list-item[data-v-19c34121] {
    position: relative;
    padding: 12px 0 12px 30px;
    border-bottom: 1px solid rgba(255,255,255,.06)
}

.project-scalex .list-item[data-v-19c34121]:last-child {
    border-bottom: 0
}

.project-scalex .list-item[data-v-19c34121]:before {
    content: "";
    position: absolute;
    top: 21px;
    left: 0;
    width: 12px;
    height: 12px;
    border-radius: 3px;
    background: linear-gradient(135deg,#2563eb,#22d3ee);
    box-shadow: 0 0 18px rgba(34,211,238,.58)
}

@media (hover: hover) and (pointer: fine) {
    .project-scalex .button-wrapper-accent[data-v-da7e50e4]:hover {
        background-color:#3b82f6;
        color: #fff
    }

    .project-scalex .button-wrapper-border[data-v-da7e50e4]:hover,.project-scalex .button-wrapper-theme[data-v-da7e50e4]:hover {
        background-color:#22d3ee;
        border-color: #22d3ee;
        color: #0b0f14
    }

    .project-scalex .automation-form-submit:hover {
        background: #3b82f6;
        box-shadow: 0 0 60px rgba(37,99,235,.36);
        transform: translateY(-1px)
    }

    .project-scalex .text[data-v-75e798e2]:hover,.project-scalex .list[data-v-19c34121]:hover {
        border-color: rgba(34,211,238,.22);
        box-shadow: 0 26px 88px rgba(0,0,0,.32),0 0 58px rgba(37,99,235,.14),inset 0 1px rgba(255,255,255,.08)
    }
}

.project-getflaire.project[data-v-9b880325],.project-getflaire .project-background[data-v-81fbff9c] {
    background: linear-gradient(135deg,rgba(255,178,63,.96) 0%,rgba(255,143,0,.92) 48%,rgba(27,38,59,.96) 100%)
}

.project-getflaire .project-background-blend[data-v-81fbff9c] {
    background-color: #f59e0b
}

.project-getflaire .project-hero-title[data-v-20ce1dd1],.project-getflaire .text-title[data-v-75e798e2],.project-getflaire .list-title[data-v-19c34121] {
    color: #1f2937
}

.project-getflaire .project-hero-title[data-v-20ce1dd1] {
    color: #fff
}

.project-getflaire .project-hero-description[data-v-20ce1dd1] {
    color: rgba(255,255,255,.92);
    font-weight: 600
}

.project-getflaire .text[data-v-75e798e2],.project-getflaire .list[data-v-19c34121] {
    color: #374151
}

.project-getflaire .project-hero-title[data-v-20ce1dd1] {
    max-width: 720px;
    font-size: clamp(38px,4.8vw,64px);
    line-height: .95;
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal
}

.project-getflaire .project-hero[data-v-20ce1dd1]:after {
    content: "Tableau de bord GetFlaire\a\a47 nouvelles annonces     12 alertes actives     8 prospects\a\a◎ Villa Neuilly-sur-Seine                         Nouveau\a▣ RDV M. Dupont - 14h                         Confirmé\a◇ Suivi concurrence                              Actif\a\aInterface simple et intuitive";
    display: none;
    white-space: pre-line
}

@media (min-width: 840px) {
    .project-getflaire .project-hero-top[data-v-20ce1dd1] {
        grid-column:1/7
    }

    .project-getflaire .project-hero-description[data-v-20ce1dd1] {
        grid-column: 1/7;
        grid-row: 2;
        align-self: start
    }

    .project-getflaire .project-hero-buttons[data-v-20ce1dd1] {
        grid-column: 1/7;
        grid-row: 3
    }

    .project-getflaire .project-hero[data-v-20ce1dd1]:after {
        display: block;
        grid-column: 7/12;
        grid-row: 1/4;
        align-self: center;
        transform: rotate(3deg);
        padding: 34px;
        border: 26px solid #fff;
        border-radius: 28px;
        background: linear-gradient(135deg,#1b263b 0%,#778da9 100%);
        color: #fff;
        font-size: clamp(13px,1vw,16px);
        font-weight: 800;
        line-height: 1.75;
        box-shadow: 0 26px 70px rgba(31,41,55,.24)
    }
}

.project-getflaire-proof {
    display: inline-block;
    color: rgba(255,255,255,.82);
    font-size: .9em;
    font-weight: 800
}

.project-getflaire .tag[data-v-dce132a1] {
    border-color: rgba(255, 255, 255, .32);
    background-color: rgba(255,255,255,.92);
    color: #1f2937
}

.project-getflaire .tag-variant-react[data-v-dce132a1],.project-getflaire .tag-variant-node[data-v-dce132a1] {
    background-color: #fff3b0;
    color: #8a4b08
}

.project-getflaire .button-wrapper-accent[data-v-da7e50e4] {
    background-color: #fff;
    color: #1f2937
}

.project-getflaire .button-wrapper-border[data-v-da7e50e4],.project-getflaire .button-wrapper-theme[data-v-da7e50e4] {
    border-color: rgba(255,255,255,.56);
    background-color: rgba(255,255,255,.18);
    color: #fff
}

.project-getflaire .text[data-v-75e798e2],.project-getflaire .list[data-v-19c34121] {
    padding: clamp(24px,4vw,44px);
    border: 1px solid rgba(245, 158, 11, .18);
    border-radius: 28px;
    background: linear-gradient(145deg,#ffffff 0%,#fff7ed 100%);
    box-shadow: 0 18px 50px rgba(180, 83, 9, .12)
}

.project-getflaire .text-title[data-v-75e798e2],.project-getflaire .list-title[data-v-19c34121] {
    font-size: clamp(28px,4vw,44px)
}

.project-getflaire .list-items[data-v-19c34121] {
    padding-left: 1.1em
}

.project-getflaire .list-item[data-v-19c34121] {
    padding: 10px 0
}

@media (hover: hover) and (pointer: fine) {
    .project-getflaire .button-wrapper-accent[data-v-da7e50e4]:hover,.project-getflaire .button-wrapper-border[data-v-da7e50e4]:hover,.project-getflaire .button-wrapper-theme[data-v-da7e50e4]:hover {
        background-color:#1f2937;
        border-color: #1f2937;
        color: #fff
    }
}

.project-bryko.project[data-v-9b880325],.project-bryko .project-background[data-v-81fbff9c] {
    background: linear-gradient(135deg,#f7f8fa 0%,#ffffff 48%,#ecfdf5 100%)
}

.project-bryko .project-background-blend[data-v-81fbff9c] {
    background-color: #3BB273
}

.project-bryko .project-hero-title[data-v-20ce1dd1] {
    max-width: 760px;
    font-size: clamp(44px,5vw,78px);
    line-height: .95;
    color: #1B263B
}

.project-bryko .project-hero-description[data-v-20ce1dd1] {
    color: #4b5563;
    font-weight: 650
}

.project-bryko .project-hero[data-v-20ce1dd1]:after {
    content: "Bryko Dashboard\a\aRentabilité      Cash-flow      PDF Pro\a\aProjet analysé                     92%\aOff-market                         Actif\aPortefeuille                       +18,4%\a\aAnalyse & investissement";
    display: none;
    white-space: pre-line
}

@media (min-width: 840px) {
    .project-bryko .project-hero-top[data-v-20ce1dd1] {
        grid-column: 1/7
    }

    .project-bryko .project-hero-description[data-v-20ce1dd1] {
        grid-column: 1/7;
        grid-row: 2
    }

    .project-bryko .project-hero-buttons[data-v-20ce1dd1] {
        grid-column: 1/7;
        grid-row: 3
    }

    .project-bryko .project-hero[data-v-20ce1dd1]:after {
        display: block;
        grid-column: 7/12;
        grid-row: 1/4;
        align-self: center;
        padding: 34px;
        border: 1px solid rgba(59,178,115,.2);
        border-radius: 30px;
        background: linear-gradient(145deg,#ffffff 0%,#f7f8fa 100%);
        color: #1B263B;
        font-size: clamp(13px,1vw,16px);
        font-weight: 850;
        line-height: 1.9;
        box-shadow: 0 26px 70px rgba(27,38,59,.14)
    }
}

.project-bryko-proof {
    display: inline-block;
    color: #3BB273;
    font-size: .9em;
    font-weight: 850
}

.project-bryko .tag[data-v-dce132a1] {
    border-color: rgba(59,178,115,.22);
    background-color: rgba(255,255,255,.88);
    color: #1B263B
}

.project-bryko .tag-variant-three[data-v-dce132a1],.project-bryko .tag-variant-postgresql[data-v-dce132a1] {
    background-color: rgba(59,178,115,.12);
    color: #2ea663
}

.project-bryko .button-wrapper-accent[data-v-da7e50e4] {
    background-color: #3BB273;
    color: #fff
}

.project-bryko .button-wrapper-border[data-v-da7e50e4],.project-bryko .button-wrapper-theme[data-v-da7e50e4] {
    border-color: rgba(59,178,115,.32);
    background-color: #fff;
    color: #1B263B
}

.project-bryko .text[data-v-75e798e2],.project-bryko .list[data-v-19c34121] {
    padding: clamp(24px,4vw,44px);
    border: 1px solid rgba(59,178,115,.14);
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 18px 50px rgba(27,38,59,.08)
}

.project-bryko .text-title[data-v-75e798e2],.project-bryko .list-title[data-v-19c34121] {
    font-size: clamp(28px,4vw,44px)
}

.project-bryko .list-items[data-v-19c34121] {
    padding-left: 1.1em
}

.project-bryko .list-item[data-v-19c34121] {
    padding: 10px 0
}

@media (hover: hover) and (pointer: fine) {
    .project-bryko .button-wrapper-accent[data-v-da7e50e4]:hover,.project-bryko .button-wrapper-border[data-v-da7e50e4]:hover,.project-bryko .button-wrapper-theme[data-v-da7e50e4]:hover {
        background-color:#1B263B;
        border-color: #1B263B;
        color: #fff
    }
}

/* ScaleX submit animation: faithful scoped port of the working drone button demo. */
.automation-form-submit[data-submit-kind=scalex] .scalex-progress,
.automation-form-submit[data-submit-kind=scalex] .scalex-package,
.automation-form-submit[data-submit-kind=scalex] .scalex-drone,
.automation-form-submit[data-submit-kind=scalex] .scalex-check {
    display: none !important
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success {
    width: min(300px,100%);
    height: 64px;
    min-height: 64px;
    padding: 0;
    overflow: visible;
    border-radius: 10px;
    background: #61d4f1;
    border-color: transparent;
    box-shadow: 0 20px 48px rgba(34,211,238,.18);
    color: #fff;
    opacity: 1;
    text-shadow: none
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .submit-anim-label {
    opacity: 0;
    transform: translateY(-20px);
    animation: none
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .submit-anim-stage {
    inset: 0;
    z-index: 4;
    overflow: visible;
    opacity: 1
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 64px;
    padding-left: 70px;
    padding-right: 15px;
    border-radius: 10px;
    background: #61d4f1;
    cursor: inherit;
    overflow: visible;
    transition: background-color 1s
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo:before,
.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo:after {
    content: "";
    position: absolute;
    left: 5%;
    bottom: 100%;
    width: 14%;
    height: 6px;
    border-radius: 0;
    background: #3dc1da;
    transform: scaleX(0);
    transform-origin: 0 100%;
    transition: none
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo:after {
    left: 19%;
    width: 66%
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing {
    background-color: #53e2c2;
    transition-delay: 4.6s
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing:before,
.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing:after {
    transform: scaleX(1);
    background-color: #36d09d
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing:before {
    transition: transform .6s 1.4s,background-color 1s 4.6s
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing:after {
    transition: transform 2.4169014085s 2.4s,background-color 1s 4.6s
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--reverting {
    background-color: #61d4f1;
    transition: background-color .5s .96s
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--reverting:before,
.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--reverting:after {
    opacity: 0
}

.scalex-demo svg {
    overflow: visible;
    fill: none;
    stroke-linejoin: round
}

.scalex-demo-transitionend-listener {
    transition: opacity 6.6s
}

.scalex-demo.s--processing .scalex-demo-transitionend-listener {
    opacity: 0
}

.scalex-demo__revert-line {
    position: absolute;
    left: 5%;
    bottom: 100%;
    width: 80%;
    height: 6px;
    background: #53e2c2;
    transform-origin: 0 50%;
    opacity: 0
}

.scalex-demo.s--reverting .scalex-demo__revert-line {
    opacity: 1;
    transform: scaleX(0);
    transition: transform .864s
}

.scalex-demo__drone-cont {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.scalex-demo__drone-cont--takeoff {
    z-index: -1;
    opacity: 0;
    transform: none;
    transition: none
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__drone-cont--takeoff {
    opacity: 1;
    transform: translateY(-70px);
    transition: transform .8s 1.2s,opacity .2s 1.2s
}

.scalex-demo__drone-cont--shift-x,
.scalex-demo__drone-cont--landing {
    transform: none;
    transition: none
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__drone-cont--shift-x {
    transform: translateX(213px);
    transition: transform 2.6s 2.4s
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__drone-cont--landing {
    transform: translateY(24px);
    transition: transform .3s 5s
}

.scalex-demo__drone {
    position: absolute;
    left: 16px;
    top: -12px;
    width: 68px;
    height: 56px;
    stroke: #000;
    stroke-width: 2px;
    fill: none;
    filter: none
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__drone {
    transform-origin: 50% 100%;
    animation: scalex-demo-tilt 3.8s 1.2s
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__drone-leaving {
    transform: translate(150px,-150px) rotate(20deg) scale(.3);
    opacity: 0;
    transition: transform 1.1s 5.5s,opacity .55s 6.05s
}

.scalex-demo__drone-arm {
    --rotation: 0deg;
    transform-origin: 68px 56px;
    transform: rotate(var(--rotation));
    transition: none
}

.scalex-demo__drone-arm--2 {
    transform: scaleX(-1) rotate(var(--rotation))
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__drone-arm {
    --rotation: 25deg;
    transition: transform .3s 5.2s
}

.scalex-demo__drone-green {
    fill: #61d4f1;
    transition: none
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__drone-green {
    fill: #53e2c2;
    transition: fill 1s 4.6s
}

.scalex-demo__drone-yellow {
    fill: #ecb400
}

.scalex-demo__drone-package {
    stroke-width: 4px
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--reverting .scalex-demo__drone-package {
    opacity: 0;
    transition: opacity 0s 2s;
    animation: scalex-demo-revert 2s
}

.scalex-demo__circle {
    position: absolute;
    left: 30px;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    border-radius: 50%;
    background: #3dc1da;
    transition: none
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__circle {
    background-color: #53e2c2;
    transition: background-color 1s 4.6s
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--reverting .scalex-demo__circle {
    background-color: #3dc1da;
    transition: background-color .5s .96s
}

.scalex-demo__circle-inner {
    overflow: hidden;
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: inherit
}

.scalex-demo__circle-package {
    width: 14px;
    height: 18px;
    stroke: #fff;
    stroke-width: 3px;
    stroke-linecap: round;
    transition: none
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__circle-package {
    transform: translateY(-70px);
    transition: transform .8s 1.2s
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--reverting .scalex-demo__circle-package {
    transform: translateY(0);
    transition: transform .16s 1.6s
}

.scalex-demo__circle-grabbers {
    --grabY: 0px;
    --grabRotate: 0;
    position: absolute;
    inset: 0
}

.scalex-demo__circle-grabbers:before,
.scalex-demo__circle-grabbers:after {
    content: "";
    position: absolute;
    right: 5px;
    top: -12px;
    width: 14px;
    height: 8px;
    border: 2px solid #000;
    border-left: none;
    border-bottom: none;
    transform: translateY(var(--grabY)) rotate(var(--grabRotate));
    transition: transform .8s
}

.scalex-demo__circle-grabbers:before {
    right: auto;
    left: 5px;
    transform: translateY(var(--grabY)) scaleX(-1) rotate(var(--grabRotate))
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__circle-grabbers {
    animation: scalex-demo-grab 2s forwards
}

.scalex-demo__circle-progress {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    stroke: #fff;
    stroke-width: 2px
}

.scalex-demo__circle-progress-line {
    stroke-dasharray: 125.6813812256,125.6813812256;
    stroke-dashoffset: 125.6813812256;
    transition: none
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__circle-progress-line {
    stroke-dashoffset: 0;
    transition: all .5s 4.9s
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--reverting .scalex-demo__circle-progress-line {
    stroke-dashoffset: 125.6813812256;
    transition: all .5s .96s
}

.scalex-demo__circle-progress-checkmark {
    stroke-dasharray: 21.2132034302,21.2132034302;
    stroke-dashoffset: 21.2132034302;
    transition: none
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__circle-progress-checkmark {
    stroke-dashoffset: 0;
    transition: all .5s 4.9s
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--reverting .scalex-demo__circle-progress-checkmark {
    stroke-dashoffset: 21.2132034302;
    transition: all .5s .96s
}

.scalex-demo__text-fields {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 1.3px;
    text-transform: uppercase
}

.scalex-demo__text {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: translateY(20px);
    will-change: opacity,transform;
    pointer-events: none
}

.scalex-demo__text--step-0 {
    opacity: 1;
    transform: translateY(0)
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__text {
    transition: all .4s
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__text--step-0 {
    opacity: 0;
    transform: translateY(-20px)
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__text--step-1 {
    animation: scalex-demo-text 2s 0s
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__text--step-2 {
    animation: scalex-demo-text 2s 1.6s
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__text--step-3 {
    animation: scalex-demo-text 2s 3.2s
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--processing .scalex-demo__text--step-4 {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 4.8s
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--reverting .scalex-demo__text--step-0 {
    opacity: 1;
    transform: translateY(0);
    transition: all .4s 1s
}

.automation-form-submit[data-submit-kind=scalex].submit-anim-success .scalex-demo.s--reverting .scalex-demo__text--step-4 {
    opacity: 0;
    transform: translateY(20px);
    transition: all .4s .8s
}

.scalex-demo__text-dots {
    letter-spacing: -.5px;
    font-size: 26px
}

.scalex-demo__text-dots span {
    opacity: 0;
    animation: scalex-demo-dot 1.2s .4s infinite
}

.scalex-demo__text-dots:before,
.scalex-demo__text-dots:after {
    content: ".";
    opacity: 0
}

.scalex-demo__text-dots:before {
    animation: scalex-demo-dot 1.2s infinite
}

.scalex-demo__text-dots:after {
    animation: scalex-demo-dot 1.2s .8s infinite
}

@keyframes scalex-demo-revert {
    40%,45% {
        transform: translate(-426px,0)
    }

    75% {
        transform: translate(-426px,-100px)
    }

    to {
        transform: translate(-426px,100px)
    }
}

/* Reuse the ScaleX drone submit button on Automation and 110 forms too. */
:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]) .scalex-progress,
:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]) .scalex-package,
:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]) .scalex-drone,
:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]) .scalex-check {
    display: none !important
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success {
    width: min(300px,100%);
    height: 64px;
    min-height: 64px;
    padding: 0;
    overflow: visible;
    border-radius: 10px;
    background: #61d4f1;
    border-color: transparent;
    box-shadow: 0 20px 48px rgba(34,211,238,.18);
    color: #fff;
    opacity: 1;
    text-shadow: none
}

:is(.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .submit-anim-stage:before,
:is(.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .submit-anim-stage:after {
    content: none;
    display: none
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .submit-anim-label {
    opacity: 0;
    transform: translateY(-20px);
    animation: none
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .submit-anim-stage {
    inset: 0;
    z-index: 4;
    overflow: visible;
    opacity: 1
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 64px;
    padding-left: 70px;
    padding-right: 15px;
    border-radius: 10px;
    background: #61d4f1;
    cursor: inherit;
    overflow: visible;
    transition: background-color 1s
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo:before,
:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo:after {
    content: "";
    position: absolute;
    left: 5%;
    bottom: 100%;
    width: 14%;
    height: 6px;
    border-radius: 0;
    background: #3dc1da;
    transform: scaleX(0);
    transform-origin: 0 100%;
    transition: none
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo:after {
    left: 19%;
    width: 66%
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo.s--processing {
    background-color: #53e2c2;
    transition-delay: 4.6s
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo.s--processing:before,
:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo.s--processing:after {
    transform: scaleX(1);
    background-color: #36d09d
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo.s--processing:before {
    transition: transform .6s 1.4s,background-color 1s 4.6s
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo.s--processing:after {
    transition: transform 2.4169014085s 2.4s,background-color 1s 4.6s
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo.s--reverting {
    background-color: #61d4f1;
    transition: background-color .5s .96s
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo.s--reverting:before,
:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo.s--reverting:after {
    opacity: 0
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo.s--processing .scalex-demo__drone-cont--takeoff {
    opacity: 1;
    transform: translateY(-70px);
    transition: transform .8s 1.2s,opacity .2s 1.2s
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo.s--processing .scalex-demo__drone-cont--shift-x {
    transform: translateX(213px);
    transition: transform 2.6s 2.4s
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo.s--processing .scalex-demo__drone-cont--landing {
    transform: translateY(24px);
    transition: transform .3s 5s
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo.s--processing .scalex-demo__drone {
    transform-origin: 50% 100%;
    animation: scalex-demo-tilt 3.8s 1.2s
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo.s--processing .scalex-demo__drone-leaving {
    transform: translate(150px,-150px) rotate(20deg) scale(.3);
    opacity: 0;
    transition: transform 1.1s 5.5s,opacity .55s 6.05s
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo.s--processing .scalex-demo__drone-arm {
    --rotation: 25deg;
    transition: transform .3s 5.2s
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo.s--processing .scalex-demo__drone-green {
    fill: #53e2c2;
    transition: fill 1s 4.6s
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo.s--reverting .scalex-demo__drone-package {
    opacity: 0;
    transition: opacity 0s 2s;
    animation: scalex-demo-revert 2s
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo.s--processing .scalex-demo__circle {
    background-color: #53e2c2;
    transition: background-color 1s 4.6s
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo.s--reverting .scalex-demo__circle {
    background-color: #3dc1da;
    transition: background-color .5s .96s
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo.s--processing .scalex-demo__circle-package {
    transform: translateY(-70px);
    transition: transform .8s 1.2s
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo.s--reverting .scalex-demo__circle-package {
    transform: translateY(0);
    transition: transform .16s 1.6s
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo.s--processing .scalex-demo__circle-grabbers {
    animation: scalex-demo-grab 2s forwards
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo.s--processing .scalex-demo__circle-progress-line {
    stroke-dashoffset: 0;
    transition: all .5s 4.9s
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo.s--reverting .scalex-demo__circle-progress-line {
    stroke-dashoffset: 125.6813812256;
    transition: all .5s .96s
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo.s--processing .scalex-demo__circle-progress-checkmark {
    stroke-dashoffset: 0;
    transition: all .5s 4.9s
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo.s--reverting .scalex-demo__circle-progress-checkmark {
    stroke-dashoffset: 21.2132034302;
    transition: all .5s .96s
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo.s--processing .scalex-demo__text {
    transition: all .4s
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo.s--processing .scalex-demo__text--step-0 {
    opacity: 0;
    transform: translateY(-20px)
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo.s--processing .scalex-demo__text--step-1 {
    animation: scalex-demo-text 2s 0s
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo.s--processing .scalex-demo__text--step-2 {
    animation: scalex-demo-text 2s 1.6s
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo.s--processing .scalex-demo__text--step-3 {
    animation: scalex-demo-text 2s 3.2s
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo.s--processing .scalex-demo__text--step-4 {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 4.8s
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo.s--reverting .scalex-demo__text--step-0 {
    opacity: 1;
    transform: translateY(0);
    transition: all .4s 1s
}

:is(.automation-form-submit[data-submit-kind=scalex],.automation-form-submit[data-submit-kind=automation],.project-110-form-submit[data-submit-kind=property]).submit-anim-success .scalex-demo.s--reverting .scalex-demo__text--step-4 {
    opacity: 0;
    transform: translateY(20px);
    transition: all .4s .8s
}