@import url("https://fonts.googleapis.com/css2?family=Sora:wght@100..800");

html {
    scroll-padding-block-start: 165px;
}

body {
    font-family: "Sora", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    --bs-body-line-height: 1.9;
    --bs-body-font-weight: 300;
    transition: transform 300ms ease,filter 300ms ease,background-color 300ms ease,border-color 300ms ease;
    --fira-light-gray: #f7f7fb;
}

img {
    max-width: 100%;
}

.bi {
    vertical-align: -0.125em;
    fill: currentColor;
}

.btn-primary, .btn-bd-primary {
    --bd-violet-bg: #630063;
    --bd-violet-rgb: 112.520718, 44.062154, 249.437846;
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bd-violet-bg);
    --bs-btn-border-color: var(--bd-violet-bg);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #6528e0;
    --bs-btn-hover-border-color: #6528e0;
    --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #5a23c8;
    --bs-btn-active-border-color: #5a23c8;
}

.btn-primary {
    /*background: linear-gradient( 336deg, rgba(99, 0, 99, 1) 0%, rgba(173, 0, 144, 1) 100% );*/

    border-radius: 100px;
    box-shadow: var(--bs-box-shadow), var(--bs-box-shadow);
    transition: all 0.3s ease;
}

    .btn-primary:hover {
        background: linear-gradient( 336deg, rgb(198, 9, 198) 0%, rgb(92, 0, 204) 100% );
        background: purple;
        border-bottom-color: #781582;
    }

#sign-up, #sign-in, #send-button {
    padding-inline: 3em;
}

#sign-up {
    border: 1px solid #781582;
    border-bottom: 4px solid #781582;
}

#sign-in { /* background: linear-gradient( 336deg, rgba(99, 0, 99, 1) 0%, rgba(173, 0, 144, 1) 100% ); */
    border-radius: 100px;
    box-shadow: var(--bs-box-shadow), var(--bs-box-shadow);
    /* border: 1px solid #781582; */
    /* border-bottom: 4px solid #781582; */
    transition: all 0.3s ease;
    padding-inline: 4ex;
}

.bd-mode-toggle {
    z-index: 1500;
}

    .bd-mode-toggle .dropdown-menu .active .bi {
        display: block !important;
    }

h1 {
    margin: 15vh 0;
}

