/* Caliradi design tokens — single source of truth for the whole site.
   Imported by site.css (video home) and biz.css (managed / ai-team); the
   standalone tool pages (/leads, /check) mirror these same values inline.
   Change a brand color or font HERE and it updates everywhere that imports it. */
:root {
  /* surfaces */
  --ink: #14161A;
  --ink-soft: #23262C;
  --ink2: #1C1F26;
  --paper: #F4F5F7;
  --card: #FFFFFF;
  /* accent (amber) — --amber-deep unified to #C8871B across every surface */
  --amber: #F2A93B;
  --amber-deep: #C8871B;
  --rec: #E5484D;
  /* text + lines */
  --tx: #1C1E23;
  --tx-soft: #575D66;
  --line: #DCDFE4;
  /* RGB 基:供 rgba(var(--x-rgb), α) 生成透明变体。改主题时须与上面的 hex 同步。 */
  --paper-rgb: 244, 245, 247;   /* = --paper #FBFAF7,深底上的白色叠层用它调透明度 */
  --shadow-rgb: 0, 0, 0;        /* 阴影统一走这个基色 */
  /* 微信人工通道提示框的暖色(仅中文页) */
  --note-bg: #FDF3E3;
  --note-line: #E9DFC9;
  --note-tx: #7A5A12;
  /* radius —— 统一到两级。改版前站上有 17 种圆角值(999/24/20/18/16/14/13/12/10/9…),
     "处处大圆角"正是生成式设计最容易露出的马脚。工具型 B2B 产品用小圆角更可信。 */
  --r: 5px;        /* 按钮、输入框、常规卡片 */
  --r-lg: 10px;    /* 大块媒体容器 */

  /* type */
  --disp: 'Bricolage Grotesque', -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --body: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
}

/* ── 线性图标通用规则(2026-08-02)────────────────────────────────
   全站页面都加载 brand,所以图标规则放这里一处覆盖:
   首页用 .ico / .u-icon,ai-team 与 managed 用 .ic,start 用 .ico。 */
.ic,.ico{line-height:0}
.ic svg.i,.ico svg.i{width:26px;height:26px;color:var(--amber-deep);display:block}
.u-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0}
.u-icon svg.i{width:19px;height:19px;color:var(--amber-deep)}
@media(max-width:560px){.ic svg.i,.ico svg.i{width:23px;height:23px}}

/* 战绩两行 —— 2026-08-05
 * 老板给的两条真实业绩。这个站卖 $1.50 一条,框架是「订单小,团队是同一支」。
 * 口径「轻描淡写」:不做大数字 KPI 块,两行小字 + 年份锚点。
 * 立场词(we helped them / 我们帮他们)不能掉,否则 $2M 会被读成我们自己的营收。 */
.tk-track { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line); }
.tk-lead { font-size: 13px; color: var(--muted); margin: 0 0 10px; }
.tk-line {
  display: flex; gap: 12px; align-items: baseline; margin: 0 0 8px;
  font-size: 13.5px; line-height: 1.6; color: var(--muted);
}
.tk-y {
  flex-shrink: 0; font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px; font-weight: 700; color: var(--brand); font-variant-numeric: tabular-nums;
}
@media (max-width: 640px) { .tk-line { font-size: 13px; gap: 10px; } }

/* ── 降档承接条(2026-08-08)── 只在带集团来路参数时显示,逻辑见 site.vN.js。
   文案与视觉都守本站「轻描淡写」口径:不喊大数字,一行小字把人接住即可。 */
.hobar[hidden]{display:none}
.hobar{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;
  max-width:720px;margin:0 auto 18px;padding:11px 16px;
  background:rgba(var(--paper-rgb),.06);border:1px solid rgba(var(--paper-rgb),.16);border-radius:var(--r)}
.hobar-t{font-size:13px;font-weight:700;color:var(--paper)}
.hobar-d{font-size:12.5px;color:rgba(var(--paper-rgb),.7)}
.hobar-a{font-size:12.5px;font-weight:700;color:var(--amber);text-decoration:none;white-space:nowrap}
.hobar-a:hover{text-decoration:underline}
@media(max-width:640px){.hobar{flex-direction:column;gap:4px;text-align:center}}

/* ── 吸底体检条给右下挂件让位(2026-08-08 遮挡普查)──────────────────
   实测 1366 宽:#hookbar 是 max-width:860 居中的表单,右缘落在 x≈1113;
   而右下聊天挂件占 x1068–1344 —— 两者横向重叠 45px、纵向 40px,
   「Check free →」按钮被压住右半边(点击已在 kaira v21 修好不被截获,
   但视觉上仍压着,老板要求「一定不要出现遮挡」)。
   挂件已贴最右(right:22),再上移会飘到页面中间;所以由**宿主让位**:
   桌面端把 hookbar 整体左移出挂件宽度(276 + 22 边距 + 16 余量 ≈ 314)。
   ≤1200px 时挂件在窄屏会收成圆钮,不需要让位,故只在宽屏生效。 */
@media (min-width: 1201px) {
  /* ⚠️ #hookbar 自带内联 style="margin:0 auto" —— 内联优先级高于外部表,
     不加 !important 这条规则会被静默吃掉(实测:改完线上重叠仍是 45×40)。
     这类「规则写了但没生效」在页面上没有任何报错,只能靠实测坐标发现。 */
  #hookbar { margin-right: 314px !important; }
}

/* ── 第三方评分档案徽章带(Trustpilot / G2 / Clutch)──────────────────────────
   默认由 [hidden] 隐藏;review-profiles.vN.js 里填了 URL 才会亮。
   跟在「Read the reviews on Google」那行下面,只用中性色,不抢评价卡的重量。 */
.gr-tp{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
       gap:10px 16px;margin:10px auto 0;font-size:13px;opacity:.85}
.gr-tp[hidden]{display:none}
.gr-tp-l{opacity:.75}
.gr-tp-a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px}