html { background: var(--color-background); }
body {
  min-width: 320px;
  color: var(--color-text);
  background: var(--color-background);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
body.is-locked { overflow: hidden; }
::selection { background: var(--color-accent); color: white; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 3px; }
.skip-link {
  position: fixed;
  z-index: 1000;
  left: 16px;
  top: 12px;
  transform: translateY(-160%);
  padding: 10px 14px;
  border-radius: 8px;
  background: var(--color-text);
  color: white;
}
.skip-link:focus { transform: translateY(0); }
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  color: var(--color-accent-soft);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.eyebrow::before { content: ""; width: 22px; height: 1px; background: currentColor; }
h1, h2, h3 { font-weight: 520; letter-spacing: -.035em; line-height: 1.04; }
h1 { font-size: clamp(46px, 6vw, 86px); }
h2 { font-size: clamp(34px, 4vw, 58px); }
h3 { font-size: clamp(22px, 2vw, 30px); }
p { color: var(--color-muted); }
small { color: var(--color-muted); }

html,body,.app-shell{background:#fff!important}