:root {
  color-scheme: light;
  --display-font: Georgia, "Times New Roman", serif;
  --page: #fffaf8;
  --panel: #fffefd;
  --panel-raised: #ffffff;
  --text: #35232d;
  --muted: #765f6b;
  --accent: #a84968;
  --accent-text: #a84968;
  --accent-ink: #ffffff;
  --accent-border: #a8496878;
  --accent-halo: #a8496813;
  --success: #6b9e7c;
  --line: #68415514;
  --line-strong: #6841552b;
  --soft: #7f496808;
  --soft-strong: #a8496810;
  --header-bg: #fffaf8e3;
  --section-bg: #fbf1f3;
  --ribbon-bg: #4d293b;
  --ribbon-text: #fff9f6;
  --avatar-bg: #f4dfe5;
  --hero-glow: radial-gradient(circle at 84% 12%, #e3aec05c 0, transparent 31%), radial-gradient(circle at 8% 28%, #f0d8c45c 0, transparent 27%);
  --preview-back: linear-gradient(145deg, #e9c8d2, #dca4b7);
  --profile-featured: linear-gradient(155deg, #fff, #faeaef 80%);
  --launch-bg: linear-gradient(135deg, #fff, #f7e5ea 72%);
  --accent-shadow: 0 12px 32px #a8496826;
  --panel-shadow: 0 32px 90px #6e3b5320;
  --bubble-shadow: 0 20px 55px #6e3b5328;
  --card-shadow: 0 18px 45px #6e3b5314;
  --featured-shadow: 0 28px 65px #6e3b5320;
  --preview-rotation: -1.25deg;
  background: var(--page);
  color: var(--text);
}

body {
  background:
    radial-gradient(circle at 12px 12px, #a8496807 1px, transparent 1.5px) 0 0 / 24px 24px,
    var(--page);
}

.brand-mark { border-radius: 50% 50% 50% 10px; }
.brand-name { font-style: italic; }
.beauty-word { color: var(--accent-text); }
.hero h1 { font-weight: 500; }
.hero h1 span { display: block; font-style: italic; font-weight: 400; }
.hero-people { object-position: 62% center; border-radius: 70px 22px 70px 22px; }
.product-preview { border-radius: 34px 34px 90px 34px; }
.feature-card { border-radius: 30px 12px 30px 12px; }
.feature-card:nth-child(2n) { background: linear-gradient(145deg, #fff, #fbf0f3); }
.feature-icon { border-radius: 50% 50% 50% 10px; }
.gain-card { border-radius: 32px 12px 32px 12px; }
.profile-card { border-radius: 34px 14px 34px 14px; }
.launch-card { border-radius: 50px 18px 50px 18px; }

@media (max-width: 760px) {
  body { background: var(--page); }
  .product-preview { border-radius: 24px 24px 54px 24px; }
}