.lc-hero__layout {
  display:grid;
  align-items:center;
  gap:var(--sp-12);
}

.lc-hero__trust {
  display:flex;
  padding:0;
  flex-wrap:wrap;
  gap:var(--sp-2);
  list-style:none;
}

.lc-hero__trust li {
  padding-left:var(--sp-2);
  border-left:2px solid var(--teal-400);
}

/* 外框统一由 .shot 提供（04-components.css） */
.lc-erp-window {
  max-width:560px;
  margin:auto;
  padding:var(--sp-3);
}

.lc-comparisons {
  display:grid;
  gap:var(--sp-4);
}

.lc-compare {
  display:grid;
  overflow:hidden;
  border:1px solid var(--line-1);
}

.lc-compare__side {
  padding:var(--sp-5);
}

.lc-compare__side--before {
  color:var(--fg-3);
}

.lc-compare__side--after {
  background:var(--bg-2);
}

.lc-compare p {
  margin:var(--sp-2) 0 0;
  color:inherit;
}

.lc-compare__arrow {
  margin:auto;
  color:var(--brand-400);
  transform:rotate(90deg);
}

/* 这些块此前限宽 980 并居中，而同一节的步骤条、chip 是 1152 满宽，
   左右都对不齐。统一撑满内容宽度。 */
.lc-shot,
.lc-import-warning,
.lc-sharing-warning {
  margin-inline:0;
}

.lc-import-warning,
.lc-sharing-warning {
  margin-top:var(--sp-4);
}

.js .lc-pipeline.reveal .flow__item {
  /* Product steps must remain readable before an observer callback fires. */
  opacity:1;
  transform:none;
}

@keyframes lc-in {
  to {
    opacity:1;
    transform:none;
  }
}

.lc-analysis-visual {
  display:grid;
  gap:var(--sp-5);
}

.radar {
  width:100%;
  max-width:360px;
  margin:auto;
  padding:var(--sp-2);
}

.radar svg {
  width:100%;
}

.lc-radar__grid {
  stroke:var(--line-2);
}

.lc-radar__stop {
  stop-color:var(--brand-400);
}

