*,
::before,
::after {
    content: none;
    box-sizing: border-box
}

body {
    margin: 0;
    padding: 0
}

.pg-hd {
    background: linear-gradient(135deg, #2c3230 0%, #3d4a47 60%, #4a5e59 100%);
    border-bottom: 2px solid #8DA29C;
    box-shadow: 0 5px 25px 1px #6e737117;
    position: relative;
    z-index: 100
}

.hd-top {
    max-width: 1024px;
    margin: 0 auto;
    padding: 8px 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #8da29c2e
}

.hd-contact-strip {
    display: flex;
    align-items: center;
    gap: 36px
}

.hd-phone {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #AFD1CB;
    text-decoration: none;
    letter-spacing: .03em;
    transition: color .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.hd-phone:hover {
    color: #fff
}

.hd-hours {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    color: #afd1cbb3;
    letter-spacing: .02em
}

.hd-main {
    max-width: 1024px;
    margin: 0 auto;
    padding: 16px 36px;
    display: flex;
    align-items: center;
    gap: 36px
}

.brand-blk {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
    text-decoration: none
}

.logo-sq {
    width: 78px;
    height: 78px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: 2px solid #afd1cb66;
    box-shadow: 0 2px 3px 1px #6e73710d 0 5px 25px 1px #6e737117;
    overflow: hidden;
    flex-shrink: 0
}

.logo-sq img {
    width: 70px;
    height: 70px;
    object-fit: contain;
    display: block
}

.brand-nm {
    font-family: 'Manrope', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -.01em;
    line-height: 1.2
}

.brand-sub {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #8DA29C;
    letter-spacing: .04em;
    margin-top: 4px
}

.hd-nav-hold {
    flex: 1;
    display: flex;
    justify-content: center
}

.hd-nav {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0
}

.hd-nav li {
    margin: 0
}

.hd-nav a {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #ffffffd1;
    text-decoration: none;
    padding: 8px 16px;
    border-radius: 7px;
    letter-spacing: .02em;
    line-height: 1.55;
    display: block;
    border: 1px solid transparent;
    transition: color .35s ease-in-out, background-color .35s ease-in-out, border-color .4s ease-in-out
}

.hd-nav a:hover {
    color: #fff;
    background-color: #8da29c2e;
    border-color: #8da29c4d
}

.hd-nav a:focus-visible {
    outline: 2px solid #AFD1CB;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px #8da29c40
}

.hd-nav a.active {
    color: #AFD1CB;
    background-color: #afd1cb1a;
    border-color: #afd1cb40
}

.hd-action {
    flex-shrink: 0
}

.hd-btn {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #2c3230;
    background-color: #AFD1CB;
    border: 2px solid #AFD1CB;
    border-radius: 7px;
    padding: 8px 16px;
    text-decoration: none;
    display: inline-block;
    letter-spacing: .02em;
    line-height: 1.55;
    box-shadow: 0 2px 3px 1px #6e73710d;
    transition: background-color .42s cubic-bezier(0.34, 1.2, 0.64, 1), color .42s cubic-bezier(0.34, 1.2, 0.64, 1), transform .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.hd-btn:hover {
    background-color: transparent;
    color: #AFD1CB;
    transform: scale(1.04)
}

.hd-btn:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px #afd1cb66
}

.hd-accent-bar {
    height: 4px;
    background: linear-gradient(90deg, #6E7371 0%, #8DA29C 40%, #AFD1CB 100%)
}

.pg-ft {
    background-color: #2c3230;
    border-top: 2px solid #6E7371;
    box-shadow: 0 -2px 3px 1px #6e73710d
}

.ft-row {
    max-width: 1024px;
    margin: 0 auto;
    padding: 16px 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap
}

.ft-brand {
    display: flex;
    align-items: center;
    gap: 16px;
    text-decoration: none;
    flex-shrink: 0
}

.ft-logo-sq {
    width: 52px;
    height: 52px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: 1px solid #afd1cb4d;
    box-shadow: 0 2px 3px 1px #6e73710d;
    overflow: hidden;
    flex-shrink: 0
}

.ft-logo-sq img {
    width: 44px;
    height: 44px;
    object-fit: contain;
    display: block
}

.ft-nm {
    font-family: 'Manrope', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -.01em
}

.ft-nav-hold {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    justify-content: center
}

.ft-nav-hold a {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #afd1cbcc;
    text-decoration: none;
    padding: 8px 16px;
    border-radius: 7px;
    letter-spacing: .02em;
    transition: color .36s ease-in-out, background-color .36s ease-in-out
}

.ft-nav-hold a:hover {
    color: #fff;
    background-color: #8da29c26
}

.ft-nav-hold a:focus-visible {
    outline: 2px solid #AFD1CB;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px #8da29c33
}

.ft-contacts {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px
}

.ft-contacts a {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    color: #8DA29C;
    text-decoration: none;
    letter-spacing: .02em;
    transition: color .4s ease-in-out
}

.ft-contacts a:hover {
    color: #AFD1CB
}

.ft-contacts a:focus-visible {
    outline: 2px solid #AFD1CB;
    outline-offset: 2px
}

.ft-copy-row {
    max-width: 1024px;
    margin: 0 auto;
    padding: 8px 36px;
    border-top: 1px solid #8da29c1f;
    display: flex;
    align-items: center;
    justify-content: center
}

.ft-copy {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    color: #8da29c8c;
    letter-spacing: .02em
}

@media (max-width: 768px) {
    .hd-top {
        padding: 8px 16px;
        flex-wrap: wrap;
        gap: 8px
    }

    .hd-contact-strip {
        gap: 16px
    }

    .hd-main {
        padding: 16px;
        flex-wrap: wrap;
        gap: 16px
    }

    .hd-nav-hold {
        order: 3;
        width: 100%;
        justify-content: flex-start
    }

    .hd-action {
        order: 2
    }

    .ft-row {
        padding: 16px;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 16px
    }

    .ft-contacts {
        align-items: center
    }

    .ft-copy-row {
        padding: 8px 16px
    }
}

@media (max-width: 480px) {
    .hd-hours {
        display: none
    }

    .brand-sub {
        display: none
    }

    .hd-nav a {
        padding: 8px;
        font-size: 16px
    }

    .ft-nav-hold a {
        padding: 8px
    }
}

.terms-body {
    max-width: 1024px;
    margin: 0 auto;
    padding: 72px 36px
}

.terms-body p {
    font-size: 18px;
    line-height: 1.8;
    color: #2c2c2c;
    margin-bottom: 16px;
    letter-spacing: .01em
}

.terms-body strong,
.terms-body b {
    font-weight: 700;
    color: #1e1e1e
}

.terms-body em,
.terms-body i {
    font-style: italic;
    color: #6E7371
}

.terms-body hr {
    border: none;
    border-top: 1px solid #AFD1CB;
    margin: 36px 0;
    opacity: .6
}

.terms-body div {
    margin-bottom: 36px;
    padding: 36px;
    background: #f5f7f7;
    border-radius: 7px;
    box-shadow: 0 2px 3px 1px #6e73710d 0 5px 25px 1px #6e737117
}

.terms-body div p:last-child {
    margin-bottom: 0
}

@media (max-width: 768px) {
    .terms-body {
        padding: 36px 16px
    }

    .terms-body p {
        font-size: 16px;
        line-height: 1.8
    }

    .terms-body div {
        padding: 16px;
        border-radius: 4px
    }
}

@media (max-width: 480px) {
    .terms-body {
        padding: 36px 8px
    }

    .terms-body div {
        padding: 16px 8px
    }
}

.svc-dtl {
    max-width: 100%;
    overflow-x: hidden
}

.svc-dtl .pg-wrap {
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 16px
}

.svc-dtl .anim-left {
    opacity: 0;
    transform: translateX(-40px);
    animation: slideL .42s cubic-bezier(0.34, 1.2, 0.64, 1) forwards
}

.svc-dtl .anim-right {
    opacity: 0;
    transform: translateX(40px);
    animation: slideR .38s cubic-bezier(0.34, 1.2, 0.64, 1) .12s forwards
}

.svc-dtl .anim-up {
    opacity: 0;
    transform: translateY(30px);
    animation: slideU .4s ease-in-out .2s forwards
}

@keyframes slideL {
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes slideR {
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

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

.svc-dtl .ttl-blk {
    background: #fff;
    padding: 72px 0 36px;
    border-bottom: 2px solid #AFD1CB
}

.svc-dtl .ttl-blk .pg-wrap {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 36px
}

.svc-dtl .ttl-txt {
    flex: 0 0 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 36px 36px 36px 0
}

.svc-dtl .ttl-img-col {
    flex: 0 0 40%;
    position: relative;
    border-radius: 22px;
    overflow: hidden;
    min-height: 340px
}

.svc-dtl .ttl-img-col img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.svc-dtl .ttl-img-col::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(160deg, #6e73718c 0%, #8da29c66 55%, #afd1cb4d 100%);
    border-radius: 22px
}

.svc-dtl .ovl {
    display: block;
    font-size: 16px;
    letter-spacing: .12em;
    color: #8DA29C;
    text-transform: uppercase;
    margin-bottom: 8px;
    font-weight: 600
}

.svc-dtl .ttl-h {
    font-size: 72px;
    line-height: 1.2;
    color: #2b2b2b;
    letter-spacing: -.03em;
    margin: 0 0 16px;
    font-weight: 800
}

.svc-dtl .ttl-sub {
    font-size: 18px;
    line-height: 1.55;
    color: #4a4a4a;
    margin: 0 0 36px;
    max-width: 480px
}

.svc-dtl .ttl-meta {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 36px
}

.svc-dtl .badge {
    font-size: 16px;
    padding: 4px 16px;
    border-radius: 7px;
    font-weight: 500;
    line-height: 1.55
}

.svc-dtl .badge.dur {
    background: #AFD1CB;
    color: #2b2b2b
}

.svc-dtl .badge.pub {
    background: #f2f2f0;
    color: #6E7371
}

.svc-dtl .badge.views {
    background: #f2f2f0;
    color: #6E7371
}

.svc-dtl .badge.likes {
    background: #f2f2f0;
    color: #6E7371
}

.svc-dtl .ttl-act {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    flex-wrap: wrap
}

.svc-dtl .btn-prim {
    font-size: 18px;
    padding: 16px 36px;
    border-radius: 7px;
    border: 2px solid #6E7371;
    background: transparent;
    color: #6E7371;
    cursor: pointer;
    font-weight: 600;
    letter-spacing: .04em;
    transition: background .35s cubic-bezier(0.34, 1.2, 0.64, 1), color .35s cubic-bezier(0.34, 1.2, 0.64, 1), transform .32s ease-in-out;
    text-decoration: none;
    display: inline-block
}

.svc-dtl .btn-prim:hover {
    background: #6E7371;
    color: #fff;
    transform: scale(1.04)
}

.svc-dtl .btn-prim:focus {
    outline: 2px solid #6E7371;
    outline-offset: 3px
}

.svc-dtl .btn-prim.shake {
    animation: shk .4s ease-in-out
}

@keyframes shk {

    0%,
    100% {
        transform: translateX(0)
    }

    20% {
        transform: translateX(-6px)
    }

    40% {
        transform: translateX(6px)
    }

    60% {
        transform: translateX(-4px)
    }

    80% {
        transform: translateX(4px)
    }
}

.svc-dtl .btn-copy {
    font-size: 16px;
    padding: 16px;
    border-radius: 7px;
    border: 2px solid #AFD1CB;
    background: transparent;
    color: #8DA29C;
    cursor: pointer;
    font-weight: 500;
    transition: background .38s ease-in-out, color .38s ease-in-out, transform .3s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.svc-dtl .btn-copy:hover {
    background: #AFD1CB;
    color: #2b2b2b;
    transform: scale(1.05)
}

.svc-dtl .btn-copy:focus {
    outline: 2px solid #8DA29C;
    outline-offset: 3px
}

.svc-dtl .dec-line {
    width: 72px;
    height: 3px;
    background: linear-gradient(90deg, #6E7371 0%, #8DA29C 50%, #AFD1CB 100%);
    border-radius: 4px;
    margin-bottom: 16px
}

.svc-dtl .dec-curve {
    position: absolute;
    bottom: 16px;
    right: 16px;
    width: 60px;
    height: 60px;
    z-index: 2
}

.svc-dtl .price-seats {
    background: #f4f6f5;
    padding: 36px 0;
    border-bottom: 2px solid #AFD1CB
}

.svc-dtl .price-seats .pg-wrap {
    display: flex;
    flex-direction: row;
    gap: 36px;
    align-items: stretch
}

.svc-dtl .pr-card {
    flex: 1 1 0;
    background: #fff;
    border-radius: 22px;
    padding: 36px;
    box-shadow: 0 5px 25px 1px #6e737117;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px
}

.svc-dtl .pr-card .lbl {
    font-size: 16px;
    color: #8DA29C;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-weight: 600
}

.svc-dtl .pr-card .val {
    font-size: 44px;
    line-height: 1.2;
    font-weight: 800;
    color: #2b2b2b;
    letter-spacing: -.02em
}

.svc-dtl .pr-card .sub {
    font-size: 16px;
    color: #6E7371;
    line-height: 1.55
}

.svc-dtl .seats-card {
    flex: 1 1 0;
    background: #fff;
    border-radius: 22px;
    padding: 36px;
    box-shadow: 0 5px 25px 1px #6e737117;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    text-align: center
}

.svc-dtl .seats-card .lbl {
    font-size: 16px;
    color: #8DA29C;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-weight: 600
}

.svc-dtl .seats-card .num {
    font-size: 44px;
    line-height: 1.2;
    font-weight: 800;
    color: #2b2b2b
}

.svc-dtl .bar-wrap {
    width: 100%;
    background: #e8edec;
    border-radius: 4px;
    height: 12px;
    overflow: hidden
}

.svc-dtl .bar-fill {
    height: 100%;
    background: linear-gradient(90deg, #6E7371 0%, #8DA29C 55%, #AFD1CB 100%);
    border-radius: 4px;
    width: 0;
    animation: barGrow .45s cubic-bezier(0.34, 1.2, 0.64, 1) .3s forwards
}

@keyframes barGrow {
    to {
        width: var(--bar-pct, 60%)
    }
}

.svc-dtl .bar-note {
    font-size: 16px;
    color: #6E7371;
    line-height: 1.55
}

.svc-dtl .desc-blk {
    padding: 72px 0;
    background: #fff;
    border-bottom: 2px solid #AFD1CB
}

.svc-dtl .desc-blk .pg-wrap {
    display: flex;
    flex-direction: column;
    gap: 36px
}

.svc-dtl .desc-ovl {
    display: block;
    font-size: 16px;
    letter-spacing: .12em;
    color: #8DA29C;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 8px;
    text-align: center
}

.svc-dtl .desc-h {
    font-size: 32px;
    line-height: 1.2;
    color: #2b2b2b;
    font-weight: 700;
    letter-spacing: -.01em;
    text-align: center;
    margin: 0 0 8px
}

.svc-dtl .desc-body {
    max-width: 680px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.8;
    color: #3a3a3a
}

.svc-dtl .desc-body p {
    margin: 0 0 16px
}

.svc-dtl .desc-body h2 {
    font-size: 24px;
    line-height: 1.2;
    color: #2b2b2b;
    font-weight: 700;
    margin: 36px 0 8px
}

.svc-dtl .desc-body strong {
    color: #6E7371;
    font-weight: 700
}

.svc-dtl .desc-body ul {
    list-style: none;
    padding: 0;
    margin: 16px 0;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.svc-dtl .desc-body ul li {
    background: #f4f6f5;
    border-radius: 7px;
    padding: 16px;
    font-size: 18px;
    line-height: 1.55;
    color: #3a3a3a;
    box-shadow: 0 2px 3px 1px #8da29c0d
}

.svc-dtl .desc-body blockquote {
    border-top: 2px solid #AFD1CB;
    border-bottom: 2px solid #AFD1CB;
    margin: 36px 0;
    padding: 16px 36px;
    font-size: 18px;
    line-height: 1.8;
    color: #6E7371;
    font-style: italic;
    text-align: center
}

.svc-dtl .desc-body dl {
    margin: 16px 0
}

.svc-dtl .desc-body dt {
    font-size: 18px;
    font-weight: 700;
    color: #2b2b2b;
    margin-bottom: 4px
}

.svc-dtl .desc-body dd {
    font-size: 18px;
    color: #3a3a3a;
    margin: 0 0 16px 16px;
    line-height: 1.55
}

.svc-dtl .desc-body details {
    background: #f4f6f5;
    border-radius: 7px;
    padding: 16px;
    margin-bottom: 8px
}

.svc-dtl .desc-body summary {
    font-size: 18px;
    font-weight: 600;
    color: #2b2b2b;
    cursor: pointer
}

.svc-dtl .desc-body cite {
    font-size: 16px;
    color: #8DA29C;
    font-style: normal
}

.svc-dtl .prog-blk {
    padding: 72px 0;
    position: relative
}

.svc-dtl .prog-blk::before {
    content: '';
    position: absolute;
    inset: 0;
    background: #f4f6f5;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");
    background-size: 200px 200px;
    z-index: 0
}

.svc-dtl .prog-blk .pg-wrap {
    position: relative;
    z-index: 1
}

.svc-dtl .prog-ovl {
    display: block;
    font-size: 16px;
    letter-spacing: .12em;
    color: #8DA29C;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 8px;
    text-align: center
}

.svc-dtl .prog-h {
    font-size: 32px;
    line-height: 1.2;
    color: #2b2b2b;
    font-weight: 700;
    letter-spacing: -.01em;
    text-align: center;
    margin: 0 0 36px
}

.svc-dtl .prog-body {
    max-width: 720px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.8;
    color: #3a3a3a
}

.svc-dtl .prog-body p {
    margin: 0 0 16px
}

.svc-dtl .prog-body h2 {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    color: #2b2b2b;
    margin: 36px 0 8px;
    text-align: center
}

.svc-dtl .prog-body h3 {
    font-size: 18px;
    line-height: 1.55;
    font-weight: 700;
    color: #6E7371;
    margin: 16px 0 4px
}

.svc-dtl .prog-body small {
    font-size: 16px;
    color: #8DA29C;
    line-height: 1.55
}

.svc-dtl .prog-body ol {
    list-style: none;
    padding: 0;
    margin: 16px 0;
    counter-reset: prog-ctr;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.svc-dtl .prog-body ol li {
    counter-increment: prog-ctr;
    background: #fff;
    border-radius: 7px;
    padding: 16px 16px 16px 64px;
    font-size: 18px;
    line-height: 1.55;
    color: #3a3a3a;
    box-shadow: 0 2px 3px 1px #6e73710d;
    position: relative
}

.svc-dtl .prog-body ol li::before {
    content: counter(prog-ctr);
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, #6E7371 0%, #8DA29C 100%);
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1
}

.svc-dtl .prog-body dl {
    margin: 16px 0
}

.svc-dtl .prog-body dt {
    font-size: 18px;
    font-weight: 700;
    color: #2b2b2b;
    margin-bottom: 4px
}

.svc-dtl .prog-body dd {
    font-size: 18px;
    color: #3a3a3a;
    margin: 0 0 16px 16px;
    line-height: 1.55
}

.svc-dtl .prog-body blockquote {
    border-top: 2px solid #8DA29C;
    border-bottom: 2px solid #8DA29C;
    margin: 36px 0;
    padding: 16px 36px;
    font-size: 18px;
    line-height: 1.8;
    color: #6E7371;
    font-style: italic;
    text-align: center
}

.svc-dtl .cta-strip {
    background: linear-gradient(120deg, #6E7371 0%, #8DA29C 50%, #AFD1CB 100%);
    padding: 72px 0
}

.svc-dtl .cta-strip .pg-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    text-align: center
}

.svc-dtl .cta-h {
    font-size: 32px;
    line-height: 1.2;
    color: #fff;
    font-weight: 700;
    letter-spacing: -.01em;
    margin: 0
}

.svc-dtl .cta-p {
    font-size: 18px;
    line-height: 1.55;
    color: #ffffffe0;
    max-width: 520px;
    margin: 0
}

.svc-dtl .btn-wht {
    font-size: 18px;
    padding: 16px 36px;
    border-radius: 7px;
    border: 2px solid #fff;
    background: transparent;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    letter-spacing: .04em;
    transition: background .4s cubic-bezier(0.34, 1.2, 0.64, 1), color .4s cubic-bezier(0.34, 1.2, 0.64, 1), transform .32s ease-in-out;
    text-decoration: none;
    display: inline-block;
    margin-top: 8px
}

.svc-dtl .btn-wht:hover {
    background: #fff;
    color: #6E7371;
    transform: scale(1.06)
}

.svc-dtl .btn-wht:focus {
    outline: 2px solid #fff;
    outline-offset: 3px
}

.svc-dtl .ul-hover-line a {
    position: relative;
    text-decoration: none;
    color: #6E7371
}

.svc-dtl .ul-hover-line a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 50%;
    right: 50%;
    height: 2px;
    background: #8DA29C;
    border-radius: 4px;
    transition: left .35s ease-in-out, right .35s ease-in-out
}

.svc-dtl .ul-hover-line a:hover::after {
    left: 0;
    right: 0
}

@media (max-width: 768px) {
    .svc-dtl .ttl-blk .pg-wrap {
        flex-direction: column
    }

    .svc-dtl .ttl-img-col {
        display: none
    }

    .svc-dtl .ttl-txt {
        flex: 1 1 auto;
        padding: 0
    }

    .svc-dtl .ttl-h {
        font-size: 44px
    }

    .svc-dtl .price-seats .pg-wrap {
        flex-direction: column
    }

    .svc-dtl .pr-card,
    .svc-dtl .seats-card {
        padding: 16px
    }

    .svc-dtl .ttl-blk {
        padding: 36px 0
    }

    .svc-dtl .desc-blk,
    .svc-dtl .prog-blk,
    .svc-dtl .cta-strip {
        padding: 36px 0
    }
}

@media (max-width: 480px) {
    .svc-dtl .ttl-h {
        font-size: 32px
    }

    .svc-dtl .pr-card .val,
    .svc-dtl .seats-card .num {
        font-size: 32px
    }

    .svc-dtl .ttl-act {
        flex-direction: column;
        align-items: flex-start
    }

    .svc-dtl .prog-body ol li {
        padding-left: 52px
    }
}

@media (min-width: 1280px) {
    .svc-dtl .ttl-txt {
        padding-right: 72px
    }
}

.tm-pg {
    max-width: 100%;
    overflow-x: hidden
}

.tm-pg .bd {
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 16px
}

.tm-pg .ovl {
    display: block;
    font-size: 16px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #8DA29C;
    margin-bottom: 8px;
    font-weight: 600
}

.tm-pg .ttl-blk {
    padding: 72px 0;
    background: #fff;
    position: relative
}

.tm-pg .ttl-blk .bd {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 36px
}

.tm-pg .ttl-col {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 36px 0;
    text-align: center
}

.tm-pg .ttl-col .ovl {
    text-align: center
}

.tm-pg .ttl-h1 {
    font-size: 44px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #2b2b2b;
    margin: 0 0 16px
}

.tm-pg .ttl-sub {
    font-size: 18px;
    line-height: 1.55;
    color: #4a4a4a;
    margin: 0 0 36px;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto
}

.tm-pg .ttl-img-col {
    flex: 0 0 420px;
    position: relative;
    border-radius: 22px;
    overflow: hidden;
    min-height: 380px;
    box-shadow: 0 10px 60px 1px #6e73711a
}

.tm-pg .ttl-img-col img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.tm-pg .ttl-tint {
    position: absolute;
    inset: 0;
    background: linear-gradient(160deg, #8da29c47 0%, #afd1cb2e 60%, #6e737138 100%);
    pointer-events: none
}

.tm-pg .geo-shape {
    position: absolute;
    pointer-events: none
}

.tm-pg .geo-a {
    width: 80px;
    height: 80px;
    border: 2px solid #8da29c2e;
    border-radius: 22px;
    top: -20px;
    left: -20px;
    transform: rotate(18deg)
}

.tm-pg .geo-b {
    width: 44px;
    height: 44px;
    background: #afd1cb24;
    border-radius: 50%;
    bottom: 24px;
    right: -12px
}

.tm-pg .geo-c {
    width: 28px;
    height: 28px;
    border: 2px solid #6e737121;
    border-radius: 7px;
    top: 40%;
    left: -14px;
    transform: rotate(30deg)
}

.tm-pg .ppl-sec {
    padding: 72px 0;
    background: linear-gradient(175deg, #f4f8f7 0%, #eaf3f1 55%, #f0f4f3 100%);
    position: relative
}

.tm-pg .ppl-sec::before {
    content: "";
    display: block;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, #AFD1CB 40%, #8DA29C 70%, transparent 100%);
    margin-bottom: 72px
}

.tm-pg .ppl-hd {
    text-align: center;
    margin-bottom: 36px
}

.tm-pg .ppl-hd h2 {
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -.01em;
    color: #2b2b2b;
    margin: 0 0 16px
}

.tm-pg .ppl-hd p {
    font-size: 18px;
    line-height: 1.55;
    color: #4a4a4a;
    max-width: 520px;
    margin: 0 auto
}

.tm-pg .ppl-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 36px
}

.tm-pg .p-card {
    background: #fff;
    border-radius: 22px;
    padding: 36px 16px;
    text-align: center;
    box-shadow: 0 5px 25px 1px #8da29c17;
    transition: box-shadow .38s cubic-bezier(0.34, 1.2, 0.64, 1), transform .38s cubic-bezier(0.34, 1.2, 0.64, 1);
    opacity: 0;
    transform: translateY(24px);
    animation: card-in .42s cubic-bezier(0.34, 1.2, 0.64, 1) forwards
}

.tm-pg .p-card:nth-child(1) {
    animation-delay: .1s
}

.tm-pg .p-card:nth-child(2) {
    animation-delay: .22s
}

.tm-pg .p-card:nth-child(3) {
    animation-delay: .34s
}

.tm-pg .p-card:nth-child(4) {
    animation-delay: .46s
}

.tm-pg .p-card:nth-child(5) {
    animation-delay: .58s
}

@keyframes card-in {
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.tm-pg .p-card:hover {
    box-shadow: 0 10px 60px 1px #8da29c1a;
    transform: translateY(-4px) scale(1.02)
}

.tm-pg .p-ava {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    margin: 0 auto 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(135deg, #8DA29C 0%, #AFD1CB 60%, #6E7371 100%);
    box-shadow: 0 2px 3px 1px #6e73710d;
    letter-spacing: .04em
}

.tm-pg .p-name {
    font-size: 18px;
    line-height: 1.2;
    color: #2b2b2b;
    font-weight: 700;
    margin: 0 0 8px
}

.tm-pg .p-role-tag {
    display: inline-block;
    background: #AFD1CB;
    color: #2b2b2b;
    font-size: 16px;
    border-radius: 4px;
    padding: 4px 8px;
    margin-bottom: 16px;
    font-weight: 600
}

.tm-pg .p-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #8DA29C;
    margin-right: 8px;
    vertical-align: middle
}

.tm-pg .p-bio {
    font-size: 16px;
    line-height: 1.55;
    color: #4a4a4a;
    margin: 0
}

.tm-pg .met-sec {
    padding: 72px 0 36px;
    background: #fff;
    position: relative
}

.tm-pg .met-sec .bd {
    display: flex;
    flex-direction: row;
    gap: 36px;
    align-items: flex-start
}

.tm-pg .met-dense {
    flex: 0 0 420px;
    background: linear-gradient(155deg, #6E7371 0%, #8DA29C 55%, #AFD1CB 100%);
    border-radius: 22px;
    padding: 36px;
    color: #fff;
    box-shadow: 0 10px 60px 1px #6e73711a
}

.tm-pg .met-dense h3 {
    font-size: 24px;
    line-height: 1.2;
    margin: 0 0 36px;
    letter-spacing: -.01em
}

.tm-pg .met-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.tm-pg .met-item {
    background: #ffffff21;
    border-radius: 7px;
    padding: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    box-shadow: inset 0 1px 2px #ffffff14
}

.tm-pg .met-num {
    font-size: 32px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -.02em;
    color: #fff;
    flex: 0 0 auto;
    min-width: 64px
}

.tm-pg .met-lbl {
    font-size: 16px;
    line-height: 1.55;
    color: #ffffffe0
}

.tm-pg .met-open {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 36px 0;
    text-align: center
}

.tm-pg .met-open h3 {
    font-size: 32px;
    line-height: 1.2;
    color: #2b2b2b;
    margin: 0 0 16px;
    letter-spacing: -.01em
}

.tm-pg .met-open p {
    font-size: 18px;
    line-height: 1.55;
    color: #4a4a4a;
    margin: 0 0 36px
}

.tm-pg .met-tags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center
}

.tm-pg .m-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f0f4f3;
    border-radius: 22px;
    padding: 8px 16px;
    font-size: 16px;
    color: #2b2b2b;
    font-weight: 600;
    box-shadow: 0 2px 3px 1px #6e73710d;
    transition: background .36s ease-in-out, transform .36s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.tm-pg .m-tag:hover {
    background: #AFD1CB;
    transform: scale(1.04)
}

.tm-pg .m-tag .dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #8DA29C;
    display: inline-block;
    flex-shrink: 0
}

@keyframes grad-shift {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0 50%
    }
}

.tm-pg .met-dense {
    background: linear-gradient(155deg, #6E7371, #8DA29C, #AFD1CB, #8DA29C, #6E7371);
    background-size: 300% 300%;
    animation: grad-shift 7s ease-in-out infinite
}

.tm-pg .cls-sec {
    padding: 72px 0;
    background: linear-gradient(170deg, #eaf3f1 0%, #f4f8f7 100%);
    position: relative
}

.tm-pg .cls-sec::before {
    content: "";
    display: block;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, #8DA29C 30%, #AFD1CB 70%, transparent 100%);
    margin-bottom: 72px
}

.tm-pg .cls-inner {
    display: flex;
    flex-direction: row;
    gap: 36px;
    align-items: center
}

.tm-pg .cls-img-wr {
    flex: 0 0 380px;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 10px 60px 1px #8da29c1a;
    position: relative
}

.tm-pg .cls-img-wr img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    display: block;
    transition: transform .45s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.tm-pg .cls-img-wr:hover img {
    transform: scale(1.05)
}

.tm-pg .cls-txt {
    flex: 1 1 0;
    text-align: center
}

.tm-pg .cls-txt h2 {
    font-size: 32px;
    line-height: 1.2;
    color: #2b2b2b;
    margin: 0 0 16px;
    letter-spacing: -.01em
}

.tm-pg .cls-txt p {
    font-size: 18px;
    line-height: 1.55;
    color: #4a4a4a;
    margin: 0 0 16px;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto
}

.tm-pg .cls-txt p:last-of-type {
    margin-bottom: 36px
}

.tm-pg .cls-cta {
    display: inline-block;
    padding: 16px 36px;
    border: 2px solid #6E7371;
    border-radius: 7px;
    color: #6E7371;
    background: transparent;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .06em;
    text-decoration: none;
    transition: background .34s ease-in-out, color .34s ease-in-out, border-color .34s ease-in-out
}

.tm-pg .cls-cta:hover,
.tm-pg .cls-cta:focus {
    background: #6E7371;
    color: #fff;
    border-color: #6E7371;
    outline: none
}

.tm-pg .cls-cta:focus-visible {
    outline: 3px solid #AFD1CB;
    outline-offset: 3px
}

.tm-pg .curve-link {
    display: block;
    width: 100%;
    overflow: hidden;
    height: 36px;
    pointer-events: none
}

.tm-pg .curve-link svg {
    display: block;
    width: 100%;
    height: 36px
}

@media (max-width: 1280px) {
    .tm-pg .ttl-img-col {
        flex: 0 0 340px
    }

    .tm-pg .ppl-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px
    }

    .tm-pg .met-dense {
        flex: 0 0 340px
    }
}

@media (max-width: 768px) {
    .tm-pg .ttl-blk .bd {
        flex-direction: column
    }

    .tm-pg .ttl-img-col {
        flex: 0 0 auto;
        min-height: 240px;
        display: none
    }

    .tm-pg .ppl-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .tm-pg .met-sec .bd {
        flex-direction: column
    }

    .tm-pg .met-dense {
        flex: 0 0 auto;
        width: 100%
    }

    .tm-pg .cls-inner {
        flex-direction: column
    }

    .tm-pg .cls-img-wr {
        flex: 0 0 auto;
        width: 100%;
        display: none
    }
}

@media (max-width: 480px) {
    .tm-pg .ttl-h1 {
        font-size: 32px
    }

    .tm-pg .ppl-grid {
        grid-template-columns: 1fr
    }

    .tm-pg .met-num {
        font-size: 24px;
        min-width: 48px
    }

    .tm-pg .ttl-blk,
    .tm-pg .ppl-sec,
    .tm-pg .met-sec,
    .tm-pg .cls-sec {
        padding: 36px 0
    }
}

.svc-pg {
    max-width: 100%;
    overflow-x: hidden
}

.svc-pg .ed-col {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 36px;
    padding-right: 36px
}

.svc-pg .ttl-band {
    background: linear-gradient(158deg, #f5f7f6 0%, #e8efed 48%, #d4e6e2 100%);
    padding: 36px 0;
    position: relative
}

.svc-pg .ttl-band::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 180px;
    height: 100%;
    background: linear-gradient(158deg, transparent 0%, #8da29c14 100%);
    pointer-events: none
}

.svc-pg .ttl-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 36px
}

.svc-pg .ttl-txt {
    flex: 1 1 0;
    text-align: center
}

.svc-pg .ttl-over {
    display: block;
    font-size: 16px;
    letter-spacing: .12em;
    color: #6E7371;
    text-transform: uppercase;
    margin-bottom: 8px;
    line-height: 1.2
}

.svc-pg .ttl-h1 {
    font-size: 44px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #2a2e2c;
    margin: 0 0 8px
}

.svc-pg .ttl-sub {
    font-size: 18px;
    line-height: 1.55;
    color: #4a4f4d;
    margin: 0
}

.svc-pg .ttl-img-wrap {
    flex: 0 0 220px;
    width: 220px;
    height: 160px;
    border-radius: 22px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 5px 25px 1px #6e737117
}

.svc-pg .ttl-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(0.82) brightness(0.96) contrast(1.04)
}

.svc-pg .shp-a {
    position: absolute;
    width: 48px;
    height: 48px;
    border-radius: 7px;
    background: #8da29c2e;
    top: -12px;
    left: -12px;
    pointer-events: none;
    transform: rotate(22deg)
}

.svc-pg .shp-b {
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background: #afd1cb38;
    bottom: 16px;
    right: -8px;
    pointer-events: none;
    transform: rotate(-14deg)
}

.svc-pg .card-grid-sec {
    padding: 72px 0;
    background: #fff
}

.svc-pg .grid-lbl {
    text-align: center;
    margin-bottom: 36px
}

.svc-pg .grid-lbl .over {
    display: block;
    font-size: 16px;
    letter-spacing: .1em;
    color: #8DA29C;
    text-transform: uppercase;
    margin-bottom: 8px
}

.svc-pg .grid-lbl h2 {
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -.01em;
    color: #2a2e2c;
    margin: 0
}

.svc-pg .cards-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 36px
}

.svc-pg .svc-card {
    background: #fff;
    border-radius: 22px;
    box-shadow: 0 5px 25px 1px #6e737117;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.svc-pg .svc-card:hover {
    transform: scale(1.03);
    box-shadow: 0 10px 60px 1px #6e73711a
}

.svc-pg .card-img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block
}

.svc-pg .card-body {
    padding: 16px 16px 8px;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: center
}

.svc-pg .card-ttl {
    font-size: 18px;
    line-height: 1.55;
    letter-spacing: .01em;
    color: #2a2e2c;
    margin: 0
}

.svc-pg .card-desc {
    font-size: 16px;
    line-height: 1.55;
    color: #4a4f4d;
    margin: 0
}

.svc-pg .card-meta {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin-top: 4px
}

.svc-pg .meta-tag {
    font-size: 16px;
    line-height: 1.2;
    padding: 4px 16px;
    border-radius: 36px;
    background: #AFD1CB;
    color: #2a2e2c;
    font-weight: 500
}

.svc-pg .meta-tag.dur {
    background: #8DA29C;
    color: #fff
}

.svc-pg .meta-tag.seats {
    background: #6E7371;
    color: #fff
}

.svc-pg .card-foot {
    padding: 8px 16px 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 8px
}

.svc-pg .card-price {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -.01em;
    color: #2a2e2c;
    font-weight: 700
}

.svc-pg .card-btn {
    display: inline-block;
    font-size: 16px;
    line-height: 1.2;
    padding: 8px 16px;
    border-radius: 7px;
    border: 2px solid #6E7371;
    color: #6E7371;
    background: transparent;
    text-decoration: none;
    transition: background .42s ease-in-out, color .42s ease-in-out;
    cursor: pointer
}

.svc-pg .card-btn:hover {
    background: #6E7371;
    color: #fff
}

.svc-pg .stat-sec {
    background: linear-gradient(158deg, #6E7371 0%, #8DA29C 52%, #AFD1CB 100%);
    padding: 72px 0;
    position: relative;
    overflow: hidden
}

.svc-pg .stat-sec::after {
    content: '';
    position: absolute;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    border: 2px solid #ffffff14;
    top: -80px;
    right: -80px;
    pointer-events: none
}

.svc-pg .stat-inner {
    display: flex;
    flex-direction: column;
    gap: 36px;
    align-items: center;
    text-align: center
}

.svc-pg .stat-desc-blk {
    max-width: 560px
}

.svc-pg .stat-desc-blk .over {
    display: block;
    font-size: 16px;
    letter-spacing: .1em;
    color: #ffffffbf;
    text-transform: uppercase;
    margin-bottom: 8px
}

.svc-pg .stat-desc-blk h2 {
    font-size: 32px;
    line-height: 1.2;
    color: #fff;
    margin: 0 0 8px
}

.svc-pg .stat-desc-blk p {
    font-size: 18px;
    line-height: 1.55;
    color: #ffffffe0;
    margin: 0
}

.svc-pg .stat-row {
    display: flex;
    flex-direction: row;
    gap: 36px;
    flex-wrap: wrap;
    justify-content: center
}

.svc-pg .stat-item {
    background: #ffffff1f;
    border-radius: 22px;
    padding: 16px 36px;
    min-width: 140px;
    box-shadow: 0 2px 3px 1px #6e73710d
}

.svc-pg .stat-num {
    display: block;
    font-size: 44px;
    line-height: 1.2;
    letter-spacing: -.03em;
    color: #fff;
    font-weight: 700
}

.svc-pg .stat-lbl {
    display: block;
    font-size: 16px;
    line-height: 1.55;
    color: #fffc
}

.svc-pg .vis-bar {
    width: 100%;
    max-width: 480px;
    background: #ffffff26;
    border-radius: 4px;
    height: 8px;
    position: relative
}

.svc-pg .vis-bar-fill {
    height: 100%;
    border-radius: 4px;
    background: #fff;
    width: 0;
    animation: bar-grow 1.2s cubic-bezier(0.34, 1.2, 0.64, 1) .4s forwards
}

@keyframes bar-grow {
    to {
        width: 78%
    }
}

.svc-pg .about-sec {
    padding: 72px 0;
    background: #f2f5f4
}

.svc-pg .about-chk {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 36px;
    align-items: center
}

.svc-pg .about-chk.rev {
    direction: ltr
}

.svc-pg .about-img-wrap {
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 5px 25px 1px #8da29c17;
    height: 320px
}

.svc-pg .about-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.svc-pg .about-txt {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.svc-pg .about-txt .over {
    display: block;
    font-size: 16px;
    letter-spacing: .1em;
    color: #8DA29C;
    text-transform: uppercase
}

.svc-pg .about-txt h2 {
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -.01em;
    color: #2a2e2c;
    margin: 0
}

.svc-pg .about-txt p {
    font-size: 18px;
    line-height: 1.55;
    color: #4a4f4d;
    margin: 0
}

.svc-pg .info-rows {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px
}

.svc-pg .info-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border-radius: 7px;
    padding: 8px 16px;
    box-shadow: 0 2px 3px 1px #6e73710d
}

.svc-pg .info-lbl {
    font-size: 16px;
    color: #6E7371;
    line-height: 1.2
}

.svc-pg .info-val {
    font-size: 16px;
    color: #2a2e2c;
    font-weight: 600;
    line-height: 1.2
}

.svc-pg .proc-sec {
    padding: 72px 0;
    background: #fff
}

.svc-pg .proc-hd {
    text-align: center;
    margin-bottom: 36px
}

.svc-pg .proc-hd .over {
    display: block;
    font-size: 16px;
    letter-spacing: .1em;
    color: #8DA29C;
    text-transform: uppercase;
    margin-bottom: 8px
}

.svc-pg .proc-hd h2 {
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -.01em;
    color: #2a2e2c;
    margin: 0 0 8px
}

.svc-pg .proc-hd p {
    font-size: 18px;
    line-height: 1.55;
    color: #4a4f4d;
    margin: 0 auto;
    max-width: 520px
}

.svc-pg .steps-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 680px;
    margin: 0 auto
}

.svc-pg .step-card {
    background: #f2f5f4;
    border-radius: 22px;
    padding: 16px 36px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    box-shadow: 0 2px 3px 1px #6e73710d;
    transition: box-shadow .35s ease-in-out, transform .35s ease-in-out
}

.svc-pg .step-card:hover {
    transform: scale(1.02);
    box-shadow: 0 5px 25px 1px #6e737117
}

.svc-pg .step-num {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 36px;
    background: linear-gradient(158deg, #6E7371 0%, #8DA29C 100%);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    line-height: 1.2
}

.svc-pg .step-body {
    flex: 1 1 0;
    text-align: left
}

.svc-pg .step-body h4 {
    font-size: 18px;
    line-height: 1.2;
    color: #2a2e2c;
    margin: 0 0 4px
}

.svc-pg .step-body p {
    font-size: 16px;
    line-height: 1.55;
    color: #4a4f4d;
    margin: 0
}

.svc-pg .cta-sec {
    padding: 72px 0;
    background: #f2f5f4
}

.svc-pg .cta-inner {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px
}

.svc-pg .cta-inner .over {
    display: block;
    font-size: 16px;
    letter-spacing: .1em;
    color: #8DA29C;
    text-transform: uppercase
}

.svc-pg .cta-inner h2 {
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -.01em;
    color: #2a2e2c;
    margin: 0;
    max-width: 560px
}

.svc-pg .cta-inner p {
    font-size: 18px;
    line-height: 1.55;
    color: #4a4f4d;
    margin: 0;
    max-width: 480px
}

.svc-pg .cta-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    max-width: 420px
}

.svc-pg .cta-form input {
    font-size: 16px;
    line-height: 1.55;
    padding: 8px 16px;
    border-radius: 7px;
    border: 1.5px solid #8DA29C;
    background: #fff;
    color: #2a2e2c;
    outline: none;
    transition: border-color .32s ease-in-out, box-shadow .32s ease-in-out;
    box-shadow: inset 0 1px 2px #6e73710d
}

.svc-pg .cta-form input::placeholder {
    color: #2a2e2c66
}

.svc-pg .cta-form input:focus {
    border-color: #6E7371;
    box-shadow: 0 0 0 3px #6e737117
}

.svc-pg .cta-form .btn-sub {
    font-size: 18px;
    line-height: 1.2;
    padding: 16px 36px;
    border-radius: 7px;
    border: 2px solid #6E7371;
    background: transparent;
    color: #6E7371;
    cursor: pointer;
    transition: background .4s ease-in-out, color .4s ease-in-out
}

.svc-pg .cta-form .btn-sub:hover {
    background: #6E7371;
    color: #fff
}

.svc-pg .cta-form .btn-sub.shake {
    animation: shake-once .45s cubic-bezier(0.34, 1.2, 0.64, 1)
}

@keyframes shake-once {
    0% {
        transform: translateX(0)
    }

    20% {
        transform: translateX(-6px)
    }

    50% {
        transform: translateX(6px)
    }

    75% {
        transform: translateX(-3px)
    }

    100% {
        transform: translateX(0)
    }
}

.svc-pg .bg-flicker {
    animation: flicker-bg 7s ease-in-out infinite
}

@keyframes flicker-bg {

    0%,
    100% {
        opacity: 1
    }

    38% {
        opacity: .97
    }

    55% {
        opacity: .94
    }

    70% {
        opacity: .98
    }
}

@media (max-width: 768px) {
    .svc-pg .ed-col {
        padding-left: 16px;
        padding-right: 16px
    }

    .svc-pg .ttl-inner {
        flex-direction: column;
        gap: 16px
    }

    .svc-pg .ttl-img-wrap {
        display: none
    }

    .svc-pg .ttl-h1 {
        font-size: 32px
    }

    .svc-pg .cards-row {
        grid-template-columns: 1fr;
        gap: 16px
    }

    .svc-pg .about-chk {
        grid-template-columns: 1fr
    }

    .svc-pg .about-img-wrap {
        display: none
    }

    .svc-pg .stat-row {
        gap: 16px
    }

    .svc-pg .stat-num {
        font-size: 32px
    }
}

@media (max-width: 480px) {
    .svc-pg .ttl-h1 {
        font-size: 24px
    }

    .svc-pg .card-foot {
        flex-direction: column;
        align-items: center
    }

    .svc-pg .step-card {
        flex-direction: column;
        text-align: center;
        padding: 16px
    }

    .svc-pg .step-body {
        text-align: center
    }
}

@media (min-width: 1280px) {
    .svc-pg .ttl-h1 {
        font-size: 44px
    }
}

.lnch {
    display: block;
    overflow-x: clip
}

.lnch .t-blk {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 520px;
    background: #f5f4f2;
    overflow: hidden
}

.lnch .t-blk .t-txt {
    position: relative;
    z-index: 2;
    padding: 72px 36px 72px 72px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px
}

.lnch .t-blk .t-over {
    display: block;
    font-size: 16px;
    letter-spacing: .12em;
    color: #6E7371;
    text-transform: uppercase;
    line-height: 1.2
}

.lnch .t-blk .t-h1 {
    font-size: 44px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #1d1d1b;
    margin: 0
}

.lnch .t-blk .t-desc {
    font-size: 18px;
    line-height: 1.55;
    color: #3a3a38;
    max-width: 440px;
    margin: 0
}

.lnch .t-blk .t-deco-tl {
    position: absolute;
    top: 24px;
    left: 24px;
    width: 48px;
    height: 48px;
    pointer-events: none
}

.lnch .t-blk .t-deco-tl::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 2px;
    background: #AFD1CB
}

.lnch .t-blk .t-deco-tl::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 32px;
    background: #AFD1CB
}

.lnch .t-blk .t-img-col {
    position: relative;
    overflow: hidden
}

.lnch .t-blk .t-img-col img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    animation: imgscale 1.1s cubic-bezier(0.34, 1.2, 0.64, 1) forwards
}

@keyframes imgscale {
    from {
        transform: scale(0.97)
    }

    to {
        transform: scale(1)
    }
}

.lnch .t-blk .t-img-col .t-grad {
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, #f5f4f2 0%, #afd1cb2e 55%, transparent 100%)
}

.lnch .t-blk .t-deco-br {
    position: absolute;
    bottom: 24px;
    right: 24px;
    width: 48px;
    height: 48px;
    pointer-events: none;
    z-index: 3
}

.lnch .t-blk .t-deco-br::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 32px;
    height: 2px;
    background: #8DA29C
}

.lnch .t-blk .t-deco-br::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 2px;
    height: 32px;
    background: #8DA29C
}

.lnch .assoc {
    padding: 72px 36px;
    background: #fff
}

.lnch .assoc .assoc-inner {
    max-width: 1024px;
    margin: 0 auto
}

.lnch .assoc .assoc-over {
    display: block;
    font-size: 16px;
    letter-spacing: .1em;
    color: #8DA29C;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 8px
}

.lnch .assoc .assoc-h {
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -.01em;
    color: #1d1d1b;
    text-align: center;
    margin: 0 0 36px
}

.lnch .assoc .assoc-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px
}

.lnch .assoc .assoc-card {
    background: #f5f4f2;
    border-radius: 22px;
    padding: 36px 16px;
    text-align: center;
    box-shadow: 0 2px 3px 1px #6e73710d;
    transition: transform .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .38s ease-in-out;
    cursor: default;
    position: relative
}

.lnch .assoc .assoc-card:hover {
    transform: scale(1.04) translateY(-4px);
    box-shadow: 0 10px 60px 1px #6e73711a;
    z-index: 2
}

.lnch .assoc .assoc-card .a-num {
    position: absolute;
    top: 8px;
    right: 12px;
    font-size: 16px;
    color: #AFD1CB;
    font-weight: 700;
    line-height: 1.2
}

.lnch .assoc .assoc-card .a-ico {
    width: 40px;
    height: 40px;
    margin: 0 auto 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

.lnch .assoc .assoc-card .a-ico svg {
    width: 36px;
    height: 36px
}

.lnch .assoc .assoc-card .a-lbl {
    font-size: 16px;
    line-height: 1.55;
    color: #3a3a38;
    display: block
}

.lnch .assoc .assoc-card .a-sub {
    font-size: 16px;
    line-height: 1.55;
    color: #6E7371;
    display: block;
    margin-top: 4px
}

.lnch .diff {
    padding: 72px 36px;
    background: linear-gradient(158deg, #f5f4f2 0%, #e8eeec 55%, #d4e8e4 100%)
}

.lnch .diff .diff-inner {
    max-width: 1024px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 2fr 3fr;
    gap: 36px;
    align-items: start
}

.lnch .diff .diff-left {
    position: relative
}

.lnch .diff .diff-over {
    display: block;
    font-size: 16px;
    letter-spacing: .1em;
    color: #6E7371;
    text-transform: uppercase;
    margin-bottom: 8px
}

.lnch .diff .diff-h {
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -.01em;
    color: #1d1d1b;
    margin: 0 0 16px
}

.lnch .diff .diff-p {
    font-size: 18px;
    line-height: 1.55;
    color: #3a3a38;
    margin: 0
}

.lnch .diff .diff-img {
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 5px 25px 1px #8da29c17;
    margin-top: 36px
}

.lnch .diff .diff-img img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
    transition: transform .42s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.lnch .diff .diff-img:hover img {
    transform: scale(1.05)
}

.lnch .diff .diff-pts {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.lnch .diff .diff-pt {
    background: #fff;
    border-radius: 7px;
    padding: 36px;
    box-shadow: 0 2px 3px 1px #6e73710d;
    position: relative;
    transition: box-shadow .35s ease-in-out
}

.lnch .diff .diff-pt:hover {
    box-shadow: 0 5px 25px 1px #8da29c17
}

.lnch .diff .diff-pt .pt-num {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 44px;
    line-height: 1.2;
    color: #AFD1CB;
    font-weight: 700;
    opacity: .35
}

.lnch .diff .diff-pt .pt-h {
    font-size: 18px;
    line-height: 1.2;
    color: #1d1d1b;
    margin: 0 0 8px
}

.lnch .diff .diff-pt .pt-p {
    font-size: 16px;
    line-height: 1.55;
    color: #3a3a38;
    margin: 0
}

.lnch .patt {
    padding: 72px 36px;
    background: #1d1d1b;
    position: relative;
    overflow: hidden
}

.lnch .patt .patt-bg {
    position: absolute;
    inset: 0;
    background-image: url(./webinar_visuals/myoffers-content-ftr.jpg);
    background-size: cover;
    background-position: center;
    filter: grayscale(1);
    opacity: .12;
    pointer-events: none
}

.lnch .patt .patt-tint {
    position: absolute;
    inset: 0;
    background: linear-gradient(158deg, #6e73718c 0%, #8da29c73 55%, #afd1cb59 100%);
    pointer-events: none
}

.lnch .patt .patt-inner {
    max-width: 1024px;
    margin: 0 auto;
    position: relative;
    z-index: 2
}

.lnch .patt .patt-over {
    display: block;
    font-size: 16px;
    letter-spacing: .1em;
    color: #AFD1CB;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 8px
}

.lnch .patt .patt-h {
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -.01em;
    color: #fff;
    text-align: center;
    margin: 0 0 16px
}

.lnch .patt .patt-lead {
    font-size: 18px;
    line-height: 1.55;
    color: #c8d4d2;
    text-align: center;
    max-width: 560px;
    margin: 0 auto 36px
}

.lnch .patt .qt-mark {
    font-size: 72px;
    line-height: 1.2;
    color: #AFD1CB;
    text-align: center;
    display: block;
    opacity: .5;
    margin-bottom: -16px;
    font-style: normal
}

.lnch .patt .patt-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px
}

.lnch .patt .patt-card {
    background: #ffffff12;
    border-radius: 22px;
    padding: 36px;
    border: 1px solid #afd1cb33;
    transition: background .4s ease-in-out, transform .38s cubic-bezier(0.34, 1.2, 0.64, 1);
    cursor: default
}

.lnch .patt .patt-card:hover {
    background: #ffffff21;
    transform: translateY(-4px) scale(1.02)
}

.lnch .patt .patt-card .pc-q {
    font-size: 16px;
    line-height: 1.8;
    color: #e0e8e6;
    margin: 0 0 16px
}

.lnch .patt .patt-card .pc-who {
    font-size: 16px;
    line-height: 1.2;
    color: #8DA29C
}

.lnch .team {
    padding: 72px 36px;
    background: #f5f4f2
}

.lnch .team .team-inner {
    max-width: 1024px;
    margin: 0 auto
}

.lnch .team .team-over {
    display: block;
    font-size: 16px;
    letter-spacing: .1em;
    color: #8DA29C;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 8px
}

.lnch .team .team-h {
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -.01em;
    color: #1d1d1b;
    text-align: center;
    margin: 0 0 36px
}

.lnch .team .team-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 16px
}

.lnch .team .tm-card {
    background: #fff;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 2px 3px 1px #6e73710d;
    transition: transform .4s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .4s ease-in-out;
    cursor: default;
    position: relative
}

.lnch .team .tm-card:hover {
    transform: scale(1.03) translateY(-4px);
    box-shadow: 0 10px 60px 1px #6e73711a;
    z-index: 2
}

.lnch .team .tm-card.feat {
    grid-row: span 2;
    display: flex;
    flex-direction: column
}

.lnch .team .tm-img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    transition: transform .42s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.lnch .team .tm-card.feat .tm-img {
    height: 300px
}

.lnch .team .tm-card:hover .tm-img {
    transform: scale(1.05)
}

.lnch .team .tm-body {
    padding: 16px;
    flex: 1
}

.lnch .team .tm-name {
    font-size: 18px;
    line-height: 1.2;
    color: #1d1d1b;
    margin: 0 0 4px
}

.lnch .team .tm-role {
    display: inline-block;
    font-size: 16px;
    background: #AFD1CB;
    color: #1d1d1b;
    border-radius: 4px;
    padding: 4px 8px;
    margin-bottom: 8px;
    line-height: 1.2
}

.lnch .team .tm-p {
    font-size: 16px;
    line-height: 1.55;
    color: #3a3a38;
    margin: 0
}

.lnch .team .tm-cnt {
    position: absolute;
    top: 8px;
    right: 12px;
    font-size: 16px;
    color: #fff;
    background: #8da29cbf;
    border-radius: 4px;
    padding: 4px 8px;
    line-height: 1.2
}

.lnch .sits {
    padding: 72px 36px;
    background: #fff
}

.lnch .sits .sits-inner {
    max-width: 1024px;
    margin: 0 auto
}

.lnch .sits .sits-over {
    display: block;
    font-size: 16px;
    letter-spacing: .1em;
    color: #6E7371;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 8px
}

.lnch .sits .sits-h {
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -.01em;
    color: #1d1d1b;
    text-align: center;
    margin: 0 0 16px
}

.lnch .sits .sits-lead {
    font-size: 18px;
    line-height: 1.55;
    color: #3a3a38;
    text-align: center;
    max-width: 520px;
    margin: 0 auto 36px
}

.lnch .sits .sits-img-row {
    border-radius: 22px;
    overflow: hidden;
    margin-bottom: 36px;
    box-shadow: 0 5px 25px 1px #8da29c17;
    position: relative
}

.lnch .sits .sits-img-row img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    display: block;
    filter: grayscale(0.4);
    transition: filter .4s ease-in-out, transform .42s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.lnch .sits .sits-img-row:hover img {
    filter: grayscale(0);
    transform: scale(1.02)
}

.lnch .sits .sits-img-row .si-tint {
    position: absolute;
    inset: 0;
    background: linear-gradient(158deg, #6e737138 0%, #afd1cb2e 100%);
    pointer-events: none
}

.lnch .sits .sits-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    list-style: none;
    padding: 0;
    margin: 0
}

.lnch .sits .sit-item {
    background: #f5f4f2;
    border-radius: 7px;
    padding: 36px 16px;
    text-align: center;
    box-shadow: 0 2px 3px 1px #6e73710d;
    transition: transform .36s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .36s ease-in-out;
    position: relative
}

.lnch .sits .sit-item:hover {
    transform: translateY(-4px) scale(1.03);
    box-shadow: 0 5px 25px 1px #8da29c17
}

.lnch .sits .sit-item .si-num {
    position: absolute;
    top: 8px;
    right: 12px;
    font-size: 16px;
    color: #8DA29C;
    font-weight: 700;
    line-height: 1.2
}

.lnch .sits .sit-item .si-h {
    font-size: 18px;
    line-height: 1.2;
    color: #1d1d1b;
    margin: 0 0 8px
}

.lnch .sits .sit-item .si-p {
    font-size: 16px;
    line-height: 1.55;
    color: #3a3a38;
    margin: 0
}

@media (max-width: 1280px) {
    .lnch .t-blk .t-txt {
        padding: 72px 36px
    }

    .lnch .assoc .assoc-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .lnch .team .team-grid {
        grid-template-columns: 1fr 1fr
    }

    .lnch .team .tm-card.feat {
        grid-row: auto
    }
}

@media (max-width: 768px) {
    .lnch .t-blk {
        grid-template-columns: 1fr
    }

    .lnch .t-blk .t-img-col {
        display: none
    }

    .lnch .t-blk .t-txt {
        padding: 72px 36px
    }

    .lnch .t-blk .t-h1 {
        font-size: 32px
    }

    .lnch .diff .diff-inner {
        grid-template-columns: 1fr
    }

    .lnch .patt .patt-cards {
        grid-template-columns: 1fr
    }

    .lnch .team .team-grid {
        grid-template-columns: 1fr
    }

    .lnch .sits .sits-list {
        grid-template-columns: 1fr 1fr
    }

    .lnch .assoc .assoc-grid {
        grid-template-columns: 1fr 1fr
    }

    .lnch .sits .sits-img-row {
        display: none
    }
}

@media (max-width: 480px) {
    .lnch .t-blk .t-h1 {
        font-size: 24px
    }

    .lnch .assoc .assoc-grid {
        grid-template-columns: 1fr
    }

    .lnch .sits .sits-list {
        grid-template-columns: 1fr
    }

    .lnch .patt .patt-cards {
        grid-template-columns: 1fr
    }

    .lnch .team .team-grid {
        grid-template-columns: 1fr
    }
}

.wcu {
    max-width: 100%;
    overflow-x: clip;
    background: #fff
}

.wcu .pg-wrap {
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 36px
}

@keyframes clipReveal {
    from {
        clip-path: inset(0 0 100% 0);
        opacity: 0
    }

    to {
        clip-path: inset(0 0 0% 0);
        opacity: 1
    }
}

.wcu .reveal {
    animation: clipReveal .45s cubic-bezier(0.34, 1.2, 0.64, 1) both
}

.wcu .reveal-d1 {
    animation-delay: .08s
}

.wcu .reveal-d2 {
    animation-delay: .18s
}

.wcu .reveal-d3 {
    animation-delay: .28s
}

.wcu .overline {
    display: block;
    font-size: 16px;
    letter-spacing: .12em;
    color: #8DA29C;
    text-transform: uppercase;
    margin-bottom: 8px;
    font-weight: 600
}

.wcu .acct {
    color: #6E7371
}

.wcu .divider {
    display: flex;
    align-items: center;
    gap: 0;
    margin: 36px 0;
    width: 100%
}

.wcu .divider span {
    flex: 1;
    height: 1px;
    background: #d4dbd9
}

.wcu .divider em {
    display: block;
    width: 48px;
    height: 2px;
    background: #AFD1CB;
    flex-shrink: 0
}

.wcu .sec-band {
    padding: 72px 0 36px;
    background: #f4f6f5;
    position: relative
}

.wcu .sec-band::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #6E7371 0%, #8DA29C 50%, #AFD1CB 100%)
}

.wcu .band-inner {
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 36px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 72px
}

.wcu .band-left {
    flex: 0 0 320px;
    max-width: 320px;
    position: relative
}

.wcu .band-img {
    width: 100%;
    height: 440px;
    object-fit: cover;
    border-radius: 7px 36px 7px 36px;
    display: block;
    box-shadow: 0 5px 25px 1px #6e737117;
    transition: transform .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.wcu .band-img:hover {
    transform: scale(1.03)
}

.wcu .band-img-mask {
    overflow: hidden;
    border-radius: 7px 36px 7px 36px;
    position: relative
}

.wcu .band-img-mask::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40%;
    background: linear-gradient(180deg, #6e737159 0%, transparent 100%);
    pointer-events: none;
    border-radius: 7px 36px 0 0
}

.wcu .corner-line {
    position: absolute;
    pointer-events: none
}

.wcu .corner-line.tl {
    top: -12px;
    left: -12px;
    width: 36px;
    height: 36px;
    border-top: 2px solid #AFD1CB;
    border-left: 2px solid #AFD1CB;
    border-radius: 4px 0 0 0
}

.wcu .corner-line.br {
    bottom: -12px;
    right: -12px;
    width: 28px;
    height: 28px;
    border-bottom: 2px solid #8DA29C;
    border-right: 2px solid #8DA29C;
    border-radius: 0 0 4px 0
}

.wcu .band-right {
    flex: 1;
    min-width: 0;
    padding-top: 8px
}

.wcu .band-h1 {
    font-size: 44px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #232826;
    margin: 0 0 16px
}

.wcu .band-desc {
    font-size: 18px;
    line-height: 1.55;
    color: #3a3f3d;
    max-width: 480px;
    margin: 0 0 36px
}

.wcu .stat-row {
    display: flex;
    flex-direction: row;
    gap: 36px;
    margin-top: 36px
}

.wcu .stat-item {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.wcu .stat-num {
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -.03em;
    color: #6E7371;
    font-weight: 700
}

.wcu .stat-lbl {
    font-size: 16px;
    line-height: 1.55;
    color: #5a5f5d;
    letter-spacing: .02em
}

.wcu .sec-reasons {
    padding: 72px 0;
    background: #fff
}

.wcu .reasons-hd {
    text-align: center;
    margin-bottom: 36px
}

.wcu .reasons-hd h2 {
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #232826;
    margin: 0 0 16px
}

.wcu .reasons-hd p {
    font-size: 18px;
    line-height: 1.55;
    color: #4a4f4d;
    max-width: 560px;
    margin: 0 auto
}

.wcu .cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 36px;
    margin-top: 36px
}

.wcu .r-card {
    background: #fff;
    border-radius: 22px;
    padding: 36px 16px;
    text-align: center;
    box-shadow: 0 2px 3px 1px #8da29c0d 0 5px 25px 1px #8da29c17;
    transition: transform .42s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .42s ease-in-out;
    position: relative;
    overflow: hidden
}

.wcu .r-card:hover {
    transform: scale(1.04);
    box-shadow: 0 10px 60px 1px #8da29c1a
}

.wcu .r-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    border-radius: 22px 22px 0 0;
    background: linear-gradient(90deg, #6E7371, #8DA29C, #AFD1CB)
}

.wcu .r-icon {
    width: 48px;
    height: 48px;
    margin: 0 auto 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

.wcu .r-icon svg {
    width: 36px;
    height: 36px
}

.wcu .r-card h3 {
    font-size: 18px;
    line-height: 1.2;
    color: #232826;
    margin: 0 0 8px;
    letter-spacing: -.01em
}

.wcu .r-card p {
    font-size: 16px;
    line-height: 1.55;
    color: #4a4f4d;
    margin: 0
}

.wcu .badge {
    display: inline-block;
    font-size: 16px;
    padding: 4px 16px;
    border-radius: 36px;
    margin-bottom: 16px;
    letter-spacing: .04em
}

.wcu .badge.p {
    background: #6e73711a;
    color: #6E7371
}

.wcu .badge.s {
    background: #8da29c1f;
    color: #5a7a74
}

.wcu .badge.t {
    background: #afd1cb33;
    color: #4a7a73
}

.wcu .sec-proof {
    padding: 72px 0;
    background: #edf1f0;
    position: relative
}

.wcu .sec-proof::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #AFD1CB 0%, #8DA29C 50%, #6E7371 100%)
}

.wcu .proof-inner {
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 36px;
    display: flex;
    flex-direction: row;
    gap: 72px;
    align-items: flex-start
}

.wcu .proof-left {
    flex: 1;
    min-width: 0
}

.wcu .proof-left h2 {
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #232826;
    margin: 0 0 16px
}

.wcu .proof-left>p {
    font-size: 18px;
    line-height: 1.55;
    color: #3a3f3d;
    margin: 0 0 36px
}

.wcu .exp-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.wcu .exp-item {
    background: #fff;
    border-radius: 7px;
    padding: 16px;
    box-shadow: 0 2px 3px 1px #6e73710d;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
    transition: box-shadow .35s ease-in-out
}

.wcu .exp-item:hover {
    box-shadow: 0 5px 25px 1px #6e737117
}

.wcu .exp-dot {
    width: 10px;
    height: 10px;
    border-radius: 4px;
    background: #8DA29C;
    flex-shrink: 0;
    margin-top: 6px
}

.wcu .exp-item p {
    font-size: 16px;
    line-height: 1.55;
    color: #3a3f3d;
    margin: 0
}

.wcu .proof-right {
    flex: 0 0 280px;
    max-width: 280px;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.wcu .proof-img {
    width: 100%;
    height: 360px;
    object-fit: cover;
    border-radius: 36px 7px 36px 7px;
    display: block;
    box-shadow: 0 5px 25px 1px #6e737117;
    transition: transform .4s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.wcu .proof-img:hover {
    transform: scale(1.02)
}

.wcu .proof-img-wrap {
    overflow: hidden;
    border-radius: 36px 7px 36px 7px;
    position: relative
}

.wcu .proof-img-wrap::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 35%;
    background: linear-gradient(180deg, #6e737147 0%, transparent 100%);
    pointer-events: none
}

.wcu .proof-note {
    background: #fff;
    border-radius: 22px;
    padding: 16px;
    text-align: center;
    box-shadow: 0 2px 3px 1px #8da29c0d
}

.wcu .proof-note p {
    font-size: 16px;
    line-height: 1.55;
    color: #4a4f4d;
    margin: 0
}

.wcu .proof-note strong {
    color: #6E7371;
    font-size: 18px
}

.wcu .cta-strip {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    margin-top: 36px;
    flex-wrap: wrap
}

.wcu .btn-ghost {
    display: inline-block;
    font-size: 16px;
    padding: 16px 36px;
    border-radius: 4px;
    border: 2px solid #6E7371;
    color: #6E7371;
    background: transparent;
    text-decoration: none;
    letter-spacing: .04em;
    font-weight: 600;
    cursor: pointer;
    transition: background .38s cubic-bezier(0.34, 1.2, 0.64, 1), color .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.wcu .btn-ghost:hover {
    background: #6E7371;
    color: #fff
}

.wcu .btn-ghost:focus {
    outline: 2px solid #AFD1CB;
    outline-offset: 3px
}

.wcu .btn-sec {
    display: inline-block;
    font-size: 16px;
    padding: 16px 36px;
    border-radius: 4px;
    border: 2px solid #8DA29C;
    color: #8DA29C;
    background: transparent;
    text-decoration: none;
    letter-spacing: .04em;
    font-weight: 600;
    cursor: pointer;
    transition: background .43s ease-in-out, color .43s ease-in-out
}

.wcu .btn-sec:hover {
    background: #8DA29C;
    color: #fff
}

.wcu .btn-sec:focus {
    outline: 2px solid #AFD1CB;
    outline-offset: 3px
}

@media (max-width: 1280px) {
    .wcu .band-inner {
        gap: 36px
    }

    .wcu .proof-inner {
        gap: 36px
    }

    .wcu .band-left {
        flex: 0 0 260px;
        max-width: 260px
    }
}

@media (max-width: 768px) {
    .wcu .band-inner {
        flex-direction: column;
        gap: 36px
    }

    .wcu .band-left {
        display: none
    }

    .wcu .band-h1 {
        font-size: 32px
    }

    .wcu .cards-grid {
        grid-template-columns: 1fr;
        gap: 16px
    }

    .wcu .proof-inner {
        flex-direction: column;
        gap: 36px
    }

    .wcu .proof-right {
        display: none
    }

    .wcu .stat-row {
        gap: 16px;
        flex-wrap: wrap
    }

    .wcu .pg-wrap {
        padding: 0 16px
    }

    .wcu .band-inner {
        padding: 0 16px
    }

    .wcu .proof-inner {
        padding: 0 16px
    }

    .wcu .sec-band {
        padding: 36px 0
    }

    .wcu .sec-reasons {
        padding: 36px 0
    }

    .wcu .sec-proof {
        padding: 36px 0
    }
}

@media (max-width: 480px) {
    .wcu .band-h1 {
        font-size: 24px
    }

    .wcu .reasons-hd h2 {
        font-size: 24px
    }

    .wcu .proof-left h2 {
        font-size: 24px
    }

    .wcu .stat-num {
        font-size: 24px
    }

    .wcu .band-desc {
        font-size: 16px
    }

    .wcu .reasons-hd p {
        font-size: 16px
    }

    .wcu .cta-strip {
        flex-direction: column;
        align-items: flex-start
    }
}

.ab-pg {
    max-width: 100%;
    overflow-x: hidden
}

.ab-pg .wr {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 36px;
    padding-right: 36px
}

.ab-pg .ovl {
    display: block;
    font-size: 16px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #6E7371;
    margin-bottom: 8px
}

.ab-pg .div-sep {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 36px auto
}

.ab-pg .div-sep span {
    width: 6px;
    height: 6px;
    border-radius: 36px;
    background: #8DA29C;
    flex-shrink: 0
}

.ab-pg .div-sep hr {
    width: 72px;
    border: none;
    border-top: 1px solid #AFD1CB;
    margin: 0
}

.ab-pg .anim-word {
    opacity: 0;
    animation: wrd-in .38s cubic-bezier(0.34, 1.2, 0.64, 1) forwards
}

.ab-pg .anim-word:nth-child(1) {
    animation-delay: .05s
}

.ab-pg .anim-word:nth-child(2) {
    animation-delay: .12s
}

.ab-pg .anim-word:nth-child(3) {
    animation-delay: .19s
}

.ab-pg .anim-word:nth-child(4) {
    animation-delay: .26s
}

.ab-pg .anim-word:nth-child(5) {
    animation-delay: .33s
}

.ab-pg .anim-word:nth-child(6) {
    animation-delay: .4s
}

.ab-pg .anim-word:nth-child(7) {
    animation-delay: .47s
}

@keyframes wrd-in {
    from {
        opacity: 0;
        transform: translateY(10px)
    }

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

.ab-pg .ttl-blk {
    padding-top: 72px;
    padding-bottom: 72px;
    background: #fff;
    border-top: 2px solid #AFD1CB;
    border-bottom: 2px solid #AFD1CB
}

.ab-pg .ttl-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 72px
}

.ab-pg .ttl-txt {
    flex: 1 1 0;
    text-align: center
}

.ab-pg .ttl-txt h1 {
    font-size: 44px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #2a2a2a;
    margin: 0 0 16px
}

.ab-pg .ttl-txt h1 em {
    font-style: normal;
    color: #6E7371;
    position: relative
}

.ab-pg .ttl-txt p {
    font-size: 18px;
    line-height: 1.55;
    color: #4a4a4a;
    max-width: 400px;
    margin: 0 auto
}

.ab-pg .ttl-img-z {
    flex: 0 0 340px;
    position: relative
}

.ab-pg .ttl-img-dec {
    position: absolute;
    top: -16px;
    right: -16px;
    width: 120px;
    height: 120px;
    border-radius: 36px;
    background: linear-gradient(135deg, #AFD1CB, #8DA29C, #6E7371);
    z-index: 0;
    pointer-events: none
}

.ab-pg .ttl-img-wrap {
    position: relative;
    z-index: 1;
    width: 340px;
    height: 400px;
    overflow: hidden;
    clip-path: polygon(0 0, 88% 0, 100% 12%, 100% 100%, 12% 100%, 0 88%);
    border-radius: 7px
}

.ab-pg .ttl-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.ab-pg .stry-blk {
    padding-top: 72px;
    padding-bottom: 72px;
    background: linear-gradient(158deg, #f5f9f8 0%, #eaf3f1 55%, #f0f4f3 100%)
}

.ab-pg .stry-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 36px;
    align-items: start
}

.ab-pg .stry-col-a {
    text-align: center
}

.ab-pg .stry-col-a h2 {
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -.01em;
    color: #2a2a2a;
    margin: 0 0 16px
}

.ab-pg .stry-col-a p {
    font-size: 16px;
    line-height: 1.8;
    color: #4a4a4a;
    margin: 0 0 16px
}

.ab-pg .stry-col-b {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 72px
}

.ab-pg .stry-card {
    background: #fff;
    border-radius: 22px;
    padding: 16px 36px;
    box-shadow: 0 5px 25px 1px #6e737117;
    text-align: center;
    transition: transform .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .38s ease-in-out
}

.ab-pg .stry-card:hover {
    transform: scale(1.04);
    box-shadow: 0 10px 60px 1px #6e73711a
}

.ab-pg .stry-card h5 {
    font-size: 16px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #6E7371;
    margin: 0 0 8px
}

.ab-pg .stry-card p {
    font-size: 16px;
    line-height: 1.55;
    color: #4a4a4a;
    margin: 0
}

.ab-pg .stry-imgs {
    display: flex;
    flex-direction: row;
    gap: 16px;
    margin-top: 36px
}

.ab-pg .stry-img-box {
    flex: 1 1 0;
    border-radius: 22px;
    overflow: hidden;
    height: 180px;
    box-shadow: 0 2px 3px 1px #8da29c0d
}

.ab-pg .stry-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .42s ease-in-out
}

.ab-pg .stry-img-box:hover img {
    transform: scale(1.05)
}

.ab-pg .proc-blk {
    padding-top: 72px;
    padding-bottom: 72px;
    background: #fff;
    border-top: 2px solid #AFD1CB
}

.ab-pg .proc-blk .glass-card {
    background: #ffffff8c;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-radius: 36px;
    padding: 36px;
    box-shadow: 0 10px 60px 1px #8da29c1a;
    border: 1px solid #afd1cb59
}

.ab-pg .proc-hd {
    text-align: center;
    margin-bottom: 36px
}

.ab-pg .proc-hd h2 {
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -.01em;
    color: #2a2a2a;
    margin: 0 0 16px
}

.ab-pg .proc-hd p {
    font-size: 16px;
    line-height: 1.55;
    color: #4a4a4a;
    max-width: 520px;
    margin: 0 auto
}

.ab-pg .proc-steps {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start
}

.ab-pg .proc-step {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
    padding: 16px 8px;
    border-radius: 22px;
    transition: background .35s ease-in-out, box-shadow .35s ease-in-out
}

.ab-pg .proc-step:hover {
    background: #afd1cb2e;
    box-shadow: 0 5px 25px 1px #6e737117
}

.ab-pg .step-num {
    width: 48px;
    height: 48px;
    border-radius: 36px;
    background: linear-gradient(135deg, #AFD1CB, #8DA29C, #6E7371);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.ab-pg .step-num span {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2
}

.ab-pg .step-circ {
    width: 8px;
    height: 8px;
    border-radius: 36px;
    background: #AFD1CB;
    flex-shrink: 0;
    margin-top: 4px
}

.ab-pg .proc-step h5 {
    font-size: 16px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #6E7371;
    margin: 0
}

.ab-pg .proc-step p {
    font-size: 16px;
    line-height: 1.55;
    color: #4a4a4a;
    margin: 0
}

.ab-pg .proc-team {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
    margin-top: 36px
}

.ab-pg .tm-card {
    border-radius: 22px;
    padding: 16px;
    background: #fff;
    box-shadow: 0 2px 3px 1px #8da29c0d;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    transition: transform .4s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .4s ease-in-out
}

.ab-pg .tm-card:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 60px 1px #6e73711a
}

.ab-pg .tm-av {
    width: 56px;
    height: 56px;
    border-radius: 36px;
    background: linear-gradient(135deg, #AFD1CB 0%, #8DA29C 60%, #6E7371 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.ab-pg .tm-av span {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2
}

.ab-pg .tm-card h6 {
    font-size: 16px;
    color: #2a2a2a;
    margin: 0;
    line-height: 1.2
}

.ab-pg .tm-card small {
    font-size: 16px;
    color: #6E7371;
    line-height: 1.55
}

@media (max-width: 768px) {
    .ab-pg .ttl-inner {
        flex-direction: column;
        gap: 36px
    }

    .ab-pg .ttl-img-z {
        display: none
    }

    .ab-pg .ttl-txt h1 {
        font-size: 32px
    }

    .ab-pg .stry-grid {
        grid-template-columns: 1fr
    }

    .ab-pg .stry-col-b {
        margin-top: 0
    }

    .ab-pg .stry-imgs {
        display: none
    }

    .ab-pg .proc-steps {
        flex-direction: column
    }

    .ab-pg .proc-team {
        grid-template-columns: 1fr 1fr
    }

    .ab-pg .wr {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media (max-width: 480px) {
    .ab-pg .ttl-txt h1 {
        font-size: 24px
    }

    .ab-pg .proc-team {
        grid-template-columns: 1fr
    }

    .ab-pg .proc-blk .glass-card {
        padding: 16px
    }
}

.ct-us {
    max-width: 100%;
    overflow-x: hidden
}

.ct-us .pg-wrap {
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 16px
}

.ct-us .ovl-tag {
    display: inline-block;
    font-size: 16px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #6E7371;
    background: #6e737114;
    padding: 4px 16px;
    border-radius: 4px;
    margin-bottom: 16px
}

.ct-us .reach-band {
    padding: 72px 0 36px;
    position: relative;
    background: #fff
}

.ct-us .reach-band::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: radial-gradient(circle, #8da29c2e 1px, transparent 1px);
    background-size: 22px 22px;
    background-position: left top;
    pointer-events: none;
    z-index: 0
}

.ct-us .reach-inner {
    display: flex;
    flex-direction: row;
    gap: 72px;
    align-items: flex-start;
    position: relative;
    z-index: 1
}

.ct-us .reach-left {
    flex: 0 0 340px;
    max-width: 340px
}

.ct-us .reach-right {
    flex: 1 1 auto;
    min-width: 0
}

.ct-us .reach-h1 {
    font-size: 44px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #1e2220;
    margin: 0 0 16px
}

.ct-us .reach-desc {
    font-size: 18px;
    line-height: 1.55;
    color: #3a3e3c;
    margin: 0 0 36px
}

.ct-us .reach-img-wrap {
    width: 100%;
    height: 260px;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 5px 25px 1px #6e737117
}

.ct-us .reach-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: sepia(0.18) saturate(1.1) brightness(1.04) contrast(0.97);
    display: block
}

.ct-us .reach-cards {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.ct-us .r-card {
    background: #fff;
    border-radius: 7px;
    padding: 16px;
    box-shadow: 0 2px 3px 1px #6e73710d 0 5px 25px 1px #6e737117;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
    transition: box-shadow .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.ct-us .r-card:hover {
    box-shadow: 0 10px 60px 1px #6e73711a
}

.ct-us .r-icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 7px;
    background: linear-gradient(135deg, #8da29c2e, #afd1cb38);
    display: flex;
    align-items: center;
    justify-content: center
}

.ct-us .r-icon svg {
    width: 20px;
    height: 20px;
    stroke: #6E7371;
    fill: none;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round
}

.ct-us .r-card-body {
    flex: 1 1 auto;
    min-width: 0
}

.ct-us .r-card-label {
    font-size: 16px;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #8DA29C;
    margin: 0 0 4px
}

.ct-us .r-card-val {
    font-size: 18px;
    line-height: 1.55;
    color: #1e2220;
    margin: 0;
    word-break: break-word
}

.ct-us .r-card-val a {
    color: #1e2220;
    text-decoration: none;
    transition: color .35s ease-in-out
}

.ct-us .r-card-val a:hover {
    color: #6E7371
}

.ct-us .form-band {
    padding: 72px 0;
    background: linear-gradient(158deg, #afd1cb21 0%, #8da29c1a 55%, #6e737112 100%);
    position: relative
}

.ct-us .form-band::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, #8da29c4d, #afd1cb66, transparent);
    pointer-events: none
}

.ct-us .form-wrap {
    max-width: 680px;
    margin: 0 auto;
    text-align: center
}

.ct-us .form-sub {
    font-size: 18px;
    line-height: 1.55;
    color: #3a3e3c;
    margin: 0 auto 36px;
    max-width: 520px
}

.ct-us .form-h2 {
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -.015em;
    color: #1e2220;
    margin: 0 0 16px
}

.ct-us .cf {
    background: #fff;
    border-radius: 22px;
    padding: 36px;
    box-shadow: 0 5px 25px 1px #6e737117;
    text-align: left
}

.ct-us .cf-row {
    display: flex;
    flex-direction: row;
    gap: 16px;
    margin-bottom: 16px
}

.ct-us .cf-grp {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1 1 auto;
    min-width: 0
}

.ct-us .cf-grp.full {
    flex: 0 0 100%;
    width: 100%
}

.ct-us .cf-lbl {
    font-size: 16px;
    color: #3a3e3c;
    letter-spacing: .02em
}

.ct-us .cf-inp {
    font-size: 16px;
    line-height: 1.55;
    color: #1e2220;
    background: #f5f7f6;
    border: 1.5px solid #8da29c59;
    border-radius: 7px;
    padding: 8px 16px;
    width: 100%;
    box-sizing: border-box;
    transition: border-color .42s ease-in-out, box-shadow .42s ease-in-out;
    outline: none;
    box-shadow: inset 0 1px 2px #6e73710d
}

.ct-us .cf-inp::placeholder {
    color: #1e222066
}

.ct-us .cf-inp:focus {
    border-color: #8DA29C;
    box-shadow: inset 0 1px 2px #6e73710d 0 0 0 3px #8da29c26
}

.ct-us .cf-sel {
    font-size: 16px;
    line-height: 1.55;
    color: #1e2220;
    background: #f5f7f6;
    border: 1.5px solid #8da29c59;
    border-radius: 7px;
    padding: 8px 16px;
    width: 100%;
    box-sizing: border-box;
    transition: border-color .42s ease-in-out;
    outline: none;
    appearance: none;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236E7371' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 36px
}

.ct-us .cf-sel:focus {
    border-color: #8DA29C
}

.ct-us .cf-ta {
    resize: vertical;
    min-height: 100px
}

.ct-us .cf-mb {
    margin-bottom: 16px
}

.ct-us .cf-privacy {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 16px
}

.ct-us .cf-privacy input[type="checkbox"] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    margin-top: 2px;
    accent-color: #8DA29C;
    cursor: pointer
}

.ct-us .cf-privacy-txt {
    font-size: 16px;
    line-height: 1.55;
    color: #3a3e3c;
    margin: 0
}

.ct-us .cf-privacy-txt a {
    color: #6E7371;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color .35s ease-in-out
}

.ct-us .cf-privacy-txt a:hover {
    color: #1e2220
}

.ct-us .cf-btn {
    display: inline-block;
    font-size: 18px;
    letter-spacing: .03em;
    color: #6E7371;
    background: transparent;
    border: 2px solid #8DA29C;
    border-radius: 7px;
    padding: 8px 36px;
    cursor: pointer;
    transition: background .4s cubic-bezier(0.34, 1.2, 0.64, 1), color .4s cubic-bezier(0.34, 1.2, 0.64, 1), transform .36s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.ct-us .cf-btn:hover {
    background: #8DA29C;
    color: #fff;
    transform: scale(1.04)
}

.ct-us .cf-btn:active {
    transform: scale(0.98)
}

.ct-us .cf-btn:focus-visible {
    outline: 3px solid #AFD1CB;
    outline-offset: 3px
}

@keyframes cf-shake {

    0%,
    100% {
        transform: translateX(0)
    }

    20% {
        transform: translateX(-5px)
    }

    40% {
        transform: translateX(5px)
    }

    60% {
        transform: translateX(-4px)
    }

    80% {
        transform: translateX(4px)
    }
}

.ct-us .cf-btn:invalid {
    animation: cf-shake .4s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.ct-us .cf-btn-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.ct-us .loc-band {
    padding: 72px 0;
    background: #fff;
    position: relative
}

.ct-us .loc-band::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, #AFD1CB, #8DA29C, #6E7371);
    border-radius: 4px
}

.ct-us .loc-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
    margin-top: 36px
}

.ct-us .loc-h2 {
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -.015em;
    color: #1e2220;
    margin: 0 0 8px;
    text-align: center
}

.ct-us .loc-sub {
    font-size: 18px;
    line-height: 1.55;
    color: #3a3e3c;
    text-align: center;
    margin: 0
}

.ct-us .loc-item {
    border-radius: 22px;
    padding: 36px 16px;
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: transform .38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.ct-us .loc-item:hover {
    transform: scale(1.03);
    box-shadow: 0 10px 60px 1px #6e73711a
}

.ct-us .loc-item.a1 {
    background: linear-gradient(158deg, #afd1cb38, #8da29c24);
    box-shadow: 0 2px 3px 1px #6e73710d
}

.ct-us .loc-item.a2 {
    background: linear-gradient(158deg, #8da29c2e, #6e73711a);
    box-shadow: 0 5px 25px 1px #6e737117
}

.ct-us .loc-item.a3 {
    background: linear-gradient(158deg, #6e73711a, #afd1cb2e);
    box-shadow: 0 2px 3px 1px #6e73710d
}

.ct-us .loc-corner-tag {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 16px;
    letter-spacing: .05em;
    background: #8da29c40;
    color: #6E7371;
    padding: 4px 8px;
    border-radius: 4px
}

.ct-us .loc-ico {
    width: 48px;
    height: 48px;
    border-radius: 36px;
    background: #afd1cb59;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px
}

.ct-us .loc-ico svg {
    width: 24px;
    height: 24px;
    stroke: #6E7371;
    fill: none;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round
}

.ct-us .loc-item-h {
    font-size: 18px;
    line-height: 1.2;
    color: #1e2220;
    margin: 0 0 8px;
    font-weight: 600
}

.ct-us .loc-item-p {
    font-size: 16px;
    line-height: 1.55;
    color: #3a3e3c;
    margin: 0
}

.ct-us .loc-item-p a {
    color: #3a3e3c;
    text-decoration: none;
    transition: color .35s ease-in-out
}

.ct-us .loc-item-p a:hover {
    color: #6E7371
}

.ct-us .tl-strip {
    margin-top: 36px;
    border-radius: 7px;
    background: linear-gradient(90deg, #afd1cb26, #8da29c1f, #6e737114);
    padding: 16px 36px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 36px;
    flex-wrap: wrap
}

.ct-us .tl-period {
    font-size: 16px;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #8DA29C;
    flex-shrink: 0
}

.ct-us .tl-events {
    display: flex;
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap;
    flex: 1 1 auto
}

.ct-us .tl-ev {
    font-size: 16px;
    line-height: 1.55;
    color: #3a3e3c;
    background: #ffffffb3;
    border-radius: 4px;
    padding: 4px 8px
}

@keyframes diag-drift {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 60px 60px
    }
}

.ct-us .form-band {
    background-image: repeating-linear-gradient(135deg, #afd1cb12 0px, #afd1cb12 1px, transparent 1px, transparent 30px);
    animation: diag-drift 8s linear infinite
}

@media (max-width: 768px) {
    .ct-us .reach-inner {
        flex-direction: column;
        gap: 36px
    }

    .ct-us .reach-left {
        flex: 0 0 auto;
        max-width: 100%;
        width: 100%
    }

    .ct-us .reach-img-wrap {
        display: none
    }

    .ct-us .cf-row {
        flex-direction: column;
        gap: 16px
    }

    .ct-us .loc-grid {
        grid-template-columns: 1fr
    }

    .ct-us .tl-strip {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        padding: 16px
    }

    .ct-us .cf {
        padding: 16px
    }
}

@media (max-width: 480px) {
    .ct-us .reach-h1 {
        font-size: 32px
    }

    .ct-us .form-h2,
    .ct-us .loc-h2 {
        font-size: 24px
    }

    .ct-us .cf-btn-row {
        justify-content: stretch
    }

    .ct-us .cf-btn {
        width: 100%
    }

    .ct-us .tl-events {
        flex-direction: column;
        gap: 8px
    }
}

@media (min-width: 769px) and (max-width: 1280px) {
    .ct-us .loc-grid {
        grid-template-columns: 1fr 1fr
    }
}

.suc-pg {
    min-height: 80vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 72px 16px;
    background: #fff
}

.suc-pg .suc-wrap {
    max-width: 1024px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 36px
}

.suc-pg .suc-icon {
    width: 72px;
    height: 72px;
    flex-shrink: 0
}

.suc-pg .suc-icon circle {
    fill: none;
    stroke: #AFD1CB;
    stroke-width: 2.5
}

.suc-pg .suc-icon polyline {
    fill: none;
    stroke: #6E7371;
    stroke-width: 2.8;
    stroke-linecap: round;
    stroke-linejoin: round
}

.suc-pg .suc-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    max-width: 520px
}

.suc-pg .suc-over {
    font-size: 16px;
    letter-spacing: .12em;
    color: #8DA29C;
    text-transform: uppercase;
    line-height: 1.2
}

.suc-pg .suc-ttl {
    font-size: 44px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #2a2e2c;
    margin: 0
}

.suc-pg .suc-txt {
    font-size: 18px;
    line-height: 1.55;
    color: #4a4e4c;
    margin: 0;
    max-width: 420px
}

.suc-pg .suc-divider {
    width: 48px;
    height: 2px;
    background: linear-gradient(90deg, #6E7371, #8DA29C, #AFD1CB);
    border-radius: 4px
}

.suc-pg .suc-card {
    background: #fff;
    border: 1px solid #e8edeb;
    border-radius: 22px;
    padding: 36px;
    max-width: 460px;
    width: 100%;
    box-shadow: 0 5px 25px 1px #6e737117;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center
}

.suc-pg .suc-card .suc-card-lbl {
    font-size: 16px;
    letter-spacing: .06em;
    color: #8DA29C;
    line-height: 1.2
}

.suc-pg .suc-card .suc-card-val {
    font-size: 18px;
    color: #2a2e2c;
    line-height: 1.55
}

.suc-pg .suc-card .suc-card-val a {
    color: #6E7371;
    text-decoration: none;
    transition: color .38s cubic-bezier(0.34, 1.2, 0.64, 1)
}

.suc-pg .suc-card .suc-card-val a:hover {
    color: #8DA29C
}

.suc-pg .suc-actions {
    display: flex;
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: center
}

.suc-pg .suc-btn {
    display: inline-block;
    padding: 16px 36px;
    border-radius: 7px;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: .04em;
    text-decoration: none;
    cursor: pointer;
    border: 1.5px solid #6E7371;
    background: transparent;
    color: #6E7371;
    transition: background .42s cubic-bezier(0.34, 1.2, 0.64, 1), color .42s cubic-bezier(0.34, 1.2, 0.64, 1), transform .35s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow .35s ease-in-out;
    box-shadow: 0 2px 3px 1px #6e73710d
}

.suc-pg .suc-btn:hover {
    background: #6E7371;
    color: #fff;
    transform: scale(1.04);
    box-shadow: 0 5px 25px 1px #6e737117
}

.suc-pg .suc-btn:focus-visible {
    outline: 2px solid #8DA29C;
    outline-offset: 3px
}

.suc-pg .suc-btn.alt {
    border-color: #AFD1CB;
    color: #4a4e4c
}

.suc-pg .suc-btn.alt:hover {
    background: #AFD1CB;
    color: #2a2e2c;
    border-color: #AFD1CB
}

@media (max-width: 480px) {
    .suc-pg {
        padding: 72px 16px
    }

    .suc-pg .suc-ttl {
        font-size: 32px
    }

    .suc-pg .suc-card {
        padding: 36px 16px
    }

    .suc-pg .suc-actions {
        flex-direction: column;
        align-items: stretch
    }

    .suc-pg .suc-btn {
        text-align: center
    }
}