/* Splat — shared style for the secondary pages (get / privacy / terms / contact).
   On-brand with the landing (cream paper, marker, hand fonts). The landing comp itself
   is untouched — this only styles the NEW info pages. */
:root{
  --cream:#F2ECDD; --ink:#15140f; --pink:#FF2E88; --purple:#7B43F1; --lime:#C6F042;
  --marker:'Permanent Marker',system-ui,cursive; --hand:'Kalam',system-ui,cursive; --body:'Patrick Hand',system-ui,cursive;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--cream);color:var(--ink);font-family:var(--body);font-size:19px;line-height:1.6;
  background-image:radial-gradient(rgba(22,21,20,.05) 1.2px,transparent 1.2px);background-size:26px 26px}
.wrap{max-width:760px;margin:0 auto;padding:0 26px}

/* header */
.site-nav{position:sticky;top:0;z-index:20;background:rgba(242,236,221,.92);backdrop-filter:blur(6px);border-bottom:3px solid var(--ink)}
.site-nav .wrap{display:flex;align-items:center;justify-content:space-between;height:72px}
.word{font-family:var(--marker);font-size:30px;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:5px}
.word i{width:13px;height:13px;background:var(--pink);border-radius:46% 54% 50% 50%/55% 45% 55% 45%;display:inline-block;transform:rotate(8deg)}
.site-nav a.home{font-family:var(--hand);font-weight:700;font-size:16px;color:var(--ink);text-decoration:none;border-bottom:3px solid var(--ink);padding-bottom:2px}

/* page body */
main{padding:54px 0 40px}
h1{font-family:var(--hand);font-weight:700;font-size:clamp(34px,6vw,56px);line-height:1.02;margin-bottom:8px}
.lede{font-family:var(--hand);font-weight:700;font-size:20px;color:#4a443c;margin-bottom:34px}
h2{font-family:var(--hand);font-weight:700;font-size:25px;margin:34px 0 8px}
p{margin-bottom:16px}
a{color:var(--pink);text-decoration:none;border-bottom:2px solid rgba(255,46,136,.4)}
a:hover{border-bottom-color:var(--pink)}
ul{margin:0 0 16px 22px}
li{margin-bottom:6px}
.tag{display:inline-block;font-family:var(--hand);font-weight:700;font-size:13px;letter-spacing:.06em;
  background:var(--lime);border:2.5px solid var(--ink);border-radius:30px;padding:4px 12px;margin-bottom:18px}
.note{font-family:var(--body);font-size:15px;color:#6a6258;background:#fff;border:2px dashed rgba(22,21,20,.25);border-radius:12px;padding:12px 16px;margin:24px 0}
.updated{font-family:var(--body);font-size:14px;color:#6a6258;margin-top:30px}

/* buttons (get page) */
.stores{display:flex;gap:16px;flex-wrap:wrap;margin:28px 0}
.store{font-family:var(--hand);font-weight:700;font-size:19px;display:inline-flex;align-items:center;gap:10px;
  background:var(--ink);color:#fff;border:3px solid var(--ink);border-radius:50px;padding:15px 28px;text-decoration:none;transition:transform .1s}
.store:hover{transform:translateY(-2px) rotate(-1deg);border-bottom-color:var(--ink)}
.store.pink{background:var(--pink)}
.soon{font-family:var(--hand);font-weight:700;font-size:13px;background:var(--pink);color:#fff;border-radius:20px;padding:2px 9px;margin-left:8px}

/* footer */
footer{background:var(--ink);color:#cfc9ba;margin-top:40px;padding:26px 0}
footer .wrap{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
footer .word{color:#fff}
footer .links{display:flex;gap:20px;font-family:var(--hand);font-weight:700;font-size:15px}
footer .links a{color:#cfc9ba;border:none}
footer .links a:hover{color:#fff}
