.elementor-2342 .elementor-element.elementor-element-eaec393{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0vw;--padding-bottom:5vw;--padding-left:10vw;--padding-right:10vw;}.elementor-2342 .elementor-element.elementor-element-eaec393:not(.elementor-motion-effects-element-type-background), .elementor-2342 .elementor-element.elementor-element-eaec393 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-2342 .elementor-element.elementor-element-633540f{--display:flex;--padding-top:5vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-2342 .elementor-element.elementor-element-d2e5c46 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:6px;}.elementor-2342 .elementor-element.elementor-element-d2e5c46 .elementor-icon-box-title{margin-block-end:0px;color:#D8D8D8;}.elementor-2342 .elementor-element.elementor-element-d2e5c46.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-2342 .elementor-element.elementor-element-d2e5c46.elementor-view-framed .elementor-icon, .elementor-2342 .elementor-element.elementor-element-d2e5c46.elementor-view-default .elementor-icon{fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-2342 .elementor-element.elementor-element-d2e5c46 .elementor-icon{font-size:15px;}.elementor-2342 .elementor-element.elementor-element-d2e5c46 .elementor-icon-box-title, .elementor-2342 .elementor-element.elementor-element-d2e5c46 .elementor-icon-box-title a{font-weight:500;text-transform:uppercase;letter-spacing:1px;}.elementor-2342 .elementor-element.elementor-element-ea19825 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-2342 .elementor-element.elementor-element-ea19825 .elementor-heading-title{line-height:0.9em;color:var( --e-global-color-astglobalcolor5 );}.elementor-2342 .elementor-element.elementor-element-b9749b2{width:initial;max-width:initial;font-size:22px;color:#D8D8D8;}.elementor-2342 .elementor-element.elementor-element-b9749b2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2342 .elementor-element.elementor-element-1e8cb66{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-2342 .elementor-element.elementor-element-8b5ca7f .elementor-button{background-color:var( --e-global-color-astglobalcolor1 );border-style:none;padding:15px 15px 15px 15px;}.elementor-2342 .elementor-element.elementor-element-8b5ca7f{width:auto;max-width:auto;}.elementor-2342 .elementor-element.elementor-element-8b5ca7f .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2342 .elementor-element.elementor-element-a4db144{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2342 .elementor-element.elementor-element-32792f2{--display:flex;}.elementor-2342 .elementor-element.elementor-element-31bb597 .elementor-icon-box-wrapper{gap:15px;}.elementor-2342 .elementor-element.elementor-element-31bb597 .elementor-icon-box-title, .elementor-2342 .elementor-element.elementor-element-31bb597 .elementor-icon-box-title a{font-size:28px;}.elementor-2342 .elementor-element.elementor-element-31bb597 .elementor-icon-box-title{color:#0B1418;}.elementor-2342 .elementor-element.elementor-element-31bb597 .elementor-icon-box-description{color:#6B7280;}.elementor-2342 .elementor-element.elementor-element-80b88ef .elementor-icon-box-wrapper{gap:15px;}.elementor-2342 .elementor-element.elementor-element-80b88ef .elementor-icon-box-title, .elementor-2342 .elementor-element.elementor-element-80b88ef .elementor-icon-box-title a{font-size:28px;}.elementor-2342 .elementor-element.elementor-element-80b88ef .elementor-icon-box-title{color:#0B1418;}.elementor-2342 .elementor-element.elementor-element-80b88ef .elementor-icon-box-description{color:#6B7280;}.elementor-2342 .elementor-element.elementor-element-161f20f .elementor-icon-box-wrapper{gap:15px;}.elementor-2342 .elementor-element.elementor-element-161f20f .elementor-icon-box-title, .elementor-2342 .elementor-element.elementor-element-161f20f .elementor-icon-box-title a{font-size:28px;}.elementor-2342 .elementor-element.elementor-element-161f20f .elementor-icon-box-title{color:#0B1418;}.elementor-2342 .elementor-element.elementor-element-161f20f .elementor-icon-box-description{color:#6B7280;}.elementor-2342 .elementor-element.elementor-element-0d382e1 .elementor-icon-box-wrapper{gap:15px;}.elementor-2342 .elementor-element.elementor-element-0d382e1 .elementor-icon-box-title, .elementor-2342 .elementor-element.elementor-element-0d382e1 .elementor-icon-box-title a{font-size:28px;}.elementor-2342 .elementor-element.elementor-element-0d382e1 .elementor-icon-box-title{color:#0B1418;}.elementor-2342 .elementor-element.elementor-element-0d382e1 .elementor-icon-box-description{color:#6B7280;}.elementor-2342 .elementor-element.elementor-element-2ac4880 .elementor-icon-box-wrapper{gap:15px;}.elementor-2342 .elementor-element.elementor-element-2ac4880 .elementor-icon-box-title, .elementor-2342 .elementor-element.elementor-element-2ac4880 .elementor-icon-box-title a{font-size:28px;}.elementor-2342 .elementor-element.elementor-element-2ac4880 .elementor-icon-box-title{color:#0B1418;}.elementor-2342 .elementor-element.elementor-element-2ac4880 .elementor-icon-box-description{color:#6B7280;}.elementor-2342 .elementor-element.elementor-element-c32acec .elementor-icon-box-wrapper{gap:15px;}.elementor-2342 .elementor-element.elementor-element-c32acec .elementor-icon-box-title, .elementor-2342 .elementor-element.elementor-element-c32acec .elementor-icon-box-title a{font-size:28px;}.elementor-2342 .elementor-element.elementor-element-c32acec .elementor-icon-box-title{color:#0B1418;}.elementor-2342 .elementor-element.elementor-element-c32acec .elementor-icon-box-description{color:#6B7280;}.elementor-2342 .elementor-element.elementor-element-c8135f7 .elementor-icon-box-wrapper{gap:15px;}.elementor-2342 .elementor-element.elementor-element-c8135f7 .elementor-icon-box-title, .elementor-2342 .elementor-element.elementor-element-c8135f7 .elementor-icon-box-title a{font-size:28px;}.elementor-2342 .elementor-element.elementor-element-c8135f7 .elementor-icon-box-title{color:#0B1418;}.elementor-2342 .elementor-element.elementor-element-c8135f7 .elementor-icon-box-description{color:#6B7280;}.elementor-2342 .elementor-element.elementor-element-81d0ee1 .elementor-icon-box-wrapper{gap:15px;}.elementor-2342 .elementor-element.elementor-element-81d0ee1 .elementor-icon-box-title, .elementor-2342 .elementor-element.elementor-element-81d0ee1 .elementor-icon-box-title a{font-size:28px;}.elementor-2342 .elementor-element.elementor-element-81d0ee1 .elementor-icon-box-title{color:#0B1418;}.elementor-2342 .elementor-element.elementor-element-81d0ee1 .elementor-icon-box-description{color:#6B7280;}.elementor-2342 .elementor-element.elementor-element-ce8afbf .elementor-icon-box-wrapper{gap:15px;}.elementor-2342 .elementor-element.elementor-element-ce8afbf .elementor-icon-box-title, .elementor-2342 .elementor-element.elementor-element-ce8afbf .elementor-icon-box-title a{font-size:28px;}.elementor-2342 .elementor-element.elementor-element-ce8afbf .elementor-icon-box-title{color:#0B1418;}.elementor-2342 .elementor-element.elementor-element-ce8afbf .elementor-icon-box-description{color:#6B7280;}.elementor-2342 .elementor-element.elementor-element-2febbc9{--display:flex;}.elementor-2342 .elementor-element.elementor-element-3623429{--display:flex;}.elementor-2342 .elementor-element.elementor-element-b87eea6{--display:flex;}.elementor-2342 .elementor-element.elementor-element-2d3ba49{--display:flex;}.elementor-2342 .elementor-element.elementor-element-0da2114{--display:flex;}.elementor-2342 .elementor-element.elementor-element-9faeb04{--display:flex;}.elementor-2342 .elementor-element.elementor-element-d7e38ff{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2342 .elementor-element.elementor-element-eaec393{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:30vw;--padding-bottom:10vw;--padding-left:10vw;--padding-right:10vw;}.elementor-2342 .elementor-element.elementor-element-633540f{--min-height:0px;--justify-content:flex-start;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-2342 .elementor-element.elementor-element-31bb597 .elementor-icon-box-title, .elementor-2342 .elementor-element.elementor-element-31bb597 .elementor-icon-box-title a{font-size:26px;}.elementor-2342 .elementor-element.elementor-element-80b88ef .elementor-icon-box-title, .elementor-2342 .elementor-element.elementor-element-80b88ef .elementor-icon-box-title a{font-size:26px;}.elementor-2342 .elementor-element.elementor-element-161f20f .elementor-icon-box-title, .elementor-2342 .elementor-element.elementor-element-161f20f .elementor-icon-box-title a{font-size:26px;}.elementor-2342 .elementor-element.elementor-element-0d382e1 .elementor-icon-box-title, .elementor-2342 .elementor-element.elementor-element-0d382e1 .elementor-icon-box-title a{font-size:26px;}.elementor-2342 .elementor-element.elementor-element-2ac4880 .elementor-icon-box-title, .elementor-2342 .elementor-element.elementor-element-2ac4880 .elementor-icon-box-title a{font-size:26px;}.elementor-2342 .elementor-element.elementor-element-c32acec .elementor-icon-box-title, .elementor-2342 .elementor-element.elementor-element-c32acec .elementor-icon-box-title a{font-size:26px;}.elementor-2342 .elementor-element.elementor-element-c8135f7 .elementor-icon-box-title, .elementor-2342 .elementor-element.elementor-element-c8135f7 .elementor-icon-box-title a{font-size:26px;}.elementor-2342 .elementor-element.elementor-element-81d0ee1 .elementor-icon-box-title, .elementor-2342 .elementor-element.elementor-element-81d0ee1 .elementor-icon-box-title a{font-size:26px;}.elementor-2342 .elementor-element.elementor-element-ce8afbf .elementor-icon-box-title, .elementor-2342 .elementor-element.elementor-element-ce8afbf .elementor-icon-box-title a{font-size:26px;}}@media(max-width:767px){.elementor-2342 .elementor-element.elementor-element-eaec393{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:45vw;--padding-bottom:0vw;--padding-left:10vw;--padding-right:10vw;}.elementor-2342 .elementor-element.elementor-element-633540f{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2342 .elementor-element.elementor-element-d2e5c46 .elementor-icon-box-wrapper{text-align:center;}.elementor-2342 .elementor-element.elementor-element-ea19825 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-2342 .elementor-element.elementor-element-ea19825{text-align:center;}.elementor-2342 .elementor-element.elementor-element-b9749b2{width:var( --container-widget-width, 310.4px );max-width:310.4px;--container-widget-width:310.4px;--container-widget-flex-grow:0;text-align:center;}.elementor-2342 .elementor-element.elementor-element-1e8cb66{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2342 .elementor-element.elementor-element-a4db144{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2342 .elementor-element.elementor-element-31bb597 .elementor-icon-box-title, .elementor-2342 .elementor-element.elementor-element-31bb597 .elementor-icon-box-title a{font-size:22px;}.elementor-2342 .elementor-element.elementor-element-80b88ef .elementor-icon-box-title, .elementor-2342 .elementor-element.elementor-element-80b88ef .elementor-icon-box-title a{font-size:22px;}.elementor-2342 .elementor-element.elementor-element-161f20f .elementor-icon-box-title, .elementor-2342 .elementor-element.elementor-element-161f20f .elementor-icon-box-title a{font-size:22px;}.elementor-2342 .elementor-element.elementor-element-0d382e1 .elementor-icon-box-title, .elementor-2342 .elementor-element.elementor-element-0d382e1 .elementor-icon-box-title a{font-size:22px;}.elementor-2342 .elementor-element.elementor-element-2ac4880 .elementor-icon-box-title, .elementor-2342 .elementor-element.elementor-element-2ac4880 .elementor-icon-box-title a{font-size:22px;}.elementor-2342 .elementor-element.elementor-element-c32acec .elementor-icon-box-title, .elementor-2342 .elementor-element.elementor-element-c32acec .elementor-icon-box-title a{font-size:22px;}.elementor-2342 .elementor-element.elementor-element-c8135f7 .elementor-icon-box-title, .elementor-2342 .elementor-element.elementor-element-c8135f7 .elementor-icon-box-title a{font-size:22px;}.elementor-2342 .elementor-element.elementor-element-81d0ee1 .elementor-icon-box-title, .elementor-2342 .elementor-element.elementor-element-81d0ee1 .elementor-icon-box-title a{font-size:22px;}.elementor-2342 .elementor-element.elementor-element-ce8afbf .elementor-icon-box-title, .elementor-2342 .elementor-element.elementor-element-ce8afbf .elementor-icon-box-title a{font-size:22px;}}@media(min-width:768px){.elementor-2342 .elementor-element.elementor-element-633540f{--width:50%;}.elementor-2342 .elementor-element.elementor-element-a4db144{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2342 .elementor-element.elementor-element-633540f{--width:100%;}.elementor-2342 .elementor-element.elementor-element-a4db144{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-827541d *//* ==================================================
   ISO — DESKTOP SCROLL GRAPHIC
================================================== */

.si-iso-scroll-stage,
.si-iso-scroll-stage * {
    box-sizing: border-box;
}

.si-iso-scroll-stage {
    position: relative;

    width: 100%;
    max-width: 560px;

    aspect-ratio: 1;

    margin: 0 auto;

    font-family: "Alata", sans-serif;

    perspective: 1100px;
    isolation: isolate;
}


/* ==================================================
   AMBIENT BACKGROUND
================================================== */

.si-iso-stage-glow {
    position: absolute;

    inset: 17%;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(200,255,135,.13),
            rgba(0,155,200,.08) 38%,
            transparent 70%
        );

    filter: blur(10px);

    pointer-events: none;

    transform:
        scale(
            calc(
                .88 +
                var(--iso-progress, 0) * .18
            )
        );
}


