/* pili.ar: the same look as the app's welcome screen (navy, seat logo, Outfit/Figtree; logo letters in Nunito). */
@font-face{font-family:"Outfit";src:url("/fonts/Outfit.ttf") format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:"Figtree";src:url("/fonts/Figtree.ttf") format("truetype");font-weight:300 900;font-display:swap}
@font-face{font-family:"Nunito";src:url("/fonts/Nunito.ttf") format("truetype");font-weight:200 1000;font-display:swap}
:root{--bg:#1c1f3b;--fg:#fffdf8;--muted:#d9d5cc;--ink:#1c1f3b}
@media (prefers-color-scheme:dark){:root{--bg:#161931}}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg)}
body{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--fg);font-family:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
main{width:100%;max-width:26rem;padding:2rem 1.5rem;text-align:center}
/* The logo: four app seats in a 2x2 grid spelling P I L I. */
.seats{--w:clamp(6rem,30vw,7.4rem);display:grid;grid-template-columns:repeat(2,var(--w));gap:calc(var(--w)*.12);justify-content:center;margin:0 auto 2.2rem}
.seat{width:var(--w);height:calc(var(--w)*1.13);border-radius:calc(var(--w)*.43) calc(var(--w)*.43) calc(var(--w)*.24) calc(var(--w)*.24);display:flex;align-items:center;justify-content:center;font-family:"Nunito",sans-serif;font-weight:1000;font-variation-settings:"wght" 1000;font-size:calc(var(--w)*.46);line-height:1;color:var(--ink)}
.s1{background:#ff7a3d}.s2{background:#a9e0c8}.s3{background:#ffd978}.s4{background:#c9bef5}
h1{font-family:"Outfit",sans-serif;font-weight:700;font-size:clamp(2.2rem,9vw,2.7rem);line-height:1.05;letter-spacing:-.01em;margin:0 0 .9rem}
p{margin:0 0 1rem;font-size:1.06rem;line-height:1.4;color:var(--muted)}
.soon{font-weight:600;font-size:.95rem;margin-top:2rem;color:var(--muted)}
/* The app's dark map, very faint, behind everything. */
body::before{content:"";position:fixed;inset:0;background:url("/img/map.jpg") center/cover no-repeat;opacity:.14;pointer-events:none;z-index:0}
main{position:relative;z-index:1}
.credits{position:fixed;right:.6rem;bottom:.4rem;z-index:1;font-size:.65rem;color:var(--muted);opacity:.55}
.credits a{color:inherit;text-decoration:none}