:root {
  --lp-width: 375px;
  --cream: #fff6df;
  --green: #05a934;
  --green-dark: #017d25;
  --yellow: #ffe866;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(circle at top, rgba(255, 241, 196, 0.9), transparent 360px),
    linear-gradient(180deg, #fff9eb 0%, #f3dfb7 100%);
  color: #3a2113;
  font-family:
    "Hiragino Sans",
    "Yu Gothic",
    "Meiryo",
    system-ui,
    sans-serif;
}

.lp-shell {
  width: min(100%, var(--lp-width));
  margin: 0 auto;
  background: var(--cream);
  box-shadow: 0 0 36px rgba(104, 68, 28, 0.18);
}

.lp-section {
  margin: 0;
  padding: 0;
  line-height: 0;
}

.lp-section img {
  display: block;
  width: 100%;
  height: auto;
}

@media (min-width: 760px) {
  body {
    padding: 32px 0;
  }

  .lp-shell {
    border-radius: 24px;
    overflow: hidden;
  }
}