@import url("./fonts.css");
:root {
    --bs-body-font-size: 1.1rem;
  --ci_primary-font: "Exo 2", sans-serif;
  --ci_secondary-font: "Fredoka", sans-serif;
  --nx-border-radius: 20px;
  --bs-body-font-family: var(--ci_primary-font);
  /* CI Colors */
  --ci_primary-color: rgb(7, 72, 91);
  --ci_secondary-color: rgb(179, 235, 22);
  --ci_accent-color: rgb(255, 24, 237);
  --ci_primary-color-rgb: 7, 72, 91;
  --ci_secondary-color-rgb: 179, 235, 22;
  --ci_accent-color-rgb: 255, 24, 237;
  --ci_primary-color-50: rgba(7, 71, 91, 0.494);
  --ci_secondary-color-50: rgba(178, 235, 22, 0.502);
  --ci_accent-color-50: rgba(255, 24, 236, 0.506);
  /* CI Colors light */
  --ci_primary-color-light: #0a5a72;
  --ci_secondary-color-light: #ccfe42;
  --ci_accent-color-light: #ff73f3;
  /* CI gradient */
  --background-image_secondary: linear-gradient(
      #b3eb16 0%, 
      #a7de10 33%,
      #96ca07 66%, 
      #88b900 100%
  );
  --background-image_accent: linear-gradient(
      #ff18ed 0%,
      #ff2aed 33%,
      #ff4cf0 66%,
      #ff65f2 100%
  );
  --background-image_primary: linear-gradient(
      #008484 0%,
      #006f7a 33%,
      #005b6c 66%,
      #07475a 100%
  );
  --gradient-text_primary: linear-gradient(180deg,
      rgba(0, 132, 132, 1) 0%, 
      rgba(26, 161, 161, 1) 33%, 
      rgba(57, 179, 179, 1) 66%, 
      rgba(93, 194, 194, 1) 100%
  );
  --gradient-text_primary--dark: linear-gradient(180deg,
      rgba(0, 132, 132, 1) 0%, 
      rgba(0, 130, 130, 1) 33%, 
      rgba(0, 107, 107, 1) 66%, 
      rgba(0, 89, 89, 1) 100%
  );
  --gradient-text_secondary: linear-gradient(
      #b3eb16 0%, 
      #a7de10 33%,
      #96ca07 66%, 
      #88b900 100%
  );
  --bg-image-primary-3d: linear-gradient(to bottom, #20667a, #1c6074, #175a6e, #135569, #0e4f63, #0d5064, #0d5064, #0c5165, #0f576c, #135e74, #16647b, #196b83);
  --bg-image-secondary-3d: linear-gradient(to bottom, #b3eb16, #afe615, #abe015, #a7db14, #a3d613, #a3d613, #a3d613, #a3d613, #a7db14, #abe015, #afe615, #b3eb16);
  --bg-image-accent-3d: linear-gradient(to bottom, #ff18ed, #f517e4, #ec15db, #e214d2, #d913c9, #d913c9, #d913c9, #d913c9, #e214d2, #ec15db, #f517e4, #ff18ed);
  /* Elements */
  --glass-card-blur: blur(12px);
  --glass-card-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}
/* nexxup_web/templates/nexxup_web/pages/about_nexxup.html inline styles */
/* NexxUp Story – Statistics */

.nx-story-stats {
    overflow: hidden;
}

.nx-story-stats__divider {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .19);
}

.nx-story-stats__item {
    padding: 1rem 2rem;
}

.nx-story-stats__item:first-child {
    padding-left: 0;
}

.nx-story-stats__item:last-child {
    padding-right: 0;
}

.nx-story-stats__item + .nx-story-stats__item {
    border-left: 1px solid rgba(255, 255, 255, .19);
}

.nx-story-stats__label {
    display: block;
    color: rgba(255, 255, 255, .7);
    font-size: .8rem;
    font-weight: 500;
    letter-spacing: .045em;
    margin-bottom: .7rem;
}

.nx-story-stats__number {
    /*font-size: clamp(4rem, 8vw, 7.5rem);*/
    /*font-weight: 600;*/
    letter-spacing: -.06em;
    line-height: 1;
    margin: 0 0 1.25rem;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.nx-story-stats__number span {
    font-size: .6em;
}

.nx-story-stats__item > p:last-child {
    max-width: 250px;
    line-height: 1.5;
}

/* Vergleichsbalken */

.nx-story-stats__bar {
    width: 100%;
    height: 9px;
    background: rgba(255, 255, 255, .16);
    border-radius: 100px;
    overflow: hidden;
}

.nx-story-stats__bar-fill {
    height: 100%;
    border-radius: inherit;
}

.nx-story-stats__bar-fill--small {
    width: 54%;
    background: #f035ca;
}

.nx-story-stats__bar-fill--large {
    width: 9%;
    background: #b8eb35;
}

/* Quellenangabe */

.nx-story-stats__source {
    color: rgba(255, 255, 255, .65);
    font-size: .78rem;
    line-height: 1.6;
}

/* Mobile */

@media (max-width: 767.98px) {

    .nx-story-stats__item {
        padding: 1.5rem 0;
    }

    .nx-story-stats__item + .nx-story-stats__item {
        border-left: none;
        border-top: 1px solid rgba(255, 255, 255, .19);
    }

    /*.nx-story-stats__number {*/
    /*    font-size: clamp(4rem, 16vw, 6rem);*/
    /*}*/

    .nx-story-stats__item > p:last-child {
        max-width: 100%;
    }
}
/* nexxup_web/templates/nexxup_web/pages/about_nexxup.html inline styles */
/* ======================================
   NexxUp Story – Dots & Timeline
   ====================================== */

.nx-info-hero {
    isolation: isolate;
}

.nx-info-hero__content {
    z-index: 2;
}

/* Hero-Artwork */

.nx-story-hero-art {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
}

.nx-story-hero-line {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.nx-story-line-path {
    fill: none;
    stroke: #5EABB0;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-dasharray: 5 8;
    opacity: .42;
}

.nx-story-line-path--down {
    stroke: #2F979B;
    opacity: .6;
}

/* Gemeinsame NexxUp-Dots */

.nx-story-dot {
    position: absolute;
    display: block;
    width: var(--dot-size);
    height: var(--dot-size);
    left: var(--dot-x);
    top: var(--dot-y);
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity .7s ease;
}

.nx-story-dot-inner {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;

    /* Gleiche 3D-Optik wie beim Schüler-CTA */
    background:
        radial-gradient(
            circle at 32% 25%,
            rgba(255,255,255,.75),
            transparent 35%
        ),
        radial-gradient(
            circle at 70% 80%,
            rgba(0,0,0,.22),
            transparent 50%
        ),
        var(--dot-color);

    box-shadow:
        inset -5px -8px 12px rgba(0,0,0,.12),
        0 12px 24px rgba(0,0,0,.12);

    animation: nxStoryFloat 4s ease-in-out
               infinite alternate;
}

/* Gleiche Farben wie unsere bisherigen Dots */

.nx-story-dot--1 {
    --dot-size: 66px;
    --dot-color: #31859d;
    --dot-x: 13%;
    --dot-y: 34%;
}

.nx-story-dot--2 {
    --dot-size: 75px;
    --dot-color: #B5E936;
    --dot-x: 83%;
    --dot-y: 29%;
}

.nx-story-dot--3 {
    --dot-size: 60px;
    --dot-color: #6c757d;
    --dot-x: 24%;
    --dot-y: 74%;
}

.nx-story-dot--4 {
    --dot-size: 72px;
    --dot-color: #E83DCD;
    --dot-x: 78%;
    --dot-y: 72%;
}

@keyframes nxStoryFloat {
    from {
        transform: translateY(-9px) rotate(-5deg);
    }
    to {
        transform: translateY(9px) rotate(5deg);
    }
}

.nx-info-hero.is-visible .nx-story-dot {
    opacity: 1;
}

/* ======================================
   Story Chapters
   ====================================== */

.nx-story-chapters {
    position: relative;
}

.nx-story-chapters__inner {
    isolation: isolate;
}

.nx-story-chapters__spine {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    transform: translateX(-50%);
    pointer-events: none;
    z-index: 0;
}

.nx-story-chapters__spine-line {
    position: absolute;
    inset: 0;
    display: block;

    width: 1px;

    background: repeating-linear-gradient(
        to bottom,
        rgba(47,151,155,.45) 0 5px,
        transparent 5px 13px
    );
}

.nx-story-chapter {
    position: relative;
    z-index: 1;
    min-height: 280px;
}

.nx-story-chapter__node {
    position: absolute;
    top: 20%;
    left: 50%;

    width: 16px;
    height: 16px;
    border-radius: 50%;

    background: #B5E936;
    border: 4px solid #E0F2F0;

    transform: translate(-50%, -50%);
    box-shadow: 0 0 0 2px #5EABB0;
    z-index: 2;
}

.nx-story-chapter:nth-of-type(even)
.nx-story-chapter__node {
    background: #E83DCD;
}

/* ======================================
   Responsive
   ====================================== */

@media (max-width: 767.98px) {

    .nx-story-dot--1,
    .nx-story-dot--3 {
        --dot-size: 34px;
    }

    .nx-story-dot--2,
    .nx-story-dot--4 {
        --dot-size: 40px;
    }

    .nx-story-dot--1 { --dot-x: 9%; --dot-y: 26%; }
    .nx-story-dot--2 { --dot-x: 91%; --dot-y: 27%; }
    .nx-story-dot--3 { --dot-x: 12%; --dot-y: 78%; }
    .nx-story-dot--4 { --dot-x: 89%; --dot-y: 77%; }

    .nx-story-chapters__inner {
        padding-left: 20px;
    }

    .nx-story-chapters__spine {
        left: 2px;
    }

    .nx-story-chapter__node {
        left: -18px;
        top: 12px;
        width: 12px;
        height: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {

    .nx-story-dot-inner {
        animation: none !important;
    }

    .nx-story-dot {
        opacity: 1 !important;
        transition: none !important;
    }
}


/* =======================================
   NexxUp Story – Scroll Animation
   Ergänzung zum vorhandenen CSS
   ======================================= */

/* Hero-Verbindungslinie:
   Ein Hintergrundpfad bleibt dezent sichtbar.
   Darauf zeichnet JS einen zweiten Pfad. */

.nx-story-line-path {
    fill: none;
}

/* Wird von JS erzeugt */
.nx-story-line-reveal {
    fill: none;
    stroke: #399FA6;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: .85;
    pointer-events: none;
}

/* Nach unten führende Linie */
.nx-story-line-reveal--down {
    stroke-width: 1.8;
    opacity: .65;
}

/* Dots behalten die bestehenden
   Farben, Schatten und Float-Animationen. */

.nx-story-dot {
    transform:
        translate(
            calc(-50% + var(--nx-story-dx, 0px)),
            calc(-50% + var(--nx-story-dy, 0px))
        );
}

/* Vertikale Kapitel-Timeline */

.nx-story-chapters__spine-line {
    transform-origin: top center;
    transform: scaleY(var(--nx-chapter-progress, 0));
    will-change: transform;
}

/* Node-Grundzustand */
.nx-story-chapter__node {
    transition:
        transform .45s ease,
        box-shadow .45s ease,
        opacity .45s ease;

    opacity: .45;
}

/* Aktiver Knoten */
.nx-story-chapter.is-story-active
.nx-story-chapter__node {
    opacity: 1;

    transform:
        translate(-50%, -50%)
        scale(1.18);

    box-shadow:
        0 0 0 3px rgba(60, 165, 166, .15),
        0 0 22px rgba(60, 165, 166, .28);
}

/* Wichtig:
   Ohne JavaScript bleibt die gesamte
   Kapitel-Linie sichtbar. */

.nx-story-chapters:not(.nx-story-enhanced)
.nx-story-chapters__spine-line {
    transform: scaleY(1);
}

/* Mobile */
@media (max-width: 767.98px) {

    .nx-story-line-reveal {
        stroke-width: 2.5;
    }

    .nx-story-chapter.is-story-active
    .nx-story-chapter__node {
        transform:
            translate(-50%, -50%)
            scale(1.08);
    }
}

/* Animationen bei reduzierter Bewegung */
@media (prefers-reduced-motion: reduce) {

    .nx-story-dot,
    .nx-story-chapters__spine-line,
    .nx-story-chapter__node {
        transition: none !important;
        animation: none !important;
        will-change: auto !important;
    }

    .nx-story-dot-inner {
        animation: none !important;
    }
}
/* nexxup_web/templates/nexxup_web/pages/young_talent.html inline styles */
/* =========================================
   NexxUp Floating CTA
   ========================================= */

.nx-floating-cta {
    --nx-cta-progress: 0;
    position: relative;
    isolation: isolate;
    padding-top: 10rem;
    padding-bottom: 5rem;
}

.nx-floating-cta__body {
    position: relative;
    min-height: 90svh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 7rem;
    padding-bottom: 8rem;
}

.nx-floating-cta__content {
    position: relative;
    z-index: 2;
}

.nx-floating-cta__description {
    max-width: 560px;
    margin-inline: auto;
}

/* Die Bühne liegt hinter dem Inhalt */

.nx-floating-cta__stage {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

/* Gemeinsames Dot-Verhalten */

.nx-floating-cta__dot {
    position: absolute;
    display: block;
    width: var(--dot-size);
    height: var(--dot-size);
    left: var(--dot-left);
    top: var(--dot-top);

    transform: translate3d(
        var(--move-x, 0px),
        var(--move-y, 0px),
        0
    );

    will-change: transform;
}

.nx-floating-cta__dot-inner {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;

    background:
        radial-gradient(
            circle at 32% 25%,
            rgba(255,255,255,.75),
            transparent 35%
        ),
        radial-gradient(
            circle at 70% 80%,
            rgba(0,0,0,.22),
            transparent 50%
        ),
        var(--dot-color);

    box-shadow:
        inset -5px -8px 12px rgba(0,0,0,.12),
        0 12px 24px rgba(0,0,0,.12);

    animation: nxDotFloat var(--float-duration)
               ease-in-out infinite alternate;
}

/* Vier unterschiedlich positionierte Dots */

.nx-floating-cta__dot--1 {
    --dot-size: 78px;
    --dot-left: 10%;
    --dot-top: 21%;
    --dot-color: #58C5E4;
    --float-duration: 3.1s;
}

.nx-floating-cta__dot--2 {
    --dot-size: 90px;
    --dot-left: 78%;
    --dot-top: 16%;
    --dot-color: #B5E936;
    --float-duration: 3.7s;
}

.nx-floating-cta__dot--3 {
    --dot-size: 70px;
    --dot-left: 19%;
    --dot-top: 75%;
    --dot-color: #6c757d;
    --float-duration: 3.4s;
}

.nx-floating-cta__dot--4 {
    --dot-size: 85px;
    --dot-left: 72%;
    --dot-top: 73%;
    --dot-color: #E83DCD;
    --float-duration: 4s;
}

/* Dezente Bewegung im freien Zustand */

@keyframes nxDotFloat {
    from {
        transform: translate3d(0, -8px, 0) rotate(-5deg);
    }
    to {
        transform: translate3d(0, 8px, 0) rotate(5deg);
    }
}

/* Horizontale Abschlusslinie */

.nx-floating-cta__baseline {
    position: absolute;
    left: 5%;
    right: 5%;
    bottom: 30px;
    height: 1px;

    background: currentColor;
    opacity: calc(.12 + var(--nx-cta-progress) * .25);
}

/* Beim Andocken stoppt das freie Schweben */

.nx-floating-cta.is-docked
.nx-floating-cta__dot-inner {
    animation-play-state: paused;
}

/* Responsive Anpassungen */

@media (max-width: 767.98px) {

    .nx-floating-cta__body {
        min-height: 85svh;
        padding-top: 6rem;
        padding-bottom: 7rem;
    }

    .nx-floating-cta__dot--1 {
        --dot-size: 42px;
        --dot-left: 3%;
        --dot-top: 19%;
    }

    .nx-floating-cta__dot--2 {
        --dot-size: 48px;
        --dot-left: 82%;
        --dot-top: 17%;
    }

    .nx-floating-cta__dot--3 {
        --dot-size: 40px;
        --dot-left: 6%;
        --dot-top: 76%;
    }

    .nx-floating-cta__dot--4 {
        --dot-size: 45px;
        --dot-left: 82%;
        --dot-top: 73%;
    }

    .nx-floating-cta__description {
        max-width: 320px;
    }
}

@media (prefers-reduced-motion: reduce) {

    .nx-floating-cta__dot,
    .nx-floating-cta__dot-inner {
        animation: none !important;
        transition: none !important;
    }

    .nx-floating-cta__dot {
        will-change: auto;
    }
}
/* nexxup_web/templates/nexxup_web/pages/young_talent.html inline styles */
/* NexxUp Student Showcase */
        .nx-showcase {
            --nx-card-width: min(76vw, 680px);
            --nx-card-gap: 24px;
            position: relative;
        }

        .nx-showcase-toolbar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 1.5rem;
        }

        .nx-showcase-label {
            font-size: 1rem;
            font-weight: 500;
        }

        .nx-showcase-controls {
            display: flex;
            gap: .6rem;
        }

        .nx-showcase-arrow {
            display: grid;
            place-items: center;
            width: 46px;
            height: 46px;
            border-radius: 50%;
            border: 1px solid rgba(20, 70, 80, .25);
            background: transparent;
            color: inherit;
            cursor: pointer;
            transition: background .2s ease, opacity .2s ease;
        }

        .nx-showcase-arrow:hover:not(:disabled) {
            background: rgba(20, 70, 80, .08);
        }

        .nx-showcase-arrow:disabled {
            opacity: .3;
            cursor: default;
        }

        .nx-showcase-arrow:focus-visible,
        .nx-showcase-viewport:focus-visible {
            outline: 2px solid #168da0;
            outline-offset: 4px;
        }

        /* Viewport */
        .nx-showcase-viewport {
            overflow: hidden;
            width: 100%;
            touch-action: pan-y;
        }

        /* Kartenreihe */
        .nx-showcase-track {
            display: flex;
            align-items: flex-start;
            gap: var(--nx-card-gap);
            transition: transform .65s cubic-bezier(.22, 1, .36, 1);
            will-change: transform;
        }

        .nx-showcase-slide {
            flex: 0 0 var(--nx-card-width);
            min-width: 0;
            transition: opacity .45s ease;
            opacity: .42;
        }

        .nx-showcase-slide.is-active {
            opacity: 1;
        }

        /* Visual-Fläche */
        .nx-showcase-visual {
            display: flex;
            align-items: center;
            justify-content: center;
            height: clamp(280px, 38vw, 480px);
            border-radius: 32px;
            overflow: hidden;
            padding: clamp(20px, 3vw, 48px);
        }

        .nx-showcase-visual img {
            filter: drop-shadow(0 0px 8px rgba(0, 0, 0, 0.35));
            display: block;
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
        }

        /* Copy unter dem Visual */
        .nx-showcase-copy {
            padding: 1.25rem .4rem 0;
        }

        .nx-showcase-copy h3 {
            font-size: clamp(1.25rem, 2vw, 1.75rem);
            line-height: 1.25;
            margin-bottom: .65rem;
        }

        .nx-showcase-copy p {
            font-size: 1rem;
            line-height: 1.65;
            max-width: 620px;
            margin-bottom: 0;
        }

        /* Tablet */
        @media (max-width: 991.98px) {
            .nx-showcase {
                --nx-card-width: 84vw;
                --nx-card-gap: 16px;
            }

            .nx-showcase-visual {
                height: 360px;
                border-radius: 24px;
            }
        }

        /* Smartphone */
        @media (max-width: 575.98px) {
            .nx-showcase {
                --nx-card-width: 86vw;
                --nx-card-gap: 12px;
            }

            .nx-showcase-visual {
                height: 280px;
                border-radius: 20px;
                padding: 16px;
            }

            .nx-showcase-copy {
                padding: 1rem .2rem 0;
            }

            .nx-showcase-copy h3 {
                font-size: 1.2rem;
            }

            .nx-showcase-copy p {
                font-size: .9rem;
                line-height: 1.5;
            }

            .nx-showcase-arrow {
                width: 40px;
                height: 40px;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .nx-showcase-track,
            .nx-showcase-slide {
                transition: none;
            }
        }
/* nexxup_web/templates/nexxup_web/pages/companies.html inline styles */
.nx-process-tabs {
          --nx-tab-duration: 4600ms;
        }

        .nx-process-tabs .nav {
          position: relative;
        }

        .nx-process-tabs .nx-tab-link {
          position: relative;
          min-height: 7rem;
          padding: 1.25rem 1.25rem 1.25rem 1.75rem;
          overflow: hidden;
          border-bottom: 1px solid rgba(var(--ci_primary-color-rgb), .92);
          border-radius: 0;
          background: transparent;
          transition: transform .3s ease;
        }

        .nx-process-tabs .nx-tab-link span {
          display: block;
          max-height: 0;
          margin-top: 0;
          overflow: hidden;
          font-size: .875rem;
          font-weight: 400;
          line-height: 1.55;
          opacity: 0;
          transform: translateY(-.35rem);
          transition: max-height .4s ease, margin .4s ease, opacity .3s ease, transform .3s ease;
        }

        .nx-process-tabs .nx-tab-link:hover,
        .nx-process-tabs .nx-tab-link:focus-visible {
          color: var(--ci_accent-color);
          background: rgba(var(--ci_primary-color-rgb), .05);
        }

        .nx-process-tabs .nx-tab-link.active {
          background: transparent;
          transform: translateX(.35rem);
        }

        .nx-process-tabs .nx-tab-link.active::after {
          background: var(--ci_accent-color);
          box-shadow: 0 0 0 .3rem rgba(var(--ci_accent-color-rgb), .14);
          transform: scale(1.1);
        }

        .nx-process-tabs .nx-tab-link.active span {
          max-height: 5rem;
          margin-top: .6rem;
          opacity: 1;
          transform: translateY(0);
        }

        .nx-process-tabs .tab-content {
          min-width: 0;
        }

        .nx-process-tabs .tab-pane {
          animation: nx-tab-content-in .5s cubic-bezier(.2, .8, .2, 1);
        }

        .nx-process-tabs.is-playing .nx-tab-link.active {
          background-image: linear-gradient(
            90deg,
            rgba(var(--ci_primary-color-rgb), .92) 0,
            rgba(var(--ci_primary-color-rgb), .92) 100%
          );
          background-repeat: no-repeat;
          background-position: left bottom;
          background-size: 0 3px;
          animation: nx-tab-progress var(--nx-tab-duration) linear forwards;
        }

        @keyframes nx-tab-content-in {
          from {
            opacity: 0;
            transform: translateY(.85rem);
          }

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

        @keyframes nx-tab-progress {
          to {
            background-size: 100% 3px;
          }
        }

        @media (max-width: 991.98px) {
          .nx-process-tabs .nav {
            flex-direction: row !important;
            width: 100%;
            overflow-x: auto;
            padding-bottom: .25rem;
          }

          .nx-process-tabs .nx-tab-link {
            /*flex: 0 0 min(17rem, 84vw);*/
            min-height: auto;
            transform: none !important;
          }

          .nx-process-tabs .tab-content {
            width: 100%;
          }
        }

        @media (prefers-reduced-motion: reduce) {
          .nx-process-tabs *,
          .nx-process-tabs *::before,
          .nx-process-tabs *::after {
            animation-duration: .01ms !important;
            animation-iteration-count: 1 !important;
            scroll-behavior: auto !important;
            transition-duration: .01ms !important;
          }
        }
/* nexxup_web/templates/nexxup_web/pages/companies.html inline styles */
.nx-timeline-track {
          padding-top: 4rem;
        }

        .nx-timeline-line {
          position: absolute;
          z-index: 0;
          top: 1rem;
          left: 0;
          width: 100%;
          height: 11rem;
          overflow: visible;
          pointer-events: none;
        }

        .nx-timeline-path {
          fill: none;
          stroke: rgba(var(--ci_primary-color-rgb), .6);
          stroke-width: 2;
          stroke-dasharray: 5 8;
        }

        .nx-timeline-step {
          position: relative;
          z-index: 1;
          padding: 1.5rem 1rem;
          border-radius: 1rem;
          opacity: .3;
          transform: translateY(1rem);
          transition: opacity .45s ease, transform .45s ease;
        }

        .nx-timeline-step.is-active {
          opacity: 1;
          transform: translateY(0);
        }

        .nx-timeline-icon {
          position: relative;
          transition: transform .35s ease, box-shadow .35s ease;
        }

        .nx-timeline-step.is-active .nx-timeline-icon {
          transform: scale(1.08);
          /*box-shadow: 0 .75rem 1.5rem rgba(var(--ci_accent-color-rgb), .24);*/
        }

        .nx-timeline-dot {
          fill: var(--ci_accent-color);
          opacity: 0;
          filter: drop-shadow(0 0 4px rgba(var(--ci_accent-color-rgb), .45));
        }

        .nx-timeline.is-animated .nx-timeline-dot {
          animation: nx-dot-fall 6.7s cubic-bezier(.2, .8, .2, 1) forwards;
        }

        @keyframes nx-dot-fall {
          from {
            opacity: 0;
            transform: translateY(-2rem) scale(.2);
          }
          70% {
            opacity: 1;
            transform: translateY(.2rem) scale(1.15);
          }
          to {
            opacity: 1;
            transform: translateY(0) scale(1);
          }
        }

        @media (max-width: 991.98px) {
          .nx-timeline-track {
            padding-top: 0;
          }

          .nx-timeline-line {
            display: none;
          }

          .nx-timeline-step {
            /*border: 1px solid rgba(var(--ci_primary-color-rgb), .12);*/
            /*background: var(--bs-body-bg);*/
              border: var(--nx-glass-card-border);
              background: var(--nx-glass-card-background);
              box-shadow: var(--nx-glass-card-shadow);
          }
        }

        @media (max-width: 767.98px) {
          .nx-timeline-track {
            --nx-mobile-icon-size: 4.5rem;
          }

          .nx-timeline-track .row {
            gap: 0 !important;
          }

          .nx-timeline-track .col {
            padding-top: .75rem;
            padding-bottom: .75rem;
          }

          .nx-timeline-step {
            min-height: calc(var(--nx-mobile-icon-size) + 2.5rem);
            padding: 1.25rem 1.25rem 1.25rem calc(var(--nx-mobile-icon-size) + 2.5rem);
            text-align: left !important;
          }

          .nx-timeline-icon {
            position: absolute;
            z-index: 2;
            top: 1.25rem;
            left: 1.25rem;
            width: var(--nx-mobile-icon-size);
            height: var(--nx-mobile-icon-size);
            flex: 0 0 var(--nx-mobile-icon-size);
          }

          .nx-timeline-step::after {
            position: absolute;
            z-index: 0;
            top: calc(1.25rem + var(--nx-mobile-icon-size));
            bottom: -2rem;
            left: calc(1.25rem + (var(--nx-mobile-icon-size) / 2));
            border-left: 2px dashed rgba(var(--ci_primary-color-rgb), .2);
            content: "";
            transition: border-color .45s ease;
          }

          .nx-timeline-step.is-active::after {
            border-color: rgba(var(--ci_accent-color-rgb), .75);
          }

          .nx-timeline-track .col:last-child .nx-timeline-step::after {
            display: none;
          }

          .nx-timeline-step p {
            position: relative;
            z-index: 1;
          }

          .nx-timeline-step .fw-semibold {
            margin-top: .2rem !important;
          }
        }

        @media (prefers-reduced-motion: reduce) {
          .nx-timeline-step,
          .nx-timeline-icon {
            transition: none;
          }

          .nx-timeline.is-animated .nx-timeline-dot {
            animation: none;
            opacity: 1;
          }
        }

[data-bs-theme="dark"] {
  --ci-body-bg: #120427;
  --ci-body-bg-rgb: 18, 4, 39;
  --ci-bg-trans-50: rgba(var(--ci-body-bg-rgb), 0.525);
  /* Header nav */
  --nx-nav-bg: rgba(255, 255, 255, 0.7);
  --nx-nav-link-color: #333;
  --nx-nav-brand-color: var(--ci_primary-color);
  /* nx-class-card */
  --glass-card-border: 1px solid rgba(255, 255, 255, 0.1);
  --glass-card-bg: linear-gradient(140deg, rgba(255, 255, 255, 0.039), rgba(251, 251, 251, 0.102));
  --nx-glass-card-shadow: inset 4px 4px 16px 0 rgba(255, 255, 255, 0.09);
  /* nx-light-card */
  --light-card-border: 1px solid rgba(255, 255, 255, 0.08);
  --light-card-bg: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.015));
  /* list icon color */
  --nx-list-icon-color-rgb: var(--ci_secondary-color-rgb);
  /* cta */
  --nx-cta-banner--bg: var(--ci_secondary-color);
  --nx-cta-lg-bg: radial-gradient(900px 600px at 85% 30%, rgba(255, 255, 255, 0.10), transparent 65%), linear-gradient(135deg, #03171e 0%, #07485b 45%, #042b36 100%);
  /* Chip colors */
  --nx-chip-secondary-bg: linear-gradient(180deg, rgba(var(--ci_secondary-color-rgb), 0.12), rgba(var(--ci_secondary-color-rgb), 0.06));
  --nx-chip-accent-bg: linear-gradient(180deg, rgba(var(--ci_accent-color-rgb), 0.12), rgba(var(--ci_accent-color-rgb), 0.06));
  --nx-chip-primary-bg: linear-gradient(180deg, rgba(var(--ci_primary-color-rgb), 0.12), rgba(var(--ci_primary-color-rgb), 0.06));
  --nx-chip-automation-bg: linear-gradient(135deg, rgba(var(--ci_primary-color-rgb), 0.22), rgba(var(--ci_accent-color-rgb), 0.18) 48%, rgba(var(--ci_secondary-color-rgb), 0.18));
  --nx-chip-secondary-color: rgba(var(--ci_secondary-color-rgb), 0.95);
  --nx-chip-accent-color: rgba(var(--ci_accent-color-rgb), 0.95);
  --nx-chip-primary-color: rgb(45 167 203);
  --nx-chip-automation-color: var(--ci-body-color);
  --nx-chip-secondary-border: rgba(var(--ci_secondary-color-rgb), 0.22);
  --nx-chip-accent-border: rgba(var(--ci_accent-color-rgb), 0.22);
  --nx-chip-primary-border: rgba(var(--ci_primary-color-rgb), 0.22);
  --nx-chip-automation-border: rgba(var(--ci_accent-color-rgb), 0.28);
  --nx-eyebrow-color: var(--ci_secondary-color);
  /* chaos field colors */
  --chaos-field-large-color: rgba(var(--ci_secondary-color-rgb), 0.24);
  --chaos-field-medium-color: rgba(var(--ci_primary-color-rgb), 0.26);
  --chaos-field-small-color: rgba(var(--ci_accent-color-rgb), 0.1);
  /* flow line bg */
  --flow-line-bg:
      rgba(var(--ci_secondary-color-rgb), 0.04),
      rgba(var(--ci_secondary-color-rgb), 1),
      rgba(var(--ci_accent-color-rgb), 0.8),
      rgba(var(--ci_secondary-color-rgb), 0.04);
}
[data-bs-theme="light"],
[data-bs-theme="auto"] {
  --ci-body-bg: #def0f1;
  --ci-body-bg-rgb: 222, 240, 241;
  --ci-bg-lighter: rgb(206, 193, 204);
  --ci-bg-trans-50: rgba(249, 229, 241, 0.533);
  /* Header nav */
  --nx-nav-bg: rgba(255, 255, 255, 0.7);
  --nx-nav-link-color: #eee;
  --nx-nav-brand-color: #eee;
  /* nx-class-card */
  --glass-card-bg: linear-gradient(140deg, rgba(255, 255, 255, 0.274), rgba(177, 239, 255, 0.2));
  --glass-card-border: 1px solid rgba(190, 190, 190, 0.281);
  --nx-glass-card-shadow: inset 4px 4px 16px 0 rgb(123 123 123 / 15%);
  /* nx-light-card */
  --light-card-border: 1px solid rgba(26, 110, 131, 0.08);
  --light-card-bg: linear-gradient(180deg, rgba(26, 110, 131, 0.03), rgba(26, 110, 131, 0.015));
  /* list icon color */
  --nx-list-icon-color-rgb: var(--ci_primary-color-rgb);
   /* cta */
  --nx-cta-banner--bg: #e8f3f4;
  --nx-cta-lg-bg: radial-gradient(900px 600px at 85% 30%, rgba(255, 255, 255, 0.10), transparent 65%), linear-gradient(135deg, #03171e7d 0%, #07485b70 45%, #042b3600 100%);
  /* Chip colors */
  --nx-chip-secondary-bg: var(--background-image_secondary);
  --nx-chip-accent-bg: linear-gradient(180deg, rgba(var(--ci_accent-color-rgb), 0.12), rgba(var(--ci_accent-color-rgb), 0.06));
  --nx-chip-primary-bg: linear-gradient(180deg, rgba(var(--ci_primary-color-rgb), 0.12), rgba(var(--ci_primary-color-rgb), 0.06));
  --nx-chip-automation-bg: linear-gradient(135deg, rgba(var(--ci_primary-color-rgb), 0.14), rgba(var(--ci_accent-color-rgb), 0.14) 48%, rgba(var(--ci_secondary-color-rgb), 0.16));
  --nx-chip-secondary-color:var(--ci_primary-color);
  --nx-chip-accent-color: rgba(var(--ci_accent-color-rgb), 0.95);
  --nx-chip-primary-color: rgba(var(--ci_primary-color-rgb), 0.95);
  --nx-chip-automation-color: var(--ci_primary-color);
  --nx-chip-secondary-border: rgba(255, 255, 255, 0);
  --nx-chip-accent-border: rgba(var(--ci_accent-color-rgb), 0.22);
  --nx-chip-primary-border: rgba(var(--ci_primary-color-rgb), 0.22);
  --nx-chip-automation-border: rgba(var(--ci_accent-color-rgb), 0.24);
  --nx-eyebrow-color: var(--ci_primary-color);
  /* chaos field colors */
  --chaos-field-large-color: rgba(var(--ci_accent-color-rgb), 0.2);
  --chaos-field-medium-color: rgba(var(--ci_primary-color-rgb), 0.2);
  --chaos-field-small-color: rgba(var(--ci_primary-color-rgb), 0.48);
  /* flow line bg */
  --flow-line-bg:
      rgba(var(--ci_primary-color-rgb), 0.3),
      rgba(var(--ci_secondary-color-rgb), 1),
      rgba(var(--ci_accent-color-rgb), 0.8),
      rgba(var(--ci_primary-color-rgb), 0.04);
}
@media screen and (min-width:992px) {
  [data-bs-theme="light"],
  [data-bs-theme="auto"] {
    --nx-nav-brand-color: var(--ci_primary-color);
  }
  [data-bs-theme="dark"] {
    --nx-nav-brand-color: var(--nx-nav-brand-color);
  }
}
* {
    overscroll-behavior: auto;
    line-height: 150%;
}
html,
body,
main {
  background-color: var(--ci-body-bg) !important; 
}
.nx-page-shell {
  opacity: 1;
  transition: opacity 150ms ease;
  will-change: opacity;
}
html.nx-page-transition-enabled.nx-page-entering .nx-page-shell,
html.nx-page-transition-enabled.nx-page-leaving .nx-page-shell {
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  .nx-page-shell {
    transition: none;
  }
}
[data-nx-reveal]:not([data-nx-reveal="off"]) {
  opacity: 0;
  transform: translate3d(0, var(--nx-reveal-y, 16px), 0);
  transition:
    opacity var(--nx-reveal-duration, 680ms) ease,
    transform var(--nx-reveal-duration, 680ms) cubic-bezier(.16, .84, .24, 1);
  transition-delay: var(--nx-reveal-delay, 0ms);
  will-change: opacity, transform;
}
[data-nx-reveal="soft"] {
  --nx-reveal-y: 12px;
  --nx-reveal-duration: 620ms;
}
[data-nx-reveal="fade"] {
  --nx-reveal-y: 0;
  --nx-reveal-duration: 420ms;
}
[data-nx-reveal]:not([data-nx-reveal="off"]).is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
[data-nx-parallax] {
  transform: translate3d(0, var(--nx-parallax-y, 0), 0);
  will-change: transform;
}
@media (prefers-reduced-motion: reduce) {
  [data-nx-reveal]:not([data-nx-reveal="off"]) {
    opacity: 1;
    transform: none;
    transition: none;
  }

  [data-nx-parallax] {
    transform: none;
  }
}
.container {
  max-width: 1520px !important;
}
.custom_cursor {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
  mix-blend-mode: difference;
  pointer-events: none;
  box-shadow: 0 0 8px rgba(255, 255, 255, .8);
  transform: translate3d(-100px, -100px, 0) translate(-50%, -50%);
  transition: opacity 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}
.custom_cursor.is-visible {
  opacity: 1;
}
.custom_cursor.is-active {
  background: rgba(var(--ci_secondary-color-rgb), 0.28);
  box-shadow:
    0 0 0 8px rgba(var(--ci_secondary-color-rgb), 0.08),
    0 0 18px rgba(var(--ci_secondary-color-rgb), 0.24);
}
@media (prefers-reduced-motion: reduce) {
  .custom_cursor {
    display: none;
  }
}
/* =============================== */
/* Elements */
/* =============================== */
.isolation-isolate {
  isolation: isolate;
}
.inset-0 {
  inset: 0;
}
.nx-border-color__primary-light {
  border-color: var(--nx-chip-primary-border) !important;
}
.nx-border-color__secondary-light {
  border-color: var(--nx-chip-secondary-border) !important;
}
.nx-border-color__accent-light {
  border-color: var(--nx-chip-accent-border) !important;
}
.nx-border-color__automation-light {
  border-color: var(--nx-chip-automation-border) !important;
}
.nx-bg-color__primary-light {
  background: var(--nx-chip-primary-bg) !important;
}
.nx-bg-color__secondary-light {
  background: linear-gradient(180deg, rgba(var(--ci_secondary-color-rgb), 0.12), rgba(var(--ci_secondary-color-rgb), 0.06)) !important;
}
.nx-bg-color__accent-light {
  background: var(--nx-chip-accent-bg) !important;
}
.nx-bg-color__automation-light {
  background: var(--nx-chip-automation-bg) !important;
}
.nx-bg-unset {
  background-image: none !important;
  background-color: transparent !important;
}
.nx-bg-primary {
  background-image: var(--background-image_primary);
}
.nx-bg-secondary {
  background-image: var(--background-image_secondary);
}
.nx-bg-accent {
  background-image: var(--background-image_accent);
}
.nx-bg-bgci-3d {
  background-image: var(--bg-image-bgci-3d);
}
.nx-bg-secondary-3d {
  background-image: var(--bg-image-secondary-3d);
}
.nx-bg-primary-3d {
  background-image: var(--bg-image-primary-3d);
  color: #fff;
}
.nx-bg-accent-3d {
  background-image: var(--bg-image-accent-3d);
  color: #fff;
}
.nx-gradient-bg {
  background: linear-gradient(180deg, var(--ci-body-bg) 40%, transparent) !important;
}
.nx-soft-overlay {
  background: linear-gradient(0deg, var(--ci-body-bg) 40%, transparent);
  height: 60px;
}
.nx-bg-130--primary {
  background: linear-gradient(135deg, var(--ci_primary-color), transparent);
}
.nx-ci-bg {
  background-color: var(--ci-body-bg) !important;
}
.nx-ci-bg-trans {
  background-color: var(--ci-bg-trans-50) !important;
}
.nx-ci-bg-lighter {
  background-color: var(--ci-bg-lighter) !important;
}
.nx-light-card {
  background: var(--light-card-bg);
  border: var(--light-card-border);
}
.nx-glass-card {
  background: var(--glass-card-bg);
  box-shadow: var(--nx-glass-card-shadow);
  backdrop-filter: var(--glass-card-blur);
  -webkit-backdrop-filter: var(--glass-card-blur);
  border: var(--glass-card-border) !important;
}
.nx-glass-card-dark {
  background: var(--ci-bg-trans-50);
  border: 1px solid rgba(255, 255, 255, 0.15);
  backdrop-filter: var(--glass-card-blur);
  -webkit-backdrop-filter: var(--glass-card-blur);
}
.nx-liquid-glass-filter {
  position: fixed;
  left: -1px;
  top: -1px;
  width: 1px;
  height: 1px;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
}
.nx-apple-glass {
  --nx-liquid-glass-bg: rgba(255, 255, 255, 0.05);
  --nx-liquid-glass-highlight: rgba(255, 255, 255, 0.35);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: transparent;
  border: 0;
  box-shadow:
    0 6px 6px rgba(0, 0, 0, 0.20),
    0 0 20px rgba(0, 0, 0, 0.10);
}
.nx-apple-glass__filter,
.nx-apple-glass__overlay,
.nx-apple-glass__specular {
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
}
.nx-apple-glass__filter {
  z-index: 0;
  filter: none;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  isolation: isolate;
}
.nx-liquid-glass-supported .nx-apple-glass__filter {
  filter: url("#nx-liquid-glass");
  backdrop-filter: blur(2px) saturate(160%);
  -webkit-backdrop-filter: blur(2px) saturate(160%);
}
.nx-apple-glass__overlay {
  z-index: 1;
  background: var(--nx-liquid-glass-bg);
}
.nx-apple-glass__specular {
  z-index: 2;
  box-shadow:
    inset 1px 1px 17px var(--nx-liquid-glass-highlight),
    inset 0 0 10px rgba(65, 65, 65, .23);
}
.nx-apple-glass > *:not(.nx-apple-glass__filter):not(.nx-apple-glass__overlay):not(.nx-apple-glass__specular) {
  position: relative;
  z-index: 3;
}
.nx-no-blur {
  backdrop-filter: unset !important;
}
/* nx Tooltip */
.nx-app-tooltip {
    --bs-tooltip-bg: transparent;
    --bs-tooltip-color: #fff;
    --bs-tooltip-opacity: 1;
    --bs-tooltip-padding-x: 0;
    --bs-tooltip-padding-y: 0;
}
.nx-app-tooltip .tooltip-inner {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-width: 18rem;
    padding: .85rem 1rem;
    border: 1px solid rgba(var(--ci_accent-color-rgb), .55);
    border-radius: 1rem;
    background: linear-gradient(135deg, rgba(7, 72, 91, .88), rgba(38, 21, 48, .9));
    box-shadow:
        0 .75rem 2rem rgba(7, 72, 91, .25),
        0 0 1.25rem rgba(var(--ci_accent-color-rgb), .22),
        inset 0 1px 0 rgba(255, 255, 255, .18);
    backdrop-filter: blur(14px);
    color: var(--bs-tooltip-color);
    font-size: .9rem;
    line-height: 1.45;
    text-align: left;
    animation: nx-app-tooltip-pop .42s cubic-bezier(.22, 1.35, .45, 1) both;
}
.nx-app-tooltip .tooltip-inner strong {
    color: var(--ci_accent-color);
    font-weight: 700;
}
.nx-app-tooltip .tooltip-inner p {
    margin-bottom: 0;
}
.nx-app-tooltip .tooltip-arrow::before {
    border-top-color: rgba(38, 21, 48, .9);
}
@keyframes nx-app-tooltip-pop {
    0% {
        opacity: 0;
        transform: translateY(.65rem) scale(.92);
    }
    65% {
        opacity: 1;
        transform: translateY(-.18rem) scale(1.02);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .nx-app-tooltip .tooltip-inner {
        animation: none;
    }
}
.nexxup-point__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgb(179, 235, 22);
  box-shadow: 0 0 18px rgba(179, 235, 22, 0.7);
  flex-shrink: 0;
}
.nx-chip {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .25rem .65rem;
  font-size: .75rem;
  font-weight: 600;
  border-radius: 15px;
  background: var(--ci-body-bg);
  border: var(--glass-card-border);
}
.nx-chip--accent {
  background: var(--nx-chip-accent-bg);
  color: var(--nx-chip-accent-color);
  border-color: var(--nx-chip-accent-border);
}
.nx-chip--primary {
  background: var(--nx-chip-primary-bg);
  color: var(--nx-chip-primary-color);
  border-color: var(--nx-chip-primary-border);
}
.nx-chip--secondary {
  background: var(--nx-chip-secondary-bg);
  color: var(--nx-chip-secondary-color);
  border-color: var(--nx-chip-secondary-border);
}
.nx-chip--automation {
  background: var(--nx-chip-automation-bg);
  color: var(--nx-chip-automation-color);
  border-color: var(--nx-chip-automation-border);
}
/* nx list */
.nx-phase-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nx-phase-list li {
  display: flex;
  align-items: flex-start;
  gap: .55rem;
  color: var(--bs-secondary-color);
  line-height: 1.5;
}
.nx-phase-list li + li {
  margin-top: .45rem;
  padding-top: .45rem;
  border-top: 1px solid rgba(255,255,255,0.06);
}
.nx-phase-list__icon {
  flex: 0 0 auto;
  color: rgba(var(--nx-list-icon-color-rgb), 0.95);
  margin-top: .12rem;
  font-size: .9rem;
}
.nx-phase-list__text {
  min-width: 0;
}
.nx-stepline {
  width: 2px;
  flex: 1;
  min-height: 32px;
  background: rgba(var(--ci_secondary-color-rgb), .25);
  margin-top: 6px;
}
/* Card Border Top Glow */
.nx-card-top--glow::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 2px;
  background: linear-gradient(90deg, rgba(var(--bs-primary-rgb), 0.7), rgba(255, 255, 255, 0));
  opacity: .7;
}
.nx-card-top--glow__accent::before {
  background: linear-gradient(90deg, rgba(var(--ci_accent-color-rgb), 0.9), rgba(255, 255, 255, 0));
}
.nx-card-top--glow__primary::before {
  background: linear-gradient(90deg, rgba(var(--ci_primary-color-rgb), 0.9), rgba(255, 255, 255, 0));
}
.nx-card-top--glow__secondary::before {
  background: linear-gradient(90deg, rgba(var(--ci_secondary-color-rgb), 0.95), rgba(255, 255, 255, 0));
}
.nx-card-shine--secondary {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.02) 28%, transparent 48%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.08),
    0 10px 30px rgba(0,0,0,0.18);
}
.nx-card-shine--primary {
  background: radial-gradient(260px 120px at 85% 0%, rgba(var(--ci_primary-color-rgb), 0.12), transparent 70%);
}
.nx-card-shine--accent {
  background: radial-gradient(260px 120px at 85% 0%, rgba(var(--ci_accent-color-rgb), 0.12), transparent 70%);
}
/* Signal bar - Border-Top */
.nx-border-top__card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 2px;
  background: linear-gradient(90deg, rgba(var(--ci_secondary-color-rgb), 0.7), rgba(255, 255, 255, 0));
}
.nx-signal-bar {
  width: 120px;
  height: .34rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  overflow: hidden;
  justify-self: end;
}
.nx-signal-bar>span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(var(--ci_secondary-color-rgb), 0.9), rgba(var(--ci_secondary-color-rgb), 0.35));
}
.nx-path {
  position: relative;
}
.nx-path::before {
  content: "";
  position: absolute;
  /* left: 1.05rem; */
  top: 2.3rem;
  bottom: 2.3rem;
  width: 2px;
  background: linear-gradient(180deg, rgba(var(--ci_secondary-color-rgb), 0.78), rgba(var(--ci_primary-color-rgb), 0.42));
}
/* Feature Flow - Timeline */
.flow_number {
    background: -webkit-linear-gradient(#0a5a72, #3333332b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 5em !important;
    text-align: left;
    width: fit-content;
}
.nx-feature-flow__line {
  left: 0;
  right: 0;
  top: 2.25rem;
  height: 1px;
  background: linear-gradient(90deg, var(--flow-line-bg));
  pointer-events: none;
}
@media screen and (max-width: 991.98px) {
  .nx-feature-flow__line {
    left: 1.25rem;
    right: auto;
    top: 0;
    bottom: 0;
    width: 1px;
    height: auto;
    background: linear-gradient(180deg, var(--flow-line-bg));
  }
  .nx-feature-flow__item {
    padding-left: 4.75rem;
    min-height: 7rem;
  }
  .nx-feature-flow__node {
    position: absolute;
    left: 0;
    top: 0;
  }
}
/* chaos field */
.nx-chaos-circle__large {
  width: 280px;
  height: 280px;
  top: 18%;
  left: 20%;
  border: 1px solid var(--chaos-field-large-color);
}
.nx-chaos-circle__medium {
  width: 170px;
  height: 170px;
  top: 29%;
  left: 33%;
  border: 1px solid var(--chaos-field-medium-color);
}
.nx-chaos-circle__small {
  width: 220px;
  height: 220px;
  top: 25%;
  left: 18%;
  background: var(--chaos-field-small-color);
  filter: blur(70px);
}
.nx-chaos-prograss-bar {
  height: 8px;
  background: rgba(var(--ci_primary-color-rgb), 0.12);
}
.nx-chaos-prograss-bar__fill {
  width: 87%;
  background: linear-gradient(90deg, rgba(var(--ci_secondary-color-rgb), 0.95), rgba(var(--ci_primary-color-rgb), 0.9));
}
/* Border Field */
.nx-border-field .col-12 {
  border-color: #61616142 !important;
}
.nx-border-field .col-12:nth-child(1) {
  border-bottom: 1px solid;
}
.nx-border-field .col-12:nth-last-child(1) {
  border-top: 1px solid;
}
@media screen and (min-width: 768px) {
  .nx-border-field .col-12 {
    border: 1px solid;
    border-left: none;
  }
  .nx-border-field .col-12:nth-last-child(1) {
    border-left: none;
    border-right: none;
  }
}
/* =============================== */
/* Badges */
/* =============================== */
.match-badge {
  background-image: var(--background-image_secondary);
  color: var(--ci_primary-color) !important;
}
.nx-badge-soft-secondary,
.nx-badge-soft-holiday {
  background: #b2ea1679;
  color: #e2ff92;
}
.nx-badge-soft-accent,
.nx-badge-soft-training {
  background: #ff18ed45;
  color: var(--ci_accent-color);
}
.nx-badge-soft-primary,
.nx-badge-soft-internship {
  background: #07485bc9;
  color: #18b7e5;
}
/* =============================== */
/* Typo */
/* =============================== */
.secondary-font {
  font-family: var(--ci_secondary-font) !important;
}
.smaller {
  font-size: .75em;
}
.nx-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  width: fit-content;
  color: var(--nx-eyebrow-color);
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.nx-eyebrow::before {
  content: "";
  width: 1.6rem;
  height: 1px;
  border-radius: 999px;
  background: currentColor;
  opacity: .85;
}
/* =============================== */
/* Colors */
/* =============================== */
.hero-gradient-text {
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gradient-text {
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
[data-bs-theme="dark"] {
  .hero-gradient-text {
    background-image: var(--gradient-text_secondary);
  }
  .gradient-text {
    background-image: var(--gradient-text_primary);
  }
}
[data-bs-theme="light"],
[data-bs-theme="auto"] {
  .hero-gradient-text {
    background-image: var(--gradient-text_primary--dark);
  }
  .gradient-text {
    background-image: var(--gradient-text_primary--dark);
  }
}
.font-color-primary {
  color: var(--ci_primary-color);
}
.font-color-secondary {
  color: var(--ci_secondary-color);
}
.font-color-accent {
  color: var(--ci_accent-color) !important;
}
/* =============================== */
/* Helper */
/* =============================== */
.nx-rounded-lg {
  border-radius: var(--nx-border-radius);
}
.scroll-bar {
  position: fixed;
  z-index: 99;
  top: 0;
  height: 3px;
  width: 0%;
  background: #0b878f;
  background: -moz-linear-gradient(270deg, #0b878f 0, #ff66c4 95%);
  background: -webkit-linear-gradient(270deg, #0b878f 0, #ff66c4 95%);
  background: linear-gradient(270deg, #0b878f 0, #ff66c4 95%);
  transition: width .2s ease;
  text-align: right;
  color: var(--ci_primary-color)
}
.scroll-bar span {
  position: absolute;
  top: 5px;
  right: 15px;
  font-size: .7em;
  font-weight: 500;
  display: block;
  text-align: center
}
.scroll-bar span::after {
  content: "%";
  font-size: .8em;
  position: absolute;
  right: -15px;
  bottom: 4px;
  font-weight: 700;
  opacity: .4
}
.scroll-top {
  position: fixed;
  right: 12px;
  bottom: 250px;
  transform: rotate(270deg);
  transform-origin: right bottom;
  z-index: 99;
  display: none;
  align-items: center;
  flex-direction: row-reverse;
  width: 182px
}
.scroll-top #scroll-top-link {
  margin: 0;
  color: var(--accent_color);
  cursor: pointer;
  text-transform: uppercase;
  font-size: 1rem;
}
.scroll-top .scroll-top-bar {
  width: 50px;
  height: 2px;
  margin-right: 20px;
  background: #0b878f;
  background: -moz-linear-gradient(270deg, #0b878f 0, #ff66c4 95%);
  background: -webkit-linear-gradient(270deg, #0b878f 0, #ff66c4 95%);
  background: linear-gradient(270deg, #0b878f 0, #ff66c4 95%);
  transition: width .2s ease
}
.nx-social-dock {
  position: fixed;
  right: 13px;
  bottom: 300px;
  z-index: 98;
}
.nx-social-dock__collapse {
  flex: 0 0 auto;
}
.nx-social-dock__link {
  width: 2.5rem;
  height: 2.5rem;
}
@media screen and (max-width: 576px) {
  .nx-social-dock__link {
    width: 2rem;
    height: 2rem;
  }
}
.nx-social-dock__link:hover,
.nx-social-fab:hover {
  border-color: rgba(var(--ci_secondary-color-rgb), .28) !important;
  color: rgb(var(--ci_secondary-color-rgb)) !important;
}
/* parallax on scroll */
.smooth_parallax_container {
  position: relative;
  overflow: hidden;
  height: 450px;
}
.smooth_parallax_image {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 120%;
  object-position: center center;
  transform: translateX(-50%) translateY(0) scale(1);
  will-change: transform;
}
/* A11y */
@media (prefers-reduced-motion: reduce) {
  .smooth_parallax_image {
    transform: translateX(-50%) !important;
  }
}

/* fancy border */
:root {
    --nx-job-border-bg: radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.95), transparent 11%), radial-gradient(circle at 78% 22%, rgba(24, 183, 229, 0.85), transparent 18%), linear-gradient(135deg, #18b7e5 0%, #008484 34%, #07485b 58%, #18b7e5 100%);
    --nx-job-border-glow: var(--ci_primary-color-50);
    --nx-job-border-glow-strong: #18b7e5;
}
.nx-job-feed-border {
    position: absolute;
    inset: -1px;
    z-index: 0;
    border-radius: inherit;
    padding: 1px;
    pointer-events: none;
    background: var(--nx-job-border-bg);
    background-size: 240% 240%;
    box-shadow:
        0 0 18px var(--nx-job-border-glow),
        0 0 34px color-mix(in srgb, var(--nx-job-border-glow-strong) 32%, transparent);
    opacity: 0.95;
    animation: nx-job-border-flow 17s ease-in-out infinite;
        -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
        mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
}
.nx-job-feed-card--internship {
    --nx-job-border-bg:
        radial-gradient(circle at 18% 18%, rgba(255,255,255,0.95), transparent 11%),
        radial-gradient(circle at 78% 22%, rgba(24,183,229,0.85), transparent 18%),
        linear-gradient(135deg, #18b7e5 0%, #008484 34%, #07485b 58%, #18b7e5 100%);
    --nx-job-border-glow: var(--ci_primary-color-50);
    --nx-job-border-glow-strong: #18b7e5;
}
@keyframes nx-job-border-flow {
    0%, 100% {
        background-position: 0% 50%;
        filter: saturate(1.05) brightness(1);
    }
    50% {
        background-position: 100% 50%;
        filter: saturate(1.25) brightness(1.08);
    }
}
@media (prefers-reduced-motion: reduce) {
    .nx-job-feed-border {
        animation: none;
    }
}
/* =============================== */
/* Sizing */
/* =============================== */
.w-max-80ch {
  max-width: 80ch !important;
}
.h-400 {
  height: 400px;
}
.h-fit-content {
  height: fit-content !important;
}
.w-fit-content {
  width: fit-content !important;
}
.ratio-1x075 {
  aspect-ratio: 0.75;
}
.image-xl {
  width: 8rem;
  height: 8rem;
}
.image-lg {
  width: 6rem;
  height: 6rem;
}
.image-md {
  width: 4rem;
  height: 4rem;
}
.image-sm {
  width: 2.5rem;
  height: 2.5rem;
}
.image-xs {
  width: 1.8rem !important;
  height: 1.8rem !important;
}
.pt-10 {
  padding-top: 6rem !important;
}
@media screen and (max-width: 992px) {
  .pt-10 {
    padding-top: unset;
  }
}
/* ================================= */
/* Buttons & Links */
/* ================================= */
.nx-btn {
  -webkit-appearance: none;
  background: -webkit-gradient(to right, var(--ci_primary-color) 0, var(--ci_secondary-color) 50%, var(--ci_accent-color) 100%);
  background: linear-gradient(to right, var(--ci_primary-color) 0, var(--ci_secondary-color) 50%, var(--ci_accent-color) 100%);
  background-size: 500%;
  border: none;
  border-radius: 5rem;
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
  color: #fff !important;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: .05em;
  outline: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 6px 24px;
}
@keyframes gradient {
  0% {
    background-position: 0 50%
  }

  100% {
    background-position: 100%
  }
}
.btn .bi {
  display: inline-block;
  transform: scale(1);
  transition: transform 180ms ease;
}
.btn:hover .bi {
  transform: translateX(3px);
  transform: scale(1.3);
}
@media screen and (min-width: 992px) {
  .nx-btn:hover {
    animation-name: gradient;
    -webkit-animation-name: gradient;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    color: #fff !important
  }
}
/* ================================= */
/* Header & Nav */
/* ================================= */
.nexxup_header {
  position: fixed;
  z-index: 99;
}
.nexxup_header .navbar-toggler {
  border: none;
  outline-width: 0;
  outline: unset;
  box-shadow: none !important;
}
.nexxup_header .navbar-toggler:focus {
  border: none;
  outline-width: 0;
  outline: unset;
  box-shadow: none !important;
}
.nexxup_header .navbar-toggler:active,
.nexxup_header .navbar-toggler:focus-visible {
  box-shadow: none !important;
}
.nexxup_header #main_navigation .nav-link:focus,
.nexxup_header #main_navigation .nav-link:focus-visible,
.nexxup_header #main_navigation .dropdown-toggle:focus,
.nexxup_header #main_navigation .dropdown-toggle:focus-visible,
.nexxup_header #main_navigation .dropdown-item:focus,
.nexxup_header #main_navigation .dropdown-item:focus-visible {
  outline: 0;
  box-shadow: none !important;
}
.nx-nav {
  background: var(--nx-nav-bg);
}
.nx-nav.nx-apple-glass {
  --nx-liquid-glass-bg: rgba(255, 255, 255, 0.05);
  background: transparent;
}
[data-bs-theme="light"] .nx-nav.nx-apple-glass,
[data-bs-theme="auto"] .nx-nav.nx-apple-glass {
  --nx-liquid-glass-bg: rgba(255, 255, 255, 0.05);
  background: transparent;
}
.navbar-nav .nav-link.active {
  color: var(--ci_accent-color) !important;
}
.navbar-nav .nav-link.show {
  color: var(--nx-nav-brand-color);
}
.nx-nav .nav-link,
.nx-nav .nx-contact a,
.nx-nav .nx-contact button {
  color: var(--nx-nav-link-color);
}
.nexxup_header #main_navigation .dropdown-item:active {
  background: none;
}
.nexxup_header #main_navigation li.active .nav-link,
.nexxup_header #main_navigation .dropdown-item.active, 
.nexxup_header #main_navigation .dropdown-item:hover {
  color: var(--ci_accent-color) !important;
  background: none;
}
@media screen and (max-width: 991.98px) {
  .nexxup_header #main_navigation .nx-nav-collapse-panel {
    margin-bottom: 1rem;
    padding: 1rem;
    border-radius: var(--nx-border-radius);
    background: rgba(var(--bs-light-rgb), 0.90);
  }
}
@media screen and (min-width:992px) {
  .nexxup_header {
    height: 72px;
    justify-content: space-between;
    top: 1rem;
  }
  .nx-nav {
    background: #ffffff1c;
  }
  .nx-nav.nx-apple-glass {
    background: transparent;
  }
  .nx-nav .navbar-nav {
    background: var(--nx-nav-bg);
    border-radius: var(--bs-border-radius-pill);
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .theme_toggle {
    left: unset !important;
  }
  .nexxup_header #main_navigation .navbar-collapse {
    justify-content: center;
  }
}
.nexxup_header #main_navigation .navbar-collapse.nx-collapse-instant,
.nexxup_header #main_navigation .navbar-collapse.nx-collapse-instant.collapsing {
  transition: none !important;
}
.toggle {
  z-index: 9999;
  display: flex;
  margin: 15px 15px 15px auto;
  width: fit-content; 
}
.toggle.nx-toggle-instant,
.toggle.nx-toggle-instant p,
.toggle.nx-toggle-instant .toggle_inner span {
  transition: none !important;
}
.toggle p {
  letter-spacing: 1px;
  transition: .7s;
  font-size: 1rem;
}
.toggle .toggle_inner {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.toggle .toggle_inner span {
  display: block;
  width: 70px;
  height: 2px;
  border-radius: 2px;
  background: #0b878f;
  background: -moz-linear-gradient(90deg, var(--ci_primary-color) 0, var(--ci_secondary-color) 95%);
  background: -webkit-linear-gradient(90deg, var(--ci_primary-color) 0, var(--ci_secondary-color) 95%);
  background: linear-gradient(90deg, var(--ci_primary-color) 0, var(--ci_secondary-color) 95%);
  transition: .7s
}
.toggle .toggle_inner span:nth-child(2) {
  margin-top: 10px;
  width: 60px
}
.toggle.active_toggle p {
  color: var(--ci_secondary-color);
  transition: .7s
}
.toggle.active_toggle .toggle_inner span {
  transform: rotateZ(45deg) translateY(8px);
  width: 30px;
  background: #0b878f;
  background: -moz-linear-gradient(270deg, var(--ci_primary-color) 0, var(--ci_secondary-color) 95%);
  background: -webkit-linear-gradient(270deg, var(--ci_primary-color) 0, var(--ci_secondary-color) 95%);
  background: linear-gradient(270deg, var(--ci_primary-color) 0, var(--ci_secondary-color) 95%);
  transition: .7s
}
.toggle.active_toggle .toggle_inner span:nth-child(2) {
  transform: rotateZ(135deg) translateY(8px);
  width: 30px
}
.nx-feature-nav {
  max-width: fit-content;
}
.nx-feature-nav .nav-item {
  flex: 0 0 auto;
}
.nx-feature-nav .nav-link {
  white-space: nowrap;
}
.nx-feature-nav .nav-item button.active {
    background: transparent;
    background-image: var(--background-image_secondary);
    color: var(--ci_primary-color) !important;
}
/* ================================= */
/* Footer */
/* ================================= */
.nx-footer {
  --nx-footer-wordmark-opacity: 0;
  --nx-footer-wordmark-y: 90px;
}
.nx-footer__card {
  padding-bottom: clamp(7rem, 13vw, 14rem);
  margin-bottom: 3rem;
}
.nx-footer__wordmark {
  position: absolute;
  left: 50%;
  bottom: -0.6em;
  z-index: 0;
  width: max-content;
  max-width: none;
  margin: 0;
  color: var(--ci_accent-color);
  font-family: var(--ci_secondary-font);
  font-size: clamp(6rem, 23vw, 28rem);
  font-weight: 700;
  line-height: .72;
  letter-spacing: 0;
  text-align: center;
  opacity: var(--nx-footer-wordmark-opacity);
  pointer-events: none;
  user-select: none;
  transform: translate3d(-50%, var(--nx-footer-wordmark-y), 0);
  will-change: opacity, transform;
}
.nx-footer__wordmark span {
  color: var(--ci_secondary-color);
}
.nx-footer__divider,
.nx-footer__bottom {
  position: relative;
  z-index: 1;
}
.footer-link {
  transform: translateX(0);
  transition: transform 150ms ease;
}
@media (min-width: 992px) {
  .footer-link:hover {
    transform: translateX(4px);
  }
  .nx-footer__card {
    margin-bottom: 12rem;
  }
}
.nx-footer__social-btn {
  transition: transform 150ms ease, background-color 150ms ease, border-color 150ms ease;
}
.nx-footer__social-btn:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.22);
}
.nx-footer__divider {
  height: 1px;
  background: linear-gradient(90deg,
      transparent,
      rgba(255, 255, 255, 0.18),
      transparent);
}
@media (prefers-reduced-motion: reduce) {
  .nx-footer {
    --nx-footer-wordmark-opacity: 1;
    --nx-footer-wordmark-y: 0px;
  }

  .nx-footer__social-btn {
    transition: none;
  }
}
@media print {
  main[role="main"] {
    margin-bottom: 0;
  }
  .nx-footer {
    position: static;
  }
}
/* ================================= */
/* Erroe-Pages */
/* ================================= */
.nx-error_active .nx_aura_1 {
  width:300px;
  height: 120%;
  top:25px;
  right: -150px;
  transform: rotate(20deg);
}
.nx-error_active .nx_aura_2 {
  height: 300px;
  right:-15%;
  bottom:-300px;
  transform: rotate(-20deg);
}
/* ================================= */
/* nx table */
/* ================================= */
.nx-comparison-table {
    border: 1px solid rgba(18, 83, 99, 0.13);
    background: rgba(255, 255, 255, 0.22);
    box-shadow: 0 8px 28px rgba(16, 66, 78, 0.04);
}
.nx-comparison-table .table {
    --bs-table-bg: transparent;
    --bs-table-color: inherit;
    --bs-table-border-color: rgba(18, 83, 99, 0.12);
    min-width: 680px;
}
.nx-comparison-table th,
.nx-comparison-table td {
    padding: 1.25rem 1.5rem;
    vertical-align: middle;
    line-height: 1.6;
}
.nx-comparison-table thead th {
    background: rgba(18, 83, 99, 0.07);
    color: #184755;
    font-weight: 600;
    border-bottom: 1px solid rgba(18, 83, 99, 0.15);
}
.nx-comparison-table tbody th {
    width: 23%;
    font-weight: 600;
    color: #253940;
}
.nx-comparison-table tbody td {
    width: 38.5%;
    color: #42575f;
}
.nx-comparison-table thead th:last-child,
.nx-comparison-table tbody td:last-child {
    background: rgba(10, 133, 135, 0.055);
}
.nx-comparison-table thead th:last-child {
    color: #087e83;
}
.nx-comparison-table tbody tr:last-child > * {
    border-bottom: 0;
}
@media (hover: hover) {
    .nx-comparison-table tbody tr:hover > * {
        --bs-table-bg-state: rgba(18, 83, 99, 0.045);
    }
}
@media (max-width: 767.98px) {
    .nx-comparison-table th,
    .nx-comparison-table td {
        padding: 1rem;
        font-size: 0.875rem;
    }
}
/* ================================= */
/* Pilot-CTA */
/* ================================= */
.pilot-status {
    z-index: 1030;
}
.pilot-dot {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-radius: 50%;
    background: var(--ci_secondary-color);
    box-shadow: 0 0 0 4px rgba(74, 222, 128, .12);
}

/* ================================= */
/* Feature-Wrap */
/* ================================= */
#nx-feature-nav-wrap {
  z-index: 1050;
  opacity: 0;
  pointer-events: none;
  translate: 0 15px;
  transition: opacity 0.35s ease, translate 0.35s ease;
}
.nx-feat-pill.active {
  background-color: rgba(var(--ci_primary-color-rgb), 1);
  border-color: rgba(var(--ci_primary-color-rgb), 1);
  color: #fff;
}
.nx-feat-pill {
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
#nx-feature-nav-wrap.nx-feat-nav--visible {
  opacity: 1;
  pointer-events: auto;
  translate: 0 0;
}
.nx-showcase-field {
  --nx-logo-parallax-strength: .35;
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.nx-showcase-field__brandmark {
  position: absolute;
  top: -6%;
  left: 48%;
  z-index: 0;
  width: min(145vw, 2400px);
  pointer-events: none;
  user-select: none;
  transform: translate3d(-50%, var(--nx-logo-parallax-y, 0px), 0) rotate(-8deg);
  transform-origin: center;
  will-change: transform;
}
.nx-showcase-field__brandmark img {
  display: block;
  width: 100%;
  height: auto;
  opacity: .04;
}
.nx-showcase-field > *:not(.nx-showcase-field__brandmark):not(#nx-feature-nav-wrap) {
  position: relative;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .nx-showcase-field {
    --nx-logo-parallax-strength: .82;
  }
  .nx-showcase-field__brandmark {
    top: -2rem;
    left: 50%;
    width: min(220vw, 980px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .nx-showcase-field__brandmark {
    transform: translate3d(-50%, 0, 0) rotate(-8deg);
    will-change: auto;
  }
}
/* ================================= */
/* Referral Card-Stacks */
/* ================================= */
.nx-referral-options {
    max-width: 40rem;
}
.nx-referral-option {
    min-height: clamp(7.25rem, 13vw, 9.25rem);
    border: 1px solid rgba(255, 255, 255, 0.14);
    background:
        radial-gradient(380px 180px at 78% 50%, rgba(var(--ci_secondary-color-rgb), 0.14), transparent 70%),
        linear-gradient(135deg, rgba(var(--ci_primary-color-rgb), 0.92), rgba(16, 17, 28, 0.94));
}
.nx-referral-option--accent {
    background:
        radial-gradient(360px 170px at 76% 42%, rgba(var(--ci_accent-color-rgb), 0.18), transparent 72%),
        linear-gradient(135deg, rgba(16, 17, 28, 0.94), rgba(var(--ci_primary-color-rgb), 0.82));
}
.nx-referral-option__indicator {
    width: 1rem;
    aspect-ratio: 1;
    top: 1rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.5);
}
.nx-referral-option__indicator::after {
    content: "";
    position: absolute;
    inset: 0.25rem;
    border-radius: 50%;
    background: rgba(var(--ci_secondary-color-rgb), 0.95);
    opacity: 0;
}
.nx-referral-option.is-active .nx-referral-option__indicator::after {
    opacity: 1;
}
.nx-referral-stack {
    min-width: clamp(9rem, 21vw, 15rem);
    min-height: 5.5rem;
}
.nx-referral-stack__item {
    width: clamp(4rem, 8vw, 5.75rem);
    aspect-ratio: 1;
    transform: rotate(var(--nx-referral-rotate, 0deg));
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.22);
}
.nx-referral-stack__item:nth-child(1) {
    left: 0;
    --nx-referral-rotate: -7deg;
}
.nx-referral-stack__item:nth-child(2) {
    left: 32%;
    --nx-referral-rotate: 5deg;
}
.nx-referral-stack__item:nth-child(3) {
    right: 0;
    --nx-referral-rotate: -5deg;
}
@media (max-width: 767.98px) {
    .nx-referral-option {
        min-height: auto;
        flex-direction: column;
        align-items: flex-start !important;
    }
    .nx-referral-stack {
        width: min(100%, 13rem);
        min-width: 10.5rem;
    }
}
/* ================================= */
/* Accordion */
/* ================================= */
.accordion {
  --bs-accordion-bg: transparent;
  --bs-accordion-border-color: rgba(255, 255, 255, 0.12);
  --bs-accordion-btn-bg: transparent;
  --bs-accordion-btn-color: #fff;
  --bs-accordion-active-bg: rgba(255, 255, 255, 0.06);
  --bs-accordion-active-color: #fff;
  --bs-accordion-color: rgba(255, 255, 255, 0.75);
}
.accordion-item {
    border: none;
    border-color: transparent;
    border-top: 1px solid rgba(var(--ci_primary-color-rgb), 0.5);
    border-bottom: 1px solid rgba(var(--ci_primary-color-rgb), 0.5);
    border-radius: 0;
}

.accordion-button {
    outline: none !important;
    outline-width: 0 !important;
    border: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    box-shadow: none !important;
}
.accordion-button:not(.collapsed) {
    background-color: transparent;
}
/* ================================= */
/* CTA Banner (full width) */
/* ================================= */
.nexxup-fullwidth-band {
  background:
    radial-gradient(circle at 20% 30%, rgba(var(--ci_secondary-color-rgb), 0.08), transparent 30%),
    linear-gradient(180deg, var(--ci_primary-color) 0%, var(--ci-body-bg) 100%);
}
.nx-talent-preview {
  min-height: clamp(26rem, 62vw, 42rem);
}
.nx-talent-preview__badge,
.nx-talent-preview__stat,
.nx-talent-preview__profile {
  --nx-liquid-glass-bg: rgba(255, 255, 255, 0.22);
  --nx-liquid-glass-highlight: rgba(255, 255, 255, 0.58);
  position: absolute;
  z-index: 2;
}
.nx-talent-preview__badge .text-light,
.nx-talent-preview__stat .text-light,
.nx-talent-preview__profile .text-light {
  color: rgba(16, 16, 16, 0.9) !important;
}
.nx-talent-preview__badge {
  padding: .55rem .85rem;
}
.nx-talent-preview__badge--fit {
  top: 18%;
  left: 3%;
}
.nx-talent-preview__badge--design {
  top: 26%;
  left: 9%;
}
.nx-talent-preview__stat {
  top: 11%;
  right: 4%;
  min-width: clamp(7rem, 15vw, 10rem);
  padding: clamp(1rem, 2vw, 1.35rem);
}
.nx-talent-preview__profile {
  right: 0;
  bottom: 13%;
  max-width: min(19rem, 56vw);
  padding: 1rem;
}
.nx-talent-preview__check {
  width: 1.45rem;
  height: 1.45rem;
  flex: 0 0 1.45rem;
  color: var(--ci_primary-color);
  background: var(--ci_secondary-color);
  font-size: .82rem;
}
.nx-talent-preview__avatar {
  width: clamp(4.5rem, 12vw, 6.6rem);
  aspect-ratio: 1;
  flex: 0 0 auto;
}
@media (min-width: 1200px) {
  .nx-talent-preview__badge--fit {
    left: -2%;
  }
  .nx-talent-preview__badge--design {
    left: 4%;
  }
  .nx-talent-preview__profile {
    right: -4%;
  }
}
@media (max-width: 991.98px) {
  .nx-talent-preview {
    min-height: clamp(24rem, 88vw, 36rem);
  }
  .nx-talent-preview__badge--fit {
    top: 18%;
    left: 4%;
  }
  .nx-talent-preview__badge--design {
    top: 28%;
    left: 8%;
  }
  .nx-talent-preview__stat {
    top: 11%;
    right: 4%;
  }
  .nx-talent-preview__profile {
    right: 4%;
    bottom: 9%;
  }
}
@media (max-width: 575.98px) {
  .nx-talent-preview__badge {
    padding: .45rem .65rem;
  }
  .nx-talent-preview__badge p,
  .nx-talent-preview__profile .small {
    font-size: .75rem;
  }
  .nx-talent-preview__stat {
    min-width: 6.5rem;
    padding: .85rem;
  }
  .nx-talent-preview__profile {
    max-width: 13rem;
    padding: .75rem;
  }
}
/* small CTA */
.nx-cta-banner {
  isolation: isolate;
}
.nx-cta-banner .nx-cta-banner__panel {
  background: var(--nx-cta-banner--bg);
}
.nx-cta-banner__svg {
  inset: -12%;
  width: 124%;
  height: 124%;
  opacity: 0.4;
  z-index: 0;
}
/* floating CTA */
.nx-floating-cta__face {
    width: 80px;
    animation: nx-floating-cta-img 8s ease-in-out infinite alternate;
}
.nx-floating-cta__face:nth-child(1) {
    left: 24%;
    top: 0rem;
    animation-duration: 5.2s;
}
.nx-floating-cta__face:nth-child(2) {
    left: 52%;
    top: -5rem;
    animation-delay: .8s;
    animation-duration: 4.3s;
}
.nx-floating-cta__face:nth-child(3) {
    right: 7%;
    top: -1rem;
    animation-delay: .65s;
    animation-duration: 4.8s;
}
.nx-floating-cta__face:nth-child(4) {
    left: 5%;
    bottom: 4rem;
    animation-delay: 1.34s;
    animation-duration: 4.2s;
}
.nx-floating-cta__face:nth-child(5) {
    right: 14%;
    bottom: 3rem;
    animation-delay: 1.34s;
    animation-duration: 4.2s;
}
.nx-floating-cta__face:nth-child(6) {
    right: 41%;
    bottom: -2rem;
    animation-delay: 1.73s;
    animation-duration: 5.1s;
}
.nx-floating-cta__face:nth-child(7) {
    left: 23%;
    bottom: 1rem;
    animation-delay: .54s;
    animation-duration: 4.6s;
}
@media screen and (max-width: 768px) {
  .nx-floating-cta__face {
      width: 50px;
  }
  .nx-floating-cta__face:nth-child(1) {
      left: 10%;
      top: 0rem;
  }
  .nx-floating-cta__face:nth-child(2) {
      left: 54%;
      top: -4rem;
  }
  .nx-floating-cta__face:nth-child(3) {
      right: 7%;
      top: -1rem;
  }
  .nx-floating-cta__face:nth-child(4) {
      right: 7%;
      top: -8rem;
  }
  .nx-floating-cta__face:nth-child(5) {
      right: 14%;
      bottom: 0rem;
  }
  .nx-floating-cta__face:nth-child(6) {
      right: 41%;
      bottom: -4rem;
  }
  .nx-floating-cta__face:nth-child(7) {
      left: 17%;
      bottom: 2rem;
  }
}
@keyframes nx-floating-cta-img {
  from {
    transform: translate3d(0, -8px, 0);
  }
  to {
    transform: translate3d(0, 10px, 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .nx-floating-cta__face {
    animation: none;
  }
}
.nx-home-floating-cta {
  position: relative;
  z-index: 3;
  overflow: visible;
  isolation: isolate;
}
.nx-home-floating-cta .nx-floating-cta__faces {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.nx-home-floating-cta .nx-floating-cta__content {
  position: relative;
  z-index: 2;
}
main:has(.nx-home-floating-cta) {
  overflow-x: clip;
  overflow-y: visible;
}
/* ================================= */
/* Pricing Toggle */
/* ================================= */
.nx-toggle {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  padding: 8px;
  border-radius: 999px;
  box-shadow:
    0 22px 70px rgba(0, 0, 0, .22),
    inset 0 1px 0 rgba(255, 255, 255, .10);
  min-width: 430px;
}
.nx-toggle input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.nx-toggle-option {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 12px 16px;
  border-radius: 999px;
  cursor: pointer;
  color: var(--text_muted);
  transition: color .25s ease, transform .25s ease;
}
.nx-toggle-title {
  font-size: .7rem;
  font-weight: 650;
  letter-spacing: -.01em;
}
.nx-toggle-sub {
  margin-top: 2px;
  font-size: .6rem;
  opacity: .85;
}
.nx-toggle-badge {
  position: absolute;
  right: 12px;
  top: -5px;
  font-size: .6rem;
  font-weight: 700;
  padding: .18rem .5rem;
  border-radius: 999px;
  background: #ff18eda8;
  color: #ffffff;
}
.nx-toggle-pill {
  position: absolute;
  inset: 8px;
  width: calc(50% - 3px);
  border-radius: 999px;
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, .08)),
    radial-gradient(circle at 25% 20%, rgba(255, 255, 255, .20), rgba(0, 0, 0, 0) 55%),
    linear-gradient(90deg, rgba(179, 235, 22, .92), rgba(179, 235, 22, .72));
  box-shadow:
    0 18px 50px rgba(0, 0, 0, .25),
    inset 0 1px 0 rgba(255, 255, 255, .25);
  transform: translateX(0);
  transition: transform .35s cubic-bezier(.2, .9, .2, 1);
}
.nx-toggle-glow {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: calc(50% - 24px);
  height: 44px;
  border-radius: 999px;
  z-index: 0;
  background: radial-gradient(circle, rgba(179, 235, 22, .35), rgba(0, 0, 0, 0) 70%);
  filter: blur(18px);
  opacity: .9;
  transition: transform .35s cubic-bezier(.2, .9, .2, 1), opacity .25s ease;
}
#nx-period-halfyearly:checked~label[for="nx-period-halfyearly"],
#nx-period-monthly:checked~label[for="nx-period-monthly"],
#nx-period-twoyearly:checked~label[for="nx-period-twoyearly"],
#nx-period-yearly:checked~label[for="nx-period-yearly"] {
  color: #0b0f10;
}

/* 4-way variant (monthly / halfyearly / yearly / twoyearly) */
.nx-toggle--4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.nx-toggle--4 .nx-toggle-pill {
  width: calc((100% - 6px - 16px) / 4);
}
.nx-toggle--4 .nx-toggle-glow {
  width: calc((100% - 24px) / 4);
}
#nx-period-halfyearly:checked~.nx-toggle-pill {
  transform: translateX(100%);
}
#nx-period-halfyearly:checked~.nx-toggle-glow {
  transform: translate(100%, -50%);
}
#nx-period-yearly:checked~.nx-toggle-pill {
  transform: translateX(200%);
}
#nx-period-yearly:checked~.nx-toggle-glow {
  transform: translate(200%, -50%);
}
#nx-period-twoyearly:checked~.nx-toggle-pill {
  transform: translateX(300%);
}
#nx-period-twoyearly:checked~.nx-toggle-glow {
  transform: translate(300%, -50%);
}
.nx-toggle-option:hover {
  transform: translateY(-1px);
}
#nx-period-halfyearly:focus-visible~label[for="nx-period-halfyearly"],
#nx-period-monthly:focus-visible~label[for="nx-period-monthly"],
#nx-period-twoyearly:focus-visible~label[for="nx-period-twoyearly"],
#nx-period-yearly:focus-visible~label[for="nx-period-yearly"] {
  outline: 3px solid rgba(179, 235, 22, .35);
  outline-offset: 3px;
}
.nx-toggle-note {
  font-size: .85rem;
  color: var(--text_muted);
  text-align: center;
}
@media (max-width: 420px) {
  .nx-toggle {
    min-width: 100%;
  }

  .nx-toggle-option {
    padding: 10px 8px;
  }

  .nx-toggle-title {
    font-size: .65rem;
  }

  .nx-toggle-sub {
    font-size: .58rem;
  }

  .nx-toggle-badge {
    right: 10px;
    font-size: .55rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .nx-toggle-pill,
  .nx-toggle-glow,
  .nx-toggle-option {
    transition: none !important;
  }
}
/* Highlight card */
.nx-price-card--highlight {
  border-color: var(--ci_secondary-color) !important;
  box-shadow: 0 30px 80px rgba(179, 235, 22, .25) !important;
}
.nx-price-card {
  transition: transform .25s ease, box-shadow .25s ease;
}
.nx-price-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 32px 80px rgba(0, 0, 0, .25) !important;
}
/* ================================= */
/* Landingpage Hero */
/* ================================= */
.nx-recruit-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(6.5rem, 10vw, 8.5rem) 0 clamp(3rem, 7vw, 5rem);
}
.nx-recruit-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        linear-gradient(180deg, rgba(var(--ci-body-bg-rgb), .98) 0%, rgba(var(--ci-body-bg-rgb), .9) 54%, rgba(var(--ci-body-bg-rgb), .98) 100%),
        linear-gradient(120deg, rgba(var(--ci_secondary-color-rgb), .13), transparent 38%, rgba(var(--ci_accent-color-rgb), .1) 66%, rgba(var(--ci_primary-color-rgb), .13));
    pointer-events: none;
}
.nx-recruit-map {
    position: relative;
    width: min(100%, 68rem);
    min-height: clamp(15rem, 27vw, 22rem);
    margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}
