/* The FPL Edge outside the app (landing, sign-in, sign-up, reset, verify, check-email, subscribe): the app's design,
   loaded after each page's own styles. The same three text layers - headline #fff (--text), body #d6cfe8 (--text2),
   label/meta #8f85ad (--muted) - the same card (#1b1538, a #3b3166 border, a faint top highlight), anything inside a
   card darker (#100a20 on #2a2347 lines), Sora headings, IBM Plex Sans text, and the green primary button. */
:root{--panel:#1b1538;--panel2:#100a20;--panel3:#2a2347;--line:#2a2347;--line2:#3b3166;--text:#ffffff;--text2:#d6cfe8;--muted:#8f85ad;--r:16px}
body{background:var(--bg);color:var(--text2);font-family:var(--fb)}
h1,h2,h3{color:var(--text);font-family:var(--fd)}
.card,.feat,.step,.snowcard,.chip,.plan,.actgrid .card{background:var(--panel);border-color:#3b3166;border-radius:var(--r);box-shadow:0 1px 0 rgba(255,255,255,.04) inset}
.mock{border-color:#3b3166;box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 30px 60px rgba(0,0,0,.45)}
input:not([type=checkbox]):not([type=radio]),select,textarea{background-color:var(--panel2);border-color:var(--line);color:var(--text)}
input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--green);outline:none}
.primary,.btn.go,a.btn:not(.alt){background:var(--green);color:var(--green-ink)}
.price,.bigfig{color:var(--text)}                                              /* headline figures, as in the app */
.nav a.cta{display:inline-block;margin-top:0}                                  /* landing: the nav link shares .cta with the bottom section (flex, margin) */