/* ============================================================================
   模板 · Technik（德国 · 奥地利 · 瑞士）
   ----------------------------------------------------------------------------
   德语区工业采购站的通行观感：
     · 浅灰底 + 直角 + 细线，没有阴影，没有渐变 —— 像一份技术文档，不像一张海报
     · 字号略小、行距略紧、信息密度高：Gründlichkeit（周全）是这里的美德
     · 认证和规格提到最前面（DIN / VDE / CPR / ISO），口号越少越可信
     · hero 是浅色的，右侧是一块「Datenblatt」式的规格摘要，不是一张情绪图
     · 联系入口是「Ansprechpartner」（具体的人 + 直拨电话），而不是一个表单
     · 页脚必须有 Impressum / Datenschutz —— 这是法定的，缺了在德国是可以被告的
   ========================================================================== */

:root {
  --ink:        #1f2933;
  --ink-2:      #2b3743;
  --ink-3:      #4b5865;
  --muted:      #6b7783;
  --line:       #d5dbe1;
  --line-dark:  #3a4754;
  --bg:         #ffffff;
  --bg-soft:    #eef1f4;
  --accent:     #005b96;          /* 接近 RAL 5017 Verkehrsblau，德国工业的那种蓝 */
  --accent-ink: #00466f;
  --accent-soft:#e3eef7;

  --radius:     0px;
  --radius-lg:  0px;
  --shadow:     none;
  --card-shadow-hover: none;
  --card-lift:  0;

  --base-size:  15px;
  --body-lh:    1.55;
  --h-weight:   600;
  --h-tracking: 0;
  --section-pad: 56px;

  --header-bg:  #ffffff;
  --topbar-bg:  #eef1f4;
  --topbar-ink: #4b5865;

  --hero-bg:    #eef1f4;
  --hero-ink:   #1f2933;
  --hero-muted: #4b5865;
  --hero-eyebrow: #005b96;
  --hero-grid:  rgba(31,41,51,.06);
  --hero-pad:   56px 0 52px;

  --stats-bg:   #ffffff;
  --stats-line: #d5dbe1;
  --stats-ink:  #1f2933;
  --stats-muted:#6b7783;

  --dark-band-bg: #2b3743;
  --cta-bg:     #005b96;
  --footer-bg:  #2b3743;
  --footer-ink: rgba(255,255,255,.7);
  --footer-line:#3a4754;
}

/* 顶栏在浅色底上：分隔线代替深色块 */
.topbar { border-bottom: 1px solid var(--line); }
.topbar a:hover { color: var(--accent); }

header.site { backdrop-filter: none; border-bottom: 2px solid var(--ink); }
.brand .mark { border-radius: 0; }
nav.main a { font-weight: 500; }
nav.main a:hover { background: transparent; color: var(--accent); text-decoration: underline; text-underline-offset: 4px; }

/* hero：更像文档的首页。标题不做超大，副标当摘要读；网格纹保留但压得很淡 */
.hero h1 { font-size: clamp(1.7rem, 3vw, 2.4rem); max-width: 26ch; }
.hero p { font-size: 1.02rem; max-width: 70ch; }
.hero .btn-onDark { background: #fff; color: var(--ink); border-color: var(--line); }
.hero .btn-onDark:hover { border-color: var(--ink-3); }
.hero-media img { border: 1px solid var(--line); }

/* 眉标：不用大写拉宽，德语单词本来就长，全大写会撑爆 */
.eyebrow { text-transform: none; letter-spacing: 0; font-size: .82rem; font-weight: 600; }

/* 数据条：白底、细线分格 */
.stats { border-bottom: 1px solid var(--line); }
.stat b { font-size: 1.6rem; }

/* 认证条在这套里是浅色的，紧贴 hero 下面，看着像一排徽章而不是一块黑板 */
section.band.dark.certs-band { background: #fff; color: var(--ink-2); border-bottom: 1px solid var(--line); padding: 40px 0; }
section.band.dark.certs-band h2 { color: var(--ink); font-size: 1.25rem; }
section.band.dark.certs-band .band-head { margin-bottom: 18px; }
section.band.dark.certs-band .cert { background: var(--bg-soft); border-color: var(--line); color: var(--ink-2); }

/* 卡片：不浮起来，悬停只换边框色。型号是第一眼要看到的 */
.card:hover { border-color: var(--accent); }
.card .model { font-size: .86rem; }
.card h3 { font-size: .98rem; }

/* 规格表更紧、斑马纹 —— 这是德语区采购在这个站上停留最久的地方 */
.spec-table th, .spec-table td { padding: 8px 12px; }
.spec-table tr:nth-child(even) td { background: #fafbfc; }

/* Ansprechpartner 条：白底、粗顶线 */
.quick { background: #fff; border-top: 2px solid var(--ink); }
.way { border-radius: 0; }

/* 页脚：Impressum / Datenschutz 要显眼，不是灰色小字 */
.foot-bottom span:last-child a { color: #fff; font-weight: 600; }

.btn-lg { padding: .8em 1.6em; font-size: .95rem; }