*,*::before,*::after{box-sizing:border-box}
:root{
  /* Borító-illesztett alappaletta: szürkés-kékes / krém / meleg terrakotta */
  --bg:#F7F4EE; --card:#FFFFFF;
  --ink:#3A4048; --ink2:#565D63; --ink3:#8B9197;
  --sage:#7D8E97; --sage-mid:#5F7079; --sage-light:#E7ECEE;
  --terra:#D9A066; --terra-mid:#C4824A; --terra-light:#F3E2CE;

  /* HEAL × 4F × DISC szín-szimbolika */
  --heal-h:#B5483D; /* Healing — Fight / Domináns — piros */
  --heal-e:#E0A82E; /* Emotional — Flight / Influencer — sárga */
  --heal-a:#6E8B4F; /* Awareness — Fawn / Steady — zöld */
  --heal-l:#4A76A8; /* Life — Freeze / Compliance — kék */
}
body{font-family:'Open Sans',system-ui,sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden}
.title{font-family:'Montserrat',system-ui,sans-serif}
.healing-text{background:linear-gradient(90deg,var(--heal-h),var(--heal-e),var(--heal-a),var(--heal-l));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.accent-bar{background:linear-gradient(135deg,var(--terra-mid) 0%,var(--terra) 60%,var(--heal-e) 100%)}
.dark-section{background:linear-gradient(135deg,#3A4048 0%,#4C5862 45%,#6E7F88 100%)}
.dark-section-mid{background:linear-gradient(135deg,#4C5862 0%,#7D8E97 55%,#D9A066 100%)}
.nav-link{position:relative;padding-bottom:2px}
.nav-link::after{content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--terra);transition:.25s}
.nav-link:hover::after{width:100%}
.page-box{display:flex;flex-direction:column;border:1px solid rgba(125,142,151,.22);border-radius:1.25rem;overflow:hidden;cursor:default;transition:transform .25s,box-shadow .25s,border-color .25s;background:var(--card)}
.page-box.clickable{cursor:pointer}
.page-box:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(58,64,72,.12);border-color:rgba(217,160,102,.5)}
.heal-letter{font-size:4.5rem;line-height:1;opacity:.13;position:absolute;top:-.5rem;left:-.25rem;font-weight:800;font-family:'Montserrat',sans-serif}
.faq-ans{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .3s}
.faq-ans.open{max-height:800px;padding-bottom:1.25rem}
.faq-icon{transition:transform .3s}
.faq-q.open .faq-icon{transform:rotate(180deg)}
.page{display:none}
.page.active{display:block}
#mob-menu{transition:transform .3s ease;transform:translateX(100%)}
#mob-menu.open{transform:translateX(0)}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.fade-up{animation:fadeUp .65s ease both}
.logo-bg{background:#fff;border-radius:50%;padding:2px}
.preorder-badge{background:linear-gradient(135deg,var(--terra-mid) 0%,var(--heal-e) 100%)}
.banner-img{width:100%;max-height:380px;object-fit:cover;object-position:center}
@media(min-width:768px){.banner-img{max-height:440px}}

/* ── Download list (Pete Walker style resource list) ── */
.dl-item{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:.85rem;border:1px solid rgba(125,142,151,.2);background:var(--card);transition:border-color .2s,transform .2s}
.dl-item:hover{border-color:var(--terra);transform:translateX(3px)}

/* ── Multilingual switching ── */
[data-lang]{display:none}
html[lang="hu"] [data-lang="hu"]{display:block}
html[lang="hu"] span[data-lang="hu"],html[lang="hu"] a[data-lang="hu"]{display:inline}
html[lang="en"] [data-lang="en"]{display:block}
html[lang="en"] span[data-lang="en"],html[lang="en"] a[data-lang="en"]{display:inline}
html[lang="de"] [data-lang="de"]{display:block}
html[lang="de"] span[data-lang="de"],html[lang="de"] a[data-lang="de"]{display:inline}