/* Start custom CSS for html, class: .elementor-element-ce3279a */Paste the HTML into your HTML widget, then paste the CSS into the page’s custom CSS area.

### HTML + JavaScript

```html
<section class="arph" id="ar-private-hire" aria-labelledby="arph-title">
  <div class="arph-hero">
    <span class="arph-orb arph-orb--one" aria-hidden="true"></span>
    <span class="arph-orb arph-orb--two" aria-hidden="true"></span>

    <div class="arph-shell arph-hero__inner">
      <div class="arph-hero__copy">
        <p class="arph-eyebrow">Your place. Your people. Your adventure.</p>
        <h1 id="arph-title">Make the whole place yours.</h1>

        <p class="arph-lead">
          From big birthdays and family celebrations to school groups and team
          events, private hire gives your group an unforgettable AdventureRama
          experience at Hutt Park.
        </p>

        <div class="arph-actions">
          <button
            class="arph-btn arph-btn--pink"
            type="button"
            data-arph-checkout
          >
            Book private hire in ROLLER
          </button>

          <a class="arph-btn arph-btn--ghost" href="#arph-options">
            Compare hire options <span aria-hidden="true">↓</span>
          </a>
        </div>

        <div class="arph-hero__facts" aria-label="Private hire highlights">
          <span>Exclusive activity-area options</span>
          <span>Catering available</span>
          <span>Free onsite parking</span>
        </div>
      </div>

      <aside class="arph-event-card" aria-label="Events we can host">
        <p class="arph-event-card__kicker">Built for big days</p>
        <h2>One venue. Loads of ways to celebrate.</h2>

        <ul>
          <li>
            <span aria-hidden="true">★</span>
            Birthdays &amp; family celebrations
          </li>
          <li>
            <span aria-hidden="true">★</span>
            Corporate functions &amp; team building
          </li>
          <li>
            <span aria-hidden="true">★</span>
            Schools &amp; holiday programmes
          </li>
          <li>
            <span aria-hidden="true">★</span>
            Clubs, community groups &amp; get-togethers
          </li>
        </ul>

        <p class="arph-event-card__note">
          Final times, inclusions and availability are confirmed in ROLLER or
          directly with our team.
        </p>
      </aside>
    </div>
  </div>

  <div class="arph-main">
    <section
      class="arph-section arph-shell"
      id="arph-options"
      aria-labelledby="arph-options-title"
    >
      <div class="arph-heading">
        <div>
          <p class="arph-eyebrow arph-eyebrow--pink">
            Choose your private hire
          </p>

          <h2 id="arph-options-title">Find the right fit for your group</h2>

          <p>
            Choose the activity your group will love. Book Jumperama, Clip ’N
            Climb or Cyberpunk Ninja through ROLLER, or contact us directly for
            Junglerama.
          </p>
        </div>
      </div>

      <div class="arph-options">
        <!-- JUNGLERAMA -->
        <article class="arph-option arph-option--jungle">
          <div class="arph-option__header">
            <img
              class="arph-logo arph-logo--wide"
              src="https://adventurerama.co.nz/wp-content/uploads/2026/07/Junglerama-transparent.png"
              alt="Junglerama"
            >

            <span class="arph-badge">After-hours exclusive</span>
          </div>

          <div class="arph-option__body">
            <p class="arph-option__type">Indoor playground private hire</p>
            <h3>Exclusive Junglerama</h3>

            <p class="arph-option__intro">
              Give your group exclusive use of the Junglerama playland for two
              action-packed evening hours.
            </p>

            <dl class="arph-prices">
              <div>
                <dt>6:00pm–8:00pm private hire</dt>
                <dd>$800</dd>
              </div>

              <div>
                <dt>Each additional hour, or part after 8:00pm</dt>
                <dd>$300</dd>
              </div>

              <div>
                <dt>Non-refundable booking deposit</dt>
                <dd>$100</dd>
              </div>

              <div>
                <dt>Refundable cleaning bond</dt>
                <dd>$200</dd>
              </div>
            </dl>

            <ul class="arph-checklist">
              <li>Exclusive use of the Junglerama playland</li>
              <li>Catering packages are available</li>
              <li>BYO catering may be approved for an additional fee</li>
              <li>Socks are required in the play area</li>
            </ul>

            <p class="arph-smallprint">
              Kitchen facilities and catering are not included in the base hire.
              The bond is refundable when the booked areas are left in a
              reasonable condition.
            </p>
          </div>

          <div class="arph-option__footer">
            <a
              class="arph-btn arph-btn--pink arph-btn--full"
              href="https://adventurerama.co.nz/contact-us/"
            >
              Contact us about Junglerama
            </a>

            <a class="arph-text-link" href="tel:+6445894888">
              Questions? Call 04 589 4888
            </a>
          </div>
        </article>

        <!-- JUMPERAMA -->
        <article class="arph-option arph-option--jump">
          <div class="arph-option__header">
            <img
              class="arph-logo arph-logo--wide"
              src="https://adventurerama.co.nz/wp-content/uploads/2026/07/Jumperama-transparent.png"
              alt="Jumperama"
            >

            <span class="arph-badge">Up to 80 guests</span>
          </div>

          <div class="arph-option__body">
            <p class="arph-option__type">Trampoline park private hire</p>
            <h3>Exclusive Jumperama</h3>

            <p class="arph-option__intro">
              Take over the Jumperama trampoline park for a high-energy event
              your group will be talking about long after the final bounce.
            </p>

            <dl class="arph-prices">
              <div>
                <dt>Private hire</dt>
                <dd>$800/hr</dd>
              </div>

              <div>
                <dt>Maximum group size</dt>
                <dd>80 people</dd>
              </div>

              <div>
                <dt>Booking deposit</dt>
                <dd>Required</dd>
              </div>
            </dl>

            <ul class="arph-checklist">
              <li>Exclusive use of the Jumperama trampoline area</li>
              <li>Safety briefing before guests enter the trampolines</li>
              <li>Jumperama grip socks must be worn</li>
              <li>Children aged 4 and under need adult supervision</li>
            </ul>

            <p class="arph-smallprint">
              Ask the team whether grip socks and catering are included in your
              selected package before completing payment.
            </p>
          </div>

          <div class="arph-option__footer">
            <button
              class="arph-btn arph-btn--pink arph-btn--full"
              type="button"
              data-arph-checkout
            >
              Check dates &amp; book
            </button>

            <a class="arph-text-link" href="tel:+6445894888">
              Questions? Call 04 589 4888
            </a>
          </div>
        </article>

        <!-- CLIP 'N CLIMB -->
        <article class="arph-option arph-option--climb">
          <div class="arph-option__header">
            <img
              class="arph-logo"
              src="https://adventurerama.co.nz/wp-content/uploads/2026/07/CNC-Orange-white-transparent.png"
              alt="Clip ’N Climb"
            >

            <span class="arph-badge">Ages 4+</span>
          </div>

          <div class="arph-option__body">
            <p class="arph-option__type">Climbing arena private hire</p>
            <h3>Exclusive Clip ’N Climb</h3>

            <p class="arph-option__intro">
              Turn the climbing arena into your group’s own vertical adventure,
              with colourful challenges for beginners and confident climbers.
            </p>

            <ul class="arph-checklist">
              <li>Private access to the Clip ’N Climb activity area</li>
              <li>Suitable for climbers aged 4 years and over</li>
              <li>Minimum weight 10kg and maximum weight 150kg</li>
              <li>Harness fitting and a safety briefing are required</li>
              <li>Soft-sole sports shoes and comfortable clothing are required</li>
            </ul>

            <p class="arph-smallprint">
              Arrive at the time shown in your booking confirmation for
              check-in, harness fitting and safety instructions. Children aged
              14 and under must have a parent or guardian present.
            </p>
          </div>

          <div class="arph-option__footer">
            <button
              class="arph-btn arph-btn--pink arph-btn--full"
              type="button"
              data-arph-checkout
            >
              Check dates &amp; book
            </button>

            <a class="arph-text-link" href="tel:+6445894888">
              Questions? Call 04 589 4888
            </a>
          </div>
        </article>

        <!-- CYBERPUNK NINJA -->
        <article class="arph-option arph-option--ninja">
          <div class="arph-option__header">
            <img
              class="arph-logo"
              src="https://adventurerama.co.nz/wp-content/uploads/2026/07/Cyberpunk-logo-transparent.png"
              alt="Cyberpunk Ninja"
            >

            <span class="arph-badge">Ages 8+ · 120cm+</span>
          </div>

          <div class="arph-option__body">
            <p class="arph-option__type">Ninja arena private hire</p>
            <h3>Exclusive Cyberpunk Ninja</h3>

            <p class="arph-option__intro">
              Give your crew the Cyberpunk Ninja arena and let them race,
              balance, climb and take on the obstacles together.
            </p>

            <ul class="arph-checklist">
              <li>Private access to the Cyberpunk Ninja activity area</li>
              <li>Participants must be at least 8 years old and 120cm tall</li>
              <li>Minimum participant weight is 20kg</li>
              <li>AdventureRama grip socks must be worn</li>
              <li>Safety briefing and staff instructions must be followed</li>
            </ul>

            <p class="arph-smallprint">
              Maximum weight is 90kg for the high ropes and Aircoaster, and
              110kg in the general arena. Guests aged 14 and under must have a
              parent or guardian present.
            </p>
          </div>

          <div class="arph-option__footer">
            <button
              class="arph-btn arph-btn--pink arph-btn--full"
              type="button"
              data-arph-checkout
            >
              Check dates &amp; book
            </button>

            <a class="arph-text-link" href="tel:+6445894888">
              Questions? Call 04 589 4888
            </a>
          </div>
        </article>
      </div>

      <p class="arph-price-note">
        Current prices, times, capacities and inclusions for Jumperama, Clip ’N
        Climb and Cyberpunk Ninja are shown in ROLLER. Junglerama availability
        and final details are confirmed directly by our team.
      </p>
    </section>

    <section
      class="arph-section arph-section--steps"
      aria-labelledby="arph-steps-title"
    >
      <div class="arph-shell">
        <div class="arph-heading arph-heading--light">
          <div>
            <p class="arph-eyebrow arph-eyebrow--lime">
              Simple from start to finish
            </p>

            <h2 id="arph-steps-title">How private hire works</h2>
          </div>
        </div>

        <ol class="arph-steps">
          <li>
            <span class="arph-step-number">01</span>
            <h3>Choose your adventure</h3>

            <p>
              Pick Junglerama, Jumperama, Clip ’N Climb or Cyberpunk Ninja for
              your group.
            </p>
          </li>

          <li>
            <span class="arph-step-number">02</span>
            <h3>Book or contact us</h3>

            <p>
              Use ROLLER for Jumperama, Clip ’N Climb and Cyberpunk Ninja.
              Contact us directly for Junglerama.
            </p>
          </li>

          <li>
            <span class="arph-step-number">03</span>
            <h3>Confirm the details</h3>

            <p>
              We will confirm your guest numbers, timing, catering, deposit and
              any extras.
            </p>
          </li>

          <li>
            <span class="arph-step-number">04</span>
            <h3>Bring the crew</h3>

            <p>
              Arrive at the confirmed time, complete the safety briefing and
              enjoy your event.
            </p>
          </li>
        </ol>
      </div>
    </section>

    <section
      class="arph-section arph-shell"
      id="arph-before-booking"
      aria-labelledby="arph-before-title"
    >
      <div class="arph-heading">
        <div>
          <p class="arph-eyebrow arph-eyebrow--pink">Good to know</p>
          <h2 id="arph-before-title">Before you book</h2>

          <p>
            A quick checklist helps the day run smoothly and keeps every guest
            ready for the fun.
          </p>
        </div>
      </div>

      <div class="arph-info-grid">
        <article class="arph-info">
          <span class="arph-info__icon" aria-hidden="true">✓</span>
          <h3>Availability &amp; deposits</h3>

          <p>
            All private hire is subject to availability. A deposit is required
            to secure a booking, and package-specific deposits may be
            non-refundable.
          </p>
        </article>

        <article class="arph-info">
          <span class="arph-info__icon" aria-hidden="true">↗</span>
          <h3>Safety &amp; supervision</h3>

          <p>
            Guests must follow staff instructions, safety briefings, displayed
            rules and the requirements of each activity. Children must be
            supervised where required.
          </p>
        </article>

        <article class="arph-info">
          <span class="arph-info__icon" aria-hidden="true">●</span>
          <h3>Socks, shoes &amp; clothing</h3>

          <p>
            Jumperama and Junglerama require socks, Cyberpunk Ninja requires
            AdventureRama grip socks, and Clip ’N Climb requires soft-sole
            sports shoes. Wear comfortable clothing and tie back long hair.
          </p>
        </article>

        <article class="arph-info">
          <span class="arph-info__icon" aria-hidden="true">+</span>
          <h3>Food &amp; catering</h3>

          <p>
            Catering is available. Outside food is not normally permitted
            unless it is included in your booking agreement; approved BYO
            catering may attract an additional fee.
          </p>
        </article>

        <article class="arph-info">
          <span class="arph-info__icon" aria-hidden="true">⌁</span>
          <h3>Guest numbers &amp; extras</h3>

          <p>
            Confirm final guest numbers and any catering, activity or time
            upgrades by the deadline provided in your booking confirmation.
          </p>
        </article>

        <article class="arph-info">
          <span class="arph-info__icon" aria-hidden="true">⌂</span>
          <h3>Getting here</h3>

          <p>
            AdventureRama is at 93 Hutt Park Road, Moera, Lower Hutt. Free
            off-street parking is available onsite.
          </p>
        </article>
      </div>

      <div class="arph-safety-link">
        <div>
          <strong>Planning a mixed-activity event?</strong>
          <p>Review the rules for every activity included in your booking.</p>
        </div>

        <a href="https://adventurerama.co.nz/safety/">
          Read the safety rules
        </a>
      </div>
    </section>

    <section
      class="arph-section arph-section--faq"
      aria-labelledby="arph-faq-title"
    >
      <div class="arph-shell arph-faq-layout">
        <div class="arph-faq-intro">
          <p class="arph-eyebrow arph-eyebrow--pink">Private hire FAQs</p>
          <h2 id="arph-faq-title">Questions before the big day?</h2>

          <p>
            Junglerama enquiries go directly to our team; the other three
            private-hire options can be booked in ROLLER.
          </p>

          <a class="arph-btn arph-btn--purple" href="tel:+6445894888">
            Call 04 589 4888
          </a>
        </div>

        <div class="arph-faqs">
          <details>
            <summary>Is private hire exclusive?</summary>

            <p>
              Private hire provides use of the named activity area for the
              confirmed hire period. Shared spaces, catering areas and other
              departments are included only when stated in your booking
              confirmation.
            </p>
          </details>

          <details>
            <summary>Can we add more time?</summary>

            <p>
              Junglerama lists additional time after 8:00pm at $300 per hour or
              part thereof. Other extensions depend on venue availability and
              must be confirmed with the team.
            </p>
          </details>

          <details>
            <summary>Can we bring our own food?</summary>

            <p>
              Catering is available onsite. Outside food is not normally
              permitted unless approved as part of your booking. Junglerama BYO
              catering may be available for an additional fee.
            </p>
          </details>

          <details>
            <summary>How do I book Junglerama?</summary>

            <p>
              Junglerama private hire is currently booked by contacting the
              AdventureRama team. Use the Contact Us button above or call
              04 589 4888 so the team can confirm availability and details.
            </p>
          </details>

          <details>
            <summary>
              Who can take part in Clip ’N Climb and Cyberpunk Ninja?
            </summary>

            <p>
              Clip ’N Climb is for ages 4+ with a 10kg minimum and 150kg maximum
              weight. Cyberpunk Ninja is for ages 8+, requires a minimum height
              of 120cm and minimum weight of 20kg, and has activity-specific
              maximum weight limits.
            </p>
          </details>
        </div>
      </div>
    </section>

    <section class="arph-final">
      <div class="arph-shell arph-final__inner">
        <div>
          <p class="arph-eyebrow arph-eyebrow--lime">Ready to take over?</p>
          <h2>Lock in a day your group will remember.</h2>

          <p>
            Book Jumperama, Clip ’N Climb or Cyberpunk Ninja in ROLLER, or
            contact us for Junglerama.
          </p>
        </div>

        <div class="arph-final__actions">
          <button
            class="arph-btn arph-btn--pink"
            type="button"
            data-arph-checkout
          >
            Check dates &amp; book
          </button>

          <a
            class="arph-btn arph-btn--ghost"
            href="https://adventurerama.co.nz/contact-us/"
          >
            Contact us for Junglerama
          </a>
        </div>
      </div>
    </section>
  </div>
</section>

<script>
  (function () {
    var root = document.getElementById("ar-private-hire");

    if (!root || root.getAttribute("data-arph-ready") === "true") {
      return;
    }

    root.setAttribute("data-arph-ready", "true");

    var checkoutUrl =
      "https://ecom.roller.app/huttindoorsports/privatehire/en/home";

    function loadRoller() {
      if (
        window.RollerCheckout &&
        typeof window.RollerCheckout.show === "function"
      ) {
        return Promise.resolve(window.RollerCheckout);
      }

      if (window.__arphRollerLoaderPromise) {
        return window.__arphRollerLoaderPromise;
      }

      window.__arphRollerLoaderPromise = new Promise(function (
        resolve,
        reject
      ) {
        var configScript = document.querySelector(
          "script#roller-checkout"
        );

        if (!configScript) {
          configScript = document.createElement("script");
          configScript.id = "roller-checkout";
          configScript.src =
            "https://cdn.rollerdigital.com/scripts/widget/checkout_iframe.js";
          configScript.setAttribute("data-checkout", checkoutUrl);
        } else {
          configScript.setAttribute("data-checkout", checkoutUrl);
        }

        function ready() {
          if (
            window.RollerCheckout &&
            typeof window.RollerCheckout.show === "function"
          ) {
            resolve(window.RollerCheckout);
          } else {
            reject(new Error("ROLLER checkout did not initialise."));
          }
        }

        if (!configScript.parentNode) {
          configScript.addEventListener("load", ready, {
            once: true
          });

          configScript.addEventListener("error", reject, {
            once: true
          });

          document.head.appendChild(configScript);
        } else {
          var recoveryScript = document.createElement("script");

          recoveryScript.src =
            "https://cdn.rollerdigital.com/scripts/widget/checkout_iframe.js";

          recoveryScript.addEventListener("load", ready, {
            once: true
          });

          recoveryScript.addEventListener("error", reject, {
            once: true
          });

          document.head.appendChild(recoveryScript);
        }
      });

      return window.__arphRollerLoaderPromise;
    }

    function openCheckout() {
      loadRoller()
        .then(function (roller) {
          if (typeof roller.setCheckoutUrl === "function") {
            roller.setCheckoutUrl(checkoutUrl);
          }

          roller.show();
        })
        .catch(function () {
          window.location.href = checkoutUrl;
        });
    }

    root.addEventListener("click", function (event) {
      var trigger = event.target.closest("[data-arph-checkout]");

      if (!trigger) {
        return;
      }

      event.preventDefault();
      openCheckout();
    });
  }());
</script>
```

