/* site-fresh.css: the public pages (About, Contact, Terms, Privacy, Refund,
   Cookies, Delete account) in the "Fresh" look of the landing (Ren 2026-11-11).
   Built PC first; since 2026-11-11 phones use it too. PC-only layout rules sit
   in the min-width:900px block. */
body{--bg:#FFFFFF;--soft:#F4F6F4}
body.dark-mode{--bg:#0C1410;--soft:#223027}

/* headings in the landing's display font */
.h1,.h2,.short h2,.talk h2,.story b{font-family:'Plus Jakarta Sans',Inter,system-ui,sans-serif}
.h1{line-height:1.1;letter-spacing:-.03em}
.h2{letter-spacing:-.03em}
.pill{background:#E3F1E5;color:#16602A}
body.dark-mode .pill{background:#173322;color:#4ADE80}

/* cards: the landing's rounder, calmer cards */
.card{border-radius:22px;border:1.5px solid var(--line2)}
.card h3{font:800 17px 'Plus Jakarta Sans',Inter,sans-serif;letter-spacing:-.02em}
.ibox{border-radius:15px}
.doc,.short,.story{border-radius:22px}
.story{background:#0E2B18}
.btn{border-radius:16px}

@media(min-width:900px){
  /* top bar and footer line up with the landing page (1220px content width) */
  .top{padding-left:max(32px,calc((100vw - 1220px) / 2 + 32px));padding-right:max(32px,calc((100vw - 1220px) / 2 + 32px));
    background:color-mix(in srgb,var(--bg) 92%,transparent)}
  footer{max-width:1220px;padding-left:32px;padding-right:32px;margin-top:56px;border-top:1px solid var(--line2)}
  footer .f-tag{display:none}
  footer .f-cols{margin-left:auto}
  .h1{font-size:52px;line-height:1.08}
  .h2{font-size:28px;margin-top:44px}
  .page{max-width:860px;padding-top:56px}
  .lead{font-size:18px;max-width:38em}
  .card{border-radius:24px;padding:22px;gap:16px}
  .card h3{font-size:18px}
  .card p{font-size:15px}
  .ibox{width:50px;height:50px;border-radius:16px}
  .ibox .ico{width:22px;height:22px}
  .cards{gap:16px}
  .doc,.short,.story{border-radius:24px}
  .short{padding:22px 24px}
  .story{padding:26px 28px}
}