/*
 * ON YOUR MARK CONSULTING — CONSULTATION PAGE
 * Squarespace JavaScript version
 *
 * Add a Code Block, set it to HTML, and paste this script between:
 * <script>
 *   [PASTE THIS FILE'S CONTENTS HERE]
 * </script>
 *
 * Place a native Squarespace Form Block directly beneath the Code Block.
 */
(function () {
  "use strict";

  if (document.getElementById("oym-consultation-page")) return;

  var styles = `
    #oym-consultation-page{font-family:inherit;color:#10243c;background:#fff;overflow:hidden}
    #oym-consultation-page *{box-sizing:border-box}
    #oym-consultation-page .oym-hero{background:#071a33;color:#fff;padding:clamp(48px,7vw,84px) 7%;position:relative;overflow:hidden}
    #oym-consultation-page .oym-hero:after{content:"";position:absolute;width:520px;height:520px;border:2px solid rgba(212,168,47,.28);border-radius:50%;right:-210px;top:-270px;box-shadow:0 0 0 38px rgba(212,168,47,.06),0 0 0 76px rgba(212,168,47,.035)}
    #oym-consultation-page .oym-eyebrow{color:#e8bd4f;font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:12px;position:relative;z-index:1}
    #oym-consultation-page h1{font-size:clamp(38px,6vw,66px);line-height:1.04;margin:14px 0 18px;max-width:760px;color:#fff;position:relative;z-index:1}
    #oym-consultation-page .oym-hero p{font-size:clamp(17px,2vw,20px);line-height:1.65;color:#d9e0e7;max-width:720px;margin:0;position:relative;z-index:1}
    #oym-consultation-page .oym-offer{display:inline-block;margin-top:25px;padding:9px 14px;border-left:4px solid #d4a82f;background:rgba(255,255,255,.06);font-weight:700;position:relative;z-index:1}
    #oym-consultation-page .oym-body{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;padding:52px 7%;background:linear-gradient(135deg,#f4f6f8 0%,#fff 58%)}
    #oym-consultation-page h2{color:#071a33;font-size:clamp(26px,3vw,34px);line-height:1.15;margin:10px 0 16px}
    #oym-consultation-page .oym-body p{line-height:1.65;color:#536274}
    #oym-consultation-page ul{list-style:none;padding:0;margin:25px 0}
    #oym-consultation-page li{position:relative;padding-left:30px;margin:15px 0;line-height:1.5;color:#263b52}
    #oym-consultation-page li:before{content:"✓";position:absolute;left:0;top:0;color:#b58a20;font-weight:800}
    #oym-consultation-page .oym-notice{border-left:4px solid #d4a82f;padding:17px 19px;background:#fff8e8;color:#384b60;line-height:1.55}
    #oym-consultation-page .oym-next{align-self:center;background:#fff;border:1px solid #d9e0e7;border-radius:14px;box-shadow:0 16px 45px rgba(7,26,51,.10);padding:34px}
    #oym-consultation-page .oym-next strong{color:#071a33}
    @media(max-width:760px){#oym-consultation-page .oym-body{grid-template-columns:1fr;padding:40px 6%}#oym-consultation-page .oym-hero{padding-left:6%;padding-right:6%}#oym-consultation-page .oym-next{padding:25px}}
  `;

  var markup = `
    <section id="oym-consultation-page">
      <div class="oym-hero">
        <div class="oym-eyebrow">On Your Mark Consulting</div>
        <h1>Let’s Talk About Your Next Move.</h1>
        <p>Apply for a complimentary 30-minute consultation designed to explore your business needs, clarify your priorities, and determine whether one-on-one consulting is the right fit.</p>
        <div class="oym-offer">Complimentary 30-minute consultation</div>
      </div>
      <div class="oym-body">
        <div>
          <div class="oym-eyebrow">Before You Apply</div>
          <h2>Is this consultation right for you?</h2>
          <p>This consultation is intended for owners of established small and medium-sized businesses who are ready for focused, strategic support.</p>
          <ul>
            <li>Your business has been operating for at least one year.</li>
            <li>You can clearly describe the challenge or opportunity you want to address.</li>
            <li>You are prepared to take action and invest time in the next phase of your business.</li>
          </ul>
          <div class="oym-notice"><strong>Still developing your idea?</strong><br>Businesses in the concept or startup stage are encouraged to begin with the Resource Center.</div>
        </div>
        <div class="oym-next">
          <div class="oym-eyebrow">Consultation Request</div>
          <h2>Tell us about your business.</h2>
          <p>Complete the screening form below with information about your company and the support you are seeking.</p>
          <p><strong>Please note:</strong> Submission does not guarantee acceptance or confirm an appointment. Qualified applicants will be contacted with next steps.</p>
        </div>
      </div>
    </section>
  `;

  var styleElement = document.createElement("style");
  styleElement.id = "oym-consultation-styles";
  styleElement.textContent = styles;
  document.head.appendChild(styleElement);

  var mountPoint = document.currentScript && document.currentScript.parentElement;
  if (!mountPoint) mountPoint = document.body;
  mountPoint.insertAdjacentHTML("beforeend", markup);
})();