/* Outer system ring */

.si-iso-stage-ring {
    position: absolute;

    inset: 7%;

    border:
        1px dashed
        rgba(200,255,135,.20);

    border-radius: 50%;

    pointer-events: none;

    transform:
        rotate(
            calc(
                var(--iso-progress, 0) * 100deg
            )
        );
}


/* small orbit points */

.si-iso-stage-ring::before,
.si-iso-stage-ring::after {
    content: "";

    position: absolute;

    width: 10px;
    height: 10px;

    border-radius: 50%;
}


.si-iso-stage-ring::before {
    left: 13%;
    top: 12%;

    background: #C8FF87;

    box-shadow:
        0 0 0 7px
        rgba(200,255,135,.08);
}


.si-iso-stage-ring::after {
    right: 10%;
    bottom: 17%;

    background: #009BC8;

    box-shadow:
        0 0 0 7px
        rgba(0,155,200,.10);
}


/* ==================================================
   CONNECTION PATHS
================================================== */

.si-iso-connections {
    position: absolute;
    z-index: 2;

    left: 50%;
    top: 50%;

    width: 78%;
    height: 78%;

    opacity: 0;

    pointer-events: none;

    transform:
        translate(-50%,-50%);
}


.si-iso-connections svg {
    display: block;

    width: 100%;
    height: 100%;

    overflow: visible;
}


