@font-face{font-family:Golos;src:url(/fonts/GolosText_400Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Golos;src:url(/fonts/GolosText_600SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:Golos;src:url(/fonts/GolosText_700Bold.ttf) format("truetype");font-weight:700;font-display:swap}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.55 Golos,system-ui,sans-serif;overflow-wrap:anywhere}
body>header,body>main,body>footer{max-width:720px;margin:0 auto;padding:0 16px}
body>header{padding-top:24px}
.wordmark{display:inline-block;text-decoration:none}
.wordmark svg{display:block;height:30px;width:auto}
body>main{padding-top:24px;padding-bottom:48px}
h1{font-size:34px;line-height:1.18;letter-spacing:-.5px;margin:0 0 16px;font-weight:700}
h2{font-size:23px;line-height:1.25;margin:36px 0 10px;font-weight:700}
h3,h4,h5,h6{font-size:18px;line-height:1.3;margin:24px 0 8px;font-weight:600}
p,ul,ol{margin:0 0 14px}
ul,ol{padding-inline-start:24px}
li{margin-bottom:6px}
a{color:var(--primary);text-underline-offset:2px}
strong,b{font-weight:600}
.draft{margin:0;padding:8px 16px;background:var(--sand);text-align:center;font-size:14px;font-weight:600}
body>footer{padding-top:24px;padding-bottom:40px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
body>footer nav{display:flex;flex-wrap:wrap;gap:4px 18px;margin-bottom:12px}
body>footer nav a{display:inline-block;padding:6px 0}
.legal table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:15px}
.legal td,.legal th{border:1px solid var(--line);padding:6px 8px;text-align:start;vertical-align:top}
.legal .close-dialog{display:none}
.legal details{margin:0 0 10px;background:var(--surface);border:1px solid var(--line);border-radius:8px}
.legal summary{position:relative;display:block;min-height:44px;padding:12px 44px 12px 14px;list-style:none;cursor:pointer}
.legal summary::-webkit-details-marker{display:none}
.legal summary::after{content:"+";position:absolute;top:8px;right:14px;color:var(--primary);font-size:24px;line-height:28px}
.legal details[open]>summary::after{content:"\2212"}
.legal details[open]>summary{border-bottom:1px solid var(--line)}
.legal summary:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:8px}
.legal summary>*:last-child{margin-bottom:0}
.legal summary figure{margin:0}
.legal summary img{display:block;width:24px;height:24px;margin-bottom:6px;box-sizing:content-box;padding:2px;background:#fff;border-radius:6px}
/* iubenda has no logo for these: its puzzle piece is hidden, and known companies get their official icon. */
.legal summary img[src*="default_thirdparty_icon"]{display:none}
.legal summary img[alt="Supabase, Inc."]{display:block;content:url(/logos/supabase-icon.svg)}
.legal summary img[alt="Plus Five Five, Inc."]{display:block;content:url(/logos/resend-icon.svg)}
.legal h5{font-size:15px;line-height:1.3;margin:14px 0 4px;font-weight:600}
/* iubenda's plain text keeps a heading even when that field has no text; its styled version hides them. */
.legal h5:has(+h5),.legal h5:last-child{display:none}
.legal summary h3,.legal summary h4{margin:0 0 4px}
.legal summary p{margin:0;font-size:15px;color:var(--muted)}
.legal details>*:not(summary){padding-inline:14px}
.legal details>*:not(summary):first-of-type{padding-top:12px}