/* ============================================================================
   R18 · 8-546 · 站点外框（页眉导航 + 页尾）—— 现网 landing 深色那套的画法（tokens.css + 首页 :root[data-theme=dark] 那组变量）。
   首页只加 .fz-links 与 <footer class="fz-foot">；/pricing /about 另用 .fz-top（静态页眉，带底色）。
   链接清单＝8-546 方案 §2A（页眉 4 + Sign in；页尾 Quick links / Legal / Connect），链接文字＝目标页 <title> 前半段。
   ========================================================================== */
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:400 700;font-display:swap;src:url("fonts/SpaceGrotesk-var.woff2") format("woff2")}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url("fonts/InstrumentSans-var.woff2") format("woff2")}

.fz{--fz-sky:var(--sky,#070c10);--fz-ink:var(--ink,#eaf0f3);--fz-ink2:var(--ink-2,#96a2aa);--fz-ink3:var(--ink-3,#616d75);
  --fz-line:var(--hud-line,rgba(234,240,243,.15));--fz-bar:var(--bar-bg,rgba(9,15,20,.62))}

/* ── 页眉链接（首页插在 .status 与 .navr 之间；子页在 .fz-top 里）──────────── */
.fz-links{display:flex;align-items:center;gap:2px;margin-left:auto}
.fz-links a{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--fz-ink2,#96a2aa);text-decoration:none;
  padding:var(--sp-2) var(--sp-3);min-height:30px;display:inline-flex;align-items:center;border-radius:var(--r-2xs);
  transition:color var(--dur-fast,.15s) var(--ease-standard,ease)}
.fz-links a:hover{color:var(--fz-ink,#eaf0f3)}
.fz-links a[aria-current="page"]{color:var(--fz-ink,#eaf0f3);box-shadow:inset 0 -1px 0 var(--brand)}
.fz-links a:focus-visible,.fz-menu:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.fz-menu{display:none;border:1px solid var(--fz-line);background:var(--fz-bar);color:var(--fz-ink,#eaf0f3);font-family:var(--font-mono);font-size:10px;
  letter-spacing:.16em;text-transform:uppercase;min-height:30px;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-2xs);cursor:pointer}
.fz-sheet{position:fixed;z-index:40;left:12px;right:12px;top:64px;background:#0b1217;border:1px solid var(--fz-line);border-radius:var(--r-sm,6px);
  box-shadow:0 18px 40px rgba(0,0,0,.45);padding:var(--sp-2) 0;display:flex;flex-direction:column}
.fz-sheet[hidden]{display:none}
.fz-sheet a{font-family:var(--font-body);font-size:17px;color:var(--fz-ink,#eaf0f3);text-decoration:none;padding:15px 20px;border-bottom:1px solid var(--fz-line)}
.fz-sheet a:last-child{border-bottom:0}
/* 首页那行 SAMPLE SITE 几何说明：导航进来后，1500 以下只留「SAMPLE SITE」资格声明（.wide 本来就会在窄屏藏） */
@media (max-width:1500px){header .status .wide{display:none}}
@media (max-width:860px){.fz-links{display:none}.fz-menu{display:inline-flex;align-items:center;margin-left:auto}}

/* ── 子页静态页眉 ──────────────────────────────────────────────────────── */
.fz-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4) clamp(20px,4vw,46px);
  background:rgba(7,12,16,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--fz-line)}
.fz-brand{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:-.4px;color:var(--fz-ink,#eaf0f3);text-decoration:none}
.fz-brand i{color:var(--brand);font-style:normal}
.fz-brand .dot{width:5px;height:5px;border-radius:50%;background:var(--brand);box-shadow:0 0 8px 1px rgba(14,168,130,.8)}
.fz-signin{border:1px solid var(--fz-line);background:var(--fz-bar);color:var(--fz-ink,#eaf0f3);font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;
  text-transform:uppercase;padding:var(--sp-2) var(--sp-3);min-height:30px;border-radius:var(--r-2xs);text-decoration:none;display:inline-flex;align-items:center}
.fz-signin:hover{border-color:var(--brand);color:var(--brand)}
@media (max-width:860px){.fz-top .fz-signin{display:none}}

/* ── 页尾 ────────────────────────────────────────────────────────────── */
.fz-foot{position:relative;z-index:20;overflow:hidden;background:var(--fz-sky);color:var(--fz-ink2);border-top:1px solid var(--fz-line);
  padding:clamp(56px,7vw,88px) clamp(20px,4vw,46px) var(--sp-8)}
.fz-foot a{color:var(--fz-ink2);text-decoration:none}
.fz-foot a:hover{color:var(--fz-ink)}
.fz-foot a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
/* 背景底纹：一根真地块边界（首页那块样例地的 LINZ 轮廓），细线、品牌色低透明 —— 同 DS-8 页尾同一个念头，不拿品牌字当底纹 */
.fz-plot{position:absolute;right:-15%;top:-38%;width:min(50vw,620px);height:auto;pointer-events:none}
.fz-plot path{fill:none;stroke:var(--brand);stroke-width:.2;opacity:.35;stroke-linejoin:round}
.fz-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.4fr) minmax(0,.8fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);max-width:1280px;margin:0 auto}
.fz-foot .fz-brand{font-size:22px;margin-bottom:var(--sp-4);color:var(--fz-ink)}
.fz-say{margin:0 0 var(--sp-5);max-width:36ch;font-family:var(--font-body);font-size:14px;line-height:1.6;color:var(--fz-ink2)}
.fz-h{display:block;margin:4px 0 var(--sp-4);font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--brand)}
.fz-foot ul{list-style:none;margin:0;padding:0}
.fz-foot li{margin:0 0 11px;font-family:var(--font-body);font-size:14px;line-height:1.4}
.fz-two{columns:2;column-gap:var(--sp-6)}
.fz-two li{break-inside:avoid}
.fz-soc{display:flex;gap:var(--sp-2)}
/* 社媒：账号未注册 ⇒ 按钮占位、不可点（href="#" + aria-disabled + tabindex=-1 + 点击拦截，data-soon），不指向不存在的主页；有真链接的（Facebook）正常可点 */
.fz-ico{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--fz-line);border-radius:var(--r-2xs);
  color:var(--fz-ink3)}
.fz-ico[data-soon]{cursor:not-allowed}
.fz-ico:not([data-soon]):hover{border-color:var(--fz-ink2)}
.fz-ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.fz-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.fz-base{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--sp-3) var(--sp-8);max-width:1280px;margin:var(--sp-12) auto 0;
  padding-top:var(--sp-5);border-top:1px solid var(--fz-line);background:var(--fz-sky);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--fz-ink3)}
@media (max-width:980px){.fz-grid{grid-template-columns:1fr 1fr}.fz-grid>.fz-me{grid-column:1/-1}}
@media (max-width:560px){.fz-grid>.fz-q{grid-column:1/-1}}
@media (prefers-reduced-motion:reduce){.fz-links a{transition:none}}