/* Copied from biplus-design skill tokens.css (v3.6). Only font paths changed. Re-copy, don't hand-edit. */
/* BiPlus Design System — generated from tokens.json */
:root, [data-theme="light"] {
  --y: #efc427;
  --y-deep: #c9a41a;
  --y-pale: #fff7cc;
  --y-pale-tint: #fffceb;
  --cream: #fef8f0;
  --y-soft: #ffe799;
  --ink: #0a0a0a;
  --dark: #2a2a2a;
  --gray-mid: #4a4a4a;
  --gray: #6b7280;
  --line: #9ca3af;
  --line-soft: #e5e7eb;
  --bg-card: #e5e7eb;
  --subtle: #f9fafb;
  --surface: #ffffff;
  --text-light: #f9fafb;
  --ok: #16a34a;
  --bad: #de350b;
  --brand-red: var(--bad);
  --warn: #d97706;
  --ok-soft: rgba(22,163,74,0.08);
  --warn-soft: rgba(239,196,39,0.18);
  --bad-soft: rgba(222,53,11,0.10);
  --fg-1: var(--ink);
  --fg-2: var(--gray);
  --fg-3: var(--line);
  --fg-on-dark: var(--text-light);
  --bg-page: var(--surface);
  --bg-card-cream: var(--y-pale);
  --bg-page-neutral: var(--bg-card);
  --bg-card-default: var(--surface);
  --border-soft: var(--line-soft);
  --border-strong: var(--line);
  --accent: var(--y);
  --accent-deep: var(--y-deep);
  --deck-ink: #252929;
  --deck-ink-2: #262626;
  --deck-chip-dark: #363739;
  --deck-gold: #edc327;
  --deck-gold-cover: #efc427;
  --deck-gold-bright: #ffc617;
  --deck-gold-deep: #cca412;
  --deck-cream: #fff2cc;
  --deck-cream-strong: #ffe59a;
  --deck-panel: #dddddd;
  --deck-panel-soft: #f9f9f9;
  --deck-panel-softer: #f8f8f8;
  --deck-rule: #d7d7d7;
  --deck-rule-soft: #cbcbcb;
  --deck-gray-mid: #4a4a4a;
  --deck-gray: #666666;
  --deck-gray-light: #9e9e9e;
  --deck-panel-light: #e9e9e9;
  --deck-ink-olive: #3d3929;
  --deck-surface: #ffffff;
  --deck-new: #94c749;
  --deck-new-soft: #d9ead3;
  --deck-alert: #fa9702;
  --shadow-body: 0 4px 14px rgba(0,0,0,0.05);
  --shadow-hero: 0 12px 40px rgba(0,0,0,0.06);
  --shadow-glow-y: 0 8px 22px rgba(180,140,0,0.30);
}
:root {
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 60px;
  --sp-9: 80px;
  --sp-10: 100px;
  --deck-margin: 96px;
  --deck-gutter: 52px;
  --r-chip: 4px;
  --r-card: 12px;
  --r-outer: 16px;
  --r-hero: 28px;
  --r-pill: 999px;
  --deck-r-chip: 4px;
  --deck-r-badge: 6px;
  --deck-r-card: 16px;
  --deck-r-panel: 16px;
  --deck-w: 1920px;
  --deck-h: 1080px;
  --deck-badge: 48px;
  --deck-footer-y: 940px;
  --deck-icon: 52px;
  --deck-icon-sm: 34px;
  --deck-icon-inline: 32px;
  --deck-portrait: 150px;
  --font-body: 'Manrope', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-heading: 'UTM Avo', 'Manrope', sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', ui-monospace, monospace;
  --font-deck-display: 'Poppins', 'Manrope', system-ui, sans-serif;
  --font-deck-body: 'Manrope', 'Poppins', system-ui, sans-serif;
}
.hero-title { font-family: var(--font-heading); font-size: 64px; line-height: 1.04; font-weight: 800; letter-spacing: -1.5px; }
.h1 { font-family: var(--font-heading); font-size: 44px; line-height: 1.12; font-weight: 800; letter-spacing: -0.8px; }
.h2 { font-family: var(--font-heading); font-size: 28px; line-height: 1.25; font-weight: 700; letter-spacing: -0.3px; }
.h3 { font-family: var(--font-body); font-size: 18px; line-height: 1.3; font-weight: 700; letter-spacing: 0.4px; }
.h4 { font-family: var(--font-body); font-size: 16px; line-height: 1.4; font-weight: 700; }
.body { font-family: var(--font-body); font-size: 16px; line-height: 1.55; font-weight: 500; }
.lead { font-family: var(--font-body); font-size: 18px; line-height: 1.5; font-weight: 600; }
.eyebrow { font-family: var(--font-body); font-size: 13px; line-height: 1; font-weight: 800; letter-spacing: 2.5px; }
.micro { font-family: var(--font-body); font-size: 11px; font-weight: 800; letter-spacing: 1.5px; }
.caption { font-family: var(--font-body); font-size: 12px; line-height: 1.4; font-weight: 500; }
.code { font-family: var(--font-mono); font-size: 12px; font-weight: 500; }
.deck-mega { font-family: var(--font-deck-display); font-size: 200px; }
.deck-display { font-family: var(--font-deck-display); font-size: 120px; }
.deck-hero { font-family: var(--font-deck-display); font-size: 90px; font-weight: 800; }
.deck-stat { font-family: var(--font-deck-display); font-size: 80px; font-weight: 800; }
.deck-h2 { font-family: var(--font-deck-display); font-size: 76px; }
.deck-cover { font-family: var(--font-deck-display); font-size: 66px; }
.deck-section { font-family: var(--font-deck-display); font-size: 60px; }
.deck-title { font-family: var(--font-deck-display); font-size: 44px; font-weight: 700; letter-spacing: -0.6px; }
.deck-sub { font-family: var(--font-deck-display); font-size: 40px; }
.deck-lead { font-family: var(--font-deck-body); font-size: 26px; font-weight: 600; }
.deck-label { font-family: var(--font-deck-body); font-size: 24px; font-weight: 700; }
.deck-body { font-family: var(--font-deck-body); font-size: 22px; }
.deck-body-sm { font-family: var(--font-deck-body); font-size: 20px; line-height: 1.5; font-weight: 500; }
.deck-eyebrow { font-family: var(--font-deck-display); font-size: 18px; font-weight: 700; letter-spacing: 3px; }
.deck-micro { font-family: var(--font-deck-body); font-size: 16px; }
@font-face { font-family: 'UTM Avo'; src: url('../fonts/utm-avo.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'UTM Avo'; src: url('../fonts/utm-avo-bold.ttf') format('truetype'); font-weight: 700 800; font-style: normal; font-display: swap; }