### CSS

```css
.arph,
.arph * {
  box-sizing: border-box;
}

.arph {
  --arph-purple: #321846;
  --arph-purple-2: #4e286d;
  --arph-purple-3: #6c3f8b;
  --arph-pink: #ed4778;
  --arph-pink-dark: #d92f68;
  --arph-lime: #c8dc4b;
  --arph-ink: #2b1b35;
  --arph-muted: #6f6575;
  --arph-soft: #f7f3f8;
  --arph-line: #e8dfea;
  --arph-white: #ffffff;

  overflow: hidden;

  color: var(--arph-ink);
  background: var(--arph-white);

  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.55;
}

.arph button,
.arph a {
  font: inherit;
}

.arph a {
  color: inherit;
}

.arph img {
  max-width: 100%;
}

.arph h1,
.arph h2,
.arph h3,
.arph p {
  margin-top: 0;
}

.arph h1,
.arph h2,
.arph h3 {
  color: var(--arph-purple);

  font-weight: 900;
  line-height: 1.04;
  letter-spacing: -0.035em;
}

.arph h1 {
  max-width: 780px;
  margin-bottom: 22px;

  color: #ffffff;

  font-size: clamp(3rem, 7vw, 6.2rem);
}

.arph h2 {
  margin-bottom: 14px;
  font-size: clamp(2.2rem, 4.8vw, 4rem);
}

.arph h3 {
  margin-bottom: 12px;
  font-size: clamp(1.45rem, 2.5vw, 2rem);
}

.arph-shell {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

.arph-eyebrow {
  margin-bottom: 12px;

  color: var(--arph-lime);

  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.arph-eyebrow--pink {
  color: var(--arph-pink);
}

.arph-eyebrow--lime {
  color: var(--arph-lime);
}

/* HERO */

.arph-hero {
  position: relative;
  isolation: isolate;

  overflow: hidden;

  color: #ffffff;

  background:
    radial-gradient(
      circle at 88% 10%,
      rgba(237, 71, 120, 0.36),
      transparent 27%
    ),
    radial-gradient(
      circle at 5% 100%,
      rgba(200, 220, 75, 0.15),
      transparent 26%
    ),
    linear-gradient(
      135deg,
      #251033 0%,
      #3d1d55 52%,
      #5a2b77 100%
    );
}

.arph-hero::after {
  content: "";

  position: absolute;
  right: -7%;
  bottom: -130px;
  left: -7%;
  z-index: -1;

  height: 210px;

  border-radius: 50% 50% 0 0;

  background: #ffffff;

  transform: scaleX(1.15);
}

.arph-orb {
  position: absolute;
  z-index: -1;

  border: 2px solid rgba(255, 255, 255, 0.13);
  border-radius: 50%;

  pointer-events: none;
}

.arph-orb--one {
  top: -180px;
  right: -120px;

  width: 520px;
  height: 520px;
}

.arph-orb--two {
  bottom: 70px;
  left: -100px;

  width: 280px;
  height: 280px;
}

.arph-hero__inner {
  display: grid;
  grid-template-columns:
    minmax(0, 1.4fr)
    minmax(300px, 0.6fr);
  align-items: center;

  gap: 70px;

  min-height: 760px;

  padding-top: 100px;
  padding-bottom: 190px;
}

.arph-lead {
  max-width: 740px;
  margin-bottom: 30px;

  color: rgba(255, 255, 255, 0.78);

  font-size: clamp(1.08rem, 2.1vw, 1.35rem);
  line-height: 1.6;
}

.arph-actions,
.arph-final__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
}

/* BUTTONS */

.arph-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 52px;
  padding: 14px 21px;

  border: 2px solid transparent;
  border-radius: 13px;

  font-weight: 900;
  line-height: 1.2;
  text-align: center;
  text-decoration: none !important;

  cursor: pointer;

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease;
}

.arph-btn:hover {
  transform: translateY(-2px);
}

.arph-btn:focus-visible,
.arph a:focus-visible,
.arph summary:focus-visible {
  outline: 3px solid var(--arph-lime);
  outline-offset: 4px;
}

.arph-btn--pink {
  color: #ffffff !important;

  background:
    linear-gradient(
      135deg,
      #f25585,
      var(--arph-pink-dark)
    );

  box-shadow:
    0 12px 28px rgba(237, 71, 120, 0.3);
}

.arph-btn--pink:hover {
  background:
    linear-gradient(
      135deg,
      #ff6391,
      #ca265e
    );

  box-shadow:
    0 16px 34px rgba(237, 71, 120, 0.4);
}

.arph-btn--purple {
  color: #ffffff !important;
  background: var(--arph-purple-2);

  box-shadow:
    0 11px 26px rgba(50, 24, 70, 0.22);
}

.arph-btn--purple:hover {
  background: var(--arph-purple-3);
}

.arph-btn--ghost {
  color: #ffffff !important;

  border-color: rgba(255, 255, 255, 0.5);

  background: rgba(255, 255, 255, 0.07);
}

.arph-btn--ghost:hover {
  border-color: #ffffff;
  background: rgba(255, 255, 255, 0.14);
}

.arph-btn--full {
  width: 100%;
}

/* HERO DETAILS */

.arph-hero__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;

  margin-top: 26px;
}

.arph-hero__facts span {
  padding: 7px 11px;

  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;

  color: rgba(255, 255, 255, 0.82);
  background: rgba(255, 255, 255, 0.07);

  font-size: 0.82rem;
  font-weight: 800;
}

.arph-event-card {
  position: relative;

  padding: 33px;

  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 26px;

  background: rgba(255, 255, 255, 0.1);

  box-shadow:
    0 30px 80px rgba(19, 7, 28, 0.28);

  backdrop-filter: blur(12px);
}

.arph-event-card::before {
  content: "";

  position: absolute;
  top: 17px;
  right: 17px;

  width: 12px;
  height: 12px;

  border-radius: 50%;

  background: var(--arph-lime);

  box-shadow:
    0 0 0 8px rgba(200, 220, 75, 0.13);
}

.arph-event-card__kicker {
  margin-bottom: 10px;

  color: var(--arph-lime);

  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.arph-event-card h2 {
  margin-bottom: 24px;

  color: #ffffff;

  font-size: clamp(1.9rem, 3vw, 2.55rem);
}

.arph-event-card ul {
  display: grid;
  gap: 13px;

  margin: 0;
  padding: 0;

  list-style: none;
}

.arph-event-card li {
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 9px;

  color: rgba(255, 255, 255, 0.84);

  font-weight: 800;
}

.arph-event-card li span {
  color: var(--arph-pink);
}

.arph-event-card__note {
  margin: 24px 0 0;
  padding-top: 19px;

  border-top:
    1px solid rgba(255, 255, 255, 0.15);

  color: rgba(255, 255, 255, 0.63);

  font-size: 0.85rem;
}

/* MAIN SECTIONS */

.arph-main {
  position: relative;
}

.arph-section {
  padding-top: 84px;
  padding-bottom: 84px;
}

.arph-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;

  gap: 35px;

  margin-bottom: 38px;
}

.arph-heading > div {
  max-width: 800px;
}

.arph-heading p:not(.arph-eyebrow) {
  margin-bottom: 0;

  color: var(--arph-muted);

  font-size: 1.06rem;
}

/* HIRE CARDS */

.arph-options {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 22px;
}

.arph-option {
  position: relative;

  display: flex;
  flex-direction: column;

  min-width: 0;

  overflow: hidden;

  border: 1px solid var(--arph-line);
  border-radius: 24px;

  background: #ffffff;

  box-shadow:
    0 18px 48px rgba(50, 24, 70, 0.1);
}

.arph-option::before {
  content: "";

  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;

  height: 5px;

  background:
    var(--option-accent, var(--arph-pink));
}

.arph-option--jungle {
  --option-accent: #9bc83d;
  --option-soft: #f3f9e8;
}

.arph-option--jump {
  --option-accent: #ec3979;
  --option-soft: #fff0f5;
}

.arph-option--climb {
  --option-accent: #ef7e24;
  --option-soft: #fff4e9;
}

.arph-option--ninja {
  --option-accent: #167fb8;
  --option-soft: #eaf7fc;
}

.arph-option__header {
  display: flex;
  align-items: center;
  justify-content: space-between;

  min-height: 110px;
  padding: 25px 25px 20px;

  gap: 15px;

  background:
    radial-gradient(
      circle at 100% 0%,
      var(--option-soft),
      transparent 55%
    ),
    #ffffff;
}

.arph-logo {
  display: block;

  width: auto;
  max-width: 145px;
  max-height: 58px;

  object-fit: contain;
  object-position: left center;
}

.arph-logo--wide {
  max-width: 170px;
}

.arph-badge {
  flex: 0 0 auto;

  padding: 7px 9px;

  border-radius: 999px;

  color: var(--arph-purple);
  background: var(--option-soft);

  font-size: 0.7rem;
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
}

.arph-option__body {
  flex: 1 1 auto;
  padding: 5px 25px 25px;
}

.arph-option__type {
  margin-bottom: 8px;

  color: var(--option-accent);

  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.arph-option__intro {
  min-height: 78px;
  margin-bottom: 22px;

  color: var(--arph-muted);
}

.arph-prices {
  display: grid;
  gap: 0;

  margin: 0 0 22px;

  overflow: hidden;

  border: 1px solid var(--arph-line);
  border-radius: 14px;
}

.arph-prices > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;

  gap: 14px;

  padding: 12px 13px;

  border-bottom: 1px solid var(--arph-line);

  background: #ffffff;
}

.arph-prices > div:nth-child(odd) {
  background: var(--option-soft);
}

.arph-prices > div:last-child {
  border-bottom: 0;
}

.arph-prices dt {
  color: var(--arph-muted);

  font-size: 0.82rem;
  line-height: 1.35;
}

.arph-prices dd {
  margin: 0;

  color: var(--arph-purple);

  font-weight: 900;
  text-align: right;
}

.arph-checklist {
  display: grid;
  gap: 10px;

  margin: 0 0 21px;
  padding: 0;

  list-style: none;
}

.arph-checklist li {
  position: relative;

  padding-left: 27px;

  color: #4f4554;

  font-size: 0.91rem;
}

.arph-checklist li::before {
  content: "✓";

  position: absolute;
  top: 1px;
  left: 0;

  display: grid;
  place-items: center;

  width: 18px;
  height: 18px;

  border-radius: 50%;

  color: #ffffff;
  background: var(--option-accent);

  font-size: 0.68rem;
  font-weight: 900;
}

.arph-smallprint {
  margin: 0;
  padding: 13px 14px;

  border-left: 3px solid var(--option-accent);
  border-radius: 0 9px 9px 0;

  color: var(--arph-muted);
  background: var(--option-soft);

  font-size: 0.79rem;
  line-height: 1.5;
}

.arph-option__footer {
  display: grid;
  gap: 13px;

  padding: 0 25px 27px;
}

.arph-text-link {
  color: var(--arph-purple-2) !important;

  font-size: 0.85rem;
  font-weight: 900;
  text-align: center;

  text-decoration: underline;
  text-decoration-color:
    rgba(78, 40, 109, 0.28);
  text-underline-offset: 4px;
}

.arph-text-link:hover {
  color: var(--arph-pink) !important;
}

.arph-price-note {
  margin: 22px 0 0;

  color: var(--arph-muted);

  font-size: 0.78rem;
  text-align: center;
}

/* STEPS */

.arph-section--steps {
  color: #ffffff;

  background:
    radial-gradient(
      circle at 88% 10%,
      rgba(237, 71, 120, 0.21),
      transparent 28%
    ),
    linear-gradient(
      135deg,
      #271037,
      var(--arph-purple-2)
    );
}

.arph-heading--light h2 {
  color: #ffffff;
}

.arph-steps {
  display: grid;
  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 18px;

  margin: 0;
  padding: 0;

  list-style: none;
}

.arph-steps li {
  position: relative;

  min-width: 0;
  padding: 26px;

  border:
    1px solid rgba(255, 255, 255, 0.13);
  border-radius: 18px;

  background: rgba(255, 255, 255, 0.07);
}

.arph-steps li:not(:last-child)::after {
  content: "›";

  position: absolute;
  top: 50%;
  right: -15px;
  z-index: 2;

  display: grid;
  place-items: center;

  width: 28px;
  height: 28px;

  border-radius: 50%;

  color: var(--arph-purple);
  background: var(--arph-lime);

  font-size: 1.45rem;
  font-weight: 900;

  transform: translateY(-50%);
}

.arph-step-number {
  display: block;

  margin-bottom: 25px;

  color: var(--arph-lime);

  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.13em;
}

.arph-steps h3 {
  margin-bottom: 9px;

  color: #ffffff;

  font-size: 1.25rem;
  letter-spacing: -0.02em;
}

.arph-steps p {
  margin: 0;

  color: rgba(255, 255, 255, 0.65);

  font-size: 0.88rem;
}

/* INFORMATION */

.arph-info-grid {
  display: grid;
  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 17px;
}

.arph-info {
  padding: 24px;

  border: 1px solid var(--arph-line);
  border-radius: 17px;

  background: #ffffff;

  box-shadow:
    0 12px 34px rgba(50, 24, 70, 0.06);
}

.arph-info__icon {
  display: grid;
  place-items: center;

  width: 38px;
  height: 38px;
  margin-bottom: 19px;

  border-radius: 12px;

  color: #ffffff;
  background: var(--arph-purple-2);

  box-shadow:
    0 7px 17px rgba(50, 24, 70, 0.18);

  font-weight: 900;
}

.arph-info:nth-child(2n) .arph-info__icon {
  background: var(--arph-pink);
}

.arph-info h3 {
  margin-bottom: 8px;

  font-size: 1.18rem;
  letter-spacing: -0.02em;
}

.arph-info p {
  margin: 0;

  color: var(--arph-muted);

  font-size: 0.9rem;
}

.arph-safety-link {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 25px;

  margin-top: 22px;
  padding: 22px 25px;

  border-radius: 17px;

  background: var(--arph-soft);
}

.arph-safety-link strong {
  display: block;
  margin-bottom: 2px;

  color: var(--arph-purple);

  font-size: 1rem;
}

.arph-safety-link p {
  margin: 0;

  color: var(--arph-muted);

  font-size: 0.88rem;
}

.arph-safety-link a {
  flex: 0 0 auto;

  color: var(--arph-purple-2) !important;

  font-weight: 900;
  text-underline-offset: 4px;
}

/* FAQ */

.arph-section--faq {
  background: var(--arph-soft);
}

.arph-faq-layout {
  display: grid;
  grid-template-columns:
    minmax(260px, 0.68fr)
    minmax(0, 1.32fr);

  gap: 70px;

  align-items: start;
}

.arph-faq-intro {
  position: sticky;
  top: 30px;
}

.arph-faq-intro > p:not(.arph-eyebrow) {
  margin-bottom: 24px;
  color: var(--arph-muted);
}

.arph-faqs {
  display: grid;
  gap: 12px;
}

.arph-faqs details {
  overflow: hidden;

  border: 1px solid var(--arph-line);
  border-radius: 15px;

  background: #ffffff;
}

.arph-faqs summary {
  position: relative;

  padding: 20px 56px 20px 21px;

  color: var(--arph-purple);

  font-weight: 900;

  cursor: pointer;
  list-style: none;
}

.arph-faqs summary::-webkit-details-marker {
  display: none;
}

.arph-faqs summary::after {
  content: "+";

  position: absolute;
  top: 50%;
  right: 20px;

  display: grid;
  place-items: center;

  width: 27px;
  height: 27px;

  border-radius: 50%;

  color: #ffffff;
  background: var(--arph-pink);

  font-size: 1.05rem;
  line-height: 1;

  transform: translateY(-50%);
}

.arph-faqs details[open] summary::after {
  content: "–";
}

.arph-faqs details p {
  margin: 0;
  padding: 0 21px 21px;

  color: var(--arph-muted);

  font-size: 0.92rem;
}

/* FINAL CALL TO ACTION */

.arph-final {
  color: #ffffff;

  background:
    radial-gradient(
      circle at 75% 0%,
      rgba(237, 71, 120, 0.28),
      transparent 29%
    ),
    var(--arph-purple);
}

.arph-final__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 40px;

  padding-top: 70px;
  padding-bottom: 70px;
}

.arph-final__inner > div:first-child {
  max-width: 700px;
}

.arph-final h2 {
  margin-bottom: 12px;
  color: #ffffff;
}

.arph-final p:not(.arph-eyebrow) {
  margin: 0;
  color: rgba(255, 255, 255, 0.7);
}

/* ROLLER POPUP */

#roller-checkout-backdrop {
  background: rgba(20, 9, 35, 0.72) !important;
  backdrop-filter: blur(4px);
}

#roller-checkout-flyout {
  border-left:
    1px solid rgba(255, 255, 255, 0.18);

  box-shadow:
    -24px 0 70px rgba(16, 6, 27, 0.34) !important;
}

#roller-checkout-flyout,
#roller-checkout-flyout * {
  box-sizing: border-box !important;
}

#close-roller-checkout-button {
  display: grid !important;
  place-items: center !important;

  flex: 0 0 44px !important;

  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 2px solid #2b1647 !important;
  border-radius: 50% !important;

  background: #ffffff !important;

  box-shadow:
    0 4px 14px rgba(43, 22, 71, 0.2) !important;
}

#close-roller-checkout-button:hover {
  border-color: #ed4778 !important;
  background: #fff5f8 !important;
}

#close-roller-checkout-button:focus-visible {
  outline: 3px solid #c8dc4b !important;
  outline-offset: 3px !important;
}

#close-roller-checkout-button img {
  display: block !important;

  width: 14px !important;
  height: 14px !important;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: contain !important;
}

/* TABLETS */

@media (max-width: 1020px) {
  .arph-hero__inner {
    grid-template-columns: 1fr;
    gap: 42px;
    padding-top: 80px;
  }

  .arph-event-card {
    max-width: 700px;
  }

  .arph-options {
    grid-template-columns: 1fr;
  }

  .arph-option {
    display: grid;
    grid-template-columns:
      minmax(0, 1fr)
      minmax(250px, 0.38fr);
  }

  .arph-option__header {
    grid-column: 1 / -1;
  }

  .arph-option__footer {
    align-content: end;
    padding-top: 5px;
    padding-left: 0;
  }

  .arph-option__intro {
    min-height: 0;
  }

  .arph-steps {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .arph-steps li:nth-child(2)::after {
    display: none;
  }

  .arph-info-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
}

/* MOBILE */

@media (max-width: 760px) {
  .arph-shell {
    width: min(100% - 28px, 1180px);
  }

  .arph-hero::after {
    bottom: -165px;
  }

  .arph-hero__inner {
    min-height: auto;

    padding-top: 65px;
    padding-bottom: 150px;
  }

  .arph h1 {
    font-size: clamp(2.7rem, 14vw, 4.7rem);
  }

  .arph-section {
    padding-top: 63px;
    padding-bottom: 63px;
  }

  .arph-heading,
  .arph-final__inner {
    display: block;
  }

  .arph-final__actions {
    margin-top: 25px;
  }

  .arph-option {
    display: flex;
  }

  .arph-option__footer {
    padding: 0 20px 24px;
  }

  .arph-option__header,
  .arph-option__body {
    padding-right: 20px;
    padding-left: 20px;
  }

  .arph-logo,
  .arph-logo--wide {
    max-width: 145px;
  }

  .arph-steps,
  .arph-info-grid,
  .arph-faq-layout {
    grid-template-columns: 1fr;
  }

  .arph-steps li::after {
    display: none !important;
  }

  .arph-faq-layout {
    gap: 35px;
  }

  .arph-faq-intro {
    position: static;
  }

  .arph-safety-link {
    display: block;
  }

  .arph-safety-link a {
    display: inline-block;
    margin-top: 14px;
  }
}

@media (max-width: 480px) {
  .arph-actions,
  .arph-final__actions {
    display: grid;
  }

  .arph-btn {
    width: 100%;
  }

  .arph-event-card {
    padding: 25px 21px;
  }

  .arph-option__header {
    align-items: flex-start;
    min-height: 102px;
  }

  .arph-badge {
    max-width: 115px;
  }

  .arph-prices > div {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .arph-prices dd {
    text-align: left;
  }
}

@media (prefers-reduced-motion: reduce) {
  .arph *,
  .arph *::before,
  .arph *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }

  .arph-btn:hover {
    transform: none;
  }
}
```/* End custom CSS */