h2 {
    background: #cc2fc9;
    background: linear-gradient(to right, #cc2fc9 0%, #4f009c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 3ex;
    margin-bottom: 1ex;
}

[data-bs-theme="dark"] h2 {
    background: linear-gradient(to right, #cc2fc9 0%, #a040ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.box {
    --mask: radial-gradient(57.88px at 50% 79.5px, #000 99%, #0000 101%) calc(50% - 60px) 0/120px 51% repeat-x, radial-gradient(57.88px at 50% -49.5px, #0000 99%, #000 101%) 50% 30px/120px calc(51% - 30px) repeat-x, radial-gradient(57.88px at 50% calc(100% - 79.5px), #000 99%, #0000 101%) calc(50% - 60px) 100%/120px 51% repeat-x, radial-gradient(57.88px at 50% calc(100% + 49.5px), #0000 99%, #000 101%) 50% calc(100% - 30px) / 120px calc(51% - 30px) repeat-x;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    background: rgb(99, 0, 99);
    background: linear-gradient( 336deg, rgba(99, 0, 99, 1) 0%, rgba(173, 0, 144, 1) 100% );
    padding-block: 160px;
    color: #ffffffd0;
}

.box-hero {
    --mask: radial-gradient(57.88px at 50% 79.5px, #000 99%, #0000 101%) calc(50% - 60px) 0/120px 51% repeat-x, radial-gradient(57.88px at 50% -49.5px, #0000 99%, #000 101%) 50% 30px/120px calc(51% - 30px) repeat-x, radial-gradient(57.88px at 50% calc(100% - 79.5px), #000 99%, #0000 101%) calc(50% - 60px) 100%/120px 51% repeat-x, radial-gradient(57.88px at 50% calc(100% + 49.5px), #0000 99%, #000 101%) 50% calc(100% - 30px) / 120px calc(51% - 30px) repeat-x;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    background: rgb(99, 0, 99);
    background: radial-gradient( 50% 93%, rgba(173, 0, 144, 1) 0%, rgba(99, 0, 99, 1) 99%, rgb(85 0 85) 136% );
    padding-block: 160px;
    color: #ffffffd0;
}

[data-bs-theme="dark"] .box {
    background: rgb(99, 0, 99, 0.7);
    background: linear-gradient( 336deg, rgba(99, 0, 99, 0.7) 0%, rgba(173, 0, 144, 0.7) 100% );
}

[data-bs-theme="dark"] .box-hero {
    background: rgb(99, 0, 99);
    background: radial-gradient( 50% 93%, rgba(173, 0, 144, 0.7) 0%, rgba(99, 0, 99, 1, 0.7) 99%, rgb(85, 0, 85, 0.7) 136% );
}

.box2 {
    --mask: radial-gradient(57.88px at 50% 79.5px, #000 99%, #0000 101%) calc(50% - 60px) 0/120px 51% repeat-x, radial-gradient(57.88px at 50% -49.5px, #0000 99%, #000 101%) 50% 30px/120px calc(51% - 30px) repeat-x, radial-gradient(57.88px at 50% calc(100% - 79.5px), #000 99%, #0000 101%) calc(50% - 60px) 100%/120px 51% repeat-x, radial-gradient(57.88px at 50% calc(100% + 49.5px), #0000 99%, #000 101%) 50% calc(100% - 30px) / 120px calc(51% - 30px) repeat-x;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    background: rgb(99, 0, 99);
    background: linear-gradient(336deg, #b3e7ff 0%, #9c27b00a 100%);
    background: linear-gradient(336deg, #d6f6ff 0%, #abe4ff 100%);
    padding-block: 160px;
}

[data-bs-theme="dark"] .box2 {
    background: rgb(99, 0, 99, 0.7);
    background: linear-gradient(143deg, #191d62 0%, #8a00a2c2 100%);
}

.box h2, .box-hero h2, .box-hero-2 h2 {
    background: white;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 3ex;
    margin-bottom: 1ex;
}

[data-bs-theme="dark"] h1 {
}

#hero-screenshot {
    max-width: 960px;
    width: 100%;
    text-align: center;
    box-shadow: var(--bs-box-shadow-lg);
    border-radius: clamp(0px, ((100vw - 4px) - 100%) * 9999, 8px);
    position: relative;
    z-index: 999;
}


.quad {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2ex;
}

    .quad > div {
        padding: 2ex;
        margin: 0;
        border-radius: 12px;
        background-color: var(--fira-light-gray);
    }

@media (min-width: 700px) {
    .quad {
        grid-template-columns: repeat(3, 1fr);
    }

        .quad > div {
            padding: 4ex;
        }
}

.quad > div:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    background: #ffffff;
    background: linear-gradient( 336deg, rgb(255 255 255) 0%, rgb(255 255 255) 100% );
}

[data-bs-theme="dark"] .quad > div {
    background: var(--bs-secondary-bg);
}

.quad > div h2 {
    margin-block-start: 0;
}

footer {
    margin-block-start: 10em;
    color: gray;
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    padding-block-start: 1em;
}

.block {
    margin: 0 auto;
    max-width: 800px;
}

.features svg {
    width: 1.75em !important;
    height: 1.75em !important;
}

.feature-icon {
    width: 4rem;
    height: 4rem;
    border-radius: 0.75rem;
    background-color: #4f009c !important;
}

.feature-icon-small {
    width: 3rem;
    height: 3rem;
    background-color: #4f009c !important;
}

.navbar {
    box-shadow: var(--bs-box-shadow), var(--bs-box-shadow), var(--bs-box-shadow-lg);
    background: linear-gradient( 336deg, rgb(99 0 99 / 64%) 0%, rgb(0 0 0 / 44%) 100% );
    transition: all 1s;
}

dd {
    color: #ffffffd0;
    margin-block-end: 2em;
}

@media(min-width: 768px) {
    dd {
        /*margin-inline-start: 4em;*/
    }
}

.inbody-screenshot-single {
    max-width: 800px;
    width: 100%;
    text-align: center;
    box-shadow: var(--bs-box-shadow-lg);
    border-radius: clamp(0px, ((100vw - 4px) - 100%) * 9999, 8px);
}

    .inbody-screenshot-single.transparent {
        box-shadow: none;
    }

section {
    margin-block: 8vh;
    padding-block: 4vh;
    margin-right: 3px;
}

.swiper {
    width: 900px;
    max-width: 100%;
    height: 400px;
}

@media(min-width: 768px) {
    .hidden {
        opacity: 0;
        transform: translateY(150px);
        transition: transform 0.6s ease, opacity 1s ease;
    }

    .reveal .hidden-p1 {
        transition: transform 0.6s 0.3s ease, opacity 1s ease;
    }

    .reveal .hidden-p2 {
        transition: transform 0.6s 0.6s ease, opacity 1s ease;
    }

    .reveal .hidden-p3 {
        transition: transform 0.6s 0.9s ease, opacity 1s ease;
    }

    .reveal .hidden-t-7 {
        transition: transform 0.7s ease, opacity 1s ease;
    }

    .reveal .hidden-t-8 {
        transition: transform 0.8s ease, opacity 1s ease;
    }

    .hidden-o {
        opacity: 0;
        transform: translateY(0);
        transition: transform 0.6s ease, opacity 1s ease;
    }

    .hidden-stack > * {
        opacity: 0;
        transform: translateY(150px);
        transition: transform 0.6s ease, opacity 1s ease;
    }

        .hidden-stack > *:nth-child(1) {
            transition: transform 0.6s ease, opacity 1s ease;
        }

        .hidden-stack > *:nth-child(2) {
            transition: transform 1.0s ease, opacity 1s ease;
        }

        .hidden-stack > *:nth-child(3) {
            transition: transform 1.4s ease, opacity 1s ease;
        }

        .hidden-stack > *:nth-child(4) {
            transition: transform 1.6s ease, opacity 1s ease;
        }

        .hidden-stack > *:nth-child(5) {
            transition: transform 2.0s ease, opacity 1s ease;
        }

        .hidden-stack > *:nth-child(6) {
            transition: transform 2.4s ease, opacity 1s ease;
        }

        .hidden-stack > *:nth-child(7) {
            transition: transform 2.8s ease, opacity 1s ease;
        }

        .hidden-stack > *:nth-child(8) {
            transition: transform 3.2s ease, opacity 1s ease;
        }

    /* State of the elements when they are revealed */
    .reveal, .hidden-stack.reveal > * {
        opacity: 1;
        transform: translateY(0px);
    }
}

#header {
    transition: all 1s;
}

#hero-logo {
    opacity: 0;
    transition: all 1s ease-in-out;
}

[data-bs-theme="dark"] #hero-logo {
    content: url('./art/logo-dark.png');
}

#devices-screenshot {
    max-width: 600px;
    width: 100%;
}

#header .navbar .nav-link:focus,
#header .navbar .nav-link:hover {
    color: white;
}

#header .nav-item a {
    position: relative;
}

    #header .nav-item a:hover {
        color: white !important;
        z-index: 100;
    }

    #header .nav-item a::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 25%;
        width: 50%;
        height: 0px;
        pointer-events: none;
        transition: all 0.2s ease-out 0s;
    }

    #header .nav-item a:hover::before {
        animation: 5s ease 0s infinite alternate none running breathe;
    }

