: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;
}

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: 34px;
    width: min(var(--container-width), calc(100% - 64px));
    height: 70px;
    margin: 0 auto;
    color: var(--lc-white);
}

.lc-brand { display: inline-flex; align-items: center; gap: 12px; min-width: 176px; }
.lc-brand__mark {
    width: 42px;
    height: 42px;
    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: 10px;
    border: 3px solid #07152a;
    clip-path: polygon(50% 0, 92% 24%, 92% 74%, 50% 100%, 8% 74%, 8% 24%);
}
.lc-brand__text strong { display: block; font-size: 19px; line-height: 1; }
.lc-brand__text em { display: block; margin-top: 4px; font-size: 13px; font-style: normal; font-weight: 700; }

.lc-nav { flex: 1; }
.lc-nav__list {
    display: flex;
    justify-content: center;
    gap: 46px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.lc-nav__list a {
    position: relative;
    display: block;
    padding: 27px 0 24px;
    color: rgba(255,255,255,.92);
    font-size: 14px;
    font-weight: 700;
}
.lc-nav__list li:first-child a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: var(--lc-tech);
}
.lc-header__actions { display: flex; align-items: center; gap: 22px; }
.lc-lang { color: #4db7ff; font-weight: 700; font-size: 14px; white-space: nowrap; }
.lc-header__cta {
    display: inline-flex;
    align-items: center;
    height: 38px;
    padding: 0 22px;
    border-radius: 4px;
    color: #fff;
    background: var(--color-primary-light);
    font-weight: 700;
    font-size: 14px;
    transition: background var(--transition-default), box-shadow var(--transition-default), transform var(--transition-default);
}

.lc-hero {
    position: relative;
    overflow: hidden;
    height: 390px;
    min-height: 390px;
    padding-top: 70px;
    color: #fff;
    background:
        radial-gradient(circle at 70% 42%, rgba(23, 184, 255, .24), transparent 28%),
        radial-gradient(circle at 92% 18%, rgba(120, 71, 239, .16), transparent 24%),
        linear-gradient(135deg, var(--color-navy-deep), var(--color-navy), #0b3f8c);
}
.lc-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 16% 22%, rgba(20, 199, 217, .34) 0 1px, transparent 2px),
        radial-gradient(circle at 31% 70%, rgba(255, 255, 255, .28) 0 1px, transparent 2px),
        radial-gradient(circle at 56% 28%, rgba(20, 199, 217, .28) 0 1px, transparent 2px),
        radial-gradient(circle at 82% 62%, rgba(20, 199, 217, .3) 0 1px, transparent 2px),
        linear-gradient(112deg, transparent 0 54%, rgba(20, 199, 217, .12) 54.1%, transparent 54.4% 100%),
        linear-gradient(22deg, transparent 0 64%, rgba(8, 120, 249, .11) 64.1%, transparent 64.4% 100%);
    background-size: 190px 190px, 230px 230px, 260px 260px, 240px 240px, auto, auto;
    opacity: .62;
    pointer-events: none;
    animation: lcParticleDrift 18s linear infinite;
}
.lc-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(20, 199, 217, .052) 1px, transparent 1px),
        linear-gradient(90deg, rgba(20, 199, 217, .052) 1px, transparent 1px),
        linear-gradient(115deg, transparent 0 36%, rgba(23, 184, 255, .1) 36.1%, transparent 36.45% 100%);
    background-size: 56px 56px, 56px 56px, 100% 100%;
    mask-image: linear-gradient(90deg, rgba(0,0,0,.28), rgba(0,0,0,.78) 46%, rgba(0,0,0,.92));
    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(0, 42%) minmax(0, 58%);
    align-items: center;
    min-height: 320px;
    gap: clamp(18px, 2vw, 30px);
}
.lc-hero__title {
    margin: 0 0 14px;
    font-size: clamp(42px, 3.45vw, 50px);
    line-height: 1.12;
    letter-spacing: 0;
    color: #fff;
    text-shadow: 0 4px 18px rgba(0,0,0,.45);
    word-break: keep-all;
}
.lc-hero__lead { margin: 0 0 6px; font-size: clamp(19px, 1.55vw, 22px); font-weight: 700; line-height: 1.25; word-break: keep-all; }
.lc-hero__en { margin: 0 0 12px; font-size: 14px; line-height: 1.35; color: rgba(255,255,255,.9); }
.lc-hero__text { max-width: 510px; margin: 0; color: rgba(229,241,255,.9); font-size: 14px; line-height: 1.62; word-break: keep-all; }
.lc-hero__actions { display: flex; align-items: center; gap: 18px; margin-top: 18px; }
.lc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 154px;
    height: 44px;
    border-radius: 4px;
    border: 1px solid transparent;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    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: var(--color-primary-light); box-shadow: 0 10px 26px rgba(3, 113, 255, .32); }
