#cta[data-final-invitation] {
    --cta-gold: var(--section-accent, #ffcd62);
    color: var(--section-text, #fffaf0);
    padding-block: var(--section-pad, clamp(46px, 9vh, 105px));
}

#cta[data-final-invitation] .exp-shade {
    background: linear-gradient(90deg, var(--section-gradient, #041b12eb), rgb(4 27 18 / var(--overlay, .64)) 46%, #061b1466);
}

#cta[data-cta-vignette] .exp-shade {box-shadow: inset 0 0 110px #03180e80;}
#cta[data-final-invitation] .exp-inner {
    width: min(92%, 1366px);
    grid-template-columns: minmax(0, 1fr) minmax(0, var(--form-width, 560px));
    gap: clamp(24px, 5vw, 72px);
}

#cta[data-final-invitation] .exp-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--cta-gold);
    letter-spacing: .19em;
}

#cta[data-final-invitation] .exp-eyebrow::after {
    content: "";
    width: clamp(18px, 5vw, 90px);
    height: 1px;
    background: currentColor;
}

#cta[data-final-invitation] .exp-title {
    font-size: var(--title-size, clamp(41px, 5.2vw, 76px));
    line-height: 1;
    max-width: none;
    text-transform: none;
    letter-spacing: -.04em;
}

#cta[data-final-invitation] .exp-title em {color: var(--cta-gold); font-style: italic;}
#cta[data-final-invitation] .exp-description {max-width: 46ch; color: #f4f4e9; line-height: 1.55;}

.exp-cta-benefits,.exp-cta-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 18px;
    list-style: none;
    padding: 0;
}

.exp-cta-benefits {margin: 25px 0 0;}
.exp-cta-trust {margin: 17px 0 0; font-size: 12px;}
.exp-cta-benefits li,.exp-cta-trust li {display: flex; align-items: center; gap: 8px;}
.exp-cta-benefits small,.exp-cta-trust small {display: block;}
.exp-cta-benefits svg,.exp-cta-trust svg {display: block; width: 24px; height: 24px; color: var(--cta-gold);}
.exp-cta-trust svg {width: 18px; height: 18px;}

#cta .exp-tour-booking {
    max-width: 540px;
    margin-top: 24px;
    padding: 18px;
    border: 1px solid #f7d68c66;
    border-radius: 16px;
    background: #062419ed;
}
#cta .exp-tour-booking h3 {margin: 0 0 10px; color: var(--cta-gold);}
#cta .exp-tour-departure {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; padding: 9px 0; border-top: 1px solid #f7d68c44;}
#cta .exp-tour-departure small {display: block; margin-top: 2px;}
#cta .exp-tour-booking > .exp-button {margin-top: 9px;}

#cta[data-final-invitation] .exp-inquiry-panel {
    width: 100%;
    max-width: none;
    min-width: 0;
    padding: clamp(20px, 3vw, 34px);
    background: linear-gradient(145deg, #103222eb, #041c13f2);
    border: 1px solid var(--form-border, #f7d68c9c);
    border-radius: var(--form-radius, 24px);
    box-shadow: 0 16px 48px rgb(0 17 10 / var(--form-shadow, .44));
    backdrop-filter: blur(6px);
}

#cta[data-final-invitation] .exp-inquiry-panel h3 {
    font-family: var(--font-display, sans-serif) !important;
    font-size: clamp(25px, 3vw, 38px);
    text-transform: uppercase;
    margin-bottom: 8px;
}

#cta[data-final-invitation] .exp-inquiry-panel h3 svg {flex: none; width: 31px; height: 31px; color: var(--cta-gold);}
.exp-form-intro {margin: 0 0 20px; color: #e5ebdf; font-size: 14px;}
#cta[data-final-invitation] .exp-form-grid {gap: 14px;}
#cta[data-final-invitation] .exp-form-grid label {min-width: 0; font-size: 13px; font-weight: 650;}
#cta[data-final-invitation] .exp-field,
#cta[data-final-invitation] textarea {background: #faf7ed; color: #102c21; border-radius: 10px; min-height: 50px;}
#cta[data-final-invitation] :is(.exp-field,textarea):focus-within {outline: 2px solid var(--cta-gold); outline-offset: 2px;}
#cta[data-final-invitation] .exp-field:focus-within svg {color: #8a610e;}
#cta[data-final-invitation] .exp-field input {font-size: 14px;}
#cta[data-final-invitation] textarea {padding: 11px 12px; min-height: 88px; resize: vertical;}
#cta[data-final-invitation] .exp-inquiry-panel form > .exp-button {
    min-height: 58px;
    background: linear-gradient(#ffe29b, #f5bb3d);
    color: #172717;
    font-size: 15px;
}

#cta[data-final-invitation] .exp-inquiry-panel form > .exp-button:focus-visible {
    outline: 2px solid #fff3c7;
    outline-offset: 4px;
}

@media (max-width: 900px) {
    #cta[data-final-invitation] .exp-inner {grid-template-columns: minmax(0, 1fr);}
    #cta[data-final-invitation] .exp-inquiry-panel {max-width: min(100%, var(--form-width, 620px));}
}

@media (max-width: 600px) {
    #cta[data-final-invitation] .exp-form-grid {grid-template-columns: minmax(0, 1fr);}
    #cta[data-final-invitation] .exp-cta-benefits {gap: 12px;}
}