/* Belépő landing (weboldali csomag-gombról érkezőknek). Token-vezérelt (glide-tokens.css),
 * a glide-auth.css kártya/mező/gomb komponenseire épül; minden új osztály `glide-landing` előtagú.
 * Elrendezés: ~1040px tartalom, 2 oszlopos intro (≥900px, sticky csomagkártya), 4 lépés + 3 oszlop (≥800px). */

.glide-landing-body { overflow-x: hidden; }

.glide-landing__wrap {
    box-sizing: border-box;
    max-width: 1040px;
    margin: 0 auto;
    padding: 0 20px;
}
@media (min-width: 768px) {
    .glide-landing__wrap { padding: 0 40px; }
}

/* --- fejléc ----------------------------------------------------------- */
.glide-landing__header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--glide-space-md);
    padding-top: var(--glide-space-md);
    padding-bottom: var(--glide-space-md);
}
.glide-landing__logo {
    font-family: var(--glide-font-display);
    font-weight: 700;
    font-size: var(--glide-type-subtitle);
    letter-spacing: .08em;
    color: var(--glide-text-primary);
    text-decoration: none;
}
.glide-landing__back {
    font-size: var(--glide-type-body);
    color: var(--glide-text-link);
    text-decoration: none;
}
.glide-landing__back:hover,
.glide-landing__pack-foot a:hover,
.glide-landing__footer a:hover { text-decoration: underline; }

/* --- intro: bal tartalom + jobb sticky csomagkártya ------------------- */
.glide-landing__intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--glide-space-xl);
    padding-top: var(--glide-space-lg);
    padding-bottom: var(--glide-space-xxl);
}
@media (min-width: 900px) {
    .glide-landing__intro {
        grid-template-columns: minmax(0, 1fr) 340px;
        gap: 56px;
        align-items: start;
        padding-top: var(--glide-space-xl);
    }
}
.glide-landing__title {
    margin: 0 0 var(--glide-space-md);
    font-family: var(--glide-font-body);            /* Inter, mint a belépő címe (DS „Title") */
    font-size: var(--glide-type-title);             /* 28px */
    font-weight: 600;
    line-height: 1.286;
    color: var(--glide-text-primary);
}
.glide-landing__lead {
    margin: 0;
    max-width: 640px;
    font-size: 16px;
    line-height: 1.6;
    color: var(--glide-text-secondary);
}
.glide-landing .glide-auth__error { margin-top: var(--glide-space-lg); }

.glide-landing__cta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--glide-space-md);
}
.glide-landing__micro {
    font-size: var(--glide-type-caption);
    color: var(--glide-text-secondary);
}
@media (max-width: 599px) {
    .glide-landing__cta { flex-direction: column; align-items: stretch; }
    .glide-landing__cta .glide-btn { width: 100%; box-sizing: border-box; }
}

/* --- megnyugtató lista ------------------------------------------------ */
.glide-landing__assure {
    list-style: none;
    margin: var(--glide-space-xl) 0 0;
    padding: 0;
    display: grid;
    gap: var(--glide-space-md);
}
.glide-landing__assure li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: var(--glide-text-primary);
}
.glide-landing__check {
    flex: 0 0 auto;
    margin-top: 1px;
    color: var(--glide-color-teal);
}

/* --- csomagkártya ----------------------------------------------------- */
.glide-landing__pack {
    background: var(--glide-surface-raised);
    border: 1px solid var(--glide-color-teal);
    border-radius: var(--glide-radius-lg);
    box-shadow: var(--glide-shadow-overlay);
    overflow: hidden;
}
@media (min-width: 900px) {
    .glide-landing__pack { position: sticky; top: var(--glide-space-lg); }
}
.glide-landing__pack-bar {
    display: flex;
    justify-content: space-between;
    gap: var(--glide-space-sm);
    padding: 10px var(--glide-space-md);
    background: var(--glide-color-teal);
    color: var(--glide-color-white);
    font-size: var(--glide-type-caption);
    font-weight: 600;
}
.glide-landing__pack-body { padding: var(--glide-space-lg) var(--glide-space-md) var(--glide-space-md); }
.glide-landing__pack-name {
    margin: 0 0 var(--glide-space-sm);
    font-family: var(--glide-font-display);
    font-size: var(--glide-type-title);
    font-weight: 700;
    color: var(--glide-text-primary);
}
.glide-landing__pack-tagline {
    margin: 0 0 var(--glide-space-md);
    color: var(--glide-text-secondary);
}
.glide-landing__pack-rows { margin: 0; }
.glide-landing__pack-row {
    padding: 12px 0;
    border-top: 1px solid var(--glide-border-hairline);
}
.glide-landing__pack-row dt {
    margin: 0 0 2px;
    font-size: var(--glide-type-caption);
    color: var(--glide-text-secondary);
}
.glide-landing__pack-row dd {
    margin: 0;
    font-weight: 600;
    color: var(--glide-text-primary);
}
.glide-landing__pack-row dd.glide-landing__pack-price {
    font-family: var(--glide-font-display);
    font-size: var(--glide-type-subtitle);
    font-weight: 700;
}
.glide-landing__pack-foot {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 12px var(--glide-space-md);
    background: var(--glide-surface-base);
    border-top: 1px solid var(--glide-border-hairline);
    font-size: var(--glide-type-caption);
    color: var(--glide-text-secondary);
}
.glide-landing__pack-foot a {
    color: var(--glide-text-link);
    font-weight: 600;
    text-decoration: none;
}

