/* lifolo.com/about, /for-business, /app: plain pages, the whole text in the first HTML (search engines, link previews,
   very old browsers). The text needs no script (the one deferred hook /w/m.js counts, and fills the app page's version
   line). Fonts are the web app's (CSP font-src 'self'). */
@font-face { font-family: 'Noto Sans Bengali'; font-style: normal; font-weight: 400; font-display: swap; src: url(/w/fonts/noto-sans-bengali-400.woff2) format('woff2'); unicode-range: U+0951-0952, U+0964-0965, U+0980-09FE, U+1CD0, U+1CD2, U+1CD5-1CD6, U+1CD8, U+1CE1, U+1CEA, U+1CED, U+1CF2, U+1CF5-1CF7, U+200C-200D, U+20B9, U+25CC, U+A8F1; }
@font-face { font-family: 'Noto Sans Bengali'; font-style: normal; font-weight: 700; font-display: swap; src: url(/w/fonts/noto-sans-bengali-700.woff2) format('woff2'); unicode-range: U+0951-0952, U+0964-0965, U+0980-09FE, U+1CD0, U+1CD2, U+1CD5-1CD6, U+1CD8, U+1CE1, U+1CEA, U+1CED, U+1CF2, U+1CF5-1CF7, U+200C-200D, U+20B9, U+25CC, U+A8F1; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(/w/fonts/inter-latin-400.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-200B, U+200E-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(/w/fonts/inter-latin-700.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-200B, U+200E-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
:root { color-scheme: light dark; --bg: #f7fafa; --fg: #161d1e; --muted: #3f4949; --line: #c4cccc; --card: #ebf0f0; --brand: #1f6f78; --on-brand: #fff; }
@media (prefers-color-scheme: dark) { :root { --bg: #0f1415; --fg: #dee4e4; --muted: #bec8c9; --line: #3a4545; --card: #1b2122; --brand: #8ad3db; --on-brand: #0f1415; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--fg); font: 16px/1.65 Inter, 'Noto Sans Bengali', 'Nirmala UI', 'Noto Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; }
header, main, footer { max-width: 760px; margin: 0 auto; padding: 0 16px; }
header { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; justify-content: space-between; padding-top: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
header a.brand { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; font-weight: 700; font-size: 20px; color: var(--brand); text-decoration: none; }
header a.brand img { width: 32px; height: 32px; }
header nav { display: flex; flex-wrap: wrap; gap: 0 4px; font-size: 15px; }
header nav a { display: inline-flex; align-items: center; min-height: 48px; padding: 0 8px; }
header nav a[aria-current='page'] { font-weight: 700; text-decoration: none; }
a { color: var(--brand); }
h1 { font-size: 26px; line-height: 1.35; margin: 28px 0 8px; }
h2 { font-size: 19px; line-height: 1.4; margin: 28px 0 6px; }
p, li { overflow-wrap: anywhere; }
ul, ol { padding-left: 22px; }
h3 { font-size: 17px; line-height: 1.4; margin: 22px 0 4px; }
.note { color: var(--muted); font-size: 14px; margin-top: 0; }
li { margin: 4px 0; }
.lead { font-size: 18px; color: var(--muted); }
.en { margin-top: 40px; padding-top: 8px; border-top: 1px solid var(--line); }
.actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 20px 0 8px; }
a.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 22px; border-radius: 999px; font-weight: 700; text-decoration: none; }
a.btn.primary { background: var(--brand); color: var(--on-brand); }
a.btn.secondary { border: 1px solid var(--muted); color: var(--fg); }
.card { background: var(--card); border-radius: 16px; padding: 4px 18px; margin: 16px 0; }
footer { color: var(--muted); font-size: 14px; padding-top: 24px; padding-bottom: 32px; }
footer a { display: inline-block; min-height: 32px; }