/* Klify Website: dihasilkan dari tokens.json. Ubah nilai di tokens.json, lalu hasilkan ulang berkas ini. */
@font-face{font-family:'Manrope';src:url('fonts/Manrope.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('fonts/Inter.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{
  --deep-ink: #0D1117;
  --ink-hover: #1F2937;
  --cloud: #F8FAFC;
  --white: #FFFFFF;
  --signal-teal: #14B8A6;
  --teal-hover: #2DD4BF;
  --teal-deep: #0F766E;
  --teal-tint: #E6F7F5;
  --teal-line: #99E0D7;
  --teal-ink: #0B5F58;
  --chat-ground: #E9EEF3;
  --bubble: #D3F3EE;
  --body: #475569;
  --muted: #94A3B8;
  --placeholder: #5A6A7F;
  --on-ink-muted: #CBD5E1;
  --line: #E2E8F0;
  --edge: #CBD5E1;
  --control-border: #64748B;
  --pill: #F1F3F6;
  --pill-strong: #E5E8ED;
  --window: #EDEFF2;
  --positive: #16A34A;
  --warning: #F59E0B;
  --critical: #EF4444;
  --info: #3B82F6;
  --positive-tint: #DCFCE7;
  --warning-tint: #FEF3C7;
  --critical-tint: #FEE2E2;
  --info-tint: #DBEAFE;
  --critical-ink: #B91C1C;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;

  --radius-field: 16px;
  --radius-card: 24px;
  --radius-window: 32px;
  --radius-pill: 999px;

  --shadow-card: 0 1px 2px rgba(13,17,23,.05), 0 12px 28px -14px rgba(13,17,23,.18);
  --shadow-now: 0 0 0 4px rgba(20,184,166,.22);

  --font-heading: "Manrope", "Inter", system-ui, sans-serif;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, Menlo, Consolas, monospace;
}
.t-hero{font-family:var(--font-heading);font-size:60px;line-height:64px;font-weight:800;letter-spacing:-0.02em;}
.t-section{font-family:var(--font-heading);font-size:40px;line-height:46px;font-weight:800;letter-spacing:-0.02em;}
.t-page-title{font-family:var(--font-heading);font-size:34px;line-height:42px;font-weight:800;letter-spacing:-0.015em;}
.t-card-title{font-family:var(--font-heading);font-size:20px;line-height:28px;font-weight:800;letter-spacing:-0.01em;}
.t-card-title-sm{font-family:var(--font-heading);font-size:17px;line-height:24px;font-weight:800;letter-spacing:-0.01em;}
.t-metric{font-family:var(--font-heading);font-size:48px;line-height:48px;font-weight:800;letter-spacing:-0.025em;}
.t-body-lg{font-family:var(--font-sans);font-size:18px;line-height:28px;font-weight:400;}
.t-lead{font-family:var(--font-sans);font-size:16px;line-height:24px;font-weight:400;}
.t-body{font-family:var(--font-sans);font-size:15px;line-height:22px;font-weight:400;}
.t-label{font-family:var(--font-sans);font-size:14px;line-height:20px;font-weight:600;}
.t-caption{font-family:var(--font-sans);font-size:13px;line-height:19px;font-weight:400;}
.t-eyebrow{font-family:var(--font-sans);font-size:13px;line-height:18px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;}
.t-mono{font-family:var(--font-mono);font-size:12px;line-height:18px;font-weight:500;}