@keyframes breathe {
    0%, 25% {
        box-shadow: 0 0 35px 10px rgb(233, 0, 123);
    }

    85%, 100% {
        box-shadow: 0 0 45px 20px rgb(96, 38, 128);
    }
}


.scrolled-down {
    border-radius: 0;
    margin-inline: 0;
}

@media (min-width: 900px) {
    .scrolled-none {
        margin-top: 16px;
        margin-inline: 64px;
        border-radius: 16px;
    }
}

footer a {
    color: var(--bs-body-color);
}

footer .nav-link:hover {
    text-decoration: underline;
}






.ribbon {
    background: #4b9ae5;
    display: inline-block;
    color: #f4f4f4;
    padding: 0.5em 0.7em;
    font-weight: 900;
    letter-spacing: 0.2em;
    position: relative;
    font-size: 2.5em;
    text-transform: uppercase;
    transform-style: preserve-3d;
    transform: rotate(-20deg) skew(-20deg, 10deg);
}

    .ribbon:before, .ribbon:after {
        content: "";
        width: 0;
        height: 2em;
        display: block;
        background: #4993da;
        position: absolute;
        border-style: solid;
        border-width: 0.5em;
        z-index: -1;
        transform: translateZ(-1em);
    }

    .ribbon:before {
        left: -0.5em;
        top: 0.5em;
        border-color: #358de2 #1d74c7 #358de2 #358de2;
    }

    .ribbon:after {
        right: -0.5em;
        top: -0.5em;
        border-color: #358de2 #358de2 #358de2 #1d74c7;
    }

