/* Root coming-soon page (the domain root until the app launches). Styled to match the Mini demo site (light palette, DM Sans + Manrope). */
@font-face{font-family:"DM Sans";src:url("/landing/fonts/dm-sans.woff2") format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("/landing/fonts/manrope.woff2") format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
:root{color-scheme:light;--bg:#fafbf8;--ink:#24372e;--muted:#5d6e62;--green:#44704e;--line:#e4e9df;--side:#f0f3eb}
*{box-sizing:border-box;margin:0}
html,body{height:100%}
body{background:var(--bg);color:var(--ink);font:16px/1.5 "DM Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column}
header{display:flex;align-items:center;gap:10px;padding:20px 24px;font:750 22px/1 "DM Sans",system-ui,sans-serif;letter-spacing:-1px;text-transform:lowercase;color:var(--ink)}
header img{width:34px;height:34px;border-radius:12px}
main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}
h1{font:650 clamp(33px,5vw,54px)/1.15 "Manrope",system-ui,sans-serif;letter-spacing:-2.3px}
p{color:var(--muted);margin-top:14px;font-size:18px}
a{color:inherit}
.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:9px;border:1px solid var(--green);background:var(--green);color:#fff;font:600 15px/1 "DM Sans",system-ui,sans-serif;text-decoration:none}
.btn:hover{background:#3a6044;border-color:#3a6044}
.btn.alt{background:#fff;color:var(--ink);border-color:var(--line)}
.btn.alt:hover{background:#eaf0e5}
:focus-visible{outline:3px solid var(--green);outline-offset:2px}
footer{padding:20px;text-align:center;color:var(--muted);font-size:13px}
@media (max-width:480px){h1{letter-spacing:-1.8px}}