/* @import url(https://fonts.googleapis.com/css?family=Roboto:i,b); */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
:root{
    --color-h1:#FFF;
    --color-h2: hsl(0deg 0% 100% / 70%);
    --color-h2: silver;
    --color-h3: darkgray;
    --color-h8: #4A4551;
    --color-h9: hsl(289 2% 17% / 1);--color-primary: #0085F5;
    --color-primary-light: hsl(208, 100%, 74%);
    --color-primary-dark: hsl(208deg 97% 36%);
    --color-primary-darker: hsl(208deg 80% 20%);--color-secondary: hsl(289deg 79% 51%);
    --color-secondary-dark: hsl(289 76% 35%);
    --color-secondary-darker: hsl(289 27% 23%);--color-secondary-light: hsl(289 80% 77%);--color-accent: #F57000;--color-accent-dark: hsl(27deg 100% 19%);--color-bg0: black;
    --color-bg1: hsl(210deg 83.33% 2.35%);
    --color-bg2: #110C18;
    --color-bg3: #231123;
    --color-bg4: #1F3046;
    --color-grey-dark: hsl(291,0%,10%);--g1:25%;
    --g2:calc(100% - var(
    --g1));
    --br: .6em;
    --tts: 0.5s;
    --tte: 0.15s;

    --flow-spacing: 0em;
    --flow-padding: 15svh;
    --flow-gap: 4em;
    --ff:'Roboto', Helvetica, Arial, sans-serif;
    
    --gradient: linear-gradient(195deg, var(
    --color-bg1) 26.56%, var(--color-bg2) 41.81%, var(--color-bg3) 60.04%, var(--color-bg4) 84.63%);
    --hero-bg: url(
    "../images/enterprise/waves2.svg");
    --chevron-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath fill='white' d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3E%3C/svg%3E");
    
}
[hidden]{display: none; }
.visible-hidden{position:absolute; z-index:-9999; opacity:0; width:0px;height:0px;}
/* Safari 10.1+ */

/* @media not all and (min-resolution:.001dpcm) { @media { */
/* }} */
@media only screen and (max-width: 730px){

    html,
    body {
        position: relative;
        height: 100%;
        overflow-x: hidden;
    }
}
body{
    background-color: var(--color-bg0);
    color: whitesmoke;
    font-size: clamp(0.8em, 2cqw , 1em);
    font-family: 'Open Sans', sans-serif;
}

*::selection{
    color:var(--color-h1);
    background: var(--color-secondary-dark);
    --tc:var(--color-bg0);
    --sp1:.02em;
    --sp2:calc(var(--sp1) * 2);
    --sp3:calc(var(--sp1) * 3);
    --sp4:calc(var(--sp1) * 4);
    text-shadow: var(--sp1) var(--sp1) 0 var(--tc), var(--sp2) var(--sp2) 0 var(--tc), var(--sp3) var(--sp3) 0 var(--tc), var(--sp4) var(--sp4) 0 var(--tc);
}
h1, h2, h3, h4, h5 {
    font-weight: 600;
    color: var(--color-h1);
    word-break: break-word;
    text-wrap: balance;
    line-height: 1.2em;
    font-style: normal;
}

