/* Простые лендинги приложений (scripts/lib/simple-landing.mjs): Habit Tracker, TripGist. Палитра — по data-app. */
:root { --bg:#14161C; --card:#1C1F27; --text:#F5F7FB; --muted:#9AA4BD; --accent:#8E9CFF; --accent-2:#5F70E6; --on-accent:#0E1016; --border:rgba(255,255,255,.08); --glow:95,112,230; }
[data-app="tripgist"] { --accent:#5CC8D6; --accent-2:#9B97FF; --glow:155,151,255; }
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
body { margin:0; min-height:100vh; display:flex; flex-direction:column; background: radial-gradient(1100px 700px at 0% -15%, rgba(var(--glow),.26), transparent 60%), var(--bg); color:var(--text); font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif; -webkit-font-smoothing:antialiased; line-height:1.55; }
a { color:inherit; text-decoration:none; }
.container { width:100%; max-width:760px; margin:0 auto; padding:0 20px; }
header { border-bottom:1px solid var(--border); }
.nav { display:flex; align-items:center; justify-content:space-between; height:60px; gap:12px; }
.nav-back { display:inline-flex; align-items:center; gap:6px; color:var(--muted); font-size:14px; font-weight:500; white-space:nowrap; }
.nav-back:hover, .lang:hover { color:var(--text); }
.lang { padding:6px 12px; border:1px solid var(--border); border-radius:999px; font-size:13px; font-weight:600; color:var(--muted); }
main { flex:1; display:flex; align-items:center; }
.hero { padding:56px 0; text-align:center; width:100%; }
.app-icon { width:96px; height:96px; border-radius:22px; display:block; margin:0 auto 20px; box-shadow:0 14px 40px rgba(var(--glow),.35); }
.eyebrow { margin:0 0 10px; color:var(--accent); font-size:14px; font-weight:600; }
h1 { font-size:44px; line-height:1.1; letter-spacing:-1.2px; margin:0 0 18px; }
.lead { font-size:18px; color:var(--muted); margin:0 auto 30px; max-width:600px; }
.cta-row { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:14px 22px; border-radius:13px; font-weight:600; font-size:16px; border:1px solid transparent; }
.btn svg { width:20px; height:20px; fill:currentColor; flex:none; }
.btn-primary { color:var(--on-accent); background:linear-gradient(135deg,var(--accent),var(--accent-2)); box-shadow:0 14px 34px rgba(var(--glow),.4); }
.btn-soon { opacity:.65; box-shadow:none; cursor:default; }
.btn-ghost { background:rgba(255,255,255,.06); border-color:var(--border); }
.btn-ghost:hover { border-color:rgba(255,255,255,.25); }
footer { border-top:1px solid var(--border); padding:28px 0; color:var(--muted); font-size:14px; text-align:center; }
@media (max-width:640px) { h1 { font-size:32px; } .lead { font-size:16.5px; } .hero { padding:36px 0; } .cta-row .btn { width:100%; } }