.nx-recruit-map__line {
    position: absolute;
    z-index: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(var(--bs-body-color-rgb), .16), transparent);
    transform-origin: center;
}
.nx-recruit-map__line::before,
.nx-recruit-map__line::after {
    content: "";
    position: absolute;
    top: 50%;
    width: .42rem;
    height: .42rem;
    border-radius: 50%;
    background: rgba(var(--ci_accent-color-rgb), .8);
    box-shadow: 0 0 0 .28rem rgba(var(--ci_accent-color-rgb), .1);
    transform: translateY(-50%);
}
.nx-recruit-map__line::before {
    left: 0;
}
.nx-recruit-map__line::after {
    right: 0;
}
.nx-recruit-map__line--main {
    left: 6%;
    right: 6%;
    top: 48%;
}
.nx-recruit-map__line--main::before,
.nx-recruit-map__line--main::after {
    display: none;
}
.nx-recruit-map__line--left-top {
    left: 22%;
    top: 30%;
    width: 18%;
    transform: rotate(52deg);
}
.nx-recruit-map__line--left-bottom {
    left: 22%;
    top: 63%;
    width: 18%;
    transform: rotate(-42deg);
}
.nx-recruit-map__line--right-top {
    right: 21%;
    top: 30%;
    width: 18%;
    transform: rotate(-52deg);
}
.nx-recruit-map__line--right-bottom {
    right: 20%;
    top: 63%;
    width: 18%;
    transform: rotate(42deg);
}
.nx-recruit-node,
.nx-recruit-tile {
    position: absolute;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1.3rem 3rem rgba(0, 0, 0, .14);
}
.nx-recruit-node--center {
    --nx-liquid-glass-bg: rgba(var(--ci_accent-color-rgb), .42);
    --nx-liquid-glass-highlight: rgba(255, 255, 255, .7);
    left: 50%;
    top: 23%;
    width: clamp(5.75rem, 11vw, 8.5rem);
    aspect-ratio: 1;
    transform: translateX(-50%);
    color: #fff;
    font-size: clamp(2.8rem, 6vw, 4.2rem);
}
.nx-recruit-node--talent,
.nx-recruit-node--company {
    width: clamp(4rem, 8vw, 6.5rem);
    aspect-ratio: 1;
    border: .28rem solid rgba(255, 255, 255, .56);
}
.nx-recruit-node--talent {
    left: 2%;
    top: 30%;
}
.nx-recruit-node--company {
    right: 17%;
    bottom: 19%;
    width: clamp(3.35rem, 6vw, 4.6rem);
    border-radius: 1rem;
}
.nx-recruit-tile {
    --nx-liquid-glass-bg: rgba(255, 255, 255, .24);
    --nx-liquid-glass-highlight: rgba(255, 255, 255, .72);
    width: clamp(3.5rem, 7vw, 5.25rem);
    aspect-ratio: 1;
    color: rgba(16, 16, 16, .88);
    font-size: clamp(1.35rem, 3vw, 2rem);
}
.nx-recruit-tile--idea {
    left: 15%;
    top: 4%;
    --nx-liquid-glass-bg: rgba(var(--ci_secondary-color-rgb), .58);
}
.nx-recruit-tile--people {
    left: 17%;
    bottom: 9%;
    --nx-liquid-glass-bg: rgba(48, 190, 234, .42);
    color: #fff;
}
.nx-recruit-tile--speed {
    right: 14%;
    top: 7%;
    --nx-liquid-glass-bg: rgba(var(--ci_accent-color-rgb), .34);
    color: #fff;
}
.nx-recruit-tile--view {
    right: 1%;
    top: 31%;
    color: rgba(16, 16, 16, .92);
}
/*.nx-recruit-hero__eyebrow {*/
/*    --nx-liquid-glass-bg: rgba(255, 255, 255, .22);*/
/*    --nx-liquid-glass-highlight: rgba(255, 255, 255, .64);*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*    gap: .55rem;*/
/*    width: fit-content;*/
/*    padding: .5rem .85rem;*/
/*    color: rgba(var(--bs-body-color-rgb), .82);*/
/*    font-size: .88rem;*/
/*}*/
/*.nx-recruit-hero__title {*/
/*    max-width: 11ch;*/
/*    font-size: clamp(3.4rem, 8vw, 7.15rem);*/
/*    line-height: .92;*/
/*    letter-spacing: 0;*/
/*}*/
/*.nx-recruit-hero__lead {*/
/*    max-width: 42rem;*/
/*    color: rgba(var(--bs-body-color-rgb), .68);*/
/*    font-size: clamp(1.05rem, 1.45vw, 1.22rem);*/
/*    line-height: 1.55;*/
/*}*/
@media (max-width: 991.98px) {
    .nx-recruit-hero {
        padding-top: 7rem;
    }
    .nx-recruit-map {
        width: min(100%, 48rem);
        min-height: 18rem;
    }
    .nx-recruit-node--talent {
        left: 0;
    }
    .nx-recruit-tile--view {
        right: 0;
    }
}
@media (max-width: 575.98px) {
    .nx-recruit-hero {
        padding-top: 6.25rem;
    }
    .nx-recruit-map {
        min-height: 15rem;
        margin-bottom: 1rem;
    }
    .nx-recruit-map__line--left-top,
    .nx-recruit-map__line--left-bottom,
    .nx-recruit-map__line--right-top,
    .nx-recruit-map__line--right-bottom {
        width: 23%;
    }
    .nx-recruit-node--center {
        top: 28%;
    }
    .nx-recruit-node--talent {
        top: 36%;
    }
    .nx-recruit-node--company {
        right: 10%;
        bottom: 15%;
    }
    .nx-recruit-tile--idea {
        left: 12%;
        top: 3%;
    }
    .nx-recruit-tile--people {
        left: 12%;
        bottom: 5%;
    }
    .nx-recruit-tile--speed {
        right: 11%;
        top: 4%;
    }
    .nx-recruit-tile--view {
        display: none;
    }
    .nx-recruit-hero__title {
        max-width: 10ch;
        font-size: clamp(3.05rem, 16vw, 4.6rem);
    }
}
.nx-how-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 100vh;
    padding: clamp(6rem, 10vw, 8rem) 0 clamp(2.5rem, 6vw, 4.5rem);
}
.nx-how-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        linear-gradient(180deg, rgba(var(--ci-body-bg-rgb), .98) 0%, rgba(var(--ci-body-bg-rgb), .86) 54%, rgba(var(--ci-body-bg-rgb), .98) 100%),
        linear-gradient(115deg, rgba(var(--ci_secondary-color-rgb), .16), transparent 42%, rgba(var(--ci_primary-color-rgb), .16) 74%, rgba(var(--ci_accent-color-rgb), .08));
    pointer-events: none;
}
.nx-how-hero__proof strong,
.nx-how-hero__signal strong {
    display: block;
    line-height: 1.1;
}
.nx-how-hero__proof small,
.nx-how-hero__signal small {
    display: block;
    color: rgba(var(--bs-body-color-rgb), .62);
    line-height: 1.25;
}
.nx-how-hero__lead {
    border-top: 1px solid rgba(var(--bs-body-color-rgb), .16);
}
.nx-how-hero__signal {
    width: min(100%, 32rem);
    padding: .95rem 0;
    border-top: 1px solid rgba(var(--bs-body-color-rgb), .14);
    border-bottom: 1px solid rgba(var(--bs-body-color-rgb), .14);
}
.nx-how-hero__avatar {
    width: 2.15rem;
    height: 2.15rem;
    flex: 0 0 auto;
    border-radius: 50%;
    background:
        linear-gradient(135deg, rgba(var(--ci_secondary-color-rgb), .95), rgba(var(--ci_accent-color-rgb), .65)),
        var(--ci_primary-color);
    box-shadow: 0 0 0 .25rem rgba(var(--ci_secondary-color-rgb), .12);
}
.nx-how-hero__rating {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    margin-left: auto;
    color: rgba(var(--bs-body-color-rgb), .82);
    font-size: .88rem;
    font-weight: 700;
    white-space: nowrap;
}
.nx-how-hero__rating .bi {
    color: var(--ci_secondary-color);
}
.nx-how-hero__visual {
    position: relative;
    width: min(100%, 35rem);
    min-height: clamp(30rem, 52vw, 42rem);
}
.nx-how-hero__panel {
    position: absolute;
    top: 3%;
    right: 12%;
    width: 48%;
    height: 69%;
    border-radius: clamp(2rem, 5vw, 4rem);
    background:
        linear-gradient(180deg, rgba(var(--ci_secondary-color-rgb), .9), rgba(var(--ci_primary-color-rgb), .82)),
        var(--ci_secondary-color);
    box-shadow: 0 2rem 5rem rgba(var(--ci_primary-color-rgb), .28);
}
.nx-how-hero__person {
    position: absolute;
    right: 11%;
    bottom: 12%;
    z-index: 2;
    width: min(66%, 24rem);
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 1.8rem 3.5rem rgba(0, 0, 0, .22));
}
.nx-how-hero__screen {
    position: absolute;
    left: 3%;
    bottom: 5%;
    z-index: 3;
    width: min(42%, 15rem);
    height: auto;
    object-fit: cover;
    box-shadow: 0 1.6rem 3.5rem rgba(0, 0, 0, .22);
}
.nx-how-bubble,
.nx-how-stat {
    --nx-liquid-glass-bg: rgba(255, 255, 255, .28);
    --nx-liquid-glass-highlight: rgba(255, 255, 255, .68);
    position: absolute;
    z-index: 4;
}
.nx-how-bubble {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    padding: .68rem .9rem;
    white-space: nowrap;
}
.nx-how-bubble--fit {
    top: 22%;
    left: 4%;
}
.nx-how-bubble--chat {
    top: 32%;
    left: -4%;
}
.nx-how-stat {
    display: flex;
    flex-direction: column;
    gap: .18rem;
    padding: 1rem;
}
.nx-how-stat--steps {
    top: 7%;
    right: 0;
    width: clamp(8.5rem, 14vw, 11rem);
}
.nx-how-stat--steps strong {
    font-size: clamp(3rem, 6vw, 4.4rem);
    line-height: .92;
}
.nx-how-stat--match {
    right: 0;
    bottom: 7%;
    display: grid;
    grid-template-columns: 4.4rem 1fr;
    align-items: center;
    gap: .8rem;
    width: clamp(13.5rem, 24vw, 17rem);
}
.nx-how-stat--match img {
    width: 4.4rem;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: .8rem;
}
.nx-how-stat--match strong {
    display: block;
    line-height: 1.1;
}
@media (max-width: 991.98px) {
    .nx-how-hero {
        padding-top: 7rem;
    }
    .nx-how-hero__title {
        max-width: 10ch;
    }
    .nx-how-hero__visual {
        min-height: 38rem;
    }
}
@media (max-width: 575.98px) {
    .nx-how-hero {
        padding-top: 6.25rem;
    }
    .nx-how-hero__title {
        max-width: 8.8ch;
        /*font-size: clamp(3.2rem, 18vw, 4.6rem);*/
    }
    .nx-how-hero__signal {
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .nx-how-hero__rating {
        width: 100%;
        margin-left: 0;
    }
    .nx-how-hero__visual {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: .7rem;
        min-height: 0;
    }
    .nx-how-hero__panel {
        top: 1rem;
        right: 5%;
        width: 58%;
        height: 18rem;
    }
    .nx-how-hero__person {
        position: relative;
        grid-column: 1 / -1;
        justify-self: end;
        right: auto;
        bottom: auto;
        width: min(80vw, 22rem);
        margin-right: 3%;
    }
    .nx-how-hero__screen {
        left: 0;
        bottom: 1.2rem;
        width: 42%;
    }
    .nx-how-bubble,
    .nx-how-stat {
        position: relative;
        inset: auto;
        width: 100%;
    }
    .nx-how-bubble--chat,
    .nx-how-stat--steps {
        display: none;
    }
    .nx-how-stat--match {
        grid-template-columns: 3.4rem 1fr;
    }
    .nx-how-stat--match img {
        width: 3.4rem;
    }
}
.nx-portal-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 100vh;
    padding: clamp(7rem, 12vw, 10rem) 0 clamp(2.5rem, 6vw, 4.5rem);
}
.nx-portal-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        linear-gradient(180deg, rgba(var(--ci-body-bg-rgb), 0.96) 0%, rgba(var(--ci-body-bg-rgb), 0.82) 58%, rgba(var(--ci-body-bg-rgb), 0.96) 100%),
        linear-gradient(120deg, rgba(var(--ci_secondary-color-rgb), 0.18), transparent 36%, rgba(var(--ci_accent-color-rgb), 0.12) 72%, transparent);
    pointer-events: none;
}
.nx-portal-hero__stage {
    position: relative;
    width: min(100%, 72rem);
    min-height: clamp(25rem, 48vw, 38rem);
    margin-top: clamp(2rem, 5vw, 4rem);
}
.nx-portal-hero__arc {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: min(82vw, 52rem);
    height: min(42vw, 24rem);
    transform: translateX(-50%);
    border: 1px solid rgba(var(--ci_secondary-color-rgb), .28);
    border-bottom: 0;
    border-radius: 999px 999px 0 0;
    background: linear-gradient(180deg, rgba(var(--ci_secondary-color-rgb), .18), rgba(var(--ci_primary-color-rgb), .05) 58%, transparent);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .42);
}
.nx-portal-hero__mockup {
    position: absolute;
    left: 50%;
    bottom: clamp(.5rem, 2vw, 1.5rem);
    z-index: 2;
    width: clamp(18rem, 39vw, 34rem);
    max-height: 96%;
    transform: translateX(-50%);
    object-fit: contain;
    filter: drop-shadow(0 2rem 3.75rem rgba(0, 0, 0, .28));
}
.nx-portal-card {
    position: absolute;
    z-index: 4;
    display: flex;
    flex-direction: column;
    gap: .2rem;
    width: clamp(11.25rem, 18vw, 15rem);
    padding: .95rem 1rem;
    color: rgba(16, 16, 16, .9);
}
.nx-portal-card--portal {
    top: 12%;
    left: 6%;
}
.nx-portal-card--signal {
    bottom: 18%;
    left: 4%;
}
.nx-portal-card--network {
    top: 10%;
    right: 6%;
}
.nx-portal-card--match {
    right: 4%;
    bottom: 18%;
}
.nx-portal-hero__labels {
    position: relative;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .75rem 1.25rem;
    margin-top: clamp(1.25rem, 3vw, 2.5rem);
    color: rgba(var(--bs-body-color-rgb), .48);
    font-size: .82rem;
    font-weight: 700;
    text-transform: uppercase;
}
@media (max-width: 991.98px) {
    .nx-portal-hero {
        padding-top: 7rem;
    }
    .nx-portal-hero__stage {
        min-height: 34rem;
    }
    .nx-portal-hero__mockup {
        width: min(78vw, 27rem);
    }
    .nx-portal-card {
        width: min(42vw, 13rem);
        padding: .8rem .85rem;
    }
    .nx-portal-card--portal,
    .nx-portal-card--network {
        top: 1rem;
    }
    .nx-portal-card--signal,
    .nx-portal-card--match {
        bottom: 1.5rem;
    }
    .nx-portal-card--portal,
    .nx-portal-card--signal {
        left: 0;
    }
    .nx-portal-card--network,
    .nx-portal-card--match {
        right: 0;
    }
}
@media (max-width: 575.98px) {
    .nx-portal-hero {
        padding-top: 6.25rem;
    }
    .nx-portal-hero__title {
        max-width: 9.5ch;
    }
    .nx-portal-hero__stage {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: .7rem;
        min-height: 0;
        padding-top: 1rem;
    }
    .nx-portal-hero__arc {
        width: 92%;
        height: 13rem;
        bottom: 7rem;
    }
    .nx-portal-hero__mockup {
        position: relative;
        grid-column: 1 / -1;
        justify-self: center;
        left: auto;
        bottom: auto;
        width: min(82vw, 22rem);
        transform: none;
    }
    .nx-portal-card {
        position: relative;
        inset: auto;
        width: 100%;
    }
    .nx-portal-card--portal,
    .nx-portal-card--network {
        display: none;
    }
}
.nx-lp-recruiting-gallery {
    --nx-gallery-card-width: clamp(12rem, 38vw, 21.875rem);
    --nx-gallery-hero-width: clamp(16rem, 44vw, 28.125rem);
    min-height: clamp(25rem, 50vw, 36rem);
    isolation: isolate;
}
.nx-lp-recruiting-gallery__shot {
    width: var(--nx-gallery-card-width);
}
.nx-lp-recruiting-gallery__shot--top {
    top: 8%;
    left: 0;
    transform: rotate(-7deg);
}
.nx-lp-recruiting-gallery__hero {
    inset: 0;
    width: var(--nx-gallery-hero-width);
    filter: drop-shadow(0 2rem 3.5rem rgb(0 0 0 / 0.4));
}
@media (max-width: 767.98px) {
    .nx-lp-recruiting-gallery {
        --nx-gallery-card-width: clamp(10rem, 54vw, 15rem);
        --nx-gallery-hero-width: clamp(14rem, 72vw, 20rem);
        min-height: 28rem;
        margin-top: 2rem;
    }
    .nx-lp-recruiting-gallery__shot--top {
        top: 4%;
        left: 4%;
    }
}
/* ================================= */
/* Hero defaults */
/* ================================= */
.nx-hero__pattern {
  inset: -12%;
  width: 124%;
  height: 124%;
}
.nx-hero__bg {
  background:
    radial-gradient(860px 390px at 50% 0%, rgba(var(--ci_secondary-color-rgb), 0.22) 0%, rgba(var(--ci_secondary-color-rgb), 0.09) 34%, transparent 72%),
    radial-gradient(660px 300px at 22% 18%, rgba(var(--ci_primary-color-rgb), 0.15) 0%, transparent 70%),
    radial-gradient(620px 280px at 78% 16%, rgba(var(--ci_accent-color-rgb), 0.13) 0%, transparent 72%),
    radial-gradient(520px 180px at 50% 24%, rgba(255, 255, 255, 0.045) 0%, transparent 78%),
    linear-gradient(180deg, rgba(var(--ci-body-bg-rgb), 0.95) 0%, rgba(var(--ci-body-bg-rgb), 0.74) 54%, rgba(var(--ci-body-bg-rgb), 0.24) 100%);
  pointer-events: none;
}
@media (max-width: 767.98px) {
  .nx-hero__bg {
    background:
      radial-gradient(520px 240px at 50% 0%, rgba(var(--ci_secondary-color-rgb), 0.20) 0%, rgba(var(--ci_secondary-color-rgb), 0.075) 34%, transparent 72%),
      radial-gradient(380px 190px at 18% 16%, rgba(var(--ci_primary-color-rgb), 0.11) 0%, transparent 70%),
      radial-gradient(360px 170px at 82% 14%, rgba(var(--ci_accent-color-rgb), 0.09) 0%, transparent 72%),
      radial-gradient(320px 120px at 50% 20%, rgba(255, 255, 255, 0.04) 0%, transparent 78%),
      linear-gradient(180deg, rgba(var(--ci-body-bg-rgb), 0.96) 0%, rgba(var(--ci-body-bg-rgb), 0.78) 56%, rgba(var(--ci-body-bg-rgb), 0.26) 100%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .nx-hero__bg img {
    transform: none;
  }
}
.nx-hero__bg img {
    object-position: 50% 35%;
    filter: saturate(0.9) contrast(1.08) brightness(0.66);
    transform: scale(1.06);
}
.nx-hero__overlay {
    inset:0; 
    background:
        radial-gradient(980px 560px at 18% 22%, rgba(255, 255, 255, 0.40) 0%, transparent 60%),
        linear-gradient(112deg, rgb(0 0 0 / 92%) 0%, rgb(0 0 0 / 46%) 56%, rgb(0 0 0 / 14%) 100%);
}
/* ================================= */
/* Hero Homepage */
/* ================================= */
/* Home hero floating icons */
/* bubbles */
.nx_floating_bubble {
  width: 10px;
  height: 10px;
}
.bubble_one {
  right: 6rem;
  top: 15%;
}
.bubble_two {
  right: 2rem;
  bottom: 12%;
}
.bubble_three {
  left: 6rem;
  top: 5%;
}
.carousel-item img {
  max-height: 550px;
}
.nx_floating_img {
  width: clamp(3.4rem, 7vw, 5.4rem);
  aspect-ratio: 1;
}
.nx_floating_img img {
  width: 68%;
  max-width: 4rem;
}
.nx_floating_img--contract {
  top: 9%;
  right: -3%;
  animation-delay: -.8s;
  animation: nx-floating-img 7.8s ease-in-out infinite alternate;
}
.nx_floating_img--communication {
  top: 28%;
  left: -4%;
  animation-delay: -2.1s;
  animation: nx-floating-img 4.8s ease-in-out infinite alternate;
}
.nx_floating_img--contact {
  right: 8%;
  bottom: 12%;
  animation-delay: -1.4s;
  animation: nx-floating-img_sideway 8.8s ease-in-out infinite alternate;
}
.nx_floating_img--analytics {
  left: 12%;
  bottom: -4%;
  animation-delay: -3.2s;
  animation: nx-floating-img 8.8s ease-in-out infinite alternate;
}
@keyframes nx-floating-img {
  from {
    transform: translate3d(0, -8px, 0) rotate(-2deg);
  }
  to {
    transform: translate3d(0, 10px, 0) rotate(3deg);
  }
}
@keyframes nx-floating-img_sideway {
  from {
    transform: translate3d(-10px, 0, 0) rotate(-4deg);
  }
  to {
    transform: translate3d(20px, 0, 0) rotate(2deg);
  }
}
@media (max-width: 575.98px) {
  .nx_floating_img {
    width: 3.25rem;
    border-radius: .9rem;
  }
  .nx_floating_img--contract {
    top: 7%;
    right: .75rem;
  }
  .nx_floating_img--communication {
    top: 30%;
    left: .75rem;
  }
  .nx_floating_img--contact {
    right: 1rem;
    bottom: 16%;
  }
  .nx_floating_img--analytics {
    left: 1rem;
    bottom: .75rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .nx_floating_img,
  . nx_floating_img_sideway {
    animation: none;
  }
}
/* ================================= */
/* Partner Badge */
/* ================================= */
.nx-partner-badge {
  top: -3rem;
  right: 2rem;
  transform: rotate(10deg);
}
/* ================================= */
/* Companies setup card */
/* ================================= */
.nx-company-setup-card {
  position: relative;
  z-index: 0;
  isolation: isolate;
  overflow: visible;
  padding-top: clamp(2rem, 4vw, 3rem) !important;
}
.nx-company-setup-visual {
  position: relative;
  z-index: 1;
  min-height: clamp(17rem, 52vw, 27rem);
  pointer-events: none;
}
.nx-company-setup-visual__image {
  display: block;
  width: min(100%, 25rem);
  height: auto;
  margin-inline: auto;
  filter: drop-shadow(0 1.5rem 2.5rem rgba(0, 0, 0, 0.24));
}
@media (min-width: 992px) {
  .nx-company-setup-visual {
    min-height: clamp(22rem, 34vw, 32rem);
  }
  .nx-company-setup-visual__image {
    position: absolute;
    right: clamp(-3.5rem, -8vw, 0rem);
    bottom: 0;
    width: clamp(25rem, 42vw, 38rem);
    height: auto;
    max-width: none;
    margin: 0;
  }
}
@media (max-width: 991.98px) {
  .nx-company-setup-card {
    overflow: hidden;
  }
}
/* ================================= */
/* Hero companies */
/* ================================= */
.nx-bubble--hero {
  --nx-bubble-size: clamp(3.25rem, 7vw, 5.75rem);
  --nx-bubble-screen-width: min(100%, 56rem);
  max-width: 70rem;
  margin-inline: auto;
  padding: clamp(3rem, 7vw, 6rem) clamp(1rem, 7vw, 6rem) 0;
}
.nx-bubble--hero__image-wrapper {
  width: var(--nx-bubble-screen-width);
}
.nx-bubble--hero__image {
  width: 50%;
}
.nx-bubble--hero__bubble {
  width: var(--nx-bubble-size);
  border: 2px solid rgba(255, 255, 255, 0.74);
  box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.18);
}
.nx-bubble--hero__bubble:nth-child(1) {
  width: calc(var(--nx-bubble-size) * 0.92);
  left: 7%;
  top: 17%;
}
.nx-bubble--hero__bubble:nth-child(2) {
  width: calc(var(--nx-bubble-size) * 0.76);
  left: 22%;
  top: 6%;
}
.nx-bubble--hero__bubble:nth-child(3) {
  width: calc(var(--nx-bubble-size) * 1.08);
  right: 8%;
  top: 13%;
}
.nx-bubble--hero__bubble:nth-child(4) {
  width: calc(var(--nx-bubble-size) * 0.82);
  right: 25%;
  top: 2%;
}
.nx-bubble--hero__bubble:nth-child(5) {
  width: calc(var(--nx-bubble-size) * 0.88);
  left: 10%;
  bottom: 16%;
}
.nx-bubble--hero__bubble:nth-child(6) {
  width: calc(var(--nx-bubble-size) * 1.12);
  right: 14%;
  bottom: 9%;
}
.nx-bubble--hero__bubble:nth-child(7) {
  width: calc(var(--nx-bubble-size) * 0.7);
  left: 42%;
  bottom: 2%;
}
@media (max-width: 991.98px) {
  .nx-bubble--hero {
    --nx-bubble-screen-width: min(100%, 44rem);
    min-height: clamp(20rem, 60vw, 34rem);
    padding-inline: clamp(0.75rem, 5vw, 3rem);
  }
}
@media (max-width: 575.98px) {
  .nx-bubble--hero {
    --nx-bubble-size: clamp(2.75rem, 13vw, 3.75rem);
    min-height: 20rem;
    padding: 2.5rem 0.5rem 3rem;
  }
  .nx-bubble--hero__image {
    width: 80%;
  }
  .nx-bubble--hero__bubble:nth-child(1) {
    left: 2%;
    top: 18%;
  }
  .nx-bubble--hero__bubble:nth-child(2) {
    left: 22%;
    top: 4%;
  }
  .nx-bubble--hero__bubble:nth-child(3) {
    right: 0;
    top: 12%;
  }
  .nx-bubble--hero__bubble:nth-child(5) {
    left: 3%;
    bottom: 17%;
  }
  .nx-bubble--hero__bubble:nth-child(6) {
    right: 4%;
    bottom: 13%;
  }
  .nx-bubble--hero__bubble:nth-child(7) {
    left: 42%;
    bottom: 3%;
  }
}
/* ================================= */
/* Hero Landingpage */
/* ================================= */
.nx-registration-hero__network {
    width: min(100%, 62rem);
    height: clamp(17rem, 28vw, 24rem);
}
.nx-registration-hero__node--a {
    left: 15%;
    top: 33%;
}
.nx-registration-hero__node--b {
    left: 25%;
    top: 68%;
}
.nx-registration-hero__node--c {
    left: 36%;
    top: 5%;
}
.nx-registration-hero__node--d {
    left: 64%;
    top: 70%;
}
.nx-registration-hero__node--e {
    left: 75%;
    top: 30%;
}
.nx-registration-hero__node--f {
    left: 86%;
    top: 57%;
}
.nx-registration-hero__center {
    width: clamp(10rem, 13vw, 10rem);
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%);
    background:
        radial-gradient(circle at 30% 24%, rgba(255, 255, 255, 0.86), transparent 34%),
        linear-gradient(135deg, rgba(var(--ci_secondary-color-rgb), 0.95), rgba(var(--ci_primary-color-rgb), 0.9) 48%, rgba(var(--ci_accent-color-rgb), 0.85));
    box-shadow: 0 1.6rem 4rem rgba(var(--ci_primary-color-rgb), 0.24);
}
 @media (max-width: 767.98px) {
  .nx-registration-hero__network {
      height: 40rem;
  }
  .nx-registration-hero__node--a {
      left: 13%;
      top: 32%;
  }
  .nx-registration-hero__node--b {
      left: 20%;
      top: 72%;
  }
  .nx-registration-hero__node--c {
      left: 33%;
      top: 18%;
  }
  .nx-registration-hero__node--d {
      left: 67%;
      top: 85%;
  }
  .nx-registration-hero__node--e {
      left: 70%;
      top: 25%;
  }
  .nx-registration-hero__node--f {
      left: 80%;
      top: 58%;
  }
}
/* ================================= */
/* News, Job Hero */
/* ================================= */
.nx-news-hero__content,
.nx-jobs-hero__content {
  min-height: clamp(420px, 75vh, 660px);
}
/* ================================= */
/* News List Template */
/* ================================= */
.nx-news-card__media img {
    transition: transform .55s cubic-bezier(.22,1,.36,1);
}
.nx-news-card:hover .nx-news-card__media img {
    transform: scale(1.035);
}
.nx-news-featured__media {
    min-height: 460px;
}
.nx-news-featured__media img {
    transition: transform .7s cubic-bezier(.22,1,.36,1);
}
.nx-news-featured:hover img {
    transform: scale(1.025);
}
.nx-news-featured__placeholder,
.nx-news-card__placeholder {
    background: rgba(255,255,255,.35);
    color: var(--bs-secondary-color);
}
/* ================================= */
/* News Detail Template */
/* ================================= */
.nx-news-detail-hero {
    padding-top: clamp(7rem, 11vw, 10rem) !important;
    padding-bottom: clamp(3rem, 6vw, 5rem) !important;
}
.nx-news-detail-image img {
    max-height: 680px;
    object-position: center;
}
.nx-news-article > * + * {
    margin-top: 1.4rem;
}
.nx-news-article h2,
.nx-news-article h3,
.nx-news-article h4,
.nx-news-article h5,
.nx-news-article h6 {
    margin-top: 2.8rem;
    margin-bottom: 1rem;
    line-height: 1.2;
}
.nx-news-article h2 {
    font-size: clamp(1.8rem, 3vw, 2.4rem);
}
.nx-news-article h3,
.nx-news-article h4,
.nx-news-article h5,
.nx-news-article h6 {
    font-size: clamp(1.45rem, 2.3vw, 1.8rem);
}
.nx-news-article p {
    margin-bottom: 0;
}
.nx-news-article ul,
.nx-news-article ol {
    display: grid;
    gap: .7rem;
    padding-left: 1.4rem;
}
.nx-news-article blockquote {
    margin-block: 2.5rem;
    padding: 1.5rem 0 1.5rem 1.5rem;
    border-left: 3px solid var(--ci-secondary-color);
    font-size: 1.2rem;
    line-height: 1.6;
    color: var(--bs-body-color);
}
.nx-news-article img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-block: 2rem;
    border-radius: 1rem;
}
/* ================================= */
/* Job Template */
/* ================================= */
#jobs-grid .nx-job-link {
  color: inherit;
}
#jobs-grid .nx-job-card {
  transition: transform 220ms ease;
}
#jobs-grid .nx-job-link:hover .nx-job-card,
#jobs-grid .nx-job-link:focus-visible .nx-job-card {
  transform: translateY(-4px);
}
#jobs-grid .nx-job-card__cta {
  transition: transform 180ms ease;
}
#jobs-grid .nx-job-link:hover .nx-job-card__cta,
#jobs-grid .nx-job-link:focus-visible .nx-job-card__cta {
  transform: translateX(2px);
}
@media (max-width: 767.98px) {

  #jobs-grid .nx-job-link:hover .nx-job-card,
  #jobs-grid .nx-job-link:focus-visible .nx-job-card {
    transform: none;
  }
}
/* ================================= */
/* Share Offcanvas */
/* ================================= */
.offcanvas-share .offcanvas-header,
.offcanvas-share .offcanvas-body {
  padding-inline: 1rem;
}
.share-handle {
  width: 42px;
  height: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.25);
}
.share-tile {
    width: 4.3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    cursor: pointer;
    opacity: 0;
    transform: translateY(6px) scale(0.98);
    transition:
        opacity 0.22s ease-out,
        transform 0.22s ease-out;
    transition-delay: var(--stagger, 0ms);
}
.offcanvas-share.is-open .share-tile {
    opacity: 1;
    transform: translateY(0) scale(1);
}
.share-tile:hover .share-icon {
    transform: translateY(-2px) scale(1.03);
    background: rgba(255, 255, 255, 0.08);
    box-shadow: 0 0.65rem 1.6rem rgba(0, 0, 0, 0.45);
}
.share-icon {
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  background: rgba(255, 255, 255, 0.04);
  box-shadow: 0 0.45rem 1.2rem rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(14px);
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
.share-label {
  font-size: 0.7rem;
  opacity: 0.85;
}
.share-tile:hover .share-icon {
  transform: translateY(-2px) scale(1.03);
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0 0.65rem 1.6rem rgba(0, 0, 0, 0.45);
}
.share-whatsapp .share-icon {
  color: #25D366;
}
.share-facebook .share-icon {
  color: #1877F2;
}
.share-twitter .share-icon {
  color: #1DA1F2;
}
.share-instagram .share-icon {
  color: #E1306C;
}
.share-link-box {
  border-radius: 999px;
  padding: 0.45rem 0.7rem;
  background: rgba(0, 0, 0, 0.35);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}
.share-link-text {
  opacity: 0.85;
}

.nx-placeholder-min-height {
    min-height: 350px;
    max-height: 350px;
}

.nx-process-image-frame img {
    filter: drop-shadow(0 0px 10px rgb(48 48 48 / 0.35));
}

.nx-process-image-frame {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 480px;
    min-height: 0;
    max-height: none;
    background: #d9d9d9;
}

@media screen and (max-width: 576px) {
    .nx-process-image-frame {
        height: 280px;
    }
}

.nx-process-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.nx-talent-preview__image {
  max-height: 650px;
}

.nx-pattern-muted {
  color: #62635f;
}

.nx-hero-overlay--accent,
.nx-hero-pattern--accent {
  color: var(--ci_accent-color-light);
}

.nx-region-band-pattern {
  width: 140%;
  height: 100%;
  color: var(--ci_primary-color);
}

.nx-teach-preview__image {
  object-position: top;
}

@media (min-width: 768px) {
  .offcanvas-share {
    max-width: 540px;
    margin-inline: auto;
    border-radius: 1.25rem 1.25rem 0 0;
  }
}