:root {
    --color-primary: #0878f9;
    --color-primary-light: #17b8ff;
    --color-cyan: #14c7d9;
    --color-purple: #7847ef;
    --color-navy: #061d3b;
    --color-navy-deep: #03142b;
    --color-text: #13243d;
    --color-text-muted: #708096;
    --color-border: #dce7f3;
    --color-bg-light: #f5f8fc;
    --container-width: 1200px;
    --section-padding: 38px;
    --card-radius: 10px;
    --card-shadow: 0 8px 24px rgba(23, 62, 105, 0.11);
    --transition-default: 0.25s ease;

    --primary: var(--color-primary);
    --cyan: var(--color-cyan);
    --navy: var(--color-navy);
    --dark: var(--color-navy-deep);
    --light: var(--color-bg-light);
    --text: var(--color-text);
    --muted: var(--color-text-muted);
    --radius: var(--card-radius);
    --shadow: 0 12px 30px rgba(6, 20, 38, .12);

    --lc-blue-950: var(--dark);
    --lc-blue-900: var(--navy);
    --lc-blue-850: #082140;
    --lc-blue-800: #092b55;
    --lc-blue-700: #0b4386;
    --lc-tech: var(--primary);
    --lc-cyan: var(--cyan);
    --lc-white: #ffffff;
    --lc-ink: var(--text);
    --lc-muted: var(--muted);
    --lc-line: var(--color-border);
    --lc-panel: var(--light);
    --lc-shadow: var(--shadow);
    --lc-container: var(--container-width);
    --lc-font: Arial, "Microsoft YaHei", sans-serif;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
    margin: 0;
    color: var(--lc-ink);
    background: var(--lc-white);
    font-family: var(--lc-font);
    word-break: normal;
}

body.home {
    max-width: 100%;
    overflow-x: clip;
}

body.home .lc-home,
body.home .lc-home * {
    min-width: 0;
}

a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }

.lc-container {
    width: min(var(--container-width), calc(100% - 64px));
    margin: 0 auto;
}

.lc-header {
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    gap: 28px;
    width: min(1680px, calc(100% - clamp(40px, 8vw, 112px)));
    height: 66px;
    margin: 0 auto;
    color: var(--lc-white);
}