.carousel-inner {
    margin-block: 40px;
    text-align: center;
}

    .carousel-inner .inbody-screenshot-single {
        box-shadow: var(--bs-box-shadow);
    }

.carousel-item {
    padding-block: 20px;
}


#xa-section {
}

    #xa-section .pre-content {
        height: 10vh;
    }

    #xa-section .box {
        padding-top: 11vh;
    }

    #xa-section img {
        z-index: 100;
        position: relative;
    }



.shapedividers_com-2904 {
    overflow: hidden;
    position: relative;
}

    .shapedividers_com-2904::before {
        content: '';
        font-family: 'shape divider from ShapeDividers.com';
        position: absolute;
        z-index: 3;
        pointer-events: none;
        background-repeat: no-repeat;
        bottom: -0.1vw;
        left: -0.1vw;
        right: -0.1vw;
        top: -0.1vw;
        background-size: 100% 90px;
        background-position: 50% 0%;
        background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M0 .5c3.07.55 9.27-.42 16.14 0 6.88.4 13.75.57 19.14-.11V0H0z" fill="currentColor"/><path d="M0 1c3.17.8 7.29-.38 10.04-.55 2.75-.17 9.25 1.47 12.67 1.3 3.43-.17 4.65-.84 7.05-.87 2.4-.02 5.52.88 5.52.88V0H0z" opacity=".5" fill="currentColor"/><path d="M0 1.85c2.56-.83 7.68-.3 11.79-.42 4.1-.12 6.86-.61 9.58-.28 2.73.33 5.61 1.17 8.61 1 3-.19 4.73-.82 5.3-.84V.1H0z" opacity=".5" fill="currentColor"/></svg>');
    }

@media (min-width:2100px) {
    .shapedividers_com-2904::before {
        background-size: 100% calc(2vw + 90px);
    }
}

.box-hero-2 {
    background: rgb(99, 0, 99);
    background: radial-gradient( 50% 93%, rgba(173, 0, 144, 1) 0%, rgba(99, 0, 99, 1) 99%, rgb(85 0 85) 136% );
    color: #ffffffd0;
    position: relative;
    margin-block-start: 25vh;
    padding: 0px;
}

[data-bs-theme="dark"] .box-hero-2 {
    background: rgb(99, 0, 99);
    background: radial-gradient( 50% 93%, rgba(173, 0, 144, 0.7) 0%, rgba(99, 0, 99, 1, 0.7) 99%, rgb(85, 0, 85, 0.7) 136% );
}

.box-hero-2 img {
    margin-block-start: -10vh;
}

.box-hero-2 .mid {
    margin-block: 10vh;
}

.box-hero-2::before {
    --effect-height: 10vh;
    height: var(--effect-height);
    content: '';
    pointer-events: none;
    background-repeat: no-repeat;
    position: absolute;
    left: -0.1vw;
    right: -0.1vw;
    top: -0.1vw;
    background-size: 100% var(--effect-height);
    background-position: 50% 0%;
    overflow: hidden;
}

.box-hero-2::after {
    --effect-height: 10vh;
    height: var(--effect-height);
    content: '';
    display: block;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: 100% var(--effect-height);
    background-position: 50% 100%;
    transform: scaleY(-1.1);
}

.box-hero-2::before, .box-hero-2::after {
    background-image: url('art/wave-top.svg');
}

[data-bs-theme="dark"] .box-hero-2::before, [data-bs-theme="dark"] .box-hero-2::after {
    background-image: url('art/wave-top-dark.svg');
}

#block-run-anywhere {
}

    #block-run-anywhere .icons-row {
        display: flex;
        justify-content: space-evenly;
        margin-block: 2em;
    }

        #block-run-anywhere .icons-row svg {
            width: 64px;
            height: 64px;
            margin: 1ex;
            fill: currentColor;
        }

