/* Standalone status pages (404, offline, maintenance). They load without the app, so they follow the device's
   light/dark setting rather than the in-app theme choice. Root-relative URLs so they work at any path. */
@font-face{font-family:"Inter Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/inter.woff2) format("woff2")}
@font-face{font-family:"Bricolage Grotesque Variable";font-style:normal;font-display:swap;font-weight:200 800;src:url(/fonts/bricolage.woff2) format("woff2")}
:root{
  --cream:#F5F0E6; --ivory:#FFFCF6; --ink:#1E2A23; --ink-2:#3A4840; --muted:#6F6A60; --line:#E6DDCC;
  --sage:#7E9C86; --sage-d:#2F5B48; --sage-l:#E2EADF; --peach-l:#FBE9DD; --butter-l:#FBF2D3; --on-primary:#fff;
  --font:"Inter Variable",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --display:"Bricolage Grotesque Variable","Inter Variable",ui-sans-serif,system-ui,sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --cream:#141A16; --ivory:#1C241F; --ink:#EEF1EA; --ink-2:#CDD5CC; --muted:#A39E93; --line:#2E3A33;
  --sage:#93B39C; --sage-d:#A9CDB4; --sage-l:#24342A; --peach-l:#33281F; --butter-l:#2F2A18; --on-primary:#11251a;
  color-scheme:dark;
}}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:32px 16px;background:radial-gradient(120% 90% at 50% 30%,var(--ivory) 0,var(--cream) 70%);color:var(--ink);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased}
main{width:100%;max-width:520px;text-align:center;display:grid;justify-items:center;gap:18px}
.brand{display:grid;justify-items:center;gap:6px;text-decoration:none;color:inherit}
.brand img{width:76px;height:76px;object-fit:contain}
/* Scene card: the same illustration style as the app's property scenes; night-time in dark mode */
.art{width:min(300px,100%);aspect-ratio:3/2;border-radius:26px;overflow:hidden;margin-top:14px;border:1px solid var(--line);box-shadow:0 18px 40px -24px #1e2a2340}
.art svg{display:block;width:100%;height:100%}
.sc-sky{fill:#E2EADF}.sc-ground{fill:#D8CDB6}.sc-ground2{fill:#CBBE9F}.sc-sun{fill:#F4C95D}.sc-ray{fill:#F4C95D;opacity:.25}
.sc-cloud{fill:#fff;opacity:.9}.sc-forest{fill:#2F5B48}.sc-wall{fill:#D98B6A}.sc-butter{fill:#F2D78A}.sc-ivory{fill:#FFFCF6}
.sc-glass{fill:#CFE3E6}.sc-window{fill:#FFF3C4}.sc-leaf{fill:#6E9C78}.sc-trunk{fill:#8A6A4E}.sc-moon{fill:#F3E7C0}.sc-star{fill:#FFF6D8}
.sc-line{fill:none;stroke:#2F5B48;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.sc-dash{fill:none;stroke:#7E9C86;stroke-width:2;stroke-dasharray:5 5;stroke-linecap:round;stroke-linejoin:round}
.sc-slash{fill:none;stroke:#D98B6A;stroke-width:2.6;stroke-linecap:round}
.sc-text{fill:#2F5B48;font:800 14px/1 var(--display);letter-spacing:-.02em}
.night{display:none}
@media (prefers-color-scheme:dark){
  .sc-sky{fill:#1A2236}.sc-ground{fill:#2a2a22}.sc-ground2{fill:#33322a}.sc-cloud{opacity:.18}.sc-glass{fill:#34495F}.sc-window{fill:#FFD27A}
  .sc-dash{stroke:#93B39C}.day{display:none}.night{display:inline}
}
.sway{transform-box:fill-box;transform-origin:50% 100%}.bob{transform-box:fill-box;transform-origin:center}
@media (prefers-reduced-motion:no-preference){.sway{animation:sway 4s ease-in-out infinite}.bob{animation:bob 3.2s ease-in-out infinite}.tw{animation:tw 3s ease-in-out infinite}}
.tw1{animation-delay:-.6s}.tw2{animation-delay:-1.2s}.tw3{animation-delay:-1.8s}.tw4{animation-delay:-2.4s}.tw5{animation-delay:-3s}
@keyframes sway{50%{transform:rotate(-4deg)}}@keyframes bob{50%{transform:translateY(-4px)}}@keyframes tw{50%{opacity:.3}}
.eyebrow{font-size:12px;font-weight:750;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
h1{margin:0;font-family:var(--display);font-weight:800;font-size:clamp(36px,8vw,54px);line-height:.98;letter-spacing:-.045em}
h1 em{font-style:normal;color:var(--sage-d)}
p{margin:0;color:var(--ink-2);max-width:42ch}
.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px}
.btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:999px;font-weight:700;font-size:15.5px;text-decoration:none;border:1.5px solid var(--line);color:var(--ink);background:var(--ivory);transition:transform .15s,border-color .15s}
.btn:hover{transform:translateY(-1px);border-color:var(--sage)}
.btn.primary{background:var(--sage-d);border-color:var(--sage-d);color:var(--on-primary)}
.btn:focus-visible{outline:3px solid var(--sage);outline-offset:3px}
.note{font-size:13.5px;color:var(--muted)}

/* Long-form pages (privacy, terms) */
main.doc{max-width:720px;text-align:left;justify-items:stretch;gap:0;padding:8px 0 40px}
.doc .brand{justify-self:start;margin-bottom:28px}
.doc .brand img{width:56px;height:56px}
.doc h1{font-size:clamp(34px,6vw,48px);margin:6px 0 10px}
.doc .lede{font-size:17px;max-width:none;margin-bottom:8px}
.doc .updated{font-size:13.5px;color:var(--muted);margin-bottom:28px}
.doc h2{font-family:var(--display);font-size:21px;font-weight:750;letter-spacing:-.02em;margin:30px 0 8px}
.doc p,.doc li{max-width:none;color:var(--ink-2)}
.doc p+p{margin-top:10px}
.doc ul{margin:8px 0 0;padding-left:22px;display:grid;gap:6px}
.doc .summary{background:var(--sage-l);border-radius:20px;padding:18px 20px;margin:4px 0 6px}
.doc .summary ul{margin:0}
.doc a{color:var(--sage-d);font-weight:650}
.doc .actions{justify-content:flex-start;margin-top:36px}