.lc-radar__area {
  fill:url(#lcRadarGradient);
  stroke:url(#lcRadarGradient);
}

.radar__labels {
  fill:var(--fg-2);
  font:var(--fs-xs) var(--font-sans);
}

.lc-radar__plot {
  transform-box:fill-box;
  transform-origin:center;
}

.js .radar.reveal .lc-radar__plot {
  opacity:1;
  transform:none;
}

.lc-fx__grid,
.lc-fx__glow {
  position:absolute;
}

.lc-fx__grid {
  inset:0;
  background-image:linear-gradient(var(--line-1) 1px,transparent 1px),linear-gradient(90deg,var(--line-1) 1px,transparent 1px);
  background-size:var(--sp-10) var(--sp-10);
  opacity:.45;
}

.lc-fx__glow {
  inset:12%;
  border-radius:var(--r-pill);
  background:var(--grad-ai-soft);
  filter:blur(var(--sp-12));
}

.lc-hero__trust {
  margin:0 0 var(--sp-8);
  color:var(--fg-2);
  font-size:var(--fs-xs);
}

.lc-erp-window {
  background:var(--bg-1);
  box-shadow:var(--shadow-4);
}

.lc-erp-window__menu,
.lc-compare__label {
  display:block;
  margin-bottom:var(--sp-2);
  color:var(--teal-300);
  font:var(--fs-xs) var(--font-num);
}

.lc-steps,
.lc-pipeline,
.lc-highlights {
  margin-bottom:var(--sp-8);
}

.lc-shot {
  padding:var(--sp-3);
  background:var(--bg-1);
  box-shadow:var(--shadow-3);
}

.lc-boundary,
.lc-scope {
  margin:var(--sp-4) 0 0;
}

.lc-boundary {
  padding:var(--sp-4);
  border-left:2px solid var(--line-3);
  background:var(--bg-2);
}

.lc-boundary p,
.lc-scope,
.lc-hot__meta {
  margin-bottom:0;
  color:var(--fg-3);
  font-size:var(--fs-xs);
}

.lc-import-types {
  display:flex;
  margin:0 0 var(--sp-5);
  flex-wrap:wrap;
  gap:var(--sp-2) var(--sp-4);
}

.lc-import-types span {
  padding-left:var(--sp-3);
  border-left:1px solid var(--brand-400);
}

.lc-analysis-visual__side {
  margin:0;
  background:var(--bg-0);
  box-shadow:var(--shadow-2);
}

.lc-analysis-visual figcaption,
.lc-sleeping__eyebrow,
.lc-defense-copy__layer {
  display:block;
  margin-bottom:var(--sp-2);
  color:var(--teal-300);
  font:var(--fs-xs) var(--font-num);
}

.lc-tag-cloud {
  display:flex;
  padding-top:var(--sp-3);
  flex-wrap:wrap;
  gap:var(--sp-2);
}

.lc-tag-cloud span {
  padding:var(--sp-1) var(--sp-2);
  border:1px solid var(--line-brand);
  border-radius:var(--r-pill);
  color:var(--fg-2);
  font-size:var(--fs-xs);
}

.lc-radar__stop--start {
  stop-color:var(--teal-400);
}

.lc-radar__stop--end {
  stop-color:var(--gold-300);
}

.lc-radar__area {
  fill-opacity:.18;
  stroke-width:2;
}

.lc-radar__points {
  fill:var(--fg-1);
}

.lc-hot__meta {
  max-width:var(--container-text);
  margin:0 auto;
  text-align:center;
}

.lc-sleeping {
  display:grid;
  margin-top:var(--sp-16);
  padding-top:var(--sp-10);
  gap:var(--sp-6);
  border-top:1px solid var(--line-1);
}

.lc-defense-copy {
  margin-bottom:var(--sp-16);
}

.lc-constraints-title {
  margin-bottom:var(--sp-6);
}

.lc-constraints {
  display:grid;
  margin:0;
  padding:0;
  gap:var(--sp-4);
  list-style:none;
}

.lc-constraints li {
  display:grid;
  padding:var(--sp-5);
  grid-template-columns:var(--sp-8) 1fr;
  gap:var(--sp-3);
  border:1px solid var(--line-1);
  border-radius:var(--r-sm);
  background:var(--bg-0);
}

.lc-constraints__n {
  display:grid;
  width:var(--sp-8);
  height:var(--sp-8);
  place-items:center;
  border:1px solid var(--line-brand);
  border-radius:var(--r-pill);
  color:var(--brand-300);
  font:var(--fs-xs) var(--font-num);
}

.lc-constraints p {
  margin:0;
}

/* 带左边线的引言居中会显得那条线无处可依，改为与本节内容左对齐。 */
.lc-guardrails__closing {
  max-width:var(--container-text);
  margin:var(--sp-10) 0 0;
  padding-left:var(--sp-5);
  border-left:2px solid var(--brand-500);
  color:var(--fg-1);
}

@media(min-width:640px) {
  .lc-compare {
    grid-template-columns:1fr var(--sp-12) 1fr;
  }
  .lc-compare__arrow {
    transform:none;
  }
}

@media(min-width:900px) {
  .lc-hero__layout {
    grid-template-columns:5fr 7fr;
  }
  .lc-analysis-visual {
    grid-template-columns:.85fr minmax(300px,1.2fr) .85fr;
  }
}

@media(min-width:640px) and (max-width:759px) {
  .lc-hero .lc-erp-window {
    width: min(100%,520px);
  }
}

@media(prefers-reduced-motion:reduce) {
  .js :is(.lc-pipeline.reveal .flow__item,
  .radar.reveal .lc-radar__plot) {
    opacity:1;
    transform:none;
    animation:none;
  }
}