/* Heymake base · fonts, body, links, focus */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800&family=Figtree:ital,wght@0,400;0,500;0,600;1,400&family=IBM+Plex+Mono:wght@400;500&display=swap');
html { color-scheme: light; }
body { margin: 0; background: var(--hm-white); color: var(--hm-ink); font-family: var(--hm-font-body); font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
* { box-sizing: border-box; }
a { color: var(--hm-action); font-weight: 600; text-decoration: none; }
a:hover { color: var(--hm-action-hover); text-decoration: underline; }
:focus-visible { outline: 3px solid var(--hm-focus); outline-offset: 2px; border-radius: var(--hm-radius-sm); }
h1, h2, h3, h4 { font-family: var(--hm-font-display); margin: 0; text-wrap: balance; line-height: 1.1; letter-spacing: -0.02em; }
.wordmark { display: inline-flex; align-items: baseline; font-family: var(--hm-font-display); font-weight: 800; letter-spacing: -0.045em; line-height: 1; color: var(--hm-ink); }
.wordmark .word { color: var(--hm-action); }
.wordmark.on-ink { color: var(--hm-white); } .wordmark.on-ink .word { color: #8A6EF9; }
.love { position: relative; display: inline-block; padding-top: 0.12em; font-family: var(--hm-font-display); font-weight: 800; letter-spacing: -0.045em; line-height: 1; color: var(--hm-ink); }
.love .top { position: absolute; left: -0.03em; bottom: 0.68em; display: flex; align-items: flex-end; }
.love .top .sp { display: inline-block; height: 0; overflow: hidden; line-height: 0; visibility: hidden; }
.love .top .il { display: inline-flex; align-items: center; font-size: 0.3em; letter-spacing: -0.02em; margin-left: calc(0.12em - 10px); }
.love .top svg { width: 0.95em; height: 0.95em; margin-left: 0.08em; }
.love .word { color: var(--hm-action); }
.tagline { margin: 0; font-family: var(--hm-font-display); font-weight: 700; font-size: 1.75rem; letter-spacing: -0.02em; line-height: 1.2; color: var(--hm-ink); }
.on-purple .tagline, .tagline.on-purple { color: var(--hm-white); }