.lc-btn--outline { color: #fff; border-color: rgba(255,255,255,.7); background: rgba(3,12,26,.34); }
.lc-hero__actions .lc-btn {
    height: 46px;
    padding: 0 22px;
}
.lc-hero__visual { position: relative; min-height: 320px; }
.lc-hero__visual::before {
    content: "";
    position: absolute;
    left: 8%;
    right: 4%;
    bottom: 4%;
    height: 43%;
    border: 1px solid rgba(20, 199, 217, .32);
    border-radius: 50%;
    transform: perspective(540px) rotateX(67deg);
    box-shadow:
        0 0 18px rgba(20, 199, 217, .34),
        0 0 58px rgba(8, 120, 249, .32),
        inset 0 0 20px rgba(20, 199, 217, .2);
}
.lc-hero__visual::after {
    content: "";
    position: absolute;
    left: 24%;
    right: 15%;
    bottom: 18%;
    height: 27%;
    border: 1px dashed rgba(20, 199, 217, .38);
    border-radius: 50%;
    transform: perspective(520px) rotateX(68deg);
    box-shadow:
        0 0 24px rgba(20, 199, 217, .28),
        inset 0 0 30px rgba(8, 120, 249, .18);
}
.lc-hero__platform {
    position: absolute;
    z-index: 1;
    left: 50%;
    right: auto;
    bottom: 2%;
    width: min(94%, 680px);
    height: 48%;
    transform: translateX(-48%);
    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: .92;
    overflow: visible;
    pointer-events: none;
}
.lc-hero__links path {
    fill: none;
    stroke: rgba(20, 199, 217, .72);
    stroke-width: 1.6;
    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: 8 12;
    animation: lcLinkFlow 8s linear infinite;
}
.lc-hero__robot {
    position: absolute;
    z-index: 2;
    left: 52%;
    top: 58%;
    width: clamp(510px, 43vw, 570px);
    transform: translate(-48%, -50%);
    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: 3;
    width: clamp(58px, 5.2vw, 68px);
    height: clamp(58px, 5.2vw, 68px);
    border: 2px solid var(--color-primary-light);
    border-radius: 50%;
    background: radial-gradient(circle at 50% 50%, rgba(0, 216, 255, .26), rgba(4, 18, 43, .92) 63%);
    box-shadow:
        0 0 16px rgba(20, 199, 217, .68),
        0 0 40px rgba(8, 120, 249, .46),
        inset 0 0 22px rgba(20, 199, 217, .18);
}
.lc-system::before {
    content: "";
    position: absolute;
    inset: 17px;
    border-radius: 50%;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px;
    box-shadow: none;
}
.lc-system::after {
    content: "";
    position: absolute;
    inset: 11px;
    border: 2px solid rgba(255,255,255,.76);
    border-radius: 50%;
}
.lc-system span { position: absolute; top: calc(100% + 8px); left: 50%; width: max-content; max-width: 92px; transform: translateX(-50%); text-align: center; font-weight: 700; font-size: 13px; line-height: 1.25; }
.lc-system--connect { left: 16%; top: 7%; }
.lc-system--sense { left: 9%; top: 43%; }
.lc-system--control { right: 13%; top: 12%; }
.lc-system--vision { right: 5%; top: 48%; }
.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 { padding: 20px 0 23px; background: var(--color-bg-light); }
.lc-challenges__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.lc-challenge-card {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr);
    align-items: center;
    height: 108px;
    padding: 16px 22px;
    border: 1px solid transparent;
    border-radius: var(--card-radius);
    background: #fff;
    box-shadow: var(--card-shadow);
}
.lc-challenge-card h3 { margin: 0 0 9px; color: #132b51; font-size: 17px; white-space: nowrap; }
.lc-challenge-card p {
    max-width: 220px;
    margin: 0;
    color: #647388;
    font-size: 13px;
    line-height: 1.55;
    word-break: keep-all;
    overflow-wrap: normal;
}
.lc-icon {
    display: block;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    border: 1px solid #c8d9ee;
    background: linear-gradient(180deg, #fff, #e9f4ff);
    position: relative;
}
.lc-icon::before { content: ""; position: absolute; inset: 15px; border-radius: 5px; background: #155da8; }

.lc-capabilities {
    padding: 18px 0 24px;
    background: linear-gradient(180deg, var(--color-navy), #071f3f);
}
.lc-capabilities__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.lc-capability-card {
    min-height: 152px;
    padding: 18px 22px 17px;
    border: 1px solid rgba(88, 171, 255, .38);
    border-radius: var(--card-radius);
    color: #fff;
    background: linear-gradient(135deg, #063878, #082d64);
    box-shadow: var(--card-shadow);
}
.lc-capability-card i {
    float: left;
    width: 58px;
    height: 58px;
    margin: 0 18px 42px 0;
    border: 1px solid rgba(92, 202, 255, .62);
    border-radius: 50%;
    background:
        radial-gradient(circle at 50% 50%, rgba(0, 216, 255, .75) 0 5px, transparent 6px),
        radial-gradient(circle at 35% 34%, transparent 0 11px, rgba(255,255,255,.72) 12px 14px, transparent 15px),
        rgba(0, 102, 255, .16);
    box-shadow: inset 0 0 0 8px rgba(255,255,255,.04), 0 0 22px rgba(0, 216, 255, .18);
}
.lc-capability-card--blue { background: linear-gradient(135deg, #003f9a, #0057ff); }
.lc-capability-card--cyan { background: linear-gradient(135deg, #007f9a, #00d8ff); }
.lc-capability-card--navy { background: linear-gradient(135deg, #003f9a, #0057ff); }
.lc-capability-card--purple { background: linear-gradient(135deg, #4a2ea0, #7a5cff); }
.lc-capability-card h3 { margin: 3px 0 8px; font-size: 20px; }
.lc-capability-card p { min-height: 42px; margin: 0 0 12px; color: rgba(235,246,255,.86); font-size: 13px; line-height: 1.55; word-break: keep-all; }
.lc-capability-card strong { display: block; color: #2cecff; font-size: 28px; line-height: 1.1; }
.lc-capability-card span { display: block; margin-top: 6px; color: rgba(255,255,255,.9); font-size: 14px; }

.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 {
    padding: 24px 0 16px;
    color: #fff;
    background: radial-gradient(circle at 50% 50%, rgba(13, 105, 195, .36), transparent 32%), #051226;
}
.lc-architecture__inner {
    display: grid;
    grid-template-columns: 360px 1fr 360px;
    align-items: center;
    gap: 24px;
    min-height: 272px;
}
.lc-arch-list { display: grid; gap: 14px; }
.lc-arch-list article {
    min-height: 74px;
    padding: 13px 18px;
    border: 1px solid rgba(35, 142, 255, .46);
    border-radius: var(--card-radius);
    background: rgba(9, 48, 100, .78);
    box-shadow: var(--card-shadow);
}
.lc-arch-list h3 { margin: 0 0 5px; color: #eaf6ff; font-size: 17px; }
.lc-arch-list p { margin: 0; color: #bbd3eb; font-size: 13px; line-height: 1.45; word-break: keep-all; }
.lc-arch-visual img { width: 350px; margin: 0 auto; filter: drop-shadow(0 0 26px rgba(23, 157, 255, .58)); }

.lc-components, .lc-bom, .lc-solutions, .lc-about { background: #f7f9fc; }
.lc-components { padding: 13px 0 22px; }
.lc-components__grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.lc-component-card {
    min-height: 150px;
    padding: 16px 14px;
    border: 1px solid var(--color-border);
    border-radius: var(--card-radius);
    background: #fff;
    box-shadow: var(--card-shadow);
}
.lc-component-card h3 { margin: 0 0 12px; text-align: center; color: #0b2b55; font-size: 16px; }
.lc-component-card__image { width: 88px; height: 42px; margin: 0 auto 12px; border-radius: 5px; background: linear-gradient(135deg, #183b5d, #d5e3ee 45%, #23384a); }
.lc-component-card__tags { display: grid; grid-template-columns: repeat(2, 1fr); gap: 7px; }
.lc-component-card__tags span { padding: 7px 4px; border-radius: 4px; background: #f1f5fa; color: #43546a; text-align: center; font-size: 12px; }

.lc-bom { padding: 13px 0 18px; }
.lc-bom__inner {
    display: grid;
    grid-template-columns: 1.36fr .94fr;
    gap: 20px;
    align-items: stretch;
}
.lc-bom-flow {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    align-items: center;
    min-height: 96px;
    padding: 16px 18px;
    border-radius: var(--card-radius);
    background: #fff;
    box-shadow: var(--card-shadow);
}
.lc-bom-step { position: relative; display: grid; justify-items: center; align-content: start; min-width: 0; text-align: center; color: #23466d; font-weight: 700; font-size: 13px; white-space: nowrap; }
.lc-bom-step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 22px;
    right: -24px;
    width: 48px;
    height: 1px;
    background: #7faedb;
}
.lc-bom-step i { display: block; width: 44px; height: 44px; margin: 0 auto 8px; border-radius: 50%; background: var(--color-primary); box-shadow: inset 0 0 0 9px rgba(255,255,255,.18); }
.lc-bom-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.lc-bom-metrics article { display: grid; place-items: center; min-height: 96px; padding: 14px 12px; border: 1px solid transparent; border-radius: var(--card-radius); background: #fff; box-shadow: var(--card-shadow); text-align: center; }
.lc-bom-metrics strong { color: var(--color-primary); font-size: 28px; }
.lc-bom-metrics span { color: #53687e; font-size: 13px; }

.lc-solutions { padding: 14px 0 24px; }
.lc-solutions__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.lc-solution-card {
    position: relative;
    overflow: hidden;
    min-height: 132px;
    padding: 18px;
    border-radius: var(--card-radius);
    color: #fff;
    background: #082447;
    box-shadow: var(--card-shadow);
}
.lc-solution-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .5; }
.lc-solution-card h3, .lc-solution-card p, .lc-solution-card a { position: relative; z-index: 1; }
.lc-solution-card h3 { margin: 0 0 10px; font-size: 18px; }
.lc-solution-card p { margin: 0 0 16px; color: rgba(235,245,255,.86); font-size: 13px; line-height: 1.5; word-break: keep-all; }
.lc-solution-card a { display: inline-block; color: #fff; font-size: 13px; font-weight: 700; }

.lc-network {
    padding: 28px 0;
    color: #fff;
    background: linear-gradient(180deg, #061a35, #041123);
}
.lc-network__inner { display: grid; grid-template-columns: 320px 1fr; align-items: center; gap: 28px; }
.lc-network h2 { margin: 0 0 20px; font-size: 29px; line-height: 1.35; }
.lc-network ul { margin: 0; padding-left: 18px; color: #c5daf0; line-height: 1.9; word-break: keep-all; }
.lc-network__map {
    position: relative;
    overflow: hidden;
    min-height: 246px;
    border-radius: var(--card-radius);
    background:
        radial-gradient(circle at 62% 44%, rgba(0, 216, 255, .16), transparent 34%),
        linear-gradient(135deg, rgba(0, 102, 255, .12), rgba(4, 18, 43, .72));
}
.lc-world-map {
    display: block;
    width: 100%;
    height: 260px;
}
.lc-world-map__land path {
    fill: rgba(0, 102, 255, .22);
    stroke: rgba(0, 216, 255, .16);
    stroke-width: 1;
}
.lc-map-line {
    fill: none;
    stroke: rgba(0, 216, 255, .78);
    stroke-width: 2;
    stroke-linecap: round;
    filter: drop-shadow(0 0 8px rgba(0, 216, 255, .65));
}
.lc-map-pulse {
    fill: #ffffff;
    filter: drop-shadow(0 0 8px rgba(0, 216, 255, .95));
}
.lc-map-node circle {
    fill: #ffffff;
    stroke: var(--color-cyan);
    stroke-width: 5;
    filter: drop-shadow(0 0 10px rgba(0, 216, 255, .95));
}
.lc-map-node text {
    fill: #dff7ff;
    font-size: 17px;
    font-weight: 700;
    text-shadow: 0 0 10px rgba(0, 216, 255, .6);
}

.lc-about { padding: 24px 0; }
.lc-about__inner { display: grid; grid-template-columns: 1fr 560px; gap: 28px; align-items: center; }
.lc-about h2 { margin: 0 0 10px; color: #0e2a52; font-size: 26px; }
.lc-about p { margin: 0; color: #52647a; line-height: 1.8; word-break: keep-all; }
.lc-about__stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.lc-about__stats article { padding: 16px 8px; border-left: 1px solid #dce5ef; text-align: center; }
.lc-about__stats strong { display: block; color: #086ed7; font-size: 34px; }
.lc-about__stats span { color: #53687e; font-size: 13px; }

.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; }

.lc-footer {
    color: #d7e8f7;
    background: #05101f;
}
.lc-footer__inner {
    display: grid;
    grid-template-columns: 260px 1fr 230px 190px;
    gap: 30px;
    padding: 20px 0 12px;
}
.lc-footer p { color: #9eb4ca; font-size: 13px; line-height: 1.65; }
.lc-footer__cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.lc-footer h3 { margin: 0 0 10px; color: #fff; font-size: 15px; }
.lc-footer a { display: block; margin: 7px 0; color: #9eb4ca; font-size: 13px; }
.lc-footer__qr { display: grid; grid-template-columns: repeat(2, 74px); gap: 12px; align-content: start; justify-content: end; }
.lc-footer__qr span { width: 74px; height: 74px; background: repeating-linear-gradient(45deg, #fff 0 5px, #0a2445 5px 10px); border: 5px solid #fff; }
.lc-footer__bottom { padding: 8px 0 10px; color: #7890a9; text-align: center; font-size: 12px; }