.lcms-root, .lcms-root * { box-sizing: border-box; margin: 0; padding: 0; }
  .lcms-root { overflow-x: hidden; color: #5b5045; font-size: 16px; line-height: 1.7; font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif; }
  .lcms-root img { border: 0; max-width: 100%; vertical-align: middle; }

  /* ===== Hero ===== */
  .lcms-root .lcms-hero { position: relative; overflow: hidden; text-align: center; padding: 96px 24px 104px; background: linear-gradient(135deg, #f8ba83, #ef9d58, #d3792f); }
  .lcms-root .lcms-hero::after { content: ""; position: absolute; inset: 0; background: rgba(96, 48, 6, 0.10); pointer-events: none; }
  .lcms-root .lcms-deco { position: absolute; border-radius: 999px; }
  .lcms-root .lcms-deco-a { width: 380px; height: 380px; top: -150px; left: -120px; background: rgba(255, 255, 255, 0.10); }
  .lcms-root .lcms-deco-b { width: 260px; height: 260px; bottom: -120px; right: -80px; background: rgba(255, 255, 255, 0.12); }
  .lcms-root .lcms-deco-c { width: 130px; height: 130px; top: 80px; right: 160px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.26); }
  .lcms-root .lcms-deco-d { width: 90px; height: 90px; bottom: 100px; left: 140px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.26); }
  .lcms-root .lcms-deco-e { width: 180px; height: 180px; top: -60px; right: -50px; background: rgba(255, 255, 255, 0.12); }
  .lcms-root .lcms-deco-f { width: 120px; height: 120px; bottom: -50px; left: -40px; background: rgba(255, 255, 255, 0.09); }

  .lcms-root .lcms-hero-inner { position: relative; z-index: 2; width: 880px; margin: 0 auto; }
  .lcms-root .lcms-badge { display: inline-block; padding: 9px 24px; border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 999px; background: rgba(255, 255, 255, 0.20); color: #ffffff; font-size: 14px; letter-spacing: 3px; text-shadow: 0 1px 3px rgba(120, 60, 10, 0.28); }
  .lcms-root .lcms-hero-title { margin-top: 28px; color: #ffffff; font-size: 52px; line-height: 1.3; font-weight: 700; letter-spacing: 3px; text-shadow: 0 2px 10px rgba(120, 60, 10, 0.28); }
  .lcms-root .lcms-title-tag { display: inline-block; margin-left: 16px; padding: 5px 18px; border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 12px; background: rgba(255, 255, 255, 0.24); font-size: 24px; font-weight: 600; letter-spacing: 2px; vertical-align: 8px; }
  .lcms-root .lcms-hero-line { width: 76px; height: 4px; margin: 30px auto 0; border-radius: 2px; background: linear-gradient(90deg, #ffffff, #fff0e2); }
  .lcms-root .lcms-hero-desc { width: 820px; margin: 26px auto 0; color: rgba(255, 255, 255, 0.94); font-size: 16px; line-height: 2.1; text-shadow: 0 1px 6px rgba(120, 60, 10, 0.25); }
  .lcms-root .lcms-hero-tags { margin-top: 36px; }
  .lcms-root .lcms-tag { display: inline-block; margin: 6px; padding: 9px 22px; border: 1px solid rgba(255, 255, 255, 0.45); border-radius: 999px; background: rgba(255, 255, 255, 0.18); color: #ffffff; font-size: 14px; letter-spacing: 1px; }

  /* ===== Section ===== */
  .lcms-root .lcms-sec { padding: 88px 0 80px; }
  .lcms-root .lcms-sec-alt { background: #fdf8f3; }
  .lcms-root .lcms-container { width: 1200px; margin: 0 auto; padding: 0 24px; }
  .lcms-root .lcms-sec-head { text-align: center; }
  .lcms-root .lcms-sec-eyebrow { color: #e08f45; font-size: 14px; font-weight: 700; letter-spacing: 6px; }
  .lcms-root .lcms-sec-title { margin-top: 12px; color: #3a2a1c; font-size: 34px; font-weight: 700; letter-spacing: 2px; }
  .lcms-root .lcms-sec-bar { width: 56px; height: 4px; margin: 20px auto 0; border-radius: 2px; background: linear-gradient(90deg, #f8ba83, #d3792f); }

  /* ===== Intro list ===== */
  .lcms-root .lcms-intro-list { margin-top: 60px; }
  .lcms-root .lcms-intro-item { display: flex; align-items: center; gap: 56px; padding: 52px 56px; background: #fffaf5; border: 1px solid #f4e6d8; border-radius: 24px; }
  .lcms-root .lcms-intro-item + .lcms-intro-item { margin-top: 36px; }
  .lcms-root .lcms-item-rev { flex-direction: row-reverse; }
  .lcms-root .lcms-item-text { flex: 1 1 0px; min-width: 0; }
  .lcms-root .lcms-item-num { font-size: 64px; font-weight: 800; line-height: 1; letter-spacing: 2px; background: linear-gradient(135deg, #f8ba83, #c96f2a); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
  .lcms-root .lcms-item-title { margin-top: 20px; color: #3a2a1c; font-size: 26px; font-weight: 700; line-height: 1.5; letter-spacing: 1px; }
  .lcms-root .lcms-item-bar { width: 42px; height: 3px; margin-top: 18px; border-radius: 2px; background: linear-gradient(90deg, #f8ba83, #d3792f); }
  .lcms-root .lcms-item-desc { margin-top: 18px; color: #7a6d60; font-size: 16px; line-height: 2.1; text-align: justify; }
  .lcms-root .lcms-item-media { flex: 1 1 0px; min-width: 0; text-align: center; }
  .lcms-root .lcms-item-media img { display: inline-block; height: 450px; width: auto; object-fit: contain; border-radius: 14px; border: 1px solid #f4e6d8; box-shadow: 0 24px 48px rgba(196, 128, 62, 0.16); transition: transform 0.3s ease; }
  .lcms-root .lcms-item-media:hover img { transform: translateY(-4px); }

  /* ===== Feature grid ===== */
  .lcms-root .lcms-feat-grid { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 60px; }
  .lcms-root .lcms-feat-card { flex: 1 1 264px; padding: 36px 26px 32px; background: #ffffff; border: 1px solid #f4e6d8; border-radius: 18px; text-align: center; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; }
  .lcms-root .lcms-feat-card:hover { transform: translateY(-6px); border-color: #f8ba83; box-shadow: 0 20px 44px rgba(224, 143, 69, 0.18); }
  .lcms-root .lcms-feat-icon { display: flex; align-items: center; justify-content: center; width: 86px; height: 86px; margin: 0 auto; border-radius: 24px; background: linear-gradient(135deg, #fef3e8, #fde7d3); }
  .lcms-root .lcms-feat-icon img { width: 46px; height: 46px; object-fit: contain; }
  .lcms-root .lcms-feat-name { margin-top: 22px; color: #3a2a1c; font-size: 19px; font-weight: 700; letter-spacing: 1px; }
  .lcms-root .lcms-feat-desc { margin-top: 12px; color: #8b7d6f; font-size: 14px; line-height: 1.95; }
  .lcms-root .lcms-note { margin-top: 36px; color: #a99c8d; font-size: 13px; text-align: center; }

  /* ===== Closing ===== */
  .lcms-root .lcms-closing { position: relative; overflow: hidden; margin-top: 56px; padding: 56px 32px; background: linear-gradient(135deg, #f8ba83, #ef9d58, #d3792f); border-radius: 24px; text-align: center; }
  .lcms-root .lcms-closing::after { content: ""; position: absolute; inset: 0; background: rgba(96, 48, 6, 0.10); pointer-events: none; }
  .lcms-root .lcms-closing-title { position: relative; z-index: 2; color: #ffffff; font-size: 26px; font-weight: 700; letter-spacing: 3px; text-shadow: 0 2px 8px rgba(120, 60, 10, 0.28); }
  .lcms-root .lcms-closing-sub { position: relative; z-index: 2; margin-top: 14px; color: rgba(255, 255, 255, 0.92); font-size: 15px; letter-spacing: 1px; }

  /* ===== Responsive ===== */
  @media (max-width: 1248px) {
    .lcms-root .lcms-container { width: auto; }
  }
  @media (max-width: 960px) {
    .lcms-root .lcms-hero { padding: 72px 20px 80px; }
    .lcms-root .lcms-hero-inner, .lcms-root .lcms-hero-desc { width: auto; }
    .lcms-root .lcms-hero-title { font-size: 40px; }
    .lcms-root .lcms-title-tag { font-size: 18px; padding: 4px 12px; vertical-align: 5px; }
    .lcms-root .lcms-sec { padding: 64px 0 60px; }
    .lcms-root .lcms-sec-title { font-size: 28px; }
    .lcms-root .lcms-intro-list { margin-top: 44px; }
    .lcms-root .lcms-intro-item { flex-direction: column; align-items: stretch; gap: 36px; padding: 36px 28px; }
    .lcms-root .lcms-item-media img { height: 380px; }
    .lcms-root .lcms-closing { margin-top: 44px; }
  }
  @media (max-width: 600px) {
    .lcms-root .lcms-hero { padding: 56px 16px 64px; }
    .lcms-root .lcms-hero-title { font-size: 30px; letter-spacing: 2px; }
    .lcms-root .lcms-title-tag { margin-left: 10px; font-size: 14px; padding: 3px 10px; border-radius: 8px; vertical-align: 4px; }
    .lcms-root .lcms-hero-desc { font-size: 15px; text-align: justify; }
    .lcms-root .lcms-badge { font-size: 12px; letter-spacing: 2px; padding: 8px 18px; }
    .lcms-root .lcms-sec { padding: 52px 0 48px; }
    .lcms-root .lcms-sec-eyebrow { font-size: 12px; letter-spacing: 4px; }
    .lcms-root .lcms-sec-title { font-size: 24px; }
    .lcms-root .lcms-intro-item { padding: 28px 20px; gap: 28px; }
    .lcms-root .lcms-item-num { font-size: 44px; }
    .lcms-root .lcms-item-title { font-size: 21px; }
    .lcms-root .lcms-item-desc { font-size: 15px; }
    .lcms-root .lcms-item-media img { height: 300px; }
    .lcms-root .lcms-feat-grid { gap: 16px; }
    .lcms-root .lcms-feat-card { padding: 30px 18px 26px; }
    .lcms-root .lcms-closing { margin-top: 40px; padding: 40px 20px; border-radius: 18px; }
    .lcms-root .lcms-closing-title { font-size: 20px; letter-spacing: 2px; }
    .lcms-root .lcms-closing-sub { font-size: 13px; }
  }