/* eMASIR public landing — calm premium, RTL */
.landing-body {
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #f7f9fb;
    color: var(--emasir-ink, #1c2834);
    font-family: "Shabnam", Tahoma, Arial, sans-serif;
    overflow-x: clip;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

html:has(body.landing-body) {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

html:has(body.landing-body)::-webkit-scrollbar,
body.landing-body::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}

body.ld-nav-lock {
    overflow: hidden;
}

.ld-main {
    flex: 1 0 auto;
}

.ld-flash {
    padding: 0.75rem 0;
    border-bottom: 1px solid transparent;
}

.ld-flash .ld-wrap {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    font-size: 0.92rem;
    font-weight: 600;
    line-height: 1.6;
}

.ld-flash--warn {
    background: #fffbeb;
    border-bottom-color: #fcd34d;
    color: #92400e;
}

.ld-flash--warn i {
    margin-top: 0.2rem;
    color: #d97706;
}

.ld-flash--ok {
    background: #ecfdf5;
    border-bottom-color: #6ee7b7;
    color: #065f46;
}

.ld-flash--ok i {
    margin-top: 0.2rem;
    color: #059669;
}

.ld-wrap {
    width: min(1120px, calc(100% - 2rem));
    margin-inline: auto;
}

.ld-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2.55rem;
    padding: 0.55rem 1.15rem;
    border-radius: 10px;
    border: 1px solid transparent;
    font-weight: 700;
    font-size: 0.95rem;
    text-decoration: none;
    line-height: 1.2;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.ld-btn--primary {
    background: #22a45a;
    color: #fff;
    box-shadow: 0 8px 20px rgba(34, 164, 90, 0.22);
}

.ld-btn--primary:hover {
    background: #1b8c4c;
    color: #fff;
}

/* Guest navbar CTA — blue; signed-in keeps --primary (green). */
.ld-btn--panel {
    background: #2563eb;
    color: #fff;
    border-color: #1d4ed8;
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.22);
}

.ld-btn--panel:hover {
    background: #1d4ed8;
    color: #fff;
}

.ld-btn[data-auth-spring-icon].is-busy,
.ld-nav__link[data-auth-spring-icon].is-busy,
.ld-nav__account[data-auth-spring-icon].is-busy {
    pointer-events: none;
    gap: 0;
    min-width: 2.55rem;
    font-size: 0;
    line-height: 0;
    color: transparent;
    animation: ld-auth-spring 0.55s ease;
}

.ld-btn[data-auth-spring-icon].is-busy > span,
.ld-btn[data-auth-spring-icon].is-busy > i,
.ld-nav__link[data-auth-spring-icon].is-busy > span,
.ld-nav__link[data-auth-spring-icon].is-busy > i,
.ld-nav__account[data-auth-spring-icon].is-busy > span,
.ld-nav__account[data-auth-spring-icon].is-busy > i {
    display: none !important;
}

.ld-btn[data-auth-spring-icon].is-busy::after,
.ld-nav__link[data-auth-spring-icon].is-busy::after,
.ld-nav__account[data-auth-spring-icon].is-busy::after {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border: 2px solid rgba(255, 255, 255, 0.45);
    border-top-color: #fff;
    border-radius: 50%;
    animation: ld-auth-spin 0.7s linear infinite;
}

.ld-nav__link[data-auth-spring-icon].is-busy::after,
.ld-nav__account[data-auth-spring-icon].is-busy::after {
    border-color: rgba(29, 78, 216, 0.25);
    border-top-color: #1d4ed8;
}

@keyframes ld-auth-spring {
    0% { transform: scale(1); }
    35% { transform: scale(0.94); }
    70% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

@keyframes ld-auth-spin {
    to { transform: rotate(360deg); }
}

.ld-btn--outline {
    background: #fff;
    color: var(--emasir-navy, #0e2740);
    border-color: #c9d4e0;
}

.ld-btn--outline:hover {
    border-color: var(--emasir-navy, #0e2740);
    color: var(--emasir-navy, #0e2740);
}

.ld-btn--ghost-light {
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.45);
    backdrop-filter: blur(6px);
}

.ld-btn--ghost-light:hover {
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
    border-color: #fff;
}

.ld-btn--ghost {
    background: #fff;
    color: var(--emasir-navy, #0e2740);
    border-color: #c9d4e0;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.ld-btn--ghost:hover {
    background: #f8fafc;
    border-color: #94a3b8;
    color: var(--emasir-navy, #0e2740);
}

.ld-btn--light {
    background: #fff;
    color: var(--emasir-navy, #0e2740);
}

.ld-btn--light:hover {
    background: #eef3f8;
    color: var(--emasir-navy, #0e2740);
}

.ld-btn--lg {
    min-height: 3rem;
    padding-inline: 1.35rem;
    font-size: 1rem;
}

.ld-btn--block {
    width: 100%;
}

/* Nav */
.ld-nav {
    position: sticky;
    top: 0;
    z-index: 40;
    background: rgba(255, 255, 255, 0.94);
    border-bottom: 1px solid var(--emasir-line, #e3e8ee);
    backdrop-filter: blur(10px);
}

.ld-nav__inner {
    width: min(1120px, calc(100% - 2rem));
    margin-inline: auto;
    min-height: 4rem;
    display: flex;
    align-items: center;
    gap: 0.75rem 1rem;
}

@media (min-width: 721px) {
    /* Brand | centered menu (nudged to logo/right) | actions */
    .ld-nav__inner {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        column-gap: 1rem;
    }

    .ld-brand {
        margin-inline-end: 0;
        justify-self: start;
    }

    .ld-nav__menu--bar {
        justify-self: center;
        /* Physical right toward logo so the list reads centered in the bar */
        transform: translateX(1.1rem);
    }

    .ld-nav__actions {
        justify-self: end;
    }
}

.ld-nav__account {
    display: none;
    flex: 0 0 auto;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: linear-gradient(160deg, #ffffff 0%, #f8fafc 42%, #eef2f7 100%);
    color: #1d4ed8;
    text-decoration: none;
    font-size: 1.2rem;
    line-height: 1;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.95) inset,
        0 -1px 0 rgba(148, 163, 184, 0.22) inset,
        0 3px 8px rgba(15, 23, 42, 0.1),
        0 1px 2px rgba(15, 23, 42, 0.06);
    transform: translateY(-1px);
}

.ld-nav__account:hover {
    color: #1d4ed8;
}

.ld-nav__account > i {
    font-size: 1.25rem;
    transform: scale(1.12);
}

.ld-nav__account-text {
    display: none;
}

.ld-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    text-decoration: none;
    margin-inline-end: auto;
    min-width: 0;
}

.ld-brand__logo {
    flex: 0 0 auto;
    width: 2.35rem;
    height: 2.35rem;
    display: grid;
    place-items: center;
}

.ld-brand__logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.ld-brand__copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.12rem;
    min-width: 0;
}

.ld-brand__by {
    color: #64748b;
    font-size: 0.58rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1.1;
    white-space: nowrap;
}

.ld-brand .ld-brand-mark {
    font-size: 1.15rem;
}

.ld-brand-mark {
    display: inline;
    font-family: "Vazirmatn", "Shabnam", sans-serif;
    font-weight: 800;
    font-size: 1em;
    letter-spacing: -0.03em;
    line-height: 1;
    white-space: nowrap;
    unicode-bidi: isolate;
}

.ld-brand-mark__e {
    color: #0891b2;
    text-shadow:
        0 1px 0 rgba(255, 255, 255, 0.85),
        0 2px 0 rgba(8, 145, 178, 0.18),
        0 6px 12px rgba(8, 145, 178, 0.28);
}

.ld-brand-mark__masir {
    color: #1e3a8a;
    text-shadow:
        0 1px 0 rgba(255, 255, 255, 0.85),
        0 2px 0 rgba(30, 58, 138, 0.12),
        0 6px 14px rgba(30, 58, 138, 0.22);
}

.ld-brand-mark.is-on-dark .ld-brand-mark__e {
    color: #22d3ee;
    text-shadow:
        0 1px 0 rgba(0, 0, 0, 0.25),
        0 6px 14px rgba(34, 211, 238, 0.35);
}

.ld-brand-mark.is-on-dark .ld-brand-mark__masir {
    color: #ffffff;
    text-shadow:
        0 1px 0 rgba(0, 0, 0, 0.2),
        0 6px 14px rgba(255, 255, 255, 0.18);
}

.ld-footer__brand .ld-brand-mark {
    font-size: 1.1rem;
}

.ld-nav__menu--bar {
    display: flex;
    align-items: center;
    gap: 0.15rem 1.1rem;
    flex-wrap: wrap;
}

.ld-nav__link {
    color: var(--emasir-muted, #5d6b78);
    text-decoration: none;
    font-size: 0.92rem;
    font-weight: 600;
}

.ld-nav__link:hover {
    color: var(--emasir-navy, #0e2740);
}

.ld-nav__link.is-active {
    color: #1d4ed8;
}

.ld-nav__actions {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-shrink: 0;
}

/* Single navbar CTA: «ورود به پنل» (guest blue + signed-in green). */
.ld-nav__actions > .ld-btn[data-auth-spring-icon],
.ld-nav__actions > .ld-btn--primary,
.ld-nav__actions > .ld-btn--panel {
    box-sizing: border-box;
    width: 8.7rem;
    padding-inline: 0.7rem;
    white-space: nowrap;
    justify-content: center;
    border-radius: 6px;
}

.ld-nav__toggle {
    display: none;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: linear-gradient(160deg, #ffffff 0%, #f8fafc 42%, #eef2f7 100%);
    color: #1d4ed8;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.95) inset,
        0 -1px 0 rgba(148, 163, 184, 0.22) inset,
        0 3px 8px rgba(15, 23, 42, 0.1),
        0 1px 2px rgba(15, 23, 42, 0.06);
    transform: translateY(-1px);
}

.ld-nav__overlay {
    display: none;
}

.ld-nav__drawer {
    display: none;
}

/* Inner public pages hero */
.ld-page-hero {
    padding: 2.5rem 0 1.5rem;
    background:
        radial-gradient(800px 320px at 90% -20%, rgba(34, 164, 90, 0.14), transparent 60%),
        linear-gradient(180deg, #ffffff 0%, #f7f9fb 100%);
    text-align: center;
}

.ld-page-hero h1 {
    margin: 0;
    color: var(--emasir-navy, #0e2740);
    font-size: clamp(1.55rem, 2.4vw, 2rem);
    font-weight: 800;
}

.ld-page-hero > .ld-wrap > p:last-child {
    margin: 0.65rem auto 0;
    max-width: 36rem;
    color: var(--emasir-muted, #5d6b78);
    line-height: 1.8;
}

/* Eyebrow chip */
.ld-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0 0 0.85rem;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: #e8f6ee;
    color: #1b8c4c;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.2;
    border: 1px solid #c6e9d4;
}

.ld-eyebrow i {
    font-size: 0.78rem;
}

.ld-kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    margin: 0 0 0.85rem;
    color: var(--emasir-navy, #0e2740);
    font-size: clamp(1.15rem, 2vw, 1.45rem);
    font-weight: 800;
    line-height: 1.2;
}

.ld-kicker i {
    width: 2.35rem;
    height: 2.35rem;
    display: inline-grid;
    place-items: center;
    border-radius: 10px;
    font-size: 1rem;
    flex: 0 0 auto;
}

.ld-kicker span {
    display: inline-flex;
    align-items: baseline;
    gap: 0.35rem;
    padding-bottom: 0.15rem;
}

.ld-kicker b {
    font-weight: 800;
}

.ld-kicker--live i {
    background: #e8f0ff;
    color: #1d4ed8;
}

.ld-kicker--live span {
    box-shadow: inset 0 -3px 0 #bfdbfe;
}

.ld-kicker--live b {
    color: #1d4ed8;
}

.ld-kicker--driver i {
    background: #e8f6ee;
    color: #157a40;
}

.ld-kicker--driver span {
    box-shadow: inset 0 -3px 0 #bbf7d0;
}

.ld-kicker--driver b {
    color: #157a40;
}

.ld-kicker--border i {
    background: #e8f6ee;
    color: #1d6b4f;
}

.ld-kicker--border span {
    box-shadow: inset 0 -3px 0 #bbf7d0;
}

.ld-kicker--border b {
    color: #1d6b4f;
}

/* Hero — cinematic photo after navbar */
.ld-hero {
    position: relative;
    padding: 3.25rem 0 2.75rem;
    overflow: hidden;
}

.ld-hero--photo {
    min-height: min(78vh, 680px);
    display: flex;
    align-items: center;
    color: #f4f8fc;
}

.ld-hero__bg {
    position: absolute;
    inset: 0;
    background:
        url("../../img/landing/hero-bg.jpg") 18% center / cover no-repeat;
    transform: scaleX(-1) scale(1.04);
}

@media (min-width: 981px) {
    /* Yazı + mock’lar birlikte sağa — solda tır kabini açılsın */
    .ld-hero--photo .ld-hero__grid {
        transform: translateX(clamp(2.25rem, 6.5vw, 5.75rem));
    }

    .ld-hero--photo .ld-hero__bg {
        background-position: 12% center;
    }
}

.ld-hero__shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(6, 18, 32, 0.08) 0%,
            rgba(6, 18, 32, 0.18) 34%,
            rgba(6, 18, 32, 0.52) 68%,
            rgba(6, 18, 32, 0.72) 100%
        ),
        linear-gradient(180deg, rgba(6, 18, 32, 0.12) 0%, transparent 42%, rgba(6, 18, 32, 0.28) 100%);
    pointer-events: none;
}

.ld-hero__grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    gap: 2rem;
    align-items: center;
    width: min(1120px, calc(100% - 2rem));
    margin-inline: auto;
}

.ld-eyebrow--on-dark {
    background: rgba(16, 80, 48, 0.72);
    color: #9af0b8;
    border: 1px solid rgba(110, 231, 160, 0.35);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
}

.ld-eyebrow--on-dark i {
    color: #dffceb;
}

.ld-hero__title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15em;
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.65rem, 3vw, 2.55rem);
    font-weight: 800;
    line-height: 1.45;
    text-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
}

.ld-hero__title-line {
    display: block;
}

.ld-hero__title-line--accent {
    color: #6ee7a0;
    background: linear-gradient(90deg, #86efac 0%, #4ade80 55%, #34d399 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ld-hero__lead {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2em;
    margin: 1rem 0 0;
    font-size: 1.08rem;
    color: #d7e3ef;
    line-height: 1.85;
}

.ld-hero__lead-line {
    display: block;
}

.ld-hero__sub {
    margin: 0.75rem 0 0;
    color: #a9bdd0;
    font-size: 0.95rem;
    line-height: 1.8;
}

.ld-hero__cta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1.45rem;
}

/* Logged-in label + icon stays inside the guest «شروع رایگان» width. */
@media (min-width: 721px) {
    .ld-hero__cta > .ld-btn--primary {
        box-sizing: border-box;
        width: 8.625rem;
        white-space: nowrap;
    }

    .ld-hero__cta > .ld-btn--primary[data-auth-spring-icon] {
        padding-inline: 0.95rem;
    }
}

.ld-trust {
    list-style: none;
    margin: 1.5rem 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem 1rem;
}

.ld-trust li {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--emasir-muted, #5d6b78);
    font-size: 0.88rem;
    font-weight: 600;
}

.ld-trust i {
    width: 1.85rem;
    height: 1.85rem;
    display: inline-grid;
    place-items: center;
    border-radius: 8px;
    background: #eef7f1;
    color: #1b8c4c;
    font-size: 0.85rem;
}

.ld-trust--on-dark li {
    color: #c5d4e4;
}

.ld-trust--on-dark i {
    background: rgba(255, 255, 255, 0.1);
    color: #6ee7a0;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.ld-trust--cards {
    gap: 0.7rem;
}

.ld-trust--cards li {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.55rem;
    min-height: 5.4rem;
    padding: 0.95rem 0.7rem;
    border-radius: 14px;
    text-align: center;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.ld-trust--cards li:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(94, 234, 212, 0.28);
    transform: translateY(-1px);
}

.ld-trust--cards i {
    width: auto;
    height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #5eead4;
    font-size: 1.35rem;
    line-height: 1;
}

.ld-trust--cards span {
    color: #f1f5f9;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.35;
}

.ld-trust--cards.ld-trust--on-dark li {
    color: #f1f5f9;
}

.ld-trust--cards.ld-trust--on-dark i {
    background: transparent;
    border: 0;
    color: #5eead4;
}

.ld-hero__visual {
    position: relative;
    min-height: 18rem;
    perspective: 1200px;
}

.ld-hero--photo .ld-mock--desktop {
    background: transparent;
    border: 0;
    border-radius: 0;
    overflow: visible;
    box-shadow: none;
}

.ld-hero--photo .ld-mock--desktop.ld-mock--tilt {
    box-shadow: none;
}

.ld-hero--photo .ld-mock--phone {
    background: transparent;
    border: 0;
    border-radius: 0;
    overflow: visible;
    aspect-ratio: auto;
    box-shadow: none;
}

.ld-hero--photo .ld-mock--phone img {
    height: auto;
    object-fit: contain;
    object-position: center;
}

.ld-mock {
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 18px 40px rgba(14, 39, 64, 0.14);
    background: #fff;
    border: 1px solid #e5ebf2;
}

.ld-mock img {
    display: block;
    width: 100%;
    height: auto;
}

.ld-mock--desktop {
    width: 100%;
}

.ld-mock--tilt {
    transform: rotateY(-8deg) rotateX(4deg) translateZ(0);
    box-shadow:
        0 22px 48px rgba(14, 39, 64, 0.18),
        0 2px 0 rgba(255, 255, 255, 0.6) inset;
    transition: transform 0.45s ease, box-shadow 0.45s ease;
}

.ld-hero__visual:hover .ld-mock--tilt {
    transform: rotateY(-4deg) rotateX(2deg) translateY(-0.25rem);
    box-shadow: 0 28px 56px rgba(14, 39, 64, 0.22);
}

.ld-hero--photo .ld-hero__visual:hover .ld-mock--desktop.ld-mock--tilt {
    box-shadow: none;
}

.ld-mock--phone {
    position: absolute;
    width: 34%;
    max-width: 10.5rem;
    inset-inline-start: -0.5rem;
    bottom: -0.85rem;
    border-radius: 18px;
    box-shadow: 0 16px 32px rgba(14, 39, 64, 0.22);
    aspect-ratio: 9 / 16;
    z-index: 2;
}

.ld-mock--phone img {
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.ld-mock--phone-solo {
    width: min(15rem, 100%);
    margin-inline: auto;
    border-radius: 0;
    aspect-ratio: auto;
    background: transparent;
    border: 0;
    overflow: visible;
    box-shadow: none;
}

.ld-mock--phone-solo img {
    height: auto;
    object-fit: contain;
    object-position: center;
}

.ld-mock--float {
    animation: ld-float 4.8s ease-in-out infinite;
}

@keyframes ld-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-0.55rem); }
}

.ld-mock--phone.ld-mock--float {
    animation-name: ld-float-phone;
}

@keyframes ld-float-phone {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-0.45rem); }
}

/* Sections */
.ld-section {
    padding: 3.25rem 0;
}

.ld-section__head {
    text-align: center;
    max-width: 40rem;
    margin: 0 auto 2rem;
}

.ld-section__head h2 {
    margin: 0;
    color: var(--emasir-navy, #0e2740);
    font-size: clamp(1.35rem, 2vw, 1.75rem);
    font-weight: 800;
    line-height: 1.55;
}

.ld-pricing .ld-section__head h2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.ld-pricing .ld-section__head h2 > i {
    color: #16a34a;
    font-size: 0.92em;
    line-height: 1;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
}

.ld-section__head p {
    margin: 0.7rem 0 0;
    color: var(--emasir-muted, #5d6b78);
    line-height: 1.8;
}

.ld-features {
    background: #fff;
}

.ld-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.ld-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 0.75rem;
    align-items: center;
    background: #f8fafc;
    border: 1px solid var(--emasir-line, #e3e8ee);
    border-radius: 12px;
    padding: 1.25rem 1.15rem 1.35rem;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.ld-card:hover {
    transform: translateY(-0.3rem);
    box-shadow: 0 14px 28px rgba(14, 39, 64, 0.08);
    border-color: #c6e9d4;
}

.ld-card:hover .ld-card__ico {
    background: #22a45a;
    color: #fff;
}

.ld-card__ico {
    grid-column: 1;
    grid-row: 1;
    width: 2.5rem;
    height: 2.5rem;
    display: inline-grid;
    place-items: center;
    border-radius: 10px;
    background: #e8f6ee;
    color: #1b8c4c;
    margin: 0;
    transition: background 0.22s ease, color 0.22s ease;
}

.ld-card h3 {
    grid-column: 2;
    grid-row: 1;
    margin: 0;
    font-size: 1.05rem;
    color: var(--emasir-navy, #0e2740);
    font-weight: 800;
    line-height: 1.35;
}

.ld-card p {
    grid-column: 1 / -1;
    margin: 0.7rem 0 0;
    color: var(--emasir-muted, #5d6b78);
    font-size: 0.92rem;
    line-height: 1.75;
}

/* Flow */
.ld-flow {
    background: #f0f4f8;
}

.ld-steps {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.85rem;
    position: relative;
    align-items: stretch;
}

.ld-steps::before {
    content: "";
    position: absolute;
    top: 2.55rem;
    inset-inline: 10%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #b7c9dc 10%, #b7c9dc 90%, transparent);
    pointer-events: none;
    z-index: 0;
}

.ld-step {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.55rem;
    background: #fff;
    border: 1px solid var(--emasir-line, #e3e8ee);
    border-radius: 12px;
    padding: 1.15rem 0.75rem 1.1rem;
    text-align: center;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.ld-step:hover {
    transform: translateY(-0.2rem);
    box-shadow: 0 12px 24px rgba(14, 39, 64, 0.08);
    border-color: #c6e9d4;
}

.ld-step__mark {
    position: relative;
    width: 3.1rem;
    height: 3.1rem;
    flex-shrink: 0;
}

.ld-step__ico {
    display: grid;
    place-items: center;
    width: 3.1rem;
    height: 3.1rem;
    border-radius: 999px;
    background: #e8f6ee;
    color: #1b8c4c;
    font-size: 1.05rem;
    border: 2px solid #fff;
    box-shadow: 0 0 0 2px #c6e9d4;
    transition: background 0.22s ease, color 0.22s ease, box-shadow 0.22s ease;
}

.ld-step:hover .ld-step__ico {
    background: #22a45a;
    color: #fff;
    box-shadow: 0 0 0 2px rgba(34, 164, 90, 0.28);
}

.ld-step__num {
    position: absolute;
    inset-inline-end: -0.2rem;
    bottom: -0.4rem;
    display: grid;
    place-items: center;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 999px;
    background: #22a45a;
    color: #fff !important;
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1;
    margin: 0 !important;
    padding-top: 0.14em;
    border: 2px solid #fff;
    box-shadow: 0 2px 6px rgba(34, 164, 90, 0.28);
    transform: translateY(0.1rem);
    box-sizing: border-box;
}

.ld-step__title {
    display: block;
    color: var(--emasir-navy, #0e2740);
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1.45;
}

.ld-step__desc {
    display: block;
    margin: 0;
    color: var(--emasir-muted, #5d6b78);
    font-size: 0.82rem;
    line-height: 1.55;
}

/* Live fleet */
.ld-track {
    background: #fff;
}

.ld-track__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 2rem;
    align-items: center;
}

.ld-track__visual {
    order: 1;
    margin: 0;
}

.ld-track__copy {
    order: 2;
}

.ld-track__copy h2 {
    margin: 0;
    color: var(--emasir-navy, #0e2740);
    font-size: clamp(1.3rem, 2vw, 1.7rem);
    font-weight: 800;
    line-height: 1.55;
}

.ld-track__copy > p {
    margin: 0.85rem 0 0;
    color: var(--emasir-muted, #5d6b78);
    line-height: 1.85;
}

.ld-track__visual figcaption {
    margin: 0.75rem 0 0;
    text-align: center;
    font-weight: 700;
    color: var(--emasir-navy, #0e2740);
    font-size: 0.95rem;
}

.ld-track__phone {
    display: none;
}

/* Driver */
.ld-driver {
    background: #fff;
}

.ld-driver__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: 2rem;
    align-items: center;
}

.ld-driver__copy h2 {
    margin: 0;
    color: var(--emasir-navy, #0e2740);
    font-size: clamp(1.3rem, 2vw, 1.7rem);
    font-weight: 800;
    line-height: 1.55;
}

.ld-driver__copy > p {
    margin: 0.85rem 0 0;
    color: var(--emasir-muted, #5d6b78);
    line-height: 1.85;
}

.ld-check {
    list-style: none;
    margin: 1.15rem 0 0;
    padding: 0;
    display: grid;
    gap: 0.55rem;
}

.ld-check li {
    position: relative;
    padding-inline-start: 1.6rem;
    color: var(--emasir-ink, #1c2834);
    font-weight: 600;
    font-size: 0.95rem;
}

.ld-check li::before {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    inset-inline-start: 0;
    color: #1b8c4c;
}

/* Finance */
.ld-finance {
    background:
        radial-gradient(700px 280px at 80% 0%, rgba(34, 164, 90, 0.08), transparent 60%),
        #f0f4f8;
}

.ld-finance-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
}

.ld-mini {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 0.65rem;
    align-items: center;
    background: #fff;
    border: 1px solid var(--emasir-line, #e3e8ee);
    border-radius: 12px;
    padding: 1.15rem 1rem;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.ld-mini:hover {
    transform: translateY(-0.25rem);
    box-shadow: 0 12px 24px rgba(14, 39, 64, 0.08);
    border-color: #c6e9d4;
}

.ld-mini > i {
    grid-column: 1;
    grid-row: 1;
    color: #1b8c4c;
    font-size: 1.15rem;
    line-height: 1;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
}

/* صندوق خاکستری · طرف‌حساب آبی · راننده سرمه‌ای · هزینه/درآمد سبز */
.ld-finance-grid .ld-mini:nth-child(1) > i {
    color: #64748b;
}

.ld-finance-grid .ld-mini:nth-child(2) > i {
    color: #2563eb;
}

.ld-finance-grid .ld-mini:nth-child(3) > i {
    color: #1e3a8a;
}

.ld-finance-grid .ld-mini:nth-child(4) > i {
    color: #16a34a;
}

.ld-mini h3 {
    grid-column: 2;
    grid-row: 1;
    margin: 0;
    font-size: 1rem;
    color: var(--emasir-navy, #0e2740);
    font-weight: 800;
    line-height: 1.35;
}

.ld-mini p {
    grid-column: 1 / -1;
    margin: 0.55rem 0 0;
    color: var(--emasir-muted, #5d6b78);
    font-size: 0.88rem;
    line-height: 1.65;
}

/* Shots */
.ld-shots {
    background: #fff;
}

.ld-shot-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.ld-shot {
    margin: 0;
    background: #f8fafc;
    border: 1px solid var(--emasir-line, #e3e8ee);
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.ld-shot:hover {
    transform: translateY(-0.3rem);
    box-shadow: 0 16px 32px rgba(14, 39, 64, 0.1);
}

.ld-shot img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: top center;
    background: #eef2f6;
    transition: transform 0.35s ease;
}

.ld-shot:hover img {
    transform: scale(1.03);
}

.ld-shot figcaption {
    padding: 0.75rem 1rem;
    font-weight: 700;
    color: var(--emasir-navy, #0e2740);
    font-size: 0.95rem;
}

/* Pricing */
.ld-pricing {
    background: #f7f9fb;
}

.ld-price-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.15rem;
    align-items: stretch;
    padding-top: 1.1rem;
    overflow: visible;
}

.ld-price {
    position: relative;
    background: #fff;
    border: 2px solid var(--emasir-line, #e3e8ee);
    border-radius: 14px;
    padding: 1.45rem 1.2rem 1.3rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        border-color 0.22s ease;
}

.ld-price.is-active,
.ld-price:hover {
    border-color: #22a45a;
    box-shadow:
        0 16px 36px rgba(34, 164, 90, 0.14),
        0 0 0 4px rgba(34, 164, 90, 0.08);
    z-index: 2;
}

/* Aktif / hover kartta buton da yeşil */
.ld-price.is-active .ld-btn,
.ld-price:hover .ld-btn {
    background: #22a45a;
    color: #fff;
    border-color: #22a45a;
    box-shadow: 0 8px 20px rgba(34, 164, 90, 0.22);
}

.ld-price.is-active .ld-btn:hover,
.ld-price:hover .ld-btn:hover {
    background: #1b8c4c;
    color: #fff;
    border-color: #1b8c4c;
}

.ld-price-grid:hover .ld-price:not(:hover) {
    border-color: var(--emasir-line, #e3e8ee);
    box-shadow: none;
    transform: none;
    z-index: 0;
}

.ld-price-grid:hover .ld-price:not(:hover) .ld-btn {
    background: #fff;
    color: var(--emasir-navy, #0e2740);
    border-color: #c9d4e0;
    box-shadow: none;
}

.ld-price-grid:hover .ld-price--free:not(:hover) {
    background: linear-gradient(180deg, #f0f7ff 0%, #ffffff 38%);
}

.ld-price-grid:hover .ld-price--pro:not(:hover) {
    background: linear-gradient(180deg, #f2fbf6 0%, #ffffff 38%);
}

.ld-price-grid:hover .ld-price--premium:not(:hover) {
    background: linear-gradient(180deg, #f7f3ff 0%, #ffffff 38%);
}

.ld-price__head h3 {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.55rem;
    width: 100%;
    direction: ltr; /* Latin sol, Farsça sağ — fiziksel */
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--emasir-navy, #0e2740);
}

.ld-price__name {
    order: 2;
    line-height: 1.3;
    text-align: right;
    direction: rtl;
}

.ld-price__lang {
    order: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0.22rem 0.55rem;
    border-radius: 999px;
    background: #f1f5f9;
    border: 1px solid #d5dde6;
    color: #475569;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    line-height: 1;
    text-transform: uppercase;
}

.ld-price--free .ld-price__lang {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #2563eb;
}

.ld-price--pro .ld-price__lang,
.ld-price.is-active .ld-price__lang,
.ld-price:hover .ld-price__lang {
    background: #e8f6ee;
    border-color: #9ed9b5;
    color: #1b8c4c;
}

.ld-price--premium .ld-price__lang {
    background: #f5f3ff;
    border-color: #ddd6fe;
    color: #7c3aed;
}

.ld-price--free:hover .ld-price__lang {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #2563eb;
}

.ld-price--premium:hover .ld-price__lang {
    background: #f5f3ff;
    border-color: #ddd6fe;
    color: #7c3aed;
}

.ld-price__amount-block {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end; /* block LTR → fiziksel sağ */
    direction: ltr;
    unicode-bidi: isolate;
    margin: 0.65rem 0 0;
    width: 100%;
}

.ld-price__amount-block.has-discount {
    padding-top: 0.1rem;
}

.ld-price__deal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    width: 100%;
    margin: 0 0 0.4rem;
    direction: ltr;
    unicode-bidi: isolate;
}

.ld-price__off {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    gap: 0.2rem;
    margin: 0;
    padding: 0.2rem 0.55rem;
    border-radius: 6px;
    background: #fff1f2;
    border: 1px solid #fecdd3;
    color: #e11d48;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.15;
    box-shadow: none;
    white-space: nowrap;
}

.ld-price__list-price {
    display: inline-flex;
    align-items: baseline;
    gap: 0.28rem;
    margin: 0;
    color: #94a3b8;
    font-size: 0.86rem;
    font-weight: 600;
    white-space: nowrap;
    direction: ltr;
    unicode-bidi: isolate;
}

.ld-price__list-price s {
    text-decoration: line-through;
    text-decoration-thickness: 1px;
    text-decoration-color: #ef4444;
    color: #94a3b8;
}

.ld-price__list-price span {
    font-size: 0.78rem;
    font-weight: 600;
    color: #94a3b8;
    text-decoration: none;
}

.ld-price__amount {
    display: inline-flex;
    align-items: baseline;
    gap: 0.4rem;
    margin: 0;
    font-size: 1.05rem;
    color: var(--emasir-navy, #0e2740);
    direction: rtl;
    unicode-bidi: isolate;
}

.ld-price__money {
    display: inline-flex;
    align-items: baseline;
    gap: 0.3rem;
    direction: ltr;
    unicode-bidi: isolate;
}

.ld-price__amount-block.has-discount .ld-price__amount {
    color: #047857;
}

.ld-price__amount b {
    font-size: 1.55rem;
    font-weight: 800;
}

.ld-price__amount small {
    font-size: 0.85rem;
    font-weight: 600;
    opacity: 0.75;
    order: 2;
}

.ld-price__tag {
    margin: 0.35rem 0 0;
    color: var(--emasir-muted, #5d6b78);
    font-size: 0.88rem;
}

.ld-price__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.45rem;
    flex: 1;
}

.ld-price__list li {
    position: relative;
    padding-inline-start: 1.25rem;
    font-size: 0.9rem;
    line-height: 1.55;
    color: var(--emasir-ink, #1c2834);
}

.ld-price__list li::before {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    inset-inline-start: 0;
    color: #1b8c4c;
    font-size: 0.75rem;
    top: 0.2rem;
}

/* Free — soft blue wash (Pro yeşili gibi) */
.ld-price--free {
    background: linear-gradient(180deg, #f0f7ff 0%, #ffffff 38%);
}

.ld-price--free:hover {
    background: linear-gradient(180deg, #f0f7ff 0%, #ffffff 38%);
}

/* PRO — featured */
.ld-price--pro {
    background: linear-gradient(180deg, #f2fbf6 0%, #ffffff 38%);
    padding-top: 1.85rem;
}

.ld-price--pro.is-active,
.ld-price--pro:hover {
    background: linear-gradient(180deg, #f2fbf6 0%, #ffffff 38%);
    transform: translateY(-0.45rem);
}

.ld-price__badge {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    background: linear-gradient(135deg, #26b463 0%, #1b8c4c 100%);
    color: #fff;
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1;
    padding: 0.48rem 0.95rem;
    border-radius: 999px;
    box-shadow: 0 8px 18px rgba(34, 164, 90, 0.3);
    white-space: nowrap;
    pointer-events: none;
    z-index: 2;
}

.ld-price__badge i {
    font-size: 0.7rem;
}

/* Premium — soft purple wash */
.ld-price--premium {
    background: linear-gradient(180deg, #f7f3ff 0%, #ffffff 38%);
    color: inherit;
}

.ld-price--premium:hover {
    background: linear-gradient(180deg, #f7f3ff 0%, #ffffff 38%);
}

/* Stats banner */
.ld-stats {
    position: relative;
    background:
        radial-gradient(80% 120% at 10% 0%, rgba(34, 164, 90, 0.22), transparent 55%),
        linear-gradient(160deg, #0e2740 0%, #163554 100%);
    border-block: 0;
    padding: 2.35rem 0;
    overflow: hidden;
}

.ld-stats::after {
    content: "";
    position: absolute;
    inset: auto -10% -40% auto;
    width: 18rem;
    height: 18rem;
    border-radius: 50%;
    background: rgba(34, 164, 90, 0.12);
    pointer-events: none;
}

.ld-stats__grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    text-align: center;
}

.ld-stats__item {
    padding: 0.35rem 0.5rem;
}

.ld-stats__grid b,
.ld-stats__item b {
    display: block;
    font-size: clamp(1.55rem, 2.4vw, 2rem);
    color: #ffffff;
    font-weight: 800;
    letter-spacing: 0.01em;
}

.ld-stats__grid span,
.ld-stats__item span {
    color: #c5d4e4;
    font-size: 0.92rem;
    font-weight: 600;
}

/* Border queue promo */
.ld-borders {
    background:
        radial-gradient(ellipse 70% 60% at 100% 0%, rgba(29, 107, 79, 0.12), transparent 55%),
        linear-gradient(165deg, #0b1f33 0%, #143652 48%, #0e2740 100%);
    color: #e8f0f7;
}

.ld-borders__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 2rem;
    align-items: center;
}

.ld-borders .ld-kicker {
    color: #fff;
}

.ld-borders__copy h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.35rem, 2.2vw, 1.85rem);
    font-weight: 800;
    line-height: 1.55;
}

.ld-borders__copy > p {
    margin: 0.85rem 0 0;
    color: #b7c9da;
    line-height: 1.85;
}

.ld-borders .ld-check li {
    color: #e8f0f7;
}

.ld-borders .ld-check li::before {
    color: #6ee7b7;
}

.ld-borders__cta {
    margin-top: 1.35rem;
}

.ld-borders__visual {
    position: relative;
}

.ld-borders-board {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.04));
    border: 1px solid rgba(255, 255, 255, 0.14);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(8px);
}

.ld-borders-board__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.9rem 1.05rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #c5d4e4;
    font-size: 0.84rem;
    font-weight: 700;
}

.ld-borders-board__live {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #6ee7b7;
}

.ld-borders-board__live i {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    background: #34d399;
    box-shadow: 0 0 0 0 rgba(52, 211, 153, 0.55);
    animation: ld-borders-pulse 1.8s ease-out infinite;
}

.ld-borders-board__list {
    list-style: none;
    margin: 0;
    padding: 0.55rem 0.65rem 0.75rem;
    display: grid;
    gap: 0.45rem;
}

.ld-borders-board__list li {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.75rem 0.85rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.06);
}

.ld-borders-board__name {
    font-weight: 800;
    color: #fff;
}

.ld-borders-board__meta {
    color: #9fb4c8;
    font-size: 0.8rem;
    font-weight: 600;
}

.ld-borders-board__n {
    min-width: 2.4rem;
    text-align: center;
    font-size: 1.05rem;
    font-weight: 800;
    color: #6ee7b7;
    font-variant-numeric: tabular-nums;
}

@keyframes ld-borders-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(52, 211, 153, 0.55);
    }
    70% {
        box-shadow: 0 0 0 0.55rem rgba(52, 211, 153, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(52, 211, 153, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .ld-borders-board__live i {
        animation: none;
    }
}

/* Secure */
.ld-secure {
    background: #fff;
}

.ld-secure-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.ld-secure-item {
    border: 1px solid var(--emasir-line, #e3e8ee);
    border-radius: 12px;
    padding: 1.25rem 1.1rem;
    background: #f8fafc;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.ld-secure-item:hover {
    transform: translateY(-0.25rem);
    box-shadow: 0 12px 24px rgba(14, 39, 64, 0.08);
    border-color: #c9d4e0;
}

.ld-secure-item i {
    color: var(--emasir-navy, #0e2740);
    font-size: 1.2rem;
}

.ld-secure-item h3 {
    margin: 0.7rem 0 0;
    font-size: 1rem;
    color: var(--emasir-navy, #0e2740);
    font-weight: 800;
}

.ld-secure-item p {
    margin: 0.45rem 0 0;
    color: var(--emasir-muted, #5d6b78);
    font-size: 0.9rem;
    line-height: 1.7;
}

/* FAQ */
.ld-faq {
    background: #f0f4f8;
}

.ld-faq__inner {
    max-width: 44rem;
}

.ld-faq__list {
    display: grid;
    gap: 0.65rem;
}

.ld-faq__item {
    background: #fff;
    border: 1px solid var(--emasir-line, #e3e8ee);
    border-radius: 12px;
    padding: 0.85rem 1rem;
}

.ld-faq__item summary {
    cursor: pointer;
    list-style: none;
    font-weight: 800;
    color: var(--emasir-navy, #0e2740);
    padding-inline-end: 1.5rem;
    position: relative;
}

.ld-faq__item summary::-webkit-details-marker {
    display: none;
}

.ld-faq__item summary::marker {
    content: "";
}

.ld-faq__item summary::after {
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    inset-inline-end: 0;
    top: 0.1rem;
    color: var(--emasir-muted, #5d6b78);
    font-size: 0.8rem;
    transition: transform 0.15s ease;
}

.ld-faq__item[open] summary::after {
    transform: rotate(180deg);
}

.ld-faq__item p {
    margin: 0.65rem 0 0.15rem;
    color: var(--emasir-muted, #5d6b78);
    line-height: 1.8;
    font-size: 0.92rem;
}

/* App CTA band */
.ld-app-cta {
    background: #fff;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.ld-app-cta__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 1.5rem 1.35rem;
    border-radius: 14px;
    border: 1px solid #c6e9d4;
    background:
        radial-gradient(500px 180px at 100% 0%, rgba(34, 164, 90, 0.12), transparent 60%),
        #f4fbf7;
}

.ld-app-cta__copy {
    max-width: 34rem;
}

.ld-app-cta__copy h2 {
    margin: 0;
    color: var(--emasir-navy, #0e2740);
    font-size: clamp(1.2rem, 2vw, 1.5rem);
    font-weight: 800;
    line-height: 1.5;
}

.ld-app-cta__copy > p:last-child {
    margin: 0.45rem 0 0;
    color: var(--emasir-muted, #5d6b78);
    line-height: 1.75;
}

/* Final CTA — same layout as Privacy trust banner */
.ld-cta {
    position: relative;
    margin: 0;
    padding: 3.5rem 0 4rem;
    background:
        radial-gradient(ellipse 50% 80% at 100% 0%, rgba(34, 164, 90, 0.22), transparent 55%),
        linear-gradient(135deg, #0a1a2e 0%, #123352 100%);
    color: #f4f8fc;
    overflow: hidden;
}

.ld-cta__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem 2rem;
}

.ld-cta__copy {
    flex: 1 1 18rem;
    max-width: 36rem;
}

.ld-cta__copy h2 {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin: 0;
    font-size: clamp(1.35rem, 2.2vw, 1.75rem);
    font-weight: 800;
    line-height: 1.45;
    color: #fff;
}

.ld-cta__copy h2 > i {
    flex-shrink: 0;
    color: #8ef0b0;
    font-size: 0.92em;
}

.ld-cta__copy p {
    margin: 0.75rem 0 0;
    color: #c5d4e4;
    line-height: 1.85;
}

.ld-cta__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.ld-cta .ld-btn--primary {
    box-shadow: 0 10px 24px rgba(34, 164, 90, 0.35);
}

.ld-btn--pulse {
    animation: ld-btn-pulse 2.6s ease-in-out infinite;
}

@keyframes ld-btn-pulse {
    0%, 100% { box-shadow: 0 10px 24px rgba(34, 164, 90, 0.3); }
    50% { box-shadow: 0 12px 30px rgba(34, 164, 90, 0.5); }
}

/* Floating WhatsApp — icon only */
.ld-wa {
    position: fixed;
    z-index: 60;
    right: 1.1rem;
    left: auto;
    bottom: 1.1rem;
    display: grid;
    place-items: center;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 50%;
    background: #25d366;
    color: #fff;
    font-size: 1.85rem;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 8px 22px rgba(18, 140, 126, 0.4);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ld-wa:hover,
.ld-wa:focus-visible {
    color: #fff;
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 12px 28px rgba(18, 140, 126, 0.5);
}

@media (max-width: 560px) {
    .ld-wa {
        right: 0.85rem;
        bottom: 0.85rem;
        width: 3rem;
        height: 3rem;
        font-size: 1.7rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ld-wa {
        transition: none;
    }
}

/* Footer */
.ld-footer {
    position: relative;
    background:
        radial-gradient(720px 220px at 100% 0%, rgba(8, 145, 178, 0.14), transparent 58%),
        radial-gradient(520px 180px at 0% 100%, rgba(34, 164, 90, 0.1), transparent 55%),
        linear-gradient(180deg, #0e2740 0%, #0a1d30 100%);
    color: #9fb0c4;
    padding: 2rem 0 1.35rem;
    border-top: 1px solid rgba(148, 163, 184, 0.14);
}

.ld-footer__inner {
    width: min(1120px, calc(100% - 2rem));
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    gap: 1.35rem;
}

.ld-footer__top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1.15rem 1.5rem;
}

.ld-footer__brand {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    text-decoration: none;
    min-width: 0;
}

.ld-footer__logo {
    flex: 0 0 auto;
    width: 2.35rem;
    height: 2.35rem;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    overflow: hidden;
}

.ld-footer__logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.ld-footer__brand-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
    min-width: 0;
}

.ld-footer__by {
    color: #8aa0b6;
    font-size: 0.58rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1.1;
    white-space: nowrap;
}

.ld-footer__nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
}

.ld-footer__nav a {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 2.35rem;
    padding: 0.4rem 0.85rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
    color: #d5e0eb;
    text-decoration: none;
    font-size: 0.88rem;
    font-weight: 600;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.ld-footer__nav a > i {
    font-size: 0.82rem;
    color: #67e8f9;
    opacity: 0.9;
}

.ld-footer__nav a:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(103, 232, 249, 0.35);
    color: #fff;
}

.ld-footer__bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.55rem 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(148, 163, 184, 0.14);
}

.ld-footer__legal,
.ld-footer__tag {
    margin: 0;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.5;
    color: #8aa0b6;
}

.ld-footer__tag {
    color: #9fb0c4;
}

/* Responsive */
@media (max-width: 980px) {
    .ld-cta__inner {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
    }

    .ld-cta__copy h2 {
        justify-content: center;
    }

    .ld-cta__actions {
        justify-content: center;
    }

    .ld-hero__grid,
    .ld-driver__grid,
    .ld-track__grid,
    .ld-borders__grid {
        grid-template-columns: 1fr;
    }

    .ld-borders__cta .ld-btn {
        width: 100%;
        justify-content: center;
    }

    .ld-borders__visual {
        width: 100%;
        max-width: none;
        justify-self: stretch;
    }

    .ld-borders-board {
        width: 100%;
    }

    .ld-borders__copy {
        text-align: center;
    }

    .ld-borders__copy .ld-kicker {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0.85rem;
        width: 100%;
        margin-inline: auto;
    }

    .ld-borders__copy .ld-kicker i {
        width: 4.25rem;
        height: 4.25rem;
        border-radius: 1.1rem;
        font-size: 1.85rem;
    }

    .ld-borders__copy .ld-kicker span {
        box-shadow: none;
        font-size: 1.2rem;
    }

    .ld-borders__copy h2 {
        padding-bottom: 1rem;
        margin-bottom: 0.15rem;
        border-bottom: 1px solid rgba(183, 201, 218, 0.35);
    }

    .ld-borders__copy .ld-check {
        text-align: start;
        margin-inline: auto;
        max-width: 22rem;
    }

    .ld-track__copy {
        order: 1;
    }

    .ld-track__visual {
        order: 2;
    }

    .ld-hero--photo {
        min-height: 0;
        padding: 2.25rem 0 2rem;
    }

    .ld-hero__shade {
        background:
            linear-gradient(
                180deg,
                rgba(6, 18, 32, 0.22) 0%,
                rgba(6, 18, 32, 0.28) 48%,
                rgba(6, 18, 32, 0.58) 100%
            );
    }

    .ld-hero__bg {
        background-position: 38% center;
    }

    .ld-mock--phone {
        position: relative;
        inset: auto;
        width: min(11rem, 42%);
        margin: -2.5rem auto 0;
    }

    .ld-feature-grid,
    .ld-shot-grid,
    .ld-secure-grid,
    .ld-finance-grid,
    .ld-stats__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ld-price-grid {
        grid-template-columns: 1fr;
        max-width: 26rem;
        margin-inline: auto;
    }

    .ld-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ld-steps::before {
        display: none;
    }

    .ld-mock--tilt {
        transform: none;
    }

    .ld-hero__visual:hover .ld-mock--tilt {
        transform: translateY(-0.15rem);
    }

    .ld-price--pro {
        transform: none;
    }
}

@media (max-width: 720px) {
    .ld-nav__inner {
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        min-height: 3.65rem;
        gap: 0.4rem;
        width: min(1120px, calc(100% - 1.1rem));
    }

    /* RTL: col1 = physical right (menu), col2 = center (logo), col3 = physical left (login) */
    .ld-nav__toggle {
        display: inline-grid;
        place-items: center;
        grid-column: 1;
        width: 2.45rem;
        height: 2.45rem;
        border: 1px solid #cbd5e1;
        border-radius: 6px;
        font-size: 1.2rem;
        line-height: 1;
    }

    .ld-nav__toggle > i {
        font-size: 1.25rem;
        transform: scale(1.12);
    }

    .ld-brand {
        grid-column: 2;
        justify-self: center;
        margin-inline: 0;
        gap: 0.4rem;
        min-width: 0;
    }

    .ld-nav__account {
        display: inline-flex;
        grid-column: 3;
        box-sizing: border-box;
        width: auto;
        min-width: 5.75rem;
        max-width: 7.25rem;
        height: 2.45rem;
        padding-inline: 0.55rem;
        border: 1px solid #93c5fd;
        border-radius: 6px;
        align-items: center;
        justify-content: center;
        font-size: 0.78rem;
        font-weight: 800;
        white-space: nowrap;
        transform: none;
        color: #1d4ed8;
        background: linear-gradient(160deg, #eff6ff 0%, #dbeafe 55%, #bfdbfe 100%);
    }

    .ld-nav__account--in {
        border-color: #86efac;
        color: #15803d;
        background: linear-gradient(160deg, #f0fdf4 0%, #dcfce7 55%, #bbf7d0 100%);
    }

    .ld-brand__logo {
        width: 2.15rem;
        height: 2.15rem;
    }

    .ld-brand .ld-brand-mark {
        font-size: 1.05rem;
    }

    .ld-brand__by {
        font-size: 0.52rem;
    }

    .ld-nav__account > i {
        display: none;
    }

    .ld-nav__account-text {
        display: inline;
    }

    .ld-nav__account[data-auth-spring-icon].is-busy {
        width: auto;
        min-width: 5.75rem;
        transform: none;
    }

    .ld-nav__actions,
    .ld-nav__menu--bar {
        display: none;
    }

    .ld-nav__overlay {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1200;
        background: rgba(14, 39, 64, 0.42);
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.28s ease;
    }

    .ld-nav__overlay.is-open {
        opacity: 1;
        pointer-events: auto;
    }

    .ld-nav__drawer {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 0;
        inset-inline-start: 0;
        bottom: 0;
        z-index: 1210;
        width: min(224px, 88vw);
        background: linear-gradient(180deg, #1e3a8a 0%, #1e40af 48%, #1d4ed8 100%);
        box-shadow: none;
        transform: translateX(100%);
        transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
        overflow: hidden;
    }

    .ld-nav__drawer.is-open {
        transform: translateX(0);
        box-shadow: -8px 0 32px rgba(30, 58, 138, 0.35);
    }

    .ld-nav__drawer-brand {
        position: relative;
        z-index: 1;
        box-sizing: border-box;
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        height: 3.65rem;
        min-height: 3.65rem;
        max-height: 3.65rem;
        padding: 0.15rem 0.7rem;
        overflow: hidden;
        border-bottom: 1px solid rgba(30, 58, 138, 0.08);
        background:
            radial-gradient(120% 140% at 0% 0%, rgba(8, 145, 178, 0.16), transparent 46%),
            linear-gradient(180deg, #fff 0%, #f8fbff 100%);
        box-shadow:
            0 10px 22px rgba(30, 58, 138, 0.1),
            0 1px 0 rgba(255, 255, 255, 0.9) inset;
    }

    .ld-nav__drawer-brand::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        background: linear-gradient(105deg, transparent 32%, rgba(255, 255, 255, 0.85) 48%, transparent 64%);
        transform: translateX(-130%);
        animation: ld-drawer-brand-sheen 7.5s ease-in-out infinite;
        pointer-events: none;
    }

    .ld-nav__drawer-brand-photo {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 0;
        height: 100%;
        width: 62%;
        object-fit: cover;
        object-position: right center;
        pointer-events: none;
        -webkit-mask-image: linear-gradient(to left, #000 48%, transparent 100%);
        mask-image: linear-gradient(to left, #000 48%, transparent 100%);
    }

    .ld-brand--drawer {
        position: relative;
        z-index: 1;
        margin: 0;
        gap: 0.55rem;
        width: 100%;
        justify-content: flex-start;
    }

    .ld-brand--drawer .ld-brand__logo {
        width: 2.35rem;
        height: 2.35rem;
    }

    .ld-brand--drawer .ld-brand-mark {
        font-size: 1.15rem;
    }

    .ld-brand--drawer .ld-brand__by {
        font-size: 0.58rem;
        color: #64748b;
    }

    @keyframes ld-drawer-brand-sheen {
        0%,
        58% {
            transform: translateX(-130%);
        }

        82%,
        100% {
            transform: translateX(130%);
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .ld-nav__drawer-brand::after {
            animation: none;
            opacity: 0;
        }
    }

    .ld-nav__drawer-menu {
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
        flex: 1 1 auto;
        margin: 0;
        padding: 0.85rem 0.65rem;
        overflow-y: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .ld-nav__drawer-menu::-webkit-scrollbar {
        width: 0;
        height: 0;
        display: none;
    }

    .ld-nav__drawer-link {
        display: flex;
        align-items: center;
        gap: 0.65rem;
        width: 100%;
        padding: 0.62rem 0.85rem;
        border: 1px solid transparent;
        border-radius: 12px;
        color: rgba(255, 255, 255, 0.9);
        font-weight: 600;
        text-decoration: none;
        transition: background 0.22s ease, color 0.2s ease;
    }

    .ld-nav__drawer-link > i {
        width: 1.15rem;
        text-align: center;
        font-size: 0.95rem;
        opacity: 0.95;
    }

    .ld-nav__drawer-link:hover {
        background: rgba(255, 255, 255, 0.12);
        color: #fff;
        border-color: rgba(255, 255, 255, 0.1);
    }

    .ld-nav__drawer-link.is-active {
        background: rgba(255, 255, 255, 0.14);
        color: #fff;
        border-color: rgba(255, 255, 255, 0.16);
    }

    .ld-nav__drawer-link--cta {
        margin-top: 0.35rem;
        color: #fff;
        border-color: rgba(255, 255, 255, 0.16);
    }

    .ld-nav__drawer-link--cta-guest {
        background: rgba(37, 99, 235, 0.95);
    }

    .ld-nav__drawer-link--cta-guest:hover {
        background: #1d4ed8;
    }

    .ld-nav__drawer-link--cta-in {
        background: rgba(34, 164, 90, 0.95);
    }

    .ld-nav__drawer-link--cta-in:hover {
        background: #1b8c4c;
    }

    .ld-feature-grid,
    .ld-shot-grid,
    .ld-price-grid {
        grid-template-columns: 1fr;
    }

    .ld-secure-grid,
    .ld-finance-grid,
    .ld-stats__grid,
    .ld-steps,
    .ld-trust {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ld-hero {
        padding-top: 1.75rem;
    }

    /* Hero: marketing centered + equal CTA pair */
    .ld-hero__copy {
        text-align: center;
    }

    .ld-hero__lead {
        align-items: center;
        text-align: center;
    }

    .ld-hero__copy .ld-eyebrow {
        margin-inline: auto;
        margin-bottom: 1rem;
        border-radius: 999px;
        padding: 0.42rem 0.9rem;
        font-size: 0.8rem;
        font-weight: 700;
    }

    .ld-hero__title {
        align-items: center;
        text-align: center;
        gap: 0.12em;
        letter-spacing: -0.015em;
        font-size: clamp(1.85rem, 7.2vw, 2.35rem);
        line-height: 1.35;
        font-weight: 900;
    }

    .ld-hero__title-line--accent {
        margin-top: 0.08em;
        font-size: 1.05em;
    }

    .ld-hero__cta {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.65rem;
        margin-inline: auto;
        max-width: 28rem;
    }

    .ld-hero__cta .ld-btn {
        width: 100%;
        min-width: 0;
        padding-inline: 0.65rem;
    }

    .ld-trust {
        max-width: 28rem;
        margin-inline: auto;
        text-align: start;
    }

    .ld-trust--cards {
        width: 100%;
        max-width: 22.5rem;
        margin-top: 1.35rem;
        gap: 0.65rem;
    }

    .ld-trust--cards li {
        min-height: 5.1rem;
        padding: 0.85rem 0.55rem;
        border-radius: 12px;
        justify-content: center;
    }

    .ld-trust:not(.ld-trust--cards) li {
        justify-content: flex-start;
    }

    /* Content blocks stay start-aligned (RTL) */
    .ld-driver__copy,
    .ld-track__copy,
    .ld-card,
    .ld-mini,
    .ld-secure-item,
    .ld-faq__list {
        text-align: start;
    }

    .ld-driver__visual,
    .ld-track__visual {
        justify-self: center;
    }

    .ld-borders__visual {
        justify-self: stretch;
        width: 100%;
    }

    .ld-track__shot,
    .ld-track__visual figcaption {
        display: none;
    }

    .ld-track__phone {
        display: block;
    }

    /* App band: stack + full-width action */
    .ld-app-cta__inner {
        flex-direction: column;
        align-items: stretch;
        text-align: start;
        gap: 1rem;
        padding: 1.25rem 1.1rem;
    }

    .ld-app-cta__copy {
        max-width: none;
    }

    .ld-app-cta__inner > .ld-btn {
        width: 100%;
    }

    /* Final CTA: stack like Privacy banner */
    .ld-cta__inner {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
    }

    .ld-cta__actions {
        justify-content: center;
    }

    .ld-cta .ld-btn {
        width: 100%;
        max-width: 22rem;
    }

    .ld-section__head {
        text-align: center;
        margin-bottom: 1.5rem;
    }

    .ld-footer {
        padding: 1.65rem 0 1.2rem;
    }

    .ld-footer__top {
        flex-direction: column;
        align-items: stretch;
        gap: 1.1rem;
    }

    .ld-footer__brand {
        justify-content: center;
    }

    .ld-footer__nav {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.5rem;
    }

    .ld-footer__nav a {
        justify-content: center;
        width: 100%;
        min-height: 2.55rem;
    }

    .ld-footer__bottom {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 0.35rem;
    }

    .ld-hero__visual {
        min-height: 0;
    }

    .ld-mock--tilt {
        transform: none;
    }

    .ld-hero__visual:hover .ld-mock--tilt {
        transform: none;
    }

    .ld-steps::before {
        display: none;
    }
}

@media (max-width: 420px) {
    .ld-hero__cta {
        grid-template-columns: 1fr;
    }

    .ld-secure-grid,
    .ld-finance-grid,
    .ld-steps {
        grid-template-columns: 1fr;
    }
}

/* Scroll reveal */
.ld-reveal {
    opacity: 0;
    transform: translateY(1rem);
    transition:
        opacity 0.55s ease,
        transform 0.55s ease;
    transition-delay: calc(var(--ld-delay, 0) * 70ms);
}

.ld-reveal.is-in,
.ld-reveal.is-hero,
.ld-reveal.is-hero-visual {
    opacity: 1;
    transform: none;
}

.ld-price--pro.is-active.ld-reveal.is-in,
.ld-price--pro:hover.ld-reveal.is-in {
    transform: translateY(-0.45rem);
}

@media (max-width: 980px) {
    .ld-price--pro.is-active.ld-reveal.is-in,
    .ld-price--pro:hover.ld-reveal.is-in {
        transform: none;
    }
}

.ld-reveal.is-hero {
    animation: ld-hero-in 0.7s ease both;
}

.ld-reveal.is-hero-visual {
    animation: ld-hero-visual-in 0.85s ease 0.12s both;
}

@keyframes ld-hero-in {
    from {
        opacity: 0;
        transform: translateY(0.85rem);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes ld-hero-visual-in {
    from {
        opacity: 0;
        transform: translateY(1.1rem) scale(0.98);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ld-reveal,
    .ld-mock--tilt,
    .ld-mock--float,
    .ld-mock--phone.ld-mock--float,
    .ld-step__num,
    .ld-btn--pulse,
    .ld-card,
    .ld-mini,
    .ld-shot,
    .ld-shot img,
    .ld-secure-item,
    .ld-step {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }

    .ld-reveal {
        opacity: 1;
    }
}