/* MasterPeace Global — shared styles for the English funnel pages.
   Same design system as the Hebrew book funnel (masterpeace-landing-page skill),
   mirrored for LTR: cream background, pink headings, gold action buttons. */
:root{
  --font-display:'Fredoka','Assistant',sans-serif;
  --font-body:'Assistant',sans-serif;

  --cream:#FCF7EE;  --cream-deep:#F6EBD8;  --sand:#EFDFC4;  --white:#FFFDF8;
  --ink:#2B231C;    --ink-soft:#5A4B3D;    --ink-faint:#8B7A66;
  --gold:#A8801F;   --gold-mid:#C9A227;    --gold-light:#EBC65C;
  --rose:#D94F70;   --rose-deep:#B33753;   --rose-soft:#FBE7EC;

  --radius:16px;  --maxw:960px;  --narrow:660px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
html,body{overflow-x:hidden;}
body{
  margin:0;background:var(--cream);color:var(--ink);
  font-family:var(--font-body);font-size:20px;line-height:1.6;
  -webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;
}
img{max-width:100%;height:auto;display:block;}
picture{display:block;}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px;}
.narrow{max-width:var(--narrow);margin-inline:auto;}
section{padding:46px 0;}
.band{background:var(--cream-deep);}
.center{text-align:center;}

h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.2;margin:0 0 12px;}
h1{font-size:clamp(30px,5.2vw,48px);}
h2{font-size:clamp(25px,3.8vw,34px);}
h3{font-size:clamp(19px,2.4vw,22px);color:var(--rose-deep);font-weight:600;margin:22px 0 6px;}
p{margin:0 0 12px;text-wrap:pretty;}
strong{font-weight:700;color:var(--ink);}
.nb{white-space:nowrap;}
.emo{font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;font-size:.86em;white-space:nowrap;}

.goldline{width:52px;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-light));border:0;border-radius:2px;margin:0 auto 20px;}
.fade-line{height:1px;border:0;background:linear-gradient(90deg,transparent,var(--sand),transparent);margin:0;}

.logo{width:min(280px,62vw);margin:0 auto 14px;}
/* Slim logo strip at the top of every page */
.topbar{background:var(--white);border-bottom:1px solid var(--sand);padding:7px 0;text-align:center;box-shadow:0 4px 14px -12px rgba(120,90,40,.5);}
.topbar .logo{width:auto;height:40px;margin:0 auto;}

.crown-sm{width:34px;margin:0 auto 8px;opacity:.9;}

/* ---------- CTA (gold on every page) ---------- */
.cta-btn{
  display:inline-block;text-align:center;
  background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 55%,var(--gold-mid) 100%);
  color:#2B2109;font-family:var(--font-display);font-weight:600;
  font-size:clamp(18px,2.2vw,21px);text-decoration:none;border:0;cursor:pointer;
  padding:16px 40px;border-radius:999px;
  box-shadow:0 10px 24px -6px rgba(168,128,31,.5),0 2px 0 rgba(255,255,255,.55) inset;
  transition:transform .16s ease,box-shadow .16s ease;
}
.cta-btn:hover{transform:translateY(-2px);box-shadow:0 16px 32px -6px rgba(168,128,31,.6);}
.cta-btn .l1{display:block;line-height:1.2;}
.cta-btn .l2{display:block;font-size:.72em;font-weight:500;opacity:.92;margin-top:3px;}
.cta-block{text-align:center;margin:28px 0 0;}
.cta-note{font-size:15px;color:var(--ink-faint);margin:10px 0 0;}

footer{
  background:var(--cream-deep);text-align:center;
  padding:28px 20px;color:var(--ink-faint);font-size:13.5px;
  border-top:1px solid var(--sand);
}

@media (max-width:520px){
  body{font-size:19px;}
  section{padding:36px 0;}
  .cta-btn{display:block;width:100%;padding:16px 20px;}
}

/* Cents in big price displays: small and black, so "$8.88" never reads as "$888". */
.c{font-size:.55em;color:var(--ink);font-weight:600;letter-spacing:0;}