// justask.jsx — kompaktní verze: snížená výška, mírnější tón, víc o Tomášovi
function Justask() {
  return (
    <section className="justask-v2 justask-v2--compact" id="justask" data-screen-label="05 Justask">

      <img className="justask-v2__heart" src="./assets/sym-heart.png" alt="" aria-hidden="true" />
      <div className="shell" style={{ padding: 0, position: 'relative', zIndex: 2 }}>
        <div className="justask-v2__grid">
          <div>
            <span className="eyebrow" data-reveal style={{ color: 'var(--ink-2)' }}>
              <span style={{ background: 'var(--ink-2)', width: 6, height: 6, borderRadius: 999, display: 'inline-block', marginRight: 10 }} />
              04 / Justask · konzultace zdarma
            </span>
            <h2 className="justask-v2__title" data-reveal style={{ marginTop: 18 }}>
              hodina <em style={{ fontWeight: "500" }}><span style={{ color: "#1a1a1a" }}>zdarma</span></em><br />s Tomášem
            </h2>
            <p className="justask-v2__lede" data-reveal style={{ "--reveal-delay": "160ms" }}>
              V klidu projdeme tvůj projekt, najdeme díry a sepíšeme plán, co s tím dál. Bez závazku, bez prodeje, bez šablon.
            </p>

            <div className="justask-v2__bullets justask-v2__bullets--inline" data-reveal style={{ "--reveal-delay": "260ms" }}>
              <div className="justask-v2__bullet">
                <span style={{ fontSize: 18 }}>⏱</span>
                <span><b>60 minut</b>online nebo v Brně</span>
              </div>
              <div className="justask-v2__bullet">
                <span style={{ fontSize: 18 }}>✦</span>
                <span><b>nezaujatý pohled</b>marketing je naše denní téma</span>
              </div>
              <div className="justask-v2__bullet">
                <span style={{ fontSize: 18 }}>↗</span>
                <span><b>konkrétní kroky</b>akční plán, ne obecné fráze</span>
              </div>
              <div className="justask-v2__bullet">
                <span style={{ fontSize: 18 }}>○</span>
                <span><b>žádný závazek</b>nečekáme nic na oplátku</span>
              </div>
            </div>

            <div className="justask-v2__cta" data-reveal style={{ "--reveal-delay": "360ms" }}>
              <a className="btn" href="https://ask.justmighty.cz" target="_blank" rel="noopener">
                Rezervovat termín
                <span className="arrow">↗</span>
              </a>
              <a className="justask-v2__url" href="#" onClick={(e) => {e.preventDefault();window.__appNav && window.__appNav('justask');}}>plná stránka Justask</a>
            </div>
          </div>

          <div className="justask-host justask-host--compact" data-reveal style={{ "--reveal-delay": "200ms", maxWidth: "600px", backgroundColor: "rgba(26, 26, 26, 0.8)" }}>
            <div className="justask-host__photo-big">
              <span className="justask-host__badge">TERMÍNY VYPSÁNY</span>
              <div className="justask-host__photo-meta">
                <span className="justask-host__photo-tag">15+ let · 500+ projektů</span>
              </div>
            </div>
            <div className="justask-host__info">
              <div className="justask-host__head">
                <h3 className="justask-host__name">Tomáš Pohl</h3>
                <p className="justask-host__role">zakladatel Justmighty · CEO</p>
              </div>
              <p className="justask-host__bio">
                Specializuje se na <b>marketingovou strategii, positioning značek a růst firem</b> — od startupů po zavedené byznysy.
              </p>
            </div>
          </div>
        </div>
      </div>
    </section>);

}
window.Justask = Justask;