* {
    box-sizing: border-box;
}

body {
    margin: 0;
    overscroll-behavior: contain;
    overflow-x: hidden;
}

.site-header {
    position: relative;
    background: linear-gradient(135deg, #ffffff 0%, #EAEAE0 60%, #DBC59D22 100%);
    border-bottom: 1px solid #BEBA3D33;
    box-shadow: 2px 5px 20px -1px rgba(186, 186, 61, 0.11);
    z-index: 100;
    padding: 0;
}

.header-top-strip {
    background: linear-gradient(90deg, #BEBA3D 0%, #DBC59D 100%);
    padding: 4px 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}

.header-top-strip .contact-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 16px;
    line-height: 1.35;
    color: #2a2a00;
    text-decoration: none;
    letter-spacing: 0.02em;
    transition: color 0.38s cubic-bezier(0.34, 1.2, 0.64, 1);
}

.header-top-strip .contact-item:hover,
.header-top-strip .contact-item:focus {
    color: #1a1200;
    outline: none;
}

.header-top-strip .contact-item:focus-visible {
    outline: 2px solid #2a2a00;
    outline-offset: 2px;
    border-radius: 1px;
}

.header-top-strip .strip-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.header-body {
    max-width: 1280px;
    margin: 0 auto;
    padding: 20px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.brand-block {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-shrink: 0;
}

.brand-tagline-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.brand-name {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 37px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: #2a2600;
    text-decoration: none;
    display: block;
    transition: color 0.35s ease-in-out;
}

.brand-name:hover,
.brand-name:focus {
    color: #8a8600;
    outline: none;
}

.brand-name:focus-visible {
    outline: 2px solid #BEBA3D;
    outline-offset: 4px;
    border-radius: 1px;
}

.brand-tagline {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 16px;
    line-height: 1.35;
    letter-spacing: 0.04em;
    color: #6a6200;
    font-style: italic;
}

.logo-container {
    border: 2px solid #BEBA3D;
    border-radius: 8px;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 2px 1px 4px -1px rgba(186, 186, 61, 0.08);
    background: #ffffff;
    flex-shrink: 0;
}

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

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

.primary-nav .nav-link {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 16px;
    line-height: 1.35;
    letter-spacing: 0.02em;
    color: #2a2600;
    text-decoration: none;
    padding: 8px 20px;
    border-radius: 8px;
    border: 1px solid transparent;
    display: inline-block;
    min-height: 44px;
    display: flex;
    align-items: center;
    transition: border-color 0.33s cubic-bezier(0.34, 1.2, 0.64, 1), background 0.40s cubic-bezier(0.34, 1.2, 0.64, 1), color 0.36s ease-in-out;
    white-space: nowrap;
}

.primary-nav .nav-link:hover {
    border-color: #BEBA3D;
    background: linear-gradient(120deg, #BEBA3D18 0%, #DBC59D22 100%);
    color: #1a1200;
}

.primary-nav .nav-link:focus-visible {
    outline: 2px solid #BEBA3D;
    outline-offset: 2px;
    border-radius: 8px;
}

.primary-nav .nav-link.active {
    border-color: #BEBA3D;
    background: linear-gradient(120deg, #BEBA3D22 0%, #DBC59D30 100%);
    color: #1a1200;
}

.credential-badge {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 20px;
    border-radius: 22px;
    border: 1px solid #DBC59D;
    background: linear-gradient(90deg, #EAEAE0 0%, #DBC59D30 100%);
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 16px;
    line-height: 1.35;
    color: #4a4200;
    letter-spacing: 0.03em;
    flex-shrink: 0;
    white-space: nowrap;
}

.credential-badge .badge-icon {
    flex-shrink: 0;
}

@media (max-width: 1024px) {
    .header-body {
        padding: 20px;
        gap: 20px;
        flex-wrap: wrap;
    }

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

    .brand-block {
        order: 1;
    }

    .credential-badge {
        order: 2;
    }
}

@media (max-width: 768px) {
    .header-top-strip {
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px;
    }

    .header-body {
        padding: 20px;
        gap: 20px;
    }

    .brand-name {
        font-size: 37px;
    }

    .primary-nav .nav-link {
        padding: 8px 12px;
        font-size: 16px;
    }

    .credential-badge {
        display: none;
    }
}

@media (max-width: 320px) {
    .brand-name {
        font-size: 16px;
    }

    .logo-container img {
        width: 48px;
        height: 48px;
    }
}

.site-footer {
    background: linear-gradient(160deg, #2a2600 0%, #1c1800 100%);
    padding: 80px 0 0 0;
    position: relative;
}

.footer-main {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 40px 40px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    flex-wrap: wrap;
}

.footer-brand-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.footer-logo-wrap {
    border: 2px solid #BEBA3D;
    border-radius: 8px;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 2px 8px 44px -1px rgba(186, 186, 61, 0.10);
    background: #ffffff;
}

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

.footer-brand-name {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 37px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: #BEBA3D;
    text-align: center;
}

.footer-brand-tagline {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 16px;
    line-height: 1.55;
    letter-spacing: 0.03em;
    color: #DBC59D;
    font-style: italic;
    text-align: center;
    max-width: 280px;
}

.footer-nav-group {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footer-nav-group .fnav-label {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 16px;
    line-height: 1.35;
    letter-spacing: 0.06em;
    color: #BEBA3D;
    font-weight: 700;
    text-transform: uppercase;
}

.footer-nav-group .fnav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.footer-nav-group .fnav-list li a {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 16px;
    line-height: 1.55;
    letter-spacing: 0.02em;
    color: #DBC59D;
    text-decoration: none;
    padding: 4px 0;
    display: inline-block;
    border-bottom: 1px solid transparent;
    transition: color 0.36s ease-in-out, border-color 0.42s cubic-bezier(0.34, 1.2, 0.64, 1);
}

.footer-nav-group .fnav-list li a:hover {
    color: #BEBA3D;
    border-bottom-color: #BEBA3D55;
}

.footer-nav-group .fnav-list li a:focus-visible {
    outline: 2px solid #BEBA3D;
    outline-offset: 2px;
    border-radius: 1px;
}

.footer-contact-block {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footer-contact-block .contact-label {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 16px;
    line-height: 1.35;
    letter-spacing: 0.06em;
    color: #BEBA3D;
    font-weight: 700;
    text-transform: uppercase;
}

.footer-contact-block .contact-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.footer-contact-block .contact-list li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.footer-contact-block .contact-list li a,
.footer-contact-block .contact-list li span {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 16px;
    line-height: 1.55;
    letter-spacing: 0.02em;
    color: #DBC59D;
    text-decoration: none;
    transition: color 0.38s ease-in-out;
}

.footer-contact-block .contact-list li a:hover {
    color: #BEBA3D;
}

.footer-contact-block .contact-list li a:focus-visible {
    outline: 2px solid #BEBA3D;
    outline-offset: 2px;
    border-radius: 1px;
}

.footer-contact-block .cicon {
    flex-shrink: 0;
    margin-top: 4px;
}

.footer-divider {
    border: none;
    border-top: 1px solid #BEBA3D33;
    margin: 0;
}

.footer-bottom {
    max-width: 1280px;
    margin: 0 auto;
    padding: 20px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.footer-bottom .copyright {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 16px;
    line-height: 1.35;
    letter-spacing: 0.02em;
    color: #8a7a50;
}

.footer-bottom .legal-links {
    display: flex;
    align-items: center;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}

.footer-bottom .legal-links li a {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 16px;
    line-height: 1.35;
    letter-spacing: 0.02em;
    color: #8a7a50;
    text-decoration: none;
    transition: color 0.36s ease-in-out;
}

.footer-bottom .legal-links li a:hover {
    color: #DBC59D;
}

.footer-bottom .legal-links li a:focus-visible {
    outline: 2px solid #BEBA3D;
    outline-offset: 2px;
    border-radius: 1px;
}

@media (max-width: 768px) {
    .footer-main {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 0 20px 40px 20px;
    }

    .footer-contact-block .contact-list li {
        justify-content: center;
    }

    .footer-bottom {
        flex-direction: column;
        align-items: center;
        padding: 20px;
    }

    .footer-bottom .legal-links {
        justify-content: center;
    }
}

@media (max-width: 320px) {
    .footer-main {
        padding: 0 8px 40px 8px;
    }
}

.consent-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 8000;
    background: #ffffff;
    border-bottom: 2px solid #BEBA3D;
    box-shadow: 2px 8px 44px -1px rgba(186, 186, 61, 0.10);
    padding: 20px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    transform: translateY(-100%);
    transition: transform 0.42s cubic-bezier(0.34, 1.2, 0.64, 1);
}

.consent-bar.visible {
    transform: translateY(0);
}

.consent-bar.hiding {
    transform: translateY(-100%);
}

.consent-text {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 16px;
    line-height: 1.55;
    letter-spacing: 0.01em;
    color: #2a2600;
    flex: 1;
    min-width: 200px;
}

.consent-text .data-uses {
    margin: 4px 0 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.consent-text .data-uses li {
    font-size: 16px;
    line-height: 1.35;
    color: #6a6200;
    position: relative;
    padding-left: 12px;
}

.consent-text .data-uses li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #BEBA3D;
}

.consent-actions {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-shrink: 0;
}

.consent-btn {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 16px;
    line-height: 1.35;
    letter-spacing: 0.02em;
    color: #2a2600;
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px 0;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.34s ease-in-out;
}

.consent-btn:hover {
    color: #8a8600;
}

.consent-btn:focus-visible {
    outline: 2px solid #BEBA3D;
    outline-offset: 2px;
    border-radius: 1px;
}

.consent-btn.primary-action {
    color: #1a1200;
    font-weight: 700;
}

@media (max-width: 768px) {
    .consent-bar {
        padding: 20px;
        flex-direction: column;
        align-items: flex-start;
    }

    .consent-actions {
        width: 100%;
        justify-content: flex-end;
    }
}

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

.intrvw-pg .bounded {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
}

@media (max-width: 768px) {
    .intrvw-pg .bounded {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.intrvw-pg ::selection {
    background: linear-gradient(90deg, #BEBA3D, #DBC59D);
    color: #1a1a1a;
}

.intrvw-pg .geo-circle {
    position: absolute;
    border-radius: 50%;
    border: 1px solid #BEBA3D;
    opacity: 0.07;
    pointer-events: none;
}

.intrvw-pg .seg-bar {
    display: flex;
    flex-direction: row;
    gap: 4px;
}

.intrvw-pg .seg-bar .seg {
    height: 6px;
    border-radius: 1px;
    background: #EAEAE0;
    flex: 1;
    transition: background 0.38s cubic-bezier(0.34, 1.2, 0.64, 1);
}

.intrvw-pg .seg-bar .seg.filled {
    background: linear-gradient(180deg, #BEBA3D, #DBC59D);
}

.intrvw-pg .num-ring {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    flex-shrink: 0;
}

.intrvw-pg .num-ring svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 48px;
}

.intrvw-pg .num-ring .ring-num {
    font-size: 16px;
    font-weight: 700;
    color: #2a2a18;
    position: relative;
    z-index: 1;
}

.intrvw-pg .blurred-divider {
    height: 40px;
    background: linear-gradient(180deg, transparent, rgba(186, 186, 61, 0.08), transparent);
    filter: blur(4px);
}

.intrvw-pg .blurred-divider-alt {
    height: 40px;
    background: linear-gradient(180deg, transparent, rgba(219, 197, 157, 0.12), transparent);
    filter: blur(6px);
}

.intrvw-pg .panel-a {
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
    background: #fff;
    animation: gradshift 8s ease-in-out infinite;
}

@keyframes gradshift {
    0% {
        background-color: #fff;
    }

    50% {
        background-color: #f7f6e8;
    }

    100% {
        background-color: #fff;
    }
}

.intrvw-pg .panel-a .split-row {
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: stretch;
}

.intrvw-pg .panel-a .img-col {
    flex: 0 0 340px;
    position: relative;
}

.intrvw-pg .panel-a .img-wrap {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 2px 8px 44px -1px rgba(186, 186, 61, 0.10);
    aspect-ratio: 16/9;
    width: 100%;
}

.intrvw-pg .panel-a .img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: filter 0.42s ease-in-out;
}

.intrvw-pg .panel-a .img-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(186, 186, 61, 0.18);
    border-radius: 14px;
    pointer-events: none;
    transition: opacity 0.38s cubic-bezier(0.34, 1.2, 0.64, 1);
    opacity: 1;
}

.intrvw-pg .panel-a .img-wrap:hover::after {
    opacity: 0.06;
}

.intrvw-pg .panel-a .img-wrap:hover img {
    filter: brightness(0.88) contrast(1.08);
}

.intrvw-pg .panel-a .img-wrap .vignette {
    position: absolute;
    inset: 0;
    border-radius: 14px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.44s cubic-bezier(0.34, 1.2, 0.64, 1);
    background: radial-gradient(ellipse at center, transparent 40%, rgba(30, 28, 5, 0.55) 100%);
}

.intrvw-pg .panel-a .img-wrap:hover .vignette {
    opacity: 1;
}

.intrvw-pg .panel-a .geo-a {
    width: 180px;
    height: 180px;
    top: -40px;
    right: -40px;
}

.intrvw-pg .panel-a .geo-b {
    width: 90px;
    height: 90px;
    bottom: 20px;
    left: -20px;
}

.intrvw-pg .panel-a .txt-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    padding-left: 20px;
    border-left: 1px solid rgba(186, 186, 61, 0.22);
}

.intrvw-pg .panel-a .lbl-tag {
    display: inline-block;
    font-size: 16px;
    letter-spacing: 0.08em;
    color: #7a7820;
    font-weight: 600;
    text-transform: uppercase;
    padding: 4px 8px;
    border: 1px solid rgba(186, 186, 61, 0.35);
    border-radius: 8px;
    width: fit-content;
}

.intrvw-pg .panel-a .main-head {
    font-size: 52px;
    line-height: 1.1;
    letter-spacing: -0.02em;
    font-weight: 800;
    color: transparent;
    -webkit-text-stroke: 2px #2a2a18;
    margin: 0;
}

.intrvw-pg .panel-a .pt-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.intrvw-pg .panel-a .pt-list li {
    font-size: 16px;
    line-height: 1.55;
    color: #3a3820;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 8px;
}

.intrvw-pg .panel-a .pt-list li::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #BEBA3D;
    margin-top: 7px;
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .intrvw-pg .panel-a .split-row {
        flex-direction: column;
    }

    .intrvw-pg .panel-a .img-col {
        flex: none;
        width: 100%;
    }

    .intrvw-pg .panel-a .txt-col {
        padding-left: 0;
        border-left: none;
        border-top: 1px solid rgba(186, 186, 61, 0.22);
        padding-top: 20px;
    }

    .intrvw-pg .panel-a .main-head {
        font-size: 37px;
    }
}

.intrvw-pg .panel-b {
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
    background: #EAEAE0;
}

.intrvw-pg .panel-b .geo-c {
    width: 260px;
    height: 260px;
    top: -60px;
    right: 80px;
}

.intrvw-pg .panel-b .geo-d {
    width: 120px;
    height: 120px;
    bottom: 40px;
    left: 40px;
}

.intrvw-pg .panel-b .q-head {
    font-size: 37px;
    line-height: 1.1;
    letter-spacing: -0.01em;
    font-weight: 700;
    color: transparent;
    -webkit-text-stroke: 1.5px #2a2a18;
    margin: 0 0 40px 0;
    max-width: 640px;
}

.intrvw-pg .panel-b .qa-stack {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.intrvw-pg .panel-b .qa-item {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 20px;
    align-items: start;
    padding: 20px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 2px 1px 4px -1px rgba(186, 186, 61, 0.08);
    transition: box-shadow 0.35s cubic-bezier(0.34, 1.2, 0.64, 1);
}

.intrvw-pg .panel-b .qa-item:hover {
    box-shadow: 2px 5px 20px -1px rgba(186, 186, 61, 0.11);
}

.intrvw-pg .panel-b .qa-item .qa-body {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.intrvw-pg .panel-b .qa-item .question {
    font-size: 16px;
    line-height: 1.35;
    font-weight: 700;
    color: #2a2a18;
    margin: 0;
}

.intrvw-pg .panel-b .qa-item .answer {
    font-size: 16px;
    line-height: 1.55;
    color: #4a4830;
    margin: 0;
}

.intrvw-pg .panel-b .qa-item .answer.first-ans {
    padding: 8px;
    background: rgba(186, 186, 61, 0.08);
    border-radius: 8px;
    box-shadow: inset 0 3px 6px rgba(219, 197, 157, 0.18);
}

.intrvw-pg .panel-b .skill-rows {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.intrvw-pg .panel-b .skill-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

.intrvw-pg .panel-b .skill-lbl {
    font-size: 16px;
    color: #3a3820;
    font-weight: 600;
    min-width: 160px;
}

.intrvw-pg .panel-b .skill-bar {
    flex: 1;
}

@media (max-width: 768px) {
    .intrvw-pg .panel-b .q-head {
        font-size: 37px;
    }

    .intrvw-pg .panel-b .skill-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .intrvw-pg .panel-b .skill-lbl {
        min-width: unset;
    }

    .intrvw-pg .panel-b .qa-item {
        grid-template-columns: 1fr;
    }
}

.intrvw-pg .panel-c {
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
    background: #fff;
}

.intrvw-pg .panel-c .geo-e {
    width: 200px;
    height: 200px;
    bottom: 40px;
    right: 60px;
}

.intrvw-pg .panel-c .c-head {
    font-size: 37px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: transparent;
    -webkit-text-stroke: 1.5px #2a2a18;
    margin: 0 0 40px 0;
}

.intrvw-pg .panel-c .c-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.intrvw-pg .panel-c .c-card {
    padding: 20px;
    border-radius: 14px;
    border: 1px solid rgba(186, 186, 61, 0.28);
    display: flex;
    flex-direction: column;
    gap: 8px;
    transition: border-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
}

.intrvw-pg .panel-c .c-card:hover {
    border-color: #BEBA3D;
    box-shadow: 2px 5px 20px -1px rgba(186, 186, 61, 0.11);
}

.intrvw-pg .panel-c .c-card .card-num {
    font-size: 37px;
    font-weight: 800;
    line-height: 1.1;
    color: #BEBA3D;
    letter-spacing: -0.02em;
}

.intrvw-pg .panel-c .c-card .card-lbl {
    font-size: 16px;
    font-weight: 700;
    color: #2a2a18;
    line-height: 1.35;
}

.intrvw-pg .panel-c .c-card .card-desc {
    font-size: 16px;
    line-height: 1.55;
    color: #4a4830;
    margin: 0;
}

.intrvw-pg .panel-c .cta-row {
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap;
}

.intrvw-pg .panel-c .btn-main {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: #2a2a18;
    padding: 8px 20px;
    border-radius: 8px;
    border: 2px solid #BEBA3D;
    background: transparent;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.35s cubic-bezier(0.34, 1.2, 0.64, 1), color 0.35s cubic-bezier(0.34, 1.2, 0.64, 1);
}

.intrvw-pg .panel-c .btn-main:hover {
    background: linear-gradient(200deg, #BEBA3D, #DBC59D);
    color: #1a1900;
}

.intrvw-pg .panel-c .btn-main:focus {
    outline: 2px solid #BEBA3D;
    outline-offset: 4px;
}

.intrvw-pg .panel-c .btn-sec {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #5a5820;
    padding: 8px 20px;
    border-radius: 8px;
    border: 1px solid rgba(186, 186, 61, 0.4);
    background: transparent;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.42s ease-in-out, border-color 0.42s ease-in-out;
}

.intrvw-pg .panel-c .btn-sec:hover {
    background: rgba(186, 186, 61, 0.1);
    border-color: #BEBA3D;
}

.intrvw-pg .panel-c .btn-sec:focus {
    outline: 2px solid #DBC59D;
    outline-offset: 4px;
}

@media (max-width: 768px) {
    .intrvw-pg .panel-c .c-grid {
        grid-template-columns: 1fr;
    }

    .intrvw-pg .panel-c .c-head {
        font-size: 37px;
    }
}

@media (max-width: 1024px) {
    .intrvw-pg .panel-c .c-grid {
        grid-template-columns: 1fr 1fr;
    }
}

.success-page {
    min-height: 60vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 20px;
    background: linear-gradient(to top, #BEBA3D08, #fff);
}

.success-page .success-wrap {
    max-width: 560px;
    width: 100%;
    text-align: center;
    padding: 40px;
    border-radius: 14px;
    box-shadow: 2px 5px 20px -1px rgba(186, 186, 61, 0.11);
    background: #fff;
    border: 1px solid #EAEAE0;
}

.success-page .success-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.success-page .success-icon svg {
    width: 64px;
    height: 64px;
}

.success-page .success-heading {
    font-size: 37px;
    line-height: 1.1;
    letter-spacing: -0.02em;
    font-weight: 700;
    color: #2a2a18;
    margin-bottom: 20px;
    -webkit-text-stroke: 1px #BEBA3D;
    color: transparent;
}

.success-page .success-text {
    font-size: 16px;
    line-height: 1.55;
    color: #3a3a2a;
    margin-bottom: 8px;
}

.success-page .success-note {
    font-size: 16px;
    line-height: 1.35;
    color: #6a6a4a;
    margin-bottom: 40px;
    padding: 8px 20px;
    background: #EAEAE0;
    border-radius: 8px;
    display: inline-block;
}

.success-page .success-actions {
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.success-page .btn-primary {
    display: inline-block;
    padding: 8px 40px;
    font-size: 16px;
    line-height: 1.55;
    color: #2a2a18;
    border: 1.5px solid #BEBA3D;
    border-radius: 8px;
    background: transparent;
    text-decoration: none;
    transition: background 0.38s cubic-bezier(0.34, 1.2, 0.64, 1), color 0.38s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow 0.42s ease-in-out;
}

.success-page .btn-primary:hover,
.success-page .btn-primary:focus {
    background: linear-gradient(to top, #BEBA3D, #DBC59D);
    color: #fff;
    box-shadow: 2px 8px 44px -1px rgba(186, 186, 61, 0.10);
    outline: none;
}

.success-page .btn-secondary {
    display: inline-block;
    padding: 8px 40px;
    font-size: 16px;
    line-height: 1.55;
    color: #6a6a4a;
    border: 1.5px solid #DBC59D;
    border-radius: 8px;
    background: transparent;
    text-decoration: none;
    transition: background 0.35s ease-in-out, color 0.35s ease-in-out;
}

.success-page .btn-secondary:hover,
.success-page .btn-secondary:focus {
    background: #EAEAE0;
    color: #2a2a18;
    outline: none;
}

@media (max-width: 768px) {
    .success-page {
        padding: 40px 20px;
    }

    .success-page .success-wrap {
        padding: 40px 20px;
    }

    .success-page .success-actions {
        flex-direction: column;
        gap: 8px;
        align-items: center;
    }
}

.doc-text {
    max-width: 1280px;
    margin: 0 auto;
    padding: 80px 40px;
    color: #2a2410;
}

.doc-text p {
    font-size: 16px;
    line-height: 1.55;
    letter-spacing: 0.01em;
    margin-bottom: 20px;
    color: #2a2410;
}

.doc-text ul,
.doc-text ol {
    margin: 0 0 20px 0;
    padding-left: 40px;
}

.doc-text li {
    font-size: 16px;
    line-height: 1.55;
    color: #2a2410;
    margin-bottom: 8px;
}

.doc-text ul li {
    list-style-type: disc;
}

.doc-text ol li {
    list-style-type: decimal;
}

.doc-text strong,
.doc-text b {
    font-weight: 700;
    color: #1e1a08;
}

.doc-text a {
    color: #8a8412;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.35s cubic-bezier(0.34, 1.2, 0.64, 1), text-decoration-color 0.38s ease-in-out;
    text-decoration-color: rgba(190, 186, 61, 0.45);
}

.doc-text a:hover {
    color: #BEBA3D;
    text-decoration-color: #BEBA3D;
}

.doc-text a:focus-visible {
    outline: 2px solid #BEBA3D;
    outline-offset: 2px;
    border-radius: 1px;
}

.doc-text table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 40px;
    font-size: 16px;
    box-shadow: 2px 5px 20px -1px rgba(190, 186, 61, 0.11);
    border-radius: 8px;
    overflow: hidden;
}

.doc-text thead {
    background: linear-gradient(135deg, #BEBA3D 0%, #DBC59D 100%);
}

.doc-text thead th {
    color: #1e1a08;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0.02em;
    padding: 20px;
    text-align: left;
}

.doc-text tbody tr {
    border-bottom: 1px solid #EAEAE0;
    transition: background-color 0.33s ease-in-out;
}

.doc-text tbody tr:last-child {
    border-bottom: none;
}

.doc-text tbody tr:nth-child(even) {
    background-color: rgba(234, 234, 224, 0.4);
}

.doc-text tbody tr:hover {
    background-color: rgba(219, 197, 157, 0.18);
}

.doc-text td {
    padding: 20px;
    font-size: 16px;
    line-height: 1.55;
    color: #2a2410;
    vertical-align: top;
}

.doc-text div {
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .doc-text {
        padding: 40px 20px;
    }

    .doc-text table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .doc-text ul,
    .doc-text ol {
        padding-left: 20px;
    }
}

@media (max-width: 320px) {
    .doc-text {
        padding: 20px 8px;
    }
}

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

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

.ct-us ::selection {
    background: linear-gradient(90deg, #BEBA3D, #DBC59D);
    color: #1a1a1a;
}

.ct-us .reach-band {
    background: linear-gradient(to top, #BEBA3D 0%, #ffffff 100%);
    padding: 80px 20px 40px;
    position: relative;
}

.ct-us .reach-band::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 0;
}

.ct-us .reach-inner {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 40px;
    position: relative;
    z-index: 1;
}

.ct-us .reach-frame {
    flex: 0 0 340px;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 2px 8px 44px -1px rgba(190, 186, 61, 0.10);
    position: relative;
    min-height: 260px;
}

.ct-us .reach-frame-bg {
    width: 100%;
    height: 100%;
    min-height: 260px;
    background: linear-gradient(to top, #BEBA3D 0%, #DBC59D 55%, #EAEAE0 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.ct-us .reach-frame-bg::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60%;
    background: rgba(219, 197, 157, 0.35);
    filter: blur(18px);
    border-radius: 0 0 14px 14px;
    pointer-events: none;
}

.ct-us .reach-geo {
    width: 120px;
    height: 120px;
    position: relative;
    z-index: 1;
}

.ct-us .reach-geo-outer {
    width: 120px;
    height: 120px;
    border-radius: 22px;
    border: 2px solid rgba(190, 186, 61, 0.5);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.55);
    box-shadow: 2px 5px 20px -1px rgba(190, 186, 61, 0.11);
}

.ct-us .reach-geo-inner {
    width: 72px;
    height: 72px;
    border-radius: 14px;
    background: linear-gradient(to top, #BEBA3D 0%, #ffffff 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 2px 1px 4px -1px rgba(190, 186, 61, 0.08);
}

.ct-us .reach-geo-inner svg {
    width: 36px;
    height: 36px;
}

.ct-us .reach-strokes {
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    opacity: 0.45;
}

.ct-us .reach-strokes span {
    display: block;
    height: 2px;
    background: #BEBA3D;
    border-radius: 1px;
}

.ct-us .reach-strokes span:nth-child(1) {
    width: 28px;
}

.ct-us .reach-strokes span:nth-child(2) {
    width: 20px;
}

.ct-us .reach-strokes span:nth-child(3) {
    width: 24px;
}

.ct-us .reach-strokes span:nth-child(4) {
    width: 16px;
}

.ct-us .reach-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 0;
}

.ct-us .reach-label {
    font-size: 16px;
    line-height: 1.35;
    letter-spacing: 0.12em;
    color: #5a5200;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.ct-us .reach-heading {
    font-size: 52px;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: transparent;
    -webkit-text-stroke: 2px #2d2a00;
    margin-bottom: 20px;
    font-weight: 800;
}

.ct-us .reach-desc {
    font-size: 16px;
    line-height: 1.55;
    color: #2d2a00;
    max-width: 520px;
}

.ct-us .reach-desc.first-p {
    background: rgba(219, 197, 157, 0.28);
    border-radius: 8px;
    padding: 8px 20px;
    margin-bottom: 8px;
}

.ct-us .reach-desc+.reach-desc {
    margin-top: 8px;
}

.ct-us .wave-div {
    display: block;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.ct-us .wave-div svg {
    display: block;
    width: 100%;
}

.ct-us .form-band {
    background: #ffffff;
    padding: 40px 20px 40px;
}

.ct-us .form-inner {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: flex-start;
}

.ct-us .form-aside {
    flex: 0 0 260px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 8px;
}

.ct-us .contact-card {
    border-radius: 14px;
    border: 1.5px solid #EAEAE0;
    padding: 20px;
    box-shadow: 2px 1px 4px -1px rgba(190, 186, 61, 0.08);
    display: flex;
    flex-direction: column;
    gap: 8px;
    transition: box-shadow 0.38s cubic-bezier(0.34, 1.2, 0.64, 1);
}

.ct-us .contact-card:hover {
    box-shadow: 2px 5px 20px -1px rgba(190, 186, 61, 0.11);
}

.ct-us .card-ico {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: linear-gradient(to top, #BEBA3D 0%, #EAEAE0 100%);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ct-us .card-ico svg {
    width: 18px;
    height: 18px;
}

.ct-us .card-lbl {
    font-size: 16px;
    letter-spacing: 0.08em;
    color: #7a7200;
    text-transform: uppercase;
    line-height: 1.35;
}

.ct-us .card-val {
    font-size: 16px;
    line-height: 1.55;
    color: #1e1c00;
    word-break: break-word;
}

.ct-us .card-val a {
    color: #5a5200;
    text-decoration: underline;
    text-decoration-color: #BEBA3D;
    transition: color 0.33s ease-in-out;
}

.ct-us .card-val a:hover {
    color: #BEBA3D;
}

.ct-us .form-main {
    flex: 1;
}

.ct-us .form-heading {
    font-size: 37px;
    line-height: 1.1;
    letter-spacing: -0.01em;
    color: transparent;
    -webkit-text-stroke: 1.5px #2d2a00;
    margin-bottom: 20px;
    font-weight: 700;
}

.ct-us .cf {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ct-us .cf-row {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.ct-us .cf-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

.ct-us .cf-label {
    font-size: 16px;
    line-height: 1.35;
    color: #3a3700;
    letter-spacing: 0.04em;
}

.ct-us .cf-label .req {
    color: #BEBA3D;
    margin-left: 2px;
}

.ct-us .cf-input {
    border-radius: 8px;
    border: 1.5px solid #EAEAE0;
    padding: 8px 20px;
    font-size: 16px;
    line-height: 1.55;
    color: #1e1c00;
    background: #fdfdf8;
    box-shadow: inset 0 3px 6px rgba(190, 186, 61, 0.06);
    transition: border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out;
    width: 100%;
    outline: none;
}

.ct-us .cf-input::placeholder {
    color: #b0aa60;
}

.ct-us .cf-input:focus {
    border-color: #BEBA3D;
    box-shadow: inset 0 3px 6px rgba(190, 186, 61, 0.06), 0 0 0 3px rgba(190, 186, 61, 0.18);
}

.ct-us .rating-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ct-us .rating-lbl {
    font-size: 16px;
    line-height: 1.35;
    color: #3a3700;
    letter-spacing: 0.04em;
}

.ct-us .rating-opts {
    display: flex;
    flex-direction: row;
    gap: 8px;
    flex-wrap: wrap;
}

.ct-us .rating-opts input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

.ct-us .rating-opts label {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    border: 1.5px solid #EAEAE0;
    font-size: 16px;
    line-height: 1.35;
    color: #3a3700;
    cursor: pointer;
    transition: background 0.36s cubic-bezier(0.34, 1.2, 0.64, 1), border-color 0.36s cubic-bezier(0.34, 1.2, 0.64, 1), color 0.36s cubic-bezier(0.34, 1.2, 0.64, 1);
    background: #fdfdf8;
    user-select: none;
}

.ct-us .rating-opts input[type="radio"]:checked+label {
    background: linear-gradient(to top, #BEBA3D 0%, #DBC59D 100%);
    border-color: #BEBA3D;
    color: #1e1c00;
    font-weight: 700;
    box-shadow: 2px 5px 20px -1px rgba(190, 186, 61, 0.11);
}

.ct-us .rating-opts label:hover {
    border-color: #BEBA3D;
    background: rgba(219, 197, 157, 0.22);
}

.ct-us .rating-desc {
    font-size: 16px;
    line-height: 1.35;
    color: #7a7200;
    letter-spacing: 0.02em;
}

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

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

.ct-us .privacy-text {
    font-size: 16px;
    line-height: 1.55;
    color: #3a3700;
}

.ct-us .privacy-text a {
    color: #5a5200;
    text-decoration: underline;
    text-decoration-color: #BEBA3D;
    transition: color 0.33s ease-in-out;
}

.ct-us .privacy-text a:hover {
    color: #BEBA3D;
}

.ct-us .submit-btn {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding: 8px 40px;
    border-radius: 14px;
    border: 2px solid #BEBA3D;
    background: transparent;
    color: #2d2a00;
    font-size: 16px;
    line-height: 1.55;
    letter-spacing: 0.06em;
    cursor: pointer;
    transition: background 0.42s cubic-bezier(0.34, 1.2, 0.64, 1), color 0.42s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow 0.42s cubic-bezier(0.34, 1.2, 0.64, 1);
    align-self: flex-start;
}

.ct-us .submit-btn:hover {
    background: linear-gradient(160deg, #BEBA3D 0%, #DBC59D 100%);
    color: #1e1c00;
    box-shadow: 2px 8px 44px -1px rgba(190, 186, 61, 0.10);
}

.ct-us .submit-btn:focus {
    outline: 3px solid rgba(190, 186, 61, 0.5);
    outline-offset: 2px;
}

.ct-us .submit-btn:active {
    background: linear-gradient(200deg, #DBC59D 0%, #BEBA3D 100%);
}

.ct-us .wave-div2 {
    display: block;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.ct-us .wave-div2 svg {
    display: block;
    width: 100%;
}

.ct-us .info-band {
    background: linear-gradient(to top, #ffffff 0%, #EAEAE0 100%);
    padding: 40px 20px 80px;
    position: relative;
}

.ct-us .info-band-bg {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
}

.ct-us .info-band-bg::before {
    content: '';
    position: absolute;
    width: 320px;
    height: 320px;
    border-radius: 22px;
    background: linear-gradient(to top, rgba(190, 186, 61, 0.13) 0%, rgba(219, 197, 157, 0.07) 100%);
    top: -60px;
    right: -60px;
    animation: bg-drift1 9s ease-in-out infinite alternate;
}

.ct-us .info-band-bg::after {
    content: '';
    position: absolute;
    width: 200px;
    height: 200px;
    border-radius: 14px;
    background: linear-gradient(to top, rgba(219, 197, 157, 0.12) 0%, rgba(234, 234, 224, 0.06) 100%);
    bottom: 20px;
    left: 40px;
    animation: bg-drift2 13s ease-in-out infinite alternate;
}

@keyframes bg-drift1 {
    from {
        transform: translateY(0px) rotate(0deg);
    }

    to {
        transform: translateY(30px) rotate(6deg);
    }
}

@keyframes bg-drift2 {
    from {
        transform: translateY(0px) rotate(0deg);
    }

    to {
        transform: translateY(-24px) rotate(-5deg);
    }
}

.ct-us .info-inner {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.ct-us .info-top {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 40px;
}

.ct-us .info-heading {
    font-size: 37px;
    line-height: 1.1;
    letter-spacing: -0.01em;
    color: transparent;
    -webkit-text-stroke: 1.5px #2d2a00;
    font-weight: 700;
    max-width: 480px;
}

.ct-us .info-sub {
    font-size: 16px;
    line-height: 1.55;
    color: #2d2a00;
    max-width: 380px;
    padding-top: 8px;
}

.ct-us .info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.ct-us .info-tile {
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.72);
    border: 1.5px solid rgba(190, 186, 61, 0.22);
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    box-shadow: 2px 1px 4px -1px rgba(190, 186, 61, 0.08);
    transition: box-shadow 0.4s cubic-bezier(0.34, 1.2, 0.64, 1), transform 0.4s cubic-bezier(0.34, 1.2, 0.64, 1);
}

.ct-us .info-tile:hover {
    box-shadow: 2px 5px 20px -1px rgba(190, 186, 61, 0.11);
    transform: translateY(-2px);
}

.ct-us .tile-ico {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: linear-gradient(to top, #BEBA3D 0%, #EAEAE0 100%);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 2px 1px 4px -1px rgba(190, 186, 61, 0.08);
}

.ct-us .tile-ico svg {
    width: 20px;
    height: 20px;
}

.ct-us .tile-name {
    font-size: 16px;
    letter-spacing: 0.07em;
    color: #7a7200;
    text-transform: uppercase;
    line-height: 1.35;
}

.ct-us .tile-val {
    font-size: 16px;
    line-height: 1.55;
    color: #1e1c00;
}

.ct-us .tile-val a {
    color: #5a5200;
    text-decoration: underline;
    text-decoration-color: #BEBA3D;
    transition: color 0.33s ease-in-out;
}

.ct-us .tile-val a:hover {
    color: #BEBA3D;
}

.ct-us .info-strokes {
    position: absolute;
    bottom: 20px;
    right: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    opacity: 0.3;
}

.ct-us .info-strokes span {
    display: block;
    height: 2px;
    background: #BEBA3D;
    border-radius: 1px;
}

.ct-us .info-strokes span:nth-child(1) {
    width: 36px;
}

.ct-us .info-strokes span:nth-child(2) {
    width: 24px;
}

.ct-us .info-strokes span:nth-child(3) {
    width: 30px;
}

.ct-us .info-strokes span:nth-child(4) {
    width: 18px;
}

.ct-us .info-strokes span:nth-child(5) {
    width: 26px;
}

@media screen and (max-width: 1024px) {
    .ct-us .reach-heading {
        font-size: 37px;
    }

    .ct-us .reach-frame {
        flex: 0 0 260px;
    }

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

    .ct-us .form-aside {
        flex: 0 0 220px;
    }
}

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

    .ct-us .reach-frame {
        flex: none;
        min-height: 200px;
    }

    .ct-us .reach-heading {
        font-size: 37px;
    }

    .ct-us .form-inner {
        flex-direction: column;
    }

    .ct-us .form-aside {
        flex: none;
    }

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

    .ct-us .info-top {
        flex-direction: column;
        gap: 20px;
    }

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

    .ct-us .reach-band {
        padding: 40px 20px 20px;
    }

    .ct-us .info-band {
        padding: 20px 20px 40px;
    }
}

@media screen and (max-width: 320px) {
    .ct-us .reach-heading {
        font-size: 37px;
    }

    .ct-us .rating-opts {
        gap: 4px;
    }

    .ct-us .rating-opts label {
        width: 36px;
        height: 36px;
    }
}

.lrn-prog {
    max-width: 100%;
    overflow-x: hidden;
}

.lrn-prog .prog-wrap {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}

.lrn-prog ::selection {
    background: linear-gradient(90deg, #BEBA3D, #DBC59D);
    color: #1a1200;
}

.lrn-prog .prog-title-band {
    background: #BEBA3D;
    height: 4px;
    width: 80px;
    margin-bottom: 20px;
}

.lrn-prog .prog-stripe {
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #BEBA3D 0%, #DBC59D 60%, transparent 100%);
    margin-bottom: 8px;
}

.lrn-prog .block-a {
    background: #ffffff;
    padding: 80px 0 40px;
    position: relative;
}

.lrn-prog .block-a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #BEBA3D, #DBC59D, #EAEAE0);
}

.lrn-prog .split-layout {
    display: grid;
    grid-template-columns: 30% 70%;
    gap: 40px;
    align-items: start;
}

.lrn-prog .left-accent {
    position: relative;
    padding: 20px;
}

.lrn-prog .dot-border {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden;
    border-radius: 8px;
}

.lrn-prog .dot-border svg {
    width: 100%;
    height: 100%;
}

.lrn-prog .accent-label {
    font-size: 16px;
    line-height: 1.55;
    color: #5a5200;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 20px;
}

.lrn-prog .accent-stat {
    font-size: 52px;
    line-height: 1.1;
    font-weight: 900;
    color: #BEBA3D;
    letter-spacing: -0.02em;
    display: block;
}

.lrn-prog .accent-sub {
    font-size: 16px;
    line-height: 1.55;
    color: #3a3200;
    margin-top: 8px;
}

.lrn-prog .right-main h1 {
    font-size: 52px;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -0.03em;
    color: transparent;
    -webkit-text-stroke: 2px #3a3200;
    margin-bottom: 8px;
}

.lrn-prog .prog-stripe-thin {
    width: 60px;
    height: 2px;
    background: #BEBA3D;
    margin-bottom: 20px;
}

.lrn-prog .right-main .lead-para {
    font-size: 16px;
    line-height: 1.55;
    color: #2a2200;
    background: #EAEAE0;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: inset 2px 4px 6px rgba(190, 186, 61, 0.08);
}

.lrn-prog .right-main .body-para {
    font-size: 16px;
    line-height: 1.55;
    color: #3a3200;
    margin-bottom: 20px;
}

.lrn-prog .prog-btn {
    display: inline-block;
    padding: 20px 40px;
    border: 2px solid #BEBA3D;
    border-radius: 8px;
    background: transparent;
    color: #3a3200;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.04em;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.35s cubic-bezier(0.34, 1.2, 0.64, 1), color 0.38s ease-in-out, box-shadow 0.42s ease-in-out;
}

.lrn-prog .prog-btn:hover {
    background: linear-gradient(180deg, #BEBA3D, #DBC59D);
    color: #1a1200;
    box-shadow: 2px 5px 20px -1px rgba(190, 186, 61, 0.11);
}

.lrn-prog .prog-btn:focus {
    outline: 3px solid #BEBA3D;
    outline-offset: 3px;
}

.lrn-prog .block-b {
    background: #2a2200;
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}

.lrn-prog .block-b .checked-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image:
        linear-gradient(rgba(190, 186, 61, 0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(190, 186, 61, 0.07) 1px, transparent 1px);
    background-size: 28px 28px;
    pointer-events: none;
}

.lrn-prog .block-b .prog-wrap {
    position: relative;
}

.lrn-prog .b-top-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-bottom: 40px;
}

.lrn-prog .b-heading-col h2 {
    font-size: 37px;
    line-height: 1.1;
    font-weight: 900;
    color: transparent;
    -webkit-text-stroke: 2px #DBC59D;
    letter-spacing: -0.02em;
    margin-bottom: 8px;
}

.lrn-prog .b-heading-col .stripe-light {
    width: 50px;
    height: 2px;
    background: #BEBA3D;
    margin-bottom: 20px;
}

.lrn-prog .b-heading-col p {
    font-size: 16px;
    line-height: 1.55;
    color: #DBC59D;
}

.lrn-prog .b-img-col {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
}

.lrn-prog .b-img-col img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    display: block;
    border-radius: 14px;
    transition: transform 0.4s cubic-bezier(0.34, 1.2, 0.64, 1), brightness 0.38s ease-in-out;
}

.lrn-prog .b-img-col:hover img {
    transform: scale(1.04);
    filter: brightness(1.08);
}

.lrn-prog .b-img-col .light-leak {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 120px;
    height: 120px;
    background: radial-gradient(circle at 30% 30%, rgba(219, 197, 157, 0.55), transparent 70%);
    pointer-events: none;
    border-radius: 22px;
}

.lrn-prog .modules-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.lrn-prog .mod-card {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(190, 186, 61, 0.22);
    border-radius: 14px;
    padding: 20px;
    transition: transform 0.36s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow 0.4s ease-in-out;
}

.lrn-prog .mod-card:hover {
    transform: translateY(-4px);
    box-shadow: 2px 8px 44px -1px rgba(190, 186, 61, 0.10);
}

.lrn-prog .mod-num {
    font-size: 37px;
    line-height: 1.1;
    font-weight: 900;
    color: #BEBA3D;
    letter-spacing: -0.02em;
    margin-bottom: 8px;
}

.lrn-prog .mod-card h4 {
    font-size: 16px;
    line-height: 1.35;
    font-weight: 700;
    color: #DBC59D;
    margin-bottom: 8px;
}

.lrn-prog .mod-card p {
    font-size: 16px;
    line-height: 1.55;
    color: rgba(219, 197, 157, 0.75);
}

.lrn-prog .mod-marker {
    width: 8px;
    height: 8px;
    border-radius: 1px;
    background: #BEBA3D;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
}

.lrn-prog .block-c {
    background: #EAEAE0;
    padding: 80px 0;
    position: relative;
}

.lrn-prog .block-c::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, #BEBA3D, #DBC59D, transparent);
}

.lrn-prog .c-layout {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 40px;
    align-items: start;
}

.lrn-prog .c-sidebar {
    background: #ffffff;
    border-radius: 14px;
    padding: 20px;
    box-shadow: 2px 5px 20px -1px rgba(190, 186, 61, 0.11);
    position: sticky;
    top: 20px;
}

.lrn-prog .c-sidebar h3 {
    font-size: 16px;
    line-height: 1.35;
    font-weight: 700;
    color: transparent;
    -webkit-text-stroke: 1px #3a3200;
    letter-spacing: 0.02em;
    margin-bottom: 20px;
}

.lrn-prog .sidebar-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 8px;
    padding: 8px 0;
    border-bottom: 1px solid rgba(190, 186, 61, 0.15);
}

.lrn-prog .sidebar-item:last-child {
    border-bottom: none;
}

.lrn-prog .si-dot {
    width: 10px;
    height: 10px;
    border-radius: 1px;
    background: #BEBA3D;
    flex-shrink: 0;
    margin-top: 4px;
}

.lrn-prog .si-dot.large {
    width: 14px;
    height: 14px;
}

.lrn-prog .si-dot.small {
    width: 6px;
    height: 6px;
    margin-top: 6px;
}

.lrn-prog .si-text {
    font-size: 16px;
    line-height: 1.55;
    color: #3a3200;
}

.lrn-prog .c-main-col h2 {
    font-size: 37px;
    line-height: 1.1;
    font-weight: 900;
    color: transparent;
    -webkit-text-stroke: 2px #2a2200;
    letter-spacing: -0.02em;
    margin-bottom: 8px;
}

.lrn-prog .c-stripe {
    width: 50px;
    height: 2px;
    background: #BEBA3D;
    margin-bottom: 20px;
}

.lrn-prog .c-main-col .first-para {
    font-size: 16px;
    line-height: 1.55;
    color: #2a2200;
    background: #ffffff;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 2px 1px 4px -1px rgba(190, 186, 61, 0.08);
}

.lrn-prog .c-main-col .norm-para {
    font-size: 16px;
    line-height: 1.55;
    color: #3a3200;
    margin-bottom: 20px;
}

.lrn-prog .faq-list {
    margin-top: 40px;
}

.lrn-prog .faq-list h3 {
    font-size: 37px;
    line-height: 1.1;
    font-weight: 900;
    color: transparent;
    -webkit-text-stroke: 2px #2a2200;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
}

.lrn-prog .faq-item {
    background: #ffffff;
    border-radius: 8px;
    margin-bottom: 8px;
    box-shadow: 2px 1px 4px -1px rgba(190, 186, 61, 0.08);
    overflow: hidden;
}

.lrn-prog .faq-item summary {
    font-size: 16px;
    line-height: 1.35;
    font-weight: 700;
    color: #2a2200;
    padding: 20px;
    cursor: pointer;
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    transition: background 0.35s ease-in-out;
}

.lrn-prog .faq-item summary:hover {
    background: #EAEAE0;
}

.lrn-prog .faq-item summary::-webkit-details-marker {
    display: none;
}

.lrn-prog .faq-toggle {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    position: relative;
}

.lrn-prog .faq-toggle::before,
.lrn-prog .faq-toggle::after {
    content: '';
    position: absolute;
    background: #BEBA3D;
    border-radius: 1px;
}

.lrn-prog .faq-toggle::before {
    width: 12px;
    height: 2px;
    top: 9px;
    left: 4px;
}

.lrn-prog .faq-toggle::after {
    width: 2px;
    height: 12px;
    top: 4px;
    left: 9px;
    transition: transform 0.38s cubic-bezier(0.34, 1.2, 0.64, 1), opacity 0.35s ease-in-out;
}

.lrn-prog .faq-item[open] .faq-toggle::after {
    transform: rotate(90deg);
    opacity: 0;
}

.lrn-prog .faq-ans {
    font-size: 16px;
    line-height: 1.55;
    color: #3a3200;
    padding: 0 20px 20px;
}

.lrn-prog .offer-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 40px;
}

.lrn-prog .offer-card {
    border: 2px solid #BEBA3D;
    border-radius: 14px;
    padding: 20px;
    background: #ffffff;
    transition: box-shadow 0.4s cubic-bezier(0.34, 1.2, 0.64, 1), transform 0.38s ease-in-out;
}

.lrn-prog .offer-card:hover {
    transform: translateY(-3px);
    box-shadow: 2px 8px 44px -1px rgba(190, 186, 61, 0.10);
}

.lrn-prog .offer-card h5 {
    font-size: 16px;
    line-height: 1.35;
    font-weight: 700;
    color: #2a2200;
    margin-bottom: 8px;
}

.lrn-prog .offer-price {
    font-size: 37px;
    line-height: 1.1;
    font-weight: 900;
    color: #BEBA3D;
    letter-spacing: -0.02em;
    margin-bottom: 8px;
}

.lrn-prog .offer-card p {
    font-size: 16px;
    line-height: 1.55;
    color: #3a3200;
    margin-bottom: 20px;
}

.lrn-prog .offer-card .prog-btn {
    width: 100%;
    text-align: center;
    display: block;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .lrn-prog .split-layout {
        grid-template-columns: 1fr;
    }

    .lrn-prog .b-top-row {
        grid-template-columns: 1fr;
    }

    .lrn-prog .modules-grid {
        grid-template-columns: 1fr 1fr;
    }

    .lrn-prog .c-layout {
        grid-template-columns: 1fr;
    }

    .lrn-prog .c-sidebar {
        position: static;
    }
}

@media (max-width: 768px) {

    .lrn-prog .block-a,
    .lrn-prog .block-b,
    .lrn-prog .block-c {
        padding: 40px 0;
    }

    .lrn-prog .right-main h1 {
        font-size: 37px;
    }

    .lrn-prog .modules-grid {
        grid-template-columns: 1fr;
    }

    .lrn-prog .offer-row {
        grid-template-columns: 1fr;
    }

    .lrn-prog .b-heading-col h2,
    .lrn-prog .c-main-col h2,
    .lrn-prog .faq-list h3 {
        font-size: 37px;
    }
}

@media (max-width: 320px) {
    .lrn-prog .right-main h1 {
        font-size: 37px;
    }

    .lrn-prog .accent-stat {
        font-size: 37px;
    }

    .lrn-prog .prog-wrap {
        padding: 0 8px;
    }
}

.prs-root {
    max-width: 100%;
    overflow-x: hidden;
}

.prs-root .prs-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}

.prs-root .prs-lead {
    padding: 80px 0 40px;
    background: #fff;
}

.prs-root .prs-lead-grid {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 40px;
    align-items: start;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}

.prs-root .prs-lead-left {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.prs-root .prs-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 600;
    color: #5a5700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.prs-root .prs-tag-dash {
    width: 28px;
    height: 2px;
    background: #BEBA3D;
    display: inline-block;
    flex-shrink: 0;
}

.prs-root .prs-h1 {
    font-size: 52px;
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: transparent;
    -webkit-text-stroke: 2px #2a2800;
    margin: 0;
}

.prs-root .prs-lead-desc {
    font-size: 16px;
    line-height: 1.55;
    color: #2a2800;
    max-width: 560px;
    margin: 0;
    padding: 12px 20px;
    background: linear-gradient(to top, #EAEAE0, #fff);
    border-radius: 8px;
    box-shadow: inset 0 3px 6px rgba(190, 186, 61, 0.10);
}

.prs-root .prs-lead-sub {
    font-size: 16px;
    line-height: 1.55;
    color: #3a3700;
    margin: 0;
    max-width: 520px;
}

.prs-root .prs-img-col {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 2px 8px 44px -1px rgba(190, 186, 61, 0.10);
}

.prs-root .prs-img-col img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    display: block;
    border-radius: 14px;
}

.prs-root .prs-img-fade {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 55%;
    background: linear-gradient(to top, rgba(42, 40, 0, 0.62), transparent);
    border-radius: 0 0 14px 14px;
    pointer-events: none;
}

.prs-root .prs-img-deco {
    position: absolute;
    top: -16px;
    right: -16px;
    width: 80px;
    height: 80px;
    border-radius: 22px;
    background: #BEBA3D;
    opacity: 0.13;
    pointer-events: none;
}

.prs-root .prs-divider-wave {
    width: 100%;
    line-height: 0;
    overflow: hidden;
}

.prs-root .prs-divider-wave svg {
    display: block;
    width: 100%;
}

.prs-root .prs-kit {
    padding: 40px 0 80px;
    background: linear-gradient(to top, #EAEAE0, #fff);
    position: relative;
}

.prs-root .prs-kit-glass {
    background: rgba(255, 255, 255, 0.62);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 22px;
    border: 1px solid rgba(190, 186, 61, 0.18);
    padding: 40px;
    box-shadow: 2px 5px 20px -1px rgba(190, 186, 61, 0.11);
    max-width: 1280px;
    margin: 0 auto;
}

.prs-root .prs-kit-top {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 40px;
}

.prs-root .prs-kit-headline {
    font-size: 37px;
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: transparent;
    -webkit-text-stroke: 2px #2a2800;
    margin: 0 0 8px;
}

.prs-root .prs-kit-intro {
    font-size: 16px;
    line-height: 1.55;
    color: #2a2800;
    margin: 0;
    max-width: 460px;
}

.prs-root .prs-kit-contact {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 220px;
}

.prs-root .prs-contact-label {
    font-size: 16px;
    font-weight: 700;
    color: #5a5700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.prs-root .prs-contact-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    line-height: 1.35;
    color: #2a2800;
}

.prs-root .prs-contact-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.prs-root .prs-info-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 40px;
}

.prs-root .prs-info-card {
    border-radius: 14px;
    border: 1.5px dashed #BEBA3D;
    padding: 20px;
    background: #fff;
    box-shadow: 2px 1px 4px -1px rgba(190, 186, 61, 0.08);
    transition: box-shadow 0.38s cubic-bezier(0.34, 1.2, 0.64, 1), border-color 0.42s ease-in-out;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.prs-root .prs-info-card:hover {
    box-shadow: 2px 5px 20px -1px rgba(190, 186, 61, 0.11);
    border-color: #9a9820;
}

.prs-root .prs-info-label {
    font-size: 16px;
    font-weight: 700;
    color: #7a7800 !important;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.prs-root .prs-info-val {
    font-size: 16px;
    line-height: 1.35;
    color: #2a2800;
    font-weight: 400;
}

.prs-root .prs-assets-row {
    display: flex;
    flex-direction: row;
    gap: 20px;
    flex-wrap: wrap;
}

.prs-root .prs-asset-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 600;
    color: #2a2800;
    background: transparent;
    border: 1.5px solid #BEBA3D;
    border-radius: 8px;
    padding: 12px 20px;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.35s cubic-bezier(0.34, 1.2, 0.64, 1), color 0.40s ease-in-out, border-color 0.38s ease-in-out;
    box-shadow: 2px 1px 4px -1px rgba(190, 186, 61, 0.08);
}

.prs-root .prs-asset-btn:hover,
.prs-root .prs-asset-btn:focus {
    background: linear-gradient(to top, #BEBA3D, #DBC59D);
    color: #1a1600;
    border-color: #9a9820;
    outline: none;
}

.prs-root .prs-asset-btn:active {
    background: linear-gradient(to top, #9a9820, #BEBA3D);
}

.prs-root .prs-asset-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.prs-root .prs-quotes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 40px;
}

.prs-root .prs-quote-item {
    border-radius: 14px;
    padding: 20px;
    background: linear-gradient(to top, #EAEAE0, #fff);
    box-shadow: 2px 1px 4px -1px rgba(190, 186, 61, 0.08);
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
    position: relative;
}

.prs-root .prs-quote-item::before {
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    background: #BEBA3D;
    border-radius: 1px;
    margin-bottom: 4px;
}

.prs-root .prs-quote-text {
    font-size: 16px;
    line-height: 1.55;
    color: #2a2800;
    margin: 0;
    font-style: italic;
}

.prs-root .prs-quote-attr {
    font-size: 16px;
    font-weight: 700;
    color: #5a5700;
    margin: 0;
}

.prs-root .prs-quote-src {
    font-size: 16px;
    color: #6a6400;
    font-weight: 400;
}

.prs-root .prs-curtain-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 40px;
}

.prs-root .prs-curtain-item {
    border-radius: 8px;
    border: 1px solid rgba(190, 186, 61, 0.22);
    background: #fff;
    overflow: hidden;
}

.prs-root .prs-curtain-trigger {
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    color: #2a2800;
    text-align: left;
    transition: background 0.35s ease-in-out;
}

.prs-root .prs-curtain-trigger:hover,
.prs-root .prs-curtain-trigger:focus {
    background: linear-gradient(to top, #EAEAE0, #fff);
    outline: 2px solid #BEBA3D;
    outline-offset: -2px;
}

.prs-root .prs-curtain-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.43s cubic-bezier(0.34, 1.2, 0.64, 1);
}

.prs-root .prs-curtain-item:focus-within .prs-curtain-body,
.prs-root .prs-curtain-trigger:focus+.prs-curtain-body {
    max-height: 200px;
}

.prs-root .prs-curtain-item:hover .prs-curtain-body {
    max-height: 200px;
}

.prs-root .prs-curtain-inner {
    padding: 0 20px 20px;
    font-size: 16px;
    line-height: 1.55;
    color: #3a3700;
}

.prs-root .prs-arrow {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    transition: transform 0.38s cubic-bezier(0.34, 1.2, 0.64, 1);
}

.prs-root .prs-curtain-item:hover .prs-arrow {
    transform: rotate(90deg);
}

@keyframes prs-glow {
    0% {
        box-shadow: 2px 5px 20px -1px rgba(190, 186, 61, 0.11), inset 0 0 0px rgba(190, 186, 61, 0);
    }

    50% {
        box-shadow: 2px 5px 20px -1px rgba(190, 186, 61, 0.11), inset 0 0 60px rgba(190, 186, 61, 0.07);
    }

    100% {
        box-shadow: 2px 5px 20px -1px rgba(190, 186, 61, 0.11), inset 0 0 0px rgba(190, 186, 61, 0);
    }
}

.prs-root .prs-kit-glass {
    animation: prs-glow 5s ease-in-out infinite;
}

@media (max-width: 1024px) {
    .prs-root .prs-lead-grid {
        grid-template-columns: 1fr 280px;
    }

    .prs-root .prs-info-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .prs-root .prs-kit-top {
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    .prs-root .prs-lead-grid {
        grid-template-columns: 1fr;
    }

    .prs-root .prs-img-col {
        order: -1;
    }

    .prs-root .prs-h1 {
        font-size: 37px;
    }

    .prs-root .prs-info-grid {
        grid-template-columns: 1fr;
    }

    .prs-root .prs-quotes {
        grid-template-columns: 1fr;
    }

    .prs-root .prs-kit-glass {
        padding: 20px;
    }

    .prs-root .prs-kit-headline {
        font-size: 37px;
    }

    .prs-root .prs-assets-row {
        flex-direction: column;
    }
}

@media (max-width: 320px) {
    .prs-root .prs-h1 {
        font-size: 37px;
    }

    .prs-root .prs-lead {
        padding: 40px 0 20px;
    }
}

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

.abt-us .au-block {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }

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

@keyframes flicker-outline {

    0%,
    100% {
        outline-color: rgba(190, 186, 61, 0.55);
    }

    45% {
        outline-color: rgba(190, 186, 61, 0.15);
    }

    55% {
        outline-color: rgba(190, 186, 61, 0.35);
    }
}

.abt-us .mosaic-panel {
    padding-top: 80px;
    padding-bottom: 80px;
    background: linear-gradient(to bottom, #BEBA3D 0%, #ffffff 100%);
    position: relative;
}

.abt-us .mosaic-panel .au-block {
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: flex-start;
}

.abt-us .mosaic-panel .text-zone {
    flex: 1 1 420px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    animation: slideUp 0.38s cubic-bezier(0.34, 1.2, 0.64, 1) both;
}

.abt-us .mosaic-panel .geo-deco {
    position: absolute;
    top: 40px;
    right: 0;
    width: 260px;
    height: 260px;
    pointer-events: none;
    overflow: hidden;
}

.abt-us .mosaic-panel .geo-deco svg {
    width: 100%;
    height: 100%;
}

.abt-us .mosaic-panel .pg-heading {
    font-size: 52px;
    line-height: 1.1;
    letter-spacing: -0.03em;
    font-weight: 800;
    color: transparent;
    -webkit-text-stroke: 2px #2c2a00;
    margin: 0;
    animation: slideUp 0.4s cubic-bezier(0.34, 1.2, 0.64, 1) 0.06s both;
}

.abt-us .mosaic-panel .pg-sub {
    font-size: 16px;
    line-height: 1.55;
    letter-spacing: 0.01em;
    color: #2c2a00;
    margin: 0;
    padding: 8px 20px;
    background: rgba(219, 197, 157, 0.28);
    border-radius: 8px;
    animation: slideUp 0.42s cubic-bezier(0.34, 1.2, 0.64, 1) 0.12s both;
}

.abt-us .mosaic-panel .img-mosaic {
    flex: 0 0 auto;
    width: 480px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 200px 160px;
    gap: 8px;
    animation: slideUp 0.44s cubic-bezier(0.34, 1.2, 0.64, 1) 0.08s both;
}

.abt-us .mosaic-panel .img-mosaic .img-item {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    box-shadow: 2px 5px 20px -1px rgba(190, 186, 61, 0.11);
}

.abt-us .mosaic-panel .img-mosaic .img-item.span2 {
    grid-column: span 2;
}

.abt-us .mosaic-panel .img-mosaic .img-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    aspect-ratio: 16/9;
    transition: transform 0.38s ease-in-out;
}

.abt-us .mosaic-panel .img-mosaic .img-item:hover img {
    transform: scale(1.04);
}

.abt-us .mosaic-panel .img-mosaic .img-item .img-caption {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(44, 42, 0, 0.72) 0%, transparent 60%);
    display: flex;
    align-items: flex-end;
    padding: 8px 20px;
    opacity: 0;
    transition: opacity 0.36s ease-in-out;
}

.abt-us .mosaic-panel .img-mosaic .img-item:hover .img-caption {
    opacity: 1;
}

.abt-us .mosaic-panel .img-mosaic .img-item .img-caption span {
    font-size: 16px;
    line-height: 1.35;
    color: #ffffff;
    letter-spacing: 0.01em;
}

.abt-us .mosaic-panel .img-mosaic .img-item .grad-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to left, rgba(190, 186, 61, 0.22) 0%, transparent 60%);
    pointer-events: none;
}

.abt-us .mosaic-panel .badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #BEBA3D;
    color: #2c2a00;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 700;
    border-radius: 22px;
    padding: 4px 20px;
    box-shadow: 2px 1px 4px -1px rgba(190, 186, 61, 0.08);
    animation: slideUp 0.45s cubic-bezier(0.34, 1.2, 0.64, 1) 0.18s both;
    align-self: flex-start;
}

.abt-us .mosaic-panel .badge .badge-count {
    background: #2c2a00;
    color: #BEBA3D;
    border-radius: 22px;
    padding: 4px 8px;
    font-size: 16px;
    line-height: 1.1;
    font-weight: 800;
}

.abt-us .mosaic-panel .founding-note {
    font-size: 16px;
    line-height: 1.55;
    color: #3a3800;
    margin: 0;
    animation: slideUp 0.43s cubic-bezier(0.34, 1.2, 0.64, 1) 0.22s both;
}

.abt-us .divider-a {
    width: 100%;
    height: 8px;
    background: linear-gradient(to right, #BEBA3D 0%, #DBC59D 40%, #EAEAE0 100%);
    border: none;
    margin: 0;
}

.abt-us .detail-panel {
    padding-top: 80px;
    padding-bottom: 80px;
    background: linear-gradient(to right, #DBC59D 0%, #EAEAE0 100%);
    position: relative;
}

.abt-us .detail-panel .au-block {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
    align-items: start;
}

.abt-us .detail-panel .dp-col {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.abt-us .detail-panel .dp-col.wide {
    grid-column: span 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.abt-us .detail-panel .dp-heading {
    font-size: 37px;
    line-height: 1.1;
    letter-spacing: -0.02em;
    font-weight: 800;
    color: transparent;
    -webkit-text-stroke: 1.5px #2c2a00;
    margin: 0;
    animation: slideUp 0.4s cubic-bezier(0.34, 1.2, 0.64, 1) 0.05s both;
}

.abt-us .detail-panel .dp-img-wrap {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    box-shadow: 2px 8px 44px -1px rgba(190, 186, 61, 0.10);
}

.abt-us .detail-panel .dp-img-wrap img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    display: block;
    transition: transform 0.42s ease-in-out;
}

.abt-us .detail-panel .dp-img-wrap:hover img {
    transform: scale(1.03);
}

.abt-us .detail-panel .dp-img-wrap .img-caption {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(44, 42, 0, 0.68) 0%, transparent 55%);
    display: flex;
    align-items: flex-end;
    padding: 8px 20px;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
}

.abt-us .detail-panel .dp-img-wrap:hover .img-caption {
    opacity: 1;
}

.abt-us .detail-panel .dp-img-wrap .img-caption span {
    font-size: 16px;
    line-height: 1.35;
    color: #ffffff;
}

.abt-us .detail-panel .dp-para {
    font-size: 16px;
    line-height: 1.55;
    color: #2c2a00;
    margin: 0;
    animation: slideUp 0.41s cubic-bezier(0.34, 1.2, 0.64, 1) 0.1s both;
}

.abt-us .detail-panel .dp-para.first-para {
    background: rgba(190, 186, 61, 0.14);
    border-radius: 8px;
    padding: 8px 20px;
    box-shadow: inset 0 3px 6px rgba(190, 186, 61, 0.08);
}

.abt-us .detail-panel .fact-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    animation: slideUp 0.43s cubic-bezier(0.34, 1.2, 0.64, 1) 0.15s both;
}

.abt-us .detail-panel .fact-list li {
    font-size: 16px;
    line-height: 1.55;
    color: #2c2a00;
    padding-left: 20px;
    position: relative;
}

.abt-us .detail-panel .fact-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 8px;
    height: 8px;
    background: #BEBA3D;
    border-radius: 1px;
    transform: rotate(45deg);
}

.abt-us .detail-panel .dp-cta {
    display: inline-block;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 700;
    color: #2c2a00;
    border: 2px solid #2c2a00;
    border-radius: 8px;
    padding: 8px 20px;
    text-decoration: none;
    background: transparent;
    transition: background 0.36s cubic-bezier(0.34, 1.2, 0.64, 1), color 0.36s cubic-bezier(0.34, 1.2, 0.64, 1), border-color 0.38s ease-in-out;
    outline: 2px solid transparent;
    outline-offset: 3px;
    animation: flicker-outline 3.2s ease-in-out infinite;
    align-self: flex-start;
}

.abt-us .detail-panel .dp-cta:hover {
    background: linear-gradient(to top, #BEBA3D 0%, #DBC59D 100%);
    color: #1a1800;
    border-color: #BEBA3D;
}

.abt-us .detail-panel .dp-cta:focus {
    outline-color: #BEBA3D;
}

.abt-us .detail-panel .dp-cta:active {
    background: linear-gradient(to bottom, #BEBA3D 0%, #DBC59D 100%);
}

.abt-us .detail-panel .dp-card {
    background: #ffffff;
    border-radius: 14px;
    padding: 20px;
    box-shadow: 2px 5px 20px -1px rgba(190, 186, 61, 0.11);
    display: flex;
    flex-direction: column;
    gap: 8px;
    animation: slideUp 0.44s cubic-bezier(0.34, 1.2, 0.64, 1) 0.12s both;
}

.abt-us .detail-panel .dp-card .card-label {
    font-size: 16px;
    line-height: 1.35;
    font-weight: 700;
    color: #BEBA3D;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.abt-us .detail-panel .dp-card .card-val {
    font-size: 37px;
    line-height: 1.1;
    font-weight: 800;
    color: #2c2a00;
    letter-spacing: -0.02em;
}

.abt-us .detail-panel .dp-card .card-desc {
    font-size: 16px;
    line-height: 1.55;
    color: #4a4700;
}

.abt-us .circles-deco {
    position: absolute;
    bottom: 20px;
    right: 40px;
    pointer-events: none;
    display: flex;
    flex-direction: row;
    gap: 0;
}

.abt-us .circles-deco span {
    display: block;
    border-radius: 22px;
    border: 3px solid rgba(190, 186, 61, 0.18);
}

.abt-us .circles-deco span:nth-child(1) {
    width: 80px;
    height: 80px;
    margin-right: -20px;
}

.abt-us .circles-deco span:nth-child(2) {
    width: 60px;
    height: 60px;
    align-self: flex-end;
    margin-right: -8px;
    border-color: rgba(219, 197, 157, 0.22);
}

.abt-us .circles-deco span:nth-child(3) {
    width: 40px;
    height: 40px;
    align-self: center;
    border-color: rgba(190, 186, 61, 0.12);
}

@media (max-width: 1024px) {
    .abt-us .mosaic-panel .img-mosaic {
        width: 340px;
        grid-template-rows: 160px 130px;
    }

    .abt-us .detail-panel .au-block {
        grid-template-columns: 1fr 1fr;
    }

    .abt-us .detail-panel .dp-col.wide {
        grid-column: span 2;
    }
}

@media (max-width: 768px) {
    .abt-us .mosaic-panel .au-block {
        flex-direction: column;
    }

    .abt-us .mosaic-panel .img-mosaic {
        width: 100%;
        grid-template-rows: 160px 130px;
    }

    .abt-us .detail-panel .au-block {
        grid-template-columns: 1fr;
    }

    .abt-us .detail-panel .dp-col.wide {
        grid-column: span 1;
        grid-template-columns: 1fr;
    }

    .abt-us .au-block {
        padding-left: 20px;
        padding-right: 20px;
    }

    .abt-us .mosaic-panel .pg-heading {
        font-size: 37px;
    }
}

@media (max-width: 320px) {
    .abt-us .mosaic-panel .pg-heading {
        font-size: 37px;
    }

    .abt-us .mosaic-panel {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .abt-us .detail-panel {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

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

.frnt .pg-wrap {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}

.frnt ::selection {
    background: linear-gradient(90deg, #BEBA3D, #DBC59D);
    color: #1a1a1a;
}

.frnt .strip-img {
    width: 100%;
    aspect-ratio: 16/9;
    max-height: 180px;
    overflow: hidden;
    position: relative;
}

.frnt .strip-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(0.35) brightness(0.88);
    display: block;
}

.frnt .title-area {
    padding: 80px 0 80px;
    background: linear-gradient(to top, #BEBA3D08, #fff);
    position: relative;
}

.frnt .title-area .pg-wrap {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 40px;
}

.frnt .title-area .txt-col {
    flex: 1 1 60%;
    position: relative;
    z-index: 1;
}

.frnt .title-area .accent-col {
    flex: 0 0 260px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 40px;
}

.frnt .blob-a {
    position: absolute;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    background: #BEBA3D18;
    filter: blur(60px);
    top: -60px;
    left: -80px;
    pointer-events: none;
    z-index: 0;
}

.frnt .blob-b {
    position: absolute;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: #DBC59D22;
    filter: blur(40px);
    bottom: 0;
    right: 80px;
    pointer-events: none;
    z-index: 0;
}

.frnt .title-h1 {
    font-size: 52px;
    line-height: 1.1;
    letter-spacing: -0.03em;
    color: transparent;
    -webkit-text-stroke: 1.5px #2a2418;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.frnt .title-sub {
    font-size: 16px;
    line-height: 1.55;
    color: #2a2418;
    max-width: 480px;
    position: relative;
    z-index: 1;
    border-top: 2px solid #BEBA3D;
    padding-top: 20px;
    margin-bottom: 20px;
}

.frnt .title-sub p {
    margin: 0 0 8px;
}

.frnt .accent-tag {
    font-size: 16px;
    line-height: 1.35;
    color: #4a4020;
    background: #EAEAE0;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 2px 1px 4px -1px rgba(190, 186, 61, 0.08);
}

.frnt .accent-tag strong {
    display: block;
    color: #2a2418;
    margin-bottom: 4px;
}

.frnt .divider-partial {
    width: 40%;
    height: 1px;
    background: linear-gradient(90deg, #BEBA3D, transparent);
    margin: 0 auto 0 0;
}

.frnt .conditions-sec {
    padding: 80px 0;
    background: #EAEAE0;
    position: relative;
}

.frnt .conditions-sec::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(to top, #BEBA3D, #DBC59D);
}

.frnt .conditions-sec .pg-wrap {
    display: flex;
    flex-direction: row;
    gap: 80px;
    align-items: flex-start;
}

.frnt .cond-left {
    flex: 0 0 320px;
}

.frnt .cond-right {
    flex: 1 1 auto;
}

.frnt .sec-label {
    font-size: 16px;
    letter-spacing: 0.08em;
    color: #7a6e40;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: block;
}

.frnt .sec-h2 {
    font-size: 37px;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: transparent;
    -webkit-text-stroke: 1.2px #2a2418;
    margin-bottom: 20px;
}

.frnt .cond-img-wrap {
    width: 100%;
    aspect-ratio: 16/9;
    overflow: hidden;
    border-radius: 14px;
    box-shadow: 2px 5px 20px -1px rgba(190, 186, 61, 0.11);
    margin-bottom: 20px;
}

.frnt .cond-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.42s cubic-bezier(0.34, 1.2, 0.64, 1);
}

.frnt .cond-img-wrap:hover img {
    transform: scale(1.04);
}

.frnt .cond-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.frnt .cond-list li {
    font-size: 16px;
    line-height: 1.55;
    color: #2a2418;
    padding-left: 20px;
    position: relative;
}

.frnt .cond-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #BEBA3D;
}

.frnt .first-para {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 2px 1px 4px -1px rgba(190, 186, 61, 0.08);
    font-size: 16px;
    line-height: 1.55;
    color: #2a2418;
}

.frnt .body-para {
    font-size: 16px;
    line-height: 1.55;
    color: #3a3220;
    margin-bottom: 20px;
}

.frnt .support-sec {
    padding: 80px 0;
    background: #fff;
}

.frnt .support-sec .pg-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 20px;
}

.frnt .support-head {
    grid-column: 1 / 3;
    grid-row: 1;
}

.frnt .support-img-wrap {
    grid-column: 3;
    grid-row: 1 / 3;
    aspect-ratio: 16/9;
    overflow: hidden;
    border-radius: 14px;
    box-shadow: 2px 8px 44px -1px rgba(190, 186, 61, 0.10);
    align-self: start;
}

.frnt .support-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.45s ease-in-out;
}

.frnt .support-img-wrap:hover img {
    transform: scale(1.03);
}

.frnt .support-cards {
    grid-column: 1 / 3;
    grid-row: 2;
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.frnt .sup-card {
    flex: 1;
    background: #EAEAE0;
    border-radius: 14px;
    padding: 20px;
    box-shadow: 2px 1px 4px -1px rgba(190, 186, 61, 0.08);
    transition: box-shadow 0.38s cubic-bezier(0.34, 1.2, 0.64, 1), transform 0.38s cubic-bezier(0.34, 1.2, 0.64, 1);
}

.frnt .sup-card:hover {
    box-shadow: 2px 5px 20px -1px rgba(190, 186, 61, 0.11);
    transform: translateY(-3px);
}

.frnt .sup-card-icon {
    width: 40px;
    height: 40px;
    margin-bottom: 8px;
}

.frnt .sup-card h4 {
    font-size: 16px;
    line-height: 1.35;
    color: #2a2418;
    margin-bottom: 8px;
    font-weight: 700;
}

.frnt .sup-card p {
    font-size: 16px;
    line-height: 1.55;
    color: #3a3220;
    margin: 0;
}

.frnt .journey-sec {
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}

.frnt .journey-sec .bg-anim {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

.frnt .grad-layer-a {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, #BEBA3D12, #fff 60%);
    animation: gradA 8s ease-in-out infinite alternate;
}

.frnt .grad-layer-b {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, #DBC59D18, transparent 70%);
    animation: gradB 11s ease-in-out infinite alternate;
}

@keyframes gradA {
    0% {
        opacity: 0.6;
        transform: translateY(0);
    }

    100% {
        opacity: 1;
        transform: translateY(-20px);
    }
}

@keyframes gradB {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0.5;
        transform: translateY(15px);
    }
}

.frnt .journey-sec .pg-wrap {
    position: relative;
    z-index: 1;
}

.frnt .journey-inner {
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: flex-start;
}

.frnt .journey-text {
    flex: 1 1 50%;
}

.frnt .journey-visual {
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.frnt .journey-img-main {
    width: 100%;
    aspect-ratio: 16/9;
    overflow: hidden;
    border-radius: 14px;
    box-shadow: 2px 5px 20px -1px rgba(190, 186, 61, 0.11);
}

.frnt .journey-img-main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease-in-out;
}

.frnt .journey-img-main:hover img {
    transform: scale(1.04);
}

.frnt .journey-img-offset {
    width: 80%;
    align-self: flex-end;
    aspect-ratio: 16/9;
    overflow: hidden;
    border-radius: 14px;
    box-shadow: 2px 1px 4px -1px rgba(190, 186, 61, 0.08);
    margin-top: -40px;
}

.frnt .journey-img-offset img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.43s cubic-bezier(0.34, 1.2, 0.64, 1);
}

.frnt .journey-img-offset:hover img {
    transform: scale(1.04);
}

.frnt .code-block {
    background: #2a2418;
    border-radius: 8px;
    padding: 20px;
    font-size: 16px;
    line-height: 1.55;
    color: #DBC59D;
    margin: 20px 0;
    box-shadow: inset 0 3px 6px rgba(190, 186, 61, 0.08);
}

.frnt .code-block .cb-line {
    display: block;
    margin-bottom: 4px;
}

.frnt .code-block .cb-key {
    color: #BEBA3D;
}

.frnt .code-block .cb-val {
    color: #EAEAE0;
}

.frnt .results-sec {
    padding: 80px 0;
    background: #EAEAE0;
    position: relative;
}

.frnt .results-sec::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(to bottom, #BEBA3D, #DBC59D);
}

.frnt .results-inner {
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: flex-start;
}

.frnt .results-text {
    flex: 0 0 420px;
}

.frnt .results-grid {
    flex: 1 1 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.frnt .res-item {
    background: #fff;
    border-radius: 14px;
    padding: 20px;
    box-shadow: 2px 1px 4px -1px rgba(190, 186, 61, 0.08);
    transition: box-shadow 0.35s cubic-bezier(0.34, 1.2, 0.64, 1), transform 0.35s cubic-bezier(0.34, 1.2, 0.64, 1);
}

.frnt .res-item:hover {
    box-shadow: 2px 5px 20px -1px rgba(190, 186, 61, 0.11);
    transform: translateY(-4px);
}

.frnt .res-item h5 {
    font-size: 16px;
    line-height: 1.35;
    color: transparent;
    -webkit-text-stroke: 1px #2a2418;
    font-weight: 700;
    margin-bottom: 8px;
}

.frnt .res-item p {
    font-size: 16px;
    line-height: 1.55;
    color: #3a3220;
    margin: 0;
}

.frnt .res-img-wrap {
    width: 100%;
    aspect-ratio: 16/9;
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 20px;
}

.frnt .res-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.frnt .interview-link {
    display: inline-block;
    margin-top: 20px;
    padding: 8px 20px;
    border: 1.5px solid #BEBA3D;
    border-radius: 8px;
    color: #2a2418;
    font-size: 16px;
    line-height: 1.35;
    text-decoration: none;
    background: transparent;
    transition: background 0.36s cubic-bezier(0.34, 1.2, 0.64, 1), color 0.36s cubic-bezier(0.34, 1.2, 0.64, 1);
}

.frnt .interview-link:hover {
    background: linear-gradient(160deg, #BEBA3D, #DBC59D);
    color: #fff;
}

.frnt .divider-right {
    width: 40%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #BEBA3D);
    margin: 0 0 0 auto;
}

@media (max-width: 1024px) {
    .frnt .title-area .pg-wrap {
        flex-direction: column;
    }

    .frnt .title-area .accent-col {
        flex: 0 0 auto;
        width: 100%;
        flex-direction: row;
        padding-top: 0;
    }

    .frnt .conditions-sec .pg-wrap {
        flex-direction: column;
        gap: 40px;
    }

    .frnt .cond-left {
        flex: 0 0 auto;
        width: 100%;
    }

    .frnt .support-sec .pg-wrap {
        grid-template-columns: 1fr 1fr;
    }

    .frnt .support-head {
        grid-column: 1 / 3;
    }

    .frnt .support-img-wrap {
        grid-column: 1 / 3;
        grid-row: 2;
    }

    .frnt .support-cards {
        grid-column: 1 / 3;
        grid-row: 3;
    }

    .frnt .journey-inner {
        flex-direction: column;
    }

    .frnt .journey-visual {
        width: 100%;
    }

    .frnt .journey-img-offset {
        margin-top: 0;
    }

    .frnt .results-inner {
        flex-direction: column;
    }

    .frnt .results-text {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .frnt .title-h1 {
        font-size: 37px;
    }

    .frnt .sec-h2 {
        font-size: 37px;
    }

    .frnt .title-area .accent-col {
        flex-direction: column;
    }

    .frnt .support-cards {
        flex-direction: column;
    }

    .frnt .results-grid {
        grid-template-columns: 1fr;
    }

    .frnt .support-sec .pg-wrap {
        grid-template-columns: 1fr;
    }

    .frnt .support-head {
        grid-column: 1;
    }

    .frnt .support-img-wrap {
        grid-column: 1;
        grid-row: 2;
    }

    .frnt .support-cards {
        grid-column: 1;
        grid-row: 3;
    }
}

@media (max-width: 320px) {
    .frnt .title-h1 {
        font-size: 37px;
    }

    .frnt .pg-wrap {
        padding: 0 8px;
    }
}