/***HOME PAGE VIDEO***/
.video-container {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			height: 100vh;
			overflow: hidden;		}
		video {
			position: absolute;
			z-index: 1;
			width: 100%;
			height: 100vh;
			max-width: none;
            object-fit: cover;
		}
		.overlay-content {
			position: absolute;
			z-index: 2;
			bottom: 100;
		}
/***GENERAL VIDEO***/
  .iframe-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
  }
  .iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
/***DEMO PAGE***/
.heroLinks {
    align-items: center;
    gap: 27px;
    margin-top: 35px;
    display: flex;
}

.proof {
    color: #657a83;
    gap: 28px;
    margin-top: 40px;
    font-size: 13px;
    display: flex;
}

.tour {
    padding: 100px 5vw 110px;
}
.intro {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 52px;
}
.tourGrid {
    grid-template-columns: 300px 1fr;
    gap: 24px;
    max-width: 1380px;
    margin: auto;
    display: grid;
}
.tourGrid aside {
    flex-direction: column;
    gap: 8px;
    display: flex;
}
.tourGrid aside button.active {
    background: var(--navy);
    color: #fff;
    box-shadow: 0 15px 35px #103c5530;
}
.tourGrid aside button {
    text-align: left;
    color: var(--ink);
    background: 0 0;
    border: 0;
    border-radius: 13px;
    grid-template-columns: 34px 1fr;
    padding: 17px;
    display: grid;
}
.window {
    border: 1px solid #dce5e3;
    border-radius: 17px;
    overflow: hidden;
    box-shadow: 0 30px 80px #173b4c1d;
}
.windowTop {
    border-bottom: 1px solid #e1e9e7;
}

.windowTop, .windowBottom {
    color: #77898f;
    background: #f7f9f8;
    align-items: center;
    height: 46px;
    padding: 0 16px;
    font-size: 9px;
    display: flex;
}
.app {
    background: #f4f7f6;
    grid-template-columns: 56px 1fr;
    min-height: 555px;
    display: grid;
}
.side {
    background: var(--deep);
    color: #8ba0a9;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    padding: 17px 0;
    display: flex;
}
.screen {
    min-width: 0;
    padding: 28px 30px;
}
.windowBottom {
    border-top: 1px solid #e2e9e7;
    justify-content: space-between;
}
.windowTop, .windowBottom {
    color: #77898f;
    background: #f7f9f8;
    align-items: center;
    height: 46px;
    padding: 0 16px;
    font-size: 9px;
    display: flex;
}
* {
    box-sizing: border-box;
}
.why {
    background: #A6192E;
    color: #fff;
    padding: 92px 6vw;
}
.whyTitle, .benefits
Specificity: (0,1,0)
 {
    max-width: 1280px;
    margin: auto;
}
.benefits {
    border-top: 1px solid #3c6073;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    margin-top: 50px;
    display: grid;
}
.whyTitle, .benefits {
    max-width: 1280px;
    margin: auto;
}
.benefits article {
    padding-top: 30px;
}