.elementor-16 .elementor-element.elementor-element-5425fff{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-d90771b */@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

.yks-coming-soon,
.yks-coming-soon * {
    box-sizing: border-box;
}

.yks-coming-soon {
    --navy: #092b4b;
    --navy2: #061d33;
    --blue: #176fe8;
    --cyan: #63d6e8;
    --green: #65d0a6;
    --text: #102b45;
    --muted: #687c8f;
    
    font-family: 'Manrope', sans-serif;
    color: var(--text);
    min-height: 100vh;
    background:
        radial-gradient(circle at 82% 17%, rgba(23,111,232,.13), transparent 27%),
        radial-gradient(circle at 74% 85%, rgba(99,214,232,.10), transparent 25%),
        linear-gradient(115deg, #fff 0%, #f7faff 52%, #edf5ff 100%);
    overflow: hidden;
    position: relative;
}

.yks-wrap {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

/* HEADER */

.yks-header {
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 5;
}

.yks-logo {
    font-size: 31px;
    font-weight: 800;
    line-height: .78;
    letter-spacing: -.06em;
    color: var(--navy);
}

.yks-logo small {
    display: block;
    font-size: 8px;
    letter-spacing: .16em;
    color: var(--blue);
    margin-top: 9px;
}

.yks-header-note {
    font-size: 12px;
    font-weight: 700;
    color: #6e8193;
}

/* MAIN */

.yks-main {
    min-height: calc(100vh - 168px);
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 70px;
    align-items: center;
    padding: 45px 0 80px;
    position: relative;
    z-index: 2;
}

.yks-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 12px;
    background: #eaf3ff;
    border: 1px solid #d4e6ff;
    border-radius: 999px;
    font-size: 10px;
    letter-spacing: .14em;
    text-transform: uppercase;
    font-weight: 800;
    color: var(--blue);
    margin-bottom: 27px;
}

.yks-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 0 5px rgba(101,208,166,.13);
}

.yks-coming-soon h1 {
    font-family: 'Manrope', sans-serif;
    font-size: clamp(48px, 6vw, 78px);
    font-weight: 800;
    line-height: 1.01;
    letter-spacing: -.055em;
    color: var(--text);
    margin: 0 0 25px;
    max-width: 760px;
}

.yks-coming-soon h1 span {
    color: var(--blue);
}

.yks-lead {
    font-size: 17px;
    line-height: 1.75;
    color: var(--muted);
    max-width: 640px;
    margin: 0 0 34px;
}

.yks-contact-intro {
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 15px;
}

.yks-contact-row {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.yks-contact {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    min-height: 52px;
    padding: 0 17px;
    border: 1px solid #dce8f4;
    background: rgba(255,255,255,.78);
    backdrop-filter: blur(10px);
    border-radius: 11px;
    font-size: 12px;
    font-weight: 700;
    color: var(--navy) !important;
    text-decoration: none !important;
    transition: .2s ease;
}

.yks-contact:hover {
    transform: translateY(-2px);
    border-color: #a7cdfd;
    background: #fff;
}

.yks-icon {
    width: 31px;
    height: 31px;
    border-radius: 8px;
    background: #eaf3ff;
    color: var(--blue);
    display: grid;
    place-items: center;
    font-size: 14px;
}

.yks-cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
    padding: 15px 21px;
    border-radius: 10px;
    background: var(--blue);
    color: #fff !important;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none !important;
    box-shadow: 0 12px 30px rgba(23,111,232,.20);
    transition: .2s ease;
}

.yks-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 35px rgba(23,111,232,.28);
}

/* RIGHT VISUAL */

.yks-visual {
    min-height: 540px;
    position: relative;
    display: grid;
    place-items: center;
}

.yks-orbit {
    position: absolute;
    border: 1px solid rgba(23,111,232,.15);
    border-radius: 50%;
}

.yks-o1 {
    width: 510px;
    height: 510px;
}

.yks-o2 {
    width: 410px;
    height: 410px;
    border-color: rgba(23,111,232,.21);
}

.yks-o3 {
    width: 300px;
    height: 300px;
    border-color: rgba(101,208,166,.25);
}

.yks-orbit:after {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--blue);
    top: 12%;
    left: 17%;
    box-shadow: 0 0 0 7px rgba(23,111,232,.08);
}

.yks-o2:after {
    background: var(--green);
    top: auto;
    left: auto;
    right: 7%;
    bottom: 24%;
}

.yks-core {
    width: 210px;
    height: 210px;
    border-radius: 46px;
    background: linear-gradient(145deg, var(--navy), #104f83);
    box-shadow: 0 30px 80px rgba(6,40,70,.20);
    display: grid;
    place-items: center;
    position: relative;
    z-index: 3;
    transform: rotate(4deg);
}

.yks-mark {
    transform: rotate(-4deg);
    color: #fff;
    text-align: center;
}

.yks-mark strong {
    font-size: 50px;
    letter-spacing: -.08em;
}

.yks-mark small {
    display: block;
    font-size: 9px;
    letter-spacing: .20em;
    opacity: .72;
    margin-top: 5px;
}

.yks-node {
    position: absolute;
    background: #fff;
    border: 1px solid #dfeaf5;
    box-shadow: 0 16px 45px rgba(19,61,96,.10);
    border-radius: 15px;
    padding: 14px 16px;
    min-width: 155px;
    z-index: 4;
}

.yks-node b {
    display: block;
    font-size: 11px;
    margin-bottom: 3px;
}

.yks-node span {
    font-size: 9px;
    color: var(--muted);
}

.yks-n1 {
    top: 70px;
    right: 10px;
}

.yks-n2 {
    bottom: 72px;
    left: 0;
}

.yks-decor {
    position: absolute;
    width: 320px;
    height: 320px;
    background: linear-gradient(
        145deg,
        rgba(23,111,232,.11),
        rgba(99,214,232,.04)
    );
    border-radius: 40% 60% 58% 42%;
    z-index: -1;
    right: -70px;
    bottom: -80px;
}

/* FOOTER */

.yks-footer {
    min-height: 76px;
    border-top: 1px solid #dde8f3;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    font-size: 10px;
    color: #7d8f9f;
    position: relative;
    z-index: 5;
}

.yks-services {
    font-weight: 700;
    letter-spacing: .08em;
    color: #526b80;
}

/* TABLET */

@media (max-width: 850px) {

    .yks-main {
        grid-template-columns: 1fr;
        padding-top: 50px;
    }

    .yks-visual {
        display: none;
    }

    .yks-header-note {
        display: none;
    }

    .yks-footer {
        padding: 22px 0;
        align-items: flex-start;
        flex-direction: column;
    }
}

/* MOBILE */

@media (max-width: 520px) {

    .yks-wrap {
        width: min(100% - 30px, 1200px);
    }

    .yks-header {
        height: 76px;
    }

    .yks-coming-soon h1 {
        font-size: 46px;
    }

    .yks-lead {
        font-size: 15px;
    }

    .yks-contact-row {
        display: grid;
    }

    .yks-contact {
        width: 100%;
    }

    .yks-main {
        min-height: auto;
        padding: 45px 0 65px;
    }
}/* End custom CSS */