.si-iso-connections path {
    fill: none;

    stroke:
        rgba(200,255,135,.43);

    stroke-width: 1.5;

    stroke-dasharray: 5 8;

    stroke-linecap: round;
}


/* ==================================================
   CENTRAL SGI CORE
================================================== */

.si-iso-core {
    position: absolute;
    z-index: 5;

    left: 50%;
    top: 50%;

    display: grid;
    place-items: center;

    width: 36%;
    aspect-ratio: 1;

    color: #0F172A;

    text-align: center;

    background:
        linear-gradient(
            145deg,
            #C8FF87,
            #77DCCB
        );

    border-radius: 50%;

    box-shadow:
        0 30px 80px
        rgba(0,0,0,.34);

    transform:
        translate(-50%,-50%)
        scale(.90);

    will-change:
        transform,
        opacity;
}


.si-iso-core::after {
    content: "";

    position: absolute;

    inset: -14px;

    border:
        1px solid
        rgba(200,255,135,.18);

    border-radius: 50%;
}


.si-iso-core small {
    display: block;

    margin-bottom: 4px;

    font-size: 8px;

    letter-spacing: .15em;

    text-transform: uppercase;
}


.si-iso-core strong {
    display: block;

    font-size:
        clamp(31px,4vw,46px);

    font-weight: 400;

    line-height: 1;
}


