/* Poof's pages: the night sky the app lives in. System rounded type, no web fonts. */
:root{color-scheme:dark;--top:#2b1257;--bottom:#0b0616;--ink:#f8f5ff;--muted:#cfc6e6;--faint:#9d92bb;--glow:#ec5cd6;--deep:#8a3fe0;--spark:#6ed6ff;--card:#ffffff0f;--line:#ffffff1f}
*{box-sizing:border-box}
html{background:var(--bottom)}
body{margin:0;min-height:100vh;color:var(--ink);font:18px/1.7 ui-rounded,-apple-system,"SF Pro Rounded",system-ui,sans-serif;-webkit-text-size-adjust:100%;
  background:radial-gradient(1100px 700px at 70% -10%,#8a3fe055,transparent 70%),radial-gradient(900px 600px at 0% 0%,#6ed6ff22,transparent 70%),linear-gradient(var(--top),var(--bottom) 900px)}
a{color:var(--spark);text-underline-offset:4px}
a:focus-visible,button:focus-visible{outline:3px solid var(--spark);outline-offset:4px;border-radius:6px}
.wrap{width:min(100% - 48px,1080px);margin:auto}
.brand-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0}
.brand{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none;font-weight:800;font-size:22px;line-height:1.2}
.brand img{border-radius:12px;box-shadow:0 6px 24px #ec5cd644}
.brand small{display:block;font-size:12px;font-weight:500;color:var(--faint)}
.languages{display:flex;gap:16px;font-size:14px;flex-wrap:wrap}
.languages a{min-height:44px;display:flex;align-items:center;color:var(--muted)}
a[aria-current=page]{font-weight:800;color:var(--ink)}
/* Legal */
.legal main,.legal footer{width:min(100% - 48px,780px);margin:auto}
.intro{padding:36px 0 24px}
.eyebrow{display:inline-block;margin:0 0 16px;padding:5px 14px;border-radius:999px;background:#ec5cd62e;color:#ffd6f6;font-size:14px;font-weight:800}
h1{font-size:clamp(34px,6vw,54px);line-height:1.1;letter-spacing:-.5px;margin:0 0 16px;font-weight:800}
.date{font-size:14px;color:var(--faint);margin:0 0 24px}
.lede{font-size:20px;line-height:1.65;margin:0;color:var(--muted)}
article{border-top:2px solid #ec5cd666;padding-top:8px}
section{padding:22px 0 6px}
h2{font-size:23px;line-height:1.35;margin:0 0 10px;font-weight:800}
p{margin:0 0 16px}
article p{color:var(--muted)}
.contact{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:26px;margin:36px 0}
.contact h2{margin-bottom:6px}
.references{font-size:15px;margin-top:26px}
footer{border-top:1px solid var(--line);padding:26px 0 40px;font-size:14px;color:var(--faint)}
footer nav{display:flex;gap:20px;flex-wrap:wrap;margin:10px 0 18px}
footer a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted)}
/* The app page */
.hero{display:grid;grid-template-columns:1fr;gap:28px;padding:40px 0 20px;text-align:center}
.hero .icon{width:128px;height:128px;margin:auto;border-radius:28px;box-shadow:0 18px 60px #ec5cd655}
.hero h1{font-size:clamp(44px,8vw,76px);margin:6px 0 0}
.headline{font-size:clamp(22px,3vw,30px);font-weight:700;margin:0;color:var(--ink)}
.hero .lede{max-width:680px;margin:auto}
.actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:6px}
.button{display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 28px;border-radius:999px;font-weight:800;text-decoration:none;color:var(--ink);background:linear-gradient(135deg,var(--glow),var(--deep));box-shadow:0 10px 36px #ec5cd666}
.button.quiet{background:var(--card);border:1px solid var(--line);box-shadow:none}
.shot{margin:34px auto 0;max-width:1080px}
.shot img{width:100%;height:auto;border-radius:18px;box-shadow:0 30px 90px #000a,0 0 0 1px #ffffff14}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;padding:56px 0 20px}
.feature{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:24px}
.feature h2{font-size:20px;margin:6px 0 8px}
.feature p{margin:0;color:var(--muted);font-size:16px}
.feature .glyph{font-size:26px;color:var(--glow)}
.support{padding:40px 0 10px}
.support .contact{margin-top:18px}
.fine{font-size:14px;color:var(--faint)}
@media(max-width:560px){body{font-size:17px}.lede{font-size:18px}.contact{padding:20px}.hero .icon{width:104px;height:104px}}