:root{
  --ink:#07090b;
  --ink-soft:#11151a;
  --graphite:#1d2228;
  --silver:#d9e0e5;
  --silver-bright:#f8fbfd;
  --silver-dark:#727b84;
  --cyan:#7cecff;
  --cyan-deep:#23a9c7;
  --white:#f5f7f8;
  --muted:#a7afb7;
  --line:rgba(224,235,242,.2);
  --display:"Bahnschrift SemiCondensed","Arial Narrow","Microsoft YaHei UI",sans-serif;
  --body:"Segoe UI Variable","Microsoft YaHei UI","Microsoft YaHei",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-width:320px;
  color:var(--white);
  background:
    radial-gradient(circle at 78% 8%,rgba(114,124,134,.14),transparent 26%),
    linear-gradient(180deg,#080a0c 0%,#0d1013 58%,#07090b 100%);
  font-family:var(--body);
  line-height:1.65;
  overflow-x:clip;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.2;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:64px 64px;
}
a{color:inherit;text-decoration:none}
img{max-width:100%}
button,a,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
.lm-shell{width:min(1240px,calc(100% - 48px));margin-inline:auto}
.lm-header{
  position:sticky;
  top:0;
  z-index:50;
  border-bottom:1px solid var(--line);
  background:rgba(7,9,11,.88);
  backdrop-filter:blur(20px) saturate(140%);
}
.lm-nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.lm-brand{display:inline-flex;align-items:center;gap:11px;font:700 21px/1 var(--display);letter-spacing:.08em;white-space:nowrap}
.lm-brand img{width:34px;height:34px;object-fit:contain}
.lm-nav-links{display:flex;align-items:center;gap:28px;color:#b7bfc6;font-size:14px;white-space:nowrap}
.lm-nav-links a{position:relative;padding:10px 0}
.lm-nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:1px;background:var(--cyan);transition:right .25s ease}
.lm-nav-links a:hover,.lm-nav-links a[aria-current="page"]{color:#fff}
.lm-nav-links a:hover::after,.lm-nav-links a[aria-current="page"]::after{right:0}
.lm-button{
  display:inline-flex;
  min-width:158px;
  min-height:52px;
  padding:0 26px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.5);
  border-radius:999px;
  color:#060809;
  background:
    linear-gradient(110deg,#707981 0%,#f7fafc 24%,#9ba4ac 48%,#eef2f4 69%,#6c747b 100%);
  box-shadow:inset 0 1px 0 #fff,0 10px 35px rgba(0,0,0,.34);
  font-weight:800;
  letter-spacing:.06em;
  white-space:nowrap;
  word-break:keep-all;
  writing-mode:horizontal-tb;
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
.lm-button:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff,0 14px 42px rgba(125,236,255,.15);filter:brightness(1.08)}
.lm-button:active{transform:translateY(1px)}
.lm-button-small{min-width:126px;min-height:44px;padding-inline:21px;font-size:13px}
.lm-overline{
  margin:0;
  color:var(--cyan);
  font:700 11px/1.4 var(--display);
  letter-spacing:.25em;
  text-transform:uppercase;
}

.lm-hero{position:relative;padding:clamp(64px,9vw,132px) 0 clamp(78px,10vw,142px);overflow:hidden}
.lm-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--silver-dark),var(--silver-bright),var(--silver-dark),transparent);
}
.lm-hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:40px 70px;align-items:end}
.lm-hero-heading h1{
  max-width:1080px;
  margin:24px 0 0;
  color:#f7f9fa;
  font:600 clamp(52px,7.7vw,112px)/.96 var(--display);
  letter-spacing:-.055em;
}
.lm-hero-heading h1 em{
  display:block;
  color:transparent;
  background:linear-gradient(105deg,#545d65 0%,#f8fbfd 19%,#879099 42%,#f4f7f8 64%,#596168 86%);
  -webkit-background-clip:text;
  background-clip:text;
  font-style:normal;
  text-shadow:0 12px 34px rgba(0,0,0,.4);
}
.lm-hero-intro{max-width:420px;margin:0 0 7px;color:#b6bec5;font-size:16px}
.lm-channel-stage{
  position:relative;
  grid-column:1/3;
  min-height:610px;
  margin-top:18px;
  border:1px solid rgba(225,236,243,.18);
  border-radius:42px 42px 170px 42px;
  background:
    radial-gradient(ellipse at 74% 50%,rgba(246,250,252,.16),transparent 26%),
    linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  overflow:hidden;
  isolation:isolate;
}
.lm-channel-stage::before{
  content:"";
  position:absolute;
  inset:20px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:28px 28px 150px 28px;
  pointer-events:none;
}
.lm-channel-stage::after{
  content:"";
  position:absolute;
  width:430px;
  height:430px;
  right:-80px;
  bottom:-160px;
  z-index:-1;
  border-radius:45% 55% 53% 47% / 62% 37% 63% 38%;
  background:linear-gradient(135deg,#32383e 4%,#f5f8fa 29%,#666f77 53%,#dbe1e5 73%,#20252a);
  box-shadow:inset 22px 30px 58px rgba(255,255,255,.34),inset -32px -24px 70px rgba(0,0,0,.65),0 0 90px rgba(150,225,240,.08);
  transform:rotate(-14deg);
}
.lm-flow{
  position:absolute;
  left:98px;
  right:35%;
  height:52px;
  border-radius:999px;
  background:linear-gradient(180deg,#31383e 0%,#f5f8f9 26%,#707981 48%,#edf1f3 66%,#333a40 100%);
  box-shadow:inset 0 4px 10px rgba(255,255,255,.52),inset 0 -8px 16px rgba(0,0,0,.48),0 12px 28px rgba(0,0,0,.42);
  transform-origin:left center;
}
.lm-flow::after{
  content:"";
  position:absolute;
  right:-50px;
  top:50%;
  width:110px;
  height:110px;
  border-radius:50%;
  background:radial-gradient(circle at 36% 28%,#fff 0 5%,#b7c0c7 18%,#4c555d 46%,#e5eaed 72%,#343a40 100%);
  box-shadow:inset -13px -17px 24px rgba(0,0,0,.42),0 0 45px rgba(124,236,255,.16);
  transform:translateY(-50%);
}
.lm-flow-a{top:142px;transform:rotate(7deg)}
.lm-flow-b{top:280px;left:128px;right:31%;height:60px;transform:rotate(-2deg)}
.lm-flow-c{top:424px;left:92px;right:38%;height:46px;transform:rotate(-8deg)}
.lm-source{position:absolute;left:42px;display:flex;align-items:center;gap:13px;color:#aeb6bd;font:700 11px var(--display);letter-spacing:.16em;text-transform:uppercase}
.lm-source i{display:block;width:16px;height:16px;border:3px solid #cbd3d9;border-radius:50%;box-shadow:0 0 0 5px rgba(255,255,255,.05),0 0 22px rgba(124,236,255,.25)}
.lm-source-one{top:121px}.lm-source-two{top:262px}.lm-source-three{top:407px}
.lm-hero-media{
  position:absolute;
  right:5.5%;
  top:50%;
  z-index:2;
  width:min(41%,490px);
  height:auto;
  align-self:center;
  margin:0;
  padding:0;
  overflow:visible;
  transform:translateY(-50%);
}
.lm-route-status{
  position:absolute;
  left:9%;
  bottom:45px;
  z-index:3;
  display:flex;
  align-items:center;
  gap:18px;
  padding:16px 22px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  color:#111518;
  background:linear-gradient(110deg,#69727a,#f5f8fa 31%,#8b949c 62%,#e9eef0);
  box-shadow:0 18px 45px rgba(0,0,0,.45),inset 0 1px 0 #fff;
}
.lm-route-status b{font:700 14px var(--display);letter-spacing:.08em}
.lm-route-status span{padding-left:18px;border-left:1px solid rgba(0,0,0,.25);font-size:12px}
.lm-hero-footer{grid-column:1/3;display:flex;align-items:center;justify-content:space-between;gap:24px}
.lm-hero-footer p{margin:0;color:#8f979e;font:600 12px var(--display);letter-spacing:.16em}

.lm-convergence{padding:clamp(92px,12vw,176px) 0}
.lm-convergence-grid{display:grid;grid-template-columns:.38fr 1fr 1.15fr;gap:clamp(32px,6vw,84px)}
.lm-section-index{display:flex;flex-direction:column;gap:7px;padding-top:7px}
.lm-section-index span{color:#68717a;font:700 10px var(--display);letter-spacing:.22em}
.lm-section-index b{font:600 14px var(--display);letter-spacing:.08em}
.lm-convergence-copy h2,.lm-bridge-copy h2,.lm-section-head h2,.lm-insights h2,.lm-faq-preview h2,.lm-final h2{
  margin:18px 0 0;
  font:600 clamp(38px,5.3vw,72px)/1.03 var(--display);
  letter-spacing:-.045em;
}
.lm-path-list{border-top:1px solid var(--line)}
.lm-path-list article{display:grid;grid-template-columns:70px 1fr;gap:6px 22px;padding:24px 0;border-bottom:1px solid var(--line)}
.lm-path-list span{grid-row:1/3;color:var(--cyan);font:700 10px var(--display);letter-spacing:.18em}
.lm-path-list h3{margin:0;font:600 21px var(--display);letter-spacing:.01em}
.lm-path-list p{margin:5px 0 0;color:var(--muted);font-size:14px}

.lm-product-bridge{
  padding:clamp(78px,10vw,142px) 0;
  color:#101316;
  background:
    linear-gradient(112deg,#5d666e 0%,#f0f4f6 16%,#8a939b 38%,#fafcfd 61%,#687179 82%,#dfe5e8 100%);
  box-shadow:inset 0 1px 0 white,inset 0 -1px 0 rgba(255,255,255,.6);
}
.lm-bridge-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(48px,8vw,120px)}
.lm-device-media{margin:0;padding:0;align-self:center}
.lm-device-media img{display:block;width:100%;height:auto;object-fit:contain}
.lm-bridge-copy .lm-overline{color:#194d59}
.lm-bridge-copy p:not(.lm-overline){max-width:520px;margin:24px 0 30px;color:#32383d}
.lm-bridge-copy .lm-button{color:#f7fafb;border-color:#1a2024;background:#0b0d0f;box-shadow:0 12px 32px rgba(0,0,0,.24)}

.lm-capabilities{padding:clamp(100px,13vw,188px) 0}
.lm-section-head{display:grid;grid-template-columns:.42fr 1fr .58fr;gap:40px;align-items:end;margin-bottom:70px}
.lm-section-head h2{margin:0}
.lm-section-head>p{margin:0;color:var(--muted)}
.lm-capability-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.lm-capability-track::before{
  content:"";
  position:absolute;
  left:0;
  top:-2px;
  width:76%;
  height:3px;
  background:linear-gradient(90deg,var(--silver-dark),var(--silver-bright),var(--cyan),transparent);
  box-shadow:0 0 22px rgba(124,236,255,.2);
}
.lm-capability-track article{position:relative;min-height:310px;padding:50px 30px 30px;border-right:1px solid var(--line)}
.lm-capability-track article:first-child{border-left:1px solid var(--line)}
.lm-capability-track article:hover{background:rgba(255,255,255,.025)}
.lm-capability-track i{
  display:block;
  width:22px;
  height:22px;
  margin-bottom:65px;
  border:1px solid #dae1e5;
  border-radius:50%;
  background:radial-gradient(circle at 33% 28%,#fff,#606971 38%,#d8dee2 71%,#343a40);
  box-shadow:0 0 0 7px rgba(255,255,255,.04);
}
.lm-capability-track span{color:#768089;font:700 10px var(--display);letter-spacing:.2em}
.lm-capability-track h3{margin:13px 0 10px;font:600 26px var(--display);letter-spacing:.02em}
.lm-capability-track p{margin:0;color:var(--muted);font-size:14px}

.lm-insights{padding:clamp(88px,11vw,160px) 0;background:#f0f3f4;color:#111519}
.lm-insights-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(45px,8vw,120px)}
.lm-insights header{position:sticky;top:120px;align-self:start}
.lm-insights header>p:last-child{max-width:360px;color:#596169}
.lm-insight-stack{border-top:1px solid #aeb5ba}
.lm-insight-stack article{display:grid;grid-template-columns:130px 1fr 1fr auto;gap:26px;align-items:center;padding:30px 0;border-bottom:1px solid #aeb5ba}
.lm-insight-stack span{color:#4a555d;font:700 10px var(--display);letter-spacing:.18em}
.lm-insight-stack h3{margin:0;font:600 21px/1.25 var(--display)}
.lm-insight-stack p{margin:0;color:#596169;font-size:13px}
.lm-insight-stack a{font-size:12px;font-weight:800;white-space:nowrap}
.lm-insight-stack a b{color:#16849a;font-size:17px}

.lm-faq-preview{padding:clamp(92px,12vw,176px) 0}
.lm-faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(52px,9vw,132px)}
.lm-faq-grid aside>a{display:inline-block;margin-top:30px;color:var(--cyan);font-weight:700}
.lm-questions{border-top:1px solid var(--line)}
.lm-questions details{border-bottom:1px solid var(--line)}
.lm-questions summary{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px 0;cursor:pointer;list-style:none;font:600 clamp(18px,2vw,24px) var(--display)}
.lm-questions summary::-webkit-details-marker{display:none}
.lm-questions summary span{color:var(--cyan);font-size:25px;font-weight:300;transition:transform .25s ease}
.lm-questions details[open] summary span{transform:rotate(45deg)}
.lm-questions details p{max-width:680px;margin:-4px 0 28px;color:var(--muted)}

.lm-final{padding:0 0 clamp(92px,12vw,166px)}
.lm-final-panel{
  position:relative;
  padding:clamp(50px,8vw,108px);
  border-radius:42px 42px 130px 42px;
  color:#0d1114;
  background:linear-gradient(118deg,#4b535a 0%,#f8fafb 22%,#8b949c 48%,#eef2f4 73%,#555e66 100%);
  box-shadow:inset 0 1px 0 #fff,0 35px 100px rgba(0,0,0,.4);
  overflow:hidden;
}
.lm-final-panel::after{
  content:"";
  position:absolute;
  right:-90px;
  bottom:-150px;
  width:390px;
  height:310px;
  border-radius:48% 52% 37% 63% / 66% 47% 53% 34%;
  background:linear-gradient(145deg,#f8fbfc,#69727a 38%,#e4e9ec 62%,#3e454b);
  box-shadow:inset 20px 20px 40px rgba(255,255,255,.45),inset -20px -20px 50px rgba(0,0,0,.35);
  transform:rotate(-12deg);
}
.lm-final .lm-overline{color:#184c58}
.lm-final h2{position:relative;z-index:1;max-width:870px}
.lm-final-panel>p:not(.lm-overline){position:relative;z-index:1;max-width:580px;margin:22px 0 30px;color:#343b40}
.lm-button-light{position:relative;z-index:1;color:#fff;border-color:#111;background:#0a0c0e;box-shadow:0 14px 32px rgba(0,0,0,.25)}

.lm-footer{padding:68px 0 28px;border-top:1px solid var(--line);background:#060709}
.lm-footer-grid{display:grid;grid-template-columns:1.6fr .6fr .6fr;gap:48px}
.lm-footer-grid h2{margin:0 0 10px;font:600 31px var(--display);letter-spacing:.05em}
.lm-footer-grid h3{margin:0 0 15px;color:#7f8991;font:700 11px var(--display);letter-spacing:.2em;text-transform:uppercase}
.lm-footer-grid p{max-width:440px;margin:0;color:#808991}
.lm-footer-grid a{display:block;margin:8px 0;color:#adb5bc;font-size:14px}
.lm-footer-grid a:hover{color:var(--cyan)}
.lm-copyright{margin-top:50px;padding-top:20px;border-top:1px solid var(--line);color:#646d74;font-size:12px}

@media(max-width:980px){
  .lm-shell{width:min(100% - 36px,1240px)}
  .lm-hero-grid{grid-template-columns:1fr}
  .lm-hero-intro,.lm-channel-stage,.lm-hero-footer{grid-column:1}
  .lm-hero-intro{max-width:650px}
  .lm-convergence-grid{grid-template-columns:.32fr 1fr}.lm-path-list{grid-column:2}
  .lm-section-head{grid-template-columns:.35fr 1fr}.lm-section-head>p{grid-column:2}
  .lm-capability-track{grid-template-columns:1fr 1fr}.lm-capability-track article:nth-child(3){border-left:1px solid var(--line);border-top:1px solid var(--line)}
  .lm-capability-track article:nth-child(4){border-top:1px solid var(--line)}
  .lm-insights-grid{grid-template-columns:1fr}.lm-insights header{position:static}
  .lm-insight-stack article{grid-template-columns:110px 1fr 1fr auto}
}
@media(max-width:760px){
  .lm-nav{padding:13px 0;flex-wrap:wrap}.lm-nav>.lm-button{display:none}
  .lm-nav-links{order:3;width:100%;gap:22px;overflow-x:auto;padding-bottom:2px}
  .lm-hero{padding-top:55px}.lm-hero-heading h1{font-size:clamp(46px,13.5vw,72px)}
  .lm-channel-stage{min-height:670px;border-radius:30px 30px 100px 30px}
  .lm-flow{left:42px;right:12%;height:42px}.lm-flow-b{left:62px;right:7%}.lm-flow-c{left:45px;right:16%}
  .lm-source{left:25px}.lm-source span{display:none}
  .lm-hero-media{top:auto;right:50%;bottom:42px;width:min(75%,420px);transform:translateX(50%)}
  .lm-route-status{left:50%;bottom:18px;width:max-content;max-width:92%;transform:translateX(-50%)}.lm-route-status span{display:none}
  .lm-hero-footer{align-items:flex-start;flex-direction:column}
  .lm-convergence-grid,.lm-bridge-grid,.lm-section-head,.lm-faq-grid{grid-template-columns:1fr}
  .lm-path-list,.lm-section-head>p{grid-column:1}
  .lm-product-bridge{background:linear-gradient(150deg,#e9eef0 0%,#7a838b 45%,#f5f7f8 100%)}
  .lm-device-media{order:2}.lm-bridge-copy{order:1}
  .lm-capability-track{grid-template-columns:1fr}.lm-capability-track article{min-height:0;border-left:1px solid var(--line);border-top:1px solid var(--line)}
  .lm-insight-stack article{grid-template-columns:1fr auto}.lm-insight-stack h3,.lm-insight-stack p{grid-column:1/3}.lm-insight-stack a{grid-column:2;grid-row:1}
  .lm-footer-grid{grid-template-columns:1fr 1fr}.lm-footer-grid>div:first-child{grid-column:1/3}
}
@media(max-width:480px){
  .lm-shell{width:min(100% - 24px,1240px)}
  .lm-nav-links{font-size:13px}
  .lm-hero-heading h1{font-size:clamp(42px,13vw,58px)}
  .lm-channel-stage{min-height:590px}
  .lm-flow-a{top:106px}.lm-flow-b{top:214px}.lm-flow-c{top:324px}
  .lm-source-one{top:91px}.lm-source-two{top:199px}.lm-source-three{top:309px}
  .lm-hero-media{width:88%;bottom:38px}
  .lm-path-list article{grid-template-columns:1fr}.lm-path-list span{grid-row:auto}
  .lm-convergence-copy h2,.lm-bridge-copy h2,.lm-section-head h2,.lm-insights h2,.lm-faq-preview h2,.lm-final h2{font-size:clamp(34px,11vw,48px)}
  .lm-final-panel{border-radius:28px 28px 78px 28px}
  .lm-footer-grid{grid-template-columns:1fr}.lm-footer-grid>div:first-child{grid-column:1}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* Hero media safety — final authoritative rules */
.lm-hero-grid{align-items:center}
.lm-hero-media{align-self:center;height:auto;padding:0;margin:0;overflow:visible}
.lm-hero-media img{
  display:block;
  width:100%;
  height:auto;
  min-height:0;
  max-height:none;
  margin:0;
  padding:0;
  object-fit:contain;
  object-position:center;
  clip-path:none;
  transform:none;
}
