/* Time2Train — liquid-glass site, mirrors the app design (2026-08-07) */
:root{
  --ink:#1c1c1e; --muted:#6b6b76; --terra:#c2492e; --amber:#dfa321;
  --radius:20px;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:'Inter',-apple-system,system-ui,sans-serif;
  color:var(--ink); line-height:1.6; min-height:100vh;
  background:
    radial-gradient(560px 560px at -5% -5%, rgba(194,73,46,.30), transparent 70%),
    radial-gradient(520px 520px at 105% 6%, rgba(232,134,46,.28), transparent 70%),
    radial-gradient(520px 520px at -6% 45%, rgba(15,163,148,.20), transparent 70%),
    radial-gradient(560px 560px at 106% 60%, rgba(124,111,216,.20), transparent 70%),
    radial-gradient(620px 620px at 50% 108%, rgba(223,163,33,.24), transparent 70%),
    #fffdfb;
  background-attachment:fixed;
}
h1,h2,h3{font-family:'Inter',sans-serif;line-height:1.2;font-weight:800;letter-spacing:-0.5px}
.wrap{max-width:980px;margin:0 auto;padding:0 20px}
header{padding:18px 0}
header .wrap{display:flex;align-items:center;justify-content:space-between}
header a{color:var(--ink);text-decoration:none;font-weight:800;font-size:19px;
  font-family:'Inter',sans-serif;letter-spacing:-0.3px}
header nav a{margin-left:18px;font-family:'Inter',sans-serif;font-weight:600;font-size:15px;
  color:var(--muted)}
header nav a:hover{color:var(--terra)}
.glass{
  background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(255,255,255,.34));
  backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  border:1.2px solid rgba(255,255,255,.65); border-radius:var(--radius);
  box-shadow:0 6px 18px rgba(107,107,118,.10);
}
.hero{text-align:center;padding:48px 20px 40px}
.hero .logo{width:130px;height:130px;border-radius:28px;margin-bottom:22px;
  box-shadow:0 10px 30px rgba(194,73,46,.18)}
.hero h1{font-size:52px;font-weight:800;letter-spacing:-1px}
.hero .lede{max-width:620px;margin:16px auto 0;font-size:19px;color:var(--muted)}
.store-badges{margin-top:26px;font-size:15px;color:var(--muted)}
main section{margin:34px auto;max-width:980px;padding:0 20px}
section h2{font-size:30px;margin-bottom:16px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.card{padding:24px}
.card .chip{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;
  justify-content:center;font-size:22px;margin-bottom:12px;
  border:1.5px solid rgba(0,0,0,.06)}
.card h3{font-size:22px;margin-bottom:6px}
.card p{font-size:15px;color:var(--muted)}
.timers{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.timers span{padding:8px 16px;border-radius:999px;font-weight:600;font-size:14px}
.pricing{padding:34px;text-align:center;max-width:560px;margin:0 auto}
.pricing .price{font-size:44px;font-weight:800;font-family:'Inter',sans-serif;
  color:var(--terra)}
.pricing ul{list-style:none;margin:18px 0;color:var(--muted);font-size:15px}
.pricing li{padding:4px 0}
.pricing .free{margin-top:14px;font-size:14px;color:var(--muted)}
.content-page{padding:30px;margin-top:10px}
.content-page h1{font-size:38px;margin-bottom:14px}
.content-page h2{font-size:24px;margin:22px 0 8px}
.content-page p,.content-page li{color:#3d3d44;font-size:15.5px}
.content-page ul{margin:8px 0 8px 22px}
footer{margin:56px 0 30px;text-align:center;font-size:14px;color:var(--muted)}
footer a{color:var(--muted);margin:0 10px}
footer a:hover{color:var(--terra)}
@media(max-width:640px){.hero h1{font-size:38px}section h2{font-size:28px}}

.store-links .badge{display:inline-block;margin:6px 8px;padding:13px 22px;
  border-radius:14px;background:var(--ink);color:#fff;text-decoration:none;
  font-weight:700;font-size:15px}
.store-links .badge:hover{background:var(--terra)}
.qr-block{margin-top:22px}
.qr-block img{border-radius:12px;border:1.2px solid rgba(0,0,0,.08);
  background:#fff;padding:8px}
@media(max-width:820px){.qr-block{display:none}}