/* --- szekciók: közös --------------------------------------------------- */
.glide-landing__h2 {
    margin: 0 0 var(--glide-space-sm);
    font-family: var(--glide-font-display);
    font-size: var(--glide-type-subtitle);
    font-weight: 700;
    line-height: 1.3;
    color: var(--glide-text-primary);
}
@media (min-width: 768px) {
    .glide-landing__h2 { font-size: var(--glide-type-title); }
}
.glide-landing__section-lead {
    margin: 0 0 var(--glide-space-lg);
    max-width: 640px;
    color: var(--glide-text-secondary);
}

/* --- „Mi történik a belépés után”: fehér, teljes szélességű sáv --------- */
.glide-landing__after {
    padding: var(--glide-space-xxl) 0;
    background: var(--glide-surface-raised);
    border-top: 1px solid var(--glide-border-hairline);
    border-bottom: 1px solid var(--glide-border-hairline);
}
.glide-landing__steps {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--glide-space-md);
}
@media (min-width: 800px) {
    .glide-landing__steps { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.glide-landing__step {
    padding: var(--glide-space-md);
    background: var(--glide-surface-base);
    border-radius: var(--glide-radius-lg);
}
.glide-landing__step--now { background: var(--glide-surface-subtle); }
.glide-landing__step-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-bottom: var(--glide-space-sm);
    border-radius: 50%;
    background: var(--glide-color-teal);
    color: var(--glide-color-white);
    font-size: var(--glide-type-caption);
    font-weight: 700;
}
.glide-landing__step-title {
    margin: 0 0 4px;
    font-size: var(--glide-type-body);
    font-weight: 700;
    line-height: 1.4;
    color: var(--glide-text-primary);
}
.glide-landing__step-who {
    margin: 0 0 var(--glide-space-sm);
    font-size: var(--glide-type-caption);
    font-weight: 600;
    color: var(--glide-color-teal-text);
}
.glide-landing__step-text {
    margin: 0;
    font-size: var(--glide-type-caption);
    line-height: 1.6;
    color: var(--glide-text-secondary);
}

/* --- „Így dolgozunk…”: 3 oszlop ---------------------------------------- */
.glide-landing__how { padding: var(--glide-space-xxl) 0; }
.glide-landing__three {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--glide-space-lg);
}
@media (min-width: 800px) {
    .glide-landing__three { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--glide-space-xl); }
}
.glide-landing__how-icon { color: var(--glide-color-teal); }
.glide-landing__three-col h3 {
    margin: var(--glide-space-sm) 0 var(--glide-space-sm);
    font-family: var(--glide-font-display);
    font-size: 18px;
    font-weight: 700;
    color: var(--glide-text-primary);
}
.glide-landing__three-col p {
    margin: 0;
    color: var(--glide-text-secondary);
}

/* --- bizonyíték-blokk (középre) ---------------------------------------- */
.glide-landing__proof {
    padding: 0 0 var(--glide-space-xxl);
    text-align: center;
}
.glide-landing__proof-message {
    max-width: 720px;
    margin: 0 auto var(--glide-space-sm);
    font-family: var(--glide-font-display);
    font-size: var(--glide-type-subtitle);
    font-weight: 400;
    line-height: 1.35;
    color: var(--glide-text-primary);
}
@media (min-width: 768px) {
    .glide-landing__proof-message { font-size: var(--glide-type-title); }
}
.glide-landing__proof-line {
    margin: 0 0 var(--glide-space-lg);
    font-size: var(--glide-type-caption);
    color: var(--glide-text-secondary);
}
.glide-landing__proof-back {
    color: var(--glide-text-link);
    text-underline-offset: 3px;
}

/* --- lábléc ------------------------------------------------------------ */
.glide-landing__footer {
    padding: var(--glide-space-lg) 0 var(--glide-space-xl);
    border-top: 1px solid var(--glide-border-hairline);
    font-size: var(--glide-type-caption);
    color: var(--glide-text-tertiary);
}
.glide-landing__footer .glide-landing__wrap {
    display: flex;
    flex-wrap: wrap;
    gap: var(--glide-space-md) var(--glide-space-lg);
}
.glide-landing__footer a {
    color: var(--glide-text-secondary);
    text-decoration: none;
}