/* makeyourmamaproud.app: the app's colours (mobile/src/theme.ts): cream paper, cocoa ink, terracotta. */
*{box-sizing:border-box}
body{margin:0;color:#3b2f2a;font:500 17px/1.65 ui-rounded,"SF Pro Rounded",-apple-system,system-ui,sans-serif;
background:radial-gradient(#f0dfcc 1.6px,transparent 2.2px) 0 0/24px 24px,#fdf6ec}
a{color:#c4583d}b,strong{font-weight:700}img{display:block;max-width:100%;height:auto}
h1,h2,.brand{font-weight:800;line-height:1.15;letter-spacing:-.01em}
.bar,footer{max-width:1040px;margin:0 auto;padding:18px 22px}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:21px;color:#3b2f2a;text-decoration:none}.brand img{border-radius:10px}
main{max-width:680px;margin:0 auto;padding:12px 22px 56px}main h1{font-size:36px;margin:0 0 6px}main h2{font-size:22px;margin:32px 0 6px}
.muted,footer{color:#76675c;font-size:15px}footer{border-top:2px dashed #ecdccb;padding-bottom:40px}
footer nav{display:flex;flex-wrap:wrap;gap:8px 20px}footer a{color:#3b2f2a}
main.home{max-width:1040px}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:20px 0 56px}
.hero h1{font-size:clamp(40px,6vw,62px);margin:10px 0 16px}
.eyebrow{color:#c4583d;font-weight:800;font-size:16px;margin:0}
.lead{font-size:20px;color:#76675c;margin:0 0 20px}
.soon{display:inline-block;background:#3b2f2a;color:#fff;border-radius:14px;padding:12px 20px;font-weight:700}
.phone img{width:300px;margin:0 auto;border:8px solid #fff;border-radius:40px;box-shadow:0 0 0 2px #ecdccb,0 24px 60px rgba(59,47,42,.18)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid.two{grid-template-columns:1fr 1fr;margin-top:24px}
.tile{background:#fff;border:2px solid #ecdccb;border-radius:28px;padding:22px 22px 26px}
.grid+.grid{margin-top:24px}.tile h2{font-size:22px;margin:0 0 6px}.pro{background:#3b2f2a;border-color:#3b2f2a}.pro h2{color:#fff}.pro p{color:#f7efe6}.tile p{margin:0;color:#76675c}
.tile>img{width:100%;border-radius:20px;border:2px solid #ecdccb;margin-bottom:18px}
@media(max-width:760px){.hero,.grid,.grid.two{grid-template-columns:1fr}.hero{text-align:center;gap:28px;padding-top:8px}}