/* ==========================================================================
   皮肤 · noir 暗色工业
   气质：高对比、强主张。适合「有品牌野心、想被记住」的工厂，或小单快反定位。

   设计参考：Metso 的「近黑打底 + 一个电光强调色，少而狠」
   关键手法：底色占 90%，强调色只出现在该出现的地方
   ========================================================================== */
:root {
    --font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
                    "Hiragino Sans GB", "Microsoft YaHei", Roboto, Helvetica, Arial, sans-serif;
    --font-text:    var(--font-display);
    --font-label:   ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

    --fs-body:    16.5px;
    --fs-h1:      clamp(38px, 5vw, 62px);
    --fs-h2:      clamp(26px, 3vw, 38px);
    --fs-h3:      18px;
    --fs-lede:    clamp(17px, 1.5vw, 19px);
    --fs-eyebrow: 11px;
    --fs-btn:     15px;

    --leading-body:    1.66;
    --leading-display: 1.05;

    --weight-display:  720;
    --weight-label:    520;
    --tracking-display: -0.032em;
    --tracking-label:   0.12em;

    /* 近黑打底 —— 注意不是纯黑 #000，是 #0B0B0C */
    --bg:        #0B0B0C;
    --surface:   #131315;
    --ink:       #FAFAF9;
    --ink-2:     #A1A1AA;
    --ink-3:     #5A5A61;

    --accent:    #FBBF24;            /* 琥珀，深色底上极亮 */
    --accent-ink:#0B0B0C;            /* 按钮文字用底色，反转对比 */

    --line:        #26262A;
    --line-strong: #33333A;
    --divider:       1px solid var(--line);
    --divider-strong:1px solid var(--line-strong);
    --head-divider:  1px solid var(--line);

    --radius:    4px;
    --radius-lg: 6px;
    --shadow-btn: 0 10px 30px rgba(251, 191, 36, .22);

    --wrap:       1200px;
    --gutter:     28px;
    --section-y:  104px;
    --head-gap:   52px;
    --hero-y:     96px;
    --hero-gap:   68px;
    --hero-img-gap: 56px;
    --row-py:     32px;
    --gap-eyebrow:20px;

    --btn-py: 15px;
    --btn-px: 26px;
    --btn-border: 1px solid transparent;

    --media-bg:      #17171A;
    --media-border:  1px solid var(--line-strong);
    --hero-full-bg:  #0B0B0C;
    --cell-bg:       var(--surface);
    --cell-bg-hover: #1A1A1E;
    --cta-top-line:  3px;
}

/* 深色底上，产品图多为白底 —— 给个柔和"舞台"过渡，避免生硬的白方块 */
.hero__media { box-shadow: inset 0 0 0 1px rgba(255,255,255,.04); }
.hero--full .hero__media img { filter: drop-shadow(0 30px 60px rgba(0,0,0,.55)); }

/* 幽灵按钮在深色底上要反向 */
.btn--ghost { color: var(--ink); border-color: var(--line-strong); }
.btn--ghost:hover { border-color: var(--ink); }

/* 分节线在深色底上更轻 */
.section + .section { border-top-color: var(--line); }