/* Betty landing v2 (26.09, preview): the payday finder is the hero. Mobile first (390px), site.css tokens. */
body.lp{background:var(--paper)}
.lp-wrap{max-width:1120px;margin:0 auto;padding-inline:20px}

/* header: face + name, one action */
.lp-top{position:sticky;top:0;z-index:20;background:rgba(251,247,238,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.lp-top .lp-wrap{display:flex;align-items:center;justify-content:space-between;height:62px}
.lp-brand{display:flex;align-items:center;gap:10px;font:700 21px/1 var(--display);color:var(--navy);text-decoration:none}
.lp-brand span{color:#B8871B}
.lp-brand img{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:50% 22%;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--line)}
.lp-top-cta{font:700 14px/1 var(--body);color:var(--navy);text-decoration:none;background:var(--gold);padding:11px 14px;border-radius:999px}

/* hero */
.lp-hero{padding:26px 0 34px;background:linear-gradient(180deg,var(--paper) 0%,var(--cream) 100%)}
.lp-hand{font:600 25px/1 var(--hand);color:var(--leather);margin-bottom:10px}
.lp-hero h1{font-size:clamp(31px,8.4vw,54px);line-height:1.08;color:var(--navy)}
.lp-sub{margin-top:12px;font-size:18px;line-height:1.55;color:#3C4757;max-width:32em}
.lp-hero-in{display:grid;gap:22px}

/* the ledger card */
.ledger{position:relative;background:#fff;border-radius:14px;padding:18px 16px 16px 26px;box-shadow:0 1px 0 var(--line),0 22px 44px -26px rgba(34,56,94,.45);
  background-image:linear-gradient(90deg,transparent 14px,rgba(178,58,46,.35) 14px,rgba(178,58,46,.35) 15.5px,transparent 15.5px)}
.ledger-head{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.ledger-head img{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:50% 22%}
.ledger-head strong{display:block;font:700 19px/1.2 var(--display);color:var(--navy)}
.ledger-head span{font-size:13.5px;color:var(--muted)}
.q{border:0;margin:14px 0 0;padding:0;min-width:0}
.q legend{font-weight:700;font-size:15px;color:var(--ink);margin-bottom:8px;padding:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{appearance:none;font:600 15px/1 var(--body);color:var(--navy);background:var(--paper);border:1.5px solid #D9CFB8;border-radius:999px;padding:11px 14px;cursor:pointer;position:relative}
.chip[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.chip.other{display:inline-flex;align-items:center;overflow:hidden}
.chip.other input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.ledger.no-day .q-day{display:none}

/* the year: 12 months, dots = paydays, gold = the extra-check months */
.year{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.year .m{position:relative;border:1px solid var(--line);border-radius:10px;padding:8px 6px 9px;text-align:center;background:#FDFBF6;min-height:62px}
.year .m b{display:block;font:700 12px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.year .dots{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;margin-top:9px}
.year .dots i{width:8px;height:8px;border-radius:50%;background:var(--blue)}
.year .m.x{background:var(--gold-soft);border-color:var(--gold)}
.year .m.x b{color:var(--navy)}
.year .m.x .dots i{background:var(--navy)}
.year .m em{position:absolute;right:-6px;top:-8px;font:700 13px/22px var(--body);font-style:normal;width:22px;height:22px;border-radius:50%;background:var(--red);color:#fff}
.say{margin-top:14px;font-size:16.5px;line-height:1.55;color:var(--ink);min-height:4.6em}
.say strong{color:var(--navy)}
.say .say-note{display:block;margin-top:8px;font-size:14.5px;color:var(--muted);border-left:3px solid var(--gold);padding-left:10px}
.ledger-foot{margin-top:12px;font-size:12.5px;color:var(--muted)}
.ledger:not([data-ready]) .year{visibility:hidden}

/* email */
.lp-get{background:var(--navy);color:#EEF2F8;padding:34px 0}
.lp-get h2{color:#fff;font-size:clamp(26px,6.4vw,38px)}
.lp-get p{margin-top:10px;color:#C9D3E4;font-size:16.5px}
.lp-get-in{display:grid;gap:18px}
.lp-form{background:var(--paper);color:var(--ink);border-radius:14px;padding:16px}
.lp-form .btn{width:100%}
.lp-form .inline-form input[type=email]{flex:1 1 100%;font:16px var(--body);padding:14px;border:1.5px solid #D9CFB8;border-radius:8px}

/* Betty: the photo whole, nothing on top of it */
.lp-betty{padding:40px 0}
.lp-betty-in{display:grid;gap:22px}
.lp-photo{margin:0;max-width:340px}
.lp-photo img{width:100%;height:auto;border-radius:14px;box-shadow:0 26px 50px -30px rgba(34,56,94,.6)}
.lp-betty h2{font-size:clamp(26px,6.6vw,38px);color:var(--navy)}
.lp-betty-copy p{margin-top:12px;font-size:17px}
.lp-honest{font-size:15px!important;color:var(--muted)}
.lp-sign{font:600 30px/1 var(--hand)!important;color:var(--leather)}

/* rules as a ruled list, not cards */
.lp-rules{background:var(--cream);padding:40px 0}
.lp-rules h2{font-size:clamp(26px,6.6vw,38px);color:var(--navy)}
.rules{list-style:none;margin:18px 0 0;padding:0}
.rules li{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:16px 0;border-top:1px solid #DED3BC}
.rules .n{font:600 44px/0.9 var(--hand);color:#B8871B}
.rules h3{font-size:20px;color:var(--navy)}
.rules p{margin-top:6px;font-size:16px;color:#3C4757}

/* reset */
.lp-reset{padding:40px 0}
.lp-reset-in{display:grid;gap:24px;align-items:center}
.lp-reset h2{font-size:clamp(25px,6.2vw,36px);color:var(--navy)}
.lp-reset-copy p{margin-top:10px}
.lp-reset ul{margin:14px 0 18px;padding-left:20px}
.lp-reset li{margin:4px 0}
.lp-price{display:inline-block;margin-left:12px;color:var(--muted);font-size:15px}

/* faq */
.lp-faq{background:var(--cream);padding:36px 0 44px}
.lp-faq h2{font-size:clamp(24px,6vw,34px);color:var(--navy);margin-bottom:10px}
.lp-faq details{border-top:1px solid #DED3BC;padding:14px 0}
.lp-faq summary{font-weight:700;cursor:pointer;color:var(--ink)}
.lp-faq details p{margin-top:8px;color:#3C4757}

@media (min-width:900px){
  .lp-hero{padding:56px 0 64px}
  .lp-hero-in{grid-template-columns:1fr 1.02fr;gap:56px;align-items:center}
  .lp-sub{font-size:19px}
  .ledger{padding:24px 24px 20px 38px;background-image:linear-gradient(90deg,transparent 22px,rgba(178,58,46,.35) 22px,rgba(178,58,46,.35) 23.5px,transparent 23.5px)}
  .year{grid-template-columns:repeat(6,1fr)}
  .lp-get-in{grid-template-columns:1fr 1fr;align-items:center;gap:48px}
  .lp-form .btn{width:auto}
  .lp-form .inline-form input[type=email]{flex:1 1 240px}
  .lp-betty-in{grid-template-columns:340px 1fr;gap:56px;align-items:center}
  .rules{display:grid;grid-template-columns:repeat(3,1fr);gap:0 36px}
  .lp-reset-in{grid-template-columns:320px 1fr;gap:56px}
}