/* ============================================================
   Homepage promo: free digital book maker
   ============================================================ */
.mk{ position:relative; overflow:hidden; padding-block:clamp(56px,9vh,120px);
  background:
    radial-gradient(900px 420px at 85% 10%, var(--gold-glow), transparent 70%),
    var(--midnight-2); border-block:1px solid var(--hair); }
.mk__grid{ display:grid; grid-template-columns:1.05fr 1fr; gap:clamp(28px,5vw,80px); align-items:center; }
.mk__badge{ display:inline-flex; align-items:center; gap:.6em; margin-bottom:1.1rem;
  background:var(--gold); color:#1C1814; font-weight:800; font-size:.82rem; letter-spacing:.04em;
  padding:.45em 1.1em; border-radius:var(--radius-pill); }
.mk__badge::before{ content:"✦"; font-size:.9em; }
.mk h2{ font-size:var(--d-lg); line-height:1; margin:0 0 1.1rem; max-width:14ch; }
.mk h2 .hl{ color:var(--gold); }
.mk__lead{ font-size:clamp(1.05rem,1.5vw,1.3rem); color:var(--paper-2); line-height:1.65; max-width:34em; margin:0 0 1.5rem; }
.mk__chips{ display:flex; flex-wrap:wrap; gap:.6rem; margin:0 0 1.9rem; padding:0; list-style:none; }
.mk__chips li{ border:1px solid var(--hair); background:var(--hair-2); border-radius:var(--radius-pill);
  padding:.5em 1.1em; font-size:.95rem; font-weight:600; color:var(--paper); }
.mk__chips li::before{ content:"✓"; color:var(--gold); margin-inline-end:.5em; font-weight:800; }
.mk__cta{ display:flex; flex-wrap:wrap; align-items:center; gap:1rem 1.4rem; }
.mk__cta .btn{ font-size:1.1rem; padding:1.15em 2.4em; }
.mk__cta .tlink{ font-weight:600; color:var(--paper-2); }
.mk__cta .tlink:hover{ color:var(--gold); }
.mk__art{ position:relative; display:block; }
.mk__art img{ width:100%; height:auto; display:block; filter:drop-shadow(0 30px 40px rgba(0,0,0,.18));
  transition:transform .8s var(--ease); }
.mk__art:hover img{ transform:translateY(-6px) rotate(-.6deg); }
.mk__tip{ position:absolute; inset-inline-start:4%; bottom:4%; background:var(--midnight); color:var(--paper);
  border:1px solid var(--hair); border-radius:var(--radius-pill); padding:.55em 1.2em; font-weight:700; font-size:.9rem;
  box-shadow:0 12px 30px -14px rgba(0,0,0,.4); }
@media (max-width:860px){
  .mk__grid{ grid-template-columns:1fr; }
  .mk__art{ order:-1; max-width:520px; margin-inline:auto; }
  .mk h2{ max-width:none; }
}

/* ---- header call-to-action: free digital book ---- */
.hdr-mk{ position:relative; isolation:isolate; overflow:hidden; display:inline-flex; align-items:center; gap:.6em;
  padding:.78em 1.5em .78em 1.3em; border-radius:var(--radius-pill);
  font-family:var(--sans); font-weight:800; font-size:1.02rem; line-height:1; color:#1C1814; white-space:nowrap;
  background:linear-gradient(120deg,#B8903A,#D9B65E 45%,#F3DFA4 55%,#C9A24B 75%,#B8903A); background-size:220% 100%;
  border:1.5px solid rgba(255,255,255,.55);
  animation:hdrmk-bg 4s ease-in-out infinite, hdrmk-glow 2.2s ease-in-out infinite, hdrmk-bob 3s ease-in-out infinite;
  transition:transform .3s var(--ease); }
.hdr-mk::before{ content:""; position:absolute; inset:-20% auto -20% -40%; width:35%; z-index:-1;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.85),transparent); transform:skewX(-20deg);
  animation:hdrmk-sweep 2.8s ease-in-out infinite; }
.hdr-mk__ic{ width:1.25em; height:1.25em; flex:none; }
.hdr-mk__new{ background:var(--ink); color:#fff; font-size:.68em; font-weight:800; padding:.35em .6em; border-radius:100px; letter-spacing:.04em;
  animation:hdrmk-pop 1.6s ease-in-out infinite; }
.hdr-mk__ar{ display:inline-block; animation:hdrmk-nudge 1.1s ease-in-out infinite; }
.hdr-mk:hover{ transform:translateY(-2px) scale(1.04); }
@keyframes hdrmk-bg{ 0%,100%{ background-position:0% 0; } 50%{ background-position:100% 0; } }
@keyframes hdrmk-glow{ 0%,100%{ box-shadow:0 0 0 0 rgba(201,162,75,.55), 0 10px 26px -10px rgba(201,162,75,.7); }
  50%{ box-shadow:0 0 0 7px rgba(201,162,75,0), 0 14px 34px -8px rgba(201,162,75,.9); } }
@keyframes hdrmk-bob{ 0%,100%{ translate:0 0; } 50%{ translate:0 -2px; } }
@keyframes hdrmk-sweep{ 0%{ left:-40%; } 60%,100%{ left:120%; } }
@keyframes hdrmk-pop{ 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.12); } }
@keyframes hdrmk-nudge{ 0%,100%{ transform:translateX(0); } 50%{ transform:translateX(-5px); } }
/* narrow screens: the button gets its own row under the logo and the icons */
@media (max-width:1100px){ .hdr-mk{ font-size:.92rem; padding:.7em 1.2em .7em 1.05em; } }
@media (max-width:900px){
  .hdr{ flex-wrap:wrap; row-gap:10px; }
  .hdr > .hdr__brand{ flex:1 1 0; min-width:0; }
  .hdr > .hdr__right{ flex:none; }
  .hdr > .hdr__brand .hdr__mark{ flex:none; }
  .hdr-mk{ order:3; flex:1 1 100%; justify-content:center; font-size:.95rem; padding:.72em 1em; }
}
@media (prefers-reduced-motion:reduce){ .hdr-mk, .hdr-mk::before, .hdr-mk__new, .hdr-mk__ar{ animation:none; } }