.si-iso-core span {
    display: block;

    margin-top: 6px;

    font-size: 9px;

    opacity: .67;
}


/* ==================================================
   ISO STANDARD CARDS
================================================== */

.si-iso-standard {
    position: absolute;
    z-index: 4;

    width: 145px;

    padding:
        12px
        14px;

    color: #FFFFFF;

    background:
        rgba(9,29,32,.94);

    border:
        1px solid
        rgba(255,255,255,.14);

    border-radius: 15px;

    box-shadow:
        0 18px 42px
        rgba(0,0,0,.25);

    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);

    will-change:
        transform,
        opacity;
}


.si-iso-standard small {
    display: block;

    color:
        rgba(255,255,255,.43);

    font-size: 7px;

    letter-spacing: .09em;

    text-transform: uppercase;
}


.si-iso-standard strong {
    display: block;

    margin-top: 4px;

    color: #FFFFFF;

    font-size: 13px;

    font-weight: 400;
}


/* Initial positions */

.si-iso-standard--9001 {
    left: -1%;
    top: 14%;
}


.si-iso-standard--14001 {
    right: -2%;
    top: 12%;
}


.si-iso-standard--45001 {
    right: -5%;
    bottom: 24%;
}


.si-iso-standard--50001 {
    left: 0;
    bottom: 13%;
}


