/* Pop styles for the text pages (privacy, terms, support, 404). The home page uses landing.css. */
@font-face{font-family:"Bricolage Grotesque";src:url(/fonts/bricolage-grotesque-a756882d8a78.woff2) format("woff2");font-weight:200 800;font-stretch:75% 100%;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(/fonts/instrument-sans-8b74e9bc6e41.woff2) format("woff2");font-weight:400 700;font-stretch:75% 100%;font-display:swap}
@font-face{font-family:"DM Mono";src:url(/fonts/dm-mono-500-9964608a8493.woff2) format("woff2");font-weight:500;font-display:swap}
:root{--paper:#FFFFFF;--mist:#F3F0FB;--dot:#DDD7F0;--ink:#16121F;--ink-2:#4A4560;--pink:#FF4FA3;--sun:#FFD43B;--sky:#5CB8FF;
  --bd:2.5px solid var(--ink);--sh-sm:3px 3px 0 var(--ink);
  --f-display:"Bricolage Grotesque","Arial Narrow","Helvetica Neue",Arial,sans-serif;--f-body:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--f-mono:"DM Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --gutter:max(16px,calc((100vw - 1200px) / 2));color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--paper);scroll-behavior:smooth}
body{margin:0;background:radial-gradient(var(--dot) 1.3px,transparent 1.7px) 0 0/20px 20px,var(--paper);color:var(--ink);font-family:var(--f-body);font-size:16.5px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit}
:focus-visible{outline:3px solid var(--sky);outline-offset:3px;border-radius:8px}
.skip-link{position:absolute;z-index:100;left:16px;top:-80px;padding:12px 16px;border:var(--bd);border-radius:12px;background:var(--sun);font-weight:700;text-decoration:none}
.skip-link:focus{top:12px}
.brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-family:var(--f-display);font-weight:800;font-stretch:85%;font-size:21px;letter-spacing:-.02em;white-space:nowrap}
.mark{width:36px;height:32px;overflow:visible;flex:none}
.mark .scr{fill:var(--pink);stroke:var(--ink);stroke-width:2}
.mark .bar{fill:var(--paper);stroke:var(--ink);stroke-width:1.6}
.mark .coin circle{fill:var(--sun);stroke:var(--ink);stroke-width:2}
.mark .coin path{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;min-height:66px;padding:0 var(--gutter);border-bottom:var(--bd);background:var(--paper)}
.site-header nav{display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin-left:auto}
.site-header nav a{padding:9px 11px;border-radius:10px;font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap}
.site-header nav a:hover{background:var(--mist)}
.site-header .nav-signup{margin-left:6px;padding:10px 14px;border:var(--bd);border-radius:12px;background:var(--pink);box-shadow:var(--sh-sm);font-weight:700}
.site-header .nav-signup:hover{background:var(--pink);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}
@media(max-width:620px){.site-header nav a[href^="/#"]{display:none}}
@media(max-width:800px){.site-header{position:relative;flex-wrap:wrap;padding-block:12px;gap:10px}.site-header nav{width:100%;margin-left:0;justify-content:space-between;gap:3px}.site-header nav a{padding:8px;font-size:14px}}
@media(max-width:380px){.brand{font-size:19px}.mark{width:32px;height:28px}.site-header nav a{padding:9px 8px}}
.article{max-width:780px;margin:40px auto 90px;padding:34px 22px 44px;border:var(--bd);border-radius:24px;background:var(--paper);box-shadow:6px 6px 0 var(--ink)}
@media(min-width:840px){.article{margin:64px auto 120px;padding:52px 56px 60px}}
@media(max-width:840px){.article{margin-inline:16px}}
.article .eyebrow{display:inline-block;margin:0 0 20px;padding:7px 11px;border:var(--bd);border-radius:999px;background:var(--sun);box-shadow:var(--sh-sm);font:500 11.5px/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase}
.article h1{margin:0 0 22px;font-family:var(--f-display);font-weight:800;font-stretch:80%;font-size:clamp(2.6rem,9vw,4.4rem);line-height:.95;letter-spacing:-.025em;text-wrap:balance}
.article .lead{font-size:1.2rem;line-height:1.55;color:var(--ink)}
.article h2{margin:40px 0 10px;font-family:var(--f-display);font-weight:800;font-stretch:85%;font-size:1.7rem;line-height:1.05;letter-spacing:-.01em}
.article p{margin:0 0 16px;color:var(--ink-2)}
.article a{font-weight:600;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:var(--pink)}
.article a:hover{text-decoration-color:var(--ink)}
.button{display:inline-flex;align-items:center;gap:12px;min-height:54px;margin-top:10px;padding:0 20px;border:var(--bd);border-radius:16px;background:var(--pink);color:var(--ink);font-weight:700;text-decoration:none;box-shadow:5px 5px 0 var(--ink);transition:transform .12s,box-shadow .12s}
.article .button{text-decoration:none}
.button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}
footer{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;padding:44px var(--gutter) 40px;background:var(--ink);color:var(--paper)}
footer .mark .bar{fill:var(--paper)}
footer p{margin:0;font-size:14px;color:rgb(255 255 255 / .7)}
footer nav{display:flex;flex-wrap:wrap;gap:8px 18px}
@media(min-width:760px){footer nav{margin-left:auto}}
footer nav a{color:rgb(255 255 255 / .85);text-decoration:none}
footer nav a:hover{color:var(--paper);text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:2px;text-underline-offset:4px}
footer small{flex-basis:100%;padding-top:16px;border-top:1px solid rgb(255 255 255 / .18);font-size:12px;line-height:1.6;color:rgb(255 255 255 / .6)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important}}