body.landing-admin-page {
    background:
        radial-gradient(circle at top left, rgba(34, 211, 238, 0.16), transparent 24%),
        radial-gradient(circle at bottom right, rgba(249, 115, 22, 0.12), transparent 22%),
        linear-gradient(180deg, #f5f8fc 0%, #e7eef6 100%);
}

.ks-brand-link {
    align-items: center;
    display: inline-flex;
    gap: 10px;
    text-decoration: none;
}

.ks-brand-link:hover,
.ks-brand-link:focus {
    text-decoration: none;
}

.navbar-brand.ks-brand-link {
    align-items: center;
    display: flex;
    height: 50px;
    justify-content: flex-start;
    max-width: calc(100vw - 120px);
    overflow: hidden;
    padding: 6px 12px;
    width: auto;
}

.ks-brand-image {
    display: block;
    height: 38px;
    max-width: 100%;
    object-fit: contain;
    width: auto;
}

.ks-brand-link--navbar {
    gap: 0;
}

.ks-brand-image--navbar {
    display: block;
    height: 38px;
    max-height: 38px;
    max-width: 38px;
    object-fit: contain;
    object-position: center center;
    width: 38px;
}

.landing-admin-page .navbar-header {
    align-items: center;
    display: flex;
    min-width: 0;
}

.landing-admin-page .navbar-header .navbar-brand.ks-brand-link {
    background: transparent !important;
    margin-right: 4px;
    max-width: 56px;
    overflow: hidden;
    width: 56px;
}

.landing-admin-page .main-header .container,
.landing-admin-page .content-wrapper > .container,
.landing-admin-page .main-footer .container {
    max-width: 85vw !important;
    width: 85vw !important;
}

.landing-admin-page .content-wrapper {
    background:
        radial-gradient(circle at top right, rgba(34, 211, 238, 0.18), transparent 24%),
        linear-gradient(180deg, #f8fbff 0%, #edf3f8 100%);
    min-height: calc(100vh - 101px);
    padding-bottom: 28px;
}

.landing-admin-page .navbar {
    background: linear-gradient(90deg, #0f172a 0%, #133b5c 52%, #0f766e 100%);
    border: 0;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18);
}

.landing-admin-page .navbar-nav > li > a,
.landing-admin-page .navbar-brand,
.landing-admin-page .navbar-toggle {
    color: #f8fafc !important;
}

.landing-admin-page .navbar-nav > .active > a,
.landing-admin-page .navbar-nav > .active > a:focus,
.landing-admin-page .navbar-nav > .active > a:hover,
.landing-admin-page .navbar-nav > li > a:hover,
.landing-admin-page .navbar-nav > li > a:focus {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

.landing-admin-page .box,
.landing-admin-page .small-box {
    border-radius: 18px;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.1);
    overflow: hidden;
}

.content-header-row {
    align-items: flex-start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.landing-page-heading h1 {
    color: #102a43;
    font-size: 40px;
    font-weight: 800;
    letter-spacing: -0.03em;
    margin: 10px 0 0;
}

.landing-page-chip {
    align-items: center;
    background: rgba(14, 165, 233, 0.12);
    border: 1px solid rgba(14, 165, 233, 0.22);
    border-radius: 999px;
    color: #0369a1;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.1em;
    padding: 7px 12px;
    text-transform: uppercase;
}

.landing-subtitle {
    color: #52667a;
    font-size: 16px;
    line-height: 1.7;
    margin: 10px 0 0;
    max-width: 760px;
}

.landing-hero-box {
    background:
        radial-gradient(circle at top right, rgba(103, 232, 249, 0.16), transparent 22%),
        linear-gradient(135deg, #0f172a 0%, #153b5f 46%, #0f766e 100%);
    border: 0;
    color: #ffffff;
}

.landing-hero-box .box-body {
    padding: 34px;
}

.landing-hero-layout {
    display: grid;
    gap: 28px;
    grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
}

.landing-hero-copy {
    position: relative;
    z-index: 1;
}

.landing-hero-logo {
    margin-bottom: 20px;
    max-width: 410px;
    width: 100%;
}

.landing-hero-logo .landing-hero-logo-image {
    height: auto;
    max-width: 50%;
    width: 50%;
}

.landing-kicker {
    color: #67e8f9;
    display: inline-block;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.18em;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.landing-title {
    color: #ffffff;
    font-size: 48px;
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 1.02;
    margin: 0 0 18px;
    max-width: 720px;
}

.landing-lead {
    color: rgba(248, 250, 252, 0.84);
    font-size: 18px;
    line-height: 1.8;
    margin: 0;
    max-width: 90%;
}

.landing-pill-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 24px 0 0;
}

.landing-pill {
    align-items: center;
    background: rgba(255, 255, 255, 0.09);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    color: #ffffff;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    padding: 8px 12px;
    text-transform: uppercase;
}

.landing-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 28px 0 0;
}

.landing-actions-inline {
    margin-top: 0;
}

.landing-actions .btn {
    align-items: center;
    border-radius: 12px;
    display: inline-flex;
    font-weight: 700;
    justify-content: center;
    min-width: 190px;
    min-height: 50px;
}

.landing-actions .btn-primary {
    background: linear-gradient(135deg, #fbbf24 0%, #f97316 100%);
    border: 0;
    color: #0f172a;
}

.landing-actions .btn-default {
    background: rgba(255, 255, 255, 0.96);
    border: 0;
    color: #0f172a;
}

.landing-hero-stage {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.landing-builder-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 250, 252, 0.96) 100%);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 24px;
    color: #102a43;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 24px;
}

.landing-builder-head h3 {
    color: #102a43;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -0.03em;
    margin: 6px 0 10px;
}

.landing-builder-head p {
    color: #52667a;
    font-size: 14px;
    line-height: 1.7;
    margin: 0 0 18px;
}

.landing-builder-kicker {
    color: #0284c7;
    display: inline-block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.landing-builder-preview {
    background:
        radial-gradient(circle at top left, rgba(14, 165, 233, 0.12), transparent 32%),
        linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 20px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
    overflow: hidden;
    padding: 12px;
}

.landing-builder-preview-image {
    border-radius: 14px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.16);
    display: block;
    max-height: 560px;
    object-fit: cover;
    object-position: center top;
    width: 100%;
}

.landing-builder-button {
    margin-top: auto;
    width: 100%;
}

.landing-side-cards {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.landing-side-card {
    border-radius: 18px;
    min-height: 148px;
    padding: 18px 18px 16px;
}

.landing-side-card h4 {
    font-size: 18px;
    font-weight: 800;
    margin: 0 0 10px;
}

.landing-side-card p {
    font-size: 14px;
    line-height: 1.7;
    margin: 0;
}

.landing-side-card-info {
    background: linear-gradient(180deg, #f0f9ff 0%, #dbeafe 100%);
    color: #102a43;
}

.landing-side-card-warm {
    background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
    color: #7c2d12;
}

.landing-process-shell,
.landing-showcase-shell {
    margin-top: 28px;
}

.landing-section-header {
    margin-bottom: 16px;
}

.landing-section-header-centered {
    text-align: center;
}

.landing-section-header-centered p {
    margin-left: auto;
    margin-right: auto;
}

.landing-section-kicker {
    color: #0f766e;
    display: inline-block;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.16em;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.landing-section-header h3 {
    color: #102a43;
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -0.03em;
    margin: 0;
}

.landing-section-header p {
    color: #5d7084;
    font-size: 15px;
    line-height: 1.7;
    margin: 10px 0 0;
    max-width: 760px;
}

.landing-process-card {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border: 0;
    min-height: 340px;
}

.landing-process-card .box-body {
    padding: 24px;
}

.landing-process-number {
    align-items: center;
    background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
    border-radius: 14px;
    color: #ffffff;
    display: inline-flex;
    font-size: 13px;
    font-weight: 800;
    height: 38px;
    justify-content: center;
    letter-spacing: 0.1em;
    width: 38px;
}

.landing-process-card h4 {
    color: #102a43;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -0.03em;
    margin: 18px 0 10px;
}

.landing-process-card p {
    color: #5d7084;
    font-size: 14px;
    line-height: 1.75;
    margin: 0;
}

.landing-process-visual {
    align-items: center;
    background: linear-gradient(180deg, #f1f7fb 0%, #e8f0f8 100%);
    border: 1px solid #dbe7f1;
    border-radius: 18px;
    display: flex;
    justify-content: center;
    margin-top: 18px;
    min-height: 130px;
    overflow: hidden;
    padding: 16px;
    position: relative;
}

.landing-process-visual--layout {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.landing-process-visual--layout span {
    background: linear-gradient(135deg, #0f172a 0%, #0f766e 100%);
    border-radius: 12px;
    display: block;
    min-height: 42px;
    opacity: 0.9;
}

.landing-process-lines {
    display: grid;
    gap: 8px;
    width: 100%;
}

.landing-process-lines span {
    background: #cbd5e1;
    border-radius: 999px;
    display: block;
    height: 10px;
}

.landing-process-lines span:nth-child(1) {
    width: 92%;
}

.landing-process-lines span:nth-child(2) {
    width: 74%;
}

.landing-process-lines span:nth-child(3) {
    width: 84%;
}

.landing-process-bubble {
    background: linear-gradient(135deg, #ffffff 0%, #e0f2fe 100%);
    border: 1px solid #bae6fd;
    border-radius: 18px;
    bottom: 14px;
    box-shadow: 0 14px 24px rgba(14, 165, 233, 0.12);
    height: 34px;
    position: absolute;
    right: 18px;
    width: 86px;
}

.landing-process-bubble::after {
    background: inherit;
    border-bottom: 1px solid #bae6fd;
    border-right: 1px solid #bae6fd;
    bottom: -7px;
    content: "";
    height: 14px;
    position: absolute;
    right: 18px;
    transform: rotate(45deg);
    width: 14px;
}

.landing-process-canvas {
    background: #ffffff;
    border: 1px solid #dbe7f1;
    border-radius: 14px;
    display: grid;
    gap: 8px;
    padding: 10px;
    width: 100%;
}

.landing-process-canvas span {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.9) 0%, rgba(14, 116, 144, 0.85) 100%);
    border-radius: 10px;
    display: block;
    min-height: 34px;
}

.landing-process-toolbar {
    background: linear-gradient(90deg, #fbbf24 0%, #f97316 100%);
    border-radius: 999px;
    height: 10px;
    left: 18px;
    position: absolute;
    top: 14px;
    width: 84px;
}

.landing-studio-box,
.landing-advantages-box {
    border: 0;
    margin-top: 28px;
}

.landing-studio-box .box-body,
.landing-advantages-box .box-body {
    padding: 28px;
}

.landing-studio-layout {
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 0.95fr) minmax(340px, 1.05fr);
}

.landing-studio-copy h3 {
    color: #102a43;
    font-size: 34px;
    font-weight: 800;
    letter-spacing: -0.03em;
    margin: 0;
}

.landing-studio-copy p {
    color: #5d7084;
    font-size: 15px;
    line-height: 1.8;
    margin: 12px 0 0;
}

.landing-studio-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 18px 0 24px;
}

.landing-studio-badge {
    align-items: center;
    background: #eff6ff;
    border: 1px solid #dbeafe;
    border-radius: 999px;
    color: #1e3a8a;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    padding: 8px 12px;
}

.landing-studio-mock {
    min-width: 0;
}

.landing-mock-window {
    background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
    border-radius: 22px;
    box-shadow: 0 24px 50px rgba(15, 23, 42, 0.22);
    overflow: hidden;
}

.landing-mock-topbar {
    align-items: center;
    background: rgba(255, 255, 255, 0.06);
    display: flex;
    gap: 8px;
    padding: 14px 16px;
}

.landing-mock-topbar span {
    background: rgba(255, 255, 255, 0.32);
    border-radius: 999px;
    display: block;
    height: 10px;
    width: 10px;
}

.landing-mock-body {
    display: grid;
    gap: 12px;
    grid-template-columns: 78px minmax(0, 1fr) 132px;
    padding: 14px;
}

.landing-mock-sidebar,
.landing-mock-inspector {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 16px;
    display: grid;
    gap: 10px;
    padding: 12px;
}

.landing-mock-sidebar div,
.landing-mock-inspector div {
    background: rgba(255, 255, 255, 0.14);
    border-radius: 10px;
    min-height: 38px;
}

.landing-mock-canvas {
    background: rgba(255, 255, 255, 0.03);
    border-radius: 18px;
    padding: 12px;
}

.landing-mock-page {
    background: linear-gradient(180deg, #ffffff 0%, #eef4fb 100%);
    border-radius: 16px;
    min-height: 318px;
    overflow: hidden;
    padding: 14px;
    position: relative;
}

.landing-mock-panel {
    background: linear-gradient(135deg, #38bdf8 0%, #0f766e 100%);
    border-radius: 14px;
    min-height: 88px;
}

.landing-mock-panel-large {
    min-height: 134px;
    margin-bottom: 10px;
}

.landing-mock-panel-row {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.landing-mock-bubble {
    background: #ffffff;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    box-shadow: 0 12px 20px rgba(15, 23, 42, 0.08);
    position: absolute;
}

.landing-mock-bubble::after {
    background: inherit;
    border-bottom: 1px solid #dbeafe;
    border-right: 1px solid #dbeafe;
    content: "";
    height: 14px;
    position: absolute;
    transform: rotate(45deg);
    width: 14px;
}

.landing-mock-bubble-one {
    height: 34px;
    right: 28px;
    top: 40px;
    width: 90px;
}

.landing-mock-bubble-one::after {
    bottom: -7px;
    right: 16px;
}

.landing-mock-bubble-two {
    bottom: 28px;
    height: 34px;
    left: 30px;
    width: 74px;
}

.landing-mock-bubble-two::after {
    bottom: -7px;
    left: 16px;
}

.landing-showcase-card {
    border: 0;
    min-height: 315px;
}

.landing-showcase-card .box-body {
    padding: 24px;
}

.landing-showcase-card--cyan {
    background: linear-gradient(180deg, #ecfeff 0%, #cffafe 100%);
}

.landing-showcase-card--amber {
    background: linear-gradient(180deg, #fff7ed 0%, #fed7aa 100%);
}

.landing-showcase-card--violet {
    background: linear-gradient(180deg, #f5f3ff 0%, #ddd6fe 100%);
}

.landing-showcase-eyebrow {
    color: #0f766e;
    display: inline-block;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.landing-showcase-card h4 {
    color: #102a43;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -0.03em;
    margin: 0 0 10px;
}

.landing-showcase-card p {
    color: #52667a;
    font-size: 14px;
    line-height: 1.75;
    margin: 0;
}

.landing-showcase-preview {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 20px;
}

.landing-showcase-preview span {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.9) 0%, rgba(14, 165, 233, 0.8) 100%);
    border-radius: 14px;
    display: block;
    min-height: 120px;
}

.landing-description-block {
    background: linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%);
    border-radius: 18px;
    margin: 14px 0;
    min-height: 170px;
    padding: 22px 18px;
}

.landing-description-block .description-header {
    color: #102a43;
    display: block;
    font-size: 19px;
    font-weight: 800;
    margin-bottom: 10px;
}

.landing-description-block .description-text {
    color: #5d7084;
    display: block;
    font-size: 14px;
    line-height: 1.75;
    text-transform: none;
    white-space: normal;
}

.landing-final-cta {
    align-items: center;
    background: linear-gradient(135deg, #0f172a 0%, #133b5c 50%, #0f766e 100%);
    border-radius: 24px;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin-top: 24px;
    padding: 22px;
}

.landing-final-cta-copy {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    gap: 18px;
}

.landing-final-logo .ks-brand-image {
    height: 138px;
}

.landing-final-cta-copy p {
    color: rgba(248, 250, 252, 0.84);
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
    max-width: 680px;
}

.locale-switcher-home {
    margin-top: 6px;
}

@media (max-width: 1199px) {
    .landing-title {
        font-size: 42px;
    }
}

@media (max-width: 991px) {
    .ks-brand-image {
        height: 34px;
    }

    .landing-hero-logo {
        max-width: 260px;
    }

    .landing-final-logo .ks-brand-image {
        height: 104px;
    }

    .ks-brand-image--navbar {
        height: 34px;
        max-height: 34px;
        max-width: 34px;
        width: 34px;
    }

    .landing-admin-page .main-header .container,
    .landing-admin-page .content-wrapper > .container,
    .landing-admin-page .main-footer .container {
        max-width: 94vw !important;
        width: 94vw !important;
    }

    .content-header-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .landing-hero-layout,
    .landing-studio-layout {
        grid-template-columns: 1fr;
    }

    .landing-lead,
    .landing-section-header p {
        max-width: 100%;
    }

    .landing-side-cards,
    .landing-showcase-preview {
        grid-template-columns: 1fr;
    }

    .landing-mock-body {
        grid-template-columns: 62px minmax(0, 1fr) 108px;
    }

    .landing-final-cta {
        align-items: flex-start;
        flex-direction: column;
    }

    .landing-final-cta-copy {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .landing-hero-logo {
        max-width: 220px;
    }

    .navbar-brand.ks-brand-link {
        max-width: 52px;
        padding-left: 12px;
        padding-right: 12px;
        width: 52px;
    }

    .ks-brand-image--navbar {
        height: 30px;
        max-height: 30px;
        max-width: 30px;
        width: 30px;
    }

    .landing-page-heading h1 {
        font-size: 32px;
    }

    .landing-admin-page .landing-hero-box .box-body,
    .landing-studio-box .box-body,
    .landing-advantages-box .box-body {
        padding: 20px;
    }

    .landing-title {
        font-size: 34px;
    }

    .landing-actions .btn,
    .landing-builder-button {
        width: 100%;
    }

    .landing-side-cards,
    .landing-stage-stats {
        grid-template-columns: 1fr;
    }

    .landing-process-card,
    .landing-showcase-card {
        min-height: 0;
    }

    .landing-mock-body {
        grid-template-columns: 1fr;
    }

    .landing-mock-sidebar,
    .landing-mock-inspector {
        grid-auto-flow: column;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}