h1,h2,h3, button, .tagline, [class*="button"]{
    font-family: var(--ff);
}
p{
    font-size: clamp(0.9em, 2.7cqw , 1.2em);
    line-height: 1.4em;
    /* text-wrap: inherit; */
    text-wrap: pretty;
}
p ~ p {
    margin-top: 1em;
}
.flex-row {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    gap: .5em;
}
.flex-col {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

:where(.flex-row) > *, :where(.flex-col) > * {
    flex: 0 1 auto;
}
:where([class*="button"]:not([class*="_button"]):not(.mobile-menu-button)){
    padding-block: 0.8em;
    padding-inline: 2.4em;
    width: max-content;
    min-width: 12ch;
    font-style: normal;
    font-weight: bold;
    background-color: black;
    color: var(--color-h1, white);
    text-align: center;
    border-radius: var(--br, 1em);
    /* border: 1px solid var(--color-primary-light); */
    border: none;
    position:relative;
    box-shadow: 0em 0em 3em -1.1em var(--color-primary-light);
    opacity:.85;
    transition: opacity var(--tte);
    color: inherit;
}
@media (hover: hover){
    [class*="button"]:hover{
        opacity:1;
        transition-duration:  var(--tts);
        transition-delay: 0s;
        transition-timing-function: ease-out;
    }
}

:is(button, a, details):is(.disabled){
    cursor: unset;
    color: slategray;
    transition:none;
    pointer-events: none;
}
.button-CTA {
     background-image: linear-gradient(245deg, var(--color-primary) var(--g1), var(--color-primary-dark) var(--g2));
     border: none;
     color: var(--color-h1);
}
@media only screen and (max-width: 730px){
    section > .button-CTA {
        /* width: 80%; */
        --g1: 40%;
        --g2: calc(100% - var(
        --g1));
    }
}
.button-Secondary{
    border: none;
    color: var(--color-h1);
    background: linear-gradient(65deg, var(--color-primary-light) var(--g1), var(--color-primary) var(--g2));
}
.button-Secondary2{
    border: none;
    color: var(--color-h1);
    background: linear-gradient(115deg, var(--color-secondary) var(--g1), var(--color-secondary-dark) var(--g2));
}
.button-Secondary::before{
    --d:.2em;
    content:"";
    position: absolute;
    inset: var(--d, 1px);
    border-radius: calc(var(--br) - var(--d));
    background-color:var(--color-bg0);
}
.button-Secondary::after{
    content: attr(alt);
    position: absolute;
    background:inherit;
    -webkit-background-clip: text;
    color:transparent;
    inset:0;
    padding:inherit;
}

[class*="bg-gradients"]{position:relative;}
[class*="bg-gradients"]::before, [class*="bg-gradients"]::after{
    content: "";
    position:absolute;
    top:41%;
    left:-30%;
    width:80%;
    height:270px;
    background-color:var(--color-bg0);
    background-color: aliceblue;
    z-index: -2;
    --bg: var(
    --color-accent-dark);
    background-image: linear-gradient(var(--deg,130deg), var(--bg) 0%, var(--color-bg0) 100%);
    filter: blur(55px);
    /* position: sticky; */
    /* top: 0em; */
}
/* [class*="bg-gradients"]::before{
} */
[class*="bg-gradients"]::after{
    left: 67%;
    --deg: 240deg;
    --bg: var(
    --color-primary-darker);
    /* background: linear-gradient(240deg, #1A3A4B 0%, var(--color-bg0) 100%); */
    /* filter: blur(75px); */
    width: 60%;
}
.bg-gradients2::before{
    --bg: var(--color-primary-darker);
}
.bg-gradients2::after{
    --bg: var(
    --color-secondary-darker);
}
.bg-gradients3::before{
    top:0%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.bg-gradients3::after{
    top:100%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.txtGradient, h2{
    /*  customize the colors using c1 and c2 props.  if invalid uses default
        gradient spread uses g1 and g2  */
    --default-bg-image: var(
    --c1, var(--color-h1), white) var(--g1), var(--c2, var(--color-h2), silver) var(--g2);
    --bg-image: var(
    --default-bg-image);
    background-image: linear-gradient(245deg, var(
    --bg-image));
    /* background-image: linear-gradient(245deg, var(--color-h1) var(--g1), var(--color-h2) var(--g2)); */
    background-repeat: no-repeat;
    color: transparent;
    -webkit-background-clip: text;
    /* padding-bottom: 0.1em; */
    /* margin-bottom: -0.3em; */
}
.horizontal-line{
    /* border-bottom-color:var(--color-h4); */
    border:none;
}

nav [class^="mobile-menu-lines-"] {
    box-sizing:content-box;
}

nav .nav {
    position: unset;
}

nav .header {
    background-color: unset;
    position: unset;
    width: unset;
    height: unset;
    opacity: 1;
}
nav .header-alert-offer {
    position: unset;
}
nav.navbar {
    position: fixed;
    width: 100%;
    background-color: var(--color-bg0);
    box-shadow: 0 -0.1em 1.1em 0.2em black;
    /* background: grey; */
    /* display: flex; */
    /* flex-wrap: nowrap; */
    /* justify-content: space-evenly; */
    /* align-content: center; */
    /* align-items: center; */
    /* padding: 0 2em; */
    z-index: 999;
    font-size: 1vw;
    font-size: min(1svw, 0.95em);
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
    box-sizing: border-box;
    margin: 0;
}
nav.content-grid .header{
    display:flex;
    justify-content:center;
    align-items: center;
}

/* #header:before {
    content: var(--scroll_string);
    background: wheat;
    color: black;
    font-size: 1em;
    height: 100%;
    width: 3em;
} */
nav.content-grid .nav{
    margin-right: auto;
    margin-left: 5%;
    animation: navOpen 1s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes navOpen{
    100%{
        translate: 0;
        opacity: 0;
    }
}
nav img.logo {
    padding: 0;
    height: 1.9em;
}

nav #header .logo-cont a {
    padding: 0 1em;
    margin-left: -1em;
}
nav a.nav-link {
    color: var(--color-h1);
    /* font-size: 0.85em; */
}

nav .nav-link:hover {
    color: var(--color-primary) !important;
}

body.product .nav:not(.navOpen) .nav-link[href*="product"] {
    border-bottom: currentColor 0.1em solid;
    padding-bottom: 0.1em;
}
body.product .nav.navOpen .nav-link[href*="product"] {
    color: var(--color-primary-light);
}
body.security .nav:not(.navOpen) .nav-link[href*="security"] {
    border-bottom: currentColor 0.1em solid;
    padding-bottom: 0.1em;
}
body.security .nav.navOpen .nav-link[href*="security"] {
    color: var(--color-primary-light);
}
body.tech-specs .nav:not(.navOpen) .nav-link[href*="tech-specs"] {
    border-bottom: currentColor 0.1em solid;
    padding-bottom: 0.1em;
}
body.tech-specs .nav.navOpen .nav-link[href*="tech-specs"] {
    color: var(--color-primary-light);
}
body.support .nav:not(.navOpen) .nav-link[href*="support"] {
    border-bottom: currentColor 0.1em solid;
    padding-bottom: 0.1em;
}
body.support .nav.navOpen .nav-link[href*="support"] {
    color: var(--color-primary-light);
}
body.setup .nav:not(.navOpen) .nav-link[href*="setup"] {
    border-bottom: currentColor 0.1em solid;
    padding-bottom: 0.1em;
}
body.setup .nav.navOpen .nav-link[href*="setup"] {
    color: var(--color-primary-light);
}
body.account .nav:not(.navOpen) .nav-link[href*="account"] {
    border-bottom: currentColor 0.1em solid;
    padding-bottom: 0.1em;
}
body.account .nav.navOpen .nav-link[href*="account"] {
    color: var(--color-primary-light);
}

nav #link-logo-img {
    display: none;
}
nav .button-CTA {
    flex: 0 1 auto;
    margin-block: .5em;
    font-size: inherit;
}

nav [class^="mobile-menu-lines-"] {
    border-color: var(--color-primary);
}

@media only screen and (max-width: 830px){
    nav.navbar{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    /* outline: pink solid; */
    font-size: 0.95rem;
    padding: 0.3rem 1.4rem;
    font-weight: bold;
    }
    nav .header{
        width:92%
    }
    nav .header .button-CTA{
        margin-left:auto;
    }

    nav .nav {
        position: fixed;
        background-color: var(--color-bg4);
    }
}

.flow > * + *{
    margin-top: var(--flow-spacing, 1em);
    padding-block: var(--flow-padding, 1em);
}

.grid-content {
    /* margin: auto; */
    /* max-width: 1500px; */
    /* grid-template-columns: minmax(380px, 1550px);*/
    justify-content: center;
}
.content-grid {
    --padding-inline: 1.5em;
    --padding-inline: 1.6svw;
    --content-max-width: 1100px;
    --content-max-width: calc(100% - 26svw);
    --breakout-max-width: 1330px;
    --breakout-max-width: 88svw;
    --breakout-size: calc( (var(
    --breakout-max-width) - var(--content-max-width)) / 2 );
    display: grid;
    grid-template-columns:
    [fullout-start] minmax(var(--padding-inline), 1fr)
    [breakout-start] minmax(0, var(--breakout-size))
    [content-start] min(
    100% - (var(--padding-inline) * 2),
    var(--content-max-width)
    )
    [content-end]
    minmax(0, var(--breakout-size)) [breakout-end]
    minmax(var(--padding-inline), 1fr) [fullout-end];
}
@media (min-width: 1550px){
    body{
        font-size: 1svw;
    }
    .content-grid {
        --content-max-width: 1100px;
        --breakout-max-width: 1300px;
        --content-max-width: 50vw;
        --breakout-max-width: 60vw;
        position: relative;
    }
}

.content-grid > :not(.breakout, .fullout),
.fullout > :not(.breakout, .fullout) {
    grid-column: content;
}

.content-grid > .breakout {
    grid-column: breakout;
}

.content-grid > .fullout {
    grid-column: fullout;
    display: grid;
    grid-template-columns: inherit;
}
main{
    --gradient: linear-gradient(195deg, var(
    --color-bg1) 26.56%, var(--color-bg2) 41.81%, var(--color-bg3) 60.04%, var(--color-bg4) 84.63%);
    --hero-bg: url("../images/enterprise/waves2.svg");
    --bgi1-size: 100% 72svh;
    --bgi2-size: contain;
    --bgi3-size: 100% 102svw;
    --bgi1-pos: 0% 113svh;
    --bgi2-pos: center 17svh;
    --bgi3-pos: center bottom;
    background-image: var(--gradient),
        var(--hero-bg),
        var(--gradient);
        /* , */
        /* linear-gradient(208deg, var(--color-bg1) 26.56%, var(--color-bg2) 41.81%, var(--color-bg3) 60.04%, var(--color-bg4) 84.63%); */
    background-repeat: no-repeat;
    background-size: var(--bgi1-size),  var(--bgi2-size), var(--bgi3-size);
    background-position: var(--bgi1-pos), var(--bgi2-pos), var(--bgi3-pos);
    /* z-index: -1; */
    /* background-color: tan; */
}

body.product main {
    --bgi2-size: 100% 60svw;
    --bgi4-size: 100% 50svh;
    --bgi2-pos: center -30svh;
    --bgi4-pos: center 50svh;
    background-image: none, var(--hero-bg), var(--gradient), radial-gradient(150% 220% at top right, var(--color-bg1) 10%, transparent 90%), var(--gradient2);
    background-size: var(--bgi1-size), var(--bgi2-size), var(--bgi3-size), var(--bgi4-size), var(--bgi4-size);
    background-position: var(--bgi1-pos), var(--bgi2-pos), var(--bgi3-pos), var(--bgi4-pos), var(--bgi4-pos);
    --gradient2: linear-gradient(180deg, var(
    --color-bg1) 26.56%, var(--color-bg2) 41.81%, var(--color-bg3) 60.04%, var(--color-bg4) 84.63%);
}


:where(main > section) {
    /* background: linear-gradient(grey 0, transparent 5%, transparent 95%, darkgrey); */
    /* min-height: min(690px, 100cqh); */
    display: grid;
    gap: 1em;
    place-content: center;
    place-items: center;
    position:relative;
    isolation: isolate;
}

/* section#Hero {
    gap: 9.5cqh;
    text-align: center;
    min-height: 92svh;
}
section#Hero h1{
        font-size: clamp(2.8em, 8vw, 4.8em);
        font-size: clamp(2.8em, 8cqw, 4.8em);
         background-size: 500% 100%;
         background-position-x: -10%;
        --bg-image: var(--default-bg-image), var(--color-primary) 80%, var(--color-bg0) 90%;
        --g1: 67%; 
        animation: loadHeading 5s ease .5s 1 normal forwards;
} */
@keyframes loadHeading {
    0% {
        background-position-x: -10%;
    }

    100% {
        background-position: 31%;
    }
}
section#Hero .tagline{
    /* font-variant: small-caps; */
    font-weight: 600;
}
section#Hero .cont-btn{
    justify-content: space-evenly;
    /* margin: 0 20%; */
    flex-wrap: wrap;
    gap: 1em;
}
section#Hero .cont-btn > *{
    width: auto;
    /* max-width: 47%; */
    flex-shrink: 0;
    flex-grow: 1;
}

section#Hero {
    /* grid-auto-columns: max(65%, 88cqw); */
    /* padding: calc(100% - 99cqw); */
    grid-template-columns: 1fr 50%;
    gap: var(--flow-gap) 5cqw;
    /* grid-auto-rows: 2fr auto 1.3fr; */
    align-content: center;
    justify-items: start;
    text-align: left;
    margin-top: calc(var(--navbar-height) * 1px);
    min-height: calc(100svh - (var(--navbar-height, 50px) * 1px));
    /* padding-inline: 3svw; */
}
section#Hero > *:not(.hero-image) {
    grid-column: 1;
}
.hero-image {
    grid-column: 2;
    grid-row: 1 / 4;
    /* max-width: 120%; */
}
section#Hero h1{
        text-align: inherit;
        font-size: clamp(2em, 6cqw, 3em);
        /* background-size: 500% 100%; */
        /* background-position: 25% center; */
        /* background-position: -10% center; */
        /* background-position-x: -10%; */
        /* --bg-image: var(
        --default-bg-image), var(--color-primary) 80%, var(--color-bg0) 90%; */
        /* --g1: 67%; */
        /* animation: loadHeading 5s ease .5s 1 normal forwards; */
}
@media only screen and (max-width: 730px){
    section#Hero .cont-btn > * {width: 100%;}
}
@media only screen and (max-width: 810px){
    .hero-image{
        grid-column: 1;
        grid-row: auto;
        /* max-width: 27svh; */
        /* padding: 0 7svw; */
    }
    section#Hero {
                grid-template-columns: 1fr;
                /* align-content: start; */
                /* align-items: start; */
                /* min-height: auto; */
                text-align: center;
                justify-items: center;
                /* min-height: 182svh; */
                padding-block: calc(var(--navbar-height) * 1px);
    }

}
@media (min-width: 1550px){
    .hero-image{
        max-width:130%;
    }
}


