@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700&display=swap");
:root{
  --bg:#FFF8F0;--card:#FFFFFF;--ink:#14110F;--ink2:#4A443F;--muted:#8A827B;--line:#EDE3D8;
  --tang:#FF5A1F;--tang-d:#E04812;--lime:#C8F25A;--soft:#FFEFE3;
  --p:#FF5A1F;--c:#F2B705;--f:#6E56CF;
  --head:"Bricolage Grotesque",system-ui,sans-serif;--body:"DM Sans",system-ui,sans-serif;
  --r:18px;--shadow:0 18px 40px -18px rgba(20,17,15,.28);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--head);letter-spacing:-.02em;line-height:1.08;margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;cursor:pointer;font:700 1.05rem/1 var(--body);
  background:var(--ink);color:#fff;padding:18px 26px;border-radius:999px;text-decoration:none;transition:transform .15s,background .15s;box-shadow:0 10px 24px -10px rgba(20,17,15,.5)}
.btn:hover{transform:translateY(-1px);background:#000}
.btn.tang{background:var(--tang)}.btn.tang:hover{background:var(--tang-d)}
.btn .arr{display:inline-block;transition:transform .15s}.btn:hover .arr{transform:translateX(4px)}
.btn.block{width:100%}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:none;border:2px solid var(--ink)}
.btn:disabled{opacity:.35;cursor:not-allowed;transform:none}
.pill{display:inline-flex;align-items:center;gap:8px;background:var(--lime);color:var(--ink);font-weight:700;font-size:.8rem;padding:6px 12px;border-radius:999px;letter-spacing:.01em}
.logo{display:inline-flex;align-items:center;gap:9px;font-family:var(--head);font-weight:800;font-size:1.3rem;text-decoration:none;letter-spacing:-.03em}
.logo .mark{width:30px;height:30px;border-radius:10px;background:var(--tang);display:grid;place-items:center;position:relative}
.logo .mark::before{content:"";width:14px;height:14px;border-radius:50%;border:3px solid #fff}
.logo .mark::after{content:"";position:absolute;top:5px;right:5px;width:5px;height:5px;border-radius:50%;background:var(--lime)}
.fine{font-size:.78rem;color:var(--muted)}