:root {
    --lf-primary:#6558f5;
    --lf-primary-dark:#5144e5;
    --lf-text:#14182b;
    --lf-muted:#70778b;
    --lf-border:#e7e9f0;
    --lf-bg:#f7f8fc;
    --lf-soft:#f1f0ff;
    --lf-green:#19a974;
    --lf-dark:#111626;
}

body {
    background:#fff;
    color:var(--lf-text);
}

.lf-home * {
    box-sizing:border-box;
}

.lf-hero {
    padding:170px 0 90px;
    background:
        radial-gradient(circle at 85% 15%,rgba(101,88,245,.14),transparent 27%),
        linear-gradient(180deg,#fff,#f8f9fd);
}

.lf-hero-grid {
    display:grid;
    grid-template-columns:1.08fr .92fr;
    align-items:center;
    gap:70px;
}

.lf-kicker,
.lf-label,
.lf-heading>div>span,
.lf-center-heading>span,
.lf-seller-box>div>span {
    color:var(--lf-primary);
    font-size:12px;
    font-weight:800;
    letter-spacing:.1em;
}

.lf-kicker {
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 13px;
    background:#f4f2ff;
    border-radius:50px;
    margin-bottom:22px;
}

.lf-hero h1 {
    margin:0;
    font-size:clamp(45px,5vw,72px);
    line-height:1.04;
    letter-spacing:-.045em;
    font-weight:800;
}

.lf-hero h1 span {
    display:block;
    color:var(--lf-primary);
}

.lf-hero-copy>p {
    max-width:680px;
    margin:25px 0 28px;
    color:var(--lf-muted);
    font-size:18px;
    line-height:1.8;
}

.lf-search {
    display:flex;
    align-items:center;
    max-width:700px;
    padding:8px;
    border:1px solid var(--lf-border);
    border-radius:15px;
    background:#fff;
    box-shadow:0 20px 50px rgba(30,35,65,.08);
}

.lf-search>i {
    margin:0 13px;
    color:#969cad;
}

.lf-search input {
    flex:1;
    min-width:0;
    height:48px;
    border:0;
    outline:0;
    background:none;
}

.lf-search button {
    height:48px;
    padding:0 25px;
    border:0;
    border-radius:10px;
    color:#fff;
    background:var(--lf-primary);
    font-weight:700;
}

.lf-actions {
    display:flex;
    gap:12px;
    margin-top:23px;
}

.lf-btn {
    min-height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:0 22px;
    border-radius:10px;
    font-weight:700;
    text-decoration:none!important;
}

.lf-primary {
    background:var(--lf-primary);
    color:#fff!important;
}

.lf-primary:hover {
    background:var(--lf-primary-dark);
}

.lf-secondary {
    border:1px solid var(--lf-border);
    color:var(--lf-text)!important;
    background:#fff;
}

.lf-trust {
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin-top:25px;
    color:var(--lf-muted);
    font-size:13px;
}

.lf-trust i {
    color:var(--lf-green);
    margin-right:5px;
}

.lf-hero-preview {
    display:flex;
    align-items:center;
    justify-content:center;
}

.lf-preview-card {
    width:100%;
    max-width:470px;
    padding:28px;
    border:1px solid var(--lf-border);
    border-radius:24px;
    background:#fff;
    box-shadow:0 30px 80px rgba(30,35,65,.12);
}

.lf-preview-head {
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.lf-verified {
    padding:6px 9px;
    border-radius:6px;
    background:#eaffeF;
    color:#17835e;
    font-size:11px;
    font-weight:700;
}

.lf-live {
    color:var(--lf-green);
    font-size:12px;
}

.lf-preview-card h3 {
    margin:18px 0;
    font-size:23px;
}

.lf-domain {
    display:flex;
    align-items:center;
    gap:13px;
    padding:17px;
    border-radius:13px;
    background:#f7f8fb;
}

.lf-domain-icon {
    width:45px;
    height:45px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:var(--lf-soft);
    color:var(--lf-primary);
}

.lf-domain small,
.lf-preview-bottom small {
    display:block;
    color:var(--lf-muted);
}

.lf-preview-metrics,
.lf-catalog-metrics {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin:21px 0;
}

.lf-preview-metrics>div,
.lf-catalog-metrics>div {
    padding:13px;
    border:1px solid var(--lf-border);
    border-radius:11px;
}

.lf-preview-metrics span,
.lf-catalog-metrics span {
    display:block;
    color:var(--lf-muted);
    font-size:11px;
}

.lf-preview-bottom {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-top:20px;
    border-top:1px solid var(--lf-border);
}

.lf-preview-bottom strong {
    font-size:25px;
}

.lf-preview-bottom>span {
    color:var(--lf-primary);
    font-weight:700;
}

.lf-stats {
    border-top:1px solid var(--lf-border);
    border-bottom:1px solid var(--lf-border);
}

.lf-stats-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
}

.lf-stats-grid>div {
    padding:28px;
    text-align:center;
    border-right:1px solid var(--lf-border);
}

.lf-stats-grid>div:last-child {
    border-right:0;
}

.lf-stats strong {
    display:block;
    font-size:28px;
}

.lf-stats span {
    color:var(--lf-muted);
    font-size:13px;
}

.lf-section {
    padding:90px 0;
}

.lf-soft {
    background:var(--lf-bg);
}

.lf-heading {
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:30px;
    margin-bottom:40px;
}

.lf-heading h2,
.lf-center-heading h2,
.lf-security h2,
.lf-seller-box h2 {
    margin:8px 0 10px;
    font-size:clamp(31px,3vw,44px);
    letter-spacing:-.03em;
}

.lf-heading p {
    max-width:650px;
    margin:0;
    color:var(--lf-muted);
}

.lf-heading>a {
    color:var(--lf-primary)!important;
    font-weight:700;
    text-decoration:none!important;
}

.lf-category-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.lf-category {
    padding:27px;
    border:1px solid var(--lf-border);
    border-radius:17px;
    color:inherit!important;
    text-decoration:none!important;
    transition:.2s;
}

.lf-category:hover {
    transform:translateY(-4px);
    box-shadow:0 20px 45px rgba(30,35,65,.07);
}

.lf-category>i {
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:18px;
    border-radius:12px;
    background:var(--lf-soft);
    color:var(--lf-primary);
    font-size:19px;
}

.lf-category h3 {
    font-size:18px;
}

.lf-category p {
    margin:0;
    color:var(--lf-muted);
    font-size:13px;
}

.lf-services-grid,
.lf-catalog-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.lf-service-card {
    overflow:hidden;
    border:1px solid var(--lf-border);
    border-radius:18px;
    background:#fff;
}

.lf-service-cover {
    position:relative;
    height:175px;
    padding:20px;
    background:linear-gradient(135deg,#6758f5,#887cff);
    color:#fff;
}

.lf-service-cover>span {
    font-size:10px;
    font-weight:800;
}

.lf-service-cover>i {
    position:absolute;
    right:25px;
    bottom:20px;
    font-size:58px;
    opacity:.2;
}

.lf-service-body {
    padding:22px;
}

.lf-service-meta {
    display:flex;
    justify-content:space-between;
    color:var(--lf-muted);
    font-size:11px;
}

.lf-service-body h3 {
    min-height:50px;
    margin:13px 0 8px;
    font-size:18px;
}

.lf-service-body>p {
    min-height:65px;
    color:var(--lf-muted);
    font-size:13px;
}

.lf-service-bottom {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-top:17px;
    border-top:1px solid var(--lf-border);
}

.lf-service-bottom small {
    display:block;
    color:var(--lf-muted);
}

.lf-service-bottom strong {
    font-size:20px;
}

.lf-service-bottom>a {
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:var(--lf-soft);
    color:var(--lf-primary)!important;
}

.lf-catalog-card {
    padding:22px;
    border:1px solid var(--lf-border);
    border-radius:17px;
}

.lf-catalog-head {
    display:flex;
    gap:13px;
    align-items:center;
}

.lf-catalog-head>i {
    width:43px;
    height:43px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:11px;
    background:var(--lf-soft);
    color:var(--lf-primary);
}

.lf-catalog-head small {
    color:var(--lf-muted);
}

.lf-catalog-head h3 {
    margin:2px 0;
    font-size:17px;
}

.lf-catalog-bottom {
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.lf-catalog-bottom>strong {
    font-size:21px;
}

.lf-catalog-bottom>a {
    color:var(--lf-primary);
    font-size:12px;
    font-weight:700;
}

.lf-catalog-empty {
    display:flex;
    align-items:center;
    gap:24px;
    padding:35px;
    border:1px dashed #d9dce7;
    border-radius:18px;
    background:#fafbfe;
}

.lf-catalog-empty>i {
    font-size:30px;
    color:var(--lf-primary);
}

.lf-catalog-empty>div {
    flex:1;
}

.lf-catalog-empty p {
    margin:0;
    color:var(--lf-muted);
}

.lf-security {
    padding:90px 0;
    background:var(--lf-dark);
    color:#fff;
}

.lf-security-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px;
    align-items:center;
}

.lf-security p {
    max-width:620px;
    color:#abb1c3;
    line-height:1.8;
}

.lf-white {
    margin-top:15px;
    background:#fff;
    color:var(--lf-primary)!important;
}

.lf-security-list {
    display:grid;
    gap:12px;
}

.lf-security-list>div {
    display:flex;
    gap:14px;
    padding:18px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:13px;
    color:#aeb5c8;
}

.lf-security-list i {
    color:#8d83ff;
    margin-top:4px;
}

.lf-security-list strong {
    display:block;
    color:#fff;
}

.lf-center-heading {
    text-align:center;
    margin-bottom:45px;
}

.lf-steps {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:17px;
}

.lf-steps>div {
    position:relative;
    padding:25px;
    border:1px solid var(--lf-border);
    border-radius:16px;
}

.lf-steps>div>strong {
    position:absolute;
    right:20px;
    color:#d7dae5;
    font-size:12px;
}

.lf-steps>div>i {
    width:45px;
    height:45px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:18px;
    border-radius:11px;
    background:var(--lf-soft);
    color:var(--lf-primary);
}

.lf-steps h3 {
    font-size:16px;
}

.lf-steps p {
    margin:0;
    color:var(--lf-muted);
    font-size:13px;
}

.lf-seller {
    padding:0 0 90px;
}

.lf-seller-box {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    padding:45px 50px;
    border-radius:21px;
    background:#f2f0ff;
}

.lf-seller-box p {
    margin:0;
    color:var(--lf-muted);
}

.lf-footer {
    padding:60px 0 25px;
    background:#0b1020;
    color:#98a0b6;
}

.lf-footer-grid {
    display:grid;
    grid-template-columns:2fr repeat(3,1fr);
    gap:45px;
}

.lf-footer-brand img {
    max-width:160px;
    max-height:50px;
    object-fit:contain;
    margin-bottom:17px;
}

.lf-footer h4 {
    color:#fff;
    font-size:14px;
}

.lf-footer a {
    display:block;
    margin:9px 0;
    color:#98a0b6!important;
    font-size:13px;
    text-decoration:none!important;
}

.lf-footer-bottom {
    margin-top:40px;
    padding-top:20px;
    border-top:1px solid rgba(255,255,255,.08);
    font-size:12px;
}

/* homepage navigation */

body:has(.lf-home) .header_area {
    background:rgba(255,255,255,.95)!important;
    backdrop-filter:blur(12px);
    box-shadow:0 1px 0 rgba(20,25,45,.08);
}

body:has(.lf-home) .header_area .nav-link {
    color:#262b3f!important;
}

body:has(.lf-home) .header_area .login_btn {
    background:var(--lf-primary)!important;
    color:#fff!important;
    border-radius:9px!important;
}

@media(max-width:991px) {

    .lf-hero-grid,
    .lf-security-grid {
        grid-template-columns:1fr;
    }

    .lf-category-grid,
    .lf-services-grid,
    .lf-catalog-grid {
        grid-template-columns:repeat(2,1fr);
    }

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

    .lf-footer-grid {
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:767px) {

    .lf-hero {
        padding:125px 0 60px;
    }

    .lf-hero h1 {
        font-size:42px;
    }

    .lf-search {
        flex-wrap:wrap;
    }

    .lf-search button {
        width:100%;
    }

    .lf-actions {
        flex-direction:column;
    }

    .lf-stats-grid {
        grid-template-columns:repeat(2,1fr);
    }

    .lf-category-grid,
    .lf-services-grid,
    .lf-catalog-grid,
    .lf-steps,
    .lf-footer-grid {
        grid-template-columns:1fr;
    }

    .lf-heading,
    .lf-seller-box,
    .lf-catalog-empty {
        flex-direction:column;
        align-items:flex-start;
    }

    .lf-section {
        padding:65px 0;
    }
}

/* ===== LinkFlux Header ===== */

.lf-main-header {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:999;
    background:rgba(255,255,255,.94);
    backdrop-filter:blur(16px);
    border-bottom:1px solid rgba(20,24,43,.07);
}

.lf-navbar {
    min-height:82px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.lf-logo {
    display:flex;
    align-items:center;
    flex-shrink:0;
}

.lf-logo img {
    max-width:155px;
    max-height:48px;
    object-fit:contain;
}

.lf-nav-collapse {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-grow:1;
}

.lf-nav-links {
    display:flex;
    align-items:center;
    gap:30px;
    margin:0 auto;
    padding:0 30px;
    list-style:none;
}

.lf-nav-links a {
    color:#343a50 !important;
    font-size:14px;
    font-weight:600;
    text-decoration:none !important;
    transition:.2s;
}

.lf-nav-links a:hover {
    color:var(--lf-primary) !important;
}

.lf-nav-actions {
    display:flex;
    align-items:center;
    gap:10px;
}

.lf-nav-login,
.lf-nav-register {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:43px;
    padding:0 18px;
    border-radius:9px;
    font-size:13px;
    font-weight:700;
    text-decoration:none !important;
}

.lf-nav-login {
    color:#30364b !important;
    border:1px solid var(--lf-border);
    background:#fff;
}

.lf-nav-register {
    color:#fff !important;
    background:var(--lf-primary);
}

.lf-nav-register:hover {
    background:var(--lf-primary-dark);
}

.lf-mobile-toggle {
    display:none;
    width:42px;
    height:42px;
    align-items:center;
    justify-content:center;
    border:1px solid var(--lf-border);
    border-radius:9px;
    background:#fff;
    color:var(--lf-text);
    font-size:20px;
}

@media(max-width:991px) {

    .lf-navbar {
        min-height:72px;
        flex-wrap:wrap;
    }

    .lf-mobile-toggle {
        display:flex;
    }

    .lf-nav-collapse {
        width:100%;
        flex-basis:100%;
        flex-direction:column;
        align-items:stretch;
        padding:15px 0 22px;
        background:#fff;
    }

    .lf-nav-collapse:not(.show) {
        display:none;
    }

    .lf-nav-collapse.show {
        display:flex;
    }

    .lf-nav-links {
        flex-direction:column;
        align-items:flex-start;
        gap:0;
        width:100%;
        padding:0;
        margin:0 0 15px;
    }

    .lf-nav-links li {
        width:100%;
    }

    .lf-nav-links a {
        display:block;
        width:100%;
        padding:11px 4px;
        border-bottom:1px solid var(--lf-border);
    }

    .lf-nav-actions {
        width:100%;
    }

    .lf-nav-login,
    .lf-nav-register {
        flex:1;
    }
}


/* LinkFlux Wordmark */

.lf-wordmark {
    display:flex;
    align-items:center;
    gap:10px;
    text-decoration:none !important;
}

.lf-wordmark-mark {
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:11px;
    background:linear-gradient(135deg,#6558f5,#887cff);
    color:#fff;
    font-size:20px;
    font-weight:900;
    box-shadow:0 7px 20px rgba(101,88,245,.23);
}

.lf-wordmark-name {
    color:#171b2f;
    font-size:23px;
    font-weight:800;
    letter-spacing:-.7px;
}

.lf-wordmark-name > span {
    color:#6558f5;
}

/* ===== LinkFlux RTL ===== */

html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .lf-navbar,
html[dir="rtl"] .lf-nav-links,
html[dir="rtl"] .lf-nav-actions,
html[dir="rtl"] .lf-hero-grid,
html[dir="rtl"] .lf-trust,
html[dir="rtl"] .lf-steps {
    direction: rtl;
}

html[dir="rtl"] .lf-hero-copy,
html[dir="rtl"] .lf-heading,
html[dir="rtl"] .lf-service-body,
html[dir="rtl"] .lf-category,
html[dir="rtl"] .lf-catalog-card,
html[dir="rtl"] .lf-security,
html[dir="rtl"] .lf-footer {
    text-align: right;
}

html[dir="rtl"] .lf-language-switch {
    margin-right: 0;
    margin-left: 8px;
}

html[dir="rtl"] .lf-wordmark {
    direction: ltr;
}

html[dir="rtl"] .lf-service-bottom,
html[dir="rtl"] .lf-catalog-bottom,
html[dir="rtl"] .lf-preview-bottom {
    direction: rtl;
}