.lc-brand { display: inline-flex; align-items: center; gap: 12px; min-width: 192px; }
.lc-brand__mark {
    width: 46px;
    height: 46px;
    background: linear-gradient(135deg, #ffffff, #2fc6ff);
    clip-path: polygon(50% 0, 92% 24%, 92% 74%, 50% 100%, 8% 74%, 8% 24%);
    position: relative;
}
.lc-brand__mark::after {
    content: "";
    position: absolute;
    inset: 11px;
    border: 3px solid #07152a;
    clip-path: polygon(50% 0, 92% 24%, 92% 74%, 50% 100%, 8% 74%, 8% 24%);
}
.lc-brand__logo {
    display: block;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    object-fit: contain;
}
.lc-brand__text strong { display: block; font-size: 21px; line-height: 1; font-weight: 900; }
.lc-brand__text em { display: block; margin-top: 4px; font-size: 12px; line-height: 1; font-style: normal; font-weight: 800; }

.lc-nav { flex: 1; }
.lc-nav__list {
    display: flex;
    justify-content: center;
    gap: clamp(18px, 2vw, 34px);
    margin: 0;
    padding: 0;
    list-style: none;
}
.lc-nav__list a {
    position: relative;
    display: block;
    padding: 8px 0;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
}
.lc-nav__list a.is-active::after,
.lc-nav__list .is-active > a::after,
.lc-nav__list .current-menu-item > a::after,
.lc-nav__list .current_page_item > a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -20px;
    width: 38px;
    height: 4px;
    border-radius: 999px;
    background: #1db8ff;
    transform: translateX(-50%);
}
.lc-header__actions { display: flex; align-items: center; gap: 22px; }
.lc-header__menu-panel { display: flex; flex: 1; align-items: center; gap: 28px; min-width: 0; }
.lc-menu-toggle { display: none; }
.lc-language-switcher { position: relative; flex: 0 0 auto; }
.lc-lang { height: 38px; padding: 0; display: inline-flex; align-items: center; gap: 5px; border: 0; background: transparent; color: #49bfff; font: inherit; font-weight: 900; font-size: 16px; line-height: 1; white-space: nowrap; cursor: pointer; }
.lc-lang i { color: rgba(129, 205, 255, .72); font-style: normal; }
.lc-lang svg { width: 14px; height: 14px; margin-left: 2px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s ease; }
.lc-language-switcher.is-open .lc-lang svg { transform: rotate(180deg); }
.lc-lang:focus-visible { outline: 2px solid #49bfff; outline-offset: 4px; border-radius: 3px; }
.lc-language-menu { position: absolute; z-index: 90; top: calc(100% + 10px); right: 0; width: 210px; padding: 8px; border: 1px solid #cfdfef; border-radius: 8px; background: #ffffff; box-shadow: 0 18px 42px rgba(4, 28, 61, .22); }
.lc-language-menu[hidden] { display: none; }
.lc-language-option { min-height: 52px; padding: 9px 11px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-radius: 5px; }
.lc-language-option strong { color: #153d6c; font-size: 14px; line-height: 1.2; }
.lc-language-option small { color: #71859b; font-size: 11px; line-height: 1.2; white-space: nowrap; }
.lc-language-option.is-current { background: #eef6ff; }
.lc-language-option.is-current strong { color: #0d65df; }
.lc-language-option.is-unavailable { margin-top: 3px; border: 1px dashed #d6e0ea; background: #f8fafc; }
.lc-language-option.is-unavailable strong,
.lc-language-option.is-unavailable small { color: #8797a8; }
.lc-header__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 158px;
    height: 44px;
    padding: 0 20px;
    border-radius: 6px;
    color: #fff;
    background: linear-gradient(180deg, #34c4ff 0%, #1f9fff 100%);
    font-weight: 900;
    font-size: 15px;
    box-shadow: 0 10px 26px rgba(31, 159, 255, .28);
    transition: background var(--transition-default), box-shadow var(--transition-default), transform var(--transition-default);
}

.lc-hero {
    position: relative;
    overflow: hidden;
    height: clamp(500px, 38vw, 570px);
    min-height: 500px;
    max-height: 570px;
    padding-top: 66px;
    color: #fff;
    background:
        linear-gradient(90deg, rgba(4, 20, 44, .98) 0%, rgba(7, 36, 77, .96) 46%, rgba(16, 67, 149, .88) 100%);
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}
.lc-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 76% 56%, rgba(44, 184, 255, .18) 0%, rgba(44, 184, 255, 0) 42%),
        radial-gradient(circle at 18% 18%, rgba(38, 132, 255, .1) 0%, rgba(38, 132, 255, 0) 36%);
    opacity: .88;
    pointer-events: none;
}
.lc-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px);
    background-size: 64px 64px;
    opacity: .14;
    pointer-events: none;
}
.lc-hero__particles {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
}
.lc-particle {
    position: absolute;
    width: var(--particle-size, 3px);
    height: var(--particle-size, 3px);
    border-radius: 50%;
    background: rgba(168, 238, 255, .42);
    box-shadow:
        0 0 3px rgba(20, 199, 217, .36),
        0 0 8px rgba(8, 120, 249, .16);
    opacity: min(var(--particle-opacity, .28), .34);
    will-change: transform, opacity;
}
.lc-hero__inner {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(460px, .95fr) minmax(560px, 1.05fr);
    align-items: center;
    gap: 18px;
    width: 100%;
    max-width: 1680px;
    min-height: auto;
    padding: 12px clamp(20px, 4vw, 56px) 24px;
    box-sizing: border-box;
}
.lc-hero__content { padding: 0 0 20px; }
.lc-hero__title {
    margin: 0 0 18px;
    font-size: clamp(42px, 3.35vw, 58px);
    line-height: 1.16;
    font-weight: 900;
    letter-spacing: -1.5px;
    color: #fff;
    text-shadow: 0 4px 18px rgba(0,0,0,.45);
    word-break: keep-all;
}
.lc-hero__title span { display: block; }
.lc-hero__lead { margin: 0 0 6px; font-size: 22px; font-weight: 900; line-height: 1.25; word-break: keep-all; }
.lc-hero__en { margin: 0 0 16px; font-size: 16px; line-height: 1.3; font-weight: 500; color: rgba(214,232,255,.92); }
.lc-hero__text { max-width: 560px; margin: 0 0 22px; color: rgba(225,239,255,.86); font-size: 16px; font-weight: 500; line-height: 1.65; word-break: keep-all; }
.lc-hero__actions { display: flex; align-items: center; gap: 14px; margin-top: 0; flex-wrap: wrap; }
.lc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 158px;
    height: 46px;
    padding: 0 20px;
    border-radius: 6px;
    border: 1px solid transparent;
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
    user-select: none;
    transition: background var(--transition-default), border-color var(--transition-default), box-shadow var(--transition-default), transform var(--transition-default);
}
.lc-btn--primary { color: #fff; background: linear-gradient(180deg, #34c4ff 0%, #1f9fff 100%); box-shadow: 0 10px 26px rgba(31, 159, 255, .3); }
.lc-btn--outline { color: #fff; border-color: rgba(255,255,255,.55); background: transparent; }
.lc-hero__actions .lc-btn {
    height: 46px;
    padding: 0 20px;
}
.lc-hero__visual {
    position: relative;
    min-height: 430px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(12px);
}
.lc-hero__visual::before {
    content: none;
    position: absolute;
    inset: 0;
    border: 0;
    border-radius: 0;
    background:
        radial-gradient(circle at 58% 52%, rgba(38,160,255,.16) 0%, rgba(38,160,255,0) 48%),
        linear-gradient(90deg, rgba(4,20,44,0) 0%, rgba(7,36,77,.18) 48%, rgba(16,67,149,.16) 100%);
    filter: none;
    transform: none;
    box-shadow: none;
    z-index: 1;
    pointer-events: none;
}
.lc-hero__visual::after {
    content: none;
    position: absolute;
    right: 74px;
    bottom: 68px;
    width: 500px;
    height: 86px;
    border: 1.5px solid rgba(44,199,255,.65);
    border-radius: 50%;
    transform: none;
    box-shadow:
        0 0 18px rgba(44,199,255,.18),
        inset 0 0 18px rgba(44,199,255,.10);
    z-index: 2;
}
.lc-hero__visual-image {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    max-width: 820px;
    height: auto;
    object-fit: contain;
    object-position: center;
    transform: translateX(14px);
    filter: drop-shadow(0 18px 28px rgba(0, 10, 28, .16));
}
.lc-hero__platform {
    position: absolute;
    z-index: 1;
    right: 74px;
    bottom: 68px;
    width: 500px;
    height: 86px;
    transform: none;
    pointer-events: none;
}
.lc-hero__platform span {
    position: absolute;
    left: 50%;
    bottom: 0;
    border-radius: 50%;
    transform: translateX(-50%) perspective(560px) rotateX(68deg);
}
.lc-hero__platform span:first-child {
    width: 100%;
    height: 92%;
    border: 2px solid rgba(20, 199, 217, .82);
    background: radial-gradient(ellipse at center, rgba(20, 199, 217, .12), transparent 58%);
    box-shadow:
        0 0 22px rgba(20, 199, 217, .72),
        0 0 58px rgba(8, 120, 249, .48),
        inset 0 0 28px rgba(20, 199, 217, .28);
}
.lc-hero__platform span:nth-child(2) {
    bottom: 17%;
    width: 70%;
    height: 62%;
    border: 1px solid rgba(73, 194, 255, .76);
    box-shadow:
        0 0 18px rgba(20, 199, 217, .48),
        inset 0 0 18px rgba(20, 199, 217, .24);
}
.lc-hero__platform span:nth-child(3) {
    bottom: 40%;
    width: 42%;
    height: 36%;
    border: 1px solid rgba(255,255,255,.36);
    background: radial-gradient(ellipse at center, rgba(20, 199, 217, .32), transparent 62%);
    box-shadow: 0 0 34px rgba(20, 199, 217, .4);
}
.lc-hero__links {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: .42;
    overflow: visible;
    pointer-events: none;
}
.lc-hero__links path {
    fill: none;
    stroke: rgba(76, 214, 255, .56);
    stroke-width: 1.4;
    stroke-linecap: round;
    filter:
        drop-shadow(0 0 6px rgba(20, 199, 217, .74))
        drop-shadow(0 0 14px rgba(8, 120, 249, .44));
    stroke-dasharray: 7 11;
    animation: lcLinkFlow 8s linear infinite;
}
.lc-hero__robot {
    position: absolute;
    z-index: 3;
    right: 34px;
    top: 34px;
    left: auto;
    width: clamp(440px, 38vw, 620px);
    transform: none;
    filter:
        drop-shadow(0 28px 38px rgba(0,0,0,.42))
        drop-shadow(0 0 24px rgba(20, 199, 217, .24));
}
.lc-system {
    position: absolute;
    z-index: 4;
    width: 76px;
    height: 76px;
    padding: 5px;
    border: 0;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(24,163,255,.22) 0%, rgba(24,163,255,.10) 62%, rgba(24,163,255,.02) 100%);
    box-shadow: 0 0 28px rgba(24,163,255,.26);
}
.lc-system::before {
    content: "";
    position: absolute;
    inset: 25px;
    z-index: 2;
    border-radius: 50%;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px 26px;
    box-shadow: none;
}
.lc-system::after {
    content: "";
    position: absolute;
    inset: 5px;
    border: 2px solid rgba(53,208,255,.9);
    border-radius: 50%;
    background: rgba(7,27,56,.72);
    z-index: 1;
}
.lc-system span { position: absolute; top: calc(100% + 8px); left: 50%; width: max-content; max-width: 120px; transform: translateX(-50%); text-align: center; color: #fff; font-weight: 900; font-size: 15px; line-height: 1; text-shadow: 0 0 10px rgba(0,0,0,.4); }
.lc-system--connect { left: 92px; top: 76px; }
.lc-system--sense { left: 34px; top: 246px; }
.lc-system--control { right: 68px; top: 112px; }
.lc-system--vision { right: 18px; top: 268px; }
.lc-system--execute { left: 50%; bottom: 3%; transform: translateX(-50%); }
.lc-system--connect::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='10' r='4'/%3E%3Ccircle cx='23' cy='10' r='4'/%3E%3Ccircle cx='16' cy='23' r='4'/%3E%3Cpath d='M12.5 12.5 14 19M19.5 12.5 18 19M13 10h6'/%3E%3C/svg%3E");
}
.lc-system--sense::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 16s4.5-8 12-8 12 8 12 8-4.5 8-12 8S4 16 4 16Z'/%3E%3Ccircle cx='16' cy='16' r='4'/%3E%3C/svg%3E");
}
.lc-system--control::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='7' width='22' height='18' rx='2'/%3E%3Cpath d='M10 13h3M10 18h7M21 13h1M21 18h1'/%3E%3C/svg%3E");
}
.lc-system--vision::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='10' width='20' height='14' rx='3'/%3E%3Ccircle cx='16' cy='17' r='4'/%3E%3Cpath d='M10 10l2-4h8l2 4'/%3E%3C/svg%3E");
}
.lc-system--execute::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 5v8M10 13h12M12 13l-3 12M20 13l3 12M9 25h14'/%3E%3Cpath d='M13 20h6'/%3E%3C/svg%3E");
}

@keyframes lcParticleDrift {
    from {
        background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
    }
    to {
        background-position: 180px 180px, -220px 220px, 260px -260px, -210px -210px, 240px 240px, 0 0, 0 0;
    }
}

@keyframes lcLinkFlow {
    to {
        stroke-dashoffset: -120;
    }
}

.lc-section-title {
    position: relative;
    margin: 0 0 22px;
    text-align: center;
    font-size: 28px;
    line-height: 1.15;
    letter-spacing: 0;
    font-weight: 800;
}
.lc-section-title--dark { color: var(--color-text); }
.lc-section-title--light { color: #fff; }
.lc-section-title span { color: #2a5b92; font-size: 20px; font-weight: 800; }

.lc-challenges {
    width: 100%;
    padding: 34px clamp(16px, 3vw, 40px) 34px;
    box-sizing: border-box;
    overflow: hidden;
    background: #f3f7fc;
}
.lc-challenges .lc-container {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    box-sizing: border-box;
}
.lc-challenges .lc-section-title {
    margin: 0 0 26px;
    text-align: center;
    color: #082f5f;
    font-size: clamp(28px, 2.4vw, 36px);
    font-weight: 900;
    line-height: 1.15;
}
.lc-challenges__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; width: 100%; }
.lc-challenge-card {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 22px;
    height: 118px;
    padding: 22px 26px;
    box-sizing: border-box;
    border: 1px solid #dbe7f3;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(17, 60, 110, .08);
}
.lc-challenge-card h3 { margin: 0 0 8px; color: #082f5f; font-size: 19px; font-weight: 900; line-height: 1.25; white-space: nowrap; }
.lc-challenge-card p {
    margin: 0;
    color: #526f8d;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.55;
    word-break: keep-all;
    overflow-wrap: normal;
}
.challenge-content {
    min-width: 0;
}
.lc-challenge-card .lc-icon,
.lc-challenge-card .challenge-icon {
    flex: 0 0 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    border: 1px solid #c9dff4;
    background: transparent;
    box-shadow: none;
    position: relative;
}
.lc-challenge-card .lc-icon::before,
.lc-challenge-card .challenge-icon::before {
    content: "";
    position: absolute;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 1px solid #d7e8f7;
    box-sizing: border-box;
    background: transparent;
}
.lc-challenge-card .challenge-icon-core {
    position: absolute;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: radial-gradient(circle, #f8fcff 0%, #f2f8fe 68%, #edf5fd 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
}
.lc-challenge-card .challenge-icon svg {
    position: relative;
    z-index: 2;
    display: block;
    width: 22px;
    height: 22px;
}
.lc-challenge-card .challenge-icon svg * {
    vector-effect: non-scaling-stroke;
}

.lc-capabilities {
    width: 100%;
    padding: 18px 0 28px;
    overflow: hidden;
    background: linear-gradient(180deg, #06234a 0%, #051d3d 100%);
}
.lc-capabilities__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
.lc-capability-card {
    position: relative;
    min-width: 0;
    height: 168px;
    padding: 18px 20px 16px;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 14px;
    color: #fff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04);
    text-align: left;
}
.lc-capability-card::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    height: 42%;
    pointer-events: none;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, .06) 20%,
        rgba(0, 0, 0, .14) 60%,
        rgba(0, 0, 0, .2) 100%
    );
}
.ability-card-inner {
    position: relative;
    z-index: 1;
    height: 100%;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    grid-template-rows: 24px 48px 1px 34px 20px;
    column-gap: 20px;
    row-gap: 4px;
    grid-template-areas:
        "icon title"
        "icon desc"
        "divider divider"
        "highlight highlight"
        "sub sub";
}
.lc-capability-card .ability-icon,
.lc-capability-card i.ability-icon {
    grid-area: icon;
    display: flex;
    width: 52px;
    height: 52px;
    margin: 0;
    opacity: 1;
    transform: translateY(0);
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 50%;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .08);
}
.lc-capability-card .ability-icon svg,
.lc-capability-card i.ability-icon svg {
    display: block;
    width: 26px;
    height: 26px;
    fill: none;
    stroke: #fff;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: .9;
}
.lc-capability-card--blue,
.ability-card-bom { background: linear-gradient(180deg, #0b73ea 0%, #0454cb 58%, #0348b7 100%); }
.lc-capability-card--cyan,
.ability-card-domestic { background: linear-gradient(180deg, #22c0e1 0%, #10b1d5 58%, #089dc2 100%); }
.lc-capability-card--navy,
.ability-card-global { background: linear-gradient(180deg, #0c70e6 0%, #0558cf 58%, #0449bb 100%); }
.lc-capability-card--purple,
.ability-card-tech { background: linear-gradient(180deg, #7b58ec 0%, #6b48df 58%, #5f3bd0 100%); }
.ability-card-domestic::after {
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 40, 55, .08) 20%,
        rgba(0, 40, 55, .14) 60%,
        rgba(0, 0, 0, .05) 100%
    );
}
.ability-card-tech::after {
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(20, 0, 50, .08) 20%,
        rgba(20, 0, 50, .14) 60%,
        rgba(0, 0, 0, .05) 100%
    );
}
.lc-capability-card h3,
.lc-capability-card .ability-name {
    grid-area: title;
    margin: 0;
    color: #fff;
    font-size: 17px;
    font-weight: 800;
    line-height: 24px;
}
.lc-capability-card p,
.lc-capability-card .ability-text {
    grid-area: desc;
    margin: 0;
    min-height: 0;
    overflow: hidden;
    color: rgba(255, 255, 255, .88);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.55;
    word-break: keep-all;
}
.ability-highlight-wrap {
    grid-area: highlight;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lc-capability-card strong,
.lc-capability-card .ability-highlight {
    display: block;
    margin: 0;
    color: #57e6ff;
    font-size: 26px;
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: -.5px;
    text-align: center;
    text-shadow:
        0 1px 0 rgba(0, 0, 0, .08),
        0 2px 10px rgba(0, 60, 120, .18);
    white-space: nowrap;
}
.ability-card-global .ability-highlight,
.ability-card-tech .ability-highlight {
    color: #5ce8ff;
    text-shadow:
        0 1px 0 rgba(0, 0, 0, .1),
        0 2px 12px rgba(0, 50, 120, .22);
}
.ability-divider {
    grid-area: divider;
    width: 100%;
    height: 1px;
    margin: 0;
    background: rgba(255, 255, 255, .22);
}
.lc-capability-card .ability-sub {
    grid-area: sub;
    display: block;
    margin: 0;
    color: rgba(255, 255, 255, .96);
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
}

.lc-industries { padding: 20px 0 16px; background: #fff; }
.lc-industries__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.lc-industry-card {
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: var(--card-radius);
    background: #fff;
    box-shadow: var(--card-shadow);
}
.lc-industry-card img {
    width: 100%;
    height: 220px;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    background: #dbeaf7;
    transition: transform var(--transition-default);
}
.lc-industry-card:hover img {
    transform: scale(1.05);
}
.lc-industry-card h3 { margin: 13px 16px 4px; color: #0d2444; font-size: 19px; }
.lc-industry-card p { margin: 0 16px 16px; color: #657286; font-size: 13px; word-break: keep-all; }

.lc-architecture {
    width: 100%;
    padding: 44px clamp(24px, 4vw, 64px);
    box-sizing: border-box;
    overflow: hidden;
    color: #fff;
    background: #06182f;
}
.lc-architecture__inner {
    display: grid;
    grid-template-columns: minmax(250px, .88fr) minmax(380px, 1.24fr) minmax(250px, .88fr);
    align-items: center;
    gap: clamp(36px, 4vw, 64px);
    width: 100%;
    max-width: 1480px;
    margin: 0 auto;
    box-sizing: border-box;
    min-height: 0;
}
.lc-arch-list,
.core-system-left,
.core-system-right {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: stretch;
    justify-content: center;
}
.lc-arch-list article,
.core-system-card {
    min-width: 0;
    width: 100%;
    min-height: 92px;
    padding: 14px 18px;
    border: 1px solid rgba(40, 150, 235, .52);
    border-radius: 10px;
    background: rgba(8, 43, 84, .78);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .045),
        0 8px 20px rgba(0, 0, 0, .12);
    box-sizing: border-box;
    overflow: hidden;
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
}
.core-system-card-media {
    width: 88px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.core-system-card-media img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
}
.core-system-card-content {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.lc-arch-list h3,
.core-system-card-title {
    margin: 0 0 6px;
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: -.2px;
    white-space: nowrap;
}
.lc-arch-list p,
.core-system-card-desc {
    margin: 0;
    color: rgba(215, 235, 255, .88);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.lc-arch-visual {
    position: relative;
    width: 100%;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lc-arch-visual::before {
    content: "";
    position: absolute;
    width: 310px;
    height: 310px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(22, 168, 245, .16) 0%, rgba(22, 168, 245, 0) 68%);
    filter: blur(10px);
    z-index: 0;
}
.lc-arch-visual img {
    position: relative;
    z-index: 2;
    width: min(100%, 620px);
    max-width: 100%;
    height: auto;
    max-height: 360px;
    display: block;
    margin: 0 auto;
    object-fit: contain;
    object-position: center;
    mix-blend-mode: screen;
    filter: none;
}
.lc-arch-visual::after {
    content: "";
    position: absolute;
    left: -120px;
    right: -120px;
    top: 50%;
    height: 1px;
    background: linear-gradient(
        90deg,
        rgba(41, 200, 255, 0),
        rgba(41, 200, 255, .22),
        rgba(41, 200, 255, .36),
        rgba(41, 200, 255, .22),
        rgba(41, 200, 255, 0)
    );
    z-index: 1;
}

.lc-components, .lc-bom, .lc-solutions, .lc-about { background: #f7f9fc; }
.lc-components {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
    padding: 24px clamp(16px, 3vw, 36px) 34px;
    background: #f3f7fc;
}
.lc-components .lc-container {
    width: 100%;
    max-width: 1600px;
    box-sizing: border-box;
}
.lc-components .lc-section-title {
    margin: 0 0 28px;
    text-align: center;
    line-height: 1.15;
    font-size: 34px;
    font-weight: 900;
    color: #0b2d5c;
    letter-spacing: 0;
}
.lc-components .lc-section-title span {
    color: #2d5f99;
    font-size: .92em;
    font-weight: 800;
}
.lc-components__grid {
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: clamp(16px, 1.5vw, 24px);
    box-sizing: border-box;
}
.lc-component-card {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 22px 18px 20px;
    border: 1px solid #d7e3f0;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(17, 60, 110, .06);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.lc-component-card__link {
    width: 100%;
    min-height: 100%;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    color: inherit;
    text-decoration: none;
}
.lc-component-card:hover {
    border-color: #a9c9ee;
    box-shadow: 0 10px 26px rgba(17, 60, 110, .12);
    transform: translateY(-2px);
}
.lc-component-card__link:focus-visible {
    border-radius: 10px;
    outline: 3px solid rgba(13, 107, 255, .35);
    outline-offset: 5px;
}
.lc-component-card h3 {
    min-height: 28px;
    margin: 0 0 18px;
    text-align: center;
    color: #0b2d5c;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: 0;
}
.lc-component-card__image-wrap {
    width: 100%;
    height: 64px;
    margin: 0 0 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.lc-component-card__image {
    display: block;
    width: 122px;
    height: 58px;
    border-radius: 8px;
    object-fit: contain;
    object-position: center;
    background: transparent;
    box-shadow: none;
}
.lc-component-card__tags {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    box-sizing: border-box;
}
.lc-component-card__tags span {
    height: 40px;
    padding: 0 6px;
    border: 1px solid #e7edf4;
    border-radius: 6px;
    background: #eef3f8;
    color: #3e5572;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
}

.lc-bom {
    width: 100%;
    max-width: 100%;
    padding: 42px clamp(16px, 3vw, 38px) 24px;
    box-sizing: border-box;
    overflow-x: hidden;
    background: #f3f7fc;
}
.lc-bom .lc-container {
    width: 100%;
    max-width: 1608px;
    box-sizing: border-box;
}
.lc-bom__inner {
    display: grid;
    width: 100%;
    max-width: 100%;
    grid-template-columns: minmax(0, 1.42fr) minmax(0, 1fr);
    gap: clamp(18px, 2vw, 28px);
    align-items: end;
    box-sizing: border-box;
}
.lc-bom__workflow,
.lc-bom__value {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
.lc-bom__title,
.lc-bom__value h3 {
    margin: 0 0 18px;
    color: #06315f;
    text-align: center;
    font-size: 34px;
    line-height: 1.1;
    font-weight: 900;
}
.lc-bom__value h3 {
    margin-bottom: 18px;
    color: #06315f;
    font-size: 26px;
    line-height: 1.15;
    font-weight: 900;
}
.lc-bom-flow {
    display: grid;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    align-items: start;
    height: 150px;
    min-height: 150px;
    padding: 20px clamp(18px, 2vw, 36px) 14px;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #dbe7f3;
    box-shadow: 0 8px 24px rgba(17, 60, 110, 0.08);
}
.lc-bom-step {
    position: relative;
    display: grid;
    justify-items: center;
    align-content: start;
    min-width: 0;
    max-width: 100%;
    text-align: center;
    color: #06315f;
    font-weight: 800;
    font-size: 14px;
    white-space: nowrap;
}
.lc-bom-step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 32px;
    left: calc(50% + 32px);
    width: calc(100% - 64px);
    height: 1.5px;
    background: #4a97ee;
    opacity: .82;
}
.lc-bom-step:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 27px;
    right: -4px;
    width: 10px;
    height: 10px;
    border-top: 1.5px solid #4a97ee;
    border-right: 1.5px solid #4a97ee;
    transform: rotate(45deg);
    z-index: 1;
    opacity: .86;
}
.lc-bom-step i {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: clamp(56px, 4vw, 64px);
    height: clamp(56px, 4vw, 64px);
    margin: 0 auto;
    border-radius: 50%;
    background: radial-gradient(circle, #2e9bff 0%, #1676e8 58%, #eaf5ff 60%);
    border: 1px solid rgba(255,255,255,.42);
    box-shadow: 0 6px 18px rgba(24, 129, 255, .24);
}
.lc-bom-step i::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 22px;
    height: 22px;
    border: 0;
    border-radius: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: translate(-50%, -50%);
}
.lc-bom-step--1 i::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3.5h8.5L19 7v13.5H7z'/%3E%3Cpath d='M15.5 3.5V7H19'/%3E%3Cpath d='M12 16V9'/%3E%3Cpath d='M8.8 12.2 12 9l3.2 3.2'/%3E%3Cpath d='M9 18h6'/%3E%3C/g%3E%3C/svg%3E");
}
.lc-bom-step--2 i::before {
    transform: translate(-49%, -50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.5h8l4 4V12'/%3E%3Cpath d='M14 3.5v4h4'/%3E%3Ccircle cx='10' cy='13' r='4.2'/%3E%3Cpath d='m13.2 16.2 4.3 4.3'/%3E%3Cpath d='M8.5 12h3'/%3E%3Cpath d='M8.5 14.5h2'/%3E%3C/g%3E%3C/svg%3E");
}
.lc-bom-step--3 i::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='4.5' height='4.5' rx='1'/%3E%3Crect x='16' y='14.5' width='4.5' height='4.5' rx='1'/%3E%3Cpath d='M9.5 7.2h6.7'/%3E%3Cpath d='m14 4.9 2.4 2.3L14 9.6'/%3E%3Cpath d='M14.5 16.8H7.8'/%3E%3Cpath d='m10 14.4-2.4 2.4 2.4 2.3'/%3E%3C/g%3E%3C/svg%3E");
}
.lc-bom-step--4 i::before {
    transform: translate(-50%, -51%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3.5h6'/%3E%3Cpath d='M10 3.5v5.2l-4.1 7.1A3.1 3.1 0 0 0 8.6 20.5h6.8a3.1 3.1 0 0 0 2.7-4.7L14 8.7V3.5'/%3E%3Cpath d='M8.2 15h7.6'/%3E%3Ccircle cx='10' cy='17.6' r='.6'/%3E%3Ccircle cx='14.8' cy='16.8' r='.6'/%3E%3C/g%3E%3C/svg%3E");
}
.lc-bom-step--5 i::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='4.6' height='4.6' rx='1'/%3E%3Crect x='3.5' y='14.4' width='4.6' height='4.6' rx='1'/%3E%3Crect x='16' y='9.7' width='4.6' height='4.6' rx='1'/%3E%3Cpath d='M10 12h7.2'/%3E%3Cpath d='m14.7 9.6 2.6 2.4-2.6 2.4'/%3E%3Cpath d='M8.5 7.3h2.8'/%3E%3Cpath d='M8.5 16.7h2.8'/%3E%3C/g%3E%3C/svg%3E");
}
.lc-bom-step--6 i::before {
    transform: translate(-50%, -50.5%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.2 8.2A6.6 6.6 0 0 1 18 7.1'/%3E%3Cpath d='M18.2 4.1V7.2h-3.1'/%3E%3Cpath d='M16.8 15.8A6.6 6.6 0 0 1 6 16.9'/%3E%3Cpath d='M5.8 19.9v-3.1h3.1'/%3E%3Cpath d='M8 14.2h2.8l2.1-3.2 2.1 1.7 1.5-3'/%3E%3C/g%3E%3C/svg%3E");
}
.lc-bom-step span {
    display: block;
    max-width: 100%;
    overflow-wrap: break-word;
    word-break: keep-all;
    margin-top: 8px;
    min-height: 22px;
    color: #082f5f;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.15;
}
.lc-bom-step small {
    display: block;
    max-width: 100%;
    overflow-wrap: break-word;
    word-break: keep-all;
    margin-top: 3px;
    min-height: 18px;
    color: #526f8d;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
}
.lc-bom-metrics {
    display: grid;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(12px, 1.4vw, 18px);
    align-items: stretch;
    box-sizing: border-box;
}
.lc-bom-metrics article {
    display: grid;
    grid-template-rows: 18px 38px 18px;
    row-gap: 10px;
    align-content: center;
    align-items: center;
    justify-items: center;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    height: 150px;
    min-height: 150px;
    padding: 18px 12px;
    box-sizing: border-box;
    border: 1px solid #dbe7f3;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(17, 60, 110, 0.08);
    text-align: center;
    overflow: hidden;
}
.lc-bom-metrics span {
    flex: 0 0 auto;
    margin: 0 0 7px;
    padding: 0;
    color: #123d6d;
    font-size: 16px;
    line-height: 1.15;
    font-weight: 800;
    white-space: nowrap;
}
.lc-bom-metrics strong {
    flex: 0 0 auto;
    display: block;
    align-self: center;
    justify-self: center;
    margin: 0 0 8px;
    padding: 0;
    color: #0878f9;
    font-size: 30px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: 0;
    white-space: nowrap;
    text-align: center;
}
.lc-bom-metrics article:nth-child(2) strong {
    color: #11b7c8;
}
.lc-bom-metrics article:nth-child(3) strong {
    color: #5a62e8;
}
.lc-bom-metrics em {
    flex: 0 0 auto;
    display: block;
    margin: 0;
    padding: 0;
    color: #3f5875;
    font-size: 13px;
    font-style: normal;
    line-height: 1.25;
    font-weight: 500;
}

.lc-solutions {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
    padding: 24px clamp(16px, 3vw, 36px) 34px;
    background: #f3f7fc;
}
.lc-solutions .lc-container {
    width: 100%;
    max-width: 1600px;
    box-sizing: border-box;
}
.lc-solutions .lc-section-title {
    margin: 0 0 28px;
    text-align: center;
    font-size: 36px;
    font-weight: 900;
    line-height: 1.15;
    color: #071f42;
    letter-spacing: 0;
}
.lc-solutions__grid {
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(16px, 1.5vw, 24px);
    box-sizing: border-box;
}
.lc-solution-card {
    position: relative;
    min-width: 0;
    width: 100%;
    height: 168px;
    box-sizing: border-box;
    overflow: hidden;
    padding: 26px 24px 22px;
    border-radius: 14px;
    color: #fff;
    background:
        radial-gradient(circle at 90% 70%, rgba(45, 135, 255, .22) 0%, rgba(45, 135, 255, 0) 42%),
        linear-gradient(135deg, #0b3766 0%, #07284e 52%, #061d39 100%);
    box-shadow: 0 10px 26px rgba(10, 43, 82, .16);
}
.lc-solution-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(120deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, 0) 32%),
        radial-gradient(circle at 20% 20%, rgba(40, 135, 255, .16), transparent 42%);
    pointer-events: none;
}
.lc-solution-card::after {
    content: "";
    position: absolute;
    right: -30px;
    bottom: -38px;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: rgba(28, 117, 255, .12);
    pointer-events: none;
}
.lc-solution-card__content {
    position: relative;
    z-index: 2;
    width: 72%;
    max-width: 72%;
}
.lc-solution-card__visual {
    position: absolute;
    right: 8px;
    bottom: 8px;
    z-index: 1;
    width: 34%;
    height: 70%;
    opacity: .86;
    pointer-events: none;
}
.lc-solution-card__visual img,
.lc-solution-card__visual svg {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: right bottom;
}
.lc-solution-card h3 {
    min-height: 48px;
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.18;
    color: #fff;
    letter-spacing: 0;
}
.lc-solution-card p {
    min-height: 38px;
    margin: 0 0 10px;
    color: rgba(255, 255, 255, .88);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.45;
    word-break: keep-all;
}
.lc-solution-card a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 24px;
    padding: 0;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    opacity: .95;
}
.lc-solution-card a::after {
    content: "→";
    font-size: 16px;
    line-height: 1;
}

.lc-network {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0;
    position: relative;
    color: #fff;
    background: #061a35;
}
.lc-network__inner {
    width: 100%;
    max-width: 1600px;
    height: 240px;
    margin: 0 auto;
    box-sizing: border-box;
    display: block;
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, #08254b 0%, #061b38 100%);
}
.lc-network__inner::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        radial-gradient(ellipse at 14% 62%, rgba(4, 18, 40, .46) 0%, rgba(4, 18, 40, .34) 24%, rgba(4, 18, 40, .12) 44%, rgba(4, 18, 40, 0) 64%),
        linear-gradient(90deg, rgba(6, 26, 53, .94) 0%, rgba(6, 26, 53, .84) 24%, rgba(6, 26, 53, .36) 42%, rgba(6, 26, 53, 0) 58%);
    pointer-events: none;
}
.lc-network__inner::after {
    content: "";
    position: absolute;
    left: 61.4%;
    top: 20%;
    z-index: 2;
    width: 19%;
    height: 54%;
    background:
        radial-gradient(circle at 50% 51%, rgba(6, 22, 47, .48) 0%, rgba(6, 22, 47, .32) 16%, rgba(6, 22, 47, .08) 35%, rgba(6, 22, 47, 0) 54%);
    mix-blend-mode: multiply;
    pointer-events: none;
}
.lc-network__content {
    position: absolute;
    left: 56px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 32%;
    max-width: 390px;
}
.lc-network h2 {
    margin: 0 0 10px;
    font-size: 30px;
    font-weight: 900;
    line-height: 1.18;
    letter-spacing: 0;
}
.lc-network p {
    margin: 0;
    max-width: 300px;
    color: rgba(255, 255, 255, .82);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.65;
    white-space: normal;
    word-break: keep-all;
}
.lc-network__map {
    position: absolute;
    inset: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 0;
}
.lc-network__map::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(90deg, rgba(2, 17, 39, 0) 0%, rgba(2, 17, 39, 0) 58%, rgba(2, 17, 39, .06) 78%, rgba(2, 17, 39, .12) 100%);
    mix-blend-mode: multiply;
    pointer-events: none;
}
.lc-network__reference {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    pointer-events: none;
    filter: contrast(1.16) saturate(1.02) brightness(.92);
}
.lc-network__reference {
    z-index: 0;
}

.lc-about {
    width: 100%;
    padding: 16px clamp(16px, 3vw, 40px);
    box-sizing: border-box;
    overflow: hidden;
    background: #f3f7fc;
}
.lc-about__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 520px;
    gap: 32px;
    align-items: center;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    box-sizing: border-box;
}
.lc-about__content {
    min-width: 0;
}
.lc-about h2 {
    margin: 0 0 6px;
    color: #082f5f;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.15;
}
.lc-about p {
    max-width: 780px;
    margin: 0;
    color: #425b78;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.6;
    word-break: keep-all;
}
.lc-about__stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    width: 100%;
    height: 72px;
    overflow: hidden;
    border: 1px solid #dbe7f3;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(17, 60, 110, .08);
}
.lc-about__stats article {
    position: relative;
    min-width: 0;
    padding: 10px 14px 8px;
    border-left: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.lc-about__stats article:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 18px;
    bottom: 18px;
    width: 1px;
    background: #dbe5f0;
}
.lc-about__stats strong {
    display: block;
    margin: 0 0 6px;
    color: #126dff;
    font-size: 26px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.5px;
    white-space: nowrap;
}
.lc-about__stats span {
    color: #526f8d;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}
.lc-about__stats article:nth-child(4) strong {
    color: #d99142;
}

.lc-cta {
    padding: 24px 0;
    color: #fff;
    background: linear-gradient(90deg, #06172d, #0b2f5a);
}
.lc-cta__inner { display: flex; justify-content: space-between; align-items: center; gap: 32px; }
.lc-cta h2 { margin: 0 0 7px; font-size: 31px; }
.lc-cta p { margin: 0; color: #c3d6ea; }
.lc-cta__actions { display: flex; gap: 28px; }

.site-footer {
    width: 100%;
    padding: 36px clamp(16px, 4vw, 64px) 18px;
    box-sizing: border-box;
    overflow: hidden;
    color: rgba(220, 238, 255, .82);
    background: #06101f;
}
.footer-inner {
    display: grid;
    grid-template-columns: 1.8fr .9fr .9fr .9fr 1.35fr 1.15fr;
    align-items: start;
    gap: clamp(28px, 3.5vw, 64px);
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}
.footer-inner > * { min-width: 0; }
.footer-brand {
    min-width: 0;
}
.footer-logo-row {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 22px;
}
.footer-logo {
    display: block;
    width: 54px;
    height: 54px;
    object-fit: contain;
}
.footer-logo--mark {
    position: relative;
    flex: 0 0 54px;
    border-radius: 14px;
    background: linear-gradient(135deg, #d8f7ff 0%, #7bd7ff 100%);
}
.footer-logo--mark::before {
    content: "";
    position: absolute;
    inset: 12px;
    border: 4px solid #062649;
    border-left-color: transparent;
    transform: rotate(45deg);
}
.footer-brand-text strong {
    display: block;
    color: #fff;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: .5px;
}
.footer-brand-text span {
    display: block;
    margin-top: 4px;
    color: rgba(220, 238, 255, .86);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
}
.footer-slogan-cn {
    margin: 0 0 8px;
    color: rgba(220, 238, 255, .78);
    font-size: 15px;
    line-height: 1.55;
}
.footer-slogan-en {
    max-width: 300px;
    margin: 0;
    color: rgba(120, 178, 230, .92);
    font-size: 15px;
    line-height: 1.55;
}
.footer-col h3,
.footer-contact h3 {
    margin: 0 0 18px;
    color: #fff;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.2;
}
.footer-col ul,
.footer-col li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-col a {
    display: block;
    margin-bottom: 12px;
    color: rgba(205, 228, 250, .78);
    font-size: 15px;
    line-height: 1.25;
    text-decoration: none;
}
.footer-col a:hover {
    color: #4fc3ff;
}
.footer-contact p {
    margin: 0 0 15px;
    color: rgba(205, 228, 250, .78);
    font-size: 15px;
    line-height: 1.45;
}
.footer-qrcodes {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-end;
}
.footer-qr {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    padding: 5px;
    box-sizing: border-box;
    background: #fff;
}
.footer-qr img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #fff;
}
.footer-qr span { padding: 8px; color: #0b2f5a; font-size: 12px; line-height: 1.35; text-align: center; }
.footer-bottom {
    display: flex;
    justify-content: center;
    gap: 24px;
    width: 100%;
    max-width: 1600px;
    margin: 34px auto 0;
    padding-top: 0;
    color: rgba(150, 185, 220, .78);
    font-size: 13px;
    line-height: 1.4;
}
.footer-public-security-record {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
.footer-public-security-record svg {
    display: block;
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    fill: currentColor;
    color: #5fb7ff;
}