/* landing + SEO pages; generated by scripts/make-seo-pages.mjs */
.lp{--ink:#3D3552;--soft:#6E6685;--lav:#7357E0;--lav2:#A68CFF;--lav50:#F6F2FF;--lav100:#EBE3FF;--rose:#FFDFE8;--cream:#FFF8F2;
  min-height:100vh;min-height:100dvh;background:linear-gradient(160deg,#FFF3EC 0%,var(--cream) 45%,var(--lav50) 100%);color:var(--ink);
  font-family:ui-rounded,"Nunito Variable",Nunito,"Segoe UI",system-ui,-apple-system,sans-serif;font-size:17px;line-height:1.6;
  padding:0 20px 40px;-webkit-text-size-adjust:100%}
.lp-page{margin:0;background:#FFF8F2}
.lp *{box-sizing:border-box}
.lp a{color:var(--lav)}
.lp-top{display:flex;align-items:center;justify-content:space-between;max-width:960px;margin:0 auto;padding:16px 0}
.lp-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;color:var(--ink)!important;text-decoration:none}
.lp-brand img{border-radius:10px}
.lp main{max-width:960px;margin:0 auto}
.lp-hero{padding:36px 0 12px}
.lp h1{font-size:clamp(28px,6vw,46px);line-height:1.15;margin:0 0 14px;font-weight:800;letter-spacing:-.01em}
.lp h2{font-size:clamp(22px,4vw,30px);line-height:1.25;margin:0 0 12px;font-weight:800}
.lp h3{font-size:19px;margin:0 0 6px}
.lp-lead{font-size:clamp(17px,2.4vw,20px);color:var(--soft);max-width:680px;margin:0 0 22px}
.lp-actions{display:flex;flex-wrap:wrap;gap:12px}
.lp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;background:var(--lav);color:#fff!important;font-weight:800;text-decoration:none}
.lp-btn:hover{background:#5F44CC}
.lp-btn-small{min-height:40px;padding:0 18px;font-size:15px}
.lp-btn-ghost{background:var(--lav100);color:var(--lav)!important}
.lp-btn-ghost:hover{background:#DDD0FF}
.lp-sec{padding:28px 0 4px}
.lp-sec p,.lp-sec li{color:var(--ink)}
.lp-sec ul{padding-left:22px;margin:8px 0}
.lp-sec li{margin:6px 0}
.lp-grid{list-style:none;padding:0!important;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.lp-grid li{background:#fff;border-radius:24px;padding:18px 20px;box-shadow:0 6px 22px rgba(115,87,224,.10);margin:0!important}
.lp-grid h3 a{text-decoration:none;color:var(--ink)}
.lp-grid p{margin:0;color:var(--soft);font-size:16px}
.lp-steps{list-style:none;padding:0!important;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));counter-reset:s}
.lp-steps li{counter-increment:s;background:var(--lav50);border-radius:20px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.lp-steps li::before{content:counter(s);width:30px;height:30px;border-radius:50%;background:var(--lav);color:#fff;display:grid;place-items:center;font-weight:800}
.lp-steps span{color:var(--soft);font-size:16px}
.lp-faq{background:#fff;border-radius:18px;padding:12px 18px;margin:10px 0;box-shadow:0 4px 14px rgba(61,53,82,.06)}
.lp-faq summary{font-weight:800;cursor:pointer;min-height:28px}
.lp-faq p{margin:8px 0 2px;color:var(--soft)}
.lp-cta{margin:36px 0 8px;background:linear-gradient(135deg,var(--lav2),var(--lav));color:#fff;border-radius:28px;padding:28px 24px;text-align:center}
.lp-cta p{margin:0 0 16px;opacity:.95}
.lp-cta h2{color:#fff}
.lp-cta .lp-btn{background:#fff;color:var(--lav)!important}
.lp-links{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0!important}
.lp-crumbs{font-size:14px;color:var(--soft);padding-top:8px}
.lp-crumbs a{text-decoration:none}
.lp-foot{max-width:960px;margin:40px auto 0;padding-top:20px;border-top:1px solid var(--lav100);font-size:15px;color:var(--soft)}
.lp-foot ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;padding:0;margin:0 0 10px}
.lp-foot a{text-decoration:none}
/* the app itself replaces the pre-rendered home page: hide it at once for returning users and the installed app */
html.returning #root>.lp{display:none}
@media (display-mode:standalone){#root>.lp{display:none}}