/* ============================================================================
   模板 · Atelier（法国 · 比利时法语区）
   ----------------------------------------------------------------------------
   法国 B2B 站的通行观感：
     · 纸色底（不是纯白）、深海军蓝的字、金色的细线 —— 一眼是「有品味的工业」
     · 大标题用衬线（Fraunces），正文仍是无衬线：排版本身就是可信度的一部分
     · 留白宽、节奏慢、段落长；先讲 savoir-faire（公司和工艺），再讲产品
     · 圆角几乎为零、阴影极淡；卡片没有边框，只有一根底线
     · 联系文案是 Demande de devis，语气正式（vouvoiement），按钮不喊
   ========================================================================== */

:root {
  --ink:        #14213d;
  --ink-2:      #1f2a44;
  --ink-3:      #3d4763;
  --muted:      #6e7689;
  --line:       #e4dfd6;
  --line-dark:  #2a3552;
  --bg:         #faf8f5;
  --bg-soft:    #f3efe8;
  --accent:     #b8860b;          /* 暗金，只用在细线、眉标和主按钮上 */
  --accent-ink: #8f6807;
  --accent-soft:#f5ead0;

  --font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;

  --radius:     2px;
  --radius-lg:  2px;
  --shadow:     0 1px 2px rgba(20,33,61,.05), 0 10px 30px rgba(20,33,61,.06);
  --card-shadow-hover: none;
  --card-lift:  0;

  --base-size:  17px;
  --body-lh:    1.75;
  --h-weight:   500;
  --h-tracking: -.01em;
  --section-pad: 104px;

  --header-bg:  rgba(250,248,245,.94);
  --topbar-bg:  #14213d;
  --topbar-ink: rgba(255,255,255,.7);

  --hero-bg:    #faf8f5;
  --hero-ink:   #14213d;
  --hero-muted: #3d4763;
  --hero-eyebrow: #b8860b;
  --hero-grid:  transparent;
  --hero-pad:   112px 0 96px;

  --stats-bg:   #f3efe8;
  --stats-line: #e4dfd6;
  --stats-ink:  #14213d;
  --stats-muted:#6e7689;

  --dark-band-bg: #14213d;
  --cta-bg:     #14213d;
  --footer-bg:  #14213d;
  --footer-ink: rgba(255,255,255,.66);
  --footer-line:#2a3552;
}

body { background: var(--bg); }

/* 标题：衬线、字重轻、字号大；h1 下一根金色短线 */
h1, h2 { letter-spacing: -.01em; }
.hero h1 { font-size: clamp(2.4rem, 5vw, 3.9rem); max-width: 18ch; line-height: 1.08; font-weight: 500; }
.hero h1::after { content: ""; display: block; width: 56px; height: 2px; background: var(--accent); margin-top: 26px; }
.hero p { font-size: 1.18rem; max-width: 58ch; }
.hero-actions { margin-top: 40px; }
.hero .btn-onDark { background: transparent; color: var(--ink); border-color: var(--ink); }
.hero .btn-onDark:hover { background: var(--ink); color: #fff; }
.hero-media img { box-shadow: var(--shadow); }
h2 { font-size: clamp(1.7rem, 3vw, 2.4rem); }

/* 眉标：小型大写 + 宽字距，金色 */
.eyebrow { font-size: .72rem; letter-spacing: .2em; color: var(--accent); }

/* 按钮：方、稳，主按钮深蓝而不是金（金色大面积会显得廉价） */
.btn { font-weight: 600; letter-spacing: .02em; }
.btn-primary { background: var(--ink); }
.btn-primary:hover { background: #0d1730; }
.cta-band .btn-primary { background: var(--accent); color: #fff; }
.cta-band .btn-primary:hover { background: var(--accent-ink); color: #fff; }
.cta-band h2 { font-weight: 500; }

/* 头部：细金线分隔 */
header.site { backdrop-filter: none; border-bottom: 1px solid var(--line); }
header.site .wrap { min-height: 80px; }
.brand { font-family: var(--font-display); font-weight: 600; font-size: 1.25rem; letter-spacing: 0; }
.brand .mark { background: var(--ink); border-radius: 0; }
nav.main a { font-weight: 500; }
nav.main a:hover { background: transparent; color: var(--accent-ink); }
nav.main .btn-primary { background: var(--ink); }

/* 数据条：纸色，衬线数字 */
.stat b { font-family: var(--font-display); font-weight: 500; font-size: 2.1rem; }

/* 卡片：无边框，底线一根，悬停只换底线颜色 */
.card { background: transparent; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; }
.card:hover { border-color: var(--accent); }
.card-media { aspect-ratio: 3 / 2; background: var(--bg-soft); }
.card-body { padding: 18px 2px 22px; }
.card h3 { font-family: var(--font-display); font-weight: 500; font-size: 1.15rem; }
.card .model { color: var(--accent-ink); }
.card .more { color: var(--ink); }
section.band.soft .card { background: transparent; }

/* 认证：深蓝底上金色边 */
section.band.dark .cert { border-color: rgba(184,134,11,.5); color: rgba(255,255,255,.85); }

/* 规格表 */
.spec-table th { background: var(--bg-soft); }
.spec-wrap { border-color: var(--line); }

.quick { background: var(--bg-soft); }