section#Vault{min-height: auto;padding-bottom: 30cqh;}
section#Vault .app{
    /* position:absolute; */
    width:77%;
    margin:0 10%;
}
section#Vault .mobile
{
    width:24%;
    top:18%;
    right:0%;
}
section#Vault .app{
    position:relative;
    width:77%;
    margin:0 10%;
    /* display: none; */
}
section#Vault .mobile
{
    width:24%;
    /* top:-86%; */
    /* left:57%; */
    margin-top: -37%;
    margin-left: 70%;
    margin-bottom: 0;
}
section#Trusted h2 {
    /* --c2: blue; */
    font-size: max(2.9svw, 1.8em);
    width: 100%;
    /* width: max-content; */
}
section#Trusted {
    --spacing: calc(var(
    --flow-gap) / 2);
    min-height: auto;
    /* display:flex; */
    /* flex-direction:column; */
    /* justify-content:space-around; */
    /* background-color: var(--color-bg0); */
    padding-block: var(--spacing);
    /* background-color: var(--color-h9); */
    background-color: var(--color-bg0);
    /* box-shadow: 0 0em 2em -0.1em black; */
    z-index: 1;
    place-content: center;
    place-items: center;
    gap: var(--spacing);
}

section#Trusted .flex-row {
    gap: calc(var(--flow-gap) / 2);
    grid-column: breakout;
    flex-wrap: wrap;
    justify-content: center;
    justify-items: center;
    align-content: start;
    align-items: start;
    /* border: thin pink solid; */
    width: 100%;
}
section#Trusted .flex-row > * {/* flex-basis: 10%; *//* flex-shrink: 1; *//* height: calc(var(--spacing) * 3); */aspect-ratio: 1;flex: 1 1 100%;max-width: 10vw;width: 100%;max-height: 80px;min-width: 100px;}

section#Benefits p {text-wrap: balance;text-align: center;}

b.txtGradient {--c1: var(--color-secondary-light);--c2: var(--color-primary-light);font-size: 1.1em;}

section#Benefits h2 {
    --c1: hsl(208 100% 96% / 1);
    --c2: hsl(208 96% 95% / 1);
    --vw: 5vw;
    --vw: 5svw;
    font-size: clamp(3em, var(--vw), 3.9em);
    line-height: 140%; /* 7rem */
}
section#Benefits {
    /* padding: 13cqh 0em 0em; */
    --flow-padding: 15em;
    min-height: 100svh;
    /* background-image: linear-gradient(51deg, var(--color-bg1) 26.56%, var(--color-bg2) 41.81%, var(--color-bg3) 60.04%, var(--color-bg4) 84.63%); */
    background-image: url("../images/enterprise/waves.svg");
    background-repeat: no-repeat;
    background-position: center 80%;
    background-size: cover;
    place-content: center;
    place-items: center;
    gap: var(--flow-gap) 0;
    /* align-items: center; */
}


.grid-contain{
    /*  */
    display: grid;
    gap: 0.6em;
}
section.grid-contain{
    grid-template-columns: 1fr 1fr;
    grid-template-columns: repeat(auto-fill, 73%);
    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
    place-content: center;
    /* place-items: center; */
    grid-auto-flow:row;
}
@media only screen and (max-width: 730px){
section.grid-contain > [class^="grid-"]{
    grid-column: span 2;
}
section.grid-contain .vienn.pos .circle {
    position: relative;
    /* font-size: 130%; */
    width: 100%;
    /* width: auto; */
    top: auto;
    animation-name: none;
    border: none;
    background-image: linear-gradient(65deg, var(--color-primary) 15%, var(--color-secondary) 70%);
}}

.grid-contain .grid-row-top {
    grid-column: span 2;
    width: 100%;
    display: grid;
    gap: calc(var(--flow-gap) / 2);
    padding-block: 2em;
    opacity: 0;
}
section#Features:before, section#Features:after{
    top:13em;
}
section#Features{
    
    --revs: 3;
    --scroll-start: 1520;
    --rev-height: 570;
    --unit-multiply: 1px;
    height: 1900px;
    /*160px is top height  */
    height: calc(((var(--rev-height) * var(--revs) ) * 1px) + 300px);
    align-content: start;
    align-items: stretch;
    /* align-content: stretch; */
    /* outline: green solid; */
    padding: 0;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}
section#Features > *:not(.grid-col-right) {
    width: 100%;
    position: sticky;
    /* overflow: clip; */
}

section#Features .grid-col-right {
    align-content: start;
    /* height: 2600px; */
    /* align-items: stretch; */
    /* align-self: stretch; */
    /* place-self: stretch; */
    /* align-content: stretch; */
    grid-column: 2;
    /* grid-row: 1; */
    z-index: -1;
    /* outline: pink solid; */
}

.grid-col-right .reveal {
    height: 100%;
    /* outline: red solid; */
    outline-offset: 0px;
    display: flex;
    /* gap: 60svh; */
    flex-direction: column;
    justify-content: space-between;
    /* padding-block: 25svh; */
    /* margin-bottom: 70em; */
}

section#Features.grid-contain .grid-col-left {
    align-self: start;
    position: sticky;
    top: calc(var(--navbar-height) * 1px + 10em);
    /* margin-bottom: 15svh; */
    grid-column: 1;
    height: calc(1px * var(--rev-height) * 1);
}

.grid-col-left .head {
    width: 200%;
    position: absolute;
    top: -9em;
    left: 0%;
    background-color: var(--color-bg0);
    box-shadow: 0 0 3em 2em var(--color-bg0);
    padding-bottom: 0em;
    display: flex;
    gap: calc(var(--flow-gap) /2);
    flex-direction: column;
    z-index: 4;
}
.vienn.grid-contain .c2 {
    grid-row: 1;
    grid-column: span 2;
}

.vienn.grid-contain .c1 {
    grid-column: span 2 / 4;
    z-index: 1;
    /* justify-self: end; */
}

.vienn.grid-contain {grid-template-rows: 1fr 1fr 1fr;grid-template-columns: 1fr 1fr 1fr;gap: 0;justify-self: end;}
.circle{
    background-color: var(--color-primary);
    background-image: linear-gradient(65deg, var(--color-primary) 15%, var(--color-secondary) 70%);
    background-size: 110% 110%;
    background-position: -5%;
    background-repeat: no-repeat;
    width: 10em;
    height: 10em;
    aspect-ratio:1;
    border-radius: 50%;
    padding: 2em;
    display: flex;
    /* flex-flow: wrap; */
    flex-direction: column;
    place-content: stretch;
    place-items: center;
    justify-items: stretch;
    border: transparent 0.1em solid;
}
.vienn.pos{
    position:relative;
    width: min(440px, 100%);
    margin-left: auto;
    /* width: 100%; */
    height:100%;
    align-self: start;
    justify-self: end;
    /* outline: pink solid; */
}
.vienn.pos .circle{
    position:absolute;
    font-size: 1em;
    background-image: linear-gradient(65deg, var(--color-primary) 5%, var(--color-secondary) 37%, transparent 55%, var(--color-bg1) );
    background-size: 300% 110%;
    border-color: var(--color-h3);
    background-color: var(--color-bg4);
    background-position-x: 81.5%;
    /* transition-property: top, left, border, background-color, background-image, transform;
    transition-timing-function:ease-out;
    transition-duration: var(--tts);
    transform-origin: center center; */
    animation-name: p1;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-play-state: paused;
    animation-iteration-count: 1;
    animation-fill-mode: both;
    animation-delay: -1s;
    --a-start: var(
    --scroll-start);
    --delay: calc(-1 + (var(
    --scroll) - var(--a-start)) / (500 * 3) );
    /* --delay: -1; */
    animation-delay: calc(var(--delay, -0.9) * 1s);
    animation-delay: calc(var(--animationDelay) * 1s);
    --circle-width: 42%;
    width: var(
    --circle-width);
    height: var(
    --circle-width);
    height: auto;--f-scale: scale(1.6);
--f-bgpx: 5%;
--f-top: 27%;
--f-left: 49%;
--p1-top: 25%;
--p1-left: 36%;--p2-top: 0%;
--p2-left: 7%;
    --p3-top: 36%;
--p3-left: 0%;
--dbgp: 100%;
--op: 0.5;
}


.vienn.pos .circle.c2{
    animation-name: p2;
}
.vienn.pos .circle.c3{
    animation-name: p3;
}
/*.vienn.pos .p1{
    top:5em;
    left: 9.5em;
}
.vienn.pos .p2{
    top:0em;
    left: 2em;
}
.vienn.pos .p3{
    top: 8em;
    left: 0.5em;
}

 .vienn.pos .focus{
    top: 5em;
    left: 11em;
    z-index: 1;
    transform: scale(1.3);
}
.vienn.pos .circle:not(.focus) {
    border-color: var(--color-bg3);
    background-color: var(--color-bg2);
    background-image: linear-gradient(45deg, black, transparent);
} */
/* .vienn.pos .circle:not(.focus) div {
    opacity: .25;
} */
@keyframes p1 {
    28%, 0%  {
      top: var(--p2-top);
      left: var(--p2-left);
      opacity: var(--op);
      }
    55%, 42% {
      top: var(--p3-top);
      left: var(--p3-left);
      background-position-x: var(--dbgp);
      transform: scale(1);
      opacity: var(--op);
    }
  57%{
    z-index: 0;
  }
    85%, 70%{
      top: var(--f-top);
      left: var(--f-left);
      z-index: 2;
      transform: var(--f-scale);
      border-color: transparent;
      background-position-x: var(--f-bgpx);
      opacity: 1;
    }
    100% {
      opacity: var(--op);
      transform: scale(1);
      top: var(
      --p1-top);
      left: var(
      --p1-left);
    }
  
  }
