.landing-page{--landing-font:"Space Mono", "PingFang SC", "Microsoft YaHei", monospace;color:#fff;font-family:var(--landing-font);-webkit-font-smoothing:antialiased;background:#000;position:relative;overflow:hidden}.landing-page button{color:inherit;font:inherit;border:0}.landing-section{background:#000;min-height:100dvh;position:relative;overflow:hidden}.section-video,.video-veil{width:100%;height:100%;position:absolute;inset:0}.section-video{object-fit:cover}.video-veil{pointer-events:none}.hero-section{cursor:none}.hero-veil{background:linear-gradient(#020a1c29,#04122e0f 40%,#02061756)}.dot-grid{opacity:.06;pointer-events:none;background-image:radial-gradient(#51fff9 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.hero-watermark{color:#0000;letter-spacing:-.045em;text-align:center;opacity:.16;pointer-events:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#2974ff00 0%,#2974ff 70%);-webkit-background-clip:text;background-clip:text;width:100%;font-family:Anton SC,Impact,sans-serif;font-size:clamp(108px,27vw,500px);line-height:.8;position:absolute;top:calc(50% + 48px);left:50%;transform:translate(-50%,-50%)}.hero-brand-cursor{z-index:22;opacity:0;pointer-events:none;transform-origin:0 0;will-change:left, top, transform;align-items:center;gap:8px;transition:opacity .18s,transform .24s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;transform:translate(18px,18px)scale(.86)}.hero-brand-cursor.is-visible{opacity:1;transform:translate(18px,18px)scale(1)}.hero-brand-cursor__logo{-webkit-backdrop-filter:blur(18px);background:#08080a99;border:1px solid #ffffff2e;border-radius:12px;justify-content:center;align-items:center;min-width:112px;height:42px;display:flex;box-shadow:0 12px 32px #00000047,inset 0 1px #ffffff1a}.hero-brand-cursor__logo img{filter:brightness(0)invert();width:auto;height:21px}.hero-brand-cursor__copy{color:#fff;white-space:nowrap;background:#2974ff;border-radius:12px;flex-direction:column;justify-content:center;height:42px;padding:0 15px;display:flex;box-shadow:0 12px 32px #2974ff47}.hero-brand-cursor__copy small{color:#d6e6ff;letter-spacing:.06em;opacity:1;font-size:10px;font-weight:700;line-height:1.15}.hero-brand-cursor__copy strong{letter-spacing:-.03em;margin-top:3px;font-size:12px;font-weight:700;line-height:1.15}.hero-frame{z-index:3;opacity:0;flex-direction:column;min-height:100dvh;padding:104px 32px 42px;transition:opacity 1s;display:flex;position:relative}.hero-frame.is-ready{opacity:1}.hero-spacer{flex:1}.hero-composition{justify-content:space-between;align-items:flex-end;gap:48px;display:flex}.hero-column{width:min(47%,720px)}.hero-column h1{color:#fff;letter-spacing:-.06em;margin:0;font-size:clamp(42px,7.2vw,104px);font-weight:400;line-height:.95}.hero-column h1 span{white-space:nowrap;min-height:.95em;display:block}.hero-column--right{text-align:right}.section-index{color:#ffffff61;letter-spacing:.2em;margin:0 0 18px;font-size:10px}.hero-description{color:#fff9;max-width:470px;margin:26px 0 0;font-size:13px;line-height:1.85}.hero-scrub-hint{color:#ffffff61;letter-spacing:.16em;justify-content:flex-end;gap:12px;margin:26px 0 0;font-size:9px;display:flex}.cinematic-veil{background:transparent}.cinematic-top-fade{z-index:2;background:linear-gradient(#010103,#0000);width:100%;height:180px;position:absolute;top:0;left:0}.cinematic-stage{z-index:3;perspective:400px;justify-content:center;align-items:center;min-height:100dvh;display:flex;position:relative}.cinematic-copy{color:#fff;letter-spacing:-.035em;text-align:center;transform-origin:50%;will-change:transform, opacity;max-width:1060px;margin:0;padding:0 44px;font-size:clamp(22px,3vw,44px);font-weight:400;line-height:1.5}.metrics-section{align-items:center;display:flex}.metrics-veil{background:transparent}.metrics-content{z-index:3;width:min(1180px,100%);margin:0 auto;padding:120px 32px;position:relative}.section-eyebrow{color:#ffffff61;letter-spacing:.22em;text-align:center;margin:0 0 90px;font-size:12px}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.metrics-grid article{text-align:center}.metrics-grid strong{color:#fff;letter-spacing:-.07em;font-size:clamp(48px,8vw,100px);font-weight:400;line-height:1;display:block}.metrics-grid span{color:#ffffff7a;letter-spacing:.04em;margin-top:22px;font-size:13px;display:block}.metrics-note{color:#ffffff47;letter-spacing:.18em;text-align:center;margin:110px 0 0;font-size:10px}.capabilities-veil{background:transparent}.capabilities-layout{z-index:3;flex-direction:column;min-height:100dvh;padding:72px 64px 56px;display:flex;position:relative}.capabilities-head{justify-content:space-between;align-items:flex-start;gap:48px;display:flex}.capabilities-head h2{letter-spacing:-.055em;margin:0;font-size:clamp(42px,7vw,88px);font-weight:400;line-height:.95}.capabilities-head>p{color:#ffffff85;text-align:right;max-width:390px;margin:6px 0 0;font-size:13px;line-height:1.85}.capabilities-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:auto;display:grid}.capabilities-grid article{border-top:1px solid #ffffff38;min-height:182px;padding-top:16px}.capabilities-grid article>span{color:#ffffff4d;font-size:10px}.capabilities-grid h3{margin:42px 0 11px;font-size:15px;font-weight:400}.capabilities-grid p{color:#ffffff6b;margin:0;font-size:12px;line-height:1.75}.architecture-section{align-items:center;padding:132px 24px;display:flex}.architecture-content{text-align:center;width:min(820px,100%);margin:0 auto}.architecture-heading .section-eyebrow{margin-bottom:28px}.architecture-heading h2{letter-spacing:-.05em;margin:0;font-size:clamp(34px,5.8vw,64px);font-weight:400;line-height:1.16}.architecture-heading>p:last-child{color:#ffffff6b;max-width:650px;margin:32px auto 0;font-size:14px;line-height:1.85}.architecture-layers{flex-direction:column;gap:10px;max-width:560px;margin:72px auto 0;display:flex}.architecture-layers article{text-align:left;background:#ffffff04;border:1px solid #ffffff1c;border-radius:10px;justify-content:space-between;align-items:center;min-height:74px;padding:0 22px;transition:border-color .25s,background .25s,transform .25s;display:flex}.architecture-layers article:hover{background:#ffffff0b;border-color:#ffffff47;transform:translate(4px)}.architecture-layers article>span{color:#ffffff47;letter-spacing:.16em;font-size:10px}.architecture-layers article>div{align-items:center;gap:18px;display:flex}.architecture-layers strong{font-size:16px;font-weight:400}.architecture-layers small{color:#ffffff47;letter-spacing:.08em;font-size:9px}.landing-footer{background:#000;grid-template-columns:1fr 1fr;min-height:470px;display:grid}.footer-visual{min-height:420px;position:relative;overflow:hidden}.footer-veil{background:linear-gradient(90deg,#0000,#0003)}.footer-copy{flex-direction:column;justify-content:space-between;padding:64px;display:flex}.footer-copy img{filter:brightness(0)invert();opacity:.76;width:auto;height:28px}.footer-copy p{color:#ffffff6b;max-width:470px;margin:34px 0 0;font-size:14px;line-height:1.8}.footer-copy button{background:0 0;border-bottom:1px solid #ffffff61;margin-top:32px;padding:0 0 7px;font-size:13px}.landing-footer-details{margin-top:60px}[data-reveal]{opacity:0;transition:opacity 1s ease var(--reveal-delay,0s), transform 1s cubic-bezier(.22, 1, .36, 1) var(--reveal-delay,0s);transform:translateY(30px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@media (width<=900px){.hero-frame{padding:92px 22px 34px}.hero-composition{flex-direction:column;align-items:stretch;gap:12px}.hero-column{width:100%}.hero-column--right{text-align:left}.hero-column h1{font-size:clamp(46px,13vw,84px)}.hero-description{max-width:560px;margin-top:20px}.hero-scrub-hint{display:none}.capabilities-layout{padding:72px 32px 42px}.capabilities-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:72px}.landing-footer{grid-template-columns:1fr}.footer-visual{min-height:320px}.footer-copy{min-height:420px;padding:46px 32px}}@media (width<=640px){.hero-watermark{font-size:clamp(92px,33vw,190px)}.hero-frame{padding:82px 18px 26px}.section-index{margin-bottom:12px;font-size:8px}.hero-column h1{font-size:clamp(44px,13.7vw,70px)}.hero-description{font-size:11px;line-height:1.7}.cinematic-copy{padding:0 22px;font-size:clamp(20px,6.4vw,30px);line-height:1.55}.metrics-content{padding:100px 22px}.section-eyebrow{margin-bottom:60px;font-size:10px}.metrics-grid{grid-template-columns:1fr;gap:66px}.metrics-grid strong{font-size:clamp(54px,17vw,76px)}.metrics-grid span{margin-top:14px;font-size:11px}.metrics-note{margin-top:80px;line-height:1.6}.capabilities-layout{padding:68px 22px 36px}.capabilities-head{flex-direction:column;gap:28px}.capabilities-head h2{font-size:clamp(42px,13vw,66px)}.capabilities-head>p{text-align:left;max-width:none;margin:0;font-size:11px}.capabilities-grid{gap:28px 18px;margin-top:64px}.capabilities-grid article{min-height:190px}.capabilities-grid h3{margin-top:30px;font-size:13px}.capabilities-grid p{font-size:10px}.architecture-section{padding:104px 18px}.architecture-heading h2{font-size:36px}.architecture-heading>p:last-child{font-size:12px}.architecture-layers{margin-top:56px}.architecture-layers article{min-height:68px;padding:0 16px}.architecture-layers article>div{flex-direction:column;align-items:flex-end;gap:3px}.architecture-layers strong{font-size:14px}.footer-copy{padding:42px 24px}}@media (hover:none),(pointer:coarse){.hero-section{cursor:auto}.hero-brand-cursor:not(.is-touching){opacity:1;position:absolute;transform:translate(-50%,-50%)scale(.92);top:46%!important;left:50%!important}.hero-brand-cursor.is-touching{opacity:1;position:fixed;transform:translate(14px,14px)scale(.92)}.hero-brand-cursor__logo{border-radius:11px;min-width:102px;height:42px}.hero-brand-cursor__logo img{height:18px}.hero-brand-cursor__copy{border-radius:11px;height:42px;padding:0 13px}.hero-brand-cursor__copy small{font-size:9px}.hero-brand-cursor__copy strong{font-size:11px}}@media (prefers-reduced-motion:reduce){.landing-page *,.landing-page :before,.landing-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}.cinematic-copy{opacity:1!important;transform:none!important}}

/* Static replica overrides: keep the layout faithful to the rebuilt page.
   Motion is NOT killed here anymore — reveal animations are gated behind
   html.js-anim-ready (added by turing.js) and degrade gracefully without JS. */
.landing-page *, .landing-page *::before, .landing-page *::after { box-sizing: border-box; }
.landing-page { --landing-font: "Space Mono", "PingFang HK", "Microsoft JhengHei", monospace; }
.landing-page .hero-section { cursor: auto; }
.landing-page .hero-brand-cursor { display: none; }
.landing-page .hero-watermark { display: none; }
.landing-page .hero-brand-cursor__logo { color: #fff; font-size: 15px; font-weight: 700; letter-spacing: 0; }
.landing-page picture { position: absolute; inset: 0; }
.landing-page .section-video { object-position: center; }
.landing-page h1, .landing-page h2, .landing-page h3, .landing-page p { letter-spacing: 0; }

/* ===== Hero（第一屏）：双列贴底 → 垂直居中单列叙事 =====
   原结构 .hero-frame(spacer顶 + composition底双列) → 重塑为整体垂直居中、
   左右两列堆叠成单列：eyebrow → 大标题(4行) → 描述。
   左对齐让文字落在背景左侧暗区，右侧亮区留给视觉。 */
.landing-page .hero-frame {
  justify-content: center;        /* 覆盖 flex-direction:column 的默认 stretch，垂直居中 */
  padding: 104px 80px 64px;
  text-align: left;
}
.landing-page .hero-spacer { display: none; }   /* 去掉顶部占位，改由居中控制 */
.landing-page .hero-composition {
  flex-direction: column;          /* 双列 → 单列堆叠 */
  align-items: flex-start;
  gap: 0;
  width: min(720px, 100%);         /* 限定阅读宽度，避免标题散得过开 */
}
.landing-page .hero-column { width: 100%; }
.landing-page .hero-column--right { text-align: left; }
.landing-page .hero-column h1 {
  font-size: clamp(46px, 7.2vw, 108px);
  line-height: 1.02;
}
.landing-page .hero-column h1 span { min-height: 1.02em; }
/* eyebrow 紧贴标题上方 */
.landing-page .hero-column--left .section-index { margin-bottom: 28px; }
/* 描述文字与标题拉开呼吸距离，加暗影保证在背景图上的可读性 */
.landing-page .hero-description {
  margin-top: 40px;
  max-width: 520px;
  font-size: 14px;
  line-height: 1.9;
  text-shadow: 0 2px 14px rgba(0,0,0,.7);
}
/* 右列标题与左列标题之间留白（堆叠后即为第3、4行标题的上方间距） */
.landing-page .hero-column--right h1 { margin-top: 0; }
/* 右列「為你而建」横向单行排列（左列「算力底座/穩定可靠」仍各占一行） */
.landing-page .hero-column--right h1 span { display: inline; min-height: 0; }
@media (max-width: 900px) {
  .landing-page .hero-frame { padding: 92px 28px 48px; }
}
@media (max-width: 640px) {
  .landing-page .hero-frame { padding: 86px 20px 40px; }
  .landing-page .hero-column--left .section-index { margin-bottom: 20px; }
  .landing-page .hero-description { margin-top: 28px; font-size: 12px; line-height: 1.8; }
}
.landing-page .geo-footer-brand { color: #fff; font-size: 25px; font-weight: 700; letter-spacing: 0; }
.landing-page .geo-footer-cta { display: inline-block; color: #fff; border-bottom: 1px solid #ffffff61; margin-top: 32px; padding-bottom: 7px; font-size: 13px; text-decoration: none; }
.landing-page .geo-footer-meta { color: #ffffff61; margin-top: 60px; font-size: 11px; line-height: 1.8; }
.landing-page .geo-footer-meta a { color: inherit; text-decoration: none; }
.landing-page .geo-footer-meta__legal { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 10px; }
@media (max-width: 640px) {
  .landing-page .hero-brand-cursor { top: 43%; transform: translate(-50%, -50%) scale(.82); }
  .landing-page .section-video { object-position: center; }
  .landing-page .geo-footer-meta__legal { flex-direction: column; gap: 4px; }
  html[lang="en"] .landing-page .hero-column h1 { font-size: clamp(31px, 9.8vw, 50px); }
  html[lang="en"] .landing-page .hero-description { max-width: 330px; }
}

/* 相邻主视觉以同一黑色边界衔接，避免深青与中灰背景直接硬切 */
.landing-page .metrics-veil {
  background:
    linear-gradient(180deg, #000 0, rgba(0,0,0,.62) 38px, rgba(0,0,0,.18) 104px, transparent 190px),
    linear-gradient(180deg, transparent calc(100% - 240px), rgba(0,0,0,.28) calc(100% - 150px), rgba(0,0,0,.82) calc(100% - 48px), #000 100%);
}
.landing-page .capabilities-veil {
  background: linear-gradient(180deg, #000 0, rgba(0,0,0,.88) 64px, rgba(0,0,0,.5) 164px, rgba(0,0,0,.14) 260px, transparent 340px);
}
/* 隐藏 capabilities 四列卡片顶部的白色分隔线 */
.landing-page .capabilities-grid article { border-top: 0; }
@media (max-width: 640px) {
  .landing-page .metrics-veil {
    background:
      linear-gradient(180deg, #000 0, rgba(0,0,0,.52) 30px, transparent 124px),
      linear-gradient(180deg, transparent calc(100% - 168px), rgba(0,0,0,.28) calc(100% - 104px), rgba(0,0,0,.84) calc(100% - 28px), #000 100%);
  }
  .landing-page .capabilities-veil {
    background: linear-gradient(180deg, #000 0, rgba(0,0,0,.78) 42px, rgba(0,0,0,.32) 112px, transparent 210px);
  }
}

/* architecture 区块：定向压暗文字区域，保留右侧芯片高光与玻璃层次 */
.landing-page .architecture-veil {
  background:
    linear-gradient(90deg, rgba(0, 9, 13, .78) 0%, rgba(0, 9, 13, .55) 42%, rgba(0, 9, 13, .18) 72%, rgba(0, 9, 13, .26) 100%),
    linear-gradient(180deg, rgba(0, 7, 10, .24) 0%, rgba(0, 7, 10, .08) 48%, rgba(0, 7, 10, .66) 100%);
}
.landing-page .architecture-content { position: relative; z-index: 3; }
.landing-page #architecture .architecture-heading { text-shadow: 0 2px 16px rgba(0,0,0,.82), 0 0 28px rgba(0,0,0,.48); }
.landing-page #architecture .architecture-heading .section-eyebrow { color: rgba(255,255,255,.84); }
.landing-page #architecture .architecture-heading > p:last-child { color: rgba(255,255,255,.78); }
/* 卡片背景略微加深，保证在背景图上的可读性与层次感 */
.landing-page .architecture-layers article { background: #00000072; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); border-color: #ffffff2e; }
.landing-page .architecture-layers article:hover { background: #00000099; }
.landing-page #architecture .architecture-layers article { text-shadow: 0 2px 12px rgba(0,0,0,.86); }
.landing-page #architecture .architecture-layers article > span { color: rgba(255,255,255,.78); }
.landing-page #architecture .architecture-layers small { color: rgba(255,255,255,.72); }
@media (max-width: 640px) {
  .landing-page .architecture-veil {
    background: linear-gradient(180deg, rgba(0,7,10,.66) 0%, rgba(0,7,10,.48) 42%, rgba(0,7,10,.8) 100%);
  }
  .landing-page #architecture .architecture-heading { text-shadow: 0 2px 12px rgba(0,0,0,.92), 0 0 22px rgba(0,0,0,.68); }
  .landing-page #architecture .architecture-layers article { background: rgba(0,0,0,.54); text-shadow: 0 2px 10px rgba(0,0,0,.94); }
}

/* about 区块：「宣言式」大气排版——主句按逗号断行、独立成行 + 大行距，
   公司名作开篇、服务要素作铺陈、"算力交付鏈路"作落点；补充句下沉为余韵。
   文字内容不变，仅靠断行与留白制造气场。 */
.landing-page #about .cinematic-stage { flex-direction: column; justify-content: center; align-items: flex-start; padding: 0 80px; box-sizing: border-box; }
/* 顶部小标签。主句与补充句共用同一固定宽度，保证两者左右边界、分隔线两端严格对齐 */
.landing-page #about .cinematic-copy {
  text-align: left; width: min(780px, 100%); margin: 0; padding: 0;
  font-size: clamp(26px, 3.4vw, 52px); font-weight: 400; line-height: 1.32;
  letter-spacing: -.01em;
  text-shadow: 0 2px 18px rgba(0,0,0,.7), 0 0 32px rgba(0,0,0,.45);
}
.landing-page #about .cinematic-copy::before {
  content: "ABOUT US";
  display: block;
  color: #ffffff5e; letter-spacing: .24em; font-size: 11px; font-weight: 400;
  margin: 0 0 40px;
}
/* 主句断行：每个 <span> 独立成行，段落间留白拉开节奏 */
.landing-page #about .cinematic-copy span {
  display: block;
}
.landing-page #about .cinematic-copy span + span { margin-top: .18em; }
/* 补充句：细线分隔 + 下沉余韵，三关键词青色强调。
   宽度与主句严格一致（同一 width 表达式），分隔线两端与主句左右对齐。 */
.landing-page #about .cinematic-sub {
  text-align: left; width: min(780px, 100%); margin: 56px 0 0; padding: 36px 0 0;
  color: #ffffffa0; font-size: clamp(16px, 1.7vw, 21px); line-height: 2; font-weight: 300;
  white-space: normal; text-shadow: 0 2px 14px rgba(0,0,0,.75);
  border-top: 1px solid #ffffff22;
}
.landing-page #about .cinematic-sub em { font-style: normal; color: #51fff9; font-weight: 400; }
@media (max-width: 900px) {
  .landing-page #about .cinematic-stage { padding: 0 36px; }
  .landing-page #about .cinematic-copy { line-height: 1.36; }
  .landing-page #about .cinematic-sub { margin-top: 44px; }
}
@media (max-width: 640px) {
  .landing-page #about .cinematic-stage { padding: 0 22px; }
  .landing-page #about .cinematic-copy { font-size: clamp(22px, 7vw, 30px); line-height: 1.42; text-shadow: 0 2px 12px rgba(0,0,0,.88), 0 0 24px rgba(0,0,0,.6); }
  .landing-page #about .cinematic-copy::before { font-size: 10px; margin-bottom: 28px; }
  .landing-page #about .cinematic-sub { margin-top: 32px; padding-top: 26px; font-size: 14px; line-height: 1.95; text-shadow: 0 2px 10px rgba(0,0,0,.9), 0 0 18px rgba(0,0,0,.7); }
}
/* metrics 区块：数据改为左侧纵向竖排（左侧背景较暗，右侧电路节点亮区，左对齐保证白色数字清晰可读）。
   每项数据加序号 + 顶部分隔线，形成自上而下的节奏感；数字与标签层次分明。 */
.landing-page #metrics .metrics-content { width: min(560px, 100%); margin: 0 auto 0 260px; padding: 110px 32px 110px 0; }
.landing-page #metrics .section-eyebrow { text-align: left; margin-bottom: 64px; }
.landing-page #metrics .metrics-grid { grid-template-columns: 1fr; gap: 0; }
.landing-page #metrics .metrics-grid article {
  text-align: left;
  text-shadow: 0 2px 18px rgba(0,0,0,.6), 0 0 26px rgba(0,0,0,.35);
  padding: 40px 0 36px;
  border-top: 1px solid #ffffff24;
  position: relative;
}
.landing-page #metrics .metrics-grid article:first-child { padding-top: 0; border-top: 0; }
/* 序号点缀，增强纵向节奏 */
.landing-page #metrics .metrics-grid article::before {
  content: attr(data-i);
  position: absolute; top: 40px; right: 0;
  color: #ffffff2e; letter-spacing: .16em; font-size: 11px;
}
.landing-page #metrics .metrics-grid article:first-child::before { top: 0; }
.landing-page #metrics .metrics-grid article > strong { letter-spacing: -.05em; }
.landing-page #metrics .metrics-grid article > span { margin-top: 16px; color: #ffffff8c; }
.landing-page #metrics .metrics-note { text-align: left; margin-top: 72px; }
@media (max-width: 900px) {
  .landing-page #metrics .metrics-content { margin-left: 110px; }
}
@media (max-width: 640px) {
  .landing-page #metrics .metrics-content { margin: 0; padding: 80px 22px; }
  .landing-page #metrics .metrics-grid article { text-shadow: 0 2px 12px rgba(0,0,0,.85), 0 0 24px rgba(0,0,0,.6); padding: 32px 0 30px; }
  .landing-page #metrics .metrics-grid article::before { top: 32px; font-size: 10px; }
  .landing-page #metrics .metrics-grid article:first-child::before { top: 0; }
}

/* Corporate culture content uses the existing cinematic section language. */
.landing-page .culture-intro-copy { max-width: 1080px; }
.landing-page .culture-intro-copy .section-eyebrow { margin-bottom: 34px; }
.landing-page .culture-intro-lead { color: #fff; margin: 0; font-size: clamp(24px, 3vw, 42px); line-height: 1.45; }
.landing-page .culture-intro-detail { color: #ffffff9c; max-width: 900px; margin: 30px auto 0; font-size: 15px; line-height: 1.9; }
.landing-page .corporate-direction-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 64px; }
.landing-page .corporate-direction-grid article { border-top: 1px solid #ffffff38; padding-top: 22px; }
.landing-page .corporate-direction-label { color: #ffffff61; font-size: 10px; }
.landing-page .corporate-direction-grid h2 { color: #fff; margin: 46px 0 22px; font-size: clamp(30px, 4vw, 54px); font-weight: 400; line-height: 1.15; }
.landing-page .corporate-direction-grid p { color: #ffffff8f; margin: 0; font-size: 14px; line-height: 1.9; }
.landing-page .culture-values-section .capabilities-grid article { min-height: 230px; }
.landing-page .culture-values-section .capabilities-grid h3 { line-height: 1.45; }

@media (max-width: 640px) {
  .landing-page .culture-intro-copy { padding: 0 22px; }
  .landing-page .culture-intro-copy .section-eyebrow { margin-bottom: 24px; }
  .landing-page .culture-intro-lead { font-size: 24px; line-height: 1.5; }
  .landing-page .culture-intro-detail { margin-top: 22px; font-size: 12px; line-height: 1.85; }
  .landing-page .corporate-direction-section { min-height: auto; }
  .landing-page .corporate-direction-grid { grid-template-columns: 1fr; gap: 56px; }
  .landing-page .corporate-direction-grid h2 { margin: 28px 0 16px; font-size: 32px; }
  .landing-page .corporate-direction-grid p { font-size: 12px; line-height: 1.85; }
  .landing-page .culture-values-section { min-height: auto; }
  .landing-page .culture-values-section .capabilities-layout { min-height: auto; }
  .landing-page .culture-values-section .capabilities-grid { grid-template-columns: 1fr; }
  .landing-page .culture-values-section .capabilities-grid article { min-height: 0; padding-bottom: 28px; }
}

/* 导航栏：加高 + 放大内容（logo、导航文字）。仅桌面端（>768px），移动端汉堡菜单保持原样。 */
@media (min-width: 769px) {
  .layout-container .header .content-wrap { padding-top: 14px !important; padding-bottom: 14px !important; }
  .layout-container .header .header-nav-container .header-nav-item { padding-top: 26px !important; padding-bottom: 26px !important; }
  .layout-container .header .header-nav-container .header-nav-item .header-nav-item-text { font-size: 18px !important; line-height: 1.4 !important; }
  .layout-container .header .logo-wrap .logo-img { height: 68px !important; }
  .layout-container .header .logo-wrap .logo-text { font-size: 36px !important; line-height: 1.2 !important; }
}

/* ===== 滚动入场动画 =====
   门控：只有 html.js-anim-ready（由 turing.js 在渲染后加上）才启动作画；
   无 JS / 脚本被禁时全部文字保持完整可见，绝不空白。
   第一行压缩段里的 `[data-reveal]{opacity:0}` 是无条件规则，这里用
   `html.js-anim-ready` 前缀 + 更高特异性覆盖它。 */
html:not(.js-anim-ready) [data-reveal],
html:not(.js-anim-ready) [data-reveal-lines] > * {
  opacity: 1 !important;
  transform: none !important;
  clip-path: none !important;
  transition: none !important;
}

/* 元素级入场：上移 + 渐显（沿用模板里的 --reveal-delay 错落） */
html.js-anim-ready [data-reveal] {
  opacity: 0;
  transform: translateY(30px);
  transition:
    opacity 1s ease var(--reveal-delay, 0s),
    transform 1s cubic-bezier(.22, 1, .36, 1) var(--reveal-delay, 0s);
  will-change: opacity, transform;
}
html.js-anim-ready [data-reveal].is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* 行级遮罩动画：整段文字逐行上移浮现（clip 遮罩 + 位移动画）。
   每行延迟 = 行序 var(--i) × 120ms + 容器 --reveal-delay。
   注意：多行标题（hero h1、capabilities h2 含 <br>）也走此动画，行序自带错落。 */
html.js-anim-ready [data-reveal-lines] > .rl-line {
  opacity: 0;
  transform: translateY(.7em);
  clip-path: inset(0 0 100% 0);
  transition:
    opacity .9s ease calc(var(--i) * 120ms + var(--reveal-delay, 0s)),
    transform .9s cubic-bezier(.22, 1, .36, 1) calc(var(--i) * 120ms + var(--reveal-delay, 0s)),
    clip-path .9s cubic-bezier(.22, 1, .36, 1) calc(var(--i) * 120ms + var(--reveal-delay, 0s));
  will-change: opacity, transform, clip-path;
}
html.js-anim-ready [data-reveal-lines].is-visible > .rl-line {
  opacity: 1;
  transform: translateY(0);
  clip-path: inset(0 0 0 0);
}
/* 行内换行容错：clip-path 作用于行容器，block 行保持自身布局 */
html.js-anim-ready [data-reveal-lines] > .rl-line { display: block; }
html.js-anim-ready [data-reveal-lines] > .rl-line + .rl-line { margin-top: 0; }

/* 动效偏好：需要减少动效时一律全显 */
@media (prefers-reduced-motion: reduce) {
  html.js-anim-ready [data-reveal],
  html.js-anim-ready [data-reveal-lines] > .rl-line {
    opacity: 1 !important;
    transform: none !important;
    clip-path: none !important;
    transition: none !important;
  }
}
