/* KERONG design tokens, reset and base typography. */
:root{
  --color-accent:#b10b0a;
  --color-accent-hover:#8d0908;
  --color-text:#15171a;
  --color-text-muted:#6e737a;
  --color-surface:#fff;
  --color-surface-soft:#f6f7f8;
  --color-border:#e3e5e8;
  --color-dark:#101215;
  --color-focus:#b10b0a;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-6:24px;
  --space-8:32px;
  --space-12:48px;
  --space-16:64px;
  --radius-sm:7px;
  --radius-md:10px;
  --radius-lg:14px;
  --shadow-sm:0 8px 24px rgba(17,20,24,.06);
  --shadow-md:0 18px 42px rgba(17,20,24,.12);
  --container-width:1380px;
  --container-padding:28px;
  --breakpoint-sm:360px;
  --breakpoint-md:768px;
  --breakpoint-lg:1024px;
  --breakpoint-xl:1280px;
  --red:var(--color-accent);
  --red-dark:var(--color-accent-hover);
  --ink:var(--color-text);
  --muted:var(--color-text-muted);
  --soft:var(--color-surface-soft);
  --line:var(--color-border);
  --dark:var(--color-dark);
  --white:var(--color-surface);
  --max:var(--container-width);
  --radius:var(--radius-lg)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;max-width:100%;overflow-x:hidden;overflow-x:clip}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
.container{width:100%;max-width:var(--max);margin:auto;padding:0 28px}
.section{padding:72px 0}
.soft{background:var(--soft)}