@keyframes p2 {
    28%, 0%  {
        top: var(--p3-top);
        left: var(--p3-left);
        background-position-x: var(--dbgp);
        transform: scale(1);
        z-index: 0;
        opacity: var(--op);
    }
    55%, 42% {
        top: var(--f-top);
        left: var(--f-left);
        z-index: 2;
        transform: var(--f-scale);
        background-position-x: var(--f-bgpx);
        border-color: transparent;
        opacity: 1;
    }
    /* 82%, 78%{
      top:5em;
      left: 9.5em;
    } 
    100% {*/
    70%, 100%{
      opacity: var(--op);
      z-index: 0;
      transform: scale(1);
      background-position-x: var(--dbgp);
      top: var(--p2-top);
      left: var(--p2-left);
    }
  }
@keyframes p3 {
    28%, 0%  {
        top: var(--f-top);
        left: var(--f-left);
        z-index: 1;
        transform: var(--f-scale);
        background-position-x: var(--f-bgpx);
        border-color: transparent;
        opacity: 1;
      }
    55%, 42% {
        top: var(--p2-top);
        left: var(--p2-left);
        transform: scale(1);
        background-position-x: var(--dbgp);
        opacity: var(--op);
    }
    /* 82%, 78%{
      top:5em;
      left: 9.5em;
    }
    100% { */
    70%, 100%{
        top: var(--p3-top);
        left: var(--p3-left);
        opacity: var(--op);
    }

  }
.bgi {
    width: 100%;
    height: 100%;
    /* flex: 0 1 100%; */
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: var(--bg);
}
.circle.device {gap:0;padding: 0;}
.circle.device div {
    background-size: 100%;
}
.circle.device .i1{
    margin-right: 3em;
    margin-top: 0.5em;
    background-size: 2em;
}
.circle.device .i2{
    /* margin-left: 4em; */
    /* margin-top: -3em; */
    position: absolute;
    top: -16%;
    left: 8.5%;
    width: 45%;
}

.circle.password .i1 {
    width: 67%;
    height: 67%;
    /* outline: pink solid; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.circle.device .i3{
    /* margin-right: 2.2em; */
    /* margin-top: -3.1em; */
    position: absolute;
    top: 19%;
    left: 40%;
    width: 45%;
}
.circle.access .i1{padding-top: 0;}

.circle.access {
    padding: 7% 9%;
    gap: 2%;
}

.circle.c3.access > * {
    flex: 1;
}




section#Features .reveal .rev{
    /* font-size: 0.85em; */
    display:grid;
    align-content: center;
    gap: 2em;
    padding-left: 10%;
    height: calc(1px * var(--rev-height));
    text-wrap: balance;
    --c1: var(
    --color-primary);
    --c2: var(
    --color-primary-dark);
    animation-timing-function: linear;
    animation-duration: 1s;
    animation-name: reveal1;
    animation-play-state: paused;
    animation-iteration-count: 1;
    animation-fill-mode: both;
    animation-delay: -1s;
    --a-start: var(
    --scroll-start);--delay: calc(-1 + (var(
    --scroll) - var(--a-start)) / 500 );
    /* --delay: -1; */
    animation-delay: calc(var(--delay, -0.9) * 1s);
    --a-start: 0;
    animation-delay: calc((var(--animationDelay) + var(--a-start)) * 1s );
    /* animation-delay: calc(var(--animationDelay) * 1s); */
    /* outline: beige solid; */
    outline-offset: 0px;
    text-align: left;
}

.rev > * {
    text-align: inherit;
}
section#Features .reveal .rev.r2{--a-start: calc(var(--scroll-start) + (var(--rev-height) * 1));--a-start: calc(var(--rev-height) * 1);--a-start: 0;animation-name: reveal2;}
section#Features .reveal .rev.r3{--a-start: calc(var(--scroll-start) + 1300);--a-start: calc(var(--scroll-start) + (var(--rev-height) * 2));--a-start: 0;animation-name: reveal3;}

@keyframes reveal1 {
  55% {
    opacity: 0;
  }
  85%, 70%{
    opacity: 1;
  }
  100% {
    opacity: 0;
  }

}

@keyframes reveal2 {
  28% {
    opacity: 0;
  }
  55% {
    opacity: 1;
  }
  85%, 70%{
    opacity: 0;
  }
  100% {
    opacity: 0;
  }

}

@keyframes reveal3 {
  28% {
    opacity: 1;
  }
  55% {
    opacity: 0;
  }
  85%, 70%{
    opacity: 0;
  }
  100% {
    opacity: 0;
  }

}


section#Features .reveal .rev + .rev{
    /* height: 100svh; */
    /* display:none; */
}
:where(section#Features) .reveal .link{
    align-self: end;
    justify-self: end;
    padding: .5em;
    font-size: .8em;
    font-weight: bold;
    color: var(--color-secondary-light);
}
:where([class^="grid-col-"]){
    /* min-width: 350px; */
    /* border: pink solid thin; */
    display: grid;
    place-items: center;
}

@media only screen and (max-width: 730px){
    section#Features {/* grid-column: fullout; */grid-template-columns: 0.4fr 1fr;--rev-height: 400;}
    
    section#Features.grid-contain .grid-row-top {
        opacity: 1;
    }
    
    section#Features.grid-contain h2 + p {
        text-wrap: balance;
    }
    
    section#Features.grid-contain .grid-col-left {
        position: relative;
        height: 100%;
        top: auto;
    }
    
    section#Features.grid-contain .grid-col-left .vienn {
        width: 100%;
        display: grid;
        align-content: space-around;
        justify-items: center;
    }
    
    section#Features .head {
        display: none;
    }
    
    section#Features .vienn {
        /* width: auto; */
    }
    section#Features .grid-col-right .reveal {
        font-size:.7em
    }

}


section#Testimonials{
    min-height:auto;
    --content-inline: 5svw;
    gap: 2em;
    grid-column: fullout;
    /* padding-inline: var(--padding-inline); */
    position: relative;
}
section#Testimonials h2{font-size: 1.3em;margin-bottom: 3rem;}

section#Testimonials .cont {width: 100%;padding-inline: var(--content-inline);}

.block + .block {
    /* display: none; */
}
.block{
    font-size: 1.5em;
    --block-padding: max(3.8dvw, 1.5em);
    color: var(--color-h2);
    background-color: var(--color-bg2);
    border: var(--color-bg4) thin solid;
    border-radius: var(--br, 1em);
    padding: 2.2em var(--content-inline);
    padding: 2.2em 3.4em;
    padding: var(--block-padding) calc(var(--block-padding) * 1.5);
    position:relative;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* align-items: start; */
    gap: 2.2em;
    counter-reset: block;
    counter-increment: block;
}
.block p{position:relative;z-index:1;line-height: 1.6em;}
/*.block p::before, .block p::after{
    content: "\"";
    font-size: 5em;
    font-family: var(--ff);
    position:absolute;
    z-index: -1;
    opacity:.35;
}
 .block p::before{
    top: 0em;
    left: 0em;
    transform: translate(-100% , 25%);
} 
.block p::after{
    bottom: 0em;
    right: 0em;
    transform: translate(90%, 150%);
} */
.block footer{
    font-size: 0.7em;
    display: flex;
    gap: 1.3em;
    align-items: center;
    justify-content: start;
}

.block footer span {
    font-style: italic;
    font-size: .9em;
    margin-left: -0.5em;
}
.block footer .img{
    width: 4em;
    aspect-ratio: 1;
    border-radius: 50%;
    /* background-color: var(--color-bg1); */
    /* border: thin solid var(--color-h9); */
    padding: 0.5em;
    overflow: hidden;
    display: grid;
    place-content: center;
    place-items: center;
}

.block footer .img img {
    margin: auto;
}
.slider-contain {
    --block-gap: 2svw;
    --block-width: calc(100% - 10svw);
    width: 100%;
    /* display: flex; */
    /* flex-wrap: nowrap; */
    /* flex-direction: row; */
    /* align-items: start; */
    /* width: max-content; */
    overflow-x: scroll;
    /* overflow-y: hidden; */
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    display: grid;
    /* align-items: start; */
    /* align-content: start; */
    grid-auto-flow: column;
    grid-auto-columns: 80%;
    grid-auto-columns: var(--block-width);
    gap: var(--block-gap);
    --spacing-offset: calc(100% - var(
    --block-width) - var(--block-gap));
    offset-distance: var(--spacing-offset);
    padding-inline: var(--content-inline);
    scrollbar-color: transparent transparent;
    pointer-events: none;
}
.slider .slider-arrow{
    position:absolute;
    font-size: 1em;
    height: 24rem;
    top: 11rem;
    aspect-ratio:1;
    border-radius: 50%;
    /* From https: //css.glass */
    --c1: rgba(255, 255, 255, 0.2);
    --c2: rgba(255, 255, 255, 0.05);
    background-image: radial-gradient(var(--c2) 65%, var(--c1));
    box-shadow: 0 3px 10px 11px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    overflow: hidden;
    z-index: 1;
    display: grid;
    place-content: center;
    justify-content: end;
    padding-right: 4rem;
    padding-left: 18rem;
    opacity: 0;
    filter: blur(5px);
    transition-duration: var(--tte);
    transition-property: opacity, filter;
    transition-delay: var(--tte);
}
.slider .slider-arrow:hover{
    transition-duration: var(--tts);
    opacity:1;
    filter: blur(0px);
}
.slider .slider-arrow >*{
    transition-duration: var(--tte);
    transition-property: translate;
    transition-delay: var(--tte);
    translate:-5rem 0;
}
.slider .slider-arrow:hover >*{
    translate: 0 0;
    transition-duration: var(--tts);
}

