/* Canonical document foundation. Page CSS must only style its own content. */
:root{
  --cream:#fffaf1;
  --warm:#f7efe2;
  --terracotta:#e65324;
  --terracotta-dark:#c9441b;
  --teal:#083f4c;
  --teal-2:#0b6573;
  --blue:#217c98;
  --yellow:#f6c85f;
  --ink:#12333c;
  --muted:#5c7178;
  --white:#fff;
  --green:#21a67a;
  --red:#d94635;
  --shadow:0 24px 60px rgba(8,63,76,.16);
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--warm);
  color:var(--ink);
  font-family:Inter,system-ui,sans-serif;
}
body > .site{
  max-width:1280px;
  margin:24px auto;
  background:var(--cream);
  border-radius:18px;
  box-shadow:var(--shadow);
  overflow:hidden;
}
.lp-page-content{display:contents;}

@media(max-width:900px){
  body > .site{margin:0;border-radius:0;}
}