#hero-2 {
}

    #hero-2 .icons-row {
        display: flex;
        justify-content: space-evenly;
        margin-block: 2em;
    }

        #hero-2 .icons-row svg {
            width: 64px;
            height: 64px;
            margin: 1ex;
            fill: currentColor;
        }


#sign-up {
    display: inline-block;
}

    #sign-up .arrow, #send-button .arrow {
        display: inline-block;
    }

    #sign-up:hover .arrow, #send-button:hover .arrow {
        animation: bounceAlpha 1s infinite;
    }

@keyframes bounceAlpha {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    20% {
        opacity: 0;
        transform: translateX(10px)
    }

    30% {
        opacity: 0;
        transform: translateX(-10px)
    }

    60% {
        opacity: 1;
        transform: translateX(0)
    }
}

.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    padding: 0.75rem 1.25rem;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #ecf0f1;
    background: #212327 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEECAIAAAAd4J55AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUIyQzg0Q0RDQ0ExMTFFNjkyMDJGQkMzNjQ3OUEyMTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUIyQzg0Q0VDQ0ExMTFFNjkyMDJGQkMzNjQ3OUEyMTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QjJDODRDQkNDQTExMUU2OTIwMkZCQzM2NDc5QTIxNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QjJDODRDQ0NDQTExMUU2OTIwMkZCQzM2NDc5QTIxNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnMLhJsAAB3qSURBVHja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');
}

    .cookiealert.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0%);
        transition-delay: 1000ms;
    }

    .cookiealert a {
        text-decoration: underline
    }

    .cookiealert .acceptcookies {
        margin-left: 10px;
        vertical-align: baseline;
    }

.navbar-toggler {
    color: white;
    background: #ffffff30;
    border: 0;
}

.navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url('/art/more.svg') !important;
}


@supports not (-webkit-touch-callout: none) {
    .offcanvas.show {
        backdrop-filter: blur(10px);
        background: #000000C0;
    }

    .navbar.bg-dark {
        backdrop-filter: blur(10px);
        --bs-bg-opacity: 0.8;
    }
}

.two-col {
    display: grid;
    grid-template-columns: 1fr 1fr
}

@media(max-width: 768px) {
    .two-col {
        grid-template-columns: 1fr;
    }
}

#section-integration {
    background-color: #00d4a01a;
    background: linear-gradient(to right, #00d4a01a 0%, #00bcd41a 100%);
}

    #section-integration ul {
        text-align: left;
        padding: 0;
        font-size: 0.9em;
        list-style: none;
    }

    #section-integration li {
        margin-top: 2ex;
    }

    #section-integration h3:first-child {
        margin-top: 1em;
    }

    #section-integration h3:last-child {
        margin-bottom: 1em;
    }

.form-control:focus {
    border-bottom: 3px solid purple;
}

#hero-last .mid {
    padding-top: 13vh;
}

.navbar-brand {
    display: flex;
    gap: 1ex;
}

.offcanvas-header h5 {
    font-weight: 400;
}

.big-illustation-icon {
    width: 48px;
    height: 48px;
    margin: 1ex;
}

#section-contact {
}

    #section-contact .container {
        background: var(--bs-secondary-bg);
        border-radius: 16px;
        padding: 24px;
        text-align: center;
    }


#section-elephant .bi {
    width: 64px;
    height: 64px;
}









.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background: linear-gradient(to right, #cc2fc9 0%, #4f009c 100%);
    box-shadow: var(--bs-box-shadow), var(--bs-box-shadow-sm);
}










.wavy-box {
    --effect-height: 10vh;
    position: relative;
    padding-top: calc(var(--effect-height) + 1vh);
    padding-bottom: 0;
}

    .wavy-box::before {
        height: var(--effect-height);
        content: '';
        pointer-events: none;
        background-repeat: no-repeat;
        position: absolute;
        left: -0.1vw;
        right: -0.1vw;
        top: -0.1vw;
        background-size: 100% var(--effect-height);
        background-position: 50% 0%;
        overflow: hidden;
    }

    .wavy-box::after {
        height: var(--effect-height);
        content: '';
        display: block;
        pointer-events: none;
        background-repeat: no-repeat;
        background-size: 100% var(--effect-height);
        background-position: 50% 100%;
        transform: scaleY(-1.1);
    }

    .wavy-box::before, .wavy-box::after {
        background-image: url('art/wave-top.svg');
    }