.slider .slider-arrow.left {
    left: -15rem;
}

.slider .slider-arrow.right {
    right: -15rem;
    rotate: 180deg;
}
.slider-contain::-webkit-scrollbar{
    display: none;
    height:0;
}

.slider-contain > * {
    /* flex: 0 1 100%; */
    /* width: 100%; */
    position: relative;
    /* height: 100%; */
    /* margin-bottom: 1em; */
    /* margin-inline: var(--padding-inline); */
}

.slider-contain > *:last-child {
    opacity: 0;
}


.slider-nav {
    display: flex;
    /* font-size: 0.7em; */
    gap: 1em;
    justify-self: start;
    padding-inline: var(--content-inline);
}

.slider-nav > .slider-link {
    font-size: 0.1em;
    transition-property: transform;
    transition-duration: var(--tte);
    transition-timing-function: ease-out;
}

.slider-link:hover {
    border-color: var(--color-h3);
    transform: scale(1.1);
    /* transition-duration: var(--tts); */
}

.slider-link:not(.slider-active) {
    background: var(--color-h9);
    border-color: var(--color-h3);
}

section#Testimonials h3 {
    text-align: left;
    /* padding-inline: var(--content-inline); */
}

@media only screen and (max-width: 730px){
    
    section#Testimonials .slider-contain{
        grid-auto-flow: row;
        grid-auto-columns: 100%;
        padding: 0;
        gap: 0;
    }

    section#Testimonials .slider-nav {
        display: none;
    }
        h3{font-size: 2.2em;}
        p{font-size: 1.7em;text-align:center;}

    button, [class*="button"] {
        font-size: 1.3em;
    }
    section#Testimonials h3 { text-align: center;}
    .block {align-items: center;padding: 2.4em 3.2em;border-inline: none;}
    section#Testimonials div:has(h3), .block {
            border-radius: 0;
            font-size: 1.1em;
        }

    .block footer {
        font-size: 1em;
    }
}


section#Secure{
    display: grid;
    /* justify-content: start; */
    /* align-content: start; */
    /* align-items: start; */
    gap: var(--flow-gap) 5svw;
    text-align: left;
    /* font-size: 0.9em; */
    position: relative;
    /* justify-items: start; */
}
.bg-image{
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
}
section#Secure .side-image{
    /* background-image: url(../images/enterprise/Everykey_0907_5.png); */
    /* background-size: 100%; */
    /* background-position: right 5%; */
    /* right: 0; */
    /* left: 53%; */
    /* margin-right: 0svw; */
    /* width: 100%; */
    /* height: 100%; */
    /* z-index: -1; */
    /* background-repeat: no-repeat; */
    /* background-size: contain; */
    /* grid-column-start: 2; */
}

section#Secure > p ~ p {
    margin-top: -2em;
}

section#Secure > *:not([class*="button"]) {
    text-align: inherit;
}

@media only screen and (max-width: 730px){
    section#Secure{
        padding-right:unset;
        align-items: center;
        padding-top: 0;
    }
    section#Secure .bg-image{
        position: static;
        height: 51svw;
        background-size: 110%;
        background-position: -7em bottom;
    }
    section#Secure > *:not([class*="button"]) {
        text-align: center;
    }
}
@media only screen and (max-width: 900px){
    section#Secure .side-image{
        grid-column-start:1;
        padding-top: var(--flow-gap);
    }
}

section#Compliance{
    gap: var(--flow-gap);
    justify-content: center;
}

section#Compliance h2 {--c1: var(--color-primary-dark);--c2: var(--color-primary);}
.card-deck.grid-contain{
    grid-template-columns: repeat(auto-fill, minmax(274px, 1fr));
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1em;
    width: 100%;
}
@media only screen and (max-width: 730px){
    .card-deck.grid-contain{
            grid-template-columns: 1fr;
    }
    .card-deck .card {
        justify-items: start;
    }
    
    .card-deck .card-image {
        /* margin-inline: auto; */
        align-self: center;
        justify-self: center;
    }
    
    .card-deck .card p {
        text-align: left;
    }
    
    .card-deck .card .link {
        position: static;
        opacity: 1;
        scale: 1;
        margin: 0;
    }
}
.card{
    /* width:25%; */
    /* min-width: 358px; */
    font-size: 0.8em;--br-distance: 0em;
    --card-flow: calc(var(
    --flow-gap) / 2);
    border-radius: calc(var(--br-distance) + var(--br));
    border: var(--color-h8) 0.1em solid;
    background-color: var(--color-bg2);
    background-image: linear-gradient(65deg, var(--color-bg3), var(--color-h9 ));
    /* padding: var(--br-distance); */
    padding-bottom: var(--card-flow);
    padding-inline: var(--card-flow);
    display: grid;
    place-content:center;
    place-items: center;
    align-content: start;
    grid-template-columns: 1fr;
    gap: var(--card-flow);
    text-align: left;
    color: var(--color-h2);
    overflow: hidden;
    position: relative;
    /* height: 50svh; */
}

.card .cont {/* padding-inline: var(--card-flow); */display: inherit;gap: inherit;}
.card .card-image{overflow: hidden;margin-inline: calc((-1 * var(--card-flow)) + var(--br-distance));margin-top: var(--br-distance);}

.card .card-image, .card img, .card .cont {
    border-radius: var(--br) var(--br) 0 0;
    transition-property: filter, translate;
    transition-duration: var(--tte);
}

.card:hover .link {
    scale: 1 1;
    opacity: 1;
    /* margin-top: 0; */
    /* margin-bottom: 0%; */
    transition-delay: var(--tte);
    transition-duration: var(--tts);
    /* height: auto; */
}

.card:hover .link:hover, .link:hover {
    color: var(--color-h1);
    text-shadow: none;
}

.card:hover .card-image img {
    filter: blur(0.07em) brightness(0.4);
}

.card:hover img, .card:hover .cont {translate: 0 calc(-1 * var(--card-flow)); transition-duration: var(--tts);}


.card .link {
    color: var(--color-primary-light);
    font-size: 1em;
    font-family: var(--ff);
    /* text-shadow: 0 0 0.5em white; */
    opacity: 0;
    font-weight: bold;
    /* display: none; */
    position: absolute;
    bottom: 1em;
    left: var(--card-flow);
    /* top: 18%; */
    /* padding: 10%; */
    scale: 1 0;
    margin-top: -2em;
    /* margin-bottom: -30%; */
    /* height: 0; */
    transform-origin: center bottom;
    transition: all var(--tte);
}

.card h3 {
    /* font-size: .9em; */
    color: inherit;
    text-align: left;
    justify-self: start;
    /* padding-inline: var(--card-flow); */
}


section#Subscribe{
    font-size:.9em;
    gap: var(--flow-gap);
    /* display: grid; */
    /* grid-auto-flow: column; */
    /* grid-auto-columns: 1fr; */
    /* grid-template-columns: 1fr; */
}
section#Subscribe p ~ p{/* margin:0; */}

aside{
    /* font-size: 1em; */
    padding: var(--flow-gap) calc(var(--flow-gap) / 1.25);
    margin-top: 5em;
    /* width: 100%; */
    background-color:var(--color-h1);
    /* color: var(--color-bg1); */
    border-radius: var(--br);
    /* box-shadow: 0 .4em .85em -0.1em var(--color-h2); */
    /* background-image: linear-gradient(65deg, 
        #d6d6d6c2,
        #ffffffd4),
        linear-gradient(65deg, 
        var(--color-primary-light),
        var(--color-secondary)); */
    background-image: linear-gradient(65deg, var(--color-primary), var(--color-primary-light));
    /* grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); */
    grid-auto-columns: 1fr 1fr;
    place-content: center;
    place-items: center;
    grid-auto-flow: column;
    gap: 0 9%;
    text-align: left;
}

aside .grid-col-left {
    justify-items: start;
    gap: calc(var(--flow-gap) / 2);
}

aside .grid-col-right {
    --pad: 0.2em;
    /* width: calc(100% + (var(--cheat) * -1)); */
    /* margin-left: var(--cheat); */
    width: 100%;
    position: relative;
    padding: 0;
    /* height: 100%; */
    /* justify-items: end; */
    /* align-content: center; */
    /* align-items: center; */
    /* align-self: center; */
    grid-auto-flow: column;
    grid-auto-columns: 1fr auto;
    justify-content: space-between;
    gap: var(--pad);
    padding: var(--pad);
    /* padding-right: 9em; */
    /* padding-left: 0.8em; */
    border-radius: var(--br);
    z-index: 0;
    border-color: var(--color-secondary-dark);
    border-style: solid;
    border-width: 0.1em;
    background-color: var(--color-h1);
}

aside input {
    /* width: 33cqw; */
    /* padding: 1em 1em;
    padding-right: 9em;
    border-radius: var(--br);
    z-index: 0;
    border-color: var(--color-secondary-dark);
    border-style: solid; */
    /* width: 24em; */
    width: 100%;
    padding-block: 0;
    padding-inline: 0;
    border: none;
    background: none;
    background-color: inherit !important;
    display: block;
    margin-right: auto;
    /* align-self: stretch; */
    /* justify-self: stretch; */
}
aside .grid-col-right:has(input:focus, input:focus-within, input:focus-visible) {
    /* background-color:green; */
    outline: var(--color-bg2) .15em solid;
    outline-style: solid;
    outline-offset: 0.15em;
}
aside input:focus-visible, aside input:focus-within, aside input:focus {
    outline-offset: 0.5em;
    outline: none;
}
aside input ~ button{
    font-size: .8em;
}
/* aside input:active + label,
aside input:focus + label,
aside input:focus-visible + label,
aside input:focus-within + label{
    opacity: 0;
    z-index: -1;
} */
/* aside input:valid{
    border-color:inherit; 
    border-color:blue;
} */
input:-internal-autofill-selected {
    background-color: var(--color-h1) !important;
}
   
