/* Shared tokens for AI Enterprise Landing deck */
:root {
  --paper: #F7F3EA;
  --paper-deep: #E8E1D3;
  --ink: #1E1E1C;
  --graphite: #34312D;
  --navy: #1F3148;
  --bamboo: #5F7F70;
  --gold: #B89B5E;
  --terracotta: #A95E3F;
  --muted: #786F63;
  --hairline: rgba(30,30,28,.18);
  --shadow: rgba(31,49,72,.12);
  --serif: "Songti SC", "Noto Serif SC", "Source Han Serif SC", Georgia, serif;
  --sans: "PingFang SC", "Noto Sans SC", "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --mono: "SF Mono", "Menlo", "Consolas", monospace;
}
* { box-sizing: border-box; }
html, body {
  margin: 0;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  color: var(--ink);
  background: var(--paper);
}
body {
  font-family: var(--sans);
  position: relative;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}
body::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 22%, rgba(184,155,94,.12), transparent 28%),
    radial-gradient(circle at 83% 70%, rgba(95,127,112,.10), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.55), rgba(232,225,211,.22));
  opacity: .95;
}
body::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .28;
  background-image:
    linear-gradient(rgba(30,30,28,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(30,30,28,.02) 1px, transparent 1px);
  background-size: 48px 48px;
  mix-blend-mode: multiply;
}
.page {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 72px 96px;
}
.masthead {
  position: absolute;
  top: 48px;
  left: 96px;
  right: 96px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: var(--mono);
  font-size: 17px;
  letter-spacing: .11em;
  color: var(--muted);
  text-transform: uppercase;
}
.masthead::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 36px;
  height: 1px;
  background: linear-gradient(90deg, rgba(30,30,28,.34), rgba(184,155,94,.45), rgba(30,30,28,.08));
}
.footer {
  position: absolute;
  left: 96px;
  right: 96px;
  bottom: 46px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: var(--mono);
  color: rgba(52,49,45,.55);
  font-size: 16px;
  letter-spacing: .08em;
}
.kicker {
  display: flex;
  align-items: center;
  gap: 16px;
  font-family: var(--mono);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--bamboo);
  font-size: 18px;
  font-weight: 650;
}
.kicker::before {
  content: "";
  width: 54px;
  height: 2px;
  background: var(--bamboo);
}
.serif { font-family: var(--serif); }