[data-bs-theme="dark"] .wavy-box::before, [data-bs-theme="dark"] .wavy-box::after {
    background-image: url('art/wave-top-dark.svg');
}

#usecases-tabs .nav-item .bi {
    width: 2em;
    height: 2em;
    color: black;
}

#usecases-tabs .nav-item .active .bi {
    color: white;
}

#usecases-tabs .nav-item button {
    position: relative;
    transition: all 0.2s ease-out 0s;
}

#usecases-tabs .nav-item:hover button {
}

#usecases-tabs .nav-item button::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 25%;
    width: 50%;
    height: 0px;
    pointer-events: none;
    transition: all 0.2s ease-out 0s;
}

#usecases-tabs .nav-item button:hover::before {
    animation: 5s ease 0s infinite alternate none running breathe;
}

#usecases-tabs-content .tab-pane .row .col {
    padding-inline: 64px;
}

.section-title {
    font-size: 3rem;
    text-align: center;
}

.section-motto {
    text-align: center;
}

.bg-oo {
    background: linear-gradient(90deg, #cc2fc910 0%, #4f009c10 100%);
}

#browse-your-data .wavy-box {
    background: linear-gradient(90deg, #03a9f410 0%, #4f009c10 100%);
}

#section-contact {
}

#stay-in-picture .bi {
    width: 64px;
}

.skov {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3px
}

    .skov .item {
        border-right: 1px solid var(--bs-border-color);
        padding: 1em 4em;
        text-align: center;
    }

        .skov .item:last-child {
            border-right: 0px;
        }

        .skov .item svg {
            width: 4em;
            height: 4em;
        }

@media (max-width: 700px) {
    .skov {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3px
    }


        .skov .item {
            border-right: 0;
            border-bottom: 1px solid var(--bs-border-color);
            padding: 1ex;
            text-align: center;
        }

            .skov .item:last-child {
                border-bottom: 0px;
            }
}

#section-usecases .wavy-box {
    background: #f4f4f6;
}

[data-bs-theme="dark"] #section-usecases .wavy-box {
    background: #33333f;
}

[data-bs-theme="dark"] #usecases-tabs .nav-item .bi {
    color: unset;
}

#section-marketplace {
    background: linear-gradient(to bottom right, #f7c9ff, #c9eafc, #c9c5ff, #e4c5ff);
}

[data-bs-theme="dark"] #section-marketplace {
    background: linear-gradient(to bottom right, #e447ff33, #5dc6ff33, #655aff33, #ad4fff33);
}

#features-grid svg {
    width: 1em;
    height: 1em;
}

#block-universal-features svg.bi {
    color: purple;
}

    #block-universal-features svg.bi:nth-child() {
        color: red;
    }

.signup .form-container {
    border-radius: 1em;
    padding: 2em;
    box-shadow: var(--bs-box-shadow);
    background: white;
    text-align: left;
    background: rgba(255, 255, 255, 0.75);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

    .signup .form-container label:not(.form-check-label) {
        font-size: 0.85em;
        color: #330033;
        margin-block: 1em 0;
    }

    .signup .form-container input::placeholder, .signup .form-container textarea::placeholder {
        color: #8e9edd99;
    }

    .signup .form-container .form-check {
        margin-block: 1em;
        display: grid;
        grid-column-gap: 1ex;
        align-items: center;
        grid-template: auto auto / 40px 1fr;
    }

        .signup .form-container .form-check input {
            width: 32px;
            height: 32px;
        }

        .signup .form-container .form-check .invalid-feedback {
            grid-column: 2;
            grid-row: 2;
        }

        .signup .form-container .form-check input:checked {
            background-color: purple;
        }

.form-validation-summary {
    background: mediumvioletred;
    color: white;
    padding: 1ex;
    margin-block-end: 2em;
}

    .form-validation-summary ul {
        margin: 0;
    }


#signup-form {
    display: grid;
    gap: 2em;
    grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 768px) {
    #signup-form {
        grid-template-columns: 1fr;
    }
}


#signup-form h3 {
    color: purple;
    text-align: center;
    margin-block: 1ex 2em;
}