aside input:invalid ~ button {
    /* filter: blur(.085em) brightness(2) grayscale(.85); */
    /* color:grey; */
    /* scale:.9; */
}
aside input:valid ~ button {
    scale:1;
    color:inherit;
    color:unset;
    color: var(--color-h1);
    transition-property: scale, filter, color;
    transition-duration: var(--tts);
    transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

aside input[type=email], aside label {
    /* font-size: 1.2em; */
    /* height: 3em; */
    height: 100%;
    padding-left: calc(2 * var(--pad));
}

/* aside .grid-col-right > label {left: 1.2em;top: -0.6em;z-index: 1;opacity: .7;font-weight: bold;} */

aside h4 {/* color:var(--color-primary-dark); *//* color: var(--color-b3); */text-align:inherit;}

@media only screen and (max-width: 500px){
    section#Compliance{
        --br:0;
        grid-column:fullout;
    }
    section#Subscribe{
        grid-column:fullout;}
    section#Subscribe > *:not(aside){margin-inline: var(--padding-inline);}
    aside{
        
        border-radius: 0;
    }
}
@media only screen and (max-width: 830px){
    aside.grid-contain{
        grid-auto-columns: 1fr;
        grid-auto-flow: row;
        gap: var(--flow-gap);
    }
    aside .grid-col-left {
        justify-items: center;
        text-align: center;
    }
    aside .grid-col-right {
        margin-bottom:4em;
    }
    aside .grid-col-right input {
        padding-block:1em;
    }

    aside input ~ button{
        position:absolute;
        top: 100%;
        margin-top: 1.5em;
    }

}


footer{
    --flow-padding: 4em;
    /* --flow-spacing: 8em; */
    --flow-internal: var(
    --flow-gap);
    --column-first-width: 3.4%;
    display:grid;
    grid-auto-columns: var(--column-first-width) 1fr;
    /* grid-template-columns: 3.3% 1fr; */
    grid-auto-flow: column;
    gap: var(--flow-internal) var(--column-first-width);
}

footer > .cont:nth-of-type(1){
    font-size: .8em;
    text-align:left;
    display: grid;
    grid-auto-columns: 1fr 35%;
    grid-auto-flow: column;
    column-gap: 7em;
    justify-content: space-between;
}
footer > .cont:nth-of-type(1) p{text-align:left;}
footer > .cont:nth-of-type(1) p:nth-of-type(1) {
    font-weight:bold;
    line-height:1.5em;
}
footer > .cont:nth-of-type(1) p:nth-of-type(2) {
    font-size: 0.9em;
    line-height: 2.2em;
    /* margin-top: var(--flow-internal); */
    text-align: left;
}
footer > img{
    grid-row: span 2;
    padding: 0.3em 0 0;
    max-width: 100%;
}
@media only screen and (max-width: 730px){
    footer{
        grid-auto-flow: row;
        grid-template-rows: repeat(1fr);
        grid-auto-rows: 3.3% 1fr;
        grid-auto-rows: auto;
        grid-auto-columns: auto;
        place-items: center;
        gap: var(--flow-internal);
    }
    footer > img{
        grid-row: unset;
    }
    footer > .cont:nth-of-type(1){
        grid-auto-flow: row;
        gap: var(--flow-internal);
    }
}


footer menu{
    display:grid;
    row-gap: calc(var(--flow-internal) / 2);
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    align-items: start;
    align-content: start;
    /* justify-items: end; */
    justify-content: end;
    grid-auto-flow: dense;
}

footer li 
{
    list-style: none;
}

footer li,
footer li a {width: 100%; width: max-content;}
footer menu a{
    color: var(--color-h3);
}
footer menu a:hover,.what-is-text2:hover, a:not([class*="button"]):hover {
    color: var(--color-h1);
}
.what-is-text2, a:not([class*="button"]){
    color: var(--color-h2);
}
.what-is-text2{text-align:left;margin: 0;padding: 0;}
.download-link{ color: var(--color-secondary-light);}
footer .cont:last-of-type{
    /* color:blue; */
    width: 100%;
    font-size: .8em;
    display:flex;
    flex-direction: row;
    justify-content:space-between;
    padding: var(--flow-internal) 0;
    border-top: var(--color-h3) thin solid;
}
footer .cont:last-of-type li img{
    padding: 0.1em;
    height: 20px;
}
footer .cont:last-of-type li + li{
    margin-left: .4em;
}


/*  */
/*Product  */
/*  */
section#Function {/* --flow-padding:2rem; */display: grid;gap: var(--flow-gap) 0;justify-content: center;align-content: center;justify-items: center;}

section#Function h2 {--c1: var(--color-primary);--c2: var(--color-secondary);}
/* section#Function h2{display:none;} */
section#Function .image{
    /* position:absolute; */
    /* top:0rem; */
    /* left:0rem; */
    width: 91%;
    margin-right: auto;
    margin-left: auto;
}
section#Function .txtBox{
    /* position:absolute; */
    /* top: 8rem; */
    /* left: 43rem; */
    --c1:var(
    --color-secondary);
    --c2:var(
    --color-primary);
    text-align: left;
    /* width: max-content; */
    display: grid;
    /* grid-auto-columns: 1fr 1fr; */
    align-items: center;
    gap: 1em 2em;
}
section#Function > .cont{
    display: grid;
    gap: var(--flow-gap) 0;
    justify-content: center;
    align-content: center;
    justify-items: center;
    width: 100%;
}
section#Function > .cont > :nth-child(2n+1) {
    grid-column: 1;
    /* align-self: start; */
}
section#Function > .cont :nth-child(2n):not(h2) {
    grid-column: 2;
    /* align-self: start; */
}

section#Function .circle {
    position: relative;
    display: grid;
    place-content: center;
    padding: 1.5em;
    /* border: var(--color-bg0) 0.6em solid; */
    background-color:transparent;
    background-image:url("/images/enterprise/circle_dashed_border.png");
    background-size:contain;
}

/* section#Function .circle::before {
    content: "";
    position: absolute;
    inset: -0.7em;
    z-index: -1;
    border-radius: inherit;
    background-size: 100% 100%;
    background-position: 0px 0px;
    background-image: repeating-conic-gradient(from 0deg,transparent -1deg 7deg,                    var(--color-bg1) 0deg 14deg), linear-gradient(65deg, var(--color-primary) 15%, var(--color-secondary) 70%);
}

section#Function .circle::after {
    content: "";
    position: absolute;
    inset: 0.3em;
    background-image: url("/images/enterprise/circle-dashed.svg");
    background-repeat: no-repeat;
    background-size: contain;
    stroke-width: 1em;
    stroke-dasharray: 1 !important;
    fill: none !important;
    opacity: 0;
} */

section#Function h3, section#Function p {
    text-align: inherit;
}

section#Function h3 {
    /* align-self: end; */
}

@media only screen and (min-width: 730px){
    /* section#Function p {
        font-size: small;
        margin-top: 1em;
    } */
    section#Function > .cont{display:none;}
    section#Function .txtBox{
        text-align:center;
    }
}

section#Function .t2 {
    top: 16rem;
    left: 49rem;
}

section#Function .t3 {
    top: 24rem;
    left: 51rem;
}

section#Function .t4 {
    top: 32.4rem;
    left: 49rem;
}

section#Function .t5 {
    top: 39.5rem;
    left: 43rem;
}

section#Function .hero-image {
    position: absolute;
    width: 23rem;
    left: 5rem;
    top: 13rem;
}
.img-cont{
    border-radius: calc(var(--br) * 2);
    overflow: hidden;
    border: 0.15em solid var(--color-h9);
}

.img-cont img {
    max-width: 100%;
}

section.content-col{
    align-items: start;
    gap: var(--flow-gap) calc(var(--flow-gap) * 1.4);
    text-align: left;
    /* grid-auto-columns: 1fr 1fr; */
    justify-items: center;
    align-items: center;
    align-content: center;
}

section.content-col > .cont {
    display: grid;
    gap: var(--flow-gap);
    justify-items: start;
    justify-content: center;
    max-width: 400px;
}


@media only screen and (min-width: 730px){
    section.content-col .cont h2 {
        text-align: left;
    }
    section[class*="content-"] p {
        font-size: 0.92em;
        line-height: 1.6em;
    }
}
section.content-col img{max-height: 400px;}
section.content-col .img-col:last-child, section.content-col .cont:not(:first-child){
    grid-column-start: 2;
    /* grid-row: 1/ span 2; */
}
section.content-col .img-col:first-child{
    grid-column: 1/2;
    /* grid-row: 1/ span 2; */
}
section.content-row{
    gap:var(--flow-gap);
}
section#Freeze .cont-img{width:40%;}
section#Future img{/* width:40%; */}

