/* ===================================================================
   LifeStats — shared styling for the footer/legal pages (Terms, Privacy,
   Refund, Contact). Matches the new landing design (lime accent,
   Plus Jakarta Sans, light theme, same nav + footer).
   =================================================================== */
:root{
  --bg:#ffffff; --fg:#0a0b0d; --muted:#878c91; --alt:#f6f6f4; --card:#ffffff; --bd:#ececec;
  --dark:#0a0b0d; --onDark:#ffffff; --cardOnDark:#15181c; --bdOnDark:#23272c;
  --lime:#99ea48; --onLime:#07150a; --ink:#2b2e33;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--bg);color:var(--fg);font-family:"Plus Jakarta Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased;}
::selection{background:var(--lime);color:var(--onLime);}
img{max-width:100%;display:block;}
.wrap{max-width:1200px;margin:0 auto;padding-left:40px;padding-right:40px;}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;border:none;cursor:pointer;font-family:inherit;border-radius:999px;font-weight:700;transition:transform .12s ease,filter .15s ease;}
.btn:hover{transform:translateY(-1px);}
.btn-dark{background:var(--fg);color:var(--bg);}
.btn-dark:hover{filter:brightness(1.15);}
.btn-sm{padding:12px 22px;font-size:14px;font-weight:600;}

/* NAV */
.nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--bd);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:18px;padding-bottom:18px;}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;}
.brand b{font-weight:800;font-size:19px;letter-spacing:-.02em;}
.lime-mark{display:inline-flex;width:30px;height:30px;border-radius:9px;background:var(--lime);align-items:center;justify-content:center;}
.lime-mark i{width:12px;height:12px;border-radius:3px;background:var(--onLime);display:block;}
.nav-links{display:flex;align-items:center;gap:34px;}
.nav-links a{text-decoration:none;color:var(--fg);font-weight:500;font-size:15px;opacity:.8;}
.nav-links a:hover{opacity:1;}

/* LEGAL CONTENT */
.legal{max-width:820px;margin:0 auto;padding:60px 0 84px;}
.legal h1{font-size:clamp(34px,5vw,48px);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin:0 0 10px;}
.legal .updated{color:var(--muted);font-size:14px;margin:0 0 34px;}
.legal h2{font-size:22px;font-weight:800;letter-spacing:-.02em;margin:38px 0 12px;}
.legal h3{font-size:17px;font-weight:700;margin:22px 0 8px;}
.legal p{font-size:16px;line-height:1.72;color:var(--ink);margin:0 0 14px;}
.legal ul{margin:2px 0 16px;padding-left:20px;}
.legal li{font-size:16px;line-height:1.7;color:var(--ink);margin:0 0 8px;}
.legal b,.legal strong{font-weight:700;color:var(--fg);}
.legal a{color:var(--fg);text-decoration:underline;text-decoration-color:var(--lime);text-underline-offset:2px;text-decoration-thickness:2px;}
.legal a:hover{color:#3f8f0f;}
.legal .lead{font-size:17px;color:var(--ink);}
.legal .box{background:var(--alt);border:1px solid var(--bd);border-radius:16px;padding:20px 22px;margin:0 0 16px;}
.legal .box p:last-child{margin-bottom:0;}
.legal .contact-email{display:inline-flex;align-items:center;gap:9px;margin:6px 0 4px;padding:11px 18px;border-radius:999px;background:rgba(153,234,72,.16);color:var(--onLime);font-weight:700;font-size:16px;text-decoration:none;}
.legal .contact-email:hover{filter:brightness(.97);}

/* FOOTER */
.footer{background:var(--dark);color:var(--onDark);margin-top:20px;}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px;padding-top:56px;padding-bottom:40px;}
.footer-grid .about{font-size:14px;line-height:1.6;color:#9aa0a6;max-width:300px;margin:14px 0 0;}
.fcol .ftitle{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6b7075;margin-bottom:16px;}
.fcol .flinks{display:flex;flex-direction:column;gap:11px;}
.fcol .flinks a{text-decoration:none;color:#c8ccd0;font-size:14px;}
.fcol .flinks a:hover{color:#fff;}
.fbar{border-top:1px solid var(--bdOnDark);padding-top:22px;padding-bottom:40px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px;color:#6b7075;}

@media(max-width:980px){ .footer-grid{grid-template-columns:1fr 1fr;} }
@media(max-width:720px){
  .wrap{padding-left:22px;padding-right:22px;}
  .nav-links{display:none;}
  .legal{padding:40px 0 60px;}
  .footer-grid{grid-template-columns:1fr;gap:26px;}
}