.si-iso-standard--39001 {
    left: 50%;
    top: -1%;

    width: 135px;

    transform:
        translateX(-50%);
}


/* ==================================================
   FINAL INTEGRATED SYSTEM
================================================== */

.si-iso-system {
    position: absolute;
    z-index: 7;

    left: 50%;
    top: 50%;

    width: min(410px, 79%);

    padding: 18px;

    opacity: 0;

    color: #FFFFFF;

    background:
        rgba(20,43,46,.97);

    border:
        1px solid
        rgba(255,255,255,.13);

    border-radius: 23px;

    box-shadow:
        0 35px 90px
        rgba(0,0,0,.35);

    transform:
        translate(-50%,-50%)
        scale(.72)
        rotateX(8deg);

    will-change:
        transform,
        opacity;
}


/* ==================================================
   SYSTEM HEADER
================================================== */

.si-iso-system__top {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 15px;

    margin-bottom: 15px;
}


.si-iso-system__top small {
    display: block;

    color:
        rgba(255,255,255,.43);

    font-size: 8px;

    letter-spacing: .10em;

    text-transform: uppercase;
}


.si-iso-system__top strong {
    display: block;

    margin-top: 3px;

    color: #FFFFFF;

    font-size: 17px;

    font-weight: 400;
}


/* Operational status */

.si-iso-system__status {
    display: inline-flex;

    align-items: center;

    gap: 6px;

    padding:
        7px
        10px;

    color: #C8FF87;

    background:
        rgba(200,255,135,.08);

    border-radius: 999px;

    font-size: 7px;

    letter-spacing: .08em;

    text-transform: uppercase;
}


.si-iso-system__status::before {
    content: "";

    width: 6px;
    height: 6px;

    background: #C8FF87;

    border-radius: 50%;
}


/* ==================================================
   MANAGEMENT PROCESS
================================================== */

.si-iso-process {
    display: grid;

    gap: 0;

    padding:
        14px
        14px
        12px;

    background: #0A1E22;

    border:
        1px solid
        rgba(255,255,255,.05);

    border-radius: 16px;
}