/*  */
.product .hero-image{/* min-width: 364px; */}
@media only screen and (max-width: 810px){
    body.product main{
        --bgi2-pos: center 10svh;--bgi4-pos: center 630px;
    }
    .product .hero-image{/* max-width: 80%; *//* padding-block: 7svw; */}
}
@media only screen and (max-width: 730px){

    section#Function h2 {
        display: unset;
        /* align-self: center; */
        /* justify-self: center; */
        /* place-self: center; */
        margin-inline: auto;
        grid-column: span 2;
    }
    section#Function .image{ display:none;}

section#Function::before {
    top: 0%;
    left: 0%;
    bottom: 0%;
    inset: 0;
    translate: 0% 10%;
    /* width: 100%; */
    height: 100%;
}

img.image {}
    section.content-col .img-col:last-child, section.content-col .cont:not(:first-child){
        grid-column:auto;}
    section.content-col .img-col{
        grid-row:2;
    }
    section.content-col .cont{
        max-width:unset;
        justify-items: center;
    }
}

/*  */
/*Security  */
/*  */
body.security {
    
}
body.security #security, 
body.tech-specs,
body.support,
body.setup,
body.download{
    background-image: var(--hero-bg);
    background-position: center 10px;
    background-size: contain;
    background-repeat: no-repeat;
}
body.setup{
    background-position: center -100px;
}
body.support .main-content{min-height: 97svh;}
body.support{background-position-y:-30svh}
#support-info-revealer{margin-top: var(--flow-padding);}
.banner-msg{ color: inherit;}
.del_button{color: var(--color-h3);}
.del_button:hover{color: var(--color-accent);}
body.security .row{position:relative;}
.freeze-section{position:relative;}

.content-grid.bottom{position:relative;z-index:-3;}
.content-grid.bottom::before{
    content: "";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:-1;
    background-image: linear-gradient(0deg, transparent 80%, var(--color-bg0) 100%), var(--gradient);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% 100%;
    height: 110svh;
}
.security-image img{
    max-width: 70%;
}
body.tech-specs { }
.icon{ 
    width:75px; 
    height:75px;
    padding:0px;
    display:grid;
    place-items:center;
    border: currentColor solid .15em;
    border-radius: 50%;
}
.icon > img{max-width: 90%;} 
.more-info, #restrictions-text, .in-development{color:var(--color-h2);}
.in-development{text-align:left}
.specs-container.bg-gradients3::before{
    height: 500px;
    width: 140%;
    filter: blur(90px);
}
.specs-container.bg-gradients3::after{
    height: 550px;
    width: 140%;
    filter: blur(90px);
    top: 250%;
}

[class^="button-mobile-desktop"]{
    background: none;
    border-color: currentColor;
    color: var(--color-secondary-light);
    margin-block: 2em;
    padding-inline: 0;
    box-shadow: none;
}
body.setup nav + div{
    padding-top: calc(1px * var(--navbar-height) + var(--flow-padding) );
}
body.setup .setup-container h1{
    font-size: 2.5em;
    padding: 0;
}
body.setup .setup-container h2{
    font-size: 1.1em;
    /* margin-bottom: var(--flow-gap); */
}
#search{
    background-color: var(--color-h9);
    color: var(--color-h2);
    border-radius: var(--br, 1em);
    border-color: var(--color-h8);
    font-size: 1em;
    height: 60px;
}
ul.breadcrumb li + li:before{color:var(--color-h3);}
ul.breadcrumb li a{color: var(--color-secondary-light);}
.button.category, .button.article{
    background-color: var(--color-primary);
}
/* .button.article{color:var(--color-secondary);} */
#drop-area{
    border-color: currentColor;
    color: var(--color-primary-light);
    /* border: #4A4551 0.1em solid; */
    background-color: var(--color-bg2);
    background-image: linear-gradient(65deg, var(--color-bg3), var(--color-h9));
    border-radius: var(--br, 1em);
}
.desc-input, .text-input{
    background-color: var(--color-bg2);
    border: var(--color-bg4) thin solid;
    color: var(--color-h3);
    border-radius: var(--br, 1em);
    background-image: linear-gradient(60deg, var(--color-bg3), transparent);
}

select.text-input.dropdown-arrow {--c1: var(--color-bg3);--c2: transparent;--lg: linear-gradient(60deg, var(--c1), var(--c2));background-image: url("/images/down-arrow.svg"), var(--lg);}

select.text-input.dropdown-arrow:hover {
    --c1: hsl(300 35% 14% / 1);
    --c2:hsl(300 35% 9% / 1);
    color: var(--color-h2);
}
select.text-input.dropdown-arrow {}
option:hover{}
select.text-input.dropdown-arrow:focus > option:checked{
    background-color:var(--color-bg4);
    color: var(--color-h2);
}
/* option:not(:checked) {
  background-color: #fff;
} */
#submit_form{   border-radius: var(--br, 1em);}
.block2 img{max-width:100%;}
.block2{
    --border-width: 0.1em;
    --c1: var(
    --color-grey-dark);
    --c2: var(
    --color-h9);
    border-radius: var(--br, 1em);
    margin: calc(1 * var(--border-width));
    background-image: linear-gradient(0deg, transparent, var(--c1));
    position:relative;
}
.block2::before{
    content:"";
    position:absolute;
    inset:calc(-1 * var(--border-width));
    border-radius:inherit;
    /* background-color: green; */
    background-image: linear-gradient(0deg, transparent, var(--c2));
    z-index:-1;
}
[class*="download-item"] h5{font-weight: 300;}
a.setup{
    font-family: var(--ff);
    font-size: 16px;
    margin: 20px 10px 35px;
    padding: 15px 30px;
    display: inline-block;
    text-decoration: underline;
}
.instructions-steps a{text-decoration: underline;}
.download-item-highlight, .blue-background{
    --deg:60deg;
    background-color:var(--color-primary-darker);
    background-image: linear-gradient(var(--deg), var(--color-h9), transparent);
    border: var(--color-bg4) solid .2em;
    border-radius: var(--br);
}
.download-item-highlight + .download-item-highlight{
    --deg:-60deg;
}
.download-item-highlight a.button{
}
.download-item a.button, .blue-background .rate-button{
    color:var(--color-h2);
}
.download-item-highlight a.button,
.download-item a.button, .blue-background .rate-button{
    box-shadow:none;
    border-color:currentColor;
    background-color:transparent;
    position:relative;
    z-index: 1;
    transition-duration: var(--tte);
}
.download-item-highlight a.button::before,
.download-item a.button::before
, .blue-background .rate-button::before{
    content:"";
    position:absolute;
    /* inset:0; */
    left:0;
    top:0;
    aspect-ratio:1;
    z-index:-1;
    width:100%;
    translate: -50% -20%;
    scale: 0;

    border-radius:50%;
    background-color:var(--color-secondary-dark);
    transition-duration: var(--tte);
    transition-property: scale;
}
.download-item-highlight a.button:hover::before,
.download-item a.button:hover::before
, .blue-background .rate-button:hover::before{
    /* color:var(--color-h1); */
    transition-duration:calc(var(--tte) * 3);
    scale: 2.5;
    color:var(--color-h1);
}
.download-item-highlight a.button:hover,
.download-item a.button:hover
, .blue-background .rate-button:hover{
    transition-duration: var(--tte);
    transition-property: border-color, color;
    color:var(--color-h1);
    /* border-color:var(--color-bg4); */
}

.download-item-highlight a.button.disabled,
.download-item a.button.disabled{
    color:var(--color-h8);
    background-color:var(--color-bg3)
}
.rating-star{
    color:var(--color-primary-light);
}


.accordion label{
    position:relative;
    cursor: pointer;
}
.accordion label::before {
    content: "";
    left: 0;
    top: 0;
    width: 0.65rem;
    aspect-ratio: 320 / 512;
    display: inline-block;
    margin-right: 0.75rem;
    transform: rotate(var(--d, 0deg));
    transition: transform var(--slide-ease) var(--slide-duration)
    var(--slide-delay);
    mask-image: var(--chevron-icon);
    mask-size: 100% 100%;
    -webkit-mask-image: var(--chevron-icon);
    -webkit-mask-size: 100% 100%;
    background-color: currentColor;
    transition: transform .25s;
}
.accordion input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: fixed;
  top: -100vh;
  left: -100vh;
}
.accordion input[type=radio] ~ div {
  max-height: 0;
  overflow: hidden;
  transition: max-height 1s;
}
.accordion input[type=radio]:checked ~ div {
  max-height: 5000px;
  transition-duration: 2s;
}
.accordion input[type=radio]:checked ~ label {
    --d: 90deg;
    transition-duration: .5s;
}
.accordion-container{
    min-height: 43svh;
}

.accordion {
    padding-bottom: 2em;
}
.accordion label{
    text-align: left;
    font-size: 1.5em;
    font-weight: bold;
    display: inline-block;
    width: 500px;
    text-align: left;
    margin-right: auto;
    margin-left: -1em;
    margin-bottom: 1em;
    padding:.5em 1em;
    background-color: var(--color-grey-dark);
    background-image: radial-gradient(ellipse at top left, var(--color-h9), var(--color-grey-dark));
    border-radius: var(--br);
}
.instructions-video {
    position: relative;
    /* display: grid; */
    place-content: center;
    grid-template-areas:
        'pile';
    margin-inline: auto;
    background-image: radial-gradient(hsl(0deg 0% 20%), var(--color-grey-dark));
    isolation: isolate;
}

