/* Merge Bloom: a botanical journal. Cream paper, serif headings, leaves and arched frames. */
.app-mergebloom {
  --bg: #F5F3EA; --bg2: #ECE8D9; --surface: #FFFDF7; --line: #E3DFCF;
  --text: #26322A; --muted: #6E7A70; --accent: #3A7F48; --accent-ink: #FFFFFF; --accent2: #F27B9B;
  --font-head: "Fraunces", Georgia, serif; --font-body: "Nunito", system-ui, sans-serif;
  --radius: 22px; --shadow: 0 18px 40px rgba(58, 74, 50, .16);
}
.app-mergebloom .hero { background: radial-gradient(70% 60% at 80% 30%, #FBE3E8 0, transparent 60%), radial-gradient(60% 60% at 10% 90%, #E3ECD3 0, transparent 60%); }
.app-mergebloom .hero h1 { font-weight: 700; font-style: italic; }
.app-mergebloom .tagline { color: #D9577C; font-style: italic; }
.app-mergebloom .section-title { text-align: center; }
.app-mergebloom .section-title::after { content: ""; display: block; width: 120px; height: 2px; margin: 16px auto 0;
  background: radial-gradient(circle, #4E9F5D 1.5px, transparent 2px) 0 0 / 10px 2px repeat-x; }
.app-mergebloom .feature { text-align: center; }
.app-mergebloom .feature-icon { margin: 0 auto; border-radius: 50% 50% 50% 8px; background: #E3ECD3; color: #3A7F48; }
.app-mergebloom .feature:nth-child(even) .feature-icon { background: #FBE3E8; color: #C94F72; }
.app-mergebloom .store-btn, .app-mergebloom .home-pill { background: #4E9F5D; border-radius: 999px; }
.app-mergebloom .store-btn.soon { background: transparent; }
/* Arched, greenhouse-window phone frames. */
.app-mergebloom .phone { border-radius: 160px 160px 34px 34px; padding: 10px; background: #26322A; }
.app-mergebloom .phone img { border-radius: 150px 150px 26px 26px; }
.app-mergebloom .shots { justify-content: center; }
.app-mergebloom .leaf { position: absolute; color: rgba(78, 159, 93, .16); }
.app-mergebloom .leaf svg { width: 100%; height: 100%; }
.app-mergebloom .l1 { width: 220px; left: -60px; top: -40px; transform: rotate(10deg); }
.app-mergebloom .l2 { width: 140px; right: 2%; bottom: -30px; transform: rotate(200deg); color: rgba(242, 123, 155, .16); }
.app-mergebloom .l3 { width: 90px; left: 40%; bottom: 6%; transform: rotate(-30deg); }
.app-mergebloom .l4 { width: 70px; right: 30%; top: 6%; transform: rotate(80deg); color: rgba(245, 184, 61, .2); }