.si-iso-process__item {
    display: flex;

    align-items: center;

    gap: 11px;

    min-height: 36px;
}


.si-iso-process__item i {
    display: grid;

    place-items: center;

    flex: 0 0 25px;

    width: 25px;
    height: 25px;

    color: #0F172A;

    background: #C8FF87;

    border-radius: 50%;

    font-size: 7px;

    font-style: normal;
}


.si-iso-process__item small {
    display: block;

    color:
        rgba(255,255,255,.36);

    font-size: 7px;

    letter-spacing: .06em;

    text-transform: uppercase;
}


.si-iso-process__item strong {
    display: block;

    margin-top: 1px;

    color: #FFFFFF;

    font-size: 11px;

    font-weight: 400;
}


/* Vertical connecting line */

.si-iso-process__line {
    display: block;

    width: 1px;
    height: 10px;

    margin-left: 12px;

    background:
        linear-gradient(
            to bottom,
            rgba(200,255,135,.55),
            rgba(0,155,200,.35)
        );
}


/* ==================================================
   CONTINUOUS IMPROVEMENT FOOTER
================================================== */

.si-iso-system__footer {
    display: flex;

    align-items: center;

    gap: 10px;

    margin-top: 10px;

    padding:
        11px
        13px;

    background:
        rgba(200,255,135,.06);

    border:
        1px solid
        rgba(200,255,135,.10);

    border-radius: 14px;
}


.si-iso-cycle-icon {
    display: grid;

    place-items: center;

    width: 30px;
    height: 30px;

    flex: 0 0 30px;

    color: #C8FF87;

    background:
        rgba(200,255,135,.09);

    border-radius: 50%;

    font-size: 19px;
}


.si-iso-system__footer small {
    display: block;

    color:
        rgba(255,255,255,.38);

    font-size: 7px;

    letter-spacing: .08em;

    text-transform: uppercase;
}


.si-iso-system__footer strong {
    display: block;

    margin-top: 2px;

    color: #C8FF87;

    font-size: 11px;

    font-weight: 400;
}


/* ==================================================
   FINAL LABEL
================================================== */

.si-iso-final-label {
    position: absolute;
    z-index: 8;

    left: 50%;
    bottom: 2%;

    padding:
        9px
        13px;

    opacity: 0;

    color: #0F172A;

    background: #FFFFFF;

    border-radius: 999px;

    box-shadow:
        0 15px 35px
        rgba(0,0,0,.20);

    white-space: nowrap;

    font-size: 8px;

    letter-spacing: .08em;

    text-transform: uppercase;

    transform:
        translateX(-50%)
        translateY(10px);

    will-change:
        transform,
        opacity;
}


/* ==================================================
   PHASE INDICATORS
================================================== */

.si-iso-phases {
    position: absolute;

    z-index: 9;

    right: -105px;
    top: 50%;

    display: grid;

    gap: 9px;

    transform:
        translateY(-50%);
}


.si-iso-phases span {
    display: flex;

    align-items: center;

    gap: 8px;

    color:
        rgba(255,255,255,.31);

    font-size: 8px;

    letter-spacing: .10em;

    text-transform: uppercase;

    transition:
        color .25s ease;
}


.si-iso-phases i {
    width: 5px;
    height: 5px;

    background:
        rgba(255,255,255,.23);

    border-radius: 50%;
}


.si-iso-phases span.is-active {
    color: #FFFFFF;
}


.si-iso-phases span.is-active i {
    background: #C8FF87;

    box-shadow:
        0 0 0 5px
        rgba(200,255,135,.08);
}

/* ==================================================
   ISO — DESKTOP/TABLET SCROLL HERO
================================================== */

.si-iso-scroll-hero {
    --iso-progress: 0;

    position: relative;

    min-height: 235vh;

    overflow: visible !important;

    align-items: flex-start !important;
}


.si-iso-scroll-left,
.si-iso-scroll-right {
    position: sticky !important;

    top: 0;

    min-height: 100svh;

    align-self: flex-start;

    display: flex;
    flex-direction: column;
    justify-content: center;

    overflow: visible !important;
}/* End custom CSS */