.instructions-video-frame.loading ~ .loading-animation {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: 7%;
    aspect-ratio: 1;
    border-radius: 50%;
    /* background-color: aliceblue; */
    border-color: var(--color-primary-light) transparent var(--color-primary-light) transparent;
    border-width: 0.5rem;
    border-style: solid;
    animation: loading-animation 2s linear infinite;
    z-index: -1;
}
@keyframes loading-animation {
    to {
        rotate: 360deg;
    }
}
.instructions-video > iframe {
    width:100%;
    height: 100%;
    /* grid-area: pile; */
    /* z-index: 1; */
}
iframe.loading{display:none;}

.setup .accordion label::after {
    content: "";
    inset: -0.4em -1em;
    position: absolute;
    z-index: -1;
}
.setup .app-store{
    display:flex;
    flex-direction:row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-end;
    gap:5em;
    margin-block: 2em 0;
}
.setup .app-store > *{
    display:flex;
    flex-direction:column;
    align-items: center;
    gap: 0.5em;
}
.setup .app-store .download-img{
    height:3em;
    height:auto;
    width:3em;
}

.setup .app-store h5 {
    font-size: 1.4em;
}

/* Careers */
.play-btn{
    color: var(--color-secondary-light);
    font-family: var(--ff);
    font-size: 1rem;
}

.play-btn:hover {
    color: var(--color-secondary);
}
.play-arrow-border{
    color: var(--color-secondary);
    border-color: currentColor;
    position: relative;
    border-width: 0.2em;
    font-size: 0.7em;
}
.play-arrow-border:hover{
    color: var(--color-secondary-dark);
}
.triangle{
    --br: 40%;
    --marg: 1.2em;
    line-height: 1;
    width: 1.5em;
    height: 1.5em;
    border-top-right-radius: var(--br);
    background-color: currentColor;
    text-align: left;
    display: inline-block;
    margin: var(--marg);
    transition: background-color 0.45s ease;
}
.triangle.right{
    transform: rotate(30deg) skewX(-30deg) scale(1, 0.866);
    transform-origin: 75% 75%;
}
.triangle:before, .triangle:after{
        content: '';
        position: absolute;
        background-color: inherit;
        width: 100%;
        height: 100%;
        border-top-right-radius: var(--br);
}
.triangle:before{
        transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
}
.triangle:after{
        transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
}





.tabs{
    display: block;
    margin:40px auto 60px;
    padding:0;
    width:100%;
    min-height:57svh;
}
.tabs-nav{
    list-style-type: none;
    list-style: none;
    padding:0;
    margin:0 auto 20px;
}
.tabs-nav li{
    list-style-type: none;
    list-style: none;
    padding:20px 0;
    margin:0;
    display: inline-block;
}
.tabs-nav li a{
    background: none;
    border-color: currentColor;
    color: var(--color-secondary-light);
    padding-inline: 0;
    box-shadow: none;
    font-size: 21px;
    margin:0 20px;
    display: block;
    font-weight:700;
    font-family:'Roboto', Helvetica, Arial, sans-serif;
}
.tabs-nav li.tab-active a{
    border-width: 0px;
    border-bottom-width: 2px;
    padding-bottom: 3px;
    border-bottom-style: solid;
    border-bottom-color: var(--color-secondary-light);
}
.tabs-nav li a:hover{
    color: var(--color-secondary-light);
}
.accordion {
    margin: 1rem 0;
    padding: 0;
    list-style: none;
}

.accordion-item {
    text-align: left;
    font-size: 1.5em;
    font-weight: bold;
    display: block;
    width:100%;
    text-align: left;
    margin-right: auto;
    margin: 0 auto 2em;
    padding: 0;
    background-color: transparent;
    background-image: none;
    border-radius: var(--br);
}

/* Thumb */
.accordion-thumb {
    margin: 0 auto 20px;
    padding:0;
    cursor: pointer;
    max-width:548px;
    font-weight: normal;
    display: block;
    font-size: 28.8px;
    font-weight: bold;
    text-align: left;
    padding: 0.6em 1em;
    background-color: var(--color-grey-dark);
    background-image: radial-gradient(ellipse at top left, var(--color-h9), var(--color-grey-dark));
    border-radius: var(--br);
}
.accordion-thumb::before {
    content:"";
    display:inline-block;
    height:10px;
    width:10px;
    margin-right:1rem;
    margin-left:0.5rem;
    vertical-align:middle;
    border-right:2px solid;
    border-bottom:2px solid;
    transform:rotate(-45deg);
    transition:transform 0.2s ease-out;
}
/* Panel */
.accordion-panel {
    margin: 0;
    padding-bottom: 0.8rem;
    display: none;
    font-size:18px;
    font-weight:400;
    line-height: 22px;
}
/* Active */
.accordion-item.is-active .accordion-thumb::before {
    transform: rotate(45deg);
}
.con-wrap{
    display: block;
    margin:0 auto 75px;
    padding:0;
    background-color: transparent;
    width:100%;
}
.con-wrap-title{
    display: block;
    margin:0 auto 30px;
    padding:0;
    background-color: transparent;
    width:100%;
    text-align: center;
    font-size: 28px;
    font-family: Open Sans Light;
    text-align: center;
    line-height:34px;
}
.con-wrap-content{
    display: block;
    margin:0 auto 15px;
    padding:0;
    background-color: transparent;
    width:100%;
    line-height:24px;
}
.con-wrap-content-small{
    display: block;
    margin:0 auto;
    padding:0;
    background-color: transparent;
    width:100%;text-align:center;
}
.con-wrap-content .instructions-steps{
    padding-left:0;
    max-width:100%;
    width:100%;
}
.con-wrap-content .instructions-steps ul{
    list-style-type: circle;
    display:block;
    text-align:left;
    max-width:548px;
    margin:0 auto;
}
.con-wrap-content .instructions-steps ul ul{
    margin-top:10px;
}
@media only screen and (max-width:767px){
    .accordion-thumb{font-size:19px;}
    .tabs-nav li a{font-size:16.6px;font-weight:700;}
    .setup .app-store{flex-direction: column;align-items: center;}
}







#contents h1 {
  text-align: center;
  font-size: 32px;
  /* font-family: Open Sans Light; */
  /* font-weight: normal; */
  margin-top: 20px;
  margin-bottom: 15px;
  padding: 0;
}

#contents h2 {
  text-align: center;
  font-size: 29px;
  /* font-family: Open Sans Light; */
  /* font-weight: normal; */
  margin-top: 20px;
  margin-bottom: 10px;
}

#contents h3 {
  text-align: center;
  font-size: 26px;
  /* font-family: Open Sans Light;
  font-weight: normal; */
  margin-top: 20px;
  margin-bottom: 5px;
  padding: 0;
}

#contents h4 {
  text-align: center;
  font-size: 23px;
  /* font-family: Open Sans Light;
  font-weight: normal; */
  margin-top: 20px;
  margin-bottom: 0px;
  padding: 0;
}

#contents p {
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
}

span.fr-video {
  text-align: center;
  position: relative;
  display: block;
  clear: both;
}

#contents ul {
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
}

#contents ol {
  list-style-type: decimal;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
}

#contents ol li {
  list-style-type: decimal;
  padding-left: 5px;
}
.header.header-landingpage, nav.content-grid .header.header-landingpage{
    justify-content: flex-start;
    align-items: flex-start;
    padding: 13px 0 0 0;
}
.cont-landing ul{
    list-style-position:inside;
    list-style:none;
}
.cont-landing li{
    font-family: "Open Sans Light", sans-serif;
    font-size: 19.2px;
    font-weight:300;
    line-height:26.88px;
    margin-bottom:10px;
    position: relative;
    padding-left: 25px;
    list-style:none;
}
.cont-landing li::before{
    content:'';
    position:absolute;
    top:10px;
    left:0;
    color:#ffffff;
    width: 10px;
    height:10px;
    border-radius:99%;
    -moz-border-radius:99%;
    -webkit-border-radius:99%;
    background-color:#ffffff;
}
body .landing-wrap, .landing-wrap{
    /* --gradient: linear-gradient(195deg, var(--color-bg1) 28.56%, var(--color-bg2) 60.81%, var(--color-bg3) 60.04%, var(--color-bg4) 20.63%);
        --hero-bg: url("../images/enterprise/waves2.svg");
        --bgi1-size: 100% 72svh;
        --bgi1-pos: 0% 140svh;
        --bgi2-size: contain;
        --bgi2-pos: center 11svh;
        --bgi3-pos: center bottom;
        --bgi3-size: 100% 102svw;
        background-image: var(--gradient), var(--hero-bg);
        background-repeat: no-repeat;
        background-size: var(--bgi1-size), var(--bgi2-size), var(--bgi3-size);
        background-position: var(--bgi1-pos), var(--bgi2-pos), var(--bgi3-pos); */
        background-color:#1F3046 !important;
        background-image:url("../images/waves-new.svg") !important;
        background-repeat:no-repeat !important;
        background-position:center top !important;
        background-size:cover !important;
        position:relative;
}
/* body .landing-wrap:after, .landing-wrap:after{
    position:absolute;
    bottom: 0;
    left:0;
    content:'';
    width:100%;
    height:350px;
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(31,48,70,1) 56%,rgba(31,48,70,1) 100%);
    z-index: 2;
} */
body .landing-wrap .hero-landing, .landing-wrap .hero-landing, body .landing-wrap footer, .landing-wrap footer{
    z-index:9;
}
.landing-nav img.logo{
    height:45px;
}