/* Deep pages — same brand tokens as the home page, links page and shop. */
@font-face { font-family:'Erez'; src:url(wp-content/plugins/aleader-lider/assets/fonts/erez-light.woff2) format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:'Erez'; src:url(wp-content/plugins/aleader-lider/assets/fonts/erez-bold.woff2) format('woff2'); font-weight:700; font-display:swap; }
:root {
  --navy:#114E68; --navy-deep:#0E5A7D; --teal:#1C93A8; --teal-text:#157A8C; --cyan:#3BBBD0; --gold:#E0A93C; --gold-soft:#F0CE86;
  --mist:#E6F1F3; --paper:#FAF7F0; --ink:#114E68; --ink-soft:#5E7078; --card:#FFFFFF;
  --display:'Erez','Assistant','Heebo','Segoe UI',system-ui,sans-serif; --body:'Assistant','Heebo','Segoe UI',system-ui,sans-serif;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; font-family:var(--body); color:var(--ink); font-size:18px; line-height:1.7; background:var(--paper); -webkit-font-smoothing:antialiased; overflow-x:hidden; }
a { color:var(--navy); }
.wrap { max-width:1200px; margin:0 auto; padding-inline:16px; }
@media (min-width:1100px) { body { font-size:19px; } .wrap { padding-inline:32px; } .card { padding:34px 36px; border-radius:28px; } section.block { padding:56px 0; } }
.skip { position:absolute; inset-inline-start:-9999px; }
.skip:focus { inset-inline-start:16px; top:16px; background:var(--navy); color:#fff; padding:8px 16px; border-radius:8px; z-index:20; }

/* top bar */
.top { position:sticky; top:0; z-index:10; background:rgba(250,247,240,.92); backdrop-filter:blur(10px); border-bottom:1px solid rgba(17,78,104,.08); }
/* Same proportions as the home page bar: logo hugs the start edge, menu centered, button hugs the end edge. */
.bar { padding:14px 16px; display:flex; align-items:center; gap:16px; min-height:74px; }
.logo img { height:44px; width:auto; display:block; }
.bar nav { display:flex; gap:4px; flex:1; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
.bar nav::-webkit-scrollbar { display:none; }
.bar nav a { white-space:nowrap; text-decoration:none; font-weight:700; font-size:16px; padding:10px 14px; border-radius:999px; min-height:44px; display:inline-flex; align-items:center; }
@media (min-width:1100px) { .bar { padding:16px 40px; gap:32px; } .bar nav { gap:14px; justify-content:center; } .bar nav a { font-size:17px; padding:10px 18px; } .logo img { height:50px; } .wa { padding:14px 26px; font-size:17px; } }
.bar nav a[aria-current] { background:var(--mist); }
.bar nav a:hover { background:var(--mist); }
.wa { flex:none; text-decoration:none; font-family:var(--display); font-weight:700; background:var(--navy); color:#fff; padding:10px 18px; border-radius:999px; min-height:44px; display:inline-flex; align-items:center; }
.wa:hover { background:var(--navy-deep); }
@media (max-width:640px) { .wa { display:none; } }

/* hero */
.hero { padding:56px 0 36px; text-align:center;
  background:radial-gradient(120% 70% at 50% 0%, #D6E6E9 0%, transparent 65%), radial-gradient(60% 40% at 100% 100%, rgba(240,206,134,.35) 0%, transparent 60%); }
.eyebrow { font-family:var(--display); font-weight:700; color:var(--teal-text); font-size:17px; margin:0; letter-spacing:0; }
h1 { font-family:var(--display); font-weight:700; font-size:clamp(34px,6.5vw,56px); line-height:1.1; margin:6px 0 0; color:var(--navy); }
h1 .accent { color:var(--teal); }
.lede { max-width:760px; margin:14px auto 0; font-size:20px; color:var(--ink-soft); }

/* body blocks */
section.block { padding:40px 0; }
section.block + section.block { padding-top:0; }
h2 { font-family:var(--display); font-weight:700; font-size:clamp(26px,4vw,40px); line-height:1.2; margin:0 0 14px; color:var(--navy); }
h3 { font-family:var(--display); font-weight:700; font-size:22px; margin:0 0 6px; color:var(--navy); }
p { margin:0 0 14px; }
.card { background:var(--card); border-radius:24px; padding:26px 24px; border:1px solid rgba(17,78,104,.10); box-shadow:0 18px 40px -30px rgba(17,78,104,.5); }
.card + .card { margin-top:16px; }
.grid { display:grid; gap:16px; grid-template-columns:1fr; }
@media (min-width:720px) { .grid.two { grid-template-columns:1fr 1fr; } .grid.three { grid-template-columns:1fr 1fr 1fr; } }
@media (min-width:1100px) { .grid { gap:24px; } .faq { columns:1; } .steps2 { display:grid; grid-template-columns:1fr 1fr; gap:24px; } .steps2 .card + .card { margin-top:0; } .about2 { display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:start; } .about2 .card + .card { margin-top:0; } .photo { width:300px; } .stats li { min-width:200px; padding:18px 30px; } .stats b { font-size:40px; } }
.step { display:flex; gap:18px; align-items:flex-start; }
.step .n { flex:none; width:56px; height:56px; border-radius:18px; display:grid; place-items:center; background:var(--navy); color:#fff; font-family:var(--display); font-weight:700; font-size:26px; }
.step .letter { font-family:var(--display); color:var(--gold); font-size:15px; font-weight:700; }
.quote { font-family:var(--display); font-size:clamp(22px,3.4vw,30px); line-height:1.35; color:var(--navy); margin:0; padding-inline-start:18px; border-inline-start:4px solid var(--gold); }
.quote cite { display:block; font-family:var(--body); font-style:normal; font-size:16px; color:var(--ink-soft); margin-top:10px; }
ul.ticks { list-style:none; padding:0; margin:0; }
ul.ticks li { padding:8px 0; padding-inline-start:28px; position:relative; }
ul.ticks li::before { content:"❋"; color:var(--gold); position:absolute; inset-inline-start:0; }
.stats { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin:0; padding:0; list-style:none; }
.stats li { background:var(--card); border:1px solid rgba(17,78,104,.10); border-radius:18px; padding:14px 22px; text-align:center; min-width:140px; }
.stats b { display:block; font-family:var(--display); font-size:32px; color:var(--navy); line-height:1; font-variant-numeric:tabular-nums; }
.stats span { font-size:15px; color:var(--ink-soft); }
.photo { width:min(260px,70vw); aspect-ratio:1; border-radius:50%; padding:5px; margin:0 auto 20px; background:conic-gradient(from 200deg, var(--gold), var(--cyan), var(--teal), var(--gold)); box-shadow:0 18px 40px -18px rgba(17,78,104,.55); }
.photo img { width:100%; height:100%; border-radius:50%; object-fit:cover; display:block; border:4px solid var(--paper); }
.stars { color:var(--gold); letter-spacing:2px; font-size:18px; }
.who { display:flex; align-items:center; gap:12px; margin-top:14px; }
.who .av { width:44px; height:44px; border-radius:50%; display:grid; place-items:center; background:var(--mist); color:var(--navy); font-family:var(--display); font-weight:700; font-size:20px; flex:none; }
.who b { display:block; font-size:16px; } .who span { font-size:14px; color:var(--ink-soft); }
.tags { display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; }
.tags li { background:var(--mist); color:var(--navy); border-radius:999px; padding:8px 16px; font-weight:700; font-size:15px; }
.faq details { background:var(--card); border:1px solid rgba(17,78,104,.10); border-radius:18px; padding:4px 20px; margin-bottom:10px; }
.faq summary { cursor:pointer; font-family:var(--display); font-weight:700; font-size:20px; color:var(--navy); padding:14px 0; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:12px; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary::after { content:"+"; font-size:26px; color:var(--teal); flex:none; transition:transform .2s; }
.faq details[open] summary::after { transform:rotate(45deg); }
.faq details p { padding-bottom:14px; margin:0; color:var(--ink-soft); }
.note { background:#FBEFD6; border-radius:14px; padding:12px 16px; font-size:16px; color:#6b4a0c; }

/* cta + footer */
.cta { margin-top:24px; padding:48px 0; background:var(--navy); color:#fff; text-align:center; }
.cta h2 { color:#fff; } .cta p { color:rgba(255,255,255,.82); max-width:560px; margin:0 auto 20px; }
.btns { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
.btn { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 26px; border-radius:999px; text-decoration:none; font-family:var(--display); font-weight:700; font-size:18px; }
.btn.primary { background:var(--gold); color:var(--navy); } .btn.primary:hover { background:var(--gold-soft); }
.btn.soft { border:2px solid rgba(255,255,255,.7); color:#fff; } .btn.soft:hover { background:rgba(255,255,255,.12); }
.foot { text-align:center; padding:28px 16px 40px; font-size:15px; color:var(--ink-soft); }
.foot a { display:inline-block; padding:10px 6px; min-height:44px; }
.foot p { margin:4px 0 0; }
:focus-visible { outline:3px solid var(--gold); outline-offset:3px; border-radius:6px; }

/* arrival */
.arrive { opacity:0; animation:arrive .62s cubic-bezier(.2,.9,.25,1.15) forwards; animation-delay:calc(var(--i, 0) * 120ms + 80ms); }
.reveal { opacity:0; transform:translateY(22px); transition:opacity .55s ease, transform .55s cubic-bezier(.2,.9,.25,1.1); transition-delay:calc(var(--i, 0) * 90ms); }
.reveal.in { opacity:1; transform:none; }
@keyframes arrive { 0% { opacity:0; transform:translateY(22px) scale(.96); } 100% { opacity:1; transform:none; } }
@media (prefers-reduced-motion: reduce) { .arrive, .reveal { animation:none; opacity:1; transform:none; transition:none; } }