:root{--blue:#3B82F6;--cream:#FFF8E8;--sun:#FFD95A;--sage:#A7E3A1;--blush:#FFB3C7;--sky:#CFE8FF;--sand:#EAE7E1;--ink:#1F2937;--muted:#4B5563}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{background:var(--cream);color:var(--ink);font-family:Inter,-apple-system,"SF Pro Text",system-ui,sans-serif;font-size:19px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1{font-family:Nunito,"Poppins",system-ui,sans-serif;font-weight:900;letter-spacing:-.02em;line-height:1.08;font-size:clamp(2rem,4.6vw,3.2rem)}
.page{min-height:100svh;display:flex;flex-direction:column;justify-content:center;max-width:1040px;margin:0 auto;padding:20px 24px 24px}
.logo{display:inline-block;margin-bottom:18px;line-height:0}
.logo img{height:44px;width:auto}
.cols{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.lead{font-size:1.15rem;color:var(--muted);margin:14px 0 20px;max-width:36ch}
.cta{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--blue);color:#fff;text-decoration:none;font-family:Nunito,system-ui,sans-serif;font-weight:900;font-size:1.5rem;padding:22px 30px;border-radius:20px;box-shadow:0 10px 26px rgba(59,130,246,.3);max-width:440px}
.cta svg{width:26px;height:26px;flex:none}
.small{margin-top:16px;color:var(--muted);font-size:1rem;max-width:44ch}
.thread{background:#fff;border-radius:28px;padding:22px 18px 18px;box-shadow:0 20px 50px rgba(31,41,55,.12);display:flex;flex-direction:column;gap:10px;max-width:420px;margin:0 auto;width:100%}
.who{text-align:center;font-size:.85rem;color:var(--muted);padding-bottom:12px;border-bottom:1px solid var(--sand);margin-bottom:4px}
.who .av{width:46px;height:46px;border-radius:50%;background:var(--blue);margin:0 auto 6px;display:grid;place-items:center;color:#fff;font-family:Nunito;font-weight:900;font-size:1.4rem}
.b{max-width:84%;padding:12px 15px;border-radius:20px;font-size:1.02rem;line-height:1.35}
.me{align-self:flex-end;background:var(--blue);color:#fff;border-bottom-right-radius:6px}
.them{align-self:flex-start;background:#E9E9EB;color:#111;border-bottom-left-radius:6px}
.fwd{align-self:flex-start;background:#E9E9EB;color:#111;font-size:.92rem;border-left:4px solid #cfcfd2;padding-left:12px}
.fwd u{color:var(--blue)}
.t{font-size:.72rem;color:#9aa0a6;text-align:center}
.name{font-size:.72rem;color:#9aa0a6;margin:2px 0 -6px 8px}
.name.r{text-align:right;margin-right:8px}
@media (max-width:820px){
  .cols{grid-template-columns:1fr;gap:26px}
  .page{justify-content:flex-start;padding-top:22px}
  .thread{padding:16px 14px 14px}
  .b{font-size:.95rem}
  .cta{max-width:none}
  .thread .b:nth-child(n+7){display:none}
}

.trust{list-style:none;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:18px;font-size:.95rem;color:var(--muted)}
.trust strong{color:var(--ink)}
.pay{display:inline-block;border:1.5px solid var(--ink);border-radius:7px;padding:2px 9px;font-weight:600;color:var(--ink);font-size:.85rem;margin-right:6px;background:#fff}
.tt{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-weight:600}
.stat{margin-top:14px;font-size:.95rem;color:var(--muted);max-width:46ch}
.stat span{display:block;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:2px}
