@font-face { font-family: 'Sora'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/assets/fonts/sora-latin.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-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400 500; font-display: swap; src: url(/assets/fonts/jetbrains-mono-latin.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-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* form error slots: hidden until app.js fills them */
.err-wrap { display: none; }
.err-wrap.show { display: contents; }
#track::-webkit-scrollbar { display: none; }
article[hidden] { display: none !important; }

.skip { position: absolute; left: 12px; top: -60px; z-index: 200; padding: 10px 16px; border-radius: 999px; background: #FF6A00; color: #0F0F10; font-weight: 600; }
.skip:focus { top: 12px; color: #0F0F10; }

/* privacy policy page */
.doc { background: #F5F2ED; color: #0F0F10; }
.doc-wrap { max-width: 760px; margin: 0 auto; padding: 32px 20px 96px; }
.doc-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 56px; }
.doc-top a.brand { display: flex; align-items: center; gap: 10px; color: #0F0F10; font-weight: 600; font-size: 22px; letter-spacing: -0.03em; }
.doc-top a.brand img { width: 34px; height: auto; }
.doc-top a.back { font-size: 14px; font-weight: 500; color: #0F0F10; border: 1px solid rgba(15,15,16,.2); padding: 9px 16px; border-radius: 999px; }
.doc h1 { font-size: clamp(34px, 6vw, 56px); line-height: 1.04; letter-spacing: -0.04em; font-weight: 600; margin: 0 0 12px; }
.doc .updated { font-family: 'JetBrains Mono', monospace; font-size: 12px; letter-spacing: .08em; color: #55504A; margin: 0 0 40px; }
.doc h2 { font-size: 22px; letter-spacing: -0.02em; font-weight: 600; margin: 40px 0 12px; }
.doc p, .doc li { font-size: 16px; line-height: 1.7; color: #33302B; }
.doc ul { padding-left: 20px; }
.doc a { color: #B34700; text-decoration: underline; }
.doc .doc-top a { text-decoration: none; }
.wa-field:focus-within { border-color: #FF6A00 !important; }

/* Mobile menu: expands down from the cream header card */
.only-m-block { display: none !important; }
@media (max-width: 979.98px) { .only-m-block:not([hidden]) { display: grid !important; } }
.hdr-card { position: relative; transition: border-radius .2s ease; }
.hdr-card.menu-open { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }
/* panel hangs below the bar, out of the page flow, same cream as the card */
.mnav { position: absolute; left: 0; right: 0; top: 100%; padding: 0 clamp(16px,3cqi,32px); background: #F5F2ED; border-radius: 0 0 20px 20px; box-shadow: 0 28px 48px -24px rgba(0,0,0,.7); grid-template-rows: 0fr; transition: grid-template-rows .35s cubic-bezier(.2,.7,.2,1); }
.mnav.open { grid-template-rows: 1fr; }
.mnav-inner { min-height: 0; overflow: hidden; display: flex; flex-direction: column; }
.mnav.open .mnav-inner { overflow-y: auto; max-height: calc(100dvh - 96px); }
.mnav nav { display: flex; flex-direction: column; margin-top: 2px; border-top: 1px solid rgba(15,15,16,.1); }
.mnav-link { display: flex; align-items: baseline; gap: 14px; padding: 16px 2px; border-bottom: 1px solid rgba(15,15,16,.08); color: #0F0F10; font-size: 24px; font-weight: 600; letter-spacing: -0.03em; opacity: 0; transform: translateY(-6px); transition: opacity .3s ease, transform .3s ease, color .2s ease; }
.mnav-link:hover { color: #C25000; }
.mnav-num { font-family: 'JetBrains Mono', monospace; font-size: 11px; font-weight: 500; letter-spacing: .08em; color: #B34700; }
.mnav-cta { margin: 20px 0 18px; display: flex; align-items: center; justify-content: center; gap: 10px; background: #FF6A00; color: #0F0F10; font-weight: 600; font-size: 16px; padding: 16px 20px; border-radius: 999px; opacity: 0; transition: opacity .3s ease .12s, background-color .2s ease; }
.mnav-cta:hover { background: #FF8A3D; color: #0F0F10; }
.mnav.open .mnav-link, .mnav.open .mnav-cta { opacity: 1; transform: none; }
.mnav.open .mnav-link:nth-child(2) { transition-delay: .03s; } .mnav.open .mnav-link:nth-child(3) { transition-delay: .06s; }
.mnav.open .mnav-link:nth-child(4) { transition-delay: .09s; } .mnav.open .mnav-link:nth-child(5) { transition-delay: .12s; }
.mnav-backdrop { position: fixed; inset: 0; z-index: 40; background: rgba(0,0,0,.5); opacity: 0; transition: opacity .3s ease; }
.mnav-backdrop.open { opacity: 1; }
.menu-toggle span { transition: transform .3s ease; }
.menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
@media (prefers-reduced-motion: reduce) { .mnav, .mnav-link, .mnav-cta, .mnav-backdrop, .menu-toggle span { transition: none !important; } }